@ironsource/shared-ui 2.1.12-test.60 → 2.1.12-test.62

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 (59) hide show
  1. package/Chart.vue_vue_type_style_index_0_scoped_82f5b24e_lang.css +1 -0
  2. package/ChartHeader.vue_vue_type_style_index_0_scoped_bd4ef110_lang.css +1 -0
  3. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_78a8c051_lang.css +1 -0
  4. package/ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css +1 -0
  5. package/ChartPlane.vue_vue_type_style_index_0_scoped_10b18e17_lang.css +1 -0
  6. package/ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css +1 -0
  7. package/SubHeader.vue_vue_type_style_index_0_scoped_74a5418e_lang.css +1 -0
  8. package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css +1 -0
  9. package/components/chart/Chart.vue.d.ts +23 -8
  10. package/components/chart/Chart.vue.js +4 -4
  11. package/components/chart/Chart.vue2.js +99 -90
  12. package/components/chart/ChartHeader.vue.d.ts +7 -7
  13. package/components/chart/ChartHeader.vue.js +3 -3
  14. package/components/chart/ChartHeader.vue2.js +48 -79
  15. package/components/chart/ChartHeaderTrend.vue.d.ts +6 -5
  16. package/components/chart/ChartHeaderTrend.vue.js +3 -3
  17. package/components/chart/ChartHeaderTrend.vue2.js +15 -14
  18. package/components/chart/ChartLegend.vue.d.ts +7 -0
  19. package/components/chart/ChartLegend.vue.js +3 -3
  20. package/components/chart/ChartLegend.vue2.js +75 -68
  21. package/components/chart/ChartPlane.vue.d.ts +29 -9
  22. package/components/chart/ChartPlane.vue.js +3 -3
  23. package/components/chart/ChartPlane.vue2.js +290 -252
  24. package/components/chart/ChartStoryArgs.d.ts +27 -2
  25. package/components/chart/ChartTooltip.vue.d.ts +6 -1
  26. package/components/chart/ChartTooltip.vue.js +2 -2
  27. package/components/chart/ChartTooltip.vue2.js +48 -58
  28. package/components/chart/components/SubHeader.vue.d.ts +52 -0
  29. package/components/chart/components/SubHeader.vue.js +7 -0
  30. package/components/chart/components/SubHeader.vue2.js +61 -0
  31. package/components/chart/components/TooltipHeader.vue.d.ts +45 -0
  32. package/components/chart/components/TooltipHeader.vue.js +7 -0
  33. package/components/chart/components/TooltipHeader.vue2.js +59 -0
  34. package/components/chart/consts.d.ts +12 -6
  35. package/components/chart/consts.js +31 -21
  36. package/components/chart/index.d.ts +101 -43
  37. package/components/chart/mockData.d.ts +11 -0
  38. package/components/chart/types.d.ts +25 -5
  39. package/components/chart/types.js +4 -2
  40. package/components/chart/utils/highlightUtils.d.ts +3 -0
  41. package/components/chart/utils/highlightUtils.js +18 -0
  42. package/components/chart/utils/utils.d.ts +2 -1
  43. package/components/chart/utils/utils.js +23 -8
  44. package/consts/common.d.ts +1 -0
  45. package/consts/common.js +4 -0
  46. package/consts/regex.d.ts +1 -0
  47. package/consts/regex.js +2 -1
  48. package/index.js +13 -9
  49. package/package.json +1 -1
  50. package/utils/text.d.ts +3 -0
  51. package/utils/text.js +24 -5
  52. package/utils/utils.d.ts +1 -0
  53. package/utils/utils.js +4 -0
  54. package/Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css +0 -1
  55. package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css +0 -1
  56. package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css +0 -1
  57. package/ChartLegend.vue_vue_type_style_index_0_scoped_da487aba_lang.css +0 -1
  58. package/ChartPlane.vue_vue_type_style_index_0_scoped_ae87f435_lang.css +0 -1
  59. package/ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css +0 -1
@@ -1,4 +1,4 @@
1
- import { ChartType } from '@/components/chart/types';
1
+ import { ChartType, TooltipOrder, TrendDirection } from '@/components/chart/types';
2
2
  export declare const chartStoryArgs: {
3
3
  chartType: {
4
4
  control: {
@@ -69,6 +69,18 @@ export declare const chartStoryArgs: {
69
69
  category: string;
70
70
  };
71
71
  };
72
+ subheaderTooltip: {
73
+ table: {
74
+ category: string;
75
+ };
76
+ description: string;
77
+ };
78
+ keepSubheaderVisible: {
79
+ table: {
80
+ category: string;
81
+ };
82
+ description: string;
83
+ };
72
84
  trendValue: {
73
85
  table: {
74
86
  category: string;
@@ -82,12 +94,18 @@ export declare const chartStoryArgs: {
82
94
  description: string;
83
95
  control: {
84
96
  type: string;
85
- options: string[];
97
+ options: TrendDirection[];
86
98
  };
87
99
  };
88
100
  tickCount: {
89
101
  description: string;
90
102
  };
103
+ truncateTickLabels: {
104
+ description: string;
105
+ control: {
106
+ type: string;
107
+ };
108
+ };
91
109
  loading: {
92
110
  description: string;
93
111
  control: {
@@ -132,4 +150,11 @@ export declare const chartStoryArgs: {
132
150
  type: string;
133
151
  };
134
152
  };
153
+ tooltipOrder: {
154
+ description: string;
155
+ control: {
156
+ type: string;
157
+ };
158
+ options: TooltipOrder[];
159
+ };
135
160
  };
@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
6
6
  yAxisFormat?: ValueFormat;
7
7
  totalLabel?: string;
8
8
  totalValue?: number;
9
+ totalsChart?: boolean;
9
10
  }>, {
10
11
  title: string;
11
12
  dataPoints: () => any[];
@@ -13,6 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
13
14
  yAxisFormat: any;
14
15
  totalLabel: string;
15
16
  totalValue: any;
17
+ totalsChart: boolean;
16
18
  }>, {}, 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<{
17
19
  title?: string;
18
20
  dataPoints: MyTooltipItem<'line'>[];
@@ -20,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
20
22
  yAxisFormat?: ValueFormat;
21
23
  totalLabel?: string;
22
24
  totalValue?: number;
25
+ totalsChart?: boolean;
23
26
  }>, {
24
27
  title: string;
25
28
  dataPoints: () => any[];
@@ -27,10 +30,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
27
30
  yAxisFormat: any;
28
31
  totalLabel: string;
29
32
  totalValue: any;
33
+ totalsChart: boolean;
30
34
  }>>>, {
31
35
  title: string;
32
- dataPoints: MyTooltipItem<'line'>[];
33
36
  xAxisFormat: ValueFormat;
37
+ dataPoints: MyTooltipItem<'line'>[];
38
+ totalsChart: boolean;
34
39
  yAxisFormat: ValueFormat;
35
40
  totalLabel: string;
36
41
  totalValue: number;
@@ -1,7 +1,7 @@
1
1
  import o from "./ChartTooltip.vue2.js";
2
2
  /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css"; //*');
4
- const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-25d0e129"]]);
3
+ // import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css"; //*');
4
+ const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-81cdfd5e"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -1,15 +1,16 @@
1
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css"; import { defineComponent as F, computed as x, openBlock as l, createElementBlock as n, createVNode as u, unref as t, withCtx as o, createTextVNode as r, toDisplayString as i, createBlock as y, createCommentVNode as d, createElementVNode as f, Fragment as v, renderList as h, normalizeStyle as k } from "vue";
2
- import s from "../typography/v4/Typography.vue.js";
3
- import { formatValue as m } from "./utils/utils.js";
4
- import g from "../icon/v4/IconV4.vue.js";
1
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css"; import { defineComponent as y, openBlock as a, createElementBlock as o, createBlock as u, createCommentVNode as r, Fragment as x, renderList as h, createElementVNode as m, normalizeStyle as p, unref as l, createVNode as s, withCtx as i, createTextVNode as n, toDisplayString as d } from "vue";
2
+ import c from "../typography/v4/Typography.vue.js";
3
+ import b from "../icon/v4/IconV4.vue.js";
5
4
  import "../icon/v4/IconFlag.vue.js";
6
- const A = { class: "chart-tooltip" }, V = {
7
- key: 0,
8
- class: "tooltip-title-wrapper"
9
- }, C = { class: "list" }, T = { class: "popover-label-wrapper" }, w = {
5
+ import { formatValue as f } from "./utils/utils.js";
6
+ import k from "./components/TooltipHeader.vue.js";
7
+ const C = { class: "chart-tooltip" }, g = {
10
8
  key: 1,
9
+ class: "list"
10
+ }, v = { class: "popover-label-wrapper" }, V = {
11
+ key: 2,
11
12
  class: "tooltip-footer"
12
- }, I = /* @__PURE__ */ F({
13
+ }, z = /* @__PURE__ */ y({
13
14
  __name: "ChartTooltip",
14
15
  props: {
15
16
  title: { default: "" },
@@ -17,87 +18,76 @@ const A = { class: "chart-tooltip" }, V = {
17
18
  xAxisFormat: { default: null },
18
19
  yAxisFormat: { default: null },
19
20
  totalLabel: { default: "Total" },
20
- totalValue: { default: null }
21
+ totalValue: { default: null },
22
+ totalsChart: { type: Boolean, default: !1 }
21
23
  },
22
- setup(e) {
23
- const c = e, p = x(() => c.xAxisFormat === "date" ? "dateLong" : c.xAxisFormat), b = x(() => c.xAxisFormat === "date" ? "day" : c.xAxisFormat);
24
- return (B, L) => (l(), n("div", A, [
25
- e.title ? (l(), n("div", V, [
26
- u(t(s), { variant: "subtitle2" }, {
27
- default: o(() => [
28
- r(i(t(m)(e.title, t(p))), 1)
29
- ]),
30
- _: 1
31
- }),
32
- e.xAxisFormat === "date" ? (l(), y(t(s), {
33
- key: 0,
34
- class: "tooltip-sub-title",
35
- variant: "caption"
36
- }, {
37
- default: o(() => [
38
- r(i(t(m)(e.title, t(b))), 1)
39
- ]),
40
- _: 1
41
- })) : d("", !0)
42
- ])) : d("", !0),
43
- f("ul", C, [
44
- (l(!0), n(v, null, h(e.dataPoints, (a) => (l(), n("li", {
45
- key: a.datasetIndex,
24
+ setup(t) {
25
+ return (F, T) => (a(), o("div", C, [
26
+ t.title ? (a(), u(k, {
27
+ key: 0,
28
+ title: t.title,
29
+ "data-points": t.dataPoints,
30
+ "totals-chart": t.totalsChart,
31
+ "x-axis-format": t.xAxisFormat
32
+ }, null, 8, ["title", "data-points", "totals-chart", "x-axis-format"])) : r("", !0),
33
+ t.totalsChart ? r("", !0) : (a(), o("ul", g, [
34
+ (a(!0), o(x, null, h(t.dataPoints, (e) => (a(), o("li", {
35
+ key: e.datasetIndex,
46
36
  class: "list__item"
47
37
  }, [
48
- f("span", {
38
+ m("span", {
49
39
  class: "color-box",
50
- style: k({
51
- backgroundColor: String(a.dataset.pointBackgroundColor)
40
+ style: p({
41
+ backgroundColor: String(e.dataset.pointBackgroundColor)
52
42
  })
53
43
  }, null, 4),
54
- a.dataset.icon ? (l(), y(t(g), {
44
+ e.dataset.icon ? (a(), u(l(b), {
55
45
  key: 0,
56
46
  class: "platform-icon",
57
- type: a.dataset.iconType,
58
- name: a.dataset.icon,
47
+ type: e.dataset.iconType,
48
+ name: e.dataset.icon,
59
49
  size: "16px"
60
- }, null, 8, ["type", "name"])) : d("", !0),
61
- f("div", T, [
62
- u(t(s), {
50
+ }, null, 8, ["type", "name"])) : r("", !0),
51
+ m("div", v, [
52
+ s(l(c), {
63
53
  variant: "body2",
64
54
  class: "flex-grow truncated-label",
65
55
  "is-truncated": ""
66
56
  }, {
67
- default: o(() => [
68
- r(i(a.dataset.label), 1)
57
+ default: i(() => [
58
+ n(d(e.dataset.label), 1)
69
59
  ]),
70
60
  _: 2
71
61
  }, 1024)
72
62
  ]),
73
- u(t(s), { variant: "body2" }, {
74
- default: o(() => [
75
- r(i(t(m)(a.parsed.y, e.yAxisFormat)), 1)
63
+ s(l(c), { variant: "body2" }, {
64
+ default: i(() => [
65
+ n(d(l(f)(e.parsed.y, t.yAxisFormat)), 1)
76
66
  ]),
77
67
  _: 2
78
68
  }, 1024)
79
69
  ]))), 128))
80
- ]),
81
- e.totalValue !== null ? (l(), n("div", w, [
82
- u(t(s), {
70
+ ])),
71
+ t.totalValue !== null ? (a(), o("div", V, [
72
+ s(l(c), {
83
73
  variant: "body2",
84
74
  class: "flex-grow"
85
75
  }, {
86
- default: o(() => [
87
- r(i(e.totalLabel), 1)
76
+ default: i(() => [
77
+ n(d(t.totalLabel), 1)
88
78
  ]),
89
79
  _: 1
90
80
  }),
91
- u(t(s), { variant: "body2" }, {
92
- default: o(() => [
93
- r(i(t(m)(e.totalValue, e.yAxisFormat)), 1)
81
+ s(l(c), { variant: "body2" }, {
82
+ default: i(() => [
83
+ n(d(l(f)(t.totalValue, t.yAxisFormat)), 1)
94
84
  ]),
95
85
  _: 1
96
86
  })
97
- ])) : d("", !0)
87
+ ])) : r("", !0)
98
88
  ]));
99
89
  }
100
90
  });
101
91
  export {
102
- I as default
92
+ z as default
103
93
  };
@@ -0,0 +1,52 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ subheader: string;
3
+ subheaderTooltip?: {
4
+ header?: string;
5
+ text?: string;
6
+ };
7
+ showSeparator?: boolean;
8
+ }>, {
9
+ subheader: string;
10
+ subheaderTooltip: any;
11
+ showSeparator: boolean;
12
+ }>, {}, 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<{
13
+ subheader: string;
14
+ subheaderTooltip?: {
15
+ header?: string;
16
+ text?: string;
17
+ };
18
+ showSeparator?: boolean;
19
+ }>, {
20
+ subheader: string;
21
+ subheaderTooltip: any;
22
+ showSeparator: boolean;
23
+ }>>>, {
24
+ subheader: string;
25
+ subheaderTooltip: any;
26
+ showSeparator: boolean;
27
+ }>, {
28
+ "subheader-tooltip"?(_: {}): any;
29
+ }>;
30
+ export default _default;
31
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
32
+ type __VLS_TypePropsToRuntimeProps<T> = {
33
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
34
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
35
+ } : {
36
+ type: import('vue').PropType<T[K]>;
37
+ required: true;
38
+ };
39
+ };
40
+ type __VLS_WithDefaults<P, D> = {
41
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
42
+ default: D[K];
43
+ }> : P[K];
44
+ };
45
+ type __VLS_Prettify<T> = {
46
+ [K in keyof T]: T[K];
47
+ } & {};
48
+ type __VLS_WithTemplateSlots<T, S> = T & {
49
+ new (): {
50
+ $slots: S;
51
+ };
52
+ };
@@ -0,0 +1,7 @@
1
+ import e from "./SubHeader.vue2.js";
2
+ /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ console.log('scoped// import "../../SubHeader.vue_vue_type_style_index_0_scoped_74a5418e_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-74a5418e"]]);
5
+ export {
6
+ a as default
7
+ };
@@ -0,0 +1,61 @@
1
+ import { defineComponent as b, useSlots as f, computed as m, openBlock as a, createElementBlock as T, createVNode as u, unref as t, withCtx as o, renderSlot as x, createElementVNode as y, createBlock as i, createTextVNode as r, toDisplayString as d, createCommentVNode as h } from "vue";
2
+ import l from "../../typography/v4/Typography.vue.js";
3
+ import S from "../../tooltip/v4/TooltipV4.vue.js";
4
+ const k = { class: "header-row" }, v = { class: "subheader-tooltip" }, g = /* @__PURE__ */ b({
5
+ __name: "SubHeader",
6
+ props: {
7
+ subheader: { default: "" },
8
+ subheaderTooltip: { default: null },
9
+ showSeparator: { type: Boolean, default: !1 }
10
+ },
11
+ setup(e) {
12
+ const s = e, n = f(), c = m(() => n["subheader-tooltip"] || s.subheaderTooltip?.text || s.subheaderTooltip?.header);
13
+ return (p, w) => (a(), T("div", k, [
14
+ u(t(S), {
15
+ placement: "right",
16
+ disabled: !t(c)
17
+ }, {
18
+ tooltip: o(() => [
19
+ x(p.$slots, "subheader-tooltip", {}, () => [
20
+ y("div", v, [
21
+ e.subheaderTooltip?.header ? (a(), i(t(l), {
22
+ key: 0,
23
+ variant: "h5"
24
+ }, {
25
+ default: o(() => [
26
+ r(d(e.subheaderTooltip.header), 1)
27
+ ]),
28
+ _: 1
29
+ })) : h("", !0),
30
+ e.subheaderTooltip?.text ? (a(), i(t(l), {
31
+ key: 1,
32
+ variant: "body2",
33
+ class: "subheader-tooltip__text"
34
+ }, {
35
+ default: o(() => [
36
+ r(d(e.subheaderTooltip.text), 1)
37
+ ]),
38
+ _: 1
39
+ })) : h("", !0)
40
+ ])
41
+ ], !0)
42
+ ]),
43
+ default: o(() => [
44
+ u(t(l), {
45
+ class: "subheader",
46
+ variant: "h5"
47
+ }, {
48
+ default: o(() => [
49
+ r(d(e.subheader + (e.showSeparator ? ":" : "")), 1)
50
+ ]),
51
+ _: 1
52
+ })
53
+ ]),
54
+ _: 3
55
+ }, 8, ["disabled"])
56
+ ]));
57
+ }
58
+ });
59
+ export {
60
+ g as default
61
+ };
@@ -0,0 +1,45 @@
1
+ import { MyTooltipItem, ValueFormat } from '@/components/chart/types';
2
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ title?: string;
4
+ xAxisFormat?: ValueFormat;
5
+ dataPoints: MyTooltipItem<'line'>[];
6
+ totalsChart?: boolean;
7
+ }>, {
8
+ title: string;
9
+ xAxisFormat: any;
10
+ dataPoints: () => any[];
11
+ totalsChart: boolean;
12
+ }>, {}, 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<{
13
+ title?: string;
14
+ xAxisFormat?: ValueFormat;
15
+ dataPoints: MyTooltipItem<'line'>[];
16
+ totalsChart?: boolean;
17
+ }>, {
18
+ title: string;
19
+ xAxisFormat: any;
20
+ dataPoints: () => any[];
21
+ totalsChart: boolean;
22
+ }>>>, {
23
+ title: string;
24
+ xAxisFormat: ValueFormat;
25
+ dataPoints: MyTooltipItem<'line'>[];
26
+ totalsChart: boolean;
27
+ }>;
28
+ export default _default;
29
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
30
+ type __VLS_TypePropsToRuntimeProps<T> = {
31
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
32
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
33
+ } : {
34
+ type: import('vue').PropType<T[K]>;
35
+ required: true;
36
+ };
37
+ };
38
+ type __VLS_WithDefaults<P, D> = {
39
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
40
+ default: D[K];
41
+ }> : P[K];
42
+ };
43
+ type __VLS_Prettify<T> = {
44
+ [K in keyof T]: T[K];
45
+ } & {};
@@ -0,0 +1,7 @@
1
+ import o from "./TooltipHeader.vue2.js";
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ console.log('scoped// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-40d98a66"]]);
5
+ export {
6
+ s as default
7
+ };
@@ -0,0 +1,59 @@
1
+ import { defineComponent as h, computed as l, openBlock as r, createElementBlock as s, createElementVNode as g, unref as t, createCommentVNode as i, createBlock as n, createVNode as F, withCtx as c, createTextVNode as u, toDisplayString as m } from "vue";
2
+ import { formatValue as d } from "../utils/utils.js";
3
+ import f from "../../typography/v4/Typography.vue.js";
4
+ import C from "../../icon/v4/IconV4.vue.js";
5
+ import k from "../../icon/v4/IconFlag.vue.js";
6
+ const v = { class: "tooltip-title-wrapper" }, A = { class: "main-title" }, T = ["src"], D = /* @__PURE__ */ h({
7
+ __name: "TooltipHeader",
8
+ props: {
9
+ title: { default: "" },
10
+ xAxisFormat: { default: null },
11
+ dataPoints: { default: () => [] },
12
+ totalsChart: { type: Boolean, default: !1 }
13
+ },
14
+ setup(o) {
15
+ const e = o, a = l(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), p = l(() => e.xAxisFormat === "date" ? "dateLong" : e.xAxisFormat), x = l(() => e.xAxisFormat === "date" ? "day" : e.xAxisFormat), y = l(() => e.totalsChart ? a.value?.label || e.title : d(e.title, p.value));
16
+ return (V, b) => (r(), s("div", v, [
17
+ g("div", A, [
18
+ o.totalsChart && t(a)?.image ? (r(), s("img", {
19
+ key: 0,
20
+ class: "title-image",
21
+ src: t(a)?.image
22
+ }, null, 8, T)) : i("", !0),
23
+ o.totalsChart && t(a)?.countryFlag ? (r(), n(t(k), {
24
+ key: 1,
25
+ "country-code": t(a).countryFlag
26
+ }, null, 8, ["country-code"])) : i("", !0),
27
+ o.totalsChart && t(a)?.icon ? (r(), n(t(C), {
28
+ key: 2,
29
+ class: "platform-icon",
30
+ type: t(a)?.iconType,
31
+ name: t(a)?.icon,
32
+ size: "16px"
33
+ }, null, 8, ["type", "name"])) : i("", !0),
34
+ F(t(f), {
35
+ class: "title-text",
36
+ variant: "subtitle2"
37
+ }, {
38
+ default: c(() => [
39
+ u(m(t(y)), 1)
40
+ ]),
41
+ _: 1
42
+ })
43
+ ]),
44
+ o.xAxisFormat === "date" ? (r(), n(t(f), {
45
+ key: 0,
46
+ class: "tooltip-sub-title",
47
+ variant: "caption"
48
+ }, {
49
+ default: c(() => [
50
+ u(m(t(d)(o.title, t(x))), 1)
51
+ ]),
52
+ _: 1
53
+ })) : i("", !0)
54
+ ]));
55
+ }
56
+ });
57
+ export {
58
+ D as default
59
+ };
@@ -1,12 +1,8 @@
1
- import { DropdownTypeOption } from './types';
1
+ import { DropdownTypeOption, Font } from './types';
2
2
  export declare const POINT_BORDER_COLOR = "#fcfcfc";
3
3
  export declare const GRID_LINE_COLOR = "#E4E4E4";
4
4
  export declare const TICK_LABEL_COLOR = "#646464";
5
- export declare const TICK_LABEL_FONT: {
6
- size: number;
7
- weight: number;
8
- family: string;
9
- };
5
+ export declare const TICK_LABEL_FONT: Font;
10
6
  export declare const DEFAULT_TICK_COUNT = 4;
11
7
  export declare const DEFAULT_MIN_VISIBLE = 1;
12
8
  export declare const DEFAULT_MAX_VISIBLE = 5;
@@ -16,6 +12,7 @@ export declare const COMPACT_HEADER_HEIGHT = 43;
16
12
  export declare const DEFAULT_CHART_PLANE_HEIGHT = 312;
17
13
  export declare const MIN_PLANE_HEIGHT = 187;
18
14
  export declare const TOTALS_HELPER_KEY = "__TOTALS_HELPER_KEY__";
15
+ export declare const BASE_COLOR_KEY = "___BASE_COLOR__";
19
16
  export declare const BIDDING_PREFIX = "Bidding";
20
17
  export declare const NON_BIDDING_PREFIX = "Non-bidding";
21
18
  export declare const NETWORK_ID_IRON_SOURCE = 9899;
@@ -28,3 +25,12 @@ export declare const NETWORK_ID_INMOBI = 9938;
28
25
  export declare const NETWORK_ID_DT_EXCHANGE = 9950;
29
26
  export declare const NETWORK_ID_PANGLE = 9952;
30
27
  export declare const NETWORK_ID_LIFTOFF = 9962;
28
+ export declare const HOVER_TRANSPARENCY = 10;
29
+ export declare const HOVER_AREA_TRANSPARENCY = 70;
30
+ export declare const CHART_PADDING: {
31
+ left: number;
32
+ right: number;
33
+ top: number;
34
+ bottom: number;
35
+ };
36
+ export declare const TICKS_EXTRA_PADDING = 10;
@@ -1,37 +1,47 @@
1
1
  import { ChartType as _ } from "./types.js";
2
- const I = "#fcfcfc", T = "#E4E4E4", O = "#646464", n = {
2
+ const I = "#fcfcfc", T = "#E4E4E4", t = "#646464", O = {
3
3
  size: 12,
4
4
  weight: 400,
5
5
  family: "Inter"
6
- }, t = 4, N = 1, c = 5, o = [
6
+ }, n = 4, N = 1, R = 5, o = [
7
7
  { id: _.Line, name: "Line" },
8
8
  { id: _.StackedLine, name: "Stack" },
9
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;
10
+ ], c = 76, A = 43, s = 312, D = 187, L = "__TOTALS_HELPER_KEY__", C = "___BASE_COLOR__", K = "Bidding", P = "Non-bidding", H = 9899, i = 9917, B = 9939, S = 9942, e = 9953, G = 9935, F = 9938, W = 9950, a = 9952, d = 9962, r = 10, M = 70, m = {
11
+ left: 18,
12
+ right: 18,
13
+ top: 18,
14
+ bottom: 11
15
+ }, U = 10;
11
16
  export {
17
+ C as BASE_COLOR_KEY,
12
18
  K as BIDDING_PREFIX,
13
- L as COMPACT_HEADER_HEIGHT,
14
- R as DEFAULT_CHART_PLANE_HEIGHT,
15
- c as DEFAULT_MAX_VISIBLE,
19
+ m as CHART_PADDING,
20
+ A as COMPACT_HEADER_HEIGHT,
21
+ s as DEFAULT_CHART_PLANE_HEIGHT,
22
+ R as DEFAULT_MAX_VISIBLE,
16
23
  N as DEFAULT_MIN_VISIBLE,
17
- t as DEFAULT_TICK_COUNT,
24
+ n as DEFAULT_TICK_COUNT,
18
25
  o as DROPDOWN_TYPE_OPTIONS,
19
26
  T as GRID_LINE_COLOR,
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,
27
+ c as HEADER_HEIGHT,
28
+ M as HOVER_AREA_TRANSPARENCY,
29
+ r as HOVER_TRANSPARENCY,
30
+ D as MIN_PLANE_HEIGHT,
31
+ S as NETWORK_ID_AD_MOB,
32
+ G as NETWORK_ID_APPLOVIN,
33
+ W as NETWORK_ID_DT_EXCHANGE,
34
+ B as NETWORK_ID_FACEBOOK_META,
35
+ F as NETWORK_ID_INMOBI,
36
+ H as NETWORK_ID_IRON_SOURCE,
37
+ d as NETWORK_ID_LIFTOFF,
29
38
  e as NETWORK_ID_MINTEGRAL,
30
39
  a as NETWORK_ID_PANGLE,
31
- H as NETWORK_ID_UNITY_ADS,
32
- i as NON_BIDDING_PREFIX,
40
+ i as NETWORK_ID_UNITY_ADS,
41
+ P as NON_BIDDING_PREFIX,
33
42
  I as POINT_BORDER_COLOR,
34
- O as TICK_LABEL_COLOR,
35
- n as TICK_LABEL_FONT,
36
- A as TOTALS_HELPER_KEY
43
+ U as TICKS_EXTRA_PADDING,
44
+ t as TICK_LABEL_COLOR,
45
+ O as TICK_LABEL_FONT,
46
+ L as TOTALS_HELPER_KEY
37
47
  };