@vonage/vivid-vue 4.1.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs +165 -165
- package/index.js +165 -165
- package/package.json +2 -2
- package/web-types.json +1 -1
package/index.cjs
CHANGED
|
@@ -292,13 +292,13 @@ const VAccordionItem = vue.defineComponent({
|
|
|
292
292
|
ref: "element",
|
|
293
293
|
class: "vvd-component",
|
|
294
294
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
295
|
-
...this.iconTrailing !== void 0 ? { "^icon-trailing": this.iconTrailing } : {},
|
|
295
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
296
296
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
297
297
|
...this.headingLevel !== void 0 ? { "^heading-level": this.headingLevel } : {},
|
|
298
|
-
...this.expanded !== void 0 ? { "^expanded": this.expanded } : {},
|
|
298
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
299
299
|
...this.id !== void 0 ? { "^id": this.id } : {},
|
|
300
300
|
...this.heading !== void 0 ? { "^heading": this.heading } : {},
|
|
301
|
-
...this.noIndicator !== void 0 ? { "^no-indicator": this.noIndicator } : {},
|
|
301
|
+
...this.noIndicator !== void 0 && this.noIndicator !== false ? { "^no-indicator": this.noIndicator } : {},
|
|
302
302
|
...this.meta !== void 0 ? { "^meta": this.meta } : {},
|
|
303
303
|
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
304
304
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -423,7 +423,7 @@ const VActionGroup = vue.defineComponent({
|
|
|
423
423
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
424
424
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
425
425
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
426
|
-
...this.tight !== void 0 ? { "^tight": this.tight } : {},
|
|
426
|
+
...this.tight !== void 0 && this.tight !== false ? { "^tight": this.tight } : {},
|
|
427
427
|
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
428
428
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
429
429
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -607,7 +607,7 @@ const VAlert = vue.defineComponent({
|
|
|
607
607
|
class: "vvd-component",
|
|
608
608
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
609
609
|
...this.dismissButtonAriaLabel !== void 0 ? { "^dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
|
|
610
|
-
...this.removable !== void 0 ? { "^removable": this.removable } : {},
|
|
610
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
611
611
|
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
612
612
|
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
613
613
|
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
@@ -615,7 +615,7 @@ const VAlert = vue.defineComponent({
|
|
|
615
615
|
...this.timeoutms !== void 0 ? { "^timeoutms": this.timeoutms } : {},
|
|
616
616
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
617
617
|
...this.strategy !== void 0 ? { "^strategy": this.strategy } : {},
|
|
618
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
618
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
619
619
|
onClick: (event) => this.$emit("click", event),
|
|
620
620
|
onFocus: (event) => this.$emit("focus", event),
|
|
621
621
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -791,8 +791,8 @@ const VAudioPlayer = vue.defineComponent({
|
|
|
791
791
|
...this.skipBackwardAriaLabel !== void 0 ? { "^skip-backward-aria-label": this.skipBackwardAriaLabel } : {},
|
|
792
792
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
793
793
|
...this.src !== void 0 ? { "^src": this.src } : {},
|
|
794
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
795
|
-
...this.notime !== void 0 ? { "^notime": this.notime } : {},
|
|
794
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
795
|
+
...this.notime !== void 0 && this.notime !== false ? { "^notime": this.notime } : {},
|
|
796
796
|
...this.skipBy !== void 0 ? { "^skip-by": this.skipBy } : {},
|
|
797
797
|
...this.playbackRates !== void 0 ? { "^playback-rates": this.playbackRates } : {},
|
|
798
798
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -1072,7 +1072,7 @@ const VBadge = vue.defineComponent({
|
|
|
1072
1072
|
ref: "element",
|
|
1073
1073
|
class: "vvd-component",
|
|
1074
1074
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1075
|
-
...this.iconTrailing !== void 0 ? { "^icon-trailing": this.iconTrailing } : {},
|
|
1075
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
1076
1076
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1077
1077
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
1078
1078
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
@@ -1212,7 +1212,7 @@ const VBanner = vue.defineComponent({
|
|
|
1212
1212
|
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
1213
1213
|
...this.actionHref !== void 0 ? { "^action-href": this.actionHref } : {},
|
|
1214
1214
|
...this.actionText !== void 0 ? { "^action-text": this.actionText } : {},
|
|
1215
|
-
...this.removable !== void 0 ? { "^removable": this.removable } : {},
|
|
1215
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
1216
1216
|
...this.ariaLive !== void 0 ? { "^aria-live": this.ariaLive } : {},
|
|
1217
1217
|
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
1218
1218
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
@@ -1740,19 +1740,19 @@ const VButton = vue.defineComponent({
|
|
|
1740
1740
|
ref: "element",
|
|
1741
1741
|
class: "vvd-component",
|
|
1742
1742
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
1743
|
-
...this.iconTrailing !== void 0 ? { "^icon-trailing": this.iconTrailing } : {},
|
|
1743
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
1744
1744
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
1745
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
1745
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
1746
1746
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
1747
1747
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
1748
1748
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
1749
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
1750
|
-
...this.autofocus !== void 0 ? { "^autofocus": this.autofocus } : {},
|
|
1749
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
1750
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
1751
1751
|
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
1752
1752
|
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
1753
1753
|
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
1754
1754
|
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
1755
|
-
...this.formnovalidate !== void 0 ? { "^formnovalidate": this.formnovalidate } : {},
|
|
1755
|
+
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
1756
1756
|
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
1757
1757
|
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
1758
1758
|
...this.title !== void 0 ? { "^title": this.title } : {},
|
|
@@ -1760,9 +1760,9 @@ const VButton = vue.defineComponent({
|
|
|
1760
1760
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
1761
1761
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
1762
1762
|
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
1763
|
-
...this.stacked !== void 0 ? { "^stacked": this.stacked } : {},
|
|
1764
|
-
...this.pending !== void 0 ? { "^pending": this.pending } : {},
|
|
1765
|
-
...this.active !== void 0 ? { "^active": this.active } : {},
|
|
1763
|
+
...this.stacked !== void 0 && this.stacked !== false ? { "^stacked": this.stacked } : {},
|
|
1764
|
+
...this.pending !== void 0 && this.pending !== false ? { "^pending": this.pending } : {},
|
|
1765
|
+
...this.active !== void 0 && this.active !== false ? { "^active": this.active } : {},
|
|
1766
1766
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
1767
1767
|
...this.href !== void 0 ? { "^href": this.href } : {},
|
|
1768
1768
|
...this.download !== void 0 ? { "^download": this.download } : {},
|
|
@@ -1930,7 +1930,7 @@ const VCalendar = vue.defineComponent({
|
|
|
1930
1930
|
...this.datetime !== void 0 ? { ".datetime": this.datetime } : {},
|
|
1931
1931
|
...this.startDay !== void 0 ? { "^start-day": this.startDay } : {},
|
|
1932
1932
|
...this.locales !== void 0 ? { ".locales": this.locales } : {},
|
|
1933
|
-
...this.hour12 !== void 0 ? { "^hour12": this.hour12 } : {},
|
|
1933
|
+
...this.hour12 !== void 0 && this.hour12 !== false ? { "^hour12": this.hour12 } : {},
|
|
1934
1934
|
onClick: (event) => this.$emit("click", event),
|
|
1935
1935
|
onFocus: (event) => this.$emit("focus", event),
|
|
1936
1936
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -2418,7 +2418,7 @@ const VCheckbox = vue.defineComponent({
|
|
|
2418
2418
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
2419
2419
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
2420
2420
|
...this.defaultChecked !== void 0 ? { checked: this.defaultChecked } : {},
|
|
2421
|
-
...this.modelValue ?? this.checked !== void 0 ? { "current-checked": this.modelValue ?? this.checked } : {},
|
|
2421
|
+
...(this.modelValue ?? this.checked) !== void 0 ? { "current-checked": this.modelValue ?? this.checked } : {},
|
|
2422
2422
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
2423
2423
|
...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
|
|
2424
2424
|
...this.tabindex !== void 0 ? { tabindex: this.tabindex } : {},
|
|
@@ -2458,14 +2458,14 @@ const VCheckbox = vue.defineComponent({
|
|
|
2458
2458
|
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
2459
2459
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
2460
2460
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2461
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
2461
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
2462
2462
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
2463
2463
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
2464
2464
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
2465
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
2466
|
-
...this.defaultChecked !== void 0 ? { "^checked": this.defaultChecked } : {},
|
|
2467
|
-
...this.modelValue ?? this.checked !== void 0 ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
2468
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
2465
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2466
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
2467
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
2468
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
2469
2469
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
2470
2470
|
...this.tabindex !== void 0 ? { "^tabindex": this.tabindex } : {},
|
|
2471
2471
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
@@ -2682,7 +2682,7 @@ const VCombobox = vue.defineComponent({
|
|
|
2682
2682
|
...this.icon !== void 0 ? { icon: this.icon } : {},
|
|
2683
2683
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
2684
2684
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
2685
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
2685
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
2686
2686
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
2687
2687
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
2688
2688
|
...this.autocomplete !== void 0 ? { autocomplete: this.autocomplete } : {},
|
|
@@ -2723,17 +2723,17 @@ const VCombobox = vue.defineComponent({
|
|
|
2723
2723
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
2724
2724
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2725
2725
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
2726
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
2726
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
2727
2727
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
2728
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
2728
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
2729
2729
|
...this.autocomplete !== void 0 ? { "^autocomplete": this.autocomplete } : {},
|
|
2730
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
2730
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
2731
2731
|
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
2732
2732
|
...this.position !== void 0 ? { "^position": this.position } : {},
|
|
2733
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
2733
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
2734
2734
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
2735
2735
|
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
2736
|
-
...this.fixedDropdown !== void 0 ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
2736
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
2737
2737
|
onClick: (event) => this.$emit("click", event),
|
|
2738
2738
|
onFocus: (event) => this.$emit("focus", event),
|
|
2739
2739
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -2880,7 +2880,7 @@ const VDataGrid = vue.defineComponent({
|
|
|
2880
2880
|
ref: "element",
|
|
2881
2881
|
class: "vvd-component",
|
|
2882
2882
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
2883
|
-
...this.noTabbing !== void 0 ? { "^no-tabbing": this.noTabbing } : {},
|
|
2883
|
+
...this.noTabbing !== void 0 && this.noTabbing !== false ? { "^no-tabbing": this.noTabbing } : {},
|
|
2884
2884
|
...this.generateHeader !== void 0 ? { "^generate-header": this.generateHeader } : {},
|
|
2885
2885
|
...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
|
|
2886
2886
|
...this.selectionMode !== void 0 ? { "^selection-mode": this.selectionMode } : {},
|
|
@@ -3332,7 +3332,7 @@ const VDatePicker = vue.defineComponent({
|
|
|
3332
3332
|
...this.max !== void 0 ? { max: this.max } : {},
|
|
3333
3333
|
...this.min !== void 0 ? { min: this.min } : {},
|
|
3334
3334
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
3335
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
3335
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
3336
3336
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {}
|
|
3337
3337
|
},
|
|
3338
3338
|
class: "vvd-component",
|
|
@@ -3368,14 +3368,14 @@ const VDatePicker = vue.defineComponent({
|
|
|
3368
3368
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
3369
3369
|
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
3370
3370
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3371
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
3371
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
3372
3372
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
3373
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
3373
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
3374
3374
|
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
3375
3375
|
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
3376
3376
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
3377
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
3378
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
3377
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
3378
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
3379
3379
|
onClick: (event) => this.$emit("click", event),
|
|
3380
3380
|
onFocus: (event) => this.$emit("focus", event),
|
|
3381
3381
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -3607,9 +3607,9 @@ const VDateRangePicker = vue.defineComponent({
|
|
|
3607
3607
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
3608
3608
|
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
3609
3609
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3610
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
3610
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
3611
3611
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
3612
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
3612
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
3613
3613
|
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
3614
3614
|
...this.initialStart !== void 0 ? { "^start": this.initialStart } : {},
|
|
3615
3615
|
...this.initialEnd !== void 0 ? { "^end": this.initialEnd } : {},
|
|
@@ -3618,7 +3618,7 @@ const VDateRangePicker = vue.defineComponent({
|
|
|
3618
3618
|
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
3619
3619
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
3620
3620
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
3621
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
3621
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
3622
3622
|
onClick: (event) => this.$emit("click", event),
|
|
3623
3623
|
onFocus: (event) => this.$emit("focus", event),
|
|
3624
3624
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -3783,7 +3783,7 @@ const VDialPad = vue.defineComponent({
|
|
|
3783
3783
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
3784
3784
|
...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
|
|
3785
3785
|
...this.placeholder !== void 0 ? { placeholder: this.placeholder } : {},
|
|
3786
|
-
...this.modelValue ?? this.value !== void 0 ? { value: this.modelValue ?? this.value } : {},
|
|
3786
|
+
...(this.modelValue ?? this.value) !== void 0 ? { value: this.modelValue ?? this.value } : {},
|
|
3787
3787
|
...this.pattern !== void 0 ? { pattern: this.pattern } : {},
|
|
3788
3788
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
3789
3789
|
...this.pending !== void 0 ? { pending: this.pending } : {},
|
|
@@ -3821,13 +3821,13 @@ const VDialPad = vue.defineComponent({
|
|
|
3821
3821
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3822
3822
|
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
3823
3823
|
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
3824
|
-
...this.modelValue ?? this.value !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
3824
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
3825
3825
|
...this.pattern !== void 0 ? { "^pattern": this.pattern } : {},
|
|
3826
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
3827
|
-
...this.pending !== void 0 ? { "^pending": this.pending } : {},
|
|
3828
|
-
...this.callActive !== void 0 ? { "^call-active": this.callActive } : {},
|
|
3829
|
-
...this.noCall !== void 0 ? { "^no-call": this.noCall } : {},
|
|
3830
|
-
...this.noInput !== void 0 ? { "^no-input": this.noInput } : {},
|
|
3826
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
3827
|
+
...this.pending !== void 0 && this.pending !== false ? { "^pending": this.pending } : {},
|
|
3828
|
+
...this.callActive !== void 0 && this.callActive !== false ? { "^call-active": this.callActive } : {},
|
|
3829
|
+
...this.noCall !== void 0 && this.noCall !== false ? { "^no-call": this.noCall } : {},
|
|
3830
|
+
...this.noInput !== void 0 && this.noInput !== false ? { "^no-input": this.noInput } : {},
|
|
3831
3831
|
...this.endCallButtonLabel !== void 0 ? { "^end-call-button-label": this.endCallButtonLabel } : {},
|
|
3832
3832
|
...this.callButtonLabel !== void 0 ? { "^call-button-label": this.callButtonLabel } : {},
|
|
3833
3833
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -3988,15 +3988,15 @@ const VDialog = vue.defineComponent({
|
|
|
3988
3988
|
ref: "element",
|
|
3989
3989
|
class: "vvd-component",
|
|
3990
3990
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
3991
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
3991
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
3992
3992
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
3993
3993
|
...this.iconPlacement !== void 0 ? { "^icon-placement": this.iconPlacement } : {},
|
|
3994
3994
|
...this.subtitle !== void 0 ? { "^subtitle": this.subtitle } : {},
|
|
3995
3995
|
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
3996
|
-
...this.fullWidthBody !== void 0 ? { "^full-width-body": this.fullWidthBody } : {},
|
|
3996
|
+
...this.fullWidthBody !== void 0 && this.fullWidthBody !== false ? { "^full-width-body": this.fullWidthBody } : {},
|
|
3997
3997
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
3998
3998
|
...this.dismissButtonAriaLabel !== void 0 ? { "^dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
|
|
3999
|
-
...this.noLightDismiss !== void 0 ? { "^no-light-dismiss": this.noLightDismiss } : {},
|
|
3999
|
+
...this.noLightDismiss !== void 0 && this.noLightDismiss !== false ? { "^no-light-dismiss": this.noLightDismiss } : {},
|
|
4000
4000
|
onClick: (event) => this.$emit("click", event),
|
|
4001
4001
|
onFocus: (event) => this.$emit("focus", event),
|
|
4002
4002
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -4444,19 +4444,19 @@ const VFab = vue.defineComponent({
|
|
|
4444
4444
|
ref: "element",
|
|
4445
4445
|
class: "vvd-component",
|
|
4446
4446
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
4447
|
-
...this.iconTrailing !== void 0 ? { "^icon-trailing": this.iconTrailing } : {},
|
|
4447
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
4448
4448
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4449
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
4449
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4450
4450
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
4451
4451
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
4452
4452
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
4453
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
4454
|
-
...this.autofocus !== void 0 ? { "^autofocus": this.autofocus } : {},
|
|
4453
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
4454
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
4455
4455
|
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
4456
4456
|
...this.formaction !== void 0 ? { "^formaction": this.formaction } : {},
|
|
4457
4457
|
...this.formenctype !== void 0 ? { "^formenctype": this.formenctype } : {},
|
|
4458
4458
|
...this.formmethod !== void 0 ? { "^formmethod": this.formmethod } : {},
|
|
4459
|
-
...this.formnovalidate !== void 0 ? { "^formnovalidate": this.formnovalidate } : {},
|
|
4459
|
+
...this.formnovalidate !== void 0 && this.formnovalidate !== false ? { "^formnovalidate": this.formnovalidate } : {},
|
|
4460
4460
|
...this.formtarget !== void 0 ? { "^formtarget": this.formtarget } : {},
|
|
4461
4461
|
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
4462
4462
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
@@ -4656,11 +4656,11 @@ const VFilePicker = vue.defineComponent({
|
|
|
4656
4656
|
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
4657
4657
|
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
4658
4658
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4659
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
4659
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
4660
4660
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
4661
4661
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
4662
4662
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
4663
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
4663
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
4664
4664
|
...this.maxFiles !== void 0 ? { "^max-files": this.maxFiles } : {},
|
|
4665
4665
|
...this.maxFileSize !== void 0 ? { "^max-file-size": this.maxFileSize } : {},
|
|
4666
4666
|
...this.accept !== void 0 ? { "^accept": this.accept } : {},
|
|
@@ -4776,8 +4776,8 @@ const VHeader = vue.defineComponent({
|
|
|
4776
4776
|
ref: "element",
|
|
4777
4777
|
class: "vvd-component",
|
|
4778
4778
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
4779
|
-
...this.elevationShadow !== void 0 ? { "^elevation-shadow": this.elevationShadow } : {},
|
|
4780
|
-
...this.alternate !== void 0 ? { "^alternate": this.alternate } : {},
|
|
4779
|
+
...this.elevationShadow !== void 0 && this.elevationShadow !== false ? { "^elevation-shadow": this.elevationShadow } : {},
|
|
4780
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {},
|
|
4781
4781
|
onClick: (event) => this.$emit("click", event),
|
|
4782
4782
|
onFocus: (event) => this.$emit("focus", event),
|
|
4783
4783
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -5207,8 +5207,8 @@ const VMenu = vue.defineComponent({
|
|
|
5207
5207
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
5208
5208
|
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
5209
5209
|
...this.trigger !== void 0 ? { "^trigger": this.trigger } : {},
|
|
5210
|
-
...this.autoDismiss !== void 0 ? { "^auto-dismiss": this.autoDismiss } : {},
|
|
5211
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
5210
|
+
...this.autoDismiss !== void 0 && this.autoDismiss !== false ? { "^auto-dismiss": this.autoDismiss } : {},
|
|
5211
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
5212
5212
|
onClick: (event) => this.$emit("click", event),
|
|
5213
5213
|
onFocus: (event) => this.$emit("focus", event),
|
|
5214
5214
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -5366,7 +5366,7 @@ const VMenuItem = vue.defineComponent({
|
|
|
5366
5366
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
5367
5367
|
...this.expanded !== void 0 ? { expanded: this.expanded } : {},
|
|
5368
5368
|
...this.role !== void 0 ? { role: this.role } : {},
|
|
5369
|
-
...this.modelValue ?? this.checked !== void 0 ? { checked: this.modelValue ?? this.checked } : {},
|
|
5369
|
+
...(this.modelValue ?? this.checked) !== void 0 ? { checked: this.modelValue ?? this.checked } : {},
|
|
5370
5370
|
...this.text !== void 0 ? { text: this.text } : {},
|
|
5371
5371
|
...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {},
|
|
5372
5372
|
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
@@ -5409,14 +5409,14 @@ const VMenuItem = vue.defineComponent({
|
|
|
5409
5409
|
class: "vvd-component",
|
|
5410
5410
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
5411
5411
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5412
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
5413
|
-
...this.expanded !== void 0 ? { "^expanded": this.expanded } : {},
|
|
5412
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
5413
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
5414
5414
|
...this.role !== void 0 ? { "^role": this.role } : {},
|
|
5415
|
-
...this.modelValue ?? this.checked !== void 0 ? { "^checked": this.modelValue ?? this.checked } : {},
|
|
5415
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^checked": this.modelValue ?? this.checked } : {},
|
|
5416
5416
|
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
5417
5417
|
...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {},
|
|
5418
5418
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5419
|
-
...this.checkTrailing !== void 0 ? { "^check-trailing": this.checkTrailing } : {},
|
|
5419
|
+
...this.checkTrailing !== void 0 && this.checkTrailing !== false ? { "^check-trailing": this.checkTrailing } : {},
|
|
5420
5420
|
...this.checkAppearance !== void 0 ? { "^check-appearance": this.checkAppearance } : {},
|
|
5421
5421
|
onClick: (event) => this.$emit("click", event),
|
|
5422
5422
|
onFocus: (event) => this.$emit("focus", event),
|
|
@@ -5657,7 +5657,7 @@ const VNavDisclosure = vue.defineComponent({
|
|
|
5657
5657
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
5658
5658
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
5659
5659
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
5660
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
5660
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
5661
5661
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
5662
5662
|
onClick: (event) => this.$emit("click", event),
|
|
5663
5663
|
onFocus: (event) => this.$emit("focus", event),
|
|
@@ -6206,7 +6206,7 @@ const VNumberField = vue.defineComponent({
|
|
|
6206
6206
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
6207
6207
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
6208
6208
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
6209
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
6209
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
6210
6210
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
6211
6211
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
6212
6212
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
@@ -6256,18 +6256,18 @@ const VNumberField = vue.defineComponent({
|
|
|
6256
6256
|
class: "vvd-component",
|
|
6257
6257
|
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
6258
6258
|
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
6259
|
-
...this.charCount !== void 0 ? { "^char-count": this.charCount } : {},
|
|
6259
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
6260
6260
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
6261
6261
|
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
6262
6262
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
6263
6263
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6264
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
6264
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
6265
6265
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
6266
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
6266
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
6267
6267
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
6268
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
6269
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
6270
|
-
...this.autofocus !== void 0 ? { "^autofocus": this.autofocus } : {},
|
|
6268
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
6269
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
6270
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
6271
6271
|
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
6272
6272
|
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
6273
6273
|
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
@@ -6427,10 +6427,10 @@ const VOption = vue.defineComponent({
|
|
|
6427
6427
|
ref: "element",
|
|
6428
6428
|
class: "vvd-component",
|
|
6429
6429
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
6430
|
-
...this.iconTrailing !== void 0 ? { "^icon-trailing": this.iconTrailing } : {},
|
|
6430
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
6431
6431
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6432
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
6433
|
-
...this.selected !== void 0 ? { "^selected": this.selected } : {},
|
|
6432
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
6433
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
|
|
6434
6434
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
6435
6435
|
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
6436
6436
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
@@ -6565,7 +6565,7 @@ const VPagination = vue.defineComponent({
|
|
|
6565
6565
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
6566
6566
|
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
6567
6567
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
6568
|
-
...this.navIcons !== void 0 ? { "^nav-icons": this.navIcons } : {},
|
|
6568
|
+
...this.navIcons !== void 0 && this.navIcons !== false ? { "^nav-icons": this.navIcons } : {},
|
|
6569
6569
|
...this.total !== void 0 ? { "^total": this.total } : {},
|
|
6570
6570
|
...this.selectedIndex !== void 0 ? { "^selected-index": this.selectedIndex } : {},
|
|
6571
6571
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -6707,11 +6707,11 @@ const VProgress = vue.defineComponent({
|
|
|
6707
6707
|
...this.value !== void 0 ? { "^value": this.value } : {},
|
|
6708
6708
|
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
6709
6709
|
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
6710
|
-
...this.paused !== void 0 ? { "^paused": this.paused } : {},
|
|
6710
|
+
...this.paused !== void 0 && this.paused !== false ? { "^paused": this.paused } : {},
|
|
6711
6711
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
6712
6712
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
6713
6713
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6714
|
-
...this.reverse !== void 0 ? { "^reverse": this.reverse } : {},
|
|
6714
|
+
...this.reverse !== void 0 && this.reverse !== false ? { "^reverse": this.reverse } : {},
|
|
6715
6715
|
onClick: (event) => this.$emit("click", event),
|
|
6716
6716
|
onFocus: (event) => this.$emit("focus", event),
|
|
6717
6717
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -6842,7 +6842,7 @@ const VProgressRing = vue.defineComponent({
|
|
|
6842
6842
|
...this.value !== void 0 ? { "^value": this.value } : {},
|
|
6843
6843
|
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
6844
6844
|
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
6845
|
-
...this.paused !== void 0 ? { "^paused": this.paused } : {},
|
|
6845
|
+
...this.paused !== void 0 && this.paused !== false ? { "^paused": this.paused } : {},
|
|
6846
6846
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
6847
6847
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
6848
6848
|
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
@@ -7008,14 +7008,14 @@ const VRadio = vue.defineComponent({
|
|
|
7008
7008
|
ref: "element",
|
|
7009
7009
|
class: "vvd-component",
|
|
7010
7010
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7011
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
7011
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7012
7012
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
7013
7013
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
7014
7014
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
7015
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
7016
|
-
...this.defaultChecked !== void 0 ? { "^checked": this.defaultChecked } : {},
|
|
7017
|
-
...this.checked !== void 0 ? { "^current-checked": this.checked } : {},
|
|
7018
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
7015
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
7016
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
7017
|
+
...this.checked !== void 0 && this.checked !== false ? { "^current-checked": this.checked } : {},
|
|
7018
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
7019
7019
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
7020
7020
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7021
7021
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
@@ -7141,7 +7141,7 @@ const VRadioGroup = vue.defineComponent({
|
|
|
7141
7141
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
7142
7142
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
7143
7143
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
7144
|
-
...this.modelValue ?? this.value !== void 0 ? { value: this.modelValue ?? this.value } : {},
|
|
7144
|
+
...(this.modelValue ?? this.value) !== void 0 ? { value: this.modelValue ?? this.value } : {},
|
|
7145
7145
|
...this.orientation !== void 0 ? { orientation: this.orientation } : {},
|
|
7146
7146
|
...this.label !== void 0 ? { label: this.label } : {}
|
|
7147
7147
|
},
|
|
@@ -7171,10 +7171,10 @@ const VRadioGroup = vue.defineComponent({
|
|
|
7171
7171
|
ref: "element",
|
|
7172
7172
|
class: "vvd-component",
|
|
7173
7173
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7174
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
7175
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
7174
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
7175
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7176
7176
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
7177
|
-
...this.modelValue ?? this.value !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
7177
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^value": this.modelValue ?? this.value } : {},
|
|
7178
7178
|
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
7179
7179
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7180
7180
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -7429,11 +7429,11 @@ const VRangeSlider = vue.defineComponent({
|
|
|
7429
7429
|
class: "vvd-component",
|
|
7430
7430
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7431
7431
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7432
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
7432
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7433
7433
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
7434
7434
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
7435
7435
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
7436
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
7436
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
7437
7437
|
...this.initialStart !== void 0 ? { "^start": this.initialStart } : {},
|
|
7438
7438
|
...this.start !== void 0 ? { "^current-start": this.start } : {},
|
|
7439
7439
|
...this.initialEnd !== void 0 ? { "^end": this.initialEnd } : {},
|
|
@@ -7444,7 +7444,7 @@ const VRangeSlider = vue.defineComponent({
|
|
|
7444
7444
|
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
7445
7445
|
...this.ariaStartLabel !== void 0 ? { "^aria-start-label": this.ariaStartLabel } : {},
|
|
7446
7446
|
...this.ariaEndLabel !== void 0 ? { "^aria-end-label": this.ariaEndLabel } : {},
|
|
7447
|
-
...this.markers !== void 0 ? { "^markers": this.markers } : {},
|
|
7447
|
+
...this.markers !== void 0 && this.markers !== false ? { "^markers": this.markers } : {},
|
|
7448
7448
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
7449
7449
|
onClick: (event) => this.$emit("click", event),
|
|
7450
7450
|
onFocus: (event) => this.$emit("focus", event),
|
|
@@ -7675,7 +7675,7 @@ const VSelect = vue.defineComponent({
|
|
|
7675
7675
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
7676
7676
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
7677
7677
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
7678
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
7678
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
7679
7679
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
7680
7680
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
7681
7681
|
...this.open !== void 0 ? { open: this.open } : {},
|
|
@@ -7724,19 +7724,19 @@ const VSelect = vue.defineComponent({
|
|
|
7724
7724
|
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
7725
7725
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
7726
7726
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
7727
|
-
...this.iconTrailing !== void 0 ? { "^icon-trailing": this.iconTrailing } : {},
|
|
7727
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
7728
7728
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7729
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
7729
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
7730
7730
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
7731
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
7731
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
7732
7732
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
7733
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
7734
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
7733
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
7734
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
7735
7735
|
...this.position !== void 0 ? { "^position": this.position } : {},
|
|
7736
|
-
...this.multiple !== void 0 ? { "^multiple": this.multiple } : {},
|
|
7736
|
+
...this.multiple !== void 0 && this.multiple !== false ? { "^multiple": this.multiple } : {},
|
|
7737
7737
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
7738
7738
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
7739
|
-
...this.fixedDropdown !== void 0 ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
7739
|
+
...this.fixedDropdown !== void 0 && this.fixedDropdown !== false ? { "^fixed-dropdown": this.fixedDropdown } : {},
|
|
7740
7740
|
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
7741
7741
|
onClick: (event) => this.$emit("click", event),
|
|
7742
7742
|
onFocus: (event) => this.$emit("focus", event),
|
|
@@ -7891,12 +7891,12 @@ const VSelectableBox = vue.defineComponent({
|
|
|
7891
7891
|
class: "vvd-component",
|
|
7892
7892
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
7893
7893
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
7894
|
-
...this.checked !== void 0 ? { "^checked": this.checked } : {},
|
|
7895
|
-
...this.clickable !== void 0 ? { "^clickable": this.clickable } : {},
|
|
7896
|
-
...this.clickableBox !== void 0 ? { "^clickable-box": this.clickableBox } : {},
|
|
7894
|
+
...this.checked !== void 0 && this.checked !== false ? { "^checked": this.checked } : {},
|
|
7895
|
+
...this.clickable !== void 0 && this.clickable !== false ? { "^clickable": this.clickable } : {},
|
|
7896
|
+
...this.clickableBox !== void 0 && this.clickableBox !== false ? { "^clickable-box": this.clickableBox } : {},
|
|
7897
7897
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
7898
7898
|
...this.controlType !== void 0 ? { "^control-type": this.controlType } : {},
|
|
7899
|
-
...this.tight !== void 0 ? { "^tight": this.tight } : {},
|
|
7899
|
+
...this.tight !== void 0 && this.tight !== false ? { "^tight": this.tight } : {},
|
|
7900
7900
|
onClick: (event) => this.$emit("click", event),
|
|
7901
7901
|
onFocus: (event) => this.$emit("focus", event),
|
|
7902
7902
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -8026,10 +8026,10 @@ const VSideDrawer = vue.defineComponent({
|
|
|
8026
8026
|
ref: "element",
|
|
8027
8027
|
class: "vvd-component",
|
|
8028
8028
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8029
|
-
...this.alternate !== void 0 ? { "^alternate": this.alternate } : {},
|
|
8030
|
-
...this.modal !== void 0 ? { "^modal": this.modal } : {},
|
|
8031
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
8032
|
-
...this.trailing !== void 0 ? { "^trailing": this.trailing } : {},
|
|
8029
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {},
|
|
8030
|
+
...this.modal !== void 0 && this.modal !== false ? { "^modal": this.modal } : {},
|
|
8031
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
8032
|
+
...this.trailing !== void 0 && this.trailing !== false ? { "^trailing": this.trailing } : {},
|
|
8033
8033
|
onClick: (event) => this.$emit("click", event),
|
|
8034
8034
|
onFocus: (event) => this.$emit("focus", event),
|
|
8035
8035
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -8214,7 +8214,7 @@ const VSlider = vue.defineComponent({
|
|
|
8214
8214
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
8215
8215
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
8216
8216
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
8217
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
8217
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
8218
8218
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
8219
8219
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
8220
8220
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
@@ -8254,12 +8254,12 @@ const VSlider = vue.defineComponent({
|
|
|
8254
8254
|
ref: "element",
|
|
8255
8255
|
class: "vvd-component",
|
|
8256
8256
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8257
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
8257
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8258
8258
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
8259
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
8259
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
8260
8260
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
8261
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
8262
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
8261
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
8262
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
8263
8263
|
...this.min !== void 0 ? { "^min": this.min } : {},
|
|
8264
8264
|
...this.max !== void 0 ? { "^max": this.max } : {},
|
|
8265
8265
|
...this.step !== void 0 ? { "^step": this.step } : {},
|
|
@@ -8267,7 +8267,7 @@ const VSlider = vue.defineComponent({
|
|
|
8267
8267
|
...this.mode !== void 0 ? { "^mode": this.mode } : {},
|
|
8268
8268
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8269
8269
|
...this.ariaValuetext !== void 0 ? { "^aria-valuetext": this.ariaValuetext } : {},
|
|
8270
|
-
...this.markers !== void 0 ? { "^markers": this.markers } : {},
|
|
8270
|
+
...this.markers !== void 0 && this.markers !== false ? { "^markers": this.markers } : {},
|
|
8271
8271
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8272
8272
|
onClick: (event) => this.$emit("click", event),
|
|
8273
8273
|
onFocus: (event) => this.$emit("focus", event),
|
|
@@ -8458,7 +8458,7 @@ const VSplitButton = vue.defineComponent({
|
|
|
8458
8458
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8459
8459
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
8460
8460
|
...this.splitIndicator !== void 0 ? { "^split-indicator": this.splitIndicator } : {},
|
|
8461
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
8461
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8462
8462
|
...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
|
|
8463
8463
|
...this.ariaExpanded !== void 0 ? { "^aria-expanded": this.ariaExpanded } : {},
|
|
8464
8464
|
...this.indicatorAriaLabel !== void 0 ? { "^indicator-aria-label": this.indicatorAriaLabel } : {},
|
|
@@ -8618,7 +8618,7 @@ const VSwitch = vue.defineComponent({
|
|
|
8618
8618
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
8619
8619
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
8620
8620
|
...this.defaultChecked !== void 0 ? { checked: this.defaultChecked } : {},
|
|
8621
|
-
...this.modelValue ?? this.checked !== void 0 ? { "current-checked": this.modelValue ?? this.checked } : {},
|
|
8621
|
+
...(this.modelValue ?? this.checked) !== void 0 ? { "current-checked": this.modelValue ?? this.checked } : {},
|
|
8622
8622
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
8623
8623
|
...this.label !== void 0 ? { label: this.label } : {},
|
|
8624
8624
|
...this.connotation !== void 0 ? { connotation: this.connotation } : {}
|
|
@@ -8649,14 +8649,14 @@ const VSwitch = vue.defineComponent({
|
|
|
8649
8649
|
ref: "element",
|
|
8650
8650
|
class: "vvd-component",
|
|
8651
8651
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8652
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
8652
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8653
8653
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
8654
8654
|
...this.value !== void 0 ? { "^current-value": this.value } : {},
|
|
8655
8655
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
8656
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
8657
|
-
...this.defaultChecked !== void 0 ? { "^checked": this.defaultChecked } : {},
|
|
8658
|
-
...this.modelValue ?? this.checked !== void 0 ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
8659
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
8656
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
8657
|
+
...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
|
|
8658
|
+
...(this.modelValue ?? this.checked) !== void 0 && (this.modelValue ?? this.checked) !== false ? { "^current-checked": this.modelValue ?? this.checked } : {},
|
|
8659
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
8660
8660
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
8661
8661
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8662
8662
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -8803,9 +8803,9 @@ const VTab = vue.defineComponent({
|
|
|
8803
8803
|
ref: "element",
|
|
8804
8804
|
class: "vvd-component",
|
|
8805
8805
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
8806
|
-
...this.iconTrailing !== void 0 ? { "^icon-trailing": this.iconTrailing } : {},
|
|
8806
|
+
...this.iconTrailing !== void 0 && this.iconTrailing !== false ? { "^icon-trailing": this.iconTrailing } : {},
|
|
8807
8807
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
8808
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
8808
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
8809
8809
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
8810
8810
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
8811
8811
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
@@ -9069,10 +9069,10 @@ const VTabs = vue.defineComponent({
|
|
|
9069
9069
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9070
9070
|
...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
|
|
9071
9071
|
...this.activeid !== void 0 ? { "^activeid": this.activeid } : {},
|
|
9072
|
-
...this.activeindicator !== void 0 ? { "^activeindicator": this.activeindicator } : {},
|
|
9072
|
+
...this.activeindicator !== void 0 && this.activeindicator !== false ? { "^activeindicator": this.activeindicator } : {},
|
|
9073
9073
|
...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
|
|
9074
9074
|
...this.gutters !== void 0 ? { "^gutters": this.gutters } : {},
|
|
9075
|
-
...this.scrollablePanel !== void 0 ? { "^scrollable-panel": this.scrollablePanel } : {},
|
|
9075
|
+
...this.scrollablePanel !== void 0 && this.scrollablePanel !== false ? { "^scrollable-panel": this.scrollablePanel } : {},
|
|
9076
9076
|
onClick: (event) => this.$emit("click", event),
|
|
9077
9077
|
onFocus: (event) => this.$emit("focus", event),
|
|
9078
9078
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -9249,10 +9249,10 @@ const VTag = vue.defineComponent({
|
|
|
9249
9249
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
9250
9250
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
9251
9251
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
9252
|
-
...this.removable !== void 0 ? { "^removable": this.removable } : {},
|
|
9253
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
9254
|
-
...this.selectable !== void 0 ? { "^selectable": this.selectable } : {},
|
|
9255
|
-
...this.selected !== void 0 ? { "^selected": this.selected } : {},
|
|
9252
|
+
...this.removable !== void 0 && this.removable !== false ? { "^removable": this.removable } : {},
|
|
9253
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
9254
|
+
...this.selectable !== void 0 && this.selectable !== false ? { "^selectable": this.selectable } : {},
|
|
9255
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
|
|
9256
9256
|
onClick: (event) => this.$emit("click", event),
|
|
9257
9257
|
onFocus: (event) => this.$emit("focus", event),
|
|
9258
9258
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -9566,7 +9566,7 @@ const VTextArea = vue.defineComponent({
|
|
|
9566
9566
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
9567
9567
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
9568
9568
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
9569
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
9569
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
9570
9570
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
9571
9571
|
...this.readOnly !== void 0 ? { readOnly: this.readOnly } : {},
|
|
9572
9572
|
...this.resize !== void 0 ? { resize: this.resize } : {},
|
|
@@ -9613,17 +9613,17 @@ const VTextArea = vue.defineComponent({
|
|
|
9613
9613
|
class: "vvd-component",
|
|
9614
9614
|
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
9615
9615
|
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
9616
|
-
...this.charCount !== void 0 ? { "^char-count": this.charCount } : {},
|
|
9616
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
9617
9617
|
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
9618
9618
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
9619
9619
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9620
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
9620
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
9621
9621
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
9622
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9623
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
9624
|
-
...this.readOnly !== void 0 ? { "^readOnly": this.readOnly } : {},
|
|
9622
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9623
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
9624
|
+
...this.readOnly !== void 0 && this.readOnly !== false ? { "^readOnly": this.readOnly } : {},
|
|
9625
9625
|
...this.resize !== void 0 ? { "^resize": this.resize } : {},
|
|
9626
|
-
...this.autofocus !== void 0 ? { "^autofocus": this.autofocus } : {},
|
|
9626
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
9627
9627
|
...this.form !== void 0 ? { "^form": this.form } : {},
|
|
9628
9628
|
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
9629
9629
|
...this.maxlength !== void 0 ? { "^maxlength": this.maxlength } : {},
|
|
@@ -9632,7 +9632,7 @@ const VTextArea = vue.defineComponent({
|
|
|
9632
9632
|
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
9633
9633
|
...this.cols !== void 0 ? { "^cols": this.cols } : {},
|
|
9634
9634
|
...this.rows !== void 0 ? { "^rows": this.rows } : {},
|
|
9635
|
-
...this.spellcheck !== void 0 ? { "^spellcheck": this.spellcheck } : {},
|
|
9635
|
+
...this.spellcheck !== void 0 && this.spellcheck !== false ? { "^spellcheck": this.spellcheck } : {},
|
|
9636
9636
|
...this.wrap !== void 0 ? { "^wrap": this.wrap } : {},
|
|
9637
9637
|
onClick: (event) => this.$emit("click", event),
|
|
9638
9638
|
onFocus: (event) => this.$emit("focus", event),
|
|
@@ -9860,7 +9860,7 @@ const VTextField = vue.defineComponent({
|
|
|
9860
9860
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
9861
9861
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
9862
9862
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
9863
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
9863
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
9864
9864
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
9865
9865
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
9866
9866
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
@@ -9915,18 +9915,18 @@ const VTextField = vue.defineComponent({
|
|
|
9915
9915
|
class: "vvd-component",
|
|
9916
9916
|
...this.successText !== void 0 ? { "^success-text": this.successText } : {},
|
|
9917
9917
|
...this.helperText !== void 0 ? { "^helper-text": this.helperText } : {},
|
|
9918
|
-
...this.charCount !== void 0 ? { "^char-count": this.charCount } : {},
|
|
9918
|
+
...this.charCount !== void 0 && this.charCount !== false ? { "^char-count": this.charCount } : {},
|
|
9919
9919
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
9920
9920
|
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
9921
9921
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
9922
9922
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
9923
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
9923
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
9924
9924
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
9925
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9925
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
9926
9926
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
9927
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
9928
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
9929
|
-
...this.autofocus !== void 0 ? { "^autofocus": this.autofocus } : {},
|
|
9927
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
9928
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
9929
|
+
...this.autofocus !== void 0 && this.autofocus !== false ? { "^autofocus": this.autofocus } : {},
|
|
9930
9930
|
...this.placeholder !== void 0 ? { "^placeholder": this.placeholder } : {},
|
|
9931
9931
|
...this.type !== void 0 ? { "^type": this.type } : {},
|
|
9932
9932
|
...this.list !== void 0 ? { "^list": this.list } : {},
|
|
@@ -9934,7 +9934,7 @@ const VTextField = vue.defineComponent({
|
|
|
9934
9934
|
...this.minlength !== void 0 ? { "^minlength": this.minlength } : {},
|
|
9935
9935
|
...this.pattern !== void 0 ? { "^pattern": this.pattern } : {},
|
|
9936
9936
|
...this.size !== void 0 ? { "^size": this.size } : {},
|
|
9937
|
-
...this.spellcheck !== void 0 ? { "^spellcheck": this.spellcheck } : {},
|
|
9937
|
+
...this.spellcheck !== void 0 && this.spellcheck !== false ? { "^spellcheck": this.spellcheck } : {},
|
|
9938
9938
|
...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
|
|
9939
9939
|
...this.shape !== void 0 ? { "^shape": this.shape } : {},
|
|
9940
9940
|
...this.autoComplete !== void 0 ? { "^autoComplete": this.autoComplete } : {},
|
|
@@ -10114,7 +10114,7 @@ const VTimePicker = vue.defineComponent({
|
|
|
10114
10114
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
10115
10115
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
10116
10116
|
...this.initialValue !== void 0 ? { value: this.initialValue } : {},
|
|
10117
|
-
...this.modelValue ?? this.value !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
10117
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "current-value": this.modelValue ?? this.value } : {},
|
|
10118
10118
|
...this.name !== void 0 ? { name: this.name } : {},
|
|
10119
10119
|
...this.required !== void 0 ? { required: this.required } : {},
|
|
10120
10120
|
...this.readonly !== void 0 ? { readonly: this.readonly } : {},
|
|
@@ -10157,12 +10157,12 @@ const VTimePicker = vue.defineComponent({
|
|
|
10157
10157
|
...this.label !== void 0 ? { "^label": this.label } : {},
|
|
10158
10158
|
...this.errorText !== void 0 ? { "^error-text": this.errorText } : {},
|
|
10159
10159
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10160
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
10160
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10161
10161
|
...this.initialValue !== void 0 ? { "^value": this.initialValue } : {},
|
|
10162
|
-
...this.modelValue ?? this.value !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
10162
|
+
...(this.modelValue ?? this.value) !== void 0 ? { "^current-value": this.modelValue ?? this.value } : {},
|
|
10163
10163
|
...this.name !== void 0 ? { "^name": this.name } : {},
|
|
10164
|
-
...this.required !== void 0 ? { "^required": this.required } : {},
|
|
10165
|
-
...this.readonly !== void 0 ? { "^readonly": this.readonly } : {},
|
|
10164
|
+
...this.required !== void 0 && this.required !== false ? { "^required": this.required } : {},
|
|
10165
|
+
...this.readonly !== void 0 && this.readonly !== false ? { "^readonly": this.readonly } : {},
|
|
10166
10166
|
...this.minutesStep !== void 0 ? { "^minutes-step": this.minutesStep } : {},
|
|
10167
10167
|
...this.secondsStep !== void 0 ? { "^seconds-step": this.secondsStep } : {},
|
|
10168
10168
|
...this.clock !== void 0 ? { "^clock": this.clock } : {},
|
|
@@ -10314,9 +10314,9 @@ const VToggletip = vue.defineComponent({
|
|
|
10314
10314
|
...this.anchor !== void 0 ? { ".anchor": this.anchor } : {},
|
|
10315
10315
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10316
10316
|
...this.headline !== void 0 ? { "^headline": this.headline } : {},
|
|
10317
|
-
...this.alternate !== void 0 ? { "^alternate": this.alternate } : {},
|
|
10317
|
+
...this.alternate !== void 0 && this.alternate !== false ? { "^alternate": this.alternate } : {},
|
|
10318
10318
|
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
10319
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
10319
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
10320
10320
|
onClick: (event) => this.$emit("click", event),
|
|
10321
10321
|
onFocus: (event) => this.$emit("focus", event),
|
|
10322
10322
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -10443,7 +10443,7 @@ const VTooltip = vue.defineComponent({
|
|
|
10443
10443
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10444
10444
|
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
10445
10445
|
...this.placement !== void 0 ? { "^placement": this.placement } : {},
|
|
10446
|
-
...this.open !== void 0 ? { "^open": this.open } : {},
|
|
10446
|
+
...this.open !== void 0 && this.open !== false ? { "^open": this.open } : {},
|
|
10447
10447
|
onClick: (event) => this.$emit("click", event),
|
|
10448
10448
|
onFocus: (event) => this.$emit("focus", event),
|
|
10449
10449
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -10583,9 +10583,9 @@ const VTreeItem = vue.defineComponent({
|
|
|
10583
10583
|
class: "vvd-component",
|
|
10584
10584
|
...this.icon !== void 0 ? { "^icon": this.icon } : {},
|
|
10585
10585
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10586
|
-
...this.expanded !== void 0 ? { "^expanded": this.expanded } : {},
|
|
10587
|
-
...this.selected !== void 0 ? { "^selected": this.selected } : {},
|
|
10588
|
-
...this.disabled !== void 0 ? { "^disabled": this.disabled } : {},
|
|
10586
|
+
...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
|
|
10587
|
+
...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {},
|
|
10588
|
+
...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
|
|
10589
10589
|
...this.text !== void 0 ? { "^text": this.text } : {},
|
|
10590
10590
|
onClick: (event) => this.$emit("click", event),
|
|
10591
10591
|
onFocus: (event) => this.$emit("focus", event),
|
|
@@ -10694,7 +10694,7 @@ const VTreeView = vue.defineComponent({
|
|
|
10694
10694
|
ref: "element",
|
|
10695
10695
|
class: "vvd-component",
|
|
10696
10696
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10697
|
-
...this.renderCollapsedNodes !== void 0 ? { "^render-collapsed-nodes": this.renderCollapsedNodes } : {},
|
|
10697
|
+
...this.renderCollapsedNodes !== void 0 && this.renderCollapsedNodes !== false ? { "^render-collapsed-nodes": this.renderCollapsedNodes } : {},
|
|
10698
10698
|
onClick: (event) => this.$emit("click", event),
|
|
10699
10699
|
onFocus: (event) => this.$emit("focus", event),
|
|
10700
10700
|
onBlur: (event) => this.$emit("blur", event),
|
|
@@ -10843,8 +10843,8 @@ const VVideoPlayer = vue.defineComponent({
|
|
|
10843
10843
|
...this.ariaCurrent !== void 0 ? { "^aria-current": this.ariaCurrent } : {},
|
|
10844
10844
|
...this.poster !== void 0 ? { "^poster": this.poster } : {},
|
|
10845
10845
|
...this.src !== void 0 ? { "^src": this.src } : {},
|
|
10846
|
-
...this.autoplay !== void 0 ? { "^autoplay": this.autoplay } : {},
|
|
10847
|
-
...this.loop !== void 0 ? { "^loop": this.loop } : {},
|
|
10846
|
+
...this.autoplay !== void 0 && this.autoplay !== false ? { "^autoplay": this.autoplay } : {},
|
|
10847
|
+
...this.loop !== void 0 && this.loop !== false ? { "^loop": this.loop } : {},
|
|
10848
10848
|
...this.playbackRates !== void 0 ? { "^playback-rates": this.playbackRates } : {},
|
|
10849
10849
|
...this.skipBy !== void 0 ? { "^skip-by": this.skipBy } : {},
|
|
10850
10850
|
onClick: (event) => this.$emit("click", event),
|
|
@@ -12089,17 +12089,17 @@ var Icon = /* @__PURE__ */ ((Icon2) => {
|
|
|
12089
12089
|
return Icon2;
|
|
12090
12090
|
})(Icon || {});
|
|
12091
12091
|
|
|
12092
|
-
const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 GMT\n */\n/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 GMT\n */\n/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 GMT\n */\n/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 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-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-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-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-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-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}\n";
|
|
12092
|
+
const tokensThemeLightCss = "/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 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-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-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-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-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-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}\n";
|
|
12093
12093
|
|
|
12094
|
-
const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 GMT\n */\n/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 GMT\n */\n/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 GMT\n */\n/**\n * Do not edit directly\n * Generated on Mon, 08 Jul 2024 12:38:12 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-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-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-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-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-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}\n";
|
|
12094
|
+
const tokensThemeDarkCss = "/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 GMT\n */\n/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 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-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-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-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-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-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}\n";
|
|
12095
12095
|
|
|
12096
12096
|
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";
|
|
12097
12097
|
|
|
12098
|
-
const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on
|
|
12098
|
+
const tokensVivid2CompatCss = "/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 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";
|
|
12099
12099
|
|
|
12100
|
-
const coreThemeCss = "/**\n * Do not edit directly\n * Generated on
|
|
12100
|
+
const coreThemeCss = "/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 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";
|
|
12101
12101
|
|
|
12102
|
-
const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on
|
|
12102
|
+
const coreTypographyCss = "/**\n * Do not edit directly\n * Generated on Thu, 11 Jul 2024 10:35:07 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";
|
|
12103
12103
|
|
|
12104
12104
|
const theme = {
|
|
12105
12105
|
name: "core/theme",
|