@feedmepos/mf-report 5.7.6-beta.103 → 5.8.0-beta.0

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-hFmuXpI-.js → DynamicWidget.vue_vue_type_script_setup_true_lang-BVc7b2H4.js}

@@ -1,15 +1,15 @@
-import { computed as m, defineComponent as Z, useModel as Q, ref as u, resolveComponent as V, createElementBlock as H, openBlock as E, Fragment as te, renderSlot as ue, createVNode as W, normalizeStyle as ae, unref as n, createElementVNode as $, toDisplayString as xe, withCtx as I, createBlock as O, createCommentVNode as ce, normalizeClass as ze, h as ot, watch as ve, nextTick as nt, renderList as ut, mergeModels as dt, createTextVNode as zt, onMounted as Vt, onUnmounted as Pt, resolveDynamicComponent as Wt, withDirectives as $t, vShow as Bt } from "vue";
-import { W as y, v as Ae, P as We, d as ht, R as Ce, g as Ht, q as qt } from "./v4-KVHDiToS.js";
-import { u as Ve, b as Oe, a as Ue } from "./global-loader-DeDK8lT7.js";
-import { d as st } from "./index-BUphqdhM.js";
-import { storeToRefs as Se, defineStore as Mt } from "pinia";
-import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { r as fe } from "./i18n-Cif1I9J2.js";
-import { _ as rt } from "./NoData.vue_vue_type_script_setup_true_lang-Gjyew5eM.js";
-import { components as Nt, useSnackbar as mt, useBreakpoints as Ot } from "@feedmepos/ui-library";
-var Be = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Be || {}), K = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(K || {}), He = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(He || {}), qe = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(qe || {}), Me = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Me || {}), Ie = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Ie || {}), Ne = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Ne || {});
+import { computed as d, defineComponent as ee, useModel as te, ref as u, resolveComponent as V, createElementBlock as H, openBlock as E, Fragment as le, renderSlot as de, createVNode as $, normalizeStyle as oe, unref as n, createElementVNode as B, toDisplayString as xe, withCtx as N, createBlock as O, createCommentVNode as ue, normalizeClass as Ve, h as nt, watch as ge, nextTick as st, renderList as dt, mergeModels as mt, createTextVNode as Wt, onMounted as Ht, onUnmounted as qt, resolveDynamicComponent as Mt, withDirectives as Nt, vShow as It } from "vue";
+import { W as y, v as ze, P as We, d as ht, R as Se, g as Ot, q as Ut } from "./v4-CfR4tJai.js";
+import { u as Pe, b as Xe, a as Ye } from "./global-loader-DKYDQRZx.js";
+import { d as rt } from "./index--mBthMxH.js";
+import { storeToRefs as _e, defineStore as Xt } from "pinia";
+import { _ as Yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { r as ve } from "./i18n-Cif1I9J2.js";
+import { _ as it } from "./NoData.vue_vue_type_script_setup_true_lang-CAbykN6l.js";
+import { components as Gt, useSnackbar as pt, useBreakpoints as jt } from "@feedmepos/ui-library";
+var qe = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(qe || {}), Q = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Q || {}), Me = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Me || {}), Ne = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Ne || {}), Ie = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Ie || {}), Oe = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Oe || {}), Ue = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Ue || {});
 y.Circular, y.Table, y.BarChart, y.LineChart, y.StackBarChart, y.StackLineChart, y.Scorecard, y.Spacer;
-const Ut = [
+const Jt = [
   {
     type: y.Circular,
     showLabel: !1,
@@ -72,11 +72,11 @@ const Ut = [
     showSearchBar: !1
   }
 ];
-function $e(e) {
+function He(e) {
   const t = [e.schemaName, e.name];
   return "option" in e && e.option && t.push(e.option), "aggregation" in e && e.aggregation && t.push(e.aggregation), t.push(e.label.replace(/[^a-zA-Z0-9]/g, "")), t.join("_").toLowerCase();
 }
-function Xt(e, t) {
+function Kt(e, t) {
   switch (e) {
     case y.BarChart:
     case y.LineChart:
@@ -93,7 +93,7 @@ function Xt(e, t) {
       return !0;
   }
 }
-const it = [
+const ct = [
   "54, 162, 235",
   //8CE6D7
   "0, 123, 167",
@@ -115,31 +115,31 @@ const it = [
   "155, 80, 70"
   //9B5046
 ];
-function _e({
+function ke({
   index: e,
   isCompare: t,
-  opacity: p
+  opacity: f
 }) {
-  let a = typeof p == "number" ? p : 1;
-  return t && (a = a * 0.6), `rgba(${it[e % it.length]}, ${a})`;
+  let a = typeof f == "number" ? f : 1;
+  return t && (a = a * 0.6), `rgba(${ct[e % ct.length]}, ${a})`;
 }
-function pt(e, t, p) {
+function ft(e, t, f) {
   if (e === "" || t === "")
     return null;
   let a = (g) => g == null ? void 0 : g.replace(/,/g, "");
-  p === "ID" && (a = (g) => g == null ? void 0 : g.replace(/\./g, "").replace(/,/g, "."));
-  const k = Number(a(e)), S = Number(a(t));
-  if (isNaN(k) || isNaN(S))
+  f === "ID" && (a = (g) => g == null ? void 0 : g.replace(/\./g, "").replace(/,/g, "."));
+  const k = Number(a(e)), x = Number(a(t));
+  if (isNaN(k) || isNaN(x))
     return null;
-  let C = 0;
-  S === 0 ? k === 0 ? C = 0 : C = 1 : C = (k - S) / S;
-  const _ = Yt(C);
+  let b = 0;
+  x === 0 ? k === 0 ? b = 0 : b = 1 : b = (k - x) / x;
+  const _ = Zt(b);
   return {
-    value: isNaN(C) ? "" : `${(C * 100).toFixed(0)}%`,
+    value: isNaN(b) ? "" : `${(b * 100).toFixed(0)}%`,
     icon: _
   };
 }
-function Yt(e) {
+function Zt(e) {
   return e > 0 ? {
     name: "moving",
     color: "#1F7735",
@@ -154,8 +154,8 @@ function Yt(e) {
     tailwind: "fm-color-neutral-gray-100"
   };
 }
-function ke(e) {
-  const t = m(() => ({
+function Re(e) {
+  const t = d(() => ({
     display: e.showLabel,
     align: e.labelAlign,
     anchor: e.labelAnchor,
@@ -164,7 +164,7 @@ function ke(e) {
     font: {
       size: e.labelFontSize
     }
-  })), p = m(() => ({
+  })), f = d(() => ({
     display: e.showX,
     position: e.xPosition,
     grid: {
@@ -176,7 +176,7 @@ function ke(e) {
         size: e.xTickFontSize
       }
     }
-  })), a = m(() => ({
+  })), a = d(() => ({
     display: e.showY,
     position: e.yPosition,
     grid: {
@@ -188,14 +188,14 @@ function ke(e) {
         size: e.yTickFontSize
       }
     }
-  })), k = m(() => ({
+  })), k = d(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle
-  })), S = m(() => e.isTransposed), C = m(() => e.chartWidth), _ = m(() => e.chartHeight);
-  return { datalabels: t, xCfg: p, yCfg: a, isTransposed: S, legend: k, chartWidth: C, chartHeight: _ };
+  })), x = d(() => e.isTransposed), b = d(() => e.chartWidth), _ = d(() => e.chartHeight);
+  return { datalabels: t, xCfg: f, yCfg: a, isTransposed: x, legend: k, chartWidth: b, chartHeight: _ };
 }
-const Gt = /* @__PURE__ */ Z({
+const Qt = /* @__PURE__ */ ee({
   __name: "WidgetBarchart",
   props: {
     modelValue: { required: !0 },
@@ -203,33 +203,33 @@ const Gt = /* @__PURE__ */ Z({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Q(e, "modelValue"), p = m(() => {
+    const t = te(e, "modelValue"), f = d(() => {
       var r;
       return ((r = t.value.data) == null ? void 0 : r.xAxis) ?? [];
-    }), a = m(() => {
+    }), a = d(() => {
       var r;
       return ((r = t.value.data) == null ? void 0 : r.datasets) ?? [];
-    }), k = u(null), { datalabels: S, xCfg: C, yCfg: _, isTransposed: g, legend: R, chartWidth: T, chartHeight: d } = ke(
+    }), k = u(null), { datalabels: x, xCfg: b, yCfg: _, isTransposed: g, legend: R, chartWidth: T, chartHeight: m } = Re(
       t.value
-    ), i = m(() => a.value.length > 0 ? [
-      ...a.value.map((r, x) => ({
+    ), i = d(() => a.value.length > 0 ? [
+      ...a.value.map((r, S) => ({
         label: r.name,
         data: r.values,
         dash: !!r.isCompare,
-        backgroundColor: _e({ index: x, isCompare: r.isCompare })
+        backgroundColor: ke({ index: S, isCompare: r.isCompare })
       }))
     ] : []);
-    return (r, x) => {
+    return (r, S) => {
       const L = V("FmBarChart");
-      return E(), H(te, null, [
-        ue(r.$slots, "menu"),
-        W(L, {
+      return E(), H(le, null, [
+        de(r.$slots, "menu"),
+        $(L, {
           ref_key: "chartRef",
           ref: k,
           class: "bar-chart",
           datasets: i.value,
-          "x-axis": { categories: p.value },
-          "x-cfg": n(C),
+          "x-axis": { categories: f.value },
+          "x-cfg": n(b),
           "y-cfg": n(_),
           transpose: n(g),
           legend: {
@@ -239,17 +239,17 @@ const Gt = /* @__PURE__ */ Z({
               usePointStyle: n(R).usePointStyle ?? !0
             }
           },
-          datalabels: n(S),
+          datalabels: n(x),
           "maintain-aspect-ratio": !1,
-          style: ae({
+          style: oe({
             "--chart-width": n(T) !== void 0 ? n(T) + "px" : "100%",
-            "--chart-height": n(d) !== void 0 ? n(d) + "px" : "calc(100% - 36px)"
+            "--chart-height": n(m) !== void 0 ? n(m) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), jt = /* @__PURE__ */ Z({
+}), ea = /* @__PURE__ */ ee({
   __name: "WidgetCircular",
   props: {
     modelValue: { required: !0 },
@@ -257,24 +257,24 @@ const Gt = /* @__PURE__ */ Z({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Q(e, "modelValue"), { datalabels: p, legend: a, chartWidth: k, chartHeight: S } = ke(t.value), C = m(() => {
+    const t = te(e, "modelValue"), { datalabels: f, legend: a, chartWidth: k, chartHeight: x } = Re(t.value), b = d(() => {
       let _ = [];
       return t.value.data.datasets && t.value.data.metrics && t.value.data.datasets.length > 0 && t.value.data.metrics.length > 0 && (_ = [
         {
           label: t.value.data.metrics[0],
           data: t.value.data.datasets.map((g) => g.value),
-          backgroundColor: t.value.data.datasets.map((g, R) => _e({ index: R }))
+          backgroundColor: t.value.data.datasets.map((g, R) => ke({ index: R }))
         }
       ]), _;
     });
     return (_, g) => {
       const R = V("FmPieChart");
-      return E(), H(te, null, [
-        ue(_.$slots, "menu"),
-        W(R, {
+      return E(), H(le, null, [
+        de(_.$slots, "menu"),
+        $(R, {
           class: "circular",
           percentage: "70%",
-          datasets: C.value,
+          datasets: b.value,
           metrics: t.value.data.datasets.map((T) => T.name),
           variant: "doughnut",
           legend: {
@@ -285,17 +285,17 @@ const Gt = /* @__PURE__ */ Z({
               usePointStyle: n(a).usePointStyle ?? !0
             }
           },
-          datalabels: n(p),
+          datalabels: n(f),
           "maintain-aspect-ratio": !1,
-          style: ae({
+          style: oe({
             "--chart-width": n(k) !== void 0 ? n(k) + "px" : "100%",
-            "--chart-height": n(S) !== void 0 ? n(S) + "px" : "calc(100% - 36px)"
+            "--chart-height": n(x) !== void 0 ? n(x) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), Jt = { class: "flex flex-col gap-1" }, Kt = { class: "fm-typo-en-title-sm-600" }, Zt = { class: "flex gap-2" }, Qt = { key: 0 }, ea = { key: 1 }, ta = /* @__PURE__ */ Z({
+}), ta = { class: "flex flex-col gap-1" }, aa = { class: "fm-typo-en-title-sm-600" }, la = { class: "flex gap-2" }, oa = { key: 0 }, na = { key: 1 }, sa = /* @__PURE__ */ ee({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -303,83 +303,83 @@ const Gt = /* @__PURE__ */ Z({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Q(e, "modelValue"), { t: p } = Ve(), { compareDateRange: a, defaultDateSetting: k } = Se(Oe()), { country: S } = Ue(), C = m(() => {
-      var d;
-      return ((d = t.value.data) == null ? void 0 : d.value) || "";
-    }), _ = m(() => {
-      const { data: d } = t.value;
-      return d != null && d.comparison ? pt(C.value, d.comparison, S) : null;
+    const t = te(e, "modelValue"), { t: f } = Pe(), { compareDateRange: a, defaultDateSetting: k } = _e(Xe()), { country: x } = Ye(), b = d(() => {
+      var m;
+      return ((m = t.value.data) == null ? void 0 : m.value) || "";
+    }), _ = d(() => {
+      const { data: m } = t.value;
+      return m != null && m.comparison ? ft(b.value, m.comparison, x) : null;
     });
-    function g(d) {
-      switch (d) {
-        case Be.bar:
+    function g(m) {
+      switch (m) {
+        case qe.bar:
           return "bar";
-        case Be.line:
+        case qe.line:
           return "line";
         default:
           return "line";
       }
     }
-    const R = m(() => {
-      var d;
-      return (d = t.value.data) == null ? void 0 : d.sparkline;
-    }), T = m(() => R.value.datasets.map((d) => ({
-      label: d.name,
-      data: d.values,
+    const R = d(() => {
+      var m;
+      return (m = t.value.data) == null ? void 0 : m.sparkline;
+    }), T = d(() => R.value.datasets.map((m) => ({
+      label: m.name,
+      data: m.values,
       fill: !0,
       color: "#36a2eb"
     })));
-    return (d, i) => {
+    return (m, i) => {
       var U;
-      const r = V("FmIcon"), x = V("FmChip"), L = V("FmTooltip"), q = V("FmLineChart");
-      return E(), H("div", Jt, [
-        ue(d.$slots, "menu"),
-        $("p", Kt, xe(C.value), 1),
-        $("div", Zt, [
-          W(L, {
+      const r = V("FmIcon"), S = V("FmChip"), L = V("FmTooltip"), M = V("FmLineChart");
+      return E(), H("div", ta, [
+        de(m.$slots, "menu"),
+        B("p", aa, xe(b.value), 1),
+        B("div", la, [
+          $(L, {
             content: `vs. ${(U = n(k).defaultCompareType) == null ? void 0 : U.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
             variant: "plain"
           }, {
-            default: I(() => [
-              _.value ? (E(), O(x, {
+            default: N(() => [
+              _.value ? (E(), O(S, {
                 key: 0,
                 icon: _.value.icon.name,
-                class: ze(`bg-${_.value.icon.tailwind}`),
+                class: Ve(`bg-${_.value.icon.tailwind}`),
                 compact: ""
               }, {
-                default: I(() => [
-                  W(r, {
+                default: N(() => [
+                  $(r, {
                     name: _.value.icon.name,
                     color: _.value.icon.color
                   }, null, 8, ["name", "color"]),
-                  $("p", {
+                  B("p", {
                     class: "fm-typo-en-body-md-600",
-                    style: ae({ color: _.value.icon.color })
+                    style: oe({ color: _.value.icon.color })
                   }, xe(_.value.value), 5)
                 ]),
                 _: 1
-              }, 8, ["icon", "class"])) : ce("", !0),
-              n(a).endDate !== null && n(a).startDate !== null && _.value === null ? (E(), O(x, {
+              }, 8, ["icon", "class"])) : ue("", !0),
+              n(a).endDate !== null && n(a).startDate !== null && _.value === null ? (E(), O(S, {
                 key: 1,
                 compact: ""
               }, {
-                default: I(() => [
-                  W(r, {
+                default: N(() => [
+                  $(r, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  i[0] || (i[0] = $("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                  i[0] || (i[0] = B("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
                 ]),
                 _: 1
-              })) : ce("", !0)
+              })) : ue("", !0)
             ]),
             _: 1
           }, 8, ["content"])
         ]),
-        R.value ? (E(), H("div", Qt, [
-          g(R.value.type) === "line" ? (E(), O(q, {
+        R.value ? (E(), H("div", oa, [
+          g(R.value.type) === "line" ? (E(), O(M, {
             key: 0,
             class: "sparkline",
             datasets: T.value,
@@ -391,39 +391,39 @@ const Gt = /* @__PURE__ */ Z({
             "y-cfg": { display: !1 },
             "x-cfg": { display: !1 },
             "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis"])) : ce("", !0)
-        ])) : (E(), H("div", ea, i[1] || (i[1] = [
-          $("div", { class: "sparkline" }, [
-            $("div", { class: "flex flex-col gap-8" }, [
-              $("div"),
-              $("div")
+          }, null, 8, ["datasets", "x-axis"])) : ue("", !0)
+        ])) : (E(), H("div", na, i[1] || (i[1] = [
+          B("div", { class: "sparkline" }, [
+            B("div", { class: "flex flex-col gap-8" }, [
+              B("div"),
+              B("div")
             ]),
-            $("div", { class: "grow" })
+            B("div", { class: "grow" })
           ], -1)
         ])))
       ]);
     };
   }
-}), aa = {};
-function la(e, t) {
-  const p = V("FmMenuDivider");
-  return E(), O(p);
+}), ra = {};
+function ia(e, t) {
+  const f = V("FmMenuDivider");
+  return E(), O(f);
 }
-const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimension", ct = Mt(na, () => {
-  const e = u(0), t = u([]), p = u(!1), a = (h, c) => {
-    e.value = h, S(h, c);
+const ca = /* @__PURE__ */ Yt(ra, [["render", ia]]), ua = "mf-reporttable-dimension", ut = Xt(ua, () => {
+  const e = u(0), t = u([]), f = u(!1), a = (h, c) => {
+    e.value = h, x(h, c);
   }, k = (h, c, w, F) => {
-    t[h] = c, t.value = [...t.value], C(h, c, w, F);
-  }, S = (h, c) => {
+    t[h] = c, t.value = [...t.value], b(h, c, w, F);
+  }, x = (h, c) => {
     const w = (c == null ? void 0 : c.querySelectorAll("thead tr")) ?? [], F = (c == null ? void 0 : c.querySelectorAll("tbody tr")) ?? [];
     [...w, ...F].forEach((D) => {
       const l = D;
       l && (l.style.height = `${h}px`);
     });
-  }, C = (h, c, w, F = !1) => {
-    const f = (w == null ? void 0 : w.querySelectorAll("th")) ?? [];
+  }, b = (h, c, w, F = !1) => {
+    const p = (w == null ? void 0 : w.querySelectorAll("th")) ?? [];
     if (h === void 0) return;
-    const D = f[h], l = F ? t[h] : c;
+    const D = p[h], l = F ? t[h] : c;
     if (!D || l === void 0) return;
     const s = () => {
       D.style.width = `${l}px`;
@@ -431,26 +431,26 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
     F ? requestAnimationFrame(s) : s();
   }, _ = () => {
     const h = document.querySelectorAll("th"), c = document.querySelectorAll("td"), w = document.querySelector("table");
-    w == null || w.classList.add("table-fixed"), h.forEach((F) => F.classList.add("toggleEditResize")), c.forEach((F) => F.classList.add("toggleEditResize")), p.value = !0;
+    w == null || w.classList.add("table-fixed"), h.forEach((F) => F.classList.add("toggleEditResize")), c.forEach((F) => F.classList.add("toggleEditResize")), f.value = !0;
   }, g = () => {
     const h = document.querySelectorAll("th"), c = document.querySelectorAll("td"), w = document.querySelectorAll(".col-resize-handle"), F = document.querySelectorAll(".row-resize-handle");
-    h.forEach((f) => f.classList.remove("toggleEditResize")), c.forEach((f) => f.classList.remove("toggleEditResize")), w.forEach((f) => f.remove()), F.forEach((f) => f.remove()), p.value = !1;
+    h.forEach((p) => p.classList.remove("toggleEditResize")), c.forEach((p) => p.classList.remove("toggleEditResize")), w.forEach((p) => p.remove()), F.forEach((p) => p.remove()), f.value = !1;
   }, R = () => {
     e.value = 0, t.value = [];
   }, T = (h, c) => {
     if (c) {
       const w = document.querySelectorAll(`thead th:nth-child(${h + 1})`), F = document.querySelectorAll(`tbody td:nth-child(${h + 1})`);
-      [...w, ...F].forEach((f) => {
-        f.classList.add("highlight-hover-col");
+      [...w, ...F].forEach((p) => {
+        p.classList.add("highlight-hover-col");
       });
     } else
       document.querySelectorAll(
         `thead th:nth-child(${h + 1}), tbody td:nth-child(${h + 1})`
       ).forEach((w) => w.classList.add("highlight-col"));
-  }, d = (h) => {
+  }, m = (h) => {
     const c = document.querySelectorAll("thead tr"), w = document.querySelectorAll("tbody tr"), F = [...c, ...w];
-    for (const f of F)
-      h ? f.classList.add("highlight-hover-row") : f.classList.add("highlight-row");
+    for (const p of F)
+      h ? p.classList.add("highlight-hover-row") : p.classList.add("highlight-row");
   }, i = (h) => {
     const c = h ? ".highlight-hover-row" : ".highlight-row", w = document.querySelectorAll(c);
     for (const F of w)
@@ -459,79 +459,79 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
     h ? document.querySelectorAll(".highlight-hover-col").forEach((c) => {
       c.classList.remove("highlight-hover-col");
     }) : document.querySelectorAll(".highlight-col").forEach((c) => c.classList.remove("highlight-col"));
-  }, x = (h, c) => {
-    const w = /* @__PURE__ */ new Map(), F = h.clientX, f = h.target.closest("table"), D = f == null ? void 0 : f.querySelectorAll("th")[c], l = D == null ? void 0 : D.getBoundingClientRect().width, s = w.get(c) ? t[c.toString()] || 60 : (w.set(c, !0), l || t[c.toString()] || 60), v = D == null ? void 0 : D.querySelector("p");
+  }, S = (h, c) => {
+    const w = /* @__PURE__ */ new Map(), F = h.clientX, p = h.target.closest("table"), D = p == null ? void 0 : p.querySelectorAll("th")[c], l = D == null ? void 0 : D.getBoundingClientRect().width, s = w.get(c) ? t[c.toString()] || 60 : (w.set(c, !0), l || t[c.toString()] || 60), v = D == null ? void 0 : D.querySelector("p");
     if (!v) return;
-    const b = v.textContent || "", A = window.getComputedStyle(v), P = `${A.fontWeight} ${A.fontSize} ${A.fontFamily}`, N = document.createElement("canvas").getContext("2d");
-    if (!N) return;
-    N.font = P;
-    const X = N.measureText(b), Y = window.getComputedStyle(D), Re = parseFloat(Y.paddingLeft || "0"), Fe = parseFloat(Y.paddingRight || "0"), Le = X.width + Re + Fe;
+    const C = v.textContent || "", A = window.getComputedStyle(v), P = `${A.fontWeight} ${A.fontSize} ${A.fontFamily}`, I = document.createElement("canvas").getContext("2d");
+    if (!I) return;
+    I.font = P;
+    const X = I.measureText(C), Y = window.getComputedStyle(D), Fe = parseFloat(Y.paddingLeft || "0"), Le = parseFloat(Y.paddingRight || "0"), Te = X.width + Fe + Le;
     T(c, !1);
-    const ye = (de) => {
-      const le = de.clientX - F, oe = Math.max(Le, s + le);
-      if (f) {
-        k(c, oe, f, !0);
-        let ee = 0;
-        f.querySelectorAll("th").forEach((M, se) => {
-          ee += se === c ? oe : t[se] || M.getBoundingClientRect().width;
-        }), f.classList.remove("w-full"), f.style.width = `${ee}px`;
-        const j = f == null ? void 0 : f.parentElement;
-        if (j) {
-          const M = j.scrollWidth, se = j.scrollLeft;
-          j.offsetWidth + se >= M - 100 && (j.scrollLeft = M);
+    const we = (me) => {
+      const ne = me.clientX - F, se = Math.max(Te, s + ne);
+      if (p) {
+        k(c, se, p, !0);
+        let ae = 0;
+        p.querySelectorAll("th").forEach((G, J) => {
+          ae += J === c ? se : t[J] || G.getBoundingClientRect().width;
+        }), p.classList.remove("w-full"), p.style.width = `${ae}px`;
+        const K = p == null ? void 0 : p.parentElement;
+        if (K) {
+          const G = K.scrollWidth, J = K.scrollLeft;
+          K.offsetWidth + J >= G - 100 && (K.scrollLeft = G);
         }
       }
-    }, we = () => {
-      const de = (f == null ? void 0 : f.querySelectorAll("th")) ?? [], le = [...t.value];
-      de.forEach((oe, ee) => {
-        const ne = oe.getBoundingClientRect().width;
-        t[ee] = ne, le[ee] = ne;
-      }), t.value = le, r(!1), document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", we);
+    }, be = () => {
+      const me = (p == null ? void 0 : p.querySelectorAll("th")) ?? [], ne = [...t.value];
+      me.forEach((se, ae) => {
+        const re = se.getBoundingClientRect().width;
+        t[ae] = re, ne[ae] = re;
+      }), t.value = ne, r(!1), document.removeEventListener("mousemove", we), document.removeEventListener("mouseup", be);
     };
-    document.addEventListener("mousemove", ye), document.addEventListener("mouseup", we);
+    document.addEventListener("mousemove", we), document.addEventListener("mouseup", be);
   }, L = (h) => {
     const c = h.clientY, w = h.target.closest("table"), F = e.value || 48;
-    d(!1);
-    const f = (l) => {
+    m(!1);
+    const p = (l) => {
       const s = Math.max(30, F + (l.clientY - c));
       w && a(s, w);
     }, D = () => {
-      i(!1), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", D);
+      i(!1), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", D);
     };
-    document.addEventListener("mousemove", f), document.addEventListener("mouseup", D);
+    document.addEventListener("mousemove", p), document.addEventListener("mouseup", D);
   };
   return {
     rowHeight: e,
     colWidths: t,
-    isEditing: p,
+    isEditing: f,
     updateRowHeight: a,
     updateColWidth: k,
-    setRowHeights: S,
-    setColWidths: C,
+    setRowHeights: x,
+    setColWidths: b,
     enableEditMode: _,
     disableEditMode: g,
     resetStore: R,
     highlightCol: T,
-    highlightRows: d,
+    highlightRows: m,
     removeRowHighlight: i,
     removeColHighlight: r,
-    resizeCol: x,
+    resizeCol: S,
     resizeRow: L,
     enableCellResizing: () => {
       const h = document.querySelector("thead"), c = document.querySelectorAll("thead tr"), w = document.querySelectorAll("tbody tr"), F = [...c, ...w];
       h && h.classList.remove("sticky");
-      const f = (D, l) => {
+      const p = (D, l) => {
         const s = document.createElement("div");
         return s.className = `${D}-resize-handle`, D === "col" ? (s.addEventListener("mouseenter", () => T(l, !0)), s.addEventListener("mouseleave", () => r(!0)), s.addEventListener("mousedown", (v) => {
-          v.stopPropagation(), x(v, l);
-        })) : (s.addEventListener("mouseenter", () => d(!0)), s.addEventListener("mouseleave", () => i(!0)), s.addEventListener("mousedown", (v) => {
+          v.stopPropagation(), S(v, l);
+        })) : (s.addEventListener("mouseenter", () => m(!0)), s.addEventListener("mouseleave", () => i(!0)), s.addEventListener("mousedown", (v) => {
           v.stopPropagation(), L(v);
         })), s;
       };
       F.forEach((D) => {
         const l = D.closest("thead") !== null;
-        D.querySelectorAll(l ? "th" : "td").forEach((v, b) => {
-          const A = f("col", b), P = f("row", b);
+        D.querySelectorAll(l ? "th" : "td").forEach((v, C) => {
+          const A = p("col", C), P = p("row", C);
           v.appendChild(A), v.appendChild(P);
         });
       }), _();
@@ -540,10 +540,10 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
       g();
     }
   };
-}), sa = { class: "my-4" }, ra = {
+}), da = { class: "my-4" }, ma = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
-}, ia = { class: "font-bold" }, ca = { class: "text-fm-color-neutral-gray-300" }, ua = /* @__PURE__ */ Z({
+}, ha = { class: "font-bold" }, pa = { class: "text-fm-color-neutral-gray-300" }, fa = /* @__PURE__ */ ee({
   __name: "WidgetTable",
   props: {
     modelValue: { required: !0 },
@@ -551,42 +551,42 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t, te: p } = Ve(), a = Q(e, "modelValue"), { country: k } = Ue(), { isEditing: S, colWidths: C, rowHeight: _ } = Se(ct()), { setColWidths: g, setRowHeights: R, enableCellResizing: T } = ct(), d = u(null), i = m(() => {
+    const { t, te: f } = Pe(), a = te(e, "modelValue"), { country: k } = Ye(), { isEditing: x, colWidths: b, rowHeight: _ } = _e(ut()), { setColWidths: g, setRowHeights: R, enableCellResizing: T } = ut(), m = u(null), i = d(() => {
       var l;
       return ((l = a.value.data) == null ? void 0 : l.columns) || [{ label: "", key: "" }];
-    }), r = m(() => {
+    }), r = d(() => {
       var l;
       return ((l = a.value.data) == null ? void 0 : l.rows) || [];
-    }), x = m(() => a.value.filterText), L = m(() => {
+    }), S = d(() => a.value.filterText), L = d(() => {
       var l, s;
-      if (!(x.value && x.value.trim().length > 0 || !((l = r.value[0]) != null && l.isRollup) && !((s = r.value[r.value.length - 1]) != null && s.isRollup))) {
-        if (a.value.rollupPosition === K.top || a.value.rollupPosition === void 0)
-          return K.top;
-        if (a.value.rollupPosition === K.bottom)
-          return K.bottom;
+      if (!(S.value && S.value.trim().length > 0 || !((l = r.value[0]) != null && l.isRollup) && !((s = r.value[r.value.length - 1]) != null && s.isRollup))) {
+        if (a.value.rollupPosition === Q.top || a.value.rollupPosition === void 0)
+          return Q.top;
+        if (a.value.rollupPosition === Q.bottom)
+          return Q.bottom;
       }
-    }), q = m(() => {
-      const b = L.value !== void 0 ? 1 : 0, A = (d.value ? d.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((A - 34.5 - 32) / 48) - b;
-    }), U = m(() => {
+    }), M = d(() => {
+      const C = L.value !== void 0 ? 1 : 0, A = (m.value ? m.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((A - 34.5 - 32) / 48) - C;
+    }), U = d(() => {
       var s, v;
       let l = [];
       switch (L.value) {
-        case K.top:
-          l = [...((s = r.value[0]) == null ? void 0 : s.cells) || []].map((b, A) => {
+        case Q.top:
+          l = [...((s = r.value[0]) == null ? void 0 : s.cells) || []].map((C, A) => {
             var P;
             return {
-              main: b,
+              main: C,
               comparison: (P = r.value[0]) == null ? void 0 : P.comparisonCells[A],
               rowType: i.value[A].type
             };
           });
           break;
-        case K.bottom:
-          l = [...((v = r.value[r.value.length - 1]) == null ? void 0 : v.cells) || []].map((b, A) => {
+        case Q.bottom:
+          l = [...((v = r.value[r.value.length - 1]) == null ? void 0 : v.cells) || []].map((C, A) => {
             var P;
             return {
-              main: b,
+              main: C,
               comparison: (P = r.value[0]) == null ? void 0 : P.comparisonCells[A],
               rowType: i.value[A].type
             };
@@ -599,10 +599,10 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
       const s = {};
       for (let v = 0; v < i.value.length; v++)
         if (i.value[v].key !== "") {
-          const b = l.comparisonCells[v];
+          const C = l.comparisonCells[v];
           s[i.value[v].key] = {
             main: l.cells[v],
-            comparison: b
+            comparison: C
           }, s.isRollup = l.isRollup;
         }
       return s;
@@ -612,8 +612,8 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
         var v;
         const s = {};
         if ((v = a.value.data) != null && v.columns)
-          for (let b = 0; b < a.value.data.columns.length; b++)
-            s[a.value.data.columns[b].key] = void 0;
+          for (let C = 0; C < a.value.data.columns.length; C++)
+            s[a.value.data.columns[C].key] = void 0;
         return s;
       });
     }
@@ -624,120 +624,120 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
       } : {
         main: s,
         comparison: l == null ? void 0 : l.comparison,
-        difference: pt(l.main, l.comparison, k)
+        difference: ft(l.main, l.comparison, k)
       };
     }
-    const F = m(() => {
-      var A, P, G;
+    const F = d(() => {
+      var A, P, j;
       let l = ((A = a.value.data) == null ? void 0 : A.rows) || [];
       switch (L.value) {
-        case K.bottom:
+        case Q.bottom:
           l = (P = l[l.length - 1]) != null && P.isRollup ? l.slice(0, -1) : l;
           break;
-        case K.top:
-          l = (G = l[0]) != null && G.isRollup ? l.slice(1, l.length) : l;
+        case Q.top:
+          l = (j = l[0]) != null && j.isRollup ? l.slice(1, l.length) : l;
           break;
       }
-      const s = l.filter((N) => !(x.value !== "" && (N.isRollup === !0 || !N.cells.some(
+      const s = l.filter((I) => !(S.value !== "" && (I.isRollup === !0 || !I.cells.some(
         (X) => {
           var Y;
-          return ((X == null ? void 0 : X.toLowerCase()) || "").includes((Y = x.value) == null ? void 0 : Y.toLowerCase());
+          return ((X == null ? void 0 : X.toLowerCase()) || "").includes((Y = S.value) == null ? void 0 : Y.toLowerCase());
         }
-      )))).map((N) => h(N)), v = s.length % q.value;
-      let b = 0;
-      return v > 0 ? b = Math.abs(v - q.value) : s.length === 0 && (b = q.value), s.push(...c(b)), s;
-    }), f = m(
+      )))).map((I) => h(I)), v = s.length % M.value;
+      let C = 0;
+      return v > 0 ? C = Math.abs(v - M.value) : s.length === 0 && (C = M.value), s.push(...c(C)), s;
+    }), p = d(
       () => {
         var l;
-        return (((l = a.value.colWidths) == null ? void 0 : l.length) ?? 0) > 0 || C.value.length > 0;
+        return (((l = a.value.colWidths) == null ? void 0 : l.length) ?? 0) > 0 || b.value.length > 0;
       }
-    ), D = m(() => {
+    ), D = d(() => {
       var s;
       let l = [];
-      return (s = a.value.data) != null && s.columns && (l = [...a.value.data.columns.map((b) => {
-        const A = fe(t, p, b.label, "other");
+      return (s = a.value.data) != null && s.columns && (l = [...a.value.data.columns.map((C) => {
+        const A = ve(t, f, C.label, "other");
         return {
-          accessorKey: b.key,
-          header: () => ot(
+          accessorKey: C.key,
+          header: () => nt(
             "p",
             {
-              class: `w-full ${b.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap`
+              class: `w-full ${C.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap`
             },
             A
           ),
           cell: (P) => {
             var X, Y;
-            const G = w(P.getValue()), N = (Y = (X = P == null ? void 0 : P.row) == null ? void 0 : X.original) == null ? void 0 : Y.isRollup;
-            return ot(
+            const j = w(P.getValue()), I = (Y = (X = P == null ? void 0 : P.row) == null ? void 0 : X.original) == null ? void 0 : Y.isRollup;
+            return nt(
               "div",
               {
                 class: [
-                  N ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
-                  b.type === "NUMERIC" ? "text-right" : "",
-                  f.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                  I ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
+                  C.type === "NUMERIC" ? "text-right" : "",
+                  p.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
-              [G.main]
+              [j.main]
             );
           },
           enableSorting: !1
         };
       })]), l;
     });
-    return ve(
-      () => C.value.length > 0,
+    return ge(
+      () => b.value.length > 0,
       async (l) => {
-        l && S.value && (await nt(), T());
+        l && x.value && (await st(), T());
       }
-    ), ve(
+    ), ge(
       [() => D.value],
       async () => {
         var A;
-        await nt();
-        const l = (A = d.value) == null ? void 0 : A.$el;
+        await st();
+        const l = (A = m.value) == null ? void 0 : A.$el;
         if (!l) return;
         const s = l.querySelector("table");
         if (!s) return;
-        s.classList.add(f.value ? "table-fixed" : "table-auto");
-        let v, b;
-        S.value ? (T(), v = C.value, b = _.value) : (b = a.value.rowHeight, v = a.value.colWidths), typeof b == "number" && R(b, l), v == null || v.forEach((P, G) => {
-          g(G, P, l);
+        s.classList.add(p.value ? "table-fixed" : "table-auto");
+        let v, C;
+        x.value ? (T(), v = b.value, C = _.value) : (C = a.value.rowHeight, v = a.value.colWidths), typeof C == "number" && R(C, l), v == null || v.forEach((P, j) => {
+          g(j, P, l);
         });
       },
       { immediate: !0 }
     ), (l, s) => {
       const v = V("FmTable");
-      return E(), H(te, null, [
-        $("div", sa, [
-          ue(l.$slots, "menu")
+      return E(), H(le, null, [
+        B("div", da, [
+          de(l.$slots, "menu")
         ]),
-        W(v, {
+        $(v, {
           ref_key: "table",
-          ref: d,
+          ref: m,
           "column-defs": D.value,
           "row-data": F.value,
-          "search-value": x.value,
-          "page-size": q.value,
+          "search-value": S.value,
+          "page-size": M.value,
           "shrink-at": !1,
           "force-mobile-footer": !0,
           class: "scrollbar-hide-table"
         }, {
-          "pin-top": I(() => [
-            $("tbody", null, [
-              $("tr", ra, [
-                (E(!0), H(te, null, ut(U.value, (b, A) => (E(), H("td", {
-                  key: `${n(Ae)()}_${A}`,
+          "pin-top": N(() => [
+            B("tbody", null, [
+              B("tr", ma, [
+                (E(!0), H(le, null, dt(U.value, (C, A) => (E(), H("td", {
+                  key: `${n(ze)()}_${A}`,
                   class: "h-[48px] text-fm-color-typo-primary px-16"
                 }, [
-                  $("span", {
-                    class: ze([
+                  B("span", {
+                    class: Ve([
                       "items-center text-fm-color-typo-secondary gap-2",
-                      b.rowType === "NUMERIC" ? "text-right" : "",
-                      f.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                      C.rowType === "NUMERIC" ? "text-right" : "",
+                      p.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                     ])
                   }, [
-                    $("p", ia, xe(b.main), 1),
-                    $("p", ca, xe(b.comparison ? `(${b.comparison})` : ""), 1)
+                    B("p", ha, xe(C.main), 1),
+                    B("p", pa, xe(C.comparison ? `(${C.comparison})` : ""), 1)
                   ], 2)
                 ]))), 128))
               ])
@@ -748,7 +748,7 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
       ], 64);
     };
   }
-}), da = /* @__PURE__ */ Z({
+}), va = /* @__PURE__ */ ee({
   __name: "WidgetStackBarChart",
   props: {
     modelValue: { required: !0 },
@@ -756,36 +756,36 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Q(e, "modelValue"), p = m(() => {
-      var x;
-      return ((x = t.value.data) == null ? void 0 : x.xAxis) || [];
-    }), a = m(() => {
+    const t = te(e, "modelValue"), f = d(() => {
+      var S;
+      return ((S = t.value.data) == null ? void 0 : S.xAxis) || [];
+    }), a = d(() => {
       var r;
       return ((r = t.value.data) == null ? void 0 : r.datasets) ?? [];
-    }), k = u(null), { datalabels: S, xCfg: C, yCfg: _, isTransposed: g, legend: R, chartWidth: T, chartHeight: d } = ke(
+    }), k = u(null), { datalabels: x, xCfg: b, yCfg: _, isTransposed: g, legend: R, chartWidth: T, chartHeight: m } = Re(
       t.value
-    ), i = m(() => a.value.length > 0 ? [
-      ...a.value.map((r, x) => {
+    ), i = d(() => a.value.length > 0 ? [
+      ...a.value.map((r, S) => {
         let L = r.values;
         return {
           label: r.name,
           data: L,
           dash: !!r.isCompare,
-          backgroundColor: _e({ index: x, isCompare: r.isCompare })
+          backgroundColor: ke({ index: S, isCompare: r.isCompare })
         };
       })
     ] : []);
-    return (r, x) => {
+    return (r, S) => {
       const L = V("FmBarChart");
-      return E(), H(te, null, [
-        ue(r.$slots, "menu"),
-        W(L, {
+      return E(), H(le, null, [
+        de(r.$slots, "menu"),
+        $(L, {
           ref_key: "chartRef",
           ref: k,
           class: "bar-chart",
           datasets: i.value,
-          "x-axis": { categories: p.value },
-          "x-cfg": n(C),
+          "x-axis": { categories: f.value },
+          "x-cfg": n(b),
           "y-cfg": n(_),
           transpose: n(g),
           stacked: !0,
@@ -797,17 +797,17 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
               usePointStyle: n(R).usePointStyle ?? !0
             }
           },
-          datalabels: n(S),
+          datalabels: n(x),
           "maintain-aspect-ratio": !1,
-          style: ae({
+          style: oe({
             "--chart-width": n(T) !== void 0 ? n(T) + "px" : "100%",
-            "--chart-height": n(d) !== void 0 ? n(d) + "px" : "calc(100% - 36px)"
+            "--chart-height": n(m) !== void 0 ? n(m) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), ha = /* @__PURE__ */ Z({
+}), ga = /* @__PURE__ */ ee({
   __name: "WidgetStackLineChart",
   props: {
     modelValue: { required: !0 },
@@ -815,36 +815,36 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Q(e, "modelValue"), p = m(() => {
+    const t = te(e, "modelValue"), f = d(() => {
       var i;
       return ((i = t.value.data) == null ? void 0 : i.xAxis) ?? [];
-    }), a = m(() => {
+    }), a = d(() => {
       var i;
       return ((i = t.value.data) == null ? void 0 : i.datasets) ?? [];
-    }), { datalabels: k, xCfg: S, yCfg: C, isTransposed: _, legend: g, chartWidth: R, chartHeight: T } = ke(
+    }), { datalabels: k, xCfg: x, yCfg: b, isTransposed: _, legend: g, chartWidth: R, chartHeight: T } = Re(
       t.value
-    ), d = m(() => a.value.length > 0 ? [
+    ), m = d(() => a.value.length > 0 ? [
       ...a.value.map((i, r) => {
-        let x = i.values;
+        let S = i.values;
         return {
           label: i.name,
-          data: x,
+          data: S,
           dash: i.isCompare,
           fill: !1,
-          color: _e({ index: r, isCompare: i.isCompare })
+          color: ke({ index: r, isCompare: i.isCompare })
         };
       })
     ] : []);
     return (i, r) => {
-      const x = V("FmLineChart");
-      return E(), H(te, null, [
-        ue(i.$slots, "menu"),
-        W(x, {
+      const S = V("FmLineChart");
+      return E(), H(le, null, [
+        de(i.$slots, "menu"),
+        $(S, {
           class: "line-chart",
-          datasets: d.value,
-          "x-axis": { categories: p.value },
-          "x-cfg": n(S),
-          "y-cfg": n(C),
+          datasets: m.value,
+          "x-axis": { categories: f.value },
+          "x-cfg": n(x),
+          "y-cfg": n(b),
           transpose: n(_),
           legend: {
             display: n(g).display ?? !1,
@@ -857,7 +857,7 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
           stacked: !0,
           datalabels: n(k),
           "maintain-aspect-ratio": !1,
-          style: ae({
+          style: oe({
             "--chart-width": n(R) !== void 0 ? n(R) + "px" : "97%",
             "--chart-height": n(T) !== void 0 ? n(T) + "px" : "calc(100% - 36px)"
           })
@@ -865,7 +865,7 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
       ], 64);
     };
   }
-}), ge = [
+}), ye = [
   "col-span-1",
   "col-span-2",
   "col-span-3",
@@ -879,16 +879,16 @@ const oa = /* @__PURE__ */ It(aa, [["render", la]]), na = "mf-reporttable-dimens
   "col-span-11",
   "col-span-12"
 ];
-function ma(e) {
-  return e < 12 ? ge[e - 1] : ge[11];
+function ya(e) {
+  return e < 12 ? ye[e - 1] : ye[11];
 }
-function pa(e) {
-  return e < 12 ? ge[Math.min(11, e * 2 - 1)] : ge[11];
+function wa(e) {
+  return e < 12 ? ye[Math.min(11, e * 2 - 1)] : ye[11];
 }
-function fa(e) {
-  return e < 12 ? ge[Math.min(11, e * 3 - 1)] : ge[11];
+function ba(e) {
+  return e < 12 ? ye[Math.min(11, e * 3 - 1)] : ye[11];
 }
-const va = /* @__PURE__ */ Z({
+const Ca = /* @__PURE__ */ ee({
   __name: "WidgetLinechart",
   props: {
     modelValue: { required: !0 },
@@ -896,33 +896,33 @@ const va = /* @__PURE__ */ Z({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Q(e, "modelValue"), p = m(() => {
+    const t = te(e, "modelValue"), f = d(() => {
       var i;
       return ((i = t.value.data) == null ? void 0 : i.xAxis) ?? [];
-    }), a = m(() => {
+    }), a = d(() => {
       var i;
       return ((i = t.value.data) == null ? void 0 : i.datasets) ?? [];
-    }), { datalabels: k, xCfg: S, yCfg: C, isTransposed: _, legend: g, chartWidth: R, chartHeight: T } = ke(
+    }), { datalabels: k, xCfg: x, yCfg: b, isTransposed: _, legend: g, chartWidth: R, chartHeight: T } = Re(
       t.value
-    ), d = m(() => a.value.length > 0 ? [
+    ), m = d(() => a.value.length > 0 ? [
       ...a.value.map((i, r) => ({
         label: i.name,
         data: i.values,
         dash: !!i.isCompare,
         fill: !1,
-        color: _e({ index: r, isCompare: i.isCompare })
+        color: ke({ index: r, isCompare: i.isCompare })
       }))
     ] : []);
     return (i, r) => {
-      const x = V("FmLineChart");
-      return E(), H(te, null, [
-        ue(i.$slots, "menu"),
-        W(x, {
+      const S = V("FmLineChart");
+      return E(), H(le, null, [
+        de(i.$slots, "menu"),
+        $(S, {
           class: "line-chart",
-          datasets: d.value,
-          "x-axis": { categories: p.value },
-          "x-cfg": n(S),
-          "y-cfg": n(C),
+          datasets: m.value,
+          "x-axis": { categories: f.value },
+          "x-cfg": n(x),
+          "y-cfg": n(b),
           transpose: n(_),
           legend: {
             display: n(g).display ?? !1,
@@ -935,7 +935,7 @@ const va = /* @__PURE__ */ Z({
           },
           datalabels: n(k),
           "maintain-aspect-ratio": !1,
-          style: ae({
+          style: oe({
             "--chart-width": n(R) !== void 0 ? n(R) + "px" : "97%",
             "--chart-height": n(T) !== void 0 ? n(T) + "px" : "calc(100% - 36px)"
           })
@@ -943,9 +943,9 @@ const va = /* @__PURE__ */ Z({
       ], 64);
     };
   }
-}), ga = { class: "flex flex-col gap-16" }, ya = { class: "flex flex-row" }, wa = /* @__PURE__ */ Z({
+}), Sa = { class: "flex flex-col gap-16" }, xa = { class: "flex flex-row" }, _a = /* @__PURE__ */ ee({
   __name: "PdfOrientationDialog",
-  props: /* @__PURE__ */ dt({
+  props: /* @__PURE__ */ mt({
     reportType: {},
     index: {}
   }, {
@@ -954,57 +954,57 @@ const va = /* @__PURE__ */ Z({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = Ve(), { FmForm: p } = Nt, a = e, k = u(), S = Q(e, "modelValue"), C = u(!1), _ = mt(), { selectedLocationIds: g, dateRange: R, timeRange: T } = Se(Oe()), d = u(We.PORTRAIT);
+    const { t } = Pe(), { FmForm: f } = Gt, a = e, k = u(), x = te(e, "modelValue"), b = u(!1), _ = pt(), { selectedLocationIds: g, dateRange: R, timeRange: T } = _e(Xe()), m = u(We.PORTRAIT);
     function i() {
-      var x;
-      (x = k.value) == null || x.validateInputs();
+      var S;
+      (S = k.value) == null || S.validateInputs();
     }
     async function r() {
-      C.value = !0;
+      b.value = !0;
       try {
         a.index != null && await ht({
           reportType: a.reportType,
           index: a.index,
-          orientationTypes: [d.value],
+          orientationTypes: [m.value],
           timeRange: T.value,
           dateRange: R.value,
           locationIds: g.value
         });
-      } catch (x) {
-        _.open({ message: x.message, type: "error" });
+      } catch (S) {
+        _.open({ message: S.message, type: "error" });
       } finally {
-        C.value = !1;
+        b.value = !1;
       }
     }
-    return (x, L) => {
-      const q = V("FmRadio"), U = V("FmRadioGroup"), h = V("FmButton"), c = V("FmDialog");
+    return (S, L) => {
+      const M = V("FmRadio"), U = V("FmRadioGroup"), h = V("FmButton"), c = V("FmDialog");
       return E(), O(c, {
-        modelValue: S.value,
-        "onUpdate:modelValue": L[2] || (L[2] = (w) => S.value = w),
+        modelValue: x.value,
+        "onUpdate:modelValue": L[2] || (L[2] = (w) => x.value = w),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": I(() => L[3] || (L[3] = [
-          zt("Select Orientation")
+        "dialog-header": N(() => L[3] || (L[3] = [
+          Wt("Select Orientation")
         ])),
-        default: I(() => [
-          W(n(p), {
+        default: N(() => [
+          $(n(f), {
             ref_key: "form",
             ref: k,
             onValidationSuccess: r
           }, {
-            default: I(() => [
-              $("div", ga, [
-                W(U, {
-                  modelValue: d.value,
-                  "onUpdate:modelValue": L[0] || (L[0] = (w) => d.value = w)
+            default: N(() => [
+              B("div", Sa, [
+                $(U, {
+                  modelValue: m.value,
+                  "onUpdate:modelValue": L[0] || (L[0] = (w) => m.value = w)
                 }, {
-                  default: I(() => [
-                    W(q, {
+                  default: N(() => [
+                    $(M, {
                       value: n(We).PORTRAIT,
                       label: n(t)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    W(q, {
+                    $(M, {
                       value: n(We).LANDSCAPE,
                       label: n(t)("report.common.landscape")
                     }, null, 8, ["value", "label"])
@@ -1012,17 +1012,17 @@ const va = /* @__PURE__ */ Z({
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              $("div", ya, [
-                L[4] || (L[4] = $("div", { class: "grow" }, null, -1)),
-                W(h, {
+              B("div", xa, [
+                L[4] || (L[4] = B("div", { class: "grow" }, null, -1)),
+                $(h, {
                   label: n(t)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: L[1] || (L[1] = (w) => S.value = !1)
+                  onClick: L[1] || (L[1] = (w) => x.value = !1)
                 }, null, 8, ["label"]),
-                $("div", null, [
-                  W(h, {
+                B("div", null, [
+                  $(h, {
                     label: n(t)("report.common.download"),
-                    loading: C.value,
+                    loading: b.value,
                     onClick: i
                   }, null, 8, ["label", "loading"])
                 ])
@@ -1035,15 +1035,15 @@ const va = /* @__PURE__ */ Z({
       }, 8, ["modelValue"]);
     };
   }
-}), ba = {
+}), ka = {
   key: 1,
   class: "grow"
-}, Ca = {
+}, Ra = {
   key: 2,
   class: "flex"
-}, Da = /* @__PURE__ */ Z({
+}, $a = /* @__PURE__ */ ee({
   __name: "DynamicWidget",
-  props: /* @__PURE__ */ dt({
+  props: /* @__PURE__ */ mt({
     index: {
       type: Number,
       default: 0
@@ -1051,6 +1051,11 @@ const va = /* @__PURE__ */ Z({
     hideExport: {
       type: Boolean,
       default: !1
+    },
+    customScreenWidth: {
+      type: Number,
+      required: !1,
+      default: void 0
     }
   }, {
     modelValue: { required: !0, default: () => {
@@ -1059,47 +1064,56 @@ const va = /* @__PURE__ */ Z({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = u(!0), p = Q(e, "modelValue"), a = p.value.widget.config, { t: k, te: S } = Ve(), C = e, _ = u(null), g = u(a.rollup), R = u(Ae()), T = u(a.drillDimension), d = m(() => {
-      if (re.value.length > 0) {
-        const o = re.value.findIndex(
+    const t = u(!0), f = te(e, "modelValue"), a = f.value.widget.config, { t: k, te: x } = Pe(), b = e, _ = u(null), g = u(a.rollup), R = u(ze()), T = u(a.drillDimension), m = d(() => {
+      if (ie.value.length > 0) {
+        const o = ie.value.findIndex(
           (z) => z.value === T.value
         );
         return o >= 0 ? o : 0;
       } else
         return -1;
-    }), i = m(() => d.value !== 0), r = m(
-      () => d.value != re.value.length - 1
-    ), x = u(a.showTitle ?? !0), L = u(a.titleFontSize ?? 14), q = u(a.titleBold ?? !1), U = u(a.titleItalic ?? !1), h = u(a.titleUnderline ?? !1), c = u(a.chartWidth ?? void 0), w = u(a.chartHeight ?? void 0), F = u(a.showLabel ?? !1), f = u(a.labelAlign ?? qe.center), D = u(a.labelAnchor ?? He.center), l = u(a.labelRotation ?? 0), s = u(a.labelOffset ?? 0), v = u(a.labelFontSize ?? 12), b = m(() => a.showSearchBar), A = u(a.showX ?? !0), P = u(a.xPosition ?? Me.bottom), G = u(a.showXGrid ?? !1), N = u(a.showXTick ?? !0), X = u(a.xTickFontSize ?? 12), Y = u(a.showY ?? !0), Re = u(a.yPosition ?? Ie.left), Fe = u(a.showYGrid ?? !1), Le = u(a.showYTick ?? !0), ye = u(a.yTickFontSize ?? 12), we = u(a.showLegend ?? void 0), de = u(a.legendPosition ?? Ne.top), le = u(a.usePointStyle ?? !0), oe = u(a.rowHeight ?? 0), ee = u(a.colWidths ?? []), ne = u(!1), j = u(""), { breakpoints: M } = Ot(), se = u(), Xe = m(() => M.value.lg || M.value.md ? ma(p.value.size.width) : M.value.sm ? pa(p.value.size.width) : fa(p.value.size.width)), Te = m(
-      () => Ut.find((o) => o.type === p.value.widget.type)
-    ), he = st(() => {
+    }), i = d(() => m.value !== 0), r = d(
+      () => m.value != ie.value.length - 1
+    ), S = u(a.showTitle ?? !0), L = u(a.titleFontSize ?? 14), M = u(a.titleBold ?? !1), U = u(a.titleItalic ?? !1), h = u(a.titleUnderline ?? !1), c = u(a.chartWidth ?? void 0), w = u(a.chartHeight ?? void 0), F = u(a.showLabel ?? !1), p = u(a.labelAlign ?? Ne.center), D = u(a.labelAnchor ?? Me.center), l = u(a.labelRotation ?? 0), s = u(a.labelOffset ?? 0), v = u(a.labelFontSize ?? 12), C = d(() => a.showSearchBar), A = u(a.showX ?? !0), P = u(a.xPosition ?? Ie.bottom), j = u(a.showXGrid ?? !1), I = u(a.showXTick ?? !0), X = u(a.xTickFontSize ?? 12), Y = u(a.showY ?? !0), Fe = u(a.yPosition ?? Oe.left), Le = u(a.showYGrid ?? !1), Te = u(a.showYTick ?? !0), we = u(a.yTickFontSize ?? 12), be = u(a.showLegend ?? void 0), me = u(a.legendPosition ?? Ue.top), ne = u(a.usePointStyle ?? !0), se = u(a.rowHeight ?? 0), ae = u(a.colWidths ?? []), re = u(!1), K = u(""), { breakpoints: G, getBreakpointsBoundary: J } = jt(), $e = u(), q = d(
+      () => b.customScreenWidth === void 0 ? window.innerWidth : b.customScreenWidth
+    ), vt = d(
+      () => (q == null ? void 0 : q.value) > J("xs")[1] && (q == null ? void 0 : q.value) <= J("sm")[1]
+    ), gt = d(
+      () => (q == null ? void 0 : q.value) > J("sm")[1] && (q == null ? void 0 : q.value) <= J("md")[1]
+    ), yt = d(() => (q == null ? void 0 : q.value) > J("md")[1]), wt = d(() => {
+      const o = f.value.size.width;
+      return yt.value || gt.value ? ya(o) : vt.value ? wa(o) : ba(o);
+    }), Ee = d(
+      () => Jt.find((o) => o.type === f.value.widget.type)
+    ), he = rt(() => {
       var o;
-      se.value = bt((o = _.value) == null ? void 0 : o.$el.offsetWidth), R.value = Ae();
-    }), ft = m(() => {
-      if (Xt(B.value.type, me.value))
-        switch (p.value.widget.type) {
+      $e.value = kt((o = _.value) == null ? void 0 : o.$el.offsetWidth), R.value = ze();
+    }), bt = d(() => {
+      if (Kt(W.value.type, pe.value))
+        switch (f.value.widget.type) {
           case y.BarChart:
-            return Gt;
+            return Qt;
           case y.StackBarChart:
-            return da;
-          case y.LineChart:
             return va;
+          case y.LineChart:
+            return Ca;
           case y.StackLineChart:
-            return ha;
+            return ga;
           case y.Circular:
-            return jt;
+            return ea;
           case y.Scorecard:
-            return ta;
+            return sa;
           case y.Spacer:
-            return oa;
+            return ca;
           case y.Table:
-            return ua;
+            return fa;
           default:
-            return rt;
+            return it;
         }
       else
-        return rt;
-    }), me = u(null), { selectedLocationIds: Ee, dateRange: Ye, compareDateRange: vt, timeRange: Ge } = Se(Oe()), { businessId: gt } = Se(Ue()), B = m(() => {
-      const o = JSON.parse(JSON.stringify(p.value.widget));
+        return it;
+    }), pe = u(null), { selectedLocationIds: De, dateRange: Ge, compareDateRange: Ct, timeRange: je } = _e(Xe()), { businessId: St } = _e(Ye()), W = d(() => {
+      const o = JSON.parse(JSON.stringify(f.value.widget));
       return {
         ...o,
         config: {
@@ -1110,271 +1124,271 @@ const va = /* @__PURE__ */ Z({
         }
       };
     });
-    function yt() {
+    function xt() {
       return {
-        data: me.value,
-        showTitle: x.value,
+        data: pe.value,
+        showTitle: S.value,
         titleFontSize: L.value,
-        titleBold: q.value,
+        titleBold: M.value,
         titleItalic: U.value,
         titleUnderline: h.value,
         chartHeight: w.value,
         chartWidth: c.value,
         showLabel: F.value,
         labelAnchor: D.value,
-        labelAlign: f.value,
+        labelAlign: p.value,
         labelRotation: l.value,
         labelOffset: s.value,
         labelFontSize: v.value,
         showX: A.value,
         xPosition: P.value,
-        showXGrid: G.value,
-        showXTick: N.value,
+        showXGrid: j.value,
+        showXTick: I.value,
         xTickFontSize: X.value,
         showY: Y.value,
-        yPosition: Re.value,
-        showYGrid: Fe.value,
-        showYTick: Le.value,
-        yTickFontSize: ye.value,
-        isTransposed: B.value.config.isTransposed,
-        showLegend: we.value,
-        legendPosition: de.value,
-        usePointStyle: le.value
+        yPosition: Fe.value,
+        showYGrid: Le.value,
+        showYTick: Te.value,
+        yTickFontSize: we.value,
+        isTransposed: W.value.config.isTransposed,
+        showLegend: be.value,
+        legendPosition: me.value,
+        usePointStyle: ne.value
       };
     }
-    function wt() {
+    function _t() {
       return {
-        data: me.value,
-        filterText: j.value,
-        rollupPosition: B.value.config.rollupPosition,
-        rowHeight: oe.value,
-        colWidths: ee.value
+        data: pe.value,
+        filterText: K.value,
+        rollupPosition: W.value.config.rollupPosition,
+        rowHeight: se.value,
+        colWidths: ae.value
       };
     }
-    const je = m(() => {
-      switch (B.value.type) {
+    const Je = d(() => {
+      switch (W.value.type) {
         case y.Table:
-          return wt();
+          return _t();
         case y.BarChart:
         case y.LineChart:
         case y.StackBarChart:
         case y.StackLineChart:
         case y.Circular:
-          return yt();
+          return xt();
         default:
-          return { data: me.value };
+          return { data: pe.value };
       }
-    }), Je = m(() => {
-      const { config: o } = p.value.widget;
+    }), Ke = d(() => {
+      const { config: o } = f.value.widget;
       if (o.rollup != null) {
-        const z = [...o.dimensions].filter((ie) => !ie.hide);
+        const z = [...o.dimensions].filter((ce) => !ce.hide);
         return z.sort(
-          (ie, be) => (o.rowIds || []).indexOf($e(ie)) - (o.rowIds || []).indexOf($e(be))
+          (ce, Ce) => (o.rowIds || []).indexOf(He(ce)) - (o.rowIds || []).indexOf(He(Ce))
         ), [
-          { label: fe(k, S, "None", "other"), value: null },
-          { label: fe(k, S, "Grand Total", "other"), value: 0 },
-          ...[...z].slice(0, z.length - 1).map((ie, be) => ({
-            label: fe(k, S, ie.label, "other"),
-            value: be + 1
+          { label: ve(k, x, "None", "other"), value: null },
+          { label: ve(k, x, "Grand Total", "other"), value: 0 },
+          ...[...z].slice(0, z.length - 1).map((ce, Ce) => ({
+            label: ve(k, x, ce.label, "other"),
+            value: Ce + 1
           }))
         ];
       }
       return [];
-    }), re = m(() => {
-      const { config: o } = B.value;
+    }), ie = d(() => {
+      const { config: o } = W.value;
       return o.isDrillable ? o.dimensions.map((z) => ({
-        label: fe(k, S, z.label, "other"),
-        value: $e(z)
+        label: ve(k, x, z.label, "other"),
+        value: He(z)
       })) : [];
     });
-    ve(
-      () => p.value.widget.config,
+    ge(
+      () => f.value.widget.config,
       (o) => {
-        g.value = o.rollup, x.value = o.showTitle ?? !0, L.value = o.titleFontSize ?? 14, q.value = o.titleBold ?? !1, U.value = o.titleItalic ?? !1, h.value = o.titleUnderline ?? !1, w.value = o.chartHeight ?? void 0, c.value = o.chartWidth ?? void 0, F.value = o.showLabel ?? !1, f.value = o.labelAlign ?? qe.center, D.value = o.labelAnchor ?? He.center, l.value = o.labelRotation ?? 0, s.value = o.labelOffset ?? 0, v.value = o.labelFontSize ?? 12, A.value = o.showX ?? !0, P.value = o.xPosition ?? Me.bottom, G.value = o.showXGrid ?? !1, N.value = o.showXTick ?? !0, X.value = o.xTickFontSize ?? 12, Y.value = o.showY ?? !0, Re.value = o.yPosition ?? Ie.left, Fe.value = o.showYGrid ?? !1, Le.value = o.showYTick ?? !0, ye.value = o.yTickFontSize ?? 12, we.value = o.showLegend ?? void 0, de.value = o.legendPosition ?? Ne.top, le.value = o.usePointStyle ?? !0, oe.value = o.rowHeight ?? 0, ee.value = o.colWidths ?? [];
+        g.value = o.rollup, S.value = o.showTitle ?? !0, L.value = o.titleFontSize ?? 14, M.value = o.titleBold ?? !1, U.value = o.titleItalic ?? !1, h.value = o.titleUnderline ?? !1, w.value = o.chartHeight ?? void 0, c.value = o.chartWidth ?? void 0, F.value = o.showLabel ?? !1, p.value = o.labelAlign ?? Ne.center, D.value = o.labelAnchor ?? Me.center, l.value = o.labelRotation ?? 0, s.value = o.labelOffset ?? 0, v.value = o.labelFontSize ?? 12, A.value = o.showX ?? !0, P.value = o.xPosition ?? Ie.bottom, j.value = o.showXGrid ?? !1, I.value = o.showXTick ?? !0, X.value = o.xTickFontSize ?? 12, Y.value = o.showY ?? !0, Fe.value = o.yPosition ?? Oe.left, Le.value = o.showYGrid ?? !1, Te.value = o.showYTick ?? !0, we.value = o.yTickFontSize ?? 12, be.value = o.showLegend ?? void 0, me.value = o.legendPosition ?? Ue.top, ne.value = o.usePointStyle ?? !0, se.value = o.rowHeight ?? 0, ae.value = o.colWidths ?? [];
       },
       { deep: !0 }
-    ), ve([() => g.value], () => {
-      g.value !== null && (p.value.widget.config.rollup = g.value);
-    }), ve(
+    ), ge([() => g.value], () => {
+      g.value !== null && (f.value.widget.config.rollup = g.value);
+    }), ge(
       [
-        () => B.value,
-        () => Ye.value,
+        () => W.value,
         () => Ge.value,
-        () => vt.value,
-        () => Ee.value,
-        () => gt.value
+        () => je.value,
+        () => Ct.value,
+        () => De.value,
+        () => St.value
       ],
       () => {
         var o;
-        Ee.value && ((o = Ee.value) == null ? void 0 : o.length) > 0 && Ze();
+        De.value && ((o = De.value) == null ? void 0 : o.length) > 0 && Qe();
       },
       {
         deep: !0
       }
-    ), ve(
-      [() => p.value.size],
+    ), ge(
+      [() => f.value.size],
       () => {
         he();
       },
       { deep: !0 }
-    ), Vt(() => {
-      he(), M.value.sm || M.value.md || M.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", he)) : addEventListener("resize", he), Ze();
-    }), Pt(() => {
-      M.value.sm || M.value.md || M.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", he)) : removeEventListener("resize", he);
+    ), Ht(() => {
+      he(), G.value.sm || G.value.md || G.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", he)) : addEventListener("resize", he), Qe();
+    }), qt(() => {
+      G.value.sm || G.value.md || G.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", he)) : removeEventListener("resize", he);
     });
-    const Ke = mt();
-    let De;
-    const Ze = st(async function() {
-      if (B.value.config.schemaNames.length <= 0 && !(B.value.config.dimensions.length <= 0 || B.value.config.metrics.length <= 0)) {
-        Ke.open({
+    const Ze = pt();
+    let Ae;
+    const Qe = rt(async function() {
+      if (W.value.config.schemaNames.length <= 0 && !(W.value.config.dimensions.length <= 0 || W.value.config.metrics.length <= 0)) {
+        Ze.open({
           message: "schema must not be empty and dimension or metrics must have at least 1 column",
           type: "info"
         }), t.value = !1;
         return;
       }
       try {
-        t.value = !0, De && De.abort(), De = new AbortController();
-        const z = De.signal;
-        me.value = await qt(B.value, z), R.value = Ae(), t.value = !1;
+        t.value = !0, Ae && Ae.abort(), Ae = new AbortController();
+        const z = Ae.signal;
+        pe.value = await Ut(W.value, z), R.value = ze(), t.value = !1;
       } catch (z) {
-        me.value = null, z.code !== "ERR_CANCELED" && (Ke.open({ message: `Invalid chart ${B.value.type}`, type: "error" }), console.log(z), t.value = !1);
+        pe.value = null, z.code !== "ERR_CANCELED" && (Ze.open({ message: `Invalid chart ${W.value.type}`, type: "error" }), console.log(z), t.value = !1);
       }
     });
-    function bt(o) {
-      switch (p.value.widget.type) {
+    function kt(o) {
+      switch (f.value.widget.type) {
         case "SPACER":
           return;
         case "SCORECARD":
           return;
         case "TABLE":
-          return `${p.value.size.height * 100 + (b.value ? 72 : 0) + 96.5}px`;
+          return `${f.value.size.height * 100 + (C.value ? 72 : 0) + 96.5}px`;
       }
-      return `${Math.max(o / p.value.size.width, 90) * p.value.size.height}px`;
+      return `${Math.max(o / f.value.size.width, 90) * f.value.size.height}px`;
     }
-    function Ct() {
-      const o = d.value - 1;
-      o >= 0 && (T.value = re.value[o].value);
+    function Rt() {
+      const o = m.value - 1;
+      o >= 0 && (T.value = ie.value[o].value);
     }
-    function xt() {
-      const o = d.value + 1;
-      o >= 0 && o < re.value.length && (T.value = re.value[o].value);
+    function Ft() {
+      const o = m.value + 1;
+      o >= 0 && o < ie.value.length && (T.value = ie.value[o].value);
     }
-    const Qe = u(Ce.EXCEL), et = u(), St = Object.values(Ce).map((o) => ({
-      label: Ht(o),
+    const et = u(Se.EXCEL), tt = u(), Lt = Object.values(Se).map((o) => ({
+      label: Ot(o),
       value: o,
       onClick: async () => {
-        o === Ce.EXCEL || o === Ce.PDFFULLSIZE ? await ht({
+        o === Se.EXCEL || o === Se.PDFFULLSIZE ? await ht({
           reportType: o,
-          index: C.index,
-          timeRange: Ge.value,
-          dateRange: Ye.value,
-          locationIds: Ee.value
-        }) : o === Ce.PDF && (Qe.value = o, et.value = C.index, ne.value = !0);
+          index: b.index,
+          timeRange: je.value,
+          dateRange: Ge.value,
+          locationIds: De.value
+        }) : o === Se.PDF && (et.value = o, tt.value = b.index, re.value = !0);
       }
-    })), _t = B.value.type === y.Spacer ? "flat" : "outlined", kt = B.value.type === y.Spacer ? "p-0" : "p-16";
+    })), Tt = W.value.type === y.Spacer ? "flat" : "outlined", Et = W.value.type === y.Spacer ? "p-0" : "p-16";
     return (o, z) => {
-      const ie = V("FmTooltip"), be = V("FmSearch"), Rt = V("FmCheckbox"), Pe = V("FmButton"), Ft = V("FmSelect"), Lt = V("FmMenuItem"), Tt = V("FmMenu"), Et = V("FmForm"), Dt = V("FmCircularProgress"), At = V("FmCard");
-      return E(), O(At, {
+      const ce = V("FmTooltip"), Ce = V("FmSearch"), Dt = V("FmCheckbox"), Be = V("FmButton"), At = V("FmSelect"), zt = V("FmMenuItem"), Vt = V("FmMenu"), Pt = V("FmForm"), $t = V("FmCircularProgress"), Bt = V("FmCard");
+      return E(), O(Bt, {
         ref_key: "tileCard",
         ref: _,
-        class: ze(`${Xe.value} ${n(kt)}`),
-        variant: n(_t)
+        class: Ve(`${wt.value} ${n(Et)}`),
+        variant: n(Tt)
       }, {
-        default: I(() => [
-          W(wa, {
-            modelValue: ne.value,
-            "onUpdate:modelValue": z[0] || (z[0] = (pe) => ne.value = pe),
-            "report-type": Qe.value,
-            index: et.value
+        default: N(() => [
+          $(_a, {
+            modelValue: re.value,
+            "onUpdate:modelValue": z[0] || (z[0] = (fe) => re.value = fe),
+            "report-type": et.value,
+            index: tt.value
           }, null, 8, ["modelValue", "report-type", "index"]),
-          t.value ? (E(), O(Dt, { key: 1 })) : (E(), H("div", {
+          t.value ? (E(), O($t, { key: 1 })) : (E(), H("div", {
             key: 0,
-            style: ae({ height: se.value })
+            style: oe({ height: $e.value })
           }, [
-            (E(), O(Wt(ft.value), {
+            (E(), O(Mt(bt.value), {
               key: R.value,
-              modelValue: je.value,
-              "onUpdate:modelValue": z[4] || (z[4] = (pe) => je.value = pe)
+              modelValue: Je.value,
+              "onUpdate:modelValue": z[4] || (z[4] = (fe) => Je.value = fe)
             }, {
-              menu: I(() => [
-                W(Et, { class: "flex items-center gap-2" }, {
-                  default: I(() => {
-                    var pe, tt, at, lt;
+              menu: N(() => [
+                $(Pt, { class: "flex items-center gap-2" }, {
+                  default: N(() => {
+                    var fe, at, lt, ot;
                     return [
-                      W(ie, {
+                      $(ce, {
                         variant: "plain",
                         placement: "right",
-                        content: B.value.description,
+                        content: W.value.description,
                         "hide-arrow": !0,
-                        disabled: !B.value.description
+                        disabled: !W.value.description
                       }, {
-                        default: I(() => [
-                          x.value !== !1 ? (E(), H("p", {
+                        default: N(() => [
+                          S.value !== !1 ? (E(), H("p", {
                             key: 0,
-                            style: ae({
+                            style: oe({
                               fontSize: L.value + "px",
-                              fontWeight: q.value ? "bold" : "normal",
+                              fontWeight: M.value ? "bold" : "normal",
                               fontStyle: U.value ? "italic" : "normal",
                               textDecoration: h.value ? "underline" : "none"
                             }),
-                            class: ze(["text-fm-color-typo-secondary line-clamp-1", [
+                            class: Ve(["text-fm-color-typo-secondary line-clamp-1", [
                               L.value <= 18 ? "fm-typo-en-body-md-400" : "",
-                              B.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                              W.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, xe(n(fe)(n(k), n(S), B.value.title, "other")), 7)) : ce("", !0)
+                          }, xe(n(ve)(n(k), n(x), W.value.title, "other")), 7)) : ue("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
-                      (pe = Te.value) != null && pe.showSearchBar ? (E(), O(be, {
+                      (fe = Ee.value) != null && fe.showSearchBar ? (E(), O(Ce, {
                         key: 0,
-                        modelValue: j.value,
-                        "onUpdate:modelValue": z[1] || (z[1] = (J) => j.value = J),
+                        modelValue: K.value,
+                        "onUpdate:modelValue": z[1] || (z[1] = (Z) => K.value = Z),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (E(), H("div", ba)),
-                      $t(W(Rt, {
+                      }, null, 8, ["modelValue"])) : (E(), H("div", ka)),
+                      Nt($(Dt, {
                         modelValue: F.value,
-                        "onUpdate:modelValue": z[2] || (z[2] = (J) => F.value = J),
+                        "onUpdate:modelValue": z[2] || (z[2] = (Z) => F.value = Z),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
-                        [Bt, (tt = Te.value) == null ? void 0 : tt.showLabel]
+                        [It, (at = Ee.value) == null ? void 0 : at.showLabel]
                       ]),
-                      (at = Te.value) != null && at.showDrillDimension && re.value.length > 0 ? (E(), H("div", Ca, [
-                        W(Pe, {
+                      (lt = Ee.value) != null && lt.showDrillDimension && ie.value.length > 0 ? (E(), H("div", Ra, [
+                        $(Be, {
                           icon: "arrow_upward",
                           variant: "tertiary",
                           disabled: !i.value,
-                          onClick: Ct
+                          onClick: Rt
                         }, null, 8, ["disabled"]),
-                        W(Pe, {
+                        $(Be, {
                           icon: "arrow_downward",
                           variant: "tertiary",
                           disabled: !r.value,
-                          onClick: xt
+                          onClick: Ft
                         }, null, 8, ["disabled"])
-                      ])) : ce("", !0),
-                      (lt = Te.value) != null && lt.showRollup && Je.value.length > 0 ? (E(), O(Ft, {
+                      ])) : ue("", !0),
+                      (ot = Ee.value) != null && ot.showRollup && Ke.value.length > 0 ? (E(), O(At, {
                         key: 3,
                         modelValue: g.value,
-                        "onUpdate:modelValue": z[3] || (z[3] = (J) => g.value = J),
+                        "onUpdate:modelValue": z[3] || (z[3] = (Z) => g.value = Z),
                         class: "w-[150px]",
-                        items: Je.value
-                      }, null, 8, ["modelValue", "items"])) : ce("", !0),
-                      C.hideExport ? ce("", !0) : (E(), O(Tt, {
+                        items: Ke.value
+                      }, null, 8, ["modelValue", "items"])) : ue("", !0),
+                      b.hideExport ? ue("", !0) : (E(), O(Vt, {
                         key: 4,
                         shift: !0
                       }, {
-                        "menu-button": I(() => [
-                          W(Pe, {
+                        "menu-button": N(() => [
+                          $(Be, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
-                        default: I(() => [
-                          (E(!0), H(te, null, ut(n(St), (J) => (E(), O(Lt, {
-                            key: J.value,
-                            label: J.label,
-                            onClick: J.onClick
+                        default: N(() => [
+                          (E(!0), H(le, null, dt(n(Lt), (Z) => (E(), O(zt, {
+                            key: Z.value,
+                            label: Z.label,
+                            onClick: Z.onClick
                           }, null, 8, ["label", "onClick"]))), 128))
                         ]),
                         _: 1
@@ -1394,10 +1408,10 @@ const va = /* @__PURE__ */ Z({
   }
 });
 export {
-  qe as L,
-  K as R,
-  Da as _,
-  He as a,
-  $e as g,
-  ct as u
+  Ne as L,
+  Q as R,
+  $a as _,
+  Me as a,
+  He as g,
+  ut as u
 };