@feedmepos/mf-report 5.23.8 → 5.23.9

package/dist/{FilterSelector.vue_vue_type_script_setup_true_lang-DwTI3NLV.js → FilterSelector.vue_vue_type_script_setup_true_lang-DclkRCoN.js}

@@ -1,11 +1,11 @@
-import { computed as v, defineComponent as at, ref as D, onMounted as it, onBeforeUnmount as ia, resolveComponent as ge, createBlock as we, openBlock as Y, Transition as Ha, withCtx as ze, createElementBlock as be, createCommentVNode as Me, createElementVNode as J, unref as l, normalizeStyle as Ze, withModifiers as Tt, toDisplayString as Ge, createVNode as me, Fragment as et, renderList as Lt, normalizeClass as qe, watch as Pe, nextTick as tt, mergeModels as gt, useModel as ct, renderSlot as yt, h as ln, createSlots as Wa, resolveDynamicComponent as ua, toRaw as Oa, markRaw as Ea, createTextVNode as bn, onUnmounted as ca, withDirectives as Ua, vShow as Ka } from "vue";
-import { W as ie, d as Ht, e as qa, S as St, v as Gt, f as Ya, g as vn, h as da, q as fa, R as Ft, i as Xa, D as ht, b as Je, C as st, u as Ga, a as ja, _ as Ja } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CpV0wkhL.js";
-import { k as Za, z as Qa, l as eo, m as to, a as jt, u as Bn, d as Bt, i as no } from "./app-BV4xSC2o.js";
-import { d as Cn, _ as ao, a as oo, b as lo, c as ro } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BuW4FTY2.js";
+import { computed as v, defineComponent as at, ref as D, onMounted as it, onBeforeUnmount as ia, resolveComponent as ge, createBlock as we, openBlock as X, Transition as Ha, withCtx as ze, createElementBlock as be, createCommentVNode as Me, createElementVNode as J, unref as l, normalizeStyle as Ze, withModifiers as Tt, toDisplayString as Ge, createVNode as me, Fragment as et, renderList as Lt, normalizeClass as qe, watch as Pe, nextTick as tt, mergeModels as gt, useModel as ct, renderSlot as yt, h as ln, createSlots as Wa, resolveDynamicComponent as ua, toRaw as Oa, markRaw as Ea, createTextVNode as bn, onUnmounted as ca, withDirectives as Ua, vShow as Ka } from "vue";
+import { W as ie, d as Ht, e as qa, S as St, v as Gt, f as Xa, g as vn, h as da, q as fa, R as Ft, i as Ya, D as ht, b as Je, C as st, u as Ga, a as ja, _ as Ja } from "./BaseDialog.vue_vue_type_script_setup_true_lang-pYe2bX3S.js";
+import { k as Za, z as Qa, l as eo, m as to, a as jt, u as Bn, d as Bt, i as no } from "./app-AWxvVekP.js";
+import { d as Cn, _ as ao, a as oo, b as lo, c as ro } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-XYtSMlzj.js";
 import { storeToRefs as vt, defineStore as ma } from "pinia";
 import { C as wn } from "./chart-DDDh8zNk.js";
 import { detectLocale as so } from "@feedmepos/mf-common";
-import { useBreakpoints as fn, useSnackbar as An, components as io } from "@feedmepos/ui-library";
+import { useBreakpoints as fn, useSnackbar as Vn, components as io } from "@feedmepos/ui-library";
 import { u as wt } from "./vue-i18n-DVWuTfed.js";
 import { _ as ha } 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"
 ], Er = dn.map(() => "solid");
-function At({
+function Vt({
   datasetIndex: e,
   label: n
 }) {
@@ -356,7 +356,7 @@ function So() {
   };
 }
 const _o = "rgba(0, 0, 0, 0.3)";
-function Yn(e) {
+function Xn(e) {
   if (typeof document > "u" || typeof window > "u")
     return;
   const n = String((e == null ? void 0 : e.id) ?? "");
@@ -430,22 +430,22 @@ function Qt(e) {
       n && (a.ctx.restore(), n = !1);
     },
     beforeDestroy: (a) => {
-      Yn(a);
+      Xn(a);
     },
     afterDestroy: (a) => {
-      Yn(a);
+      Xn(a);
     }
   };
 }
-const Lo = Number.POSITIVE_INFINITY, In = 2, Do = 1, Io = 0.2, Mo = 120, { breakpoints: Vt } = fn(), Vn = "report-v5:locationchange";
-let Xn = !1;
+const Lo = Number.POSITIVE_INFINITY, In = 2, Do = 1, Io = 0.2, Mo = 120, { breakpoints: At } = fn(), An = "report-v5:locationchange";
+let Yn = !1;
 function Gn() {
-  window.dispatchEvent(new Event(Vn));
+  window.dispatchEvent(new Event(An));
 }
 function Fo() {
-  if (Xn)
+  if (Yn)
     return;
-  Xn = !0;
+  Yn = !0;
   const e = window.history.pushState.bind(window.history), n = window.history.replaceState.bind(window.history);
   window.history.pushState = function(...a) {
     const r = e(...a);
@@ -468,10 +468,10 @@ function ba() {
 function Bo(e) {
   return e == null ? null : typeof e != "string" ? [] : e.split("#").map((n) => n.trim()).filter((n) => n.length > 0);
 }
-function Ao(e) {
+function Vo(e) {
   return e.dash === !0 || e.isCompare === !0;
 }
-function Vo(e) {
+function Ao(e) {
   return typeof e.label == "string" ? e.label : "N/A";
 }
 function $o(e, n) {
@@ -485,13 +485,13 @@ function zo(e, n) {
   return e.type === "bar" ? !0 : n === "bar";
 }
 function Po(e, n, t) {
-  const a = Yt(e.borderColor, n) || Yt(e.color, n), r = Yt(e.backgroundColor, n), s = Yt(e.pointBorderColor, n), u = Yt(e.pointBackgroundColor, n);
+  const a = Xt(e.borderColor, n) || Xt(e.color, n), r = Xt(e.backgroundColor, n), s = Xt(e.pointBorderColor, n), u = Xt(e.pointBackgroundColor, n);
   return t ? jn(r, u, a, s) : jn(a, s, r, u);
 }
 function Ro(e) {
   return e.trim().toLowerCase();
 }
-function Yt(e, n) {
+function Xt(e, n) {
   if (typeof e == "string") return e;
   if (Array.isArray(e)) {
     const t = e[n];
@@ -524,14 +524,14 @@ function Oo(e) {
   return Number.isFinite(n) ? Math.max(In, Math.floor(n)) : Lo;
 }
 function Eo(e) {
-  return e <= 0 ? 320 : Vt.value.xs || Vt.value.sm || e <= 640 ? Math.max(160, Math.floor(e * 0.38)) : Vt.value.md || e <= 900 ? Math.max(200, Math.floor(e * 0.46)) : Vt.value.lg || e <= 1200 ? Math.max(240, Math.floor(e * 0.54)) : Math.max(280, Math.floor(e * 0.62));
+  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));
 }
 function $n(e, n) {
   const t = window.innerHeight, a = Eo(t), r = n ? Math.max(120, n.clientHeight - 16) : Number.POSITIVE_INFINITY, s = Math.max(120, Math.min(a, r));
   e.style.maxHeight = `${s}px`;
 }
 function $t() {
-  return Vt.value.xs || Vt.value.sm;
+  return At.value.xs || At.value.sm;
 }
 function Nt(e) {
   return e.dataset.pinned === "true";
@@ -574,12 +574,12 @@ function qo(e) {
   return `<button type="button" data-tooltip-full-details="true" style="${go}">${Mn(e)}</button>`;
 }
 function xa(e, n, t, a, r, s, u, p) {
-  var V;
-  const d = (V = e[0]) == null ? void 0 : V.label, C = Bo(d), N = (C == null ? void 0 : C[0]) ?? "", H = C == null ? void 0 : C[1], I = [], b = [], f = /* @__PURE__ */ new Set();
+  var A;
+  const d = (A = e[0]) == null ? void 0 : A.label, C = Bo(d), N = (C == null ? void 0 : C[0]) ?? "", H = C == null ? void 0 : C[1], I = [], b = [], f = /* @__PURE__ */ new Set();
   s.forEach((_, c) => {
     if (f.has(c))
       return;
-    const F = _ ?? {}, E = Vo(F), G = $o(F, u), le = zo(F, p), te = {
+    const F = _ ?? {}, E = Ao(F), G = $o(F, u), le = zo(F, p), te = {
       text: No(E, G),
       color: Po(F, u, le),
       isBar: le,
@@ -587,7 +587,7 @@ function xa(e, n, t, a, r, s, u, p) {
       datasetLabel: E,
       matchingKey: Ro(E)
     };
-    if (H && Ao(F)) {
+    if (H && Vo(F)) {
       b.push(te);
       return;
     }
@@ -602,15 +602,15 @@ function xa(e, n, t, a, r, s, u, p) {
     }
     c.push(_);
   });
-  const A = H ? M.map((_) => {
+  const V = H ? M.map((_) => {
     const c = B.get(_.matchingKey);
     return !c || c.length === 0 ? Jn(_) : c.shift() ?? Jn(_);
-  }) : [], g = I.length > M.length || b.length > A.length, m = (_, c = !1) => `<div style="${Uo(c)}">${Mn(_)}</div>`, L = (_) => {
+  }) : [], g = I.length > M.length || b.length > V.length, m = (_, c = !1) => `<div style="${Uo(c)}">${Mn(_)}</div>`, L = (_) => {
     const c = Ko(_.isBar, _.color);
     return `<div style="${bo}"><span style="${c}"></span><span style="${Co}">${Mn(_.text)}</span></div>`;
   };
   let x = "";
-  N.length > 0 && (x += m(N)), x += M.map((_) => L(_)).join(""), H && A.length > 0 && (x += m(H, x.length > 0), x += A.map((_) => L(_)).join("")), r && g && (x += qo(t));
+  N.length > 0 && (x += m(N)), x += M.map((_) => L(_)).join(""), H && V.length > 0 && (x += m(H, x.length > 0), x += V.map((_) => L(_)).join("")), r && g && (x += qo(t));
   const w = [
     {
       title: N,
@@ -643,7 +643,7 @@ function rn(e, n, t, a, r, s, u, p, d) {
   );
   return e.innerHTML !== C.html && (e.innerHTML = C.html, rl(e)), C;
 }
-function Yo(e, n, t, a, r, s, u, p, d) {
+function Xo(e, n, t, a, r, s, u, p, d) {
   if (Number.isFinite(r))
     return {
       markup: rn(
@@ -742,7 +742,7 @@ function sn(e, n) {
     (t) => typeof t == "string" ? Qn(t, n) : t
   ) : e;
 }
-function Xo(e) {
+function Yo(e) {
   e.__tooltipOriginalStyle || (e.__tooltipOriginalStyle = {
     borderColor: Reflect.get(e, "borderColor"),
     backgroundColor: Reflect.get(e, "backgroundColor"),
@@ -778,7 +778,7 @@ function un(e, n) {
   const t = e.data.datasets;
   if (t.length !== 0) {
     if (t.forEach((a, r) => {
-      Xo(a), !n || r === n.datasetIndex ? Go(a) : jo(a, Io);
+      Yo(a), !n || r === n.datasetIndex ? Go(a) : jo(a, Io);
     }), typeof e.setActiveElements == "function")
       try {
         n ? e.setActiveElements([
@@ -823,14 +823,14 @@ function Nn(e) {
 function zn(e, n, t, a, r, s, u = "center", p = !1) {
   const d = n.getBoundingClientRect(), C = t.getBoundingClientRect(), N = t.scrollLeft, H = t.scrollTop, I = t.clientWidth, b = t.clientHeight, f = e;
   (!Number.isFinite(f.__cachedWidth) || !Number.isFinite(f.__cachedHeight) || f.__measurementHostWidth !== I || f.__measurementHostHeight !== b) && (f.__cachedWidth = e.offsetWidth, f.__cachedHeight = e.offsetHeight, f.__measurementHostWidth = I, f.__measurementHostHeight = b);
-  const B = f.__cachedWidth ?? e.offsetWidth, A = f.__cachedHeight ?? e.offsetHeight, g = 8, m = d.left - C.left + N + a, L = d.top - C.top + H + r, x = p ? u === "left" ? m - B - g : m + g : u === "left" ? m - B - g : u === "right" ? m + g : m - B / 2, w = p ? L + g : s ? L - A / 2 : L + g, V = N + g;
+  const B = f.__cachedWidth ?? e.offsetWidth, V = f.__cachedHeight ?? e.offsetHeight, g = 8, m = d.left - C.left + N + a, L = d.top - C.top + H + r, x = p ? u === "left" ? m - B - g : m + g : u === "left" ? m - B - g : u === "right" ? m + g : m - B / 2, w = p ? L + g : s ? L - V / 2 : L + g, A = N + g;
   let _ = H + g;
   const c = document.querySelector('[data-menu-tab="true"]');
   if (c) {
     const ce = c.getBoundingClientRect().bottom - C.top + H + g;
     _ = Math.max(_, ce);
   }
-  const F = Math.max(V, N + I - B - g), E = Math.max(_, H + b - A - g), G = Math.round(Math.min(Math.max(V, x), F)), le = Math.round(Math.min(Math.max(_, w), E));
+  const F = Math.max(A, N + I - B - g), E = Math.max(_, H + b - V - g), G = Math.round(Math.min(Math.max(A, x), F)), le = Math.round(Math.min(Math.max(_, w), E));
   f.__lastLeftPx === G && f.__lastTopPx === le || (f.__lastLeftPx = G, f.__lastTopPx = le, e.style.left = `${G}px`, e.style.top = `${le}px`);
 }
 function _a(e) {
@@ -857,7 +857,7 @@ function el(e) {
   e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
 }
 function tl(e) {
-  e.__onNavigationChange && (window.removeEventListener(Vn, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
+  e.__onNavigationChange && (window.removeEventListener(An, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
 }
 function nl(e) {
   e.__disconnectObserver && (e.__disconnectObserver.disconnect(), e.__disconnectObserver = void 0);
@@ -872,7 +872,7 @@ function al(e, n, t) {
       return;
     }
     pt(e, n, !0);
-  }, window.addEventListener(Vn, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
+  }, window.addEventListener(An, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
 }
 function ol(e, n) {
   e.__disconnectObserver || document.body && (e.__disconnectObserver = new MutationObserver(() => {
@@ -956,16 +956,16 @@ function sl(e, n, t, a, r) {
   }, n.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
     passive: !0
   })), e.__onCanvasClick || (e.__onCanvasClick = (u) => {
-    var B, A;
+    var B, V;
     if (!(r != null && r.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
       return;
     const p = (g) => {
-      var V, _, c, F;
+      var A, _, c, F;
       if (g.length === 0)
         return !1;
-      const m = (V = g.find(
+      const m = (A = g.find(
         (E) => typeof E.dataIndex == "number"
-      )) == null ? void 0 : V.dataIndex, L = ((_ = t == null ? void 0 : t.data) == null ? void 0 : _.datasets) ?? [], x = (c = t == null ? void 0 : t.config) == null ? void 0 : c.type, w = xa(
+      )) == null ? void 0 : A.dataIndex, L = ((_ = t == null ? void 0 : t.data) == null ? void 0 : _.datasets) ?? [], x = (c = t == null ? void 0 : t.config) == null ? void 0 : c.type, w = xa(
         g,
         a,
         (r == null ? void 0 : r.viewFullDetailsLabel) ?? ba(),
@@ -1009,7 +1009,7 @@ function sl(e, n, t, a, r) {
     } catch {
       return;
     }
-    const M = ((A = t == null ? void 0 : t.tooltip) == null ? void 0 : A.dataPoints) ?? [];
+    const M = ((V = t == null ? void 0 : t.tooltip) == null ? void 0 : V.dataPoints) ?? [];
     p(M);
   }, n.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (u) => {
     if ($t()) {
@@ -1113,7 +1113,7 @@ function ul(e, n) {
     Pt(d);
     const N = (n == null ? void 0 : n.viewFullDetailsLabel) ?? ba(), H = !!(n != null && n.onViewFullDetails), I = (G = C.find((ne) => typeof ne.dataIndex == "number")) == null ? void 0 : G.dataIndex, b = ((le = a == null ? void 0 : a.data) == null ? void 0 : le.datasets) ?? [], f = (te = a == null ? void 0 : a.config) == null ? void 0 : te.type, {
       markup: { detailsPayload: M, hasCollapsedValues: B }
-    } = Yo(
+    } = Xo(
       d,
       C,
       e,
@@ -1123,22 +1123,22 @@ function ul(e, n) {
       b,
       I,
       f
-    ), A = H && B;
-    d.__detailsPayload = A ? M : void 0, d.style.pointerEvents = A ? "auto" : "none";
+    ), V = H && B;
+    d.__detailsPayload = V ? M : void 0, d.style.pointerEvents = V ? "auto" : "none";
     const g = typeof (r == null ? void 0 : r.caretX) == "number" ? r.caretX : 0, m = Number(d.dataset.cursorCanvasX), L = Number(d.dataset.cursorCanvasY);
     if (!(Number.isFinite(m) && Number.isFinite(L))) {
       d.style.opacity = "0";
       return;
     }
-    const w = (ce = a == null ? void 0 : a.scales) == null ? void 0 : ce.x, V = w && typeof w.getPixelForValue == "function" ? w.getPixelForValue(0) : NaN, _ = e ? C.reduce((ne, k) => {
+    const w = (ce = a == null ? void 0 : a.scales) == null ? void 0 : ce.x, A = w && typeof w.getPixelForValue == "function" ? w.getPixelForValue(0) : NaN, _ = e ? C.reduce((ne, k) => {
       const U = k == null ? void 0 : k.element, z = U == null ? void 0 : U.x;
       if (typeof z != "number" || !Number.isFinite(z))
         return ne;
       if (!Number.isFinite(ne))
         return z;
-      const P = Number.isFinite(V) ? V : g, $ = Math.abs(ne - P);
+      const P = Number.isFinite(A) ? A : g, $ = Math.abs(ne - P);
       return Math.abs(z - P) > $ ? z : ne;
-    }, Number.NaN) : Number.NaN, c = m, F = L, E = e ? Number.isFinite(V) && Number.isFinite(_) && _ < V ? "left" : "right" : "center";
+    }, Number.NaN) : Number.NaN, c = m, F = L, E = e ? Number.isFinite(A) && Number.isFinite(_) && _ < A ? "left" : "right" : "center";
     zn(
       d,
       s,
@@ -1162,12 +1162,12 @@ function Et(e) {
   function a(b, f, M) {
     if (b.measureText(f).width <= M) return f;
     const B = "…";
-    let A = 0, g = f.length;
-    for (; A < g; ) {
-      const m = Math.floor((A + g) / 2), L = f.slice(0, m) + B;
-      b.measureText(L).width <= M ? A = m + 1 : g = m;
+    let V = 0, g = f.length;
+    for (; V < g; ) {
+      const m = Math.floor((V + g) / 2), L = f.slice(0, m) + B;
+      b.measureText(L).width <= M ? V = m + 1 : g = m;
     }
-    return f.slice(0, A - 1) + B;
+    return f.slice(0, V - 1) + B;
   }
   function r(b) {
     const f = b == null ? "" : String(b), [M] = f.split("#");
@@ -1204,7 +1204,7 @@ function Et(e) {
         let M = String(b);
         const B = this;
         B && typeof B.getLabelForValue == "function" && (M = B.getLabelForValue(b)), M = r(M);
-        const A = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = A.height * 0.25;
+        const V = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = V.height * 0.25;
         if (g && m > 0) {
           g.save();
           const x = g.measureText(M).width > m ? a(g, M, m) : M;
@@ -1252,7 +1252,7 @@ function Et(e) {
         let M = String(b);
         const B = this;
         B && typeof B.getLabelForValue == "function" && (M = B.getLabelForValue(b)), M = r(M);
-        const A = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = A.width * 0.4;
+        const V = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = V.width * 0.4;
         if (g && m > 0) {
           g.save();
           const x = g.measureText(M).width > m ? a(g, M, m) : M;
@@ -1285,9 +1285,9 @@ function Et(e) {
         const f = e.legendColor ?? "#6b6b6b", M = ((B = b == null ? void 0 : b.data) == null ? void 0 : B.datasets) || [];
         if (M.length === 0) return [];
         if (M.length === 1 && Array.isArray(M[0].backgroundColor) && M[0].backgroundColor.length > 1 && Array.isArray(M[0].data)) {
-          const A = M[0];
+          const V = M[0];
           return b.data.labels.map((m, L) => {
-            const x = A.backgroundColor[L];
+            const x = V.backgroundColor[L];
             return {
               text: m,
               fontColor: f,
@@ -1300,10 +1300,10 @@ function Et(e) {
             };
           });
         }
-        return b.data.datasets.map((A, g) => {
-          const m = A.borderColor || A.backgroundColor;
+        return b.data.datasets.map((V, g) => {
+          const m = V.borderColor || V.backgroundColor;
           return {
-            text: s(A.label),
+            text: s(V.label),
             fontColor: f,
             color: f,
             fillStyle: m,
@@ -1360,12 +1360,12 @@ const cl = {
     function B() {
       return typeof window > "u" ? na : Math.floor(window.innerWidth * 0.94);
     }
-    function A(c) {
+    function V(c) {
       const F = B(), E = Math.min(Cl, F);
       return Math.min(F, Math.max(E, Math.floor(c)));
     }
     function g(c) {
-      typeof window > "u" || (u.value = A(window.innerWidth - c));
+      typeof window > "u" || (u.value = V(window.innerWidth - c));
     }
     function m() {
       p.value = !1, document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", m), document.removeEventListener("pointercancel", m);
@@ -1377,9 +1377,9 @@ const cl = {
       d.value && (p.value = !0, g(c.clientX), document.addEventListener("pointermove", L), document.addEventListener("pointerup", m), document.addEventListener("pointercancel", m));
     }
     function w() {
-      u.value = A(u.value);
+      u.value = V(u.value);
     }
-    function V(c) {
+    function A(c) {
       var G;
       if (!d.value)
         return;
@@ -1393,12 +1393,12 @@ const cl = {
       d.value && c.key === "Escape" && M();
     }
     return it(() => {
-      u.value = A(u.value), document.addEventListener("pointerdown", V, !0), document.addEventListener("keydown", _), window.addEventListener("resize", w);
+      u.value = V(u.value), document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", _), window.addEventListener("resize", w);
     }), ia(() => {
-      m(), document.removeEventListener("pointerdown", V, !0), document.removeEventListener("keydown", _), window.removeEventListener("resize", w);
+      m(), document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", _), window.removeEventListener("resize", w);
     }), (c, F) => {
       const E = ge("FmButton");
-      return Y(), we(Ha, {
+      return X(), we(Ha, {
         "enter-active-class": "transform transition duration-200 ease-out",
         "enter-from-class": "translate-x-full opacity-0",
         "enter-to-class": "translate-x-0 opacity-100",
@@ -1407,7 +1407,7 @@ const cl = {
         "leave-to-class": "translate-x-full opacity-0"
       }, {
         default: ze(() => [
-          d.value ? (Y(), be("div", cl, [
+          d.value ? (X(), be("div", cl, [
             J("div", {
               ref_key: "panelRef",
               ref: s,
@@ -1437,12 +1437,12 @@ const cl = {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
                 onMouseleave: f
               }, [
-                (Y(!0), be(et, null, Lt(C.value, (G, le) => (Y(), be("div", {
+                (X(!0), be(et, null, Lt(C.value, (G, le) => (X(), be("div", {
                   key: `${G.title || "section"}-${le}`,
                   class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
                 }, [
-                  G.title ? (Y(), be("p", pl, Ge(G.title), 1)) : Me("", !0),
-                  (Y(!0), be(et, null, Lt(G.values, (te, ce) => (Y(), be("button", {
+                  G.title ? (X(), be("p", pl, Ge(G.title), 1)) : Me("", !0),
+                  (X(!0), be(et, null, Lt(G.values, (te, ce) => (X(), be("button", {
                     key: `${te.text}-${ce}`,
                     type: "button",
                     class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex w-full items-start justify-between gap-3 bg-transparent px-2 py-1.5 text-left transition-colors hover:bg-fm-color-opacity-sm focus-visible:bg-fm-color-opacity-sm focus-visible:outline-none",
@@ -1531,9 +1531,9 @@ const wl = {
   },
   emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { t: r } = wt(), s = D([]), u = D(0), p = D(!1), d = D(!1), C = D(0), N = D(null), H = D(null), I = D(null), b = D(null), f = D(!1), M = D(0), B = D(0), A = D(!1), g = D(0), m = D(0), L = v(() => t.enabled !== !1), x = v(() => t.position === "left" || t.position === "right");
+    const t = e, a = n, { t: r } = wt(), s = D([]), u = D(0), p = D(!1), d = D(!1), C = D(0), N = D(null), H = D(null), I = D(null), b = D(null), f = D(!1), M = D(0), B = D(0), V = D(!1), g = D(0), m = D(0), L = v(() => t.enabled !== !1), x = v(() => t.position === "left" || t.position === "right");
     let w = null;
-    const V = v(
+    const A = v(
       () => p.value && d.value && f.value
     ), _ = v(() => ({
       height: `${Math.max(0, M.value)}px`,
@@ -1607,10 +1607,10 @@ const wl = {
       y.scrollTop = pe * j, k();
     }
     function P(o) {
-      f.value && (A.value = !0, g.value = o.clientY, m.value = B.value);
+      f.value && (V.value = !0, g.value = o.clientY, m.value = B.value);
     }
     function $(o) {
-      if (!A.value)
+      if (!V.value)
         return;
       const y = I.value;
       if (!y)
@@ -1619,7 +1619,7 @@ const wl = {
       y.scrollTop = q * oe, k();
     }
     function R() {
-      A.value && (A.value = !1);
+      V.value && (V.value = !1);
     }
     function re() {
       var y;
@@ -1643,7 +1643,7 @@ const wl = {
       }
       return null;
     }
-    function X() {
+    function Y() {
       var h, S, K, q;
       const o = (S = (h = N.value) == null ? void 0 : h.closest(".chart-layout")) == null ? void 0 : S.parentElement;
       if (o instanceof HTMLElement)
@@ -1665,7 +1665,7 @@ const wl = {
       return Number.isFinite(y) && y > 0 ? y : null;
     }
     function ae() {
-      const o = X();
+      const o = Y();
       if (o) {
         const oe = Number(o.getBoundingClientRect().height);
         if (Number.isFinite(oe) && oe > 0)
@@ -1678,7 +1678,7 @@ const wl = {
       return Number.isFinite(q) && q > 0 ? q : null;
     }
     function ue() {
-      const o = X();
+      const o = Y();
       if (o) {
         const oe = Number(o.getBoundingClientRect().width);
         if (Number.isFinite(oe) && oe > 0)
@@ -1755,7 +1755,7 @@ const wl = {
     function Ne(o) {
       return Array.isArray(t.hiddenDataPointIndexes) ? t.hiddenDataPointIndexes.includes(o) : !1;
     }
-    function Ye(o) {
+    function Xe(o) {
       return Array.isArray(o) ? o : [];
     }
     function i(o) {
@@ -1820,19 +1820,19 @@ const wl = {
           y.buildLabels();
         } catch {
         }
-      const h = Ye(y == null ? void 0 : y.legendItems);
+      const h = Xe(y == null ? void 0 : y.legendItems);
       if (h.length > 0)
         return h;
       const S = (ke = (j = o == null ? void 0 : o.options) == null ? void 0 : j.plugins) == null ? void 0 : ke.legend, K = S == null ? void 0 : S.labels, q = K == null ? void 0 : K.generateLabels, oe = (se = (ve = (xe = ($e = wn.defaults) == null ? void 0 : $e.plugins) == null ? void 0 : xe.legend) == null ? void 0 : ve.labels) == null ? void 0 : se.generateLabels;
-      let pe = Ye(
+      let pe = Xe(
         typeof q == "function" ? q(o) : []
       );
-      return pe.length === 0 && typeof oe == "function" && (pe = Ye(oe(o))), typeof (K == null ? void 0 : K.filter) == "function" && (pe = pe.filter((Ke) => K.filter(Ke, o.data))), typeof (K == null ? void 0 : K.sort) == "function" && (pe = [...pe].sort((Ke, ot) => K.sort(Ke, ot, o.data))), (S == null ? void 0 : S.reverse) === !0 && (pe = [...pe].reverse()), pe;
+      return pe.length === 0 && typeof oe == "function" && (pe = Xe(oe(o))), typeof (K == null ? void 0 : K.filter) == "function" && (pe = pe.filter((Ke) => K.filter(Ke, o.data))), typeof (K == null ? void 0 : K.sort) == "function" && (pe = [...pe].sort((Ke, ot) => K.sort(Ke, ot, o.data))), (S == null ? void 0 : S.reverse) === !0 && (pe = [...pe].reverse()), pe;
     }
     function Q(o) {
       var h;
       return (Array.isArray((h = o == null ? void 0 : o.data) == null ? void 0 : h.datasets) ? o.data.datasets : []).map((S, K) => {
-        const q = ye((S == null ? void 0 : S.borderColor) ?? (S == null ? void 0 : S.backgroundColor)), oe = At({
+        const q = ye((S == null ? void 0 : S.borderColor) ?? (S == null ? void 0 : S.backgroundColor)), oe = Vt({
           datasetIndex: K,
           label: S == null ? void 0 : S.label
         });
@@ -1861,7 +1861,7 @@ const wl = {
         index: ke,
         hidden: Ne(ke)
       })) : h.map((j, ke) => ({
-        datasetKey: At({
+        datasetKey: Vt({
           datasetIndex: ke,
           label: j == null ? void 0 : j.label
         }),
@@ -1874,14 +1874,14 @@ const wl = {
         ),
         datasetIndex: ke,
         hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(
-          At({
+          Vt({
             datasetIndex: ke,
             label: j == null ? void 0 : j.label
           })
         ) : !!(j != null && j.hidden)
       }));
     }
-    function Xe() {
+    function Ye() {
       var y;
       const o = (y = t.chartRef) == null ? void 0 : y.datasets;
       return Array.isArray(o) ? o : [];
@@ -2014,7 +2014,7 @@ const wl = {
     } : d.value ? {
       overflow: "hidden"
     } : {} : {});
-    function Ae() {
+    function Ve() {
       var S;
       if (!L.value) {
         s.value = [], u.value = 0, p.value = !1, d.value = !1, C.value = 0, G({ height: 0, width: 0 });
@@ -2043,7 +2043,7 @@ const wl = {
     }
     function Oe(o, y) {
       return Array.isArray(o.datasetKeys) && o.datasetKeys.length > 0 ? o.datasetKeys.filter((h) => typeof h == "string" && h.trim().length > 0) : typeof o.datasetKey == "string" && o.datasetKey.trim().length > 0 ? [o.datasetKey] : y.map(
-        (h) => At({
+        (h) => Vt({
           datasetIndex: h,
           label: o.text
         })
@@ -2063,7 +2063,7 @@ const wl = {
       const S = Array.isArray((K = o == null ? void 0 : o.data) == null ? void 0 : K.datasets) ? o.data.datasets[y] : null;
       S && typeof S == "object" && (S.hidden = !h);
     }
-    function Ve(o, y) {
+    function Ae(o, y) {
       var oe;
       if (typeof o.toggleDataVisibility == "function") {
         o.toggleDataVisibility(y);
@@ -2076,7 +2076,7 @@ const wl = {
       q && typeof q.hidden == "boolean" && (q.hidden = !q.hidden);
     }
     function an(o = 0) {
-      Ae();
+      Ve();
       const y = te(), h = s.value.length > 0;
       if (y || h || o >= Ll) {
         le();
@@ -2094,7 +2094,7 @@ const wl = {
           a("toggleDataPointVisibility", { itemIndex: q });
           return;
         }
-        h && (Ve(h, q), h.update());
+        h && (Ae(h, q), h.update());
         const xe = h && typeof h.getDataVisibility == "function" ? !h.getDataVisibility(q) : o.hidden !== !0;
         We(
           (ve) => typeof ve.index == "number" ? ve.index === q : ve.datasetIndex === o.datasetIndex && ve.text === o.text,
@@ -2107,7 +2107,7 @@ const wl = {
         pe.forEach((xe, ve) => {
           a("toggleDatasetVisibility", {
             datasetIndex: xe,
-            datasetKey: j[ve] ?? At({
+            datasetKey: j[ve] ?? Vt({
               datasetIndex: xe,
               label: o.text
             })
@@ -2115,7 +2115,7 @@ const wl = {
         });
         return;
       }
-      const ke = Xe();
+      const ke = Ye();
       if (!h) {
         if (pe.length > 0) {
           const xe = o.hidden !== !0;
@@ -2159,11 +2159,11 @@ const wl = {
         t.hiddenDataPointIndexes
       ],
       () => {
-        Ae();
+        Ve();
       }
     ), ia(() => {
-      A.value = !1, le(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", R);
-    }), (o, y) => L.value ? (Y(), be("div", {
+      V.value = !1, le(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", R);
+    }), (o, y) => L.value ? (X(), be("div", {
       key: 0,
       ref_key: "legendPanelRef",
       ref: N,
@@ -2195,7 +2195,7 @@ const wl = {
           style: Ze(He.value),
           onScroll: U
         }, [
-          (Y(!0), be(et, null, Lt(Le.value, (h, S) => (Y(), be("li", {
+          (X(!0), be(et, null, Lt(Le.value, (h, S) => (X(), be("li", {
             key: Re(h, S),
             class: qe(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
               "w-full": x.value,
@@ -2223,7 +2223,7 @@ const wl = {
               }, Ge(h.text), 11, Sl)
             ], 10, xl)
           ], 2))), 128)),
-          d.value ? (Y(), be("li", _l, [
+          d.value ? (X(), be("li", _l, [
             J("button", {
               type: "button",
               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",
@@ -2232,7 +2232,7 @@ const wl = {
             }, Ge(p.value ? l(r)("report.widget.legend.viewLess") : l(r)("report.widget.legend.viewMore")), 1)
           ])) : Me("", !0)
         ], 38),
-        V.value ? (Y(), be("div", {
+        A.value ? (X(), be("div", {
           key: 0,
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
           onMousedown: z
@@ -2250,7 +2250,7 @@ const wl = {
 function nn(e) {
   const n = D([]), t = v(() => new Set(n.value));
   function a(u, p) {
-    return At({
+    return Vt({
       datasetIndex: p,
       label: u == null ? void 0 : u.label
     });
@@ -2306,11 +2306,11 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
     }), I = v(() => {
       var z;
       return ((z = t.value.data) == null ? void 0 : z.xAxis) ?? [];
-    }), b = v(() => I.value.length === 1 && H.value.length > 1 && H.value.every((z) => z.values.length === 1 && z.isCompare !== !0)), f = v(() => b.value ? H.value.map((z) => z.name) : I.value), { datalabels: M, xCfg: B, yCfg: A, isTransposed: g, legend: m, chartWidth: L, chartHeight: x } = Et(
+    }), b = v(() => I.value.length === 1 && H.value.length > 1 && H.value.every((z) => z.values.length === 1 && z.isCompare !== !0)), f = v(() => b.value ? H.value.map((z) => z.name) : I.value), { datalabels: M, xCfg: B, yCfg: V, isTransposed: g, legend: m, chartWidth: L, chartHeight: x } = Et(
       t.value
     ), w = v(
       () => Ot(t.value.isTransposed === !0, p.value)
-    ), V = Qt("bar"), _ = v(() => {
+    ), A = Qt("bar"), _ = v(() => {
       const z = m.value.position;
       return !z || z === "top" || z === "bottom" || z === "left" || z === "right";
     }), c = v(() => m.value.position ?? "top"), F = v(
@@ -2334,7 +2334,7 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
         b.value && (re = H.value.map(
           (ue, he) => he === P ? z.values[0] : NaN
         ));
-        const X = t.value.chartColorBinding === Ue.breakdown, ee = zt({
+        const Y = t.value.chartColorBinding === Ue.breakdown, ee = zt({
           fallbackIndex: P,
           metricCount: t.value.metricCount
         }), ae = re.map((ue) => ue === null ? NaN : Number(ue));
@@ -2342,7 +2342,7 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
           label: z.name,
           data: ae,
           dash: !!z.isCompare,
-          backgroundColor: X ? Wt({
+          backgroundColor: Y ? Wt({
             breakdownIndex: ee,
             metricIndex: R,
             metricCount: t.value.metricCount,
@@ -2373,9 +2373,9 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
     }), Pe([ne], () => {
       tt(() => U());
     }), (z, P) => {
-      var R, re, X, ee, ae, ue;
+      var R, re, Y, ee, ae, ue;
       const $ = ge("FmBarChart");
-      return Y(), be(et, null, [
+      return X(), be(et, null, [
         J("div", Il, [
           yt(z.$slots, "menu"),
           J("div", {
@@ -2383,14 +2383,14 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
               "chart-layout--side": _.value && (l(m).display ?? !1) && F.value
             }])
           }, [
-            _.value && (l(m).display ?? !1) && E.value ? (Y(), we(rt, {
+            _.value && (l(m).display ?? !1) && E.value ? (X(), we(rt, {
               key: 0,
               "chart-ref": a.value,
               enabled: l(m).display ?? !1,
               position: c.value,
               "max-width": l(m).maxWidth,
               "text-color": (R = l(m).labels) == null ? void 0 : R.color,
-              "font-size": (X = (re = l(m).labels) == null ? void 0 : re.font) == null ? void 0 : X.size,
+              "font-size": (Y = (re = l(m).labels) == null ? void 0 : re.font) == null ? void 0 : Y.size,
               "legend-update-key": ne.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -2407,21 +2407,21 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
               datasets: ne.value,
               "x-axis": { categories: f.value },
               "x-cfg": l(B),
-              "y-cfg": l(A),
+              "y-cfg": l(V),
               transpose: l(g),
               legend: {
                 display: !1
               },
               tooltip: w.value,
               datalabels: l(M),
-              plugins: [l(V)],
+              plugins: [l(A)],
               "maintain-aspect-ratio": !1,
               style: Ze({
                 "--chart-width": _.value && (l(m).display ?? !1) && F.value ? "calc(100% - var(--legend-panel-width, 0px))" : l(L) !== void 0 ? l(L) + "px" : "100%",
                 "--chart-height": _.value && (l(m).display ?? !1) && !F.value ? "calc(100% - 36px - var(--legend-panel-height, 0px))" : l(x) !== void 0 ? l(x) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
-            _.value && (l(m).display ?? !1) && !E.value ? (Y(), we(rt, {
+            _.value && (l(m).display ?? !1) && !E.value ? (X(), we(rt, {
               key: 1,
               "chart-ref": a.value,
               enabled: l(m).display ?? !1,
@@ -2502,7 +2502,7 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
     const f = v(() => typeof t.value.legendFontSize == "number" ? t.value.legendFontSize : a.value.lg ? 12 : 8), M = v(() => {
       const c = p.value.position;
       return !c || c === "top" || c === "bottom" || c === "left" || c === "right";
-    }), B = v(() => p.value.display !== !1), A = v(() => M.value && B.value), g = v(() => p.value.position ?? "top"), m = v(
+    }), B = v(() => p.value.display !== !1), V = v(() => M.value && B.value), g = v(() => p.value.position ?? "top"), m = v(
       () => g.value === "left" || g.value === "right"
     ), L = v(
       () => g.value === "top" || g.value === "left"
@@ -2510,7 +2510,7 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
       var F;
       const c = (F = p.value.labels) == null ? void 0 : F.color;
       return typeof c == "string" && c.trim().length > 0 ? c : t.value.legendColor ?? "#6b6b6b";
-    }), w = v(() => f.value), V = So();
+    }), w = v(() => f.value), A = So();
     function _({ itemIndex: c }) {
       if (s.value.includes(c)) {
         s.value = s.value.filter((F) => F !== c);
@@ -2520,14 +2520,14 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
     }
     return (c, F) => {
       const E = ge("FmPieChart");
-      return Y(), be("div", Fl, [
+      return X(), be("div", Fl, [
         yt(c.$slots, "menu"),
         J("div", {
           class: qe(["chart-layout", {
-            "chart-layout--side": A.value && m.value
+            "chart-layout--side": V.value && m.value
           }])
         }, [
-          A.value && L.value ? (Y(), we(rt, {
+          V.value && L.value ? (X(), we(rt, {
             key: 0,
             "chart-ref": r.value,
             enabled: B.value,
@@ -2551,7 +2551,7 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
             percentage: "70%",
             datasets: H.value,
             metrics: N.value,
-            tooltip: l(V),
+            tooltip: l(A),
             variant: "doughnut",
             legend: {
               display: !1
@@ -2559,11 +2559,11 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
             datalabels: l(u),
             "maintain-aspect-ratio": !1,
             style: Ze({
-              "--chart-width": A.value && m.value ? "calc(100% - var(--legend-panel-width, 0px))" : l(d) !== void 0 ? l(d) + "px" : "100%",
-              "--chart-height": A.value && !m.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(C) !== void 0 ? l(C) + "px" : "100%"
+              "--chart-width": V.value && m.value ? "calc(100% - var(--legend-panel-width, 0px))" : l(d) !== void 0 ? l(d) + "px" : "100%",
+              "--chart-height": V.value && !m.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(C) !== void 0 ? l(C) + "px" : "100%"
             })
           }, null, 8, ["datasets", "metrics", "tooltip", "datalabels", "style"]),
-          A.value && !L.value ? (Y(), we(rt, {
+          V.value && !L.value ? (X(), we(rt, {
             key: 1,
             "chart-ref": r.value,
             enabled: B.value,
@@ -2593,7 +2593,7 @@ function cn(e) {
   const [a, r] = n.split("."), s = new Intl.NumberFormat("en-US").format(Number(a));
   return r !== void 0 ? `${s}.${r}` : s;
 }
-const Al = { class: "flex flex-col gap-1" }, Vl = { class: "fm-typo-en-title-md-600" }, $l = { class: "flex gap-2" }, Nl = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, zl = { key: 0 }, Pl = { key: 1 }, Rl = /* @__PURE__ */ at({
+const Vl = { class: "flex flex-col gap-1" }, Al = { class: "fm-typo-en-title-md-600" }, $l = { class: "flex gap-2" }, Nl = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, zl = { key: 0 }, Pl = { key: 1 }, Rl = /* @__PURE__ */ at({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -2632,10 +2632,10 @@ const Al = { class: "flex flex-col gap-1" }, Vl = { class: "fm-typo-en-title-md-
       color: "#36a2eb"
     }))), b = v(() => Ot(!1, !0));
     return (f, M) => {
-      const B = ge("FmIcon"), A = ge("FmChip"), g = ge("FmTooltip"), m = ge("FmLineChart");
-      return Y(), be("div", Al, [
+      const B = ge("FmIcon"), V = ge("FmChip"), g = ge("FmTooltip"), m = ge("FmLineChart");
+      return X(), be("div", Vl, [
         yt(f.$slots, "menu"),
-        J("p", Vl, Ge(p.value), 1),
+        J("p", Al, Ge(p.value), 1),
         J("div", $l, [
           me(g, {
             disabled: d.value === null,
@@ -2650,7 +2650,7 @@ const Al = { class: "flex flex-col gap-1" }, Vl = { class: "fm-typo-en-title-md-
               ];
             }),
             default: ze(() => [
-              d.value ? (Y(), we(A, {
+              d.value ? (X(), we(V, {
                 key: 0,
                 icon: d.value.icon.name,
                 class: qe(`bg-${d.value.icon.tailwind}`),
@@ -2668,7 +2668,7 @@ const Al = { class: "flex flex-col gap-1" }, Vl = { class: "fm-typo-en-title-md-
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : Me("", !0),
-              l(a).endDate != null && l(a).startDate != null && d.value === null ? (Y(), we(A, {
+              l(a).endDate != null && l(a).startDate != null && d.value === null ? (X(), we(V, {
                 key: 1,
                 class: "invisible pointer-events-none",
                 "aria-hidden": "true",
@@ -2687,8 +2687,8 @@ const Al = { class: "flex flex-col gap-1" }, Vl = { class: "fm-typo-en-title-md-
             _: 1
           }, 8, ["disabled"])
         ]),
-        N.value ? (Y(), be("div", zl, [
-          C(N.value.type) === "line" ? (Y(), we(m, {
+        N.value ? (X(), be("div", zl, [
+          C(N.value.type) === "line" ? (X(), we(m, {
             key: 0,
             class: "sparkline",
             datasets: I.value,
@@ -2702,7 +2702,7 @@ const Al = { class: "flex flex-col gap-1" }, Vl = { class: "fm-typo-en-title-md-
             tooltip: b.value,
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : Me("", !0)
-        ])) : (Y(), be("div", Pl, M[1] || (M[1] = [
+        ])) : (X(), be("div", Pl, M[1] || (M[1] = [
           J("div", { class: "sparkline" }, [
             J("div", { class: "flex flex-col gap-8" }, [
               J("div"),
@@ -2717,7 +2717,7 @@ const Al = { class: "flex flex-col gap-1" }, Vl = { class: "fm-typo-en-title-md-
 }), Hl = {};
 function Wl(e, n) {
   const t = ge("FmMenuDivider");
-  return Y(), we(t);
+  return X(), we(t);
 }
 const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimension", la = ma(El, () => {
   const e = D(0), n = D([]), t = D(!1), a = (g, m) => {
@@ -2726,17 +2726,17 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     n[g] = m, n.value = [...n.value], u(g, m, L, x);
   }, s = (g, m) => {
     const L = (m == null ? void 0 : m.querySelectorAll("thead tr")) ?? [], x = (m == null ? void 0 : m.querySelectorAll("tbody tr")) ?? [];
-    [...L, ...x].forEach((V) => {
-      const _ = V;
+    [...L, ...x].forEach((A) => {
+      const _ = A;
       _ && (_.style.height = `${g}px`);
     });
   }, u = (g, m, L, x = !1) => {
     const w = (L == null ? void 0 : L.querySelectorAll("th")) ?? [];
     if (g === void 0) return;
-    const V = w[g], _ = x ? n[g] : m;
-    if (!V || _ === void 0) return;
+    const A = w[g], _ = x ? n[g] : m;
+    if (!A || _ === void 0) return;
     const c = () => {
-      V.style.width = `${_}px`;
+      A.style.width = `${_}px`;
     };
     x ? requestAnimationFrame(c) : c();
   }, p = () => {
@@ -2774,14 +2774,14 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     if (!x) return;
     const w = x.querySelectorAll("th")[m];
     if (!w) return;
-    const V = w.getBoundingClientRect().width || 60, _ = w.querySelector("button"), c = (_ == null ? void 0 : _.querySelector("span")) || w.querySelector("p") || w;
+    const A = w.getBoundingClientRect().width || 60, _ = w.querySelector("button"), c = (_ == null ? void 0 : _.querySelector("span")) || w.querySelector("p") || w;
     let F = 60;
     if (c) {
       const ne = c.textContent || "", k = window.getComputedStyle(c), U = `${k.fontWeight} ${k.fontSize} ${k.fontFamily}`, P = document.createElement("canvas").getContext("2d");
       if (P) {
         P.font = U;
-        const $ = P.measureText(ne), R = window.getComputedStyle(w), re = parseFloat(R.paddingLeft || "0"), X = parseFloat(R.paddingRight || "0");
-        F = $.width + re + X;
+        const $ = P.measureText(ne), R = window.getComputedStyle(w), re = parseFloat(R.paddingLeft || "0"), Y = parseFloat(R.paddingRight || "0");
+        F = $.width + re + Y;
       }
     }
     N(m, !1);
@@ -2796,7 +2796,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       }), x.classList.remove("w-full"), x.style.width = `${k}px`, E = null;
     }, te = (ne) => {
       const k = ne.clientX - L;
-      G = Math.max(F, V + k), E === null && (E = requestAnimationFrame(le));
+      G = Math.max(F, A + k), E === null && (E = requestAnimationFrame(le));
     }, ce = () => {
       E !== null && cancelAnimationFrame(E), G !== null && (w.style.width = `${G}px`);
       const ne = x.querySelectorAll("th"), k = [];
@@ -2811,10 +2811,10 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     const w = (_) => {
       const c = Math.max(30, x + (_.clientY - m));
       L && a(c, L);
-    }, V = () => {
-      I(!1), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", V);
+    }, A = () => {
+      I(!1), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", A);
     };
-    document.addEventListener("mousemove", w), document.addEventListener("mouseup", V);
+    document.addEventListener("mousemove", w), document.addEventListener("mouseup", A);
   };
   return {
     rowHeight: e,
@@ -2836,17 +2836,17 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     enableCellResizing: () => {
       const g = document.querySelector("thead"), m = document.querySelectorAll("thead tr"), L = document.querySelectorAll("tbody tr"), x = [...m, ...L];
       g && g.classList.remove("sticky");
-      const w = (V, _) => {
+      const w = (A, _) => {
         const c = document.createElement("div");
-        return c.className = `${V}-resize-handle`, V === "col" ? (c.addEventListener("mouseenter", () => N(_, !0)), c.addEventListener("mouseleave", () => b(!0)), c.addEventListener("mousedown", (F) => {
+        return c.className = `${A}-resize-handle`, A === "col" ? (c.addEventListener("mouseenter", () => N(_, !0)), c.addEventListener("mouseleave", () => b(!0)), c.addEventListener("mousedown", (F) => {
           F.stopPropagation(), f(F, _);
         })) : (c.addEventListener("mouseenter", () => H(!0)), c.addEventListener("mouseleave", () => I(!0)), c.addEventListener("mousedown", (F) => {
           F.stopPropagation(), M(F);
         })), c;
       };
-      x.forEach((V) => {
-        const _ = V.closest("thead") !== null;
-        V.querySelectorAll(_ ? "th" : "td").forEach((F, E) => {
+      x.forEach((A) => {
+        const _ = A.closest("thead") !== null;
+        A.querySelectorAll(_ ? "th" : "td").forEach((F, E) => {
           const G = w("col", E), le = w("row", E);
           F.appendChild(G), F.appendChild(le);
         });
@@ -2856,10 +2856,10 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       d();
     }
   };
-}), Ul = "/assets/processTableData.worker-CORwAutg.js", Kl = { class: "my-4" }, ql = {
+}), Ul = "/assets/processTableData.worker-CC1ehXtr.js", Kl = { class: "my-4" }, ql = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
-}, Yl = { class: "font-bold" }, Xl = { class: "text-fm-color-neutral-gray-300" }, Gl = /* @__PURE__ */ at({
+}, Xl = { class: "font-bold" }, Yl = { class: "text-fm-color-neutral-gray-300" }, Gl = /* @__PURE__ */ at({
   __name: "WidgetTable",
   props: /* @__PURE__ */ gt({
     tileIndex: {}
@@ -2869,7 +2869,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n, te: t } = wt(), a = ct(e, "modelValue"), { country: r } = Bn(), { clearTileSorts: s, setTileSorts: u } = qa(), p = An(), d = e, C = D([]), { isEditing: N, colWidths: H, rowHeight: I } = vt(la()), { setColWidths: b, setRowHeights: f, enableCellResizing: M } = la(), B = D(null), A = v(() => {
+    const { t: n, te: t } = wt(), a = ct(e, "modelValue"), { country: r } = Bn(), { clearTileSorts: s, setTileSorts: u } = qa(), p = Vn(), d = e, C = D([]), { isEditing: N, colWidths: H, rowHeight: I } = vt(la()), { setColWidths: b, setRowHeights: f, enableCellResizing: M } = la(), B = D(null), V = v(() => {
       var k;
       return ((k = a.value.data) == null ? void 0 : k.columns) || [{ label: "", key: "" }];
     }), g = v(() => {
@@ -2890,7 +2890,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     }), w = v(() => {
       const P = x.value !== void 0 ? 1 : 0, $ = (B.value ? B.value.$el.offsetHeight : 0) - 48;
       return Math.floor(($ - 34.5 - 32) / 48) - P;
-    }), V = v(() => {
+    }), A = v(() => {
       var U, z;
       let k = [];
       switch (x.value) {
@@ -2900,7 +2900,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
             return {
               main: P,
               comparison: (R = g.value[0]) == null ? void 0 : R.comparisonCells[$],
-              rowType: A.value[$].type
+              rowType: V.value[$].type
             };
           });
           break;
@@ -2910,7 +2910,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
             return {
               main: P,
               comparison: (R = g.value[g.value.length - 1]) == null ? void 0 : R.comparisonCells[$],
-              rowType: A.value[$].type
+              rowType: V.value[$].type
             };
           });
           break;
@@ -2957,7 +2957,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         grandTotalPosition: x.value,
         pageSize: w.value
       };
-      Ya(Ul, P).then((R) => {
+      Xa(Ul, P).then((R) => {
         k === F && (R != null && R.error ? (p.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(R.error), c.value = []) : c.value = Ea(R.data || []));
       });
     }
@@ -3033,7 +3033,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
           },
           cell: (re) => {
             var ae, ue;
-            const X = _(re.getValue()), ee = (ue = (ae = re == null ? void 0 : re.row) == null ? void 0 : ae.original) == null ? void 0 : ue.isRollup;
+            const Y = _(re.getValue()), ee = (ue = (ae = re == null ? void 0 : re.row) == null ? void 0 : ae.original) == null ? void 0 : ue.isRollup;
             return ln(
               "div",
               {
@@ -3043,7 +3043,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
                   ce.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
-              [U.type === "NUMERIC" ? cn(X.main) : X.main]
+              [U.type === "NUMERIC" ? cn(Y.main) : Y.main]
             );
           },
           enableSorting: !1
@@ -3073,7 +3073,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       { immediate: !0 }
     ), (k, U) => {
       const z = ge("FmTable");
-      return Y(), be(et, null, [
+      return X(), be(et, null, [
         J("div", Kl, [
           yt(k.$slots, "menu")
         ]),
@@ -3093,10 +3093,10 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
           x.value ? {
             name: "pin-top",
             fn: ze(() => [
-              (Y(), we(ua(x.value === l(bt).bottom ? "tfoot" : "tbody"), null, {
+              (X(), we(ua(x.value === l(bt).bottom ? "tfoot" : "tbody"), null, {
                 default: ze(() => [
                   J("tr", ql, [
-                    (Y(!0), be(et, null, Lt(V.value, (P, $) => (Y(), be("td", {
+                    (X(!0), be(et, null, Lt(A.value, (P, $) => (X(), be("td", {
                       key: `${l(Gt)()}_${$}`,
                       class: "h-[48px] text-fm-color-typo-primary px-16"
                     }, [
@@ -3107,8 +3107,8 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
                           ce.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                         ])
                       }, [
-                        J("p", Yl, Ge(P.rowType === "NUMERIC" ? l(cn)(P.main) : P.main), 1),
-                        J("p", Xl, Ge(P.comparison ? P.rowType === "NUMERIC" ? `(${l(cn)(P.comparison)})` : `(${P.comparison})` : ""), 1)
+                        J("p", Xl, Ge(P.rowType === "NUMERIC" ? l(cn)(P.main) : P.main), 1),
+                        J("p", Yl, Ge(P.comparison ? P.rowType === "NUMERIC" ? `(${l(cn)(P.comparison)})` : `(${P.comparison})` : ""), 1)
                       ], 2)
                     ]))), 128))
                   ])
@@ -3147,37 +3147,37 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     }), I = v(() => {
       var R;
       return ((R = t.value.data) == null ? void 0 : R.datasets) ?? [];
-    }), { datalabels: b, xCfg: f, yCfg: M, isTransposed: B, legend: A, chartWidth: g, chartHeight: m } = Et(
+    }), { datalabels: b, xCfg: f, yCfg: M, isTransposed: B, legend: V, chartWidth: g, chartHeight: m } = Et(
       t.value
     ), L = v(
       () => Ot(t.value.isTransposed === !0, p.value)
-    ), x = Qt("bar"), w = v(() => t.value.stackBarOverlap === !0), V = v(() => w.value === !1), _ = v(() => {
-      const R = A.value.position;
+    ), x = Qt("bar"), w = v(() => t.value.stackBarOverlap === !0), A = v(() => w.value === !1), _ = v(() => {
+      const R = V.value.position;
       return !R || R === "top" || R === "bottom" || R === "left" || R === "right";
-    }), c = v(() => A.value.position ?? "top"), F = v(
+    }), c = v(() => V.value.position ?? "top"), F = v(
       () => c.value === "left" || c.value === "right"
     ), E = v(
       () => c.value === "top" || c.value === "left"
     ), G = v(() => ({
       ...f.value,
-      stacked: V.value
+      stacked: A.value
     })), le = v(() => ({
       ...M.value,
-      stacked: V.value
+      stacked: A.value
     }));
     function te({
       datasetIndex: R,
       colorIndex: re,
-      breakdownIndex: X
+      breakdownIndex: Y
     }) {
       var he;
-      const ee = t.value.chartColorBinding === Ue.metric ? re : t.value.chartColorBinding === Ue.breakdown ? X : R, ae = (he = t.value.chartColorLayers) == null ? void 0 : he[ee], ue = Number(ae);
+      const ee = t.value.chartColorBinding === Ue.metric ? re : t.value.chartColorBinding === Ue.breakdown ? Y : R, ae = (he = t.value.chartColorLayers) == null ? void 0 : he[ee], ue = Number(ae);
       return Number.isInteger(ue) && ue > 0 ? ue : ee + 1;
     }
     const ce = v(() => {
       if (I.value.length > 0) {
         let R = 0, re = 0;
-        const X = I.value.map((ee, ae) => {
+        const Y = I.value.map((ee, ae) => {
           const ue = t.value.chartColorBinding === Ue.metric && (t.value.metricCount ?? 0) > 0 ? ee.isCompare ? re++ % Number(t.value.metricCount) : R++ % Number(t.value.metricCount) : nt({
             datasetIndex: ae,
             isCompare: ee.isCompare,
@@ -3195,7 +3195,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
             datasetIndex: ae,
             colorIndex: ue,
             breakdownIndex: Se
-          }), Ne = ee.values.map((Ye) => Ye === null ? NaN : Number(Ye));
+          }), Ne = ee.values.map((Xe) => Xe === null ? NaN : Number(Xe));
           return {
             dataset: {
               label: ee.name,
@@ -3219,7 +3219,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
             }
           };
         });
-        return w.value ? X.map((ee) => ee.dataset) : X.map((ee) => ee.dataset);
+        return w.value ? Y.map((ee) => ee.dataset) : Y.map((ee) => ee.dataset);
       } else
         return [];
     }), { hiddenDatasetKeys: ne, isDatasetHidden: k, toggleDatasetVisibility: U } = nn(ce), z = v(
@@ -3239,23 +3239,23 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       tt(() => $());
     }), (R, re) => {
       var ee, ae, ue, he, Se, de;
-      const X = ge("FmBarChart");
-      return Y(), be(et, null, [
+      const Y = ge("FmBarChart");
+      return X(), be(et, null, [
         J("div", jl, [
           yt(R.$slots, "menu"),
           J("div", {
             class: qe(["chart-layout", {
-              "chart-layout--side": _.value && (l(A).display ?? !1) && F.value
+              "chart-layout--side": _.value && (l(V).display ?? !1) && F.value
             }])
           }, [
-            _.value && (l(A).display ?? !1) && E.value ? (Y(), we(rt, {
+            _.value && (l(V).display ?? !1) && E.value ? (X(), we(rt, {
               key: 0,
               "chart-ref": a.value,
-              enabled: l(A).display ?? !1,
+              enabled: l(V).display ?? !1,
               position: c.value,
-              "max-width": l(A).maxWidth,
-              "text-color": (ee = l(A).labels) == null ? void 0 : ee.color,
-              "font-size": (ue = (ae = l(A).labels) == null ? void 0 : ae.font) == null ? void 0 : ue.size,
+              "max-width": l(V).maxWidth,
+              "text-color": (ee = l(V).labels) == null ? void 0 : ee.color,
+              "font-size": (ue = (ae = l(V).labels) == null ? void 0 : ae.font) == null ? void 0 : ue.size,
               "legend-update-key": z.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3265,7 +3265,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               "hidden-dataset-keys": l(ne),
               onToggleDatasetVisibility: l(U)
             }, 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"])) : Me("", !0),
-            me(X, {
+            me(Y, {
               ref_key: "chartRef",
               ref: a,
               class: "bar-chart",
@@ -3274,7 +3274,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               "x-cfg": G.value,
               "y-cfg": le.value,
               transpose: l(B),
-              stacked: V.value,
+              stacked: A.value,
               legend: {
                 display: !1
               },
@@ -3283,18 +3283,18 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               datalabels: l(b),
               "maintain-aspect-ratio": !1,
               style: Ze({
-                "--chart-width": _.value && (l(A).display ?? !1) && F.value ? "calc(100% - var(--legend-panel-width, 0px))" : l(g) !== void 0 ? l(g) + "px" : "100%",
-                "--chart-height": _.value && (l(A).display ?? !1) && !F.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(m) !== void 0 ? l(m) + "px" : "100%"
+                "--chart-width": _.value && (l(V).display ?? !1) && F.value ? "calc(100% - var(--legend-panel-width, 0px))" : l(g) !== void 0 ? l(g) + "px" : "100%",
+                "--chart-height": _.value && (l(V).display ?? !1) && !F.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(m) !== void 0 ? l(m) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
-            _.value && (l(A).display ?? !1) && !E.value ? (Y(), we(rt, {
+            _.value && (l(V).display ?? !1) && !E.value ? (X(), we(rt, {
               key: 1,
               "chart-ref": a.value,
-              enabled: l(A).display ?? !1,
+              enabled: l(V).display ?? !1,
               position: c.value,
-              "max-width": l(A).maxWidth,
-              "text-color": (he = l(A).labels) == null ? void 0 : he.color,
-              "font-size": (de = (Se = l(A).labels) == null ? void 0 : Se.font) == null ? void 0 : de.size,
+              "max-width": l(V).maxWidth,
+              "text-color": (he = l(V).labels) == null ? void 0 : he.color,
+              "font-size": (de = (Se = l(V).labels) == null ? void 0 : Se.font) == null ? void 0 : de.size,
               "legend-update-key": z.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3336,76 +3336,76 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     } = tn(a, {
       maxTooltipItems: r
     }), H = v(() => {
-      var X;
-      return ((X = t.value.data) == null ? void 0 : X.xAxis) || [];
+      var Y;
+      return ((Y = t.value.data) == null ? void 0 : Y.xAxis) || [];
     }), I = v(() => {
-      var X;
-      return ((X = t.value.data) == null ? void 0 : X.datasets) ?? [];
-    }), { datalabels: b, xCfg: f, yCfg: M, isTransposed: B, legend: A, chartWidth: g, chartHeight: m } = Et(
+      var Y;
+      return ((Y = t.value.data) == null ? void 0 : Y.datasets) ?? [];
+    }), { datalabels: b, xCfg: f, yCfg: M, isTransposed: B, legend: V, chartWidth: g, chartHeight: m } = Et(
       t.value
     ), L = v(
       () => Ot(t.value.isTransposed === !0, p.value)
-    ), x = Qt("bar"), w = v(() => t.value.stackBarOverlap === !0), V = v(() => w.value === !1), _ = v(() => {
-      const X = A.value.position;
-      return !X || X === "top" || X === "bottom" || X === "left" || X === "right";
-    }), c = v(() => A.value.position ?? "top"), F = v(
+    ), x = Qt("bar"), w = v(() => t.value.stackBarOverlap === !0), A = v(() => w.value === !1), _ = v(() => {
+      const Y = V.value.position;
+      return !Y || Y === "top" || Y === "bottom" || Y === "left" || Y === "right";
+    }), c = v(() => V.value.position ?? "top"), F = v(
       () => c.value === "left" || c.value === "right"
     ), E = v(
       () => c.value === "top" || c.value === "left"
     ), G = v(() => ({
       ...f.value,
-      stacked: V.value
+      stacked: A.value
     })), le = v(() => ({
       ...M.value,
-      stacked: V.value
+      stacked: A.value
     }));
-    function te(X) {
-      const ee = " - ", ae = X.lastIndexOf(ee);
+    function te(Y) {
+      const ee = " - ", ae = Y.lastIndexOf(ee);
       return ae < 0 ? {
-        clusterKey: X,
-        metricLabel: X
+        clusterKey: Y,
+        metricLabel: Y
       } : {
-        clusterKey: X.slice(0, ae),
-        metricLabel: X.slice(ae + ee.length)
+        clusterKey: Y.slice(0, ae),
+        metricLabel: Y.slice(ae + ee.length)
       };
     }
-    function ce(X, ee) {
-      if (typeof X == "string") {
-        const ae = X.trim();
+    function ce(Y, ee) {
+      if (typeof Y == "string") {
+        const ae = Y.trim();
         if (ae.length > 0)
           return ae;
       }
       return `Series ${ee + 1}`;
     }
     function ne({
-      datasetIndex: X,
+      datasetIndex: Y,
       colorIndex: ee
     }) {
       var Se;
-      const ae = t.value.chartColorBinding === Ue.metric ? ee : X, ue = (Se = t.value.chartColorLayers) == null ? void 0 : Se[ae], he = Number(ue);
+      const ae = t.value.chartColorBinding === Ue.metric ? ee : Y, ue = (Se = t.value.chartColorLayers) == null ? void 0 : Se[ae], he = Number(ue);
       return Number.isInteger(he) && he > 0 ? he : ae + 1;
     }
     const k = v(() => {
       if (I.value.length === 0)
         return [];
-      const X = I.value.map((de, ye) => ({
+      const Y = I.value.map((de, ye) => ({
         source: de,
         index: ye,
         name: ce(de == null ? void 0 : de.name, ye),
         values: (de == null ? void 0 : de.values) ?? []
       })), ee = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Map();
-      for (const de of X) {
+      for (const de of Y) {
         const { clusterKey: ye, metricLabel: Ne } = te(de.name);
         ae.has(ye) || ae.set(ye, ae.size), ee.has(Ne) || ee.set(Ne, ee.size);
       }
       const ue = Math.max(ee.size, 1), he = t.value.chartColorBinding === Ue.breakdown, Se = t.value.chartUseSecondaryMetricShades !== !1;
-      return X.map((de) => {
+      return Y.map((de) => {
         const ye = nt({
           datasetIndex: de.index,
           isCompare: de.source.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), { clusterKey: Ne, metricLabel: Ye } = te(de.name), i = ae.get(Ne) ?? 0, W = ee.get(Ye) ?? 0, Z = he ? Wt({
+        }), { clusterKey: Ne, metricLabel: Xe } = te(de.name), i = ae.get(Ne) ?? 0, W = ee.get(Xe) ?? 0, Z = he ? Wt({
           breakdownIndex: i,
           metricIndex: W,
           metricCount: ue,
@@ -3423,7 +3423,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         }), Ce = de.values.map((Fe) => Fe === null ? NaN : Number(Fe));
         return {
           label: de.name,
-          tooltipLabel: `${Ne} - ${Ye}`,
+          tooltipLabel: `${Ne} - ${Xe}`,
           data: Ce,
           dash: !!de.source.isCompare,
           grouped: !0,
@@ -3433,9 +3433,9 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         };
       });
     }), { hiddenDatasetKeys: U, isDatasetHidden: z, toggleDatasetVisibility: P } = nn(k), $ = v(
-      () => k.value.map((X, ee) => ({
-        ...X,
-        hidden: z(X, ee)
+      () => k.value.map((Y, ee) => ({
+        ...Y,
+        hidden: z(Y, ee)
       }))
     ), R = Ht();
     function re() {
@@ -3447,25 +3447,25 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       });
     }), Pe([$], () => {
       tt(() => re());
-    }), (X, ee) => {
+    }), (Y, ee) => {
       var ue, he, Se, de, ye, Ne;
       const ae = ge("FmBarChart");
-      return Y(), be(et, null, [
+      return X(), be(et, null, [
         J("div", Zl, [
-          yt(X.$slots, "menu"),
+          yt(Y.$slots, "menu"),
           J("div", {
             class: qe(["chart-layout", {
-              "chart-layout--side": _.value && (l(A).display ?? !1) && F.value
+              "chart-layout--side": _.value && (l(V).display ?? !1) && F.value
             }])
           }, [
-            _.value && (l(A).display ?? !1) && E.value ? (Y(), we(rt, {
+            _.value && (l(V).display ?? !1) && E.value ? (X(), we(rt, {
               key: 0,
               "chart-ref": a.value,
-              enabled: l(A).display ?? !1,
+              enabled: l(V).display ?? !1,
               position: c.value,
-              "max-width": l(A).maxWidth,
-              "text-color": (ue = l(A).labels) == null ? void 0 : ue.color,
-              "font-size": (Se = (he = l(A).labels) == null ? void 0 : he.font) == null ? void 0 : Se.size,
+              "max-width": l(V).maxWidth,
+              "text-color": (ue = l(V).labels) == null ? void 0 : ue.color,
+              "font-size": (Se = (he = l(V).labels) == null ? void 0 : he.font) == null ? void 0 : Se.size,
               "legend-update-key": $.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3484,7 +3484,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               "x-cfg": G.value,
               "y-cfg": le.value,
               transpose: l(B),
-              stacked: V.value,
+              stacked: A.value,
               legend: {
                 display: !1
               },
@@ -3493,18 +3493,18 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               datalabels: l(b),
               "maintain-aspect-ratio": !1,
               style: Ze({
-                "--chart-width": _.value && (l(A).display ?? !1) && F.value ? "calc(100% - var(--legend-panel-width, 0px))" : l(g) !== void 0 ? l(g) + "px" : "100%",
-                "--chart-height": _.value && (l(A).display ?? !1) && !F.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(m) !== void 0 ? l(m) + "px" : "100%"
+                "--chart-width": _.value && (l(V).display ?? !1) && F.value ? "calc(100% - var(--legend-panel-width, 0px))" : l(g) !== void 0 ? l(g) + "px" : "100%",
+                "--chart-height": _.value && (l(V).display ?? !1) && !F.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(m) !== void 0 ? l(m) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
-            _.value && (l(A).display ?? !1) && !E.value ? (Y(), we(rt, {
+            _.value && (l(V).display ?? !1) && !E.value ? (X(), we(rt, {
               key: 1,
               "chart-ref": a.value,
-              enabled: l(A).display ?? !1,
+              enabled: l(V).display ?? !1,
               position: c.value,
-              "max-width": l(A).maxWidth,
-              "text-color": (de = l(A).labels) == null ? void 0 : de.color,
-              "font-size": (Ne = (ye = l(A).labels) == null ? void 0 : ye.font) == null ? void 0 : Ne.size,
+              "max-width": l(V).maxWidth,
+              "text-color": (de = l(V).labels) == null ? void 0 : de.color,
+              "font-size": (Ne = (ye = l(V).labels) == null ? void 0 : ye.font) == null ? void 0 : Ne.size,
               "legend-update-key": $.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3570,11 +3570,11 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
     ), b = v(() => I.value ? ["", H.value[0], ""] : H.value), f = v(() => {
       var P;
       return ((P = t.value.data) == null ? void 0 : P.datasets) ?? [];
-    }), { datalabels: M, xCfg: B, yCfg: A, isTransposed: g, legend: m, chartWidth: L, chartHeight: x } = Et(
+    }), { datalabels: M, xCfg: B, yCfg: V, isTransposed: g, legend: m, chartWidth: L, chartHeight: x } = Et(
       t.value
     ), w = v(
       () => Ot(t.value.isTransposed === !0, p.value)
-    ), V = Qt("line"), _ = Ta("report-line-style-plugin-stack-line"), c = v(() => {
+    ), A = Qt("line"), _ = Ta("report-line-style-plugin-stack-line"), c = v(() => {
       const P = m.value.position;
       return !P || P === "top" || P === "bottom" || P === "left" || P === "right";
     }), F = v(() => m.value.position ?? "top"), E = v(
@@ -3586,7 +3586,7 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
         var ye;
         let R = P.values;
         I.value && (R = [NaN, R[0], NaN]);
-        const re = R.map((Ne) => Ne === null ? NaN : Number(Ne)), X = nt({
+        const re = R.map((Ne) => Ne === null ? NaN : Number(Ne)), Y = nt({
           datasetIndex: $,
           isCompare: P.isCompare,
           metricCount: t.value.metricCount,
@@ -3613,7 +3613,7 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : Ct({
-          index: X,
+          index: Y,
           isCompare: P.isCompare,
           customColors: t.value.chartColors
         });
@@ -3647,9 +3647,9 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
     }), Pe([k], () => {
       tt(() => z());
     }), (P, $) => {
-      var re, X, ee, ae, ue, he;
+      var re, Y, ee, ae, ue, he;
       const R = ge("FmLineChart");
-      return Y(), be(et, null, [
+      return X(), be(et, null, [
         J("div", tr, [
           yt(P.$slots, "menu"),
           J("div", {
@@ -3657,14 +3657,14 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
               "chart-layout--side": c.value && (l(m).display ?? !1) && E.value
             }])
           }, [
-            c.value && (l(m).display ?? !1) && G.value ? (Y(), we(rt, {
+            c.value && (l(m).display ?? !1) && G.value ? (X(), we(rt, {
               key: 0,
               "chart-ref": a.value,
               enabled: l(m).display ?? !1,
               position: F.value,
               "max-width": l(m).maxWidth,
               "text-color": (re = l(m).labels) == null ? void 0 : re.color,
-              "font-size": (ee = (X = l(m).labels) == null ? void 0 : X.font) == null ? void 0 : ee.size,
+              "font-size": (ee = (Y = l(m).labels) == null ? void 0 : Y.font) == null ? void 0 : ee.size,
               "legend-update-key": k.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3681,13 +3681,13 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
               datasets: k.value,
               "x-axis": { categories: b.value },
               "x-cfg": l(B),
-              "y-cfg": l(A),
+              "y-cfg": l(V),
               transpose: l(g),
               legend: {
                 display: !1
               },
               tooltip: w.value,
-              plugins: [l(V), l(_)],
+              plugins: [l(A), l(_)],
               stacked: !0,
               datalabels: l(M),
               "maintain-aspect-ratio": !1,
@@ -3696,7 +3696,7 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
                 "--chart-height": c.value && (l(m).display ?? !1) && !E.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(x) !== void 0 ? l(x) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "plugins", "datalabels", "style"]),
-            c.value && (l(m).display ?? !1) && !G.value ? (Y(), we(rt, {
+            c.value && (l(m).display ?? !1) && !G.value ? (X(), we(rt, {
               key: 1,
               "chart-ref": a.value,
               enabled: l(m).display ?? !1,
@@ -3775,9 +3775,9 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
       return (($ = t.value.data) == null ? void 0 : $.xAxis) ?? [];
     }), b = v(() => I.value.length === 1 && H.value.length > 1 && H.value.every(($) => $.values.length === 1 && $.isCompare !== !0)), f = v(
       () => I.value.length === 1 && H.value.length > 0 && H.value.every(($) => $.values.length === 1)
-    ), M = v(() => b.value ? H.value.map(($) => $.name) : f.value ? ["", I.value[0], ""] : I.value), { datalabels: B, xCfg: A, yCfg: g, isTransposed: m, legend: L, chartWidth: x, chartHeight: w } = Et(
+    ), M = v(() => b.value ? H.value.map(($) => $.name) : f.value ? ["", I.value[0], ""] : I.value), { datalabels: B, xCfg: V, yCfg: g, isTransposed: m, legend: L, chartWidth: x, chartHeight: w } = Et(
       t.value
-    ), V = v(
+    ), A = v(
       () => Ot(t.value.isTransposed === !0, p.value)
     ), _ = Qt("line"), c = Ta("report-line-style-plugin-line"), F = v(() => {
       const $ = L.value.position;
@@ -3794,7 +3794,7 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
           isCompare: $.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), X = nt({
+        }), Y = nt({
           datasetIndex: R,
           isCompare: $.isCompare,
           metricCount: t.value.metricCount,
@@ -3808,7 +3808,7 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
           metricCount: t.value.metricCount
         }), he = ae ? Wt({
           breakdownIndex: ue,
-          metricIndex: X,
+          metricIndex: Y,
           metricCount: t.value.metricCount,
           isCompare: $.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
@@ -3824,12 +3824,12 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
           isCompare: $.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), Ye = (i = t.value.lineStyles) == null ? void 0 : i[Ne];
+        }), Xe = (i = t.value.lineStyles) == null ? void 0 : i[Ne];
         return {
           label: $.name,
           data: de,
           dash: !!$.isCompare,
-          lineStyle: Ye,
+          lineStyle: Xe,
           fill: !1,
           color: he,
           pointRadius: ye ? 4 : void 0,
@@ -3855,9 +3855,9 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
     }), Pe([U], () => {
       tt(() => P());
     }), ($, R) => {
-      var X, ee, ae, ue, he, Se;
+      var Y, ee, ae, ue, he, Se;
       const re = ge("FmLineChart");
-      return Y(), be(et, null, [
+      return X(), be(et, null, [
         J("div", rr, [
           yt($.$slots, "menu"),
           J("div", {
@@ -3865,13 +3865,13 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
               "chart-layout--side": F.value && (l(L).display ?? !1) && G.value
             }])
           }, [
-            F.value && (l(L).display ?? !1) && le.value ? (Y(), we(rt, {
+            F.value && (l(L).display ?? !1) && le.value ? (X(), we(rt, {
               key: 0,
               "chart-ref": a.value,
               enabled: l(L).display ?? !1,
               position: E.value,
               "max-width": l(L).maxWidth,
-              "text-color": (X = l(L).labels) == null ? void 0 : X.color,
+              "text-color": (Y = l(L).labels) == null ? void 0 : Y.color,
               "font-size": (ae = (ee = l(L).labels) == null ? void 0 : ee.font) == null ? void 0 : ae.size,
               "legend-update-key": U.value,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3888,13 +3888,13 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
               class: "line-chart",
               datasets: U.value,
               "x-axis": { categories: M.value },
-              "x-cfg": l(A),
+              "x-cfg": l(V),
               "y-cfg": l(g),
               transpose: l(m),
               legend: {
                 display: !1
               },
-              tooltip: V.value,
+              tooltip: A.value,
               datalabels: l(B),
               plugins: [l(_), l(c)],
               "maintain-aspect-ratio": !1,
@@ -3903,7 +3903,7 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
                 "--chart-height": F.value && (l(L).display ?? !1) && !G.value ? "calc(100% - var(--legend-panel-height, 0px))" : l(w) !== void 0 ? l(w) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
-            F.value && (l(L).display ?? !1) && !le.value ? (Y(), we(rt, {
+            F.value && (l(L).display ?? !1) && !le.value ? (X(), we(rt, {
               key: 1,
               "chart-ref": a.value,
               enabled: l(L).display ?? !1,
@@ -3943,7 +3943,7 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = wt(), { FmForm: t } = io, a = e, r = D(), s = ct(e, "modelValue"), u = D(!0), p = D(!1), d = An(), { selectedLocationIds: C, dateRange: N, timeRange: H } = vt(jt()), I = D(vn.PORTRAIT);
+    const { t: n } = wt(), { FmForm: t } = io, a = e, r = D(), s = ct(e, "modelValue"), u = D(!0), p = D(!1), d = Vn(), { selectedLocationIds: C, dateRange: N, timeRange: H } = vt(jt()), I = D(vn.PORTRAIT);
     function b() {
       var M;
       (M = r.value) == null || M.validateInputs();
@@ -3967,8 +3967,8 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
       }
     }
     return (M, B) => {
-      const A = ge("FmRadio"), g = ge("FmRadioGroup"), m = ge("FmButton"), L = ge("FmDialog");
-      return Y(), we(L, {
+      const V = ge("FmRadio"), g = ge("FmRadioGroup"), m = ge("FmButton"), L = ge("FmDialog");
+      return X(), we(L, {
         modelValue: s.value,
         "onUpdate:modelValue": B[2] || (B[2] = (x) => s.value = x),
         overlay: !0,
@@ -3990,11 +3990,11 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
                   "onUpdate:modelValue": B[0] || (B[0] = (x) => I.value = x)
                 }, {
                   default: ze(() => [
-                    me(A, {
+                    me(V, {
                       value: l(vn).PORTRAIT,
                       label: l(n)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    me(A, {
+                    me(V, {
                       value: l(vn).LANDSCAPE,
                       label: l(n)("report.common.landscape")
                     }, null, 8, ["value", "label"])
@@ -4041,13 +4041,13 @@ function dr(e) {
         (F.overflowX === "auto" || F.overflowX === "scroll") && w.push(c);
       }
     });
-    let V = (_ = t.value) == null ? void 0 : _.parentElement;
-    for (; V; ) {
-      if (V.scrollWidth > V.clientWidth) {
-        const c = window.getComputedStyle(V);
-        (c.overflowX === "auto" || c.overflowX === "scroll") && w.push(V);
+    let A = (_ = t.value) == null ? void 0 : _.parentElement;
+    for (; A; ) {
+      if (A.scrollWidth > A.clientWidth) {
+        const c = window.getComputedStyle(A);
+        (c.overflowX === "auto" || c.overflowX === "scroll") && w.push(A);
       }
-      V = V.parentElement;
+      A = A.parentElement;
     }
     return w;
   }
@@ -4071,11 +4071,11 @@ function dr(e) {
       border-collapse: collapse;
       pointer-events: auto;
     `;
-    const V = p.cloneNode(!0);
-    V.style.cssText = "pointer-events: auto;", f(p, V), w.appendChild(V), s.appendChild(w), document.body.appendChild(s), A(), g(), m(), B();
+    const A = p.cloneNode(!0);
+    A.style.cssText = "pointer-events: auto;", f(p, A), w.appendChild(A), s.appendChild(w), document.body.appendChild(s), V(), g(), m(), B();
   }
-  function f(w, V) {
-    const _ = w.querySelectorAll("th, td"), c = V.querySelectorAll("th, td");
+  function f(w, A) {
+    const _ = w.querySelectorAll("th, td"), c = A.querySelectorAll("th, td");
     _.forEach((F, E) => {
       const G = c[E];
       if (!G) return;
@@ -4105,11 +4105,11 @@ function dr(e) {
     });
   }
   function M() {
-    const w = n.value.xs || n.value.sm, V = document.querySelector('[data-editor-header="true"]'), _ = document.querySelector('[data-menu-tab="true"]');
-    if (w && !V)
+    const w = n.value.xs || n.value.sm, A = document.querySelector('[data-editor-header="true"]'), _ = document.querySelector('[data-menu-tab="true"]');
+    if (w && !A)
       return 1;
-    if (V)
-      return V.getBoundingClientRect().bottom;
+    if (A)
+      return A.getBoundingClientRect().bottom;
     if (_) {
       let c = _;
       for (; c; ) {
@@ -4123,8 +4123,8 @@ function dr(e) {
   }
   function B() {
     if (!s || !u || !p || !t.value) return;
-    const w = t.value.getBoundingClientRect(), V = u.getBoundingClientRect(), _ = p.getBoundingClientRect(), c = M();
-    if (!(V.top <= c && V.bottom >= c + _.height)) {
+    const w = t.value.getBoundingClientRect(), A = u.getBoundingClientRect(), _ = p.getBoundingClientRect(), c = M();
+    if (!(A.top <= c && A.bottom >= c + _.height)) {
       s.style.visibility = "hidden";
       return;
     }
@@ -4138,12 +4138,12 @@ function dr(e) {
     const z = s.querySelector("table");
     z && (z.style.width = `${u.offsetWidth}px`, z.style.marginLeft = `${_.left - ne}px`);
   }
-  function A() {
-    var V;
+  function V() {
+    var A;
     C = () => requestAnimationFrame(B), window.addEventListener("scroll", C, { passive: !0 }), I().forEach((_) => {
       C && _.addEventListener("scroll", C, { passive: !0 });
     });
-    let w = (V = t.value) == null ? void 0 : V.parentElement;
+    let w = (A = t.value) == null ? void 0 : A.parentElement;
     for (; w; )
       w !== document.body && (w.scrollHeight > w.clientHeight || w.scrollWidth > w.clientWidth) && w.addEventListener("scroll", C, { passive: !0 }), w = w.parentElement;
   }
@@ -4152,22 +4152,22 @@ function dr(e) {
       if (p && s) {
         const w = s.querySelector("thead");
         w && f(p, w);
-        const V = s.querySelector("table");
-        V && u && (V.style.width = `${u.offsetWidth}px`);
+        const A = s.querySelector("table");
+        A && u && (A.style.width = `${u.offsetWidth}px`);
       }
       B();
     }), t.value && d.observe(t.value), u && d.observe(u);
   }
   function m() {
     if (!p) return;
-    const w = Cn(() => b(), 100), V = () => {
+    const w = Cn(() => b(), 100), A = () => {
       if (p && s) {
         const _ = s.querySelector("thead");
         _ && f(p, _), B();
       }
     };
     N = new MutationObserver((_) => {
-      _.some((F) => F.type === "childList" ? F.addedNodes.length > 0 || F.removedNodes.length > 0 : !1) ? w() : V();
+      _.some((F) => F.type === "childList" ? F.addedNodes.length > 0 || F.removedNodes.length > 0 : !1) ? w() : A();
     }), N.observe(p, {
       childList: !0,
       subtree: !0,
@@ -4181,9 +4181,9 @@ function dr(e) {
       window.removeEventListener("scroll", C), I().forEach((_) => {
         C && _.removeEventListener("scroll", C);
       });
-      let V = (w = t.value) == null ? void 0 : w.parentElement;
-      for (; V; )
-        V.removeEventListener("scroll", C), V = V.parentElement;
+      let A = (w = t.value) == null ? void 0 : w.parentElement;
+      for (; A; )
+        A.removeEventListener("scroll", C), A = A.parentElement;
       C = null;
     }
     d && (d.disconnect(), d = null), N && (N.disconnect(), N = null), u = null, p = null;
@@ -4250,9 +4250,9 @@ const fr = {
         return T >= 0 ? T : 0;
       } else
         return -1;
-    }), B = v(() => M.value !== 0), A = v(
+    }), B = v(() => M.value !== 0), V = v(
       () => M.value != ut.value.length - 1
-    ), g = D(a.showTitle ?? !0), m = D(a.titleFontSize ?? 14), L = D(a.titleBold ?? !1), x = D(a.titleItalic ?? !1), w = D(a.titleUnderline ?? !1), V = D(a.chartWidth ?? void 0), _ = D(a.chartHeight ?? void 0), c = D(
+    ), g = D(a.showTitle ?? !0), m = D(a.titleFontSize ?? 14), L = D(a.titleBold ?? !1), x = D(a.titleItalic ?? !1), w = D(a.titleUnderline ?? !1), A = D(a.chartWidth ?? void 0), _ = D(a.chartHeight ?? void 0), c = D(
       Array.isArray(a.chartColors) ? [...a.chartColors] : void 0
     ), F = D(
       Array.isArray(a.chartColorLayers) ? [...a.chartColorLayers] : void 0
@@ -4260,15 +4260,15 @@ const fr = {
       Array.isArray(a.chartBreakdownColors) ? [...a.chartBreakdownColors] : void 0
     ), G = D(a.chartUseSecondaryMetricShades ?? !0), le = D(a.chartColorBinding), te = D(
       Array.isArray(a.lineStyles) ? [...a.lineStyles] : void 0
-    ), ce = D(a.lineStyleBinding), ne = D(a.showLabel ?? !1), k = D(a.labelAlign ?? kn.center), U = D(a.labelAnchor ?? _n.center), z = D(a.labelRotation ?? 0), P = D(a.labelOffset ?? 0), $ = D(a.labelFontSize ?? 12), R = v(() => a.showSearchBar), re = D(a.showX ?? !0), X = D(a.xPosition ?? Tn.bottom), ee = D(a.showXGrid ?? !1), ae = D(a.showXTick ?? !0), ue = D(a.xTickFontSize ?? 12), he = D(a.showXTitle ?? !1), Se = D(a.xTitle ?? ""), de = D(a.xTitleFontSize ?? 12), ye = D(a.showY ?? !0), Ne = D(a.yPosition ?? Ln.left), Ye = D(a.showYGrid ?? !1), i = D(a.showYTick ?? !0), W = D(a.yTickFontSize ?? 12), Z = D(a.showYTitle ?? !1), Q = D(a.yTitle ?? ""), Ce = D(a.yTitleFontSize ?? 12), Fe = D(a.showLegend ?? void 0), Xe = D(a.legendPosition ?? Dn.top), Re = D(a.usePointStyle ?? !0), je = D(a.legendFontSize), Be = D(a.legendColor ?? "#6b6b6b"), fe = D(a.legendMaxWidth), O = D(a.maxTooltipItems), _e = D(a.stackBarOverlap ?? !1), Te = D(a.rowHeight ?? 0), Le = D(a.colWidths ?? []), He = D(!1), Ae = D(""), { breakpoints: De, getBreakpointsBoundary: Oe } = fn(), We = D(), Ee = v(
+    ), ce = D(a.lineStyleBinding), ne = D(a.showLabel ?? !1), k = D(a.labelAlign ?? kn.center), U = D(a.labelAnchor ?? _n.center), z = D(a.labelRotation ?? 0), P = D(a.labelOffset ?? 0), $ = D(a.labelFontSize ?? 12), R = v(() => a.showSearchBar), re = D(a.showX ?? !0), Y = D(a.xPosition ?? Tn.bottom), ee = D(a.showXGrid ?? !1), ae = D(a.showXTick ?? !0), ue = D(a.xTickFontSize ?? 12), he = D(a.showXTitle ?? !1), Se = D(a.xTitle ?? ""), de = D(a.xTitleFontSize ?? 12), ye = D(a.showY ?? !0), Ne = D(a.yPosition ?? Ln.left), Xe = D(a.showYGrid ?? !1), i = D(a.showYTick ?? !0), W = D(a.yTickFontSize ?? 12), Z = D(a.showYTitle ?? !1), Q = D(a.yTitle ?? ""), Ce = D(a.yTitleFontSize ?? 12), Fe = D(a.showLegend ?? void 0), Ye = D(a.legendPosition ?? Dn.top), Re = D(a.usePointStyle ?? !0), je = D(a.legendFontSize), Be = D(a.legendColor ?? "#6b6b6b"), fe = D(a.legendMaxWidth), O = D(a.maxTooltipItems), _e = D(a.stackBarOverlap ?? !1), Te = D(a.rowHeight ?? 0), Le = D(a.colWidths ?? []), He = D(!1), Ve = D(""), { breakpoints: De, getBreakpointsBoundary: Oe } = fn(), We = D(), Ee = v(
       () => p.customScreenWidth === void 0 ? window.innerWidth : p.customScreenWidth
-    ), Ve = v(
+    ), Ae = v(
       () => (Ee == null ? void 0 : Ee.value) > Oe("xs")[1] && (Ee == null ? void 0 : Ee.value) <= Oe("sm")[1]
     ), an = v(
       () => (Ee == null ? void 0 : Ee.value) > Oe("sm")[1] && (Ee == null ? void 0 : Ee.value) <= Oe("md")[1]
     ), mn = v(() => (Ee == null ? void 0 : Ee.value) > Oe("md")[1]), hn = v(() => {
       const T = t.value.size.width;
-      return mn.value || an.value ? ar(T) : Ve.value ? or(T) : lr(T);
+      return mn.value || an.value ? ar(T) : Ae.value ? or(T) : lr(T);
     }), Dt = v(
       () => uo.find((T) => T.type === t.value.widget.type)
     ), o = Cn(() => {
@@ -4343,7 +4343,7 @@ const fr = {
         titleItalic: x.value,
         titleUnderline: w.value,
         chartHeight: _.value,
-        chartWidth: V.value,
+        chartWidth: A.value,
         chartColors: c.value,
         chartColorLayers: F.value,
         chartBreakdownColors: E.value,
@@ -4359,7 +4359,7 @@ const fr = {
         labelOffset: P.value,
         labelFontSize: $.value,
         showX: re.value,
-        xPosition: X.value,
+        xPosition: Y.value,
         showXGrid: ee.value,
         showXTick: ae.value,
         xTickFontSize: ue.value,
@@ -4368,7 +4368,7 @@ const fr = {
         xTitleFontSize: de.value,
         showY: ye.value,
         yPosition: Ne.value,
-        showYGrid: Ye.value,
+        showYGrid: Xe.value,
         showYTick: i.value,
         yTitle: Q.value,
         showYTitle: Z.value,
@@ -4376,7 +4376,7 @@ const fr = {
         yTickFontSize: W.value,
         isTransposed: se.value.config.isTransposed,
         showLegend: Fe.value,
-        legendPosition: Xe.value,
+        legendPosition: Ye.value,
         usePointStyle: Re.value,
         legendFontSize: je.value,
         legendColor: Be.value,
@@ -4388,7 +4388,7 @@ const fr = {
     function dt() {
       return {
         data: h.value,
-        filterText: Ae.value,
+        filterText: Ve.value,
         rollupPosition: se.value.config.rollupPosition,
         grandTotalLabel: se.value.config.grandTotalLabel,
         rowHeight: Te.value,
@@ -4440,7 +4440,7 @@ const fr = {
     Pe(
       () => t.value.widget.config,
       (T) => {
-        I.value = T.rollup, g.value = T.showTitle ?? !0, m.value = T.titleFontSize ?? 14, L.value = T.titleBold ?? !1, x.value = T.titleItalic ?? !1, w.value = T.titleUnderline ?? !1, _.value = T.chartHeight ?? void 0, V.value = T.chartWidth ?? void 0, c.value = Array.isArray(T.chartColors) ? [...T.chartColors] : void 0, F.value = Array.isArray(T.chartColorLayers) ? [...T.chartColorLayers] : void 0, E.value = Array.isArray(T.chartBreakdownColors) ? [...T.chartBreakdownColors] : void 0, G.value = T.chartUseSecondaryMetricShades ?? !0, le.value = T.chartColorBinding, te.value = Array.isArray(T.lineStyles) ? [...T.lineStyles] : void 0, ce.value = T.lineStyleBinding, ne.value = T.showLabel ?? !1, k.value = T.labelAlign ?? kn.center, U.value = T.labelAnchor ?? _n.center, z.value = T.labelRotation ?? 0, P.value = T.labelOffset ?? 0, $.value = T.labelFontSize ?? 12, re.value = T.showX ?? !0, X.value = T.xPosition ?? Tn.bottom, ee.value = T.showXGrid ?? !1, ae.value = T.showXTick ?? !0, ue.value = T.xTickFontSize ?? 12, he.value = T.showXTitle ?? !1, Se.value = T.xTitle ?? "", de.value = T.xTitleFontSize ?? 12, ye.value = T.showY ?? !0, Ne.value = T.yPosition ?? Ln.left, Ye.value = T.showYGrid ?? !0, i.value = T.showYTick ?? !0, W.value = T.yTickFontSize ?? 12, Z.value = T.showYTitle ?? !1, Q.value = T.yTitle ?? "", Ce.value = T.yTitleFontSize ?? 12, Fe.value = T.showLegend ?? void 0, Xe.value = T.legendPosition ?? Dn.top, Re.value = T.usePointStyle ?? !0, je.value = T.legendFontSize, Be.value = T.legendColor ?? "#6b6b6b", fe.value = T.legendMaxWidth, O.value = T.maxTooltipItems, _e.value = T.stackBarOverlap ?? !1, Te.value = T.rowHeight ?? 0, Le.value = T.colWidths ?? [], b.value = Gt();
+        I.value = T.rollup, g.value = T.showTitle ?? !0, m.value = T.titleFontSize ?? 14, L.value = T.titleBold ?? !1, x.value = T.titleItalic ?? !1, w.value = T.titleUnderline ?? !1, _.value = T.chartHeight ?? void 0, A.value = T.chartWidth ?? void 0, c.value = Array.isArray(T.chartColors) ? [...T.chartColors] : void 0, F.value = Array.isArray(T.chartColorLayers) ? [...T.chartColorLayers] : void 0, E.value = Array.isArray(T.chartBreakdownColors) ? [...T.chartBreakdownColors] : void 0, G.value = T.chartUseSecondaryMetricShades ?? !0, le.value = T.chartColorBinding, te.value = Array.isArray(T.lineStyles) ? [...T.lineStyles] : void 0, ce.value = T.lineStyleBinding, ne.value = T.showLabel ?? !1, k.value = T.labelAlign ?? kn.center, U.value = T.labelAnchor ?? _n.center, z.value = T.labelRotation ?? 0, P.value = T.labelOffset ?? 0, $.value = T.labelFontSize ?? 12, re.value = T.showX ?? !0, Y.value = T.xPosition ?? Tn.bottom, ee.value = T.showXGrid ?? !1, ae.value = T.showXTick ?? !0, ue.value = T.xTickFontSize ?? 12, he.value = T.showXTitle ?? !1, Se.value = T.xTitle ?? "", de.value = T.xTitleFontSize ?? 12, ye.value = T.showY ?? !0, Ne.value = T.yPosition ?? Ln.left, Xe.value = T.showYGrid ?? !0, i.value = T.showYTick ?? !0, W.value = T.yTickFontSize ?? 12, Z.value = T.showYTitle ?? !1, Q.value = T.yTitle ?? "", Ce.value = T.yTitleFontSize ?? 12, Fe.value = T.showLegend ?? void 0, Ye.value = T.legendPosition ?? Dn.top, Re.value = T.usePointStyle ?? !0, je.value = T.legendFontSize, Be.value = T.legendColor ?? "#6b6b6b", fe.value = T.legendMaxWidth, O.value = T.maxTooltipItems, _e.value = T.stackBarOverlap ?? !1, Te.value = T.rowHeight ?? 0, Le.value = T.colWidths ?? [], b.value = Gt();
       },
       { deep: !0 }
     ), Pe([() => I.value], () => {
@@ -4470,7 +4470,7 @@ const fr = {
     }), ca(() => {
       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 = An();
+    const Kt = Vn();
     let on;
     async function Rn() {
       if (!p.isStyleEditing) {
@@ -4510,7 +4510,7 @@ const fr = {
       T >= 0 && T < ut.value.length && (f.value = ut.value[T].value);
     }
     const Hn = D(Ft.EXCEL), Wn = D(), Fa = Object.values(Ft).map((T) => ({
-      label: Xa(T),
+      label: Ya(T),
       value: T,
       onClick: async () => {
         T === Ft.EXCEL || T === Ft.PDFFULLSIZE || T === Ft.PDFRECEIPT ? await da({
@@ -4522,13 +4522,13 @@ const fr = {
           locationIds: S.value
         }) : T === Ft.PDF && (Hn.value = T, Wn.value = p.index, He.value = !0);
       }
-    })), Ba = se.value.type === ie.Spacer ? "flat" : "outlined", Aa = se.value.type === ie.Spacer ? "p-0" : "p-16";
+    })), Ba = se.value.type === ie.Spacer ? "flat" : "outlined", Va = se.value.type === ie.Spacer ? "p-0" : "p-16";
     return (T, Ie) => {
-      const lt = ge("FmTooltip"), xt = ge("FmSearch"), pn = ge("FmCheckbox"), It = ge("FmButton"), Va = ge("FmSelect"), $a = ge("FmMenuItem"), Na = ge("FmMenu"), za = ge("FmForm"), Pa = ge("FmCircularProgress"), Ra = ge("FmCard");
-      return Y(), we(Ra, {
+      const lt = ge("FmTooltip"), xt = ge("FmSearch"), pn = ge("FmCheckbox"), It = ge("FmButton"), Aa = ge("FmSelect"), $a = ge("FmMenuItem"), Na = ge("FmMenu"), za = ge("FmForm"), Pa = ge("FmCircularProgress"), Ra = ge("FmCard");
+      return X(), we(Ra, {
         ref_key: "tileCard",
         ref: d,
-        class: qe(`${hn.value} ${l(Aa)}`),
+        class: qe(`${hn.value} ${l(Va)}`),
         variant: l(Ba)
       }, {
         default: ze(() => [
@@ -4538,11 +4538,11 @@ const fr = {
             "report-type": Hn.value,
             index: Wn.value
           }, null, 8, ["modelValue", "report-type", "index"]),
-          !n.value && !l(j) ? (Y(), be("div", {
+          !n.value && !l(j) ? (X(), be("div", {
             key: 0,
             style: Ze({ height: We.value })
           }, [
-            (Y(), we(ua(y.value), {
+            (X(), we(ua(y.value), {
               key: b.value,
               modelValue: Qe.value,
               "onUpdate:modelValue": Ie[4] || (Ie[4] = (Mt) => Qe.value = Mt),
@@ -4562,7 +4562,7 @@ const fr = {
                         "z-index": 99
                       }, {
                         default: ze(() => [
-                          g.value !== !1 ? (Y(), be("p", {
+                          g.value !== !1 ? (X(), be("p", {
                             key: 0,
                             style: Ze({
                               fontSize: m.value + "px",
@@ -4578,12 +4578,12 @@ const fr = {
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
-                      (Mt = Dt.value) != null && Mt.showSearchBar ? (Y(), we(xt, {
+                      (Mt = Dt.value) != null && Mt.showSearchBar ? (X(), we(xt, {
                         key: 0,
-                        modelValue: Ae.value,
-                        "onUpdate:modelValue": Ie[1] || (Ie[1] = (mt) => Ae.value = mt),
+                        modelValue: Ve.value,
+                        "onUpdate:modelValue": Ie[1] || (Ie[1] = (mt) => Ve.value = mt),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (Y(), be("div", fr)),
+                      }, null, 8, ["modelValue"])) : (X(), be("div", fr)),
                       Ua(me(pn, {
                         modelValue: ne.value,
                         "onUpdate:modelValue": Ie[2] || (Ie[2] = (mt) => ne.value = mt),
@@ -4592,7 +4592,7 @@ const fr = {
                       }, null, 8, ["modelValue"]), [
                         [Ka, (On = Dt.value) == null ? void 0 : On.showLabel]
                       ]),
-                      (En = Dt.value) != null && En.showDrillDimension && ut.value.length > 0 ? (Y(), be("div", mr, [
+                      (En = Dt.value) != null && En.showDrillDimension && ut.value.length > 0 ? (X(), be("div", mr, [
                         me(It, {
                           icon: "arrow_upward",
                           variant: "tertiary",
@@ -4602,18 +4602,18 @@ const fr = {
                         me(It, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !A.value,
+                          disabled: !V.value,
                           onClick: Ma
                         }, null, 8, ["disabled"])
                       ])) : Me("", !0),
-                      (Un = Dt.value) != null && Un.showRollup && ft.value.length > 0 ? (Y(), we(Va, {
+                      (Un = Dt.value) != null && Un.showRollup && ft.value.length > 0 ? (X(), we(Aa, {
                         key: `rollup-${l(u)}`,
                         modelValue: I.value,
                         "onUpdate:modelValue": Ie[3] || (Ie[3] = (mt) => I.value = mt),
                         class: "w-[150px]",
                         items: ft.value
                       }, null, 8, ["modelValue", "items"])) : Me("", !0),
-                      p.hideExport ? Me("", !0) : (Y(), we(Na, {
+                      p.hideExport ? Me("", !0) : (X(), we(Na, {
                         key: 4,
                         shift: !0
                       }, {
@@ -4624,7 +4624,7 @@ const fr = {
                           })
                         ]),
                         default: ze(() => [
-                          (Y(!0), be(et, null, Lt(l(Fa), (mt) => (Y(), we($a, {
+                          (X(!0), be(et, null, Lt(l(Fa), (mt) => (X(), we($a, {
                             key: mt.value,
                             label: mt.label,
                             onClick: mt.onClick
@@ -4639,7 +4639,7 @@ const fr = {
               ]),
               _: 1
             }, 8, ["modelValue", "tile-index"]))
-          ], 4)) : (Y(), we(Pa, { key: 1 }))
+          ], 4)) : (X(), we(Pa, { key: 1 }))
         ]),
         _: 1
       }, 8, ["class", "variant"]);
@@ -4732,7 +4732,7 @@ function qr(e) {
       return;
   }
 }
-function Yr(e) {
+function Xr(e) {
   switch (e) {
     case Je.HourOfDay:
       return 23;
@@ -4886,19 +4886,19 @@ const vr = ma(pr, () => {
 }), gr = { class: "flex flex-row flex-wrap gap-2" }, yr = { class: "inline-flex max-w-[460px]" }, br = {
   key: 0,
   class: "flex justify-center my-2"
-}, Cr = { class: "px-2 pb-8" }, wr = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, xr = { class: "px-2 pb-8" }, Sr = { class: "flex items-start w-full" }, _r = ["onClick"], kr = { class: "fm-typo-en-body-md-400" }, Tr = { key: 0 }, Lr = { class: "px-12 py-3" }, Dr = { class: "flex items-center justify-between" }, Ir = { class: "text-xs max-w-[200px]" }, Mr = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Xt = "(EMPTY)", Xr = /* @__PURE__ */ at({
+}, Cr = { class: "px-2 pb-8" }, wr = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, xr = { class: "px-2 pb-8" }, Sr = { class: "flex items-start w-full" }, _r = ["onClick"], kr = { class: "fm-typo-en-body-md-400" }, Tr = { key: 0 }, Lr = { class: "px-12 py-3" }, Dr = { class: "flex items-center justify-between" }, Ir = { class: "text-xs max-w-[200px]" }, Mr = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Yt = "(EMPTY)", Yr = /* @__PURE__ */ at({
   __name: "FilterSelector",
   setup(e) {
     const { t: n, locale: t } = wt(), { currentReport: a, editingTile: r } = vt(Ga());
-    let { globalFilters: s, isGlobalFiltersLoading: u, timeRange: p, dateRange: d, selectedLocationIds: C, timezone: N } = vt(jt()), { schemas: H } = vt(ja()), { showMore: I, getGlobalFilter: b, setGlobalFilter: f, setIncludeUnavailable: M, getKey: B, isMenuOpen: A } = vr();
+    let { globalFilters: s, isGlobalFiltersLoading: u, timeRange: p, dateRange: d, selectedLocationIds: C, timezone: N } = vt(jt()), { schemas: H } = vt(ja()), { showMore: I, getGlobalFilter: b, setGlobalFilter: f, setIncludeUnavailable: M, getKey: B, isMenuOpen: V } = vr();
     const g = v(() => n("report.input.unknown"));
     let m = null;
     const L = D(!1), x = v(() => {
       var i;
       return ((i = a.value) == null ? void 0 : i.id) ?? "";
     }), w = D([]);
-    function V(i) {
-      return i.filter((W) => W !== Xt);
+    function A(i) {
+      return i.filter((W) => W !== Yt);
     }
     function _(i) {
       const W = b(i.filter, x.value).selectedValues;
@@ -4967,9 +4967,9 @@ const vr = ma(pr, () => {
         const fe = (Le = Be == null ? void 0 : Be.widget) == null ? void 0 : Le.config;
         if (!fe || (He = i.tileIds) != null && He.length && !i.tileIds.includes(Be.id)) return !1;
         const O = (fe.dimensions ?? []).some(
-          (Ae) => Ae.schemaName === Q && Ae.name === Z
+          (Ve) => Ve.schemaName === Q && Ve.name === Z
         ), _e = (fe.joinDatasources ?? []).some(
-          (Ae) => (Ae.dimensions ?? []).some((De) => De.schemaName === Q && De.name === Z)
+          (Ve) => (Ve.dimensions ?? []).some((De) => De.schemaName === Q && De.name === Z)
         ), Te = (fe.schemaNames ?? []).includes(Q);
         return O || _e || Te;
       });
@@ -4980,7 +4980,7 @@ const vr = ma(pr, () => {
           He ? [st.Like, st.NotLike].includes(Te.operator) ? He.values = Array.from(/* @__PURE__ */ new Set([...He.values ?? [], ...Te.values ?? []])) : O.set(Le, { ...Te }) : O.set(Le, { ...Te });
         };
         return Be.forEach(_e), fe.forEach(_e), Array.from(O.values());
-      }, Xe = (Be) => {
+      }, Ye = (Be) => {
         var O;
         const fe = (O = Be.dimensions) == null ? void 0 : O.find(
           (_e) => _e.schemaName === Q && _e.name === Z
@@ -4995,10 +4995,10 @@ const vr = ma(pr, () => {
         };
       };
       return Ce.map((Be) => {
-        var Ae, De;
-        const fe = (Ae = Be == null ? void 0 : Be.widget) == null ? void 0 : Ae.config;
+        var Ve, De;
+        const fe = (Ve = Be == null ? void 0 : Be.widget) == null ? void 0 : Ve.config;
         if (!fe) return null;
-        const O = Xe(fe), _e = (fe.dimensions ?? []).some((Oe) => Oe.schemaName === Q) || (fe.schemaNames ?? []).includes(Q), Te = Fe(
+        const O = Ye(fe), _e = (fe.dimensions ?? []).some((Oe) => Oe.schemaName === Q) || (fe.schemaNames ?? []).includes(Q), Te = Fe(
           fe.filters ?? [],
           (i.filters ?? []).filter((Oe) => {
             var We;
@@ -5060,7 +5060,7 @@ const vr = ma(pr, () => {
       });
     }
     function te(i) {
-      le(i) ? i.selectedValues = [Xt] : i.selectedValues = i.options.map((W) => W.value);
+      le(i) ? i.selectedValues = [Yt] : i.selectedValues = i.options.map((W) => W.value);
     }
     const ce = v(
       () => w.value.map((i) => {
@@ -5082,7 +5082,7 @@ const vr = ma(pr, () => {
       return !((W = i.filter.tileIds) != null && W.length);
     }
     function z(i) {
-      return String(i ?? "").trim() === "" ? Xt : String(i);
+      return String(i ?? "").trim() === "" ? Yt : String(i);
     }
     function P(i) {
       var W, Z;
@@ -5123,7 +5123,7 @@ const vr = ma(pr, () => {
                   return ((Te = _e.cells) == null ? void 0 : Te[0]) ?? " ";
                 }));
               }
-              const Fe = Array.from(new Set(Ce)), Xe = _(i), Re = i.keepSelection ? Array.from(/* @__PURE__ */ new Set([...Fe, ...Xe])) : Fe, je = new Set(Ce), Be = new Set(Fe);
+              const Fe = Array.from(new Set(Ce)), Ye = _(i), Re = i.keepSelection ? Array.from(/* @__PURE__ */ new Set([...Fe, ...Ye])) : Fe, je = new Set(Ce), Be = new Set(Fe);
               i.options = Re.map((fe) => ({
                 label: String(fe).trim() === "" ? g.value : String(fe),
                 value: fe,
@@ -5171,14 +5171,14 @@ const vr = ma(pr, () => {
       var Q;
       if ((Q = i.selectedValues) == null ? void 0 : Q.includes(W)) {
         const Ce = (i.selectedValues || []).filter(
-          (Fe) => Fe !== W && Fe !== Xt
+          (Fe) => Fe !== W && Fe !== Yt
         );
-        i.selectedValues = Ce.length > 0 ? Ce : [Xt];
+        i.selectedValues = Ce.length > 0 ? Ce : [Yt];
       } else
-        i.selectedValues = [...V(i.selectedValues || []), W];
+        i.selectedValues = [...A(i.selectedValues || []), W];
       f(i.filter, x.value, "selectedValues", i.selectedValues);
     }
-    function X(i, W) {
+    function Y(i, W) {
       if (W === null)
         i.values = [];
       else {
@@ -5189,17 +5189,17 @@ const vr = ma(pr, () => {
       Z && (Z.keepSelection = W !== null, f(Z.filter, x.value, "keepSelection", Z.keepSelection));
     }
     function ee(i) {
-      const W = V(i.selectedValues || []);
+      const W = A(i.selectedValues || []);
       return `${n("report.section.filter.selectAll")} (${W.length}/${i.options.length})`;
     }
     function ae(i) {
       return `${n("report.section.filter.search")}`;
     }
     function ue(i) {
-      var Xe, Re, je, Be, fe;
+      var Ye, Re, je, Be, fe;
       const W = no(i.filter), Z = i.options.length > 0 ? "(0 selected)" : "";
       if (i.type === ht.Timestamp && !k(i.filter)) {
-        const O = ((Xe = i.filter.values) == null ? void 0 : Xe.length) === 2;
+        const O = ((Ye = i.filter.values) == null ? void 0 : Ye.length) === 2;
         if (i.filter.option === Je.DateTime)
           return { preview: O ? `${W} is between ${lo({
             startDate: ((Re = i.filter.values) == null ? void 0 : Re[0]) || null,
@@ -5208,7 +5208,7 @@ const vr = ma(pr, () => {
             timezone: N.value
           })}` : W, suffix: "" };
         if (i.filter.option === Je.TimeOfDay) {
-          const _e = (Be = i.filter.values) != null && Be[0] ? Bt(i.filter.values[0]).tz(N.value) : null, Te = (fe = i.filter.values) != null && fe[1] ? Bt(i.filter.values[1]).tz(N.value) : null, Le = (Ae) => Ae && Ae.isValid() ? { hour: Ae.hour(), minute: Ae.minute() } : null;
+          const _e = (Be = i.filter.values) != null && Be[0] ? Bt(i.filter.values[0]).tz(N.value) : null, Te = (fe = i.filter.values) != null && fe[1] ? Bt(i.filter.values[1]).tz(N.value) : null, Le = (Ve) => Ve && Ve.isValid() ? { hour: Ve.hour(), minute: Ve.minute() } : null;
           return { preview: O ? `${W} is between ${ro({
             startTime: Le(_e),
             endTime: Le(Te),
@@ -5219,14 +5219,14 @@ const vr = ma(pr, () => {
           const _e = ra({
             dimensionOption: i.filter.option,
             t: n
-          }), Te = new Map(_e.map((De) => [String(De.value), De.label])), He = V(i.selectedValues || []).map((De) => Te.get(String(De)) ?? String(De)), Ae = He.map((De) => De.length > 20 ? `${De.slice(0, 20)}…` : De).join(", ");
+          }), Te = new Map(_e.map((De) => [String(De.value), De.label])), He = A(i.selectedValues || []).map((De) => Te.get(String(De)) ?? String(De)), Ve = He.map((De) => De.length > 20 ? `${De.slice(0, 20)}…` : De).join(", ");
           return He.length ? {
-            preview: `${W}: ${Ae}`,
+            preview: `${W}: ${Ve}`,
             suffix: `(${He.length} selected)`
           } : { preview: W, suffix: Z };
         }
       }
-      const Ce = V(i.selectedValues || []).map((O) => O === !0 ? n("report.common.yes") || "Yes" : O === !1 ? n("report.common.no") || "No" : String(O).trim() === "" ? g.value : String(O)), Fe = Ce.map((O) => O.length > 20 ? `${O.slice(0, 20)}…` : O).join(", ");
+      const Ce = A(i.selectedValues || []).map((O) => O === !0 ? n("report.common.yes") || "Yes" : O === !1 ? n("report.common.no") || "No" : String(O).trim() === "" ? g.value : String(O)), Fe = Ce.map((O) => O.length > 20 ? `${O.slice(0, 20)}…` : O).join(", ");
       return Ce.length ? {
         preview: `${W}: ${Fe}`,
         suffix: `(${Ce.length} selected)`
@@ -5247,46 +5247,46 @@ const vr = ma(pr, () => {
     function Ne(i, W) {
       return i ? i.length > W ? `${i.slice(0, W)}…` : i : g.value;
     }
-    function Ye(i, W) {
-      var Q, Ce, Fe, Xe;
+    function Xe(i, W) {
+      var Q, Ce, Fe, Ye;
       if (W === null)
         i.values = [];
       else {
-        const Re = Bt().tz(N.value).set("hour", Number((Q = W.start) == null ? void 0 : Q.hour)).set("minute", Number((Ce = W.start) == null ? void 0 : Ce.minute)).toISOString(), je = Bt().tz(N.value).set("hour", Number((Fe = W.end) == null ? void 0 : Fe.hour)).set("minute", Number((Xe = W.end) == null ? void 0 : Xe.minute)).toISOString();
+        const Re = Bt().tz(N.value).set("hour", Number((Q = W.start) == null ? void 0 : Q.hour)).set("minute", Number((Ce = W.start) == null ? void 0 : Ce.minute)).toISOString(), je = Bt().tz(N.value).set("hour", Number((Fe = W.end) == null ? void 0 : Fe.hour)).set("minute", Number((Ye = W.end) == null ? void 0 : Ye.minute)).toISOString();
         i.values = [Re, je];
       }
       const Z = w.value.find((Re) => Re.filter === i);
       Z && (Z.keepSelection = W !== null, f(Z.filter, x.value, "keepSelection", Z.keepSelection));
     }
     return (i, W) => {
-      const Z = ge("FmCircularProgress"), Q = ge("FmTextField"), Ce = ge("FmMenuItem"), Fe = ge("FmTooltip"), Xe = ge("FmIcon"), Re = ge("FmMenuDivider"), je = ge("FmSwitch"), Be = ge("FmButton"), fe = ge("FmMenu");
-      return Y(), be("div", gr, [
-        (Y(!0), be(et, null, Lt(w.value, (O, _e) => {
-          var Te, Le, He, Ae, De, Oe;
-          return Y(), be("div", {
+      const Z = ge("FmCircularProgress"), Q = ge("FmTextField"), Ce = ge("FmMenuItem"), Fe = ge("FmTooltip"), Ye = ge("FmIcon"), Re = ge("FmMenuDivider"), je = ge("FmSwitch"), Be = ge("FmButton"), fe = ge("FmMenu");
+      return X(), be("div", gr, [
+        (X(!0), be(et, null, Lt(w.value, (O, _e) => {
+          var Te, Le, He, Ve, De, Oe;
+          return X(), be("div", {
             key: O.id
           }, [
-            O.filter.option === l(Je).DateTime && !k(O.filter) ? (Y(), we(ao, {
+            O.filter.option === l(Je).DateTime && !k(O.filter) ? (X(), we(ao, {
               key: 0,
               "model-value": { startDate: (Te = O.filter.values) == null ? void 0 : Te[0], endDate: (Le = O.filter.values) == null ? void 0 : Le[1] },
               class: "w-full",
               label: ue(O).preview,
               removable: ((He = O.filter.values) == null ? void 0 : He.length) === 2,
-              onUpdate: (We) => X(O.filter, We),
-              onChipClosed: () => X(O.filter, null)
-            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : O.filter.option === l(Je).TimeOfDay && !k(O.filter) ? (Y(), we(Ja, {
+              onUpdate: (We) => Y(O.filter, We),
+              onChipClosed: () => Y(O.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : O.filter.option === l(Je).TimeOfDay && !k(O.filter) ? (X(), we(Ja, {
               key: 1,
-              "model-value": { start: (Ae = O.filter.values) == null ? void 0 : Ae[0], end: (De = O.filter.values) == null ? void 0 : De[1] },
+              "model-value": { start: (Ve = O.filter.values) == null ? void 0 : Ve[0], end: (De = O.filter.values) == null ? void 0 : De[1] },
               class: "w-full",
               label: ue(O).preview,
               removable: ((Oe = O.filter.values) == null ? void 0 : Oe.length) === 2,
-              onUpdate: (We) => Ye(O.filter, We),
-              onChipClosed: () => Ye(O.filter, null)
-            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (Y(), we(fe, {
+              onUpdate: (We) => Xe(O.filter, We),
+              onChipClosed: () => Xe(O.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (X(), we(fe, {
               key: 2,
               "close-on-click": !1,
               shift: !0,
-              open: l(A)(O.id)
+              open: l(V)(O.id)
             }, {
               "menu-button": ze(() => [
                 J("div", yr, [
@@ -5308,15 +5308,15 @@ const vr = ma(pr, () => {
                   class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
                   style: Ze({ maxHeight: `${We}px`, width: Ee })
                 }, [
-                  L.value ? (Y(), be("div", br, [
+                  L.value ? (X(), be("div", br, [
                     me(Z)
-                  ])) : O.options.length > 0 && !l(u) ? (Y(), be(et, { key: 1 }, [
+                  ])) : O.options.length > 0 && !l(u) ? (X(), be(et, { key: 1 }, [
                     J("div", Cr, [
                       me(Q, {
                         modelValue: O.search,
                         "onUpdate:modelValue": [
-                          (Ve) => O.search = Ve,
-                          (Ve) => l(f)(O.filter, x.value, "search", Ve)
+                          (Ae) => O.search = Ae,
+                          (Ae) => l(f)(O.filter, x.value, "search", Ae)
                         ],
                         type: "text",
                         "prepend-icon": "search",
@@ -5331,58 +5331,58 @@ const vr = ma(pr, () => {
                           "has-checkbox": !0,
                           "model-value": le(O),
                           indeterminate: !0,
-                          onClick: (Ve) => te(O)
+                          onClick: (Ae) => te(O)
                         }, null, 8, ["label", "model-value", "onClick"]),
-                        (Y(!0), be(et, null, Lt(ce.value[_e], (Ve) => (Y(), be(et, {
-                          key: Ve.value
+                        (X(!0), be(et, null, Lt(ce.value[_e], (Ae) => (X(), be(et, {
+                          key: Ae.value
                         }, [
-                          Ve.label && Ve.label.length > 110 ? (Y(), we(Fe, {
+                          Ae.label && Ae.label.length > 110 ? (X(), we(Fe, {
                             key: 0,
                             placement: "right",
                             "hide-arrow": !0,
                             "z-index": 2e3
                           }, {
                             content: ze(() => [
-                              bn(Ge(Ve.label), 1)
+                              bn(Ge(Ae.label), 1)
                             ]),
                             default: ze(() => [
                               J("div", Sr, [
                                 me(Ce, {
-                                  label: Ne(Ve.label, 110),
+                                  label: Ne(Ae.label, 110),
                                   "has-checkbox": !0,
-                                  "model-value": O.selectedValues.includes(Ve.value),
+                                  "model-value": O.selectedValues.includes(Ae.value),
                                   class: qe([
                                     "flex-1 text-left",
-                                    { "bg-gray-200": Ve.available === !1 }
+                                    { "bg-gray-200": Ae.available === !1 }
                                   ]),
-                                  onClick: () => re(O, Ve.value)
+                                  onClick: () => re(O, Ae.value)
                                 }, null, 8, ["label", "model-value", "class", "onClick"])
                               ])
                             ]),
                             _: 2
-                          }, 1024)) : (Y(), we(Ce, {
+                          }, 1024)) : (X(), we(Ce, {
                             key: 1,
-                            label: Ve.label,
+                            label: Ae.label,
                             "has-checkbox": !0,
-                            "model-value": O.selectedValues.includes(Ve.value),
-                            class: qe(["flex-1 text-left", { "bg-gray-100": Ve.available === !1 }]),
-                            onClick: () => re(O, Ve.value)
+                            "model-value": O.selectedValues.includes(Ae.value),
+                            class: qe(["flex-1 text-left", { "bg-gray-100": Ae.available === !1 }]),
+                            onClick: () => re(O, Ae.value)
                           }, null, 8, ["label", "model-value", "class", "onClick"]))
                         ], 64))), 128)),
-                        ce.value[_e].length < O.options.length && !O.search ? (Y(), we(Ce, {
+                        ce.value[_e].length < O.options.length && !O.search ? (X(), we(Ce, {
                           key: 0,
                           class: "fm-typo-en-body-md-400 -ml-2",
                           label: l(n)("report.section.filter.loadMore"),
-                          onClick: Tt((Ve) => ne(O), ["stop"]),
+                          onClick: Tt((Ae) => ne(O), ["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: (Ve) => de(O)
+                      onClick: (Ae) => de(O)
                     }, [
-                      me(Xe, {
+                      me(Ye, {
                         name: O.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
                         size: "md",
                         class: ""
@@ -5390,7 +5390,7 @@ const vr = ma(pr, () => {
                       J("span", kr, Ge(l(n)("report.section.filter.advanced")), 1)
                     ], 8, _r),
                     me(Re),
-                    O.showAdvanced ? (Y(), be("div", Tr, [
+                    O.showAdvanced ? (X(), be("div", Tr, [
                       J("div", Lr, [
                         J("div", Dr, [
                           me(je, {
@@ -5407,7 +5407,7 @@ const vr = ma(pr, () => {
                               J("div", Ir, Ge(l(n)("report.section.filter.keepSelectionTooltip")), 1)
                             ]),
                             default: ze(() => [
-                              me(Xe, {
+                              me(Ye, {
                                 name: "info",
                                 size: "md",
                                 class: "text-fm-color-primary"
@@ -5422,15 +5422,15 @@ const vr = ma(pr, () => {
                       me(Be, {
                         variant: "tertiary",
                         label: l(n)("report.common.cancel"),
-                        onClick: Tt((Ve) => Se(O), ["stop"])
+                        onClick: Tt((Ae) => Se(O), ["stop"])
                       }, null, 8, ["label", "onClick"]),
                       me(Be, {
                         color: "primary",
-                        onClick: Tt((Ve) => he(O), ["stop"]),
+                        onClick: Tt((Ae) => he(O), ["stop"]),
                         label: l(n)("report.common.apply")
                       }, null, 8, ["onClick", "label"])
                     ])
-                  ], 64)) : l(u) ? Me("", !0) : (Y(), we(xn, {
+                  ], 64)) : l(u) ? Me("", !0) : (X(), we(xn, {
                     key: 2,
                     title: U(O) ? l(n)("report.messages.noWidgetsApplied") : void 0,
                     "sub-title": U(O) ? l(n)("report.messages.assignWidgetsToUseThisFilter") : void 0
@@ -5454,7 +5454,7 @@ export {
   Tn as X,
   Ln as Y,
   Ur as _,
-  Xr as a,
+  Yr as a,
   gn as b,
   _n as c,
   dn as d,
@@ -5462,6 +5462,6 @@ export {
   Dn as f,
   Kr as g,
   qr as h,
-  Yr as i,
+  Xr as i,
   la as u
 };