@ironsource/shared-ui 2.1.12-rc.17 → 2.1.12-rc.19
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_53316c89_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_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 +21 -1
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +64 -54
- package/components/chart/ChartPlane.vue.d.ts +21 -1
- package/components/chart/ChartPlane.vue.js +4 -4
- package/components/chart/ChartPlane.vue2.js +152 -141
- package/components/chart/ChartStoryArgs.d.ts +11 -1
- package/components/chart/ChartTooltip.vue.d.ts +16 -1
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +33 -29
- package/components/chart/TooltipHeader.vue.d.ts +6 -1
- package/components/chart/TooltipHeader.vue.js +2 -2
- package/components/chart/TooltipHeader.vue2.js +37 -27
- package/components/chart/consts.d.ts +3 -2
- package/components/chart/consts.js +13 -12
- package/components/chart/index.d.ts +77 -1
- package/components/chart/mockData.d.ts +8 -0
- package/components/chart/types.d.ts +5 -0
- package/components/chart/types.js +4 -3
- package/components/chart/utils/utils.d.ts +1 -1
- package/components/chart/utils/utils.js +10 -10
- package/index.js +1 -1
- package/package.json +1 -1
- package/Chart.vue_vue_type_style_index_0_scoped_82f5b24e_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_5c80d8cd_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_9e521454_lang.css +0 -1
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_9f6cf389_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chart-container[data-v-53316c89]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-53316c89]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-53316c89]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-53316c89]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-53316c89]{border-left:1px solid var(--common-divider)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chart-plane-container[data-v-903fc6ae]{--headerHeight: var(--d271311a);width:100%;height:var(--6c5bc85e);position:relative}.header-wrapper[data-v-903fc6ae]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-903fc6ae]{padding-top:var(--headerHeight);height:100%}.chart[data-v-903fc6ae]{width:100%;height:100%;position:relative}.chart__canvas[data-v-903fc6ae]{width:100%;height:100%}.chart__tooltip[data-v-903fc6ae]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chart-tooltip[data-v-e53c6287]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-e53c6287]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-e53c6287]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-e53c6287]{list-style:none;margin:0;padding:0}.list__item[data-v-e53c6287]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-e53c6287]:last-child{margin-bottom:0}.platform-icon[data-v-e53c6287]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-e53c6287]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-e53c6287]{max-width:90%}.tooltip-footer[data-v-e53c6287]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-e53c6287]{flex-grow:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.tooltip-title-wrapper[data-v-3b15c693]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .main-title[data-v-3b15c693]{display:flex;align-items:center;gap:.25rem}.tooltip-title-wrapper .title-text[data-v-3b15c693]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-title-wrapper .title-image[data-v-3b15c693]{width:20px;height:20px;border-radius:4px}.tooltip-title-wrapper .tooltip-sub-title[data-v-3b15c693]{color:var(--text-secondary)}.tooltip-title-wrapper .platform-icon[data-v-3b15c693]{color:var(--action-active)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChartDataSet, ChartParsingConfig, ChartType, TooltipOrder, TrendDirection, ValueFormat } from './types';
|
|
1
|
+
import { ChartDataSet, ChartParsingConfig, ChartType, DateInterval, TooltipOrder, TrendDirection, ValueFormat } from './types';
|
|
2
2
|
import { TotalType } from '@/utils/totals';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
4
|
dataSets: ChartDataSet[];
|
|
@@ -7,14 +7,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
7
7
|
parsing?: ChartParsingConfig;
|
|
8
8
|
xAxisFormat?: ValueFormat;
|
|
9
9
|
yAxisFormat?: ValueFormat;
|
|
10
|
+
xAxisDateInterval?: DateInterval;
|
|
10
11
|
tickCount?: number;
|
|
11
12
|
truncateTickLabels?: boolean;
|
|
12
13
|
loading?: boolean;
|
|
14
|
+
empty?: boolean;
|
|
13
15
|
withAnimation?: boolean;
|
|
14
16
|
totalsChart?: boolean;
|
|
15
17
|
tooltipTotalType?: TotalType;
|
|
16
18
|
tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
|
|
17
19
|
tooltipOrder?: TooltipOrder;
|
|
20
|
+
valueSuffix?: string;
|
|
21
|
+
valuePrefix?: string;
|
|
18
22
|
header?: string;
|
|
19
23
|
subheader?: string;
|
|
20
24
|
subheaderTooltip?: {
|
|
@@ -48,15 +52,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
48
52
|
visibleIds: () => any[];
|
|
49
53
|
xAxisFormat: string;
|
|
50
54
|
yAxisFormat: string;
|
|
55
|
+
xAxisDateInterval: DateInterval;
|
|
51
56
|
parsing: any;
|
|
52
57
|
tickCount: number;
|
|
53
58
|
truncateTickLabels: boolean;
|
|
54
59
|
loading: boolean;
|
|
60
|
+
empty: boolean;
|
|
55
61
|
withAnimation: boolean;
|
|
56
62
|
totalsChart: boolean;
|
|
57
63
|
tooltipTotalType: TotalType;
|
|
58
64
|
tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
|
|
59
65
|
tooltipOrder: TooltipOrder;
|
|
66
|
+
valueSuffix: string;
|
|
67
|
+
valuePrefix: string;
|
|
60
68
|
header: string;
|
|
61
69
|
subheader: string;
|
|
62
70
|
subheaderTooltip: any;
|
|
@@ -88,14 +96,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
88
96
|
parsing?: ChartParsingConfig;
|
|
89
97
|
xAxisFormat?: ValueFormat;
|
|
90
98
|
yAxisFormat?: ValueFormat;
|
|
99
|
+
xAxisDateInterval?: DateInterval;
|
|
91
100
|
tickCount?: number;
|
|
92
101
|
truncateTickLabels?: boolean;
|
|
93
102
|
loading?: boolean;
|
|
103
|
+
empty?: boolean;
|
|
94
104
|
withAnimation?: boolean;
|
|
95
105
|
totalsChart?: boolean;
|
|
96
106
|
tooltipTotalType?: TotalType;
|
|
97
107
|
tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
|
|
98
108
|
tooltipOrder?: TooltipOrder;
|
|
109
|
+
valueSuffix?: string;
|
|
110
|
+
valuePrefix?: string;
|
|
99
111
|
header?: string;
|
|
100
112
|
subheader?: string;
|
|
101
113
|
subheaderTooltip?: {
|
|
@@ -129,15 +141,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
129
141
|
visibleIds: () => any[];
|
|
130
142
|
xAxisFormat: string;
|
|
131
143
|
yAxisFormat: string;
|
|
144
|
+
xAxisDateInterval: DateInterval;
|
|
132
145
|
parsing: any;
|
|
133
146
|
tickCount: number;
|
|
134
147
|
truncateTickLabels: boolean;
|
|
135
148
|
loading: boolean;
|
|
149
|
+
empty: boolean;
|
|
136
150
|
withAnimation: boolean;
|
|
137
151
|
totalsChart: boolean;
|
|
138
152
|
tooltipTotalType: TotalType;
|
|
139
153
|
tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
|
|
140
154
|
tooltipOrder: TooltipOrder;
|
|
155
|
+
valueSuffix: string;
|
|
156
|
+
valuePrefix: string;
|
|
141
157
|
header: string;
|
|
142
158
|
subheader: string;
|
|
143
159
|
subheaderTooltip: any;
|
|
@@ -175,9 +191,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
175
191
|
chartType: ChartType;
|
|
176
192
|
hideLegend: boolean;
|
|
177
193
|
xAxisFormat: ValueFormat;
|
|
194
|
+
xAxisDateInterval: DateInterval;
|
|
178
195
|
totalsChart: boolean;
|
|
179
196
|
parsing: ChartParsingConfig;
|
|
180
197
|
yAxisFormat: ValueFormat;
|
|
198
|
+
valueSuffix: string;
|
|
199
|
+
valuePrefix: string;
|
|
181
200
|
dataSets: ChartDataSet[];
|
|
182
201
|
trendTooltip: any;
|
|
183
202
|
subheader: string;
|
|
@@ -187,6 +206,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
187
206
|
tickCount: number;
|
|
188
207
|
truncateTickLabels: boolean;
|
|
189
208
|
keepSubheaderVisible: boolean;
|
|
209
|
+
empty: boolean;
|
|
190
210
|
noDataIcon: string;
|
|
191
211
|
noDataTitle: string;
|
|
192
212
|
noDataSubtitle: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Chart.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../Chart.
|
|
4
|
-
const
|
|
2
|
+
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../Chart.vue_vue_type_style_index_0_scoped_53316c89_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-53316c89"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,33 +1,37 @@
|
|
|
1
|
-
import "../../Chart.
|
|
2
|
-
import { useVModel as
|
|
1
|
+
import "../../Chart.vue_vue_type_style_index_0_scoped_53316c89_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as S, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as y, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
|
|
2
|
+
import { useVModel as A } from "@vueuse/core";
|
|
3
3
|
import $ from "./ChartLegend.vue.js";
|
|
4
4
|
import K from "./SettingsHeader.vue.js";
|
|
5
5
|
import V from "./ChartPlane.vue.js";
|
|
6
6
|
import { useColorsMap as z } from "./composables/useColorsMap.js";
|
|
7
|
-
import { DEFAULT_TICK_COUNT as R, DEFAULT_MIN_VISIBLE as X, DEFAULT_MAX_VISIBLE as
|
|
8
|
-
import { ChartType as q, TooltipOrder as G, TrendDirection as J } from "./types.js";
|
|
7
|
+
import { DEFAULT_TICK_COUNT as R, DEFAULT_MIN_VISIBLE as X, DEFAULT_MAX_VISIBLE as Y } from "./consts.js";
|
|
8
|
+
import { ChartType as j, DateInterval as q, TooltipOrder as G, TrendDirection as J } from "./types.js";
|
|
9
9
|
import { useChartHeight as Q } from "./composables/useChartHeight.js";
|
|
10
|
-
import { TotalType as W, calculateTotal as
|
|
11
|
-
const
|
|
10
|
+
import { TotalType as W, calculateTotal as Z } from "../../utils/totals.js";
|
|
11
|
+
const _ = {
|
|
12
12
|
key: 0,
|
|
13
13
|
class: "chart-sidebar"
|
|
14
|
-
},
|
|
14
|
+
}, ue = /* @__PURE__ */ U({
|
|
15
15
|
__name: "Chart",
|
|
16
16
|
props: {
|
|
17
17
|
dataSets: { default: () => [] },
|
|
18
18
|
visibleIds: { default: () => [] },
|
|
19
|
-
chartType: { default:
|
|
19
|
+
chartType: { default: j.Line },
|
|
20
20
|
parsing: { default: void 0 },
|
|
21
21
|
xAxisFormat: { default: "string" },
|
|
22
22
|
yAxisFormat: { default: "number" },
|
|
23
|
+
xAxisDateInterval: { default: q.DAILY },
|
|
23
24
|
tickCount: { default: R },
|
|
24
|
-
truncateTickLabels: { type: Boolean, default: !
|
|
25
|
+
truncateTickLabels: { type: Boolean, default: !1 },
|
|
25
26
|
loading: { type: Boolean, default: !1 },
|
|
27
|
+
empty: { type: Boolean, default: !1 },
|
|
26
28
|
withAnimation: { type: Boolean, default: !0 },
|
|
27
29
|
totalsChart: { type: Boolean, default: !1 },
|
|
28
30
|
tooltipTotalType: { default: W.Total },
|
|
29
|
-
tooltipTotalCalcFn: { type: Function, default:
|
|
31
|
+
tooltipTotalCalcFn: { type: Function, default: Z },
|
|
30
32
|
tooltipOrder: { default: G.Legend },
|
|
33
|
+
valueSuffix: { default: "" },
|
|
34
|
+
valuePrefix: { default: "" },
|
|
31
35
|
header: { default: "" },
|
|
32
36
|
subheader: { default: "" },
|
|
33
37
|
subheaderTooltip: { default: null },
|
|
@@ -40,7 +44,7 @@ const Z = {
|
|
|
40
44
|
noDataSubtitle: { default: "Search again with different filters" },
|
|
41
45
|
hideLegend: { type: Boolean, default: !1 },
|
|
42
46
|
minVisible: { default: X },
|
|
43
|
-
maxVisible: { default:
|
|
47
|
+
maxVisible: { default: Y },
|
|
44
48
|
maxLimitTooltipText: { default: "" },
|
|
45
49
|
sortSelected: { default: null },
|
|
46
50
|
sortOptions: { default: () => [] },
|
|
@@ -50,25 +54,27 @@ const Z = {
|
|
|
50
54
|
extraCharts: { default: () => [] }
|
|
51
55
|
},
|
|
52
56
|
emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
|
|
53
|
-
setup(
|
|
54
|
-
const e =
|
|
57
|
+
setup(a, { emit: p }) {
|
|
58
|
+
const e = a, r = A(e, "chartType", p), h = A(e, "sortSelected", p), c = O(null), g = n(() => ({
|
|
55
59
|
dataSets: e.dataSets,
|
|
56
60
|
visibleIds: e.visibleIds,
|
|
57
61
|
parsing: e.parsing,
|
|
58
62
|
xAxisFormat: e.xAxisFormat,
|
|
59
63
|
yAxisFormat: e.yAxisFormat,
|
|
64
|
+
xAxisDateInterval: e.xAxisDateInterval,
|
|
60
65
|
tickCount: e.tickCount,
|
|
61
66
|
truncateTickLabels: e.truncateTickLabels,
|
|
62
67
|
header: e.header,
|
|
63
68
|
subheader: e.subheader,
|
|
64
69
|
loading: e.loading,
|
|
70
|
+
empty: e.empty,
|
|
65
71
|
noDataIcon: e.noDataIcon,
|
|
66
72
|
noDataTitle: e.noDataTitle,
|
|
67
73
|
noDataSubtitle: e.noDataSubtitle,
|
|
68
74
|
withAnimation: e.withAnimation,
|
|
69
75
|
typeSwitcher: !e.withSettingsHeader,
|
|
70
|
-
height:
|
|
71
|
-
compactHeader:
|
|
76
|
+
height: P.value,
|
|
77
|
+
compactHeader: x.value > 1,
|
|
72
78
|
trendValue: e.trendValue,
|
|
73
79
|
trendDirection: e.trendDirection,
|
|
74
80
|
trendTooltip: e.trendTooltip,
|
|
@@ -79,27 +85,29 @@ const Z = {
|
|
|
79
85
|
tooltipTotalType: e.tooltipTotalType,
|
|
80
86
|
tooltipTotalCalcFn: e.tooltipTotalCalcFn,
|
|
81
87
|
tooltipOrder: e.tooltipOrder,
|
|
82
|
-
highlightedId: c.value
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
88
|
+
highlightedId: c.value,
|
|
89
|
+
valueSuffix: e.valueSuffix,
|
|
90
|
+
valuePrefix: e.valuePrefix
|
|
91
|
+
})), F = n(() => e.dataSets), v = n(() => e.visibleIds), T = n(() => e.extraCharts.length), x = n(() => 1 + T.value), B = (t) => t === T.value - 1, { colorsMap: f } = z({
|
|
92
|
+
dataSets: F,
|
|
93
|
+
visibleIds: v
|
|
94
|
+
}), w = n(() => e.dataSets.map((t) => ({
|
|
87
95
|
id: t.id,
|
|
88
96
|
label: t.label,
|
|
89
97
|
caption: t.caption || null,
|
|
90
98
|
color: f.value[t.id] || null,
|
|
91
99
|
icon: t.icon || null,
|
|
92
100
|
iconType: t.iconType || "branded"
|
|
93
|
-
}))), { containerProps: H, eachPlaneHeight:
|
|
94
|
-
chartPlanesCount:
|
|
101
|
+
}))), { containerProps: H, eachPlaneHeight: P } = Q({
|
|
102
|
+
chartPlanesCount: x,
|
|
95
103
|
useFullHeight: e.fullHeight
|
|
96
104
|
});
|
|
97
|
-
return (t, o) => (s(), m(
|
|
98
|
-
|
|
105
|
+
return (t, o) => (s(), m(S, null, [
|
|
106
|
+
a.withSettingsHeader ? (s(), I(K, {
|
|
99
107
|
key: 0,
|
|
100
|
-
"chart-type":
|
|
101
|
-
"onUpdate:chart-type": o[0] || (o[0] = (
|
|
102
|
-
"hide-legend":
|
|
108
|
+
"chart-type": i(r),
|
|
109
|
+
"onUpdate:chart-type": o[0] || (o[0] = (l) => b(r) ? r.value = l : null),
|
|
110
|
+
"hide-legend": a.hideLegend
|
|
103
111
|
}, {
|
|
104
112
|
"before-chart-type": d(() => [
|
|
105
113
|
u(t.$slots, "before-chart-type", {}, void 0, !0)
|
|
@@ -111,15 +119,15 @@ const Z = {
|
|
|
111
119
|
u(t.$slots, "breakdowns", {}, void 0, !0)
|
|
112
120
|
]),
|
|
113
121
|
_: 3
|
|
114
|
-
}, 8, ["chart-type", "hide-legend"])) :
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
class:
|
|
122
|
+
}, 8, ["chart-type", "hide-legend"])) : D("", !0),
|
|
123
|
+
k("div", y({ class: "chart-container" }, i(H)), [
|
|
124
|
+
k("section", {
|
|
125
|
+
class: E(["chart-planes", [{ "with-legend": !a.hideLegend }]])
|
|
118
126
|
}, [
|
|
119
|
-
|
|
120
|
-
"chart-type":
|
|
121
|
-
"onUpdate:chart-type": o[1] || (o[1] = (
|
|
122
|
-
},
|
|
127
|
+
L(V, y({
|
|
128
|
+
"chart-type": i(r),
|
|
129
|
+
"onUpdate:chart-type": o[1] || (o[1] = (l) => b(r) ? r.value = l : null)
|
|
130
|
+
}, i(g)), N({ _: 2 }, [
|
|
123
131
|
t.$slots["subheader-tooltip"] ? {
|
|
124
132
|
name: "subheader-tooltip",
|
|
125
133
|
fn: d(() => [
|
|
@@ -128,34 +136,36 @@ const Z = {
|
|
|
128
136
|
key: "0"
|
|
129
137
|
} : void 0
|
|
130
138
|
]), 1040, ["chart-type"]),
|
|
131
|
-
(s(!0), m(
|
|
132
|
-
key:
|
|
139
|
+
(s(!0), m(S, null, M(a.extraCharts, (l, C) => (s(), I(V, y({
|
|
140
|
+
key: C,
|
|
133
141
|
class: "extra-chart-plane"
|
|
134
|
-
}, { ...
|
|
135
|
-
"chart-type":
|
|
136
|
-
"colors-map":
|
|
142
|
+
}, { ...i(g), ...l }, {
|
|
143
|
+
"chart-type": i(r),
|
|
144
|
+
"colors-map": i(f),
|
|
137
145
|
"type-switcher": !1,
|
|
138
|
-
"tooltip-respects-top-edge": !
|
|
146
|
+
"tooltip-respects-top-edge": !B(C)
|
|
139
147
|
}), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge"]))), 128))
|
|
140
148
|
], 2),
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
"sort-selected":
|
|
144
|
-
"onUpdate:sort-selected": o[2] || (o[2] = (
|
|
149
|
+
a.hideLegend ? D("", !0) : (s(), m("section", _, [
|
|
150
|
+
L($, {
|
|
151
|
+
"sort-selected": i(h),
|
|
152
|
+
"onUpdate:sort-selected": o[2] || (o[2] = (l) => b(h) ? h.value = l : null),
|
|
145
153
|
"highlighted-id": c.value,
|
|
146
|
-
"onUpdate:highlighted-id": o[3] || (o[3] = (
|
|
147
|
-
items:
|
|
148
|
-
"visible-ids":
|
|
149
|
-
"max-limit-tooltip-text":
|
|
150
|
-
"sort-options":
|
|
151
|
-
"sort-option-name-key":
|
|
152
|
-
"
|
|
153
|
-
|
|
154
|
+
"onUpdate:highlighted-id": o[3] || (o[3] = (l) => c.value = l),
|
|
155
|
+
items: i(w),
|
|
156
|
+
"visible-ids": i(v),
|
|
157
|
+
"max-limit-tooltip-text": a.maxLimitTooltipText,
|
|
158
|
+
"sort-options": a.sortOptions,
|
|
159
|
+
"sort-option-name-key": a.sortOptionNameKey,
|
|
160
|
+
"min-visible": a.minVisible,
|
|
161
|
+
"max-visible": a.maxVisible,
|
|
162
|
+
"onUpdate:visibleIds": o[4] || (o[4] = (l) => p("update:visibleIds", l))
|
|
163
|
+
}, null, 8, ["sort-selected", "highlighted-id", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key", "min-visible", "max-visible"])
|
|
154
164
|
]))
|
|
155
165
|
], 16)
|
|
156
166
|
], 64));
|
|
157
167
|
}
|
|
158
168
|
});
|
|
159
169
|
export {
|
|
160
|
-
|
|
170
|
+
ue as default
|
|
161
171
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChartDataSet, ChartParsingConfig, ChartType, TooltipOrder, TrendDirection, ValueFormat } from './types';
|
|
1
|
+
import { ChartDataSet, ChartParsingConfig, ChartType, DateInterval, TooltipOrder, TrendDirection, ValueFormat } from './types';
|
|
2
2
|
import { TotalType } from '@/utils/totals';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
4
|
dataSets: ChartDataSet[];
|
|
@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
8
8
|
parsing?: ChartParsingConfig;
|
|
9
9
|
xAxisFormat?: ValueFormat;
|
|
10
10
|
yAxisFormat?: ValueFormat;
|
|
11
|
+
xAxisDateInterval?: DateInterval;
|
|
11
12
|
tickCount?: number;
|
|
12
13
|
truncateTickLabels?: boolean;
|
|
13
14
|
header?: string;
|
|
@@ -18,6 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
19
|
};
|
|
19
20
|
keepSubheaderVisible?: boolean;
|
|
20
21
|
loading?: boolean;
|
|
22
|
+
empty?: boolean;
|
|
21
23
|
noDataIcon?: string;
|
|
22
24
|
noDataTitle?: string;
|
|
23
25
|
noDataSubtitle?: string;
|
|
@@ -38,6 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
38
40
|
};
|
|
39
41
|
totalsChart?: boolean;
|
|
40
42
|
colorsMap: Record<string, string>;
|
|
43
|
+
valueSuffix?: string;
|
|
44
|
+
valuePrefix?: string;
|
|
41
45
|
}>, {
|
|
42
46
|
chartType: ChartType;
|
|
43
47
|
dataSets: () => any[];
|
|
@@ -45,6 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
45
49
|
highlightedId: any;
|
|
46
50
|
xAxisFormat: string;
|
|
47
51
|
yAxisFormat: string;
|
|
52
|
+
xAxisDateInterval: DateInterval;
|
|
48
53
|
parsing: any;
|
|
49
54
|
tickCount: number;
|
|
50
55
|
truncateTickLabels: boolean;
|
|
@@ -53,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
53
58
|
subheaderTooltip: any;
|
|
54
59
|
keepSubheaderVisible: boolean;
|
|
55
60
|
loading: boolean;
|
|
61
|
+
empty: boolean;
|
|
56
62
|
noDataIcon: string;
|
|
57
63
|
noDataTitle: string;
|
|
58
64
|
noDataSubtitle: string;
|
|
@@ -69,6 +75,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
69
75
|
trendTooltip: any;
|
|
70
76
|
totalsChart: boolean;
|
|
71
77
|
colorsMap: () => {};
|
|
78
|
+
valueSuffix: string;
|
|
79
|
+
valuePrefix: string;
|
|
72
80
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
73
81
|
"update:chartType": (chartType: ChartType) => void;
|
|
74
82
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -79,6 +87,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
79
87
|
parsing?: ChartParsingConfig;
|
|
80
88
|
xAxisFormat?: ValueFormat;
|
|
81
89
|
yAxisFormat?: ValueFormat;
|
|
90
|
+
xAxisDateInterval?: DateInterval;
|
|
82
91
|
tickCount?: number;
|
|
83
92
|
truncateTickLabels?: boolean;
|
|
84
93
|
header?: string;
|
|
@@ -89,6 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
89
98
|
};
|
|
90
99
|
keepSubheaderVisible?: boolean;
|
|
91
100
|
loading?: boolean;
|
|
101
|
+
empty?: boolean;
|
|
92
102
|
noDataIcon?: string;
|
|
93
103
|
noDataTitle?: string;
|
|
94
104
|
noDataSubtitle?: string;
|
|
@@ -109,6 +119,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
109
119
|
};
|
|
110
120
|
totalsChart?: boolean;
|
|
111
121
|
colorsMap: Record<string, string>;
|
|
122
|
+
valueSuffix?: string;
|
|
123
|
+
valuePrefix?: string;
|
|
112
124
|
}>, {
|
|
113
125
|
chartType: ChartType;
|
|
114
126
|
dataSets: () => any[];
|
|
@@ -116,6 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
116
128
|
highlightedId: any;
|
|
117
129
|
xAxisFormat: string;
|
|
118
130
|
yAxisFormat: string;
|
|
131
|
+
xAxisDateInterval: DateInterval;
|
|
119
132
|
parsing: any;
|
|
120
133
|
tickCount: number;
|
|
121
134
|
truncateTickLabels: boolean;
|
|
@@ -124,6 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
124
137
|
subheaderTooltip: any;
|
|
125
138
|
keepSubheaderVisible: boolean;
|
|
126
139
|
loading: boolean;
|
|
140
|
+
empty: boolean;
|
|
127
141
|
noDataIcon: string;
|
|
128
142
|
noDataTitle: string;
|
|
129
143
|
noDataSubtitle: string;
|
|
@@ -140,6 +154,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
140
154
|
trendTooltip: any;
|
|
141
155
|
totalsChart: boolean;
|
|
142
156
|
colorsMap: () => {};
|
|
157
|
+
valueSuffix: string;
|
|
158
|
+
valuePrefix: string;
|
|
143
159
|
}>>> & {
|
|
144
160
|
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
145
161
|
}, {
|
|
@@ -150,9 +166,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
150
166
|
highlightedId: string | number;
|
|
151
167
|
chartType: ChartType;
|
|
152
168
|
xAxisFormat: ValueFormat;
|
|
169
|
+
xAxisDateInterval: DateInterval;
|
|
153
170
|
totalsChart: boolean;
|
|
154
171
|
parsing: ChartParsingConfig;
|
|
155
172
|
yAxisFormat: ValueFormat;
|
|
173
|
+
valueSuffix: string;
|
|
174
|
+
valuePrefix: string;
|
|
156
175
|
dataSets: ChartDataSet[];
|
|
157
176
|
trendTooltip: any;
|
|
158
177
|
subheader: string;
|
|
@@ -163,6 +182,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
163
182
|
tickCount: number;
|
|
164
183
|
truncateTickLabels: boolean;
|
|
165
184
|
keepSubheaderVisible: boolean;
|
|
185
|
+
empty: boolean;
|
|
166
186
|
noDataIcon: string;
|
|
167
187
|
noDataTitle: string;
|
|
168
188
|
noDataSubtitle: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../ChartPlane.
|
|
4
|
-
const s = /* @__PURE__ */ e
|
|
1
|
+
import e from "./ChartPlane.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-903fc6ae"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|