@vonage/vivid-vue 3.15.0 → 3.16.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.
Files changed (8) hide show
  1. package/dist/generated/components/VNavDisclosure.vue2.d.ts +9 -15
  2. package/dist/generated/components/VNavDisclosure.vue3.d.ts +9 -15
  3. package/dist/generated/components/VPagination.vue2.d.ts +21 -0
  4. package/dist/generated/components/VPagination.vue3.d.ts +21 -0
  5. package/dist/index.es.js +120 -117
  6. package/dist/index.umd.js +1 -1
  7. package/dist/web-types.json +17 -9
  8. package/package.json +2 -2
package/dist/index.es.js CHANGED
@@ -82,7 +82,7 @@ const ke = u({
82
82
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
83
83
  ...this.expandMode !== void 0 ? { "expand-mode": this.expandMode } : {}
84
84
  },
85
- class: "vvd-root",
85
+ class: "vvd-component",
86
86
  on: {
87
87
  click: (e) => this.$emit("click", e),
88
88
  focus: (e) => this.$emit("focus", e),
@@ -98,7 +98,7 @@ const ke = u({
98
98
  this.componentName,
99
99
  {
100
100
  ref: "element",
101
- class: "vvd-root",
101
+ class: "vvd-component",
102
102
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
103
103
  ...this.expandMode !== void 0 ? { "expand-mode": this.expandMode } : {},
104
104
  onClick: (e) => this.$emit("click", e),
@@ -216,7 +216,7 @@ const ke = u({
216
216
  ...this.meta !== void 0 ? { meta: this.meta } : {},
217
217
  ...this.size !== void 0 ? { size: this.size } : {}
218
218
  },
219
- class: "vvd-root",
219
+ class: "vvd-component",
220
220
  on: {
221
221
  click: (e) => this.$emit("click", e),
222
222
  focus: (e) => this.$emit("focus", e),
@@ -232,7 +232,7 @@ const ke = u({
232
232
  this.componentName,
233
233
  {
234
234
  ref: "element",
235
- class: "vvd-root",
235
+ class: "vvd-component",
236
236
  ...this.icon !== void 0 ? { icon: this.icon } : {},
237
237
  ...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
238
238
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
@@ -331,7 +331,7 @@ const ke = u({
331
331
  ...this.role !== void 0 ? { role: this.role } : {},
332
332
  ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {}
333
333
  },
334
- class: "vvd-root",
334
+ class: "vvd-component",
335
335
  on: {
336
336
  click: (e) => this.$emit("click", e),
337
337
  focus: (e) => this.$emit("focus", e),
@@ -346,7 +346,7 @@ const ke = u({
346
346
  this.componentName,
347
347
  {
348
348
  ref: "element",
349
- class: "vvd-root",
349
+ class: "vvd-component",
350
350
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
351
351
  ...this.shape !== void 0 ? { shape: this.shape } : {},
352
352
  ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
@@ -502,7 +502,7 @@ const $e = u({
502
502
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
503
503
  ...this.open !== void 0 ? { open: this.open } : {}
504
504
  },
505
- class: "vvd-root",
505
+ class: "vvd-component",
506
506
  on: {
507
507
  click: (e) => this.$emit("click", e),
508
508
  focus: (e) => this.$emit("focus", e),
@@ -524,7 +524,7 @@ const $e = u({
524
524
  this.componentName,
525
525
  {
526
526
  ref: "element",
527
- class: "vvd-root",
527
+ class: "vvd-component",
528
528
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
529
529
  ...this.removable !== void 0 ? { removable: this.removable } : {},
530
530
  ...this.placement !== void 0 ? { placement: this.placement } : {},
@@ -637,7 +637,7 @@ const $e = u({
637
637
  ...this.icon !== void 0 ? { icon: this.icon } : {},
638
638
  ...this.initials !== void 0 ? { initials: this.initials } : {}
639
639
  },
640
- class: "vvd-root",
640
+ class: "vvd-component",
641
641
  on: {
642
642
  click: (e) => this.$emit("click", e),
643
643
  focus: (e) => this.$emit("focus", e),
@@ -655,7 +655,7 @@ const $e = u({
655
655
  this.componentName,
656
656
  {
657
657
  ref: "element",
658
- class: "vvd-root",
658
+ class: "vvd-component",
659
659
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
660
660
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
661
661
  ...this.shape !== void 0 ? { shape: this.shape } : {},
@@ -765,7 +765,7 @@ const $e = u({
765
765
  ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
766
766
  ...this.text !== void 0 ? { text: this.text } : {}
767
767
  },
768
- class: "vvd-root",
768
+ class: "vvd-component",
769
769
  on: {
770
770
  click: (e) => this.$emit("click", e),
771
771
  focus: (e) => this.$emit("focus", e),
@@ -780,7 +780,7 @@ const $e = u({
780
780
  this.componentName,
781
781
  {
782
782
  ref: "element",
783
- class: "vvd-root",
783
+ class: "vvd-component",
784
784
  ...this.icon !== void 0 ? { icon: this.icon } : {},
785
785
  ...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
786
786
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
@@ -881,7 +881,7 @@ const $e = u({
881
881
  ...this.text !== void 0 ? { text: this.text } : {},
882
882
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
883
883
  },
884
- class: "vvd-root",
884
+ class: "vvd-component",
885
885
  on: {
886
886
  click: (e) => this.$emit("click", e),
887
887
  focus: (e) => this.$emit("focus", e),
@@ -899,7 +899,7 @@ const $e = u({
899
899
  this.componentName,
900
900
  {
901
901
  ref: "element",
902
- class: "vvd-root",
902
+ class: "vvd-component",
903
903
  ...this.icon !== void 0 ? { icon: this.icon } : {},
904
904
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
905
905
  ...this.role !== void 0 ? { role: this.role } : {},
@@ -975,7 +975,7 @@ const $e = u({
975
975
  {
976
976
  ref: "element",
977
977
  attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
978
- class: "vvd-root",
978
+ class: "vvd-component",
979
979
  on: {
980
980
  click: (e) => this.$emit("click", e),
981
981
  focus: (e) => this.$emit("focus", e),
@@ -990,7 +990,7 @@ const $e = u({
990
990
  this.componentName,
991
991
  {
992
992
  ref: "element",
993
- class: "vvd-root",
993
+ class: "vvd-component",
994
994
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
995
995
  onClick: (e) => this.$emit("click", e),
996
996
  onFocus: (e) => this.$emit("focus", e),
@@ -1102,7 +1102,7 @@ const $e = u({
1102
1102
  ...this.type !== void 0 ? { type: this.type } : {},
1103
1103
  ...this.text !== void 0 ? { text: this.text } : {}
1104
1104
  },
1105
- class: "vvd-root",
1105
+ class: "vvd-component",
1106
1106
  on: {
1107
1107
  click: (e) => this.$emit("click", e),
1108
1108
  focus: (e) => this.$emit("focus", e),
@@ -1117,7 +1117,7 @@ const $e = u({
1117
1117
  this.componentName,
1118
1118
  {
1119
1119
  ref: "element",
1120
- class: "vvd-root",
1120
+ class: "vvd-component",
1121
1121
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
1122
1122
  ...this.download !== void 0 ? { download: this.download } : {},
1123
1123
  ...this.href !== void 0 ? { href: this.href } : {},
@@ -1317,7 +1317,7 @@ const $e = u({
1317
1317
  ...this.pending !== void 0 ? { pending: this.pending } : {},
1318
1318
  ...this.label !== void 0 ? { label: this.label } : {}
1319
1319
  },
1320
- class: "vvd-root",
1320
+ class: "vvd-component",
1321
1321
  on: {
1322
1322
  click: (e) => this.$emit("click", e),
1323
1323
  focus: (e) => this.$emit("focus", e),
@@ -1332,7 +1332,7 @@ const $e = u({
1332
1332
  this.componentName,
1333
1333
  {
1334
1334
  ref: "element",
1335
- class: "vvd-root",
1335
+ class: "vvd-component",
1336
1336
  ...this.icon !== void 0 ? { icon: this.icon } : {},
1337
1337
  ...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
1338
1338
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
@@ -1455,7 +1455,7 @@ const $e = u({
1455
1455
  ...this.startDay !== void 0 ? { "start-day": this.startDay } : {},
1456
1456
  ...this.hour12 !== void 0 ? { hour12: this.hour12 } : {}
1457
1457
  },
1458
- class: "vvd-root",
1458
+ class: "vvd-component",
1459
1459
  domProps: {
1460
1460
  ...this.datetime !== void 0 ? { datetime: this.datetime } : {},
1461
1461
  ...this.locales !== void 0 ? { locales: this.locales } : {}
@@ -1490,7 +1490,7 @@ const $e = u({
1490
1490
  this.componentName,
1491
1491
  {
1492
1492
  ref: "element",
1493
- class: "vvd-root",
1493
+ class: "vvd-component",
1494
1494
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
1495
1495
  ...this.datetime !== void 0 ? { datetime: this.datetime } : {},
1496
1496
  ...this.startDay !== void 0 ? { "start-day": this.startDay } : {},
@@ -1616,7 +1616,7 @@ const $e = u({
1616
1616
  ...this.start !== void 0 ? { start: this.start } : {},
1617
1617
  ...this.duration !== void 0 ? { duration: this.duration } : {}
1618
1618
  },
1619
- class: "vvd-root",
1619
+ class: "vvd-component",
1620
1620
  on: {
1621
1621
  click: (e) => this.$emit("click", e),
1622
1622
  focus: (e) => this.$emit("focus", e),
@@ -1631,7 +1631,7 @@ const $e = u({
1631
1631
  this.componentName,
1632
1632
  {
1633
1633
  ref: "element",
1634
- class: "vvd-root",
1634
+ class: "vvd-component",
1635
1635
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
1636
1636
  ...this.heading !== void 0 ? { heading: this.heading } : {},
1637
1637
  ...this.description !== void 0 ? { description: this.description } : {},
@@ -1734,7 +1734,7 @@ const $e = u({
1734
1734
  ...this.icon !== void 0 ? { icon: this.icon } : {},
1735
1735
  ...this.elevation !== void 0 ? { elevation: this.elevation } : {}
1736
1736
  },
1737
- class: "vvd-root",
1737
+ class: "vvd-component",
1738
1738
  on: {
1739
1739
  click: (e) => this.$emit("click", e),
1740
1740
  focus: (e) => this.$emit("focus", e),
@@ -1760,7 +1760,7 @@ const $e = u({
1760
1760
  this.componentName,
1761
1761
  {
1762
1762
  ref: "element",
1763
- class: "vvd-root",
1763
+ class: "vvd-component",
1764
1764
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
1765
1765
  ...this.headline !== void 0 ? { headline: this.headline } : {},
1766
1766
  ...this.subtitle !== void 0 ? { subtitle: this.subtitle } : {},
@@ -1926,7 +1926,7 @@ const $e = u({
1926
1926
  ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
1927
1927
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
1928
1928
  },
1929
- class: "vvd-root",
1929
+ class: "vvd-component",
1930
1930
  on: {
1931
1931
  click: (e) => this.$emit("click", e),
1932
1932
  focus: (e) => this.$emit("focus", e),
@@ -1942,7 +1942,7 @@ const $e = u({
1942
1942
  this.componentName,
1943
1943
  {
1944
1944
  ref: "element",
1945
- class: "vvd-root",
1945
+ class: "vvd-component",
1946
1946
  ...this.successText !== void 0 ? { "success-text": this.successText } : {},
1947
1947
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
1948
1948
  ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
@@ -2136,7 +2136,7 @@ const $e = u({
2136
2136
  ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
2137
2137
  ...this.placement !== void 0 ? { placement: this.placement } : {}
2138
2138
  },
2139
- class: "vvd-root",
2139
+ class: "vvd-component",
2140
2140
  on: {
2141
2141
  click: (e) => this.$emit("click", e),
2142
2142
  focus: (e) => this.$emit("focus", e),
@@ -2152,7 +2152,7 @@ const $e = u({
2152
2152
  this.componentName,
2153
2153
  {
2154
2154
  ref: "element",
2155
- class: "vvd-root",
2155
+ class: "vvd-component",
2156
2156
  ...this.label !== void 0 ? { label: this.label } : {},
2157
2157
  ...this.icon !== void 0 ? { icon: this.icon } : {},
2158
2158
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
@@ -2265,7 +2265,7 @@ const $e = u({
2265
2265
  ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
2266
2266
  ...this.selectionMode !== void 0 ? { "selection-mode": this.selectionMode } : {}
2267
2267
  },
2268
- class: "vvd-root",
2268
+ class: "vvd-component",
2269
2269
  domProps: { ...this.rowsData !== void 0 ? { rowsData: this.rowsData } : {} },
2270
2270
  on: {
2271
2271
  click: (e) => this.$emit("click", e),
@@ -2281,7 +2281,7 @@ const $e = u({
2281
2281
  this.componentName,
2282
2282
  {
2283
2283
  ref: "element",
2284
- class: "vvd-root",
2284
+ class: "vvd-component",
2285
2285
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
2286
2286
  ...this.noTabbing !== void 0 ? { "no-tabbing": this.noTabbing } : {},
2287
2287
  ...this.generateHeader !== void 0 ? { "generate-header": this.generateHeader } : {},
@@ -2386,7 +2386,7 @@ const $e = u({
2386
2386
  ...this.rowType !== void 0 ? { "row-type": this.rowType } : {},
2387
2387
  ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {}
2388
2388
  },
2389
- class: "vvd-root",
2389
+ class: "vvd-component",
2390
2390
  on: {
2391
2391
  click: (e) => this.$emit("click", e),
2392
2392
  focus: (e) => this.$emit("focus", e),
@@ -2402,7 +2402,7 @@ const $e = u({
2402
2402
  this.componentName,
2403
2403
  {
2404
2404
  ref: "element",
2405
- class: "vvd-root",
2405
+ class: "vvd-component",
2406
2406
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
2407
2407
  ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
2408
2408
  ...this.rowType !== void 0 ? { "row-type": this.rowType } : {},
@@ -2519,7 +2519,7 @@ const $e = u({
2519
2519
  ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
2520
2520
  ...this.ariaSort !== void 0 ? { "aria-sort": this.ariaSort } : {}
2521
2521
  },
2522
- class: "vvd-root",
2522
+ class: "vvd-component",
2523
2523
  on: {
2524
2524
  click: (e) => this.$emit("click", e),
2525
2525
  focus: (e) => this.$emit("focus", e),
@@ -2535,7 +2535,7 @@ const $e = u({
2535
2535
  this.componentName,
2536
2536
  {
2537
2537
  ref: "element",
2538
- class: "vvd-root",
2538
+ class: "vvd-component",
2539
2539
  ...this.columnDefinition !== void 0 ? { columnDefinition: this.columnDefinition } : {},
2540
2540
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
2541
2541
  ...this.cellType !== void 0 ? { "cell-type": this.cellType } : {},
@@ -2658,7 +2658,7 @@ const $e = u({
2658
2658
  ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
2659
2659
  ...this.ariaDescribedby !== void 0 ? { "aria-describedby": this.ariaDescribedby } : {}
2660
2660
  },
2661
- class: "vvd-root",
2661
+ class: "vvd-component",
2662
2662
  on: {
2663
2663
  click: (e) => this.$emit("click", e),
2664
2664
  focus: (e) => this.$emit("focus", e),
@@ -2685,7 +2685,7 @@ const $e = u({
2685
2685
  this.componentName,
2686
2686
  {
2687
2687
  ref: "element",
2688
- class: "vvd-root",
2688
+ class: "vvd-component",
2689
2689
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
2690
2690
  ...this.open !== void 0 ? { open: this.open } : {},
2691
2691
  ...this.icon !== void 0 ? { icon: this.icon } : {},
@@ -2783,7 +2783,7 @@ const $e = u({
2783
2783
  ...this.role !== void 0 ? { role: this.role } : {},
2784
2784
  ...this.orientation !== void 0 ? { orientation: this.orientation } : {}
2785
2785
  },
2786
- class: "vvd-root",
2786
+ class: "vvd-component",
2787
2787
  on: {
2788
2788
  click: (e) => this.$emit("click", e),
2789
2789
  focus: (e) => this.$emit("focus", e),
@@ -2798,7 +2798,7 @@ const $e = u({
2798
2798
  this.componentName,
2799
2799
  {
2800
2800
  ref: "element",
2801
- class: "vvd-root",
2801
+ class: "vvd-component",
2802
2802
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
2803
2803
  ...this.role !== void 0 ? { role: this.role } : {},
2804
2804
  ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
@@ -2878,7 +2878,7 @@ const $e = u({
2878
2878
  ...this.headline !== void 0 ? { headline: this.headline } : {},
2879
2879
  ...this.icon !== void 0 ? { icon: this.icon } : {}
2880
2880
  },
2881
- class: "vvd-root",
2881
+ class: "vvd-component",
2882
2882
  on: {
2883
2883
  click: (e) => this.$emit("click", e),
2884
2884
  focus: (e) => this.$emit("focus", e),
@@ -2899,7 +2899,7 @@ const $e = u({
2899
2899
  this.componentName,
2900
2900
  {
2901
2901
  ref: "element",
2902
- class: "vvd-root",
2902
+ class: "vvd-component",
2903
2903
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
2904
2904
  ...this.headline !== void 0 ? { headline: this.headline } : {},
2905
2905
  ...this.icon !== void 0 ? { icon: this.icon } : {},
@@ -3079,7 +3079,7 @@ const $e = u({
3079
3079
  ...this.size !== void 0 ? { size: this.size } : {},
3080
3080
  ...this.label !== void 0 ? { label: this.label } : {}
3081
3081
  },
3082
- class: "vvd-root",
3082
+ class: "vvd-component",
3083
3083
  on: {
3084
3084
  click: (e) => this.$emit("click", e),
3085
3085
  focus: (e) => this.$emit("focus", e),
@@ -3094,7 +3094,7 @@ const $e = u({
3094
3094
  this.componentName,
3095
3095
  {
3096
3096
  ref: "element",
3097
- class: "vvd-root",
3097
+ class: "vvd-component",
3098
3098
  ...this.icon !== void 0 ? { icon: this.icon } : {},
3099
3099
  ...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
3100
3100
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
@@ -3189,7 +3189,7 @@ const $e = u({
3189
3189
  ...this.elevationShadow !== void 0 ? { "elevation-shadow": this.elevationShadow } : {},
3190
3190
  ...this.alternate !== void 0 ? { alternate: this.alternate } : {}
3191
3191
  },
3192
- class: "vvd-root",
3192
+ class: "vvd-component",
3193
3193
  on: {
3194
3194
  click: (e) => this.$emit("click", e),
3195
3195
  focus: (e) => this.$emit("focus", e),
@@ -3210,7 +3210,7 @@ const $e = u({
3210
3210
  this.componentName,
3211
3211
  {
3212
3212
  ref: "element",
3213
- class: "vvd-root",
3213
+ class: "vvd-component",
3214
3214
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3215
3215
  ...this.elevationShadow !== void 0 ? { "elevation-shadow": this.elevationShadow } : {},
3216
3216
  ...this.alternate !== void 0 ? { alternate: this.alternate } : {},
@@ -3307,7 +3307,7 @@ const $e = u({
3307
3307
  ...this.size !== void 0 ? { size: this.size } : {},
3308
3308
  ...this.name !== void 0 ? { name: this.name } : {}
3309
3309
  },
3310
- class: "vvd-root",
3310
+ class: "vvd-component",
3311
3311
  on: {
3312
3312
  click: (e) => this.$emit("click", e),
3313
3313
  focus: (e) => this.$emit("focus", e),
@@ -3322,7 +3322,7 @@ const $e = u({
3322
3322
  this.componentName,
3323
3323
  {
3324
3324
  ref: "element",
3325
- class: "vvd-root",
3325
+ class: "vvd-component",
3326
3326
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3327
3327
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
3328
3328
  ...this.size !== void 0 ? { size: this.size } : {},
@@ -3420,7 +3420,7 @@ const $e = u({
3420
3420
  ...this.rowSpacing !== void 0 ? { "row-spacing": this.rowSpacing } : {},
3421
3421
  ...this.autoSizing !== void 0 ? { "auto-sizing": this.autoSizing } : {}
3422
3422
  },
3423
- class: "vvd-root",
3423
+ class: "vvd-component",
3424
3424
  on: {
3425
3425
  click: (e) => this.$emit("click", e),
3426
3426
  focus: (e) => this.$emit("focus", e),
@@ -3435,7 +3435,7 @@ const $e = u({
3435
3435
  this.componentName,
3436
3436
  {
3437
3437
  ref: "element",
3438
- class: "vvd-root",
3438
+ class: "vvd-component",
3439
3439
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3440
3440
  ...this.gutters !== void 0 ? { gutters: this.gutters } : {},
3441
3441
  ...this.columnBasis !== void 0 ? { "column-basis": this.columnBasis } : {},
@@ -3570,7 +3570,7 @@ const $e = u({
3570
3570
  ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {},
3571
3571
  ...this.open !== void 0 ? { open: this.open } : {}
3572
3572
  },
3573
- class: "vvd-root",
3573
+ class: "vvd-component",
3574
3574
  domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
3575
3575
  on: {
3576
3576
  click: (e) => this.$emit("click", e),
@@ -3594,7 +3594,7 @@ const $e = u({
3594
3594
  this.componentName,
3595
3595
  {
3596
3596
  ref: "element",
3597
- class: "vvd-root",
3597
+ class: "vvd-component",
3598
3598
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3599
3599
  ...this.placement !== void 0 ? { placement: this.placement } : {},
3600
3600
  ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
@@ -3724,7 +3724,7 @@ const $e = u({
3724
3724
  ...this.text !== void 0 ? { text: this.text } : {},
3725
3725
  ...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
3726
3726
  },
3727
- class: "vvd-root",
3727
+ class: "vvd-component",
3728
3728
  on: {
3729
3729
  click: (e) => this.$emit("click", e),
3730
3730
  focus: (e) => this.$emit("focus", e),
@@ -3744,7 +3744,7 @@ const $e = u({
3744
3744
  this.componentName,
3745
3745
  {
3746
3746
  ref: "element",
3747
- class: "vvd-root",
3747
+ class: "vvd-component",
3748
3748
  ...this.icon !== void 0 ? { icon: this.icon } : {},
3749
3749
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3750
3750
  ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
@@ -3821,7 +3821,7 @@ const $e = u({
3821
3821
  {
3822
3822
  ref: "element",
3823
3823
  attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
3824
- class: "vvd-root",
3824
+ class: "vvd-component",
3825
3825
  on: {
3826
3826
  click: (e) => this.$emit("click", e),
3827
3827
  focus: (e) => this.$emit("focus", e),
@@ -3836,7 +3836,7 @@ const $e = u({
3836
3836
  this.componentName,
3837
3837
  {
3838
3838
  ref: "element",
3839
- class: "vvd-root",
3839
+ class: "vvd-component",
3840
3840
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3841
3841
  onClick: (e) => this.$emit("click", e),
3842
3842
  onFocus: (e) => this.$emit("focus", e),
@@ -3859,18 +3859,12 @@ const $e = u({
3859
3859
  * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
3860
3860
  */
3861
3861
  icon: { type: String, default: void 0 },
3862
- /**
3863
- * Indicates the element that represents the current item within a container or set of related elements.
3864
- */
3865
- ariaCurrent: {
3866
- type: String,
3867
- default: void 0
3868
- },
3869
3862
  label: { type: String, default: void 0 },
3870
3863
  /**
3871
3864
  * Indicates whether the nav-disclosure is open
3872
3865
  */
3873
- open: { type: Boolean, default: void 0 }
3866
+ open: { type: Boolean, default: void 0 },
3867
+ ariaCurrent: { type: String, default: void 0 }
3874
3868
  },
3875
3869
  emits: [
3876
3870
  /**
@@ -3920,11 +3914,11 @@ const $e = u({
3920
3914
  ref: "element",
3921
3915
  attrs: {
3922
3916
  ...this.icon !== void 0 ? { icon: this.icon } : {},
3923
- ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3924
3917
  ...this.label !== void 0 ? { label: this.label } : {},
3925
- ...this.open !== void 0 ? { open: this.open } : {}
3918
+ ...this.open !== void 0 ? { open: this.open } : {},
3919
+ ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {}
3926
3920
  },
3927
- class: "vvd-root",
3921
+ class: "vvd-component",
3928
3922
  on: {
3929
3923
  click: (e) => this.$emit("click", e),
3930
3924
  focus: (e) => this.$emit("focus", e),
@@ -3944,11 +3938,11 @@ const $e = u({
3944
3938
  this.componentName,
3945
3939
  {
3946
3940
  ref: "element",
3947
- class: "vvd-root",
3941
+ class: "vvd-component",
3948
3942
  ...this.icon !== void 0 ? { icon: this.icon } : {},
3949
- ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3950
3943
  ...this.label !== void 0 ? { label: this.label } : {},
3951
3944
  ...this.open !== void 0 ? { open: this.open } : {},
3945
+ ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
3952
3946
  onClick: (e) => this.$emit("click", e),
3953
3947
  onFocus: (e) => this.$emit("focus", e),
3954
3948
  onBlur: (e) => this.$emit("blur", e),
@@ -4076,7 +4070,7 @@ const $e = u({
4076
4070
  ...this.type !== void 0 ? { type: this.type } : {},
4077
4071
  ...this.text !== void 0 ? { text: this.text } : {}
4078
4072
  },
4079
- class: "vvd-root",
4073
+ class: "vvd-component",
4080
4074
  on: {
4081
4075
  click: (e) => this.$emit("click", e),
4082
4076
  focus: (e) => this.$emit("focus", e),
@@ -4094,7 +4088,7 @@ const $e = u({
4094
4088
  this.componentName,
4095
4089
  {
4096
4090
  ref: "element",
4097
- class: "vvd-root",
4091
+ class: "vvd-component",
4098
4092
  ...this.icon !== void 0 ? { icon: this.icon } : {},
4099
4093
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
4100
4094
  ...this.download !== void 0 ? { download: this.download } : {},
@@ -4190,7 +4184,7 @@ const $e = u({
4190
4184
  ...this.headline !== void 0 ? { headline: this.headline } : {},
4191
4185
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
4192
4186
  },
4193
- class: "vvd-root",
4187
+ class: "vvd-component",
4194
4188
  on: {
4195
4189
  click: (e) => this.$emit("click", e),
4196
4190
  focus: (e) => this.$emit("focus", e),
@@ -4205,7 +4199,7 @@ const $e = u({
4205
4199
  this.componentName,
4206
4200
  {
4207
4201
  ref: "element",
4208
- class: "vvd-root",
4202
+ class: "vvd-component",
4209
4203
  ...this.icon !== void 0 ? { icon: this.icon } : {},
4210
4204
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
4211
4205
  ...this.headline !== void 0 ? { headline: this.headline } : {},
@@ -4433,7 +4427,7 @@ const $e = u({
4433
4427
  ...this.shape !== void 0 ? { shape: this.shape } : {},
4434
4428
  ...this.autoComplete !== void 0 ? { autoComplete: this.autoComplete } : {}
4435
4429
  },
4436
- class: "vvd-root",
4430
+ class: "vvd-component",
4437
4431
  on: {
4438
4432
  click: (e) => this.$emit("click", e),
4439
4433
  focus: (e) => this.$emit("focus", e),
@@ -4449,7 +4443,7 @@ const $e = u({
4449
4443
  this.componentName,
4450
4444
  {
4451
4445
  ref: "element",
4452
- class: "vvd-root",
4446
+ class: "vvd-component",
4453
4447
  ...this.successText !== void 0 ? { "success-text": this.successText } : {},
4454
4448
  ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
4455
4449
  ...this.charCount !== void 0 ? { "char-count": this.charCount } : {},
@@ -4584,7 +4578,7 @@ const $e = u({
4584
4578
  ...this.text !== void 0 ? { text: this.text } : {},
4585
4579
  ...this.label !== void 0 ? { label: this.label } : {}
4586
4580
  },
4587
- class: "vvd-root",
4581
+ class: "vvd-component",
4588
4582
  on: {
4589
4583
  click: (e) => this.$emit("click", e),
4590
4584
  focus: (e) => this.$emit("focus", e),
@@ -4602,7 +4596,7 @@ const $e = u({
4602
4596
  this.componentName,
4603
4597
  {
4604
4598
  ref: "element",
4605
- class: "vvd-root",
4599
+ class: "vvd-component",
4606
4600
  ...this.icon !== void 0 ? { icon: this.icon } : {},
4607
4601
  ...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
4608
4602
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
@@ -4634,7 +4628,14 @@ const $e = u({
4634
4628
  type: String,
4635
4629
  default: void 0
4636
4630
  },
4631
+ /**
4632
+ * The size the pagination should have.
4633
+ */
4637
4634
  size: { type: String, default: void 0 },
4635
+ /**
4636
+ * The shape the pagination should have.
4637
+ */
4638
+ shape: { type: String, default: void 0 },
4638
4639
  navIcons: { type: Boolean, default: void 0 },
4639
4640
  total: { type: Number, default: void 0 },
4640
4641
  selectedIndex: { type: Number, default: void 0 }
@@ -4696,11 +4697,12 @@ const $e = u({
4696
4697
  attrs: {
4697
4698
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
4698
4699
  ...this.size !== void 0 ? { size: this.size } : {},
4700
+ ...this.shape !== void 0 ? { shape: this.shape } : {},
4699
4701
  ...this.navIcons !== void 0 ? { "nav-icons": this.navIcons } : {},
4700
4702
  ...this.total !== void 0 ? { total: this.total } : {},
4701
4703
  ...this.selectedIndex !== void 0 ? { "selected-index": this.selectedIndex } : {}
4702
4704
  },
4703
- class: "vvd-root",
4705
+ class: "vvd-component",
4704
4706
  on: {
4705
4707
  click: (e) => this.$emit("click", e),
4706
4708
  focus: (e) => this.$emit("focus", e),
@@ -4715,9 +4717,10 @@ const $e = u({
4715
4717
  this.componentName,
4716
4718
  {
4717
4719
  ref: "element",
4718
- class: "vvd-root",
4720
+ class: "vvd-component",
4719
4721
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
4720
4722
  ...this.size !== void 0 ? { size: this.size } : {},
4723
+ ...this.shape !== void 0 ? { shape: this.shape } : {},
4721
4724
  ...this.navIcons !== void 0 ? { "nav-icons": this.navIcons } : {},
4722
4725
  ...this.total !== void 0 ? { total: this.total } : {},
4723
4726
  ...this.selectedIndex !== void 0 ? { "selected-index": this.selectedIndex } : {},
@@ -4812,7 +4815,7 @@ const $e = u({
4812
4815
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
4813
4816
  ...this.reverse !== void 0 ? { reverse: this.reverse } : {}
4814
4817
  },
4815
- class: "vvd-root",
4818
+ class: "vvd-component",
4816
4819
  on: {
4817
4820
  click: (e) => this.$emit("click", e),
4818
4821
  focus: (e) => this.$emit("focus", e),
@@ -4827,7 +4830,7 @@ const $e = u({
4827
4830
  this.componentName,
4828
4831
  {
4829
4832
  ref: "element",
4830
- class: "vvd-root",
4833
+ class: "vvd-component",
4831
4834
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
4832
4835
  ...this.value !== void 0 ? { value: this.value } : {},
4833
4836
  ...this.min !== void 0 ? { min: this.min } : {},
@@ -4925,7 +4928,7 @@ const $e = u({
4925
4928
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
4926
4929
  ...this.size !== void 0 ? { size: this.size } : {}
4927
4930
  },
4928
- class: "vvd-root",
4931
+ class: "vvd-component",
4929
4932
  on: {
4930
4933
  click: (e) => this.$emit("click", e),
4931
4934
  focus: (e) => this.$emit("focus", e),
@@ -4940,7 +4943,7 @@ const $e = u({
4940
4943
  this.componentName,
4941
4944
  {
4942
4945
  ref: "element",
4943
- class: "vvd-root",
4946
+ class: "vvd-component",
4944
4947
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
4945
4948
  ...this.value !== void 0 ? { value: this.value } : {},
4946
4949
  ...this.min !== void 0 ? { min: this.min } : {},
@@ -5077,7 +5080,7 @@ const $e = u({
5077
5080
  ...this.label !== void 0 ? { label: this.label } : {},
5078
5081
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
5079
5082
  },
5080
- class: "vvd-root",
5083
+ class: "vvd-component",
5081
5084
  on: {
5082
5085
  click: (e) => this.$emit("click", e),
5083
5086
  focus: (e) => this.$emit("focus", e),
@@ -5093,7 +5096,7 @@ const $e = u({
5093
5096
  this.componentName,
5094
5097
  {
5095
5098
  ref: "element",
5096
- class: "vvd-root",
5099
+ class: "vvd-component",
5097
5100
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
5098
5101
  ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
5099
5102
  ...this.value !== void 0 ? { value: this.value } : {},
@@ -5214,7 +5217,7 @@ const $e = u({
5214
5217
  ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
5215
5218
  ...this.label !== void 0 ? { label: this.label } : {}
5216
5219
  },
5217
- class: "vvd-root",
5220
+ class: "vvd-component",
5218
5221
  on: {
5219
5222
  click: (e) => this.$emit("click", e),
5220
5223
  focus: (e) => this.$emit("focus", e),
@@ -5230,7 +5233,7 @@ const $e = u({
5230
5233
  this.componentName,
5231
5234
  {
5232
5235
  ref: "element",
5233
- class: "vvd-root",
5236
+ class: "vvd-component",
5234
5237
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
5235
5238
  ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
5236
5239
  ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
@@ -5427,7 +5430,7 @@ const $e = u({
5427
5430
  ...this.shape !== void 0 ? { shape: this.shape } : {},
5428
5431
  ...this.fixedDropdown !== void 0 ? { "fixed-dropdown": this.fixedDropdown } : {}
5429
5432
  },
5430
- class: "vvd-root",
5433
+ class: "vvd-component",
5431
5434
  on: {
5432
5435
  click: (e) => this.$emit("click", e),
5433
5436
  focus: (e) => this.$emit("focus", e),
@@ -5449,7 +5452,7 @@ const $e = u({
5449
5452
  this.componentName,
5450
5453
  {
5451
5454
  ref: "element",
5452
- class: "vvd-root",
5455
+ class: "vvd-component",
5453
5456
  ...this.successText !== void 0 ? { "success-text": this.successText } : {},
5454
5457
  ...this.errorText !== void 0 ? { "error-text": this.errorText } : {},
5455
5458
  ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
@@ -5561,7 +5564,7 @@ const $e = u({
5561
5564
  ...this.open !== void 0 ? { open: this.open } : {},
5562
5565
  ...this.trailing !== void 0 ? { trailing: this.trailing } : {}
5563
5566
  },
5564
- class: "vvd-root",
5567
+ class: "vvd-component",
5565
5568
  on: {
5566
5569
  click: (e) => this.$emit("click", e),
5567
5570
  focus: (e) => this.$emit("focus", e),
@@ -5580,7 +5583,7 @@ const $e = u({
5580
5583
  this.componentName,
5581
5584
  {
5582
5585
  ref: "element",
5583
- class: "vvd-root",
5586
+ class: "vvd-component",
5584
5587
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
5585
5588
  ...this.alternate !== void 0 ? { alternate: this.alternate } : {},
5586
5589
  ...this.modal !== void 0 ? { modal: this.modal } : {},
@@ -5752,7 +5755,7 @@ const $e = u({
5752
5755
  ...this.mode !== void 0 ? { mode: this.mode } : {},
5753
5756
  ...this.markers !== void 0 ? { markers: this.markers } : {}
5754
5757
  },
5755
- class: "vvd-root",
5758
+ class: "vvd-component",
5756
5759
  on: {
5757
5760
  click: (e) => this.$emit("click", e),
5758
5761
  focus: (e) => this.$emit("focus", e),
@@ -5768,7 +5771,7 @@ const $e = u({
5768
5771
  this.componentName,
5769
5772
  {
5770
5773
  ref: "element",
5771
- class: "vvd-root",
5774
+ class: "vvd-component",
5772
5775
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
5773
5776
  ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
5774
5777
  ...this.value !== void 0 ? { value: this.value } : {},
@@ -5855,7 +5858,7 @@ const $e = u({
5855
5858
  ...this.label !== void 0 ? { label: this.label } : {},
5856
5859
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
5857
5860
  },
5858
- class: "vvd-root",
5861
+ class: "vvd-component",
5859
5862
  on: {
5860
5863
  click: (e) => this.$emit("click", e),
5861
5864
  focus: (e) => this.$emit("focus", e),
@@ -5870,7 +5873,7 @@ const $e = u({
5870
5873
  this.componentName,
5871
5874
  {
5872
5875
  ref: "element",
5873
- class: "vvd-root",
5876
+ class: "vvd-component",
5874
5877
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
5875
5878
  ...this.label !== void 0 ? { label: this.label } : {},
5876
5879
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
@@ -5974,7 +5977,7 @@ const $e = u({
5974
5977
  ...this.tabIndex !== void 0 ? { tabIndex: this.tabIndex } : {},
5975
5978
  ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {}
5976
5979
  },
5977
- class: "vvd-root",
5980
+ class: "vvd-component",
5978
5981
  on: {
5979
5982
  click: (e) => this.$emit("click", e),
5980
5983
  focus: (e) => this.$emit("focus", e),
@@ -5989,7 +5992,7 @@ const $e = u({
5989
5992
  this.componentName,
5990
5993
  {
5991
5994
  ref: "element",
5992
- class: "vvd-root",
5995
+ class: "vvd-component",
5993
5996
  ...this.icon !== void 0 ? { icon: this.icon } : {},
5994
5997
  ...this.iconTrailing !== void 0 ? { "icon-trailing": this.iconTrailing } : {},
5995
5998
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
@@ -6121,7 +6124,7 @@ const $e = u({
6121
6124
  ...this.activeindicator !== void 0 ? { activeindicator: this.activeindicator } : {},
6122
6125
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
6123
6126
  },
6124
- class: "vvd-root",
6127
+ class: "vvd-component",
6125
6128
  on: {
6126
6129
  click: (e) => this.$emit("click", e),
6127
6130
  focus: (e) => this.$emit("focus", e),
@@ -6137,7 +6140,7 @@ const $e = u({
6137
6140
  this.componentName,
6138
6141
  {
6139
6142
  ref: "element",
6140
- class: "vvd-root",
6143
+ class: "vvd-component",
6141
6144
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
6142
6145
  ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
6143
6146
  ...this.activeid !== void 0 ? { activeid: this.activeid } : {},
@@ -6210,7 +6213,7 @@ const $e = u({
6210
6213
  {
6211
6214
  ref: "element",
6212
6215
  attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
6213
- class: "vvd-root",
6216
+ class: "vvd-component",
6214
6217
  on: {
6215
6218
  click: (e) => this.$emit("click", e),
6216
6219
  focus: (e) => this.$emit("focus", e),
@@ -6225,7 +6228,7 @@ const $e = u({
6225
6228
  this.componentName,
6226
6229
  {
6227
6230
  ref: "element",
6228
- class: "vvd-root",
6231
+ class: "vvd-component",
6229
6232
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
6230
6233
  onClick: (e) => this.$emit("click", e),
6231
6234
  onFocus: (e) => this.$emit("focus", e),
@@ -6294,7 +6297,7 @@ const $e = u({
6294
6297
  {
6295
6298
  ref: "element",
6296
6299
  attrs: { ...this.modelValue !== void 0 ? { "current-value": this.modelValue } : {} },
6297
- class: "vvd-root",
6300
+ class: "vvd-component",
6298
6301
  on: {
6299
6302
  click: (e) => this.$emit("click", e),
6300
6303
  focus: (e) => this.$emit("focus", e),
@@ -6309,7 +6312,7 @@ const $e = u({
6309
6312
  this.componentName,
6310
6313
  {
6311
6314
  ref: "element",
6312
- class: "vvd-root",
6315
+ class: "vvd-component",
6313
6316
  ...this.modelValue !== void 0 ? { "current-value": this.modelValue } : {},
6314
6317
  onClick: (e) => this.$emit("click", e),
6315
6318
  onFocus: (e) => this.$emit("focus", e),
@@ -6517,7 +6520,7 @@ const $e = u({
6517
6520
  ...this.shape !== void 0 ? { shape: this.shape } : {},
6518
6521
  ...this.autoComplete !== void 0 ? { autoComplete: this.autoComplete } : {}
6519
6522
  },
6520
- class: "vvd-root",
6523
+ class: "vvd-component",
6521
6524
  on: {
6522
6525
  click: (e) => this.$emit("click", e),
6523
6526
  focus: (e) => this.$emit("focus", e),
@@ -6533,7 +6536,7 @@ const $e = u({
6533
6536
  this.componentName,
6534
6537
  {
6535
6538
  ref: "element",
6536
- class: "vvd-root",
6539
+ class: "vvd-component",
6537
6540
  ...this.successText !== void 0 ? { "success-text": this.successText } : {},
6538
6541
  ...this.helperText !== void 0 ? { "helper-text": this.helperText } : {},
6539
6542
  ...this.charCount !== void 0 ? { "char-count": this.charCount } : {},
@@ -6661,7 +6664,7 @@ const $e = u({
6661
6664
  ...this.placement !== void 0 ? { placement: this.placement } : {},
6662
6665
  ...this.open !== void 0 ? { open: this.open } : {}
6663
6666
  },
6664
- class: "vvd-root",
6667
+ class: "vvd-component",
6665
6668
  domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
6666
6669
  on: {
6667
6670
  click: (e) => this.$emit("click", e),
@@ -6681,7 +6684,7 @@ const $e = u({
6681
6684
  this.componentName,
6682
6685
  {
6683
6686
  ref: "element",
6684
- class: "vvd-root",
6687
+ class: "vvd-component",
6685
6688
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
6686
6689
  ...this.headline !== void 0 ? { headline: this.headline } : {},
6687
6690
  ...this.alternate !== void 0 ? { alternate: this.alternate } : {},
@@ -6781,7 +6784,7 @@ const $e = u({
6781
6784
  ...this.placement !== void 0 ? { placement: this.placement } : {},
6782
6785
  ...this.open !== void 0 ? { open: this.open } : {}
6783
6786
  },
6784
- class: "vvd-root",
6787
+ class: "vvd-component",
6785
6788
  domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
6786
6789
  on: {
6787
6790
  click: (e) => this.$emit("click", e),
@@ -6797,7 +6800,7 @@ const $e = u({
6797
6800
  this.componentName,
6798
6801
  {
6799
6802
  ref: "element",
6800
- class: "vvd-root",
6803
+ class: "vvd-component",
6801
6804
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
6802
6805
  ...this.text !== void 0 ? { text: this.text } : {},
6803
6806
  ...this.placement !== void 0 ? { placement: this.placement } : {},
@@ -6904,7 +6907,7 @@ const $e = u({
6904
6907
  ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
6905
6908
  ...this.text !== void 0 ? { text: this.text } : {}
6906
6909
  },
6907
- class: "vvd-root",
6910
+ class: "vvd-component",
6908
6911
  on: {
6909
6912
  click: (e) => this.$emit("click", e),
6910
6913
  focus: (e) => this.$emit("focus", e),
@@ -6924,7 +6927,7 @@ const $e = u({
6924
6927
  this.componentName,
6925
6928
  {
6926
6929
  ref: "element",
6927
- class: "vvd-root",
6930
+ class: "vvd-component",
6928
6931
  ...this.icon !== void 0 ? { icon: this.icon } : {},
6929
6932
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
6930
6933
  ...this.expanded !== void 0 ? { expanded: this.expanded } : {},
@@ -7007,7 +7010,7 @@ const $e = u({
7007
7010
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
7008
7011
  ...this.renderCollapsedNodes !== void 0 ? { "render-collapsed-nodes": this.renderCollapsedNodes } : {}
7009
7012
  },
7010
- class: "vvd-root",
7013
+ class: "vvd-component",
7011
7014
  on: {
7012
7015
  click: (e) => this.$emit("click", e),
7013
7016
  focus: (e) => this.$emit("focus", e),
@@ -7022,7 +7025,7 @@ const $e = u({
7022
7025
  this.componentName,
7023
7026
  {
7024
7027
  ref: "element",
7025
- class: "vvd-root",
7028
+ class: "vvd-component",
7026
7029
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
7027
7030
  ...this.renderCollapsedNodes !== void 0 ? { "render-collapsed-nodes": this.renderCollapsedNodes } : {},
7028
7031
  onClick: (e) => this.$emit("click", e),
@@ -7152,7 +7155,7 @@ const $e = u({
7152
7155
  ...this.selectable !== void 0 ? { selectable: this.selectable } : {},
7153
7156
  ...this.selected !== void 0 ? { selected: this.selected } : {}
7154
7157
  },
7155
- class: "vvd-root",
7158
+ class: "vvd-component",
7156
7159
  on: {
7157
7160
  click: (e) => this.$emit("click", e),
7158
7161
  focus: (e) => this.$emit("focus", e),
@@ -7167,7 +7170,7 @@ const $e = u({
7167
7170
  this.componentName,
7168
7171
  {
7169
7172
  ref: "element",
7170
- class: "vvd-root",
7173
+ class: "vvd-component",
7171
7174
  ...this.icon !== void 0 ? { icon: this.icon } : {},
7172
7175
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
7173
7176
  ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
@@ -7241,7 +7244,7 @@ const $e = u({
7241
7244
  {
7242
7245
  ref: "element",
7243
7246
  attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
7244
- class: "vvd-root",
7247
+ class: "vvd-component",
7245
7248
  on: {
7246
7249
  click: (e) => this.$emit("click", e),
7247
7250
  focus: (e) => this.$emit("focus", e),
@@ -7256,7 +7259,7 @@ const $e = u({
7256
7259
  this.componentName,
7257
7260
  {
7258
7261
  ref: "element",
7259
- class: "vvd-root",
7262
+ class: "vvd-component",
7260
7263
  ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
7261
7264
  onClick: (e) => this.$emit("click", e),
7262
7265
  onFocus: (e) => this.$emit("focus", e),