@feedmepos/mf-report 5.16.0-beta.0 → 5.16.0-beta.1

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-COSvX6Va.js → DynamicWidget.vue_vue_type_script_setup_true_lang-BouULeLr.js}

@@ -1,17 +1,17 @@
-import { computed as g, defineComponent as ee, mergeModels as me, useModel as te, ref as d, onMounted as _e, nextTick as X, watch as J, resolveComponent as V, createElementBlock as N, openBlock as W, Fragment as oe, renderSlot as pe, createVNode as B, normalizeStyle as ne, unref as l, createElementVNode as P, toDisplayString as Le, withCtx as q, createBlock as U, createCommentVNode as he, normalizeClass as Pe, h as bt, renderList as _t, createTextVNode as Zt, onUnmounted as Qt, resolveDynamicComponent as ea, withDirectives as ta, vShow as aa } from "vue";
-import { W as L, d as Ee, v as $e, e as Ye, f as kt, q as la, R as xe, g as oa } from "./BaseDialog.vue_vue_type_script_setup_true_lang-4ProJ47u.js";
+import { computed as y, defineComponent as ee, mergeModels as me, useModel as te, ref as h, onMounted as ke, nextTick as X, watch as J, resolveComponent as V, createElementBlock as N, openBlock as W, Fragment as oe, renderSlot as pe, createVNode as B, normalizeStyle as ne, unref as l, createElementVNode as P, toDisplayString as Le, withCtx as q, createBlock as U, createCommentVNode as he, normalizeClass as Pe, h as bt, renderList as kt, createTextVNode as Qt, onUnmounted as ea, resolveDynamicComponent as ta, withDirectives as aa, vShow as la } from "vue";
+import { W as F, d as Ee, v as $e, e as Ye, f as _t, q as oa, R as xe, g as na } from "./BaseDialog.vue_vue_type_script_setup_true_lang-4ProJ47u.js";
 import { u as Me, b as at, a as lt } from "./vue-i18n-CHLsTHGb.js";
 import { a as wt } from "./helper-DJZfVXf0.js";
-import { storeToRefs as ze, defineStore as na } from "pinia";
-import { a as sa } from "./SelectComponent.vue_vue_type_script_setup_true_lang-nAU0NNg5.js";
+import { storeToRefs as ze, defineStore as sa } from "pinia";
+import { useBreakpoints as Tt, components as ra, useSnackbar as Rt } from "@feedmepos/ui-library";
+import { a as ia } from "./SelectComponent.vue_vue_type_script_setup_true_lang-nAU0NNg5.js";
 import { r as Ce } from "./i18n-Cif1I9J2.js";
 import { _ as xt } from "./NoData.vue_vue_type_script_setup_true_lang-BF1MLXsF.js";
-import { components as ra, useSnackbar as Tt, useBreakpoints as ia } from "@feedmepos/ui-library";
 var Je = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Je || {}), Z = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Z || {}), Ke = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Ke || {}), Ze = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Ze || {}), Qe = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Qe || {}), et = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(et || {}), tt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(tt || {});
-L.Circular, L.Table, L.BarChart, L.LineChart, L.StackBarChart, L.StackLineChart, L.Scorecard, L.Spacer;
+F.Circular, F.Table, F.BarChart, F.LineChart, F.StackBarChart, F.StackLineChart, F.Scorecard, F.Spacer;
 const ua = [
   {
-    type: L.Circular,
+    type: F.Circular,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -19,14 +19,14 @@ const ua = [
     showSearchBar: !1
   },
   {
-    type: L.Table,
+    type: F.Table,
     showLabel: !1,
     showDrillDimension: !0,
     showRollup: !0,
     showSearchBar: !0
   },
   {
-    type: L.BarChart,
+    type: F.BarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -34,7 +34,7 @@ const ua = [
     showSearchBar: !1
   },
   {
-    type: L.LineChart,
+    type: F.LineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -42,7 +42,7 @@ const ua = [
     showSearchBar: !1
   },
   {
-    type: L.StackBarChart,
+    type: F.StackBarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -50,7 +50,7 @@ const ua = [
     showSearchBar: !1
   },
   {
-    type: L.StackLineChart,
+    type: F.StackLineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -58,14 +58,14 @@ const ua = [
     showSearchBar: !1
   },
   {
-    type: L.Scorecard,
+    type: F.Scorecard,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
     showSearchBar: !1
   },
   {
-    type: L.Spacer,
+    type: F.Spacer,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
@@ -78,18 +78,18 @@ function Ge(e) {
 }
 function ca(e, n) {
   switch (e) {
-    case L.BarChart:
-    case L.LineChart:
-    case L.StackBarChart:
-    case L.StackLineChart:
+    case F.BarChart:
+    case F.LineChart:
+    case F.StackBarChart:
+    case F.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 L.Table:
+    case F.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 L.Circular:
+    case F.Circular:
       return Array.isArray(n == null ? void 0 : n.datasets) && n.datasets.length > 0;
-    case L.Scorecard:
+    case F.Scorecard:
       return !0;
-    case L.Spacer:
+    case F.Spacer:
       return !0;
   }
 }
@@ -118,24 +118,24 @@ const Ct = [
 function Q({
   index: e,
   isCompare: n,
-  opacity: h
+  opacity: m
 }) {
-  let t = typeof h == "number" ? h : 1;
+  let t = typeof m == "number" ? m : 1;
   return n && (t = t * 0.6), `rgba(${Ct[e % Ct.length]}, ${t})`;
 }
-function Rt(e, n, h) {
+function Ft(e, n, m) {
   if (e === "" || n === "")
     return null;
   let t = (z) => z == null ? void 0 : z.replace(/,/g, "");
-  h === "ID" && (t = (z) => z == null ? void 0 : z.replace(/\./g, "").replace(/,/g, "."));
-  const x = Number(t(e)), S = Number(t(n));
-  if (isNaN(x) || isNaN(S))
+  m === "ID" && (t = (z) => z == null ? void 0 : z.replace(/\./g, "").replace(/,/g, "."));
+  const x = Number(t(e)), L = Number(t(n));
+  if (isNaN(x) || isNaN(L))
     return null;
-  let F = 0;
-  S === 0 ? x === 0 ? F = 0 : F = 1 : F = (x - S) / S;
-  const T = da(F);
+  let S = 0;
+  L === 0 ? x === 0 ? S = 0 : S = 1 : S = (x - L) / L;
+  const T = da(S);
   return {
-    value: isNaN(F) ? "" : `${(F * 100).toFixed(0)}%`,
+    value: isNaN(S) ? "" : `${(S * 100).toFixed(0)}%`,
     icon: T
   };
 }
@@ -155,17 +155,17 @@ function da(e) {
   };
 }
 function We(e) {
-  function n(c, u, i) {
-    if (c.measureText(u).width <= i) return u;
+  function n(u, c, i) {
+    if (u.measureText(c).width <= i) return c;
     const r = "…";
-    let y = 0, v = u.length;
-    for (; y < v; ) {
-      const w = Math.floor((y + v) / 2), m = u.slice(0, w) + r;
-      c.measureText(m).width <= i ? y = w + 1 : v = w;
+    let b = 0, f = c.length;
+    for (; b < f; ) {
+      const g = Math.floor((b + f) / 2), d = c.slice(0, g) + r;
+      u.measureText(d).width <= i ? b = g + 1 : f = g;
     }
-    return u.slice(0, y - 1) + r;
+    return c.slice(0, b - 1) + r;
   }
-  const h = g(() => ({
+  const m = y(() => ({
     display: e.showLabel,
     align: e.labelAlign,
     anchor: e.labelAnchor,
@@ -174,12 +174,12 @@ function We(e) {
     font: {
       size: e.labelFontSize
     },
-    color: (c) => {
-      const u = c.chart.data.datasets[c.datasetIndex];
-      return u.borderColor ? Array.isArray(u.borderColor) ? u.borderColor[c.dataIndex] : u.borderColor : u.backgroundColor ? Array.isArray(u.backgroundColor) ? u.backgroundColor[c.dataIndex] : u.backgroundColor : "#000";
+    color: (u) => {
+      const c = u.chart.data.datasets[u.datasetIndex];
+      return c.borderColor ? Array.isArray(c.borderColor) ? c.borderColor[u.dataIndex] : c.borderColor : c.backgroundColor ? Array.isArray(c.backgroundColor) ? c.backgroundColor[u.dataIndex] : c.backgroundColor : "#000";
     },
-    formatter: (c) => c === 0 ? "" : c.toLocaleString("en-US")
-  })), t = g(() => ({
+    formatter: (u) => u === 0 ? "" : u.toLocaleString("en-US")
+  })), t = y(() => ({
     display: e.showX,
     position: e.xPosition,
     grid: {
@@ -187,16 +187,16 @@ function We(e) {
     },
     ticks: {
       display: e.showXTick,
-      callback: function(c) {
-        if ((e == null ? void 0 : e.isTransposed) === !0) return String(c);
-        let i = String(c);
+      callback: function(u) {
+        if ((e == null ? void 0 : e.isTransposed) === !0) return String(u);
+        let i = String(u);
         const r = this;
-        r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(c));
-        const y = r == null ? void 0 : r.chart, v = r == null ? void 0 : r.ctx, w = y.height * 0.25;
-        if (v && w > 0) {
-          v.save();
-          const E = v.measureText(i).width > w ? n(v, i, w) : i;
-          return v.restore(), E;
+        r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(u));
+        const b = r == null ? void 0 : r.chart, f = r == null ? void 0 : r.ctx, g = b.height * 0.25;
+        if (f && g > 0) {
+          f.save();
+          const E = f.measureText(i).width > g ? n(f, i, g) : i;
+          return f.restore(), E;
         }
         return i;
       },
@@ -211,19 +211,19 @@ function We(e) {
         size: e.xTitleFontSize
       }
     },
-    afterBuildTicks: (c) => {
-      const u = Array.isArray(c == null ? void 0 : c.ticks) ? c.ticks : [];
-      if (u.length === 0) return;
-      const i = c.getLabelForValue(u[0].value), r = !isNaN(Number(i));
-      c.options.ticks.minRotation = r || u.length < 10 ? 0 : 90;
+    afterBuildTicks: (u) => {
+      const c = Array.isArray(u == null ? void 0 : u.ticks) ? u.ticks : [];
+      if (c.length === 0) return;
+      const i = u.getLabelForValue(c[0].value), r = !isNaN(Number(i));
+      u.options.ticks.minRotation = r || c.length < 10 ? 0 : 90;
     },
-    afterFit: (c) => {
+    afterFit: (u) => {
       if (!(e != null && e.isTransposed)) {
-        const u = c.chart.height * 0.4;
-        c.height > u && (c.height = u);
+        const c = u.chart.height * 0.4;
+        u.height > c && (u.height = c);
       }
     }
-  })), x = g(() => ({
+  })), x = y(() => ({
     display: e.showY,
     position: e.yPosition,
     grid: {
@@ -234,16 +234,16 @@ function We(e) {
       font: {
         size: e.yTickFontSize
       },
-      callback: function(c) {
-        if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(c);
-        let i = String(c);
+      callback: function(u) {
+        if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(u);
+        let i = String(u);
         const r = this;
-        r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(c));
-        const y = r == null ? void 0 : r.chart, v = r == null ? void 0 : r.ctx, w = y.width * 0.4;
-        if (v && w > 0) {
-          v.save();
-          const E = v.measureText(i).width > w ? n(v, i, w) : i;
-          return v.restore(), E;
+        r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(u));
+        const b = r == null ? void 0 : r.chart, f = r == null ? void 0 : r.ctx, g = b.width * 0.4;
+        if (f && g > 0) {
+          f.save();
+          const E = f.measureText(i).width > g ? n(f, i, g) : i;
+          return f.restore(), E;
         }
         return i;
       }
@@ -255,7 +255,7 @@ function We(e) {
         size: e.yTitleFontSize
       }
     }
-  })), S = g(() => ({
+  })), L = y(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle,
@@ -263,40 +263,40 @@ function We(e) {
     maxWidth: e.legendMaxWidth,
     labels: {
       usePointStyle: e.usePointStyle ?? !0,
-      generateLabels: (c) => {
+      generateLabels: (u) => {
         var i;
-        const u = ((i = c == null ? void 0 : c.data) == null ? void 0 : i.datasets) || [];
-        if (u.length === 0) return [];
-        if (u.length === 1 && Array.isArray(u[0].backgroundColor) && u[0].backgroundColor.length > 1 && Array.isArray(u[0].data)) {
-          const r = u[0];
-          return c.data.labels.map((v, w) => {
-            const m = r.backgroundColor[w];
+        const c = ((i = u == null ? void 0 : u.data) == null ? void 0 : i.datasets) || [];
+        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 u.data.labels.map((f, g) => {
+            const d = r.backgroundColor[g];
             return {
-              text: v,
+              text: f,
               fontColor: "#6b6b6b",
-              fillStyle: m,
-              strokeStyle: m,
+              fillStyle: d,
+              strokeStyle: d,
               datasetIndex: 0,
-              index: w,
-              hidden: c.getDataVisibility ? !c.getDataVisibility(w) : !1
+              index: g,
+              hidden: u.getDataVisibility ? !u.getDataVisibility(g) : !1
             };
           });
         }
-        return c.data.datasets.map((r, y) => {
-          const v = r.borderColor || r.backgroundColor;
+        return u.data.datasets.map((r, b) => {
+          const f = r.borderColor || r.backgroundColor;
           return {
             text: r.label,
             fontColor: "#6b6b6b",
-            fillStyle: v,
-            strokeStyle: v,
-            datasetIndex: y,
-            hidden: !c.isDatasetVisible(y)
+            fillStyle: f,
+            strokeStyle: f,
+            datasetIndex: b,
+            hidden: !u.isDatasetVisible(b)
           };
         });
       }
     }
-  })), F = g(() => e.isTransposed), T = g(() => e.chartWidth), z = g(() => e.chartHeight);
-  return { datalabels: h, xCfg: t, yCfg: x, isTransposed: F, legend: S, chartWidth: T, chartHeight: z };
+  })), S = y(() => e.isTransposed), T = y(() => e.chartWidth), z = y(() => e.chartHeight);
+  return { datalabels: m, xCfg: t, yCfg: x, isTransposed: S, legend: L, chartWidth: T, chartHeight: z };
 }
 const ha = /* @__PURE__ */ ee({
   __name: "WidgetBarchart",
@@ -308,52 +308,52 @@ const ha = /* @__PURE__ */ ee({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, h = te(e, "modelValue"), t = d(null), x = g(() => {
-      var m;
-      return ((m = h.value.data) == null ? void 0 : m.xAxis) ?? [];
-    }), S = g(() => {
-      var m;
-      return ((m = h.value.data) == null ? void 0 : m.datasets) ?? [];
-    }), { datalabels: F, xCfg: T, yCfg: z, isTransposed: c, legend: u, chartWidth: i, chartHeight: r } = We(
-      h.value
-    ), y = g(() => S.value.length > 0 ? [
-      ...S.value.map((m, E) => ({
-        label: m.name,
-        data: m.values,
-        dash: !!m.isCompare,
-        backgroundColor: Q({ index: E, isCompare: m.isCompare })
+    const n = e, m = te(e, "modelValue"), t = h(null), x = y(() => {
+      var d;
+      return ((d = m.value.data) == null ? void 0 : d.xAxis) ?? [];
+    }), L = y(() => {
+      var d;
+      return ((d = m.value.data) == null ? void 0 : d.datasets) ?? [];
+    }), { datalabels: S, xCfg: T, yCfg: z, isTransposed: u, legend: c, chartWidth: i, chartHeight: r } = We(
+      m.value
+    ), b = y(() => L.value.length > 0 ? [
+      ...L.value.map((d, E) => ({
+        label: d.name,
+        data: d.values,
+        dash: !!d.isCompare,
+        backgroundColor: Q({ index: E, isCompare: d.isCompare })
       }))
-    ] : []), v = Ee();
-    function w() {
-      return v.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    ] : []), f = Ee();
+    function g() {
+      return f.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return _e(() => {
+    return ke(() => {
       X(() => {
-        w();
+        g();
       });
-    }), J([y], () => {
-      X(() => w());
-    }), (m, E) => {
+    }), J([b], () => {
+      X(() => g());
+    }), (d, E) => {
       const p = V("FmBarChart");
       return W(), N(oe, null, [
-        pe(m.$slots, "menu"),
+        pe(d.$slots, "menu"),
         B(p, {
           ref_key: "chartRef",
           ref: t,
           class: "bar-chart",
-          datasets: y.value,
+          datasets: b.value,
           "x-axis": { categories: x.value },
           "x-cfg": l(T),
           "y-cfg": l(z),
-          transpose: l(c),
+          transpose: l(u),
           legend: {
-            display: l(u).display ?? !1,
-            position: l(u).position,
-            maxHeight: l(u).maxHeight,
-            maxWidth: l(u).maxWidth,
-            labels: l(u).labels
+            display: l(c).display ?? !1,
+            position: l(c).position,
+            maxHeight: l(c).maxHeight,
+            maxWidth: l(c).maxWidth,
+            labels: l(c).labels
           },
-          datalabels: l(F),
+          datalabels: l(S),
           "maintain-aspect-ratio": !1,
           style: ne({
             "--chart-width": l(i) !== void 0 ? l(i) + "px" : "100%",
@@ -373,49 +373,56 @@ const ha = /* @__PURE__ */ ee({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, h = te(e, "modelValue"), t = d(null), { datalabels: x, legend: S, chartWidth: F, chartHeight: T } = We(h.value), z = g(() => {
-      let i = [];
-      return h.value.data.datasets && h.value.data.metrics && h.value.data.datasets.length > 0 && h.value.data.metrics.length > 0 && (i = [
+    const n = e, m = te(e, "modelValue"), { breakpoints: t } = Tt(), x = h(null), { datalabels: L, legend: S, chartWidth: T, chartHeight: z } = We(m.value), u = y(() => {
+      let b = [];
+      return m.value.data.datasets && m.value.data.metrics && m.value.data.datasets.length > 0 && m.value.data.metrics.length > 0 && (b = [
         {
-          label: h.value.data.metrics[0],
-          data: h.value.data.datasets.map((r) => r.value),
-          backgroundColor: h.value.data.datasets.map((r, y) => Q({ index: y }))
+          label: m.value.data.metrics[0],
+          data: m.value.data.datasets.map((f) => f.value),
+          backgroundColor: m.value.data.datasets.map((f, g) => Q({ index: g }))
         }
-      ]), i;
+      ]), b;
     }), c = Ee();
-    function u() {
-      return c.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    function i() {
+      return c.extractChartSize(x.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return _e(() => {
+    ke(() => {
       X(() => {
-        u();
+        i();
       });
-    }), J([z], () => {
-      X(() => u());
-    }), (i, r) => {
-      const y = V("FmPieChart");
+    }), J([u], () => {
+      X(() => i());
+    });
+    const r = y(() => t.value.lg ? 12 : 8);
+    return (b, f) => {
+      const g = V("FmPieChart");
       return W(), N(oe, null, [
-        pe(i.$slots, "menu"),
-        B(y, {
+        pe(b.$slots, "menu"),
+        B(g, {
           ref_key: "chartRef",
-          ref: t,
+          ref: x,
           class: "circular",
           percentage: "70%",
-          datasets: z.value,
-          metrics: h.value.data.datasets.map((v) => v.name),
+          datasets: u.value,
+          metrics: m.value.data.datasets.map((d) => d.name),
           variant: "doughnut",
           legend: {
             display: l(S).display ?? !0,
             position: l(S).position ?? "top",
-            maxHeight: l(S).maxHeight ?? 54,
+            maxHeight: l(S).maxHeight,
             maxWidth: l(S).maxWidth,
-            labels: l(S).labels
+            labels: {
+              ...l(S).labels,
+              font: {
+                size: r.value
+              }
+            }
           },
-          datalabels: l(x),
+          datalabels: l(L),
           "maintain-aspect-ratio": !1,
           style: ne({
-            "--chart-width": l(F) !== void 0 ? l(F) + "px" : "100%",
-            "--chart-height": l(T) !== void 0 ? l(T) + "px" : "calc(100% - 36px)"
+            "--chart-width": l(T) !== void 0 ? l(T) + "px" : "100%",
+            "--chart-height": l(z) !== void 0 ? l(z) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
       ], 64);
@@ -429,12 +436,12 @@ const ha = /* @__PURE__ */ ee({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = te(e, "modelValue"), { t: h } = Me(), { compareDateRange: t, defaultDateSetting: x } = ze(at()), { country: S } = lt(), F = g(() => {
+    const n = te(e, "modelValue"), { t: m } = Me(), { compareDateRange: t, defaultDateSetting: x } = ze(at()), { country: L } = lt(), S = y(() => {
       var i;
       return ((i = n.value.data) == null ? void 0 : i.value) || "";
-    }), T = g(() => {
+    }), T = y(() => {
       const { data: i } = n.value;
-      return i != null && i.comparison ? Rt(F.value, i.comparison, S) : null;
+      return i != null && i.comparison ? Ft(S.value, i.comparison, L) : null;
     });
     function z(i) {
       switch (i) {
@@ -446,10 +453,10 @@ const ha = /* @__PURE__ */ ee({
           return "line";
       }
     }
-    const c = g(() => {
+    const u = y(() => {
       var i;
       return (i = n.value.data) == null ? void 0 : i.sparkline;
-    }), u = g(() => c.value.datasets.map((i) => ({
+    }), c = y(() => u.value.datasets.map((i) => ({
       label: i.name,
       data: i.values,
       fill: !0,
@@ -457,26 +464,26 @@ const ha = /* @__PURE__ */ ee({
     })));
     return (i, r) => {
       var E;
-      const y = V("FmIcon"), v = V("FmChip"), w = V("FmTooltip"), m = V("FmLineChart");
+      const b = V("FmIcon"), f = V("FmChip"), g = V("FmTooltip"), d = V("FmLineChart");
       return W(), N("div", pa, [
         pe(i.$slots, "menu"),
-        P("p", fa, Le(F.value), 1),
+        P("p", fa, Le(S.value), 1),
         P("div", va, [
-          B(w, {
+          B(g, {
             content: `vs. ${(E = l(x).defaultCompareType) == null ? void 0 : E.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
             variant: "plain"
           }, {
             default: q(() => [
-              T.value ? (W(), U(v, {
+              T.value ? (W(), U(f, {
                 key: 0,
                 icon: T.value.icon.name,
                 class: Pe(`bg-${T.value.icon.tailwind}`),
                 compact: ""
               }, {
                 default: q(() => [
-                  B(y, {
+                  B(b, {
                     name: T.value.icon.name,
                     color: T.value.icon.color
                   }, null, 8, ["name", "color"]),
@@ -487,12 +494,12 @@ const ha = /* @__PURE__ */ ee({
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : he("", !0),
-              l(t).endDate !== null && l(t).startDate !== null && T.value === null ? (W(), U(v, {
+              l(t).endDate !== null && l(t).startDate !== null && T.value === null ? (W(), U(f, {
                 key: 1,
                 compact: ""
               }, {
                 default: q(() => [
-                  B(y, {
+                  B(b, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
@@ -504,16 +511,16 @@ const ha = /* @__PURE__ */ ee({
             _: 1
           }, 8, ["content"])
         ]),
-        c.value ? (W(), N("div", ga, [
-          z(c.value.type) === "line" ? (W(), U(m, {
+        u.value ? (W(), N("div", ga, [
+          z(u.value.type) === "line" ? (W(), U(d, {
             key: 0,
             class: "sparkline",
-            datasets: u.value,
+            datasets: c.value,
             legend: {
               display: !1
             },
             datalabels: { display: !1 },
-            "x-axis": { categories: c.value.dimensions },
+            "x-axis": { categories: u.value.dimensions },
             "y-cfg": { display: !1 },
             "x-cfg": { display: !1 },
             "maintain-aspect-ratio": !1
@@ -532,132 +539,132 @@ const ha = /* @__PURE__ */ ee({
   }
 }), wa = {};
 function xa(e, n) {
-  const h = V("FmMenuDivider");
-  return W(), U(h);
+  const m = V("FmMenuDivider");
+  return W(), U(m);
 }
-const Ca = /* @__PURE__ */ sa(wa, [["render", xa]]), Sa = "mf-reporttable-dimension", St = na(Sa, () => {
-  const e = d(0), n = d([]), h = d(!1), t = (p, s) => {
-    e.value = p, S(p, s);
-  }, x = (p, s, C, b) => {
-    n[p] = s, n.value = [...n.value], F(p, s, C, b);
-  }, S = (p, s) => {
-    const C = (s == null ? void 0 : s.querySelectorAll("thead tr")) ?? [], b = (s == null ? void 0 : s.querySelectorAll("tbody tr")) ?? [];
-    [...C, ...b].forEach((D) => {
+const Ca = /* @__PURE__ */ ia(wa, [["render", xa]]), Sa = "mf-reporttable-dimension", St = sa(Sa, () => {
+  const e = h(0), n = h([]), m = h(!1), t = (p, s) => {
+    e.value = p, L(p, s);
+  }, x = (p, s, C, w) => {
+    n[p] = s, n.value = [...n.value], S(p, s, C, w);
+  }, L = (p, s) => {
+    const C = (s == null ? void 0 : s.querySelectorAll("thead tr")) ?? [], w = (s == null ? void 0 : s.querySelectorAll("tbody tr")) ?? [];
+    [...C, ...w].forEach((D) => {
       const o = D;
       o && (o.style.height = `${p}px`);
     });
-  }, F = (p, s, C, b = !1) => {
-    const _ = (C == null ? void 0 : C.querySelectorAll("th")) ?? [];
+  }, S = (p, s, C, w = !1) => {
+    const k = (C == null ? void 0 : C.querySelectorAll("th")) ?? [];
     if (p === void 0) return;
-    const D = _[p], o = b ? n[p] : s;
+    const D = k[p], o = w ? n[p] : s;
     if (!D || o === void 0) return;
-    const f = () => {
+    const v = () => {
       D.style.width = `${o}px`;
     };
-    b ? requestAnimationFrame(f) : f();
+    w ? requestAnimationFrame(v) : v();
   }, T = () => {
     const p = document.querySelectorAll("th"), s = document.querySelectorAll("td"), C = document.querySelector("table");
-    C == null || C.classList.add("table-fixed"), p.forEach((b) => b.classList.add("toggleEditResize")), s.forEach((b) => b.classList.add("toggleEditResize")), h.value = !0;
+    C == null || C.classList.add("table-fixed"), p.forEach((w) => w.classList.add("toggleEditResize")), s.forEach((w) => w.classList.add("toggleEditResize")), m.value = !0;
   }, z = () => {
-    const p = document.querySelectorAll("th"), s = document.querySelectorAll("td"), C = document.querySelectorAll(".col-resize-handle"), b = document.querySelectorAll(".row-resize-handle");
-    p.forEach((_) => _.classList.remove("toggleEditResize")), s.forEach((_) => _.classList.remove("toggleEditResize")), C.forEach((_) => _.remove()), b.forEach((_) => _.remove()), h.value = !1;
-  }, c = () => {
+    const p = document.querySelectorAll("th"), s = document.querySelectorAll("td"), C = document.querySelectorAll(".col-resize-handle"), w = document.querySelectorAll(".row-resize-handle");
+    p.forEach((k) => k.classList.remove("toggleEditResize")), s.forEach((k) => k.classList.remove("toggleEditResize")), C.forEach((k) => k.remove()), w.forEach((k) => k.remove()), m.value = !1;
+  }, u = () => {
     e.value = 0, n.value = [];
-  }, u = (p, s) => {
+  }, c = (p, s) => {
     if (s) {
-      const C = document.querySelectorAll(`thead th:nth-child(${p + 1})`), b = document.querySelectorAll(`tbody td:nth-child(${p + 1})`);
-      [...C, ...b].forEach((_) => {
-        _.classList.add("highlight-hover-col");
+      const C = document.querySelectorAll(`thead th:nth-child(${p + 1})`), w = document.querySelectorAll(`tbody td:nth-child(${p + 1})`);
+      [...C, ...w].forEach((k) => {
+        k.classList.add("highlight-hover-col");
       });
     } else
       document.querySelectorAll(
         `thead th:nth-child(${p + 1}), tbody td:nth-child(${p + 1})`
       ).forEach((C) => C.classList.add("highlight-col"));
   }, i = (p) => {
-    const s = document.querySelectorAll("thead tr"), C = document.querySelectorAll("tbody tr"), b = [...s, ...C];
-    for (const _ of b)
-      p ? _.classList.add("highlight-hover-row") : _.classList.add("highlight-row");
+    const s = document.querySelectorAll("thead tr"), C = document.querySelectorAll("tbody tr"), w = [...s, ...C];
+    for (const k of w)
+      p ? k.classList.add("highlight-hover-row") : k.classList.add("highlight-row");
   }, r = (p) => {
     const s = p ? ".highlight-hover-row" : ".highlight-row", C = document.querySelectorAll(s);
-    for (const b of C)
-      b.classList.remove(s.slice(1));
-  }, y = (p) => {
+    for (const w of C)
+      w.classList.remove(s.slice(1));
+  }, b = (p) => {
     p ? document.querySelectorAll(".highlight-hover-col").forEach((s) => {
       s.classList.remove("highlight-hover-col");
     }) : document.querySelectorAll(".highlight-col").forEach((s) => s.classList.remove("highlight-col"));
-  }, v = (p, s) => {
-    const C = /* @__PURE__ */ new Map(), b = p.clientX, _ = p.target.closest("table"), D = _ == null ? void 0 : _.querySelectorAll("th")[s], o = D == null ? void 0 : D.getBoundingClientRect().width, f = C.get(s) ? n[s.toString()] || 60 : (C.set(s, !0), o || n[s.toString()] || 60), R = D == null ? void 0 : D.querySelector("p");
+  }, f = (p, s) => {
+    const C = /* @__PURE__ */ new Map(), w = p.clientX, k = p.target.closest("table"), D = k == null ? void 0 : k.querySelectorAll("th")[s], o = D == null ? void 0 : D.getBoundingClientRect().width, v = C.get(s) ? n[s.toString()] || 60 : (C.set(s, !0), o || n[s.toString()] || 60), R = D == null ? void 0 : D.querySelector("p");
     if (!R) return;
-    const k = R.textContent || "", A = window.getComputedStyle(R), H = `${A.fontWeight} ${A.fontSize} ${A.fontFamily}`, O = document.createElement("canvas").getContext("2d");
+    const _ = R.textContent || "", A = window.getComputedStyle(R), H = `${A.fontWeight} ${A.fontSize} ${A.fontFamily}`, O = document.createElement("canvas").getContext("2d");
     if (!O) return;
     O.font = H;
-    const G = O.measureText(k), j = window.getComputedStyle(D), De = parseFloat(j.paddingLeft || "0"), Ae = parseFloat(j.paddingRight || "0"), Ve = G.width + De + Ae;
-    u(s, !1);
-    const ke = (fe) => {
-      const se = fe.clientX - b, re = Math.max(Ve, f + se);
-      if (_) {
-        x(s, re, _, !0);
+    const G = O.measureText(_), j = window.getComputedStyle(D), De = parseFloat(j.paddingLeft || "0"), Ae = parseFloat(j.paddingRight || "0"), Ve = G.width + De + Ae;
+    c(s, !1);
+    const _e = (fe) => {
+      const se = fe.clientX - w, re = Math.max(Ve, v + se);
+      if (k) {
+        x(s, re, k, !0);
         let ae = 0;
-        _.querySelectorAll("th").forEach((ie, ue) => {
+        k.querySelectorAll("th").forEach((ie, ue) => {
           ae += ue === s ? re : n[ue] || ie.getBoundingClientRect().width;
-        }), _.classList.remove("w-full"), _.style.width = `${ae}px`;
-        const le = _ == null ? void 0 : _.parentElement;
+        }), k.classList.remove("w-full"), k.style.width = `${ae}px`;
+        const le = k == null ? void 0 : k.parentElement;
         if (le) {
           const ie = le.scrollWidth, ue = le.scrollLeft;
           le.offsetWidth + ue >= ie - 100 && (le.scrollLeft = ie);
         }
       }
     }, Te = () => {
-      const fe = (_ == null ? void 0 : _.querySelectorAll("th")) ?? [], se = [...n.value];
+      const fe = (k == null ? void 0 : k.querySelectorAll("th")) ?? [], se = [...n.value];
       fe.forEach((re, ae) => {
         const ve = re.getBoundingClientRect().width;
         n[ae] = ve, se[ae] = ve;
-      }), n.value = se, y(!1), document.removeEventListener("mousemove", ke), document.removeEventListener("mouseup", Te);
+      }), n.value = se, b(!1), document.removeEventListener("mousemove", _e), document.removeEventListener("mouseup", Te);
     };
-    document.addEventListener("mousemove", ke), document.addEventListener("mouseup", Te);
-  }, w = (p) => {
-    const s = p.clientY, C = p.target.closest("table"), b = e.value || 48;
+    document.addEventListener("mousemove", _e), document.addEventListener("mouseup", Te);
+  }, g = (p) => {
+    const s = p.clientY, C = p.target.closest("table"), w = e.value || 48;
     i(!1);
-    const _ = (o) => {
-      const f = Math.max(30, b + (o.clientY - s));
-      C && t(f, C);
+    const k = (o) => {
+      const v = Math.max(30, w + (o.clientY - s));
+      C && t(v, C);
     }, D = () => {
-      r(!1), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", D);
+      r(!1), document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", D);
     };
-    document.addEventListener("mousemove", _), document.addEventListener("mouseup", D);
+    document.addEventListener("mousemove", k), document.addEventListener("mouseup", D);
   };
   return {
     rowHeight: e,
     colWidths: n,
-    isEditing: h,
+    isEditing: m,
     updateRowHeight: t,
     updateColWidth: x,
-    setRowHeights: S,
-    setColWidths: F,
+    setRowHeights: L,
+    setColWidths: S,
     enableEditMode: T,
     disableEditMode: z,
-    resetStore: c,
-    highlightCol: u,
+    resetStore: u,
+    highlightCol: c,
     highlightRows: i,
     removeRowHighlight: r,
-    removeColHighlight: y,
-    resizeCol: v,
-    resizeRow: w,
+    removeColHighlight: b,
+    resizeCol: f,
+    resizeRow: g,
     enableCellResizing: () => {
-      const p = document.querySelector("thead"), s = document.querySelectorAll("thead tr"), C = document.querySelectorAll("tbody tr"), b = [...s, ...C];
+      const p = document.querySelector("thead"), s = document.querySelectorAll("thead tr"), C = document.querySelectorAll("tbody tr"), w = [...s, ...C];
       p && p.classList.remove("sticky");
-      const _ = (D, o) => {
-        const f = document.createElement("div");
-        return f.className = `${D}-resize-handle`, D === "col" ? (f.addEventListener("mouseenter", () => u(o, !0)), f.addEventListener("mouseleave", () => y(!0)), f.addEventListener("mousedown", (R) => {
-          R.stopPropagation(), v(R, o);
-        })) : (f.addEventListener("mouseenter", () => i(!0)), f.addEventListener("mouseleave", () => r(!0)), f.addEventListener("mousedown", (R) => {
-          R.stopPropagation(), w(R);
-        })), f;
+      const k = (D, o) => {
+        const v = document.createElement("div");
+        return v.className = `${D}-resize-handle`, D === "col" ? (v.addEventListener("mouseenter", () => c(o, !0)), v.addEventListener("mouseleave", () => b(!0)), v.addEventListener("mousedown", (R) => {
+          R.stopPropagation(), f(R, o);
+        })) : (v.addEventListener("mouseenter", () => i(!0)), v.addEventListener("mouseleave", () => r(!0)), v.addEventListener("mousedown", (R) => {
+          R.stopPropagation(), g(R);
+        })), v;
       };
-      b.forEach((D) => {
+      w.forEach((D) => {
         const o = D.closest("thead") !== null;
-        D.querySelectorAll(o ? "th" : "td").forEach((R, k) => {
-          const A = _("col", k), H = _("row", k);
+        D.querySelectorAll(o ? "th" : "td").forEach((R, _) => {
+          const A = k("col", _), H = k("row", _);
           R.appendChild(A), R.appendChild(H);
         });
       }), T();
@@ -670,12 +677,12 @@ const Ca = /* @__PURE__ */ sa(wa, [["render", xa]]), Sa = "mf-reporttable-dimens
 function je(e) {
   if (e == null || e === "")
     return "";
-  const n = String(e), h = Number(n);
-  if (isNaN(h)) return n;
-  const [t, x] = n.split("."), S = new Intl.NumberFormat("en-US").format(Number(t));
-  return x !== void 0 ? `${S}.${x}` : S;
+  const n = String(e), m = Number(n);
+  if (isNaN(m)) return n;
+  const [t, x] = n.split("."), L = new Intl.NumberFormat("en-US").format(Number(t));
+  return x !== void 0 ? `${L}.${x}` : L;
 }
-const _a = { class: "my-4" }, ka = {
+const ka = { class: "my-4" }, _a = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
 }, Ta = { class: "font-bold" }, Ra = { class: "text-fm-color-neutral-gray-300" }, Fa = /* @__PURE__ */ ee({
@@ -686,43 +693,43 @@ const _a = { class: "my-4" }, ka = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n, te: h } = Me(), t = te(e, "modelValue"), { country: x } = lt(), { isEditing: S, colWidths: F, rowHeight: T } = ze(St()), { setColWidths: z, setRowHeights: c, enableCellResizing: u } = St(), i = d(null), r = g(() => {
+    const { t: n, te: m } = Me(), t = te(e, "modelValue"), { country: x } = lt(), { isEditing: L, colWidths: S, rowHeight: T } = ze(St()), { setColWidths: z, setRowHeights: u, enableCellResizing: c } = St(), i = h(null), r = y(() => {
       var o;
       return ((o = t.value.data) == null ? void 0 : o.columns) || [{ label: "", key: "" }];
-    }), y = g(() => {
+    }), b = y(() => {
       var o;
       return ((o = t.value.data) == null ? void 0 : o.rows) || [];
-    }), v = g(() => t.value.filterText), w = g(() => {
-      var o, f;
-      if (!(v.value && v.value.trim().length > 0 || !((o = y.value[0]) != null && o.isRollup) && !((f = y.value[y.value.length - 1]) != null && f.isRollup))) {
+    }), f = y(() => t.value.filterText), g = y(() => {
+      var o, v;
+      if (!(f.value && f.value.trim().length > 0 || !((o = b.value[0]) != null && o.isRollup) && !((v = b.value[b.value.length - 1]) != null && v.isRollup))) {
         if (t.value.rollupPosition === Z.top || t.value.rollupPosition === void 0)
           return Z.top;
         if (t.value.rollupPosition === Z.bottom)
           return Z.bottom;
       }
-    }), m = g(() => {
-      const k = w.value !== void 0 ? 1 : 0, A = (i.value ? i.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((A - 34.5 - 32) / 48) - k;
-    }), E = g(() => {
-      var f, R;
+    }), d = y(() => {
+      const _ = g.value !== void 0 ? 1 : 0, A = (i.value ? i.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((A - 34.5 - 32) / 48) - _;
+    }), E = y(() => {
+      var v, R;
       let o = [];
-      switch (w.value) {
+      switch (g.value) {
         case Z.top:
-          o = [...((f = y.value[0]) == null ? void 0 : f.cells) || []].map((k, A) => {
+          o = [...((v = b.value[0]) == null ? void 0 : v.cells) || []].map((_, A) => {
             var H;
             return {
-              main: k,
-              comparison: (H = y.value[0]) == null ? void 0 : H.comparisonCells[A],
+              main: _,
+              comparison: (H = b.value[0]) == null ? void 0 : H.comparisonCells[A],
               rowType: r.value[A].type
             };
           });
           break;
         case Z.bottom:
-          o = [...((R = y.value[y.value.length - 1]) == null ? void 0 : R.cells) || []].map((k, A) => {
+          o = [...((R = b.value[b.value.length - 1]) == null ? void 0 : R.cells) || []].map((_, A) => {
             var H;
             return {
-              main: k,
-              comparison: (H = y.value[0]) == null ? void 0 : H.comparisonCells[A],
+              main: _,
+              comparison: (H = b.value[0]) == null ? void 0 : H.comparisonCells[A],
               rowType: r.value[A].type
             };
           });
@@ -731,41 +738,41 @@ const _a = { class: "my-4" }, ka = {
       return o.length > 0 && o[0].main === "" && (o[0].main = "Grand total"), o;
     });
     function p(o) {
-      const f = {};
+      const v = {};
       for (let R = 0; R < r.value.length; R++)
         if (r.value[R].key !== "") {
-          const k = o.comparisonCells[R];
-          f[r.value[R].key] = {
+          const _ = o.comparisonCells[R];
+          v[r.value[R].key] = {
             main: o.cells[R],
-            comparison: k
-          }, f.isRollup = o.isRollup;
+            comparison: _
+          }, v.isRollup = o.isRollup;
         }
-      return f;
+      return v;
     }
     function s(o) {
       return [...new Array(o < 0 ? 0 : o)].map(() => {
         var R;
-        const f = {};
+        const v = {};
         if ((R = t.value.data) != null && R.columns)
-          for (let k = 0; k < t.value.data.columns.length; k++)
-            f[t.value.data.columns[k].key] = void 0;
-        return f;
+          for (let _ = 0; _ < t.value.data.columns.length; _++)
+            v[t.value.data.columns[_].key] = void 0;
+        return v;
       });
     }
     function C(o) {
-      let f = (o == null ? void 0 : o.main) || "";
-      return f.includes("#") && !f.startsWith("#") && (f = f.split("#")[0]), !o || o.main === "" || o.comparison === "" ? {
-        main: f
+      let v = (o == null ? void 0 : o.main) || "";
+      return v.includes("#") && !v.startsWith("#") && (v = v.split("#")[0]), !o || o.main === "" || o.comparison === "" ? {
+        main: v
       } : {
-        main: f,
+        main: v,
         comparison: o == null ? void 0 : o.comparison,
-        difference: Rt(o.main, o.comparison, x)
+        difference: Ft(o.main, o.comparison, x)
       };
     }
-    const b = g(() => {
+    const w = y(() => {
       var A, H, Y;
       let o = ((A = t.value.data) == null ? void 0 : A.rows) || [];
-      switch (w.value) {
+      switch (g.value) {
         case Z.bottom:
           o = (H = o[o.length - 1]) != null && H.isRollup ? o.slice(0, -1) : o;
           break;
@@ -773,30 +780,30 @@ const _a = { class: "my-4" }, ka = {
           o = (Y = o[0]) != null && Y.isRollup ? o.slice(1, o.length) : o;
           break;
       }
-      const f = o.filter((O) => !(v.value !== "" && (O.isRollup === !0 || !O.cells.some(
+      const v = o.filter((O) => !(f.value !== "" && (O.isRollup === !0 || !O.cells.some(
         (G) => {
           var j;
-          return ((G == null ? void 0 : G.toLowerCase()) || "").includes((j = v.value) == null ? void 0 : j.toLowerCase());
+          return ((G == null ? void 0 : G.toLowerCase()) || "").includes((j = f.value) == null ? void 0 : j.toLowerCase());
         }
-      )))).map((O) => p(O)), R = f.length % m.value;
-      let k = 0;
-      return R > 0 ? k = Math.abs(R - m.value) : f.length === 0 && (k = m.value), f.push(...s(k)), f;
-    }), _ = g(
+      )))).map((O) => p(O)), R = v.length % d.value;
+      let _ = 0;
+      return R > 0 ? _ = Math.abs(R - d.value) : v.length === 0 && (_ = d.value), v.push(...s(_)), v;
+    }), k = y(
       () => {
         var o;
-        return (((o = t.value.colWidths) == null ? void 0 : o.length) ?? 0) > 0 || F.value.length > 0;
+        return (((o = t.value.colWidths) == null ? void 0 : o.length) ?? 0) > 0 || S.value.length > 0;
       }
-    ), D = g(() => {
-      var f;
+    ), D = y(() => {
+      var v;
       let o = [];
-      return (f = t.value.data) != null && f.columns && (o = [...t.value.data.columns.map((k) => {
-        const A = Ce(n, h, k.label, "other");
+      return (v = t.value.data) != null && v.columns && (o = [...t.value.data.columns.map((_) => {
+        const A = Ce(n, m, _.label, "other");
         return {
-          accessorKey: k.key,
+          accessorKey: _.key,
           header: () => bt(
             "p",
             {
-              class: `w-full ${k.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap`
+              class: `w-full ${_.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap`
             },
             A
           ),
@@ -808,11 +815,11 @@ const _a = { class: "my-4" }, ka = {
               {
                 class: [
                   O ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
-                  k.type === "NUMERIC" ? "text-right" : "",
-                  _.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                  _.type === "NUMERIC" ? "text-right" : "",
+                  k.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
-              [k.type === "NUMERIC" ? je(Y.main) : Y.main]
+              [_.type === "NUMERIC" ? je(Y.main) : Y.main]
             );
           },
           enableSorting: !1
@@ -820,9 +827,9 @@ const _a = { class: "my-4" }, ka = {
       })]), o;
     });
     return J(
-      () => F.value.length > 0,
+      () => S.value.length > 0,
       async (o) => {
-        o && S.value && (await X(), u());
+        o && L.value && (await X(), c());
       }
     ), J(
       [() => D.value],
@@ -831,48 +838,48 @@ const _a = { class: "my-4" }, ka = {
         await X();
         const o = (A = i.value) == null ? void 0 : A.$el;
         if (!o) return;
-        const f = o.querySelector("table");
-        if (!f) return;
-        f.classList.add(_.value ? "table-fixed" : "table-auto");
-        let R, k;
-        S.value ? (u(), R = F.value, k = T.value) : (k = t.value.rowHeight, R = t.value.colWidths), typeof k == "number" && c(k, o), R == null || R.forEach((H, Y) => {
+        const v = o.querySelector("table");
+        if (!v) return;
+        v.classList.add(k.value ? "table-fixed" : "table-auto");
+        let R, _;
+        L.value ? (c(), R = S.value, _ = T.value) : (_ = t.value.rowHeight, R = t.value.colWidths), typeof _ == "number" && u(_, o), R == null || R.forEach((H, Y) => {
           z(Y, H, o);
         });
       },
       { immediate: !0 }
-    ), (o, f) => {
+    ), (o, v) => {
       const R = V("FmTable");
       return W(), N(oe, null, [
-        P("div", _a, [
+        P("div", ka, [
           pe(o.$slots, "menu")
         ]),
         B(R, {
           ref_key: "table",
           ref: i,
           "column-defs": D.value,
-          "row-data": b.value,
-          "search-value": v.value,
-          "page-size": m.value,
+          "row-data": w.value,
+          "search-value": f.value,
+          "page-size": d.value,
           "shrink-at": !1,
           "force-mobile-footer": !0,
           class: "scrollbar-hide-table"
         }, {
           "pin-top": q(() => [
             P("tbody", null, [
-              P("tr", ka, [
-                (W(!0), N(oe, null, _t(E.value, (k, A) => (W(), N("td", {
+              P("tr", _a, [
+                (W(!0), N(oe, null, kt(E.value, (_, A) => (W(), N("td", {
                   key: `${l($e)()}_${A}`,
                   class: "h-[48px] text-fm-color-typo-primary px-16"
                 }, [
                   P("span", {
                     class: Pe([
                       "items-center text-fm-color-typo-secondary gap-2",
-                      k.rowType === "NUMERIC" ? "text-right" : "",
-                      _.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                      _.rowType === "NUMERIC" ? "text-right" : "",
+                      k.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                     ])
                   }, [
-                    P("p", Ta, Le(k.rowType === "NUMERIC" ? l(je)(k.main) : k.main), 1),
-                    P("p", Ra, Le(k.comparison ? k.rowType === "NUMERIC" ? `(${l(je)(k.comparison)})` : `(${k.comparison})` : ""), 1)
+                    P("p", Ta, Le(_.rowType === "NUMERIC" ? l(je)(_.main) : _.main), 1),
+                    P("p", Ra, Le(_.comparison ? _.rowType === "NUMERIC" ? `(${l(je)(_.comparison)})` : `(${_.comparison})` : ""), 1)
                   ], 2)
                 ]))), 128))
               ])
@@ -893,56 +900,56 @@ const _a = { class: "my-4" }, ka = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, h = te(e, "modelValue"), t = d(null), x = g(() => {
+    const n = e, m = te(e, "modelValue"), t = h(null), x = y(() => {
       var E;
-      return ((E = h.value.data) == null ? void 0 : E.xAxis) || [];
-    }), S = g(() => {
-      var m;
-      return ((m = h.value.data) == null ? void 0 : m.datasets) ?? [];
-    }), { datalabels: F, xCfg: T, yCfg: z, isTransposed: c, legend: u, chartWidth: i, chartHeight: r } = We(
-      h.value
-    ), y = g(() => S.value.length > 0 ? [
-      ...S.value.map((m, E) => {
-        let p = m.values;
+      return ((E = m.value.data) == null ? void 0 : E.xAxis) || [];
+    }), L = y(() => {
+      var d;
+      return ((d = m.value.data) == null ? void 0 : d.datasets) ?? [];
+    }), { datalabels: S, xCfg: T, yCfg: z, isTransposed: u, legend: c, chartWidth: i, chartHeight: r } = We(
+      m.value
+    ), b = y(() => L.value.length > 0 ? [
+      ...L.value.map((d, E) => {
+        let p = d.values;
         return {
-          label: m.name,
+          label: d.name,
           data: p,
-          dash: !!m.isCompare,
-          backgroundColor: Q({ index: E, isCompare: m.isCompare })
+          dash: !!d.isCompare,
+          backgroundColor: Q({ index: E, isCompare: d.isCompare })
         };
       })
-    ] : []), v = Ee();
-    function w() {
-      return v.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    ] : []), f = Ee();
+    function g() {
+      return f.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return _e(() => {
+    return ke(() => {
       X(() => {
-        w();
+        g();
       });
-    }), J([y], () => {
-      X(() => w());
-    }), (m, E) => {
+    }), J([b], () => {
+      X(() => g());
+    }), (d, E) => {
       const p = V("FmBarChart");
       return W(), N(oe, null, [
-        pe(m.$slots, "menu"),
+        pe(d.$slots, "menu"),
         B(p, {
           ref_key: "chartRef",
           ref: t,
           class: "bar-chart",
-          datasets: y.value,
+          datasets: b.value,
           "x-axis": { categories: x.value },
           "x-cfg": l(T),
           "y-cfg": l(z),
-          transpose: l(c),
+          transpose: l(u),
           stacked: !0,
           legend: {
-            display: l(u).display ?? !1,
-            position: l(u).position,
-            maxHeight: l(u).maxHeight,
-            maxWidth: l(u).maxWidth,
-            labels: l(u).labels
+            display: l(c).display ?? !1,
+            position: l(c).position,
+            maxHeight: l(c).maxHeight,
+            maxWidth: l(c).maxWidth,
+            labels: l(c).labels
           },
-          datalabels: l(F),
+          datalabels: l(S),
           "maintain-aspect-ratio": !1,
           style: ne({
             "--chart-width": l(i) !== void 0 ? l(i) + "px" : "100%",
@@ -963,19 +970,19 @@ const _a = { class: "my-4" }, ka = {
   emits: ["update:modelValue"],
   setup(e) {
     var p;
-    const n = e, h = te(e, "modelValue"), t = ((p = h.value.data) == null ? void 0 : p.xAxis) ?? [], x = g(
+    const n = e, m = te(e, "modelValue"), t = ((p = m.value.data) == null ? void 0 : p.xAxis) ?? [], x = y(
       () => t.length === 1 && T.value.length > 0 && T.value.every((s) => s.values.length === 1)
-    ), S = g(() => x.value ? ["", t[0], ""] : t), F = d(null), T = g(() => {
+    ), L = y(() => x.value ? ["", t[0], ""] : t), S = h(null), T = y(() => {
       var s;
-      return ((s = h.value.data) == null ? void 0 : s.datasets) ?? [];
-    }), { datalabels: z, xCfg: c, yCfg: u, isTransposed: i, legend: r, chartWidth: y, chartHeight: v } = We(
-      h.value
-    ), w = g(() => T.value.length > 0 ? [
+      return ((s = m.value.data) == null ? void 0 : s.datasets) ?? [];
+    }), { datalabels: z, xCfg: u, yCfg: c, isTransposed: i, legend: r, chartWidth: b, chartHeight: f } = We(
+      m.value
+    ), g = y(() => T.value.length > 0 ? [
       ...T.value.map((s, C) => {
-        let b = s.values;
-        return x.value && (b = [NaN, b[0], NaN]), {
+        let w = s.values;
+        return x.value && (w = [NaN, w[0], NaN]), {
           label: s.name,
-          data: b,
+          data: w,
           dash: s.isCompare,
           fill: !1,
           color: Q({ index: C, isCompare: s.isCompare }),
@@ -986,28 +993,28 @@ const _a = { class: "my-4" }, ka = {
           pointBorderWidth: x.value ? 2 : void 0
         };
       })
-    ] : []), m = Ee();
+    ] : []), d = Ee();
     function E() {
-      return m.extractChartSize(F.value, n.tileIndex) || { width: 0, height: 0 };
+      return d.extractChartSize(S.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return _e(() => {
+    return ke(() => {
       X(() => {
         E();
       });
-    }), J([w], () => {
+    }), J([g], () => {
       X(() => E());
     }), (s, C) => {
-      const b = V("FmLineChart");
+      const w = V("FmLineChart");
       return W(), N(oe, null, [
         pe(s.$slots, "menu"),
-        B(b, {
+        B(w, {
           ref_key: "chartRef",
-          ref: F,
+          ref: S,
           class: "line-chart",
-          datasets: w.value,
-          "x-axis": { categories: S.value },
-          "x-cfg": l(c),
-          "y-cfg": l(u),
+          datasets: g.value,
+          "x-axis": { categories: L.value },
+          "x-cfg": l(u),
+          "y-cfg": l(c),
           transpose: l(i),
           legend: {
             display: l(r).display ?? !1,
@@ -1020,8 +1027,8 @@ const _a = { class: "my-4" }, ka = {
           datalabels: l(z),
           "maintain-aspect-ratio": !1,
           style: ne({
-            "--chart-width": l(y) !== void 0 ? l(y) + "px" : "100%",
-            "--chart-height": l(v) !== void 0 ? l(v) + "px" : "calc(100% - 36px)"
+            "--chart-width": l(b) !== void 0 ? l(b) + "px" : "100%",
+            "--chart-height": l(f) !== void 0 ? l(f) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -1061,19 +1068,19 @@ const Aa = /* @__PURE__ */ ee({
   emits: ["update:modelValue"],
   setup(e) {
     var p;
-    const n = e, h = te(e, "modelValue"), t = ((p = h.value.data) == null ? void 0 : p.xAxis) ?? [], x = g(
+    const n = e, m = te(e, "modelValue"), t = ((p = m.value.data) == null ? void 0 : p.xAxis) ?? [], x = y(
       () => t.length === 1 && T.value.length > 0 && T.value.every((s) => s.values.length === 1)
-    ), S = g(() => x.value ? ["", t[0], ""] : t), F = d(null), T = g(() => {
+    ), L = y(() => x.value ? ["", t[0], ""] : t), S = h(null), T = y(() => {
       var s;
-      return ((s = h.value.data) == null ? void 0 : s.datasets) ?? [];
-    }), { datalabels: z, xCfg: c, yCfg: u, isTransposed: i, legend: r, chartWidth: y, chartHeight: v } = We(
-      h.value
-    ), w = g(() => T.value.length > 0 ? [
+      return ((s = m.value.data) == null ? void 0 : s.datasets) ?? [];
+    }), { datalabels: z, xCfg: u, yCfg: c, isTransposed: i, legend: r, chartWidth: b, chartHeight: f } = We(
+      m.value
+    ), g = y(() => T.value.length > 0 ? [
       ...T.value.map((s, C) => {
-        let b = s.values;
-        return x.value && (b = [NaN, b[0], NaN]), {
+        let w = s.values;
+        return x.value && (w = [NaN, w[0], NaN]), {
           label: s.name,
-          data: b,
+          data: w,
           dash: !!s.isCompare,
           fill: !1,
           color: Q({ index: C, isCompare: s.isCompare }),
@@ -1084,28 +1091,28 @@ const Aa = /* @__PURE__ */ ee({
           pointBorderWidth: x.value ? 2 : void 0
         };
       })
-    ] : []), m = Ee();
+    ] : []), d = Ee();
     function E() {
-      return m.extractChartSize(F.value, n.tileIndex) || { width: 0, height: 0 };
+      return d.extractChartSize(S.value, n.tileIndex) || { width: 0, height: 0 };
     }
-    return _e(() => {
+    return ke(() => {
       X(() => {
         E();
       });
-    }), J([w], () => {
+    }), J([g], () => {
       X(() => E());
     }), (s, C) => {
-      const b = V("FmLineChart");
+      const w = V("FmLineChart");
       return W(), N(oe, null, [
         pe(s.$slots, "menu"),
-        B(b, {
+        B(w, {
           ref_key: "chartRef",
-          ref: F,
+          ref: S,
           class: "line-chart",
-          datasets: w.value,
-          "x-axis": { categories: S.value },
-          "x-cfg": l(c),
-          "y-cfg": l(u),
+          datasets: g.value,
+          "x-axis": { categories: L.value },
+          "x-cfg": l(u),
+          "y-cfg": l(c),
           transpose: l(i),
           legend: {
             display: l(r).display ?? !1,
@@ -1117,8 +1124,8 @@ const Aa = /* @__PURE__ */ ee({
           datalabels: l(z),
           "maintain-aspect-ratio": !1,
           style: ne({
-            "--chart-width": l(y) !== void 0 ? l(y) + "px" : "100%",
-            "--chart-height": l(v) !== void 0 ? l(v) + "px" : "calc(100% - 36px)"
+            "--chart-width": l(b) !== void 0 ? l(b) + "px" : "100%",
+            "--chart-height": l(f) !== void 0 ? l(f) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -1135,51 +1142,51 @@ const Aa = /* @__PURE__ */ ee({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = Me(), { FmForm: h } = ra, t = e, x = d(), S = te(e, "modelValue"), F = d(!0), T = d(!1), z = Tt(), { selectedLocationIds: c, dateRange: u, timeRange: i } = ze(at()), r = d(Ye.PORTRAIT);
-    function y() {
-      var w;
-      (w = x.value) == null || w.validateInputs();
+    const { t: n } = Me(), { FmForm: m } = ra, t = e, x = h(), L = te(e, "modelValue"), S = h(!0), T = h(!1), z = Rt(), { selectedLocationIds: u, dateRange: c, timeRange: i } = ze(at()), r = h(Ye.PORTRAIT);
+    function b() {
+      var g;
+      (g = x.value) == null || g.validateInputs();
     }
-    async function v() {
+    async function f() {
       T.value = !0;
       try {
-        t.index != null && await kt({
+        t.index != null && await _t({
           reportType: t.reportType,
           index: t.index,
           orientationTypes: [r.value],
-          isCombinedLocationLayout: F.value,
+          isCombinedLocationLayout: S.value,
           timeRange: i.value,
-          dateRange: u.value,
-          locationIds: c.value
+          dateRange: c.value,
+          locationIds: u.value
         });
-      } catch (w) {
-        z.open({ message: w.message, type: "error" });
+      } catch (g) {
+        z.open({ message: g.message, type: "error" });
       } finally {
         T.value = !1;
       }
     }
-    return (w, m) => {
+    return (g, d) => {
       const E = V("FmRadio"), p = V("FmRadioGroup"), s = V("FmButton"), C = V("FmDialog");
       return W(), U(C, {
-        modelValue: S.value,
-        "onUpdate:modelValue": m[2] || (m[2] = (b) => S.value = b),
+        modelValue: L.value,
+        "onUpdate:modelValue": d[2] || (d[2] = (w) => L.value = w),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": q(() => m[3] || (m[3] = [
-          Zt("Select Orientation")
+        "dialog-header": q(() => d[3] || (d[3] = [
+          Qt("Select Orientation")
         ])),
         default: q(() => [
-          B(l(h), {
+          B(l(m), {
             ref_key: "form",
             ref: x,
-            onValidationSuccess: v
+            onValidationSuccess: f
           }, {
             default: q(() => [
               P("div", Va, [
                 B(p, {
                   modelValue: r.value,
-                  "onUpdate:modelValue": m[0] || (m[0] = (b) => r.value = b)
+                  "onUpdate:modelValue": d[0] || (d[0] = (w) => r.value = w)
                 }, {
                   default: q(() => [
                     B(E, {
@@ -1195,17 +1202,17 @@ const Aa = /* @__PURE__ */ ee({
                 }, 8, ["modelValue"])
               ]),
               P("div", Ha, [
-                m[4] || (m[4] = P("div", { class: "grow" }, null, -1)),
+                d[4] || (d[4] = P("div", { class: "grow" }, null, -1)),
                 B(s, {
                   label: l(n)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: m[1] || (m[1] = (b) => S.value = !1)
+                  onClick: d[1] || (d[1] = (w) => L.value = !1)
                 }, null, 8, ["label"]),
                 P("div", null, [
                   B(s, {
                     label: l(n)("report.common.download"),
                     loading: T.value,
-                    onClick: y
+                    onClick: b
                   }, null, 8, ["label", "loading"])
                 ])
               ])
@@ -1246,88 +1253,88 @@ const Aa = /* @__PURE__ */ ee({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = d(!0), h = te(e, "modelValue"), t = h.value.widget.config, { t: x, te: S } = Me(), F = e, T = d(null), z = d(t.rollup), c = d($e()), u = d(t.drillDimension), i = g(() => {
+    const n = h(!0), m = te(e, "modelValue"), t = m.value.widget.config, { t: x, te: L } = Me(), S = e, T = h(null), z = h(t.rollup), u = h($e()), c = h(t.drillDimension), i = y(() => {
       if (ce.value.length > 0) {
         const a = ce.value.findIndex(
-          ($) => $.value === u.value
+          ($) => $.value === c.value
         );
         return a >= 0 ? a : 0;
       } else
         return -1;
-    }), r = g(() => i.value !== 0), y = g(
+    }), r = y(() => i.value !== 0), b = y(
       () => i.value != ce.value.length - 1
-    ), v = d(t.showTitle ?? !0), w = d(t.titleFontSize ?? 14), m = d(t.titleBold ?? !1), E = d(t.titleItalic ?? !1), p = d(t.titleUnderline ?? !1), s = d(t.chartWidth ?? void 0), C = d(t.chartHeight ?? void 0), b = d(t.showLabel ?? !1), _ = d(t.labelAlign ?? Ze.center), D = d(t.labelAnchor ?? Ke.center), o = d(t.labelRotation ?? 0), f = d(t.labelOffset ?? 0), R = d(t.labelFontSize ?? 12), k = g(() => t.showSearchBar), A = d(t.showX ?? !0), H = d(t.xPosition ?? Qe.bottom), Y = d(t.showXGrid ?? !1), O = d(t.showXTick ?? !0), G = d(t.xTickFontSize ?? 12), j = d(t.showXTitle ?? !1), De = d(t.xTitle ?? ""), Ae = d(t.xTitleFontSize ?? 12), Ve = d(t.showY ?? !0), ke = d(t.yPosition ?? et.left), Te = d(t.showYGrid ?? !1), fe = d(t.showYTick ?? !0), se = d(t.yTickFontSize ?? 12), re = d(t.showYTitle ?? !1), ae = d(t.yTitle ?? ""), ve = d(t.yTitleFontSize ?? 12), le = d(t.showLegend ?? void 0), ie = d(t.legendPosition ?? tt.top), ue = d(t.usePointStyle ?? !0), Ne = d(t.legendMaxHeight ?? 54), ot = d(t.legendMaxWidth ?? 54), nt = d(t.rowHeight ?? 0), st = d(t.colWidths ?? []), Ie = d(!1), qe = d(""), { breakpoints: ge, getBreakpointsBoundary: Re } = ia(), rt = d(), I = g(
-      () => F.customScreenWidth === void 0 ? window.innerWidth : F.customScreenWidth
-    ), Ft = g(
+    ), f = h(t.showTitle ?? !0), g = h(t.titleFontSize ?? 14), d = h(t.titleBold ?? !1), E = h(t.titleItalic ?? !1), p = h(t.titleUnderline ?? !1), s = h(t.chartWidth ?? void 0), C = h(t.chartHeight ?? void 0), w = h(t.showLabel ?? !1), k = h(t.labelAlign ?? Ze.center), D = h(t.labelAnchor ?? Ke.center), o = h(t.labelRotation ?? 0), v = h(t.labelOffset ?? 0), R = h(t.labelFontSize ?? 12), _ = y(() => t.showSearchBar), A = h(t.showX ?? !0), H = h(t.xPosition ?? Qe.bottom), Y = h(t.showXGrid ?? !1), O = h(t.showXTick ?? !0), G = h(t.xTickFontSize ?? 12), j = h(t.showXTitle ?? !1), De = h(t.xTitle ?? ""), Ae = h(t.xTitleFontSize ?? 12), Ve = h(t.showY ?? !0), _e = h(t.yPosition ?? et.left), Te = h(t.showYGrid ?? !1), fe = h(t.showYTick ?? !0), se = h(t.yTickFontSize ?? 12), re = h(t.showYTitle ?? !1), ae = h(t.yTitle ?? ""), ve = h(t.yTitleFontSize ?? 12), le = h(t.showLegend ?? void 0), ie = h(t.legendPosition ?? tt.top), ue = h(t.usePointStyle ?? !0), Ne = h(t.legendMaxHeight), ot = h(t.legendMaxWidth), nt = h(t.rowHeight ?? 0), st = h(t.colWidths ?? []), Ie = h(!1), qe = h(""), { breakpoints: ge, getBreakpointsBoundary: Re } = Tt(), rt = h(), I = y(
+      () => S.customScreenWidth === void 0 ? window.innerWidth : S.customScreenWidth
+    ), Lt = y(
       () => (I == null ? void 0 : I.value) > Re("xs")[1] && (I == null ? void 0 : I.value) <= Re("sm")[1]
-    ), Lt = g(
+    ), zt = y(
       () => (I == null ? void 0 : I.value) > Re("sm")[1] && (I == null ? void 0 : I.value) <= Re("md")[1]
-    ), zt = g(() => (I == null ? void 0 : I.value) > Re("md")[1]), Et = g(() => {
-      const a = h.value.size.width;
-      return zt.value || Lt.value ? Ea(a) : Ft.value ? Wa(a) : Da(a);
-    }), He = g(
-      () => ua.find((a) => a.type === h.value.widget.type)
+    ), Et = y(() => (I == null ? void 0 : I.value) > Re("md")[1]), Wt = y(() => {
+      const a = m.value.size.width;
+      return Et.value || zt.value ? Ea(a) : Lt.value ? Wa(a) : Da(a);
+    }), He = y(
+      () => ua.find((a) => a.type === m.value.widget.type)
     ), ye = wt(() => {
       var a;
-      rt.value = Pt((a = T.value) == null ? void 0 : a.$el.offsetWidth), c.value = $e();
-    }), Wt = g(() => {
+      rt.value = Mt((a = T.value) == null ? void 0 : a.$el.offsetWidth), u.value = $e();
+    }), Dt = y(() => {
       if (ca(M.value.type, be.value))
-        switch (h.value.widget.type) {
-          case L.BarChart:
+        switch (m.value.widget.type) {
+          case F.BarChart:
             return ha;
-          case L.StackBarChart:
+          case F.StackBarChart:
             return La;
-          case L.LineChart:
+          case F.LineChart:
             return Aa;
-          case L.StackLineChart:
+          case F.StackLineChart:
             return za;
-          case L.Circular:
+          case F.Circular:
             return ma;
-          case L.Scorecard:
+          case F.Scorecard:
             return ba;
-          case L.Spacer:
+          case F.Spacer:
             return Ca;
-          case L.Table:
+          case F.Table:
             return Fa;
           default:
             return xt;
         }
       else
         return xt;
-    }), be = d(null), {
+    }), be = h(null), {
       selectedLocationIds: Oe,
       dateRange: it,
-      compareDateRange: Dt,
+      compareDateRange: At,
       timeRange: ut,
-      globalFilters: At,
+      globalFilters: Vt,
       isGlobalFiltersLoading: Ue
-    } = ze(at()), { businessId: Vt } = ze(lt()), Ht = d(!0), M = g(() => {
-      const a = JSON.parse(JSON.stringify(h.value.widget));
+    } = ze(at()), { businessId: Ht } = ze(lt()), Bt = h(!0), M = y(() => {
+      const a = JSON.parse(JSON.stringify(m.value.widget));
       return {
         ...a,
         config: {
           ...a.config,
           rollup: z.value,
-          drillDimension: u.value,
+          drillDimension: c.value,
           showGrandTotal: !1
         }
       };
     });
-    function Bt() {
+    function $t() {
       return {
         data: be.value,
-        showTitle: v.value,
-        titleFontSize: w.value,
-        titleBold: m.value,
+        showTitle: f.value,
+        titleFontSize: g.value,
+        titleBold: d.value,
         titleItalic: E.value,
         titleUnderline: p.value,
         chartHeight: C.value,
         chartWidth: s.value,
-        showLabel: b.value,
+        showLabel: w.value,
         labelAnchor: D.value,
-        labelAlign: _.value,
+        labelAlign: k.value,
         labelRotation: o.value,
-        labelOffset: f.value,
+        labelOffset: v.value,
         labelFontSize: R.value,
         showX: A.value,
         xPosition: H.value,
@@ -1338,7 +1345,7 @@ const Aa = /* @__PURE__ */ ee({
         xTitle: De.value,
         xTitleFontSize: Ae.value,
         showY: Ve.value,
-        yPosition: ke.value,
+        yPosition: _e.value,
         showYGrid: Te.value,
         showYTick: fe.value,
         yTitle: ae.value,
@@ -1353,7 +1360,7 @@ const Aa = /* @__PURE__ */ ee({
         legendMaxWidth: ot.value
       };
     }
-    function $t() {
+    function Pt() {
       return {
         data: be.value,
         filterText: qe.value,
@@ -1362,59 +1369,59 @@ const Aa = /* @__PURE__ */ ee({
         colWidths: st.value
       };
     }
-    const ct = g(() => {
+    const ct = y(() => {
       switch (M.value.type) {
-        case L.Table:
+        case F.Table:
+          return Pt();
+        case F.BarChart:
+        case F.LineChart:
+        case F.StackBarChart:
+        case F.StackLineChart:
+        case F.Circular:
           return $t();
-        case L.BarChart:
-        case L.LineChart:
-        case L.StackBarChart:
-        case L.StackLineChart:
-        case L.Circular:
-          return Bt();
         default:
           return { data: be.value };
       }
-    }), dt = g(() => {
-      const { config: a } = h.value.widget;
+    }), dt = y(() => {
+      const { config: a } = m.value.widget;
       if (a.rollup != null) {
         const $ = [...a.dimensions].filter((de) => !de.hide);
         return $.sort(
           (de, Fe) => (a.rowIds || []).indexOf(Ge(de)) - (a.rowIds || []).indexOf(Ge(Fe))
         ), [
-          { label: Ce(x, S, "None", "other"), value: null },
-          { label: Ce(x, S, "Grand Total", "other"), value: 0 },
+          { label: Ce(x, L, "None", "other"), value: null },
+          { label: Ce(x, L, "Grand Total", "other"), value: 0 },
           ...[...$].slice(0, $.length - 1).map((de, Fe) => ({
-            label: Ce(x, S, de.label, "other"),
+            label: Ce(x, L, de.label, "other"),
             value: Fe + 1
           }))
         ];
       }
       return [];
-    }), ce = g(() => {
+    }), ce = y(() => {
       const { config: a } = M.value;
       return a.isDrillable ? a.dimensions.map(($) => ({
-        label: Ce(x, S, $.label, "other"),
+        label: Ce(x, L, $.label, "other"),
         value: Ge($)
       })) : [];
     });
     J(
-      () => h.value.widget.config,
+      () => m.value.widget.config,
       (a) => {
-        z.value = a.rollup, v.value = a.showTitle ?? !0, w.value = a.titleFontSize ?? 14, m.value = a.titleBold ?? !1, E.value = a.titleItalic ?? !1, p.value = a.titleUnderline ?? !1, C.value = a.chartHeight ?? void 0, s.value = a.chartWidth ?? void 0, b.value = a.showLabel ?? !1, _.value = a.labelAlign ?? Ze.center, D.value = a.labelAnchor ?? Ke.center, o.value = a.labelRotation ?? 0, f.value = a.labelOffset ?? 0, R.value = a.labelFontSize ?? 12, A.value = a.showX ?? !0, H.value = a.xPosition ?? Qe.bottom, Y.value = a.showXGrid ?? !1, O.value = a.showXTick ?? !0, G.value = a.xTickFontSize ?? 12, j.value = a.showXTitle ?? !1, De.value = a.xTitle ?? "", Ae.value = a.xTitleFontSize ?? 12, Ve.value = a.showY ?? !0, ke.value = a.yPosition ?? et.left, Te.value = a.showYGrid ?? !1, fe.value = a.showYTick ?? !0, se.value = a.yTickFontSize ?? 12, re.value = a.showYTitle ?? !1, ae.value = a.yTitle ?? "", ve.value = a.yTitleFontSize ?? 12, le.value = a.showLegend ?? void 0, ie.value = a.legendPosition ?? tt.top, ue.value = a.usePointStyle ?? !0, Ne.value = a.legendMaxHeight ?? 54, ot.value = a.legendMaxWidth ?? 54, nt.value = a.rowHeight ?? 0, st.value = a.colWidths ?? [];
+        z.value = a.rollup, f.value = a.showTitle ?? !0, g.value = a.titleFontSize ?? 14, d.value = a.titleBold ?? !1, E.value = a.titleItalic ?? !1, p.value = a.titleUnderline ?? !1, C.value = a.chartHeight ?? void 0, s.value = a.chartWidth ?? void 0, w.value = a.showLabel ?? !1, k.value = a.labelAlign ?? Ze.center, D.value = a.labelAnchor ?? Ke.center, o.value = a.labelRotation ?? 0, v.value = a.labelOffset ?? 0, R.value = a.labelFontSize ?? 12, A.value = a.showX ?? !0, H.value = a.xPosition ?? Qe.bottom, Y.value = a.showXGrid ?? !1, O.value = a.showXTick ?? !0, G.value = a.xTickFontSize ?? 12, j.value = a.showXTitle ?? !1, De.value = a.xTitle ?? "", Ae.value = a.xTitleFontSize ?? 12, Ve.value = a.showY ?? !0, _e.value = a.yPosition ?? et.left, Te.value = a.showYGrid ?? !1, fe.value = a.showYTick ?? !0, se.value = a.yTickFontSize ?? 12, re.value = a.showYTitle ?? !1, ae.value = a.yTitle ?? "", ve.value = a.yTitleFontSize ?? 12, le.value = a.showLegend ?? void 0, ie.value = a.legendPosition ?? tt.top, ue.value = a.usePointStyle ?? !0, Ne.value = a.legendMaxHeight, ot.value = a.legendMaxWidth, nt.value = a.rowHeight ?? 0, st.value = a.colWidths ?? [];
       },
       { deep: !0 }
     ), J([() => z.value], () => {
-      z.value !== null && (h.value.widget.config.rollup = z.value);
+      z.value !== null && (m.value.widget.config.rollup = z.value);
     }), J(
       [
         () => M.value,
         () => it.value,
         () => ut.value,
-        () => Dt.value,
+        () => At.value,
         () => Oe.value,
+        () => Ht.value,
         () => Vt.value,
-        () => At.value,
         () => Ue.value
       ],
       () => {
@@ -1424,17 +1431,17 @@ const Aa = /* @__PURE__ */ ee({
         deep: !0
       }
     ), J(
-      [() => h.value.size],
+      [() => m.value.size],
       () => {
         ye();
       },
       { deep: !0 }
-    ), _e(() => {
+    ), ke(() => {
       ye(), ge.value.sm || ge.value.md || ge.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", ye)) : addEventListener("resize", ye), mt();
-    }), Qt(() => {
+    }), ea(() => {
       ge.value.sm || ge.value.md || ge.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", ye)) : removeEventListener("resize", ye);
     });
-    const ht = Tt();
+    const ht = Rt();
     let Be;
     async function mt() {
       if (Oe.value.length === 0 || Ue.value) {
@@ -1451,51 +1458,51 @@ const Aa = /* @__PURE__ */ ee({
       try {
         n.value = !0, Be && Be.abort(), Be = new AbortController();
         const a = Be.signal;
-        be.value = await wt(la, 500)(M.value, a, h.value.id), c.value = $e(), n.value = !1;
+        be.value = await wt(oa, 500)(M.value, a, m.value.id), u.value = $e(), n.value = !1;
       } catch (a) {
         a.code !== "ERR_CANCELED" && (be.value = null, ht.open({ message: `Invalid chart ${M.value.type}`, type: "error" }), console.log(a), n.value = !1);
       }
     }
-    function Pt(a) {
-      switch (h.value.widget.type) {
+    function Mt(a) {
+      switch (m.value.widget.type) {
         case "SPACER":
           return;
         case "SCORECARD":
           return;
         case "TABLE":
-          return `${h.value.size.height * 100 + (k.value ? 72 : 0) + 96.5}px`;
+          return `${m.value.size.height * 100 + (_.value ? 72 : 0) + 96.5}px`;
       }
-      return `${Math.max(a / h.value.size.width, 90) * h.value.size.height}px`;
+      return `${Math.max(a / m.value.size.width, 90) * m.value.size.height}px`;
     }
-    function Mt() {
+    function Nt() {
       const a = i.value - 1;
-      a >= 0 && (u.value = ce.value[a].value);
+      a >= 0 && (c.value = ce.value[a].value);
     }
-    function Nt() {
+    function It() {
       const a = i.value + 1;
-      a >= 0 && a < ce.value.length && (u.value = ce.value[a].value);
+      a >= 0 && a < ce.value.length && (c.value = ce.value[a].value);
     }
-    const pt = d(xe.EXCEL), ft = d(), It = Object.values(xe).map((a) => ({
-      label: oa(a),
+    const pt = h(xe.EXCEL), ft = h(), qt = Object.values(xe).map((a) => ({
+      label: na(a),
       value: a,
       onClick: async () => {
-        a === xe.EXCEL || a === xe.PDFFULLSIZE || a === xe.PDFRECEIPT ? await kt({
+        a === xe.EXCEL || a === xe.PDFFULLSIZE || a === xe.PDFRECEIPT ? await _t({
           reportType: a,
-          index: F.index,
-          isCombinedLocationLayout: Ht.value,
+          index: S.index,
+          isCombinedLocationLayout: Bt.value,
           timeRange: ut.value,
           dateRange: it.value,
           locationIds: Oe.value
-        }) : a === xe.PDF && (pt.value = a, ft.value = F.index, Ie.value = !0);
+        }) : a === xe.PDF && (pt.value = a, ft.value = S.index, Ie.value = !0);
       }
-    })), qt = M.value.type === L.Spacer ? "flat" : "outlined", Ot = M.value.type === L.Spacer ? "p-0" : "p-16";
+    })), Ot = M.value.type === F.Spacer ? "flat" : "outlined", Ut = M.value.type === F.Spacer ? "p-0" : "p-16";
     return (a, $) => {
-      const de = V("FmTooltip"), Fe = V("FmSearch"), Ut = V("FmCheckbox"), Xe = V("FmButton"), Xt = V("FmSelect"), Yt = V("FmMenuItem"), Gt = V("FmMenu"), jt = V("FmForm"), Jt = V("FmCircularProgress"), Kt = V("FmCard");
-      return W(), U(Kt, {
+      const de = V("FmTooltip"), Fe = V("FmSearch"), Xt = V("FmCheckbox"), Xe = V("FmButton"), Yt = V("FmSelect"), Gt = V("FmMenuItem"), jt = V("FmMenu"), Jt = V("FmForm"), Kt = V("FmCircularProgress"), Zt = V("FmCard");
+      return W(), U(Zt, {
         ref_key: "tileCard",
         ref: T,
-        class: Pe(`${Et.value} ${l(Ot)}`),
-        variant: l(qt)
+        class: Pe(`${Wt.value} ${l(Ut)}`),
+        variant: l(Ot)
       }, {
         default: q(() => [
           B(Ba, {
@@ -1508,14 +1515,14 @@ const Aa = /* @__PURE__ */ ee({
             key: 0,
             style: ne({ height: rt.value })
           }, [
-            (W(), U(ea(Wt.value), {
-              key: c.value,
+            (W(), U(ta(Dt.value), {
+              key: u.value,
               modelValue: ct.value,
               "onUpdate:modelValue": $[4] || ($[4] = (we) => ct.value = we),
-              "tile-index": F.index
+              "tile-index": S.index
             }, {
               menu: q(() => [
-                B(jt, { class: "flex items-center gap-2" }, {
+                B(Jt, { class: "flex items-center gap-2" }, {
                   default: q(() => {
                     var we, vt, gt, yt;
                     return [
@@ -1527,19 +1534,19 @@ const Aa = /* @__PURE__ */ ee({
                         disabled: !M.value.description
                       }, {
                         default: q(() => [
-                          v.value !== !1 ? (W(), N("p", {
+                          f.value !== !1 ? (W(), N("p", {
                             key: 0,
                             style: ne({
-                              fontSize: w.value + "px",
-                              fontWeight: m.value ? "bold" : "normal",
+                              fontSize: g.value + "px",
+                              fontWeight: d.value ? "bold" : "normal",
                               fontStyle: E.value ? "italic" : "normal",
                               textDecoration: p.value ? "underline" : "none"
                             }),
                             class: Pe(["text-fm-color-typo-secondary line-clamp-1", [
-                              w.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              g.value <= 18 ? "fm-typo-en-body-md-400" : "",
                               M.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, Le(l(Ce)(l(x), l(S), M.value.title, "other")), 7)) : he("", !0)
+                          }, Le(l(Ce)(l(x), l(L), M.value.title, "other")), 7)) : he("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
@@ -1549,36 +1556,36 @@ const Aa = /* @__PURE__ */ ee({
                         "onUpdate:modelValue": $[1] || ($[1] = (K) => qe.value = K),
                         class: "grow"
                       }, null, 8, ["modelValue"])) : (W(), N("div", $a)),
-                      ta(B(Ut, {
-                        modelValue: b.value,
-                        "onUpdate:modelValue": $[2] || ($[2] = (K) => b.value = K),
+                      aa(B(Xt, {
+                        modelValue: w.value,
+                        "onUpdate:modelValue": $[2] || ($[2] = (K) => w.value = K),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
-                        [aa, (vt = He.value) == null ? void 0 : vt.showLabel]
+                        [la, (vt = He.value) == null ? void 0 : vt.showLabel]
                       ]),
                       (gt = He.value) != null && gt.showDrillDimension && ce.value.length > 0 ? (W(), N("div", Pa, [
                         B(Xe, {
                           icon: "arrow_upward",
                           variant: "tertiary",
                           disabled: !r.value,
-                          onClick: Mt
+                          onClick: Nt
                         }, null, 8, ["disabled"]),
                         B(Xe, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !y.value,
-                          onClick: Nt
+                          disabled: !b.value,
+                          onClick: It
                         }, null, 8, ["disabled"])
                       ])) : he("", !0),
-                      (yt = He.value) != null && yt.showRollup && dt.value.length > 0 ? (W(), U(Xt, {
+                      (yt = He.value) != null && yt.showRollup && dt.value.length > 0 ? (W(), U(Yt, {
                         key: 3,
                         modelValue: z.value,
                         "onUpdate:modelValue": $[3] || ($[3] = (K) => z.value = K),
                         class: "w-[150px]",
                         items: dt.value
                       }, null, 8, ["modelValue", "items"])) : he("", !0),
-                      F.hideExport ? he("", !0) : (W(), U(Gt, {
+                      S.hideExport ? he("", !0) : (W(), U(jt, {
                         key: 4,
                         shift: !0
                       }, {
@@ -1589,7 +1596,7 @@ const Aa = /* @__PURE__ */ ee({
                           })
                         ]),
                         default: q(() => [
-                          (W(!0), N(oe, null, _t(l(It), (K) => (W(), U(Yt, {
+                          (W(!0), N(oe, null, kt(l(qt), (K) => (W(), U(Gt, {
                             key: K.value,
                             label: K.label,
                             onClick: K.onClick
@@ -1604,7 +1611,7 @@ const Aa = /* @__PURE__ */ ee({
               ]),
               _: 1
             }, 8, ["modelValue", "tile-index"]))
-          ], 4)) : (W(), U(Jt, { key: 1 }))
+          ], 4)) : (W(), U(Kt, { key: 1 }))
         ]),
         _: 1
       }, 8, ["class", "variant"]);