vue-data-ui 1.7.6 → 1.7.7

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 (2) hide show
  1. package/dist/types/vue-data-ui.d.ts +1910 -1910
  2. package/package.json +1 -1
package/dist/types/vue-data-ui.d.ts CHANGED
@@ -6,104 +6,104 @@ declare module 'vue-data-ui' {
6
6
  }
7
7
 
8
8
  export type VueUiAnnotatorConfig = {
9
- style: {
10
- backgroundColor: string;
11
- color: string;
12
- fixedTools: false,
13
- fontFamily: string;
14
- hideWhenFolded: boolean;
15
- showPrint: boolean;
16
- showSave: boolean;
17
- showTooltips: boolean;
18
- buttons: {
19
- borderRadius: number;
20
- controls: {
21
- backgroundColor: string;
22
- color: string;
23
- border: string;
24
- selected: {
25
- backgroundColor: string;
26
- color: string;
27
- border: string;
28
- };
29
- };
30
- shapes: {
31
- backgroundColor: string;
32
- color: string;
33
- border: string;
34
- selected: {
35
- backgroundColor: string;
36
- color: string;
37
- border: string;
38
- };
39
- };
40
- };
41
- tooltips: {
42
- backgroundColor: string;
43
- color: string;
44
- border: string;
45
- borderRadius: number;
46
- boxShadow: string;
9
+ style?: {
10
+ backgroundColor?: string;
11
+ color?: string;
12
+ fixedTools?: false,
13
+ fontFamily?: string;
14
+ hideWhenFolded?: boolean;
15
+ showPrint?: boolean;
16
+ showSave?: boolean;
17
+ showTooltips?: boolean;
18
+ buttons?: {
19
+ borderRadius?: number;
20
+ controls?: {
21
+ backgroundColor?: string;
22
+ color?: string;
23
+ border?: string;
24
+ selected?: {
25
+ backgroundColor?: string;
26
+ color?: string;
27
+ border?: string;
28
+ };
29
+ };
30
+ shapes?: {
31
+ backgroundColor?: string;
32
+ color?: string;
33
+ border?: string;
34
+ selected?: {
35
+ backgroundColor?: string;
36
+ color?: string;
37
+ border?: string;
38
+ };
39
+ };
40
+ };
41
+ tooltips?: {
42
+ backgroundColor?: string;
43
+ color?: string;
44
+ border?: string;
45
+ borderRadius?: number;
46
+ boxShadow?: string;
47
47
  };
48
48
  };
49
- translations: {
50
- colorAlpha: string;
51
- dashedLines: string;
52
- filled: string;
53
- fontSize: string;
54
- thickness: string;
55
- title: string;
56
- tooltipGroup: string;
57
- tooltipDelete: string;
58
- tooltipMove: string;
59
- tooltipResize: string;
60
- tooltipBringToFront: string;
61
- tooltipBringToBack: string;
62
- tooltipDuplicate: string;
63
- tooltipUndo: string;
64
- tooltipPdf: string;
65
- tooltipSave: string;
66
- tooltipShapeCircle: string;
67
- tooltipShapeRect: string;
68
- tooltipShapeArrow: string;
69
- tooltipShapeFreehand: string;
70
- tooltipShapeText: string;
71
- tooltipShapeTextLeft: string;
72
- tooltipShapeTextCenter: string;
73
- tooltipShapeTextRight: string;
74
- tooltipShapeTextBullet: string;
75
- tooltipShapeTextBold: string;
76
- tooltipShapeTextItalic: string;
77
- tooltipShapeTextUnderline: string;
78
- tooltipShapeColor: string;
49
+ translations?: {
50
+ colorAlpha?: string;
51
+ dashedLines?: string;
52
+ filled?: string;
53
+ fontSize?: string;
54
+ thickness?: string;
55
+ title?: string;
56
+ tooltipGroup?: string;
57
+ tooltipDelete?: string;
58
+ tooltipMove?: string;
59
+ tooltipResize?: string;
60
+ tooltipBringToFront?: string;
61
+ tooltipBringToBack?: string;
62
+ tooltipDuplicate?: string;
63
+ tooltipUndo?: string;
64
+ tooltipPdf?: string;
65
+ tooltipSave?: string;
66
+ tooltipShapeCircle?: string;
67
+ tooltipShapeRect?: string;
68
+ tooltipShapeArrow?: string;
69
+ tooltipShapeFreehand?: string;
70
+ tooltipShapeText?: string;
71
+ tooltipShapeTextLeft?: string;
72
+ tooltipShapeTextCenter?: string;
73
+ tooltipShapeTextRight?: string;
74
+ tooltipShapeTextBullet?: string;
75
+ tooltipShapeTextBold?: string;
76
+ tooltipShapeTextItalic?: string;
77
+ tooltipShapeTextUnderline?: string;
78
+ tooltipShapeColor?: string;
79
79
  }
80
80
  }
81
81
 
82
82
  export type VueUiAnnotatorDataset = VueUiUnknownObj;
83
83
 
84
84
  export const VueUiAnnotator: DefineComponent<{
85
- config: VueUiAnnotatorConfig;
85
+ config?: VueUiAnnotatorConfig;
86
86
  dataset: VueUiAnnotatorDataset;
87
87
  }>
88
88
 
89
89
  export type VueUiDashboardConfig = {
90
- style: {
91
- board: {
92
- backgroundColor: string;
93
- color: string;
94
- aspectRatio: string;
95
- border: string;
90
+ style?: {
91
+ board?: {
92
+ backgroundColor?: string;
93
+ color?: string;
94
+ aspectRatio?: string;
95
+ border?: string;
96
96
  };
97
- item: {
98
- backgroundColor: string;
99
- borderColor: string;
97
+ item?: {
98
+ backgroundColor?: string;
99
+ borderColor?: string;
100
100
  };
101
- resizeHandles: {
102
- backgroundColor: string;
103
- border: string;
101
+ resizeHandles?: {
102
+ backgroundColor?: string;
103
+ border?: string;
104
104
  };
105
105
  };
106
- allowPrint: boolean;
106
+ allowPrint?: boolean;
107
107
  }
108
108
 
109
109
  export type VueUiDashboardElement = {
@@ -114,325 +114,325 @@ declare module 'vue-data-ui' {
114
114
  top: number;
115
115
  component: string;
116
116
  props: {
117
- config: VueUiUnknownObj;
117
+ config?: VueUiUnknownObj;
118
118
  dataset: VueUiUnknownObj;
119
119
  }
120
120
  }
121
121
 
122
122
  export const VueUiDashboard: DefineComponent<{
123
- config: VueUiDashboardConfig;
123
+ config?: VueUiDashboardConfig;
124
124
  dataset: VueUiDashboardElement[];
125
125
  }>;
126
126
 
127
127
  export type VueUiSparkbarDatasetItem = {
128
128
  name: string;
129
129
  value: number;
130
- suffix: string;
131
- rounding: string;
130
+ suffix?: string;
131
+ rounding?: string;
132
132
  color?: string;
133
133
  }
134
134
 
135
135
  export type VueUiSparkbarConfig = {
136
- style: {
137
- backgroundColor: string;
138
- fontFamily: string;
139
- layout: {
140
- independant: boolean;
141
- percentage: boolean;
142
- target: number;
143
- };
144
- gutter: {
145
- backgroundColor: string;
146
- };
147
- bar: {
148
- gradient: {
149
- show: boolean;
150
- intensity: number;
151
- underlayerColor: string;
152
- };
153
- };
154
- labels: {
155
- fontSize: number;
156
- name: {
157
- position: "top" | "left" | "right";
158
- width: string;
159
- color: string;
160
- bold: boolean;
161
- };
162
- value: {
163
- show: boolean;
164
- bold: boolean;
136
+ style?: {
137
+ backgroundColor?: string;
138
+ fontFamily?: string;
139
+ layout?: {
140
+ independant?: boolean;
141
+ percentage?: boolean;
142
+ target?: number;
143
+ };
144
+ gutter?: {
145
+ backgroundColor?: string;
146
+ };
147
+ bar?: {
148
+ gradient?: {
149
+ show?: boolean;
150
+ intensity?: number;
151
+ underlayerColor?: string;
152
+ };
153
+ };
154
+ labels?: {
155
+ fontSize?: number;
156
+ name?: {
157
+ position?: "top" | "left" | "right";
158
+ width?: string;
159
+ color?: string;
160
+ bold?: boolean;
161
+ };
162
+ value?: {
163
+ show?: boolean;
164
+ bold?: boolean;
165
165
  }
166
166
  },
167
- gap: number;
167
+ gap?: number;
168
168
  }
169
169
  };
170
170
 
171
171
  export const VueUiSparkbar: DefineComponent<{
172
- config: VueUiSparkbarConfig;
172
+ config?: VueUiSparkbarConfig;
173
173
  dataset: VueUiSparkbarDatasetItem[];
174
174
  }>;
175
175
 
176
176
  export type VueUiAgePyramidDataset = Array<Array<string | number>>;
177
177
 
178
178
  export type VueUiAgePyramidConfig = {
179
- style: {
180
- backgroundColor: string;
181
- color: string;
182
- fontFamily: string;
183
- height: number;
184
- width: number;
185
- layout: {
186
- useDiv: boolean;
187
- padding: {
188
- top: number;
189
- right: number;
190
- bottom: number;
191
- left: number;
192
- };
193
- grid: {
194
- show: boolean;
195
- stroke: string;
196
- strokeWidth: number;
197
- };
198
- dataLabels: {
199
- sideTitles: {
200
- show: boolean;
201
- fontSize: number;
202
- color: string;
203
- useSideColor: boolean;
204
- bold: boolean;
205
- };
206
- xAxis: {
207
- show: boolean;
208
- fontSize: number;
209
- color: string;
210
- bold: boolean;
211
- scale: number;
212
- translation: string;
213
- };
214
- yAxis: {
215
- show: boolean;
216
- display: string;
217
- fontSize: number;
218
- color: string;
219
- bold: boolean;
220
- showEvery: number;
221
- };
222
- };
223
- centerSlit: {
224
- width: number;
225
- };
226
- bars: {
227
- gap: number;
228
- borderRadius: number;
229
- left: {
230
- color: string;
231
- };
232
- right: {
233
- color: string;
234
- };
235
- gradient: {
236
- show: boolean;
237
- underlayer: string;
238
- intensity: number;
239
- shiftHue: number;
240
- };
241
- };
242
- };
243
- highlighter: {
244
- color: string;
245
- opacity: number;
246
- };
247
- title: {
248
- text: string;
249
- color: string;
250
- fontSize: number;
251
- bold: boolean;
252
- subtitle: {
253
- color: string;
254
- text: string;
255
- fontSize: number;
256
- bold: boolean;
257
- };
258
- };
259
- tooltip: {
260
- show: boolean;
261
- backgroundColor: string;
262
- color: string;
263
- fontSize: number;
264
- roundingValue: number;
179
+ style?: {
180
+ backgroundColor?: string;
181
+ color?: string;
182
+ fontFamily?: string;
183
+ height?: number;
184
+ width?: number;
185
+ layout?: {
186
+ useDiv?: boolean;
187
+ padding?: {
188
+ top?: number;
189
+ right?: number;
190
+ bottom?: number;
191
+ left?: number;
192
+ };
193
+ grid?: {
194
+ show?: boolean;
195
+ stroke?: string;
196
+ strokeWidth?: number;
197
+ };
198
+ dataLabels?: {
199
+ sideTitles?: {
200
+ show?: boolean;
201
+ fontSize?: number;
202
+ color?: string;
203
+ useSideColor?: boolean;
204
+ bold?: boolean;
205
+ };
206
+ xAxis?: {
207
+ show?: boolean;
208
+ fontSize?: number;
209
+ color?: string;
210
+ bold?: boolean;
211
+ scale?: number;
212
+ translation?: string;
213
+ };
214
+ yAxis?: {
215
+ show?: boolean;
216
+ display?: string;
217
+ fontSize?: number;
218
+ color?: string;
219
+ bold?: boolean;
220
+ showEvery?: number;
221
+ };
222
+ };
223
+ centerSlit?: {
224
+ width?: number;
225
+ };
226
+ bars?: {
227
+ gap?: number;
228
+ borderRadius?: number;
229
+ left?: {
230
+ color?: string;
231
+ };
232
+ right?: {
233
+ color?: string;
234
+ };
235
+ gradient?: {
236
+ show?: boolean;
237
+ underlayer?: string;
238
+ intensity?: number;
239
+ shiftHue?: number;
240
+ };
241
+ };
242
+ };
243
+ highlighter?: {
244
+ color?: string;
245
+ opacity?: number;
246
+ };
247
+ title?: {
248
+ text?: string;
249
+ color?: string;
250
+ fontSize?: number;
251
+ bold?: boolean;
252
+ subtitle?: {
253
+ color?: string;
254
+ text?: string;
255
+ fontSize?: number;
256
+ bold?: boolean;
257
+ };
258
+ };
259
+ tooltip?: {
260
+ show?: boolean;
261
+ backgroundColor?: string;
262
+ color?: string;
263
+ fontSize?: number;
264
+ roundingValue?: number;
265
265
  };
266
266
  };
267
- translations: {
268
- age: string;
269
- male: string;
270
- female: string;
271
- total: string;
272
- year: string;
267
+ translations?: {
268
+ age?: string;
269
+ male?: string;
270
+ female?: string;
271
+ total?: string;
272
+ year?: string;
273
273
  };
274
- userOptions: {
275
- show: boolean;
276
- title: string;
277
- labels: {
278
- useDiv: string;
279
- showTable: string;
274
+ userOptions?: {
275
+ show?: boolean;
276
+ title?: string;
277
+ labels?: {
278
+ useDiv?: string;
279
+ showTable?: string;
280
280
  };
281
281
  };
282
- table: {
283
- show: boolean;
284
- th: {
285
- backgroundColor: string;
286
- color: string;
287
- outline: string;
288
- };
289
- td: {
290
- backgroundColor: string;
291
- color: string;
292
- outline: string;
282
+ table?: {
283
+ show?: boolean;
284
+ th?: {
285
+ backgroundColor?: string;
286
+ color?: string;
287
+ outline?: string;
288
+ };
289
+ td?: {
290
+ backgroundColor?: string;
291
+ color?: string;
292
+ outline?: string;
293
293
  };
294
294
  };
295
295
  };
296
296
 
297
297
  export const VueUiAgePyramid: DefineComponent<{
298
- config: VueUiAgePyramidConfig,
298
+ config?: VueUiAgePyramidConfig,
299
299
  dataset: VueUiAgePyramidDataset
300
300
  }>;
301
301
 
302
302
  export type VueUiCandlestickConfig = {
303
- style: {
304
- backgroundColor: string;
305
- color: string;
306
- fontFamily: string;
307
- height: number;
308
- width: number;
309
- layout: {
310
- useDiv: boolean;
311
- padding: {
312
- top: number;
313
- right: number;
314
- bottom: number;
315
- left: number;
316
- };
317
- selector: {
318
- color: string;
319
- opacity: number;
320
- };
321
- grid: {
322
- show: boolean;
323
- stroke: string;
324
- strokeWidth: number;
325
- xAxis: {
326
- dataLabels: {
327
- show: boolean;
328
- fontSize: number;
329
- color: string;
330
- offsetY: number;
331
- bold: boolean;
303
+ style?: {
304
+ backgroundColor?: string;
305
+ color?: string;
306
+ fontFamily?: string;
307
+ height?: number;
308
+ width?: number;
309
+ layout?: {
310
+ useDiv?: boolean;
311
+ padding?: {
312
+ top?: number;
313
+ right?: number;
314
+ bottom?: number;
315
+ left?: number;
316
+ };
317
+ selector?: {
318
+ color?: string;
319
+ opacity?: number;
320
+ };
321
+ grid?: {
322
+ show?: boolean;
323
+ stroke?: string;
324
+ strokeWidth?: number;
325
+ xAxis?: {
326
+ dataLabels?: {
327
+ show?: boolean;
328
+ fontSize?: number;
329
+ color?: string;
330
+ offsetY?: number;
331
+ bold?: boolean;
332
332
  };
333
333
  };
334
- yAxis: {
335
- dataLabels: {
336
- show: boolean;
337
- fontSize: number;
338
- color: string;
339
- roundingValue: number;
340
- offsetX: number;
341
- bold: boolean;
342
- steps: number;
343
- prefix: string;
344
- suffix: string;
334
+ yAxis?: {
335
+ dataLabels?: {
336
+ show?: boolean;
337
+ fontSize?: number;
338
+ color?: string;
339
+ roundingValue?: number;
340
+ offsetX?: number;
341
+ bold?: boolean;
342
+ steps?: number;
343
+ prefix?: string;
344
+ suffix?: string;
345
345
  };
346
346
  };
347
347
  };
348
- wick: {
349
- stroke: string;
350
- strokeWidth: number;
351
- extremity: {
352
- shape: string;
353
- size: string | number;
354
- color: string;
355
- };
356
- };
357
- candle: {
358
- borderRadius: number;
359
- stroke: string;
360
- strokeWidth: number;
361
- colors: {
362
- bearish: string;
363
- bullish: string;
364
- };
365
- gradient: {
366
- show: boolean;
367
- intensity: number;
368
- underlayer: string;
369
- };
370
- widthRatio: number;
371
- };
372
- };
373
- zoom: {
374
- show: boolean;
375
- color: string;
376
- };
377
- title: {
378
- text: string;
379
- color: string;
380
- fontSize: number;
381
- bold: boolean;
382
- subtitle: {
383
- color: string;
384
- text: string;
385
- fontSize: number;
386
- bold: boolean;
387
- };
388
- };
389
- tooltip: {
390
- show: boolean;
391
- backgroundColor: string;
392
- color: string;
393
- fontSize: number;
394
- roundingValue: number;
395
- prefix: string;
396
- suffix: string;
348
+ wick?: {
349
+ stroke?: string;
350
+ strokeWidth?: number;
351
+ extremity?: {
352
+ shape?: string;
353
+ size?: string | number;
354
+ color?: string;
355
+ };
356
+ };
357
+ candle?: {
358
+ borderRadius?: number;
359
+ stroke?: string;
360
+ strokeWidth?: number;
361
+ colors?: {
362
+ bearish?: string;
363
+ bullish?: string;
364
+ };
365
+ gradient?: {
366
+ show?: boolean;
367
+ intensity?: number;
368
+ underlayer?: string;
369
+ };
370
+ widthRatio?: number;
371
+ };
372
+ };
373
+ zoom?: {
374
+ show?: boolean;
375
+ color?: string;
376
+ };
377
+ title?: {
378
+ text?: string;
379
+ color?: string;
380
+ fontSize?: number;
381
+ bold?: boolean;
382
+ subtitle?: {
383
+ color?: string;
384
+ text?: string;
385
+ fontSize?: number;
386
+ bold?: boolean;
387
+ };
388
+ };
389
+ tooltip?: {
390
+ show?: boolean;
391
+ backgroundColor?: string;
392
+ color?: string;
393
+ fontSize?: number;
394
+ roundingValue?: number;
395
+ prefix?: string;
396
+ suffix?: string;
397
397
  };
398
398
  };
399
- translations: {
400
- period: string;
401
- open: string;
402
- high: string;
403
- low: string;
404
- last: string;
405
- volume: string;
399
+ translations?: {
400
+ period?: string;
401
+ open?: string;
402
+ high?: string;
403
+ low?: string;
404
+ last?: string;
405
+ volume?: string;
406
406
  };
407
- userOptions: {
408
- show: boolean;
409
- title: string;
410
- labels: {
411
- useDiv: string;
412
- showTable: string;
413
- showPlotLabels: string;
407
+ userOptions?: {
408
+ show?: boolean;
409
+ title?: string;
410
+ labels?: {
411
+ useDiv?: string;
412
+ showTable?: string;
413
+ showPlotLabels?: string;
414
414
  };
415
415
  };
416
- table: {
417
- show: boolean;
418
- th: {
419
- backgroundColor: string;
420
- color: string;
421
- outline: string;
422
- };
423
- td: {
424
- backgroundColor: string;
425
- color: string;
426
- outline: string;
427
- roundingValue: number;
428
- prefix: string;
429
- suffix: string;
416
+ table?: {
417
+ show?: boolean;
418
+ th?: {
419
+ backgroundColor?: string;
420
+ color?: string;
421
+ outline?: string;
422
+ };
423
+ td?: {
424
+ backgroundColor?: string;
425
+ color?: string;
426
+ outline?: string;
427
+ roundingValue?: number;
428
+ prefix?: string;
429
+ suffix?: string;
430
430
  };
431
431
  };
432
432
  };
433
433
 
434
434
  export const VueUiCandlestick: DefineComponent<{
435
- config: VueUiCandlestickConfig,
435
+ config?: VueUiCandlestickConfig,
436
436
  dataset: Array<Array<string | number>>
437
437
  }>;
438
438
 
@@ -449,243 +449,243 @@ declare module 'vue-data-ui' {
449
449
  }
450
450
 
451
451
  export type VueUiScatterConfig = {
452
- style: {
453
- backgroundColor: string;
454
- color: string;
455
- fontFamily: string;
456
- layout: {
457
- useDiv: boolean;
458
- height: number;
459
- width: number;
460
- padding: {
461
- top: number;
462
- right: number;
463
- bottom: number;
464
- left: number;
465
- };
466
- axis: {
467
- show: boolean;
468
- stroke: string;
469
- strokeWidth: number;
470
- };
471
- plots: {
472
- radius: number;
473
- stroke: string;
474
- strokeWidth: number;
475
- opacity: number;
476
- significance: {
477
- show: boolean;
478
- deviationThreshold: number;
479
- opacity: number;
480
- };
481
- deviation: {
482
- translation: string;
483
- roundingValue: number;
484
- };
485
- };
486
- correlation: {
487
- show: boolean;
488
- strokeDasharray: number;
489
- strokeWidth: number;
490
- label: {
491
- show: boolean;
492
- fontSize: number;
493
- color: string;
494
- bold: boolean;
495
- roundingValue: number;
496
- useSerieColor: number;
497
- };
498
- };
499
- dataLabels: {
500
- xAxis: {
501
- name: string;
502
- show: boolean;
503
- fontSize: number;
504
- color: string;
505
- bold: boolean;
506
- offsetX: number;
507
- offsetY: number;
508
- roundingValue: number;
509
- };
510
- yAxis: {
511
- name: string;
512
- show: boolean;
513
- fontSize: number;
514
- color: string;
515
- bold: boolean;
516
- offsetY: number;
517
- offsetX: number;
518
- roundingValue: number;
519
- };
520
- };
521
- };
522
- title: {
523
- text: string;
524
- color: string;
525
- fontSize: number;
526
- bold: boolean;
527
- subtitle: {
528
- color: string;
529
- text: string;
530
- fontSize: number;
531
- bold: boolean;
532
- };
533
- };
534
- legend: {
535
- show: boolean;
536
- backgroundColor: string;
537
- color: string;
538
- fontSize: string;
539
- bold: boolean;
540
- roundingValue: number;
541
- };
542
- tooltip: {
543
- show: boolean;
544
- backgroundColor: string;
545
- color: string;
546
- fontSize: number;
547
- roundingValue: number;
452
+ style?: {
453
+ backgroundColor?: string;
454
+ color?: string;
455
+ fontFamily?: string;
456
+ layout?: {
457
+ useDiv?: boolean;
458
+ height?: number;
459
+ width?: number;
460
+ padding?: {
461
+ top?: number;
462
+ right?: number;
463
+ bottom?: number;
464
+ left?: number;
465
+ };
466
+ axis?: {
467
+ show?: boolean;
468
+ stroke?: string;
469
+ strokeWidth?: number;
470
+ };
471
+ plots?: {
472
+ radius?: number;
473
+ stroke?: string;
474
+ strokeWidth?: number;
475
+ opacity?: number;
476
+ significance?: {
477
+ show?: boolean;
478
+ deviationThreshold?: number;
479
+ opacity?: number;
480
+ };
481
+ deviation?: {
482
+ translation?: string;
483
+ roundingValue?: number;
484
+ };
485
+ };
486
+ correlation?: {
487
+ show?: boolean;
488
+ strokeDasharray?: number;
489
+ strokeWidth?: number;
490
+ label?: {
491
+ show?: boolean;
492
+ fontSize?: number;
493
+ color?: string;
494
+ bold?: boolean;
495
+ roundingValue?: number;
496
+ useSerieColor?: number;
497
+ };
498
+ };
499
+ dataLabels?: {
500
+ xAxis?: {
501
+ name?: string;
502
+ show?: boolean;
503
+ fontSize?: number;
504
+ color?: string;
505
+ bold?: boolean;
506
+ offsetX?: number;
507
+ offsetY?: number;
508
+ roundingValue?: number;
509
+ };
510
+ yAxis?: {
511
+ name?: string;
512
+ show?: boolean;
513
+ fontSize?: number;
514
+ color?: string;
515
+ bold?: boolean;
516
+ offsetY?: number;
517
+ offsetX?: number;
518
+ roundingValue?: number;
519
+ };
520
+ };
521
+ };
522
+ title?: {
523
+ text?: string;
524
+ color?: string;
525
+ fontSize?: number;
526
+ bold?: boolean;
527
+ subtitle?: {
528
+ color?: string;
529
+ text?: string;
530
+ fontSize?: number;
531
+ bold?: boolean;
532
+ };
533
+ };
534
+ legend?: {
535
+ show?: boolean;
536
+ backgroundColor?: string;
537
+ color?: string;
538
+ fontSize?: string;
539
+ bold?: boolean;
540
+ roundingValue?: number;
541
+ };
542
+ tooltip?: {
543
+ show?: boolean;
544
+ backgroundColor?: string;
545
+ color?: string;
546
+ fontSize?: number;
547
+ roundingValue?: number;
548
548
  };
549
549
  };
550
- userOptions: {
551
- show: boolean;
552
- title: string;
553
- labels: {
554
- useDiv: string;
555
- showTable: string;
556
- showPlotLabels: string;
550
+ userOptions?: {
551
+ show?: boolean;
552
+ title?: string;
553
+ labels?: {
554
+ useDiv?: string;
555
+ showTable?: string;
556
+ showPlotLabels?: string;
557
557
  };
558
558
  };
559
- table: {
560
- show: boolean;
561
- th: {
562
- backgroundColor: string;
563
- color: string;
564
- outline: string;
565
- };
566
- td: {
567
- backgroundColor: string;
568
- color: string;
569
- outline: string;
570
- roundingValue: number;
571
- roundingAverage: number;
572
- };
573
- translations: {
574
- correlationCoefficient: string;
575
- nbrPlots: string;
576
- average: string;
559
+ table?: {
560
+ show?: boolean;
561
+ th?: {
562
+ backgroundColor?: string;
563
+ color?: string;
564
+ outline?: string;
565
+ };
566
+ td?: {
567
+ backgroundColor?: string;
568
+ color?: string;
569
+ outline?: string;
570
+ roundingValue?: number;
571
+ roundingAverage?: number;
572
+ };
573
+ translations?: {
574
+ correlationCoefficient?: string;
575
+ nbrPlots?: string;
576
+ average?: string;
577
577
  };
578
578
  };
579
579
  };
580
580
 
581
581
  export const VueUiScatter: DefineComponent<{
582
- config: VueUiScatterConfig,
582
+ config?: VueUiScatterConfig,
583
583
  dataset: VueUiScatterDatasetItem[]
584
584
  }>;
585
585
 
586
586
  export type VueUiHeatmapConfig = {
587
- style: {
588
- backgroundColor: string;
589
- color: string;
590
- fontFamily: string;
591
- layout: {
592
- useDiv: boolean;
593
- padding: {
594
- top: number;
595
- right: number;
596
- bottom: number;
597
- left: number;
598
- };
599
- cells: {
600
- height: number;
601
- value: {
602
- show: boolean;
603
- fontSize: number;
604
- bold: boolean;
605
- roundingValue: number;
606
- color: string;
607
- };
608
- colors: {
609
- hot: string;
610
- cold: string;
611
- underlayer: string;
612
- };
613
- spacing: number;
614
- selected: {
615
- border: number;
616
- color: string;
617
- };
618
- };
619
- dataLabels: {
620
- xAxis: {
621
- show: boolean;
622
- values: Array<string | number>;
623
- fontSize: number;
624
- color: string;
625
- bold: boolean;
626
- offsetX: number;
627
- offsetY: number;
628
- };
629
- yAxis: {
630
- show: boolean;
631
- values: Array<string | number>
632
- fontSize: number;
633
- color: string;
634
- bold: boolean;
635
- offsetY: number;
636
- offsetX: number;
637
- };
638
- };
639
- };
640
- title: {
641
- text: string;
642
- color: string;
643
- fontSize: number;
644
- bold: boolean;
645
- subtitle: {
646
- color: string;
647
- text: string;
648
- fontSize: number;
649
- bold: boolean;
650
- };
651
- };
652
- legend: {
653
- show: boolean;
654
- backgroundColor: string;
655
- color: string;
656
- fontSize: number;
657
- bold: boolean;
658
- roundingValue: number;
659
- };
660
- tooltip: {
661
- show: boolean;
662
- backgroundColor: string;
663
- color: string;
664
- fontSize: number;
665
- roundingValue: number;
587
+ style?: {
588
+ backgroundColor?: string;
589
+ color?: string;
590
+ fontFamily?: string;
591
+ layout?: {
592
+ useDiv?: boolean;
593
+ padding?: {
594
+ top?: number;
595
+ right?: number;
596
+ bottom?: number;
597
+ left?: number;
598
+ };
599
+ cells?: {
600
+ height?: number;
601
+ value?: {
602
+ show?: boolean;
603
+ fontSize?: number;
604
+ bold?: boolean;
605
+ roundingValue?: number;
606
+ color?: string;
607
+ };
608
+ colors?: {
609
+ hot?: string;
610
+ cold?: string;
611
+ underlayer?: string;
612
+ };
613
+ spacing?: number;
614
+ selected?: {
615
+ border?: number;
616
+ color?: string;
617
+ };
618
+ };
619
+ dataLabels?: {
620
+ xAxis?: {
621
+ show?: boolean;
622
+ values?: Array<string | number>;
623
+ fontSize?: number;
624
+ color?: string;
625
+ bold?: boolean;
626
+ offsetX?: number;
627
+ offsetY?: number;
628
+ };
629
+ yAxis?: {
630
+ show?: boolean;
631
+ values?: Array<string | number>
632
+ fontSize?: number;
633
+ color?: string;
634
+ bold?: boolean;
635
+ offsetY?: number;
636
+ offsetX?: number;
637
+ };
638
+ };
639
+ };
640
+ title?: {
641
+ text?: string;
642
+ color?: string;
643
+ fontSize?: number;
644
+ bold?: boolean;
645
+ subtitle?: {
646
+ color?: string;
647
+ text?: string;
648
+ fontSize?: number;
649
+ bold?: boolean;
650
+ };
651
+ };
652
+ legend?: {
653
+ show?: boolean;
654
+ backgroundColor?: string;
655
+ color?: string;
656
+ fontSize?: number;
657
+ bold?: boolean;
658
+ roundingValue?: number;
659
+ };
660
+ tooltip?: {
661
+ show?: boolean;
662
+ backgroundColor?: string;
663
+ color?: string;
664
+ fontSize?: number;
665
+ roundingValue?: number;
666
666
  };
667
667
  };
668
- userOptions: {
669
- show: boolean;
670
- title: string;
671
- labels: {
672
- useDiv: string;
673
- showTable: string;
674
- showPlotLabels: string;
668
+ userOptions?: {
669
+ show?: boolean;
670
+ title?: string;
671
+ labels?: {
672
+ useDiv?: string;
673
+ showTable?: string;
674
+ showPlotLabels?: string;
675
675
  };
676
676
  };
677
- table: {
678
- show: boolean;
679
- th: {
680
- backgroundColor: string;
681
- color: string;
682
- outline: string;
683
- };
684
- td: {
685
- backgroundColor: string;
686
- color: string;
687
- outline: string;
688
- roundingValue: number;
677
+ table?: {
678
+ show?: boolean;
679
+ th?: {
680
+ backgroundColor?: string;
681
+ color?: string;
682
+ outline?: string;
683
+ };
684
+ td?: {
685
+ backgroundColor?: string;
686
+ color?: string;
687
+ outline?: string;
688
+ roundingValue?: number;
689
689
  };
690
690
  };
691
691
  };
@@ -696,140 +696,140 @@ declare module 'vue-data-ui' {
696
696
  }
697
697
 
698
698
  export const VueUiHeatmap: DefineComponent<{
699
- config: VueUiHeatmapConfig,
699
+ config?: VueUiHeatmapConfig,
700
700
  dataset: VueUiHeatmapDatasetItem[]
701
701
  }>;
702
702
 
703
703
  export type VueUiXyConfig = {
704
- chart: {
705
- fontFamily: string;
706
- backgroundColor: string;
707
- color: string;
708
- height: number;
709
- width: number;
710
- zoom: {
711
- show: boolean;
712
- color: string;
713
- };
714
- padding: {
715
- top: number;
716
- right: number;
717
- bottom: number;
718
- left: number;
719
- };
720
- highlighter: {
721
- color: string;
722
- opacity: number;
723
- };
724
- grid: {
725
- stroke: string;
726
- showVerticalLines: boolean;
727
- labels: {
728
- color: string;
729
- show: boolean;
730
- fontSize: number;
731
- axis: {
732
- yLabel: string;
733
- xLabel: string;
734
- fontSize: number;
735
- };
736
- xAxisLabels: {
737
- color: string;
738
- show: boolean;
739
- values: string[];
740
- fontSize: number;
741
- showOnlyFirstAndLast: boolean;
742
- };
743
- };
744
- };
745
- labels: {
746
- fontSize: number;
747
- };
748
- legend: {
749
- color: string;
750
- show: boolean;
751
- useDiv: boolean;
752
- fontSize: number;
753
- };
754
- title: {
755
- show: boolean;
756
- useDiv: boolean;
757
- color: string;
758
- text: string;
759
- fontSize: number;
760
- bold: boolean;
761
- offsetX: number;
762
- offsetY: number;
763
- subtitle: {
764
- fontSize: number;
765
- color: string;
766
- text: string;
767
- };
768
- };
769
- tooltip: {
770
- color: string;
771
- backgroundColor: string;
772
- show: boolean;
773
- showValue: boolean;
774
- showPercentage: boolean;
775
- roundingValue: number;
776
- roundingPercentage: number;
777
- };
778
- userOptions: {
779
- show: boolean;
780
- title: string;
781
- labels: {
782
- dataLabels: string;
783
- titleInside: string;
784
- legendInside: string;
785
- showTable: string;
704
+ chart?: {
705
+ fontFamily?: string;
706
+ backgroundColor?: string;
707
+ color?: string;
708
+ height?: number;
709
+ width?: number;
710
+ zoom?: {
711
+ show?: boolean;
712
+ color?: string;
713
+ };
714
+ padding?: {
715
+ top?: number;
716
+ right?: number;
717
+ bottom?: number;
718
+ left?: number;
719
+ };
720
+ highlighter?: {
721
+ color?: string;
722
+ opacity?: number;
723
+ };
724
+ grid?: {
725
+ stroke?: string;
726
+ showVerticalLines?: boolean;
727
+ labels?: {
728
+ color?: string;
729
+ show?: boolean;
730
+ fontSize?: number;
731
+ axis?: {
732
+ yLabel?: string;
733
+ xLabel?: string;
734
+ fontSize?: number;
735
+ };
736
+ xAxisLabels?: {
737
+ color?: string;
738
+ show?: boolean;
739
+ values?: string[];
740
+ fontSize?: number;
741
+ showOnlyFirstAndLast?: boolean;
742
+ };
743
+ };
744
+ };
745
+ labels?: {
746
+ fontSize?: number;
747
+ };
748
+ legend?: {
749
+ color?: string;
750
+ show?: boolean;
751
+ useDiv?: boolean;
752
+ fontSize?: number;
753
+ };
754
+ title?: {
755
+ show?: boolean;
756
+ useDiv?: boolean;
757
+ color?: string;
758
+ text?: string;
759
+ fontSize?: number;
760
+ bold?: boolean;
761
+ offsetX?: number;
762
+ offsetY?: number;
763
+ subtitle?: {
764
+ fontSize?: number;
765
+ color?: string;
766
+ text?: string;
767
+ };
768
+ };
769
+ tooltip?: {
770
+ color?: string;
771
+ backgroundColor?: string;
772
+ show?: boolean;
773
+ showValue?: boolean;
774
+ showPercentage?: boolean;
775
+ roundingValue?: number;
776
+ roundingPercentage?: number;
777
+ };
778
+ userOptions?: {
779
+ show?: boolean;
780
+ title?: string;
781
+ labels?: {
782
+ dataLabels?: string;
783
+ titleInside?: string;
784
+ legendInside?: string;
785
+ showTable?: string;
786
786
  };
787
787
  };
788
788
  };
789
- bar: {
790
- useGradient: boolean;
791
- labels: {
792
- show: boolean;
793
- offsetY: number;
794
- rounding: number;
795
- color: string;
789
+ bar?: {
790
+ useGradient?: boolean;
791
+ labels?: {
792
+ show?: boolean;
793
+ offsetY?: number;
794
+ rounding?: number;
795
+ color?: string;
796
796
  };
797
797
  };
798
- line: {
799
- radius: number;
800
- useGradient: boolean;
801
- strokeWidth: number;
802
- labels: {
803
- show: boolean;
804
- offsetY: number;
805
- rounding: number;
806
- color: string;
798
+ line?: {
799
+ radius?: number;
800
+ useGradient?: boolean;
801
+ strokeWidth?: number;
802
+ labels?: {
803
+ show?: boolean;
804
+ offsetY?: number;
805
+ rounding?: number;
806
+ color?: string;
807
807
  };
808
808
  };
809
- plot: {
810
- radius: number;
811
- useGradient: boolean;
812
- labels: {
813
- show: boolean;
814
- offsetY: number;
815
- rounding: number;
816
- color: string;
809
+ plot?: {
810
+ radius?: number;
811
+ useGradient?: boolean;
812
+ labels?: {
813
+ show?: boolean;
814
+ offsetY?: number;
815
+ rounding?: number;
816
+ color?: string;
817
817
  };
818
818
  };
819
- table: {
820
- rounding: number;
821
- th: {
822
- backgroundColor: string;
823
- color: string;
824
- outline: string;
825
- };
826
- td: {
827
- backgroundColor: string;
828
- color: string;
829
- outline: string;
819
+ table?: {
820
+ rounding?: number;
821
+ th?: {
822
+ backgroundColor?: string;
823
+ color?: string;
824
+ outline?: string;
825
+ };
826
+ td?: {
827
+ backgroundColor?: string;
828
+ color?: string;
829
+ outline?: string;
830
830
  };
831
831
  };
832
- showTable: boolean;
832
+ showTable?: boolean;
833
833
  };
834
834
 
835
835
  export type VueUiXyDatasetItem = {
@@ -838,141 +838,141 @@ declare module 'vue-data-ui' {
838
838
  type: "bar" | "line" | "plot";
839
839
  color?: string;
840
840
  dashed?: boolean;
841
- useTag?: boolean;
841
+ useTag?: "start" | "end";
842
842
  dataLabels?: boolean;
843
843
  useProgression?: boolean;
844
844
  };
845
845
 
846
846
  export const VueUiXy: DefineComponent<{
847
- config: VueUiXyConfig;
847
+ config?: VueUiXyConfig;
848
848
  dataset: VueUiXyDatasetItem[];
849
849
  }>
850
850
 
851
851
  export type VueUiDonutConfig = {
852
- style: {
853
- fontFamily: string;
854
- chart: {
855
- useGradient: boolean;
856
- gradientIntensity: number;
857
- backgroundColor: string;
858
- color: string;
859
- layout: {
860
- useDiv: boolean;
861
- labels: {
862
- dataLabels: {
863
- show: boolean;
864
- hideUnderValue: number;
852
+ style?: {
853
+ fontFamily?: string;
854
+ chart?: {
855
+ useGradient?: boolean;
856
+ gradientIntensity?: number;
857
+ backgroundColor?: string;
858
+ color?: string;
859
+ layout?: {
860
+ useDiv?: boolean;
861
+ labels?: {
862
+ dataLabels?: {
863
+ show?: boolean;
864
+ hideUnderValue?: number;
865
865
  };
866
- percentage: {
867
- color: string;
868
- bold: boolean;
869
- fontSize: number;
866
+ percentage?: {
867
+ color?: string;
868
+ bold?: boolean;
869
+ fontSize?: number;
870
870
  };
871
- name: {
872
- color: string;
873
- bold: boolean;
874
- fontSize: number;
871
+ name?: {
872
+ color?: string;
873
+ bold?: boolean;
874
+ fontSize?: number;
875
875
  };
876
- hollow: {
877
- total: {
878
- show: boolean;
879
- bold: boolean;
880
- fontSize: number;
881
- color: string;
882
- text: string;
883
- offsetY: number;
884
- value: {
885
- color: string;
886
- fontSize: number;
887
- bold: boolean;
888
- suffix: string;
889
- prefix: string;
890
- offsetY: number;
891
- rounding: number;
876
+ hollow?: {
877
+ total?: {
878
+ show?: boolean;
879
+ bold?: boolean;
880
+ fontSize?: number;
881
+ color?: string;
882
+ text?: string;
883
+ offsetY?: number;
884
+ value?: {
885
+ color?: string;
886
+ fontSize?: number;
887
+ bold?: boolean;
888
+ suffix?: string;
889
+ prefix?: string;
890
+ offsetY?: number;
891
+ rounding?: number;
892
892
  };
893
893
  };
894
- average: {
895
- show: boolean;
896
- bold: boolean;
897
- fontSize: number;
898
- color: string;
899
- text: string;
900
- offsetY: number;
901
- value: {
902
- color: string;
903
- fontSize: number;
904
- bold: boolean;
905
- suffix: string;
906
- prefix: string;
907
- offsetY: number;
908
- rounding: number;
894
+ average?: {
895
+ show?: boolean;
896
+ bold?: boolean;
897
+ fontSize?: number;
898
+ color?: string;
899
+ text?: string;
900
+ offsetY?: number;
901
+ value?: {
902
+ color?: string;
903
+ fontSize?: number;
904
+ bold?: boolean;
905
+ suffix?: string;
906
+ prefix?: string;
907
+ offsetY?: number;
908
+ rounding?: number;
909
909
  };
910
910
  };
911
911
  };
912
912
  };
913
- donut: {
914
- strokeWidth: number;
915
- };
916
- };
917
- legend: {
918
- backgroundColor: string;
919
- color: string;
920
- show: boolean;
921
- fontSize: number;
922
- bold: boolean;
923
- roundingValue: number;
924
- roundingPercentage: number;
925
- };
926
- title: {
927
- text: string;
928
- color: string;
929
- fontSize: number;
930
- bold: boolean;
931
- subtitle: {
932
- color: string;
933
- text: string;
934
- fontSize: number;
935
- bold: boolean;
936
- };
937
- };
938
- tooltip: {
939
- show: boolean;
940
- color: string;
941
- backgroundColor: string;
942
- fontSize: number;
943
- showValue: boolean;
944
- showPercentage: boolean;
945
- roundingValue: number;
946
- roundingPercentage: number;
913
+ donut?: {
914
+ strokeWidth?: number;
915
+ };
916
+ };
917
+ legend?: {
918
+ backgroundColor?: string;
919
+ color?: string;
920
+ show?: boolean;
921
+ fontSize?: number;
922
+ bold?: boolean;
923
+ roundingValue?: number;
924
+ roundingPercentage?: number;
925
+ };
926
+ title?: {
927
+ text?: string;
928
+ color?: string;
929
+ fontSize?: number;
930
+ bold?: boolean;
931
+ subtitle?: {
932
+ color?: string;
933
+ text?: string;
934
+ fontSize?: number;
935
+ bold?: boolean;
936
+ };
937
+ };
938
+ tooltip?: {
939
+ show?: boolean;
940
+ color?: string;
941
+ backgroundColor?: string;
942
+ fontSize?: number;
943
+ showValue?: boolean;
944
+ showPercentage?: boolean;
945
+ roundingValue?: number;
946
+ roundingPercentage?: number;
947
947
  };
948
948
  };
949
949
  };
950
- userOptions: {
951
- show: boolean;
952
- title: string;
953
- labels: {
954
- dataLabels: string;
955
- useDiv: string;
956
- showTable: string;
950
+ userOptions?: {
951
+ show?: boolean;
952
+ title?: string;
953
+ labels?: {
954
+ dataLabels?: string;
955
+ useDiv?: string;
956
+ showTable?: string;
957
957
  };
958
958
  };
959
- translations: {
960
- total: string;
961
- average: string;
959
+ translations?: {
960
+ total?: string;
961
+ average?: string;
962
962
  };
963
- table: {
964
- show: boolean;
965
- th: {
966
- backgroundColor: string;
967
- color: string;
968
- outline: string;
969
- };
970
- td: {
971
- backgroundColor: string;
972
- color: string;
973
- outline: string;
974
- roundingValue: number;
975
- roundingPercentage: number;
963
+ table?: {
964
+ show?: boolean;
965
+ th?: {
966
+ backgroundColor?: string;
967
+ color?: string;
968
+ outline?: string;
969
+ };
970
+ td?: {
971
+ backgroundColor?: string;
972
+ color?: string;
973
+ outline?: string;
974
+ roundingValue?: number;
975
+ roundingPercentage?: number;
976
976
  };
977
977
  };
978
978
  };
@@ -984,86 +984,86 @@ declare module 'vue-data-ui' {
984
984
  };
985
985
 
986
986
  export const VueUiDonut: DefineComponent<{
987
- config: VueUiDonutConfig,
987
+ config?: VueUiDonutConfig,
988
988
  dataset: VueUiDonutDatasetItem[]
989
989
  }>;
990
990
 
991
991
  export type VueUiWaffleConfig = {
992
- style: {
993
- fontFamily: string;
994
- chart: {
995
- backgroundColor: string;
996
- color: string;
997
- layout: {
998
- grid: {
999
- size: number;
1000
- spaceBetween: number;
1001
- vertical: boolean;
1002
- };
1003
- rect: {
1004
- rounded: boolean;
1005
- rounding: number;
1006
- stroke: string;
1007
- strokeWidth: number;
1008
- useGradient: boolean;
1009
- gradientIntensity: 40;
1010
- };
1011
- useDiv: boolean;
1012
- };
1013
- title: {
1014
- text: string;
1015
- color: string;
1016
- fontSize: number;
1017
- bold: boolean;
1018
- subtitle: {
1019
- color: string;
1020
- text: string;
1021
- fontSize: number;
1022
- bold: boolean;
1023
- };
1024
- };
1025
- tooltip: {
1026
- show: boolean;
1027
- backgroundColor: string;
1028
- color: string;
1029
- fontSize: number;
1030
- showValue: boolean;
1031
- showPercentage: boolean;
1032
- roundingValue: number;
1033
- roundingPercentage: number;
1034
- };
1035
- legend: {
1036
- show: boolean;
1037
- bold: boolean;
1038
- backgroundColor: string;
1039
- color: string;
1040
- fontSize: number;
1041
- roundingValue: number;
1042
- roundingPercentage: number;
992
+ style?: {
993
+ fontFamily?: string;
994
+ chart?: {
995
+ backgroundColor?: string;
996
+ color?: string;
997
+ layout?: {
998
+ grid?: {
999
+ size?: number;
1000
+ spaceBetween?: number;
1001
+ vertical?: boolean;
1002
+ };
1003
+ rect?: {
1004
+ rounded?: boolean;
1005
+ rounding?: number;
1006
+ stroke?: string;
1007
+ strokeWidth?: number;
1008
+ useGradient?: boolean;
1009
+ gradientIntensity?: number;
1010
+ };
1011
+ useDiv?: boolean;
1012
+ };
1013
+ title?: {
1014
+ text?: string;
1015
+ color?: string;
1016
+ fontSize?: number;
1017
+ bold?: boolean;
1018
+ subtitle?: {
1019
+ color?: string;
1020
+ text?: string;
1021
+ fontSize?: number;
1022
+ bold?: boolean;
1023
+ };
1024
+ };
1025
+ tooltip?: {
1026
+ show?: boolean;
1027
+ backgroundColor?: string;
1028
+ color?: string;
1029
+ fontSize?: number;
1030
+ showValue?: boolean;
1031
+ showPercentage?: boolean;
1032
+ roundingValue?: number;
1033
+ roundingPercentage?: number;
1034
+ };
1035
+ legend?: {
1036
+ show?: boolean;
1037
+ bold?: boolean;
1038
+ backgroundColor?: string;
1039
+ color?: string;
1040
+ fontSize?: number;
1041
+ roundingValue?: number;
1042
+ roundingPercentage?: number;
1043
1043
  };
1044
1044
  };
1045
1045
  };
1046
- userOptions: {
1047
- show: boolean;
1048
- title: string;
1049
- labels: {
1050
- useDiv: string;
1051
- showTable: string;
1046
+ userOptions?: {
1047
+ show?: boolean;
1048
+ title?: string;
1049
+ labels?: {
1050
+ useDiv?: string;
1051
+ showTable?: string;
1052
1052
  };
1053
1053
  };
1054
- table: {
1055
- show: boolean;
1056
- th: {
1057
- backgroundColor: string;
1058
- color: string;
1059
- outline: string;
1060
- };
1061
- td: {
1062
- backgroundColor: string;
1063
- color: string;
1064
- outline: string;
1065
- roundingValue: number;
1066
- roundingPercentage: number;
1054
+ table?: {
1055
+ show?: boolean;
1056
+ th?: {
1057
+ backgroundColor?: string;
1058
+ color?: string;
1059
+ outline?: string;
1060
+ };
1061
+ td?: {
1062
+ backgroundColor?: string;
1063
+ color?: string;
1064
+ outline?: string;
1065
+ roundingValue?: number;
1066
+ roundingPercentage?: number;
1067
1067
  };
1068
1068
  };
1069
1069
  };
@@ -1075,103 +1075,103 @@ declare module 'vue-data-ui' {
1075
1075
  }
1076
1076
 
1077
1077
  export const VueUiWaffle: DefineComponent<{
1078
- config: VueUiWaffleConfig,
1078
+ config?: VueUiWaffleConfig,
1079
1079
  dataset: VueUiWaffleDatasetItem[]
1080
1080
  }>;
1081
1081
 
1082
1082
  export type VueUiRadarConfig = {
1083
- style: {
1084
- fontFamily: string;
1085
- chart: {
1086
- backgroundColor: string;
1087
- color: string;
1088
- layout: {
1089
- useDiv: boolean;
1090
- plots: {
1091
- show: boolean;
1092
- radius: number;
1093
- };
1094
- outerPolygon: {
1095
- stroke: string;
1096
- strokeWidth: number;
1097
- };
1098
- dataPolygon: {
1099
- strokeWidth: number;
1100
- transparent: boolean;
1101
- opacity: number;
1102
- useGradient: boolean;
1103
- };
1104
- grid: {
1105
- show: boolean;
1106
- stroke: string;
1107
- strokeWidth: number;
1108
- graduations: number;
1109
- };
1110
- labels: {
1111
- dataLabels: {
1112
- show: boolean;
1113
- fontSize: number;
1114
- color: string;
1083
+ style?: {
1084
+ fontFamily?: string;
1085
+ chart?: {
1086
+ backgroundColor?: string;
1087
+ color?: string;
1088
+ layout?: {
1089
+ useDiv?: boolean;
1090
+ plots?: {
1091
+ show?: boolean;
1092
+ radius?: number;
1093
+ };
1094
+ outerPolygon?: {
1095
+ stroke?: string;
1096
+ strokeWidth?: number;
1097
+ };
1098
+ dataPolygon?: {
1099
+ strokeWidth?: number;
1100
+ transparent?: boolean;
1101
+ opacity?: number;
1102
+ useGradient?: boolean;
1103
+ };
1104
+ grid?: {
1105
+ show?: boolean;
1106
+ stroke?: string;
1107
+ strokeWidth?: number;
1108
+ graduations?: number;
1109
+ };
1110
+ labels?: {
1111
+ dataLabels?: {
1112
+ show?: boolean;
1113
+ fontSize?: number;
1114
+ color?: string;
1115
1115
  };
1116
1116
  };
1117
1117
  };
1118
- title: {
1119
- text: string;
1120
- color: string;
1121
- fontSize: number;
1122
- bold: boolean;
1123
- subtitle: {
1124
- color: string;
1125
- text: string;
1126
- fontSize: number;
1127
- bold: boolean;
1128
- };
1129
- };
1130
- tooltip: {
1131
- show: boolean;
1132
- backgroundColor: string;
1133
- color: string;
1134
- fontSize: number;
1135
- showValue: boolean;
1136
- showPercentage: boolean;
1137
- roundingValue: number;
1138
- roundingPercentage: number;
1139
- };
1140
- legend: {
1141
- show: boolean;
1142
- bold: boolean;
1143
- backgroundColor: string;
1144
- color: string;
1145
- fontSize: number;
1146
- roundingPercentage: number;
1118
+ title?: {
1119
+ text?: string;
1120
+ color?: string;
1121
+ fontSize?: number;
1122
+ bold?: boolean;
1123
+ subtitle?: {
1124
+ color?: string;
1125
+ text?: string;
1126
+ fontSize?: number;
1127
+ bold?: boolean;
1128
+ };
1129
+ };
1130
+ tooltip?: {
1131
+ show?: boolean;
1132
+ backgroundColor?: string;
1133
+ color?: string;
1134
+ fontSize?: number;
1135
+ showValue?: boolean;
1136
+ showPercentage?: boolean;
1137
+ roundingValue?: number;
1138
+ roundingPercentage?: number;
1139
+ };
1140
+ legend?: {
1141
+ show?: boolean;
1142
+ bold?: boolean;
1143
+ backgroundColor?: string;
1144
+ color?: string;
1145
+ fontSize?: number;
1146
+ roundingPercentage?: number;
1147
1147
  };
1148
1148
  };
1149
1149
  };
1150
- table: {
1151
- show: boolean;
1152
- th: {
1153
- backgroundColor: string;
1154
- color: string;
1155
- outline: string;
1156
- };
1157
- td: {
1158
- backgroundColor: string;
1159
- color: string;
1160
- outline: string;
1161
- roundingValue: number;
1162
- roundingPercentage: number;
1150
+ table?: {
1151
+ show?: boolean;
1152
+ th?: {
1153
+ backgroundColor?: string;
1154
+ color?: string;
1155
+ outline?: string;
1156
+ };
1157
+ td?: {
1158
+ backgroundColor?: string;
1159
+ color?: string;
1160
+ outline?: string;
1161
+ roundingValue?: number;
1162
+ roundingPercentage?: number;
1163
1163
  };
1164
1164
  };
1165
- userOptions: {
1166
- show: boolean;
1167
- title: string;
1168
- labels: {
1169
- useDiv: string;
1170
- showTable: string;
1165
+ userOptions?: {
1166
+ show?: boolean;
1167
+ title?: string;
1168
+ labels?: {
1169
+ useDiv?: string;
1170
+ showTable?: string;
1171
1171
  };
1172
1172
  };
1173
- translations: {
1174
- target: string;
1173
+ translations?: {
1174
+ target?: string;
1175
1175
  };
1176
1176
  };
1177
1177
 
@@ -1193,7 +1193,7 @@ declare module 'vue-data-ui' {
1193
1193
  };
1194
1194
 
1195
1195
  export const VueUiRadar: DefineComponent<{
1196
- config: VueUiRadarConfig,
1196
+ config?: VueUiRadarConfig,
1197
1197
  dataset: VueUiRadarDataset
1198
1198
  }>;
1199
1199
 
@@ -1211,157 +1211,157 @@ declare module 'vue-data-ui' {
1211
1211
  };
1212
1212
 
1213
1213
  export type VueUiQuadrantConfig = {
1214
- style: {
1215
- fontFamily: string;
1216
- chart: {
1217
- height: number;
1218
- width: number;
1219
- backgroundColor: string;
1220
- color: string;
1221
- layout: {
1222
- useDiv: boolean;
1223
- labels: {
1224
- quadrantLabels: {
1225
- show: boolean;
1226
- tl: {
1227
- text: string;
1228
- color: string;
1229
- fontSize: number;
1230
- bold: boolean;
1214
+ style?: {
1215
+ fontFamily?: string;
1216
+ chart?: {
1217
+ height?: number;
1218
+ width?: number;
1219
+ backgroundColor?: string;
1220
+ color?: string;
1221
+ layout?: {
1222
+ useDiv?: boolean;
1223
+ labels?: {
1224
+ quadrantLabels?: {
1225
+ show?: boolean;
1226
+ tl?: {
1227
+ text?: string;
1228
+ color?: string;
1229
+ fontSize?: number;
1230
+ bold?: boolean;
1231
1231
  };
1232
- tr: {
1233
- text: string;
1234
- color: string;
1235
- fontSize: number;
1236
- bold: boolean;
1232
+ tr?: {
1233
+ text?: string;
1234
+ color?: string;
1235
+ fontSize?: number;
1236
+ bold?: boolean;
1237
1237
  };
1238
- br: {
1239
- text: string;
1240
- color: string;
1241
- fontSize: number;
1242
- bold: boolean;
1238
+ br?: {
1239
+ text?: string;
1240
+ color?: string;
1241
+ fontSize?: number;
1242
+ bold?: boolean;
1243
1243
  };
1244
- bl: {
1245
- text: string;
1246
- color: string;
1247
- fontSize: number;
1248
- bold: boolean;
1244
+ bl?: {
1245
+ text?: string;
1246
+ color?: string;
1247
+ fontSize?: number;
1248
+ bold?: boolean;
1249
1249
  };
1250
1250
  };
1251
- plotLabels: {
1252
- show: boolean;
1253
- fontSize: number;
1254
- color: string;
1255
- offsetY: number;
1251
+ plotLabels?: {
1252
+ show?: boolean;
1253
+ fontSize?: number;
1254
+ color?: string;
1255
+ offsetY?: number;
1256
1256
  };
1257
- axisLabels: {
1258
- show: boolean;
1259
- fontSize: number;
1260
- color: {
1261
- positive: string;
1262
- negative: string;
1257
+ axisLabels?: {
1258
+ show?: boolean;
1259
+ fontSize?: number;
1260
+ color?: {
1261
+ positive?: string;
1262
+ negative?: string;
1263
1263
  };
1264
1264
  };
1265
1265
  };
1266
- grid: {
1267
- stroke: string;
1268
- strokeWidth: number;
1269
- showArrows: boolean;
1270
- graduations: {
1271
- stroke: string;
1272
- strokeWidth: number;
1273
- show: boolean;
1274
- steps: number;
1275
- fill: boolean;
1276
- color: string;
1277
- roundingForce: number;
1266
+ grid?: {
1267
+ stroke?: string;
1268
+ strokeWidth?: number;
1269
+ showArrows?: boolean;
1270
+ graduations?: {
1271
+ stroke?: string;
1272
+ strokeWidth?: number;
1273
+ show?: boolean;
1274
+ steps?: number;
1275
+ fill?: boolean;
1276
+ color?: string;
1277
+ roundingForce?: number;
1278
1278
  };
1279
- xAxis: {
1280
- min: number;
1281
- max: number;
1282
- auto: boolean;
1283
- name: string;
1279
+ xAxis?: {
1280
+ min?: number;
1281
+ max?: number;
1282
+ auto?: boolean;
1283
+ name?: string;
1284
1284
  };
1285
- yAxis: {
1286
- min: number;
1287
- max: number;
1288
- auto: boolean;
1289
- name: string;
1285
+ yAxis?: {
1286
+ min?: number;
1287
+ max?: number;
1288
+ auto?: boolean;
1289
+ name?: string;
1290
1290
  };
1291
1291
  };
1292
- plots: {
1293
- radius: number;
1294
- outline: boolean;
1295
- outlineColor: string;
1296
- outlineWidth: number;
1297
- };
1298
- areas: {
1299
- show: boolean;
1300
- opacity: number;
1301
- useGradient: boolean;
1302
- };
1303
- };
1304
- title: {
1305
- text: string;
1306
- color: string;
1307
- fontSize: number;
1308
- bold: boolean;
1309
- subtitle: {
1310
- color: string;
1311
- text: string;
1312
- fontSize: number;
1313
- bold: boolean;
1314
- };
1315
- };
1316
- tooltip: {
1317
- show: boolean;
1318
- backgroundColor: string;
1319
- color: string;
1320
- fontSize: number;
1321
- roundingValue: number;
1322
- };
1323
- legend: {
1324
- show: boolean;
1325
- bold: boolean;
1326
- backgroundColor: string;
1327
- color: string;
1328
- fontSize: number;
1292
+ plots?: {
1293
+ radius?: number;
1294
+ outline?: boolean;
1295
+ outlineColor?: string;
1296
+ outlineWidth?: number;
1297
+ };
1298
+ areas?: {
1299
+ show?: boolean;
1300
+ opacity?: number;
1301
+ useGradient?: boolean;
1302
+ };
1303
+ };
1304
+ title?: {
1305
+ text?: string;
1306
+ color?: string;
1307
+ fontSize?: number;
1308
+ bold?: boolean;
1309
+ subtitle?: {
1310
+ color?: string;
1311
+ text?: string;
1312
+ fontSize?: number;
1313
+ bold?: boolean;
1314
+ };
1315
+ };
1316
+ tooltip?: {
1317
+ show?: boolean;
1318
+ backgroundColor?: string;
1319
+ color?: string;
1320
+ fontSize?: number;
1321
+ roundingValue?: number;
1322
+ };
1323
+ legend?: {
1324
+ show?: boolean;
1325
+ bold?: boolean;
1326
+ backgroundColor?: string;
1327
+ color?: string;
1328
+ fontSize?: number;
1329
1329
  };
1330
1330
  };
1331
1331
  };
1332
- table: {
1333
- show: boolean;
1334
- th: {
1335
- backgroundColor: string;
1336
- color: string;
1337
- outline: string;
1338
- };
1339
- td: {
1340
- backgroundColor: string;
1341
- color: string;
1342
- outline: string;
1343
- roundingValue: number;
1332
+ table?: {
1333
+ show?: boolean;
1334
+ th?: {
1335
+ backgroundColor?: string;
1336
+ color?: string;
1337
+ outline?: string;
1338
+ };
1339
+ td?: {
1340
+ backgroundColor?: string;
1341
+ color?: string;
1342
+ outline?: string;
1343
+ roundingValue?: number;
1344
1344
  };
1345
1345
  };
1346
- userOptions: {
1347
- show: boolean;
1348
- title: string;
1349
- labels: {
1350
- useDiv: string;
1351
- showTable: string;
1352
- showPlotLabels: string;
1346
+ userOptions?: {
1347
+ show?: boolean;
1348
+ title?: string;
1349
+ labels?: {
1350
+ useDiv?: string;
1351
+ showTable?: string;
1352
+ showPlotLabels?: string;
1353
1353
  };
1354
1354
  };
1355
- translations: {
1356
- category: string;
1357
- item: string;
1358
- side: string;
1355
+ translations?: {
1356
+ category?: string;
1357
+ item?: string;
1358
+ side?: string;
1359
1359
  };
1360
1360
  };
1361
1361
 
1362
1362
  export const VueUiQuadrant: DefineComponent<{
1363
1363
  dataset: VueUiQuadrantDatasetItem[],
1364
- config: VueUiQuadrantConfig
1364
+ config?: VueUiQuadrantConfig
1365
1365
  }>;
1366
1366
 
1367
1367
  export type VueUiGaugeDatasetSerieItem = {
@@ -1377,86 +1377,86 @@ declare module 'vue-data-ui' {
1377
1377
  }
1378
1378
 
1379
1379
  export type VueUiGaugeConfig = {
1380
- style: {
1381
- fontFamily: string;
1382
- chart: {
1383
- backgroundColor: string;
1384
- color: string;
1385
- animation: {
1386
- use: boolean;
1387
- speed: number;
1388
- acceleration: number;
1389
- };
1390
- layout: {
1391
- useDiv: boolean;
1392
- track: {
1393
- size: number;
1394
- useGradient: boolean;
1395
- gradientIntensity: number;
1396
- };
1397
- markers: {
1398
- size: number;
1399
- color: string;
1400
- strokeWidth: number;
1401
- stroke: string;
1402
- backgroundColor: string;
1403
- bold: boolean;
1404
- fontSizeRatio: number;
1405
- offsetY: number;
1406
- roundingValue: number;
1407
- };
1408
- pointer: {
1409
- size: number;
1410
- stroke: string;
1411
- strokeWidth: number;
1412
- useRatingColor: boolean;
1413
- color: string;
1414
- circle: {
1415
- radius: number;
1416
- stroke: string;
1417
- strokeWidth: number;
1418
- color: string;
1380
+ style?: {
1381
+ fontFamily?: string;
1382
+ chart?: {
1383
+ backgroundColor?: string;
1384
+ color?: string;
1385
+ animation?: {
1386
+ use?: boolean;
1387
+ speed?: number;
1388
+ acceleration?: number;
1389
+ };
1390
+ layout?: {
1391
+ useDiv?: boolean;
1392
+ track?: {
1393
+ size?: number;
1394
+ useGradient?: boolean;
1395
+ gradientIntensity?: number;
1396
+ };
1397
+ markers?: {
1398
+ size?: number;
1399
+ color?: string;
1400
+ strokeWidth?: number;
1401
+ stroke?: string;
1402
+ backgroundColor?: string;
1403
+ bold?: boolean;
1404
+ fontSizeRatio?: number;
1405
+ offsetY?: number;
1406
+ roundingValue?: number;
1407
+ };
1408
+ pointer?: {
1409
+ size?: number;
1410
+ stroke?: string;
1411
+ strokeWidth?: number;
1412
+ useRatingColor?: boolean;
1413
+ color?: string;
1414
+ circle?: {
1415
+ radius?: number;
1416
+ stroke?: string;
1417
+ strokeWidth?: number;
1418
+ color?: string;
1419
1419
  };
1420
1420
  };
1421
1421
  };
1422
- legend: {
1423
- fontSize: number;
1424
- prefix: string;
1425
- suffix: string;
1426
- roundingValue: number;
1427
- showPlusSymbol: boolean;
1428
- useRatingColor: boolean;
1429
- color: string;
1422
+ legend?: {
1423
+ fontSize?: number;
1424
+ prefix?: string;
1425
+ suffix?: string;
1426
+ roundingValue?: number;
1427
+ showPlusSymbol?: boolean;
1428
+ useRatingColor?: boolean;
1429
+ color?: string;
1430
1430
  };
1431
- title: {
1432
- text: string;
1433
- color: string;
1434
- fontSize: number;
1435
- bold: boolean;
1436
- subtitle: {
1437
- color: string;
1438
- text: string;
1439
- fontSize: number;
1440
- bold: boolean;
1431
+ title?: {
1432
+ text?: string;
1433
+ color?: string;
1434
+ fontSize?: number;
1435
+ bold?: boolean;
1436
+ subtitle?: {
1437
+ color?: string;
1438
+ text?: string;
1439
+ fontSize?: number;
1440
+ bold?: boolean;
1441
1441
  };
1442
1442
  };
1443
1443
  };
1444
1444
  };
1445
- userOptions: {
1446
- show: boolean;
1447
- title: string;
1448
- labels: {
1449
- useDiv: string;
1450
- showTable: string;
1445
+ userOptions?: {
1446
+ show?: boolean;
1447
+ title?: string;
1448
+ labels?: {
1449
+ useDiv?: string;
1450
+ showTable?: string;
1451
1451
  };
1452
1452
  };
1453
- translations: {
1454
- base: string;
1453
+ translations?: {
1454
+ base?: string;
1455
1455
  };
1456
1456
  };
1457
1457
 
1458
1458
  export const VueUiGauge: DefineComponent<{
1459
- config: VueUiGaugeConfig,
1459
+ config?: VueUiGaugeConfig,
1460
1460
  dataset: VueUiGaugeDataset
1461
1461
  }>;
1462
1462
 
@@ -1479,182 +1479,182 @@ declare module 'vue-data-ui' {
1479
1479
  };
1480
1480
 
1481
1481
  export type VueUiChestnutConfig = {
1482
- style: {
1483
- fontFamily: string;
1484
- chart: {
1485
- backgroundColor: string;
1486
- color: string;
1487
- layout: {
1488
- grandTotal: {
1489
- show: boolean;
1490
- fontSize: number;
1491
- bold: boolean;
1492
- suffix: string;
1493
- prefix: string;
1494
- roundingValue: number;
1495
- color: string;
1496
- text: string;
1497
- offsetY: number;
1498
- };
1499
- roots: {
1500
- stroke: string;
1501
- strokeWidth: number;
1502
- useGradient: boolean;
1503
- gradientIntensity: number;
1504
- underlayerColor: string;
1505
- labels: {
1506
- show: boolean;
1507
- fontSize: number;
1508
- adaptColorToBackground: boolean;
1509
- color: string;
1510
- bold: boolean;
1511
- roundingValue: number;
1512
- prefix: string;
1513
- suffix: string;
1514
- name: {
1515
- color: string;
1516
- fontSize: number;
1517
- bold: boolean;
1482
+ style?: {
1483
+ fontFamily?: string;
1484
+ chart?: {
1485
+ backgroundColor?: string;
1486
+ color?: string;
1487
+ layout?: {
1488
+ grandTotal?: {
1489
+ show?: boolean;
1490
+ fontSize?: number;
1491
+ bold?: boolean;
1492
+ suffix?: string;
1493
+ prefix?: string;
1494
+ roundingValue?: number;
1495
+ color?: string;
1496
+ text?: string;
1497
+ offsetY?: number;
1498
+ };
1499
+ roots?: {
1500
+ stroke?: string;
1501
+ strokeWidth?: number;
1502
+ useGradient?: boolean;
1503
+ gradientIntensity?: number;
1504
+ underlayerColor?: string;
1505
+ labels?: {
1506
+ show?: boolean;
1507
+ fontSize?: number;
1508
+ adaptColorToBackground?: boolean;
1509
+ color?: string;
1510
+ bold?: boolean;
1511
+ roundingValue?: number;
1512
+ prefix?: string;
1513
+ suffix?: string;
1514
+ name?: {
1515
+ color?: string;
1516
+ fontSize?: number;
1517
+ bold?: boolean;
1518
1518
  };
1519
1519
  };
1520
1520
  };
1521
- verticalSeparator: {
1522
- stroke: string;
1523
- strokeWidth: number;
1524
- };
1525
- links: {
1526
- opacity: number;
1527
- };
1528
- branches: {
1529
- stroke: string;
1530
- strokeWidth: number;
1531
- borderRadius: number;
1532
- useGradient: boolean;
1533
- gradientIntensity: number;
1534
- underlayerColor: string;
1535
- widthRatio: number;
1536
- labels: {
1537
- show: boolean;
1538
- fontSize: number;
1539
- color: string;
1540
- bold: boolean;
1541
- dataLabels: {
1542
- show: boolean;
1543
- hideUnderValue: number;
1544
- fontSize: number;
1545
- roundingValue: number;
1546
- roundingPercentage: number;
1547
- prefix: string;
1548
- suffix: string;
1521
+ verticalSeparator?: {
1522
+ stroke?: string;
1523
+ strokeWidth?: number;
1524
+ };
1525
+ links?: {
1526
+ opacity?: number;
1527
+ };
1528
+ branches?: {
1529
+ stroke?: string;
1530
+ strokeWidth?: number;
1531
+ borderRadius?: number;
1532
+ useGradient?: boolean;
1533
+ gradientIntensity?: number;
1534
+ underlayerColor?: string;
1535
+ widthRatio?: number;
1536
+ labels?: {
1537
+ show?: boolean;
1538
+ fontSize?: number;
1539
+ color?: string;
1540
+ bold?: boolean;
1541
+ dataLabels?: {
1542
+ show?: boolean;
1543
+ hideUnderValue?: number;
1544
+ fontSize?: number;
1545
+ roundingValue?: number;
1546
+ roundingPercentage?: number;
1547
+ prefix?: string;
1548
+ suffix?: string;
1549
1549
  };
1550
1550
  };
1551
1551
  };
1552
- nuts: {
1553
- offsetX: number;
1554
- useGradient: boolean;
1555
- gradientIntensity: number;
1556
- selected: {
1557
- useMotion: boolean;
1558
- useGradient: boolean;
1559
- gradientIntensity: number;
1560
- roundingValue: number;
1561
- roundingPercentage: number;
1562
- labels: {
1563
- dataLabels: {
1564
- hideUnderValue: number;
1565
- color: string;
1566
- fontSize: number;
1567
- bold: boolean;
1568
- prefix: string;
1569
- suffix: string;
1552
+ nuts?: {
1553
+ offsetX?: number;
1554
+ useGradient?: boolean;
1555
+ gradientIntensity?: number;
1556
+ selected?: {
1557
+ useMotion?: boolean;
1558
+ useGradient?: boolean;
1559
+ gradientIntensity?: number;
1560
+ roundingValue?: number;
1561
+ roundingPercentage?: number;
1562
+ labels?: {
1563
+ dataLabels?: {
1564
+ hideUnderValue?: number;
1565
+ color?: string;
1566
+ fontSize?: number;
1567
+ bold?: boolean;
1568
+ prefix?: string;
1569
+ suffix?: string;
1570
1570
  };
1571
- core: {
1572
- total: {
1573
- color: string;
1574
- fontSize: number;
1575
- bold: boolean;
1571
+ core?: {
1572
+ total?: {
1573
+ color?: string;
1574
+ fontSize?: number;
1575
+ bold?: boolean;
1576
1576
  };
1577
- value: {
1578
- color: string;
1579
- fontSize: number;
1580
- bold: boolean;
1581
- prefix: string;
1582
- suffix: string;
1577
+ value?: {
1578
+ color?: string;
1579
+ fontSize?: number;
1580
+ bold?: boolean;
1581
+ prefix?: string;
1582
+ suffix?: string;
1583
1583
  };
1584
1584
  };
1585
1585
  };
1586
1586
  };
1587
1587
  };
1588
- legend: {
1589
- fontSize: number;
1590
- color: string;
1591
- roundingValue: number;
1592
- roundingPercentage: number;
1593
- prefix: string;
1594
- suffix: string;
1595
- };
1596
- title: {
1597
- color: string;
1598
- fontSize: number;
1599
- text: string;
1600
- bold: boolean;
1601
- offsetY: number;
1602
- subtitle: {
1603
- text: string;
1604
- color: string;
1605
- bold: boolean;
1606
- fontSize: number;
1607
- offsetY: number;
1588
+ legend?: {
1589
+ fontSize?: number;
1590
+ color?: string;
1591
+ roundingValue?: number;
1592
+ roundingPercentage?: number;
1593
+ prefix?: string;
1594
+ suffix?: string;
1595
+ };
1596
+ title?: {
1597
+ color?: string;
1598
+ fontSize?: number;
1599
+ text?: string;
1600
+ bold?: boolean;
1601
+ offsetY?: number;
1602
+ subtitle?: {
1603
+ text?: string;
1604
+ color?: string;
1605
+ bold?: boolean;
1606
+ fontSize?: number;
1607
+ offsetY?: number;
1608
1608
  };
1609
1609
  };
1610
1610
  };
1611
1611
  };
1612
1612
  };
1613
- table: {
1614
- show: boolean;
1615
- th: {
1616
- backgroundColor: string;
1617
- color: string;
1618
- outline: string;
1619
- translations: {
1620
- rootName: string;
1621
- rootValue: string;
1622
- rootToTotal: string;
1623
- branchName: string;
1624
- branchValue: string;
1625
- branchToRoot: string;
1626
- branchToTotal: string;
1627
- nutName: string;
1628
- nutValue: string;
1629
- nutToBranch: string;
1630
- nutToRoot: string;
1631
- nutToTotal: string;
1632
- };
1633
- };
1634
- td: {
1635
- backgroundColor: string;
1636
- color: string;
1637
- outline: string;
1638
- roundingValue: number;
1639
- roundingPercentage: number;
1613
+ table?: {
1614
+ show?: boolean;
1615
+ th?: {
1616
+ backgroundColor?: string;
1617
+ color?: string;
1618
+ outline?: string;
1619
+ translations?: {
1620
+ rootName?: string;
1621
+ rootValue?: string;
1622
+ rootToTotal?: string;
1623
+ branchName?: string;
1624
+ branchValue?: string;
1625
+ branchToRoot?: string;
1626
+ branchToTotal?: string;
1627
+ nutName?: string;
1628
+ nutValue?: string;
1629
+ nutToBranch?: string;
1630
+ nutToRoot?: string;
1631
+ nutToTotal?: string;
1632
+ };
1633
+ };
1634
+ td?: {
1635
+ backgroundColor?: string;
1636
+ color?: string;
1637
+ outline?: string;
1638
+ roundingValue?: number;
1639
+ roundingPercentage?: number;
1640
1640
  };
1641
1641
  };
1642
- userOptions: {
1643
- show: boolean;
1644
- title: string;
1645
- labels: {
1646
- showTable: string;
1642
+ userOptions?: {
1643
+ show?: boolean;
1644
+ title?: string;
1645
+ labels?: {
1646
+ showTable?: string;
1647
1647
  };
1648
1648
  };
1649
- translations: {
1650
- total: string;
1651
- proportionToTree: string;
1652
- of: string;
1649
+ translations?: {
1650
+ total?: string;
1651
+ proportionToTree?: string;
1652
+ of?: string;
1653
1653
  }
1654
1654
  };
1655
1655
 
1656
1656
  export const VueUiChestnut: DefineComponent<{
1657
- config: VueUiChestnutConfig,
1657
+ config?: VueUiChestnutConfig,
1658
1658
  dataset: VueUiChestnutDatasetRoot[]
1659
1659
  }>;
1660
1660
 
@@ -1668,94 +1668,94 @@ declare module 'vue-data-ui' {
1668
1668
  };
1669
1669
 
1670
1670
  export type VueUiOnionConfig = {
1671
- style: {
1672
- fontFamily: string;
1673
- chart: {
1674
- backgroundColor: string;
1675
- color: string;
1676
- useGradient: boolean;
1677
- gradientIntensity: number;
1678
- layout: {
1679
- useDiv: boolean;
1680
- gutter: {
1681
- color: string;
1682
- width: number;
1683
- };
1684
- track: {
1685
- width: number;
1686
- };
1687
- labels: {
1688
- show: boolean;
1689
- fontSize: number;
1690
- color: string;
1691
- roundingValue: number;
1692
- roundingPercentage: number;
1693
- bold: boolean;
1694
- offsetY: number;
1695
- offsetX: number;
1696
- value: {
1697
- show: boolean;
1671
+ style?: {
1672
+ fontFamily?: string;
1673
+ chart?: {
1674
+ backgroundColor?: string;
1675
+ color?: string;
1676
+ useGradient?: boolean;
1677
+ gradientIntensity?: number;
1678
+ layout?: {
1679
+ useDiv?: boolean;
1680
+ gutter?: {
1681
+ color?: string;
1682
+ width?: number;
1683
+ };
1684
+ track?: {
1685
+ width?: number;
1686
+ };
1687
+ labels?: {
1688
+ show?: boolean;
1689
+ fontSize?: number;
1690
+ color?: string;
1691
+ roundingValue?: number;
1692
+ roundingPercentage?: number;
1693
+ bold?: boolean;
1694
+ offsetY?: number;
1695
+ offsetX?: number;
1696
+ value?: {
1697
+ show?: boolean;
1698
1698
  };
1699
- percentage: {
1700
- show: boolean;
1699
+ percentage?: {
1700
+ show?: boolean;
1701
1701
  };
1702
1702
  };
1703
1703
  };
1704
- title: {
1705
- text: string;
1706
- color: string;
1707
- fontSize: number;
1708
- bold: boolean;
1709
- subtitle: {
1710
- color: string;
1711
- text: string;
1712
- fontSize: number;
1713
- bold: boolean;
1704
+ title?: {
1705
+ text?: string;
1706
+ color?: string;
1707
+ fontSize?: number;
1708
+ bold?: boolean;
1709
+ subtitle?: {
1710
+ color?: string;
1711
+ text?: string;
1712
+ fontSize?: number;
1713
+ bold?: boolean;
1714
1714
  };
1715
1715
  };
1716
- legend: {
1717
- show: boolean;
1718
- bold: boolean;
1719
- backgroundColor: string;
1720
- color: string;
1721
- fontSize: number;
1722
- roundingValue: number;
1723
- roundingPercentage: number;
1716
+ legend?: {
1717
+ show?: boolean;
1718
+ bold?: boolean;
1719
+ backgroundColor?: string;
1720
+ color?: string;
1721
+ fontSize?: number;
1722
+ roundingValue?: number;
1723
+ roundingPercentage?: number;
1724
1724
  };
1725
1725
  };
1726
1726
  };
1727
- userOptions: {
1728
- show: boolean;
1729
- title: string;
1730
- labels: {
1731
- useDiv: string;
1732
- showTable: string;
1727
+ userOptions?: {
1728
+ show?: boolean;
1729
+ title?: string;
1730
+ labels?: {
1731
+ useDiv?: string;
1732
+ showTable?: string;
1733
1733
  };
1734
1734
  };
1735
- table: {
1736
- show: boolean;
1737
- th: {
1738
- backgroundColor: string;
1739
- color: string;
1740
- outline: string;
1741
- };
1742
- td: {
1743
- backgroundColor: string;
1744
- color: string;
1745
- outline: string;
1746
- roundingValue: number;
1747
- roundingPercentage: number;
1735
+ table?: {
1736
+ show?: boolean;
1737
+ th?: {
1738
+ backgroundColor?: string;
1739
+ color?: string;
1740
+ outline?: string;
1741
+ };
1742
+ td?: {
1743
+ backgroundColor?: string;
1744
+ color?: string;
1745
+ outline?: string;
1746
+ roundingValue?: number;
1747
+ roundingPercentage?: number;
1748
1748
  },
1749
- translations: {
1750
- value: string;
1751
- percentage: string;
1752
- serie: string;
1749
+ translations?: {
1750
+ value?: string;
1751
+ percentage?: string;
1752
+ serie?: string;
1753
1753
  };
1754
1754
  };
1755
1755
  };
1756
1756
 
1757
1757
  export const VueUiOnion: DefineComponent<{
1758
- config: VueUiOnionConfig,
1758
+ config?: VueUiOnionConfig,
1759
1759
  dataset: VueUiOnionDatasetItem[]
1760
1760
  }>;
1761
1761
 
@@ -1772,142 +1772,142 @@ declare module 'vue-data-ui' {
1772
1772
  };
1773
1773
 
1774
1774
  export type VueUiVerticalBarConfig = {
1775
- style: {
1776
- fontFamily: string;
1777
- chart: {
1778
- backgroundColor: string;
1779
- color: string;
1780
- layout: {
1781
- useDiv: boolean;
1782
- bars: {
1783
- sort: "desc" | "asc";
1784
- useStroke: boolean;
1785
- strokeWidth: number;
1786
- height: number;
1787
- gap: number;
1788
- borderRadius: number;
1789
- offsetX: number;
1790
- paddingRight: number;
1791
- useGradient: boolean;
1792
- gradientIntensity: number;
1793
- fillOpacity: number;
1794
- underlayerColor: string;
1795
- dataLabels: {
1796
- color: string;
1797
- bold: boolean;
1798
- fontSize: number;
1799
- value: {
1800
- show: boolean;
1801
- roundingValue: number;
1802
- prefix: string;
1803
- suffix: string;
1775
+ style?: {
1776
+ fontFamily?: string;
1777
+ chart?: {
1778
+ backgroundColor?: string;
1779
+ color?: string;
1780
+ layout?: {
1781
+ useDiv?: boolean;
1782
+ bars?: {
1783
+ sort?: "desc" | "asc";
1784
+ useStroke?: boolean;
1785
+ strokeWidth?: number;
1786
+ height?: number;
1787
+ gap?: number;
1788
+ borderRadius?: number;
1789
+ offsetX?: number;
1790
+ paddingRight?: number;
1791
+ useGradient?: boolean;
1792
+ gradientIntensity?: number;
1793
+ fillOpacity?: number;
1794
+ underlayerColor?: string;
1795
+ dataLabels?: {
1796
+ color?: string;
1797
+ bold?: boolean;
1798
+ fontSize?: number;
1799
+ value?: {
1800
+ show?: boolean;
1801
+ roundingValue?: number;
1802
+ prefix?: string;
1803
+ suffix?: string;
1804
1804
  };
1805
- percentage: {
1806
- show: boolean;
1807
- roundingPercentage: number;
1805
+ percentage?: {
1806
+ show?: boolean;
1807
+ roundingPercentage?: number;
1808
1808
  };
1809
- offsetX: 0;
1809
+ offsetX?: 0;
1810
1810
  };
1811
- nameLabels: {
1812
- show: boolean;
1813
- color: string;
1814
- bold: boolean;
1815
- fontSize: number;
1816
- offsetX: number;
1811
+ nameLabels?: {
1812
+ show?: boolean;
1813
+ color?: string;
1814
+ bold?: boolean;
1815
+ fontSize?: number;
1816
+ offsetX?: number;
1817
1817
  };
1818
- parentLabels: {
1819
- show: boolean;
1820
- color: string;
1821
- bold: boolean;
1822
- fontSize: number;
1823
- offsetX: number;
1818
+ parentLabels?: {
1819
+ show?: boolean;
1820
+ color?: string;
1821
+ bold?: boolean;
1822
+ fontSize?: number;
1823
+ offsetX?: number;
1824
1824
  };
1825
1825
  };
1826
- highlighter: {
1827
- color: string;
1828
- opacity: number;
1829
- };
1830
- separators: {
1831
- show: boolean;
1832
- color: string;
1833
- strokeWidth: number;
1834
- };
1835
- };
1836
- title: {
1837
- text: string;
1838
- color: string;
1839
- fontSize: number;
1840
- bold: boolean;
1841
- subtitle: {
1842
- color: string;
1843
- text: string;
1844
- fontSize: number;
1845
- bold: boolean;
1846
- };
1847
- };
1848
- legend: {
1849
- position: "top" | "bottom";
1850
- show: boolean;
1851
- fontSize: number;
1852
- color: string;
1853
- backgroundColor: string;
1854
- bold: boolean;
1855
- roundingValue: number;
1856
- roundingPercentage: number;
1857
- prefix: string;
1858
- suffix: string;
1859
- };
1860
- tooltip: {
1861
- show: boolean;
1862
- backgroundColor: string;
1863
- color: string;
1864
- fontSize: number;
1865
- showValue: boolean;
1866
- showPercentage: boolean;
1867
- roundingValue: number;
1868
- roundingPercentage: number;
1869
- prefix: string;
1870
- suffix: string;
1826
+ highlighter?: {
1827
+ color?: string;
1828
+ opacity?: number;
1829
+ };
1830
+ separators?: {
1831
+ show?: boolean;
1832
+ color?: string;
1833
+ strokeWidth?: number;
1834
+ };
1835
+ };
1836
+ title?: {
1837
+ text?: string;
1838
+ color?: string;
1839
+ fontSize?: number;
1840
+ bold?: boolean;
1841
+ subtitle?: {
1842
+ color?: string;
1843
+ text?: string;
1844
+ fontSize?: number;
1845
+ bold?: boolean;
1846
+ };
1847
+ };
1848
+ legend?: {
1849
+ position?: "top" | "bottom";
1850
+ show?: boolean;
1851
+ fontSize?: number;
1852
+ color?: string;
1853
+ backgroundColor?: string;
1854
+ bold?: boolean;
1855
+ roundingValue?: number;
1856
+ roundingPercentage?: number;
1857
+ prefix?: string;
1858
+ suffix?: string;
1859
+ };
1860
+ tooltip?: {
1861
+ show?: boolean;
1862
+ backgroundColor?: string;
1863
+ color?: string;
1864
+ fontSize?: number;
1865
+ showValue?: boolean;
1866
+ showPercentage?: boolean;
1867
+ roundingValue?: number;
1868
+ roundingPercentage?: number;
1869
+ prefix?: string;
1870
+ suffix?: string;
1871
1871
  };
1872
1872
  };
1873
1873
  };
1874
- userOptions: {
1875
- show: boolean;
1876
- title: string;
1877
- labels: {
1878
- useDiv: string;
1879
- showTable: string;
1880
- sort: string;
1874
+ userOptions?: {
1875
+ show?: boolean;
1876
+ title?: string;
1877
+ labels?: {
1878
+ useDiv?: string;
1879
+ showTable?: string;
1880
+ sort?: string;
1881
1881
  };
1882
1882
  };
1883
- table: {
1884
- show: boolean;
1885
- th: {
1886
- backgroundColor: string;
1887
- color: string;
1888
- outline: string;
1889
- };
1890
- td: {
1891
- backgroundColor: string;
1892
- color: string;
1893
- outline: string;
1894
- roundingValue: number;
1895
- roundingPercentage: number;
1896
- prefix: string;
1897
- suffix: string;
1883
+ table?: {
1884
+ show?: boolean;
1885
+ th?: {
1886
+ backgroundColor?: string;
1887
+ color?: string;
1888
+ outline?: string;
1889
+ };
1890
+ td?: {
1891
+ backgroundColor?: string;
1892
+ color?: string;
1893
+ outline?: string;
1894
+ roundingValue?: number;
1895
+ roundingPercentage?: number;
1896
+ prefix?: string;
1897
+ suffix?: string;
1898
1898
  };
1899
1899
  };
1900
- translations: {
1901
- parentName: string;
1902
- childName: string;
1903
- value: string;
1904
- percentageToTotal: string;
1905
- percentageToSerie: string;
1900
+ translations?: {
1901
+ parentName?: string;
1902
+ childName?: string;
1903
+ value?: string;
1904
+ percentageToTotal?: string;
1905
+ percentageToSerie?: string;
1906
1906
  };
1907
1907
  };
1908
1908
 
1909
1909
  export const VueUiVerticalBar: DefineComponent<{
1910
- config: VueUiVerticalBarConfig,
1910
+ config?: VueUiVerticalBarConfig,
1911
1911
  dataset: VueUiVerticalBarDatasetItem[]
1912
1912
  }>;
1913
1913
 
@@ -1917,58 +1917,58 @@ declare module 'vue-data-ui' {
1917
1917
  };
1918
1918
 
1919
1919
  export type VueUiSparklineConfig = {
1920
- style: {
1921
- backgroundColor: string;
1922
- fontFamily: string;
1923
- sparkline: {
1924
- color: string;
1925
- strokeWidth: number;
1926
- };
1927
- line: {
1928
- color: string;
1929
- strokeWidth: number;
1930
- };
1931
- zeroLine: {
1932
- color: string;
1933
- strokeWidth: number;
1934
- };
1935
- plot: {
1936
- show: boolean;
1937
- radius: number;
1938
- stroke: string;
1939
- strokeWidth: number;
1940
- };
1941
- verticalIndicator: {
1942
- show: boolean;
1943
- strokeWidth: number;
1944
- };
1945
- dataLabel: {
1946
- position: "left" | "right";
1947
- fontSize: number;
1948
- bold: boolean;
1949
- color: string;
1950
- roundingValue: number;
1951
- valueType: "latest" | "sum" | "average";
1952
- };
1953
- title: {
1954
- show: boolean;
1955
- textAlign: "left" | "center" | "right";
1956
- color: string;
1957
- fontSize: number;
1958
- bold: boolean;
1959
- text: string;
1960
- };
1961
- area: {
1962
- show: boolean;
1963
- useGradient: boolean;
1964
- opacity: number;
1965
- color: string;
1920
+ style?: {
1921
+ backgroundColor?: string;
1922
+ fontFamily?: string;
1923
+ sparkline?: {
1924
+ color?: string;
1925
+ strokeWidth?: number;
1926
+ };
1927
+ line?: {
1928
+ color?: string;
1929
+ strokeWidth?: number;
1930
+ };
1931
+ zeroLine?: {
1932
+ color?: string;
1933
+ strokeWidth?: number;
1934
+ };
1935
+ plot?: {
1936
+ show?: boolean;
1937
+ radius?: number;
1938
+ stroke?: string;
1939
+ strokeWidth?: number;
1940
+ };
1941
+ verticalIndicator?: {
1942
+ show?: boolean;
1943
+ strokeWidth?: number;
1944
+ };
1945
+ dataLabel?: {
1946
+ position?: "left" | "right";
1947
+ fontSize?: number;
1948
+ bold?: boolean;
1949
+ color?: string;
1950
+ roundingValue?: number;
1951
+ valueType?: "latest" | "sum" | "average";
1952
+ };
1953
+ title?: {
1954
+ show?: boolean;
1955
+ textAlign?: "left" | "center" | "right";
1956
+ color?: string;
1957
+ fontSize?: number;
1958
+ bold?: boolean;
1959
+ text?: string;
1960
+ };
1961
+ area?: {
1962
+ show?: boolean;
1963
+ useGradient?: boolean;
1964
+ opacity?: number;
1965
+ color?: string;
1966
1966
  };
1967
1967
  };
1968
1968
  };
1969
1969
 
1970
1970
  export const VueUiSparkline: DefineComponent<{
1971
- config: VueUiSparklineConfig,
1971
+ config?: VueUiSparklineConfig,
1972
1972
  dataset: VueUiSparklineDatasetItem[]
1973
1973
  }>;
1974
1974
 
@@ -1998,172 +1998,172 @@ declare module 'vue-data-ui' {
1998
1998
  };
1999
1999
 
2000
2000
  export type VueUiTableConfig = {
2001
- fontFamily: string;
2002
- maxHeight: number;
2003
- rowsPerPage: number;
2004
- style: {
2005
- th: {
2006
- backgroundColor: string;
2007
- color: string;
2008
- outline: string;
2009
- selected: {
2010
- backgroundColor: string;
2011
- color: string;
2012
- };
2013
- };
2014
- rows: {
2015
- even: {
2016
- backgroundColor: string;
2017
- color: string;
2018
- selectedCell: {
2019
- backgroundColor: string;
2020
- color: string;
2021
- };
2022
- selectedNeighbors: {
2023
- backgroundColor: string;
2024
- color: string;
2025
- };
2026
- };
2027
- odd: {
2028
- backgroundColor: string;
2029
- color: string;
2030
- selectedCell: {
2031
- backgroundColor: string;
2032
- color: string;
2033
- };
2034
- selectedNeighbors: {
2035
- backgroundColor: string;
2036
- color: string;
2037
- };
2038
- };
2039
- };
2040
- inputs: {
2041
- backgroundColor: string;
2042
- color: string;
2043
- border: string;
2044
- accentColor: string;
2001
+ fontFamily?: string;
2002
+ maxHeight?: number;
2003
+ rowsPerPage?: number;
2004
+ style?: {
2005
+ th?: {
2006
+ backgroundColor?: string;
2007
+ color?: string;
2008
+ outline?: string;
2009
+ selected?: {
2010
+ backgroundColor?: string;
2011
+ color?: string;
2012
+ };
2013
+ };
2014
+ rows?: {
2015
+ even?: {
2016
+ backgroundColor?: string;
2017
+ color?: string;
2018
+ selectedCell?: {
2019
+ backgroundColor?: string;
2020
+ color?: string;
2021
+ };
2022
+ selectedNeighbors?: {
2023
+ backgroundColor?: string;
2024
+ color?: string;
2025
+ };
2026
+ };
2027
+ odd?: {
2028
+ backgroundColor?: string;
2029
+ color?: string;
2030
+ selectedCell?: {
2031
+ backgroundColor?: string;
2032
+ color?: string;
2033
+ };
2034
+ selectedNeighbors?: {
2035
+ backgroundColor?: string;
2036
+ color?: string;
2037
+ };
2038
+ };
2039
+ };
2040
+ inputs?: {
2041
+ backgroundColor?: string;
2042
+ color?: string;
2043
+ border?: string;
2044
+ accentColor?: string;
2045
2045
  },
2046
- dropdowns: {
2047
- backgroundColor: string;
2048
- color: string;
2049
- icons: {
2050
- selected: {
2051
- color: string;
2052
- unicode: string;
2053
- };
2054
- unselected: {
2055
- color: string;
2056
- unicode: string;
2057
- };
2058
- };
2059
- };
2060
- infoBar: {
2061
- backgroundColor: string;
2062
- color: string;
2063
- };
2064
- pagination: {
2065
- buttons: {
2066
- backgroundColor: string;
2067
- color: string;
2068
- opacityDisabled: string;
2069
- };
2070
- navigationIndicator: {
2071
- backgroundColor: string;
2072
- };
2073
- };
2074
- exportMenu: {
2075
- backgroundColor: string;
2076
- color: string;
2077
- buttons: {
2078
- backgroundColor: string;
2079
- color: string;
2080
- };
2081
- };
2082
- closeButtons: {
2083
- backgroundColor: string;
2084
- color: string;
2085
- borderRadius: string;
2086
- };
2087
- chart: {
2088
- modal: {
2089
- backgroundColor: string;
2090
- color: string;
2091
- buttons: {
2092
- selected: {
2093
- backgroundColor: string;
2094
- color: string;
2046
+ dropdowns?: {
2047
+ backgroundColor?: string;
2048
+ color?: string;
2049
+ icons?: {
2050
+ selected?: {
2051
+ color?: string;
2052
+ unicode?: string;
2053
+ };
2054
+ unselected?: {
2055
+ color?: string;
2056
+ unicode?: string;
2057
+ };
2058
+ };
2059
+ };
2060
+ infoBar?: {
2061
+ backgroundColor?: string;
2062
+ color?: string;
2063
+ };
2064
+ pagination?: {
2065
+ buttons?: {
2066
+ backgroundColor?: string;
2067
+ color?: string;
2068
+ opacityDisabled?: string;
2069
+ };
2070
+ navigationIndicator?: {
2071
+ backgroundColor?: string;
2072
+ };
2073
+ };
2074
+ exportMenu?: {
2075
+ backgroundColor?: string;
2076
+ color?: string;
2077
+ buttons?: {
2078
+ backgroundColor?: string;
2079
+ color?: string;
2080
+ };
2081
+ };
2082
+ closeButtons?: {
2083
+ backgroundColor?: string;
2084
+ color?: string;
2085
+ borderRadius?: string;
2086
+ };
2087
+ chart?: {
2088
+ modal?: {
2089
+ backgroundColor?: string;
2090
+ color?: string;
2091
+ buttons?: {
2092
+ selected?: {
2093
+ backgroundColor?: string;
2094
+ color?: string;
2095
2095
  };
2096
- unselected: {
2097
- backgroundColor: string;
2098
- color: string;
2096
+ unselected?: {
2097
+ backgroundColor?: string;
2098
+ color?: string;
2099
2099
  };
2100
2100
  };
2101
2101
  };
2102
- layout: {
2103
- backgroundColor: string;
2104
- axis: {
2105
- stroke: string;
2106
- strokeWidth: number;
2102
+ layout?: {
2103
+ backgroundColor?: string;
2104
+ axis?: {
2105
+ stroke?: string;
2106
+ strokeWidth?: number;
2107
2107
  };
2108
- bar: {
2109
- fill: string;
2110
- stroke: string;
2108
+ bar?: {
2109
+ fill?: string;
2110
+ stroke?: string;
2111
2111
  },
2112
- line: {
2113
- stroke: string;
2114
- strokeWidth: number;
2115
- plot: {
2116
- fill: string;
2117
- stroke: string;
2118
- strokeWidth: number;
2119
- radius: {
2120
- selected: number;
2121
- unselected: number;
2112
+ line?: {
2113
+ stroke?: string;
2114
+ strokeWidth?: number;
2115
+ plot?: {
2116
+ fill?: string;
2117
+ stroke?: string;
2118
+ strokeWidth?: number;
2119
+ radius?: {
2120
+ selected?: number;
2121
+ unselected?: number;
2122
2122
  };
2123
2123
  };
2124
- selector: {
2125
- stroke: string;
2126
- strokeWidth: number;
2127
- strokeDasharray: number;
2124
+ selector?: {
2125
+ stroke?: string;
2126
+ strokeWidth?: number;
2127
+ strokeDasharray?: number;
2128
2128
  };
2129
2129
  };
2130
- labels: {
2131
- color: string;
2130
+ labels?: {
2131
+ color?: string;
2132
2132
  };
2133
- progression: {
2134
- stroke: string;
2135
- strokeWidth: number;
2136
- strokeDasharray: number;
2137
- arrowSize: number;
2133
+ progression?: {
2134
+ stroke?: string;
2135
+ strokeWidth?: number;
2136
+ strokeDasharray?: number;
2137
+ arrowSize?: number;
2138
2138
  };
2139
2139
  };
2140
2140
  };
2141
2141
  };
2142
- translations: {
2143
- average: string;
2144
- by: string;
2145
- chooseCategoryColumn: string;
2146
- exportAllButton: string;
2147
- exportAllLabel: string;
2148
- exportPageButton: string;
2149
- exportPageLabel: string;
2150
- from: string;
2151
- inputPlaceholder: string;
2152
- makeDonut: string;
2153
- nb: string;
2154
- page: string;
2155
- paginatorLabel: string;
2156
- sizeWarning: string;
2157
- sum: string;
2158
- to: string;
2159
- total: string;
2160
- totalRows: string;
2142
+ translations?: {
2143
+ average?: string;
2144
+ by?: string;
2145
+ chooseCategoryColumn?: string;
2146
+ exportAllButton?: string;
2147
+ exportAllLabel?: string;
2148
+ exportPageButton?: string;
2149
+ exportPageLabel?: string;
2150
+ from?: string;
2151
+ inputPlaceholder?: string;
2152
+ makeDonut?: string;
2153
+ nb?: string;
2154
+ page?: string;
2155
+ paginatorLabel?: string;
2156
+ sizeWarning?: string;
2157
+ sum?: string;
2158
+ to?: string;
2159
+ total?: string;
2160
+ totalRows?: string;
2161
2161
  };
2162
- useChart: boolean;
2162
+ useChart?: boolean;
2163
2163
  };
2164
2164
 
2165
2165
  export const VueUiTable: DefineComponent<{
2166
- config: VueUiTableConfig,
2166
+ config?: VueUiTableConfig,
2167
2167
  dataset: VueUiTableDataset
2168
2168
  }>;
2169
2169
 
@@ -2176,297 +2176,297 @@ declare module 'vue-data-ui' {
2176
2176
  };
2177
2177
 
2178
2178
  export type VueUiRatingConfig = {
2179
- type: "star" | "image";
2180
- readonly: boolean;
2181
- from: number;
2182
- to: number;
2183
- style: {
2184
- fontFamily: string;
2185
- animated: boolean;
2186
- itemSize: number;
2187
- backgroundColor: string;
2188
- star: {
2189
- activeColor: string;
2190
- borderColor: string;
2191
- borderWidth: number;
2192
- apexes: number;
2193
- inactiveColor: string;
2194
- useGradient: boolean;
2195
- };
2196
- image: {
2197
- src: string;
2198
- inactiveOpacity: string;
2199
- alt: string;
2200
- };
2201
- title: {
2202
- textAlign: string;
2203
- fontSize: number;
2204
- color: string;
2205
- bold: boolean;
2206
- text: string;
2207
- offsetY: number;
2208
- subtitle: {
2209
- fontSize: number;
2210
- color: string;
2211
- bold: boolean;
2212
- text: string;
2213
- offsetY: number;
2214
- };
2215
- };
2216
- rating: {
2217
- show: boolean;
2218
- fontSize: number;
2219
- bold: boolean;
2220
- roundingValue: number;
2221
- position: "bottom" | "top" | "left" | "right",
2222
- offsetY: number;
2223
- offsetX: number;
2224
- };
2225
- tooltip: {
2226
- show: boolean;
2227
- fontSize: number;
2228
- offsetY: number;
2229
- color: string;
2230
- bold: boolean;
2231
- backgroundColor: string;
2232
- borderColor: string;
2233
- borderRadius: number;
2234
- boxShadow: string;
2179
+ type?: "star" | "image";
2180
+ readonly?: boolean;
2181
+ from?: number;
2182
+ to?: number;
2183
+ style?: {
2184
+ fontFamily?: string;
2185
+ animated?: boolean;
2186
+ itemSize?: number;
2187
+ backgroundColor?: string;
2188
+ star?: {
2189
+ activeColor?: string;
2190
+ borderColor?: string;
2191
+ borderWidth?: number;
2192
+ apexes?: number;
2193
+ inactiveColor?: string;
2194
+ useGradient?: boolean;
2195
+ };
2196
+ image?: {
2197
+ src?: string;
2198
+ inactiveOpacity?: string;
2199
+ alt?: string;
2200
+ };
2201
+ title?: {
2202
+ textAlign?: string;
2203
+ fontSize?: number;
2204
+ color?: string;
2205
+ bold?: boolean;
2206
+ text?: string;
2207
+ offsetY?: number;
2208
+ subtitle?: {
2209
+ fontSize?: number;
2210
+ color?: string;
2211
+ bold?: boolean;
2212
+ text?: string;
2213
+ offsetY?: number;
2214
+ };
2215
+ };
2216
+ rating?: {
2217
+ show?: boolean;
2218
+ fontSize?: number;
2219
+ bold?: boolean;
2220
+ roundingValue?: number;
2221
+ position?: "bottom" | "top" | "left" | "right",
2222
+ offsetY?: number;
2223
+ offsetX?: number;
2224
+ };
2225
+ tooltip?: {
2226
+ show?: boolean;
2227
+ fontSize?: number;
2228
+ offsetY?: number;
2229
+ color?: string;
2230
+ bold?: boolean;
2231
+ backgroundColor?: string;
2232
+ borderColor?: string;
2233
+ borderRadius?: number;
2234
+ boxShadow?: string;
2235
2235
  };
2236
2236
  };
2237
2237
  };
2238
2238
 
2239
2239
  export const VueUiRating: DefineComponent<{
2240
- config: VueUiRatingConfig,
2240
+ config?: VueUiRatingConfig,
2241
2241
  dataset: VueUiRatingDataset
2242
2242
  }>;
2243
2243
 
2244
2244
  export type VueUiSmileyConfig = {
2245
- readonly: boolean;
2246
- style: {
2247
- fontFamily: string;
2248
- itemSize: number;
2249
- backgroundColor: string;
2250
- colors: {
2251
- activeReadonly: [string, string, string, string, string];
2252
- active: [string, string, string, string, string];
2253
- inactive: [string, string, string, string, string];
2254
- };
2255
- icons: {
2256
- filled: boolean;
2257
- useGradient: boolean;
2258
- };
2259
- title: {
2260
- textAlign: string;
2261
- fontSize: number;
2262
- color: string;
2263
- bold: boolean;
2264
- text: string;
2265
- offsetY: number;
2266
- subtitle: {
2267
- fontSize: number;
2268
- color: string;
2269
- bold: boolean;
2270
- text: string;
2271
- offsetY: number;
2272
- };
2273
- };
2274
- rating: {
2275
- show: boolean;
2276
- fontSize: number;
2277
- bold: boolean;
2278
- roundingValue: number;
2279
- position: string;
2280
- offsetY: number;
2281
- offsetX: number;
2282
- };
2283
- tooltip: {
2284
- show: boolean;
2285
- fontSize: number;
2286
- offsetY: number;
2287
- color: string;
2288
- bold: boolean;
2289
- backgroundColor: string;
2290
- borderColor: string;
2291
- borderRadius: number;
2292
- boxShadow: string;
2245
+ readonly?: boolean;
2246
+ style?: {
2247
+ fontFamily?: string;
2248
+ itemSize?: number;
2249
+ backgroundColor?: string;
2250
+ colors?: {
2251
+ activeReadonly?: [string, string, string, string, string];
2252
+ active?: [string, string, string, string, string];
2253
+ inactive?: [string, string, string, string, string];
2254
+ };
2255
+ icons?: {
2256
+ filled?: boolean;
2257
+ useGradient?: boolean;
2258
+ };
2259
+ title?: {
2260
+ textAlign?: string;
2261
+ fontSize?: number;
2262
+ color?: string;
2263
+ bold?: boolean;
2264
+ text?: string;
2265
+ offsetY?: number;
2266
+ subtitle?: {
2267
+ fontSize?: number;
2268
+ color?: string;
2269
+ bold?: boolean;
2270
+ text?: string;
2271
+ offsetY?: number;
2272
+ };
2273
+ };
2274
+ rating?: {
2275
+ show?: boolean;
2276
+ fontSize?: number;
2277
+ bold?: boolean;
2278
+ roundingValue?: number;
2279
+ position?: string;
2280
+ offsetY?: number;
2281
+ offsetX?: number;
2282
+ };
2283
+ tooltip?: {
2284
+ show?: boolean;
2285
+ fontSize?: number;
2286
+ offsetY?: number;
2287
+ color?: string;
2288
+ bold?: boolean;
2289
+ backgroundColor?: string;
2290
+ borderColor?: string;
2291
+ borderRadius?: number;
2292
+ boxShadow?: string;
2293
2293
  };
2294
2294
  };
2295
2295
  };
2296
2296
 
2297
2297
  export const VueUiSmiley: DefineComponent<{
2298
- config: VueUiSmileyConfig,
2298
+ config?: VueUiSmileyConfig,
2299
2299
  dataset: VueUiRatingDataset
2300
2300
  }>;
2301
2301
 
2302
2302
  export type VueUiScreenshotConfig = {
2303
- mode: "download" | "post";
2304
- quality: number;
2305
- style: {
2306
- info: {
2307
- background: string;
2308
- bold: boolean;
2309
- border: string;
2310
- borderRadius: number;
2311
- boxShadow: string;
2312
- color: string;
2313
- fontFamily: string;
2314
- fontSize: number;
2315
- minWidth: number;
2316
- padding: number;
2317
- top: number;
2318
- };
2319
- captureButton: {
2320
- background: string;
2321
- bold: boolean;
2322
- border: string;
2323
- borderRadius: number;
2324
- boxShadow: string;
2325
- color: string;
2326
- fontFamily: string;
2327
- fontSize: number;
2328
- minHeight: number;
2329
- padding: string;
2330
- };
2331
- cancelButton: {
2332
- background: string;
2333
- border: string;
2334
- borderRadius: number;
2335
- color: string;
2336
- right: number;
2337
- size: number;
2338
- top: number;
2339
- };
2340
- captureArea: {
2341
- background: string;
2342
- border: string;
2343
- initialHeight: number;
2344
- initialWidth: number;
2345
- };
2346
- handles: {
2347
- background: string;
2348
- border: string;
2349
- borderRadius: number;
2350
- size: number;
2303
+ mode?: "download" | "post";
2304
+ quality?: number;
2305
+ style?: {
2306
+ info?: {
2307
+ background?: string;
2308
+ bold?: boolean;
2309
+ border?: string;
2310
+ borderRadius?: number;
2311
+ boxShadow?: string;
2312
+ color?: string;
2313
+ fontFamily?: string;
2314
+ fontSize?: number;
2315
+ minWidth?: number;
2316
+ padding?: number;
2317
+ top?: number;
2318
+ };
2319
+ captureButton?: {
2320
+ background?: string;
2321
+ bold?: boolean;
2322
+ border?: string;
2323
+ borderRadius?: number;
2324
+ boxShadow?: string;
2325
+ color?: string;
2326
+ fontFamily?: string;
2327
+ fontSize?: number;
2328
+ minHeight?: number;
2329
+ padding?: string;
2330
+ };
2331
+ cancelButton?: {
2332
+ background?: string;
2333
+ border?: string;
2334
+ borderRadius?: number;
2335
+ color?: string;
2336
+ right?: number;
2337
+ size?: number;
2338
+ top?: number;
2339
+ };
2340
+ captureArea?: {
2341
+ background?: string;
2342
+ border?: string;
2343
+ initialHeight?: number;
2344
+ initialWidth?: number;
2345
+ };
2346
+ handles?: {
2347
+ background?: string;
2348
+ border?: string;
2349
+ borderRadius?: number;
2350
+ size?: number;
2351
2351
  };
2352
2352
  };
2353
- translations: {
2354
- captureButton: string;
2355
- info: string;
2353
+ translations?: {
2354
+ captureButton?: string;
2355
+ info?: string;
2356
2356
  };
2357
2357
  };
2358
2358
 
2359
2359
  export const VueUiScreenshot: DefineComponent<{
2360
- config: VueUiScreenshotConfig
2360
+ config?: VueUiScreenshotConfig
2361
2361
  }>;
2362
2362
 
2363
2363
  export type VueUiSkeletonConfig = {
2364
- type: "bar" | "chestnut" | "donut" | "gauge" | "line" | "onion" | "quadrant" | "radar" | "rating" | "table" | "verticalBar" | "waffle" | "heatmap" | "candlestick" | "pyramid";
2365
- style: {
2366
- backgroundColor: string;
2367
- color: string;
2368
- animated: boolean;
2369
- line: {
2370
- axis: {
2371
- show: boolean;
2372
- color: string;
2373
- strokeWidth: number;
2364
+ type?: "bar" | "chestnut" | "donut" | "gauge" | "line" | "onion" | "quadrant" | "radar" | "rating" | "table" | "verticalBar" | "waffle" | "heatmap" | "candlestick" | "pyramid";
2365
+ style?: {
2366
+ backgroundColor?: string;
2367
+ color?: string;
2368
+ animated?: boolean;
2369
+ line?: {
2370
+ axis?: {
2371
+ show?: boolean;
2372
+ color?: string;
2373
+ strokeWidth?: number;
2374
2374
  };
2375
- path: {
2376
- color: string;
2377
- strokeWidth: number;
2378
- showPlots: boolean;
2375
+ path?: {
2376
+ color?: string;
2377
+ strokeWidth?: number;
2378
+ showPlots?: boolean;
2379
2379
  };
2380
2380
  };
2381
- bar: {
2382
- axis: {
2383
- show: boolean;
2384
- color: string;
2385
- strokeWidth: number;
2381
+ bar?: {
2382
+ axis?: {
2383
+ show?: boolean;
2384
+ color?: string;
2385
+ strokeWidth?: number;
2386
2386
  };
2387
- borderRadius: number;
2388
- color: string;
2389
- barWidth: number;
2387
+ borderRadius?: number;
2388
+ color?: string;
2389
+ barWidth?: number;
2390
2390
  };
2391
- chestnut: {
2392
- color: string;
2391
+ chestnut?: {
2392
+ color?: string;
2393
2393
  };
2394
- donut: {
2395
- color: string;
2396
- strokeWidth: number;
2394
+ donut?: {
2395
+ color?: string;
2396
+ strokeWidth?: number;
2397
2397
  };
2398
- onion: {
2399
- color: string;
2398
+ onion?: {
2399
+ color?: string;
2400
2400
  };
2401
- gauge: {
2402
- color: string;
2401
+ gauge?: {
2402
+ color?: string;
2403
2403
  };
2404
- quadrant: {
2405
- grid: {
2406
- color: string;
2407
- strokeWidth: number;
2404
+ quadrant?: {
2405
+ grid?: {
2406
+ color?: string;
2407
+ strokeWidth?: number;
2408
2408
  };
2409
- plots: {
2410
- radius: number;
2411
- color: string;
2409
+ plots?: {
2410
+ radius?: number;
2411
+ color?: string;
2412
2412
  };
2413
2413
  };
2414
- radar: {
2415
- grid: {
2416
- color: string;
2417
- strokeWidth: number;
2414
+ radar?: {
2415
+ grid?: {
2416
+ color?: string;
2417
+ strokeWidth?: number;
2418
2418
  };
2419
- shapes: {
2420
- color: string;
2419
+ shapes?: {
2420
+ color?: string;
2421
2421
  };
2422
2422
  };
2423
- waffle: {
2424
- color: string;
2423
+ waffle?: {
2424
+ color?: string;
2425
2425
  };
2426
- table: {
2427
- th: {
2428
- color: string;
2426
+ table?: {
2427
+ th?: {
2428
+ color?: string;
2429
2429
  };
2430
- td: {
2431
- color: string;
2432
- strokeWidth: number;
2430
+ td?: {
2431
+ color?: string;
2432
+ strokeWidth?: number;
2433
2433
  };
2434
2434
  };
2435
- rating: {
2436
- color: string;
2437
- filled: boolean;
2438
- strokeWidth: number;
2439
- maxWidth: number;
2435
+ rating?: {
2436
+ color?: string;
2437
+ filled?: boolean;
2438
+ strokeWidth?: number;
2439
+ maxWidth?: number;
2440
2440
  };
2441
- verticalBar: {
2442
- axis: {
2443
- show: boolean;
2444
- color: string;
2445
- strokeWidth: number;
2441
+ verticalBar?: {
2442
+ axis?: {
2443
+ show?: boolean;
2444
+ color?: string;
2445
+ strokeWidth?: number;
2446
2446
  },
2447
- borderRadius: number;
2448
- color: string;
2447
+ borderRadius?: number;
2448
+ color?: string;
2449
2449
  };
2450
- heatmap: {
2451
- cellsX: number;
2452
- cellsY: number;
2453
- color: string;
2450
+ heatmap?: {
2451
+ cellsX?: number;
2452
+ cellsY?: number;
2453
+ color?: string;
2454
2454
  };
2455
- candlesticks: {
2456
- axis: {
2457
- show: boolean;
2458
- color: string;
2459
- strokeWidth: number;
2455
+ candlesticks?: {
2456
+ axis?: {
2457
+ show?: boolean;
2458
+ color?: string;
2459
+ strokeWidth?: number;
2460
2460
  };
2461
- candle: {
2462
- color: string;
2463
- strokeWidth: number;
2461
+ candle?: {
2462
+ color?: string;
2463
+ strokeWidth?: number;
2464
2464
  };
2465
2465
  };
2466
2466
  };
2467
2467
  };
2468
2468
 
2469
2469
  export const VueUiSkeleton: DefineComponent<{
2470
- config: VueUiSkeletonConfig
2470
+ config?: VueUiSkeletonConfig
2471
2471
  }>;
2472
2472
  }