@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.
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_0123c361_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_757e7752_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_92052479_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_d61ed404_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_bb382dc4_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +1 -0
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css +1 -0
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_fba2eaa4_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +56 -2
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +93 -60
- package/components/chart/ChartHeader.vue.d.ts +25 -0
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +75 -50
- package/components/chart/ChartHeaderTrend.vue.d.ts +15 -0
- package/components/chart/ChartHeaderTrend.vue.js +3 -3
- package/components/chart/ChartHeaderTrend.vue2.js +83 -19
- package/components/chart/ChartLegend.vue.d.ts +17 -0
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +78 -67
- package/components/chart/ChartPlane.vue.d.ts +43 -4
- package/components/chart/ChartPlane.vue.js +3 -3
- package/components/chart/ChartPlane.vue2.js +137 -118
- package/components/chart/LegendSorting.vue.d.ts +37 -0
- package/components/chart/LegendSorting.vue.js +45 -0
- package/components/chart/LegendSorting.vue2.js +4 -0
- package/components/chart/SettingsHeader.vue.d.ts +1 -0
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +17 -16
- package/components/chart/colorPalette.d.ts +4 -0
- package/components/chart/colorPalette.js +54 -0
- package/components/chart/composables/useColorsMap.d.ts +2 -2
- package/components/chart/composables/useColorsMap.js +41 -12
- package/components/chart/consts.d.ts +12 -1
- package/components/chart/consts.js +31 -26
- package/components/chart/index.d.ts +237 -40
- package/components/chart/mockData.d.ts +8 -14
- package/components/chart/types.d.ts +2 -1
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts +11 -0
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js +4 -4
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +12 -10
- package/components/dropdown/v4/index.d.ts +18 -0
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +35 -35
- package/index.d.ts +37 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/utils/formatNumbers.d.ts +1 -1
- package/utils/formatNumbers.js +14 -14
- package/utils/totals.d.ts +5 -0
- package/utils/totals.js +9 -0
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_32001725_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_e4c673e7_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_532f23bc_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_4396faf6_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_6b54ac22_lang.css +0 -1
- package/IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css +0 -1
- 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" | "
|
|
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:
|
|
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:
|
|
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:
|
|
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?:
|
|
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.
|
|
4
|
-
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
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.
|
|
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
|
|
3
|
-
// import "../../../IconButtonDropdownTrigger.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
_ as default
|
|
7
7
|
};
|
|
@@ -1,21 +1,23 @@
|
|
|
1
|
-
import "../../../IconButtonDropdownTrigger.
|
|
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
|
|
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
|
|
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(
|
|
12
|
-
const
|
|
13
|
-
return (
|
|
14
|
-
"icon-name":
|
|
15
|
-
type:
|
|
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
|
-
|
|
22
|
+
y as default
|
|
21
23
|
};
|