@vonage/vivid 4.12.1 → 4.14.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 (523) hide show
  1. package/custom-elements.json +7489 -4858
  2. package/elevation/index.cjs +1 -1
  3. package/elevation/index.js +1 -1
  4. package/index.cjs +70 -136
  5. package/index.d.ts +0 -1
  6. package/index.js +60 -62
  7. package/lib/accordion/accordion.d.ts +2 -2
  8. package/lib/accordion/accordion.template.d.ts +1 -2
  9. package/lib/accordion/definition.d.ts +1 -1
  10. package/lib/accordion-item/accordion-item.d.ts +2 -2
  11. package/lib/accordion-item/accordion-item.template.d.ts +2 -3
  12. package/lib/accordion-item/definition.d.ts +1 -1
  13. package/lib/action-group/action-group.d.ts +2 -2
  14. package/lib/action-group/action-group.template.d.ts +1 -3
  15. package/lib/action-group/definition.d.ts +1 -1
  16. package/lib/alert/alert.d.ts +2 -2
  17. package/lib/alert/alert.template.d.ts +2 -3
  18. package/lib/alert/definition.d.ts +1 -1
  19. package/lib/audio-player/audio-player.d.ts +2 -2
  20. package/lib/audio-player/audio-player.template.d.ts +2 -3
  21. package/lib/audio-player/definition.d.ts +1 -3
  22. package/lib/avatar/avatar.d.ts +2 -2
  23. package/lib/avatar/avatar.template.d.ts +2 -3
  24. package/lib/avatar/definition.d.ts +1 -1
  25. package/lib/badge/badge.d.ts +2 -2
  26. package/lib/badge/badge.template.d.ts +2 -3
  27. package/lib/badge/definition.d.ts +1 -3
  28. package/lib/banner/banner.d.ts +2 -2
  29. package/lib/banner/banner.template.d.ts +2 -3
  30. package/lib/banner/definition.d.ts +1 -1
  31. package/lib/breadcrumb/breadcrumb.d.ts +2 -2
  32. package/lib/breadcrumb/breadcrumb.template.d.ts +3 -4
  33. package/lib/breadcrumb/definition.d.ts +1 -1
  34. package/lib/breadcrumb-item/breadcrumb-item.d.ts +2 -2
  35. package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +2 -3
  36. package/lib/breadcrumb-item/definition.d.ts +1 -1
  37. package/lib/button/button.d.ts +2 -2
  38. package/lib/button/button.template.d.ts +2 -4
  39. package/lib/button/definition.d.ts +1 -1
  40. package/lib/calendar/calendar.d.ts +2 -2
  41. package/lib/calendar/calendar.template.d.ts +1 -3
  42. package/lib/calendar/definition.d.ts +1 -1
  43. package/lib/calendar-event/calendar-event.d.ts +2 -2
  44. package/lib/calendar-event/calendar-event.template.d.ts +1 -3
  45. package/lib/calendar-event/definition.d.ts +1 -1
  46. package/lib/card/card.d.ts +2 -2
  47. package/lib/card/card.template.d.ts +2 -3
  48. package/lib/card/definition.d.ts +1 -1
  49. package/lib/checkbox/checkbox.form-associated.d.ts +3 -2
  50. package/lib/checkbox/checkbox.template.d.ts +2 -3
  51. package/lib/checkbox/definition.d.ts +1 -1
  52. package/lib/combobox/combobox.d.ts +17 -2
  53. package/lib/combobox/combobox.options.d.ts +7 -0
  54. package/lib/combobox/combobox.template.d.ts +2 -3
  55. package/lib/combobox/definition.d.ts +1 -2
  56. package/lib/data-grid/data-grid-cell.d.ts +16 -13
  57. package/lib/data-grid/data-grid-cell.template.d.ts +2 -3
  58. package/lib/data-grid/data-grid-row.d.ts +19 -2
  59. package/lib/data-grid/data-grid-row.template.d.ts +2 -2
  60. package/lib/data-grid/data-grid.d.ts +45 -4
  61. package/lib/data-grid/data-grid.template.d.ts +2 -2
  62. package/lib/data-grid/definition.d.ts +1 -6
  63. package/lib/date-picker/definition.d.ts +1 -3
  64. package/lib/date-range-picker/definition.d.ts +1 -3
  65. package/lib/dial-pad/definition.d.ts +1 -3
  66. package/lib/dial-pad/dial-pad.d.ts +2 -2
  67. package/lib/dial-pad/dial-pad.template.d.ts +2 -3
  68. package/lib/dialog/definition.d.ts +1 -1
  69. package/lib/dialog/dialog.d.ts +2 -2
  70. package/lib/dialog/dialog.template.d.ts +2 -3
  71. package/lib/divider/definition.d.ts +1 -1
  72. package/lib/divider/divider.d.ts +2 -2
  73. package/lib/divider/divider.template.d.ts +1 -3
  74. package/lib/elevation/definition.d.ts +1 -1
  75. package/lib/elevation/elevation.d.ts +2 -2
  76. package/lib/elevation/elevation.template.d.ts +1 -3
  77. package/lib/empty-state/definition.d.ts +1 -3
  78. package/lib/empty-state/empty-state.d.ts +2 -2
  79. package/lib/empty-state/empty-state.template.d.ts +2 -3
  80. package/lib/fab/definition.d.ts +1 -3
  81. package/lib/fab/fab.template.d.ts +2 -3
  82. package/lib/file-picker/definition.d.ts +1 -3
  83. package/lib/file-picker/file-picker.d.ts +6 -0
  84. package/lib/file-picker/file-picker.form-associated.d.ts +3 -2
  85. package/lib/file-picker/file-picker.template.d.ts +2 -3
  86. package/lib/header/definition.d.ts +1 -3
  87. package/lib/header/header.d.ts +2 -2
  88. package/lib/header/header.template.d.ts +2 -3
  89. package/lib/icon/definition.d.ts +1 -3
  90. package/lib/icon/icon.d.ts +2 -2
  91. package/lib/icon/icon.template.d.ts +1 -3
  92. package/lib/layout/definition.d.ts +1 -3
  93. package/lib/layout/layout.d.ts +2 -2
  94. package/lib/layout/layout.template.d.ts +1 -3
  95. package/lib/listbox/definition.d.ts +1 -3
  96. package/lib/listbox/listbox.template.d.ts +1 -3
  97. package/lib/menu/definition.d.ts +1 -11
  98. package/lib/menu/menu.d.ts +16 -3
  99. package/lib/menu/menu.template.d.ts +3 -3
  100. package/lib/menu-item/definition.d.ts +1 -3
  101. package/lib/menu-item/menu-item.d.ts +10 -2
  102. package/lib/menu-item/menu-item.template.d.ts +2 -3
  103. package/lib/nav/definition.d.ts +1 -3
  104. package/lib/nav/nav.d.ts +2 -2
  105. package/lib/nav/nav.template.d.ts +1 -3
  106. package/lib/nav-disclosure/definition.d.ts +1 -3
  107. package/lib/nav-disclosure/nav-disclosure.d.ts +2 -2
  108. package/lib/nav-disclosure/nav-disclosure.template.d.ts +2 -3
  109. package/lib/nav-item/definition.d.ts +1 -3
  110. package/lib/nav-item/nav-item.template.d.ts +2 -3
  111. package/lib/note/definition.d.ts +1 -3
  112. package/lib/note/note.d.ts +2 -2
  113. package/lib/note/note.template.d.ts +2 -3
  114. package/lib/number-field/definition.d.ts +1 -4
  115. package/lib/number-field/number-field.form-associated.d.ts +3 -2
  116. package/lib/number-field/number-field.template.d.ts +2 -3
  117. package/lib/option/definition.d.ts +1 -3
  118. package/lib/option/option.d.ts +28 -7
  119. package/lib/option/option.template.d.ts +2 -3
  120. package/lib/pagination/definition.d.ts +1 -3
  121. package/lib/pagination/pagination.d.ts +2 -2
  122. package/lib/pagination/pagination.template.d.ts +2 -3
  123. package/lib/popup/definition.d.ts +1 -3
  124. package/lib/popup/popup.template.d.ts +2 -3
  125. package/lib/progress/definition.d.ts +1 -3
  126. package/lib/progress/progress.d.ts +1 -1
  127. package/lib/progress/progress.template.d.ts +1 -4
  128. package/lib/progress-ring/definition.d.ts +1 -3
  129. package/lib/progress-ring/progress-ring.d.ts +1 -1
  130. package/lib/progress-ring/progress-ring.template.d.ts +1 -3
  131. package/lib/radio/definition.d.ts +1 -3
  132. package/lib/radio/radio.form-associated.d.ts +3 -2
  133. package/lib/radio/radio.template.d.ts +1 -3
  134. package/lib/radio-group/definition.d.ts +1 -11
  135. package/lib/radio-group/radio-group.d.ts +2 -2
  136. package/lib/radio-group/radio-group.template.d.ts +2 -3
  137. package/lib/range-slider/definition.d.ts +1 -3
  138. package/lib/range-slider/range-slider.form-associated.d.ts +3 -2
  139. package/lib/range-slider/range-slider.template.d.ts +2 -3
  140. package/lib/searchable-select/definition.d.ts +1 -4
  141. package/lib/searchable-select/option-tag.template.d.ts +2 -3
  142. package/lib/searchable-select/searchable-select.form-associated.d.ts +3 -2
  143. package/lib/searchable-select/searchable-select.template.d.ts +2 -3
  144. package/lib/select/definition.d.ts +1 -3
  145. package/lib/select/select.d.ts +14 -4
  146. package/lib/select/select.form-associated.d.ts +11 -0
  147. package/lib/select/select.template.d.ts +2 -3
  148. package/lib/selectable-box/definition.d.ts +1 -3
  149. package/lib/selectable-box/selectable-box.d.ts +2 -2
  150. package/lib/selectable-box/selectable-box.template.d.ts +2 -3
  151. package/lib/side-drawer/definition.d.ts +1 -3
  152. package/lib/side-drawer/side-drawer.d.ts +2 -2
  153. package/lib/side-drawer/side-drawer.template.d.ts +1 -3
  154. package/lib/slider/definition.d.ts +1 -3
  155. package/lib/slider/slider.form-associated.d.ts +3 -2
  156. package/lib/slider/slider.template.d.ts +3 -4
  157. package/lib/split-button/definition.d.ts +1 -1
  158. package/lib/split-button/split-button.d.ts +2 -2
  159. package/lib/split-button/split-button.template.d.ts +2 -3
  160. package/lib/switch/definition.d.ts +1 -3
  161. package/lib/switch/switch.d.ts +5 -2
  162. package/lib/switch/switch.form-associated.d.ts +11 -0
  163. package/lib/switch/switch.template.d.ts +1 -3
  164. package/lib/tab/definition.d.ts +1 -3
  165. package/lib/tab/tab.d.ts +2 -2
  166. package/lib/tab/tab.template.d.ts +2 -2
  167. package/lib/tab-panel/definition.d.ts +1 -3
  168. package/lib/tab-panel/tab-panel.d.ts +2 -2
  169. package/lib/tab-panel/tab-panel.template.d.ts +1 -1
  170. package/lib/tabs/definition.d.ts +1 -3
  171. package/lib/tabs/tabs.d.ts +6 -4
  172. package/lib/tabs/tabs.template.d.ts +1 -1
  173. package/lib/tag/definition.d.ts +1 -4
  174. package/lib/tag/tag.d.ts +2 -2
  175. package/lib/tag/tag.template.d.ts +2 -3
  176. package/lib/tag-group/definition.d.ts +1 -3
  177. package/lib/tag-group/tag-group.d.ts +2 -2
  178. package/lib/tag-group/tag-group.template.d.ts +1 -3
  179. package/lib/text-anchor/definition.d.ts +1 -3
  180. package/lib/text-anchor/text-anchor.d.ts +4 -3
  181. package/lib/text-anchor/text-anchor.template.d.ts +2 -3
  182. package/lib/text-area/definition.d.ts +1 -3
  183. package/lib/text-area/text-area.d.ts +25 -3
  184. package/lib/text-area/text-area.form-associated.d.ts +11 -0
  185. package/lib/text-area/text-area.template.d.ts +2 -3
  186. package/lib/text-field/definition.d.ts +1 -3
  187. package/lib/text-field/text-field.d.ts +28 -3
  188. package/lib/text-field/text-field.form-associated.d.ts +11 -0
  189. package/lib/text-field/text-field.template.d.ts +2 -3
  190. package/lib/time-picker/definition.d.ts +1 -3
  191. package/lib/time-picker/time-picker.form-associated.d.ts +3 -2
  192. package/lib/time-picker/time-picker.template.d.ts +2 -2
  193. package/lib/toggletip/definition.d.ts +1 -3
  194. package/lib/toggletip/toggletip.d.ts +2 -2
  195. package/lib/toggletip/toggletip.template.d.ts +2 -3
  196. package/lib/tooltip/definition.d.ts +1 -3
  197. package/lib/tooltip/tooltip.d.ts +2 -2
  198. package/lib/tooltip/tooltip.template.d.ts +2 -3
  199. package/lib/tree-item/definition.d.ts +1 -3
  200. package/lib/tree-item/tree-item.d.ts +11 -2
  201. package/lib/tree-item/tree-item.template.d.ts +3 -3
  202. package/lib/tree-view/definition.d.ts +1 -3
  203. package/lib/tree-view/tree-view.d.ts +16 -2
  204. package/lib/tree-view/tree-view.template.d.ts +1 -1
  205. package/lib/video-player/definition.d.ts +1 -3
  206. package/lib/video-player/video-player.d.ts +2 -2
  207. package/lib/video-player/video-player.template.d.ts +1 -3
  208. package/listbox/index.cjs +37 -39
  209. package/listbox/index.js +37 -39
  210. package/menu/index.cjs +1 -1
  211. package/menu/index.js +1 -1
  212. package/nav/index.cjs +1 -1
  213. package/nav/index.js +1 -1
  214. package/nav-disclosure/index.cjs +1 -1
  215. package/nav-disclosure/index.js +1 -1
  216. package/nav-item/index.cjs +1 -1
  217. package/nav-item/index.js +1 -1
  218. package/note/index.cjs +1 -1
  219. package/note/index.js +1 -1
  220. package/number-field/index.cjs +1 -1
  221. package/number-field/index.js +1 -1
  222. package/option/index.cjs +1 -1
  223. package/option/index.js +1 -1
  224. package/package.json +1 -1
  225. package/pagination/index.cjs +1 -1
  226. package/pagination/index.js +1 -1
  227. package/popup/index.cjs +1 -1
  228. package/popup/index.js +1 -1
  229. package/progress/index.cjs +1 -1
  230. package/progress/index.js +1 -1
  231. package/progress-ring/index.cjs +1 -1
  232. package/progress-ring/index.js +1 -1
  233. package/radio/index.cjs +1 -1
  234. package/radio/index.js +1 -1
  235. package/radio-group/index.cjs +1 -1
  236. package/radio-group/index.js +1 -1
  237. package/range-slider/index.cjs +1 -1
  238. package/range-slider/index.js +1 -1
  239. package/searchable-select/index.cjs +1 -1
  240. package/searchable-select/index.js +1 -1
  241. package/select/index.cjs +1 -1
  242. package/select/index.js +1 -1
  243. package/selectable-box/index.cjs +1 -1
  244. package/selectable-box/index.js +1 -1
  245. package/shared/affix.cjs +10 -10
  246. package/shared/affix.js +2 -2
  247. package/shared/anchor.cjs +59 -0
  248. package/shared/anchor.js +57 -0
  249. package/shared/anchored.cjs +6 -6
  250. package/shared/anchored.js +2 -2
  251. package/shared/apply-mixins.cjs +15 -17
  252. package/shared/apply-mixins.js +15 -17
  253. package/shared/apply-mixins2.cjs +25 -0
  254. package/shared/apply-mixins2.js +23 -0
  255. package/shared/applyMixinsWithObservables.cjs +4 -4
  256. package/shared/applyMixinsWithObservables.js +2 -2
  257. package/shared/aria-global.cjs +86 -67
  258. package/shared/aria-global.js +86 -67
  259. package/shared/aria-global2.cjs +68 -86
  260. package/shared/aria-global2.js +68 -86
  261. package/shared/base-progress.cjs +70 -63
  262. package/shared/base-progress.js +69 -62
  263. package/shared/breadcrumb-item.cjs +7 -58
  264. package/shared/breadcrumb-item.js +4 -55
  265. package/shared/button.cjs +178 -0
  266. package/shared/button.js +176 -0
  267. package/shared/calendar-event.cjs +10 -9
  268. package/shared/calendar-event.js +3 -2
  269. package/shared/children.cjs +2 -2
  270. package/shared/children.js +1 -1
  271. package/shared/date-picker/date-picker-base.form-associated.d.ts +3 -2
  272. package/shared/date-picker/date-picker-base.template.d.ts +2 -3
  273. package/shared/defineVividComponent.cjs +2612 -0
  274. package/shared/defineVividComponent.js +2592 -0
  275. package/shared/definition.cjs +26 -24
  276. package/shared/definition.js +17 -14
  277. package/shared/definition10.cjs +15 -12
  278. package/shared/definition10.js +15 -11
  279. package/shared/definition11.cjs +53 -249
  280. package/shared/definition11.js +25 -219
  281. package/shared/definition12.cjs +18 -14
  282. package/shared/definition12.js +17 -12
  283. package/shared/definition13.cjs +20 -19
  284. package/shared/definition13.js +11 -9
  285. package/shared/definition14.cjs +36 -38
  286. package/shared/definition14.js +16 -17
  287. package/shared/definition15.cjs +28 -26
  288. package/shared/definition15.js +17 -14
  289. package/shared/definition16.cjs +478 -611
  290. package/shared/definition16.js +471 -603
  291. package/shared/definition17.cjs +934 -1113
  292. package/shared/definition17.js +913 -1091
  293. package/shared/definition18.cjs +16 -20
  294. package/shared/definition18.js +19 -22
  295. package/shared/definition19.cjs +26 -30
  296. package/shared/definition19.js +21 -24
  297. package/shared/definition2.cjs +20 -22
  298. package/shared/definition2.js +21 -22
  299. package/shared/definition20.cjs +53 -53
  300. package/shared/definition20.js +36 -35
  301. package/shared/definition21.cjs +43 -46
  302. package/shared/definition21.js +19 -21
  303. package/shared/definition22.cjs +16 -13
  304. package/shared/definition22.js +15 -11
  305. package/shared/definition23.cjs +22 -20
  306. package/shared/definition23.js +15 -12
  307. package/shared/definition24.cjs +20 -172
  308. package/shared/definition24.js +17 -168
  309. package/shared/definition25.cjs +48 -28
  310. package/shared/definition25.js +43 -22
  311. package/shared/definition26.cjs +17 -14
  312. package/shared/definition26.js +15 -11
  313. package/shared/definition27.cjs +265 -12
  314. package/shared/definition27.js +262 -10
  315. package/shared/definition28.cjs +19 -16
  316. package/shared/definition28.js +15 -11
  317. package/shared/definition29.cjs +478 -604
  318. package/shared/definition29.js +450 -578
  319. package/shared/definition3.cjs +21 -16
  320. package/shared/definition3.js +17 -11
  321. package/shared/definition30.cjs +100 -75
  322. package/shared/definition30.js +99 -73
  323. package/shared/definition31.cjs +24 -97
  324. package/shared/definition31.js +25 -97
  325. package/shared/definition32.cjs +10 -25
  326. package/shared/definition32.js +9 -23
  327. package/shared/definition33.cjs +53 -14
  328. package/shared/definition33.js +52 -12
  329. package/shared/definition34.cjs +641 -34
  330. package/shared/definition34.js +638 -30
  331. package/shared/definition35.cjs +205 -377
  332. package/shared/definition35.js +200 -373
  333. package/shared/definition36.cjs +204 -104
  334. package/shared/definition36.js +199 -97
  335. package/shared/definition37.cjs +79 -206
  336. package/shared/definition37.js +75 -202
  337. package/shared/definition38.cjs +50 -56
  338. package/shared/definition38.js +48 -52
  339. package/shared/definition39.cjs +260 -56
  340. package/shared/definition39.js +259 -54
  341. package/shared/definition4.cjs +33 -35
  342. package/shared/definition4.js +20 -21
  343. package/shared/definition40.cjs +112 -229
  344. package/shared/definition40.js +109 -226
  345. package/shared/definition41.cjs +627 -36
  346. package/shared/definition41.js +626 -34
  347. package/shared/definition42.cjs +975 -487
  348. package/shared/definition42.js +972 -482
  349. package/shared/definition43.cjs +725 -932
  350. package/shared/definition43.js +713 -918
  351. package/shared/definition44.cjs +116 -734
  352. package/shared/definition44.js +114 -731
  353. package/shared/definition45.cjs +93 -116
  354. package/shared/definition45.js +93 -115
  355. package/shared/definition46.cjs +469 -89
  356. package/shared/definition46.js +466 -86
  357. package/shared/definition47.cjs +119 -479
  358. package/shared/definition47.js +116 -474
  359. package/shared/definition48.cjs +114 -120
  360. package/shared/definition48.js +112 -117
  361. package/shared/definition49.cjs +18 -160
  362. package/shared/definition49.js +16 -157
  363. package/shared/definition5.cjs +48 -49
  364. package/shared/definition5.js +19 -19
  365. package/shared/definition50.cjs +112 -15
  366. package/shared/definition50.js +110 -12
  367. package/shared/definition51.cjs +847 -84
  368. package/shared/definition51.js +843 -79
  369. package/shared/definition52.cjs +31 -859
  370. package/shared/definition52.js +29 -856
  371. package/shared/definition53.cjs +126 -28
  372. package/shared/definition53.js +124 -25
  373. package/shared/definition54.cjs +268 -107
  374. package/shared/definition54.js +262 -100
  375. package/shared/definition55.cjs +63 -298
  376. package/shared/definition55.js +61 -295
  377. package/shared/definition56.cjs +799 -311
  378. package/shared/definition56.js +795 -306
  379. package/shared/definition57.cjs +108 -825
  380. package/shared/definition57.js +106 -822
  381. package/shared/definition58.cjs +74 -100
  382. package/shared/definition58.js +70 -95
  383. package/shared/definition59.cjs +181 -106
  384. package/shared/definition59.js +175 -101
  385. package/shared/definition6.cjs +23 -21
  386. package/shared/definition6.js +15 -12
  387. package/shared/definition60.cjs +273 -70
  388. package/shared/definition60.js +273 -69
  389. package/shared/definition61.cjs +66157 -271
  390. package/shared/definition61.js +66156 -269
  391. package/shared/definition62.cjs +36 -66174
  392. package/shared/definition62.js +33 -66171
  393. package/shared/definition63.cjs +2154 -27
  394. package/shared/definition63.js +2151 -25
  395. package/shared/definition7.cjs +19 -15
  396. package/shared/definition7.js +14 -10
  397. package/shared/definition8.cjs +26 -27
  398. package/shared/definition8.js +17 -17
  399. package/shared/definition9.cjs +21 -21
  400. package/shared/definition9.js +18 -17
  401. package/shared/design-system/createRegisterFunction.d.ts +2 -0
  402. package/shared/design-system/defineVividComponent.d.ts +15 -0
  403. package/shared/direction.cjs +10 -1
  404. package/shared/direction.js +10 -1
  405. package/shared/dom.cjs +0 -13
  406. package/shared/dom.js +1 -13
  407. package/shared/form-associated.cjs +422 -457
  408. package/shared/form-associated.js +422 -457
  409. package/shared/form-associated2.cjs +383 -0
  410. package/shared/form-associated2.js +381 -0
  411. package/shared/form-elements.cjs +15 -42
  412. package/shared/form-elements.js +2 -29
  413. package/shared/foundation/anchor/anchor.d.ts +1 -0
  414. package/shared/foundation/button/button.d.ts +3 -2
  415. package/shared/foundation/button/button.template.d.ts +2 -4
  416. package/shared/foundation/form-associated/form-associated.d.ts +51 -0
  417. package/shared/foundation/listbox/listbox.d.ts +22 -0
  418. package/shared/foundation/progress/base-progress.d.ts +9 -0
  419. package/shared/foundation/utilities/apply-mixins.d.ts +1 -0
  420. package/shared/foundation/vivid-element/vivid-element.d.ts +3 -0
  421. package/shared/foundation-element.cjs +1417 -0
  422. package/shared/foundation-element.js +1414 -0
  423. package/shared/index.cjs +7 -5097
  424. package/shared/index.js +7 -5079
  425. package/shared/key-codes.cjs +10 -0
  426. package/shared/key-codes.js +6 -1
  427. package/shared/key-codes2.cjs +50 -6
  428. package/shared/key-codes2.js +50 -4
  429. package/shared/listbox.cjs +409 -981
  430. package/shared/listbox.js +410 -979
  431. package/shared/listbox2.cjs +1268 -0
  432. package/shared/listbox2.js +1265 -0
  433. package/shared/localized.cjs +2 -2
  434. package/shared/localized.js +1 -1
  435. package/shared/numbers.cjs +12 -0
  436. package/shared/numbers.js +12 -1
  437. package/shared/patterns/affix.d.ts +2 -2
  438. package/shared/patterns/chevron.d.ts +2 -2
  439. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  440. package/shared/presentationDate.cjs +56 -55
  441. package/shared/presentationDate.js +8 -7
  442. package/shared/ref.cjs +2 -2
  443. package/shared/ref.js +1 -1
  444. package/shared/repeat.cjs +22 -22
  445. package/shared/repeat.js +1 -1
  446. package/shared/slider.template.cjs +5 -5
  447. package/shared/slider.template.js +2 -2
  448. package/shared/slotted.cjs +4 -4
  449. package/shared/slotted.js +1 -1
  450. package/shared/strings.cjs +0 -26
  451. package/shared/strings.js +1 -25
  452. package/shared/strings2.cjs +37 -0
  453. package/shared/strings2.js +33 -0
  454. package/shared/text-anchor.cjs +8 -89
  455. package/shared/text-anchor.js +5 -86
  456. package/shared/text-anchor.template.cjs +2 -2
  457. package/shared/text-anchor.template.js +1 -1
  458. package/shared/text-field2.cjs +539 -194
  459. package/shared/text-field2.js +539 -194
  460. package/shared/vivid-element.cjs +8 -0
  461. package/shared/vivid-element.js +6 -0
  462. package/side-drawer/index.cjs +1 -1
  463. package/side-drawer/index.js +1 -1
  464. package/slider/index.cjs +1 -1
  465. package/slider/index.js +1 -1
  466. package/split-button/index.cjs +1 -1
  467. package/split-button/index.js +1 -1
  468. package/styles/core/all.css +21 -1
  469. package/styles/core/theme.css +21 -1
  470. package/styles/core/typography.css +1 -1
  471. package/styles/tokens/theme-dark.css +4 -4
  472. package/styles/tokens/theme-light.css +4 -4
  473. package/styles/tokens/vivid-2-compat.css +1 -1
  474. package/switch/index.cjs +1 -1
  475. package/switch/index.js +1 -1
  476. package/tab/index.cjs +1 -1
  477. package/tab/index.js +1 -1
  478. package/tab-panel/index.cjs +1 -1
  479. package/tab-panel/index.js +1 -1
  480. package/tabs/index.cjs +1 -1
  481. package/tabs/index.js +1 -1
  482. package/tag/index.cjs +1 -1
  483. package/tag/index.js +1 -1
  484. package/tag-group/index.cjs +1 -1
  485. package/tag-group/index.js +1 -1
  486. package/text-anchor/index.cjs +10 -7
  487. package/text-anchor/index.js +10 -7
  488. package/text-area/index.cjs +1 -1
  489. package/text-area/index.js +1 -1
  490. package/text-field/index.cjs +1 -1
  491. package/text-field/index.js +1 -1
  492. package/time-picker/index.cjs +1 -1
  493. package/time-picker/index.js +1 -1
  494. package/toggletip/index.cjs +1 -1
  495. package/toggletip/index.js +1 -1
  496. package/tooltip/index.cjs +1 -1
  497. package/tooltip/index.js +1 -1
  498. package/tree-item/index.cjs +1 -1
  499. package/tree-item/index.js +1 -1
  500. package/tree-view/index.cjs +1 -1
  501. package/tree-view/index.js +1 -1
  502. package/video-player/index.cjs +1 -1
  503. package/video-player/index.js +1 -1
  504. package/vivid.api.json +2848 -7818
  505. package/shared/Reflector.cjs +0 -71
  506. package/shared/Reflector.js +0 -69
  507. package/shared/definition64.cjs +0 -2164
  508. package/shared/definition64.js +0 -2159
  509. package/shared/design-system/index.d.ts +0 -3
  510. package/shared/icon.cjs +0 -261
  511. package/shared/icon.js +0 -258
  512. package/shared/index2.cjs +0 -11
  513. package/shared/index2.js +0 -9
  514. package/shared/listbox-option.cjs +0 -204
  515. package/shared/listbox-option.js +0 -201
  516. package/shared/radio.cjs +0 -126
  517. package/shared/radio.js +0 -124
  518. package/shared/select.options.cjs +0 -12
  519. package/shared/select.options.js +0 -10
  520. package/shared/start-end.cjs +0 -52
  521. package/shared/start-end.js +0 -50
  522. package/shared/tree-item.cjs +0 -154
  523. package/shared/tree-item.js +0 -151
@@ -1,72 +1,91 @@
1
- import { _ as __decorate, a as attr } from './index.js';
1
+ import { a as attr } from './defineVividComponent.js';
2
2
 
3
- /**
4
- * Some states and properties are applicable to all host language elements regardless of whether a role is applied.
5
- * The following global states and properties are supported by all roles and by all base markup elements.
6
- * {@link https://www.w3.org/TR/wai-aria-1.1/#global_states}
7
- *
8
- * This is intended to be used as a mixin. Be sure you extend FASTElement.
9
- *
10
- * @public
11
- */
3
+ var __defProp = Object.defineProperty;
4
+ var __decorateClass = (decorators, target, key, kind) => {
5
+ var result = void 0 ;
6
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
7
+ if (decorator = decorators[i])
8
+ result = (decorator(target, key, result) ) || result;
9
+ if (result) __defProp(target, key, result);
10
+ return result;
11
+ };
12
12
  class ARIAGlobalStatesAndProperties {
13
13
  }
14
- __decorate([
15
- attr({ attribute: "aria-atomic" })
16
- ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
17
- __decorate([
18
- attr({ attribute: "aria-busy" })
19
- ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
20
- __decorate([
21
- attr({ attribute: "aria-controls" })
22
- ], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
23
- __decorate([
24
- attr({ attribute: "aria-current" })
25
- ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
26
- __decorate([
27
- attr({ attribute: "aria-describedby" })
28
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
29
- __decorate([
30
- attr({ attribute: "aria-details" })
31
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
32
- __decorate([
33
- attr({ attribute: "aria-disabled" })
34
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
35
- __decorate([
36
- attr({ attribute: "aria-errormessage" })
37
- ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
38
- __decorate([
39
- attr({ attribute: "aria-flowto" })
40
- ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
41
- __decorate([
42
- attr({ attribute: "aria-haspopup" })
43
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
44
- __decorate([
45
- attr({ attribute: "aria-hidden" })
46
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
47
- __decorate([
48
- attr({ attribute: "aria-invalid" })
49
- ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
50
- __decorate([
51
- attr({ attribute: "aria-keyshortcuts" })
52
- ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
53
- __decorate([
54
- attr({ attribute: "aria-label" })
55
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
56
- __decorate([
57
- attr({ attribute: "aria-labelledby" })
58
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
59
- __decorate([
60
- attr({ attribute: "aria-live" })
61
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
62
- __decorate([
63
- attr({ attribute: "aria-owns" })
64
- ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
65
- __decorate([
66
- attr({ attribute: "aria-relevant" })
67
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
68
- __decorate([
69
- attr({ attribute: "aria-roledescription" })
70
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
14
+ // @ts-expect-error Type is incorrectly non-optional
15
+ __decorateClass([
16
+ attr({ attribute: "aria-atomic" })
17
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
18
+ // @ts-expect-error Type is incorrectly non-optional
19
+ __decorateClass([
20
+ attr({ attribute: "aria-busy" })
21
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
22
+ // @ts-expect-error Type is incorrectly non-optional
23
+ __decorateClass([
24
+ attr({ attribute: "aria-controls" })
25
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
26
+ // @ts-expect-error Type is incorrectly non-optional
27
+ __decorateClass([
28
+ attr({ attribute: "aria-current" })
29
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
30
+ // @ts-expect-error Type is incorrectly non-optional
31
+ __decorateClass([
32
+ attr({ attribute: "aria-describedby" })
33
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
34
+ // @ts-expect-error Type is incorrectly non-optional
35
+ __decorateClass([
36
+ attr({ attribute: "aria-details" })
37
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
38
+ // @ts-expect-error Type is incorrectly non-optional
39
+ __decorateClass([
40
+ attr({ attribute: "aria-disabled" })
41
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
42
+ // @ts-expect-error Type is incorrectly non-optional
43
+ __decorateClass([
44
+ attr({ attribute: "aria-errormessage" })
45
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
46
+ // @ts-expect-error Type is incorrectly non-optional
47
+ __decorateClass([
48
+ attr({ attribute: "aria-flowto" })
49
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
50
+ // @ts-expect-error Type is incorrectly non-optional
51
+ __decorateClass([
52
+ attr({ attribute: "aria-haspopup" })
53
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
54
+ // @ts-expect-error Type is incorrectly non-optional
55
+ __decorateClass([
56
+ attr({ attribute: "aria-hidden" })
57
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
58
+ // @ts-expect-error Type is incorrectly non-optional
59
+ __decorateClass([
60
+ attr({ attribute: "aria-invalid" })
61
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
62
+ // @ts-expect-error Type is incorrectly non-optional
63
+ __decorateClass([
64
+ attr({ attribute: "aria-keyshortcuts" })
65
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
66
+ // @ts-expect-error Type is incorrectly non-optional
67
+ __decorateClass([
68
+ attr({ attribute: "aria-label" })
69
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
70
+ // @ts-expect-error Type is incorrectly non-optional
71
+ __decorateClass([
72
+ attr({ attribute: "aria-labelledby" })
73
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
74
+ // @ts-expect-error Type is incorrectly non-optional
75
+ __decorateClass([
76
+ attr({ attribute: "aria-live" })
77
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
78
+ // @ts-expect-error Type is incorrectly non-optional
79
+ __decorateClass([
80
+ attr({ attribute: "aria-owns" })
81
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
82
+ // @ts-expect-error Type is incorrectly non-optional
83
+ __decorateClass([
84
+ attr({ attribute: "aria-relevant" })
85
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
86
+ // @ts-expect-error Type is incorrectly non-optional
87
+ __decorateClass([
88
+ attr({ attribute: "aria-roledescription" })
89
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
71
90
 
72
91
  export { ARIAGlobalStatesAndProperties as A };
@@ -1,93 +1,75 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index.cjs');
3
+ const foundationElement = require('./foundation-element.cjs');
4
+ const defineVividComponent = require('./defineVividComponent.cjs');
4
5
 
5
- var __defProp = Object.defineProperty;
6
- var __decorateClass = (decorators, target, key, kind) => {
7
- var result = void 0 ;
8
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
9
- if (decorator = decorators[i])
10
- result = (decorator(target, key, result) ) || result;
11
- if (result) __defProp(target, key, result);
12
- return result;
13
- };
6
+ /**
7
+ * Some states and properties are applicable to all host language elements regardless of whether a role is applied.
8
+ * The following global states and properties are supported by all roles and by all base markup elements.
9
+ * {@link https://www.w3.org/TR/wai-aria-1.1/#global_states}
10
+ *
11
+ * This is intended to be used as a mixin. Be sure you extend FASTElement.
12
+ *
13
+ * @public
14
+ */
14
15
  class ARIAGlobalStatesAndProperties {
15
16
  }
16
- // @ts-expect-error Type is incorrectly non-optional
17
- __decorateClass([
18
- index.attr({ attribute: "aria-atomic" })
19
- ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
20
- // @ts-expect-error Type is incorrectly non-optional
21
- __decorateClass([
22
- index.attr({ attribute: "aria-busy" })
23
- ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
24
- // @ts-expect-error Type is incorrectly non-optional
25
- __decorateClass([
26
- index.attr({ attribute: "aria-controls" })
27
- ], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
28
- // @ts-expect-error Type is incorrectly non-optional
29
- __decorateClass([
30
- index.attr({ attribute: "aria-current" })
31
- ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
32
- // @ts-expect-error Type is incorrectly non-optional
33
- __decorateClass([
34
- index.attr({ attribute: "aria-describedby" })
35
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
36
- // @ts-expect-error Type is incorrectly non-optional
37
- __decorateClass([
38
- index.attr({ attribute: "aria-details" })
39
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
40
- // @ts-expect-error Type is incorrectly non-optional
41
- __decorateClass([
42
- index.attr({ attribute: "aria-disabled" })
43
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
44
- // @ts-expect-error Type is incorrectly non-optional
45
- __decorateClass([
46
- index.attr({ attribute: "aria-errormessage" })
47
- ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
48
- // @ts-expect-error Type is incorrectly non-optional
49
- __decorateClass([
50
- index.attr({ attribute: "aria-flowto" })
51
- ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
52
- // @ts-expect-error Type is incorrectly non-optional
53
- __decorateClass([
54
- index.attr({ attribute: "aria-haspopup" })
55
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
56
- // @ts-expect-error Type is incorrectly non-optional
57
- __decorateClass([
58
- index.attr({ attribute: "aria-hidden" })
59
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
60
- // @ts-expect-error Type is incorrectly non-optional
61
- __decorateClass([
62
- index.attr({ attribute: "aria-invalid" })
63
- ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
64
- // @ts-expect-error Type is incorrectly non-optional
65
- __decorateClass([
66
- index.attr({ attribute: "aria-keyshortcuts" })
67
- ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
68
- // @ts-expect-error Type is incorrectly non-optional
69
- __decorateClass([
70
- index.attr({ attribute: "aria-label" })
71
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
72
- // @ts-expect-error Type is incorrectly non-optional
73
- __decorateClass([
74
- index.attr({ attribute: "aria-labelledby" })
75
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
76
- // @ts-expect-error Type is incorrectly non-optional
77
- __decorateClass([
78
- index.attr({ attribute: "aria-live" })
79
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
80
- // @ts-expect-error Type is incorrectly non-optional
81
- __decorateClass([
82
- index.attr({ attribute: "aria-owns" })
83
- ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
84
- // @ts-expect-error Type is incorrectly non-optional
85
- __decorateClass([
86
- index.attr({ attribute: "aria-relevant" })
87
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
88
- // @ts-expect-error Type is incorrectly non-optional
89
- __decorateClass([
90
- index.attr({ attribute: "aria-roledescription" })
91
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
17
+ foundationElement.__decorate([
18
+ defineVividComponent.attr({ attribute: "aria-atomic" })
19
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
20
+ foundationElement.__decorate([
21
+ defineVividComponent.attr({ attribute: "aria-busy" })
22
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
23
+ foundationElement.__decorate([
24
+ defineVividComponent.attr({ attribute: "aria-controls" })
25
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
26
+ foundationElement.__decorate([
27
+ defineVividComponent.attr({ attribute: "aria-current" })
28
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
29
+ foundationElement.__decorate([
30
+ defineVividComponent.attr({ attribute: "aria-describedby" })
31
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
32
+ foundationElement.__decorate([
33
+ defineVividComponent.attr({ attribute: "aria-details" })
34
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
35
+ foundationElement.__decorate([
36
+ defineVividComponent.attr({ attribute: "aria-disabled" })
37
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
38
+ foundationElement.__decorate([
39
+ defineVividComponent.attr({ attribute: "aria-errormessage" })
40
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
41
+ foundationElement.__decorate([
42
+ defineVividComponent.attr({ attribute: "aria-flowto" })
43
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
44
+ foundationElement.__decorate([
45
+ defineVividComponent.attr({ attribute: "aria-haspopup" })
46
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
47
+ foundationElement.__decorate([
48
+ defineVividComponent.attr({ attribute: "aria-hidden" })
49
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
50
+ foundationElement.__decorate([
51
+ defineVividComponent.attr({ attribute: "aria-invalid" })
52
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
53
+ foundationElement.__decorate([
54
+ defineVividComponent.attr({ attribute: "aria-keyshortcuts" })
55
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
56
+ foundationElement.__decorate([
57
+ defineVividComponent.attr({ attribute: "aria-label" })
58
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
59
+ foundationElement.__decorate([
60
+ defineVividComponent.attr({ attribute: "aria-labelledby" })
61
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
62
+ foundationElement.__decorate([
63
+ defineVividComponent.attr({ attribute: "aria-live" })
64
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
65
+ foundationElement.__decorate([
66
+ defineVividComponent.attr({ attribute: "aria-owns" })
67
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
68
+ foundationElement.__decorate([
69
+ defineVividComponent.attr({ attribute: "aria-relevant" })
70
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
71
+ foundationElement.__decorate([
72
+ defineVividComponent.attr({ attribute: "aria-roledescription" })
73
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
92
74
 
93
75
  exports.ARIAGlobalStatesAndProperties = ARIAGlobalStatesAndProperties;
@@ -1,91 +1,73 @@
1
- import { a as attr } from './index.js';
1
+ import { _ as __decorate } from './foundation-element.js';
2
+ import { a as attr } from './defineVividComponent.js';
2
3
 
3
- var __defProp = Object.defineProperty;
4
- var __decorateClass = (decorators, target, key, kind) => {
5
- var result = void 0 ;
6
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
7
- if (decorator = decorators[i])
8
- result = (decorator(target, key, result) ) || result;
9
- if (result) __defProp(target, key, result);
10
- return result;
11
- };
4
+ /**
5
+ * Some states and properties are applicable to all host language elements regardless of whether a role is applied.
6
+ * The following global states and properties are supported by all roles and by all base markup elements.
7
+ * {@link https://www.w3.org/TR/wai-aria-1.1/#global_states}
8
+ *
9
+ * This is intended to be used as a mixin. Be sure you extend FASTElement.
10
+ *
11
+ * @public
12
+ */
12
13
  class ARIAGlobalStatesAndProperties {
13
14
  }
14
- // @ts-expect-error Type is incorrectly non-optional
15
- __decorateClass([
16
- attr({ attribute: "aria-atomic" })
17
- ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic");
18
- // @ts-expect-error Type is incorrectly non-optional
19
- __decorateClass([
20
- attr({ attribute: "aria-busy" })
21
- ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy");
22
- // @ts-expect-error Type is incorrectly non-optional
23
- __decorateClass([
24
- attr({ attribute: "aria-controls" })
25
- ], ARIAGlobalStatesAndProperties.prototype, "ariaControls");
26
- // @ts-expect-error Type is incorrectly non-optional
27
- __decorateClass([
28
- attr({ attribute: "aria-current" })
29
- ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent");
30
- // @ts-expect-error Type is incorrectly non-optional
31
- __decorateClass([
32
- attr({ attribute: "aria-describedby" })
33
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby");
34
- // @ts-expect-error Type is incorrectly non-optional
35
- __decorateClass([
36
- attr({ attribute: "aria-details" })
37
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails");
38
- // @ts-expect-error Type is incorrectly non-optional
39
- __decorateClass([
40
- attr({ attribute: "aria-disabled" })
41
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled");
42
- // @ts-expect-error Type is incorrectly non-optional
43
- __decorateClass([
44
- attr({ attribute: "aria-errormessage" })
45
- ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage");
46
- // @ts-expect-error Type is incorrectly non-optional
47
- __decorateClass([
48
- attr({ attribute: "aria-flowto" })
49
- ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto");
50
- // @ts-expect-error Type is incorrectly non-optional
51
- __decorateClass([
52
- attr({ attribute: "aria-haspopup" })
53
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup");
54
- // @ts-expect-error Type is incorrectly non-optional
55
- __decorateClass([
56
- attr({ attribute: "aria-hidden" })
57
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden");
58
- // @ts-expect-error Type is incorrectly non-optional
59
- __decorateClass([
60
- attr({ attribute: "aria-invalid" })
61
- ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid");
62
- // @ts-expect-error Type is incorrectly non-optional
63
- __decorateClass([
64
- attr({ attribute: "aria-keyshortcuts" })
65
- ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts");
66
- // @ts-expect-error Type is incorrectly non-optional
67
- __decorateClass([
68
- attr({ attribute: "aria-label" })
69
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel");
70
- // @ts-expect-error Type is incorrectly non-optional
71
- __decorateClass([
72
- attr({ attribute: "aria-labelledby" })
73
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
74
- // @ts-expect-error Type is incorrectly non-optional
75
- __decorateClass([
76
- attr({ attribute: "aria-live" })
77
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
78
- // @ts-expect-error Type is incorrectly non-optional
79
- __decorateClass([
80
- attr({ attribute: "aria-owns" })
81
- ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
82
- // @ts-expect-error Type is incorrectly non-optional
83
- __decorateClass([
84
- attr({ attribute: "aria-relevant" })
85
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
86
- // @ts-expect-error Type is incorrectly non-optional
87
- __decorateClass([
88
- attr({ attribute: "aria-roledescription" })
89
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
15
+ __decorate([
16
+ attr({ attribute: "aria-atomic" })
17
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
18
+ __decorate([
19
+ attr({ attribute: "aria-busy" })
20
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
21
+ __decorate([
22
+ attr({ attribute: "aria-controls" })
23
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
24
+ __decorate([
25
+ attr({ attribute: "aria-current" })
26
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
27
+ __decorate([
28
+ attr({ attribute: "aria-describedby" })
29
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
30
+ __decorate([
31
+ attr({ attribute: "aria-details" })
32
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
33
+ __decorate([
34
+ attr({ attribute: "aria-disabled" })
35
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
36
+ __decorate([
37
+ attr({ attribute: "aria-errormessage" })
38
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
39
+ __decorate([
40
+ attr({ attribute: "aria-flowto" })
41
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
42
+ __decorate([
43
+ attr({ attribute: "aria-haspopup" })
44
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
45
+ __decorate([
46
+ attr({ attribute: "aria-hidden" })
47
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
48
+ __decorate([
49
+ attr({ attribute: "aria-invalid" })
50
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
51
+ __decorate([
52
+ attr({ attribute: "aria-keyshortcuts" })
53
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
54
+ __decorate([
55
+ attr({ attribute: "aria-label" })
56
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
57
+ __decorate([
58
+ attr({ attribute: "aria-labelledby" })
59
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
60
+ __decorate([
61
+ attr({ attribute: "aria-live" })
62
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
63
+ __decorate([
64
+ attr({ attribute: "aria-owns" })
65
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
66
+ __decorate([
67
+ attr({ attribute: "aria-relevant" })
68
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
69
+ __decorate([
70
+ attr({ attribute: "aria-roledescription" })
71
+ ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
90
72
 
91
73
  export { ARIAGlobalStatesAndProperties as A };
@@ -1,72 +1,79 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index.cjs');
3
+ const foundationElement = require('./foundation-element.cjs');
4
+ const defineVividComponent = require('./defineVividComponent.cjs');
4
5
 
5
- /**
6
- * An Progress HTML Element.
7
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
8
- *
9
- * @slot indeterminate - The slot for a custom indeterminate indicator
10
- * @csspart progress - Represents the progress element
11
- * @csspart determinate - The determinate indicator
12
- * @csspart indeterminate - The indeterminate indicator
13
- *
14
- * @public
15
- */
16
- class BaseProgress extends index.FoundationElement {
17
- constructor() {
18
- super(...arguments);
19
- /**
20
- * Indicates progress in %
21
- * @internal
22
- */
23
- this.percentComplete = 0;
6
+ var __defProp = Object.defineProperty;
7
+ var __decorateClass = (decorators, target, key, kind) => {
8
+ var result = void 0 ;
9
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
10
+ if (decorator = decorators[i])
11
+ result = (decorator(target, key, result) ) || result;
12
+ if (result) __defProp(target, key, result);
13
+ return result;
14
+ };
15
+ class BaseProgress extends foundationElement.FoundationElement {
16
+ constructor() {
17
+ super(...arguments);
18
+ this.percentComplete = 0;
19
+ }
20
+ /**
21
+ * @internal
22
+ */
23
+ valueChanged() {
24
+ if (this.$fastController.isConnected) {
25
+ this.updatePercentComplete();
24
26
  }
25
- valueChanged() {
26
- if (this.$fastController.isConnected) {
27
- this.updatePercentComplete();
28
- }
27
+ }
28
+ /**
29
+ * @internal
30
+ */
31
+ minChanged() {
32
+ if (this.$fastController.isConnected) {
33
+ this.updatePercentComplete();
29
34
  }
30
- minChanged() {
31
- if (this.$fastController.isConnected) {
32
- this.updatePercentComplete();
33
- }
34
- }
35
- maxChanged() {
36
- if (this.$fastController.isConnected) {
37
- this.updatePercentComplete();
38
- }
39
- }
40
- /**
41
- * @internal
42
- */
43
- connectedCallback() {
44
- super.connectedCallback();
45
- this.updatePercentComplete();
46
- }
47
- updatePercentComplete() {
48
- const min = typeof this.min === "number" ? this.min : 0;
49
- const max = typeof this.max === "number" ? this.max : 100;
50
- const value = typeof this.value === "number" ? this.value : 0;
51
- const range = max - min;
52
- this.percentComplete =
53
- range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
35
+ }
36
+ /**
37
+ * @private
38
+ */
39
+ maxChanged() {
40
+ if (this.$fastController.isConnected) {
41
+ this.updatePercentComplete();
54
42
  }
43
+ }
44
+ /**
45
+ * @internal
46
+ */
47
+ connectedCallback() {
48
+ super.connectedCallback();
49
+ this.updatePercentComplete();
50
+ }
51
+ updatePercentComplete() {
52
+ const min = typeof this.min === "number" ? this.min : 0;
53
+ const max = typeof this.max === "number" ? this.max : 100;
54
+ const value = typeof this.value === "number" ? this.value : 0;
55
+ const range = max - min;
56
+ this.percentComplete = range === 0 ? 0 : Math.fround((value - min) / range * 100);
57
+ }
55
58
  }
56
- index.__decorate([
57
- index.attr({ converter: index.nullableNumberConverter })
58
- ], BaseProgress.prototype, "value", void 0);
59
- index.__decorate([
60
- index.attr({ converter: index.nullableNumberConverter })
61
- ], BaseProgress.prototype, "min", void 0);
62
- index.__decorate([
63
- index.attr({ converter: index.nullableNumberConverter })
64
- ], BaseProgress.prototype, "max", void 0);
65
- index.__decorate([
66
- index.attr({ mode: "boolean" })
67
- ], BaseProgress.prototype, "paused", void 0);
68
- index.__decorate([
69
- index.observable
70
- ], BaseProgress.prototype, "percentComplete", void 0);
59
+ // @ts-expect-error Type is incorrectly non-optional
60
+ __decorateClass([
61
+ defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
62
+ ], BaseProgress.prototype, "value");
63
+ // @ts-expect-error Type is incorrectly non-optional
64
+ __decorateClass([
65
+ defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
66
+ ], BaseProgress.prototype, "min");
67
+ // @ts-expect-error Type is incorrectly non-optional
68
+ __decorateClass([
69
+ defineVividComponent.attr({ converter: defineVividComponent.nullableNumberConverter })
70
+ ], BaseProgress.prototype, "max");
71
+ // @ts-expect-error Type is incorrectly non-optional
72
+ __decorateClass([
73
+ defineVividComponent.attr({ mode: "boolean" })
74
+ ], BaseProgress.prototype, "paused");
75
+ __decorateClass([
76
+ defineVividComponent.observable
77
+ ], BaseProgress.prototype, "percentComplete");
71
78
 
72
79
  exports.BaseProgress = BaseProgress;