@feedmepos/mf-report 5.19.8-beta.1 → 5.19.8-beta.2

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-DiBpQb7o.js → DynamicWidget.vue_vue_type_script_setup_true_lang-D_bXyyNL.js}

@@ -1,5 +1,5 @@
-import { computed as g, defineComponent as le, mergeModels as he, useModel as oe, ref as d, onMounted as be, nextTick as J, watch as G, resolveComponent as E, createElementBlock as U, openBlock as W, Fragment as ue, renderSlot as we, createVNode as P, normalizeStyle as de, unref as o, createElementVNode as M, toDisplayString as De, withCtx as Y, createBlock as j, createCommentVNode as ye, normalizeClass as Me, h as Pe, renderList as _t, toRaw as ea, markRaw as ta, createTextVNode as aa, onUnmounted as la, resolveDynamicComponent as oa, withDirectives as na, vShow as sa } from "vue";
-import { W as T, d as Ve, e as ra, S as We, v as Ie, f as ia, g as je, h as Ft, q as ca, R as Fe, i as ua } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Wsp8VGv0.js";
+import { computed as f, defineComponent as ne, mergeModels as he, useModel as se, ref as u, onMounted as we, nextTick as J, watch as G, resolveComponent as H, createElementBlock as U, openBlock as W, Fragment as ue, renderSlot as xe, createVNode as B, normalizeStyle as de, unref as o, createElementVNode as M, toDisplayString as We, withCtx as Y, createBlock as j, createCommentVNode as be, normalizeClass as Me, h as Be, renderList as _t, toRaw as ea, markRaw as ta, createTextVNode as aa, onUnmounted as la, resolveDynamicComponent as oa, withDirectives as na, vShow as sa } from "vue";
+import { W as _, d as Ve, e as ra, S as De, v as Ie, f as ia, g as je, h as Ft, q as ca, R as Fe, i as ua } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Wsp8VGv0.js";
 import { u as Ne, b as ot, a as nt } from "./vue-i18n-B-WkKyGH.js";
 import { a as Ct } from "./helper-BYQmOCI_.js";
 import { storeToRefs as Ee, defineStore as da } from "pinia";
@@ -7,11 +7,11 @@ import { useBreakpoints as Rt, useSnackbar as st, components as ha } from "@feed
 import { a as ma } from "./SelectComponent.vue_vue_type_script_setup_true_lang-wbYOXNgr.js";
 import { r as Re } from "./i18n-Cif1I9J2.js";
 import { _ as St } from "./NoData.vue_vue_type_script_setup_true_lang-CAGjM94B.js";
-var Ze = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Ze || {}), ge = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(ge || {}), Qe = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Qe || {}), et = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(et || {}), tt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(tt || {}), at = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(at || {}), lt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(lt || {});
-T.Circular, T.Table, T.BarChart, T.LineChart, T.StackBarChart, T.StackLineChart, T.Scorecard, T.Spacer;
+var Ze = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Ze || {}), ye = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(ye || {}), Qe = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Qe || {}), et = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(et || {}), tt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(tt || {}), at = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(at || {}), lt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(lt || {});
+_.Circular, _.Table, _.BarChart, _.LineChart, _.StackBarChart, _.StackLineChart, _.Scorecard, _.Spacer;
 const pa = [
   {
-    type: T.Circular,
+    type: _.Circular,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -19,14 +19,14 @@ const pa = [
     showSearchBar: !1
   },
   {
-    type: T.Table,
+    type: _.Table,
     showLabel: !1,
     showDrillDimension: !0,
     showRollup: !0,
     showSearchBar: !0
   },
   {
-    type: T.BarChart,
+    type: _.BarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -34,7 +34,7 @@ const pa = [
     showSearchBar: !1
   },
   {
-    type: T.LineChart,
+    type: _.LineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -42,7 +42,7 @@ const pa = [
     showSearchBar: !1
   },
   {
-    type: T.StackBarChart,
+    type: _.StackBarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -50,7 +50,7 @@ const pa = [
     showSearchBar: !1
   },
   {
-    type: T.StackLineChart,
+    type: _.StackLineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -58,14 +58,14 @@ const pa = [
     showSearchBar: !1
   },
   {
-    type: T.Scorecard,
+    type: _.Scorecard,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
     showSearchBar: !1
   },
   {
-    type: T.Spacer,
+    type: _.Spacer,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
@@ -78,18 +78,18 @@ function Je(e) {
 }
 function fa(e, n) {
   switch (e) {
-    case T.BarChart:
-    case T.LineChart:
-    case T.StackBarChart:
-    case T.StackLineChart:
+    case _.BarChart:
+    case _.LineChart:
+    case _.StackBarChart:
+    case _.StackLineChart:
       return Array.isArray(n == null ? void 0 : n.datasets) && Array.isArray(n == null ? void 0 : n.xAxis) && n.datasets.length > 0 && n.xAxis.length > 0;
-    case T.Table:
+    case _.Table:
       return Array.isArray(n == null ? void 0 : n.rows) && Array.isArray(n == null ? void 0 : n.columns) && n.rows.length > 0 && n.columns.length > 0;
-    case T.Circular:
+    case _.Circular:
       return Array.isArray(n == null ? void 0 : n.datasets) && n.datasets.length > 0;
-    case T.Scorecard:
+    case _.Scorecard:
       return !0;
-    case T.Spacer:
+    case _.Spacer:
       return !0;
   }
 }
@@ -115,24 +115,24 @@ const kt = [
   "155, 80, 70"
   //9B5046
 ];
-function ae({
+function oe({
   index: e,
   isCompare: n,
-  opacity: p
+  opacity: m
 }) {
-  let t = typeof p == "number" ? p : 1;
+  let t = typeof m == "number" ? m : 1;
   return n && (t = t * 0.6), `rgba(${kt[e % kt.length]}, ${t})`;
 }
-function zt(e, n, p) {
+function zt(e, n, m) {
   if (e === "" || n === "")
     return null;
-  let t = (_) => _ == null ? void 0 : _.replace(/,/g, "");
-  p === "ID" && (t = (_) => _ == null ? void 0 : _.replace(/\./g, "").replace(/,/g, "."));
-  const w = Number(t(e)), F = Number(t(n));
-  if (isNaN(w) || isNaN(F))
+  let t = (F) => F == null ? void 0 : F.replace(/,/g, "");
+  m === "ID" && (t = (F) => F == null ? void 0 : F.replace(/\./g, "").replace(/,/g, "."));
+  const w = Number(t(e)), R = Number(t(n));
+  if (isNaN(w) || isNaN(R))
     return null;
   let C = 0;
-  F === 0 ? w === 0 ? C = 0 : C = 1 : C = (w - F) / F;
+  R === 0 ? w === 0 ? C = 0 : C = 1 : C = (w - R) / R;
   const S = va(C);
   return {
     value: isNaN(C) ? "" : `${(C * 100).toFixed(0)}%`,
@@ -160,12 +160,12 @@ function He(e) {
     const r = "…";
     let x = 0, b = c.length;
     for (; x < b; ) {
-      const f = Math.floor((x + b) / 2), m = c.slice(0, f) + r;
-      s.measureText(m).width <= i ? x = f + 1 : b = f;
+      const v = Math.floor((x + b) / 2), h = c.slice(0, v) + r;
+      s.measureText(h).width <= i ? x = v + 1 : b = v;
     }
     return c.slice(0, x - 1) + r;
   }
-  const p = g(() => ({
+  const m = f(() => ({
     display: e.showLabel,
     align: e.labelAlign,
     anchor: e.labelAnchor,
@@ -179,7 +179,7 @@ function He(e) {
       return c.borderColor ? Array.isArray(c.borderColor) ? c.borderColor[s.dataIndex] : c.borderColor : c.backgroundColor ? Array.isArray(c.backgroundColor) ? c.backgroundColor[s.dataIndex] : c.backgroundColor : "#000";
     },
     formatter: (s) => s === 0 ? "" : s.toLocaleString("en-US")
-  })), t = g(() => ({
+  })), t = f(() => ({
     display: e.showX,
     position: e.xPosition,
     grid: {
@@ -192,10 +192,10 @@ function He(e) {
         let i = String(s);
         const r = this;
         r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(s));
-        const x = r == null ? void 0 : r.chart, b = r == null ? void 0 : r.ctx, f = x.height * 0.25;
-        if (b && f > 0) {
+        const x = r == null ? void 0 : r.chart, b = r == null ? void 0 : r.ctx, v = x.height * 0.25;
+        if (b && v > 0) {
           b.save();
-          const L = b.measureText(i).width > f ? n(b, i, f) : i;
+          const L = b.measureText(i).width > v ? n(b, i, v) : i;
           return b.restore(), L;
         }
         return i;
@@ -223,7 +223,7 @@ function He(e) {
         s.height > c && (s.height = c);
       }
     }
-  })), w = g(() => ({
+  })), w = f(() => ({
     display: e.showY,
     position: e.yPosition,
     grid: {
@@ -239,10 +239,10 @@ function He(e) {
         let i = String(s);
         const r = this;
         r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(s));
-        const x = r == null ? void 0 : r.chart, b = r == null ? void 0 : r.ctx, f = x.width * 0.4;
-        if (b && f > 0) {
+        const x = r == null ? void 0 : r.chart, b = r == null ? void 0 : r.ctx, v = x.width * 0.4;
+        if (b && v > 0) {
           b.save();
-          const L = b.measureText(i).width > f ? n(b, i, f) : i;
+          const L = b.measureText(i).width > v ? n(b, i, v) : i;
           return b.restore(), L;
         }
         return i;
@@ -255,7 +255,7 @@ function He(e) {
         size: e.yTitleFontSize
       }
     }
-  })), F = g(() => ({
+  })), R = f(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle,
@@ -269,16 +269,16 @@ function He(e) {
         if (c.length === 0) return [];
         if (c.length === 1 && Array.isArray(c[0].backgroundColor) && c[0].backgroundColor.length > 1 && Array.isArray(c[0].data)) {
           const r = c[0];
-          return s.data.labels.map((b, f) => {
-            const m = r.backgroundColor[f];
+          return s.data.labels.map((b, v) => {
+            const h = r.backgroundColor[v];
             return {
               text: b,
               fontColor: "#6b6b6b",
-              fillStyle: m,
-              strokeStyle: m,
+              fillStyle: h,
+              strokeStyle: h,
               datasetIndex: 0,
-              index: f,
-              hidden: s.getDataVisibility ? !s.getDataVisibility(f) : !1
+              index: v,
+              hidden: s.getDataVisibility ? !s.getDataVisibility(v) : !1
             };
           });
         }
@@ -295,10 +295,10 @@ function He(e) {
         });
       }
     }
-  })), C = g(() => e.isTransposed), S = g(() => e.chartWidth), _ = g(() => e.chartHeight);
-  return { datalabels: p, xCfg: t, yCfg: w, isTransposed: C, legend: F, chartWidth: S, chartHeight: _ };
+  })), C = f(() => e.isTransposed), S = f(() => e.chartWidth), F = f(() => e.chartHeight);
+  return { datalabels: m, xCfg: t, yCfg: w, isTransposed: C, legend: R, chartWidth: S, chartHeight: F };
 }
-const ga = /* @__PURE__ */ le({
+const ga = /* @__PURE__ */ ne({
   __name: "WidgetBarchart",
   props: /* @__PURE__ */ he({
     tileIndex: {}
@@ -308,43 +308,43 @@ const ga = /* @__PURE__ */ le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, p = oe(e, "modelValue"), t = d(null), w = g(() => {
-      var m;
-      return ((m = p.value.data) == null ? void 0 : m.xAxis) ?? [];
-    }), F = g(() => {
-      var m;
-      return ((m = p.value.data) == null ? void 0 : m.datasets) ?? [];
-    }), { datalabels: C, xCfg: S, yCfg: _, isTransposed: s, legend: c, chartWidth: i, chartHeight: r } = He(
-      p.value
-    ), x = g(() => F.value.length > 0 ? [
-      ...F.value.map((m, L) => ({
-        label: m.name,
-        data: m.values,
-        dash: !!m.isCompare,
-        backgroundColor: ae({ index: L, isCompare: m.isCompare })
+    const n = e, m = se(e, "modelValue"), t = u(null), w = f(() => {
+      var h;
+      return ((h = m.value.data) == null ? void 0 : h.xAxis) ?? [];
+    }), R = f(() => {
+      var h;
+      return ((h = m.value.data) == null ? void 0 : h.datasets) ?? [];
+    }), { datalabels: C, xCfg: S, yCfg: F, isTransposed: s, legend: c, chartWidth: i, chartHeight: r } = He(
+      m.value
+    ), x = f(() => R.value.length > 0 ? [
+      ...R.value.map((h, L) => ({
+        label: h.name,
+        data: h.values,
+        dash: !!h.isCompare,
+        backgroundColor: oe({ index: L, isCompare: h.isCompare })
       }))
     ] : []), b = Ve();
-    function f() {
+    function v() {
       return b.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return be(() => {
+    return we(() => {
       J(() => {
-        f();
+        v();
       });
     }), G([x], () => {
-      J(() => f());
-    }), (m, L) => {
-      const h = E("FmBarChart");
+      J(() => v());
+    }), (h, L) => {
+      const d = H("FmBarChart");
       return W(), U(ue, null, [
-        we(m.$slots, "menu"),
-        P(h, {
+        xe(h.$slots, "menu"),
+        B(d, {
           ref_key: "chartRef",
           ref: t,
           class: "bar-chart",
           datasets: x.value,
           "x-axis": { categories: w.value },
           "x-cfg": o(S),
-          "y-cfg": o(_),
+          "y-cfg": o(F),
           transpose: o(s),
           legend: {
             display: o(c).display ?? !1,
@@ -363,7 +363,7 @@ const ga = /* @__PURE__ */ le({
       ], 64);
     };
   }
-}), ya = /* @__PURE__ */ le({
+}), ya = /* @__PURE__ */ ne({
   __name: "WidgetCircular",
   props: /* @__PURE__ */ he({
     tileIndex: {}
@@ -373,38 +373,38 @@ const ga = /* @__PURE__ */ le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, p = oe(e, "modelValue"), { breakpoints: t } = Rt(), w = d(null), { datalabels: F, legend: C, chartWidth: S, chartHeight: _ } = He(p.value), s = g(() => {
+    const n = e, m = se(e, "modelValue"), { breakpoints: t } = Rt(), w = u(null), { datalabels: R, legend: C, chartWidth: S, chartHeight: F } = He(m.value), s = f(() => {
       let x = [];
-      return p.value.data.datasets && p.value.data.metrics && p.value.data.datasets.length > 0 && p.value.data.metrics.length > 0 && (x = [
+      return m.value.data.datasets && m.value.data.metrics && m.value.data.datasets.length > 0 && m.value.data.metrics.length > 0 && (x = [
         {
-          label: p.value.data.metrics[0],
-          data: p.value.data.datasets.map((b) => b.value),
-          backgroundColor: p.value.data.datasets.map((b, f) => ae({ index: f }))
+          label: m.value.data.metrics[0],
+          data: m.value.data.datasets.map((b) => b.value),
+          backgroundColor: m.value.data.datasets.map((b, v) => oe({ index: v }))
         }
       ]), x;
     }), c = Ve();
     function i() {
       return c.extractChartSize(w.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    be(() => {
+    we(() => {
       J(() => {
         i();
       });
     }), G([s], () => {
       J(() => i());
     });
-    const r = g(() => t.value.lg ? 12 : 8);
+    const r = f(() => t.value.lg ? 12 : 8);
     return (x, b) => {
-      const f = E("FmPieChart");
+      const v = H("FmPieChart");
       return W(), U(ue, null, [
-        we(x.$slots, "menu"),
-        P(f, {
+        xe(x.$slots, "menu"),
+        B(v, {
           ref_key: "chartRef",
           ref: w,
           class: "circular",
           percentage: "70%",
           datasets: s.value,
-          metrics: p.value.data.datasets.map((m) => m.name),
+          metrics: m.value.data.datasets.map((h) => h.name),
           variant: "doughnut",
           legend: {
             display: o(C).display ?? !0,
@@ -418,17 +418,17 @@ const ga = /* @__PURE__ */ le({
               }
             }
           },
-          datalabels: o(F),
+          datalabels: o(R),
           "maintain-aspect-ratio": !1,
           style: de({
             "--chart-width": o(S) !== void 0 ? o(S) + "px" : "100%",
-            "--chart-height": o(_) !== void 0 ? o(_) + "px" : "calc(100% - 36px)"
+            "--chart-height": o(F) !== void 0 ? o(F) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), ba = { class: "flex flex-col gap-1" }, wa = { class: "fm-typo-en-title-sm-600" }, xa = { class: "flex gap-2" }, Ca = { key: 0 }, Sa = { key: 1 }, ka = /* @__PURE__ */ le({
+}), ba = { class: "flex flex-col gap-1" }, wa = { class: "fm-typo-en-title-sm-600" }, xa = { class: "flex gap-2" }, Ca = { key: 0 }, Sa = { key: 1 }, ka = /* @__PURE__ */ ne({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -436,14 +436,14 @@ const ga = /* @__PURE__ */ le({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = oe(e, "modelValue"), { t: p } = Ne(), { compareDateRange: t, defaultDateSetting: w } = Ee(ot()), { country: F } = nt(), C = g(() => {
+    const n = se(e, "modelValue"), { t: m } = Ne(), { compareDateRange: t, defaultDateSetting: w } = Ee(ot()), { country: R } = nt(), C = f(() => {
       var i;
       return ((i = n.value.data) == null ? void 0 : i.value) || "";
-    }), S = g(() => {
+    }), S = f(() => {
       const { data: i } = n.value;
-      return i != null && i.comparison ? zt(C.value, i.comparison, F) : null;
+      return i != null && i.comparison ? zt(C.value, i.comparison, R) : null;
     });
-    function _(i) {
+    function F(i) {
       switch (i) {
         case Ze.bar:
           return "bar";
@@ -453,10 +453,10 @@ const ga = /* @__PURE__ */ le({
           return "line";
       }
     }
-    const s = g(() => {
+    const s = f(() => {
       var i;
       return (i = n.value.data) == null ? void 0 : i.sparkline;
-    }), c = g(() => s.value.datasets.map((i) => ({
+    }), c = f(() => s.value.datasets.map((i) => ({
       label: i.name,
       data: i.values,
       fill: !0,
@@ -464,12 +464,12 @@ const ga = /* @__PURE__ */ le({
     })));
     return (i, r) => {
       var L;
-      const x = E("FmIcon"), b = E("FmChip"), f = E("FmTooltip"), m = E("FmLineChart");
+      const x = H("FmIcon"), b = H("FmChip"), v = H("FmTooltip"), h = H("FmLineChart");
       return W(), U("div", ba, [
-        we(i.$slots, "menu"),
-        M("p", wa, De(C.value), 1),
+        xe(i.$slots, "menu"),
+        M("p", wa, We(C.value), 1),
         M("div", xa, [
-          P(f, {
+          B(v, {
             content: `vs. ${(L = o(w).defaultCompareType) == null ? void 0 : L.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
@@ -483,36 +483,36 @@ const ga = /* @__PURE__ */ le({
                 compact: ""
               }, {
                 default: Y(() => [
-                  P(x, {
+                  B(x, {
                     name: S.value.icon.name,
                     color: S.value.icon.color
                   }, null, 8, ["name", "color"]),
                   M("p", {
                     class: "fm-typo-en-body-md-600",
                     style: de({ color: S.value.icon.color })
-                  }, De(S.value.value), 5)
+                  }, We(S.value.value), 5)
                 ]),
                 _: 1
-              }, 8, ["icon", "class"])) : ye("", !0),
+              }, 8, ["icon", "class"])) : be("", !0),
               o(t).endDate !== null && o(t).startDate !== null && S.value === null ? (W(), j(b, {
                 key: 1,
                 compact: ""
               }, {
                 default: Y(() => [
-                  P(x, {
+                  B(x, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
                   r[0] || (r[0] = M("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
                 ]),
                 _: 1
-              })) : ye("", !0)
+              })) : be("", !0)
             ]),
             _: 1
           }, 8, ["content"])
         ]),
         s.value ? (W(), U("div", Ca, [
-          _(s.value.type) === "line" ? (W(), j(m, {
+          F(s.value.type) === "line" ? (W(), j(h, {
             key: 0,
             class: "sparkline",
             datasets: c.value,
@@ -524,7 +524,7 @@ const ga = /* @__PURE__ */ le({
             "y-cfg": { display: !1 },
             "x-cfg": { display: !1 },
             "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis"])) : ye("", !0)
+          }, null, 8, ["datasets", "x-axis"])) : be("", !0)
         ])) : (W(), U("div", Sa, r[1] || (r[1] = [
           M("div", { class: "sparkline" }, [
             M("div", { class: "flex flex-col gap-8" }, [
@@ -539,153 +539,153 @@ const ga = /* @__PURE__ */ le({
   }
 }), Ta = {};
 function _a(e, n) {
-  const p = E("FmMenuDivider");
-  return W(), j(p);
+  const m = H("FmMenuDivider");
+  return W(), j(m);
 }
 const Fa = /* @__PURE__ */ ma(Ta, [["render", _a]]), Ra = "mf-reporttable-dimension", Tt = da(Ra, () => {
-  const e = d(0), n = d([]), p = d(!1), t = (h, l) => {
-    e.value = h, F(h, l);
-  }, w = (h, l, y, v) => {
-    n[h] = l, n.value = [...n.value], C(h, l, y, v);
-  }, F = (h, l) => {
-    const y = (l == null ? void 0 : l.querySelectorAll("thead tr")) ?? [], v = (l == null ? void 0 : l.querySelectorAll("tbody tr")) ?? [];
-    [...y, ...v].forEach((D) => {
-      const $ = D;
-      $ && ($.style.height = `${h}px`);
+  const e = u(0), n = u([]), m = u(!1), t = (d, l) => {
+    e.value = d, R(d, l);
+  }, w = (d, l, y, g) => {
+    n[d] = l, n.value = [...n.value], C(d, l, y, g);
+  }, R = (d, l) => {
+    const y = (l == null ? void 0 : l.querySelectorAll("thead tr")) ?? [], g = (l == null ? void 0 : l.querySelectorAll("tbody tr")) ?? [];
+    [...y, ...g].forEach((V) => {
+      const $ = V;
+      $ && ($.style.height = `${d}px`);
     });
-  }, C = (h, l, y, v = !1) => {
+  }, C = (d, l, y, g = !1) => {
     const k = (y == null ? void 0 : y.querySelectorAll("th")) ?? [];
-    if (h === void 0) return;
-    const D = k[h], $ = v ? n[h] : l;
-    if (!D || $ === void 0) return;
-    const B = () => {
-      D.style.width = `${$}px`;
+    if (d === void 0) return;
+    const V = k[d], $ = g ? n[d] : l;
+    if (!V || $ === void 0) return;
+    const P = () => {
+      V.style.width = `${$}px`;
     };
-    v ? requestAnimationFrame(B) : B();
+    g ? requestAnimationFrame(P) : P();
   }, S = () => {
-    const h = document.querySelectorAll("th"), l = document.querySelectorAll("td"), y = document.querySelector("table");
-    y == null || y.classList.add("table-fixed"), h.forEach((v) => v.classList.add("toggleEditResize")), l.forEach((v) => v.classList.add("toggleEditResize")), p.value = !0;
-  }, _ = () => {
-    const h = document.querySelectorAll("th"), l = document.querySelectorAll("td"), y = document.querySelectorAll(".col-resize-handle"), v = document.querySelectorAll(".row-resize-handle");
-    h.forEach((k) => k.classList.remove("toggleEditResize")), l.forEach((k) => k.classList.remove("toggleEditResize")), y.forEach((k) => k.remove()), v.forEach((k) => k.remove()), p.value = !1;
+    const d = document.querySelectorAll("th"), l = document.querySelectorAll("td"), y = document.querySelector("table");
+    y == null || y.classList.add("table-fixed"), d.forEach((g) => g.classList.add("toggleEditResize")), l.forEach((g) => g.classList.add("toggleEditResize")), m.value = !0;
+  }, F = () => {
+    const d = document.querySelectorAll("th"), l = document.querySelectorAll("td"), y = document.querySelectorAll(".col-resize-handle"), g = document.querySelectorAll(".row-resize-handle");
+    d.forEach((k) => k.classList.remove("toggleEditResize")), l.forEach((k) => k.classList.remove("toggleEditResize")), y.forEach((k) => k.remove()), g.forEach((k) => k.remove()), m.value = !1;
   }, s = () => {
     e.value = 0, n.value = [];
-  }, c = (h, l) => {
+  }, c = (d, l) => {
     if (l) {
-      const y = document.querySelectorAll(`thead th:nth-child(${h + 1})`), v = document.querySelectorAll(`tbody td:nth-child(${h + 1})`);
-      [...y, ...v].forEach((k) => {
+      const y = document.querySelectorAll(`thead th:nth-child(${d + 1})`), g = document.querySelectorAll(`tbody td:nth-child(${d + 1})`);
+      [...y, ...g].forEach((k) => {
         k.classList.add("highlight-hover-col");
       });
     } else
       document.querySelectorAll(
-        `thead th:nth-child(${h + 1}), tbody td:nth-child(${h + 1})`
+        `thead th:nth-child(${d + 1}), tbody td:nth-child(${d + 1})`
       ).forEach((y) => y.classList.add("highlight-col"));
-  }, i = (h) => {
-    const l = document.querySelectorAll("thead tr"), y = document.querySelectorAll("tbody tr"), v = [...l, ...y];
-    for (const k of v)
-      h ? k.classList.add("highlight-hover-row") : k.classList.add("highlight-row");
-  }, r = (h) => {
-    const l = h ? ".highlight-hover-row" : ".highlight-row", y = document.querySelectorAll(l);
-    for (const v of y)
-      v.classList.remove(l.slice(1));
-  }, x = (h) => {
-    h ? document.querySelectorAll(".highlight-hover-col").forEach((l) => {
+  }, i = (d) => {
+    const l = document.querySelectorAll("thead tr"), y = document.querySelectorAll("tbody tr"), g = [...l, ...y];
+    for (const k of g)
+      d ? k.classList.add("highlight-hover-row") : k.classList.add("highlight-row");
+  }, r = (d) => {
+    const l = d ? ".highlight-hover-row" : ".highlight-row", y = document.querySelectorAll(l);
+    for (const g of y)
+      g.classList.remove(l.slice(1));
+  }, x = (d) => {
+    d ? document.querySelectorAll(".highlight-hover-col").forEach((l) => {
       l.classList.remove("highlight-hover-col");
     }) : document.querySelectorAll(".highlight-col").forEach((l) => l.classList.remove("highlight-col"));
-  }, b = (h, l) => {
-    const y = /* @__PURE__ */ new Map(), v = h.clientX, k = h.target.closest("table"), D = k == null ? void 0 : k.querySelectorAll("th")[l], $ = D == null ? void 0 : D.getBoundingClientRect().width, B = y.get(l) ? n[l.toString()] || 60 : (y.set(l, !0), $ || n[l.toString()] || 60), N = D == null ? void 0 : D.querySelector("p");
+  }, b = (d, l) => {
+    const y = /* @__PURE__ */ new Map(), g = d.clientX, k = d.target.closest("table"), V = k == null ? void 0 : k.querySelectorAll("th")[l], $ = V == null ? void 0 : V.getBoundingClientRect().width, P = y.get(l) ? n[l.toString()] || 60 : (y.set(l, !0), $ || n[l.toString()] || 60), N = V == null ? void 0 : V.querySelector("p");
     if (!N) return;
-    const ne = N.textContent || "", K = window.getComputedStyle(N), Z = `${K.fontWeight} ${K.fontSize} ${K.fontFamily}`, u = document.createElement("canvas").getContext("2d");
-    if (!u) return;
-    u.font = Z;
-    const R = u.measureText(ne), V = window.getComputedStyle(D), A = parseFloat(V.paddingLeft || "0"), H = parseFloat(V.paddingRight || "0"), z = R.width + A + H;
+    const re = N.textContent || "", Z = window.getComputedStyle(N), ie = `${Z.fontWeight} ${Z.fontSize} ${Z.fontFamily}`, ee = document.createElement("canvas").getContext("2d");
+    if (!ee) return;
+    ee.font = ie;
+    const p = ee.measureText(re), T = window.getComputedStyle(V), E = parseFloat(T.paddingLeft || "0"), A = parseFloat(T.paddingRight || "0"), D = p.width + E + A;
     c(l, !1);
-    const O = (re) => {
-      const Q = re.clientX - v, ee = Math.max(z, B + Q);
+    const z = (te) => {
+      const ae = te.clientX - g, Q = Math.max(D, P + ae);
       if (k) {
-        w(l, ee, k, !0);
-        let ie = 0;
-        k.querySelectorAll("th").forEach((me, pe) => {
-          ie += pe === l ? ee : n[pe] || me.getBoundingClientRect().width;
-        }), k.classList.remove("w-full"), k.style.width = `${ie}px`;
+        w(l, Q, k, !0);
+        let K = 0;
+        k.querySelectorAll("th").forEach((pe, fe) => {
+          K += fe === l ? Q : n[fe] || pe.getBoundingClientRect().width;
+        }), k.classList.remove("w-full"), k.style.width = `${K}px`;
         const ce = k == null ? void 0 : k.parentElement;
         if (ce) {
-          const me = ce.scrollWidth, pe = ce.scrollLeft;
-          ce.offsetWidth + pe >= me - 100 && (ce.scrollLeft = me);
+          const pe = ce.scrollWidth, fe = ce.scrollLeft;
+          ce.offsetWidth + fe >= pe - 100 && (ce.scrollLeft = pe);
         }
       }
-    }, se = () => {
-      const re = (k == null ? void 0 : k.querySelectorAll("th")) ?? [], Q = [...n.value];
-      re.forEach((ee, ie) => {
-        const Ce = ee.getBoundingClientRect().width;
-        n[ie] = Ce, Q[ie] = Ce;
-      }), n.value = Q, x(!1), document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", se);
+    }, O = () => {
+      const te = (k == null ? void 0 : k.querySelectorAll("th")) ?? [], ae = [...n.value];
+      te.forEach((Q, K) => {
+        const Ce = Q.getBoundingClientRect().width;
+        n[K] = Ce, ae[K] = Ce;
+      }), n.value = ae, x(!1), document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", O);
     };
-    document.addEventListener("mousemove", O), document.addEventListener("mouseup", se);
-  }, f = (h) => {
-    const l = h.clientY, y = h.target.closest("table"), v = e.value || 48;
+    document.addEventListener("mousemove", z), document.addEventListener("mouseup", O);
+  }, v = (d) => {
+    const l = d.clientY, y = d.target.closest("table"), g = e.value || 48;
     i(!1);
     const k = ($) => {
-      const B = Math.max(30, v + ($.clientY - l));
-      y && t(B, y);
-    }, D = () => {
-      r(!1), document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", D);
+      const P = Math.max(30, g + ($.clientY - l));
+      y && t(P, y);
+    }, V = () => {
+      r(!1), document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", V);
     };
-    document.addEventListener("mousemove", k), document.addEventListener("mouseup", D);
+    document.addEventListener("mousemove", k), document.addEventListener("mouseup", V);
   };
   return {
     rowHeight: e,
     colWidths: n,
-    isEditing: p,
+    isEditing: m,
     updateRowHeight: t,
     updateColWidth: w,
-    setRowHeights: F,
+    setRowHeights: R,
     setColWidths: C,
     enableEditMode: S,
-    disableEditMode: _,
+    disableEditMode: F,
     resetStore: s,
     highlightCol: c,
     highlightRows: i,
     removeRowHighlight: r,
     removeColHighlight: x,
     resizeCol: b,
-    resizeRow: f,
+    resizeRow: v,
     enableCellResizing: () => {
-      const h = document.querySelector("thead"), l = document.querySelectorAll("thead tr"), y = document.querySelectorAll("tbody tr"), v = [...l, ...y];
-      h && h.classList.remove("sticky");
-      const k = (D, $) => {
-        const B = document.createElement("div");
-        return B.className = `${D}-resize-handle`, D === "col" ? (B.addEventListener("mouseenter", () => c($, !0)), B.addEventListener("mouseleave", () => x(!0)), B.addEventListener("mousedown", (N) => {
+      const d = document.querySelector("thead"), l = document.querySelectorAll("thead tr"), y = document.querySelectorAll("tbody tr"), g = [...l, ...y];
+      d && d.classList.remove("sticky");
+      const k = (V, $) => {
+        const P = document.createElement("div");
+        return P.className = `${V}-resize-handle`, V === "col" ? (P.addEventListener("mouseenter", () => c($, !0)), P.addEventListener("mouseleave", () => x(!0)), P.addEventListener("mousedown", (N) => {
           N.stopPropagation(), b(N, $);
-        })) : (B.addEventListener("mouseenter", () => i(!0)), B.addEventListener("mouseleave", () => r(!0)), B.addEventListener("mousedown", (N) => {
-          N.stopPropagation(), f(N);
-        })), B;
+        })) : (P.addEventListener("mouseenter", () => i(!0)), P.addEventListener("mouseleave", () => r(!0)), P.addEventListener("mousedown", (N) => {
+          N.stopPropagation(), v(N);
+        })), P;
       };
-      v.forEach((D) => {
-        const $ = D.closest("thead") !== null;
-        D.querySelectorAll($ ? "th" : "td").forEach((N, ne) => {
-          const K = k("col", ne), Z = k("row", ne);
-          N.appendChild(K), N.appendChild(Z);
+      g.forEach((V) => {
+        const $ = V.closest("thead") !== null;
+        V.querySelectorAll($ ? "th" : "td").forEach((N, re) => {
+          const Z = k("col", re), ie = k("row", re);
+          N.appendChild(Z), N.appendChild(ie);
         });
       }), S();
     },
     cancelResizingChanges: () => {
-      _();
+      F();
     }
   };
 });
 function Ke(e) {
   if (e == null || e === "")
     return "";
-  const n = String(e), p = Number(n);
-  if (isNaN(p)) return n;
-  const [t, w] = n.split("."), F = new Intl.NumberFormat("en-US").format(Number(t));
-  return w !== void 0 ? `${F}.${w}` : F;
+  const n = String(e), m = Number(n);
+  if (isNaN(m)) return n;
+  const [t, w] = n.split("."), R = new Intl.NumberFormat("en-US").format(Number(t));
+  return w !== void 0 ? `${R}.${w}` : R;
 }
 const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }, Aa = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
-}, Wa = { class: "font-bold" }, Da = { class: "text-fm-color-neutral-gray-300" }, Ea = /* @__PURE__ */ le({
+}, Da = { class: "font-bold" }, Wa = { class: "text-fm-color-neutral-gray-300" }, Ea = /* @__PURE__ */ ne({
   __name: "WidgetTable",
   props: /* @__PURE__ */ he({
     tileIndex: {}
@@ -695,156 +695,157 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n, te: p } = Ne(), t = oe(e, "modelValue"), { country: w } = nt(), { clearTileSorts: F, setTileSorts: C } = ra(), S = st(), _ = e, s = d([]), { isEditing: c, colWidths: i, rowHeight: r } = Ee(Tt()), { setColWidths: x, setRowHeights: b, enableCellResizing: f } = Tt(), m = d(null), L = g(() => {
-      var u;
-      return ((u = t.value.data) == null ? void 0 : u.columns) || [{ label: "", key: "" }];
-    }), h = g(() => {
-      var u;
-      return ((u = t.value.data) == null ? void 0 : u.rows) || [];
-    }), l = g(() => t.value.filterText), y = g(() => {
-      var u, R;
-      if (!(l.value && l.value.trim().length > 0 || !((u = h.value[0]) != null && u.isRollup) && !((R = h.value[h.value.length - 1]) != null && R.isRollup))) {
-        if (t.value.rollupPosition === ge.top || t.value.rollupPosition === void 0)
-          return ge.top;
-        if (t.value.rollupPosition === ge.bottom)
-          return ge.bottom;
+    const { t: n, te: m } = Ne(), t = se(e, "modelValue"), { country: w } = nt(), { clearTileSorts: R, setTileSorts: C } = ra(), S = st(), F = e, s = u([]), { isEditing: c, colWidths: i, rowHeight: r } = Ee(Tt()), { setColWidths: x, setRowHeights: b, enableCellResizing: v } = Tt(), h = u(null), L = f(() => {
+      var p;
+      return ((p = t.value.data) == null ? void 0 : p.columns) || [{ label: "", key: "" }];
+    }), d = f(() => {
+      var p;
+      return ((p = t.value.data) == null ? void 0 : p.rows) || [];
+    }), l = f(() => t.value.filterText), y = f(() => {
+      var p, T;
+      if (!(l.value && l.value.trim().length > 0 || !((p = d.value[0]) != null && p.isRollup) && !((T = d.value[d.value.length - 1]) != null && T.isRollup))) {
+        if (t.value.rollupPosition === ye.top || t.value.rollupPosition === void 0)
+          return ye.top;
+        if (t.value.rollupPosition === ye.bottom)
+          return ye.bottom;
       }
-    }), v = g(() => {
-      const A = y.value !== void 0 ? 1 : 0, H = (m.value ? m.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((H - 34.5 - 32) / 48) - A;
-    }), k = g(() => {
-      var R, V;
-      let u = [];
+    }), g = f(() => {
+      const A = y.value !== void 0 ? 1 : 0, D = (h.value ? h.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((D - 34.5 - 32) / 48) - A;
+    }), k = f(() => {
+      var T, E;
+      let p = [];
       switch (y.value) {
-        case ge.top:
-          u = [...((R = h.value[0]) == null ? void 0 : R.cells) || []].map((A, H) => {
+        case ye.top:
+          p = [...((T = d.value[0]) == null ? void 0 : T.cells) || []].map((A, D) => {
             var z;
             return {
               main: A,
-              comparison: (z = h.value[0]) == null ? void 0 : z.comparisonCells[H],
-              rowType: L.value[H].type
+              comparison: (z = d.value[0]) == null ? void 0 : z.comparisonCells[D],
+              rowType: L.value[D].type
             };
           });
           break;
-        case ge.bottom:
-          u = [...((V = h.value[h.value.length - 1]) == null ? void 0 : V.cells) || []].map((A, H) => {
+        case ye.bottom:
+          p = [...((E = d.value[d.value.length - 1]) == null ? void 0 : E.cells) || []].map((A, D) => {
             var z;
             return {
               main: A,
-              comparison: (z = h.value[0]) == null ? void 0 : z.comparisonCells[H],
-              rowType: L.value[H].type
+              comparison: (z = d.value[0]) == null ? void 0 : z.comparisonCells[D],
+              rowType: L.value[D].type
             };
           });
           break;
       }
-      return u.length > 0 && u[0].main === "" && (u[0].main = "Grand total"), u;
+      return p.length > 0 && p[0].main === "" && (p[0].main = "Grand total"), p;
     });
-    function D(u) {
-      let R = (u == null ? void 0 : u.main) || "";
-      return R.includes("#") && !R.startsWith("#") && (R = R.split("#")[0]), !u || u.main === "" || u.comparison === "" ? {
-        main: R
+    function V(p) {
+      let T = (p == null ? void 0 : p.main) || "";
+      return T.includes("#") && !T.startsWith("#") && (T = T.split("#")[0]), !p || p.main === "" || p.comparison === "" ? {
+        main: T
       } : {
-        main: R,
-        comparison: u == null ? void 0 : u.comparison,
-        difference: zt(u.main, u.comparison, w)
+        main: T,
+        comparison: p == null ? void 0 : p.comparison,
+        difference: zt(p.main, p.comparison, w)
       };
     }
-    be(() => {
-      F();
+    we(() => {
+      R();
     });
-    const $ = d([]);
-    let B = 0, N;
-    function ne() {
-      var H;
-      if (!((H = t.value) != null && H.data)) {
+    const $ = u([]);
+    let P = 0, N;
+    function re() {
+      var D;
+      if (!((D = t.value) != null && D.data)) {
         $.value = [];
         return;
       }
-      const u = ++B, R = (t.value.data.rows || []).map((z) => ({
+      const p = ++P, T = (t.value.data.rows || []).map((z) => ({
         isRollup: z.isRollup,
         cells: Array.isArray(z.cells) ? [...z.cells] : [],
         comparisonCells: Array.isArray(z.comparisonCells) ? [...z.comparisonCells] : []
-      })), V = (t.value.data.columns || []).map((z) => ({
+      })), E = (t.value.data.columns || []).map((z) => ({
         key: z.key,
         type: z.type,
         label: z.label
       })), A = {
-        rows: R,
-        columns: V,
+        rows: T,
+        columns: E,
         filter: l.value ?? "",
         globalSorts: ea(s.value).map((z) => ({
           key: z.key,
           type: z.type
         })),
         grandTotalPosition: y.value,
-        pageSize: v.value
+        pageSize: g.value
       };
       ia(za, A).then((z) => {
-        u === B && (z != null && z.error ? (S.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(z.error), $.value = []) : $.value = ta(z.data || []));
+        p === P && (z != null && z.error ? (S.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(z.error), $.value = []) : $.value = ta(z.data || []));
       });
     }
     G(
       () => s.value,
-      (u) => {
-        _.tileIndex === void 0 || _.tileIndex === null || C(_.tileIndex, u);
+      (p) => {
+        F.tileIndex === void 0 || F.tileIndex === null || C(F.tileIndex, p);
       },
       { immediate: !0, deep: !0 }
-    ), G(
-      [
-        () => {
-          var u;
-          return (u = t.value.data) == null ? void 0 : u.rows;
-        },
-        () => {
-          var u;
-          return (u = t.value.data) == null ? void 0 : u.columns;
-        },
-        () => s.value,
-        () => y.value,
-        () => v.value
-      ],
+    );
+    const Z = f(() => {
+      var E, A;
+      const p = ((E = t.value.data) == null ? void 0 : E.rows) || [], T = ((A = t.value.data) == null ? void 0 : A.columns) || [];
+      return JSON.stringify({
+        rowsLength: p.length,
+        columns: T.map((D) => ({ key: D.key, type: D.type, label: D.label })),
+        filter: l.value ?? "",
+        globalSorts: s.value.map((D) => ({ key: D.key, type: D.type })),
+        grandTotalPosition: y.value,
+        pageSize: g.value
+      });
+    });
+    G(
+      () => Z.value,
       () => {
-        clearTimeout(N), N = setTimeout(ne, 200);
+        clearTimeout(N), N = setTimeout(re, 200);
       },
-      { immediate: !0, deep: !0 }
+      { immediate: !0 }
     );
-    function K(u) {
-      const R = s.value.find((V) => V.key === u);
-      if (!R) {
-        s.value.push({ key: u, type: We.Asc });
+    function ie(p) {
+      const T = s.value.find((E) => E.key === p);
+      if (!T) {
+        s.value.push({ key: p, type: De.Asc });
         return;
       }
-      R.type === We.Asc ? R.type = We.Desc : R.type === We.Desc && (s.value = s.value.filter((V) => V.key !== u));
+      T.type === De.Asc ? T.type = De.Desc : T.type === De.Desc && (s.value = s.value.filter((E) => E.key !== p));
     }
-    const Z = g(
+    const me = f(
       () => {
-        var u;
-        return (((u = t.value.colWidths) == null ? void 0 : u.length) ?? 0) > 0 || i.value.length > 0;
+        var p;
+        return (((p = t.value.colWidths) == null ? void 0 : p.length) ?? 0) > 0 || i.value.length > 0;
       }
-    ), xe = g(() => {
-      var u;
-      return (u = t.value.data) != null && u.columns ? t.value.data.columns.map((R) => {
-        const V = Re(n, p, R.label, "other"), A = s.value.find((O) => O.key === R.key), H = !!A, z = H ? A.type === We.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+    ), ee = f(() => {
+      var p;
+      return (p = t.value.data) != null && p.columns ? t.value.data.columns.map((T) => {
+        const E = Re(n, m, T.label, "other"), A = s.value.find((O) => O.key === T.key), D = !!A, z = D ? A.type === De.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
-          accessorKey: R.key,
+          accessorKey: T.key,
           header: () => {
-            const O = E("FmIcon");
-            return Pe(
+            const O = H("FmIcon");
+            return Be(
               "button",
               {
                 type: "button",
-                class: `w-full flex items-center gap-1 group/select-header select-none ${R.type === "NUMERIC" ? "justify-end" : "justify-start"} ${H ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
-                onClick: () => K(R.key)
+                class: `w-full flex items-center gap-1 group/select-header select-none ${T.type === "NUMERIC" ? "justify-end" : "justify-start"} ${D ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
+                onClick: () => ie(T.key)
               },
               [
-                Pe(
+                Be(
                   "span",
-                  { class: `${R.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
-                  V
+                  { class: `${T.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
+                  E
                 ),
-                Pe(O, {
+                Be(O, {
                   name: z,
-                  color: H ? "primary" : "neutral-gray-400",
+                  color: D ? "primary" : "neutral-gray-400",
                   size: "sm",
                   class: "transition-transform",
                   style: z === "arrow_upward" ? "transform: translateY(-1px);" : ""
@@ -853,18 +854,18 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
             );
           },
           cell: (O) => {
-            var Q, ee;
-            const se = D(O.getValue()), re = (ee = (Q = O == null ? void 0 : O.row) == null ? void 0 : Q.original) == null ? void 0 : ee.isRollup;
-            return Pe(
+            var Q, K;
+            const te = V(O.getValue()), ae = (K = (Q = O == null ? void 0 : O.row) == null ? void 0 : Q.original) == null ? void 0 : K.isRollup;
+            return Be(
               "div",
               {
                 class: [
-                  re ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
-                  R.type === "NUMERIC" ? "text-right" : "",
-                  Z.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                  ae ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
+                  T.type === "NUMERIC" ? "text-right" : "",
+                  me.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
-              [R.type === "NUMERIC" ? Ke(se.main) : se.main]
+              [T.type === "NUMERIC" ? Ke(te.main) : te.main]
             );
           },
           enableSorting: !1
@@ -873,38 +874,38 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
     });
     return G(
       () => i.value.length > 0,
-      async (u) => {
-        u && c.value && (await J(), f());
+      async (p) => {
+        p && c.value && (await J(), v());
       }
     ), G(
-      [() => xe.value],
+      [() => ee.value],
       async () => {
-        var H;
+        var D;
         await J();
-        const u = (H = m.value) == null ? void 0 : H.$el;
-        if (!u) return;
-        const R = u.querySelector("table");
-        if (!R) return;
-        R.classList.add(Z.value ? "table-fixed" : "table-auto");
-        let V, A;
-        c.value ? (f(), V = i.value, A = r.value) : (A = t.value.rowHeight, V = t.value.colWidths), typeof A == "number" && b(A, u), V == null || V.forEach((z, O) => {
-          x(O, z, u);
+        const p = (D = h.value) == null ? void 0 : D.$el;
+        if (!p) return;
+        const T = p.querySelector("table");
+        if (!T) return;
+        T.classList.add(me.value ? "table-fixed" : "table-auto");
+        let E, A;
+        c.value ? (v(), E = i.value, A = r.value) : (A = t.value.rowHeight, E = t.value.colWidths), typeof A == "number" && b(A, p), E == null || E.forEach((z, O) => {
+          x(O, z, p);
         });
       },
       { immediate: !0 }
-    ), (u, R) => {
-      const V = E("FmTable");
+    ), (p, T) => {
+      const E = H("FmTable");
       return W(), U(ue, null, [
         M("div", La, [
-          we(u.$slots, "menu")
+          xe(p.$slots, "menu")
         ]),
-        P(V, {
+        B(E, {
           ref_key: "table",
-          ref: m,
-          "column-defs": xe.value,
+          ref: h,
+          "column-defs": ee.value,
           "row-data": $.value,
           "search-value": l.value,
-          "page-size": v.value,
+          "page-size": g.value,
           "shrink-at": !1,
           "force-mobile-footer": !0,
           class: "scrollbar-hide-table"
@@ -912,19 +913,19 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
           "pin-top": Y(() => [
             M("tbody", null, [
               M("tr", Aa, [
-                (W(!0), U(ue, null, _t(k.value, (A, H) => (W(), U("td", {
-                  key: `${o(Ie)()}_${H}`,
+                (W(!0), U(ue, null, _t(k.value, (A, D) => (W(), U("td", {
+                  key: `${o(Ie)()}_${D}`,
                   class: "h-[48px] text-fm-color-typo-primary px-16"
                 }, [
                   M("span", {
                     class: Me([
                       "items-center text-fm-color-typo-secondary gap-2",
                       A.rowType === "NUMERIC" ? "text-right" : "",
-                      Z.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                      me.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                     ])
                   }, [
-                    M("p", Wa, De(A.rowType === "NUMERIC" ? o(Ke)(A.main) : A.main), 1),
-                    M("p", Da, De(A.comparison ? A.rowType === "NUMERIC" ? `(${o(Ke)(A.comparison)})` : `(${A.comparison})` : ""), 1)
+                    M("p", Da, We(A.rowType === "NUMERIC" ? o(Ke)(A.main) : A.main), 1),
+                    M("p", Wa, We(A.comparison ? A.rowType === "NUMERIC" ? `(${o(Ke)(A.comparison)})` : `(${A.comparison})` : ""), 1)
                   ], 2)
                 ]))), 128))
               ])
@@ -935,7 +936,7 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
       ], 64);
     };
   }
-}), Va = /* @__PURE__ */ le({
+}), Va = /* @__PURE__ */ ne({
   __name: "WidgetStackBarChart",
   props: /* @__PURE__ */ he({
     tileIndex: {}
@@ -945,46 +946,46 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, p = oe(e, "modelValue"), t = d(null), w = g(() => {
+    const n = e, m = se(e, "modelValue"), t = u(null), w = f(() => {
       var L;
-      return ((L = p.value.data) == null ? void 0 : L.xAxis) || [];
-    }), F = g(() => {
-      var m;
-      return ((m = p.value.data) == null ? void 0 : m.datasets) ?? [];
-    }), { datalabels: C, xCfg: S, yCfg: _, isTransposed: s, legend: c, chartWidth: i, chartHeight: r } = He(
-      p.value
-    ), x = g(() => F.value.length > 0 ? [
-      ...F.value.map((m, L) => {
-        let h = m.values;
+      return ((L = m.value.data) == null ? void 0 : L.xAxis) || [];
+    }), R = f(() => {
+      var h;
+      return ((h = m.value.data) == null ? void 0 : h.datasets) ?? [];
+    }), { datalabels: C, xCfg: S, yCfg: F, isTransposed: s, legend: c, chartWidth: i, chartHeight: r } = He(
+      m.value
+    ), x = f(() => R.value.length > 0 ? [
+      ...R.value.map((h, L) => {
+        let d = h.values;
         return {
-          label: m.name,
-          data: h,
-          dash: !!m.isCompare,
-          backgroundColor: ae({ index: L, isCompare: m.isCompare })
+          label: h.name,
+          data: d,
+          dash: !!h.isCompare,
+          backgroundColor: oe({ index: L, isCompare: h.isCompare })
         };
       })
     ] : []), b = Ve();
-    function f() {
+    function v() {
       return b.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return be(() => {
+    return we(() => {
       J(() => {
-        f();
+        v();
       });
     }), G([x], () => {
-      J(() => f());
-    }), (m, L) => {
-      const h = E("FmBarChart");
+      J(() => v());
+    }), (h, L) => {
+      const d = H("FmBarChart");
       return W(), U(ue, null, [
-        we(m.$slots, "menu"),
-        P(h, {
+        xe(h.$slots, "menu"),
+        B(d, {
           ref_key: "chartRef",
           ref: t,
           class: "bar-chart",
           datasets: x.value,
           "x-axis": { categories: w.value },
           "x-cfg": o(S),
-          "y-cfg": o(_),
+          "y-cfg": o(F),
           transpose: o(s),
           stacked: !0,
           legend: {
@@ -1004,7 +1005,7 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
       ], 64);
     };
   }
-}), Ha = /* @__PURE__ */ le({
+}), Ha = /* @__PURE__ */ ne({
   __name: "WidgetStackLineChart",
   props: /* @__PURE__ */ he({
     tileIndex: {}
@@ -1014,50 +1015,50 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    var h;
-    const n = e, p = oe(e, "modelValue"), t = ((h = p.value.data) == null ? void 0 : h.xAxis) ?? [], w = g(
+    var d;
+    const n = e, m = se(e, "modelValue"), t = ((d = m.value.data) == null ? void 0 : d.xAxis) ?? [], w = f(
       () => t.length === 1 && S.value.length > 0 && S.value.every((l) => l.values.length === 1)
-    ), F = g(() => w.value ? ["", t[0], ""] : t), C = d(null), S = g(() => {
+    ), R = f(() => w.value ? ["", t[0], ""] : t), C = u(null), S = f(() => {
       var l;
-      return ((l = p.value.data) == null ? void 0 : l.datasets) ?? [];
-    }), { datalabels: _, xCfg: s, yCfg: c, isTransposed: i, legend: r, chartWidth: x, chartHeight: b } = He(
-      p.value
-    ), f = g(() => S.value.length > 0 ? [
+      return ((l = m.value.data) == null ? void 0 : l.datasets) ?? [];
+    }), { datalabels: F, xCfg: s, yCfg: c, isTransposed: i, legend: r, chartWidth: x, chartHeight: b } = He(
+      m.value
+    ), v = f(() => S.value.length > 0 ? [
       ...S.value.map((l, y) => {
-        let v = l.values;
-        return w.value && (v = [NaN, v[0], NaN]), {
+        let g = l.values;
+        return w.value && (g = [NaN, g[0], NaN]), {
           label: l.name,
-          data: v,
+          data: g,
           dash: l.isCompare,
           fill: !1,
-          color: ae({ index: y, isCompare: l.isCompare }),
+          color: oe({ index: y, isCompare: l.isCompare }),
           pointRadius: w.value ? 4 : void 0,
           pointHoverRadius: w.value ? 6 : void 0,
-          pointBackgroundColor: w.value ? ae({ index: y, isCompare: l.isCompare }) : void 0,
-          pointBorderColor: w.value ? ae({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBackgroundColor: w.value ? oe({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBorderColor: w.value ? oe({ index: y, isCompare: l.isCompare }) : void 0,
           pointBorderWidth: w.value ? 2 : void 0
         };
       })
-    ] : []), m = Ve();
+    ] : []), h = Ve();
     function L() {
-      return m.extractChartSize(C.value, n.tileIndex) || { width: 0, height: 0 };
+      return h.extractChartSize(C.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return be(() => {
+    return we(() => {
       J(() => {
         L();
       });
-    }), G([f], () => {
+    }), G([v], () => {
       J(() => L());
     }), (l, y) => {
-      const v = E("FmLineChart");
+      const g = H("FmLineChart");
       return W(), U(ue, null, [
-        we(l.$slots, "menu"),
-        P(v, {
+        xe(l.$slots, "menu"),
+        B(g, {
           ref_key: "chartRef",
           ref: C,
           class: "line-chart",
-          datasets: f.value,
-          "x-axis": { categories: F.value },
+          datasets: v.value,
+          "x-axis": { categories: R.value },
           "x-cfg": o(s),
           "y-cfg": o(c),
           transpose: o(i),
@@ -1069,7 +1070,7 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
             labels: o(r).labels
           },
           stacked: !0,
-          datalabels: o(_),
+          datalabels: o(F),
           "maintain-aspect-ratio": !1,
           style: de({
             "--chart-width": o(x) !== void 0 ? o(x) + "px" : "100%",
@@ -1096,13 +1097,13 @@ const za = "/assets/processTableData.worker-COqO3hgX.js", La = { class: "my-4" }
 function $a(e) {
   return e < 12 ? ze[e - 1] : ze[11];
 }
-function Ba(e) {
+function Pa(e) {
   return e < 12 ? ze[Math.min(11, e * 2 - 1)] : ze[11];
 }
-function Pa(e) {
+function Ba(e) {
   return e < 12 ? ze[Math.min(11, e * 3 - 1)] : ze[11];
 }
-const Ia = /* @__PURE__ */ le({
+const Ia = /* @__PURE__ */ ne({
   __name: "WidgetLinechart",
   props: /* @__PURE__ */ he({
     tileIndex: {}
@@ -1112,50 +1113,50 @@ const Ia = /* @__PURE__ */ le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    var h;
-    const n = e, p = oe(e, "modelValue"), t = ((h = p.value.data) == null ? void 0 : h.xAxis) ?? [], w = g(
+    var d;
+    const n = e, m = se(e, "modelValue"), t = ((d = m.value.data) == null ? void 0 : d.xAxis) ?? [], w = f(
       () => t.length === 1 && S.value.length > 0 && S.value.every((l) => l.values.length === 1)
-    ), F = g(() => w.value ? ["", t[0], ""] : t), C = d(null), S = g(() => {
+    ), R = f(() => w.value ? ["", t[0], ""] : t), C = u(null), S = f(() => {
       var l;
-      return ((l = p.value.data) == null ? void 0 : l.datasets) ?? [];
-    }), { datalabels: _, xCfg: s, yCfg: c, isTransposed: i, legend: r, chartWidth: x, chartHeight: b } = He(
-      p.value
-    ), f = g(() => S.value.length > 0 ? [
+      return ((l = m.value.data) == null ? void 0 : l.datasets) ?? [];
+    }), { datalabels: F, xCfg: s, yCfg: c, isTransposed: i, legend: r, chartWidth: x, chartHeight: b } = He(
+      m.value
+    ), v = f(() => S.value.length > 0 ? [
       ...S.value.map((l, y) => {
-        let v = l.values;
-        return w.value && (v = [NaN, v[0], NaN]), {
+        let g = l.values;
+        return w.value && (g = [NaN, g[0], NaN]), {
           label: l.name,
-          data: v,
+          data: g,
           dash: !!l.isCompare,
           fill: !1,
-          color: ae({ index: y, isCompare: l.isCompare }),
+          color: oe({ index: y, isCompare: l.isCompare }),
           pointRadius: w.value ? 4 : void 0,
           pointHoverRadius: w.value ? 6 : void 0,
-          pointBackgroundColor: w.value ? ae({ index: y, isCompare: l.isCompare }) : void 0,
-          pointBorderColor: w.value ? ae({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBackgroundColor: w.value ? oe({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBorderColor: w.value ? oe({ index: y, isCompare: l.isCompare }) : void 0,
           pointBorderWidth: w.value ? 2 : void 0
         };
       })
-    ] : []), m = Ve();
+    ] : []), h = Ve();
     function L() {
-      return m.extractChartSize(C.value, n.tileIndex) || { width: 0, height: 0 };
+      return h.extractChartSize(C.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return be(() => {
+    return we(() => {
       J(() => {
         L();
       });
-    }), G([f], () => {
+    }), G([v], () => {
       J(() => L());
     }), (l, y) => {
-      const v = E("FmLineChart");
+      const g = H("FmLineChart");
       return W(), U(ue, null, [
-        we(l.$slots, "menu"),
-        P(v, {
+        xe(l.$slots, "menu"),
+        B(g, {
           ref_key: "chartRef",
           ref: C,
           class: "line-chart",
-          datasets: f.value,
-          "x-axis": { categories: F.value },
+          datasets: v.value,
+          "x-axis": { categories: R.value },
           "x-cfg": o(s),
           "y-cfg": o(c),
           transpose: o(i),
@@ -1166,7 +1167,7 @@ const Ia = /* @__PURE__ */ le({
             maxWidth: o(r).maxWidth,
             labels: o(r).labels
           },
-          datalabels: o(_),
+          datalabels: o(F),
           "maintain-aspect-ratio": !1,
           style: de({
             "--chart-width": o(x) !== void 0 ? o(x) + "px" : "100%",
@@ -1176,7 +1177,7 @@ const Ia = /* @__PURE__ */ le({
       ], 64);
     };
   }
-}), Ma = { class: "flex flex-col gap-16" }, Na = { class: "flex flex-row" }, qa = /* @__PURE__ */ le({
+}), Ma = { class: "flex flex-col gap-16" }, Na = { class: "flex flex-row" }, qa = /* @__PURE__ */ ne({
   __name: "PdfOrientationDialog",
   props: /* @__PURE__ */ he({
     reportType: {},
@@ -1187,10 +1188,10 @@ const Ia = /* @__PURE__ */ le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = Ne(), { FmForm: p } = ha, t = e, w = d(), F = oe(e, "modelValue"), C = d(!0), S = d(!1), _ = st(), { selectedLocationIds: s, dateRange: c, timeRange: i } = Ee(ot()), r = d(je.PORTRAIT);
+    const { t: n } = Ne(), { FmForm: m } = ha, t = e, w = u(), R = se(e, "modelValue"), C = u(!0), S = u(!1), F = st(), { selectedLocationIds: s, dateRange: c, timeRange: i } = Ee(ot()), r = u(je.PORTRAIT);
     function x() {
-      var f;
-      (f = w.value) == null || f.validateInputs();
+      var v;
+      (v = w.value) == null || v.validateInputs();
     }
     async function b() {
       S.value = !0;
@@ -1204,41 +1205,41 @@ const Ia = /* @__PURE__ */ le({
           dateRange: c.value,
           locationIds: s.value
         });
-      } catch (f) {
-        _.open({ message: f.message, type: "error" });
+      } catch (v) {
+        F.open({ message: v.message, type: "error" });
       } finally {
         S.value = !1;
       }
     }
-    return (f, m) => {
-      const L = E("FmRadio"), h = E("FmRadioGroup"), l = E("FmButton"), y = E("FmDialog");
+    return (v, h) => {
+      const L = H("FmRadio"), d = H("FmRadioGroup"), l = H("FmButton"), y = H("FmDialog");
       return W(), j(y, {
-        modelValue: F.value,
-        "onUpdate:modelValue": m[2] || (m[2] = (v) => F.value = v),
+        modelValue: R.value,
+        "onUpdate:modelValue": h[2] || (h[2] = (g) => R.value = g),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": Y(() => m[3] || (m[3] = [
+        "dialog-header": Y(() => h[3] || (h[3] = [
           aa("Select Orientation")
         ])),
         default: Y(() => [
-          P(o(p), {
+          B(o(m), {
             ref_key: "form",
             ref: w,
             onValidationSuccess: b
           }, {
             default: Y(() => [
               M("div", Ma, [
-                P(h, {
+                B(d, {
                   modelValue: r.value,
-                  "onUpdate:modelValue": m[0] || (m[0] = (v) => r.value = v)
+                  "onUpdate:modelValue": h[0] || (h[0] = (g) => r.value = g)
                 }, {
                   default: Y(() => [
-                    P(L, {
+                    B(L, {
                       value: o(je).PORTRAIT,
                       label: o(n)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    P(L, {
+                    B(L, {
                       value: o(je).LANDSCAPE,
                       label: o(n)("report.common.landscape")
                     }, null, 8, ["value", "label"])
@@ -1247,14 +1248,14 @@ const Ia = /* @__PURE__ */ le({
                 }, 8, ["modelValue"])
               ]),
               M("div", Na, [
-                m[4] || (m[4] = M("div", { class: "grow" }, null, -1)),
-                P(l, {
+                h[4] || (h[4] = M("div", { class: "grow" }, null, -1)),
+                B(l, {
                   label: o(n)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: m[1] || (m[1] = (v) => F.value = !1)
+                  onClick: h[1] || (h[1] = (g) => R.value = !1)
                 }, null, 8, ["label"]),
                 M("div", null, [
-                  P(l, {
+                  B(l, {
                     label: o(n)("report.common.download"),
                     loading: S.value,
                     onClick: x
@@ -1275,7 +1276,7 @@ const Ia = /* @__PURE__ */ le({
 }, Ua = {
   key: 2,
   class: "flex"
-}, tl = /* @__PURE__ */ le({
+}, tl = /* @__PURE__ */ ne({
   __name: "DynamicWidget",
   props: /* @__PURE__ */ he({
     index: {
@@ -1298,109 +1299,109 @@ const Ia = /* @__PURE__ */ le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = d(!0), p = oe(e, "modelValue"), t = p.value.widget.config, { t: w, te: F } = Ne(), C = e, S = d(null), _ = d(t.rollup), s = d(Ie()), c = d(t.drillDimension), i = g(() => {
-      if (fe.value.length > 0) {
-        const a = fe.value.findIndex(
+    const n = u(!0), m = se(e, "modelValue"), t = m.value.widget.config, { t: w, te: R } = Ne(), C = e, S = u(null), F = u(t.rollup), s = u(Ie()), c = u(t.drillDimension), i = f(() => {
+      if (ve.value.length > 0) {
+        const a = ve.value.findIndex(
           (I) => I.value === c.value
         );
         return a >= 0 ? a : 0;
       } else
         return -1;
-    }), r = g(() => i.value !== 0), x = g(
-      () => i.value != fe.value.length - 1
-    ), b = d(t.showTitle ?? !0), f = d(t.titleFontSize ?? 14), m = d(t.titleBold ?? !1), L = d(t.titleItalic ?? !1), h = d(t.titleUnderline ?? !1), l = d(t.chartWidth ?? void 0), y = d(t.chartHeight ?? void 0), v = d(t.showLabel ?? !1), k = d(t.labelAlign ?? et.center), D = d(t.labelAnchor ?? Qe.center), $ = d(t.labelRotation ?? 0), B = d(t.labelOffset ?? 0), N = d(t.labelFontSize ?? 12), ne = g(() => t.showSearchBar), K = d(t.showX ?? !0), Z = d(t.xPosition ?? tt.bottom), xe = d(t.showXGrid ?? !1), u = d(t.showXTick ?? !0), R = d(t.xTickFontSize ?? 12), V = d(t.showXTitle ?? !1), A = d(t.xTitle ?? ""), H = d(t.xTitleFontSize ?? 12), z = d(t.showY ?? !0), O = d(t.yPosition ?? at.left), se = d(t.showYGrid ?? !1), re = d(t.showYTick ?? !0), Q = d(t.yTickFontSize ?? 12), ee = d(t.showYTitle ?? !1), ie = d(t.yTitle ?? ""), Ce = d(t.yTitleFontSize ?? 12), ce = d(t.showLegend ?? void 0), me = d(t.legendPosition ?? lt.top), pe = d(t.usePointStyle ?? !0), qe = d(t.legendMaxHeight), rt = d(t.legendMaxWidth), it = d(t.rowHeight ?? 0), ct = d(t.colWidths ?? []), Oe = d(!1), Ue = d(""), { breakpoints: Se, getBreakpointsBoundary: Le } = Rt(), ut = d(), X = g(
+    }), r = f(() => i.value !== 0), x = f(
+      () => i.value != ve.value.length - 1
+    ), b = u(t.showTitle ?? !0), v = u(t.titleFontSize ?? 14), h = u(t.titleBold ?? !1), L = u(t.titleItalic ?? !1), d = u(t.titleUnderline ?? !1), l = u(t.chartWidth ?? void 0), y = u(t.chartHeight ?? void 0), g = u(t.showLabel ?? !1), k = u(t.labelAlign ?? et.center), V = u(t.labelAnchor ?? Qe.center), $ = u(t.labelRotation ?? 0), P = u(t.labelOffset ?? 0), N = u(t.labelFontSize ?? 12), re = f(() => t.showSearchBar), Z = u(t.showX ?? !0), ie = u(t.xPosition ?? tt.bottom), me = u(t.showXGrid ?? !1), ee = u(t.showXTick ?? !0), p = u(t.xTickFontSize ?? 12), T = u(t.showXTitle ?? !1), E = u(t.xTitle ?? ""), A = u(t.xTitleFontSize ?? 12), D = u(t.showY ?? !0), z = u(t.yPosition ?? at.left), O = u(t.showYGrid ?? !1), te = u(t.showYTick ?? !0), ae = u(t.yTickFontSize ?? 12), Q = u(t.showYTitle ?? !1), K = u(t.yTitle ?? ""), Ce = u(t.yTitleFontSize ?? 12), ce = u(t.showLegend ?? void 0), pe = u(t.legendPosition ?? lt.top), fe = u(t.usePointStyle ?? !0), qe = u(t.legendMaxHeight), rt = u(t.legendMaxWidth), it = u(t.rowHeight ?? 0), ct = u(t.colWidths ?? []), Oe = u(!1), Ue = u(""), { breakpoints: Se, getBreakpointsBoundary: Le } = Rt(), ut = u(), X = f(
       () => C.customScreenWidth === void 0 ? window.innerWidth : C.customScreenWidth
-    ), Lt = g(
+    ), Lt = f(
       () => (X == null ? void 0 : X.value) > Le("xs")[1] && (X == null ? void 0 : X.value) <= Le("sm")[1]
-    ), At = g(
+    ), At = f(
       () => (X == null ? void 0 : X.value) > Le("sm")[1] && (X == null ? void 0 : X.value) <= Le("md")[1]
-    ), Wt = g(() => (X == null ? void 0 : X.value) > Le("md")[1]), Dt = g(() => {
-      const a = p.value.size.width;
-      return Wt.value || At.value ? $a(a) : Lt.value ? Ba(a) : Pa(a);
-    }), $e = g(
-      () => pa.find((a) => a.type === p.value.widget.type)
+    ), Dt = f(() => (X == null ? void 0 : X.value) > Le("md")[1]), Wt = f(() => {
+      const a = m.value.size.width;
+      return Dt.value || At.value ? $a(a) : Lt.value ? Pa(a) : Ba(a);
+    }), $e = f(
+      () => pa.find((a) => a.type === m.value.widget.type)
     ), ke = Ct(() => {
       var a;
       ut.value = Mt((a = S.value) == null ? void 0 : a.$el.offsetWidth), s.value = Ie();
-    }), Et = g(() => {
+    }), Et = f(() => {
       if (fa(q.value.type, Te.value))
-        switch (p.value.widget.type) {
-          case T.BarChart:
+        switch (m.value.widget.type) {
+          case _.BarChart:
             return ga;
-          case T.StackBarChart:
+          case _.StackBarChart:
             return Va;
-          case T.LineChart:
+          case _.LineChart:
             return Ia;
-          case T.StackLineChart:
+          case _.StackLineChart:
             return Ha;
-          case T.Circular:
+          case _.Circular:
             return ya;
-          case T.Scorecard:
+          case _.Scorecard:
             return ka;
-          case T.Spacer:
+          case _.Spacer:
             return Fa;
-          case T.Table:
+          case _.Table:
             return Ea;
           default:
             return St;
         }
       else
         return St;
-    }), Te = d(null), {
+    }), Te = u(null), {
       selectedLocationIds: Xe,
       dateRange: dt,
       compareDateRange: Vt,
       timeRange: ht,
       globalFilters: Ht,
       isGlobalFiltersLoading: Ye
-    } = Ee(ot()), { businessId: $t } = Ee(nt()), Bt = d(!0), q = g(() => {
-      const a = JSON.parse(JSON.stringify(p.value.widget));
+    } = Ee(ot()), { businessId: $t } = Ee(nt()), Pt = u(!0), q = f(() => {
+      const a = JSON.parse(JSON.stringify(m.value.widget));
       return {
         ...a,
         config: {
           ...a.config,
-          rollup: _.value,
+          rollup: F.value,
           drillDimension: c.value,
           showGrandTotal: !1
         }
       };
     });
-    function Pt() {
+    function Bt() {
       return {
         data: Te.value,
         showTitle: b.value,
-        titleFontSize: f.value,
-        titleBold: m.value,
+        titleFontSize: v.value,
+        titleBold: h.value,
         titleItalic: L.value,
-        titleUnderline: h.value,
+        titleUnderline: d.value,
         chartHeight: y.value,
         chartWidth: l.value,
-        showLabel: v.value,
-        labelAnchor: D.value,
+        showLabel: g.value,
+        labelAnchor: V.value,
         labelAlign: k.value,
         labelRotation: $.value,
-        labelOffset: B.value,
+        labelOffset: P.value,
         labelFontSize: N.value,
-        showX: K.value,
-        xPosition: Z.value,
-        showXGrid: xe.value,
-        showXTick: u.value,
-        xTickFontSize: R.value,
-        showXTitle: V.value,
-        xTitle: A.value,
-        xTitleFontSize: H.value,
-        showY: z.value,
-        yPosition: O.value,
-        showYGrid: se.value,
-        showYTick: re.value,
-        yTitle: ie.value,
-        showYTitle: ee.value,
+        showX: Z.value,
+        xPosition: ie.value,
+        showXGrid: me.value,
+        showXTick: ee.value,
+        xTickFontSize: p.value,
+        showXTitle: T.value,
+        xTitle: E.value,
+        xTitleFontSize: A.value,
+        showY: D.value,
+        yPosition: z.value,
+        showYGrid: O.value,
+        showYTick: te.value,
+        yTitle: K.value,
+        showYTitle: Q.value,
         yTitleFontSize: Ce.value,
-        yTickFontSize: Q.value,
+        yTickFontSize: ae.value,
         isTransposed: q.value.config.isTransposed,
         showLegend: ce.value,
-        legendPosition: me.value,
-        usePointStyle: pe.value,
+        legendPosition: pe.value,
+        usePointStyle: fe.value,
         legendMaxHeight: qe.value,
         legendMaxWidth: rt.value
       };
@@ -1414,50 +1415,50 @@ const Ia = /* @__PURE__ */ le({
         colWidths: ct.value
       };
     }
-    const mt = g(() => {
+    const mt = f(() => {
       switch (q.value.type) {
-        case T.Table:
+        case _.Table:
           return It();
-        case T.BarChart:
-        case T.LineChart:
-        case T.StackBarChart:
-        case T.StackLineChart:
-        case T.Circular:
-          return Pt();
+        case _.BarChart:
+        case _.LineChart:
+        case _.StackBarChart:
+        case _.StackLineChart:
+        case _.Circular:
+          return Bt();
         default:
           return { data: Te.value };
       }
-    }), pt = g(() => {
-      const { config: a } = p.value.widget;
+    }), pt = f(() => {
+      const { config: a } = m.value.widget;
       if (a.rollup != null) {
-        const I = [...a.dimensions].filter((ve) => !ve.hide);
+        const I = [...a.dimensions].filter((ge) => !ge.hide);
         return I.sort(
-          (ve, Ae) => (a.rowIds || []).indexOf(Je(ve)) - (a.rowIds || []).indexOf(Je(Ae))
+          (ge, Ae) => (a.rowIds || []).indexOf(Je(ge)) - (a.rowIds || []).indexOf(Je(Ae))
         ), [
-          { label: Re(w, F, "None", "other"), value: "none" },
-          { label: Re(w, F, "Grand Total", "other"), value: 0 },
-          ...[...I].slice(0, I.length - 1).map((ve, Ae) => ({
-            label: Re(w, F, ve.label, "other"),
+          { label: Re(w, R, "None", "other"), value: "none" },
+          { label: Re(w, R, "Grand Total", "other"), value: 0 },
+          ...[...I].slice(0, I.length - 1).map((ge, Ae) => ({
+            label: Re(w, R, ge.label, "other"),
             value: Ae + 1
           }))
         ];
       }
       return [];
-    }), fe = g(() => {
+    }), ve = f(() => {
       const { config: a } = q.value;
       return a.isDrillable ? a.dimensions.map((I) => ({
-        label: Re(w, F, I.label, "other"),
+        label: Re(w, R, I.label, "other"),
         value: Je(I)
       })) : [];
     });
     G(
-      () => p.value.widget.config,
+      () => m.value.widget.config,
       (a) => {
-        _.value = a.rollup, b.value = a.showTitle ?? !0, f.value = a.titleFontSize ?? 14, m.value = a.titleBold ?? !1, L.value = a.titleItalic ?? !1, h.value = a.titleUnderline ?? !1, y.value = a.chartHeight ?? void 0, l.value = a.chartWidth ?? void 0, v.value = a.showLabel ?? !1, k.value = a.labelAlign ?? et.center, D.value = a.labelAnchor ?? Qe.center, $.value = a.labelRotation ?? 0, B.value = a.labelOffset ?? 0, N.value = a.labelFontSize ?? 12, K.value = a.showX ?? !0, Z.value = a.xPosition ?? tt.bottom, xe.value = a.showXGrid ?? !1, u.value = a.showXTick ?? !0, R.value = a.xTickFontSize ?? 12, V.value = a.showXTitle ?? !1, A.value = a.xTitle ?? "", H.value = a.xTitleFontSize ?? 12, z.value = a.showY ?? !0, O.value = a.yPosition ?? at.left, se.value = a.showYGrid ?? !1, re.value = a.showYTick ?? !0, Q.value = a.yTickFontSize ?? 12, ee.value = a.showYTitle ?? !1, ie.value = a.yTitle ?? "", Ce.value = a.yTitleFontSize ?? 12, ce.value = a.showLegend ?? void 0, me.value = a.legendPosition ?? lt.top, pe.value = a.usePointStyle ?? !0, qe.value = a.legendMaxHeight, rt.value = a.legendMaxWidth, it.value = a.rowHeight ?? 0, ct.value = a.colWidths ?? [];
+        F.value = a.rollup, b.value = a.showTitle ?? !0, v.value = a.titleFontSize ?? 14, h.value = a.titleBold ?? !1, L.value = a.titleItalic ?? !1, d.value = a.titleUnderline ?? !1, y.value = a.chartHeight ?? void 0, l.value = a.chartWidth ?? void 0, g.value = a.showLabel ?? !1, k.value = a.labelAlign ?? et.center, V.value = a.labelAnchor ?? Qe.center, $.value = a.labelRotation ?? 0, P.value = a.labelOffset ?? 0, N.value = a.labelFontSize ?? 12, Z.value = a.showX ?? !0, ie.value = a.xPosition ?? tt.bottom, me.value = a.showXGrid ?? !1, ee.value = a.showXTick ?? !0, p.value = a.xTickFontSize ?? 12, T.value = a.showXTitle ?? !1, E.value = a.xTitle ?? "", A.value = a.xTitleFontSize ?? 12, D.value = a.showY ?? !0, z.value = a.yPosition ?? at.left, O.value = a.showYGrid ?? !1, te.value = a.showYTick ?? !0, ae.value = a.yTickFontSize ?? 12, Q.value = a.showYTitle ?? !1, K.value = a.yTitle ?? "", Ce.value = a.yTitleFontSize ?? 12, ce.value = a.showLegend ?? void 0, pe.value = a.legendPosition ?? lt.top, fe.value = a.usePointStyle ?? !0, qe.value = a.legendMaxHeight, rt.value = a.legendMaxWidth, it.value = a.rowHeight ?? 0, ct.value = a.colWidths ?? [];
       },
       { deep: !0 }
-    ), G([() => _.value], () => {
-      _.value !== null && (p.value.widget.config.rollup = _.value);
+    ), G([() => F.value], () => {
+      F.value !== null && (m.value.widget.config.rollup = F.value);
     }), G(
       [
         () => q.value,
@@ -1476,18 +1477,18 @@ const Ia = /* @__PURE__ */ le({
         deep: !0
       }
     ), G(
-      [() => p.value.size],
+      [() => m.value.size],
       () => {
         ke();
       },
       { deep: !0 }
-    ), be(() => {
+    ), we(() => {
       ke(), Se.value.sm || Se.value.md || Se.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", ke)) : addEventListener("resize", ke), vt();
     }), la(() => {
       Se.value.sm || Se.value.md || Se.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", ke)) : removeEventListener("resize", ke);
     });
     const ft = st();
-    let Be;
+    let Pe;
     async function vt() {
       if (Xe.value.length === 0 || Ye.value) {
         n.value = !1;
@@ -1501,56 +1502,56 @@ const Ia = /* @__PURE__ */ le({
         return;
       }
       try {
-        n.value = !0, Be && Be.abort(), Be = new AbortController();
-        const a = Be.signal;
-        Te.value = await Ct(ca, 500)(q.value, a, p.value.id), s.value = Ie(), n.value = !1;
+        n.value = !0, Pe && Pe.abort(), Pe = new AbortController();
+        const a = Pe.signal;
+        Te.value = await Ct(ca, 500)(q.value, a, m.value.id), s.value = Ie(), n.value = !1;
       } catch (a) {
         a.code !== "ERR_CANCELED" && (Te.value = null, ft.open({ message: `Invalid chart ${q.value.type}`, type: "error" }), console.log(a), n.value = !1);
       }
     }
     function Mt(a) {
-      switch (p.value.widget.type) {
+      switch (m.value.widget.type) {
         case "SPACER":
           return;
         case "SCORECARD":
           return;
         case "TABLE":
-          return `${p.value.size.height * 100 + (ne.value ? 72 : 0) + 96.5}px`;
+          return `${m.value.size.height * 100 + (re.value ? 72 : 0) + 96.5}px`;
       }
-      return `${Math.max(a / p.value.size.width, 90) * p.value.size.height}px`;
+      return `${Math.max(a / m.value.size.width, 90) * m.value.size.height}px`;
     }
     function Nt() {
       const a = i.value - 1;
-      a >= 0 && (c.value = fe.value[a].value);
+      a >= 0 && (c.value = ve.value[a].value);
     }
     function qt() {
       const a = i.value + 1;
-      a >= 0 && a < fe.value.length && (c.value = fe.value[a].value);
+      a >= 0 && a < ve.value.length && (c.value = ve.value[a].value);
     }
-    const gt = d(Fe.EXCEL), yt = d(), Ot = Object.values(Fe).map((a) => ({
+    const gt = u(Fe.EXCEL), yt = u(), Ot = Object.values(Fe).map((a) => ({
       label: ua(a),
       value: a,
       onClick: async () => {
         a === Fe.EXCEL || a === Fe.PDFFULLSIZE || a === Fe.PDFRECEIPT ? await Ft({
           reportType: a,
           index: C.index,
-          isCombinedLocationLayout: Bt.value,
+          isCombinedLocationLayout: Pt.value,
           timeRange: ht.value,
           dateRange: dt.value,
           locationIds: Xe.value
         }) : a === Fe.PDF && (gt.value = a, yt.value = C.index, Oe.value = !0);
       }
-    })), Ut = q.value.type === T.Spacer ? "flat" : "outlined", Xt = q.value.type === T.Spacer ? "p-0" : "p-16";
+    })), Ut = q.value.type === _.Spacer ? "flat" : "outlined", Xt = q.value.type === _.Spacer ? "p-0" : "p-16";
     return (a, I) => {
-      const ve = E("FmTooltip"), Ae = E("FmSearch"), Yt = E("FmCheckbox"), Ge = E("FmButton"), Gt = E("FmSelect"), jt = E("FmMenuItem"), Jt = E("FmMenu"), Kt = E("FmForm"), Zt = E("FmCircularProgress"), Qt = E("FmCard");
+      const ge = H("FmTooltip"), Ae = H("FmSearch"), Yt = H("FmCheckbox"), Ge = H("FmButton"), Gt = H("FmSelect"), jt = H("FmMenuItem"), Jt = H("FmMenu"), Kt = H("FmForm"), Zt = H("FmCircularProgress"), Qt = H("FmCard");
       return W(), j(Qt, {
         ref_key: "tileCard",
         ref: S,
-        class: Me(`${Dt.value} ${o(Xt)}`),
+        class: Me(`${Wt.value} ${o(Xt)}`),
         variant: o(Ut)
       }, {
         default: Y(() => [
-          P(qa, {
+          B(qa, {
             modelValue: Oe.value,
             "onUpdate:modelValue": I[0] || (I[0] = (_e) => Oe.value = _e),
             "report-type": gt.value,
@@ -1567,11 +1568,11 @@ const Ia = /* @__PURE__ */ le({
               "tile-index": C.index
             }, {
               menu: Y(() => [
-                P(Kt, { class: "flex items-center gap-2" }, {
+                B(Kt, { class: "flex items-center gap-2" }, {
                   default: Y(() => {
                     var _e, bt, wt, xt;
                     return [
-                      P(ve, {
+                      B(ge, {
                         variant: "plain",
                         placement: "right",
                         content: q.value.description,
@@ -1582,69 +1583,69 @@ const Ia = /* @__PURE__ */ le({
                           b.value !== !1 ? (W(), U("p", {
                             key: 0,
                             style: de({
-                              fontSize: f.value + "px",
-                              fontWeight: m.value ? "bold" : "normal",
+                              fontSize: v.value + "px",
+                              fontWeight: h.value ? "bold" : "normal",
                               fontStyle: L.value ? "italic" : "normal",
-                              textDecoration: h.value ? "underline" : "none"
+                              textDecoration: d.value ? "underline" : "none"
                             }),
                             class: Me(["text-fm-color-typo-secondary line-clamp-1", [
-                              f.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              v.value <= 18 ? "fm-typo-en-body-md-400" : "",
                               q.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, De(o(Re)(o(w), o(F), q.value.title, "other")), 7)) : ye("", !0)
+                          }, We(o(Re)(o(w), o(R), q.value.title, "other")), 7)) : be("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
                       (_e = $e.value) != null && _e.showSearchBar ? (W(), j(Ae, {
                         key: 0,
                         modelValue: Ue.value,
-                        "onUpdate:modelValue": I[1] || (I[1] = (te) => Ue.value = te),
+                        "onUpdate:modelValue": I[1] || (I[1] = (le) => Ue.value = le),
                         class: "grow"
                       }, null, 8, ["modelValue"])) : (W(), U("div", Oa)),
-                      na(P(Yt, {
-                        modelValue: v.value,
-                        "onUpdate:modelValue": I[2] || (I[2] = (te) => v.value = te),
+                      na(B(Yt, {
+                        modelValue: g.value,
+                        "onUpdate:modelValue": I[2] || (I[2] = (le) => g.value = le),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
                         [sa, (bt = $e.value) == null ? void 0 : bt.showLabel]
                       ]),
-                      (wt = $e.value) != null && wt.showDrillDimension && fe.value.length > 0 ? (W(), U("div", Ua, [
-                        P(Ge, {
+                      (wt = $e.value) != null && wt.showDrillDimension && ve.value.length > 0 ? (W(), U("div", Ua, [
+                        B(Ge, {
                           icon: "arrow_upward",
                           variant: "tertiary",
                           disabled: !r.value,
                           onClick: Nt
                         }, null, 8, ["disabled"]),
-                        P(Ge, {
+                        B(Ge, {
                           icon: "arrow_downward",
                           variant: "tertiary",
                           disabled: !x.value,
                           onClick: qt
                         }, null, 8, ["disabled"])
-                      ])) : ye("", !0),
+                      ])) : be("", !0),
                       (xt = $e.value) != null && xt.showRollup && pt.value.length > 0 ? (W(), j(Gt, {
                         key: 3,
-                        modelValue: _.value,
-                        "onUpdate:modelValue": I[3] || (I[3] = (te) => _.value = te),
+                        modelValue: F.value,
+                        "onUpdate:modelValue": I[3] || (I[3] = (le) => F.value = le),
                         class: "w-[150px]",
                         items: pt.value
-                      }, null, 8, ["modelValue", "items"])) : ye("", !0),
-                      C.hideExport ? ye("", !0) : (W(), j(Jt, {
+                      }, null, 8, ["modelValue", "items"])) : be("", !0),
+                      C.hideExport ? be("", !0) : (W(), j(Jt, {
                         key: 4,
                         shift: !0
                       }, {
                         "menu-button": Y(() => [
-                          P(Ge, {
+                          B(Ge, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
                         default: Y(() => [
-                          (W(!0), U(ue, null, _t(o(Ot), (te) => (W(), j(jt, {
-                            key: te.value,
-                            label: te.label,
-                            onClick: te.onClick
+                          (W(!0), U(ue, null, _t(o(Ot), (le) => (W(), j(jt, {
+                            key: le.value,
+                            label: le.label,
+                            onClick: le.onClick
                           }, null, 8, ["label", "onClick"]))), 128))
                         ]),
                         _: 1
@@ -1665,7 +1666,7 @@ const Ia = /* @__PURE__ */ le({
 });
 export {
   et as L,
-  ge as R,
+  ye as R,
   tl as _,
   Qe as a,
   Je as g,