@vonage/vivid 5.25.0 → 5.28.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 (747) hide show
  1. package/accordion/index.cjs +1 -1
  2. package/accordion/index.js +8 -8
  3. package/accordion-item/index.cjs +1 -1
  4. package/action-group/index.cjs +3 -3
  5. package/action-group/index.js +10 -5
  6. package/alert/index.cjs +7 -7
  7. package/alert/index.js +47 -35
  8. package/audio-player/index.cjs +18 -18
  9. package/audio-player/index.js +15 -11
  10. package/avatar/index.cjs +9 -9
  11. package/avatar/index.js +27 -18
  12. package/badge/index.cjs +1 -1
  13. package/banner/index.cjs +5 -5
  14. package/banner/index.js +33 -27
  15. package/breadcrumb/index.cjs +1 -1
  16. package/breadcrumb/index.js +5 -1
  17. package/breadcrumb-item/index.cjs +1 -1
  18. package/breadcrumb-item/index.js +6 -6
  19. package/bundled/affix.cjs +3 -3
  20. package/bundled/affix.js +1 -1
  21. package/bundled/anchored.cjs +2 -2
  22. package/bundled/anchored.js +13 -1
  23. package/bundled/aria-binding-directive.cjs +1 -1
  24. package/bundled/aria-binding-directive.js +2 -2
  25. package/bundled/aria.cjs +1 -1
  26. package/bundled/base-color-picker.cjs +2 -2
  27. package/bundled/base-color-picker.js +1 -1
  28. package/bundled/base-progress.cjs +1 -1
  29. package/bundled/breadcrumb-item.cjs +1 -1
  30. package/bundled/button.cjs +1 -1
  31. package/bundled/calendar-event.cjs +1 -1
  32. package/bundled/calendar-event.js +17 -4
  33. package/bundled/calendar-picker.template.cjs +5 -5
  34. package/bundled/calendar-picker.template.js +56 -58
  35. package/bundled/char-count.cjs +2 -2
  36. package/bundled/children.cjs +1 -1
  37. package/bundled/children.js +1 -1
  38. package/bundled/class-names.cjs +1 -1
  39. package/bundled/component-enum.cjs +1 -0
  40. package/bundled/component-enum.js +9 -0
  41. package/bundled/data-grid.options.cjs +1 -1
  42. package/bundled/data-grid.options.js +7 -6
  43. package/bundled/decorate.cjs +1 -1
  44. package/bundled/decorate.js +1 -1
  45. package/bundled/definition.cjs +1 -1
  46. package/bundled/definition10.cjs +12 -18
  47. package/bundled/definition10.js +24 -69
  48. package/bundled/definition11.cjs +74 -10
  49. package/bundled/definition11.js +194 -24
  50. package/bundled/definition12.cjs +18 -70
  51. package/bundled/definition12.js +48 -186
  52. package/bundled/definition13.cjs +5 -22
  53. package/bundled/definition13.js +9 -58
  54. package/bundled/definition14.cjs +1 -5
  55. package/bundled/definition14.js +9 -9
  56. package/bundled/definition15.cjs +3 -3
  57. package/bundled/definition15.js +18 -18
  58. package/bundled/definition16.cjs +3 -3
  59. package/bundled/definition16.js +23 -17
  60. package/bundled/definition17.cjs +6 -6
  61. package/bundled/definition17.js +8 -8
  62. package/bundled/definition18.cjs +2 -2
  63. package/bundled/definition19.cjs +21 -21
  64. package/bundled/definition19.js +66 -61
  65. package/bundled/definition2.cjs +13 -1
  66. package/bundled/definition2.js +22 -185
  67. package/bundled/definition20.cjs +3 -3
  68. package/bundled/definition20.js +6 -7
  69. package/bundled/definition21.cjs +7 -7
  70. package/bundled/definition21.js +22 -23
  71. package/bundled/definition22.cjs +3 -3
  72. package/bundled/definition22.js +25 -25
  73. package/bundled/definition23.cjs +8 -4
  74. package/bundled/definition23.js +31 -9
  75. package/bundled/definition24.cjs +2 -2
  76. package/bundled/definition24.js +1 -1
  77. package/bundled/definition25.cjs +5 -5
  78. package/bundled/definition25.js +16 -11
  79. package/bundled/definition3.cjs +25 -12
  80. package/bundled/definition3.js +90 -21
  81. package/bundled/definition4.cjs +29 -25
  82. package/bundled/definition4.js +50 -89
  83. package/bundled/definition5.cjs +28 -29
  84. package/bundled/definition5.js +144 -45
  85. package/bundled/definition6.cjs +6 -29
  86. package/bundled/definition6.js +20 -130
  87. package/bundled/definition7.cjs +14 -6
  88. package/bundled/definition7.js +159 -20
  89. package/bundled/definition8.cjs +24 -14
  90. package/bundled/definition8.js +90 -144
  91. package/bundled/definition9.cjs +20 -22
  92. package/bundled/definition9.js +54 -80
  93. package/bundled/delegates-aria.cjs +1 -1
  94. package/bundled/delegates-aria.js +3 -2
  95. package/bundled/dialog.cjs +1 -1
  96. package/bundled/dialog.js +1 -1
  97. package/bundled/divider.cjs +1 -1
  98. package/bundled/divider.js +9 -9
  99. package/bundled/dom.cjs +1 -1
  100. package/bundled/enums.cjs +1 -1
  101. package/bundled/extractOptions.cjs +1 -1
  102. package/bundled/feedback-message.cjs +8 -0
  103. package/bundled/feedback-message.js +41 -0
  104. package/bundled/floating-ui.dom.cjs +1 -1
  105. package/bundled/floating-ui.dom.js +163 -197
  106. package/bundled/form-associated.cjs +1 -1
  107. package/bundled/form-associated.js +3 -4
  108. package/bundled/form-element.cjs +1 -1
  109. package/bundled/host-semantics.cjs +1 -1
  110. package/bundled/icon.cjs +1 -1
  111. package/bundled/kbd-shortcut.cjs +1 -1
  112. package/bundled/key-codes.cjs +1 -1
  113. package/bundled/linkable.cjs +2 -2
  114. package/bundled/listbox.cjs +1 -1
  115. package/bundled/listbox.js +3 -5
  116. package/bundled/localized.cjs +1 -1
  117. package/bundled/localized.js +45 -32
  118. package/bundled/mixins.cjs +9 -16
  119. package/bundled/mixins.js +23 -57
  120. package/bundled/numberConverter.cjs +2 -2
  121. package/bundled/numberConverter.js +1 -1
  122. package/bundled/numbers.cjs +1 -1
  123. package/bundled/optgroup.cjs +1 -1
  124. package/bundled/option.cjs +1 -1
  125. package/bundled/option.js +9 -7
  126. package/bundled/picker-field.template.cjs +2 -2
  127. package/bundled/picker-field.template.js +8 -8
  128. package/bundled/platform.cjs +1 -1
  129. package/bundled/playbackRates.cjs +1 -1
  130. package/bundled/ref.cjs +1 -1
  131. package/bundled/ref.js +1 -1
  132. package/bundled/render-in-light-dom.cjs +1 -1
  133. package/bundled/render-in-light-dom.js +4 -4
  134. package/bundled/repeat.cjs +1 -1
  135. package/bundled/repeat.js +16 -15
  136. package/bundled/scrollIntoView.cjs +1 -1
  137. package/bundled/scrollIntoView.js +1 -3
  138. package/bundled/single-date-picker.cjs +1 -1
  139. package/bundled/single-value-picker.cjs +1 -1
  140. package/bundled/single-value-picker.js +1 -1
  141. package/bundled/slider.template.cjs +12 -12
  142. package/bundled/slider.template.js +209 -32
  143. package/bundled/slottable-request.cjs +3 -3
  144. package/bundled/slottable-request.js +26 -17
  145. package/bundled/slotted.cjs +1 -1
  146. package/bundled/slotted.js +1 -1
  147. package/bundled/text-field.cjs +1 -1
  148. package/bundled/text-field.js +1 -1
  149. package/bundled/time-selection-picker.template.cjs +4 -4
  150. package/bundled/time-selection-picker.template.js +10 -7
  151. package/bundled/trapped-focus.cjs +1 -1
  152. package/bundled/utils.cjs +1 -1
  153. package/bundled/vivid-element.cjs +3 -3
  154. package/bundled/vivid-element.js +397 -358
  155. package/bundled/when.cjs +1 -1
  156. package/bundled/when.js +1 -1
  157. package/bundled/with-contextual-help.cjs +1 -1
  158. package/bundled/with-contextual-help.js +1 -1
  159. package/bundled/with-error-text.cjs +1 -1
  160. package/bundled/with-success-text.cjs +1 -1
  161. package/button/index.cjs +1 -1
  162. package/button/index.js +1 -1
  163. package/calendar/index.cjs +1 -1
  164. package/calendar/index.js +7 -7
  165. package/calendar-event/index.cjs +2 -2
  166. package/calendar-event/index.js +10 -8
  167. package/card/index.cjs +4 -2
  168. package/card/index.js +12 -7
  169. package/checkbox/index.cjs +1 -1
  170. package/color-picker/index.cjs +17 -17
  171. package/color-picker/index.js +19 -17
  172. package/combobox/index.cjs +9 -9
  173. package/combobox/index.js +46 -44
  174. package/contextual-help/index.cjs +1 -1
  175. package/contextual-help/index.js +1 -1
  176. package/country/index.cjs +1 -1
  177. package/country-group/index.cjs +1 -1
  178. package/country-group/index.js +8 -4
  179. package/custom-elements.json +9302 -9180
  180. package/data-grid/index.cjs +6 -6
  181. package/data-grid/index.js +92 -99
  182. package/date-picker/index.cjs +1 -1
  183. package/date-picker/index.js +10 -6
  184. package/date-range-picker/index.cjs +1 -1
  185. package/date-range-picker/index.js +13 -9
  186. package/date-time-picker/index.cjs +1 -1
  187. package/date-time-picker/index.js +11 -7
  188. package/dial-pad/index.cjs +4 -3
  189. package/dial-pad/index.js +14 -9
  190. package/dialog/index.cjs +1 -1
  191. package/dialog/index.js +9 -6
  192. package/divider/index.cjs +1 -1
  193. package/elevation/definition.cjs +1 -0
  194. package/elevation/definition.js +2 -2
  195. package/elevation/index.cjs +1 -1
  196. package/elevation/index.js +1 -1
  197. package/empty-state/index.cjs +3 -3
  198. package/empty-state/index.js +18 -6
  199. package/fab/index.cjs +3 -3
  200. package/fab/index.js +14 -6
  201. package/file-picker/index.cjs +8 -10
  202. package/file-picker/index.js +25 -22
  203. package/flag/index.cjs +1 -1
  204. package/flag/index.js +7 -3
  205. package/form-field/definition.cjs +5 -0
  206. package/form-field/definition.js +2 -0
  207. package/form-field/index.cjs +29 -0
  208. package/form-field/index.js +57 -0
  209. package/header/definition.cjs +1 -1
  210. package/header/definition.js +1 -1
  211. package/header/index.cjs +1 -1
  212. package/header/index.js +9 -5
  213. package/icon/index.cjs +1 -1
  214. package/icon/index.js +1 -1
  215. package/index.cjs +159 -154
  216. package/index.js +42 -40
  217. package/kbd-key/definition.cjs +1 -1
  218. package/kbd-key/definition.js +1 -1
  219. package/kbd-key/index.cjs +3 -3
  220. package/kbd-key/index.js +22 -13
  221. package/kbd-shortcut/definition.cjs +1 -1
  222. package/kbd-shortcut/definition.js +1 -1
  223. package/kbd-shortcut/index.cjs +1 -1
  224. package/kbd-shortcut/index.js +6 -6
  225. package/layout/definition.cjs +1 -1
  226. package/layout/definition.js +1 -1
  227. package/layout/index.cjs +1 -1
  228. package/layout/index.js +7 -3
  229. package/lib/accordion-item/accordion-item.d.ts +11 -6
  230. package/lib/action-group/action-group.d.ts +10 -5
  231. package/lib/alert/alert.d.ts +15 -18
  232. package/lib/avatar/avatar.d.ts +16 -7
  233. package/lib/badge/badge.d.ts +18 -7
  234. package/lib/badge/badge.template.d.ts +2 -1
  235. package/lib/banner/banner.d.ts +18 -20
  236. package/lib/button/button.d.ts +25 -16
  237. package/lib/calendar-event/calendar-event.d.ts +14 -7
  238. package/lib/checkbox/checkbox.d.ts +31 -28
  239. package/lib/combobox/combobox.d.ts +37 -32
  240. package/lib/components.d.ts +1 -0
  241. package/lib/data-grid/data-grid.options.d.ts +6 -1
  242. package/lib/dial-pad/locale.d.ts +1 -0
  243. package/lib/divider/divider.d.ts +9 -6
  244. package/lib/elevation/definition.d.ts +2 -0
  245. package/lib/empty-state/empty-state.d.ts +7 -2
  246. package/lib/fab/fab.d.ts +3 -2
  247. package/lib/form-field/definition.d.ts +4 -0
  248. package/lib/form-field/form-field.d.ts +6 -0
  249. package/lib/form-field/form-field.template.d.ts +3 -0
  250. package/lib/icon/icon.d.ts +1 -1
  251. package/lib/kbd-key/kbd-key.d.ts +7 -2
  252. package/lib/listbox/listbox.d.ts +1 -0
  253. package/lib/menu-item/menu-item.d.ts +17 -14
  254. package/lib/nav-disclosure/nav-disclosure.d.ts +18 -11
  255. package/lib/nav-item/nav-item.d.ts +19 -12
  256. package/lib/note/note.d.ts +10 -6
  257. package/lib/number-field/number-field.d.ts +45 -40
  258. package/lib/option/option.d.ts +13 -10
  259. package/lib/popover/popover.d.ts +2 -1
  260. package/lib/popup/definition.d.ts +2 -0
  261. package/lib/progress/progress.d.ts +10 -5
  262. package/lib/progress-ring/progress-ring.d.ts +10 -6
  263. package/lib/radio/radio.d.ts +18 -15
  264. package/lib/range-slider/range-slider.d.ts +19 -15
  265. package/lib/rich-text-editor/rich-text-editor.d.ts +436 -5
  266. package/lib/rich-text-editor/rte/__tests__/async-generator.d.ts +1 -0
  267. package/lib/rich-text-editor/rte/features/atom.d.ts +6 -2
  268. package/lib/rich-text-editor/rte/instance.d.ts +2 -1
  269. package/lib/rich-text-editor/rte/utils/ui.d.ts +2 -1
  270. package/lib/searchable-select/option-tag.d.ts +12 -7
  271. package/lib/searchable-select/searchable-select.d.ts +7 -2
  272. package/lib/select/select.d.ts +45 -40
  273. package/lib/selectable-box/selectable-box.d.ts +9 -5
  274. package/lib/slider/slider.d.ts +18 -14
  275. package/lib/split-button/split-button.d.ts +24 -15
  276. package/lib/status/status.d.ts +10 -7
  277. package/lib/switch/switch.d.ts +13 -9
  278. package/lib/tab/tab.d.ts +19 -14
  279. package/lib/table/locale.d.ts +10 -0
  280. package/lib/table/table-sorting-button.d.ts +425 -0
  281. package/lib/tabs/tabs.d.ts +6 -3
  282. package/lib/tag/tag.d.ts +24 -15
  283. package/lib/tag-name-map.d.ts +2 -1
  284. package/lib/text-field/text-field.d.ts +46 -41
  285. package/lib/video-player/__tests__/video-fixtures.d.ts +3 -0
  286. package/listbox/definition.cjs +1 -1
  287. package/listbox/definition.js +1 -1
  288. package/listbox/index.cjs +7 -5
  289. package/listbox/index.js +24 -10
  290. package/locales/de-DE.cjs +46 -33
  291. package/locales/de-DE.js +46 -33
  292. package/locales/en-GB.cjs +46 -33
  293. package/locales/en-GB.js +46 -33
  294. package/locales/ja-JP.cjs +47 -33
  295. package/locales/ja-JP.js +47 -33
  296. package/locales/zh-CN.cjs +46 -33
  297. package/locales/zh-CN.js +46 -33
  298. package/menu/index.cjs +1 -1
  299. package/menu-item/index.cjs +1 -1
  300. package/nav/definition.cjs +1 -1
  301. package/nav/definition.js +1 -1
  302. package/nav/index.cjs +1 -1
  303. package/nav/index.js +6 -4
  304. package/nav-disclosure/definition.cjs +1 -1
  305. package/nav-disclosure/definition.js +1 -1
  306. package/nav-disclosure/index.cjs +3 -3
  307. package/nav-disclosure/index.js +13 -8
  308. package/nav-item/definition.cjs +1 -1
  309. package/nav-item/definition.js +1 -1
  310. package/nav-item/index.cjs +2 -2
  311. package/nav-item/index.js +15 -10
  312. package/note/definition.cjs +1 -1
  313. package/note/definition.js +1 -1
  314. package/note/index.cjs +6 -4
  315. package/note/index.js +22 -9
  316. package/number-field/definition.cjs +1 -1
  317. package/number-field/definition.js +1 -1
  318. package/number-field/index.cjs +11 -11
  319. package/number-field/index.js +41 -36
  320. package/optgroup/index.cjs +1 -1
  321. package/option/index.cjs +1 -1
  322. package/package.json +29 -36
  323. package/pagination/definition.cjs +1 -1
  324. package/pagination/definition.js +1 -1
  325. package/pagination/index.cjs +1 -1
  326. package/pagination/index.js +9 -9
  327. package/platform-switch/definition.cjs +1 -1
  328. package/platform-switch/definition.js +1 -1
  329. package/platform-switch/index.cjs +1 -1
  330. package/platform-switch/index.js +6 -2
  331. package/popover/definition.cjs +1 -1
  332. package/popover/definition.js +1 -1
  333. package/popover/index.cjs +2 -2
  334. package/popover/index.js +82 -41
  335. package/popup/definition.cjs +1 -0
  336. package/popup/definition.js +2 -2
  337. package/popup/index.cjs +1 -1
  338. package/popup/index.js +1 -1
  339. package/progress/definition.cjs +1 -1
  340. package/progress/definition.js +1 -1
  341. package/progress/index.cjs +7 -7
  342. package/progress/index.js +21 -11
  343. package/progress-ring/index.cjs +1 -1
  344. package/progress-ring/index.js +1 -1
  345. package/radio/definition.cjs +1 -1
  346. package/radio/definition.js +1 -1
  347. package/radio/index.cjs +1 -1
  348. package/radio-group/definition.cjs +1 -1
  349. package/radio-group/definition.js +1 -1
  350. package/radio-group/index.cjs +2 -2
  351. package/radio-group/index.js +14 -9
  352. package/range-slider/definition.cjs +1 -1
  353. package/range-slider/definition.js +1 -1
  354. package/range-slider/index.cjs +8 -8
  355. package/range-slider/index.js +31 -32
  356. package/rich-text-editor/definition.cjs +1 -1
  357. package/rich-text-editor/definition.js +1 -1
  358. package/rich-text-editor/index.cjs +25 -16
  359. package/rich-text-editor/index.js +2450 -2154
  360. package/rich-text-view/definition.cjs +1 -1
  361. package/rich-text-view/definition.js +1 -1
  362. package/rich-text-view/index.cjs +1 -1
  363. package/rich-text-view/index.js +6 -4
  364. package/searchable-select/definition.cjs +1 -1
  365. package/searchable-select/definition.js +1 -1
  366. package/searchable-select/index.cjs +22 -22
  367. package/searchable-select/index.js +97 -93
  368. package/select/definition.cjs +1 -1
  369. package/select/definition.js +1 -1
  370. package/select/index.cjs +1 -1
  371. package/selectable-box/definition.cjs +1 -1
  372. package/selectable-box/definition.js +1 -1
  373. package/selectable-box/index.cjs +8 -8
  374. package/selectable-box/index.js +24 -20
  375. package/shared/localization/Locale.d.ts +2 -0
  376. package/shared/patterns/anchored.d.ts +2 -0
  377. package/shared/styles/appearance.d.ts +2 -0
  378. package/shared/styles/connotation.d.ts +2 -0
  379. package/shared/styles/connotationOverrides.d.ts +1 -0
  380. package/shared/utils/component-enum.d.ts +7 -0
  381. package/side-drawer/definition.cjs +1 -1
  382. package/side-drawer/definition.js +1 -1
  383. package/side-drawer/index.cjs +1 -1
  384. package/side-drawer/index.js +10 -7
  385. package/simple-color-picker/definition.cjs +1 -1
  386. package/simple-color-picker/definition.js +1 -1
  387. package/simple-color-picker/index.cjs +2 -2
  388. package/simple-color-picker/index.js +20 -20
  389. package/slider/definition.cjs +2 -1
  390. package/slider/definition.js +2 -1
  391. package/slider/index.cjs +1 -1
  392. package/slider/index.js +1 -1
  393. package/split-button/definition.cjs +1 -1
  394. package/split-button/definition.js +1 -1
  395. package/split-button/index.cjs +9 -7
  396. package/split-button/index.js +58 -37
  397. package/status/definition.cjs +1 -1
  398. package/status/definition.js +1 -1
  399. package/status/index.cjs +5 -5
  400. package/status/index.js +22 -13
  401. package/switch/definition.cjs +1 -1
  402. package/switch/definition.js +1 -1
  403. package/switch/index.cjs +3 -3
  404. package/switch/index.js +22 -11
  405. package/tab/definition.cjs +1 -1
  406. package/tab/definition.js +1 -1
  407. package/tab/index.cjs +1 -1
  408. package/tab/index.js +1 -1
  409. package/tab-panel/definition.cjs +1 -1
  410. package/tab-panel/definition.js +1 -1
  411. package/tab-panel/index.cjs +1 -1
  412. package/tab-panel/index.js +1 -1
  413. package/table/definition.cjs +1 -1
  414. package/table/definition.js +1 -1
  415. package/table/index.cjs +20 -18
  416. package/table/index.js +54 -42
  417. package/tabs/definition.cjs +1 -1
  418. package/tabs/definition.js +1 -1
  419. package/tabs/index.cjs +4 -4
  420. package/tabs/index.js +32 -30
  421. package/tag/definition.cjs +1 -1
  422. package/tag/definition.js +1 -1
  423. package/tag/index.cjs +6 -6
  424. package/tag/index.js +28 -12
  425. package/tag-group/definition.cjs +1 -1
  426. package/tag-group/definition.js +1 -1
  427. package/tag-group/index.cjs +1 -1
  428. package/tag-group/index.js +6 -4
  429. package/text-area/definition.cjs +1 -1
  430. package/text-area/definition.js +1 -1
  431. package/text-area/index.cjs +5 -5
  432. package/text-area/index.js +18 -15
  433. package/text-field/index.cjs +1 -1
  434. package/text-field/index.js +1 -1
  435. package/time-picker/definition.cjs +1 -1
  436. package/time-picker/definition.js +1 -1
  437. package/time-picker/index.cjs +1 -1
  438. package/time-picker/index.js +9 -6
  439. package/toggletip/index.cjs +1 -1
  440. package/toggletip/index.js +1 -1
  441. package/tooltip/index.cjs +1 -1
  442. package/tooltip/index.js +1 -1
  443. package/tree-item/definition.cjs +1 -1
  444. package/tree-item/definition.js +1 -1
  445. package/tree-item/index.cjs +1 -1
  446. package/tree-item/index.js +1 -1
  447. package/tree-view/definition.cjs +1 -1
  448. package/tree-view/definition.js +1 -1
  449. package/tree-view/index.cjs +1 -1
  450. package/tree-view/index.js +7 -5
  451. package/unbundled/affix.cjs +0 -1
  452. package/unbundled/anchored.cjs +39 -1
  453. package/unbundled/anchored.js +28 -1
  454. package/unbundled/aria-binding-directive.cjs +2 -2
  455. package/unbundled/aria-binding-directive.js +2 -1
  456. package/unbundled/base-color-picker.cjs +0 -1
  457. package/unbundled/base-progress.cjs +0 -1
  458. package/unbundled/breadcrumb-item.cjs +0 -1
  459. package/unbundled/button.cjs +0 -1
  460. package/unbundled/calendar-event.cjs +29 -1
  461. package/unbundled/calendar-event.js +18 -1
  462. package/unbundled/calendar-picker.template.cjs +109 -91
  463. package/unbundled/calendar-picker.template.js +109 -90
  464. package/unbundled/char-count.cjs +0 -1
  465. package/unbundled/component-enum.cjs +18 -0
  466. package/unbundled/component-enum.js +13 -0
  467. package/unbundled/data-grid.options.cjs +8 -0
  468. package/unbundled/data-grid.options.js +3 -1
  469. package/unbundled/decorate.cjs +1 -1
  470. package/unbundled/decorate.js +1 -1
  471. package/unbundled/definition.cjs +1 -2
  472. package/unbundled/definition.js +1 -1
  473. package/unbundled/definition10.cjs +2 -343
  474. package/unbundled/definition10.js +4 -338
  475. package/unbundled/definition11.cjs +6 -7
  476. package/unbundled/definition11.js +6 -6
  477. package/unbundled/definition12.cjs +4 -4
  478. package/unbundled/definition12.js +5 -4
  479. package/unbundled/definition13.cjs +2 -2
  480. package/unbundled/definition13.js +2 -1
  481. package/unbundled/definition14.cjs +12 -4
  482. package/unbundled/definition14.js +12 -3
  483. package/unbundled/definition15.cjs +32 -6
  484. package/unbundled/definition15.js +32 -5
  485. package/unbundled/definition16.cjs +20 -14
  486. package/unbundled/definition16.js +20 -13
  487. package/unbundled/definition17.cjs +0 -1
  488. package/unbundled/definition18.cjs +4 -3
  489. package/unbundled/definition18.js +4 -2
  490. package/unbundled/definition19.cjs +2 -3
  491. package/unbundled/definition19.js +9 -8
  492. package/unbundled/definition2.cjs +9 -4
  493. package/unbundled/definition2.js +9 -3
  494. package/unbundled/definition20.cjs +1 -2
  495. package/unbundled/definition20.js +7 -6
  496. package/unbundled/definition21.cjs +4 -3
  497. package/unbundled/definition21.js +4 -2
  498. package/unbundled/definition22.cjs +0 -1
  499. package/unbundled/definition23.cjs +12 -6
  500. package/unbundled/definition23.js +11 -4
  501. package/unbundled/definition24.cjs +8 -8
  502. package/unbundled/definition24.js +9 -8
  503. package/unbundled/definition25.cjs +7 -4
  504. package/unbundled/definition25.js +7 -3
  505. package/unbundled/definition26.cjs +6 -4
  506. package/unbundled/definition26.js +5 -2
  507. package/unbundled/definition27.cjs +10 -7
  508. package/unbundled/definition27.js +10 -6
  509. package/unbundled/definition28.cjs +3 -3
  510. package/unbundled/definition28.js +2 -1
  511. package/unbundled/definition29.cjs +2 -3
  512. package/unbundled/definition29.js +3 -3
  513. package/unbundled/definition3.cjs +5 -6
  514. package/unbundled/definition3.js +5 -5
  515. package/unbundled/definition30.cjs +0 -1
  516. package/unbundled/definition31.cjs +15 -13
  517. package/unbundled/definition31.js +14 -11
  518. package/unbundled/definition32.cjs +0 -1
  519. package/unbundled/definition33.cjs +0 -1
  520. package/unbundled/definition34.cjs +0 -1
  521. package/unbundled/definition35.cjs +39 -51
  522. package/unbundled/definition35.js +40 -51
  523. package/unbundled/definition36.cjs +2 -3
  524. package/unbundled/definition36.js +9 -8
  525. package/unbundled/definition37.cjs +0 -1
  526. package/unbundled/definition38.cjs +0 -1
  527. package/unbundled/definition39.cjs +0 -1
  528. package/unbundled/definition4.cjs +4 -3
  529. package/unbundled/definition4.js +11 -6
  530. package/unbundled/definition40.cjs +5 -4
  531. package/unbundled/definition40.js +5 -3
  532. package/unbundled/definition41.cjs +0 -1
  533. package/unbundled/definition42.cjs +11 -3
  534. package/unbundled/definition42.js +11 -2
  535. package/unbundled/definition43.cjs +7 -3
  536. package/unbundled/definition43.js +7 -2
  537. package/unbundled/definition44.cjs +12 -11
  538. package/unbundled/definition44.js +11 -9
  539. package/unbundled/definition45.cjs +73 -52
  540. package/unbundled/definition45.js +69 -47
  541. package/unbundled/definition46.cjs +53 -46
  542. package/unbundled/definition46.js +49 -41
  543. package/unbundled/definition47.cjs +40 -165
  544. package/unbundled/definition47.js +36 -160
  545. package/unbundled/definition48.cjs +177 -32
  546. package/unbundled/definition48.js +174 -22
  547. package/unbundled/definition49.cjs +32 -596
  548. package/unbundled/definition49.js +29 -591
  549. package/unbundled/definition5.cjs +9 -3
  550. package/unbundled/definition5.js +15 -7
  551. package/unbundled/definition50.cjs +609 -78
  552. package/unbundled/definition50.js +605 -75
  553. package/unbundled/definition51.cjs +74 -34
  554. package/unbundled/definition51.js +70 -29
  555. package/unbundled/definition52.cjs +59 -24
  556. package/unbundled/definition52.js +57 -18
  557. package/unbundled/definition53.cjs +23 -40
  558. package/unbundled/definition53.js +19 -35
  559. package/unbundled/definition54.cjs +40 -316
  560. package/unbundled/definition54.js +38 -313
  561. package/unbundled/definition55.cjs +305 -196
  562. package/unbundled/definition55.js +301 -191
  563. package/unbundled/definition56.cjs +210 -41
  564. package/unbundled/definition56.js +206 -36
  565. package/unbundled/definition57.cjs +42 -271
  566. package/unbundled/definition57.js +38 -266
  567. package/unbundled/definition58.cjs +351 -51
  568. package/unbundled/definition58.js +348 -46
  569. package/unbundled/definition59.cjs +58 -147
  570. package/unbundled/definition59.js +59 -144
  571. package/unbundled/definition6.cjs +22 -7
  572. package/unbundled/definition6.js +22 -6
  573. package/unbundled/definition60.cjs +129 -226
  574. package/unbundled/definition60.js +126 -222
  575. package/unbundled/definition61.cjs +200 -420
  576. package/unbundled/definition61.js +197 -416
  577. package/unbundled/definition62.cjs +442 -3743
  578. package/unbundled/definition62.js +433 -3570
  579. package/unbundled/definition63.cjs +3788 -729
  580. package/unbundled/definition63.js +3617 -721
  581. package/unbundled/definition64.cjs +784 -98
  582. package/unbundled/definition64.js +781 -94
  583. package/unbundled/definition65.cjs +100 -1003
  584. package/unbundled/definition65.js +98 -997
  585. package/unbundled/definition66.cjs +996 -94
  586. package/unbundled/definition66.js +992 -89
  587. package/unbundled/definition67.cjs +111 -74
  588. package/unbundled/definition67.js +107 -63
  589. package/unbundled/definition68.cjs +69 -157
  590. package/unbundled/definition68.js +65 -152
  591. package/unbundled/definition69.cjs +156 -120
  592. package/unbundled/definition69.js +152 -115
  593. package/unbundled/definition7.cjs +0 -1
  594. package/unbundled/definition7.js +10 -4
  595. package/unbundled/definition70.cjs +154 -50
  596. package/unbundled/definition70.js +150 -45
  597. package/unbundled/definition71.cjs +58 -86
  598. package/unbundled/definition71.js +57 -81
  599. package/unbundled/definition72.cjs +99 -20
  600. package/unbundled/definition72.js +98 -15
  601. package/unbundled/definition73.cjs +20 -89
  602. package/unbundled/definition73.js +16 -84
  603. package/unbundled/definition74.cjs +79 -296
  604. package/unbundled/definition74.js +73 -217
  605. package/unbundled/definition75.cjs +304 -312
  606. package/unbundled/definition75.js +232 -304
  607. package/unbundled/definition76.cjs +328 -27
  608. package/unbundled/definition76.js +320 -23
  609. package/unbundled/definition77.cjs +27 -125
  610. package/unbundled/definition77.js +23 -120
  611. package/unbundled/definition78.cjs +120 -233
  612. package/unbundled/definition78.js +116 -228
  613. package/unbundled/definition79.cjs +258 -26
  614. package/unbundled/definition79.js +249 -23
  615. package/unbundled/definition8.cjs +19 -12
  616. package/unbundled/definition8.js +19 -11
  617. package/unbundled/definition80.cjs +29 -149
  618. package/unbundled/definition80.js +27 -134
  619. package/unbundled/definition81.cjs +118 -174
  620. package/unbundled/definition81.js +109 -169
  621. package/unbundled/definition82.cjs +180 -477
  622. package/unbundled/definition82.js +178 -472
  623. package/unbundled/definition83.cjs +517 -0
  624. package/unbundled/definition83.js +498 -0
  625. package/unbundled/definition9.cjs +4 -3
  626. package/unbundled/definition9.js +4 -2
  627. package/unbundled/delegates-aria.cjs +4 -2
  628. package/unbundled/delegates-aria.js +4 -2
  629. package/unbundled/divider.cjs +8 -3
  630. package/unbundled/divider.js +3 -3
  631. package/unbundled/en-US.cjs +46 -33
  632. package/unbundled/en-US.js +46 -33
  633. package/unbundled/feedback-message.cjs +59 -0
  634. package/unbundled/feedback-message.js +48 -0
  635. package/unbundled/form-associated.cjs +1 -4
  636. package/unbundled/form-associated.js +1 -3
  637. package/unbundled/form-element.cjs +0 -1
  638. package/unbundled/icon.cjs +0 -1
  639. package/unbundled/kbd-shortcut.cjs +0 -1
  640. package/unbundled/linkable.cjs +1 -2
  641. package/unbundled/linkable.js +1 -1
  642. package/unbundled/listbox.cjs +0 -2
  643. package/unbundled/listbox.js +0 -1
  644. package/unbundled/localized.cjs +0 -1
  645. package/unbundled/mixins.cjs +3 -54
  646. package/unbundled/mixins.js +3 -47
  647. package/unbundled/numberConverter.cjs +8 -3
  648. package/unbundled/numberConverter.js +8 -3
  649. package/unbundled/optgroup.cjs +0 -1
  650. package/unbundled/option.cjs +8 -1
  651. package/unbundled/option.js +3 -1
  652. package/unbundled/picker-field.template.cjs +1 -2
  653. package/unbundled/picker-field.template.js +1 -1
  654. package/unbundled/randomId.cjs +0 -1
  655. package/unbundled/{chunk.cjs → rolldown-runtime.cjs} +1 -1
  656. package/unbundled/scrollIntoView.cjs +0 -1
  657. package/unbundled/scrollIntoView.js +0 -1
  658. package/unbundled/slider.template.cjs +340 -2
  659. package/unbundled/slider.template.js +338 -5
  660. package/unbundled/text-field.cjs +1 -1
  661. package/unbundled/text-field.js +1 -1
  662. package/unbundled/time-selection-picker.template.cjs +2 -3
  663. package/unbundled/time-selection-picker.template.js +2 -2
  664. package/unbundled/vivid-element.cjs +63 -4
  665. package/unbundled/vivid-element.js +63 -3
  666. package/unbundled/with-contextual-help.cjs +0 -1
  667. package/unbundled/with-error-text.cjs +0 -1
  668. package/unbundled/with-success-text.cjs +0 -1
  669. package/video-player/definition.cjs +1 -1
  670. package/video-player/definition.js +1 -1
  671. package/video-player/index.cjs +31 -31
  672. package/video-player/index.js +2094 -2085
  673. package/visually-hidden/index.cjs +1 -1
  674. package/vivid.api.json +509 -1125
  675. package/lib/accordion/variations.browser-spec.d.ts +0 -1
  676. package/lib/action-group/variations.browser-spec.d.ts +0 -1
  677. package/lib/alert/variations.browser-spec.d.ts +0 -1
  678. package/lib/audio-player/variations.browser-spec.d.ts +0 -1
  679. package/lib/avatar/variations.browser-spec.d.ts +0 -1
  680. package/lib/badge/variations.browser-spec.d.ts +0 -1
  681. package/lib/banner/variations.browser-spec.d.ts +0 -1
  682. package/lib/breadcrumb-item/variations.browser-spec.d.ts +0 -1
  683. package/lib/button/variations.browser-spec.d.ts +0 -1
  684. package/lib/calendar/variations.browser-spec.d.ts +0 -1
  685. package/lib/calendar-event/variations.browser-spec.d.ts +0 -1
  686. package/lib/card/variations.browser-spec.d.ts +0 -1
  687. package/lib/checkbox/variations.browser-spec.d.ts +0 -1
  688. package/lib/color-picker/variations.browser-spec.d.ts +0 -1
  689. package/lib/combobox/variations.browser-spec.d.ts +0 -1
  690. package/lib/contextual-help/variations.browser-spec.d.ts +0 -1
  691. package/lib/country/variations.browser-spec.d.ts +0 -1
  692. package/lib/data-grid/variations.browser-spec.d.ts +0 -1
  693. package/lib/date-picker/variations.browser-spec.d.ts +0 -1
  694. package/lib/date-range-picker/variations.browser-spec.d.ts +0 -1
  695. package/lib/date-time-picker/variations.browser-spec.d.ts +0 -1
  696. package/lib/dial-pad/variations.browser-spec.d.ts +0 -1
  697. package/lib/dialog/variations.browser-spec.d.ts +0 -1
  698. package/lib/divider/variations.browser-spec.d.ts +0 -1
  699. package/lib/empty-state/variations.browser-spec.d.ts +0 -1
  700. package/lib/fab/variations.browser-spec.d.ts +0 -1
  701. package/lib/file-picker/variations.browser-spec.d.ts +0 -1
  702. package/lib/flag/variations.browser-spec.d.ts +0 -1
  703. package/lib/header/variations.browser-spec.d.ts +0 -1
  704. package/lib/icon/variations.browser-spec.d.ts +0 -1
  705. package/lib/kbd-key/variations.browser-spec.d.ts +0 -1
  706. package/lib/kbd-shortcut/variations.browser-spec.d.ts +0 -1
  707. package/lib/layout/variations.browser-spec.d.ts +0 -1
  708. package/lib/listbox/variations.browser-spec.d.ts +0 -1
  709. package/lib/menu/variations.browser-spec.d.ts +0 -1
  710. package/lib/menu-item/variations.browser-spec.d.ts +0 -1
  711. package/lib/nav/variations.browser-spec.d.ts +0 -1
  712. package/lib/nav-disclosure/variations.browser-spec.d.ts +0 -1
  713. package/lib/nav-item/variations.browser-spec.d.ts +0 -1
  714. package/lib/note/variations.browser-spec.d.ts +0 -1
  715. package/lib/number-field/variations.browser-spec.d.ts +0 -1
  716. package/lib/optgroup/variations.browser-spec.d.ts +0 -1
  717. package/lib/option/variations.browser-spec.d.ts +0 -1
  718. package/lib/pagination/variations.browser-spec.d.ts +0 -1
  719. package/lib/popover/variations.browser-spec.d.ts +0 -1
  720. package/lib/progress/variations.browser-spec.d.ts +0 -1
  721. package/lib/progress-ring/variations.browser-spec.d.ts +0 -1
  722. package/lib/radio/variations.browser-spec.d.ts +0 -1
  723. package/lib/radio-group/variations.browser-spec.d.ts +0 -1
  724. package/lib/range-slider/variations.browser-spec.d.ts +0 -1
  725. package/lib/rich-text-editor/variations.browser-spec.d.ts +0 -1
  726. package/lib/rich-text-view/variations.browser-spec.d.ts +0 -1
  727. package/lib/searchable-select/variations.browser-spec.d.ts +0 -1
  728. package/lib/select/variations.browser-spec.d.ts +0 -1
  729. package/lib/selectable-box/variations.browser-spec.d.ts +0 -1
  730. package/lib/side-drawer/variations.browser-spec.d.ts +0 -1
  731. package/lib/simple-color-picker/variations.browser-spec.d.ts +0 -1
  732. package/lib/slider/variations.browser-spec.d.ts +0 -1
  733. package/lib/split-button/variations.browser-spec.d.ts +0 -1
  734. package/lib/status/variations.browser-spec.d.ts +0 -1
  735. package/lib/switch/variations.browser-spec.d.ts +0 -1
  736. package/lib/table/variations.browser-spec.d.ts +0 -1
  737. package/lib/tabs/variations.browser-spec.d.ts +0 -1
  738. package/lib/tag/variations.browser-spec.d.ts +0 -1
  739. package/lib/text-area/variations.browser-spec.d.ts +0 -1
  740. package/lib/text-field/variations.browser-spec.d.ts +0 -1
  741. package/lib/time-picker/variations.browser-spec.d.ts +0 -1
  742. package/lib/toggletip/variations.browser-spec.d.ts +0 -1
  743. package/lib/tooltip/variations.browser-spec.d.ts +0 -1
  744. package/lib/tree-item/variations.browser-spec.d.ts +0 -1
  745. package/lib/video-player/variations.browser-spec.d.ts +0 -1
  746. /package/lib/{accordion-item/variations.browser-spec.d.ts → form-field/index.d.ts} +0 -0
  747. /package/unbundled/{chunk.js → rolldown-runtime.js} +0 -0
package/popover/index.js CHANGED
@@ -5,55 +5,92 @@ import { t as l } from "../bundled/ref.js";
5
5
  import { t as u } from "../bundled/when.js";
6
6
  import { t as d } from "../bundled/decorate.js";
7
7
  import { t as f } from "../bundled/class-names.js";
8
- import { t as p } from "../bundled/definition3.js";
8
+ import { t as p } from "../bundled/definition2.js";
9
9
  import { t as m } from "../bundled/icon.js";
10
10
  import { n as h, t as g } from "../bundled/delegates-aria.js";
11
- import { i as _, t as v } from "../bundled/definition6.js";
12
- import { r as y, t as b } from "../bundled/definition7.js";
11
+ import { i as _, t as v } from "../bundled/definition5.js";
12
+ import { r as y, t as b } from "../bundled/definition6.js";
13
13
  import { a as x, c as S, i as C, l as w, o as T, r as E, s as D, t as O } from "../bundled/floating-ui.dom.js";
14
+ import { i as k, r as A } from "../bundled/anchored.js";
14
15
  //#region src/lib/popover/popover.scss?inline
15
- var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in sRGB, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}", A = class extends e(g(o)) {
16
+ var j = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in sRGB, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}", M = /* @__PURE__ */ new Set([
17
+ "application",
18
+ "button",
19
+ "checkbox",
20
+ "columnheader",
21
+ "combobox",
22
+ "gridcell",
23
+ "link",
24
+ "listbox",
25
+ "menuitem",
26
+ "menuitemcheckbox",
27
+ "menuitemradio",
28
+ "row",
29
+ "rowheader",
30
+ "switch",
31
+ "tab",
32
+ "treeitem"
33
+ ]);
34
+ function N(e) {
35
+ return e.toLowerCase().split(/\s+/).some((e) => M.has(e));
36
+ }
37
+ var P = /* @__PURE__ */ new Set([
38
+ "button",
39
+ "submit",
40
+ "reset",
41
+ "image"
42
+ ]);
43
+ function F(e) {
44
+ if (e._vividAriaBehaviour === "delegate" || e.tagName.includes("-") && !window.customElements.get(e.tagName.toLowerCase())) return !0;
45
+ let t = e.getAttribute("role");
46
+ return t === null ? e instanceof HTMLButtonElement || e instanceof HTMLInputElement && P.has(e.type) || (e instanceof HTMLAnchorElement || e instanceof HTMLAreaElement) && e.hasAttribute("href") || e instanceof HTMLSelectElement || e.tagName === "SUMMARY" : N(t);
47
+ }
48
+ var I = class extends e(g(o)) {
16
49
  constructor(...e) {
17
- super(...e), this.placement = "bottom", this.manual = !1, this.layout = "default", this.offset = 8, this.alternate = !1, this.dismissButtonAriaLabel = null, this.arrow = !1, this.open = !1, this.#e = null, this.#i = () => {
50
+ super(...e), this.placement = "bottom", this.manual = !1, this.layout = "default", this.offset = 8, this.alternate = !1, this.dismissButtonAriaLabel = null, this.arrow = !1, this.open = !1, this.#e = null, this.#t = !1, this.#o = () => {
18
51
  this._popoverEl.togglePopover();
19
- }, this.#l = () => {
20
- this.#c = this.updatePosition();
21
- }, this.#f = (e) => {
52
+ }, this.#d = () => {
53
+ this.#u = this.updatePosition();
54
+ }, this.#m = (e) => {
22
55
  let t = e.newState ? e.newState === "open" : this._popoverEl.matches(":popover-open");
23
56
  this.open !== t && (this.open = t), this.$emit(t ? "open" : "close", void 0, { bubbles: !1 });
24
57
  };
25
58
  }
26
59
  placementChanged() {
27
- this.#s();
60
+ this.#l();
28
61
  }
29
62
  arrowChanged() {
30
- this.#s();
63
+ this.#l();
31
64
  }
32
65
  openChanged(e, t) {
33
- if (!this._popoverEl) return;
66
+ if (this.#a(), !this._popoverEl) return;
34
67
  let n = this._popoverEl.matches(":popover-open");
35
- t && !n ? this._popoverEl.showPopover() : !t && n && this._popoverEl.hidePopover(), this.#s();
68
+ t && !n ? this._popoverEl.showPopover() : !t && n && this._popoverEl.hidePopover(), this.#l();
36
69
  }
37
70
  anchorChanged() {
38
- this.#t();
71
+ this.#n();
39
72
  }
40
73
  _slottedAnchorChanged() {
41
- this.#t();
74
+ this.#n();
42
75
  }
43
76
  #e;
44
- #t() {
77
+ #t;
78
+ #n() {
45
79
  if (!this._popoverEl) return;
46
80
  let e = this.anchor || this._slottedAnchor?.[0] || null;
47
- this.#e !== e && (this.#e && this.#r(this.#e), this.#e = e, this.#e && this._popoverEl && (this.#n(this.#e), this.#s()));
48
- }
49
- #n(e) {
50
- e.setAttribute("aria-haspopup", "dialog"), e instanceof HTMLButtonElement || e instanceof HTMLInputElement ? e.popoverTargetElement = this._popoverEl : e.addEventListener("click", this.#i);
81
+ this.#e !== e && (this.#e && this.#i(this.#e), this.#e = e, this.#e && this._popoverEl && (this.#r(this.#e), this.#l()));
51
82
  }
52
83
  #r(e) {
53
- e.removeAttribute("aria-haspopup"), e instanceof HTMLButtonElement || e instanceof HTMLInputElement ? e.popoverTargetElement = null : e.removeEventListener("click", this.#i);
84
+ this.#t = F(e), this.#t ? e.setAttribute("aria-haspopup", "dialog") : console.warn(`[popover] The anchor element <${e.tagName.toLowerCase()}> does not have button-like semantics, so the "aria-haspopup" and "aria-expanded" attributes will not be applied to it. To make the Popover trigger accessible, use a button element (e.g. <vwc-button> or <button>) or provide an appropriate role (e.g. role="button") on the anchor.`), this.#a(), e instanceof HTMLButtonElement || e instanceof HTMLInputElement ? e.popoverTargetElement = this._popoverEl : e.addEventListener("click", this.#o);
85
+ }
86
+ #i(e) {
87
+ this.#t && (e.removeAttribute("aria-haspopup"), e.ariaExpanded = null), this.#t = !1, A(e), e instanceof HTMLButtonElement || e instanceof HTMLInputElement ? e.popoverTargetElement = null : e.removeEventListener("click", this.#o);
88
+ }
89
+ #a() {
90
+ this.#e && (this.#t && (this.#e.ariaExpanded = this.open.toString()), k(this.#e, this.open));
54
91
  }
55
- #i;
56
- get #a() {
92
+ #o;
93
+ get #s() {
57
94
  let e = [
58
95
  D(),
59
96
  x(),
@@ -65,23 +102,23 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
65
102
  padding: 10
66
103
  })]), t > 0 && e.unshift(S(t)), e;
67
104
  }
68
- #o;
69
- #s() {
70
- this.#o?.(), this.open && this.#e && this._popoverEl && (this.#o = E(this.#e, this._popoverEl, this.#l));
71
- }
72
105
  #c;
73
- #l;
106
+ #l() {
107
+ this.#c?.(), this.open && this.#e && this._popoverEl && (this.#c = E(this.#e, this._popoverEl, this.#d));
108
+ }
109
+ #u;
110
+ #d;
74
111
  async updatePosition() {
75
112
  /* v8 ignore if -- @preserve */
76
113
  if (!this.open || !this.#e || !this._popoverEl) return;
77
114
  let e = await C(this.#e, this._popoverEl, {
78
115
  placement: this.placement,
79
116
  strategy: "fixed",
80
- middleware: this.#a
117
+ middleware: this.#s
81
118
  });
82
- this.open && (this.#u(e), this.arrow && this._arrowEl && this.#d(e));
119
+ this.open && (this.#f(e), this.arrow && this._arrowEl && this.#p(e));
83
120
  }
84
- #u(e) {
121
+ #f(e) {
85
122
  let { x: t, y: n } = e;
86
123
  Object.assign(this._popoverEl.style, {
87
124
  left: `${t}px`,
@@ -89,7 +126,7 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
89
126
  visibility: e.middlewareData.hide?.referenceHidden ? "hidden" : "visible"
90
127
  });
91
128
  }
92
- #d(e) {
129
+ #p(e) {
93
130
  /* v8 ignore if -- @preserve */
94
131
  if (!this._arrowEl) return;
95
132
  let { x: t, y: n } = e.middlewareData.arrow, r = {
@@ -103,17 +140,17 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
103
140
  top: n ? `${n}px` : r[i]
104
141
  });
105
142
  }
106
- #f;
143
+ #m;
107
144
  connectedCallback() {
108
145
  /* v8 ignore else -- @preserve */
109
- super.connectedCallback(), this.#t(), this._popoverEl && (this._popoverEl.addEventListener("toggle", this.#f), this.open && !this._popoverEl.matches(":popover-open") && (this._popoverEl.showPopover(), this.#s()));
146
+ super.connectedCallback(), this.#n(), this._popoverEl && (this._popoverEl.addEventListener("toggle", this.#m), this.open && !this._popoverEl.matches(":popover-open") && (this._popoverEl.showPopover(), this.#l()));
110
147
  }
111
148
  disconnectedCallback() {
112
149
  /* v8 ignore else -- @preserve */
113
- super.disconnectedCallback(), this.#o?.(), this.#e &&= (this.#r(this.#e), null), this._popoverEl && this._popoverEl.removeEventListener("toggle", this.#f);
150
+ super.disconnectedCallback(), this.#c?.(), this.#e &&= (this.#i(this.#e), null), this._popoverEl && this._popoverEl.removeEventListener("toggle", this.#m);
114
151
  }
115
152
  show() {
116
- return this.open = !0, this.#c ?? Promise.resolve();
153
+ return this.open = !0, this.#u ?? Promise.resolve();
117
154
  }
118
155
  hide() {
119
156
  this.open = !1;
@@ -122,13 +159,14 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
122
159
  this.open = !this.open;
123
160
  }
124
161
  };
125
- //#endregion
126
- //#region src/lib/popover/index.ts
127
- d([i({ mode: "fromView" })], A.prototype, "placement", void 0), d([i({ mode: "boolean" })], A.prototype, "manual", void 0), d([i({ mode: "fromView" })], A.prototype, "layout", void 0), d([i({
162
+ d([i({ mode: "fromView" })], I.prototype, "placement", void 0), d([i({ mode: "boolean" })], I.prototype, "manual", void 0), d([i({ mode: "fromView" })], I.prototype, "layout", void 0), d([i({
128
163
  attribute: "offset",
129
164
  mode: "fromView",
130
165
  converter: r
131
- })], A.prototype, "offset", void 0), d([i({ mode: "boolean" })], A.prototype, "alternate", void 0), d([i({ attribute: "dismiss-button-aria-label" })], A.prototype, "dismissButtonAriaLabel", void 0), d([i({ mode: "boolean" })], A.prototype, "arrow", void 0), d([i({ mode: "boolean" })], A.prototype, "open", void 0), d([t], A.prototype, "anchor", void 0), d([t], A.prototype, "_slottedAnchor", void 0), n(s("popover", A, (e) => {
166
+ })], I.prototype, "offset", void 0), d([i({ mode: "boolean" })], I.prototype, "alternate", void 0), d([i({ attribute: "dismiss-button-aria-label" })], I.prototype, "dismissButtonAriaLabel", void 0), d([i({ mode: "boolean" })], I.prototype, "arrow", void 0), d([i({ mode: "boolean" })], I.prototype, "open", void 0), d([t], I.prototype, "anchor", void 0), d([t], I.prototype, "_slottedAnchor", void 0);
167
+ //#endregion
168
+ //#region src/lib/popover/definition.ts
169
+ var L = s("popover", I, (e) => {
132
170
  let t = e.tagFor(y), n = e.tagFor(_), r = e.tagFor(m);
133
171
  return a`
134
172
  <slot name="anchor" ${c("_slottedAnchor")}></slot>
@@ -165,7 +203,10 @@ d([i({ mode: "fromView" })], A.prototype, "placement", void 0), d([i({ mode: "bo
165
203
  p,
166
204
  b
167
205
  ], {
168
- styles: k,
206
+ styles: j,
169
207
  shadowOptions: { delegatesFocus: !0 }
170
- }))();
208
+ });
209
+ //#endregion
210
+ //#region src/lib/popover/index.ts
211
+ n(L)();
171
212
  //#endregion
@@ -1,4 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
2
  const require_definition = require("../unbundled/definition9.cjs");
3
+ exports.VwcPopupElement = require_definition.Popup;
3
4
  exports.popupDefinition = require_definition.popupDefinition;
4
5
  exports.registerPopup = require_definition.registerPopup;
@@ -1,2 +1,2 @@
1
- import { n as registerPopup, t as popupDefinition } from "../unbundled/definition9.js";
2
- export { popupDefinition, registerPopup };
1
+ import { i as Popup, n as registerPopup, t as popupDefinition } from "../unbundled/definition9.js";
2
+ export { Popup as VwcPopupElement, popupDefinition, registerPopup };
package/popup/index.cjs CHANGED
@@ -1 +1 @@
1
- require(`../bundled/definition8.cjs`).n();
1
+ require("../bundled/definition7.cjs").n();
package/popup/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as e } from "../bundled/definition8.js";
1
+ import { n as e } from "../bundled/definition7.js";
2
2
  //#region src/lib/popup/index.ts
3
3
  e();
4
4
  //#endregion
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition58.cjs");
2
+ const require_definition = require("../unbundled/definition59.cjs");
3
3
  exports.VwcProgressElement = require_definition.Progress;
4
4
  exports.progressDefinition = require_definition.progressDefinition;
5
5
  exports.registerProgress = require_definition.registerProgress;
@@ -1,2 +1,2 @@
1
- import { n as registerProgress, r as Progress, t as progressDefinition } from "../unbundled/definition58.js";
1
+ import { n as registerProgress, r as Progress, t as progressDefinition } from "../unbundled/definition59.js";
2
2
  export { Progress as VwcProgressElement, progressDefinition, registerProgress };
@@ -1,17 +1,17 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/base-progress.cjs`),a=require(`../bundled/delegates-aria.cjs`);var o=`.base{outline:none;align-items:center;height:6px;margin:0}.base:not(.connotation-pacific).connotation-cta{--_connotation-color-primary:var(--vvd-progress-cta-primary,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-progress-cta-soft,var(--vvd-color-cta-100))}.base:not(.connotation-pacific).connotation-alert{--_connotation-color-primary:var(--vvd-progress-alert-primary,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-progress-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-pacific).connotation-success{--_connotation-color-primary:var(--vvd-progress-success-primary,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-progress-success-soft,var(--vvd-color-success-100))}.base:not(.connotation-pacific):not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary:var(--vvd-progress-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-progress-accent-soft,var(--vvd-color-neutral-100))}.base:not(.connotation-pacific){--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}`,s=class extends a.t(i.t){constructor(...e){super(...e),this.reverse=!1}};n.t([e.m()],s.prototype,`shape`,void 0),n.t([e.m()],s.prototype,`connotation`,void 0),n.t([e.m({mode:`boolean`})],s.prototype,`reverse`,void 0);function c(){return e.p` <span
1
+ const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/when.cjs"),n=require("../bundled/decorate.cjs"),r=require("../bundled/class-names.cjs"),i=require("../bundled/base-progress.cjs"),a=require("../bundled/delegates-aria.cjs"),o=require("../bundled/component-enum.cjs");var s=`.base{outline:none;align-items:center;height:6px;margin:0}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}`,c=o.t([`accent`,`success`,`alert`,`cta`],`accent`),l=class extends a.t(i.t){constructor(...e){super(...e),this.reverse=!1}};n.t([e.m()],l.prototype,`shape`,void 0),n.t([e.m()],l.prototype,`connotation`,void 0),n.t([e.m({mode:`boolean`})],l.prototype,`reverse`,void 0);function u(){return e.p` <span
2
2
  class="determinate"
3
3
  style="width: ${e=>e.percentComplete}%"
4
- ></span>`}function l(){return e.p` <span class="indeterminate" name="indeterminate">
4
+ ></span>`}function d(){return e.p` <span class="indeterminate" name="indeterminate">
5
5
  <span class="indicator-1"></span>
6
6
  <span class="indicator-2"></span>
7
- </span>`}var u=e.p`<template>
7
+ </span>`}var f=e.p`<template>
8
8
  <div
9
- class="${e=>r.t(`base`,[`connotation-${e.connotation}`,!!e.connotation],[`shape-${e.shape}`,!!e.shape],[`reverse`,e.reverse],[`paused`,e.paused])}"
9
+ class="${e=>{let t=e.connotation===`pacific`;return r.t(`base`,[`connotation-pacific`,t],[`connotation-${c.parse(e.connotation)}`,!t],[`appearance-subtle`,!t],[`with-idle`,!t],[`shape-${e.shape}`,!!e.shape],[`reverse`,e.reverse],[`paused`,e.paused])}}"
10
10
  ${a.n({role:`progressbar`,ariaValueNow:e=>e.value,ariaValueMin:e=>e.min,ariaValueMax:e=>e.max})}
11
11
  >
12
12
  <div class="progress">
13
- ${t.t(e=>typeof e.value==`number`,c())}
14
- ${t.t(e=>typeof e.value!=`number`,l())}
13
+ ${t.t(e=>typeof e.value==`number`,u())}
14
+ ${t.t(e=>typeof e.value!=`number`,d())}
15
15
  </div>
16
16
  </div>
17
- </template>`,d=e.u(`progress`,s,u,[],{styles:o});e.d(d)();
17
+ </template>`,p=e.u(`progress`,l,f,[],{styles:s});e.d(p)();
package/progress/index.js CHANGED
@@ -4,32 +4,39 @@ import { t as a } from "../bundled/decorate.js";
4
4
  import { t as o } from "../bundled/class-names.js";
5
5
  import { t as s } from "../bundled/base-progress.js";
6
6
  import { n as c, t as l } from "../bundled/delegates-aria.js";
7
+ import { t as u } from "../bundled/component-enum.js";
7
8
  //#region src/lib/progress/progress.scss?inline
8
- var u = ".base{outline:none;align-items:center;height:6px;margin:0}.base:not(.connotation-pacific).connotation-cta{--_connotation-color-primary:var(--vvd-progress-cta-primary,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-progress-cta-soft,var(--vvd-color-cta-100))}.base:not(.connotation-pacific).connotation-alert{--_connotation-color-primary:var(--vvd-progress-alert-primary,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-progress-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-pacific).connotation-success{--_connotation-color-primary:var(--vvd-progress-success-primary,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-progress-success-soft,var(--vvd-color-success-100))}.base:not(.connotation-pacific):not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary:var(--vvd-progress-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-progress-accent-soft,var(--vvd-color-neutral-100))}.base:not(.connotation-pacific){--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}", d = class extends l(s) {
9
+ var d = ".base{outline:none;align-items:center;height:6px;margin:0}.base.connotation-pacific{--_connotation-color-primary:linear-gradient(to right, var(--vvd-color-information-200), var(--vvd-color-cta-600))}.progress{align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.base:not(.connotation-pacific) .progress{background-color:var(--_appearance-color-fill)}.base.connotation-pacific .progress{background-color:var(--vvd-color-neutral-100)}.base:not(.shape-sharp) .progress{border-radius:4px}.indeterminate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;inline-size:100%;display:flex}.determinate{border-radius:inherit;background-color:var(--_connotation-color-primary);block-size:100%;transition:all .2s ease-in-out}.connotation-pacific .determinate{background-image:var(--_connotation-color-primary)}.reverse .determinate{position:absolute;right:0}.paused .determinate{background:var(--vvd-color-neutral-300)}.indicator-1{inline-size:30%;animation:2s infinite indeterminate-1}.indicator-2{inline-size:60%;animation:2s infinite indeterminate-2}.indicator-1,.indicator-2{background-color:var(--vvd-color-neutral-100);opacity:0;block-size:100%;animation-timing-function:cubic-bezier(.4,0,.6,1);position:absolute}.connotation-pacific .indicator-1,.connotation-pacific .indicator-2{background-image:var(--_connotation-color-primary)}.paused .indicator-1,.paused .indicator-2{background-color:var(--_connotation-color-primary);animation-play-state:paused}.reverse .indicator-1,.reverse .indicator-2{animation-direction:reverse}@keyframes indeterminate-1{0%{opacity:1;transform:translate(-100%)}70%{opacity:1;transform:translate(300%)}70.01%{opacity:0}to{opacity:0;transform:translate(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translate(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translate(-150%)}to{opacity:1;transform:translate(166.66%)}}", f = u([
10
+ "accent",
11
+ "success",
12
+ "alert",
13
+ "cta"
14
+ ], "accent"), p = class extends l(s) {
9
15
  constructor(...e) {
10
16
  super(...e), this.reverse = !1;
11
17
  }
12
18
  };
13
- a([t()], d.prototype, "shape", void 0), a([t()], d.prototype, "connotation", void 0), a([t({ mode: "boolean" })], d.prototype, "reverse", void 0);
19
+ a([t()], p.prototype, "shape", void 0), a([t()], p.prototype, "connotation", void 0), a([t({ mode: "boolean" })], p.prototype, "reverse", void 0);
14
20
  //#endregion
15
21
  //#region src/lib/progress/progress.template.ts
16
- function f() {
22
+ function m() {
17
23
  return n` <span
18
24
  class="determinate"
19
25
  style="width: ${(e) => e.percentComplete}%"
20
26
  ></span>`;
21
27
  }
22
- function p() {
28
+ function h() {
23
29
  return n` <span class="indeterminate" name="indeterminate">
24
30
  <span class="indicator-1"></span>
25
31
  <span class="indicator-2"></span>
26
32
  </span>`;
27
33
  }
28
- //#endregion
29
- //#region src/lib/progress/index.ts
30
- e(r("progress", d, n`<template>
34
+ var g = n`<template>
31
35
  <div
32
- class="${(e) => o("base", [`connotation-${e.connotation}`, !!e.connotation], [`shape-${e.shape}`, !!e.shape], ["reverse", e.reverse], ["paused", e.paused])}"
36
+ class="${(e) => {
37
+ let t = e.connotation === "pacific";
38
+ return o("base", ["connotation-pacific", t], [`connotation-${f.parse(e.connotation)}`, !t], ["appearance-subtle", !t], ["with-idle", !t], [`shape-${e.shape}`, !!e.shape], ["reverse", e.reverse], ["paused", e.paused]);
39
+ }}"
33
40
  ${c({
34
41
  role: "progressbar",
35
42
  ariaValueNow: (e) => e.value,
@@ -38,9 +45,12 @@ e(r("progress", d, n`<template>
38
45
  })}
39
46
  >
40
47
  <div class="progress">
41
- ${i((e) => typeof e.value == "number", f())}
42
- ${i((e) => typeof e.value != "number", p())}
48
+ ${i((e) => typeof e.value == "number", m())}
49
+ ${i((e) => typeof e.value != "number", h())}
43
50
  </div>
44
51
  </div>
45
- </template>`, [], { styles: u }))();
52
+ </template>`, _ = r("progress", p, g, [], { styles: d });
53
+ //#endregion
54
+ //#region src/lib/progress/index.ts
55
+ e(_)();
46
56
  //#endregion
@@ -1 +1 @@
1
- require(`../bundled/definition5.cjs`).n();
1
+ require("../bundled/definition4.cjs").n();
@@ -1,4 +1,4 @@
1
- import { n as e } from "../bundled/definition5.js";
1
+ import { n as e } from "../bundled/definition4.js";
2
2
  //#region src/lib/progress-ring/index.ts
3
3
  e();
4
4
  //#endregion
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition59.cjs");
2
+ const require_definition = require("../unbundled/definition60.cjs");
3
3
  exports.VwcRadioElement = require_definition.Radio;
4
4
  exports.radioDefinition = require_definition.radioDefinition;
5
5
  exports.registerRadio = require_definition.registerRadio;
@@ -1,2 +1,2 @@
1
- import { n as registerRadio, r as Radio, t as radioDefinition } from "../unbundled/definition59.js";
1
+ import { n as registerRadio, r as Radio, t as radioDefinition } from "../unbundled/definition60.js";
2
2
  export { Radio as VwcRadioElement, radioDefinition, registerRadio };
package/radio/index.cjs CHANGED
@@ -1 +1 @@
1
- require(`../bundled/definition16.cjs`).n();
1
+ require("../bundled/definition16.cjs").n();
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition60.cjs");
2
+ const require_definition = require("../unbundled/definition61.cjs");
3
3
  exports.VwcRadioGroupElement = require_definition.RadioGroup;
4
4
  exports.radioGroupDefinition = require_definition.radioGroupDefinition;
5
5
  exports.registerRadioGroup = require_definition.registerRadioGroup;
@@ -1,2 +1,2 @@
1
- import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "../unbundled/definition60.js";
1
+ import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "../unbundled/definition61.js";
2
2
  export { RadioGroup as VwcRadioGroupElement, radioGroupDefinition, registerRadioGroup };
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/aria.cjs`),a=require(`../bundled/key-codes.cjs`),o=require(`../bundled/delegates-aria.cjs`),s=require(`../bundled/mixins.cjs`),c=require(`../bundled/definition16.cjs`);var l=`.base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}`,u=class extends s.t(e.t){constructor(...e){super(...e),this.errorValidationMessage=``,this.orientation=i.t.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=e=>{let t=e.target;this.errorValidationMessage=t.errorValidationMessage||``},this.radioChangeHandler=e=>{let t=e.target;t.checked&&(this.slottedRadioButtons.forEach(e=>{e!==t&&(e.checked=!1)}),this.value=t.value,this.#t(t)),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{let n=e[t];!this.isInsideToolbar&&!n.readOnly&&(n.checked=!0),n.focus()},this.moveRightOffGroup=()=>{let e=this.nextElementSibling;e instanceof HTMLElement&&e.focus()},this.moveLeftOffGroup=()=>{let e=this.previousElementSibling;e instanceof HTMLElement&&e.focus()},this.moveRight=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)+1;if(r===n.length&&this.isInsideToolbar&&e.key===`ArrowRight`){this.moveRightOffGroup();return}r===n.length&&(r=0),this.moveToRadioByIndex(n,r)},this.moveLeft=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)-1;if(this.isInsideToolbar&&e.key===`ArrowLeft`&&r<0){this.moveLeftOffGroup();return}r=r<0?n.length-1:r,this.moveToRadioByIndex(n,r)},this.keydownHandler=e=>{switch(e.key){case a.a:this.checkFocusedRadio(e.target);return;case a.r:case a.t:this.moveRight(e);return;case a.n:case a.i:this.moveLeft(e);return;default:return!0}}}requiredChanged(){this.slottedRadioButtons.forEach(e=>{this.required?e.required=!0:e.required=!1})}readOnlyChanged(){this.slottedRadioButtons.forEach(e=>{this.readOnly?e.readOnly=!0:e.readOnly=!1})}disabledChanged(){this.slottedRadioButtons.forEach(e=>{this.disabled?e.disabled=!0:e.disabled=!1})}nameChanged(){this.slottedRadioButtons.forEach(e=>{e.setAttribute(`name`,this.name)})}valueChanged(){this.slottedRadioButtons.forEach(e=>{e.value===this.value&&(e.checked=!0)}),this.$emit(`change`)}handleSlotChange(){this.errorText&&this.slottedRadioButtons.forEach(e=>{e.errorText=this.errorText})}errorTextChanged(e,t){t?this.errorValidationMessage=t:this.errorValidationMessage=``}get#e(){return this.slottedRadioButtons.filter(e=>!e.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest(`[role="toolbar"]`)}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(e=>{e.removeEventListener(`change`,this.radioChangeHandler),e.removeEventListener(`invalid`,this.radioErrorHandler)})}setupRadioButtons(){let e=!1;for(let t of this.slottedRadioButtons)this.name!==void 0&&t.setAttribute(`name`,this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.required&&(t.required=!0),this.value&&this.value===t.value?(t.checked=!0,this.#t(t),e=!0):t.checked=!1,t.addEventListener(`change`,this.radioChangeHandler),t.addEventListener(`invalid`,this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons.length>0){let t=this.slottedRadioButtons.filter(e=>e.hasAttribute(`checked`));if(t.length>0&&!e){let e=t[t.length-1];e.checked=!0,this.#t(e)}else this.#t(this.slottedRadioButtons[0])}}focusInHandler(e){this.#t(e.target)}#t(e){e.setAttribute(`tabindex`,`0`);for(let t of this.slottedRadioButtons)t!==e&&t.setAttribute(`tabindex`,`-1`)}checkFocusedRadio(e){e.readOnly||(e.checked=!0)}};r.t([e.m],u.prototype,`label`,void 0),r.t([e.m({attribute:`required`,mode:`boolean`})],u.prototype,`required`,void 0),r.t([e.m({attribute:`readonly`,mode:`boolean`})],u.prototype,`readOnly`,void 0),r.t([e.m({attribute:`disabled`,mode:`boolean`})],u.prototype,`disabled`,void 0),r.t([e.m],u.prototype,`name`,void 0),r.t([e.m],u.prototype,`value`,void 0),r.t([e.A],u.prototype,`errorValidationMessage`,void 0),r.t([e.m({attribute:`error-text`})],u.prototype,`errorText`,void 0),r.t([e.m],u.prototype,`orientation`,void 0),r.t([e.A],u.prototype,`slottedRadioButtons`,void 0);var d=e.u(`radio-group`,u,r=>{let a=r.tagFor(c.r,!0);return e.p`
1
+ const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/slotted.cjs"),n=require("../bundled/when.cjs"),r=require("../bundled/decorate.cjs"),i=require("../bundled/aria.cjs"),a=require("../bundled/key-codes.cjs"),o=require("../bundled/delegates-aria.cjs"),s=require("../bundled/feedback-message.cjs"),c=require("../bundled/mixins.cjs"),l=require("../bundled/definition16.cjs");var u=`.base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}`,d=class extends c.t(e.t){constructor(...e){super(...e),this.errorValidationMessage=``,this.orientation=i.t.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=e=>{let t=e.target;this.errorValidationMessage=t.errorValidationMessage||``},this.radioChangeHandler=e=>{let t=e.target;t.checked&&(this.slottedRadioButtons.forEach(e=>{e!==t&&(e.checked=!1)}),this.value=t.value,this.#t(t)),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{let n=e[t];!this.isInsideToolbar&&!n.readOnly&&(n.checked=!0),n.focus()},this.moveRightOffGroup=()=>{let e=this.nextElementSibling;e instanceof HTMLElement&&e.focus()},this.moveLeftOffGroup=()=>{let e=this.previousElementSibling;e instanceof HTMLElement&&e.focus()},this.moveRight=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)+1;if(r===n.length&&this.isInsideToolbar&&e.key===`ArrowRight`){this.moveRightOffGroup();return}r===n.length&&(r=0),this.moveToRadioByIndex(n,r)},this.moveLeft=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)-1;if(this.isInsideToolbar&&e.key===`ArrowLeft`&&r<0){this.moveLeftOffGroup();return}r=r<0?n.length-1:r,this.moveToRadioByIndex(n,r)},this.keydownHandler=e=>{switch(e.key){case a.a:this.checkFocusedRadio(e.target);return;case a.r:case a.t:this.moveRight(e);return;case a.n:case a.i:this.moveLeft(e);return;default:return!0}}}requiredChanged(){this.slottedRadioButtons.forEach(e=>{e.required=!!this.required})}readOnlyChanged(){this.slottedRadioButtons.forEach(e=>{e.readOnly=!!this.readOnly})}disabledChanged(){this.slottedRadioButtons.forEach(e=>{e.disabled=!!this.disabled})}nameChanged(){this.slottedRadioButtons.forEach(e=>{e.setAttribute(`name`,this.name)})}valueChanged(){this.slottedRadioButtons.forEach(e=>{e.value===this.value&&(e.checked=!0)}),this.$emit(`change`)}handleSlotChange(){this.errorText&&this.slottedRadioButtons.forEach(e=>{e.errorText=this.errorText})}errorTextChanged(e,t){this.errorValidationMessage=t||``}get#e(){return this.slottedRadioButtons.filter(e=>!e.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest(`[role="toolbar"]`)}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(e=>{e.removeEventListener(`change`,this.radioChangeHandler),e.removeEventListener(`invalid`,this.radioErrorHandler)})}setupRadioButtons(){let e=!1;for(let t of this.slottedRadioButtons)this.name!==void 0&&t.setAttribute(`name`,this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.required&&(t.required=!0),this.value&&this.value===t.value?(t.checked=!0,this.#t(t),e=!0):t.checked=!1,t.addEventListener(`change`,this.radioChangeHandler),t.addEventListener(`invalid`,this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons.length>0){let t=this.slottedRadioButtons.filter(e=>e.hasAttribute(`checked`));if(t.length>0&&!e){let e=t[t.length-1];e.checked=!0,this.#t(e)}else this.#t(this.slottedRadioButtons[0])}}focusInHandler(e){this.#t(e.target)}#t(e){e.setAttribute(`tabindex`,`0`);for(let t of this.slottedRadioButtons)t!==e&&t.setAttribute(`tabindex`,`-1`)}checkFocusedRadio(e){e.readOnly||(e.checked=!0)}};r.t([e.m],d.prototype,`label`,void 0),r.t([e.m({attribute:`required`,mode:`boolean`})],d.prototype,`required`,void 0),r.t([e.m({attribute:`readonly`,mode:`boolean`})],d.prototype,`readOnly`,void 0),r.t([e.m({attribute:`disabled`,mode:`boolean`})],d.prototype,`disabled`,void 0),r.t([e.m],d.prototype,`name`,void 0),r.t([e.m],d.prototype,`value`,void 0),r.t([e.A],d.prototype,`errorValidationMessage`,void 0),r.t([e.m({attribute:`error-text`})],d.prototype,`errorText`,void 0),r.t([e.m],d.prototype,`orientation`,void 0),r.t([e.A],d.prototype,`slottedRadioButtons`,void 0);var f=e.u(`radio-group`,d,r=>{let a=r.tagFor(l.r,!0);return e.p`
2
2
  <template
3
3
  @keydown="${(e,t)=>e.keydownHandler(t.event)}"
4
4
  @focusin="${(e,t)=>e.focusInHandler(t.event)}"
@@ -17,4 +17,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cj
17
17
  ${e=>e._getFeedbackTemplate(r)}
18
18
  </div>
19
19
  </template>
20
- `},[c.t,s.r],{styles:l});e.d(d)();
20
+ `},[l.t,s.n],{styles:u});e.d(f)();
@@ -5,7 +5,8 @@ import { t as l } from "../bundled/decorate.js";
5
5
  import { t as u } from "../bundled/aria.js";
6
6
  import { a as d, i as f, n as p, r as m, t as h } from "../bundled/key-codes.js";
7
7
  import { n as g } from "../bundled/delegates-aria.js";
8
- import { r as _, t as v } from "../bundled/mixins.js";
8
+ import { n as _ } from "../bundled/feedback-message.js";
9
+ import { t as v } from "../bundled/mixins.js";
9
10
  import { r as y, t as b } from "../bundled/definition16.js";
10
11
  //#region src/lib/radio-group/radio-group.scss?inline
11
12
  var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}", S = class extends v(i) {
@@ -60,17 +61,17 @@ var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:colu
60
61
  }
61
62
  requiredChanged() {
62
63
  this.slottedRadioButtons.forEach((e) => {
63
- this.required ? e.required = !0 : e.required = !1;
64
+ e.required = !!this.required;
64
65
  });
65
66
  }
66
67
  readOnlyChanged() {
67
68
  this.slottedRadioButtons.forEach((e) => {
68
- this.readOnly ? e.readOnly = !0 : e.readOnly = !1;
69
+ e.readOnly = !!this.readOnly;
69
70
  });
70
71
  }
71
72
  disabledChanged() {
72
73
  this.slottedRadioButtons.forEach((e) => {
73
- this.disabled ? e.disabled = !0 : e.disabled = !1;
74
+ e.disabled = !!this.disabled;
74
75
  });
75
76
  }
76
77
  nameChanged() {
@@ -89,7 +90,7 @@ var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:colu
89
90
  });
90
91
  }
91
92
  errorTextChanged(e, t) {
92
- t ? this.errorValidationMessage = t : this.errorValidationMessage = "";
93
+ this.errorValidationMessage = t || "";
93
94
  }
94
95
  get #e() {
95
96
  return this.slottedRadioButtons.filter((e) => !e.disabled);
@@ -130,8 +131,6 @@ var x = ".base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:colu
130
131
  e.readOnly || (e.checked = !0);
131
132
  }
132
133
  };
133
- //#endregion
134
- //#region src/lib/radio-group/index.ts
135
134
  l([n], S.prototype, "label", void 0), l([n({
136
135
  attribute: "required",
137
136
  mode: "boolean"
@@ -141,7 +140,10 @@ l([n], S.prototype, "label", void 0), l([n({
141
140
  })], S.prototype, "readOnly", void 0), l([n({
142
141
  attribute: "disabled",
143
142
  mode: "boolean"
144
- })], S.prototype, "disabled", void 0), l([n], S.prototype, "name", void 0), l([n], S.prototype, "value", void 0), l([e], S.prototype, "errorValidationMessage", void 0), l([n({ attribute: "error-text" })], S.prototype, "errorText", void 0), l([n], S.prototype, "orientation", void 0), l([e], S.prototype, "slottedRadioButtons", void 0), t(a("radio-group", S, (e) => {
143
+ })], S.prototype, "disabled", void 0), l([n], S.prototype, "name", void 0), l([n], S.prototype, "value", void 0), l([e], S.prototype, "errorValidationMessage", void 0), l([n({ attribute: "error-text" })], S.prototype, "errorText", void 0), l([n], S.prototype, "orientation", void 0), l([e], S.prototype, "slottedRadioButtons", void 0);
144
+ //#endregion
145
+ //#region src/lib/radio-group/definition.ts
146
+ var C = a("radio-group", S, (e) => {
145
147
  let t = e.tagFor(y, !0);
146
148
  return r`
147
149
  <template
@@ -174,5 +176,8 @@ l([n], S.prototype, "label", void 0), l([n({
174
176
  </div>
175
177
  </template>
176
178
  `;
177
- }, [b, _], { styles: x }))();
179
+ }, [b, _], { styles: x });
180
+ //#endregion
181
+ //#region src/lib/radio-group/index.ts
182
+ t(C)();
178
183
  //#endregion
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition61.cjs");
2
+ const require_definition = require("../unbundled/definition62.cjs");
3
3
  exports.VwcRangeSliderElement = require_definition.RangeSlider;
4
4
  exports.rangeSliderDefinition = require_definition.rangeSliderDefinition;
5
5
  exports.registerRangeSlider = require_definition.registerRangeSlider;
@@ -1,2 +1,2 @@
1
- import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "../unbundled/definition61.js";
1
+ import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "../unbundled/definition62.js";
2
2
  export { RangeSlider as VwcRangeSliderElement, rangeSliderDefinition, registerRangeSlider };