@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.57

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 (63) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_92052479_lang.css +1 -0
  4. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_d61ed404_lang.css +1 -0
  5. package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css +1 -0
  6. package/ChartPlane.vue_vue_type_style_index_0_scoped_bb382dc4_lang.css +1 -0
  7. package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +1 -0
  8. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
  9. package/SettingsHeader.vue_vue_type_style_index_0_scoped_fba2eaa4_lang.css +1 -0
  10. package/components/chart/Chart.vue.d.ts +56 -2
  11. package/components/chart/Chart.vue.js +4 -4
  12. package/components/chart/Chart.vue2.js +93 -60
  13. package/components/chart/ChartHeader.vue.d.ts +25 -0
  14. package/components/chart/ChartHeader.vue.js +2 -2
  15. package/components/chart/ChartHeader.vue2.js +75 -50
  16. package/components/chart/ChartHeaderTrend.vue.d.ts +15 -0
  17. package/components/chart/ChartHeaderTrend.vue.js +3 -3
  18. package/components/chart/ChartHeaderTrend.vue2.js +83 -19
  19. package/components/chart/ChartLegend.vue.d.ts +17 -0
  20. package/components/chart/ChartLegend.vue.js +3 -3
  21. package/components/chart/ChartLegend.vue2.js +78 -67
  22. package/components/chart/ChartPlane.vue.d.ts +43 -4
  23. package/components/chart/ChartPlane.vue.js +3 -3
  24. package/components/chart/ChartPlane.vue2.js +137 -118
  25. package/components/chart/LegendSorting.vue.d.ts +37 -0
  26. package/components/chart/LegendSorting.vue.js +45 -0
  27. package/components/chart/LegendSorting.vue2.js +4 -0
  28. package/components/chart/SettingsHeader.vue.d.ts +1 -0
  29. package/components/chart/SettingsHeader.vue.js +3 -3
  30. package/components/chart/SettingsHeader.vue2.js +17 -16
  31. package/components/chart/colorPalette.d.ts +4 -0
  32. package/components/chart/colorPalette.js +54 -0
  33. package/components/chart/composables/useColorsMap.d.ts +2 -2
  34. package/components/chart/composables/useColorsMap.js +41 -12
  35. package/components/chart/consts.d.ts +12 -1
  36. package/components/chart/consts.js +31 -26
  37. package/components/chart/index.d.ts +237 -40
  38. package/components/chart/mockData.d.ts +8 -14
  39. package/components/chart/types.d.ts +2 -1
  40. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
  41. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +1 -1
  42. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +11 -0
  43. package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
  44. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
  45. package/components/dropdown/v4/index.d.ts +18 -0
  46. package/components/table/v4/DataGrid.vue.js +3 -3
  47. package/components/table/v4/DataGrid.vue2.js +35 -35
  48. package/index.d.ts +37 -1
  49. package/index.js +1 -1
  50. package/package.json +1 -1
  51. package/utils/formatNumbers.d.ts +1 -1
  52. package/utils/formatNumbers.js +14 -14
  53. package/utils/totals.d.ts +5 -0
  54. package/utils/totals.js +9 -0
  55. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +0 -1
  56. package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +0 -1
  57. package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +0 -1
  58. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css +0 -1
  59. package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +0 -1
  60. package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +0 -1
  61. package/DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css +0 -1
  62. package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
  63. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +0 -1
@@ -10,6 +10,9 @@ declare const ChartTypes: () => ({
10
10
  minVisible: number;
11
11
  maxVisible: number;
12
12
  maxLimitTooltipText: string;
13
+ sortSelected: any;
14
+ sortOptions: unknown[];
15
+ sortOptionNameKey: string;
13
16
  chartType: import("./types").ChartType;
14
17
  hideLegend: boolean;
15
18
  xAxisFormat: import("./types").ValueFormat;
@@ -17,14 +20,21 @@ declare const ChartTypes: () => ({
17
20
  parsing: import("./types").ChartParsingConfig;
18
21
  dataSets: import("./types").ChartDataSet[];
19
22
  subheader: string;
23
+ subheaderTooltipHeader: string;
24
+ subheaderTooltipText: string;
25
+ trendTooltipHeader: string;
26
+ trendTooltipRangeCurrent: string;
27
+ trendTooltipRangePrevious: string;
20
28
  trendValue: string | number;
21
29
  trendDirection: "up" | "down";
22
30
  tickCount: number;
23
- withAnimation: boolean;
24
- totalsChart: boolean;
25
31
  noDataIcon: string;
26
32
  noDataTitle: string;
27
33
  noDataSubtitle: string;
34
+ withAnimation: boolean;
35
+ tooltipTotalType: import("../../utils/totals").TotalType;
36
+ tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
37
+ totalsChart: boolean;
28
38
  fullHeight: boolean;
29
39
  withSettingsHeader: boolean;
30
40
  extraCharts: Record<string, unknown>[];
@@ -54,6 +64,18 @@ declare const ChartTypes: () => ({
54
64
  type: import("vue").PropType<string>;
55
65
  default: string;
56
66
  };
67
+ sortSelected: {
68
+ type: import("vue").PropType<unknown>;
69
+ default: any;
70
+ };
71
+ sortOptions: {
72
+ type: import("vue").PropType<unknown[]>;
73
+ default: () => any[];
74
+ };
75
+ sortOptionNameKey: {
76
+ type: import("vue").PropType<string>;
77
+ default: string;
78
+ };
57
79
  chartType: {
58
80
  type: import("vue").PropType<import("./types").ChartType>;
59
81
  default: import("./types").ChartType;
@@ -83,6 +105,26 @@ declare const ChartTypes: () => ({
83
105
  type: import("vue").PropType<string>;
84
106
  default: string;
85
107
  };
108
+ subheaderTooltipHeader: {
109
+ type: import("vue").PropType<string>;
110
+ default: any;
111
+ };
112
+ subheaderTooltipText: {
113
+ type: import("vue").PropType<string>;
114
+ default: any;
115
+ };
116
+ trendTooltipHeader: {
117
+ type: import("vue").PropType<string>;
118
+ default: any;
119
+ };
120
+ trendTooltipRangeCurrent: {
121
+ type: import("vue").PropType<string>;
122
+ default: any;
123
+ };
124
+ trendTooltipRangePrevious: {
125
+ type: import("vue").PropType<string>;
126
+ default: any;
127
+ };
86
128
  trendValue: {
87
129
  type: import("vue").PropType<string | number>;
88
130
  default: any;
@@ -95,14 +137,6 @@ declare const ChartTypes: () => ({
95
137
  type: import("vue").PropType<number>;
96
138
  default: number;
97
139
  };
98
- withAnimation: {
99
- type: import("vue").PropType<boolean>;
100
- default: boolean;
101
- };
102
- totalsChart: {
103
- type: import("vue").PropType<boolean>;
104
- default: boolean;
105
- };
106
140
  noDataIcon: {
107
141
  type: import("vue").PropType<string>;
108
142
  default: string;
@@ -115,6 +149,22 @@ declare const ChartTypes: () => ({
115
149
  type: import("vue").PropType<string>;
116
150
  default: string;
117
151
  };
152
+ withAnimation: {
153
+ type: import("vue").PropType<boolean>;
154
+ default: boolean;
155
+ };
156
+ tooltipTotalType: {
157
+ type: import("vue").PropType<import("../../utils/totals").TotalType>;
158
+ default: import("../../utils/totals").TotalType;
159
+ };
160
+ tooltipTotalCalcFn: {
161
+ type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
162
+ default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
163
+ };
164
+ totalsChart: {
165
+ type: import("vue").PropType<boolean>;
166
+ default: boolean;
167
+ };
118
168
  fullHeight: {
119
169
  type: import("vue").PropType<boolean>;
120
170
  default: boolean;
@@ -129,8 +179,9 @@ declare const ChartTypes: () => ({
129
179
  };
130
180
  }>> & {
131
181
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
182
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
132
183
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
133
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "subheader" | "trendValue" | "trendDirection" | "tickCount" | "withAnimation" | "totalsChart" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
184
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "subheader" | "subheaderTooltipHeader" | "subheaderTooltipText" | "trendTooltipHeader" | "trendTooltipRangeCurrent" | "trendTooltipRangePrevious" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
134
185
  $attrs: {
135
186
  [x: string]: unknown;
136
187
  };
@@ -142,7 +193,7 @@ declare const ChartTypes: () => ({
142
193
  }>;
143
194
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
144
195
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
145
- $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
196
+ $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
146
197
  $el: any;
147
198
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
148
199
  header: {
@@ -170,6 +221,18 @@ declare const ChartTypes: () => ({
170
221
  type: import("vue").PropType<string>;
171
222
  default: string;
172
223
  };
224
+ sortSelected: {
225
+ type: import("vue").PropType<unknown>;
226
+ default: any;
227
+ };
228
+ sortOptions: {
229
+ type: import("vue").PropType<unknown[]>;
230
+ default: () => any[];
231
+ };
232
+ sortOptionNameKey: {
233
+ type: import("vue").PropType<string>;
234
+ default: string;
235
+ };
173
236
  chartType: {
174
237
  type: import("vue").PropType<import("./types").ChartType>;
175
238
  default: import("./types").ChartType;
@@ -199,6 +262,26 @@ declare const ChartTypes: () => ({
199
262
  type: import("vue").PropType<string>;
200
263
  default: string;
201
264
  };
265
+ subheaderTooltipHeader: {
266
+ type: import("vue").PropType<string>;
267
+ default: any;
268
+ };
269
+ subheaderTooltipText: {
270
+ type: import("vue").PropType<string>;
271
+ default: any;
272
+ };
273
+ trendTooltipHeader: {
274
+ type: import("vue").PropType<string>;
275
+ default: any;
276
+ };
277
+ trendTooltipRangeCurrent: {
278
+ type: import("vue").PropType<string>;
279
+ default: any;
280
+ };
281
+ trendTooltipRangePrevious: {
282
+ type: import("vue").PropType<string>;
283
+ default: any;
284
+ };
202
285
  trendValue: {
203
286
  type: import("vue").PropType<string | number>;
204
287
  default: any;
@@ -211,14 +294,6 @@ declare const ChartTypes: () => ({
211
294
  type: import("vue").PropType<number>;
212
295
  default: number;
213
296
  };
214
- withAnimation: {
215
- type: import("vue").PropType<boolean>;
216
- default: boolean;
217
- };
218
- totalsChart: {
219
- type: import("vue").PropType<boolean>;
220
- default: boolean;
221
- };
222
297
  noDataIcon: {
223
298
  type: import("vue").PropType<string>;
224
299
  default: string;
@@ -231,6 +306,22 @@ declare const ChartTypes: () => ({
231
306
  type: import("vue").PropType<string>;
232
307
  default: string;
233
308
  };
309
+ withAnimation: {
310
+ type: import("vue").PropType<boolean>;
311
+ default: boolean;
312
+ };
313
+ tooltipTotalType: {
314
+ type: import("vue").PropType<import("../../utils/totals").TotalType>;
315
+ default: import("../../utils/totals").TotalType;
316
+ };
317
+ tooltipTotalCalcFn: {
318
+ type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
319
+ default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
320
+ };
321
+ totalsChart: {
322
+ type: import("vue").PropType<boolean>;
323
+ default: boolean;
324
+ };
234
325
  fullHeight: {
235
326
  type: import("vue").PropType<boolean>;
236
327
  default: boolean;
@@ -245,10 +336,12 @@ declare const ChartTypes: () => ({
245
336
  };
246
337
  }>> & {
247
338
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
339
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
248
340
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
249
341
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
250
342
  "update:chartType": (chartType: import("./types").ChartType) => void;
251
343
  "update:visibleIds": (visibleIds: unknown[]) => void;
344
+ "update:sortSelected": (sortOption: unknown) => void;
252
345
  }, string, {
253
346
  header: string;
254
347
  loading: boolean;
@@ -256,6 +349,9 @@ declare const ChartTypes: () => ({
256
349
  minVisible: number;
257
350
  maxVisible: number;
258
351
  maxLimitTooltipText: string;
352
+ sortSelected: any;
353
+ sortOptions: unknown[];
354
+ sortOptionNameKey: string;
259
355
  chartType: import("./types").ChartType;
260
356
  hideLegend: boolean;
261
357
  xAxisFormat: import("./types").ValueFormat;
@@ -263,14 +359,21 @@ declare const ChartTypes: () => ({
263
359
  parsing: import("./types").ChartParsingConfig;
264
360
  dataSets: import("./types").ChartDataSet[];
265
361
  subheader: string;
362
+ subheaderTooltipHeader: string;
363
+ subheaderTooltipText: string;
364
+ trendTooltipHeader: string;
365
+ trendTooltipRangeCurrent: string;
366
+ trendTooltipRangePrevious: string;
266
367
  trendValue: string | number;
267
368
  trendDirection: "up" | "down";
268
369
  tickCount: number;
269
- withAnimation: boolean;
270
- totalsChart: boolean;
271
370
  noDataIcon: string;
272
371
  noDataTitle: string;
273
372
  noDataSubtitle: string;
373
+ withAnimation: boolean;
374
+ tooltipTotalType: import("../../utils/totals").TotalType;
375
+ tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
376
+ totalsChart: boolean;
274
377
  fullHeight: boolean;
275
378
  withSettingsHeader: boolean;
276
379
  extraCharts: Record<string, unknown>[];
@@ -320,6 +423,18 @@ declare const ChartTypes: () => ({
320
423
  type: import("vue").PropType<string>;
321
424
  default: string;
322
425
  };
426
+ sortSelected: {
427
+ type: import("vue").PropType<unknown>;
428
+ default: any;
429
+ };
430
+ sortOptions: {
431
+ type: import("vue").PropType<unknown[]>;
432
+ default: () => any[];
433
+ };
434
+ sortOptionNameKey: {
435
+ type: import("vue").PropType<string>;
436
+ default: string;
437
+ };
323
438
  chartType: {
324
439
  type: import("vue").PropType<import("./types").ChartType>;
325
440
  default: import("./types").ChartType;
@@ -349,6 +464,26 @@ declare const ChartTypes: () => ({
349
464
  type: import("vue").PropType<string>;
350
465
  default: string;
351
466
  };
467
+ subheaderTooltipHeader: {
468
+ type: import("vue").PropType<string>;
469
+ default: any;
470
+ };
471
+ subheaderTooltipText: {
472
+ type: import("vue").PropType<string>;
473
+ default: any;
474
+ };
475
+ trendTooltipHeader: {
476
+ type: import("vue").PropType<string>;
477
+ default: any;
478
+ };
479
+ trendTooltipRangeCurrent: {
480
+ type: import("vue").PropType<string>;
481
+ default: any;
482
+ };
483
+ trendTooltipRangePrevious: {
484
+ type: import("vue").PropType<string>;
485
+ default: any;
486
+ };
352
487
  trendValue: {
353
488
  type: import("vue").PropType<string | number>;
354
489
  default: any;
@@ -361,14 +496,6 @@ declare const ChartTypes: () => ({
361
496
  type: import("vue").PropType<number>;
362
497
  default: number;
363
498
  };
364
- withAnimation: {
365
- type: import("vue").PropType<boolean>;
366
- default: boolean;
367
- };
368
- totalsChart: {
369
- type: import("vue").PropType<boolean>;
370
- default: boolean;
371
- };
372
499
  noDataIcon: {
373
500
  type: import("vue").PropType<string>;
374
501
  default: string;
@@ -381,6 +508,22 @@ declare const ChartTypes: () => ({
381
508
  type: import("vue").PropType<string>;
382
509
  default: string;
383
510
  };
511
+ withAnimation: {
512
+ type: import("vue").PropType<boolean>;
513
+ default: boolean;
514
+ };
515
+ tooltipTotalType: {
516
+ type: import("vue").PropType<import("../../utils/totals").TotalType>;
517
+ default: import("../../utils/totals").TotalType;
518
+ };
519
+ tooltipTotalCalcFn: {
520
+ type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
521
+ default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
522
+ };
523
+ totalsChart: {
524
+ type: import("vue").PropType<boolean>;
525
+ default: boolean;
526
+ };
384
527
  fullHeight: {
385
528
  type: import("vue").PropType<boolean>;
386
529
  default: boolean;
@@ -395,6 +538,7 @@ declare const ChartTypes: () => ({
395
538
  };
396
539
  }>> & {
397
540
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
541
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
398
542
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
399
543
  } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
400
544
  __isFragment?: never;
@@ -426,6 +570,18 @@ declare const ChartTypes: () => ({
426
570
  type: import("vue").PropType<string>;
427
571
  default: string;
428
572
  };
573
+ sortSelected: {
574
+ type: import("vue").PropType<unknown>;
575
+ default: any;
576
+ };
577
+ sortOptions: {
578
+ type: import("vue").PropType<unknown[]>;
579
+ default: () => any[];
580
+ };
581
+ sortOptionNameKey: {
582
+ type: import("vue").PropType<string>;
583
+ default: string;
584
+ };
429
585
  chartType: {
430
586
  type: import("vue").PropType<import("./types").ChartType>;
431
587
  default: import("./types").ChartType;
@@ -455,6 +611,26 @@ declare const ChartTypes: () => ({
455
611
  type: import("vue").PropType<string>;
456
612
  default: string;
457
613
  };
614
+ subheaderTooltipHeader: {
615
+ type: import("vue").PropType<string>;
616
+ default: any;
617
+ };
618
+ subheaderTooltipText: {
619
+ type: import("vue").PropType<string>;
620
+ default: any;
621
+ };
622
+ trendTooltipHeader: {
623
+ type: import("vue").PropType<string>;
624
+ default: any;
625
+ };
626
+ trendTooltipRangeCurrent: {
627
+ type: import("vue").PropType<string>;
628
+ default: any;
629
+ };
630
+ trendTooltipRangePrevious: {
631
+ type: import("vue").PropType<string>;
632
+ default: any;
633
+ };
458
634
  trendValue: {
459
635
  type: import("vue").PropType<string | number>;
460
636
  default: any;
@@ -467,14 +643,6 @@ declare const ChartTypes: () => ({
467
643
  type: import("vue").PropType<number>;
468
644
  default: number;
469
645
  };
470
- withAnimation: {
471
- type: import("vue").PropType<boolean>;
472
- default: boolean;
473
- };
474
- totalsChart: {
475
- type: import("vue").PropType<boolean>;
476
- default: boolean;
477
- };
478
646
  noDataIcon: {
479
647
  type: import("vue").PropType<string>;
480
648
  default: string;
@@ -487,6 +655,22 @@ declare const ChartTypes: () => ({
487
655
  type: import("vue").PropType<string>;
488
656
  default: string;
489
657
  };
658
+ withAnimation: {
659
+ type: import("vue").PropType<boolean>;
660
+ default: boolean;
661
+ };
662
+ tooltipTotalType: {
663
+ type: import("vue").PropType<import("../../utils/totals").TotalType>;
664
+ default: import("../../utils/totals").TotalType;
665
+ };
666
+ tooltipTotalCalcFn: {
667
+ type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
668
+ default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
669
+ };
670
+ totalsChart: {
671
+ type: import("vue").PropType<boolean>;
672
+ default: boolean;
673
+ };
490
674
  fullHeight: {
491
675
  type: import("vue").PropType<boolean>;
492
676
  default: boolean;
@@ -501,10 +685,12 @@ declare const ChartTypes: () => ({
501
685
  };
502
686
  }>> & {
503
687
  "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
688
+ "onUpdate:sortSelected"?: (sortOption: unknown) => any;
504
689
  "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
505
690
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
506
691
  "update:chartType": (chartType: import("./types").ChartType) => void;
507
692
  "update:visibleIds": (visibleIds: unknown[]) => void;
693
+ "update:sortSelected": (sortOption: unknown) => void;
508
694
  }, string, {
509
695
  header: string;
510
696
  loading: boolean;
@@ -512,6 +698,9 @@ declare const ChartTypes: () => ({
512
698
  minVisible: number;
513
699
  maxVisible: number;
514
700
  maxLimitTooltipText: string;
701
+ sortSelected: any;
702
+ sortOptions: unknown[];
703
+ sortOptionNameKey: string;
515
704
  chartType: import("./types").ChartType;
516
705
  hideLegend: boolean;
517
706
  xAxisFormat: import("./types").ValueFormat;
@@ -519,19 +708,27 @@ declare const ChartTypes: () => ({
519
708
  parsing: import("./types").ChartParsingConfig;
520
709
  dataSets: import("./types").ChartDataSet[];
521
710
  subheader: string;
711
+ subheaderTooltipHeader: string;
712
+ subheaderTooltipText: string;
713
+ trendTooltipHeader: string;
714
+ trendTooltipRangeCurrent: string;
715
+ trendTooltipRangePrevious: string;
522
716
  trendValue: string | number;
523
717
  trendDirection: "up" | "down";
524
718
  tickCount: number;
525
- withAnimation: boolean;
526
- totalsChart: boolean;
527
719
  noDataIcon: string;
528
720
  noDataTitle: string;
529
721
  noDataSubtitle: string;
722
+ withAnimation: boolean;
723
+ tooltipTotalType: import("../../utils/totals").TotalType;
724
+ tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
725
+ totalsChart: boolean;
530
726
  fullHeight: boolean;
531
727
  withSettingsHeader: boolean;
532
728
  extraCharts: Record<string, unknown>[];
533
729
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
534
730
  $slots: {
731
+ "before-chart-type"?(_: {}): any;
535
732
  metric?(_: {}): any;
536
733
  breakdowns?(_: {}): any;
537
734
  "subheader-tooltip"?(_: {}): any;
@@ -1,10 +1,10 @@
1
1
  export declare const SINGLE_DATASET_DATE: {
2
+ id: string;
2
3
  label: string;
3
4
  data: {
4
5
  date: string;
5
6
  value: number;
6
7
  }[];
7
- color: string;
8
8
  }[];
9
9
  export declare const SINGLE_DATASET_COUNTRY: {
10
10
  id: string;
@@ -16,7 +16,7 @@ export declare const SINGLE_DATASET_COUNTRY: {
16
16
  }[];
17
17
  }[];
18
18
  export declare const MULTIPLE_DATASETS_DATE: ({
19
- id: string;
19
+ id: number;
20
20
  label: string;
21
21
  caption: string;
22
22
  icon: string;
@@ -28,7 +28,7 @@ export declare const MULTIPLE_DATASETS_DATE: ({
28
28
  }[];
29
29
  iconType?: undefined;
30
30
  } | {
31
- id: string;
31
+ id: number;
32
32
  label: string;
33
33
  caption: string;
34
34
  icon: string;
@@ -39,19 +39,9 @@ export declare const MULTIPLE_DATASETS_DATE: ({
39
39
  value2: number;
40
40
  value3: number;
41
41
  }[];
42
- } | {
43
- id: string;
44
- label: string;
45
- caption: string;
46
- icon: string;
47
- data: {
48
- date: string;
49
- value: number;
50
- }[];
51
- iconType?: undefined;
52
42
  })[];
53
43
  export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
54
- id: string;
44
+ id: number;
55
45
  label: string;
56
46
  data: {
57
47
  date: string;
@@ -69,3 +59,7 @@ export declare const breakdownsOptions: {
69
59
  id: string;
70
60
  label: string;
71
61
  }[];
62
+ export declare const LEGEND_SORTING_OPTIONS: {
63
+ id: string;
64
+ label: string;
65
+ }[];
@@ -14,7 +14,7 @@ export type ChartDataSet = {
14
14
  label: string;
15
15
  data: ChartDataRecord[];
16
16
  caption?: string;
17
- color?: string;
17
+ color?: HexColor;
18
18
  icon?: string;
19
19
  iconType?: IconTypes;
20
20
  };
@@ -59,3 +59,4 @@ export type UseChartHeightArgs = {
59
59
  chartPlanesCount: Ref<number>;
60
60
  useFullHeight: boolean;
61
61
  };
62
+ export type HexColor = `#${string}`;
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonDropdownTrigger.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-604dfc6f"]]);
3
+ // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css"; //*');
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0123c361"]]);
5
5
  export {
6
6
  p as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
1
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
2
2
  import T from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
@@ -1,13 +1,24 @@
1
+ import { IconTypes } from '@is-ssp/icon/v4/Icon.types';
1
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ iconName?: string;
4
+ iconType?: IconTypes;
2
5
  testId?: string;
3
6
  }>, {
7
+ iconName: string;
8
+ iconType: string;
4
9
  testId: string;
5
10
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
+ iconName?: string;
12
+ iconType?: IconTypes;
6
13
  testId?: string;
7
14
  }>, {
15
+ iconName: string;
16
+ iconType: string;
8
17
  testId: string;
9
18
  }>>>, {
10
19
  testId: string;
20
+ iconName: string;
21
+ iconType: IconTypes;
11
22
  }>;
12
23
  export default _default;
13
24
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,7 +1,7 @@
1
1
  import o from "./IconButtonDropdownTrigger.vue2.js";
2
- /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; //*');
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-59fb505a"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; //*');
4
+ const _ = /* @__PURE__ */ e(o, [["__scopeId", "data-v-99e51ecc"]]);
5
5
  export {
6
- p as default
6
+ _ as default
7
7
  };
@@ -1,21 +1,23 @@
1
- import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; import { defineComponent as e, openBlock as r, createBlock as n, unref as p, mergeProps as c } from "vue";
1
+ import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; import { defineComponent as t, openBlock as n, createBlock as r, unref as c, mergeProps as m } from "vue";
2
2
  import "../../button/v4/ButtonV4.vue.js";
3
- import m from "../../button/v4/IconButtonV4.vue.js";
3
+ import p from "../../button/v4/IconButtonV4.vue.js";
4
4
  import "../../button/v4/ButtonGroup.vue.js";
5
5
  import "../../button/v4/ToggleButtonGroupAB.vue.js";
6
- const _ = /* @__PURE__ */ e({
6
+ const y = /* @__PURE__ */ t({
7
7
  __name: "IconButtonDropdownTrigger",
8
8
  props: {
9
+ iconName: { default: "dots-three" },
10
+ iconType: { default: "bold" },
9
11
  testId: { default: "" }
10
12
  },
11
- setup(o) {
12
- const t = o;
13
- return (s, i) => (r(), n(p(m), c({
14
- "icon-name": "dots-three",
15
- type: "bold"
16
- }, t), null, 16));
13
+ setup(e) {
14
+ const o = e;
15
+ return (i, a) => (n(), r(c(p), m({
16
+ "icon-name": e.iconName,
17
+ type: e.iconType
18
+ }, o), null, 16, ["icon-name", "type"]));
17
19
  }
18
20
  });
19
21
  export {
20
- _ as default
22
+ y as default
21
23
  };