@vonage/vivid 5.24.0 → 5.27.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 (777) hide show
  1. package/README.md +1 -1
  2. package/accordion/index.cjs +1 -1
  3. package/accordion/index.js +8 -8
  4. package/accordion-item/index.cjs +1 -1
  5. package/action-group/index.cjs +3 -3
  6. package/action-group/index.js +10 -5
  7. package/alert/index.cjs +7 -7
  8. package/alert/index.js +47 -35
  9. package/audio-player/index.cjs +18 -18
  10. package/audio-player/index.js +15 -11
  11. package/avatar/index.cjs +10 -10
  12. package/avatar/index.js +29 -19
  13. package/badge/index.cjs +1 -1
  14. package/banner/index.cjs +5 -5
  15. package/banner/index.js +33 -27
  16. package/breadcrumb/index.cjs +1 -1
  17. package/breadcrumb/index.js +5 -1
  18. package/breadcrumb-item/index.cjs +9 -5
  19. package/breadcrumb-item/index.js +15 -10
  20. package/bundled/affix.cjs +3 -3
  21. package/bundled/affix.js +2 -2
  22. package/bundled/anchored.cjs +2 -2
  23. package/bundled/anchored.js +13 -1
  24. package/bundled/aria-binding-directive.cjs +1 -1
  25. package/bundled/aria-binding-directive.js +2 -2
  26. package/bundled/aria.cjs +1 -1
  27. package/bundled/base-color-picker.cjs +2 -2
  28. package/bundled/base-color-picker.js +1 -1
  29. package/bundled/base-progress.cjs +1 -1
  30. package/bundled/breadcrumb-item.cjs +1 -1
  31. package/bundled/button.cjs +1 -1
  32. package/bundled/calendar-event.cjs +1 -1
  33. package/bundled/calendar-event.js +17 -4
  34. package/bundled/calendar-picker.template.cjs +5 -5
  35. package/bundled/calendar-picker.template.js +53 -55
  36. package/bundled/char-count.cjs +2 -2
  37. package/bundled/children.cjs +1 -1
  38. package/bundled/children.js +1 -1
  39. package/bundled/class-names.cjs +1 -1
  40. package/bundled/component-enum.cjs +1 -0
  41. package/bundled/component-enum.js +9 -0
  42. package/bundled/data-grid.options.cjs +1 -1
  43. package/bundled/data-grid.options.js +7 -6
  44. package/bundled/decorate.cjs +1 -1
  45. package/bundled/decorate.js +1 -1
  46. package/bundled/definition.cjs +1 -1
  47. package/bundled/definition10.cjs +10 -19
  48. package/bundled/definition10.js +23 -71
  49. package/bundled/definition11.cjs +74 -10
  50. package/bundled/definition11.js +194 -23
  51. package/bundled/definition12.cjs +18 -70
  52. package/bundled/definition12.js +48 -185
  53. package/bundled/definition13.cjs +5 -22
  54. package/bundled/definition13.js +9 -58
  55. package/bundled/definition14.cjs +1 -5
  56. package/bundled/definition14.js +9 -9
  57. package/bundled/definition15.cjs +6 -6
  58. package/bundled/definition15.js +19 -18
  59. package/bundled/definition16.cjs +3 -3
  60. package/bundled/definition16.js +23 -17
  61. package/bundled/definition17.cjs +7 -7
  62. package/bundled/definition17.js +22 -109
  63. package/bundled/definition18.cjs +3 -3
  64. package/bundled/definition18.js +9 -31
  65. package/bundled/definition19.cjs +21 -21
  66. package/bundled/definition19.js +68 -62
  67. package/bundled/definition2.cjs +13 -1
  68. package/bundled/definition2.js +22 -185
  69. package/bundled/definition20.cjs +3 -3
  70. package/bundled/definition20.js +6 -7
  71. package/bundled/definition21.cjs +9 -9
  72. package/bundled/definition21.js +25 -25
  73. package/bundled/definition22.cjs +5 -5
  74. package/bundled/definition22.js +27 -27
  75. package/bundled/definition23.cjs +3 -3
  76. package/bundled/definition23.js +26 -8
  77. package/bundled/definition24.cjs +4 -4
  78. package/bundled/definition24.js +4 -3
  79. package/bundled/definition25.cjs +7 -7
  80. package/bundled/definition25.js +37 -28
  81. package/bundled/definition3.cjs +25 -12
  82. package/bundled/definition3.js +83 -44
  83. package/bundled/definition4.cjs +29 -25
  84. package/bundled/definition4.js +50 -88
  85. package/bundled/definition5.cjs +28 -29
  86. package/bundled/definition5.js +143 -45
  87. package/bundled/definition6.cjs +6 -29
  88. package/bundled/definition6.js +20 -129
  89. package/bundled/definition7.cjs +14 -6
  90. package/bundled/definition7.js +159 -20
  91. package/bundled/definition8.cjs +22 -14
  92. package/bundled/definition8.js +88 -144
  93. package/bundled/definition9.cjs +20 -16
  94. package/bundled/definition9.js +59 -62
  95. package/bundled/delegates-aria.cjs +1 -1
  96. package/bundled/delegates-aria.js +3 -2
  97. package/bundled/dialog.cjs +1 -1
  98. package/bundled/dialog.js +1 -1
  99. package/bundled/divider.cjs +1 -1
  100. package/bundled/divider.js +9 -9
  101. package/bundled/dom.cjs +1 -1
  102. package/bundled/enums.cjs +1 -1
  103. package/bundled/extractOptions.cjs +1 -1
  104. package/bundled/extractOptions.js +2 -2
  105. package/bundled/feedback-message.cjs +8 -0
  106. package/bundled/feedback-message.js +41 -0
  107. package/bundled/floating-ui.dom.cjs +1 -1
  108. package/bundled/floating-ui.dom.js +163 -197
  109. package/bundled/form-associated.cjs +1 -1
  110. package/bundled/form-associated.js +3 -4
  111. package/bundled/form-element.cjs +1 -1
  112. package/bundled/host-semantics.cjs +1 -1
  113. package/bundled/icon.cjs +1 -0
  114. package/bundled/icon.js +34 -0
  115. package/bundled/kbd-shortcut.cjs +1 -1
  116. package/bundled/key-codes.cjs +1 -1
  117. package/bundled/linkable.cjs +2 -2
  118. package/bundled/listbox.cjs +1 -1
  119. package/bundled/listbox.js +8 -7
  120. package/bundled/localized.cjs +1 -1
  121. package/bundled/localized.js +33 -32
  122. package/bundled/mixins.cjs +9 -16
  123. package/bundled/mixins.js +23 -56
  124. package/bundled/numberConverter.cjs +2 -2
  125. package/bundled/numberConverter.js +1 -1
  126. package/bundled/numbers.cjs +1 -1
  127. package/bundled/optgroup.cjs +1 -0
  128. package/bundled/optgroup.js +27 -0
  129. package/bundled/option.cjs +1 -0
  130. package/bundled/option.js +95 -0
  131. package/bundled/picker-field.template.cjs +2 -2
  132. package/bundled/picker-field.template.js +8 -8
  133. package/bundled/platform.cjs +1 -1
  134. package/bundled/playbackRates.cjs +1 -1
  135. package/bundled/ref.cjs +1 -1
  136. package/bundled/ref.js +1 -1
  137. package/bundled/render-in-light-dom.cjs +1 -1
  138. package/bundled/render-in-light-dom.js +1 -1
  139. package/bundled/repeat.cjs +1 -1
  140. package/bundled/repeat.js +16 -15
  141. package/bundled/scrollIntoView.cjs +1 -1
  142. package/bundled/scrollIntoView.js +1 -3
  143. package/bundled/single-date-picker.cjs +1 -1
  144. package/bundled/single-value-picker.cjs +1 -1
  145. package/bundled/single-value-picker.js +1 -1
  146. package/bundled/slider.template.cjs +12 -12
  147. package/bundled/slider.template.js +209 -32
  148. package/bundled/slottable-request.cjs +3 -3
  149. package/bundled/slottable-request.js +26 -17
  150. package/bundled/slotted.cjs +1 -1
  151. package/bundled/slotted.js +1 -1
  152. package/bundled/text-field.cjs +1 -1
  153. package/bundled/text-field.js +1 -1
  154. package/bundled/time-selection-picker.template.cjs +4 -4
  155. package/bundled/time-selection-picker.template.js +10 -7
  156. package/bundled/trapped-focus.cjs +1 -1
  157. package/bundled/utils.cjs +1 -1
  158. package/bundled/vivid-element.cjs +3 -3
  159. package/bundled/vivid-element.js +397 -358
  160. package/bundled/when.cjs +1 -1
  161. package/bundled/when.js +1 -1
  162. package/bundled/with-contextual-help.cjs +1 -1
  163. package/bundled/with-contextual-help.js +1 -1
  164. package/bundled/with-error-text.cjs +1 -1
  165. package/bundled/with-success-text.cjs +1 -1
  166. package/button/index.cjs +1 -1
  167. package/button/index.js +1 -1
  168. package/calendar/index.cjs +1 -1
  169. package/calendar/index.js +7 -7
  170. package/calendar-event/index.cjs +2 -2
  171. package/calendar-event/index.js +10 -8
  172. package/card/index.cjs +24 -22
  173. package/card/index.js +14 -8
  174. package/checkbox/index.cjs +1 -1
  175. package/color-picker/index.cjs +13 -13
  176. package/color-picker/index.js +22 -19
  177. package/combobox/index.cjs +9 -9
  178. package/combobox/index.js +46 -42
  179. package/contextual-help/index.cjs +1 -1
  180. package/contextual-help/index.js +1 -1
  181. package/country/index.cjs +1 -1
  182. package/country-group/index.cjs +1 -1
  183. package/country-group/index.js +8 -4
  184. package/custom-elements.json +4208 -3828
  185. package/data-grid/index.cjs +28 -28
  186. package/data-grid/index.js +92 -98
  187. package/date-picker/index.cjs +1 -1
  188. package/date-picker/index.js +10 -6
  189. package/date-range-picker/index.cjs +1 -1
  190. package/date-range-picker/index.js +13 -9
  191. package/date-time-picker/index.cjs +1 -1
  192. package/date-time-picker/index.js +11 -7
  193. package/dial-pad/index.cjs +24 -23
  194. package/dial-pad/index.js +17 -11
  195. package/dialog/index.cjs +14 -14
  196. package/dialog/index.js +12 -8
  197. package/divider/index.cjs +1 -1
  198. package/elevation/definition.cjs +1 -0
  199. package/elevation/definition.js +2 -2
  200. package/elevation/index.cjs +1 -1
  201. package/elevation/index.js +1 -1
  202. package/empty-state/index.cjs +4 -4
  203. package/empty-state/index.js +20 -7
  204. package/fab/index.cjs +3 -3
  205. package/fab/index.js +14 -6
  206. package/file-picker/index.cjs +11 -13
  207. package/file-picker/index.js +28 -24
  208. package/flag/index.cjs +1 -1
  209. package/flag/index.js +7 -3
  210. package/form-field/definition.cjs +5 -0
  211. package/form-field/definition.js +2 -0
  212. package/form-field/index.cjs +29 -0
  213. package/form-field/index.js +57 -0
  214. package/header/definition.cjs +1 -1
  215. package/header/definition.js +1 -1
  216. package/header/index.cjs +1 -1
  217. package/header/index.js +9 -5
  218. package/icon/definition.cjs +2 -1
  219. package/icon/definition.js +2 -1
  220. package/icon/index.cjs +1 -1
  221. package/icon/index.js +1 -1
  222. package/index.cjs +166 -154
  223. package/index.js +48 -42
  224. package/kbd-key/definition.cjs +1 -1
  225. package/kbd-key/definition.js +1 -1
  226. package/kbd-key/index.cjs +3 -3
  227. package/kbd-key/index.js +22 -13
  228. package/kbd-shortcut/definition.cjs +1 -1
  229. package/kbd-shortcut/definition.js +1 -1
  230. package/kbd-shortcut/index.cjs +1 -1
  231. package/kbd-shortcut/index.js +6 -6
  232. package/layout/definition.cjs +1 -1
  233. package/layout/definition.js +1 -1
  234. package/layout/index.cjs +1 -1
  235. package/layout/index.js +7 -3
  236. package/lib/accordion-item/accordion-item.d.ts +12 -6
  237. package/lib/action-group/action-group.d.ts +10 -5
  238. package/lib/alert/alert.d.ts +15 -18
  239. package/lib/avatar/avatar.d.ts +16 -7
  240. package/lib/badge/badge.d.ts +17 -7
  241. package/lib/banner/banner.d.ts +18 -20
  242. package/lib/button/button.d.ts +25 -16
  243. package/lib/calendar-event/calendar-event.d.ts +14 -7
  244. package/lib/checkbox/checkbox.d.ts +31 -28
  245. package/lib/combobox/combobox.d.ts +38 -33
  246. package/lib/components.d.ts +2 -0
  247. package/lib/data-grid/data-grid.options.d.ts +6 -1
  248. package/lib/dial-pad/dial-pad.d.ts +0 -1
  249. package/lib/dial-pad/locale.d.ts +1 -0
  250. package/lib/divider/divider.d.ts +9 -6
  251. package/lib/elevation/definition.d.ts +2 -0
  252. package/lib/empty-state/empty-state.d.ts +7 -2
  253. package/lib/fab/fab.d.ts +3 -2
  254. package/lib/form-field/definition.d.ts +4 -0
  255. package/lib/form-field/form-field.d.ts +6 -0
  256. package/lib/form-field/form-field.template.d.ts +3 -0
  257. package/lib/kbd-key/kbd-key.d.ts +7 -2
  258. package/lib/listbox/definition.d.ts +3 -0
  259. package/lib/listbox/listbox.d.ts +1303 -0
  260. package/lib/listbox/listbox.template.d.ts +3 -0
  261. package/lib/menu/menu.d.ts +0 -1
  262. package/lib/menu-item/menu-item.d.ts +17 -14
  263. package/lib/nav-disclosure/nav-disclosure.d.ts +18 -11
  264. package/lib/nav-item/nav-item.d.ts +19 -12
  265. package/lib/note/note.d.ts +10 -6
  266. package/lib/number-field/number-field.d.ts +45 -41
  267. package/lib/option/option.d.ts +13 -10
  268. package/lib/popup/definition.d.ts +2 -0
  269. package/lib/progress/progress.d.ts +10 -5
  270. package/lib/progress-ring/progress-ring.d.ts +9 -5
  271. package/lib/radio/radio.d.ts +18 -15
  272. package/lib/range-slider/range-slider.d.ts +19 -15
  273. package/lib/rich-text-editor/rich-text-editor.d.ts +9 -5
  274. package/lib/rich-text-editor/rte/features/base.d.ts +1 -0
  275. package/lib/rich-text-editor/rte/utils/default-textblock.d.ts +2 -2
  276. package/lib/rich-text-editor/rte/utils/ui.d.ts +2 -1
  277. package/lib/searchable-select/option-tag.d.ts +12 -7
  278. package/lib/searchable-select/searchable-select.d.ts +7 -2
  279. package/lib/select/select.d.ts +45 -40
  280. package/lib/selectable-box/selectable-box.d.ts +9 -5
  281. package/lib/slider/slider.d.ts +18 -14
  282. package/lib/split-button/split-button.d.ts +24 -15
  283. package/lib/status/status.d.ts +10 -7
  284. package/lib/switch/switch.d.ts +13 -9
  285. package/lib/tab/tab.d.ts +19 -14
  286. package/lib/tabs/tabs.d.ts +6 -3
  287. package/lib/tag/tag.d.ts +24 -15
  288. package/lib/tag-name-map.d.ts +3 -1
  289. package/lib/text-field/text-field.d.ts +47 -41
  290. package/lib/toggletip/toggletip.d.ts +1 -0
  291. package/lib/tooltip/tooltip.d.ts +1 -0
  292. package/lib/video-player/__tests__/video-fixtures.d.ts +3 -0
  293. package/listbox/definition.cjs +5 -0
  294. package/listbox/definition.js +2 -0
  295. package/listbox/index.cjs +13 -0
  296. package/listbox/index.js +554 -0
  297. package/locales/de-DE.cjs +34 -33
  298. package/locales/de-DE.js +34 -33
  299. package/locales/en-GB.cjs +34 -33
  300. package/locales/en-GB.js +34 -33
  301. package/locales/ja-JP.cjs +35 -33
  302. package/locales/ja-JP.js +35 -33
  303. package/locales/zh-CN.cjs +34 -33
  304. package/locales/zh-CN.js +34 -33
  305. package/menu/index.cjs +1 -1
  306. package/menu-item/index.cjs +1 -1
  307. package/nav/definition.cjs +1 -1
  308. package/nav/definition.js +1 -1
  309. package/nav/index.cjs +1 -1
  310. package/nav/index.js +6 -4
  311. package/nav-disclosure/definition.cjs +1 -1
  312. package/nav-disclosure/definition.js +1 -1
  313. package/nav-disclosure/index.cjs +5 -5
  314. package/nav-disclosure/index.js +15 -9
  315. package/nav-item/definition.cjs +1 -1
  316. package/nav-item/definition.js +1 -1
  317. package/nav-item/index.cjs +2 -2
  318. package/nav-item/index.js +15 -10
  319. package/note/definition.cjs +1 -1
  320. package/note/definition.js +1 -1
  321. package/note/index.cjs +6 -4
  322. package/note/index.js +22 -9
  323. package/number-field/definition.cjs +1 -1
  324. package/number-field/definition.js +1 -1
  325. package/number-field/index.cjs +11 -11
  326. package/number-field/index.js +41 -36
  327. package/optgroup/definition.cjs +2 -1
  328. package/optgroup/definition.js +2 -1
  329. package/optgroup/index.cjs +1 -1
  330. package/option/definition.cjs +2 -1
  331. package/option/definition.js +2 -1
  332. package/option/index.cjs +1 -1
  333. package/package.json +32 -38
  334. package/pagination/definition.cjs +1 -1
  335. package/pagination/definition.js +1 -1
  336. package/pagination/index.cjs +1 -1
  337. package/pagination/index.js +9 -9
  338. package/platform-switch/definition.cjs +1 -1
  339. package/platform-switch/definition.js +1 -1
  340. package/platform-switch/index.cjs +1 -1
  341. package/platform-switch/index.js +6 -2
  342. package/popover/definition.cjs +1 -1
  343. package/popover/definition.js +1 -1
  344. package/popover/index.cjs +5 -5
  345. package/popover/index.js +46 -37
  346. package/popup/definition.cjs +1 -0
  347. package/popup/definition.js +2 -2
  348. package/popup/index.cjs +1 -1
  349. package/popup/index.js +1 -1
  350. package/progress/definition.cjs +1 -1
  351. package/progress/definition.js +1 -1
  352. package/progress/index.cjs +7 -7
  353. package/progress/index.js +21 -11
  354. package/progress-ring/index.cjs +1 -1
  355. package/progress-ring/index.js +1 -1
  356. package/radio/definition.cjs +1 -1
  357. package/radio/definition.js +1 -1
  358. package/radio/index.cjs +1 -1
  359. package/radio-group/definition.cjs +1 -1
  360. package/radio-group/definition.js +1 -1
  361. package/radio-group/index.cjs +2 -2
  362. package/radio-group/index.js +14 -9
  363. package/range-slider/definition.cjs +1 -1
  364. package/range-slider/definition.js +1 -1
  365. package/range-slider/index.cjs +8 -8
  366. package/range-slider/index.js +31 -32
  367. package/rich-text-editor/definition.cjs +1 -1
  368. package/rich-text-editor/definition.js +1 -1
  369. package/rich-text-editor/index.cjs +17 -14
  370. package/rich-text-editor/index.js +1955 -1721
  371. package/rich-text-view/definition.cjs +1 -1
  372. package/rich-text-view/definition.js +1 -1
  373. package/rich-text-view/index.cjs +1 -1
  374. package/rich-text-view/index.js +6 -4
  375. package/searchable-select/definition.cjs +1 -1
  376. package/searchable-select/definition.js +1 -1
  377. package/searchable-select/index.cjs +26 -26
  378. package/searchable-select/index.js +97 -90
  379. package/select/definition.cjs +1 -1
  380. package/select/definition.js +1 -1
  381. package/select/index.cjs +1 -1
  382. package/selectable-box/definition.cjs +1 -1
  383. package/selectable-box/definition.js +1 -1
  384. package/selectable-box/index.cjs +8 -8
  385. package/selectable-box/index.js +24 -20
  386. package/shared/listbox/commands.d.ts +17 -0
  387. package/shared/listbox/move.d.ts +6 -0
  388. package/shared/listbox/options.d.ts +12 -0
  389. package/shared/listbox/selection.d.ts +28 -0
  390. package/shared/listbox/state.d.ts +26 -0
  391. package/shared/listbox/typeahead.d.ts +8 -0
  392. package/shared/listbox/with-options-filter.d.ts +440 -0
  393. package/shared/listbox/with-options.d.ts +862 -0
  394. package/shared/patterns/anchored.d.ts +2 -0
  395. package/shared/styles/appearance.d.ts +2 -0
  396. package/shared/styles/connotation.d.ts +2 -0
  397. package/shared/styles/connotationOverrides.d.ts +1 -0
  398. package/shared/utils/component-enum.d.ts +7 -0
  399. package/side-drawer/definition.cjs +1 -1
  400. package/side-drawer/definition.js +1 -1
  401. package/side-drawer/index.cjs +1 -1
  402. package/side-drawer/index.js +10 -7
  403. package/simple-color-picker/definition.cjs +1 -1
  404. package/simple-color-picker/definition.js +1 -1
  405. package/simple-color-picker/index.cjs +6 -6
  406. package/simple-color-picker/index.js +22 -21
  407. package/slider/definition.cjs +2 -1
  408. package/slider/definition.js +2 -1
  409. package/slider/index.cjs +1 -1
  410. package/slider/index.js +1 -1
  411. package/split-button/definition.cjs +1 -1
  412. package/split-button/definition.js +1 -1
  413. package/split-button/index.cjs +9 -7
  414. package/split-button/index.js +58 -37
  415. package/status/definition.cjs +1 -1
  416. package/status/definition.js +1 -1
  417. package/status/index.cjs +5 -5
  418. package/status/index.js +22 -13
  419. package/switch/definition.cjs +1 -1
  420. package/switch/definition.js +1 -1
  421. package/switch/index.cjs +3 -3
  422. package/switch/index.js +22 -11
  423. package/tab/definition.cjs +1 -1
  424. package/tab/definition.js +1 -1
  425. package/tab/index.cjs +1 -1
  426. package/tab/index.js +1 -1
  427. package/tab-panel/definition.cjs +1 -1
  428. package/tab-panel/definition.js +1 -1
  429. package/tab-panel/index.cjs +1 -1
  430. package/tab-panel/index.js +1 -1
  431. package/table/definition.cjs +1 -1
  432. package/table/definition.js +1 -1
  433. package/table/index.cjs +16 -14
  434. package/table/index.js +14 -11
  435. package/tabs/definition.cjs +1 -1
  436. package/tabs/definition.js +1 -1
  437. package/tabs/index.cjs +4 -4
  438. package/tabs/index.js +32 -30
  439. package/tag/definition.cjs +1 -1
  440. package/tag/definition.js +1 -1
  441. package/tag/index.cjs +11 -11
  442. package/tag/index.js +31 -14
  443. package/tag-group/definition.cjs +1 -1
  444. package/tag-group/definition.js +1 -1
  445. package/tag-group/index.cjs +1 -1
  446. package/tag-group/index.js +6 -4
  447. package/text-area/definition.cjs +1 -1
  448. package/text-area/definition.js +1 -1
  449. package/text-area/index.cjs +5 -5
  450. package/text-area/index.js +18 -15
  451. package/text-field/index.cjs +1 -1
  452. package/text-field/index.js +1 -1
  453. package/time-picker/definition.cjs +1 -1
  454. package/time-picker/definition.js +1 -1
  455. package/time-picker/index.cjs +1 -1
  456. package/time-picker/index.js +9 -6
  457. package/toggletip/index.cjs +1 -1
  458. package/toggletip/index.js +1 -1
  459. package/tooltip/index.cjs +1 -1
  460. package/tooltip/index.js +1 -1
  461. package/tree-item/definition.cjs +1 -1
  462. package/tree-item/definition.js +1 -1
  463. package/tree-item/index.cjs +1 -1
  464. package/tree-item/index.js +1 -1
  465. package/tree-view/definition.cjs +1 -1
  466. package/tree-view/definition.js +1 -1
  467. package/tree-view/index.cjs +1 -1
  468. package/tree-view/index.js +7 -5
  469. package/unbundled/affix.cjs +2 -3
  470. package/unbundled/affix.js +1 -1
  471. package/unbundled/anchored.cjs +39 -1
  472. package/unbundled/anchored.js +28 -1
  473. package/unbundled/aria-binding-directive.cjs +2 -2
  474. package/unbundled/aria-binding-directive.js +2 -1
  475. package/unbundled/base-color-picker.cjs +0 -1
  476. package/unbundled/base-progress.cjs +1 -2
  477. package/unbundled/base-progress.js +1 -1
  478. package/unbundled/breadcrumb-item.cjs +0 -1
  479. package/unbundled/button.cjs +2 -3
  480. package/unbundled/button.js +2 -2
  481. package/unbundled/calendar-event.cjs +29 -1
  482. package/unbundled/calendar-event.js +18 -1
  483. package/unbundled/calendar-picker.template.cjs +109 -91
  484. package/unbundled/calendar-picker.template.js +109 -90
  485. package/unbundled/char-count.cjs +0 -1
  486. package/unbundled/component-enum.cjs +18 -0
  487. package/unbundled/component-enum.js +13 -0
  488. package/unbundled/data-grid.options.cjs +8 -0
  489. package/unbundled/data-grid.options.js +3 -1
  490. package/unbundled/decorate.cjs +1 -1
  491. package/unbundled/decorate.js +1 -1
  492. package/unbundled/definition.cjs +3 -67
  493. package/unbundled/definition.js +5 -62
  494. package/unbundled/definition10.cjs +2 -343
  495. package/unbundled/definition10.js +4 -338
  496. package/unbundled/definition11.cjs +10 -10
  497. package/unbundled/definition11.js +9 -8
  498. package/unbundled/definition12.cjs +7 -6
  499. package/unbundled/definition12.js +8 -6
  500. package/unbundled/definition13.cjs +2 -2
  501. package/unbundled/definition13.js +2 -1
  502. package/unbundled/definition14.cjs +13 -4
  503. package/unbundled/definition14.js +13 -3
  504. package/unbundled/definition15.cjs +26 -5
  505. package/unbundled/definition15.js +26 -4
  506. package/unbundled/definition16.cjs +20 -14
  507. package/unbundled/definition16.js +20 -13
  508. package/unbundled/definition17.cjs +9 -5
  509. package/unbundled/definition17.js +9 -4
  510. package/unbundled/definition18.cjs +4 -3
  511. package/unbundled/definition18.js +4 -2
  512. package/unbundled/definition19.cjs +2 -3
  513. package/unbundled/definition19.js +9 -8
  514. package/unbundled/definition2.cjs +15 -5
  515. package/unbundled/definition2.js +16 -5
  516. package/unbundled/definition20.cjs +1 -2
  517. package/unbundled/definition20.js +7 -6
  518. package/unbundled/definition21.cjs +6 -4
  519. package/unbundled/definition21.js +6 -3
  520. package/unbundled/definition22.cjs +0 -1
  521. package/unbundled/definition23.cjs +14 -7
  522. package/unbundled/definition23.js +13 -5
  523. package/unbundled/definition24.cjs +10 -8
  524. package/unbundled/definition24.js +11 -8
  525. package/unbundled/definition25.cjs +4 -4
  526. package/unbundled/definition25.js +4 -3
  527. package/unbundled/definition26.cjs +13 -8
  528. package/unbundled/definition26.js +12 -6
  529. package/unbundled/definition27.cjs +41 -7
  530. package/unbundled/definition27.js +42 -7
  531. package/unbundled/definition28.cjs +7 -6
  532. package/unbundled/definition28.js +6 -4
  533. package/unbundled/definition29.cjs +5 -169
  534. package/unbundled/definition29.js +11 -162
  535. package/unbundled/definition3.cjs +5 -6
  536. package/unbundled/definition3.js +5 -5
  537. package/unbundled/definition30.cjs +2 -64
  538. package/unbundled/definition30.js +5 -54
  539. package/unbundled/definition31.cjs +20 -16
  540. package/unbundled/definition31.js +19 -14
  541. package/unbundled/definition32.cjs +2 -2
  542. package/unbundled/definition32.js +2 -1
  543. package/unbundled/definition33.cjs +0 -1
  544. package/unbundled/definition34.cjs +0 -1
  545. package/unbundled/definition35.cjs +41 -52
  546. package/unbundled/definition35.js +42 -52
  547. package/unbundled/definition36.cjs +2 -3
  548. package/unbundled/definition36.js +9 -8
  549. package/unbundled/definition37.cjs +1 -2
  550. package/unbundled/definition37.js +1 -1
  551. package/unbundled/definition38.cjs +0 -1
  552. package/unbundled/definition39.cjs +1 -2
  553. package/unbundled/definition39.js +1 -1
  554. package/unbundled/definition4.cjs +4 -3
  555. package/unbundled/definition4.js +11 -6
  556. package/unbundled/definition40.cjs +9 -6
  557. package/unbundled/definition40.js +9 -5
  558. package/unbundled/definition41.cjs +11 -7
  559. package/unbundled/definition41.js +11 -6
  560. package/unbundled/definition42.cjs +16 -7
  561. package/unbundled/definition42.js +16 -6
  562. package/unbundled/definition43.cjs +7 -3
  563. package/unbundled/definition43.js +7 -2
  564. package/unbundled/definition44.cjs +15 -13
  565. package/unbundled/definition44.js +14 -11
  566. package/unbundled/definition45.cjs +73 -52
  567. package/unbundled/definition45.js +69 -47
  568. package/unbundled/definition46.cjs +53 -46
  569. package/unbundled/definition46.js +49 -41
  570. package/unbundled/definition47.cjs +40 -165
  571. package/unbundled/definition47.js +36 -160
  572. package/unbundled/definition48.cjs +177 -32
  573. package/unbundled/definition48.js +174 -22
  574. package/unbundled/definition49.cjs +30 -90
  575. package/unbundled/definition49.js +27 -86
  576. package/unbundled/definition5.cjs +9 -3
  577. package/unbundled/definition5.js +15 -7
  578. package/unbundled/definition50.cjs +617 -48
  579. package/unbundled/definition50.js +615 -47
  580. package/unbundled/definition51.cjs +93 -22
  581. package/unbundled/definition51.js +91 -16
  582. package/unbundled/definition52.cjs +52 -33
  583. package/unbundled/definition52.js +49 -29
  584. package/unbundled/definition53.cjs +22 -324
  585. package/unbundled/definition53.js +18 -319
  586. package/unbundled/definition54.cjs +44 -213
  587. package/unbundled/definition54.js +40 -208
  588. package/unbundled/definition55.cjs +321 -42
  589. package/unbundled/definition55.js +317 -37
  590. package/unbundled/definition56.cjs +199 -254
  591. package/unbundled/definition56.js +193 -247
  592. package/unbundled/definition57.cjs +45 -54
  593. package/unbundled/definition57.js +42 -49
  594. package/unbundled/definition58.cjs +271 -134
  595. package/unbundled/definition58.js +269 -128
  596. package/unbundled/definition59.cjs +59 -246
  597. package/unbundled/definition59.js +58 -244
  598. package/unbundled/definition6.cjs +22 -7
  599. package/unbundled/definition6.js +22 -6
  600. package/unbundled/definition60.cjs +129 -445
  601. package/unbundled/definition60.js +127 -442
  602. package/unbundled/definition61.cjs +230 -3746
  603. package/unbundled/definition61.js +224 -3576
  604. package/unbundled/definition62.cjs +428 -742
  605. package/unbundled/definition62.js +426 -739
  606. package/unbundled/definition63.cjs +3776 -103
  607. package/unbundled/definition63.js +3607 -97
  608. package/unbundled/definition64.cjs +693 -906
  609. package/unbundled/definition64.js +685 -894
  610. package/unbundled/definition65.cjs +104 -109
  611. package/unbundled/definition65.js +100 -104
  612. package/unbundled/definition66.cjs +1004 -66
  613. package/unbundled/definition66.js +1003 -58
  614. package/unbundled/definition67.cjs +107 -156
  615. package/unbundled/definition67.js +103 -151
  616. package/unbundled/definition68.cjs +71 -123
  617. package/unbundled/definition68.js +67 -118
  618. package/unbundled/definition69.cjs +163 -52
  619. package/unbundled/definition69.js +159 -47
  620. package/unbundled/definition7.cjs +0 -1
  621. package/unbundled/definition7.js +10 -4
  622. package/unbundled/definition70.cjs +146 -76
  623. package/unbundled/definition70.js +145 -71
  624. package/unbundled/definition71.cjs +66 -22
  625. package/unbundled/definition71.js +63 -15
  626. package/unbundled/definition72.cjs +88 -76
  627. package/unbundled/definition72.js +85 -72
  628. package/unbundled/definition73.cjs +20 -306
  629. package/unbundled/definition73.js +16 -229
  630. package/unbundled/definition74.cjs +77 -316
  631. package/unbundled/definition74.js +76 -307
  632. package/unbundled/definition75.cjs +310 -31
  633. package/unbundled/definition75.js +233 -24
  634. package/unbundled/definition76.cjs +316 -110
  635. package/unbundled/definition76.js +307 -106
  636. package/unbundled/definition77.cjs +26 -251
  637. package/unbundled/definition77.js +22 -246
  638. package/unbundled/definition78.cjs +147 -27
  639. package/unbundled/definition78.js +139 -25
  640. package/unbundled/definition79.cjs +230 -117
  641. package/unbundled/definition79.js +227 -107
  642. package/unbundled/definition8.cjs +17 -10
  643. package/unbundled/definition8.js +17 -9
  644. package/unbundled/definition80.cjs +28 -203
  645. package/unbundled/definition80.js +26 -193
  646. package/unbundled/definition81.cjs +125 -477
  647. package/unbundled/definition81.js +118 -473
  648. package/unbundled/definition82.cjs +220 -0
  649. package/unbundled/definition82.js +203 -0
  650. package/unbundled/definition83.cjs +517 -0
  651. package/unbundled/definition83.js +498 -0
  652. package/unbundled/definition9.cjs +4 -3
  653. package/unbundled/definition9.js +4 -2
  654. package/unbundled/delegates-aria.cjs +4 -2
  655. package/unbundled/delegates-aria.js +4 -2
  656. package/unbundled/divider.cjs +8 -3
  657. package/unbundled/divider.js +3 -3
  658. package/unbundled/en-US.cjs +34 -33
  659. package/unbundled/en-US.js +34 -33
  660. package/unbundled/extractOptions.cjs +5 -5
  661. package/unbundled/extractOptions.js +2 -2
  662. package/unbundled/feedback-message.cjs +59 -0
  663. package/unbundled/feedback-message.js +48 -0
  664. package/unbundled/form-associated.cjs +1 -4
  665. package/unbundled/form-associated.js +1 -3
  666. package/unbundled/form-element.cjs +0 -1
  667. package/unbundled/icon.cjs +66 -0
  668. package/unbundled/icon.js +61 -0
  669. package/unbundled/kbd-shortcut.cjs +0 -1
  670. package/unbundled/linkable.cjs +1 -2
  671. package/unbundled/linkable.js +1 -1
  672. package/unbundled/listbox.cjs +8 -5
  673. package/unbundled/listbox.js +7 -3
  674. package/unbundled/localized.cjs +0 -1
  675. package/unbundled/mixins.cjs +3 -53
  676. package/unbundled/mixins.js +3 -46
  677. package/unbundled/numberConverter.cjs +8 -3
  678. package/unbundled/numberConverter.js +8 -3
  679. package/unbundled/optgroup.cjs +65 -0
  680. package/unbundled/optgroup.js +54 -0
  681. package/unbundled/option.cjs +183 -0
  682. package/unbundled/option.js +166 -0
  683. package/unbundled/picker-field.template.cjs +1 -2
  684. package/unbundled/picker-field.template.js +1 -1
  685. package/unbundled/randomId.cjs +0 -1
  686. package/unbundled/{chunk.cjs → rolldown-runtime.cjs} +1 -1
  687. package/unbundled/scrollIntoView.cjs +0 -1
  688. package/unbundled/scrollIntoView.js +0 -1
  689. package/unbundled/slider.template.cjs +340 -2
  690. package/unbundled/slider.template.js +338 -5
  691. package/unbundled/text-field.cjs +1 -1
  692. package/unbundled/text-field.js +1 -1
  693. package/unbundled/time-selection-picker.template.cjs +3 -4
  694. package/unbundled/time-selection-picker.template.js +3 -3
  695. package/unbundled/vivid-element.cjs +63 -4
  696. package/unbundled/vivid-element.js +63 -3
  697. package/unbundled/with-contextual-help.cjs +0 -1
  698. package/unbundled/with-error-text.cjs +0 -1
  699. package/unbundled/with-success-text.cjs +0 -1
  700. package/video-player/definition.cjs +1 -1
  701. package/video-player/definition.js +1 -1
  702. package/video-player/index.cjs +31 -31
  703. package/video-player/index.js +2094 -2085
  704. package/visually-hidden/index.cjs +1 -1
  705. package/vivid.api.json +807 -1341
  706. package/lib/action-group/variations.browser-spec.d.ts +0 -1
  707. package/lib/alert/variations.browser-spec.d.ts +0 -1
  708. package/lib/audio-player/variations.browser-spec.d.ts +0 -1
  709. package/lib/avatar/variations.browser-spec.d.ts +0 -1
  710. package/lib/badge/variations.browser-spec.d.ts +0 -1
  711. package/lib/banner/variations.browser-spec.d.ts +0 -1
  712. package/lib/breadcrumb-item/variations.browser-spec.d.ts +0 -1
  713. package/lib/button/variations.browser-spec.d.ts +0 -1
  714. package/lib/calendar/variations.browser-spec.d.ts +0 -1
  715. package/lib/calendar-event/variations.browser-spec.d.ts +0 -1
  716. package/lib/card/variations.browser-spec.d.ts +0 -1
  717. package/lib/checkbox/variations.browser-spec.d.ts +0 -1
  718. package/lib/color-picker/variations.browser-spec.d.ts +0 -1
  719. package/lib/combobox/variations.browser-spec.d.ts +0 -1
  720. package/lib/contextual-help/variations.browser-spec.d.ts +0 -1
  721. package/lib/country/variations.browser-spec.d.ts +0 -1
  722. package/lib/data-grid/variations.browser-spec.d.ts +0 -1
  723. package/lib/date-picker/variations.browser-spec.d.ts +0 -1
  724. package/lib/date-range-picker/variations.browser-spec.d.ts +0 -1
  725. package/lib/date-time-picker/variations.browser-spec.d.ts +0 -1
  726. package/lib/dial-pad/variations.browser-spec.d.ts +0 -1
  727. package/lib/dialog/variations.browser-spec.d.ts +0 -1
  728. package/lib/divider/variations.browser-spec.d.ts +0 -1
  729. package/lib/empty-state/variations.browser-spec.d.ts +0 -1
  730. package/lib/fab/variations.browser-spec.d.ts +0 -1
  731. package/lib/file-picker/variations.browser-spec.d.ts +0 -1
  732. package/lib/flag/variations.browser-spec.d.ts +0 -1
  733. package/lib/header/variations.browser-spec.d.ts +0 -1
  734. package/lib/icon/variations.browser-spec.d.ts +0 -1
  735. package/lib/kbd-key/variations.browser-spec.d.ts +0 -1
  736. package/lib/kbd-shortcut/variations.browser-spec.d.ts +0 -1
  737. package/lib/layout/variations.browser-spec.d.ts +0 -1
  738. package/lib/menu/variations.browser-spec.d.ts +0 -1
  739. package/lib/menu-item/variations.browser-spec.d.ts +0 -1
  740. package/lib/nav/variations.browser-spec.d.ts +0 -1
  741. package/lib/nav-disclosure/variations.browser-spec.d.ts +0 -1
  742. package/lib/nav-item/variations.browser-spec.d.ts +0 -1
  743. package/lib/note/variations.browser-spec.d.ts +0 -1
  744. package/lib/number-field/variations.browser-spec.d.ts +0 -1
  745. package/lib/optgroup/variations.browser-spec.d.ts +0 -1
  746. package/lib/option/variations.browser-spec.d.ts +0 -1
  747. package/lib/pagination/variations.browser-spec.d.ts +0 -1
  748. package/lib/popover/variations.browser-spec.d.ts +0 -1
  749. package/lib/progress/variations.browser-spec.d.ts +0 -1
  750. package/lib/progress-ring/variations.browser-spec.d.ts +0 -1
  751. package/lib/radio/variations.browser-spec.d.ts +0 -1
  752. package/lib/radio-group/variations.browser-spec.d.ts +0 -1
  753. package/lib/range-slider/variations.browser-spec.d.ts +0 -1
  754. package/lib/rich-text-editor/variations.browser-spec.d.ts +0 -1
  755. package/lib/rich-text-view/variations.browser-spec.d.ts +0 -1
  756. package/lib/searchable-select/variations.browser-spec.d.ts +0 -1
  757. package/lib/select/variations.browser-spec.d.ts +0 -1
  758. package/lib/selectable-box/variations.browser-spec.d.ts +0 -1
  759. package/lib/side-drawer/variations.browser-spec.d.ts +0 -1
  760. package/lib/simple-color-picker/variations.browser-spec.d.ts +0 -1
  761. package/lib/slider/variations.browser-spec.d.ts +0 -1
  762. package/lib/split-button/variations.browser-spec.d.ts +0 -1
  763. package/lib/status/variations.browser-spec.d.ts +0 -1
  764. package/lib/switch/variations.browser-spec.d.ts +0 -1
  765. package/lib/table/variations.browser-spec.d.ts +0 -1
  766. package/lib/tabs/variations.browser-spec.d.ts +0 -1
  767. package/lib/tag/variations.browser-spec.d.ts +0 -1
  768. package/lib/text-area/variations.browser-spec.d.ts +0 -1
  769. package/lib/text-field/variations.browser-spec.d.ts +0 -1
  770. package/lib/time-picker/variations.browser-spec.d.ts +0 -1
  771. package/lib/toggletip/variations.browser-spec.d.ts +0 -1
  772. package/lib/tooltip/variations.browser-spec.d.ts +0 -1
  773. package/lib/tree-item/variations.browser-spec.d.ts +0 -1
  774. package/lib/video-player/variations.browser-spec.d.ts +0 -1
  775. /package/lib/{accordion-item/variations.browser-spec.d.ts → form-field/index.d.ts} +0 -0
  776. /package/lib/{accordion/variations.browser-spec.d.ts → listbox/index.d.ts} +0 -0
  777. /package/unbundled/{chunk.js → rolldown-runtime.js} +0 -0
package/status/definition.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition69.cjs");
2
+ const require_definition = require("../unbundled/definition71.cjs");
3
3
  exports.VwcStatusElement = require_definition.Status;
4
4
  exports.registerStatus = require_definition.registerStatus;
5
5
  exports.statusDefinition = require_definition.statusDefinition;
package/status/definition.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as statusDefinition, r as Status, t as registerStatus } from "../unbundled/definition69.js";
1
+ import { n as statusDefinition, r as Status, t as registerStatus } from "../unbundled/definition71.js";
2
2
  export { Status as VwcStatusElement, registerStatus, statusDefinition };
package/status/index.cjs CHANGED
@@ -1,10 +1,10 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/enums.cjs`),i=require(`../bundled/decorate.cjs`),a=require(`../bundled/class-names.cjs`),o=require(`../bundled/definition3.cjs`),s=require(`../bundled/affix.cjs`);var c=`.base.connotation-information{--_connotation-color-intermediate:var(--vvd-status-information-intermediate,var(--vvd-color-information-500));--_connotation-color-faint:var(--vvd-status-information-faint,var(--vvd-color-information-50));--_connotation-color-fierce:var(--vvd-status-information-fierce,var(--vvd-color-information-700))}.base.connotation-warning{--_connotation-color-intermediate:var(--vvd-status-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-faint:var(--vvd-status-warning-faint,var(--vvd-color-warning-50));--_connotation-color-fierce:var(--vvd-status-warning-fierce,var(--vvd-color-warning-700))}.base.connotation-alert{--_connotation-color-intermediate:var(--vvd-status-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-faint:var(--vvd-status-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce:var(--vvd-status-alert-fierce,var(--vvd-color-alert-700))}.base:not(.connotation-information,.connotation-warning,.connotation-alert){--_connotation-color-intermediate:var(--vvd-status-success-intermediate,var(--vvd-color-success-500));--_connotation-color-faint:var(--vvd-status-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce:var(--vvd-status-success-fierce,var(--vvd-color-success-700))}.base{--_appearance-color-text:var(--_connotation-color-fierce);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--_connotation-color-intermediate);align-items:center;column-gap:8px;display:inline-flex}slot[name=icon],.icon{color:var(--_appearance-color-text);font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * .8)}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-width:0;display:flex}.headline{color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold)}.description{color:var(--vvd-color-neutral-800);font:var(--vvd-typography-base-condensed)}.description[data-has-description=false]{display:none}`,l=class extends s.t(e.t){};i.t([e.m],l.prototype,`status`,void 0),i.t([e.m],l.prototype,`connotation`,void 0),i.t([e.A],l.prototype,`descriptionSlottedContent`,void 0);var u={[r.n.Success]:`check-circle-solid`,[r.n.Information]:`info-solid`,[r.n.Warning]:`warning-solid`,[r.n.Alert]:`error-solid`};function d(e){return e.icon?e.icon:e.connotation?u[e.connotation]:void 0}function f(){return e.p`<div class="headline">${e=>e.status}</div>`}var p=e.u(`status`,l,r=>{let i=s.a(r);return e.p`
1
+ const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/slotted.cjs"),n=require("../bundled/when.cjs"),r=require("../bundled/enums.cjs"),i=require("../bundled/decorate.cjs"),a=require("../bundled/class-names.cjs"),o=require("../bundled/definition2.cjs"),s=require("../bundled/affix.cjs"),c=require("../bundled/component-enum.cjs");var l=`.base{align-items:center;column-gap:8px;display:inline-flex}slot[name=icon],.icon{color:var(--_appearance-color-text);font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * .8)}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-width:0;display:flex}.headline{color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold)}.description{color:var(--vvd-color-neutral-800);font:var(--vvd-typography-base-condensed)}.description[data-has-description=false]{display:none}`,u=c.t([`success`,`information`,`warning`,`alert`],`success`),d=class extends s.t(e.t){};i.t([e.m],d.prototype,`status`,void 0),i.t([e.m],d.prototype,`connotation`,void 0),i.t([e.A],d.prototype,`descriptionSlottedContent`,void 0);var f={[r.n.Success]:`check-circle-solid`,[r.n.Information]:`info-solid`,[r.n.Warning]:`warning-solid`,[r.n.Alert]:`error-solid`};function p(e){return e.icon?e.icon:e.connotation?f[e.connotation]:void 0}function m(){return e.p`<div class="headline">${e=>e.status}</div>`}var h=e.u(`status`,d,r=>{let i=s.a(r);return e.p`
2
2
  <div
3
- class="${e=>a.t(`base`,e.connotation?`connotation-${e.connotation}`:``)}"
3
+ class="${e=>a.t(`base`,`connotation-${u.parse(e.connotation)}`,`appearance-harmony`,`with-idle`)}"
4
4
  >
5
- ${e=>i(d(e),s.i.Slot)}
5
+ ${e=>i(p(e),s.i.Slot)}
6
6
  <div class="text">
7
- ${n.t(e=>e.status,f())}
7
+ ${n.t(e=>e.status,m())}
8
8
  <div
9
9
  class="description"
10
10
  data-has-description="${e=>(e.descriptionSlottedContent?.length??0)>0}"
@@ -13,4 +13,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cj
13
13
  </div>
14
14
  </div>
15
15
  </div>
16
- `},[o.t],{styles:c});e.d(p)();
16
+ `},[o.t],{styles:l});e.d(h)();
package/status/index.js CHANGED
@@ -4,36 +4,42 @@ import { t as s } from "../bundled/when.js";
4
4
  import { n as c } from "../bundled/enums.js";
5
5
  import { t as l } from "../bundled/decorate.js";
6
6
  import { t as u } from "../bundled/class-names.js";
7
- import { t as d } from "../bundled/definition3.js";
7
+ import { t as d } from "../bundled/definition2.js";
8
8
  import { a as f, i as p, t as m } from "../bundled/affix.js";
9
+ import { t as h } from "../bundled/component-enum.js";
9
10
  //#region src/lib/status/status.scss?inline
10
- var h = ".base.connotation-information{--_connotation-color-intermediate:var(--vvd-status-information-intermediate,var(--vvd-color-information-500));--_connotation-color-faint:var(--vvd-status-information-faint,var(--vvd-color-information-50));--_connotation-color-fierce:var(--vvd-status-information-fierce,var(--vvd-color-information-700))}.base.connotation-warning{--_connotation-color-intermediate:var(--vvd-status-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-faint:var(--vvd-status-warning-faint,var(--vvd-color-warning-50));--_connotation-color-fierce:var(--vvd-status-warning-fierce,var(--vvd-color-warning-700))}.base.connotation-alert{--_connotation-color-intermediate:var(--vvd-status-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-faint:var(--vvd-status-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce:var(--vvd-status-alert-fierce,var(--vvd-color-alert-700))}.base:not(.connotation-information,.connotation-warning,.connotation-alert){--_connotation-color-intermediate:var(--vvd-status-success-intermediate,var(--vvd-color-success-500));--_connotation-color-faint:var(--vvd-status-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce:var(--vvd-status-success-fierce,var(--vvd-color-success-700))}.base{--_appearance-color-text:var(--_connotation-color-fierce);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--_connotation-color-intermediate);align-items:center;column-gap:8px;display:inline-flex}slot[name=icon],.icon{color:var(--_appearance-color-text);font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * .8)}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-width:0;display:flex}.headline{color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold)}.description{color:var(--vvd-color-neutral-800);font:var(--vvd-typography-base-condensed)}.description[data-has-description=false]{display:none}", g = class extends m(i) {};
11
- l([n], g.prototype, "status", void 0), l([n], g.prototype, "connotation", void 0), l([e], g.prototype, "descriptionSlottedContent", void 0);
11
+ var g = ".base{align-items:center;column-gap:8px;display:inline-flex}slot[name=icon],.icon{color:var(--_appearance-color-text);font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * .8)}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-width:0;display:flex}.headline{color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold)}.description{color:var(--vvd-color-neutral-800);font:var(--vvd-typography-base-condensed)}.description[data-has-description=false]{display:none}", _ = h([
12
+ "success",
13
+ "information",
14
+ "warning",
15
+ "alert"
16
+ ], "success"), v = class extends m(i) {};
17
+ l([n], v.prototype, "status", void 0), l([n], v.prototype, "connotation", void 0), l([e], v.prototype, "descriptionSlottedContent", void 0);
12
18
  //#endregion
13
19
  //#region src/lib/status/status.template.ts
14
- var _ = {
20
+ var y = {
15
21
  [c.Success]: "check-circle-solid",
16
22
  [c.Information]: "info-solid",
17
23
  [c.Warning]: "warning-solid",
18
24
  [c.Alert]: "error-solid"
19
25
  };
20
- function v(e) {
21
- return e.icon ? e.icon : e.connotation ? _[e.connotation] : void 0;
26
+ function b(e) {
27
+ return e.icon ? e.icon : e.connotation ? y[e.connotation] : void 0;
22
28
  }
23
- function y() {
29
+ function x() {
24
30
  return r`<div class="headline">${(e) => e.status}</div>`;
25
31
  }
26
32
  //#endregion
27
- //#region src/lib/status/index.ts
28
- t(a("status", g, (e) => {
33
+ //#region src/lib/status/definition.ts
34
+ var S = a("status", v, (e) => {
29
35
  let t = f(e);
30
36
  return r`
31
37
  <div
32
- class="${(e) => u("base", e.connotation ? `connotation-${e.connotation}` : "")}"
38
+ class="${(e) => u("base", `connotation-${_.parse(e.connotation)}`, "appearance-harmony", "with-idle")}"
33
39
  >
34
- ${(e) => t(v(e), p.Slot)}
40
+ ${(e) => t(b(e), p.Slot)}
35
41
  <div class="text">
36
- ${s((e) => e.status, y())}
42
+ ${s((e) => e.status, x())}
37
43
  <div
38
44
  class="description"
39
45
  data-has-description="${(e) => (e.descriptionSlottedContent?.length ?? 0) > 0}"
@@ -43,5 +49,8 @@ t(a("status", g, (e) => {
43
49
  </div>
44
50
  </div>
45
51
  `;
46
- }, [d], { styles: h }))();
52
+ }, [d], { styles: g });
53
+ //#endregion
54
+ //#region src/lib/status/index.ts
55
+ t(S)();
47
56
  //#endregion
package/switch/definition.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition70.cjs");
2
+ const require_definition = require("../unbundled/definition72.cjs");
3
3
  exports.VwcSwitchElement = require_definition.Switch;
4
4
  exports.registerSwitch = require_definition.registerSwitch;
5
5
  exports.switchDefinition = require_definition.switchDefinition;
package/switch/definition.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as switchDefinition, r as Switch, t as registerSwitch } from "../unbundled/definition70.js";
1
+ import { n as switchDefinition, r as Switch, t as registerSwitch } from "../unbundled/definition72.js";
2
2
  export { Switch as VwcSwitchElement, registerSwitch, switchDefinition };
package/switch/index.cjs CHANGED
@@ -1,8 +1,8 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`);require(`../bundled/key-codes.cjs`);const a=require(`../bundled/definition3.cjs`),o=require(`../bundled/delegates-aria.cjs`),s=require(`../bundled/form-associated.cjs`);var c=`:host(.disabled){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary-text:var(--vvd-switch-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-increment:var(--vvd-switch-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-switch-cta-firm,var(--vvd-color-cta-600));--_connotation-color-intermediate:var(--vvd-switch-cta-intermediate,var(--vvd-color-cta-500));--_connotation-color-fierce:var(--vvd-switch-cta-fierce,var(--vvd-color-cta-700))}.control.connotation-alert{--_connotation-color-primary-text:var(--vvd-switch-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-increment:var(--vvd-switch-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-firm:var(--vvd-switch-alert-firm,var(--vvd-color-alert-600));--_connotation-color-intermediate:var(--vvd-switch-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-fierce:var(--vvd-switch-alert-fierce,var(--vvd-color-alert-700))}.control.connotation-success{--_connotation-color-primary-text:var(--vvd-switch-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-increment:var(--vvd-switch-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-firm:var(--vvd-switch-success-firm,var(--vvd-color-success-600));--_connotation-color-intermediate:var(--vvd-switch-success-intermediate,var(--vvd-color-success-500));--_connotation-color-fierce:var(--vvd-switch-success-fierce,var(--vvd-color-success-700))}.control.connotation-announcement{--_connotation-color-primary-text:var(--vvd-switch-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-increment:var(--vvd-switch-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-firm:var(--vvd-switch-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-intermediate:var(--vvd-switch-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-fierce:var(--vvd-switch-announcement-fierce,var(--vvd-color-announcement-700))}.control:not(.connotation-cta,.connotation-alert,.connotation-success,.connotation-announcement){--_connotation-color-primary-text:var(--vvd-switch-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-increment:var(--vvd-switch-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-switch-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-switch-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-fierce:var(--vvd-switch-accent-fierce,var(--vvd-color-neutral-700))}.control{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.control.appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.control.readonly:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-800);--_appearance-color-fill:var(--vvd-color-neutral-500);--_appearance-color-outline:transparent}.control{user-select:none;border-radius:16px;outline:none;gap:8px;display:inline-flex}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * 1.8);box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);border-radius:40px;flex-shrink:0;align-items:center;transition:all .2s ease-in-out;display:flex}.control:focus-visible .switch{position:relative}.control:focus-visible .switch:after{box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:"";inline-size:calc(100% + var(--focus-block-size-addition,4px));--focus-stroke-gap-color:transparent;--focus-block-size-addition:6px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.checked-indicator{--_switch-checked-indicator-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) / 1.6667);--_switch-gutter:calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.checked-indicator{transition:all .2s ease-in-out}}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translateX(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translateX(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}`,l=class extends o.t(s.t(e.t)){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly),this.readOnly?this.classList.add(`readonly`):this.classList.remove(`readonly`)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`checkbox`),this.updateForm()}constructor(){super(),this.proxy=document.createElement(`input`),this.initialValue=`on`,this.keypressHandler=e=>{(e.key===` `||e.key===`Enter`)&&(this.checked=!this.checked)},this.clickHandler=()=>{!this.disabled&&!this.readOnly&&(this.checked=!this.checked)},this.checked=this.defaultChecked}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}};r.t([e.m],l.prototype,`label`,void 0),r.t([e.m],l.prototype,`connotation`,void 0),r.t([e.m({attribute:`readonly`,mode:`boolean`})],l.prototype,`readOnly`,void 0),r.t([e.A],l.prototype,`defaultSlottedNodes`,void 0);var u=e.p`
1
+ const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/ref.cjs"),n=require("../bundled/when.cjs"),r=require("../bundled/decorate.cjs"),i=require("../bundled/class-names.cjs");require("../bundled/key-codes.cjs");const a=require("../bundled/definition2.cjs"),o=require("../bundled/delegates-aria.cjs"),s=require("../bundled/component-enum.cjs"),c=require("../bundled/form-associated.cjs");var l=`:host(.disabled){cursor:not-allowed}.control{user-select:none;border-radius:16px;outline:none;gap:8px;display:inline-flex}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * 1.8);box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);border-radius:40px;flex-shrink:0;align-items:center;transition:all .2s ease-in-out;display:flex}.control:focus-visible .switch{position:relative}.control:focus-visible .switch:after{box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:"";inline-size:calc(100% + var(--focus-block-size-addition,4px));--focus-stroke-gap-color:transparent;--focus-block-size-addition:6px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.checked-indicator{--_switch-checked-indicator-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) / 1.6667);--_switch-gutter:calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.checked-indicator{transition:all .2s ease-in-out}}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translateX(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translateX(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}`,u=s.t([`accent`,`alert`,`announcement`,`success`,`cta`],`accent`),d=class extends o.t(c.t(e.t)){readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly),this.readOnly?this.classList.add(`readonly`):this.classList.remove(`readonly`)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`checkbox`),this.updateForm()}constructor(){super(),this.proxy=document.createElement(`input`),this.initialValue=`on`,this.keypressHandler=e=>{(e.key===` `||e.key===`Enter`)&&(this.checked=!this.checked)},this.clickHandler=()=>{!this.disabled&&!this.readOnly&&(this.checked=!this.checked)},this.checked=this.defaultChecked}updateForm(){let e=this.checked?this.value:null;this.setFormValue(e,e)}};r.t([e.m],d.prototype,`label`,void 0),r.t([e.m],d.prototype,`connotation`,void 0),r.t([e.m({attribute:`readonly`,mode:`boolean`})],d.prototype,`readOnly`,void 0),r.t([e.A],d.prototype,`defaultSlottedNodes`,void 0);var f=e.p`
2
2
  <template>
3
3
  <div
4
4
  ${t.t(`control`)}
5
- class="${e=>i.t(`control`,[`appearance-filled`,e.checked],[`checked`,e.checked],[`disabled`,e.disabled],[`readonly`,e.readOnly],[`connotation-${e.connotation}`,e.checked&&!!e.connotation])}"
5
+ class="${e=>i.t(`control`,[`checked`,e.checked],[`disabled`,e.disabled],[`readonly`,e.readOnly],[`connotation-${u.parse(e.connotation)}`,e.checked],`appearance-${e.checked?`filled`:`fieldset`}`,`with-idle`,`with-hover`,`with-disabled`,`with-readonly`)}"
6
6
  ${o.n({role:`switch`,ariaChecked:e=>e.checked,ariaDisabled:e=>e.disabled,ariaReadOnly:e=>e.readOnly})}
7
7
  tabindex="${e=>e.disabled?null:0}"
8
8
  @keypress="${(e,t)=>e.keypressHandler(t.event)}"
@@ -14,4 +14,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),
14
14
  ${n.t(e=>e.label,e.p`<div class="label">${e=>e.label}</div>`)}
15
15
  </div>
16
16
  </template>
17
- `,d=e.u(`switch`,l,u,[a.t],{styles:c,shadowOptions:{delegatesFocus:!0}});e.d(d)();
17
+ `,p=e.u(`switch`,d,f,[a.t],{styles:l,shadowOptions:{delegatesFocus:!0}});e.d(p)();
package/switch/index.js CHANGED
@@ -4,11 +4,18 @@ import { t as s } from "../bundled/when.js";
4
4
  import { t as c } from "../bundled/decorate.js";
5
5
  import { t as l } from "../bundled/class-names.js";
6
6
  import "../bundled/key-codes.js";
7
- import { t as u } from "../bundled/definition3.js";
7
+ import { t as u } from "../bundled/definition2.js";
8
8
  import { n as d, t as f } from "../bundled/delegates-aria.js";
9
- import { t as p } from "../bundled/form-associated.js";
9
+ import { t as p } from "../bundled/component-enum.js";
10
+ import { t as m } from "../bundled/form-associated.js";
10
11
  //#region src/lib/switch/switch.scss?inline
11
- var m = ":host(.disabled){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary-text:var(--vvd-switch-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-increment:var(--vvd-switch-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-switch-cta-firm,var(--vvd-color-cta-600));--_connotation-color-intermediate:var(--vvd-switch-cta-intermediate,var(--vvd-color-cta-500));--_connotation-color-fierce:var(--vvd-switch-cta-fierce,var(--vvd-color-cta-700))}.control.connotation-alert{--_connotation-color-primary-text:var(--vvd-switch-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-increment:var(--vvd-switch-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-firm:var(--vvd-switch-alert-firm,var(--vvd-color-alert-600));--_connotation-color-intermediate:var(--vvd-switch-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-fierce:var(--vvd-switch-alert-fierce,var(--vvd-color-alert-700))}.control.connotation-success{--_connotation-color-primary-text:var(--vvd-switch-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-increment:var(--vvd-switch-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-firm:var(--vvd-switch-success-firm,var(--vvd-color-success-600));--_connotation-color-intermediate:var(--vvd-switch-success-intermediate,var(--vvd-color-success-500));--_connotation-color-fierce:var(--vvd-switch-success-fierce,var(--vvd-color-success-700))}.control.connotation-announcement{--_connotation-color-primary-text:var(--vvd-switch-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-increment:var(--vvd-switch-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-firm:var(--vvd-switch-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-intermediate:var(--vvd-switch-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-fierce:var(--vvd-switch-announcement-fierce,var(--vvd-color-announcement-700))}.control:not(.connotation-cta,.connotation-alert,.connotation-success,.connotation-announcement){--_connotation-color-primary-text:var(--vvd-switch-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary:var(--vvd-switch-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-increment:var(--vvd-switch-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-switch-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-switch-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-fierce:var(--vvd-switch-accent-fierce,var(--vvd-color-neutral-700))}.control{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.control.appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}}.control.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary-increment);--_appearance-color-outline:transparent}.control:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled.appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:transparent}.control.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.control.readonly:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--vvd-color-neutral-800);--_appearance-color-fill:var(--vvd-color-neutral-500);--_appearance-color-outline:transparent}.control{user-select:none;border-radius:16px;outline:none;gap:8px;display:inline-flex}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * 1.8);box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);border-radius:40px;flex-shrink:0;align-items:center;transition:all .2s ease-in-out;display:flex}.control:focus-visible .switch{position:relative}.control:focus-visible .switch:after{box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition,4px));--focus-stroke-gap-color:transparent;--focus-block-size-addition:6px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.checked-indicator{--_switch-checked-indicator-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) / 1.6667);--_switch-gutter:calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.checked-indicator{transition:all .2s ease-in-out}}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translateX(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translateX(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}", h = class extends f(p(i)) {
12
+ var h = ":host(.disabled){cursor:not-allowed}.control{user-select:none;border-radius:16px;outline:none;gap:8px;display:inline-flex}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) * 1.8);box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);border-radius:40px;flex-shrink:0;align-items:center;transition:all .2s ease-in-out;display:flex}.control:focus-visible .switch{position:relative}.control:focus-visible .switch:after{box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));border-radius:var(--focus-border-radius,inherit);block-size:calc(100% + var(--focus-block-size-addition,4px));content:\"\";inline-size:calc(100% + var(--focus-block-size-addition,4px));--focus-stroke-gap-color:transparent;--focus-block-size-addition:6px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.checked-indicator{--_switch-checked-indicator-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20)) / 1.6667);--_switch-gutter:calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.checked-indicator{transition:all .2s ease-in-out}}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translateX(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translateX(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}", g = p([
13
+ "accent",
14
+ "alert",
15
+ "announcement",
16
+ "success",
17
+ "cta"
18
+ ], "accent"), _ = class extends f(m(i)) {
12
19
  readOnlyChanged() {
13
20
  this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly), this.readOnly ? this.classList.add("readonly") : this.classList.remove("readonly");
14
21
  }
@@ -27,16 +34,17 @@ var m = ":host(.disabled){cursor:not-allowed}.control.connotation-cta{--_connota
27
34
  this.setFormValue(e, e);
28
35
  }
29
36
  };
30
- //#endregion
31
- //#region src/lib/switch/index.ts
32
- c([n], h.prototype, "label", void 0), c([n], h.prototype, "connotation", void 0), c([n({
37
+ c([n], _.prototype, "label", void 0), c([n], _.prototype, "connotation", void 0), c([n({
33
38
  attribute: "readonly",
34
39
  mode: "boolean"
35
- })], h.prototype, "readOnly", void 0), c([e], h.prototype, "defaultSlottedNodes", void 0), t(a("switch", h, r`
40
+ })], _.prototype, "readOnly", void 0), c([e], _.prototype, "defaultSlottedNodes", void 0);
41
+ //#endregion
42
+ //#region src/lib/switch/switch.template.ts
43
+ var v = r`
36
44
  <template>
37
45
  <div
38
46
  ${o("control")}
39
- class="${(e) => l("control", ["appearance-filled", e.checked], ["checked", e.checked], ["disabled", e.disabled], ["readonly", e.readOnly], [`connotation-${e.connotation}`, e.checked && !!e.connotation])}"
47
+ class="${(e) => l("control", ["checked", e.checked], ["disabled", e.disabled], ["readonly", e.readOnly], [`connotation-${g.parse(e.connotation)}`, e.checked], `appearance-${e.checked ? "filled" : "fieldset"}`, "with-idle", "with-hover", "with-disabled", "with-readonly")}"
40
48
  ${d({
41
49
  role: "switch",
42
50
  ariaChecked: (e) => e.checked,
@@ -53,8 +61,11 @@ c([n], h.prototype, "label", void 0), c([n], h.prototype, "connotation", void 0)
53
61
  ${s((e) => e.label, r`<div class="label">${(e) => e.label}</div>`)}
54
62
  </div>
55
63
  </template>
56
- `, [u], {
57
- styles: m,
64
+ `, y = a("switch", _, v, [u], {
65
+ styles: h,
58
66
  shadowOptions: { delegatesFocus: !0 }
59
- }))();
67
+ });
68
+ //#endregion
69
+ //#region src/lib/switch/index.ts
70
+ t(y)();
60
71
  //#endregion
package/tab/definition.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition72.cjs");
2
+ const require_definition = require("../unbundled/definition74.cjs");
3
3
  exports.VwcTabElement = require_definition.Tab;
4
4
  exports.registerTab = require_definition.registerTab;
5
5
  exports.tabDefinition = require_definition.tabDefinition;
package/tab/definition.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as tabDefinition, r as Tab, t as registerTab } from "../unbundled/definition72.js";
1
+ import { n as tabDefinition, r as Tab, t as registerTab } from "../unbundled/definition74.js";
2
2
  export { Tab as VwcTabElement, registerTab, tabDefinition };
package/tab/index.cjs CHANGED
@@ -1 +1 @@
1
- require(`../bundled/definition13.cjs`).t();
1
+ require("../bundled/definition12.cjs").t();
package/tab/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../bundled/definition13.js";
1
+ import { t as e } from "../bundled/definition12.js";
2
2
  //#region src/lib/tab/index.ts
3
3
  e();
4
4
  //#endregion
package/tab-panel/definition.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition71.cjs");
2
+ const require_definition = require("../unbundled/definition73.cjs");
3
3
  exports.VwcTabPanelElement = require_definition.TabPanel;
4
4
  exports.registerTabPanel = require_definition.registerTabPanel;
5
5
  exports.tabPanelDefinition = require_definition.tabPanelDefinition;
package/tab-panel/definition.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as tabPanelDefinition, r as TabPanel, t as registerTabPanel } from "../unbundled/definition71.js";
1
+ import { n as tabPanelDefinition, r as TabPanel, t as registerTabPanel } from "../unbundled/definition73.js";
2
2
  export { TabPanel as VwcTabPanelElement, registerTabPanel, tabPanelDefinition };
package/tab-panel/index.cjs CHANGED
@@ -1 +1 @@
1
- require(`../bundled/definition14.cjs`).t();
1
+ require("../bundled/definition13.cjs").t();
package/tab-panel/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "../bundled/definition14.js";
1
+ import { t as e } from "../bundled/definition13.js";
2
2
  //#region src/lib/tab-panel/index.ts
3
3
  e();
4
4
  //#endregion
package/table/definition.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition73.cjs");
2
+ const require_definition = require("../unbundled/definition75.cjs");
3
3
  exports.VwcTableBodyElement = require_definition.TableBody;
4
4
  exports.VwcTableCellElement = require_definition.TableCell;
5
5
  exports.VwcTableElement = require_definition.Table;
package/table/definition.js CHANGED
@@ -1,2 +1,2 @@
1
- import { a as tableHeadDefinition, c as tableSortingButtonDefinition, d as TableHeaderCell, f as TableRow, h as Table, i as tableDefinition, l as TableSortingButton, m as TableHead, n as tableBodyDefinition, o as tableHeaderCellDefinition, p as TableBody, r as tableCellDefinition, s as tableRowDefinition, t as registerTable, u as TableCell } from "../unbundled/definition73.js";
1
+ import { a as tableHeadDefinition, c as tableSortingButtonDefinition, d as TableHeaderCell, f as TableRow, h as Table, i as tableDefinition, l as TableSortingButton, m as TableHead, n as tableBodyDefinition, o as tableHeaderCellDefinition, p as TableBody, r as tableCellDefinition, s as tableRowDefinition, t as registerTable, u as TableCell } from "../unbundled/definition75.js";
2
2
  export { TableBody as VwcTableBodyElement, TableCell as VwcTableCellElement, Table as VwcTableElement, TableHead as VwcTableHeadElement, TableHeaderCell as VwcTableHeaderCellElement, TableRow as VwcTableRowElement, TableSortingButton as VwcTableSortingButtonElement, registerTable, tableBodyDefinition, tableCellDefinition, tableDefinition, tableHeadDefinition, tableHeaderCellDefinition, tableRowDefinition, tableSortingButtonDefinition };
package/table/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/definition3.cjs`),r=require(`../bundled/host-semantics.cjs`),i=require(`../bundled/delegates-aria.cjs`),a=require(`../bundled/data-grid.options.cjs`);var o=`:host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table-inner-container{--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}.table-inner-container ::-webkit-scrollbar{width:4px}.table-inner-container ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.table-inner-container ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.table-inner-container{inline-size:100%;display:block;overflow-x:auto}.table-content{inline-size:100%;display:table;overflow-x:auto}`,s=`button{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:8px}button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}`,c=`:host{display:table-header-group}`,l=`:host{display:table-row-group}`,u=`:host{display:table-row}@media (hover:hover){:host:hover{background-color:var(--vvd-color-neutral-200)}}:host[selected]{background-color:var(--_appearance-color-fill)}.base.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-row-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-row-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-row-cta-firm,var(--vvd-color-cta-600));--_connotation-color-faint:var(--vvd-data-grid-row-cta-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--vvd-data-grid-row-cta-soft,var(--vvd-color-cta-100));--_connotation-color-pale:var(--vvd-data-grid-row-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-row-cta-dim,var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-row-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-row-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-row-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-data-grid-row-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-data-grid-row-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-pale:var(--vvd-data-grid-row-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-row-accent-dim,var(--vvd-color-neutral-200))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:contents}`,d=`:host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;display:table-cell}:host.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-cell-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-cell-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-cell-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-data-grid-cell-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-data-grid-cell-cta-faint,var(--vvd-color-cta-50));--_connotation-color-pale:var(--vvd-data-grid-cell-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-cell-cta-dim,var(--vvd-color-cta-200))}:host:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-cell-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-cell-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-cell-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-data-grid-cell-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-data-grid-cell-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-pale:var(--vvd-data-grid-cell-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-cell-accent-dim,var(--vvd-color-neutral-200))}:host{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){:host:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}:host.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}:host.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){:host.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}:host.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}:host{--_table-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_table-cell-default-white-space:nowrap}:host([role=columnheader]){border-bottom-color:var(--vvd-color-canvas-text)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));padding:0;flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{text-overflow:ellipsis;inline-size:100%;white-space:var(--table-cell-white-space,var(--_table-cell-default-white-space));flex:none;display:block;overflow:hidden}`,f=`:host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;display:table-cell}:host.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-cell-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-cell-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-cell-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-data-grid-cell-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-data-grid-cell-cta-faint,var(--vvd-color-cta-50));--_connotation-color-pale:var(--vvd-data-grid-cell-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-cell-cta-dim,var(--vvd-color-cta-200))}:host:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-cell-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-cell-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-cell-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-data-grid-cell-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-data-grid-cell-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-pale:var(--vvd-data-grid-cell-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-cell-accent-dim,var(--vvd-color-neutral-200))}:host{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){:host:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}:host.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}:host.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){:host.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}:host.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}:host:not([cell-type=columnheader]){--_table-cell-default-block-size:100%;--_table-cell-default-white-space:normal}:host[selected]{background-color:var(--_appearance-color-fill)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{flex:none;inline-size:100%;display:block}`,p=class extends e.t{},m=()=>e.p`
1
+ const e=require("../bundled/vivid-element.cjs"),t=require("../bundled/decorate.cjs"),n=require("../bundled/definition2.cjs"),r=require("../bundled/icon.cjs"),i=require("../bundled/host-semantics.cjs"),a=require("../bundled/delegates-aria.cjs"),o=require("../bundled/data-grid.options.cjs");var s=`:host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table-inner-container{--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}.table-inner-container ::-webkit-scrollbar{width:4px}.table-inner-container ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.table-inner-container ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.table-inner-container{inline-size:100%;display:block;overflow-x:auto}.table-content{inline-size:100%;display:table;overflow-x:auto}`,c=`button{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:8px}button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}`,l=`:host{display:table-header-group}`,u=`:host{display:table-row-group}`,d=`:host{display:table-row}@media (hover:hover){:host:hover{background-color:var(--vvd-color-neutral-200)}}:host[selected]{background-color:var(--_appearance-color-fill)}.base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:contents}`,f=`:host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;--_table-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_table-cell-default-white-space:nowrap;display:table-cell}:host([role=columnheader]){border-bottom-color:var(--vvd-color-canvas-text)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));padding:0;flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{text-overflow:ellipsis;inline-size:100%;white-space:var(--table-cell-white-space,var(--_table-cell-default-white-space));flex:none;display:block;overflow:hidden}`,p=`:host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;display:table-cell}:host:not([cell-type=columnheader]){--_table-cell-default-block-size:100%;--_table-cell-default-white-space:normal}:host[selected]{background-color:var(--_appearance-color-fill)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{flex:none;inline-size:100%;display:block}`,m=class extends e.t{},h=()=>e.p`
2
2
  <template role="table">
3
3
  <div part="inner-container" class="table-inner-container">
4
4
  <div part="content" class="table-content">
@@ -6,45 +6,47 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.c
6
6
  </div>
7
7
  </div>
8
8
  </template>
9
- `,h=`table-head`,g=class extends e.t{},_=()=>e.p`
9
+ `,g=`table-head`,_=class extends e.t{},v=()=>e.p`
10
10
  <template>
11
11
  <slot></slot>
12
12
  </template>
13
- `,v=class extends e.t{},y=()=>e.p`
13
+ `,y=class extends e.t{},b=()=>e.p`
14
14
  <template>
15
15
  <slot></slot>
16
16
  </template>
17
- `,b=class extends r.t(e.t){},x=()=>e.p`
17
+ `,x=class extends i.t(e.t){},S=()=>e.p`
18
18
  <template
19
- ${r.n({role:`row`})}
19
+ ${i.n({role:`row`})}
20
20
  >
21
- <div class="base">
21
+ <div class="base connotation-accent appearance-listitem with-idle">
22
22
  <slot></slot>
23
23
  </div>
24
24
  </template>
25
- `,S=class extends r.t(e.t){connectedCallback(){super.connectedCallback(),this.addEventListener(`sort`,this.#e)}#e(e){let t=e.detail;t===`asc`?this.setAttribute(`aria-sort`,`ascending`):t===`desc`?this.setAttribute(`aria-sort`,`descending`):t===`none`?this.setAttribute(`aria-sort`,`none`):this.removeAttribute(`aria-sort`)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`sort`,this.#e)}},C=t=>{let n=t.tagForNonDependency(h);return e.p`
25
+ `,C=class extends i.t(e.t){connectedCallback(){super.connectedCallback(),this.addEventListener(`sort`,this.#e)}#e(e){let t=e.detail;t===`asc`?this.setAttribute(`aria-sort`,`ascending`):t===`desc`?this.setAttribute(`aria-sort`,`descending`):t===`none`?this.setAttribute(`aria-sort`,`none`):this.removeAttribute(`aria-sort`)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`sort`,this.#e)}},w=t=>{let n=t.tagForNonDependency(g);return e.p`
26
26
  <template
27
- ${r.n({role:e=>e.closest(n)===null?a.t.rowheader:a.t.columnheader})}
27
+ class="connotation-accent appearance-listitem with-idle"
28
+ ${i.n({role:e=>e.closest(n)===null?o.t.rowheader:o.t.columnheader})}
28
29
  >
29
30
  <div class="base">
30
31
  <slot></slot>
31
32
  </div>
32
33
  </template>
33
- `},w=class extends r.t(e.t){},T=()=>e.p`
34
+ `},T=class extends i.t(e.t){},E=()=>e.p`
34
35
  <template
35
- ${r.n({role:()=>`cell`})}
36
+ class="connotation-accent appearance-listitem with-idle"
37
+ ${i.n({role:()=>`cell`})}
36
38
  >
37
39
  <div class="base">
38
40
  <slot></slot>
39
41
  </div>
40
42
  </template>
41
- `,E=class extends i.t(e.t){get#e(){return!this.direction||this.direction===`none`?`asc`:this.direction===`asc`?`desc`:`none`}toggleSort(){this.$emit(`sort`,this.#e)&&(this.direction=this.#e,this.dispatchEvent(new CustomEvent(`sort`,{detail:this.direction,bubbles:!0,composed:!0})))}};t.t([e.m],E.prototype,`direction`,void 0);var D=t=>{let i=t.tagFor(n.r);return e.p`
43
+ `,D=class extends a.t(e.t){get#e(){return!this.direction||this.direction===`none`?`asc`:this.direction===`asc`?`desc`:`none`}toggleSort(){this.$emit(`sort`,this.#e)&&(this.direction=this.#e,this.dispatchEvent(new CustomEvent(`sort`,{detail:this.direction,bubbles:!0,composed:!0})))}};t.t([e.m],D.prototype,`direction`,void 0);var O=t=>{let n=t.tagFor(r.t);return e.p`
42
44
  <template
43
45
  @click="${e=>e.toggleSort()}"
44
- ${r.n({role:`button`})}
46
+ ${i.n({role:`button`})}
45
47
  >
46
48
  <button>
47
- ${t=>{switch(t.direction){case`asc`:return e.p`<${i} name="sort-asc-line"></${i}>`;case`desc`:return e.p`<${i} name="sort-desc-line"></${i}>`;default:return e.p`<${i} name="sort-line"></${i}>`}}}
49
+ ${t=>{switch(t.direction){case`asc`:return e.p`<${n} name="sort-asc-line"></${n}>`;case`desc`:return e.p`<${n} name="sort-desc-line"></${n}>`;default:return e.p`<${n} name="sort-line"></${n}>`}}}
48
50
  </button>
49
51
  </template>
50
- `},O=e.u(`table-cell`,w,T,[],{styles:f}),k=e.u(`table-header-cell`,S,C,[],{styles:d}),A=e.u(`table-row`,b,x,[],{styles:u}),j=e.u(`table-body`,v,y,[],{styles:l}),M=e.u(`table-head`,g,_,[],{styles:c}),N=e.u(`table-sorting-button`,E,D,[n.t],{styles:s}),P=e.u(`table`,p,m,[O,k,A,M,j,N],{styles:o});e.d(P)();
52
+ `},k=e.u(`table-cell`,T,E,[],{styles:p}),A=e.u(`table-header-cell`,C,w,[],{styles:f}),j=e.u(`table-row`,x,S,[],{styles:d}),M=e.u(`table-body`,y,b,[],{styles:u}),N=e.u(`table-head`,_,v,[],{styles:l}),P=e.u(`table-sorting-button`,D,O,[n.t],{styles:c}),F=e.u(`table`,m,h,[k,A,j,N,M,P],{styles:s});e.d(F)();
package/table/index.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import { d as e, m as t, p as n, t as r, u as i } from "../bundled/vivid-element.js";
2
2
  import { t as a } from "../bundled/decorate.js";
3
- import { r as o, t as s } from "../bundled/definition3.js";
3
+ import { t as o } from "../bundled/definition2.js";
4
+ import { t as s } from "../bundled/icon.js";
4
5
  import { n as c, t as l } from "../bundled/host-semantics.js";
5
6
  import { t as u } from "../bundled/delegates-aria.js";
6
7
  import { t as d } from "../bundled/data-grid.options.js";
7
8
  //#region src/lib/table/table.scss?inline
8
- var f = ":host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table-inner-container{--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}.table-inner-container ::-webkit-scrollbar{width:4px}.table-inner-container ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.table-inner-container ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.table-inner-container{inline-size:100%;display:block;overflow-x:auto}.table-content{inline-size:100%;display:table;overflow-x:auto}", p = "button{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:8px}button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}", m = ":host{display:table-header-group}", h = ":host{display:table-row-group}", g = ":host{display:table-row}@media (hover:hover){:host:hover{background-color:var(--vvd-color-neutral-200)}}:host[selected]{background-color:var(--_appearance-color-fill)}.base.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-row-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-row-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-row-cta-firm,var(--vvd-color-cta-600));--_connotation-color-faint:var(--vvd-data-grid-row-cta-faint,var(--vvd-color-cta-50));--_connotation-color-soft:var(--vvd-data-grid-row-cta-soft,var(--vvd-color-cta-100));--_connotation-color-pale:var(--vvd-data-grid-row-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-row-cta-dim,var(--vvd-color-cta-200))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-row-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-row-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-row-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-row-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-data-grid-row-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-data-grid-row-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-pale:var(--vvd-data-grid-row-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-row-accent-dim,var(--vvd-color-neutral-200))}.base{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.base.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.base.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:contents}", _ = ":host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;display:table-cell}:host.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-cell-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-cell-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-cell-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-data-grid-cell-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-data-grid-cell-cta-faint,var(--vvd-color-cta-50));--_connotation-color-pale:var(--vvd-data-grid-cell-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-cell-cta-dim,var(--vvd-color-cta-200))}:host:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-cell-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-cell-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-cell-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-data-grid-cell-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-data-grid-cell-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-pale:var(--vvd-data-grid-cell-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-cell-accent-dim,var(--vvd-color-neutral-200))}:host{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){:host:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}:host.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}:host.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){:host.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}:host.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}:host{--_table-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_table-cell-default-white-space:nowrap}:host([role=columnheader]){border-bottom-color:var(--vvd-color-canvas-text)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));padding:0;flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{text-overflow:ellipsis;inline-size:100%;white-space:var(--table-cell-white-space,var(--_table-cell-default-white-space));flex:none;display:block;overflow:hidden}", v = ":host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;display:table-cell}:host.connotation-cta{--_connotation-color-primary:var(--vvd-data-grid-cell-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-data-grid-cell-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-firm:var(--vvd-data-grid-cell-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-data-grid-cell-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-data-grid-cell-cta-faint,var(--vvd-color-cta-50));--_connotation-color-pale:var(--vvd-data-grid-cell-cta-pale,var(--vvd-color-cta-300));--_connotation-color-dim:var(--vvd-data-grid-cell-cta-dim,var(--vvd-color-cta-200))}:host:not(.connotation-cta){--_connotation-color-primary:var(--vvd-data-grid-cell-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-data-grid-cell-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-data-grid-cell-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-firm:var(--vvd-data-grid-cell-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-data-grid-cell-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-data-grid-cell-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-pale:var(--vvd-data-grid-cell-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-dim:var(--vvd-data-grid-cell-accent-dim,var(--vvd-color-neutral-200))}:host{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){:host:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}:host.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}:host.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){:host.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}:host.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}:host:not([cell-type=columnheader]){--_table-cell-default-block-size:100%;--_table-cell-default-white-space:normal}:host[selected]{background-color:var(--_appearance-color-fill)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{flex:none;inline-size:100%;display:block}", y = class extends r {}, b = () => n`
9
+ var f = ":host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table-inner-container{--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}.table-inner-container ::-webkit-scrollbar{width:4px}.table-inner-container ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.table-inner-container ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.table-inner-container{inline-size:100%;display:block;overflow-x:auto}.table-content{inline-size:100%;display:table;overflow-x:auto}", p = "button{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:8px}button:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}", m = ":host{display:table-header-group}", h = ":host{display:table-row-group}", g = ":host{display:table-row}@media (hover:hover){:host:hover{background-color:var(--vvd-color-neutral-200)}}:host[selected]{background-color:var(--_appearance-color-fill)}.base{box-sizing:border-box;width:100%;color:var(--vvd-color-canvas-text);display:contents}", _ = ":host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;--_table-cell-default-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_table-cell-default-white-space:nowrap;display:table-cell}:host([role=columnheader]){border-bottom-color:var(--vvd-color-canvas-text)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));padding:0;flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{text-overflow:ellipsis;inline-size:100%;white-space:var(--table-cell-white-space,var(--_table-cell-default-white-space));flex:none;display:block;overflow:hidden}", v = ":host{border-bottom:1px solid var(--vvd-color-neutral-300);vertical-align:middle;display:table-cell}:host:not([cell-type=columnheader]){--_table-cell-default-block-size:100%;--_table-cell-default-white-space:normal}:host[selected]{background-color:var(--_appearance-color-fill)}:host(:focus-visible){outline:none}.base{box-sizing:border-box;block-size:100%;color:var(--_appearance-color-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));flex-direction:column;justify-content:center;padding-block:4px;padding-inline:12px;display:flex;overflow:hidden}:host(:focus-visible) .base{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in sRGB, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}slot{flex:none;inline-size:100%;display:block}", y = class extends r {}, b = () => n`
9
10
  <template role="table">
10
11
  <div part="inner-container" class="table-inner-container">
11
12
  <div part="content" class="table-content">
@@ -25,7 +26,7 @@ var f = ":host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table
25
26
  <template
26
27
  ${c({ role: "row" })}
27
28
  >
28
- <div class="base">
29
+ <div class="base connotation-accent appearance-listitem with-idle">
29
30
  <slot></slot>
30
31
  </div>
31
32
  </template>
@@ -44,6 +45,7 @@ var f = ":host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table
44
45
  let t = e.tagForNonDependency(x);
45
46
  return n`
46
47
  <template
48
+ class="connotation-accent appearance-listitem with-idle"
47
49
  ${c({ role: (e) => e.closest(t) === null ? d.rowheader : d.columnheader })}
48
50
  >
49
51
  <div class="base">
@@ -53,6 +55,7 @@ var f = ":host{border-collapse:collapse;border-spacing:0;inline-size:100%}.table
53
55
  `;
54
56
  }, A = class extends l(r) {}, j = () => n`
55
57
  <template
58
+ class="connotation-accent appearance-listitem with-idle"
56
59
  ${c({ role: () => "cell" })}
57
60
  >
58
61
  <div class="base">
@@ -75,7 +78,7 @@ a([t], M.prototype, "direction", void 0);
75
78
  //#endregion
76
79
  //#region src/lib/table/table-sorting-button.template.ts
77
80
  var N = (e) => {
78
- let t = e.tagFor(o);
81
+ let t = e.tagFor(s);
79
82
  return n`
80
83
  <template
81
84
  @click="${(e) => e.toggleSort()}"
@@ -92,15 +95,15 @@ var N = (e) => {
92
95
  </button>
93
96
  </template>
94
97
  `;
95
- }, P = i("table-cell", A, j, [], { styles: v }), F = i("table-header-cell", O, k, [], { styles: _ }), I = i("table-row", E, D, [], { styles: g }), L = i("table-body", w, T, [], { styles: h });
96
- //#endregion
97
- //#region src/lib/table/index.ts
98
- e(i("table", y, b, [
98
+ }, P = i("table-cell", A, j, [], { styles: v }), F = i("table-header-cell", O, k, [], { styles: _ }), I = i("table-row", E, D, [], { styles: g }), L = i("table-body", w, T, [], { styles: h }), R = i("table-head", S, C, [], { styles: m }), z = i("table-sorting-button", M, N, [o], { styles: p }), B = i("table", y, b, [
99
99
  P,
100
100
  F,
101
101
  I,
102
- i("table-head", S, C, [], { styles: m }),
102
+ R,
103
103
  L,
104
- i("table-sorting-button", M, N, [s], { styles: p })
105
- ], { styles: f }))();
104
+ z
105
+ ], { styles: f });
106
+ //#endregion
107
+ //#region src/lib/table/index.ts
108
+ e(B)();
106
109
  //#endregion
package/tabs/definition.cjs CHANGED
@@ -1,5 +1,5 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- const require_definition = require("../unbundled/definition74.cjs");
2
+ const require_definition = require("../unbundled/definition76.cjs");
3
3
  exports.TabsGutters = require_definition.TabsGutters;
4
4
  exports.VwcTabsElement = require_definition.Tabs;
5
5
  exports.registerTabs = require_definition.registerTabs;
package/tabs/definition.js CHANGED
@@ -1,2 +1,2 @@
1
- import { i as TabsGutters, n as tabsDefinition, r as Tabs, t as registerTabs } from "../unbundled/definition74.js";
1
+ import { i as TabsGutters, n as tabsDefinition, r as Tabs, t as registerTabs } from "../unbundled/definition76.js";
2
2
  export { TabsGutters, Tabs as VwcTabsElement, registerTabs, tabsDefinition };