vue-data-ui 2.2.10 → 2.2.12

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/README.md +34 -31
  2. package/dist/documentation/installation.md +71 -44
  3. package/dist/{index-df2c6b48.js → index-630a51e1.js} +10451 -10103
  4. package/dist/{index.es-0b866d70.js → index.es-b9fc5966.js} +1 -1
  5. package/dist/style.css +1 -1
  6. package/dist/types/vue-data-ui.d.ts +346 -1113
  7. package/dist/vue-data-ui.js +35 -33
  8. package/package.json +3 -2
package/dist/types/vue-data-ui.d.ts CHANGED
@@ -6,10 +6,61 @@ declare module 'vue-data-ui' {
6
6
  }
7
7
 
8
8
  export const VueDataUi: DefineComponent<{
9
- dataset?: VueUi3dBarDataset | VueUiAgePyramidDataset | VueUiAnnotatorDataset | Array<Array<string | number>> | VueUiChestnutDatasetRoot[] | VueUiDashboardElement[] | number | VueUiDonutEvolutionDatasetItem[] | VueUiDonutDatasetItem[] | VueUiGaugeDataset | VueUiHeatmapDatasetItem[] | VueUiMoleculeDatasetNode[] | VueUiMoodRadarDataset | VueUiNestedDonutsDatasetItem[] | VueUiOnionDatasetItem[] | VueUiQuadrantDatasetItem[] | VueUiRadarDataset | VueUiRatingDataset | VueUiRelationCircleDatasetItem[] | VueUiRingsDatasetItem[] | VueUiScatterDatasetItem[] | VueUiSparkbarDatasetItem[] | VueUiSparkgaugeDataset | VueUiSparkHistogramDatasetItem[] | VueUiSparklineDatasetItem[] | VueUiSparkStackBarDatasetItem[] | VueUiTableSparklineDatasetItem[] | VueUiTableDataset | VueUiThermometerDataset | VueUiTiremarksDataset | VueUiVerticalBarDatasetItem[] | VueUiWaffleDatasetItem[] | VueUiWheelDataset | VueUiXyDatasetItem[] | VueUiTreemapDatasetItem[] | VueUiQuickChartDataset | number[] | VueUiStripPlotDataset[],
10
- config?: VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutEvolutionConfig | VueUiDonutConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiNestedDonutsConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkbarConfig | VueUiSparkgaugeConfig | VueUiSparkHistogramConfig | VueUiSparklineConfig | VueUiSparkStackBarConfig | VueUiTableSparklineConfig | VueUiTableConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig | VueUiDumbbellConfig;
9
+ dataset?: VueUi3dBarDataset | VueUiAgePyramidDataset | VueUiAnnotatorDataset | Array<Array<string | number>> | VueUiChestnutDatasetRoot[] | VueUiDashboardElement[] | number | string | VueUiDonutEvolutionDatasetItem[] | VueUiDonutDatasetItem[] | VueUiGaugeDataset | VueUiHeatmapDatasetItem[] | VueUiMoleculeDatasetNode[] | VueUiMoodRadarDataset | VueUiNestedDonutsDatasetItem[] | VueUiOnionDatasetItem[] | VueUiQuadrantDatasetItem[] | VueUiRadarDataset | VueUiRatingDataset | VueUiRelationCircleDatasetItem[] | VueUiRingsDatasetItem[] | VueUiScatterDatasetItem[] | VueUiSparkbarDatasetItem[] | VueUiSparkgaugeDataset | VueUiSparkHistogramDatasetItem[] | VueUiSparklineDatasetItem[] | VueUiSparkStackBarDatasetItem[] | VueUiTableSparklineDatasetItem[] | VueUiTableDataset | VueUiThermometerDataset | VueUiTiremarksDataset | VueUiVerticalBarDatasetItem[] | VueUiWaffleDatasetItem[] | VueUiWheelDataset | VueUiXyDatasetItem[] | VueUiTreemapDatasetItem[] | VueUiQuickChartDataset | number[] | VueUiStripPlotDataset[] | VueUiWordCloudDatasetItem[],
10
+ config?: VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutEvolutionConfig | VueUiDonutConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiNestedDonutsConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkbarConfig | VueUiSparkgaugeConfig | VueUiSparkHistogramConfig | VueUiSparklineConfig | VueUiSparkStackBarConfig | VueUiTableSparklineConfig | VueUiTableConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig | VueUiDumbbellConfig | VueUiWordCloudConfig;
11
11
  }>
12
12
 
13
+ export type ChartTitle = {
14
+ text?: string;
15
+ color?: string;
16
+ fontSize?: number;
17
+ bold?: boolean;
18
+ subtitle?: {
19
+ color?: string;
20
+ text?: string;
21
+ fontSize?: number;
22
+ bold?: boolean;
23
+ };
24
+ };
25
+
26
+ export type ChartPadding = {
27
+ top?: number;
28
+ right?: number;
29
+ bottom?: number;
30
+ left?: number;
31
+ }
32
+
33
+ export type ChartBaseLegend = {
34
+ color?: string;
35
+ show?: boolean;
36
+ fontSize?: number;
37
+ bold?: boolean;
38
+ }
39
+
40
+ export type ChartUserOptions = {
41
+ show?: boolean;
42
+ }
43
+
44
+ export type ChartTableCell = {
45
+ backgroundColor?: string;
46
+ color?: string;
47
+ outline?: string;
48
+ };
49
+
50
+ export type ChartTooltip = {
51
+ show?: boolean;
52
+ color?: string;
53
+ backgroundColor?: string;
54
+ fontSize?: number;
55
+ borderRadius?: number;
56
+ borderColor?: string;
57
+ borderWidth?: number;
58
+ }
59
+
60
+ export type Theme = "" | "zen" | "hack" | "concrete";
61
+ export type TextAlign = "left" | "center" | "right";
62
+
63
+
13
64
  export type VueUiTooltipParams<TDatapoint, TSeries, TConfig, TBar = any, TLine = any, TPlot = any> = {
14
65
  seriesIndex?: number;
15
66
  series?: TSeries;
@@ -28,11 +79,9 @@ declare module 'vue-data-ui' {
28
79
  };
29
80
 
30
81
  export type VueUiTreemapConfig = {
31
- theme?: "" | "hack" | "zen" | "concrete";
82
+ theme?: Theme;
32
83
  customPalette?: string[];
33
- userOptions?: {
34
- show?: boolean;
35
- };
84
+ userOptions?: ChartUserOptions;
36
85
  style?: {
37
86
  fontFamily?: string;
38
87
  chart?: {
@@ -40,12 +89,7 @@ declare module 'vue-data-ui' {
40
89
  color?: string;
41
90
  height?: number;
42
91
  width?: number;
43
- padding?: {
44
- top?: number;
45
- left?: number;
46
- bottom?: number;
47
- right?: number;
48
- };
92
+ padding?: ChartPadding;
49
93
  layout?: {
50
94
  sorted?: boolean;
51
95
  rects?: {
@@ -73,37 +117,15 @@ declare module 'vue-data-ui' {
73
117
  rounding?: number;
74
118
  };
75
119
  };
76
- legend?: {
120
+ legend?: ChartBaseLegend & {
77
121
  backgroundColor?: string;
78
- color?: string;
79
- show?: boolean;
80
- fontSize?: number;
81
- bold?: boolean;
82
122
  roundingValue?: number;
83
123
  roundingPercentage?: number;
84
124
  };
85
- title?: {
86
- text?: string;
87
- color?: string;
88
- fontSize?: number;
89
- bold?: boolean;
90
- subtitle?: {
91
- color?: string;
92
- text?: string;
93
- fontSize?: number;
94
- bold?: boolean;
95
- };
96
- };
97
- tooltip?: {
98
- show?: boolean;
99
- color?: string;
100
- backgroundColor?: string;
101
- fontSize?: number;
125
+ title?: ChartTitle;
126
+ tooltip?: ChartTooltip & {
102
127
  roundingValue?: number;
103
128
  customFormat?: (params: VueUiTooltipParams<VueUiTreemapDatapoint, VueUiTreemapSeriesItem[], VueUiTreemapConfig>) => string;
104
- borderRadius?: number;
105
- borderColor?: string;
106
- borderWidth?: number;
107
129
  };
108
130
  };
109
131
  };
@@ -115,15 +137,8 @@ declare module 'vue-data-ui' {
115
137
  value?: string;
116
138
  percentage?: string;
117
139
  };
118
- th?: {
119
- backgroundColor?: string;
120
- color?: string;
121
- outline?: string;
122
- };
123
- td?: {
124
- backgroundColor?: string;
125
- color?: string;
126
- outline?: string;
140
+ th?: ChartTableCell;
141
+ td?: ChartTableCell & {
127
142
  roundingValue?: number;
128
143
  roundingPercentage?: number;
129
144
  };
@@ -190,7 +205,7 @@ declare module 'vue-data-ui' {
190
205
  export type VueUiGalaxyDatasetItem = VueUiDonutDatasetItem;
191
206
 
192
207
  export type VueUiGalaxyConfig = {
193
- theme?: "" | "hack" | "zen" | "concrete";
208
+ theme?: Theme;
194
209
  customPalette?: string[];
195
210
  useCssAnimation?: boolean;
196
211
  useBlurOnHover?: boolean;
@@ -222,40 +237,18 @@ declare module 'vue-data-ui' {
222
237
  };
223
238
  };
224
239
  };
225
- legend?: {
240
+ legend?: ChartBaseLegend & {
226
241
  backgroundColor?: string;
227
- color?: string;
228
- show?: boolean;
229
- fontSize?: number;
230
- bold?: boolean;
231
242
  roundingValue?: number;
232
243
  roundingPercentage?: number;
233
244
  };
234
- title?: {
235
- text?: string;
236
- color?: string;
237
- fontSize?: number;
238
- bold?: boolean;
239
- subtitle?: {
240
- color?: string;
241
- text?: string;
242
- fontSize?: number;
243
- bold?: boolean;
244
- };
245
- };
246
- tooltip?: {
247
- show?: boolean;
248
- color?: string;
249
- backgroundColor?: string;
250
- fontSize?: number;
245
+ title?: ChartTitle;
246
+ tooltip?: ChartTooltip & {
251
247
  showValue?: boolean;
252
248
  showPercentage: boolean;
253
249
  roundingValue?: number;
254
250
  roundingPercentage?: number;
255
251
  customFormat?: (params: VueUiTooltipParams<VueUiGalaxyDatapoint, VueUiGalaxySeriesItem[], VueUiGalaxyConfig>) => string;
256
- borderRadius?: number;
257
- borderColor?: string;
258
- borderWidth?: number;
259
252
  };
260
253
  };
261
254
  };
@@ -267,22 +260,13 @@ declare module 'vue-data-ui' {
267
260
  value?: string;
268
261
  percentage?: string;
269
262
  };
270
- th?: {
271
- backgroundColor?: string;
272
- color?: string;
273
- outline?: string;
274
- };
275
- td?: {
276
- backgroundColor?: string;
277
- color?: string;
278
- outline?: string;
263
+ th?: ChartTableCell;
264
+ td?: ChartTableCell & {
279
265
  roundingValue?: number;
280
266
  roundingPercentage?: number;
281
267
  };
282
268
  };
283
- userOptions?: {
284
- show?: boolean;
285
- };
269
+ userOptions?: ChartUserOptions;
286
270
  };
287
271
 
288
272
  export type VueUiGalaxyDatapoint = VueUiGalaxyDatasetItem & {
@@ -315,7 +299,7 @@ declare module 'vue-data-ui' {
315
299
  }
316
300
 
317
301
  export type VueUiSparkgaugeConfig = {
318
- theme?: "" | "hack" | "zen" | "concrete";
302
+ theme?: Theme;
319
303
  style?: {
320
304
  fontFamily?: string;
321
305
  background?: string;
@@ -328,8 +312,8 @@ declare module 'vue-data-ui' {
328
312
  title?: {
329
313
  show?: boolean;
330
314
  fontSize?: number;
331
- position?: "top" | "bottom",
332
- textAlign?: "center" | "left" | "right",
315
+ position?: "top" | "bottom";
316
+ textAlign?: TextAlign;
333
317
  bold?: boolean;
334
318
  color?: string;
335
319
  };
@@ -365,32 +349,20 @@ declare module 'vue-data-ui' {
365
349
  config?: VueUiSparkgaugeConfig
366
350
  }>
367
351
 
352
+ export type VueUiMiniLoaderConfigType = {
353
+ gutterColor?: string;
354
+ gutterOpacity?: number;
355
+ gutterBlur?: number;
356
+ trackHueRotate?: number;
357
+ trackBlur?: number;
358
+ trackColor?: string;
359
+ }
360
+
368
361
  export type VueUiMiniLoaderConfig = {
369
362
  type?: "line" | "bar" | "onion";
370
- onion?: {
371
- gutterColor?: string;
372
- gutterOpacity?: number;
373
- gutterBlur?: number;
374
- trackHueRotate?: number;
375
- trackBlur?: number;
376
- trackColor?: string;
377
- };
378
- line?: {
379
- gutterColor?: string;
380
- gutterOpacity?: number;
381
- gutterBlur?: number;
382
- trackHueRotate?: number;
383
- trackBlur?: number;
384
- trackColor?: string;
385
- };
386
- bar?: {
387
- gutterColor?: string;
388
- gutterOpacity?: number;
389
- gutterBlur?: number;
390
- trackHueRotate?: number;
391
- trackBlur?: number;
392
- trackColor?: string;
393
- }
363
+ onion?: VueUiMiniLoaderConfigType;
364
+ line?: VueUiMiniLoaderConfigType;
365
+ bar?: VueUiMiniLoaderConfigType;
394
366
  }
395
367
 
396
368
  export const VueUiMiniLoader: DefineComponent<{
@@ -418,7 +390,7 @@ declare module 'vue-data-ui' {
418
390
  }
419
391
 
420
392
  export type VueUiTableSparklineConfig = {
421
- theme?: "" | "hack" | "zen" | "concrete";
393
+ theme?: Theme;
422
394
  customPalette?: string[];
423
395
  responsiveBreakpoint?: number;
424
396
  showAverage?: boolean;
@@ -455,7 +427,7 @@ declare module 'vue-data-ui' {
455
427
  fontSize?: number;
456
428
  color?: string;
457
429
  bold?: boolean;
458
- textAlign?: "left" | "center" | "right";
430
+ textAlign?: TextAlign;
459
431
  subtitle?: {
460
432
  text?: string;
461
433
  color?: string;
@@ -463,25 +435,17 @@ declare module 'vue-data-ui' {
463
435
  bold?: boolean;
464
436
  };
465
437
  };
466
- thead?: {
467
- backgroundColor?: string;
468
- color?: string;
438
+ thead?: ChartTableCell & {
469
439
  fontSize?: number;
470
- outline?: string;
471
- textAlign?: "left" | "center" | "right";
440
+ textAlign?: TextAlign;
472
441
  bold?: boolean;
473
442
  },
474
- tbody?: {
475
- backgroundColor?: string;
476
- color?: string;
443
+ tbody?: ChartTableCell & {
477
444
  fontSize?: number;
478
- outline?: string;
479
- textAlign?: "left" | "center" | "right";
445
+ textAlign?: TextAlign;
480
446
  bold?: boolean;
481
447
  };
482
- userOptions?: {
483
- show?: boolean;
484
- }
448
+ userOptions?: ChartUserOptions;
485
449
  };
486
450
 
487
451
  export const VueUiTableSparkline: DefineComponent<{
@@ -496,7 +460,7 @@ declare module 'vue-data-ui' {
496
460
  };
497
461
 
498
462
  export type VueUiMoleculeConfig = {
499
- theme?: "" | "hack" | "zen" | "concrete";
463
+ theme?: Theme;
500
464
  style?: {
501
465
  fontFamily?: string;
502
466
  chart?: {
@@ -509,27 +473,9 @@ declare module 'vue-data-ui' {
509
473
  links?: {
510
474
  stroke?: string;
511
475
  };
512
- title?: {
513
- text?: string;
514
- color?: string;
515
- fontSize?: number;
516
- bold?: boolean;
517
- subtitle?: {
518
- color?: string;
519
- text?: string;
520
- fontSize?: number;
521
- bold?: boolean;
522
- };
523
- };
524
- tooltip?: {
525
- show?: boolean;
526
- color?: string;
527
- backgroundColor?: string;
528
- fontSize?: number;
476
+ title?: ChartTitle;
477
+ tooltip?: ChartTooltip & {
529
478
  customFormat?: (params: VueUiTooltipParams<VueUiMoleculeDatapoint, VueUiMoleculeDatapoint[], VueUiMoleculeConfig>) => string;
530
- borderRadius?: number;
531
- borderColor?: string;
532
- borderWidth?: number;
533
479
  };
534
480
  zoom?: {
535
481
  speed?: number;
@@ -539,25 +485,15 @@ declare module 'vue-data-ui' {
539
485
  table?: {
540
486
  show?: boolean;
541
487
  responsiveBreakpoint?: number;
542
- th?: {
543
- backgroundColor?: string;
544
- color?: string;
545
- outline?: string;
546
- };
547
- td?: {
548
- backgroundColor?: string;
549
- color?: string;
550
- outline?: string;
551
- };
488
+ th?: ChartTableCell;
489
+ td?: ChartTableCell;
552
490
  translations?: {
553
491
  nodeName?: string;
554
492
  details?: string;
555
493
  parentNode?: string;
556
494
  };
557
495
  };
558
- userOptions?: {
559
- show?: boolean;
560
- };
496
+ userOptions?: ChartUserOptions;
561
497
  };
562
498
 
563
499
  export type VueUiMoleculeDatapoint = {
@@ -606,7 +542,7 @@ declare module 'vue-data-ui' {
606
542
  };
607
543
 
608
544
  export type VueUi3dBarConfig = {
609
- theme?: "" | "hack" | "zen" | "concrete";
545
+ theme?: Theme;
610
546
  customPalette?: string[];
611
547
  style?: {
612
548
  fontFamily?: string;
@@ -639,24 +575,9 @@ declare module 'vue-data-ui' {
639
575
  perspective?: number;
640
576
  };
641
577
  };
642
- title?: {
643
- text?: string;
644
- color?: string;
645
- fontSize?: number;
646
- bold?: boolean;
647
- subtitle?: {
648
- color?: string;
649
- text?: string;
650
- fontSize?: number;
651
- bold?: boolean;
652
- };
653
- };
654
- legend?: {
578
+ title?: ChartTitle;
579
+ legend?: ChartBaseLegend & {
655
580
  backgroundColor?: string;
656
- color?: string;
657
- show?: boolean;
658
- fontSize?: number;
659
- bold?: boolean;
660
581
  roundingValue?: number;
661
582
  roundingPercentage?: number;
662
583
  prefix?: string;
@@ -672,9 +593,7 @@ declare module 'vue-data-ui' {
672
593
  };
673
594
  };
674
595
  };
675
- userOptions?: {
676
- show?: boolean;
677
- };
596
+ userOptions?: ChartUserOptions;
678
597
  table?: {
679
598
  show?: boolean;
680
599
  responsiveBreakpoint?: number;
@@ -683,15 +602,8 @@ declare module 'vue-data-ui' {
683
602
  value?: string;
684
603
  percentage?: string;
685
604
  },
686
- th?: {
687
- backgroundColor?: string;
688
- color?: string;
689
- outline?: string;
690
- };
691
- td?: {
692
- backgroundColor?: string;
693
- color?: string;
694
- outline?: string;
605
+ th?: ChartTableCell;
606
+ td?: ChartTableCell & {
695
607
  roundingValue?: number;
696
608
  roundingPercentage?: number;
697
609
  };
@@ -712,7 +624,7 @@ declare module 'vue-data-ui' {
712
624
  }
713
625
 
714
626
  export type VueUiMoodRadarConfig = {
715
- theme?: "" | "hack" | "zen" | "concrete";
627
+ theme?: Theme;
716
628
  style?: {
717
629
  fontFamily?: string;
718
630
  chart?: {
@@ -755,24 +667,9 @@ declare module 'vue-data-ui' {
755
667
  bold?: boolean;
756
668
  };
757
669
  };
758
- title?: {
759
- text?: string;
760
- color?: string;
761
- fontSize?: number;
762
- bold?: boolean;
763
- subtitle?: {
764
- color?: string;
765
- text?: string;
766
- fontSize?: number;
767
- bold?: boolean;
768
- };
769
- };
770
- legend?: {
771
- color?: string;
670
+ title?: ChartTitle;
671
+ legend?: ChartBaseLegend & {
772
672
  backgroundColor?: string;
773
- bold?: boolean;
774
- show?: boolean;
775
- fontSize?: number;
776
673
  roundingPercentage?: number;
777
674
  roundingValue?: number;
778
675
  };
@@ -786,22 +683,13 @@ declare module 'vue-data-ui' {
786
683
  value?: string;
787
684
  percentage?: string;
788
685
  };
789
- th?: {
790
- backgroundColor?: string;
791
- color?: string;
792
- outline?: string;
793
- };
794
- td?: {
795
- backgroundColor?: string;
796
- color?: string;
797
- outline?: string;
686
+ th?: ChartTableCell;
687
+ td?: ChartTableCell & {
798
688
  roundingValue?: number;
799
689
  roundingPercentage?: number;
800
690
  };
801
691
  };
802
- userOptions?: {
803
- show?: boolean;
804
- };
692
+ userOptions?: ChartUserOptions;
805
693
  };
806
694
 
807
695
  export const VueUiMoodRadar: DefineComponent<{
@@ -809,7 +697,7 @@ declare module 'vue-data-ui' {
809
697
  config?: VueUiMoodRadarConfig
810
698
  }>;
811
699
 
812
- export type VueUiIconName = "annotator" | "chart3dBar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodRadar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arrowLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot" | "chartDumbbell" | "copyLeft";
700
+ export type VueUiIconName = "annotator" | "chart3dBar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodRadar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts" | "chartSparkbar" | "refresh" | "circleQuestion" | "circleExclamation" | "circleCheck" | "circleCancel" | "moodLaughing" | "moodWink" | "moodEmbarrassed" | "moodSurprised" | "exitFullscreen" | "fullscreen" | "arrowRight" | "arrowTop" | "arrowBottom" | "arrowLeft" | "chartCluster" | "chartSparkline" | "legend" | "csv" | "chartGalaxy" | "kpi" | "kpiBox" | "tooltip" | "vueDataUi" | "ratio" | "func" | "settings" | "trendUp" | "trendDown" | "clipBoard" | "zoomPlus" | "zoomMinus" | "clipboardLine" | "clipboardDonut" | "clipboardBar" | "clipboardVariable" | "triangle" | "triangleFill" | "square" | "squareFill" | "diamond" | "diamondFill" | "pentagon" | "pentagonFill" | "hexagon" | "hexagonFill" | "circle" | "circleFill" | "starFill" | "numbers" | "sigma" | "mu" | "lambda" | "people" | "copy" | "accordion" | "cursor" | "trend" | "chartStripPlot" | "chartDumbbell" | "copyLeft" | "chartWordCloud";
813
701
 
814
702
  export const VueUiIcon: DefineComponent<{
815
703
  name: VueUiIconName,
@@ -820,7 +708,7 @@ declare module 'vue-data-ui' {
820
708
  }>;
821
709
 
822
710
  export type VueUiDonutEvolutionConfig = {
823
- theme?: "" | "hack" | "zen" | "concrete";
711
+ theme?: Theme;
824
712
  customPalette?: string[];
825
713
  style?: {
826
714
  fontFamily?: string;
@@ -837,12 +725,7 @@ declare module 'vue-data-ui' {
837
725
  layout?: {
838
726
  height?: number;
839
727
  width?: number;
840
- padding?: {
841
- top?: number;
842
- left?: number;
843
- right?: number;
844
- bottom?: number;
845
- };
728
+ padding?: ChartPadding;
846
729
  grid?: {
847
730
  show?: boolean;
848
731
  stroke?: string;
@@ -891,24 +774,9 @@ declare module 'vue-data-ui' {
891
774
  offsetY?: number;
892
775
  };
893
776
  };
894
- title?: {
895
- text?: string;
896
- color?: string;
897
- fontSize?: number;
898
- bold?: boolean;
899
- subtitle?: {
900
- color?: string;
901
- text?: string;
902
- fontSize?: number;
903
- bold?: boolean;
904
- };
905
- };
906
- legend?: {
907
- color?: string;
777
+ title?: ChartTitle;
778
+ legend?: ChartBaseLegend & {
908
779
  backgroundColor?: string;
909
- bold?: boolean;
910
- show?: boolean;
911
- fontSize?: number;
912
780
  roundingPercentage?: number;
913
781
  roundingValue?: number;
914
782
  };
@@ -921,22 +789,13 @@ declare module 'vue-data-ui' {
921
789
  period?: string;
922
790
  total?: string;
923
791
  };
924
- th?: {
925
- backgroundColor?: string;
926
- color?: string;
927
- outline?: string;
928
- };
929
- td?: {
930
- backgroundColor?: string;
931
- color?: string;
932
- outline?: string;
792
+ th?: ChartTableCell;
793
+ td?: ChartTableCell & {
933
794
  roundingValue?: number;
934
795
  roundingPercentage?: number;
935
796
  };
936
797
  };
937
- userOptions?: {
938
- show?: boolean;
939
- }
798
+ userOptions?: ChartUserOptions;
940
799
  }
941
800
 
942
801
  export type VueUiDonutEvolutionDatasetItem = {
@@ -951,7 +810,7 @@ declare module 'vue-data-ui' {
951
810
  }>;
952
811
 
953
812
  export type VueUiTiremarksConfig = {
954
- theme?: "" | "hack" | "zen" | "concrete";
813
+ theme?: Theme;
955
814
  style?: {
956
815
  fontFamily?: string;
957
816
  chart?: {
@@ -987,18 +846,7 @@ declare module 'vue-data-ui' {
987
846
  verticalPosition?: "bottom" | "top";
988
847
  horizontalPosition?: "left" | "right";
989
848
  };
990
- title?: {
991
- text?: string;
992
- color?: string;
993
- fontSize?: number;
994
- bold?: boolean;
995
- subtitle?: {
996
- color?: string;
997
- text?: string;
998
- fontSize?: number;
999
- bold?: boolean;
1000
- };
1001
- };
849
+ title?: ChartTitle;
1002
850
  };
1003
851
  };
1004
852
  };
@@ -1013,7 +861,7 @@ declare module 'vue-data-ui' {
1013
861
  }>;
1014
862
 
1015
863
  export type VueUiWheelConfig = {
1016
- theme?: "" | "hack" | "zen" | "concrete";
864
+ theme?: Theme;
1017
865
  style?: {
1018
866
  fontFamily?: string;
1019
867
  chart?: {
@@ -1048,24 +896,10 @@ declare module 'vue-data-ui' {
1048
896
  bold?: boolean;
1049
897
  };
1050
898
  };
1051
- title?: {
1052
- text?: string;
1053
- color?: string;
1054
- fontSize?: number;
1055
- bold?: boolean;
1056
- subtitle?: {
1057
- color?: string;
1058
- text?: string;
1059
- fontSize?: number;
1060
- bold?: boolean;
1061
- };
1062
- };
899
+ title?: ChartTitle;
1063
900
  };
1064
901
  };
1065
- userOptions?: {
1066
- show?: boolean;
1067
- title?: string;
1068
- };
902
+ userOptions?: ChartUserOptions;
1069
903
  };
1070
904
 
1071
905
  export type VueUiWheelDataset = {
@@ -1078,7 +912,7 @@ declare module 'vue-data-ui' {
1078
912
  }>;
1079
913
 
1080
914
  export type VueUiRingsConfig = {
1081
- theme?: "" | "hack" | "zen" | "concrete";
915
+ theme?: Theme;
1082
916
  customPalette?: string[];
1083
917
  useCssAnimation?: boolean;
1084
918
  useBlurOnHover?: boolean;
@@ -1105,50 +939,22 @@ declare module 'vue-data-ui' {
1105
939
  useShadow?: boolean;
1106
940
  };
1107
941
  };
1108
- legend?: {
942
+ legend?: ChartBaseLegend & {
1109
943
  backgroundColor?: string;
1110
- color?: string;
1111
- show?: boolean;
1112
- fontSize?: number;
1113
- bold?: boolean;
1114
944
  roundingValue?: number;
1115
945
  roundingPercentage?: number;
1116
946
  };
1117
- title?: {
1118
- text?: string;
1119
- color?: string;
1120
- fontSize?: number;
1121
- bold?: boolean;
1122
- subtitle?: {
1123
- color?: string;
1124
- text?: string;
1125
- fontSize?: number;
1126
- bold?: boolean;
1127
- };
1128
- };
1129
- tooltip?: {
1130
- show?: boolean;
1131
- color?: string;
1132
- backgroundColor?: string;
1133
- fontSize?: number;
947
+ title?: ChartTitle;
948
+ tooltip?: ChartTooltip & {
1134
949
  showValue?: boolean;
1135
950
  showPercentage?: boolean;
1136
951
  roundingValue?: number;
1137
952
  roundingPercentage?: number;
1138
953
  customFormat?: (params: VueUiTooltipParams<VueUiRingsDatapoint, VueUiRingsDatapoint[], VueUiRingsConfig>) => string;
1139
- borderRadius?: number;
1140
- borderColor?: string;
1141
- borderWidth?: number;
1142
954
  };
1143
955
  };
1144
956
  };
1145
- userOptions?: {
1146
- show?: boolean;
1147
- title?: string;
1148
- labels?: {
1149
- showTable?: string;
1150
- };
1151
- };
957
+ userOptions?: ChartUserOptions;
1152
958
  table?: {
1153
959
  show?: string;
1154
960
  responsiveBreakpoint?: number;
@@ -1157,15 +963,8 @@ declare module 'vue-data-ui' {
1157
963
  value?: string;
1158
964
  percentage?: string;
1159
965
  }
1160
- th?: {
1161
- backgroundColor?: string;
1162
- color?: string;
1163
- outline?: string;
1164
- };
1165
- td?: {
1166
- backgroundColor?: string;
1167
- color?: string;
1168
- outline?: string;
966
+ th?: ChartTableCell;
967
+ td?: ChartTableCell & {
1169
968
  roundingValue?: number;
1170
969
  roundingPercentage?: number;
1171
970
  };
@@ -1194,7 +993,7 @@ declare module 'vue-data-ui' {
1194
993
  }>
1195
994
 
1196
995
  export type VueUiSparkHistogramConfig = {
1197
- theme?: "" | "hack" | "zen" | "concrete";
996
+ theme?: Theme;
1198
997
  style?: {
1199
998
  backgroundColor?: string;
1200
999
  fontFamily?: string;
@@ -1205,12 +1004,7 @@ declare module 'vue-data-ui' {
1205
1004
  layout?: {
1206
1005
  height?: number;
1207
1006
  width?: number;
1208
- padding?: {
1209
- top?: number;
1210
- right?: number;
1211
- left?: number;
1212
- bottom?: number;
1213
- };
1007
+ padding?: ChartPadding;
1214
1008
  };
1215
1009
  bars?: {
1216
1010
  shape?: "circle" | "triangle" | "square" | "diamond" | "pentagon" | "hexagon" | "star";
@@ -1254,7 +1048,7 @@ declare module 'vue-data-ui' {
1254
1048
  borderRadius?: number;
1255
1049
  };
1256
1050
  title?: {
1257
- textAlign?: "left" | "right" | "center";
1051
+ textAlign?: TextAlign;
1258
1052
  text?: string;
1259
1053
  color?: string;
1260
1054
  fontSize?: number;
@@ -1293,7 +1087,7 @@ declare module 'vue-data-ui' {
1293
1087
  }>;
1294
1088
 
1295
1089
  export type VueUiSparkStackBarConfig = {
1296
- theme?: "" | "hack" | "zen" | "concrete";
1090
+ theme?: Theme;
1297
1091
  customPalette?: string[];
1298
1092
  style?: {
1299
1093
  backgroundColor?: string;
@@ -1310,7 +1104,7 @@ declare module 'vue-data-ui' {
1310
1104
  };
1311
1105
  };
1312
1106
  legend?: {
1313
- textAlign?: "left" | "right" | "center";
1107
+ textAlign?: TextAlign;
1314
1108
  show?: boolean;
1315
1109
  margin?: string;
1316
1110
  fontSize?: number;
@@ -1334,7 +1128,7 @@ declare module 'vue-data-ui' {
1334
1128
  };
1335
1129
  };
1336
1130
  title?: {
1337
- textAlign?: "left" | "center" | "right";
1131
+ textAlign?: TextAlign;
1338
1132
  text?: string;
1339
1133
  color?: string;
1340
1134
  fontSize?: number;
@@ -1366,7 +1160,7 @@ declare module 'vue-data-ui' {
1366
1160
  }>;
1367
1161
 
1368
1162
  export type VueUiThermometerConfig = {
1369
- theme?: "" | "hack" | "zen" | "concrete";
1163
+ theme?: Theme;
1370
1164
  customPalette?: string[];
1371
1165
  style?: {
1372
1166
  fontFamily?: string;
@@ -1377,12 +1171,7 @@ declare module 'vue-data-ui' {
1377
1171
  thermometer?: {
1378
1172
  width?: number;
1379
1173
  };
1380
- padding?: {
1381
- top?: number;
1382
- bottom?: number;
1383
- left?: number;
1384
- right?: number;
1385
- };
1174
+ padding?: ChartPadding;
1386
1175
  graduations?: {
1387
1176
  show?: boolean;
1388
1177
  sides?: "left" | "right" | "both" | "none";
@@ -1407,27 +1196,9 @@ declare module 'vue-data-ui' {
1407
1196
  suffix?: string;
1408
1197
  };
1409
1198
  };
1410
- title?: {
1411
- useDiv?: boolean;
1412
- text?: string;
1413
- color?: string;
1414
- fontSize?: number;
1415
- bold?: boolean;
1416
- subtitle?: {
1417
- color?: string;
1418
- text?: string;
1419
- fontSize?: number;
1420
- bold?: boolean;
1421
- };
1422
- };
1423
- };
1424
- userOptions?: {
1425
- show?: boolean;
1426
- title?: string;
1427
- labels?: {
1428
- useDiv?: string;
1429
- };
1199
+ title?: ChartTitle;
1430
1200
  };
1201
+ userOptions?: ChartUserOptions;
1431
1202
  };
1432
1203
 
1433
1204
  export type VueUiThermometerDataset = {
@@ -1447,7 +1218,7 @@ declare module 'vue-data-ui' {
1447
1218
  }>;
1448
1219
 
1449
1220
  export type VueUiRelationCircleConfig = {
1450
- theme?: "" | "hack" | "zen" | "concrete";
1221
+ theme?: Theme;
1451
1222
  customPalette?: string[];
1452
1223
  style?: {
1453
1224
  color?: string;
@@ -1477,24 +1248,9 @@ declare module 'vue-data-ui' {
1477
1248
  radius?: number;
1478
1249
  color?: string;
1479
1250
  };
1480
- title?: {
1481
- useDiv?: boolean;
1482
- text?: string;
1483
- color?: string;
1484
- fontSize?: number;
1485
- bold?: boolean;
1486
- subtitle?: {
1487
- color?: string;
1488
- text?: string;
1489
- fontSize?: number;
1490
- bold?: boolean;
1491
- };
1492
- };
1251
+ title?: ChartTitle;
1493
1252
  };
1494
- userOptions?: {
1495
- show?: boolean;
1496
- title?: string;
1497
- }
1253
+ userOptions?: ChartUserOptions;
1498
1254
  };
1499
1255
 
1500
1256
  export type VueUiRelationCircleDatasetItem = {
@@ -1639,7 +1395,7 @@ declare module 'vue-data-ui' {
1639
1395
  }
1640
1396
 
1641
1397
  export type VueUiSparkbarConfig = {
1642
- theme?: "" | "hack" | "zen" | "concrete";
1398
+ theme?: Theme;
1643
1399
  customPalette?: string[];
1644
1400
  style?: {
1645
1401
  backgroundColor?: string;
@@ -1689,7 +1445,7 @@ declare module 'vue-data-ui' {
1689
1445
  export type VueUiAgePyramidDataset = Array<Array<string | number>>;
1690
1446
 
1691
1447
  export type VueUiAgePyramidConfig = {
1692
- theme?: "" | "hack" | "zen" | "concrete";
1448
+ theme?: Theme;
1693
1449
  style?: {
1694
1450
  backgroundColor?: string;
1695
1451
  color?: string;
@@ -1698,12 +1454,7 @@ declare module 'vue-data-ui' {
1698
1454
  width?: number;
1699
1455
  layout?: {
1700
1456
  useDiv?: boolean;
1701
- padding?: {
1702
- top?: number;
1703
- right?: number;
1704
- bottom?: number;
1705
- left?: number;
1706
- };
1457
+ padding?: ChartPadding;
1707
1458
  grid?: {
1708
1459
  show?: boolean;
1709
1460
  stroke?: string;
@@ -1755,32 +1506,14 @@ declare module 'vue-data-ui' {
1755
1506
  };
1756
1507
  };
1757
1508
  };
1758
- highlighter?: {
1759
- color?: string;
1760
- opacity?: number;
1761
- };
1762
- title?: {
1763
- text?: string;
1764
- color?: string;
1765
- fontSize?: number;
1766
- bold?: boolean;
1767
- subtitle?: {
1768
- color?: string;
1769
- text?: string;
1770
- fontSize?: number;
1771
- bold?: boolean;
1772
- };
1773
- };
1774
- tooltip?: {
1775
- show?: boolean;
1776
- backgroundColor?: string;
1509
+ highlighter?: {
1777
1510
  color?: string;
1778
- fontSize?: number;
1511
+ opacity?: number;
1512
+ };
1513
+ title?: ChartTitle;
1514
+ tooltip?: ChartTooltip & {
1779
1515
  roundingValue?: number;
1780
1516
  customFormat?: (params: VueUiTooltipParams<VueUiAgePyramidDatapoint, VueUiAgePyramidSeries[], VueUiAgePyramidConfig>) => string;
1781
- borderRadius?: number;
1782
- borderColor?: string;
1783
- borderWidth?: number;
1784
1517
  };
1785
1518
  };
1786
1519
  translations?: {
@@ -1790,26 +1523,11 @@ declare module 'vue-data-ui' {
1790
1523
  total?: string;
1791
1524
  year?: string;
1792
1525
  };
1793
- userOptions?: {
1794
- show?: boolean;
1795
- title?: string;
1796
- labels?: {
1797
- useDiv?: string;
1798
- showTable?: string;
1799
- };
1800
- };
1526
+ userOptions?: ChartUserOptions;
1801
1527
  table?: {
1802
1528
  show?: boolean;
1803
- th?: {
1804
- backgroundColor?: string;
1805
- color?: string;
1806
- outline?: string;
1807
- };
1808
- td?: {
1809
- backgroundColor?: string;
1810
- color?: string;
1811
- outline?: string;
1812
- };
1529
+ th?: ChartTableCell;
1530
+ td?: ChartTableCell;
1813
1531
  };
1814
1532
  };
1815
1533
 
@@ -1843,7 +1561,7 @@ declare module 'vue-data-ui' {
1843
1561
  }>;
1844
1562
 
1845
1563
  export type VueUiCandlestickConfig = {
1846
- theme?: "" | "hack" | "zen" | "concrete";
1564
+ theme?: Theme;
1847
1565
  useCssAnimation?: boolean;
1848
1566
  style?: {
1849
1567
  backgroundColor?: string;
@@ -1853,12 +1571,7 @@ declare module 'vue-data-ui' {
1853
1571
  width?: number;
1854
1572
  layout?: {
1855
1573
  useDiv?: boolean;
1856
- padding?: {
1857
- top?: number;
1858
- right?: number;
1859
- bottom?: number;
1860
- left?: number;
1861
- };
1574
+ padding?: ChartPadding;
1862
1575
  selector?: {
1863
1576
  color?: string;
1864
1577
  opacity?: number;
@@ -1923,30 +1636,12 @@ declare module 'vue-data-ui' {
1923
1636
  fontSize?: number;
1924
1637
  useResetSlot?: boolean;
1925
1638
  };
1926
- title?: {
1927
- text?: string;
1928
- color?: string;
1929
- fontSize?: number;
1930
- bold?: boolean;
1931
- subtitle?: {
1932
- color?: string;
1933
- text?: string;
1934
- fontSize?: number;
1935
- bold?: boolean;
1936
- };
1937
- };
1938
- tooltip?: {
1939
- show?: boolean;
1940
- backgroundColor?: string;
1941
- color?: string;
1942
- fontSize?: number;
1639
+ title?: ChartTitle;
1640
+ tooltip?: ChartTooltip & {
1943
1641
  roundingValue?: number;
1944
1642
  prefix?: string;
1945
1643
  suffix?: string;
1946
1644
  customFormat?: (params: VueUiTooltipParams<VueUiCandlestickDatapoint, VueUiCandlestickDatapoint[], VueUiCandlestickConfig>) => string;
1947
- borderRadius?: number;
1948
- borderColor?: string;
1949
- borderWidth?: number;
1950
1645
  };
1951
1646
  };
1952
1647
  translations?: {
@@ -1957,27 +1652,12 @@ declare module 'vue-data-ui' {
1957
1652
  last?: string;
1958
1653
  volume?: string;
1959
1654
  };
1960
- userOptions?: {
1961
- show?: boolean;
1962
- title?: string;
1963
- labels?: {
1964
- useDiv?: string;
1965
- showTable?: string;
1966
- showPlotLabels?: string;
1967
- };
1968
- };
1655
+ userOptions?: ChartUserOptions;
1969
1656
  table?: {
1970
1657
  show?: boolean;
1971
1658
  responsiveBreakpoint?: number;
1972
- th?: {
1973
- backgroundColor?: string;
1974
- color?: string;
1975
- outline?: string;
1976
- };
1977
- td?: {
1978
- backgroundColor?: string;
1979
- color?: string;
1980
- outline?: string;
1659
+ th?: ChartTableCell;
1660
+ td?: ChartTableCell & {
1981
1661
  roundingValue?: number;
1982
1662
  prefix?: string;
1983
1663
  suffix?: string;
@@ -2015,7 +1695,7 @@ declare module 'vue-data-ui' {
2015
1695
  }
2016
1696
 
2017
1697
  export type VueUiScatterConfig = {
2018
- theme?: "" | "hack" | "zen" | "concrete";
1698
+ theme?: Theme;
2019
1699
  customPalette?: string[];
2020
1700
  useCssAnimation?: boolean;
2021
1701
  style?: {
@@ -2026,12 +1706,7 @@ declare module 'vue-data-ui' {
2026
1706
  useDiv?: boolean;
2027
1707
  height?: number;
2028
1708
  width?: number;
2029
- padding?: {
2030
- top?: number;
2031
- right?: number;
2032
- bottom?: number;
2033
- left?: number;
2034
- };
1709
+ padding?: ChartPadding;
2035
1710
  axis?: {
2036
1711
  show?: boolean;
2037
1712
  stroke?: string;
@@ -2129,62 +1804,25 @@ declare module 'vue-data-ui' {
2129
1804
  };
2130
1805
  };
2131
1806
  };
2132
- title?: {
2133
- text?: string;
2134
- color?: string;
2135
- fontSize?: number;
2136
- bold?: boolean;
2137
- subtitle?: {
2138
- color?: string;
2139
- text?: string;
2140
- fontSize?: number;
2141
- bold?: boolean;
2142
- };
2143
- };
2144
- legend?: {
2145
- show?: boolean;
1807
+ title?: ChartTitle;
1808
+ legend?: ChartBaseLegend & {
2146
1809
  backgroundColor?: string;
2147
- color?: string;
2148
- fontSize?: string;
2149
- bold?: boolean;
2150
1810
  roundingValue?: number;
2151
1811
  };
2152
- tooltip?: {
2153
- show?: boolean;
2154
- backgroundColor?: string;
2155
- color?: string;
2156
- fontSize?: number;
1812
+ tooltip?: ChartTooltip & {
2157
1813
  roundingValue?: number;
2158
1814
  showShape?: boolean;
2159
1815
  prefix?: string;
2160
1816
  suffix?: string;
2161
1817
  customFormat?: (params: VueUiTooltipParams<VueUiScatterDatapoint, VueUiScatterSeries[], VueUiScatterConfig>) => string;
2162
- borderRadius?: number;
2163
- borderColor?: string;
2164
- borderWidth?: number;
2165
- };
2166
- };
2167
- userOptions?: {
2168
- show?: boolean;
2169
- title?: string;
2170
- labels?: {
2171
- useDiv?: string;
2172
- showTable?: string;
2173
- showPlotLabels?: string;
2174
1818
  };
2175
1819
  };
1820
+ userOptions?: ChartUserOptions;
2176
1821
  table?: {
2177
1822
  show?: boolean;
2178
1823
  responsiveBreakpoint?: number;
2179
- th?: {
2180
- backgroundColor?: string;
2181
- color?: string;
2182
- outline?: string;
2183
- };
2184
- td?: {
2185
- backgroundColor?: string;
2186
- color?: string;
2187
- outline?: string;
1824
+ th?: ChartTableCell;
1825
+ td?: ChartTableCell & {
2188
1826
  roundingValue?: number;
2189
1827
  roundingAverage?: number;
2190
1828
  };
@@ -2237,19 +1875,14 @@ declare module 'vue-data-ui' {
2237
1875
  }>;
2238
1876
 
2239
1877
  export type VueUiHeatmapConfig = {
2240
- theme?: "" | "hack" | "zen" | "concrete";
1878
+ theme?: Theme;
2241
1879
  style?: {
2242
1880
  backgroundColor?: string;
2243
1881
  color?: string;
2244
1882
  fontFamily?: string;
2245
1883
  layout?: {
2246
1884
  useDiv?: boolean;
2247
- padding?: {
2248
- top?: number;
2249
- right?: number;
2250
- bottom?: number;
2251
- left?: number;
2252
- };
1885
+ padding?: ChartPadding;
2253
1886
  cells?: {
2254
1887
  height?: number;
2255
1888
  value?: {
@@ -2293,64 +1926,27 @@ declare module 'vue-data-ui' {
2293
1926
  };
2294
1927
  };
2295
1928
  };
2296
- title?: {
2297
- text?: string;
2298
- color?: string;
2299
- fontSize?: number;
2300
- bold?: boolean;
2301
- subtitle?: {
2302
- color?: string;
2303
- text?: string;
2304
- fontSize?: number;
2305
- bold?: boolean;
2306
- };
2307
- };
2308
- legend?: {
2309
- show?: boolean;
1929
+ title?: ChartTitle;
1930
+ legend?: ChartBaseLegend & {
2310
1931
  backgroundColor?: string;
2311
- color?: string;
2312
- fontSize?: number;
2313
- bold?: boolean;
2314
1932
  roundingValue?: number;
2315
1933
  position?: "right" | "bottom";
2316
1934
  scaleBorderRadius?: number;
2317
1935
  };
2318
- tooltip?: {
2319
- show?: boolean;
2320
- backgroundColor?: string;
2321
- color?: string;
2322
- fontSize?: number;
1936
+ tooltip?: ChartTooltip & {
2323
1937
  roundingValue?: number;
2324
1938
  customFormat?: (params: VueUiTooltipParams<VueUiHeatmapDatapoint, VueUiHeatmapRow[], VueUiHeatmapConfig>) => string;
2325
- borderRadius?: number;
2326
- borderColor?: string;
2327
- borderWidth?: number;
2328
- };
2329
- };
2330
- userOptions?: {
2331
- show?: boolean;
2332
- title?: string;
2333
- labels?: {
2334
- useDiv?: string;
2335
- showTable?: string;
2336
- showPlotLabels?: string;
2337
1939
  };
2338
1940
  };
1941
+ userOptions?: ChartUserOptions;
2339
1942
  table?: {
2340
1943
  show?: boolean;
2341
1944
  responsiveBreakpoint?: number;
2342
1945
  colNames?: {
2343
1946
  xAxis?: string;
2344
1947
  };
2345
- th?: {
2346
- backgroundColor?: string;
2347
- color?: string;
2348
- outline?: string;
2349
- };
2350
- td?: {
2351
- backgroundColor?: string;
2352
- color?: string;
2353
- outline?: string;
1948
+ th?: ChartTableCell;
1949
+ td?: ChartTableCell & {
2354
1950
  roundingValue?: number;
2355
1951
  };
2356
1952
  };
@@ -2383,7 +1979,7 @@ declare module 'vue-data-ui' {
2383
1979
  }>;
2384
1980
 
2385
1981
  export type VueUiXyConfig = {
2386
- theme?: "" | "hack" | "zen" | "concrete";
1982
+ theme?: Theme;
2387
1983
  customPalette?: string[];
2388
1984
  useCssAnimation?: boolean;
2389
1985
  chart?: {
@@ -2399,12 +1995,7 @@ declare module 'vue-data-ui' {
2399
1995
  fontSize?: number;
2400
1996
  useResetSlot?: boolean;
2401
1997
  };
2402
- padding?: {
2403
- top?: number;
2404
- right?: number;
2405
- bottom?: number;
2406
- left?: number;
2407
- };
1998
+ padding?: ChartPadding;
2408
1999
  highlighter?: {
2409
2000
  color?: string;
2410
2001
  opacity?: number;
@@ -2435,7 +2026,7 @@ declare module 'vue-data-ui' {
2435
2026
  bold?: boolean;
2436
2027
  offsetY?: boolean;
2437
2028
  width?: "auto" | number;
2438
- textAlign?: "left" | "center" | "right";
2029
+ textAlign?: TextAlign;
2439
2030
  };
2440
2031
  };
2441
2032
  grid?: {
@@ -2504,30 +2095,14 @@ declare module 'vue-data-ui' {
2504
2095
  text?: string;
2505
2096
  };
2506
2097
  };
2507
- tooltip?: {
2508
- color?: string;
2509
- backgroundColor?: string;
2510
- show?: boolean;
2098
+ tooltip?: ChartTooltip & {
2511
2099
  showValue?: boolean;
2512
2100
  showPercentage?: boolean;
2513
2101
  roundingValue?: number;
2514
2102
  roundingPercentage?: number;
2515
- fontSize?: number;
2516
2103
  customFormat?: (params: VueUiTooltipParams<VueUiXyDatapointItem[], VueUiXySeries, VueUiXyConfig, VueUiXyDatasetBarItem[], VueUiXyDatasetLineItem[], VueUiXyDatasetPlotItem[]>) => string;
2517
- borderRadius?: number;
2518
- borderColor?: string;
2519
- borderWidth?: number;
2520
- };
2521
- userOptions?: {
2522
- show?: boolean;
2523
- title?: string;
2524
- labels?: {
2525
- dataLabels?: string;
2526
- titleInside?: string;
2527
- legendInside?: string;
2528
- showTable?: string;
2529
- };
2530
2104
  };
2105
+ userOptions?: ChartUserOptions;
2531
2106
  };
2532
2107
  bar?: {
2533
2108
  borderRadius?: number;
@@ -2587,16 +2162,8 @@ declare module 'vue-data-ui' {
2587
2162
  period?: string;
2588
2163
  total?: string;
2589
2164
  };
2590
- th?: {
2591
- backgroundColor?: string;
2592
- color?: string;
2593
- outline?: string;
2594
- };
2595
- td?: {
2596
- backgroundColor?: string;
2597
- color?: string;
2598
- outline?: string;
2599
- };
2165
+ th?: ChartTableCell;
2166
+ td?: ChartTableCell;
2600
2167
  };
2601
2168
  showTable?: boolean;
2602
2169
  };
@@ -2677,7 +2244,7 @@ declare module 'vue-data-ui' {
2677
2244
  }>
2678
2245
 
2679
2246
  export type VueUiDonutConfig = {
2680
- theme?: "" | "hack" | "zen" | "concrete";
2247
+ theme?: Theme;
2681
2248
  customPalette?: string[];
2682
2249
  useCssAnimation?: boolean;
2683
2250
  useBlurOnHover?: boolean;
@@ -2755,52 +2322,22 @@ declare module 'vue-data-ui' {
2755
2322
  strokeWidth?: number;
2756
2323
  };
2757
2324
  };
2758
- legend?: {
2325
+ legend?: ChartBaseLegend & {
2759
2326
  backgroundColor?: string;
2760
- color?: string;
2761
- show?: boolean;
2762
- fontSize?: number;
2763
- bold?: boolean;
2764
2327
  roundingValue?: number;
2765
2328
  roundingPercentage?: number;
2766
2329
  };
2767
- title?: {
2768
- text?: string;
2769
- color?: string;
2770
- fontSize?: number;
2771
- bold?: boolean;
2772
- subtitle?: {
2773
- color?: string;
2774
- text?: string;
2775
- fontSize?: number;
2776
- bold?: boolean;
2777
- };
2778
- };
2779
- tooltip?: {
2780
- show?: boolean;
2781
- color?: string;
2782
- backgroundColor?: string;
2783
- fontSize?: number;
2330
+ title?: ChartTitle;
2331
+ tooltip?: ChartTooltip & {
2784
2332
  showValue?: boolean;
2785
2333
  showPercentage?: boolean;
2786
2334
  roundingValue?: number;
2787
2335
  roundingPercentage?: number;
2788
2336
  customFormat?: (params: VueUiTooltipParams<VueUiDonutDatapoint, VueUiDonutSeriesItem[], VueUiDonutConfig>) => string;
2789
- borderRadius?: number;
2790
- borderColor?: string;
2791
- borderWidth?: number;
2792
2337
  };
2793
2338
  };
2794
2339
  };
2795
- userOptions?: {
2796
- show?: boolean;
2797
- title?: string;
2798
- labels?: {
2799
- dataLabels?: string;
2800
- useDiv?: string;
2801
- showTable?: string;
2802
- };
2803
- };
2340
+ userOptions?: ChartUserOptions;
2804
2341
  translations?: {
2805
2342
  total?: string;
2806
2343
  average?: string;
@@ -2813,15 +2350,8 @@ declare module 'vue-data-ui' {
2813
2350
  value?: string;
2814
2351
  percentage?: string;
2815
2352
  },
2816
- th?: {
2817
- backgroundColor?: string;
2818
- color?: string;
2819
- outline?: string;
2820
- };
2821
- td?: {
2822
- backgroundColor?: string;
2823
- color?: string;
2824
- outline?: string;
2353
+ th?: ChartTableCell;
2354
+ td?: ChartTableCell & {
2825
2355
  roundingValue?: number;
2826
2356
  roundingPercentage?: number;
2827
2357
  };
@@ -2868,13 +2398,11 @@ declare module 'vue-data-ui' {
2868
2398
  }
2869
2399
 
2870
2400
  export type VueUiNestedDonutsConfig = {
2871
- theme?: "" | "hack" | "zen" | "concrete";
2401
+ theme?: Theme;
2872
2402
  customPalette?: string[];
2873
2403
  useCssAnimation?: boolean;
2874
2404
  useBlurOnHover?: boolean;
2875
- userOptions?: {
2876
- show?: boolean;
2877
- };
2405
+ userOptions?: ChartUserOptions;
2878
2406
  style?: {
2879
2407
  fontFamily?: string;
2880
2408
  chart?: {
@@ -2913,41 +2441,19 @@ declare module 'vue-data-ui' {
2913
2441
  spacingRatio?: number;
2914
2442
  };
2915
2443
  };
2916
- legend?: {
2444
+ legend?: ChartBaseLegend & {
2917
2445
  backgroundColor?: string;
2918
- color?: string;
2919
- show?: boolean;
2920
- fontSize?: number;
2921
- bold?: boolean;
2922
2446
  roundingValue?: number;
2923
2447
  roundingPercentage?: number;
2924
2448
  };
2925
- title?: {
2926
- text?: string;
2927
- color?: string;
2928
- fontSize?: number;
2929
- bold?: boolean;
2930
- subtitle?: {
2931
- color?: string;
2932
- text?: string;
2933
- fontSize?: number;
2934
- bold?: boolean;
2935
- };
2936
- };
2937
- tooltip?: {
2938
- show?: boolean;
2449
+ title?: ChartTitle;
2450
+ tooltip?: ChartTooltip & {
2939
2451
  showAllItemsAtIndex?: boolean;
2940
- color?: string;
2941
- backgroundColor?: string;
2942
- fontSize?: number;
2943
2452
  showValue?: boolean;
2944
2453
  showPercentage?: boolean;
2945
2454
  roundingValue?: number;
2946
2455
  roundingPercentage?: number;
2947
2456
  customFormat?: (params: VueUiTooltipParams<VueUiNestedDonutsDatapoint, VueUiNestedDonutsSeriesItem[], VueUiNestedDonutsConfig>) => string;
2948
- borderRadius?: number;
2949
- borderColor?: string;
2950
- borderWidth?: number;
2951
2457
  };
2952
2458
  };
2953
2459
  };
@@ -2959,15 +2465,8 @@ declare module 'vue-data-ui' {
2959
2465
  value?: string;
2960
2466
  percentage?: string;
2961
2467
  };
2962
- th?: {
2963
- backgroundColor?: string;
2964
- color?: string;
2965
- outline?: string;
2966
- };
2967
- td?: {
2968
- backgroundColor?: string;
2969
- color?: string;
2970
- outline?: string;
2468
+ th?: ChartTableCell;
2469
+ td?: ChartTableCell & {
2971
2470
  roundingValue?: number;
2972
2471
  roundingPercentage?: number;
2973
2472
  };
@@ -3023,7 +2522,7 @@ declare module 'vue-data-ui' {
3023
2522
  }>;
3024
2523
 
3025
2524
  export type VueUiWaffleConfig = {
3026
- theme?: "" | "hack" | "zen" | "concrete";
2525
+ theme?: Theme;
3027
2526
  customPalette?: string[];
3028
2527
  useBlurOnHover?: boolean;
3029
2528
  useCustomCells?: boolean;
@@ -3068,51 +2567,22 @@ declare module 'vue-data-ui' {
3068
2567
  };
3069
2568
  useDiv?: boolean;
3070
2569
  };
3071
- title?: {
3072
- text?: string;
3073
- color?: string;
3074
- fontSize?: number;
3075
- bold?: boolean;
3076
- subtitle?: {
3077
- color?: string;
3078
- text?: string;
3079
- fontSize?: number;
3080
- bold?: boolean;
3081
- };
3082
- };
3083
- tooltip?: {
3084
- show?: boolean;
3085
- backgroundColor?: string;
3086
- color?: string;
3087
- fontSize?: number;
2570
+ title?: ChartTitle;
2571
+ tooltip?: ChartTooltip & {
3088
2572
  showValue?: boolean;
3089
2573
  showPercentage?: boolean;
3090
2574
  roundingValue?: number;
3091
2575
  roundingPercentage?: number;
3092
2576
  customFormat?: (params: VueUiTooltipParams<VueUiWaffleDatapoint, VueUiWaffleSerieItem[], VueUiWaffleConfig>) => string;
3093
- borderRadius?: number;
3094
- borderColor?: string;
3095
- borderWidth?: number;
3096
2577
  };
3097
- legend?: {
3098
- show?: boolean;
3099
- bold?: boolean;
2578
+ legend?: ChartBaseLegend & {
3100
2579
  backgroundColor?: string;
3101
- color?: string;
3102
- fontSize?: number;
3103
2580
  roundingValue?: number;
3104
2581
  roundingPercentage?: number;
3105
2582
  };
3106
2583
  };
3107
2584
  };
3108
- userOptions?: {
3109
- show?: boolean;
3110
- title?: string;
3111
- labels?: {
3112
- useDiv?: string;
3113
- showTable?: string;
3114
- };
3115
- };
2585
+ userOptions?: ChartUserOptions;
3116
2586
  table?: {
3117
2587
  show?: boolean;
3118
2588
  responsiveBreakpoint?: number;
@@ -3121,15 +2591,8 @@ declare module 'vue-data-ui' {
3121
2591
  value?: string;
3122
2592
  percentage?: string;
3123
2593
  };
3124
- th?: {
3125
- backgroundColor?: string;
3126
- color?: string;
3127
- outline?: string;
3128
- };
3129
- td?: {
3130
- backgroundColor?: string;
3131
- color?: string;
3132
- outline?: string;
2594
+ th?: ChartTableCell;
2595
+ td?: ChartTableCell & {
3133
2596
  roundingValue?: number;
3134
2597
  roundingPercentage?: number;
3135
2598
  };
@@ -3170,7 +2633,7 @@ declare module 'vue-data-ui' {
3170
2633
  }>;
3171
2634
 
3172
2635
  export type VueUiRadarConfig = {
3173
- theme?: "" | "hack" | "zen" | "concrete";
2636
+ theme?: Theme;
3174
2637
  customPalette?: string[];
3175
2638
  useCssAnimation?: boolean;
3176
2639
  style?: {
@@ -3208,23 +2671,8 @@ declare module 'vue-data-ui' {
3208
2671
  };
3209
2672
  };
3210
2673
  };
3211
- title?: {
3212
- text?: string;
3213
- color?: string;
3214
- fontSize?: number;
3215
- bold?: boolean;
3216
- subtitle?: {
3217
- color?: string;
3218
- text?: string;
3219
- fontSize?: number;
3220
- bold?: boolean;
3221
- };
3222
- };
3223
- tooltip?: {
3224
- show?: boolean;
3225
- backgroundColor?: string;
3226
- color?: string;
3227
- fontSize?: number;
2674
+ title?: ChartTitle;
2675
+ tooltip?: ChartTooltip & {
3228
2676
  showValue?: boolean;
3229
2677
  showPercentage?: boolean;
3230
2678
  roundingValue?: number;
@@ -3234,16 +2682,9 @@ declare module 'vue-data-ui' {
3234
2682
  animationFrames?: number;
3235
2683
  };
3236
2684
  customFormat?: (params: VueUiTooltipParams<VueUiRadarDatapoint, VueUiRadarSeries, VueUiRadarConfig>) => string;
3237
- borderRadius?: number;
3238
- borderColor?: string;
3239
- borderWidth?: number;
3240
2685
  };
3241
- legend?: {
3242
- show?: boolean;
3243
- bold?: boolean;
2686
+ legend?: ChartBaseLegend & {
3244
2687
  backgroundColor?: string;
3245
- color?: string;
3246
- fontSize?: number;
3247
2688
  roundingPercentage?: number;
3248
2689
  };
3249
2690
  };
@@ -3251,27 +2692,13 @@ declare module 'vue-data-ui' {
3251
2692
  table?: {
3252
2693
  show?: boolean;
3253
2694
  responsiveBreakpoint?: number;
3254
- th?: {
3255
- backgroundColor?: string;
3256
- color?: string;
3257
- outline?: string;
3258
- };
3259
- td?: {
3260
- backgroundColor?: string;
3261
- color?: string;
3262
- outline?: string;
3263
- roundingValue?: number;
3264
- roundingPercentage?: number;
3265
- };
3266
- };
3267
- userOptions?: {
3268
- show?: boolean;
3269
- title?: string;
3270
- labels?: {
3271
- useDiv?: string;
3272
- showTable?: string;
2695
+ th?: ChartTableCell;
2696
+ td?: ChartTableCell & {
2697
+ roundingValue?: number;
2698
+ roundingPercentage?: number;
3273
2699
  };
3274
2700
  };
2701
+ userOptions?: ChartUserOptions;
3275
2702
  translations?: {
3276
2703
  target?: string;
3277
2704
  value?: string;
@@ -3349,8 +2776,15 @@ declare module 'vue-data-ui' {
3349
2776
  series: VueUiQuadrantDatasetSerieItem[];
3350
2777
  };
3351
2778
 
2779
+ export type VueUiQuadrantSideConfig = {
2780
+ text?: string;
2781
+ color?: string;
2782
+ fontSize?: number;
2783
+ bold?: boolean;
2784
+ }
2785
+
3352
2786
  export type VueUiQuadrantConfig = {
3353
- theme?: "" | "hack" | "zen" | "concrete";
2787
+ theme?: Theme;
3354
2788
  useCssAnimation?: boolean;
3355
2789
  zoomAnimationFrames?: number;
3356
2790
  style?: {
@@ -3365,30 +2799,10 @@ declare module 'vue-data-ui' {
3365
2799
  labels?: {
3366
2800
  quadrantLabels?: {
3367
2801
  show?: boolean;
3368
- tl?: {
3369
- text?: string;
3370
- color?: string;
3371
- fontSize?: number;
3372
- bold?: boolean;
3373
- };
3374
- tr?: {
3375
- text?: string;
3376
- color?: string;
3377
- fontSize?: number;
3378
- bold?: boolean;
3379
- };
3380
- br?: {
3381
- text?: string;
3382
- color?: string;
3383
- fontSize?: number;
3384
- bold?: boolean;
3385
- };
3386
- bl?: {
3387
- text?: string;
3388
- color?: string;
3389
- fontSize?: number;
3390
- bold?: boolean;
3391
- };
2802
+ tl?: VueUiQuadrantSideConfig;
2803
+ tr?: VueUiQuadrantSideConfig;
2804
+ br?: VueUiQuadrantSideConfig;
2805
+ bl?: VueUiQuadrantSideConfig;
3392
2806
  };
3393
2807
  plotLabels?: {
3394
2808
  showAsTag?: boolean;
@@ -3444,63 +2858,26 @@ declare module 'vue-data-ui' {
3444
2858
  useGradient?: boolean;
3445
2859
  };
3446
2860
  };
3447
- title?: {
3448
- text?: string;
3449
- color?: string;
3450
- fontSize?: number;
3451
- bold?: boolean;
3452
- subtitle?: {
3453
- color?: string;
3454
- text?: string;
3455
- fontSize?: number;
3456
- bold?: boolean;
3457
- };
3458
- };
3459
- tooltip?: {
3460
- show?: boolean;
3461
- backgroundColor?: string;
3462
- color?: string;
3463
- fontSize?: number;
2861
+ title?: ChartTitle;
2862
+ tooltip?: ChartTooltip & {
3464
2863
  roundingValue?: number;
3465
2864
  customFormat?: (params: VueUiTooltipParams<VueUiQuadrantDatapoint, VueUiQuadrantSerie[], VueUiQuadrantConfig>) => string;
3466
2865
  showShape?: boolean;
3467
- borderRadius?: number;
3468
- borderColor?: string;
3469
- borderWidth?: number;
3470
2866
  };
3471
- legend?: {
3472
- show?: boolean;
3473
- bold?: boolean;
2867
+ legend?: ChartBaseLegend & {
3474
2868
  backgroundColor?: string;
3475
- color?: string;
3476
- fontSize?: number;
3477
2869
  };
3478
2870
  };
3479
2871
  };
3480
2872
  table?: {
3481
2873
  show?: boolean;
3482
2874
  responsiveBreakpoint?: number;
3483
- th?: {
3484
- backgroundColor?: string;
3485
- color?: string;
3486
- outline?: string;
3487
- };
3488
- td?: {
3489
- backgroundColor?: string;
3490
- color?: string;
3491
- outline?: string;
2875
+ th?: ChartTableCell;
2876
+ td?: ChartTableCell & {
3492
2877
  roundingValue?: number;
3493
2878
  };
3494
2879
  };
3495
- userOptions?: {
3496
- show?: boolean;
3497
- title?: string;
3498
- labels?: {
3499
- useDiv?: string;
3500
- showTable?: string;
3501
- showPlotLabels?: string;
3502
- };
3503
- };
2880
+ userOptions?: ChartUserOptions;
3504
2881
  translations?: {
3505
2882
  category?: string;
3506
2883
  item?: string;
@@ -3547,7 +2924,7 @@ declare module 'vue-data-ui' {
3547
2924
  }
3548
2925
 
3549
2926
  export type VueUiGaugeConfig = {
3550
- theme?: "" | "hack" | "zen" | "concrete";
2927
+ theme?: Theme;
3551
2928
  customPalette?: string[];
3552
2929
  style?: {
3553
2930
  fontFamily?: string;
@@ -3601,28 +2978,10 @@ declare module 'vue-data-ui' {
3601
2978
  useRatingColor?: boolean;
3602
2979
  color?: string;
3603
2980
  };
3604
- title?: {
3605
- text?: string;
3606
- color?: string;
3607
- fontSize?: number;
3608
- bold?: boolean;
3609
- subtitle?: {
3610
- color?: string;
3611
- text?: string;
3612
- fontSize?: number;
3613
- bold?: boolean;
3614
- };
3615
- };
3616
- };
3617
- };
3618
- userOptions?: {
3619
- show?: boolean;
3620
- title?: string;
3621
- labels?: {
3622
- useDiv?: string;
3623
- showTable?: string;
2981
+ title?: ChartTitle;
3624
2982
  };
3625
2983
  };
2984
+ userOptions?: ChartUserOptions;
3626
2985
  translations?: {
3627
2986
  base?: string;
3628
2987
  };
@@ -3652,7 +3011,7 @@ declare module 'vue-data-ui' {
3652
3011
  };
3653
3012
 
3654
3013
  export type VueUiChestnutConfig = {
3655
- theme?: "" | "hack" | "zen" | "concrete";
3014
+ theme?: Theme;
3656
3015
  customPalette?: string[];
3657
3016
  style?: {
3658
3017
  fontFamily?: string;
@@ -3788,10 +3147,7 @@ declare module 'vue-data-ui' {
3788
3147
  table?: {
3789
3148
  show?: boolean;
3790
3149
  responsiveBreakpoint?: number;
3791
- th?: {
3792
- backgroundColor?: string;
3793
- color?: string;
3794
- outline?: string;
3150
+ th?: ChartTableCell & {
3795
3151
  translations?: {
3796
3152
  rootName?: string;
3797
3153
  rootValue?: string;
@@ -3807,21 +3163,12 @@ declare module 'vue-data-ui' {
3807
3163
  nutToTotal?: string;
3808
3164
  };
3809
3165
  };
3810
- td?: {
3811
- backgroundColor?: string;
3812
- color?: string;
3813
- outline?: string;
3166
+ td?: ChartTableCell & {
3814
3167
  roundingValue?: number;
3815
3168
  roundingPercentage?: number;
3816
3169
  };
3817
3170
  };
3818
- userOptions?: {
3819
- show?: boolean;
3820
- title?: string;
3821
- labels?: {
3822
- showTable?: string;
3823
- };
3824
- };
3171
+ userOptions?: ChartUserOptions;
3825
3172
  translations?: {
3826
3173
  total?: string;
3827
3174
  proportionToTree?: string;
@@ -3844,7 +3191,7 @@ declare module 'vue-data-ui' {
3844
3191
  };
3845
3192
 
3846
3193
  export type VueUiOnionConfig = {
3847
- theme?: "" | "hack" | "zen" | "concrete";
3194
+ theme?: Theme;
3848
3195
  customPalette?: string[];
3849
3196
  useCssAnimation?: boolean;
3850
3197
  style?: {
@@ -3880,62 +3227,26 @@ declare module 'vue-data-ui' {
3880
3227
  };
3881
3228
  };
3882
3229
  };
3883
- title?: {
3884
- text?: string;
3885
- color?: string;
3886
- fontSize?: number;
3887
- bold?: boolean;
3888
- subtitle?: {
3889
- color?: string;
3890
- text?: string;
3891
- fontSize?: number;
3892
- bold?: boolean;
3893
- };
3894
- };
3895
- legend?: {
3896
- show?: boolean;
3897
- bold?: boolean;
3230
+ title?: ChartTitle;
3231
+ legend?: ChartBaseLegend & {
3898
3232
  backgroundColor?: string;
3899
- color?: string;
3900
- fontSize?: number;
3901
3233
  roundingValue?: number;
3902
3234
  roundingPercentage?: number;
3903
3235
  };
3904
- tooltip?: {
3905
- show?: boolean;
3906
- color?: string;
3907
- backgroundColor?: string;
3908
- fontSize?: number;
3236
+ tooltip?: ChartTooltip & {
3909
3237
  showValue?: boolean;
3910
3238
  showPercentage?: boolean;
3911
3239
  roundingValue?: number;
3912
3240
  roundingPercentage?: number;
3913
3241
  customFormat?: (params: VueUiTooltipParams<VueUiOnionDatapoint, VueUiOnionSeriesItem[], VueUiOnionConfig>) => string;
3914
- borderRadius?: number;
3915
- borderColor?: string;
3916
- borderWidth?: number;
3917
3242
  };
3918
3243
  };
3919
3244
  };
3920
- userOptions?: {
3921
- show?: boolean;
3922
- title?: string;
3923
- labels?: {
3924
- useDiv?: string;
3925
- showTable?: string;
3926
- };
3927
- };
3245
+ userOptions?: ChartUserOptions;
3928
3246
  table?: {
3929
3247
  show?: boolean;
3930
- th?: {
3931
- backgroundColor?: string;
3932
- color?: string;
3933
- outline?: string;
3934
- };
3935
- td?: {
3936
- backgroundColor?: string;
3937
- color?: string;
3938
- outline?: string;
3248
+ th?: ChartTableCell;
3249
+ td?: ChartTableCell & {
3939
3250
  roundingValue?: number;
3940
3251
  roundingPercentage?: number;
3941
3252
  },
@@ -4002,7 +3313,7 @@ declare module 'vue-data-ui' {
4002
3313
  };
4003
3314
 
4004
3315
  export type VueUiVerticalBarConfig = {
4005
- theme?: "" | "hack" | "zen" | "concrete";
3316
+ theme?: Theme;
4006
3317
  customPalette?: string[];
4007
3318
  useCssAnimation?: boolean;
4008
3319
  style?: {
@@ -4066,35 +3377,16 @@ declare module 'vue-data-ui' {
4066
3377
  strokeWidth?: number;
4067
3378
  };
4068
3379
  };
4069
- title?: {
4070
- text?: string;
4071
- color?: string;
4072
- fontSize?: number;
4073
- bold?: boolean;
4074
- subtitle?: {
4075
- color?: string;
4076
- text?: string;
4077
- fontSize?: number;
4078
- bold?: boolean;
4079
- };
4080
- };
4081
- legend?: {
3380
+ title?: ChartTitle;
3381
+ legend?: ChartBaseLegend & {
4082
3382
  position?: "top" | "bottom";
4083
- show?: boolean;
4084
- fontSize?: number;
4085
- color?: string;
4086
3383
  backgroundColor?: string;
4087
- bold?: boolean;
4088
3384
  roundingValue?: number;
4089
3385
  roundingPercentage?: number;
4090
3386
  prefix?: string;
4091
3387
  suffix?: string;
4092
3388
  };
4093
- tooltip?: {
4094
- show?: boolean;
4095
- backgroundColor?: string;
4096
- color?: string;
4097
- fontSize?: number;
3389
+ tooltip?: ChartTooltip & {
4098
3390
  showValue?: boolean;
4099
3391
  showPercentage?: boolean;
4100
3392
  roundingValue?: number;
@@ -4102,33 +3394,15 @@ declare module 'vue-data-ui' {
4102
3394
  prefix?: string;
4103
3395
  suffix?: string;
4104
3396
  customFormat?: (params: VueUiTooltipParams<VueUiVerticalBarDatapoint, VueUiVerticalBarSerie[], VueUiVerticalBarConfig>) => string;
4105
- borderRadius?: number;
4106
- borderColor?: string;
4107
- borderWidth?: number
4108
3397
  };
4109
3398
  };
4110
3399
  };
4111
- userOptions?: {
4112
- show?: boolean;
4113
- title?: string;
4114
- labels?: {
4115
- useDiv?: string;
4116
- showTable?: string;
4117
- sort?: string;
4118
- };
4119
- };
3400
+ userOptions?: ChartUserOptions;
4120
3401
  table?: {
4121
3402
  show?: boolean;
4122
3403
  responsiveBreakpoint?: number;
4123
- th?: {
4124
- backgroundColor?: string;
4125
- color?: string;
4126
- outline?: string;
4127
- };
4128
- td?: {
4129
- backgroundColor?: string;
4130
- color?: string;
4131
- outline?: string;
3404
+ th?: ChartTableCell;
3405
+ td?: ChartTableCell & {
4132
3406
  roundingValue?: number;
4133
3407
  roundingPercentage?: number;
4134
3408
  prefix?: string;
@@ -4190,7 +3464,7 @@ declare module 'vue-data-ui' {
4190
3464
  };
4191
3465
 
4192
3466
  export type VueUiSparklineConfig = {
4193
- theme?: "" | "hack" | "zen" | "concrete";
3467
+ theme?: Theme;
4194
3468
  type?: "line" | "bar";
4195
3469
  style?: {
4196
3470
  backgroundColor?: string;
@@ -4244,7 +3518,7 @@ declare module 'vue-data-ui' {
4244
3518
  };
4245
3519
  title?: {
4246
3520
  show?: boolean;
4247
- textAlign?: "left" | "center" | "right";
3521
+ textAlign?: TextAlign;
4248
3522
  color?: string;
4249
3523
  fontSize?: number;
4250
3524
  bold?: boolean;
@@ -4294,10 +3568,7 @@ declare module 'vue-data-ui' {
4294
3568
  maxHeight?: number;
4295
3569
  rowsPerPage?: number;
4296
3570
  style?: {
4297
- th?: {
4298
- backgroundColor?: string;
4299
- color?: string;
4300
- outline?: string;
3571
+ th?: ChartTableCell & {
4301
3572
  selected?: {
4302
3573
  backgroundColor?: string;
4303
3574
  color?: string;
@@ -4491,7 +3762,7 @@ declare module 'vue-data-ui' {
4491
3762
  alt?: string;
4492
3763
  };
4493
3764
  title?: {
4494
- textAlign?: string;
3765
+ textAlign?: TextAlign;
4495
3766
  fontSize?: number;
4496
3767
  color?: string;
4497
3768
  bold?: boolean;
@@ -4514,16 +3785,9 @@ declare module 'vue-data-ui' {
4514
3785
  offsetY?: number;
4515
3786
  offsetX?: number;
4516
3787
  };
4517
- tooltip?: {
4518
- show?: boolean;
4519
- fontSize?: number;
3788
+ tooltip?: ChartTooltip & {
4520
3789
  offsetY?: number;
4521
- color?: string;
4522
3790
  bold?: boolean;
4523
- backgroundColor?: string;
4524
- borderColor?: string;
4525
- borderRadius?: number;
4526
- boxShadow?: string;
4527
3791
  };
4528
3792
  };
4529
3793
  };
@@ -4549,7 +3813,7 @@ declare module 'vue-data-ui' {
4549
3813
  useGradient?: boolean;
4550
3814
  };
4551
3815
  title?: {
4552
- textAlign?: string;
3816
+ textAlign?: TextAlign;
4553
3817
  fontSize?: number;
4554
3818
  color?: string;
4555
3819
  bold?: boolean;
@@ -4572,16 +3836,9 @@ declare module 'vue-data-ui' {
4572
3836
  offsetY?: number;
4573
3837
  offsetX?: number;
4574
3838
  };
4575
- tooltip?: {
4576
- show?: boolean;
4577
- fontSize?: number;
3839
+ tooltip?: ChartTooltip & {
4578
3840
  offsetY?: number;
4579
- color?: string;
4580
3841
  bold?: boolean;
4581
- backgroundColor?: string;
4582
- borderColor?: string;
4583
- borderRadius?: number;
4584
- boxShadow?: string;
4585
3842
  };
4586
3843
  };
4587
3844
  };
@@ -4827,7 +4084,7 @@ declare module 'vue-data-ui' {
4827
4084
  };
4828
4085
 
4829
4086
  export type VueUiTableHeatmapConfig = {
4830
- theme?: "" | "hack" | "zen" | "concrete";
4087
+ theme?: Theme;
4831
4088
  style?: {
4832
4089
  backgroundColor?: string;
4833
4090
  color?: string;
@@ -4851,9 +4108,7 @@ declare module 'vue-data-ui' {
4851
4108
  values?: string[];
4852
4109
  };
4853
4110
  };
4854
- userOptions?: {
4855
- show?: boolean;
4856
- };
4111
+ userOptions?: ChartUserOptions;
4857
4112
  };
4858
4113
 
4859
4114
  export const VueUiTableHeatmap: DefineComponent<{
@@ -4882,7 +4137,7 @@ declare module 'vue-data-ui' {
4882
4137
  }>
4883
4138
 
4884
4139
  export type VueUiQuickChartConfig = {
4885
- theme?: "" | "hack" | "zen" | "concrete";
4140
+ theme?: Theme;
4886
4141
  axisLabelsFontSize?: number;
4887
4142
  backgroundColor?: string;
4888
4143
  barGap?: number;
@@ -4918,7 +4173,7 @@ declare module 'vue-data-ui' {
4918
4173
  title?: string;
4919
4174
  titleBold?: boolean;
4920
4175
  titleFontSize?: number;
4921
- titleTextAlign?: "center" | "left" | "right",
4176
+ titleTextAlign?: TextAlign;
4922
4177
  tooltipCustomFormat?: any;
4923
4178
  tooltipBorderRadius?: number;
4924
4179
  tooltipBorderColor?: string;
@@ -4997,7 +4252,7 @@ declare module 'vue-data-ui' {
4997
4252
  }>;
4998
4253
 
4999
4254
  export type VueUiSparkTrendConfig = {
5000
- theme?: "" | "hack" | "zen" | "concrete";
4255
+ theme?: Theme;
5001
4256
  style?: {
5002
4257
  backgroundColor?: string;
5003
4258
  fontFamily?: string;
@@ -5043,12 +4298,7 @@ declare module 'vue-data-ui' {
5043
4298
  negative?: string;
5044
4299
  };
5045
4300
  };
5046
- padding?: {
5047
- top?: number;
5048
- left?: number;
5049
- right?: number;
5050
- bottom?: number;
5051
- };
4301
+ padding?: ChartPadding;
5052
4302
  };
5053
4303
  };
5054
4304
 
@@ -5058,12 +4308,10 @@ declare module 'vue-data-ui' {
5058
4308
  }>
5059
4309
 
5060
4310
  export type VueUiStripPlotConfig = {
5061
- theme?: "" | "hack" | "zen" | "concrete";
4311
+ theme?: Theme;
5062
4312
  customPalette?: string[];
5063
4313
  useCssAnimation?: boolean;
5064
- userOptions?: {
5065
- show?: boolean;
5066
- };
4314
+ userOptions?: ChartUserOptions;
5067
4315
  table?: {
5068
4316
  show?: boolean;
5069
4317
  responsiveBreakpoint?: number;
@@ -5071,15 +4319,8 @@ declare module 'vue-data-ui' {
5071
4319
  series?: string;
5072
4320
  value?: string;
5073
4321
  };
5074
- th?: {
5075
- backgroundColor?: string;
5076
- color?: string;
5077
- outline?: string;
5078
- };
5079
- td?: {
5080
- backgroundColor?: string;
5081
- color?: string;
5082
- outline?: string;
4322
+ th?: ChartTableCell;
4323
+ td?: ChartTableCell & {
5083
4324
  roundingValue?: number;
5084
4325
  };
5085
4326
  };
@@ -5090,12 +4331,7 @@ declare module 'vue-data-ui' {
5090
4331
  color?: string;
5091
4332
  height?: number;
5092
4333
  stripWidth?: number;
5093
- padding?: {
5094
- top?: number;
5095
- left?: number;
5096
- right?: number;
5097
- bottom?: number;
5098
- };
4334
+ padding?: ChartPadding;
5099
4335
  grid?: {
5100
4336
  show?: boolean;
5101
4337
  stroke?: string;
@@ -5158,28 +4394,10 @@ declare module 'vue-data-ui' {
5158
4394
  offsetX?: number;
5159
4395
  };
5160
4396
  };
5161
- title?: {
5162
- text?: string;
5163
- color?: string;
5164
- fontSize?: number;
5165
- bold?: boolean;
5166
- subtitle?: {
5167
- color?: string;
5168
- text?: string;
5169
- fontSize?: number;
5170
- bold?: boolean;
5171
- };
5172
- };
5173
- tooltip?: {
5174
- show?: boolean;
5175
- color?: string;
5176
- backgroundColor?: string;
5177
- fontSize?: number;
4397
+ title?: ChartTitle;
4398
+ tooltip?: ChartTooltip & {
5178
4399
  roundingValue?: number;
5179
4400
  customFormat?: (params: VueUiTooltipParams<VueUiStripPlotDatapoint, VueUiStripPlotSeriesItem[], VueUiStripPlotConfig>) => string;
5180
- borderRadius?: number;
5181
- borderColor?: string;
5182
- borderWidth?: number;
5183
4401
  };
5184
4402
  };
5185
4403
  };
@@ -5217,13 +4435,19 @@ declare module 'vue-data-ui' {
5217
4435
  dataset: VueUiStripPlotDataset[]
5218
4436
  }>
5219
4437
 
4438
+ export type VueUiDumbbellConfigLabel = {
4439
+ color?: string;
4440
+ fontSize?: number;
4441
+ offsetY?: number;
4442
+ rounding?: number;
4443
+ show?: boolean;
4444
+ }
4445
+
5220
4446
  export type VueUiDumbbellConfig = {
5221
- theme?: "" | "hack" | "zen" | "concrete";
4447
+ theme?: Theme;
5222
4448
  useAnimation?: boolean;
5223
4449
  animationSpeed?: number;
5224
- userOptions?: {
5225
- show?: boolean;
5226
- };
4450
+ userOptions?: ChartUserOptions;
5227
4451
  style?: {
5228
4452
  fontFamily?: string;
5229
4453
  chart?: {
@@ -5231,12 +4455,7 @@ declare module 'vue-data-ui' {
5231
4455
  color?: string;
5232
4456
  width?: number;
5233
4457
  rowHeight?: number;
5234
- padding?: {
5235
- top?: number;
5236
- left?: number;
5237
- right?: number;
5238
- bottom?: number;
5239
- };
4458
+ padding?: ChartPadding;
5240
4459
  plots?: {
5241
4460
  startColor?: string;
5242
4461
  endColor?: string;
@@ -5272,60 +4491,30 @@ declare module 'vue-data-ui' {
5272
4491
  prefix?: string;
5273
4492
  suffix?: string;
5274
4493
  yAxisLabels?: {
5275
- show?: boolean;
5276
- fontSize?: number;
4494
+ bold?: boolean;
5277
4495
  color?: string;
4496
+ fontSize?: number;
5278
4497
  offsetX?: number;
5279
- bold?: boolean;
5280
- showProgression?: boolean;
5281
4498
  rounding?: number;
5282
- };
5283
- xAxisLabels?: {
5284
4499
  show?: boolean;
5285
- fontSize?: number;
5286
- color?: string;
5287
- offsetY?: number;
4500
+ showProgression?: boolean;
4501
+ };
4502
+ xAxisLabels?: VueUiDumbbellConfigLabel & {
5288
4503
  bold?: boolean;
5289
- rounding?: number;
5290
4504
  };
5291
- startLabels?: {
5292
- show?: boolean;
5293
- fontSize?: number;
5294
- color?: string;
5295
- offsetY?: number;
5296
- rounding?: number;
4505
+ startLabels?: VueUiDumbbellConfigLabel & {
5297
4506
  useStartColor?: boolean;
5298
4507
  };
5299
- endLabels?: {
5300
- show?: boolean;
5301
- fontSize?: number;
5302
- color?: string;
5303
- offsetY?: number;
5304
- rounding?: number;
4508
+ endLabels?: VueUiDumbbellConfigLabel & {
5305
4509
  useEndColor?: true;
5306
4510
  };
5307
4511
  };
5308
- legend?: {
5309
- show?: boolean;
4512
+ legend?: ChartBaseLegend & {
5310
4513
  labelStart?: string;
5311
4514
  labelEnd?: string;
5312
4515
  backgroundColor?: string;
5313
- color?: string;
5314
- fontSize?: number;
5315
- bold?: boolean;
5316
- };
5317
- title?: {
5318
- text?: string;
5319
- color?: string;
5320
- fontSize?: number;
5321
- bold?: boolean;
5322
- subtitle?: {
5323
- color?: string;
5324
- text?: string;
5325
- fontSize?: number;
5326
- bold?: boolean;
5327
- };
5328
4516
  };
4517
+ title?: ChartTitle;
5329
4518
  };
5330
4519
  };
5331
4520
  table?: {
@@ -5337,15 +4526,8 @@ declare module 'vue-data-ui' {
5337
4526
  end?: string;
5338
4527
  progression?: string;
5339
4528
  };
5340
- th?: {
5341
- backgroundColor?: string;
5342
- color?: string;
5343
- outline?: string;
5344
- };
5345
- td?: {
5346
- backgroundColor?: string;
5347
- color?: string;
5348
- outline?: string;
4529
+ th?: ChartTableCell;
4530
+ td?: ChartTableCell & {
5349
4531
  roundingValue?: number;
5350
4532
  roundingPercentage?: number;
5351
4533
  };
@@ -5363,9 +4545,60 @@ declare module 'vue-data-ui' {
5363
4545
  dataset: VueUiDumbbellDataset[]
5364
4546
  }>
5365
4547
 
5366
- export type VueDataUiConfig = VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutConfig | VueUiDonutEvolutionConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkHistogramConfig | VueUiSparkStackBarConfig | VueUiSparkbarConfig | VueUiSparklineConfig | VueUiTableConfig | VueUiTableSparklineConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiNestedDonutsConfig | VueUiGalaxyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiTableHeatmapConfig | VueUiAccordionConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig | VueUiDumbbellConfig;
4548
+ export type VueUiWordCloudDatasetItem = {
4549
+ name: string;
4550
+ value: number;
4551
+ }
4552
+
4553
+ export type VueUiWordCloudConfig = {
4554
+ theme?: string;
4555
+ customPalette?: string[];
4556
+ userOptions?: ChartUserOptions;
4557
+ useCssAnimation?: boolean;
4558
+ animationDelayMs?: number;
4559
+ style?: {
4560
+ fontFamily?: string;
4561
+ chart?: {
4562
+ backgroundColor?: string;
4563
+ color?: string;
4564
+ height?: string;
4565
+ width?: string;
4566
+ words?: {
4567
+ maxFontSize?: number;
4568
+ minFontSize?: number;
4569
+ bold?: boolean;
4570
+ proximity?: number;
4571
+ packingWeight?: number;
4572
+ color?: string;
4573
+ usePalette?: string;
4574
+ };
4575
+ title?: ChartTitle;
4576
+ }
4577
+ },
4578
+ table: {
4579
+ show: false,
4580
+ responsiveBreakpoint: 300,
4581
+ columnNames: {
4582
+ series: "Word",
4583
+ value: "Value"
4584
+ },
4585
+ th: ChartTableCell;
4586
+ td: ChartTableCell & {
4587
+ roundingValue: 0,
4588
+ prefix: "",
4589
+ suffix: ""
4590
+ }
4591
+ }
4592
+ }
4593
+
4594
+ export const VueUiWordCloud: DefineComponent<{
4595
+ config?: VueUiWordCloudConfig,
4596
+ dataset: VueUiWordCloudDatasetItem[] | string
4597
+ }>
4598
+
4599
+ export type VueDataUiConfig = VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutConfig | VueUiDonutEvolutionConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkHistogramConfig | VueUiSparkStackBarConfig | VueUiSparkbarConfig | VueUiSparklineConfig | VueUiTableConfig | VueUiTableSparklineConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig | VueUiNestedDonutsConfig | VueUiGalaxyConfig | VueUiKpiConfig | VueUiTreemapConfig | VueUiTableHeatmapConfig | VueUiAccordionConfig | VueUiQuickChartConfig | VueUiCursorConfig | VueUiSparkTrendConfig | VueUiStripPlotConfig | VueUiDumbbellConfig | VueUiWordCloudConfig;
5367
4600
 
5368
- export type VueDataUiConfigKey = "vue_ui_3d_bar" | "vue_ui_age_pyramid" | "vue_ui_annotator" | "vue_ui_candlestick" | "vue_ui_chestnut" | "vue_ui_dashboard" | "vue_ui_digits" | "vue_ui_donut" | "vue_ui_donut_evolution" | "vue_ui_gauge" | "vue_ui_heatmap" | "vue_ui_mini_loader" | "vue_ui_molecule" | "vue_ui_mood_radar" | "vue_ui_onion" | "vue_ui_quadrant" | "vue_ui_radar" | "vue_ui_rating" | "vue_ui_relation_circle" | "vue_ui_rings" | "vue_ui_scatter" | "vue_ui_screenshot" | "vue_ui_skeleton" | "vue_ui_smiley" | "vue_ui_sparkhistogram" | "vue_ui_sparkstackbar" | "vue_ui_sparkbar" | "vue_ui_sparkline" | "vue_ui_table" | "vue_ui_table_sparkline" | "vue_ui_thermometer" | "vue_ui_tiremarks" | "vue_ui_vertical_bar" | "vue_ui_waffle" | "vue_ui_wheel" | "vue_ui_xy" | "vue_ui_nested_donuts" | "vue_ui_galaxy" | "vue_ui_kpi" | "vue_ui_treemap" | "vue_ui_table_heatmap" | "vue_ui_accordion" | "vue_ui_quick_chart" | "vue_ui_cursor" | "vue_ui_spark_trend" | "vue_ui_strip_plot" | "vue_ui_dumbbell";
4601
+ export type VueDataUiConfigKey = "vue_ui_3d_bar" | "vue_ui_age_pyramid" | "vue_ui_annotator" | "vue_ui_candlestick" | "vue_ui_chestnut" | "vue_ui_dashboard" | "vue_ui_digits" | "vue_ui_donut" | "vue_ui_donut_evolution" | "vue_ui_gauge" | "vue_ui_heatmap" | "vue_ui_mini_loader" | "vue_ui_molecule" | "vue_ui_mood_radar" | "vue_ui_onion" | "vue_ui_quadrant" | "vue_ui_radar" | "vue_ui_rating" | "vue_ui_relation_circle" | "vue_ui_rings" | "vue_ui_scatter" | "vue_ui_screenshot" | "vue_ui_skeleton" | "vue_ui_smiley" | "vue_ui_sparkhistogram" | "vue_ui_sparkstackbar" | "vue_ui_sparkbar" | "vue_ui_sparkline" | "vue_ui_table" | "vue_ui_table_sparkline" | "vue_ui_thermometer" | "vue_ui_tiremarks" | "vue_ui_vertical_bar" | "vue_ui_waffle" | "vue_ui_wheel" | "vue_ui_xy" | "vue_ui_nested_donuts" | "vue_ui_galaxy" | "vue_ui_kpi" | "vue_ui_treemap" | "vue_ui_table_heatmap" | "vue_ui_accordion" | "vue_ui_quick_chart" | "vue_ui_cursor" | "vue_ui_spark_trend" | "vue_ui_strip_plot" | "vue_ui_dumbbell" | "vue_ui_word_cloud";
5369
4602
 
5370
4603
  export const getVueDataUiConfig: () => VueDataUiConfig;
5371
4604
  }