@ukic/web-components 3.2.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (562) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/{helpers-789082d4.js → helpers-fc4016d2.js} +21 -37
  3. package/dist/cjs/helpers-fc4016d2.js.map +1 -0
  4. package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
  5. package/dist/cjs/ic-accordion.cjs.entry.js +10 -8
  6. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-alert.cjs.entry.js +2 -2
  8. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
  10. package/dist/cjs/ic-badge.cjs.entry.js +4 -4
  11. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  12. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +56 -76
  13. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  14. package/dist/cjs/ic-breadcrumb.cjs.entry.js +32 -51
  15. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  16. package/dist/cjs/ic-button_3.cjs.entry.js +110 -131
  17. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  18. package/dist/cjs/ic-card-vertical.cjs.entry.js +6 -6
  19. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  20. package/dist/cjs/ic-checkbox-group.cjs.entry.js +9 -10
  21. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  22. package/dist/cjs/ic-checkbox.cjs.entry.js +37 -41
  23. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  24. package/dist/cjs/ic-chip.cjs.entry.js +26 -38
  25. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  26. package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
  27. package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
  28. package/dist/cjs/ic-dialog.cjs.entry.js +2 -2
  29. package/dist/cjs/ic-divider.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-empty-state.cjs.entry.js +3 -3
  31. package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
  33. package/dist/cjs/ic-footer.cjs.entry.js +1 -1
  34. package/dist/cjs/ic-hero.cjs.entry.js +7 -6
  35. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +6 -6
  37. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +23 -22
  38. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  39. package/dist/cjs/ic-input-label_2.cjs.entry.js +8 -8
  40. package/dist/cjs/ic-link.cjs.entry.js +12 -4
  41. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
  43. package/dist/cjs/ic-menu-item.cjs.entry.js +5 -5
  44. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -3
  46. package/dist/cjs/ic-navigation-group.cjs.entry.js +116 -164
  47. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-navigation-item.cjs.entry.js +65 -62
  49. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -5
  51. package/dist/cjs/ic-page-header.cjs.entry.js +7 -7
  52. package/dist/cjs/ic-pagination-item.cjs.entry.js +2 -2
  53. package/dist/cjs/ic-pagination.cjs.entry.js +5 -5
  54. package/dist/cjs/ic-popover-menu.cjs.entry.js +8 -7
  55. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-radio-group.cjs.entry.js +5 -5
  57. package/dist/cjs/ic-radio-option.cjs.entry.js +5 -5
  58. package/dist/cjs/ic-search-bar.cjs.entry.js +149 -154
  59. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
  61. package/dist/cjs/ic-select.cjs.entry.js +142 -218
  62. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  63. package/dist/cjs/ic-side-navigation.cjs.entry.js +25 -6
  64. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  65. package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
  66. package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
  67. package/dist/cjs/ic-status-tag.cjs.entry.js +3 -3
  68. package/dist/cjs/ic-step.cjs.entry.js +14 -14
  69. package/dist/cjs/ic-stepper.cjs.entry.js +3 -3
  70. package/dist/cjs/ic-switch.cjs.entry.js +6 -6
  71. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
  73. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
  74. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  75. package/dist/cjs/ic-tab.cjs.entry.js +3 -3
  76. package/dist/cjs/ic-text-field.cjs.entry.js +39 -31
  77. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-theme.cjs.entry.js +2 -2
  79. package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
  80. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  81. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +54 -68
  82. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  83. package/dist/cjs/ic-toggle-button.cjs.entry.js +62 -64
  84. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  85. package/dist/cjs/ic-top-navigation.cjs.entry.js +65 -63
  86. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  87. package/dist/cjs/ic-typography.cjs.entry.js +3 -3
  88. package/dist/cjs/loader.cjs.js +1 -1
  89. package/dist/collection/components/ic-accordion/ic-accordion.js +9 -7
  90. package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
  91. package/dist/collection/components/ic-accordion/ic-accordion.stories.js +1 -1
  92. package/dist/collection/components/ic-alert/ic-alert.css +4 -0
  93. package/dist/collection/components/ic-badge/ic-badge.css +1 -1
  94. package/dist/collection/components/ic-badge/ic-badge.js +2 -2
  95. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +40 -59
  96. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  97. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +65 -86
  98. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  99. package/dist/collection/components/ic-button/ic-button.css +105 -62
  100. package/dist/collection/components/ic-button/ic-button.js +141 -162
  101. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  102. package/dist/collection/components/ic-button/ic-button.stories.js +10 -2
  103. package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +3 -0
  104. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +4 -4
  105. package/dist/collection/components/ic-checkbox/ic-checkbox.css +9 -1
  106. package/dist/collection/components/ic-checkbox/ic-checkbox.js +73 -80
  107. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  108. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +24 -25
  109. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  110. package/dist/collection/components/ic-chip/ic-chip.css +9 -0
  111. package/dist/collection/components/ic-chip/ic-chip.js +66 -72
  112. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  113. package/dist/collection/components/ic-chip/ic-chip.stories.js +2 -1
  114. package/dist/collection/components/ic-data-list/ic-data-list.js +2 -2
  115. package/dist/collection/components/ic-data-row/ic-data-row.js +2 -2
  116. package/dist/collection/components/ic-dialog/ic-dialog.js +1 -1
  117. package/dist/collection/components/ic-empty-state/ic-empty-state.js +2 -2
  118. package/dist/collection/components/ic-footer-link/ic-footer-link.js +2 -2
  119. package/dist/collection/components/ic-hero/ic-hero.css +13 -4
  120. package/dist/collection/components/ic-hero/ic-hero.js +5 -4
  121. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  122. package/dist/collection/components/ic-hero/ic-hero.stories.js +1 -0
  123. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +5 -5
  124. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +3 -3
  125. package/dist/collection/components/ic-input-container/ic-input-container.js +2 -2
  126. package/dist/collection/components/ic-input-label/ic-input-label.js +4 -4
  127. package/dist/collection/components/ic-input-validation/ic-input-validation.js +3 -3
  128. package/dist/collection/components/ic-link/ic-link.js +12 -4
  129. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  130. package/dist/collection/components/ic-link/ic-link.stories.js +28 -5
  131. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +3 -3
  132. package/dist/collection/components/ic-menu/ic-menu.js +41 -40
  133. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  134. package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
  135. package/dist/collection/components/ic-menu-item/ic-menu-item.css +0 -5
  136. package/dist/collection/components/ic-menu-item/ic-menu-item.js +3 -3
  137. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  138. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +2 -2
  139. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +119 -167
  140. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  141. package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +7 -13
  142. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +80 -74
  143. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  144. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +4 -4
  145. package/dist/collection/components/ic-page-header/ic-page-header.js +6 -6
  146. package/dist/collection/components/ic-pagination/ic-pagination.js +4 -4
  147. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +1 -1
  148. package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +3 -5
  149. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +6 -5
  150. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  151. package/dist/collection/components/ic-radio-group/ic-radio-group.js +4 -4
  152. package/dist/collection/components/ic-radio-option/ic-radio-option.js +4 -4
  153. package/dist/collection/components/ic-search-bar/ic-search-bar.js +208 -211
  154. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  155. package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js +9 -8
  156. package/dist/collection/components/ic-section-container/ic-section-container.js +2 -2
  157. package/dist/collection/components/ic-select/ic-select.js +196 -271
  158. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  159. package/dist/collection/components/ic-select/ic-select_(single).stories.js +30 -21
  160. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +1 -1
  161. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +43 -4
  162. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  163. package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +247 -0
  164. package/dist/collection/components/ic-skeleton/ic-skeleton.js +2 -2
  165. package/dist/collection/components/ic-skip-link/ic-skip-link.js +2 -2
  166. package/dist/collection/components/ic-status-tag/ic-status-tag.js +2 -2
  167. package/dist/collection/components/ic-step/ic-step.js +13 -13
  168. package/dist/collection/components/ic-stepper/ic-stepper.js +2 -2
  169. package/dist/collection/components/ic-switch/ic-switch.js +5 -5
  170. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  171. package/dist/collection/components/ic-tab/ic-tab.js +2 -2
  172. package/dist/collection/components/ic-tab-context/ic-tab-context.js +1 -1
  173. package/dist/collection/components/ic-tab-group/ic-tab-group.js +2 -2
  174. package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +2 -2
  175. package/dist/collection/components/ic-text-field/ic-text-field.js +124 -101
  176. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  177. package/dist/collection/components/ic-theme/ic-theme.js +1 -1
  178. package/dist/collection/components/ic-toast/ic-toast.js +3 -3
  179. package/dist/collection/components/ic-toast-region/ic-toast-region.js +1 -1
  180. package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +40 -7
  181. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +80 -82
  182. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
  183. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +79 -88
  184. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
  185. package/dist/collection/components/ic-tooltip/ic-tooltip.js +2 -2
  186. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +81 -79
  187. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  188. package/dist/collection/components/ic-typography/ic-typography.js +2 -2
  189. package/dist/collection/utils/helpers.js +20 -36
  190. package/dist/collection/utils/helpers.js.map +1 -1
  191. package/dist/components/helpers.js +21 -37
  192. package/dist/components/helpers.js.map +1 -1
  193. package/dist/components/ic-accordion.js +9 -7
  194. package/dist/components/ic-accordion.js.map +1 -1
  195. package/dist/components/ic-alert.js +1 -1
  196. package/dist/components/ic-alert.js.map +1 -1
  197. package/dist/components/ic-badge.js +3 -3
  198. package/dist/components/ic-badge.js.map +1 -1
  199. package/dist/components/ic-breadcrumb-group.js +57 -78
  200. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  201. package/dist/components/ic-breadcrumb2.js +32 -51
  202. package/dist/components/ic-breadcrumb2.js.map +1 -1
  203. package/dist/components/ic-button2.js +105 -126
  204. package/dist/components/ic-button2.js.map +1 -1
  205. package/dist/components/ic-card-vertical.js +5 -5
  206. package/dist/components/ic-card-vertical.js.map +1 -1
  207. package/dist/components/ic-checkbox-group.js +8 -9
  208. package/dist/components/ic-checkbox-group.js.map +1 -1
  209. package/dist/components/ic-checkbox.js +39 -43
  210. package/dist/components/ic-checkbox.js.map +1 -1
  211. package/dist/components/ic-chip.js +28 -40
  212. package/dist/components/ic-chip.js.map +1 -1
  213. package/dist/components/ic-data-list.js +2 -2
  214. package/dist/components/ic-data-row.js +2 -2
  215. package/dist/components/ic-dialog.js +1 -1
  216. package/dist/components/ic-empty-state.js +2 -2
  217. package/dist/components/ic-footer-link.js +2 -2
  218. package/dist/components/ic-hero.js +6 -5
  219. package/dist/components/ic-hero.js.map +1 -1
  220. package/dist/components/ic-horizontal-scroll2.js +5 -5
  221. package/dist/components/ic-input-component-container2.js +3 -3
  222. package/dist/components/ic-input-container2.js +2 -2
  223. package/dist/components/ic-input-label2.js +4 -4
  224. package/dist/components/ic-input-validation2.js +3 -3
  225. package/dist/components/ic-link2.js +11 -3
  226. package/dist/components/ic-link2.js.map +1 -1
  227. package/dist/components/ic-loading-indicator2.js +3 -3
  228. package/dist/components/ic-menu-group.js +1 -1
  229. package/dist/components/ic-menu-item2.js +4 -4
  230. package/dist/components/ic-menu-item2.js.map +1 -1
  231. package/dist/components/ic-menu2.js +17 -16
  232. package/dist/components/ic-menu2.js.map +1 -1
  233. package/dist/components/ic-navigation-button.js +2 -2
  234. package/dist/components/ic-navigation-group.js +115 -163
  235. package/dist/components/ic-navigation-group.js.map +1 -1
  236. package/dist/components/ic-navigation-item.js +67 -62
  237. package/dist/components/ic-navigation-item.js.map +1 -1
  238. package/dist/components/ic-navigation-menu2.js +4 -4
  239. package/dist/components/ic-page-header.js +6 -6
  240. package/dist/components/ic-pagination-item2.js +1 -1
  241. package/dist/components/ic-pagination.js +4 -4
  242. package/dist/components/ic-popover-menu.js +7 -6
  243. package/dist/components/ic-popover-menu.js.map +1 -1
  244. package/dist/components/ic-radio-group.js +4 -4
  245. package/dist/components/ic-radio-group.js.map +1 -1
  246. package/dist/components/ic-radio-option.js +4 -4
  247. package/dist/components/ic-search-bar.js +150 -154
  248. package/dist/components/ic-search-bar.js.map +1 -1
  249. package/dist/components/ic-section-container2.js +2 -2
  250. package/dist/components/ic-select.js +141 -217
  251. package/dist/components/ic-select.js.map +1 -1
  252. package/dist/components/ic-side-navigation.js +25 -5
  253. package/dist/components/ic-side-navigation.js.map +1 -1
  254. package/dist/components/ic-skeleton.js +2 -2
  255. package/dist/components/ic-skip-link.js +2 -2
  256. package/dist/components/ic-status-tag.js +2 -2
  257. package/dist/components/ic-step.js +13 -13
  258. package/dist/components/ic-stepper.js +2 -2
  259. package/dist/components/ic-switch.js +5 -5
  260. package/dist/components/ic-switch.js.map +1 -1
  261. package/dist/components/ic-tab-context.js +1 -1
  262. package/dist/components/ic-tab-group.js +2 -2
  263. package/dist/components/ic-tab-panel.js +2 -2
  264. package/dist/components/ic-tab-panel.js.map +1 -1
  265. package/dist/components/ic-tab.js +2 -2
  266. package/dist/components/ic-text-field.js +40 -31
  267. package/dist/components/ic-text-field.js.map +1 -1
  268. package/dist/components/ic-theme.js +1 -1
  269. package/dist/components/ic-toast-region.js +1 -1
  270. package/dist/components/ic-toast.js +3 -3
  271. package/dist/components/ic-toggle-button-group.js +53 -67
  272. package/dist/components/ic-toggle-button-group.js.map +1 -1
  273. package/dist/components/ic-toggle-button.js +61 -63
  274. package/dist/components/ic-toggle-button.js.map +1 -1
  275. package/dist/components/ic-tooltip2.js +2 -2
  276. package/dist/components/ic-top-navigation.js +65 -63
  277. package/dist/components/ic-top-navigation.js.map +1 -1
  278. package/dist/components/ic-typography2.js +2 -2
  279. package/dist/core/core.css +159 -109
  280. package/dist/core/core.esm.js +1 -1
  281. package/dist/core/core.esm.js.map +1 -1
  282. package/dist/core/p-0fb68b4f.entry.js +2 -0
  283. package/dist/core/p-0fb68b4f.entry.js.map +1 -0
  284. package/dist/core/{p-bbe5596b.entry.js → p-15b7adaf.entry.js} +2 -2
  285. package/dist/core/{p-abaea607.entry.js → p-1d172032.entry.js} +2 -2
  286. package/dist/core/{p-fc50d582.entry.js → p-1d254b71.entry.js} +2 -2
  287. package/dist/core/p-1d254b71.entry.js.map +1 -0
  288. package/dist/core/{p-6de6b6b7.entry.js → p-23536595.entry.js} +2 -2
  289. package/dist/core/{p-81a12e36.entry.js → p-26dfc4db.entry.js} +2 -2
  290. package/dist/core/{p-81a12e36.entry.js.map → p-26dfc4db.entry.js.map} +1 -1
  291. package/dist/core/{p-f3c72ffb.entry.js → p-2c371198.entry.js} +2 -2
  292. package/dist/core/p-3676ac4e.entry.js +2 -0
  293. package/dist/core/p-3676ac4e.entry.js.map +1 -0
  294. package/dist/core/{p-f34eee68.entry.js → p-3cb4ecef.entry.js} +2 -2
  295. package/dist/core/{p-3eb7ef1d.entry.js → p-432aeae0.entry.js} +2 -2
  296. package/dist/core/p-4a2acb2e.entry.js +2 -0
  297. package/dist/core/p-4a2acb2e.entry.js.map +1 -0
  298. package/dist/core/p-4dc97b03.entry.js +2 -0
  299. package/dist/core/p-4dc97b03.entry.js.map +1 -0
  300. package/dist/core/p-4e48a671.entry.js +2 -0
  301. package/dist/core/p-4e48a671.entry.js.map +1 -0
  302. package/dist/core/p-513628ef.entry.js +2 -0
  303. package/dist/core/p-513628ef.entry.js.map +1 -0
  304. package/dist/core/{p-88924aef.entry.js → p-51b49429.entry.js} +2 -2
  305. package/dist/core/p-554845c4.entry.js +2 -0
  306. package/dist/core/p-554845c4.entry.js.map +1 -0
  307. package/dist/core/{p-7afc71d0.entry.js → p-56e0de32.entry.js} +2 -2
  308. package/dist/core/{p-7a0d238b.entry.js → p-56fb0298.entry.js} +2 -2
  309. package/dist/core/p-59b48450.entry.js +2 -0
  310. package/dist/core/p-59b48450.entry.js.map +1 -0
  311. package/dist/core/{p-fbde763c.entry.js → p-5aec3757.entry.js} +2 -2
  312. package/dist/core/{p-23d059ff.entry.js → p-5eb2ac90.entry.js} +2 -2
  313. package/dist/core/{p-c2ca6274.entry.js → p-60aad45d.entry.js} +2 -2
  314. package/dist/core/{p-33c86ba6.entry.js → p-628c32b8.entry.js} +2 -2
  315. package/dist/core/p-6cd0b010.entry.js +2 -0
  316. package/dist/core/p-6cd0b010.entry.js.map +1 -0
  317. package/dist/core/{p-7dfe0284.entry.js → p-6eea869b.entry.js} +2 -2
  318. package/dist/core/{p-0631c3ab.entry.js → p-7d2c07e2.entry.js} +2 -2
  319. package/dist/core/p-7d352865.entry.js +2 -0
  320. package/dist/core/p-7d352865.entry.js.map +1 -0
  321. package/dist/core/{p-959a9cdf.entry.js → p-7deaf128.entry.js} +2 -2
  322. package/dist/core/{p-959a9cdf.entry.js.map → p-7deaf128.entry.js.map} +1 -1
  323. package/dist/core/p-803f2eb8.entry.js +2 -0
  324. package/dist/core/p-803f2eb8.entry.js.map +1 -0
  325. package/dist/core/p-8242c24f.js +2 -0
  326. package/dist/core/p-8242c24f.js.map +1 -0
  327. package/dist/core/p-87fa5add.entry.js +2 -0
  328. package/dist/core/p-87fa5add.entry.js.map +1 -0
  329. package/dist/core/{p-3675c4b4.entry.js → p-887e00bb.entry.js} +2 -2
  330. package/dist/core/p-8958c60f.entry.js +2 -0
  331. package/dist/core/p-8958c60f.entry.js.map +1 -0
  332. package/dist/core/{p-45432bf5.entry.js → p-8c77dd65.entry.js} +2 -2
  333. package/dist/core/{p-e2f893f0.entry.js → p-9a6dc8b1.entry.js} +2 -2
  334. package/dist/core/p-9a6dc8b1.entry.js.map +1 -0
  335. package/dist/core/{p-acebb05c.entry.js → p-9c47521d.entry.js} +2 -2
  336. package/dist/core/p-a140bcaa.entry.js +2 -0
  337. package/dist/core/p-a17499ff.entry.js +2 -0
  338. package/dist/core/p-a17499ff.entry.js.map +1 -0
  339. package/dist/core/{p-005cd8a8.entry.js → p-aad10013.entry.js} +2 -2
  340. package/dist/core/p-aad2abbf.entry.js +2 -0
  341. package/dist/core/p-aad2abbf.entry.js.map +1 -0
  342. package/dist/core/p-bdcc79dd.entry.js +2 -0
  343. package/dist/core/p-bdcc79dd.entry.js.map +1 -0
  344. package/dist/core/{p-de43d375.entry.js → p-bf3b853e.entry.js} +2 -2
  345. package/dist/core/{p-e56d0db2.entry.js → p-c59fd23e.entry.js} +2 -2
  346. package/dist/core/{p-f815f8c9.entry.js → p-c5ffe2cf.entry.js} +2 -2
  347. package/dist/core/{p-5206a978.entry.js → p-c8cf1ad5.entry.js} +2 -2
  348. package/dist/core/p-cfa9ed7d.entry.js +2 -0
  349. package/dist/core/p-cfa9ed7d.entry.js.map +1 -0
  350. package/dist/core/{p-23ed8b99.entry.js → p-d4903dcd.entry.js} +2 -2
  351. package/dist/core/{p-1e4cdd2d.entry.js → p-d82b27df.entry.js} +2 -2
  352. package/dist/core/{p-7c0914e7.entry.js → p-d8ce39ac.entry.js} +2 -2
  353. package/dist/core/{p-70700c7a.entry.js → p-dcce0dfd.entry.js} +2 -2
  354. package/dist/core/{p-40f2f58e.entry.js → p-de1e04ac.entry.js} +2 -2
  355. package/dist/core/{p-4b601e06.entry.js → p-dee21f6d.entry.js} +2 -2
  356. package/dist/core/{p-4245a976.entry.js → p-dfc8cba6.entry.js} +2 -2
  357. package/dist/core/{p-b3ac38c5.entry.js → p-e2629bfe.entry.js} +2 -2
  358. package/dist/core/{p-3b5d3e24.entry.js → p-e38fddbb.entry.js} +2 -2
  359. package/dist/core/p-e38fddbb.entry.js.map +1 -0
  360. package/dist/core/p-eca6e215.entry.js +2 -0
  361. package/dist/core/p-eca6e215.entry.js.map +1 -0
  362. package/dist/core/{p-44e4e8c1.entry.js → p-ef36181d.entry.js} +2 -2
  363. package/dist/core/{p-ef09b450.entry.js → p-ef4b752c.entry.js} +2 -2
  364. package/dist/core/p-ef4b752c.entry.js.map +1 -0
  365. package/dist/core/{p-b3d6d5be.entry.js → p-fa38ad2e.entry.js} +2 -2
  366. package/dist/core/p-fc4f7180.entry.js +2 -0
  367. package/dist/core/p-fc4f7180.entry.js.map +1 -0
  368. package/dist/esm/core.js +1 -1
  369. package/dist/esm/{helpers-46a2d1fd.js → helpers-f2ffaa7c.js} +22 -38
  370. package/dist/esm/helpers-f2ffaa7c.js.map +1 -0
  371. package/dist/esm/ic-accordion-group.entry.js +1 -1
  372. package/dist/esm/ic-accordion.entry.js +10 -8
  373. package/dist/esm/ic-accordion.entry.js.map +1 -1
  374. package/dist/esm/ic-alert.entry.js +2 -2
  375. package/dist/esm/ic-alert.entry.js.map +1 -1
  376. package/dist/esm/ic-back-to-top.entry.js +1 -1
  377. package/dist/esm/ic-badge.entry.js +4 -4
  378. package/dist/esm/ic-badge.entry.js.map +1 -1
  379. package/dist/esm/ic-breadcrumb-group.entry.js +56 -76
  380. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  381. package/dist/esm/ic-breadcrumb.entry.js +32 -51
  382. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  383. package/dist/esm/ic-button_3.entry.js +111 -132
  384. package/dist/esm/ic-button_3.entry.js.map +1 -1
  385. package/dist/esm/ic-card-vertical.entry.js +6 -6
  386. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  387. package/dist/esm/ic-checkbox-group.entry.js +9 -10
  388. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  389. package/dist/esm/ic-checkbox.entry.js +37 -41
  390. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  391. package/dist/esm/ic-chip.entry.js +26 -38
  392. package/dist/esm/ic-chip.entry.js.map +1 -1
  393. package/dist/esm/ic-data-list.entry.js +2 -2
  394. package/dist/esm/ic-data-row.entry.js +3 -3
  395. package/dist/esm/ic-dialog.entry.js +2 -2
  396. package/dist/esm/ic-divider.entry.js +1 -1
  397. package/dist/esm/ic-empty-state.entry.js +3 -3
  398. package/dist/esm/ic-footer-link-group.entry.js +1 -1
  399. package/dist/esm/ic-footer-link.entry.js +3 -3
  400. package/dist/esm/ic-footer.entry.js +1 -1
  401. package/dist/esm/ic-hero.entry.js +7 -6
  402. package/dist/esm/ic-hero.entry.js.map +1 -1
  403. package/dist/esm/ic-horizontal-scroll.entry.js +6 -6
  404. package/dist/esm/ic-input-component-container_3.entry.js +23 -22
  405. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  406. package/dist/esm/ic-input-label_2.entry.js +8 -8
  407. package/dist/esm/ic-link.entry.js +12 -4
  408. package/dist/esm/ic-link.entry.js.map +1 -1
  409. package/dist/esm/ic-menu-group.entry.js +2 -2
  410. package/dist/esm/ic-menu-item.entry.js +5 -5
  411. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  412. package/dist/esm/ic-navigation-button.entry.js +3 -3
  413. package/dist/esm/ic-navigation-group.entry.js +116 -164
  414. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  415. package/dist/esm/ic-navigation-item.entry.js +65 -62
  416. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  417. package/dist/esm/ic-navigation-menu.entry.js +5 -5
  418. package/dist/esm/ic-page-header.entry.js +7 -7
  419. package/dist/esm/ic-pagination-item.entry.js +2 -2
  420. package/dist/esm/ic-pagination.entry.js +5 -5
  421. package/dist/esm/ic-popover-menu.entry.js +8 -7
  422. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  423. package/dist/esm/ic-radio-group.entry.js +5 -5
  424. package/dist/esm/ic-radio-option.entry.js +5 -5
  425. package/dist/esm/ic-search-bar.entry.js +149 -154
  426. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  427. package/dist/esm/ic-section-container.entry.js +2 -2
  428. package/dist/esm/ic-select.entry.js +142 -218
  429. package/dist/esm/ic-select.entry.js.map +1 -1
  430. package/dist/esm/ic-side-navigation.entry.js +25 -6
  431. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  432. package/dist/esm/ic-skeleton.entry.js +2 -2
  433. package/dist/esm/ic-skip-link.entry.js +2 -2
  434. package/dist/esm/ic-status-tag.entry.js +3 -3
  435. package/dist/esm/ic-step.entry.js +14 -14
  436. package/dist/esm/ic-stepper.entry.js +3 -3
  437. package/dist/esm/ic-switch.entry.js +6 -6
  438. package/dist/esm/ic-switch.entry.js.map +1 -1
  439. package/dist/esm/ic-tab-context.entry.js +1 -1
  440. package/dist/esm/ic-tab-group.entry.js +3 -3
  441. package/dist/esm/ic-tab-panel.entry.js +2 -2
  442. package/dist/esm/ic-tab.entry.js +3 -3
  443. package/dist/esm/ic-text-field.entry.js +39 -31
  444. package/dist/esm/ic-text-field.entry.js.map +1 -1
  445. package/dist/esm/ic-theme.entry.js +2 -2
  446. package/dist/esm/ic-toast-region.entry.js +1 -1
  447. package/dist/esm/ic-toast.entry.js +4 -4
  448. package/dist/esm/ic-toggle-button-group.entry.js +54 -68
  449. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  450. package/dist/esm/ic-toggle-button.entry.js +62 -64
  451. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  452. package/dist/esm/ic-top-navigation.entry.js +66 -64
  453. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  454. package/dist/esm/ic-typography.entry.js +3 -3
  455. package/dist/esm/loader.js +1 -1
  456. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +4 -6
  457. package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +9 -15
  458. package/dist/types/components/ic-button/ic-button.d.ts +29 -22
  459. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +14 -13
  460. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +8 -9
  461. package/dist/types/components/ic-chip/ic-chip.d.ts +13 -15
  462. package/dist/types/components/ic-link/ic-link.d.ts +2 -1
  463. package/dist/types/components/ic-menu/ic-menu.d.ts +12 -12
  464. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +4 -18
  465. package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +9 -7
  466. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +40 -40
  467. package/dist/types/components/ic-select/ic-select.d.ts +36 -38
  468. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +5 -0
  469. package/dist/types/components/ic-text-field/ic-text-field.d.ts +40 -34
  470. package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +10 -11
  471. package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +10 -12
  472. package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +9 -8
  473. package/dist/types/components.d.ts +216 -203
  474. package/dist/types/utils/helpers.d.ts +8 -8
  475. package/hydrate/index.js +1158 -1350
  476. package/hydrate/index.mjs +1158 -1350
  477. package/package.json +2 -2
  478. package/vscode-data.json +172 -4
  479. package/dist/cjs/helpers-789082d4.js.map +0 -1
  480. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.types.js +0 -2
  481. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.types.js.map +0 -1
  482. package/dist/core/p-0a8b3967.entry.js +0 -2
  483. package/dist/core/p-0a8b3967.entry.js.map +0 -1
  484. package/dist/core/p-0b4350df.entry.js +0 -2
  485. package/dist/core/p-0b4350df.entry.js.map +0 -1
  486. package/dist/core/p-0e618fc5.entry.js +0 -2
  487. package/dist/core/p-0e618fc5.entry.js.map +0 -1
  488. package/dist/core/p-18ecba80.entry.js +0 -2
  489. package/dist/core/p-18ecba80.entry.js.map +0 -1
  490. package/dist/core/p-281ce313.js +0 -2
  491. package/dist/core/p-281ce313.js.map +0 -1
  492. package/dist/core/p-30abe545.entry.js +0 -2
  493. package/dist/core/p-30abe545.entry.js.map +0 -1
  494. package/dist/core/p-3132270d.entry.js +0 -2
  495. package/dist/core/p-3132270d.entry.js.map +0 -1
  496. package/dist/core/p-3b5d3e24.entry.js.map +0 -1
  497. package/dist/core/p-517d7afb.entry.js +0 -2
  498. package/dist/core/p-517d7afb.entry.js.map +0 -1
  499. package/dist/core/p-5d4b0480.entry.js +0 -2
  500. package/dist/core/p-5d4b0480.entry.js.map +0 -1
  501. package/dist/core/p-5e18b899.entry.js +0 -2
  502. package/dist/core/p-5e18b899.entry.js.map +0 -1
  503. package/dist/core/p-6337fe1f.entry.js +0 -2
  504. package/dist/core/p-6337fe1f.entry.js.map +0 -1
  505. package/dist/core/p-63fe83ad.entry.js +0 -2
  506. package/dist/core/p-63fe83ad.entry.js.map +0 -1
  507. package/dist/core/p-8ba129fc.entry.js +0 -2
  508. package/dist/core/p-8ba129fc.entry.js.map +0 -1
  509. package/dist/core/p-950db960.entry.js +0 -2
  510. package/dist/core/p-950db960.entry.js.map +0 -1
  511. package/dist/core/p-9ea9a4ce.entry.js +0 -2
  512. package/dist/core/p-9ea9a4ce.entry.js.map +0 -1
  513. package/dist/core/p-a9c96e3e.entry.js +0 -2
  514. package/dist/core/p-a9c96e3e.entry.js.map +0 -1
  515. package/dist/core/p-ac7db165.entry.js +0 -2
  516. package/dist/core/p-ac7db165.entry.js.map +0 -1
  517. package/dist/core/p-c04f36c5.entry.js +0 -2
  518. package/dist/core/p-c62318a8.entry.js +0 -2
  519. package/dist/core/p-c62318a8.entry.js.map +0 -1
  520. package/dist/core/p-e2f893f0.entry.js.map +0 -1
  521. package/dist/core/p-e586ae7b.entry.js +0 -2
  522. package/dist/core/p-e586ae7b.entry.js.map +0 -1
  523. package/dist/core/p-ef09b450.entry.js.map +0 -1
  524. package/dist/core/p-fc50d582.entry.js.map +0 -1
  525. package/dist/core/p-fe833509.entry.js +0 -2
  526. package/dist/core/p-fe833509.entry.js.map +0 -1
  527. package/dist/esm/helpers-46a2d1fd.js.map +0 -1
  528. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.types.d.ts +0 -1
  529. /package/dist/core/{p-bbe5596b.entry.js.map → p-15b7adaf.entry.js.map} +0 -0
  530. /package/dist/core/{p-abaea607.entry.js.map → p-1d172032.entry.js.map} +0 -0
  531. /package/dist/core/{p-6de6b6b7.entry.js.map → p-23536595.entry.js.map} +0 -0
  532. /package/dist/core/{p-f3c72ffb.entry.js.map → p-2c371198.entry.js.map} +0 -0
  533. /package/dist/core/{p-f34eee68.entry.js.map → p-3cb4ecef.entry.js.map} +0 -0
  534. /package/dist/core/{p-3eb7ef1d.entry.js.map → p-432aeae0.entry.js.map} +0 -0
  535. /package/dist/core/{p-88924aef.entry.js.map → p-51b49429.entry.js.map} +0 -0
  536. /package/dist/core/{p-7afc71d0.entry.js.map → p-56e0de32.entry.js.map} +0 -0
  537. /package/dist/core/{p-7a0d238b.entry.js.map → p-56fb0298.entry.js.map} +0 -0
  538. /package/dist/core/{p-fbde763c.entry.js.map → p-5aec3757.entry.js.map} +0 -0
  539. /package/dist/core/{p-23d059ff.entry.js.map → p-5eb2ac90.entry.js.map} +0 -0
  540. /package/dist/core/{p-c2ca6274.entry.js.map → p-60aad45d.entry.js.map} +0 -0
  541. /package/dist/core/{p-33c86ba6.entry.js.map → p-628c32b8.entry.js.map} +0 -0
  542. /package/dist/core/{p-7dfe0284.entry.js.map → p-6eea869b.entry.js.map} +0 -0
  543. /package/dist/core/{p-0631c3ab.entry.js.map → p-7d2c07e2.entry.js.map} +0 -0
  544. /package/dist/core/{p-3675c4b4.entry.js.map → p-887e00bb.entry.js.map} +0 -0
  545. /package/dist/core/{p-45432bf5.entry.js.map → p-8c77dd65.entry.js.map} +0 -0
  546. /package/dist/core/{p-acebb05c.entry.js.map → p-9c47521d.entry.js.map} +0 -0
  547. /package/dist/core/{p-c04f36c5.entry.js.map → p-a140bcaa.entry.js.map} +0 -0
  548. /package/dist/core/{p-005cd8a8.entry.js.map → p-aad10013.entry.js.map} +0 -0
  549. /package/dist/core/{p-de43d375.entry.js.map → p-bf3b853e.entry.js.map} +0 -0
  550. /package/dist/core/{p-e56d0db2.entry.js.map → p-c59fd23e.entry.js.map} +0 -0
  551. /package/dist/core/{p-f815f8c9.entry.js.map → p-c5ffe2cf.entry.js.map} +0 -0
  552. /package/dist/core/{p-5206a978.entry.js.map → p-c8cf1ad5.entry.js.map} +0 -0
  553. /package/dist/core/{p-23ed8b99.entry.js.map → p-d4903dcd.entry.js.map} +0 -0
  554. /package/dist/core/{p-1e4cdd2d.entry.js.map → p-d82b27df.entry.js.map} +0 -0
  555. /package/dist/core/{p-7c0914e7.entry.js.map → p-d8ce39ac.entry.js.map} +0 -0
  556. /package/dist/core/{p-70700c7a.entry.js.map → p-dcce0dfd.entry.js.map} +0 -0
  557. /package/dist/core/{p-40f2f58e.entry.js.map → p-de1e04ac.entry.js.map} +0 -0
  558. /package/dist/core/{p-4b601e06.entry.js.map → p-dee21f6d.entry.js.map} +0 -0
  559. /package/dist/core/{p-4245a976.entry.js.map → p-dfc8cba6.entry.js.map} +0 -0
  560. /package/dist/core/{p-b3ac38c5.entry.js.map → p-e2629bfe.entry.js.map} +0 -0
  561. /package/dist/core/{p-44e4e8c1.entry.js.map → p-ef36181d.entry.js.map} +0 -0
  562. /package/dist/core/{p-b3d6d5be.entry.js.map → p-fa38ad2e.entry.js.map} +0 -0
@@ -6,7 +6,6 @@ let inputIds = 0;
6
6
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
7
7
  export class SearchBar {
8
8
  constructor() {
9
- this.assistiveHintEl = null;
10
9
  this.hasTimedOut = false;
11
10
  this.inputId = `ic-search-bar-input-${inputIds++}`;
12
11
  this.menuCloseFromMenuChangeEvent = false;
@@ -15,6 +14,7 @@ export class SearchBar {
15
14
  this.preventSubmit = false;
16
15
  this.prevNoOption = false;
17
16
  this.retryButtonClick = false;
17
+ this.retryViaKeyPress = false;
18
18
  this.truncateValue = false;
19
19
  this.clearButtonFocused = false;
20
20
  this.open = false;
@@ -152,52 +152,64 @@ export class SearchBar {
152
152
  this.loading = false;
153
153
  clearTimeout(this.timeoutTimer);
154
154
  this.filteredOptions = this.options;
155
+ this.showMenuWithNoInput() && this.setMenuChange(true);
155
156
  this.el.setFocus();
156
157
  this.icClear.emit();
157
158
  ev.preventDefault();
158
159
  this.preventSubmit = true;
159
160
  }
160
161
  };
161
- this.onInput = (ev) => {
162
- this.value = ev.target.value;
162
+ this.onInput = ({ target }) => {
163
+ this.value = target.value;
163
164
  this.icInput.emit({ value: this.value });
164
- const noOptions = [
165
- { [this.labelField]: this.emptyOptionListText, [this.valueField]: "" },
166
- ];
167
165
  if (this.options.length > 0) {
168
166
  this.setMenuChange(true);
169
167
  this.preLoad = false;
170
168
  if (this.disableAutoFiltering === false) {
171
169
  const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, "anywhere", this.labelField);
172
170
  this.filteredOptions =
173
- rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;
171
+ rawFilteredOptions.length > 0
172
+ ? rawFilteredOptions
173
+ : [
174
+ {
175
+ [this.labelField]: this.emptyOptionListText,
176
+ [this.valueField]: "",
177
+ },
178
+ ];
174
179
  }
175
180
  }
176
- if (!this.showClearButton) {
177
- this.handleShowClearButton(true);
178
- }
181
+ if (!this.showClearButton)
182
+ this.showClearButton = true;
179
183
  this.debounceAriaLiveUpdate();
180
184
  };
181
- this.onInputBlur = (ev) => {
182
- const value = ev.target.value;
183
- const nextFocus = ev.relatedTarget;
184
- this.icSearchBarBlur.emit({ value: value, relatedTarget: nextFocus });
185
+ this.onInputBlur = ({ target, relatedTarget }) => {
186
+ this.icSearchBarBlur.emit({
187
+ value: target.value,
188
+ relatedTarget,
189
+ });
185
190
  };
186
- this.onInputFocus = (ev) => {
187
- const value = ev.target.value;
188
- this.icSearchBarFocus.emit({ value: value });
189
- this.handleShowClearButton(true);
191
+ this.onInputFocus = ({ target }) => {
192
+ this.icSearchBarFocus.emit({ value: target.value });
193
+ this.showClearButton = true;
190
194
  };
191
- this.handleClearBlur = (ev) => {
192
- const nextFocus = ev.relatedTarget;
193
- this.icClearBlur.emit({ relatedTarget: nextFocus });
195
+ this.handleClearBlur = ({ relatedTarget }) => {
196
+ this.icClearBlur.emit({ relatedTarget });
194
197
  this.clearButtonFocused = false;
195
198
  };
196
- this.handleSubmitSearchBlur = (ev) => {
197
- const nextFocus = ev.relatedTarget;
198
- this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });
199
+ this.handleSubmitSearchBlur = ({ relatedTarget }) => {
200
+ this.icSubmitSearchBlur.emit({ relatedTarget });
199
201
  this.searchSubmitFocused = false;
200
202
  };
203
+ this.setInputValue = (newValue) => {
204
+ if (this.inputEl) {
205
+ const label = getLabelFromValue(newValue, this.options, this.valueField, this.labelField);
206
+ if (label)
207
+ this.inputEl.value = label;
208
+ else if (this.inputEl.value !== newValue) {
209
+ this.inputEl.value = newValue;
210
+ }
211
+ }
212
+ };
201
213
  this.handleMouseDown = (ev) => {
202
214
  ev.preventDefault();
203
215
  };
@@ -205,7 +217,8 @@ export class SearchBar {
205
217
  this.searchSubmitFocused = true;
206
218
  };
207
219
  this.handleSubmitSearch = () => {
208
- this.highlightedValue && (this.value = this.highlightedValue);
220
+ if (this.highlightedValue)
221
+ this.value = this.highlightedValue;
209
222
  this.highlightedValue = undefined;
210
223
  this.icSubmitSearch.emit({ value: this.value });
211
224
  const form = this.el.closest("FORM");
@@ -256,15 +269,10 @@ export class SearchBar {
256
269
  this.icOptionSelect.emit({ value: this.value });
257
270
  };
258
271
  this.handleMenuOptionHighlight = (ev) => {
259
- var _a;
260
- const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, "");
261
- optionValue && (this.highlightedValue = optionValue);
262
- if (ev.detail.optionId) {
263
- this.ariaActiveDescendant = ev.detail.optionId;
264
- }
265
- else {
266
- this.ariaActiveDescendant = "";
267
- }
272
+ const { optionId } = ev.detail;
273
+ if (optionId)
274
+ this.highlightedValue = optionId.replace(`${this.menuId}-`, "");
275
+ this.ariaActiveDescendant = optionId || "";
268
276
  };
269
277
  this.handleMenuChange = (ev) => {
270
278
  this.setMenuChange(ev.detail.open);
@@ -279,18 +287,20 @@ export class SearchBar {
279
287
  }
280
288
  };
281
289
  this.handleHostFocus = () => {
282
- if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {
290
+ if (this.options &&
291
+ (this.value || this.showMenuWithNoInput()) &&
292
+ !this.menuCloseFromMenuChangeEvent) {
283
293
  this.setMenuChange(true);
284
294
  }
285
- this.handleTruncateValue(false);
295
+ this.truncateValue = false;
296
+ this.showMenuWithNoInput() && this.debounceAriaLiveUpdate();
286
297
  this.icSearchBarFocus.emit();
287
298
  };
288
- this.handleHostBlur = (ev) => {
299
+ this.handleHostBlur = ({ relatedTarget }) => {
289
300
  var _a;
290
- const nextFocus = ev.relatedTarget;
291
301
  if (this.open &&
292
302
  this.options &&
293
- nextFocus !== this.menu &&
303
+ relatedTarget !== this.menu &&
294
304
  !this.retryViaKeyPress &&
295
305
  !this.retryButtonClick) {
296
306
  this.setMenuChange(false);
@@ -298,35 +308,31 @@ export class SearchBar {
298
308
  if (this.retryButtonClick || this.retryViaKeyPress) {
299
309
  (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
300
310
  }
301
- this.handleShowClearButton(false);
311
+ this.showClearButton = false;
302
312
  this.menuCloseFromMenuChangeEvent = false;
303
- this.handleTruncateValue(true);
304
- this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });
313
+ this.truncateValue = true;
314
+ this.icSearchBarBlur.emit({
315
+ relatedTarget,
316
+ value: this.value,
317
+ });
305
318
  this.retryViaKeyPress = false;
306
319
  this.retryButtonClick = false;
307
- };
308
- this.handleShowClearButton = (visible) => {
309
- this.showClearButton = visible;
320
+ this.showMenuWithNoInput() && this.updateSearchResultAriaLive();
310
321
  };
311
322
  this.handleFocusClearButton = () => {
312
323
  this.clearButtonFocused = true;
313
324
  };
314
- this.handleTruncateValue = (truncate) => {
315
- this.truncateValue = truncate;
316
- };
317
325
  this.renderAssistiveHintEl = () => {
318
- var _a;
326
+ var _a, _b;
319
327
  const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.inputId}`);
320
328
  if (input &&
321
329
  Object.keys(input).length > 0 &&
322
330
  this.hasOptionsOrFilterDisabled()) {
323
331
  this.assistiveHintEl = document.createElement("span");
324
- this.assistiveHintEl.innerText = this.assistiveHintText || "";
332
+ this.assistiveHintEl.innerText = this.assistiveHintText;
325
333
  this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;
326
334
  this.assistiveHintEl.style.display = "none";
327
- if (input.after !== undefined) {
328
- input.after(this.assistiveHintEl);
329
- }
335
+ (_b = input.after) === null || _b === void 0 ? void 0 : _b.call(input, this.assistiveHintEl);
330
336
  }
331
337
  };
332
338
  this.updateSearchResultAriaLive = () => {
@@ -334,7 +340,7 @@ export class SearchBar {
334
340
  const searchResultsStatusEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".search-results-status");
335
341
  if (searchResultsStatusEl) {
336
342
  if (!this.open ||
337
- this.value === "" ||
343
+ (this.value === "" && !this.showMenuWithNoInput()) ||
338
344
  this.value.length < this.charactersUntilSuggestion) {
339
345
  searchResultsStatusEl.innerText = "";
340
346
  }
@@ -342,41 +348,28 @@ export class SearchBar {
342
348
  this.filteredOptions.length > 0 &&
343
349
  this.open &&
344
350
  !this.filteredOptions[0].loading) {
345
- if (this.hadNoOptions()) {
346
- searchResultsStatusEl.innerText = this.emptyOptionListText;
347
- }
348
- else {
349
- searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
350
- }
351
+ searchResultsStatusEl.innerText = this.hadNoOptions()
352
+ ? this.emptyOptionListText
353
+ : `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
351
354
  }
352
355
  }
353
356
  };
354
- this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || !!this.disableAutoFiltering;
357
+ this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || this.disableAutoFiltering;
355
358
  this.hadNoOptions = () => this.filteredOptions.length === 1 &&
356
359
  this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&
357
360
  this.searchMode === "navigation";
358
- this.isSubmitDisabled = () => {
359
- const valueNotSet = this.value === undefined || this.value === null || this.value === "";
360
- const valueLengthLess = this.value.length < this.charactersUntilSuggestion;
361
- return (valueNotSet ||
362
- valueLengthLess ||
363
- this.disabled ||
364
- this.hadNoOptions() ||
365
- this.hasTimedOut ||
366
- !!this.loading);
367
- };
368
- this.highlightFirstOptionAfterNoResults = () => {
369
- if (this.prevNoOption && this.menu && !this.hasTimedOut) {
370
- this.menu.handleSetFirstOption();
371
- this.prevNoOption = false;
372
- }
373
- const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
374
- filteredOption[this.labelField] === this.loadingErrorLabel ||
375
- filteredOption[this.labelField] === this.loadingLabel);
376
- if (prevNoOptionsList) {
377
- this.prevNoOption = true;
378
- }
379
- };
361
+ this.isSubmitDisabled = () => !this.value ||
362
+ this.value.length < this.charactersUntilSuggestion ||
363
+ this.disabled ||
364
+ this.hadNoOptions() ||
365
+ this.hasTimedOut ||
366
+ this.loading;
367
+ this.showMenuWithNoInput = () => this.charactersUntilSuggestion === 0;
368
+ }
369
+ watchCharactersUntilSuggestionHandler() {
370
+ if (this.showMenuWithNoInput()) {
371
+ this.filteredOptions = this.options;
372
+ }
380
373
  }
381
374
  watchDisabledHandler() {
382
375
  removeDisabledFalse(this.disabled, this.el);
@@ -394,51 +387,48 @@ export class SearchBar {
394
387
  this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
395
388
  }
396
389
  watchOptionsHandler(newOptions) {
397
- if (this.disableAutoFiltering && !this.hasTimedOut) {
398
- this.loading = false;
399
- clearTimeout(this.timeoutTimer);
400
- if (newOptions.length > 0) {
401
- this.filteredOptions = newOptions;
402
- }
403
- else {
404
- if (this.hadNoOptions()) {
405
- return;
390
+ if (this.disableAutoFiltering) {
391
+ if (!this.hasTimedOut) {
392
+ this.loading = false;
393
+ clearTimeout(this.timeoutTimer);
394
+ if (newOptions.length > 0) {
395
+ this.filteredOptions = newOptions;
396
+ }
397
+ else {
398
+ if (this.hadNoOptions()) {
399
+ return;
400
+ }
401
+ this.setMenuChange(true);
402
+ if (!this.preLoad) {
403
+ this.filteredOptions = [
404
+ {
405
+ [this.labelField]: this.emptyOptionListText,
406
+ [this.valueField]: "",
407
+ },
408
+ ];
409
+ }
410
+ this.preLoad = true;
406
411
  }
407
- this.setMenuChange(true);
408
- !this.preLoad &&
409
- (this.filteredOptions = [
410
- {
411
- [this.labelField]: this.emptyOptionListText,
412
- [this.valueField]: "",
413
- },
414
- ]);
415
- this.preLoad = true;
416
412
  }
417
413
  }
414
+ else if (this.showMenuWithNoInput()) {
415
+ this.filteredOptions = newOptions;
416
+ }
418
417
  this.debounceAriaLiveUpdate();
419
418
  }
420
419
  watchValueHandler(newValue) {
421
- if (this.inputEl &&
422
- this.options &&
423
- !!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {
424
- this.inputEl.value =
425
- getLabelFromValue(newValue, this.options, this.valueField, this.labelField) || "";
426
- }
427
- else if (this.inputEl && this.inputEl.value !== newValue) {
428
- this.inputEl.value = newValue;
429
- }
420
+ this.setInputValue(newValue);
430
421
  this.icChange.emit({ value: newValue });
431
422
  }
432
423
  connectedCallback() {
433
424
  this.debounceChanged();
434
425
  }
435
426
  disconnectedCallback() {
436
- if (this.assistiveHintEl) {
437
- this.assistiveHintEl.remove();
438
- }
427
+ var _a;
428
+ (_a = this.assistiveHintEl) === null || _a === void 0 ? void 0 : _a.remove();
439
429
  }
440
430
  componentWillLoad() {
441
- this.watchValueHandler(this.value);
431
+ this.setInputValue(this.value);
442
432
  removeDisabledFalse(this.disabled, this.el);
443
433
  }
444
434
  componentDidLoad() {
@@ -447,14 +437,22 @@ export class SearchBar {
447
437
  }
448
438
  if (this.hasOptionsOrFilterDisabled()) {
449
439
  this.renderAssistiveHintEl();
450
- if (this.disableAutoFiltering) {
440
+ if (this.disableAutoFiltering || this.showMenuWithNoInput()) {
451
441
  this.filteredOptions = this.options;
452
442
  }
453
443
  }
454
444
  onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Search Bar");
455
445
  }
456
446
  componentWillRender() {
457
- this.highlightFirstOptionAfterNoResults();
447
+ if (this.prevNoOption && this.menu && !this.hasTimedOut) {
448
+ this.menu.handleSetFirstOption();
449
+ this.prevNoOption = false;
450
+ }
451
+ if (this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
452
+ filteredOption[this.labelField] === this.loadingErrorLabel ||
453
+ filteredOption[this.labelField] === this.loadingLabel)) {
454
+ this.prevNoOption = true;
455
+ }
458
456
  }
459
457
  handleKeyDown(event) {
460
458
  this.icKeydown.emit({ event });
@@ -493,62 +491,58 @@ export class SearchBar {
493
491
  }, 500);
494
492
  }
495
493
  render() {
496
- const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, } = this;
494
+ const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, charactersUntilSuggestion, labelField, valueField, loadingLabel, loadingErrorLabel, searchMode, showClearButton, searchSubmitFocused, clearButtonFocused, } = this;
497
495
  const disabledMode = readonly || disabled;
498
496
  const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
499
- let describedById;
497
+ let describedById = undefined;
500
498
  if (describedBy !== "" && this.hasOptionsOrFilterDisabled()) {
501
- describedById = `${describedBy} ${this.inputId}-assistive-hint`;
499
+ describedById = `${describedBy} ${inputId}-assistive-hint`;
502
500
  }
503
501
  else if (this.hasOptionsOrFilterDisabled()) {
504
- describedById = `${this.inputId}-assistive-hint`;
502
+ describedById = `${inputId}-assistive-hint`;
505
503
  }
506
504
  else if (describedBy !== "") {
507
505
  describedById = describedBy;
508
506
  }
509
- else {
510
- describedById = undefined;
511
- }
512
- const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();
507
+ const hasSuggestedSearch = (!!value || this.showMenuWithNoInput()) &&
508
+ this.hasOptionsOrFilterDisabled();
513
509
  const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;
514
- const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;
515
- const labelValue = getLabelFromValue(value, options, this.valueField, this.labelField);
516
- renderHiddenInput(true, this.el, name, value, disabledMode);
517
- return (h(Host, { key: '00d7c200dadef58f3be6eeae1299f255da97e79a', class: {
518
- ["ic-search-bar-search"]: true,
519
- ["ic-search-bar-full-width"]: !!fullWidth,
520
- ["ic-search-bar-disabled"]: !!disabled,
521
- ["ic-search-bar-small"]: size === "small",
510
+ const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
511
+ const labelValue = getLabelFromValue(value, options, valueField, labelField);
512
+ renderHiddenInput(this.el, value, name, disabledMode);
513
+ return (h(Host, { key: 'bfb362b72aa0441cf00cb042f0dd623b6f41d5d7', class: {
514
+ "ic-search-bar-search": true,
515
+ "ic-search-bar-full-width": fullWidth,
516
+ "ic-search-bar-disabled": disabled,
517
+ "ic-search-bar-small": size === "small",
522
518
  [`ic-theme-${theme}`]: theme !== "inherit",
523
- }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: 'e9620617be40182b556185417647b0ba298116d3', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '02fcdd33f0bb62ac24ca12aa09c6c5e188f20c06', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), h("ic-input-component-container", { key: '0649a65ad29290c2a60bd33c90552e8bbc875e66', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h("input", { key: '80b924a66fe7f7aa5193ae0e64b6e4d143ee713a', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
524
- "no-left-pad": !!readonly,
525
- readonly: !!readonly,
519
+ }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: '4abc6ab7691d77e1659016957de4a7573c7b0ba8', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '7dfd27f5e3837063f115bac7ea1af05783ad52c2', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), h("ic-input-component-container", { key: 'bb9bd8d704ab9e9924d10b025bbd8b74310762e2', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h("input", { key: '29c57007bfc75825bd91cdd4e24f9d9fd44e83d8', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
520
+ "no-left-pad": readonly,
521
+ readonly,
526
522
  "truncate-value": truncateValue,
527
- }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '0feabdeed8caa3ac63634fdf52221c9cd8a0ea15', class: {
523
+ }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '2d5c5e1bc89f7dba8ef771e018534f7613c19295', class: {
528
524
  "clear-button-container": true,
529
- "clear-button-visible": !!value && !disabledMode && this.showClearButton,
530
- } }, h("ic-button", { key: '3e7e1f8e39c50eb45595d8eddc6cbc1dfd624e5c', id: "clear-button", class: {
525
+ "clear-button-visible": !!value && !disabledMode && showClearButton,
526
+ } }, h("ic-button", { key: '873de229be0ef641b2c94ccd283f5c17965fb5b9', id: "clear-button", class: {
531
527
  "clear-button": true,
532
- "clear-button-unfocused": !this.clearButtonFocused,
533
- }, "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", theme: this.clearButtonFocused ? "light" : "dark" }), h("div", { key: '793bf0fd78a2bfce32b78885f0478e2eb214d337', class: "divider" })), h("div", { key: '828edde2b4c950fc0e2c1faff736ee021ab6d49c', class: {
528
+ "clear-button-unfocused": !clearButtonFocused,
529
+ }, "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", theme: clearButtonFocused ? "light" : "dark" }), h("div", { key: '5f459ff9941a45c937632a1aad6f4e51de1bf56a', class: "divider" })), h("div", { key: '00bca9379e35fc62d6148258fb0d46a1a4f6a5bd', class: {
534
530
  "search-submit-button-container": true,
535
531
  "search-submit-button-disabled": this.isSubmitDisabled(),
536
- } }, h("ic-button", { key: 'c84ee2e7957b7a9d326598af93bb50e78a41ccd2', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
537
- ["search-submit-button"]: true,
538
- ["search-submit-button-small"]: size === "small",
539
- ["search-submit-button-unfocused"]: !this.searchSubmitFocused,
540
- ["search-submit-button-disabled"]: this.isSubmitDisabled(),
541
- }, 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", theme: this.searchSubmitFocused ? "light" : "dark" }))), h("div", { key: '2d00bc902d0b81b245348735d7e258939f98e369', class: {
532
+ } }, h("ic-button", { key: '0733206601764cf6563aebfe739cd8ff10d0e779', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
533
+ "search-submit-button": true,
534
+ "search-submit-button-small": size === "small",
535
+ "search-submit-button-unfocused": !searchSubmitFocused,
536
+ "search-submit-button-disabled": this.isSubmitDisabled(),
537
+ }, 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", theme: searchSubmitFocused ? "light" : "dark" }))), h("div", { key: '30177d3af3b241db3e843cb83b5fbf3aab4bc003', class: {
542
538
  "menu-container": true,
543
- fullwidth: !!fullWidth,
544
- } }, menuRendered && (h("ic-menu", { key: '16049726b55a6a7775343b5a74c6c8c86939ad20', class: {
539
+ fullwidth: fullWidth,
540
+ } }, menuRendered && this.anchorEl && this.inputEl && (h("ic-menu", { key: '98b2ada7a19760d30ba958c31926ae93cce74988', class: {
545
541
  "no-results": this.hadNoOptions() ||
546
542
  (filteredOptions.length === 1 &&
547
- (filteredOptions[0][this.labelField] ===
548
- this.loadingLabel ||
549
- filteredOptions[0][this.labelField] ===
550
- this.loadingErrorLabel)),
551
- }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), 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", { key: '9844297f2d4ed1dd4e168685da928b44eeeb4698', "aria-live": "polite", role: "status", class: "search-results-status" })));
543
+ (filteredOptions[0][labelField] === loadingLabel ||
544
+ filteredOptions[0][labelField] === loadingErrorLabel)),
545
+ }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField })))), h("div", { key: '68d0f5afc16ce02c5b621b74754be51ffc55f2a6', "aria-live": "polite", role: "status", class: "search-results-status" })));
552
546
  }
553
547
  static get is() { return "ic-search-bar"; }
554
548
  static get encapsulation() { return "shadow"; }
@@ -569,8 +563,8 @@ export class SearchBar {
569
563
  "type": "string",
570
564
  "mutable": false,
571
565
  "complexType": {
572
- "original": "string | undefined",
573
- "resolved": "string | undefined",
566
+ "original": "string",
567
+ "resolved": "string",
574
568
  "references": {}
575
569
  },
576
570
  "required": false,
@@ -590,7 +584,7 @@ export class SearchBar {
590
584
  "mutable": false,
591
585
  "complexType": {
592
586
  "original": "IcAutocompleteTypes",
593
- "resolved": "IcAutocompleteTypes | undefined",
587
+ "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\"",
594
588
  "references": {
595
589
  "IcAutocompleteTypes": {
596
590
  "location": "import",
@@ -600,7 +594,7 @@ export class SearchBar {
600
594
  }
601
595
  },
602
596
  "required": false,
603
- "optional": true,
597
+ "optional": false,
604
598
  "docs": {
605
599
  "tags": [],
606
600
  "text": "The state of autocompletion the browser can apply on the text value."
@@ -616,7 +610,7 @@ export class SearchBar {
616
610
  "mutable": false,
617
611
  "complexType": {
618
612
  "original": "IcAutocorrectStates",
619
- "resolved": "\"off\" | \"on\" | undefined",
613
+ "resolved": "\"off\" | \"on\"",
620
614
  "references": {
621
615
  "IcAutocorrectStates": {
622
616
  "location": "import",
@@ -626,7 +620,7 @@ export class SearchBar {
626
620
  }
627
621
  },
628
622
  "required": false,
629
- "optional": true,
623
+ "optional": false,
630
624
  "docs": {
631
625
  "tags": [],
632
626
  "text": "The state of autocorrection the browser can apply when the user is entering/editing the text value."
@@ -641,8 +635,8 @@ export class SearchBar {
641
635
  "type": "boolean",
642
636
  "mutable": false,
643
637
  "complexType": {
644
- "original": "boolean | undefined",
645
- "resolved": "boolean | undefined",
638
+ "original": "boolean",
639
+ "resolved": "boolean",
646
640
  "references": {}
647
641
  },
648
642
  "required": false,
@@ -662,11 +656,11 @@ export class SearchBar {
662
656
  "mutable": false,
663
657
  "complexType": {
664
658
  "original": "number",
665
- "resolved": "number | undefined",
659
+ "resolved": "number",
666
660
  "references": {}
667
661
  },
668
662
  "required": false,
669
- "optional": true,
663
+ "optional": false,
670
664
  "docs": {
671
665
  "tags": [],
672
666
  "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."
@@ -682,11 +676,11 @@ export class SearchBar {
682
676
  "mutable": false,
683
677
  "complexType": {
684
678
  "original": "boolean",
685
- "resolved": "boolean | undefined",
679
+ "resolved": "boolean",
686
680
  "references": {}
687
681
  },
688
682
  "required": false,
689
- "optional": true,
683
+ "optional": false,
690
684
  "docs": {
691
685
  "tags": [],
692
686
  "text": "If `true`, the disabled state will be set."
@@ -702,11 +696,11 @@ export class SearchBar {
702
696
  "mutable": false,
703
697
  "complexType": {
704
698
  "original": "boolean",
705
- "resolved": "boolean | undefined",
699
+ "resolved": "boolean",
706
700
  "references": {}
707
701
  },
708
702
  "required": false,
709
- "optional": true,
703
+ "optional": false,
710
704
  "docs": {
711
705
  "tags": [],
712
706
  "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."
@@ -722,11 +716,11 @@ export class SearchBar {
722
716
  "mutable": false,
723
717
  "complexType": {
724
718
  "original": "number",
725
- "resolved": "number | undefined",
719
+ "resolved": "number",
726
720
  "references": {}
727
721
  },
728
722
  "required": false,
729
- "optional": true,
723
+ "optional": false,
730
724
  "docs": {
731
725
  "tags": [],
732
726
  "text": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke."
@@ -742,11 +736,11 @@ export class SearchBar {
742
736
  "mutable": false,
743
737
  "complexType": {
744
738
  "original": "string",
745
- "resolved": "string | undefined",
739
+ "resolved": "string",
746
740
  "references": {}
747
741
  },
748
742
  "required": false,
749
- "optional": true,
743
+ "optional": false,
750
744
  "docs": {
751
745
  "tags": [],
752
746
  "text": "The text displayed when there are no options in the option list."
@@ -762,11 +756,11 @@ export class SearchBar {
762
756
  "mutable": false,
763
757
  "complexType": {
764
758
  "original": "boolean",
765
- "resolved": "boolean | undefined",
759
+ "resolved": "boolean",
766
760
  "references": {}
767
761
  },
768
762
  "required": false,
769
- "optional": true,
763
+ "optional": false,
770
764
  "docs": {
771
765
  "tags": [],
772
766
  "text": "If `true`, the search bar will be focused when component loaded."
@@ -782,11 +776,11 @@ export class SearchBar {
782
776
  "mutable": false,
783
777
  "complexType": {
784
778
  "original": "boolean",
785
- "resolved": "boolean | undefined",
779
+ "resolved": "boolean",
786
780
  "references": {}
787
781
  },
788
782
  "required": false,
789
- "optional": true,
783
+ "optional": false,
790
784
  "docs": {
791
785
  "tags": [],
792
786
  "text": "Specify whether the search bar fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable."
@@ -802,11 +796,11 @@ export class SearchBar {
802
796
  "mutable": false,
803
797
  "complexType": {
804
798
  "original": "string",
805
- "resolved": "string | undefined",
799
+ "resolved": "string",
806
800
  "references": {}
807
801
  },
808
802
  "required": false,
809
- "optional": true,
803
+ "optional": false,
810
804
  "docs": {
811
805
  "tags": [],
812
806
  "text": "The helper text that will be displayed for additional field guidance."
@@ -822,11 +816,11 @@ export class SearchBar {
822
816
  "mutable": false,
823
817
  "complexType": {
824
818
  "original": "boolean",
825
- "resolved": "boolean | undefined",
819
+ "resolved": "boolean",
826
820
  "references": {}
827
821
  },
828
822
  "required": false,
829
- "optional": true,
823
+ "optional": false,
830
824
  "docs": {
831
825
  "tags": [],
832
826
  "text": "If `true`, the label will be hidden and the required label value will be applied as an aria-label."
@@ -842,11 +836,11 @@ export class SearchBar {
842
836
  "mutable": false,
843
837
  "complexType": {
844
838
  "original": "string",
845
- "resolved": "string | undefined",
839
+ "resolved": "string",
846
840
  "references": {}
847
841
  },
848
842
  "required": false,
849
- "optional": true,
843
+ "optional": false,
850
844
  "docs": {
851
845
  "tags": [],
852
846
  "text": "The hint text for the hidden assistive description element."
@@ -881,11 +875,11 @@ export class SearchBar {
881
875
  "mutable": false,
882
876
  "complexType": {
883
877
  "original": "string",
884
- "resolved": "string | undefined",
878
+ "resolved": "string",
885
879
  "references": {}
886
880
  },
887
881
  "required": false,
888
- "optional": true,
882
+ "optional": false,
889
883
  "docs": {
890
884
  "tags": [],
891
885
  "text": "The custom name for the label field to correspond with the IcMenuOption type."
@@ -901,11 +895,11 @@ export class SearchBar {
901
895
  "mutable": true,
902
896
  "complexType": {
903
897
  "original": "boolean",
904
- "resolved": "boolean | undefined",
898
+ "resolved": "boolean",
905
899
  "references": {}
906
900
  },
907
901
  "required": false,
908
- "optional": true,
902
+ "optional": false,
909
903
  "docs": {
910
904
  "tags": [],
911
905
  "text": "Trigger loading state when fetching options asynchronously"
@@ -921,11 +915,11 @@ export class SearchBar {
921
915
  "mutable": false,
922
916
  "complexType": {
923
917
  "original": "string",
924
- "resolved": "string | undefined",
918
+ "resolved": "string",
925
919
  "references": {}
926
920
  },
927
921
  "required": false,
928
- "optional": true,
922
+ "optional": false,
929
923
  "docs": {
930
924
  "tags": [],
931
925
  "text": "Change the message displayed when external loading times out."
@@ -941,11 +935,11 @@ export class SearchBar {
941
935
  "mutable": false,
942
936
  "complexType": {
943
937
  "original": "string",
944
- "resolved": "string | undefined",
938
+ "resolved": "string",
945
939
  "references": {}
946
940
  },
947
941
  "required": false,
948
- "optional": true,
942
+ "optional": false,
949
943
  "docs": {
950
944
  "tags": [],
951
945
  "text": "Change the message displayed whilst the options are being loaded externally."
@@ -961,11 +955,11 @@ export class SearchBar {
961
955
  "mutable": false,
962
956
  "complexType": {
963
957
  "original": "string",
964
- "resolved": "string | undefined",
958
+ "resolved": "string",
965
959
  "references": {}
966
960
  },
967
961
  "required": false,
968
- "optional": true,
962
+ "optional": false,
969
963
  "docs": {
970
964
  "tags": [],
971
965
  "text": "The name of the control, which is submitted with the form data."
@@ -981,11 +975,11 @@ export class SearchBar {
981
975
  "mutable": false,
982
976
  "complexType": {
983
977
  "original": "string",
984
- "resolved": "string | undefined",
978
+ "resolved": "string",
985
979
  "references": {}
986
980
  },
987
981
  "required": false,
988
- "optional": true,
982
+ "optional": false,
989
983
  "docs": {
990
984
  "tags": [],
991
985
  "text": "The placeholder value to display."
@@ -1001,11 +995,11 @@ export class SearchBar {
1001
995
  "mutable": false,
1002
996
  "complexType": {
1003
997
  "original": "boolean",
1004
- "resolved": "boolean | undefined",
998
+ "resolved": "boolean",
1005
999
  "references": {}
1006
1000
  },
1007
1001
  "required": false,
1008
- "optional": true,
1002
+ "optional": false,
1009
1003
  "docs": {
1010
1004
  "tags": [],
1011
1005
  "text": "If `true`, the readonly state will be set."
@@ -1021,11 +1015,11 @@ export class SearchBar {
1021
1015
  "mutable": false,
1022
1016
  "complexType": {
1023
1017
  "original": "boolean",
1024
- "resolved": "boolean | undefined",
1018
+ "resolved": "boolean",
1025
1019
  "references": {}
1026
1020
  },
1027
1021
  "required": false,
1028
- "optional": true,
1022
+ "optional": false,
1029
1023
  "docs": {
1030
1024
  "tags": [],
1031
1025
  "text": "If `true`, the search bar will require a value."
@@ -1041,7 +1035,7 @@ export class SearchBar {
1041
1035
  "mutable": false,
1042
1036
  "complexType": {
1043
1037
  "original": "IcSearchBarSearchModes",
1044
- "resolved": "\"navigation\" | \"query\" | undefined",
1038
+ "resolved": "\"navigation\" | \"query\"",
1045
1039
  "references": {
1046
1040
  "IcSearchBarSearchModes": {
1047
1041
  "location": "import",
@@ -1051,7 +1045,7 @@ export class SearchBar {
1051
1045
  }
1052
1046
  },
1053
1047
  "required": false,
1054
- "optional": true,
1048
+ "optional": false,
1055
1049
  "docs": {
1056
1050
  "tags": [],
1057
1051
  "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."
@@ -1067,7 +1061,7 @@ export class SearchBar {
1067
1061
  "mutable": false,
1068
1062
  "complexType": {
1069
1063
  "original": "IcSizesNoLarge",
1070
- "resolved": "\"medium\" | \"small\" | undefined",
1064
+ "resolved": "\"medium\" | \"small\"",
1071
1065
  "references": {
1072
1066
  "IcSizesNoLarge": {
1073
1067
  "location": "import",
@@ -1077,7 +1071,7 @@ export class SearchBar {
1077
1071
  }
1078
1072
  },
1079
1073
  "required": false,
1080
- "optional": true,
1074
+ "optional": false,
1081
1075
  "docs": {
1082
1076
  "tags": [],
1083
1077
  "text": "The size of the search bar component."
@@ -1092,8 +1086,8 @@ export class SearchBar {
1092
1086
  "type": "boolean",
1093
1087
  "mutable": false,
1094
1088
  "complexType": {
1095
- "original": "boolean | undefined",
1096
- "resolved": "boolean | undefined",
1089
+ "original": "boolean",
1090
+ "resolved": "boolean",
1097
1091
  "references": {}
1098
1092
  },
1099
1093
  "required": false,
@@ -1113,7 +1107,7 @@ export class SearchBar {
1113
1107
  "mutable": false,
1114
1108
  "complexType": {
1115
1109
  "original": "IcThemeMode",
1116
- "resolved": "\"dark\" | \"inherit\" | \"light\" | undefined",
1110
+ "resolved": "\"dark\" | \"inherit\" | \"light\"",
1117
1111
  "references": {
1118
1112
  "IcThemeMode": {
1119
1113
  "location": "import",
@@ -1123,7 +1117,7 @@ export class SearchBar {
1123
1117
  }
1124
1118
  },
1125
1119
  "required": false,
1126
- "optional": true,
1120
+ "optional": false,
1127
1121
  "docs": {
1128
1122
  "tags": [],
1129
1123
  "text": "Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component."
@@ -1158,11 +1152,11 @@ export class SearchBar {
1158
1152
  "mutable": false,
1159
1153
  "complexType": {
1160
1154
  "original": "string",
1161
- "resolved": "string | undefined",
1155
+ "resolved": "string",
1162
1156
  "references": {}
1163
1157
  },
1164
1158
  "required": false,
1165
- "optional": true,
1159
+ "optional": false,
1166
1160
  "docs": {
1167
1161
  "tags": [],
1168
1162
  "text": "The custom name for the value field to correspond with the IcMenuOption type."
@@ -1178,7 +1172,7 @@ export class SearchBar {
1178
1172
  "mutable": false,
1179
1173
  "complexType": {
1180
1174
  "original": "IcMenuOption[]",
1181
- "resolved": "IcMenuOption[] | undefined",
1175
+ "resolved": "IcMenuOption[]",
1182
1176
  "references": {
1183
1177
  "IcMenuOption": {
1184
1178
  "location": "import",
@@ -1188,7 +1182,7 @@ export class SearchBar {
1188
1182
  }
1189
1183
  },
1190
1184
  "required": false,
1191
- "optional": true,
1185
+ "optional": false,
1192
1186
  "docs": {
1193
1187
  "tags": [],
1194
1188
  "text": "The suggested search options."
@@ -1202,11 +1196,11 @@ export class SearchBar {
1202
1196
  "mutable": true,
1203
1197
  "complexType": {
1204
1198
  "original": "string",
1205
- "resolved": "string | undefined",
1199
+ "resolved": "string",
1206
1200
  "references": {}
1207
1201
  },
1208
1202
  "required": false,
1209
- "optional": true,
1203
+ "optional": false,
1210
1204
  "docs": {
1211
1205
  "tags": [],
1212
1206
  "text": "The value of the search input."
@@ -1508,6 +1502,9 @@ export class SearchBar {
1508
1502
  static get elementRef() { return "el"; }
1509
1503
  static get watchers() {
1510
1504
  return [{
1505
+ "propName": "charactersUntilSuggestion",
1506
+ "methodName": "watchCharactersUntilSuggestionHandler"
1507
+ }, {
1511
1508
  "propName": "disabled",
1512
1509
  "methodName": "watchDisabledHandler"
1513
1510
  }, {