@vonage/vivid-vue 3.2.0 → 3.2.2
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/dist/generated/components/VDialog.d.ts +1 -1
- package/dist/generated/components/VTag.d.ts +165 -0
- package/dist/generated/components/VTagGroup.d.ts +28 -0
- package/dist/generated/components/VTextField.d.ts +15 -0
- package/dist/generated/components/index.d.ts +2 -0
- package/dist/index.es.js +350 -101
- package/dist/index.umd.js +1 -1
- package/dist/web-types.json +182 -1
- package/package.json +5 -6
package/dist/index.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ref as r, version as m, onBeforeMount as v, defineComponent as d, h as n } from "vue";
|
|
2
|
-
import { registerAccordion as y, registerAccordionItem as f, registerActionGroup as $, registerAvatar as k, registerBadge as g, registerBanner as b, registerBreadcrumb as C, registerBreadcrumbItem as w, registerButton as S, registerCalendar as x, registerCalendarEvent as N, registerCard as B, registerCheckbox as V, registerCombobox as T, registerDataGrid as K, registerDialog as I, registerDivider as q, registerFab as z, registerHeader as F, registerIcon as L, registerLayout as P, registerMenu as D, registerMenuItem as M, registerNav as O, registerNavDisclosure as A, registerNavItem as E, registerNote as H, registerNumberField as G, registerOption as R, registerPopup as W, registerProgress as j, registerProgressRing as U, registerRadio as J, registerRadioGroup as Q, registerSelect as X, registerSideDrawer as Y, registerSlider as Z, registerSwitch as _, registerTab as tt, registerTabs as et, registerTabPanel as it, registerTextArea as ot, registerTextField as st, registerTooltip as nt, registerTreeItem as at, registerTreeView as rt } from "@vonage/vivid";
|
|
2
|
+
import { registerAccordion as y, registerAccordionItem as f, registerActionGroup as $, registerAvatar as k, registerBadge as g, registerBanner as b, registerBreadcrumb as C, registerBreadcrumbItem as w, registerButton as S, registerCalendar as x, registerCalendarEvent as N, registerCard as B, registerCheckbox as V, registerCombobox as T, registerDataGrid as K, registerDialog as I, registerDivider as q, registerFab as z, registerHeader as F, registerIcon as L, registerLayout as P, registerMenu as D, registerMenuItem as M, registerNav as O, registerNavDisclosure as A, registerNavItem as E, registerNote as H, registerNumberField as G, registerOption as R, registerPopup as W, registerProgress as j, registerProgressRing as U, registerRadio as J, registerRadioGroup as Q, registerSelect as X, registerSideDrawer as Y, registerSlider as Z, registerSwitch as _, registerTab as tt, registerTabs as et, registerTabPanel as it, registerTextArea as ot, registerTextField as st, registerTooltip as nt, registerTreeItem as at, registerTreeView as rt, registerTag as dt, registerTagGroup as lt } from "@vonage/vivid";
|
|
3
3
|
const p = r("vvd3");
|
|
4
|
-
function
|
|
4
|
+
function mt(t) {
|
|
5
5
|
p.value = t;
|
|
6
6
|
}
|
|
7
7
|
const a = m.startsWith("2");
|
|
@@ -11,7 +11,7 @@ function l(t, o) {
|
|
|
11
11
|
o(p.value);
|
|
12
12
|
}), s;
|
|
13
13
|
}
|
|
14
|
-
const
|
|
14
|
+
const vt = d({
|
|
15
15
|
props: {
|
|
16
16
|
/**
|
|
17
17
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -114,7 +114,7 @@ const pt = d({
|
|
|
114
114
|
]
|
|
115
115
|
);
|
|
116
116
|
}
|
|
117
|
-
}),
|
|
117
|
+
}), yt = d({
|
|
118
118
|
props: {
|
|
119
119
|
/**
|
|
120
120
|
* A decorative icon the custom element should have.
|
|
@@ -258,7 +258,7 @@ const pt = d({
|
|
|
258
258
|
]
|
|
259
259
|
);
|
|
260
260
|
}
|
|
261
|
-
}),
|
|
261
|
+
}), ft = d({
|
|
262
262
|
props: {
|
|
263
263
|
/**
|
|
264
264
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -367,21 +367,21 @@ const pt = d({
|
|
|
367
367
|
);
|
|
368
368
|
}
|
|
369
369
|
});
|
|
370
|
-
function
|
|
370
|
+
function ht(t, o) {
|
|
371
371
|
return o.forEach((s) => {
|
|
372
372
|
var e;
|
|
373
373
|
s.data || (s.data = {}), s.data.attrs = { ...(e = s.data) == null ? void 0 : e.attrs, slot: t };
|
|
374
374
|
}), o;
|
|
375
375
|
}
|
|
376
|
-
function
|
|
376
|
+
function ut(t, o) {
|
|
377
377
|
return o.forEach((s) => {
|
|
378
378
|
s.props || (s.props = {}), s.props = { ...s.props, slot: t };
|
|
379
379
|
}), o;
|
|
380
380
|
}
|
|
381
381
|
function h(t, o) {
|
|
382
|
-
return o ? a ?
|
|
382
|
+
return o ? a ? ht(t, o) : ut(t, o()) : null;
|
|
383
383
|
}
|
|
384
|
-
const
|
|
384
|
+
const $t = d({
|
|
385
385
|
props: {
|
|
386
386
|
/**
|
|
387
387
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -508,7 +508,7 @@ const yt = d({
|
|
|
508
508
|
]
|
|
509
509
|
);
|
|
510
510
|
}
|
|
511
|
-
}),
|
|
511
|
+
}), kt = d({
|
|
512
512
|
props: {
|
|
513
513
|
/**
|
|
514
514
|
* A decorative icon the custom element should have.
|
|
@@ -632,7 +632,7 @@ const yt = d({
|
|
|
632
632
|
[]
|
|
633
633
|
);
|
|
634
634
|
}
|
|
635
|
-
}),
|
|
635
|
+
}), gt = d({
|
|
636
636
|
props: {
|
|
637
637
|
/**
|
|
638
638
|
* A decorative icon the custom element should have.
|
|
@@ -758,7 +758,7 @@ const yt = d({
|
|
|
758
758
|
]
|
|
759
759
|
);
|
|
760
760
|
}
|
|
761
|
-
}),
|
|
761
|
+
}), bt = d({
|
|
762
762
|
props: {
|
|
763
763
|
/**
|
|
764
764
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -840,7 +840,7 @@ const yt = d({
|
|
|
840
840
|
]
|
|
841
841
|
);
|
|
842
842
|
}
|
|
843
|
-
}),
|
|
843
|
+
}), Ct = d({
|
|
844
844
|
props: {
|
|
845
845
|
/**
|
|
846
846
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -972,7 +972,7 @@ const yt = d({
|
|
|
972
972
|
[]
|
|
973
973
|
);
|
|
974
974
|
}
|
|
975
|
-
}),
|
|
975
|
+
}), wt = d({
|
|
976
976
|
props: {
|
|
977
977
|
/**
|
|
978
978
|
* A decorative icon the custom element should have.
|
|
@@ -1202,7 +1202,7 @@ const yt = d({
|
|
|
1202
1202
|
[]
|
|
1203
1203
|
);
|
|
1204
1204
|
}
|
|
1205
|
-
}),
|
|
1205
|
+
}), St = d({
|
|
1206
1206
|
props: {
|
|
1207
1207
|
/**
|
|
1208
1208
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -1358,7 +1358,7 @@ const yt = d({
|
|
|
1358
1358
|
]
|
|
1359
1359
|
);
|
|
1360
1360
|
}
|
|
1361
|
-
}),
|
|
1361
|
+
}), xt = d({
|
|
1362
1362
|
props: {
|
|
1363
1363
|
/**
|
|
1364
1364
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -1484,7 +1484,7 @@ const yt = d({
|
|
|
1484
1484
|
[]
|
|
1485
1485
|
);
|
|
1486
1486
|
}
|
|
1487
|
-
}),
|
|
1487
|
+
}), Nt = d({
|
|
1488
1488
|
props: {
|
|
1489
1489
|
/**
|
|
1490
1490
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -1624,7 +1624,7 @@ const yt = d({
|
|
|
1624
1624
|
]
|
|
1625
1625
|
);
|
|
1626
1626
|
}
|
|
1627
|
-
}),
|
|
1627
|
+
}), Bt = d({
|
|
1628
1628
|
model: a ? {
|
|
1629
1629
|
prop: "modelValue",
|
|
1630
1630
|
event: "update:modelValue"
|
|
@@ -1779,7 +1779,7 @@ const yt = d({
|
|
|
1779
1779
|
[]
|
|
1780
1780
|
);
|
|
1781
1781
|
}
|
|
1782
|
-
}),
|
|
1782
|
+
}), Vt = d({
|
|
1783
1783
|
model: a ? {
|
|
1784
1784
|
prop: "modelValue",
|
|
1785
1785
|
event: "update:modelValue"
|
|
@@ -1993,7 +1993,7 @@ const yt = d({
|
|
|
1993
1993
|
]
|
|
1994
1994
|
);
|
|
1995
1995
|
}
|
|
1996
|
-
}),
|
|
1996
|
+
}), Tt = d({
|
|
1997
1997
|
props: {
|
|
1998
1998
|
/**
|
|
1999
1999
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -2080,7 +2080,7 @@ const yt = d({
|
|
|
2080
2080
|
]
|
|
2081
2081
|
);
|
|
2082
2082
|
}
|
|
2083
|
-
}),
|
|
2083
|
+
}), Kt = d({
|
|
2084
2084
|
props: {
|
|
2085
2085
|
/**
|
|
2086
2086
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -2139,7 +2139,12 @@ const yt = d({
|
|
|
2139
2139
|
* Fires when the value of an element has been changed.
|
|
2140
2140
|
* @type {Event}
|
|
2141
2141
|
*/
|
|
2142
|
-
"input"
|
|
2142
|
+
"input",
|
|
2143
|
+
/**
|
|
2144
|
+
* Emitted when the dialog is closed
|
|
2145
|
+
* @type {unknown}
|
|
2146
|
+
*/
|
|
2147
|
+
"close"
|
|
2143
2148
|
],
|
|
2144
2149
|
setup(t, o) {
|
|
2145
2150
|
const s = l("dialog", I), e = r(null);
|
|
@@ -2186,7 +2191,8 @@ const yt = d({
|
|
|
2186
2191
|
blur: (t) => this.$emit("blur", t),
|
|
2187
2192
|
keydown: (t) => this.$emit("keydown", t),
|
|
2188
2193
|
keyup: (t) => this.$emit("keyup", t),
|
|
2189
|
-
input: (t) => this.$emit("input", t)
|
|
2194
|
+
input: (t) => this.$emit("input", t),
|
|
2195
|
+
close: (t) => this.$emit("close", t)
|
|
2190
2196
|
}
|
|
2191
2197
|
},
|
|
2192
2198
|
[
|
|
@@ -2219,7 +2225,8 @@ const yt = d({
|
|
|
2219
2225
|
onBlur: (t) => this.$emit("blur", t),
|
|
2220
2226
|
onKeydown: (t) => this.$emit("keydown", t),
|
|
2221
2227
|
onKeyup: (t) => this.$emit("keyup", t),
|
|
2222
|
-
onInput: (t) => this.$emit("input", t)
|
|
2228
|
+
onInput: (t) => this.$emit("input", t),
|
|
2229
|
+
onClose: (t) => this.$emit("close", t)
|
|
2223
2230
|
},
|
|
2224
2231
|
[
|
|
2225
2232
|
// @slot graphic Use the graphic slot in order to replace the icon.
|
|
@@ -2233,7 +2240,7 @@ const yt = d({
|
|
|
2233
2240
|
]
|
|
2234
2241
|
);
|
|
2235
2242
|
}
|
|
2236
|
-
}),
|
|
2243
|
+
}), It = d({
|
|
2237
2244
|
props: {
|
|
2238
2245
|
/**
|
|
2239
2246
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -2326,7 +2333,7 @@ const yt = d({
|
|
|
2326
2333
|
[]
|
|
2327
2334
|
);
|
|
2328
2335
|
}
|
|
2329
|
-
}),
|
|
2336
|
+
}), qt = d({
|
|
2330
2337
|
props: {
|
|
2331
2338
|
/**
|
|
2332
2339
|
* A decorative icon the custom element should have.
|
|
@@ -2532,7 +2539,7 @@ const yt = d({
|
|
|
2532
2539
|
[]
|
|
2533
2540
|
);
|
|
2534
2541
|
}
|
|
2535
|
-
}),
|
|
2542
|
+
}), zt = d({
|
|
2536
2543
|
props: {
|
|
2537
2544
|
/**
|
|
2538
2545
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -2638,7 +2645,7 @@ const yt = d({
|
|
|
2638
2645
|
]
|
|
2639
2646
|
);
|
|
2640
2647
|
}
|
|
2641
|
-
}),
|
|
2648
|
+
}), Ft = d({
|
|
2642
2649
|
props: {
|
|
2643
2650
|
/**
|
|
2644
2651
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -2749,7 +2756,7 @@ const yt = d({
|
|
|
2749
2756
|
]
|
|
2750
2757
|
);
|
|
2751
2758
|
}
|
|
2752
|
-
}),
|
|
2759
|
+
}), Lt = d({
|
|
2753
2760
|
props: {
|
|
2754
2761
|
/**
|
|
2755
2762
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -2857,7 +2864,7 @@ const yt = d({
|
|
|
2857
2864
|
]
|
|
2858
2865
|
);
|
|
2859
2866
|
}
|
|
2860
|
-
}),
|
|
2867
|
+
}), Pt = d({
|
|
2861
2868
|
props: {
|
|
2862
2869
|
/**
|
|
2863
2870
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -2981,7 +2988,7 @@ const yt = d({
|
|
|
2981
2988
|
]
|
|
2982
2989
|
);
|
|
2983
2990
|
}
|
|
2984
|
-
}),
|
|
2991
|
+
}), Dt = d({
|
|
2985
2992
|
model: a ? {
|
|
2986
2993
|
prop: "modelValue",
|
|
2987
2994
|
event: "update:modelValue"
|
|
@@ -3126,7 +3133,7 @@ const yt = d({
|
|
|
3126
3133
|
[]
|
|
3127
3134
|
);
|
|
3128
3135
|
}
|
|
3129
|
-
}),
|
|
3136
|
+
}), Mt = d({
|
|
3130
3137
|
props: {
|
|
3131
3138
|
/**
|
|
3132
3139
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -3208,7 +3215,7 @@ const yt = d({
|
|
|
3208
3215
|
]
|
|
3209
3216
|
);
|
|
3210
3217
|
}
|
|
3211
|
-
}),
|
|
3218
|
+
}), Ot = d({
|
|
3212
3219
|
props: {
|
|
3213
3220
|
/**
|
|
3214
3221
|
* A decorative icon the custom element should have.
|
|
@@ -3311,7 +3318,7 @@ const yt = d({
|
|
|
3311
3318
|
]
|
|
3312
3319
|
);
|
|
3313
3320
|
}
|
|
3314
|
-
}),
|
|
3321
|
+
}), At = d({
|
|
3315
3322
|
props: {
|
|
3316
3323
|
/**
|
|
3317
3324
|
* A decorative icon the custom element should have.
|
|
@@ -3456,7 +3463,7 @@ const yt = d({
|
|
|
3456
3463
|
[]
|
|
3457
3464
|
);
|
|
3458
3465
|
}
|
|
3459
|
-
}),
|
|
3466
|
+
}), Et = d({
|
|
3460
3467
|
props: {
|
|
3461
3468
|
/**
|
|
3462
3469
|
* A decorative icon the custom element should have.
|
|
@@ -3562,7 +3569,7 @@ const yt = d({
|
|
|
3562
3569
|
]
|
|
3563
3570
|
);
|
|
3564
3571
|
}
|
|
3565
|
-
}),
|
|
3572
|
+
}), Ht = d({
|
|
3566
3573
|
model: a ? {
|
|
3567
3574
|
prop: "modelValue",
|
|
3568
3575
|
event: "update:modelValue"
|
|
@@ -3827,7 +3834,7 @@ const yt = d({
|
|
|
3827
3834
|
[]
|
|
3828
3835
|
);
|
|
3829
3836
|
}
|
|
3830
|
-
}),
|
|
3837
|
+
}), Gt = d({
|
|
3831
3838
|
props: {
|
|
3832
3839
|
/**
|
|
3833
3840
|
* A decorative icon the custom element should have.
|
|
@@ -3961,7 +3968,7 @@ const yt = d({
|
|
|
3961
3968
|
[]
|
|
3962
3969
|
);
|
|
3963
3970
|
}
|
|
3964
|
-
}),
|
|
3971
|
+
}), Rt = d({
|
|
3965
3972
|
props: {
|
|
3966
3973
|
/**
|
|
3967
3974
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -4110,7 +4117,7 @@ const yt = d({
|
|
|
4110
4117
|
]
|
|
4111
4118
|
);
|
|
4112
4119
|
}
|
|
4113
|
-
}),
|
|
4120
|
+
}), Wt = d({
|
|
4114
4121
|
props: {
|
|
4115
4122
|
/**
|
|
4116
4123
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -4224,7 +4231,7 @@ const yt = d({
|
|
|
4224
4231
|
[]
|
|
4225
4232
|
);
|
|
4226
4233
|
}
|
|
4227
|
-
}),
|
|
4234
|
+
}), jt = d({
|
|
4228
4235
|
props: {
|
|
4229
4236
|
/**
|
|
4230
4237
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -4335,7 +4342,7 @@ const yt = d({
|
|
|
4335
4342
|
[]
|
|
4336
4343
|
);
|
|
4337
4344
|
}
|
|
4338
|
-
}),
|
|
4345
|
+
}), Ut = d({
|
|
4339
4346
|
props: {
|
|
4340
4347
|
/**
|
|
4341
4348
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -4486,7 +4493,7 @@ const yt = d({
|
|
|
4486
4493
|
[]
|
|
4487
4494
|
);
|
|
4488
4495
|
}
|
|
4489
|
-
}),
|
|
4496
|
+
}), Jt = d({
|
|
4490
4497
|
model: a ? {
|
|
4491
4498
|
prop: "modelValue",
|
|
4492
4499
|
event: "update:modelValue"
|
|
@@ -4621,7 +4628,7 @@ const yt = d({
|
|
|
4621
4628
|
]
|
|
4622
4629
|
);
|
|
4623
4630
|
}
|
|
4624
|
-
}),
|
|
4631
|
+
}), Qt = d({
|
|
4625
4632
|
model: a ? {
|
|
4626
4633
|
prop: "modelValue",
|
|
4627
4634
|
event: "update:modelValue"
|
|
@@ -4832,7 +4839,7 @@ const yt = d({
|
|
|
4832
4839
|
]
|
|
4833
4840
|
);
|
|
4834
4841
|
}
|
|
4835
|
-
}),
|
|
4842
|
+
}), Xt = d({
|
|
4836
4843
|
props: {
|
|
4837
4844
|
/**
|
|
4838
4845
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -4946,7 +4953,7 @@ const yt = d({
|
|
|
4946
4953
|
]
|
|
4947
4954
|
);
|
|
4948
4955
|
}
|
|
4949
|
-
}),
|
|
4956
|
+
}), Yt = d({
|
|
4950
4957
|
model: a ? {
|
|
4951
4958
|
prop: "modelValue",
|
|
4952
4959
|
event: "update:modelValue"
|
|
@@ -5137,7 +5144,7 @@ const yt = d({
|
|
|
5137
5144
|
[]
|
|
5138
5145
|
);
|
|
5139
5146
|
}
|
|
5140
|
-
}),
|
|
5147
|
+
}), Zt = d({
|
|
5141
5148
|
props: {
|
|
5142
5149
|
/**
|
|
5143
5150
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -5227,7 +5234,7 @@ const yt = d({
|
|
|
5227
5234
|
[]
|
|
5228
5235
|
);
|
|
5229
5236
|
}
|
|
5230
|
-
}),
|
|
5237
|
+
}), _t = d({
|
|
5231
5238
|
props: {
|
|
5232
5239
|
/**
|
|
5233
5240
|
* A decorative icon the custom element should have.
|
|
@@ -5342,7 +5349,7 @@ const yt = d({
|
|
|
5342
5349
|
[]
|
|
5343
5350
|
);
|
|
5344
5351
|
}
|
|
5345
|
-
}),
|
|
5352
|
+
}), te = d({
|
|
5346
5353
|
props: {
|
|
5347
5354
|
/**
|
|
5348
5355
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -5475,7 +5482,7 @@ const yt = d({
|
|
|
5475
5482
|
]
|
|
5476
5483
|
);
|
|
5477
5484
|
}
|
|
5478
|
-
}),
|
|
5485
|
+
}), ee = d({
|
|
5479
5486
|
props: {
|
|
5480
5487
|
/**
|
|
5481
5488
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -5557,7 +5564,7 @@ const yt = d({
|
|
|
5557
5564
|
]
|
|
5558
5565
|
);
|
|
5559
5566
|
}
|
|
5560
|
-
}),
|
|
5567
|
+
}), ie = d({
|
|
5561
5568
|
props: {
|
|
5562
5569
|
/**
|
|
5563
5570
|
* The success text for the form element.
|
|
@@ -5665,7 +5672,7 @@ const yt = d({
|
|
|
5665
5672
|
[]
|
|
5666
5673
|
);
|
|
5667
5674
|
}
|
|
5668
|
-
}),
|
|
5675
|
+
}), oe = d({
|
|
5669
5676
|
model: a ? {
|
|
5670
5677
|
prop: "modelValue",
|
|
5671
5678
|
event: "update:modelValue"
|
|
@@ -5687,6 +5694,10 @@ const yt = d({
|
|
|
5687
5694
|
* The label for the form element.
|
|
5688
5695
|
*/
|
|
5689
5696
|
label: { type: String, default: void 0 },
|
|
5697
|
+
/**
|
|
5698
|
+
* The error text for the form element.
|
|
5699
|
+
*/
|
|
5700
|
+
errorText: { type: String, default: void 0 },
|
|
5690
5701
|
/**
|
|
5691
5702
|
* A decorative icon the custom element should have.
|
|
5692
5703
|
* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
|
|
@@ -5837,6 +5848,7 @@ const yt = d({
|
|
|
5837
5848
|
...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
|
|
5838
5849
|
...this.charCount !== void 0 ? { "char-count": this.charCount } : {},
|
|
5839
5850
|
...this.label !== void 0 ? { label: this.label } : {},
|
|
5851
|
+
...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
|
|
5840
5852
|
...this.icon !== void 0 ? { icon: this.icon } : {},
|
|
5841
5853
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
5842
5854
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
@@ -5879,6 +5891,7 @@ const yt = d({
|
|
|
5879
5891
|
...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
|
|
5880
5892
|
...this.charCount !== void 0 ? { "char-count": this.charCount } : {},
|
|
5881
5893
|
...this.label !== void 0 ? { label: this.label } : {},
|
|
5894
|
+
...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
|
|
5882
5895
|
...this.icon !== void 0 ? { icon: this.icon } : {},
|
|
5883
5896
|
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
5884
5897
|
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
@@ -5910,7 +5923,7 @@ const yt = d({
|
|
|
5910
5923
|
[]
|
|
5911
5924
|
);
|
|
5912
5925
|
}
|
|
5913
|
-
}),
|
|
5926
|
+
}), se = d({
|
|
5914
5927
|
props: {
|
|
5915
5928
|
/**
|
|
5916
5929
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -6063,7 +6076,7 @@ const yt = d({
|
|
|
6063
6076
|
[]
|
|
6064
6077
|
);
|
|
6065
6078
|
}
|
|
6066
|
-
}),
|
|
6079
|
+
}), ne = d({
|
|
6067
6080
|
props: {
|
|
6068
6081
|
/**
|
|
6069
6082
|
* A decorative icon the custom element should have.
|
|
@@ -6198,7 +6211,7 @@ const yt = d({
|
|
|
6198
6211
|
]
|
|
6199
6212
|
);
|
|
6200
6213
|
}
|
|
6201
|
-
}),
|
|
6214
|
+
}), ae = d({
|
|
6202
6215
|
props: {
|
|
6203
6216
|
/**
|
|
6204
6217
|
* Indicates the element that represents the current item within a container or set of related elements.
|
|
@@ -6289,53 +6302,289 @@ const yt = d({
|
|
|
6289
6302
|
]
|
|
6290
6303
|
);
|
|
6291
6304
|
}
|
|
6305
|
+
}), re = d({
|
|
6306
|
+
props: {
|
|
6307
|
+
/**
|
|
6308
|
+
* A decorative icon the custom element should have.
|
|
6309
|
+
* See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
|
|
6310
|
+
*/
|
|
6311
|
+
icon: {
|
|
6312
|
+
type: String,
|
|
6313
|
+
default: void 0
|
|
6314
|
+
},
|
|
6315
|
+
/**
|
|
6316
|
+
* Indicates the element that represents the current item within a container or set of related elements.
|
|
6317
|
+
*/
|
|
6318
|
+
ariaCurrent: {
|
|
6319
|
+
type: String,
|
|
6320
|
+
default: void 0
|
|
6321
|
+
},
|
|
6322
|
+
/**
|
|
6323
|
+
* The connotation the tag should have.
|
|
6324
|
+
*/
|
|
6325
|
+
connotation: { type: String, default: void 0 },
|
|
6326
|
+
/**
|
|
6327
|
+
* The shape the tag should have.
|
|
6328
|
+
*/
|
|
6329
|
+
shape: { type: String, default: void 0 },
|
|
6330
|
+
/**
|
|
6331
|
+
* The appearance the tag should have.
|
|
6332
|
+
*/
|
|
6333
|
+
appearance: { type: String, default: void 0 },
|
|
6334
|
+
/**
|
|
6335
|
+
* Indicates the tag's label.
|
|
6336
|
+
*/
|
|
6337
|
+
label: { type: String, default: void 0 },
|
|
6338
|
+
/**
|
|
6339
|
+
* indicates whether the tag is removable
|
|
6340
|
+
*/
|
|
6341
|
+
removable: { type: Boolean, default: void 0 },
|
|
6342
|
+
/**
|
|
6343
|
+
* indicates whether the tag is disabled
|
|
6344
|
+
*/
|
|
6345
|
+
disabled: { type: Boolean, default: void 0 },
|
|
6346
|
+
/**
|
|
6347
|
+
* indicates whether the tag is selectable
|
|
6348
|
+
*/
|
|
6349
|
+
selectable: { type: Boolean, default: void 0 },
|
|
6350
|
+
/**
|
|
6351
|
+
* indicates whether the tag is selected
|
|
6352
|
+
*/
|
|
6353
|
+
selected: { type: Boolean, default: void 0 }
|
|
6354
|
+
},
|
|
6355
|
+
emits: [
|
|
6356
|
+
/**
|
|
6357
|
+
* Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
|
|
6358
|
+
* @type {MouseEvent}
|
|
6359
|
+
*/
|
|
6360
|
+
"click",
|
|
6361
|
+
/**
|
|
6362
|
+
* Fires when the element receives focus.
|
|
6363
|
+
* @type {FocusEvent}
|
|
6364
|
+
*/
|
|
6365
|
+
"focus",
|
|
6366
|
+
/**
|
|
6367
|
+
* Fires when the element loses focus.
|
|
6368
|
+
* @type {FocusEvent}
|
|
6369
|
+
*/
|
|
6370
|
+
"blur",
|
|
6371
|
+
/**
|
|
6372
|
+
* Fires when a key is pressed.
|
|
6373
|
+
* @type {KeyboardEvent}
|
|
6374
|
+
*/
|
|
6375
|
+
"keydown",
|
|
6376
|
+
/**
|
|
6377
|
+
* Fires when a key is released.
|
|
6378
|
+
* @type {KeyboardEvent}
|
|
6379
|
+
*/
|
|
6380
|
+
"keyup",
|
|
6381
|
+
/**
|
|
6382
|
+
* Fires when the value of an element has been changed.
|
|
6383
|
+
* @type {Event}
|
|
6384
|
+
*/
|
|
6385
|
+
"input"
|
|
6386
|
+
],
|
|
6387
|
+
setup(t, o) {
|
|
6388
|
+
const s = l("tag", dt), e = r(null);
|
|
6389
|
+
return o.expose({
|
|
6390
|
+
remove() {
|
|
6391
|
+
var i;
|
|
6392
|
+
return (i = e.value) == null ? void 0 : i.remove();
|
|
6393
|
+
},
|
|
6394
|
+
handleKeydown(i) {
|
|
6395
|
+
var u;
|
|
6396
|
+
return (u = e.value) == null ? void 0 : u.handleKeydown(i);
|
|
6397
|
+
},
|
|
6398
|
+
handleClick() {
|
|
6399
|
+
var i;
|
|
6400
|
+
return (i = e.value) == null ? void 0 : i.handleClick();
|
|
6401
|
+
}
|
|
6402
|
+
}), { componentName: s, element: e };
|
|
6403
|
+
},
|
|
6404
|
+
render() {
|
|
6405
|
+
return a ? n(
|
|
6406
|
+
this.componentName,
|
|
6407
|
+
{
|
|
6408
|
+
ref: "element",
|
|
6409
|
+
attrs: {
|
|
6410
|
+
...this.icon !== void 0 ? { icon: this.icon } : {},
|
|
6411
|
+
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
6412
|
+
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
6413
|
+
...this.shape !== void 0 ? { shape: this.shape } : {},
|
|
6414
|
+
...this.appearance !== void 0 ? { appearance: this.appearance } : {},
|
|
6415
|
+
...this.label !== void 0 ? { label: this.label } : {},
|
|
6416
|
+
...this.removable !== void 0 ? { removable: this.removable } : {},
|
|
6417
|
+
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
6418
|
+
...this.selectable !== void 0 ? { selectable: this.selectable } : {},
|
|
6419
|
+
...this.selected !== void 0 ? { selected: this.selected } : {}
|
|
6420
|
+
},
|
|
6421
|
+
class: "vvd-root",
|
|
6422
|
+
on: {
|
|
6423
|
+
click: (t) => this.$emit("click", t),
|
|
6424
|
+
focus: (t) => this.$emit("focus", t),
|
|
6425
|
+
blur: (t) => this.$emit("blur", t),
|
|
6426
|
+
keydown: (t) => this.$emit("keydown", t),
|
|
6427
|
+
keyup: (t) => this.$emit("keyup", t),
|
|
6428
|
+
input: (t) => this.$emit("input", t)
|
|
6429
|
+
}
|
|
6430
|
+
},
|
|
6431
|
+
[]
|
|
6432
|
+
) : n(
|
|
6433
|
+
this.componentName,
|
|
6434
|
+
{
|
|
6435
|
+
ref: "element",
|
|
6436
|
+
class: "vvd-root",
|
|
6437
|
+
...this.icon !== void 0 ? { icon: this.icon } : {},
|
|
6438
|
+
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
6439
|
+
...this.connotation !== void 0 ? { connotation: this.connotation } : {},
|
|
6440
|
+
...this.shape !== void 0 ? { shape: this.shape } : {},
|
|
6441
|
+
...this.appearance !== void 0 ? { appearance: this.appearance } : {},
|
|
6442
|
+
...this.label !== void 0 ? { label: this.label } : {},
|
|
6443
|
+
...this.removable !== void 0 ? { removable: this.removable } : {},
|
|
6444
|
+
...this.disabled !== void 0 ? { disabled: this.disabled } : {},
|
|
6445
|
+
...this.selectable !== void 0 ? { selectable: this.selectable } : {},
|
|
6446
|
+
...this.selected !== void 0 ? { selected: this.selected } : {},
|
|
6447
|
+
onClick: (t) => this.$emit("click", t),
|
|
6448
|
+
onFocus: (t) => this.$emit("focus", t),
|
|
6449
|
+
onBlur: (t) => this.$emit("blur", t),
|
|
6450
|
+
onKeydown: (t) => this.$emit("keydown", t),
|
|
6451
|
+
onKeyup: (t) => this.$emit("keyup", t),
|
|
6452
|
+
onInput: (t) => this.$emit("input", t)
|
|
6453
|
+
},
|
|
6454
|
+
[]
|
|
6455
|
+
);
|
|
6456
|
+
}
|
|
6457
|
+
}), de = d({
|
|
6458
|
+
props: {
|
|
6459
|
+
/**
|
|
6460
|
+
* Indicates the element that represents the current item within a container or set of related elements.
|
|
6461
|
+
*/
|
|
6462
|
+
ariaCurrent: {
|
|
6463
|
+
type: String,
|
|
6464
|
+
default: void 0
|
|
6465
|
+
}
|
|
6466
|
+
},
|
|
6467
|
+
emits: [
|
|
6468
|
+
/**
|
|
6469
|
+
* Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
|
|
6470
|
+
* @type {MouseEvent}
|
|
6471
|
+
*/
|
|
6472
|
+
"click",
|
|
6473
|
+
/**
|
|
6474
|
+
* Fires when the element receives focus.
|
|
6475
|
+
* @type {FocusEvent}
|
|
6476
|
+
*/
|
|
6477
|
+
"focus",
|
|
6478
|
+
/**
|
|
6479
|
+
* Fires when the element loses focus.
|
|
6480
|
+
* @type {FocusEvent}
|
|
6481
|
+
*/
|
|
6482
|
+
"blur",
|
|
6483
|
+
/**
|
|
6484
|
+
* Fires when a key is pressed.
|
|
6485
|
+
* @type {KeyboardEvent}
|
|
6486
|
+
*/
|
|
6487
|
+
"keydown",
|
|
6488
|
+
/**
|
|
6489
|
+
* Fires when a key is released.
|
|
6490
|
+
* @type {KeyboardEvent}
|
|
6491
|
+
*/
|
|
6492
|
+
"keyup",
|
|
6493
|
+
/**
|
|
6494
|
+
* Fires when the value of an element has been changed.
|
|
6495
|
+
* @type {Event}
|
|
6496
|
+
*/
|
|
6497
|
+
"input"
|
|
6498
|
+
],
|
|
6499
|
+
setup(t, o) {
|
|
6500
|
+
const s = l("tag-group", lt), e = r(null);
|
|
6501
|
+
return o.expose({}), { componentName: s, element: e };
|
|
6502
|
+
},
|
|
6503
|
+
render() {
|
|
6504
|
+
return a ? n(
|
|
6505
|
+
this.componentName,
|
|
6506
|
+
{
|
|
6507
|
+
ref: "element",
|
|
6508
|
+
attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
|
|
6509
|
+
class: "vvd-root",
|
|
6510
|
+
on: {
|
|
6511
|
+
click: (t) => this.$emit("click", t),
|
|
6512
|
+
focus: (t) => this.$emit("focus", t),
|
|
6513
|
+
blur: (t) => this.$emit("blur", t),
|
|
6514
|
+
keydown: (t) => this.$emit("keydown", t),
|
|
6515
|
+
keyup: (t) => this.$emit("keyup", t),
|
|
6516
|
+
input: (t) => this.$emit("input", t)
|
|
6517
|
+
}
|
|
6518
|
+
},
|
|
6519
|
+
[this.$slots.default]
|
|
6520
|
+
) : n(
|
|
6521
|
+
this.componentName,
|
|
6522
|
+
{
|
|
6523
|
+
ref: "element",
|
|
6524
|
+
class: "vvd-root",
|
|
6525
|
+
...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
|
|
6526
|
+
onClick: (t) => this.$emit("click", t),
|
|
6527
|
+
onFocus: (t) => this.$emit("focus", t),
|
|
6528
|
+
onBlur: (t) => this.$emit("blur", t),
|
|
6529
|
+
onKeydown: (t) => this.$emit("keydown", t),
|
|
6530
|
+
onKeyup: (t) => this.$emit("keyup", t),
|
|
6531
|
+
onInput: (t) => this.$emit("input", t)
|
|
6532
|
+
},
|
|
6533
|
+
[
|
|
6534
|
+
// @ts-ignore
|
|
6535
|
+
this.$slots.default && this.$slots.default()
|
|
6536
|
+
]
|
|
6537
|
+
);
|
|
6538
|
+
}
|
|
6292
6539
|
});
|
|
6293
6540
|
export {
|
|
6294
|
-
|
|
6295
|
-
|
|
6296
|
-
|
|
6297
|
-
|
|
6298
|
-
|
|
6299
|
-
|
|
6300
|
-
|
|
6301
|
-
|
|
6302
|
-
|
|
6303
|
-
|
|
6304
|
-
|
|
6305
|
-
|
|
6306
|
-
|
|
6307
|
-
|
|
6308
|
-
|
|
6309
|
-
|
|
6310
|
-
|
|
6311
|
-
|
|
6312
|
-
|
|
6313
|
-
|
|
6314
|
-
|
|
6315
|
-
|
|
6316
|
-
|
|
6317
|
-
|
|
6318
|
-
|
|
6319
|
-
|
|
6320
|
-
|
|
6321
|
-
|
|
6322
|
-
|
|
6323
|
-
|
|
6324
|
-
|
|
6325
|
-
|
|
6326
|
-
|
|
6327
|
-
|
|
6328
|
-
|
|
6329
|
-
|
|
6330
|
-
|
|
6331
|
-
|
|
6332
|
-
|
|
6333
|
-
|
|
6334
|
-
|
|
6335
|
-
|
|
6336
|
-
|
|
6337
|
-
ie as
|
|
6338
|
-
oe as
|
|
6339
|
-
se as
|
|
6340
|
-
|
|
6541
|
+
vt as VAccordion,
|
|
6542
|
+
yt as VAccordionItem,
|
|
6543
|
+
ft as VActionGroup,
|
|
6544
|
+
$t as VAvatar,
|
|
6545
|
+
kt as VBadge,
|
|
6546
|
+
gt as VBanner,
|
|
6547
|
+
bt as VBreadcrumb,
|
|
6548
|
+
Ct as VBreadcrumbItem,
|
|
6549
|
+
wt as VButton,
|
|
6550
|
+
St as VCalendar,
|
|
6551
|
+
xt as VCalendarEvent,
|
|
6552
|
+
Nt as VCard,
|
|
6553
|
+
Bt as VCheckbox,
|
|
6554
|
+
Vt as VCombobox,
|
|
6555
|
+
Tt as VDataGrid,
|
|
6556
|
+
Kt as VDialog,
|
|
6557
|
+
It as VDivider,
|
|
6558
|
+
qt as VFab,
|
|
6559
|
+
zt as VHeader,
|
|
6560
|
+
Ft as VIcon,
|
|
6561
|
+
Lt as VLayout,
|
|
6562
|
+
Pt as VMenu,
|
|
6563
|
+
Dt as VMenuItem,
|
|
6564
|
+
Mt as VNav,
|
|
6565
|
+
Ot as VNavDisclosure,
|
|
6566
|
+
At as VNavItem,
|
|
6567
|
+
Et as VNote,
|
|
6568
|
+
Ht as VNumberField,
|
|
6569
|
+
Gt as VOption,
|
|
6570
|
+
Rt as VPopup,
|
|
6571
|
+
Wt as VProgress,
|
|
6572
|
+
jt as VProgressRing,
|
|
6573
|
+
Ut as VRadio,
|
|
6574
|
+
Jt as VRadioGroup,
|
|
6575
|
+
Qt as VSelect,
|
|
6576
|
+
Xt as VSideDrawer,
|
|
6577
|
+
Yt as VSlider,
|
|
6578
|
+
Zt as VSwitch,
|
|
6579
|
+
_t as VTab,
|
|
6580
|
+
ee as VTabPanel,
|
|
6581
|
+
te as VTabs,
|
|
6582
|
+
re as VTag,
|
|
6583
|
+
de as VTagGroup,
|
|
6584
|
+
ie as VTextArea,
|
|
6585
|
+
oe as VTextField,
|
|
6586
|
+
se as VTooltip,
|
|
6587
|
+
ne as VTreeItem,
|
|
6588
|
+
ae as VTreeView,
|
|
6589
|
+
mt as setCustomComponentPrefix
|
|
6341
6590
|
};
|