@vonage/vivid 5.23.1 → 5.25.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 (522) hide show
  1. package/README.md +1 -1
  2. package/accordion/index.cjs +1 -1
  3. package/accordion/index.js +1 -1
  4. package/accordion-item/index.cjs +1 -1
  5. package/accordion-item/index.js +1 -1
  6. package/audio-player/index.cjs +2 -2
  7. package/audio-player/index.js +3 -3
  8. package/avatar/index.cjs +10 -10
  9. package/avatar/index.js +4 -3
  10. package/badge/index.cjs +1 -1
  11. package/badge/index.js +1 -1
  12. package/breadcrumb-item/index.cjs +9 -5
  13. package/breadcrumb-item/index.js +11 -6
  14. package/bundled/affix.cjs +1 -1
  15. package/bundled/affix.js +1 -1
  16. package/bundled/definition10.cjs +2 -1
  17. package/bundled/definition10.js +3 -2
  18. package/bundled/definition11.cjs +4 -4
  19. package/bundled/definition11.js +4 -3
  20. package/bundled/definition12.cjs +1 -1
  21. package/bundled/definition12.js +1 -0
  22. package/bundled/definition15.cjs +8 -7
  23. package/bundled/definition15.js +27 -24
  24. package/bundled/definition17.cjs +7 -7
  25. package/bundled/definition17.js +22 -109
  26. package/bundled/definition18.cjs +12 -83
  27. package/bundled/definition18.js +20 -426
  28. package/bundled/definition19.cjs +87 -7
  29. package/bundled/definition19.js +433 -16
  30. package/bundled/definition20.cjs +7 -37
  31. package/bundled/definition20.js +17 -172
  32. package/bundled/definition21.cjs +35 -27
  33. package/bundled/definition21.js +155 -154
  34. package/bundled/definition22.cjs +29 -6
  35. package/bundled/definition22.js +172 -20
  36. package/bundled/definition23.cjs +6 -12
  37. package/bundled/definition23.js +17 -32
  38. package/bundled/definition24.cjs +12 -39
  39. package/bundled/definition24.js +33 -67
  40. package/bundled/definition25.cjs +44 -0
  41. package/bundled/definition25.js +81 -0
  42. package/bundled/definition3.cjs +5 -5
  43. package/bundled/definition3.js +10 -40
  44. package/bundled/definition4.cjs +6 -6
  45. package/bundled/definition4.js +4 -3
  46. package/bundled/definition6.cjs +11 -11
  47. package/bundled/definition6.js +4 -3
  48. package/bundled/definition9.cjs +12 -6
  49. package/bundled/definition9.js +66 -43
  50. package/bundled/extractOptions.cjs +1 -0
  51. package/bundled/extractOptions.js +11 -0
  52. package/bundled/icon.cjs +1 -0
  53. package/bundled/icon.js +34 -0
  54. package/bundled/listbox.cjs +1 -1
  55. package/bundled/listbox.js +28 -12
  56. package/bundled/mixins.cjs +8 -8
  57. package/bundled/mixins.js +4 -3
  58. package/bundled/optgroup.cjs +1 -0
  59. package/bundled/optgroup.js +27 -0
  60. package/bundled/option.cjs +1 -0
  61. package/bundled/option.js +93 -0
  62. package/bundled/render-in-light-dom.cjs +1 -1
  63. package/bundled/render-in-light-dom.js +16 -19
  64. package/bundled/vivid-element.cjs +1 -1
  65. package/bundled/vivid-element.js +9 -1
  66. package/card/index.cjs +22 -22
  67. package/card/index.js +4 -3
  68. package/color-picker/index.cjs +18 -18
  69. package/color-picker/index.js +4 -3
  70. package/combobox/definition.cjs +1 -1
  71. package/combobox/definition.js +1 -1
  72. package/combobox/index.cjs +7 -7
  73. package/combobox/index.js +31 -21
  74. package/country/definition.cjs +1 -1
  75. package/country/definition.js +1 -1
  76. package/country/index.cjs +1 -1
  77. package/country/index.js +1 -1
  78. package/country-group/definition.cjs +1 -1
  79. package/country-group/definition.js +1 -1
  80. package/country-group/index.cjs +1 -1
  81. package/country-group/index.js +2 -2
  82. package/custom-elements.json +8438 -7866
  83. package/data-grid/definition.cjs +1 -1
  84. package/data-grid/definition.js +1 -1
  85. package/data-grid/index.cjs +26 -26
  86. package/data-grid/index.js +9 -8
  87. package/date-picker/definition.cjs +1 -1
  88. package/date-picker/definition.js +1 -1
  89. package/date-picker/index.cjs +1 -1
  90. package/date-picker/index.js +1 -1
  91. package/date-range-picker/definition.cjs +1 -1
  92. package/date-range-picker/definition.js +1 -1
  93. package/date-range-picker/index.cjs +1 -1
  94. package/date-range-picker/index.js +1 -1
  95. package/date-time-picker/definition.cjs +1 -1
  96. package/date-time-picker/definition.js +1 -1
  97. package/date-time-picker/index.cjs +1 -1
  98. package/date-time-picker/index.js +1 -1
  99. package/dial-pad/definition.cjs +1 -1
  100. package/dial-pad/definition.js +1 -1
  101. package/dial-pad/index.cjs +7 -7
  102. package/dial-pad/index.js +124 -54
  103. package/dialog/definition.cjs +1 -1
  104. package/dialog/definition.js +1 -1
  105. package/dialog/index.cjs +14 -14
  106. package/dialog/index.js +4 -3
  107. package/divider/definition.cjs +1 -1
  108. package/divider/definition.js +1 -1
  109. package/divider/index.cjs +1 -1
  110. package/divider/index.js +1 -1
  111. package/empty-state/definition.cjs +1 -1
  112. package/empty-state/definition.js +1 -1
  113. package/empty-state/index.cjs +3 -3
  114. package/empty-state/index.js +4 -3
  115. package/fab/definition.cjs +1 -1
  116. package/fab/definition.js +1 -1
  117. package/file-picker/definition.cjs +1 -1
  118. package/file-picker/definition.js +1 -1
  119. package/file-picker/index.cjs +7 -7
  120. package/file-picker/index.js +4 -3
  121. package/flag/definition.cjs +1 -1
  122. package/flag/definition.js +1 -1
  123. package/header/definition.cjs +1 -1
  124. package/header/definition.js +1 -1
  125. package/header/index.cjs +3 -3
  126. package/header/index.js +3 -3
  127. package/icon/definition.cjs +2 -1
  128. package/icon/definition.js +2 -1
  129. package/index.cjs +209 -198
  130. package/index.js +59 -54
  131. package/kbd-key/definition.cjs +1 -1
  132. package/kbd-key/definition.js +1 -1
  133. package/kbd-shortcut/definition.cjs +1 -1
  134. package/kbd-shortcut/definition.js +1 -1
  135. package/layout/definition.cjs +1 -1
  136. package/layout/definition.js +1 -1
  137. package/lib/accordion-item/accordion-item.d.ts +3 -1
  138. package/lib/action-group/action-group.d.ts +1 -1
  139. package/lib/alert/alert.d.ts +2 -2
  140. package/lib/audio-player/audio-player.d.ts +1 -1
  141. package/lib/avatar/avatar.d.ts +1 -1
  142. package/lib/badge/badge.d.ts +1 -1
  143. package/lib/banner/banner.d.ts +3 -3
  144. package/lib/breadcrumb/breadcrumb.d.ts +1 -1
  145. package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  146. package/lib/button/button.d.ts +3 -3
  147. package/lib/calendar-event/calendar-event.d.ts +1 -1
  148. package/lib/card/card.d.ts +1 -1
  149. package/lib/checkbox/checkbox.d.ts +6 -6
  150. package/lib/color-picker/color-picker.d.ts +7 -7
  151. package/lib/combobox/combobox.d.ts +8 -8
  152. package/lib/components.d.ts +2 -0
  153. package/lib/country-group/country-group.d.ts +2 -2
  154. package/lib/data-grid/data-grid-cell.d.ts +4 -3
  155. package/lib/data-grid/data-grid-row.d.ts +3 -2
  156. package/lib/data-grid/data-grid.options.d.ts +5 -0
  157. package/lib/date-picker/date-picker.d.ts +8 -8
  158. package/lib/date-range-picker/date-range-picker.d.ts +4 -4
  159. package/lib/date-time-picker/date-time-picker.d.ts +8 -8
  160. package/lib/dial-pad/dial-pad.d.ts +2 -2
  161. package/lib/dialog/dialog.d.ts +2 -2
  162. package/lib/divider/divider.d.ts +1 -1
  163. package/lib/fab/fab.d.ts +1 -1
  164. package/lib/file-picker/file-picker.d.ts +7 -7
  165. package/lib/header/header.d.ts +1 -1
  166. package/lib/listbox/definition.d.ts +3 -0
  167. package/lib/listbox/index.d.ts +1 -0
  168. package/lib/listbox/listbox.d.ts +1302 -0
  169. package/lib/listbox/listbox.template.d.ts +3 -0
  170. package/lib/listbox/variations.browser-spec.d.ts +1 -0
  171. package/lib/menu/menu.d.ts +2 -3
  172. package/lib/menu-item/menu-item.d.ts +3 -3
  173. package/lib/nav/nav.d.ts +1 -1
  174. package/lib/nav-disclosure/nav-disclosure.d.ts +2 -2
  175. package/lib/nav-item/nav-item.d.ts +2 -2
  176. package/lib/note/note.d.ts +1 -1
  177. package/lib/number-field/number-field.d.ts +9 -10
  178. package/lib/optgroup/definition.d.ts +3 -0
  179. package/lib/optgroup/index.d.ts +1 -0
  180. package/lib/optgroup/optgroup.d.ts +430 -0
  181. package/lib/optgroup/optgroup.template.d.ts +2 -0
  182. package/lib/optgroup/variations.browser-spec.d.ts +1 -0
  183. package/lib/option/option.d.ts +2 -2
  184. package/lib/pagination/pagination.d.ts +1 -1
  185. package/lib/popover/popover.d.ts +2 -2
  186. package/lib/progress/progress.d.ts +1 -1
  187. package/lib/progress-ring/progress-ring.d.ts +1 -1
  188. package/lib/radio/radio.d.ts +3 -3
  189. package/lib/radio-group/radio-group.d.ts +1 -1
  190. package/lib/range-slider/range-slider.d.ts +3 -3
  191. package/lib/rich-text-editor/rich-text-editor.d.ts +1 -1
  192. package/lib/rich-text-editor/rte/features/base.d.ts +1 -0
  193. package/lib/rich-text-editor/rte/utils/default-textblock.d.ts +2 -2
  194. package/lib/searchable-select/option-tag.d.ts +1 -1
  195. package/lib/searchable-select/searchable-select.d.ts +47 -47
  196. package/lib/select/select.d.ts +9 -9
  197. package/lib/selectable-box/selectable-box.d.ts +1 -1
  198. package/lib/simple-color-picker/simple-color-picker.d.ts +2 -2
  199. package/lib/slider/slider.d.ts +3 -3
  200. package/lib/split-button/split-button.d.ts +3 -3
  201. package/lib/status/status.d.ts +1 -1
  202. package/lib/switch/switch.d.ts +2 -2
  203. package/lib/tab/tab.d.ts +3 -3
  204. package/lib/tab-panel/tab-panel.d.ts +1 -1
  205. package/lib/table/table-cell.d.ts +1 -1
  206. package/lib/table/table-header-cell.d.ts +1 -1
  207. package/lib/table/table-row.d.ts +1 -1
  208. package/lib/table/table-sorting-button.d.ts +1 -1
  209. package/lib/tag/tag.d.ts +3 -3
  210. package/lib/tag-group/tag-group.d.ts +1 -1
  211. package/lib/tag-name-map.d.ts +3 -1
  212. package/lib/text-area/text-area.d.ts +8 -8
  213. package/lib/text-field/text-field.d.ts +10 -9
  214. package/lib/time-picker/time-picker.d.ts +4 -4
  215. package/lib/toggletip/toggletip.d.ts +3 -2
  216. package/lib/tooltip/tooltip.d.ts +3 -2
  217. package/lib/tree-item/tree-item.d.ts +2 -2
  218. package/lib/tree-view/tree-view.d.ts +1 -1
  219. package/lib/video-player/video-player.d.ts +1 -1
  220. package/listbox/definition.cjs +5 -0
  221. package/listbox/definition.js +2 -0
  222. package/listbox/index.cjs +11 -0
  223. package/listbox/index.js +540 -0
  224. package/menu/index.cjs +1 -1
  225. package/menu/index.js +1 -1
  226. package/menu-item/index.cjs +1 -1
  227. package/menu-item/index.js +1 -1
  228. package/nav/definition.cjs +1 -1
  229. package/nav/definition.js +1 -1
  230. package/nav-disclosure/definition.cjs +1 -1
  231. package/nav-disclosure/definition.js +1 -1
  232. package/nav-disclosure/index.cjs +4 -4
  233. package/nav-disclosure/index.js +4 -3
  234. package/nav-item/definition.cjs +1 -1
  235. package/nav-item/definition.js +1 -1
  236. package/note/definition.cjs +1 -1
  237. package/note/definition.js +1 -1
  238. package/number-field/definition.cjs +1 -1
  239. package/number-field/definition.js +1 -1
  240. package/number-field/index.cjs +1 -1
  241. package/number-field/index.js +1 -1
  242. package/optgroup/definition.cjs +6 -0
  243. package/optgroup/definition.js +3 -0
  244. package/optgroup/index.cjs +1 -0
  245. package/optgroup/index.js +4 -0
  246. package/option/definition.cjs +2 -1
  247. package/option/definition.js +2 -1
  248. package/package.json +9 -8
  249. package/pagination/definition.cjs +1 -1
  250. package/pagination/definition.js +1 -1
  251. package/platform-switch/definition.cjs +1 -1
  252. package/platform-switch/definition.js +1 -1
  253. package/popover/definition.cjs +1 -1
  254. package/popover/definition.js +1 -1
  255. package/popover/index.cjs +5 -5
  256. package/popover/index.js +4 -3
  257. package/progress/definition.cjs +1 -1
  258. package/progress/definition.js +1 -1
  259. package/radio/definition.cjs +1 -1
  260. package/radio/definition.js +1 -1
  261. package/radio-group/definition.cjs +1 -1
  262. package/radio-group/definition.js +1 -1
  263. package/range-slider/definition.cjs +1 -1
  264. package/range-slider/definition.js +1 -1
  265. package/rich-text-editor/definition.cjs +1 -1
  266. package/rich-text-editor/definition.js +1 -1
  267. package/rich-text-editor/index.cjs +13 -13
  268. package/rich-text-editor/index.js +26 -23
  269. package/rich-text-view/definition.cjs +1 -1
  270. package/rich-text-view/definition.js +1 -1
  271. package/searchable-select/definition.cjs +1 -1
  272. package/searchable-select/definition.js +1 -1
  273. package/searchable-select/index.cjs +23 -23
  274. package/searchable-select/index.js +67 -49
  275. package/select/definition.cjs +1 -1
  276. package/select/definition.js +1 -1
  277. package/select/index.cjs +1 -1
  278. package/select/index.js +1 -1
  279. package/selectable-box/definition.cjs +1 -1
  280. package/selectable-box/definition.js +1 -1
  281. package/shared/aria/delegates-aria.d.ts +1 -1
  282. package/shared/aria/host-semantics.d.ts +1 -1
  283. package/shared/color-picker/base-color-picker.d.ts +1 -1
  284. package/shared/feedback/feedback-message.d.ts +1 -1
  285. package/shared/feedback/mixins.d.ts +2 -2
  286. package/shared/foundation/button/button.d.ts +2 -2
  287. package/shared/foundation/form-associated/form-associated.d.ts +2 -2
  288. package/shared/foundation/listbox/extractOptions.d.ts +2 -0
  289. package/shared/foundation/listbox/listbox.d.ts +2 -0
  290. package/shared/listbox/commands.d.ts +17 -0
  291. package/shared/listbox/move.d.ts +6 -0
  292. package/shared/listbox/options.d.ts +12 -0
  293. package/shared/listbox/selection.d.ts +28 -0
  294. package/shared/listbox/state.d.ts +26 -0
  295. package/shared/listbox/typeahead.d.ts +8 -0
  296. package/shared/listbox/with-options-filter.d.ts +440 -0
  297. package/shared/listbox/with-options.d.ts +862 -0
  298. package/shared/patterns/affix.d.ts +2 -2
  299. package/shared/patterns/anchored.d.ts +2 -2
  300. package/shared/patterns/char-count/char-count.d.ts +1 -1
  301. package/shared/patterns/form-elements/form-element.d.ts +1 -1
  302. package/shared/patterns/form-elements/with-contextual-help.d.ts +1 -1
  303. package/shared/patterns/form-elements/with-error-text.d.ts +1 -1
  304. package/shared/patterns/form-elements/with-success-text.d.ts +1 -1
  305. package/shared/patterns/kbd-shortcut.d.ts +1 -1
  306. package/shared/patterns/linkable.d.ts +1 -1
  307. package/shared/patterns/localized.d.ts +2 -2
  308. package/shared/patterns/trapped-focus.d.ts +1 -1
  309. package/shared/picker-field/mixins/calendar-picker.d.ts +2 -2
  310. package/shared/picker-field/mixins/calendar-picker.template.d.ts +2 -2
  311. package/shared/picker-field/mixins/inline-time-picker/inline-time-picker.d.ts +1 -1
  312. package/shared/picker-field/mixins/min-max-calendar-picker.d.ts +2 -2
  313. package/shared/picker-field/mixins/single-date-picker.d.ts +2 -2
  314. package/shared/picker-field/mixins/single-value-picker.d.ts +2 -2
  315. package/shared/picker-field/mixins/time-selection-picker.d.ts +2 -2
  316. package/shared/picker-field/mixins/time-selection-picker.template.d.ts +4 -4
  317. package/shared/picker-field/picker-field.d.ts +7 -7
  318. package/side-drawer/definition.cjs +1 -1
  319. package/side-drawer/definition.js +1 -1
  320. package/simple-color-picker/definition.cjs +1 -1
  321. package/simple-color-picker/definition.js +1 -1
  322. package/simple-color-picker/index.cjs +6 -6
  323. package/simple-color-picker/index.js +4 -3
  324. package/split-button/definition.cjs +1 -1
  325. package/split-button/definition.js +1 -1
  326. package/split-button/index.cjs +1 -0
  327. package/split-button/index.js +1 -0
  328. package/status/definition.cjs +1 -1
  329. package/status/definition.js +1 -1
  330. package/switch/definition.cjs +1 -1
  331. package/switch/definition.js +1 -1
  332. package/switch/index.cjs +6 -5
  333. package/switch/index.js +16 -14
  334. package/tab/definition.cjs +1 -1
  335. package/tab/definition.js +1 -1
  336. package/tab-panel/definition.cjs +1 -1
  337. package/tab-panel/definition.js +1 -1
  338. package/table/definition.cjs +1 -1
  339. package/table/definition.js +1 -1
  340. package/table/index.cjs +13 -13
  341. package/table/index.js +4 -3
  342. package/tabs/definition.cjs +1 -1
  343. package/tabs/definition.js +1 -1
  344. package/tag/definition.cjs +1 -1
  345. package/tag/definition.js +1 -1
  346. package/tag/index.cjs +11 -11
  347. package/tag/index.js +4 -3
  348. package/tag-group/definition.cjs +1 -1
  349. package/tag-group/definition.js +1 -1
  350. package/text-area/definition.cjs +1 -1
  351. package/text-area/definition.js +1 -1
  352. package/time-picker/definition.cjs +1 -1
  353. package/time-picker/definition.js +1 -1
  354. package/tree-item/definition.cjs +1 -1
  355. package/tree-item/definition.js +1 -1
  356. package/tree-view/definition.cjs +1 -1
  357. package/tree-view/definition.js +1 -1
  358. package/unbundled/affix.cjs +2 -2
  359. package/unbundled/affix.js +1 -1
  360. package/unbundled/base-progress.cjs +1 -1
  361. package/unbundled/base-progress.js +1 -1
  362. package/unbundled/button.cjs +2 -2
  363. package/unbundled/button.js +2 -2
  364. package/unbundled/definition.cjs +2 -65
  365. package/unbundled/definition.js +4 -61
  366. package/unbundled/definition11.cjs +4 -3
  367. package/unbundled/definition11.js +3 -2
  368. package/unbundled/definition12.cjs +3 -2
  369. package/unbundled/definition12.js +3 -2
  370. package/unbundled/definition13.cjs +1 -1
  371. package/unbundled/definition13.js +1 -1
  372. package/unbundled/definition14.cjs +2 -1
  373. package/unbundled/definition14.js +2 -1
  374. package/unbundled/definition17.cjs +9 -4
  375. package/unbundled/definition17.js +9 -4
  376. package/unbundled/definition2.cjs +14 -3
  377. package/unbundled/definition2.js +15 -4
  378. package/unbundled/definition21.cjs +2 -1
  379. package/unbundled/definition21.js +2 -1
  380. package/unbundled/definition23.cjs +3 -1
  381. package/unbundled/definition23.js +4 -2
  382. package/unbundled/definition24.cjs +6 -4
  383. package/unbundled/definition24.js +6 -4
  384. package/unbundled/definition25.cjs +2 -1
  385. package/unbundled/definition25.js +2 -1
  386. package/unbundled/definition26.cjs +7 -4
  387. package/unbundled/definition26.js +7 -4
  388. package/unbundled/definition27.cjs +39 -5
  389. package/unbundled/definition27.js +40 -6
  390. package/unbundled/definition28.cjs +4 -3
  391. package/unbundled/definition28.js +4 -3
  392. package/unbundled/definition29.cjs +5 -168
  393. package/unbundled/definition29.js +11 -162
  394. package/unbundled/definition30.cjs +26 -506
  395. package/unbundled/definition30.js +24 -498
  396. package/unbundled/definition31.cjs +503 -39
  397. package/unbundled/definition31.js +501 -37
  398. package/unbundled/definition32.cjs +39 -239
  399. package/unbundled/definition32.js +36 -236
  400. package/unbundled/definition33.cjs +236 -74
  401. package/unbundled/definition33.js +233 -71
  402. package/unbundled/definition34.cjs +74 -1968
  403. package/unbundled/definition34.js +70 -1940
  404. package/unbundled/definition35.cjs +1993 -26
  405. package/unbundled/definition35.js +1965 -27
  406. package/unbundled/definition36.cjs +26 -111
  407. package/unbundled/definition36.js +23 -103
  408. package/unbundled/definition37.cjs +53 -294
  409. package/unbundled/definition37.js +50 -291
  410. package/unbundled/definition38.cjs +282 -132
  411. package/unbundled/definition38.js +279 -129
  412. package/unbundled/definition39.cjs +165 -339
  413. package/unbundled/definition39.js +163 -337
  414. package/unbundled/definition40.cjs +395 -227
  415. package/unbundled/definition40.js +393 -225
  416. package/unbundled/definition41.cjs +269 -47
  417. package/unbundled/definition41.js +264 -42
  418. package/unbundled/definition42.cjs +48 -67
  419. package/unbundled/definition42.js +45 -64
  420. package/unbundled/definition43.cjs +56 -383
  421. package/unbundled/definition43.js +55 -382
  422. package/unbundled/definition44.cjs +387 -44
  423. package/unbundled/definition44.js +383 -40
  424. package/unbundled/definition45.cjs +53 -45
  425. package/unbundled/definition45.js +49 -41
  426. package/unbundled/definition46.cjs +40 -164
  427. package/unbundled/definition46.js +36 -160
  428. package/unbundled/definition47.cjs +171 -31
  429. package/unbundled/definition47.js +168 -22
  430. package/unbundled/definition48.cjs +30 -89
  431. package/unbundled/definition48.js +22 -87
  432. package/unbundled/definition49.cjs +589 -48
  433. package/unbundled/definition49.js +587 -47
  434. package/unbundled/definition50.cjs +90 -21
  435. package/unbundled/definition50.js +88 -16
  436. package/unbundled/definition51.cjs +47 -32
  437. package/unbundled/definition51.js +44 -29
  438. package/unbundled/definition52.cjs +22 -323
  439. package/unbundled/definition52.js +16 -320
  440. package/unbundled/definition53.cjs +33 -212
  441. package/unbundled/definition53.js +29 -208
  442. package/unbundled/definition54.cjs +318 -41
  443. package/unbundled/definition54.js +314 -37
  444. package/unbundled/definition55.cjs +199 -253
  445. package/unbundled/definition55.js +193 -247
  446. package/unbundled/definition56.cjs +45 -53
  447. package/unbundled/definition56.js +42 -49
  448. package/unbundled/definition57.cjs +255 -133
  449. package/unbundled/definition57.js +253 -128
  450. package/unbundled/definition58.cjs +49 -245
  451. package/unbundled/definition58.js +47 -244
  452. package/unbundled/definition59.cjs +127 -444
  453. package/unbundled/definition59.js +124 -444
  454. package/unbundled/definition6.cjs +2 -1
  455. package/unbundled/definition6.js +2 -1
  456. package/unbundled/definition60.cjs +230 -3746
  457. package/unbundled/definition60.js +223 -3576
  458. package/unbundled/definition61.cjs +427 -739
  459. package/unbundled/definition61.js +425 -737
  460. package/unbundled/definition62.cjs +3762 -103
  461. package/unbundled/definition62.js +3593 -97
  462. package/unbundled/definition63.cjs +678 -886
  463. package/unbundled/definition63.js +672 -877
  464. package/unbundled/definition64.cjs +104 -108
  465. package/unbundled/definition64.js +100 -104
  466. package/unbundled/definition65.cjs +999 -65
  467. package/unbundled/definition65.js +995 -58
  468. package/unbundled/definition66.cjs +105 -155
  469. package/unbundled/definition66.js +101 -151
  470. package/unbundled/definition67.cjs +71 -121
  471. package/unbundled/definition67.js +63 -119
  472. package/unbundled/definition68.cjs +162 -51
  473. package/unbundled/definition68.js +158 -47
  474. package/unbundled/definition69.cjs +117 -75
  475. package/unbundled/definition69.js +116 -71
  476. package/unbundled/definition70.cjs +59 -21
  477. package/unbundled/definition70.js +56 -15
  478. package/unbundled/definition71.cjs +80 -75
  479. package/unbundled/definition71.js +76 -74
  480. package/unbundled/definition72.cjs +20 -305
  481. package/unbundled/definition72.js +14 -230
  482. package/unbundled/definition73.cjs +75 -315
  483. package/unbundled/definition73.js +74 -307
  484. package/unbundled/definition74.cjs +308 -30
  485. package/unbundled/definition74.js +231 -24
  486. package/unbundled/definition75.cjs +314 -109
  487. package/unbundled/definition75.js +304 -106
  488. package/unbundled/definition76.cjs +26 -250
  489. package/unbundled/definition76.js +21 -246
  490. package/unbundled/definition77.cjs +133 -27
  491. package/unbundled/definition77.js +124 -25
  492. package/unbundled/definition78.cjs +230 -116
  493. package/unbundled/definition78.js +227 -107
  494. package/unbundled/definition79.cjs +28 -203
  495. package/unbundled/definition79.js +26 -193
  496. package/unbundled/definition80.cjs +126 -477
  497. package/unbundled/definition80.js +118 -473
  498. package/unbundled/definition81.cjs +221 -0
  499. package/unbundled/definition81.js +202 -0
  500. package/unbundled/definition82.cjs +517 -0
  501. package/unbundled/definition82.js +497 -0
  502. package/unbundled/extractOptions.cjs +21 -0
  503. package/unbundled/extractOptions.js +16 -0
  504. package/unbundled/icon.cjs +67 -0
  505. package/unbundled/icon.js +61 -0
  506. package/unbundled/linkable.cjs +1 -1
  507. package/unbundled/linkable.js +1 -1
  508. package/unbundled/listbox.cjs +29 -7
  509. package/unbundled/listbox.js +29 -7
  510. package/unbundled/mixins.cjs +2 -1
  511. package/unbundled/mixins.js +2 -1
  512. package/unbundled/optgroup.cjs +66 -0
  513. package/unbundled/optgroup.js +54 -0
  514. package/unbundled/option.cjs +176 -0
  515. package/unbundled/option.js +164 -0
  516. package/unbundled/time-selection-picker.template.cjs +1 -1
  517. package/unbundled/time-selection-picker.template.js +1 -1
  518. package/unbundled/vivid-element.cjs +10 -1
  519. package/unbundled/vivid-element.js +10 -1
  520. package/video-player/definition.cjs +1 -1
  521. package/video-player/definition.js +1 -1
  522. package/vivid.api.json +568 -231
@@ -10,6 +10,7 @@ declare const SplitButton_base: {
10
10
  icon?: string;
11
11
  iconSlottedContent?: HTMLElement[];
12
12
  connectedCallback(): void;
13
+ focus(...args: any[]): void;
13
14
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
14
15
  readonly $fastController: import('@microsoft/fast-element').ElementController;
15
16
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -364,7 +365,6 @@ declare const SplitButton_base: {
364
365
  nonce?: string;
365
366
  tabIndex: number;
366
367
  blur(): void;
367
- focus(options?: FocusOptions): void;
368
368
  ariaControls: string | null;
369
369
  ariaDescribedBy: string | null;
370
370
  ariaDetails: string | null;
@@ -435,6 +435,7 @@ declare const SplitButton_base: {
435
435
  new (...args: any[]): {
436
436
  get locale(): import('../../shared/localization/Locale.js').Locale;
437
437
  connectedCallback(): void;
438
+ focus(...args: any[]): void;
438
439
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
439
440
  readonly $fastController: import('@microsoft/fast-element').ElementController;
440
441
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -789,7 +790,6 @@ declare const SplitButton_base: {
789
790
  nonce?: string;
790
791
  tabIndex: number;
791
792
  blur(): void;
792
- focus(options?: FocusOptions): void;
793
793
  ariaControls: string | null;
794
794
  ariaDescribedBy: string | null;
795
795
  ariaDetails: string | null;
@@ -860,6 +860,7 @@ declare const SplitButton_base: {
860
860
  new (...args: any[]): {
861
861
  _vividAriaBehaviour: "delegate";
862
862
  connectedCallback(): void;
863
+ focus(...args: any[]): void;
863
864
  readonly $fastController: import('@microsoft/fast-element').ElementController;
864
865
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
865
866
  disconnectedCallback: (() => void) & (() => void);
@@ -1213,7 +1214,6 @@ declare const SplitButton_base: {
1213
1214
  nonce?: string;
1214
1215
  tabIndex: number;
1215
1216
  blur(): void;
1216
- focus(options?: FocusOptions): void;
1217
1217
  ariaControls: string | null;
1218
1218
  ariaDescribedBy: string | null;
1219
1219
  ariaDetails: string | null;
@@ -7,6 +7,7 @@ declare const Status_base: {
7
7
  icon?: string;
8
8
  iconSlottedContent?: HTMLElement[];
9
9
  connectedCallback(): void;
10
+ focus(...args: any[]): void;
10
11
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
11
12
  readonly $fastController: import('@microsoft/fast-element').ElementController;
12
13
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -361,7 +362,6 @@ declare const Status_base: {
361
362
  nonce?: string;
362
363
  tabIndex: number;
363
364
  blur(): void;
364
- focus(options?: FocusOptions): void;
365
365
  ariaControls: string | null;
366
366
  ariaDescribedBy: string | null;
367
367
  ariaDetails: string | null;
@@ -5,6 +5,7 @@ declare const Switch_base: {
5
5
  new (...args: any[]): {
6
6
  _vividAriaBehaviour: "delegate";
7
7
  connectedCallback(): void;
8
+ focus(...args: any[]): void;
8
9
  readonly $fastController: import('@microsoft/fast-element').ElementController;
9
10
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
10
11
  disconnectedCallback: (() => void) & (() => void);
@@ -358,7 +359,6 @@ declare const Switch_base: {
358
359
  nonce?: string;
359
360
  tabIndex: number;
360
361
  blur(): void;
361
- focus(options?: FocusOptions): void;
362
362
  ariaControls: string | null;
363
363
  ariaDescribedBy: string | null;
364
364
  ariaDetails: string | null;
@@ -473,6 +473,7 @@ declare const Switch_base: {
473
473
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
474
474
  _keypressHandler(e: KeyboardEvent): void;
475
475
  stopPropagation(e: Event): void;
476
+ focus(...args: any[]): void;
476
477
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
477
478
  readonly $fastController: import('@microsoft/fast-element').ElementController;
478
479
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -826,7 +827,6 @@ declare const Switch_base: {
826
827
  nonce?: string;
827
828
  tabIndex: number;
828
829
  blur(): void;
829
- focus(options?: FocusOptions): void;
830
830
  ariaControls: string | null;
831
831
  ariaDescribedBy: string | null;
832
832
  ariaDetails: string | null;
package/lib/tab/tab.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const Tab_base: {
7
7
  new (...args: any[]): {
8
8
  _vividAriaBehaviour: "host";
9
9
  connectedCallback(): void;
10
+ focus(...args: any[]): void;
10
11
  readonly $fastController: import('@microsoft/fast-element').ElementController;
11
12
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
12
13
  disconnectedCallback: (() => void) & (() => void);
@@ -360,7 +361,6 @@ declare const Tab_base: {
360
361
  nonce?: string;
361
362
  tabIndex: number;
362
363
  blur(): void;
363
- focus(options?: FocusOptions): void;
364
364
  ariaControls: string | null;
365
365
  ariaDescribedBy: string | null;
366
366
  ariaDetails: string | null;
@@ -433,6 +433,7 @@ declare const Tab_base: {
433
433
  icon?: string;
434
434
  iconSlottedContent?: HTMLElement[];
435
435
  connectedCallback(): void;
436
+ focus(...args: any[]): void;
436
437
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
437
438
  readonly $fastController: import('@microsoft/fast-element').ElementController;
438
439
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -787,7 +788,6 @@ declare const Tab_base: {
787
788
  nonce?: string;
788
789
  tabIndex: number;
789
790
  blur(): void;
790
- focus(options?: FocusOptions): void;
791
791
  ariaControls: string | null;
792
792
  ariaDescribedBy: string | null;
793
793
  ariaDetails: string | null;
@@ -858,6 +858,7 @@ declare const Tab_base: {
858
858
  new (...args: any[]): {
859
859
  get locale(): import('../../shared/localization/Locale.js').Locale;
860
860
  connectedCallback(): void;
861
+ focus(...args: any[]): void;
861
862
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
862
863
  readonly $fastController: import('@microsoft/fast-element').ElementController;
863
864
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1212,7 +1213,6 @@ declare const Tab_base: {
1212
1213
  nonce?: string;
1213
1214
  tabIndex: number;
1214
1215
  blur(): void;
1215
- focus(options?: FocusOptions): void;
1216
1216
  ariaControls: string | null;
1217
1217
  ariaDescribedBy: string | null;
1218
1218
  ariaDetails: string | null;
@@ -3,6 +3,7 @@ declare const TabPanel_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "host";
5
5
  connectedCallback(): void;
6
+ focus(...args: any[]): void;
6
7
  readonly $fastController: import('@microsoft/fast-element').ElementController;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
8
9
  disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TabPanel_base: {
356
357
  nonce?: string;
357
358
  tabIndex: number;
358
359
  blur(): void;
359
- focus(options?: FocusOptions): void;
360
360
  ariaControls: string | null;
361
361
  ariaDescribedBy: string | null;
362
362
  ariaDetails: string | null;
@@ -3,6 +3,7 @@ declare const TableCell_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "host";
5
5
  connectedCallback(): void;
6
+ focus(...args: any[]): void;
6
7
  readonly $fastController: import('@microsoft/fast-element').ElementController;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
8
9
  disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableCell_base: {
356
357
  nonce?: string;
357
358
  tabIndex: number;
358
359
  blur(): void;
359
- focus(options?: FocusOptions): void;
360
360
  ariaControls: string | null;
361
361
  ariaDescribedBy: string | null;
362
362
  ariaDetails: string | null;
@@ -3,6 +3,7 @@ declare const TableHeaderCell_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "host";
5
5
  connectedCallback(): void;
6
+ focus(...args: any[]): void;
6
7
  readonly $fastController: import('@microsoft/fast-element').ElementController;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
8
9
  disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableHeaderCell_base: {
356
357
  nonce?: string;
357
358
  tabIndex: number;
358
359
  blur(): void;
359
- focus(options?: FocusOptions): void;
360
360
  ariaControls: string | null;
361
361
  ariaDescribedBy: string | null;
362
362
  ariaDetails: string | null;
@@ -3,6 +3,7 @@ declare const TableRow_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "host";
5
5
  connectedCallback(): void;
6
+ focus(...args: any[]): void;
6
7
  readonly $fastController: import('@microsoft/fast-element').ElementController;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
8
9
  disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableRow_base: {
356
357
  nonce?: string;
357
358
  tabIndex: number;
358
359
  blur(): void;
359
- focus(options?: FocusOptions): void;
360
360
  ariaControls: string | null;
361
361
  ariaDescribedBy: string | null;
362
362
  ariaDetails: string | null;
@@ -3,6 +3,7 @@ declare const TableSortingButton_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "delegate";
5
5
  connectedCallback(): void;
6
+ focus(...args: any[]): void;
6
7
  readonly $fastController: import('@microsoft/fast-element').ElementController;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
8
9
  disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TableSortingButton_base: {
356
357
  nonce?: string;
357
358
  tabIndex: number;
358
359
  blur(): void;
359
- focus(options?: FocusOptions): void;
360
360
  ariaControls: string | null;
361
361
  ariaDescribedBy: string | null;
362
362
  ariaDetails: string | null;
package/lib/tag/tag.d.ts CHANGED
@@ -8,6 +8,7 @@ declare const Tag_base: {
8
8
  new (...args: any[]): {
9
9
  get locale(): import('../../shared/localization/Locale.js').Locale;
10
10
  connectedCallback(): void;
11
+ focus(...args: any[]): void;
11
12
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
12
13
  readonly $fastController: import('@microsoft/fast-element').ElementController;
13
14
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -362,7 +363,6 @@ declare const Tag_base: {
362
363
  nonce?: string;
363
364
  tabIndex: number;
364
365
  blur(): void;
365
- focus(options?: FocusOptions): void;
366
366
  ariaControls: string | null;
367
367
  ariaDescribedBy: string | null;
368
368
  ariaDetails: string | null;
@@ -433,6 +433,7 @@ declare const Tag_base: {
433
433
  new (...args: any[]): {
434
434
  _vividAriaBehaviour: "delegate";
435
435
  connectedCallback(): void;
436
+ focus(...args: any[]): void;
436
437
  readonly $fastController: import('@microsoft/fast-element').ElementController;
437
438
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
438
439
  disconnectedCallback: (() => void) & (() => void);
@@ -786,7 +787,6 @@ declare const Tag_base: {
786
787
  nonce?: string;
787
788
  tabIndex: number;
788
789
  blur(): void;
789
- focus(options?: FocusOptions): void;
790
790
  ariaControls: string | null;
791
791
  ariaDescribedBy: string | null;
792
792
  ariaDetails: string | null;
@@ -858,6 +858,7 @@ declare const Tag_base: {
858
858
  icon?: string;
859
859
  iconSlottedContent?: HTMLElement[];
860
860
  connectedCallback(): void;
861
+ focus(...args: any[]): void;
861
862
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
862
863
  readonly $fastController: import('@microsoft/fast-element').ElementController;
863
864
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1212,7 +1213,6 @@ declare const Tag_base: {
1212
1213
  nonce?: string;
1213
1214
  tabIndex: number;
1214
1215
  blur(): void;
1215
- focus(options?: FocusOptions): void;
1216
1216
  ariaControls: string | null;
1217
1217
  ariaDescribedBy: string | null;
1218
1218
  ariaDetails: string | null;
@@ -3,6 +3,7 @@ declare const TagGroup_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "delegate";
5
5
  connectedCallback(): void;
6
+ focus(...args: any[]): void;
6
7
  readonly $fastController: import('@microsoft/fast-element').ElementController;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
8
9
  disconnectedCallback: (() => void) & (() => void);
@@ -356,7 +357,6 @@ declare const TagGroup_base: {
356
357
  nonce?: string;
357
358
  tabIndex: number;
358
359
  blur(): void;
359
- focus(options?: FocusOptions): void;
360
360
  ariaControls: string | null;
361
361
  ariaDescribedBy: string | null;
362
362
  ariaDetails: string | null;
@@ -1,4 +1,4 @@
1
- import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTableBodyElement, VwcTableCellElement, VwcTableElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
1
+ import { VwcAccordionElement, VwcAccordionItemElement, VwcActionGroupElement, VwcAlertElement, VwcAudioPlayerElement, VwcAvatarElement, VwcBadgeElement, VwcBannerElement, VwcBreadcrumbElement, VwcBreadcrumbItemElement, VwcButtonElement, VwcCalendarElement, VwcCalendarEventElement, VwcCardElement, VwcCheckboxElement, VwcColorPickerElement, VwcComboboxElement, VwcContextualHelpElement, VwcCountryElement, VwcCountryGroupElement, VwcDataGridCellElement, VwcDataGridElement, VwcDataGridRowElement, VwcDatePickerElement, VwcDateRangePickerElement, VwcDateTimePickerElement, VwcDialogElement, VwcDialPadElement, VwcDividerElement, VwcEmptyStateElement, VwcFabElement, VwcFilePickerElement, VwcHeaderElement, VwcIconElement, VwcKbdKeyElement, VwcKbdShortcutElement, VwcLayoutElement, VwcListboxElement, VwcMenuElement, VwcMenuItemElement, VwcNavDisclosureElement, VwcNavElement, VwcNavItemElement, VwcNoteElement, VwcNumberFieldElement, VwcOptgroupElement, VwcOptionElement, VwcPaginationElement, VwcPlatformSwitchElement, VwcPopoverElement, VwcProgressElement, VwcProgressRingElement, VwcRadioElement, VwcRadioGroupElement, VwcRangeSliderElement, VwcRichTextEditorElement, VwcRichTextViewElement, VwcSearchableSelectElement, VwcSelectableBoxElement, VwcSelectElement, VwcSideDrawerElement, VwcSimpleColorPickerElement, VwcSliderElement, VwcSplitButtonElement, VwcStatusElement, VwcSwitchElement, VwcTabElement, VwcTableBodyElement, VwcTableCellElement, VwcTableElement, VwcTableHeadElement, VwcTableHeaderCellElement, VwcTableRowElement, VwcTabPanelElement, VwcTabsElement, VwcTagElement, VwcTagGroupElement, VwcTextAreaElement, VwcTextFieldElement, VwcTimePickerElement, VwcToggletipElement, VwcTooltipElement, VwcTreeItemElement, VwcTreeViewElement, VwcVideoPlayerElement } from './components';
2
2
  type DefaultVividTagNameMap = {
3
3
  'vwc-accordion': VwcAccordionElement;
4
4
  'vwc-accordion-item': VwcAccordionItemElement;
@@ -44,6 +44,7 @@ type DefaultVividTagNameMap = {
44
44
  'vwc-header': VwcHeaderElement;
45
45
  'vwc-icon': VwcIconElement;
46
46
  'vwc-layout': VwcLayoutElement;
47
+ 'vwc-listbox': VwcListboxElement;
47
48
  'vwc-menu': VwcMenuElement;
48
49
  'vwc-menu-item': VwcMenuItemElement;
49
50
  'vwc-nav-disclosure': VwcNavDisclosureElement;
@@ -51,6 +52,7 @@ type DefaultVividTagNameMap = {
51
52
  'vwc-nav-item': VwcNavItemElement;
52
53
  'vwc-note': VwcNoteElement;
53
54
  'vwc-number-field': VwcNumberFieldElement;
55
+ 'vwc-optgroup': VwcOptgroupElement;
54
56
  'vwc-option': VwcOptionElement;
55
57
  'vwc-pagination': VwcPaginationElement;
56
58
  'vwc-popover': VwcPopoverElement;
@@ -53,6 +53,7 @@ declare const TextArea_base: {
53
53
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
54
54
  _keypressHandler(e: KeyboardEvent): void;
55
55
  stopPropagation(e: Event): void;
56
+ focus(...args: any[]): void;
56
57
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
57
58
  readonly $fastController: import('@microsoft/fast-element').ElementController;
58
59
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -406,7 +407,6 @@ declare const TextArea_base: {
406
407
  nonce?: string;
407
408
  tabIndex: number;
408
409
  blur(): void;
409
- focus(options?: FocusOptions): void;
410
410
  ariaControls: string | null;
411
411
  ariaDescribedBy: string | null;
412
412
  ariaDetails: string | null;
@@ -485,6 +485,7 @@ declare const TextArea_base: {
485
485
  _slottedHelperTextFeedbackType(): "none" | "helper";
486
486
  _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
487
487
  connectedCallback(): void;
488
+ focus(...args: any[]): void;
488
489
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
489
490
  readonly $fastController: import('@microsoft/fast-element').ElementController;
490
491
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -839,7 +840,6 @@ declare const TextArea_base: {
839
840
  nonce?: string;
840
841
  tabIndex: number;
841
842
  blur(): void;
842
- focus(options?: FocusOptions): void;
843
843
  ariaControls: string | null;
844
844
  ariaDescribedBy: string | null;
845
845
  ariaDetails: string | null;
@@ -919,6 +919,7 @@ declare const TextArea_base: {
919
919
  _getCharCountTemplate: (context: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<any, any>;
920
920
  get locale(): import('../../shared/localization/Locale').Locale;
921
921
  connectedCallback(): void;
922
+ focus(...args: any[]): void;
922
923
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
923
924
  readonly $fastController: import('@microsoft/fast-element').ElementController;
924
925
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1273,7 +1274,6 @@ declare const TextArea_base: {
1273
1274
  nonce?: string;
1274
1275
  tabIndex: number;
1275
1276
  blur(): void;
1276
- focus(options?: FocusOptions): void;
1277
1277
  ariaControls: string | null;
1278
1278
  ariaDescribedBy: string | null;
1279
1279
  ariaDetails: string | null;
@@ -1389,6 +1389,7 @@ declare const TextArea_base: {
1389
1389
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
1390
1390
  _keypressHandler(e: KeyboardEvent): void;
1391
1391
  stopPropagation(e: Event): void;
1392
+ focus(...args: any[]): void;
1392
1393
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
1393
1394
  readonly $fastController: import('@microsoft/fast-element').ElementController;
1394
1395
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1742,7 +1743,6 @@ declare const TextArea_base: {
1742
1743
  nonce?: string;
1743
1744
  tabIndex: number;
1744
1745
  blur(): void;
1745
- focus(options?: FocusOptions): void;
1746
1746
  ariaControls: string | null;
1747
1747
  ariaDescribedBy: string | null;
1748
1748
  ariaDetails: string | null;
@@ -1813,6 +1813,7 @@ declare const TextArea_base: {
1813
1813
  new (...args: any[]): {
1814
1814
  successText?: string;
1815
1815
  connectedCallback(): void;
1816
+ focus(...args: any[]): void;
1816
1817
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
1817
1818
  readonly $fastController: import('@microsoft/fast-element').ElementController;
1818
1819
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2167,7 +2168,6 @@ declare const TextArea_base: {
2167
2168
  nonce?: string;
2168
2169
  tabIndex: number;
2169
2170
  blur(): void;
2170
- focus(options?: FocusOptions): void;
2171
2171
  ariaControls: string | null;
2172
2172
  ariaDescribedBy: string | null;
2173
2173
  ariaDetails: string | null;
@@ -2277,6 +2277,7 @@ declare const TextArea_base: {
2277
2277
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
2278
2278
  _keypressHandler(e: KeyboardEvent): void;
2279
2279
  stopPropagation(e: Event): void;
2280
+ focus(...args: any[]): void;
2280
2281
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
2281
2282
  readonly $fastController: import('@microsoft/fast-element').ElementController;
2282
2283
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2630,7 +2631,6 @@ declare const TextArea_base: {
2630
2631
  nonce?: string;
2631
2632
  tabIndex: number;
2632
2633
  blur(): void;
2633
- focus(options?: FocusOptions): void;
2634
2634
  ariaControls: string | null;
2635
2635
  ariaDescribedBy: string | null;
2636
2636
  ariaDetails: string | null;
@@ -2701,6 +2701,7 @@ declare const TextArea_base: {
2701
2701
  new (...args: any[]): {
2702
2702
  _vividAriaBehaviour: "delegate";
2703
2703
  connectedCallback(): void;
2704
+ focus(...args: any[]): void;
2704
2705
  readonly $fastController: import('@microsoft/fast-element').ElementController;
2705
2706
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
2706
2707
  disconnectedCallback: (() => void) & (() => void);
@@ -3054,7 +3055,6 @@ declare const TextArea_base: {
3054
3055
  nonce?: string;
3055
3056
  tabIndex: number;
3056
3057
  blur(): void;
3057
- focus(options?: FocusOptions): void;
3058
3058
  ariaControls: string | null;
3059
3059
  ariaDescribedBy: string | null;
3060
3060
  ariaDetails: string | null;
@@ -3159,6 +3159,7 @@ declare const TextArea_base: {
3159
3159
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
3160
3160
  _keypressHandler(e: KeyboardEvent): void;
3161
3161
  stopPropagation(e: Event): void;
3162
+ focus(...args: any[]): void;
3162
3163
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
3163
3164
  readonly $fastController: import('@microsoft/fast-element').ElementController;
3164
3165
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3512,7 +3513,6 @@ declare const TextArea_base: {
3512
3513
  nonce?: string;
3513
3514
  tabIndex: number;
3514
3515
  blur(): void;
3515
- focus(options?: FocusOptions): void;
3516
3516
  ariaControls: string | null;
3517
3517
  ariaDescribedBy: string | null;
3518
3518
  ariaDetails: string | null;
@@ -7,6 +7,7 @@ export type TextFieldSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
7
7
  export declare const TextFieldType: {
8
8
  readonly email: "email";
9
9
  readonly password: "password";
10
+ readonly search: "search";
10
11
  readonly tel: "tel";
11
12
  readonly text: "text";
12
13
  readonly url: "url";
@@ -58,6 +59,7 @@ declare const TextField_base: {
58
59
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
59
60
  _keypressHandler(e: KeyboardEvent): void;
60
61
  stopPropagation(e: Event): void;
62
+ focus(...args: any[]): void;
61
63
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
62
64
  readonly $fastController: import('@microsoft/fast-element').ElementController;
63
65
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -411,7 +413,6 @@ declare const TextField_base: {
411
413
  nonce?: string;
412
414
  tabIndex: number;
413
415
  blur(): void;
414
- focus(options?: FocusOptions): void;
415
416
  ariaControls: string | null;
416
417
  ariaDescribedBy: string | null;
417
418
  ariaDetails: string | null;
@@ -493,6 +494,7 @@ declare const TextField_base: {
493
494
  };
494
495
  _slottedHelperTextFeedbackType(): "none" | "helper";
495
496
  connectedCallback(): void;
497
+ focus(...args: any[]): void;
496
498
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
497
499
  readonly $fastController: import('@microsoft/fast-element').ElementController;
498
500
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -847,7 +849,6 @@ declare const TextField_base: {
847
849
  nonce?: string;
848
850
  tabIndex: number;
849
851
  blur(): void;
850
- focus(options?: FocusOptions): void;
851
852
  ariaControls: string | null;
852
853
  ariaDescribedBy: string | null;
853
854
  ariaDetails: string | null;
@@ -927,6 +928,7 @@ declare const TextField_base: {
927
928
  _getCharCountTemplate: (context: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext) => import('@microsoft/fast-element').ViewTemplate<any, any>;
928
929
  get locale(): import('../../shared/localization/Locale').Locale;
929
930
  connectedCallback(): void;
931
+ focus(...args: any[]): void;
930
932
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
931
933
  readonly $fastController: import('@microsoft/fast-element').ElementController;
932
934
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1281,7 +1283,6 @@ declare const TextField_base: {
1281
1283
  nonce?: string;
1282
1284
  tabIndex: number;
1283
1285
  blur(): void;
1284
- focus(options?: FocusOptions): void;
1285
1286
  ariaControls: string | null;
1286
1287
  ariaDescribedBy: string | null;
1287
1288
  ariaDetails: string | null;
@@ -1397,6 +1398,7 @@ declare const TextField_base: {
1397
1398
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
1398
1399
  _keypressHandler(e: KeyboardEvent): void;
1399
1400
  stopPropagation(e: Event): void;
1401
+ focus(...args: any[]): void;
1400
1402
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
1401
1403
  readonly $fastController: import('@microsoft/fast-element').ElementController;
1402
1404
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1750,7 +1752,6 @@ declare const TextField_base: {
1750
1752
  nonce?: string;
1751
1753
  tabIndex: number;
1752
1754
  blur(): void;
1753
- focus(options?: FocusOptions): void;
1754
1755
  ariaControls: string | null;
1755
1756
  ariaDescribedBy: string | null;
1756
1757
  ariaDetails: string | null;
@@ -1821,6 +1822,7 @@ declare const TextField_base: {
1821
1822
  new (...args: any[]): {
1822
1823
  successText?: string;
1823
1824
  connectedCallback(): void;
1825
+ focus(...args: any[]): void;
1824
1826
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
1825
1827
  readonly $fastController: import('@microsoft/fast-element').ElementController;
1826
1828
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2175,7 +2177,6 @@ declare const TextField_base: {
2175
2177
  nonce?: string;
2176
2178
  tabIndex: number;
2177
2179
  blur(): void;
2178
- focus(options?: FocusOptions): void;
2179
2180
  ariaControls: string | null;
2180
2181
  ariaDescribedBy: string | null;
2181
2182
  ariaDetails: string | null;
@@ -2285,6 +2286,7 @@ declare const TextField_base: {
2285
2286
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
2286
2287
  _keypressHandler(e: KeyboardEvent): void;
2287
2288
  stopPropagation(e: Event): void;
2289
+ focus(...args: any[]): void;
2288
2290
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
2289
2291
  readonly $fastController: import('@microsoft/fast-element').ElementController;
2290
2292
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2638,7 +2640,6 @@ declare const TextField_base: {
2638
2640
  nonce?: string;
2639
2641
  tabIndex: number;
2640
2642
  blur(): void;
2641
- focus(options?: FocusOptions): void;
2642
2643
  ariaControls: string | null;
2643
2644
  ariaDescribedBy: string | null;
2644
2645
  ariaDetails: string | null;
@@ -2710,6 +2711,7 @@ declare const TextField_base: {
2710
2711
  icon?: string;
2711
2712
  iconSlottedContent?: HTMLElement[];
2712
2713
  connectedCallback(): void;
2714
+ focus(...args: any[]): void;
2713
2715
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
2714
2716
  readonly $fastController: import('@microsoft/fast-element').ElementController;
2715
2717
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3064,7 +3066,6 @@ declare const TextField_base: {
3064
3066
  nonce?: string;
3065
3067
  tabIndex: number;
3066
3068
  blur(): void;
3067
- focus(options?: FocusOptions): void;
3068
3069
  ariaControls: string | null;
3069
3070
  ariaDescribedBy: string | null;
3070
3071
  ariaDetails: string | null;
@@ -3135,6 +3136,7 @@ declare const TextField_base: {
3135
3136
  new (...args: any[]): {
3136
3137
  _vividAriaBehaviour: "delegate";
3137
3138
  connectedCallback(): void;
3139
+ focus(...args: any[]): void;
3138
3140
  readonly $fastController: import('@microsoft/fast-element').ElementController;
3139
3141
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
3140
3142
  disconnectedCallback: (() => void) & (() => void);
@@ -3488,7 +3490,6 @@ declare const TextField_base: {
3488
3490
  nonce?: string;
3489
3491
  tabIndex: number;
3490
3492
  blur(): void;
3491
- focus(options?: FocusOptions): void;
3492
3493
  ariaControls: string | null;
3493
3494
  ariaDescribedBy: string | null;
3494
3495
  ariaDetails: string | null;
@@ -3593,6 +3594,7 @@ declare const TextField_base: {
3593
3594
  setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
3594
3595
  _keypressHandler(e: KeyboardEvent): void;
3595
3596
  stopPropagation(e: Event): void;
3597
+ focus(...args: any[]): void;
3596
3598
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
3597
3599
  readonly $fastController: import('@microsoft/fast-element').ElementController;
3598
3600
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3946,7 +3948,6 @@ declare const TextField_base: {
3946
3948
  nonce?: string;
3947
3949
  tabIndex: number;
3948
3950
  blur(): void;
3949
- focus(options?: FocusOptions): void;
3950
3951
  ariaControls: string | null;
3951
3952
  ariaDescribedBy: string | null;
3952
3953
  ariaDetails: string | null;
@@ -106,6 +106,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
106
106
  setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
107
107
  _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
108
108
  stopPropagation: ((e: Event) => void) & ((e: Event) => void);
109
+ focus(...args: any[]): void;
109
110
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
110
111
  readonly $fastController: import('@microsoft/fast-element').ElementController;
111
112
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -459,7 +460,6 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
459
460
  nonce?: string;
460
461
  tabIndex: number;
461
462
  blur(): void;
462
- focus(options?: FocusOptions): void;
463
463
  ariaControls: string | null;
464
464
  ariaDescribedBy: string | null;
465
465
  ariaDetails: string | null;
@@ -544,6 +544,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
544
544
  _slottedHelperTextFeedbackType(): "none" | "helper";
545
545
  _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
546
546
  connectedCallback(): void;
547
+ focus(...args: any[]): void;
547
548
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
548
549
  readonly $fastController: import('@microsoft/fast-element').ElementController;
549
550
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -898,7 +899,6 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
898
899
  nonce?: string;
899
900
  tabIndex: number;
900
901
  blur(): void;
901
- focus(options?: FocusOptions): void;
902
902
  ariaControls: string | null;
903
903
  ariaDescribedBy: string | null;
904
904
  ariaDetails: string | null;
@@ -1058,6 +1058,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
1058
1058
  setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
1059
1059
  _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
1060
1060
  stopPropagation: ((e: Event) => void) & ((e: Event) => void);
1061
+ focus(...args: any[]): void;
1061
1062
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
1062
1063
  readonly $fastController: import('@microsoft/fast-element').ElementController;
1063
1064
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1411,7 +1412,6 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
1411
1412
  nonce?: string;
1412
1413
  tabIndex: number;
1413
1414
  blur(): void;
1414
- focus(options?: FocusOptions): void;
1415
1415
  ariaControls: string | null;
1416
1416
  ariaDescribedBy: string | null;
1417
1417
  ariaDetails: string | null;
@@ -1496,6 +1496,7 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
1496
1496
  _slottedHelperTextFeedbackType(): "none" | "helper";
1497
1497
  _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
1498
1498
  connectedCallback(): void;
1499
+ focus(...args: any[]): void;
1499
1500
  _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
1500
1501
  readonly $fastController: import('@microsoft/fast-element').ElementController;
1501
1502
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1850,7 +1851,6 @@ declare const TimePicker_base: (abstract new (...args: any[]) => {
1850
1851
  nonce?: string;
1851
1852
  tabIndex: number;
1852
1853
  blur(): void;
1853
- focus(options?: FocusOptions): void;
1854
1854
  ariaControls: string | null;
1855
1855
  ariaDescribedBy: string | null;
1856
1856
  ariaDetails: string | null;