@vonage/vivid 4.13.0 → 4.14.1

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