@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/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 ct(t) {
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 pt = d({
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
- }), mt = d({
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
- }), vt = d({
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 dt(t, o) {
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 lt(t, o) {
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 ? dt(t, o) : lt(t, o()) : null;
382
+ return o ? a ? ht(t, o) : ut(t, o()) : null;
383
383
  }
384
- const yt = d({
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
- }), ft = d({
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
- }), $t = d({
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
- }), kt = d({
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
- }), gt = d({
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
- }), bt = d({
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
- }), Ct = d({
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
- }), wt = d({
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
- }), St = d({
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
- }), xt = d({
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
- }), Nt = d({
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
- }), Bt = d({
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
- }), Vt = d({
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
- }), Tt = d({
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
- }), Kt = d({
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
- }), It = d({
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
- }), qt = d({
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
- }), zt = d({
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
- }), Ft = d({
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
- }), Lt = d({
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
- }), Pt = d({
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
- }), Dt = d({
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
- }), Mt = d({
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
- }), Ot = d({
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
- }), At = d({
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
- }), Et = d({
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
- }), Ht = d({
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
- }), Gt = d({
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
- }), Rt = d({
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
- }), Wt = d({
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
- }), jt = d({
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
- }), Ut = d({
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
- }), Jt = d({
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
- }), Qt = d({
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
- }), Xt = d({
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
- }), Yt = d({
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
- }), Zt = d({
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
- }), _t = d({
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
- }), te = d({
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
- }), ee = d({
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
- }), ie = d({
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
- }), oe = d({
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
- }), se = d({
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
- pt as VAccordion,
6295
- mt as VAccordionItem,
6296
- vt as VActionGroup,
6297
- yt as VAvatar,
6298
- ft as VBadge,
6299
- $t as VBanner,
6300
- kt as VBreadcrumb,
6301
- gt as VBreadcrumbItem,
6302
- bt as VButton,
6303
- Ct as VCalendar,
6304
- wt as VCalendarEvent,
6305
- St as VCard,
6306
- xt as VCheckbox,
6307
- Nt as VCombobox,
6308
- Bt as VDataGrid,
6309
- Vt as VDialog,
6310
- Tt as VDivider,
6311
- Kt as VFab,
6312
- It as VHeader,
6313
- qt as VIcon,
6314
- zt as VLayout,
6315
- Ft as VMenu,
6316
- Lt as VMenuItem,
6317
- Pt as VNav,
6318
- Dt as VNavDisclosure,
6319
- Mt as VNavItem,
6320
- Ot as VNote,
6321
- At as VNumberField,
6322
- Et as VOption,
6323
- Ht as VPopup,
6324
- Gt as VProgress,
6325
- Rt as VProgressRing,
6326
- Wt as VRadio,
6327
- jt as VRadioGroup,
6328
- Ut as VSelect,
6329
- Jt as VSideDrawer,
6330
- Qt as VSlider,
6331
- Xt as VSwitch,
6332
- Yt as VTab,
6333
- _t as VTabPanel,
6334
- Zt as VTabs,
6335
- te as VTextArea,
6336
- ee as VTextField,
6337
- ie as VTooltip,
6338
- oe as VTreeItem,
6339
- se as VTreeView,
6340
- ct as setCustomComponentPrefix
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
  };