@feedmepos/mf-report 5.23.0 → 5.23.1

package/dist/{FilterSelector.vue_vue_type_script_setup_true_lang-C1paTZUf.js → FilterSelector.vue_vue_type_script_setup_true_lang-D7BX1XcV.js}

@@ -1,11 +1,11 @@
 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 Me, createElementVNode as J, unref as r, normalizeStyle as Ze, withModifiers as Tt, toDisplayString as Ge, createVNode as fe, Fragment as et, 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";
-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-xeRRM67q.js";
-import { k as ao, z as oo, l as ro, m as lo, a as Gt, u as Vn, d as Vt, i as so } from "./app-D2I8ZDs1.js";
-import { d as Cn, _ as io, a as uo, b as co, c as fo } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Cfqi9IdQ.js";
+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-Be3F_dkn.js";
+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-VSV4uxyh.js";
+import { d as Cn, _ as io, a as uo, b as co, c as fo } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CzQJizvA.js";
 import { storeToRefs as vt, defineStore as va } from "pinia";
 import { C as wn } from "./chart-DDDh8zNk.js";
 import { detectLocale as ho } from "@feedmepos/mf-common";
-import { useBreakpoints as fn, useSnackbar as Bn, components as mo } from "@feedmepos/ui-library";
+import { useBreakpoints as fn, useSnackbar as Vn, components as mo } from "@feedmepos/ui-library";
 import { u as wt } from "./vue-i18n-DVWuTfed.js";
 import { _ as ga } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Df40itH5.js";
 import { r as _t } from "./i18n-CI_sQ5d_.js";
@@ -117,7 +117,7 @@ const dn = [
   "#8358D4",
   "#9B5046"
 ], Yl = dn.map(() => "solid");
-function Bt({
+function Vt({
   datasetIndex: e,
   label: n
 }) {
@@ -212,7 +212,7 @@ function Wt({
   colorMode: h,
   customColors: c
 }) {
-  const _ = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1, V = Number.isInteger(n) && Number(n) >= 0 ? Number(n) : 0, H = i !== !1, T = e * _ + V, C = h === "clustered" ? dn : ya(c), d = jt(s == null ? void 0 : s[e * _]) ?? C[e % C.length], F = H && V > 0 ? Yn(d, Xn(V)) : jt(s == null ? void 0 : s[T]) ?? (V > 0 ? Yn(d, Xn(V)) : d);
+  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);
   let M = typeof l == "number" ? l : 1;
   return a && (M = M * 0.6), ba(F, M);
 }
@@ -350,7 +350,7 @@ function ko(e, n, t) {
   }
   if (!c.element)
     return;
-  const _ = c.element, V = a ? h : i, H = a ? _.y : _.x, T = V.getPixelForValue(c.index), C = H ?? T;
+  const _ = c.element, B = a ? h : i, H = a ? _.y : _.x, T = B.getPixelForValue(c.index), C = H ?? T;
   yn(e.ctx, a, e.chartArea, C);
 }
 function Jt(e) {
@@ -410,7 +410,7 @@ function xa() {
 function Fo(e) {
   return typeof e != "string" ? [] : e.split("#").map((n) => n.trim()).filter((n) => n.length > 0);
 }
-function Vo(e) {
+function Bo(e) {
   return Reflect.get(e, "dash") === !0 || Reflect.get(e, "isCompare") === !0;
 }
 function $n(e, n) {
@@ -428,7 +428,7 @@ function _a(e) {
   const t = Reflect.get(e.dataset, "label");
   return typeof t == "string" ? t : "";
 }
-function Bo(e) {
+function Vo(e) {
   return e.trim().toLowerCase();
 }
 function Zn(e) {
@@ -600,7 +600,7 @@ function Go(e) {
 }
 function La(e, n, t, a, l) {
   var f;
-  const s = (f = e[0]) == null ? void 0 : f.label, i = Fo(s), h = i[0] ?? (s == null ? "" : String(s)), c = i[1], _ = [], V = [];
+  const s = (f = e[0]) == null ? void 0 : f.label, i = Fo(s), h = i[0] ?? (s == null ? "" : String(s)), c = i[1], _ = [], B = [];
   e.forEach((g) => {
     const w = g.dataset ?? {}, x = g.datasetIndex >= 0 && g.dataIndex >= 0 ? {
       datasetIndex: g.datasetIndex,
@@ -611,17 +611,17 @@ function La(e, n, t, a, l) {
       isBar: ka(g),
       value: $n(g, n),
       datasetLabel: A,
-      matchingKey: Bo(A),
+      matchingKey: Vo(A),
       focusTarget: x
     };
-    if (c && Vo(w)) {
-      V.push(P);
+    if (c && Bo(w)) {
+      B.push(P);
       return;
     }
     _.push(P);
   });
   const H = _.slice(0, a), T = /* @__PURE__ */ new Map();
-  V.forEach((g) => {
+  B.forEach((g) => {
     const w = T.get(g.matchingKey);
     if (!w) {
       T.set(g.matchingKey, [g]);
@@ -632,7 +632,7 @@ function La(e, n, t, a, l) {
   const C = c ? H.map((g) => {
     const w = T.get(g.matchingKey);
     return !w || w.length === 0 ? ea(g) : w.shift() ?? ea(g);
-  }) : [], d = _.length > H.length || V.length > C.length, F = (g, w = !1) => `<div style="${Yo(w)}">${Mn(g)}</div>`, M = (g) => {
+  }) : [], d = _.length > H.length || B.length > C.length, F = (g, w = !1) => `<div style="${Yo(w)}">${Mn(g)}</div>`, M = (g) => {
     const w = Xo(g.isBar, g.color);
     return `<div style="${Eo}"><span style="${w}"></span><span style="${Uo}">${Mn(g.text)}</span></div>`;
   };
@@ -645,7 +645,7 @@ function La(e, n, t, a, l) {
     },
     {
       title: c ?? "",
-      values: V
+      values: B
     }
   ].filter((g) => g.values.length > 0);
   return {
@@ -694,9 +694,9 @@ function jo(e, n, t, a, l, s) {
       markup: c,
       maxTooltipItems: i
     };
-  let _ = In, V = i;
-  for (; _ <= V; ) {
-    const T = Math.floor((_ + V) / 2), C = ln(
+  let _ = In, B = i;
+  for (; _ <= B; ) {
+    const T = Math.floor((_ + B) / 2), C = ln(
       e,
       n,
       t,
@@ -705,7 +705,7 @@ function jo(e, n, t, a, l, s) {
       s
     );
     if (ta(e)) {
-      V = T - 1;
+      B = T - 1;
       continue;
     }
     h = T, c = C, _ = T + 1;
@@ -727,8 +727,8 @@ function na(e, n) {
   if (a.startsWith("#")) {
     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) : "";
     if (/^[0-9a-fA-F]{6}$/.test(h)) {
-      const c = Number.parseInt(h.slice(0, 2), 16), _ = Number.parseInt(h.slice(2, 4), 16), V = Number.parseInt(h.slice(4, 6), 16);
-      return `rgba(${c}, ${_}, ${V}, ${t})`;
+      const c = Number.parseInt(h.slice(0, 2), 16), _ = Number.parseInt(h.slice(2, 4), 16), B = Number.parseInt(h.slice(4, 6), 16);
+      return `rgba(${c}, ${_}, ${B}, ${t})`;
     }
   }
   const l = a.match(/^rgba?\(([^)]+)\)$/i);
@@ -834,16 +834,16 @@ function zn(e) {
   return window.getComputedStyle(n).position === "static" && (n.style.position = "relative"), n;
 }
 function Nn(e, n, t, a, l, s, i = "center", h = !1) {
-  const c = n.getBoundingClientRect(), _ = t.getBoundingClientRect(), V = t.scrollLeft, H = t.scrollTop, T = t.clientWidth, C = t.clientHeight, d = e;
+  const c = n.getBoundingClientRect(), _ = t.getBoundingClientRect(), B = t.scrollLeft, H = t.scrollTop, T = t.clientWidth, C = t.clientHeight, d = e;
   (!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);
-  const M = d.__cachedWidth ?? e.offsetWidth, I = d.__cachedHeight ?? e.offsetHeight, b = 8, f = c.left - _.left + V + 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 = V + b;
+  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;
   let P = H + b;
   const p = document.querySelector('[data-menu-tab="true"]');
   if (p) {
     const ce = p.getBoundingClientRect().bottom - _.top + H + b;
     P = Math.max(P, ce);
   }
-  const B = Math.max(A, V + T - M - b), X = Math.max(P, H + C - I - b), G = Math.round(Math.min(Math.max(A, w), B)), oe = Math.round(Math.min(Math.max(P, x), X));
+  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));
   d.__lastLeftPx === G && d.__lastTopPx === oe || (d.__lastLeftPx = G, d.__lastTopPx = oe, e.style.left = `${G}px`, e.style.top = `${oe}px`);
 }
 function Ia(e) {
@@ -990,7 +990,7 @@ function cr(e, n, t, a, l) {
     const _ = t == null ? void 0 : t.getElementsAtEventForMode;
     if (typeof _ != "function")
       return;
-    const V = _.call(
+    const B = _.call(
       t,
       i,
       "nearest",
@@ -1002,7 +1002,7 @@ function cr(e, n, t, a, l) {
       "index",
       { intersect: !1 },
       !1
-    ), C = (V.length > 0 ? V : H).filter((b) => typeof b.datasetIndex == "number" && typeof b.index == "number").map((b) => ({ datasetIndex: b.datasetIndex, index: b.index }));
+    ), C = (B.length > 0 ? B : H).filter((b) => typeof b.datasetIndex == "number" && typeof b.index == "number").map((b) => ({ datasetIndex: b.datasetIndex, index: b.index }));
     if (C.length === 0)
       return;
     const d = t == null ? void 0 : t.tooltip;
@@ -1030,13 +1030,13 @@ function cr(e, n, t, a, l) {
         "nearest",
         { intersect: !0 },
         !1
-      ), V = h.call(
+      ), B = h.call(
         t,
         i,
         "index",
         { intersect: !1 },
         !1
-      ), T = (_.length > 0 ? _ : V).filter((C) => typeof C.datasetIndex == "number" && typeof C.index == "number").map((C) => ({
+      ), T = (_.length > 0 ? _ : B).filter((C) => typeof C.datasetIndex == "number" && typeof C.index == "number").map((C) => ({
         datasetIndex: C.datasetIndex,
         index: C.index
       }));
@@ -1119,13 +1119,13 @@ function fr(e, n) {
       return;
     }
     zt(c);
-    const V = (n == null ? void 0 : n.viewFullDetailsLabel) ?? xa(), H = !!(n != null && n.onViewFullDetails), {
+    const B = (n == null ? void 0 : n.viewFullDetailsLabel) ?? xa(), H = !!(n != null && n.onViewFullDetails), {
       markup: { detailsPayload: T, hasCollapsedValues: C }
     } = jo(
       c,
       _,
       e,
-      V,
+      B,
       t,
       H
     ), d = H && C;
@@ -1135,14 +1135,14 @@ function fr(e, n) {
       c.style.opacity = "0";
       return;
     }
-    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((B, X) => {
+    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) => {
       const G = X == null ? void 0 : X.element, oe = G == null ? void 0 : G.x;
       if (typeof oe != "number" || !Number.isFinite(oe))
-        return B;
-      if (!Number.isFinite(B))
+        return V;
+      if (!Number.isFinite(V))
         return oe;
-      const te = Number.isFinite(g) ? g : F, ce = Math.abs(B - te);
-      return Math.abs(oe - te) > ce ? oe : B;
+      const te = Number.isFinite(g) ? g : F, ce = Math.abs(V - te);
+      return Math.abs(oe - te) > ce ? oe : V;
     }, Number.NaN) : Number.NaN, x = M, A = I, P = e ? Number.isFinite(g) && Number.isFinite(w) && w < g ? "left" : "right" : "center";
     Nn(
       c,
@@ -1175,8 +1175,8 @@ function hr(e, n) {
           if (c >= n)
             return "";
           if (c === n - 1) {
-            const _ = a.slice(n - 1).reduce((H, T) => H + $n(T, e), 0), V = Math.max(0, a.length - (n - 1));
-            return zo(_, V);
+            const _ = a.slice(n - 1).reduce((H, T) => H + $n(T, e), 0), B = Math.max(0, a.length - (n - 1));
+            return zo(_, B);
           }
         }
         return Sa(t, e);
@@ -1351,8 +1351,8 @@ function Et(e) {
         });
       }
     }
-  })), V = v(() => e.isTransposed), H = v(() => e.chartWidth), T = v(() => e.chartHeight);
-  return { datalabels: i, xCfg: h, yCfg: c, isTransposed: V, legend: _, chartWidth: H, chartHeight: T };
+  })), B = v(() => e.isTransposed), H = v(() => e.chartWidth), T = v(() => e.chartHeight);
+  return { datalabels: i, xCfg: h, yCfg: c, isTransposed: B, legend: _, chartWidth: H, chartHeight: T };
 }
 const mr = {
   key: 0,
@@ -1373,8 +1373,8 @@ const mr = {
       set: (p) => a("update:modelValue", p)
     }), _ = v(() => {
       var p;
-      return (((p = t.detailsPayload) == null ? void 0 : p.sections) ?? []).filter((B) => B.values.length > 0);
-    }), V = v(() => ({
+      return (((p = t.detailsPayload) == null ? void 0 : p.sections) ?? []).filter((V) => V.values.length > 0);
+    }), B = v(() => ({
       width: `${i.value}px`,
       maxWidth: "94vw"
     }));
@@ -1382,8 +1382,8 @@ const mr = {
       return p.value.toLocaleString();
     }
     function T(p) {
-      const B = `: ${H(p)}`;
-      return p.text.endsWith(B) ? p.text.slice(0, -B.length) : p.text;
+      const V = `: ${H(p)}`;
+      return p.text.endsWith(V) ? p.text.slice(0, -V.length) : p.text;
     }
     function C(p) {
       a("value-hover", p);
@@ -1398,8 +1398,8 @@ const mr = {
       return typeof window > "u" ? ra : Math.floor(window.innerWidth * 0.94);
     }
     function I(p) {
-      const B = M(), X = Math.min(_r, B);
-      return Math.min(B, Math.max(X, Math.floor(p)));
+      const V = M(), X = Math.min(_r, V);
+      return Math.min(V, Math.max(X, Math.floor(p)));
     }
     function b(p) {
       typeof window > "u" || (i.value = I(window.innerWidth - p));
@@ -1420,11 +1420,11 @@ const mr = {
       var G;
       if (!c.value)
         return;
-      const B = p.target;
-      if (!(B instanceof Node))
+      const V = p.target;
+      if (!(V instanceof Node))
         return;
-      const X = B instanceof Element ? B : null;
-      X != null && X.closest('[data-tooltip-full-details="true"]') || (G = s.value) != null && G.contains(B) || F();
+      const X = V instanceof Element ? V : null;
+      X != null && X.closest('[data-tooltip-full-details="true"]') || (G = s.value) != null && G.contains(V) || F();
     }
     function P(p) {
       c.value && p.key === "Escape" && F();
@@ -1433,7 +1433,7 @@ const mr = {
       i.value = I(i.value), document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", P), window.addEventListener("resize", x);
     }), da(() => {
       f(), document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", P), window.removeEventListener("resize", x);
-    }), (p, B) => {
+    }), (p, V) => {
       const X = ve("FmButton");
       return Y(), we(Ka, {
         "enter-active-class": "transform transition duration-200 ease-out",
@@ -1449,7 +1449,7 @@ const mr = {
               ref_key: "panelRef",
               ref: s,
               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",
-              style: Ze(V.value),
+              style: Ze(B.value),
               role: "dialog",
               "aria-modal": "false",
               "aria-label": r(l)("report.widget.comparisonTooltip.fullBreakdownTitle")
@@ -1524,7 +1524,7 @@ function en(e, n) {
   function _(T) {
     un(i(), T.focusTarget);
   }
-  function V() {
+  function B() {
     un(i());
   }
   const H = v(() => ({
@@ -1538,7 +1538,7 @@ function en(e, n) {
     tooltipOptions: H,
     handleTooltipDetailsSheetVisibility: h,
     handleTooltipDetailsHover: _,
-    handleTooltipDetailsLeave: V
+    handleTooltipDetailsLeave: B
   };
 }
 const kr = {
@@ -1548,7 +1548,7 @@ const kr = {
 }, Tr = ["aria-pressed", "onClick"], Lr = ["title"], Dr = {
   key: 0,
   class: "chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto"
-}, Ir = 36, la = 2, sa = 16, Mr = 50, Fr = 6, Vr = /* @__PURE__ */ at({
+}, Ir = 36, la = 2, sa = 16, Mr = 50, Fr = 6, Br = /* @__PURE__ */ at({
   __name: "ChartLegendPanel",
   props: {
     chartRef: {},
@@ -1568,14 +1568,14 @@ const kr = {
   },
   emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { t: l } = wt(), s = L([]), i = L(0), h = L(!1), c = L(!1), _ = L(0), V = 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");
+    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");
     let x = null;
     const A = v(
       () => h.value && c.value && d.value
     ), P = v(() => ({
       height: `${Math.max(0, F.value)}px`,
       transform: `translateY(${Math.max(0, M.value)}px)`
-    })), p = v(() => typeof t.textColor == "string" && t.textColor.trim().length > 0 ? t.textColor : "#6b6b6b"), B = v(() => typeof t.fontSize == "number" && Number.isFinite(t.fontSize) && t.fontSize > 0 ? t.fontSize : 12);
+    })), 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);
     function X(o) {
       G({ height: o, width: 0 });
     }
@@ -1591,7 +1591,7 @@ const kr = {
       const o = Da(t.chartRef);
       if (o)
         return o;
-      const y = V.value, m = [y == null ? void 0 : y.parentElement, y == null ? void 0 : y.closest(".h-full"), y];
+      const y = B.value, m = [y == null ? void 0 : y.parentElement, y == null ? void 0 : y.closest(".h-full"), y];
       for (const S of m) {
         if (!(S instanceof HTMLElement))
           continue;
@@ -1609,7 +1609,7 @@ const kr = {
     }
     function ie() {
       var S;
-      const o = (S = V.value) == null ? void 0 : S.getBoundingClientRect(), y = Number((o == null ? void 0 : o.height) ?? 0), m = Number((o == null ? void 0 : o.width) ?? 0);
+      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);
       if (Number.isFinite(y) && y >= 0) {
         G({
           height: w.value ? 0 : y,
@@ -1662,7 +1662,7 @@ const kr = {
       var y;
       const o = [
         (y = t.chartRef) == null ? void 0 : y.$el,
-        V.value
+        B.value
       ];
       for (const m of o) {
         if (!(m instanceof HTMLElement))
@@ -1682,7 +1682,7 @@ const kr = {
     }
     function pe() {
       var m, S, U, K;
-      const o = (S = (m = V.value) == null ? void 0 : m.closest(".chart-layout")) == null ? void 0 : S.parentElement;
+      const o = (S = (m = B.value) == null ? void 0 : m.closest(".chart-layout")) == null ? void 0 : S.parentElement;
       if (o instanceof HTMLElement)
         return o;
       const y = (U = t.chartRef) == null ? void 0 : U.$el;
@@ -1695,7 +1695,7 @@ const kr = {
     }
     function O() {
       var m, S, U, K;
-      const o = ((m = V.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;
+      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;
       if (!(o instanceof HTMLElement))
         return null;
       const y = Number(o.getBoundingClientRect().width);
@@ -1742,7 +1742,7 @@ const kr = {
       const o = O();
       if (o != null)
         return Math.max(0, Math.floor(o * 0.3));
-      const y = te(), m = Number(y == null ? void 0 : y.width), S = Number(((K = V.value) == null ? void 0 : K.getBoundingClientRect().width) ?? 0);
+      const y = te(), m = Number(y == null ? void 0 : y.width), S = Number(((K = B.value) == null ? void 0 : K.getBoundingClientRect().width) ?? 0);
       if (Number.isFinite(m) && m > 0) {
         const ae = m + (Number.isFinite(S) ? S : 0);
         return Math.max(0, Math.floor(ae * 0.3));
@@ -1869,7 +1869,7 @@ const kr = {
     function Z(o) {
       var m;
       return (Array.isArray((m = o == null ? void 0 : o.data) == null ? void 0 : m.datasets) ? o.data.datasets : []).map((S, U) => {
-        const K = ue((S == null ? void 0 : S.borderColor) ?? (S == null ? void 0 : S.backgroundColor)), ae = Bt({
+        const K = ue((S == null ? void 0 : S.borderColor) ?? (S == null ? void 0 : S.backgroundColor)), ae = Vt({
           datasetIndex: U,
           label: S == null ? void 0 : S.label
         });
@@ -1898,7 +1898,7 @@ const kr = {
         index: _e,
         hidden: We(_e)
       })) : m.map((j, _e) => ({
-        datasetKey: Bt({
+        datasetKey: Vt({
           datasetIndex: _e,
           label: j == null ? void 0 : j.label
         }),
@@ -1911,7 +1911,7 @@ const kr = {
         ),
         datasetIndex: _e,
         hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(
-          Bt({
+          Vt({
             datasetIndex: _e,
             label: j == null ? void 0 : j.label
           })
@@ -2022,7 +2022,7 @@ const kr = {
     const Te = v(() => {
       const o = {
         "--legend-text-color": p.value,
-        "--legend-font-size": `${B.value}px`
+        "--legend-font-size": `${V.value}px`
       }, y = ye();
       if (w.value) {
         const m = Ce();
@@ -2051,7 +2051,7 @@ const kr = {
     } : c.value ? {
       overflow: "hidden"
     } : {} : {});
-    function Ve() {
+    function Be() {
       var S;
       if (!g.value) {
         s.value = [], i.value = 0, h.value = !1, c.value = !1, _.value = 0, G({ height: 0, width: 0 });
@@ -2080,7 +2080,7 @@ const kr = {
     }
     function Ee(o, y) {
       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(
-        (m) => Bt({
+        (m) => Vt({
           datasetIndex: m,
           label: o.text
         })
@@ -2100,7 +2100,7 @@ const kr = {
       const S = Array.isArray((U = o == null ? void 0 : o.data) == null ? void 0 : U.datasets) ? o.data.datasets[y] : null;
       S && typeof S == "object" && (S.hidden = !m);
     }
-    function Be(o, y) {
+    function Ve(o, y) {
       var ae;
       if (typeof o.toggleDataVisibility == "function") {
         o.toggleDataVisibility(y);
@@ -2113,7 +2113,7 @@ const kr = {
       K && typeof K.hidden == "boolean" && (K.hidden = !K.hidden);
     }
     function nn(o = 0) {
-      Ve();
+      Be();
       const y = te(), m = s.value.length > 0;
       if (y || m || o >= Fr) {
         oe();
@@ -2131,7 +2131,7 @@ const kr = {
           a("toggleDataPointVisibility", { itemIndex: K });
           return;
         }
-        m && (Be(m, K), m.update());
+        m && (Ve(m, K), m.update());
         const xe = m && typeof m.getDataVisibility == "function" ? !m.getDataVisibility(K) : o.hidden !== !0;
         Oe(
           (me) => typeof me.index == "number" ? me.index === K : me.datasetIndex === o.datasetIndex && me.text === o.text,
@@ -2144,7 +2144,7 @@ const kr = {
         he.forEach((xe, me) => {
           a("toggleDatasetVisibility", {
             datasetIndex: xe,
-            datasetKey: j[me] ?? Bt({
+            datasetKey: j[me] ?? Vt({
               datasetIndex: xe,
               label: o.text
             })
@@ -2196,14 +2196,14 @@ const kr = {
         t.hiddenDataPointIndexes
       ],
       () => {
-        Ve();
+        Be();
       }
     ), da(() => {
       I.value = !1, oe(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", R);
     }), (o, y) => g.value ? (Y(), ge("div", {
       key: 0,
       ref_key: "legendPanelRef",
-      ref: V,
+      ref: B,
       class: Ye(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
         "self-stretch h-full": w.value,
         "mb-2": !w.value && o.position === "top",
@@ -2283,11 +2283,11 @@ const kr = {
       ], 512)
     ], 6)) : Me("", !0);
   }
-}), lt = /* @__PURE__ */ ga(Vr, [["__scopeId", "data-v-6006dfdf"]]);
+}), lt = /* @__PURE__ */ ga(Br, [["__scopeId", "data-v-6006dfdf"]]);
 function tn(e) {
   const n = L([]), t = v(() => new Set(n.value));
   function a(i, h) {
-    return Bt({
+    return Vt({
       datasetIndex: h,
       label: i == null ? void 0 : i.label
     });
@@ -2307,7 +2307,7 @@ function tn(e) {
     e,
     (i) => {
       const h = new Set(
-        i.map((_, V) => a(_, V))
+        i.map((_, B) => a(_, B))
       ), c = n.value.filter((_) => h.has(_));
       c.length !== n.value.length && (n.value = c);
     },
@@ -2318,7 +2318,7 @@ function tn(e) {
     toggleDatasetVisibility: s
   };
 }
-const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
+const Vr = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
   __name: "WidgetBarchart",
   props: /* @__PURE__ */ gt({
     tileIndex: {}
@@ -2334,7 +2334,7 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: _,
-      handleTooltipDetailsLeave: V
+      handleTooltipDetailsLeave: B
     } = en(a, {
       maxTooltipItems: l
     }), H = v(() => {
@@ -2350,7 +2350,7 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
     ), A = Jt("bar"), P = v(() => {
       const z = f.value.position;
       return !z || z === "top" || z === "bottom" || z === "left" || z === "right";
-    }), p = v(() => f.value.position ?? "top"), B = v(
+    }), p = v(() => f.value.position ?? "top"), V = v(
       () => p.value === "left" || p.value === "right"
     ), X = v(
       () => p.value === "top" || p.value === "left"
@@ -2413,10 +2413,10 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
       var R, re, pe, O, ne, ee;
       const $ = ve("FmBarChart");
       return Y(), ge(et, null, [
-        J("div", Br, [
+        J("div", Vr, [
           yt(z.$slots, "menu"),
           J("div", {
-            class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(f).display ?? !1) && B.value }])
+            class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(f).display ?? !1) && V.value }])
           }, [
             P.value && (r(f).display ?? !1) && X.value ? (Y(), we(lt, {
               key: 0,
@@ -2452,8 +2452,8 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
               plugins: [r(A)],
               "maintain-aspect-ratio": !1,
               style: Ze({
-                "--chart-width": P.value && (r(f).display ?? !1) && B.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(g) !== void 0 ? r(g) + "px" : "100%",
-                "--chart-height": P.value && (r(f).display ?? !1) && !B.value ? "calc(100% - 36px - var(--legend-panel-height, 0px))" : r(w) !== void 0 ? r(w) + "px" : "100%"
+                "--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%",
+                "--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%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
             P.value && (r(f).display ?? !1) && !X.value ? (Y(), we(lt, {
@@ -2480,7 +2480,7 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
           "details-payload": r(i),
           "onUpdate:modelValue": r(c),
           onValueHover: r(_),
-          onValueLeave: r(V)
+          onValueLeave: r(B)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -2495,15 +2495,15 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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), V = v(() => {
-      const p = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((B) => B.name) : [];
-      return p.length > 0 ? p : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((B) => String(B)) : [];
+    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(() => {
+      const p = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((V) => V.name) : [];
+      return p.length > 0 ? p : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((V) => String(V)) : [];
     }), H = v(() => {
       let p = [];
       return Array.isArray(t.value.data.datasets) && t.value.data.datasets.length > 0 && (p = [
         {
-          label: V.value[0] ?? (Array.isArray(t.value.data.metrics) && t.value.data.metrics.length > 0 ? String(t.value.data.metrics[0]) : "Series"),
-          labels: V.value,
+          label: B.value[0] ?? (Array.isArray(t.value.data.metrics) && t.value.data.metrics.length > 0 ? String(t.value.data.metrics[0]) : "Series"),
+          labels: B.value,
           data: t.value.data.datasets.map(
             (X, G) => s.value.includes(G) ? null : X.value
           ),
@@ -2525,11 +2525,11 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
     }), Re(
       () => t.value.data.datasets,
       (p) => {
-        const B = new Set(
+        const V = new Set(
           Array.isArray(p) ? p.map((X, G) => G) : []
         );
         s.value = s.value.filter(
-          (X) => B.has(X)
+          (X) => V.has(X)
         );
       },
       { deep: !0 }
@@ -2542,18 +2542,18 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
     ), g = v(
       () => b.value === "top" || b.value === "left"
     ), w = v(() => {
-      var B;
-      const p = (B = h.value.labels) == null ? void 0 : B.color;
+      var V;
+      const p = (V = h.value.labels) == null ? void 0 : V.color;
       return typeof p == "string" && p.trim().length > 0 ? p : t.value.legendColor ?? "#6b6b6b";
     }), x = v(() => d.value), A = xo();
     function P({ itemIndex: p }) {
       if (s.value.includes(p)) {
-        s.value = s.value.filter((B) => B !== p);
+        s.value = s.value.filter((V) => V !== p);
         return;
       }
       s.value = [...s.value, p];
     }
-    return (p, B) => {
+    return (p, V) => {
       const X = ve("FmPieChart");
       return Y(), ge("div", $r, [
         yt(p.$slots, "menu"),
@@ -2585,7 +2585,7 @@ const Br = { class: "widget-content" }, Ar = /* @__PURE__ */ at({
             class: "circular",
             percentage: "70%",
             datasets: H.value,
-            metrics: V.value,
+            metrics: B.value,
             tooltip: r(A),
             variant: "doughnut",
             legend: {
@@ -2636,7 +2636,7 @@ const Pr = { class: "flex flex-col gap-1" }, zr = { class: "fm-typo-en-title-md-
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ct(e, "modelValue"), { t } = wt(), { compareDateRange: a, defaultDateSetting: l } = vt(Gt()), { country: s } = Vn(), i = v(() => {
+    const n = ct(e, "modelValue"), { t } = wt(), { compareDateRange: a, defaultDateSetting: l } = vt(Gt()), { country: s } = Bn(), i = v(() => {
       var d;
       return ((d = n.value.data) == null ? void 0 : d.value) || "";
     }), h = v(() => cn(i.value)), c = v(() => {
@@ -2653,14 +2653,14 @@ const Pr = { class: "flex flex-col gap-1" }, zr = { class: "fm-typo-en-title-md-
           return "line";
       }
     }
-    const V = v(() => {
+    const B = v(() => {
       var d;
       return (d = n.value.data) == null ? void 0 : d.sparkline;
     }), H = v(() => ({
       display: !1,
       beginAtZero: !1,
       grace: "20%"
-    })), T = v(() => V.value.datasets.map((d) => ({
+    })), T = v(() => B.value.datasets.map((d) => ({
       label: d.name,
       data: d.values,
       fill: !0,
@@ -2722,8 +2722,8 @@ const Pr = { class: "flex flex-col gap-1" }, zr = { class: "fm-typo-en-title-md-
             _: 1
           }, 8, ["disabled"])
         ]),
-        V.value ? (Y(), ge("div", Wr, [
-          _(V.value.type) === "line" ? (Y(), we(f, {
+        B.value ? (Y(), ge("div", Wr, [
+          _(B.value.type) === "line" ? (Y(), we(f, {
             key: 0,
             class: "sparkline",
             datasets: T.value,
@@ -2731,7 +2731,7 @@ const Pr = { class: "flex flex-col gap-1" }, zr = { class: "fm-typo-en-title-md-
               display: !1
             },
             datalabels: { display: !1 },
-            "x-axis": { categories: V.value.dimensions },
+            "x-axis": { categories: B.value.dimensions },
             "y-cfg": H.value,
             "x-cfg": { display: !1 },
             tooltip: C.value,
@@ -2782,7 +2782,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
     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;
   }, _ = () => {
     e.value = 0, n.value = [];
-  }, V = (b, f) => {
+  }, B = (b, f) => {
     if (f) {
       const g = document.querySelectorAll(`thead th:nth-child(${b + 1})`), w = document.querySelectorAll(`tbody td:nth-child(${b + 1})`);
       [...g, ...w].forEach((x) => {
@@ -2810,16 +2810,16 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
     const x = w.querySelectorAll("th")[f];
     if (!x) return;
     const A = x.getBoundingClientRect().width || 60, P = x.querySelector("button"), p = (P == null ? void 0 : P.querySelector("span")) || x.querySelector("p") || x;
-    let B = 60;
+    let V = 60;
     if (p) {
       const ie = p.textContent || "", D = window.getComputedStyle(p), q = `${D.fontWeight} ${D.fontSize} ${D.fontFamily}`, N = document.createElement("canvas").getContext("2d");
       if (N) {
         N.font = q;
         const $ = N.measureText(ie), R = window.getComputedStyle(x), re = parseFloat(R.paddingLeft || "0"), pe = parseFloat(R.paddingRight || "0");
-        B = $.width + re + pe;
+        V = $.width + re + pe;
       }
     }
-    V(f, !1);
+    B(f, !1);
     let X = null, G = null;
     const oe = () => {
       if (G === null) return;
@@ -2831,7 +2831,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
       }), w.classList.remove("w-full"), w.style.width = `${D}px`, X = null;
     }, te = (ie) => {
       const D = ie.clientX - g;
-      G = Math.max(B, A + D), X === null && (X = requestAnimationFrame(oe));
+      G = Math.max(V, A + D), X === null && (X = requestAnimationFrame(oe));
     }, ce = () => {
       X !== null && cancelAnimationFrame(X), G !== null && (x.style.width = `${G}px`);
       const ie = w.querySelectorAll("th"), D = [];
@@ -2862,7 +2862,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
     enableEditMode: h,
     disableEditMode: c,
     resetStore: _,
-    highlightCol: V,
+    highlightCol: B,
     highlightRows: H,
     removeRowHighlight: T,
     removeColHighlight: C,
@@ -2873,17 +2873,17 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
       b && b.classList.remove("sticky");
       const x = (A, P) => {
         const p = document.createElement("div");
-        return p.className = `${A}-resize-handle`, A === "col" ? (p.addEventListener("mouseenter", () => V(P, !0)), p.addEventListener("mouseleave", () => C(!0)), p.addEventListener("mousedown", (B) => {
-          B.stopPropagation(), d(B, P);
-        })) : (p.addEventListener("mouseenter", () => H(!0)), p.addEventListener("mouseleave", () => T(!0)), p.addEventListener("mousedown", (B) => {
-          B.stopPropagation(), F(B);
+        return p.className = `${A}-resize-handle`, A === "col" ? (p.addEventListener("mouseenter", () => B(P, !0)), p.addEventListener("mouseleave", () => C(!0)), p.addEventListener("mousedown", (V) => {
+          V.stopPropagation(), d(V, P);
+        })) : (p.addEventListener("mouseenter", () => H(!0)), p.addEventListener("mouseleave", () => T(!0)), p.addEventListener("mousedown", (V) => {
+          V.stopPropagation(), F(V);
         })), p;
       };
       w.forEach((A) => {
         const P = A.closest("thead") !== null;
-        A.querySelectorAll(P ? "th" : "td").forEach((B, X) => {
+        A.querySelectorAll(P ? "th" : "td").forEach((V, X) => {
           const G = x("col", X), oe = x("row", X);
-          B.appendChild(G), B.appendChild(oe);
+          V.appendChild(G), V.appendChild(oe);
         });
       }), h();
     },
@@ -2891,7 +2891,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
       c();
     }
   };
-}), Xr = "/assets/processTableData.worker-V2pxR4IU.js", Gr = { class: "my-4" }, jr = {
+}), Xr = "/assets/processTableData.worker-CklDKC06.js", Gr = { class: "my-4" }, jr = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
 }, Jr = { class: "font-bold" }, Zr = { class: "text-fm-color-neutral-gray-300" }, Qr = /* @__PURE__ */ at({
@@ -2904,7 +2904,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n, te: t } = wt(), a = ct(e, "modelValue"), { country: l } = Vn(), { clearTileSorts: s, setTileSorts: i } = Ja(), h = Bn(), c = e, _ = L([]), { isEditing: V, colWidths: H, rowHeight: T } = vt(ia()), { setColWidths: C, setRowHeights: d, enableCellResizing: F } = ia(), M = L(null), I = v(() => {
+    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(() => {
       var D;
       return ((D = a.value.data) == null ? void 0 : D.columns) || [{ label: "", key: "" }];
     }), b = v(() => {
@@ -2966,14 +2966,14 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
       s();
     });
     const p = L([]);
-    let B = 0, X;
+    let V = 0, X;
     function G() {
       var $;
       if (!(($ = a.value) != null && $.data)) {
         p.value = [];
         return;
       }
-      const D = ++B, q = (a.value.data.rows || []).map((R) => ({
+      const D = ++V, q = (a.value.data.rows || []).map((R) => ({
         isRollup: R.isRollup,
         cells: Array.isArray(R.cells) ? [...R.cells] : [],
         comparisonCells: Array.isArray(R.comparisonCells) ? [...R.comparisonCells] : []
@@ -2993,7 +2993,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
         pageSize: x.value
       };
       Za(Xr, N).then((R) => {
-        D === B && (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 || []));
+        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 || []));
       });
     }
     Re(
@@ -3088,7 +3088,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
     return Re(
       () => H.value.length > 0,
       async (D) => {
-        D && V.value && (await tt(), F());
+        D && B.value && (await tt(), F());
       }
     ), Re(
       [() => ie.value],
@@ -3101,7 +3101,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
         if (!q) return;
         q.classList.add(ce.value ? "table-fixed" : "table-auto");
         let z, N;
-        V.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) => {
+        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) => {
           C(re, R, D);
         });
       },
@@ -3173,7 +3173,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: _,
-      handleTooltipDetailsLeave: V
+      handleTooltipDetailsLeave: B
     } = en(a, {
       maxTooltipItems: l
     }), H = v(() => {
@@ -3189,7 +3189,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
     ), w = Jt("bar"), x = v(() => t.value.stackBarOverlap === !0), A = v(() => x.value === !1), P = v(() => {
       const R = I.value.position;
       return !R || R === "top" || R === "bottom" || R === "left" || R === "right";
-    }), p = v(() => I.value.position ?? "top"), B = v(
+    }), p = v(() => I.value.position ?? "top"), V = v(
       () => p.value === "left" || p.value === "right"
     ), X = v(
       () => p.value === "top" || p.value === "left"
@@ -3280,7 +3280,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
         J("div", el, [
           yt(R.$slots, "menu"),
           J("div", {
-            class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(I).display ?? !1) && B.value }])
+            class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(I).display ?? !1) && V.value }])
           }, [
             P.value && (r(I).display ?? !1) && X.value ? (Y(), we(lt, {
               key: 0,
@@ -3317,8 +3317,8 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
               datalabels: r(C),
               "maintain-aspect-ratio": !1,
               style: Ze({
-                "--chart-width": P.value && (r(I).display ?? !1) && B.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(b) !== void 0 ? r(b) + "px" : "100%",
-                "--chart-height": P.value && (r(I).display ?? !1) && !B.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
+                "--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%",
+                "--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%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
             P.value && (r(I).display ?? !1) && !X.value ? (Y(), we(lt, {
@@ -3345,7 +3345,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
           "details-payload": r(i),
           "onUpdate:modelValue": r(c),
           onValueHover: r(_),
-          onValueLeave: r(V)
+          onValueLeave: r(B)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -3366,7 +3366,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: _,
-      handleTooltipDetailsLeave: V
+      handleTooltipDetailsLeave: B
     } = en(a, {
       maxTooltipItems: l
     }), H = v(() => {
@@ -3382,7 +3382,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
     ), w = Jt("bar"), x = v(() => t.value.stackBarOverlap === !0), A = v(() => x.value === !1), P = v(() => {
       const O = I.value.position;
       return !O || O === "top" || O === "bottom" || O === "left" || O === "right";
-    }), p = v(() => I.value.position ?? "top"), B = v(
+    }), p = v(() => I.value.position ?? "top"), V = v(
       () => p.value === "left" || p.value === "right"
     ), X = v(
       () => p.value === "top" || p.value === "left"
@@ -3494,7 +3494,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
         J("div", nl, [
           yt(O.$slots, "menu"),
           J("div", {
-            class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(I).display ?? !1) && B.value }])
+            class: Ye(["chart-layout", { "chart-layout--side": P.value && (r(I).display ?? !1) && V.value }])
           }, [
             P.value && (r(I).display ?? !1) && X.value ? (Y(), we(lt, {
               key: 0,
@@ -3531,8 +3531,8 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
               datalabels: r(C),
               "maintain-aspect-ratio": !1,
               style: Ze({
-                "--chart-width": P.value && (r(I).display ?? !1) && B.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(b) !== void 0 ? r(b) + "px" : "100%",
-                "--chart-height": P.value && (r(I).display ?? !1) && !B.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
+                "--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%",
+                "--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%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
             P.value && (r(I).display ?? !1) && !X.value ? (Y(), we(lt, {
@@ -3559,7 +3559,7 @@ const qr = /* @__PURE__ */ ga(Ur, [["render", Kr]]), Yr = "mf-reporttable-dimens
           "details-payload": r(i),
           "onUpdate:modelValue": r(c),
           onValueHover: r(_),
-          onValueLeave: r(V)
+          onValueLeave: r(B)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -3597,7 +3597,7 @@ const rl = { class: "widget-content" }, ll = /* @__PURE__ */ at({
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: _,
-      handleTooltipDetailsLeave: V
+      handleTooltipDetailsLeave: B
     } = en(a, {
       maxTooltipItems: l
     }), H = v(() => {
@@ -3615,10 +3615,10 @@ const rl = { class: "widget-content" }, ll = /* @__PURE__ */ at({
     ), A = Jt("line"), P = Fa("report-line-style-plugin-stack-line"), p = v(() => {
       const N = f.value.position;
       return !N || N === "top" || N === "bottom" || N === "left" || N === "right";
-    }), B = v(() => f.value.position ?? "top"), X = v(
-      () => B.value === "left" || B.value === "right"
+    }), V = v(() => f.value.position ?? "top"), X = v(
+      () => V.value === "left" || V.value === "right"
     ), G = v(
-      () => B.value === "top" || B.value === "left"
+      () => V.value === "top" || V.value === "left"
     ), oe = v(() => d.value.length > 0 ? [
       ...d.value.map((N, $) => {
         var ke;
@@ -3697,7 +3697,7 @@ const rl = { class: "widget-content" }, ll = /* @__PURE__ */ at({
               key: 0,
               "chart-ref": a.value,
               enabled: r(f).display ?? !1,
-              position: B.value,
+              position: V.value,
               "max-width": r(f).maxWidth,
               "text-color": (re = r(f).labels) == null ? void 0 : re.color,
               "font-size": (O = (pe = r(f).labels) == null ? void 0 : pe.font) == null ? void 0 : O.size,
@@ -3736,7 +3736,7 @@ const rl = { class: "widget-content" }, ll = /* @__PURE__ */ at({
               key: 1,
               "chart-ref": a.value,
               enabled: r(f).display ?? !1,
-              position: B.value,
+              position: V.value,
               "max-width": r(f).maxWidth,
               "text-color": (ne = r(f).labels) == null ? void 0 : ne.color,
               "font-size": (ye = (ee = r(f).labels) == null ? void 0 : ee.font) == null ? void 0 : ye.size,
@@ -3756,7 +3756,7 @@ const rl = { class: "widget-content" }, ll = /* @__PURE__ */ at({
           "details-payload": r(i),
           "onUpdate:modelValue": r(c),
           onValueHover: r(_),
-          onValueLeave: r(V)
+          onValueLeave: r(B)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -3800,7 +3800,7 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: _,
-      handleTooltipDetailsLeave: V
+      handleTooltipDetailsLeave: B
     } = en(a, {
       maxTooltipItems: l
     }), H = v(() => {
@@ -3815,7 +3815,7 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
       t.value
     ), A = v(
       () => Ot(t.value.isTransposed === !0, !0, h.value)
-    ), P = Jt("line"), p = Fa("report-line-style-plugin-line"), B = v(() => {
+    ), P = Jt("line"), p = Fa("report-line-style-plugin-line"), V = v(() => {
       const $ = g.value.position;
       return !$ || $ === "top" || $ === "bottom" || $ === "left" || $ === "right";
     }), X = v(() => g.value.position ?? "top"), G = v(
@@ -3897,9 +3897,9 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
         J("div", cl, [
           yt($.$slots, "menu"),
           J("div", {
-            class: Ye(["chart-layout", { "chart-layout--side": B.value && (r(g).display ?? !1) && G.value }])
+            class: Ye(["chart-layout", { "chart-layout--side": V.value && (r(g).display ?? !1) && G.value }])
           }, [
-            B.value && (r(g).display ?? !1) && oe.value ? (Y(), we(lt, {
+            V.value && (r(g).display ?? !1) && oe.value ? (Y(), we(lt, {
               key: 0,
               "chart-ref": a.value,
               enabled: r(g).display ?? !1,
@@ -3933,11 +3933,11 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
               plugins: [r(P), r(p)],
               "maintain-aspect-ratio": !1,
               style: Ze({
-                "--chart-width": B.value && (r(g).display ?? !1) && G.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(w) !== void 0 ? r(w) + "px" : "100%",
-                "--chart-height": B.value && (r(g).display ?? !1) && !G.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(x) !== void 0 ? r(x) + "px" : "100%"
+                "--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%",
+                "--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%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
-            B.value && (r(g).display ?? !1) && !oe.value ? (Y(), we(lt, {
+            V.value && (r(g).display ?? !1) && !oe.value ? (Y(), we(lt, {
               key: 1,
               "chart-ref": a.value,
               enabled: r(g).display ?? !1,
@@ -3961,7 +3961,7 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
           "details-payload": r(i),
           "onUpdate:modelValue": r(c),
           onValueHover: r(_),
-          onValueLeave: r(V)
+          onValueLeave: r(B)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -3977,7 +3977,7 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = wt(), { FmForm: t } = mo, a = e, l = L(), s = ct(e, "modelValue"), i = L(!0), h = L(!1), c = Bn(), { selectedLocationIds: _, dateRange: V, timeRange: H } = vt(Gt()), T = L(vn.PORTRAIT);
+    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);
     function C() {
       var F;
       (F = l.value) == null || F.validateInputs();
@@ -3991,7 +3991,7 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
           orientationTypes: [T.value],
           isCombinedLocationLayout: i.value,
           timeRange: H.value,
-          dateRange: V.value,
+          dateRange: B.value,
           locationIds: _.value
         });
       } catch (F) {
@@ -4062,7 +4062,7 @@ const cl = { class: "widget-content" }, dl = /* @__PURE__ */ at({
 });
 function pl(e) {
   const { breakpoints: n } = fn(), { containerRef: t, isTable: a = L(!0) } = e;
-  let l = L(1), s = null, i = null, h = null, c = null, _ = null, V = null;
+  let l = L(1), s = null, i = null, h = null, c = null, _ = null, B = null;
   function H() {
     return t.value ? t.value.querySelector("table") : null;
   }
@@ -4071,8 +4071,8 @@ function pl(e) {
     const x = [];
     t.value && t.value.querySelectorAll("div,section,main,article,aside").forEach((p) => {
       if (p.scrollWidth > p.clientWidth) {
-        const B = window.getComputedStyle(p);
-        (B.overflowX === "auto" || B.overflowX === "scroll") && x.push(p);
+        const V = window.getComputedStyle(p);
+        (V.overflowX === "auto" || V.overflowX === "scroll") && x.push(p);
       }
     });
     let A = (P = t.value) == null ? void 0 : P.parentElement;
@@ -4110,10 +4110,10 @@ function pl(e) {
   }
   function d(x, A) {
     const P = x.querySelectorAll("th, td"), p = A.querySelectorAll("th, td");
-    P.forEach((B, X) => {
+    P.forEach((V, X) => {
       const G = p[X];
       if (!G) return;
-      const oe = B, te = window.getComputedStyle(oe);
+      const oe = V, te = window.getComputedStyle(oe);
       Object.assign(G.style, {
         width: `${oe.offsetWidth}px`,
         minWidth: `${oe.offsetWidth}px`,
@@ -4200,9 +4200,9 @@ function pl(e) {
         P && d(h, P), M();
       }
     };
-    V = new MutationObserver((P) => {
-      P.some((B) => B.type === "childList" ? B.addedNodes.length > 0 || B.removedNodes.length > 0 : !1) ? x() : A();
-    }), V.observe(h, {
+    B = new MutationObserver((P) => {
+      P.some((V) => V.type === "childList" ? V.addedNodes.length > 0 || V.removedNodes.length > 0 : !1) ? x() : A();
+    }), B.observe(h, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -4220,7 +4220,7 @@ function pl(e) {
         A.removeEventListener("scroll", _), A = A.parentElement;
       _ = null;
     }
-    c && (c.disconnect(), c = null), V && (V.disconnect(), V = null), i = null, h = null;
+    c && (c.disconnect(), c = null), B && (B.disconnect(), B = null), i = null, h = null;
   }
   function w() {
     C();
@@ -4270,11 +4270,11 @@ const vl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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), V = v(() => {
+    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(() => {
       var k;
       return (k = c.value) == null ? void 0 : k.$el;
     }), { refresh: H } = pl({
-      containerRef: V,
+      containerRef: B,
       isTable: _
     }), T = L(a.rollup), C = L(Xt()), d = L(a.drillDimension), F = v(() => {
       if (ut.value.length > 0) {
@@ -4288,26 +4288,26 @@ const vl = {
       () => F.value != ut.value.length - 1
     ), 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(
       Array.isArray(a.chartColors) ? [...a.chartColors] : void 0
-    ), B = L(
+    ), V = L(
       Array.isArray(a.chartColorLayers) ? [...a.chartColorLayers] : void 0
     ), X = L(
       Array.isArray(a.chartBreakdownColors) ? [...a.chartBreakdownColors] : void 0
     ), G = L(a.chartUseSecondaryMetricShades ?? !0), oe = L(a.chartColorBinding), te = L(
       Array.isArray(a.lineStyles) ? [...a.lineStyles] : void 0
-    ), ce = 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), ue = 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), Le = L(a.colWidths ?? []), He = L(!1), Ve = L(""), { breakpoints: De, getBreakpointsBoundary: Ee } = fn(), Oe = L(), Ue = v(
+    ), ce = 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), ue = 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), Le = L(a.colWidths ?? []), He = L(!1), Be = L(""), { breakpoints: De, getBreakpointsBoundary: Ee } = fn(), Oe = L(), Ue = v(
       () => h.customScreenWidth === void 0 ? window.innerWidth : h.customScreenWidth
-    ), Be = v(
+    ), Ve = v(
       () => (Ue == null ? void 0 : Ue.value) > Ee("xs")[1] && (Ue == null ? void 0 : Ue.value) <= Ee("sm")[1]
     ), nn = v(
       () => (Ue == null ? void 0 : Ue.value) > Ee("sm")[1] && (Ue == null ? void 0 : Ue.value) <= Ee("md")[1]
     ), hn = v(() => (Ue == null ? void 0 : Ue.value) > Ee("md")[1]), mn = v(() => {
       const k = t.value.size.width;
-      return hn.value || nn.value ? sl(k) : Be.value ? il(k) : ul(k);
+      return hn.value || nn.value ? sl(k) : Ve.value ? il(k) : ul(k);
     }), Dt = v(
       () => po.find((k) => k.type === t.value.widget.type)
     ), o = Cn(() => {
       var k;
-      Oe.value = Ba((k = c.value) == null ? void 0 : k.$el.offsetWidth), C.value = Xt();
+      Oe.value = Va((k = c.value) == null ? void 0 : k.$el.offsetWidth), C.value = Xt();
     }), y = v(() => {
       if (vo(le.value.type, m.value))
         switch (t.value.widget.type) {
@@ -4341,7 +4341,7 @@ const vl = {
       timeRange: ae,
       globalFilters: he,
       isGlobalFiltersLoading: j
-    } = vt(Gt()), { businessId: _e } = vt(Vn()), { businessLoadedId: Ae, businessDataVersion: xe } = vt(Gt());
+    } = vt(Gt()), { businessId: _e } = vt(Bn()), { businessLoadedId: Ae, businessDataVersion: xe } = vt(Gt());
     v(() => Ae.value === _e.value && S.value.length > 0 && !j.value);
     const me = L(!0), le = v(() => {
       const k = JSON.parse(JSON.stringify(t.value.widget));
@@ -4379,7 +4379,7 @@ const vl = {
         chartHeight: P.value,
         chartWidth: A.value,
         chartColors: p.value,
-        chartColorLayers: B.value,
+        chartColorLayers: V.value,
         chartBreakdownColors: X.value,
         chartUseSecondaryMetricShades: G.value,
         chartColorBinding: oe.value,
@@ -4422,7 +4422,7 @@ const vl = {
     function dt() {
       return {
         data: m.value,
-        filterText: Ve.value,
+        filterText: Be.value,
         rollupPosition: le.value.config.rollupPosition,
         grandTotalLabel: le.value.config.grandTotalLabel,
         rowHeight: Te.value,
@@ -4474,7 +4474,7 @@ const vl = {
     Re(
       () => t.value.widget.config,
       (k) => {
-        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, B.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, ce.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, ue.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, Le.value = k.colWidths ?? [], C.value = Xt();
+        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, ce.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, ue.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, Le.value = k.colWidths ?? [], C.value = Xt();
       },
       { deep: !0 }
     ), Re([() => T.value], () => {
@@ -4504,7 +4504,7 @@ const vl = {
     }), ha(() => {
       De.value.sm || De.value.md || De.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", o)) : removeEventListener("resize", o);
     });
-    const Kt = Bn();
+    const Kt = Vn();
     let an;
     async function Wn() {
       if (!h.isStyleEditing) {
@@ -4524,7 +4524,7 @@ const vl = {
         }
       }
     }
-    function Ba(k) {
+    function Va(k) {
       switch (t.value.widget.type) {
         case "SPACER":
           return;
@@ -4614,8 +4614,8 @@ const vl = {
                       }, 8, ["content", "disabled"]),
                       (Mt = Dt.value) != null && Mt.showSearchBar ? (Y(), we(xt, {
                         key: 0,
-                        modelValue: Ve.value,
-                        "onUpdate:modelValue": Ie[1] || (Ie[1] = (ht) => Ve.value = ht),
+                        modelValue: Be.value,
+                        "onUpdate:modelValue": Ie[1] || (Ie[1] = (ht) => Be.value = ht),
                         class: "grow"
                       }, null, 8, ["modelValue"])) : (Y(), ge("div", vl)),
                       Ga(fe(pn, {
@@ -4741,7 +4741,7 @@ function Gl({
         default: !0
       };
     case mt.Timestamp:
-      return Va({
+      return Ba({
         dimensionOption: n,
         fixed: l,
         count: s,
@@ -4776,7 +4776,7 @@ function Jl(e) {
       return;
   }
 }
-function Va({
+function Ba({
   dimensionOption: e,
   fixed: n,
   count: t,
@@ -4855,7 +4855,7 @@ function ua({
   dimensionOption: e,
   t: n
 }) {
-  const t = Va({
+  const t = Ba({
     dimensionOption: e,
     fixed: !1,
     count: 1,
@@ -4898,7 +4898,7 @@ const Cl = va(bl, () => {
   function _(T) {
     n.value = T;
   }
-  function V(T) {
+  function B(T) {
     t.value = T;
   }
   function H() {
@@ -4913,18 +4913,18 @@ const Cl = va(bl, () => {
     setGlobalFilter: h,
     showMore: c,
     setIncludeUnavailable: _,
-    openMenu: V,
+    openMenu: B,
     closeMenu: H,
     getKey: ca
   };
 }), wl = { class: "flex flex-row flex-wrap gap-2" }, xl = { class: "inline-flex max-w-[460px]" }, Sl = {
   key: 0,
   class: "flex justify-center my-2"
-}, _l = { class: "px-2 pb-8" }, kl = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, Tl = { class: "px-2 pb-8" }, Ll = { class: "flex items-start w-full" }, Dl = ["onClick"], Il = { class: "fm-typo-en-body-md-400" }, Ml = { key: 0 }, Fl = { class: "px-12 py-3" }, Vl = { class: "flex items-center justify-between" }, Bl = { class: "text-xs max-w-[200px]" }, Al = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Yt = "(EMPTY)", Zl = /* @__PURE__ */ at({
+}, _l = { class: "px-2 pb-8" }, kl = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, Tl = { class: "px-2 pb-8" }, Ll = { class: "flex items-start w-full" }, Dl = ["onClick"], Il = { class: "fm-typo-en-body-md-400" }, Ml = { key: 0 }, Fl = { class: "px-12 py-3" }, Bl = { class: "flex items-center justify-between" }, Vl = { class: "text-xs max-w-[200px]" }, Al = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Yt = "(EMPTY)", Zl = /* @__PURE__ */ at({
   __name: "FilterSelector",
   setup(e) {
     const { t: n, locale: t } = wt(), { currentReport: a, editingTile: l } = vt(eo());
-    let { globalFilters: s, isGlobalFiltersLoading: i, timeRange: h, dateRange: c, selectedLocationIds: _, timezone: V } = vt(Gt()), { schemas: H } = vt(to()), { showMore: T, getGlobalFilter: C, setGlobalFilter: d, setIncludeUnavailable: F, getKey: M, isMenuOpen: I } = Cl();
+    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 } = Cl();
     const b = v(() => n("report.input.unknown"));
     let f = null;
     const g = L(!1), w = v(() => {
@@ -4941,7 +4941,7 @@ const Cl = va(bl, () => {
     function p(u) {
       u.options = [], u.selectedValues = [], u.filter.values = [], d(u.filter, w.value, "selectedValues", []);
     }
-    function B(u) {
+    function V(u) {
       const Q = C(u.filter, w.value).selectedValues;
       u.selectedValues = u.keepSelection ? Q : u.options.map((Z) => Z.value), u.filter.values = [...u.selectedValues], d(u.filter, w.value, "selectedValues", u.selectedValues);
     }
@@ -5001,9 +5001,9 @@ const Cl = va(bl, () => {
         const de = (Le = Fe == null ? void 0 : Fe.widget) == null ? void 0 : Le.config;
         if (!de || (He = u.tileIds) != null && He.length && !u.tileIds.includes(Fe.id)) return !1;
         const W = (de.dimensions ?? []).some(
-          (Ve) => Ve.schemaName === Z && Ve.name === Q
+          (Be) => Be.schemaName === Z && Be.name === Q
         ), Se = (de.joinDatasources ?? []).some(
-          (Ve) => (Ve.dimensions ?? []).some((De) => De.schemaName === Z && De.name === Q)
+          (Be) => (Be.dimensions ?? []).some((De) => De.schemaName === Z && De.name === Q)
         ), Te = (de.schemaNames ?? []).includes(Z);
         return W || Se || Te;
       });
@@ -5029,8 +5029,8 @@ const Cl = va(bl, () => {
         };
       };
       return be.map((Fe) => {
-        var Ve, De;
-        const de = (Ve = Fe == null ? void 0 : Fe.widget) == null ? void 0 : Ve.config;
+        var Be, De;
+        const de = (Be = Fe == null ? void 0 : Fe.widget) == null ? void 0 : Be.config;
         if (!de) return null;
         const W = Xe(de), Se = (de.dimensions ?? []).some((Ee) => Ee.schemaName === Z) || (de.schemaNames ?? []).includes(Z), Te = ze(
           de.filters ?? [],
@@ -5138,7 +5138,7 @@ const Cl = va(bl, () => {
       }
       if (!(!u.type && (u.type = X(u.filter), !u.type))) {
         if (D(u.filter)) {
-          u.options = N(u.filter), B(u);
+          u.options = N(u.filter), V(u);
           return;
         }
         switch (u.type) {
@@ -5162,7 +5162,7 @@ const Cl = va(bl, () => {
                 label: String(de).trim() === "" ? b.value : String(de),
                 value: de,
                 available: u.keepSelection ? je.has(de) : Fe.has(de)
-              })), B(u);
+              })), V(u);
             } catch (Z) {
               if ((Z == null ? void 0 : Z.code) === "ERR_CANCELED" || (Z == null ? void 0 : Z.name) === "CanceledError")
                 return;
@@ -5173,7 +5173,7 @@ const Cl = va(bl, () => {
             u.options = [
               { label: n("report.common.yes"), value: !0 },
               { label: n("report.common.no"), value: !1 }
-            ], B(u);
+            ], V(u);
             break;
           }
           case mt.Timestamp:
@@ -5181,7 +5181,7 @@ const Cl = va(bl, () => {
               const Z = u.filter.option;
               u.options = ua({ dimensionOption: Z, t: n }), u.filter.values = u.options.length ? u.options.map((be) => be.value) : ["NULL"];
             }
-            B(u);
+            V(u);
             break;
           case mt.Numeric:
             break;
@@ -5216,7 +5216,7 @@ const Cl = va(bl, () => {
       if (E === null)
         u.values = [];
       else {
-        const Z = Vt(E.startDate).tz(V.value).startOf("day").utc().toISOString(), be = Vt(E.endDate).tz(V.value).endOf("day").utc().toISOString();
+        const Z = Bt(E.startDate).tz(B.value).startOf("day").utc().toISOString(), be = Bt(E.endDate).tz(B.value).endOf("day").utc().toISOString();
         u.values = [Z, be];
       }
       const Q = x.value.find((Z) => Z.filter === u);
@@ -5239,10 +5239,10 @@ const Cl = va(bl, () => {
             startDate: ((Ne = u.filter.values) == null ? void 0 : Ne[0]) || null,
             endDate: ((je = u.filter.values) == null ? void 0 : je[1]) || null,
             locale: t.value,
-            timezone: V.value
+            timezone: B.value
           })}` : E, suffix: "" };
         if (u.filter.option === Je.TimeOfDay) {
-          const Se = (Fe = u.filter.values) != null && Fe[0] ? Vt(u.filter.values[0]).tz(V.value) : null, Te = (de = u.filter.values) != null && de[1] ? Vt(u.filter.values[1]).tz(V.value) : null, Le = (Ve) => Ve && Ve.isValid() ? { hour: Ve.hour(), minute: Ve.minute() } : null;
+          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, Le = (Be) => Be && Be.isValid() ? { hour: Be.hour(), minute: Be.minute() } : null;
           return { preview: W ? `${E} is between ${fo({
             startTime: Le(Se),
             endTime: Le(Te),
@@ -5253,9 +5253,9 @@ const Cl = va(bl, () => {
           const Se = ua({
             dimensionOption: u.filter.option,
             t: n
-          }), Te = new Map(Se.map((De) => [String(De.value), De.label])), He = A(u.selectedValues || []).map((De) => Te.get(String(De)) ?? String(De)), Ve = He.map((De) => De.length > 20 ? `${De.slice(0, 20)}…` : De).join(", ");
+          }), Te = new Map(Se.map((De) => [String(De.value), De.label])), He = A(u.selectedValues || []).map((De) => Te.get(String(De)) ?? String(De)), Be = He.map((De) => De.length > 20 ? `${De.slice(0, 20)}…` : De).join(", ");
           return He.length ? {
-            preview: `${E}: ${Ve}`,
+            preview: `${E}: ${Be}`,
             suffix: `(${He.length} selected)`
           } : { preview: E, suffix: Q };
         }
@@ -5286,7 +5286,7 @@ const Cl = va(bl, () => {
       if (E === null)
         u.values = [];
       else {
-        const Ne = Vt().tz(V.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 = Vt().tz(V.value).set("hour", Number((ze = E.end) == null ? void 0 : ze.hour)).set("minute", Number((Xe = E.end) == null ? void 0 : Xe.minute)).toISOString();
+        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();
         u.values = [Ne, je];
       }
       const Q = x.value.find((Ne) => Ne.filter === u);
@@ -5296,7 +5296,7 @@ const Cl = va(bl, () => {
       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");
       return Y(), ge("div", wl, [
         (Y(!0), ge(et, null, Lt(x.value, (W, Se) => {
-          var Te, Le, He, Ve, De, Ee;
+          var Te, Le, He, Be, De, Ee;
           return Y(), ge("div", {
             key: W.id
           }, [
@@ -5310,7 +5310,7 @@ const Cl = va(bl, () => {
               onChipClosed: () => pe(W.filter, null)
             }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : W.filter.option === r(Je).TimeOfDay && !D(W.filter) ? (Y(), we(no, {
               key: 1,
-              "model-value": { start: (Ve = W.filter.values) == null ? void 0 : Ve[0], end: (De = W.filter.values) == null ? void 0 : De[1] },
+              "model-value": { start: (Be = W.filter.values) == null ? void 0 : Be[0], end: (De = W.filter.values) == null ? void 0 : De[1] },
               class: "w-full",
               label: ee(W).preview,
               removable: ((Ee = W.filter.values) == null ? void 0 : Ee.length) === 2,
@@ -5349,8 +5349,8 @@ const Cl = va(bl, () => {
                       fe(Z, {
                         modelValue: W.search,
                         "onUpdate:modelValue": [
-                          (Be) => W.search = Be,
-                          (Be) => r(d)(W.filter, w.value, "search", Be)
+                          (Ve) => W.search = Ve,
+                          (Ve) => r(d)(W.filter, w.value, "search", Ve)
                         ],
                         type: "text",
                         "prepend-icon": "search",
@@ -5365,56 +5365,56 @@ const Cl = va(bl, () => {
                           "has-checkbox": !0,
                           "model-value": oe(W),
                           indeterminate: !0,
-                          onClick: (Be) => te(W)
+                          onClick: (Ve) => te(W)
                         }, null, 8, ["label", "model-value", "onClick"]),
-                        (Y(!0), ge(et, null, Lt(ce.value[Se], (Be) => (Y(), ge(et, {
-                          key: Be.value
+                        (Y(!0), ge(et, null, Lt(ce.value[Se], (Ve) => (Y(), ge(et, {
+                          key: Ve.value
                         }, [
-                          Be.label && Be.label.length > 110 ? (Y(), we(ze, {
+                          Ve.label && Ve.label.length > 110 ? (Y(), we(ze, {
                             key: 0,
                             placement: "right",
                             "hide-arrow": !0,
                             "z-index": 2e3
                           }, {
                             content: $e(() => [
-                              bn(Ge(Be.label), 1)
+                              bn(Ge(Ve.label), 1)
                             ]),
                             default: $e(() => [
                               J("div", Ll, [
                                 fe(be, {
-                                  label: We(Be.label, 110),
+                                  label: We(Ve.label, 110),
                                   "has-checkbox": !0,
-                                  "model-value": W.selectedValues.includes(Be.value),
+                                  "model-value": W.selectedValues.includes(Ve.value),
                                   class: Ye([
                                     "flex-1 text-left",
-                                    { "bg-gray-200": Be.available === !1 }
+                                    { "bg-gray-200": Ve.available === !1 }
                                   ]),
-                                  onClick: () => re(W, Be.value)
+                                  onClick: () => re(W, Ve.value)
                                 }, null, 8, ["label", "model-value", "class", "onClick"])
                               ])
                             ]),
                             _: 2
                           }, 1024)) : (Y(), we(be, {
                             key: 1,
-                            label: Be.label,
+                            label: Ve.label,
                             "has-checkbox": !0,
-                            "model-value": W.selectedValues.includes(Be.value),
-                            class: Ye(["flex-1 text-left", { "bg-gray-100": Be.available === !1 }]),
-                            onClick: () => re(W, Be.value)
+                            "model-value": W.selectedValues.includes(Ve.value),
+                            class: Ye(["flex-1 text-left", { "bg-gray-100": Ve.available === !1 }]),
+                            onClick: () => re(W, Ve.value)
                           }, null, 8, ["label", "model-value", "class", "onClick"]))
                         ], 64))), 128)),
                         ce.value[Se].length < W.options.length && !W.search ? (Y(), we(be, {
                           key: 0,
                           class: "fm-typo-en-body-md-400 -ml-2",
                           label: r(n)("report.section.filter.loadMore"),
-                          onClick: Tt((Be) => ie(W), ["stop"]),
+                          onClick: Tt((Ve) => ie(W), ["stop"]),
                           icon: "autorenew"
                         }, null, 8, ["label", "onClick"])) : Me("", !0)
                       ])
                     ]),
                     J("div", {
                       class: "px-12 py-2 flex items-center gap-2 cursor-pointer hover:bg-fm-color-neutral-50 transition-colors",
-                      onClick: (Be) => ke(W)
+                      onClick: (Ve) => ke(W)
                     }, [
                       fe(Xe, {
                         name: W.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
@@ -5426,7 +5426,7 @@ const Cl = va(bl, () => {
                     fe(Ne),
                     W.showAdvanced ? (Y(), ge("div", Ml, [
                       J("div", Fl, [
-                        J("div", Vl, [
+                        J("div", Bl, [
                           fe(je, {
                             "model-value": W.keepSelection,
                             label: r(n)("report.section.filter.keepSelection"),
@@ -5438,7 +5438,7 @@ const Cl = va(bl, () => {
                             "z-index": 2e3
                           }, {
                             content: $e(() => [
-                              J("div", Bl, Ge(r(n)("report.section.filter.keepSelectionTooltip")), 1)
+                              J("div", Vl, Ge(r(n)("report.section.filter.keepSelectionTooltip")), 1)
                             ]),
                             default: $e(() => [
                               fe(Xe, {
@@ -5456,11 +5456,11 @@ const Cl = va(bl, () => {
                       fe(Fe, {
                         variant: "tertiary",
                         label: r(n)("report.common.cancel"),
-                        onClick: Tt((Be) => Ce(W), ["stop"])
+                        onClick: Tt((Ve) => Ce(W), ["stop"])
                       }, null, 8, ["label", "onClick"]),
                       fe(Fe, {
                         color: "primary",
-                        onClick: Tt((Be) => ye(W), ["stop"]),
+                        onClick: Tt((Ve) => ye(W), ["stop"]),
                         label: r(n)("report.common.apply")
                       }, null, 8, ["onClick", "label"])
                     ])