@vonage/vivid 4.13.0 → 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 (516) hide show
  1. package/custom-elements.json +4033 -2662
  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.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 +3 -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 -2
  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 +70 -63
  259. package/shared/base-progress.js +69 -62
  260. package/shared/breadcrumb-item.cjs +7 -58
  261. package/shared/breadcrumb-item.js +4 -55
  262. package/shared/button.cjs +178 -0
  263. package/shared/button.js +176 -0
  264. package/shared/calendar-event.cjs +10 -9
  265. package/shared/calendar-event.js +3 -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/defineVividComponent.cjs +2612 -0
  271. package/shared/defineVividComponent.js +2592 -0
  272. package/shared/definition.cjs +26 -24
  273. package/shared/definition.js +17 -14
  274. package/shared/definition10.cjs +15 -12
  275. package/shared/definition10.js +15 -11
  276. package/shared/definition11.cjs +52 -248
  277. package/shared/definition11.js +24 -218
  278. package/shared/definition12.cjs +18 -14
  279. package/shared/definition12.js +17 -12
  280. package/shared/definition13.cjs +20 -19
  281. package/shared/definition13.js +11 -9
  282. package/shared/definition14.cjs +36 -38
  283. package/shared/definition14.js +16 -17
  284. package/shared/definition15.cjs +28 -26
  285. package/shared/definition15.js +17 -14
  286. package/shared/definition16.cjs +478 -611
  287. package/shared/definition16.js +471 -603
  288. package/shared/definition17.cjs +934 -1113
  289. package/shared/definition17.js +912 -1090
  290. package/shared/definition18.cjs +16 -20
  291. package/shared/definition18.js +19 -22
  292. package/shared/definition19.cjs +26 -30
  293. package/shared/definition19.js +21 -24
  294. package/shared/definition2.cjs +20 -22
  295. package/shared/definition2.js +21 -22
  296. package/shared/definition20.cjs +51 -52
  297. package/shared/definition20.js +35 -35
  298. package/shared/definition21.cjs +42 -45
  299. package/shared/definition21.js +18 -20
  300. package/shared/definition22.cjs +16 -13
  301. package/shared/definition22.js +15 -11
  302. package/shared/definition23.cjs +22 -20
  303. package/shared/definition23.js +15 -12
  304. package/shared/definition24.cjs +20 -172
  305. package/shared/definition24.js +17 -168
  306. package/shared/definition25.cjs +27 -28
  307. package/shared/definition25.js +19 -19
  308. package/shared/definition26.cjs +17 -14
  309. package/shared/definition26.js +15 -11
  310. package/shared/definition27.cjs +265 -12
  311. package/shared/definition27.js +262 -10
  312. package/shared/definition28.cjs +19 -16
  313. package/shared/definition28.js +15 -11
  314. package/shared/definition29.cjs +143 -68
  315. package/shared/definition29.js +102 -29
  316. package/shared/definition3.cjs +21 -16
  317. package/shared/definition3.js +17 -11
  318. package/shared/definition30.cjs +99 -76
  319. package/shared/definition30.js +98 -74
  320. package/shared/definition31.cjs +24 -97
  321. package/shared/definition31.js +25 -97
  322. package/shared/definition32.cjs +10 -25
  323. package/shared/definition32.js +9 -23
  324. package/shared/definition33.cjs +53 -14
  325. package/shared/definition33.js +52 -12
  326. package/shared/definition34.cjs +641 -34
  327. package/shared/definition34.js +638 -30
  328. package/shared/definition35.cjs +204 -596
  329. package/shared/definition35.js +198 -591
  330. package/shared/definition36.cjs +198 -233
  331. package/shared/definition36.js +193 -226
  332. package/shared/definition37.cjs +79 -206
  333. package/shared/definition37.js +75 -202
  334. package/shared/definition38.cjs +50 -56
  335. package/shared/definition38.js +48 -52
  336. package/shared/definition39.cjs +260 -56
  337. package/shared/definition39.js +259 -54
  338. package/shared/definition4.cjs +33 -35
  339. package/shared/definition4.js +20 -21
  340. package/shared/definition40.cjs +112 -229
  341. package/shared/definition40.js +109 -226
  342. package/shared/definition41.cjs +627 -36
  343. package/shared/definition41.js +626 -34
  344. package/shared/definition42.cjs +975 -487
  345. package/shared/definition42.js +972 -482
  346. package/shared/definition43.cjs +725 -932
  347. package/shared/definition43.js +713 -918
  348. package/shared/definition44.cjs +116 -734
  349. package/shared/definition44.js +114 -731
  350. package/shared/definition45.cjs +93 -116
  351. package/shared/definition45.js +93 -115
  352. package/shared/definition46.cjs +469 -89
  353. package/shared/definition46.js +466 -86
  354. package/shared/definition47.cjs +119 -470
  355. package/shared/definition47.js +116 -465
  356. package/shared/definition48.cjs +114 -120
  357. package/shared/definition48.js +112 -117
  358. package/shared/definition49.cjs +17 -134
  359. package/shared/definition49.js +16 -132
  360. package/shared/definition5.cjs +48 -49
  361. package/shared/definition5.js +19 -19
  362. package/shared/definition50.cjs +112 -15
  363. package/shared/definition50.js +110 -12
  364. package/shared/definition51.cjs +847 -84
  365. package/shared/definition51.js +843 -79
  366. package/shared/definition52.cjs +31 -873
  367. package/shared/definition52.js +29 -870
  368. package/shared/definition53.cjs +126 -28
  369. package/shared/definition53.js +124 -25
  370. package/shared/definition54.cjs +268 -107
  371. package/shared/definition54.js +262 -100
  372. package/shared/definition55.cjs +63 -278
  373. package/shared/definition55.js +61 -275
  374. package/shared/definition56.cjs +868 -76
  375. package/shared/definition56.js +867 -74
  376. package/shared/definition57.cjs +108 -826
  377. package/shared/definition57.js +106 -823
  378. package/shared/definition58.cjs +74 -100
  379. package/shared/definition58.js +70 -95
  380. package/shared/definition59.cjs +181 -106
  381. package/shared/definition59.js +175 -101
  382. package/shared/definition6.cjs +23 -21
  383. package/shared/definition6.js +15 -12
  384. package/shared/definition60.cjs +273 -70
  385. package/shared/definition60.js +273 -69
  386. package/shared/definition61.cjs +66157 -271
  387. package/shared/definition61.js +66156 -269
  388. package/shared/definition62.cjs +36 -66174
  389. package/shared/definition62.js +33 -66171
  390. package/shared/definition63.cjs +2154 -27
  391. package/shared/definition63.js +2151 -25
  392. package/shared/definition7.cjs +19 -15
  393. package/shared/definition7.js +14 -10
  394. package/shared/definition8.cjs +26 -27
  395. package/shared/definition8.js +17 -17
  396. package/shared/definition9.cjs +21 -21
  397. package/shared/definition9.js +18 -17
  398. package/shared/design-system/createRegisterFunction.d.ts +2 -0
  399. package/shared/design-system/defineVividComponent.d.ts +15 -0
  400. package/shared/{localization.js → direction.js} +11 -11
  401. package/shared/dom.cjs +0 -13
  402. package/shared/dom.js +1 -13
  403. package/shared/form-associated.cjs +422 -457
  404. package/shared/form-associated.js +422 -457
  405. package/shared/form-associated2.cjs +383 -0
  406. package/shared/form-associated2.js +381 -0
  407. package/shared/form-elements.cjs +15 -42
  408. package/shared/form-elements.js +2 -29
  409. package/shared/foundation/anchor/anchor.d.ts +1 -0
  410. package/shared/foundation/button/button.d.ts +3 -2
  411. package/shared/foundation/button/button.template.d.ts +2 -4
  412. package/shared/foundation/form-associated/form-associated.d.ts +51 -0
  413. package/shared/foundation/listbox/listbox.d.ts +22 -0
  414. package/shared/foundation/progress/base-progress.d.ts +9 -0
  415. package/shared/foundation/utilities/apply-mixins.d.ts +1 -0
  416. package/shared/foundation/vivid-element/vivid-element.d.ts +3 -0
  417. package/shared/foundation-element.cjs +1417 -0
  418. package/shared/foundation-element.js +1414 -0
  419. package/shared/index.cjs +7 -5097
  420. package/shared/index.js +7 -5079
  421. package/shared/key-codes.cjs +10 -0
  422. package/shared/key-codes.js +6 -1
  423. package/shared/key-codes2.cjs +50 -6
  424. package/shared/key-codes2.js +50 -4
  425. package/shared/listbox.cjs +428 -1195
  426. package/shared/listbox.js +412 -1176
  427. package/shared/listbox2.cjs +1268 -0
  428. package/shared/listbox2.js +1265 -0
  429. package/shared/localized.cjs +2 -2
  430. package/shared/localized.js +1 -1
  431. package/shared/numbers.cjs +12 -0
  432. package/shared/numbers.js +12 -1
  433. package/shared/patterns/affix.d.ts +2 -2
  434. package/shared/patterns/chevron.d.ts +2 -2
  435. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  436. package/shared/presentationDate.cjs +50 -49
  437. package/shared/presentationDate.js +7 -6
  438. package/shared/ref.cjs +2 -2
  439. package/shared/ref.js +1 -1
  440. package/shared/repeat.cjs +22 -22
  441. package/shared/repeat.js +1 -1
  442. package/shared/slider.template.cjs +5 -5
  443. package/shared/slider.template.js +2 -2
  444. package/shared/slotted.cjs +4 -4
  445. package/shared/slotted.js +1 -1
  446. package/shared/strings.cjs +0 -26
  447. package/shared/strings.js +1 -25
  448. package/shared/strings2.cjs +37 -0
  449. package/shared/strings2.js +33 -0
  450. package/shared/text-anchor.cjs +8 -89
  451. package/shared/text-anchor.js +5 -86
  452. package/shared/text-anchor.template.cjs +2 -2
  453. package/shared/text-anchor.template.js +1 -1
  454. package/shared/text-field2.cjs +29 -28
  455. package/shared/text-field2.js +6 -5
  456. package/shared/vivid-element.cjs +8 -0
  457. package/shared/vivid-element.js +6 -0
  458. package/side-drawer/index.cjs +1 -1
  459. package/side-drawer/index.js +1 -1
  460. package/slider/index.cjs +1 -1
  461. package/slider/index.js +1 -1
  462. package/split-button/index.cjs +1 -1
  463. package/split-button/index.js +1 -1
  464. package/styles/core/all.css +1 -1
  465. package/styles/core/theme.css +1 -1
  466. package/styles/core/typography.css +1 -1
  467. package/styles/tokens/theme-dark.css +4 -4
  468. package/styles/tokens/theme-light.css +4 -4
  469. package/styles/tokens/vivid-2-compat.css +1 -1
  470. package/switch/index.cjs +1 -1
  471. package/switch/index.js +1 -1
  472. package/tab/index.cjs +1 -1
  473. package/tab/index.js +1 -1
  474. package/tab-panel/index.cjs +1 -1
  475. package/tab-panel/index.js +1 -1
  476. package/tabs/index.cjs +1 -1
  477. package/tabs/index.js +1 -1
  478. package/tag/index.cjs +1 -1
  479. package/tag/index.js +1 -1
  480. package/tag-group/index.cjs +1 -1
  481. package/tag-group/index.js +1 -1
  482. package/text-anchor/index.cjs +10 -7
  483. package/text-anchor/index.js +10 -7
  484. package/text-area/index.cjs +1 -1
  485. package/text-area/index.js +1 -1
  486. package/text-field/index.cjs +1 -1
  487. package/text-field/index.js +1 -1
  488. package/time-picker/index.cjs +1 -1
  489. package/time-picker/index.js +1 -1
  490. package/toggletip/index.cjs +1 -1
  491. package/toggletip/index.js +1 -1
  492. package/tooltip/index.cjs +1 -1
  493. package/tooltip/index.js +1 -1
  494. package/tree-item/index.cjs +1 -1
  495. package/tree-item/index.js +1 -1
  496. package/tree-view/index.cjs +1 -1
  497. package/tree-view/index.js +1 -1
  498. package/video-player/index.cjs +1 -1
  499. package/video-player/index.js +1 -1
  500. package/vivid.api.json +2846 -7860
  501. package/shared/definition64.cjs +0 -2175
  502. package/shared/definition64.js +0 -2170
  503. package/shared/design-system/index.d.ts +0 -3
  504. package/shared/icon.cjs +0 -261
  505. package/shared/icon.js +0 -258
  506. package/shared/index2.cjs +0 -11
  507. package/shared/index2.js +0 -9
  508. package/shared/radio.cjs +0 -126
  509. package/shared/radio.js +0 -124
  510. package/shared/select.options.cjs +0 -12
  511. package/shared/select.options.js +0 -10
  512. package/shared/start-end.cjs +0 -52
  513. package/shared/start-end.js +0 -50
  514. package/shared/tree-item.cjs +0 -154
  515. package/shared/tree-item.js +0 -151
  516. 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 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;
@@ -1,70 +1,77 @@
1
- import { F as FoundationElement, _ as __decorate, a as attr, n as nullableNumberConverter, o as observable } from './index.js';
1
+ import { F as FoundationElement } from './foundation-element.js';
2
+ import { a as attr, n as nullableNumberConverter, o as observable } from './defineVividComponent.js';
2
3
 
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
- */
4
+ var __defProp = Object.defineProperty;
5
+ var __decorateClass = (decorators, target, key, kind) => {
6
+ var result = void 0 ;
7
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
8
+ if (decorator = decorators[i])
9
+ result = (decorator(target, key, result) ) || result;
10
+ if (result) __defProp(target, key, result);
11
+ return result;
12
+ };
14
13
  class BaseProgress extends FoundationElement {
15
- constructor() {
16
- super(...arguments);
17
- /**
18
- * Indicates progress in %
19
- * @internal
20
- */
21
- this.percentComplete = 0;
14
+ constructor() {
15
+ super(...arguments);
16
+ this.percentComplete = 0;
17
+ }
18
+ /**
19
+ * @internal
20
+ */
21
+ valueChanged() {
22
+ if (this.$fastController.isConnected) {
23
+ this.updatePercentComplete();
22
24
  }
23
- valueChanged() {
24
- if (this.$fastController.isConnected) {
25
- this.updatePercentComplete();
26
- }
25
+ }
26
+ /**
27
+ * @internal
28
+ */
29
+ minChanged() {
30
+ if (this.$fastController.isConnected) {
31
+ this.updatePercentComplete();
27
32
  }
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);
33
+ }
34
+ /**
35
+ * @private
36
+ */
37
+ maxChanged() {
38
+ if (this.$fastController.isConnected) {
39
+ this.updatePercentComplete();
52
40
  }
41
+ }
42
+ /**
43
+ * @internal
44
+ */
45
+ connectedCallback() {
46
+ super.connectedCallback();
47
+ this.updatePercentComplete();
48
+ }
49
+ updatePercentComplete() {
50
+ const min = typeof this.min === "number" ? this.min : 0;
51
+ const max = typeof this.max === "number" ? this.max : 100;
52
+ const value = typeof this.value === "number" ? this.value : 0;
53
+ const range = max - min;
54
+ this.percentComplete = range === 0 ? 0 : Math.fround((value - min) / range * 100);
55
+ }
53
56
  }
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);
57
+ // @ts-expect-error Type is incorrectly non-optional
58
+ __decorateClass([
59
+ attr({ converter: nullableNumberConverter })
60
+ ], BaseProgress.prototype, "value");
61
+ // @ts-expect-error Type is incorrectly non-optional
62
+ __decorateClass([
63
+ attr({ converter: nullableNumberConverter })
64
+ ], BaseProgress.prototype, "min");
65
+ // @ts-expect-error Type is incorrectly non-optional
66
+ __decorateClass([
67
+ attr({ converter: nullableNumberConverter })
68
+ ], BaseProgress.prototype, "max");
69
+ // @ts-expect-error Type is incorrectly non-optional
70
+ __decorateClass([
71
+ attr({ mode: "boolean" })
72
+ ], BaseProgress.prototype, "paused");
73
+ __decorateClass([
74
+ observable
75
+ ], BaseProgress.prototype, "percentComplete");
69
76
 
70
77
  export { BaseProgress as B };