@feedmepos/mf-report 5.22.2 → 5.22.3
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/dist/{App-CxcY6LWZ.js → App-D3jJJmyg.js} +40 -40
- package/dist/{BaseDialog.vue_vue_type_script_setup_true_lang-ScW9Ncjy.js → BaseDialog.vue_vue_type_script_setup_true_lang-Dmpc24i4.js} +3 -3
- package/dist/{DateRangeSelect.vue_vue_type_script_setup_true_lang-BxkEvxyr.js → DateRangeSelect.vue_vue_type_script_setup_true_lang-BZUipGZh.js} +2 -2
- package/dist/{Default.vue_vue_type_script_setup_true_lang-CxrIe_mX.js → Default.vue_vue_type_script_setup_true_lang-CNXchelN.js} +2 -2
- package/dist/{FilterSelector.vue_vue_type_script_setup_true_lang-CjQOGUhk.js → FilterSelector.vue_vue_type_script_setup_true_lang-CIh5MO0J.js} +619 -613
- package/dist/{InsightView-8fN4Ufnl.js → InsightView-BhRgl7da.js} +6 -6
- package/dist/{Integration-NDqoewja.js → Integration-DuZFb2_h.js} +3 -3
- package/dist/{Integrations-5vX-q9bK.js → Integrations-B-K1MFtu.js} +3 -3
- package/dist/{Layout-Bx1bFqZC.js → Layout-WWJgRZmI.js} +1 -1
- package/dist/{MenuTab.vue_vue_type_script_setup_true_lang-B-3mITku.js → MenuTab.vue_vue_type_script_setup_true_lang-Dr7w9A6f.js} +5 -5
- package/dist/{NavigationTab.vue_vue_type_script_setup_true_lang-El6bObYP.js → NavigationTab.vue_vue_type_script_setup_true_lang-Dbo0pwH4.js} +5 -5
- package/dist/{NoData.vue_vue_type_script_setup_true_lang-o93p8JPp.js → NoData.vue_vue_type_script_setup_true_lang-BwIUTmvY.js} +1 -1
- package/dist/{OverviewView-Bj7wADyM.js → OverviewView-DsVLzrq5.js} +5 -5
- package/dist/{Report-CF4ngP2m.js → Report-B5VTXste.js} +4 -4
- package/dist/{ReportEditor-BMuleZLo.js → ReportEditor-DBnmP-29.js} +6 -6
- package/dist/{ReportView-l7pWW-WB.js → ReportView-CrSceBoC.js} +8 -8
- package/dist/{SelectComponent.vue_vue_type_script_setup_true_lang-CLcModS9.js → SelectComponent.vue_vue_type_script_setup_true_lang-BEm9iVWM.js} +1 -1
- package/dist/{Setting-BxQ9nLCj.js → Setting-DnSvCeSB.js} +5 -5
- package/dist/{TileEditor-BGsJzhla.js → TileEditor-CCfwr32T.js} +978 -957
- package/dist/{TransitionFade-DwUHSMzp.js → TransitionFade-12cVfWgY.js} +6 -6
- package/dist/{app-C8LzWu40.js → app-Clip2uYf.js} +11 -11
- package/dist/app.js +1 -1
- package/dist/{vue-i18n-xbKIJVHs.js → vue-i18n-C1hP_yGq.js} +2 -2
- package/package.json +1 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { computed as x, defineComponent as Be, ref as k, onMounted as Ne, onBeforeUnmount as
|
|
2
|
-
import { W as
|
|
3
|
-
import { u as et, b as gt, a as an, h as
|
|
4
|
-
import { d as Xt, _ as
|
|
1
|
+
import { computed as x, defineComponent as Be, ref as k, onMounted as Ne, onBeforeUnmount as Ba, resolveComponent as Z, createBlock as he, openBlock as Y, Transition as Pa, withCtx as ce, createElementBlock as oe, createCommentVNode as Ve, createElementVNode as j, unref as d, normalizeStyle as $e, withModifiers as Bt, toDisplayString as Le, createVNode as K, Fragment as ke, renderList as it, normalizeClass as Qe, mergeModels as Ae, useModel as He, nextTick as Fe, watch as pe, renderSlot as Ue, h as Dt, toRaw as Ma, markRaw as Ra, createTextVNode as qt, onUnmounted as En, resolveDynamicComponent as za, withDirectives as Aa, vShow as Na } from "vue";
|
|
2
|
+
import { W as q, e as ct, f as Ha, S as je, v as vt, g as Wa, h as Ot, i as Un, q as qn, R as lt, j as Oa, D as Oe, c as we, C as Me, a as Ea, b as Ua, _ as qa } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Dmpc24i4.js";
|
|
3
|
+
import { u as et, b as gt, a as an, h as Xa } from "./vue-i18n-C1hP_yGq.js";
|
|
4
|
+
import { d as Xt, _ as Ya, a as Ga, b as ja, c as Ka } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BZUipGZh.js";
|
|
5
5
|
import { storeToRefs as Ee, defineStore as Xn } from "pinia";
|
|
6
|
-
import { C as
|
|
7
|
-
import { detectLocale as
|
|
8
|
-
import { t as
|
|
9
|
-
import { useBreakpoints as Yn, useSnackbar as on, components as
|
|
10
|
-
import { _ as
|
|
6
|
+
import { C as Ja } from "./chart-DDDh8zNk.js";
|
|
7
|
+
import { detectLocale as Za } from "@feedmepos/mf-common";
|
|
8
|
+
import { t as Qa, z as eo, a as to, e as no, d as st } from "./app-Clip2uYf.js";
|
|
9
|
+
import { useBreakpoints as Yn, useSnackbar as on, components as ao } from "@feedmepos/ui-library";
|
|
10
|
+
import { _ as oo } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BEm9iVWM.js";
|
|
11
11
|
import { r as Ke } from "./i18n-CI_sQ5d_.js";
|
|
12
|
-
import { _ as Yt } from "./NoData.vue_vue_type_script_setup_true_lang-
|
|
12
|
+
import { _ as Yt } from "./NoData.vue_vue_type_script_setup_true_lang-BwIUTmvY.js";
|
|
13
13
|
var Gt = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Gt || {}), Ge = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Ge || {}), jt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(jt || {}), Kt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Kt || {}), Jt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Jt || {}), Zt = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Zt || {}), Qt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Qt || {}), _e = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(_e || {});
|
|
14
|
-
|
|
15
|
-
const
|
|
14
|
+
q.Circular, q.Table, q.BarChart, q.LineChart, q.StackBarChart, q.ClusteredStackBarChart, q.StackLineChart, q.Scorecard, q.Spacer;
|
|
15
|
+
const ro = [
|
|
16
16
|
{
|
|
17
|
-
type:
|
|
17
|
+
type: q.Circular,
|
|
18
18
|
showLabel: !1,
|
|
19
19
|
// TODO: temporarily removed show label as it has no function
|
|
20
20
|
showDrillDimension: !0,
|
|
@@ -22,14 +22,14 @@ const oo = [
|
|
|
22
22
|
showSearchBar: !1
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
type:
|
|
25
|
+
type: q.Table,
|
|
26
26
|
showLabel: !1,
|
|
27
27
|
showDrillDimension: !0,
|
|
28
28
|
showRollup: !0,
|
|
29
29
|
showSearchBar: !0
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
type:
|
|
32
|
+
type: q.BarChart,
|
|
33
33
|
showLabel: !1,
|
|
34
34
|
// TODO: temporarily removed show label as it has no function
|
|
35
35
|
showDrillDimension: !0,
|
|
@@ -37,7 +37,7 @@ const oo = [
|
|
|
37
37
|
showSearchBar: !1
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
|
-
type:
|
|
40
|
+
type: q.LineChart,
|
|
41
41
|
showLabel: !1,
|
|
42
42
|
// TODO: temporarily removed show label as it has no function
|
|
43
43
|
showDrillDimension: !0,
|
|
@@ -45,7 +45,7 @@ const oo = [
|
|
|
45
45
|
showSearchBar: !1
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
type:
|
|
48
|
+
type: q.StackBarChart,
|
|
49
49
|
showLabel: !1,
|
|
50
50
|
// TODO: temporarily removed show label as it has no function
|
|
51
51
|
showDrillDimension: !0,
|
|
@@ -53,7 +53,7 @@ const oo = [
|
|
|
53
53
|
showSearchBar: !1
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
|
-
type:
|
|
56
|
+
type: q.ClusteredStackBarChart,
|
|
57
57
|
showLabel: !1,
|
|
58
58
|
// TODO: temporarily removed show label as it has no function
|
|
59
59
|
showDrillDimension: !0,
|
|
@@ -61,7 +61,7 @@ const oo = [
|
|
|
61
61
|
showSearchBar: !1
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
|
-
type:
|
|
64
|
+
type: q.StackLineChart,
|
|
65
65
|
showLabel: !1,
|
|
66
66
|
// TODO: temporarily removed show label as it has no function
|
|
67
67
|
showDrillDimension: !0,
|
|
@@ -69,14 +69,14 @@ const oo = [
|
|
|
69
69
|
showSearchBar: !1
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
|
-
type:
|
|
72
|
+
type: q.Scorecard,
|
|
73
73
|
showLabel: !1,
|
|
74
74
|
showDrillDimension: !1,
|
|
75
75
|
showRollup: !1,
|
|
76
76
|
showSearchBar: !1
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
|
-
type:
|
|
79
|
+
type: q.Spacer,
|
|
80
80
|
showLabel: !1,
|
|
81
81
|
showDrillDimension: !1,
|
|
82
82
|
showRollup: !1,
|
|
@@ -89,19 +89,19 @@ function Et(e) {
|
|
|
89
89
|
}
|
|
90
90
|
function lo(e, t) {
|
|
91
91
|
switch (e) {
|
|
92
|
-
case
|
|
93
|
-
case
|
|
94
|
-
case
|
|
95
|
-
case
|
|
96
|
-
case
|
|
92
|
+
case q.BarChart:
|
|
93
|
+
case q.LineChart:
|
|
94
|
+
case q.StackBarChart:
|
|
95
|
+
case q.ClusteredStackBarChart:
|
|
96
|
+
case q.StackLineChart:
|
|
97
97
|
return Array.isArray(t == null ? void 0 : t.datasets) && Array.isArray(t == null ? void 0 : t.xAxis) && t.datasets.length > 0 && t.xAxis.length > 0;
|
|
98
|
-
case
|
|
98
|
+
case q.Table:
|
|
99
99
|
return Array.isArray(t == null ? void 0 : t.rows) && Array.isArray(t == null ? void 0 : t.columns) && t.rows.length > 0 && t.columns.length > 0;
|
|
100
|
-
case
|
|
100
|
+
case q.Circular:
|
|
101
101
|
return Array.isArray(t == null ? void 0 : t.datasets) && t.datasets.length > 0;
|
|
102
|
-
case
|
|
102
|
+
case q.Scorecard:
|
|
103
103
|
return !0;
|
|
104
|
-
case
|
|
104
|
+
case q.Spacer:
|
|
105
105
|
return !0;
|
|
106
106
|
}
|
|
107
107
|
}
|
|
@@ -116,14 +116,14 @@ const Rt = [
|
|
|
116
116
|
"#50BE9B",
|
|
117
117
|
"#8358D4",
|
|
118
118
|
"#9B5046"
|
|
119
|
-
],
|
|
120
|
-
function
|
|
119
|
+
], bl = Rt.map(() => "solid");
|
|
120
|
+
function so(e) {
|
|
121
121
|
return e === "dashed" || e === "dotted" ? e : "solid";
|
|
122
122
|
}
|
|
123
|
-
function
|
|
123
|
+
function io(e, t = !1) {
|
|
124
124
|
if (e == null)
|
|
125
125
|
return t ? [5, 5] : void 0;
|
|
126
|
-
const n =
|
|
126
|
+
const n = so(e);
|
|
127
127
|
if (n === "dashed")
|
|
128
128
|
return [8, 6];
|
|
129
129
|
if (n === "dotted")
|
|
@@ -140,12 +140,12 @@ function Re({
|
|
|
140
140
|
const a = Number.isFinite(n) ? Number(n) : 0;
|
|
141
141
|
return a <= 0 ? e : t ? e >= a ? (e - a) % a : Math.max(0, (e - 1 + a) % a) : e % a;
|
|
142
142
|
}
|
|
143
|
-
const
|
|
143
|
+
const uo = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
|
|
144
144
|
function yt(e) {
|
|
145
145
|
if (!e)
|
|
146
146
|
return null;
|
|
147
147
|
const t = e.trim();
|
|
148
|
-
if (!
|
|
148
|
+
if (!uo.test(t))
|
|
149
149
|
return null;
|
|
150
150
|
if (t.length === 4) {
|
|
151
151
|
const [, n, o, a] = t;
|
|
@@ -153,7 +153,7 @@ function yt(e) {
|
|
|
153
153
|
}
|
|
154
154
|
return t.toUpperCase();
|
|
155
155
|
}
|
|
156
|
-
function
|
|
156
|
+
function co(e) {
|
|
157
157
|
const t = yt(e) ?? "#000000";
|
|
158
158
|
return {
|
|
159
159
|
red: Number.parseInt(t.slice(1, 3), 16),
|
|
@@ -165,7 +165,7 @@ function Gn(e) {
|
|
|
165
165
|
return !Array.isArray(e) || e.length === 0 ? Rt : Rt.map((t, n) => yt(e[n]) ?? t);
|
|
166
166
|
}
|
|
167
167
|
function jn(e, t) {
|
|
168
|
-
const { red: n, green: o, blue: a } =
|
|
168
|
+
const { red: n, green: o, blue: a } = co(e);
|
|
169
169
|
return `rgba(${n}, ${o}, ${a}, ${t})`;
|
|
170
170
|
}
|
|
171
171
|
function Dn(e, t) {
|
|
@@ -195,23 +195,23 @@ function bt({
|
|
|
195
195
|
}) {
|
|
196
196
|
if (!Array.isArray(t) || t.length === 0)
|
|
197
197
|
return n;
|
|
198
|
-
const o = t.map((
|
|
198
|
+
const o = t.map((l) => typeof l == "string" ? l.trim() : "").filter((l) => l.length > 0);
|
|
199
199
|
if (o.length === 0)
|
|
200
200
|
return n;
|
|
201
|
-
const a = typeof e == "string" ? e.trim() : "", s = a.toLowerCase(),
|
|
202
|
-
(
|
|
201
|
+
const a = typeof e == "string" ? e.trim() : "", s = a.toLowerCase(), r = " - ", b = a.lastIndexOf(r), S = (b >= 0 ? a.slice(0, b).trim() : a).toLowerCase(), F = o.findIndex(
|
|
202
|
+
(l) => l.toLowerCase() === S
|
|
203
203
|
);
|
|
204
204
|
if (F >= 0)
|
|
205
205
|
return F;
|
|
206
|
-
const D = o.findIndex((
|
|
207
|
-
const g =
|
|
206
|
+
const D = o.findIndex((l) => {
|
|
207
|
+
const g = l.toLowerCase();
|
|
208
208
|
return s.includes(g) || S.includes(g);
|
|
209
209
|
});
|
|
210
210
|
if (D >= 0)
|
|
211
211
|
return D;
|
|
212
|
-
const B = o.findIndex((
|
|
213
|
-
const g =
|
|
214
|
-
return a.split(
|
|
212
|
+
const B = o.findIndex((l) => {
|
|
213
|
+
const g = l.toLowerCase();
|
|
214
|
+
return a.split(r).map((y) => y.trim().toLowerCase()).some((y) => y === g);
|
|
215
215
|
});
|
|
216
216
|
return B >= 0 ? B : n % o.length;
|
|
217
217
|
}
|
|
@@ -222,11 +222,11 @@ function Ct({
|
|
|
222
222
|
isCompare: o,
|
|
223
223
|
opacity: a,
|
|
224
224
|
breakdownColors: s,
|
|
225
|
-
useSecondaryMetricShades:
|
|
225
|
+
useSecondaryMetricShades: r,
|
|
226
226
|
colorMode: b,
|
|
227
227
|
customColors: c
|
|
228
228
|
}) {
|
|
229
|
-
const S = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, F = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, D =
|
|
229
|
+
const S = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, F = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, D = r !== !1, T = e * S + F, B = b === "clustered" ? Rt : Gn(c), l = yt(s == null ? void 0 : s[e * S]) ?? B[e % B.length], g = D && F > 0 ? Dn(l, In(F)) : yt(s == null ? void 0 : s[T]) ?? (F > 0 ? Dn(l, In(F)) : l);
|
|
230
230
|
let y = typeof a == "number" ? a : 1;
|
|
231
231
|
return o && (y = y * 0.6), jn(g, y);
|
|
232
232
|
}
|
|
@@ -238,15 +238,15 @@ function Kn(e, t, n) {
|
|
|
238
238
|
const a = Number(o(e)), s = Number(o(t));
|
|
239
239
|
if (isNaN(a) || isNaN(s))
|
|
240
240
|
return null;
|
|
241
|
-
let
|
|
242
|
-
s === 0 ? a === 0 ?
|
|
243
|
-
const b =
|
|
241
|
+
let r = 0;
|
|
242
|
+
s === 0 ? a === 0 ? r = 0 : r = 1 : r = (a - s) / s;
|
|
243
|
+
const b = mo(r);
|
|
244
244
|
return {
|
|
245
|
-
value: isNaN(
|
|
245
|
+
value: isNaN(r) ? "" : `${(r * 100).toFixed(0)}%`,
|
|
246
246
|
icon: b
|
|
247
247
|
};
|
|
248
248
|
}
|
|
249
|
-
function
|
|
249
|
+
function mo(e) {
|
|
250
250
|
return e > 0 ? {
|
|
251
251
|
name: "moving",
|
|
252
252
|
color: "#1F7735",
|
|
@@ -297,7 +297,7 @@ function Jn(e) {
|
|
|
297
297
|
titleMarginBottom: 6
|
|
298
298
|
};
|
|
299
299
|
}
|
|
300
|
-
function
|
|
300
|
+
function fo() {
|
|
301
301
|
return {
|
|
302
302
|
...Jn(),
|
|
303
303
|
mode: "nearest",
|
|
@@ -305,13 +305,13 @@ function mo() {
|
|
|
305
305
|
usePointStyle: !0,
|
|
306
306
|
callbacks: {
|
|
307
307
|
label: (e) => {
|
|
308
|
-
const t = e.label || "", n = typeof e.parsed == "number" ? e.parsed : 0, a = (Array.isArray(e.dataset.data) ? e.dataset.data : []).reduce((
|
|
308
|
+
const t = e.label || "", n = typeof e.parsed == "number" ? e.parsed : 0, a = (Array.isArray(e.dataset.data) ? e.dataset.data : []).reduce((r, b) => r + Number(b || 0), 0), s = a > 0 ? (n / a * 100).toFixed(1) : "0.0";
|
|
309
309
|
return `${t}: ${n.toLocaleString()} (${s}%)`;
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
312
|
};
|
|
313
313
|
}
|
|
314
|
-
const
|
|
314
|
+
const po = "rgba(0, 0, 0, 0.3)";
|
|
315
315
|
function Vn(e) {
|
|
316
316
|
if (typeof document > "u" || typeof window > "u")
|
|
317
317
|
return;
|
|
@@ -324,10 +324,10 @@ function Vn(e) {
|
|
|
324
324
|
n && (n.__onViewportChange && (window.removeEventListener("scroll", n.__onViewportChange, !0), window.removeEventListener("resize", n.__onViewportChange)), n.remove());
|
|
325
325
|
}
|
|
326
326
|
function Ut(e, t, n, o) {
|
|
327
|
-
const { left: a, right: s, top:
|
|
328
|
-
e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle =
|
|
327
|
+
const { left: a, right: s, top: r, bottom: b } = n;
|
|
328
|
+
e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = po, e.setLineDash([5, 5]), t ? (e.moveTo(a, o), e.lineTo(s, o)) : (e.moveTo(o, r), e.lineTo(o, b)), e.stroke(), e.restore();
|
|
329
329
|
}
|
|
330
|
-
function
|
|
330
|
+
function ho(e, t) {
|
|
331
331
|
if (typeof document > "u")
|
|
332
332
|
return;
|
|
333
333
|
const n = String((e == null ? void 0 : e.id) ?? "");
|
|
@@ -341,30 +341,30 @@ function po(e, t) {
|
|
|
341
341
|
const a = Number(t ? o.dataset.caretY : o.dataset.caretX);
|
|
342
342
|
return Number.isFinite(a) ? a : void 0;
|
|
343
343
|
}
|
|
344
|
-
function
|
|
345
|
-
var
|
|
344
|
+
function vo(e, t, n) {
|
|
345
|
+
var l;
|
|
346
346
|
if (!n)
|
|
347
347
|
return;
|
|
348
|
-
const o = ((
|
|
348
|
+
const o = ((l = e.options) == null ? void 0 : l.indexAxis) === "y", a = e.tooltip, s = (a == null ? void 0 : a.getActiveElements()) ?? [];
|
|
349
349
|
if (s.length === 0) {
|
|
350
|
-
const g =
|
|
350
|
+
const g = ho(e, o);
|
|
351
351
|
g !== void 0 && Ut(e.ctx, o, e.chartArea, g);
|
|
352
352
|
return;
|
|
353
353
|
}
|
|
354
|
-
const
|
|
355
|
-
if (!
|
|
354
|
+
const r = e.scales.x, b = e.scales.y;
|
|
355
|
+
if (!r || !b)
|
|
356
356
|
return;
|
|
357
357
|
const c = s[0];
|
|
358
358
|
if (!c)
|
|
359
359
|
return;
|
|
360
360
|
if (t === "bar") {
|
|
361
|
-
const y = (o ? b :
|
|
361
|
+
const y = (o ? b : r).getPixelForValue(c.index);
|
|
362
362
|
Ut(e.ctx, o, e.chartArea, y);
|
|
363
363
|
return;
|
|
364
364
|
}
|
|
365
365
|
if (!c.element)
|
|
366
366
|
return;
|
|
367
|
-
const S = c.element, F = o ? b :
|
|
367
|
+
const S = c.element, F = o ? b : r, D = o ? S.y : S.x, T = F.getPixelForValue(c.index), B = D ?? T;
|
|
368
368
|
Ut(e.ctx, o, e.chartArea, B);
|
|
369
369
|
}
|
|
370
370
|
function wt(e) {
|
|
@@ -372,7 +372,7 @@ function wt(e) {
|
|
|
372
372
|
return {
|
|
373
373
|
id: "crosshair",
|
|
374
374
|
afterDatasetsDraw: (o) => {
|
|
375
|
-
|
|
375
|
+
vo(o, e, n);
|
|
376
376
|
},
|
|
377
377
|
afterEvent: (o, a) => {
|
|
378
378
|
n = a.inChartArea === !0;
|
|
@@ -393,28 +393,28 @@ function wt(e) {
|
|
|
393
393
|
}
|
|
394
394
|
};
|
|
395
395
|
}
|
|
396
|
-
const
|
|
397
|
-
"en-US":
|
|
398
|
-
"zh-CN":
|
|
399
|
-
"zh-Hant":
|
|
400
|
-
"th-TH":
|
|
396
|
+
const go = Number.POSITIVE_INFINITY, en = 2, yo = 20, bo = 0.2, Co = 120, ht = {
|
|
397
|
+
"en-US": no.report.widget.comparisonTooltip.viewBreakdown,
|
|
398
|
+
"zh-CN": to.report.widget.comparisonTooltip.viewBreakdown,
|
|
399
|
+
"zh-Hant": eo.report.widget.comparisonTooltip.viewBreakdown,
|
|
400
|
+
"th-TH": Qa.report.widget.comparisonTooltip.viewBreakdown
|
|
401
401
|
};
|
|
402
402
|
function Zn() {
|
|
403
|
-
const e =
|
|
403
|
+
const e = Za();
|
|
404
404
|
return e in ht ? ht[e] : e.startsWith("zh") ? ht["zh-CN"] : e.startsWith("th") ? ht["th-TH"] : ht["en-US"];
|
|
405
405
|
}
|
|
406
|
-
function
|
|
406
|
+
function wo(e) {
|
|
407
407
|
return typeof e != "string" ? [] : e.split("#").map((t) => t.trim()).filter((t) => t.length > 0);
|
|
408
408
|
}
|
|
409
|
-
function
|
|
409
|
+
function xo(e) {
|
|
410
410
|
return Reflect.get(e, "dash") === !0 || Reflect.get(e, "isCompare") === !0;
|
|
411
411
|
}
|
|
412
|
-
function
|
|
412
|
+
function rn(e, t) {
|
|
413
413
|
const n = e.parsed, o = t ? n.x : n.y, a = t ? n.y : n.x, s = o ?? a;
|
|
414
414
|
return typeof s == "number" ? s : Number(s);
|
|
415
415
|
}
|
|
416
416
|
function Qn(e, t) {
|
|
417
|
-
const n = ea(e), o =
|
|
417
|
+
const n = ea(e), o = rn(e, t);
|
|
418
418
|
return `${n}: ${o.toLocaleString()}`;
|
|
419
419
|
}
|
|
420
420
|
function ea(e) {
|
|
@@ -424,7 +424,7 @@ function ea(e) {
|
|
|
424
424
|
const n = Reflect.get(e.dataset, "label");
|
|
425
425
|
return typeof n == "string" ? n : "";
|
|
426
426
|
}
|
|
427
|
-
function
|
|
427
|
+
function So(e) {
|
|
428
428
|
return e.trim().toLowerCase();
|
|
429
429
|
}
|
|
430
430
|
function $n(e) {
|
|
@@ -437,20 +437,20 @@ function It(e, t) {
|
|
|
437
437
|
return typeof n == "string" ? n : void 0;
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
|
-
function
|
|
440
|
+
function _o(e) {
|
|
441
441
|
if (typeof e != "string") return "#9ca3af";
|
|
442
442
|
const t = e.trim();
|
|
443
443
|
return /^[-#(),.%\sa-zA-Z0-9]+$/.test(t) ? t : "#9ca3af";
|
|
444
444
|
}
|
|
445
|
-
function
|
|
445
|
+
function ko(e) {
|
|
446
446
|
const t = e.replace(/\s+/g, "").toLowerCase();
|
|
447
447
|
return !!(t === "transparent" || /^rgba\([^)]*,0(?:\.0+)?\)$/.test(t) || /^hsla\([^)]*,0(?:\.0+)?\)$/.test(t) || t === "#0000" || t === "#00000000");
|
|
448
448
|
}
|
|
449
449
|
function Bn(...e) {
|
|
450
450
|
for (const t of e) {
|
|
451
451
|
if (!t) continue;
|
|
452
|
-
const n =
|
|
453
|
-
if (!
|
|
452
|
+
const n = _o(t);
|
|
453
|
+
if (!ko(n))
|
|
454
454
|
return n;
|
|
455
455
|
}
|
|
456
456
|
return "#9ca3af";
|
|
@@ -460,35 +460,35 @@ function ta(e) {
|
|
|
460
460
|
const t = e.dataset;
|
|
461
461
|
return Reflect.get(t, "type") === "bar" ? !0 : ((a = (o = e.chart) == null ? void 0 : o.config) == null ? void 0 : a.type) === "bar";
|
|
462
462
|
}
|
|
463
|
-
function
|
|
463
|
+
function To(e) {
|
|
464
464
|
const t = e.dataset, n = typeof e.dataIndex == "number" ? e.dataIndex : 0, o = It(Reflect.get(t, "borderColor"), n), a = It(Reflect.get(t, "backgroundColor"), n), s = Reflect.get(
|
|
465
465
|
e.element,
|
|
466
466
|
"options"
|
|
467
|
-
),
|
|
467
|
+
), r = It(
|
|
468
468
|
Reflect.get(s ?? {}, "borderColor"),
|
|
469
469
|
n
|
|
470
470
|
), b = It(
|
|
471
471
|
Reflect.get(s ?? {}, "backgroundColor"),
|
|
472
472
|
n
|
|
473
473
|
);
|
|
474
|
-
return ta(e) ? Bn(a, b, o,
|
|
474
|
+
return ta(e) ? Bn(a, b, o, r) : Bn(o, r, a, b);
|
|
475
475
|
}
|
|
476
476
|
function tn(e) {
|
|
477
477
|
return e.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/\"/g, """).replace(/'/g, "'");
|
|
478
478
|
}
|
|
479
|
-
function
|
|
479
|
+
function Lo(e) {
|
|
480
480
|
return e === 1 ? "store" : "stores";
|
|
481
481
|
}
|
|
482
|
-
function
|
|
483
|
-
return `Others (${t} ${
|
|
482
|
+
function Fo(e, t) {
|
|
483
|
+
return `Others (${t} ${Lo(t)}): ${e.toLocaleString()}`;
|
|
484
484
|
}
|
|
485
|
-
function
|
|
485
|
+
function Do(e) {
|
|
486
486
|
const t = typeof e == "number" ? e : typeof e == "string" ? Number(e) : Number.NaN;
|
|
487
|
-
return Number.isFinite(t) ? Math.max(en, Math.floor(t)) :
|
|
487
|
+
return Number.isFinite(t) ? Math.max(en, Math.floor(t)) : go;
|
|
488
488
|
}
|
|
489
|
-
function
|
|
489
|
+
function ln(e) {
|
|
490
490
|
return {
|
|
491
|
-
maxTooltipItems:
|
|
491
|
+
maxTooltipItems: Do(e == null ? void 0 : e.maxTooltipItems)
|
|
492
492
|
};
|
|
493
493
|
}
|
|
494
494
|
function Pn(e) {
|
|
@@ -504,7 +504,7 @@ function Pn(e) {
|
|
|
504
504
|
function zt(e) {
|
|
505
505
|
return Object.entries(e).map(([t, n]) => `${t}:${n}`).join(";");
|
|
506
506
|
}
|
|
507
|
-
const
|
|
507
|
+
const Io = zt({
|
|
508
508
|
display: "block",
|
|
509
509
|
"margin-top": "8px",
|
|
510
510
|
padding: "0",
|
|
@@ -516,12 +516,12 @@ const Do = zt({
|
|
|
516
516
|
cursor: "pointer",
|
|
517
517
|
"text-align": "left",
|
|
518
518
|
"pointer-events": "auto"
|
|
519
|
-
}),
|
|
519
|
+
}), Vo = {
|
|
520
520
|
"font-size": "12px",
|
|
521
521
|
"font-weight": "600",
|
|
522
522
|
color: "#111827",
|
|
523
523
|
"text-align": "left"
|
|
524
|
-
},
|
|
524
|
+
}, $o = zt({
|
|
525
525
|
display: "flex",
|
|
526
526
|
"align-items": "center",
|
|
527
527
|
"font-size": "12px",
|
|
@@ -530,7 +530,7 @@ const Do = zt({
|
|
|
530
530
|
"text-align": "left",
|
|
531
531
|
"line-height": "1.35",
|
|
532
532
|
margin: "0 0 3px"
|
|
533
|
-
}),
|
|
533
|
+
}), Bo = {
|
|
534
534
|
display: "inline-block",
|
|
535
535
|
width: "10px",
|
|
536
536
|
height: "10px",
|
|
@@ -539,7 +539,7 @@ const Do = zt({
|
|
|
539
539
|
"box-sizing": "border-box",
|
|
540
540
|
"margin-right": "8px",
|
|
541
541
|
flex: "0 0 auto"
|
|
542
|
-
},
|
|
542
|
+
}, Po = {
|
|
543
543
|
display: "inline-block",
|
|
544
544
|
width: "10px",
|
|
545
545
|
height: "10px",
|
|
@@ -550,38 +550,38 @@ const Do = zt({
|
|
|
550
550
|
"margin-right": "8px",
|
|
551
551
|
flex: "0 0 auto"
|
|
552
552
|
};
|
|
553
|
-
function
|
|
553
|
+
function Mo(e) {
|
|
554
554
|
return zt({
|
|
555
|
-
...
|
|
555
|
+
...Vo,
|
|
556
556
|
margin: `${e ? "8px" : "0"} 0 4px`
|
|
557
557
|
});
|
|
558
558
|
}
|
|
559
|
-
function
|
|
559
|
+
function Ro(e, t) {
|
|
560
560
|
return zt({
|
|
561
|
-
...e ?
|
|
561
|
+
...e ? Bo : Po,
|
|
562
562
|
background: t
|
|
563
563
|
});
|
|
564
564
|
}
|
|
565
|
-
function
|
|
566
|
-
return `<button type="button" data-tooltip-full-details="true" style="${
|
|
565
|
+
function zo(e) {
|
|
566
|
+
return `<button type="button" data-tooltip-full-details="true" style="${Io}">${tn(e)}</button>`;
|
|
567
567
|
}
|
|
568
568
|
function na(e, t, n, o, a) {
|
|
569
569
|
var f;
|
|
570
|
-
const s = (f = e[0]) == null ? void 0 : f.label,
|
|
570
|
+
const s = (f = e[0]) == null ? void 0 : f.label, r = wo(s), b = r[0] ?? (s == null ? "" : String(s)), c = r[1], S = [], F = [];
|
|
571
571
|
e.forEach((m) => {
|
|
572
572
|
const u = m.dataset ?? {}, p = m.datasetIndex >= 0 && m.dataIndex >= 0 ? {
|
|
573
573
|
datasetIndex: m.datasetIndex,
|
|
574
574
|
dataIndex: m.dataIndex
|
|
575
575
|
} : void 0, $ = ea(m), P = {
|
|
576
576
|
text: Qn(m, t),
|
|
577
|
-
color:
|
|
577
|
+
color: To(m),
|
|
578
578
|
isBar: ta(m),
|
|
579
|
-
value:
|
|
579
|
+
value: rn(m, t),
|
|
580
580
|
datasetLabel: $,
|
|
581
|
-
matchingKey:
|
|
581
|
+
matchingKey: So($),
|
|
582
582
|
focusTarget: p
|
|
583
583
|
};
|
|
584
|
-
if (c &&
|
|
584
|
+
if (c && xo(u)) {
|
|
585
585
|
F.push(P);
|
|
586
586
|
return;
|
|
587
587
|
}
|
|
@@ -599,12 +599,12 @@ function na(e, t, n, o, a) {
|
|
|
599
599
|
const B = c ? D.map((m) => {
|
|
600
600
|
const u = T.get(m.matchingKey);
|
|
601
601
|
return !u || u.length === 0 ? Pn(m) : u.shift() ?? Pn(m);
|
|
602
|
-
}) : [],
|
|
603
|
-
const u =
|
|
604
|
-
return `<div style="${
|
|
602
|
+
}) : [], l = S.length > D.length || F.length > B.length, g = (m, u = !1) => `<div style="${Mo(u)}">${tn(m)}</div>`, y = (m) => {
|
|
603
|
+
const u = Ro(m.isBar, m.color);
|
|
604
|
+
return `<div style="${$o}"><span style="${u}"></span><span>${tn(m.text)}</span></div>`;
|
|
605
605
|
};
|
|
606
606
|
let w = "";
|
|
607
|
-
b.length > 0 && (w += g(b)), w += D.map((m) => y(m)).join(""), c && B.length > 0 && (w += g(c, w.length > 0), w += B.map((m) => y(m)).join("")), a &&
|
|
607
|
+
b.length > 0 && (w += g(b)), w += D.map((m) => y(m)).join(""), c && B.length > 0 && (w += g(c, w.length > 0), w += B.map((m) => y(m)).join("")), a && l && (w += zo(n));
|
|
608
608
|
const h = [
|
|
609
609
|
{
|
|
610
610
|
title: b,
|
|
@@ -618,23 +618,23 @@ function na(e, t, n, o, a) {
|
|
|
618
618
|
return {
|
|
619
619
|
html: w,
|
|
620
620
|
detailsPayload: { sections: h },
|
|
621
|
-
hasCollapsedValues:
|
|
621
|
+
hasCollapsedValues: l
|
|
622
622
|
};
|
|
623
623
|
}
|
|
624
624
|
function Mn(e) {
|
|
625
|
-
return e.scrollHeight - e.clientHeight >
|
|
625
|
+
return e.scrollHeight - e.clientHeight > yo;
|
|
626
626
|
}
|
|
627
627
|
function Vt(e, t, n, o, a, s) {
|
|
628
|
-
const
|
|
628
|
+
const r = na(
|
|
629
629
|
t,
|
|
630
630
|
n,
|
|
631
631
|
o,
|
|
632
632
|
a,
|
|
633
633
|
s
|
|
634
634
|
);
|
|
635
|
-
return e.innerHTML !==
|
|
635
|
+
return e.innerHTML !== r.html && (e.innerHTML = r.html, jo(e)), r;
|
|
636
636
|
}
|
|
637
|
-
function
|
|
637
|
+
function Ao(e, t, n, o, a, s) {
|
|
638
638
|
if (Number.isFinite(a))
|
|
639
639
|
return {
|
|
640
640
|
markup: Vt(
|
|
@@ -647,21 +647,21 @@ function zo(e, t, n, o, a, s) {
|
|
|
647
647
|
),
|
|
648
648
|
maxTooltipItems: a
|
|
649
649
|
};
|
|
650
|
-
const
|
|
651
|
-
let b =
|
|
650
|
+
const r = Math.max(en, t.length);
|
|
651
|
+
let b = r, c = Vt(
|
|
652
652
|
e,
|
|
653
653
|
t,
|
|
654
654
|
n,
|
|
655
655
|
o,
|
|
656
|
-
|
|
656
|
+
r,
|
|
657
657
|
s
|
|
658
658
|
);
|
|
659
659
|
if (!Mn(e))
|
|
660
660
|
return {
|
|
661
661
|
markup: c,
|
|
662
|
-
maxTooltipItems:
|
|
662
|
+
maxTooltipItems: r
|
|
663
663
|
};
|
|
664
|
-
let S = en, F =
|
|
664
|
+
let S = en, F = r;
|
|
665
665
|
for (; S <= F; ) {
|
|
666
666
|
const T = Math.floor((S + F) / 2), B = Vt(
|
|
667
667
|
e,
|
|
@@ -678,7 +678,7 @@ function zo(e, t, n, o, a, s) {
|
|
|
678
678
|
b = T, c = B, S = T + 1;
|
|
679
679
|
}
|
|
680
680
|
return {
|
|
681
|
-
markup: b ===
|
|
681
|
+
markup: b === r ? c : Vt(
|
|
682
682
|
e,
|
|
683
683
|
t,
|
|
684
684
|
n,
|
|
@@ -692,7 +692,7 @@ function zo(e, t, n, o, a, s) {
|
|
|
692
692
|
function Rn(e, t) {
|
|
693
693
|
const n = Math.max(0, Math.min(1, t)), o = e.trim();
|
|
694
694
|
if (o.startsWith("#")) {
|
|
695
|
-
const
|
|
695
|
+
const r = o.slice(1), b = r.length === 3 ? `${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}` : r.length === 4 ? `${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}` : r.length >= 6 ? r.slice(0, 6) : "";
|
|
696
696
|
if (/^[0-9a-fA-F]{6}$/.test(b)) {
|
|
697
697
|
const c = Number.parseInt(b.slice(0, 2), 16), S = Number.parseInt(b.slice(2, 4), 16), F = Number.parseInt(b.slice(4, 6), 16);
|
|
698
698
|
return `rgba(${c}, ${S}, ${F}, ${n})`;
|
|
@@ -700,17 +700,17 @@ function Rn(e, t) {
|
|
|
700
700
|
}
|
|
701
701
|
const a = o.match(/^rgba?\(([^)]+)\)$/i);
|
|
702
702
|
if (a) {
|
|
703
|
-
const
|
|
704
|
-
if (
|
|
705
|
-
const [b, c, S] =
|
|
703
|
+
const r = a[1].split(",").map((b) => b.trim());
|
|
704
|
+
if (r.length >= 3) {
|
|
705
|
+
const [b, c, S] = r;
|
|
706
706
|
return `rgba(${b}, ${c}, ${S}, ${n})`;
|
|
707
707
|
}
|
|
708
708
|
}
|
|
709
709
|
const s = o.match(/^hsla?\(([^)]+)\)$/i);
|
|
710
710
|
if (s) {
|
|
711
|
-
const
|
|
712
|
-
if (
|
|
713
|
-
const [b, c, S] =
|
|
711
|
+
const r = s[1].split(",").map((b) => b.trim());
|
|
712
|
+
if (r.length >= 3) {
|
|
713
|
+
const [b, c, S] = r;
|
|
714
714
|
return `hsla(${b}, ${c}, ${S}, ${n})`;
|
|
715
715
|
}
|
|
716
716
|
}
|
|
@@ -721,7 +721,7 @@ function $t(e, t) {
|
|
|
721
721
|
(n) => typeof n == "string" ? Rn(n, t) : n
|
|
722
722
|
) : e;
|
|
723
723
|
}
|
|
724
|
-
function
|
|
724
|
+
function No(e) {
|
|
725
725
|
e.__tooltipOriginalStyle || (e.__tooltipOriginalStyle = {
|
|
726
726
|
borderColor: Reflect.get(e, "borderColor"),
|
|
727
727
|
backgroundColor: Reflect.get(e, "backgroundColor"),
|
|
@@ -729,11 +729,11 @@ function Ao(e) {
|
|
|
729
729
|
pointBackgroundColor: Reflect.get(e, "pointBackgroundColor")
|
|
730
730
|
});
|
|
731
731
|
}
|
|
732
|
-
function
|
|
732
|
+
function Ho(e) {
|
|
733
733
|
const t = e.__tooltipOriginalStyle;
|
|
734
734
|
t && (Reflect.set(e, "borderColor", t.borderColor), Reflect.set(e, "backgroundColor", t.backgroundColor), Reflect.set(e, "pointBorderColor", t.pointBorderColor), Reflect.set(e, "pointBackgroundColor", t.pointBackgroundColor));
|
|
735
735
|
}
|
|
736
|
-
function
|
|
736
|
+
function Wo(e, t) {
|
|
737
737
|
const n = e.__tooltipOriginalStyle;
|
|
738
738
|
n && (Reflect.set(e, "borderColor", $t(n.borderColor, t)), Reflect.set(e, "backgroundColor", $t(n.backgroundColor, t)), Reflect.set(e, "pointBorderColor", $t(n.pointBorderColor, t)), Reflect.set(
|
|
739
739
|
e,
|
|
@@ -758,7 +758,7 @@ function Pt(e, t) {
|
|
|
758
758
|
if (n.length !== 0) {
|
|
759
759
|
if (n.forEach((o, a) => {
|
|
760
760
|
const s = o;
|
|
761
|
-
|
|
761
|
+
No(s), !t || a === t.datasetIndex ? Ho(s) : Wo(s, bo);
|
|
762
762
|
}), typeof e.setActiveElements == "function")
|
|
763
763
|
try {
|
|
764
764
|
t ? e.setActiveElements([
|
|
@@ -777,7 +777,7 @@ function Pt(e, t) {
|
|
|
777
777
|
}
|
|
778
778
|
}
|
|
779
779
|
}
|
|
780
|
-
function
|
|
780
|
+
function Oo(e) {
|
|
781
781
|
const t = e, n = t == null ? void 0 : t.chart;
|
|
782
782
|
if (nn(n))
|
|
783
783
|
return n;
|
|
@@ -787,23 +787,23 @@ function Wo(e) {
|
|
|
787
787
|
const a = o.querySelector("canvas");
|
|
788
788
|
if (!(a instanceof HTMLCanvasElement))
|
|
789
789
|
return null;
|
|
790
|
-
const s =
|
|
790
|
+
const s = Ja.getChart(a);
|
|
791
791
|
return nn(s) ? s : null;
|
|
792
792
|
}
|
|
793
|
-
function
|
|
793
|
+
function Eo(e) {
|
|
794
794
|
const t = window.getComputedStyle(e);
|
|
795
795
|
return [t.overflow, t.overflowX, t.overflowY].some((o) => o !== "visible");
|
|
796
796
|
}
|
|
797
797
|
function sn(e) {
|
|
798
798
|
let t = e.parentElement ?? e, n = t;
|
|
799
799
|
for (; n && n.parentElement && n.parentElement !== document.body && n.parentElement !== document.documentElement; )
|
|
800
|
-
|
|
800
|
+
Eo(n) && (t = n.parentElement), n = n.parentElement;
|
|
801
801
|
return window.getComputedStyle(t).position === "static" && (t.style.position = "relative"), t;
|
|
802
802
|
}
|
|
803
|
-
function un(e, t, n, o, a, s,
|
|
804
|
-
const c = t.getBoundingClientRect(), S = n.getBoundingClientRect(), F = n.scrollLeft, D = n.scrollTop, T = n.clientWidth, B = n.clientHeight,
|
|
805
|
-
(!Number.isFinite(
|
|
806
|
-
const y =
|
|
803
|
+
function un(e, t, n, o, a, s, r = "center", b = !1) {
|
|
804
|
+
const c = t.getBoundingClientRect(), S = n.getBoundingClientRect(), F = n.scrollLeft, D = n.scrollTop, T = n.clientWidth, B = n.clientHeight, l = e;
|
|
805
|
+
(!Number.isFinite(l.__cachedWidth) || !Number.isFinite(l.__cachedHeight) || l.__measurementHostWidth !== T || l.__measurementHostHeight !== B) && (l.__cachedWidth = e.offsetWidth, l.__cachedHeight = e.offsetHeight, l.__measurementHostWidth = T, l.__measurementHostHeight = B);
|
|
806
|
+
const y = l.__cachedWidth ?? e.offsetWidth, w = l.__cachedHeight ?? e.offsetHeight, h = 8, f = c.left - S.left + F + o, m = c.top - S.top + D + a, u = b ? r === "left" ? f - y - h : f + h : r === "left" ? f - y - h : r === "right" ? f + h : f - y / 2, p = b ? m + h : s ? m - w / 2 : m + h, $ = F + h;
|
|
807
807
|
let P = D + h;
|
|
808
808
|
const L = document.querySelector('[data-menu-tab="true"]');
|
|
809
809
|
if (L) {
|
|
@@ -817,39 +817,39 @@ function un(e, t, n, o, a, s, l = "center", b = !1) {
|
|
|
817
817
|
P,
|
|
818
818
|
D + B - w - h
|
|
819
819
|
), I = Math.round(Math.min(Math.max($, u), A)), V = Math.round(Math.min(Math.max(P, p), M));
|
|
820
|
-
|
|
820
|
+
l.__lastLeftPx === I && l.__lastTopPx === V || (l.__lastLeftPx = I, l.__lastTopPx = V, e.style.left = `${I}px`, e.style.top = `${V}px`);
|
|
821
821
|
}
|
|
822
822
|
function aa(e) {
|
|
823
823
|
return e.dataset.anchorDirection === "left" ? "left" : e.dataset.anchorDirection === "right" ? "right" : "center";
|
|
824
824
|
}
|
|
825
|
-
function
|
|
825
|
+
function Uo(e, t, n, o, a, s, r) {
|
|
826
826
|
const b = t.getBoundingClientRect(), c = o - b.left, S = a - b.top;
|
|
827
|
-
!Number.isFinite(c) || !Number.isFinite(S) || (e.dataset.cursorCanvasX = String(c), e.dataset.cursorCanvasY = String(S), e.dataset.caretX = String(c), e.dataset.caretY = String(S), e.dataset.anchorDirection =
|
|
827
|
+
!Number.isFinite(c) || !Number.isFinite(S) || (e.dataset.cursorCanvasX = String(c), e.dataset.cursorCanvasY = String(S), e.dataset.caretX = String(c), e.dataset.caretY = String(S), e.dataset.anchorDirection = r, un(
|
|
828
828
|
e,
|
|
829
829
|
t,
|
|
830
830
|
n,
|
|
831
831
|
c,
|
|
832
832
|
S,
|
|
833
833
|
s,
|
|
834
|
-
|
|
834
|
+
r,
|
|
835
835
|
!0
|
|
836
836
|
));
|
|
837
837
|
}
|
|
838
|
-
function
|
|
838
|
+
function qo(e) {
|
|
839
839
|
const t = document.createElement("div");
|
|
840
840
|
return t.id = e, t.dataset.comparisonTooltip = "true", t.style.background = "linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.66))", t.style.border = "1px solid rgba(255, 255, 255, 0.58)", t.style.borderRadius = "10px", t.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.18)", t.style.color = "#111827", t.style.left = "0", t.style.opacity = "0", t.style.maxHeight = "calc(100% - 16px)", t.style.maxWidth = "min(360px, calc(100% - 16px))", t.style.overflow = "hidden", t.style.padding = "8px 10px", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.textAlign = "left", t.style.top = "0", t.style.transform = "none", t.style.willChange = "left, top", t.style.whiteSpace = "normal", t.style.wordBreak = "break-word", t.style.zIndex = "10", t;
|
|
841
841
|
}
|
|
842
|
-
function
|
|
842
|
+
function Xo(e) {
|
|
843
843
|
e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
|
|
844
844
|
}
|
|
845
|
-
function
|
|
846
|
-
xt(e), oa(e),
|
|
845
|
+
function Yo(e, t) {
|
|
846
|
+
xt(e), oa(e), Xo(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), t && e.__onCanvasPointerEnter && t.removeEventListener("pointerenter", e.__onCanvasPointerEnter), t && e.__onCanvasPointerMove && t.removeEventListener("pointermove", e.__onCanvasPointerMove), t && e.__onCanvasPointerLeave && t.removeEventListener("pointerleave", e.__onCanvasPointerLeave), t && e.__onCanvasClick && t.removeEventListener("click", e.__onCanvasClick), t && e.__onCanvasPointerUp && t.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
|
|
847
847
|
}
|
|
848
|
-
function
|
|
848
|
+
function Go(e, t, n) {
|
|
849
849
|
Array.from(
|
|
850
850
|
e.querySelectorAll('[data-comparison-tooltip="true"]')
|
|
851
851
|
).forEach((a) => {
|
|
852
|
-
a.id !== t &&
|
|
852
|
+
a.id !== t && Yo(a, n);
|
|
853
853
|
});
|
|
854
854
|
}
|
|
855
855
|
function xt(e) {
|
|
@@ -858,22 +858,22 @@ function xt(e) {
|
|
|
858
858
|
function oa(e) {
|
|
859
859
|
typeof e.__cursorRafId == "number" && (window.cancelAnimationFrame(e.__cursorRafId), e.__cursorRafId = void 0);
|
|
860
860
|
}
|
|
861
|
-
function
|
|
861
|
+
function jo(e) {
|
|
862
862
|
e.__cachedWidth = void 0, e.__cachedHeight = void 0, e.__measurementHostWidth = void 0, e.__measurementHostHeight = void 0;
|
|
863
863
|
}
|
|
864
864
|
function zn(e, t, n, o, a) {
|
|
865
865
|
e.__pendingCursorClientX = o, e.__pendingCursorClientY = a, typeof e.__cursorRafId != "number" && (e.__cursorRafId = window.requestAnimationFrame(() => {
|
|
866
866
|
e.__cursorRafId = void 0;
|
|
867
|
-
const s = e.__pendingCursorClientX,
|
|
868
|
-
if (e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, !Number.isFinite(s) || !Number.isFinite(
|
|
867
|
+
const s = e.__pendingCursorClientX, r = e.__pendingCursorClientY;
|
|
868
|
+
if (e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, !Number.isFinite(s) || !Number.isFinite(r))
|
|
869
869
|
return;
|
|
870
870
|
const b = sn(t);
|
|
871
|
-
e.parentElement !== b && b.appendChild(e),
|
|
871
|
+
e.parentElement !== b && b.appendChild(e), Uo(
|
|
872
872
|
e,
|
|
873
873
|
t,
|
|
874
874
|
b,
|
|
875
875
|
s,
|
|
876
|
-
|
|
876
|
+
r,
|
|
877
877
|
n,
|
|
878
878
|
aa(e)
|
|
879
879
|
);
|
|
@@ -882,20 +882,20 @@ function zn(e, t, n, o, a) {
|
|
|
882
882
|
function Ze(e, t) {
|
|
883
883
|
xt(e), oa(e), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", Pt(t);
|
|
884
884
|
}
|
|
885
|
-
function An(e, t, n =
|
|
885
|
+
function An(e, t, n = Co) {
|
|
886
886
|
e.__isTooltipHovered || (xt(e), e.__hideTimeoutId = window.setTimeout(() => {
|
|
887
887
|
e.__isTooltipHovered || Ze(e, t);
|
|
888
888
|
}, n));
|
|
889
889
|
}
|
|
890
|
-
function
|
|
891
|
-
const { maxTooltipItems: s } =
|
|
892
|
-
e.__onCanvasPointerEnter || (e.__onCanvasPointerEnter = (
|
|
890
|
+
function Ko(e, t, n, o, a) {
|
|
891
|
+
const { maxTooltipItems: s } = ln(a);
|
|
892
|
+
e.__onCanvasPointerEnter || (e.__onCanvasPointerEnter = (r) => {
|
|
893
893
|
if (zn(
|
|
894
894
|
e,
|
|
895
895
|
t,
|
|
896
896
|
o,
|
|
897
|
-
|
|
898
|
-
|
|
897
|
+
r.clientX,
|
|
898
|
+
r.clientY
|
|
899
899
|
), typeof (n == null ? void 0 : n.update) == "function")
|
|
900
900
|
try {
|
|
901
901
|
n.update("none");
|
|
@@ -904,13 +904,13 @@ function jo(e, t, n, o, a) {
|
|
|
904
904
|
}
|
|
905
905
|
}, t.addEventListener("pointerenter", e.__onCanvasPointerEnter, {
|
|
906
906
|
passive: !0
|
|
907
|
-
})), e.__onCanvasPointerMove || (e.__onCanvasPointerMove = (
|
|
907
|
+
})), e.__onCanvasPointerMove || (e.__onCanvasPointerMove = (r) => {
|
|
908
908
|
zn(
|
|
909
909
|
e,
|
|
910
910
|
t,
|
|
911
911
|
o,
|
|
912
|
-
|
|
913
|
-
|
|
912
|
+
r.clientX,
|
|
913
|
+
r.clientY
|
|
914
914
|
);
|
|
915
915
|
}, t.addEventListener("pointermove", e.__onCanvasPointerMove, {
|
|
916
916
|
passive: !0
|
|
@@ -918,7 +918,7 @@ function jo(e, t, n, o, a) {
|
|
|
918
918
|
Ze(e, n);
|
|
919
919
|
}, t.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
|
|
920
920
|
passive: !0
|
|
921
|
-
})), e.__onCanvasClick || (e.__onCanvasClick = (
|
|
921
|
+
})), e.__onCanvasClick || (e.__onCanvasClick = (r) => {
|
|
922
922
|
var y, w;
|
|
923
923
|
if (!(a != null && a.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
|
|
924
924
|
return;
|
|
@@ -942,13 +942,13 @@ function jo(e, t, n, o, a) {
|
|
|
942
942
|
return;
|
|
943
943
|
const F = S.call(
|
|
944
944
|
n,
|
|
945
|
-
|
|
945
|
+
r,
|
|
946
946
|
"nearest",
|
|
947
947
|
{ intersect: !0 },
|
|
948
948
|
!1
|
|
949
949
|
), D = S.call(
|
|
950
950
|
n,
|
|
951
|
-
|
|
951
|
+
r,
|
|
952
952
|
"index",
|
|
953
953
|
{ intersect: !1 },
|
|
954
954
|
!1
|
|
@@ -957,12 +957,12 @@ function jo(e, t, n, o, a) {
|
|
|
957
957
|
).map((h) => ({ datasetIndex: h.datasetIndex, index: h.index }));
|
|
958
958
|
if (B.length === 0)
|
|
959
959
|
return;
|
|
960
|
-
const
|
|
961
|
-
if (typeof (
|
|
960
|
+
const l = n == null ? void 0 : n.tooltip;
|
|
961
|
+
if (typeof (l == null ? void 0 : l.setActiveElements) != "function")
|
|
962
962
|
return;
|
|
963
|
-
|
|
964
|
-
x:
|
|
965
|
-
y:
|
|
963
|
+
l.setActiveElements(B, {
|
|
964
|
+
x: r.offsetX,
|
|
965
|
+
y: r.offsetY
|
|
966
966
|
});
|
|
967
967
|
try {
|
|
968
968
|
n.update("none");
|
|
@@ -971,19 +971,19 @@ function jo(e, t, n, o, a) {
|
|
|
971
971
|
}
|
|
972
972
|
const g = ((w = n == null ? void 0 : n.tooltip) == null ? void 0 : w.dataPoints) ?? [];
|
|
973
973
|
b(g);
|
|
974
|
-
}, t.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (
|
|
975
|
-
e.__onCanvasClick && e.__onCanvasClick(
|
|
976
|
-
}, t.addEventListener("pointerup", e.__onCanvasPointerUp)), a != null && a.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (
|
|
974
|
+
}, t.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (r) => {
|
|
975
|
+
e.__onCanvasClick && e.__onCanvasClick(r);
|
|
976
|
+
}, t.addEventListener("pointerup", e.__onCanvasPointerUp)), a != null && a.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (r) => {
|
|
977
977
|
var S;
|
|
978
|
-
const b =
|
|
979
|
-
b != null && b.closest('[data-tooltip-full-details="true"]') && (
|
|
978
|
+
const b = r.target;
|
|
979
|
+
b != null && b.closest('[data-tooltip-full-details="true"]') && (r.preventDefault(), r.stopPropagation(), e.__detailsPayload && ((S = a.onViewFullDetails) == null || S.call(a, e.__detailsPayload, n), Ze(e, n)));
|
|
980
980
|
}, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
|
|
981
981
|
e.__isTooltipHovered = !0, xt(e);
|
|
982
982
|
}, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
|
|
983
983
|
e.__isTooltipHovered = !1, Ze(e, n);
|
|
984
984
|
}, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
|
|
985
985
|
}
|
|
986
|
-
function
|
|
986
|
+
function Jo(e, t, n) {
|
|
987
987
|
e.__onViewportChange || (e.__onViewportChange = () => {
|
|
988
988
|
if (e.style.opacity !== "1")
|
|
989
989
|
return;
|
|
@@ -992,11 +992,11 @@ function Ko(e, t, n) {
|
|
|
992
992
|
e.style.opacity = "0";
|
|
993
993
|
return;
|
|
994
994
|
}
|
|
995
|
-
const
|
|
996
|
-
e.parentElement !==
|
|
995
|
+
const r = sn(t);
|
|
996
|
+
e.parentElement !== r && r.appendChild(e), un(
|
|
997
997
|
e,
|
|
998
998
|
t,
|
|
999
|
-
|
|
999
|
+
r,
|
|
1000
1000
|
o,
|
|
1001
1001
|
a,
|
|
1002
1002
|
n,
|
|
@@ -1010,8 +1010,8 @@ function Ko(e, t, n) {
|
|
|
1010
1010
|
passive: !0
|
|
1011
1011
|
}));
|
|
1012
1012
|
}
|
|
1013
|
-
function
|
|
1014
|
-
const { maxTooltipItems: n } =
|
|
1013
|
+
function Zo(e, t) {
|
|
1014
|
+
const { maxTooltipItems: n } = ln(t);
|
|
1015
1015
|
return ({ chart: o, tooltip: a }) => {
|
|
1016
1016
|
var L;
|
|
1017
1017
|
if (typeof document > "u" || typeof window > "u")
|
|
@@ -1019,10 +1019,10 @@ function Jo(e, t) {
|
|
|
1019
1019
|
const s = o == null ? void 0 : o.canvas;
|
|
1020
1020
|
if (!(s instanceof HTMLCanvasElement))
|
|
1021
1021
|
return;
|
|
1022
|
-
const
|
|
1023
|
-
|
|
1022
|
+
const r = sn(s), b = `comparison-tooltip-${String(o.id)}`;
|
|
1023
|
+
Go(r, b, s);
|
|
1024
1024
|
let c = document.querySelector(`#${b}`);
|
|
1025
|
-
if (c || (c =
|
|
1025
|
+
if (c || (c = qo(b)), c.parentElement !== r && r.appendChild(c), Jo(c, s, e), Ko(c, s, o, e, t), ((a == null ? void 0 : a.opacity) ?? 0) === 0) {
|
|
1026
1026
|
t != null && t.onViewFullDetails ? An(c, o) : Ze(c, o);
|
|
1027
1027
|
return;
|
|
1028
1028
|
}
|
|
@@ -1034,15 +1034,15 @@ function Jo(e, t) {
|
|
|
1034
1034
|
xt(c);
|
|
1035
1035
|
const F = (t == null ? void 0 : t.viewFullDetailsLabel) ?? Zn(), D = !!(t != null && t.onViewFullDetails), {
|
|
1036
1036
|
markup: { detailsPayload: T, hasCollapsedValues: B }
|
|
1037
|
-
} =
|
|
1037
|
+
} = Ao(
|
|
1038
1038
|
c,
|
|
1039
1039
|
S,
|
|
1040
1040
|
e,
|
|
1041
1041
|
F,
|
|
1042
1042
|
n,
|
|
1043
1043
|
D
|
|
1044
|
-
),
|
|
1045
|
-
c.__detailsPayload =
|
|
1044
|
+
), l = D && B;
|
|
1045
|
+
c.__detailsPayload = l ? T : void 0, c.style.pointerEvents = l ? "auto" : "none";
|
|
1046
1046
|
const g = typeof (a == null ? void 0 : a.caretX) == "number" ? a.caretX : 0, y = Number(c.dataset.cursorCanvasX), w = Number(c.dataset.cursorCanvasY);
|
|
1047
1047
|
if (!(Number.isFinite(y) && Number.isFinite(w))) {
|
|
1048
1048
|
c.style.opacity = "0";
|
|
@@ -1060,7 +1060,7 @@ function Jo(e, t) {
|
|
|
1060
1060
|
un(
|
|
1061
1061
|
c,
|
|
1062
1062
|
s,
|
|
1063
|
-
|
|
1063
|
+
r,
|
|
1064
1064
|
p,
|
|
1065
1065
|
$,
|
|
1066
1066
|
e,
|
|
@@ -1069,7 +1069,7 @@ function Jo(e, t) {
|
|
|
1069
1069
|
), c.dataset.caretX = String(p), c.dataset.caretY = String($), c.dataset.anchorDirection = P, c.style.opacity = "1";
|
|
1070
1070
|
};
|
|
1071
1071
|
}
|
|
1072
|
-
function
|
|
1072
|
+
function Qo(e, t) {
|
|
1073
1073
|
return {
|
|
1074
1074
|
filter: (n, o, a) => a.length <= t ? !0 : o < t,
|
|
1075
1075
|
callbacks: {
|
|
@@ -1082,12 +1082,12 @@ function Zo(e, t) {
|
|
|
1082
1082
|
var a, s;
|
|
1083
1083
|
const o = ((s = (a = n.chart) == null ? void 0 : a.tooltip) == null ? void 0 : s.dataPoints) ?? [];
|
|
1084
1084
|
if (o.length > t) {
|
|
1085
|
-
const
|
|
1085
|
+
const r = $n(n), c = o.slice(0, t).findIndex((S) => $n(S) === r);
|
|
1086
1086
|
if (c >= t)
|
|
1087
1087
|
return "";
|
|
1088
1088
|
if (c === t - 1) {
|
|
1089
|
-
const S = o.slice(t - 1).reduce((D, T) => D +
|
|
1090
|
-
return
|
|
1089
|
+
const S = o.slice(t - 1).reduce((D, T) => D + rn(T, e), 0), F = Math.max(0, o.length - (t - 1));
|
|
1090
|
+
return Fo(S, F);
|
|
1091
1091
|
}
|
|
1092
1092
|
}
|
|
1093
1093
|
return Qn(n, e);
|
|
@@ -1096,41 +1096,41 @@ function Zo(e, t) {
|
|
|
1096
1096
|
};
|
|
1097
1097
|
}
|
|
1098
1098
|
function mt(e = !1, t = !1, n) {
|
|
1099
|
-
const { maxTooltipItems: o } =
|
|
1099
|
+
const { maxTooltipItems: o } = ln(n), a = Jn(e ? "y" : "x");
|
|
1100
1100
|
return t ? {
|
|
1101
1101
|
...a,
|
|
1102
1102
|
enabled: !1,
|
|
1103
|
-
external:
|
|
1103
|
+
external: Zo(e, n)
|
|
1104
1104
|
} : {
|
|
1105
1105
|
...a,
|
|
1106
|
-
...
|
|
1106
|
+
...Qo(e, o)
|
|
1107
1107
|
};
|
|
1108
1108
|
}
|
|
1109
1109
|
function ft(e) {
|
|
1110
1110
|
function o() {
|
|
1111
|
-
const
|
|
1112
|
-
if (!Number.isInteger(
|
|
1111
|
+
const l = Number(e.legendMaxLines), g = e.legendPosition;
|
|
1112
|
+
if (!Number.isInteger(l) || l < 1 || g === "left" || g === "right" || g === "chartArea")
|
|
1113
1113
|
return e.legendMaxHeight;
|
|
1114
1114
|
const y = Math.max(Number(e.legendFontSize) || 12, 1), w = Math.max(y + 10, 20);
|
|
1115
|
-
return Math.round(
|
|
1115
|
+
return Math.round(l * w + 4);
|
|
1116
1116
|
}
|
|
1117
|
-
function a(
|
|
1118
|
-
if (
|
|
1117
|
+
function a(l, g, y) {
|
|
1118
|
+
if (l.measureText(g).width <= y) return g;
|
|
1119
1119
|
const w = "…";
|
|
1120
1120
|
let h = 0, f = g.length;
|
|
1121
1121
|
for (; h < f; ) {
|
|
1122
1122
|
const m = Math.floor((h + f) / 2), u = g.slice(0, m) + w;
|
|
1123
|
-
|
|
1123
|
+
l.measureText(u).width <= y ? h = m + 1 : f = m;
|
|
1124
1124
|
}
|
|
1125
1125
|
return g.slice(0, h - 1) + w;
|
|
1126
1126
|
}
|
|
1127
|
-
function s(
|
|
1128
|
-
const g =
|
|
1127
|
+
function s(l) {
|
|
1128
|
+
const g = l == null ? "" : String(l), [y] = g.split("#");
|
|
1129
1129
|
return (y ?? g).trim();
|
|
1130
1130
|
}
|
|
1131
|
-
function l
|
|
1131
|
+
function r(l, g) {
|
|
1132
1132
|
var p;
|
|
1133
|
-
const y =
|
|
1133
|
+
const y = l == null ? "" : String(l).trim();
|
|
1134
1134
|
if (!y)
|
|
1135
1135
|
return y;
|
|
1136
1136
|
const w = Array.isArray(e.chartBreakdownDimensionValues) ? e.chartBreakdownDimensionValues : [];
|
|
@@ -1155,11 +1155,11 @@ function ft(e) {
|
|
|
1155
1155
|
font: {
|
|
1156
1156
|
size: e.labelFontSize
|
|
1157
1157
|
},
|
|
1158
|
-
color: (
|
|
1159
|
-
const g =
|
|
1160
|
-
return g.borderColor ? Array.isArray(g.borderColor) ? g.borderColor[
|
|
1158
|
+
color: (l) => {
|
|
1159
|
+
const g = l.chart.data.datasets[l.datasetIndex];
|
|
1160
|
+
return g.borderColor ? Array.isArray(g.borderColor) ? g.borderColor[l.dataIndex] : g.borderColor : g.backgroundColor ? Array.isArray(g.backgroundColor) ? g.backgroundColor[l.dataIndex] : g.backgroundColor : "#000";
|
|
1161
1161
|
},
|
|
1162
|
-
formatter: (
|
|
1162
|
+
formatter: (l) => l === 0 ? "" : l.toLocaleString("en-US")
|
|
1163
1163
|
})), c = x(() => ({
|
|
1164
1164
|
display: e.showX,
|
|
1165
1165
|
position: e.xPosition,
|
|
@@ -1169,11 +1169,11 @@ function ft(e) {
|
|
|
1169
1169
|
ticks: {
|
|
1170
1170
|
display: e.showXTick,
|
|
1171
1171
|
padding: 8,
|
|
1172
|
-
callback: function(
|
|
1173
|
-
if ((e == null ? void 0 : e.isTransposed) === !0) return s(
|
|
1174
|
-
let y = String(
|
|
1172
|
+
callback: function(l) {
|
|
1173
|
+
if ((e == null ? void 0 : e.isTransposed) === !0) return s(l);
|
|
1174
|
+
let y = String(l);
|
|
1175
1175
|
const w = this;
|
|
1176
|
-
w && typeof w.getLabelForValue == "function" && (y = w.getLabelForValue(
|
|
1176
|
+
w && typeof w.getLabelForValue == "function" && (y = w.getLabelForValue(l)), y = s(y);
|
|
1177
1177
|
const h = w == null ? void 0 : w.chart, f = w == null ? void 0 : w.ctx, m = h.height * 0.25;
|
|
1178
1178
|
if (f && m > 0) {
|
|
1179
1179
|
f.save();
|
|
@@ -1193,16 +1193,16 @@ function ft(e) {
|
|
|
1193
1193
|
size: e.xTitleFontSize
|
|
1194
1194
|
}
|
|
1195
1195
|
},
|
|
1196
|
-
afterBuildTicks: (
|
|
1197
|
-
const g = Array.isArray(
|
|
1196
|
+
afterBuildTicks: (l) => {
|
|
1197
|
+
const g = Array.isArray(l == null ? void 0 : l.ticks) ? l.ticks : [];
|
|
1198
1198
|
if (g.length === 0) return;
|
|
1199
|
-
const y = s(
|
|
1200
|
-
|
|
1199
|
+
const y = s(l.getLabelForValue(g[0].value)), w = !isNaN(Number(y));
|
|
1200
|
+
l.options.ticks.minRotation = w || g.length < 10 ? 0 : 90;
|
|
1201
1201
|
},
|
|
1202
|
-
afterFit: (
|
|
1202
|
+
afterFit: (l) => {
|
|
1203
1203
|
if (!(e != null && e.isTransposed)) {
|
|
1204
|
-
const g =
|
|
1205
|
-
|
|
1204
|
+
const g = l.chart.height * 0.4;
|
|
1205
|
+
l.height > g && (l.height = g);
|
|
1206
1206
|
}
|
|
1207
1207
|
}
|
|
1208
1208
|
})), S = x(() => ({
|
|
@@ -1217,11 +1217,11 @@ function ft(e) {
|
|
|
1217
1217
|
font: {
|
|
1218
1218
|
size: e.yTickFontSize
|
|
1219
1219
|
},
|
|
1220
|
-
callback: function(
|
|
1221
|
-
if (!((e == null ? void 0 : e.isTransposed) === !0)) return s(
|
|
1222
|
-
let y = String(
|
|
1220
|
+
callback: function(l) {
|
|
1221
|
+
if (!((e == null ? void 0 : e.isTransposed) === !0)) return s(l);
|
|
1222
|
+
let y = String(l);
|
|
1223
1223
|
const w = this;
|
|
1224
|
-
w && typeof w.getLabelForValue == "function" && (y = w.getLabelForValue(
|
|
1224
|
+
w && typeof w.getLabelForValue == "function" && (y = w.getLabelForValue(l)), y = s(y);
|
|
1225
1225
|
const h = w == null ? void 0 : w.chart, f = w == null ? void 0 : w.ctx, m = h.width * 0.4;
|
|
1226
1226
|
if (f && m > 0) {
|
|
1227
1227
|
f.save();
|
|
@@ -1251,13 +1251,13 @@ function ft(e) {
|
|
|
1251
1251
|
font: {
|
|
1252
1252
|
size: e.legendFontSize
|
|
1253
1253
|
},
|
|
1254
|
-
generateLabels: (
|
|
1254
|
+
generateLabels: (l) => {
|
|
1255
1255
|
var w;
|
|
1256
|
-
const g = e.legendColor ?? "#6b6b6b", y = ((w =
|
|
1256
|
+
const g = e.legendColor ?? "#6b6b6b", y = ((w = l == null ? void 0 : l.data) == null ? void 0 : w.datasets) || [];
|
|
1257
1257
|
if (y.length === 0) return [];
|
|
1258
1258
|
if (y.length === 1 && Array.isArray(y[0].backgroundColor) && y[0].backgroundColor.length > 1 && Array.isArray(y[0].data)) {
|
|
1259
1259
|
const h = y[0];
|
|
1260
|
-
return
|
|
1260
|
+
return l.data.labels.map((m, u) => {
|
|
1261
1261
|
const p = h.backgroundColor[u];
|
|
1262
1262
|
return {
|
|
1263
1263
|
text: m,
|
|
@@ -1267,20 +1267,20 @@ function ft(e) {
|
|
|
1267
1267
|
strokeStyle: p,
|
|
1268
1268
|
datasetIndex: 0,
|
|
1269
1269
|
index: u,
|
|
1270
|
-
hidden:
|
|
1270
|
+
hidden: l.getDataVisibility ? !l.getDataVisibility(u) : !1
|
|
1271
1271
|
};
|
|
1272
1272
|
});
|
|
1273
1273
|
}
|
|
1274
|
-
return
|
|
1274
|
+
return l.data.datasets.map((h, f) => {
|
|
1275
1275
|
const m = h.borderColor || h.backgroundColor;
|
|
1276
1276
|
return {
|
|
1277
|
-
text:
|
|
1277
|
+
text: r(h.label, f),
|
|
1278
1278
|
fontColor: g,
|
|
1279
1279
|
color: g,
|
|
1280
1280
|
fillStyle: m,
|
|
1281
1281
|
strokeStyle: m,
|
|
1282
1282
|
datasetIndex: f,
|
|
1283
|
-
hidden: !
|
|
1283
|
+
hidden: !l.isDatasetVisible(f)
|
|
1284
1284
|
};
|
|
1285
1285
|
});
|
|
1286
1286
|
}
|
|
@@ -1288,13 +1288,13 @@ function ft(e) {
|
|
|
1288
1288
|
})), D = x(() => e.isTransposed), T = x(() => e.chartWidth), B = x(() => e.chartHeight);
|
|
1289
1289
|
return { datalabels: b, xCfg: c, yCfg: S, isTransposed: D, legend: F, chartWidth: T, chartHeight: B };
|
|
1290
1290
|
}
|
|
1291
|
-
const
|
|
1291
|
+
const er = {
|
|
1292
1292
|
key: 0,
|
|
1293
1293
|
class: "pointer-events-none fixed inset-0 z-[120] flex justify-end"
|
|
1294
|
-
},
|
|
1294
|
+
}, tr = ["aria-label"], nr = { class: "relative z-20 flex shrink-0 items-center bg-fm-color-neutral-white justify-between sm:px-5" }, ar = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary min-w-0 flex-1 truncate pr-3" }, or = { class: "flex items-center gap-1.5" }, rr = {
|
|
1295
1295
|
key: 0,
|
|
1296
1296
|
class: "pb-2 fm-typo-en-body-md-600 text-fm-color-typo-secondary"
|
|
1297
|
-
},
|
|
1297
|
+
}, lr = ["onMouseenter", "onFocus"], sr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, ir = { class: "min-w-0 truncate text-fm-color-typo-secondary" }, ur = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary shrink-0 text-right tabular-nums" }, Nn = 500, cr = 320, St = /* @__PURE__ */ Be({
|
|
1298
1298
|
__name: "TooltipDetailSidesheet",
|
|
1299
1299
|
props: {
|
|
1300
1300
|
modelValue: { type: Boolean },
|
|
@@ -1302,14 +1302,14 @@ const Qo = {
|
|
|
1302
1302
|
},
|
|
1303
1303
|
emits: ["update:modelValue", "value-hover", "value-leave"],
|
|
1304
1304
|
setup(e, { emit: t }) {
|
|
1305
|
-
const n = e, o = t, { t: a } = et(), s = k(null),
|
|
1305
|
+
const n = e, o = t, { t: a } = et(), s = k(null), r = k(Nn), b = k(!1), c = x({
|
|
1306
1306
|
get: () => n.modelValue,
|
|
1307
1307
|
set: (L) => o("update:modelValue", L)
|
|
1308
1308
|
}), S = x(() => {
|
|
1309
1309
|
var L;
|
|
1310
1310
|
return (((L = n.detailsPayload) == null ? void 0 : L.sections) ?? []).filter((A) => A.values.length > 0);
|
|
1311
1311
|
}), F = x(() => ({
|
|
1312
|
-
width: `${
|
|
1312
|
+
width: `${r.value}px`,
|
|
1313
1313
|
maxWidth: "94vw"
|
|
1314
1314
|
}));
|
|
1315
1315
|
function D(L) {
|
|
@@ -1322,21 +1322,21 @@ const Qo = {
|
|
|
1322
1322
|
function B(L) {
|
|
1323
1323
|
o("value-hover", L);
|
|
1324
1324
|
}
|
|
1325
|
-
function
|
|
1325
|
+
function l() {
|
|
1326
1326
|
o("value-leave");
|
|
1327
1327
|
}
|
|
1328
1328
|
function g() {
|
|
1329
|
-
|
|
1329
|
+
l(), c.value = !1;
|
|
1330
1330
|
}
|
|
1331
1331
|
function y() {
|
|
1332
1332
|
return typeof window > "u" ? Nn : Math.floor(window.innerWidth * 0.94);
|
|
1333
1333
|
}
|
|
1334
1334
|
function w(L) {
|
|
1335
|
-
const A = y(), M = Math.min(
|
|
1335
|
+
const A = y(), M = Math.min(cr, A);
|
|
1336
1336
|
return Math.min(A, Math.max(M, Math.floor(L)));
|
|
1337
1337
|
}
|
|
1338
1338
|
function h(L) {
|
|
1339
|
-
typeof window > "u" || (
|
|
1339
|
+
typeof window > "u" || (r.value = w(window.innerWidth - L));
|
|
1340
1340
|
}
|
|
1341
1341
|
function f() {
|
|
1342
1342
|
b.value = !1, document.removeEventListener("pointermove", m), document.removeEventListener("pointerup", f), document.removeEventListener("pointercancel", f);
|
|
@@ -1348,7 +1348,7 @@ const Qo = {
|
|
|
1348
1348
|
c.value && (b.value = !0, h(L.clientX), document.addEventListener("pointermove", m), document.addEventListener("pointerup", f), document.addEventListener("pointercancel", f));
|
|
1349
1349
|
}
|
|
1350
1350
|
function p() {
|
|
1351
|
-
|
|
1351
|
+
r.value = w(r.value);
|
|
1352
1352
|
}
|
|
1353
1353
|
function $(L) {
|
|
1354
1354
|
var I;
|
|
@@ -1364,12 +1364,12 @@ const Qo = {
|
|
|
1364
1364
|
c.value && L.key === "Escape" && g();
|
|
1365
1365
|
}
|
|
1366
1366
|
return Ne(() => {
|
|
1367
|
-
|
|
1368
|
-
}),
|
|
1367
|
+
r.value = w(r.value), document.addEventListener("pointerdown", $, !0), document.addEventListener("keydown", P), window.addEventListener("resize", p);
|
|
1368
|
+
}), Ba(() => {
|
|
1369
1369
|
f(), document.removeEventListener("pointerdown", $, !0), document.removeEventListener("keydown", P), window.removeEventListener("resize", p);
|
|
1370
1370
|
}), (L, A) => {
|
|
1371
1371
|
const M = Z("FmButton");
|
|
1372
|
-
return
|
|
1372
|
+
return Y(), he(Pa, {
|
|
1373
1373
|
"enter-active-class": "transform transition duration-200 ease-out",
|
|
1374
1374
|
"enter-from-class": "translate-x-full opacity-0",
|
|
1375
1375
|
"enter-to-class": "translate-x-0 opacity-100",
|
|
@@ -1378,7 +1378,7 @@ const Qo = {
|
|
|
1378
1378
|
"leave-to-class": "translate-x-full opacity-0"
|
|
1379
1379
|
}, {
|
|
1380
1380
|
default: ce(() => [
|
|
1381
|
-
c.value ? (
|
|
1381
|
+
c.value ? (Y(), oe("div", er, [
|
|
1382
1382
|
j("div", {
|
|
1383
1383
|
ref_key: "panelRef",
|
|
1384
1384
|
ref: s,
|
|
@@ -1392,9 +1392,9 @@ const Qo = {
|
|
|
1392
1392
|
class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
|
|
1393
1393
|
onPointerdown: Bt(u, ["prevent"])
|
|
1394
1394
|
}, null, 32),
|
|
1395
|
-
j("div",
|
|
1396
|
-
j("div",
|
|
1397
|
-
j("div",
|
|
1395
|
+
j("div", nr, [
|
|
1396
|
+
j("div", ar, Le(d(a)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
|
|
1397
|
+
j("div", or, [
|
|
1398
1398
|
K(M, {
|
|
1399
1399
|
class: "relative z-30 h-9 w-9 shrink-0",
|
|
1400
1400
|
variant: "tertiary",
|
|
@@ -1406,23 +1406,23 @@ const Qo = {
|
|
|
1406
1406
|
]),
|
|
1407
1407
|
j("div", {
|
|
1408
1408
|
class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
|
|
1409
|
-
onMouseleave:
|
|
1409
|
+
onMouseleave: l
|
|
1410
1410
|
}, [
|
|
1411
|
-
(
|
|
1411
|
+
(Y(!0), oe(ke, null, it(S.value, (I, V) => (Y(), oe("div", {
|
|
1412
1412
|
key: `${I.title || "section"}-${V}`,
|
|
1413
1413
|
class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
|
|
1414
1414
|
}, [
|
|
1415
|
-
I.title ? (
|
|
1416
|
-
(
|
|
1415
|
+
I.title ? (Y(), oe("p", rr, Le(I.title), 1)) : Ve("", !0),
|
|
1416
|
+
(Y(!0), oe(ke, null, it(I.values, (O, G) => (Y(), oe("button", {
|
|
1417
1417
|
key: `${O.text}-${G}`,
|
|
1418
1418
|
type: "button",
|
|
1419
1419
|
class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex w-full items-center justify-between gap-3 bg-transparent px-2 py-1.5 text-left transition-colors hover:bg-fm-color-opacity-sm focus-visible:bg-fm-color-opacity-sm focus-visible:outline-none",
|
|
1420
1420
|
onMouseenter: (_) => B(O),
|
|
1421
1421
|
onFocus: (_) => B(O),
|
|
1422
|
-
onMouseleave:
|
|
1423
|
-
onBlur:
|
|
1422
|
+
onMouseleave: l,
|
|
1423
|
+
onBlur: l
|
|
1424
1424
|
}, [
|
|
1425
|
-
j("span",
|
|
1425
|
+
j("span", sr, [
|
|
1426
1426
|
j("span", {
|
|
1427
1427
|
class: Qe([
|
|
1428
1428
|
"inline-block h-3 w-3 shrink-0 box-border",
|
|
@@ -1430,13 +1430,13 @@ const Qo = {
|
|
|
1430
1430
|
]),
|
|
1431
1431
|
style: $e({ backgroundColor: O.color })
|
|
1432
1432
|
}, null, 6),
|
|
1433
|
-
j("span",
|
|
1433
|
+
j("span", ir, Le(T(O)), 1)
|
|
1434
1434
|
]),
|
|
1435
|
-
j("span",
|
|
1436
|
-
], 40,
|
|
1435
|
+
j("span", ur, Le(D(O)), 1)
|
|
1436
|
+
], 40, lr))), 128))
|
|
1437
1437
|
]))), 128))
|
|
1438
1438
|
], 32)
|
|
1439
|
-
], 12,
|
|
1439
|
+
], 12, tr)
|
|
1440
1440
|
])) : Ve("", !0)
|
|
1441
1441
|
]),
|
|
1442
1442
|
_: 1
|
|
@@ -1446,20 +1446,20 @@ const Qo = {
|
|
|
1446
1446
|
});
|
|
1447
1447
|
function _t(e, t) {
|
|
1448
1448
|
const { t: n } = et(), o = k(!1), a = k(null), s = k(null);
|
|
1449
|
-
function
|
|
1450
|
-
return
|
|
1449
|
+
function r() {
|
|
1450
|
+
return Oo(e.value) ?? s.value;
|
|
1451
1451
|
}
|
|
1452
1452
|
function b(T) {
|
|
1453
|
-
o.value = T, !T && (a.value = null, Pt(
|
|
1453
|
+
o.value = T, !T && (a.value = null, Pt(r()), s.value = null);
|
|
1454
1454
|
}
|
|
1455
1455
|
function c(T, B) {
|
|
1456
|
-
a.value = T, s.value = B ??
|
|
1456
|
+
a.value = T, s.value = B ?? r(), o.value = !0;
|
|
1457
1457
|
}
|
|
1458
1458
|
function S(T) {
|
|
1459
|
-
Pt(
|
|
1459
|
+
Pt(r(), T.focusTarget);
|
|
1460
1460
|
}
|
|
1461
1461
|
function F() {
|
|
1462
|
-
Pt(
|
|
1462
|
+
Pt(r());
|
|
1463
1463
|
}
|
|
1464
1464
|
const D = x(() => ({
|
|
1465
1465
|
viewFullDetailsLabel: n("report.widget.comparisonTooltip.viewBreakdown"),
|
|
@@ -1475,7 +1475,7 @@ function _t(e, t) {
|
|
|
1475
1475
|
handleTooltipDetailsLeave: F
|
|
1476
1476
|
};
|
|
1477
1477
|
}
|
|
1478
|
-
const
|
|
1478
|
+
const dr = /* @__PURE__ */ Be({
|
|
1479
1479
|
__name: "WidgetBarchart",
|
|
1480
1480
|
props: /* @__PURE__ */ Ae({
|
|
1481
1481
|
tileIndex: {}
|
|
@@ -1487,7 +1487,7 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1487
1487
|
setup(e) {
|
|
1488
1488
|
const t = e, n = He(e, "modelValue"), o = k(null), a = x(() => n.value.maxTooltipItems), {
|
|
1489
1489
|
isTooltipDetailsSheetOpen: s,
|
|
1490
|
-
tooltipDetailsPayload:
|
|
1490
|
+
tooltipDetailsPayload: r,
|
|
1491
1491
|
tooltipOptions: b,
|
|
1492
1492
|
handleTooltipDetailsSheetVisibility: c,
|
|
1493
1493
|
handleTooltipDetailsHover: S,
|
|
@@ -1500,7 +1500,7 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1500
1500
|
}), T = x(() => {
|
|
1501
1501
|
var M;
|
|
1502
1502
|
return ((M = n.value.data) == null ? void 0 : M.xAxis) ?? [];
|
|
1503
|
-
}), B = x(() => T.value.length === 1 && D.value.length > 1 && D.value.every((M) => M.values.length === 1 && M.isCompare !== !0)),
|
|
1503
|
+
}), B = x(() => T.value.length === 1 && D.value.length > 1 && D.value.every((M) => M.values.length === 1 && M.isCompare !== !0)), l = x(() => B.value ? D.value.map((M) => M.name) : T.value), { datalabels: g, xCfg: y, yCfg: w, isTransposed: h, legend: f, chartWidth: m, chartHeight: u } = ft(
|
|
1504
1504
|
n.value
|
|
1505
1505
|
), p = x(
|
|
1506
1506
|
() => mt(n.value.isTransposed === !0, !0, b.value)
|
|
@@ -1557,14 +1557,14 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1557
1557
|
Fe(() => A());
|
|
1558
1558
|
}), (M, I) => {
|
|
1559
1559
|
const V = Z("FmBarChart");
|
|
1560
|
-
return
|
|
1560
|
+
return Y(), oe(ke, null, [
|
|
1561
1561
|
Ue(M.$slots, "menu"),
|
|
1562
1562
|
K(V, {
|
|
1563
1563
|
ref_key: "chartRef",
|
|
1564
1564
|
ref: o,
|
|
1565
1565
|
class: "bar-chart",
|
|
1566
1566
|
datasets: P.value,
|
|
1567
|
-
"x-axis": { categories:
|
|
1567
|
+
"x-axis": { categories: l.value },
|
|
1568
1568
|
"x-cfg": d(y),
|
|
1569
1569
|
"y-cfg": d(w),
|
|
1570
1570
|
transpose: d(h),
|
|
@@ -1586,7 +1586,7 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1586
1586
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins", "style"]),
|
|
1587
1587
|
K(St, {
|
|
1588
1588
|
"model-value": d(s),
|
|
1589
|
-
"details-payload": d(
|
|
1589
|
+
"details-payload": d(r),
|
|
1590
1590
|
"onUpdate:modelValue": d(c),
|
|
1591
1591
|
onValueHover: d(S),
|
|
1592
1592
|
onValueLeave: d(F)
|
|
@@ -1594,7 +1594,7 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1594
1594
|
], 64);
|
|
1595
1595
|
};
|
|
1596
1596
|
}
|
|
1597
|
-
}),
|
|
1597
|
+
}), mr = /* @__PURE__ */ Be({
|
|
1598
1598
|
__name: "WidgetCircular",
|
|
1599
1599
|
props: /* @__PURE__ */ Ae({
|
|
1600
1600
|
tileIndex: {}
|
|
@@ -1604,7 +1604,7 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1604
1604
|
}),
|
|
1605
1605
|
emits: ["update:modelValue"],
|
|
1606
1606
|
setup(e) {
|
|
1607
|
-
const t = e, n = He(e, "modelValue"), { breakpoints: o } = Yn(), a = k(null), { datalabels: s, legend:
|
|
1607
|
+
const t = e, n = He(e, "modelValue"), { breakpoints: o } = Yn(), a = k(null), { datalabels: s, legend: r, chartWidth: b, chartHeight: c } = ft(n.value), S = x(() => {
|
|
1608
1608
|
let g = [];
|
|
1609
1609
|
return n.value.data.datasets && n.value.data.metrics && n.value.data.datasets.length > 0 && n.value.data.metrics.length > 0 && (g = [
|
|
1610
1610
|
{
|
|
@@ -1628,21 +1628,21 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1628
1628
|
});
|
|
1629
1629
|
const T = x(() => typeof n.value.legendFontSize == "number" ? n.value.legendFontSize : o.value.lg ? 12 : 8), B = x(
|
|
1630
1630
|
() => ({
|
|
1631
|
-
display:
|
|
1632
|
-
position:
|
|
1633
|
-
maxHeight:
|
|
1634
|
-
maxWidth:
|
|
1631
|
+
display: r.value.display ?? !0,
|
|
1632
|
+
position: r.value.position ?? "top",
|
|
1633
|
+
maxHeight: r.value.maxHeight,
|
|
1634
|
+
maxWidth: r.value.maxWidth,
|
|
1635
1635
|
labels: {
|
|
1636
|
-
...
|
|
1636
|
+
...r.value.labels,
|
|
1637
1637
|
font: {
|
|
1638
1638
|
size: T.value
|
|
1639
1639
|
}
|
|
1640
1640
|
}
|
|
1641
1641
|
})
|
|
1642
|
-
),
|
|
1642
|
+
), l = fo();
|
|
1643
1643
|
return (g, y) => {
|
|
1644
1644
|
const w = Z("FmPieChart");
|
|
1645
|
-
return
|
|
1645
|
+
return Y(), oe(ke, null, [
|
|
1646
1646
|
Ue(g.$slots, "menu"),
|
|
1647
1647
|
K(w, {
|
|
1648
1648
|
ref_key: "chartRef",
|
|
@@ -1651,7 +1651,7 @@ const cl = /* @__PURE__ */ Be({
|
|
|
1651
1651
|
percentage: "70%",
|
|
1652
1652
|
datasets: S.value,
|
|
1653
1653
|
metrics: n.value.data.datasets.map((h) => h.name),
|
|
1654
|
-
tooltip: d(
|
|
1654
|
+
tooltip: d(l),
|
|
1655
1655
|
variant: "doughnut",
|
|
1656
1656
|
legend: B.value,
|
|
1657
1657
|
datalabels: d(s),
|
|
@@ -1673,7 +1673,7 @@ function Mt(e) {
|
|
|
1673
1673
|
const [o, a] = t.split("."), s = new Intl.NumberFormat("en-US").format(Number(o));
|
|
1674
1674
|
return a !== void 0 ? `${s}.${a}` : s;
|
|
1675
1675
|
}
|
|
1676
|
-
const
|
|
1676
|
+
const fr = { class: "flex flex-col gap-1" }, pr = { class: "fm-typo-en-title-md-600" }, hr = { class: "flex gap-2" }, vr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, gr = { key: 0 }, yr = { key: 1 }, br = /* @__PURE__ */ Be({
|
|
1677
1677
|
__name: "WidgetScorecard",
|
|
1678
1678
|
props: {
|
|
1679
1679
|
modelValue: { required: !0 },
|
|
@@ -1681,15 +1681,15 @@ const ml = { class: "flex flex-col gap-1" }, fl = { class: "fm-typo-en-title-md-
|
|
|
1681
1681
|
},
|
|
1682
1682
|
emits: ["update:modelValue"],
|
|
1683
1683
|
setup(e) {
|
|
1684
|
-
const t = He(e, "modelValue"), { t: n } = et(), { compareDateRange: o, defaultDateSetting: a } = Ee(gt()), { country: s } = an(),
|
|
1685
|
-
var
|
|
1686
|
-
return ((
|
|
1687
|
-
}), b = x(() => Mt(
|
|
1688
|
-
const { data:
|
|
1689
|
-
return
|
|
1684
|
+
const t = He(e, "modelValue"), { t: n } = et(), { compareDateRange: o, defaultDateSetting: a } = Ee(gt()), { country: s } = an(), r = x(() => {
|
|
1685
|
+
var l;
|
|
1686
|
+
return ((l = t.value.data) == null ? void 0 : l.value) || "";
|
|
1687
|
+
}), b = x(() => Mt(r.value)), c = x(() => {
|
|
1688
|
+
const { data: l } = t.value;
|
|
1689
|
+
return l != null && l.comparison ? Kn(r.value, l.comparison, s) : null;
|
|
1690
1690
|
});
|
|
1691
|
-
function S(
|
|
1692
|
-
switch (
|
|
1691
|
+
function S(l) {
|
|
1692
|
+
switch (l) {
|
|
1693
1693
|
case Gt.bar:
|
|
1694
1694
|
return "bar";
|
|
1695
1695
|
case Gt.line:
|
|
@@ -1699,24 +1699,24 @@ const ml = { class: "flex flex-col gap-1" }, fl = { class: "fm-typo-en-title-md-
|
|
|
1699
1699
|
}
|
|
1700
1700
|
}
|
|
1701
1701
|
const F = x(() => {
|
|
1702
|
-
var
|
|
1703
|
-
return (
|
|
1702
|
+
var l;
|
|
1703
|
+
return (l = t.value.data) == null ? void 0 : l.sparkline;
|
|
1704
1704
|
}), D = x(() => ({
|
|
1705
1705
|
display: !1,
|
|
1706
1706
|
beginAtZero: !1,
|
|
1707
1707
|
grace: "20%"
|
|
1708
|
-
})), T = x(() => F.value.datasets.map((
|
|
1709
|
-
label:
|
|
1710
|
-
data:
|
|
1708
|
+
})), T = x(() => F.value.datasets.map((l) => ({
|
|
1709
|
+
label: l.name,
|
|
1710
|
+
data: l.values,
|
|
1711
1711
|
fill: !0,
|
|
1712
1712
|
color: "#36a2eb"
|
|
1713
1713
|
}))), B = x(() => mt(!1, !0));
|
|
1714
|
-
return (
|
|
1714
|
+
return (l, g) => {
|
|
1715
1715
|
const y = Z("FmIcon"), w = Z("FmChip"), h = Z("FmTooltip"), f = Z("FmLineChart");
|
|
1716
|
-
return
|
|
1717
|
-
Ue(
|
|
1718
|
-
j("p",
|
|
1719
|
-
j("div",
|
|
1716
|
+
return Y(), oe("div", fr, [
|
|
1717
|
+
Ue(l.$slots, "menu"),
|
|
1718
|
+
j("p", pr, Le(b.value), 1),
|
|
1719
|
+
j("div", hr, [
|
|
1720
1720
|
K(h, {
|
|
1721
1721
|
disabled: c.value === null,
|
|
1722
1722
|
placement: "right",
|
|
@@ -1726,11 +1726,11 @@ const ml = { class: "flex flex-col gap-1" }, fl = { class: "fm-typo-en-title-md-
|
|
|
1726
1726
|
content: ce(() => {
|
|
1727
1727
|
var m;
|
|
1728
1728
|
return [
|
|
1729
|
-
j("span",
|
|
1729
|
+
j("span", vr, Le(`vs. ${(m = d(a).defaultCompareType) == null ? void 0 : m.split("_").join(" ")}`), 1)
|
|
1730
1730
|
];
|
|
1731
1731
|
}),
|
|
1732
1732
|
default: ce(() => [
|
|
1733
|
-
c.value ? (
|
|
1733
|
+
c.value ? (Y(), he(w, {
|
|
1734
1734
|
key: 0,
|
|
1735
1735
|
icon: c.value.icon.name,
|
|
1736
1736
|
class: Qe(`bg-${c.value.icon.tailwind}`),
|
|
@@ -1748,7 +1748,7 @@ const ml = { class: "flex flex-col gap-1" }, fl = { class: "fm-typo-en-title-md-
|
|
|
1748
1748
|
]),
|
|
1749
1749
|
_: 1
|
|
1750
1750
|
}, 8, ["icon", "class"])) : Ve("", !0),
|
|
1751
|
-
d(o).endDate != null && d(o).startDate != null && c.value === null ? (
|
|
1751
|
+
d(o).endDate != null && d(o).startDate != null && c.value === null ? (Y(), he(w, {
|
|
1752
1752
|
key: 1,
|
|
1753
1753
|
class: "invisible pointer-events-none",
|
|
1754
1754
|
"aria-hidden": "true",
|
|
@@ -1767,8 +1767,8 @@ const ml = { class: "flex flex-col gap-1" }, fl = { class: "fm-typo-en-title-md-
|
|
|
1767
1767
|
_: 1
|
|
1768
1768
|
}, 8, ["disabled"])
|
|
1769
1769
|
]),
|
|
1770
|
-
F.value ? (
|
|
1771
|
-
S(F.value.type) === "line" ? (
|
|
1770
|
+
F.value ? (Y(), oe("div", gr, [
|
|
1771
|
+
S(F.value.type) === "line" ? (Y(), he(f, {
|
|
1772
1772
|
key: 0,
|
|
1773
1773
|
class: "sparkline",
|
|
1774
1774
|
datasets: T.value,
|
|
@@ -1782,7 +1782,7 @@ const ml = { class: "flex flex-col gap-1" }, fl = { class: "fm-typo-en-title-md-
|
|
|
1782
1782
|
tooltip: B.value,
|
|
1783
1783
|
"maintain-aspect-ratio": !1
|
|
1784
1784
|
}, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : Ve("", !0)
|
|
1785
|
-
])) : (
|
|
1785
|
+
])) : (Y(), oe("div", yr, g[1] || (g[1] = [
|
|
1786
1786
|
j("div", { class: "sparkline" }, [
|
|
1787
1787
|
j("div", { class: "flex flex-col gap-8" }, [
|
|
1788
1788
|
j("div"),
|
|
@@ -1794,23 +1794,23 @@ const ml = { class: "flex flex-col gap-1" }, fl = { class: "fm-typo-en-title-md-
|
|
|
1794
1794
|
]);
|
|
1795
1795
|
};
|
|
1796
1796
|
}
|
|
1797
|
-
}),
|
|
1798
|
-
function
|
|
1797
|
+
}), Cr = {};
|
|
1798
|
+
function wr(e, t) {
|
|
1799
1799
|
const n = Z("FmMenuDivider");
|
|
1800
|
-
return
|
|
1800
|
+
return Y(), he(n);
|
|
1801
1801
|
}
|
|
1802
|
-
const
|
|
1802
|
+
const xr = /* @__PURE__ */ oo(Cr, [["render", wr]]), Sr = "mf-reporttable-dimension", Hn = Xn(Sr, () => {
|
|
1803
1803
|
const e = k(0), t = k([]), n = k(!1), o = (h, f) => {
|
|
1804
1804
|
e.value = h, s(h, f);
|
|
1805
1805
|
}, a = (h, f, m, u) => {
|
|
1806
|
-
t[h] = f, t.value = [...t.value],
|
|
1806
|
+
t[h] = f, t.value = [...t.value], r(h, f, m, u);
|
|
1807
1807
|
}, s = (h, f) => {
|
|
1808
1808
|
const m = (f == null ? void 0 : f.querySelectorAll("thead tr")) ?? [], u = (f == null ? void 0 : f.querySelectorAll("tbody tr")) ?? [];
|
|
1809
1809
|
[...m, ...u].forEach(($) => {
|
|
1810
1810
|
const P = $;
|
|
1811
1811
|
P && (P.style.height = `${h}px`);
|
|
1812
1812
|
});
|
|
1813
|
-
},
|
|
1813
|
+
}, r = (h, f, m, u = !1) => {
|
|
1814
1814
|
const p = (m == null ? void 0 : m.querySelectorAll("th")) ?? [];
|
|
1815
1815
|
if (h === void 0) return;
|
|
1816
1816
|
const $ = p[h], P = u ? t[h] : f;
|
|
@@ -1849,7 +1849,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
1849
1849
|
h ? document.querySelectorAll(".highlight-hover-col").forEach((f) => {
|
|
1850
1850
|
f.classList.remove("highlight-hover-col");
|
|
1851
1851
|
}) : document.querySelectorAll(".highlight-col").forEach((f) => f.classList.remove("highlight-col"));
|
|
1852
|
-
},
|
|
1852
|
+
}, l = (h, f) => {
|
|
1853
1853
|
const m = h.clientX, u = h.target.closest("table");
|
|
1854
1854
|
if (!u) return;
|
|
1855
1855
|
const p = u.querySelectorAll("th")[f];
|
|
@@ -1903,7 +1903,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
1903
1903
|
updateRowHeight: o,
|
|
1904
1904
|
updateColWidth: a,
|
|
1905
1905
|
setRowHeights: s,
|
|
1906
|
-
setColWidths:
|
|
1906
|
+
setColWidths: r,
|
|
1907
1907
|
enableEditMode: b,
|
|
1908
1908
|
disableEditMode: c,
|
|
1909
1909
|
resetStore: S,
|
|
@@ -1911,7 +1911,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
1911
1911
|
highlightRows: D,
|
|
1912
1912
|
removeRowHighlight: T,
|
|
1913
1913
|
removeColHighlight: B,
|
|
1914
|
-
resizeCol:
|
|
1914
|
+
resizeCol: l,
|
|
1915
1915
|
resizeRow: g,
|
|
1916
1916
|
enableCellResizing: () => {
|
|
1917
1917
|
const h = document.querySelector("thead"), f = document.querySelectorAll("thead tr"), m = document.querySelectorAll("tbody tr"), u = [...f, ...m];
|
|
@@ -1919,7 +1919,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
1919
1919
|
const p = ($, P) => {
|
|
1920
1920
|
const L = document.createElement("div");
|
|
1921
1921
|
return L.className = `${$}-resize-handle`, $ === "col" ? (L.addEventListener("mouseenter", () => F(P, !0)), L.addEventListener("mouseleave", () => B(!0)), L.addEventListener("mousedown", (A) => {
|
|
1922
|
-
A.stopPropagation(),
|
|
1922
|
+
A.stopPropagation(), l(A, P);
|
|
1923
1923
|
})) : (L.addEventListener("mouseenter", () => D(!0)), L.addEventListener("mouseleave", () => T(!0)), L.addEventListener("mousedown", (A) => {
|
|
1924
1924
|
A.stopPropagation(), g(A);
|
|
1925
1925
|
})), L;
|
|
@@ -1936,10 +1936,10 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
1936
1936
|
c();
|
|
1937
1937
|
}
|
|
1938
1938
|
};
|
|
1939
|
-
}),
|
|
1939
|
+
}), _r = "/assets/processTableData.worker-DrSBAOPU.js", kr = { class: "my-4" }, Tr = {
|
|
1940
1940
|
class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
|
|
1941
1941
|
style: { backgroundColor: "#f9f9f9" }
|
|
1942
|
-
},
|
|
1942
|
+
}, Lr = { class: "font-bold" }, Fr = { class: "text-fm-color-neutral-gray-300" }, Dr = /* @__PURE__ */ Be({
|
|
1943
1943
|
__name: "WidgetTable",
|
|
1944
1944
|
props: /* @__PURE__ */ Ae({
|
|
1945
1945
|
tileIndex: {}
|
|
@@ -1949,7 +1949,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
1949
1949
|
}),
|
|
1950
1950
|
emits: ["update:modelValue"],
|
|
1951
1951
|
setup(e) {
|
|
1952
|
-
const { t, te: n } = et(), o = He(e, "modelValue"), { country: a } = an(), { clearTileSorts: s, setTileSorts:
|
|
1952
|
+
const { t, te: n } = et(), o = He(e, "modelValue"), { country: a } = an(), { clearTileSorts: s, setTileSorts: r } = Ha(), b = on(), c = e, S = k([]), { isEditing: F, colWidths: D, rowHeight: T } = Ee(Hn()), { setColWidths: B, setRowHeights: l, enableCellResizing: g } = Hn(), y = k(null), w = x(() => {
|
|
1953
1953
|
var _;
|
|
1954
1954
|
return ((_ = o.value.data) == null ? void 0 : _.columns) || [{ label: "", key: "" }];
|
|
1955
1955
|
}), h = x(() => {
|
|
@@ -2026,21 +2026,21 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2026
2026
|
rows: C,
|
|
2027
2027
|
columns: N,
|
|
2028
2028
|
filter: f.value ?? "",
|
|
2029
|
-
globalSorts:
|
|
2029
|
+
globalSorts: Ma(S.value).map((U) => ({
|
|
2030
2030
|
key: U.key,
|
|
2031
2031
|
type: U.type
|
|
2032
2032
|
})),
|
|
2033
2033
|
grandTotalPosition: m.value,
|
|
2034
2034
|
pageSize: u.value
|
|
2035
2035
|
};
|
|
2036
|
-
|
|
2037
|
-
_ === L && (U != null && U.error ? (b.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(U.error), P.value = []) : P.value =
|
|
2036
|
+
Wa(_r, R).then((U) => {
|
|
2037
|
+
_ === L && (U != null && U.error ? (b.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(U.error), P.value = []) : P.value = Ra(U.data || []));
|
|
2038
2038
|
});
|
|
2039
2039
|
}
|
|
2040
2040
|
pe(
|
|
2041
2041
|
() => S.value,
|
|
2042
2042
|
(_) => {
|
|
2043
|
-
c.tileIndex === void 0 || c.tileIndex === null ||
|
|
2043
|
+
c.tileIndex === void 0 || c.tileIndex === null || r(c.tileIndex, _);
|
|
2044
2044
|
},
|
|
2045
2045
|
{ immediate: !0, deep: !0 }
|
|
2046
2046
|
);
|
|
@@ -2142,15 +2142,15 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2142
2142
|
if (!C) return;
|
|
2143
2143
|
C.classList.add(O.value ? "table-fixed" : "table-auto");
|
|
2144
2144
|
let N, R;
|
|
2145
|
-
F.value ? (g(), N = D.value, R = T.value) : (R = o.value.rowHeight, N = o.value.colWidths), typeof R == "number" &&
|
|
2145
|
+
F.value ? (g(), N = D.value, R = T.value) : (R = o.value.rowHeight, N = o.value.colWidths), typeof R == "number" && l(R, _), N == null || N.forEach((U, ee) => {
|
|
2146
2146
|
B(ee, U, _);
|
|
2147
2147
|
});
|
|
2148
2148
|
},
|
|
2149
2149
|
{ immediate: !0 }
|
|
2150
2150
|
), (_, C) => {
|
|
2151
2151
|
const N = Z("FmTable");
|
|
2152
|
-
return
|
|
2153
|
-
j("div",
|
|
2152
|
+
return Y(), oe(ke, null, [
|
|
2153
|
+
j("div", kr, [
|
|
2154
2154
|
Ue(_.$slots, "menu")
|
|
2155
2155
|
]),
|
|
2156
2156
|
K(N, {
|
|
@@ -2168,8 +2168,8 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2168
2168
|
}, {
|
|
2169
2169
|
"pin-top": ce(() => [
|
|
2170
2170
|
j("tbody", null, [
|
|
2171
|
-
j("tr",
|
|
2172
|
-
(
|
|
2171
|
+
j("tr", Tr, [
|
|
2172
|
+
(Y(!0), oe(ke, null, it(p.value, (R, W) => (Y(), oe("td", {
|
|
2173
2173
|
key: `${d(vt)()}_${W}`,
|
|
2174
2174
|
class: "h-[48px] text-fm-color-typo-primary px-16"
|
|
2175
2175
|
}, [
|
|
@@ -2180,8 +2180,8 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2180
2180
|
O.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
|
|
2181
2181
|
])
|
|
2182
2182
|
}, [
|
|
2183
|
-
j("p",
|
|
2184
|
-
j("p",
|
|
2183
|
+
j("p", Lr, Le(R.rowType === "NUMERIC" ? d(Mt)(R.main) : R.main), 1),
|
|
2184
|
+
j("p", Fr, Le(R.comparison ? R.rowType === "NUMERIC" ? `(${d(Mt)(R.comparison)})` : `(${R.comparison})` : ""), 1)
|
|
2185
2185
|
], 2)
|
|
2186
2186
|
]))), 128))
|
|
2187
2187
|
])
|
|
@@ -2192,7 +2192,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2192
2192
|
], 64);
|
|
2193
2193
|
};
|
|
2194
2194
|
}
|
|
2195
|
-
}),
|
|
2195
|
+
}), Ir = /* @__PURE__ */ Be({
|
|
2196
2196
|
__name: "WidgetStackBarChart",
|
|
2197
2197
|
props: /* @__PURE__ */ Ae({
|
|
2198
2198
|
tileIndex: {}
|
|
@@ -2204,7 +2204,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2204
2204
|
setup(e) {
|
|
2205
2205
|
const t = e, n = He(e, "modelValue"), o = k(null), a = x(() => n.value.maxTooltipItems), {
|
|
2206
2206
|
isTooltipDetailsSheetOpen: s,
|
|
2207
|
-
tooltipDetailsPayload:
|
|
2207
|
+
tooltipDetailsPayload: r,
|
|
2208
2208
|
tooltipOptions: b,
|
|
2209
2209
|
handleTooltipDetailsSheetVisibility: c,
|
|
2210
2210
|
handleTooltipDetailsHover: S,
|
|
@@ -2217,12 +2217,12 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2217
2217
|
}), T = x(() => {
|
|
2218
2218
|
var O;
|
|
2219
2219
|
return ((O = n.value.data) == null ? void 0 : O.datasets) ?? [];
|
|
2220
|
-
}), { datalabels: B, xCfg:
|
|
2220
|
+
}), { datalabels: B, xCfg: l, yCfg: g, isTransposed: y, legend: w, chartWidth: h, chartHeight: f } = ft(
|
|
2221
2221
|
n.value
|
|
2222
2222
|
), m = x(
|
|
2223
2223
|
() => mt(n.value.isTransposed === !0, !0, b.value)
|
|
2224
2224
|
), u = wt("bar"), p = x(() => n.value.stackBarOverlap === !0), $ = x(() => p.value === !1), P = x(() => ({
|
|
2225
|
-
...
|
|
2225
|
+
...l.value,
|
|
2226
2226
|
stacked: $.value
|
|
2227
2227
|
})), L = x(() => ({
|
|
2228
2228
|
...g.value,
|
|
@@ -2299,7 +2299,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2299
2299
|
Fe(() => V());
|
|
2300
2300
|
}), (O, G) => {
|
|
2301
2301
|
const _ = Z("FmBarChart");
|
|
2302
|
-
return
|
|
2302
|
+
return Y(), oe(ke, null, [
|
|
2303
2303
|
Ue(O.$slots, "menu"),
|
|
2304
2304
|
K(_, {
|
|
2305
2305
|
ref_key: "chartRef",
|
|
@@ -2329,7 +2329,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2329
2329
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels", "style"]),
|
|
2330
2330
|
K(St, {
|
|
2331
2331
|
"model-value": d(s),
|
|
2332
|
-
"details-payload": d(
|
|
2332
|
+
"details-payload": d(r),
|
|
2333
2333
|
"onUpdate:modelValue": d(c),
|
|
2334
2334
|
onValueHover: d(S),
|
|
2335
2335
|
onValueLeave: d(F)
|
|
@@ -2337,7 +2337,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2337
2337
|
], 64);
|
|
2338
2338
|
};
|
|
2339
2339
|
}
|
|
2340
|
-
}),
|
|
2340
|
+
}), Vr = /* @__PURE__ */ Be({
|
|
2341
2341
|
__name: "WidgetClusteredStackBarchart",
|
|
2342
2342
|
props: /* @__PURE__ */ Ae({
|
|
2343
2343
|
tileIndex: {}
|
|
@@ -2349,7 +2349,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2349
2349
|
setup(e) {
|
|
2350
2350
|
const t = e, n = He(e, "modelValue"), o = k(null), a = x(() => n.value.maxTooltipItems), {
|
|
2351
2351
|
isTooltipDetailsSheetOpen: s,
|
|
2352
|
-
tooltipDetailsPayload:
|
|
2352
|
+
tooltipDetailsPayload: r,
|
|
2353
2353
|
tooltipOptions: b,
|
|
2354
2354
|
handleTooltipDetailsSheetVisibility: c,
|
|
2355
2355
|
handleTooltipDetailsHover: S,
|
|
@@ -2362,12 +2362,12 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2362
2362
|
}), T = x(() => {
|
|
2363
2363
|
var C;
|
|
2364
2364
|
return ((C = n.value.data) == null ? void 0 : C.datasets) ?? [];
|
|
2365
|
-
}), { datalabels: B, xCfg:
|
|
2365
|
+
}), { datalabels: B, xCfg: l, yCfg: g, isTransposed: y, legend: w, chartWidth: h, chartHeight: f } = ft(
|
|
2366
2366
|
n.value
|
|
2367
2367
|
), m = x(
|
|
2368
2368
|
() => mt(n.value.isTransposed === !0, !0, b.value)
|
|
2369
2369
|
), u = wt("bar"), p = x(() => n.value.stackBarOverlap === !0), $ = x(() => p.value === !1), P = x(() => ({
|
|
2370
|
-
...
|
|
2370
|
+
...l.value,
|
|
2371
2371
|
stacked: $.value
|
|
2372
2372
|
})), L = x(() => ({
|
|
2373
2373
|
...g.value,
|
|
@@ -2425,7 +2425,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2425
2425
|
isCompare: te.source.isCompare,
|
|
2426
2426
|
metricCount: n.value.metricCount,
|
|
2427
2427
|
mode: n.value.chartColorBinding
|
|
2428
|
-
}), { clusterKey: ye, metricLabel: Ie } = A(te.name), i = R.get(ye) ?? 0, H = N.get(Ie) ?? 0,
|
|
2428
|
+
}), { clusterKey: ye, metricLabel: Ie } = A(te.name), i = R.get(ye) ?? 0, H = N.get(Ie) ?? 0, X = U ? Ct({
|
|
2429
2429
|
breakdownIndex: i,
|
|
2430
2430
|
metricIndex: H,
|
|
2431
2431
|
metricCount: W,
|
|
@@ -2449,7 +2449,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2449
2449
|
grouped: !0,
|
|
2450
2450
|
order: p.value ? E : void 0,
|
|
2451
2451
|
stack: te.source.isCompare ? `${ye}__compare` : `${ye}__main`,
|
|
2452
|
-
backgroundColor:
|
|
2452
|
+
backgroundColor: X
|
|
2453
2453
|
};
|
|
2454
2454
|
});
|
|
2455
2455
|
}), G = ct();
|
|
@@ -2464,7 +2464,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2464
2464
|
Fe(() => _());
|
|
2465
2465
|
}), (C, N) => {
|
|
2466
2466
|
const R = Z("FmBarChart");
|
|
2467
|
-
return
|
|
2467
|
+
return Y(), oe(ke, null, [
|
|
2468
2468
|
Ue(C.$slots, "menu"),
|
|
2469
2469
|
K(R, {
|
|
2470
2470
|
ref_key: "chartRef",
|
|
@@ -2494,7 +2494,7 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2494
2494
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels", "style"]),
|
|
2495
2495
|
K(St, {
|
|
2496
2496
|
"model-value": d(s),
|
|
2497
|
-
"details-payload": d(
|
|
2497
|
+
"details-payload": d(r),
|
|
2498
2498
|
"onUpdate:modelValue": d(c),
|
|
2499
2499
|
onValueHover: d(S),
|
|
2500
2500
|
onValueLeave: d(F)
|
|
@@ -2503,23 +2503,23 @@ const wl = /* @__PURE__ */ ao(bl, [["render", Cl]]), xl = "mf-reporttable-dimens
|
|
|
2503
2503
|
};
|
|
2504
2504
|
}
|
|
2505
2505
|
});
|
|
2506
|
-
function
|
|
2506
|
+
function $r(e) {
|
|
2507
2507
|
const t = Reflect.get(e, "lineStyle"), n = Reflect.get(e, "dash") === !0;
|
|
2508
|
-
return
|
|
2508
|
+
return io(t, n);
|
|
2509
2509
|
}
|
|
2510
|
-
function
|
|
2510
|
+
function ra(e = "report-line-style-plugin") {
|
|
2511
2511
|
return {
|
|
2512
2512
|
id: e,
|
|
2513
2513
|
beforeDatasetsUpdate(t) {
|
|
2514
2514
|
var o;
|
|
2515
2515
|
(((o = t == null ? void 0 : t.data) == null ? void 0 : o.datasets) ?? []).forEach((a) => {
|
|
2516
2516
|
const s = a;
|
|
2517
|
-
Reflect.set(s, "borderDash",
|
|
2517
|
+
Reflect.set(s, "borderDash", $r(s));
|
|
2518
2518
|
});
|
|
2519
2519
|
}
|
|
2520
2520
|
};
|
|
2521
2521
|
}
|
|
2522
|
-
const
|
|
2522
|
+
const Br = /* @__PURE__ */ Be({
|
|
2523
2523
|
__name: "WidgetStackLineChart",
|
|
2524
2524
|
props: /* @__PURE__ */ Ae({
|
|
2525
2525
|
tileIndex: {}
|
|
@@ -2531,7 +2531,7 @@ const $l = /* @__PURE__ */ Be({
|
|
|
2531
2531
|
setup(e) {
|
|
2532
2532
|
const t = e, n = He(e, "modelValue"), o = k(null), a = x(() => n.value.maxTooltipItems), {
|
|
2533
2533
|
isTooltipDetailsSheetOpen: s,
|
|
2534
|
-
tooltipDetailsPayload:
|
|
2534
|
+
tooltipDetailsPayload: r,
|
|
2535
2535
|
tooltipOptions: b,
|
|
2536
2536
|
handleTooltipDetailsSheetVisibility: c,
|
|
2537
2537
|
handleTooltipDetailsHover: S,
|
|
@@ -2542,16 +2542,16 @@ const $l = /* @__PURE__ */ Be({
|
|
|
2542
2542
|
var I;
|
|
2543
2543
|
return ((I = n.value.data) == null ? void 0 : I.xAxis) ?? [];
|
|
2544
2544
|
}), T = x(
|
|
2545
|
-
() => D.value.length === 1 &&
|
|
2546
|
-
), B = x(() => T.value ? ["", D.value[0], ""] : D.value),
|
|
2545
|
+
() => D.value.length === 1 && l.value.length > 0 && l.value.every((I) => I.values.length === 1)
|
|
2546
|
+
), B = x(() => T.value ? ["", D.value[0], ""] : D.value), l = x(() => {
|
|
2547
2547
|
var I;
|
|
2548
2548
|
return ((I = n.value.data) == null ? void 0 : I.datasets) ?? [];
|
|
2549
2549
|
}), { datalabels: g, xCfg: y, yCfg: w, isTransposed: h, legend: f, chartWidth: m, chartHeight: u } = ft(
|
|
2550
2550
|
n.value
|
|
2551
2551
|
), p = x(
|
|
2552
2552
|
() => mt(n.value.isTransposed === !0, !0, b.value)
|
|
2553
|
-
), $ = wt("line"), P =
|
|
2554
|
-
...
|
|
2553
|
+
), $ = wt("line"), P = ra("report-line-style-plugin-stack-line"), L = x(() => l.value.length > 0 ? [
|
|
2554
|
+
...l.value.map((I, V) => {
|
|
2555
2555
|
var ee;
|
|
2556
2556
|
let O = I.values;
|
|
2557
2557
|
T.value && (O = [NaN, O[0], NaN]);
|
|
@@ -2613,7 +2613,7 @@ const $l = /* @__PURE__ */ Be({
|
|
|
2613
2613
|
Fe(() => M());
|
|
2614
2614
|
}), (I, V) => {
|
|
2615
2615
|
const O = Z("FmLineChart");
|
|
2616
|
-
return
|
|
2616
|
+
return Y(), oe(ke, null, [
|
|
2617
2617
|
Ue(I.$slots, "menu"),
|
|
2618
2618
|
K(O, {
|
|
2619
2619
|
ref_key: "chartRef",
|
|
@@ -2643,7 +2643,7 @@ const $l = /* @__PURE__ */ Be({
|
|
|
2643
2643
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "plugins", "datalabels", "style"]),
|
|
2644
2644
|
K(St, {
|
|
2645
2645
|
"model-value": d(s),
|
|
2646
|
-
"details-payload": d(
|
|
2646
|
+
"details-payload": d(r),
|
|
2647
2647
|
"onUpdate:modelValue": d(c),
|
|
2648
2648
|
onValueHover: d(S),
|
|
2649
2649
|
onValueLeave: d(F)
|
|
@@ -2665,16 +2665,16 @@ const $l = /* @__PURE__ */ Be({
|
|
|
2665
2665
|
"col-span-11",
|
|
2666
2666
|
"col-span-12"
|
|
2667
2667
|
];
|
|
2668
|
-
function
|
|
2668
|
+
function Pr(e) {
|
|
2669
2669
|
return e < 12 ? ut[e - 1] : ut[11];
|
|
2670
2670
|
}
|
|
2671
|
-
function
|
|
2671
|
+
function Mr(e) {
|
|
2672
2672
|
return e < 12 ? ut[Math.min(11, e * 2 - 1)] : ut[11];
|
|
2673
2673
|
}
|
|
2674
|
-
function
|
|
2674
|
+
function Rr(e) {
|
|
2675
2675
|
return e < 12 ? ut[Math.min(11, e * 3 - 1)] : ut[11];
|
|
2676
2676
|
}
|
|
2677
|
-
const
|
|
2677
|
+
const zr = /* @__PURE__ */ Be({
|
|
2678
2678
|
__name: "WidgetLinechart",
|
|
2679
2679
|
props: /* @__PURE__ */ Ae({
|
|
2680
2680
|
tileIndex: {}
|
|
@@ -2686,7 +2686,7 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2686
2686
|
setup(e) {
|
|
2687
2687
|
const t = e, n = He(e, "modelValue"), o = k(null), a = x(() => n.value.maxTooltipItems), {
|
|
2688
2688
|
isTooltipDetailsSheetOpen: s,
|
|
2689
|
-
tooltipDetailsPayload:
|
|
2689
|
+
tooltipDetailsPayload: r,
|
|
2690
2690
|
tooltipOptions: b,
|
|
2691
2691
|
handleTooltipDetailsSheetVisibility: c,
|
|
2692
2692
|
handleTooltipDetailsHover: S,
|
|
@@ -2699,13 +2699,13 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2699
2699
|
}), T = x(() => {
|
|
2700
2700
|
var V;
|
|
2701
2701
|
return ((V = n.value.data) == null ? void 0 : V.xAxis) ?? [];
|
|
2702
|
-
}), B = x(() => T.value.length === 1 && D.value.length > 1 && D.value.every((V) => V.values.length === 1 && V.isCompare !== !0)),
|
|
2702
|
+
}), B = x(() => T.value.length === 1 && D.value.length > 1 && D.value.every((V) => V.values.length === 1 && V.isCompare !== !0)), l = x(
|
|
2703
2703
|
() => T.value.length === 1 && D.value.length > 0 && D.value.every((V) => V.values.length === 1)
|
|
2704
|
-
), g = x(() => B.value ? D.value.map((V) => V.name) :
|
|
2704
|
+
), g = x(() => B.value ? D.value.map((V) => V.name) : l.value ? ["", T.value[0], ""] : T.value), { datalabels: y, xCfg: w, yCfg: h, isTransposed: f, legend: m, chartWidth: u, chartHeight: p } = ft(
|
|
2705
2705
|
n.value
|
|
2706
2706
|
), $ = x(
|
|
2707
2707
|
() => mt(n.value.isTransposed === !0, !0, b.value)
|
|
2708
|
-
), P = wt("line"), L =
|
|
2708
|
+
), P = wt("line"), L = ra("report-line-style-plugin-line"), A = x(() => D.value.length > 0 ? [
|
|
2709
2709
|
...D.value.map((V, O) => {
|
|
2710
2710
|
var ye;
|
|
2711
2711
|
const G = Re({
|
|
@@ -2738,8 +2738,8 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2738
2738
|
let U = V.values;
|
|
2739
2739
|
B.value ? U = D.value.map(
|
|
2740
2740
|
(Ie, i) => i === O ? V.values[0] : Number.NaN
|
|
2741
|
-
) :
|
|
2742
|
-
const ee =
|
|
2741
|
+
) : l.value && (U = [NaN, U[0], NaN]);
|
|
2742
|
+
const ee = l.value || B.value, te = Re({
|
|
2743
2743
|
datasetIndex: O,
|
|
2744
2744
|
isCompare: V.isCompare,
|
|
2745
2745
|
metricCount: n.value.metricCount,
|
|
@@ -2771,7 +2771,7 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2771
2771
|
Fe(() => I());
|
|
2772
2772
|
}), (V, O) => {
|
|
2773
2773
|
const G = Z("FmLineChart");
|
|
2774
|
-
return
|
|
2774
|
+
return Y(), oe(ke, null, [
|
|
2775
2775
|
Ue(V.$slots, "menu"),
|
|
2776
2776
|
K(G, {
|
|
2777
2777
|
ref_key: "chartRef",
|
|
@@ -2800,7 +2800,7 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2800
2800
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins", "style"]),
|
|
2801
2801
|
K(St, {
|
|
2802
2802
|
"model-value": d(s),
|
|
2803
|
-
"details-payload": d(
|
|
2803
|
+
"details-payload": d(r),
|
|
2804
2804
|
"onUpdate:modelValue": d(c),
|
|
2805
2805
|
onValueHover: d(S),
|
|
2806
2806
|
onValueLeave: d(F)
|
|
@@ -2808,7 +2808,7 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2808
2808
|
], 64);
|
|
2809
2809
|
};
|
|
2810
2810
|
}
|
|
2811
|
-
}),
|
|
2811
|
+
}), Ar = { class: "flex flex-col gap-16" }, Nr = { class: "flex flex-row" }, Hr = /* @__PURE__ */ Be({
|
|
2812
2812
|
__name: "PdfOrientationDialog",
|
|
2813
2813
|
props: /* @__PURE__ */ Ae({
|
|
2814
2814
|
reportType: {},
|
|
@@ -2819,19 +2819,19 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2819
2819
|
}),
|
|
2820
2820
|
emits: ["update:modelValue"],
|
|
2821
2821
|
setup(e) {
|
|
2822
|
-
const { t } = et(), { FmForm: n } =
|
|
2822
|
+
const { t } = et(), { FmForm: n } = ao, o = e, a = k(), s = He(e, "modelValue"), r = k(!0), b = k(!1), c = on(), { selectedLocationIds: S, dateRange: F, timeRange: D } = Ee(gt()), T = k(Ot.PORTRAIT);
|
|
2823
2823
|
function B() {
|
|
2824
2824
|
var g;
|
|
2825
2825
|
(g = a.value) == null || g.validateInputs();
|
|
2826
2826
|
}
|
|
2827
|
-
async function
|
|
2827
|
+
async function l() {
|
|
2828
2828
|
b.value = !0;
|
|
2829
2829
|
try {
|
|
2830
2830
|
o.index != null && await Un({
|
|
2831
2831
|
reportType: o.reportType,
|
|
2832
2832
|
index: o.index,
|
|
2833
2833
|
orientationTypes: [T.value],
|
|
2834
|
-
isCombinedLocationLayout:
|
|
2834
|
+
isCombinedLocationLayout: r.value,
|
|
2835
2835
|
timeRange: D.value,
|
|
2836
2836
|
dateRange: F.value,
|
|
2837
2837
|
locationIds: S.value
|
|
@@ -2844,7 +2844,7 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2844
2844
|
}
|
|
2845
2845
|
return (g, y) => {
|
|
2846
2846
|
const w = Z("FmRadio"), h = Z("FmRadioGroup"), f = Z("FmButton"), m = Z("FmDialog");
|
|
2847
|
-
return
|
|
2847
|
+
return Y(), he(m, {
|
|
2848
2848
|
modelValue: s.value,
|
|
2849
2849
|
"onUpdate:modelValue": y[2] || (y[2] = (u) => s.value = u),
|
|
2850
2850
|
overlay: !0,
|
|
@@ -2857,10 +2857,10 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2857
2857
|
K(d(n), {
|
|
2858
2858
|
ref_key: "form",
|
|
2859
2859
|
ref: a,
|
|
2860
|
-
onValidationSuccess:
|
|
2860
|
+
onValidationSuccess: l
|
|
2861
2861
|
}, {
|
|
2862
2862
|
default: ce(() => [
|
|
2863
|
-
j("div",
|
|
2863
|
+
j("div", Ar, [
|
|
2864
2864
|
K(h, {
|
|
2865
2865
|
modelValue: T.value,
|
|
2866
2866
|
"onUpdate:modelValue": y[0] || (y[0] = (u) => T.value = u)
|
|
@@ -2878,7 +2878,7 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2878
2878
|
_: 1
|
|
2879
2879
|
}, 8, ["modelValue"])
|
|
2880
2880
|
]),
|
|
2881
|
-
j("div",
|
|
2881
|
+
j("div", Nr, [
|
|
2882
2882
|
y[4] || (y[4] = j("div", { class: "grow" }, null, -1)),
|
|
2883
2883
|
K(f, {
|
|
2884
2884
|
label: d(t)("report.common.cancel"),
|
|
@@ -2902,9 +2902,9 @@ const Rl = /* @__PURE__ */ Be({
|
|
|
2902
2902
|
};
|
|
2903
2903
|
}
|
|
2904
2904
|
});
|
|
2905
|
-
function
|
|
2905
|
+
function Wr(e) {
|
|
2906
2906
|
const { containerRef: t, stickyOffset: n = k(0), enabled: o = k(!0) } = e;
|
|
2907
|
-
let a = null, s = null,
|
|
2907
|
+
let a = null, s = null, r = null, b = null, c = null, S = null;
|
|
2908
2908
|
function F() {
|
|
2909
2909
|
return t.value ? t.value.querySelector("table") : null;
|
|
2910
2910
|
}
|
|
@@ -2939,7 +2939,7 @@ function Hl(e) {
|
|
|
2939
2939
|
return u;
|
|
2940
2940
|
}
|
|
2941
2941
|
function B() {
|
|
2942
|
-
if (f(), !o.value || !t.value || (s = F(), !s) || (
|
|
2942
|
+
if (f(), !o.value || !t.value || (s = F(), !s) || (r = s.querySelector("thead"), !r)) return;
|
|
2943
2943
|
a = document.createElement("div"), a.className = "sticky-header-clone", a.style.cssText = `
|
|
2944
2944
|
position: fixed;
|
|
2945
2945
|
top: ${n.value}px;
|
|
@@ -2958,10 +2958,10 @@ function Hl(e) {
|
|
|
2958
2958
|
border-collapse: collapse;
|
|
2959
2959
|
pointer-events: auto;
|
|
2960
2960
|
`;
|
|
2961
|
-
const p =
|
|
2962
|
-
p.style.cssText = "pointer-events: auto;", r
|
|
2961
|
+
const p = r.cloneNode(!0);
|
|
2962
|
+
p.style.cssText = "pointer-events: auto;", l(r, p), u.appendChild(p), a.appendChild(u), document.body.appendChild(a), y(), w(), h(), g();
|
|
2963
2963
|
}
|
|
2964
|
-
function
|
|
2964
|
+
function l(u, p) {
|
|
2965
2965
|
const $ = u.querySelectorAll("th, td"), P = p.querySelectorAll("th, td");
|
|
2966
2966
|
$.forEach((L, A) => {
|
|
2967
2967
|
const M = P[A];
|
|
@@ -2992,8 +2992,8 @@ function Hl(e) {
|
|
|
2992
2992
|
});
|
|
2993
2993
|
}
|
|
2994
2994
|
function g() {
|
|
2995
|
-
if (!a || !s || !
|
|
2996
|
-
const u = t.value.getBoundingClientRect(), p = s.getBoundingClientRect(), $ =
|
|
2995
|
+
if (!a || !s || !r || !t.value) return;
|
|
2996
|
+
const u = t.value.getBoundingClientRect(), p = s.getBoundingClientRect(), $ = r.getBoundingClientRect(), P = D(), L = P == null ? void 0 : P.getBoundingClientRect(), A = n.value > 0 ? n.value : (L == null ? void 0 : L.top) ?? 0;
|
|
2997
2997
|
if (!(p.top < A && p.bottom > A + $.height)) {
|
|
2998
2998
|
a.style.visibility = "hidden";
|
|
2999
2999
|
return;
|
|
@@ -3017,9 +3017,9 @@ function Hl(e) {
|
|
|
3017
3017
|
}
|
|
3018
3018
|
function w() {
|
|
3019
3019
|
b = new ResizeObserver(() => {
|
|
3020
|
-
if (
|
|
3020
|
+
if (r && a) {
|
|
3021
3021
|
const u = a.querySelector("thead");
|
|
3022
|
-
u && r
|
|
3022
|
+
u && l(r, u);
|
|
3023
3023
|
const p = a.querySelector("table");
|
|
3024
3024
|
p && s && (p.style.width = `${s.offsetWidth}px`);
|
|
3025
3025
|
}
|
|
@@ -3027,16 +3027,16 @@ function Hl(e) {
|
|
|
3027
3027
|
}), t.value && b.observe(t.value), s && b.observe(s);
|
|
3028
3028
|
}
|
|
3029
3029
|
function h() {
|
|
3030
|
-
if (!
|
|
3030
|
+
if (!r) return;
|
|
3031
3031
|
const u = Xt(() => B(), 100), p = () => {
|
|
3032
|
-
if (
|
|
3032
|
+
if (r && a) {
|
|
3033
3033
|
const $ = a.querySelector("thead");
|
|
3034
|
-
$ && r
|
|
3034
|
+
$ && l(r, $), g();
|
|
3035
3035
|
}
|
|
3036
3036
|
};
|
|
3037
3037
|
S = new MutationObserver(($) => {
|
|
3038
3038
|
$.some((L) => L.type === "childList" ? L.addedNodes.length > 0 || L.removedNodes.length > 0 : !1) ? u() : p();
|
|
3039
|
-
}), S.observe(
|
|
3039
|
+
}), S.observe(r, {
|
|
3040
3040
|
childList: !0,
|
|
3041
3041
|
subtree: !0,
|
|
3042
3042
|
attributes: !0,
|
|
@@ -3056,7 +3056,7 @@ function Hl(e) {
|
|
|
3056
3056
|
$.removeEventListener("scroll", c), $ = $.parentElement;
|
|
3057
3057
|
c = null;
|
|
3058
3058
|
}
|
|
3059
|
-
b && (b.disconnect(), b = null), S && (S.disconnect(), S = null), s = null,
|
|
3059
|
+
b && (b.disconnect(), b = null), S && (S.disconnect(), S = null), s = null, r = null;
|
|
3060
3060
|
}
|
|
3061
3061
|
function m() {
|
|
3062
3062
|
B();
|
|
@@ -3073,13 +3073,13 @@ function Hl(e) {
|
|
|
3073
3073
|
f();
|
|
3074
3074
|
}), { refresh: m, cleanup: f };
|
|
3075
3075
|
}
|
|
3076
|
-
const
|
|
3076
|
+
const Or = {
|
|
3077
3077
|
key: 1,
|
|
3078
3078
|
class: "grow"
|
|
3079
|
-
},
|
|
3079
|
+
}, Er = {
|
|
3080
3080
|
key: 2,
|
|
3081
3081
|
class: "flex"
|
|
3082
|
-
},
|
|
3082
|
+
}, Cl = /* @__PURE__ */ Be({
|
|
3083
3083
|
__name: "DynamicWidget",
|
|
3084
3084
|
props: /* @__PURE__ */ Ae({
|
|
3085
3085
|
index: {
|
|
@@ -3110,10 +3110,10 @@ const Wl = {
|
|
|
3110
3110
|
}),
|
|
3111
3111
|
emits: /* @__PURE__ */ Ae(["update:breakdown-dimension-values"], ["update:modelValue"]),
|
|
3112
3112
|
setup(e, { emit: t }) {
|
|
3113
|
-
const n = k(!0), o = He(e, "modelValue"), a = o.value.widget.config, { t: s, te:
|
|
3113
|
+
const n = k(!0), o = He(e, "modelValue"), a = o.value.widget.config, { t: s, te: r, locale: b } = et(), c = e, S = t, F = k(null), D = x(() => c.stickyHeaderOffset), T = x(() => o.value.widget.type === q.Table), B = x(() => {
|
|
3114
3114
|
var v;
|
|
3115
3115
|
return (v = F.value) == null ? void 0 : v.$el;
|
|
3116
|
-
}), { refresh:
|
|
3116
|
+
}), { refresh: l } = Wr({
|
|
3117
3117
|
containerRef: B,
|
|
3118
3118
|
stickyOffset: D,
|
|
3119
3119
|
enabled: T
|
|
@@ -3137,41 +3137,47 @@ const Wl = {
|
|
|
3137
3137
|
Array.isArray(a.chartBreakdownDimensionValues) ? [...a.chartBreakdownDimensionValues] : void 0
|
|
3138
3138
|
), _ = k(a.chartUseSecondaryMetricShades ?? !0), C = k(a.chartColorBinding), N = k(
|
|
3139
3139
|
Array.isArray(a.lineStyles) ? [...a.lineStyles] : void 0
|
|
3140
|
-
), R = k(a.lineStyleBinding), W = k(a.showLabel ?? !1), U = k(a.labelAlign ?? Kt.center), ee = k(a.labelAnchor ?? jt.center), te = k(a.labelRotation ?? 0), ve = k(a.labelOffset ?? 0), ye = k(a.labelFontSize ?? 12), Ie = x(() => a.showSearchBar), i = k(a.showX ?? !0), H = k(a.xPosition ?? Jt.bottom),
|
|
3140
|
+
), R = k(a.lineStyleBinding), W = k(a.showLabel ?? !1), U = k(a.labelAlign ?? Kt.center), ee = k(a.labelAnchor ?? jt.center), te = k(a.labelRotation ?? 0), ve = k(a.labelOffset ?? 0), ye = k(a.labelFontSize ?? 12), Ie = x(() => a.showSearchBar), i = k(a.showX ?? !0), H = k(a.xPosition ?? Jt.bottom), X = k(a.showXGrid ?? !1), E = k(a.showXTick ?? !0), ne = k(a.xTickFontSize ?? 12), de = k(a.showXTitle ?? !1), xe = k(a.xTitle ?? ""), be = k(a.xTitleFontSize ?? 12), se = k(a.showY ?? !0), J = k(a.yPosition ?? Zt.left), Q = k(a.showYGrid ?? !1), z = k(a.showYTick ?? !0), re = k(a.yTickFontSize ?? 12), le = k(a.showYTitle ?? !1), ge = k(a.yTitle ?? ""), me = k(a.yTitleFontSize ?? 12), ue = k(a.showLegend ?? void 0), Te = k(a.legendPosition ?? Qt.top), De = k(a.usePointStyle ?? !0), qe = k(a.legendFontSize), kt = k(a.legendColor ?? "#6b6b6b"), ie = k(a.legendMaxLines), cn = k(a.legendMaxHeight), dn = k(a.legendMaxWidth), mn = k(a.maxTooltipItems), fn = k(a.stackBarOverlap ?? !1), pn = k(a.rowHeight ?? 0), hn = k(a.colWidths ?? []), sa = /* @__PURE__ */ new Set([
|
|
3141
|
+
q.BarChart,
|
|
3142
|
+
q.StackBarChart,
|
|
3143
|
+
q.ClusteredStackBarChart,
|
|
3144
|
+
q.LineChart,
|
|
3145
|
+
q.StackLineChart
|
|
3146
|
+
]), At = k(!1), Nt = k(""), { breakpoints: tt, getBreakpointsBoundary: pt } = Yn(), vn = k(), Se = x(
|
|
3141
3147
|
() => c.customScreenWidth === void 0 ? window.innerWidth : c.customScreenWidth
|
|
3142
|
-
), sa = x(
|
|
3143
|
-
() => (Se == null ? void 0 : Se.value) > pt("xs")[1] && (Se == null ? void 0 : Se.value) <= pt("sm")[1]
|
|
3144
3148
|
), ia = x(
|
|
3149
|
+
() => (Se == null ? void 0 : Se.value) > pt("xs")[1] && (Se == null ? void 0 : Se.value) <= pt("sm")[1]
|
|
3150
|
+
), ua = x(
|
|
3145
3151
|
() => (Se == null ? void 0 : Se.value) > pt("sm")[1] && (Se == null ? void 0 : Se.value) <= pt("md")[1]
|
|
3146
|
-
),
|
|
3152
|
+
), ca = x(() => (Se == null ? void 0 : Se.value) > pt("md")[1]), da = x(() => {
|
|
3147
3153
|
const v = o.value.size.width;
|
|
3148
|
-
return
|
|
3154
|
+
return ca.value || ua.value ? Pr(v) : ia.value ? Mr(v) : Rr(v);
|
|
3149
3155
|
}), Tt = x(
|
|
3150
|
-
() =>
|
|
3156
|
+
() => ro.find((v) => v.type === o.value.widget.type)
|
|
3151
3157
|
), nt = Xt(() => {
|
|
3152
3158
|
var v;
|
|
3153
|
-
vn.value =
|
|
3154
|
-
}),
|
|
3159
|
+
vn.value = Sa((v = F.value) == null ? void 0 : v.$el.offsetWidth), y.value = vt();
|
|
3160
|
+
}), ma = x(() => {
|
|
3155
3161
|
if (lo(fe.value.type, at.value))
|
|
3156
3162
|
switch (o.value.widget.type) {
|
|
3157
|
-
case
|
|
3158
|
-
return
|
|
3159
|
-
case
|
|
3160
|
-
return
|
|
3161
|
-
case
|
|
3162
|
-
return
|
|
3163
|
-
case
|
|
3164
|
-
return
|
|
3165
|
-
case
|
|
3166
|
-
return
|
|
3167
|
-
case
|
|
3168
|
-
return
|
|
3169
|
-
case
|
|
3170
|
-
return
|
|
3171
|
-
case
|
|
3172
|
-
return
|
|
3173
|
-
case
|
|
3174
|
-
return
|
|
3163
|
+
case q.BarChart:
|
|
3164
|
+
return dr;
|
|
3165
|
+
case q.StackBarChart:
|
|
3166
|
+
return Ir;
|
|
3167
|
+
case q.ClusteredStackBarChart:
|
|
3168
|
+
return Vr;
|
|
3169
|
+
case q.LineChart:
|
|
3170
|
+
return zr;
|
|
3171
|
+
case q.StackLineChart:
|
|
3172
|
+
return Br;
|
|
3173
|
+
case q.Circular:
|
|
3174
|
+
return mr;
|
|
3175
|
+
case q.Scorecard:
|
|
3176
|
+
return br;
|
|
3177
|
+
case q.Spacer:
|
|
3178
|
+
return xr;
|
|
3179
|
+
case q.Table:
|
|
3180
|
+
return Dr;
|
|
3175
3181
|
default:
|
|
3176
3182
|
return Yt;
|
|
3177
3183
|
}
|
|
@@ -3180,13 +3186,13 @@ const Wl = {
|
|
|
3180
3186
|
}), at = k(null), {
|
|
3181
3187
|
selectedLocationIds: Ht,
|
|
3182
3188
|
dateRange: gn,
|
|
3183
|
-
compareDateRange:
|
|
3189
|
+
compareDateRange: fa,
|
|
3184
3190
|
timeRange: yn,
|
|
3185
|
-
globalFilters:
|
|
3191
|
+
globalFilters: pa,
|
|
3186
3192
|
isGlobalFiltersLoading: bn
|
|
3187
|
-
} = Ee(gt()), { businessId:
|
|
3188
|
-
x(() =>
|
|
3189
|
-
const
|
|
3193
|
+
} = Ee(gt()), { businessId: ha } = Ee(an()), { businessLoadedId: va, businessDataVersion: Wt } = Ee(gt());
|
|
3194
|
+
x(() => va.value === ha.value && Ht.value.length > 0 && !bn.value);
|
|
3195
|
+
const ga = k(!0), fe = x(() => {
|
|
3190
3196
|
const v = JSON.parse(JSON.stringify(o.value.widget));
|
|
3191
3197
|
return {
|
|
3192
3198
|
...v,
|
|
@@ -3197,7 +3203,7 @@ const Wl = {
|
|
|
3197
3203
|
showGrandTotal: !1
|
|
3198
3204
|
}
|
|
3199
3205
|
};
|
|
3200
|
-
}),
|
|
3206
|
+
}), ya = x(() => {
|
|
3201
3207
|
var Ce;
|
|
3202
3208
|
const v = ((Ce = fe.value.config.metrics) == null ? void 0 : Ce.length) ?? 0;
|
|
3203
3209
|
if (!fe.value.config.isBlend)
|
|
@@ -3211,7 +3217,7 @@ const Wl = {
|
|
|
3211
3217
|
);
|
|
3212
3218
|
return v + ae;
|
|
3213
3219
|
});
|
|
3214
|
-
function
|
|
3220
|
+
function ba() {
|
|
3215
3221
|
return {
|
|
3216
3222
|
data: at.value,
|
|
3217
3223
|
showTitle: u.value,
|
|
@@ -3227,7 +3233,7 @@ const Wl = {
|
|
|
3227
3233
|
chartBreakdownDimensionValues: G.value,
|
|
3228
3234
|
chartUseSecondaryMetricShades: _.value,
|
|
3229
3235
|
chartColorBinding: C.value,
|
|
3230
|
-
metricCount:
|
|
3236
|
+
metricCount: ya.value,
|
|
3231
3237
|
lineStyles: N.value,
|
|
3232
3238
|
lineStyleBinding: R.value,
|
|
3233
3239
|
showLabel: W.value,
|
|
@@ -3238,7 +3244,7 @@ const Wl = {
|
|
|
3238
3244
|
labelFontSize: ye.value,
|
|
3239
3245
|
showX: i.value,
|
|
3240
3246
|
xPosition: H.value,
|
|
3241
|
-
showXGrid:
|
|
3247
|
+
showXGrid: X.value,
|
|
3242
3248
|
showXTick: E.value,
|
|
3243
3249
|
xTickFontSize: ne.value,
|
|
3244
3250
|
showXTitle: de.value,
|
|
@@ -3249,9 +3255,9 @@ const Wl = {
|
|
|
3249
3255
|
showYGrid: Q.value,
|
|
3250
3256
|
showYTick: z.value,
|
|
3251
3257
|
yTitle: ge.value,
|
|
3252
|
-
showYTitle:
|
|
3258
|
+
showYTitle: le.value,
|
|
3253
3259
|
yTitleFontSize: me.value,
|
|
3254
|
-
yTickFontSize:
|
|
3260
|
+
yTickFontSize: re.value,
|
|
3255
3261
|
isTransposed: fe.value.config.isTransposed,
|
|
3256
3262
|
showLegend: ue.value,
|
|
3257
3263
|
legendPosition: Te.value,
|
|
@@ -3265,7 +3271,7 @@ const Wl = {
|
|
|
3265
3271
|
stackBarOverlap: fn.value
|
|
3266
3272
|
};
|
|
3267
3273
|
}
|
|
3268
|
-
function
|
|
3274
|
+
function Ca() {
|
|
3269
3275
|
return {
|
|
3270
3276
|
data: at.value,
|
|
3271
3277
|
filterText: Nt.value,
|
|
@@ -3276,15 +3282,15 @@ const Wl = {
|
|
|
3276
3282
|
}
|
|
3277
3283
|
const Cn = x(() => {
|
|
3278
3284
|
switch (fe.value.type) {
|
|
3279
|
-
case
|
|
3285
|
+
case q.Table:
|
|
3286
|
+
return Ca();
|
|
3287
|
+
case q.BarChart:
|
|
3288
|
+
case q.LineChart:
|
|
3289
|
+
case q.StackBarChart:
|
|
3290
|
+
case q.ClusteredStackBarChart:
|
|
3291
|
+
case q.StackLineChart:
|
|
3292
|
+
case q.Circular:
|
|
3280
3293
|
return ba();
|
|
3281
|
-
case Y.BarChart:
|
|
3282
|
-
case Y.LineChart:
|
|
3283
|
-
case Y.StackBarChart:
|
|
3284
|
-
case Y.ClusteredStackBarChart:
|
|
3285
|
-
case Y.StackLineChart:
|
|
3286
|
-
case Y.Circular:
|
|
3287
|
-
return ya();
|
|
3288
3294
|
default:
|
|
3289
3295
|
return { data: at.value };
|
|
3290
3296
|
}
|
|
@@ -3295,10 +3301,10 @@ const Wl = {
|
|
|
3295
3301
|
return ae.sort(
|
|
3296
3302
|
(Ce, ze) => (v.rowIds || []).indexOf(Et(Ce)) - (v.rowIds || []).indexOf(Et(ze))
|
|
3297
3303
|
), [
|
|
3298
|
-
{ label: Ke(s,
|
|
3299
|
-
{ label: Ke(s,
|
|
3304
|
+
{ label: Ke(s, r, "None", "other"), value: "none" },
|
|
3305
|
+
{ label: Ke(s, r, "Grand Total", "other"), value: 0 },
|
|
3300
3306
|
...[...ae].slice(0, ae.length - 1).map((Ce, ze) => ({
|
|
3301
|
-
label: Ke(s,
|
|
3307
|
+
label: Ke(s, r, Ce.label, "other"),
|
|
3302
3308
|
value: ze + 1
|
|
3303
3309
|
}))
|
|
3304
3310
|
];
|
|
@@ -3307,16 +3313,16 @@ const Wl = {
|
|
|
3307
3313
|
}), Ye = x(() => {
|
|
3308
3314
|
const { config: v } = fe.value;
|
|
3309
3315
|
return v.isDrillable ? v.dimensions.map((ae) => ({
|
|
3310
|
-
label: Ke(s,
|
|
3316
|
+
label: Ke(s, r, ae.label, "other"),
|
|
3311
3317
|
value: Et(ae)
|
|
3312
3318
|
})) : [];
|
|
3313
|
-
}),
|
|
3319
|
+
}), wa = x(() => {
|
|
3314
3320
|
const v = o.value.id;
|
|
3315
|
-
return (
|
|
3321
|
+
return (pa.value || []).filter(
|
|
3316
3322
|
(ae) => Array.isArray(ae.tileIds) && ae.tileIds.includes(v)
|
|
3317
3323
|
);
|
|
3318
3324
|
});
|
|
3319
|
-
function
|
|
3325
|
+
function xa(v) {
|
|
3320
3326
|
const ae = v == null ? void 0 : v.datasets;
|
|
3321
3327
|
if (!Array.isArray(ae) || ae.length === 0)
|
|
3322
3328
|
return [];
|
|
@@ -3333,7 +3339,7 @@ const Wl = {
|
|
|
3333
3339
|
pe(
|
|
3334
3340
|
() => o.value.widget.config,
|
|
3335
3341
|
(v) => {
|
|
3336
|
-
g.value = v.rollup, u.value = v.showTitle ?? !0, p.value = v.titleFontSize ?? 14, $.value = v.titleBold ?? !1, P.value = v.titleItalic ?? !1, L.value = v.titleUnderline ?? !1, M.value = v.chartHeight ?? void 0, A.value = v.chartWidth ?? void 0, I.value = Array.isArray(v.chartColors) ? [...v.chartColors] : void 0, V.value = Array.isArray(v.chartColorLayers) ? [...v.chartColorLayers] : void 0, O.value = Array.isArray(v.chartBreakdownColors) ? [...v.chartBreakdownColors] : void 0, G.value = Array.isArray(v.chartBreakdownDimensionValues) ? [...v.chartBreakdownDimensionValues] : void 0, _.value = v.chartUseSecondaryMetricShades ?? !0, C.value = v.chartColorBinding, N.value = Array.isArray(v.lineStyles) ? [...v.lineStyles] : void 0, R.value = v.lineStyleBinding, W.value = v.showLabel ?? !1, U.value = v.labelAlign ?? Kt.center, ee.value = v.labelAnchor ?? jt.center, te.value = v.labelRotation ?? 0, ve.value = v.labelOffset ?? 0, ye.value = v.labelFontSize ?? 12, i.value = v.showX ?? !0, H.value = v.xPosition ?? Jt.bottom,
|
|
3342
|
+
g.value = v.rollup, u.value = v.showTitle ?? !0, p.value = v.titleFontSize ?? 14, $.value = v.titleBold ?? !1, P.value = v.titleItalic ?? !1, L.value = v.titleUnderline ?? !1, M.value = v.chartHeight ?? void 0, A.value = v.chartWidth ?? void 0, I.value = Array.isArray(v.chartColors) ? [...v.chartColors] : void 0, V.value = Array.isArray(v.chartColorLayers) ? [...v.chartColorLayers] : void 0, O.value = Array.isArray(v.chartBreakdownColors) ? [...v.chartBreakdownColors] : void 0, G.value = Array.isArray(v.chartBreakdownDimensionValues) ? [...v.chartBreakdownDimensionValues] : void 0, _.value = v.chartUseSecondaryMetricShades ?? !0, C.value = v.chartColorBinding, N.value = Array.isArray(v.lineStyles) ? [...v.lineStyles] : void 0, R.value = v.lineStyleBinding, W.value = v.showLabel ?? !1, U.value = v.labelAlign ?? Kt.center, ee.value = v.labelAnchor ?? jt.center, te.value = v.labelRotation ?? 0, ve.value = v.labelOffset ?? 0, ye.value = v.labelFontSize ?? 12, i.value = v.showX ?? !0, H.value = v.xPosition ?? Jt.bottom, X.value = v.showXGrid ?? !1, E.value = v.showXTick ?? !0, ne.value = v.xTickFontSize ?? 12, de.value = v.showXTitle ?? !1, xe.value = v.xTitle ?? "", be.value = v.xTitleFontSize ?? 12, se.value = v.showY ?? !0, J.value = v.yPosition ?? Zt.left, Q.value = v.showYGrid ?? !1, z.value = v.showYTick ?? !0, re.value = v.yTickFontSize ?? 12, le.value = v.showYTitle ?? !1, ge.value = v.yTitle ?? "", me.value = v.yTitleFontSize ?? 12, ue.value = v.showLegend ?? void 0, Te.value = v.legendPosition ?? Qt.top, De.value = v.usePointStyle ?? !0, qe.value = v.legendFontSize, kt.value = v.legendColor ?? "#6b6b6b", ie.value = v.legendMaxLines, cn.value = v.legendMaxHeight, dn.value = v.legendMaxWidth, mn.value = v.maxTooltipItems, fn.value = v.stackBarOverlap ?? !1, pn.value = v.rowHeight ?? 0, hn.value = v.colWidths ?? [], y.value = vt();
|
|
3337
3343
|
},
|
|
3338
3344
|
{ deep: !0 }
|
|
3339
3345
|
), pe([() => g.value], () => {
|
|
@@ -3343,9 +3349,9 @@ const Wl = {
|
|
|
3343
3349
|
() => fe.value,
|
|
3344
3350
|
() => gn.value,
|
|
3345
3351
|
() => yn.value,
|
|
3346
|
-
() =>
|
|
3352
|
+
() => fa.value,
|
|
3347
3353
|
() => Ht.value,
|
|
3348
|
-
() =>
|
|
3354
|
+
() => wa.value,
|
|
3349
3355
|
() => Wt.value
|
|
3350
3356
|
],
|
|
3351
3357
|
() => {
|
|
@@ -3377,13 +3383,13 @@ const Wl = {
|
|
|
3377
3383
|
try {
|
|
3378
3384
|
n.value = !0, Lt && Lt.abort(), Lt = new AbortController();
|
|
3379
3385
|
const v = Lt.signal, ae = Wt.value, Ce = await Xt(qn, 500)(fe.value, v, o.value.id);
|
|
3380
|
-
Wt.value === ae && (at.value = Ce, fe.value.type
|
|
3386
|
+
Wt.value === ae && (at.value = Ce, sa.has(fe.value.type) && S("update:breakdown-dimension-values", xa(Ce)), y.value = vt(), setTimeout(() => l(), 100)), n.value = !1;
|
|
3381
3387
|
} catch (v) {
|
|
3382
3388
|
v.code !== "ERR_CANCELED" && (at.value = null, xn.open({ message: `Invalid chart ${fe.value.type}`, type: "error" }), console.log(v), n.value = !1);
|
|
3383
3389
|
}
|
|
3384
3390
|
}
|
|
3385
3391
|
}
|
|
3386
|
-
function
|
|
3392
|
+
function Sa(v) {
|
|
3387
3393
|
switch (o.value.widget.type) {
|
|
3388
3394
|
case "SPACER":
|
|
3389
3395
|
return;
|
|
@@ -3394,57 +3400,57 @@ const Wl = {
|
|
|
3394
3400
|
}
|
|
3395
3401
|
return `${Math.max(v / o.value.size.width, 90) * o.value.size.height}px`;
|
|
3396
3402
|
}
|
|
3397
|
-
function
|
|
3403
|
+
function _a() {
|
|
3398
3404
|
const v = h.value - 1;
|
|
3399
3405
|
v >= 0 && (w.value = Ye.value[v].value);
|
|
3400
3406
|
}
|
|
3401
|
-
function
|
|
3407
|
+
function ka() {
|
|
3402
3408
|
const v = h.value + 1;
|
|
3403
3409
|
v >= 0 && v < Ye.value.length && (w.value = Ye.value[v].value);
|
|
3404
3410
|
}
|
|
3405
|
-
const _n = k(
|
|
3406
|
-
label:
|
|
3411
|
+
const _n = k(lt.EXCEL), kn = k(), Ta = Object.values(lt).map((v) => ({
|
|
3412
|
+
label: Oa(v),
|
|
3407
3413
|
value: v,
|
|
3408
3414
|
onClick: async () => {
|
|
3409
|
-
v ===
|
|
3415
|
+
v === lt.EXCEL || v === lt.PDFFULLSIZE || v === lt.PDFRECEIPT ? await Un({
|
|
3410
3416
|
reportType: v,
|
|
3411
3417
|
index: c.index,
|
|
3412
|
-
isCombinedLocationLayout:
|
|
3418
|
+
isCombinedLocationLayout: ga.value,
|
|
3413
3419
|
timeRange: yn.value,
|
|
3414
3420
|
dateRange: gn.value,
|
|
3415
3421
|
locationIds: Ht.value
|
|
3416
|
-
}) : v ===
|
|
3422
|
+
}) : v === lt.PDF && (_n.value = v, kn.value = c.index, At.value = !0);
|
|
3417
3423
|
}
|
|
3418
|
-
})),
|
|
3424
|
+
})), La = fe.value.type === q.Spacer ? "flat" : "outlined", Fa = fe.value.type === q.Spacer ? "p-0" : "p-16";
|
|
3419
3425
|
return (v, ae) => {
|
|
3420
|
-
const Ce = Z("FmTooltip"), ze = Z("FmSearch"), Xe = Z("FmCheckbox"), Pe = Z("FmButton"), Ft = Z("FmSelect"), ot = Z("FmMenuItem"),
|
|
3421
|
-
return
|
|
3426
|
+
const Ce = Z("FmTooltip"), ze = Z("FmSearch"), Xe = Z("FmCheckbox"), Pe = Z("FmButton"), Ft = Z("FmSelect"), ot = Z("FmMenuItem"), Da = Z("FmMenu"), Ia = Z("FmForm"), Va = Z("FmCircularProgress"), $a = Z("FmCard");
|
|
3427
|
+
return Y(), he($a, {
|
|
3422
3428
|
ref_key: "tileCard",
|
|
3423
3429
|
ref: F,
|
|
3424
|
-
class: Qe(`${
|
|
3425
|
-
variant: d(
|
|
3430
|
+
class: Qe(`${da.value} ${d(Fa)}`),
|
|
3431
|
+
variant: d(La)
|
|
3426
3432
|
}, {
|
|
3427
3433
|
default: ce(() => [
|
|
3428
|
-
K(
|
|
3434
|
+
K(Hr, {
|
|
3429
3435
|
modelValue: At.value,
|
|
3430
|
-
"onUpdate:modelValue": ae[0] || (ae[0] = (
|
|
3436
|
+
"onUpdate:modelValue": ae[0] || (ae[0] = (rt) => At.value = rt),
|
|
3431
3437
|
"report-type": _n.value,
|
|
3432
3438
|
index: kn.value
|
|
3433
3439
|
}, null, 8, ["modelValue", "report-type", "index"]),
|
|
3434
|
-
!n.value && !d(bn) ? (
|
|
3440
|
+
!n.value && !d(bn) ? (Y(), oe("div", {
|
|
3435
3441
|
key: 0,
|
|
3436
3442
|
style: $e({ height: vn.value })
|
|
3437
3443
|
}, [
|
|
3438
|
-
(
|
|
3444
|
+
(Y(), he(za(ma.value), {
|
|
3439
3445
|
key: y.value,
|
|
3440
3446
|
modelValue: Cn.value,
|
|
3441
|
-
"onUpdate:modelValue": ae[4] || (ae[4] = (
|
|
3447
|
+
"onUpdate:modelValue": ae[4] || (ae[4] = (rt) => Cn.value = rt),
|
|
3442
3448
|
"tile-index": c.index
|
|
3443
3449
|
}, {
|
|
3444
3450
|
menu: ce(() => [
|
|
3445
|
-
K(
|
|
3451
|
+
K(Ia, { class: "flex items-center gap-2" }, {
|
|
3446
3452
|
default: ce(() => {
|
|
3447
|
-
var
|
|
3453
|
+
var rt, Tn, Ln, Fn;
|
|
3448
3454
|
return [
|
|
3449
3455
|
K(Ce, {
|
|
3450
3456
|
variant: "plain",
|
|
@@ -3455,7 +3461,7 @@ const Wl = {
|
|
|
3455
3461
|
"z-index": 99
|
|
3456
3462
|
}, {
|
|
3457
3463
|
default: ce(() => [
|
|
3458
|
-
u.value !== !1 ? (
|
|
3464
|
+
u.value !== !1 ? (Y(), oe("p", {
|
|
3459
3465
|
key: 0,
|
|
3460
3466
|
style: $e({
|
|
3461
3467
|
fontSize: p.value + "px",
|
|
@@ -3467,46 +3473,46 @@ const Wl = {
|
|
|
3467
3473
|
p.value <= 18 ? "fm-typo-en-body-md-400" : "",
|
|
3468
3474
|
fe.value.description ? "border-b-2 border-dashed border-gray-300" : ""
|
|
3469
3475
|
]])
|
|
3470
|
-
}, Le(d(Ke)(d(s), d(
|
|
3476
|
+
}, Le(d(Ke)(d(s), d(r), fe.value.title, "other")), 7)) : Ve("", !0)
|
|
3471
3477
|
]),
|
|
3472
3478
|
_: 1
|
|
3473
3479
|
}, 8, ["content", "disabled"]),
|
|
3474
|
-
(
|
|
3480
|
+
(rt = Tt.value) != null && rt.showSearchBar ? (Y(), he(ze, {
|
|
3475
3481
|
key: 0,
|
|
3476
3482
|
modelValue: Nt.value,
|
|
3477
3483
|
"onUpdate:modelValue": ae[1] || (ae[1] = (We) => Nt.value = We),
|
|
3478
3484
|
class: "grow"
|
|
3479
|
-
}, null, 8, ["modelValue"])) : (
|
|
3480
|
-
|
|
3485
|
+
}, null, 8, ["modelValue"])) : (Y(), oe("div", Or)),
|
|
3486
|
+
Aa(K(Xe, {
|
|
3481
3487
|
modelValue: W.value,
|
|
3482
3488
|
"onUpdate:modelValue": ae[2] || (ae[2] = (We) => W.value = We),
|
|
3483
3489
|
label: "Label",
|
|
3484
3490
|
value: !1
|
|
3485
3491
|
}, null, 8, ["modelValue"]), [
|
|
3486
|
-
[
|
|
3492
|
+
[Na, (Tn = Tt.value) == null ? void 0 : Tn.showLabel]
|
|
3487
3493
|
]),
|
|
3488
|
-
(Ln = Tt.value) != null && Ln.showDrillDimension && Ye.value.length > 0 ? (
|
|
3494
|
+
(Ln = Tt.value) != null && Ln.showDrillDimension && Ye.value.length > 0 ? (Y(), oe("div", Er, [
|
|
3489
3495
|
K(Pe, {
|
|
3490
3496
|
icon: "arrow_upward",
|
|
3491
3497
|
variant: "tertiary",
|
|
3492
3498
|
disabled: !f.value,
|
|
3493
|
-
onClick:
|
|
3499
|
+
onClick: _a
|
|
3494
3500
|
}, null, 8, ["disabled"]),
|
|
3495
3501
|
K(Pe, {
|
|
3496
3502
|
icon: "arrow_downward",
|
|
3497
3503
|
variant: "tertiary",
|
|
3498
3504
|
disabled: !m.value,
|
|
3499
|
-
onClick:
|
|
3505
|
+
onClick: ka
|
|
3500
3506
|
}, null, 8, ["disabled"])
|
|
3501
3507
|
])) : Ve("", !0),
|
|
3502
|
-
(Fn = Tt.value) != null && Fn.showRollup && wn.value.length > 0 ? (
|
|
3508
|
+
(Fn = Tt.value) != null && Fn.showRollup && wn.value.length > 0 ? (Y(), he(Ft, {
|
|
3503
3509
|
key: `rollup-${d(b)}`,
|
|
3504
3510
|
modelValue: g.value,
|
|
3505
3511
|
"onUpdate:modelValue": ae[3] || (ae[3] = (We) => g.value = We),
|
|
3506
3512
|
class: "w-[150px]",
|
|
3507
3513
|
items: wn.value
|
|
3508
3514
|
}, null, 8, ["modelValue", "items"])) : Ve("", !0),
|
|
3509
|
-
c.hideExport ? Ve("", !0) : (
|
|
3515
|
+
c.hideExport ? Ve("", !0) : (Y(), he(Da, {
|
|
3510
3516
|
key: 4,
|
|
3511
3517
|
shift: !0
|
|
3512
3518
|
}, {
|
|
@@ -3517,7 +3523,7 @@ const Wl = {
|
|
|
3517
3523
|
})
|
|
3518
3524
|
]),
|
|
3519
3525
|
default: ce(() => [
|
|
3520
|
-
(
|
|
3526
|
+
(Y(!0), oe(ke, null, it(d(Ta), (We) => (Y(), he(ot, {
|
|
3521
3527
|
key: We.value,
|
|
3522
3528
|
label: We.label,
|
|
3523
3529
|
onClick: We.onClick
|
|
@@ -3532,7 +3538,7 @@ const Wl = {
|
|
|
3532
3538
|
]),
|
|
3533
3539
|
_: 1
|
|
3534
3540
|
}, 8, ["modelValue", "tile-index"]))
|
|
3535
|
-
], 4)) : (
|
|
3541
|
+
], 4)) : (Y(), he(Va, { key: 1 }))
|
|
3536
3542
|
]),
|
|
3537
3543
|
_: 1
|
|
3538
3544
|
}, 8, ["class", "variant"]);
|
|
@@ -3540,7 +3546,7 @@ const Wl = {
|
|
|
3540
3546
|
}
|
|
3541
3547
|
});
|
|
3542
3548
|
var Je = /* @__PURE__ */ ((e) => (e.Select = "Select", e.TextField = "TextField", e.Timestamp = "Timestamp", e))(Je || {});
|
|
3543
|
-
function
|
|
3549
|
+
function Ur(e) {
|
|
3544
3550
|
let t = !1, n = 1;
|
|
3545
3551
|
switch (e) {
|
|
3546
3552
|
case Me.Equal:
|
|
@@ -3564,13 +3570,13 @@ function El(e) {
|
|
|
3564
3570
|
count: n
|
|
3565
3571
|
};
|
|
3566
3572
|
}
|
|
3567
|
-
function
|
|
3573
|
+
function wl({
|
|
3568
3574
|
operator: e,
|
|
3569
3575
|
dimensionOption: t,
|
|
3570
3576
|
dataType: n,
|
|
3571
3577
|
t: o
|
|
3572
3578
|
}) {
|
|
3573
|
-
const { fixed: a, count: s } =
|
|
3579
|
+
const { fixed: a, count: s } = Ur(e);
|
|
3574
3580
|
switch (n) {
|
|
3575
3581
|
case Oe.String:
|
|
3576
3582
|
return {
|
|
@@ -3600,7 +3606,7 @@ function Cr({
|
|
|
3600
3606
|
default: !0
|
|
3601
3607
|
};
|
|
3602
3608
|
case Oe.Timestamp:
|
|
3603
|
-
return
|
|
3609
|
+
return la({
|
|
3604
3610
|
dimensionOption: t,
|
|
3605
3611
|
fixed: a,
|
|
3606
3612
|
count: s,
|
|
@@ -3615,7 +3621,7 @@ function Cr({
|
|
|
3615
3621
|
default: ""
|
|
3616
3622
|
};
|
|
3617
3623
|
}
|
|
3618
|
-
function
|
|
3624
|
+
function xl(e) {
|
|
3619
3625
|
switch (e) {
|
|
3620
3626
|
case we.HourOfDay:
|
|
3621
3627
|
return 0;
|
|
@@ -3625,7 +3631,7 @@ function wr(e) {
|
|
|
3625
3631
|
return;
|
|
3626
3632
|
}
|
|
3627
3633
|
}
|
|
3628
|
-
function
|
|
3634
|
+
function Sl(e) {
|
|
3629
3635
|
switch (e) {
|
|
3630
3636
|
case we.HourOfDay:
|
|
3631
3637
|
return 23;
|
|
@@ -3635,7 +3641,7 @@ function xr(e) {
|
|
|
3635
3641
|
return;
|
|
3636
3642
|
}
|
|
3637
3643
|
}
|
|
3638
|
-
function
|
|
3644
|
+
function la({
|
|
3639
3645
|
dimensionOption: e,
|
|
3640
3646
|
fixed: t,
|
|
3641
3647
|
count: n,
|
|
@@ -3714,7 +3720,7 @@ function Wn({
|
|
|
3714
3720
|
dimensionOption: e,
|
|
3715
3721
|
t
|
|
3716
3722
|
}) {
|
|
3717
|
-
const n =
|
|
3723
|
+
const n = la({
|
|
3718
3724
|
dimensionOption: e,
|
|
3719
3725
|
fixed: !1,
|
|
3720
3726
|
count: 1,
|
|
@@ -3722,7 +3728,7 @@ function Wn({
|
|
|
3722
3728
|
});
|
|
3723
3729
|
return n.type !== Je.Select ? [] : [{ label: t("report.input.unknown"), value: "" }, ...n.options];
|
|
3724
3730
|
}
|
|
3725
|
-
const
|
|
3731
|
+
const qr = "mf-reportglobalFilter";
|
|
3726
3732
|
function On(e, t) {
|
|
3727
3733
|
var n;
|
|
3728
3734
|
return [
|
|
@@ -3735,7 +3741,7 @@ function On(e, t) {
|
|
|
3735
3741
|
((n = e.tileIds) == null ? void 0 : n.join(",")) ?? ""
|
|
3736
3742
|
].join("|");
|
|
3737
3743
|
}
|
|
3738
|
-
const
|
|
3744
|
+
const Xr = Xn(qr, () => {
|
|
3739
3745
|
const e = k({}), t = k(!1), n = k(null), o = () => ({
|
|
3740
3746
|
search: "",
|
|
3741
3747
|
selectedValues: [],
|
|
@@ -3744,15 +3750,15 @@ const ql = Xn(Ul, () => {
|
|
|
3744
3750
|
visibleCount: 50
|
|
3745
3751
|
});
|
|
3746
3752
|
function a(T, B) {
|
|
3747
|
-
const
|
|
3748
|
-
return e.value[
|
|
3753
|
+
const l = On(T, B);
|
|
3754
|
+
return e.value[l] || (e.value[l] = o()), e.value[l];
|
|
3749
3755
|
}
|
|
3750
|
-
const s = x(() => e.value),
|
|
3751
|
-
function b(T, B,
|
|
3752
|
-
a(T, B)[
|
|
3756
|
+
const s = x(() => e.value), r = (T) => n.value === T;
|
|
3757
|
+
function b(T, B, l, g) {
|
|
3758
|
+
a(T, B)[l] = g;
|
|
3753
3759
|
}
|
|
3754
|
-
function c(T, B,
|
|
3755
|
-
a(T, B).visibleCount +=
|
|
3760
|
+
function c(T, B, l = 50) {
|
|
3761
|
+
a(T, B).visibleCount += l;
|
|
3756
3762
|
}
|
|
3757
3763
|
function S(T) {
|
|
3758
3764
|
t.value = T;
|
|
@@ -3768,7 +3774,7 @@ const ql = Xn(Ul, () => {
|
|
|
3768
3774
|
includeUnavailable: t,
|
|
3769
3775
|
openMenuKey: n,
|
|
3770
3776
|
getGlobalFilter: a,
|
|
3771
|
-
isMenuOpen:
|
|
3777
|
+
isMenuOpen: r,
|
|
3772
3778
|
setGlobalFilter: b,
|
|
3773
3779
|
showMore: c,
|
|
3774
3780
|
setIncludeUnavailable: S,
|
|
@@ -3776,14 +3782,14 @@ const ql = Xn(Ul, () => {
|
|
|
3776
3782
|
closeMenu: D,
|
|
3777
3783
|
getKey: On
|
|
3778
3784
|
};
|
|
3779
|
-
}),
|
|
3785
|
+
}), Yr = { class: "flex flex-row flex-wrap gap-2" }, Gr = { class: "inline-flex max-w-[460px]" }, jr = {
|
|
3780
3786
|
key: 0,
|
|
3781
3787
|
class: "flex justify-center my-2"
|
|
3782
|
-
},
|
|
3788
|
+
}, Kr = { class: "px-2 pb-8" }, Jr = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, Zr = { class: "px-2 pb-8" }, Qr = { class: "flex items-start w-full" }, el = ["onClick"], tl = { class: "fm-typo-en-body-md-400" }, nl = { key: 0 }, al = { class: "px-12 py-3" }, ol = { class: "flex items-center justify-between" }, rl = { class: "text-xs max-w-[200px]" }, ll = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, _l = /* @__PURE__ */ Be({
|
|
3783
3789
|
__name: "FilterSelector",
|
|
3784
3790
|
setup(e) {
|
|
3785
|
-
const { t, locale: n } = et(), { currentReport: o, editingTile: a } = Ee(
|
|
3786
|
-
let { globalFilters: s, isGlobalFiltersLoading:
|
|
3791
|
+
const { t, locale: n } = et(), { currentReport: o, editingTile: a } = Ee(Ea());
|
|
3792
|
+
let { globalFilters: s, isGlobalFiltersLoading: r, timeRange: b, dateRange: c, selectedLocationIds: S, timezone: F } = Ee(gt()), { schemas: D } = Ee(Ua()), { showMore: T, getGlobalFilter: B, setGlobalFilter: l, setIncludeUnavailable: g, getKey: y, isMenuOpen: w } = Xr();
|
|
3787
3793
|
const h = x(() => t("report.input.unknown"));
|
|
3788
3794
|
let f = null;
|
|
3789
3795
|
const m = k(!1), u = x(() => {
|
|
@@ -3791,8 +3797,8 @@ const ql = Xn(Ul, () => {
|
|
|
3791
3797
|
return ((i = o.value) == null ? void 0 : i.id) ?? "";
|
|
3792
3798
|
}), p = k([]);
|
|
3793
3799
|
function $(i) {
|
|
3794
|
-
const
|
|
3795
|
-
i.selectedValues = i.keepSelection ?
|
|
3800
|
+
const X = B(i.filter, u.value).selectedValues;
|
|
3801
|
+
i.selectedValues = i.keepSelection ? X : i.options.map((E) => E.value), i.filter.values = [...i.selectedValues], l(i.filter, u.value, "selectedValues", i.selectedValues);
|
|
3796
3802
|
}
|
|
3797
3803
|
pe(
|
|
3798
3804
|
() => ({
|
|
@@ -3801,17 +3807,17 @@ const ql = Xn(Ul, () => {
|
|
|
3801
3807
|
}),
|
|
3802
3808
|
() => {
|
|
3803
3809
|
p.value = (s.value || []).map((i, H) => {
|
|
3804
|
-
const
|
|
3810
|
+
const X = B(i, u.value), E = X.selectedValues.length ? [...X.selectedValues] : [...i.values ?? []];
|
|
3805
3811
|
return {
|
|
3806
3812
|
id: `${y(i, u.value)}|${H}`,
|
|
3807
3813
|
filter: i,
|
|
3808
|
-
search:
|
|
3814
|
+
search: X.search,
|
|
3809
3815
|
options: [],
|
|
3810
3816
|
type: P(i),
|
|
3811
3817
|
selectedValues: E,
|
|
3812
|
-
visibleCount:
|
|
3813
|
-
keepSelection:
|
|
3814
|
-
showAdvanced:
|
|
3818
|
+
visibleCount: X.visibleCount,
|
|
3819
|
+
keepSelection: X.keepSelection,
|
|
3820
|
+
showAdvanced: X.showAdvanced
|
|
3815
3821
|
};
|
|
3816
3822
|
}), G();
|
|
3817
3823
|
},
|
|
@@ -3837,40 +3843,40 @@ const ql = Xn(Ul, () => {
|
|
|
3837
3843
|
}
|
|
3838
3844
|
);
|
|
3839
3845
|
function P(i) {
|
|
3840
|
-
var
|
|
3841
|
-
const H = (
|
|
3846
|
+
var X;
|
|
3847
|
+
const H = (X = D.value.find((E) => E.name === i.schemaName)) == null ? void 0 : X.fields.find((E) => E.name === i.name);
|
|
3842
3848
|
return H == null ? void 0 : H.type;
|
|
3843
3849
|
}
|
|
3844
3850
|
function L(i) {
|
|
3845
3851
|
var be;
|
|
3846
3852
|
if (!o.value && !a.value) return [];
|
|
3847
|
-
const H = a.value ? [a.value] : [...((be = o.value) == null ? void 0 : be.tiles) ?? []], { name:
|
|
3848
|
-
var
|
|
3849
|
-
const J = (
|
|
3853
|
+
const H = a.value ? [a.value] : [...((be = o.value) == null ? void 0 : be.tiles) ?? []], { name: X = "", schemaName: E = "" } = i, ne = H.filter((se) => {
|
|
3854
|
+
var le, ge;
|
|
3855
|
+
const J = (le = se == null ? void 0 : se.widget) == null ? void 0 : le.config;
|
|
3850
3856
|
if (!J || (ge = i.tileIds) != null && ge.length && !i.tileIds.includes(se.id)) return !1;
|
|
3851
3857
|
const Q = (J.dimensions ?? []).some(
|
|
3852
|
-
(me) => me.schemaName === E && me.name ===
|
|
3858
|
+
(me) => me.schemaName === E && me.name === X
|
|
3853
3859
|
), z = (J.joinDatasources ?? []).some(
|
|
3854
|
-
(me) => (me.dimensions ?? []).some((ue) => ue.schemaName === E && ue.name ===
|
|
3855
|
-
),
|
|
3856
|
-
return Q || z ||
|
|
3860
|
+
(me) => (me.dimensions ?? []).some((ue) => ue.schemaName === E && ue.name === X)
|
|
3861
|
+
), re = (J.schemaNames ?? []).includes(E);
|
|
3862
|
+
return Q || z || re;
|
|
3857
3863
|
});
|
|
3858
3864
|
if (!ne.length) return [];
|
|
3859
3865
|
const de = (se, J) => {
|
|
3860
|
-
const Q = /* @__PURE__ */ new Map(), z = (
|
|
3861
|
-
const
|
|
3862
|
-
ge ? [Me.Like, Me.NotLike].includes(
|
|
3866
|
+
const Q = /* @__PURE__ */ new Map(), z = (re) => {
|
|
3867
|
+
const le = `${re.schemaName}:${re.name}:${re.operator}:${re.option ?? ""}:${re.dataFormula ?? ""}`, ge = Q.get(le);
|
|
3868
|
+
ge ? [Me.Like, Me.NotLike].includes(re.operator) ? ge.values = Array.from(/* @__PURE__ */ new Set([...ge.values ?? [], ...re.values ?? []])) : Q.set(le, { ...re }) : Q.set(le, { ...re });
|
|
3863
3869
|
};
|
|
3864
3870
|
return se.forEach(z), J.forEach(z), Array.from(Q.values());
|
|
3865
3871
|
}, xe = (se) => {
|
|
3866
3872
|
var Q;
|
|
3867
3873
|
const J = (Q = se.dimensions) == null ? void 0 : Q.find(
|
|
3868
|
-
(z) => z.schemaName === E && z.name ===
|
|
3874
|
+
(z) => z.schemaName === E && z.name === X
|
|
3869
3875
|
);
|
|
3870
3876
|
return {
|
|
3871
|
-
name:
|
|
3877
|
+
name: X,
|
|
3872
3878
|
schemaName: E,
|
|
3873
|
-
label: (J == null ? void 0 : J.label) ??
|
|
3879
|
+
label: (J == null ? void 0 : J.label) ?? X,
|
|
3874
3880
|
hide: !1,
|
|
3875
3881
|
option: i.option ?? null,
|
|
3876
3882
|
dataFormula: J == null ? void 0 : J.dataFormula
|
|
@@ -3880,37 +3886,37 @@ const ql = Xn(Ul, () => {
|
|
|
3880
3886
|
var me, ue;
|
|
3881
3887
|
const J = (me = se == null ? void 0 : se.widget) == null ? void 0 : me.config;
|
|
3882
3888
|
if (!J) return null;
|
|
3883
|
-
const Q = xe(J), z = (J.dimensions ?? []).some((Te) => Te.schemaName === E) || (J.schemaNames ?? []).includes(E),
|
|
3889
|
+
const Q = xe(J), z = (J.dimensions ?? []).some((Te) => Te.schemaName === E) || (J.schemaNames ?? []).includes(E), re = de(
|
|
3884
3890
|
J.filters ?? [],
|
|
3885
3891
|
(i.filters ?? []).filter((Te) => {
|
|
3886
3892
|
var De;
|
|
3887
3893
|
return (De = J.schemaNames) == null ? void 0 : De.includes(Te.schemaName);
|
|
3888
3894
|
})
|
|
3889
|
-
),
|
|
3895
|
+
), le = (ue = J.joinDatasources) == null ? void 0 : ue.find(
|
|
3890
3896
|
(Te) => (Te.schemaNames ?? []).includes(E) || (Te.dimensions ?? []).some((De) => De.schemaName === E)
|
|
3891
3897
|
), ge = de(
|
|
3892
|
-
(
|
|
3898
|
+
(le == null ? void 0 : le.filters) ?? [],
|
|
3893
3899
|
(i.filters ?? []).filter((Te) => {
|
|
3894
3900
|
var De;
|
|
3895
|
-
return (De =
|
|
3901
|
+
return (De = le == null ? void 0 : le.schemaNames) == null ? void 0 : De.includes(Te.schemaName);
|
|
3896
3902
|
})
|
|
3897
3903
|
);
|
|
3898
3904
|
return {
|
|
3899
|
-
type:
|
|
3905
|
+
type: q.Table,
|
|
3900
3906
|
title: "Global Filter",
|
|
3901
3907
|
config: {
|
|
3902
3908
|
schemaNames: J.schemaNames,
|
|
3903
3909
|
schemas: J.schemas,
|
|
3904
3910
|
dimensions: z ? [Q] : [],
|
|
3905
|
-
filters:
|
|
3906
|
-
sorts: z ? [{ name:
|
|
3907
|
-
joinDatasources: !z &&
|
|
3911
|
+
filters: re,
|
|
3912
|
+
sorts: z ? [{ name: X, schemaName: E, type: je.Asc, aggregation: null, dimensionOption: null }] : [],
|
|
3913
|
+
joinDatasources: !z && le ? [
|
|
3908
3914
|
{
|
|
3909
|
-
...
|
|
3915
|
+
...le,
|
|
3910
3916
|
dimensions: [Q],
|
|
3911
3917
|
sorts: [
|
|
3912
3918
|
{
|
|
3913
|
-
name:
|
|
3919
|
+
name: X,
|
|
3914
3920
|
schemaName: E,
|
|
3915
3921
|
type: je.Asc,
|
|
3916
3922
|
aggregation: null,
|
|
@@ -3937,8 +3943,8 @@ const ql = Xn(Ul, () => {
|
|
|
3937
3943
|
}
|
|
3938
3944
|
function A(i) {
|
|
3939
3945
|
return i.options.every((H) => {
|
|
3940
|
-
var
|
|
3941
|
-
return (
|
|
3946
|
+
var X;
|
|
3947
|
+
return (X = i.selectedValues) == null ? void 0 : X.includes(H.value);
|
|
3942
3948
|
});
|
|
3943
3949
|
}
|
|
3944
3950
|
function M(i) {
|
|
@@ -3946,9 +3952,9 @@ const ql = Xn(Ul, () => {
|
|
|
3946
3952
|
}
|
|
3947
3953
|
const I = x(
|
|
3948
3954
|
() => p.value.map((i) => {
|
|
3949
|
-
const H = i.options,
|
|
3955
|
+
const H = i.options, X = i.search.toLowerCase() ?? "";
|
|
3950
3956
|
return H.filter(
|
|
3951
|
-
(ne) => ne.label.toLowerCase().includes(
|
|
3957
|
+
(ne) => ne.label.toLowerCase().includes(X.toLowerCase())
|
|
3952
3958
|
).slice(0, i.visibleCount);
|
|
3953
3959
|
})
|
|
3954
3960
|
);
|
|
@@ -3956,7 +3962,7 @@ const ql = Xn(Ul, () => {
|
|
|
3956
3962
|
i.visibleCount += 50, T(i.filter, u.value, 50);
|
|
3957
3963
|
}
|
|
3958
3964
|
async function O(i, H) {
|
|
3959
|
-
var
|
|
3965
|
+
var X;
|
|
3960
3966
|
if (!(!i.type && (i.type = P(i.filter), !i.type)))
|
|
3961
3967
|
switch (i.type) {
|
|
3962
3968
|
case Oe.String:
|
|
@@ -3969,12 +3975,12 @@ const ql = Xn(Ul, () => {
|
|
|
3969
3975
|
const ne = [];
|
|
3970
3976
|
for (const J of E) {
|
|
3971
3977
|
const Q = await qn(J, H);
|
|
3972
|
-
(Q == null ? void 0 : Q.type) ===
|
|
3973
|
-
var
|
|
3974
|
-
return ((
|
|
3978
|
+
(Q == null ? void 0 : Q.type) === q.Table && ne.push(...Q.rows.map((z) => {
|
|
3979
|
+
var re;
|
|
3980
|
+
return ((re = z.cells) == null ? void 0 : re[0]) ?? " ";
|
|
3975
3981
|
}));
|
|
3976
3982
|
}
|
|
3977
|
-
const de = Array.from(new Set(ne)), xe = (
|
|
3983
|
+
const de = Array.from(new Set(ne)), xe = (X = B(i.filter, u.value).selectedValues) != null && X.length ? B(i.filter, u.value).selectedValues : i.selectedValues || [], be = i.keepSelection ? Array.from(/* @__PURE__ */ new Set([...de, ...xe])) : de, se = new Set(ne);
|
|
3978
3984
|
i.options = be.map((J) => ({
|
|
3979
3985
|
label: String(J).trim() === "" ? h.value : String(J),
|
|
3980
3986
|
value: J,
|
|
@@ -4010,11 +4016,11 @@ const ql = Xn(Ul, () => {
|
|
|
4010
4016
|
const H = new AbortController();
|
|
4011
4017
|
f = H;
|
|
4012
4018
|
try {
|
|
4013
|
-
i || (
|
|
4014
|
-
p.value.map((
|
|
4019
|
+
i || (r.value = !0), m.value = !0, await Promise.all(
|
|
4020
|
+
p.value.map((X) => O(X, H.signal))
|
|
4015
4021
|
);
|
|
4016
4022
|
} finally {
|
|
4017
|
-
f === H && (i || (
|
|
4023
|
+
f === H && (i || (r.value = !1), m.value = !1);
|
|
4018
4024
|
}
|
|
4019
4025
|
}
|
|
4020
4026
|
function _(i, H) {
|
|
@@ -4024,7 +4030,7 @@ const ql = Xn(Ul, () => {
|
|
|
4024
4030
|
i.selectedValues = ne.length > 0 ? ne : ["(EMPTY)"];
|
|
4025
4031
|
} else
|
|
4026
4032
|
i.selectedValues = [...(i.selectedValues || []).filter((ne) => ne !== "(EMPTY)"), H];
|
|
4027
|
-
|
|
4033
|
+
l(i.filter, u.value, "selectedValues", i.selectedValues);
|
|
4028
4034
|
}
|
|
4029
4035
|
function C(i, H) {
|
|
4030
4036
|
if (H === null)
|
|
@@ -4033,34 +4039,34 @@ const ql = Xn(Ul, () => {
|
|
|
4033
4039
|
const E = st(H.startDate).tz(F.value).startOf("day").utc().toISOString(), ne = st(H.endDate).tz(F.value).endOf("day").utc().toISOString();
|
|
4034
4040
|
i.values = [E, ne];
|
|
4035
4041
|
}
|
|
4036
|
-
const
|
|
4037
|
-
|
|
4042
|
+
const X = p.value.find((E) => E.filter === i);
|
|
4043
|
+
X && (X.keepSelection = H !== null, l(X.filter, u.value, "keepSelection", X.keepSelection));
|
|
4038
4044
|
}
|
|
4039
4045
|
function N(i) {
|
|
4040
|
-
const H = (i.selectedValues || []).filter((
|
|
4046
|
+
const H = (i.selectedValues || []).filter((X) => X !== "(EMPTY)");
|
|
4041
4047
|
return `${t("report.section.filter.selectAll")} (${H.length}/${i.options.length})`;
|
|
4042
4048
|
}
|
|
4043
4049
|
function R(i) {
|
|
4044
|
-
const H = i.options.length,
|
|
4045
|
-
return `${
|
|
4050
|
+
const H = i.options.length, X = t("report.section.filter.search"), E = t("report.common.results", { count: H });
|
|
4051
|
+
return `${X} (${E})`;
|
|
4046
4052
|
}
|
|
4047
4053
|
function W(i) {
|
|
4048
4054
|
var de, xe, be, se, J;
|
|
4049
|
-
const H =
|
|
4055
|
+
const H = Xa(i.filter);
|
|
4050
4056
|
if (i.type === Oe.Timestamp) {
|
|
4051
4057
|
const Q = ((de = i.filter.values) == null ? void 0 : de.length) === 2;
|
|
4052
4058
|
if (i.filter.option === we.DateTime)
|
|
4053
|
-
return { preview: Q ? `${H} is between ${
|
|
4059
|
+
return { preview: Q ? `${H} is between ${ja({
|
|
4054
4060
|
startDate: ((xe = i.filter.values) == null ? void 0 : xe[0]) || null,
|
|
4055
4061
|
endDate: ((be = i.filter.values) == null ? void 0 : be[1]) || null,
|
|
4056
4062
|
locale: n.value,
|
|
4057
4063
|
timezone: F.value
|
|
4058
4064
|
})}` : H, suffix: "" };
|
|
4059
4065
|
if (i.filter.option === we.TimeOfDay) {
|
|
4060
|
-
const z = (se = i.filter.values) != null && se[0] ? st(i.filter.values[0]).tz(F.value) : null,
|
|
4061
|
-
return { preview: Q ? `${H} is between ${
|
|
4062
|
-
startTime:
|
|
4063
|
-
endTime: re
|
|
4066
|
+
const z = (se = i.filter.values) != null && se[0] ? st(i.filter.values[0]).tz(F.value) : null, re = (J = i.filter.values) != null && J[1] ? st(i.filter.values[1]).tz(F.value) : null, le = (me) => me && me.isValid() ? { hour: me.hour(), minute: me.minute() } : null;
|
|
4067
|
+
return { preview: Q ? `${H} is between ${Ka({
|
|
4068
|
+
startTime: le(z),
|
|
4069
|
+
endTime: le(re),
|
|
4064
4070
|
locale: n.value
|
|
4065
4071
|
})}` : H, suffix: "" };
|
|
4066
4072
|
}
|
|
@@ -4068,7 +4074,7 @@ const ql = Xn(Ul, () => {
|
|
|
4068
4074
|
const z = Wn({
|
|
4069
4075
|
dimensionOption: i.filter.option,
|
|
4070
4076
|
t
|
|
4071
|
-
}),
|
|
4077
|
+
}), re = new Map(z.map((ue) => [String(ue.value), ue.label])), ge = (i.selectedValues || []).filter((ue) => ue !== "(EMPTY)").map((ue) => re.get(String(ue)) ?? String(ue)), me = ge.map((ue) => ue.length > 20 ? `${ue.slice(0, 20)}…` : ue).join(", ");
|
|
4072
4078
|
return ge.length ? {
|
|
4073
4079
|
preview: `${H}: ${me}`,
|
|
4074
4080
|
suffix: `(${ge.length} selected)`
|
|
@@ -4082,16 +4088,16 @@ const ql = Xn(Ul, () => {
|
|
|
4082
4088
|
} : { preview: ne, suffix: `${H}` };
|
|
4083
4089
|
}
|
|
4084
4090
|
function U(i) {
|
|
4085
|
-
i.filter.values = [...i.selectedValues || []],
|
|
4091
|
+
i.filter.values = [...i.selectedValues || []], l(i.filter, u.value, "selectedValues", i.selectedValues), document.body.click();
|
|
4086
4092
|
}
|
|
4087
4093
|
function ee(i) {
|
|
4088
|
-
i.selectedValues = [...i.filter.values || []],
|
|
4094
|
+
i.selectedValues = [...i.filter.values || []], l(i.filter, u.value, "selectedValues", i.selectedValues), document.body.click();
|
|
4089
4095
|
}
|
|
4090
4096
|
function te(i) {
|
|
4091
|
-
i.showAdvanced = !i.showAdvanced,
|
|
4097
|
+
i.showAdvanced = !i.showAdvanced, l(i.filter, u.value, "showAdvanced", i.showAdvanced);
|
|
4092
4098
|
}
|
|
4093
4099
|
function ve(i) {
|
|
4094
|
-
i.keepSelection = !i.keepSelection, g(i.keepSelection),
|
|
4100
|
+
i.keepSelection = !i.keepSelection, g(i.keepSelection), l(i.filter, u.value, "keepSelection", i.keepSelection), i.options = [], G(!0);
|
|
4095
4101
|
}
|
|
4096
4102
|
function ye(i, H) {
|
|
4097
4103
|
return i ? i.length > H ? `${i.slice(0, H)}…` : i : h.value;
|
|
@@ -4104,26 +4110,26 @@ const ql = Xn(Ul, () => {
|
|
|
4104
4110
|
const be = st().tz(F.value).set("hour", Number((E = H.start) == null ? void 0 : E.hour)).set("minute", Number((ne = H.start) == null ? void 0 : ne.minute)).toISOString(), se = st().tz(F.value).set("hour", Number((de = H.end) == null ? void 0 : de.hour)).set("minute", Number((xe = H.end) == null ? void 0 : xe.minute)).toISOString();
|
|
4105
4111
|
i.values = [be, se];
|
|
4106
4112
|
}
|
|
4107
|
-
const
|
|
4108
|
-
|
|
4113
|
+
const X = p.value.find((be) => be.filter === i);
|
|
4114
|
+
X && (X.keepSelection = H !== null, l(X.filter, u.value, "keepSelection", X.keepSelection));
|
|
4109
4115
|
}
|
|
4110
4116
|
return (i, H) => {
|
|
4111
|
-
const
|
|
4112
|
-
return
|
|
4113
|
-
(
|
|
4114
|
-
var
|
|
4115
|
-
return
|
|
4117
|
+
const X = Z("FmCircularProgress"), E = Z("FmTextField"), ne = Z("FmMenuItem"), de = Z("FmTooltip"), xe = Z("FmIcon"), be = Z("FmMenuDivider"), se = Z("FmSwitch"), J = Z("FmButton"), Q = Z("FmMenu");
|
|
4118
|
+
return Y(), oe("div", Yr, [
|
|
4119
|
+
(Y(!0), oe(ke, null, it(p.value, (z, re) => {
|
|
4120
|
+
var le, ge, me, ue, Te, De;
|
|
4121
|
+
return Y(), oe("div", {
|
|
4116
4122
|
key: z.id
|
|
4117
4123
|
}, [
|
|
4118
|
-
z.filter.option === d(we).DateTime ? (
|
|
4124
|
+
z.filter.option === d(we).DateTime ? (Y(), he(Ya, {
|
|
4119
4125
|
key: 0,
|
|
4120
|
-
"model-value": { startDate: (
|
|
4126
|
+
"model-value": { startDate: (le = z.filter.values) == null ? void 0 : le[0], endDate: (ge = z.filter.values) == null ? void 0 : ge[1] },
|
|
4121
4127
|
class: "w-full",
|
|
4122
4128
|
label: W(z).preview,
|
|
4123
4129
|
removable: ((me = z.filter.values) == null ? void 0 : me.length) === 2,
|
|
4124
4130
|
onUpdate: (qe) => C(z.filter, qe),
|
|
4125
4131
|
onChipClosed: () => C(z.filter, null)
|
|
4126
|
-
}, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : z.filter.option === d(we).TimeOfDay ? (
|
|
4132
|
+
}, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : z.filter.option === d(we).TimeOfDay ? (Y(), he(qa, {
|
|
4127
4133
|
key: 1,
|
|
4128
4134
|
"model-value": { start: (ue = z.filter.values) == null ? void 0 : ue[0], end: (Te = z.filter.values) == null ? void 0 : Te[1] },
|
|
4129
4135
|
class: "w-full",
|
|
@@ -4131,15 +4137,15 @@ const ql = Xn(Ul, () => {
|
|
|
4131
4137
|
removable: ((De = z.filter.values) == null ? void 0 : De.length) === 2,
|
|
4132
4138
|
onUpdate: (qe) => Ie(z.filter, qe),
|
|
4133
4139
|
onChipClosed: () => Ie(z.filter, null)
|
|
4134
|
-
}, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (
|
|
4140
|
+
}, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (Y(), he(Q, {
|
|
4135
4141
|
key: 2,
|
|
4136
4142
|
"close-on-click": !1,
|
|
4137
4143
|
shift: !0,
|
|
4138
4144
|
open: d(w)(z.id)
|
|
4139
4145
|
}, {
|
|
4140
4146
|
"menu-button": ce(() => [
|
|
4141
|
-
j("div",
|
|
4142
|
-
K(
|
|
4147
|
+
j("div", Gr, [
|
|
4148
|
+
K(Ga, {
|
|
4143
4149
|
"left-icon": "filter_alt",
|
|
4144
4150
|
"trailing-icon": "expand_more",
|
|
4145
4151
|
label: W(z).preview,
|
|
@@ -4157,15 +4163,15 @@ const ql = Xn(Ul, () => {
|
|
|
4157
4163
|
class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
|
|
4158
4164
|
style: $e({ maxHeight: `${qe}px`, width: kt })
|
|
4159
4165
|
}, [
|
|
4160
|
-
m.value ? (
|
|
4161
|
-
K(
|
|
4162
|
-
])) : z.options.length > 0 && !d(
|
|
4163
|
-
j("div",
|
|
4166
|
+
m.value ? (Y(), oe("div", jr, [
|
|
4167
|
+
K(X)
|
|
4168
|
+
])) : z.options.length > 0 && !d(r) ? (Y(), oe(ke, { key: 1 }, [
|
|
4169
|
+
j("div", Kr, [
|
|
4164
4170
|
K(E, {
|
|
4165
4171
|
modelValue: z.search,
|
|
4166
4172
|
"onUpdate:modelValue": [
|
|
4167
4173
|
(ie) => z.search = ie,
|
|
4168
|
-
(ie) => d(
|
|
4174
|
+
(ie) => d(l)(z.filter, u.value, "search", ie)
|
|
4169
4175
|
],
|
|
4170
4176
|
type: "text",
|
|
4171
4177
|
"prepend-icon": "search",
|
|
@@ -4173,8 +4179,8 @@ const ql = Xn(Ul, () => {
|
|
|
4173
4179
|
class: "border px-2 pb-8 text-sm mb-1 rounded"
|
|
4174
4180
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
|
|
4175
4181
|
]),
|
|
4176
|
-
j("div",
|
|
4177
|
-
j("div",
|
|
4182
|
+
j("div", Jr, [
|
|
4183
|
+
j("div", Zr, [
|
|
4178
4184
|
K(ne, {
|
|
4179
4185
|
label: N(z),
|
|
4180
4186
|
"has-checkbox": !0,
|
|
@@ -4182,10 +4188,10 @@ const ql = Xn(Ul, () => {
|
|
|
4182
4188
|
indeterminate: !0,
|
|
4183
4189
|
onClick: (ie) => M(z)
|
|
4184
4190
|
}, null, 8, ["label", "model-value", "onClick"]),
|
|
4185
|
-
(
|
|
4191
|
+
(Y(!0), oe(ke, null, it(I.value[re], (ie) => (Y(), oe(ke, {
|
|
4186
4192
|
key: ie.value
|
|
4187
4193
|
}, [
|
|
4188
|
-
ie.label && ie.label.length > 110 ? (
|
|
4194
|
+
ie.label && ie.label.length > 110 ? (Y(), he(de, {
|
|
4189
4195
|
key: 0,
|
|
4190
4196
|
placement: "right",
|
|
4191
4197
|
"hide-arrow": !0,
|
|
@@ -4195,7 +4201,7 @@ const ql = Xn(Ul, () => {
|
|
|
4195
4201
|
qt(Le(ie.label), 1)
|
|
4196
4202
|
]),
|
|
4197
4203
|
default: ce(() => [
|
|
4198
|
-
j("div",
|
|
4204
|
+
j("div", Qr, [
|
|
4199
4205
|
K(ne, {
|
|
4200
4206
|
label: ye(ie.label, 110),
|
|
4201
4207
|
"has-checkbox": !0,
|
|
@@ -4209,7 +4215,7 @@ const ql = Xn(Ul, () => {
|
|
|
4209
4215
|
])
|
|
4210
4216
|
]),
|
|
4211
4217
|
_: 2
|
|
4212
|
-
}, 1024)) : (
|
|
4218
|
+
}, 1024)) : (Y(), he(ne, {
|
|
4213
4219
|
key: 1,
|
|
4214
4220
|
label: ie.label,
|
|
4215
4221
|
"has-checkbox": !0,
|
|
@@ -4218,7 +4224,7 @@ const ql = Xn(Ul, () => {
|
|
|
4218
4224
|
onClick: () => _(z, ie.value)
|
|
4219
4225
|
}, null, 8, ["label", "model-value", "class", "onClick"]))
|
|
4220
4226
|
], 64))), 128)),
|
|
4221
|
-
I.value[
|
|
4227
|
+
I.value[re].length < z.options.length && !z.search ? (Y(), he(ne, {
|
|
4222
4228
|
key: 0,
|
|
4223
4229
|
class: "fm-typo-en-body-md-400 -ml-2",
|
|
4224
4230
|
label: d(t)("report.section.filter.loadMore"),
|
|
@@ -4236,12 +4242,12 @@ const ql = Xn(Ul, () => {
|
|
|
4236
4242
|
size: "md",
|
|
4237
4243
|
class: ""
|
|
4238
4244
|
}, null, 8, ["name"]),
|
|
4239
|
-
j("span",
|
|
4240
|
-
], 8,
|
|
4245
|
+
j("span", tl, Le(d(t)("report.section.filter.advanced")), 1)
|
|
4246
|
+
], 8, el),
|
|
4241
4247
|
K(be),
|
|
4242
|
-
z.showAdvanced ? (
|
|
4243
|
-
j("div",
|
|
4244
|
-
j("div",
|
|
4248
|
+
z.showAdvanced ? (Y(), oe("div", nl, [
|
|
4249
|
+
j("div", al, [
|
|
4250
|
+
j("div", ol, [
|
|
4245
4251
|
K(se, {
|
|
4246
4252
|
"model-value": z.keepSelection,
|
|
4247
4253
|
label: d(t)("report.section.filter.keepSelection"),
|
|
@@ -4253,7 +4259,7 @@ const ql = Xn(Ul, () => {
|
|
|
4253
4259
|
"z-index": 2e3
|
|
4254
4260
|
}, {
|
|
4255
4261
|
content: ce(() => [
|
|
4256
|
-
j("div",
|
|
4262
|
+
j("div", rl, Le(d(t)("report.section.filter.keepSelectionTooltip")), 1)
|
|
4257
4263
|
]),
|
|
4258
4264
|
default: ce(() => [
|
|
4259
4265
|
K(xe, {
|
|
@@ -4267,7 +4273,7 @@ const ql = Xn(Ul, () => {
|
|
|
4267
4273
|
])
|
|
4268
4274
|
])
|
|
4269
4275
|
])) : Ve("", !0),
|
|
4270
|
-
j("div",
|
|
4276
|
+
j("div", ll, [
|
|
4271
4277
|
K(J, {
|
|
4272
4278
|
variant: "tertiary",
|
|
4273
4279
|
label: d(t)("report.common.cancel"),
|
|
@@ -4279,7 +4285,7 @@ const ql = Xn(Ul, () => {
|
|
|
4279
4285
|
label: d(t)("report.common.apply")
|
|
4280
4286
|
}, null, 8, ["onClick", "label"])
|
|
4281
4287
|
])
|
|
4282
|
-
], 64)) : d(
|
|
4288
|
+
], 64)) : d(r) ? Ve("", !0) : (Y(), he(Yt, { key: 2 }))
|
|
4283
4289
|
], 4)
|
|
4284
4290
|
]),
|
|
4285
4291
|
_: 2
|
|
@@ -4298,15 +4304,15 @@ export {
|
|
|
4298
4304
|
_e as S,
|
|
4299
4305
|
Jt as X,
|
|
4300
4306
|
Zt as Y,
|
|
4301
|
-
|
|
4302
|
-
|
|
4307
|
+
Cl as _,
|
|
4308
|
+
_l as a,
|
|
4303
4309
|
jt as b,
|
|
4304
|
-
|
|
4310
|
+
bl as c,
|
|
4305
4311
|
Rt as d,
|
|
4306
4312
|
Qt as e,
|
|
4307
|
-
|
|
4313
|
+
xl as f,
|
|
4308
4314
|
Et as g,
|
|
4309
|
-
|
|
4310
|
-
|
|
4315
|
+
Sl as h,
|
|
4316
|
+
wl as i,
|
|
4311
4317
|
Hn as u
|
|
4312
4318
|
};
|