@vonage/vivid 5.18.0 → 5.19.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 (559) hide show
  1. package/accordion/definition.cjs +0 -1
  2. package/accordion/definition.js +0 -1
  3. package/accordion/index.cjs +2 -2
  4. package/accordion/index.js +3 -4
  5. package/accordion-item/definition.cjs +0 -1
  6. package/accordion-item/definition.js +0 -1
  7. package/accordion-item/index.cjs +1 -1
  8. package/accordion-item/index.js +0 -2
  9. package/action-group/index.cjs +4 -4
  10. package/action-group/index.js +7 -7
  11. package/alert/definition.cjs +0 -1
  12. package/alert/definition.js +0 -1
  13. package/alert/index.cjs +5 -5
  14. package/alert/index.js +20 -21
  15. package/audio-player/definition.cjs +0 -1
  16. package/audio-player/definition.js +0 -1
  17. package/audio-player/index.cjs +13 -13
  18. package/audio-player/index.js +76 -77
  19. package/avatar/definition.cjs +0 -1
  20. package/avatar/definition.js +0 -1
  21. package/avatar/index.cjs +8 -8
  22. package/avatar/index.js +20 -21
  23. package/badge/definition.cjs +0 -1
  24. package/badge/definition.js +0 -1
  25. package/badge/index.cjs +1 -1
  26. package/badge/index.js +0 -2
  27. package/banner/definition.cjs +0 -1
  28. package/banner/definition.js +0 -1
  29. package/banner/index.cjs +4 -4
  30. package/banner/index.js +17 -18
  31. package/breadcrumb/index.cjs +2 -2
  32. package/breadcrumb/index.js +3 -3
  33. package/breadcrumb-item/definition.cjs +0 -1
  34. package/breadcrumb-item/definition.js +0 -1
  35. package/breadcrumb-item/index.cjs +5 -5
  36. package/breadcrumb-item/index.js +7 -8
  37. package/bundled/affix.cjs +2 -2
  38. package/bundled/affix.js +1 -1
  39. package/bundled/anchored.cjs +1 -1
  40. package/bundled/anchored.js +1 -1
  41. package/bundled/aria-binding-directive.cjs +1 -0
  42. package/bundled/aria-binding-directive.js +29 -0
  43. package/bundled/base-color-picker.cjs +3 -3
  44. package/bundled/base-color-picker.js +1 -1
  45. package/bundled/base-progress.cjs +1 -1
  46. package/bundled/base-progress.js +2 -2
  47. package/bundled/breadcrumb-item.cjs +1 -1
  48. package/bundled/breadcrumb-item.js +3 -3
  49. package/bundled/button.cjs +1 -1
  50. package/bundled/button.js +3 -3
  51. package/bundled/calendar-event.cjs +1 -1
  52. package/bundled/calendar-event.js +4 -4
  53. package/bundled/calendar-picker.template.cjs +20 -20
  54. package/bundled/calendar-picker.template.js +10 -10
  55. package/bundled/char-count.cjs +2 -2
  56. package/bundled/char-count.js +3 -3
  57. package/bundled/children.cjs +1 -1
  58. package/bundled/children.js +6 -6
  59. package/bundled/decorate.js +1 -1
  60. package/bundled/definition.cjs +1 -1
  61. package/bundled/definition.js +2 -2
  62. package/bundled/definition10.cjs +3 -3
  63. package/bundled/definition10.js +19 -19
  64. package/bundled/definition11.cjs +2 -2
  65. package/bundled/definition11.js +7 -7
  66. package/bundled/definition12.cjs +7 -7
  67. package/bundled/definition12.js +16 -16
  68. package/bundled/definition13.cjs +3 -3
  69. package/bundled/definition13.js +6 -6
  70. package/bundled/definition14.cjs +2 -2
  71. package/bundled/definition14.js +3 -3
  72. package/bundled/definition15.cjs +6 -6
  73. package/bundled/definition15.js +14 -14
  74. package/bundled/definition16.cjs +3 -3
  75. package/bundled/definition16.js +19 -19
  76. package/bundled/definition17.cjs +7 -7
  77. package/bundled/definition17.js +14 -14
  78. package/bundled/definition18.cjs +7 -7
  79. package/bundled/definition18.js +20 -20
  80. package/bundled/definition19.cjs +2 -2
  81. package/bundled/definition19.js +3 -3
  82. package/bundled/definition2.cjs +3 -3
  83. package/bundled/definition2.js +11 -11
  84. package/bundled/definition20.cjs +8 -8
  85. package/bundled/definition20.js +16 -17
  86. package/bundled/definition21.cjs +5 -5
  87. package/bundled/definition21.js +26 -26
  88. package/bundled/definition22.cjs +3 -3
  89. package/bundled/definition22.js +8 -8
  90. package/bundled/definition23.cjs +4 -4
  91. package/bundled/definition23.js +9 -9
  92. package/bundled/definition24.cjs +5 -5
  93. package/bundled/definition24.js +15 -15
  94. package/bundled/definition3.cjs +1 -1
  95. package/bundled/definition3.js +33 -33
  96. package/bundled/definition4.cjs +4 -4
  97. package/bundled/definition4.js +11 -11
  98. package/bundled/definition5.cjs +5 -5
  99. package/bundled/definition5.js +10 -10
  100. package/bundled/definition6.cjs +7 -7
  101. package/bundled/definition6.js +30 -30
  102. package/bundled/definition7.cjs +2 -2
  103. package/bundled/definition7.js +6 -6
  104. package/bundled/definition8.cjs +4 -4
  105. package/bundled/definition8.js +15 -15
  106. package/bundled/definition9.cjs +2 -2
  107. package/bundled/definition9.js +18 -18
  108. package/bundled/delegates-aria.cjs +1 -1
  109. package/bundled/delegates-aria.js +10 -49
  110. package/bundled/divider.cjs +1 -1
  111. package/bundled/divider.js +3 -3
  112. package/bundled/form-associated.cjs +1 -1
  113. package/bundled/form-associated.js +6 -6
  114. package/bundled/form-element.cjs +1 -1
  115. package/bundled/form-element.js +8 -6
  116. package/bundled/host-semantics.cjs +1 -1
  117. package/bundled/host-semantics.js +10 -39
  118. package/bundled/linkable.cjs +2 -2
  119. package/bundled/linkable.js +1 -1
  120. package/bundled/listbox.cjs +1 -1
  121. package/bundled/listbox.js +12 -12
  122. package/bundled/localized.cjs +1 -1
  123. package/bundled/localized.js +6 -6
  124. package/bundled/mixins.cjs +6 -6
  125. package/bundled/mixins.js +9 -9
  126. package/bundled/normalize.cjs +1 -1
  127. package/bundled/normalize.js +2 -2
  128. package/bundled/picker-field.template.cjs +1 -1
  129. package/bundled/picker-field.template.js +24 -23
  130. package/bundled/ref.cjs +1 -1
  131. package/bundled/ref.js +1 -1
  132. package/bundled/repeat.cjs +1 -1
  133. package/bundled/repeat.js +54 -54
  134. package/bundled/slider.template.cjs +7 -7
  135. package/bundled/slider.template.js +13 -13
  136. package/bundled/slottable-request.cjs +1 -1
  137. package/bundled/slottable-request.js +1 -1
  138. package/bundled/slotted.cjs +1 -1
  139. package/bundled/slotted.js +1 -1
  140. package/bundled/text-field.cjs +1 -1
  141. package/bundled/text-field.js +1 -1
  142. package/bundled/time-selection-picker.template.cjs +4 -4
  143. package/bundled/time-selection-picker.template.js +23 -23
  144. package/bundled/vivid-element.cjs +1 -1
  145. package/bundled/vivid-element.js +21 -19
  146. package/bundled/when.cjs +1 -1
  147. package/bundled/when.js +1 -1
  148. package/bundled/with-contextual-help.cjs +1 -1
  149. package/bundled/with-contextual-help.js +1 -1
  150. package/bundled/with-error-text.cjs +1 -1
  151. package/bundled/with-error-text.js +1 -1
  152. package/bundled/with-success-text.cjs +1 -1
  153. package/bundled/with-success-text.js +1 -1
  154. package/button/definition.cjs +0 -1
  155. package/button/definition.js +0 -1
  156. package/button/index.cjs +1 -1
  157. package/button/index.js +0 -2
  158. package/calendar/index.cjs +8 -8
  159. package/calendar/index.js +10 -10
  160. package/calendar-event/index.cjs +6 -6
  161. package/calendar-event/index.js +8 -8
  162. package/card/definition.cjs +0 -1
  163. package/card/definition.js +0 -1
  164. package/card/index.cjs +14 -14
  165. package/card/index.js +33 -34
  166. package/checkbox/definition.cjs +0 -1
  167. package/checkbox/definition.js +0 -1
  168. package/checkbox/index.cjs +1 -1
  169. package/checkbox/index.js +0 -2
  170. package/color-picker/definition.cjs +0 -1
  171. package/color-picker/definition.js +0 -1
  172. package/color-picker/index.cjs +15 -15
  173. package/color-picker/index.js +42 -42
  174. package/combobox/definition.cjs +0 -1
  175. package/combobox/definition.js +0 -1
  176. package/combobox/index.cjs +4 -4
  177. package/combobox/index.js +20 -21
  178. package/contextual-help/definition.cjs +0 -1
  179. package/contextual-help/definition.js +0 -1
  180. package/contextual-help/index.cjs +1 -1
  181. package/contextual-help/index.js +0 -2
  182. package/country/definition.cjs +0 -1
  183. package/country/definition.js +0 -1
  184. package/country/index.cjs +1 -1
  185. package/country/index.js +0 -2
  186. package/country-group/definition.cjs +0 -1
  187. package/country-group/definition.js +0 -1
  188. package/country-group/index.cjs +4 -4
  189. package/country-group/index.js +29 -29
  190. package/custom-elements.json +2544 -2688
  191. package/data-grid/definition.cjs +0 -1
  192. package/data-grid/definition.js +0 -1
  193. package/data-grid/index.cjs +14 -14
  194. package/data-grid/index.js +103 -104
  195. package/date-picker/definition.cjs +0 -1
  196. package/date-picker/definition.js +0 -1
  197. package/date-picker/index.cjs +1 -1
  198. package/date-picker/index.js +2 -3
  199. package/date-range-picker/definition.cjs +0 -1
  200. package/date-range-picker/definition.js +0 -1
  201. package/date-range-picker/index.cjs +1 -1
  202. package/date-range-picker/index.js +6 -7
  203. package/date-time-picker/definition.cjs +0 -1
  204. package/date-time-picker/definition.js +0 -1
  205. package/date-time-picker/index.cjs +2 -2
  206. package/date-time-picker/index.js +8 -9
  207. package/dial-pad/definition.cjs +0 -1
  208. package/dial-pad/definition.js +0 -1
  209. package/dial-pad/index.cjs +8 -8
  210. package/dial-pad/index.js +16 -17
  211. package/dialog/definition.cjs +0 -1
  212. package/dialog/definition.js +0 -1
  213. package/dialog/index.cjs +13 -10
  214. package/dialog/index.js +35 -33
  215. package/divider/index.cjs +1 -1
  216. package/divider/index.js +0 -1
  217. package/elevation/index.cjs +1 -1
  218. package/elevation/index.js +0 -1
  219. package/empty-state/definition.cjs +0 -1
  220. package/empty-state/definition.js +0 -1
  221. package/empty-state/index.cjs +4 -4
  222. package/empty-state/index.js +9 -10
  223. package/fab/definition.cjs +0 -1
  224. package/fab/definition.js +0 -1
  225. package/fab/index.cjs +3 -3
  226. package/fab/index.js +9 -10
  227. package/file-picker/definition.cjs +0 -1
  228. package/file-picker/definition.js +0 -1
  229. package/file-picker/index.cjs +7 -7
  230. package/file-picker/index.js +22 -23
  231. package/flag/definition.cjs +0 -1
  232. package/flag/definition.js +0 -1
  233. package/flag/index.cjs +3 -3
  234. package/flag/index.js +11 -11
  235. package/header/index.cjs +5 -5
  236. package/header/index.js +11 -11
  237. package/icon/definition.cjs +0 -1
  238. package/icon/definition.js +0 -1
  239. package/icon/index.cjs +1 -1
  240. package/icon/index.js +0 -2
  241. package/index.cjs +0 -1
  242. package/index.js +0 -1
  243. package/layout/index.cjs +2 -2
  244. package/layout/index.js +3 -3
  245. package/lib/avatar/avatar.d.ts +1 -1
  246. package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  247. package/lib/button/button.d.ts +1 -1
  248. package/lib/card/card.d.ts +1 -1
  249. package/lib/nav-item/nav-item.d.ts +1 -1
  250. package/lib/rich-text-editor/rte/utils/ui.d.ts +2 -1
  251. package/locales/de-DE.cjs +1 -1
  252. package/locales/en-GB.cjs +1 -1
  253. package/locales/en-US.cjs +1 -1
  254. package/locales/ja-JP.cjs +1 -1
  255. package/locales/zh-CN.cjs +1 -1
  256. package/menu/definition.cjs +0 -1
  257. package/menu/definition.js +0 -1
  258. package/menu/index.cjs +1 -1
  259. package/menu/index.js +0 -2
  260. package/menu-item/definition.cjs +0 -1
  261. package/menu-item/definition.js +0 -1
  262. package/menu-item/index.cjs +1 -1
  263. package/menu-item/index.js +0 -2
  264. package/nav/index.cjs +2 -2
  265. package/nav/index.js +2 -2
  266. package/nav-disclosure/definition.cjs +0 -1
  267. package/nav-disclosure/definition.js +0 -1
  268. package/nav-disclosure/index.cjs +4 -4
  269. package/nav-disclosure/index.js +15 -16
  270. package/nav-item/definition.cjs +0 -1
  271. package/nav-item/definition.js +0 -1
  272. package/nav-item/index.cjs +2 -2
  273. package/nav-item/index.js +10 -11
  274. package/note/definition.cjs +0 -1
  275. package/note/definition.js +0 -1
  276. package/note/index.cjs +2 -2
  277. package/note/index.js +7 -8
  278. package/number-field/definition.cjs +0 -1
  279. package/number-field/definition.js +0 -1
  280. package/number-field/index.cjs +5 -5
  281. package/number-field/index.js +16 -17
  282. package/option/definition.cjs +0 -1
  283. package/option/definition.js +0 -1
  284. package/option/index.cjs +1 -1
  285. package/option/index.js +0 -2
  286. package/package.json +22 -22
  287. package/pagination/definition.cjs +0 -1
  288. package/pagination/definition.js +0 -1
  289. package/pagination/index.cjs +4 -4
  290. package/pagination/index.js +11 -12
  291. package/popover/definition.cjs +0 -1
  292. package/popover/definition.js +0 -1
  293. package/popover/index.cjs +6 -6
  294. package/popover/index.js +28 -29
  295. package/popup/definition.cjs +0 -1
  296. package/popup/definition.js +0 -1
  297. package/popup/index.cjs +1 -1
  298. package/popup/index.js +0 -2
  299. package/progress/index.cjs +5 -5
  300. package/progress/index.js +10 -10
  301. package/progress-ring/index.cjs +1 -1
  302. package/progress-ring/index.js +0 -1
  303. package/radio/index.cjs +1 -1
  304. package/radio/index.js +0 -1
  305. package/radio-group/definition.cjs +0 -1
  306. package/radio-group/definition.js +0 -1
  307. package/radio-group/index.cjs +6 -6
  308. package/radio-group/index.js +21 -21
  309. package/range-slider/definition.cjs +0 -1
  310. package/range-slider/definition.js +0 -1
  311. package/range-slider/index.cjs +5 -5
  312. package/range-slider/index.js +58 -59
  313. package/rich-text-editor/definition.cjs +0 -1
  314. package/rich-text-editor/definition.js +0 -1
  315. package/rich-text-editor/index.cjs +9 -9
  316. package/rich-text-editor/index.js +2016 -1947
  317. package/rich-text-view/index.cjs +1 -1
  318. package/rich-text-view/index.js +2 -2
  319. package/searchable-select/definition.cjs +0 -1
  320. package/searchable-select/definition.js +0 -1
  321. package/searchable-select/index.cjs +23 -23
  322. package/searchable-select/index.js +109 -108
  323. package/select/definition.cjs +0 -1
  324. package/select/definition.js +0 -1
  325. package/select/index.cjs +1 -1
  326. package/select/index.js +0 -2
  327. package/selectable-box/definition.cjs +0 -1
  328. package/selectable-box/definition.js +0 -1
  329. package/selectable-box/index.cjs +9 -9
  330. package/selectable-box/index.js +19 -20
  331. package/shared/aria/aria-binding-directive.d.ts +21 -0
  332. package/shared/aria/aria-change-subscription.d.ts +1 -0
  333. package/shared/aria/delegates-aria.d.ts +1 -1
  334. package/shared/aria/host-semantics.d.ts +1 -1
  335. package/shared/patterns/linkable.d.ts +1 -1
  336. package/side-drawer/index.cjs +3 -3
  337. package/side-drawer/index.js +4 -4
  338. package/simple-color-picker/definition.cjs +0 -1
  339. package/simple-color-picker/definition.js +0 -1
  340. package/simple-color-picker/index.cjs +2 -2
  341. package/simple-color-picker/index.js +19 -20
  342. package/slider/definition.cjs +0 -1
  343. package/slider/definition.js +0 -1
  344. package/slider/index.cjs +1 -1
  345. package/slider/index.js +0 -2
  346. package/split-button/definition.cjs +0 -1
  347. package/split-button/definition.js +0 -1
  348. package/split-button/index.cjs +6 -6
  349. package/split-button/index.js +17 -18
  350. package/status/definition.cjs +0 -1
  351. package/status/definition.js +0 -1
  352. package/status/index.cjs +2 -2
  353. package/status/index.js +8 -9
  354. package/switch/definition.cjs +0 -1
  355. package/switch/definition.js +0 -1
  356. package/switch/index.cjs +5 -5
  357. package/switch/index.js +9 -10
  358. package/tab/definition.cjs +0 -1
  359. package/tab/definition.js +0 -1
  360. package/tab/index.cjs +1 -1
  361. package/tab/index.js +0 -2
  362. package/tab-panel/index.cjs +1 -1
  363. package/tab-panel/index.js +0 -1
  364. package/table/definition.cjs +0 -1
  365. package/table/definition.js +0 -1
  366. package/table/index.cjs +9 -9
  367. package/table/index.js +21 -22
  368. package/tabs/definition.cjs +0 -1
  369. package/tabs/definition.js +0 -1
  370. package/tabs/index.cjs +2 -2
  371. package/tabs/index.js +25 -26
  372. package/tag/definition.cjs +0 -1
  373. package/tag/definition.js +0 -1
  374. package/tag/index.cjs +11 -11
  375. package/tag/index.js +21 -22
  376. package/tag-group/index.cjs +4 -4
  377. package/tag-group/index.js +6 -6
  378. package/text-area/definition.cjs +0 -1
  379. package/text-area/definition.js +0 -1
  380. package/text-area/index.cjs +4 -4
  381. package/text-area/index.js +24 -25
  382. package/text-field/definition.cjs +0 -1
  383. package/text-field/definition.js +0 -1
  384. package/text-field/index.cjs +1 -1
  385. package/text-field/index.js +0 -2
  386. package/time-picker/definition.cjs +0 -1
  387. package/time-picker/definition.js +0 -1
  388. package/time-picker/index.cjs +1 -1
  389. package/time-picker/index.js +2 -3
  390. package/toggletip/definition.cjs +0 -1
  391. package/toggletip/definition.js +0 -1
  392. package/toggletip/index.cjs +1 -1
  393. package/toggletip/index.js +0 -2
  394. package/tooltip/definition.cjs +0 -1
  395. package/tooltip/definition.js +0 -1
  396. package/tooltip/index.cjs +1 -1
  397. package/tooltip/index.js +0 -2
  398. package/tree-item/definition.cjs +0 -1
  399. package/tree-item/definition.js +0 -1
  400. package/tree-item/index.cjs +1 -1
  401. package/tree-item/index.js +0 -2
  402. package/tree-view/definition.cjs +0 -1
  403. package/tree-view/definition.js +0 -1
  404. package/tree-view/index.cjs +2 -2
  405. package/tree-view/index.js +5 -5
  406. package/unbundled/aria-binding-directive.cjs +42 -0
  407. package/unbundled/aria-binding-directive.js +36 -0
  408. package/unbundled/calendar-picker.template.cjs +1 -1
  409. package/unbundled/calendar-picker.template.js +1 -1
  410. package/unbundled/char-count.cjs +2 -1
  411. package/unbundled/char-count.js +2 -1
  412. package/unbundled/decorate.cjs +1 -1
  413. package/unbundled/decorate.js +1 -1
  414. package/unbundled/definition.js +1 -1
  415. package/unbundled/definition10.cjs +5 -4
  416. package/unbundled/definition10.js +6 -5
  417. package/unbundled/definition11.cjs +14 -10
  418. package/unbundled/definition11.js +15 -11
  419. package/unbundled/definition12.cjs +2 -2
  420. package/unbundled/definition12.js +3 -3
  421. package/unbundled/definition13.cjs +7 -6
  422. package/unbundled/definition13.js +8 -7
  423. package/unbundled/definition14.cjs +67 -58
  424. package/unbundled/definition14.js +68 -59
  425. package/unbundled/definition15.js +1 -1
  426. package/unbundled/definition16.js +1 -1
  427. package/unbundled/definition17.cjs +10 -8
  428. package/unbundled/definition17.js +11 -9
  429. package/unbundled/definition18.js +1 -1
  430. package/unbundled/definition19.js +1 -1
  431. package/unbundled/definition2.cjs +4 -2
  432. package/unbundled/definition2.js +5 -3
  433. package/unbundled/definition20.js +1 -1
  434. package/unbundled/definition21.js +1 -1
  435. package/unbundled/definition22.js +1 -1
  436. package/unbundled/definition23.cjs +1 -1
  437. package/unbundled/definition23.js +2 -2
  438. package/unbundled/definition24.cjs +17 -13
  439. package/unbundled/definition24.js +18 -14
  440. package/unbundled/definition25.js +1 -1
  441. package/unbundled/definition26.cjs +17 -1
  442. package/unbundled/definition26.js +18 -2
  443. package/unbundled/definition27.cjs +15 -12
  444. package/unbundled/definition27.js +16 -13
  445. package/unbundled/definition28.cjs +9 -6
  446. package/unbundled/definition28.js +10 -7
  447. package/unbundled/definition29.js +1 -1
  448. package/unbundled/definition3.js +1 -1
  449. package/unbundled/definition30.cjs +4 -2
  450. package/unbundled/definition30.js +5 -3
  451. package/unbundled/definition31.js +1 -1
  452. package/unbundled/definition32.cjs +30 -23
  453. package/unbundled/definition32.js +31 -24
  454. package/unbundled/definition33.cjs +4 -2
  455. package/unbundled/definition33.js +5 -3
  456. package/unbundled/definition34.cjs +200 -48
  457. package/unbundled/definition34.js +201 -49
  458. package/unbundled/definition35.js +1 -1
  459. package/unbundled/definition36.js +1 -1
  460. package/unbundled/definition37.js +1 -1
  461. package/unbundled/definition38.cjs +2 -1
  462. package/unbundled/definition38.js +3 -2
  463. package/unbundled/definition39.js +1 -1
  464. package/unbundled/definition4.cjs +6 -0
  465. package/unbundled/definition4.js +7 -1
  466. package/unbundled/definition40.js +1 -1
  467. package/unbundled/definition41.cjs +17 -12
  468. package/unbundled/definition41.js +18 -13
  469. package/unbundled/definition42.js +1 -1
  470. package/unbundled/definition43.js +1 -1
  471. package/unbundled/definition44.cjs +4 -3
  472. package/unbundled/definition44.js +5 -4
  473. package/unbundled/definition45.js +1 -1
  474. package/unbundled/definition46.js +1 -1
  475. package/unbundled/definition47.cjs +5 -4
  476. package/unbundled/definition47.js +6 -5
  477. package/unbundled/definition48.cjs +1 -1
  478. package/unbundled/definition48.js +2 -2
  479. package/unbundled/definition49.js +1 -1
  480. package/unbundled/definition5.js +1 -1
  481. package/unbundled/definition50.js +1 -1
  482. package/unbundled/definition51.cjs +1 -1
  483. package/unbundled/definition51.js +2 -2
  484. package/unbundled/definition52.js +1 -1
  485. package/unbundled/definition53.cjs +16 -12
  486. package/unbundled/definition53.js +17 -13
  487. package/unbundled/definition54.js +1 -1
  488. package/unbundled/definition55.cjs +25 -23
  489. package/unbundled/definition55.js +26 -24
  490. package/unbundled/definition56.cjs +2 -1
  491. package/unbundled/definition56.js +3 -2
  492. package/unbundled/definition57.cjs +72 -61
  493. package/unbundled/definition57.js +73 -62
  494. package/unbundled/definition58.cjs +34 -26
  495. package/unbundled/definition58.js +34 -26
  496. package/unbundled/definition59.cjs +1 -1
  497. package/unbundled/definition59.js +2 -2
  498. package/unbundled/definition6.js +1 -1
  499. package/unbundled/definition60.js +1 -1
  500. package/unbundled/definition61.cjs +15 -10
  501. package/unbundled/definition61.js +16 -11
  502. package/unbundled/definition62.js +1 -1
  503. package/unbundled/definition63.js +1 -1
  504. package/unbundled/definition64.cjs +20 -17
  505. package/unbundled/definition64.js +21 -18
  506. package/unbundled/definition65.js +1 -1
  507. package/unbundled/definition66.js +1 -1
  508. package/unbundled/definition67.cjs +1 -1
  509. package/unbundled/definition67.js +2 -2
  510. package/unbundled/definition68.js +1 -1
  511. package/unbundled/definition69.js +1 -1
  512. package/unbundled/definition7.js +1 -1
  513. package/unbundled/definition70.cjs +28 -23
  514. package/unbundled/definition70.js +29 -24
  515. package/unbundled/definition71.js +1 -1
  516. package/unbundled/definition72.cjs +6 -5
  517. package/unbundled/definition72.js +7 -6
  518. package/unbundled/definition73.cjs +13 -1
  519. package/unbundled/definition73.js +14 -2
  520. package/unbundled/definition74.js +1 -1
  521. package/unbundled/definition75.js +1 -1
  522. package/unbundled/definition76.cjs +2 -1
  523. package/unbundled/definition76.js +3 -2
  524. package/unbundled/definition77.cjs +1 -1
  525. package/unbundled/definition77.js +1 -1
  526. package/unbundled/definition8.js +1 -1
  527. package/unbundled/definition9.cjs +9 -7
  528. package/unbundled/definition9.js +10 -8
  529. package/unbundled/delegates-aria.cjs +5 -60
  530. package/unbundled/delegates-aria.js +6 -60
  531. package/unbundled/divider.cjs +6 -0
  532. package/unbundled/divider.js +6 -0
  533. package/unbundled/form-element.cjs +7 -5
  534. package/unbundled/form-element.js +7 -5
  535. package/unbundled/host-semantics.cjs +10 -45
  536. package/unbundled/host-semantics.js +10 -44
  537. package/unbundled/mixins.js +1 -1
  538. package/unbundled/picker-field.template.cjs +20 -15
  539. package/unbundled/picker-field.template.js +20 -15
  540. package/unbundled/text-field.cjs +1 -1
  541. package/unbundled/text-field.js +1 -1
  542. package/unbundled/time-selection-picker.template.cjs +4 -3
  543. package/unbundled/time-selection-picker.template.js +5 -4
  544. package/unbundled/vivid-element.cjs +10 -1
  545. package/unbundled/vivid-element.js +5 -2
  546. package/video-player/index.cjs +24 -24
  547. package/video-player/index.js +3087 -3010
  548. package/visually-hidden/index.cjs +1 -1
  549. package/visually-hidden/index.js +0 -1
  550. package/vivid.api.json +1 -1
  551. package/bundled/attribute-binding-behaviour.cjs +0 -1
  552. package/bundled/attribute-binding-behaviour.js +0 -18
  553. package/bundled/strings.cjs +0 -1
  554. package/bundled/strings.js +0 -7
  555. package/shared/aria/delegate-aria-behavior.d.ts +0 -23
  556. package/shared/aria/host-semantics-behavior.d.ts +0 -19
  557. package/shared/templating/attribute-binding-behaviour.d.ts +0 -14
  558. package/unbundled/attribute-binding-behaviour.cjs +0 -37
  559. package/unbundled/attribute-binding-behaviour.js +0 -31
package/split-button/index.js CHANGED
@@ -1,14 +1,13 @@
1
1
  import { t as e } from "../bundled/localized.js";
2
- import { d as t, l as n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
2
+ import { c as t, f as n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
3
3
  import { t as o } from "../bundled/ref.js";
4
- import "../bundled/numberConverter.js";
5
4
  import { t as s } from "../bundled/decorate.js";
6
5
  import { t as c } from "../bundled/definition2.js";
7
6
  import { a as l, i as u, t as d } from "../bundled/affix.js";
8
- import { n as f, t as p } from "../bundled/delegates-aria.js";
9
- import { t as m } from "../bundled/class-names.js";
7
+ import { t as f } from "../bundled/class-names.js";
8
+ import { n as p, t as m } from "../bundled/delegates-aria.js";
10
9
  //#region src/lib/split-button/split-button.ts
11
- var h = class extends d(e(p(a))) {
10
+ var h = class extends d(e(m(i))) {
12
11
  constructor(...e) {
13
12
  super(...e), this.splitIndicator = "chevron-down-line", this.disabled = !1, this.indicatorAriaLabel = null;
14
13
  }
@@ -31,53 +30,53 @@ var h = class extends d(e(p(a))) {
31
30
  } else this.$emit("indicator-click", void 0, { bubbles: !1 });
32
31
  }
33
32
  };
34
- s([n], h.prototype, "connotation", void 0), s([n], h.prototype, "shape", void 0), s([n], h.prototype, "appearance", void 0), s([n], h.prototype, "size", void 0), s([n], h.prototype, "label", void 0), s([n({
33
+ s([a], h.prototype, "connotation", void 0), s([a], h.prototype, "shape", void 0), s([a], h.prototype, "appearance", void 0), s([a], h.prototype, "size", void 0), s([a], h.prototype, "label", void 0), s([a({
35
34
  attribute: "split-indicator",
36
35
  mode: "fromView"
37
- })], h.prototype, "splitIndicator", void 0), s([n({
36
+ })], h.prototype, "splitIndicator", void 0), s([a({
38
37
  attribute: "disabled",
39
38
  mode: "boolean"
40
- })], h.prototype, "disabled", void 0), s([n({ attribute: "indicator-aria-label" })], h.prototype, "indicatorAriaLabel", void 0);
39
+ })], h.prototype, "disabled", void 0), s([a({ attribute: "indicator-aria-label" })], h.prototype, "indicatorAriaLabel", void 0);
41
40
  //#endregion
42
41
  //#region src/lib/split-button/split-button.scss?inline
43
- var g = ":host{--_vvd-split-button-accent-firm-wrapper:var(--vvd-split-button-accent-firm);--_vvd-split-button-cta-firm-wrapper:var(--vvd-split-button-cta-firm);--_vvd-split-button-success-firm-wrapper:var(--vvd-split-button-success-firm);--_vvd-split-button-alert-firm-wrapper:var(--vvd-split-button-alert-firm);--_vvd-split-button-announcement-firm-wrapper:var(--vvd-split-button-announcement-firm)}:where(.control,.indicator):not(.appearance-filled,.appearance-outlined,.appearance-outlined-light){--vvd-split-button-accent-firm:var(--_vvd-split-button-accent-firm-wrapper,var(--vvd-split-button-accent-primary));--vvd-split-button-cta-firm:var(--_vvd-split-button-cta-firm-wrapper,var(--vvd-split-button-cta-primary));--vvd-split-button-success-firm:var(--_vvd-split-button-success-firm-wrapper,var(--vvd-split-button-success-primary));--vvd-split-button-alert-firm:var(--_vvd-split-button-alert-firm-wrapper,var(--vvd-split-button-alert-primary));--vvd-split-button-announcement-firm:var(--_vvd-split-button-announcement-firm-wrapper,var(--vvd-split-button-announcement-primary))}:host{display:inline-block}.base{inline-size:inherit;justify-content:flex-start;display:inline-flex}.control.connotation-cta,.indicator.connotation-cta{--_connotation-color-primary:var(--vvd-split-button-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-split-button-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-split-button-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-split-button-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-split-button-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-split-button-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-split-button-cta-faint,var(--vvd-color-cta-50));--_connotation-color-fierce-primary:var(--vvd-split-button-cta-fierce-primary,var(--vvd-color-cta-700))}.control.connotation-success,.indicator.connotation-success{--_connotation-color-primary:var(--vvd-split-button-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-split-button-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-contrast:var(--vvd-split-button-success-contrast,var(--vvd-color-success-800));--_connotation-color-fierce:var(--vvd-split-button-success-fierce,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-split-button-success-firm,var(--vvd-color-success-600));--_connotation-color-soft:var(--vvd-split-button-success-soft,var(--vvd-color-success-100));--_connotation-color-faint:var(--vvd-split-button-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce-primary:var(--vvd-split-button-success-fierce-primary,var(--vvd-color-success-700))}.control.connotation-alert,.indicator.connotation-alert{--_connotation-color-primary:var(--vvd-split-button-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-split-button-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-contrast:var(--vvd-split-button-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-fierce:var(--vvd-split-button-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-split-button-alert-firm,var(--vvd-color-alert-600));--_connotation-color-soft:var(--vvd-split-button-alert-soft,var(--vvd-color-alert-100));--_connotation-color-faint:var(--vvd-split-button-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce-primary:var(--vvd-split-button-alert-fierce-primary,var(--vvd-color-alert-700))}.control.connotation-announcement,.indicator.connotation-announcement{--_connotation-color-primary:var(--vvd-split-button-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-split-button-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-contrast:var(--vvd-split-button-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-fierce:var(--vvd-split-button-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-split-button-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-soft:var(--vvd-split-button-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-faint:var(--vvd-split-button-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce-primary:var(--vvd-split-button-announcement-fierce-primary,var(--vvd-color-announcement-700))}.control:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement),.indicator:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement){--_connotation-color-primary:var(--vvd-split-button-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-split-button-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-split-button-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-split-button-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm:var(--vvd-split-button-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-split-button-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-split-button-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce-primary:var(--vvd-split-button-accent-fierce-primary,var(--vvd-color-canvas-text))}.control.appearance-filled,.indicator.appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.control.appearance-outlined,.indicator.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control,.indicator{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.appearance-outlined-light,.indicator.appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled,.indicator: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-outlined,.indicator:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:hover:where(:not(.disabled,:disabled,.readonly)),.indicator:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light,.indicator:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled,.indicator.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-outlined,.indicator.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.hover:where(:not(.disabled,:disabled,.readonly)),.indicator.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light,.indicator.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled.appearance-filled,.indicator: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-outlined,.indicator:disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled,.indicator:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control:disabled.appearance-outlined-light,.indicator:disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled.appearance-filled,.indicator.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-outlined,.indicator.disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled,.indicator.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.disabled.appearance-outlined-light,.indicator.disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)).appearance-filled,.indicator:active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined,.indicator:active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)),.indicator:active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined-light,.indicator:active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)).appearance-filled,.indicator.active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined,.indicator.active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)),.indicator.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined-light,.indicator.active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control,.indicator{box-sizing:border-box;border:1px solid var(--_appearance-color-outline);background-color:var(--_appearance-color-fill);block-size:var(--_split-button-block-size);color:var(--_appearance-color-text);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}@supports (user-select:none){.control,.indicator{user-select:none}}.control{border-bottom-left-radius:var(--_border-radius);border-top-left-radius:var(--_border-radius);gap:var(--_split-button-icon-gap);border-inline-end:0}.control:not(.appearance-filled){--focus-stroke-gap-color:transparent}.control:focus-visible{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))}.control:not(.disabled){cursor:pointer}.control.disabled{cursor:not-allowed}.control.icon-only{contain:size;place-content:center}@supports (aspect-ratio:1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.control.icon-only{inline-size:var(--_split-button-block-size)}}.control:not(.icon-only){inline-size:inherit;flex-grow:1}.control.size-super-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));font:var(--vvd-typography-base-condensed-bold)}.control.size-super-condensed:not(.icon-only){--_split-button-icon-gap:4px;padding-inline:8px}.control.size-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-condensed-bold)}.control.size-condensed:not(.icon-only){--_split-button-icon-gap:8px;padding-inline:12px}.control.size-expanded{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));font:var(--vvd-typography-base-extended-bold)}.control.size-expanded:not(.icon-only){--_split-button-icon-gap:10px;padding-inline:20px}.control:not(.size-condensed,.size-expanded,.size-super-condensed){--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));font:var(--vvd-typography-base-bold)}.control:not(.size-condensed,.size-expanded,.size-super-condensed):not(.icon-only){--_split-button-icon-gap:8px;padding-inline:16px}.control:not(.shape-pill){--_border-radius:8px}.control:not(.shape-pill).size-super-condensed,.control:not(.shape-pill).super-condensed{--_border-radius:4px}.control.shape-pill{--_border-radius:24px}.control .text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.indicator{border-bottom-right-radius:var(--_border-radius);border-top-right-radius:var(--_border-radius);inline-size:var(--_split-button-inline-size);isolation:isolate;border-inline-start:0;position:relative}.indicator:not(.appearance-filled){--focus-stroke-gap-color:transparent}.indicator.appearance-outlined,.indicator.appearance-outlined-light{--focus-inset:1px}.indicator:focus-visible{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))}.indicator:not(:disabled){cursor:pointer}.indicator:disabled{cursor:not-allowed}.indicator:before{background-color:var(--_appearance-color-text);content:\"\";opacity:.35;inline-size:1px;position:absolute;inset-inline-start:0}.indicator:not(.appearance-filled,.appearance-outlined,.appearance-outlined-light):before{block-size:50%}.indicator:is(.appearance-filled,.appearance-outlined,.appearance-outlined-light):before{block-size:100%}.indicator.size-super-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));font:var(--vvd-typography-base-condensed)}.indicator.size-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 12));font:var(--vvd-typography-base-condensed)}.indicator.size-expanded{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));font:var(--vvd-typography-base-extended)}.indicator:not(.size-condensed,.size-expanded,.size-super-condensed){--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-extended)}.indicator:not(.shape-pill){--_border-radius:8px}.indicator:not(.shape-pill).size-super-condensed,.indicator:not(.shape-pill).super-condensed{--_border-radius:4px}.indicator.shape-pill{--_border-radius:24px}.icon{line-height:1}.icon-trailing .icon{order:1}.control>.icon{font-size:calc(var(--_split-button-block-size) / 2)}", _ = ({ connotation: e, appearance: t, shape: n, disabled: r, size: i, label: a, icon: o, iconSlottedContent: s }) => m([`connotation-${e}`, !!e], ["disabled", r], [`shape-${n}`, !!n], [`appearance-${t}`, !!t], [`size-${i}`, !!i], ["icon-only", !a && !!(o || s?.length)]);
42
+ var g = ":host{--_vvd-split-button-accent-firm-wrapper:var(--vvd-split-button-accent-firm);--_vvd-split-button-cta-firm-wrapper:var(--vvd-split-button-cta-firm);--_vvd-split-button-success-firm-wrapper:var(--vvd-split-button-success-firm);--_vvd-split-button-alert-firm-wrapper:var(--vvd-split-button-alert-firm);--_vvd-split-button-announcement-firm-wrapper:var(--vvd-split-button-announcement-firm)}:where(.control,.indicator):not(.appearance-filled,.appearance-outlined,.appearance-outlined-light){--vvd-split-button-accent-firm:var(--_vvd-split-button-accent-firm-wrapper,var(--vvd-split-button-accent-primary));--vvd-split-button-cta-firm:var(--_vvd-split-button-cta-firm-wrapper,var(--vvd-split-button-cta-primary));--vvd-split-button-success-firm:var(--_vvd-split-button-success-firm-wrapper,var(--vvd-split-button-success-primary));--vvd-split-button-alert-firm:var(--_vvd-split-button-alert-firm-wrapper,var(--vvd-split-button-alert-primary));--vvd-split-button-announcement-firm:var(--_vvd-split-button-announcement-firm-wrapper,var(--vvd-split-button-announcement-primary))}:host{display:inline-block}.base{inline-size:inherit;justify-content:flex-start;display:inline-flex}.control.connotation-cta,.indicator.connotation-cta{--_connotation-color-primary:var(--vvd-split-button-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-split-button-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-cta-primary-increment,var(--vvd-color-cta-600));--_connotation-color-contrast:var(--vvd-split-button-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-fierce:var(--vvd-split-button-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-split-button-cta-firm,var(--vvd-color-cta-600));--_connotation-color-soft:var(--vvd-split-button-cta-soft,var(--vvd-color-cta-100));--_connotation-color-faint:var(--vvd-split-button-cta-faint,var(--vvd-color-cta-50));--_connotation-color-fierce-primary:var(--vvd-split-button-cta-fierce-primary,var(--vvd-color-cta-700))}.control.connotation-success,.indicator.connotation-success{--_connotation-color-primary:var(--vvd-split-button-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-split-button-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-contrast:var(--vvd-split-button-success-contrast,var(--vvd-color-success-800));--_connotation-color-fierce:var(--vvd-split-button-success-fierce,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-split-button-success-firm,var(--vvd-color-success-600));--_connotation-color-soft:var(--vvd-split-button-success-soft,var(--vvd-color-success-100));--_connotation-color-faint:var(--vvd-split-button-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce-primary:var(--vvd-split-button-success-fierce-primary,var(--vvd-color-success-700))}.control.connotation-alert,.indicator.connotation-alert{--_connotation-color-primary:var(--vvd-split-button-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-split-button-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-contrast:var(--vvd-split-button-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-fierce:var(--vvd-split-button-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-split-button-alert-firm,var(--vvd-color-alert-600));--_connotation-color-soft:var(--vvd-split-button-alert-soft,var(--vvd-color-alert-100));--_connotation-color-faint:var(--vvd-split-button-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce-primary:var(--vvd-split-button-alert-fierce-primary,var(--vvd-color-alert-700))}.control.connotation-announcement,.indicator.connotation-announcement{--_connotation-color-primary:var(--vvd-split-button-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-split-button-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-announcement-primary-increment,var(--vvd-color-announcement-600));--_connotation-color-contrast:var(--vvd-split-button-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-fierce:var(--vvd-split-button-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-split-button-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-soft:var(--vvd-split-button-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-faint:var(--vvd-split-button-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce-primary:var(--vvd-split-button-announcement-fierce-primary,var(--vvd-color-announcement-700))}.control:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement),.indicator:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement){--_connotation-color-primary:var(--vvd-split-button-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-split-button-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-split-button-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-contrast:var(--vvd-split-button-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-fierce:var(--vvd-split-button-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-firm:var(--vvd-split-button-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-soft:var(--vvd-split-button-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-faint:var(--vvd-split-button-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce-primary:var(--vvd-split-button-accent-fierce-primary,var(--vvd-color-canvas-text))}.control.appearance-filled,.indicator.appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.control.appearance-outlined,.indicator.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control,.indicator{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.appearance-outlined-light,.indicator.appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}@media (hover:hover){.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled,.indicator: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-outlined,.indicator:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:hover:where(:not(.disabled,:disabled,.readonly)),.indicator:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light,.indicator:hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled,.indicator.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-outlined,.indicator.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.hover:where(:not(.disabled,:disabled,.readonly)),.indicator.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.control.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light,.indicator.hover:where(:not(.disabled,:disabled,.readonly)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled.appearance-filled,.indicator: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-outlined,.indicator:disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:disabled,.indicator:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control:disabled.appearance-outlined-light,.indicator:disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled.appearance-filled,.indicator.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-outlined,.indicator.disabled.appearance-outlined{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.disabled,.indicator.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.control.disabled.appearance-outlined-light,.indicator.disabled.appearance-outlined-light{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)).appearance-filled,.indicator:active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined,.indicator:active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control:active:where(:not(.disabled,:disabled)),.indicator:active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control:active:where(:not(.disabled,:disabled)).appearance-outlined-light,.indicator:active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)).appearance-filled,.indicator.active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-fierce);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined,.indicator.active:where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control.active:where(:not(.disabled,:disabled)),.indicator.active:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.control.active:where(:not(.disabled,:disabled)).appearance-outlined-light,.indicator.active:where(:not(.disabled,:disabled)).appearance-outlined-light{--_appearance-color-text:var(--_connotation-color-fierce-primary);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline:var(--vvd-color-neutral-300)}.control,.indicator{box-sizing:border-box;border:1px solid var(--_appearance-color-outline);background-color:var(--_appearance-color-fill);block-size:var(--_split-button-block-size);color:var(--_appearance-color-text);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}@supports (user-select:none){.control,.indicator{user-select:none}}.control{border-bottom-left-radius:var(--_border-radius);border-top-left-radius:var(--_border-radius);gap:var(--_split-button-icon-gap);border-inline-end:0}.control:not(.appearance-filled){--focus-stroke-gap-color:transparent}.control:focus-visible{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))}.control:not(.disabled){cursor:pointer}.control.disabled{cursor:not-allowed}.control.icon-only{contain:size;place-content:center}@supports (aspect-ratio:1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.control.icon-only{inline-size:var(--_split-button-block-size)}}.control:not(.icon-only){inline-size:inherit;flex-grow:1}.control.size-super-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));font:var(--vvd-typography-base-condensed-bold)}.control.size-super-condensed:not(.icon-only){--_split-button-icon-gap:4px;padding-inline:8px}.control.size-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-condensed-bold)}.control.size-condensed:not(.icon-only){--_split-button-icon-gap:8px;padding-inline:12px}.control.size-expanded{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));font:var(--vvd-typography-base-extended-bold)}.control.size-expanded:not(.icon-only){--_split-button-icon-gap:10px;padding-inline:20px}.control:not(.size-condensed,.size-expanded,.size-super-condensed){--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));font:var(--vvd-typography-base-bold)}.control:not(.size-condensed,.size-expanded,.size-super-condensed):not(.icon-only){--_split-button-icon-gap:8px;padding-inline:16px}.control:not(.shape-pill){--_border-radius:8px}.control:not(.shape-pill).size-super-condensed,.control:not(.shape-pill).super-condensed{--_border-radius:4px}.control.shape-pill{--_border-radius:24px}.control .text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.indicator{border-bottom-right-radius:var(--_border-radius);border-top-right-radius:var(--_border-radius);inline-size:var(--_split-button-inline-size);isolation:isolate;border-inline-start:0;position:relative}.indicator:not(.appearance-filled){--focus-stroke-gap-color:transparent}.indicator.appearance-outlined,.indicator.appearance-outlined-light{--focus-inset:1px}.indicator:focus-visible{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))}.indicator:not(:disabled){cursor:pointer}.indicator:disabled{cursor:not-allowed}.indicator:before{background-color:var(--_appearance-color-text);content:\"\";opacity:.35;inline-size:1px;position:absolute;inset-inline-start:0}.indicator:not(.appearance-filled,.appearance-outlined,.appearance-outlined-light):before{block-size:50%}.indicator:is(.appearance-filled,.appearance-outlined,.appearance-outlined-light):before{block-size:100%}.indicator.size-super-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));font:var(--vvd-typography-base-condensed)}.indicator.size-condensed{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 12));font:var(--vvd-typography-base-condensed)}.indicator.size-expanded{--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));font:var(--vvd-typography-base-extended)}.indicator:not(.size-condensed,.size-expanded,.size-super-condensed){--_split-button-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_split-button-inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));font:var(--vvd-typography-base-extended)}.indicator:not(.shape-pill){--_border-radius:8px}.indicator:not(.shape-pill).size-super-condensed,.indicator:not(.shape-pill).super-condensed{--_border-radius:4px}.indicator.shape-pill{--_border-radius:24px}.icon{line-height:1}.icon-trailing .icon{order:1}.control>.icon{font-size:calc(var(--_split-button-block-size) / 2)}", _ = ({ connotation: e, appearance: t, shape: n, disabled: r, size: i, label: a, icon: o, iconSlottedContent: s }) => f([`connotation-${e}`, !!e], ["disabled", r], [`shape-${n}`, !!n], [`appearance-${t}`, !!t], [`size-${i}`, !!i], ["icon-only", !a && !!(o || s?.length)]);
44
43
  function v(e) {
45
- let n = l(e);
46
- return t`
44
+ let t = l(e);
45
+ return n`
47
46
  <button
48
47
  ${o("_action")}
49
48
  class="control ${_}"
50
- ${f({
49
+ ${p({
51
50
  ariaExpanded: null,
52
51
  ariaDisabled: (e) => e.disabled
53
52
  })}
54
53
  @click="${(e, t) => e.handleActionClick(t.event)}"
55
54
  >
56
- ${(e) => n(e.icon, u.Slot)}
55
+ ${(e) => t(e.icon, u.Slot)}
57
56
  <span class="text">${(e) => e.label}</span>
58
57
  </button>
59
58
  `;
60
59
  }
61
60
  function y(e) {
62
- let n = l(e);
63
- return t`
61
+ let t = l(e);
62
+ return n`
64
63
  <button
65
64
  ${o("_indicator")}
66
65
  class="indicator ${_}"
67
66
  aria-label="${(e) => e.indicatorAriaLabel || e.locale.splitButton.showMoreActionsLabel}"
68
- ${f({
67
+ ${p({
69
68
  ariaExpanded: (e) => e.ariaExpanded,
70
69
  ariaDisabled: (e) => e.disabled
71
70
  }, { onlySpecified: !0 })}
72
71
  @click="${(e, t) => e.handleIndicatorClick(t.event)}"
73
72
  >
74
- ${(e) => n(e.splitIndicator)}
73
+ ${(e) => t(e.splitIndicator)}
75
74
  </button>
76
75
  `;
77
76
  }
78
77
  //#endregion
79
78
  //#region src/lib/split-button/index.ts
80
- i(r("split-button", h, (e) => t` <template>
79
+ t(r("split-button", h, (e) => n` <template>
81
80
  <div class="base" role="group">
82
81
  ${v(e)} ${y(e)}
83
82
  <slot></slot>
package/status/definition.cjs CHANGED
@@ -1,5 +1,4 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/numberConverter.cjs");
3
2
  const require_definition = require("../unbundled/definition66.cjs");
4
3
  exports.VwcStatusElement = require_definition.Status;
5
4
  exports.registerStatus = require_definition.registerStatus;
package/status/definition.js CHANGED
@@ -1,3 +1,2 @@
1
- import "../unbundled/numberConverter.js";
2
1
  import { n as statusDefinition, r as Status, t as registerStatus } from "../unbundled/definition66.js";
3
2
  export { Status as VwcStatusElement, registerStatus, statusDefinition };
package/status/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/enums.cjs`);require(`../bundled/numberConverter.cjs`);const i=require(`../bundled/decorate.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/affix.cjs`),s=require(`../bundled/class-names.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 o.t(e.t){};i.t([e.l],l.prototype,`status`,void 0),i.t([e.l],l.prototype,`connotation`,void 0),i.t([e.T],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`},d=({connotation:e})=>s.t(`base`,e?`connotation-${e}`:``);function f(e){return e.icon?e.icon:e.connotation?u[e.connotation]:void 0}function p(){return e.d`<div class="headline">${e=>e.status}</div>`}var m=e.o(`status`,l,r=>{let i=o.a(r);return e.d`
1
+ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`),r=require(`../bundled/enums.cjs`),i=require(`../bundled/decorate.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/affix.cjs`),s=require(`../bundled/class-names.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 o.t(e.t){};i.t([e.u],l.prototype,`status`,void 0),i.t([e.u],l.prototype,`connotation`,void 0),i.t([e.D],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`},d=({connotation:e})=>s.t(`base`,e?`connotation-${e}`:``);function f(e){return e.icon?e.icon:e.connotation?u[e.connotation]:void 0}function p(){return e.f`<div class="headline">${e=>e.status}</div>`}var m=e.s(`status`,l,r=>{let i=o.a(r);return e.f`
2
2
  <div class="${d}">
3
3
  ${e=>i(f(e),o.i.Slot)}
4
4
  <div class="text">
@@ -11,4 +11,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`)
11
11
  </div>
12
12
  </div>
13
13
  </div>
14
- `},[a.t],{styles:c});e.s(m)();
14
+ `},[a.t],{styles:c});e.c(m)();
package/status/index.js CHANGED
@@ -1,15 +1,14 @@
1
- import { T as e, d as t, l as n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
1
+ import { D as e, c as t, f as n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
2
2
  import { t as o } from "../bundled/when.js";
3
3
  import { t as s } from "../bundled/slotted.js";
4
4
  import { n as c } from "../bundled/enums.js";
5
- import "../bundled/numberConverter.js";
6
5
  import { t as l } from "../bundled/decorate.js";
7
6
  import { t as u } from "../bundled/definition2.js";
8
7
  import { a as d, i as f, t as p } from "../bundled/affix.js";
9
8
  import { t as m } from "../bundled/class-names.js";
10
9
  //#region src/lib/status/status.scss?inline
11
- 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 p(a) {};
12
- l([n], g.prototype, "status", void 0), l([n], g.prototype, "connotation", void 0), l([e], g.prototype, "descriptionSlottedContent", void 0);
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 p(i) {};
11
+ l([a], g.prototype, "status", void 0), l([a], g.prototype, "connotation", void 0), l([e], g.prototype, "descriptionSlottedContent", void 0);
13
12
  //#endregion
14
13
  //#region src/lib/status/status.template.ts
15
14
  var _ = {
@@ -22,15 +21,15 @@ function y(e) {
22
21
  return e.icon ? e.icon : e.connotation ? _[e.connotation] : void 0;
23
22
  }
24
23
  function b() {
25
- return t`<div class="headline">${(e) => e.status}</div>`;
24
+ return n`<div class="headline">${(e) => e.status}</div>`;
26
25
  }
27
26
  //#endregion
28
27
  //#region src/lib/status/index.ts
29
- i(r("status", g, (e) => {
30
- let n = d(e);
31
- return t`
28
+ t(r("status", g, (e) => {
29
+ let t = d(e);
30
+ return n`
32
31
  <div class="${v}">
33
- ${(e) => n(y(e), f.Slot)}
32
+ ${(e) => t(y(e), f.Slot)}
34
33
  <div class="text">
35
34
  ${o((e) => e.status, b())}
36
35
  <div
package/switch/definition.cjs CHANGED
@@ -1,5 +1,4 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/numberConverter.cjs");
3
2
  const require_definition = require("../unbundled/definition67.cjs");
4
3
  exports.VwcSwitchElement = require_definition.Switch;
5
4
  exports.registerSwitch = require_definition.registerSwitch;
package/switch/definition.js CHANGED
@@ -1,3 +1,2 @@
1
- import "../unbundled/numberConverter.js";
2
1
  import { n as switchDefinition, r as Switch, t as registerSwitch } from "../unbundled/definition67.js";
3
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/when.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.cjs`),i=require(`../bundled/delegates-aria.cjs`),a=require(`../bundled/class-names.cjs`);require(`../bundled/key-codes.cjs`);const o=require(`../bundled/form-associated.cjs`);var s=`: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-300);--_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-300);--_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{border-radius:16px;outline:none;gap:8px;display:inline-flex}@supports (user-select:none){.control{user-select:none}}.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;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)}`,c=class extends i.t(o.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)}};n.t([e.l],c.prototype,`label`,void 0),n.t([e.l],c.prototype,`connotation`,void 0),n.t([e.l({attribute:`readonly`,mode:`boolean`})],c.prototype,`readOnly`,void 0),n.t([e.T],c.prototype,`defaultSlottedNodes`,void 0);var l=e.d`
1
+ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.cjs`),i=require(`../bundled/class-names.cjs`);require(`../bundled/key-codes.cjs`);const a=require(`../bundled/delegates-aria.cjs`),o=require(`../bundled/form-associated.cjs`);var s=`: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{border-radius:16px;outline:none;gap:8px;display:inline-flex}@supports (user-select:none){.control{user-select:none}}.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;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)}`,c=class extends a.t(o.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)}};n.t([e.u],c.prototype,`label`,void 0),n.t([e.u],c.prototype,`connotation`,void 0),n.t([e.u({attribute:`readonly`,mode:`boolean`})],c.prototype,`readOnly`,void 0),n.t([e.D],c.prototype,`defaultSlottedNodes`,void 0);var l=e.f`
2
2
  <template>
3
3
  <div
4
- class="${e=>a.t(`control`,[`appearance-filled`,e.checked],[`checked`,e.checked],[`disabled`,e.disabled],[`readonly`,e.readOnly],[`connotation-${e.connotation}`,!!e.checked&&!!e.connotation])}"
5
- ${i.n({role:`switch`,ariaChecked:e=>e.checked,ariaDisabled:e=>e.disabled,ariaReadOnly:e=>e.readOnly})}
4
+ 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
+ ${a.n({role:`switch`,ariaChecked:e=>e.checked,ariaDisabled:e=>e.disabled,ariaReadOnly:e=>e.readOnly})}
6
6
  tabindex="${e=>e.disabled?null:0}"
7
7
  @keypress="${(e,t)=>e.keypressHandler(t.event)}"
8
8
  @click="${e=>e.clickHandler()}"
@@ -10,7 +10,7 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`)
10
10
  <div class="switch">
11
11
  <span class="checked-indicator"></span>
12
12
  </div>
13
- ${t.t(e=>e.label,e.d`<div class="label">${e=>e.label}</div>`)}
13
+ ${t.t(e=>e.label,e.f`<div class="label">${e=>e.label}</div>`)}
14
14
  </div>
15
15
  </template>
16
- `,u=e.o(`switch`,c,l,[r.t],{styles:s,shadowOptions:{delegatesFocus:!0}});e.s(u)();
16
+ `,u=e.s(`switch`,c,l,[r.t],{styles:s,shadowOptions:{delegatesFocus:!0}});e.c(u)();
package/switch/index.js CHANGED
@@ -1,14 +1,13 @@
1
- import { T as e, d as t, l as n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
1
+ import { D as e, c as t, f as n, s as r, t as i, u as a } from "../bundled/vivid-element.js";
2
2
  import { t as o } from "../bundled/when.js";
3
- import "../bundled/numberConverter.js";
4
3
  import { t as s } from "../bundled/decorate.js";
5
4
  import { t as c } from "../bundled/definition2.js";
6
- import { n as l, t as u } from "../bundled/delegates-aria.js";
7
- import { t as d } from "../bundled/class-names.js";
5
+ import { t as l } from "../bundled/class-names.js";
8
6
  import "../bundled/key-codes.js";
7
+ import { n as u, t as d } from "../bundled/delegates-aria.js";
9
8
  import { t as f } from "../bundled/form-associated.js";
10
9
  //#region src/lib/switch/switch.scss?inline
11
- var p = ":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-300);--_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-300);--_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{border-radius:16px;outline:none;gap:8px;display:inline-flex}@supports (user-select:none){.control{user-select:none}}.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;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)}", m = class extends u(f(a)) {
10
+ var p = ":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{border-radius:16px;outline:none;gap:8px;display:inline-flex}@supports (user-select:none){.control{user-select:none}}.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;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)}", m = class extends d(f(i)) {
12
11
  readOnlyChanged() {
13
12
  this.proxy instanceof HTMLInputElement && (this.proxy.readOnly = this.readOnly), this.readOnly ? this.classList.add("readonly") : this.classList.remove("readonly");
14
13
  }
@@ -29,14 +28,14 @@ var p = ":host(.disabled){cursor:not-allowed}.control.connotation-cta{--_connota
29
28
  };
30
29
  //#endregion
31
30
  //#region src/lib/switch/index.ts
32
- s([n], m.prototype, "label", void 0), s([n], m.prototype, "connotation", void 0), s([n({
31
+ s([a], m.prototype, "label", void 0), s([a], m.prototype, "connotation", void 0), s([a({
33
32
  attribute: "readonly",
34
33
  mode: "boolean"
35
- })], m.prototype, "readOnly", void 0), s([e], m.prototype, "defaultSlottedNodes", void 0), i(r("switch", m, t`
34
+ })], m.prototype, "readOnly", void 0), s([e], m.prototype, "defaultSlottedNodes", void 0), t(r("switch", m, n`
36
35
  <template>
37
36
  <div
38
- class="${(e) => d("control", ["appearance-filled", e.checked], ["checked", e.checked], ["disabled", e.disabled], ["readonly", e.readOnly], [`connotation-${e.connotation}`, !!e.checked && !!e.connotation])}"
39
- ${l({
37
+ class="${(e) => l("control", ["appearance-filled", e.checked], ["checked", e.checked], ["disabled", e.disabled], ["readonly", e.readOnly], [`connotation-${e.connotation}`, !!e.checked && !!e.connotation])}"
38
+ ${u({
40
39
  role: "switch",
41
40
  ariaChecked: (e) => e.checked,
42
41
  ariaDisabled: (e) => e.disabled,
@@ -49,7 +48,7 @@ s([n], m.prototype, "label", void 0), s([n], m.prototype, "connotation", void 0)
49
48
  <div class="switch">
50
49
  <span class="checked-indicator"></span>
51
50
  </div>
52
- ${o((e) => e.label, t`<div class="label">${(e) => e.label}</div>`)}
51
+ ${o((e) => e.label, n`<div class="label">${(e) => e.label}</div>`)}
53
52
  </div>
54
53
  </template>
55
54
  `, [c], {
package/tab/definition.cjs CHANGED
@@ -1,5 +1,4 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/numberConverter.cjs");
3
2
  const require_definition = require("../unbundled/definition69.cjs");
4
3
  exports.VwcTabElement = require_definition.Tab;
5
4
  exports.registerTab = require_definition.registerTab;
package/tab/definition.js CHANGED
@@ -1,3 +1,2 @@
1
- import "../unbundled/numberConverter.js";
2
1
  import { n as tabDefinition, r as Tab, t as registerTab } from "../unbundled/definition69.js";
3
2
  export { Tab as VwcTabElement, registerTab, tabDefinition };
package/tab/index.cjs CHANGED
@@ -1 +1 @@
1
- require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition13.cjs`).t();
1
+ require(`../bundled/definition13.cjs`).t();
package/tab/index.js CHANGED
@@ -1,5 +1,3 @@
1
- import "../bundled/vivid-element.js";
2
- import "../bundled/numberConverter.js";
3
1
  import { t as e } from "../bundled/definition13.js";
4
2
  //#region src/lib/tab/index.ts
5
3
  e();
package/tab-panel/index.cjs CHANGED
@@ -1 +1 @@
1
- require(`../bundled/vivid-element.cjs`),require(`../bundled/definition14.cjs`).t();
1
+ require(`../bundled/definition14.cjs`).t();
package/tab-panel/index.js CHANGED
@@ -1,4 +1,3 @@
1
- import "../bundled/vivid-element.js";
2
1
  import { t as e } from "../bundled/definition14.js";
3
2
  //#region src/lib/tab-panel/index.ts
4
3
  e();
package/table/definition.cjs CHANGED
@@ -1,5 +1,4 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/numberConverter.cjs");
3
2
  const require_definition = require("../unbundled/definition35.cjs");
4
3
  exports.VwcTableBodyElement = require_definition.TableBody;
5
4
  exports.VwcTableCellElement = require_definition.TableCell;
package/table/definition.js CHANGED
@@ -1,3 +1,2 @@
1
- import "../unbundled/numberConverter.js";
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/definition35.js";
3
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`);require(`../bundled/numberConverter.cjs`);const t=require(`../bundled/decorate.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/host-semantics.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=t=>e.d`
1
+ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/decorate.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/delegates-aria.cjs`),i=require(`../bundled/host-semantics.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=t=>e.f`
2
2
  <template role="table">
3
3
  <div part="inner-container" class="table-inner-container">
4
4
  <div part="content" class="table-content">
@@ -6,15 +6,15 @@ const e=require(`../bundled/vivid-element.cjs`);require(`../bundled/numberConver
6
6
  </div>
7
7
  </div>
8
8
  </template>
9
- `,h=`table-head`,g=class extends e.t{},_=t=>e.d`
9
+ `,h=`table-head`,g=class extends e.t{},_=t=>e.f`
10
10
  <template>
11
11
  <slot></slot>
12
12
  </template>
13
- `,v=class extends e.t{},y=t=>e.d`
13
+ `,v=class extends e.t{},y=t=>e.f`
14
14
  <template>
15
15
  <slot></slot>
16
16
  </template>
17
- `,b=class extends i.t(e.t){},x=t=>e.d`
17
+ `,b=class extends i.t(e.t){},x=t=>e.f`
18
18
  <template
19
19
  ${i.n({role:`row`})}
20
20
  >
@@ -22,7 +22,7 @@ const e=require(`../bundled/vivid-element.cjs`);require(`../bundled/numberConver
22
22
  <slot></slot>
23
23
  </div>
24
24
  </template>
25
- `,S=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)}},C=t=>{let n=t.tagForNonDependency(h);return e.d`
25
+ `,S=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)}},C=t=>{let n=t.tagForNonDependency(h);return e.f`
26
26
  <template
27
27
  ${i.n({role:e=>e.closest(n)===null?a.t.rowheader:a.t.columnheader})}
28
28
  >
@@ -30,7 +30,7 @@ const e=require(`../bundled/vivid-element.cjs`);require(`../bundled/numberConver
30
30
  <slot></slot>
31
31
  </div>
32
32
  </template>
33
- `},w=class extends i.t(e.t){},T=t=>e.d`
33
+ `},w=class extends i.t(e.t){},T=t=>e.f`
34
34
  <template
35
35
  ${i.n({role:()=>`cell`})}
36
36
  >
@@ -38,13 +38,13 @@ const e=require(`../bundled/vivid-element.cjs`);require(`../bundled/numberConver
38
38
  <slot></slot>
39
39
  </div>
40
40
  </template>
41
- `,E=class extends r.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.l],E.prototype,`direction`,void 0);var D=t=>{let r=t.tagFor(n.r);return e.d`
41
+ `,E=class extends r.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.u],E.prototype,`direction`,void 0);var D=t=>{let r=t.tagFor(n.r);return e.f`
42
42
  <template
43
43
  @click="${e=>e.toggleSort()}"
44
44
  ${i.n({role:`button`})}
45
45
  >
46
46
  <button>
47
- ${t=>{switch(t.direction){case`asc`:return e.d`<${r} name="sort-asc-line"></${r}>`;case`desc`:return e.d`<${r} name="sort-desc-line"></${r}>`;default:return e.d`<${r} name="sort-line"></${r}>`}}}
47
+ ${t=>{switch(t.direction){case`asc`:return e.f`<${r} name="sort-asc-line"></${r}>`;case`desc`:return e.f`<${r} name="sort-desc-line"></${r}>`;default:return e.f`<${r} name="sort-line"></${r}>`}}}
48
48
  </button>
49
49
  </template>
50
- `},O=e.o(`table-cell`,w,T,[],{styles:f}),k=e.o(`table-header-cell`,S,C,[],{styles:d}),A=e.o(`table-row`,b,x,[],{styles:u}),j=e.o(`table-body`,v,y,[],{styles:l}),M=e.o(`table-head`,g,_,[],{styles:c}),N=e.o(`table-sorting-button`,E,D,[n.t],{styles:s}),P=e.o(`table`,p,m,[O,k,A,M,j,N],{styles:o});e.s(P)();
50
+ `},O=e.s(`table-cell`,w,T,[],{styles:f}),k=e.s(`table-header-cell`,S,C,[],{styles:d}),A=e.s(`table-row`,b,x,[],{styles:u}),j=e.s(`table-body`,v,y,[],{styles:l}),M=e.s(`table-head`,g,_,[],{styles:c}),N=e.s(`table-sorting-button`,E,D,[n.t],{styles:s}),P=e.s(`table`,p,m,[O,k,A,M,j,N],{styles:o});e.c(P)();