@feedmepos/mf-report 5.27.4 → 5.27.5-beta.0

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-BOXyAHWY.js → DynamicWidget.vue_vue_type_script_setup_true_lang-4no6fWm5.js}

@@ -1,13 +1,13 @@
-import { computed as g, defineComponent as Me, ref as D, watch as Te, onMounted as Rt, onBeforeUnmount as no, resolveComponent as se, createBlock as ie, openBlock as K, Transition as Vo, withCtx as we, createElementBlock as ae, createCommentVNode as fe, createElementVNode as G, unref as i, normalizeStyle as Le, withModifiers as jt, toDisplayString as Se, createVNode as ue, Fragment as Be, renderList as lt, normalizeClass as _e, nextTick as No, mergeModels as Ne, useModel as ze, renderSlot as Qe, h as Yt, createSlots as zo, resolveDynamicComponent as oo, toRaw as Ho, markRaw as Wo, createTextVNode as Oo, onUnmounted as ao, withDirectives as Uo, vShow as Ko } from "vue";
-import { W as te, w as Xo, S as Pt, x as Mt, y as Yo, z as dn, A as ro, j as Eo, B as Go, R as pt, E as qo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Bq-DMwgI.js";
-import { i as Jt, a as en, u as lo } from "./app-CoOO1CM8.js";
-import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DKMUlWwU.js";
+import { computed as g, defineComponent as Me, ref as D, watch as Te, onMounted as Rt, onBeforeUnmount as no, resolveComponent as se, createBlock as ie, openBlock as K, Transition as No, withCtx as we, createElementBlock as ae, createCommentVNode as fe, createElementVNode as G, unref as i, normalizeStyle as Le, withModifiers as jt, toDisplayString as Se, createVNode as ue, Fragment as Be, renderList as lt, normalizeClass as _e, nextTick as Vo, mergeModels as Ve, useModel as ze, renderSlot as Qe, h as Yt, createSlots as zo, resolveDynamicComponent as oo, toRaw as Ho, markRaw as Wo, createTextVNode as Oo, onUnmounted as ao, withDirectives as Uo, vShow as Ko } from "vue";
+import { W as te, w as Xo, S as Pt, x as Mt, y as Yo, z as dn, A as ro, j as Eo, B as Go, R as pt, E as qo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CZgNkimr.js";
+import { i as Jt, a as en, u as lo } from "./app-DrMXbBEc.js";
+import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeQGMwaJ.js";
 import { storeToRefs as Bt } from "pinia";
 import { detectLocale as so } from "@feedmepos/mf-common";
 import { C as gn } from "./chart-DDDh8zNk.js";
 import { useBreakpoints as $t, useSnackbar as Tn, components as jo } from "@feedmepos/ui-library";
 import { u as st } from "./vue-i18n-DVWuTfed.js";
-import { b as io, _ as Vn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BL1jpiXN.js";
+import { b as io, _ as Nn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BL1jpiXN.js";
 import { r as at } from "./i18n-CI_sQ5d_.js";
 var Zt = /* @__PURE__ */ ((e) => (e.line = "LINECHART", e.bar = "BARCHART", e.stackedBar = "STACKBARCHART", e))(Zt || {}), Ze = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Ze || {}), vn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(vn || {}), yn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(yn || {}), bn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(bn || {}), Cn = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Cn || {}), xn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(xn || {}), be = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(be || {});
 te.Circular, te.Table, te.BarChart, te.LineChart, te.StackBarChart, te.ClusteredStackBarChart, te.StackLineChart, te.Scorecard, te.Spacer;
@@ -177,7 +177,7 @@ function co({
       return a;
   return t;
 }
-function Vt({
+function Nt({
   datasets: e,
   datasetIndex: t
 }) {
@@ -238,7 +238,7 @@ const aa = 0.25, po = 0.7;
 function ho(e) {
   return tn(e, aa);
 }
-function Nn(e) {
+function Vn(e) {
   return Math.min(0.55 + (e - 1) * 0.18, 0.95);
 }
 function Ke({
@@ -268,7 +268,7 @@ function xt({
   colorMode: c,
   customColors: d
 }) {
-  const m = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, P = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, x = a !== !1, w = e * m + P, v = c === "clustered" ? uo(Math.max(vt.length, e + 1)) : fo(d), b = Ft(s == null ? void 0 : s[e * m]) ?? v[e % v.length], F = x && P > 0 ? tn(b, Nn(P)) : Ft(s == null ? void 0 : s[w]) ?? (P > 0 ? tn(b, Nn(P)) : b), L = o ? ho(F) : F;
+  const m = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, P = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, x = a !== !1, w = e * m + P, v = c === "clustered" ? uo(Math.max(vt.length, e + 1)) : fo(d), b = Ft(s == null ? void 0 : s[e * m]) ?? v[e % v.length], F = x && P > 0 ? tn(b, Vn(P)) : Ft(s == null ? void 0 : s[w]) ?? (P > 0 ? tn(b, Vn(P)) : b), L = o ? ho(F) : F;
   let k = typeof r == "number" ? r : 1;
   return o && (k = k * po), mo(L, k);
 }
@@ -303,7 +303,7 @@ function ra(e) {
     tailwind: "fm-color-neutral-gray-100"
   };
 }
-function Nt(e) {
+function Vt(e) {
   return Object.entries(e).map(([t, n]) => `${t}:${n}`).join(";");
 }
 function vo(e) {
@@ -342,7 +342,7 @@ function vo(e) {
     titleMarginBottom: 6
   };
 }
-const la = Nt({
+const la = Vt({
   display: "block",
   padding: "0",
   background: "none",
@@ -361,7 +361,7 @@ const la = Nt({
   "white-space": "normal",
   "word-break": "break-word",
   "overflow-wrap": "anywhere"
-}, ia = Nt({
+}, ia = Vt({
   display: "flex",
   "align-items": "flex-start",
   "font-size": "13px",
@@ -371,7 +371,7 @@ const la = Nt({
   "line-height": "1.35",
   margin: "0 0 3px",
   overflow: "hidden"
-}), ua = Nt({
+}), ua = Vt({
   flex: "1 1 auto",
   "min-width": "0",
   "white-space": "normal",
@@ -593,15 +593,15 @@ function Un(...e) {
 function _n(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function Va(e) {
+function Na(e) {
   const t = typeof e == "number" ? e : typeof e == "string" ? Number(e) : Number.NaN;
   return Number.isFinite(t) ? Math.max(wn, Math.floor(t)) : ga;
 }
-function Na(e) {
+function Va(e) {
   return e <= 0 ? 320 : gt.value.xs || gt.value.sm || e <= 640 ? Math.max(160, Math.floor(e * 0.38)) : gt.value.md || e <= 900 ? Math.max(200, Math.floor(e * 0.46)) : gt.value.lg || e <= 1200 ? Math.max(240, Math.floor(e * 0.54)) : Math.max(280, Math.floor(e * 0.62));
 }
 function Pn(e, t) {
-  const n = window.innerHeight, o = Na(n), r = t ? Math.max(120, t.clientHeight - 16) : Number.POSITIVE_INFINITY, s = Math.max(120, Math.min(o, r));
+  const n = window.innerHeight, o = Va(n), r = t ? Math.max(120, t.clientHeight - 16) : Number.POSITIVE_INFINITY, s = Math.max(120, Math.min(o, r));
   e.style.maxHeight = `${s}px`;
 }
 function rt() {
@@ -619,7 +619,7 @@ function bo(e, t) {
 }
 function Co(e) {
   return {
-    maxTooltipItems: Va(e == null ? void 0 : e.maxTooltipItems)
+    maxTooltipItems: Na(e == null ? void 0 : e.maxTooltipItems)
   };
 }
 function za(e) {
@@ -651,13 +651,13 @@ function Kn(e) {
   };
 }
 function Ua(e) {
-  return Nt({
+  return Vt({
     ...sa,
     margin: `${e ? "8px" : "0"} 0 4px`
   });
 }
 function Ka(e, t) {
-  return Nt({
+  return Vt({
     ...e ? ca : da,
     background: t
   });
@@ -697,15 +697,15 @@ function xo(e, t, n, o, r, s, a, c) {
     }
     X.push(A);
   });
-  const V = w ? L.map((A) => {
+  const N = w ? L.map((A) => {
     const X = k.get(A.matchingKey);
     return !X || X.length === 0 ? Kn(A) : X.shift() ?? Kn(A);
-  }) : [], q = v.length > L.length || b.length > V.length, I = (A, X = !1) => `<div style="${Ua(X)}">${_n(A)}</div>`, N = (A) => {
+  }) : [], q = v.length > L.length || b.length > N.length, I = (A, X = !1) => `<div style="${Ua(X)}">${_n(A)}</div>`, V = (A) => {
     const X = Ka(A.isBar, A.color);
     return `<div style="${ia}"><span style="${X}"></span><span style="${ua}">${_n(A.text)}</span></div>`;
   };
   let C = "";
-  x.length > 0 && (C += I(x)), C += L.map((A) => N(A)).join(""), w && V.length > 0 && (C += I(w, C.length > 0), C += V.map((A) => N(A)).join("")), r && q && (C += Xa(n));
+  x.length > 0 && (C += I(x)), C += L.map((A) => V(A)).join(""), w && N.length > 0 && (C += I(w, C.length > 0), C += N.map((A) => V(A)).join("")), r && q && (C += Xa(n));
   const M = [
     {
       title: x,
@@ -918,14 +918,14 @@ function In(e) {
 function Mn(e, t, n, o, r, s, a = "center", c = !1) {
   const d = t.getBoundingClientRect(), m = n.getBoundingClientRect(), P = n.scrollLeft, x = n.scrollTop, w = n.clientWidth, v = n.clientHeight, b = e;
   (!Number.isFinite(b.__cachedWidth) || !Number.isFinite(b.__cachedHeight) || b.__measurementHostWidth !== w || b.__measurementHostHeight !== v) && (b.__cachedWidth = e.offsetWidth, b.__cachedHeight = e.offsetHeight, b.__measurementHostWidth = w, b.__measurementHostHeight = v);
-  const L = b.__cachedWidth ?? e.offsetWidth, k = b.__cachedHeight ?? e.offsetHeight, V = 8, q = d.left - m.left + P + o, I = d.top - m.top + x + r, N = c ? a === "left" ? q - L - V : q + V : a === "left" ? q - L - V : a === "right" ? q + V : q - L / 2, C = c ? I + V : s ? I - k / 2 : I + V, M = P + V;
-  let $ = x + V;
+  const L = b.__cachedWidth ?? e.offsetWidth, k = b.__cachedHeight ?? e.offsetHeight, N = 8, q = d.left - m.left + P + o, I = d.top - m.top + x + r, V = c ? a === "left" ? q - L - N : q + N : a === "left" ? q - L - N : a === "right" ? q + N : q - L / 2, C = c ? I + N : s ? I - k / 2 : I + N, M = P + N;
+  let $ = x + N;
   const A = document.querySelector('[data-menu-tab="true"]');
   if (A) {
-    const u = A.getBoundingClientRect().bottom - m.top + x + V;
+    const u = A.getBoundingClientRect().bottom - m.top + x + N;
     $ = Math.max($, u);
   }
-  const X = Math.max(M, P + w - L - V), ee = Math.max($, x + v - k - V), Y = Math.round(Math.min(Math.max(M, N), X)), W = Math.round(Math.min(Math.max($, C), ee));
+  const X = Math.max(M, P + w - L - N), ee = Math.max($, x + v - k - N), Y = Math.round(Math.min(Math.max(M, V), X)), W = Math.round(Math.min(Math.max($, C), ee));
   b.__lastLeftPx === Y && b.__lastTopPx === W || (b.__lastLeftPx = Y, b.__lastTopPx = W, e.style.left = `${Y}px`, e.style.top = `${W}px`);
 }
 function _o(e) {
@@ -1054,21 +1054,21 @@ function lr(e, t, n, o, r) {
     var L, k;
     if (rt() || !(r != null && r.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
       return;
-    const c = (V) => {
+    const c = (N) => {
       var M, $, A, X;
-      if (V.length === 0)
+      if (N.length === 0)
         return !1;
-      const q = (M = V.find(
+      const q = (M = N.find(
         (ee) => typeof ee.dataIndex == "number"
-      )) == null ? void 0 : M.dataIndex, I = (($ = n == null ? void 0 : n.data) == null ? void 0 : $.datasets) ?? [], N = (A = n == null ? void 0 : n.config) == null ? void 0 : A.type, C = xo(
-        V,
+      )) == null ? void 0 : M.dataIndex, I = (($ = n == null ? void 0 : n.data) == null ? void 0 : $.datasets) ?? [], V = (A = n == null ? void 0 : n.config) == null ? void 0 : A.type, C = xo(
+        N,
         o,
         (r == null ? void 0 : r.viewFullDetailsLabel) ?? yo(),
         s,
         !0,
         I,
         q,
-        N
+        V
       ).detailsPayload;
       return (X = r.onViewFullDetails) == null || X.call(r, C, n), Re(e, n), !0;
     }, d = ((L = n == null ? void 0 : n.tooltip) == null ? void 0 : L.dataPoints) ?? [];
@@ -1089,7 +1089,7 @@ function lr(e, t, n, o, r) {
       "index",
       { intersect: !1 },
       !1
-    ), v = (P.length > 0 ? P : x).filter((V) => typeof V.datasetIndex == "number" && typeof V.index == "number").map((V) => ({ datasetIndex: V.datasetIndex, index: V.index }));
+    ), v = (P.length > 0 ? P : x).filter((N) => typeof N.datasetIndex == "number" && typeof N.index == "number").map((N) => ({ datasetIndex: N.datasetIndex, index: N.index }));
     if (v.length === 0)
       return;
     const b = n == null ? void 0 : n.tooltip;
@@ -1240,7 +1240,7 @@ function ir(e, t) {
       b
     ), k = x && L;
     d.__detailsPayload = k ? F : void 0, d.style.pointerEvents = k ? "auto" : "none";
-    const V = typeof (r == null ? void 0 : r.caretX) == "number" ? r.caretX : 0, q = Number(d.dataset.cursorCanvasX), I = Number(d.dataset.cursorCanvasY);
+    const N = typeof (r == null ? void 0 : r.caretX) == "number" ? r.caretX : 0, q = Number(d.dataset.cursorCanvasX), I = Number(d.dataset.cursorCanvasY);
     if (!(Number.isFinite(q) && Number.isFinite(I))) {
       d.style.opacity = "0";
       return;
@@ -1251,7 +1251,7 @@ function ir(e, t) {
         return y;
       if (!Number.isFinite(y))
         return z;
-      const S = Number.isFinite(M) ? M : V, Z = Math.abs(y - S);
+      const S = Number.isFinite(M) ? M : N, Z = Math.abs(y - S);
       return Math.abs(z - S) > Z ? z : y;
     }, Number.NaN) : Number.NaN, A = q, X = I, ee = e ? Number.isFinite(M) && Number.isFinite($) && $ < M ? "left" : "right" : "center";
     Mn(
@@ -1294,8 +1294,8 @@ function ko(e) {
     const b = "…";
     let F = 0, L = w.length;
     for (; F < L; ) {
-      const k = Math.floor((F + L) / 2), V = w.slice(0, k) + b;
-      x.measureText(V).width <= v ? F = k + 1 : L = k;
+      const k = Math.floor((F + L) / 2), N = w.slice(0, k) + b;
+      x.measureText(N).width <= v ? F = k + 1 : L = k;
     }
     return w.slice(0, F - 1) + b;
   }
@@ -1418,8 +1418,8 @@ function ko(e) {
         if (v.length === 0) return [];
         if (v.length === 1 && Array.isArray(v[0].backgroundColor) && v[0].backgroundColor.length > 1 && Array.isArray(v[0].data)) {
           const F = v[0];
-          return x.data.labels.map((k, V) => {
-            const q = F.backgroundColor[V];
+          return x.data.labels.map((k, N) => {
+            const q = F.backgroundColor[N];
             return {
               text: k,
               fontColor: w,
@@ -1427,8 +1427,8 @@ function ko(e) {
               fillStyle: q,
               strokeStyle: q,
               datasetIndex: 0,
-              index: V,
-              hidden: x.getDataVisibility ? !x.getDataVisibility(V) : !1
+              index: N,
+              hidden: x.getDataVisibility ? !x.getDataVisibility(N) : !1
             };
           });
         }
@@ -1503,7 +1503,7 @@ const cr = {
     function k(T, u) {
       return `${T || "section"}-${u}`;
     }
-    function V() {
+    function N() {
       d.value = P.value.reduce(
         (T, u, y) => (T[k(u.title, y)] = qt, T),
         {}
@@ -1518,11 +1518,11 @@ const cr = {
     function I() {
       L(), m.value = !1;
     }
-    function N() {
+    function V() {
       return typeof window > "u" ? Jn : Math.floor(window.innerWidth * 0.94);
     }
     function C(T) {
-      const u = N(), y = Math.min(xr, u);
+      const u = V(), y = Math.min(xr, u);
       return Math.min(u, Math.max(y, Math.floor(T)));
     }
     function M(T) {
@@ -1554,14 +1554,14 @@ const cr = {
       m.value && T.key === "Escape" && I();
     }
     return Te([P, m], () => {
-      m.value && V();
+      m.value && N();
     }), Rt(() => {
-      a.value = C(a.value), V(), document.addEventListener("pointerdown", Y, !0), document.addEventListener("keydown", W), window.addEventListener("resize", ee);
+      a.value = C(a.value), N(), document.addEventListener("pointerdown", Y, !0), document.addEventListener("keydown", W), window.addEventListener("resize", ee);
     }), no(() => {
       $(), document.removeEventListener("pointerdown", Y, !0), document.removeEventListener("keydown", W), window.removeEventListener("resize", ee);
     }), (T, u) => {
       const y = se("FmButton");
-      return K(), ie(Vo, {
+      return K(), ie(No, {
         "enter-active-class": "transform transition duration-200 ease-out",
         "enter-from-class": "translate-x-full opacity-0",
         "enter-to-class": "translate-x-0 opacity-100",
@@ -1671,7 +1671,7 @@ const cr = {
   },
   emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
   setup(e, { emit: t }) {
-    const n = e, o = t, { t: r, locale: s } = st(), a = D([]), c = D(0), d = D(!1), m = D(!1), P = D(0), x = D(null), w = D(null), v = D(null), b = D(null), F = D(!1), L = D(0), k = D(0), V = D(!1), q = D(0), I = D(0), N = g(() => n.enabled !== !1), C = g(() => n.position === "left" || n.position === "right");
+    const n = e, o = t, { t: r, locale: s } = st(), a = D([]), c = D(0), d = D(!1), m = D(!1), P = D(0), x = D(null), w = D(null), v = D(null), b = D(null), F = D(!1), L = D(0), k = D(0), N = D(!1), q = D(0), I = D(0), V = g(() => n.enabled !== !1), C = g(() => n.position === "left" || n.position === "right");
     let M = null;
     const $ = g(
       () => d.value && m.value && F.value
@@ -1749,10 +1749,10 @@ const cr = {
       p.scrollTop = J * U, H();
     }
     function Z(l) {
-      F.value && (V.value = !0, q.value = l.clientY, I.value = k.value);
+      F.value && (N.value = !0, q.value = l.clientY, I.value = k.value);
     }
     function Q(l) {
-      if (!V.value)
+      if (!N.value)
         return;
       const p = v.value;
       if (!p)
@@ -1761,7 +1761,7 @@ const cr = {
       p.scrollTop = O * E, H();
     }
     function oe() {
-      V.value && (V.value = !1);
+      N.value && (N.value = !1);
     }
     function re() {
       var p;
@@ -2061,10 +2061,10 @@ const cr = {
           const Oe = l[We];
           if (!Oe)
             continue;
-          const Ve = ve + (ye > 0 ? ne : 0) + Oe.offsetHeight, ot = l.length - (We + 1) > 0 ? ne + de : 0;
-          if (Ve + ot > h)
+          const Ne = ve + (ye > 0 ? ne : 0) + Oe.offsetHeight, ot = l.length - (We + 1) > 0 ? ne + de : 0;
+          if (Ne + ot > h)
             break;
-          ve = Ve, ye += 1;
+          ve = Ne, ye += 1;
         }
         return ye > 0 ? ye : 1;
       }
@@ -2107,9 +2107,9 @@ const cr = {
         if (ne > 0 && (P.value = ne), window.getComputedStyle(l).flexDirection.startsWith("column") && c.value < a.value.length) {
           const ye = Math.max(0, P.value - Zn), We = l.scrollHeight;
           if (We + 1 < ye) {
-            const Oe = p.map((Pe) => Pe.offsetHeight).filter((Pe) => Number.isFinite(Pe) && Pe > 0), Ve = Oe.length > 0 ? Oe.reduce((Pe, ot) => Pe + ot, 0) / Oe.length : 0;
-            if (Ve > 0) {
-              const Pe = window.getComputedStyle(l), ot = Number.parseFloat(Pe.rowGap || Pe.gap || "0") || 0, sn = Math.max(1, Ve + ot), un = ye - We, Lt = Math.floor(un / sn);
+            const Oe = p.map((Pe) => Pe.offsetHeight).filter((Pe) => Number.isFinite(Pe) && Pe > 0), Ne = Oe.length > 0 ? Oe.reduce((Pe, ot) => Pe + ot, 0) / Oe.length : 0;
+            if (Ne > 0) {
+              const Pe = window.getComputedStyle(l), ot = Number.parseFloat(Pe.rowGap || Pe.gap || "0") || 0, sn = Math.max(1, Ne + ot), un = ye - We, Lt = Math.floor(un / sn);
               if (Lt > 0) {
                 c.value = Math.min(
                   a.value.length,
@@ -2127,7 +2127,7 @@ const cr = {
       (R || c.value <= 0) && (c.value = Math.max(0, ge)), m.value = me > O, y(), H();
     }
     function He() {
-      No(() => {
+      Vo(() => {
         _t(), window.requestAnimationFrame(() => {
           _t(), B(), H();
         });
@@ -2159,7 +2159,7 @@ const cr = {
         return a.value;
       const l = Math.max(1, c.value), p = C.value ? l : Math.max(0, l - 1);
       return a.value.slice(0, Math.min(p, a.value.length));
-    }), nt = g(() => N.value ? m.value && d.value ? {
+    }), nt = g(() => V.value ? m.value && d.value ? {
       flex: "1 1 auto",
       minHeight: "0",
       overflowY: "auto"
@@ -2168,7 +2168,7 @@ const cr = {
     } : {} : {});
     function kt() {
       var h;
-      if (!N.value) {
+      if (!V.value) {
         a.value = [], c.value = 0, d.value = !1, m.value = !1, P.value = 0, W({ height: 0, width: 0 });
         return;
       }
@@ -2315,8 +2315,8 @@ const cr = {
         kt();
       }
     ), no(() => {
-      V.value = !1, T(), W({ height: 0, width: 0 }), window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", oe);
-    }), (l, p) => N.value ? (K(), ae("div", {
+      N.value = !1, T(), W({ height: 0, width: 0 }), window.removeEventListener("mousemove", Q), window.removeEventListener("mouseup", oe);
+    }), (l, p) => V.value ? (K(), ae("div", {
       key: 0,
       ref_key: "legendPanelRef",
       ref: x,
@@ -2487,13 +2487,13 @@ function Wt({ chartRef: e, model: t, baseDatasets: n }) {
   ), L = g(() => {
     const $ = b.value.position;
     return !$ || $ === "top" || $ === "bottom" || $ === "left" || $ === "right";
-  }), k = g(() => b.value.position ?? "top"), V = g(
+  }), k = g(() => b.value.position ?? "top"), N = g(
     () => k.value === "left" || k.value === "right"
   ), q = g(
     () => k.value === "top" || k.value === "left"
-  ), { hiddenDatasetKeys: I, isDatasetHidden: N, toggleDatasetVisibility: C } = Mr(n), M = g(() => n.value.map(($, A) => ({
+  ), { hiddenDatasetKeys: I, isDatasetHidden: V, toggleDatasetVisibility: C } = Mr(n), M = g(() => n.value.map(($, A) => ({
     ...$,
-    hidden: N($, A)
+    hidden: V($, A)
   })));
   return {
     isTooltipDetailsSheetOpen: r,
@@ -2509,7 +2509,7 @@ function Wt({ chartRef: e, model: t, baseDatasets: n }) {
     legend: b,
     useCustomLegend: L,
     legendPosition: k,
-    isLegendSide: V,
+    isLegendSide: N,
     isLegendBeforeChart: q,
     hiddenDatasetKeys: I,
     toggleDatasetVisibility: C,
@@ -2518,7 +2518,7 @@ function Wt({ chartRef: e, model: t, baseDatasets: n }) {
 }
 const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /* @__PURE__ */ Me({
   __name: "WidgetBarchart",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -2546,7 +2546,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
     }
     const P = g(() => o.value.length > 0 ? [
       ...o.value.map((u, y) => {
-        const B = Vt({
+        const B = Nt({
           datasets: o.value,
           datasetIndex: y
         }), H = De({
@@ -2597,10 +2597,10 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
       handleTooltipDetailsLeave: F,
       comparisonTooltip: L,
       datalabels: k,
-      xCfg: V,
+      xCfg: N,
       yCfg: q,
       isTransposed: I,
-      legend: N,
+      legend: V,
       useCustomLegend: C,
       legendPosition: M,
       isLegendSide: $,
@@ -2641,16 +2641,16 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
           Qe(u.$slots, "menu"),
           G("div", {
             class: _e(["chart-layout", {
-              "chart-layout--side": i(C) && (i(N).display ?? !1) && i($)
+              "chart-layout--side": i(C) && (i(V).display ?? !1) && i($)
             }])
           }, [
-            i(C) && (i(N).display ?? !1) && i(A) ? (K(), ie(Ae, {
+            i(C) && (i(V).display ?? !1) && i(A) ? (K(), ie(Ae, {
               key: 0,
               "chart-ref": n.value,
-              enabled: i(N).display ?? !1,
+              enabled: i(V).display ?? !1,
               position: i(M),
-              "text-color": (H = i(N).labels) == null ? void 0 : H.color,
-              "font-size": (S = (z = i(N).labels) == null ? void 0 : z.font) == null ? void 0 : S.size,
+              "text-color": (H = i(V).labels) == null ? void 0 : H.color,
+              "font-size": (S = (z = i(V).labels) == null ? void 0 : z.font) == null ? void 0 : S.size,
               "legend-update-key": i(Y),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2667,7 +2667,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
               class: "bar-chart",
               datasets: W.value,
               "x-axis": { categories: a.value },
-              "x-cfg": i(V),
+              "x-cfg": i(N),
               "y-cfg": i(q),
               transpose: i(I),
               legend: T.value,
@@ -2676,13 +2676,13 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
               plugins: [i(d)],
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins"]),
-            i(C) && (i(N).display ?? !1) && !i(A) ? (K(), ie(Ae, {
+            i(C) && (i(V).display ?? !1) && !i(A) ? (K(), ie(Ae, {
               key: 1,
               "chart-ref": n.value,
-              enabled: i(N).display ?? !1,
+              enabled: i(V).display ?? !1,
               position: i(M),
-              "text-color": (Z = i(N).labels) == null ? void 0 : Z.color,
-              "font-size": (oe = (Q = i(N).labels) == null ? void 0 : Q.font) == null ? void 0 : oe.size,
+              "text-color": (Z = i(V).labels) == null ? void 0 : Z.color,
+              "font-size": (oe = (Q = i(V).labels) == null ? void 0 : Q.font) == null ? void 0 : oe.size,
               "legend-update-key": i(Y),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2707,7 +2707,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
   }
 }), Fr = { class: "widget-content" }, Rr = /* @__PURE__ */ Me({
   __name: "WidgetCircular",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -2716,8 +2716,8 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
   emits: ["update:modelValue"],
   setup(e) {
     const t = ze(e, "modelValue"), { breakpoints: n } = $t(), o = D(null), r = D([]), { datalabels: s, legend: a } = ko(t.value), c = g(() => {
-      const I = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((N) => N.name) : [];
-      return I.length > 0 ? I : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((N) => String(N)) : [];
+      const I = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((V) => V.name) : [];
+      return I.length > 0 ? I : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((V) => String(V)) : [];
     }), d = g(() => {
       let I = [];
       return Array.isArray(t.value.data.datasets) && t.value.data.datasets.length > 0 && (I = [
@@ -2736,11 +2736,11 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
     Te(
       () => t.value.data.datasets,
       (I) => {
-        const N = new Set(
+        const V = new Set(
           Array.isArray(I) ? I.map((C, M) => M) : []
         );
         r.value = r.value.filter(
-          (C) => N.has(C)
+          (C) => V.has(C)
         );
       },
       { deep: !0 }
@@ -2753,20 +2753,20 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
     ), F = g(
       () => v.value === "top" || v.value === "left"
     ), L = g(() => {
-      var N;
-      const I = (N = a.value.labels) == null ? void 0 : N.color;
+      var V;
+      const I = (V = a.value.labels) == null ? void 0 : V.color;
       return typeof I == "string" && I.trim().length > 0 ? I : t.value.legendColor ?? "#6b6b6b";
-    }), k = g(() => m.value), V = fa();
+    }), k = g(() => m.value), N = fa();
     function q({ itemIndex: I }) {
       if (r.value.includes(I)) {
         r.value = r.value.filter(
-          (N) => N !== I
+          (V) => V !== I
         );
         return;
       }
       r.value = [...r.value, I];
     }
-    return (I, N) => {
+    return (I, V) => {
       const C = se("FmPieChart");
       return K(), ae("div", Fr, [
         Qe(I.$slots, "menu"),
@@ -2799,7 +2799,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
             percentage: "70%",
             datasets: d.value,
             metrics: c.value,
-            tooltip: i(V),
+            tooltip: i(N),
             variant: "doughnut",
             legend: {
               display: !1
@@ -2837,7 +2837,7 @@ function At(e) {
   const [o, r] = t.split("."), s = new Intl.NumberFormat("en-US").format(Number(o));
   return r !== void 0 ? `${s}.${r}` : s;
 }
-const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "flex flex-wrap gap-x-4 gap-y-2" }, Nr = { class: "flex items-center gap-1" }, zr = ["title"], Hr = { class: "fm-typo-en-body-lg-600" }, Wr = {
+const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Nr = { class: "flex flex-wrap gap-x-4 gap-y-2" }, Vr = { class: "flex items-center gap-1" }, zr = ["title"], Hr = { class: "fm-typo-en-body-lg-600" }, Wr = {
   class: "flex w-full h-3 shrink-0 rounded-full overflow-hidden",
   style: { "background-color": "#f2f2f7" }
 }, Or = /* @__PURE__ */ Me({
@@ -2861,12 +2861,12 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
       });
     });
     return (o, r) => (K(), ae("div", $r, [
-      G("div", Vr, [
+      G("div", Nr, [
         (K(!0), ae(Be, null, lt(n.value, (s, a) => (K(), ae("div", {
           key: a,
           class: "flex flex-col gap-1 flex-1 min-w-[80px]"
         }, [
-          G("div", Nr, [
+          G("div", Vr, [
             G("span", {
               class: "inline-block w-3 h-3 rounded-sm shrink-0",
               style: Le({ backgroundColor: s.color })
@@ -2936,14 +2936,14 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
     }))), b = g(
       () => v.value.map((k) => ({ ...k, backgroundColor: "rgba(54,162,235,0.25)" }))
     ), F = g(() => kn(!1)), L = g(() => kn(!1));
-    return (k, V) => {
+    return (k, N) => {
       var $;
-      const q = se("FmIcon"), I = se("FmChip"), N = se("FmTooltip"), C = se("FmLineChart"), M = se("FmBarChart");
+      const q = se("FmIcon"), I = se("FmChip"), V = se("FmTooltip"), C = se("FmLineChart"), M = se("FmBarChart");
       return K(), ae("div", Ur, [
         Qe(k.$slots, "menu"),
         G("p", Kr, Se(c.value), 1),
         G("div", Xr, [
-          ue(N, {
+          ue(V, {
             disabled: d.value === null,
             placement: "right",
             "hide-arrow": "",
@@ -2985,7 +2985,7 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  V[0] || (V[0] = G("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
+                  N[0] || (N[0] = G("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
                 ]),
                 _: 1
               })) : fe("", !0)
@@ -3026,7 +3026,7 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
             values: (($ = P.value.datasets[0]) == null ? void 0 : $.values) ?? [],
             "percent-of-total": P.value.percentOfTotal === !0
           }, null, 8, ["dimensions", "values", "percent-of-total"]))
-        ])) : (K(), ae("div", Gr, V[1] || (V[1] = [
+        ])) : (K(), ae("div", Gr, N[1] || (N[1] = [
           G("div", { class: "sparkline" }, [
             G("div", { class: "flex flex-col gap-8" }, [
               G("div"),
@@ -3043,12 +3043,12 @@ function Jr(e, t) {
   const n = se("FmMenuDivider");
   return K(), ie(n);
 }
-const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableData.worker-DlxE2vZ8.js", el = { class: "flex h-full flex-col" }, tl = { class: "my-4 shrink-0" }, nl = {
+const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableData.worker-BNG4ahN0.js", el = { class: "flex h-full flex-col" }, tl = { class: "my-4 shrink-0" }, nl = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
 }, ol = { class: "font-bold" }, al = { class: "text-fm-color-neutral-gray-300" }, rl = /* @__PURE__ */ Me({
   __name: "WidgetTable",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3088,19 +3088,19 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
           maxWidth: y
         };
     }
-    const V = g(() => o.value.filterText), q = g(() => {
+    const N = g(() => o.value.filterText), q = g(() => {
       var y;
       const u = (y = o.value.grandTotalLabel) == null ? void 0 : y.trim();
       return u && u.length > 0 ? u : at(t, n, "Grand total", "other");
     }), I = g(() => {
       var u, y;
-      if (!(V.value && V.value.trim().length > 0 || !((u = w.value[0]) != null && u.isRollup) && !((y = w.value[w.value.length - 1]) != null && y.isRollup))) {
+      if (!(N.value && N.value.trim().length > 0 || !((u = w.value[0]) != null && u.isRollup) && !((y = w.value[w.value.length - 1]) != null && y.isRollup))) {
         if (o.value.rollupPosition === Ze.top || o.value.rollupPosition === void 0)
           return Ze.top;
         if (o.value.rollupPosition === Ze.bottom)
           return Ze.bottom;
       }
-    }), N = g(() => {
+    }), V = g(() => {
       const u = b.value, y = 34.5, B = 32, H = I.value !== void 0 ? 1 : 0, z = (P.value ? P.value.$el.offsetHeight : 0) - u;
       return Math.floor((z - y - B) / u) - H;
     }), C = g(() => {
@@ -3162,13 +3162,13 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       })), H = {
         rows: y,
         columns: B,
-        filter: V.value ?? "",
+        filter: N.value ?? "",
         globalSorts: Ho(m.value).map((S) => ({
           key: S.key,
           type: S.type
         })),
         grandTotalPosition: I.value,
-        pageSize: N.value
+        pageSize: V.value
       };
       Yo(Qr, H).then((S) => {
         u === A && (S != null && S.error ? (c.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(S.error), $.value = []) : $.value = Wo(S.data || []));
@@ -3187,10 +3187,10 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       return JSON.stringify({
         rowsLength: u.length,
         columns: y.map((z) => ({ key: z.key, type: z.type, label: z.label })),
-        filter: V.value ?? "",
+        filter: N.value ?? "",
         globalSorts: m.value.map((z) => ({ key: z.key, type: z.type })),
         grandTotalPosition: I.value,
-        pageSize: N.value
+        pageSize: V.value
       });
     });
     Te(
@@ -3272,8 +3272,8 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
           ref: P,
           "column-defs": T.value,
           "row-data": $.value,
-          "search-value": V.value,
-          "page-size": N.value,
+          "search-value": N.value,
+          "page-size": V.value,
           "shrink-at": !1,
           "force-mobile-footer": !0,
           class: "scrollbar-hide-table min-h-0 flex-1",
@@ -3320,7 +3320,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
   }
 }), ll = { class: "widget-content" }, sl = /* @__PURE__ */ Me({
   __name: "WidgetStackBarChart",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3353,7 +3353,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
     const x = g(() => {
       if (r.value.length > 0) {
         const T = r.value.map((u, y) => {
-          const B = Vt({
+          const B = Nt({
             datasets: r.value,
             datasetIndex: y
           }), H = De({
@@ -3408,10 +3408,10 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       handleTooltipDetailsHover: F,
       handleTooltipDetailsLeave: L,
       comparisonTooltip: k,
-      datalabels: V,
+      datalabels: N,
       xCfg: q,
       yCfg: I,
-      isTransposed: N,
+      isTransposed: V,
       legend: C,
       useCustomLegend: M,
       legendPosition: $,
@@ -3461,14 +3461,14 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
               "x-axis": { categories: o.value },
               "x-cfg": d.value,
               "y-cfg": m.value,
-              transpose: i(N),
+              transpose: i(V),
               stacked: c.value,
               legend: {
                 display: !1
               },
               tooltip: i(k),
               plugins: [i(s)],
-              datalabels: i(V),
+              datalabels: i(N),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels"]),
             i(M) && (i(C).display ?? !1) && !i(X) ? (K(), ie(Ae, {
@@ -3502,7 +3502,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
   }
 }), il = { class: "widget-content" }, pn = 1, to = "rgba(0, 0, 0, 0)", ul = /* @__PURE__ */ Me({
   __name: "WidgetClusteredStackBarchart",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3579,7 +3579,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       const oe = Math.max(Z.size, 1), re = t.value.chartColorBinding === be.breakdown, he = t.value.chartUseSecondaryMetricShades !== !1;
       return S.map((le) => {
         var Ee;
-        const pe = Vt({
+        const pe = Nt({
           datasets: r.value,
           datasetIndex: le.index
         }), Ce = co({
@@ -3627,10 +3627,10 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
     }), {
       isTooltipDetailsSheetOpen: L,
       tooltipDetailsPayload: k,
-      handleTooltipDetailsSheetVisibility: V,
+      handleTooltipDetailsSheetVisibility: N,
       handleTooltipDetailsHover: q,
       handleTooltipDetailsLeave: I,
-      comparisonTooltip: N,
+      comparisonTooltip: V,
       datalabels: C,
       xCfg: M,
       yCfg: $,
@@ -3707,7 +3707,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
               transpose: i(A),
               stacked: c.value,
               legend: z.value,
-              tooltip: i(N),
+              tooltip: i(V),
               plugins: [i(s)],
               datalabels: i(C),
               "maintain-aspect-ratio": !1
@@ -3734,7 +3734,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
         ue(Ht, {
           "model-value": i(L),
           "details-payload": i(k),
-          "onUpdate:modelValue": i(V),
+          "onUpdate:modelValue": i(N),
           onValueHover: i(q),
           onValueLeave: i(I)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
@@ -3760,7 +3760,7 @@ function To(e = "report-line-style-plugin") {
 }
 const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
   __name: "WidgetStackLineChart",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3779,7 +3779,7 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
     }), c = zt("line"), d = To("report-line-style-plugin-stack-line"), m = g(() => a.value.length > 0 ? [
       ...a.value.map((Y, W) => {
         var re;
-        const T = Vt({
+        const T = Nt({
           datasets: a.value,
           datasetIndex: W
         });
@@ -3839,10 +3839,10 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
       comparisonTooltip: F,
       datalabels: L,
       xCfg: k,
-      yCfg: V,
+      yCfg: N,
       isTransposed: q,
       legend: I,
-      useCustomLegend: N,
+      useCustomLegend: V,
       legendPosition: C,
       isLegendSide: M,
       isLegendBeforeChart: $,
@@ -3862,10 +3862,10 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
           Qe(Y.$slots, "menu"),
           G("div", {
             class: _e(["chart-layout", {
-              "chart-layout--side": i(N) && (i(I).display ?? !1) && i(M)
+              "chart-layout--side": i(V) && (i(I).display ?? !1) && i(M)
             }])
           }, [
-            i(N) && (i(I).display ?? !1) && i($) ? (K(), ie(Ae, {
+            i(V) && (i(I).display ?? !1) && i($) ? (K(), ie(Ae, {
               key: 0,
               "chart-ref": n.value,
               enabled: i(I).display ?? !1,
@@ -3889,7 +3889,7 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
               datasets: i(ee),
               "x-axis": { categories: s.value },
               "x-cfg": i(k),
-              "y-cfg": i(V),
+              "y-cfg": i(N),
               transpose: i(q),
               legend: {
                 display: !1
@@ -3900,7 +3900,7 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
               datalabels: i(L),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "plugins", "datalabels"]),
-            i(N) && (i(I).display ?? !1) && !i($) ? (K(), ie(Ae, {
+            i(V) && (i(I).display ?? !1) && !i($) ? (K(), ie(Ae, {
               key: 1,
               "chart-ref": n.value,
               enabled: i(I).display ?? !1,
@@ -3967,7 +3967,7 @@ function xl(e, t) {
 }
 const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
   __name: "WidgetLinechart",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3986,7 +3986,7 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
     ), c = g(() => s.value ? o.value.map((W) => W.name) : a.value ? ["", r.value[0], ""] : r.value), d = zt("line"), m = To("report-line-style-plugin-line"), P = g(() => o.value.length > 0 ? [
       ...o.value.map((W, T) => {
         var pe;
-        const u = Vt({
+        const u = Nt({
           datasets: o.value,
           datasetIndex: T
         }), y = De({
@@ -4047,10 +4047,10 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
       handleTooltipDetailsLeave: F,
       comparisonTooltip: L,
       datalabels: k,
-      xCfg: V,
+      xCfg: N,
       yCfg: q,
       isTransposed: I,
-      legend: N,
+      legend: V,
       useCustomLegend: C,
       legendPosition: M,
       isLegendSide: $,
@@ -4071,16 +4071,16 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
           Qe(W.$slots, "menu"),
           G("div", {
             class: _e(["chart-layout", {
-              "chart-layout--side": i(C) && (i(N).display ?? !1) && i($)
+              "chart-layout--side": i(C) && (i(V).display ?? !1) && i($)
             }])
           }, [
-            i(C) && (i(N).display ?? !1) && i(A) ? (K(), ie(Ae, {
+            i(C) && (i(V).display ?? !1) && i(A) ? (K(), ie(Ae, {
               key: 0,
               "chart-ref": n.value,
-              enabled: i(N).display ?? !1,
+              enabled: i(V).display ?? !1,
               position: i(M),
-              "text-color": (y = i(N).labels) == null ? void 0 : y.color,
-              "font-size": (H = (B = i(N).labels) == null ? void 0 : B.font) == null ? void 0 : H.size,
+              "text-color": (y = i(V).labels) == null ? void 0 : y.color,
+              "font-size": (H = (B = i(V).labels) == null ? void 0 : B.font) == null ? void 0 : H.size,
               "legend-update-key": i(Y),
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -4097,7 +4097,7 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
               class: "line-chart",
               datasets: i(Y),
               "x-axis": { categories: c.value },
-              "x-cfg": i(V),
+              "x-cfg": i(N),
               "y-cfg": i(q),
               transpose: i(I),
               legend: {
@@ -4108,13 +4108,13 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
               plugins: [i(d), i(m)],
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins"]),
-            i(C) && (i(N).display ?? !1) && !i(A) ? (K(), ie(Ae, {
+            i(C) && (i(V).display ?? !1) && !i(A) ? (K(), ie(Ae, {
               key: 1,
               "chart-ref": n.value,
-              enabled: i(N).display ?? !1,
+              enabled: i(V).display ?? !1,
               position: i(M),
-              "text-color": (z = i(N).labels) == null ? void 0 : z.color,
-              "font-size": (Z = (S = i(N).labels) == null ? void 0 : S.font) == null ? void 0 : Z.size,
+              "text-color": (z = i(V).labels) == null ? void 0 : z.color,
+              "font-size": (Z = (S = i(V).labels) == null ? void 0 : S.font) == null ? void 0 : Z.size,
               "legend-update-key": i(Y),
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -4139,7 +4139,7 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
   }
 }), Sl = { class: "flex flex-col gap-16" }, kl = { class: "flex flex-row" }, Tl = /* @__PURE__ */ Me({
   __name: "PdfOrientationDialog",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     reportType: {},
     index: {}
   }, {
@@ -4172,10 +4172,10 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
       }
     }
     return (F, L) => {
-      const k = se("FmRadio"), V = se("FmRadioGroup"), q = se("FmButton"), I = se("FmDialog");
+      const k = se("FmRadio"), N = se("FmRadioGroup"), q = se("FmButton"), I = se("FmDialog");
       return K(), ie(I, {
         modelValue: s.value,
-        "onUpdate:modelValue": L[2] || (L[2] = (N) => s.value = N),
+        "onUpdate:modelValue": L[2] || (L[2] = (V) => s.value = V),
         overlay: !0,
         "z-index": 10
       }, {
@@ -4190,9 +4190,9 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
           }, {
             default: we(() => [
               G("div", Sl, [
-                ue(V, {
+                ue(N, {
                   modelValue: w.value,
-                  "onUpdate:modelValue": L[0] || (L[0] = (N) => w.value = N)
+                  "onUpdate:modelValue": L[0] || (L[0] = (V) => w.value = V)
                 }, {
                   default: we(() => [
                     ue(k, {
@@ -4212,7 +4212,7 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
                 ue(q, {
                   label: i(t)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: L[1] || (L[1] = (N) => s.value = !1)
+                  onClick: L[1] || (L[1] = (V) => s.value = !1)
                 }, null, 8, ["label"]),
                 G("div", null, [
                   ue(q, {
@@ -4277,7 +4277,7 @@ function Ll(e) {
       pointer-events: auto;
     `;
     const M = c.cloneNode(!0);
-    M.style.cssText = "pointer-events: auto;", b(c, M), C.appendChild(M), s.appendChild(C), document.body.appendChild(s), k(), V(), q(), L();
+    M.style.cssText = "pointer-events: auto;", b(c, M), C.appendChild(M), s.appendChild(C), document.body.appendChild(s), k(), N(), q(), L();
   }
   function b(C, M) {
     const $ = C.querySelectorAll("th, td"), A = M.querySelectorAll("th, td");
@@ -4352,7 +4352,7 @@ function Ll(e) {
     for (; C; )
       C !== document.body && (C.scrollHeight > C.clientHeight || C.scrollWidth > C.clientWidth) && C.addEventListener("scroll", m, { passive: !0 }), C = C.parentElement;
   }
-  function V() {
+  function N() {
     d = new ResizeObserver(() => {
       if (c && s) {
         const C = s.querySelector("thead");
@@ -4393,7 +4393,7 @@ function Ll(e) {
     }
     d && (d.disconnect(), d = null), P && (P.disconnect(), P = null), a = null, c = null;
   }
-  function N() {
+  function V() {
     v();
   }
   return Te(o, (C) => {
@@ -4406,7 +4406,7 @@ function Ll(e) {
     o.value && setTimeout(v, 100);
   }), ao(() => {
     I();
-  }), { refresh: N, cleanup: I };
+  }), { refresh: V, cleanup: I };
 }
 const Dl = {
   key: 0,
@@ -4419,7 +4419,7 @@ const Dl = {
   class: "flex"
 }, Ul = /* @__PURE__ */ Me({
   __name: "DynamicWidget",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Ve({
     index: {
       type: Number,
       default: 0
@@ -4447,7 +4447,7 @@ const Dl = {
     } },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ne(["update:table-response"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Ve(["update:table-response"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = D(!0), o = ze(e, "modelValue"), r = t, s = o.value.widget.config, { t: a, te: c, locale: d } = st(), m = e, P = D(null), x = g(() => o.value.widget.type === te.Table), w = g(() => {
       var _;
@@ -4463,9 +4463,9 @@ const Dl = {
         return _ >= 0 ? _ : 0;
       } else
         return -1;
-    }), V = g(() => k.value !== 0), q = g(
+    }), N = g(() => k.value !== 0), q = g(
       () => k.value != ye.value.length - 1
-    ), I = D(s.showTitle ?? !0), N = D(s.titleFontSize ?? 14), C = D(s.titleBold ?? !1), M = D(s.titleItalic ?? !1), $ = D(s.titleUnderline ?? !1), A = D(
+    ), I = D(s.showTitle ?? !0), V = D(s.titleFontSize ?? 14), C = D(s.titleBold ?? !1), M = D(s.titleItalic ?? !1), $ = D(s.titleUnderline ?? !1), A = D(
       Array.isArray(s.chartColors) ? [...s.chartColors] : void 0
     ), X = D(
       Array.isArray(s.chartColorLayers) ? [...s.chartColorLayers] : void 0
@@ -4518,10 +4518,10 @@ const Dl = {
           case te.Table:
             return rl;
           default:
-            return Vn;
+            return Nn;
         }
       else
-        return Vn;
+        return Nn;
     }), l = D(null), { selectedLocationIds: p, dateRange: f, compareDateRange: h, timeRange: R } = Bt(en()), { globalFilters: O, isAllGlobalFiltersLoaded: E } = Bt(Eo()), { businessDataVersion: J } = Bt(en()), U = D(!0), j = g(() => {
       const _ = JSON.parse(JSON.stringify(o.value.widget));
       return {
@@ -4551,7 +4551,7 @@ const Dl = {
       return {
         data: l.value,
         showTitle: I.value,
-        titleFontSize: N.value,
+        titleFontSize: V.value,
         titleBold: C.value,
         titleItalic: M.value,
         titleUnderline: $.value,
@@ -4648,7 +4648,7 @@ const Dl = {
     Te(
       () => o.value.widget.config,
       (_) => {
-        b.value = _.rollup, I.value = _.showTitle ?? !0, N.value = _.titleFontSize ?? 14, C.value = _.titleBold ?? !1, M.value = _.titleItalic ?? !1, $.value = _.titleUnderline ?? !1, A.value = Array.isArray(_.chartColors) ? [..._.chartColors] : void 0, X.value = Array.isArray(_.chartColorLayers) ? [..._.chartColorLayers] : void 0, ee.value = Array.isArray(_.chartBreakdownColors) ? [..._.chartBreakdownColors] : void 0, Y.value = _.chartUseSecondaryMetricShades ?? !0, W.value = _.chartColorBinding, T.value = Array.isArray(_.lineStyles) ? [..._.lineStyles] : void 0, u.value = _.lineStyleBinding, y.value = _.showLabel ?? !1, B.value = _.labelAlign ?? yn.center, H.value = _.labelAnchor ?? vn.center, z.value = _.labelRotation ?? 0, S.value = _.labelOffset ?? 0, Z.value = _.labelFontSize ?? 12, oe.value = _.showX ?? !0, re.value = _.xPosition ?? bn.bottom, he.value = _.showXGrid ?? !1, le.value = _.showXTick ?? !0, pe.value = _.xTickFontSize ?? 12, Ce.value = _.showXTitle ?? !1, Fe.value = _.xTitle ?? "", Xe.value = _.xTitleFontSize ?? 12, et.value = _.showY ?? !0, ke.value = _.yPosition ?? Cn.left, wt.value = _.showYGrid ?? !1, Ye.value = _.showYTick ?? !0, tt.value = _.yTickFontSize ?? 12, it.value = _.showYTitle ?? !1, ut.value = _.yTitle ?? "", ct.value = _.yTitleFontSize ?? 12, dt.value = _.showLegend ?? void 0, Ee.value = _.legendPosition ?? xn.top, Ge.value = _.usePointStyle ?? !0, Ot.value = _.legendFontSize, qe.value = _.legendColor ?? "#6b6b6b", Ut.value = _.maxTooltipItems, Kt.value = _.stackBarOverlap ?? !1, Xt.value = _.rowHeight ?? null, _t.value = _.colWidths ?? null, F.value = Mt();
+        b.value = _.rollup, I.value = _.showTitle ?? !0, V.value = _.titleFontSize ?? 14, C.value = _.titleBold ?? !1, M.value = _.titleItalic ?? !1, $.value = _.titleUnderline ?? !1, A.value = Array.isArray(_.chartColors) ? [..._.chartColors] : void 0, X.value = Array.isArray(_.chartColorLayers) ? [..._.chartColorLayers] : void 0, ee.value = Array.isArray(_.chartBreakdownColors) ? [..._.chartBreakdownColors] : void 0, Y.value = _.chartUseSecondaryMetricShades ?? !0, W.value = _.chartColorBinding, T.value = Array.isArray(_.lineStyles) ? [..._.lineStyles] : void 0, u.value = _.lineStyleBinding, y.value = _.showLabel ?? !1, B.value = _.labelAlign ?? yn.center, H.value = _.labelAnchor ?? vn.center, z.value = _.labelRotation ?? 0, S.value = _.labelOffset ?? 0, Z.value = _.labelFontSize ?? 12, oe.value = _.showX ?? !0, re.value = _.xPosition ?? bn.bottom, he.value = _.showXGrid ?? !1, le.value = _.showXTick ?? !0, pe.value = _.xTickFontSize ?? 12, Ce.value = _.showXTitle ?? !1, Fe.value = _.xTitle ?? "", Xe.value = _.xTitleFontSize ?? 12, et.value = _.showY ?? !0, ke.value = _.yPosition ?? Cn.left, wt.value = _.showYGrid ?? !1, Ye.value = _.showYTick ?? !0, tt.value = _.yTickFontSize ?? 12, it.value = _.showYTitle ?? !1, ut.value = _.yTitle ?? "", ct.value = _.yTitleFontSize ?? 12, dt.value = _.showLegend ?? void 0, Ee.value = _.legendPosition ?? xn.top, Ge.value = _.usePointStyle ?? !0, Ot.value = _.legendFontSize, qe.value = _.legendColor ?? "#6b6b6b", Ut.value = _.maxTooltipItems, Kt.value = _.stackBarOverlap ?? !1, Xt.value = _.rowHeight ?? null, _t.value = _.colWidths ?? null, F.value = Mt();
       },
       { deep: !0, immediate: !0 }
     ), Te(
@@ -4689,7 +4689,7 @@ const Dl = {
       je.value.sm || je.value.md || je.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", Je)) : removeEventListener("resize", Je);
     });
     const Oe = Tn();
-    let Ve;
+    let Ne;
     async function Pe() {
       if (!m.isEditingStyle && !(O.value.length > 0 && !E.value)) {
         if (j.value.config.schemaNames.length <= 0 && !(j.value.config.dimensions.length <= 0 || j.value.config.metrics.length <= 0)) {
@@ -4700,8 +4700,8 @@ const Dl = {
           return;
         }
         try {
-          n.value = !0, Ve && Ve.abort(), Ve = new AbortController();
-          const _ = Ve.signal, ce = J.value, Ie = await hn(
+          n.value = !0, Ne && Ne.abort(), Ne = new AbortController();
+          const _ = Ne.signal, ce = J.value, Ie = await hn(
             Go,
             500
           )({
@@ -4784,14 +4784,14 @@ const Dl = {
                           I.value !== !1 ? (K(), ae("p", {
                             key: 0,
                             style: Le({
-                              fontSize: N.value + "px",
+                              fontSize: V.value + "px",
                               fontWeight: C.value ? "bold" : "normal",
                               fontStyle: M.value ? "italic" : "normal",
                               paddingRight: M.value ? "4px" : "0px",
                               textDecoration: $.value ? "underline" : "none"
                             }),
                             class: _e(["text-fm-color-typo-secondary line-clamp-1", [
-                              N.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              V.value <= 18 ? "fm-typo-en-body-md-400" : "",
                               j.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
                           }, Se(i(at)(i(a), i(c), j.value.title, "other")), 7)) : fe("", !0)
@@ -4816,7 +4816,7 @@ const Dl = {
                         ue(ft, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !V.value,
+                          disabled: !N.value,
                           onClick: sn
                         }, null, 8, ["disabled"]),
                         ue(ft, {