@feedmepos/mf-report 5.23.7 → 5.23.8-beta.0

package/dist/{FilterSelector.vue_vue_type_script_setup_true_lang-BYWJYpAp.js → FilterSelector.vue_vue_type_script_setup_true_lang-ZxvjCKIH.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 Pe, 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 ze, 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-CPMY8qj4.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-7utdodcM.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-Diqt6pvV.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 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-Cfwj1rcj.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-BzpOue2V.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-DczxgxKP.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 Vn, components as io } from "@feedmepos/ui-library";
+import { useBreakpoints as fn, useSnackbar as An, 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 Vt({
+function At({
   datasetIndex: e,
   label: n
 }) {
@@ -195,7 +195,7 @@ function Ct({
   let s = typeof t == "number" ? t : 1;
   return n && (s = s * 0.6), va(r[e % r.length], s);
 }
-function Pt({
+function zt({
   fallbackIndex: e,
   metricCount: n
 }) {
@@ -437,10 +437,10 @@ function Qt(e) {
     }
   };
 }
-const Lo = Number.POSITIVE_INFINITY, In = 2, Do = 1, Io = 0.2, Mo = 120, { breakpoints: At } = fn(), An = "report-v5:locationchange";
+const Lo = Number.POSITIVE_INFINITY, In = 2, Do = 1, Io = 0.2, Mo = 120, { breakpoints: Vt } = fn(), Vn = "report-v5:locationchange";
 let Xn = !1;
 function Gn() {
-  window.dispatchEvent(new Event(An));
+  window.dispatchEvent(new Event(Vn));
 }
 function Fo() {
   if (Xn)
@@ -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 Vo(e) {
+function Ao(e) {
   return e.dash === !0 || e.isCompare === !0;
 }
-function Ao(e) {
+function Vo(e) {
   return typeof e.label == "string" ? e.label : "N/A";
 }
 function $o(e, n) {
@@ -481,10 +481,10 @@ function $o(e, n) {
 function No(e, n) {
   return `${e}: ${isNaN(n) ? "" : n.toLocaleString()}`;
 }
-function Po(e, n) {
+function zo(e, n) {
   return e.type === "bar" ? !0 : n === "bar";
 }
-function zo(e, n, t) {
+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);
   return t ? jn(r, u, a, s) : jn(a, s, r, u);
 }
@@ -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 : 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));
+  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));
 }
 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 At.value.xs || At.value.sm;
+  return Vt.value.xs || Vt.value.sm;
 }
 function Nt(e) {
   return e.dataset.pinned === "true";
@@ -574,20 +574,20 @@ 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 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();
+  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();
   s.forEach((_, c) => {
     if (f.has(c))
       return;
-    const F = _ ?? {}, E = Ao(F), G = $o(F, u), le = Po(F, p), te = {
+    const F = _ ?? {}, E = Vo(F), G = $o(F, u), le = zo(F, p), te = {
       text: No(E, G),
-      color: zo(F, u, le),
+      color: Po(F, u, le),
       isBar: le,
       value: G,
       datasetLabel: E,
       matchingKey: Ro(E)
     };
-    if (H && Vo(F)) {
+    if (H && Ao(F)) {
       b.push(te);
       return;
     }
@@ -602,15 +602,15 @@ function xa(e, n, t, a, r, s, u, p) {
     }
     c.push(_);
   });
-  const V = H ? M.map((_) => {
+  const A = H ? M.map((_) => {
     const c = B.get(_.matchingKey);
     return !c || c.length === 0 ? Jn(_) : c.shift() ?? Jn(_);
-  }) : [], g = I.length > M.length || b.length > V.length, m = (_, c = !1) => `<div style="${Uo(c)}">${Mn(_)}</div>`, L = (_) => {
+  }) : [], g = I.length > M.length || b.length > A.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 && V.length > 0 && (x += m(H, x.length > 0), x += V.map((_) => L(_)).join("")), r && g && (x += qo(t));
+  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));
   const w = [
     {
       title: N,
@@ -820,17 +820,17 @@ function Nn(e) {
     Jo(t) && (n = t.parentElement), t = t.parentElement;
   return window.getComputedStyle(n).position === "static" && (n.style.position = "relative"), n;
 }
-function Pn(e, n, t, a, r, s, u = "center", p = !1) {
+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, 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;
+  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;
   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(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));
+  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));
   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) {
@@ -838,7 +838,7 @@ function _a(e) {
 }
 function Zo(e, n, t, a, r, s, u) {
   const p = n.getBoundingClientRect(), d = a - p.left, C = r - p.top;
-  !Number.isFinite(d) || !Number.isFinite(C) || (e.dataset.cursorCanvasX = String(d), e.dataset.cursorCanvasY = String(C), e.dataset.caretX = String(d), e.dataset.caretY = String(C), e.dataset.anchorDirection = u, Pn(
+  !Number.isFinite(d) || !Number.isFinite(C) || (e.dataset.cursorCanvasX = String(d), e.dataset.cursorCanvasY = String(C), e.dataset.caretX = String(d), e.dataset.caretY = String(C), e.dataset.anchorDirection = u, zn(
     e,
     n,
     t,
@@ -857,26 +857,26 @@ function el(e) {
   e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
 }
 function tl(e) {
-  e.__onNavigationChange && (window.removeEventListener(An, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
+  e.__onNavigationChange && (window.removeEventListener(Vn, 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);
 }
-function zn(e, n) {
-  zt(e), ka(e), el(e), tl(e), nl(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), n && e.__onCanvasPointerEnter && n.removeEventListener("pointerenter", e.__onCanvasPointerEnter), n && e.__onCanvasPointerMove && n.removeEventListener("pointermove", e.__onCanvasPointerMove), n && e.__onCanvasPointerLeave && n.removeEventListener("pointerleave", e.__onCanvasPointerLeave), n && e.__onCanvasClick && n.removeEventListener("click", e.__onCanvasClick), n && e.__onCanvasPointerUp && n.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
+function Pn(e, n) {
+  Pt(e), ka(e), el(e), tl(e), nl(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), n && e.__onCanvasPointerEnter && n.removeEventListener("pointerenter", e.__onCanvasPointerEnter), n && e.__onCanvasPointerMove && n.removeEventListener("pointermove", e.__onCanvasPointerMove), n && e.__onCanvasPointerLeave && n.removeEventListener("pointerleave", e.__onCanvasPointerLeave), n && e.__onCanvasClick && n.removeEventListener("click", e.__onCanvasClick), n && e.__onCanvasPointerUp && n.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
 }
 function al(e, n, t) {
   e.__onNavigationChange || (Fo(), e.__onNavigationChange = () => {
     if (!t.isConnected) {
-      zn(e, t);
+      Pn(e, t);
       return;
     }
     pt(e, n, !0);
-  }, window.addEventListener(An, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
+  }, window.addEventListener(Vn, 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(() => {
-    n.isConnected || zn(e, n);
+    n.isConnected || Pn(e, n);
   }), e.__disconnectObserver.observe(document.body, {
     childList: !0,
     subtree: !0
@@ -886,10 +886,10 @@ function ll(e, n, t) {
   Array.from(
     e.querySelectorAll('[data-comparison-tooltip="true"]')
   ).forEach((r) => {
-    r.id !== n && zn(r, t);
+    r.id !== n && Pn(r, t);
   });
 }
-function zt(e) {
+function Pt(e) {
   typeof e.__hideTimeoutId == "number" && (window.clearTimeout(e.__hideTimeoutId), e.__hideTimeoutId = void 0);
 }
 function ka(e) {
@@ -917,10 +917,10 @@ function ea(e, n, t, a, r) {
   }));
 }
 function pt(e, n, t = !1) {
-  Nt(e) && !t || (zt(e), ka(e), Ca(e, !1), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", un(n));
+  Nt(e) && !t || (Pt(e), ka(e), Ca(e, !1), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", un(n));
 }
 function ta(e, n, t = Mo) {
-  e.__isTooltipHovered || (zt(e), e.__hideTimeoutId = window.setTimeout(() => {
+  e.__isTooltipHovered || (Pt(e), e.__hideTimeoutId = window.setTimeout(() => {
     e.__isTooltipHovered || pt(e, n);
   }, t));
 }
@@ -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, V;
+    var B, A;
     if (!(r != null && r.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
       return;
     const p = (g) => {
-      var A, _, c, F;
+      var V, _, c, F;
       if (g.length === 0)
         return !1;
-      const m = (A = g.find(
+      const m = (V = g.find(
         (E) => typeof E.dataIndex == "number"
-      )) == 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(
+      )) == 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(
         g,
         a,
         (r == null ? void 0 : r.viewFullDetailsLabel) ?? ba(),
@@ -1009,7 +1009,7 @@ function sl(e, n, t, a, r) {
     } catch {
       return;
     }
-    const M = ((V = t == null ? void 0 : t.tooltip) == null ? void 0 : V.dataPoints) ?? [];
+    const M = ((A = t == null ? void 0 : t.tooltip) == null ? void 0 : A.dataPoints) ?? [];
     p(M);
   }, n.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (u) => {
     if ($t()) {
@@ -1036,7 +1036,7 @@ function sl(e, n, t, a, r) {
         pt(e, t, !0);
         return;
       }
-      Ca(e, !0), zt(e), e.dataset.cursorCanvasX = String(u.offsetX), e.dataset.cursorCanvasY = String(u.offsetY), e.dataset.caretX = String(u.offsetX), e.dataset.caretY = String(u.offsetY), d.setActiveElements(I, {
+      Ca(e, !0), Pt(e), e.dataset.cursorCanvasX = String(u.offsetX), e.dataset.cursorCanvasY = String(u.offsetY), e.dataset.caretX = String(u.offsetX), e.dataset.caretY = String(u.offsetY), d.setActiveElements(I, {
         x: u.offsetX,
         y: u.offsetY
       });
@@ -1053,7 +1053,7 @@ function sl(e, n, t, a, r) {
     const p = u.target;
     p != null && p.closest('[data-tooltip-full-details="true"]') && (u.preventDefault(), u.stopPropagation(), e.__detailsPayload && ((C = r.onViewFullDetails) == null || C.call(r, e.__detailsPayload, t), pt(e, t)));
   }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
-    e.__isTooltipHovered = !0, zt(e);
+    e.__isTooltipHovered = !0, Pt(e);
   }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
     e.__isTooltipHovered = !1, pt(e, t);
   }, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
@@ -1068,7 +1068,7 @@ function il(e, n, t) {
       return;
     }
     const u = Nn(n);
-    e.parentElement !== u && u.appendChild(e), $n(e, u), Pn(
+    e.parentElement !== u && u.appendChild(e), $n(e, u), zn(
       e,
       n,
       u,
@@ -1110,7 +1110,7 @@ function ul(e, n) {
       n != null && n.onViewFullDetails ? ta(d, a) : pt(d, a);
       return;
     }
-    zt(d);
+    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(
@@ -1123,23 +1123,23 @@ function ul(e, n) {
       b,
       I,
       f
-    ), V = H && B;
-    d.__detailsPayload = V ? M : void 0, d.style.pointerEvents = V ? "auto" : "none";
+    ), A = H && B;
+    d.__detailsPayload = A ? M : void 0, d.style.pointerEvents = A ? "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, A = w && typeof w.getPixelForValue == "function" ? w.getPixelForValue(0) : NaN, _ = e ? C.reduce((ne, k) => {
-      const U = k == null ? void 0 : k.element, P = U == null ? void 0 : U.x;
-      if (typeof P != "number" || !Number.isFinite(P))
+    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 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 P;
-      const z = Number.isFinite(A) ? A : g, $ = Math.abs(ne - z);
-      return Math.abs(P - z) > $ ? P : ne;
-    }, Number.NaN) : Number.NaN, c = m, F = L, E = e ? Number.isFinite(A) && Number.isFinite(_) && _ < A ? "left" : "right" : "center";
-    Pn(
+        return z;
+      const P = Number.isFinite(V) ? V : 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";
+    zn(
       d,
       s,
       u,
@@ -1162,12 +1162,12 @@ function Et(e) {
   function a(b, f, M) {
     if (b.measureText(f).width <= M) return f;
     const B = "…";
-    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;
+    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;
     }
-    return f.slice(0, V - 1) + B;
+    return f.slice(0, A - 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 V = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = V.height * 0.25;
+        const A = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = A.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 V = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = V.width * 0.4;
+        const A = B == null ? void 0 : B.chart, g = B == null ? void 0 : B.ctx, m = A.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 V = M[0];
+          const A = M[0];
           return b.data.labels.map((m, L) => {
-            const x = V.backgroundColor[L];
+            const x = A.backgroundColor[L];
             return {
               text: m,
               fontColor: f,
@@ -1300,10 +1300,10 @@ function Et(e) {
             };
           });
         }
-        return b.data.datasets.map((V, g) => {
-          const m = V.borderColor || V.backgroundColor;
+        return b.data.datasets.map((A, g) => {
+          const m = A.borderColor || A.backgroundColor;
           return {
-            text: s(V.label),
+            text: s(A.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 V(c) {
+    function A(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 = V(window.innerWidth - c));
+      typeof window > "u" || (u.value = A(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 = V(u.value);
+      u.value = A(u.value);
     }
-    function A(c) {
+    function V(c) {
       var G;
       if (!d.value)
         return;
@@ -1393,9 +1393,9 @@ const cl = {
       d.value && c.key === "Escape" && M();
     }
     return it(() => {
-      u.value = V(u.value), document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", _), window.addEventListener("resize", w);
+      u.value = A(u.value), document.addEventListener("pointerdown", V, !0), document.addEventListener("keydown", _), window.addEventListener("resize", w);
     }), ia(() => {
-      m(), document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", _), window.removeEventListener("resize", w);
+      m(), document.removeEventListener("pointerdown", V, !0), document.removeEventListener("keydown", _), window.removeEventListener("resize", w);
     }), (c, F) => {
       const E = ge("FmButton");
       return Y(), we(Ha, {
@@ -1406,7 +1406,7 @@ const cl = {
         "leave-from-class": "translate-x-0 opacity-100",
         "leave-to-class": "translate-x-full opacity-0"
       }, {
-        default: Pe(() => [
+        default: ze(() => [
           d.value ? (Y(), be("div", cl, [
             J("div", {
               ref_key: "panelRef",
@@ -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), V = 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), A = 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 A = v(
+    const V = v(
       () => p.value && d.value && f.value
     ), _ = v(() => ({
       height: `${Math.max(0, M.value)}px`,
@@ -1599,18 +1599,18 @@ const wl = {
     function U() {
       k();
     }
-    function P(o) {
+    function z(o) {
       const y = I.value, h = H.value;
       if (!y || !h || !f.value)
         return;
       const S = h.getBoundingClientRect(), K = o.clientY - S.top, q = Math.max(0, K - M.value / 2), oe = Math.max(1, y.clientHeight - M.value), pe = Math.min(1, q / oe), j = Math.max(0, y.scrollHeight - y.clientHeight);
       y.scrollTop = pe * j, k();
     }
-    function z(o) {
-      f.value && (V.value = !0, g.value = o.clientY, m.value = B.value);
+    function P(o) {
+      f.value && (A.value = !0, g.value = o.clientY, m.value = B.value);
     }
     function $(o) {
-      if (!V.value)
+      if (!A.value)
         return;
       const y = I.value;
       if (!y)
@@ -1619,7 +1619,7 @@ const wl = {
       y.scrollTop = q * oe, k();
     }
     function R() {
-      V.value && (V.value = !1);
+      A.value && (A.value = !1);
     }
     function re() {
       var y;
@@ -1718,7 +1718,7 @@ const wl = {
       if (h) {
         const q = typeof o.datasetIndex == "number" ? o.datasetIndex : y, oe = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : Math.max(1, Number(s.value.length));
         if (h === Ue.breakdown) {
-          const j = Pt({
+          const j = zt({
             fallbackIndex: q,
             metricCount: oe
           }), ke = nt({
@@ -1763,7 +1763,7 @@ const wl = {
         return o;
       const y = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : 1;
       return [...o.map((S, K) => {
-        const q = typeof S.datasetIndex == "number" ? S.datasetIndex : K, oe = Pt({
+        const q = typeof S.datasetIndex == "number" ? S.datasetIndex : K, oe = zt({
           fallbackIndex: q,
           metricCount: y
         });
@@ -1832,7 +1832,7 @@ const wl = {
     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 = Vt({
+        const q = ye((S == null ? void 0 : S.borderColor) ?? (S == null ? void 0 : S.backgroundColor)), oe = At({
           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: Vt({
+        datasetKey: At({
           datasetIndex: ke,
           label: j == null ? void 0 : j.label
         }),
@@ -1874,7 +1874,7 @@ const wl = {
         ),
         datasetIndex: ke,
         hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(
-          Vt({
+          At({
             datasetIndex: ke,
             label: j == null ? void 0 : j.label
           })
@@ -2014,7 +2014,7 @@ const wl = {
     } : d.value ? {
       overflow: "hidden"
     } : {} : {});
-    function Ve() {
+    function Ae() {
       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) => Vt({
+        (h) => At({
           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 Ae(o, y) {
+    function Ve(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) {
-      Ve();
+      Ae();
       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 && (Ae(h, q), h.update());
+        h && (Ve(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] ?? Vt({
+            datasetKey: j[ve] ?? At({
               datasetIndex: xe,
               label: o.text
             })
@@ -2151,7 +2151,7 @@ const wl = {
     }
     return it(() => {
       an(), window.addEventListener("mousemove", $), window.addEventListener("mouseup", R);
-    }), ze(
+    }), Pe(
       () => [
         t.enabled,
         t.legendUpdateKey,
@@ -2159,10 +2159,10 @@ const wl = {
         t.hiddenDataPointIndexes
       ],
       () => {
-        Ve();
+        Ae();
       }
     ), ia(() => {
-      V.value = !1, le(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", R);
+      A.value = !1, le(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", $), window.removeEventListener("mouseup", R);
     }), (o, y) => L.value ? (Y(), be("div", {
       key: 0,
       ref_key: "legendPanelRef",
@@ -2232,15 +2232,15 @@ const wl = {
             }, Ge(p.value ? l(r)("report.widget.legend.viewLess") : l(r)("report.widget.legend.viewMore")), 1)
           ])) : Me("", !0)
         ], 38),
-        A.value ? (Y(), be("div", {
+        V.value ? (Y(), be("div", {
           key: 0,
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
-          onMousedown: P
+          onMousedown: z
         }, [
           J("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
             style: Ze(_.value),
-            onMousedown: Tt(z, ["stop"])
+            onMousedown: Tt(P, ["stop"])
           }, null, 36)
         ], 32)) : Me("", !0)
       ], 512)
@@ -2250,7 +2250,7 @@ const wl = {
 function nn(e) {
   const n = D([]), t = v(() => new Set(n.value));
   function a(u, p) {
-    return Vt({
+    return At({
       datasetIndex: p,
       label: u == null ? void 0 : u.label
     });
@@ -2266,7 +2266,7 @@ function nn(e) {
     }
     n.value = [...n.value, d];
   }
-  return ze(
+  return Pe(
     e,
     (u) => {
       const p = new Set(
@@ -2301,66 +2301,66 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
     } = tn(a, {
       maxTooltipItems: r
     }), H = v(() => {
-      var P;
-      return ((P = t.value.data) == null ? void 0 : P.datasets) ?? [];
+      var z;
+      return ((z = t.value.data) == null ? void 0 : z.datasets) ?? [];
     }), I = v(() => {
-      var P;
-      return ((P = t.value.data) == null ? void 0 : P.xAxis) ?? [];
-    }), b = v(() => I.value.length === 1 && H.value.length > 1 && H.value.every((P) => P.values.length === 1 && P.isCompare !== !0)), f = v(() => b.value ? H.value.map((P) => P.name) : I.value), { datalabels: M, xCfg: B, yCfg: V, isTransposed: g, legend: m, chartWidth: L, chartHeight: x } = Et(
+      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(
       t.value
     ), w = v(
       () => Ot(t.value.isTransposed === !0, p.value)
-    ), A = Qt("bar"), _ = v(() => {
-      const P = m.value.position;
-      return !P || P === "top" || P === "bottom" || P === "left" || P === "right";
+    ), V = 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(
       () => c.value === "left" || c.value === "right"
     ), E = v(
       () => c.value === "top" || c.value === "left"
     ), G = v(() => H.value.length > 0 ? [
-      ...H.value.map((P, z) => {
+      ...H.value.map((z, P) => {
         const $ = nt({
-          datasetIndex: z,
-          isCompare: P.isCompare,
+          datasetIndex: P,
+          isCompare: z.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
         }), R = nt({
-          datasetIndex: z,
-          isCompare: P.isCompare,
+          datasetIndex: P,
+          isCompare: z.isCompare,
           metricCount: t.value.metricCount,
           mode: Ue.metric
         });
-        let re = P.values;
+        let re = z.values;
         b.value && (re = H.value.map(
-          (ue, he) => he === z ? P.values[0] : NaN
+          (ue, he) => he === P ? z.values[0] : NaN
         ));
-        const X = t.value.chartColorBinding === Ue.breakdown, ee = Pt({
-          fallbackIndex: z,
+        const X = t.value.chartColorBinding === Ue.breakdown, ee = zt({
+          fallbackIndex: P,
           metricCount: t.value.metricCount
         }), ae = re.map((ue) => ue === null ? NaN : Number(ue));
         return {
-          label: P.name,
+          label: z.name,
           data: ae,
-          dash: !!P.isCompare,
+          dash: !!z.isCompare,
           backgroundColor: X ? Wt({
             breakdownIndex: ee,
             metricIndex: R,
             metricCount: t.value.metricCount,
-            isCompare: P.isCompare,
+            isCompare: z.isCompare,
             breakdownColors: t.value.chartBreakdownColors,
             useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
             customColors: t.value.chartColors
           }) : Ct({
             index: $,
-            isCompare: P.isCompare,
+            isCompare: z.isCompare,
             customColors: t.value.chartColors
           })
         };
       })
     ] : []), { hiddenDatasetKeys: le, isDatasetHidden: te, toggleDatasetVisibility: ce } = nn(G), ne = v(
-      () => G.value.map((P, z) => ({
-        ...P,
-        hidden: te(P, z)
+      () => G.value.map((z, P) => ({
+        ...z,
+        hidden: te(z, P)
       }))
     ), k = Ht();
     function U() {
@@ -2370,14 +2370,14 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
       tt(() => {
         U();
       });
-    }), ze([ne], () => {
+    }), Pe([ne], () => {
       tt(() => U());
-    }), (P, z) => {
+    }), (z, P) => {
       var R, re, X, ee, ae, ue;
       const $ = ge("FmBarChart");
       return Y(), be(et, null, [
         J("div", Il, [
-          yt(P.$slots, "menu"),
+          yt(z.$slots, "menu"),
           J("div", {
             class: qe(["chart-layout", {
               "chart-layout--side": _.value && (l(m).display ?? !1) && F.value
@@ -2407,14 +2407,14 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
               datasets: ne.value,
               "x-axis": { categories: f.value },
               "x-cfg": l(B),
-              "y-cfg": l(V),
+              "y-cfg": l(A),
               transpose: l(g),
               legend: {
                 display: !1
               },
               tooltip: w.value,
               datalabels: l(M),
-              plugins: [l(A)],
+              plugins: [l(V)],
               "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%",
@@ -2485,9 +2485,9 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
       tt(() => {
         b();
       });
-    }), ze([H], () => {
+    }), Pe([H], () => {
       tt(() => b());
-    }), ze(
+    }), Pe(
       () => t.value.data.datasets,
       (c) => {
         const F = new Set(
@@ -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), V = v(() => M.value && B.value), g = v(() => p.value.position ?? "top"), m = v(
+    }), B = v(() => p.value.display !== !1), A = 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), A = So();
+    }), w = v(() => f.value), V = So();
     function _({ itemIndex: c }) {
       if (s.value.includes(c)) {
         s.value = s.value.filter((F) => F !== c);
@@ -2524,10 +2524,10 @@ const Il = { class: "widget-content" }, Ml = /* @__PURE__ */ at({
         yt(c.$slots, "menu"),
         J("div", {
           class: qe(["chart-layout", {
-            "chart-layout--side": V.value && m.value
+            "chart-layout--side": A.value && m.value
           }])
         }, [
-          V.value && L.value ? (Y(), we(rt, {
+          A.value && L.value ? (Y(), 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(A),
+            tooltip: l(V),
             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": 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%"
+              "--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%"
             })
           }, null, 8, ["datasets", "metrics", "tooltip", "datalabels", "style"]),
-          V.value && !L.value ? (Y(), we(rt, {
+          A.value && !L.value ? (Y(), 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 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" }, Pl = { key: 0 }, zl = { key: 1 }, Rl = /* @__PURE__ */ at({
+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({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -2632,10 +2632,10 @@ const Vl = { class: "flex flex-col gap-1" }, Al = { class: "fm-typo-en-title-md-
       color: "#36a2eb"
     }))), b = v(() => Ot(!1, !0));
     return (f, M) => {
-      const B = ge("FmIcon"), V = ge("FmChip"), g = ge("FmTooltip"), m = ge("FmLineChart");
-      return Y(), be("div", Vl, [
+      const B = ge("FmIcon"), A = ge("FmChip"), g = ge("FmTooltip"), m = ge("FmLineChart");
+      return Y(), be("div", Al, [
         yt(f.$slots, "menu"),
-        J("p", Al, Ge(p.value), 1),
+        J("p", Vl, Ge(p.value), 1),
         J("div", $l, [
           me(g, {
             disabled: d.value === null,
@@ -2643,20 +2643,20 @@ const Vl = { class: "flex flex-col gap-1" }, Al = { class: "fm-typo-en-title-md-
             "hide-arrow": "",
             variant: "rich"
           }, {
-            content: Pe(() => {
+            content: ze(() => {
               var L;
               return [
                 J("span", Nl, Ge(`vs. ${(L = l(r).defaultCompareType) == null ? void 0 : L.split("_").join(" ")}`), 1)
               ];
             }),
-            default: Pe(() => [
-              d.value ? (Y(), we(V, {
+            default: ze(() => [
+              d.value ? (Y(), we(A, {
                 key: 0,
                 icon: d.value.icon.name,
                 class: qe(`bg-${d.value.icon.tailwind}`),
                 compact: ""
               }, {
-                default: Pe(() => [
+                default: ze(() => [
                   me(B, {
                     name: d.value.icon.name,
                     color: d.value.icon.color
@@ -2668,13 +2668,13 @@ const Vl = { class: "flex flex-col gap-1" }, Al = { 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(V, {
+              l(a).endDate != null && l(a).startDate != null && d.value === null ? (Y(), we(A, {
                 key: 1,
                 class: "invisible pointer-events-none",
                 "aria-hidden": "true",
                 compact: ""
               }, {
-                default: Pe(() => [
+                default: ze(() => [
                   me(B, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
@@ -2687,7 +2687,7 @@ const Vl = { class: "flex flex-col gap-1" }, Al = { class: "fm-typo-en-title-md-
             _: 1
           }, 8, ["disabled"])
         ]),
-        N.value ? (Y(), be("div", Pl, [
+        N.value ? (Y(), be("div", zl, [
           C(N.value.type) === "line" ? (Y(), we(m, {
             key: 0,
             class: "sparkline",
@@ -2702,7 +2702,7 @@ const Vl = { class: "flex flex-col gap-1" }, Al = { 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", zl, M[1] || (M[1] = [
+        ])) : (Y(), be("div", Pl, M[1] || (M[1] = [
           J("div", { class: "sparkline" }, [
             J("div", { class: "flex flex-col gap-8" }, [
               J("div"),
@@ -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((A) => {
-      const _ = A;
+    [...L, ...x].forEach((V) => {
+      const _ = V;
       _ && (_.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 A = w[g], _ = x ? n[g] : m;
-    if (!A || _ === void 0) return;
+    const V = w[g], _ = x ? n[g] : m;
+    if (!V || _ === void 0) return;
     const c = () => {
-      A.style.width = `${_}px`;
+      V.style.width = `${_}px`;
     };
     x ? requestAnimationFrame(c) : c();
   }, p = () => {
@@ -2774,13 +2774,13 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     if (!x) return;
     const w = x.querySelectorAll("th")[m];
     if (!w) return;
-    const A = w.getBoundingClientRect().width || 60, _ = w.querySelector("button"), c = (_ == null ? void 0 : _.querySelector("span")) || w.querySelector("p") || w;
+    const V = 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}`, z = document.createElement("canvas").getContext("2d");
-      if (z) {
-        z.font = U;
-        const $ = z.measureText(ne), R = window.getComputedStyle(w), re = parseFloat(R.paddingLeft || "0"), X = parseFloat(R.paddingRight || "0");
+      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;
       }
     }
@@ -2791,12 +2791,12 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       const ne = w;
       ne.style.width = `${G}px`;
       let k = 0;
-      x.querySelectorAll("th").forEach((P, z) => {
-        k += z === m ? G : P.getBoundingClientRect().width;
+      x.querySelectorAll("th").forEach((z, P) => {
+        k += P === m ? G : z.getBoundingClientRect().width;
       }), x.classList.remove("w-full"), x.style.width = `${k}px`, E = null;
     }, te = (ne) => {
       const k = ne.clientX - L;
-      G = Math.max(F, A + k), E === null && (E = requestAnimationFrame(le));
+      G = Math.max(F, V + 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);
-    }, A = () => {
-      I(!1), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", A);
+    }, V = () => {
+      I(!1), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", V);
     };
-    document.addEventListener("mousemove", w), document.addEventListener("mouseup", A);
+    document.addEventListener("mousemove", w), document.addEventListener("mouseup", V);
   };
   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 = (A, _) => {
+      const w = (V, _) => {
         const c = document.createElement("div");
-        return c.className = `${A}-resize-handle`, A === "col" ? (c.addEventListener("mouseenter", () => N(_, !0)), c.addEventListener("mouseleave", () => b(!0)), c.addEventListener("mousedown", (F) => {
+        return c.className = `${V}-resize-handle`, V === "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((A) => {
-        const _ = A.closest("thead") !== null;
-        A.querySelectorAll(_ ? "th" : "td").forEach((F, E) => {
+      x.forEach((V) => {
+        const _ = V.closest("thead") !== null;
+        V.querySelectorAll(_ ? "th" : "td").forEach((F, E) => {
           const G = w("col", E), le = w("row", E);
           F.appendChild(G), F.appendChild(le);
         });
@@ -2856,7 +2856,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       d();
     }
   };
-}), Ul = "/assets/processTableData.worker-S2PCd2dS.js", Kl = { class: "my-4" }, ql = {
+}), Ul = "/assets/processTableData.worker-CORwAutg.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({
@@ -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 = 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(() => {
+    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(() => {
       var k;
       return ((k = a.value.data) == null ? void 0 : k.columns) || [{ label: "", key: "" }];
     }), g = v(() => {
@@ -2888,29 +2888,29 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
           return bt.bottom;
       }
     }), w = v(() => {
-      const z = x.value !== void 0 ? 1 : 0, $ = (B.value ? B.value.$el.offsetHeight : 0) - 48;
-      return Math.floor(($ - 34.5 - 32) / 48) - z;
-    }), A = v(() => {
-      var U, P;
+      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(() => {
+      var U, z;
       let k = [];
       switch (x.value) {
         case bt.top:
-          k = [...((U = g.value[0]) == null ? void 0 : U.cells) || []].map((z, $) => {
+          k = [...((U = g.value[0]) == null ? void 0 : U.cells) || []].map((P, $) => {
             var R;
             return {
-              main: z,
+              main: P,
               comparison: (R = g.value[0]) == null ? void 0 : R.comparisonCells[$],
-              rowType: V.value[$].type
+              rowType: A.value[$].type
             };
           });
           break;
         case bt.bottom:
-          k = [...((P = g.value[g.value.length - 1]) == null ? void 0 : P.cells) || []].map((z, $) => {
+          k = [...((z = g.value[g.value.length - 1]) == null ? void 0 : z.cells) || []].map((P, $) => {
             var R;
             return {
-              main: z,
+              main: P,
               comparison: (R = g.value[g.value.length - 1]) == null ? void 0 : R.comparisonCells[$],
-              rowType: V.value[$].type
+              rowType: A.value[$].type
             };
           });
           break;
@@ -2942,13 +2942,13 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         isRollup: R.isRollup,
         cells: Array.isArray(R.cells) ? [...R.cells] : [],
         comparisonCells: Array.isArray(R.comparisonCells) ? [...R.comparisonCells] : []
-      })), P = (a.value.data.columns || []).map((R) => ({
+      })), z = (a.value.data.columns || []).map((R) => ({
         key: R.key,
         type: R.type,
         label: R.label
-      })), z = {
+      })), P = {
         rows: U,
-        columns: P,
+        columns: z,
         filter: m.value ?? "",
         globalSorts: Oa(C.value).map((R) => ({
           key: R.key,
@@ -2957,11 +2957,11 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         grandTotalPosition: x.value,
         pageSize: w.value
       };
-      Ya(Ul, z).then((R) => {
+      Ya(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 || []));
       });
     }
-    ze(
+    Pe(
       () => C.value,
       (k) => {
         d.tileIndex === void 0 || d.tileIndex === null || u(d.tileIndex, k);
@@ -2969,8 +2969,8 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       { immediate: !0, deep: !0 }
     );
     const le = v(() => {
-      var P, z;
-      const k = ((P = a.value.data) == null ? void 0 : P.rows) || [], U = ((z = a.value.data) == null ? void 0 : z.columns) || [];
+      var z, P;
+      const k = ((z = a.value.data) == null ? void 0 : z.rows) || [], U = ((P = a.value.data) == null ? void 0 : P.columns) || [];
       return JSON.stringify({
         rowsLength: k.length,
         columns: U.map(($) => ({ key: $.key, type: $.type, label: $.label })),
@@ -2980,7 +2980,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         pageSize: w.value
       });
     });
-    ze(
+    Pe(
       () => le.value,
       () => {
         clearTimeout(E), E = setTimeout(G, 200);
@@ -2988,12 +2988,12 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       { immediate: !0 }
     );
     function te(k) {
-      const U = C.value.find((P) => P.key === k);
+      const U = C.value.find((z) => z.key === k);
       if (!U) {
         C.value.push({ key: k, type: St.Asc });
         return;
       }
-      U.type === St.Asc ? U.type = St.Desc : U.type === St.Desc && (C.value = C.value.filter((P) => P.key !== k));
+      U.type === St.Asc ? U.type = St.Desc : U.type === St.Desc && (C.value = C.value.filter((z) => z.key !== k));
     }
     const ce = v(
       () => {
@@ -3003,7 +3003,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     ), ne = v(() => {
       var k;
       return (k = a.value.data) != null && k.columns ? a.value.data.columns.map((U) => {
-        const P = _t(n, t, U.label, "other"), z = C.value.find((re) => re.key === U.key), $ = !!z, R = $ ? z.type === St.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        const z = _t(n, t, U.label, "other"), P = C.value.find((re) => re.key === U.key), $ = !!P, R = $ ? P.type === St.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
           accessorKey: U.key,
           header: () => {
@@ -3019,7 +3019,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
                 ln(
                   "span",
                   { class: `${U.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
-                  P
+                  z
                 ),
                 ln(re, {
                   name: R,
@@ -3050,12 +3050,12 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         };
       }) : [];
     });
-    return ze(
+    return Pe(
       () => H.value.length > 0,
       async (k) => {
         k && N.value && (await tt(), M());
       }
-    ), ze(
+    ), Pe(
       [() => ne.value],
       async () => {
         var $;
@@ -3065,19 +3065,19 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         const U = k.querySelector("table");
         if (!U) return;
         U.classList.add(ce.value ? "table-fixed" : "table-auto");
-        let P, z;
-        N.value ? (M(), P = H.value, z = I.value) : (z = a.value.rowHeight, P = a.value.colWidths), typeof z == "number" && f(z, k), P == null || P.forEach((R, re) => {
+        let z, P;
+        N.value ? (M(), z = H.value, P = I.value) : (P = a.value.rowHeight, z = a.value.colWidths), typeof P == "number" && f(P, k), z == null || z.forEach((R, re) => {
           b(re, R, k);
         });
       },
       { immediate: !0 }
     ), (k, U) => {
-      const P = ge("FmTable");
+      const z = ge("FmTable");
       return Y(), be(et, null, [
         J("div", Kl, [
           yt(k.$slots, "menu")
         ]),
-        me(P, {
+        me(z, {
           ref_key: "table",
           ref: B,
           "column-defs": ne.value,
@@ -3092,23 +3092,23 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         }, Wa({ _: 2 }, [
           x.value ? {
             name: "pin-top",
-            fn: Pe(() => [
+            fn: ze(() => [
               (Y(), we(ua(x.value === l(bt).bottom ? "tfoot" : "tbody"), null, {
-                default: Pe(() => [
+                default: ze(() => [
                   J("tr", ql, [
-                    (Y(!0), be(et, null, Lt(A.value, (z, $) => (Y(), be("td", {
+                    (Y(!0), be(et, null, Lt(V.value, (P, $) => (Y(), be("td", {
                       key: `${l(Gt)()}_${$}`,
                       class: "h-[48px] text-fm-color-typo-primary px-16"
                     }, [
                       J("span", {
                         class: qe([
                           "items-center text-fm-color-typo-secondary gap-2",
-                          z.rowType === "NUMERIC" ? "text-right" : "",
+                          P.rowType === "NUMERIC" ? "text-right" : "",
                           ce.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                         ])
                       }, [
-                        J("p", Yl, Ge(z.rowType === "NUMERIC" ? l(cn)(z.main) : z.main), 1),
-                        J("p", Xl, Ge(z.comparison ? z.rowType === "NUMERIC" ? `(${l(cn)(z.comparison)})` : `(${z.comparison})` : ""), 1)
+                        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)
                       ], 2)
                     ]))), 128))
                   ])
@@ -3147,23 +3147,23 @@ 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: V, chartWidth: g, chartHeight: m } = Et(
+    }), { datalabels: b, xCfg: f, yCfg: M, isTransposed: B, legend: A, 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), A = v(() => w.value === !1), _ = v(() => {
-      const R = V.value.position;
+    ), x = Qt("bar"), w = v(() => t.value.stackBarOverlap === !0), V = v(() => w.value === !1), _ = v(() => {
+      const R = A.value.position;
       return !R || R === "top" || R === "bottom" || R === "left" || R === "right";
-    }), c = v(() => V.value.position ?? "top"), F = v(
+    }), c = v(() => A.value.position ?? "top"), F = v(
       () => c.value === "left" || c.value === "right"
     ), E = v(
       () => c.value === "top" || c.value === "left"
     ), G = v(() => ({
       ...f.value,
-      stacked: A.value
+      stacked: V.value
     })), le = v(() => ({
       ...M.value,
-      stacked: A.value
+      stacked: V.value
     }));
     function te({
       datasetIndex: R,
@@ -3188,7 +3188,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
             isCompare: ee.isCompare,
             metricCount: t.value.metricCount,
             mode: Ue.metric
-          }), Se = Pt({
+          }), Se = zt({
             fallbackIndex: ae,
             metricCount: t.value.metricCount
           }), de = te({
@@ -3222,20 +3222,20 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
         return w.value ? X.map((ee) => ee.dataset) : X.map((ee) => ee.dataset);
       } else
         return [];
-    }), { hiddenDatasetKeys: ne, isDatasetHidden: k, toggleDatasetVisibility: U } = nn(ce), P = v(
+    }), { hiddenDatasetKeys: ne, isDatasetHidden: k, toggleDatasetVisibility: U } = nn(ce), z = v(
       () => ce.value.map((R, re) => ({
         ...R,
         hidden: k(R, re)
       }))
-    ), z = Ht();
+    ), P = Ht();
     function $() {
-      return z.extractChartSize(a.value, n.tileIndex) || { width: 0, height: 0 };
+      return P.extractChartSize(a.value, n.tileIndex) || { width: 0, height: 0 };
     }
     return it(() => {
       tt(() => {
         $();
       });
-    }), ze([P], () => {
+    }), Pe([z], () => {
       tt(() => $());
     }), (R, re) => {
       var ee, ae, ue, he, Se, de;
@@ -3245,18 +3245,18 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
           yt(R.$slots, "menu"),
           J("div", {
             class: qe(["chart-layout", {
-              "chart-layout--side": _.value && (l(V).display ?? !1) && F.value
+              "chart-layout--side": _.value && (l(A).display ?? !1) && F.value
             }])
           }, [
-            _.value && (l(V).display ?? !1) && E.value ? (Y(), we(rt, {
+            _.value && (l(A).display ?? !1) && E.value ? (Y(), we(rt, {
               key: 0,
               "chart-ref": a.value,
-              enabled: l(V).display ?? !1,
+              enabled: l(A).display ?? !1,
               position: c.value,
-              "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": P.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,
+              "legend-update-key": z.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3269,12 +3269,12 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               ref_key: "chartRef",
               ref: a,
               class: "bar-chart",
-              datasets: P.value,
+              datasets: z.value,
               "x-axis": { categories: H.value },
               "x-cfg": G.value,
               "y-cfg": le.value,
               transpose: l(B),
-              stacked: A.value,
+              stacked: V.value,
               legend: {
                 display: !1
               },
@@ -3283,19 +3283,19 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               datalabels: l(b),
               "maintain-aspect-ratio": !1,
               style: Ze({
-                "--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%"
+                "--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%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
-            _.value && (l(V).display ?? !1) && !E.value ? (Y(), we(rt, {
+            _.value && (l(A).display ?? !1) && !E.value ? (Y(), we(rt, {
               key: 1,
               "chart-ref": a.value,
-              enabled: l(V).display ?? !1,
+              enabled: l(A).display ?? !1,
               position: c.value,
-              "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": P.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,
+              "legend-update-key": z.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3341,23 +3341,23 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
     }), I = v(() => {
       var X;
       return ((X = t.value.data) == null ? void 0 : X.datasets) ?? [];
-    }), { datalabels: b, xCfg: f, yCfg: M, isTransposed: B, legend: V, chartWidth: g, chartHeight: m } = Et(
+    }), { datalabels: b, xCfg: f, yCfg: M, isTransposed: B, legend: A, 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), A = v(() => w.value === !1), _ = v(() => {
-      const X = V.value.position;
+    ), 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(() => V.value.position ?? "top"), F = v(
+    }), c = v(() => A.value.position ?? "top"), F = v(
       () => c.value === "left" || c.value === "right"
     ), E = v(
       () => c.value === "top" || c.value === "left"
     ), G = v(() => ({
       ...f.value,
-      stacked: A.value
+      stacked: V.value
     })), le = v(() => ({
       ...M.value,
-      stacked: A.value
+      stacked: V.value
     }));
     function te(X) {
       const ee = " - ", ae = X.lastIndexOf(ee);
@@ -3432,10 +3432,10 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
           backgroundColor: Z
         };
       });
-    }), { hiddenDatasetKeys: U, isDatasetHidden: P, toggleDatasetVisibility: z } = nn(k), $ = v(
+    }), { hiddenDatasetKeys: U, isDatasetHidden: z, toggleDatasetVisibility: P } = nn(k), $ = v(
       () => k.value.map((X, ee) => ({
         ...X,
-        hidden: P(X, ee)
+        hidden: z(X, ee)
       }))
     ), R = Ht();
     function re() {
@@ -3445,7 +3445,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
       tt(() => {
         re();
       });
-    }), ze([$], () => {
+    }), Pe([$], () => {
       tt(() => re());
     }), (X, ee) => {
       var ue, he, Se, de, ye, Ne;
@@ -3455,17 +3455,17 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
           yt(X.$slots, "menu"),
           J("div", {
             class: qe(["chart-layout", {
-              "chart-layout--side": _.value && (l(V).display ?? !1) && F.value
+              "chart-layout--side": _.value && (l(A).display ?? !1) && F.value
             }])
           }, [
-            _.value && (l(V).display ?? !1) && E.value ? (Y(), we(rt, {
+            _.value && (l(A).display ?? !1) && E.value ? (Y(), we(rt, {
               key: 0,
               "chart-ref": a.value,
-              enabled: l(V).display ?? !1,
+              enabled: l(A).display ?? !1,
               position: c.value,
-              "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,
+              "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,
               "legend-update-key": $.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3473,7 +3473,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": l(U),
-              onToggleDatasetVisibility: l(z)
+              onToggleDatasetVisibility: l(P)
             }, 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(ae, {
               ref_key: "chartRef",
@@ -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: A.value,
+              stacked: V.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(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%"
+                "--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%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
-            _.value && (l(V).display ?? !1) && !E.value ? (Y(), we(rt, {
+            _.value && (l(A).display ?? !1) && !E.value ? (Y(), we(rt, {
               key: 1,
               "chart-ref": a.value,
-              enabled: l(V).display ?? !1,
+              enabled: l(A).display ?? !1,
               position: c.value,
-              "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,
+              "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,
               "legend-update-key": $.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3512,7 +3512,7 @@ const Ol = /* @__PURE__ */ ha(Hl, [["render", Wl]]), El = "mf-reporttable-dimens
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": l(U),
-              onToggleDatasetVisibility: l(z)
+              onToggleDatasetVisibility: l(P)
             }, 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)
           ], 2)
         ]),
@@ -3563,64 +3563,64 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
     } = tn(a, {
       maxTooltipItems: r
     }), H = v(() => {
-      var z;
-      return ((z = t.value.data) == null ? void 0 : z.xAxis) ?? [];
+      var P;
+      return ((P = t.value.data) == null ? void 0 : P.xAxis) ?? [];
     }), I = v(
-      () => H.value.length === 1 && f.value.length > 0 && f.value.every((z) => z.values.length === 1)
+      () => H.value.length === 1 && f.value.length > 0 && f.value.every((P) => P.values.length === 1)
     ), b = v(() => I.value ? ["", H.value[0], ""] : H.value), f = v(() => {
-      var z;
-      return ((z = t.value.data) == null ? void 0 : z.datasets) ?? [];
-    }), { datalabels: M, xCfg: B, yCfg: V, isTransposed: g, legend: m, chartWidth: L, chartHeight: x } = Et(
+      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(
       t.value
     ), w = v(
       () => Ot(t.value.isTransposed === !0, p.value)
-    ), A = Qt("line"), _ = Ta("report-line-style-plugin-stack-line"), c = v(() => {
-      const z = m.value.position;
-      return !z || z === "top" || z === "bottom" || z === "left" || z === "right";
+    ), V = 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(
       () => F.value === "left" || F.value === "right"
     ), G = v(
       () => F.value === "top" || F.value === "left"
     ), le = v(() => f.value.length > 0 ? [
-      ...f.value.map((z, $) => {
+      ...f.value.map((P, $) => {
         var ye;
-        let R = z.values;
+        let R = P.values;
         I.value && (R = [NaN, R[0], NaN]);
         const re = R.map((Ne) => Ne === null ? NaN : Number(Ne)), X = nt({
           datasetIndex: $,
-          isCompare: z.isCompare,
+          isCompare: P.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
         }), ee = nt({
           datasetIndex: $,
-          isCompare: z.isCompare,
+          isCompare: P.isCompare,
           metricCount: t.value.metricCount,
           mode: Ue.metric
         }), ae = nt({
           datasetIndex: $,
-          isCompare: z.isCompare,
+          isCompare: P.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), ue = (ye = t.value.lineStyles) == null ? void 0 : ye[ae], he = t.value.chartColorBinding === Ue.breakdown, Se = Pt({
+        }), ue = (ye = t.value.lineStyles) == null ? void 0 : ye[ae], he = t.value.chartColorBinding === Ue.breakdown, Se = zt({
           fallbackIndex: $,
           metricCount: t.value.metricCount
         }), de = he ? Wt({
           breakdownIndex: Se,
           metricIndex: ee,
           metricCount: t.value.metricCount,
-          isCompare: z.isCompare,
+          isCompare: P.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : Ct({
           index: X,
-          isCompare: z.isCompare,
+          isCompare: P.isCompare,
           customColors: t.value.chartColors
         });
         return {
-          label: z.name,
+          label: P.name,
           data: re,
-          dash: z.isCompare,
+          dash: P.isCompare,
           lineStyle: ue,
           fill: !0,
           color: de,
@@ -3632,26 +3632,26 @@ const tr = { class: "widget-content" }, nr = /* @__PURE__ */ at({
         };
       })
     ] : []), { hiddenDatasetKeys: te, isDatasetHidden: ce, toggleDatasetVisibility: ne } = nn(le), k = v(
-      () => le.value.map((z, $) => ({
-        ...z,
-        hidden: ce(z, $)
+      () => le.value.map((P, $) => ({
+        ...P,
+        hidden: ce(P, $)
       }))
     ), U = Ht();
-    function P() {
+    function z() {
       return U.extractChartSize(a.value, n.tileIndex) || { width: 0, height: 0 };
     }
     return it(() => {
       tt(() => {
-        P();
+        z();
       });
-    }), ze([k], () => {
-      tt(() => P());
-    }), (z, $) => {
+    }), Pe([k], () => {
+      tt(() => z());
+    }), (P, $) => {
       var re, X, ee, ae, ue, he;
       const R = ge("FmLineChart");
       return Y(), be(et, null, [
         J("div", tr, [
-          yt(z.$slots, "menu"),
+          yt(P.$slots, "menu"),
           J("div", {
             class: qe(["chart-layout", {
               "chart-layout--side": c.value && (l(m).display ?? !1) && E.value
@@ -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(V),
+              "y-cfg": l(A),
               transpose: l(g),
               legend: {
                 display: !1
               },
               tooltip: w.value,
-              plugins: [l(A), l(_)],
+              plugins: [l(V), l(_)],
               stacked: !0,
               datalabels: l(M),
               "maintain-aspect-ratio": !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: V, 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: A, yCfg: g, isTransposed: m, legend: L, chartWidth: x, chartHeight: w } = Et(
       t.value
-    ), A = v(
+    ), V = v(
       () => Ot(t.value.isTransposed === !0, p.value)
     ), _ = Qt("line"), c = Ta("report-line-style-plugin-line"), F = v(() => {
       const $ = L.value.position;
@@ -3803,7 +3803,7 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
           index: re,
           isCompare: $.isCompare,
           customColors: t.value.chartColors
-        }), ae = t.value.chartColorBinding === Ue.breakdown, ue = Pt({
+        }), ae = t.value.chartColorBinding === Ue.breakdown, ue = zt({
           fallbackIndex: R,
           metricCount: t.value.metricCount
         }), he = ae ? Wt({
@@ -3844,16 +3844,16 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
         ...$,
         hidden: ne($, R)
       }))
-    ), P = Ht();
-    function z() {
-      return P.extractChartSize(a.value, n.tileIndex) || { width: 0, height: 0 };
+    ), z = Ht();
+    function P() {
+      return z.extractChartSize(a.value, n.tileIndex) || { width: 0, height: 0 };
     }
     return it(() => {
       tt(() => {
-        z();
+        P();
       });
-    }), ze([U], () => {
-      tt(() => z());
+    }), Pe([U], () => {
+      tt(() => P());
     }), ($, R) => {
       var X, ee, ae, ue, he, Se;
       const re = ge("FmLineChart");
@@ -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(V),
+              "x-cfg": l(A),
               "y-cfg": l(g),
               transpose: l(m),
               legend: {
                 display: !1
               },
-              tooltip: A.value,
+              tooltip: V.value,
               datalabels: l(B),
               plugins: [l(_), l(c)],
               "maintain-aspect-ratio": !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 = Vn(), { 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 = An(), { selectedLocationIds: C, dateRange: N, timeRange: H } = vt(jt()), I = D(vn.PORTRAIT);
     function b() {
       var M;
       (M = r.value) == null || M.validateInputs();
@@ -3967,34 +3967,34 @@ const rr = { class: "widget-content" }, sr = /* @__PURE__ */ at({
       }
     }
     return (M, B) => {
-      const V = ge("FmRadio"), g = ge("FmRadioGroup"), m = ge("FmButton"), L = ge("FmDialog");
+      const A = ge("FmRadio"), g = ge("FmRadioGroup"), m = ge("FmButton"), L = ge("FmDialog");
       return Y(), we(L, {
         modelValue: s.value,
         "onUpdate:modelValue": B[2] || (B[2] = (x) => s.value = x),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": Pe(() => B[3] || (B[3] = [
+        "dialog-header": ze(() => B[3] || (B[3] = [
           bn("Select Orientation")
         ])),
-        default: Pe(() => [
+        default: ze(() => [
           me(l(t), {
             ref_key: "form",
             ref: r,
             onValidationSuccess: f
           }, {
-            default: Pe(() => [
+            default: ze(() => [
               J("div", ir, [
                 me(g, {
                   modelValue: I.value,
                   "onUpdate:modelValue": B[0] || (B[0] = (x) => I.value = x)
                 }, {
-                  default: Pe(() => [
-                    me(V, {
+                  default: ze(() => [
+                    me(A, {
                       value: l(vn).PORTRAIT,
                       label: l(n)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    me(V, {
+                    me(A, {
                       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 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);
+    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);
       }
-      A = A.parentElement;
+      V = V.parentElement;
     }
     return w;
   }
@@ -4071,11 +4071,11 @@ function dr(e) {
       border-collapse: collapse;
       pointer-events: auto;
     `;
-    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();
+    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();
   }
-  function f(w, A) {
-    const _ = w.querySelectorAll("th, td"), c = A.querySelectorAll("th, td");
+  function f(w, V) {
+    const _ = w.querySelectorAll("th, td"), c = V.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, A = document.querySelector('[data-editor-header="true"]'), _ = document.querySelector('[data-menu-tab="true"]');
-    if (w && !A)
+    const w = n.value.xs || n.value.sm, V = document.querySelector('[data-editor-header="true"]'), _ = document.querySelector('[data-menu-tab="true"]');
+    if (w && !V)
       return 1;
-    if (A)
-      return A.getBoundingClientRect().bottom;
+    if (V)
+      return V.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(), A = u.getBoundingClientRect(), _ = p.getBoundingClientRect(), c = M();
-    if (!(A.top <= c && A.bottom >= c + _.height)) {
+    const w = t.value.getBoundingClientRect(), V = u.getBoundingClientRect(), _ = p.getBoundingClientRect(), c = M();
+    if (!(V.top <= c && V.bottom >= c + _.height)) {
       s.style.visibility = "hidden";
       return;
     }
@@ -4135,15 +4135,15 @@ function dr(e) {
       return;
     }
     s.style.left = `${ne}px`, s.style.width = `${U}px`;
-    const P = s.querySelector("table");
-    P && (P.style.width = `${u.offsetWidth}px`, P.style.marginLeft = `${_.left - ne}px`);
+    const z = s.querySelector("table");
+    z && (z.style.width = `${u.offsetWidth}px`, z.style.marginLeft = `${_.left - ne}px`);
   }
-  function V() {
-    var A;
+  function A() {
+    var V;
     C = () => requestAnimationFrame(B), window.addEventListener("scroll", C, { passive: !0 }), I().forEach((_) => {
       C && _.addEventListener("scroll", C, { passive: !0 });
     });
-    let w = (A = t.value) == null ? void 0 : A.parentElement;
+    let w = (V = t.value) == null ? void 0 : V.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 A = s.querySelector("table");
-        A && u && (A.style.width = `${u.offsetWidth}px`);
+        const V = s.querySelector("table");
+        V && u && (V.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), A = () => {
+    const w = Cn(() => b(), 100), V = () => {
       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() : A();
+      _.some((F) => F.type === "childList" ? F.addedNodes.length > 0 || F.removedNodes.length > 0 : !1) ? w() : V();
     }), 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 A = (w = t.value) == null ? void 0 : w.parentElement;
-      for (; A; )
-        A.removeEventListener("scroll", C), A = A.parentElement;
+      let V = (w = t.value) == null ? void 0 : w.parentElement;
+      for (; V; )
+        V.removeEventListener("scroll", C), V = V.parentElement;
       C = null;
     }
     d && (d.disconnect(), d = null), N && (N.disconnect(), N = null), u = null, p = null;
@@ -4191,11 +4191,11 @@ function dr(e) {
   function x() {
     b();
   }
-  return ze(a, (w) => {
+  return Pe(a, (w) => {
     w ? b() : L();
-  }), ze(r, () => {
+  }), Pe(r, () => {
     s && (s.style.top = `${r.value}px`, B());
-  }), ze(t, () => {
+  }), Pe(t, () => {
     t.value && a.value && setTimeout(b, 100);
   }), it(() => {
     a.value && setTimeout(b, 100);
@@ -4250,9 +4250,9 @@ const fr = {
         return T >= 0 ? T : 0;
       } else
         return -1;
-    }), B = v(() => M.value !== 0), V = v(
+    }), B = v(() => M.value !== 0), A = 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), A = 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), V = 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), P = D(a.labelRotation ?? 0), z = 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), Ve = 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), 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(
       () => p.customScreenWidth === void 0 ? window.innerWidth : p.customScreenWidth
-    ), Ae = v(
+    ), Ve = 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) : Ae.value ? or(T) : lr(T);
+      return mn.value || an.value ? ar(T) : Ve.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: A.value,
+        chartWidth: V.value,
         chartColors: c.value,
         chartColorLayers: F.value,
         chartBreakdownColors: E.value,
@@ -4355,8 +4355,8 @@ const fr = {
         showLabel: ne.value,
         labelAnchor: U.value,
         labelAlign: k.value,
-        labelRotation: P.value,
-        labelOffset: z.value,
+        labelRotation: z.value,
+        labelOffset: P.value,
         labelFontSize: $.value,
         showX: re.value,
         xPosition: X.value,
@@ -4388,7 +4388,7 @@ const fr = {
     function dt() {
       return {
         data: h.value,
-        filterText: Ve.value,
+        filterText: Ae.value,
         rollupPosition: se.value.config.rollupPosition,
         grandTotalLabel: se.value.config.grandTotalLabel,
         rowHeight: Te.value,
@@ -4437,15 +4437,15 @@ const fr = {
         (Ie) => Array.isArray(Ie.tileIds) && Ie.tileIds.includes(T)
       );
     });
-    ze(
+    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, 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, P.value = T.labelRotation ?? 0, z.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, 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();
       },
       { deep: !0 }
-    ), ze([() => I.value], () => {
+    ), Pe([() => I.value], () => {
       I.value !== null && (t.value.widget.config.rollup = I.value);
-    }), ze(
+    }), Pe(
       [
         () => se.value,
         () => K.value,
@@ -4459,7 +4459,7 @@ const fr = {
         Rn();
       },
       { deep: !0 }
-    ), ze(
+    ), Pe(
       [() => t.value.size],
       () => {
         o();
@@ -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 = Vn();
+    const Kt = An();
     let on;
     async function Rn() {
       if (!p.isStyleEditing) {
@@ -4522,16 +4522,16 @@ 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", Va = se.value.type === ie.Spacer ? "p-0" : "p-16";
+    })), Ba = se.value.type === ie.Spacer ? "flat" : "outlined", Aa = 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"), Aa = ge("FmSelect"), $a = ge("FmMenuItem"), Na = ge("FmMenu"), Pa = ge("FmForm"), za = ge("FmCircularProgress"), Ra = ge("FmCard");
+      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, {
         ref_key: "tileCard",
         ref: d,
-        class: qe(`${hn.value} ${l(Va)}`),
+        class: qe(`${hn.value} ${l(Aa)}`),
         variant: l(Ba)
       }, {
-        default: Pe(() => [
+        default: ze(() => [
           me(cr, {
             modelValue: He.value,
             "onUpdate:modelValue": Ie[0] || (Ie[0] = (Mt) => He.value = Mt),
@@ -4548,9 +4548,9 @@ const fr = {
               "onUpdate:modelValue": Ie[4] || (Ie[4] = (Mt) => Qe.value = Mt),
               "tile-index": p.index
             }, {
-              menu: Pe(() => [
-                me(Pa, { class: "flex items-center gap-2" }, {
-                  default: Pe(() => {
+              menu: ze(() => [
+                me(za, { class: "flex items-center gap-2" }, {
+                  default: ze(() => {
                     var Mt, On, En, Un;
                     return [
                       me(lt, {
@@ -4561,7 +4561,7 @@ const fr = {
                         disabled: !se.value.description,
                         "z-index": 99
                       }, {
-                        default: Pe(() => [
+                        default: ze(() => [
                           g.value !== !1 ? (Y(), be("p", {
                             key: 0,
                             style: Ze({
@@ -4580,8 +4580,8 @@ const fr = {
                       }, 8, ["content", "disabled"]),
                       (Mt = Dt.value) != null && Mt.showSearchBar ? (Y(), we(xt, {
                         key: 0,
-                        modelValue: Ve.value,
-                        "onUpdate:modelValue": Ie[1] || (Ie[1] = (mt) => Ve.value = mt),
+                        modelValue: Ae.value,
+                        "onUpdate:modelValue": Ie[1] || (Ie[1] = (mt) => Ae.value = mt),
                         class: "grow"
                       }, null, 8, ["modelValue"])) : (Y(), be("div", fr)),
                       Ua(me(pn, {
@@ -4602,11 +4602,11 @@ const fr = {
                         me(It, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !V.value,
+                          disabled: !A.value,
                           onClick: Ma
                         }, null, 8, ["disabled"])
                       ])) : Me("", !0),
-                      (Un = Dt.value) != null && Un.showRollup && ft.value.length > 0 ? (Y(), we(Aa, {
+                      (Un = Dt.value) != null && Un.showRollup && ft.value.length > 0 ? (Y(), we(Va, {
                         key: `rollup-${l(u)}`,
                         modelValue: I.value,
                         "onUpdate:modelValue": Ie[3] || (Ie[3] = (mt) => I.value = mt),
@@ -4617,13 +4617,13 @@ const fr = {
                         key: 4,
                         shift: !0
                       }, {
-                        "menu-button": Pe(() => [
+                        "menu-button": ze(() => [
                           me(It, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
-                        default: Pe(() => [
+                        default: ze(() => [
                           (Y(!0), be(et, null, Lt(l(Fa), (mt) => (Y(), we($a, {
                             key: mt.value,
                             label: mt.label,
@@ -4639,7 +4639,7 @@ const fr = {
               ]),
               _: 1
             }, 8, ["modelValue", "tile-index"]))
-          ], 4)) : (Y(), we(za, { key: 1 }))
+          ], 4)) : (Y(), we(Pa, { key: 1 }))
         ]),
         _: 1
       }, 8, ["class", "variant"]);
@@ -4890,14 +4890,14 @@ const vr = ma(pr, () => {
   __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: V } = 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: A } = 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 A(i) {
+    function V(i) {
       return i.filter((W) => W !== Xt);
     }
     function _(i) {
@@ -4911,7 +4911,7 @@ const vr = ma(pr, () => {
       const Z = b(i.filter, x.value).selectedValues;
       i.selectedValues = i.keepSelection ? Z : i.options.map((Q) => Q.value), i.filter.values = [...i.selectedValues], f(i.filter, x.value, "selectedValues", i.selectedValues);
     }
-    ze(
+    Pe(
       () => ({
         reportId: x.value,
         globalFilters: s.value
@@ -4933,13 +4933,13 @@ const vr = ma(pr, () => {
         }), R();
       },
       { immediate: !0 }
-    ), ze(
+    ), Pe(
       [p, d, C],
       async () => {
         await R();
       },
       { deep: !0, immediate: !0 }
-    ), ze(
+    ), Pe(
       [() => r.value],
       async () => {
         w.value.forEach((i) => {
@@ -4947,7 +4947,7 @@ const vr = ma(pr, () => {
         }), await R();
       },
       { deep: !0 }
-    ), ze(
+    ), Pe(
       () => t.value,
       async () => {
         await R(!0);
@@ -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(
-          (Ve) => Ve.schemaName === Q && Ve.name === Z
+          (Ae) => Ae.schemaName === Q && Ae.name === Z
         ), _e = (fe.joinDatasources ?? []).some(
-          (Ve) => (Ve.dimensions ?? []).some((De) => De.schemaName === Q && De.name === Z)
+          (Ae) => (Ae.dimensions ?? []).some((De) => De.schemaName === Q && De.name === Z)
         ), Te = (fe.schemaNames ?? []).includes(Q);
         return O || _e || Te;
       });
@@ -4995,8 +4995,8 @@ const vr = ma(pr, () => {
         };
       };
       return Ce.map((Be) => {
-        var Ve, De;
-        const fe = (Ve = Be == null ? void 0 : Be.widget) == null ? void 0 : Ve.config;
+        var Ae, De;
+        const fe = (Ae = Be == null ? void 0 : Be.widget) == null ? void 0 : Ae.config;
         if (!fe) return null;
         const O = Xe(fe), _e = (fe.dimensions ?? []).some((Oe) => Oe.schemaName === Q) || (fe.schemaNames ?? []).includes(Q), Te = Fe(
           fe.filters ?? [],
@@ -5081,18 +5081,18 @@ const vr = ma(pr, () => {
       var W;
       return !((W = i.filter.tileIds) != null && W.length);
     }
-    function P(i) {
+    function z(i) {
       return String(i ?? "").trim() === "" ? Xt : String(i);
     }
-    function z(i) {
+    function P(i) {
       var W, Z;
       return (((W = i.customTimeRanges) == null ? void 0 : W.length) ?? 0) > 0 ? i.customTimeRanges.map((Q) => ({
-        label: P(Q.name),
-        value: P(Q.name),
+        label: z(Q.name),
+        value: z(Q.name),
         available: !0
       })) : (((Z = i.customOptions) == null ? void 0 : Z.length) ?? 0) > 0 ? i.customOptions.map((Q) => ({
-        label: P(Q.label),
-        value: P(Q.label),
+        label: z(Q.label),
+        value: z(Q.label),
         available: !0
       })) : [];
     }
@@ -5104,7 +5104,7 @@ const vr = ma(pr, () => {
       }
       if (!(!i.type && (i.type = E(i.filter), !i.type))) {
         if (k(i.filter)) {
-          i.options = z(i.filter), F(i);
+          i.options = P(i.filter), F(i);
           return;
         }
         switch (i.type) {
@@ -5175,7 +5175,7 @@ const vr = ma(pr, () => {
         );
         i.selectedValues = Ce.length > 0 ? Ce : [Xt];
       } else
-        i.selectedValues = [...A(i.selectedValues || []), W];
+        i.selectedValues = [...V(i.selectedValues || []), W];
       f(i.filter, x.value, "selectedValues", i.selectedValues);
     }
     function X(i, W) {
@@ -5189,7 +5189,7 @@ const vr = ma(pr, () => {
       Z && (Z.keepSelection = W !== null, f(Z.filter, x.value, "keepSelection", Z.keepSelection));
     }
     function ee(i) {
-      const W = A(i.selectedValues || []);
+      const W = V(i.selectedValues || []);
       return `${n("report.section.filter.selectAll")} (${W.length}/${i.options.length})`;
     }
     function ae(i) {
@@ -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 = (Ve) => Ve && Ve.isValid() ? { hour: Ve.hour(), minute: Ve.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 = (Ae) => Ae && Ae.isValid() ? { hour: Ae.hour(), minute: Ae.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 = A(i.selectedValues || []).map((De) => Te.get(String(De)) ?? String(De)), Ve = He.map((De) => De.length > 20 ? `${De.slice(0, 20)}…` : De).join(", ");
+          }), Te = new Map(_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(", ");
           return He.length ? {
-            preview: `${W}: ${Ve}`,
+            preview: `${W}: ${Ae}`,
             suffix: `(${He.length} selected)`
           } : { preview: W, suffix: Z };
         }
       }
-      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(", ");
+      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(", ");
       return Ce.length ? {
         preview: `${W}: ${Fe}`,
         suffix: `(${Ce.length} selected)`
@@ -5262,7 +5262,7 @@ const vr = ma(pr, () => {
       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, Ve, De, Oe;
+          var Te, Le, He, Ae, De, Oe;
           return Y(), be("div", {
             key: O.id
           }, [
@@ -5276,7 +5276,7 @@ const vr = ma(pr, () => {
               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, {
               key: 1,
-              "model-value": { start: (Ve = O.filter.values) == null ? void 0 : Ve[0], end: (De = O.filter.values) == null ? void 0 : De[1] },
+              "model-value": { start: (Ae = O.filter.values) == null ? void 0 : Ae[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,
@@ -5286,9 +5286,9 @@ const vr = ma(pr, () => {
               key: 2,
               "close-on-click": !1,
               shift: !0,
-              open: l(V)(O.id)
+              open: l(A)(O.id)
             }, {
-              "menu-button": Pe(() => [
+              "menu-button": ze(() => [
                 J("div", yr, [
                   me(oo, {
                     "left-icon": "filter_alt",
@@ -5296,14 +5296,14 @@ const vr = ma(pr, () => {
                     label: ue(O).preview,
                     class: "w-full"
                   }, {
-                    default: Pe(() => [
+                    default: ze(() => [
                       bn(Ge(ue(O).suffix), 1)
                     ]),
                     _: 2
                   }, 1032, ["label"])
                 ])
               ]),
-              "menu-wrapper": Pe(({ maxHeight: We, width: Ee }) => [
+              "menu-wrapper": ze(({ maxHeight: We, width: Ee }) => [
                 J("div", {
                   class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
                   style: Ze({ maxHeight: `${We}px`, width: Ee })
@@ -5315,8 +5315,8 @@ const vr = ma(pr, () => {
                       me(Q, {
                         modelValue: O.search,
                         "onUpdate:modelValue": [
-                          (Ae) => O.search = Ae,
-                          (Ae) => l(f)(O.filter, x.value, "search", Ae)
+                          (Ve) => O.search = Ve,
+                          (Ve) => l(f)(O.filter, x.value, "search", Ve)
                         ],
                         type: "text",
                         "prepend-icon": "search",
@@ -5331,56 +5331,56 @@ const vr = ma(pr, () => {
                           "has-checkbox": !0,
                           "model-value": le(O),
                           indeterminate: !0,
-                          onClick: (Ae) => te(O)
+                          onClick: (Ve) => te(O)
                         }, null, 8, ["label", "model-value", "onClick"]),
-                        (Y(!0), be(et, null, Lt(ce.value[_e], (Ae) => (Y(), be(et, {
-                          key: Ae.value
+                        (Y(!0), be(et, null, Lt(ce.value[_e], (Ve) => (Y(), be(et, {
+                          key: Ve.value
                         }, [
-                          Ae.label && Ae.label.length > 110 ? (Y(), we(Fe, {
+                          Ve.label && Ve.label.length > 110 ? (Y(), we(Fe, {
                             key: 0,
                             placement: "right",
                             "hide-arrow": !0,
                             "z-index": 2e3
                           }, {
-                            content: Pe(() => [
-                              bn(Ge(Ae.label), 1)
+                            content: ze(() => [
+                              bn(Ge(Ve.label), 1)
                             ]),
-                            default: Pe(() => [
+                            default: ze(() => [
                               J("div", Sr, [
                                 me(Ce, {
-                                  label: Ne(Ae.label, 110),
+                                  label: Ne(Ve.label, 110),
                                   "has-checkbox": !0,
-                                  "model-value": O.selectedValues.includes(Ae.value),
+                                  "model-value": O.selectedValues.includes(Ve.value),
                                   class: qe([
                                     "flex-1 text-left",
-                                    { "bg-gray-200": Ae.available === !1 }
+                                    { "bg-gray-200": Ve.available === !1 }
                                   ]),
-                                  onClick: () => re(O, Ae.value)
+                                  onClick: () => re(O, Ve.value)
                                 }, null, 8, ["label", "model-value", "class", "onClick"])
                               ])
                             ]),
                             _: 2
                           }, 1024)) : (Y(), we(Ce, {
                             key: 1,
-                            label: Ae.label,
+                            label: Ve.label,
                             "has-checkbox": !0,
-                            "model-value": O.selectedValues.includes(Ae.value),
-                            class: qe(["flex-1 text-left", { "bg-gray-100": Ae.available === !1 }]),
-                            onClick: () => re(O, Ae.value)
+                            "model-value": O.selectedValues.includes(Ve.value),
+                            class: qe(["flex-1 text-left", { "bg-gray-100": Ve.available === !1 }]),
+                            onClick: () => re(O, Ve.value)
                           }, null, 8, ["label", "model-value", "class", "onClick"]))
                         ], 64))), 128)),
                         ce.value[_e].length < O.options.length && !O.search ? (Y(), we(Ce, {
                           key: 0,
                           class: "fm-typo-en-body-md-400 -ml-2",
                           label: l(n)("report.section.filter.loadMore"),
-                          onClick: Tt((Ae) => ne(O), ["stop"]),
+                          onClick: Tt((Ve) => 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: (Ae) => de(O)
+                      onClick: (Ve) => de(O)
                     }, [
                       me(Xe, {
                         name: O.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
@@ -5403,10 +5403,10 @@ const vr = ma(pr, () => {
                             placement: "top",
                             "z-index": 2e3
                           }, {
-                            content: Pe(() => [
+                            content: ze(() => [
                               J("div", Ir, Ge(l(n)("report.section.filter.keepSelectionTooltip")), 1)
                             ]),
-                            default: Pe(() => [
+                            default: ze(() => [
                               me(Xe, {
                                 name: "info",
                                 size: "md",
@@ -5422,11 +5422,11 @@ const vr = ma(pr, () => {
                       me(Be, {
                         variant: "tertiary",
                         label: l(n)("report.common.cancel"),
-                        onClick: Tt((Ae) => Se(O), ["stop"])
+                        onClick: Tt((Ve) => Se(O), ["stop"])
                       }, null, 8, ["label", "onClick"]),
                       me(Be, {
                         color: "primary",
-                        onClick: Tt((Ae) => he(O), ["stop"]),
+                        onClick: Tt((Ve) => he(O), ["stop"]),
                         label: l(n)("report.common.apply")
                       }, null, 8, ["onClick", "label"])
                     ])