@vonage/vivid-vue 4.15.0 → 4.16.1
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.
- package/index.cjs +806 -657
- package/index.js +806 -657
- package/package.json +2 -2
- package/utils/ssr.d.ts +8 -0
- package/web-types.json +1 -1
package/index.js
CHANGED
|
@@ -8,6 +8,27 @@ function setCustomComponentPrefix(prefix) {
|
|
|
8
8
|
|
|
9
9
|
const isVue2 = version.startsWith("2");
|
|
10
10
|
|
|
11
|
+
function handleVue3Props(props) {
|
|
12
|
+
if (
|
|
13
|
+
/* v8 ignore next 8 */
|
|
14
|
+
// @ts-ignore
|
|
15
|
+
import.meta.env?.SSR !== false && // @ts-ignore
|
|
16
|
+
(globalThis.process && process.server) !== false && // @ts-ignore
|
|
17
|
+
(globalThis.process && process.server || // @ts-ignore
|
|
18
|
+
import.meta.env?.SSR)
|
|
19
|
+
) {
|
|
20
|
+
const newProps = {};
|
|
21
|
+
for (const key in props) {
|
|
22
|
+
if (key[0] === "^") {
|
|
23
|
+
newProps[key.slice(1)] = props[key];
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
return newProps;
|
|
27
|
+
} else {
|
|
28
|
+
return props;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
11
32
|
function registerComponent(type, registerFunction) {
|
|
12
33
|
const componentName = ref(`${CustomComponentPrefix.value}-${type}`);
|
|
13
34
|
onBeforeMount(() => {
|
|
@@ -125,8 +146,10 @@ const VAccordion = defineComponent({
|
|
|
125
146
|
{
|
|
126
147
|
ref: "element",
|
|
127
148
|
class: "vvd-component",
|
|
128
|
-
...
|
|
129
|
-
|
|
149
|
+
...handleVue3Props({
|
|
150
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
151
|
+
...this.expandMode !== void 0 ? { "^expand-mode": this.expandMode } : {}
|
|
152
|
+
}),
|
|
130
153
|
onClick: (event) => {
|
|
131
154
|
this.$emit("click", event);
|
|
132
155
|
},
|
|
@@ -326,16 +349,18 @@ const VAccordionItem = defineComponent({
|
|
|
326
349
|
{
|
|
327
350
|
ref: "element",
|
|
328
351
|
class: "vvd-component",
|
|
329
|
-
...
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
352
|
+
...handleVue3Props({
|
|
353
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
354
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
355
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
356
|
+
...this.headingLevel !== void 0 ? { "^heading-level": this.headingLevel } : {},
|
|
357
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
358
|
+
...this.id !== void 0 ? { "^id": this.id } : {},
|
|
359
|
+
...this.heading !== void 0 ? { "^heading": this.heading } : {},
|
|
360
|
+
...this.noIndicator !== void 0 && this.noIndicator !== false ? { "^no-indicator": this.noIndicator } : {},
|
|
361
|
+
...this.meta !== void 0 ? { "^meta": this.meta } : {},
|
|
362
|
+
...this.size !== void 0 ? { "^size": this.size } : {}
|
|
363
|
+
}),
|
|
339
364
|
onClick: (event) => {
|
|
340
365
|
this.$emit("click", event);
|
|
341
366
|
},
|
|
@@ -481,12 +506,14 @@ const VActionGroup = defineComponent({
|
|
|
481
506
|
{
|
|
482
507
|
ref: "element",
|
|
483
508
|
class: "vvd-component",
|
|
484
|
-
...
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
509
|
+
...handleVue3Props({
|
|
510
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
511
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
512
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
513
|
+
...this.tight !== void 0 && this.tight !== false ? { "^tight": this.tight } : {},
|
|
514
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
515
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {}
|
|
516
|
+
}),
|
|
490
517
|
onClick: (event) => {
|
|
491
518
|
this.$emit("click", event);
|
|
492
519
|
},
|
|
@@ -693,17 +720,19 @@ const VAlert = defineComponent({
|
|
|
693
720
|
{
|
|
694
721
|
ref: "element",
|
|
695
722
|
class: "vvd-component",
|
|
696
|
-
...
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
723
|
+
...handleVue3Props({
|
|
724
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
725
|
+
...this.dismissButtonAriaLabel !== void 0 ? { "^dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
|
|
726
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
727
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
728
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
729
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
730
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
731
|
+
...this.timeoutms !== void 0 ? { "^timeoutms": this.timeoutms } : {},
|
|
732
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
733
|
+
...this.strategy !== void 0 ? { "^strategy": this.strategy } : {},
|
|
734
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
735
|
+
}),
|
|
707
736
|
onClick: (event) => {
|
|
708
737
|
this.$emit("click", event);
|
|
709
738
|
},
|
|
@@ -899,18 +928,20 @@ const VAudioPlayer = defineComponent({
|
|
|
899
928
|
{
|
|
900
929
|
ref: "element",
|
|
901
930
|
class: "vvd-component",
|
|
902
|
-
...
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
931
|
+
...handleVue3Props({
|
|
932
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
933
|
+
...this.playButtonAriaLabel !== void 0 ? { "^play-button-aria-label": this.playButtonAriaLabel } : {},
|
|
934
|
+
...this.pauseButtonAriaLabel !== void 0 ? { "^pause-button-aria-label": this.pauseButtonAriaLabel } : {},
|
|
935
|
+
...this.sliderAriaLabel !== void 0 ? { "^slider-aria-label": this.sliderAriaLabel } : {},
|
|
936
|
+
...this.skipForwardAriaLabel !== void 0 ? { "^skip-forward-aria-label": this.skipForwardAriaLabel } : {},
|
|
937
|
+
...this.skipBackwardAriaLabel !== void 0 ? { "^skip-backward-aria-label": this.skipBackwardAriaLabel } : {},
|
|
938
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
939
|
+
...this.src !== void 0 ? { "^src": this.src } : {},
|
|
940
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
941
|
+
...this.notime !== void 0 && this.notime !== false ? { "^notime": this.notime } : {},
|
|
942
|
+
...this.skipBy !== void 0 ? { "^skip-by": this.skipBy } : {},
|
|
943
|
+
...this.playbackRates !== void 0 ? { "^playback-rates": this.playbackRates } : {}
|
|
944
|
+
}),
|
|
914
945
|
onClick: (event) => {
|
|
915
946
|
this.$emit("click", event);
|
|
916
947
|
},
|
|
@@ -1070,13 +1101,15 @@ const VAvatar = defineComponent({
|
|
|
1070
1101
|
{
|
|
1071
1102
|
ref: "element",
|
|
1072
1103
|
class: "vvd-component",
|
|
1073
|
-
...
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1104
|
+
...handleVue3Props({
|
|
1105
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1106
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
1107
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
1108
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
1109
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
1110
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1111
|
+
...this.initials !== void 0 ? { "^initials": this.initials } : {}
|
|
1112
|
+
}),
|
|
1080
1113
|
onClick: (event) => {
|
|
1081
1114
|
this.$emit("click", event);
|
|
1082
1115
|
},
|
|
@@ -1235,13 +1268,15 @@ const VBadge = defineComponent({
|
|
|
1235
1268
|
{
|
|
1236
1269
|
ref: "element",
|
|
1237
1270
|
class: "vvd-component",
|
|
1238
|
-
...
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1271
|
+
...handleVue3Props({
|
|
1272
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1273
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
1274
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1275
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
1276
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
1277
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
1278
|
+
...this.text !== void 0 ? { "^text": this.text } : {}
|
|
1279
|
+
}),
|
|
1245
1280
|
onClick: (event) => {
|
|
1246
1281
|
this.$emit("click", event);
|
|
1247
1282
|
},
|
|
@@ -1394,16 +1429,18 @@ const VBanner = defineComponent({
|
|
|
1394
1429
|
{
|
|
1395
1430
|
ref: "element",
|
|
1396
1431
|
class: "vvd-component",
|
|
1397
|
-
...
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1432
|
+
...handleVue3Props({
|
|
1433
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1434
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1435
|
+
...this.dismissAriaLabel !== void 0 ? { "^dismiss-aria-label": this.dismissAriaLabel } : {},
|
|
1436
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
1437
|
+
...this.actionHref !== void 0 ? { "^action-href": this.actionHref } : {},
|
|
1438
|
+
...this.actionText !== void 0 ? { "^action-text": this.actionText } : {},
|
|
1439
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
1440
|
+
...this.ariaLive !== void 0 ? { "^aria-live": this.ariaLive } : {},
|
|
1441
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
1442
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {}
|
|
1443
|
+
}),
|
|
1407
1444
|
onClick: (event) => {
|
|
1408
1445
|
this.$emit("click", event);
|
|
1409
1446
|
},
|
|
@@ -1523,7 +1560,9 @@ const VBreadcrumb = defineComponent({
|
|
|
1523
1560
|
{
|
|
1524
1561
|
ref: "element",
|
|
1525
1562
|
class: "vvd-component",
|
|
1526
|
-
...
|
|
1563
|
+
...handleVue3Props({
|
|
1564
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
1565
|
+
}),
|
|
1527
1566
|
onClick: (event) => {
|
|
1528
1567
|
this.$emit("click", event);
|
|
1529
1568
|
},
|
|
@@ -1695,17 +1734,19 @@ const VBreadcrumbItem = defineComponent({
|
|
|
1695
1734
|
{
|
|
1696
1735
|
ref: "element",
|
|
1697
1736
|
class: "vvd-component",
|
|
1698
|
-
...
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1737
|
+
...handleVue3Props({
|
|
1738
|
+
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
1739
|
+
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
1740
|
+
...this.hreflang !== void 0 ? { "^hreflang": this.hreflang } : {},
|
|
1741
|
+
...this.ping !== void 0 ? { "^ping": this.ping } : {},
|
|
1742
|
+
...this.referrerpolicy !== void 0 ? { "^referrerpolicy": this.referrerpolicy } : {},
|
|
1743
|
+
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
1744
|
+
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
1745
|
+
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
1746
|
+
...this.ariaExpanded !== void 0 ? { "^aria-expanded": this.ariaExpanded } : {},
|
|
1747
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1748
|
+
...this.text !== void 0 ? { "^text": this.text } : {}
|
|
1749
|
+
}),
|
|
1709
1750
|
onClick: (event) => {
|
|
1710
1751
|
this.$emit("click", event);
|
|
1711
1752
|
},
|
|
@@ -2019,39 +2060,41 @@ const VButton = defineComponent({
|
|
|
2019
2060
|
{
|
|
2020
2061
|
ref: "element",
|
|
2021
2062
|
class: "vvd-component",
|
|
2022
|
-
...
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2063
|
+
...handleVue3Props({
|
|
2064
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
2065
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
2066
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2067
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
2068
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
2069
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
2070
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
2071
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2072
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
2073
|
+
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
2074
|
+
...this.title !== void 0 ? { "^title": this.title } : {},
|
|
2075
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2076
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
2077
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
2078
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
2079
|
+
...this.stacked !== void 0 && this.stacked !== false ? { "^stacked": this.stacked } : {},
|
|
2080
|
+
...this.pending !== void 0 && this.pending !== false ? { "^pending": this.pending } : {},
|
|
2081
|
+
...this.dropdownIndicator !== void 0 && this.dropdownIndicator !== false ? { "^dropdown-indicator": this.dropdownIndicator } : {},
|
|
2082
|
+
...this.active !== void 0 && this.active !== false ? { "^active": this.active } : {},
|
|
2083
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
2084
|
+
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
2085
|
+
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
2086
|
+
...this.hreflang !== void 0 ? { "^hreflang": this.hreflang } : {},
|
|
2087
|
+
...this.ping !== void 0 ? { "^ping": this.ping } : {},
|
|
2088
|
+
...this.referrerpolicy !== void 0 ? { "^referrerpolicy": this.referrerpolicy } : {},
|
|
2089
|
+
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
2090
|
+
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
2091
|
+
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
2092
|
+
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
2093
|
+
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
2094
|
+
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
2095
|
+
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
2096
|
+
...this.type !== void 0 ? { "^type": this.type } : {}
|
|
2097
|
+
}),
|
|
2055
2098
|
onClick: (event) => {
|
|
2056
2099
|
this.$emit("click", event);
|
|
2057
2100
|
},
|
|
@@ -2231,11 +2274,13 @@ const VCalendar = defineComponent({
|
|
|
2231
2274
|
{
|
|
2232
2275
|
ref: "element",
|
|
2233
2276
|
class: "vvd-component",
|
|
2234
|
-
...
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2277
|
+
...handleVue3Props({
|
|
2278
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2279
|
+
...this.datetime !== void 0 ? { ".datetime": this.datetime } : {},
|
|
2280
|
+
...this.startDay !== void 0 ? { "^start-day": this.startDay } : {},
|
|
2281
|
+
...this.locales !== void 0 ? { ".locales": this.locales } : {},
|
|
2282
|
+
...this.hour12 !== void 0 && this.hour12 !== false ? { "^hour12": this.hour12 } : {}
|
|
2283
|
+
}),
|
|
2239
2284
|
onClick: (event) => {
|
|
2240
2285
|
this.$emit("click", event);
|
|
2241
2286
|
},
|
|
@@ -2409,14 +2454,16 @@ const VCalendarEvent = defineComponent({
|
|
|
2409
2454
|
{
|
|
2410
2455
|
ref: "element",
|
|
2411
2456
|
class: "vvd-component",
|
|
2412
|
-
...
|
|
2413
|
-
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2457
|
+
...handleVue3Props({
|
|
2458
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2459
|
+
...this.heading !== void 0 ? { "^heading": this.heading } : {},
|
|
2460
|
+
...this.description !== void 0 ? { "^description": this.description } : {},
|
|
2461
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2462
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
2463
|
+
...this.overlapCount !== void 0 ? { "^overlap-count": this.overlapCount } : {},
|
|
2464
|
+
...this.start !== void 0 ? { "^start": this.start } : {},
|
|
2465
|
+
...this.duration !== void 0 ? { "^duration": this.duration } : {}
|
|
2466
|
+
}),
|
|
2420
2467
|
onClick: (event) => {
|
|
2421
2468
|
this.$emit("click", event);
|
|
2422
2469
|
},
|
|
@@ -2584,13 +2631,15 @@ const VCard = defineComponent({
|
|
|
2584
2631
|
{
|
|
2585
2632
|
ref: "element",
|
|
2586
2633
|
class: "vvd-component",
|
|
2587
|
-
...
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2634
|
+
...handleVue3Props({
|
|
2635
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2636
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
2637
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
2638
|
+
...this.subtitle !== void 0 ? { "^subtitle": this.subtitle } : {},
|
|
2639
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
2640
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
2641
|
+
...this.elevation !== void 0 ? { "^elevation": this.elevation } : {}
|
|
2642
|
+
}),
|
|
2594
2643
|
onClick: (event) => {
|
|
2595
2644
|
this.$emit("click", event);
|
|
2596
2645
|
},
|
|
@@ -2842,23 +2891,25 @@ const VCheckbox = defineComponent({
|
|
|
2842
2891
|
{
|
|
2843
2892
|
ref: "element",
|
|
2844
2893
|
class: "vvd-component",
|
|
2845
|
-
...
|
|
2846
|
-
|
|
2847
|
-
|
|
2848
|
-
|
|
2849
|
-
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2894
|
+
...handleVue3Props({
|
|
2895
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
2896
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
2897
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
2898
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
2899
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2900
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
2901
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
2902
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
2903
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
2904
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2905
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
2906
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
2907
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
2908
|
+
...this.tabindex !== void 0 ? { "^tabindex": this.tabindex } : {},
|
|
2909
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2910
|
+
...this.ariaChecked !== void 0 ? { "^aria-checked": this.ariaChecked } : {},
|
|
2911
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
2912
|
+
}),
|
|
2862
2913
|
onClick: (event) => {
|
|
2863
2914
|
this.$emit("click", event);
|
|
2864
2915
|
},
|
|
@@ -3155,25 +3206,27 @@ const VCombobox = defineComponent({
|
|
|
3155
3206
|
{
|
|
3156
3207
|
ref: "element",
|
|
3157
3208
|
class: "vvd-component",
|
|
3158
|
-
...
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3209
|
+
...handleVue3Props({
|
|
3210
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
3211
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
3212
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
3213
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
3214
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
3215
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3216
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
3217
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
3218
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
3219
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
3220
|
+
...this.autocomplete !== void 0 ? { "^autocomplete": this.autocomplete } : {},
|
|
3221
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
3222
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
3223
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
3224
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
3225
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
3226
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
3227
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
3228
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {}
|
|
3229
|
+
}),
|
|
3177
3230
|
onClick: (event) => {
|
|
3178
3231
|
this.$emit("click", event);
|
|
3179
3232
|
},
|
|
@@ -3351,12 +3404,14 @@ const VDataGrid = defineComponent({
|
|
|
3351
3404
|
{
|
|
3352
3405
|
ref: "element",
|
|
3353
3406
|
class: "vvd-component",
|
|
3354
|
-
...
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3407
|
+
...handleVue3Props({
|
|
3408
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3409
|
+
...this.noTabbing !== void 0 && this.noTabbing !== false ? { "^no-tabbing": this.noTabbing } : {},
|
|
3410
|
+
...this.generateHeader !== void 0 ? { "^generate-header": this.generateHeader } : {},
|
|
3411
|
+
...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
|
|
3412
|
+
...this.selectionMode !== void 0 ? { "^selection-mode": this.selectionMode } : {},
|
|
3413
|
+
...this.rowsData !== void 0 ? { ".rowsData": this.rowsData } : {}
|
|
3414
|
+
}),
|
|
3360
3415
|
onClick: (event) => {
|
|
3361
3416
|
this.$emit("click", event);
|
|
3362
3417
|
},
|
|
@@ -3544,12 +3599,14 @@ const VDataGridCell = defineComponent({
|
|
|
3544
3599
|
{
|
|
3545
3600
|
ref: "element",
|
|
3546
3601
|
class: "vvd-component",
|
|
3547
|
-
...
|
|
3548
|
-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3602
|
+
...handleVue3Props({
|
|
3603
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3604
|
+
...this.cellType !== void 0 ? { "^cell-type": this.cellType } : {},
|
|
3605
|
+
...this.gridColumn !== void 0 ? { "^grid-column": this.gridColumn } : {},
|
|
3606
|
+
...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {},
|
|
3607
|
+
...this.ariaSort !== void 0 ? { "^aria-sort": this.ariaSort } : {},
|
|
3608
|
+
...this.columnDefinition !== void 0 ? { ".columnDefinition": this.columnDefinition } : {}
|
|
3609
|
+
}),
|
|
3553
3610
|
onClick: (event) => {
|
|
3554
3611
|
this.$emit("click", event);
|
|
3555
3612
|
},
|
|
@@ -3722,10 +3779,12 @@ const VDataGridRow = defineComponent({
|
|
|
3722
3779
|
{
|
|
3723
3780
|
ref: "element",
|
|
3724
3781
|
class: "vvd-component",
|
|
3725
|
-
...
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
|
|
3782
|
+
...handleVue3Props({
|
|
3783
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3784
|
+
...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
|
|
3785
|
+
...this.rowType !== void 0 ? { "^row-type": this.rowType } : {},
|
|
3786
|
+
...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {}
|
|
3787
|
+
}),
|
|
3729
3788
|
onClick: (event) => {
|
|
3730
3789
|
this.$emit("click", event);
|
|
3731
3790
|
},
|
|
@@ -3934,17 +3993,19 @@ const VDatePicker = defineComponent({
|
|
|
3934
3993
|
{
|
|
3935
3994
|
ref: "element",
|
|
3936
3995
|
class: "vvd-component",
|
|
3937
|
-
...
|
|
3938
|
-
|
|
3939
|
-
|
|
3940
|
-
|
|
3941
|
-
|
|
3942
|
-
|
|
3943
|
-
|
|
3944
|
-
|
|
3945
|
-
|
|
3946
|
-
|
|
3947
|
-
|
|
3996
|
+
...handleVue3Props({
|
|
3997
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
3998
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
3999
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4000
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4001
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
4002
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
4003
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
4004
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
4005
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
4006
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
4007
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
4008
|
+
}),
|
|
3948
4009
|
onClick: (event) => {
|
|
3949
4010
|
this.$emit("click", event);
|
|
3950
4011
|
},
|
|
@@ -4203,21 +4264,23 @@ const VDateRangePicker = defineComponent({
|
|
|
4203
4264
|
{
|
|
4204
4265
|
ref: "element",
|
|
4205
4266
|
class: "vvd-component",
|
|
4206
|
-
...
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
|
|
4211
|
-
|
|
4212
|
-
|
|
4213
|
-
|
|
4214
|
-
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4267
|
+
...handleVue3Props({
|
|
4268
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
4269
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
4270
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4271
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4272
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
4273
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
4274
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
4275
|
+
...this.initialStart !== void 0 ? { "^start": this.initialStart } : {},
|
|
4276
|
+
...this.initialEnd !== void 0 ? { "^end": this.initialEnd } : {},
|
|
4277
|
+
...this.start !== void 0 ? { "^current-start": this.start } : {},
|
|
4278
|
+
...this.end !== void 0 ? { "^current-end": this.end } : {},
|
|
4279
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
4280
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
4281
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
4282
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
4283
|
+
}),
|
|
4221
4284
|
onClick: (event) => {
|
|
4222
4285
|
this.$emit("click", event);
|
|
4223
4286
|
},
|
|
@@ -4451,18 +4514,20 @@ const VDialPad = defineComponent({
|
|
|
4451
4514
|
{
|
|
4452
4515
|
ref: "element",
|
|
4453
4516
|
class: "vvd-component",
|
|
4454
|
-
...
|
|
4455
|
-
|
|
4456
|
-
|
|
4457
|
-
|
|
4458
|
-
|
|
4459
|
-
|
|
4460
|
-
|
|
4461
|
-
|
|
4462
|
-
|
|
4463
|
-
|
|
4464
|
-
|
|
4465
|
-
|
|
4517
|
+
...handleVue3Props({
|
|
4518
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4519
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
4520
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
4521
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
4522
|
+
...this.pattern !== void 0 ? { "^pattern": this.pattern } : {},
|
|
4523
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4524
|
+
...this.pending !== void 0 && this.pending !== false ? { "^pending": this.pending } : {},
|
|
4525
|
+
...this.callActive !== void 0 && this.callActive !== false ? { "^call-active": this.callActive } : {},
|
|
4526
|
+
...this.noCall !== void 0 && this.noCall !== false ? { "^no-call": this.noCall } : {},
|
|
4527
|
+
...this.noInput !== void 0 && this.noInput !== false ? { "^no-input": this.noInput } : {},
|
|
4528
|
+
...this.endCallButtonLabel !== void 0 ? { "^end-call-button-label": this.endCallButtonLabel } : {},
|
|
4529
|
+
...this.callButtonLabel !== void 0 ? { "^call-button-label": this.callButtonLabel } : {}
|
|
4530
|
+
}),
|
|
4466
4531
|
onClick: (event) => {
|
|
4467
4532
|
this.$emit("click", event);
|
|
4468
4533
|
},
|
|
@@ -4698,20 +4763,22 @@ const VDialog = defineComponent({
|
|
|
4698
4763
|
{
|
|
4699
4764
|
ref: "element",
|
|
4700
4765
|
class: "vvd-component",
|
|
4701
|
-
...
|
|
4702
|
-
|
|
4703
|
-
|
|
4704
|
-
|
|
4705
|
-
|
|
4706
|
-
|
|
4707
|
-
|
|
4708
|
-
|
|
4709
|
-
|
|
4710
|
-
|
|
4711
|
-
|
|
4712
|
-
|
|
4713
|
-
|
|
4714
|
-
|
|
4766
|
+
...handleVue3Props({
|
|
4767
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4768
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
4769
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
4770
|
+
...this.iconPlacement !== void 0 ? { "^icon-placement": this.iconPlacement } : {},
|
|
4771
|
+
...this.subtitle !== void 0 ? { "^subtitle": this.subtitle } : {},
|
|
4772
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
4773
|
+
...this.fullWidthBody !== void 0 && this.fullWidthBody !== false ? { "^full-width-body": this.fullWidthBody } : {},
|
|
4774
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
4775
|
+
...this.dismissButtonAriaLabel !== void 0 ? { "^dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
|
|
4776
|
+
...this.noLightDismiss !== void 0 && this.noLightDismiss !== false ? { "^no-light-dismiss": this.noLightDismiss } : {},
|
|
4777
|
+
...this.noDismissOnEsc !== void 0 && this.noDismissOnEsc !== false ? { "^no-dismiss-on-esc": this.noDismissOnEsc } : {},
|
|
4778
|
+
...this.noDismissButton !== void 0 && this.noDismissButton !== false ? { "^no-dismiss-button": this.noDismissButton } : {},
|
|
4779
|
+
...this.nonDismissible !== void 0 && this.nonDismissible !== false ? { "^non-dismissible": this.nonDismissible } : {},
|
|
4780
|
+
...this.modal !== void 0 && this.modal !== false ? { "^modal": this.modal } : {}
|
|
4781
|
+
}),
|
|
4715
4782
|
onClick: (event) => {
|
|
4716
4783
|
this.$emit("click", event);
|
|
4717
4784
|
},
|
|
@@ -4864,9 +4931,11 @@ const VDivider = defineComponent({
|
|
|
4864
4931
|
{
|
|
4865
4932
|
ref: "element",
|
|
4866
4933
|
class: "vvd-component",
|
|
4867
|
-
...
|
|
4868
|
-
|
|
4869
|
-
|
|
4934
|
+
...handleVue3Props({
|
|
4935
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4936
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
4937
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {}
|
|
4938
|
+
}),
|
|
4870
4939
|
onClick: (event) => {
|
|
4871
4940
|
this.$emit("click", event);
|
|
4872
4941
|
},
|
|
@@ -5015,11 +5084,13 @@ const VEmptyState = defineComponent({
|
|
|
5015
5084
|
{
|
|
5016
5085
|
ref: "element",
|
|
5017
5086
|
class: "vvd-component",
|
|
5018
|
-
...
|
|
5019
|
-
|
|
5020
|
-
|
|
5021
|
-
|
|
5022
|
-
|
|
5087
|
+
...handleVue3Props({
|
|
5088
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5089
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5090
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
5091
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
5092
|
+
...this.iconDecoration !== void 0 ? { "^icon-decoration": this.iconDecoration } : {}
|
|
5093
|
+
}),
|
|
5023
5094
|
onClick: (event) => {
|
|
5024
5095
|
this.$emit("click", event);
|
|
5025
5096
|
},
|
|
@@ -5258,25 +5329,27 @@ const VFab = defineComponent({
|
|
|
5258
5329
|
{
|
|
5259
5330
|
ref: "element",
|
|
5260
5331
|
class: "vvd-component",
|
|
5261
|
-
...
|
|
5262
|
-
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
-
|
|
5266
|
-
|
|
5267
|
-
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5332
|
+
...handleVue3Props({
|
|
5333
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
5334
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
5335
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5336
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
5337
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
5338
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
5339
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
5340
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
5341
|
+
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
5342
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5343
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5344
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
5345
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
5346
|
+
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
5347
|
+
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
5348
|
+
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
5349
|
+
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
5350
|
+
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
5351
|
+
...this.type !== void 0 ? { "^type": this.type } : {}
|
|
5352
|
+
}),
|
|
5280
5353
|
onClick: (event) => {
|
|
5281
5354
|
this.$emit("click", event);
|
|
5282
5355
|
},
|
|
@@ -5543,23 +5616,25 @@ const VFilePicker = defineComponent({
|
|
|
5543
5616
|
{
|
|
5544
5617
|
ref: "element",
|
|
5545
5618
|
class: "vvd-component",
|
|
5546
|
-
...
|
|
5547
|
-
|
|
5548
|
-
|
|
5549
|
-
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
|
|
5553
|
-
|
|
5554
|
-
|
|
5555
|
-
|
|
5556
|
-
|
|
5557
|
-
|
|
5558
|
-
|
|
5559
|
-
|
|
5560
|
-
|
|
5561
|
-
|
|
5562
|
-
|
|
5619
|
+
...handleVue3Props({
|
|
5620
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
5621
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
5622
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
5623
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5624
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
5625
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
5626
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
5627
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
5628
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
5629
|
+
...this.singleFile !== void 0 && this.singleFile !== false ? { "^single-file": this.singleFile } : {},
|
|
5630
|
+
...this.maxFiles !== void 0 ? { "^max-files": this.maxFiles } : {},
|
|
5631
|
+
...this.maxFileSize !== void 0 ? { "^max-file-size": this.maxFileSize } : {},
|
|
5632
|
+
...this.accept !== void 0 ? { "^accept": this.accept } : {},
|
|
5633
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5634
|
+
...this.invalidFileTypeError !== void 0 ? { "^invalid-file-type-error": this.invalidFileTypeError } : {},
|
|
5635
|
+
...this.maxFilesExceededError !== void 0 ? { "^max-files-exceeded-error": this.maxFilesExceededError } : {},
|
|
5636
|
+
...this.fileTooBigError !== void 0 ? { "^file-too-big-error": this.fileTooBigError } : {}
|
|
5637
|
+
}),
|
|
5563
5638
|
onClick: (event) => {
|
|
5564
5639
|
this.$emit("click", event);
|
|
5565
5640
|
},
|
|
@@ -5696,9 +5771,11 @@ const VHeader = defineComponent({
|
|
|
5696
5771
|
{
|
|
5697
5772
|
ref: "element",
|
|
5698
5773
|
class: "vvd-component",
|
|
5699
|
-
...
|
|
5700
|
-
|
|
5701
|
-
|
|
5774
|
+
...handleVue3Props({
|
|
5775
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5776
|
+
...this.elevationShadow !== void 0 && this.elevationShadow !== false ? { "^elevation-shadow": this.elevationShadow } : {},
|
|
5777
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {}
|
|
5778
|
+
}),
|
|
5702
5779
|
onClick: (event) => {
|
|
5703
5780
|
this.$emit("click", event);
|
|
5704
5781
|
},
|
|
@@ -5841,10 +5918,12 @@ const VIcon = defineComponent({
|
|
|
5841
5918
|
{
|
|
5842
5919
|
ref: "element",
|
|
5843
5920
|
class: "vvd-component",
|
|
5844
|
-
...
|
|
5845
|
-
|
|
5846
|
-
|
|
5847
|
-
|
|
5921
|
+
...handleVue3Props({
|
|
5922
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5923
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5924
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5925
|
+
...this.name !== void 0 ? { "^name": this.name } : {}
|
|
5926
|
+
}),
|
|
5848
5927
|
onClick: (event) => {
|
|
5849
5928
|
this.$emit("click", event);
|
|
5850
5929
|
},
|
|
@@ -6000,12 +6079,14 @@ const VLayout = defineComponent({
|
|
|
6000
6079
|
{
|
|
6001
6080
|
ref: "element",
|
|
6002
6081
|
class: "vvd-component",
|
|
6003
|
-
...
|
|
6004
|
-
|
|
6005
|
-
|
|
6006
|
-
|
|
6007
|
-
|
|
6008
|
-
|
|
6082
|
+
...handleVue3Props({
|
|
6083
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6084
|
+
...this.gutters !== void 0 ? { "^gutters": this.gutters } : {},
|
|
6085
|
+
...this.columnBasis !== void 0 ? { "^column-basis": this.columnBasis } : {},
|
|
6086
|
+
...this.columnSpacing !== void 0 ? { "^column-spacing": this.columnSpacing } : {},
|
|
6087
|
+
...this.rowSpacing !== void 0 ? { "^row-spacing": this.rowSpacing } : {},
|
|
6088
|
+
...this.autoSizing !== void 0 ? { "^auto-sizing": this.autoSizing } : {}
|
|
6089
|
+
}),
|
|
6009
6090
|
onClick: (event) => {
|
|
6010
6091
|
this.$emit("click", event);
|
|
6011
6092
|
},
|
|
@@ -6208,14 +6289,16 @@ const VMenu = defineComponent({
|
|
|
6208
6289
|
{
|
|
6209
6290
|
ref: "element",
|
|
6210
6291
|
class: "vvd-component",
|
|
6211
|
-
...
|
|
6212
|
-
|
|
6213
|
-
|
|
6214
|
-
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6218
|
-
|
|
6292
|
+
...handleVue3Props({
|
|
6293
|
+
...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
|
|
6294
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6295
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
6296
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
6297
|
+
...this.trigger !== void 0 ? { "^trigger": this.trigger } : {},
|
|
6298
|
+
...this.autoDismiss !== void 0 && this.autoDismiss !== false ? { "^auto-dismiss": this.autoDismiss } : {},
|
|
6299
|
+
...this.positionStrategy !== void 0 ? { "^position-strategy": this.positionStrategy } : {},
|
|
6300
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
6301
|
+
}),
|
|
6219
6302
|
onClick: (event) => {
|
|
6220
6303
|
this.$emit("click", event);
|
|
6221
6304
|
},
|
|
@@ -6444,17 +6527,19 @@ const VMenuItem = defineComponent({
|
|
|
6444
6527
|
{
|
|
6445
6528
|
ref: "element",
|
|
6446
6529
|
class: "vvd-component",
|
|
6447
|
-
...
|
|
6448
|
-
|
|
6449
|
-
|
|
6450
|
-
|
|
6451
|
-
|
|
6452
|
-
|
|
6453
|
-
|
|
6454
|
-
|
|
6455
|
-
|
|
6456
|
-
|
|
6457
|
-
|
|
6530
|
+
...handleVue3Props({
|
|
6531
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
6532
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6533
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
6534
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
6535
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
6536
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^checked": this.modelValue ?? this.checked } : {},
|
|
6537
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
6538
|
+
...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {},
|
|
6539
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6540
|
+
...this.checkTrailing !== void 0 && this.checkTrailing !== false ? { "^check-trailing": this.checkTrailing } : {},
|
|
6541
|
+
...this.checkAppearance !== void 0 ? { "^check-appearance": this.checkAppearance } : {}
|
|
6542
|
+
}),
|
|
6458
6543
|
onClick: (event) => {
|
|
6459
6544
|
this.$emit("click", event);
|
|
6460
6545
|
},
|
|
@@ -6586,7 +6671,9 @@ const VNav = defineComponent({
|
|
|
6586
6671
|
{
|
|
6587
6672
|
ref: "element",
|
|
6588
6673
|
class: "vvd-component",
|
|
6589
|
-
...
|
|
6674
|
+
...handleVue3Props({
|
|
6675
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
6676
|
+
}),
|
|
6590
6677
|
onClick: (event) => {
|
|
6591
6678
|
this.$emit("click", event);
|
|
6592
6679
|
},
|
|
@@ -6742,12 +6829,14 @@ const VNavDisclosure = defineComponent({
|
|
|
6742
6829
|
{
|
|
6743
6830
|
ref: "element",
|
|
6744
6831
|
class: "vvd-component",
|
|
6745
|
-
...
|
|
6746
|
-
|
|
6747
|
-
|
|
6748
|
-
|
|
6749
|
-
|
|
6750
|
-
|
|
6832
|
+
...handleVue3Props({
|
|
6833
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
6834
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
6835
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
6836
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6837
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
6838
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
6839
|
+
}),
|
|
6751
6840
|
onClick: (event) => {
|
|
6752
6841
|
this.$emit("click", event);
|
|
6753
6842
|
},
|
|
@@ -6958,20 +7047,22 @@ const VNavItem = defineComponent({
|
|
|
6958
7047
|
{
|
|
6959
7048
|
ref: "element",
|
|
6960
7049
|
class: "vvd-component",
|
|
6961
|
-
...
|
|
6962
|
-
|
|
6963
|
-
|
|
6964
|
-
|
|
6965
|
-
|
|
6966
|
-
|
|
6967
|
-
|
|
6968
|
-
|
|
6969
|
-
|
|
6970
|
-
|
|
6971
|
-
|
|
6972
|
-
|
|
6973
|
-
|
|
6974
|
-
|
|
7050
|
+
...handleVue3Props({
|
|
7051
|
+
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
7052
|
+
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
7053
|
+
...this.hreflang !== void 0 ? { "^hreflang": this.hreflang } : {},
|
|
7054
|
+
...this.ping !== void 0 ? { "^ping": this.ping } : {},
|
|
7055
|
+
...this.referrerpolicy !== void 0 ? { "^referrerpolicy": this.referrerpolicy } : {},
|
|
7056
|
+
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
7057
|
+
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
7058
|
+
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
7059
|
+
...this.ariaExpanded !== void 0 ? { "^aria-expanded": this.ariaExpanded } : {},
|
|
7060
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7061
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7062
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
7063
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
7064
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {}
|
|
7065
|
+
}),
|
|
6975
7066
|
onClick: (event) => {
|
|
6976
7067
|
this.$emit("click", event);
|
|
6977
7068
|
},
|
|
@@ -7111,10 +7202,12 @@ const VNote = defineComponent({
|
|
|
7111
7202
|
{
|
|
7112
7203
|
ref: "element",
|
|
7113
7204
|
class: "vvd-component",
|
|
7114
|
-
...
|
|
7115
|
-
|
|
7116
|
-
|
|
7117
|
-
|
|
7205
|
+
...handleVue3Props({
|
|
7206
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7207
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7208
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
7209
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {}
|
|
7210
|
+
}),
|
|
7118
7211
|
onClick: (event) => {
|
|
7119
7212
|
this.$emit("click", event);
|
|
7120
7213
|
},
|
|
@@ -7434,34 +7527,36 @@ const VNumberField = defineComponent({
|
|
|
7434
7527
|
{
|
|
7435
7528
|
ref: "element",
|
|
7436
7529
|
class: "vvd-component",
|
|
7437
|
-
...
|
|
7438
|
-
|
|
7439
|
-
|
|
7440
|
-
|
|
7441
|
-
|
|
7442
|
-
|
|
7443
|
-
|
|
7444
|
-
|
|
7445
|
-
|
|
7446
|
-
|
|
7447
|
-
|
|
7448
|
-
|
|
7449
|
-
|
|
7450
|
-
|
|
7451
|
-
|
|
7452
|
-
|
|
7453
|
-
|
|
7454
|
-
|
|
7455
|
-
|
|
7456
|
-
|
|
7457
|
-
|
|
7458
|
-
|
|
7459
|
-
|
|
7460
|
-
|
|
7461
|
-
|
|
7462
|
-
|
|
7463
|
-
|
|
7464
|
-
|
|
7530
|
+
...handleVue3Props({
|
|
7531
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
7532
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
7533
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
7534
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7535
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
7536
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7537
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7538
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7539
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
7540
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
7541
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
7542
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
7543
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
7544
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
7545
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
7546
|
+
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
7547
|
+
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
7548
|
+
...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
|
|
7549
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
7550
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
7551
|
+
...this.step !== void 0 ? { "^step": this.step } : {},
|
|
7552
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
7553
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
7554
|
+
...this.incrementButtonAriaLabel !== void 0 ? { "^increment-button-aria-label": this.incrementButtonAriaLabel } : {},
|
|
7555
|
+
...this.decrementButtonAriaLabel !== void 0 ? { "^decrement-button-aria-label": this.decrementButtonAriaLabel } : {},
|
|
7556
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
7557
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
7558
|
+
...this.autoComplete !== void 0 ? { "^autoComplete": this.autoComplete } : {}
|
|
7559
|
+
}),
|
|
7465
7560
|
onClick: (event) => {
|
|
7466
7561
|
this.$emit("click", event);
|
|
7467
7562
|
},
|
|
@@ -7638,15 +7733,17 @@ const VOption = defineComponent({
|
|
|
7638
7733
|
{
|
|
7639
7734
|
ref: "element",
|
|
7640
7735
|
class: "vvd-component",
|
|
7641
|
-
...
|
|
7642
|
-
|
|
7643
|
-
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7736
|
+
...handleVue3Props({
|
|
7737
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7738
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
7739
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7740
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7741
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
|
|
7742
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
7743
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7744
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
7745
|
+
...this.value !== void 0 ? { ".value": this.value } : {}
|
|
7746
|
+
}),
|
|
7650
7747
|
onClick: (event) => {
|
|
7651
7748
|
this.$emit("click", event);
|
|
7652
7749
|
},
|
|
@@ -7801,12 +7898,14 @@ const VPagination = defineComponent({
|
|
|
7801
7898
|
{
|
|
7802
7899
|
ref: "element",
|
|
7803
7900
|
class: "vvd-component",
|
|
7804
|
-
...
|
|
7805
|
-
|
|
7806
|
-
|
|
7807
|
-
|
|
7808
|
-
|
|
7809
|
-
|
|
7901
|
+
...handleVue3Props({
|
|
7902
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7903
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
7904
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
7905
|
+
...this.navIcons !== void 0 && this.navIcons !== false ? { "^nav-icons": this.navIcons } : {},
|
|
7906
|
+
...this.total !== void 0 ? { "^total": this.total } : {},
|
|
7907
|
+
...this.selectedIndex !== void 0 ? { "^selected-index": this.selectedIndex } : {}
|
|
7908
|
+
}),
|
|
7810
7909
|
onClick: (event) => {
|
|
7811
7910
|
this.$emit("click", event);
|
|
7812
7911
|
},
|
|
@@ -7968,15 +8067,17 @@ const VProgress = defineComponent({
|
|
|
7968
8067
|
{
|
|
7969
8068
|
ref: "element",
|
|
7970
8069
|
class: "vvd-component",
|
|
7971
|
-
...
|
|
7972
|
-
|
|
7973
|
-
|
|
7974
|
-
|
|
7975
|
-
|
|
7976
|
-
|
|
7977
|
-
|
|
7978
|
-
|
|
7979
|
-
|
|
8070
|
+
...handleVue3Props({
|
|
8071
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8072
|
+
...this.value !== void 0 ? { "^value": this.value } : {},
|
|
8073
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
8074
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
8075
|
+
...this.paused !== void 0 && this.paused !== false ? { "^paused": this.paused } : {},
|
|
8076
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8077
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
8078
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8079
|
+
...this.reverse !== void 0 && this.reverse !== false ? { "^reverse": this.reverse } : {}
|
|
8080
|
+
}),
|
|
7980
8081
|
onClick: (event) => {
|
|
7981
8082
|
this.$emit("click", event);
|
|
7982
8083
|
},
|
|
@@ -8127,14 +8228,16 @@ const VProgressRing = defineComponent({
|
|
|
8127
8228
|
{
|
|
8128
8229
|
ref: "element",
|
|
8129
8230
|
class: "vvd-component",
|
|
8130
|
-
...
|
|
8131
|
-
|
|
8132
|
-
|
|
8133
|
-
|
|
8134
|
-
|
|
8135
|
-
|
|
8136
|
-
|
|
8137
|
-
|
|
8231
|
+
...handleVue3Props({
|
|
8232
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8233
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
8234
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
8235
|
+
...this.paused !== void 0 && this.paused !== false ? { "^paused": this.paused } : {},
|
|
8236
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8237
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8238
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
8239
|
+
...this.value !== void 0 && this.value !== false ? { "^value": this.value } : {}
|
|
8240
|
+
}),
|
|
8138
8241
|
onClick: (event) => {
|
|
8139
8242
|
this.$emit("click", event);
|
|
8140
8243
|
},
|
|
@@ -8322,18 +8425,20 @@ const VRadio = defineComponent({
|
|
|
8322
8425
|
{
|
|
8323
8426
|
ref: "element",
|
|
8324
8427
|
class: "vvd-component",
|
|
8325
|
-
...
|
|
8326
|
-
|
|
8327
|
-
|
|
8328
|
-
|
|
8329
|
-
|
|
8330
|
-
|
|
8331
|
-
|
|
8332
|
-
|
|
8333
|
-
|
|
8334
|
-
|
|
8335
|
-
|
|
8336
|
-
|
|
8428
|
+
...handleVue3Props({
|
|
8429
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8430
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8431
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
8432
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
8433
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
8434
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
8435
|
+
...this.checked !== void 0 && this.checked !== false ? { "^current-checked": this.checked } : {},
|
|
8436
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8437
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8438
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8439
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
8440
|
+
...this.name !== void 0 ? { "^name": this.name } : {}
|
|
8441
|
+
}),
|
|
8337
8442
|
onClick: (event) => {
|
|
8338
8443
|
this.$emit("click", event);
|
|
8339
8444
|
},
|
|
@@ -8515,13 +8620,15 @@ const VRadioGroup = defineComponent({
|
|
|
8515
8620
|
{
|
|
8516
8621
|
ref: "element",
|
|
8517
8622
|
class: "vvd-component",
|
|
8518
|
-
...
|
|
8519
|
-
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
|
|
8524
|
-
|
|
8623
|
+
...handleVue3Props({
|
|
8624
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8625
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8626
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
8627
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8628
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
8629
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
8630
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {}
|
|
8631
|
+
}),
|
|
8525
8632
|
onClick: (event) => {
|
|
8526
8633
|
this.$emit("click", event);
|
|
8527
8634
|
},
|
|
@@ -8803,26 +8910,28 @@ const VRangeSlider = defineComponent({
|
|
|
8803
8910
|
{
|
|
8804
8911
|
ref: "element",
|
|
8805
8912
|
class: "vvd-component",
|
|
8806
|
-
...
|
|
8807
|
-
|
|
8808
|
-
|
|
8809
|
-
|
|
8810
|
-
|
|
8811
|
-
|
|
8812
|
-
|
|
8813
|
-
|
|
8814
|
-
|
|
8815
|
-
|
|
8816
|
-
|
|
8817
|
-
|
|
8818
|
-
|
|
8819
|
-
|
|
8820
|
-
|
|
8821
|
-
|
|
8822
|
-
|
|
8823
|
-
|
|
8824
|
-
|
|
8825
|
-
|
|
8913
|
+
...handleVue3Props({
|
|
8914
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8915
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8916
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8917
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
8918
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
8919
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
8920
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
8921
|
+
...this.initialStart !== void 0 ? { "^start": this.initialStart } : {},
|
|
8922
|
+
...this.start !== void 0 ? { "^current-start": this.start } : {},
|
|
8923
|
+
...this.initialEnd !== void 0 ? { "^end": this.initialEnd } : {},
|
|
8924
|
+
...this.end !== void 0 ? { "^current-end": this.end } : {},
|
|
8925
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
8926
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
8927
|
+
...this.step !== void 0 ? { "^step": this.step } : {},
|
|
8928
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
8929
|
+
...this.ariaStartLabel !== void 0 ? { "^aria-start-label": this.ariaStartLabel } : {},
|
|
8930
|
+
...this.ariaEndLabel !== void 0 ? { "^aria-end-label": this.ariaEndLabel } : {},
|
|
8931
|
+
...this.markers !== void 0 && this.markers !== false ? { "^markers": this.markers } : {},
|
|
8932
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8933
|
+
...this.pin !== void 0 && this.pin !== false ? { "^pin": this.pin } : {}
|
|
8934
|
+
}),
|
|
8826
8935
|
onClick: (event) => {
|
|
8827
8936
|
this.$emit("click", event);
|
|
8828
8937
|
},
|
|
@@ -9091,28 +9200,30 @@ const VSearchableSelect = defineComponent({
|
|
|
9091
9200
|
{
|
|
9092
9201
|
ref: "element",
|
|
9093
9202
|
class: "vvd-component",
|
|
9094
|
-
...
|
|
9095
|
-
|
|
9096
|
-
|
|
9097
|
-
|
|
9098
|
-
|
|
9099
|
-
|
|
9100
|
-
|
|
9101
|
-
|
|
9102
|
-
|
|
9103
|
-
|
|
9104
|
-
|
|
9105
|
-
|
|
9106
|
-
|
|
9107
|
-
|
|
9108
|
-
|
|
9109
|
-
|
|
9110
|
-
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
|
|
9114
|
-
|
|
9115
|
-
|
|
9203
|
+
...handleVue3Props({
|
|
9204
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
9205
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
9206
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
9207
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
9208
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
9209
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
9210
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9211
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
9212
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
9213
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9214
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
9215
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
9216
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
9217
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
9218
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
9219
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
9220
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
9221
|
+
...this.multiple !== void 0 && this.multiple !== false ? { "^multiple": this.multiple } : {},
|
|
9222
|
+
...this.externalTags !== void 0 && this.externalTags !== false ? { "^external-tags": this.externalTags } : {},
|
|
9223
|
+
...this.maxLines !== void 0 ? { "^max-lines": this.maxLines } : {},
|
|
9224
|
+
...this.clearable !== void 0 && this.clearable !== false ? { "^clearable": this.clearable } : {},
|
|
9225
|
+
...this.values !== void 0 ? { ".values": this.values } : {}
|
|
9226
|
+
}),
|
|
9116
9227
|
onClick: (event) => {
|
|
9117
9228
|
this.$emit("click", event);
|
|
9118
9229
|
},
|
|
@@ -9418,26 +9529,28 @@ const VSelect = defineComponent({
|
|
|
9418
9529
|
{
|
|
9419
9530
|
ref: "element",
|
|
9420
9531
|
class: "vvd-component",
|
|
9421
|
-
...
|
|
9422
|
-
|
|
9423
|
-
|
|
9424
|
-
|
|
9425
|
-
|
|
9426
|
-
|
|
9427
|
-
|
|
9428
|
-
|
|
9429
|
-
|
|
9430
|
-
|
|
9431
|
-
|
|
9432
|
-
|
|
9433
|
-
|
|
9434
|
-
|
|
9435
|
-
|
|
9436
|
-
|
|
9437
|
-
|
|
9438
|
-
|
|
9439
|
-
|
|
9440
|
-
|
|
9532
|
+
...handleVue3Props({
|
|
9533
|
+
...this.ariaControls !== void 0 ? { "^aria-controls": this.ariaControls } : {},
|
|
9534
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
9535
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
9536
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
9537
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
9538
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
9539
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
9540
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9541
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
9542
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
9543
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9544
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
9545
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
9546
|
+
...this.multiple !== void 0 && this.multiple !== false ? { "^multiple": this.multiple } : {},
|
|
9547
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
9548
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
9549
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
9550
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
9551
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
9552
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {}
|
|
9553
|
+
}),
|
|
9441
9554
|
onClick: (event) => {
|
|
9442
9555
|
this.$emit("click", event);
|
|
9443
9556
|
},
|
|
@@ -9615,14 +9728,16 @@ const VSelectableBox = defineComponent({
|
|
|
9615
9728
|
{
|
|
9616
9729
|
ref: "element",
|
|
9617
9730
|
class: "vvd-component",
|
|
9618
|
-
...
|
|
9619
|
-
|
|
9620
|
-
|
|
9621
|
-
|
|
9622
|
-
|
|
9623
|
-
|
|
9624
|
-
|
|
9625
|
-
|
|
9731
|
+
...handleVue3Props({
|
|
9732
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9733
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
9734
|
+
...this.checked !== void 0 && this.checked !== false ? { "^checked": this.checked } : {},
|
|
9735
|
+
...this.clickable !== void 0 && this.clickable !== false ? { "^clickable": this.clickable } : {},
|
|
9736
|
+
...this.clickableBox !== void 0 && this.clickableBox !== false ? { "^clickable-box": this.clickableBox } : {},
|
|
9737
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
9738
|
+
...this.controlType !== void 0 ? { "^control-type": this.controlType } : {},
|
|
9739
|
+
...this.tight !== void 0 && this.tight !== false ? { "^tight": this.tight } : {}
|
|
9740
|
+
}),
|
|
9626
9741
|
onClick: (event) => {
|
|
9627
9742
|
this.$emit("click", event);
|
|
9628
9743
|
},
|
|
@@ -9789,11 +9904,13 @@ const VSideDrawer = defineComponent({
|
|
|
9789
9904
|
{
|
|
9790
9905
|
ref: "element",
|
|
9791
9906
|
class: "vvd-component",
|
|
9792
|
-
...
|
|
9793
|
-
|
|
9794
|
-
|
|
9795
|
-
|
|
9796
|
-
|
|
9907
|
+
...handleVue3Props({
|
|
9908
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9909
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {},
|
|
9910
|
+
...this.modal !== void 0 && this.modal !== false ? { "^modal": this.modal } : {},
|
|
9911
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
9912
|
+
...this.trailing !== void 0 && this.trailing !== false ? { "^trailing": this.trailing } : {}
|
|
9913
|
+
}),
|
|
9797
9914
|
onClick: (event) => {
|
|
9798
9915
|
this.$emit("click", event);
|
|
9799
9916
|
},
|
|
@@ -10056,23 +10173,25 @@ const VSlider = defineComponent({
|
|
|
10056
10173
|
{
|
|
10057
10174
|
ref: "element",
|
|
10058
10175
|
class: "vvd-component",
|
|
10059
|
-
...
|
|
10060
|
-
|
|
10061
|
-
|
|
10062
|
-
|
|
10063
|
-
|
|
10064
|
-
|
|
10065
|
-
|
|
10066
|
-
|
|
10067
|
-
|
|
10068
|
-
|
|
10069
|
-
|
|
10070
|
-
|
|
10071
|
-
|
|
10072
|
-
|
|
10073
|
-
|
|
10074
|
-
|
|
10075
|
-
|
|
10176
|
+
...handleVue3Props({
|
|
10177
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10178
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10179
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
10180
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
10181
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
10182
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
10183
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
10184
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
10185
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
10186
|
+
...this.step !== void 0 ? { "^step": this.step } : {},
|
|
10187
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
10188
|
+
...this.mode !== void 0 ? { "^mode": this.mode } : {},
|
|
10189
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
10190
|
+
...this.ariaValuetext !== void 0 ? { "^aria-valuetext": this.ariaValuetext } : {},
|
|
10191
|
+
...this.markers !== void 0 && this.markers !== false ? { "^markers": this.markers } : {},
|
|
10192
|
+
...this.pin !== void 0 && this.pin !== false ? { "^pin": this.pin } : {},
|
|
10193
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {}
|
|
10194
|
+
}),
|
|
10076
10195
|
onClick: (event) => {
|
|
10077
10196
|
this.$emit("click", event);
|
|
10078
10197
|
},
|
|
@@ -10282,18 +10401,20 @@ const VSplitButton = defineComponent({
|
|
|
10282
10401
|
{
|
|
10283
10402
|
ref: "element",
|
|
10284
10403
|
class: "vvd-component",
|
|
10285
|
-
...
|
|
10286
|
-
|
|
10287
|
-
|
|
10288
|
-
|
|
10289
|
-
|
|
10290
|
-
|
|
10291
|
-
|
|
10292
|
-
|
|
10293
|
-
|
|
10294
|
-
|
|
10295
|
-
|
|
10296
|
-
|
|
10404
|
+
...handleVue3Props({
|
|
10405
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10406
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
10407
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
10408
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
10409
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
10410
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
10411
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
10412
|
+
...this.splitIndicator !== void 0 ? { "^split-indicator": this.splitIndicator } : {},
|
|
10413
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10414
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
10415
|
+
...this.ariaExpanded !== void 0 ? { "^aria-expanded": this.ariaExpanded } : {},
|
|
10416
|
+
...this.indicatorAriaLabel !== void 0 ? { "^indicator-aria-label": this.indicatorAriaLabel } : {}
|
|
10417
|
+
}),
|
|
10297
10418
|
onClick: (event) => {
|
|
10298
10419
|
this.$emit("click", event);
|
|
10299
10420
|
},
|
|
@@ -10510,18 +10631,20 @@ const VSwitch = defineComponent({
|
|
|
10510
10631
|
{
|
|
10511
10632
|
ref: "element",
|
|
10512
10633
|
class: "vvd-component",
|
|
10513
|
-
...
|
|
10514
|
-
|
|
10515
|
-
|
|
10516
|
-
|
|
10517
|
-
|
|
10518
|
-
|
|
10519
|
-
|
|
10520
|
-
|
|
10521
|
-
|
|
10522
|
-
|
|
10523
|
-
|
|
10524
|
-
|
|
10634
|
+
...handleVue3Props({
|
|
10635
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10636
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10637
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
10638
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
10639
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
10640
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
10641
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
10642
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
10643
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
10644
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
10645
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
10646
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
10647
|
+
}),
|
|
10525
10648
|
onClick: (event) => {
|
|
10526
10649
|
this.$emit("click", event);
|
|
10527
10650
|
},
|
|
@@ -10701,16 +10824,18 @@ const VTab = defineComponent({
|
|
|
10701
10824
|
{
|
|
10702
10825
|
ref: "element",
|
|
10703
10826
|
class: "vvd-component",
|
|
10704
|
-
...
|
|
10705
|
-
|
|
10706
|
-
|
|
10707
|
-
|
|
10708
|
-
|
|
10709
|
-
|
|
10710
|
-
|
|
10711
|
-
|
|
10712
|
-
|
|
10713
|
-
|
|
10827
|
+
...handleVue3Props({
|
|
10828
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
10829
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
10830
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10831
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10832
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
10833
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
10834
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
10835
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
10836
|
+
...this.tabIndex !== void 0 ? { "^tabIndex": this.tabIndex } : {},
|
|
10837
|
+
...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {}
|
|
10838
|
+
}),
|
|
10714
10839
|
onClick: (event) => {
|
|
10715
10840
|
this.$emit("click", event);
|
|
10716
10841
|
},
|
|
@@ -10828,7 +10953,9 @@ const VTabPanel = defineComponent({
|
|
|
10828
10953
|
{
|
|
10829
10954
|
ref: "element",
|
|
10830
10955
|
class: "vvd-component",
|
|
10831
|
-
...
|
|
10956
|
+
...handleVue3Props({
|
|
10957
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
10958
|
+
}),
|
|
10832
10959
|
onClick: (event) => {
|
|
10833
10960
|
this.$emit("click", event);
|
|
10834
10961
|
},
|
|
@@ -11003,14 +11130,16 @@ const VTabs = defineComponent({
|
|
|
11003
11130
|
{
|
|
11004
11131
|
ref: "element",
|
|
11005
11132
|
class: "vvd-component",
|
|
11006
|
-
...
|
|
11007
|
-
|
|
11008
|
-
|
|
11009
|
-
|
|
11010
|
-
|
|
11011
|
-
|
|
11012
|
-
|
|
11013
|
-
|
|
11133
|
+
...handleVue3Props({
|
|
11134
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11135
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
11136
|
+
...this.activeid !== void 0 ? { "^activeid": this.activeid } : {},
|
|
11137
|
+
...this.activeindicator !== void 0 && this.activeindicator !== false ? { "^activeindicator": this.activeindicator } : {},
|
|
11138
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
11139
|
+
...this.gutters !== void 0 ? { "^gutters": this.gutters } : {},
|
|
11140
|
+
...this.scrollablePanel !== void 0 && this.scrollablePanel !== false ? { "^scrollable-panel": this.scrollablePanel } : {},
|
|
11141
|
+
...this.tabsLayout !== void 0 ? { "^tabs-layout": this.tabsLayout } : {}
|
|
11142
|
+
}),
|
|
11014
11143
|
onClick: (event) => {
|
|
11015
11144
|
this.$emit("click", event);
|
|
11016
11145
|
},
|
|
@@ -11211,16 +11340,18 @@ const VTag = defineComponent({
|
|
|
11211
11340
|
{
|
|
11212
11341
|
ref: "element",
|
|
11213
11342
|
class: "vvd-component",
|
|
11214
|
-
...
|
|
11215
|
-
|
|
11216
|
-
|
|
11217
|
-
|
|
11218
|
-
|
|
11219
|
-
|
|
11220
|
-
|
|
11221
|
-
|
|
11222
|
-
|
|
11223
|
-
|
|
11343
|
+
...handleVue3Props({
|
|
11344
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
11345
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11346
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
11347
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
11348
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
11349
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
11350
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
11351
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
11352
|
+
...this.selectable !== void 0 && this.selectable !== false ? { "^selectable": this.selectable } : {},
|
|
11353
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {}
|
|
11354
|
+
}),
|
|
11224
11355
|
onClick: (event) => {
|
|
11225
11356
|
this.$emit("click", event);
|
|
11226
11357
|
},
|
|
@@ -11346,8 +11477,10 @@ const VTagGroup = defineComponent({
|
|
|
11346
11477
|
{
|
|
11347
11478
|
ref: "element",
|
|
11348
11479
|
class: "vvd-component",
|
|
11349
|
-
...
|
|
11350
|
-
|
|
11480
|
+
...handleVue3Props({
|
|
11481
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11482
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {}
|
|
11483
|
+
}),
|
|
11351
11484
|
onClick: (event) => {
|
|
11352
11485
|
this.$emit("click", event);
|
|
11353
11486
|
},
|
|
@@ -11631,29 +11764,31 @@ const VTextArea = defineComponent({
|
|
|
11631
11764
|
{
|
|
11632
11765
|
ref: "element",
|
|
11633
11766
|
class: "vvd-component",
|
|
11634
|
-
...
|
|
11635
|
-
|
|
11636
|
-
|
|
11637
|
-
|
|
11638
|
-
|
|
11639
|
-
|
|
11640
|
-
|
|
11641
|
-
|
|
11642
|
-
|
|
11643
|
-
|
|
11644
|
-
|
|
11645
|
-
|
|
11646
|
-
|
|
11647
|
-
|
|
11648
|
-
|
|
11649
|
-
|
|
11650
|
-
|
|
11651
|
-
|
|
11652
|
-
|
|
11653
|
-
|
|
11654
|
-
|
|
11655
|
-
|
|
11656
|
-
|
|
11767
|
+
...handleVue3Props({
|
|
11768
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
11769
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
11770
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
11771
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
11772
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
11773
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11774
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
11775
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
11776
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
11777
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
11778
|
+
...this.readOnly !== void 0 && this.readOnly !== false ? { "^readOnly": this.readOnly } : {},
|
|
11779
|
+
...this.resize !== void 0 ? { "^resize": this.resize } : {},
|
|
11780
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
11781
|
+
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
11782
|
+
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
11783
|
+
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
11784
|
+
...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
|
|
11785
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
11786
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
11787
|
+
...this.cols !== void 0 ? { "^cols": this.cols } : {},
|
|
11788
|
+
...this.rows !== void 0 ? { "^rows": this.rows } : {},
|
|
11789
|
+
...this.spellcheck !== void 0 && this.spellcheck !== false ? { "^spellcheck": this.spellcheck } : {},
|
|
11790
|
+
...this.wrap !== void 0 ? { "^wrap": this.wrap } : {}
|
|
11791
|
+
}),
|
|
11657
11792
|
onClick: (event) => {
|
|
11658
11793
|
this.$emit("click", event);
|
|
11659
11794
|
},
|
|
@@ -11971,33 +12106,35 @@ const VTextField = defineComponent({
|
|
|
11971
12106
|
{
|
|
11972
12107
|
ref: "element",
|
|
11973
12108
|
class: "vvd-component",
|
|
11974
|
-
...
|
|
11975
|
-
|
|
11976
|
-
|
|
11977
|
-
|
|
11978
|
-
|
|
11979
|
-
|
|
11980
|
-
|
|
11981
|
-
|
|
11982
|
-
|
|
11983
|
-
|
|
11984
|
-
|
|
11985
|
-
|
|
11986
|
-
|
|
11987
|
-
|
|
11988
|
-
|
|
11989
|
-
|
|
11990
|
-
|
|
11991
|
-
|
|
11992
|
-
|
|
11993
|
-
|
|
11994
|
-
|
|
11995
|
-
|
|
11996
|
-
|
|
11997
|
-
|
|
11998
|
-
|
|
11999
|
-
|
|
12000
|
-
|
|
12109
|
+
...handleVue3Props({
|
|
12110
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
12111
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
12112
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
12113
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
12114
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
12115
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
12116
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12117
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
12118
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
12119
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
12120
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
12121
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
12122
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
12123
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
12124
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
12125
|
+
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
12126
|
+
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
12127
|
+
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
12128
|
+
...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
|
|
12129
|
+
...this.pattern !== void 0 ? { "^pattern": this.pattern } : {},
|
|
12130
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
12131
|
+
...this.spellcheck !== void 0 && this.spellcheck !== false ? { "^spellcheck": this.spellcheck } : {},
|
|
12132
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
12133
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
12134
|
+
...this.autoComplete !== void 0 ? { "^autoComplete": this.autoComplete } : {},
|
|
12135
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
12136
|
+
...this.inputmode !== void 0 ? { "^inputmode": this.inputmode } : {}
|
|
12137
|
+
}),
|
|
12001
12138
|
onClick: (event) => {
|
|
12002
12139
|
this.$emit("click", event);
|
|
12003
12140
|
},
|
|
@@ -12237,21 +12374,23 @@ const VTimePicker = defineComponent({
|
|
|
12237
12374
|
{
|
|
12238
12375
|
ref: "element",
|
|
12239
12376
|
class: "vvd-component",
|
|
12240
|
-
...
|
|
12241
|
-
|
|
12242
|
-
|
|
12243
|
-
|
|
12244
|
-
|
|
12245
|
-
|
|
12246
|
-
|
|
12247
|
-
|
|
12248
|
-
|
|
12249
|
-
|
|
12250
|
-
|
|
12251
|
-
|
|
12252
|
-
|
|
12253
|
-
|
|
12254
|
-
|
|
12377
|
+
...handleVue3Props({
|
|
12378
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
12379
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
12380
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
12381
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12382
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
12383
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
12384
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
12385
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
12386
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
12387
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
12388
|
+
...this.minutesStep !== void 0 ? { "^minutes-step": this.minutesStep } : {},
|
|
12389
|
+
...this.secondsStep !== void 0 ? { "^seconds-step": this.secondsStep } : {},
|
|
12390
|
+
...this.clock !== void 0 ? { "^clock": this.clock } : {},
|
|
12391
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
12392
|
+
...this.max !== void 0 ? { "^max": this.max } : {}
|
|
12393
|
+
}),
|
|
12255
12394
|
onClick: (event) => {
|
|
12256
12395
|
this.$emit("click", event);
|
|
12257
12396
|
},
|
|
@@ -12419,12 +12558,14 @@ const VToggletip = defineComponent({
|
|
|
12419
12558
|
{
|
|
12420
12559
|
ref: "element",
|
|
12421
12560
|
class: "vvd-component",
|
|
12422
|
-
...
|
|
12423
|
-
|
|
12424
|
-
|
|
12425
|
-
|
|
12426
|
-
|
|
12427
|
-
|
|
12561
|
+
...handleVue3Props({
|
|
12562
|
+
...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
|
|
12563
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12564
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
12565
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {},
|
|
12566
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
12567
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
12568
|
+
}),
|
|
12428
12569
|
onClick: (event) => {
|
|
12429
12570
|
this.$emit("click", event);
|
|
12430
12571
|
},
|
|
@@ -12571,11 +12712,13 @@ const VTooltip = defineComponent({
|
|
|
12571
12712
|
{
|
|
12572
12713
|
ref: "element",
|
|
12573
12714
|
class: "vvd-component",
|
|
12574
|
-
...
|
|
12575
|
-
|
|
12576
|
-
|
|
12577
|
-
|
|
12578
|
-
|
|
12715
|
+
...handleVue3Props({
|
|
12716
|
+
...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
|
|
12717
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12718
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
12719
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
12720
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
12721
|
+
}),
|
|
12579
12722
|
onClick: (event) => {
|
|
12580
12723
|
this.$emit("click", event);
|
|
12581
12724
|
},
|
|
@@ -12751,12 +12894,14 @@ const VTreeItem = defineComponent({
|
|
|
12751
12894
|
{
|
|
12752
12895
|
ref: "element",
|
|
12753
12896
|
class: "vvd-component",
|
|
12754
|
-
...
|
|
12755
|
-
|
|
12756
|
-
|
|
12757
|
-
|
|
12758
|
-
|
|
12759
|
-
|
|
12897
|
+
...handleVue3Props({
|
|
12898
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
12899
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12900
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
12901
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
12902
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
|
|
12903
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {}
|
|
12904
|
+
}),
|
|
12760
12905
|
onClick: (event) => {
|
|
12761
12906
|
this.$emit("click", event);
|
|
12762
12907
|
},
|
|
@@ -12895,8 +13040,10 @@ const VTreeView = defineComponent({
|
|
|
12895
13040
|
{
|
|
12896
13041
|
ref: "element",
|
|
12897
13042
|
class: "vvd-component",
|
|
12898
|
-
...
|
|
12899
|
-
|
|
13043
|
+
...handleVue3Props({
|
|
13044
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
13045
|
+
...this.renderCollapsedNodes !== void 0 && this.renderCollapsedNodes !== false ? { "^render-collapsed-nodes": this.renderCollapsedNodes } : {}
|
|
13046
|
+
}),
|
|
12900
13047
|
onClick: (event) => {
|
|
12901
13048
|
this.$emit("click", event);
|
|
12902
13049
|
},
|
|
@@ -13072,13 +13219,15 @@ const VVideoPlayer = defineComponent({
|
|
|
13072
13219
|
{
|
|
13073
13220
|
ref: "element",
|
|
13074
13221
|
class: "vvd-component",
|
|
13075
|
-
...
|
|
13076
|
-
|
|
13077
|
-
|
|
13078
|
-
|
|
13079
|
-
|
|
13080
|
-
|
|
13081
|
-
|
|
13222
|
+
...handleVue3Props({
|
|
13223
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
13224
|
+
...this.poster !== void 0 ? { "^poster": this.poster } : {},
|
|
13225
|
+
...this.src !== void 0 ? { "^src": this.src } : {},
|
|
13226
|
+
...this.autoplay !== void 0 && this.autoplay !== false ? { "^autoplay": this.autoplay } : {},
|
|
13227
|
+
...this.loop !== void 0 && this.loop !== false ? { "^loop": this.loop } : {},
|
|
13228
|
+
...this.playbackRates !== void 0 ? { "^playback-rates": this.playbackRates } : {},
|
|
13229
|
+
...this.skipBy !== void 0 ? { "^skip-by": this.skipBy } : {}
|
|
13230
|
+
}),
|
|
13082
13231
|
onClick: (event) => {
|
|
13083
13232
|
this.$emit("click", event);
|
|
13084
13233
|
},
|
|
@@ -14358,17 +14507,17 @@ var Icon = /* @__PURE__ */ ((Icon2) => {
|
|
|
14358
14507
|
return Icon2;
|
|
14359
14508
|
})(Icon || {});
|
|
14360
14509
|
|
|
14361
|
-
const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:16 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:17 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:17 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:17 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n}\n";
|
|
14510
|
+
const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n}\n";
|
|
14362
14511
|
|
|
14363
|
-
const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:17 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:16 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:17 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 13 Feb 2025 13:39:17 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n}\n";
|
|
14512
|
+
const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n@property --vvd-size-density {\n syntax: \"<integer>\";\n inherits: true;\n initial-value: 0;\n}\n@property --vvd-size-font-scale-base {\n syntax: \"<length>\";\n inherits: true;\n initial-value: 16px;\n}\n.vvd-root, ::part(vvd-root) {\n --vvd-color-scheme: dark;\n --vvd-color-canvas: #000000;\n --vvd-color-canvas-text: #ffffff;\n --vvd-color-neutral-50: #1a1a1a;\n --vvd-color-neutral-100: #333333;\n --vvd-color-neutral-200: #4d4d4d;\n --vvd-color-neutral-300: #666666;\n --vvd-color-neutral-400: #757575;\n --vvd-color-neutral-500: #929292;\n --vvd-color-neutral-600: #b3b3b3;\n --vvd-color-neutral-700: #cccccc;\n --vvd-color-neutral-800: #E6E6E6;\n --vvd-color-neutral-900: #F2F2F2;\n --vvd-color-neutral-950: #ffffff;\n --vvd-color-cta-50: #26044d;\n --vvd-color-cta-100: #440291;\n --vvd-color-cta-200: #6405d1;\n --vvd-color-cta-300: #871eff;\n --vvd-color-cta-400: #9941ff;\n --vvd-color-cta-500: #b27bf2;\n --vvd-color-cta-600: #cba1fa;\n --vvd-color-cta-700: #dcc1fc;\n --vvd-color-cta-800: #ece2fa;\n --vvd-color-cta-900: #f5f0fd;\n --vvd-color-warning-50: #2A1502;\n --vvd-color-warning-100: #522801;\n --vvd-color-warning-200: #803807;\n --vvd-color-warning-300: #A64C03;\n --vvd-color-warning-400: #be5702;\n --vvd-color-warning-500: #e07902;\n --vvd-color-warning-600: #fa9f00;\n --vvd-color-warning-700: #FACC4B;\n --vvd-color-warning-800: #FDEAA0;\n --vvd-color-warning-900: #FDF5D4;\n --vvd-color-information-50: #071939;\n --vvd-color-information-100: #0e306d;\n --vvd-color-information-200: #094a9e;\n --vvd-color-information-300: #0e65c2;\n --vvd-color-information-400: #0276d5;\n --vvd-color-information-500: #2997f0;\n --vvd-color-information-600: #65baff;\n --vvd-color-information-700: #9dd2fe;\n --vvd-color-information-800: #d3e9fc;\n --vvd-color-information-900: #e8f4fb;\n --vvd-color-announcement-50: #32082c;\n --vvd-color-announcement-100: #620256;\n --vvd-color-announcement-200: #8f1669;\n --vvd-color-announcement-300: #bb1e89;\n --vvd-color-announcement-400: #d6219c;\n --vvd-color-announcement-500: #e560bb;\n --vvd-color-announcement-600: #fb8fd8;\n --vvd-color-announcement-700: #f8b9e7;\n --vvd-color-announcement-800: #ffdcf7;\n --vvd-color-announcement-900: #ffedfb;\n --vvd-color-success-50: #0a1e11;\n --vvd-color-success-100: #183a1e;\n --vvd-color-success-200: #155923;\n --vvd-color-success-300: #167629;\n --vvd-color-success-400: #1c8731;\n --vvd-color-success-500: #30a849;\n --vvd-color-success-600: #53ca6a;\n --vvd-color-success-700: #86e090;\n --vvd-color-success-800: #cfeed4;\n --vvd-color-success-900: #e1f8e5;\n --vvd-color-alert-50: #3e0004;\n --vvd-color-alert-100: #6e0000;\n --vvd-color-alert-200: #9f0202;\n --vvd-color-alert-300: #cd0d0d;\n --vvd-color-alert-400: #e61d1d;\n --vvd-color-alert-500: #f75959;\n --vvd-color-alert-600: #fe9696;\n --vvd-color-alert-700: #ffbbbb;\n --vvd-color-alert-800: #fedfdf;\n --vvd-color-alert-900: #ffeef2;\n --vvd-color-neutral-tint-50: #191828;\n --vvd-color-neutral-tint-100: #31304f;\n --vvd-color-neutral-tint-200: #494977;\n --vvd-color-neutral-tint-300: #63628d;\n --vvd-color-neutral-tint-400: #727198;\n --vvd-color-neutral-tint-500: #908fae;\n --vvd-color-neutral-tint-600: #b2b1c7;\n --vvd-color-neutral-tint-700: #cbcbd9;\n --vvd-color-neutral-tint-800: #e5e5ec;\n --vvd-color-neutral-tint-900: #f2f3f9;\n --vvd-color-surface-0dp: #0d0d0d;\n --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;\n --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;\n --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;\n --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;\n --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;\n --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #4d4d4d) drop-shadow(0px 1px 0px #4d4d4d) drop-shadow(0px -1px 0px #4d4d4d) drop-shadow(-1px 0px 0px #4d4d4d);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);\n --vvd-neutral-tint-color-surface-0dp: #191828;\n --vvd-neutral-tint-color-surface-2dp: linear-gradient(#ffffff08, #ffffff08), #191828;\n --vvd-neutral-tint-color-surface-4dp: linear-gradient(#ffffff0f, #ffffff0f), #191828;\n --vvd-neutral-tint-color-surface-8dp: linear-gradient(#ffffff14, #ffffff14), #191828;\n --vvd-neutral-tint-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #191828;\n --vvd-neutral-tint-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #191828;\n --vvd-neutral-tint-color-surface-24dp: linear-gradient(#ffffff33, #ffffff33), #191828;\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #f2f3f91a) drop-shadow(0px 1px 0px #f2f3f91a) drop-shadow(0px -1px 0px #f2f3f91a) drop-shadow(-1px 0px 0px #f2f3f91a);\n --vvd-neutral-tint-shadow-surface-2dp: none;\n --vvd-neutral-tint-shadow-surface-4dp: none;\n --vvd-neutral-tint-shadow-surface-8dp: none;\n --vvd-neutral-tint-shadow-surface-12dp: none;\n --vvd-neutral-tint-shadow-surface-16dp: none;\n --vvd-neutral-tint-shadow-surface-24dp: none;\n --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;\n --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;\n --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;\n --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;\n --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;\n --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;\n --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;\n --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;\n --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;\n --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;\n}\n\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --vvd-color-scheme: light;\n --vvd-color-canvas: #ffffff;\n --vvd-color-canvas-text: #0d0d0d;\n --vvd-color-neutral-50: #F2F2F2;\n --vvd-color-neutral-100: #E6E6E6;\n --vvd-color-neutral-200: #cccccc;\n --vvd-color-neutral-300: #b3b3b3;\n --vvd-color-neutral-400: #929292;\n --vvd-color-neutral-500: #757575;\n --vvd-color-neutral-600: #666666;\n --vvd-color-neutral-700: #4d4d4d;\n --vvd-color-neutral-800: #333333;\n --vvd-color-neutral-900: #1a1a1a;\n --vvd-color-neutral-950: #0d0d0d;\n --vvd-color-cta-50: #f5f0fd;\n --vvd-color-cta-100: #ece2fa;\n --vvd-color-cta-200: #dcc1fc;\n --vvd-color-cta-300: #cba1fa;\n --vvd-color-cta-400: #b27bf2;\n --vvd-color-cta-500: #9941ff;\n --vvd-color-cta-600: #871eff;\n --vvd-color-cta-700: #6405d1;\n --vvd-color-cta-800: #440291;\n --vvd-color-cta-900: #26044d;\n --vvd-color-cta-950: #140623;\n --vvd-color-warning-50: #FDF5D4;\n --vvd-color-warning-100: #FDEAA0;\n --vvd-color-warning-200: #FACC4B;\n --vvd-color-warning-300: #fa9f00;\n --vvd-color-warning-400: #e07902;\n --vvd-color-warning-500: #be5702;\n --vvd-color-warning-600: #A64C03;\n --vvd-color-warning-700: #893000;\n --vvd-color-warning-800: #522801;\n --vvd-color-warning-900: #2A1502;\n --vvd-color-warning-950: #150B01;\n --vvd-color-information-50: #e8f4fb;\n --vvd-color-information-100: #d3e9fc;\n --vvd-color-information-200: #9dd2fe;\n --vvd-color-information-300: #65baff;\n --vvd-color-information-400: #2997f0;\n --vvd-color-information-500: #0276d5;\n --vvd-color-information-600: #0e65c2;\n --vvd-color-information-700: #094a9e;\n --vvd-color-information-800: #0e306d;\n --vvd-color-information-900: #071939;\n --vvd-color-information-950: #040d1d;\n --vvd-color-announcement-50: #ffedfb;\n --vvd-color-announcement-100: #ffdcf7;\n --vvd-color-announcement-200: #f8b9e7;\n --vvd-color-announcement-300: #fb8fd8;\n --vvd-color-announcement-400: #e560bb;\n --vvd-color-announcement-500: #d6219c;\n --vvd-color-announcement-600: #bb1e89;\n --vvd-color-announcement-700: #8f1669;\n --vvd-color-announcement-800: #620256;\n --vvd-color-announcement-900: #32082c;\n --vvd-color-announcement-950: #1d031a;\n --vvd-color-success-50: #e1f8e5;\n --vvd-color-success-100: #cfeed4;\n --vvd-color-success-200: #86e090;\n --vvd-color-success-300: #53ca6a;\n --vvd-color-success-400: #30a849;\n --vvd-color-success-500: #1c8731;\n --vvd-color-success-600: #167629;\n --vvd-color-success-700: #155923;\n --vvd-color-success-800: #183a1e;\n --vvd-color-success-900: #0a1e11;\n --vvd-color-success-950: #060f09;\n --vvd-color-alert-50: #ffeef2;\n --vvd-color-alert-100: #fedfdf;\n --vvd-color-alert-200: #ffbbbb;\n --vvd-color-alert-300: #fe9696;\n --vvd-color-alert-400: #f75959;\n --vvd-color-alert-500: #e61d1d;\n --vvd-color-alert-600: #cd0d0d;\n --vvd-color-alert-700: #9f0202;\n --vvd-color-alert-800: #6e0000;\n --vvd-color-alert-900: #3e0004;\n --vvd-color-alert-950: #250004;\n --vvd-color-neutral-tint-50: #f2f3f9;\n --vvd-color-neutral-tint-100: #e5e5ec;\n --vvd-color-neutral-tint-200: #cbcbd9;\n --vvd-color-neutral-tint-300: #b2b1c7;\n --vvd-color-neutral-tint-400: #908fae;\n --vvd-color-neutral-tint-500: #727198;\n --vvd-color-neutral-tint-600: #63628d;\n --vvd-color-neutral-tint-700: #494977;\n --vvd-color-neutral-tint-800: #31304f;\n --vvd-color-neutral-tint-900: #191828;\n --vvd-color-neutral-tint-950: #0d0c15;\n --vvd-color-surface-0dp: #ffffff;\n --vvd-color-surface-2dp: #ffffff;\n --vvd-color-surface-4dp: #ffffff;\n --vvd-color-surface-8dp: #ffffff;\n --vvd-color-surface-12dp: #ffffff;\n --vvd-color-surface-16dp: #ffffff;\n --vvd-color-surface-24dp: #ffffff;\n --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);\n --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);\n --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);\n --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);\n --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);\n --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);\n --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);\n --vvd-neutral-tint-shadow-surface-0dp: drop-shadow(1px 0px 0px #31304f1a) drop-shadow(0px 1px 0px #31304f1a) drop-shadow(0px -1px 0px #31304f1a) drop-shadow(-1px 0px 0px #31304f1a);\n --vvd-neutral-tint-shadow-surface-2dp: drop-shadow(0px 1px 4px #26044d1a) drop-shadow(0px 1px 2px #26044d0d) drop-shadow(0px 2px 1px #26044d0d);\n --vvd-neutral-tint-shadow-surface-4dp: drop-shadow(0px 2px 8px #26044d1a) drop-shadow(0px 2px 4px #26044d0d) drop-shadow(0px 4px 2px #26044d0d);\n --vvd-neutral-tint-shadow-surface-8dp: drop-shadow(0px 2px 16px #26044d1a) drop-shadow(0px 8px 8px #26044d0d) drop-shadow(0px 4px 4px #26044d0d);\n --vvd-neutral-tint-shadow-surface-12dp: drop-shadow(0px 4px 24px #26044d1a) drop-shadow(0px 12px 16px #26044d0d) drop-shadow(0px 6px 8px #26044d0d);\n --vvd-neutral-tint-shadow-surface-16dp: drop-shadow(0px 6px 32px #26044d1a) drop-shadow(0px 16px 24px #26044d0d) drop-shadow(0px 8px 12px #26044d0d);\n --vvd-neutral-tint-shadow-surface-24dp: drop-shadow(0px 12px 48px #26044d33) drop-shadow(0px 24px 32px #26044d0d) drop-shadow(0px 12px 16px #26044d0d);\n}\n";
|
|
14364
14513
|
|
|
14365
14514
|
const fontsSpeziaVariableCss = "@font-face {\n font-family: SpeziaCompleteVariableUpright;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n font-display: block;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2\") format(\"woff2\");\n}\n@font-face {\n font-family: SpeziaMonoCompleteVariable;\n font-stretch: 50% 200%;\n font-weight: 1 1000;\n font-display: block;\n src: url(\"https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2\") format(\"woff2\");\n}\n.vvd-root {\n --vvd-typography-headline: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 4.125) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-subtitle: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 3.25) / 1.3076923076923077\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-1: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 2.5) / 1.3\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-2: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 2) / 1.375\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-3: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 1.625) / 1.3846153846153846\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-heading-4: 500 condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 1.25) / 1.4\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-code: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.875) / 1.4285714285714286\n \tSpeziaMonoCompleteVariable;\n --vvd-typography-base-condensed: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-condensed-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px) * 0.75) / 1.3333333333333333\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-extended: 400 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n \tSpeziaCompleteVariableUpright;\n --vvd-typography-base-extended-bold: 600 ultra-condensed\n \tcalc(var(--vvd-size-font-scale-base, 16px)) / 1.5\n \tSpeziaCompleteVariableUpright;\n}\n";
|
|
14366
14515
|
|
|
14367
|
-
const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on
|
|
14516
|
+
const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n.vvd-root, ::part(vvd-root),\n.vvd-theme-alternate, ::part(vvd-theme-alternate) {\n --_vvd3--vvd-color-neutral-50: var(\n \t--vvd-color-neutral-50\n );\n}\n\n.vvd-component:not(.vvd-theme-alternate) {\n --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);\n}\n";
|
|
14368
14517
|
|
|
14369
|
-
const coreThemeCss = "/**\n * Do not edit directly\n * Generated on
|
|
14518
|
+
const coreThemeCss = "/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n.vvd-root {\n color-scheme: var(--vvd-color-scheme);\n background-color: var(--vvd-color-canvas);\n color: var(--vvd-color-canvas-text);\n}\n\n.vvd-scrollbar {\n --scrollbar-track-color: transparent;\n --scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);\n}\n.vvd-scrollbar {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n scrollbar-width: thin;\n}\n.vvd-scrollbar ::-webkit-scrollbar {\n width: 4px;\n}\n.vvd-scrollbar ::-webkit-scrollbar-track {\n background: var(--scrollbar-track-color);\n}\n.vvd-scrollbar ::-webkit-scrollbar-thumb {\n border: 0;\n border-radius: 4px;\n background-color: var(--scrollbar-thumb-color);\n}\n\n.vvd-neutral-tint-elevation {\n --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(\n \t--vvd-neutral-tint-shadow-surface-12dp\n );\n --_vvd-tinted-shadow-surface-16dp: var(\n \t--vvd-neutral-tint-shadow-surface-16dp\n );\n --_vvd-tinted-shadow-surface-24dp: var(\n \t--vvd-neutral-tint-shadow-surface-24dp\n );\n}\n.vvd-neutral-tint-elevation > * {\n --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);\n --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);\n --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);\n --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);\n --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);\n --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);\n --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);\n --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);\n --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);\n --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);\n --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);\n --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);\n --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);\n --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);\n}\n";
|
|
14370
14519
|
|
|
14371
|
-
const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on
|
|
14520
|
+
const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on Tue, 18 Feb 2025 11:18:19 GMT\n */\n.vvd-root:root {\n --vvd-size-font-scale-base: 1rem;\n font-size: unset;\n}\n.vvd-root:root > body {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n}\n.vvd-root:not(:root) {\n font: var(--vvd-typography-base);\n font-feature-settings: \"kern\"; /* turns on kerning */\n text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */\n -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */\n -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */\n}\n.vvd-root p,\n.vvd-root .font-base {\n font: var(--vvd-typography-base);\n margin-block: 16px;\n}\n.vvd-root p.tight,\n.vvd-root .font-base.tight {\n margin-block: 0;\n}\n.vvd-root .font-base-bold {\n font: var(--vvd-typography-base-bold);\n}\n.vvd-root .font-base-condensed {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root .font-base-condensed-bold {\n font: var(--vvd-typography-base-condensed-bold);\n}\n.vvd-root .font-base-extended {\n font: var(--vvd-typography-base-extended);\n}\n.vvd-root .font-base-extended-bold {\n font: var(--vvd-typography-base-extended-bold);\n}\n.vvd-root .font-base-code {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root b, .vvd-root strong {\n font-weight: 600;\n}\n.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {\n font: var(--vvd-typography-base-code);\n}\n.vvd-root .headline {\n font: var(--vvd-typography-headline);\n margin-block: 40px;\n}\n.vvd-root .subtitle {\n font: var(--vvd-typography-subtitle);\n margin-block: 40px;\n}\n.vvd-root h1,\n.vvd-root .heading1 {\n font: var(--vvd-typography-heading-1);\n margin-block: 32px;\n}\n.vvd-root h2,\n.vvd-root .heading2 {\n font: var(--vvd-typography-heading-2);\n margin-block: 32px;\n}\n.vvd-root h3,\n.vvd-root .heading3 {\n font: var(--vvd-typography-heading-3);\n margin-block: 24px;\n}\n.vvd-root h4,\n.vvd-root .heading4 {\n font: var(--vvd-typography-heading-4);\n margin-block: 24px;\n}\n.vvd-root .headline b, .vvd-root .headline strong,\n.vvd-root .subtitle b,\n.vvd-root .subtitle strong,\n.vvd-root h1 b,\n.vvd-root h1 strong,\n.vvd-root .heading1 b,\n.vvd-root .heading1 strong,\n.vvd-root h2 b,\n.vvd-root h2 strong,\n.vvd-root .heading2 b,\n.vvd-root .heading2 strong,\n.vvd-root h3 b,\n.vvd-root h3 strong,\n.vvd-root .heading3 b,\n.vvd-root .heading3 strong,\n.vvd-root h4 b,\n.vvd-root h4 strong,\n.vvd-root .heading4 b,\n.vvd-root .heading4 strong {\n font-weight: 500;\n}\n.vvd-root .headline.tight,\n.vvd-root .subtitle.tight,\n.vvd-root h1.tight,\n.vvd-root .heading1.tight,\n.vvd-root h2.tight,\n.vvd-root .heading2.tight,\n.vvd-root h3.tight,\n.vvd-root .heading3.tight,\n.vvd-root h4.tight,\n.vvd-root .heading4.tight {\n margin-block: 0;\n}\n.vvd-root small,\n.vvd-root figcaption {\n font: var(--vvd-typography-base-condensed);\n}\n.vvd-root sub,\n.vvd-root sup {\n font: var(--vvd-typography-base-condensed);\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n.vvd-root sub {\n bottom: -0.25em;\n}\n.vvd-root sup {\n top: -0.5em;\n}\n";
|
|
14372
14521
|
|
|
14373
14522
|
const theme = {
|
|
14374
14523
|
name: "core/theme",
|