vue-data-ui 2.2.9 → 2.2.11

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 (6) hide show
  1. package/dist/{index-4069f058.js → index-57a4315b.js} +2396 -2363
  2. package/dist/{index.es-1e5bf28d.js → index.es-ae6fe944.js} +1 -1
  3. package/dist/style.css +1 -1
  4. package/dist/types/vue-data-ui.d.ts +289 -1053
  5. package/dist/vue-data-ui.js +1 -1
  6. package/package.json +1 -1
package/dist/types/vue-data-ui.d.ts CHANGED
@@ -10,6 +10,57 @@ declare module 'vue-data-ui' {
10
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;
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,32 +117,13 @@ 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
129
  };
@@ -112,15 +137,8 @@ declare module 'vue-data-ui' {
112
137
  value?: string;
113
138
  percentage?: string;
114
139
  };
115
- th?: {
116
- backgroundColor?: string;
117
- color?: string;
118
- outline?: string;
119
- };
120
- td?: {
121
- backgroundColor?: string;
122
- color?: string;
123
- outline?: string;
140
+ th?: ChartTableCell;
141
+ td?: ChartTableCell & {
124
142
  roundingValue?: number;
125
143
  roundingPercentage?: number;
126
144
  };
@@ -187,7 +205,7 @@ declare module 'vue-data-ui' {
187
205
  export type VueUiGalaxyDatasetItem = VueUiDonutDatasetItem;
188
206
 
189
207
  export type VueUiGalaxyConfig = {
190
- theme?: "" | "hack" | "zen" | "concrete";
208
+ theme?: Theme;
191
209
  customPalette?: string[];
192
210
  useCssAnimation?: boolean;
193
211
  useBlurOnHover?: boolean;
@@ -219,32 +237,13 @@ declare module 'vue-data-ui' {
219
237
  };
220
238
  };
221
239
  };
222
- legend?: {
240
+ legend?: ChartBaseLegend & {
223
241
  backgroundColor?: string;
224
- color?: string;
225
- show?: boolean;
226
- fontSize?: number;
227
- bold?: boolean;
228
242
  roundingValue?: number;
229
243
  roundingPercentage?: number;
230
244
  };
231
- title?: {
232
- text?: string;
233
- color?: string;
234
- fontSize?: number;
235
- bold?: boolean;
236
- subtitle?: {
237
- color?: string;
238
- text?: string;
239
- fontSize?: number;
240
- bold?: boolean;
241
- };
242
- };
243
- tooltip?: {
244
- show?: boolean;
245
- color?: string;
246
- backgroundColor?: string;
247
- fontSize?: number;
245
+ title?: ChartTitle;
246
+ tooltip?: ChartTooltip & {
248
247
  showValue?: boolean;
249
248
  showPercentage: boolean;
250
249
  roundingValue?: number;
@@ -261,22 +260,13 @@ declare module 'vue-data-ui' {
261
260
  value?: string;
262
261
  percentage?: string;
263
262
  };
264
- th?: {
265
- backgroundColor?: string;
266
- color?: string;
267
- outline?: string;
268
- };
269
- td?: {
270
- backgroundColor?: string;
271
- color?: string;
272
- outline?: string;
263
+ th?: ChartTableCell;
264
+ td?: ChartTableCell & {
273
265
  roundingValue?: number;
274
266
  roundingPercentage?: number;
275
267
  };
276
268
  };
277
- userOptions?: {
278
- show?: boolean;
279
- };
269
+ userOptions?: ChartUserOptions;
280
270
  };
281
271
 
282
272
  export type VueUiGalaxyDatapoint = VueUiGalaxyDatasetItem & {
@@ -309,7 +299,7 @@ declare module 'vue-data-ui' {
309
299
  }
310
300
 
311
301
  export type VueUiSparkgaugeConfig = {
312
- theme?: "" | "hack" | "zen" | "concrete";
302
+ theme?: Theme;
313
303
  style?: {
314
304
  fontFamily?: string;
315
305
  background?: string;
@@ -322,8 +312,8 @@ declare module 'vue-data-ui' {
322
312
  title?: {
323
313
  show?: boolean;
324
314
  fontSize?: number;
325
- position?: "top" | "bottom",
326
- textAlign?: "center" | "left" | "right",
315
+ position?: "top" | "bottom";
316
+ textAlign?: TextAlign;
327
317
  bold?: boolean;
328
318
  color?: string;
329
319
  };
@@ -359,32 +349,20 @@ declare module 'vue-data-ui' {
359
349
  config?: VueUiSparkgaugeConfig
360
350
  }>
361
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
+
362
361
  export type VueUiMiniLoaderConfig = {
363
362
  type?: "line" | "bar" | "onion";
364
- onion?: {
365
- gutterColor?: string;
366
- gutterOpacity?: number;
367
- gutterBlur?: number;
368
- trackHueRotate?: number;
369
- trackBlur?: number;
370
- trackColor?: string;
371
- };
372
- line?: {
373
- gutterColor?: string;
374
- gutterOpacity?: number;
375
- gutterBlur?: number;
376
- trackHueRotate?: number;
377
- trackBlur?: number;
378
- trackColor?: string;
379
- };
380
- bar?: {
381
- gutterColor?: string;
382
- gutterOpacity?: number;
383
- gutterBlur?: number;
384
- trackHueRotate?: number;
385
- trackBlur?: number;
386
- trackColor?: string;
387
- }
363
+ onion?: VueUiMiniLoaderConfigType;
364
+ line?: VueUiMiniLoaderConfigType;
365
+ bar?: VueUiMiniLoaderConfigType;
388
366
  }
389
367
 
390
368
  export const VueUiMiniLoader: DefineComponent<{
@@ -412,7 +390,7 @@ declare module 'vue-data-ui' {
412
390
  }
413
391
 
414
392
  export type VueUiTableSparklineConfig = {
415
- theme?: "" | "hack" | "zen" | "concrete";
393
+ theme?: Theme;
416
394
  customPalette?: string[];
417
395
  responsiveBreakpoint?: number;
418
396
  showAverage?: boolean;
@@ -449,7 +427,7 @@ declare module 'vue-data-ui' {
449
427
  fontSize?: number;
450
428
  color?: string;
451
429
  bold?: boolean;
452
- textAlign?: "left" | "center" | "right";
430
+ textAlign?: TextAlign;
453
431
  subtitle?: {
454
432
  text?: string;
455
433
  color?: string;
@@ -457,25 +435,17 @@ declare module 'vue-data-ui' {
457
435
  bold?: boolean;
458
436
  };
459
437
  };
460
- thead?: {
461
- backgroundColor?: string;
462
- color?: string;
438
+ thead?: ChartTableCell & {
463
439
  fontSize?: number;
464
- outline?: string;
465
- textAlign?: "left" | "center" | "right";
440
+ textAlign?: TextAlign;
466
441
  bold?: boolean;
467
442
  },
468
- tbody?: {
469
- backgroundColor?: string;
470
- color?: string;
443
+ tbody?: ChartTableCell & {
471
444
  fontSize?: number;
472
- outline?: string;
473
- textAlign?: "left" | "center" | "right";
445
+ textAlign?: TextAlign;
474
446
  bold?: boolean;
475
447
  };
476
- userOptions?: {
477
- show?: boolean;
478
- }
448
+ userOptions?: ChartUserOptions;
479
449
  };
480
450
 
481
451
  export const VueUiTableSparkline: DefineComponent<{
@@ -490,7 +460,7 @@ declare module 'vue-data-ui' {
490
460
  };
491
461
 
492
462
  export type VueUiMoleculeConfig = {
493
- theme?: "" | "hack" | "zen" | "concrete";
463
+ theme?: Theme;
494
464
  style?: {
495
465
  fontFamily?: string;
496
466
  chart?: {
@@ -503,23 +473,8 @@ declare module 'vue-data-ui' {
503
473
  links?: {
504
474
  stroke?: string;
505
475
  };
506
- title?: {
507
- text?: string;
508
- color?: string;
509
- fontSize?: number;
510
- bold?: boolean;
511
- subtitle?: {
512
- color?: string;
513
- text?: string;
514
- fontSize?: number;
515
- bold?: boolean;
516
- };
517
- };
518
- tooltip?: {
519
- show?: boolean;
520
- color?: string;
521
- backgroundColor?: string;
522
- fontSize?: number;
476
+ title?: ChartTitle;
477
+ tooltip?: ChartTooltip & {
523
478
  customFormat?: (params: VueUiTooltipParams<VueUiMoleculeDatapoint, VueUiMoleculeDatapoint[], VueUiMoleculeConfig>) => string;
524
479
  };
525
480
  zoom?: {
@@ -530,25 +485,15 @@ declare module 'vue-data-ui' {
530
485
  table?: {
531
486
  show?: boolean;
532
487
  responsiveBreakpoint?: number;
533
- th?: {
534
- backgroundColor?: string;
535
- color?: string;
536
- outline?: string;
537
- };
538
- td?: {
539
- backgroundColor?: string;
540
- color?: string;
541
- outline?: string;
542
- };
488
+ th?: ChartTableCell;
489
+ td?: ChartTableCell;
543
490
  translations?: {
544
491
  nodeName?: string;
545
492
  details?: string;
546
493
  parentNode?: string;
547
494
  };
548
495
  };
549
- userOptions?: {
550
- show?: boolean;
551
- };
496
+ userOptions?: ChartUserOptions;
552
497
  };
553
498
 
554
499
  export type VueUiMoleculeDatapoint = {
@@ -597,7 +542,7 @@ declare module 'vue-data-ui' {
597
542
  };
598
543
 
599
544
  export type VueUi3dBarConfig = {
600
- theme?: "" | "hack" | "zen" | "concrete";
545
+ theme?: Theme;
601
546
  customPalette?: string[];
602
547
  style?: {
603
548
  fontFamily?: string;
@@ -630,24 +575,9 @@ declare module 'vue-data-ui' {
630
575
  perspective?: number;
631
576
  };
632
577
  };
633
- title?: {
634
- text?: string;
635
- color?: string;
636
- fontSize?: number;
637
- bold?: boolean;
638
- subtitle?: {
639
- color?: string;
640
- text?: string;
641
- fontSize?: number;
642
- bold?: boolean;
643
- };
644
- };
645
- legend?: {
578
+ title?: ChartTitle;
579
+ legend?: ChartBaseLegend & {
646
580
  backgroundColor?: string;
647
- color?: string;
648
- show?: boolean;
649
- fontSize?: number;
650
- bold?: boolean;
651
581
  roundingValue?: number;
652
582
  roundingPercentage?: number;
653
583
  prefix?: string;
@@ -663,9 +593,7 @@ declare module 'vue-data-ui' {
663
593
  };
664
594
  };
665
595
  };
666
- userOptions?: {
667
- show?: boolean;
668
- };
596
+ userOptions?: ChartUserOptions;
669
597
  table?: {
670
598
  show?: boolean;
671
599
  responsiveBreakpoint?: number;
@@ -674,15 +602,8 @@ declare module 'vue-data-ui' {
674
602
  value?: string;
675
603
  percentage?: string;
676
604
  },
677
- th?: {
678
- backgroundColor?: string;
679
- color?: string;
680
- outline?: string;
681
- };
682
- td?: {
683
- backgroundColor?: string;
684
- color?: string;
685
- outline?: string;
605
+ th?: ChartTableCell;
606
+ td?: ChartTableCell & {
686
607
  roundingValue?: number;
687
608
  roundingPercentage?: number;
688
609
  };
@@ -703,7 +624,7 @@ declare module 'vue-data-ui' {
703
624
  }
704
625
 
705
626
  export type VueUiMoodRadarConfig = {
706
- theme?: "" | "hack" | "zen" | "concrete";
627
+ theme?: Theme;
707
628
  style?: {
708
629
  fontFamily?: string;
709
630
  chart?: {
@@ -746,24 +667,9 @@ declare module 'vue-data-ui' {
746
667
  bold?: boolean;
747
668
  };
748
669
  };
749
- title?: {
750
- text?: string;
751
- color?: string;
752
- fontSize?: number;
753
- bold?: boolean;
754
- subtitle?: {
755
- color?: string;
756
- text?: string;
757
- fontSize?: number;
758
- bold?: boolean;
759
- };
760
- };
761
- legend?: {
762
- color?: string;
670
+ title?: ChartTitle;
671
+ legend?: ChartBaseLegend & {
763
672
  backgroundColor?: string;
764
- bold?: boolean;
765
- show?: boolean;
766
- fontSize?: number;
767
673
  roundingPercentage?: number;
768
674
  roundingValue?: number;
769
675
  };
@@ -777,22 +683,13 @@ declare module 'vue-data-ui' {
777
683
  value?: string;
778
684
  percentage?: string;
779
685
  };
780
- th?: {
781
- backgroundColor?: string;
782
- color?: string;
783
- outline?: string;
784
- };
785
- td?: {
786
- backgroundColor?: string;
787
- color?: string;
788
- outline?: string;
686
+ th?: ChartTableCell;
687
+ td?: ChartTableCell & {
789
688
  roundingValue?: number;
790
689
  roundingPercentage?: number;
791
690
  };
792
691
  };
793
- userOptions?: {
794
- show?: boolean;
795
- };
692
+ userOptions?: ChartUserOptions;
796
693
  };
797
694
 
798
695
  export const VueUiMoodRadar: DefineComponent<{
@@ -811,7 +708,7 @@ declare module 'vue-data-ui' {
811
708
  }>;
812
709
 
813
710
  export type VueUiDonutEvolutionConfig = {
814
- theme?: "" | "hack" | "zen" | "concrete";
711
+ theme?: Theme;
815
712
  customPalette?: string[];
816
713
  style?: {
817
714
  fontFamily?: string;
@@ -828,12 +725,7 @@ declare module 'vue-data-ui' {
828
725
  layout?: {
829
726
  height?: number;
830
727
  width?: number;
831
- padding?: {
832
- top?: number;
833
- left?: number;
834
- right?: number;
835
- bottom?: number;
836
- };
728
+ padding?: ChartPadding;
837
729
  grid?: {
838
730
  show?: boolean;
839
731
  stroke?: string;
@@ -882,24 +774,9 @@ declare module 'vue-data-ui' {
882
774
  offsetY?: number;
883
775
  };
884
776
  };
885
- title?: {
886
- text?: string;
887
- color?: string;
888
- fontSize?: number;
889
- bold?: boolean;
890
- subtitle?: {
891
- color?: string;
892
- text?: string;
893
- fontSize?: number;
894
- bold?: boolean;
895
- };
896
- };
897
- legend?: {
898
- color?: string;
777
+ title?: ChartTitle;
778
+ legend?: ChartBaseLegend & {
899
779
  backgroundColor?: string;
900
- bold?: boolean;
901
- show?: boolean;
902
- fontSize?: number;
903
780
  roundingPercentage?: number;
904
781
  roundingValue?: number;
905
782
  };
@@ -912,22 +789,13 @@ declare module 'vue-data-ui' {
912
789
  period?: string;
913
790
  total?: string;
914
791
  };
915
- th?: {
916
- backgroundColor?: string;
917
- color?: string;
918
- outline?: string;
919
- };
920
- td?: {
921
- backgroundColor?: string;
922
- color?: string;
923
- outline?: string;
792
+ th?: ChartTableCell;
793
+ td?: ChartTableCell & {
924
794
  roundingValue?: number;
925
795
  roundingPercentage?: number;
926
796
  };
927
797
  };
928
- userOptions?: {
929
- show?: boolean;
930
- }
798
+ userOptions?: ChartUserOptions;
931
799
  }
932
800
 
933
801
  export type VueUiDonutEvolutionDatasetItem = {
@@ -942,7 +810,7 @@ declare module 'vue-data-ui' {
942
810
  }>;
943
811
 
944
812
  export type VueUiTiremarksConfig = {
945
- theme?: "" | "hack" | "zen" | "concrete";
813
+ theme?: Theme;
946
814
  style?: {
947
815
  fontFamily?: string;
948
816
  chart?: {
@@ -978,18 +846,7 @@ declare module 'vue-data-ui' {
978
846
  verticalPosition?: "bottom" | "top";
979
847
  horizontalPosition?: "left" | "right";
980
848
  };
981
- title?: {
982
- text?: string;
983
- color?: string;
984
- fontSize?: number;
985
- bold?: boolean;
986
- subtitle?: {
987
- color?: string;
988
- text?: string;
989
- fontSize?: number;
990
- bold?: boolean;
991
- };
992
- };
849
+ title?: ChartTitle;
993
850
  };
994
851
  };
995
852
  };
@@ -1004,7 +861,7 @@ declare module 'vue-data-ui' {
1004
861
  }>;
1005
862
 
1006
863
  export type VueUiWheelConfig = {
1007
- theme?: "" | "hack" | "zen" | "concrete";
864
+ theme?: Theme;
1008
865
  style?: {
1009
866
  fontFamily?: string;
1010
867
  chart?: {
@@ -1039,24 +896,10 @@ declare module 'vue-data-ui' {
1039
896
  bold?: boolean;
1040
897
  };
1041
898
  };
1042
- title?: {
1043
- text?: string;
1044
- color?: string;
1045
- fontSize?: number;
1046
- bold?: boolean;
1047
- subtitle?: {
1048
- color?: string;
1049
- text?: string;
1050
- fontSize?: number;
1051
- bold?: boolean;
1052
- };
1053
- };
899
+ title?: ChartTitle;
1054
900
  };
1055
901
  };
1056
- userOptions?: {
1057
- show?: boolean;
1058
- title?: string;
1059
- };
902
+ userOptions?: ChartUserOptions;
1060
903
  };
1061
904
 
1062
905
  export type VueUiWheelDataset = {
@@ -1069,7 +912,7 @@ declare module 'vue-data-ui' {
1069
912
  }>;
1070
913
 
1071
914
  export type VueUiRingsConfig = {
1072
- theme?: "" | "hack" | "zen" | "concrete";
915
+ theme?: Theme;
1073
916
  customPalette?: string[];
1074
917
  useCssAnimation?: boolean;
1075
918
  useBlurOnHover?: boolean;
@@ -1096,32 +939,13 @@ declare module 'vue-data-ui' {
1096
939
  useShadow?: boolean;
1097
940
  };
1098
941
  };
1099
- legend?: {
942
+ legend?: ChartBaseLegend & {
1100
943
  backgroundColor?: string;
1101
- color?: string;
1102
- show?: boolean;
1103
- fontSize?: number;
1104
- bold?: boolean;
1105
944
  roundingValue?: number;
1106
945
  roundingPercentage?: number;
1107
946
  };
1108
- title?: {
1109
- text?: string;
1110
- color?: string;
1111
- fontSize?: number;
1112
- bold?: boolean;
1113
- subtitle?: {
1114
- color?: string;
1115
- text?: string;
1116
- fontSize?: number;
1117
- bold?: boolean;
1118
- };
1119
- };
1120
- tooltip?: {
1121
- show?: boolean;
1122
- color?: string;
1123
- backgroundColor?: string;
1124
- fontSize?: number;
947
+ title?: ChartTitle;
948
+ tooltip?: ChartTooltip & {
1125
949
  showValue?: boolean;
1126
950
  showPercentage?: boolean;
1127
951
  roundingValue?: number;
@@ -1130,13 +954,7 @@ declare module 'vue-data-ui' {
1130
954
  };
1131
955
  };
1132
956
  };
1133
- userOptions?: {
1134
- show?: boolean;
1135
- title?: string;
1136
- labels?: {
1137
- showTable?: string;
1138
- };
1139
- };
957
+ userOptions?: ChartUserOptions;
1140
958
  table?: {
1141
959
  show?: string;
1142
960
  responsiveBreakpoint?: number;
@@ -1145,15 +963,8 @@ declare module 'vue-data-ui' {
1145
963
  value?: string;
1146
964
  percentage?: string;
1147
965
  }
1148
- th?: {
1149
- backgroundColor?: string;
1150
- color?: string;
1151
- outline?: string;
1152
- };
1153
- td?: {
1154
- backgroundColor?: string;
1155
- color?: string;
1156
- outline?: string;
966
+ th?: ChartTableCell;
967
+ td?: ChartTableCell & {
1157
968
  roundingValue?: number;
1158
969
  roundingPercentage?: number;
1159
970
  };
@@ -1182,7 +993,7 @@ declare module 'vue-data-ui' {
1182
993
  }>
1183
994
 
1184
995
  export type VueUiSparkHistogramConfig = {
1185
- theme?: "" | "hack" | "zen" | "concrete";
996
+ theme?: Theme;
1186
997
  style?: {
1187
998
  backgroundColor?: string;
1188
999
  fontFamily?: string;
@@ -1193,12 +1004,7 @@ declare module 'vue-data-ui' {
1193
1004
  layout?: {
1194
1005
  height?: number;
1195
1006
  width?: number;
1196
- padding?: {
1197
- top?: number;
1198
- right?: number;
1199
- left?: number;
1200
- bottom?: number;
1201
- };
1007
+ padding?: ChartPadding;
1202
1008
  };
1203
1009
  bars?: {
1204
1010
  shape?: "circle" | "triangle" | "square" | "diamond" | "pentagon" | "hexagon" | "star";
@@ -1242,7 +1048,7 @@ declare module 'vue-data-ui' {
1242
1048
  borderRadius?: number;
1243
1049
  };
1244
1050
  title?: {
1245
- textAlign?: "left" | "right" | "center";
1051
+ textAlign?: TextAlign;
1246
1052
  text?: string;
1247
1053
  color?: string;
1248
1054
  fontSize?: number;
@@ -1281,7 +1087,7 @@ declare module 'vue-data-ui' {
1281
1087
  }>;
1282
1088
 
1283
1089
  export type VueUiSparkStackBarConfig = {
1284
- theme?: "" | "hack" | "zen" | "concrete";
1090
+ theme?: Theme;
1285
1091
  customPalette?: string[];
1286
1092
  style?: {
1287
1093
  backgroundColor?: string;
@@ -1298,7 +1104,7 @@ declare module 'vue-data-ui' {
1298
1104
  };
1299
1105
  };
1300
1106
  legend?: {
1301
- textAlign?: "left" | "right" | "center";
1107
+ textAlign?: TextAlign;
1302
1108
  show?: boolean;
1303
1109
  margin?: string;
1304
1110
  fontSize?: number;
@@ -1322,7 +1128,7 @@ declare module 'vue-data-ui' {
1322
1128
  };
1323
1129
  };
1324
1130
  title?: {
1325
- textAlign?: "left" | "center" | "right";
1131
+ textAlign?: TextAlign;
1326
1132
  text?: string;
1327
1133
  color?: string;
1328
1134
  fontSize?: number;
@@ -1354,7 +1160,7 @@ declare module 'vue-data-ui' {
1354
1160
  }>;
1355
1161
 
1356
1162
  export type VueUiThermometerConfig = {
1357
- theme?: "" | "hack" | "zen" | "concrete";
1163
+ theme?: Theme;
1358
1164
  customPalette?: string[];
1359
1165
  style?: {
1360
1166
  fontFamily?: string;
@@ -1365,12 +1171,7 @@ declare module 'vue-data-ui' {
1365
1171
  thermometer?: {
1366
1172
  width?: number;
1367
1173
  };
1368
- padding?: {
1369
- top?: number;
1370
- bottom?: number;
1371
- left?: number;
1372
- right?: number;
1373
- };
1174
+ padding?: ChartPadding;
1374
1175
  graduations?: {
1375
1176
  show?: boolean;
1376
1177
  sides?: "left" | "right" | "both" | "none";
@@ -1395,27 +1196,9 @@ declare module 'vue-data-ui' {
1395
1196
  suffix?: string;
1396
1197
  };
1397
1198
  };
1398
- title?: {
1399
- useDiv?: boolean;
1400
- text?: string;
1401
- color?: string;
1402
- fontSize?: number;
1403
- bold?: boolean;
1404
- subtitle?: {
1405
- color?: string;
1406
- text?: string;
1407
- fontSize?: number;
1408
- bold?: boolean;
1409
- };
1410
- };
1411
- };
1412
- userOptions?: {
1413
- show?: boolean;
1414
- title?: string;
1415
- labels?: {
1416
- useDiv?: string;
1417
- };
1199
+ title?: ChartTitle;
1418
1200
  };
1201
+ userOptions?: ChartUserOptions;
1419
1202
  };
1420
1203
 
1421
1204
  export type VueUiThermometerDataset = {
@@ -1435,7 +1218,7 @@ declare module 'vue-data-ui' {
1435
1218
  }>;
1436
1219
 
1437
1220
  export type VueUiRelationCircleConfig = {
1438
- theme?: "" | "hack" | "zen" | "concrete";
1221
+ theme?: Theme;
1439
1222
  customPalette?: string[];
1440
1223
  style?: {
1441
1224
  color?: string;
@@ -1465,24 +1248,9 @@ declare module 'vue-data-ui' {
1465
1248
  radius?: number;
1466
1249
  color?: string;
1467
1250
  };
1468
- title?: {
1469
- useDiv?: boolean;
1470
- text?: string;
1471
- color?: string;
1472
- fontSize?: number;
1473
- bold?: boolean;
1474
- subtitle?: {
1475
- color?: string;
1476
- text?: string;
1477
- fontSize?: number;
1478
- bold?: boolean;
1479
- };
1480
- };
1251
+ title?: ChartTitle;
1481
1252
  };
1482
- userOptions?: {
1483
- show?: boolean;
1484
- title?: string;
1485
- }
1253
+ userOptions?: ChartUserOptions;
1486
1254
  };
1487
1255
 
1488
1256
  export type VueUiRelationCircleDatasetItem = {
@@ -1627,7 +1395,7 @@ declare module 'vue-data-ui' {
1627
1395
  }
1628
1396
 
1629
1397
  export type VueUiSparkbarConfig = {
1630
- theme?: "" | "hack" | "zen" | "concrete";
1398
+ theme?: Theme;
1631
1399
  customPalette?: string[];
1632
1400
  style?: {
1633
1401
  backgroundColor?: string;
@@ -1677,7 +1445,7 @@ declare module 'vue-data-ui' {
1677
1445
  export type VueUiAgePyramidDataset = Array<Array<string | number>>;
1678
1446
 
1679
1447
  export type VueUiAgePyramidConfig = {
1680
- theme?: "" | "hack" | "zen" | "concrete";
1448
+ theme?: Theme;
1681
1449
  style?: {
1682
1450
  backgroundColor?: string;
1683
1451
  color?: string;
@@ -1686,12 +1454,7 @@ declare module 'vue-data-ui' {
1686
1454
  width?: number;
1687
1455
  layout?: {
1688
1456
  useDiv?: boolean;
1689
- padding?: {
1690
- top?: number;
1691
- right?: number;
1692
- bottom?: number;
1693
- left?: number;
1694
- };
1457
+ padding?: ChartPadding;
1695
1458
  grid?: {
1696
1459
  show?: boolean;
1697
1460
  stroke?: string;
@@ -1747,23 +1510,8 @@ declare module 'vue-data-ui' {
1747
1510
  color?: string;
1748
1511
  opacity?: number;
1749
1512
  };
1750
- title?: {
1751
- text?: string;
1752
- color?: string;
1753
- fontSize?: number;
1754
- bold?: boolean;
1755
- subtitle?: {
1756
- color?: string;
1757
- text?: string;
1758
- fontSize?: number;
1759
- bold?: boolean;
1760
- };
1761
- };
1762
- tooltip?: {
1763
- show?: boolean;
1764
- backgroundColor?: string;
1765
- color?: string;
1766
- fontSize?: number;
1513
+ title?: ChartTitle;
1514
+ tooltip?: ChartTooltip & {
1767
1515
  roundingValue?: number;
1768
1516
  customFormat?: (params: VueUiTooltipParams<VueUiAgePyramidDatapoint, VueUiAgePyramidSeries[], VueUiAgePyramidConfig>) => string;
1769
1517
  };
@@ -1775,26 +1523,11 @@ declare module 'vue-data-ui' {
1775
1523
  total?: string;
1776
1524
  year?: string;
1777
1525
  };
1778
- userOptions?: {
1779
- show?: boolean;
1780
- title?: string;
1781
- labels?: {
1782
- useDiv?: string;
1783
- showTable?: string;
1784
- };
1785
- };
1526
+ userOptions?: ChartUserOptions;
1786
1527
  table?: {
1787
1528
  show?: boolean;
1788
- th?: {
1789
- backgroundColor?: string;
1790
- color?: string;
1791
- outline?: string;
1792
- };
1793
- td?: {
1794
- backgroundColor?: string;
1795
- color?: string;
1796
- outline?: string;
1797
- };
1529
+ th?: ChartTableCell;
1530
+ td?: ChartTableCell;
1798
1531
  };
1799
1532
  };
1800
1533
 
@@ -1828,7 +1561,7 @@ declare module 'vue-data-ui' {
1828
1561
  }>;
1829
1562
 
1830
1563
  export type VueUiCandlestickConfig = {
1831
- theme?: "" | "hack" | "zen" | "concrete";
1564
+ theme?: Theme;
1832
1565
  useCssAnimation?: boolean;
1833
1566
  style?: {
1834
1567
  backgroundColor?: string;
@@ -1838,12 +1571,7 @@ declare module 'vue-data-ui' {
1838
1571
  width?: number;
1839
1572
  layout?: {
1840
1573
  useDiv?: boolean;
1841
- padding?: {
1842
- top?: number;
1843
- right?: number;
1844
- bottom?: number;
1845
- left?: number;
1846
- };
1574
+ padding?: ChartPadding;
1847
1575
  selector?: {
1848
1576
  color?: string;
1849
1577
  opacity?: number;
@@ -1908,23 +1636,8 @@ declare module 'vue-data-ui' {
1908
1636
  fontSize?: number;
1909
1637
  useResetSlot?: boolean;
1910
1638
  };
1911
- title?: {
1912
- text?: string;
1913
- color?: string;
1914
- fontSize?: number;
1915
- bold?: boolean;
1916
- subtitle?: {
1917
- color?: string;
1918
- text?: string;
1919
- fontSize?: number;
1920
- bold?: boolean;
1921
- };
1922
- };
1923
- tooltip?: {
1924
- show?: boolean;
1925
- backgroundColor?: string;
1926
- color?: string;
1927
- fontSize?: number;
1639
+ title?: ChartTitle;
1640
+ tooltip?: ChartTooltip & {
1928
1641
  roundingValue?: number;
1929
1642
  prefix?: string;
1930
1643
  suffix?: string;
@@ -1939,27 +1652,12 @@ declare module 'vue-data-ui' {
1939
1652
  last?: string;
1940
1653
  volume?: string;
1941
1654
  };
1942
- userOptions?: {
1943
- show?: boolean;
1944
- title?: string;
1945
- labels?: {
1946
- useDiv?: string;
1947
- showTable?: string;
1948
- showPlotLabels?: string;
1949
- };
1950
- };
1655
+ userOptions?: ChartUserOptions;
1951
1656
  table?: {
1952
1657
  show?: boolean;
1953
1658
  responsiveBreakpoint?: number;
1954
- th?: {
1955
- backgroundColor?: string;
1956
- color?: string;
1957
- outline?: string;
1958
- };
1959
- td?: {
1960
- backgroundColor?: string;
1961
- color?: string;
1962
- outline?: string;
1659
+ th?: ChartTableCell;
1660
+ td?: ChartTableCell & {
1963
1661
  roundingValue?: number;
1964
1662
  prefix?: string;
1965
1663
  suffix?: string;
@@ -1997,7 +1695,7 @@ declare module 'vue-data-ui' {
1997
1695
  }
1998
1696
 
1999
1697
  export type VueUiScatterConfig = {
2000
- theme?: "" | "hack" | "zen" | "concrete";
1698
+ theme?: Theme;
2001
1699
  customPalette?: string[];
2002
1700
  useCssAnimation?: boolean;
2003
1701
  style?: {
@@ -2008,12 +1706,7 @@ declare module 'vue-data-ui' {
2008
1706
  useDiv?: boolean;
2009
1707
  height?: number;
2010
1708
  width?: number;
2011
- padding?: {
2012
- top?: number;
2013
- right?: number;
2014
- bottom?: number;
2015
- left?: number;
2016
- };
1709
+ padding?: ChartPadding;
2017
1710
  axis?: {
2018
1711
  show?: boolean;
2019
1712
  stroke?: string;
@@ -2111,59 +1804,25 @@ declare module 'vue-data-ui' {
2111
1804
  };
2112
1805
  };
2113
1806
  };
2114
- title?: {
2115
- text?: string;
2116
- color?: string;
2117
- fontSize?: number;
2118
- bold?: boolean;
2119
- subtitle?: {
2120
- color?: string;
2121
- text?: string;
2122
- fontSize?: number;
2123
- bold?: boolean;
2124
- };
2125
- };
2126
- legend?: {
2127
- show?: boolean;
1807
+ title?: ChartTitle;
1808
+ legend?: ChartBaseLegend & {
2128
1809
  backgroundColor?: string;
2129
- color?: string;
2130
- fontSize?: string;
2131
- bold?: boolean;
2132
1810
  roundingValue?: number;
2133
1811
  };
2134
- tooltip?: {
2135
- show?: boolean;
2136
- backgroundColor?: string;
2137
- color?: string;
2138
- fontSize?: number;
1812
+ tooltip?: ChartTooltip & {
2139
1813
  roundingValue?: number;
2140
1814
  showShape?: boolean;
2141
1815
  prefix?: string;
2142
1816
  suffix?: string;
2143
- customFormat?: (params: VueUiTooltipParams<VueUiScatterDatapoint, VueUiScatterSeries[], VueUiScatterConfig>) => string
2144
- };
2145
- };
2146
- userOptions?: {
2147
- show?: boolean;
2148
- title?: string;
2149
- labels?: {
2150
- useDiv?: string;
2151
- showTable?: string;
2152
- showPlotLabels?: string;
1817
+ customFormat?: (params: VueUiTooltipParams<VueUiScatterDatapoint, VueUiScatterSeries[], VueUiScatterConfig>) => string;
2153
1818
  };
2154
1819
  };
1820
+ userOptions?: ChartUserOptions;
2155
1821
  table?: {
2156
1822
  show?: boolean;
2157
1823
  responsiveBreakpoint?: number;
2158
- th?: {
2159
- backgroundColor?: string;
2160
- color?: string;
2161
- outline?: string;
2162
- };
2163
- td?: {
2164
- backgroundColor?: string;
2165
- color?: string;
2166
- outline?: string;
1824
+ th?: ChartTableCell;
1825
+ td?: ChartTableCell & {
2167
1826
  roundingValue?: number;
2168
1827
  roundingAverage?: number;
2169
1828
  };
@@ -2216,19 +1875,14 @@ declare module 'vue-data-ui' {
2216
1875
  }>;
2217
1876
 
2218
1877
  export type VueUiHeatmapConfig = {
2219
- theme?: "" | "hack" | "zen" | "concrete";
1878
+ theme?: Theme;
2220
1879
  style?: {
2221
1880
  backgroundColor?: string;
2222
1881
  color?: string;
2223
1882
  fontFamily?: string;
2224
1883
  layout?: {
2225
1884
  useDiv?: boolean;
2226
- padding?: {
2227
- top?: number;
2228
- right?: number;
2229
- bottom?: number;
2230
- left?: number;
2231
- };
1885
+ padding?: ChartPadding;
2232
1886
  cells?: {
2233
1887
  height?: number;
2234
1888
  value?: {
@@ -2272,61 +1926,27 @@ declare module 'vue-data-ui' {
2272
1926
  };
2273
1927
  };
2274
1928
  };
2275
- title?: {
2276
- text?: string;
2277
- color?: string;
2278
- fontSize?: number;
2279
- bold?: boolean;
2280
- subtitle?: {
2281
- color?: string;
2282
- text?: string;
2283
- fontSize?: number;
2284
- bold?: boolean;
2285
- };
2286
- };
2287
- legend?: {
2288
- show?: boolean;
1929
+ title?: ChartTitle;
1930
+ legend?: ChartBaseLegend & {
2289
1931
  backgroundColor?: string;
2290
- color?: string;
2291
- fontSize?: number;
2292
- bold?: boolean;
2293
1932
  roundingValue?: number;
2294
1933
  position?: "right" | "bottom";
2295
1934
  scaleBorderRadius?: number;
2296
1935
  };
2297
- tooltip?: {
2298
- show?: boolean;
2299
- backgroundColor?: string;
2300
- color?: string;
2301
- fontSize?: number;
1936
+ tooltip?: ChartTooltip & {
2302
1937
  roundingValue?: number;
2303
1938
  customFormat?: (params: VueUiTooltipParams<VueUiHeatmapDatapoint, VueUiHeatmapRow[], VueUiHeatmapConfig>) => string;
2304
1939
  };
2305
1940
  };
2306
- userOptions?: {
2307
- show?: boolean;
2308
- title?: string;
2309
- labels?: {
2310
- useDiv?: string;
2311
- showTable?: string;
2312
- showPlotLabels?: string;
2313
- };
2314
- };
1941
+ userOptions?: ChartUserOptions;
2315
1942
  table?: {
2316
1943
  show?: boolean;
2317
1944
  responsiveBreakpoint?: number;
2318
1945
  colNames?: {
2319
1946
  xAxis?: string;
2320
1947
  };
2321
- th?: {
2322
- backgroundColor?: string;
2323
- color?: string;
2324
- outline?: string;
2325
- };
2326
- td?: {
2327
- backgroundColor?: string;
2328
- color?: string;
2329
- outline?: string;
1948
+ th?: ChartTableCell;
1949
+ td?: ChartTableCell & {
2330
1950
  roundingValue?: number;
2331
1951
  };
2332
1952
  };
@@ -2359,7 +1979,7 @@ declare module 'vue-data-ui' {
2359
1979
  }>;
2360
1980
 
2361
1981
  export type VueUiXyConfig = {
2362
- theme?: "" | "hack" | "zen" | "concrete";
1982
+ theme?: Theme;
2363
1983
  customPalette?: string[];
2364
1984
  useCssAnimation?: boolean;
2365
1985
  chart?: {
@@ -2375,12 +1995,7 @@ declare module 'vue-data-ui' {
2375
1995
  fontSize?: number;
2376
1996
  useResetSlot?: boolean;
2377
1997
  };
2378
- padding?: {
2379
- top?: number;
2380
- right?: number;
2381
- bottom?: number;
2382
- left?: number;
2383
- };
1998
+ padding?: ChartPadding;
2384
1999
  highlighter?: {
2385
2000
  color?: string;
2386
2001
  opacity?: number;
@@ -2411,7 +2026,7 @@ declare module 'vue-data-ui' {
2411
2026
  bold?: boolean;
2412
2027
  offsetY?: boolean;
2413
2028
  width?: "auto" | number;
2414
- textAlign?: "left" | "center" | "right";
2029
+ textAlign?: TextAlign;
2415
2030
  };
2416
2031
  };
2417
2032
  grid?: {
@@ -2480,27 +2095,14 @@ declare module 'vue-data-ui' {
2480
2095
  text?: string;
2481
2096
  };
2482
2097
  };
2483
- tooltip?: {
2484
- color?: string;
2485
- backgroundColor?: string;
2486
- show?: boolean;
2098
+ tooltip?: ChartTooltip & {
2487
2099
  showValue?: boolean;
2488
2100
  showPercentage?: boolean;
2489
2101
  roundingValue?: number;
2490
2102
  roundingPercentage?: number;
2491
- fontSize?: number;
2492
2103
  customFormat?: (params: VueUiTooltipParams<VueUiXyDatapointItem[], VueUiXySeries, VueUiXyConfig, VueUiXyDatasetBarItem[], VueUiXyDatasetLineItem[], VueUiXyDatasetPlotItem[]>) => string;
2493
2104
  };
2494
- userOptions?: {
2495
- show?: boolean;
2496
- title?: string;
2497
- labels?: {
2498
- dataLabels?: string;
2499
- titleInside?: string;
2500
- legendInside?: string;
2501
- showTable?: string;
2502
- };
2503
- };
2105
+ userOptions?: ChartUserOptions;
2504
2106
  };
2505
2107
  bar?: {
2506
2108
  borderRadius?: number;
@@ -2560,16 +2162,8 @@ declare module 'vue-data-ui' {
2560
2162
  period?: string;
2561
2163
  total?: string;
2562
2164
  };
2563
- th?: {
2564
- backgroundColor?: string;
2565
- color?: string;
2566
- outline?: string;
2567
- };
2568
- td?: {
2569
- backgroundColor?: string;
2570
- color?: string;
2571
- outline?: string;
2572
- };
2165
+ th?: ChartTableCell;
2166
+ td?: ChartTableCell;
2573
2167
  };
2574
2168
  showTable?: boolean;
2575
2169
  };
@@ -2650,7 +2244,7 @@ declare module 'vue-data-ui' {
2650
2244
  }>
2651
2245
 
2652
2246
  export type VueUiDonutConfig = {
2653
- theme?: "" | "hack" | "zen" | "concrete";
2247
+ theme?: Theme;
2654
2248
  customPalette?: string[];
2655
2249
  useCssAnimation?: boolean;
2656
2250
  useBlurOnHover?: boolean;
@@ -2728,32 +2322,13 @@ declare module 'vue-data-ui' {
2728
2322
  strokeWidth?: number;
2729
2323
  };
2730
2324
  };
2731
- legend?: {
2325
+ legend?: ChartBaseLegend & {
2732
2326
  backgroundColor?: string;
2733
- color?: string;
2734
- show?: boolean;
2735
- fontSize?: number;
2736
- bold?: boolean;
2737
2327
  roundingValue?: number;
2738
2328
  roundingPercentage?: number;
2739
2329
  };
2740
- title?: {
2741
- text?: string;
2742
- color?: string;
2743
- fontSize?: number;
2744
- bold?: boolean;
2745
- subtitle?: {
2746
- color?: string;
2747
- text?: string;
2748
- fontSize?: number;
2749
- bold?: boolean;
2750
- };
2751
- };
2752
- tooltip?: {
2753
- show?: boolean;
2754
- color?: string;
2755
- backgroundColor?: string;
2756
- fontSize?: number;
2330
+ title?: ChartTitle;
2331
+ tooltip?: ChartTooltip & {
2757
2332
  showValue?: boolean;
2758
2333
  showPercentage?: boolean;
2759
2334
  roundingValue?: number;
@@ -2762,15 +2337,7 @@ declare module 'vue-data-ui' {
2762
2337
  };
2763
2338
  };
2764
2339
  };
2765
- userOptions?: {
2766
- show?: boolean;
2767
- title?: string;
2768
- labels?: {
2769
- dataLabels?: string;
2770
- useDiv?: string;
2771
- showTable?: string;
2772
- };
2773
- };
2340
+ userOptions?: ChartUserOptions;
2774
2341
  translations?: {
2775
2342
  total?: string;
2776
2343
  average?: string;
@@ -2783,15 +2350,8 @@ declare module 'vue-data-ui' {
2783
2350
  value?: string;
2784
2351
  percentage?: string;
2785
2352
  },
2786
- th?: {
2787
- backgroundColor?: string;
2788
- color?: string;
2789
- outline?: string;
2790
- };
2791
- td?: {
2792
- backgroundColor?: string;
2793
- color?: string;
2794
- outline?: string;
2353
+ th?: ChartTableCell;
2354
+ td?: ChartTableCell & {
2795
2355
  roundingValue?: number;
2796
2356
  roundingPercentage?: number;
2797
2357
  };
@@ -2838,13 +2398,11 @@ declare module 'vue-data-ui' {
2838
2398
  }
2839
2399
 
2840
2400
  export type VueUiNestedDonutsConfig = {
2841
- theme?: "" | "hack" | "zen" | "concrete";
2401
+ theme?: Theme;
2842
2402
  customPalette?: string[];
2843
2403
  useCssAnimation?: boolean;
2844
2404
  useBlurOnHover?: boolean;
2845
- userOptions?: {
2846
- show?: boolean;
2847
- };
2405
+ userOptions?: ChartUserOptions;
2848
2406
  style?: {
2849
2407
  fontFamily?: string;
2850
2408
  chart?: {
@@ -2883,33 +2441,14 @@ declare module 'vue-data-ui' {
2883
2441
  spacingRatio?: number;
2884
2442
  };
2885
2443
  };
2886
- legend?: {
2444
+ legend?: ChartBaseLegend & {
2887
2445
  backgroundColor?: string;
2888
- color?: string;
2889
- show?: boolean;
2890
- fontSize?: number;
2891
- bold?: boolean;
2892
2446
  roundingValue?: number;
2893
2447
  roundingPercentage?: number;
2894
2448
  };
2895
- title?: {
2896
- text?: string;
2897
- color?: string;
2898
- fontSize?: number;
2899
- bold?: boolean;
2900
- subtitle?: {
2901
- color?: string;
2902
- text?: string;
2903
- fontSize?: number;
2904
- bold?: boolean;
2905
- };
2906
- };
2907
- tooltip?: {
2908
- show?: boolean;
2449
+ title?: ChartTitle;
2450
+ tooltip?: ChartTooltip & {
2909
2451
  showAllItemsAtIndex?: boolean;
2910
- color?: string;
2911
- backgroundColor?: string;
2912
- fontSize?: number;
2913
2452
  showValue?: boolean;
2914
2453
  showPercentage?: boolean;
2915
2454
  roundingValue?: number;
@@ -2926,15 +2465,8 @@ declare module 'vue-data-ui' {
2926
2465
  value?: string;
2927
2466
  percentage?: string;
2928
2467
  };
2929
- th?: {
2930
- backgroundColor?: string;
2931
- color?: string;
2932
- outline?: string;
2933
- };
2934
- td?: {
2935
- backgroundColor?: string;
2936
- color?: string;
2937
- outline?: string;
2468
+ th?: ChartTableCell;
2469
+ td?: ChartTableCell & {
2938
2470
  roundingValue?: number;
2939
2471
  roundingPercentage?: number;
2940
2472
  };
@@ -2990,7 +2522,7 @@ declare module 'vue-data-ui' {
2990
2522
  }>;
2991
2523
 
2992
2524
  export type VueUiWaffleConfig = {
2993
- theme?: "" | "hack" | "zen" | "concrete";
2525
+ theme?: Theme;
2994
2526
  customPalette?: string[];
2995
2527
  useBlurOnHover?: boolean;
2996
2528
  useCustomCells?: boolean;
@@ -3035,48 +2567,22 @@ declare module 'vue-data-ui' {
3035
2567
  };
3036
2568
  useDiv?: boolean;
3037
2569
  };
3038
- title?: {
3039
- text?: string;
3040
- color?: string;
3041
- fontSize?: number;
3042
- bold?: boolean;
3043
- subtitle?: {
3044
- color?: string;
3045
- text?: string;
3046
- fontSize?: number;
3047
- bold?: boolean;
3048
- };
3049
- };
3050
- tooltip?: {
3051
- show?: boolean;
3052
- backgroundColor?: string;
3053
- color?: string;
3054
- fontSize?: number;
2570
+ title?: ChartTitle;
2571
+ tooltip?: ChartTooltip & {
3055
2572
  showValue?: boolean;
3056
2573
  showPercentage?: boolean;
3057
2574
  roundingValue?: number;
3058
2575
  roundingPercentage?: number;
3059
2576
  customFormat?: (params: VueUiTooltipParams<VueUiWaffleDatapoint, VueUiWaffleSerieItem[], VueUiWaffleConfig>) => string;
3060
2577
  };
3061
- legend?: {
3062
- show?: boolean;
3063
- bold?: boolean;
2578
+ legend?: ChartBaseLegend & {
3064
2579
  backgroundColor?: string;
3065
- color?: string;
3066
- fontSize?: number;
3067
2580
  roundingValue?: number;
3068
2581
  roundingPercentage?: number;
3069
2582
  };
3070
2583
  };
3071
2584
  };
3072
- userOptions?: {
3073
- show?: boolean;
3074
- title?: string;
3075
- labels?: {
3076
- useDiv?: string;
3077
- showTable?: string;
3078
- };
3079
- };
2585
+ userOptions?: ChartUserOptions;
3080
2586
  table?: {
3081
2587
  show?: boolean;
3082
2588
  responsiveBreakpoint?: number;
@@ -3085,15 +2591,8 @@ declare module 'vue-data-ui' {
3085
2591
  value?: string;
3086
2592
  percentage?: string;
3087
2593
  };
3088
- th?: {
3089
- backgroundColor?: string;
3090
- color?: string;
3091
- outline?: string;
3092
- };
3093
- td?: {
3094
- backgroundColor?: string;
3095
- color?: string;
3096
- outline?: string;
2594
+ th?: ChartTableCell;
2595
+ td?: ChartTableCell & {
3097
2596
  roundingValue?: number;
3098
2597
  roundingPercentage?: number;
3099
2598
  };
@@ -3134,7 +2633,7 @@ declare module 'vue-data-ui' {
3134
2633
  }>;
3135
2634
 
3136
2635
  export type VueUiRadarConfig = {
3137
- theme?: "" | "hack" | "zen" | "concrete";
2636
+ theme?: Theme;
3138
2637
  customPalette?: string[];
3139
2638
  useCssAnimation?: boolean;
3140
2639
  style?: {
@@ -3172,23 +2671,8 @@ declare module 'vue-data-ui' {
3172
2671
  };
3173
2672
  };
3174
2673
  };
3175
- title?: {
3176
- text?: string;
3177
- color?: string;
3178
- fontSize?: number;
3179
- bold?: boolean;
3180
- subtitle?: {
3181
- color?: string;
3182
- text?: string;
3183
- fontSize?: number;
3184
- bold?: boolean;
3185
- };
3186
- };
3187
- tooltip?: {
3188
- show?: boolean;
3189
- backgroundColor?: string;
3190
- color?: string;
3191
- fontSize?: number;
2674
+ title?: ChartTitle;
2675
+ tooltip?: ChartTooltip & {
3192
2676
  showValue?: boolean;
3193
2677
  showPercentage?: boolean;
3194
2678
  roundingValue?: number;
@@ -3199,12 +2683,8 @@ declare module 'vue-data-ui' {
3199
2683
  };
3200
2684
  customFormat?: (params: VueUiTooltipParams<VueUiRadarDatapoint, VueUiRadarSeries, VueUiRadarConfig>) => string;
3201
2685
  };
3202
- legend?: {
3203
- show?: boolean;
3204
- bold?: boolean;
2686
+ legend?: ChartBaseLegend & {
3205
2687
  backgroundColor?: string;
3206
- color?: string;
3207
- fontSize?: number;
3208
2688
  roundingPercentage?: number;
3209
2689
  };
3210
2690
  };
@@ -3212,27 +2692,13 @@ declare module 'vue-data-ui' {
3212
2692
  table?: {
3213
2693
  show?: boolean;
3214
2694
  responsiveBreakpoint?: number;
3215
- th?: {
3216
- backgroundColor?: string;
3217
- color?: string;
3218
- outline?: string;
3219
- };
3220
- td?: {
3221
- backgroundColor?: string;
3222
- color?: string;
3223
- outline?: string;
2695
+ th?: ChartTableCell;
2696
+ td?: ChartTableCell & {
3224
2697
  roundingValue?: number;
3225
2698
  roundingPercentage?: number;
3226
2699
  };
3227
2700
  };
3228
- userOptions?: {
3229
- show?: boolean;
3230
- title?: string;
3231
- labels?: {
3232
- useDiv?: string;
3233
- showTable?: string;
3234
- };
3235
- };
2701
+ userOptions?: ChartUserOptions;
3236
2702
  translations?: {
3237
2703
  target?: string;
3238
2704
  value?: string;
@@ -3310,8 +2776,15 @@ declare module 'vue-data-ui' {
3310
2776
  series: VueUiQuadrantDatasetSerieItem[];
3311
2777
  };
3312
2778
 
2779
+ export type VueUiQuadrantSideConfig = {
2780
+ text?: string;
2781
+ color?: string;
2782
+ fontSize?: number;
2783
+ bold?: boolean;
2784
+ }
2785
+
3313
2786
  export type VueUiQuadrantConfig = {
3314
- theme?: "" | "hack" | "zen" | "concrete";
2787
+ theme?: Theme;
3315
2788
  useCssAnimation?: boolean;
3316
2789
  zoomAnimationFrames?: number;
3317
2790
  style?: {
@@ -3326,30 +2799,10 @@ declare module 'vue-data-ui' {
3326
2799
  labels?: {
3327
2800
  quadrantLabels?: {
3328
2801
  show?: boolean;
3329
- tl?: {
3330
- text?: string;
3331
- color?: string;
3332
- fontSize?: number;
3333
- bold?: boolean;
3334
- };
3335
- tr?: {
3336
- text?: string;
3337
- color?: string;
3338
- fontSize?: number;
3339
- bold?: boolean;
3340
- };
3341
- br?: {
3342
- text?: string;
3343
- color?: string;
3344
- fontSize?: number;
3345
- bold?: boolean;
3346
- };
3347
- bl?: {
3348
- text?: string;
3349
- color?: string;
3350
- fontSize?: number;
3351
- bold?: boolean;
3352
- };
2802
+ tl?: VueUiQuadrantSideConfig;
2803
+ tr?: VueUiQuadrantSideConfig;
2804
+ br?: VueUiQuadrantSideConfig;
2805
+ bl?: VueUiQuadrantSideConfig;
3353
2806
  };
3354
2807
  plotLabels?: {
3355
2808
  showAsTag?: boolean;
@@ -3405,60 +2858,26 @@ declare module 'vue-data-ui' {
3405
2858
  useGradient?: boolean;
3406
2859
  };
3407
2860
  };
3408
- title?: {
3409
- text?: string;
3410
- color?: string;
3411
- fontSize?: number;
3412
- bold?: boolean;
3413
- subtitle?: {
3414
- color?: string;
3415
- text?: string;
3416
- fontSize?: number;
3417
- bold?: boolean;
3418
- };
3419
- };
3420
- tooltip?: {
3421
- show?: boolean;
3422
- backgroundColor?: string;
3423
- color?: string;
3424
- fontSize?: number;
2861
+ title?: ChartTitle;
2862
+ tooltip?: ChartTooltip & {
3425
2863
  roundingValue?: number;
3426
2864
  customFormat?: (params: VueUiTooltipParams<VueUiQuadrantDatapoint, VueUiQuadrantSerie[], VueUiQuadrantConfig>) => string;
3427
2865
  showShape?: boolean;
3428
2866
  };
3429
- legend?: {
3430
- show?: boolean;
3431
- bold?: boolean;
2867
+ legend?: ChartBaseLegend & {
3432
2868
  backgroundColor?: string;
3433
- color?: string;
3434
- fontSize?: number;
3435
2869
  };
3436
2870
  };
3437
2871
  };
3438
2872
  table?: {
3439
2873
  show?: boolean;
3440
2874
  responsiveBreakpoint?: number;
3441
- th?: {
3442
- backgroundColor?: string;
3443
- color?: string;
3444
- outline?: string;
3445
- };
3446
- td?: {
3447
- backgroundColor?: string;
3448
- color?: string;
3449
- outline?: string;
2875
+ th?: ChartTableCell;
2876
+ td?: ChartTableCell & {
3450
2877
  roundingValue?: number;
3451
2878
  };
3452
2879
  };
3453
- userOptions?: {
3454
- show?: boolean;
3455
- title?: string;
3456
- labels?: {
3457
- useDiv?: string;
3458
- showTable?: string;
3459
- showPlotLabels?: string;
3460
- };
3461
- };
2880
+ userOptions?: ChartUserOptions;
3462
2881
  translations?: {
3463
2882
  category?: string;
3464
2883
  item?: string;
@@ -3505,7 +2924,7 @@ declare module 'vue-data-ui' {
3505
2924
  }
3506
2925
 
3507
2926
  export type VueUiGaugeConfig = {
3508
- theme?: "" | "hack" | "zen" | "concrete";
2927
+ theme?: Theme;
3509
2928
  customPalette?: string[];
3510
2929
  style?: {
3511
2930
  fontFamily?: string;
@@ -3559,28 +2978,10 @@ declare module 'vue-data-ui' {
3559
2978
  useRatingColor?: boolean;
3560
2979
  color?: string;
3561
2980
  };
3562
- title?: {
3563
- text?: string;
3564
- color?: string;
3565
- fontSize?: number;
3566
- bold?: boolean;
3567
- subtitle?: {
3568
- color?: string;
3569
- text?: string;
3570
- fontSize?: number;
3571
- bold?: boolean;
3572
- };
3573
- };
3574
- };
3575
- };
3576
- userOptions?: {
3577
- show?: boolean;
3578
- title?: string;
3579
- labels?: {
3580
- useDiv?: string;
3581
- showTable?: string;
2981
+ title?: ChartTitle;
3582
2982
  };
3583
2983
  };
2984
+ userOptions?: ChartUserOptions;
3584
2985
  translations?: {
3585
2986
  base?: string;
3586
2987
  };
@@ -3610,7 +3011,7 @@ declare module 'vue-data-ui' {
3610
3011
  };
3611
3012
 
3612
3013
  export type VueUiChestnutConfig = {
3613
- theme?: "" | "hack" | "zen" | "concrete";
3014
+ theme?: Theme;
3614
3015
  customPalette?: string[];
3615
3016
  style?: {
3616
3017
  fontFamily?: string;
@@ -3746,10 +3147,7 @@ declare module 'vue-data-ui' {
3746
3147
  table?: {
3747
3148
  show?: boolean;
3748
3149
  responsiveBreakpoint?: number;
3749
- th?: {
3750
- backgroundColor?: string;
3751
- color?: string;
3752
- outline?: string;
3150
+ th?: ChartTableCell & {
3753
3151
  translations?: {
3754
3152
  rootName?: string;
3755
3153
  rootValue?: string;
@@ -3765,21 +3163,12 @@ declare module 'vue-data-ui' {
3765
3163
  nutToTotal?: string;
3766
3164
  };
3767
3165
  };
3768
- td?: {
3769
- backgroundColor?: string;
3770
- color?: string;
3771
- outline?: string;
3166
+ td?: ChartTableCell & {
3772
3167
  roundingValue?: number;
3773
3168
  roundingPercentage?: number;
3774
3169
  };
3775
3170
  };
3776
- userOptions?: {
3777
- show?: boolean;
3778
- title?: string;
3779
- labels?: {
3780
- showTable?: string;
3781
- };
3782
- };
3171
+ userOptions?: ChartUserOptions;
3783
3172
  translations?: {
3784
3173
  total?: string;
3785
3174
  proportionToTree?: string;
@@ -3802,7 +3191,7 @@ declare module 'vue-data-ui' {
3802
3191
  };
3803
3192
 
3804
3193
  export type VueUiOnionConfig = {
3805
- theme?: "" | "hack" | "zen" | "concrete";
3194
+ theme?: Theme;
3806
3195
  customPalette?: string[];
3807
3196
  useCssAnimation?: boolean;
3808
3197
  style?: {
@@ -3838,32 +3227,13 @@ declare module 'vue-data-ui' {
3838
3227
  };
3839
3228
  };
3840
3229
  };
3841
- title?: {
3842
- text?: string;
3843
- color?: string;
3844
- fontSize?: number;
3845
- bold?: boolean;
3846
- subtitle?: {
3847
- color?: string;
3848
- text?: string;
3849
- fontSize?: number;
3850
- bold?: boolean;
3851
- };
3852
- };
3853
- legend?: {
3854
- show?: boolean;
3855
- bold?: boolean;
3230
+ title?: ChartTitle;
3231
+ legend?: ChartBaseLegend & {
3856
3232
  backgroundColor?: string;
3857
- color?: string;
3858
- fontSize?: number;
3859
3233
  roundingValue?: number;
3860
3234
  roundingPercentage?: number;
3861
3235
  };
3862
- tooltip?: {
3863
- show?: boolean;
3864
- color?: string;
3865
- backgroundColor?: string;
3866
- fontSize?: number;
3236
+ tooltip?: ChartTooltip & {
3867
3237
  showValue?: boolean;
3868
3238
  showPercentage?: boolean;
3869
3239
  roundingValue?: number;
@@ -3872,25 +3242,11 @@ declare module 'vue-data-ui' {
3872
3242
  };
3873
3243
  };
3874
3244
  };
3875
- userOptions?: {
3876
- show?: boolean;
3877
- title?: string;
3878
- labels?: {
3879
- useDiv?: string;
3880
- showTable?: string;
3881
- };
3882
- };
3245
+ userOptions?: ChartUserOptions;
3883
3246
  table?: {
3884
3247
  show?: boolean;
3885
- th?: {
3886
- backgroundColor?: string;
3887
- color?: string;
3888
- outline?: string;
3889
- };
3890
- td?: {
3891
- backgroundColor?: string;
3892
- color?: string;
3893
- outline?: string;
3248
+ th?: ChartTableCell;
3249
+ td?: ChartTableCell & {
3894
3250
  roundingValue?: number;
3895
3251
  roundingPercentage?: number;
3896
3252
  },
@@ -3957,7 +3313,7 @@ declare module 'vue-data-ui' {
3957
3313
  };
3958
3314
 
3959
3315
  export type VueUiVerticalBarConfig = {
3960
- theme?: "" | "hack" | "zen" | "concrete";
3316
+ theme?: Theme;
3961
3317
  customPalette?: string[];
3962
3318
  useCssAnimation?: boolean;
3963
3319
  style?: {
@@ -4021,35 +3377,16 @@ declare module 'vue-data-ui' {
4021
3377
  strokeWidth?: number;
4022
3378
  };
4023
3379
  };
4024
- title?: {
4025
- text?: string;
4026
- color?: string;
4027
- fontSize?: number;
4028
- bold?: boolean;
4029
- subtitle?: {
4030
- color?: string;
4031
- text?: string;
4032
- fontSize?: number;
4033
- bold?: boolean;
4034
- };
4035
- };
4036
- legend?: {
3380
+ title?: ChartTitle;
3381
+ legend?: ChartBaseLegend & {
4037
3382
  position?: "top" | "bottom";
4038
- show?: boolean;
4039
- fontSize?: number;
4040
- color?: string;
4041
3383
  backgroundColor?: string;
4042
- bold?: boolean;
4043
3384
  roundingValue?: number;
4044
3385
  roundingPercentage?: number;
4045
3386
  prefix?: string;
4046
3387
  suffix?: string;
4047
3388
  };
4048
- tooltip?: {
4049
- show?: boolean;
4050
- backgroundColor?: string;
4051
- color?: string;
4052
- fontSize?: number;
3389
+ tooltip?: ChartTooltip & {
4053
3390
  showValue?: boolean;
4054
3391
  showPercentage?: boolean;
4055
3392
  roundingValue?: number;
@@ -4060,27 +3397,12 @@ declare module 'vue-data-ui' {
4060
3397
  };
4061
3398
  };
4062
3399
  };
4063
- userOptions?: {
4064
- show?: boolean;
4065
- title?: string;
4066
- labels?: {
4067
- useDiv?: string;
4068
- showTable?: string;
4069
- sort?: string;
4070
- };
4071
- };
3400
+ userOptions?: ChartUserOptions;
4072
3401
  table?: {
4073
3402
  show?: boolean;
4074
3403
  responsiveBreakpoint?: number;
4075
- th?: {
4076
- backgroundColor?: string;
4077
- color?: string;
4078
- outline?: string;
4079
- };
4080
- td?: {
4081
- backgroundColor?: string;
4082
- color?: string;
4083
- outline?: string;
3404
+ th?: ChartTableCell;
3405
+ td?: ChartTableCell & {
4084
3406
  roundingValue?: number;
4085
3407
  roundingPercentage?: number;
4086
3408
  prefix?: string;
@@ -4142,7 +3464,7 @@ declare module 'vue-data-ui' {
4142
3464
  };
4143
3465
 
4144
3466
  export type VueUiSparklineConfig = {
4145
- theme?: "" | "hack" | "zen" | "concrete";
3467
+ theme?: Theme;
4146
3468
  type?: "line" | "bar";
4147
3469
  style?: {
4148
3470
  backgroundColor?: string;
@@ -4196,7 +3518,7 @@ declare module 'vue-data-ui' {
4196
3518
  };
4197
3519
  title?: {
4198
3520
  show?: boolean;
4199
- textAlign?: "left" | "center" | "right";
3521
+ textAlign?: TextAlign;
4200
3522
  color?: string;
4201
3523
  fontSize?: number;
4202
3524
  bold?: boolean;
@@ -4246,10 +3568,7 @@ declare module 'vue-data-ui' {
4246
3568
  maxHeight?: number;
4247
3569
  rowsPerPage?: number;
4248
3570
  style?: {
4249
- th?: {
4250
- backgroundColor?: string;
4251
- color?: string;
4252
- outline?: string;
3571
+ th?: ChartTableCell & {
4253
3572
  selected?: {
4254
3573
  backgroundColor?: string;
4255
3574
  color?: string;
@@ -4443,7 +3762,7 @@ declare module 'vue-data-ui' {
4443
3762
  alt?: string;
4444
3763
  };
4445
3764
  title?: {
4446
- textAlign?: string;
3765
+ textAlign?: TextAlign;
4447
3766
  fontSize?: number;
4448
3767
  color?: string;
4449
3768
  bold?: boolean;
@@ -4466,16 +3785,9 @@ declare module 'vue-data-ui' {
4466
3785
  offsetY?: number;
4467
3786
  offsetX?: number;
4468
3787
  };
4469
- tooltip?: {
4470
- show?: boolean;
4471
- fontSize?: number;
3788
+ tooltip?: ChartTooltip & {
4472
3789
  offsetY?: number;
4473
- color?: string;
4474
3790
  bold?: boolean;
4475
- backgroundColor?: string;
4476
- borderColor?: string;
4477
- borderRadius?: number;
4478
- boxShadow?: string;
4479
3791
  };
4480
3792
  };
4481
3793
  };
@@ -4501,7 +3813,7 @@ declare module 'vue-data-ui' {
4501
3813
  useGradient?: boolean;
4502
3814
  };
4503
3815
  title?: {
4504
- textAlign?: string;
3816
+ textAlign?: TextAlign;
4505
3817
  fontSize?: number;
4506
3818
  color?: string;
4507
3819
  bold?: boolean;
@@ -4524,16 +3836,9 @@ declare module 'vue-data-ui' {
4524
3836
  offsetY?: number;
4525
3837
  offsetX?: number;
4526
3838
  };
4527
- tooltip?: {
4528
- show?: boolean;
4529
- fontSize?: number;
3839
+ tooltip?: ChartTooltip & {
4530
3840
  offsetY?: number;
4531
- color?: string;
4532
3841
  bold?: boolean;
4533
- backgroundColor?: string;
4534
- borderColor?: string;
4535
- borderRadius?: number;
4536
- boxShadow?: string;
4537
3842
  };
4538
3843
  };
4539
3844
  };
@@ -4779,7 +4084,7 @@ declare module 'vue-data-ui' {
4779
4084
  };
4780
4085
 
4781
4086
  export type VueUiTableHeatmapConfig = {
4782
- theme?: "" | "hack" | "zen" | "concrete";
4087
+ theme?: Theme;
4783
4088
  style?: {
4784
4089
  backgroundColor?: string;
4785
4090
  color?: string;
@@ -4803,9 +4108,7 @@ declare module 'vue-data-ui' {
4803
4108
  values?: string[];
4804
4109
  };
4805
4110
  };
4806
- userOptions?: {
4807
- show?: boolean;
4808
- };
4111
+ userOptions?: ChartUserOptions;
4809
4112
  };
4810
4113
 
4811
4114
  export const VueUiTableHeatmap: DefineComponent<{
@@ -4834,7 +4137,7 @@ declare module 'vue-data-ui' {
4834
4137
  }>
4835
4138
 
4836
4139
  export type VueUiQuickChartConfig = {
4837
- theme?: "" | "hack" | "zen" | "concrete";
4140
+ theme?: Theme;
4838
4141
  axisLabelsFontSize?: number;
4839
4142
  backgroundColor?: string;
4840
4143
  barGap?: number;
@@ -4870,8 +4173,11 @@ declare module 'vue-data-ui' {
4870
4173
  title?: string;
4871
4174
  titleBold?: boolean;
4872
4175
  titleFontSize?: number;
4873
- titleTextAlign?: "center" | "left" | "right",
4176
+ titleTextAlign?: TextAlign;
4874
4177
  tooltipCustomFormat?: any;
4178
+ tooltipBorderRadius?: number;
4179
+ tooltipBorderColor?: string;
4180
+ tooltipBorderWidth?: number;
4875
4181
  useCustomLegend?: boolean;
4876
4182
  valuePrefix?: string;
4877
4183
  valueSuffix?: string;
@@ -4946,7 +4252,7 @@ declare module 'vue-data-ui' {
4946
4252
  }>;
4947
4253
 
4948
4254
  export type VueUiSparkTrendConfig = {
4949
- theme?: "" | "hack" | "zen" | "concrete";
4255
+ theme?: Theme;
4950
4256
  style?: {
4951
4257
  backgroundColor?: string;
4952
4258
  fontFamily?: string;
@@ -4992,12 +4298,7 @@ declare module 'vue-data-ui' {
4992
4298
  negative?: string;
4993
4299
  };
4994
4300
  };
4995
- padding?: {
4996
- top?: number;
4997
- left?: number;
4998
- right?: number;
4999
- bottom?: number;
5000
- };
4301
+ padding?: ChartPadding;
5001
4302
  };
5002
4303
  };
5003
4304
 
@@ -5007,12 +4308,10 @@ declare module 'vue-data-ui' {
5007
4308
  }>
5008
4309
 
5009
4310
  export type VueUiStripPlotConfig = {
5010
- theme?: "" | "hack" | "zen" | "concrete";
4311
+ theme?: Theme;
5011
4312
  customPalette?: string[];
5012
4313
  useCssAnimation?: boolean;
5013
- userOptions?: {
5014
- show?: boolean;
5015
- };
4314
+ userOptions?: ChartUserOptions;
5016
4315
  table?: {
5017
4316
  show?: boolean;
5018
4317
  responsiveBreakpoint?: number;
@@ -5020,15 +4319,8 @@ declare module 'vue-data-ui' {
5020
4319
  series?: string;
5021
4320
  value?: string;
5022
4321
  };
5023
- th?: {
5024
- backgroundColor?: string;
5025
- color?: string;
5026
- outline?: string;
5027
- };
5028
- td?: {
5029
- backgroundColor?: string;
5030
- color?: string;
5031
- outline?: string;
4322
+ th?: ChartTableCell;
4323
+ td?: ChartTableCell & {
5032
4324
  roundingValue?: number;
5033
4325
  };
5034
4326
  };
@@ -5039,12 +4331,7 @@ declare module 'vue-data-ui' {
5039
4331
  color?: string;
5040
4332
  height?: number;
5041
4333
  stripWidth?: number;
5042
- padding?: {
5043
- top?: number;
5044
- left?: number;
5045
- right?: number;
5046
- bottom?: number;
5047
- };
4334
+ padding?: ChartPadding;
5048
4335
  grid?: {
5049
4336
  show?: boolean;
5050
4337
  stroke?: string;
@@ -5107,23 +4394,8 @@ declare module 'vue-data-ui' {
5107
4394
  offsetX?: number;
5108
4395
  };
5109
4396
  };
5110
- title?: {
5111
- text?: string;
5112
- color?: string;
5113
- fontSize?: number;
5114
- bold?: boolean;
5115
- subtitle?: {
5116
- color?: string;
5117
- text?: string;
5118
- fontSize?: number;
5119
- bold?: boolean;
5120
- };
5121
- };
5122
- tooltip?: {
5123
- show?: boolean;
5124
- color?: string;
5125
- backgroundColor?: string;
5126
- fontSize?: number;
4397
+ title?: ChartTitle;
4398
+ tooltip?: ChartTooltip & {
5127
4399
  roundingValue?: number;
5128
4400
  customFormat?: (params: VueUiTooltipParams<VueUiStripPlotDatapoint, VueUiStripPlotSeriesItem[], VueUiStripPlotConfig>) => string;
5129
4401
  };
@@ -5163,13 +4435,19 @@ declare module 'vue-data-ui' {
5163
4435
  dataset: VueUiStripPlotDataset[]
5164
4436
  }>
5165
4437
 
4438
+ export type VueUiDumbbellConfigLabel = {
4439
+ color?: string;
4440
+ fontSize?: number;
4441
+ offsetY?: number;
4442
+ rounding?: number;
4443
+ show?: boolean;
4444
+ }
4445
+
5166
4446
  export type VueUiDumbbellConfig = {
5167
- theme?: "" | "hack" | "zen" | "concrete";
4447
+ theme?: Theme;
5168
4448
  useAnimation?: boolean;
5169
4449
  animationSpeed?: number;
5170
- userOptions?: {
5171
- show?: boolean;
5172
- };
4450
+ userOptions?: ChartUserOptions;
5173
4451
  style?: {
5174
4452
  fontFamily?: string;
5175
4453
  chart?: {
@@ -5177,12 +4455,7 @@ declare module 'vue-data-ui' {
5177
4455
  color?: string;
5178
4456
  width?: number;
5179
4457
  rowHeight?: number;
5180
- padding?: {
5181
- top?: number;
5182
- left?: number;
5183
- right?: number;
5184
- bottom?: number;
5185
- };
4458
+ padding?: ChartPadding;
5186
4459
  plots?: {
5187
4460
  startColor?: string;
5188
4461
  endColor?: string;
@@ -5218,60 +4491,30 @@ declare module 'vue-data-ui' {
5218
4491
  prefix?: string;
5219
4492
  suffix?: string;
5220
4493
  yAxisLabels?: {
5221
- show?: boolean;
5222
- fontSize?: number;
4494
+ bold?: boolean;
5223
4495
  color?: string;
4496
+ fontSize?: number;
5224
4497
  offsetX?: number;
5225
- bold?: boolean;
5226
- showProgression?: boolean;
5227
4498
  rounding?: number;
5228
- };
5229
- xAxisLabels?: {
5230
4499
  show?: boolean;
5231
- fontSize?: number;
5232
- color?: string;
5233
- offsetY?: number;
4500
+ showProgression?: boolean;
4501
+ };
4502
+ xAxisLabels?: VueUiDumbbellConfigLabel & {
5234
4503
  bold?: boolean;
5235
- rounding?: number;
5236
4504
  };
5237
- startLabels?: {
5238
- show?: boolean;
5239
- fontSize?: number;
5240
- color?: string;
5241
- offsetY?: number;
5242
- rounding?: number;
4505
+ startLabels?: VueUiDumbbellConfigLabel & {
5243
4506
  useStartColor?: boolean;
5244
4507
  };
5245
- endLabels?: {
5246
- show?: boolean;
5247
- fontSize?: number;
5248
- color?: string;
5249
- offsetY?: number;
5250
- rounding?: number;
4508
+ endLabels?: VueUiDumbbellConfigLabel & {
5251
4509
  useEndColor?: true;
5252
4510
  };
5253
4511
  };
5254
- legend?: {
5255
- show?: boolean;
4512
+ legend?: ChartBaseLegend & {
5256
4513
  labelStart?: string;
5257
4514
  labelEnd?: string;
5258
4515
  backgroundColor?: string;
5259
- color?: string;
5260
- fontSize?: number;
5261
- bold?: boolean;
5262
- };
5263
- title?: {
5264
- text?: string;
5265
- color?: string;
5266
- fontSize?: number;
5267
- bold?: boolean;
5268
- subtitle?: {
5269
- color?: string;
5270
- text?: string;
5271
- fontSize?: number;
5272
- bold?: boolean;
5273
- };
5274
4516
  };
4517
+ title?: ChartTitle;
5275
4518
  };
5276
4519
  };
5277
4520
  table?: {
@@ -5283,15 +4526,8 @@ declare module 'vue-data-ui' {
5283
4526
  end?: string;
5284
4527
  progression?: string;
5285
4528
  };
5286
- th?: {
5287
- backgroundColor?: string;
5288
- color?: string;
5289
- outline?: string;
5290
- };
5291
- td?: {
5292
- backgroundColor?: string;
5293
- color?: string;
5294
- outline?: string;
4529
+ th?: ChartTableCell;
4530
+ td?: ChartTableCell & {
5295
4531
  roundingValue?: number;
5296
4532
  roundingPercentage?: number;
5297
4533
  };