@vonage/vivid 5.17.0 → 5.18.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 (459) hide show
  1. package/accordion/definition.cjs +6 -6
  2. package/accordion/definition.js +1 -1
  3. package/accordion/index.cjs +1 -1
  4. package/accordion/index.js +2 -2
  5. package/accordion-item/definition.cjs +5 -5
  6. package/accordion-item/definition.js +1 -1
  7. package/accordion-item/index.cjs +1 -1
  8. package/accordion-item/index.js +2 -2
  9. package/alert/definition.cjs +5 -5
  10. package/alert/definition.js +1 -1
  11. package/alert/index.cjs +2 -2
  12. package/alert/index.js +6 -5
  13. package/audio-player/definition.cjs +5 -5
  14. package/audio-player/definition.js +1 -1
  15. package/audio-player/index.cjs +1 -1
  16. package/audio-player/index.js +2 -1
  17. package/avatar/definition.cjs +5 -5
  18. package/avatar/definition.js +1 -1
  19. package/avatar/index.cjs +3 -3
  20. package/avatar/index.js +6 -5
  21. package/badge/definition.cjs +5 -5
  22. package/badge/definition.js +1 -1
  23. package/badge/index.cjs +1 -4
  24. package/badge/index.js +4 -20
  25. package/banner/definition.cjs +5 -5
  26. package/banner/definition.js +1 -1
  27. package/banner/index.cjs +2 -2
  28. package/banner/index.js +5 -4
  29. package/breadcrumb-item/definition.cjs +4 -4
  30. package/breadcrumb-item/definition.js +1 -1
  31. package/breadcrumb-item/index.cjs +1 -1
  32. package/breadcrumb-item/index.js +1 -0
  33. package/bundled/affix.cjs +1 -1
  34. package/bundled/affix.js +5 -5
  35. package/bundled/definition11.cjs +2 -2
  36. package/bundled/definition11.js +5 -5
  37. package/bundled/definition12.cjs +3 -3
  38. package/bundled/definition12.js +5 -5
  39. package/bundled/definition13.cjs +2 -2
  40. package/bundled/definition13.js +4 -4
  41. package/bundled/definition15.cjs +3 -3
  42. package/bundled/definition15.js +7 -7
  43. package/bundled/definition17.cjs +3 -3
  44. package/bundled/definition17.js +8 -8
  45. package/bundled/definition18.cjs +2 -2
  46. package/bundled/definition18.js +6 -6
  47. package/bundled/definition2.cjs +3 -14
  48. package/bundled/definition2.js +15 -48
  49. package/bundled/definition20.cjs +5 -5
  50. package/bundled/definition20.js +8 -8
  51. package/bundled/definition22.cjs +4 -39
  52. package/bundled/definition22.js +18 -70
  53. package/bundled/definition23.cjs +12 -0
  54. package/bundled/definition23.js +37 -0
  55. package/bundled/definition24.cjs +39 -0
  56. package/bundled/definition24.js +72 -0
  57. package/bundled/definition3.cjs +1 -1
  58. package/bundled/definition3.js +9 -6
  59. package/bundled/definition4.cjs +2 -2
  60. package/bundled/definition4.js +5 -5
  61. package/bundled/definition6.cjs +11 -11
  62. package/bundled/definition6.js +45 -29
  63. package/bundled/localized.cjs +1 -1
  64. package/bundled/localized.js +1 -0
  65. package/bundled/mixins.cjs +4 -4
  66. package/bundled/mixins.js +7 -7
  67. package/bundled/numberConverter.cjs +12 -0
  68. package/bundled/numberConverter.js +38 -0
  69. package/bundled/picker-field.template.cjs +2 -1
  70. package/bundled/picker-field.template.js +2 -1
  71. package/bundled/utils.cjs +1 -0
  72. package/bundled/utils.js +1420 -0
  73. package/bundled/vivid-element.cjs +1 -1
  74. package/bundled/vivid-element.js +1 -1
  75. package/button/definition.cjs +5 -5
  76. package/button/definition.js +1 -1
  77. package/button/index.cjs +1 -1
  78. package/button/index.js +1 -1
  79. package/card/definition.cjs +5 -5
  80. package/card/definition.js +1 -1
  81. package/card/index.cjs +4 -4
  82. package/card/index.js +7 -6
  83. package/checkbox/definition.cjs +5 -5
  84. package/checkbox/definition.js +1 -1
  85. package/checkbox/index.cjs +1 -1
  86. package/checkbox/index.js +1 -1
  87. package/color-picker/definition.cjs +5 -5
  88. package/color-picker/definition.js +1 -1
  89. package/color-picker/index.cjs +7 -7
  90. package/color-picker/index.js +55 -54
  91. package/combobox/definition.cjs +5 -5
  92. package/combobox/definition.js +1 -1
  93. package/combobox/index.cjs +2 -2
  94. package/combobox/index.js +8 -7
  95. package/contextual-help/definition.cjs +5 -5
  96. package/contextual-help/definition.js +1 -1
  97. package/contextual-help/index.cjs +1 -1
  98. package/contextual-help/index.js +1 -1
  99. package/country/definition.cjs +5 -5
  100. package/country/definition.js +1 -1
  101. package/country/index.cjs +1 -12
  102. package/country/index.js +4 -1216
  103. package/country-group/definition.cjs +6 -0
  104. package/country-group/definition.js +3 -0
  105. package/country-group/index.cjs +43 -0
  106. package/country-group/index.js +166 -0
  107. package/custom-elements.json +1112 -450
  108. package/data-grid/definition.cjs +9 -9
  109. package/data-grid/definition.js +2 -2
  110. package/data-grid/index.cjs +4 -4
  111. package/data-grid/index.js +47 -46
  112. package/date-picker/definition.cjs +5 -5
  113. package/date-picker/definition.js +2 -2
  114. package/date-picker/index.cjs +1 -1
  115. package/date-picker/index.js +1 -1
  116. package/date-range-picker/definition.cjs +5 -5
  117. package/date-range-picker/definition.js +2 -2
  118. package/date-range-picker/index.cjs +1 -1
  119. package/date-range-picker/index.js +1 -1
  120. package/date-time-picker/definition.cjs +5 -5
  121. package/date-time-picker/definition.js +2 -2
  122. package/date-time-picker/index.cjs +1 -1
  123. package/date-time-picker/index.js +1 -1
  124. package/dial-pad/definition.cjs +5 -5
  125. package/dial-pad/definition.js +2 -2
  126. package/dial-pad/index.cjs +4 -4
  127. package/dial-pad/index.js +9 -8
  128. package/dialog/definition.cjs +5 -5
  129. package/dialog/definition.js +2 -2
  130. package/dialog/index.cjs +4 -4
  131. package/dialog/index.js +12 -11
  132. package/divider/definition.cjs +1 -1
  133. package/divider/definition.js +1 -1
  134. package/empty-state/definition.cjs +5 -5
  135. package/empty-state/definition.js +2 -2
  136. package/empty-state/index.cjs +2 -2
  137. package/empty-state/index.js +6 -5
  138. package/fab/definition.cjs +5 -5
  139. package/fab/definition.js +2 -2
  140. package/fab/index.cjs +2 -2
  141. package/fab/index.js +5 -4
  142. package/file-picker/definition.cjs +5 -5
  143. package/file-picker/definition.js +2 -2
  144. package/file-picker/index.cjs +6 -6
  145. package/file-picker/index.js +9 -8
  146. package/flag/definition.cjs +6 -0
  147. package/flag/definition.js +3 -0
  148. package/flag/index.cjs +10 -0
  149. package/flag/index.js +61 -0
  150. package/header/definition.cjs +1 -1
  151. package/header/definition.js +1 -1
  152. package/icon/definition.cjs +1 -0
  153. package/icon/definition.js +1 -0
  154. package/icon/index.cjs +1 -1
  155. package/icon/index.js +1 -0
  156. package/index.cjs +183 -174
  157. package/index.js +48 -45
  158. package/layout/definition.cjs +1 -1
  159. package/layout/definition.js +1 -1
  160. package/lib/button/button.d.ts +1 -0
  161. package/lib/components.d.ts +2 -0
  162. package/lib/country/countries-data.d.ts +1 -0
  163. package/lib/country/{country-code-to-flag-icon.d.ts → utils.d.ts} +0 -3
  164. package/lib/country-group/country-group.d.ts +829 -0
  165. package/lib/country-group/country-group.template.d.ts +3 -0
  166. package/lib/country-group/definition.d.ts +3 -0
  167. package/lib/country-group/index.d.ts +1 -0
  168. package/lib/country-group/locale.d.ts +3 -0
  169. package/lib/date-picker/date-picker.d.ts +4 -0
  170. package/lib/date-range-picker/date-range-picker.d.ts +2 -0
  171. package/lib/date-time-picker/date-time-picker.d.ts +4 -0
  172. package/lib/flag/definition.d.ts +3 -0
  173. package/lib/flag/flag.d.ts +8 -0
  174. package/lib/flag/flag.template.d.ts +3 -0
  175. package/lib/flag/index.d.ts +1 -0
  176. package/lib/icon/icon.d.ts +1 -2
  177. package/lib/searchable-select/option-tag.d.ts +3 -1
  178. package/lib/searchable-select/searchable-select.d.ts +3 -1
  179. package/lib/tag-name-map.d.ts +2 -1
  180. package/lib/time-picker/time-picker.d.ts +2 -0
  181. package/locales/de-DE.cjs +1 -0
  182. package/locales/de-DE.js +1 -0
  183. package/locales/en-GB.cjs +1 -0
  184. package/locales/en-GB.js +1 -0
  185. package/locales/en-US.cjs +1 -0
  186. package/locales/en-US.js +1 -0
  187. package/locales/ja-JP.cjs +1 -0
  188. package/locales/ja-JP.js +1 -0
  189. package/locales/zh-CN.cjs +1 -0
  190. package/locales/zh-CN.js +1 -0
  191. package/menu/definition.cjs +5 -5
  192. package/menu/definition.js +1 -1
  193. package/menu/index.cjs +1 -1
  194. package/menu/index.js +1 -1
  195. package/menu-item/definition.cjs +6 -6
  196. package/menu-item/definition.js +1 -1
  197. package/menu-item/index.cjs +1 -1
  198. package/menu-item/index.js +1 -1
  199. package/nav/definition.cjs +1 -1
  200. package/nav/definition.js +1 -1
  201. package/nav-disclosure/definition.cjs +5 -5
  202. package/nav-disclosure/definition.js +2 -2
  203. package/nav-disclosure/index.cjs +2 -2
  204. package/nav-disclosure/index.js +6 -5
  205. package/nav-item/definition.cjs +5 -5
  206. package/nav-item/definition.js +2 -2
  207. package/nav-item/index.cjs +2 -2
  208. package/nav-item/index.js +5 -4
  209. package/note/definition.cjs +5 -5
  210. package/note/definition.js +2 -2
  211. package/note/index.cjs +2 -2
  212. package/note/index.js +5 -4
  213. package/number-field/definition.cjs +5 -5
  214. package/number-field/definition.js +2 -2
  215. package/number-field/index.cjs +2 -2
  216. package/number-field/index.js +6 -5
  217. package/option/definition.cjs +5 -5
  218. package/option/definition.js +1 -1
  219. package/option/index.cjs +1 -1
  220. package/option/index.js +1 -1
  221. package/package.json +4 -4
  222. package/pagination/definition.cjs +5 -5
  223. package/pagination/definition.js +2 -2
  224. package/pagination/index.cjs +1 -1
  225. package/pagination/index.js +1 -1
  226. package/popover/definition.cjs +5 -5
  227. package/popover/definition.js +2 -2
  228. package/popover/index.cjs +4 -4
  229. package/popover/index.js +7 -6
  230. package/popup/definition.cjs +4 -4
  231. package/popup/definition.js +1 -1
  232. package/popup/index.cjs +1 -1
  233. package/popup/index.js +1 -1
  234. package/progress/definition.cjs +1 -1
  235. package/progress/definition.js +1 -1
  236. package/radio/definition.cjs +1 -1
  237. package/radio/definition.js +1 -1
  238. package/radio-group/definition.cjs +5 -5
  239. package/radio-group/definition.js +2 -2
  240. package/radio-group/index.cjs +1 -1
  241. package/radio-group/index.js +1 -1
  242. package/range-slider/definition.cjs +5 -5
  243. package/range-slider/definition.js +2 -2
  244. package/range-slider/index.cjs +1 -1
  245. package/range-slider/index.js +22 -19
  246. package/rich-text-editor/definition.cjs +32 -32
  247. package/rich-text-editor/definition.js +2 -2
  248. package/rich-text-editor/index.cjs +1 -1
  249. package/rich-text-editor/index.js +2 -2
  250. package/rich-text-view/definition.cjs +1 -1
  251. package/rich-text-view/definition.js +1 -1
  252. package/searchable-select/definition.cjs +4 -4
  253. package/searchable-select/definition.js +2 -2
  254. package/searchable-select/index.cjs +6 -4
  255. package/searchable-select/index.js +76 -73
  256. package/select/definition.cjs +5 -5
  257. package/select/definition.js +2 -2
  258. package/select/index.cjs +1 -1
  259. package/select/index.js +1 -1
  260. package/selectable-box/definition.cjs +5 -5
  261. package/selectable-box/definition.js +2 -2
  262. package/selectable-box/index.cjs +1 -1
  263. package/selectable-box/index.js +1 -1
  264. package/shared/icon/utils.d.ts +1 -0
  265. package/shared/localization/Locale.d.ts +2 -0
  266. package/shared/picker-field/mixins/calendar-picker.d.ts +1 -0
  267. package/shared/picker-field/mixins/calendar-picker.template.d.ts +1 -0
  268. package/shared/picker-field/mixins/min-max-calendar-picker.d.ts +1 -0
  269. package/shared/picker-field/mixins/single-date-picker.d.ts +1 -0
  270. package/shared/picker-field/mixins/single-value-picker.d.ts +1 -0
  271. package/shared/picker-field/mixins/time-selection-picker.d.ts +1 -0
  272. package/shared/picker-field/mixins/time-selection-picker.template.d.ts +2 -0
  273. package/shared/picker-field/picker-field.d.ts +2 -0
  274. package/side-drawer/definition.cjs +1 -1
  275. package/side-drawer/definition.js +1 -1
  276. package/simple-color-picker/definition.cjs +5 -5
  277. package/simple-color-picker/definition.js +2 -2
  278. package/simple-color-picker/index.cjs +2 -2
  279. package/simple-color-picker/index.js +6 -5
  280. package/slider/definition.cjs +5 -5
  281. package/slider/definition.js +1 -1
  282. package/slider/index.cjs +1 -1
  283. package/slider/index.js +1 -1
  284. package/split-button/definition.cjs +5 -5
  285. package/split-button/definition.js +2 -2
  286. package/split-button/index.cjs +2 -2
  287. package/split-button/index.js +7 -6
  288. package/status/definition.cjs +5 -5
  289. package/status/definition.js +2 -2
  290. package/status/index.cjs +2 -2
  291. package/status/index.js +5 -4
  292. package/switch/definition.cjs +5 -5
  293. package/switch/definition.js +2 -2
  294. package/switch/index.cjs +2 -2
  295. package/switch/index.js +6 -5
  296. package/tab/definition.cjs +5 -5
  297. package/tab/definition.js +2 -2
  298. package/tab/index.cjs +1 -1
  299. package/tab/index.js +1 -1
  300. package/tab-panel/definition.cjs +1 -1
  301. package/tab-panel/definition.js +1 -1
  302. package/table/definition.cjs +17 -17
  303. package/table/definition.js +2 -2
  304. package/table/index.cjs +3 -3
  305. package/table/index.js +6 -5
  306. package/tabs/definition.cjs +6 -6
  307. package/tabs/definition.js +2 -2
  308. package/tabs/index.cjs +1 -1
  309. package/tabs/index.js +1 -1
  310. package/tag/definition.cjs +5 -5
  311. package/tag/definition.js +2 -2
  312. package/tag/index.cjs +4 -4
  313. package/tag/index.js +6 -5
  314. package/tag-group/definition.cjs +1 -1
  315. package/tag-group/definition.js +1 -1
  316. package/text-area/definition.cjs +5 -5
  317. package/text-area/definition.js +2 -2
  318. package/text-area/index.cjs +1 -1
  319. package/text-area/index.js +1 -1
  320. package/text-field/definition.cjs +5 -5
  321. package/text-field/definition.js +1 -1
  322. package/text-field/index.cjs +1 -1
  323. package/text-field/index.js +1 -1
  324. package/time-picker/definition.cjs +4 -4
  325. package/time-picker/definition.js +2 -2
  326. package/time-picker/index.cjs +1 -1
  327. package/time-picker/index.js +1 -1
  328. package/toggletip/definition.cjs +5 -5
  329. package/toggletip/definition.js +1 -1
  330. package/toggletip/index.cjs +1 -1
  331. package/toggletip/index.js +1 -1
  332. package/tooltip/definition.cjs +5 -5
  333. package/tooltip/definition.js +1 -1
  334. package/tooltip/index.cjs +1 -1
  335. package/tooltip/index.js +1 -1
  336. package/tree-item/definition.cjs +5 -5
  337. package/tree-item/definition.js +2 -2
  338. package/tree-item/index.cjs +1 -1
  339. package/tree-item/index.js +1 -1
  340. package/tree-view/definition.cjs +5 -5
  341. package/tree-view/definition.js +2 -2
  342. package/tree-view/index.cjs +1 -1
  343. package/tree-view/index.js +1 -1
  344. package/unbundled/definition11.cjs +6 -0
  345. package/unbundled/definition11.js +6 -0
  346. package/unbundled/definition14.cjs +1 -0
  347. package/unbundled/definition14.js +1 -0
  348. package/unbundled/definition2.cjs +5 -75
  349. package/unbundled/definition2.js +1 -71
  350. package/unbundled/definition28.cjs +1 -0
  351. package/unbundled/definition28.js +1 -0
  352. package/unbundled/definition31.cjs +2 -1189
  353. package/unbundled/definition31.js +1 -1188
  354. package/unbundled/definition32.cjs +207 -1835
  355. package/unbundled/definition32.js +203 -1807
  356. package/unbundled/definition33.cjs +83 -311
  357. package/unbundled/definition33.js +79 -235
  358. package/unbundled/definition34.cjs +1887 -25
  359. package/unbundled/definition34.js +1857 -24
  360. package/unbundled/definition35.cjs +315 -121
  361. package/unbundled/definition35.js +236 -114
  362. package/unbundled/definition36.cjs +25 -405
  363. package/unbundled/definition36.js +22 -397
  364. package/unbundled/definition37.cjs +47 -142
  365. package/unbundled/definition37.js +44 -139
  366. package/unbundled/definition38.cjs +345 -330
  367. package/unbundled/definition38.js +343 -328
  368. package/unbundled/definition39.cjs +183 -235
  369. package/unbundled/definition39.js +181 -233
  370. package/unbundled/definition40.cjs +377 -47
  371. package/unbundled/definition40.js +372 -42
  372. package/unbundled/definition41.cjs +256 -57
  373. package/unbundled/definition41.js +255 -56
  374. package/unbundled/definition42.cjs +45 -432
  375. package/unbundled/definition42.js +41 -428
  376. package/unbundled/definition43.cjs +63 -49
  377. package/unbundled/definition43.js +61 -47
  378. package/unbundled/definition44.cjs +438 -30
  379. package/unbundled/definition44.js +434 -25
  380. package/unbundled/definition45.cjs +46 -84
  381. package/unbundled/definition45.js +43 -81
  382. package/unbundled/definition46.cjs +29 -54
  383. package/unbundled/definition46.js +24 -50
  384. package/unbundled/definition47.cjs +93 -21
  385. package/unbundled/definition47.js +91 -16
  386. package/unbundled/definition48.cjs +49 -33
  387. package/unbundled/definition48.js +46 -30
  388. package/unbundled/definition49.cjs +22 -347
  389. package/unbundled/definition49.js +16 -344
  390. package/unbundled/definition50.cjs +34 -211
  391. package/unbundled/definition50.js +30 -207
  392. package/unbundled/definition51.cjs +282 -242
  393. package/unbundled/definition51.js +275 -235
  394. package/unbundled/definition52.cjs +211 -51
  395. package/unbundled/definition52.js +209 -48
  396. package/unbundled/definition53.cjs +275 -131
  397. package/unbundled/definition53.js +272 -127
  398. package/unbundled/definition54.cjs +50 -261
  399. package/unbundled/definition54.js +48 -260
  400. package/unbundled/definition55.cjs +126 -443
  401. package/unbundled/definition55.js +123 -441
  402. package/unbundled/definition56.cjs +234 -3596
  403. package/unbundled/definition56.js +229 -3428
  404. package/unbundled/definition57.cjs +407 -728
  405. package/unbundled/definition57.js +405 -726
  406. package/unbundled/definition58.cjs +3618 -106
  407. package/unbundled/definition58.js +3449 -100
  408. package/unbundled/definition59.cjs +624 -868
  409. package/unbundled/definition59.js +619 -863
  410. package/unbundled/definition60.cjs +106 -108
  411. package/unbundled/definition60.js +102 -104
  412. package/unbundled/definition61.cjs +1040 -71
  413. package/unbundled/definition61.js +1035 -65
  414. package/unbundled/definition62.cjs +105 -169
  415. package/unbundled/definition62.js +101 -165
  416. package/unbundled/definition63.cjs +70 -113
  417. package/unbundled/definition63.js +65 -109
  418. package/unbundled/definition64.cjs +181 -53
  419. package/unbundled/definition64.js +178 -50
  420. package/unbundled/definition65.cjs +109 -76
  421. package/unbundled/definition65.js +109 -75
  422. package/unbundled/definition66.cjs +58 -21
  423. package/unbundled/definition66.js +55 -15
  424. package/unbundled/definition67.cjs +81 -74
  425. package/unbundled/definition67.js +79 -73
  426. package/unbundled/definition68.cjs +19 -344
  427. package/unbundled/definition68.js +14 -335
  428. package/unbundled/definition69.cjs +88 -26
  429. package/unbundled/definition69.js +85 -22
  430. package/unbundled/definition7.cjs +18 -3
  431. package/unbundled/definition7.js +18 -3
  432. package/unbundled/definition70.cjs +330 -111
  433. package/unbundled/definition70.js +320 -108
  434. package/unbundled/definition71.cjs +26 -271
  435. package/unbundled/definition71.js +21 -267
  436. package/unbundled/definition72.cjs +134 -27
  437. package/unbundled/definition72.js +125 -25
  438. package/unbundled/definition73.cjs +245 -113
  439. package/unbundled/definition73.js +242 -104
  440. package/unbundled/definition74.cjs +28 -212
  441. package/unbundled/definition74.js +26 -202
  442. package/unbundled/definition75.cjs +117 -479
  443. package/unbundled/definition75.js +109 -475
  444. package/unbundled/definition76.cjs +232 -0
  445. package/unbundled/definition76.js +213 -0
  446. package/unbundled/definition77.cjs +533 -0
  447. package/unbundled/definition77.js +513 -0
  448. package/unbundled/numberConverter.cjs +91 -0
  449. package/unbundled/numberConverter.js +74 -0
  450. package/unbundled/picker-field.template.cjs +2 -0
  451. package/unbundled/picker-field.template.js +2 -0
  452. package/unbundled/utils.cjs +1439 -0
  453. package/unbundled/utils.js +1428 -0
  454. package/unbundled/vivid-element.cjs +1 -1
  455. package/unbundled/vivid-element.js +1 -1
  456. package/video-player/definition.cjs +1 -1
  457. package/video-player/definition.js +1 -1
  458. package/vivid.api.json +513 -0
  459. /package/{lib/icon/icon.placeholder.d.ts → shared/icon/icon-placeholder.d.ts} +0 -0
@@ -1,7 +1,7 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition4.cjs");
4
- exports.AccordionExpandMode = require_definition$1.AccordionExpandMode;
5
- exports.VwcAccordionElement = require_definition$1.Accordion;
6
- exports.accordionDefinition = require_definition$1.accordionDefinition;
7
- exports.registerAccordion = require_definition$1.registerAccordion;
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition4.cjs");
4
+ exports.AccordionExpandMode = require_definition.AccordionExpandMode;
5
+ exports.VwcAccordionElement = require_definition.Accordion;
6
+ exports.accordionDefinition = require_definition.accordionDefinition;
7
+ exports.registerAccordion = require_definition.registerAccordion;
@@ -1,3 +1,3 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { i as Accordion, n as accordionDefinition, r as registerAccordion, t as AccordionExpandMode } from "../unbundled/definition4.js";
3
3
  export { AccordionExpandMode, Accordion as VwcAccordionElement, accordionDefinition, registerAccordion };
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`);require(`../bundled/definition2.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/key-codes.cjs`),a=require(`../bundled/numbers.cjs`),o=require(`../bundled/definition22.cjs`);var s=`.base{box-sizing:border-box;flex-direction:column;display:flex}::slotted(:not(:only-of-type)){border-bottom:1px solid var(--vvd-color-neutral-200)}`,c={single:`single`,multi:`multi`},l=class extends e.t{constructor(...e){super(...e),this.expandmode=c.single,this.activeItemIndex=0,this.change=()=>{this.$emit(`change`,this.activeid)},this.setItems=()=>{this.accordionItems.length!==0&&(this.accordionIds=this.getItemIds(),this.activeid=this.accordionIds[this.activeItemIndex],this.accordionItems.forEach((e,t)=>{e instanceof o.r&&(e.addEventListener(`change`,this.activeItemChange),this.isSingleExpandMode()&&(this.findExpandedItem()===null&&t===0||e===this.findExpandedItem()?e.expanded=!0:e.expanded=!1));let n=this.accordionIds[t];e.setAttribute(`id`,typeof n==`string`?n:`accordion-${t+1}`),e.addEventListener(`keydown`,this.handleItemKeyDown)}),this.isSingleExpandMode()&&(this.findExpandedItem()??this.accordionItems[0]).setAttribute(`aria-disabled`,`true`))},this.removeItemListeners=e=>{e.forEach(e=>{e.removeEventListener(`change`,this.activeItemChange),e.removeEventListener(`keydown`,this.handleItemKeyDown)})},this.activeItemChange=e=>{if(e.defaultPrevented||e.target!==e.currentTarget)return;e.preventDefault();let t=e.target;this.activeid=t.getAttribute(`id`),this.isSingleExpandMode()&&(this.resetItems(),t.expanded=!0,t.setAttribute(`aria-disabled`,`true`),this.accordionItems.forEach(e=>{!e.hasAttribute(`disabled`)&&e.id!==this.activeid&&e.removeAttribute(`aria-disabled`)})),this.activeItemIndex=Array.from(this.accordionItems).indexOf(t),this.change()},this.handleItemKeyDown=e=>{if(e.target===e.currentTarget)switch(this.accordionIds=this.getItemIds(),e.key){case i.i:e.preventDefault(),this.adjust(e.target,-1);break;case i.t:e.preventDefault(),this.adjust(e.target,1);break;case i.s:this.focusItem(0);break;case`End`:this.focusItem(this.accordionItems.length-1);break}}}accordionItemsChanged(e){this.$fastController.isConnected&&(this.removeItemListeners(e),this.setItems())}findExpandedItem(){for(let e=0;e<this.accordionItems.length;e++)if(this.accordionItems[e].hasAttribute(`expanded`)===!0)return this.accordionItems[e];return null}resetItems(){this.accordionItems.forEach(e=>{e.expanded=!1})}getItemIds(){return this.accordionItems.map(e=>e.getAttribute(`id`))}isSingleExpandMode(){return this.expandmode!==c.multi}adjust(e,t){this.focusItem(a.r(0,this.accordionItems.length-1,this.accordionItems.indexOf(e)+t))}focusItem(e){let t=this.accordionItems[e];t instanceof o.r&&t.expandbutton.focus()}closeAll(){this.expandmode===c.multi&&this.accordionItems.forEach(e=>{e.expanded=!1})}};n.t([e.l({attribute:`expand-mode`})],l.prototype,`expandmode`,void 0),n.t([e.T],l.prototype,`accordionItems`,void 0);var u=e.d`
1
+ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/key-codes.cjs`),a=require(`../bundled/numbers.cjs`),o=require(`../bundled/definition24.cjs`);var s=`.base{box-sizing:border-box;flex-direction:column;display:flex}::slotted(:not(:only-of-type)){border-bottom:1px solid var(--vvd-color-neutral-200)}`,c={single:`single`,multi:`multi`},l=class extends e.t{constructor(...e){super(...e),this.expandmode=c.single,this.activeItemIndex=0,this.change=()=>{this.$emit(`change`,this.activeid)},this.setItems=()=>{this.accordionItems.length!==0&&(this.accordionIds=this.getItemIds(),this.activeid=this.accordionIds[this.activeItemIndex],this.accordionItems.forEach((e,t)=>{e instanceof o.r&&(e.addEventListener(`change`,this.activeItemChange),this.isSingleExpandMode()&&(this.findExpandedItem()===null&&t===0||e===this.findExpandedItem()?e.expanded=!0:e.expanded=!1));let n=this.accordionIds[t];e.setAttribute(`id`,typeof n==`string`?n:`accordion-${t+1}`),e.addEventListener(`keydown`,this.handleItemKeyDown)}),this.isSingleExpandMode()&&(this.findExpandedItem()??this.accordionItems[0]).setAttribute(`aria-disabled`,`true`))},this.removeItemListeners=e=>{e.forEach(e=>{e.removeEventListener(`change`,this.activeItemChange),e.removeEventListener(`keydown`,this.handleItemKeyDown)})},this.activeItemChange=e=>{if(e.defaultPrevented||e.target!==e.currentTarget)return;e.preventDefault();let t=e.target;this.activeid=t.getAttribute(`id`),this.isSingleExpandMode()&&(this.resetItems(),t.expanded=!0,t.setAttribute(`aria-disabled`,`true`),this.accordionItems.forEach(e=>{!e.hasAttribute(`disabled`)&&e.id!==this.activeid&&e.removeAttribute(`aria-disabled`)})),this.activeItemIndex=Array.from(this.accordionItems).indexOf(t),this.change()},this.handleItemKeyDown=e=>{if(e.target===e.currentTarget)switch(this.accordionIds=this.getItemIds(),e.key){case i.i:e.preventDefault(),this.adjust(e.target,-1);break;case i.t:e.preventDefault(),this.adjust(e.target,1);break;case i.s:this.focusItem(0);break;case`End`:this.focusItem(this.accordionItems.length-1);break}}}accordionItemsChanged(e){this.$fastController.isConnected&&(this.removeItemListeners(e),this.setItems())}findExpandedItem(){for(let e=0;e<this.accordionItems.length;e++)if(this.accordionItems[e].hasAttribute(`expanded`)===!0)return this.accordionItems[e];return null}resetItems(){this.accordionItems.forEach(e=>{e.expanded=!1})}getItemIds(){return this.accordionItems.map(e=>e.getAttribute(`id`))}isSingleExpandMode(){return this.expandmode!==c.multi}adjust(e,t){this.focusItem(a.r(0,this.accordionItems.length-1,this.accordionItems.indexOf(e)+t))}focusItem(e){let t=this.accordionItems[e];t instanceof o.r&&t.expandbutton.focus()}closeAll(){this.expandmode===c.multi&&this.accordionItems.forEach(e=>{e.expanded=!1})}};n.t([e.l({attribute:`expand-mode`})],l.prototype,`expandmode`,void 0),n.t([e.T],l.prototype,`accordionItems`,void 0);var u=e.d`
2
2
  <div class="${e=>r.t(`base`)}">
3
3
  <slot ${t.t({property:`accordionItems`,filter:t.r()})}></slot>
4
4
  </div>
@@ -1,11 +1,11 @@
1
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";
2
2
  import { r as o, t as s } from "../bundled/slotted.js";
3
- import "../bundled/definition2.js";
3
+ import "../bundled/numberConverter.js";
4
4
  import { t as c } from "../bundled/decorate.js";
5
5
  import { t as l } from "../bundled/class-names.js";
6
6
  import { i as u, s as d, t as f } from "../bundled/key-codes.js";
7
7
  import { r as p } from "../bundled/numbers.js";
8
- import { r as m, t as h } from "../bundled/definition22.js";
8
+ import { r as m, t as h } from "../bundled/definition24.js";
9
9
  //#region src/lib/accordion/accordion.scss?inline
10
10
  var g = ".base{box-sizing:border-box;flex-direction:column;display:flex}::slotted(:not(:only-of-type)){border-bottom:1px solid var(--vvd-color-neutral-200)}", _ = {
11
11
  single: "single",
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition3.cjs");
4
- exports.VwcAccordionItemElement = require_definition$1.AccordionItem;
5
- exports.accordionItemDefinition = require_definition$1.accordionItemDefinition;
6
- exports.registerAccordionItem = require_definition$1.registerAccordionItem;
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition3.cjs");
4
+ exports.VwcAccordionItemElement = require_definition.AccordionItem;
5
+ exports.accordionItemDefinition = require_definition.accordionItemDefinition;
6
+ exports.registerAccordionItem = require_definition.registerAccordionItem;
@@ -1,3 +1,3 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { n as registerAccordionItem, r as AccordionItem, t as accordionItemDefinition } from "../unbundled/definition3.js";
3
3
  export { AccordionItem as VwcAccordionItemElement, accordionItemDefinition, registerAccordionItem };
@@ -1 +1 @@
1
- require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition22.cjs`).n();
1
+ require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition24.cjs`).n();
@@ -1,6 +1,6 @@
1
1
  import "../bundled/vivid-element.js";
2
- import "../bundled/definition2.js";
3
- import { n as e } from "../bundled/definition22.js";
2
+ import "../bundled/numberConverter.js";
3
+ import { n as e } from "../bundled/definition24.js";
4
4
  //#region src/lib/accordion-item/index.ts
5
5
  e();
6
6
  //#endregion
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition9.cjs");
4
- exports.VwcAlertElement = require_definition$1.Alert;
5
- exports.alertDefinition = require_definition$1.alertDefinition;
6
- exports.registerAlert = require_definition$1.registerAlert;
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition9.cjs");
4
+ exports.VwcAlertElement = require_definition.Alert;
5
+ exports.alertDefinition = require_definition.alertDefinition;
6
+ exports.registerAlert = require_definition.registerAlert;
@@ -1,3 +1,3 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { n as registerAlert, r as Alert, t as alertDefinition } from "../unbundled/definition9.js";
3
3
  export { Alert as VwcAlertElement, alertDefinition, registerAlert };
package/alert/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/enums.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition7.cjs`),d=require(`../bundled/dialog.cjs`);var f=`.control{z-index:10;inline-size:max-content;max-inline-size:var(--alert-max-inline-size,fit-content);min-inline-size:var(--alert-min-inline-size,420px);border-radius:8px;margin-block:16px;margin-inline:auto;transition:opacity .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1);position:fixed;inset-block-end:0;inset-inline:0}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;margin-inline:16px;inset-inline-end:auto}.control.placement-top-end,.control.placement-bottom-end{margin-inline:16px;inset-inline-start:auto}.control:where(.strategy-static){inline-size:auto;margin:0;position:static}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width<=768px){.control{min-inline-size:var(--alert-min-inline-size,auto)}}.base.connotation-success{--_connotation-color-primary:var(--vvd-alert-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-alert-success-primary-text,var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary:var(--vvd-alert-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-alert-information-primary-text,var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-alert-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-alert-alert-primary-text,var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-alert-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-alert-warning-primary-text,var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-alert-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-alert-announcement-primary-text,var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary:var(--vvd-alert-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-alert-accent-primary-text,var(--vvd-color-canvas))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:center;column-gap:16px;padding:16px;display:flex}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block:0 4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{content:"";margin-top:8px;display:block}.base slot[name=icon]{color:var(--_appearance-color-fill);flex-shrink:0;font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:16px}`,p={[i.n.Accent]:`megaphone-line`,[i.n.Information]:`info-line`,[i.n.Success]:`check-circle-line`,[i.n.Warning]:`warning-line`,[i.n.Announcement]:`sparkles-line`,[i.n.Alert]:`error-line`},m=class extends s.t(e.t(t.t)){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1,this.placement=`bottom`,this.timeoutms=0,this.open=!1}#e;openChanged(e,t){if(e!==void 0)if(this.$emit(t?`open`:`close`),this.#t(),t){this.style.display=`contents`;let e=this.shadowRoot.querySelector(`.dismiss-button`);this.removable&&e&&e.focus()}else this.style.display=`none`}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#n),this._controlEl.addEventListener(`transitionend`,this.#r),this.#t()}disconnectedCallback(){super.disconnectedCallback(),this.#e&&clearTimeout(this.#e),this.removeEventListener(`keydown`,this.#n),this._controlEl.removeEventListener(`transitionend`,this.#r)}get conditionedIcon(){return this.icon||this.connotation&&p[this.connotation]}#t(){this.#e&&clearTimeout(this.#e),this.open&&this.timeoutms>0&&(this.#e=setTimeout(()=>this.open=!1,this.timeoutms))}#n=e=>{this.open&&this.removable&&d.t(e)&&(this.open=!1)};#r=()=>{this.open?this.style.display=`contents`:this.style.display=`none`}};o.t([t.l({attribute:`dismiss-button-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),o.t([t.l({mode:`boolean`})],m.prototype,`removable`,void 0),o.t([t.l({mode:`fromView`})],m.prototype,`placement`,void 0),o.t([t.l],m.prototype,`headline`,void 0),o.t([t.l],m.prototype,`text`,void 0),o.t([t.l({mode:`fromView`,converter:t.u})],m.prototype,`timeoutms`,void 0),o.t([t.l],m.prototype,`connotation`,void 0),o.t([t.l],m.prototype,`strategy`,void 0),o.t([t.l({mode:`boolean`})],m.prototype,`open`,void 0);var h=({connotation:e})=>c.t(`base`,[`connotation-${e}`,!!e]),g=({open:e,placement:t,strategy:n})=>c.t(`control`,[`open`,e],[`placement-${t}`,!!t],[`strategy-${n}`,!!n]);function _(e,t){let n=s.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!0}:void 0;return n(r,s.i.Slot,s.r.Hidden,i)}function v(e){return t.d`
1
+ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/enums.cjs`);require(`../bundled/numberConverter.cjs`);const a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition7.cjs`),d=require(`../bundled/dialog.cjs`);var f=`.control{z-index:10;inline-size:max-content;max-inline-size:var(--alert-max-inline-size,fit-content);min-inline-size:var(--alert-min-inline-size,420px);border-radius:8px;margin-block:16px;margin-inline:auto;transition:opacity .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1);position:fixed;inset-block-end:0;inset-inline:0}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;margin-inline:16px;inset-inline-end:auto}.control.placement-top-end,.control.placement-bottom-end{margin-inline:16px;inset-inline-start:auto}.control:where(.strategy-static){inline-size:auto;margin:0;position:static}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width<=768px){.control{min-inline-size:var(--alert-min-inline-size,auto)}}.base.connotation-success{--_connotation-color-primary:var(--vvd-alert-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-alert-success-primary-text,var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary:var(--vvd-alert-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-alert-information-primary-text,var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-alert-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-alert-alert-primary-text,var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-alert-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-alert-warning-primary-text,var(--vvd-color-canvas-text))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-alert-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-alert-announcement-primary-text,var(--vvd-color-canvas))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-primary:var(--vvd-alert-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-alert-accent-primary-text,var(--vvd-color-canvas))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:center;column-gap:16px;padding:16px;display:flex}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block:0 4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base .alert-text .headline+::slotted([slot=main i]:first-child):before,.base .alert-text .main-text+::slotted([slot=main i]:first-child):before{content:"";margin-top:8px;display:block}.base slot[name=icon]{color:var(--_appearance-color-fill);flex-shrink:0;font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:16px}`,p={[i.n.Accent]:`megaphone-line`,[i.n.Information]:`info-line`,[i.n.Success]:`check-circle-line`,[i.n.Warning]:`warning-line`,[i.n.Announcement]:`sparkles-line`,[i.n.Alert]:`error-line`},m=class extends s.t(e.t(t.t)){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1,this.placement=`bottom`,this.timeoutms=0,this.open=!1}#e;openChanged(e,t){if(e!==void 0)if(this.$emit(t?`open`:`close`),this.#t(),t){this.style.display=`contents`;let e=this.shadowRoot.querySelector(`.dismiss-button`);this.removable&&e&&e.focus()}else this.style.display=`none`}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#n),this._controlEl.addEventListener(`transitionend`,this.#r),this.#t()}disconnectedCallback(){super.disconnectedCallback(),this.#e&&clearTimeout(this.#e),this.removeEventListener(`keydown`,this.#n),this._controlEl.removeEventListener(`transitionend`,this.#r)}get conditionedIcon(){return this.icon||this.connotation&&p[this.connotation]}#t(){this.#e&&clearTimeout(this.#e),this.open&&this.timeoutms>0&&(this.#e=setTimeout(()=>this.open=!1,this.timeoutms))}#n=e=>{this.open&&this.removable&&d.t(e)&&(this.open=!1)};#r=()=>{this.open?this.style.display=`contents`:this.style.display=`none`}};a.t([t.l({attribute:`dismiss-button-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.l({mode:`boolean`})],m.prototype,`removable`,void 0),a.t([t.l({mode:`fromView`})],m.prototype,`placement`,void 0),a.t([t.l],m.prototype,`headline`,void 0),a.t([t.l],m.prototype,`text`,void 0),a.t([t.l({mode:`fromView`,converter:t.u})],m.prototype,`timeoutms`,void 0),a.t([t.l],m.prototype,`connotation`,void 0),a.t([t.l],m.prototype,`strategy`,void 0),a.t([t.l({mode:`boolean`})],m.prototype,`open`,void 0);var h=({connotation:e})=>c.t(`base`,[`connotation-${e}`,!!e]),g=({open:e,placement:t,strategy:n})=>c.t(`control`,[`open`,e],[`placement-${t}`,!!t],[`strategy-${n}`,!!n]);function _(e,t){let n=s.a(e),r=t.conditionedIcon,i=!t.icon&&t.connotation?{label:t.locale.connotationAnnoncement[`${t.connotation}Icon`],announceOnUpdate:!0}:void 0;return n(r,s.i.Slot,s.r.Hidden,i)}function v(e){return t.d`
2
2
  <${e}
3
3
  aria-label="${e=>e.dismissButtonAriaLabel||e.locale.alert.dismissButtonLabel}"
4
4
  size="condensed"
@@ -27,4 +27,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
27
27
  </div>
28
28
  </div>
29
29
  </${i}>
30
- `},[a.t,l.t,u.t],{styles:f});t.s(y)();
30
+ `},[o.t,l.t,u.t],{styles:f});t.s(y)();
package/alert/index.js CHANGED
@@ -3,8 +3,9 @@ import { d as t, l as n, o as r, s as i, t as a, u as o } from "../bundled/vivid
3
3
  import { t as s } from "../bundled/ref.js";
4
4
  import { t as c } from "../bundled/when.js";
5
5
  import { n as l } from "../bundled/enums.js";
6
- import { t as u } from "../bundled/definition2.js";
7
- import { t as d } from "../bundled/decorate.js";
6
+ import "../bundled/numberConverter.js";
7
+ import { t as u } from "../bundled/decorate.js";
8
+ import { t as d } from "../bundled/definition2.js";
8
9
  import { a as f, i as p, r as m, t as h } from "../bundled/affix.js";
9
10
  import { t as g } from "../bundled/class-names.js";
10
11
  import { i as _, t as v } from "../bundled/definition6.js";
@@ -49,10 +50,10 @@ var S = ".control{z-index:10;inline-size:max-content;max-inline-size:var(--alert
49
50
  this.open ? this.style.display = "contents" : this.style.display = "none";
50
51
  };
51
52
  };
52
- d([n({ attribute: "dismiss-button-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), d([n({ mode: "boolean" })], w.prototype, "removable", void 0), d([n({ mode: "fromView" })], w.prototype, "placement", void 0), d([n], w.prototype, "headline", void 0), d([n], w.prototype, "text", void 0), d([n({
53
+ u([n({ attribute: "dismiss-button-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), u([n({ mode: "boolean" })], w.prototype, "removable", void 0), u([n({ mode: "fromView" })], w.prototype, "placement", void 0), u([n], w.prototype, "headline", void 0), u([n], w.prototype, "text", void 0), u([n({
53
54
  mode: "fromView",
54
55
  converter: o
55
- })], w.prototype, "timeoutms", void 0), d([n], w.prototype, "connotation", void 0), d([n], w.prototype, "strategy", void 0), d([n({ mode: "boolean" })], w.prototype, "open", void 0);
56
+ })], w.prototype, "timeoutms", void 0), u([n], w.prototype, "connotation", void 0), u([n], w.prototype, "strategy", void 0), u([n({ mode: "boolean" })], w.prototype, "open", void 0);
56
57
  //#endregion
57
58
  //#region src/lib/alert/alert.template.ts
58
59
  var T = ({ connotation: e }) => g("base", [`connotation-${e}`, !!e]), E = ({ open: e, placement: t, strategy: n }) => g("control", ["open", e], [`placement-${t}`, !!t], [`strategy-${n}`, !!n]);
@@ -101,7 +102,7 @@ i(r("alert", w, (e) => {
101
102
  </${n}>
102
103
  `;
103
104
  }, [
104
- u,
105
+ d,
105
106
  v,
106
107
  b
107
108
  ], { styles: S }))();
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition14.cjs");
4
- exports.VwcAudioPlayerElement = require_definition$1.AudioPlayer;
5
- exports.audioPlayerDefinition = require_definition$1.audioPlayerDefinition;
6
- exports.registerAudioPlayer = require_definition$1.registerAudioPlayer;
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition14.cjs");
4
+ exports.VwcAudioPlayerElement = require_definition.AudioPlayer;
5
+ exports.audioPlayerDefinition = require_definition.audioPlayerDefinition;
6
+ exports.registerAudioPlayer = require_definition.registerAudioPlayer;
@@ -1,3 +1,3 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { n as registerAudioPlayer, r as AudioPlayer, t as audioPlayerDefinition } from "../unbundled/definition14.js";
3
3
  export { AudioPlayer as VwcAudioPlayerElement, audioPlayerDefinition, registerAudioPlayer };
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/enums.cjs`);require(`../bundled/definition2.cjs`);const a=require(`../bundled/decorate.cjs`),o=require(`../bundled/playbackRates.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition3.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition20.cjs`),d=require(`../bundled/definition21.cjs`);var f=`:host{display:block}.wrapper{container-type:inline-size}.base{box-sizing:border-box;color:var(--vvd-color-canvas-text);user-select:none;align-items:center;gap:8px;inline-size:100%;padding:8px;display:inline-flex}.base.disabled{color:var(--vvd-color-neutral-300)}.base .slider{flex:1;grid-area:slider}.base .controls{grid-area:controls;justify-content:center;align-items:center;gap:8px;display:flex}.base .time-stamp{display:inline-flex}.base .time-stamp .current-time,.base .time-stamp .total-time{min-inline-size:32px;margin-inline:6px}.base .playback-button{grid-area:playback}@container (width<=500px){.base.two-lines{grid-template:"slider""controls"/1fr;row-gap:4px;inline-size:100%;display:inline-grid}.base.two-lines .time-stamp{margin-inline:auto 2px}.base.two-lines.playback{grid-template-columns:1fr auto;grid-template-areas:"slider slider""controls playback"}.base.two-lines.playback .time-stamp{margin-inline:auto}.base .slider{box-sizing:border-box;min-inline-size:auto;padding-inline:2px}}`,p={FORWARD:1,BACKWARD:-1};function m(e){if(!e||Number.isNaN(e))return`0:00`;let t=Math.floor(e/60),n=Math.floor(e%60);return t+`:`+(n<10?`0`+n:n)}var h=!0,g=!1,_={toView(e){return e},fromView(e){return Object.values(i.r).includes(e)?e:void 0}},v=class extends e.t(t.t){srcChanged(){this.src===void 0?this.setSrc(``):this.setSrc(this.src)}revokeSrc(){let e=this.getCurrentSrc();e&&e.startsWith(`blob:`)&&URL.revokeObjectURL(e)}getCurrentSrc(){return this.#i.currentSrc||this.#i.src||``}canPlayType(e){return this.#i.canPlayType(e)!==``}setSrc(e,t){let n=this.getCurrentSrc();this.revokeSrc(),this.#e=void 0,this.#t&&=(this.#t.abort(),void 0);let r=t&&(this.canPlayType(t.type)||!e)?URL.createObjectURL(t):e;if(n&&this.#i.removeAttribute(`src`),r||e)try{this.#i.src=r}catch(t){console.log(`Falling back to original URL due to error:`,t),this.#i.src=e}}get playbackRate(){return t.w.track(this,`playbackRate`),this.#i.playbackRate}set playbackRate(e){this.#i.playbackRate=e,t.w.notify(this,`playbackRate`)}get paused(){return t.w.track(this,`paused`),this.#i.paused}set paused(e){}#e;#t;async#n(){if(this.#e||!this.src)return;this.#t=new AbortController;let e=this.#t.signal;try{let n=await(await fetch(this.src,{signal:e})).blob();this.setSrc(this.src,n);let r=await n.arrayBuffer(),i=new window.AudioContext,a=await i.decodeAudioData(r);i.close(),this.#e=a,t.w.notify(this,`duration`)}catch(e){e instanceof Error&&e.name!==`AbortError`&&console.error(`Error loading audio:`,e)}finally{this.#t=void 0}}get duration(){t.w.track(this,`duration`);let e=this.#i.duration;return Number.isFinite(e)&&e>0?e:this.#e&&this.#e.duration>0?this.#e.duration:e}set duration(e){}get currentTime(){return t.w.track(this,`currentTime`),this.#i.currentTime}set currentTime(e){this.#i.currentTime=e}get#r(){return this.shadowRoot.querySelector(`.slider`)}#i=new Audio;#a=!1;constructor(){super(),this.playButtonAriaLabel=null,this.pauseButtonAriaLabel=null,this.sliderAriaLabel=null,this.skipForwardButtonAriaLabel=null,this.skipBackwardButtonAriaLabel=null,this.disabled=!1,this.notime=!1,this.playbackRates=null,this.durationFallback=!1}connectedCallback(){super.connectedCallback(),this.#i.addEventListener(`timeupdate`,this.#u),this.#i.addEventListener(`loadedmetadata`,this.#d),this.#i.addEventListener(`durationchange`,this.#d),this.#i.addEventListener(`play`,this.#o),this.#i.addEventListener(`pause`,this.#s),this.#c(),this.#m(),this.#u()}disconnectedCallback(){super.disconnectedCallback(),this.#c(!1),this.pause(),this.#i.removeEventListener(`timeupdate`,this.#u),this.#i.removeEventListener(`loadedmetadata`,this.#d),this.#i.removeEventListener(`durationchange`,this.#d),this.#i.removeEventListener(`play`,this.#o),this.#i.removeEventListener(`pause`,this.#s)}play(){this.#l(g)}pause(){this.#l(h)}#o=()=>{this.#r?.isDragging||this.$emit(`play`,void 0,{bubbles:!1})};#s=()=>{this.#r?.isDragging||this.$emit(`pause`,void 0,{bubbles:!1})};#c(e=!0){let t=e?`addEventListener`:`removeEventListener`;this.#r&&this.#r[t](`change`,this.#p)}#l=e=>{if(e===this.paused){this.#m();return}this.paused?(this.#u(),this.#i.play()):this.#i.pause(),this.#m()};#u=()=>{t.w.notify(this,`currentTime`);let e=this.duration,n=this.currentTime,r=Number.isFinite(e)&&e>0&&Number.isFinite(n)&&n>=0,i=r?n/e*100:0;this.#r&&(this.#a=!0,this.#r.value=i.toString(),this.#a=!1),r&&i===100&&this.pause()};#d=()=>{t.w.notify(this,`duration`),(!Number.isFinite(this.#i.duration)||this.#i.duration<=0)&&this.durationFallback&&this.#n()};#f;#p=()=>{!this.paused&&this.#r.isDragging&&(this.pause(),this.#f=window.setInterval(()=>{(!this.#r.isDragging||!this.isConnected)&&(clearInterval(this.#f),this.isConnected&&this.play())},0)),!this.#a&&this.#i&&(this.currentTime=this.duration*Number(this.#r.value)/100)};#m=()=>{t.w.notify(this,`paused`)};skip(e){let t=this.currentTime+parseInt(this.skipBy)*e;this.currentTime=Math.max(0,Math.min(this.duration,t))}};a.t([t.l({attribute:`play-button-aria-label`})],v.prototype,`playButtonAriaLabel`,void 0),a.t([t.l({attribute:`pause-button-aria-label`})],v.prototype,`pauseButtonAriaLabel`,void 0),a.t([t.l({attribute:`slider-aria-label`})],v.prototype,`sliderAriaLabel`,void 0),a.t([t.l({attribute:`skip-forward-aria-label`})],v.prototype,`skipForwardButtonAriaLabel`,void 0),a.t([t.l({attribute:`skip-backward-aria-label`})],v.prototype,`skipBackwardButtonAriaLabel`,void 0),a.t([t.l],v.prototype,`connotation`,void 0),a.t([t.l],v.prototype,`src`,void 0),a.t([t.l({mode:`boolean`})],v.prototype,`disabled`,void 0),a.t([t.l({mode:`boolean`})],v.prototype,`notime`,void 0),a.t([t.l({attribute:`skip-by`,converter:_})],v.prototype,`skipBy`,void 0),a.t([t.l({attribute:`playback-rates`})],v.prototype,`playbackRates`,void 0),a.t([t.l({mode:`boolean`,attribute:`duration-fallback`})],v.prototype,`durationFallback`,void 0);var y=({notime:e,disabled:t,duration:n,skipBy:r,playbackRates:i})=>s.t([`disabled`,!!t||!n],[`two-lines`,!e&&(!!Number(r)||!!i)],[`playback`,!!i]),b=(e,{parent:t})=>e===t.playbackRate;function x(e){let n=e.tagFor(l.i);return t.d`<${n} class="pause" @click="${e=>e.paused?e.play():e.pause()}"
1
+ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/enums.cjs`);require(`../bundled/numberConverter.cjs`);const a=require(`../bundled/decorate.cjs`),o=require(`../bundled/playbackRates.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/definition3.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition20.cjs`),d=require(`../bundled/definition21.cjs`);var f=`:host{display:block}.wrapper{container-type:inline-size}.base{box-sizing:border-box;color:var(--vvd-color-canvas-text);user-select:none;align-items:center;gap:8px;inline-size:100%;padding:8px;display:inline-flex}.base.disabled{color:var(--vvd-color-neutral-300)}.base .slider{flex:1;grid-area:slider}.base .controls{grid-area:controls;justify-content:center;align-items:center;gap:8px;display:flex}.base .time-stamp{display:inline-flex}.base .time-stamp .current-time,.base .time-stamp .total-time{min-inline-size:32px;margin-inline:6px}.base .playback-button{grid-area:playback}@container (width<=500px){.base.two-lines{grid-template:"slider""controls"/1fr;row-gap:4px;inline-size:100%;display:inline-grid}.base.two-lines .time-stamp{margin-inline:auto 2px}.base.two-lines.playback{grid-template-columns:1fr auto;grid-template-areas:"slider slider""controls playback"}.base.two-lines.playback .time-stamp{margin-inline:auto}.base .slider{box-sizing:border-box;min-inline-size:auto;padding-inline:2px}}`,p={FORWARD:1,BACKWARD:-1};function m(e){if(!e||Number.isNaN(e))return`0:00`;let t=Math.floor(e/60),n=Math.floor(e%60);return t+`:`+(n<10?`0`+n:n)}var h=!0,g=!1,_={toView(e){return e},fromView(e){return Object.values(i.r).includes(e)?e:void 0}},v=class extends e.t(t.t){srcChanged(){this.src===void 0?this.setSrc(``):this.setSrc(this.src)}revokeSrc(){let e=this.getCurrentSrc();e&&e.startsWith(`blob:`)&&URL.revokeObjectURL(e)}getCurrentSrc(){return this.#i.currentSrc||this.#i.src||``}canPlayType(e){return this.#i.canPlayType(e)!==``}setSrc(e,t){let n=this.getCurrentSrc();this.revokeSrc(),this.#e=void 0,this.#t&&=(this.#t.abort(),void 0);let r=t&&(this.canPlayType(t.type)||!e)?URL.createObjectURL(t):e;if(n&&this.#i.removeAttribute(`src`),r||e)try{this.#i.src=r}catch(t){console.log(`Falling back to original URL due to error:`,t),this.#i.src=e}}get playbackRate(){return t.w.track(this,`playbackRate`),this.#i.playbackRate}set playbackRate(e){this.#i.playbackRate=e,t.w.notify(this,`playbackRate`)}get paused(){return t.w.track(this,`paused`),this.#i.paused}set paused(e){}#e;#t;async#n(){if(this.#e||!this.src)return;this.#t=new AbortController;let e=this.#t.signal;try{let n=await(await fetch(this.src,{signal:e})).blob();this.setSrc(this.src,n);let r=await n.arrayBuffer(),i=new window.AudioContext,a=await i.decodeAudioData(r);i.close(),this.#e=a,t.w.notify(this,`duration`)}catch(e){e instanceof Error&&e.name!==`AbortError`&&console.error(`Error loading audio:`,e)}finally{this.#t=void 0}}get duration(){t.w.track(this,`duration`);let e=this.#i.duration;return Number.isFinite(e)&&e>0?e:this.#e&&this.#e.duration>0?this.#e.duration:e}set duration(e){}get currentTime(){return t.w.track(this,`currentTime`),this.#i.currentTime}set currentTime(e){this.#i.currentTime=e}get#r(){return this.shadowRoot.querySelector(`.slider`)}#i=new Audio;#a=!1;constructor(){super(),this.playButtonAriaLabel=null,this.pauseButtonAriaLabel=null,this.sliderAriaLabel=null,this.skipForwardButtonAriaLabel=null,this.skipBackwardButtonAriaLabel=null,this.disabled=!1,this.notime=!1,this.playbackRates=null,this.durationFallback=!1}connectedCallback(){super.connectedCallback(),this.#i.addEventListener(`timeupdate`,this.#u),this.#i.addEventListener(`loadedmetadata`,this.#d),this.#i.addEventListener(`durationchange`,this.#d),this.#i.addEventListener(`play`,this.#o),this.#i.addEventListener(`pause`,this.#s),this.#c(),this.#m(),this.#u()}disconnectedCallback(){super.disconnectedCallback(),this.#c(!1),this.pause(),this.#i.removeEventListener(`timeupdate`,this.#u),this.#i.removeEventListener(`loadedmetadata`,this.#d),this.#i.removeEventListener(`durationchange`,this.#d),this.#i.removeEventListener(`play`,this.#o),this.#i.removeEventListener(`pause`,this.#s)}play(){this.#l(g)}pause(){this.#l(h)}#o=()=>{this.#r?.isDragging||this.$emit(`play`,void 0,{bubbles:!1})};#s=()=>{this.#r?.isDragging||this.$emit(`pause`,void 0,{bubbles:!1})};#c(e=!0){let t=e?`addEventListener`:`removeEventListener`;this.#r&&this.#r[t](`change`,this.#p)}#l=e=>{if(e===this.paused){this.#m();return}this.paused?(this.#u(),this.#i.play()):this.#i.pause(),this.#m()};#u=()=>{t.w.notify(this,`currentTime`);let e=this.duration,n=this.currentTime,r=Number.isFinite(e)&&e>0&&Number.isFinite(n)&&n>=0,i=r?n/e*100:0;this.#r&&(this.#a=!0,this.#r.value=i.toString(),this.#a=!1),r&&i===100&&this.pause()};#d=()=>{t.w.notify(this,`duration`),(!Number.isFinite(this.#i.duration)||this.#i.duration<=0)&&this.durationFallback&&this.#n()};#f;#p=()=>{!this.paused&&this.#r.isDragging&&(this.pause(),this.#f=window.setInterval(()=>{(!this.#r.isDragging||!this.isConnected)&&(clearInterval(this.#f),this.isConnected&&this.play())},0)),!this.#a&&this.#i&&(this.currentTime=this.duration*Number(this.#r.value)/100)};#m=()=>{t.w.notify(this,`paused`)};skip(e){let t=this.currentTime+parseInt(this.skipBy)*e;this.currentTime=Math.max(0,Math.min(this.duration,t))}};a.t([t.l({attribute:`play-button-aria-label`})],v.prototype,`playButtonAriaLabel`,void 0),a.t([t.l({attribute:`pause-button-aria-label`})],v.prototype,`pauseButtonAriaLabel`,void 0),a.t([t.l({attribute:`slider-aria-label`})],v.prototype,`sliderAriaLabel`,void 0),a.t([t.l({attribute:`skip-forward-aria-label`})],v.prototype,`skipForwardButtonAriaLabel`,void 0),a.t([t.l({attribute:`skip-backward-aria-label`})],v.prototype,`skipBackwardButtonAriaLabel`,void 0),a.t([t.l],v.prototype,`connotation`,void 0),a.t([t.l],v.prototype,`src`,void 0),a.t([t.l({mode:`boolean`})],v.prototype,`disabled`,void 0),a.t([t.l({mode:`boolean`})],v.prototype,`notime`,void 0),a.t([t.l({attribute:`skip-by`,converter:_})],v.prototype,`skipBy`,void 0),a.t([t.l({attribute:`playback-rates`})],v.prototype,`playbackRates`,void 0),a.t([t.l({mode:`boolean`,attribute:`duration-fallback`})],v.prototype,`durationFallback`,void 0);var y=({notime:e,disabled:t,duration:n,skipBy:r,playbackRates:i})=>s.t([`disabled`,!!t||!n],[`two-lines`,!e&&(!!Number(r)||!!i)],[`playback`,!!i]),b=(e,{parent:t})=>e===t.playbackRate;function x(e){let n=e.tagFor(l.i);return t.d`<${n} class="pause" @click="${e=>e.paused?e.play():e.pause()}"
2
2
  icon="${e=>e.paused?`play-solid`:`pause-solid`}"
3
3
  aria-label="${e=>e.paused?e.playButtonAriaLabel||e.locale.audioPlayer.playButtonLabel:e.pauseButtonAriaLabel||e.locale.audioPlayer.pauseButtonLabel}"
4
4
  size='condensed'
@@ -3,7 +3,7 @@ import { d as t, l as n, o as r, s as i, t as a, w as o } from "../bundled/vivid
3
3
  import { n as s } from "../bundled/repeat.js";
4
4
  import { t as c } from "../bundled/when.js";
5
5
  import { r as l } from "../bundled/enums.js";
6
- import "../bundled/definition2.js";
6
+ import "../bundled/numberConverter.js";
7
7
  import { t as u } from "../bundled/decorate.js";
8
8
  import { t as d } from "../bundled/playbackRates.js";
9
9
  import { t as f } from "../bundled/class-names.js";
@@ -141,6 +141,7 @@ var w = !0, T = !1, E = {
141
141
  #f;
142
142
  #p = () => {
143
143
  !this.paused && this.#r.isDragging && (this.pause(), this.#f = window.setInterval(() => {
144
+ /* v8 ignore else -- @preserve */
144
145
  (!this.#r.isDragging || !this.isConnected) && (clearInterval(this.#f), this.isConnected && this.play());
145
146
  }, 0)), !this.#a && this.#i && (this.currentTime = this.duration * Number(this.#r.value) / 100);
146
147
  };
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition15.cjs");
4
- exports.VwcAvatarElement = require_definition$1.Avatar;
5
- exports.avatarDefinition = require_definition$1.avatarDefinition;
6
- exports.registerAvatar = require_definition$1.registerAvatar;
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition15.cjs");
4
+ exports.VwcAvatarElement = require_definition.Avatar;
5
+ exports.avatarDefinition = require_definition.avatarDefinition;
6
+ exports.registerAvatar = require_definition.registerAvatar;
@@ -1,3 +1,3 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { n as registerAvatar, r as Avatar, t as avatarDefinition } from "../unbundled/definition15.js";
3
3
  export { Avatar as VwcAvatarElement, avatarDefinition, registerAvatar };
package/avatar/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/delegates-aria.cjs`),a=require(`../bundled/linkable.cjs`),o=require(`../bundled/class-names.cjs`);var s=`:host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-avatar-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-avatar-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-avatar-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-avatar-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-pale:var(--vvd-avatar-cta-pale,var(--vvd-color-cta-300));--_connotation-color-soft:var(--vvd-avatar-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-avatar-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-avatar-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-avatar-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-avatar-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--vvd-avatar-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-pale:var(--vvd-avatar-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-soft:var(--vvd-avatar-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-avatar-accent-contrast,var(--vvd-color-neutral-800))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}`,c=class extends a.t(e.t){constructor(...e){super(...e),this.clickable=!1}};r.t([e.l],c.prototype,`connotation`,void 0),r.t([e.l],c.prototype,`shape`,void 0),r.t([e.l],c.prototype,`appearance`,void 0),r.t([e.l],c.prototype,`size`,void 0),r.t([e.l],c.prototype,`icon`,void 0),r.t([e.l],c.prototype,`initials`,void 0),r.t([e.l({mode:`boolean`,attribute:`clickable`})],c.prototype,`clickable`,void 0);var l=({appearance:e,connotation:t,shape:n,size:r})=>o.t(`base`,[`connotation-${t}`,!!t],[`appearance-${e}`,!!e],[`shape-${n}`,!!n],[`size-${r}`,!!r]);function u(t){return e.d`
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/linkable.cjs`),o=require(`../bundled/class-names.cjs`);var s=`:host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-avatar-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-avatar-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-avatar-cta-firm-all,var(--vvd-color-cta-600));--_connotation-color-fierce:var(--vvd-avatar-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-pale:var(--vvd-avatar-cta-pale,var(--vvd-color-cta-300));--_connotation-color-soft:var(--vvd-avatar-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-avatar-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-primary:var(--vvd-avatar-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-avatar-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-firm:var(--vvd-avatar-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-avatar-accent-firm-all,var(--vvd-color-neutral-600));--_connotation-color-fierce:var(--vvd-avatar-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-pale:var(--vvd-avatar-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-soft:var(--vvd-avatar-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-avatar-accent-contrast,var(--vvd-color-neutral-800))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-outlined{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base{border-radius:var(--_avatar-border-radius);background-color:var(--_appearance-color-fill);block-size:var(--_size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);inline-size:var(--_size);vertical-align:middle;border:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.base.size-condensed{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.base.size-condensed .initials{font:var(--vvd-typography-base-condensed-bold)}.base.size-condensed .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);line-height:1}.base.size-expanded{--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8))}.base.size-expanded .initials{font:var(--vvd-typography-heading-4)}.base.size-expanded .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8)) / 2);line-height:1}.base:is(a,button){cursor:pointer;--focus-stroke-gap-color:transparent}.base:not(.shape-pill){--_avatar-border-radius:8px}.base:not(.shape-pill).size-condensed{--_avatar-border-radius:4px}.base:not(.size-condensed,.size-expanded){--_size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.base:not(.size-condensed,.size-expanded) .initials{font:var(--vvd-typography-base-extended-bold)}.base:not(.size-condensed,.size-expanded) .icon{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);line-height:1}.base:is(a,button):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))}.base.shape-pill{--_avatar-border-radius:50%}.base .initials{text-transform:uppercase}.base ::slotted([slot=graphic]){object-fit:cover;block-size:100%;inline-size:100%}`,c=class extends a.t(e.t){constructor(...e){super(...e),this.clickable=!1}};n.t([e.l],c.prototype,`connotation`,void 0),n.t([e.l],c.prototype,`shape`,void 0),n.t([e.l],c.prototype,`appearance`,void 0),n.t([e.l],c.prototype,`size`,void 0),n.t([e.l],c.prototype,`icon`,void 0),n.t([e.l],c.prototype,`initials`,void 0),n.t([e.l({mode:`boolean`,attribute:`clickable`})],c.prototype,`clickable`,void 0);var l=({appearance:e,connotation:t,shape:n,size:r})=>o.t(`base`,[`connotation-${t}`,!!t],[`appearance-${e}`,!!e],[`shape-${n}`,!!n],[`size-${r}`,!!r]);function u(t){return e.d`
2
2
  <${t} name="${e=>e.icon?`${e.icon}`:`user-line`}"></${t}>
3
3
  `}function d(){return e.d`
4
4
  <span class="initials">${({initials:e})=>e.substring(0,2)}</span>
@@ -8,11 +8,11 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`)
8
8
  ${i.n()}
9
9
  >
10
10
  ${n}
11
- </button>`:e.d`<span class="${l}">${n}</span>`}var p=e.o(`avatar`,c,r=>{let i=r.tagFor(n.r);return e.d`
11
+ </button>`:e.d`<span class="${l}">${n}</span>`}var p=e.o(`avatar`,c,n=>{let i=n.tagFor(r.r);return e.d`
12
12
  ${n=>f(n,e.d`<slot name="graphic">
13
13
  ${t.t(e=>e.initials,d())}
14
14
  ${t.t(e=>!e.initials,e.d`<span class="icon"
15
15
  ><slot name="icon">${u(i)}</slot></span
16
16
  >`)}</slot
17
17
  >`)}
18
- `},[n.t],{styles:s});e.s(p)();
18
+ `},[r.t],{styles:s});e.s(p)();
package/avatar/index.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
2
2
  import { t as a } from "../bundled/when.js";
3
- import { r as o, t as s } from "../bundled/definition2.js";
4
- import { t as c } from "../bundled/decorate.js";
3
+ import "../bundled/numberConverter.js";
4
+ import { t as o } from "../bundled/decorate.js";
5
+ import { r as s, t as c } from "../bundled/definition2.js";
5
6
  import { n as l } from "../bundled/delegates-aria.js";
6
7
  import { t as u } from "../bundled/linkable.js";
7
8
  import { t as d } from "../bundled/class-names.js";
@@ -11,7 +12,7 @@ var f = ":host{display:inline-block}.base.connotation-cta{--_connotation-color-p
11
12
  super(...e), this.clickable = !1;
12
13
  }
13
14
  };
14
- c([t], p.prototype, "connotation", void 0), c([t], p.prototype, "shape", void 0), c([t], p.prototype, "appearance", void 0), c([t], p.prototype, "size", void 0), c([t], p.prototype, "icon", void 0), c([t], p.prototype, "initials", void 0), c([t({
15
+ o([t], p.prototype, "connotation", void 0), o([t], p.prototype, "shape", void 0), o([t], p.prototype, "appearance", void 0), o([t], p.prototype, "size", void 0), o([t], p.prototype, "icon", void 0), o([t], p.prototype, "initials", void 0), o([t({
15
16
  mode: "boolean",
16
17
  attribute: "clickable"
17
18
  })], p.prototype, "clickable", void 0);
@@ -40,7 +41,7 @@ function _(t, n) {
40
41
  //#endregion
41
42
  //#region src/lib/avatar/index.ts
42
43
  r(n("avatar", p, (t) => {
43
- let n = t.tagFor(o);
44
+ let n = t.tagFor(s);
44
45
  return e`
45
46
  ${(t) => _(t, e`<slot name="graphic">
46
47
  ${a((e) => e.initials, g())}
@@ -49,5 +50,5 @@ r(n("avatar", p, (t) => {
49
50
  >`)}</slot
50
51
  >`)}
51
52
  `;
52
- }, [s], { styles: f }))();
53
+ }, [c], { styles: f }))();
53
54
  //#endregion
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition16.cjs");
4
- exports.VwcBadgeElement = require_definition$1.Badge;
5
- exports.badgeDefinition = require_definition$1.badgeDefinition;
6
- exports.registerBadge = require_definition$1.registerBadge;
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition16.cjs");
4
+ exports.VwcBadgeElement = require_definition.Badge;
5
+ exports.badgeDefinition = require_definition.badgeDefinition;
6
+ exports.registerBadge = require_definition.registerBadge;
@@ -1,3 +1,3 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { n as registerBadge, r as Badge, t as badgeDefinition } from "../unbundled/definition16.js";
3
3
  export { Badge as VwcBadgeElement, badgeDefinition, registerBadge };
package/badge/index.cjs CHANGED
@@ -1,4 +1 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/class-names.cjs`);var o=class extends i.n(e.t){};r.t([e.l],o.prototype,`connotation`,void 0),r.t([e.l],o.prototype,`shape`,void 0),r.t([e.l],o.prototype,`size`,void 0),r.t([e.l],o.prototype,`appearance`,void 0),r.t([e.l],o.prototype,`text`,void 0);var s=`:host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-badge-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-badge-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-cta-intermediate,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-badge-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-badge-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-pale:var(--vvd-badge-cta-pale,var(--vvd-color-cta-300));--_connotation-color-fierce:var(--vvd-badge-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-badge-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-badge-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-badge-cta-firm-all,var(--vvd-color-cta-600))}.base.connotation-success{--_connotation-color-primary:var(--vvd-badge-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-badge-success-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-success-intermediate,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-badge-success-soft,var(--vvd-color-success-100));--_connotation-color-contrast:var(--vvd-badge-success-contrast,var(--vvd-color-success-800));--_connotation-color-pale:var(--vvd-badge-success-pale,var(--vvd-color-success-300));--_connotation-color-fierce:var(--vvd-badge-success-fierce,var(--vvd-color-success-700));--_connotation-color-fierce-primary:var(--vvd-badge-success-fierce-primary,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-badge-success-firm,var(--vvd-color-success-600));--_connotation-color-firm-all:var(--vvd-badge-success-firm-all,var(--vvd-color-success-600))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-badge-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-badge-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-badge-alert-soft,var(--vvd-color-alert-100));--_connotation-color-contrast:var(--vvd-badge-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-pale:var(--vvd-badge-alert-pale,var(--vvd-color-alert-300));--_connotation-color-fierce:var(--vvd-badge-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-fierce-primary:var(--vvd-badge-alert-fierce-primary,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-badge-alert-firm,var(--vvd-color-alert-600));--_connotation-color-firm-all:var(--vvd-badge-alert-firm-all,var(--vvd-color-alert-600))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-badge-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-badge-warning-primary-text,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-badge-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-soft:var(--vvd-badge-warning-soft,var(--vvd-color-warning-100));--_connotation-color-contrast:var(--vvd-badge-warning-contrast,var(--vvd-color-warning-800));--_connotation-color-pale:var(--vvd-badge-warning-pale,var(--vvd-color-warning-300));--_connotation-color-fierce:var(--vvd-badge-warning-fierce,var(--vvd-color-warning-700));--_connotation-color-fierce-primary:var(--vvd-badge-warning-fierce-primary,var(--vvd-color-warning-300));--_connotation-color-firm:var(--vvd-badge-warning-firm,var(--vvd-color-warning-600));--_connotation-color-firm-all:var(--vvd-badge-warning-firm-all,var(--vvd-color-warning-600))}.base.connotation-information{--_connotation-color-primary:var(--vvd-badge-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-badge-information-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-information-intermediate,var(--vvd-color-information-500));--_connotation-color-soft:var(--vvd-badge-information-soft,var(--vvd-color-information-100));--_connotation-color-contrast:var(--vvd-badge-information-contrast,var(--vvd-color-information-800));--_connotation-color-pale:var(--vvd-badge-information-pale,var(--vvd-color-information-300));--_connotation-color-fierce:var(--vvd-badge-information-fierce,var(--vvd-color-information-700));--_connotation-color-fierce-primary:var(--vvd-badge-information-fierce-primary,var(--vvd-color-information-700));--_connotation-color-firm:var(--vvd-badge-information-firm,var(--vvd-color-information-600));--_connotation-color-firm-all:var(--vvd-badge-information-firm-all,var(--vvd-color-information-600))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-badge-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-badge-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-soft:var(--vvd-badge-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-contrast:var(--vvd-badge-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-pale:var(--vvd-badge-announcement-pale,var(--vvd-color-announcement-300));--_connotation-color-fierce:var(--vvd-badge-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-fierce-primary:var(--vvd-badge-announcement-fierce-primary,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-badge-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-firm-all:var(--vvd-badge-announcement-firm-all,var(--vvd-color-announcement-600))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary:var(--vvd-badge-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-badge-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-soft:var(--vvd-badge-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-badge-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-pale:var(--vvd-badge-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-fierce:var(--vvd-badge-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-badge-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-badge-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-badge-accent-firm-all,var(--vvd-color-neutral-600))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:var(--_badge-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold);vertical-align:middle;justify-content:center;align-items:center;column-gap:8px;inline-size:100%;padding-inline:8px;display:inline-flex}.base:not(.size-expanded){--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size-expanded{--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base:not(.icon-only){max-inline-size:100%}.base.icon-only{contain:size;place-content:center;padding-inline:0}@supports (aspect-ratio:1){.base.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.base.icon-only{inline-size:var(--_badge-block-size)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_badge-block-size) / 1.6667);flex-shrink:0;line-height:1}.icon-trailing slot[name=icon]{order:1;display:flex}`,c=({iconSlottedContent:e,connotation:t,appearance:n,shape:r,size:i,iconTrailing:o,text:s,icon:c})=>a.t(`base`,[`connotation-${t}`,!!t],[`appearance-${n}`,!!n],[`shape-${r}`,!!r],[`size-${i}`,!!i],[`icon-trailing`,o],[`icon-only`,!s&&(!!c||!!e?.length)]),l=e.o(`badge`,o,n=>{let r=i.a(n);return e.d` <span class="${c}">
2
- ${e=>r(e.icon,i.i.Slot)}
3
- ${t.t(e=>e.text,t=>e.d`<span class="text">${t.text}</span>`)}
4
- </span>`},[n.t],{styles:s});e.s(l)();
1
+ require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition22.cjs`).n();
package/badge/index.js CHANGED
@@ -1,22 +1,6 @@
1
- import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
2
- import { t as a } from "../bundled/when.js";
3
- import { t as o } from "../bundled/definition2.js";
4
- import { t as s } from "../bundled/decorate.js";
5
- import { a as c, i as l, n as u } from "../bundled/affix.js";
6
- import { t as d } from "../bundled/class-names.js";
7
- //#region src/lib/badge/badge.ts
8
- var f = class extends u(i) {};
9
- s([t], f.prototype, "connotation", void 0), s([t], f.prototype, "shape", void 0), s([t], f.prototype, "size", void 0), s([t], f.prototype, "appearance", void 0), s([t], f.prototype, "text", void 0);
10
- //#endregion
11
- //#region src/lib/badge/badge.scss?inline
12
- var p = ":host{display:inline-block}.base.connotation-cta{--_connotation-color-primary:var(--vvd-badge-cta-primary,var(--vvd-color-cta-500));--_connotation-color-primary-text:var(--vvd-badge-cta-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-cta-intermediate,var(--vvd-color-cta-500));--_connotation-color-soft:var(--vvd-badge-cta-soft,var(--vvd-color-cta-100));--_connotation-color-contrast:var(--vvd-badge-cta-contrast,var(--vvd-color-cta-800));--_connotation-color-pale:var(--vvd-badge-cta-pale,var(--vvd-color-cta-300));--_connotation-color-fierce:var(--vvd-badge-cta-fierce,var(--vvd-color-cta-700));--_connotation-color-fierce-primary:var(--vvd-badge-cta-fierce-primary,var(--vvd-color-cta-700));--_connotation-color-firm:var(--vvd-badge-cta-firm,var(--vvd-color-cta-600));--_connotation-color-firm-all:var(--vvd-badge-cta-firm-all,var(--vvd-color-cta-600))}.base.connotation-success{--_connotation-color-primary:var(--vvd-badge-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-badge-success-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-success-intermediate,var(--vvd-color-success-500));--_connotation-color-soft:var(--vvd-badge-success-soft,var(--vvd-color-success-100));--_connotation-color-contrast:var(--vvd-badge-success-contrast,var(--vvd-color-success-800));--_connotation-color-pale:var(--vvd-badge-success-pale,var(--vvd-color-success-300));--_connotation-color-fierce:var(--vvd-badge-success-fierce,var(--vvd-color-success-700));--_connotation-color-fierce-primary:var(--vvd-badge-success-fierce-primary,var(--vvd-color-success-700));--_connotation-color-firm:var(--vvd-badge-success-firm,var(--vvd-color-success-600));--_connotation-color-firm-all:var(--vvd-badge-success-firm-all,var(--vvd-color-success-600))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-badge-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-badge-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-soft:var(--vvd-badge-alert-soft,var(--vvd-color-alert-100));--_connotation-color-contrast:var(--vvd-badge-alert-contrast,var(--vvd-color-alert-800));--_connotation-color-pale:var(--vvd-badge-alert-pale,var(--vvd-color-alert-300));--_connotation-color-fierce:var(--vvd-badge-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-fierce-primary:var(--vvd-badge-alert-fierce-primary,var(--vvd-color-alert-700));--_connotation-color-firm:var(--vvd-badge-alert-firm,var(--vvd-color-alert-600));--_connotation-color-firm-all:var(--vvd-badge-alert-firm-all,var(--vvd-color-alert-600))}.base.connotation-warning{--_connotation-color-primary:var(--vvd-badge-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-badge-warning-primary-text,var(--vvd-color-canvas-text));--_connotation-color-intermediate:var(--vvd-badge-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-soft:var(--vvd-badge-warning-soft,var(--vvd-color-warning-100));--_connotation-color-contrast:var(--vvd-badge-warning-contrast,var(--vvd-color-warning-800));--_connotation-color-pale:var(--vvd-badge-warning-pale,var(--vvd-color-warning-300));--_connotation-color-fierce:var(--vvd-badge-warning-fierce,var(--vvd-color-warning-700));--_connotation-color-fierce-primary:var(--vvd-badge-warning-fierce-primary,var(--vvd-color-warning-300));--_connotation-color-firm:var(--vvd-badge-warning-firm,var(--vvd-color-warning-600));--_connotation-color-firm-all:var(--vvd-badge-warning-firm-all,var(--vvd-color-warning-600))}.base.connotation-information{--_connotation-color-primary:var(--vvd-badge-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-badge-information-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-information-intermediate,var(--vvd-color-information-500));--_connotation-color-soft:var(--vvd-badge-information-soft,var(--vvd-color-information-100));--_connotation-color-contrast:var(--vvd-badge-information-contrast,var(--vvd-color-information-800));--_connotation-color-pale:var(--vvd-badge-information-pale,var(--vvd-color-information-300));--_connotation-color-fierce:var(--vvd-badge-information-fierce,var(--vvd-color-information-700));--_connotation-color-fierce-primary:var(--vvd-badge-information-fierce-primary,var(--vvd-color-information-700));--_connotation-color-firm:var(--vvd-badge-information-firm,var(--vvd-color-information-600));--_connotation-color-firm-all:var(--vvd-badge-information-firm-all,var(--vvd-color-information-600))}.base.connotation-announcement{--_connotation-color-primary:var(--vvd-badge-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-badge-announcement-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-soft:var(--vvd-badge-announcement-soft,var(--vvd-color-announcement-100));--_connotation-color-contrast:var(--vvd-badge-announcement-contrast,var(--vvd-color-announcement-800));--_connotation-color-pale:var(--vvd-badge-announcement-pale,var(--vvd-color-announcement-300));--_connotation-color-fierce:var(--vvd-badge-announcement-fierce,var(--vvd-color-announcement-700));--_connotation-color-fierce-primary:var(--vvd-badge-announcement-fierce-primary,var(--vvd-color-announcement-700));--_connotation-color-firm:var(--vvd-badge-announcement-firm,var(--vvd-color-announcement-600));--_connotation-color-firm-all:var(--vvd-badge-announcement-firm-all,var(--vvd-color-announcement-600))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-primary:var(--vvd-badge-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-badge-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-intermediate:var(--vvd-badge-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-soft:var(--vvd-badge-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-contrast:var(--vvd-badge-accent-contrast,var(--vvd-color-neutral-800));--_connotation-color-pale:var(--vvd-badge-accent-pale,var(--vvd-color-neutral-300));--_connotation-color-fierce:var(--vvd-badge-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-fierce-primary:var(--vvd-badge-accent-fierce-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-badge-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-firm-all:var(--vvd-badge-accent-firm-all,var(--vvd-color-neutral-600))}.base{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent}.base.appearance-duotone{--_appearance-color-text:var(--_connotation-color-firm-all);--_appearance-color-fill:transparent;--_appearance-color-outline:var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}.base.appearance-subtle-light{--_appearance-color-text:var(--_connotation-color-contrast);--_appearance-color-fill:color-mix(in srgb, var(--_connotation-color-primary), transparent 85%);--_appearance-color-outline:transparent}.base{box-sizing:border-box;background-color:var(--_appearance-color-fill);block-size:var(--_badge-block-size);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-condensed-bold);vertical-align:middle;justify-content:center;align-items:center;column-gap:8px;inline-size:100%;padding-inline:8px;display:inline-flex}.base:not(.size-expanded){--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20))}.base.size-expanded{--_badge-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.base:not(.icon-only){max-inline-size:100%}.base.icon-only{contain:size;place-content:center;padding-inline:0}@supports (aspect-ratio:1){.base.icon-only{aspect-ratio:1}}@supports not (aspect-ratio:1){.base.icon-only{inline-size:var(--_badge-block-size)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.text{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_badge-block-size) / 1.6667);flex-shrink:0;line-height:1}.icon-trailing slot[name=icon]{order:1;display:flex}", m = ({ iconSlottedContent: e, connotation: t, appearance: n, shape: r, size: i, iconTrailing: a, text: o, icon: s }) => d("base", [`connotation-${t}`, !!t], [`appearance-${n}`, !!n], [`shape-${r}`, !!r], [`size-${i}`, !!i], ["icon-trailing", a], ["icon-only", !o && (!!s || !!e?.length)]);
13
- //#endregion
1
+ import "../bundled/vivid-element.js";
2
+ import "../bundled/numberConverter.js";
3
+ import { n as e } from "../bundled/definition22.js";
14
4
  //#region src/lib/badge/index.ts
15
- r(n("badge", f, (t) => {
16
- let n = c(t);
17
- return e` <span class="${m}">
18
- ${(e) => n(e.icon, l.Slot)}
19
- ${a((e) => e.text, (t) => e`<span class="text">${t.text}</span>`)}
20
- </span>`;
21
- }, [o], { styles: p }))();
5
+ e();
22
6
  //#endregion
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition17.cjs");
4
- exports.VwcBannerElement = require_definition$1.Banner;
5
- exports.bannerDefinition = require_definition$1.bannerDefinition;
6
- exports.registerBanner = require_definition$1.registerBanner;
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition17.cjs");
4
+ exports.VwcBannerElement = require_definition.Banner;
5
+ exports.bannerDefinition = require_definition.bannerDefinition;
6
+ exports.registerBanner = require_definition.registerBanner;
@@ -1,3 +1,3 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { n as registerBanner, r as Banner, t as bannerDefinition } from "../unbundled/definition17.js";
3
3
  export { Banner as VwcBannerElement, bannerDefinition, registerBanner };
package/banner/index.cjs CHANGED
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/enums.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/delegates-aria.cjs`),l=require(`../bundled/class-names.cjs`),u=require(`../bundled/definition6.cjs`);var d=`:host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}`,f={[i.n.Information]:`info-solid`,[i.n.Announcement]:`megaphone-solid`,[i.n.Success]:`check-circle-solid`,[i.n.Warning]:`warning-solid`,[i.n.Alert]:`error-solid`},p=(e=i.n.Information)=>f[e],m=class extends s.t(e.t(c.t(t.t))){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1}get conditionedIcon(){return this.icon??p(this.connotation)}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#t)}remove(){this.$emit(`removing`);let e=this.shadowRoot&&this.shadowRoot.querySelector(`.control`);e?.classList.add(`removing`),e?.addEventListener(`transitionend`,this.#e)}#e=()=>{this.$emit(`removed`),this.parentElement&&this.parentElement.removeChild(this)};#t=e=>{e.key!==`Escape`||!this.removable||this.remove()}};o.t([t.l({attribute:`dismiss-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),o.t([t.l({mode:`boolean`})],m.prototype,`removable`,void 0),o.t([t.l()],m.prototype,`text`,void 0),o.t([t.l()],m.prototype,`connotation`,void 0),o.t([t.T],m.prototype,`actionItemsSlottedContent`,void 0);var h=e=>l.t(`control`,[`connotation-${e.connotation}`,!!e.connotation]);function g(e){return t.d`
1
+ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/when.cjs`),r=require(`../bundled/slotted.cjs`),i=require(`../bundled/enums.cjs`);require(`../bundled/numberConverter.cjs`);const a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/affix.cjs`),c=require(`../bundled/delegates-aria.cjs`),l=require(`../bundled/class-names.cjs`),u=require(`../bundled/definition6.cjs`);var d=`:host{display:block}.control.connotation-success{--_connotation-color-primary:var(--vvd-banner-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-banner-success-primary-text,var(--vvd-color-canvas))}.control.connotation-alert{--_connotation-color-primary:var(--vvd-banner-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-banner-alert-primary-text,var(--vvd-color-canvas))}.control.connotation-announcement{--_connotation-color-primary:var(--vvd-banner-announcement-primary,var(--vvd-color-announcement-500));--_connotation-color-primary-text:var(--vvd-banner-announcement-primary-text,var(--vvd-color-canvas))}.control.connotation-warning{--_connotation-color-primary:var(--vvd-banner-warning-primary,var(--vvd-color-warning-300));--_connotation-color-primary-text:var(--vvd-banner-warning-primary-text,var(--vvd-color-canvas-text))}.control:not(.connotation-success,.connotation-alert,.connotation-announcement,.connotation-warning){--_connotation-color-primary:var(--vvd-banner-information-primary,var(--vvd-color-information-500));--_connotation-color-primary-text:var(--vvd-banner-information-primary-text,var(--vvd-color-canvas))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;background-color:var(--_appearance-color-fill);max-height:160px;color:var(--_appearance-color-text);transition:max-height var(--transition-delay,.2s);overflow:hidden}.control.removing{max-height:0}.header{box-sizing:border-box;font:var(--vvd-typography-base-bold);inline-size:100%;min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 20));align-items:center;display:flex}.header .content{flex-grow:1;justify-content:center;align-items:center;column-gap:16px;inline-size:100%;padding:10px 16px;display:flex}.header .content slot[name=icon]{flex-shrink:0;font-size:20px;line-height:1}.header .content .action-items{flex-shrink:0}.header .dismiss-button{flex-shrink:0;margin-inline-end:8px}`,f={[i.n.Information]:`info-solid`,[i.n.Announcement]:`megaphone-solid`,[i.n.Success]:`check-circle-solid`,[i.n.Warning]:`warning-solid`,[i.n.Alert]:`error-solid`},p=(e=i.n.Information)=>f[e],m=class extends s.t(e.t(c.t(t.t))){constructor(...e){super(...e),this.dismissButtonAriaLabel=null,this.removable=!1}get conditionedIcon(){return this.icon??p(this.connotation)}connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#t)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#t)}remove(){this.$emit(`removing`);let e=this.shadowRoot&&this.shadowRoot.querySelector(`.control`);e?.classList.add(`removing`),e?.addEventListener(`transitionend`,this.#e)}#e=()=>{this.$emit(`removed`),this.parentElement&&this.parentElement.removeChild(this)};#t=e=>{e.key!==`Escape`||!this.removable||this.remove()}};a.t([t.l({attribute:`dismiss-aria-label`})],m.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.l({mode:`boolean`})],m.prototype,`removable`,void 0),a.t([t.l()],m.prototype,`text`,void 0),a.t([t.l()],m.prototype,`connotation`,void 0),a.t([t.T],m.prototype,`actionItemsSlottedContent`,void 0);var h=e=>l.t(`control`,[`connotation-${e.connotation}`,!!e.connotation]);function g(e){return t.d`
2
2
  <${e}
3
3
  aria-label="${e=>e.dismissButtonAriaLabel||e.locale.banner.dismissButtonLabel}"
4
4
  part="${e=>e.connotation===`warning`?``:`vvd-theme-alternate`}"
@@ -27,4 +27,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
27
27
  ${n.t(e=>e.removable,g(i))}
28
28
  </header>
29
29
  </div>
30
- `},[a.t,u.t],{styles:d});t.s(v)();
30
+ `},[o.t,u.t],{styles:d});t.s(v)();
package/banner/index.js CHANGED
@@ -3,8 +3,9 @@ import { T as t, d as n, l as r, o as i, s as a, t as o } from "../bundled/vivid
3
3
  import { t as s } from "../bundled/when.js";
4
4
  import { t as c } from "../bundled/slotted.js";
5
5
  import { n as l } from "../bundled/enums.js";
6
- import { t as u } from "../bundled/definition2.js";
7
- import { t as d } from "../bundled/decorate.js";
6
+ import "../bundled/numberConverter.js";
7
+ import { t as u } from "../bundled/decorate.js";
8
+ import { t as d } from "../bundled/definition2.js";
8
9
  import { a as f, i as p, r as m, t as h } from "../bundled/affix.js";
9
10
  import { n as g, t as _ } from "../bundled/delegates-aria.js";
10
11
  import { t as v } from "../bundled/class-names.js";
@@ -41,7 +42,7 @@ var x = ":host{display:block}.control.connotation-success{--_connotation-color-p
41
42
  e.key !== "Escape" || !this.removable || this.remove();
42
43
  };
43
44
  };
44
- d([r({ attribute: "dismiss-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), d([r({ mode: "boolean" })], w.prototype, "removable", void 0), d([r()], w.prototype, "text", void 0), d([r()], w.prototype, "connotation", void 0), d([t], w.prototype, "actionItemsSlottedContent", void 0);
45
+ u([r({ attribute: "dismiss-aria-label" })], w.prototype, "dismissButtonAriaLabel", void 0), u([r({ mode: "boolean" })], w.prototype, "removable", void 0), u([r()], w.prototype, "text", void 0), u([r()], w.prototype, "connotation", void 0), u([t], w.prototype, "actionItemsSlottedContent", void 0);
45
46
  //#endregion
46
47
  //#region src/lib/banner/banner.template.ts
47
48
  var T = (e) => v("control", [`connotation-${e.connotation}`, !!e.connotation]);
@@ -92,5 +93,5 @@ a(i("banner", w, (e) => {
92
93
  </header>
93
94
  </div>
94
95
  `;
95
- }, [u, b], { styles: x }))();
96
+ }, [d, b], { styles: x }))();
96
97
  //#endregion
@@ -1,7 +1,7 @@
1
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
- require("../unbundled/definition2.cjs");
3
- const require_definition$1 = require("../unbundled/definition18.cjs");
2
+ require("../unbundled/numberConverter.cjs");
3
+ const require_definition = require("../unbundled/definition18.cjs");
4
4
  const require_breadcrumb_item = require("../unbundled/breadcrumb-item.cjs");
5
5
  exports.VwcBreadcrumbItemElement = require_breadcrumb_item.BreadcrumbItem;
6
- exports.breadcrumbItemDefinition = require_definition$1.breadcrumbItemDefinition;
7
- exports.registerBreadcrumbItem = require_definition$1.registerBreadcrumbItem;
6
+ exports.breadcrumbItemDefinition = require_definition.breadcrumbItemDefinition;
7
+ exports.registerBreadcrumbItem = require_definition.registerBreadcrumbItem;
@@ -1,4 +1,4 @@
1
- import "../unbundled/definition2.js";
1
+ import "../unbundled/numberConverter.js";
2
2
  import { n as registerBreadcrumbItem, t as breadcrumbItemDefinition } from "../unbundled/definition18.js";
3
3
  import { t as BreadcrumbItem } from "../unbundled/breadcrumb-item.js";
4
4
  export { BreadcrumbItem as VwcBreadcrumbItemElement, breadcrumbItemDefinition, registerBreadcrumbItem };
@@ -1,4 +1,4 @@
1
- const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/breadcrumb-item.cjs`);var a=`.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.control{font:inherit}.control:focus-visible{outline:none;position:relative}.control:focus-visible: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:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}`,o=e=>r.t(`base`),s=e.o(`breadcrumb-item`,i.t,r=>{let i=r.tagFor(n.r);return e.d` <div role="listitem" class="${o}">
1
+ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/definition2.cjs`),r=require(`../bundled/class-names.cjs`),i=require(`../bundled/breadcrumb-item.cjs`);var a=`.base{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);align-items:center;display:flex}.base .separator{color:var(--vvd-color-neutral-600);margin:0 16px;font-size:12px}.control{font:inherit}.control:focus-visible{outline:none;position:relative}.control:focus-visible: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:8px;--focus-border-radius:4px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.control:any-link{color:var(--vvd-color-cta-600);text-decoration:none}@media (hover:hover){.control:any-link:hover{text-decoration:underline}}`,o=e=>r.t(`base`),s=e.o(`breadcrumb-item`,i.t,r=>{let i=r.tagFor(n.r);return e.d` <div role="listitem" class="${o}">
2
2
  ${t.t(e=>e.text&&!e.href,e.d`${e=>e.text}`)}
3
3
  ${t.t(e=>e.text&&e.href&&e.href.length>0,e.d`${t=>t._renderLinkElement(e.d`${e=>e.text}`,`control`)}`)}
4
4
  ${t.t(e=>e.separator,e.d`<${i} class="separator" name="chevron-right-solid"></${i}>`)}
@@ -1,5 +1,6 @@
1
1
  import { d as e, o as t, s as n } from "../bundled/vivid-element.js";
2
2
  import { t as r } from "../bundled/when.js";
3
+ import "../bundled/numberConverter.js";
3
4
  import { r as i, t as a } from "../bundled/definition2.js";
4
5
  import { t as o } from "../bundled/class-names.js";
5
6
  import { t as s } from "../bundled/breadcrumb-item.js";
package/bundled/affix.cjs CHANGED
@@ -1,4 +1,4 @@
1
- const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./definition2.cjs`),r=require(`./decorate.cjs`);var i=t=>{class n extends t{}return r.t([e.l],n.prototype,`icon`,void 0),r.t([e.T],n.prototype,`iconSlottedContent`,void 0),n},a=t=>{class n extends i(t){constructor(...e){super(...e),this.iconTrailing=!1}}return r.t([e.l({mode:`boolean`,attribute:`icon-trailing`})],n.prototype,`iconTrailing`,void 0),n},o={Slot:!1,Span:!0},s={Hidden:`true`,Visible:`false`},c=r=>{let i=r.tagFor(n.r);return(n,r=o.Span,a=s.Hidden,c={label:``,announceOnUpdate:!1})=>{if(!n&&!r)return e.d`<slot
1
+ const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`),n=require(`./decorate.cjs`),r=require(`./definition2.cjs`);var i=t=>{class r extends t{}return n.t([e.l],r.prototype,`icon`,void 0),n.t([e.T],r.prototype,`iconSlottedContent`,void 0),r},a=t=>{class r extends i(t){constructor(...e){super(...e),this.iconTrailing=!1}}return n.t([e.l({mode:`boolean`,attribute:`icon-trailing`})],r.prototype,`iconTrailing`,void 0),r},o={Slot:!1,Span:!0},s={Hidden:`true`,Visible:`false`},c=n=>{let i=n.tagFor(r.r);return(n,r=o.Span,a=s.Hidden,c={label:``,announceOnUpdate:!1})=>{if(!n&&!r)return e.d`<slot
2
2
  name="icon"
3
3
  aria-hidden="${()=>a}"
4
4
  ${t.t(`iconSlottedContent`)}