@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.cjs
CHANGED
|
@@ -12,6 +12,27 @@ function setCustomComponentPrefix(prefix) {
|
|
|
12
12
|
|
|
13
13
|
const isVue2 = vue.version.startsWith("2");
|
|
14
14
|
|
|
15
|
+
function handleVue3Props(props) {
|
|
16
|
+
if (
|
|
17
|
+
/* v8 ignore next 8 */
|
|
18
|
+
// @ts-ignore
|
|
19
|
+
undefined?.SSR !== false && // @ts-ignore
|
|
20
|
+
(globalThis.process && process.server) !== false && // @ts-ignore
|
|
21
|
+
(globalThis.process && process.server || // @ts-ignore
|
|
22
|
+
undefined?.SSR)
|
|
23
|
+
) {
|
|
24
|
+
const newProps = {};
|
|
25
|
+
for (const key in props) {
|
|
26
|
+
if (key[0] === "^") {
|
|
27
|
+
newProps[key.slice(1)] = props[key];
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return newProps;
|
|
31
|
+
} else {
|
|
32
|
+
return props;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
15
36
|
function registerComponent(type, registerFunction) {
|
|
16
37
|
const componentName = vue.ref(`${CustomComponentPrefix.value}-${type}`);
|
|
17
38
|
vue.onBeforeMount(() => {
|
|
@@ -129,8 +150,10 @@ const VAccordion = vue.defineComponent({
|
|
|
129
150
|
{
|
|
130
151
|
ref: "element",
|
|
131
152
|
class: "vvd-component",
|
|
132
|
-
...
|
|
133
|
-
|
|
153
|
+
...handleVue3Props({
|
|
154
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
155
|
+
...this.expandMode !== void 0 ? { "^expand-mode": this.expandMode } : {}
|
|
156
|
+
}),
|
|
134
157
|
onClick: (event) => {
|
|
135
158
|
this.$emit("click", event);
|
|
136
159
|
},
|
|
@@ -330,16 +353,18 @@ const VAccordionItem = vue.defineComponent({
|
|
|
330
353
|
{
|
|
331
354
|
ref: "element",
|
|
332
355
|
class: "vvd-component",
|
|
333
|
-
...
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
356
|
+
...handleVue3Props({
|
|
357
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
358
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
359
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
360
|
+
...this.headingLevel !== void 0 ? { "^heading-level": this.headingLevel } : {},
|
|
361
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
362
|
+
...this.id !== void 0 ? { "^id": this.id } : {},
|
|
363
|
+
...this.heading !== void 0 ? { "^heading": this.heading } : {},
|
|
364
|
+
...this.noIndicator !== void 0 && this.noIndicator !== false ? { "^no-indicator": this.noIndicator } : {},
|
|
365
|
+
...this.meta !== void 0 ? { "^meta": this.meta } : {},
|
|
366
|
+
...this.size !== void 0 ? { "^size": this.size } : {}
|
|
367
|
+
}),
|
|
343
368
|
onClick: (event) => {
|
|
344
369
|
this.$emit("click", event);
|
|
345
370
|
},
|
|
@@ -485,12 +510,14 @@ const VActionGroup = vue.defineComponent({
|
|
|
485
510
|
{
|
|
486
511
|
ref: "element",
|
|
487
512
|
class: "vvd-component",
|
|
488
|
-
...
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
513
|
+
...handleVue3Props({
|
|
514
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
515
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
516
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
517
|
+
...this.tight !== void 0 && this.tight !== false ? { "^tight": this.tight } : {},
|
|
518
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
519
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {}
|
|
520
|
+
}),
|
|
494
521
|
onClick: (event) => {
|
|
495
522
|
this.$emit("click", event);
|
|
496
523
|
},
|
|
@@ -697,17 +724,19 @@ const VAlert = vue.defineComponent({
|
|
|
697
724
|
{
|
|
698
725
|
ref: "element",
|
|
699
726
|
class: "vvd-component",
|
|
700
|
-
...
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
727
|
+
...handleVue3Props({
|
|
728
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
729
|
+
...this.dismissButtonAriaLabel !== void 0 ? { "^dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
|
|
730
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
731
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
732
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
733
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
734
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
735
|
+
...this.timeoutms !== void 0 ? { "^timeoutms": this.timeoutms } : {},
|
|
736
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
737
|
+
...this.strategy !== void 0 ? { "^strategy": this.strategy } : {},
|
|
738
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
739
|
+
}),
|
|
711
740
|
onClick: (event) => {
|
|
712
741
|
this.$emit("click", event);
|
|
713
742
|
},
|
|
@@ -903,18 +932,20 @@ const VAudioPlayer = vue.defineComponent({
|
|
|
903
932
|
{
|
|
904
933
|
ref: "element",
|
|
905
934
|
class: "vvd-component",
|
|
906
|
-
...
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
935
|
+
...handleVue3Props({
|
|
936
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
937
|
+
...this.playButtonAriaLabel !== void 0 ? { "^play-button-aria-label": this.playButtonAriaLabel } : {},
|
|
938
|
+
...this.pauseButtonAriaLabel !== void 0 ? { "^pause-button-aria-label": this.pauseButtonAriaLabel } : {},
|
|
939
|
+
...this.sliderAriaLabel !== void 0 ? { "^slider-aria-label": this.sliderAriaLabel } : {},
|
|
940
|
+
...this.skipForwardAriaLabel !== void 0 ? { "^skip-forward-aria-label": this.skipForwardAriaLabel } : {},
|
|
941
|
+
...this.skipBackwardAriaLabel !== void 0 ? { "^skip-backward-aria-label": this.skipBackwardAriaLabel } : {},
|
|
942
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
943
|
+
...this.src !== void 0 ? { "^src": this.src } : {},
|
|
944
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
945
|
+
...this.notime !== void 0 && this.notime !== false ? { "^notime": this.notime } : {},
|
|
946
|
+
...this.skipBy !== void 0 ? { "^skip-by": this.skipBy } : {},
|
|
947
|
+
...this.playbackRates !== void 0 ? { "^playback-rates": this.playbackRates } : {}
|
|
948
|
+
}),
|
|
918
949
|
onClick: (event) => {
|
|
919
950
|
this.$emit("click", event);
|
|
920
951
|
},
|
|
@@ -1074,13 +1105,15 @@ const VAvatar = vue.defineComponent({
|
|
|
1074
1105
|
{
|
|
1075
1106
|
ref: "element",
|
|
1076
1107
|
class: "vvd-component",
|
|
1077
|
-
...
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1108
|
+
...handleVue3Props({
|
|
1109
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1110
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
1111
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
1112
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
1113
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
1114
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1115
|
+
...this.initials !== void 0 ? { "^initials": this.initials } : {}
|
|
1116
|
+
}),
|
|
1084
1117
|
onClick: (event) => {
|
|
1085
1118
|
this.$emit("click", event);
|
|
1086
1119
|
},
|
|
@@ -1239,13 +1272,15 @@ const VBadge = vue.defineComponent({
|
|
|
1239
1272
|
{
|
|
1240
1273
|
ref: "element",
|
|
1241
1274
|
class: "vvd-component",
|
|
1242
|
-
...
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1275
|
+
...handleVue3Props({
|
|
1276
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1277
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
1278
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1279
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
1280
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
1281
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
1282
|
+
...this.text !== void 0 ? { "^text": this.text } : {}
|
|
1283
|
+
}),
|
|
1249
1284
|
onClick: (event) => {
|
|
1250
1285
|
this.$emit("click", event);
|
|
1251
1286
|
},
|
|
@@ -1398,16 +1433,18 @@ const VBanner = vue.defineComponent({
|
|
|
1398
1433
|
{
|
|
1399
1434
|
ref: "element",
|
|
1400
1435
|
class: "vvd-component",
|
|
1401
|
-
...
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1436
|
+
...handleVue3Props({
|
|
1437
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1438
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1439
|
+
...this.dismissAriaLabel !== void 0 ? { "^dismiss-aria-label": this.dismissAriaLabel } : {},
|
|
1440
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
1441
|
+
...this.actionHref !== void 0 ? { "^action-href": this.actionHref } : {},
|
|
1442
|
+
...this.actionText !== void 0 ? { "^action-text": this.actionText } : {},
|
|
1443
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
1444
|
+
...this.ariaLive !== void 0 ? { "^aria-live": this.ariaLive } : {},
|
|
1445
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
1446
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {}
|
|
1447
|
+
}),
|
|
1411
1448
|
onClick: (event) => {
|
|
1412
1449
|
this.$emit("click", event);
|
|
1413
1450
|
},
|
|
@@ -1527,7 +1564,9 @@ const VBreadcrumb = vue.defineComponent({
|
|
|
1527
1564
|
{
|
|
1528
1565
|
ref: "element",
|
|
1529
1566
|
class: "vvd-component",
|
|
1530
|
-
...
|
|
1567
|
+
...handleVue3Props({
|
|
1568
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
1569
|
+
}),
|
|
1531
1570
|
onClick: (event) => {
|
|
1532
1571
|
this.$emit("click", event);
|
|
1533
1572
|
},
|
|
@@ -1699,17 +1738,19 @@ const VBreadcrumbItem = vue.defineComponent({
|
|
|
1699
1738
|
{
|
|
1700
1739
|
ref: "element",
|
|
1701
1740
|
class: "vvd-component",
|
|
1702
|
-
...
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1741
|
+
...handleVue3Props({
|
|
1742
|
+
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
1743
|
+
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
1744
|
+
...this.hreflang !== void 0 ? { "^hreflang": this.hreflang } : {},
|
|
1745
|
+
...this.ping !== void 0 ? { "^ping": this.ping } : {},
|
|
1746
|
+
...this.referrerpolicy !== void 0 ? { "^referrerpolicy": this.referrerpolicy } : {},
|
|
1747
|
+
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
1748
|
+
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
1749
|
+
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
1750
|
+
...this.ariaExpanded !== void 0 ? { "^aria-expanded": this.ariaExpanded } : {},
|
|
1751
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1752
|
+
...this.text !== void 0 ? { "^text": this.text } : {}
|
|
1753
|
+
}),
|
|
1713
1754
|
onClick: (event) => {
|
|
1714
1755
|
this.$emit("click", event);
|
|
1715
1756
|
},
|
|
@@ -2023,39 +2064,41 @@ const VButton = vue.defineComponent({
|
|
|
2023
2064
|
{
|
|
2024
2065
|
ref: "element",
|
|
2025
2066
|
class: "vvd-component",
|
|
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
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2067
|
+
...handleVue3Props({
|
|
2068
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
2069
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
2070
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2071
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
2072
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
2073
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
2074
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
2075
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2076
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
2077
|
+
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
2078
|
+
...this.title !== void 0 ? { "^title": this.title } : {},
|
|
2079
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2080
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
2081
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
2082
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
2083
|
+
...this.stacked !== void 0 && this.stacked !== false ? { "^stacked": this.stacked } : {},
|
|
2084
|
+
...this.pending !== void 0 && this.pending !== false ? { "^pending": this.pending } : {},
|
|
2085
|
+
...this.dropdownIndicator !== void 0 && this.dropdownIndicator !== false ? { "^dropdown-indicator": this.dropdownIndicator } : {},
|
|
2086
|
+
...this.active !== void 0 && this.active !== false ? { "^active": this.active } : {},
|
|
2087
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
2088
|
+
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
2089
|
+
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
2090
|
+
...this.hreflang !== void 0 ? { "^hreflang": this.hreflang } : {},
|
|
2091
|
+
...this.ping !== void 0 ? { "^ping": this.ping } : {},
|
|
2092
|
+
...this.referrerpolicy !== void 0 ? { "^referrerpolicy": this.referrerpolicy } : {},
|
|
2093
|
+
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
2094
|
+
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
2095
|
+
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
2096
|
+
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
2097
|
+
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
2098
|
+
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
2099
|
+
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
2100
|
+
...this.type !== void 0 ? { "^type": this.type } : {}
|
|
2101
|
+
}),
|
|
2059
2102
|
onClick: (event) => {
|
|
2060
2103
|
this.$emit("click", event);
|
|
2061
2104
|
},
|
|
@@ -2235,11 +2278,13 @@ const VCalendar = vue.defineComponent({
|
|
|
2235
2278
|
{
|
|
2236
2279
|
ref: "element",
|
|
2237
2280
|
class: "vvd-component",
|
|
2238
|
-
...
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2281
|
+
...handleVue3Props({
|
|
2282
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2283
|
+
...this.datetime !== void 0 ? { ".datetime": this.datetime } : {},
|
|
2284
|
+
...this.startDay !== void 0 ? { "^start-day": this.startDay } : {},
|
|
2285
|
+
...this.locales !== void 0 ? { ".locales": this.locales } : {},
|
|
2286
|
+
...this.hour12 !== void 0 && this.hour12 !== false ? { "^hour12": this.hour12 } : {}
|
|
2287
|
+
}),
|
|
2243
2288
|
onClick: (event) => {
|
|
2244
2289
|
this.$emit("click", event);
|
|
2245
2290
|
},
|
|
@@ -2413,14 +2458,16 @@ const VCalendarEvent = vue.defineComponent({
|
|
|
2413
2458
|
{
|
|
2414
2459
|
ref: "element",
|
|
2415
2460
|
class: "vvd-component",
|
|
2416
|
-
...
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2461
|
+
...handleVue3Props({
|
|
2462
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2463
|
+
...this.heading !== void 0 ? { "^heading": this.heading } : {},
|
|
2464
|
+
...this.description !== void 0 ? { "^description": this.description } : {},
|
|
2465
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2466
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
2467
|
+
...this.overlapCount !== void 0 ? { "^overlap-count": this.overlapCount } : {},
|
|
2468
|
+
...this.start !== void 0 ? { "^start": this.start } : {},
|
|
2469
|
+
...this.duration !== void 0 ? { "^duration": this.duration } : {}
|
|
2470
|
+
}),
|
|
2424
2471
|
onClick: (event) => {
|
|
2425
2472
|
this.$emit("click", event);
|
|
2426
2473
|
},
|
|
@@ -2588,13 +2635,15 @@ const VCard = vue.defineComponent({
|
|
|
2588
2635
|
{
|
|
2589
2636
|
ref: "element",
|
|
2590
2637
|
class: "vvd-component",
|
|
2591
|
-
...
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2638
|
+
...handleVue3Props({
|
|
2639
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2640
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
2641
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
2642
|
+
...this.subtitle !== void 0 ? { "^subtitle": this.subtitle } : {},
|
|
2643
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
2644
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
2645
|
+
...this.elevation !== void 0 ? { "^elevation": this.elevation } : {}
|
|
2646
|
+
}),
|
|
2598
2647
|
onClick: (event) => {
|
|
2599
2648
|
this.$emit("click", event);
|
|
2600
2649
|
},
|
|
@@ -2846,23 +2895,25 @@ const VCheckbox = vue.defineComponent({
|
|
|
2846
2895
|
{
|
|
2847
2896
|
ref: "element",
|
|
2848
2897
|
class: "vvd-component",
|
|
2849
|
-
...
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2898
|
+
...handleVue3Props({
|
|
2899
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
2900
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
2901
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
2902
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
2903
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2904
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
2905
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
2906
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
2907
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
2908
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2909
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
2910
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
2911
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
2912
|
+
...this.tabindex !== void 0 ? { "^tabindex": this.tabindex } : {},
|
|
2913
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
2914
|
+
...this.ariaChecked !== void 0 ? { "^aria-checked": this.ariaChecked } : {},
|
|
2915
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
2916
|
+
}),
|
|
2866
2917
|
onClick: (event) => {
|
|
2867
2918
|
this.$emit("click", event);
|
|
2868
2919
|
},
|
|
@@ -3159,25 +3210,27 @@ const VCombobox = vue.defineComponent({
|
|
|
3159
3210
|
{
|
|
3160
3211
|
ref: "element",
|
|
3161
3212
|
class: "vvd-component",
|
|
3162
|
-
...
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
|
|
3180
|
-
|
|
3213
|
+
...handleVue3Props({
|
|
3214
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
3215
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
3216
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
3217
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
3218
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
3219
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3220
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
3221
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
3222
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
3223
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
3224
|
+
...this.autocomplete !== void 0 ? { "^autocomplete": this.autocomplete } : {},
|
|
3225
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
3226
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
3227
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
3228
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
3229
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
3230
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
3231
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
3232
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {}
|
|
3233
|
+
}),
|
|
3181
3234
|
onClick: (event) => {
|
|
3182
3235
|
this.$emit("click", event);
|
|
3183
3236
|
},
|
|
@@ -3355,12 +3408,14 @@ const VDataGrid = vue.defineComponent({
|
|
|
3355
3408
|
{
|
|
3356
3409
|
ref: "element",
|
|
3357
3410
|
class: "vvd-component",
|
|
3358
|
-
...
|
|
3359
|
-
|
|
3360
|
-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
|
|
3411
|
+
...handleVue3Props({
|
|
3412
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3413
|
+
...this.noTabbing !== void 0 && this.noTabbing !== false ? { "^no-tabbing": this.noTabbing } : {},
|
|
3414
|
+
...this.generateHeader !== void 0 ? { "^generate-header": this.generateHeader } : {},
|
|
3415
|
+
...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
|
|
3416
|
+
...this.selectionMode !== void 0 ? { "^selection-mode": this.selectionMode } : {},
|
|
3417
|
+
...this.rowsData !== void 0 ? { ".rowsData": this.rowsData } : {}
|
|
3418
|
+
}),
|
|
3364
3419
|
onClick: (event) => {
|
|
3365
3420
|
this.$emit("click", event);
|
|
3366
3421
|
},
|
|
@@ -3548,12 +3603,14 @@ const VDataGridCell = vue.defineComponent({
|
|
|
3548
3603
|
{
|
|
3549
3604
|
ref: "element",
|
|
3550
3605
|
class: "vvd-component",
|
|
3551
|
-
...
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3606
|
+
...handleVue3Props({
|
|
3607
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3608
|
+
...this.cellType !== void 0 ? { "^cell-type": this.cellType } : {},
|
|
3609
|
+
...this.gridColumn !== void 0 ? { "^grid-column": this.gridColumn } : {},
|
|
3610
|
+
...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {},
|
|
3611
|
+
...this.ariaSort !== void 0 ? { "^aria-sort": this.ariaSort } : {},
|
|
3612
|
+
...this.columnDefinition !== void 0 ? { ".columnDefinition": this.columnDefinition } : {}
|
|
3613
|
+
}),
|
|
3557
3614
|
onClick: (event) => {
|
|
3558
3615
|
this.$emit("click", event);
|
|
3559
3616
|
},
|
|
@@ -3726,10 +3783,12 @@ const VDataGridRow = vue.defineComponent({
|
|
|
3726
3783
|
{
|
|
3727
3784
|
ref: "element",
|
|
3728
3785
|
class: "vvd-component",
|
|
3729
|
-
...
|
|
3730
|
-
|
|
3731
|
-
|
|
3732
|
-
|
|
3786
|
+
...handleVue3Props({
|
|
3787
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3788
|
+
...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
|
|
3789
|
+
...this.rowType !== void 0 ? { "^row-type": this.rowType } : {},
|
|
3790
|
+
...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {}
|
|
3791
|
+
}),
|
|
3733
3792
|
onClick: (event) => {
|
|
3734
3793
|
this.$emit("click", event);
|
|
3735
3794
|
},
|
|
@@ -3938,17 +3997,19 @@ const VDatePicker = vue.defineComponent({
|
|
|
3938
3997
|
{
|
|
3939
3998
|
ref: "element",
|
|
3940
3999
|
class: "vvd-component",
|
|
3941
|
-
...
|
|
3942
|
-
|
|
3943
|
-
|
|
3944
|
-
|
|
3945
|
-
|
|
3946
|
-
|
|
3947
|
-
|
|
3948
|
-
|
|
3949
|
-
|
|
3950
|
-
|
|
3951
|
-
|
|
4000
|
+
...handleVue3Props({
|
|
4001
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
4002
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
4003
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4004
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4005
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
4006
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
4007
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
4008
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
4009
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
4010
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
4011
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
4012
|
+
}),
|
|
3952
4013
|
onClick: (event) => {
|
|
3953
4014
|
this.$emit("click", event);
|
|
3954
4015
|
},
|
|
@@ -4207,21 +4268,23 @@ const VDateRangePicker = vue.defineComponent({
|
|
|
4207
4268
|
{
|
|
4208
4269
|
ref: "element",
|
|
4209
4270
|
class: "vvd-component",
|
|
4210
|
-
...
|
|
4211
|
-
|
|
4212
|
-
|
|
4213
|
-
|
|
4214
|
-
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
|
|
4222
|
-
|
|
4223
|
-
|
|
4224
|
-
|
|
4271
|
+
...handleVue3Props({
|
|
4272
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
4273
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
4274
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4275
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4276
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
4277
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
4278
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
4279
|
+
...this.initialStart !== void 0 ? { "^start": this.initialStart } : {},
|
|
4280
|
+
...this.initialEnd !== void 0 ? { "^end": this.initialEnd } : {},
|
|
4281
|
+
...this.start !== void 0 ? { "^current-start": this.start } : {},
|
|
4282
|
+
...this.end !== void 0 ? { "^current-end": this.end } : {},
|
|
4283
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
4284
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
4285
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
4286
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
4287
|
+
}),
|
|
4225
4288
|
onClick: (event) => {
|
|
4226
4289
|
this.$emit("click", event);
|
|
4227
4290
|
},
|
|
@@ -4455,18 +4518,20 @@ const VDialPad = vue.defineComponent({
|
|
|
4455
4518
|
{
|
|
4456
4519
|
ref: "element",
|
|
4457
4520
|
class: "vvd-component",
|
|
4458
|
-
...
|
|
4459
|
-
|
|
4460
|
-
|
|
4461
|
-
|
|
4462
|
-
|
|
4463
|
-
|
|
4464
|
-
|
|
4465
|
-
|
|
4466
|
-
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
|
|
4521
|
+
...handleVue3Props({
|
|
4522
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4523
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
4524
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
4525
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
4526
|
+
...this.pattern !== void 0 ? { "^pattern": this.pattern } : {},
|
|
4527
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4528
|
+
...this.pending !== void 0 && this.pending !== false ? { "^pending": this.pending } : {},
|
|
4529
|
+
...this.callActive !== void 0 && this.callActive !== false ? { "^call-active": this.callActive } : {},
|
|
4530
|
+
...this.noCall !== void 0 && this.noCall !== false ? { "^no-call": this.noCall } : {},
|
|
4531
|
+
...this.noInput !== void 0 && this.noInput !== false ? { "^no-input": this.noInput } : {},
|
|
4532
|
+
...this.endCallButtonLabel !== void 0 ? { "^end-call-button-label": this.endCallButtonLabel } : {},
|
|
4533
|
+
...this.callButtonLabel !== void 0 ? { "^call-button-label": this.callButtonLabel } : {}
|
|
4534
|
+
}),
|
|
4470
4535
|
onClick: (event) => {
|
|
4471
4536
|
this.$emit("click", event);
|
|
4472
4537
|
},
|
|
@@ -4702,20 +4767,22 @@ const VDialog = vue.defineComponent({
|
|
|
4702
4767
|
{
|
|
4703
4768
|
ref: "element",
|
|
4704
4769
|
class: "vvd-component",
|
|
4705
|
-
...
|
|
4706
|
-
|
|
4707
|
-
|
|
4708
|
-
|
|
4709
|
-
|
|
4710
|
-
|
|
4711
|
-
|
|
4712
|
-
|
|
4713
|
-
|
|
4714
|
-
|
|
4715
|
-
|
|
4716
|
-
|
|
4717
|
-
|
|
4718
|
-
|
|
4770
|
+
...handleVue3Props({
|
|
4771
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4772
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
4773
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
4774
|
+
...this.iconPlacement !== void 0 ? { "^icon-placement": this.iconPlacement } : {},
|
|
4775
|
+
...this.subtitle !== void 0 ? { "^subtitle": this.subtitle } : {},
|
|
4776
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
4777
|
+
...this.fullWidthBody !== void 0 && this.fullWidthBody !== false ? { "^full-width-body": this.fullWidthBody } : {},
|
|
4778
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
4779
|
+
...this.dismissButtonAriaLabel !== void 0 ? { "^dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
|
|
4780
|
+
...this.noLightDismiss !== void 0 && this.noLightDismiss !== false ? { "^no-light-dismiss": this.noLightDismiss } : {},
|
|
4781
|
+
...this.noDismissOnEsc !== void 0 && this.noDismissOnEsc !== false ? { "^no-dismiss-on-esc": this.noDismissOnEsc } : {},
|
|
4782
|
+
...this.noDismissButton !== void 0 && this.noDismissButton !== false ? { "^no-dismiss-button": this.noDismissButton } : {},
|
|
4783
|
+
...this.nonDismissible !== void 0 && this.nonDismissible !== false ? { "^non-dismissible": this.nonDismissible } : {},
|
|
4784
|
+
...this.modal !== void 0 && this.modal !== false ? { "^modal": this.modal } : {}
|
|
4785
|
+
}),
|
|
4719
4786
|
onClick: (event) => {
|
|
4720
4787
|
this.$emit("click", event);
|
|
4721
4788
|
},
|
|
@@ -4868,9 +4935,11 @@ const VDivider = vue.defineComponent({
|
|
|
4868
4935
|
{
|
|
4869
4936
|
ref: "element",
|
|
4870
4937
|
class: "vvd-component",
|
|
4871
|
-
...
|
|
4872
|
-
|
|
4873
|
-
|
|
4938
|
+
...handleVue3Props({
|
|
4939
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4940
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
4941
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {}
|
|
4942
|
+
}),
|
|
4874
4943
|
onClick: (event) => {
|
|
4875
4944
|
this.$emit("click", event);
|
|
4876
4945
|
},
|
|
@@ -5019,11 +5088,13 @@ const VEmptyState = vue.defineComponent({
|
|
|
5019
5088
|
{
|
|
5020
5089
|
ref: "element",
|
|
5021
5090
|
class: "vvd-component",
|
|
5022
|
-
...
|
|
5023
|
-
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5091
|
+
...handleVue3Props({
|
|
5092
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5093
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5094
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
5095
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
5096
|
+
...this.iconDecoration !== void 0 ? { "^icon-decoration": this.iconDecoration } : {}
|
|
5097
|
+
}),
|
|
5027
5098
|
onClick: (event) => {
|
|
5028
5099
|
this.$emit("click", event);
|
|
5029
5100
|
},
|
|
@@ -5262,25 +5333,27 @@ const VFab = vue.defineComponent({
|
|
|
5262
5333
|
{
|
|
5263
5334
|
ref: "element",
|
|
5264
5335
|
class: "vvd-component",
|
|
5265
|
-
...
|
|
5266
|
-
|
|
5267
|
-
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5336
|
+
...handleVue3Props({
|
|
5337
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
5338
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
5339
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5340
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
5341
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
5342
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
5343
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
5344
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
5345
|
+
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
5346
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5347
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5348
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
5349
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
5350
|
+
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
5351
|
+
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
5352
|
+
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
5353
|
+
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
5354
|
+
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
5355
|
+
...this.type !== void 0 ? { "^type": this.type } : {}
|
|
5356
|
+
}),
|
|
5284
5357
|
onClick: (event) => {
|
|
5285
5358
|
this.$emit("click", event);
|
|
5286
5359
|
},
|
|
@@ -5547,23 +5620,25 @@ const VFilePicker = vue.defineComponent({
|
|
|
5547
5620
|
{
|
|
5548
5621
|
ref: "element",
|
|
5549
5622
|
class: "vvd-component",
|
|
5550
|
-
...
|
|
5551
|
-
|
|
5552
|
-
|
|
5553
|
-
|
|
5554
|
-
|
|
5555
|
-
|
|
5556
|
-
|
|
5557
|
-
|
|
5558
|
-
|
|
5559
|
-
|
|
5560
|
-
|
|
5561
|
-
|
|
5562
|
-
|
|
5563
|
-
|
|
5564
|
-
|
|
5565
|
-
|
|
5566
|
-
|
|
5623
|
+
...handleVue3Props({
|
|
5624
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
5625
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
5626
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
5627
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5628
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
5629
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
5630
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
5631
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
5632
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
5633
|
+
...this.singleFile !== void 0 && this.singleFile !== false ? { "^single-file": this.singleFile } : {},
|
|
5634
|
+
...this.maxFiles !== void 0 ? { "^max-files": this.maxFiles } : {},
|
|
5635
|
+
...this.maxFileSize !== void 0 ? { "^max-file-size": this.maxFileSize } : {},
|
|
5636
|
+
...this.accept !== void 0 ? { "^accept": this.accept } : {},
|
|
5637
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5638
|
+
...this.invalidFileTypeError !== void 0 ? { "^invalid-file-type-error": this.invalidFileTypeError } : {},
|
|
5639
|
+
...this.maxFilesExceededError !== void 0 ? { "^max-files-exceeded-error": this.maxFilesExceededError } : {},
|
|
5640
|
+
...this.fileTooBigError !== void 0 ? { "^file-too-big-error": this.fileTooBigError } : {}
|
|
5641
|
+
}),
|
|
5567
5642
|
onClick: (event) => {
|
|
5568
5643
|
this.$emit("click", event);
|
|
5569
5644
|
},
|
|
@@ -5700,9 +5775,11 @@ const VHeader = vue.defineComponent({
|
|
|
5700
5775
|
{
|
|
5701
5776
|
ref: "element",
|
|
5702
5777
|
class: "vvd-component",
|
|
5703
|
-
...
|
|
5704
|
-
|
|
5705
|
-
|
|
5778
|
+
...handleVue3Props({
|
|
5779
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5780
|
+
...this.elevationShadow !== void 0 && this.elevationShadow !== false ? { "^elevation-shadow": this.elevationShadow } : {},
|
|
5781
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {}
|
|
5782
|
+
}),
|
|
5706
5783
|
onClick: (event) => {
|
|
5707
5784
|
this.$emit("click", event);
|
|
5708
5785
|
},
|
|
@@ -5845,10 +5922,12 @@ const VIcon = vue.defineComponent({
|
|
|
5845
5922
|
{
|
|
5846
5923
|
ref: "element",
|
|
5847
5924
|
class: "vvd-component",
|
|
5848
|
-
...
|
|
5849
|
-
|
|
5850
|
-
|
|
5851
|
-
|
|
5925
|
+
...handleVue3Props({
|
|
5926
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5927
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5928
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
5929
|
+
...this.name !== void 0 ? { "^name": this.name } : {}
|
|
5930
|
+
}),
|
|
5852
5931
|
onClick: (event) => {
|
|
5853
5932
|
this.$emit("click", event);
|
|
5854
5933
|
},
|
|
@@ -6004,12 +6083,14 @@ const VLayout = vue.defineComponent({
|
|
|
6004
6083
|
{
|
|
6005
6084
|
ref: "element",
|
|
6006
6085
|
class: "vvd-component",
|
|
6007
|
-
...
|
|
6008
|
-
|
|
6009
|
-
|
|
6010
|
-
|
|
6011
|
-
|
|
6012
|
-
|
|
6086
|
+
...handleVue3Props({
|
|
6087
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6088
|
+
...this.gutters !== void 0 ? { "^gutters": this.gutters } : {},
|
|
6089
|
+
...this.columnBasis !== void 0 ? { "^column-basis": this.columnBasis } : {},
|
|
6090
|
+
...this.columnSpacing !== void 0 ? { "^column-spacing": this.columnSpacing } : {},
|
|
6091
|
+
...this.rowSpacing !== void 0 ? { "^row-spacing": this.rowSpacing } : {},
|
|
6092
|
+
...this.autoSizing !== void 0 ? { "^auto-sizing": this.autoSizing } : {}
|
|
6093
|
+
}),
|
|
6013
6094
|
onClick: (event) => {
|
|
6014
6095
|
this.$emit("click", event);
|
|
6015
6096
|
},
|
|
@@ -6212,14 +6293,16 @@ const VMenu = vue.defineComponent({
|
|
|
6212
6293
|
{
|
|
6213
6294
|
ref: "element",
|
|
6214
6295
|
class: "vvd-component",
|
|
6215
|
-
...
|
|
6216
|
-
|
|
6217
|
-
|
|
6218
|
-
|
|
6219
|
-
|
|
6220
|
-
|
|
6221
|
-
|
|
6222
|
-
|
|
6296
|
+
...handleVue3Props({
|
|
6297
|
+
...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
|
|
6298
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6299
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
6300
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
6301
|
+
...this.trigger !== void 0 ? { "^trigger": this.trigger } : {},
|
|
6302
|
+
...this.autoDismiss !== void 0 && this.autoDismiss !== false ? { "^auto-dismiss": this.autoDismiss } : {},
|
|
6303
|
+
...this.positionStrategy !== void 0 ? { "^position-strategy": this.positionStrategy } : {},
|
|
6304
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
6305
|
+
}),
|
|
6223
6306
|
onClick: (event) => {
|
|
6224
6307
|
this.$emit("click", event);
|
|
6225
6308
|
},
|
|
@@ -6448,17 +6531,19 @@ const VMenuItem = vue.defineComponent({
|
|
|
6448
6531
|
{
|
|
6449
6532
|
ref: "element",
|
|
6450
6533
|
class: "vvd-component",
|
|
6451
|
-
...
|
|
6452
|
-
|
|
6453
|
-
|
|
6454
|
-
|
|
6455
|
-
|
|
6456
|
-
|
|
6457
|
-
|
|
6458
|
-
|
|
6459
|
-
|
|
6460
|
-
|
|
6461
|
-
|
|
6534
|
+
...handleVue3Props({
|
|
6535
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
6536
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6537
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
6538
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
6539
|
+
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
6540
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^checked": this.modelValue ?? this.checked } : {},
|
|
6541
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
6542
|
+
...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {},
|
|
6543
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6544
|
+
...this.checkTrailing !== void 0 && this.checkTrailing !== false ? { "^check-trailing": this.checkTrailing } : {},
|
|
6545
|
+
...this.checkAppearance !== void 0 ? { "^check-appearance": this.checkAppearance } : {}
|
|
6546
|
+
}),
|
|
6462
6547
|
onClick: (event) => {
|
|
6463
6548
|
this.$emit("click", event);
|
|
6464
6549
|
},
|
|
@@ -6590,7 +6675,9 @@ const VNav = vue.defineComponent({
|
|
|
6590
6675
|
{
|
|
6591
6676
|
ref: "element",
|
|
6592
6677
|
class: "vvd-component",
|
|
6593
|
-
...
|
|
6678
|
+
...handleVue3Props({
|
|
6679
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
6680
|
+
}),
|
|
6594
6681
|
onClick: (event) => {
|
|
6595
6682
|
this.$emit("click", event);
|
|
6596
6683
|
},
|
|
@@ -6746,12 +6833,14 @@ const VNavDisclosure = vue.defineComponent({
|
|
|
6746
6833
|
{
|
|
6747
6834
|
ref: "element",
|
|
6748
6835
|
class: "vvd-component",
|
|
6749
|
-
...
|
|
6750
|
-
|
|
6751
|
-
|
|
6752
|
-
|
|
6753
|
-
|
|
6754
|
-
|
|
6836
|
+
...handleVue3Props({
|
|
6837
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
6838
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
6839
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
6840
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6841
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
6842
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
6843
|
+
}),
|
|
6755
6844
|
onClick: (event) => {
|
|
6756
6845
|
this.$emit("click", event);
|
|
6757
6846
|
},
|
|
@@ -6962,20 +7051,22 @@ const VNavItem = vue.defineComponent({
|
|
|
6962
7051
|
{
|
|
6963
7052
|
ref: "element",
|
|
6964
7053
|
class: "vvd-component",
|
|
6965
|
-
...
|
|
6966
|
-
|
|
6967
|
-
|
|
6968
|
-
|
|
6969
|
-
|
|
6970
|
-
|
|
6971
|
-
|
|
6972
|
-
|
|
6973
|
-
|
|
6974
|
-
|
|
6975
|
-
|
|
6976
|
-
|
|
6977
|
-
|
|
6978
|
-
|
|
7054
|
+
...handleVue3Props({
|
|
7055
|
+
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
7056
|
+
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
7057
|
+
...this.hreflang !== void 0 ? { "^hreflang": this.hreflang } : {},
|
|
7058
|
+
...this.ping !== void 0 ? { "^ping": this.ping } : {},
|
|
7059
|
+
...this.referrerpolicy !== void 0 ? { "^referrerpolicy": this.referrerpolicy } : {},
|
|
7060
|
+
...this.rel !== void 0 ? { "^rel": this.rel } : {},
|
|
7061
|
+
...this.target !== void 0 ? { "^target": this.target } : {},
|
|
7062
|
+
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
7063
|
+
...this.ariaExpanded !== void 0 ? { "^aria-expanded": this.ariaExpanded } : {},
|
|
7064
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7065
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7066
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
7067
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
7068
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {}
|
|
7069
|
+
}),
|
|
6979
7070
|
onClick: (event) => {
|
|
6980
7071
|
this.$emit("click", event);
|
|
6981
7072
|
},
|
|
@@ -7115,10 +7206,12 @@ const VNote = vue.defineComponent({
|
|
|
7115
7206
|
{
|
|
7116
7207
|
ref: "element",
|
|
7117
7208
|
class: "vvd-component",
|
|
7118
|
-
...
|
|
7119
|
-
|
|
7120
|
-
|
|
7121
|
-
|
|
7209
|
+
...handleVue3Props({
|
|
7210
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7211
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7212
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
7213
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {}
|
|
7214
|
+
}),
|
|
7122
7215
|
onClick: (event) => {
|
|
7123
7216
|
this.$emit("click", event);
|
|
7124
7217
|
},
|
|
@@ -7438,34 +7531,36 @@ const VNumberField = vue.defineComponent({
|
|
|
7438
7531
|
{
|
|
7439
7532
|
ref: "element",
|
|
7440
7533
|
class: "vvd-component",
|
|
7441
|
-
...
|
|
7442
|
-
|
|
7443
|
-
|
|
7444
|
-
|
|
7445
|
-
|
|
7446
|
-
|
|
7447
|
-
|
|
7448
|
-
|
|
7449
|
-
|
|
7450
|
-
|
|
7451
|
-
|
|
7452
|
-
|
|
7453
|
-
|
|
7454
|
-
|
|
7455
|
-
|
|
7456
|
-
|
|
7457
|
-
|
|
7458
|
-
|
|
7459
|
-
|
|
7460
|
-
|
|
7461
|
-
|
|
7462
|
-
|
|
7463
|
-
|
|
7464
|
-
|
|
7465
|
-
|
|
7466
|
-
|
|
7467
|
-
|
|
7468
|
-
|
|
7534
|
+
...handleVue3Props({
|
|
7535
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
7536
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
7537
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
7538
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7539
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
7540
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7541
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7542
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7543
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
7544
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
7545
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
7546
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
7547
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
7548
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
7549
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
7550
|
+
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
7551
|
+
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
7552
|
+
...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
|
|
7553
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
7554
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
7555
|
+
...this.step !== void 0 ? { "^step": this.step } : {},
|
|
7556
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
7557
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
7558
|
+
...this.incrementButtonAriaLabel !== void 0 ? { "^increment-button-aria-label": this.incrementButtonAriaLabel } : {},
|
|
7559
|
+
...this.decrementButtonAriaLabel !== void 0 ? { "^decrement-button-aria-label": this.decrementButtonAriaLabel } : {},
|
|
7560
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
7561
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
7562
|
+
...this.autoComplete !== void 0 ? { "^autoComplete": this.autoComplete } : {}
|
|
7563
|
+
}),
|
|
7469
7564
|
onClick: (event) => {
|
|
7470
7565
|
this.$emit("click", event);
|
|
7471
7566
|
},
|
|
@@ -7642,15 +7737,17 @@ const VOption = vue.defineComponent({
|
|
|
7642
7737
|
{
|
|
7643
7738
|
ref: "element",
|
|
7644
7739
|
class: "vvd-component",
|
|
7645
|
-
...
|
|
7646
|
-
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
|
|
7651
|
-
|
|
7652
|
-
|
|
7653
|
-
|
|
7740
|
+
...handleVue3Props({
|
|
7741
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7742
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
7743
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7744
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7745
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
|
|
7746
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
7747
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7748
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
7749
|
+
...this.value !== void 0 ? { ".value": this.value } : {}
|
|
7750
|
+
}),
|
|
7654
7751
|
onClick: (event) => {
|
|
7655
7752
|
this.$emit("click", event);
|
|
7656
7753
|
},
|
|
@@ -7805,12 +7902,14 @@ const VPagination = vue.defineComponent({
|
|
|
7805
7902
|
{
|
|
7806
7903
|
ref: "element",
|
|
7807
7904
|
class: "vvd-component",
|
|
7808
|
-
...
|
|
7809
|
-
|
|
7810
|
-
|
|
7811
|
-
|
|
7812
|
-
|
|
7813
|
-
|
|
7905
|
+
...handleVue3Props({
|
|
7906
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7907
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
7908
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
7909
|
+
...this.navIcons !== void 0 && this.navIcons !== false ? { "^nav-icons": this.navIcons } : {},
|
|
7910
|
+
...this.total !== void 0 ? { "^total": this.total } : {},
|
|
7911
|
+
...this.selectedIndex !== void 0 ? { "^selected-index": this.selectedIndex } : {}
|
|
7912
|
+
}),
|
|
7814
7913
|
onClick: (event) => {
|
|
7815
7914
|
this.$emit("click", event);
|
|
7816
7915
|
},
|
|
@@ -7972,15 +8071,17 @@ const VProgress = vue.defineComponent({
|
|
|
7972
8071
|
{
|
|
7973
8072
|
ref: "element",
|
|
7974
8073
|
class: "vvd-component",
|
|
7975
|
-
...
|
|
7976
|
-
|
|
7977
|
-
|
|
7978
|
-
|
|
7979
|
-
|
|
7980
|
-
|
|
7981
|
-
|
|
7982
|
-
|
|
7983
|
-
|
|
8074
|
+
...handleVue3Props({
|
|
8075
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8076
|
+
...this.value !== void 0 ? { "^value": this.value } : {},
|
|
8077
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
8078
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
8079
|
+
...this.paused !== void 0 && this.paused !== false ? { "^paused": this.paused } : {},
|
|
8080
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8081
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
8082
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8083
|
+
...this.reverse !== void 0 && this.reverse !== false ? { "^reverse": this.reverse } : {}
|
|
8084
|
+
}),
|
|
7984
8085
|
onClick: (event) => {
|
|
7985
8086
|
this.$emit("click", event);
|
|
7986
8087
|
},
|
|
@@ -8131,14 +8232,16 @@ const VProgressRing = vue.defineComponent({
|
|
|
8131
8232
|
{
|
|
8132
8233
|
ref: "element",
|
|
8133
8234
|
class: "vvd-component",
|
|
8134
|
-
...
|
|
8135
|
-
|
|
8136
|
-
|
|
8137
|
-
|
|
8138
|
-
|
|
8139
|
-
|
|
8140
|
-
|
|
8141
|
-
|
|
8235
|
+
...handleVue3Props({
|
|
8236
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8237
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
8238
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
8239
|
+
...this.paused !== void 0 && this.paused !== false ? { "^paused": this.paused } : {},
|
|
8240
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8241
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8242
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
8243
|
+
...this.value !== void 0 && this.value !== false ? { "^value": this.value } : {}
|
|
8244
|
+
}),
|
|
8142
8245
|
onClick: (event) => {
|
|
8143
8246
|
this.$emit("click", event);
|
|
8144
8247
|
},
|
|
@@ -8326,18 +8429,20 @@ const VRadio = vue.defineComponent({
|
|
|
8326
8429
|
{
|
|
8327
8430
|
ref: "element",
|
|
8328
8431
|
class: "vvd-component",
|
|
8329
|
-
...
|
|
8330
|
-
|
|
8331
|
-
|
|
8332
|
-
|
|
8333
|
-
|
|
8334
|
-
|
|
8335
|
-
|
|
8336
|
-
|
|
8337
|
-
|
|
8338
|
-
|
|
8339
|
-
|
|
8340
|
-
|
|
8432
|
+
...handleVue3Props({
|
|
8433
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8434
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8435
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
8436
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
8437
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
8438
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
8439
|
+
...this.checked !== void 0 && this.checked !== false ? { "^current-checked": this.checked } : {},
|
|
8440
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8441
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8442
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8443
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
8444
|
+
...this.name !== void 0 ? { "^name": this.name } : {}
|
|
8445
|
+
}),
|
|
8341
8446
|
onClick: (event) => {
|
|
8342
8447
|
this.$emit("click", event);
|
|
8343
8448
|
},
|
|
@@ -8519,13 +8624,15 @@ const VRadioGroup = vue.defineComponent({
|
|
|
8519
8624
|
{
|
|
8520
8625
|
ref: "element",
|
|
8521
8626
|
class: "vvd-component",
|
|
8522
|
-
...
|
|
8523
|
-
|
|
8524
|
-
|
|
8525
|
-
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
|
|
8627
|
+
...handleVue3Props({
|
|
8628
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8629
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8630
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
8631
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8632
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
8633
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
8634
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {}
|
|
8635
|
+
}),
|
|
8529
8636
|
onClick: (event) => {
|
|
8530
8637
|
this.$emit("click", event);
|
|
8531
8638
|
},
|
|
@@ -8807,26 +8914,28 @@ const VRangeSlider = vue.defineComponent({
|
|
|
8807
8914
|
{
|
|
8808
8915
|
ref: "element",
|
|
8809
8916
|
class: "vvd-component",
|
|
8810
|
-
...
|
|
8811
|
-
|
|
8812
|
-
|
|
8813
|
-
|
|
8814
|
-
|
|
8815
|
-
|
|
8816
|
-
|
|
8817
|
-
|
|
8818
|
-
|
|
8819
|
-
|
|
8820
|
-
|
|
8821
|
-
|
|
8822
|
-
|
|
8823
|
-
|
|
8824
|
-
|
|
8825
|
-
|
|
8826
|
-
|
|
8827
|
-
|
|
8828
|
-
|
|
8829
|
-
|
|
8917
|
+
...handleVue3Props({
|
|
8918
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8919
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8920
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8921
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
8922
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
8923
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
8924
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
8925
|
+
...this.initialStart !== void 0 ? { "^start": this.initialStart } : {},
|
|
8926
|
+
...this.start !== void 0 ? { "^current-start": this.start } : {},
|
|
8927
|
+
...this.initialEnd !== void 0 ? { "^end": this.initialEnd } : {},
|
|
8928
|
+
...this.end !== void 0 ? { "^current-end": this.end } : {},
|
|
8929
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
8930
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
8931
|
+
...this.step !== void 0 ? { "^step": this.step } : {},
|
|
8932
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
8933
|
+
...this.ariaStartLabel !== void 0 ? { "^aria-start-label": this.ariaStartLabel } : {},
|
|
8934
|
+
...this.ariaEndLabel !== void 0 ? { "^aria-end-label": this.ariaEndLabel } : {},
|
|
8935
|
+
...this.markers !== void 0 && this.markers !== false ? { "^markers": this.markers } : {},
|
|
8936
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8937
|
+
...this.pin !== void 0 && this.pin !== false ? { "^pin": this.pin } : {}
|
|
8938
|
+
}),
|
|
8830
8939
|
onClick: (event) => {
|
|
8831
8940
|
this.$emit("click", event);
|
|
8832
8941
|
},
|
|
@@ -9095,28 +9204,30 @@ const VSearchableSelect = vue.defineComponent({
|
|
|
9095
9204
|
{
|
|
9096
9205
|
ref: "element",
|
|
9097
9206
|
class: "vvd-component",
|
|
9098
|
-
...
|
|
9099
|
-
|
|
9100
|
-
|
|
9101
|
-
|
|
9102
|
-
|
|
9103
|
-
|
|
9104
|
-
|
|
9105
|
-
|
|
9106
|
-
|
|
9107
|
-
|
|
9108
|
-
|
|
9109
|
-
|
|
9110
|
-
|
|
9111
|
-
|
|
9112
|
-
|
|
9113
|
-
|
|
9114
|
-
|
|
9115
|
-
|
|
9116
|
-
|
|
9117
|
-
|
|
9118
|
-
|
|
9119
|
-
|
|
9207
|
+
...handleVue3Props({
|
|
9208
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
9209
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
9210
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
9211
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
9212
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
9213
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
9214
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9215
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
9216
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
9217
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9218
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
9219
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
9220
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
9221
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
9222
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
9223
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
9224
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
9225
|
+
...this.multiple !== void 0 && this.multiple !== false ? { "^multiple": this.multiple } : {},
|
|
9226
|
+
...this.externalTags !== void 0 && this.externalTags !== false ? { "^external-tags": this.externalTags } : {},
|
|
9227
|
+
...this.maxLines !== void 0 ? { "^max-lines": this.maxLines } : {},
|
|
9228
|
+
...this.clearable !== void 0 && this.clearable !== false ? { "^clearable": this.clearable } : {},
|
|
9229
|
+
...this.values !== void 0 ? { ".values": this.values } : {}
|
|
9230
|
+
}),
|
|
9120
9231
|
onClick: (event) => {
|
|
9121
9232
|
this.$emit("click", event);
|
|
9122
9233
|
},
|
|
@@ -9422,26 +9533,28 @@ const VSelect = vue.defineComponent({
|
|
|
9422
9533
|
{
|
|
9423
9534
|
ref: "element",
|
|
9424
9535
|
class: "vvd-component",
|
|
9425
|
-
...
|
|
9426
|
-
|
|
9427
|
-
|
|
9428
|
-
|
|
9429
|
-
|
|
9430
|
-
|
|
9431
|
-
|
|
9432
|
-
|
|
9433
|
-
|
|
9434
|
-
|
|
9435
|
-
|
|
9436
|
-
|
|
9437
|
-
|
|
9438
|
-
|
|
9439
|
-
|
|
9440
|
-
|
|
9441
|
-
|
|
9442
|
-
|
|
9443
|
-
|
|
9444
|
-
|
|
9536
|
+
...handleVue3Props({
|
|
9537
|
+
...this.ariaControls !== void 0 ? { "^aria-controls": this.ariaControls } : {},
|
|
9538
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
9539
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
9540
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
9541
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
9542
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
9543
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
9544
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9545
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
9546
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
9547
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9548
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
9549
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
9550
|
+
...this.multiple !== void 0 && this.multiple !== false ? { "^multiple": this.multiple } : {},
|
|
9551
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
9552
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
9553
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
9554
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
9555
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
9556
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {}
|
|
9557
|
+
}),
|
|
9445
9558
|
onClick: (event) => {
|
|
9446
9559
|
this.$emit("click", event);
|
|
9447
9560
|
},
|
|
@@ -9619,14 +9732,16 @@ const VSelectableBox = vue.defineComponent({
|
|
|
9619
9732
|
{
|
|
9620
9733
|
ref: "element",
|
|
9621
9734
|
class: "vvd-component",
|
|
9622
|
-
...
|
|
9623
|
-
|
|
9624
|
-
|
|
9625
|
-
|
|
9626
|
-
|
|
9627
|
-
|
|
9628
|
-
|
|
9629
|
-
|
|
9735
|
+
...handleVue3Props({
|
|
9736
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9737
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
9738
|
+
...this.checked !== void 0 && this.checked !== false ? { "^checked": this.checked } : {},
|
|
9739
|
+
...this.clickable !== void 0 && this.clickable !== false ? { "^clickable": this.clickable } : {},
|
|
9740
|
+
...this.clickableBox !== void 0 && this.clickableBox !== false ? { "^clickable-box": this.clickableBox } : {},
|
|
9741
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
9742
|
+
...this.controlType !== void 0 ? { "^control-type": this.controlType } : {},
|
|
9743
|
+
...this.tight !== void 0 && this.tight !== false ? { "^tight": this.tight } : {}
|
|
9744
|
+
}),
|
|
9630
9745
|
onClick: (event) => {
|
|
9631
9746
|
this.$emit("click", event);
|
|
9632
9747
|
},
|
|
@@ -9793,11 +9908,13 @@ const VSideDrawer = vue.defineComponent({
|
|
|
9793
9908
|
{
|
|
9794
9909
|
ref: "element",
|
|
9795
9910
|
class: "vvd-component",
|
|
9796
|
-
...
|
|
9797
|
-
|
|
9798
|
-
|
|
9799
|
-
|
|
9800
|
-
|
|
9911
|
+
...handleVue3Props({
|
|
9912
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9913
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {},
|
|
9914
|
+
...this.modal !== void 0 && this.modal !== false ? { "^modal": this.modal } : {},
|
|
9915
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
9916
|
+
...this.trailing !== void 0 && this.trailing !== false ? { "^trailing": this.trailing } : {}
|
|
9917
|
+
}),
|
|
9801
9918
|
onClick: (event) => {
|
|
9802
9919
|
this.$emit("click", event);
|
|
9803
9920
|
},
|
|
@@ -10060,23 +10177,25 @@ const VSlider = vue.defineComponent({
|
|
|
10060
10177
|
{
|
|
10061
10178
|
ref: "element",
|
|
10062
10179
|
class: "vvd-component",
|
|
10063
|
-
...
|
|
10064
|
-
|
|
10065
|
-
|
|
10066
|
-
|
|
10067
|
-
|
|
10068
|
-
|
|
10069
|
-
|
|
10070
|
-
|
|
10071
|
-
|
|
10072
|
-
|
|
10073
|
-
|
|
10074
|
-
|
|
10075
|
-
|
|
10076
|
-
|
|
10077
|
-
|
|
10078
|
-
|
|
10079
|
-
|
|
10180
|
+
...handleVue3Props({
|
|
10181
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10182
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10183
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
10184
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
10185
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
10186
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
10187
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
10188
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
10189
|
+
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
10190
|
+
...this.step !== void 0 ? { "^step": this.step } : {},
|
|
10191
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
10192
|
+
...this.mode !== void 0 ? { "^mode": this.mode } : {},
|
|
10193
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
10194
|
+
...this.ariaValuetext !== void 0 ? { "^aria-valuetext": this.ariaValuetext } : {},
|
|
10195
|
+
...this.markers !== void 0 && this.markers !== false ? { "^markers": this.markers } : {},
|
|
10196
|
+
...this.pin !== void 0 && this.pin !== false ? { "^pin": this.pin } : {},
|
|
10197
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {}
|
|
10198
|
+
}),
|
|
10080
10199
|
onClick: (event) => {
|
|
10081
10200
|
this.$emit("click", event);
|
|
10082
10201
|
},
|
|
@@ -10286,18 +10405,20 @@ const VSplitButton = vue.defineComponent({
|
|
|
10286
10405
|
{
|
|
10287
10406
|
ref: "element",
|
|
10288
10407
|
class: "vvd-component",
|
|
10289
|
-
...
|
|
10290
|
-
|
|
10291
|
-
|
|
10292
|
-
|
|
10293
|
-
|
|
10294
|
-
|
|
10295
|
-
|
|
10296
|
-
|
|
10297
|
-
|
|
10298
|
-
|
|
10299
|
-
|
|
10300
|
-
|
|
10408
|
+
...handleVue3Props({
|
|
10409
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10410
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
10411
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
10412
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
10413
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
10414
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
10415
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
10416
|
+
...this.splitIndicator !== void 0 ? { "^split-indicator": this.splitIndicator } : {},
|
|
10417
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10418
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
10419
|
+
...this.ariaExpanded !== void 0 ? { "^aria-expanded": this.ariaExpanded } : {},
|
|
10420
|
+
...this.indicatorAriaLabel !== void 0 ? { "^indicator-aria-label": this.indicatorAriaLabel } : {}
|
|
10421
|
+
}),
|
|
10301
10422
|
onClick: (event) => {
|
|
10302
10423
|
this.$emit("click", event);
|
|
10303
10424
|
},
|
|
@@ -10514,18 +10635,20 @@ const VSwitch = vue.defineComponent({
|
|
|
10514
10635
|
{
|
|
10515
10636
|
ref: "element",
|
|
10516
10637
|
class: "vvd-component",
|
|
10517
|
-
...
|
|
10518
|
-
|
|
10519
|
-
|
|
10520
|
-
|
|
10521
|
-
|
|
10522
|
-
|
|
10523
|
-
|
|
10524
|
-
|
|
10525
|
-
|
|
10526
|
-
|
|
10527
|
-
|
|
10528
|
-
|
|
10638
|
+
...handleVue3Props({
|
|
10639
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10640
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10641
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
10642
|
+
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
10643
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
10644
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
10645
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
10646
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
10647
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
10648
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
10649
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
10650
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {}
|
|
10651
|
+
}),
|
|
10529
10652
|
onClick: (event) => {
|
|
10530
10653
|
this.$emit("click", event);
|
|
10531
10654
|
},
|
|
@@ -10705,16 +10828,18 @@ const VTab = vue.defineComponent({
|
|
|
10705
10828
|
{
|
|
10706
10829
|
ref: "element",
|
|
10707
10830
|
class: "vvd-component",
|
|
10708
|
-
...
|
|
10709
|
-
|
|
10710
|
-
|
|
10711
|
-
|
|
10712
|
-
|
|
10713
|
-
|
|
10714
|
-
|
|
10715
|
-
|
|
10716
|
-
|
|
10717
|
-
|
|
10831
|
+
...handleVue3Props({
|
|
10832
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
10833
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
10834
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10835
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10836
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
10837
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
10838
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
10839
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
10840
|
+
...this.tabIndex !== void 0 ? { "^tabIndex": this.tabIndex } : {},
|
|
10841
|
+
...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {}
|
|
10842
|
+
}),
|
|
10718
10843
|
onClick: (event) => {
|
|
10719
10844
|
this.$emit("click", event);
|
|
10720
10845
|
},
|
|
@@ -10832,7 +10957,9 @@ const VTabPanel = vue.defineComponent({
|
|
|
10832
10957
|
{
|
|
10833
10958
|
ref: "element",
|
|
10834
10959
|
class: "vvd-component",
|
|
10835
|
-
...
|
|
10960
|
+
...handleVue3Props({
|
|
10961
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {}
|
|
10962
|
+
}),
|
|
10836
10963
|
onClick: (event) => {
|
|
10837
10964
|
this.$emit("click", event);
|
|
10838
10965
|
},
|
|
@@ -11007,14 +11134,16 @@ const VTabs = vue.defineComponent({
|
|
|
11007
11134
|
{
|
|
11008
11135
|
ref: "element",
|
|
11009
11136
|
class: "vvd-component",
|
|
11010
|
-
...
|
|
11011
|
-
|
|
11012
|
-
|
|
11013
|
-
|
|
11014
|
-
|
|
11015
|
-
|
|
11016
|
-
|
|
11017
|
-
|
|
11137
|
+
...handleVue3Props({
|
|
11138
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11139
|
+
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
11140
|
+
...this.activeid !== void 0 ? { "^activeid": this.activeid } : {},
|
|
11141
|
+
...this.activeindicator !== void 0 && this.activeindicator !== false ? { "^activeindicator": this.activeindicator } : {},
|
|
11142
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
11143
|
+
...this.gutters !== void 0 ? { "^gutters": this.gutters } : {},
|
|
11144
|
+
...this.scrollablePanel !== void 0 && this.scrollablePanel !== false ? { "^scrollable-panel": this.scrollablePanel } : {},
|
|
11145
|
+
...this.tabsLayout !== void 0 ? { "^tabs-layout": this.tabsLayout } : {}
|
|
11146
|
+
}),
|
|
11018
11147
|
onClick: (event) => {
|
|
11019
11148
|
this.$emit("click", event);
|
|
11020
11149
|
},
|
|
@@ -11215,16 +11344,18 @@ const VTag = vue.defineComponent({
|
|
|
11215
11344
|
{
|
|
11216
11345
|
ref: "element",
|
|
11217
11346
|
class: "vvd-component",
|
|
11218
|
-
...
|
|
11219
|
-
|
|
11220
|
-
|
|
11221
|
-
|
|
11222
|
-
|
|
11223
|
-
|
|
11224
|
-
|
|
11225
|
-
|
|
11226
|
-
|
|
11227
|
-
|
|
11347
|
+
...handleVue3Props({
|
|
11348
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
11349
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11350
|
+
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
11351
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
11352
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
11353
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
11354
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
11355
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
11356
|
+
...this.selectable !== void 0 && this.selectable !== false ? { "^selectable": this.selectable } : {},
|
|
11357
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {}
|
|
11358
|
+
}),
|
|
11228
11359
|
onClick: (event) => {
|
|
11229
11360
|
this.$emit("click", event);
|
|
11230
11361
|
},
|
|
@@ -11350,8 +11481,10 @@ const VTagGroup = vue.defineComponent({
|
|
|
11350
11481
|
{
|
|
11351
11482
|
ref: "element",
|
|
11352
11483
|
class: "vvd-component",
|
|
11353
|
-
...
|
|
11354
|
-
|
|
11484
|
+
...handleVue3Props({
|
|
11485
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11486
|
+
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {}
|
|
11487
|
+
}),
|
|
11355
11488
|
onClick: (event) => {
|
|
11356
11489
|
this.$emit("click", event);
|
|
11357
11490
|
},
|
|
@@ -11635,29 +11768,31 @@ const VTextArea = vue.defineComponent({
|
|
|
11635
11768
|
{
|
|
11636
11769
|
ref: "element",
|
|
11637
11770
|
class: "vvd-component",
|
|
11638
|
-
...
|
|
11639
|
-
|
|
11640
|
-
|
|
11641
|
-
|
|
11642
|
-
|
|
11643
|
-
|
|
11644
|
-
|
|
11645
|
-
|
|
11646
|
-
|
|
11647
|
-
|
|
11648
|
-
|
|
11649
|
-
|
|
11650
|
-
|
|
11651
|
-
|
|
11652
|
-
|
|
11653
|
-
|
|
11654
|
-
|
|
11655
|
-
|
|
11656
|
-
|
|
11657
|
-
|
|
11658
|
-
|
|
11659
|
-
|
|
11660
|
-
|
|
11771
|
+
...handleVue3Props({
|
|
11772
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
11773
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
11774
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
11775
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
11776
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
11777
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
11778
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
11779
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
11780
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
11781
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
11782
|
+
...this.readOnly !== void 0 && this.readOnly !== false ? { "^readOnly": this.readOnly } : {},
|
|
11783
|
+
...this.resize !== void 0 ? { "^resize": this.resize } : {},
|
|
11784
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
11785
|
+
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
11786
|
+
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
11787
|
+
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
11788
|
+
...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
|
|
11789
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
11790
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
11791
|
+
...this.cols !== void 0 ? { "^cols": this.cols } : {},
|
|
11792
|
+
...this.rows !== void 0 ? { "^rows": this.rows } : {},
|
|
11793
|
+
...this.spellcheck !== void 0 && this.spellcheck !== false ? { "^spellcheck": this.spellcheck } : {},
|
|
11794
|
+
...this.wrap !== void 0 ? { "^wrap": this.wrap } : {}
|
|
11795
|
+
}),
|
|
11661
11796
|
onClick: (event) => {
|
|
11662
11797
|
this.$emit("click", event);
|
|
11663
11798
|
},
|
|
@@ -11975,33 +12110,35 @@ const VTextField = vue.defineComponent({
|
|
|
11975
12110
|
{
|
|
11976
12111
|
ref: "element",
|
|
11977
12112
|
class: "vvd-component",
|
|
11978
|
-
...
|
|
11979
|
-
|
|
11980
|
-
|
|
11981
|
-
|
|
11982
|
-
|
|
11983
|
-
|
|
11984
|
-
|
|
11985
|
-
|
|
11986
|
-
|
|
11987
|
-
|
|
11988
|
-
|
|
11989
|
-
|
|
11990
|
-
|
|
11991
|
-
|
|
11992
|
-
|
|
11993
|
-
|
|
11994
|
-
|
|
11995
|
-
|
|
11996
|
-
|
|
11997
|
-
|
|
11998
|
-
|
|
11999
|
-
|
|
12000
|
-
|
|
12001
|
-
|
|
12002
|
-
|
|
12003
|
-
|
|
12004
|
-
|
|
12113
|
+
...handleVue3Props({
|
|
12114
|
+
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
12115
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
12116
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
12117
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
12118
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
12119
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
12120
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12121
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
12122
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
12123
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
12124
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
12125
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
12126
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
12127
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
12128
|
+
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
12129
|
+
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
12130
|
+
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
12131
|
+
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
12132
|
+
...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
|
|
12133
|
+
...this.pattern !== void 0 ? { "^pattern": this.pattern } : {},
|
|
12134
|
+
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
12135
|
+
...this.spellcheck !== void 0 && this.spellcheck !== false ? { "^spellcheck": this.spellcheck } : {},
|
|
12136
|
+
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
12137
|
+
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
12138
|
+
...this.autoComplete !== void 0 ? { "^autoComplete": this.autoComplete } : {},
|
|
12139
|
+
...this.scale !== void 0 ? { "^scale": this.scale } : {},
|
|
12140
|
+
...this.inputmode !== void 0 ? { "^inputmode": this.inputmode } : {}
|
|
12141
|
+
}),
|
|
12005
12142
|
onClick: (event) => {
|
|
12006
12143
|
this.$emit("click", event);
|
|
12007
12144
|
},
|
|
@@ -12241,21 +12378,23 @@ const VTimePicker = vue.defineComponent({
|
|
|
12241
12378
|
{
|
|
12242
12379
|
ref: "element",
|
|
12243
12380
|
class: "vvd-component",
|
|
12244
|
-
...
|
|
12245
|
-
|
|
12246
|
-
|
|
12247
|
-
|
|
12248
|
-
|
|
12249
|
-
|
|
12250
|
-
|
|
12251
|
-
|
|
12252
|
-
|
|
12253
|
-
|
|
12254
|
-
|
|
12255
|
-
|
|
12256
|
-
|
|
12257
|
-
|
|
12258
|
-
|
|
12381
|
+
...handleVue3Props({
|
|
12382
|
+
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
12383
|
+
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
12384
|
+
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
12385
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12386
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
12387
|
+
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
12388
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
12389
|
+
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
12390
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
12391
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
12392
|
+
...this.minutesStep !== void 0 ? { "^minutes-step": this.minutesStep } : {},
|
|
12393
|
+
...this.secondsStep !== void 0 ? { "^seconds-step": this.secondsStep } : {},
|
|
12394
|
+
...this.clock !== void 0 ? { "^clock": this.clock } : {},
|
|
12395
|
+
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
12396
|
+
...this.max !== void 0 ? { "^max": this.max } : {}
|
|
12397
|
+
}),
|
|
12259
12398
|
onClick: (event) => {
|
|
12260
12399
|
this.$emit("click", event);
|
|
12261
12400
|
},
|
|
@@ -12423,12 +12562,14 @@ const VToggletip = vue.defineComponent({
|
|
|
12423
12562
|
{
|
|
12424
12563
|
ref: "element",
|
|
12425
12564
|
class: "vvd-component",
|
|
12426
|
-
...
|
|
12427
|
-
|
|
12428
|
-
|
|
12429
|
-
|
|
12430
|
-
|
|
12431
|
-
|
|
12565
|
+
...handleVue3Props({
|
|
12566
|
+
...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
|
|
12567
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12568
|
+
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
12569
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {},
|
|
12570
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
12571
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
12572
|
+
}),
|
|
12432
12573
|
onClick: (event) => {
|
|
12433
12574
|
this.$emit("click", event);
|
|
12434
12575
|
},
|
|
@@ -12575,11 +12716,13 @@ const VTooltip = vue.defineComponent({
|
|
|
12575
12716
|
{
|
|
12576
12717
|
ref: "element",
|
|
12577
12718
|
class: "vvd-component",
|
|
12578
|
-
...
|
|
12579
|
-
|
|
12580
|
-
|
|
12581
|
-
|
|
12582
|
-
|
|
12719
|
+
...handleVue3Props({
|
|
12720
|
+
...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
|
|
12721
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12722
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
12723
|
+
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
12724
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {}
|
|
12725
|
+
}),
|
|
12583
12726
|
onClick: (event) => {
|
|
12584
12727
|
this.$emit("click", event);
|
|
12585
12728
|
},
|
|
@@ -12755,12 +12898,14 @@ const VTreeItem = vue.defineComponent({
|
|
|
12755
12898
|
{
|
|
12756
12899
|
ref: "element",
|
|
12757
12900
|
class: "vvd-component",
|
|
12758
|
-
...
|
|
12759
|
-
|
|
12760
|
-
|
|
12761
|
-
|
|
12762
|
-
|
|
12763
|
-
|
|
12901
|
+
...handleVue3Props({
|
|
12902
|
+
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
12903
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
12904
|
+
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
12905
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
12906
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
|
|
12907
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {}
|
|
12908
|
+
}),
|
|
12764
12909
|
onClick: (event) => {
|
|
12765
12910
|
this.$emit("click", event);
|
|
12766
12911
|
},
|
|
@@ -12899,8 +13044,10 @@ const VTreeView = vue.defineComponent({
|
|
|
12899
13044
|
{
|
|
12900
13045
|
ref: "element",
|
|
12901
13046
|
class: "vvd-component",
|
|
12902
|
-
...
|
|
12903
|
-
|
|
13047
|
+
...handleVue3Props({
|
|
13048
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
13049
|
+
...this.renderCollapsedNodes !== void 0 && this.renderCollapsedNodes !== false ? { "^render-collapsed-nodes": this.renderCollapsedNodes } : {}
|
|
13050
|
+
}),
|
|
12904
13051
|
onClick: (event) => {
|
|
12905
13052
|
this.$emit("click", event);
|
|
12906
13053
|
},
|
|
@@ -13076,13 +13223,15 @@ const VVideoPlayer = vue.defineComponent({
|
|
|
13076
13223
|
{
|
|
13077
13224
|
ref: "element",
|
|
13078
13225
|
class: "vvd-component",
|
|
13079
|
-
...
|
|
13080
|
-
|
|
13081
|
-
|
|
13082
|
-
|
|
13083
|
-
|
|
13084
|
-
|
|
13085
|
-
|
|
13226
|
+
...handleVue3Props({
|
|
13227
|
+
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
13228
|
+
...this.poster !== void 0 ? { "^poster": this.poster } : {},
|
|
13229
|
+
...this.src !== void 0 ? { "^src": this.src } : {},
|
|
13230
|
+
...this.autoplay !== void 0 && this.autoplay !== false ? { "^autoplay": this.autoplay } : {},
|
|
13231
|
+
...this.loop !== void 0 && this.loop !== false ? { "^loop": this.loop } : {},
|
|
13232
|
+
...this.playbackRates !== void 0 ? { "^playback-rates": this.playbackRates } : {},
|
|
13233
|
+
...this.skipBy !== void 0 ? { "^skip-by": this.skipBy } : {}
|
|
13234
|
+
}),
|
|
13086
13235
|
onClick: (event) => {
|
|
13087
13236
|
this.$emit("click", event);
|
|
13088
13237
|
},
|
|
@@ -14362,17 +14511,17 @@ var Icon = /* @__PURE__ */ ((Icon2) => {
|
|
|
14362
14511
|
return Icon2;
|
|
14363
14512
|
})(Icon || {});
|
|
14364
14513
|
|
|
14365
|
-
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";
|
|
14514
|
+
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";
|
|
14366
14515
|
|
|
14367
|
-
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";
|
|
14516
|
+
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";
|
|
14368
14517
|
|
|
14369
14518
|
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";
|
|
14370
14519
|
|
|
14371
|
-
const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on
|
|
14520
|
+
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";
|
|
14372
14521
|
|
|
14373
|
-
const coreThemeCss = "/**\n * Do not edit directly\n * Generated on
|
|
14522
|
+
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";
|
|
14374
14523
|
|
|
14375
|
-
const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on
|
|
14524
|
+
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";
|
|
14376
14525
|
|
|
14377
14526
|
const theme = {
|
|
14378
14527
|
name: "core/theme",
|