@feedmepos/mf-report 5.22.27 → 5.22.28
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-Dh75HzVq.js → App-Bz8yPA7U.js} +4 -4
- package/dist/{BaseDialog.vue_vue_type_script_setup_true_lang-C6aLz5YJ.js → BaseDialog.vue_vue_type_script_setup_true_lang-D8QgSQ8z.js} +10 -12
- package/dist/{DateRangeSelect.vue_vue_type_script_setup_true_lang-CB8t7zHm.js → DateRangeSelect.vue_vue_type_script_setup_true_lang-CrzsCG-f.js} +1 -1
- package/dist/{Default.vue_vue_type_script_setup_true_lang-CMe7nkcX.js → Default.vue_vue_type_script_setup_true_lang-D8cW1pV5.js} +1 -1
- package/dist/{FilterSelector.vue_vue_type_script_setup_true_lang-M-9YL6dQ.js → FilterSelector.vue_vue_type_script_setup_true_lang-DKR92Gkk.js} +728 -728
- package/dist/{InsightView-DAajykk4.js → InsightView-DsREAMVL.js} +4 -4
- package/dist/{Integration-DUXJNZiG.js → Integration-BrEe-zrT.js} +3 -3
- package/dist/{Integrations-B65qqTGI.js → Integrations-5xFssfqa.js} +2 -2
- package/dist/{Layout-C04N1k-i.js → Layout-CqaNGelo.js} +1 -1
- package/dist/{MenuTab.vue_vue_type_script_setup_true_lang-RfpEgrJ8.js → MenuTab.vue_vue_type_script_setup_true_lang-DhdTBWhH.js} +5 -5
- package/dist/{NavigationTab.vue_vue_type_script_setup_true_lang-C7TCVuvD.js → NavigationTab.vue_vue_type_script_setup_true_lang-D_GkXV-6.js} +3 -3
- package/dist/{OverviewView-Dcxt-73-.js → OverviewView-DqIVVlFf.js} +4 -4
- package/dist/{Report-Dzewu5GP.js → Report-k0uPJOPs.js} +3 -3
- package/dist/{ReportEditor-2SN0PdMR.js → ReportEditor-C60a-s6G.js} +4 -4
- package/dist/{ReportView-CIaf-WXB.js → ReportView-BaAGxget.js} +6 -6
- package/dist/{Setting-DXnQiG30.js → Setting-DPe0XjS3.js} +3 -3
- package/dist/{TileEditor-CTbO2Zwi.js → TileEditor-CoX2x0oC.js} +5 -5
- package/dist/{TransitionFade-Cvj5UTlw.js → TransitionFade-7GC_VeBl.js} +4 -4
- package/dist/{app-xbzm-k5-.js → app-BhXsPUbs.js} +11 -11
- package/dist/app.js +1 -1
- package/dist/assets/{formatChartData.worker-D8HSuDZJ.js → formatChartData.worker-CKB5if5c.js} +3 -3
- package/dist/assets/{processTableData.worker-ClVnCNYl.js → processTableData.worker-C1Lshb3k.js} +3 -3
- package/dist/{useRestaurantPermission-G0CxsP7T.js → useRestaurantPermission-BwfzAGzt.js} +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { computed as v, defineComponent as at, ref as L, onMounted as it, onBeforeUnmount as da, resolveComponent as ve, createBlock as we, openBlock as Y, Transition as Ka, withCtx as $e, createElementBlock as ge, createCommentVNode as Le, createElementVNode as J, unref as
|
|
2
|
-
import { W as se, d as Ht, e as Ja, S as St, v as Xt, f as Za, g as vn, h as ma, q as pa, R as Ft, i as Qa, D as mt, b as Je, C as st, u as eo, a as to, _ as no } from "./BaseDialog.vue_vue_type_script_setup_true_lang-
|
|
3
|
-
import { k as ao, z as oo, l as
|
|
4
|
-
import { d as Cn, _ as io, a as uo, b as co, c as fo } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { computed as v, defineComponent as at, ref as L, onMounted as it, onBeforeUnmount as da, resolveComponent as ve, createBlock as we, openBlock as Y, Transition as Ka, withCtx as $e, createElementBlock as ge, createCommentVNode as Le, createElementVNode as J, unref as r, normalizeStyle as Ze, withModifiers as Tt, toDisplayString as Ge, createVNode as fe, Fragment as Qe, renderList as Lt, normalizeClass as Ye, watch as Re, nextTick as tt, mergeModels as gt, useModel as ct, renderSlot as yt, h as on, createSlots as qa, resolveDynamicComponent as fa, toRaw as Ya, markRaw as Xa, createTextVNode as bn, onUnmounted as ha, withDirectives as Ga, vShow as ja } from "vue";
|
|
2
|
+
import { W as se, d as Ht, e as Ja, S as St, v as Xt, f as Za, g as vn, h as ma, q as pa, R as Ft, i as Qa, D as mt, b as Je, C as st, u as eo, a as to, _ as no } from "./BaseDialog.vue_vue_type_script_setup_true_lang-D8QgSQ8z.js";
|
|
3
|
+
import { k as ao, z as oo, l as ro, m as lo, a as Gt, u as Bn, d as Bt, i as so } from "./app-BhXsPUbs.js";
|
|
4
|
+
import { d as Cn, _ as io, a as uo, b as co, c as fo } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CrzsCG-f.js";
|
|
5
5
|
import { storeToRefs as vt, defineStore as va } from "pinia";
|
|
6
6
|
import { C as wn } from "./chart-DDDh8zNk.js";
|
|
7
7
|
import { detectLocale as ho } from "@feedmepos/mf-common";
|
|
8
|
-
import { useBreakpoints as fn, useSnackbar as
|
|
8
|
+
import { useBreakpoints as fn, useSnackbar as Vn, components as mo } from "@feedmepos/ui-library";
|
|
9
9
|
import { u as wt } from "./vue-i18n-DVWuTfed.js";
|
|
10
10
|
import { _ as ga } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Df40itH5.js";
|
|
11
11
|
import { r as _t } from "./i18n-CI_sQ5d_.js";
|
|
@@ -116,8 +116,8 @@ const dn = [
|
|
|
116
116
|
"#50BE9B",
|
|
117
117
|
"#8358D4",
|
|
118
118
|
"#9B5046"
|
|
119
|
-
],
|
|
120
|
-
function
|
|
119
|
+
], Xl = dn.map(() => "solid");
|
|
120
|
+
function Vt({
|
|
121
121
|
datasetIndex: e,
|
|
122
122
|
label: n
|
|
123
123
|
}) {
|
|
@@ -144,8 +144,8 @@ function nt({
|
|
|
144
144
|
}) {
|
|
145
145
|
if (a !== Ke.metric)
|
|
146
146
|
return e;
|
|
147
|
-
const
|
|
148
|
-
return
|
|
147
|
+
const l = Number.isFinite(t) ? Number(t) : 0;
|
|
148
|
+
return l <= 0 ? e : n ? e >= l ? (e - l) % l : Math.max(0, (e - 1 + l) % l) : e % l;
|
|
149
149
|
}
|
|
150
150
|
const bo = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
|
|
151
151
|
function jt(e) {
|
|
@@ -155,8 +155,8 @@ function jt(e) {
|
|
|
155
155
|
if (!bo.test(n))
|
|
156
156
|
return null;
|
|
157
157
|
if (n.length === 4) {
|
|
158
|
-
const [, t, a,
|
|
159
|
-
return `#${t}${t}${a}${a}${
|
|
158
|
+
const [, t, a, l] = n;
|
|
159
|
+
return `#${t}${t}${a}${a}${l}${l}`.toUpperCase();
|
|
160
160
|
}
|
|
161
161
|
return n.toUpperCase();
|
|
162
162
|
}
|
|
@@ -172,12 +172,12 @@ function ya(e) {
|
|
|
172
172
|
return !Array.isArray(e) || e.length === 0 ? dn : dn.map((n, t) => jt(e[t]) ?? n);
|
|
173
173
|
}
|
|
174
174
|
function ba(e, n) {
|
|
175
|
-
const { red: t, green: a, blue:
|
|
176
|
-
return `rgba(${t}, ${a}, ${
|
|
175
|
+
const { red: t, green: a, blue: l } = Co(e);
|
|
176
|
+
return `rgba(${t}, ${a}, ${l}, ${n})`;
|
|
177
177
|
}
|
|
178
178
|
function Yn(e, n) {
|
|
179
|
-
const t = jt(e) ?? "#000000", a = (
|
|
180
|
-
const s = Number.parseInt(t.slice(
|
|
179
|
+
const t = jt(e) ?? "#000000", a = (l) => {
|
|
180
|
+
const s = Number.parseInt(t.slice(l, l + 2), 16);
|
|
181
181
|
return Math.round(s + (255 - s) * n).toString(16).padStart(2, "0").toUpperCase();
|
|
182
182
|
};
|
|
183
183
|
return `#${a(1)}${a(3)}${a(5)}`;
|
|
@@ -191,9 +191,9 @@ function Ct({
|
|
|
191
191
|
opacity: t,
|
|
192
192
|
customColors: a
|
|
193
193
|
}) {
|
|
194
|
-
const
|
|
194
|
+
const l = ya(a);
|
|
195
195
|
let s = typeof t == "number" ? t : 1;
|
|
196
|
-
return n && (s = s * 0.6), ba(
|
|
196
|
+
return n && (s = s * 0.6), ba(l[e % l.length], s);
|
|
197
197
|
}
|
|
198
198
|
function Pt({
|
|
199
199
|
fallbackIndex: e,
|
|
@@ -206,14 +206,14 @@ function Wt({
|
|
|
206
206
|
metricIndex: n,
|
|
207
207
|
metricCount: t,
|
|
208
208
|
isCompare: a,
|
|
209
|
-
opacity:
|
|
209
|
+
opacity: l,
|
|
210
210
|
breakdownColors: s,
|
|
211
211
|
useSecondaryMetricShades: i,
|
|
212
212
|
colorMode: h,
|
|
213
213
|
customColors: c
|
|
214
214
|
}) {
|
|
215
|
-
const _ = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1,
|
|
216
|
-
let M = typeof
|
|
215
|
+
const _ = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1, B = Number.isInteger(n) && Number(n) >= 0 ? Number(n) : 0, H = i !== !1, T = e * _ + B, C = h === "clustered" ? dn : ya(c), d = jt(s == null ? void 0 : s[e * _]) ?? C[e % C.length], F = H && B > 0 ? Yn(d, Xn(B)) : jt(s == null ? void 0 : s[T]) ?? (B > 0 ? Yn(d, Xn(B)) : d);
|
|
216
|
+
let M = typeof l == "number" ? l : 1;
|
|
217
217
|
return a && (M = M * 0.6), ba(F, M);
|
|
218
218
|
}
|
|
219
219
|
function Ca(e, n, t) {
|
|
@@ -221,11 +221,11 @@ function Ca(e, n, t) {
|
|
|
221
221
|
return null;
|
|
222
222
|
let a = (c) => c == null ? void 0 : c.replace(/,/g, "");
|
|
223
223
|
t === "ID" && (a = (c) => c == null ? void 0 : c.replace(/\./g, "").replace(/,/g, "."));
|
|
224
|
-
const
|
|
225
|
-
if (isNaN(
|
|
224
|
+
const l = Number(a(e)), s = Number(a(n));
|
|
225
|
+
if (isNaN(l) || isNaN(s))
|
|
226
226
|
return null;
|
|
227
227
|
let i = 0;
|
|
228
|
-
s === 0 ?
|
|
228
|
+
s === 0 ? l === 0 ? i = 0 : i = 1 : i = (l - s) / s;
|
|
229
229
|
const h = wo(i);
|
|
230
230
|
return {
|
|
231
231
|
value: isNaN(i) ? "" : `${(i * 100).toFixed(0)}%`,
|
|
@@ -291,7 +291,7 @@ function xo() {
|
|
|
291
291
|
usePointStyle: !0,
|
|
292
292
|
callbacks: {
|
|
293
293
|
label: (e) => {
|
|
294
|
-
const n = e.label || "", t = typeof e.parsed == "number" ? e.parsed : 0,
|
|
294
|
+
const n = e.label || "", t = typeof e.parsed == "number" ? e.parsed : 0, l = (Array.isArray(e.dataset.data) ? e.dataset.data : []).reduce((i, h) => i + Number(h || 0), 0), s = l > 0 ? (t / l * 100).toFixed(1) : "0.0";
|
|
295
295
|
return `${n}: ${t.toLocaleString()} (${s}%)`;
|
|
296
296
|
}
|
|
297
297
|
}
|
|
@@ -310,8 +310,8 @@ function Gn(e) {
|
|
|
310
310
|
t && (t.__onViewportChange && (window.removeEventListener("scroll", t.__onViewportChange, !0), window.removeEventListener("resize", t.__onViewportChange)), t.remove());
|
|
311
311
|
}
|
|
312
312
|
function yn(e, n, t, a) {
|
|
313
|
-
const { left:
|
|
314
|
-
e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = So, e.setLineDash([5, 5]), n ? (e.moveTo(
|
|
313
|
+
const { left: l, right: s, top: i, bottom: h } = t;
|
|
314
|
+
e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = So, e.setLineDash([5, 5]), n ? (e.moveTo(l, a), e.lineTo(s, a)) : (e.moveTo(a, i), e.lineTo(a, h)), e.stroke(), e.restore();
|
|
315
315
|
}
|
|
316
316
|
function _o(e, n) {
|
|
317
317
|
if (typeof document > "u")
|
|
@@ -324,14 +324,14 @@ function _o(e, n) {
|
|
|
324
324
|
);
|
|
325
325
|
if (!a || a.style.opacity !== "1")
|
|
326
326
|
return;
|
|
327
|
-
const
|
|
328
|
-
return Number.isFinite(
|
|
327
|
+
const l = Number(n ? a.dataset.caretY : a.dataset.caretX);
|
|
328
|
+
return Number.isFinite(l) ? l : void 0;
|
|
329
329
|
}
|
|
330
330
|
function ko(e, n, t) {
|
|
331
331
|
var d;
|
|
332
332
|
if (!t)
|
|
333
333
|
return;
|
|
334
|
-
const a = ((d = e.options) == null ? void 0 : d.indexAxis) === "y",
|
|
334
|
+
const a = ((d = e.options) == null ? void 0 : d.indexAxis) === "y", l = e.tooltip, s = (l == null ? void 0 : l.getActiveElements()) ?? [];
|
|
335
335
|
if (s.length === 0) {
|
|
336
336
|
const F = _o(e, a);
|
|
337
337
|
F !== void 0 && yn(e.ctx, a, e.chartArea, F);
|
|
@@ -350,7 +350,7 @@ function ko(e, n, t) {
|
|
|
350
350
|
}
|
|
351
351
|
if (!c.element)
|
|
352
352
|
return;
|
|
353
|
-
const _ = c.element,
|
|
353
|
+
const _ = c.element, B = a ? h : i, H = a ? _.y : _.x, T = B.getPixelForValue(c.index), C = H ?? T;
|
|
354
354
|
yn(e.ctx, a, e.chartArea, C);
|
|
355
355
|
}
|
|
356
356
|
function Jt(e) {
|
|
@@ -360,13 +360,13 @@ function Jt(e) {
|
|
|
360
360
|
afterDatasetsDraw: (a) => {
|
|
361
361
|
ko(a, e, t);
|
|
362
362
|
},
|
|
363
|
-
afterEvent: (a,
|
|
364
|
-
t =
|
|
363
|
+
afterEvent: (a, l) => {
|
|
364
|
+
t = l.inChartArea === !0;
|
|
365
365
|
},
|
|
366
366
|
beforeTooltipDraw: (a) => {
|
|
367
367
|
var s;
|
|
368
|
-
const
|
|
369
|
-
(((s = a.tooltip) == null ? void 0 : s.opacity) ?? 0) > 0 && (
|
|
368
|
+
const l = a.ctx;
|
|
369
|
+
(((s = a.tooltip) == null ? void 0 : s.opacity) ?? 0) > 0 && (l.save(), l.shadowColor = "rgba(17, 24, 39, 0.14)", l.shadowBlur = 12, l.shadowOffsetX = 0, l.shadowOffsetY = 4, n = !0);
|
|
370
370
|
},
|
|
371
371
|
afterTooltipDraw: (a) => {
|
|
372
372
|
n && (a.ctx.restore(), n = !1);
|
|
@@ -379,7 +379,7 @@ function Jt(e) {
|
|
|
379
379
|
}
|
|
380
380
|
};
|
|
381
381
|
}
|
|
382
|
-
const To = Number.POSITIVE_INFINITY, In = 2, Lo =
|
|
382
|
+
const To = Number.POSITIVE_INFINITY, In = 2, Lo = 1, Do = 0.2, Io = 120, { breakpoints: At } = fn(), An = "report-v5:locationchange";
|
|
383
383
|
let jn = !1;
|
|
384
384
|
function Jn() {
|
|
385
385
|
window.dispatchEvent(new Event(An));
|
|
@@ -390,16 +390,16 @@ function Mo() {
|
|
|
390
390
|
jn = !0;
|
|
391
391
|
const e = window.history.pushState.bind(window.history), n = window.history.replaceState.bind(window.history);
|
|
392
392
|
window.history.pushState = function(...a) {
|
|
393
|
-
const
|
|
394
|
-
return Jn(),
|
|
393
|
+
const l = e(...a);
|
|
394
|
+
return Jn(), l;
|
|
395
395
|
}, window.history.replaceState = function(...a) {
|
|
396
|
-
const
|
|
397
|
-
return Jn(),
|
|
396
|
+
const l = n(...a);
|
|
397
|
+
return Jn(), l;
|
|
398
398
|
};
|
|
399
399
|
}
|
|
400
400
|
const qt = {
|
|
401
|
-
"en-US":
|
|
402
|
-
"zh-CN":
|
|
401
|
+
"en-US": lo.report.widget.comparisonTooltip.viewBreakdown,
|
|
402
|
+
"zh-CN": ro.report.widget.comparisonTooltip.viewBreakdown,
|
|
403
403
|
"zh-Hant": oo.report.widget.comparisonTooltip.viewBreakdown,
|
|
404
404
|
"th-TH": ao.report.widget.comparisonTooltip.viewBreakdown
|
|
405
405
|
};
|
|
@@ -410,11 +410,11 @@ function xa() {
|
|
|
410
410
|
function Fo(e) {
|
|
411
411
|
return typeof e != "string" ? [] : e.split("#").map((n) => n.trim()).filter((n) => n.length > 0);
|
|
412
412
|
}
|
|
413
|
-
function
|
|
413
|
+
function Bo(e) {
|
|
414
414
|
return Reflect.get(e, "dash") === !0 || Reflect.get(e, "isCompare") === !0;
|
|
415
415
|
}
|
|
416
416
|
function $n(e, n) {
|
|
417
|
-
const t = e.parsed, a = n ? t.x : t.y,
|
|
417
|
+
const t = e.parsed, a = n ? t.x : t.y, l = n ? t.y : t.x, s = a ?? l;
|
|
418
418
|
return typeof s == "number" ? s : Number(s);
|
|
419
419
|
}
|
|
420
420
|
function Sa(e, n) {
|
|
@@ -428,13 +428,13 @@ function _a(e) {
|
|
|
428
428
|
const t = Reflect.get(e.dataset, "label");
|
|
429
429
|
return typeof t == "string" ? t : "";
|
|
430
430
|
}
|
|
431
|
-
function
|
|
431
|
+
function Vo(e) {
|
|
432
432
|
return e.trim().toLowerCase();
|
|
433
433
|
}
|
|
434
434
|
function Zn(e) {
|
|
435
435
|
return `${e.datasetIndex}-${e.dataIndex}`;
|
|
436
436
|
}
|
|
437
|
-
function
|
|
437
|
+
function rn(e, n) {
|
|
438
438
|
if (typeof e == "string") return e;
|
|
439
439
|
if (Array.isArray(e)) {
|
|
440
440
|
const t = e[n];
|
|
@@ -460,22 +460,22 @@ function Qn(...e) {
|
|
|
460
460
|
return "#9ca3af";
|
|
461
461
|
}
|
|
462
462
|
function ka(e) {
|
|
463
|
-
var a,
|
|
463
|
+
var a, l;
|
|
464
464
|
const n = e.dataset;
|
|
465
|
-
return Reflect.get(n, "type") === "bar" ? !0 : ((
|
|
465
|
+
return Reflect.get(n, "type") === "bar" ? !0 : ((l = (a = e.chart) == null ? void 0 : a.config) == null ? void 0 : l.type) === "bar";
|
|
466
466
|
}
|
|
467
467
|
function Ro(e) {
|
|
468
|
-
const n = e.dataset, t = typeof e.dataIndex == "number" ? e.dataIndex : 0, a =
|
|
468
|
+
const n = e.dataset, t = typeof e.dataIndex == "number" ? e.dataIndex : 0, a = rn(Reflect.get(n, "borderColor"), t), l = rn(Reflect.get(n, "backgroundColor"), t), s = Reflect.get(
|
|
469
469
|
e.element,
|
|
470
470
|
"options"
|
|
471
|
-
), i =
|
|
471
|
+
), i = rn(
|
|
472
472
|
Reflect.get(s ?? {}, "borderColor"),
|
|
473
473
|
t
|
|
474
|
-
), h =
|
|
474
|
+
), h = rn(
|
|
475
475
|
Reflect.get(s ?? {}, "backgroundColor"),
|
|
476
476
|
t
|
|
477
477
|
);
|
|
478
|
-
return ka(e) ? Qn(
|
|
478
|
+
return ka(e) ? Qn(l, h, a, i) : Qn(a, i, l, h);
|
|
479
479
|
}
|
|
480
480
|
function Mn(e) {
|
|
481
481
|
return e.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/\"/g, """).replace(/'/g, "'");
|
|
@@ -494,7 +494,7 @@ function Ho(e) {
|
|
|
494
494
|
return e <= 0 ? 320 : At.value.xs || At.value.sm || e <= 640 ? Math.max(160, Math.floor(e * 0.38)) : At.value.md || e <= 900 ? Math.max(200, Math.floor(e * 0.46)) : At.value.lg || e <= 1200 ? Math.max(240, Math.floor(e * 0.54)) : Math.max(280, Math.floor(e * 0.62));
|
|
495
495
|
}
|
|
496
496
|
function Rn(e, n) {
|
|
497
|
-
const t = window.innerHeight, a = Ho(t),
|
|
497
|
+
const t = window.innerHeight, a = Ho(t), l = n ? Math.max(120, n.clientHeight - 16) : Number.POSITIVE_INFINITY, s = Math.max(120, Math.min(a, l));
|
|
498
498
|
e.style.maxHeight = `${s}px`;
|
|
499
499
|
}
|
|
500
500
|
function $t() {
|
|
@@ -544,12 +544,12 @@ const Wo = Zt({
|
|
|
544
544
|
"font-weight": "600",
|
|
545
545
|
color: "#111827",
|
|
546
546
|
"text-align": "left",
|
|
547
|
-
|
|
548
|
-
"
|
|
549
|
-
"
|
|
547
|
+
"white-space": "normal",
|
|
548
|
+
"word-break": "break-word",
|
|
549
|
+
"overflow-wrap": "anywhere"
|
|
550
550
|
}, Eo = Zt({
|
|
551
551
|
display: "flex",
|
|
552
|
-
"align-items": "
|
|
552
|
+
"align-items": "flex-start",
|
|
553
553
|
"font-size": "12px",
|
|
554
554
|
"font-weight": "500",
|
|
555
555
|
color: "#1f2937",
|
|
@@ -560,9 +560,9 @@ const Wo = Zt({
|
|
|
560
560
|
}), Uo = Zt({
|
|
561
561
|
flex: "1 1 auto",
|
|
562
562
|
"min-width": "0",
|
|
563
|
-
|
|
564
|
-
"
|
|
565
|
-
"
|
|
563
|
+
"white-space": "normal",
|
|
564
|
+
"word-break": "break-word",
|
|
565
|
+
"overflow-wrap": "anywhere"
|
|
566
566
|
}), Ko = {
|
|
567
567
|
display: "inline-block",
|
|
568
568
|
width: "10px",
|
|
@@ -598,9 +598,9 @@ function Xo(e, n) {
|
|
|
598
598
|
function Go(e) {
|
|
599
599
|
return `<button type="button" data-tooltip-full-details="true" style="${Wo}">${Mn(e)}</button>`;
|
|
600
600
|
}
|
|
601
|
-
function La(e, n, t, a,
|
|
601
|
+
function La(e, n, t, a, l) {
|
|
602
602
|
var f;
|
|
603
|
-
const s = (f = e[0]) == null ? void 0 : f.label, i = Fo(s), h = i[0] ?? (s == null ? "" : String(s)), c = i[1], _ = [],
|
|
603
|
+
const s = (f = e[0]) == null ? void 0 : f.label, i = Fo(s), h = i[0] ?? (s == null ? "" : String(s)), c = i[1], _ = [], B = [];
|
|
604
604
|
e.forEach((g) => {
|
|
605
605
|
const w = g.dataset ?? {}, x = g.datasetIndex >= 0 && g.dataIndex >= 0 ? {
|
|
606
606
|
datasetIndex: g.datasetIndex,
|
|
@@ -611,17 +611,17 @@ function La(e, n, t, a, r) {
|
|
|
611
611
|
isBar: ka(g),
|
|
612
612
|
value: $n(g, n),
|
|
613
613
|
datasetLabel: A,
|
|
614
|
-
matchingKey:
|
|
614
|
+
matchingKey: Vo(A),
|
|
615
615
|
focusTarget: x
|
|
616
616
|
};
|
|
617
|
-
if (c &&
|
|
618
|
-
|
|
617
|
+
if (c && Bo(w)) {
|
|
618
|
+
B.push(P);
|
|
619
619
|
return;
|
|
620
620
|
}
|
|
621
621
|
_.push(P);
|
|
622
622
|
});
|
|
623
623
|
const H = _.slice(0, a), T = /* @__PURE__ */ new Map();
|
|
624
|
-
|
|
624
|
+
B.forEach((g) => {
|
|
625
625
|
const w = T.get(g.matchingKey);
|
|
626
626
|
if (!w) {
|
|
627
627
|
T.set(g.matchingKey, [g]);
|
|
@@ -632,12 +632,12 @@ function La(e, n, t, a, r) {
|
|
|
632
632
|
const C = c ? H.map((g) => {
|
|
633
633
|
const w = T.get(g.matchingKey);
|
|
634
634
|
return !w || w.length === 0 ? ea(g) : w.shift() ?? ea(g);
|
|
635
|
-
}) : [], d = _.length > H.length ||
|
|
635
|
+
}) : [], d = _.length > H.length || B.length > C.length, F = (g, w = !1) => `<div style="${Yo(w)}">${Mn(g)}</div>`, M = (g) => {
|
|
636
636
|
const w = Xo(g.isBar, g.color);
|
|
637
637
|
return `<div style="${Eo}"><span style="${w}"></span><span style="${Uo}">${Mn(g.text)}</span></div>`;
|
|
638
638
|
};
|
|
639
639
|
let I = "";
|
|
640
|
-
h.length > 0 && (I += F(h)), I += H.map((g) => M(g)).join(""), c && C.length > 0 && (I += F(c, I.length > 0), I += C.map((g) => M(g)).join("")),
|
|
640
|
+
h.length > 0 && (I += F(h)), I += H.map((g) => M(g)).join(""), c && C.length > 0 && (I += F(c, I.length > 0), I += C.map((g) => M(g)).join("")), l && d && (I += Go(t));
|
|
641
641
|
const b = [
|
|
642
642
|
{
|
|
643
643
|
title: h,
|
|
@@ -645,7 +645,7 @@ function La(e, n, t, a, r) {
|
|
|
645
645
|
},
|
|
646
646
|
{
|
|
647
647
|
title: c ?? "",
|
|
648
|
-
values:
|
|
648
|
+
values: B
|
|
649
649
|
}
|
|
650
650
|
].filter((g) => g.values.length > 0);
|
|
651
651
|
return {
|
|
@@ -657,31 +657,31 @@ function La(e, n, t, a, r) {
|
|
|
657
657
|
function ta(e) {
|
|
658
658
|
return e.scrollHeight - e.clientHeight > Lo;
|
|
659
659
|
}
|
|
660
|
-
function
|
|
660
|
+
function ln(e, n, t, a, l, s) {
|
|
661
661
|
const i = La(
|
|
662
662
|
n,
|
|
663
663
|
t,
|
|
664
664
|
a,
|
|
665
|
-
|
|
665
|
+
l,
|
|
666
666
|
s
|
|
667
667
|
);
|
|
668
|
-
return e.innerHTML !== i.html && (e.innerHTML = i.html,
|
|
668
|
+
return e.innerHTML !== i.html && (e.innerHTML = i.html, ur(e)), i;
|
|
669
669
|
}
|
|
670
|
-
function jo(e, n, t, a,
|
|
671
|
-
if (Number.isFinite(
|
|
670
|
+
function jo(e, n, t, a, l, s) {
|
|
671
|
+
if (Number.isFinite(l))
|
|
672
672
|
return {
|
|
673
|
-
markup:
|
|
673
|
+
markup: ln(
|
|
674
674
|
e,
|
|
675
675
|
n,
|
|
676
676
|
t,
|
|
677
677
|
a,
|
|
678
|
-
|
|
678
|
+
l,
|
|
679
679
|
s
|
|
680
680
|
),
|
|
681
|
-
maxTooltipItems:
|
|
681
|
+
maxTooltipItems: l
|
|
682
682
|
};
|
|
683
683
|
const i = Math.max(In, n.length);
|
|
684
|
-
let h = i, c =
|
|
684
|
+
let h = i, c = ln(
|
|
685
685
|
e,
|
|
686
686
|
n,
|
|
687
687
|
t,
|
|
@@ -694,9 +694,9 @@ function jo(e, n, t, a, r, s) {
|
|
|
694
694
|
markup: c,
|
|
695
695
|
maxTooltipItems: i
|
|
696
696
|
};
|
|
697
|
-
let _ = In,
|
|
698
|
-
for (; _ <=
|
|
699
|
-
const T = Math.floor((_ +
|
|
697
|
+
let _ = In, B = i;
|
|
698
|
+
for (; _ <= B; ) {
|
|
699
|
+
const T = Math.floor((_ + B) / 2), C = ln(
|
|
700
700
|
e,
|
|
701
701
|
n,
|
|
702
702
|
t,
|
|
@@ -705,13 +705,13 @@ function jo(e, n, t, a, r, s) {
|
|
|
705
705
|
s
|
|
706
706
|
);
|
|
707
707
|
if (ta(e)) {
|
|
708
|
-
|
|
708
|
+
B = T - 1;
|
|
709
709
|
continue;
|
|
710
710
|
}
|
|
711
711
|
h = T, c = C, _ = T + 1;
|
|
712
712
|
}
|
|
713
713
|
return {
|
|
714
|
-
markup: h === i ? c :
|
|
714
|
+
markup: h === i ? c : ln(
|
|
715
715
|
e,
|
|
716
716
|
n,
|
|
717
717
|
t,
|
|
@@ -727,13 +727,13 @@ function na(e, n) {
|
|
|
727
727
|
if (a.startsWith("#")) {
|
|
728
728
|
const i = a.slice(1), h = i.length === 3 ? `${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}` : i.length === 4 ? `${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}` : i.length >= 6 ? i.slice(0, 6) : "";
|
|
729
729
|
if (/^[0-9a-fA-F]{6}$/.test(h)) {
|
|
730
|
-
const c = Number.parseInt(h.slice(0, 2), 16), _ = Number.parseInt(h.slice(2, 4), 16),
|
|
731
|
-
return `rgba(${c}, ${_}, ${
|
|
730
|
+
const c = Number.parseInt(h.slice(0, 2), 16), _ = Number.parseInt(h.slice(2, 4), 16), B = Number.parseInt(h.slice(4, 6), 16);
|
|
731
|
+
return `rgba(${c}, ${_}, ${B}, ${t})`;
|
|
732
732
|
}
|
|
733
733
|
}
|
|
734
|
-
const
|
|
735
|
-
if (
|
|
736
|
-
const i =
|
|
734
|
+
const l = a.match(/^rgba?\(([^)]+)\)$/i);
|
|
735
|
+
if (l) {
|
|
736
|
+
const i = l[1].split(",").map((h) => h.trim());
|
|
737
737
|
if (i.length >= 3) {
|
|
738
738
|
const [h, c, _] = i;
|
|
739
739
|
return `rgba(${h}, ${c}, ${_}, ${t})`;
|
|
@@ -789,9 +789,9 @@ function un(e, n) {
|
|
|
789
789
|
return;
|
|
790
790
|
const t = e.data.datasets;
|
|
791
791
|
if (t.length !== 0) {
|
|
792
|
-
if (t.forEach((a,
|
|
792
|
+
if (t.forEach((a, l) => {
|
|
793
793
|
const s = a;
|
|
794
|
-
Jo(s), !n ||
|
|
794
|
+
Jo(s), !n || l === n.datasetIndex ? Zo(s) : Qo(s, Do);
|
|
795
795
|
}), typeof e.setActiveElements == "function")
|
|
796
796
|
try {
|
|
797
797
|
n ? e.setActiveElements([
|
|
@@ -817,40 +817,40 @@ function Da(e) {
|
|
|
817
817
|
const a = n == null ? void 0 : n.$el;
|
|
818
818
|
if (!(a instanceof HTMLElement))
|
|
819
819
|
return null;
|
|
820
|
-
const
|
|
821
|
-
if (!(
|
|
820
|
+
const l = a.querySelector("canvas");
|
|
821
|
+
if (!(l instanceof HTMLCanvasElement))
|
|
822
822
|
return null;
|
|
823
|
-
const s = wn.getChart(
|
|
823
|
+
const s = wn.getChart(l);
|
|
824
824
|
return Fn(s) ? s : null;
|
|
825
825
|
}
|
|
826
|
-
function
|
|
826
|
+
function er(e) {
|
|
827
827
|
const n = window.getComputedStyle(e);
|
|
828
828
|
return [n.overflow, n.overflowX, n.overflowY].some((a) => a !== "visible");
|
|
829
829
|
}
|
|
830
830
|
function zn(e) {
|
|
831
831
|
let n = e.parentElement ?? e, t = n;
|
|
832
832
|
for (; t && t.parentElement && t.parentElement !== document.body && t.parentElement !== document.documentElement; )
|
|
833
|
-
|
|
833
|
+
er(t) && (n = t.parentElement), t = t.parentElement;
|
|
834
834
|
return window.getComputedStyle(n).position === "static" && (n.style.position = "relative"), n;
|
|
835
835
|
}
|
|
836
|
-
function Nn(e, n, t, a,
|
|
837
|
-
const c = n.getBoundingClientRect(), _ = t.getBoundingClientRect(),
|
|
836
|
+
function Nn(e, n, t, a, l, s, i = "center", h = !1) {
|
|
837
|
+
const c = n.getBoundingClientRect(), _ = t.getBoundingClientRect(), B = t.scrollLeft, H = t.scrollTop, T = t.clientWidth, C = t.clientHeight, d = e;
|
|
838
838
|
(!Number.isFinite(d.__cachedWidth) || !Number.isFinite(d.__cachedHeight) || d.__measurementHostWidth !== T || d.__measurementHostHeight !== C) && (d.__cachedWidth = e.offsetWidth, d.__cachedHeight = e.offsetHeight, d.__measurementHostWidth = T, d.__measurementHostHeight = C);
|
|
839
|
-
const M = d.__cachedWidth ?? e.offsetWidth, I = d.__cachedHeight ?? e.offsetHeight, b = 8, f = c.left - _.left +
|
|
839
|
+
const M = d.__cachedWidth ?? e.offsetWidth, I = d.__cachedHeight ?? e.offsetHeight, b = 8, f = c.left - _.left + B + a, g = c.top - _.top + H + l, w = h ? i === "left" ? f - M - b : f + b : i === "left" ? f - M - b : i === "right" ? f + b : f - M / 2, x = h ? g + b : s ? g - I / 2 : g + b, A = B + b;
|
|
840
840
|
let P = H + b;
|
|
841
841
|
const p = document.querySelector('[data-menu-tab="true"]');
|
|
842
842
|
if (p) {
|
|
843
843
|
const ue = p.getBoundingClientRect().bottom - _.top + H + b;
|
|
844
844
|
P = Math.max(P, ue);
|
|
845
845
|
}
|
|
846
|
-
const
|
|
846
|
+
const V = Math.max(A, B + T - M - b), X = Math.max(P, H + C - I - b), G = Math.round(Math.min(Math.max(A, w), V)), oe = Math.round(Math.min(Math.max(P, x), X));
|
|
847
847
|
d.__lastLeftPx === G && d.__lastTopPx === oe || (d.__lastLeftPx = G, d.__lastTopPx = oe, e.style.left = `${G}px`, e.style.top = `${oe}px`);
|
|
848
848
|
}
|
|
849
849
|
function Ia(e) {
|
|
850
850
|
return e.dataset.anchorDirection === "left" ? "left" : e.dataset.anchorDirection === "right" ? "right" : "center";
|
|
851
851
|
}
|
|
852
|
-
function
|
|
853
|
-
const h = n.getBoundingClientRect(), c = a - h.left, _ =
|
|
852
|
+
function tr(e, n, t, a, l, s, i) {
|
|
853
|
+
const h = n.getBoundingClientRect(), c = a - h.left, _ = l - h.top;
|
|
854
854
|
!Number.isFinite(c) || !Number.isFinite(_) || (e.dataset.cursorCanvasX = String(c), e.dataset.cursorCanvasY = String(_), e.dataset.caretX = String(c), e.dataset.caretY = String(_), e.dataset.anchorDirection = i, Nn(
|
|
855
855
|
e,
|
|
856
856
|
n,
|
|
@@ -862,23 +862,23 @@ function tl(e, n, t, a, r, s, i) {
|
|
|
862
862
|
!0
|
|
863
863
|
));
|
|
864
864
|
}
|
|
865
|
-
function
|
|
865
|
+
function nr(e) {
|
|
866
866
|
const n = document.createElement("div");
|
|
867
867
|
return n.id = e, n.dataset.comparisonTooltip = "true", n.style.background = "linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.66))", n.style.border = "1px solid rgba(255, 255, 255, 0.58)", n.style.borderRadius = "10px", n.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.18)", n.style.color = "#111827", n.style.left = "0", n.style.opacity = "0", Rn(n), n.style.maxWidth = "min(360px, calc(100% - 16px))", n.style.overflow = "hidden", n.style.padding = "8px 10px", n.style.pointerEvents = "none", n.style.position = "absolute", n.style.textAlign = "left", n.style.top = "0", n.style.transform = "none", n.style.willChange = "left, top", n.style.whiteSpace = "normal", n.style.wordBreak = "normal", n.style.overflowWrap = "normal", n.style.zIndex = "10", n;
|
|
868
868
|
}
|
|
869
|
-
function
|
|
869
|
+
function ar(e) {
|
|
870
870
|
e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
|
|
871
871
|
}
|
|
872
|
-
function
|
|
872
|
+
function or(e) {
|
|
873
873
|
e.__onNavigationChange && (window.removeEventListener(An, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
|
|
874
874
|
}
|
|
875
|
-
function
|
|
875
|
+
function rr(e) {
|
|
876
876
|
e.__disconnectObserver && (e.__disconnectObserver.disconnect(), e.__disconnectObserver = void 0);
|
|
877
877
|
}
|
|
878
878
|
function Hn(e, n) {
|
|
879
|
-
zt(e), Ma(e),
|
|
879
|
+
zt(e), Ma(e), ar(e), or(e), rr(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), n && e.__onCanvasPointerEnter && n.removeEventListener("pointerenter", e.__onCanvasPointerEnter), n && e.__onCanvasPointerMove && n.removeEventListener("pointermove", e.__onCanvasPointerMove), n && e.__onCanvasPointerLeave && n.removeEventListener("pointerleave", e.__onCanvasPointerLeave), n && e.__onCanvasClick && n.removeEventListener("click", e.__onCanvasClick), n && e.__onCanvasPointerUp && n.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
|
|
880
880
|
}
|
|
881
|
-
function
|
|
881
|
+
function lr(e, n, t) {
|
|
882
882
|
e.__onNavigationChange || (Mo(), e.__onNavigationChange = () => {
|
|
883
883
|
if (!t.isConnected) {
|
|
884
884
|
Hn(e, t);
|
|
@@ -887,7 +887,7 @@ function rl(e, n, t) {
|
|
|
887
887
|
pt(e, n, !0);
|
|
888
888
|
}, window.addEventListener(An, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
|
|
889
889
|
}
|
|
890
|
-
function
|
|
890
|
+
function sr(e, n) {
|
|
891
891
|
e.__disconnectObserver || document.body && (e.__disconnectObserver = new MutationObserver(() => {
|
|
892
892
|
n.isConnected || Hn(e, n);
|
|
893
893
|
}), e.__disconnectObserver.observe(document.body, {
|
|
@@ -895,11 +895,11 @@ function sl(e, n) {
|
|
|
895
895
|
subtree: !0
|
|
896
896
|
}));
|
|
897
897
|
}
|
|
898
|
-
function
|
|
898
|
+
function ir(e, n, t) {
|
|
899
899
|
Array.from(
|
|
900
900
|
e.querySelectorAll('[data-comparison-tooltip="true"]')
|
|
901
|
-
).forEach((
|
|
902
|
-
|
|
901
|
+
).forEach((l) => {
|
|
902
|
+
l.id !== n && Hn(l, t);
|
|
903
903
|
});
|
|
904
904
|
}
|
|
905
905
|
function zt(e) {
|
|
@@ -908,17 +908,17 @@ function zt(e) {
|
|
|
908
908
|
function Ma(e) {
|
|
909
909
|
typeof e.__cursorRafId == "number" && (window.cancelAnimationFrame(e.__cursorRafId), e.__cursorRafId = void 0);
|
|
910
910
|
}
|
|
911
|
-
function
|
|
911
|
+
function ur(e) {
|
|
912
912
|
e.__cachedWidth = void 0, e.__cachedHeight = void 0, e.__measurementHostWidth = void 0, e.__measurementHostHeight = void 0;
|
|
913
913
|
}
|
|
914
|
-
function aa(e, n, t, a,
|
|
915
|
-
e.__pendingCursorClientX = a, e.__pendingCursorClientY =
|
|
914
|
+
function aa(e, n, t, a, l) {
|
|
915
|
+
e.__pendingCursorClientX = a, e.__pendingCursorClientY = l, typeof e.__cursorRafId != "number" && (e.__cursorRafId = window.requestAnimationFrame(() => {
|
|
916
916
|
e.__cursorRafId = void 0;
|
|
917
917
|
const s = e.__pendingCursorClientX, i = e.__pendingCursorClientY;
|
|
918
918
|
if (e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, !Number.isFinite(s) || !Number.isFinite(i))
|
|
919
919
|
return;
|
|
920
920
|
const h = zn(n);
|
|
921
|
-
e.parentElement !== h && h.appendChild(e),
|
|
921
|
+
e.parentElement !== h && h.appendChild(e), tr(
|
|
922
922
|
e,
|
|
923
923
|
n,
|
|
924
924
|
h,
|
|
@@ -937,8 +937,8 @@ function oa(e, n, t = Io) {
|
|
|
937
937
|
e.__isTooltipHovered || pt(e, n);
|
|
938
938
|
}, t));
|
|
939
939
|
}
|
|
940
|
-
function
|
|
941
|
-
const { maxTooltipItems: s } = Pn(
|
|
940
|
+
function cr(e, n, t, a, l) {
|
|
941
|
+
const { maxTooltipItems: s } = Pn(l);
|
|
942
942
|
e.__onCanvasPointerEnter || (e.__onCanvasPointerEnter = (i) => {
|
|
943
943
|
if (!($t() && Rt(e)) && (aa(
|
|
944
944
|
e,
|
|
@@ -970,7 +970,7 @@ function cl(e, n, t, a, r) {
|
|
|
970
970
|
passive: !0
|
|
971
971
|
})), e.__onCanvasClick || (e.__onCanvasClick = (i) => {
|
|
972
972
|
var M, I;
|
|
973
|
-
if (!(
|
|
973
|
+
if (!(l != null && l.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
|
|
974
974
|
return;
|
|
975
975
|
const h = (b) => {
|
|
976
976
|
var g;
|
|
@@ -979,18 +979,18 @@ function cl(e, n, t, a, r) {
|
|
|
979
979
|
const f = La(
|
|
980
980
|
b,
|
|
981
981
|
a,
|
|
982
|
-
(
|
|
982
|
+
(l == null ? void 0 : l.viewFullDetailsLabel) ?? xa(),
|
|
983
983
|
s,
|
|
984
984
|
!0
|
|
985
985
|
).detailsPayload;
|
|
986
|
-
return (g =
|
|
986
|
+
return (g = l.onViewFullDetails) == null || g.call(l, f, t), pt(e, t), !0;
|
|
987
987
|
}, c = ((M = t == null ? void 0 : t.tooltip) == null ? void 0 : M.dataPoints) ?? [];
|
|
988
988
|
if (h(c))
|
|
989
989
|
return;
|
|
990
990
|
const _ = t == null ? void 0 : t.getElementsAtEventForMode;
|
|
991
991
|
if (typeof _ != "function")
|
|
992
992
|
return;
|
|
993
|
-
const
|
|
993
|
+
const B = _.call(
|
|
994
994
|
t,
|
|
995
995
|
i,
|
|
996
996
|
"nearest",
|
|
@@ -1002,7 +1002,7 @@ function cl(e, n, t, a, r) {
|
|
|
1002
1002
|
"index",
|
|
1003
1003
|
{ intersect: !1 },
|
|
1004
1004
|
!1
|
|
1005
|
-
), C = (
|
|
1005
|
+
), C = (B.length > 0 ? B : H).filter((b) => typeof b.datasetIndex == "number" && typeof b.index == "number").map((b) => ({ datasetIndex: b.datasetIndex, index: b.index }));
|
|
1006
1006
|
if (C.length === 0)
|
|
1007
1007
|
return;
|
|
1008
1008
|
const d = t == null ? void 0 : t.tooltip;
|
|
@@ -1030,13 +1030,13 @@ function cl(e, n, t, a, r) {
|
|
|
1030
1030
|
"nearest",
|
|
1031
1031
|
{ intersect: !0 },
|
|
1032
1032
|
!1
|
|
1033
|
-
),
|
|
1033
|
+
), B = h.call(
|
|
1034
1034
|
t,
|
|
1035
1035
|
i,
|
|
1036
1036
|
"index",
|
|
1037
1037
|
{ intersect: !1 },
|
|
1038
1038
|
!1
|
|
1039
|
-
), T = (_.length > 0 ? _ :
|
|
1039
|
+
), T = (_.length > 0 ? _ : B).filter((C) => typeof C.datasetIndex == "number" && typeof C.index == "number").map((C) => ({
|
|
1040
1040
|
datasetIndex: C.datasetIndex,
|
|
1041
1041
|
index: C.index
|
|
1042
1042
|
}));
|
|
@@ -1056,22 +1056,22 @@ function cl(e, n, t, a, r) {
|
|
|
1056
1056
|
return;
|
|
1057
1057
|
}
|
|
1058
1058
|
e.__onCanvasClick && e.__onCanvasClick(i);
|
|
1059
|
-
}, n.addEventListener("pointerup", e.__onCanvasPointerUp)),
|
|
1059
|
+
}, n.addEventListener("pointerup", e.__onCanvasPointerUp)), l != null && l.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (i) => {
|
|
1060
1060
|
var _;
|
|
1061
1061
|
const h = i.target;
|
|
1062
|
-
h != null && h.closest('[data-tooltip-full-details="true"]') && (i.preventDefault(), i.stopPropagation(), e.__detailsPayload && ((_ =
|
|
1062
|
+
h != null && h.closest('[data-tooltip-full-details="true"]') && (i.preventDefault(), i.stopPropagation(), e.__detailsPayload && ((_ = l.onViewFullDetails) == null || _.call(l, e.__detailsPayload, t), pt(e, t)));
|
|
1063
1063
|
}, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
|
|
1064
1064
|
e.__isTooltipHovered = !0, zt(e);
|
|
1065
1065
|
}, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
|
|
1066
1066
|
e.__isTooltipHovered = !1, pt(e, t);
|
|
1067
1067
|
}, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
|
|
1068
1068
|
}
|
|
1069
|
-
function
|
|
1069
|
+
function dr(e, n, t) {
|
|
1070
1070
|
e.__onViewportChange || (e.__onViewportChange = () => {
|
|
1071
1071
|
if (e.style.opacity !== "1")
|
|
1072
1072
|
return;
|
|
1073
|
-
const a = Number(e.dataset.caretX),
|
|
1074
|
-
if (!Number.isFinite(a) || !Number.isFinite(
|
|
1073
|
+
const a = Number(e.dataset.caretX), l = Number(e.dataset.caretY), s = Ia(e);
|
|
1074
|
+
if (!Number.isFinite(a) || !Number.isFinite(l)) {
|
|
1075
1075
|
e.style.opacity = "0";
|
|
1076
1076
|
return;
|
|
1077
1077
|
}
|
|
@@ -1081,7 +1081,7 @@ function dl(e, n, t) {
|
|
|
1081
1081
|
n,
|
|
1082
1082
|
i,
|
|
1083
1083
|
a,
|
|
1084
|
-
|
|
1084
|
+
l,
|
|
1085
1085
|
t,
|
|
1086
1086
|
s,
|
|
1087
1087
|
!0
|
|
@@ -1093,9 +1093,9 @@ function dl(e, n, t) {
|
|
|
1093
1093
|
passive: !0
|
|
1094
1094
|
}));
|
|
1095
1095
|
}
|
|
1096
|
-
function
|
|
1096
|
+
function fr(e, n) {
|
|
1097
1097
|
const { maxTooltipItems: t } = Pn(n);
|
|
1098
|
-
return ({ chart: a, tooltip:
|
|
1098
|
+
return ({ chart: a, tooltip: l }) => {
|
|
1099
1099
|
var p;
|
|
1100
1100
|
if (typeof document > "u" || typeof window > "u")
|
|
1101
1101
|
return;
|
|
@@ -1103,15 +1103,15 @@ function fl(e, n) {
|
|
|
1103
1103
|
if (!(s instanceof HTMLCanvasElement))
|
|
1104
1104
|
return;
|
|
1105
1105
|
const i = zn(s), h = `comparison-tooltip-${String(a.id)}`;
|
|
1106
|
-
|
|
1106
|
+
ir(i, h, s);
|
|
1107
1107
|
let c = document.querySelector(`#${h}`);
|
|
1108
|
-
if (c || (c =
|
|
1108
|
+
if (c || (c = nr(h)), c.parentElement !== i && i.appendChild(c), Rn(c, i), dr(c, s, e), lr(c, a, s), sr(c, s), cr(c, s, a, e, n), ((l == null ? void 0 : l.opacity) ?? 0) === 0) {
|
|
1109
1109
|
if ($t() && Rt(c))
|
|
1110
1110
|
return;
|
|
1111
1111
|
n != null && n.onViewFullDetails ? oa(c, a) : pt(c, a);
|
|
1112
1112
|
return;
|
|
1113
1113
|
}
|
|
1114
|
-
const _ = (
|
|
1114
|
+
const _ = (l == null ? void 0 : l.dataPoints) ?? [];
|
|
1115
1115
|
if (_.length === 0) {
|
|
1116
1116
|
if ($t() && Rt(c))
|
|
1117
1117
|
return;
|
|
@@ -1119,30 +1119,30 @@ function fl(e, n) {
|
|
|
1119
1119
|
return;
|
|
1120
1120
|
}
|
|
1121
1121
|
zt(c);
|
|
1122
|
-
const
|
|
1122
|
+
const B = (n == null ? void 0 : n.viewFullDetailsLabel) ?? xa(), H = !!(n != null && n.onViewFullDetails), {
|
|
1123
1123
|
markup: { detailsPayload: T, hasCollapsedValues: C }
|
|
1124
1124
|
} = jo(
|
|
1125
1125
|
c,
|
|
1126
1126
|
_,
|
|
1127
1127
|
e,
|
|
1128
|
-
|
|
1128
|
+
B,
|
|
1129
1129
|
t,
|
|
1130
1130
|
H
|
|
1131
1131
|
), d = H && C;
|
|
1132
1132
|
c.__detailsPayload = d ? T : void 0, c.style.pointerEvents = d ? "auto" : "none";
|
|
1133
|
-
const F = typeof (
|
|
1133
|
+
const F = typeof (l == null ? void 0 : l.caretX) == "number" ? l.caretX : 0, M = Number(c.dataset.cursorCanvasX), I = Number(c.dataset.cursorCanvasY);
|
|
1134
1134
|
if (!(Number.isFinite(M) && Number.isFinite(I))) {
|
|
1135
1135
|
c.style.opacity = "0";
|
|
1136
1136
|
return;
|
|
1137
1137
|
}
|
|
1138
|
-
const f = (p = a == null ? void 0 : a.scales) == null ? void 0 : p.x, g = f && typeof f.getPixelForValue == "function" ? f.getPixelForValue(0) : NaN, w = e ? _.reduce((
|
|
1138
|
+
const f = (p = a == null ? void 0 : a.scales) == null ? void 0 : p.x, g = f && typeof f.getPixelForValue == "function" ? f.getPixelForValue(0) : NaN, w = e ? _.reduce((V, X) => {
|
|
1139
1139
|
const G = X == null ? void 0 : X.element, oe = G == null ? void 0 : G.x;
|
|
1140
1140
|
if (typeof oe != "number" || !Number.isFinite(oe))
|
|
1141
|
-
return
|
|
1142
|
-
if (!Number.isFinite(
|
|
1141
|
+
return V;
|
|
1142
|
+
if (!Number.isFinite(V))
|
|
1143
1143
|
return oe;
|
|
1144
|
-
const te = Number.isFinite(g) ? g : F, ue = Math.abs(
|
|
1145
|
-
return Math.abs(oe - te) > ue ? oe :
|
|
1144
|
+
const te = Number.isFinite(g) ? g : F, ue = Math.abs(V - te);
|
|
1145
|
+
return Math.abs(oe - te) > ue ? oe : V;
|
|
1146
1146
|
}, Number.NaN) : Number.NaN, x = M, A = I, P = e ? Number.isFinite(g) && Number.isFinite(w) && w < g ? "left" : "right" : "center";
|
|
1147
1147
|
Nn(
|
|
1148
1148
|
c,
|
|
@@ -1156,18 +1156,18 @@ function fl(e, n) {
|
|
|
1156
1156
|
), c.dataset.caretX = String(x), c.dataset.caretY = String(A), c.dataset.anchorDirection = P, c.style.opacity = "1";
|
|
1157
1157
|
};
|
|
1158
1158
|
}
|
|
1159
|
-
function
|
|
1159
|
+
function hr(e, n) {
|
|
1160
1160
|
return {
|
|
1161
|
-
filter: (t, a,
|
|
1161
|
+
filter: (t, a, l) => l.length <= n ? !0 : a < n,
|
|
1162
1162
|
callbacks: {
|
|
1163
1163
|
title: (t) => {
|
|
1164
|
-
var
|
|
1165
|
-
const a = (
|
|
1164
|
+
var l;
|
|
1165
|
+
const a = (l = t[0]) == null ? void 0 : l.label;
|
|
1166
1166
|
return a == null ? "" : String(a);
|
|
1167
1167
|
},
|
|
1168
1168
|
label: (t) => {
|
|
1169
|
-
var
|
|
1170
|
-
const a = ((s = (
|
|
1169
|
+
var l, s;
|
|
1170
|
+
const a = ((s = (l = t.chart) == null ? void 0 : l.tooltip) == null ? void 0 : s.dataPoints) ?? [];
|
|
1171
1171
|
if (a.length > n) {
|
|
1172
1172
|
const i = Zn(t), c = a.slice(0, n).findIndex(
|
|
1173
1173
|
(_) => Zn(_) === i
|
|
@@ -1175,8 +1175,8 @@ function hl(e, n) {
|
|
|
1175
1175
|
if (c >= n)
|
|
1176
1176
|
return "";
|
|
1177
1177
|
if (c === n - 1) {
|
|
1178
|
-
const _ = a.slice(n - 1).reduce((H, T) => H + $n(T, e), 0),
|
|
1179
|
-
return zo(_,
|
|
1178
|
+
const _ = a.slice(n - 1).reduce((H, T) => H + $n(T, e), 0), B = Math.max(0, a.length - (n - 1));
|
|
1179
|
+
return zo(_, B);
|
|
1180
1180
|
}
|
|
1181
1181
|
}
|
|
1182
1182
|
return Sa(t, e);
|
|
@@ -1185,14 +1185,14 @@ function hl(e, n) {
|
|
|
1185
1185
|
};
|
|
1186
1186
|
}
|
|
1187
1187
|
function Ot(e = !1, n = !1, t) {
|
|
1188
|
-
const { maxTooltipItems: a } = Pn(t),
|
|
1188
|
+
const { maxTooltipItems: a } = Pn(t), l = wa(e ? "y" : "x");
|
|
1189
1189
|
return n ? {
|
|
1190
|
-
...
|
|
1190
|
+
...l,
|
|
1191
1191
|
enabled: !1,
|
|
1192
|
-
external:
|
|
1192
|
+
external: fr(e, t)
|
|
1193
1193
|
} : {
|
|
1194
|
-
...
|
|
1195
|
-
...
|
|
1194
|
+
...l,
|
|
1195
|
+
...hr(e, a)
|
|
1196
1196
|
};
|
|
1197
1197
|
}
|
|
1198
1198
|
function Et(e) {
|
|
@@ -1206,7 +1206,7 @@ function Et(e) {
|
|
|
1206
1206
|
}
|
|
1207
1207
|
return d.slice(0, I - 1) + M;
|
|
1208
1208
|
}
|
|
1209
|
-
function
|
|
1209
|
+
function l(C) {
|
|
1210
1210
|
const d = C == null ? "" : String(C), [F] = d.split("#");
|
|
1211
1211
|
return (F ?? d).trim();
|
|
1212
1212
|
}
|
|
@@ -1237,10 +1237,10 @@ function Et(e) {
|
|
|
1237
1237
|
display: e.showXTick,
|
|
1238
1238
|
padding: 8,
|
|
1239
1239
|
callback: function(C) {
|
|
1240
|
-
if ((e == null ? void 0 : e.isTransposed) === !0) return
|
|
1240
|
+
if ((e == null ? void 0 : e.isTransposed) === !0) return l(C);
|
|
1241
1241
|
let F = String(C);
|
|
1242
1242
|
const M = this;
|
|
1243
|
-
M && typeof M.getLabelForValue == "function" && (F = M.getLabelForValue(C)), F =
|
|
1243
|
+
M && typeof M.getLabelForValue == "function" && (F = M.getLabelForValue(C)), F = l(F);
|
|
1244
1244
|
const I = M == null ? void 0 : M.chart, b = M == null ? void 0 : M.ctx, f = I.height * 0.25;
|
|
1245
1245
|
if (b && f > 0) {
|
|
1246
1246
|
b.save();
|
|
@@ -1263,7 +1263,7 @@ function Et(e) {
|
|
|
1263
1263
|
afterBuildTicks: (C) => {
|
|
1264
1264
|
const d = Array.isArray(C == null ? void 0 : C.ticks) ? C.ticks : [];
|
|
1265
1265
|
if (d.length === 0) return;
|
|
1266
|
-
const F =
|
|
1266
|
+
const F = l(C.getLabelForValue(d[0].value)), M = !isNaN(Number(F));
|
|
1267
1267
|
C.options.ticks.minRotation = M || d.length < 10 ? 0 : 90;
|
|
1268
1268
|
},
|
|
1269
1269
|
afterFit: (C) => {
|
|
@@ -1285,10 +1285,10 @@ function Et(e) {
|
|
|
1285
1285
|
size: e.yTickFontSize
|
|
1286
1286
|
},
|
|
1287
1287
|
callback: function(C) {
|
|
1288
|
-
if (!((e == null ? void 0 : e.isTransposed) === !0)) return
|
|
1288
|
+
if (!((e == null ? void 0 : e.isTransposed) === !0)) return l(C);
|
|
1289
1289
|
let F = String(C);
|
|
1290
1290
|
const M = this;
|
|
1291
|
-
M && typeof M.getLabelForValue == "function" && (F = M.getLabelForValue(C)), F =
|
|
1291
|
+
M && typeof M.getLabelForValue == "function" && (F = M.getLabelForValue(C)), F = l(F);
|
|
1292
1292
|
const I = M == null ? void 0 : M.chart, b = M == null ? void 0 : M.ctx, f = I.width * 0.4;
|
|
1293
1293
|
if (b && f > 0) {
|
|
1294
1294
|
b.save();
|
|
@@ -1351,19 +1351,19 @@ function Et(e) {
|
|
|
1351
1351
|
});
|
|
1352
1352
|
}
|
|
1353
1353
|
}
|
|
1354
|
-
})),
|
|
1355
|
-
return { datalabels: i, xCfg: h, yCfg: c, isTransposed:
|
|
1354
|
+
})), B = v(() => e.isTransposed), H = v(() => e.chartWidth), T = v(() => e.chartHeight);
|
|
1355
|
+
return { datalabels: i, xCfg: h, yCfg: c, isTransposed: B, legend: _, chartWidth: H, chartHeight: T };
|
|
1356
1356
|
}
|
|
1357
|
-
const
|
|
1357
|
+
const mr = {
|
|
1358
1358
|
key: 0,
|
|
1359
1359
|
class: "pointer-events-none fixed inset-0 z-[120] flex justify-end"
|
|
1360
|
-
},
|
|
1360
|
+
}, pr = ["aria-label"], vr = { class: "relative z-20 flex shrink-0 items-center bg-fm-color-neutral-white justify-between sm:px-5" }, gr = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary min-w-0 flex-1 pr-3" }, yr = { class: "flex items-center gap-1.5" }, br = {
|
|
1361
1361
|
key: 0,
|
|
1362
1362
|
class: "pb-2 fm-typo-en-body-md-600 text-fm-color-typo-primary"
|
|
1363
|
-
},
|
|
1363
|
+
}, Cr = ["onMouseenter", "onFocus"], wr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, xr = { class: "min-w-0 text-fm-color-typo-secondary" }, Sr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary shrink-0 text-right tabular-nums" }, _r = {
|
|
1364
1364
|
key: 0,
|
|
1365
1365
|
class: "mx-2 border-t border-fm-color-border-secondary my-1"
|
|
1366
|
-
},
|
|
1366
|
+
}, ra = 500, kr = 320, Qt = /* @__PURE__ */ at({
|
|
1367
1367
|
__name: "TooltipDetailSidesheet",
|
|
1368
1368
|
props: {
|
|
1369
1369
|
modelValue: { type: Boolean },
|
|
@@ -1371,13 +1371,13 @@ const ml = {
|
|
|
1371
1371
|
},
|
|
1372
1372
|
emits: ["update:modelValue", "value-hover", "value-leave"],
|
|
1373
1373
|
setup(e, { emit: n }) {
|
|
1374
|
-
const t = e, a = n, { t:
|
|
1374
|
+
const t = e, a = n, { t: l } = wt(), s = L(null), i = L(ra), h = L(!1), c = v({
|
|
1375
1375
|
get: () => t.modelValue,
|
|
1376
1376
|
set: (p) => a("update:modelValue", p)
|
|
1377
1377
|
}), _ = v(() => {
|
|
1378
1378
|
var p;
|
|
1379
|
-
return (((p = t.detailsPayload) == null ? void 0 : p.sections) ?? []).filter((
|
|
1380
|
-
}),
|
|
1379
|
+
return (((p = t.detailsPayload) == null ? void 0 : p.sections) ?? []).filter((V) => V.values.length > 0);
|
|
1380
|
+
}), B = v(() => ({
|
|
1381
1381
|
width: `${i.value}px`,
|
|
1382
1382
|
maxWidth: "94vw"
|
|
1383
1383
|
}));
|
|
@@ -1385,8 +1385,8 @@ const ml = {
|
|
|
1385
1385
|
return p.value.toLocaleString();
|
|
1386
1386
|
}
|
|
1387
1387
|
function T(p) {
|
|
1388
|
-
const
|
|
1389
|
-
return p.text.endsWith(
|
|
1388
|
+
const V = `: ${H(p)}`;
|
|
1389
|
+
return p.text.endsWith(V) ? p.text.slice(0, -V.length) : p.text;
|
|
1390
1390
|
}
|
|
1391
1391
|
function C(p) {
|
|
1392
1392
|
a("value-hover", p);
|
|
@@ -1398,11 +1398,11 @@ const ml = {
|
|
|
1398
1398
|
d(), c.value = !1;
|
|
1399
1399
|
}
|
|
1400
1400
|
function M() {
|
|
1401
|
-
return typeof window > "u" ?
|
|
1401
|
+
return typeof window > "u" ? ra : Math.floor(window.innerWidth * 0.94);
|
|
1402
1402
|
}
|
|
1403
1403
|
function I(p) {
|
|
1404
|
-
const
|
|
1405
|
-
return Math.min(
|
|
1404
|
+
const V = M(), X = Math.min(kr, V);
|
|
1405
|
+
return Math.min(V, Math.max(X, Math.floor(p)));
|
|
1406
1406
|
}
|
|
1407
1407
|
function b(p) {
|
|
1408
1408
|
typeof window > "u" || (i.value = I(window.innerWidth - p));
|
|
@@ -1423,11 +1423,11 @@ const ml = {
|
|
|
1423
1423
|
var G;
|
|
1424
1424
|
if (!c.value)
|
|
1425
1425
|
return;
|
|
1426
|
-
const
|
|
1427
|
-
if (!(
|
|
1426
|
+
const V = p.target;
|
|
1427
|
+
if (!(V instanceof Node))
|
|
1428
1428
|
return;
|
|
1429
|
-
const X =
|
|
1430
|
-
X != null && X.closest('[data-tooltip-full-details="true"]') || (G = s.value) != null && G.contains(
|
|
1429
|
+
const X = V instanceof Element ? V : null;
|
|
1430
|
+
X != null && X.closest('[data-tooltip-full-details="true"]') || (G = s.value) != null && G.contains(V) || F();
|
|
1431
1431
|
}
|
|
1432
1432
|
function P(p) {
|
|
1433
1433
|
c.value && p.key === "Escape" && F();
|
|
@@ -1436,7 +1436,7 @@ const ml = {
|
|
|
1436
1436
|
i.value = I(i.value), document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", P), window.addEventListener("resize", x);
|
|
1437
1437
|
}), da(() => {
|
|
1438
1438
|
f(), document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", P), window.removeEventListener("resize", x);
|
|
1439
|
-
}), (p,
|
|
1439
|
+
}), (p, V) => {
|
|
1440
1440
|
const X = ve("FmButton");
|
|
1441
1441
|
return Y(), we(Ka, {
|
|
1442
1442
|
"enter-active-class": "transform transition duration-200 ease-out",
|
|
@@ -1447,28 +1447,28 @@ const ml = {
|
|
|
1447
1447
|
"leave-to-class": "translate-x-full opacity-0"
|
|
1448
1448
|
}, {
|
|
1449
1449
|
default: $e(() => [
|
|
1450
|
-
c.value ? (Y(), ge("div",
|
|
1450
|
+
c.value ? (Y(), ge("div", mr, [
|
|
1451
1451
|
J("div", {
|
|
1452
1452
|
ref_key: "panelRef",
|
|
1453
1453
|
ref: s,
|
|
1454
1454
|
class: "glassmorphism pointer-events-auto relative ml-auto flex h-full flex-col px-24 py-3 overflow-hidden rounded-l-2xl border border-fm-color-border-secondary bg-fm-color-neutral-white duration-200 ease-out",
|
|
1455
|
-
style: Ze(
|
|
1455
|
+
style: Ze(B.value),
|
|
1456
1456
|
role: "dialog",
|
|
1457
1457
|
"aria-modal": "false",
|
|
1458
|
-
"aria-label": l
|
|
1458
|
+
"aria-label": r(l)("report.widget.comparisonTooltip.fullBreakdownTitle")
|
|
1459
1459
|
}, [
|
|
1460
1460
|
J("div", {
|
|
1461
1461
|
class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
|
|
1462
1462
|
onPointerdown: Tt(w, ["prevent"])
|
|
1463
1463
|
}, null, 32),
|
|
1464
|
-
J("div",
|
|
1465
|
-
J("div",
|
|
1466
|
-
J("div",
|
|
1464
|
+
J("div", vr, [
|
|
1465
|
+
J("div", gr, Ge(r(l)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
|
|
1466
|
+
J("div", yr, [
|
|
1467
1467
|
fe(X, {
|
|
1468
1468
|
class: "relative z-30 h-9 w-9 shrink-0",
|
|
1469
1469
|
variant: "tertiary",
|
|
1470
1470
|
icon: "close",
|
|
1471
|
-
"aria-label": l
|
|
1471
|
+
"aria-label": r(l)("report.dynamic.common.close"),
|
|
1472
1472
|
onClick: F
|
|
1473
1473
|
}, null, 8, ["aria-label"])
|
|
1474
1474
|
])
|
|
@@ -1481,7 +1481,7 @@ const ml = {
|
|
|
1481
1481
|
key: `${G.title || "section"}-${oe}`,
|
|
1482
1482
|
class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
|
|
1483
1483
|
}, [
|
|
1484
|
-
G.title ? (Y(), ge("p",
|
|
1484
|
+
G.title ? (Y(), ge("p", br, Ge(G.title), 1)) : Le("", !0),
|
|
1485
1485
|
(Y(!0), ge(Qe, null, Lt(G.values, (te, ue) => (Y(), ge(Qe, {
|
|
1486
1486
|
key: `${te.text}-${ue}`
|
|
1487
1487
|
}, [
|
|
@@ -1493,7 +1493,7 @@ const ml = {
|
|
|
1493
1493
|
onMouseleave: d,
|
|
1494
1494
|
onBlur: d
|
|
1495
1495
|
}, [
|
|
1496
|
-
J("span",
|
|
1496
|
+
J("span", wr, [
|
|
1497
1497
|
J("span", {
|
|
1498
1498
|
class: Ye([
|
|
1499
1499
|
"inline-block h-3 w-3 shrink-0 box-border",
|
|
@@ -1501,15 +1501,15 @@ const ml = {
|
|
|
1501
1501
|
]),
|
|
1502
1502
|
style: Ze({ backgroundColor: te.color })
|
|
1503
1503
|
}, null, 6),
|
|
1504
|
-
J("span",
|
|
1504
|
+
J("span", xr, Ge(T(te)), 1)
|
|
1505
1505
|
]),
|
|
1506
|
-
J("span",
|
|
1507
|
-
], 40,
|
|
1508
|
-
ue < G.values.length - 1 ? (Y(), ge("hr",
|
|
1506
|
+
J("span", Sr, Ge(H(te)), 1)
|
|
1507
|
+
], 40, Cr),
|
|
1508
|
+
ue < G.values.length - 1 ? (Y(), ge("hr", _r)) : Le("", !0)
|
|
1509
1509
|
], 64))), 128))
|
|
1510
1510
|
]))), 128))
|
|
1511
1511
|
], 32)
|
|
1512
|
-
], 12,
|
|
1512
|
+
], 12, pr)
|
|
1513
1513
|
])) : Le("", !0)
|
|
1514
1514
|
]),
|
|
1515
1515
|
_: 1
|
|
@@ -1518,44 +1518,44 @@ const ml = {
|
|
|
1518
1518
|
}
|
|
1519
1519
|
});
|
|
1520
1520
|
function en(e, n) {
|
|
1521
|
-
const { t } = wt(), a = L(!1),
|
|
1521
|
+
const { t } = wt(), a = L(!1), l = L(null), s = L(null);
|
|
1522
1522
|
function i() {
|
|
1523
1523
|
return Da(e.value) ?? s.value;
|
|
1524
1524
|
}
|
|
1525
1525
|
function h(T) {
|
|
1526
|
-
a.value = T, !T && (
|
|
1526
|
+
a.value = T, !T && (l.value = null, un(i()), s.value = null);
|
|
1527
1527
|
}
|
|
1528
1528
|
function c(T, C) {
|
|
1529
|
-
|
|
1529
|
+
l.value = T, s.value = C ?? i(), a.value = !0;
|
|
1530
1530
|
}
|
|
1531
1531
|
function _(T) {
|
|
1532
1532
|
un(i(), T.focusTarget);
|
|
1533
1533
|
}
|
|
1534
|
-
function
|
|
1534
|
+
function B() {
|
|
1535
1535
|
un(i());
|
|
1536
1536
|
}
|
|
1537
1537
|
const H = v(() => ({
|
|
1538
1538
|
viewFullDetailsLabel: t("report.widget.comparisonTooltip.viewBreakdown"),
|
|
1539
1539
|
onViewFullDetails: c,
|
|
1540
|
-
maxTooltipItems:
|
|
1540
|
+
maxTooltipItems: r(n == null ? void 0 : n.maxTooltipItems)
|
|
1541
1541
|
}));
|
|
1542
1542
|
return {
|
|
1543
1543
|
isTooltipDetailsSheetOpen: a,
|
|
1544
|
-
tooltipDetailsPayload:
|
|
1544
|
+
tooltipDetailsPayload: l,
|
|
1545
1545
|
tooltipOptions: H,
|
|
1546
1546
|
handleTooltipDetailsSheetVisibility: h,
|
|
1547
1547
|
handleTooltipDetailsHover: _,
|
|
1548
|
-
handleTooltipDetailsLeave:
|
|
1548
|
+
handleTooltipDetailsLeave: B
|
|
1549
1549
|
};
|
|
1550
1550
|
}
|
|
1551
|
-
const
|
|
1551
|
+
const Tr = {
|
|
1552
1552
|
type: "button",
|
|
1553
1553
|
class: "inline-flex cursor-pointer select-none items-center gap-1 rounded px-1 py-0.5 border-none bg-transparent text-fm-color-system-info-300 leading-[1.4]",
|
|
1554
1554
|
style: { fontSize: "var(--legend-font-size)" }
|
|
1555
|
-
},
|
|
1555
|
+
}, Lr = ["aria-pressed", "onClick"], Dr = ["title"], Ir = {
|
|
1556
1556
|
key: 0,
|
|
1557
1557
|
class: "chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto"
|
|
1558
|
-
},
|
|
1558
|
+
}, Mr = 36, la = 2, sa = 16, Fr = 50, Br = 6, Vr = /* @__PURE__ */ at({
|
|
1559
1559
|
__name: "ChartLegendPanel",
|
|
1560
1560
|
props: {
|
|
1561
1561
|
chartRef: {},
|
|
@@ -1575,14 +1575,14 @@ const Tl = {
|
|
|
1575
1575
|
},
|
|
1576
1576
|
emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
|
|
1577
1577
|
setup(e, { emit: n }) {
|
|
1578
|
-
const t = e, a = n, { t:
|
|
1578
|
+
const t = e, a = n, { t: l } = wt(), s = L([]), i = L(0), h = L(!1), c = L(!1), _ = L(0), B = L(null), H = L(null), T = L(null), C = L(null), d = L(!1), F = L(0), M = L(0), I = L(!1), b = L(0), f = L(0), g = v(() => t.enabled !== !1), w = v(() => t.position === "left" || t.position === "right");
|
|
1579
1579
|
let x = null;
|
|
1580
1580
|
const A = v(
|
|
1581
1581
|
() => h.value && c.value && d.value
|
|
1582
1582
|
), P = v(() => ({
|
|
1583
1583
|
height: `${Math.max(0, F.value)}px`,
|
|
1584
1584
|
transform: `translateY(${Math.max(0, M.value)}px)`
|
|
1585
|
-
})), p = v(() => typeof t.textColor == "string" && t.textColor.trim().length > 0 ? t.textColor : "#6b6b6b"),
|
|
1585
|
+
})), p = v(() => typeof t.textColor == "string" && t.textColor.trim().length > 0 ? t.textColor : "#6b6b6b"), V = v(() => typeof t.fontSize == "number" && Number.isFinite(t.fontSize) && t.fontSize > 0 ? t.fontSize : 12);
|
|
1586
1586
|
function X(o) {
|
|
1587
1587
|
G({ height: o, width: 0 });
|
|
1588
1588
|
}
|
|
@@ -1598,7 +1598,7 @@ const Tl = {
|
|
|
1598
1598
|
const o = Da(t.chartRef);
|
|
1599
1599
|
if (o)
|
|
1600
1600
|
return o;
|
|
1601
|
-
const y =
|
|
1601
|
+
const y = B.value, m = [y == null ? void 0 : y.parentElement, y == null ? void 0 : y.closest(".h-full"), y];
|
|
1602
1602
|
for (const S of m) {
|
|
1603
1603
|
if (!(S instanceof HTMLElement))
|
|
1604
1604
|
continue;
|
|
@@ -1616,7 +1616,7 @@ const Tl = {
|
|
|
1616
1616
|
}
|
|
1617
1617
|
function ie() {
|
|
1618
1618
|
var S;
|
|
1619
|
-
const o = (S =
|
|
1619
|
+
const o = (S = B.value) == null ? void 0 : S.getBoundingClientRect(), y = Number((o == null ? void 0 : o.height) ?? 0), m = Number((o == null ? void 0 : o.width) ?? 0);
|
|
1620
1620
|
if (Number.isFinite(y) && y >= 0) {
|
|
1621
1621
|
G({
|
|
1622
1622
|
height: w.value ? 0 : y,
|
|
@@ -1665,11 +1665,11 @@ const Tl = {
|
|
|
1665
1665
|
function R() {
|
|
1666
1666
|
I.value && (I.value = !1);
|
|
1667
1667
|
}
|
|
1668
|
-
function
|
|
1668
|
+
function re() {
|
|
1669
1669
|
var y;
|
|
1670
1670
|
const o = [
|
|
1671
1671
|
(y = t.chartRef) == null ? void 0 : y.$el,
|
|
1672
|
-
|
|
1672
|
+
B.value
|
|
1673
1673
|
];
|
|
1674
1674
|
for (const m of o) {
|
|
1675
1675
|
if (!(m instanceof HTMLElement))
|
|
@@ -1689,7 +1689,7 @@ const Tl = {
|
|
|
1689
1689
|
}
|
|
1690
1690
|
function pe() {
|
|
1691
1691
|
var m, S, U, K;
|
|
1692
|
-
const o = (S = (m =
|
|
1692
|
+
const o = (S = (m = B.value) == null ? void 0 : m.closest(".chart-layout")) == null ? void 0 : S.parentElement;
|
|
1693
1693
|
if (o instanceof HTMLElement)
|
|
1694
1694
|
return o;
|
|
1695
1695
|
const y = (U = t.chartRef) == null ? void 0 : U.$el;
|
|
@@ -1702,7 +1702,7 @@ const Tl = {
|
|
|
1702
1702
|
}
|
|
1703
1703
|
function O() {
|
|
1704
1704
|
var m, S, U, K;
|
|
1705
|
-
const o = ((m =
|
|
1705
|
+
const o = ((m = B.value) == null ? void 0 : m.closest(".chart-layout")) ?? ((K = (U = (S = t.chartRef) == null ? void 0 : S.$el) == null ? void 0 : U.closest) == null ? void 0 : K.call(U, ".chart-layout")) ?? null;
|
|
1706
1706
|
if (!(o instanceof HTMLElement))
|
|
1707
1707
|
return null;
|
|
1708
1708
|
const y = Number(o.getBoundingClientRect().width);
|
|
@@ -1715,7 +1715,7 @@ const Tl = {
|
|
|
1715
1715
|
if (Number.isFinite(ae) && ae > 0)
|
|
1716
1716
|
return ae;
|
|
1717
1717
|
}
|
|
1718
|
-
const y =
|
|
1718
|
+
const y = re();
|
|
1719
1719
|
if (!y)
|
|
1720
1720
|
return null;
|
|
1721
1721
|
const m = window.getComputedStyle(y), S = parseFloat(m.paddingTop) || 0, U = parseFloat(m.paddingBottom) || 0, K = y.getBoundingClientRect().height - S - U;
|
|
@@ -1728,7 +1728,7 @@ const Tl = {
|
|
|
1728
1728
|
if (Number.isFinite(ae) && ae > 0)
|
|
1729
1729
|
return ae;
|
|
1730
1730
|
}
|
|
1731
|
-
const y =
|
|
1731
|
+
const y = re();
|
|
1732
1732
|
if (!y)
|
|
1733
1733
|
return null;
|
|
1734
1734
|
const m = window.getComputedStyle(y), S = parseFloat(m.paddingLeft) || 0, U = parseFloat(m.paddingRight) || 0, K = y.getBoundingClientRect().width - S - U;
|
|
@@ -1739,7 +1739,7 @@ const Tl = {
|
|
|
1739
1739
|
if (w.value)
|
|
1740
1740
|
return Number.isFinite(y) && y > 0 ? Math.max(0, Math.floor(y - sa)) : m != null ? Math.max(0, Math.floor(m - sa)) : 120;
|
|
1741
1741
|
if (m != null) {
|
|
1742
|
-
const S = m * 0.3, U = m -
|
|
1742
|
+
const S = m * 0.3, U = m - Mr, K = Math.min(S, U);
|
|
1743
1743
|
return Math.max(0, Math.floor(K));
|
|
1744
1744
|
}
|
|
1745
1745
|
return Number.isFinite(y) && y > 0 ? Math.max(0, Math.floor(y * 0.3)) : 120;
|
|
@@ -1749,7 +1749,7 @@ const Tl = {
|
|
|
1749
1749
|
const o = O();
|
|
1750
1750
|
if (o != null)
|
|
1751
1751
|
return Math.max(0, Math.floor(o * 0.3));
|
|
1752
|
-
const y = te(), m = Number(y == null ? void 0 : y.width), S = Number(((K =
|
|
1752
|
+
const y = te(), m = Number(y == null ? void 0 : y.width), S = Number(((K = B.value) == null ? void 0 : K.getBoundingClientRect().width) ?? 0);
|
|
1753
1753
|
if (Number.isFinite(m) && m > 0) {
|
|
1754
1754
|
const ae = m + (Number.isFinite(S) ? S : 0);
|
|
1755
1755
|
return Math.max(0, Math.floor(ae * 0.3));
|
|
@@ -1849,7 +1849,7 @@ const Tl = {
|
|
|
1849
1849
|
);
|
|
1850
1850
|
typeof S.datasetKey == "string" && S.datasetKey.trim().length > 0 && me.add(S.datasetKey), m[_e] = {
|
|
1851
1851
|
...Ae,
|
|
1852
|
-
datasetIndexes: Array.from(xe).sort((
|
|
1852
|
+
datasetIndexes: Array.from(xe).sort((le, qe) => le - qe),
|
|
1853
1853
|
datasetKeys: Array.from(me),
|
|
1854
1854
|
hidden: Ae.hidden === !0 && S.hidden === !0
|
|
1855
1855
|
};
|
|
@@ -1857,7 +1857,7 @@ const Tl = {
|
|
|
1857
1857
|
return m;
|
|
1858
1858
|
}
|
|
1859
1859
|
function Q(o) {
|
|
1860
|
-
var j, _e, Ae, xe, me,
|
|
1860
|
+
var j, _e, Ae, xe, me, le;
|
|
1861
1861
|
const y = o == null ? void 0 : o.legend;
|
|
1862
1862
|
if (typeof (y == null ? void 0 : y.buildLabels) == "function")
|
|
1863
1863
|
try {
|
|
@@ -1867,7 +1867,7 @@ const Tl = {
|
|
|
1867
1867
|
const m = Pe(y == null ? void 0 : y.legendItems);
|
|
1868
1868
|
if (m.length > 0)
|
|
1869
1869
|
return m;
|
|
1870
|
-
const S = (_e = (j = o == null ? void 0 : o.options) == null ? void 0 : j.plugins) == null ? void 0 : _e.legend, U = S == null ? void 0 : S.labels, K = U == null ? void 0 : U.generateLabels, ae = (
|
|
1870
|
+
const S = (_e = (j = o == null ? void 0 : o.options) == null ? void 0 : j.plugins) == null ? void 0 : _e.legend, U = S == null ? void 0 : S.labels, K = U == null ? void 0 : U.generateLabels, ae = (le = (me = (xe = (Ae = wn.defaults) == null ? void 0 : Ae.plugins) == null ? void 0 : xe.legend) == null ? void 0 : me.labels) == null ? void 0 : le.generateLabels;
|
|
1871
1871
|
let he = Pe(
|
|
1872
1872
|
typeof K == "function" ? K(o) : []
|
|
1873
1873
|
);
|
|
@@ -1876,7 +1876,7 @@ const Tl = {
|
|
|
1876
1876
|
function Z(o) {
|
|
1877
1877
|
var m;
|
|
1878
1878
|
return (Array.isArray((m = o == null ? void 0 : o.data) == null ? void 0 : m.datasets) ? o.data.datasets : []).map((S, U) => {
|
|
1879
|
-
const K = ce((S == null ? void 0 : S.borderColor) ?? (S == null ? void 0 : S.backgroundColor)), ae =
|
|
1879
|
+
const K = ce((S == null ? void 0 : S.borderColor) ?? (S == null ? void 0 : S.backgroundColor)), ae = Vt({
|
|
1880
1880
|
datasetIndex: U,
|
|
1881
1881
|
label: S == null ? void 0 : S.label
|
|
1882
1882
|
});
|
|
@@ -1905,7 +1905,7 @@ const Tl = {
|
|
|
1905
1905
|
index: _e,
|
|
1906
1906
|
hidden: We(_e)
|
|
1907
1907
|
})) : m.map((j, _e) => ({
|
|
1908
|
-
datasetKey:
|
|
1908
|
+
datasetKey: Vt({
|
|
1909
1909
|
datasetIndex: _e,
|
|
1910
1910
|
label: j == null ? void 0 : j.label
|
|
1911
1911
|
}),
|
|
@@ -1918,7 +1918,7 @@ const Tl = {
|
|
|
1918
1918
|
),
|
|
1919
1919
|
datasetIndex: _e,
|
|
1920
1920
|
hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(
|
|
1921
|
-
|
|
1921
|
+
Vt({
|
|
1922
1922
|
datasetIndex: _e,
|
|
1923
1923
|
label: j == null ? void 0 : j.label
|
|
1924
1924
|
})
|
|
@@ -1946,15 +1946,15 @@ const Tl = {
|
|
|
1946
1946
|
const m = T.value;
|
|
1947
1947
|
if (!m || o.length === 0)
|
|
1948
1948
|
return 0;
|
|
1949
|
-
const S = Math.max(0, y -
|
|
1949
|
+
const S = Math.max(0, y - la);
|
|
1950
1950
|
if (w.value) {
|
|
1951
|
-
const xe = window.getComputedStyle(m), me = Number.parseFloat(xe.rowGap || xe.gap || "0") || 0,
|
|
1951
|
+
const xe = window.getComputedStyle(m), me = Number.parseFloat(xe.rowGap || xe.gap || "0") || 0, le = Fe();
|
|
1952
1952
|
let qe = 0, ot = 0;
|
|
1953
1953
|
for (let dt = 0; dt < o.length; dt += 1) {
|
|
1954
1954
|
const et = o[dt];
|
|
1955
1955
|
if (!et)
|
|
1956
1956
|
continue;
|
|
1957
|
-
const ft = qe + (ot > 0 ? me : 0) + et.offsetHeight, Ut = o.length - (dt + 1) > 0 ? me +
|
|
1957
|
+
const ft = qe + (ot > 0 ? me : 0) + et.offsetHeight, Ut = o.length - (dt + 1) > 0 ? me + le : 0;
|
|
1958
1958
|
if (ft + Ut > S)
|
|
1959
1959
|
break;
|
|
1960
1960
|
qe = ft, ot += 1;
|
|
@@ -1973,10 +1973,10 @@ const Tl = {
|
|
|
1973
1973
|
return Math.max(1, K.length - 1);
|
|
1974
1974
|
const he = window.getComputedStyle(m), j = Number.parseFloat(he.columnGap || he.gap || "0") || 0, _e = m.clientWidth;
|
|
1975
1975
|
for (let xe = K.length; xe > 0; xe -= 1) {
|
|
1976
|
-
const me = K.slice(0, xe),
|
|
1977
|
-
if (!
|
|
1976
|
+
const me = K.slice(0, xe), le = me[me.length - 1];
|
|
1977
|
+
if (!le)
|
|
1978
1978
|
continue;
|
|
1979
|
-
if (
|
|
1979
|
+
if (le.offsetLeft + le.offsetWidth + j + ae <= _e)
|
|
1980
1980
|
return xe;
|
|
1981
1981
|
}
|
|
1982
1982
|
return 1;
|
|
@@ -1994,15 +1994,15 @@ const Tl = {
|
|
|
1994
1994
|
c.value = !1, _.value = 0, i.value = 0, ue(), D();
|
|
1995
1995
|
return;
|
|
1996
1996
|
}
|
|
1997
|
-
const m = Array.from(new Set(y.map((me) => me.offsetTop))).sort((me,
|
|
1997
|
+
const m = Array.from(new Set(y.map((me) => me.offsetTop))).sort((me, le) => me - le), S = !h.value && s.value.length > y.length, U = !h.value && !S, K = U || _.value <= 0 ? ye() : _.value;
|
|
1998
1998
|
if ((U || _.value <= 0) && (_.value = K), S) {
|
|
1999
1999
|
const me = ye();
|
|
2000
2000
|
if (me > 0 && (_.value = me), w.value && i.value < s.value.length) {
|
|
2001
|
-
const
|
|
2002
|
-
if (qe + 1 <
|
|
2001
|
+
const le = Math.max(0, _.value - la), qe = o.scrollHeight;
|
|
2002
|
+
if (qe + 1 < le) {
|
|
2003
2003
|
const ot = y.map((et) => et.offsetHeight).filter((et) => Number.isFinite(et) && et > 0), dt = ot.length > 0 ? ot.reduce((et, ft) => et + ft, 0) / ot.length : 0;
|
|
2004
2004
|
if (dt > 0) {
|
|
2005
|
-
const et = window.getComputedStyle(o), ft = Number.parseFloat(et.rowGap || et.gap || "0") || 0, ut = Math.max(1, dt + ft), Ut =
|
|
2005
|
+
const et = window.getComputedStyle(o), ft = Number.parseFloat(et.rowGap || et.gap || "0") || 0, ut = Math.max(1, dt + ft), Ut = le - qe, Kt = Math.floor(Ut / ut);
|
|
2006
2006
|
if (Kt > 0) {
|
|
2007
2007
|
i.value = Math.min(
|
|
2008
2008
|
s.value.length,
|
|
@@ -2029,7 +2029,7 @@ const Tl = {
|
|
|
2029
2029
|
const Te = v(() => {
|
|
2030
2030
|
const o = {
|
|
2031
2031
|
"--legend-text-color": p.value,
|
|
2032
|
-
"--legend-font-size": `${
|
|
2032
|
+
"--legend-font-size": `${V.value}px`
|
|
2033
2033
|
}, y = ye();
|
|
2034
2034
|
if (w.value) {
|
|
2035
2035
|
const m = Ce();
|
|
@@ -2058,7 +2058,7 @@ const Tl = {
|
|
|
2058
2058
|
} : c.value ? {
|
|
2059
2059
|
overflow: "hidden"
|
|
2060
2060
|
} : {} : {});
|
|
2061
|
-
function
|
|
2061
|
+
function Be() {
|
|
2062
2062
|
var S;
|
|
2063
2063
|
if (!g.value) {
|
|
2064
2064
|
s.value = [], i.value = 0, h.value = !1, c.value = !1, _.value = 0, G({ height: 0, width: 0 });
|
|
@@ -2087,7 +2087,7 @@ const Tl = {
|
|
|
2087
2087
|
}
|
|
2088
2088
|
function Ee(o, y) {
|
|
2089
2089
|
return Array.isArray(o.datasetKeys) && o.datasetKeys.length > 0 ? o.datasetKeys.filter((m) => typeof m == "string" && m.trim().length > 0) : typeof o.datasetKey == "string" && o.datasetKey.trim().length > 0 ? [o.datasetKey] : y.map(
|
|
2090
|
-
(m) =>
|
|
2090
|
+
(m) => Vt({
|
|
2091
2091
|
datasetIndex: m,
|
|
2092
2092
|
label: o.text
|
|
2093
2093
|
})
|
|
@@ -2107,7 +2107,7 @@ const Tl = {
|
|
|
2107
2107
|
const S = Array.isArray((U = o == null ? void 0 : o.data) == null ? void 0 : U.datasets) ? o.data.datasets[y] : null;
|
|
2108
2108
|
S && typeof S == "object" && (S.hidden = !m);
|
|
2109
2109
|
}
|
|
2110
|
-
function
|
|
2110
|
+
function Ve(o, y) {
|
|
2111
2111
|
var ae;
|
|
2112
2112
|
if (typeof o.toggleDataVisibility == "function") {
|
|
2113
2113
|
o.toggleDataVisibility(y);
|
|
@@ -2120,15 +2120,15 @@ const Tl = {
|
|
|
2120
2120
|
K && typeof K.hidden == "boolean" && (K.hidden = !K.hidden);
|
|
2121
2121
|
}
|
|
2122
2122
|
function nn(o = 0) {
|
|
2123
|
-
|
|
2123
|
+
Be();
|
|
2124
2124
|
const y = te(), m = s.value.length > 0;
|
|
2125
|
-
if (y || m || o >=
|
|
2125
|
+
if (y || m || o >= Br) {
|
|
2126
2126
|
oe();
|
|
2127
2127
|
return;
|
|
2128
2128
|
}
|
|
2129
2129
|
oe(), x = window.setTimeout(() => {
|
|
2130
2130
|
nn(o + 1);
|
|
2131
|
-
},
|
|
2131
|
+
}, Fr);
|
|
2132
2132
|
}
|
|
2133
2133
|
function hn(o, y) {
|
|
2134
2134
|
var Ae;
|
|
@@ -2138,7 +2138,7 @@ const Tl = {
|
|
|
2138
2138
|
a("toggleDataPointVisibility", { itemIndex: K });
|
|
2139
2139
|
return;
|
|
2140
2140
|
}
|
|
2141
|
-
m && (
|
|
2141
|
+
m && (Ve(m, K), m.update());
|
|
2142
2142
|
const xe = m && typeof m.getDataVisibility == "function" ? !m.getDataVisibility(K) : o.hidden !== !0;
|
|
2143
2143
|
Oe(
|
|
2144
2144
|
(me) => typeof me.index == "number" ? me.index === K : me.datasetIndex === o.datasetIndex && me.text === o.text,
|
|
@@ -2151,7 +2151,7 @@ const Tl = {
|
|
|
2151
2151
|
he.forEach((xe, me) => {
|
|
2152
2152
|
a("toggleDatasetVisibility", {
|
|
2153
2153
|
datasetIndex: xe,
|
|
2154
|
-
datasetKey: j[me] ??
|
|
2154
|
+
datasetKey: j[me] ?? Vt({
|
|
2155
2155
|
datasetIndex: xe,
|
|
2156
2156
|
label: o.text
|
|
2157
2157
|
})
|
|
@@ -2164,8 +2164,8 @@ const Tl = {
|
|
|
2164
2164
|
if (he.length > 0) {
|
|
2165
2165
|
const xe = o.hidden !== !0;
|
|
2166
2166
|
he.forEach((me) => {
|
|
2167
|
-
const
|
|
2168
|
-
|
|
2167
|
+
const le = _e[me];
|
|
2168
|
+
le && typeof le == "object" && (le.hidden = xe);
|
|
2169
2169
|
}), Oe(
|
|
2170
2170
|
(me) => Ne(me, 0) === Ne(o, 0),
|
|
2171
2171
|
xe
|
|
@@ -2175,14 +2175,14 @@ const Tl = {
|
|
|
2175
2175
|
}
|
|
2176
2176
|
if (he.length > 0) {
|
|
2177
2177
|
const me = !he.every(
|
|
2178
|
-
(
|
|
2178
|
+
(le) => typeof m.isDatasetVisible == "function" ? m.isDatasetVisible(le) : o.hidden !== !0
|
|
2179
2179
|
);
|
|
2180
|
-
he.forEach((
|
|
2181
|
-
Ue(m,
|
|
2182
|
-
const qe = _e[
|
|
2180
|
+
he.forEach((le) => {
|
|
2181
|
+
Ue(m, le, me);
|
|
2182
|
+
const qe = _e[le];
|
|
2183
2183
|
qe && typeof qe == "object" && (qe.hidden = !me);
|
|
2184
2184
|
}), m.update(), Oe(
|
|
2185
|
-
(
|
|
2185
|
+
(le) => Ne(le, 0) === Ne(o, 0),
|
|
2186
2186
|
!me
|
|
2187
2187
|
);
|
|
2188
2188
|
}
|
|
@@ -2203,14 +2203,14 @@ const Tl = {
|
|
|
2203
2203
|
t.hiddenDataPointIndexes
|
|
2204
2204
|
],
|
|
2205
2205
|
() => {
|
|
2206
|
-
|
|
2206
|
+
Be();
|
|
2207
2207
|
}
|
|
2208
2208
|
), da(() => {
|
|
2209
2209
|
I.value = !1, oe(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", R);
|
|
2210
2210
|
}), (o, y) => g.value ? (Y(), ge("div", {
|
|
2211
2211
|
key: 0,
|
|
2212
2212
|
ref_key: "legendPanelRef",
|
|
2213
|
-
ref:
|
|
2213
|
+
ref: B,
|
|
2214
2214
|
class: Ye(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
|
|
2215
2215
|
"self-stretch h-full": w.value,
|
|
2216
2216
|
"mb-2": !w.value && o.position === "top",
|
|
@@ -2228,7 +2228,7 @@ const Tl = {
|
|
|
2228
2228
|
ref: C,
|
|
2229
2229
|
class: "absolute invisible pointer-events-none left-0 top-0 z-[2] inline-flex max-w-full select-none"
|
|
2230
2230
|
}, [
|
|
2231
|
-
J("button",
|
|
2231
|
+
J("button", Tr, Ge(r(l)("report.widget.legend.viewMore")), 1)
|
|
2232
2232
|
], 512),
|
|
2233
2233
|
J("ul", {
|
|
2234
2234
|
ref_key: "legendListRef",
|
|
@@ -2264,16 +2264,16 @@ const Tl = {
|
|
|
2264
2264
|
"line-through": m.hidden
|
|
2265
2265
|
}]),
|
|
2266
2266
|
title: m.text ?? ""
|
|
2267
|
-
}, Ge(m.text), 11,
|
|
2268
|
-
], 10,
|
|
2267
|
+
}, Ge(m.text), 11, Dr)
|
|
2268
|
+
], 10, Lr)
|
|
2269
2269
|
], 2))), 128)),
|
|
2270
|
-
c.value ? (Y(), ge("li",
|
|
2270
|
+
c.value ? (Y(), ge("li", Ir, [
|
|
2271
2271
|
J("button", {
|
|
2272
2272
|
type: "button",
|
|
2273
2273
|
class: "inline-flex max-w-full cursor-pointer select-none underline items-center gap-1 rounded px-1 py-0.5 border-none bg-transparent text-fm-color-system-info-300 leading-[1.4] transition-colors hover:bg-black/5",
|
|
2274
2274
|
style: { fontSize: "var(--legend-font-size)" },
|
|
2275
2275
|
onClick: y[0] || (y[0] = Tt((m) => h.value ? Dt() : mn(), ["stop"]))
|
|
2276
|
-
}, Ge(h.value ? l
|
|
2276
|
+
}, Ge(h.value ? r(l)("report.widget.legend.viewLess") : r(l)("report.widget.legend.viewMore")), 1)
|
|
2277
2277
|
])) : Le("", !0)
|
|
2278
2278
|
], 38),
|
|
2279
2279
|
A.value ? (Y(), ge("div", {
|
|
@@ -2290,16 +2290,16 @@ const Tl = {
|
|
|
2290
2290
|
], 512)
|
|
2291
2291
|
], 6)) : Le("", !0);
|
|
2292
2292
|
}
|
|
2293
|
-
}),
|
|
2293
|
+
}), lt = /* @__PURE__ */ ga(Vr, [["__scopeId", "data-v-6006dfdf"]]);
|
|
2294
2294
|
function tn(e) {
|
|
2295
2295
|
const n = L([]), t = v(() => new Set(n.value));
|
|
2296
2296
|
function a(i, h) {
|
|
2297
|
-
return
|
|
2297
|
+
return Vt({
|
|
2298
2298
|
datasetIndex: h,
|
|
2299
2299
|
label: i == null ? void 0 : i.label
|
|
2300
2300
|
});
|
|
2301
2301
|
}
|
|
2302
|
-
function
|
|
2302
|
+
function l(i, h) {
|
|
2303
2303
|
return t.value.has(a(i, h));
|
|
2304
2304
|
}
|
|
2305
2305
|
function s({ datasetIndex: i, datasetKey: h }) {
|
|
@@ -2314,18 +2314,18 @@ function tn(e) {
|
|
|
2314
2314
|
e,
|
|
2315
2315
|
(i) => {
|
|
2316
2316
|
const h = new Set(
|
|
2317
|
-
i.map((_,
|
|
2317
|
+
i.map((_, B) => a(_, B))
|
|
2318
2318
|
), c = n.value.filter((_) => h.has(_));
|
|
2319
2319
|
c.length !== n.value.length && (n.value = c);
|
|
2320
2320
|
},
|
|
2321
2321
|
{ immediate: !0 }
|
|
2322
2322
|
), {
|
|
2323
2323
|
hiddenDatasetKeys: n,
|
|
2324
|
-
isDatasetHidden:
|
|
2324
|
+
isDatasetHidden: l,
|
|
2325
2325
|
toggleDatasetVisibility: s
|
|
2326
2326
|
};
|
|
2327
2327
|
}
|
|
2328
|
-
const
|
|
2328
|
+
const Ar = { class: "widget-content" }, $r = /* @__PURE__ */ at({
|
|
2329
2329
|
__name: "WidgetBarchart",
|
|
2330
2330
|
props: /* @__PURE__ */ gt({
|
|
2331
2331
|
tileIndex: {}
|
|
@@ -2335,15 +2335,15 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2335
2335
|
}),
|
|
2336
2336
|
emits: ["update:modelValue"],
|
|
2337
2337
|
setup(e) {
|
|
2338
|
-
const n = e, t = ct(e, "modelValue"), a = L(null),
|
|
2338
|
+
const n = e, t = ct(e, "modelValue"), a = L(null), l = v(() => t.value.maxTooltipItems), {
|
|
2339
2339
|
isTooltipDetailsSheetOpen: s,
|
|
2340
2340
|
tooltipDetailsPayload: i,
|
|
2341
2341
|
tooltipOptions: h,
|
|
2342
2342
|
handleTooltipDetailsSheetVisibility: c,
|
|
2343
2343
|
handleTooltipDetailsHover: _,
|
|
2344
|
-
handleTooltipDetailsLeave:
|
|
2344
|
+
handleTooltipDetailsLeave: B
|
|
2345
2345
|
} = en(a, {
|
|
2346
|
-
maxTooltipItems:
|
|
2346
|
+
maxTooltipItems: l
|
|
2347
2347
|
}), H = v(() => {
|
|
2348
2348
|
var z;
|
|
2349
2349
|
return ((z = t.value.data) == null ? void 0 : z.datasets) ?? [];
|
|
@@ -2357,7 +2357,7 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2357
2357
|
), A = Jt("bar"), P = v(() => {
|
|
2358
2358
|
const z = f.value.position;
|
|
2359
2359
|
return !z || z === "top" || z === "bottom" || z === "left" || z === "right";
|
|
2360
|
-
}), p = v(() => f.value.position ?? "top"),
|
|
2360
|
+
}), p = v(() => f.value.position ?? "top"), V = v(
|
|
2361
2361
|
() => p.value === "left" || p.value === "right"
|
|
2362
2362
|
), X = v(
|
|
2363
2363
|
() => p.value === "top" || p.value === "left"
|
|
@@ -2374,8 +2374,8 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2374
2374
|
metricCount: t.value.metricCount,
|
|
2375
2375
|
mode: Ke.metric
|
|
2376
2376
|
});
|
|
2377
|
-
let
|
|
2378
|
-
C.value && (
|
|
2377
|
+
let re = z.values;
|
|
2378
|
+
C.value && (re = H.value.map(
|
|
2379
2379
|
(ne, ee) => ee === N ? z.values[0] : Number.NaN
|
|
2380
2380
|
));
|
|
2381
2381
|
const pe = t.value.chartColorBinding === Ke.breakdown, O = Pt({
|
|
@@ -2384,7 +2384,7 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2384
2384
|
});
|
|
2385
2385
|
return {
|
|
2386
2386
|
label: z.name,
|
|
2387
|
-
data:
|
|
2387
|
+
data: re,
|
|
2388
2388
|
dash: !!z.isCompare,
|
|
2389
2389
|
backgroundColor: pe ? Wt({
|
|
2390
2390
|
breakdownIndex: O,
|
|
@@ -2417,30 +2417,30 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2417
2417
|
}), Re([ie], () => {
|
|
2418
2418
|
tt(() => q());
|
|
2419
2419
|
}), (z, N) => {
|
|
2420
|
-
var R,
|
|
2420
|
+
var R, re, pe, O, ne, ee;
|
|
2421
2421
|
const $ = ve("FmBarChart");
|
|
2422
2422
|
return Y(), ge(Qe, null, [
|
|
2423
|
-
J("div",
|
|
2423
|
+
J("div", Ar, [
|
|
2424
2424
|
yt(z.$slots, "menu"),
|
|
2425
2425
|
J("div", {
|
|
2426
|
-
class: Ye(["chart-layout", { "chart-layout--side": P.value && (
|
|
2426
|
+
class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(f).display ?? !1) && V.value }])
|
|
2427
2427
|
}, [
|
|
2428
|
-
P.value && (
|
|
2428
|
+
P.value && (r(f).display ?? !1) && X.value ? (Y(), we(lt, {
|
|
2429
2429
|
key: 0,
|
|
2430
2430
|
"chart-ref": a.value,
|
|
2431
|
-
enabled:
|
|
2431
|
+
enabled: r(f).display ?? !1,
|
|
2432
2432
|
position: p.value,
|
|
2433
|
-
"max-width":
|
|
2434
|
-
"text-color": (R =
|
|
2435
|
-
"font-size": (pe = (
|
|
2433
|
+
"max-width": r(f).maxWidth,
|
|
2434
|
+
"text-color": (R = r(f).labels) == null ? void 0 : R.color,
|
|
2435
|
+
"font-size": (pe = (re = r(f).labels) == null ? void 0 : re.font) == null ? void 0 : pe.size,
|
|
2436
2436
|
"legend-update-key": ie.value,
|
|
2437
2437
|
"chart-color-binding": t.value.chartColorBinding,
|
|
2438
2438
|
"chart-colors": t.value.chartColors,
|
|
2439
2439
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
2440
2440
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
2441
2441
|
"metric-count": t.value.metricCount,
|
|
2442
|
-
"hidden-dataset-keys":
|
|
2443
|
-
onToggleDatasetVisibility:
|
|
2442
|
+
"hidden-dataset-keys": r(oe),
|
|
2443
|
+
onToggleDatasetVisibility: r(ue)
|
|
2444
2444
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0),
|
|
2445
2445
|
fe($, {
|
|
2446
2446
|
ref_key: "chartRef",
|
|
@@ -2448,51 +2448,51 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2448
2448
|
class: "bar-chart",
|
|
2449
2449
|
datasets: ie.value,
|
|
2450
2450
|
"x-axis": { categories: d.value },
|
|
2451
|
-
"x-cfg":
|
|
2452
|
-
"y-cfg":
|
|
2453
|
-
transpose:
|
|
2451
|
+
"x-cfg": r(M),
|
|
2452
|
+
"y-cfg": r(I),
|
|
2453
|
+
transpose: r(b),
|
|
2454
2454
|
legend: {
|
|
2455
2455
|
display: !1
|
|
2456
2456
|
},
|
|
2457
2457
|
tooltip: x.value,
|
|
2458
|
-
datalabels:
|
|
2459
|
-
plugins: [
|
|
2458
|
+
datalabels: r(F),
|
|
2459
|
+
plugins: [r(A)],
|
|
2460
2460
|
"maintain-aspect-ratio": !1,
|
|
2461
2461
|
style: Ze({
|
|
2462
|
-
"--chart-width": P.value && (
|
|
2463
|
-
"--chart-height": P.value && (
|
|
2462
|
+
"--chart-width": P.value && (r(f).display ?? !1) && V.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(g) !== void 0 ? r(g) + "px" : "100%",
|
|
2463
|
+
"--chart-height": P.value && (r(f).display ?? !1) && !V.value ? "calc(100% - 36px - var(--legend-panel-height, 0px))" : r(w) !== void 0 ? r(w) + "px" : "100%"
|
|
2464
2464
|
})
|
|
2465
2465
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
|
|
2466
|
-
P.value && (
|
|
2466
|
+
P.value && (r(f).display ?? !1) && !X.value ? (Y(), we(lt, {
|
|
2467
2467
|
key: 1,
|
|
2468
2468
|
"chart-ref": a.value,
|
|
2469
|
-
enabled:
|
|
2469
|
+
enabled: r(f).display ?? !1,
|
|
2470
2470
|
position: p.value,
|
|
2471
|
-
"max-width":
|
|
2472
|
-
"text-color": (O =
|
|
2473
|
-
"font-size": (ee = (ne =
|
|
2471
|
+
"max-width": r(f).maxWidth,
|
|
2472
|
+
"text-color": (O = r(f).labels) == null ? void 0 : O.color,
|
|
2473
|
+
"font-size": (ee = (ne = r(f).labels) == null ? void 0 : ne.font) == null ? void 0 : ee.size,
|
|
2474
2474
|
"legend-update-key": ie.value,
|
|
2475
2475
|
"chart-color-binding": t.value.chartColorBinding,
|
|
2476
2476
|
"chart-colors": t.value.chartColors,
|
|
2477
2477
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
2478
2478
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
2479
2479
|
"metric-count": t.value.metricCount,
|
|
2480
|
-
"hidden-dataset-keys":
|
|
2481
|
-
onToggleDatasetVisibility:
|
|
2480
|
+
"hidden-dataset-keys": r(oe),
|
|
2481
|
+
onToggleDatasetVisibility: r(ue)
|
|
2482
2482
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0)
|
|
2483
2483
|
], 2)
|
|
2484
2484
|
]),
|
|
2485
2485
|
fe(Qt, {
|
|
2486
|
-
"model-value":
|
|
2487
|
-
"details-payload":
|
|
2488
|
-
"onUpdate:modelValue":
|
|
2489
|
-
onValueHover:
|
|
2490
|
-
onValueLeave:
|
|
2486
|
+
"model-value": r(s),
|
|
2487
|
+
"details-payload": r(i),
|
|
2488
|
+
"onUpdate:modelValue": r(c),
|
|
2489
|
+
onValueHover: r(_),
|
|
2490
|
+
onValueLeave: r(B)
|
|
2491
2491
|
}, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
|
|
2492
2492
|
], 64);
|
|
2493
2493
|
};
|
|
2494
2494
|
}
|
|
2495
|
-
}),
|
|
2495
|
+
}), Rr = { class: "widget-content" }, Pr = /* @__PURE__ */ at({
|
|
2496
2496
|
__name: "WidgetCircular",
|
|
2497
2497
|
props: /* @__PURE__ */ gt({
|
|
2498
2498
|
tileIndex: {}
|
|
@@ -2502,15 +2502,15 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2502
2502
|
}),
|
|
2503
2503
|
emits: ["update:modelValue"],
|
|
2504
2504
|
setup(e) {
|
|
2505
|
-
const n = e, t = ct(e, "modelValue"), { breakpoints: a } = fn(),
|
|
2506
|
-
const p = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((
|
|
2507
|
-
return p.length > 0 ? p : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((
|
|
2505
|
+
const n = e, t = ct(e, "modelValue"), { breakpoints: a } = fn(), l = L(null), s = L([]), { datalabels: i, legend: h, chartWidth: c, chartHeight: _ } = Et(t.value), B = v(() => {
|
|
2506
|
+
const p = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((V) => V.name) : [];
|
|
2507
|
+
return p.length > 0 ? p : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((V) => String(V)) : [];
|
|
2508
2508
|
}), H = v(() => {
|
|
2509
2509
|
let p = [];
|
|
2510
2510
|
return Array.isArray(t.value.data.datasets) && t.value.data.datasets.length > 0 && (p = [
|
|
2511
2511
|
{
|
|
2512
|
-
label:
|
|
2513
|
-
labels:
|
|
2512
|
+
label: B.value[0] ?? (Array.isArray(t.value.data.metrics) && t.value.data.metrics.length > 0 ? String(t.value.data.metrics[0]) : "Series"),
|
|
2513
|
+
labels: B.value,
|
|
2514
2514
|
data: t.value.data.datasets.map(
|
|
2515
2515
|
(X, G) => s.value.includes(G) ? null : X.value
|
|
2516
2516
|
),
|
|
@@ -2521,7 +2521,7 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2521
2521
|
]), p;
|
|
2522
2522
|
}), T = Ht();
|
|
2523
2523
|
function C() {
|
|
2524
|
-
return T.extractChartSize(
|
|
2524
|
+
return T.extractChartSize(l.value, n.tileIndex) || { width: 0, height: 0 };
|
|
2525
2525
|
}
|
|
2526
2526
|
it(() => {
|
|
2527
2527
|
tt(() => {
|
|
@@ -2532,11 +2532,11 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2532
2532
|
}), Re(
|
|
2533
2533
|
() => t.value.data.datasets,
|
|
2534
2534
|
(p) => {
|
|
2535
|
-
const
|
|
2535
|
+
const V = new Set(
|
|
2536
2536
|
Array.isArray(p) ? p.map((X, G) => G) : []
|
|
2537
2537
|
);
|
|
2538
2538
|
s.value = s.value.filter(
|
|
2539
|
-
(X) =>
|
|
2539
|
+
(X) => V.has(X)
|
|
2540
2540
|
);
|
|
2541
2541
|
},
|
|
2542
2542
|
{ deep: !0 }
|
|
@@ -2549,32 +2549,32 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2549
2549
|
), g = v(
|
|
2550
2550
|
() => b.value === "top" || b.value === "left"
|
|
2551
2551
|
), w = v(() => {
|
|
2552
|
-
var
|
|
2553
|
-
const p = (
|
|
2552
|
+
var V;
|
|
2553
|
+
const p = (V = h.value.labels) == null ? void 0 : V.color;
|
|
2554
2554
|
return typeof p == "string" && p.trim().length > 0 ? p : t.value.legendColor ?? "#6b6b6b";
|
|
2555
2555
|
}), x = v(() => d.value), A = xo();
|
|
2556
2556
|
function P({ itemIndex: p }) {
|
|
2557
2557
|
if (s.value.includes(p)) {
|
|
2558
|
-
s.value = s.value.filter((
|
|
2558
|
+
s.value = s.value.filter((V) => V !== p);
|
|
2559
2559
|
return;
|
|
2560
2560
|
}
|
|
2561
2561
|
s.value = [...s.value, p];
|
|
2562
2562
|
}
|
|
2563
|
-
return (p,
|
|
2563
|
+
return (p, V) => {
|
|
2564
2564
|
const X = ve("FmPieChart");
|
|
2565
|
-
return Y(), ge("div",
|
|
2565
|
+
return Y(), ge("div", Rr, [
|
|
2566
2566
|
yt(p.$slots, "menu"),
|
|
2567
2567
|
J("div", {
|
|
2568
2568
|
class: Ye(["chart-layout", {
|
|
2569
2569
|
"chart-layout--side": I.value && f.value
|
|
2570
2570
|
}])
|
|
2571
2571
|
}, [
|
|
2572
|
-
I.value && g.value ? (Y(), we(
|
|
2572
|
+
I.value && g.value ? (Y(), we(lt, {
|
|
2573
2573
|
key: 0,
|
|
2574
|
-
"chart-ref":
|
|
2574
|
+
"chart-ref": l.value,
|
|
2575
2575
|
enabled: M.value,
|
|
2576
2576
|
position: b.value,
|
|
2577
|
-
"max-width":
|
|
2577
|
+
"max-width": r(h).maxWidth,
|
|
2578
2578
|
"text-color": w.value,
|
|
2579
2579
|
"font-size": x.value,
|
|
2580
2580
|
"legend-update-key": H.value,
|
|
@@ -2588,29 +2588,29 @@ const Al = { class: "widget-content" }, $l = /* @__PURE__ */ at({
|
|
|
2588
2588
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : Le("", !0),
|
|
2589
2589
|
fe(X, {
|
|
2590
2590
|
ref_key: "chartRef",
|
|
2591
|
-
ref:
|
|
2591
|
+
ref: l,
|
|
2592
2592
|
class: "circular",
|
|
2593
2593
|
percentage: "70%",
|
|
2594
2594
|
datasets: H.value,
|
|
2595
|
-
metrics:
|
|
2596
|
-
tooltip:
|
|
2595
|
+
metrics: B.value,
|
|
2596
|
+
tooltip: r(A),
|
|
2597
2597
|
variant: "doughnut",
|
|
2598
2598
|
legend: {
|
|
2599
2599
|
display: !1
|
|
2600
2600
|
},
|
|
2601
|
-
datalabels:
|
|
2601
|
+
datalabels: r(i),
|
|
2602
2602
|
"maintain-aspect-ratio": !1,
|
|
2603
2603
|
style: Ze({
|
|
2604
|
-
"--chart-width": I.value && f.value ? "calc(100% - var(--legend-panel-width, 0px))" :
|
|
2605
|
-
"--chart-height": I.value && !f.value ? "calc(100% - var(--legend-panel-height, 0px))" :
|
|
2604
|
+
"--chart-width": I.value && f.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(c) !== void 0 ? r(c) + "px" : "100%",
|
|
2605
|
+
"--chart-height": I.value && !f.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(_) !== void 0 ? r(_) + "px" : "100%"
|
|
2606
2606
|
})
|
|
2607
2607
|
}, null, 8, ["datasets", "metrics", "tooltip", "datalabels", "style"]),
|
|
2608
|
-
I.value && !g.value ? (Y(), we(
|
|
2608
|
+
I.value && !g.value ? (Y(), we(lt, {
|
|
2609
2609
|
key: 1,
|
|
2610
|
-
"chart-ref":
|
|
2610
|
+
"chart-ref": l.value,
|
|
2611
2611
|
enabled: M.value,
|
|
2612
2612
|
position: b.value,
|
|
2613
|
-
"max-width":
|
|
2613
|
+
"max-width": r(h).maxWidth,
|
|
2614
2614
|
"text-color": w.value,
|
|
2615
2615
|
"font-size": x.value,
|
|
2616
2616
|
"legend-update-key": H.value,
|
|
@@ -2632,10 +2632,10 @@ function cn(e) {
|
|
|
2632
2632
|
return "";
|
|
2633
2633
|
const n = String(e), t = Number(n);
|
|
2634
2634
|
if (isNaN(t)) return n;
|
|
2635
|
-
const [a,
|
|
2636
|
-
return
|
|
2635
|
+
const [a, l] = n.split("."), s = new Intl.NumberFormat("en-US").format(Number(a));
|
|
2636
|
+
return l !== void 0 ? `${s}.${l}` : s;
|
|
2637
2637
|
}
|
|
2638
|
-
const
|
|
2638
|
+
const zr = { class: "flex flex-col gap-1" }, Nr = { class: "fm-typo-en-title-md-600" }, Hr = { class: "flex gap-2" }, Wr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Or = { key: 0 }, Er = { key: 1 }, Ur = /* @__PURE__ */ at({
|
|
2639
2639
|
__name: "WidgetScorecard",
|
|
2640
2640
|
props: {
|
|
2641
2641
|
modelValue: { required: !0 },
|
|
@@ -2643,7 +2643,7 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2643
2643
|
},
|
|
2644
2644
|
emits: ["update:modelValue"],
|
|
2645
2645
|
setup(e) {
|
|
2646
|
-
const n = ct(e, "modelValue"), { t } = wt(), { compareDateRange: a, defaultDateSetting:
|
|
2646
|
+
const n = ct(e, "modelValue"), { t } = wt(), { compareDateRange: a, defaultDateSetting: l } = vt(Gt()), { country: s } = Bn(), i = v(() => {
|
|
2647
2647
|
var d;
|
|
2648
2648
|
return ((d = n.value.data) == null ? void 0 : d.value) || "";
|
|
2649
2649
|
}), h = v(() => cn(i.value)), c = v(() => {
|
|
@@ -2660,14 +2660,14 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2660
2660
|
return "line";
|
|
2661
2661
|
}
|
|
2662
2662
|
}
|
|
2663
|
-
const
|
|
2663
|
+
const B = v(() => {
|
|
2664
2664
|
var d;
|
|
2665
2665
|
return (d = n.value.data) == null ? void 0 : d.sparkline;
|
|
2666
2666
|
}), H = v(() => ({
|
|
2667
2667
|
display: !1,
|
|
2668
2668
|
beginAtZero: !1,
|
|
2669
2669
|
grace: "20%"
|
|
2670
|
-
})), T = v(() =>
|
|
2670
|
+
})), T = v(() => B.value.datasets.map((d) => ({
|
|
2671
2671
|
label: d.name,
|
|
2672
2672
|
data: d.values,
|
|
2673
2673
|
fill: !0,
|
|
@@ -2675,10 +2675,10 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2675
2675
|
}))), C = v(() => Ot(!1, !0));
|
|
2676
2676
|
return (d, F) => {
|
|
2677
2677
|
const M = ve("FmIcon"), I = ve("FmChip"), b = ve("FmTooltip"), f = ve("FmLineChart");
|
|
2678
|
-
return Y(), ge("div",
|
|
2678
|
+
return Y(), ge("div", zr, [
|
|
2679
2679
|
yt(d.$slots, "menu"),
|
|
2680
|
-
J("p",
|
|
2681
|
-
J("div",
|
|
2680
|
+
J("p", Nr, Ge(h.value), 1),
|
|
2681
|
+
J("div", Hr, [
|
|
2682
2682
|
fe(b, {
|
|
2683
2683
|
disabled: c.value === null,
|
|
2684
2684
|
placement: "right",
|
|
@@ -2688,7 +2688,7 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2688
2688
|
content: $e(() => {
|
|
2689
2689
|
var g;
|
|
2690
2690
|
return [
|
|
2691
|
-
J("span",
|
|
2691
|
+
J("span", Wr, Ge(`vs. ${(g = r(l).defaultCompareType) == null ? void 0 : g.split("_").join(" ")}`), 1)
|
|
2692
2692
|
];
|
|
2693
2693
|
}),
|
|
2694
2694
|
default: $e(() => [
|
|
@@ -2710,7 +2710,7 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2710
2710
|
]),
|
|
2711
2711
|
_: 1
|
|
2712
2712
|
}, 8, ["icon", "class"])) : Le("", !0),
|
|
2713
|
-
|
|
2713
|
+
r(a).endDate != null && r(a).startDate != null && c.value === null ? (Y(), we(I, {
|
|
2714
2714
|
key: 1,
|
|
2715
2715
|
class: "invisible pointer-events-none",
|
|
2716
2716
|
"aria-hidden": "true",
|
|
@@ -2729,8 +2729,8 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2729
2729
|
_: 1
|
|
2730
2730
|
}, 8, ["disabled"])
|
|
2731
2731
|
]),
|
|
2732
|
-
|
|
2733
|
-
_(
|
|
2732
|
+
B.value ? (Y(), ge("div", Or, [
|
|
2733
|
+
_(B.value.type) === "line" ? (Y(), we(f, {
|
|
2734
2734
|
key: 0,
|
|
2735
2735
|
class: "sparkline",
|
|
2736
2736
|
datasets: T.value,
|
|
@@ -2738,13 +2738,13 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2738
2738
|
display: !1
|
|
2739
2739
|
},
|
|
2740
2740
|
datalabels: { display: !1 },
|
|
2741
|
-
"x-axis": { categories:
|
|
2741
|
+
"x-axis": { categories: B.value.dimensions },
|
|
2742
2742
|
"y-cfg": H.value,
|
|
2743
2743
|
"x-cfg": { display: !1 },
|
|
2744
2744
|
tooltip: C.value,
|
|
2745
2745
|
"maintain-aspect-ratio": !1
|
|
2746
2746
|
}, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : Le("", !0)
|
|
2747
|
-
])) : (Y(), ge("div",
|
|
2747
|
+
])) : (Y(), ge("div", Er, F[1] || (F[1] = [
|
|
2748
2748
|
J("div", { class: "sparkline" }, [
|
|
2749
2749
|
J("div", { class: "flex flex-col gap-8" }, [
|
|
2750
2750
|
J("div"),
|
|
@@ -2756,15 +2756,15 @@ const zl = { class: "flex flex-col gap-1" }, Nl = { class: "fm-typo-en-title-md-
|
|
|
2756
2756
|
]);
|
|
2757
2757
|
};
|
|
2758
2758
|
}
|
|
2759
|
-
}),
|
|
2760
|
-
function
|
|
2759
|
+
}), Kr = {};
|
|
2760
|
+
function qr(e, n) {
|
|
2761
2761
|
const t = ve("FmMenuDivider");
|
|
2762
2762
|
return Y(), we(t);
|
|
2763
2763
|
}
|
|
2764
|
-
const
|
|
2764
|
+
const Yr = /* @__PURE__ */ ga(Kr, [["render", qr]]), Xr = "mf-reporttable-dimension", ia = va(Xr, () => {
|
|
2765
2765
|
const e = L(0), n = L([]), t = L(!1), a = (b, f) => {
|
|
2766
2766
|
e.value = b, s(b, f);
|
|
2767
|
-
},
|
|
2767
|
+
}, l = (b, f, g, w) => {
|
|
2768
2768
|
n[b] = f, n.value = [...n.value], i(b, f, g, w);
|
|
2769
2769
|
}, s = (b, f) => {
|
|
2770
2770
|
const g = (f == null ? void 0 : f.querySelectorAll("thead tr")) ?? [], w = (f == null ? void 0 : f.querySelectorAll("tbody tr")) ?? [];
|
|
@@ -2789,7 +2789,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2789
2789
|
b.forEach((x) => x.classList.remove("toggleEditResize")), f.forEach((x) => x.classList.remove("toggleEditResize")), g.forEach((x) => x.remove()), w.forEach((x) => x.remove()), t.value = !1;
|
|
2790
2790
|
}, _ = () => {
|
|
2791
2791
|
e.value = 0, n.value = [];
|
|
2792
|
-
},
|
|
2792
|
+
}, B = (b, f) => {
|
|
2793
2793
|
if (f) {
|
|
2794
2794
|
const g = document.querySelectorAll(`thead th:nth-child(${b + 1})`), w = document.querySelectorAll(`tbody td:nth-child(${b + 1})`);
|
|
2795
2795
|
[...g, ...w].forEach((x) => {
|
|
@@ -2817,16 +2817,16 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2817
2817
|
const x = w.querySelectorAll("th")[f];
|
|
2818
2818
|
if (!x) return;
|
|
2819
2819
|
const A = x.getBoundingClientRect().width || 60, P = x.querySelector("button"), p = (P == null ? void 0 : P.querySelector("span")) || x.querySelector("p") || x;
|
|
2820
|
-
let
|
|
2820
|
+
let V = 60;
|
|
2821
2821
|
if (p) {
|
|
2822
2822
|
const ie = p.textContent || "", D = window.getComputedStyle(p), q = `${D.fontWeight} ${D.fontSize} ${D.fontFamily}`, N = document.createElement("canvas").getContext("2d");
|
|
2823
2823
|
if (N) {
|
|
2824
2824
|
N.font = q;
|
|
2825
|
-
const $ = N.measureText(ie), R = window.getComputedStyle(x),
|
|
2826
|
-
|
|
2825
|
+
const $ = N.measureText(ie), R = window.getComputedStyle(x), re = parseFloat(R.paddingLeft || "0"), pe = parseFloat(R.paddingRight || "0");
|
|
2826
|
+
V = $.width + re + pe;
|
|
2827
2827
|
}
|
|
2828
2828
|
}
|
|
2829
|
-
|
|
2829
|
+
B(f, !1);
|
|
2830
2830
|
let X = null, G = null;
|
|
2831
2831
|
const oe = () => {
|
|
2832
2832
|
if (G === null) return;
|
|
@@ -2838,7 +2838,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2838
2838
|
}), w.classList.remove("w-full"), w.style.width = `${D}px`, X = null;
|
|
2839
2839
|
}, te = (ie) => {
|
|
2840
2840
|
const D = ie.clientX - g;
|
|
2841
|
-
G = Math.max(
|
|
2841
|
+
G = Math.max(V, A + D), X === null && (X = requestAnimationFrame(oe));
|
|
2842
2842
|
}, ue = () => {
|
|
2843
2843
|
X !== null && cancelAnimationFrame(X), G !== null && (x.style.width = `${G}px`);
|
|
2844
2844
|
const ie = w.querySelectorAll("th"), D = [];
|
|
@@ -2863,13 +2863,13 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2863
2863
|
colWidths: n,
|
|
2864
2864
|
isEditing: t,
|
|
2865
2865
|
updateRowHeight: a,
|
|
2866
|
-
updateColWidth:
|
|
2866
|
+
updateColWidth: l,
|
|
2867
2867
|
setRowHeights: s,
|
|
2868
2868
|
setColWidths: i,
|
|
2869
2869
|
enableEditMode: h,
|
|
2870
2870
|
disableEditMode: c,
|
|
2871
2871
|
resetStore: _,
|
|
2872
|
-
highlightCol:
|
|
2872
|
+
highlightCol: B,
|
|
2873
2873
|
highlightRows: H,
|
|
2874
2874
|
removeRowHighlight: T,
|
|
2875
2875
|
removeColHighlight: C,
|
|
@@ -2880,17 +2880,17 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2880
2880
|
b && b.classList.remove("sticky");
|
|
2881
2881
|
const x = (A, P) => {
|
|
2882
2882
|
const p = document.createElement("div");
|
|
2883
|
-
return p.className = `${A}-resize-handle`, A === "col" ? (p.addEventListener("mouseenter", () =>
|
|
2884
|
-
|
|
2885
|
-
})) : (p.addEventListener("mouseenter", () => H(!0)), p.addEventListener("mouseleave", () => T(!0)), p.addEventListener("mousedown", (
|
|
2886
|
-
|
|
2883
|
+
return p.className = `${A}-resize-handle`, A === "col" ? (p.addEventListener("mouseenter", () => B(P, !0)), p.addEventListener("mouseleave", () => C(!0)), p.addEventListener("mousedown", (V) => {
|
|
2884
|
+
V.stopPropagation(), d(V, P);
|
|
2885
|
+
})) : (p.addEventListener("mouseenter", () => H(!0)), p.addEventListener("mouseleave", () => T(!0)), p.addEventListener("mousedown", (V) => {
|
|
2886
|
+
V.stopPropagation(), F(V);
|
|
2887
2887
|
})), p;
|
|
2888
2888
|
};
|
|
2889
2889
|
w.forEach((A) => {
|
|
2890
2890
|
const P = A.closest("thead") !== null;
|
|
2891
|
-
A.querySelectorAll(P ? "th" : "td").forEach((
|
|
2891
|
+
A.querySelectorAll(P ? "th" : "td").forEach((V, X) => {
|
|
2892
2892
|
const G = x("col", X), oe = x("row", X);
|
|
2893
|
-
|
|
2893
|
+
V.appendChild(G), V.appendChild(oe);
|
|
2894
2894
|
});
|
|
2895
2895
|
}), h();
|
|
2896
2896
|
},
|
|
@@ -2898,10 +2898,10 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2898
2898
|
c();
|
|
2899
2899
|
}
|
|
2900
2900
|
};
|
|
2901
|
-
}),
|
|
2901
|
+
}), Gr = "/assets/processTableData.worker-C1Lshb3k.js", jr = { class: "my-4" }, Jr = {
|
|
2902
2902
|
class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
|
|
2903
2903
|
style: { backgroundColor: "#f9f9f9" }
|
|
2904
|
-
},
|
|
2904
|
+
}, Zr = { class: "font-bold" }, Qr = { class: "text-fm-color-neutral-gray-300" }, el = /* @__PURE__ */ at({
|
|
2905
2905
|
__name: "WidgetTable",
|
|
2906
2906
|
props: /* @__PURE__ */ gt({
|
|
2907
2907
|
tileIndex: {}
|
|
@@ -2911,7 +2911,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2911
2911
|
}),
|
|
2912
2912
|
emits: ["update:modelValue"],
|
|
2913
2913
|
setup(e) {
|
|
2914
|
-
const { t: n, te: t } = wt(), a = ct(e, "modelValue"), { country:
|
|
2914
|
+
const { t: n, te: t } = wt(), a = ct(e, "modelValue"), { country: l } = Bn(), { clearTileSorts: s, setTileSorts: i } = Ja(), h = Vn(), c = e, _ = L([]), { isEditing: B, colWidths: H, rowHeight: T } = vt(ia()), { setColWidths: C, setRowHeights: d, enableCellResizing: F } = ia(), M = L(null), I = v(() => {
|
|
2915
2915
|
var D;
|
|
2916
2916
|
return ((D = a.value.data) == null ? void 0 : D.columns) || [{ label: "", key: "" }];
|
|
2917
2917
|
}), b = v(() => {
|
|
@@ -2966,21 +2966,21 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2966
2966
|
} : (q.includes("#") && !q.startsWith("#") && (q = q.split("#")[0]), {
|
|
2967
2967
|
main: q,
|
|
2968
2968
|
comparison: D == null ? void 0 : D.comparison,
|
|
2969
|
-
difference: Ca(D.main, D.comparison,
|
|
2969
|
+
difference: Ca(D.main, D.comparison, l)
|
|
2970
2970
|
});
|
|
2971
2971
|
}
|
|
2972
2972
|
it(() => {
|
|
2973
2973
|
s();
|
|
2974
2974
|
});
|
|
2975
2975
|
const p = L([]);
|
|
2976
|
-
let
|
|
2976
|
+
let V = 0, X;
|
|
2977
2977
|
function G() {
|
|
2978
2978
|
var $;
|
|
2979
2979
|
if (!(($ = a.value) != null && $.data)) {
|
|
2980
2980
|
p.value = [];
|
|
2981
2981
|
return;
|
|
2982
2982
|
}
|
|
2983
|
-
const D = ++
|
|
2983
|
+
const D = ++V, q = (a.value.data.rows || []).map((R) => ({
|
|
2984
2984
|
isRollup: R.isRollup,
|
|
2985
2985
|
cells: Array.isArray(R.cells) ? [...R.cells] : [],
|
|
2986
2986
|
comparisonCells: Array.isArray(R.comparisonCells) ? [...R.comparisonCells] : []
|
|
@@ -2999,8 +2999,8 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
2999
2999
|
grandTotalPosition: w.value,
|
|
3000
3000
|
pageSize: x.value
|
|
3001
3001
|
};
|
|
3002
|
-
Za(
|
|
3003
|
-
D ===
|
|
3002
|
+
Za(Gr, N).then((R) => {
|
|
3003
|
+
D === V && (R != null && R.error ? (h.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(R.error), p.value = []) : p.value = Xa(R.data || []));
|
|
3004
3004
|
});
|
|
3005
3005
|
}
|
|
3006
3006
|
Re(
|
|
@@ -3045,11 +3045,11 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3045
3045
|
), ie = v(() => {
|
|
3046
3046
|
var D;
|
|
3047
3047
|
return (D = a.value.data) != null && D.columns ? a.value.data.columns.map((q) => {
|
|
3048
|
-
const z = _t(n, t, q.label, "other"), N = _.value.find((
|
|
3048
|
+
const z = _t(n, t, q.label, "other"), N = _.value.find((re) => re.key === q.key), $ = !!N, R = $ ? N.type === St.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
|
|
3049
3049
|
return {
|
|
3050
3050
|
accessorKey: q.key,
|
|
3051
3051
|
header: () => {
|
|
3052
|
-
const
|
|
3052
|
+
const re = ve("FmIcon");
|
|
3053
3053
|
return on(
|
|
3054
3054
|
"button",
|
|
3055
3055
|
{
|
|
@@ -3063,7 +3063,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3063
3063
|
{ class: `${q.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
|
|
3064
3064
|
z
|
|
3065
3065
|
),
|
|
3066
|
-
on(
|
|
3066
|
+
on(re, {
|
|
3067
3067
|
name: R,
|
|
3068
3068
|
color: $ ? "primary" : "neutral-gray-400",
|
|
3069
3069
|
size: "sm",
|
|
@@ -3073,9 +3073,9 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3073
3073
|
]
|
|
3074
3074
|
);
|
|
3075
3075
|
},
|
|
3076
|
-
cell: (
|
|
3076
|
+
cell: (re) => {
|
|
3077
3077
|
var ne, ee;
|
|
3078
|
-
const pe = P(
|
|
3078
|
+
const pe = P(re.getValue()), O = (ee = (ne = re == null ? void 0 : re.row) == null ? void 0 : ne.original) == null ? void 0 : ee.isRollup;
|
|
3079
3079
|
return on(
|
|
3080
3080
|
"div",
|
|
3081
3081
|
{
|
|
@@ -3095,7 +3095,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3095
3095
|
return Re(
|
|
3096
3096
|
() => H.value.length > 0,
|
|
3097
3097
|
async (D) => {
|
|
3098
|
-
D &&
|
|
3098
|
+
D && B.value && (await tt(), F());
|
|
3099
3099
|
}
|
|
3100
3100
|
), Re(
|
|
3101
3101
|
[() => ie.value],
|
|
@@ -3108,15 +3108,15 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3108
3108
|
if (!q) return;
|
|
3109
3109
|
q.classList.add(ue.value ? "table-fixed" : "table-auto");
|
|
3110
3110
|
let z, N;
|
|
3111
|
-
|
|
3112
|
-
C(
|
|
3111
|
+
B.value ? (F(), z = H.value, N = T.value) : (N = a.value.rowHeight, z = a.value.colWidths), typeof N == "number" && d(N, D), z == null || z.forEach((R, re) => {
|
|
3112
|
+
C(re, R, D);
|
|
3113
3113
|
});
|
|
3114
3114
|
},
|
|
3115
3115
|
{ immediate: !0 }
|
|
3116
3116
|
), (D, q) => {
|
|
3117
3117
|
const z = ve("FmTable");
|
|
3118
3118
|
return Y(), ge(Qe, null, [
|
|
3119
|
-
J("div",
|
|
3119
|
+
J("div", jr, [
|
|
3120
3120
|
yt(D.$slots, "menu")
|
|
3121
3121
|
]),
|
|
3122
3122
|
fe(z, {
|
|
@@ -3135,11 +3135,11 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3135
3135
|
w.value ? {
|
|
3136
3136
|
name: "pin-top",
|
|
3137
3137
|
fn: $e(() => [
|
|
3138
|
-
(Y(), we(fa(w.value ===
|
|
3138
|
+
(Y(), we(fa(w.value === r(bt).bottom ? "tfoot" : "tbody"), null, {
|
|
3139
3139
|
default: $e(() => [
|
|
3140
|
-
J("tr",
|
|
3140
|
+
J("tr", Jr, [
|
|
3141
3141
|
(Y(!0), ge(Qe, null, Lt(A.value, (N, $) => (Y(), ge("td", {
|
|
3142
|
-
key: `${
|
|
3142
|
+
key: `${r(Xt)()}_${$}`,
|
|
3143
3143
|
class: "h-[48px] text-fm-color-typo-primary px-16"
|
|
3144
3144
|
}, [
|
|
3145
3145
|
J("span", {
|
|
@@ -3149,8 +3149,8 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3149
3149
|
ue.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
|
|
3150
3150
|
])
|
|
3151
3151
|
}, [
|
|
3152
|
-
J("p",
|
|
3153
|
-
J("p",
|
|
3152
|
+
J("p", Zr, Ge(N.rowType === "NUMERIC" ? r(cn)(N.main) : N.main), 1),
|
|
3153
|
+
J("p", Qr, Ge(N.comparison ? N.rowType === "NUMERIC" ? `(${r(cn)(N.comparison)})` : `(${N.comparison})` : ""), 1)
|
|
3154
3154
|
], 2)
|
|
3155
3155
|
]))), 128))
|
|
3156
3156
|
])
|
|
@@ -3164,7 +3164,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3164
3164
|
], 64);
|
|
3165
3165
|
};
|
|
3166
3166
|
}
|
|
3167
|
-
}),
|
|
3167
|
+
}), tl = { class: "widget-content" }, nl = /* @__PURE__ */ at({
|
|
3168
3168
|
__name: "WidgetStackBarChart",
|
|
3169
3169
|
props: /* @__PURE__ */ gt({
|
|
3170
3170
|
tileIndex: {}
|
|
@@ -3174,18 +3174,18 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3174
3174
|
}),
|
|
3175
3175
|
emits: ["update:modelValue"],
|
|
3176
3176
|
setup(e) {
|
|
3177
|
-
const n = e, t = ct(e, "modelValue"), a = L(null),
|
|
3177
|
+
const n = e, t = ct(e, "modelValue"), a = L(null), l = v(() => t.value.maxTooltipItems), {
|
|
3178
3178
|
isTooltipDetailsSheetOpen: s,
|
|
3179
3179
|
tooltipDetailsPayload: i,
|
|
3180
3180
|
tooltipOptions: h,
|
|
3181
3181
|
handleTooltipDetailsSheetVisibility: c,
|
|
3182
3182
|
handleTooltipDetailsHover: _,
|
|
3183
|
-
handleTooltipDetailsLeave:
|
|
3183
|
+
handleTooltipDetailsLeave: B
|
|
3184
3184
|
} = en(a, {
|
|
3185
|
-
maxTooltipItems:
|
|
3185
|
+
maxTooltipItems: l
|
|
3186
3186
|
}), H = v(() => {
|
|
3187
|
-
var
|
|
3188
|
-
return ((
|
|
3187
|
+
var re;
|
|
3188
|
+
return ((re = t.value.data) == null ? void 0 : re.xAxis) || [];
|
|
3189
3189
|
}), T = v(() => {
|
|
3190
3190
|
var R;
|
|
3191
3191
|
return ((R = t.value.data) == null ? void 0 : R.datasets) ?? [];
|
|
@@ -3196,7 +3196,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3196
3196
|
), w = Jt("bar"), x = v(() => t.value.stackBarOverlap === !0), A = v(() => x.value === !1), P = v(() => {
|
|
3197
3197
|
const R = I.value.position;
|
|
3198
3198
|
return !R || R === "top" || R === "bottom" || R === "left" || R === "right";
|
|
3199
|
-
}), p = v(() => I.value.position ?? "top"),
|
|
3199
|
+
}), p = v(() => I.value.position ?? "top"), V = v(
|
|
3200
3200
|
() => p.value === "left" || p.value === "right"
|
|
3201
3201
|
), X = v(
|
|
3202
3202
|
() => p.value === "top" || p.value === "left"
|
|
@@ -3209,18 +3209,18 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3209
3209
|
}));
|
|
3210
3210
|
function te({
|
|
3211
3211
|
datasetIndex: R,
|
|
3212
|
-
colorIndex:
|
|
3212
|
+
colorIndex: re,
|
|
3213
3213
|
breakdownIndex: pe
|
|
3214
3214
|
}) {
|
|
3215
3215
|
var ye;
|
|
3216
|
-
const O = t.value.chartColorBinding === Ke.metric ?
|
|
3216
|
+
const O = t.value.chartColorBinding === Ke.metric ? re : t.value.chartColorBinding === Ke.breakdown ? pe : R, ne = (ye = t.value.chartColorLayers) == null ? void 0 : ye[O], ee = Number(ne);
|
|
3217
3217
|
return Number.isInteger(ee) && ee > 0 ? ee : O + 1;
|
|
3218
3218
|
}
|
|
3219
3219
|
const ue = v(() => {
|
|
3220
3220
|
if (T.value.length > 0) {
|
|
3221
|
-
let R = 0,
|
|
3221
|
+
let R = 0, re = 0;
|
|
3222
3222
|
const pe = T.value.map((O, ne) => {
|
|
3223
|
-
const ee = t.value.chartColorBinding === Ke.metric && (t.value.metricCount ?? 0) > 0 ? O.isCompare ?
|
|
3223
|
+
const ee = t.value.chartColorBinding === Ke.metric && (t.value.metricCount ?? 0) > 0 ? O.isCompare ? re++ % Number(t.value.metricCount) : R++ % Number(t.value.metricCount) : nt({
|
|
3224
3224
|
datasetIndex: ne,
|
|
3225
3225
|
isCompare: O.isCompare,
|
|
3226
3226
|
metricCount: t.value.metricCount,
|
|
@@ -3266,9 +3266,9 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3266
3266
|
} else
|
|
3267
3267
|
return [];
|
|
3268
3268
|
}), { hiddenDatasetKeys: ie, isDatasetHidden: D, toggleDatasetVisibility: q } = tn(ue), z = v(
|
|
3269
|
-
() => ue.value.map((R,
|
|
3269
|
+
() => ue.value.map((R, re) => ({
|
|
3270
3270
|
...R,
|
|
3271
|
-
hidden: D(R,
|
|
3271
|
+
hidden: D(R, re)
|
|
3272
3272
|
}))
|
|
3273
3273
|
), N = Ht();
|
|
3274
3274
|
function $() {
|
|
@@ -3280,31 +3280,31 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3280
3280
|
});
|
|
3281
3281
|
}), Re([z], () => {
|
|
3282
3282
|
tt(() => $());
|
|
3283
|
-
}), (R,
|
|
3283
|
+
}), (R, re) => {
|
|
3284
3284
|
var O, ne, ee, ye, Ce, ke;
|
|
3285
3285
|
const pe = ve("FmBarChart");
|
|
3286
3286
|
return Y(), ge(Qe, null, [
|
|
3287
|
-
J("div",
|
|
3287
|
+
J("div", tl, [
|
|
3288
3288
|
yt(R.$slots, "menu"),
|
|
3289
3289
|
J("div", {
|
|
3290
|
-
class: Ye(["chart-layout", { "chart-layout--side": P.value && (
|
|
3290
|
+
class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(I).display ?? !1) && V.value }])
|
|
3291
3291
|
}, [
|
|
3292
|
-
P.value && (
|
|
3292
|
+
P.value && (r(I).display ?? !1) && X.value ? (Y(), we(lt, {
|
|
3293
3293
|
key: 0,
|
|
3294
3294
|
"chart-ref": a.value,
|
|
3295
|
-
enabled:
|
|
3295
|
+
enabled: r(I).display ?? !1,
|
|
3296
3296
|
position: p.value,
|
|
3297
|
-
"max-width":
|
|
3298
|
-
"text-color": (O =
|
|
3299
|
-
"font-size": (ee = (ne =
|
|
3297
|
+
"max-width": r(I).maxWidth,
|
|
3298
|
+
"text-color": (O = r(I).labels) == null ? void 0 : O.color,
|
|
3299
|
+
"font-size": (ee = (ne = r(I).labels) == null ? void 0 : ne.font) == null ? void 0 : ee.size,
|
|
3300
3300
|
"legend-update-key": z.value,
|
|
3301
3301
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3302
3302
|
"chart-colors": t.value.chartColors,
|
|
3303
3303
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3304
3304
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3305
3305
|
"metric-count": t.value.metricCount,
|
|
3306
|
-
"hidden-dataset-keys":
|
|
3307
|
-
onToggleDatasetVisibility:
|
|
3306
|
+
"hidden-dataset-keys": r(ie),
|
|
3307
|
+
onToggleDatasetVisibility: r(q)
|
|
3308
3308
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0),
|
|
3309
3309
|
fe(pe, {
|
|
3310
3310
|
ref_key: "chartRef",
|
|
@@ -3314,50 +3314,50 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3314
3314
|
"x-axis": { categories: H.value },
|
|
3315
3315
|
"x-cfg": G.value,
|
|
3316
3316
|
"y-cfg": oe.value,
|
|
3317
|
-
transpose:
|
|
3317
|
+
transpose: r(M),
|
|
3318
3318
|
stacked: A.value,
|
|
3319
3319
|
legend: {
|
|
3320
3320
|
display: !1
|
|
3321
3321
|
},
|
|
3322
3322
|
tooltip: g.value,
|
|
3323
|
-
plugins: [
|
|
3324
|
-
datalabels:
|
|
3323
|
+
plugins: [r(w)],
|
|
3324
|
+
datalabels: r(C),
|
|
3325
3325
|
"maintain-aspect-ratio": !1,
|
|
3326
3326
|
style: Ze({
|
|
3327
|
-
"--chart-width": P.value && (
|
|
3328
|
-
"--chart-height": P.value && (
|
|
3327
|
+
"--chart-width": P.value && (r(I).display ?? !1) && V.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(b) !== void 0 ? r(b) + "px" : "100%",
|
|
3328
|
+
"--chart-height": P.value && (r(I).display ?? !1) && !V.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
|
|
3329
3329
|
})
|
|
3330
3330
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
|
|
3331
|
-
P.value && (
|
|
3331
|
+
P.value && (r(I).display ?? !1) && !X.value ? (Y(), we(lt, {
|
|
3332
3332
|
key: 1,
|
|
3333
3333
|
"chart-ref": a.value,
|
|
3334
|
-
enabled:
|
|
3334
|
+
enabled: r(I).display ?? !1,
|
|
3335
3335
|
position: p.value,
|
|
3336
|
-
"max-width":
|
|
3337
|
-
"text-color": (ye =
|
|
3338
|
-
"font-size": (ke = (Ce =
|
|
3336
|
+
"max-width": r(I).maxWidth,
|
|
3337
|
+
"text-color": (ye = r(I).labels) == null ? void 0 : ye.color,
|
|
3338
|
+
"font-size": (ke = (Ce = r(I).labels) == null ? void 0 : Ce.font) == null ? void 0 : ke.size,
|
|
3339
3339
|
"legend-update-key": z.value,
|
|
3340
3340
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3341
3341
|
"chart-colors": t.value.chartColors,
|
|
3342
3342
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3343
3343
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3344
3344
|
"metric-count": t.value.metricCount,
|
|
3345
|
-
"hidden-dataset-keys":
|
|
3346
|
-
onToggleDatasetVisibility:
|
|
3345
|
+
"hidden-dataset-keys": r(ie),
|
|
3346
|
+
onToggleDatasetVisibility: r(q)
|
|
3347
3347
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0)
|
|
3348
3348
|
], 2)
|
|
3349
3349
|
]),
|
|
3350
3350
|
fe(Qt, {
|
|
3351
|
-
"model-value":
|
|
3352
|
-
"details-payload":
|
|
3353
|
-
"onUpdate:modelValue":
|
|
3354
|
-
onValueHover:
|
|
3355
|
-
onValueLeave:
|
|
3351
|
+
"model-value": r(s),
|
|
3352
|
+
"details-payload": r(i),
|
|
3353
|
+
"onUpdate:modelValue": r(c),
|
|
3354
|
+
onValueHover: r(_),
|
|
3355
|
+
onValueLeave: r(B)
|
|
3356
3356
|
}, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
|
|
3357
3357
|
], 64);
|
|
3358
3358
|
};
|
|
3359
3359
|
}
|
|
3360
|
-
}),
|
|
3360
|
+
}), al = { class: "widget-content" }, ol = /* @__PURE__ */ at({
|
|
3361
3361
|
__name: "WidgetClusteredStackBarchart",
|
|
3362
3362
|
props: /* @__PURE__ */ gt({
|
|
3363
3363
|
tileIndex: {}
|
|
@@ -3367,15 +3367,15 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3367
3367
|
}),
|
|
3368
3368
|
emits: ["update:modelValue"],
|
|
3369
3369
|
setup(e) {
|
|
3370
|
-
const n = e, t = ct(e, "modelValue"), a = L(null),
|
|
3370
|
+
const n = e, t = ct(e, "modelValue"), a = L(null), l = v(() => t.value.maxTooltipItems), {
|
|
3371
3371
|
isTooltipDetailsSheetOpen: s,
|
|
3372
3372
|
tooltipDetailsPayload: i,
|
|
3373
3373
|
tooltipOptions: h,
|
|
3374
3374
|
handleTooltipDetailsSheetVisibility: c,
|
|
3375
3375
|
handleTooltipDetailsHover: _,
|
|
3376
|
-
handleTooltipDetailsLeave:
|
|
3376
|
+
handleTooltipDetailsLeave: B
|
|
3377
3377
|
} = en(a, {
|
|
3378
|
-
maxTooltipItems:
|
|
3378
|
+
maxTooltipItems: l
|
|
3379
3379
|
}), H = v(() => {
|
|
3380
3380
|
var O;
|
|
3381
3381
|
return ((O = t.value.data) == null ? void 0 : O.xAxis) || [];
|
|
@@ -3389,7 +3389,7 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3389
3389
|
), w = Jt("bar"), x = v(() => t.value.stackBarOverlap === !0), A = v(() => x.value === !1), P = v(() => {
|
|
3390
3390
|
const O = I.value.position;
|
|
3391
3391
|
return !O || O === "top" || O === "bottom" || O === "left" || O === "right";
|
|
3392
|
-
}), p = v(() => I.value.position ?? "top"),
|
|
3392
|
+
}), p = v(() => I.value.position ?? "top"), V = v(
|
|
3393
3393
|
() => p.value === "left" || p.value === "right"
|
|
3394
3394
|
), X = v(
|
|
3395
3395
|
() => p.value === "top" || p.value === "left"
|
|
@@ -3484,9 +3484,9 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3484
3484
|
...O,
|
|
3485
3485
|
hidden: N(O, ne)
|
|
3486
3486
|
}))
|
|
3487
|
-
),
|
|
3487
|
+
), re = Ht();
|
|
3488
3488
|
function pe() {
|
|
3489
|
-
return
|
|
3489
|
+
return re.extractChartSize(a.value, n.tileIndex) || { width: 0, height: 0 };
|
|
3490
3490
|
}
|
|
3491
3491
|
return it(() => {
|
|
3492
3492
|
tt(() => {
|
|
@@ -3498,27 +3498,27 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3498
3498
|
var ye, Ce, ke, ce, We, Pe;
|
|
3499
3499
|
const ee = ve("FmBarChart");
|
|
3500
3500
|
return Y(), ge(Qe, null, [
|
|
3501
|
-
J("div",
|
|
3501
|
+
J("div", al, [
|
|
3502
3502
|
yt(O.$slots, "menu"),
|
|
3503
3503
|
J("div", {
|
|
3504
|
-
class: Ye(["chart-layout", { "chart-layout--side": P.value && (
|
|
3504
|
+
class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(I).display ?? !1) && V.value }])
|
|
3505
3505
|
}, [
|
|
3506
|
-
P.value && (
|
|
3506
|
+
P.value && (r(I).display ?? !1) && X.value ? (Y(), we(lt, {
|
|
3507
3507
|
key: 0,
|
|
3508
3508
|
"chart-ref": a.value,
|
|
3509
|
-
enabled:
|
|
3509
|
+
enabled: r(I).display ?? !1,
|
|
3510
3510
|
position: p.value,
|
|
3511
|
-
"max-width":
|
|
3512
|
-
"text-color": (ye =
|
|
3513
|
-
"font-size": (ke = (Ce =
|
|
3511
|
+
"max-width": r(I).maxWidth,
|
|
3512
|
+
"text-color": (ye = r(I).labels) == null ? void 0 : ye.color,
|
|
3513
|
+
"font-size": (ke = (Ce = r(I).labels) == null ? void 0 : Ce.font) == null ? void 0 : ke.size,
|
|
3514
3514
|
"legend-update-key": R.value,
|
|
3515
3515
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3516
3516
|
"chart-colors": t.value.chartColors,
|
|
3517
3517
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3518
3518
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3519
3519
|
"metric-count": t.value.metricCount,
|
|
3520
|
-
"hidden-dataset-keys":
|
|
3521
|
-
onToggleDatasetVisibility:
|
|
3520
|
+
"hidden-dataset-keys": r(z),
|
|
3521
|
+
onToggleDatasetVisibility: r($)
|
|
3522
3522
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0),
|
|
3523
3523
|
fe(ee, {
|
|
3524
3524
|
ref_key: "chartRef",
|
|
@@ -3528,51 +3528,51 @@ const Yl = /* @__PURE__ */ ga(Kl, [["render", ql]]), Xl = "mf-reporttable-dimens
|
|
|
3528
3528
|
"x-axis": { categories: H.value },
|
|
3529
3529
|
"x-cfg": G.value,
|
|
3530
3530
|
"y-cfg": oe.value,
|
|
3531
|
-
transpose:
|
|
3531
|
+
transpose: r(M),
|
|
3532
3532
|
stacked: A.value,
|
|
3533
3533
|
legend: {
|
|
3534
3534
|
display: !1
|
|
3535
3535
|
},
|
|
3536
3536
|
tooltip: g.value,
|
|
3537
|
-
plugins: [
|
|
3538
|
-
datalabels:
|
|
3537
|
+
plugins: [r(w)],
|
|
3538
|
+
datalabels: r(C),
|
|
3539
3539
|
"maintain-aspect-ratio": !1,
|
|
3540
3540
|
style: Ze({
|
|
3541
|
-
"--chart-width": P.value && (
|
|
3542
|
-
"--chart-height": P.value && (
|
|
3541
|
+
"--chart-width": P.value && (r(I).display ?? !1) && V.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(b) !== void 0 ? r(b) + "px" : "100%",
|
|
3542
|
+
"--chart-height": P.value && (r(I).display ?? !1) && !V.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
|
|
3543
3543
|
})
|
|
3544
3544
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
|
|
3545
|
-
P.value && (
|
|
3545
|
+
P.value && (r(I).display ?? !1) && !X.value ? (Y(), we(lt, {
|
|
3546
3546
|
key: 1,
|
|
3547
3547
|
"chart-ref": a.value,
|
|
3548
|
-
enabled:
|
|
3548
|
+
enabled: r(I).display ?? !1,
|
|
3549
3549
|
position: p.value,
|
|
3550
|
-
"max-width":
|
|
3551
|
-
"text-color": (ce =
|
|
3552
|
-
"font-size": (Pe = (We =
|
|
3550
|
+
"max-width": r(I).maxWidth,
|
|
3551
|
+
"text-color": (ce = r(I).labels) == null ? void 0 : ce.color,
|
|
3552
|
+
"font-size": (Pe = (We = r(I).labels) == null ? void 0 : We.font) == null ? void 0 : Pe.size,
|
|
3553
3553
|
"legend-update-key": R.value,
|
|
3554
3554
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3555
3555
|
"chart-colors": t.value.chartColors,
|
|
3556
3556
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3557
3557
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3558
3558
|
"metric-count": t.value.metricCount,
|
|
3559
|
-
"hidden-dataset-keys":
|
|
3560
|
-
onToggleDatasetVisibility:
|
|
3559
|
+
"hidden-dataset-keys": r(z),
|
|
3560
|
+
onToggleDatasetVisibility: r($)
|
|
3561
3561
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0)
|
|
3562
3562
|
], 2)
|
|
3563
3563
|
]),
|
|
3564
3564
|
fe(Qt, {
|
|
3565
|
-
"model-value":
|
|
3566
|
-
"details-payload":
|
|
3567
|
-
"onUpdate:modelValue":
|
|
3568
|
-
onValueHover:
|
|
3569
|
-
onValueLeave:
|
|
3565
|
+
"model-value": r(s),
|
|
3566
|
+
"details-payload": r(i),
|
|
3567
|
+
"onUpdate:modelValue": r(c),
|
|
3568
|
+
onValueHover: r(_),
|
|
3569
|
+
onValueLeave: r(B)
|
|
3570
3570
|
}, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
|
|
3571
3571
|
], 64);
|
|
3572
3572
|
};
|
|
3573
3573
|
}
|
|
3574
3574
|
});
|
|
3575
|
-
function
|
|
3575
|
+
function rl(e) {
|
|
3576
3576
|
const n = Reflect.get(e, "lineStyle"), t = Reflect.get(e, "dash") === !0;
|
|
3577
3577
|
return yo(n, t);
|
|
3578
3578
|
}
|
|
@@ -3581,14 +3581,14 @@ function Fa(e = "report-line-style-plugin") {
|
|
|
3581
3581
|
id: e,
|
|
3582
3582
|
beforeDatasetsUpdate(n) {
|
|
3583
3583
|
var a;
|
|
3584
|
-
(((a = n == null ? void 0 : n.data) == null ? void 0 : a.datasets) ?? []).forEach((
|
|
3585
|
-
const s =
|
|
3586
|
-
Reflect.set(s, "borderDash",
|
|
3584
|
+
(((a = n == null ? void 0 : n.data) == null ? void 0 : a.datasets) ?? []).forEach((l) => {
|
|
3585
|
+
const s = l;
|
|
3586
|
+
Reflect.set(s, "borderDash", rl(s));
|
|
3587
3587
|
});
|
|
3588
3588
|
}
|
|
3589
3589
|
};
|
|
3590
3590
|
}
|
|
3591
|
-
const
|
|
3591
|
+
const ll = { class: "widget-content" }, sl = /* @__PURE__ */ at({
|
|
3592
3592
|
__name: "WidgetStackLineChart",
|
|
3593
3593
|
props: /* @__PURE__ */ gt({
|
|
3594
3594
|
tileIndex: {}
|
|
@@ -3598,15 +3598,15 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
|
|
|
3598
3598
|
}),
|
|
3599
3599
|
emits: ["update:modelValue"],
|
|
3600
3600
|
setup(e) {
|
|
3601
|
-
const n = e, t = ct(e, "modelValue"), a = L(null),
|
|
3601
|
+
const n = e, t = ct(e, "modelValue"), a = L(null), l = v(() => t.value.maxTooltipItems), {
|
|
3602
3602
|
isTooltipDetailsSheetOpen: s,
|
|
3603
3603
|
tooltipDetailsPayload: i,
|
|
3604
3604
|
tooltipOptions: h,
|
|
3605
3605
|
handleTooltipDetailsSheetVisibility: c,
|
|
3606
3606
|
handleTooltipDetailsHover: _,
|
|
3607
|
-
handleTooltipDetailsLeave:
|
|
3607
|
+
handleTooltipDetailsLeave: B
|
|
3608
3608
|
} = en(a, {
|
|
3609
|
-
maxTooltipItems:
|
|
3609
|
+
maxTooltipItems: l
|
|
3610
3610
|
}), H = v(() => {
|
|
3611
3611
|
var N;
|
|
3612
3612
|
return ((N = t.value.data) == null ? void 0 : N.xAxis) ?? [];
|
|
@@ -3622,16 +3622,16 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
|
|
|
3622
3622
|
), A = Jt("line"), P = Fa("report-line-style-plugin-stack-line"), p = v(() => {
|
|
3623
3623
|
const N = f.value.position;
|
|
3624
3624
|
return !N || N === "top" || N === "bottom" || N === "left" || N === "right";
|
|
3625
|
-
}),
|
|
3626
|
-
() =>
|
|
3625
|
+
}), V = v(() => f.value.position ?? "top"), X = v(
|
|
3626
|
+
() => V.value === "left" || V.value === "right"
|
|
3627
3627
|
), G = v(
|
|
3628
|
-
() =>
|
|
3628
|
+
() => V.value === "top" || V.value === "left"
|
|
3629
3629
|
), oe = v(() => d.value.length > 0 ? [
|
|
3630
3630
|
...d.value.map((N, $) => {
|
|
3631
3631
|
var ke;
|
|
3632
3632
|
let R = N.values;
|
|
3633
3633
|
T.value && (R = [NaN, R[0], NaN]);
|
|
3634
|
-
const
|
|
3634
|
+
const re = nt({
|
|
3635
3635
|
datasetIndex: $,
|
|
3636
3636
|
isCompare: N.isCompare,
|
|
3637
3637
|
metricCount: t.value.metricCount,
|
|
@@ -3658,7 +3658,7 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
|
|
|
3658
3658
|
useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
|
|
3659
3659
|
customColors: t.value.chartColors
|
|
3660
3660
|
}) : Ct({
|
|
3661
|
-
index:
|
|
3661
|
+
index: re,
|
|
3662
3662
|
isCompare: N.isCompare,
|
|
3663
3663
|
customColors: t.value.chartColors
|
|
3664
3664
|
});
|
|
@@ -3692,30 +3692,30 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
|
|
|
3692
3692
|
}), Re([D], () => {
|
|
3693
3693
|
tt(() => z());
|
|
3694
3694
|
}), (N, $) => {
|
|
3695
|
-
var
|
|
3695
|
+
var re, pe, O, ne, ee, ye;
|
|
3696
3696
|
const R = ve("FmLineChart");
|
|
3697
3697
|
return Y(), ge(Qe, null, [
|
|
3698
|
-
J("div",
|
|
3698
|
+
J("div", ll, [
|
|
3699
3699
|
yt(N.$slots, "menu"),
|
|
3700
3700
|
J("div", {
|
|
3701
|
-
class: Ye(["chart-layout", { "chart-layout--side": p.value && (
|
|
3701
|
+
class: Ye(["chart-layout", { "chart-layout--side": p.value && (r(f).display ?? !1) && X.value }])
|
|
3702
3702
|
}, [
|
|
3703
|
-
p.value && (
|
|
3703
|
+
p.value && (r(f).display ?? !1) && G.value ? (Y(), we(lt, {
|
|
3704
3704
|
key: 0,
|
|
3705
3705
|
"chart-ref": a.value,
|
|
3706
|
-
enabled:
|
|
3707
|
-
position:
|
|
3708
|
-
"max-width":
|
|
3709
|
-
"text-color": (
|
|
3710
|
-
"font-size": (O = (pe =
|
|
3706
|
+
enabled: r(f).display ?? !1,
|
|
3707
|
+
position: V.value,
|
|
3708
|
+
"max-width": r(f).maxWidth,
|
|
3709
|
+
"text-color": (re = r(f).labels) == null ? void 0 : re.color,
|
|
3710
|
+
"font-size": (O = (pe = r(f).labels) == null ? void 0 : pe.font) == null ? void 0 : O.size,
|
|
3711
3711
|
"legend-update-key": D.value,
|
|
3712
3712
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3713
3713
|
"chart-colors": t.value.chartColors,
|
|
3714
3714
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3715
3715
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3716
3716
|
"metric-count": t.value.metricCount,
|
|
3717
|
-
"hidden-dataset-keys":
|
|
3718
|
-
onToggleDatasetVisibility:
|
|
3717
|
+
"hidden-dataset-keys": r(te),
|
|
3718
|
+
onToggleDatasetVisibility: r(ie)
|
|
3719
3719
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0),
|
|
3720
3720
|
fe(R, {
|
|
3721
3721
|
ref_key: "chartRef",
|
|
@@ -3723,47 +3723,47 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
|
|
|
3723
3723
|
class: "line-chart",
|
|
3724
3724
|
datasets: D.value,
|
|
3725
3725
|
"x-axis": { categories: C.value },
|
|
3726
|
-
"x-cfg":
|
|
3727
|
-
"y-cfg":
|
|
3728
|
-
transpose:
|
|
3726
|
+
"x-cfg": r(M),
|
|
3727
|
+
"y-cfg": r(I),
|
|
3728
|
+
transpose: r(b),
|
|
3729
3729
|
legend: {
|
|
3730
3730
|
display: !1
|
|
3731
3731
|
},
|
|
3732
3732
|
tooltip: x.value,
|
|
3733
|
-
plugins: [
|
|
3733
|
+
plugins: [r(A), r(P)],
|
|
3734
3734
|
stacked: !0,
|
|
3735
|
-
datalabels:
|
|
3735
|
+
datalabels: r(F),
|
|
3736
3736
|
"maintain-aspect-ratio": !1,
|
|
3737
3737
|
style: Ze({
|
|
3738
|
-
"--chart-width": p.value && (
|
|
3739
|
-
"--chart-height": p.value && (
|
|
3738
|
+
"--chart-width": p.value && (r(f).display ?? !1) && X.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(g) !== void 0 ? r(g) + "px" : "100%",
|
|
3739
|
+
"--chart-height": p.value && (r(f).display ?? !1) && !X.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(w) !== void 0 ? r(w) + "px" : "100%"
|
|
3740
3740
|
})
|
|
3741
3741
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "plugins", "datalabels", "style"]),
|
|
3742
|
-
p.value && (
|
|
3742
|
+
p.value && (r(f).display ?? !1) && !G.value ? (Y(), we(lt, {
|
|
3743
3743
|
key: 1,
|
|
3744
3744
|
"chart-ref": a.value,
|
|
3745
|
-
enabled:
|
|
3746
|
-
position:
|
|
3747
|
-
"max-width":
|
|
3748
|
-
"text-color": (ne =
|
|
3749
|
-
"font-size": (ye = (ee =
|
|
3745
|
+
enabled: r(f).display ?? !1,
|
|
3746
|
+
position: V.value,
|
|
3747
|
+
"max-width": r(f).maxWidth,
|
|
3748
|
+
"text-color": (ne = r(f).labels) == null ? void 0 : ne.color,
|
|
3749
|
+
"font-size": (ye = (ee = r(f).labels) == null ? void 0 : ee.font) == null ? void 0 : ye.size,
|
|
3750
3750
|
"legend-update-key": D.value,
|
|
3751
3751
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3752
3752
|
"chart-colors": t.value.chartColors,
|
|
3753
3753
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3754
3754
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3755
3755
|
"metric-count": t.value.metricCount,
|
|
3756
|
-
"hidden-dataset-keys":
|
|
3757
|
-
onToggleDatasetVisibility:
|
|
3756
|
+
"hidden-dataset-keys": r(te),
|
|
3757
|
+
onToggleDatasetVisibility: r(ie)
|
|
3758
3758
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0)
|
|
3759
3759
|
], 2)
|
|
3760
3760
|
]),
|
|
3761
3761
|
fe(Qt, {
|
|
3762
|
-
"model-value":
|
|
3763
|
-
"details-payload":
|
|
3764
|
-
"onUpdate:modelValue":
|
|
3765
|
-
onValueHover:
|
|
3766
|
-
onValueLeave:
|
|
3762
|
+
"model-value": r(s),
|
|
3763
|
+
"details-payload": r(i),
|
|
3764
|
+
"onUpdate:modelValue": r(c),
|
|
3765
|
+
onValueHover: r(_),
|
|
3766
|
+
onValueLeave: r(B)
|
|
3767
3767
|
}, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
|
|
3768
3768
|
], 64);
|
|
3769
3769
|
};
|
|
@@ -3782,16 +3782,16 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
|
|
|
3782
3782
|
"col-span-11",
|
|
3783
3783
|
"col-span-12"
|
|
3784
3784
|
];
|
|
3785
|
-
function
|
|
3785
|
+
function il(e) {
|
|
3786
3786
|
return e < 12 ? Nt[e - 1] : Nt[11];
|
|
3787
3787
|
}
|
|
3788
|
-
function
|
|
3788
|
+
function ul(e) {
|
|
3789
3789
|
return e < 12 ? Nt[Math.min(11, e * 2 - 1)] : Nt[11];
|
|
3790
3790
|
}
|
|
3791
|
-
function
|
|
3791
|
+
function cl(e) {
|
|
3792
3792
|
return e < 12 ? Nt[Math.min(11, e * 3 - 1)] : Nt[11];
|
|
3793
3793
|
}
|
|
3794
|
-
const
|
|
3794
|
+
const dl = { class: "widget-content" }, fl = /* @__PURE__ */ at({
|
|
3795
3795
|
__name: "WidgetLinechart",
|
|
3796
3796
|
props: /* @__PURE__ */ gt({
|
|
3797
3797
|
tileIndex: {}
|
|
@@ -3801,15 +3801,15 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
3801
3801
|
}),
|
|
3802
3802
|
emits: ["update:modelValue"],
|
|
3803
3803
|
setup(e) {
|
|
3804
|
-
const n = e, t = ct(e, "modelValue"), a = L(null),
|
|
3804
|
+
const n = e, t = ct(e, "modelValue"), a = L(null), l = v(() => t.value.maxTooltipItems), {
|
|
3805
3805
|
isTooltipDetailsSheetOpen: s,
|
|
3806
3806
|
tooltipDetailsPayload: i,
|
|
3807
3807
|
tooltipOptions: h,
|
|
3808
3808
|
handleTooltipDetailsSheetVisibility: c,
|
|
3809
3809
|
handleTooltipDetailsHover: _,
|
|
3810
|
-
handleTooltipDetailsLeave:
|
|
3810
|
+
handleTooltipDetailsLeave: B
|
|
3811
3811
|
} = en(a, {
|
|
3812
|
-
maxTooltipItems:
|
|
3812
|
+
maxTooltipItems: l
|
|
3813
3813
|
}), H = v(() => {
|
|
3814
3814
|
var $;
|
|
3815
3815
|
return (($ = t.value.data) == null ? void 0 : $.datasets) ?? [];
|
|
@@ -3822,7 +3822,7 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
3822
3822
|
t.value
|
|
3823
3823
|
), A = v(
|
|
3824
3824
|
() => Ot(t.value.isTransposed === !0, !0, h.value)
|
|
3825
|
-
), P = Jt("line"), p = Fa("report-line-style-plugin-line"),
|
|
3825
|
+
), P = Jt("line"), p = Fa("report-line-style-plugin-line"), V = v(() => {
|
|
3826
3826
|
const $ = g.value.position;
|
|
3827
3827
|
return !$ || $ === "top" || $ === "bottom" || $ === "left" || $ === "right";
|
|
3828
3828
|
}), X = v(() => g.value.position ?? "top"), G = v(
|
|
@@ -3832,7 +3832,7 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
3832
3832
|
), te = v(() => H.value.length > 0 ? [
|
|
3833
3833
|
...H.value.map(($, R) => {
|
|
3834
3834
|
var Pe;
|
|
3835
|
-
const
|
|
3835
|
+
const re = nt({
|
|
3836
3836
|
datasetIndex: R,
|
|
3837
3837
|
isCompare: $.isCompare,
|
|
3838
3838
|
metricCount: t.value.metricCount,
|
|
@@ -3843,7 +3843,7 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
3843
3843
|
metricCount: t.value.metricCount,
|
|
3844
3844
|
mode: Ke.metric
|
|
3845
3845
|
}), O = Ct({
|
|
3846
|
-
index:
|
|
3846
|
+
index: re,
|
|
3847
3847
|
isCompare: $.isCompare,
|
|
3848
3848
|
customColors: t.value.chartColors
|
|
3849
3849
|
}), ne = t.value.chartColorBinding === Ke.breakdown, ee = Pt({
|
|
@@ -3899,81 +3899,81 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
3899
3899
|
tt(() => N());
|
|
3900
3900
|
}), ($, R) => {
|
|
3901
3901
|
var pe, O, ne, ee, ye, Ce;
|
|
3902
|
-
const
|
|
3902
|
+
const re = ve("FmLineChart");
|
|
3903
3903
|
return Y(), ge(Qe, null, [
|
|
3904
|
-
J("div",
|
|
3904
|
+
J("div", dl, [
|
|
3905
3905
|
yt($.$slots, "menu"),
|
|
3906
3906
|
J("div", {
|
|
3907
|
-
class: Ye(["chart-layout", { "chart-layout--side":
|
|
3907
|
+
class: Ye(["chart-layout", { "chart-layout--side": V.value && (r(g).display ?? !1) && G.value }])
|
|
3908
3908
|
}, [
|
|
3909
|
-
|
|
3909
|
+
V.value && (r(g).display ?? !1) && oe.value ? (Y(), we(lt, {
|
|
3910
3910
|
key: 0,
|
|
3911
3911
|
"chart-ref": a.value,
|
|
3912
|
-
enabled:
|
|
3912
|
+
enabled: r(g).display ?? !1,
|
|
3913
3913
|
position: X.value,
|
|
3914
|
-
"max-width":
|
|
3915
|
-
"text-color": (pe =
|
|
3916
|
-
"font-size": (ne = (O =
|
|
3914
|
+
"max-width": r(g).maxWidth,
|
|
3915
|
+
"text-color": (pe = r(g).labels) == null ? void 0 : pe.color,
|
|
3916
|
+
"font-size": (ne = (O = r(g).labels) == null ? void 0 : O.font) == null ? void 0 : ne.size,
|
|
3917
3917
|
"legend-update-key": q.value,
|
|
3918
3918
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3919
3919
|
"chart-colors": t.value.chartColors,
|
|
3920
3920
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3921
3921
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3922
3922
|
"metric-count": t.value.metricCount,
|
|
3923
|
-
"hidden-dataset-keys":
|
|
3924
|
-
onToggleDatasetVisibility:
|
|
3923
|
+
"hidden-dataset-keys": r(ue),
|
|
3924
|
+
onToggleDatasetVisibility: r(D)
|
|
3925
3925
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0),
|
|
3926
|
-
fe(
|
|
3926
|
+
fe(re, {
|
|
3927
3927
|
ref_key: "chartRef",
|
|
3928
3928
|
ref: a,
|
|
3929
3929
|
class: "line-chart",
|
|
3930
3930
|
datasets: q.value,
|
|
3931
3931
|
"x-axis": { categories: F.value },
|
|
3932
|
-
"x-cfg":
|
|
3933
|
-
"y-cfg":
|
|
3934
|
-
transpose:
|
|
3932
|
+
"x-cfg": r(I),
|
|
3933
|
+
"y-cfg": r(b),
|
|
3934
|
+
transpose: r(f),
|
|
3935
3935
|
legend: {
|
|
3936
3936
|
display: !1
|
|
3937
3937
|
},
|
|
3938
3938
|
tooltip: A.value,
|
|
3939
|
-
datalabels:
|
|
3940
|
-
plugins: [
|
|
3939
|
+
datalabels: r(M),
|
|
3940
|
+
plugins: [r(P), r(p)],
|
|
3941
3941
|
"maintain-aspect-ratio": !1,
|
|
3942
3942
|
style: Ze({
|
|
3943
|
-
"--chart-width":
|
|
3944
|
-
"--chart-height":
|
|
3943
|
+
"--chart-width": V.value && (r(g).display ?? !1) && G.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(w) !== void 0 ? r(w) + "px" : "100%",
|
|
3944
|
+
"--chart-height": V.value && (r(g).display ?? !1) && !G.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(x) !== void 0 ? r(x) + "px" : "100%"
|
|
3945
3945
|
})
|
|
3946
3946
|
}, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
|
|
3947
|
-
|
|
3947
|
+
V.value && (r(g).display ?? !1) && !oe.value ? (Y(), we(lt, {
|
|
3948
3948
|
key: 1,
|
|
3949
3949
|
"chart-ref": a.value,
|
|
3950
|
-
enabled:
|
|
3950
|
+
enabled: r(g).display ?? !1,
|
|
3951
3951
|
position: X.value,
|
|
3952
|
-
"max-width":
|
|
3953
|
-
"text-color": (ee =
|
|
3954
|
-
"font-size": (Ce = (ye =
|
|
3952
|
+
"max-width": r(g).maxWidth,
|
|
3953
|
+
"text-color": (ee = r(g).labels) == null ? void 0 : ee.color,
|
|
3954
|
+
"font-size": (Ce = (ye = r(g).labels) == null ? void 0 : ye.font) == null ? void 0 : Ce.size,
|
|
3955
3955
|
"legend-update-key": q.value,
|
|
3956
3956
|
"chart-color-binding": t.value.chartColorBinding,
|
|
3957
3957
|
"chart-colors": t.value.chartColors,
|
|
3958
3958
|
"chart-breakdown-colors": t.value.chartBreakdownColors,
|
|
3959
3959
|
"chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
|
|
3960
3960
|
"metric-count": t.value.metricCount,
|
|
3961
|
-
"hidden-dataset-keys":
|
|
3962
|
-
onToggleDatasetVisibility:
|
|
3961
|
+
"hidden-dataset-keys": r(ue),
|
|
3962
|
+
onToggleDatasetVisibility: r(D)
|
|
3963
3963
|
}, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Le("", !0)
|
|
3964
3964
|
], 2)
|
|
3965
3965
|
]),
|
|
3966
3966
|
fe(Qt, {
|
|
3967
|
-
"model-value":
|
|
3968
|
-
"details-payload":
|
|
3969
|
-
"onUpdate:modelValue":
|
|
3970
|
-
onValueHover:
|
|
3971
|
-
onValueLeave:
|
|
3967
|
+
"model-value": r(s),
|
|
3968
|
+
"details-payload": r(i),
|
|
3969
|
+
"onUpdate:modelValue": r(c),
|
|
3970
|
+
onValueHover: r(_),
|
|
3971
|
+
onValueLeave: r(B)
|
|
3972
3972
|
}, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
|
|
3973
3973
|
], 64);
|
|
3974
3974
|
};
|
|
3975
3975
|
}
|
|
3976
|
-
}),
|
|
3976
|
+
}), hl = { class: "flex flex-col gap-16" }, ml = { class: "flex flex-row" }, pl = /* @__PURE__ */ at({
|
|
3977
3977
|
__name: "PdfOrientationDialog",
|
|
3978
3978
|
props: /* @__PURE__ */ gt({
|
|
3979
3979
|
reportType: {},
|
|
@@ -3984,10 +3984,10 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
3984
3984
|
}),
|
|
3985
3985
|
emits: ["update:modelValue"],
|
|
3986
3986
|
setup(e) {
|
|
3987
|
-
const { t: n } = wt(), { FmForm: t } = mo, a = e,
|
|
3987
|
+
const { t: n } = wt(), { FmForm: t } = mo, a = e, l = L(), s = ct(e, "modelValue"), i = L(!0), h = L(!1), c = Vn(), { selectedLocationIds: _, dateRange: B, timeRange: H } = vt(Gt()), T = L(vn.PORTRAIT);
|
|
3988
3988
|
function C() {
|
|
3989
3989
|
var F;
|
|
3990
|
-
(F =
|
|
3990
|
+
(F = l.value) == null || F.validateInputs();
|
|
3991
3991
|
}
|
|
3992
3992
|
async function d() {
|
|
3993
3993
|
h.value = !0;
|
|
@@ -3998,7 +3998,7 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
3998
3998
|
orientationTypes: [T.value],
|
|
3999
3999
|
isCombinedLocationLayout: i.value,
|
|
4000
4000
|
timeRange: H.value,
|
|
4001
|
-
dateRange:
|
|
4001
|
+
dateRange: B.value,
|
|
4002
4002
|
locationIds: _.value
|
|
4003
4003
|
});
|
|
4004
4004
|
} catch (F) {
|
|
@@ -4019,40 +4019,40 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
4019
4019
|
bn("Select Orientation")
|
|
4020
4020
|
])),
|
|
4021
4021
|
default: $e(() => [
|
|
4022
|
-
fe(
|
|
4022
|
+
fe(r(t), {
|
|
4023
4023
|
ref_key: "form",
|
|
4024
|
-
ref:
|
|
4024
|
+
ref: l,
|
|
4025
4025
|
onValidationSuccess: d
|
|
4026
4026
|
}, {
|
|
4027
4027
|
default: $e(() => [
|
|
4028
|
-
J("div",
|
|
4028
|
+
J("div", hl, [
|
|
4029
4029
|
fe(b, {
|
|
4030
4030
|
modelValue: T.value,
|
|
4031
4031
|
"onUpdate:modelValue": M[0] || (M[0] = (w) => T.value = w)
|
|
4032
4032
|
}, {
|
|
4033
4033
|
default: $e(() => [
|
|
4034
4034
|
fe(I, {
|
|
4035
|
-
value:
|
|
4036
|
-
label:
|
|
4035
|
+
value: r(vn).PORTRAIT,
|
|
4036
|
+
label: r(n)("report.common.portrait")
|
|
4037
4037
|
}, null, 8, ["value", "label"]),
|
|
4038
4038
|
fe(I, {
|
|
4039
|
-
value:
|
|
4040
|
-
label:
|
|
4039
|
+
value: r(vn).LANDSCAPE,
|
|
4040
|
+
label: r(n)("report.common.landscape")
|
|
4041
4041
|
}, null, 8, ["value", "label"])
|
|
4042
4042
|
]),
|
|
4043
4043
|
_: 1
|
|
4044
4044
|
}, 8, ["modelValue"])
|
|
4045
4045
|
]),
|
|
4046
|
-
J("div",
|
|
4046
|
+
J("div", ml, [
|
|
4047
4047
|
M[4] || (M[4] = J("div", { class: "grow" }, null, -1)),
|
|
4048
4048
|
fe(f, {
|
|
4049
|
-
label:
|
|
4049
|
+
label: r(n)("report.common.cancel"),
|
|
4050
4050
|
variant: "tertiary",
|
|
4051
4051
|
onClick: M[1] || (M[1] = (w) => s.value = !1)
|
|
4052
4052
|
}, null, 8, ["label"]),
|
|
4053
4053
|
J("div", null, [
|
|
4054
4054
|
fe(f, {
|
|
4055
|
-
label:
|
|
4055
|
+
label: r(n)("report.common.download"),
|
|
4056
4056
|
loading: h.value,
|
|
4057
4057
|
onClick: C
|
|
4058
4058
|
}, null, 8, ["label", "loading"])
|
|
@@ -4067,9 +4067,9 @@ const dr = { class: "widget-content" }, fr = /* @__PURE__ */ at({
|
|
|
4067
4067
|
};
|
|
4068
4068
|
}
|
|
4069
4069
|
});
|
|
4070
|
-
function
|
|
4070
|
+
function vl(e) {
|
|
4071
4071
|
const { breakpoints: n } = fn(), { containerRef: t, isTable: a = L(!0) } = e;
|
|
4072
|
-
let
|
|
4072
|
+
let l = L(1), s = null, i = null, h = null, c = null, _ = null, B = null;
|
|
4073
4073
|
function H() {
|
|
4074
4074
|
return t.value ? t.value.querySelector("table") : null;
|
|
4075
4075
|
}
|
|
@@ -4078,8 +4078,8 @@ function vr(e) {
|
|
|
4078
4078
|
const x = [];
|
|
4079
4079
|
t.value && t.value.querySelectorAll("div,section,main,article,aside").forEach((p) => {
|
|
4080
4080
|
if (p.scrollWidth > p.clientWidth) {
|
|
4081
|
-
const
|
|
4082
|
-
(
|
|
4081
|
+
const V = window.getComputedStyle(p);
|
|
4082
|
+
(V.overflowX === "auto" || V.overflowX === "scroll") && x.push(p);
|
|
4083
4083
|
}
|
|
4084
4084
|
});
|
|
4085
4085
|
let A = (P = t.value) == null ? void 0 : P.parentElement;
|
|
@@ -4096,7 +4096,7 @@ function vr(e) {
|
|
|
4096
4096
|
if (g(), !a.value || !t.value || (i = H(), !i) || (h = i.querySelector("thead"), !h)) return;
|
|
4097
4097
|
s = document.createElement("div"), s.className = "sticky-header-clone", s.style.cssText = `
|
|
4098
4098
|
position: fixed;
|
|
4099
|
-
top: ${
|
|
4099
|
+
top: ${l.value}px;
|
|
4100
4100
|
left: 0;
|
|
4101
4101
|
right: 0;
|
|
4102
4102
|
z-index: 9;
|
|
@@ -4117,10 +4117,10 @@ function vr(e) {
|
|
|
4117
4117
|
}
|
|
4118
4118
|
function d(x, A) {
|
|
4119
4119
|
const P = x.querySelectorAll("th, td"), p = A.querySelectorAll("th, td");
|
|
4120
|
-
P.forEach((
|
|
4120
|
+
P.forEach((V, X) => {
|
|
4121
4121
|
const G = p[X];
|
|
4122
4122
|
if (!G) return;
|
|
4123
|
-
const oe =
|
|
4123
|
+
const oe = V, te = window.getComputedStyle(oe);
|
|
4124
4124
|
Object.assign(G.style, {
|
|
4125
4125
|
width: `${oe.offsetWidth}px`,
|
|
4126
4126
|
minWidth: `${oe.offsetWidth}px`,
|
|
@@ -4160,7 +4160,7 @@ function vr(e) {
|
|
|
4160
4160
|
}
|
|
4161
4161
|
return P.getBoundingClientRect().bottom;
|
|
4162
4162
|
}
|
|
4163
|
-
return
|
|
4163
|
+
return l.value;
|
|
4164
4164
|
}
|
|
4165
4165
|
function M() {
|
|
4166
4166
|
if (!s || !i || !h || !t.value) return;
|
|
@@ -4207,9 +4207,9 @@ function vr(e) {
|
|
|
4207
4207
|
P && d(h, P), M();
|
|
4208
4208
|
}
|
|
4209
4209
|
};
|
|
4210
|
-
|
|
4211
|
-
P.some((
|
|
4212
|
-
}),
|
|
4210
|
+
B = new MutationObserver((P) => {
|
|
4211
|
+
P.some((V) => V.type === "childList" ? V.addedNodes.length > 0 || V.removedNodes.length > 0 : !1) ? x() : A();
|
|
4212
|
+
}), B.observe(h, {
|
|
4213
4213
|
childList: !0,
|
|
4214
4214
|
subtree: !0,
|
|
4215
4215
|
attributes: !0,
|
|
@@ -4227,15 +4227,15 @@ function vr(e) {
|
|
|
4227
4227
|
A.removeEventListener("scroll", _), A = A.parentElement;
|
|
4228
4228
|
_ = null;
|
|
4229
4229
|
}
|
|
4230
|
-
c && (c.disconnect(), c = null),
|
|
4230
|
+
c && (c.disconnect(), c = null), B && (B.disconnect(), B = null), i = null, h = null;
|
|
4231
4231
|
}
|
|
4232
4232
|
function w() {
|
|
4233
4233
|
C();
|
|
4234
4234
|
}
|
|
4235
4235
|
return Re(a, (x) => {
|
|
4236
4236
|
x ? C() : g();
|
|
4237
|
-
}), Re(
|
|
4238
|
-
s && (s.style.top = `${
|
|
4237
|
+
}), Re(l, () => {
|
|
4238
|
+
s && (s.style.top = `${l.value}px`, M());
|
|
4239
4239
|
}), Re(t, () => {
|
|
4240
4240
|
t.value && a.value && setTimeout(C, 100);
|
|
4241
4241
|
}), it(() => {
|
|
@@ -4244,13 +4244,13 @@ function vr(e) {
|
|
|
4244
4244
|
g();
|
|
4245
4245
|
}), { refresh: w, cleanup: g };
|
|
4246
4246
|
}
|
|
4247
|
-
const
|
|
4247
|
+
const gl = {
|
|
4248
4248
|
key: 1,
|
|
4249
4249
|
class: "grow"
|
|
4250
|
-
},
|
|
4250
|
+
}, yl = {
|
|
4251
4251
|
key: 2,
|
|
4252
4252
|
class: "flex"
|
|
4253
|
-
},
|
|
4253
|
+
}, Gl = /* @__PURE__ */ at({
|
|
4254
4254
|
__name: "DynamicWidget",
|
|
4255
4255
|
props: /* @__PURE__ */ gt({
|
|
4256
4256
|
index: {
|
|
@@ -4277,11 +4277,11 @@ const gr = {
|
|
|
4277
4277
|
}),
|
|
4278
4278
|
emits: ["update:modelValue"],
|
|
4279
4279
|
setup(e) {
|
|
4280
|
-
const n = L(!0), t = ct(e, "modelValue"), a = t.value.widget.config, { t:
|
|
4280
|
+
const n = L(!0), t = ct(e, "modelValue"), a = t.value.widget.config, { t: l, te: s, locale: i } = wt(), h = e, c = L(null), _ = v(() => t.value.widget.type === se.Table), B = v(() => {
|
|
4281
4281
|
var k;
|
|
4282
4282
|
return (k = c.value) == null ? void 0 : k.$el;
|
|
4283
|
-
}), { refresh: H } =
|
|
4284
|
-
containerRef:
|
|
4283
|
+
}), { refresh: H } = vl({
|
|
4284
|
+
containerRef: B,
|
|
4285
4285
|
isTable: _
|
|
4286
4286
|
}), T = L(a.rollup), C = L(Xt()), d = L(a.drillDimension), F = v(() => {
|
|
4287
4287
|
if (ut.value.length > 0) {
|
|
@@ -4295,47 +4295,47 @@ const gr = {
|
|
|
4295
4295
|
() => F.value != ut.value.length - 1
|
|
4296
4296
|
), b = L(a.showTitle ?? !0), f = L(a.titleFontSize ?? 14), g = L(a.titleBold ?? !1), w = L(a.titleItalic ?? !1), x = L(a.titleUnderline ?? !1), A = L(a.chartWidth ?? void 0), P = L(a.chartHeight ?? void 0), p = L(
|
|
4297
4297
|
Array.isArray(a.chartColors) ? [...a.chartColors] : void 0
|
|
4298
|
-
),
|
|
4298
|
+
), V = L(
|
|
4299
4299
|
Array.isArray(a.chartColorLayers) ? [...a.chartColorLayers] : void 0
|
|
4300
4300
|
), X = L(
|
|
4301
4301
|
Array.isArray(a.chartBreakdownColors) ? [...a.chartBreakdownColors] : void 0
|
|
4302
4302
|
), G = L(a.chartUseSecondaryMetricShades ?? !0), oe = L(a.chartColorBinding), te = L(
|
|
4303
4303
|
Array.isArray(a.lineStyles) ? [...a.lineStyles] : void 0
|
|
4304
|
-
), ue = L(a.lineStyleBinding), ie = L(a.showLabel ?? !1), D = L(a.labelAlign ?? kn.center), q = L(a.labelAnchor ?? _n.center), z = L(a.labelRotation ?? 0), N = L(a.labelOffset ?? 0), $ = L(a.labelFontSize ?? 12), R = v(() => a.showSearchBar),
|
|
4304
|
+
), ue = L(a.lineStyleBinding), ie = L(a.showLabel ?? !1), D = L(a.labelAlign ?? kn.center), q = L(a.labelAnchor ?? _n.center), z = L(a.labelRotation ?? 0), N = L(a.labelOffset ?? 0), $ = L(a.labelFontSize ?? 12), R = v(() => a.showSearchBar), re = L(a.showX ?? !0), pe = L(a.xPosition ?? Tn.bottom), O = L(a.showXGrid ?? !1), ne = L(a.showXTick ?? !0), ee = L(a.xTickFontSize ?? 12), ye = L(a.showXTitle ?? !1), Ce = L(a.xTitle ?? ""), ke = L(a.xTitleFontSize ?? 12), ce = L(a.showY ?? !0), We = L(a.yPosition ?? Ln.left), Pe = L(a.showYGrid ?? !1), u = L(a.showYTick ?? !0), E = L(a.yTickFontSize ?? 12), Q = L(a.showYTitle ?? !1), Z = L(a.yTitle ?? ""), be = L(a.yTitleFontSize ?? 12), ze = L(a.showLegend ?? void 0), Xe = L(a.legendPosition ?? Dn.top), Ne = L(a.usePointStyle ?? !0), je = L(a.legendFontSize), Fe = L(a.legendColor ?? "#6b6b6b"), de = L(a.legendMaxWidth), W = L(a.maxTooltipItems), Se = L(a.stackBarOverlap ?? !1), Te = L(a.rowHeight ?? 0), De = L(a.colWidths ?? []), He = L(!1), Be = L(""), { breakpoints: Ie, getBreakpointsBoundary: Ee } = fn(), Oe = L(), Ue = v(
|
|
4305
4305
|
() => h.customScreenWidth === void 0 ? window.innerWidth : h.customScreenWidth
|
|
4306
|
-
),
|
|
4306
|
+
), Ve = v(
|
|
4307
4307
|
() => (Ue == null ? void 0 : Ue.value) > Ee("xs")[1] && (Ue == null ? void 0 : Ue.value) <= Ee("sm")[1]
|
|
4308
4308
|
), nn = v(
|
|
4309
4309
|
() => (Ue == null ? void 0 : Ue.value) > Ee("sm")[1] && (Ue == null ? void 0 : Ue.value) <= Ee("md")[1]
|
|
4310
4310
|
), hn = v(() => (Ue == null ? void 0 : Ue.value) > Ee("md")[1]), mn = v(() => {
|
|
4311
4311
|
const k = t.value.size.width;
|
|
4312
|
-
return hn.value || nn.value ?
|
|
4312
|
+
return hn.value || nn.value ? il(k) : Ve.value ? ul(k) : cl(k);
|
|
4313
4313
|
}), Dt = v(
|
|
4314
4314
|
() => po.find((k) => k.type === t.value.widget.type)
|
|
4315
4315
|
), o = Cn(() => {
|
|
4316
4316
|
var k;
|
|
4317
|
-
Oe.value =
|
|
4317
|
+
Oe.value = Va((k = c.value) == null ? void 0 : k.$el.offsetWidth), C.value = Xt();
|
|
4318
4318
|
}), y = v(() => {
|
|
4319
|
-
if (vo(
|
|
4319
|
+
if (vo(le.value.type, m.value))
|
|
4320
4320
|
switch (t.value.widget.type) {
|
|
4321
4321
|
case se.BarChart:
|
|
4322
|
-
return $
|
|
4322
|
+
return $r;
|
|
4323
4323
|
case se.StackBarChart:
|
|
4324
|
-
return
|
|
4324
|
+
return nl;
|
|
4325
4325
|
case se.ClusteredStackBarChart:
|
|
4326
|
-
return
|
|
4326
|
+
return ol;
|
|
4327
4327
|
case se.LineChart:
|
|
4328
|
-
return
|
|
4328
|
+
return fl;
|
|
4329
4329
|
case se.StackLineChart:
|
|
4330
|
-
return
|
|
4330
|
+
return sl;
|
|
4331
4331
|
case se.Circular:
|
|
4332
|
-
return
|
|
4332
|
+
return Pr;
|
|
4333
4333
|
case se.Scorecard:
|
|
4334
|
-
return
|
|
4334
|
+
return Ur;
|
|
4335
4335
|
case se.Spacer:
|
|
4336
|
-
return
|
|
4336
|
+
return Yr;
|
|
4337
4337
|
case se.Table:
|
|
4338
|
-
return
|
|
4338
|
+
return el;
|
|
4339
4339
|
default:
|
|
4340
4340
|
return xn;
|
|
4341
4341
|
}
|
|
@@ -4348,9 +4348,9 @@ const gr = {
|
|
|
4348
4348
|
timeRange: ae,
|
|
4349
4349
|
globalFilters: he,
|
|
4350
4350
|
isGlobalFiltersLoading: j
|
|
4351
|
-
} = vt(Gt()), { businessId: _e } = vt(
|
|
4351
|
+
} = vt(Gt()), { businessId: _e } = vt(Bn()), { businessLoadedId: Ae, businessDataVersion: xe } = vt(Gt());
|
|
4352
4352
|
v(() => Ae.value === _e.value && S.value.length > 0 && !j.value);
|
|
4353
|
-
const me = L(!0),
|
|
4353
|
+
const me = L(!0), le = v(() => {
|
|
4354
4354
|
const k = JSON.parse(JSON.stringify(t.value.widget));
|
|
4355
4355
|
return {
|
|
4356
4356
|
...k,
|
|
@@ -4362,11 +4362,11 @@ const gr = {
|
|
|
4362
4362
|
}
|
|
4363
4363
|
};
|
|
4364
4364
|
}), qe = v(() => {
|
|
4365
|
-
var
|
|
4366
|
-
const k = ((
|
|
4367
|
-
if (!
|
|
4365
|
+
var rt;
|
|
4366
|
+
const k = ((rt = le.value.config.metrics) == null ? void 0 : rt.length) ?? 0;
|
|
4367
|
+
if (!le.value.config.isBlend)
|
|
4368
4368
|
return k;
|
|
4369
|
-
const Me = (
|
|
4369
|
+
const Me = (le.value.config.joinDatasources ?? []).reduce(
|
|
4370
4370
|
(xt, pn) => {
|
|
4371
4371
|
var It;
|
|
4372
4372
|
return xt + (((It = pn.metrics) == null ? void 0 : It.length) ?? 0);
|
|
@@ -4386,7 +4386,7 @@ const gr = {
|
|
|
4386
4386
|
chartHeight: P.value,
|
|
4387
4387
|
chartWidth: A.value,
|
|
4388
4388
|
chartColors: p.value,
|
|
4389
|
-
chartColorLayers:
|
|
4389
|
+
chartColorLayers: V.value,
|
|
4390
4390
|
chartBreakdownColors: X.value,
|
|
4391
4391
|
chartUseSecondaryMetricShades: G.value,
|
|
4392
4392
|
chartColorBinding: oe.value,
|
|
@@ -4399,7 +4399,7 @@ const gr = {
|
|
|
4399
4399
|
labelRotation: z.value,
|
|
4400
4400
|
labelOffset: N.value,
|
|
4401
4401
|
labelFontSize: $.value,
|
|
4402
|
-
showX:
|
|
4402
|
+
showX: re.value,
|
|
4403
4403
|
xPosition: pe.value,
|
|
4404
4404
|
showXGrid: O.value,
|
|
4405
4405
|
showXTick: ne.value,
|
|
@@ -4415,7 +4415,7 @@ const gr = {
|
|
|
4415
4415
|
showYTitle: Q.value,
|
|
4416
4416
|
yTitleFontSize: be.value,
|
|
4417
4417
|
yTickFontSize: E.value,
|
|
4418
|
-
isTransposed:
|
|
4418
|
+
isTransposed: le.value.config.isTransposed,
|
|
4419
4419
|
showLegend: ze.value,
|
|
4420
4420
|
legendPosition: Xe.value,
|
|
4421
4421
|
usePointStyle: Ne.value,
|
|
@@ -4429,15 +4429,15 @@ const gr = {
|
|
|
4429
4429
|
function dt() {
|
|
4430
4430
|
return {
|
|
4431
4431
|
data: m.value,
|
|
4432
|
-
filterText:
|
|
4433
|
-
rollupPosition:
|
|
4434
|
-
grandTotalLabel:
|
|
4432
|
+
filterText: Be.value,
|
|
4433
|
+
rollupPosition: le.value.config.rollupPosition,
|
|
4434
|
+
grandTotalLabel: le.value.config.grandTotalLabel,
|
|
4435
4435
|
rowHeight: Te.value,
|
|
4436
4436
|
colWidths: De.value
|
|
4437
4437
|
};
|
|
4438
4438
|
}
|
|
4439
4439
|
const et = v(() => {
|
|
4440
|
-
switch (
|
|
4440
|
+
switch (le.value.type) {
|
|
4441
4441
|
case se.Table:
|
|
4442
4442
|
return dt();
|
|
4443
4443
|
case se.BarChart:
|
|
@@ -4453,23 +4453,23 @@ const gr = {
|
|
|
4453
4453
|
}), ft = v(() => {
|
|
4454
4454
|
const { config: k } = t.value.widget;
|
|
4455
4455
|
if (k.rollup != null) {
|
|
4456
|
-
const Me = [...k.dimensions].filter((
|
|
4456
|
+
const Me = [...k.dimensions].filter((rt) => !rt.hide);
|
|
4457
4457
|
return Me.sort(
|
|
4458
|
-
(
|
|
4458
|
+
(rt, xt) => (k.rowIds || []).indexOf(gn(rt)) - (k.rowIds || []).indexOf(gn(xt))
|
|
4459
4459
|
), [
|
|
4460
|
-
{ label: _t(
|
|
4461
|
-
{ label: _t(
|
|
4462
|
-
...[...Me].slice(0, Me.length - 1).map((
|
|
4463
|
-
label: _t(
|
|
4460
|
+
{ label: _t(l, s, "None", "other"), value: "none" },
|
|
4461
|
+
{ label: _t(l, s, "Grand Total", "other"), value: 0 },
|
|
4462
|
+
...[...Me].slice(0, Me.length - 1).map((rt, xt) => ({
|
|
4463
|
+
label: _t(l, s, rt.label, "other"),
|
|
4464
4464
|
value: xt + 1
|
|
4465
4465
|
}))
|
|
4466
4466
|
];
|
|
4467
4467
|
}
|
|
4468
4468
|
return [];
|
|
4469
4469
|
}), ut = v(() => {
|
|
4470
|
-
const { config: k } =
|
|
4470
|
+
const { config: k } = le.value;
|
|
4471
4471
|
return k.isDrillable ? k.dimensions.map((Me) => ({
|
|
4472
|
-
label: _t(
|
|
4472
|
+
label: _t(l, s, Me.label, "other"),
|
|
4473
4473
|
value: gn(Me)
|
|
4474
4474
|
})) : [];
|
|
4475
4475
|
}), Ut = v(() => {
|
|
@@ -4481,14 +4481,14 @@ const gr = {
|
|
|
4481
4481
|
Re(
|
|
4482
4482
|
() => t.value.widget.config,
|
|
4483
4483
|
(k) => {
|
|
4484
|
-
T.value = k.rollup, b.value = k.showTitle ?? !0, f.value = k.titleFontSize ?? 14, g.value = k.titleBold ?? !1, w.value = k.titleItalic ?? !1, x.value = k.titleUnderline ?? !1, P.value = k.chartHeight ?? void 0, A.value = k.chartWidth ?? void 0, p.value = Array.isArray(k.chartColors) ? [...k.chartColors] : void 0,
|
|
4484
|
+
T.value = k.rollup, b.value = k.showTitle ?? !0, f.value = k.titleFontSize ?? 14, g.value = k.titleBold ?? !1, w.value = k.titleItalic ?? !1, x.value = k.titleUnderline ?? !1, P.value = k.chartHeight ?? void 0, A.value = k.chartWidth ?? void 0, p.value = Array.isArray(k.chartColors) ? [...k.chartColors] : void 0, V.value = Array.isArray(k.chartColorLayers) ? [...k.chartColorLayers] : void 0, X.value = Array.isArray(k.chartBreakdownColors) ? [...k.chartBreakdownColors] : void 0, G.value = k.chartUseSecondaryMetricShades ?? !0, oe.value = k.chartColorBinding, te.value = Array.isArray(k.lineStyles) ? [...k.lineStyles] : void 0, ue.value = k.lineStyleBinding, ie.value = k.showLabel ?? !1, D.value = k.labelAlign ?? kn.center, q.value = k.labelAnchor ?? _n.center, z.value = k.labelRotation ?? 0, N.value = k.labelOffset ?? 0, $.value = k.labelFontSize ?? 12, re.value = k.showX ?? !0, pe.value = k.xPosition ?? Tn.bottom, O.value = k.showXGrid ?? !1, ne.value = k.showXTick ?? !0, ee.value = k.xTickFontSize ?? 12, ye.value = k.showXTitle ?? !1, Ce.value = k.xTitle ?? "", ke.value = k.xTitleFontSize ?? 12, ce.value = k.showY ?? !0, We.value = k.yPosition ?? Ln.left, Pe.value = k.showYGrid ?? !0, u.value = k.showYTick ?? !0, E.value = k.yTickFontSize ?? 12, Q.value = k.showYTitle ?? !1, Z.value = k.yTitle ?? "", be.value = k.yTitleFontSize ?? 12, ze.value = k.showLegend ?? void 0, Xe.value = k.legendPosition ?? Dn.top, Ne.value = k.usePointStyle ?? !0, je.value = k.legendFontSize, Fe.value = k.legendColor ?? "#6b6b6b", de.value = k.legendMaxWidth, W.value = k.maxTooltipItems, Se.value = k.stackBarOverlap ?? !1, Te.value = k.rowHeight ?? 0, De.value = k.colWidths ?? [], C.value = Xt();
|
|
4485
4485
|
},
|
|
4486
4486
|
{ deep: !0 }
|
|
4487
4487
|
), Re([() => T.value], () => {
|
|
4488
4488
|
T.value !== null && (t.value.widget.config.rollup = T.value);
|
|
4489
4489
|
}), Re(
|
|
4490
4490
|
[
|
|
4491
|
-
() =>
|
|
4491
|
+
() => le.value,
|
|
4492
4492
|
() => U.value,
|
|
4493
4493
|
() => ae.value,
|
|
4494
4494
|
() => K.value,
|
|
@@ -4511,11 +4511,11 @@ const gr = {
|
|
|
4511
4511
|
}), ha(() => {
|
|
4512
4512
|
Ie.value.sm || Ie.value.md || Ie.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", o)) : removeEventListener("resize", o);
|
|
4513
4513
|
});
|
|
4514
|
-
const Kt =
|
|
4514
|
+
const Kt = Vn();
|
|
4515
4515
|
let an;
|
|
4516
4516
|
async function Wn() {
|
|
4517
4517
|
if (!h.isStyleEditing) {
|
|
4518
|
-
if (
|
|
4518
|
+
if (le.value.config.schemaNames.length <= 0 && !(le.value.config.dimensions.length <= 0 || le.value.config.metrics.length <= 0)) {
|
|
4519
4519
|
Kt.open({
|
|
4520
4520
|
message: "schema must not be empty and dimension or metrics must have at least 1 column",
|
|
4521
4521
|
type: "info"
|
|
@@ -4524,14 +4524,14 @@ const gr = {
|
|
|
4524
4524
|
}
|
|
4525
4525
|
try {
|
|
4526
4526
|
n.value = !0, an && an.abort(), an = new AbortController();
|
|
4527
|
-
const k = an.signal, Me = xe.value,
|
|
4528
|
-
xe.value === Me && (m.value =
|
|
4527
|
+
const k = an.signal, Me = xe.value, rt = await Cn(pa, 500)(le.value, k, t.value.id);
|
|
4528
|
+
xe.value === Me && (m.value = rt, C.value = Xt(), setTimeout(() => H(), 100)), n.value = !1;
|
|
4529
4529
|
} catch (k) {
|
|
4530
|
-
k.code !== "ERR_CANCELED" && (m.value = null, Kt.open({ message: `Invalid chart ${
|
|
4530
|
+
k.code !== "ERR_CANCELED" && (m.value = null, Kt.open({ message: `Invalid chart ${le.value.type}`, type: "error" }), console.log(k), n.value = !1);
|
|
4531
4531
|
}
|
|
4532
4532
|
}
|
|
4533
4533
|
}
|
|
4534
|
-
function
|
|
4534
|
+
function Va(k) {
|
|
4535
4535
|
switch (t.value.widget.type) {
|
|
4536
4536
|
case "SPACER":
|
|
4537
4537
|
return;
|
|
@@ -4563,23 +4563,23 @@ const gr = {
|
|
|
4563
4563
|
locationIds: S.value
|
|
4564
4564
|
}) : k === Ft.PDF && (On.value = k, En.value = h.index, He.value = !0);
|
|
4565
4565
|
}
|
|
4566
|
-
})), Pa =
|
|
4566
|
+
})), Pa = le.value.type === se.Spacer ? "flat" : "outlined", za = le.value.type === se.Spacer ? "p-0" : "p-16";
|
|
4567
4567
|
return (k, Me) => {
|
|
4568
|
-
const
|
|
4568
|
+
const rt = ve("FmTooltip"), xt = ve("FmSearch"), pn = ve("FmCheckbox"), It = ve("FmButton"), Na = ve("FmSelect"), Ha = ve("FmMenuItem"), Wa = ve("FmMenu"), Oa = ve("FmForm"), Ea = ve("FmCircularProgress"), Ua = ve("FmCard");
|
|
4569
4569
|
return Y(), we(Ua, {
|
|
4570
4570
|
ref_key: "tileCard",
|
|
4571
4571
|
ref: c,
|
|
4572
|
-
class: Ye(`${mn.value} ${
|
|
4573
|
-
variant:
|
|
4572
|
+
class: Ye(`${mn.value} ${r(za)}`),
|
|
4573
|
+
variant: r(Pa)
|
|
4574
4574
|
}, {
|
|
4575
4575
|
default: $e(() => [
|
|
4576
|
-
fe(
|
|
4576
|
+
fe(pl, {
|
|
4577
4577
|
modelValue: He.value,
|
|
4578
4578
|
"onUpdate:modelValue": Me[0] || (Me[0] = (Mt) => He.value = Mt),
|
|
4579
4579
|
"report-type": On.value,
|
|
4580
4580
|
index: En.value
|
|
4581
4581
|
}, null, 8, ["modelValue", "report-type", "index"]),
|
|
4582
|
-
!n.value && !
|
|
4582
|
+
!n.value && !r(j) ? (Y(), ge("div", {
|
|
4583
4583
|
key: 0,
|
|
4584
4584
|
style: Ze({ height: Oe.value })
|
|
4585
4585
|
}, [
|
|
@@ -4594,12 +4594,12 @@ const gr = {
|
|
|
4594
4594
|
default: $e(() => {
|
|
4595
4595
|
var Mt, Un, Kn, qn;
|
|
4596
4596
|
return [
|
|
4597
|
-
fe(
|
|
4597
|
+
fe(rt, {
|
|
4598
4598
|
variant: "plain",
|
|
4599
4599
|
placement: "right",
|
|
4600
|
-
content:
|
|
4600
|
+
content: le.value.description,
|
|
4601
4601
|
"hide-arrow": !0,
|
|
4602
|
-
disabled: !
|
|
4602
|
+
disabled: !le.value.description,
|
|
4603
4603
|
"z-index": 99
|
|
4604
4604
|
}, {
|
|
4605
4605
|
default: $e(() => [
|
|
@@ -4613,18 +4613,18 @@ const gr = {
|
|
|
4613
4613
|
}),
|
|
4614
4614
|
class: Ye(["text-fm-color-typo-secondary line-clamp-1", [
|
|
4615
4615
|
f.value <= 18 ? "fm-typo-en-body-md-400" : "",
|
|
4616
|
-
|
|
4616
|
+
le.value.description ? "border-b-2 border-dashed border-gray-300" : ""
|
|
4617
4617
|
]])
|
|
4618
|
-
}, Ge(
|
|
4618
|
+
}, Ge(r(_t)(r(l), r(s), le.value.title, "other")), 7)) : Le("", !0)
|
|
4619
4619
|
]),
|
|
4620
4620
|
_: 1
|
|
4621
4621
|
}, 8, ["content", "disabled"]),
|
|
4622
4622
|
(Mt = Dt.value) != null && Mt.showSearchBar ? (Y(), we(xt, {
|
|
4623
4623
|
key: 0,
|
|
4624
|
-
modelValue:
|
|
4625
|
-
"onUpdate:modelValue": Me[1] || (Me[1] = (ht) =>
|
|
4624
|
+
modelValue: Be.value,
|
|
4625
|
+
"onUpdate:modelValue": Me[1] || (Me[1] = (ht) => Be.value = ht),
|
|
4626
4626
|
class: "grow"
|
|
4627
|
-
}, null, 8, ["modelValue"])) : (Y(), ge("div",
|
|
4627
|
+
}, null, 8, ["modelValue"])) : (Y(), ge("div", gl)),
|
|
4628
4628
|
Ga(fe(pn, {
|
|
4629
4629
|
modelValue: ie.value,
|
|
4630
4630
|
"onUpdate:modelValue": Me[2] || (Me[2] = (ht) => ie.value = ht),
|
|
@@ -4633,7 +4633,7 @@ const gr = {
|
|
|
4633
4633
|
}, null, 8, ["modelValue"]), [
|
|
4634
4634
|
[ja, (Un = Dt.value) == null ? void 0 : Un.showLabel]
|
|
4635
4635
|
]),
|
|
4636
|
-
(Kn = Dt.value) != null && Kn.showDrillDimension && ut.value.length > 0 ? (Y(), ge("div",
|
|
4636
|
+
(Kn = Dt.value) != null && Kn.showDrillDimension && ut.value.length > 0 ? (Y(), ge("div", yl, [
|
|
4637
4637
|
fe(It, {
|
|
4638
4638
|
icon: "arrow_upward",
|
|
4639
4639
|
variant: "tertiary",
|
|
@@ -4648,7 +4648,7 @@ const gr = {
|
|
|
4648
4648
|
}, null, 8, ["disabled"])
|
|
4649
4649
|
])) : Le("", !0),
|
|
4650
4650
|
(qn = Dt.value) != null && qn.showRollup && ft.value.length > 0 ? (Y(), we(Na, {
|
|
4651
|
-
key: `rollup-${
|
|
4651
|
+
key: `rollup-${r(i)}`,
|
|
4652
4652
|
modelValue: T.value,
|
|
4653
4653
|
"onUpdate:modelValue": Me[3] || (Me[3] = (ht) => T.value = ht),
|
|
4654
4654
|
class: "w-[150px]",
|
|
@@ -4665,7 +4665,7 @@ const gr = {
|
|
|
4665
4665
|
})
|
|
4666
4666
|
]),
|
|
4667
4667
|
default: $e(() => [
|
|
4668
|
-
(Y(!0), ge(Qe, null, Lt(
|
|
4668
|
+
(Y(!0), ge(Qe, null, Lt(r(Ra), (ht) => (Y(), we(Ha, {
|
|
4669
4669
|
key: ht.value,
|
|
4670
4670
|
label: ht.label,
|
|
4671
4671
|
onClick: ht.onClick
|
|
@@ -4688,7 +4688,7 @@ const gr = {
|
|
|
4688
4688
|
}
|
|
4689
4689
|
});
|
|
4690
4690
|
var kt = /* @__PURE__ */ ((e) => (e.Select = "Select", e.TextField = "TextField", e.Timestamp = "Timestamp", e))(kt || {});
|
|
4691
|
-
function
|
|
4691
|
+
function bl(e) {
|
|
4692
4692
|
let n = !1, t = 1;
|
|
4693
4693
|
switch (e) {
|
|
4694
4694
|
case st.Equal:
|
|
@@ -4712,18 +4712,18 @@ function br(e) {
|
|
|
4712
4712
|
count: t
|
|
4713
4713
|
};
|
|
4714
4714
|
}
|
|
4715
|
-
function
|
|
4715
|
+
function jl({
|
|
4716
4716
|
operator: e,
|
|
4717
4717
|
dimensionOption: n,
|
|
4718
4718
|
dataType: t,
|
|
4719
4719
|
t: a
|
|
4720
4720
|
}) {
|
|
4721
|
-
const { fixed:
|
|
4721
|
+
const { fixed: l, count: s } = bl(e);
|
|
4722
4722
|
switch (t) {
|
|
4723
4723
|
case mt.String:
|
|
4724
4724
|
return {
|
|
4725
4725
|
type: "TextField",
|
|
4726
|
-
fixed:
|
|
4726
|
+
fixed: l,
|
|
4727
4727
|
count: s,
|
|
4728
4728
|
dataType: void 0,
|
|
4729
4729
|
default: ""
|
|
@@ -4731,7 +4731,7 @@ function jr({
|
|
|
4731
4731
|
case mt.Numeric:
|
|
4732
4732
|
return {
|
|
4733
4733
|
type: "TextField",
|
|
4734
|
-
fixed:
|
|
4734
|
+
fixed: l,
|
|
4735
4735
|
count: s,
|
|
4736
4736
|
dataType: "number",
|
|
4737
4737
|
default: 0
|
|
@@ -4739,7 +4739,7 @@ function jr({
|
|
|
4739
4739
|
case mt.Bool:
|
|
4740
4740
|
return {
|
|
4741
4741
|
type: "Select",
|
|
4742
|
-
fixed:
|
|
4742
|
+
fixed: l,
|
|
4743
4743
|
count: s,
|
|
4744
4744
|
options: [
|
|
4745
4745
|
{ label: a("report.common.yes"), value: !0 },
|
|
@@ -4748,22 +4748,22 @@ function jr({
|
|
|
4748
4748
|
default: !0
|
|
4749
4749
|
};
|
|
4750
4750
|
case mt.Timestamp:
|
|
4751
|
-
return
|
|
4751
|
+
return Ba({
|
|
4752
4752
|
dimensionOption: n,
|
|
4753
|
-
fixed:
|
|
4753
|
+
fixed: l,
|
|
4754
4754
|
count: s,
|
|
4755
4755
|
t: a
|
|
4756
4756
|
});
|
|
4757
4757
|
}
|
|
4758
4758
|
return {
|
|
4759
4759
|
type: "TextField",
|
|
4760
|
-
fixed:
|
|
4760
|
+
fixed: l,
|
|
4761
4761
|
count: s,
|
|
4762
4762
|
dataType: void 0,
|
|
4763
4763
|
default: ""
|
|
4764
4764
|
};
|
|
4765
4765
|
}
|
|
4766
|
-
function
|
|
4766
|
+
function Jl(e) {
|
|
4767
4767
|
switch (e) {
|
|
4768
4768
|
case Je.HourOfDay:
|
|
4769
4769
|
return 0;
|
|
@@ -4773,7 +4773,7 @@ function Jr(e) {
|
|
|
4773
4773
|
return;
|
|
4774
4774
|
}
|
|
4775
4775
|
}
|
|
4776
|
-
function
|
|
4776
|
+
function Zl(e) {
|
|
4777
4777
|
switch (e) {
|
|
4778
4778
|
case Je.HourOfDay:
|
|
4779
4779
|
return 23;
|
|
@@ -4783,7 +4783,7 @@ function Zr(e) {
|
|
|
4783
4783
|
return;
|
|
4784
4784
|
}
|
|
4785
4785
|
}
|
|
4786
|
-
function
|
|
4786
|
+
function Ba({
|
|
4787
4787
|
dimensionOption: e,
|
|
4788
4788
|
fixed: n,
|
|
4789
4789
|
count: t,
|
|
@@ -4795,7 +4795,7 @@ function Va({
|
|
|
4795
4795
|
type: kt.Select,
|
|
4796
4796
|
fixed: n,
|
|
4797
4797
|
count: t,
|
|
4798
|
-
options: Array.from({ length: 24 }, (
|
|
4798
|
+
options: Array.from({ length: 24 }, (l, s) => ({
|
|
4799
4799
|
label: s.toString().padStart(2, "0"),
|
|
4800
4800
|
value: s.toString()
|
|
4801
4801
|
})),
|
|
@@ -4822,7 +4822,7 @@ function Va({
|
|
|
4822
4822
|
type: kt.Select,
|
|
4823
4823
|
fixed: n,
|
|
4824
4824
|
count: t,
|
|
4825
|
-
options: Array.from({ length: 31 }, (
|
|
4825
|
+
options: Array.from({ length: 31 }, (l, s) => ({
|
|
4826
4826
|
label: (s + 1).toString(),
|
|
4827
4827
|
value: (s + 1).toString()
|
|
4828
4828
|
})),
|
|
@@ -4862,7 +4862,7 @@ function ua({
|
|
|
4862
4862
|
dimensionOption: e,
|
|
4863
4863
|
t: n
|
|
4864
4864
|
}) {
|
|
4865
|
-
const t =
|
|
4865
|
+
const t = Ba({
|
|
4866
4866
|
dimensionOption: e,
|
|
4867
4867
|
fixed: !1,
|
|
4868
4868
|
count: 1,
|
|
@@ -4870,7 +4870,7 @@ function ua({
|
|
|
4870
4870
|
});
|
|
4871
4871
|
return t.type !== kt.Select ? [] : [{ label: n("report.input.unknown"), value: "" }, ...t.options];
|
|
4872
4872
|
}
|
|
4873
|
-
const
|
|
4873
|
+
const Cl = "mf-reportglobalFilter";
|
|
4874
4874
|
function ca(e, n) {
|
|
4875
4875
|
var t;
|
|
4876
4876
|
return [
|
|
@@ -4883,7 +4883,7 @@ function ca(e, n) {
|
|
|
4883
4883
|
((t = e.tileIds) == null ? void 0 : t.join(",")) ?? ""
|
|
4884
4884
|
].join("|");
|
|
4885
4885
|
}
|
|
4886
|
-
const
|
|
4886
|
+
const wl = va(Cl, () => {
|
|
4887
4887
|
const e = L({}), n = L(!1), t = L(null), a = () => ({
|
|
4888
4888
|
search: "",
|
|
4889
4889
|
selectedValues: [],
|
|
@@ -4891,21 +4891,21 @@ const wr = va(Cr, () => {
|
|
|
4891
4891
|
showAdvanced: !1,
|
|
4892
4892
|
visibleCount: 50
|
|
4893
4893
|
});
|
|
4894
|
-
function
|
|
4894
|
+
function l(T, C) {
|
|
4895
4895
|
const d = ca(T, C);
|
|
4896
4896
|
return e.value[d] || (e.value[d] = a()), e.value[d];
|
|
4897
4897
|
}
|
|
4898
4898
|
const s = v(() => e.value), i = (T) => t.value === T;
|
|
4899
4899
|
function h(T, C, d, F) {
|
|
4900
|
-
|
|
4900
|
+
l(T, C)[d] = F;
|
|
4901
4901
|
}
|
|
4902
4902
|
function c(T, C, d = 50) {
|
|
4903
|
-
|
|
4903
|
+
l(T, C).visibleCount += d;
|
|
4904
4904
|
}
|
|
4905
4905
|
function _(T) {
|
|
4906
4906
|
n.value = T;
|
|
4907
4907
|
}
|
|
4908
|
-
function
|
|
4908
|
+
function B(T) {
|
|
4909
4909
|
t.value = T;
|
|
4910
4910
|
}
|
|
4911
4911
|
function H() {
|
|
@@ -4915,23 +4915,23 @@ const wr = va(Cr, () => {
|
|
|
4915
4915
|
allStates: s,
|
|
4916
4916
|
includeUnavailable: n,
|
|
4917
4917
|
openMenuKey: t,
|
|
4918
|
-
getGlobalFilter:
|
|
4918
|
+
getGlobalFilter: l,
|
|
4919
4919
|
isMenuOpen: i,
|
|
4920
4920
|
setGlobalFilter: h,
|
|
4921
4921
|
showMore: c,
|
|
4922
4922
|
setIncludeUnavailable: _,
|
|
4923
|
-
openMenu:
|
|
4923
|
+
openMenu: B,
|
|
4924
4924
|
closeMenu: H,
|
|
4925
4925
|
getKey: ca
|
|
4926
4926
|
};
|
|
4927
|
-
}),
|
|
4927
|
+
}), xl = { class: "flex flex-row flex-wrap gap-2" }, Sl = { class: "inline-flex max-w-[460px]" }, _l = {
|
|
4928
4928
|
key: 0,
|
|
4929
4929
|
class: "flex justify-center my-2"
|
|
4930
|
-
},
|
|
4930
|
+
}, kl = { class: "px-2 pb-8" }, Tl = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, Ll = { class: "px-2 pb-8" }, Dl = { class: "flex items-start w-full" }, Il = ["onClick"], Ml = { class: "fm-typo-en-body-md-400" }, Fl = { key: 0 }, Bl = { class: "px-12 py-3" }, Vl = { class: "flex items-center justify-between" }, Al = { class: "text-xs max-w-[200px]" }, $l = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Yt = "(EMPTY)", Ql = /* @__PURE__ */ at({
|
|
4931
4931
|
__name: "FilterSelector",
|
|
4932
4932
|
setup(e) {
|
|
4933
|
-
const { t: n, locale: t } = wt(), { currentReport: a, editingTile:
|
|
4934
|
-
let { globalFilters: s, isGlobalFiltersLoading: i, timeRange: h, dateRange: c, selectedLocationIds: _, timezone:
|
|
4933
|
+
const { t: n, locale: t } = wt(), { currentReport: a, editingTile: l } = vt(eo());
|
|
4934
|
+
let { globalFilters: s, isGlobalFiltersLoading: i, timeRange: h, dateRange: c, selectedLocationIds: _, timezone: B } = vt(Gt()), { schemas: H } = vt(to()), { showMore: T, getGlobalFilter: C, setGlobalFilter: d, setIncludeUnavailable: F, getKey: M, isMenuOpen: I } = wl();
|
|
4935
4935
|
const b = v(() => n("report.input.unknown"));
|
|
4936
4936
|
let f = null;
|
|
4937
4937
|
const g = L(!1), w = v(() => {
|
|
@@ -4948,7 +4948,7 @@ const wr = va(Cr, () => {
|
|
|
4948
4948
|
function p(u) {
|
|
4949
4949
|
u.options = [], u.selectedValues = [], u.filter.values = [], d(u.filter, w.value, "selectedValues", []);
|
|
4950
4950
|
}
|
|
4951
|
-
function
|
|
4951
|
+
function V(u) {
|
|
4952
4952
|
const Q = C(u.filter, w.value).selectedValues;
|
|
4953
4953
|
u.selectedValues = u.keepSelection ? Q : u.options.map((Z) => Z.value), u.filter.values = [...u.selectedValues], d(u.filter, w.value, "selectedValues", u.selectedValues);
|
|
4954
4954
|
}
|
|
@@ -4981,7 +4981,7 @@ const wr = va(Cr, () => {
|
|
|
4981
4981
|
},
|
|
4982
4982
|
{ deep: !0, immediate: !0 }
|
|
4983
4983
|
), Re(
|
|
4984
|
-
[() =>
|
|
4984
|
+
[() => l.value],
|
|
4985
4985
|
async () => {
|
|
4986
4986
|
x.value.forEach((u) => {
|
|
4987
4987
|
u.options = [];
|
|
@@ -5001,16 +5001,16 @@ const wr = va(Cr, () => {
|
|
|
5001
5001
|
}
|
|
5002
5002
|
function G(u) {
|
|
5003
5003
|
var Ne, je;
|
|
5004
|
-
if (!a.value && !
|
|
5004
|
+
if (!a.value && !l.value) return [];
|
|
5005
5005
|
if (!((Ne = u.tileIds) != null && Ne.length)) return [];
|
|
5006
|
-
const E =
|
|
5006
|
+
const E = l.value ? [l.value] : [...((je = a.value) == null ? void 0 : je.tiles) ?? []], { name: Q = "", schemaName: Z = "" } = u, be = E.filter((Fe) => {
|
|
5007
5007
|
var De, He;
|
|
5008
5008
|
const de = (De = Fe == null ? void 0 : Fe.widget) == null ? void 0 : De.config;
|
|
5009
5009
|
if (!de || (He = u.tileIds) != null && He.length && !u.tileIds.includes(Fe.id)) return !1;
|
|
5010
5010
|
const W = (de.dimensions ?? []).some(
|
|
5011
|
-
(
|
|
5011
|
+
(Be) => Be.schemaName === Z && Be.name === Q
|
|
5012
5012
|
), Se = (de.joinDatasources ?? []).some(
|
|
5013
|
-
(
|
|
5013
|
+
(Be) => (Be.dimensions ?? []).some((Ie) => Ie.schemaName === Z && Ie.name === Q)
|
|
5014
5014
|
), Te = (de.schemaNames ?? []).includes(Z);
|
|
5015
5015
|
return W || Se || Te;
|
|
5016
5016
|
});
|
|
@@ -5036,8 +5036,8 @@ const wr = va(Cr, () => {
|
|
|
5036
5036
|
};
|
|
5037
5037
|
};
|
|
5038
5038
|
return be.map((Fe) => {
|
|
5039
|
-
var
|
|
5040
|
-
const de = (
|
|
5039
|
+
var Be, Ie;
|
|
5040
|
+
const de = (Be = Fe == null ? void 0 : Fe.widget) == null ? void 0 : Be.config;
|
|
5041
5041
|
if (!de) return null;
|
|
5042
5042
|
const W = Xe(de), Se = (de.dimensions ?? []).some((Ee) => Ee.schemaName === Z) || (de.schemaNames ?? []).includes(Z), Te = ze(
|
|
5043
5043
|
de.filters ?? [],
|
|
@@ -5145,7 +5145,7 @@ const wr = va(Cr, () => {
|
|
|
5145
5145
|
}
|
|
5146
5146
|
if (!(!u.type && (u.type = X(u.filter), !u.type))) {
|
|
5147
5147
|
if (D(u.filter)) {
|
|
5148
|
-
u.options = N(u.filter),
|
|
5148
|
+
u.options = N(u.filter), V(u);
|
|
5149
5149
|
return;
|
|
5150
5150
|
}
|
|
5151
5151
|
switch (u.type) {
|
|
@@ -5169,7 +5169,7 @@ const wr = va(Cr, () => {
|
|
|
5169
5169
|
label: String(de).trim() === "" ? b.value : String(de),
|
|
5170
5170
|
value: de,
|
|
5171
5171
|
available: u.keepSelection ? je.has(de) : Fe.has(de)
|
|
5172
|
-
})),
|
|
5172
|
+
})), V(u);
|
|
5173
5173
|
} catch (Z) {
|
|
5174
5174
|
if ((Z == null ? void 0 : Z.code) === "ERR_CANCELED" || (Z == null ? void 0 : Z.name) === "CanceledError")
|
|
5175
5175
|
return;
|
|
@@ -5180,7 +5180,7 @@ const wr = va(Cr, () => {
|
|
|
5180
5180
|
u.options = [
|
|
5181
5181
|
{ label: n("report.common.yes"), value: !0 },
|
|
5182
5182
|
{ label: n("report.common.no"), value: !1 }
|
|
5183
|
-
],
|
|
5183
|
+
], V(u);
|
|
5184
5184
|
break;
|
|
5185
5185
|
}
|
|
5186
5186
|
case mt.Timestamp:
|
|
@@ -5188,7 +5188,7 @@ const wr = va(Cr, () => {
|
|
|
5188
5188
|
const Z = u.filter.option;
|
|
5189
5189
|
u.options = ua({ dimensionOption: Z, t: n }), u.filter.values = u.options.length ? u.options.map((be) => be.value) : ["NULL"];
|
|
5190
5190
|
}
|
|
5191
|
-
|
|
5191
|
+
V(u);
|
|
5192
5192
|
break;
|
|
5193
5193
|
case mt.Numeric:
|
|
5194
5194
|
break;
|
|
@@ -5208,7 +5208,7 @@ const wr = va(Cr, () => {
|
|
|
5208
5208
|
f === E && (u || (i.value = !1), g.value = !1);
|
|
5209
5209
|
}
|
|
5210
5210
|
}
|
|
5211
|
-
function
|
|
5211
|
+
function re(u, E) {
|
|
5212
5212
|
var Z;
|
|
5213
5213
|
if ((Z = u.selectedValues) == null ? void 0 : Z.includes(E)) {
|
|
5214
5214
|
const be = (u.selectedValues || []).filter(
|
|
@@ -5223,7 +5223,7 @@ const wr = va(Cr, () => {
|
|
|
5223
5223
|
if (E === null)
|
|
5224
5224
|
u.values = [];
|
|
5225
5225
|
else {
|
|
5226
|
-
const Z =
|
|
5226
|
+
const Z = Bt(E.startDate).tz(B.value).startOf("day").utc().toISOString(), be = Bt(E.endDate).tz(B.value).endOf("day").utc().toISOString();
|
|
5227
5227
|
u.values = [Z, be];
|
|
5228
5228
|
}
|
|
5229
5229
|
const Q = x.value.find((Z) => Z.filter === u);
|
|
@@ -5246,10 +5246,10 @@ const wr = va(Cr, () => {
|
|
|
5246
5246
|
startDate: ((Ne = u.filter.values) == null ? void 0 : Ne[0]) || null,
|
|
5247
5247
|
endDate: ((je = u.filter.values) == null ? void 0 : je[1]) || null,
|
|
5248
5248
|
locale: t.value,
|
|
5249
|
-
timezone:
|
|
5249
|
+
timezone: B.value
|
|
5250
5250
|
})}` : E, suffix: "" };
|
|
5251
5251
|
if (u.filter.option === Je.TimeOfDay) {
|
|
5252
|
-
const Se = (Fe = u.filter.values) != null && Fe[0] ?
|
|
5252
|
+
const Se = (Fe = u.filter.values) != null && Fe[0] ? Bt(u.filter.values[0]).tz(B.value) : null, Te = (de = u.filter.values) != null && de[1] ? Bt(u.filter.values[1]).tz(B.value) : null, De = (Be) => Be && Be.isValid() ? { hour: Be.hour(), minute: Be.minute() } : null;
|
|
5253
5253
|
return { preview: W ? `${E} is between ${fo({
|
|
5254
5254
|
startTime: De(Se),
|
|
5255
5255
|
endTime: De(Te),
|
|
@@ -5260,9 +5260,9 @@ const wr = va(Cr, () => {
|
|
|
5260
5260
|
const Se = ua({
|
|
5261
5261
|
dimensionOption: u.filter.option,
|
|
5262
5262
|
t: n
|
|
5263
|
-
}), Te = new Map(Se.map((Ie) => [String(Ie.value), Ie.label])), He = A(u.selectedValues || []).map((Ie) => Te.get(String(Ie)) ?? String(Ie)),
|
|
5263
|
+
}), Te = new Map(Se.map((Ie) => [String(Ie.value), Ie.label])), He = A(u.selectedValues || []).map((Ie) => Te.get(String(Ie)) ?? String(Ie)), Be = He.map((Ie) => Ie.length > 20 ? `${Ie.slice(0, 20)}…` : Ie).join(", ");
|
|
5264
5264
|
return He.length ? {
|
|
5265
|
-
preview: `${E}: ${
|
|
5265
|
+
preview: `${E}: ${Be}`,
|
|
5266
5266
|
suffix: `(${He.length} selected)`
|
|
5267
5267
|
} : { preview: E, suffix: Q };
|
|
5268
5268
|
}
|
|
@@ -5293,7 +5293,7 @@ const wr = va(Cr, () => {
|
|
|
5293
5293
|
if (E === null)
|
|
5294
5294
|
u.values = [];
|
|
5295
5295
|
else {
|
|
5296
|
-
const Ne =
|
|
5296
|
+
const Ne = Bt().tz(B.value).set("hour", Number((Z = E.start) == null ? void 0 : Z.hour)).set("minute", Number((be = E.start) == null ? void 0 : be.minute)).toISOString(), je = Bt().tz(B.value).set("hour", Number((ze = E.end) == null ? void 0 : ze.hour)).set("minute", Number((Xe = E.end) == null ? void 0 : Xe.minute)).toISOString();
|
|
5297
5297
|
u.values = [Ne, je];
|
|
5298
5298
|
}
|
|
5299
5299
|
const Q = x.value.find((Ne) => Ne.filter === u);
|
|
@@ -5301,13 +5301,13 @@ const wr = va(Cr, () => {
|
|
|
5301
5301
|
}
|
|
5302
5302
|
return (u, E) => {
|
|
5303
5303
|
const Q = ve("FmCircularProgress"), Z = ve("FmTextField"), be = ve("FmMenuItem"), ze = ve("FmTooltip"), Xe = ve("FmIcon"), Ne = ve("FmMenuDivider"), je = ve("FmSwitch"), Fe = ve("FmButton"), de = ve("FmMenu");
|
|
5304
|
-
return Y(), ge("div",
|
|
5304
|
+
return Y(), ge("div", xl, [
|
|
5305
5305
|
(Y(!0), ge(Qe, null, Lt(x.value, (W, Se) => {
|
|
5306
|
-
var Te, De, He,
|
|
5306
|
+
var Te, De, He, Be, Ie, Ee;
|
|
5307
5307
|
return Y(), ge("div", {
|
|
5308
5308
|
key: W.id
|
|
5309
5309
|
}, [
|
|
5310
|
-
W.filter.option ===
|
|
5310
|
+
W.filter.option === r(Je).DateTime && !D(W.filter) ? (Y(), we(io, {
|
|
5311
5311
|
key: 0,
|
|
5312
5312
|
"model-value": { startDate: (Te = W.filter.values) == null ? void 0 : Te[0], endDate: (De = W.filter.values) == null ? void 0 : De[1] },
|
|
5313
5313
|
class: "w-full",
|
|
@@ -5315,9 +5315,9 @@ const wr = va(Cr, () => {
|
|
|
5315
5315
|
removable: ((He = W.filter.values) == null ? void 0 : He.length) === 2,
|
|
5316
5316
|
onUpdate: (Oe) => pe(W.filter, Oe),
|
|
5317
5317
|
onChipClosed: () => pe(W.filter, null)
|
|
5318
|
-
}, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : W.filter.option ===
|
|
5318
|
+
}, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : W.filter.option === r(Je).TimeOfDay && !D(W.filter) ? (Y(), we(no, {
|
|
5319
5319
|
key: 1,
|
|
5320
|
-
"model-value": { start: (
|
|
5320
|
+
"model-value": { start: (Be = W.filter.values) == null ? void 0 : Be[0], end: (Ie = W.filter.values) == null ? void 0 : Ie[1] },
|
|
5321
5321
|
class: "w-full",
|
|
5322
5322
|
label: ee(W).preview,
|
|
5323
5323
|
removable: ((Ee = W.filter.values) == null ? void 0 : Ee.length) === 2,
|
|
@@ -5327,10 +5327,10 @@ const wr = va(Cr, () => {
|
|
|
5327
5327
|
key: 2,
|
|
5328
5328
|
"close-on-click": !1,
|
|
5329
5329
|
shift: !0,
|
|
5330
|
-
open:
|
|
5330
|
+
open: r(I)(W.id)
|
|
5331
5331
|
}, {
|
|
5332
5332
|
"menu-button": $e(() => [
|
|
5333
|
-
J("div",
|
|
5333
|
+
J("div", Sl, [
|
|
5334
5334
|
fe(uo, {
|
|
5335
5335
|
"left-icon": "filter_alt",
|
|
5336
5336
|
"trailing-icon": "expand_more",
|
|
@@ -5349,15 +5349,15 @@ const wr = va(Cr, () => {
|
|
|
5349
5349
|
class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
|
|
5350
5350
|
style: Ze({ maxHeight: `${Oe}px`, width: Ue })
|
|
5351
5351
|
}, [
|
|
5352
|
-
g.value ? (Y(), ge("div",
|
|
5352
|
+
g.value ? (Y(), ge("div", _l, [
|
|
5353
5353
|
fe(Q)
|
|
5354
|
-
])) : W.options.length > 0 && !
|
|
5355
|
-
J("div",
|
|
5354
|
+
])) : W.options.length > 0 && !r(i) ? (Y(), ge(Qe, { key: 1 }, [
|
|
5355
|
+
J("div", kl, [
|
|
5356
5356
|
fe(Z, {
|
|
5357
5357
|
modelValue: W.search,
|
|
5358
5358
|
"onUpdate:modelValue": [
|
|
5359
|
-
(
|
|
5360
|
-
(
|
|
5359
|
+
(Ve) => W.search = Ve,
|
|
5360
|
+
(Ve) => r(d)(W.filter, w.value, "search", Ve)
|
|
5361
5361
|
],
|
|
5362
5362
|
type: "text",
|
|
5363
5363
|
"prepend-icon": "search",
|
|
@@ -5365,78 +5365,78 @@ const wr = va(Cr, () => {
|
|
|
5365
5365
|
class: "border px-2 pb-8 text-sm mb-1 rounded"
|
|
5366
5366
|
}, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
|
|
5367
5367
|
]),
|
|
5368
|
-
J("div",
|
|
5369
|
-
J("div",
|
|
5368
|
+
J("div", Tl, [
|
|
5369
|
+
J("div", Ll, [
|
|
5370
5370
|
fe(be, {
|
|
5371
5371
|
label: O(W),
|
|
5372
5372
|
"has-checkbox": !0,
|
|
5373
5373
|
"model-value": oe(W),
|
|
5374
5374
|
indeterminate: !0,
|
|
5375
|
-
onClick: (
|
|
5375
|
+
onClick: (Ve) => te(W)
|
|
5376
5376
|
}, null, 8, ["label", "model-value", "onClick"]),
|
|
5377
|
-
(Y(!0), ge(Qe, null, Lt(ue.value[Se], (
|
|
5378
|
-
key:
|
|
5377
|
+
(Y(!0), ge(Qe, null, Lt(ue.value[Se], (Ve) => (Y(), ge(Qe, {
|
|
5378
|
+
key: Ve.value
|
|
5379
5379
|
}, [
|
|
5380
|
-
|
|
5380
|
+
Ve.label && Ve.label.length > 110 ? (Y(), we(ze, {
|
|
5381
5381
|
key: 0,
|
|
5382
5382
|
placement: "right",
|
|
5383
5383
|
"hide-arrow": !0,
|
|
5384
5384
|
"z-index": 2e3
|
|
5385
5385
|
}, {
|
|
5386
5386
|
content: $e(() => [
|
|
5387
|
-
bn(Ge(
|
|
5387
|
+
bn(Ge(Ve.label), 1)
|
|
5388
5388
|
]),
|
|
5389
5389
|
default: $e(() => [
|
|
5390
|
-
J("div",
|
|
5390
|
+
J("div", Dl, [
|
|
5391
5391
|
fe(be, {
|
|
5392
|
-
label: We(
|
|
5392
|
+
label: We(Ve.label, 110),
|
|
5393
5393
|
"has-checkbox": !0,
|
|
5394
|
-
"model-value": W.selectedValues.includes(
|
|
5394
|
+
"model-value": W.selectedValues.includes(Ve.value),
|
|
5395
5395
|
class: Ye([
|
|
5396
5396
|
"flex-1 text-left",
|
|
5397
|
-
{ "bg-gray-200":
|
|
5397
|
+
{ "bg-gray-200": Ve.available === !1 }
|
|
5398
5398
|
]),
|
|
5399
|
-
onClick: () =>
|
|
5399
|
+
onClick: () => re(W, Ve.value)
|
|
5400
5400
|
}, null, 8, ["label", "model-value", "class", "onClick"])
|
|
5401
5401
|
])
|
|
5402
5402
|
]),
|
|
5403
5403
|
_: 2
|
|
5404
5404
|
}, 1024)) : (Y(), we(be, {
|
|
5405
5405
|
key: 1,
|
|
5406
|
-
label:
|
|
5406
|
+
label: Ve.label,
|
|
5407
5407
|
"has-checkbox": !0,
|
|
5408
|
-
"model-value": W.selectedValues.includes(
|
|
5409
|
-
class: Ye(["flex-1 text-left", { "bg-gray-100":
|
|
5410
|
-
onClick: () =>
|
|
5408
|
+
"model-value": W.selectedValues.includes(Ve.value),
|
|
5409
|
+
class: Ye(["flex-1 text-left", { "bg-gray-100": Ve.available === !1 }]),
|
|
5410
|
+
onClick: () => re(W, Ve.value)
|
|
5411
5411
|
}, null, 8, ["label", "model-value", "class", "onClick"]))
|
|
5412
5412
|
], 64))), 128)),
|
|
5413
5413
|
ue.value[Se].length < W.options.length && !W.search ? (Y(), we(be, {
|
|
5414
5414
|
key: 0,
|
|
5415
5415
|
class: "fm-typo-en-body-md-400 -ml-2",
|
|
5416
|
-
label:
|
|
5417
|
-
onClick: Tt((
|
|
5416
|
+
label: r(n)("report.section.filter.loadMore"),
|
|
5417
|
+
onClick: Tt((Ve) => ie(W), ["stop"]),
|
|
5418
5418
|
icon: "autorenew"
|
|
5419
5419
|
}, null, 8, ["label", "onClick"])) : Le("", !0)
|
|
5420
5420
|
])
|
|
5421
5421
|
]),
|
|
5422
5422
|
J("div", {
|
|
5423
5423
|
class: "px-12 py-2 flex items-center gap-2 cursor-pointer hover:bg-fm-color-neutral-50 transition-colors",
|
|
5424
|
-
onClick: (
|
|
5424
|
+
onClick: (Ve) => ke(W)
|
|
5425
5425
|
}, [
|
|
5426
5426
|
fe(Xe, {
|
|
5427
5427
|
name: W.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
|
|
5428
5428
|
size: "md",
|
|
5429
5429
|
class: ""
|
|
5430
5430
|
}, null, 8, ["name"]),
|
|
5431
|
-
J("span",
|
|
5432
|
-
], 8,
|
|
5431
|
+
J("span", Ml, Ge(r(n)("report.section.filter.advanced")), 1)
|
|
5432
|
+
], 8, Il),
|
|
5433
5433
|
fe(Ne),
|
|
5434
|
-
W.showAdvanced ? (Y(), ge("div",
|
|
5435
|
-
J("div",
|
|
5436
|
-
J("div",
|
|
5434
|
+
W.showAdvanced ? (Y(), ge("div", Fl, [
|
|
5435
|
+
J("div", Bl, [
|
|
5436
|
+
J("div", Vl, [
|
|
5437
5437
|
fe(je, {
|
|
5438
5438
|
"model-value": W.keepSelection,
|
|
5439
|
-
label:
|
|
5439
|
+
label: r(n)("report.section.filter.keepSelection"),
|
|
5440
5440
|
labelPlacement: "right",
|
|
5441
5441
|
"onUpdate:modelValue": () => ce(W)
|
|
5442
5442
|
}, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
|
|
@@ -5445,7 +5445,7 @@ const wr = va(Cr, () => {
|
|
|
5445
5445
|
"z-index": 2e3
|
|
5446
5446
|
}, {
|
|
5447
5447
|
content: $e(() => [
|
|
5448
|
-
J("div",
|
|
5448
|
+
J("div", Al, Ge(r(n)("report.section.filter.keepSelectionTooltip")), 1)
|
|
5449
5449
|
]),
|
|
5450
5450
|
default: $e(() => [
|
|
5451
5451
|
fe(Xe, {
|
|
@@ -5459,22 +5459,22 @@ const wr = va(Cr, () => {
|
|
|
5459
5459
|
])
|
|
5460
5460
|
])
|
|
5461
5461
|
])) : Le("", !0),
|
|
5462
|
-
J("div", $
|
|
5462
|
+
J("div", $l, [
|
|
5463
5463
|
fe(Fe, {
|
|
5464
5464
|
variant: "tertiary",
|
|
5465
|
-
label:
|
|
5466
|
-
onClick: Tt((
|
|
5465
|
+
label: r(n)("report.common.cancel"),
|
|
5466
|
+
onClick: Tt((Ve) => Ce(W), ["stop"])
|
|
5467
5467
|
}, null, 8, ["label", "onClick"]),
|
|
5468
5468
|
fe(Fe, {
|
|
5469
5469
|
color: "primary",
|
|
5470
|
-
onClick: Tt((
|
|
5471
|
-
label:
|
|
5470
|
+
onClick: Tt((Ve) => ye(W), ["stop"]),
|
|
5471
|
+
label: r(n)("report.common.apply")
|
|
5472
5472
|
}, null, 8, ["onClick", "label"])
|
|
5473
5473
|
])
|
|
5474
|
-
], 64)) :
|
|
5474
|
+
], 64)) : r(i) ? Le("", !0) : (Y(), we(xn, {
|
|
5475
5475
|
key: 2,
|
|
5476
|
-
title: q(W) ?
|
|
5477
|
-
"sub-title": q(W) ?
|
|
5476
|
+
title: q(W) ? r(n)("report.messages.noWidgetsApplied") : void 0,
|
|
5477
|
+
"sub-title": q(W) ? r(n)("report.messages.assignWidgetsToUseThisFilter") : void 0
|
|
5478
5478
|
}, null, 8, ["title", "sub-title"]))
|
|
5479
5479
|
], 4)
|
|
5480
5480
|
]),
|
|
@@ -5494,15 +5494,15 @@ export {
|
|
|
5494
5494
|
Ke as S,
|
|
5495
5495
|
Tn as X,
|
|
5496
5496
|
Ln as Y,
|
|
5497
|
-
|
|
5498
|
-
|
|
5497
|
+
Gl as _,
|
|
5498
|
+
Ql as a,
|
|
5499
5499
|
gn as b,
|
|
5500
5500
|
_n as c,
|
|
5501
5501
|
dn as d,
|
|
5502
|
-
|
|
5502
|
+
Xl as e,
|
|
5503
5503
|
Dn as f,
|
|
5504
|
-
|
|
5505
|
-
|
|
5506
|
-
|
|
5504
|
+
jl as g,
|
|
5505
|
+
Jl as h,
|
|
5506
|
+
Zl as i,
|
|
5507
5507
|
ia as u
|
|
5508
5508
|
};
|