@ironsource/shared-ui 2.1.12-rc.16 → 2.1.12-rc.18
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_5525b3bc_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_79dc2883_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_fc79a730_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_cb98e9e3_lang.css +1 -0
- package/SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css +1 -0
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +26 -6
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +84 -76
- package/components/chart/ChartHeader.vue.d.ts +7 -7
- package/components/chart/ChartHeader.vue.js +3 -3
- package/components/chart/ChartHeader.vue2.js +48 -79
- package/components/chart/ChartHeaderTrend.vue.d.ts +6 -5
- package/components/chart/ChartHeaderTrend.vue.js +3 -3
- package/components/chart/ChartHeaderTrend.vue2.js +15 -14
- package/components/chart/ChartPlane.vue.d.ts +27 -7
- package/components/chart/ChartPlane.vue.js +3 -3
- package/components/chart/ChartPlane.vue2.js +282 -267
- package/components/chart/ChartStoryArgs.d.ts +31 -2
- package/components/chart/ChartTooltip.vue.d.ts +6 -1
- package/components/chart/ChartTooltip.vue.js +3 -3
- package/components/chart/ChartTooltip.vue2.js +26 -24
- package/components/chart/SubHeader.vue.d.ts +52 -0
- package/components/chart/SubHeader.vue.js +7 -0
- package/components/chart/SubHeader.vue2.js +61 -0
- package/components/chart/{components/TooltipHeader.vue.d.ts → TooltipHeader.vue.d.ts} +6 -1
- package/components/chart/TooltipHeader.vue.js +7 -0
- package/components/chart/TooltipHeader.vue2.js +69 -0
- package/components/chart/colorPalette.d.ts +1 -1
- package/components/chart/colorPalette.js +23 -23
- package/components/chart/composables/useChartHeight.d.ts +1 -1
- package/components/chart/consts.d.ts +12 -12
- package/components/chart/consts.js +32 -32
- package/components/chart/index.d.ts +109 -32
- package/components/chart/mockData.d.ts +8 -0
- package/components/chart/types.d.ts +14 -0
- package/components/chart/types.js +5 -2
- package/components/chart/utils/highlightUtils.d.ts +1 -1
- package/components/chart/utils/utils.d.ts +1 -1
- package/index.js +12 -8
- package/package.json +1 -1
- package/Chart.vue_vue_type_style_index_0_scoped_4e9ce62f_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css +0 -1
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css +0 -1
- package/components/chart/components/TooltipHeader.vue.js +0 -7
- package/components/chart/components/TooltipHeader.vue2.js +0 -59
|
@@ -1,59 +0,0 @@
|
|
|
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
|
-
};
|