@ironsource/shared-ui 2.1.12-rc.11 → 2.1.12-rc.13
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/Chart.vue_vue_type_style_index_0_scoped_a0b89669_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_0f3a67d5_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_0875167b_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +19 -2
- package/components/chart/Chart.vue.js +2 -2
- package/components/chart/Chart.vue2.js +69 -57
- 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 +7 -2
- package/components/chart/ChartPlane.vue.js +2 -2
- package/components/chart/ChartPlane.vue2.js +128 -127
- 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.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +1 -1
- 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 +103 -40
- package/components/chart/mockData.d.ts +8 -14
- package/components/chart/types.d.ts +2 -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/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/Chart.vue_vue_type_style_index_0_scoped_78d3f5a8_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/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
|
@@ -7,7 +7,6 @@ export declare const TICK_LABEL_FONT: {
|
|
|
7
7
|
weight: number;
|
|
8
8
|
family: string;
|
|
9
9
|
};
|
|
10
|
-
export declare const COLOR_PALETTE: string[];
|
|
11
10
|
export declare const DEFAULT_TICK_COUNT = 4;
|
|
12
11
|
export declare const DEFAULT_MIN_VISIBLE = 1;
|
|
13
12
|
export declare const DEFAULT_MAX_VISIBLE = 5;
|
|
@@ -17,3 +16,15 @@ export declare const COMPACT_HEADER_HEIGHT = 43;
|
|
|
17
16
|
export declare const DEFAULT_CHART_PLANE_HEIGHT = 312;
|
|
18
17
|
export declare const MIN_PLANE_HEIGHT = 187;
|
|
19
18
|
export declare const TOTALS_HELPER_KEY = "__TOTALS_HELPER_KEY__";
|
|
19
|
+
export declare const BIDDING_PREFIX = "Bidding";
|
|
20
|
+
export declare const NON_BIDDING_PREFIX = "Non-bidding";
|
|
21
|
+
export declare const NETWORK_ID_IRON_SOURCE = 9899;
|
|
22
|
+
export declare const NETWORK_ID_UNITY_ADS = 9917;
|
|
23
|
+
export declare const NETWORK_ID_FACEBOOK_META = 9939;
|
|
24
|
+
export declare const NETWORK_ID_AD_MOB = 9942;
|
|
25
|
+
export declare const NETWORK_ID_MINTEGRAL = 9953;
|
|
26
|
+
export declare const NETWORK_ID_APPLOVIN = 9935;
|
|
27
|
+
export declare const NETWORK_ID_INMOBI = 9938;
|
|
28
|
+
export declare const NETWORK_ID_DT_EXCHANGE = 9950;
|
|
29
|
+
export declare const NETWORK_ID_PANGLE = 9952;
|
|
30
|
+
export declare const NETWORK_ID_LIFTOFF = 9962;
|
|
@@ -1,32 +1,37 @@
|
|
|
1
|
-
import { ChartType as
|
|
2
|
-
const
|
|
1
|
+
import { ChartType as _ } from "./types.js";
|
|
2
|
+
const I = "#fcfcfc", T = "#E4E4E4", O = "#646464", n = {
|
|
3
3
|
size: 12,
|
|
4
4
|
weight: 400,
|
|
5
5
|
family: "Inter"
|
|
6
|
-
}, c = [
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
"#FFC670"
|
|
12
|
-
], O = 4, I = 1, o = 5, A = [
|
|
13
|
-
{ id: E.Line, name: "Line" },
|
|
14
|
-
{ id: E.StackedLine, name: "Stack" },
|
|
15
|
-
{ id: E.Bar, name: "Bar" }
|
|
16
|
-
], C = 76, s = 43, H = 312, R = 187, e = "__TOTALS_HELPER_KEY__";
|
|
6
|
+
}, t = 4, N = 1, c = 5, o = [
|
|
7
|
+
{ id: _.Line, name: "Line" },
|
|
8
|
+
{ id: _.StackedLine, name: "Stack" },
|
|
9
|
+
{ id: _.Bar, name: "Bar" }
|
|
10
|
+
], D = 76, L = 43, R = 312, s = 187, A = "__TOTALS_HELPER_KEY__", K = "Bidding", i = "Non-bidding", C = 9899, H = 9917, P = 9939, B = 9942, e = 9953, F = 9935, W = 9938, G = 9950, a = 9952, S = 9962;
|
|
17
11
|
export {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
12
|
+
K as BIDDING_PREFIX,
|
|
13
|
+
L as COMPACT_HEADER_HEIGHT,
|
|
14
|
+
R as DEFAULT_CHART_PLANE_HEIGHT,
|
|
15
|
+
c as DEFAULT_MAX_VISIBLE,
|
|
16
|
+
N as DEFAULT_MIN_VISIBLE,
|
|
17
|
+
t as DEFAULT_TICK_COUNT,
|
|
18
|
+
o as DROPDOWN_TYPE_OPTIONS,
|
|
25
19
|
T as GRID_LINE_COLOR,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
D as HEADER_HEIGHT,
|
|
21
|
+
s as MIN_PLANE_HEIGHT,
|
|
22
|
+
B as NETWORK_ID_AD_MOB,
|
|
23
|
+
F as NETWORK_ID_APPLOVIN,
|
|
24
|
+
G as NETWORK_ID_DT_EXCHANGE,
|
|
25
|
+
P as NETWORK_ID_FACEBOOK_META,
|
|
26
|
+
W as NETWORK_ID_INMOBI,
|
|
27
|
+
C as NETWORK_ID_IRON_SOURCE,
|
|
28
|
+
S as NETWORK_ID_LIFTOFF,
|
|
29
|
+
e as NETWORK_ID_MINTEGRAL,
|
|
30
|
+
a as NETWORK_ID_PANGLE,
|
|
31
|
+
H as NETWORK_ID_UNITY_ADS,
|
|
32
|
+
i as NON_BIDDING_PREFIX,
|
|
33
|
+
I as POINT_BORDER_COLOR,
|
|
34
|
+
O as TICK_LABEL_COLOR,
|
|
35
|
+
n as TICK_LABEL_FONT,
|
|
36
|
+
A as TOTALS_HELPER_KEY
|
|
32
37
|
};
|
|
@@ -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;
|
|
@@ -20,11 +23,11 @@ declare const ChartTypes: () => ({
|
|
|
20
23
|
trendValue: string | number;
|
|
21
24
|
trendDirection: "up" | "down";
|
|
22
25
|
tickCount: number;
|
|
23
|
-
withAnimation: boolean;
|
|
24
|
-
totalsChart: boolean;
|
|
25
26
|
noDataIcon: string;
|
|
26
27
|
noDataTitle: string;
|
|
27
28
|
noDataSubtitle: string;
|
|
29
|
+
withAnimation: boolean;
|
|
30
|
+
totalsChart: boolean;
|
|
28
31
|
fullHeight: boolean;
|
|
29
32
|
withSettingsHeader: boolean;
|
|
30
33
|
extraCharts: Record<string, unknown>[];
|
|
@@ -54,6 +57,18 @@ declare const ChartTypes: () => ({
|
|
|
54
57
|
type: import("vue").PropType<string>;
|
|
55
58
|
default: string;
|
|
56
59
|
};
|
|
60
|
+
sortSelected: {
|
|
61
|
+
type: import("vue").PropType<unknown>;
|
|
62
|
+
default: any;
|
|
63
|
+
};
|
|
64
|
+
sortOptions: {
|
|
65
|
+
type: import("vue").PropType<unknown[]>;
|
|
66
|
+
default: () => any[];
|
|
67
|
+
};
|
|
68
|
+
sortOptionNameKey: {
|
|
69
|
+
type: import("vue").PropType<string>;
|
|
70
|
+
default: string;
|
|
71
|
+
};
|
|
57
72
|
chartType: {
|
|
58
73
|
type: import("vue").PropType<import("./types").ChartType>;
|
|
59
74
|
default: import("./types").ChartType;
|
|
@@ -95,14 +110,6 @@ declare const ChartTypes: () => ({
|
|
|
95
110
|
type: import("vue").PropType<number>;
|
|
96
111
|
default: number;
|
|
97
112
|
};
|
|
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
113
|
noDataIcon: {
|
|
107
114
|
type: import("vue").PropType<string>;
|
|
108
115
|
default: string;
|
|
@@ -115,6 +122,14 @@ declare const ChartTypes: () => ({
|
|
|
115
122
|
type: import("vue").PropType<string>;
|
|
116
123
|
default: string;
|
|
117
124
|
};
|
|
125
|
+
withAnimation: {
|
|
126
|
+
type: import("vue").PropType<boolean>;
|
|
127
|
+
default: boolean;
|
|
128
|
+
};
|
|
129
|
+
totalsChart: {
|
|
130
|
+
type: import("vue").PropType<boolean>;
|
|
131
|
+
default: boolean;
|
|
132
|
+
};
|
|
118
133
|
fullHeight: {
|
|
119
134
|
type: import("vue").PropType<boolean>;
|
|
120
135
|
default: boolean;
|
|
@@ -129,8 +144,9 @@ declare const ChartTypes: () => ({
|
|
|
129
144
|
};
|
|
130
145
|
}>> & {
|
|
131
146
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
147
|
+
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
132
148
|
"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" | "
|
|
149
|
+
} & 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" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
|
|
134
150
|
$attrs: {
|
|
135
151
|
[x: string]: unknown;
|
|
136
152
|
};
|
|
@@ -142,7 +158,7 @@ declare const ChartTypes: () => ({
|
|
|
142
158
|
}>;
|
|
143
159
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
144
160
|
$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);
|
|
161
|
+
$emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
|
|
146
162
|
$el: any;
|
|
147
163
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
148
164
|
header: {
|
|
@@ -170,6 +186,18 @@ declare const ChartTypes: () => ({
|
|
|
170
186
|
type: import("vue").PropType<string>;
|
|
171
187
|
default: string;
|
|
172
188
|
};
|
|
189
|
+
sortSelected: {
|
|
190
|
+
type: import("vue").PropType<unknown>;
|
|
191
|
+
default: any;
|
|
192
|
+
};
|
|
193
|
+
sortOptions: {
|
|
194
|
+
type: import("vue").PropType<unknown[]>;
|
|
195
|
+
default: () => any[];
|
|
196
|
+
};
|
|
197
|
+
sortOptionNameKey: {
|
|
198
|
+
type: import("vue").PropType<string>;
|
|
199
|
+
default: string;
|
|
200
|
+
};
|
|
173
201
|
chartType: {
|
|
174
202
|
type: import("vue").PropType<import("./types").ChartType>;
|
|
175
203
|
default: import("./types").ChartType;
|
|
@@ -211,14 +239,6 @@ declare const ChartTypes: () => ({
|
|
|
211
239
|
type: import("vue").PropType<number>;
|
|
212
240
|
default: number;
|
|
213
241
|
};
|
|
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
242
|
noDataIcon: {
|
|
223
243
|
type: import("vue").PropType<string>;
|
|
224
244
|
default: string;
|
|
@@ -231,6 +251,14 @@ declare const ChartTypes: () => ({
|
|
|
231
251
|
type: import("vue").PropType<string>;
|
|
232
252
|
default: string;
|
|
233
253
|
};
|
|
254
|
+
withAnimation: {
|
|
255
|
+
type: import("vue").PropType<boolean>;
|
|
256
|
+
default: boolean;
|
|
257
|
+
};
|
|
258
|
+
totalsChart: {
|
|
259
|
+
type: import("vue").PropType<boolean>;
|
|
260
|
+
default: boolean;
|
|
261
|
+
};
|
|
234
262
|
fullHeight: {
|
|
235
263
|
type: import("vue").PropType<boolean>;
|
|
236
264
|
default: boolean;
|
|
@@ -245,10 +273,12 @@ declare const ChartTypes: () => ({
|
|
|
245
273
|
};
|
|
246
274
|
}>> & {
|
|
247
275
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
276
|
+
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
248
277
|
"onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
|
|
249
278
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
250
279
|
"update:chartType": (chartType: import("./types").ChartType) => void;
|
|
251
280
|
"update:visibleIds": (visibleIds: unknown[]) => void;
|
|
281
|
+
"update:sortSelected": (sortOption: unknown) => void;
|
|
252
282
|
}, string, {
|
|
253
283
|
header: string;
|
|
254
284
|
loading: boolean;
|
|
@@ -256,6 +286,9 @@ declare const ChartTypes: () => ({
|
|
|
256
286
|
minVisible: number;
|
|
257
287
|
maxVisible: number;
|
|
258
288
|
maxLimitTooltipText: string;
|
|
289
|
+
sortSelected: any;
|
|
290
|
+
sortOptions: unknown[];
|
|
291
|
+
sortOptionNameKey: string;
|
|
259
292
|
chartType: import("./types").ChartType;
|
|
260
293
|
hideLegend: boolean;
|
|
261
294
|
xAxisFormat: import("./types").ValueFormat;
|
|
@@ -266,11 +299,11 @@ declare const ChartTypes: () => ({
|
|
|
266
299
|
trendValue: string | number;
|
|
267
300
|
trendDirection: "up" | "down";
|
|
268
301
|
tickCount: number;
|
|
269
|
-
withAnimation: boolean;
|
|
270
|
-
totalsChart: boolean;
|
|
271
302
|
noDataIcon: string;
|
|
272
303
|
noDataTitle: string;
|
|
273
304
|
noDataSubtitle: string;
|
|
305
|
+
withAnimation: boolean;
|
|
306
|
+
totalsChart: boolean;
|
|
274
307
|
fullHeight: boolean;
|
|
275
308
|
withSettingsHeader: boolean;
|
|
276
309
|
extraCharts: Record<string, unknown>[];
|
|
@@ -320,6 +353,18 @@ declare const ChartTypes: () => ({
|
|
|
320
353
|
type: import("vue").PropType<string>;
|
|
321
354
|
default: string;
|
|
322
355
|
};
|
|
356
|
+
sortSelected: {
|
|
357
|
+
type: import("vue").PropType<unknown>;
|
|
358
|
+
default: any;
|
|
359
|
+
};
|
|
360
|
+
sortOptions: {
|
|
361
|
+
type: import("vue").PropType<unknown[]>;
|
|
362
|
+
default: () => any[];
|
|
363
|
+
};
|
|
364
|
+
sortOptionNameKey: {
|
|
365
|
+
type: import("vue").PropType<string>;
|
|
366
|
+
default: string;
|
|
367
|
+
};
|
|
323
368
|
chartType: {
|
|
324
369
|
type: import("vue").PropType<import("./types").ChartType>;
|
|
325
370
|
default: import("./types").ChartType;
|
|
@@ -361,14 +406,6 @@ declare const ChartTypes: () => ({
|
|
|
361
406
|
type: import("vue").PropType<number>;
|
|
362
407
|
default: number;
|
|
363
408
|
};
|
|
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
409
|
noDataIcon: {
|
|
373
410
|
type: import("vue").PropType<string>;
|
|
374
411
|
default: string;
|
|
@@ -381,6 +418,14 @@ declare const ChartTypes: () => ({
|
|
|
381
418
|
type: import("vue").PropType<string>;
|
|
382
419
|
default: string;
|
|
383
420
|
};
|
|
421
|
+
withAnimation: {
|
|
422
|
+
type: import("vue").PropType<boolean>;
|
|
423
|
+
default: boolean;
|
|
424
|
+
};
|
|
425
|
+
totalsChart: {
|
|
426
|
+
type: import("vue").PropType<boolean>;
|
|
427
|
+
default: boolean;
|
|
428
|
+
};
|
|
384
429
|
fullHeight: {
|
|
385
430
|
type: import("vue").PropType<boolean>;
|
|
386
431
|
default: boolean;
|
|
@@ -395,6 +440,7 @@ declare const ChartTypes: () => ({
|
|
|
395
440
|
};
|
|
396
441
|
}>> & {
|
|
397
442
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
443
|
+
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
398
444
|
"onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
|
|
399
445
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
400
446
|
__isFragment?: never;
|
|
@@ -426,6 +472,18 @@ declare const ChartTypes: () => ({
|
|
|
426
472
|
type: import("vue").PropType<string>;
|
|
427
473
|
default: string;
|
|
428
474
|
};
|
|
475
|
+
sortSelected: {
|
|
476
|
+
type: import("vue").PropType<unknown>;
|
|
477
|
+
default: any;
|
|
478
|
+
};
|
|
479
|
+
sortOptions: {
|
|
480
|
+
type: import("vue").PropType<unknown[]>;
|
|
481
|
+
default: () => any[];
|
|
482
|
+
};
|
|
483
|
+
sortOptionNameKey: {
|
|
484
|
+
type: import("vue").PropType<string>;
|
|
485
|
+
default: string;
|
|
486
|
+
};
|
|
429
487
|
chartType: {
|
|
430
488
|
type: import("vue").PropType<import("./types").ChartType>;
|
|
431
489
|
default: import("./types").ChartType;
|
|
@@ -467,14 +525,6 @@ declare const ChartTypes: () => ({
|
|
|
467
525
|
type: import("vue").PropType<number>;
|
|
468
526
|
default: number;
|
|
469
527
|
};
|
|
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
528
|
noDataIcon: {
|
|
479
529
|
type: import("vue").PropType<string>;
|
|
480
530
|
default: string;
|
|
@@ -487,6 +537,14 @@ declare const ChartTypes: () => ({
|
|
|
487
537
|
type: import("vue").PropType<string>;
|
|
488
538
|
default: string;
|
|
489
539
|
};
|
|
540
|
+
withAnimation: {
|
|
541
|
+
type: import("vue").PropType<boolean>;
|
|
542
|
+
default: boolean;
|
|
543
|
+
};
|
|
544
|
+
totalsChart: {
|
|
545
|
+
type: import("vue").PropType<boolean>;
|
|
546
|
+
default: boolean;
|
|
547
|
+
};
|
|
490
548
|
fullHeight: {
|
|
491
549
|
type: import("vue").PropType<boolean>;
|
|
492
550
|
default: boolean;
|
|
@@ -501,10 +559,12 @@ declare const ChartTypes: () => ({
|
|
|
501
559
|
};
|
|
502
560
|
}>> & {
|
|
503
561
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
562
|
+
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
504
563
|
"onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
|
|
505
564
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
506
565
|
"update:chartType": (chartType: import("./types").ChartType) => void;
|
|
507
566
|
"update:visibleIds": (visibleIds: unknown[]) => void;
|
|
567
|
+
"update:sortSelected": (sortOption: unknown) => void;
|
|
508
568
|
}, string, {
|
|
509
569
|
header: string;
|
|
510
570
|
loading: boolean;
|
|
@@ -512,6 +572,9 @@ declare const ChartTypes: () => ({
|
|
|
512
572
|
minVisible: number;
|
|
513
573
|
maxVisible: number;
|
|
514
574
|
maxLimitTooltipText: string;
|
|
575
|
+
sortSelected: any;
|
|
576
|
+
sortOptions: unknown[];
|
|
577
|
+
sortOptionNameKey: string;
|
|
515
578
|
chartType: import("./types").ChartType;
|
|
516
579
|
hideLegend: boolean;
|
|
517
580
|
xAxisFormat: import("./types").ValueFormat;
|
|
@@ -522,11 +585,11 @@ declare const ChartTypes: () => ({
|
|
|
522
585
|
trendValue: string | number;
|
|
523
586
|
trendDirection: "up" | "down";
|
|
524
587
|
tickCount: number;
|
|
525
|
-
withAnimation: boolean;
|
|
526
|
-
totalsChart: boolean;
|
|
527
588
|
noDataIcon: string;
|
|
528
589
|
noDataTitle: string;
|
|
529
590
|
noDataSubtitle: string;
|
|
591
|
+
withAnimation: boolean;
|
|
592
|
+
totalsChart: boolean;
|
|
530
593
|
fullHeight: boolean;
|
|
531
594
|
withSettingsHeader: boolean;
|
|
532
595
|
extraCharts: Record<string, unknown>[];
|
|
@@ -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,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
|
};
|
|
@@ -1576,13 +1576,31 @@ declare const DropdownTypes: () => (({
|
|
|
1576
1576
|
type: import("vue").PropType<string>;
|
|
1577
1577
|
default: string;
|
|
1578
1578
|
};
|
|
1579
|
+
iconName: {
|
|
1580
|
+
type: import("vue").PropType<string>;
|
|
1581
|
+
default: string;
|
|
1582
|
+
};
|
|
1583
|
+
iconType: {
|
|
1584
|
+
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
1585
|
+
default: string;
|
|
1586
|
+
};
|
|
1579
1587
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1580
1588
|
testId: {
|
|
1581
1589
|
type: import("vue").PropType<string>;
|
|
1582
1590
|
default: string;
|
|
1583
1591
|
};
|
|
1592
|
+
iconName: {
|
|
1593
|
+
type: import("vue").PropType<string>;
|
|
1594
|
+
default: string;
|
|
1595
|
+
};
|
|
1596
|
+
iconType: {
|
|
1597
|
+
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
1598
|
+
default: string;
|
|
1599
|
+
};
|
|
1584
1600
|
}>>, {
|
|
1585
1601
|
testId: string;
|
|
1602
|
+
iconName: string;
|
|
1603
|
+
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
1586
1604
|
}> | import("vue").DefineComponent<{
|
|
1587
1605
|
label: {
|
|
1588
1606
|
type: import("vue").PropType<string>;
|
package/index.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ import * as tableV4 from '@/components/table/v4';
|
|
|
19
19
|
import * as tableCellsV3 from '@/components/table-cells/v3';
|
|
20
20
|
import * as snackbarV3 from '@/components/snackbar/v3';
|
|
21
21
|
declare const _default: {
|
|
22
|
-
nFormatter(num: number): string;
|
|
22
|
+
nFormatter(num: number, formatLowDigits?: boolean): string;
|
|
23
23
|
DEFAULT_FALLBACK: "N/A";
|
|
24
24
|
diffInPersentage: (valueA: string | number, valueB: string | number, fallback?: string) => string | number;
|
|
25
25
|
formatNumberWithCommas: (num: string | number, fallback?: string) => string;
|
|
@@ -18216,13 +18216,31 @@ declare const _default: {
|
|
|
18216
18216
|
type: import("vue").PropType<string>;
|
|
18217
18217
|
default: string;
|
|
18218
18218
|
};
|
|
18219
|
+
iconName: {
|
|
18220
|
+
type: import("vue").PropType<string>;
|
|
18221
|
+
default: string;
|
|
18222
|
+
};
|
|
18223
|
+
iconType: {
|
|
18224
|
+
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
18225
|
+
default: string;
|
|
18226
|
+
};
|
|
18219
18227
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18220
18228
|
testId: {
|
|
18221
18229
|
type: import("vue").PropType<string>;
|
|
18222
18230
|
default: string;
|
|
18223
18231
|
};
|
|
18232
|
+
iconName: {
|
|
18233
|
+
type: import("vue").PropType<string>;
|
|
18234
|
+
default: string;
|
|
18235
|
+
};
|
|
18236
|
+
iconType: {
|
|
18237
|
+
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
18238
|
+
default: string;
|
|
18239
|
+
};
|
|
18224
18240
|
}>>, {
|
|
18225
18241
|
testId: string;
|
|
18242
|
+
iconName: string;
|
|
18243
|
+
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
18226
18244
|
}>;
|
|
18227
18245
|
ChipDropdownTrigger: import("vue").DefineComponent<{
|
|
18228
18246
|
label: {
|
|
@@ -20767,13 +20785,31 @@ declare const _default: {
|
|
|
20767
20785
|
type: import("vue").PropType<string>;
|
|
20768
20786
|
default: string;
|
|
20769
20787
|
};
|
|
20788
|
+
iconName: {
|
|
20789
|
+
type: import("vue").PropType<string>;
|
|
20790
|
+
default: string;
|
|
20791
|
+
};
|
|
20792
|
+
iconType: {
|
|
20793
|
+
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
20794
|
+
default: string;
|
|
20795
|
+
};
|
|
20770
20796
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
20771
20797
|
testId: {
|
|
20772
20798
|
type: import("vue").PropType<string>;
|
|
20773
20799
|
default: string;
|
|
20774
20800
|
};
|
|
20801
|
+
iconName: {
|
|
20802
|
+
type: import("vue").PropType<string>;
|
|
20803
|
+
default: string;
|
|
20804
|
+
};
|
|
20805
|
+
iconType: {
|
|
20806
|
+
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
20807
|
+
default: string;
|
|
20808
|
+
};
|
|
20775
20809
|
}>>, {
|
|
20776
20810
|
testId: string;
|
|
20811
|
+
iconName: string;
|
|
20812
|
+
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
20777
20813
|
}> | import("vue").DefineComponent<{
|
|
20778
20814
|
label: {
|
|
20779
20815
|
type: import("vue").PropType<string>;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
|
|
2
2
|
import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as to } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as ao } from "./components/menuItem/index.js";
|