@vonage/vivid 4.24.0 → 4.26.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 (402) hide show
  1. package/custom-elements.json +23176 -14463
  2. package/elevation/index.cjs +1 -1
  3. package/elevation/index.js +1 -1
  4. package/index.cjs +112 -150
  5. package/index.js +37 -35
  6. package/lib/accordion-item/accordion-item.d.ts +7 -1
  7. package/lib/action-group/action-group.d.ts +7 -1
  8. package/lib/alert/alert.d.ts +22 -2
  9. package/lib/audio-player/audio-player.d.ts +7 -1
  10. package/lib/badge/badge.d.ts +10 -2
  11. package/lib/banner/banner.d.ts +28 -3
  12. package/lib/breadcrumb/breadcrumb.d.ts +7 -1
  13. package/lib/breadcrumb-item/breadcrumb-item.d.ts +64 -8
  14. package/lib/button/button.d.ts +733 -8
  15. package/lib/button/locale.d.ts +3 -0
  16. package/lib/calendar/calendar.d.ts +2 -0
  17. package/lib/calendar-event/calendar-event.d.ts +7 -1
  18. package/lib/card/card.d.ts +394 -2
  19. package/lib/card/card.template.d.ts +2 -1
  20. package/lib/checkbox/checkbox.d.ts +1830 -13
  21. package/lib/combobox/combobox.d.ts +1827 -20
  22. package/lib/data-grid/data-grid-cell.d.ts +342 -2
  23. package/lib/data-grid/data-grid-row.d.ts +1 -0
  24. package/lib/data-grid/data-grid.d.ts +1 -1
  25. package/lib/data-grid/locale.d.ts +5 -0
  26. package/lib/date-picker/date-picker.d.ts +1676 -207
  27. package/lib/date-range-picker/date-range-picker.d.ts +840 -107
  28. package/lib/date-time-picker/date-time-picker.d.ts +1678 -209
  29. package/lib/dial-pad/dial-pad.d.ts +9 -1
  30. package/lib/dialog/dialog.d.ts +15 -2
  31. package/lib/divider/divider.d.ts +7 -1
  32. package/lib/fab/fab.d.ts +7 -1
  33. package/lib/file-picker/file-picker.d.ts +1509 -31
  34. package/lib/header/header.d.ts +7 -1
  35. package/lib/icon/icon.d.ts +1 -0
  36. package/lib/icon/icon.template.d.ts +2 -1
  37. package/lib/menu/menu.d.ts +17 -8
  38. package/lib/menu/name.d.ts +1 -0
  39. package/lib/menu-item/menu-item.d.ts +16 -4
  40. package/lib/nav/nav.d.ts +7 -1
  41. package/lib/nav-disclosure/nav-disclosure.d.ts +15 -2
  42. package/lib/nav-item/nav-item.d.ts +406 -4
  43. package/lib/note/note.d.ts +7 -1
  44. package/lib/number-field/locale.d.ts +3 -2
  45. package/lib/number-field/number-field.d.ts +1859 -38
  46. package/lib/option/option.d.ts +14 -2
  47. package/lib/pagination/locale.d.ts +5 -0
  48. package/lib/pagination/pagination.d.ts +341 -2
  49. package/lib/popup/popup.d.ts +1 -0
  50. package/lib/progress/progress.d.ts +7 -1
  51. package/lib/progress-ring/progress-ring.d.ts +7 -1
  52. package/lib/radio/radio.d.ts +1137 -4
  53. package/lib/radio-group/radio-group.d.ts +21 -3
  54. package/lib/range-slider/range-slider.d.ts +765 -18
  55. package/lib/rich-text-editor/definition.d.ts +2 -2
  56. package/lib/rich-text-editor/facades/vivid-prose-mirror.facade.d.ts +3 -1
  57. package/lib/rich-text-editor/locale.d.ts +1 -0
  58. package/lib/rich-text-editor/menubar/menubar.d.ts +7 -1
  59. package/lib/rich-text-editor/rich-text-editor.d.ts +352 -2
  60. package/lib/searchable-select/option-tag.d.ts +7 -1
  61. package/lib/searchable-select/searchable-select.d.ts +1859 -38
  62. package/lib/select/select.d.ts +1844 -29
  63. package/lib/selectable-box/selectable-box.d.ts +7 -1
  64. package/lib/slider/slider.d.ts +386 -4
  65. package/lib/split-button/split-button.d.ts +21 -3
  66. package/lib/switch/switch.d.ts +387 -4
  67. package/lib/tab/tab.d.ts +21 -4
  68. package/lib/tab-panel/tab-panel.d.ts +7 -1
  69. package/lib/tag/tag.d.ts +14 -2
  70. package/lib/tag-group/tag-group.d.ts +7 -1
  71. package/lib/text-area/text-area.d.ts +2174 -19
  72. package/lib/text-field/text-field.d.ts +2197 -33
  73. package/lib/time-picker/time-picker.d.ts +839 -106
  74. package/lib/toggletip/toggletip.d.ts +10 -4
  75. package/lib/tooltip/tooltip.d.ts +10 -4
  76. package/lib/tree-item/tree-item.d.ts +14 -2
  77. package/lib/tree-view/tree-view.d.ts +7 -1
  78. package/lib/video-player/video-player.d.ts +7 -1
  79. package/lib/visually-hidden/definition.d.ts +4 -0
  80. package/lib/visually-hidden/visually-hidden.d.ts +3 -0
  81. package/lib/visually-hidden/visually-hidden.template.d.ts +3 -0
  82. package/locales/de-DE.cjs +54 -4
  83. package/locales/de-DE.js +54 -4
  84. package/locales/en-GB.cjs +54 -4
  85. package/locales/en-GB.js +54 -4
  86. package/locales/en-US.cjs +54 -4
  87. package/locales/en-US.js +54 -4
  88. package/locales/ja-JP.cjs +54 -4
  89. package/locales/ja-JP.js +54 -4
  90. package/locales/zh-CN.cjs +54 -4
  91. package/locales/zh-CN.js +54 -4
  92. package/menu/index.cjs +1 -1
  93. package/menu/index.js +1 -1
  94. package/nav/index.cjs +1 -1
  95. package/nav/index.js +1 -1
  96. package/nav-disclosure/index.cjs +1 -1
  97. package/nav-disclosure/index.js +1 -1
  98. package/nav-item/index.cjs +1 -1
  99. package/nav-item/index.js +1 -1
  100. package/note/index.cjs +1 -1
  101. package/note/index.js +1 -1
  102. package/number-field/index.cjs +1 -1
  103. package/number-field/index.js +1 -1
  104. package/option/index.cjs +1 -1
  105. package/option/index.js +1 -1
  106. package/package.json +1 -1
  107. package/pagination/index.cjs +1 -1
  108. package/pagination/index.js +1 -1
  109. package/popup/index.cjs +1 -1
  110. package/popup/index.js +1 -1
  111. package/progress/index.cjs +1 -1
  112. package/progress/index.js +1 -1
  113. package/progress-ring/index.cjs +1 -1
  114. package/progress-ring/index.js +1 -1
  115. package/radio/index.cjs +1 -1
  116. package/radio/index.js +1 -1
  117. package/radio-group/index.cjs +1 -1
  118. package/radio-group/index.js +1 -1
  119. package/range-slider/index.cjs +1 -1
  120. package/range-slider/index.js +1 -1
  121. package/rich-text-editor/index.cjs +1 -1
  122. package/rich-text-editor/index.js +1 -1
  123. package/searchable-select/index.cjs +1 -1
  124. package/searchable-select/index.js +1 -1
  125. package/select/index.cjs +1 -1
  126. package/select/index.js +1 -1
  127. package/selectable-box/index.cjs +1 -1
  128. package/selectable-box/index.js +1 -1
  129. package/shared/affix.cjs +13 -7
  130. package/shared/affix.js +13 -8
  131. package/shared/aria/delegates-aria.d.ts +7 -1
  132. package/shared/aria/host-semantics.d.ts +7 -1
  133. package/shared/breadcrumb-item.cjs +2 -5
  134. package/shared/breadcrumb-item.js +2 -5
  135. package/shared/button.cjs +13 -11
  136. package/shared/button.js +13 -11
  137. package/shared/calendar-picker.template.cjs +3 -3
  138. package/shared/calendar-picker.template.js +1 -1
  139. package/shared/char-count.cjs +92 -0
  140. package/shared/char-count.js +90 -0
  141. package/shared/definition.cjs +19 -3
  142. package/shared/definition.js +20 -4
  143. package/shared/definition10.js +1 -1
  144. package/shared/definition11.cjs +27 -44
  145. package/shared/definition11.js +28 -45
  146. package/shared/definition12.js +1 -1
  147. package/shared/definition13.cjs +25 -0
  148. package/shared/definition13.js +26 -1
  149. package/shared/definition14.cjs +53 -22
  150. package/shared/definition14.js +54 -23
  151. package/shared/definition15.cjs +32 -37
  152. package/shared/definition15.js +31 -37
  153. package/shared/definition16.cjs +44 -64
  154. package/shared/definition16.js +43 -64
  155. package/shared/definition17.cjs +608 -524
  156. package/shared/definition17.js +604 -520
  157. package/shared/definition18.cjs +10 -14
  158. package/shared/definition18.js +9 -14
  159. package/shared/definition19.cjs +85 -100
  160. package/shared/definition19.js +75 -91
  161. package/shared/definition2.js +1 -1
  162. package/shared/definition20.cjs +15 -20
  163. package/shared/definition20.js +14 -20
  164. package/shared/definition21.cjs +24 -5
  165. package/shared/definition21.js +25 -6
  166. package/shared/definition22.cjs +12 -6
  167. package/shared/definition22.js +13 -7
  168. package/shared/definition23.cjs +5 -38
  169. package/shared/definition23.js +5 -37
  170. package/shared/definition24.cjs +2 -7
  171. package/shared/definition24.js +3 -8
  172. package/shared/definition25.js +1 -1
  173. package/shared/definition26.cjs +157 -171
  174. package/shared/definition26.js +156 -171
  175. package/shared/definition27.cjs +1 -1
  176. package/shared/definition27.js +2 -2
  177. package/shared/definition28.cjs +33 -18
  178. package/shared/definition28.js +34 -19
  179. package/shared/definition29.js +1 -1
  180. package/shared/definition3.cjs +1 -1
  181. package/shared/definition3.js +2 -2
  182. package/shared/definition30.cjs +96 -482
  183. package/shared/definition30.js +99 -482
  184. package/shared/definition31.cjs +334 -57
  185. package/shared/definition31.js +333 -56
  186. package/shared/definition32.cjs +104 -19
  187. package/shared/definition32.js +105 -20
  188. package/shared/definition33.cjs +67 -15
  189. package/shared/definition33.js +66 -14
  190. package/shared/definition34.cjs +15 -50
  191. package/shared/definition34.js +14 -49
  192. package/shared/definition35.cjs +28 -397
  193. package/shared/definition35.js +27 -397
  194. package/shared/definition36.cjs +415 -54
  195. package/shared/definition36.js +415 -55
  196. package/shared/definition37.cjs +57 -234
  197. package/shared/definition37.js +57 -233
  198. package/shared/definition38.cjs +228 -66
  199. package/shared/definition38.js +227 -65
  200. package/shared/definition39.cjs +52 -44
  201. package/shared/definition39.js +51 -43
  202. package/shared/definition4.cjs +31 -24
  203. package/shared/definition4.js +33 -26
  204. package/shared/definition40.cjs +56 -266
  205. package/shared/definition40.js +55 -265
  206. package/shared/definition41.cjs +285 -142
  207. package/shared/definition41.js +285 -142
  208. package/shared/definition42.cjs +156 -564
  209. package/shared/definition42.js +156 -565
  210. package/shared/definition43.cjs +554 -14378
  211. package/shared/definition43.js +553 -14377
  212. package/shared/definition44.cjs +14418 -1155
  213. package/shared/definition44.js +14417 -1156
  214. package/shared/definition45.cjs +1049 -677
  215. package/shared/definition45.js +1050 -678
  216. package/shared/definition46.cjs +848 -113
  217. package/shared/definition46.js +847 -112
  218. package/shared/definition47.cjs +125 -90
  219. package/shared/definition47.js +124 -89
  220. package/shared/definition48.cjs +88 -455
  221. package/shared/definition48.js +87 -454
  222. package/shared/definition49.cjs +466 -109
  223. package/shared/definition49.js +466 -109
  224. package/shared/definition5.cjs +8 -7
  225. package/shared/definition5.js +6 -5
  226. package/shared/definition50.cjs +106 -106
  227. package/shared/definition50.js +105 -105
  228. package/shared/definition51.cjs +136 -15
  229. package/shared/definition51.js +135 -14
  230. package/shared/definition52.cjs +16 -115
  231. package/shared/definition52.js +15 -114
  232. package/shared/definition53.cjs +78 -412
  233. package/shared/definition53.js +77 -410
  234. package/shared/definition54.cjs +445 -23
  235. package/shared/definition54.js +443 -22
  236. package/shared/definition55.cjs +22 -136
  237. package/shared/definition55.js +21 -135
  238. package/shared/definition56.cjs +95 -291
  239. package/shared/definition56.js +95 -292
  240. package/shared/definition57.cjs +192 -480
  241. package/shared/definition57.js +190 -479
  242. package/shared/definition58.cjs +411 -24
  243. package/shared/definition58.js +410 -24
  244. package/shared/definition59.cjs +27 -144
  245. package/shared/definition59.js +27 -143
  246. package/shared/definition6.js +1 -1
  247. package/shared/definition60.cjs +83 -54
  248. package/shared/definition60.js +82 -53
  249. package/shared/definition61.cjs +78 -166
  250. package/shared/definition61.js +77 -164
  251. package/shared/definition62.cjs +143 -232
  252. package/shared/definition62.js +141 -231
  253. package/shared/definition63.cjs +234 -69417
  254. package/shared/definition63.js +233 -69416
  255. package/shared/definition64.cjs +69454 -28
  256. package/shared/definition64.js +69453 -27
  257. package/shared/definition65.cjs +28 -2168
  258. package/shared/definition65.js +27 -2166
  259. package/shared/definition66.cjs +27 -0
  260. package/shared/definition66.js +23 -0
  261. package/shared/definition67.cjs +2203 -0
  262. package/shared/definition67.js +2198 -0
  263. package/shared/definition7.cjs +11 -2
  264. package/shared/definition7.js +12 -3
  265. package/shared/definition8.cjs +24 -11
  266. package/shared/definition8.js +26 -13
  267. package/shared/definition9.cjs +1 -2
  268. package/shared/definition9.js +2 -3
  269. package/shared/delegates-aria.js +1 -1
  270. package/shared/deprecation/replaced-props.d.ts +20 -0
  271. package/shared/divider.cjs +41 -0
  272. package/shared/divider.js +38 -0
  273. package/shared/feedback/feedback-message.d.ts +345 -0
  274. package/shared/feedback/locale.d.ts +4 -0
  275. package/{lib/text-anchor/text-anchor.d.ts → shared/feedback/mixins.d.ts} +64 -41
  276. package/shared/form-associated.cjs +124 -100
  277. package/shared/form-associated.js +125 -101
  278. package/shared/form-element.cjs +84 -0
  279. package/shared/form-element.js +82 -0
  280. package/shared/foundation/button/button.d.ts +379 -3
  281. package/shared/foundation/form-associated/form-associated.d.ts +753 -49
  282. package/shared/foundation/listbox/listbox.d.ts +1 -1
  283. package/shared/foundation/vivid-element/vivid-element.d.ts +16 -0
  284. package/shared/host-semantics.js +1 -1
  285. package/shared/key-codes.js +1 -1
  286. package/shared/linkable.cjs +70 -0
  287. package/shared/linkable.js +68 -0
  288. package/shared/localization/Locale.d.ts +16 -0
  289. package/shared/mixins.cjs +309 -0
  290. package/shared/mixins.js +303 -0
  291. package/shared/patterns/affix.d.ts +18 -3
  292. package/shared/patterns/anchored.d.ts +20 -8
  293. package/shared/patterns/char-count/char-count.d.ts +351 -0
  294. package/shared/patterns/char-count/index.d.ts +1 -0
  295. package/shared/patterns/char-count/locale.d.ts +4 -0
  296. package/shared/patterns/form-elements/form-element.d.ts +744 -0
  297. package/shared/patterns/form-elements/index.d.ts +3 -1
  298. package/shared/patterns/form-elements/with-error-text.d.ts +1122 -0
  299. package/shared/patterns/form-elements/with-success-text.d.ts +341 -0
  300. package/shared/patterns/index.d.ts +2 -0
  301. package/shared/patterns/linkable.d.ts +394 -0
  302. package/shared/patterns/localized.d.ts +7 -1
  303. package/shared/patterns/trapped-focus.d.ts +7 -1
  304. package/shared/picker-field/mixins/calendar-picker.d.ts +420 -52
  305. package/shared/picker-field/mixins/calendar-picker.template.d.ts +420 -52
  306. package/shared/picker-field/mixins/inline-time-picker/inline-time-picker.d.ts +7 -1
  307. package/shared/picker-field/mixins/min-max-calendar-picker.d.ts +843 -107
  308. package/shared/picker-field/mixins/single-date-picker.d.ts +1259 -155
  309. package/shared/picker-field/mixins/single-value-picker.d.ts +417 -49
  310. package/shared/picker-field/mixins/time-selection-picker.d.ts +842 -106
  311. package/shared/picker-field/mixins/time-selection-picker.template.d.ts +839 -103
  312. package/shared/picker-field/picker-field.d.ts +1492 -16
  313. package/shared/picker-field.template.cjs +26 -35
  314. package/shared/picker-field.template.js +27 -36
  315. package/shared/repeat.js +1 -1
  316. package/shared/slider.template.cjs +1 -1
  317. package/shared/slider.template.js +1 -1
  318. package/shared/time-selection-picker.template.cjs +10 -15
  319. package/shared/time-selection-picker.template.js +10 -16
  320. package/shared/vivid-element.cjs +63 -4
  321. package/shared/vivid-element.js +63 -3
  322. package/shared/with-error-text.cjs +56 -0
  323. package/shared/with-error-text.js +54 -0
  324. package/shared/with-success-text.cjs +23 -0
  325. package/shared/with-success-text.js +21 -0
  326. package/side-drawer/index.cjs +1 -1
  327. package/side-drawer/index.js +1 -1
  328. package/slider/index.cjs +1 -1
  329. package/slider/index.js +1 -1
  330. package/split-button/index.cjs +1 -1
  331. package/split-button/index.js +1 -1
  332. package/styles/core/all.css +1 -1
  333. package/styles/core/theme.css +1 -1
  334. package/styles/core/typography.css +1 -1
  335. package/styles/tokens/theme-dark.css +4 -4
  336. package/styles/tokens/theme-light.css +4 -4
  337. package/styles/tokens/vivid-2-compat.css +1 -1
  338. package/switch/index.cjs +1 -1
  339. package/switch/index.js +1 -1
  340. package/tab/index.cjs +1 -1
  341. package/tab/index.js +1 -1
  342. package/tab-panel/index.cjs +1 -1
  343. package/tab-panel/index.js +1 -1
  344. package/tabs/index.cjs +1 -1
  345. package/tabs/index.js +1 -1
  346. package/tag/index.cjs +1 -1
  347. package/tag/index.js +1 -1
  348. package/tag-group/index.cjs +1 -1
  349. package/tag-group/index.js +1 -1
  350. package/text-area/index.cjs +1 -1
  351. package/text-area/index.js +1 -1
  352. package/text-field/index.cjs +1 -1
  353. package/text-field/index.js +1 -1
  354. package/time-picker/index.cjs +1 -1
  355. package/time-picker/index.js +1 -1
  356. package/toggletip/index.cjs +1 -1
  357. package/toggletip/index.js +1 -1
  358. package/tooltip/index.cjs +1 -1
  359. package/tooltip/index.js +1 -1
  360. package/tree-item/index.cjs +1 -1
  361. package/tree-item/index.js +1 -1
  362. package/tree-view/index.cjs +1 -1
  363. package/tree-view/index.js +1 -1
  364. package/video-player/index.cjs +1 -1
  365. package/video-player/index.js +1 -1
  366. package/visually-hidden/index.cjs +5 -0
  367. package/visually-hidden/index.js +3 -0
  368. package/vivid.api.json +845 -1503
  369. package/lib/checkbox/checkbox.form-associated.d.ts +0 -11
  370. package/lib/file-picker/file-picker.form-associated.d.ts +0 -11
  371. package/lib/number-field/number-field.form-associated.d.ts +0 -11
  372. package/lib/radio/radio.form-associated.d.ts +0 -13
  373. package/lib/range-slider/range-slider.form-associated.d.ts +0 -11
  374. package/lib/searchable-select/searchable-select.form-associated.d.ts +0 -11
  375. package/lib/select/select.form-associated.d.ts +0 -11
  376. package/lib/slider/slider.form-associated.d.ts +0 -11
  377. package/lib/switch/switch.form-associated.d.ts +0 -11
  378. package/lib/text-anchor/definition.d.ts +0 -2
  379. package/lib/text-anchor/text-anchor.template.d.ts +0 -3
  380. package/lib/text-area/text-area.form-associated.d.ts +0 -11
  381. package/lib/text-field/text-field.form-associated.d.ts +0 -11
  382. package/shared/anchor.cjs +0 -49
  383. package/shared/anchor.js +0 -47
  384. package/shared/apply-mixins.cjs +0 -23
  385. package/shared/apply-mixins.js +0 -21
  386. package/shared/applyMixinsWithObservables.cjs +0 -15
  387. package/shared/applyMixinsWithObservables.js +0 -13
  388. package/shared/direction.cjs +0 -17
  389. package/shared/direction.js +0 -15
  390. package/shared/form-elements.cjs +0 -209
  391. package/shared/form-elements.js +0 -202
  392. package/shared/foundation/anchor/anchor.d.ts +0 -11
  393. package/shared/foundation/utilities/apply-mixins.d.ts +0 -1
  394. package/shared/patterns/form-elements/form-elements.d.ts +0 -58
  395. package/shared/picker-field/picker-field.form-associated.d.ts +0 -11
  396. package/shared/text-anchor.cjs +0 -38
  397. package/shared/text-anchor.js +0 -36
  398. package/shared/text-anchor.template.cjs +0 -35
  399. package/shared/text-anchor.template.js +0 -33
  400. package/shared/utils/applyMixinsWithObservables.d.ts +0 -1
  401. package/text-anchor/index.cjs +0 -17
  402. package/text-anchor/index.js +0 -15
@@ -2,10 +2,10 @@ import { VividElement } from '../../shared/foundation/vivid-element/vivid-elemen
2
2
  declare const Header_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "delegate";
5
+ connectedCallback(): void;
5
6
  specialHandling: boolean;
6
7
  readonly $fastController: import("@microsoft/fast-element").Controller;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
8
- connectedCallback(): void;
9
9
  disconnectedCallback(): void;
10
10
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
11
11
  accessKey: string;
@@ -328,6 +328,12 @@ declare const Header_base: {
328
328
  ariaDescription: string | null;
329
329
  ariaRowIndexText: string | null;
330
330
  ariaRelevant: string | null;
331
+ "__#1@#handleReplacedProp"(replacedProp: {
332
+ newPropertyName: string;
333
+ deprecatedPropertyName: string;
334
+ fromDeprecated: (v: any) => any;
335
+ toDeprecated?: ((v: any) => any) | undefined;
336
+ }): void;
331
337
  };
332
338
  } & typeof VividElement;
333
339
  export declare class Header extends Header_base {
@@ -7,6 +7,7 @@ export declare class Icon extends VividElement {
7
7
  connotation?: IconConnotation;
8
8
  size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
9
9
  iconLoaded: boolean;
10
+ label?: string;
10
11
  name?: string;
11
12
  get iconUrl(): string | undefined;
12
13
  nameChanged(): Promise<void>;
@@ -1,2 +1,3 @@
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
1
2
  import type { Icon } from './icon';
2
- export declare const iconTemplate: import("@microsoft/fast-element").ViewTemplate<Icon, any>;
3
+ export declare const iconTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Icon, any>;
@@ -7,10 +7,10 @@ declare const Menu_base: {
7
7
  _slottedAnchor?: HTMLElement[] | undefined;
8
8
  _slottedAnchorChanged(): void;
9
9
  _anchorEl?: HTMLElement | undefined;
10
- "__#7@#updateAnchorEl": () => void;
11
- "__#7@#observer"?: MutationObserver | undefined;
12
- "__#7@#observeMissingAnchor": (anchorId: string) => void;
13
- "__#7@#cleanupObserverIfNeeded": () => void;
10
+ "__#9@#updateAnchorEl": () => void;
11
+ "__#9@#observer"?: MutationObserver | undefined;
12
+ "__#9@#observeMissingAnchor": (anchorId: string) => void;
13
+ "__#9@#cleanupObserverIfNeeded": () => void;
14
14
  connectedCallback(): void;
15
15
  disconnectedCallback(): void;
16
16
  specialHandling: boolean;
@@ -338,14 +338,20 @@ declare const Menu_base: {
338
338
  ariaDescription: string | null;
339
339
  ariaRowIndexText: string | null;
340
340
  ariaRelevant: string | null;
341
+ "__#1@#handleReplacedProp"(replacedProp: {
342
+ newPropertyName: string;
343
+ deprecatedPropertyName: string;
344
+ fromDeprecated: (v: any) => any;
345
+ toDeprecated?: ((v: any) => any) | undefined;
346
+ }): void;
341
347
  };
342
348
  } & {
343
349
  new (...args: any[]): {
344
350
  _vividAriaBehaviour: "delegate";
351
+ connectedCallback(): void;
345
352
  specialHandling: boolean;
346
353
  readonly $fastController: import("@microsoft/fast-element").Controller;
347
354
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
348
- connectedCallback(): void;
349
355
  disconnectedCallback(): void;
350
356
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
351
357
  accessKey: string;
@@ -668,6 +674,12 @@ declare const Menu_base: {
668
674
  ariaDescription: string | null;
669
675
  ariaRowIndexText: string | null;
670
676
  ariaRelevant: string | null;
677
+ "__#1@#handleReplacedProp"(replacedProp: {
678
+ newPropertyName: string;
679
+ deprecatedPropertyName: string;
680
+ fromDeprecated: (v: any) => any;
681
+ toDeprecated?: ((v: any) => any) | undefined;
682
+ }): void;
671
683
  };
672
684
  } & typeof VividElement;
673
685
  export declare class Menu extends Menu_base {
@@ -675,7 +687,6 @@ export declare class Menu extends Menu_base {
675
687
  private menuItems;
676
688
  private expandedItem;
677
689
  private focusIndex;
678
- private static focusableElementRoles;
679
690
  focus(): void;
680
691
  collapseExpandedItem(): void;
681
692
  private handleItemFocus;
@@ -683,8 +694,6 @@ export declare class Menu extends Menu_base {
683
694
  private removeItemListeners;
684
695
  private setItems;
685
696
  private domChildren;
686
- private isMenuItemElement;
687
- private isFocusableElement;
688
697
  private setFocus;
689
698
  placement?: Placement;
690
699
  trigger?: 'auto' | 'legacy' | 'off';
@@ -0,0 +1 @@
1
+ export declare const menuName = "menu";
@@ -2,14 +2,15 @@ import { Connotation } from '../enums';
2
2
  import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
3
  import type { ExtractFromEnum } from '../../shared/utils/enums';
4
4
  import { MenuItemRole } from './menu-item-role';
5
+ type ControlType = 'checkbox' | 'radio';
5
6
  export type MenuItemConnotation = ExtractFromEnum<Connotation, Connotation.CTA | Connotation.Accent>;
6
7
  declare const MenuItem_base: {
7
8
  new (...args: any[]): {
8
9
  _vividAriaBehaviour: "host";
10
+ connectedCallback(): void;
9
11
  specialHandling: boolean;
10
12
  readonly $fastController: import("@microsoft/fast-element").Controller;
11
13
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
12
- connectedCallback(): void;
13
14
  disconnectedCallback(): void;
14
15
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
15
16
  accessKey: string;
@@ -332,16 +333,22 @@ declare const MenuItem_base: {
332
333
  ariaDescription: string | null;
333
334
  ariaRowIndexText: string | null;
334
335
  ariaRelevant: string | null;
336
+ "__#1@#handleReplacedProp"(replacedProp: {
337
+ newPropertyName: string;
338
+ deprecatedPropertyName: string;
339
+ fromDeprecated: (v: any) => any;
340
+ toDeprecated?: ((v: any) => any) | undefined;
341
+ }): void;
335
342
  };
336
343
  } & {
337
344
  new (...args: any[]): {
338
345
  icon?: string | undefined;
339
346
  iconSlottedContent?: HTMLElement[] | undefined;
347
+ connectedCallback(): void;
340
348
  specialHandling: boolean;
341
349
  _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
342
350
  readonly $fastController: import("@microsoft/fast-element").Controller;
343
351
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
344
- connectedCallback(): void;
345
352
  disconnectedCallback(): void;
346
353
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
347
354
  accessKey: string;
@@ -664,6 +671,12 @@ declare const MenuItem_base: {
664
671
  ariaDescription: string | null;
665
672
  ariaRowIndexText: string | null;
666
673
  ariaRelevant: string | null;
674
+ "__#1@#handleReplacedProp"(replacedProp: {
675
+ newPropertyName: string;
676
+ deprecatedPropertyName: string;
677
+ fromDeprecated: (v: any) => any;
678
+ toDeprecated?: ((v: any) => any) | undefined;
679
+ }): void;
667
680
  };
668
681
  } & typeof VividElement;
669
682
  export declare class MenuItem extends MenuItem_base {
@@ -671,8 +684,8 @@ export declare class MenuItem extends MenuItem_base {
671
684
  disabled: boolean;
672
685
  expanded: boolean;
673
686
  role: MenuItemRole;
687
+ controlType?: ControlType;
674
688
  checked: boolean;
675
- private observer;
676
689
  private invoke;
677
690
  text?: string;
678
691
  textSecondary?: string;
@@ -681,6 +694,5 @@ export declare class MenuItem extends MenuItem_base {
681
694
  checkedAppearance?: 'normal' | 'tick-only';
682
695
  trailingMetaSlottedContent?: HTMLElement[];
683
696
  constructor();
684
- private updateSubmenu;
685
697
  }
686
698
  export {};
package/lib/nav/nav.d.ts CHANGED
@@ -2,10 +2,10 @@ import { VividElement } from '../../shared/foundation/vivid-element/vivid-elemen
2
2
  declare const Nav_base: {
3
3
  new (...args: any[]): {
4
4
  _vividAriaBehaviour: "delegate";
5
+ connectedCallback(): void;
5
6
  specialHandling: boolean;
6
7
  readonly $fastController: import("@microsoft/fast-element").Controller;
7
8
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
8
- connectedCallback(): void;
9
9
  disconnectedCallback(): void;
10
10
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
11
11
  accessKey: string;
@@ -328,6 +328,12 @@ declare const Nav_base: {
328
328
  ariaDescription: string | null;
329
329
  ariaRowIndexText: string | null;
330
330
  ariaRelevant: string | null;
331
+ "__#1@#handleReplacedProp"(replacedProp: {
332
+ newPropertyName: string;
333
+ deprecatedPropertyName: string;
334
+ fromDeprecated: (v: any) => any;
335
+ toDeprecated?: ((v: any) => any) | undefined;
336
+ }): void;
331
337
  };
332
338
  } & typeof VividElement;
333
339
  export declare class Nav extends Nav_base {
@@ -7,11 +7,11 @@ declare const NavDisclosure_base: {
7
7
  new (...args: any[]): {
8
8
  icon?: string | undefined;
9
9
  iconSlottedContent?: HTMLElement[] | undefined;
10
+ connectedCallback(): void;
10
11
  specialHandling: boolean;
11
12
  _vividAriaBehaviour: import("../shared/aria/aria-mixin").VividAriaBehaviour;
12
13
  readonly $fastController: import("@microsoft/fast-element").Controller;
13
14
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
14
- connectedCallback(): void;
15
15
  disconnectedCallback(): void;
16
16
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
17
17
  accessKey: string;
@@ -334,14 +334,20 @@ declare const NavDisclosure_base: {
334
334
  ariaDescription: string | null;
335
335
  ariaRowIndexText: string | null;
336
336
  ariaRelevant: string | null;
337
+ "__#1@#handleReplacedProp"(replacedProp: {
338
+ newPropertyName: string;
339
+ deprecatedPropertyName: string;
340
+ fromDeprecated: (v: any) => any;
341
+ toDeprecated?: ((v: any) => any) | undefined;
342
+ }): void;
337
343
  };
338
344
  } & {
339
345
  new (...args: any[]): {
340
346
  _vividAriaBehaviour: "delegate";
347
+ connectedCallback(): void;
341
348
  specialHandling: boolean;
342
349
  readonly $fastController: import("@microsoft/fast-element").Controller;
343
350
  $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
344
- connectedCallback(): void;
345
351
  disconnectedCallback(): void;
346
352
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
347
353
  accessKey: string;
@@ -664,6 +670,12 @@ declare const NavDisclosure_base: {
664
670
  ariaDescription: string | null;
665
671
  ariaRowIndexText: string | null;
666
672
  ariaRelevant: string | null;
673
+ "__#1@#handleReplacedProp"(replacedProp: {
674
+ newPropertyName: string;
675
+ deprecatedPropertyName: string;
676
+ fromDeprecated: (v: any) => any;
677
+ toDeprecated?: ((v: any) => any) | undefined;
678
+ }): void;
667
679
  };
668
680
  } & typeof VividElement;
669
681
  export declare class NavDisclosure extends NavDisclosure_base {
@@ -673,5 +685,6 @@ export declare class NavDisclosure extends NavDisclosure_base {
673
685
  appearance?: NavDisclosureAppearance;
674
686
  connotation?: NavDisclosureConnotation;
675
687
  open: boolean;
688
+ current: boolean;
676
689
  }
677
690
  export {};