@feedmepos/mf-report 5.21.31 → 5.21.32

package/dist/{FilterSelector.vue_vue_type_script_setup_true_lang-BEOZulO4.js → FilterSelector.vue_vue_type_script_setup_true_lang-DpUWWlZ7.js}

@@ -1,15 +1,15 @@
-import { computed as T, defineComponent as Te, mergeModels as We, useModel as ze, ref as v, onMounted as Ie, nextTick as Se, watch as me, resolveComponent as B, createElementBlock as ne, openBlock as M, Fragment as xe, renderSlot as Ne, createVNode as q, normalizeStyle as Ee, unref as s, createElementVNode as X, toDisplayString as De, withCtx as ie, createBlock as de, createCommentVNode as ke, normalizeClass as Ze, h as rt, renderList as ut, toRaw as xl, markRaw as Sl, createTextVNode as yt, onUnmounted as Ut, resolveDynamicComponent as Cl, withDirectives as kl, vShow as Tl, withModifiers as ht } from "vue";
-import { W as A, e as lt, f as _l, S as qe, v as it, g as Fl, h as ft, i as Yt, q as Gt, R as Ke, j as Ll, D as Re, c as ge, C as Ce, a as Rl, b as Dl, _ as Vl } from "./BaseDialog.vue_vue_type_script_setup_true_lang-QzLGWBvd.js";
-import { u as at, b as tt, a as Ft, d as Je, i as $l } from "./vue-i18n-D1iec8Wy.js";
-import { d as bt, _ as El, a as zl, b as Al, c as Ml } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CS10GX8d.js";
-import { storeToRefs as Ve, defineStore as Xt } from "pinia";
-import { useBreakpoints as jt, useSnackbar as Lt, components as Wl } from "@feedmepos/ui-library";
-import { _ as Il } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BhWCLEfp.js";
+import { computed as k, defineComponent as Te, mergeModels as Ne, useModel as Ee, ref as g, onMounted as Ie, nextTick as Se, watch as de, resolveComponent as B, createElementBlock as ne, openBlock as W, Fragment as xe, renderSlot as Me, createVNode as U, normalizeStyle as Ve, unref as s, createElementVNode as X, toDisplayString as De, withCtx as ie, createBlock as pe, createCommentVNode as ke, normalizeClass as Qe, h as rt, renderList as ut, toRaw as xl, markRaw as Sl, createTextVNode as yt, onUnmounted as Ut, resolveDynamicComponent as Cl, withDirectives as kl, vShow as Tl, withModifiers as ht } from "vue";
+import { W as A, e as lt, f as _l, S as qe, v as it, g as Fl, h as ft, i as Yt, q as Gt, R as Ke, j as Ll, D as Re, c as ge, C as Ce, a as Rl, b as Dl, _ as zl } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BNTtoXSl.js";
+import { u as at, b as tt, a as Ft, d as Je, i as $l } from "./vue-i18n-D4W4y-_2.js";
+import { d as bt, _ as Vl, a as El, b as Al, c as Wl } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Cg6ChdaG.js";
+import { storeToRefs as ze, defineStore as Xt } from "pinia";
+import { useBreakpoints as jt, useSnackbar as Lt, components as Nl } from "@feedmepos/ui-library";
+import { _ as Il } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BXZkFRRh.js";
 import { r as Ue } from "./i18n-7InkCBCc.js";
-import { _ as wt } from "./NoData.vue_vue_type_script_setup_true_lang-DDKbpI_N.js";
+import { _ as wt } from "./NoData.vue_vue_type_script_setup_true_lang-BRz75rkR.js";
 var xt = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(xt || {}), Be = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Be || {}), St = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(St || {}), Ct = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Ct || {}), kt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(kt || {}), Tt = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Tt || {}), _t = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(_t || {});
 A.Circular, A.Table, A.BarChart, A.LineChart, A.StackBarChart, A.StackLineChart, A.Scorecard, A.Spacer;
-const Nl = [
+const Ml = [
   {
     type: A.Circular,
     showLabel: !1,
@@ -126,17 +126,17 @@ function $e({
 function Kt(e, a, o) {
   if (e === "" || a === "")
     return null;
-  let l = (R) => R == null ? void 0 : R.replace(/,/g, "");
-  o === "ID" && (l = (R) => R == null ? void 0 : R.replace(/\./g, "").replace(/,/g, "."));
-  const c = Number(l(e)), g = Number(l(a));
-  if (isNaN(c) || isNaN(g))
+  let l = (D) => D == null ? void 0 : D.replace(/,/g, "");
+  o === "ID" && (l = (D) => D == null ? void 0 : D.replace(/\./g, "").replace(/,/g, "."));
+  const u = Number(l(e)), y = Number(l(a));
+  if (isNaN(u) || isNaN(y))
     return null;
-  let _ = 0;
-  g === 0 ? c === 0 ? _ = 0 : _ = 1 : _ = (c - g) / g;
-  const F = Hl(_);
+  let T = 0;
+  y === 0 ? u === 0 ? T = 0 : T = 1 : T = (u - y) / y;
+  const _ = Hl(T);
   return {
-    value: isNaN(_) ? "" : `${(_ * 100).toFixed(0)}%`,
-    icon: F
+    value: isNaN(T) ? "" : `${(T * 100).toFixed(0)}%`,
+    icon: _
   };
 }
 function Hl(e) {
@@ -155,17 +155,17 @@ function Hl(e) {
   };
 }
 function nt(e) {
-  function a(m, y, h) {
-    if (m.measureText(y).width <= h) return y;
-    const u = "…";
-    let p = 0, x = y.length;
-    for (; p < x; ) {
-      const S = Math.floor((p + x) / 2), b = y.slice(0, S) + u;
-      m.measureText(b).width <= h ? p = S + 1 : x = S;
+  function a(m, p, h) {
+    if (m.measureText(p).width <= h) return p;
+    const c = "…";
+    let b = 0, f = p.length;
+    for (; b < f; ) {
+      const C = Math.floor((b + f) / 2), w = p.slice(0, C) + c;
+      m.measureText(w).width <= h ? b = C + 1 : f = C;
     }
-    return y.slice(0, p - 1) + u;
+    return p.slice(0, b - 1) + c;
   }
-  const o = T(() => ({
+  const o = k(() => ({
     display: e.showLabel,
     align: e.labelAlign,
     anchor: e.labelAnchor,
@@ -175,11 +175,11 @@ function nt(e) {
       size: e.labelFontSize
     },
     color: (m) => {
-      const y = m.chart.data.datasets[m.datasetIndex];
-      return y.borderColor ? Array.isArray(y.borderColor) ? y.borderColor[m.dataIndex] : y.borderColor : y.backgroundColor ? Array.isArray(y.backgroundColor) ? y.backgroundColor[m.dataIndex] : y.backgroundColor : "#000";
+      const p = m.chart.data.datasets[m.datasetIndex];
+      return p.borderColor ? Array.isArray(p.borderColor) ? p.borderColor[m.dataIndex] : p.borderColor : p.backgroundColor ? Array.isArray(p.backgroundColor) ? p.backgroundColor[m.dataIndex] : p.backgroundColor : "#000";
     },
     formatter: (m) => m === 0 ? "" : m.toLocaleString("en-US")
-  })), l = T(() => ({
+  })), l = k(() => ({
     display: e.showX,
     position: e.xPosition,
     grid: {
@@ -190,13 +190,13 @@ function nt(e) {
       callback: function(m) {
         if ((e == null ? void 0 : e.isTransposed) === !0) return String(m);
         let h = String(m);
-        const u = this;
-        u && typeof u.getLabelForValue == "function" && (h = u.getLabelForValue(m));
-        const p = u == null ? void 0 : u.chart, x = u == null ? void 0 : u.ctx, S = p.height * 0.25;
-        if (x && S > 0) {
-          x.save();
-          const U = x.measureText(h).width > S ? a(x, h, S) : h;
-          return x.restore(), U;
+        const c = this;
+        c && typeof c.getLabelForValue == "function" && (h = c.getLabelForValue(m));
+        const b = c == null ? void 0 : c.chart, f = c == null ? void 0 : c.ctx, C = b.height * 0.25;
+        if (f && C > 0) {
+          f.save();
+          const q = f.measureText(h).width > C ? a(f, h, C) : h;
+          return f.restore(), q;
         }
         return h;
       },
@@ -212,18 +212,18 @@ function nt(e) {
       }
     },
     afterBuildTicks: (m) => {
-      const y = Array.isArray(m == null ? void 0 : m.ticks) ? m.ticks : [];
-      if (y.length === 0) return;
-      const h = m.getLabelForValue(y[0].value), u = !isNaN(Number(h));
-      m.options.ticks.minRotation = u || y.length < 10 ? 0 : 90;
+      const p = Array.isArray(m == null ? void 0 : m.ticks) ? m.ticks : [];
+      if (p.length === 0) return;
+      const h = m.getLabelForValue(p[0].value), c = !isNaN(Number(h));
+      m.options.ticks.minRotation = c || p.length < 10 ? 0 : 90;
     },
     afterFit: (m) => {
       if (!(e != null && e.isTransposed)) {
-        const y = m.chart.height * 0.4;
-        m.height > y && (m.height = y);
+        const p = m.chart.height * 0.4;
+        m.height > p && (m.height = p);
       }
     }
-  })), c = T(() => ({
+  })), u = k(() => ({
     display: e.showY,
     position: e.yPosition,
     grid: {
@@ -237,13 +237,13 @@ function nt(e) {
       callback: function(m) {
         if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(m);
         let h = String(m);
-        const u = this;
-        u && typeof u.getLabelForValue == "function" && (h = u.getLabelForValue(m));
-        const p = u == null ? void 0 : u.chart, x = u == null ? void 0 : u.ctx, S = p.width * 0.4;
-        if (x && S > 0) {
-          x.save();
-          const U = x.measureText(h).width > S ? a(x, h, S) : h;
-          return x.restore(), U;
+        const c = this;
+        c && typeof c.getLabelForValue == "function" && (h = c.getLabelForValue(m));
+        const b = c == null ? void 0 : c.chart, f = c == null ? void 0 : c.ctx, C = b.width * 0.4;
+        if (f && C > 0) {
+          f.save();
+          const q = f.measureText(h).width > C ? a(f, h, C) : h;
+          return f.restore(), q;
         }
         return h;
       }
@@ -255,7 +255,7 @@ function nt(e) {
         size: e.yTitleFontSize
       }
     }
-  })), g = T(() => ({
+  })), y = k(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle,
@@ -265,42 +265,42 @@ function nt(e) {
       usePointStyle: e.usePointStyle ?? !0,
       generateLabels: (m) => {
         var h;
-        const y = ((h = m == null ? void 0 : m.data) == null ? void 0 : h.datasets) || [];
-        if (y.length === 0) return [];
-        if (y.length === 1 && Array.isArray(y[0].backgroundColor) && y[0].backgroundColor.length > 1 && Array.isArray(y[0].data)) {
-          const u = y[0];
-          return m.data.labels.map((x, S) => {
-            const b = u.backgroundColor[S];
+        const p = ((h = m == null ? void 0 : m.data) == null ? void 0 : h.datasets) || [];
+        if (p.length === 0) return [];
+        if (p.length === 1 && Array.isArray(p[0].backgroundColor) && p[0].backgroundColor.length > 1 && Array.isArray(p[0].data)) {
+          const c = p[0];
+          return m.data.labels.map((f, C) => {
+            const w = c.backgroundColor[C];
             return {
-              text: x,
+              text: f,
               fontColor: "#6b6b6b",
-              fillStyle: b,
-              strokeStyle: b,
+              fillStyle: w,
+              strokeStyle: w,
               datasetIndex: 0,
-              index: S,
-              hidden: m.getDataVisibility ? !m.getDataVisibility(S) : !1
+              index: C,
+              hidden: m.getDataVisibility ? !m.getDataVisibility(C) : !1
             };
           });
         }
-        return m.data.datasets.map((u, p) => {
-          const x = u.borderColor || u.backgroundColor;
+        return m.data.datasets.map((c, b) => {
+          const f = c.borderColor || c.backgroundColor;
           return {
-            text: u.label,
+            text: c.label,
             fontColor: "#6b6b6b",
-            fillStyle: x,
-            strokeStyle: x,
-            datasetIndex: p,
-            hidden: !m.isDatasetVisible(p)
+            fillStyle: f,
+            strokeStyle: f,
+            datasetIndex: b,
+            hidden: !m.isDatasetVisible(b)
           };
         });
       }
     }
-  })), _ = T(() => e.isTransposed), F = T(() => e.chartWidth), R = T(() => e.chartHeight);
-  return { datalabels: o, xCfg: l, yCfg: c, isTransposed: _, legend: g, chartWidth: F, chartHeight: R };
+  })), T = k(() => e.isTransposed), _ = k(() => e.chartWidth), D = k(() => e.chartHeight);
+  return { datalabels: o, xCfg: l, yCfg: u, isTransposed: T, legend: y, chartWidth: _, chartHeight: D };
 }
 const Pl = /* @__PURE__ */ Te({
   __name: "WidgetBarchart",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -308,56 +308,56 @@ const Pl = /* @__PURE__ */ Te({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, o = ze(e, "modelValue"), l = v(null), c = T(() => {
-      var b;
-      return ((b = o.value.data) == null ? void 0 : b.xAxis) ?? [];
-    }), g = T(() => {
-      var b;
-      return ((b = o.value.data) == null ? void 0 : b.datasets) ?? [];
-    }), { datalabels: _, xCfg: F, yCfg: R, isTransposed: m, legend: y, chartWidth: h, chartHeight: u } = nt(
+    const a = e, o = Ee(e, "modelValue"), l = g(null), u = k(() => {
+      var w;
+      return ((w = o.value.data) == null ? void 0 : w.xAxis) ?? [];
+    }), y = k(() => {
+      var w;
+      return ((w = o.value.data) == null ? void 0 : w.datasets) ?? [];
+    }), { datalabels: T, xCfg: _, yCfg: D, isTransposed: m, legend: p, chartWidth: h, chartHeight: c } = nt(
       o.value
-    ), p = T(() => g.value.length > 0 ? [
-      ...g.value.map((b, U) => ({
-        label: b.name,
-        data: b.values,
-        dash: !!b.isCompare,
-        backgroundColor: $e({ index: U, isCompare: b.isCompare })
+    ), b = k(() => y.value.length > 0 ? [
+      ...y.value.map((w, q) => ({
+        label: w.name,
+        data: w.values,
+        dash: !!w.isCompare,
+        backgroundColor: $e({ index: q, isCompare: w.isCompare })
       }))
-    ] : []), x = lt();
-    function S() {
-      return x.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
+    ] : []), f = lt();
+    function C() {
+      return f.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ie(() => {
       Se(() => {
-        S();
+        C();
       });
-    }), me([p], () => {
-      Se(() => S());
-    }), (b, U) => {
-      const w = B("FmBarChart");
-      return M(), ne(xe, null, [
-        Ne(b.$slots, "menu"),
-        q(w, {
+    }), de([b], () => {
+      Se(() => C());
+    }), (w, q) => {
+      const x = B("FmBarChart");
+      return W(), ne(xe, null, [
+        Me(w.$slots, "menu"),
+        U(x, {
           ref_key: "chartRef",
           ref: l,
           class: "bar-chart",
-          datasets: p.value,
-          "x-axis": { categories: c.value },
-          "x-cfg": s(F),
-          "y-cfg": s(R),
+          datasets: b.value,
+          "x-axis": { categories: u.value },
+          "x-cfg": s(_),
+          "y-cfg": s(D),
           transpose: s(m),
           legend: {
-            display: s(y).display ?? !1,
-            position: s(y).position,
-            maxHeight: s(y).maxHeight,
-            maxWidth: s(y).maxWidth,
-            labels: s(y).labels
+            display: s(p).display ?? !1,
+            position: s(p).position,
+            maxHeight: s(p).maxHeight,
+            maxWidth: s(p).maxWidth,
+            labels: s(p).labels
           },
-          datalabels: s(_),
+          datalabels: s(T),
           "maintain-aspect-ratio": !1,
-          style: Ee({
+          style: Ve({
             "--chart-width": s(h) !== void 0 ? s(h) + "px" : "100%",
-            "--chart-height": s(u) !== void 0 ? s(u) + "px" : "calc(100% - 36px)"
+            "--chart-height": s(c) !== void 0 ? s(c) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -365,7 +365,7 @@ const Pl = /* @__PURE__ */ Te({
   }
 }), Bl = /* @__PURE__ */ Te({
   __name: "WidgetCircular",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -373,56 +373,56 @@ const Pl = /* @__PURE__ */ Te({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, o = ze(e, "modelValue"), { breakpoints: l } = jt(), c = v(null), { datalabels: g, legend: _, chartWidth: F, chartHeight: R } = nt(o.value), m = T(() => {
-      let p = [];
-      return o.value.data.datasets && o.value.data.metrics && o.value.data.datasets.length > 0 && o.value.data.metrics.length > 0 && (p = [
+    const a = e, o = Ee(e, "modelValue"), { breakpoints: l } = jt(), u = g(null), { datalabels: y, legend: T, chartWidth: _, chartHeight: D } = nt(o.value), m = k(() => {
+      let b = [];
+      return o.value.data.datasets && o.value.data.metrics && o.value.data.datasets.length > 0 && o.value.data.metrics.length > 0 && (b = [
         {
           label: o.value.data.metrics[0],
-          data: o.value.data.datasets.map((x) => x.value),
-          backgroundColor: o.value.data.datasets.map((x, S) => $e({ index: S }))
+          data: o.value.data.datasets.map((f) => f.value),
+          backgroundColor: o.value.data.datasets.map((f, C) => $e({ index: C }))
         }
-      ]), p;
-    }), y = lt();
+      ]), b;
+    }), p = lt();
     function h() {
-      return y.extractChartSize(c.value, a.tileIndex) || { width: 0, height: 0 };
+      return p.extractChartSize(u.value, a.tileIndex) || { width: 0, height: 0 };
     }
     Ie(() => {
       Se(() => {
         h();
       });
-    }), me([m], () => {
+    }), de([m], () => {
       Se(() => h());
     });
-    const u = T(() => l.value.lg ? 12 : 8);
-    return (p, x) => {
-      const S = B("FmPieChart");
-      return M(), ne(xe, null, [
-        Ne(p.$slots, "menu"),
-        q(S, {
+    const c = k(() => l.value.lg ? 12 : 8);
+    return (b, f) => {
+      const C = B("FmPieChart");
+      return W(), ne(xe, null, [
+        Me(b.$slots, "menu"),
+        U(C, {
           ref_key: "chartRef",
-          ref: c,
+          ref: u,
           class: "circular",
           percentage: "70%",
           datasets: m.value,
-          metrics: o.value.data.datasets.map((b) => b.name),
+          metrics: o.value.data.datasets.map((w) => w.name),
           variant: "doughnut",
           legend: {
-            display: s(_).display ?? !0,
-            position: s(_).position ?? "top",
-            maxHeight: s(_).maxHeight,
-            maxWidth: s(_).maxWidth,
+            display: s(T).display ?? !0,
+            position: s(T).position ?? "top",
+            maxHeight: s(T).maxHeight,
+            maxWidth: s(T).maxWidth,
             labels: {
-              ...s(_).labels,
+              ...s(T).labels,
               font: {
-                size: u.value
+                size: c.value
               }
             }
           },
-          datalabels: s(g),
+          datalabels: s(y),
           "maintain-aspect-ratio": !1,
-          style: Ee({
-            "--chart-width": s(F) !== void 0 ? s(F) + "px" : "100%",
-            "--chart-height": s(R) !== void 0 ? s(R) + "px" : "calc(100% - 36px)"
+          style: Ve({
+            "--chart-width": s(_) !== void 0 ? s(_) + "px" : "100%",
+            "--chart-height": s(D) !== void 0 ? s(D) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
       ], 64);
@@ -436,14 +436,14 @@ const Pl = /* @__PURE__ */ Te({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const a = ze(e, "modelValue"), { t: o } = at(), { compareDateRange: l, defaultDateSetting: c } = Ve(tt()), { country: g } = Ft(), _ = T(() => {
+    const a = Ee(e, "modelValue"), { t: o } = at(), { compareDateRange: l, defaultDateSetting: u } = ze(tt()), { country: y } = Ft(), T = k(() => {
       var h;
       return ((h = a.value.data) == null ? void 0 : h.value) || "";
-    }), F = T(() => {
+    }), _ = k(() => {
       const { data: h } = a.value;
-      return h != null && h.comparison ? Kt(_.value, h.comparison, g) : null;
+      return h != null && h.comparison ? Kt(T.value, h.comparison, y) : null;
     });
-    function R(h) {
+    function D(h) {
       switch (h) {
         case xt.bar:
           return "bar";
@@ -453,57 +453,57 @@ const Pl = /* @__PURE__ */ Te({
           return "line";
       }
     }
-    const m = T(() => {
+    const m = k(() => {
       var h;
       return (h = a.value.data) == null ? void 0 : h.sparkline;
-    }), y = T(() => m.value.datasets.map((h) => ({
+    }), p = k(() => m.value.datasets.map((h) => ({
       label: h.name,
       data: h.values,
       fill: !0,
       color: "#36a2eb"
     })));
-    return (h, u) => {
-      var U;
-      const p = B("FmIcon"), x = B("FmChip"), S = B("FmTooltip"), b = B("FmLineChart");
-      return M(), ne("div", ql, [
-        Ne(h.$slots, "menu"),
-        X("p", Ul, De(_.value), 1),
+    return (h, c) => {
+      var q;
+      const b = B("FmIcon"), f = B("FmChip"), C = B("FmTooltip"), w = B("FmLineChart");
+      return W(), ne("div", ql, [
+        Me(h.$slots, "menu"),
+        X("p", Ul, De(T.value), 1),
         X("div", Yl, [
-          q(S, {
-            content: `vs. ${(U = s(c).defaultCompareType) == null ? void 0 : U.split("_").join(" ")}`,
+          U(C, {
+            content: `vs. ${(q = s(u).defaultCompareType) == null ? void 0 : q.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
             variant: "plain"
           }, {
             default: ie(() => [
-              F.value ? (M(), de(x, {
+              _.value ? (W(), pe(f, {
                 key: 0,
-                icon: F.value.icon.name,
-                class: Ze(`bg-${F.value.icon.tailwind}`),
+                icon: _.value.icon.name,
+                class: Qe(`bg-${_.value.icon.tailwind}`),
                 compact: ""
               }, {
                 default: ie(() => [
-                  q(p, {
-                    name: F.value.icon.name,
-                    color: F.value.icon.color
+                  U(b, {
+                    name: _.value.icon.name,
+                    color: _.value.icon.color
                   }, null, 8, ["name", "color"]),
                   X("p", {
                     class: "fm-typo-en-body-md-600",
-                    style: Ee({ color: F.value.icon.color })
-                  }, De(F.value.value), 5)
+                    style: Ve({ color: _.value.icon.color })
+                  }, De(_.value.value), 5)
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : ke("", !0),
-              s(l).endDate !== null && s(l).startDate !== null && F.value === null ? (M(), de(x, {
+              s(l).endDate !== null && s(l).startDate !== null && _.value === null ? (W(), pe(f, {
                 key: 1,
                 compact: ""
               }, {
                 default: ie(() => [
-                  q(p, {
+                  U(b, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  u[0] || (u[0] = X("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                  c[0] || (c[0] = X("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
                 ]),
                 _: 1
               })) : ke("", !0)
@@ -511,11 +511,11 @@ const Pl = /* @__PURE__ */ Te({
             _: 1
           }, 8, ["content"])
         ]),
-        m.value ? (M(), ne("div", Gl, [
-          R(m.value.type) === "line" ? (M(), de(b, {
+        m.value ? (W(), ne("div", Gl, [
+          D(m.value.type) === "line" ? (W(), pe(w, {
             key: 0,
             class: "sparkline",
-            datasets: y.value,
+            datasets: p.value,
             legend: {
               display: !1
             },
@@ -525,7 +525,7 @@ const Pl = /* @__PURE__ */ Te({
             "x-cfg": { display: !1 },
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis"])) : ke("", !0)
-        ])) : (M(), ne("div", Xl, u[1] || (u[1] = [
+        ])) : (W(), ne("div", Xl, c[1] || (c[1] = [
           X("div", { class: "sparkline" }, [
             X("div", { class: "flex flex-col gap-8" }, [
               X("div"),
@@ -540,143 +540,143 @@ const Pl = /* @__PURE__ */ Te({
 }), Kl = {};
 function Jl(e, a) {
   const o = B("FmMenuDivider");
-  return M(), de(o);
+  return W(), pe(o);
 }
-const Zl = /* @__PURE__ */ Il(Kl, [["render", Jl]]), Ql = "mf-reporttable-dimension", Pt = Xt(Ql, () => {
-  const e = v(0), a = v([]), o = v(!1), l = (w, r) => {
-    e.value = w, g(w, r);
-  }, c = (w, r, L, n) => {
-    a[w] = r, a.value = [...a.value], _(w, r, L, n);
-  }, g = (w, r) => {
-    const L = (r == null ? void 0 : r.querySelectorAll("thead tr")) ?? [], n = (r == null ? void 0 : r.querySelectorAll("tbody tr")) ?? [];
-    [...L, ...n].forEach(($) => {
-      const E = $;
-      E && (E.style.height = `${w}px`);
+const Ql = /* @__PURE__ */ Il(Kl, [["render", Jl]]), Zl = "mf-reporttable-dimension", Pt = Xt(Zl, () => {
+  const e = g(0), a = g([]), o = g(!1), l = (x, r) => {
+    e.value = x, y(x, r);
+  }, u = (x, r, F, n) => {
+    a[x] = r, a.value = [...a.value], T(x, r, F, n);
+  }, y = (x, r) => {
+    const F = (r == null ? void 0 : r.querySelectorAll("thead tr")) ?? [], n = (r == null ? void 0 : r.querySelectorAll("tbody tr")) ?? [];
+    [...F, ...n].forEach((V) => {
+      const E = V;
+      E && (E.style.height = `${x}px`);
     });
-  }, _ = (w, r, L, n = !1) => {
-    const d = (L == null ? void 0 : L.querySelectorAll("th")) ?? [];
-    if (w === void 0) return;
-    const $ = d[w], E = n ? a[w] : r;
-    if (!$ || E === void 0) return;
-    const W = () => {
-      $.style.width = `${E}px`;
+  }, T = (x, r, F, n = !1) => {
+    const d = (F == null ? void 0 : F.querySelectorAll("th")) ?? [];
+    if (x === void 0) return;
+    const V = d[x], E = n ? a[x] : r;
+    if (!V || E === void 0) return;
+    const N = () => {
+      V.style.width = `${E}px`;
     };
-    n ? requestAnimationFrame(W) : W();
-  }, F = () => {
-    const w = document.querySelectorAll("th"), r = document.querySelectorAll("td"), L = document.querySelector("table");
-    L == null || L.classList.add("table-fixed"), w.forEach((n) => n.classList.add("toggleEditResize")), r.forEach((n) => n.classList.add("toggleEditResize")), o.value = !0;
-  }, R = () => {
-    const w = document.querySelectorAll("th"), r = document.querySelectorAll("td"), L = document.querySelectorAll(".col-resize-handle"), n = document.querySelectorAll(".row-resize-handle");
-    w.forEach((d) => d.classList.remove("toggleEditResize")), r.forEach((d) => d.classList.remove("toggleEditResize")), L.forEach((d) => d.remove()), n.forEach((d) => d.remove()), o.value = !1;
+    n ? requestAnimationFrame(N) : N();
+  }, _ = () => {
+    const x = document.querySelectorAll("th"), r = document.querySelectorAll("td"), F = document.querySelector("table");
+    F == null || F.classList.add("table-fixed"), x.forEach((n) => n.classList.add("toggleEditResize")), r.forEach((n) => n.classList.add("toggleEditResize")), o.value = !0;
+  }, D = () => {
+    const x = document.querySelectorAll("th"), r = document.querySelectorAll("td"), F = document.querySelectorAll(".col-resize-handle"), n = document.querySelectorAll(".row-resize-handle");
+    x.forEach((d) => d.classList.remove("toggleEditResize")), r.forEach((d) => d.classList.remove("toggleEditResize")), F.forEach((d) => d.remove()), n.forEach((d) => d.remove()), o.value = !1;
   }, m = () => {
     e.value = 0, a.value = [];
-  }, y = (w, r) => {
+  }, p = (x, r) => {
     if (r) {
-      const L = document.querySelectorAll(`thead th:nth-child(${w + 1})`), n = document.querySelectorAll(`tbody td:nth-child(${w + 1})`);
-      [...L, ...n].forEach((d) => {
+      const F = document.querySelectorAll(`thead th:nth-child(${x + 1})`), n = document.querySelectorAll(`tbody td:nth-child(${x + 1})`);
+      [...F, ...n].forEach((d) => {
         d.classList.add("highlight-hover-col");
       });
     } else
       document.querySelectorAll(
-        `thead th:nth-child(${w + 1}), tbody td:nth-child(${w + 1})`
-      ).forEach((L) => L.classList.add("highlight-col"));
-  }, h = (w) => {
-    const r = document.querySelectorAll("thead tr"), L = document.querySelectorAll("tbody tr"), n = [...r, ...L];
+        `thead th:nth-child(${x + 1}), tbody td:nth-child(${x + 1})`
+      ).forEach((F) => F.classList.add("highlight-col"));
+  }, h = (x) => {
+    const r = document.querySelectorAll("thead tr"), F = document.querySelectorAll("tbody tr"), n = [...r, ...F];
     for (const d of n)
-      w ? d.classList.add("highlight-hover-row") : d.classList.add("highlight-row");
-  }, u = (w) => {
-    const r = w ? ".highlight-hover-row" : ".highlight-row", L = document.querySelectorAll(r);
-    for (const n of L)
+      x ? d.classList.add("highlight-hover-row") : d.classList.add("highlight-row");
+  }, c = (x) => {
+    const r = x ? ".highlight-hover-row" : ".highlight-row", F = document.querySelectorAll(r);
+    for (const n of F)
       n.classList.remove(r.slice(1));
-  }, p = (w) => {
-    w ? document.querySelectorAll(".highlight-hover-col").forEach((r) => {
+  }, b = (x) => {
+    x ? document.querySelectorAll(".highlight-hover-col").forEach((r) => {
       r.classList.remove("highlight-hover-col");
     }) : document.querySelectorAll(".highlight-col").forEach((r) => r.classList.remove("highlight-col"));
-  }, x = (w, r) => {
-    const L = w.clientX, n = w.target.closest("table");
+  }, f = (x, r) => {
+    const F = x.clientX, n = x.target.closest("table");
     if (!n) return;
     const d = n.querySelectorAll("th")[r];
     if (!d) return;
-    const $ = d.getBoundingClientRect().width || 60, E = d.querySelector("button"), W = (E == null ? void 0 : E.querySelector("span")) || d.querySelector("p") || d;
+    const V = d.getBoundingClientRect().width || 60, E = d.querySelector("button"), N = (E == null ? void 0 : E.querySelector("span")) || d.querySelector("p") || d;
     let j = 60;
-    if (W) {
-      const f = W.textContent || "", D = window.getComputedStyle(W), Y = `${D.fontWeight} ${D.fontSize} ${D.fontFamily}`, I = document.createElement("canvas").getContext("2d");
+    if (N) {
+      const v = N.textContent || "", z = window.getComputedStyle(N), Y = `${z.fontWeight} ${z.fontSize} ${z.fontFamily}`, I = document.createElement("canvas").getContext("2d");
       if (I) {
         I.font = Y;
-        const H = I.measureText(f), he = window.getComputedStyle(d), _e = parseFloat(he.paddingLeft || "0"), Ae = parseFloat(he.paddingRight || "0");
+        const H = I.measureText(v), he = window.getComputedStyle(d), _e = parseFloat(he.paddingLeft || "0"), Ae = parseFloat(he.paddingRight || "0");
         j = H.width + _e + Ae;
       }
     }
-    y(r, !1);
+    p(r, !1);
     let ue = null, K = null;
     const oe = () => {
       if (K === null) return;
-      const f = d;
-      f.style.width = `${K}px`;
-      let D = 0;
+      const v = d;
+      v.style.width = `${K}px`;
+      let z = 0;
       n.querySelectorAll("th").forEach((O, I) => {
-        D += I === r ? K : O.getBoundingClientRect().width;
-      }), n.classList.remove("w-full"), n.style.width = `${D}px`, ue = null;
-    }, ye = (f) => {
-      const D = f.clientX - L;
-      K = Math.max(j, $ + D), ue === null && (ue = requestAnimationFrame(oe));
-    }, pe = () => {
+        z += I === r ? K : O.getBoundingClientRect().width;
+      }), n.classList.remove("w-full"), n.style.width = `${z}px`, ue = null;
+    }, ye = (v) => {
+      const z = v.clientX - F;
+      K = Math.max(j, V + z), ue === null && (ue = requestAnimationFrame(oe));
+    }, me = () => {
       ue !== null && cancelAnimationFrame(ue), K !== null && (d.style.width = `${K}px`);
-      const f = n.querySelectorAll("th"), D = [];
-      f.forEach((Y) => {
-        D.push(Y.getBoundingClientRect().width);
-      }), a.value = D, p(!1), document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", pe);
+      const v = n.querySelectorAll("th"), z = [];
+      v.forEach((Y) => {
+        z.push(Y.getBoundingClientRect().width);
+      }), a.value = z, b(!1), document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", me);
     };
-    document.addEventListener("mousemove", ye), document.addEventListener("mouseup", pe);
-  }, S = (w) => {
-    const r = w.clientY, L = w.target.closest("table"), n = e.value || 48;
+    document.addEventListener("mousemove", ye), document.addEventListener("mouseup", me);
+  }, C = (x) => {
+    const r = x.clientY, F = x.target.closest("table"), n = e.value || 48;
     h(!1);
     const d = (E) => {
-      const W = Math.max(30, n + (E.clientY - r));
-      L && l(W, L);
-    }, $ = () => {
-      u(!1), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", $);
+      const N = Math.max(30, n + (E.clientY - r));
+      F && l(N, F);
+    }, V = () => {
+      c(!1), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", V);
     };
-    document.addEventListener("mousemove", d), document.addEventListener("mouseup", $);
+    document.addEventListener("mousemove", d), document.addEventListener("mouseup", V);
   };
   return {
     rowHeight: e,
     colWidths: a,
     isEditing: o,
     updateRowHeight: l,
-    updateColWidth: c,
-    setRowHeights: g,
-    setColWidths: _,
-    enableEditMode: F,
-    disableEditMode: R,
+    updateColWidth: u,
+    setRowHeights: y,
+    setColWidths: T,
+    enableEditMode: _,
+    disableEditMode: D,
     resetStore: m,
-    highlightCol: y,
+    highlightCol: p,
     highlightRows: h,
-    removeRowHighlight: u,
-    removeColHighlight: p,
-    resizeCol: x,
-    resizeRow: S,
+    removeRowHighlight: c,
+    removeColHighlight: b,
+    resizeCol: f,
+    resizeRow: C,
     enableCellResizing: () => {
-      const w = document.querySelector("thead"), r = document.querySelectorAll("thead tr"), L = document.querySelectorAll("tbody tr"), n = [...r, ...L];
-      w && w.classList.remove("sticky");
-      const d = ($, E) => {
-        const W = document.createElement("div");
-        return W.className = `${$}-resize-handle`, $ === "col" ? (W.addEventListener("mouseenter", () => y(E, !0)), W.addEventListener("mouseleave", () => p(!0)), W.addEventListener("mousedown", (j) => {
-          j.stopPropagation(), x(j, E);
-        })) : (W.addEventListener("mouseenter", () => h(!0)), W.addEventListener("mouseleave", () => u(!0)), W.addEventListener("mousedown", (j) => {
-          j.stopPropagation(), S(j);
-        })), W;
+      const x = document.querySelector("thead"), r = document.querySelectorAll("thead tr"), F = document.querySelectorAll("tbody tr"), n = [...r, ...F];
+      x && x.classList.remove("sticky");
+      const d = (V, E) => {
+        const N = document.createElement("div");
+        return N.className = `${V}-resize-handle`, V === "col" ? (N.addEventListener("mouseenter", () => p(E, !0)), N.addEventListener("mouseleave", () => b(!0)), N.addEventListener("mousedown", (j) => {
+          j.stopPropagation(), f(j, E);
+        })) : (N.addEventListener("mouseenter", () => h(!0)), N.addEventListener("mouseleave", () => c(!0)), N.addEventListener("mousedown", (j) => {
+          j.stopPropagation(), C(j);
+        })), N;
       };
-      n.forEach(($) => {
-        const E = $.closest("thead") !== null;
-        $.querySelectorAll(E ? "th" : "td").forEach((j, ue) => {
+      n.forEach((V) => {
+        const E = V.closest("thead") !== null;
+        V.querySelectorAll(E ? "th" : "td").forEach((j, ue) => {
           const K = d("col", ue), oe = d("row", ue);
           j.appendChild(K), j.appendChild(oe);
         });
-      }), F();
+      }), _();
     },
     cancelResizingChanges: () => {
-      R();
+      D();
     }
   };
 });
@@ -685,15 +685,15 @@ function gt(e) {
     return "";
   const a = String(e), o = Number(a);
   if (isNaN(o)) return a;
-  const [l, c] = a.split("."), g = new Intl.NumberFormat("en-US").format(Number(l));
-  return c !== void 0 ? `${g}.${c}` : g;
+  const [l, u] = a.split("."), y = new Intl.NumberFormat("en-US").format(Number(l));
+  return u !== void 0 ? `${y}.${u}` : y;
 }
-const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }, la = {
+const ea = "/assets/processTableData.worker-BAeQAKT3.js", ta = { class: "my-4" }, la = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
 }, aa = { class: "font-bold" }, na = { class: "text-fm-color-neutral-gray-300" }, oa = /* @__PURE__ */ Te({
   __name: "WidgetTable",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -701,72 +701,72 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: a, te: o } = at(), l = ze(e, "modelValue"), { country: c } = Ft(), { clearTileSorts: g, setTileSorts: _ } = _l(), F = Lt(), R = e, m = v([]), { isEditing: y, colWidths: h, rowHeight: u } = Ve(Pt()), { setColWidths: p, setRowHeights: x, enableCellResizing: S } = Pt(), b = v(null), U = T(() => {
-      var f;
-      return ((f = l.value.data) == null ? void 0 : f.columns) || [{ label: "", key: "" }];
-    }), w = T(() => {
-      var f;
-      return ((f = l.value.data) == null ? void 0 : f.rows) || [];
-    }), r = T(() => l.value.filterText), L = T(() => {
-      var f, D;
-      if (!(r.value && r.value.trim().length > 0 || !((f = w.value[0]) != null && f.isRollup) && !((D = w.value[w.value.length - 1]) != null && D.isRollup))) {
+    const { t: a, te: o } = at(), l = Ee(e, "modelValue"), { country: u } = Ft(), { clearTileSorts: y, setTileSorts: T } = _l(), _ = Lt(), D = e, m = g([]), { isEditing: p, colWidths: h, rowHeight: c } = ze(Pt()), { setColWidths: b, setRowHeights: f, enableCellResizing: C } = Pt(), w = g(null), q = k(() => {
+      var v;
+      return ((v = l.value.data) == null ? void 0 : v.columns) || [{ label: "", key: "" }];
+    }), x = k(() => {
+      var v;
+      return ((v = l.value.data) == null ? void 0 : v.rows) || [];
+    }), r = k(() => l.value.filterText), F = k(() => {
+      var v, z;
+      if (!(r.value && r.value.trim().length > 0 || !((v = x.value[0]) != null && v.isRollup) && !((z = x.value[x.value.length - 1]) != null && z.isRollup))) {
         if (l.value.rollupPosition === Be.top || l.value.rollupPosition === void 0)
           return Be.top;
         if (l.value.rollupPosition === Be.bottom)
           return Be.bottom;
       }
-    }), n = T(() => {
-      const O = L.value !== void 0 ? 1 : 0, I = (b.value ? b.value.$el.offsetHeight : 0) - 48;
+    }), n = k(() => {
+      const O = F.value !== void 0 ? 1 : 0, I = (w.value ? w.value.$el.offsetHeight : 0) - 48;
       return Math.floor((I - 34.5 - 32) / 48) - O;
-    }), d = T(() => {
-      var D, Y;
-      let f = [];
-      switch (L.value) {
+    }), d = k(() => {
+      var z, Y;
+      let v = [];
+      switch (F.value) {
         case Be.top:
-          f = [...((D = w.value[0]) == null ? void 0 : D.cells) || []].map((O, I) => {
+          v = [...((z = x.value[0]) == null ? void 0 : z.cells) || []].map((O, I) => {
             var H;
             return {
               main: O,
-              comparison: (H = w.value[0]) == null ? void 0 : H.comparisonCells[I],
-              rowType: U.value[I].type
+              comparison: (H = x.value[0]) == null ? void 0 : H.comparisonCells[I],
+              rowType: q.value[I].type
             };
           });
           break;
         case Be.bottom:
-          f = [...((Y = w.value[w.value.length - 1]) == null ? void 0 : Y.cells) || []].map((O, I) => {
+          v = [...((Y = x.value[x.value.length - 1]) == null ? void 0 : Y.cells) || []].map((O, I) => {
             var H;
             return {
               main: O,
-              comparison: (H = w.value[0]) == null ? void 0 : H.comparisonCells[I],
-              rowType: U.value[I].type
+              comparison: (H = x.value[0]) == null ? void 0 : H.comparisonCells[I],
+              rowType: q.value[I].type
             };
           });
           break;
       }
-      return f.length > 0 && f[0].main === "" && (f[0].main = Ue(a, o, "Grand Total", "other")), f;
+      return v.length > 0 && v[0].main === "" && (v[0].main = Ue(a, o, "Grand Total", "other")), v;
     });
-    function $(f) {
-      let D = (f == null ? void 0 : f.main) || "";
-      return !f || f.main === "" || !f.comparison ? {
-        main: D
-      } : (D.includes("#") && !D.startsWith("#") && (D = D.split("#")[0]), {
-        main: D,
-        comparison: f == null ? void 0 : f.comparison,
-        difference: Kt(f.main, f.comparison, c)
+    function V(v) {
+      let z = (v == null ? void 0 : v.main) || "";
+      return !v || v.main === "" || !v.comparison ? {
+        main: z
+      } : (z.includes("#") && !z.startsWith("#") && (z = z.split("#")[0]), {
+        main: z,
+        comparison: v == null ? void 0 : v.comparison,
+        difference: Kt(v.main, v.comparison, u)
       });
     }
     Ie(() => {
-      g();
+      y();
     });
-    const E = v([]);
-    let W = 0, j;
+    const E = g([]);
+    let N = 0, j;
     function ue() {
       var I;
       if (!((I = l.value) != null && I.data)) {
         E.value = [];
         return;
       }
-      const f = ++W, D = (l.value.data.rows || []).map((H) => ({
+      const v = ++N, z = (l.value.data.rows || []).map((H) => ({
         isRollup: H.isRollup,
         cells: Array.isArray(H.cells) ? [...H.cells] : [],
         comparisonCells: Array.isArray(H.comparisonCells) ? [...H.comparisonCells] : []
@@ -775,78 +775,78 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
         type: H.type,
         label: H.label
       })), O = {
-        rows: D,
+        rows: z,
         columns: Y,
         filter: r.value ?? "",
         globalSorts: xl(m.value).map((H) => ({
           key: H.key,
           type: H.type
         })),
-        grandTotalPosition: L.value,
+        grandTotalPosition: F.value,
         pageSize: n.value
       };
       console.log(O), Fl(ea, O).then((H) => {
-        f === W && (H != null && H.error ? (F.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(H.error), E.value = []) : E.value = Sl(H.data || []));
+        v === N && (H != null && H.error ? (_.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(H.error), E.value = []) : E.value = Sl(H.data || []));
       });
     }
-    me(
+    de(
       () => m.value,
-      (f) => {
-        R.tileIndex === void 0 || R.tileIndex === null || _(R.tileIndex, f);
+      (v) => {
+        D.tileIndex === void 0 || D.tileIndex === null || T(D.tileIndex, v);
       },
       { immediate: !0, deep: !0 }
     );
-    const K = T(() => {
+    const K = k(() => {
       var Y, O;
-      const f = ((Y = l.value.data) == null ? void 0 : Y.rows) || [], D = ((O = l.value.data) == null ? void 0 : O.columns) || [];
+      const v = ((Y = l.value.data) == null ? void 0 : Y.rows) || [], z = ((O = l.value.data) == null ? void 0 : O.columns) || [];
       return JSON.stringify({
-        rowsLength: f.length,
-        columns: D.map((I) => ({ key: I.key, type: I.type, label: I.label })),
+        rowsLength: v.length,
+        columns: z.map((I) => ({ key: I.key, type: I.type, label: I.label })),
         filter: r.value ?? "",
         globalSorts: m.value.map((I) => ({ key: I.key, type: I.type })),
-        grandTotalPosition: L.value,
+        grandTotalPosition: F.value,
         pageSize: n.value
       });
     });
-    me(
+    de(
       () => K.value,
       () => {
         clearTimeout(j), j = setTimeout(ue, 200);
       },
       { immediate: !0 }
     );
-    function oe(f) {
-      const D = m.value.find((Y) => Y.key === f);
-      if (!D) {
-        m.value.push({ key: f, type: qe.Asc });
+    function oe(v) {
+      const z = m.value.find((Y) => Y.key === v);
+      if (!z) {
+        m.value.push({ key: v, type: qe.Asc });
         return;
       }
-      D.type === qe.Asc ? D.type = qe.Desc : D.type === qe.Desc && (m.value = m.value.filter((Y) => Y.key !== f));
+      z.type === qe.Asc ? z.type = qe.Desc : z.type === qe.Desc && (m.value = m.value.filter((Y) => Y.key !== v));
     }
-    const ye = T(
+    const ye = k(
       () => {
-        var f;
-        return (((f = l.value.colWidths) == null ? void 0 : f.length) ?? 0) > 0 || h.value.length > 0;
+        var v;
+        return (((v = l.value.colWidths) == null ? void 0 : v.length) ?? 0) > 0 || h.value.length > 0;
       }
-    ), pe = T(() => {
-      var f;
-      return (f = l.value.data) != null && f.columns ? l.value.data.columns.map((D) => {
-        const Y = Ue(a, o, D.label, "other"), O = m.value.find((he) => he.key === D.key), I = !!O, H = I ? O.type === qe.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+    ), me = k(() => {
+      var v;
+      return (v = l.value.data) != null && v.columns ? l.value.data.columns.map((z) => {
+        const Y = Ue(a, o, z.label, "other"), O = m.value.find((he) => he.key === z.key), I = !!O, H = I ? O.type === qe.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
-          accessorKey: D.key,
+          accessorKey: z.key,
           header: () => {
             const he = B("FmIcon");
             return rt(
               "button",
               {
                 type: "button",
-                class: `w-full flex items-center gap-1 group/select-header select-none ${D.type === "NUMERIC" ? "justify-end" : "justify-start"} ${I ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
-                onClick: () => oe(D.key)
+                class: `w-full flex items-center gap-1 group/select-header select-none ${z.type === "NUMERIC" ? "justify-end" : "justify-start"} ${I ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
+                onClick: () => oe(z.key)
               },
               [
                 rt(
                   "span",
-                  { class: `${D.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
+                  { class: `${z.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
                   Y
                 ),
                 rt(he, {
@@ -860,55 +860,55 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
             );
           },
           cell: (he) => {
-            var Oe, Me;
-            const _e = $(he.getValue()), Ae = (Me = (Oe = he == null ? void 0 : he.row) == null ? void 0 : Oe.original) == null ? void 0 : Me.isRollup;
+            var Oe, We;
+            const _e = V(he.getValue()), Ae = (We = (Oe = he == null ? void 0 : he.row) == null ? void 0 : Oe.original) == null ? void 0 : We.isRollup;
             return rt(
               "div",
               {
                 class: [
                   Ae ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400",
-                  D.type === "NUMERIC" ? "text-right" : "",
+                  z.type === "NUMERIC" ? "text-right" : "",
                   ye.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
-              [D.type === "NUMERIC" ? gt(_e.main) : _e.main]
+              [z.type === "NUMERIC" ? gt(_e.main) : _e.main]
             );
           },
           enableSorting: !1
         };
       }) : [];
     });
-    return me(
+    return de(
       () => h.value.length > 0,
-      async (f) => {
-        f && y.value && (await Se(), S());
+      async (v) => {
+        v && p.value && (await Se(), C());
       }
-    ), me(
-      [() => pe.value],
+    ), de(
+      [() => me.value],
       async () => {
         var I;
         await Se();
-        const f = (I = b.value) == null ? void 0 : I.$el;
-        if (!f) return;
-        const D = f.querySelector("table");
-        if (!D) return;
-        D.classList.add(ye.value ? "table-fixed" : "table-auto");
+        const v = (I = w.value) == null ? void 0 : I.$el;
+        if (!v) return;
+        const z = v.querySelector("table");
+        if (!z) return;
+        z.classList.add(ye.value ? "table-fixed" : "table-auto");
         let Y, O;
-        y.value ? (S(), Y = h.value, O = u.value) : (O = l.value.rowHeight, Y = l.value.colWidths), typeof O == "number" && x(O, f), Y == null || Y.forEach((H, he) => {
-          p(he, H, f);
+        p.value ? (C(), Y = h.value, O = c.value) : (O = l.value.rowHeight, Y = l.value.colWidths), typeof O == "number" && f(O, v), Y == null || Y.forEach((H, he) => {
+          b(he, H, v);
         });
       },
       { immediate: !0 }
-    ), (f, D) => {
+    ), (v, z) => {
       const Y = B("FmTable");
-      return M(), ne(xe, null, [
+      return W(), ne(xe, null, [
         X("div", ta, [
-          Ne(f.$slots, "menu")
+          Me(v.$slots, "menu")
         ]),
-        q(Y, {
+        U(Y, {
           ref_key: "table",
-          ref: b,
-          "column-defs": pe.value,
+          ref: w,
+          "column-defs": me.value,
           "row-data": E.value,
           "search-value": r.value,
           "page-size": n.value,
@@ -921,12 +921,12 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
           "pin-top": ie(() => [
             X("tbody", null, [
               X("tr", la, [
-                (M(!0), ne(xe, null, ut(d.value, (O, I) => (M(), ne("td", {
+                (W(!0), ne(xe, null, ut(d.value, (O, I) => (W(), ne("td", {
                   key: `${s(it)()}_${I}`,
                   class: "h-[48px] text-fm-color-typo-primary px-16"
                 }, [
                   X("span", {
-                    class: Ze([
+                    class: Qe([
                       "items-center text-fm-color-typo-secondary gap-2",
                       O.rowType === "NUMERIC" ? "text-right" : "",
                       ye.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
@@ -946,7 +946,7 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
   }
 }), sa = /* @__PURE__ */ Te({
   __name: "WidgetStackBarChart",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -954,60 +954,60 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, o = ze(e, "modelValue"), l = v(null), c = T(() => {
-      var U;
-      return ((U = o.value.data) == null ? void 0 : U.xAxis) || [];
-    }), g = T(() => {
-      var b;
-      return ((b = o.value.data) == null ? void 0 : b.datasets) ?? [];
-    }), { datalabels: _, xCfg: F, yCfg: R, isTransposed: m, legend: y, chartWidth: h, chartHeight: u } = nt(
+    const a = e, o = Ee(e, "modelValue"), l = g(null), u = k(() => {
+      var q;
+      return ((q = o.value.data) == null ? void 0 : q.xAxis) || [];
+    }), y = k(() => {
+      var w;
+      return ((w = o.value.data) == null ? void 0 : w.datasets) ?? [];
+    }), { datalabels: T, xCfg: _, yCfg: D, isTransposed: m, legend: p, chartWidth: h, chartHeight: c } = nt(
       o.value
-    ), p = T(() => g.value.length > 0 ? [
-      ...g.value.map((b, U) => {
-        let w = b.values;
+    ), b = k(() => y.value.length > 0 ? [
+      ...y.value.map((w, q) => {
+        let x = w.values;
         return {
-          label: b.name,
-          data: w,
-          dash: !!b.isCompare,
-          backgroundColor: $e({ index: U, isCompare: b.isCompare })
+          label: w.name,
+          data: x,
+          dash: !!w.isCompare,
+          backgroundColor: $e({ index: q, isCompare: w.isCompare })
         };
       })
-    ] : []), x = lt();
-    function S() {
-      return x.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
+    ] : []), f = lt();
+    function C() {
+      return f.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ie(() => {
       Se(() => {
-        S();
+        C();
       });
-    }), me([p], () => {
-      Se(() => S());
-    }), (b, U) => {
-      const w = B("FmBarChart");
-      return M(), ne(xe, null, [
-        Ne(b.$slots, "menu"),
-        q(w, {
+    }), de([b], () => {
+      Se(() => C());
+    }), (w, q) => {
+      const x = B("FmBarChart");
+      return W(), ne(xe, null, [
+        Me(w.$slots, "menu"),
+        U(x, {
           ref_key: "chartRef",
           ref: l,
           class: "bar-chart",
-          datasets: p.value,
-          "x-axis": { categories: c.value },
-          "x-cfg": s(F),
-          "y-cfg": s(R),
+          datasets: b.value,
+          "x-axis": { categories: u.value },
+          "x-cfg": s(_),
+          "y-cfg": s(D),
           transpose: s(m),
           stacked: !0,
           legend: {
-            display: s(y).display ?? !1,
-            position: s(y).position,
-            maxHeight: s(y).maxHeight,
-            maxWidth: s(y).maxWidth,
-            labels: s(y).labels
+            display: s(p).display ?? !1,
+            position: s(p).position,
+            maxHeight: s(p).maxHeight,
+            maxWidth: s(p).maxWidth,
+            labels: s(p).labels
           },
-          datalabels: s(_),
+          datalabels: s(T),
           "maintain-aspect-ratio": !1,
-          style: Ee({
+          style: Ve({
             "--chart-width": s(h) !== void 0 ? s(h) + "px" : "100%",
-            "--chart-height": s(u) !== void 0 ? s(u) + "px" : "calc(100% - 36px)"
+            "--chart-height": s(c) !== void 0 ? s(c) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -1015,7 +1015,7 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
   }
 }), ra = /* @__PURE__ */ Te({
   __name: "WidgetStackLineChart",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -1023,72 +1023,72 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    var w;
-    const a = e, o = ze(e, "modelValue"), l = ((w = o.value.data) == null ? void 0 : w.xAxis) ?? [], c = T(
-      () => l.length === 1 && F.value.length > 0 && F.value.every((r) => r.values.length === 1)
-    ), g = T(() => c.value ? ["", l[0], ""] : l), _ = v(null), F = T(() => {
+    var x;
+    const a = e, o = Ee(e, "modelValue"), l = ((x = o.value.data) == null ? void 0 : x.xAxis) ?? [], u = k(
+      () => l.length === 1 && _.value.length > 0 && _.value.every((r) => r.values.length === 1)
+    ), y = k(() => u.value ? ["", l[0], ""] : l), T = g(null), _ = k(() => {
       var r;
       return ((r = o.value.data) == null ? void 0 : r.datasets) ?? [];
-    }), { datalabels: R, xCfg: m, yCfg: y, isTransposed: h, legend: u, chartWidth: p, chartHeight: x } = nt(
+    }), { datalabels: D, xCfg: m, yCfg: p, isTransposed: h, legend: c, chartWidth: b, chartHeight: f } = nt(
       o.value
-    ), S = T(() => F.value.length > 0 ? [
-      ...F.value.map((r, L) => {
+    ), C = k(() => _.value.length > 0 ? [
+      ..._.value.map((r, F) => {
         let n = r.values;
-        return c.value && (n = [NaN, n[0], NaN]), {
+        return u.value && (n = [NaN, n[0], NaN]), {
           label: r.name,
           data: n,
           dash: r.isCompare,
           fill: !1,
-          color: $e({ index: L, isCompare: r.isCompare }),
-          pointRadius: c.value ? 4 : void 0,
-          pointHoverRadius: c.value ? 6 : void 0,
-          pointBackgroundColor: c.value ? $e({ index: L, isCompare: r.isCompare }) : void 0,
-          pointBorderColor: c.value ? $e({ index: L, isCompare: r.isCompare }) : void 0,
-          pointBorderWidth: c.value ? 2 : void 0
+          color: $e({ index: F, isCompare: r.isCompare }),
+          pointRadius: u.value ? 4 : void 0,
+          pointHoverRadius: u.value ? 6 : void 0,
+          pointBackgroundColor: u.value ? $e({ index: F, isCompare: r.isCompare }) : void 0,
+          pointBorderColor: u.value ? $e({ index: F, isCompare: r.isCompare }) : void 0,
+          pointBorderWidth: u.value ? 2 : void 0
         };
       })
-    ] : []), b = lt();
-    function U() {
-      return b.extractChartSize(_.value, a.tileIndex) || { width: 0, height: 0 };
+    ] : []), w = lt();
+    function q() {
+      return w.extractChartSize(T.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ie(() => {
       Se(() => {
-        U();
+        q();
       });
-    }), me([S], () => {
-      Se(() => U());
-    }), (r, L) => {
+    }), de([C], () => {
+      Se(() => q());
+    }), (r, F) => {
       const n = B("FmLineChart");
-      return M(), ne(xe, null, [
-        Ne(r.$slots, "menu"),
-        q(n, {
+      return W(), ne(xe, null, [
+        Me(r.$slots, "menu"),
+        U(n, {
           ref_key: "chartRef",
-          ref: _,
+          ref: T,
           class: "line-chart",
-          datasets: S.value,
-          "x-axis": { categories: g.value },
+          datasets: C.value,
+          "x-axis": { categories: y.value },
           "x-cfg": s(m),
-          "y-cfg": s(y),
+          "y-cfg": s(p),
           transpose: s(h),
           legend: {
-            display: s(u).display ?? !1,
-            position: s(u).position,
-            maxHeight: s(u).maxHeight,
-            maxWidth: s(u).maxWidth,
-            labels: s(u).labels
+            display: s(c).display ?? !1,
+            position: s(c).position,
+            maxHeight: s(c).maxHeight,
+            maxWidth: s(c).maxWidth,
+            labels: s(c).labels
           },
           stacked: !0,
-          datalabels: s(R),
+          datalabels: s(D),
           "maintain-aspect-ratio": !1,
-          style: Ee({
-            "--chart-width": s(p) !== void 0 ? s(p) + "px" : "100%",
-            "--chart-height": s(x) !== void 0 ? s(x) + "px" : "calc(100% - 36px)"
+          style: Ve({
+            "--chart-width": s(b) !== void 0 ? s(b) + "px" : "100%",
+            "--chart-height": s(f) !== void 0 ? s(f) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), Qe = [
+}), Ze = [
   "col-span-1",
   "col-span-2",
   "col-span-3",
@@ -1103,17 +1103,17 @@ const ea = "/assets/processTableData.worker-C9Y9NVCl.js", ta = { class: "my-4" }
   "col-span-12"
 ];
 function ia(e) {
-  return e < 12 ? Qe[e - 1] : Qe[11];
+  return e < 12 ? Ze[e - 1] : Ze[11];
 }
 function ua(e) {
-  return e < 12 ? Qe[Math.min(11, e * 2 - 1)] : Qe[11];
+  return e < 12 ? Ze[Math.min(11, e * 2 - 1)] : Ze[11];
 }
 function ca(e) {
-  return e < 12 ? Qe[Math.min(11, e * 3 - 1)] : Qe[11];
+  return e < 12 ? Ze[Math.min(11, e * 3 - 1)] : Ze[11];
 }
 const da = /* @__PURE__ */ Te({
   __name: "WidgetLinechart",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -1121,65 +1121,65 @@ const da = /* @__PURE__ */ Te({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    var w;
-    const a = e, o = ze(e, "modelValue"), l = ((w = o.value.data) == null ? void 0 : w.xAxis) ?? [], c = T(
-      () => l.length === 1 && F.value.length > 0 && F.value.every((r) => r.values.length === 1)
-    ), g = T(() => c.value ? ["", l[0], ""] : l), _ = v(null), F = T(() => {
+    var x;
+    const a = e, o = Ee(e, "modelValue"), l = ((x = o.value.data) == null ? void 0 : x.xAxis) ?? [], u = k(
+      () => l.length === 1 && _.value.length > 0 && _.value.every((r) => r.values.length === 1)
+    ), y = k(() => u.value ? ["", l[0], ""] : l), T = g(null), _ = k(() => {
       var r;
       return ((r = o.value.data) == null ? void 0 : r.datasets) ?? [];
-    }), { datalabels: R, xCfg: m, yCfg: y, isTransposed: h, legend: u, chartWidth: p, chartHeight: x } = nt(
+    }), { datalabels: D, xCfg: m, yCfg: p, isTransposed: h, legend: c, chartWidth: b, chartHeight: f } = nt(
       o.value
-    ), S = T(() => F.value.length > 0 ? [
-      ...F.value.map((r, L) => {
+    ), C = k(() => _.value.length > 0 ? [
+      ..._.value.map((r, F) => {
         let n = r.values;
-        return c.value && (n = [NaN, n[0], NaN]), {
+        return u.value && (n = [NaN, n[0], NaN]), {
           label: r.name,
           data: n,
           dash: !!r.isCompare,
           fill: !1,
-          color: $e({ index: L, isCompare: r.isCompare }),
-          pointRadius: c.value ? 4 : void 0,
-          pointHoverRadius: c.value ? 6 : void 0,
-          pointBackgroundColor: c.value ? $e({ index: L, isCompare: r.isCompare }) : void 0,
-          pointBorderColor: c.value ? $e({ index: L, isCompare: r.isCompare }) : void 0,
-          pointBorderWidth: c.value ? 2 : void 0
+          color: $e({ index: F, isCompare: r.isCompare }),
+          pointRadius: u.value ? 4 : void 0,
+          pointHoverRadius: u.value ? 6 : void 0,
+          pointBackgroundColor: u.value ? $e({ index: F, isCompare: r.isCompare }) : void 0,
+          pointBorderColor: u.value ? $e({ index: F, isCompare: r.isCompare }) : void 0,
+          pointBorderWidth: u.value ? 2 : void 0
         };
       })
-    ] : []), b = lt();
-    function U() {
-      return b.extractChartSize(_.value, a.tileIndex) || { width: 0, height: 0 };
+    ] : []), w = lt();
+    function q() {
+      return w.extractChartSize(T.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ie(() => {
       Se(() => {
-        U();
+        q();
       });
-    }), me([S], () => {
-      Se(() => U());
-    }), (r, L) => {
+    }), de([C], () => {
+      Se(() => q());
+    }), (r, F) => {
       const n = B("FmLineChart");
-      return M(), ne(xe, null, [
-        Ne(r.$slots, "menu"),
-        q(n, {
+      return W(), ne(xe, null, [
+        Me(r.$slots, "menu"),
+        U(n, {
           ref_key: "chartRef",
-          ref: _,
+          ref: T,
           class: "line-chart",
-          datasets: S.value,
-          "x-axis": { categories: g.value },
+          datasets: C.value,
+          "x-axis": { categories: y.value },
           "x-cfg": s(m),
-          "y-cfg": s(y),
+          "y-cfg": s(p),
           transpose: s(h),
           legend: {
-            display: s(u).display ?? !1,
-            position: s(u).position,
-            maxHeight: s(u).maxHeight,
-            maxWidth: s(u).maxWidth,
-            labels: s(u).labels
+            display: s(c).display ?? !1,
+            position: s(c).position,
+            maxHeight: s(c).maxHeight,
+            maxWidth: s(c).maxWidth,
+            labels: s(c).labels
           },
-          datalabels: s(R),
+          datalabels: s(D),
           "maintain-aspect-ratio": !1,
-          style: Ee({
-            "--chart-width": s(p) !== void 0 ? s(p) + "px" : "100%",
-            "--chart-height": s(x) !== void 0 ? s(x) + "px" : "calc(100% - 36px)"
+          style: Ve({
+            "--chart-width": s(b) !== void 0 ? s(b) + "px" : "100%",
+            "--chart-height": s(f) !== void 0 ? s(f) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -1187,7 +1187,7 @@ const da = /* @__PURE__ */ Te({
   }
 }), ma = { class: "flex flex-col gap-16" }, pa = { class: "flex flex-row" }, ha = /* @__PURE__ */ Te({
   __name: "PdfOrientationDialog",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     reportType: {},
     index: {}
   }, {
@@ -1196,58 +1196,58 @@ const da = /* @__PURE__ */ Te({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: a } = at(), { FmForm: o } = Wl, l = e, c = v(), g = ze(e, "modelValue"), _ = v(!0), F = v(!1), R = Lt(), { selectedLocationIds: m, dateRange: y, timeRange: h } = Ve(tt()), u = v(ft.PORTRAIT);
-    function p() {
-      var S;
-      (S = c.value) == null || S.validateInputs();
+    const { t: a } = at(), { FmForm: o } = Nl, l = e, u = g(), y = Ee(e, "modelValue"), T = g(!0), _ = g(!1), D = Lt(), { selectedLocationIds: m, dateRange: p, timeRange: h } = ze(tt()), c = g(ft.PORTRAIT);
+    function b() {
+      var C;
+      (C = u.value) == null || C.validateInputs();
     }
-    async function x() {
-      F.value = !0;
+    async function f() {
+      _.value = !0;
       try {
         l.index != null && await Yt({
           reportType: l.reportType,
           index: l.index,
-          orientationTypes: [u.value],
-          isCombinedLocationLayout: _.value,
+          orientationTypes: [c.value],
+          isCombinedLocationLayout: T.value,
           timeRange: h.value,
-          dateRange: y.value,
+          dateRange: p.value,
           locationIds: m.value
         });
-      } catch (S) {
-        R.open({ message: S.message, type: "error" });
+      } catch (C) {
+        D.open({ message: C.message, type: "error" });
       } finally {
-        F.value = !1;
+        _.value = !1;
       }
     }
-    return (S, b) => {
-      const U = B("FmRadio"), w = B("FmRadioGroup"), r = B("FmButton"), L = B("FmDialog");
-      return M(), de(L, {
-        modelValue: g.value,
-        "onUpdate:modelValue": b[2] || (b[2] = (n) => g.value = n),
+    return (C, w) => {
+      const q = B("FmRadio"), x = B("FmRadioGroup"), r = B("FmButton"), F = B("FmDialog");
+      return W(), pe(F, {
+        modelValue: y.value,
+        "onUpdate:modelValue": w[2] || (w[2] = (n) => y.value = n),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": ie(() => b[3] || (b[3] = [
+        "dialog-header": ie(() => w[3] || (w[3] = [
           yt("Select Orientation")
         ])),
         default: ie(() => [
-          q(s(o), {
+          U(s(o), {
             ref_key: "form",
-            ref: c,
-            onValidationSuccess: x
+            ref: u,
+            onValidationSuccess: f
           }, {
             default: ie(() => [
               X("div", ma, [
-                q(w, {
-                  modelValue: u.value,
-                  "onUpdate:modelValue": b[0] || (b[0] = (n) => u.value = n)
+                U(x, {
+                  modelValue: c.value,
+                  "onUpdate:modelValue": w[0] || (w[0] = (n) => c.value = n)
                 }, {
                   default: ie(() => [
-                    q(U, {
+                    U(q, {
                       value: s(ft).PORTRAIT,
                       label: s(a)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    q(U, {
+                    U(q, {
                       value: s(ft).LANDSCAPE,
                       label: s(a)("report.common.landscape")
                     }, null, 8, ["value", "label"])
@@ -1256,17 +1256,17 @@ const da = /* @__PURE__ */ Te({
                 }, 8, ["modelValue"])
               ]),
               X("div", pa, [
-                b[4] || (b[4] = X("div", { class: "grow" }, null, -1)),
-                q(r, {
+                w[4] || (w[4] = X("div", { class: "grow" }, null, -1)),
+                U(r, {
                   label: s(a)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: b[1] || (b[1] = (n) => g.value = !1)
+                  onClick: w[1] || (w[1] = (n) => y.value = !1)
                 }, null, 8, ["label"]),
                 X("div", null, [
-                  q(r, {
+                  U(r, {
                     label: s(a)("report.common.download"),
-                    loading: F.value,
-                    onClick: p
+                    loading: _.value,
+                    onClick: b
                   }, null, 8, ["label", "loading"])
                 ])
               ])
@@ -1280,32 +1280,32 @@ const da = /* @__PURE__ */ Te({
   }
 });
 function fa(e) {
-  const { containerRef: a, stickyOffset: o = v(0), enabled: l = v(!0) } = e;
-  let c = null, g = null, _ = null, F = null, R = null, m = null;
-  function y() {
+  const { containerRef: a, stickyOffset: o = g(0), enabled: l = g(!0) } = e;
+  let u = null, y = null, T = null, _ = null, D = null, m = null;
+  function p() {
     return a.value ? a.value.querySelector("table") : null;
   }
   function h() {
     var d;
     let n = (d = a.value) == null ? void 0 : d.parentElement;
     for (; n; ) {
-      const $ = window.getComputedStyle(n);
-      if ($.overflowY === "auto" || $.overflowY === "scroll")
+      const V = window.getComputedStyle(n);
+      if (V.overflowY === "auto" || V.overflowY === "scroll")
         return n;
       n = n.parentElement;
     }
     return null;
   }
-  function u() {
-    var $;
+  function c() {
+    var V;
     const n = [];
     a.value && a.value.querySelectorAll("div,section,main,article,aside").forEach((E) => {
       if (E.scrollWidth > E.clientWidth) {
-        const W = window.getComputedStyle(E);
-        (W.overflowX === "auto" || W.overflowX === "scroll") && n.push(E);
+        const N = window.getComputedStyle(E);
+        (N.overflowX === "auto" || N.overflowX === "scroll") && n.push(E);
       }
     });
-    let d = ($ = a.value) == null ? void 0 : $.parentElement;
+    let d = (V = a.value) == null ? void 0 : V.parentElement;
     for (; d; ) {
       if (d.scrollWidth > d.clientWidth) {
         const E = window.getComputedStyle(d);
@@ -1315,9 +1315,9 @@ function fa(e) {
     }
     return n;
   }
-  function p() {
-    if (r(), !l.value || !a.value || (g = y(), !g) || (_ = g.querySelector("thead"), !_)) return;
-    c = document.createElement("div"), c.className = "sticky-header-clone", c.style.cssText = `
+  function b() {
+    if (r(), !l.value || !a.value || (y = p(), !y) || (T = y.querySelector("thead"), !T)) return;
+    u = document.createElement("div"), u.className = "sticky-header-clone", u.style.cssText = `
       position: fixed;
       top: ${o.value}px;
       left: 0;
@@ -1328,22 +1328,22 @@ function fa(e) {
       visibility: hidden;
     `;
     const n = document.createElement("table");
-    n.className = g.className, n.style.cssText = `
+    n.className = y.className, n.style.cssText = `
       table-layout: fixed;
-      width: ${g.offsetWidth}px;
+      width: ${y.offsetWidth}px;
       margin: 0;
       border-collapse: collapse;
       pointer-events: auto;
     `;
-    const d = _.cloneNode(!0);
-    d.style.cssText = "pointer-events: auto;", x(_, d), n.appendChild(d), c.appendChild(n), document.body.appendChild(c), b(), U(), w(), S();
+    const d = T.cloneNode(!0);
+    d.style.cssText = "pointer-events: auto;", f(T, d), n.appendChild(d), u.appendChild(n), document.body.appendChild(u), w(), q(), x(), C();
   }
-  function x(n, d) {
-    const $ = n.querySelectorAll("th, td"), E = d.querySelectorAll("th, td");
-    $.forEach((W, j) => {
+  function f(n, d) {
+    const V = n.querySelectorAll("th, td"), E = d.querySelectorAll("th, td");
+    V.forEach((N, j) => {
       const ue = E[j];
       if (!ue) return;
-      const K = W, oe = window.getComputedStyle(K);
+      const K = N, oe = window.getComputedStyle(K);
       Object.assign(ue.style, {
         width: `${K.offsetWidth}px`,
         minWidth: `${K.offsetWidth}px`,
@@ -1361,59 +1361,59 @@ function fa(e) {
         pointerEvents: "auto"
       }), ue.onclick = (ye) => {
         ye.preventDefault(), ye.stopPropagation();
-        const pe = K.querySelector(
+        const me = K.querySelector(
           "button, a, [role='button']"
         );
-        pe ? pe.click() : K.click();
+        me ? me.click() : K.click();
       };
     });
   }
-  function S() {
-    if (!c || !g || !_ || !a.value) return;
-    const n = a.value.getBoundingClientRect(), d = g.getBoundingClientRect(), $ = _.getBoundingClientRect(), E = h(), W = E == null ? void 0 : E.getBoundingClientRect(), j = o.value > 0 ? o.value : (W == null ? void 0 : W.top) ?? 0;
-    if (!(d.top < j && d.bottom > j + $.height)) {
-      c.style.visibility = "hidden";
+  function C() {
+    if (!u || !y || !T || !a.value) return;
+    const n = a.value.getBoundingClientRect(), d = y.getBoundingClientRect(), V = T.getBoundingClientRect(), E = h(), N = E == null ? void 0 : E.getBoundingClientRect(), j = o.value > 0 ? o.value : (N == null ? void 0 : N.top) ?? 0;
+    if (!(d.top < j && d.bottom > j + V.height)) {
+      u.style.visibility = "hidden";
       return;
     }
-    c.style.visibility = "visible", c.style.top = `${j}px`;
-    const K = W ?? n, oe = Math.max(n.left, K.left), pe = Math.min(n.right, K.right) - oe;
-    c.style.left = `${oe}px`, c.style.width = `${pe}px`;
-    const f = c.querySelector("table");
-    f && (f.style.width = `${g.offsetWidth}px`, f.style.marginLeft = `${$.left - oe}px`);
+    u.style.visibility = "visible", u.style.top = `${j}px`;
+    const K = N ?? n, oe = Math.max(n.left, K.left), me = Math.min(n.right, K.right) - oe;
+    u.style.left = `${oe}px`, u.style.width = `${me}px`;
+    const v = u.querySelector("table");
+    v && (v.style.width = `${y.offsetWidth}px`, v.style.marginLeft = `${V.left - oe}px`);
   }
-  function b() {
-    var $;
-    R = () => requestAnimationFrame(S), window.addEventListener("scroll", R, { passive: !0 });
+  function w() {
+    var V;
+    D = () => requestAnimationFrame(C), window.addEventListener("scroll", D, { passive: !0 });
     const n = h();
-    n && n.addEventListener("scroll", R, { passive: !0 }), u().forEach((E) => {
-      R && E.addEventListener("scroll", R, { passive: !0 });
+    n && n.addEventListener("scroll", D, { passive: !0 }), c().forEach((E) => {
+      D && E.addEventListener("scroll", D, { passive: !0 });
     });
-    let d = ($ = a.value) == null ? void 0 : $.parentElement;
+    let d = (V = a.value) == null ? void 0 : V.parentElement;
     for (; d; )
-      d !== n && (d.scrollHeight > d.clientHeight || d.scrollWidth > d.clientWidth) && d.addEventListener("scroll", R, { passive: !0 }), d = d.parentElement;
+      d !== n && (d.scrollHeight > d.clientHeight || d.scrollWidth > d.clientWidth) && d.addEventListener("scroll", D, { passive: !0 }), d = d.parentElement;
   }
-  function U() {
-    F = new ResizeObserver(() => {
-      if (_ && c) {
-        const n = c.querySelector("thead");
-        n && x(_, n);
-        const d = c.querySelector("table");
-        d && g && (d.style.width = `${g.offsetWidth}px`);
+  function q() {
+    _ = new ResizeObserver(() => {
+      if (T && u) {
+        const n = u.querySelector("thead");
+        n && f(T, n);
+        const d = u.querySelector("table");
+        d && y && (d.style.width = `${y.offsetWidth}px`);
       }
-      S();
-    }), a.value && F.observe(a.value), g && F.observe(g);
+      C();
+    }), a.value && _.observe(a.value), y && _.observe(y);
   }
-  function w() {
-    if (!_) return;
-    const n = bt(() => p(), 100), d = () => {
-      if (_ && c) {
-        const $ = c.querySelector("thead");
-        $ && x(_, $), S();
+  function x() {
+    if (!T) return;
+    const n = bt(() => b(), 100), d = () => {
+      if (T && u) {
+        const V = u.querySelector("thead");
+        V && f(T, V), C();
       }
     };
-    m = new MutationObserver(($) => {
-      $.some((W) => W.type === "childList" ? W.addedNodes.length > 0 || W.removedNodes.length > 0 : !1) ? n() : d();
-    }), m.observe(_, {
+    m = new MutationObserver((V) => {
+      V.some((N) => N.type === "childList" ? N.addedNodes.length > 0 || N.removedNodes.length > 0 : !1) ? n() : d();
+    }), m.observe(T, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -1422,33 +1422,33 @@ function fa(e) {
   }
   function r() {
     var n;
-    if (c && (c.remove(), c = null), R) {
-      window.removeEventListener("scroll", R);
+    if (u && (u.remove(), u = null), D) {
+      window.removeEventListener("scroll", D);
       const d = h();
-      d && d.removeEventListener("scroll", R), u().forEach((E) => {
-        R && E.removeEventListener("scroll", R);
+      d && d.removeEventListener("scroll", D), c().forEach((E) => {
+        D && E.removeEventListener("scroll", D);
       });
-      let $ = (n = a.value) == null ? void 0 : n.parentElement;
-      for (; $; )
-        $.removeEventListener("scroll", R), $ = $.parentElement;
-      R = null;
+      let V = (n = a.value) == null ? void 0 : n.parentElement;
+      for (; V; )
+        V.removeEventListener("scroll", D), V = V.parentElement;
+      D = null;
     }
-    F && (F.disconnect(), F = null), m && (m.disconnect(), m = null), g = null, _ = null;
+    _ && (_.disconnect(), _ = null), m && (m.disconnect(), m = null), y = null, T = null;
   }
-  function L() {
-    p();
+  function F() {
+    b();
   }
-  return me(l, (n) => {
-    n ? p() : r();
-  }), me(o, () => {
-    c && (c.style.top = `${o.value}px`, S());
-  }), me(a, () => {
-    a.value && l.value && setTimeout(p, 100);
+  return de(l, (n) => {
+    n ? b() : r();
+  }), de(o, () => {
+    u && (u.style.top = `${o.value}px`, C());
+  }), de(a, () => {
+    a.value && l.value && setTimeout(b, 100);
   }), Ie(() => {
-    l.value && setTimeout(p, 100);
+    l.value && setTimeout(b, 100);
   }), Ut(() => {
     r();
-  }), { refresh: L, cleanup: r };
+  }), { refresh: F, cleanup: r };
 }
 const va = {
   key: 1,
@@ -1458,7 +1458,7 @@ const va = {
   class: "flex"
 }, qa = /* @__PURE__ */ Te({
   __name: "DynamicWidget",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ne({
     index: {
       type: Number,
       default: 0
@@ -1483,38 +1483,38 @@ const va = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = v(!0), o = ze(e, "modelValue"), l = o.value.widget.config, { t: c, te: g, locale: _ } = at(), F = e, R = v(null), m = T(() => F.stickyHeaderOffset), y = T(() => o.value.widget.type === A.Table), h = T(() => {
+    const a = g(!0), o = Ee(e, "modelValue"), l = o.value.widget.config, { t: u, te: y, locale: T } = at(), _ = e, D = g(null), m = k(() => _.stickyHeaderOffset), p = k(() => o.value.widget.type === A.Table), h = k(() => {
       var i;
-      return (i = R.value) == null ? void 0 : i.$el;
-    }), { refresh: u } = fa({
+      return (i = D.value) == null ? void 0 : i.$el;
+    }), { refresh: c } = fa({
       containerRef: h,
       stickyOffset: m,
-      enabled: y
-    }), p = v(l.rollup), x = v(it()), S = v(l.drillDimension), b = T(() => {
+      enabled: p
+    }), b = g(l.rollup), f = g(it()), C = g(l.drillDimension), w = k(() => {
       if (Pe.value.length > 0) {
         const i = Pe.value.findIndex(
-          (te) => te.value === S.value
+          (le) => le.value === C.value
         );
         return i >= 0 ? i : 0;
       } else
         return -1;
-    }), U = T(() => b.value !== 0), w = T(
-      () => b.value != Pe.value.length - 1
-    ), r = v(l.showTitle ?? !0), L = v(l.titleFontSize ?? 14), n = v(l.titleBold ?? !1), d = v(l.titleItalic ?? !1), $ = v(l.titleUnderline ?? !1), E = v(l.chartWidth ?? void 0), W = v(l.chartHeight ?? void 0), j = v(l.showLabel ?? !1), ue = v(l.labelAlign ?? Ct.center), K = v(l.labelAnchor ?? St.center), oe = v(l.labelRotation ?? 0), ye = v(l.labelOffset ?? 0), pe = v(l.labelFontSize ?? 12), f = T(() => l.showSearchBar), D = v(l.showX ?? !0), Y = v(l.xPosition ?? kt.bottom), O = v(l.showXGrid ?? !1), I = v(l.showXTick ?? !0), H = v(l.xTickFontSize ?? 12), he = v(l.showXTitle ?? !1), _e = v(l.xTitle ?? ""), Ae = v(l.xTitleFontSize ?? 12), Oe = v(l.showY ?? !0), Me = v(l.yPosition ?? Tt.left), t = v(l.showYGrid ?? !1), k = v(l.showYTick ?? !0), z = v(l.yTickFontSize ?? 12), V = v(l.showYTitle ?? !1), G = v(l.yTitle ?? ""), re = v(l.yTitleFontSize ?? 12), be = v(l.showLegend ?? void 0), ve = v(l.legendPosition ?? _t.top), le = v(l.usePointStyle ?? !0), N = v(l.legendMaxHeight), P = v(l.legendMaxWidth), C = v(l.rowHeight ?? 0), ae = v(l.colWidths ?? []), J = v(!1), ce = v(""), { breakpoints: ee, getBreakpointsBoundary: Z } = jt(), we = v(), Q = T(
-      () => F.customScreenWidth === void 0 ? window.innerWidth : F.customScreenWidth
-    ), He = T(
-      () => (Q == null ? void 0 : Q.value) > Z("xs")[1] && (Q == null ? void 0 : Q.value) <= Z("sm")[1]
-    ), ct = T(
-      () => (Q == null ? void 0 : Q.value) > Z("sm")[1] && (Q == null ? void 0 : Q.value) <= Z("md")[1]
-    ), se = T(() => (Q == null ? void 0 : Q.value) > Z("md")[1]), Zt = T(() => {
+    }), q = k(() => w.value !== 0), x = k(
+      () => w.value != Pe.value.length - 1
+    ), r = g(l.showTitle ?? !0), F = g(l.titleFontSize ?? 14), n = g(l.titleBold ?? !1), d = g(l.titleItalic ?? !1), V = g(l.titleUnderline ?? !1), E = g(l.chartWidth ?? void 0), N = g(l.chartHeight ?? void 0), j = g(l.showLabel ?? !1), ue = g(l.labelAlign ?? Ct.center), K = g(l.labelAnchor ?? St.center), oe = g(l.labelRotation ?? 0), ye = g(l.labelOffset ?? 0), me = g(l.labelFontSize ?? 12), v = k(() => l.showSearchBar), z = g(l.showX ?? !0), Y = g(l.xPosition ?? kt.bottom), O = g(l.showXGrid ?? !1), I = g(l.showXTick ?? !0), H = g(l.xTickFontSize ?? 12), he = g(l.showXTitle ?? !1), _e = g(l.xTitle ?? ""), Ae = g(l.xTitleFontSize ?? 12), Oe = g(l.showY ?? !0), We = g(l.yPosition ?? Tt.left), t = g(l.showYGrid ?? !1), L = g(l.showYTick ?? !0), $ = g(l.yTickFontSize ?? 12), R = g(l.showYTitle ?? !1), G = g(l.yTitle ?? ""), re = g(l.yTitleFontSize ?? 12), be = g(l.showLegend ?? void 0), ve = g(l.legendPosition ?? _t.top), ae = g(l.usePointStyle ?? !0), M = g(l.legendMaxHeight), P = g(l.legendMaxWidth), S = g(l.rowHeight ?? 0), J = g(l.colWidths ?? []), Q = g(!1), ce = g(""), { breakpoints: te, getBreakpointsBoundary: Z } = jt(), we = g(), ee = k(
+      () => _.customScreenWidth === void 0 ? window.innerWidth : _.customScreenWidth
+    ), He = k(
+      () => (ee == null ? void 0 : ee.value) > Z("xs")[1] && (ee == null ? void 0 : ee.value) <= Z("sm")[1]
+    ), ct = k(
+      () => (ee == null ? void 0 : ee.value) > Z("sm")[1] && (ee == null ? void 0 : ee.value) <= Z("md")[1]
+    ), se = k(() => (ee == null ? void 0 : ee.value) > Z("md")[1]), Qt = k(() => {
       const i = o.value.size.width;
       return se.value || ct.value ? ia(i) : He.value ? ua(i) : ca(i);
-    }), ot = T(
-      () => Nl.find((i) => i.type === o.value.widget.type)
+    }), ot = k(
+      () => Ml.find((i) => i.type === o.value.widget.type)
     ), Ge = bt(() => {
       var i;
-      we.value = il((i = R.value) == null ? void 0 : i.$el.offsetWidth), x.value = it();
-    }), Qt = T(() => {
+      we.value = il((i = D.value) == null ? void 0 : i.$el.offsetWidth), f.value = it();
+    }), Zt = k(() => {
       if (Ol(fe.value.type, Xe.value))
         switch (o.value.widget.type) {
           case A.BarChart:
@@ -1530,7 +1530,7 @@ const va = {
           case A.Scorecard:
             return jl;
           case A.Spacer:
-            return Zl;
+            return Ql;
           case A.Table:
             return oa;
           default:
@@ -1538,23 +1538,23 @@ const va = {
         }
       else
         return wt;
-    }), Xe = v(null), {
+    }), Xe = g(null), {
       selectedLocationIds: dt,
       dateRange: Rt,
       compareDateRange: el,
       timeRange: Dt,
       globalFilters: tl,
-      isGlobalFiltersLoading: Vt
-    } = Ve(tt()), { businessId: ll } = Ve(Ft()), { businessLoadedId: al, businessDataVersion: mt } = Ve(tt());
-    T(() => al.value === ll.value && dt.value.length > 0 && !Vt.value);
-    const nl = v(!0), fe = T(() => {
+      isGlobalFiltersLoading: zt
+    } = ze(tt()), { businessId: ll } = ze(Ft()), { businessLoadedId: al, businessDataVersion: mt } = ze(tt());
+    k(() => al.value === ll.value && dt.value.length > 0 && !zt.value);
+    const nl = g(!0), fe = k(() => {
       const i = JSON.parse(JSON.stringify(o.value.widget));
       return {
         ...i,
         config: {
           ...i.config,
-          rollup: p.value,
-          drillDimension: S.value,
+          rollup: b.value,
+          drillDimension: C.value,
           showGrandTotal: !1
         }
       };
@@ -1563,19 +1563,19 @@ const va = {
       return {
         data: Xe.value,
         showTitle: r.value,
-        titleFontSize: L.value,
+        titleFontSize: F.value,
         titleBold: n.value,
         titleItalic: d.value,
-        titleUnderline: $.value,
-        chartHeight: W.value,
+        titleUnderline: V.value,
+        chartHeight: N.value,
         chartWidth: E.value,
         showLabel: j.value,
         labelAnchor: K.value,
         labelAlign: ue.value,
         labelRotation: oe.value,
         labelOffset: ye.value,
-        labelFontSize: pe.value,
-        showX: D.value,
+        labelFontSize: me.value,
+        showX: z.value,
         xPosition: Y.value,
         showXGrid: O.value,
         showXTick: I.value,
@@ -1584,18 +1584,18 @@ const va = {
         xTitle: _e.value,
         xTitleFontSize: Ae.value,
         showY: Oe.value,
-        yPosition: Me.value,
+        yPosition: We.value,
         showYGrid: t.value,
-        showYTick: k.value,
+        showYTick: L.value,
         yTitle: G.value,
-        showYTitle: V.value,
+        showYTitle: R.value,
         yTitleFontSize: re.value,
-        yTickFontSize: z.value,
+        yTickFontSize: $.value,
         isTransposed: fe.value.config.isTransposed,
         showLegend: be.value,
         legendPosition: ve.value,
-        usePointStyle: le.value,
-        legendMaxHeight: N.value,
+        usePointStyle: ae.value,
+        legendMaxHeight: M.value,
         legendMaxWidth: P.value
       };
     }
@@ -1604,11 +1604,11 @@ const va = {
         data: Xe.value,
         filterText: ce.value,
         rollupPosition: fe.value.config.rollupPosition,
-        rowHeight: C.value,
-        colWidths: ae.value
+        rowHeight: S.value,
+        colWidths: J.value
       };
     }
-    const $t = T(() => {
+    const $t = k(() => {
       switch (fe.value.type) {
         case A.Table:
           return sl();
@@ -1621,43 +1621,43 @@ const va = {
         default:
           return { data: Xe.value };
       }
-    }), Et = T(() => {
+    }), Vt = k(() => {
       const { config: i } = o.value.widget;
       if (i.rollup != null) {
-        const te = [...i.dimensions].filter((Fe) => !Fe.hide);
-        return te.sort(
+        const le = [...i.dimensions].filter((Fe) => !Fe.hide);
+        return le.sort(
           (Fe, et) => (i.rowIds || []).indexOf(vt(Fe)) - (i.rowIds || []).indexOf(vt(et))
         ), [
-          { label: Ue(c, g, "None", "other"), value: "none" },
-          { label: Ue(c, g, "Grand Total", "other"), value: 0 },
-          ...[...te].slice(0, te.length - 1).map((Fe, et) => ({
-            label: Ue(c, g, Fe.label, "other"),
+          { label: Ue(u, y, "None", "other"), value: "none" },
+          { label: Ue(u, y, "Grand Total", "other"), value: 0 },
+          ...[...le].slice(0, le.length - 1).map((Fe, et) => ({
+            label: Ue(u, y, Fe.label, "other"),
             value: et + 1
           }))
         ];
       }
       return [];
-    }), Pe = T(() => {
+    }), Pe = k(() => {
       const { config: i } = fe.value;
-      return i.isDrillable ? i.dimensions.map((te) => ({
-        label: Ue(c, g, te.label, "other"),
-        value: vt(te)
+      return i.isDrillable ? i.dimensions.map((le) => ({
+        label: Ue(u, y, le.label, "other"),
+        value: vt(le)
       })) : [];
-    }), rl = T(() => {
+    }), rl = k(() => {
       const i = o.value.id;
       return (tl.value || []).filter(
-        (te) => Array.isArray(te.tileIds) && te.tileIds.includes(i)
+        (le) => Array.isArray(le.tileIds) && le.tileIds.includes(i)
       );
     });
-    me(
+    de(
       () => o.value.widget.config,
       (i) => {
-        p.value = i.rollup, r.value = i.showTitle ?? !0, L.value = i.titleFontSize ?? 14, n.value = i.titleBold ?? !1, d.value = i.titleItalic ?? !1, $.value = i.titleUnderline ?? !1, W.value = i.chartHeight ?? void 0, E.value = i.chartWidth ?? void 0, j.value = i.showLabel ?? !1, ue.value = i.labelAlign ?? Ct.center, K.value = i.labelAnchor ?? St.center, oe.value = i.labelRotation ?? 0, ye.value = i.labelOffset ?? 0, pe.value = i.labelFontSize ?? 12, D.value = i.showX ?? !0, Y.value = i.xPosition ?? kt.bottom, O.value = i.showXGrid ?? !1, I.value = i.showXTick ?? !0, H.value = i.xTickFontSize ?? 12, he.value = i.showXTitle ?? !1, _e.value = i.xTitle ?? "", Ae.value = i.xTitleFontSize ?? 12, Oe.value = i.showY ?? !0, Me.value = i.yPosition ?? Tt.left, t.value = i.showYGrid ?? !1, k.value = i.showYTick ?? !0, z.value = i.yTickFontSize ?? 12, V.value = i.showYTitle ?? !1, G.value = i.yTitle ?? "", re.value = i.yTitleFontSize ?? 12, be.value = i.showLegend ?? void 0, ve.value = i.legendPosition ?? _t.top, le.value = i.usePointStyle ?? !0, N.value = i.legendMaxHeight, P.value = i.legendMaxWidth, C.value = i.rowHeight ?? 0, ae.value = i.colWidths ?? [];
+        b.value = i.rollup, r.value = i.showTitle ?? !0, F.value = i.titleFontSize ?? 14, n.value = i.titleBold ?? !1, d.value = i.titleItalic ?? !1, V.value = i.titleUnderline ?? !1, N.value = i.chartHeight ?? void 0, E.value = i.chartWidth ?? void 0, j.value = i.showLabel ?? !1, ue.value = i.labelAlign ?? Ct.center, K.value = i.labelAnchor ?? St.center, oe.value = i.labelRotation ?? 0, ye.value = i.labelOffset ?? 0, me.value = i.labelFontSize ?? 12, z.value = i.showX ?? !0, Y.value = i.xPosition ?? kt.bottom, O.value = i.showXGrid ?? !1, I.value = i.showXTick ?? !0, H.value = i.xTickFontSize ?? 12, he.value = i.showXTitle ?? !1, _e.value = i.xTitle ?? "", Ae.value = i.xTitleFontSize ?? 12, Oe.value = i.showY ?? !0, We.value = i.yPosition ?? Tt.left, t.value = i.showYGrid ?? !1, L.value = i.showYTick ?? !0, $.value = i.yTickFontSize ?? 12, R.value = i.showYTitle ?? !1, G.value = i.yTitle ?? "", re.value = i.yTitleFontSize ?? 12, be.value = i.showLegend ?? void 0, ve.value = i.legendPosition ?? _t.top, ae.value = i.usePointStyle ?? !0, M.value = i.legendMaxHeight, P.value = i.legendMaxWidth, S.value = i.rowHeight ?? 0, J.value = i.colWidths ?? [];
       },
       { deep: !0 }
-    ), me([() => p.value], () => {
-      p.value !== null && (o.value.widget.config.rollup = p.value);
-    }), me(
+    ), de([() => b.value], () => {
+      b.value !== null && (o.value.widget.config.rollup = b.value);
+    }), de(
       [
         () => fe.value,
         () => Rt.value,
@@ -1671,22 +1671,22 @@ const va = {
         At();
       },
       { deep: !0 }
-    ), me(
+    ), de(
       [() => o.value.size],
       () => {
         Ge();
       },
       { deep: !0 }
     ), Ie(() => {
-      Ge(), ee.value.sm || ee.value.md || ee.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", Ge)) : addEventListener("resize", Ge), At();
+      Ge(), te.value.sm || te.value.md || te.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", Ge)) : addEventListener("resize", Ge), At();
     }), Ut(() => {
-      ee.value.sm || ee.value.md || ee.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", Ge)) : removeEventListener("resize", Ge);
+      te.value.sm || te.value.md || te.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", Ge)) : removeEventListener("resize", Ge);
     });
-    const zt = Lt();
+    const Et = Lt();
     let st;
     async function At() {
       if (fe.value.config.schemaNames.length <= 0 && !(fe.value.config.dimensions.length <= 0 || fe.value.config.metrics.length <= 0)) {
-        zt.open({
+        Et.open({
           message: "schema must not be empty and dimension or metrics must have at least 1 column",
           type: "info"
         }), a.value = !1;
@@ -1694,10 +1694,10 @@ const va = {
       }
       try {
         a.value = !0, st && st.abort(), st = new AbortController();
-        const i = st.signal, te = mt.value, Fe = await bt(Gt, 500)(fe.value, i, o.value.id);
-        mt.value === te && (Xe.value = Fe, x.value = it(), setTimeout(() => u(), 100)), a.value = !1;
+        const i = st.signal, le = mt.value, Fe = await bt(Gt, 500)(fe.value, i, o.value.id);
+        mt.value === le && (Xe.value = Fe, f.value = it(), setTimeout(() => c(), 100)), a.value = !1;
       } catch (i) {
-        i.code !== "ERR_CANCELED" && (Xe.value = null, zt.open({ message: `Invalid chart ${fe.value.type}`, type: "error" }), console.log(i), a.value = !1);
+        i.code !== "ERR_CANCELED" && (Xe.value = null, Et.open({ message: `Invalid chart ${fe.value.type}`, type: "error" }), console.log(i), a.value = !1);
       }
     }
     function il(i) {
@@ -1707,63 +1707,63 @@ const va = {
         case "SCORECARD":
           return;
         case "TABLE":
-          return `${o.value.size.height * 100 + (f.value ? 72 : 0) + 96.5}px`;
+          return `${o.value.size.height * 100 + (v.value ? 72 : 0) + 96.5}px`;
       }
       return `${Math.max(i / o.value.size.width, 90) * o.value.size.height}px`;
     }
     function ul() {
-      const i = b.value - 1;
-      i >= 0 && (S.value = Pe.value[i].value);
+      const i = w.value - 1;
+      i >= 0 && (C.value = Pe.value[i].value);
     }
     function cl() {
-      const i = b.value + 1;
-      i >= 0 && i < Pe.value.length && (S.value = Pe.value[i].value);
+      const i = w.value + 1;
+      i >= 0 && i < Pe.value.length && (C.value = Pe.value[i].value);
     }
-    const Mt = v(Ke.EXCEL), Wt = v(), dl = Object.values(Ke).map((i) => ({
+    const Wt = g(Ke.EXCEL), Nt = g(), dl = Object.values(Ke).map((i) => ({
       label: Ll(i),
       value: i,
       onClick: async () => {
         i === Ke.EXCEL || i === Ke.PDFFULLSIZE || i === Ke.PDFRECEIPT ? await Yt({
           reportType: i,
-          index: F.index,
+          index: _.index,
           isCombinedLocationLayout: nl.value,
           timeRange: Dt.value,
           dateRange: Rt.value,
           locationIds: dt.value
-        }) : i === Ke.PDF && (Mt.value = i, Wt.value = F.index, J.value = !0);
+        }) : i === Ke.PDF && (Wt.value = i, Nt.value = _.index, Q.value = !0);
       }
     })), ml = fe.value.type === A.Spacer ? "flat" : "outlined", pl = fe.value.type === A.Spacer ? "p-0" : "p-16";
-    return (i, te) => {
+    return (i, le) => {
       const Fe = B("FmTooltip"), et = B("FmSearch"), hl = B("FmCheckbox"), pt = B("FmButton"), fl = B("FmSelect"), vl = B("FmMenuItem"), gl = B("FmMenu"), yl = B("FmForm"), bl = B("FmCircularProgress"), wl = B("FmCard");
-      return M(), de(wl, {
+      return W(), pe(wl, {
         ref_key: "tileCard",
-        ref: R,
-        class: Ze(`${Zt.value} ${s(pl)}`),
+        ref: D,
+        class: Qe(`${Qt.value} ${s(pl)}`),
         variant: s(ml)
       }, {
         default: ie(() => [
-          q(ha, {
-            modelValue: J.value,
-            "onUpdate:modelValue": te[0] || (te[0] = (je) => J.value = je),
-            "report-type": Mt.value,
-            index: Wt.value
+          U(ha, {
+            modelValue: Q.value,
+            "onUpdate:modelValue": le[0] || (le[0] = (je) => Q.value = je),
+            "report-type": Wt.value,
+            index: Nt.value
           }, null, 8, ["modelValue", "report-type", "index"]),
-          !a.value && !s(Vt) ? (M(), ne("div", {
+          !a.value && !s(zt) ? (W(), ne("div", {
             key: 0,
-            style: Ee({ height: we.value })
+            style: Ve({ height: we.value })
           }, [
-            (M(), de(Cl(Qt.value), {
-              key: x.value,
+            (W(), pe(Cl(Zt.value), {
+              key: f.value,
               modelValue: $t.value,
-              "onUpdate:modelValue": te[4] || (te[4] = (je) => $t.value = je),
-              "tile-index": F.index
+              "onUpdate:modelValue": le[4] || (le[4] = (je) => $t.value = je),
+              "tile-index": _.index
             }, {
               menu: ie(() => [
-                q(yl, { class: "flex items-center gap-2" }, {
+                U(yl, { class: "flex items-center gap-2" }, {
                   default: ie(() => {
-                    var je, It, Nt, Ot;
+                    var je, It, Mt, Ot;
                     return [
-                      q(Fe, {
+                      U(Fe, {
                         variant: "plain",
                         placement: "right",
                         content: fe.value.description,
@@ -1772,69 +1772,69 @@ const va = {
                         "z-index": 99
                       }, {
                         default: ie(() => [
-                          r.value !== !1 ? (M(), ne("p", {
+                          r.value !== !1 ? (W(), ne("p", {
                             key: 0,
-                            style: Ee({
-                              fontSize: L.value + "px",
+                            style: Ve({
+                              fontSize: F.value + "px",
                               fontWeight: n.value ? "bold" : "normal",
                               fontStyle: d.value ? "italic" : "normal",
-                              textDecoration: $.value ? "underline" : "none"
+                              textDecoration: V.value ? "underline" : "none"
                             }),
-                            class: Ze(["text-fm-color-typo-secondary line-clamp-1", [
-                              L.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                            class: Qe(["text-fm-color-typo-secondary line-clamp-1", [
+                              F.value <= 18 ? "fm-typo-en-body-md-400" : "",
                               fe.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, De(s(Ue)(s(c), s(g), fe.value.title, "other")), 7)) : ke("", !0)
+                          }, De(s(Ue)(s(u), s(y), fe.value.title, "other")), 7)) : ke("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
-                      (je = ot.value) != null && je.showSearchBar ? (M(), de(et, {
+                      (je = ot.value) != null && je.showSearchBar ? (W(), pe(et, {
                         key: 0,
                         modelValue: ce.value,
-                        "onUpdate:modelValue": te[1] || (te[1] = (Le) => ce.value = Le),
+                        "onUpdate:modelValue": le[1] || (le[1] = (Le) => ce.value = Le),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (M(), ne("div", va)),
-                      kl(q(hl, {
+                      }, null, 8, ["modelValue"])) : (W(), ne("div", va)),
+                      kl(U(hl, {
                         modelValue: j.value,
-                        "onUpdate:modelValue": te[2] || (te[2] = (Le) => j.value = Le),
+                        "onUpdate:modelValue": le[2] || (le[2] = (Le) => j.value = Le),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
                         [Tl, (It = ot.value) == null ? void 0 : It.showLabel]
                       ]),
-                      (Nt = ot.value) != null && Nt.showDrillDimension && Pe.value.length > 0 ? (M(), ne("div", ga, [
-                        q(pt, {
+                      (Mt = ot.value) != null && Mt.showDrillDimension && Pe.value.length > 0 ? (W(), ne("div", ga, [
+                        U(pt, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !U.value,
+                          disabled: !q.value,
                           onClick: ul
                         }, null, 8, ["disabled"]),
-                        q(pt, {
+                        U(pt, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !w.value,
+                          disabled: !x.value,
                           onClick: cl
                         }, null, 8, ["disabled"])
                       ])) : ke("", !0),
-                      (Ot = ot.value) != null && Ot.showRollup && Et.value.length > 0 ? (M(), de(fl, {
-                        key: `rollup-${s(_)}`,
-                        modelValue: p.value,
-                        "onUpdate:modelValue": te[3] || (te[3] = (Le) => p.value = Le),
+                      (Ot = ot.value) != null && Ot.showRollup && Vt.value.length > 0 ? (W(), pe(fl, {
+                        key: `rollup-${s(T)}`,
+                        modelValue: b.value,
+                        "onUpdate:modelValue": le[3] || (le[3] = (Le) => b.value = Le),
                         class: "w-[150px]",
-                        items: Et.value
+                        items: Vt.value
                       }, null, 8, ["modelValue", "items"])) : ke("", !0),
-                      F.hideExport ? ke("", !0) : (M(), de(gl, {
+                      _.hideExport ? ke("", !0) : (W(), pe(gl, {
                         key: 4,
                         shift: !0
                       }, {
                         "menu-button": ie(() => [
-                          q(pt, {
+                          U(pt, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
                         default: ie(() => [
-                          (M(!0), ne(xe, null, ut(s(dl), (Le) => (M(), de(vl, {
+                          (W(!0), ne(xe, null, ut(s(dl), (Le) => (W(), pe(vl, {
                             key: Le.value,
                             label: Le.label,
                             onClick: Le.onClick
@@ -1849,7 +1849,7 @@ const va = {
               ]),
               _: 1
             }, 8, ["modelValue", "tile-index"]))
-          ], 4)) : (M(), de(bl, { key: 1 }))
+          ], 4)) : (W(), pe(bl, { key: 1 }))
         ]),
         _: 1
       }, 8, ["class", "variant"]);
@@ -1887,29 +1887,29 @@ function Ua({
   dataType: o,
   t: l
 }) {
-  const { fixed: c, count: g } = ya(e);
+  const { fixed: u, count: y } = ya(e);
   switch (o) {
     case Re.String:
       return {
         type: "TextField",
-        fixed: c,
-        count: g,
+        fixed: u,
+        count: y,
         dataType: void 0,
         default: ""
       };
     case Re.Numeric:
       return {
         type: "TextField",
-        fixed: c,
-        count: g,
+        fixed: u,
+        count: y,
         dataType: "number",
         default: 0
       };
     case Re.Bool:
       return {
         type: "Select",
-        fixed: c,
-        count: g,
+        fixed: u,
+        count: y,
         options: [
           { label: l("report.common.yes"), value: !0 },
           { label: l("report.common.no"), value: !1 }
@@ -1919,15 +1919,15 @@ function Ua({
     case Re.Timestamp:
       return Jt({
         dimensionOption: a,
-        fixed: c,
-        count: g,
+        fixed: u,
+        count: y,
         t: l
       });
   }
   return {
     type: "TextField",
-    fixed: c,
-    count: g,
+    fixed: u,
+    count: y,
     dataType: void 0,
     default: ""
   };
@@ -1964,9 +1964,9 @@ function Jt({
         type: Ye.Select,
         fixed: a,
         count: o,
-        options: Array.from({ length: 24 }, (c, g) => ({
-          label: g.toString().padStart(2, "0"),
-          value: g.toString()
+        options: Array.from({ length: 24 }, (u, y) => ({
+          label: y.toString().padStart(2, "0"),
+          value: y.toString()
         })),
         default: "0"
       };
@@ -1991,9 +1991,9 @@ function Jt({
         type: Ye.Select,
         fixed: a,
         count: o,
-        options: Array.from({ length: 31 }, (c, g) => ({
-          label: (g + 1).toString(),
-          value: (g + 1).toString()
+        options: Array.from({ length: 31 }, (u, y) => ({
+          label: (y + 1).toString(),
+          value: (y + 1).toString()
         })),
         default: "1"
       };
@@ -2037,7 +2037,7 @@ function Bt({
     count: 1,
     t: a
   });
-  return o.type === Ye.Select ? o.options : [];
+  return o.type !== Ye.Select ? [] : [{ label: a("report.input.unknown"), value: "" }, ...o.options];
 }
 const ba = "mf-reportglobalFilter";
 function qt(e, a) {
@@ -2053,184 +2053,182 @@ function qt(e, a) {
   ].join("|");
 }
 const wa = Xt(ba, () => {
-  const e = v({}), a = v(!1), o = v(null), l = () => ({
+  const e = g({}), a = g(!1), o = g(null), l = () => ({
     search: "",
     selectedValues: [],
     keepSelection: !1,
     showAdvanced: !1,
     visibleCount: 50
   });
-  function c(u, p) {
-    const x = qt(u, p);
-    return e.value[x] || (e.value[x] = l()), e.value[x];
+  function u(c, b) {
+    const f = qt(c, b);
+    return e.value[f] || (e.value[f] = l()), e.value[f];
   }
-  const g = T(() => e.value), _ = (u) => o.value === u;
-  function F(u, p, x, S) {
-    c(u, p)[x] = S;
+  const y = k(() => e.value), T = (c) => o.value === c;
+  function _(c, b, f, C) {
+    u(c, b)[f] = C;
   }
-  function R(u, p, x = 50) {
-    c(u, p).visibleCount += x;
+  function D(c, b, f = 50) {
+    u(c, b).visibleCount += f;
   }
-  function m(u) {
-    a.value = u;
+  function m(c) {
+    a.value = c;
   }
-  function y(u) {
-    o.value = u;
+  function p(c) {
+    o.value = c;
   }
   function h() {
     o.value = null;
   }
   return {
-    allStates: g,
+    allStates: y,
     includeUnavailable: a,
     openMenuKey: o,
-    getGlobalFilter: c,
-    isMenuOpen: _,
-    setGlobalFilter: F,
-    showMore: R,
+    getGlobalFilter: u,
+    isMenuOpen: T,
+    setGlobalFilter: _,
+    showMore: D,
     setIncludeUnavailable: m,
-    openMenu: y,
+    openMenu: p,
     closeMenu: h,
     getKey: qt
   };
 }), xa = { class: "flex flex-row flex-wrap gap-2" }, Sa = { class: "inline-flex max-w-[460px]" }, Ca = {
   key: 0,
   class: "flex justify-center my-2"
-}, ka = { class: "px-2 pb-8" }, Ta = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, _a = { class: "px-2 pb-8" }, Fa = { class: "flex items-start w-full" }, La = ["onClick"], Ra = { class: "fm-typo-en-body-md-400" }, Da = { key: 0 }, Va = { class: "px-12 py-3" }, $a = { class: "flex items-center justify-between" }, Ea = { class: "text-xs max-w-[200px]" }, za = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Xa = /* @__PURE__ */ Te({
+}, ka = { class: "px-2 pb-8" }, Ta = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, _a = { class: "px-2 pb-8" }, Fa = { class: "flex items-start w-full" }, La = ["onClick"], Ra = { class: "fm-typo-en-body-md-400" }, Da = { key: 0 }, za = { class: "px-12 py-3" }, $a = { class: "flex items-center justify-between" }, Va = { class: "text-xs max-w-[200px]" }, Ea = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Xa = /* @__PURE__ */ Te({
   __name: "FilterSelector",
   setup(e) {
-    const { t: a, locale: o } = at(), { currentReport: l, editingTile: c } = Ve(Rl());
-    let { globalFilters: g, isGlobalFiltersLoading: _, timeRange: F, dateRange: R, selectedLocationIds: m } = Ve(tt()), { schemas: y } = Ve(Dl()), {
-      showMore: h,
-      getGlobalFilter: u,
-      setGlobalFilter: p,
-      setIncludeUnavailable: x,
-      getKey: S,
-      isMenuOpen: b,
-      openMenu: U,
-      closeMenu: w
-    } = wa(), r = null;
-    const L = v(!1), n = T(() => {
+    const { t: a, locale: o } = at(), { currentReport: l, editingTile: u } = ze(Rl());
+    let { globalFilters: y, isGlobalFiltersLoading: T, timeRange: _, dateRange: D, selectedLocationIds: m, timezone: p } = ze(tt()), { schemas: h } = ze(Dl()), { showMore: c, getGlobalFilter: b, setGlobalFilter: f, setIncludeUnavailable: C, getKey: w, isMenuOpen: q } = wa();
+    const x = k(() => a("report.input.unknown"));
+    let r = null;
+    const F = g(!1), n = k(() => {
       var t;
       return ((t = l.value) == null ? void 0 : t.id) ?? "";
-    }), d = v([]);
-    function $(t) {
-      const z = u(t.filter, n.value).selectedValues;
-      t.selectedValues = t.keepSelection ? z : t.options.map((V) => V.value), t.filter.values = [...t.selectedValues], p(t.filter, n.value, "selectedValues", t.selectedValues);
+    }), d = g([]);
+    function V(t) {
+      const $ = b(t.filter, n.value).selectedValues;
+      t.selectedValues = t.keepSelection ? $ : t.options.map((R) => R.value), t.filter.values = [...t.selectedValues], f(t.filter, n.value, "selectedValues", t.selectedValues);
     }
-    me(
+    de(
       () => ({
         reportId: n.value,
-        globalFilters: g.value
+        globalFilters: y.value
       }),
       () => {
-        d.value = (g.value || []).map((t) => {
-          const k = u(t, n.value), z = k.selectedValues.length ? [...k.selectedValues] : [...t.values ?? []];
+        d.value = (y.value || []).map((t, L) => {
+          const $ = b(t, n.value), R = $.selectedValues.length ? [...$.selectedValues] : [...t.values ?? []];
           return {
-            id: S(t, n.value),
+            id: `${w(t, n.value)}|${L}`,
             filter: t,
-            search: k.search,
+            search: $.search,
             options: [],
             type: E(t),
-            selectedValues: z,
-            visibleCount: k.visibleCount,
-            keepSelection: k.keepSelection,
-            showAdvanced: k.showAdvanced
+            selectedValues: R,
+            visibleCount: $.visibleCount,
+            keepSelection: $.keepSelection,
+            showAdvanced: $.showAdvanced
           };
-        }), pe();
+        }), me();
       },
       { immediate: !0 }
-    ), me(
-      [F, R, m],
+    ), de(
+      [_, D, m],
       async () => {
-        await pe();
+        await me();
       },
       { deep: !0, immediate: !0 }
-    ), me(
-      [() => c.value],
+    ), de(
+      [() => u.value],
       async () => {
         d.value.forEach((t) => {
           t.options = [];
-        }), await pe();
+        }), await me();
       },
       { deep: !0 }
+    ), de(
+      () => o.value,
+      async () => {
+        await me(!0);
+      }
     );
     function E(t) {
-      var z;
-      const k = (z = y.value.find((V) => V.name === t.schemaName)) == null ? void 0 : z.fields.find((V) => V.name === t.name);
-      return k == null ? void 0 : k.type;
+      var $;
+      const L = ($ = h.value.find((R) => R.name === t.schemaName)) == null ? void 0 : $.fields.find((R) => R.name === t.name);
+      return L == null ? void 0 : L.type;
     }
-    function W(t) {
+    function N(t) {
       var ve;
-      if (!l.value && !c.value) return [];
-      const k = c.value ? [c.value] : [...((ve = l.value) == null ? void 0 : ve.tiles) ?? []], { name: z = "", schemaName: V = "" } = t, G = k.filter((le) => {
-        var J, ce;
-        const N = (J = le == null ? void 0 : le.widget) == null ? void 0 : J.config;
-        if (!N || (ce = t.tileIds) != null && ce.length && !t.tileIds.includes(le.id)) return !1;
-        const P = (N.dimensions ?? []).some(
-          (ee) => ee.schemaName === V && ee.name === z
-        ), C = (N.joinDatasources ?? []).some(
-          (ee) => (ee.dimensions ?? []).some((Z) => Z.schemaName === V && Z.name === z)
-        ), ae = (N.schemaNames ?? []).includes(V);
-        return P || C || ae;
+      if (!l.value && !u.value) return [];
+      const L = u.value ? [u.value] : [...((ve = l.value) == null ? void 0 : ve.tiles) ?? []], { name: $ = "", schemaName: R = "" } = t, G = L.filter((ae) => {
+        var Q, ce;
+        const M = (Q = ae == null ? void 0 : ae.widget) == null ? void 0 : Q.config;
+        if (!M || (ce = t.tileIds) != null && ce.length && !t.tileIds.includes(ae.id)) return !1;
+        const P = (M.dimensions ?? []).some(
+          (te) => te.schemaName === R && te.name === $
+        ), S = (M.joinDatasources ?? []).some(
+          (te) => (te.dimensions ?? []).some((Z) => Z.schemaName === R && Z.name === $)
+        ), J = (M.schemaNames ?? []).includes(R);
+        return P || S || J;
       });
       if (!G.length) return [];
-      const re = (le, N) => {
-        const P = /* @__PURE__ */ new Map(), C = (ae) => {
-          const J = `${ae.schemaName}:${ae.name}:${ae.operator}`, ce = P.get(J);
-          ce ? [Ce.Like, Ce.NotLike].includes(ae.operator) ? ce.values = Array.from(/* @__PURE__ */ new Set([...ce.values ?? [], ...ae.values ?? []])) : P.set(J, { ...ae }) : P.set(J, { ...ae });
+      const re = (ae, M) => {
+        const P = /* @__PURE__ */ new Map(), S = (J) => {
+          const Q = `${J.schemaName}:${J.name}:${J.operator}:${J.option ?? ""}:${J.dataFormula ?? ""}`, ce = P.get(Q);
+          ce ? [Ce.Like, Ce.NotLike].includes(J.operator) ? ce.values = Array.from(/* @__PURE__ */ new Set([...ce.values ?? [], ...J.values ?? []])) : P.set(Q, { ...J }) : P.set(Q, { ...J });
         };
-        return le.forEach(C), N.forEach(C), Array.from(P.values());
-      }, be = (le) => {
+        return ae.forEach(S), M.forEach(S), Array.from(P.values());
+      }, be = (ae) => {
         var P;
-        const N = (P = le.dimensions) == null ? void 0 : P.find(
-          (C) => C.schemaName === V && C.name === z
+        const M = (P = ae.dimensions) == null ? void 0 : P.find(
+          (S) => S.schemaName === R && S.name === $
         );
         return {
-          name: z,
-          schemaName: V,
-          label: (N == null ? void 0 : N.label) ?? z,
+          name: $,
+          schemaName: R,
+          label: (M == null ? void 0 : M.label) ?? $,
           hide: !1,
           option: t.option ?? null,
-          dataFormula: N == null ? void 0 : N.dataFormula
+          dataFormula: M == null ? void 0 : M.dataFormula
         };
       };
-      return G.map((le) => {
-        var ee, Z;
-        const N = (ee = le == null ? void 0 : le.widget) == null ? void 0 : ee.config;
-        if (!N) return null;
-        const P = be(N), C = (N.dimensions ?? []).some((we) => we.schemaName === V) || (N.schemaNames ?? []).includes(V), ae = re(
-          N.filters ?? [],
+      return G.map((ae) => {
+        var te, Z;
+        const M = (te = ae == null ? void 0 : ae.widget) == null ? void 0 : te.config;
+        if (!M) return null;
+        const P = be(M), S = (M.dimensions ?? []).some((we) => we.schemaName === R) || (M.schemaNames ?? []).includes(R), J = re(
+          M.filters ?? [],
           (t.filters ?? []).filter((we) => {
-            var Q;
-            return (Q = N.schemaNames) == null ? void 0 : Q.includes(we.schemaName);
+            var ee;
+            return (ee = M.schemaNames) == null ? void 0 : ee.includes(we.schemaName);
           })
-        ), J = (Z = N.joinDatasources) == null ? void 0 : Z.find(
-          (we) => (we.schemaNames ?? []).includes(V) || (we.dimensions ?? []).some((Q) => Q.schemaName === V)
+        ), Q = (Z = M.joinDatasources) == null ? void 0 : Z.find(
+          (we) => (we.schemaNames ?? []).includes(R) || (we.dimensions ?? []).some((ee) => ee.schemaName === R)
         ), ce = re(
-          (J == null ? void 0 : J.filters) ?? [],
+          (Q == null ? void 0 : Q.filters) ?? [],
           (t.filters ?? []).filter((we) => {
-            var Q;
-            return (Q = J == null ? void 0 : J.schemaNames) == null ? void 0 : Q.includes(we.schemaName);
+            var ee;
+            return (ee = Q == null ? void 0 : Q.schemaNames) == null ? void 0 : ee.includes(we.schemaName);
           })
         );
         return {
           type: A.Table,
           title: "Global Filter",
           config: {
-            schemaNames: N.schemaNames,
-            schemas: N.schemas,
-            dimensions: C ? [P] : [],
-            filters: ae,
-            sorts: C ? [{ name: z, schemaName: V, type: qe.Asc, aggregation: null, dimensionOption: null }] : [],
-            joinDatasources: !C && J ? [
+            schemaNames: M.schemaNames,
+            schemas: M.schemas,
+            dimensions: S ? [P] : [],
+            filters: J,
+            sorts: S ? [{ name: $, schemaName: R, type: qe.Asc, aggregation: null, dimensionOption: null }] : [],
+            joinDatasources: !S && Q ? [
               {
-                ...J,
+                ...Q,
                 dimensions: [P],
                 sorts: [
                   {
-                    name: z,
-                    schemaName: V,
+                    name: $,
+                    schemaName: R,
                     type: qe.Asc,
                     aggregation: null,
                     dimensionOption: null
@@ -2255,216 +2253,217 @@ const wa = Xt(ba, () => {
       }).filter(Boolean);
     }
     function j(t) {
-      return t.options.every((k) => {
-        var z;
-        return (z = t.selectedValues) == null ? void 0 : z.includes(k.value);
+      return t.options.every((L) => {
+        var $;
+        return ($ = t.selectedValues) == null ? void 0 : $.includes(L.value);
       });
     }
     function ue(t) {
-      j(t) ? t.selectedValues = ["(EMPTY)"] : t.selectedValues = t.options.map((k) => k.value);
+      j(t) ? t.selectedValues = ["(EMPTY)"] : t.selectedValues = t.options.map((L) => L.value);
     }
-    const K = T(
+    const K = k(
       () => d.value.map((t) => {
-        const k = t.options, z = t.search.toLowerCase() ?? "";
-        return k.filter(
-          (G) => G.label.toLowerCase().includes(z.toLowerCase())
+        const L = t.options, $ = t.search.toLowerCase() ?? "";
+        return L.filter(
+          (G) => G.label.toLowerCase().includes($.toLowerCase())
         ).slice(0, t.visibleCount);
       })
     );
     function oe(t) {
-      t.visibleCount += 50, h(t.filter, n.value, 50);
+      t.visibleCount += 50, c(t.filter, n.value, 50);
     }
-    async function ye(t, k) {
-      var z;
+    async function ye(t, L) {
+      var $;
       if (!(!t.type && (t.type = E(t.filter), !t.type)))
         switch (t.type) {
           case Re.String:
             try {
-              const V = W(t.filter);
-              if (!V.length) {
+              const R = N(t.filter);
+              if (!R.length) {
                 t.options = [];
                 return;
               }
               const G = [];
-              for (const N of V) {
-                const P = await Gt(N, k);
-                (P == null ? void 0 : P.type) === A.Table && G.push(...P.rows.map((C) => {
-                  var ae;
-                  return ((ae = C.cells) == null ? void 0 : ae[0]) ?? " ";
+              for (const M of R) {
+                const P = await Gt(M, L);
+                (P == null ? void 0 : P.type) === A.Table && G.push(...P.rows.map((S) => {
+                  var J;
+                  return ((J = S.cells) == null ? void 0 : J[0]) ?? " ";
                 }));
               }
-              const re = Array.from(new Set(G)), be = (z = u(t.filter, n.value).selectedValues) != null && z.length ? u(t.filter, n.value).selectedValues : t.selectedValues || [], ve = t.keepSelection ? Array.from(/* @__PURE__ */ new Set([...re, ...be])) : re, le = new Set(G);
-              t.options = ve.map((N) => ({
-                label: String(N),
-                value: N,
-                available: t.keepSelection ? le.has(N) : new Set(re).has(N)
-              })), $(t);
-            } catch (V) {
-              if ((V == null ? void 0 : V.code) === "ERR_CANCELED" || (V == null ? void 0 : V.name) === "CanceledError")
+              const re = Array.from(new Set(G)), be = ($ = b(t.filter, n.value).selectedValues) != null && $.length ? b(t.filter, n.value).selectedValues : t.selectedValues || [], ve = t.keepSelection ? Array.from(/* @__PURE__ */ new Set([...re, ...be])) : re, ae = new Set(G);
+              t.options = ve.map((M) => ({
+                label: String(M).trim() === "" ? x.value : String(M),
+                value: M,
+                available: t.keepSelection ? ae.has(M) : new Set(re).has(M)
+              })), V(t);
+            } catch (R) {
+              if ((R == null ? void 0 : R.code) === "ERR_CANCELED" || (R == null ? void 0 : R.name) === "CanceledError")
                 return;
-              throw V;
+              throw R;
             }
             break;
           case Re.Bool: {
             t.options = [
-              { label: "Yes", value: !0 },
-              { label: "No", value: !1 }
-            ], $(t);
+              { label: a("report.common.yes"), value: !0 },
+              { label: a("report.common.no"), value: !1 }
+            ], V(t);
             break;
           }
           case Re.Timestamp:
             if (t.filter.option !== ge.DateTime && t.filter.option !== ge.TimeOfDay) {
-              const V = t.filter.option;
-              t.options = Bt({ dimensionOption: V, t: a }), t.filter.values = t.options.length ? t.options.map((G) => G.value) : ["NULL"];
+              const R = t.filter.option;
+              t.options = Bt({ dimensionOption: R, t: a }), t.filter.values = t.options.length ? t.options.map((G) => G.value) : ["NULL"];
             }
-            $(t);
+            V(t);
             break;
           case Re.Numeric:
             break;
         }
     }
-    async function pe(t = !1) {
+    async function me(t = !1) {
       if (!n.value || !d.value.length) return;
       r == null || r.abort();
-      const k = new AbortController();
-      r = k;
+      const L = new AbortController();
+      r = L;
       try {
-        t || (_.value = !0), L.value = !0, await Promise.all(
-          d.value.map((z) => ye(z, k.signal))
+        t || (T.value = !0), F.value = !0, await Promise.all(
+          d.value.map(($) => ye($, L.signal))
         );
       } finally {
-        r === k && (t || (_.value = !1), L.value = !1);
+        r === L && (t || (T.value = !1), F.value = !1);
       }
     }
-    function f(t, k) {
-      var V;
-      if ((V = t.selectedValues) == null ? void 0 : V.includes(k)) {
-        let G = (t.selectedValues || []).filter((re) => re !== k && re !== "(EMPTY)");
+    function v(t, L) {
+      var R;
+      if ((R = t.selectedValues) == null ? void 0 : R.includes(L)) {
+        let G = (t.selectedValues || []).filter((re) => re !== L && re !== "(EMPTY)");
         t.selectedValues = G.length > 0 ? G : ["(EMPTY)"];
       } else
-        t.selectedValues = [...(t.selectedValues || []).filter((G) => G !== "(EMPTY)"), k];
-      p(t.filter, n.value, "selectedValues", t.selectedValues);
+        t.selectedValues = [...(t.selectedValues || []).filter((G) => G !== "(EMPTY)"), L];
+      f(t.filter, n.value, "selectedValues", t.selectedValues);
     }
-    function D(t, k) {
-      if (k === null)
+    function z(t, L) {
+      if (L === null)
         t.values = [];
       else {
-        const V = Je(k.startDate).startOf("day").utc().toISOString(), G = Je(k.endDate).endOf("day").utc().toISOString();
-        t.values = [V, G];
+        const R = Je(L.startDate).tz(p.value).startOf("day").utc().toISOString(), G = Je(L.endDate).tz(p.value).endOf("day").utc().toISOString();
+        t.values = [R, G];
       }
-      const z = d.value.find((V) => V.id === S(t, n.value));
-      z && (z.keepSelection = k !== null, p(z.filter, n.value, "keepSelection", z.keepSelection));
+      const $ = d.value.find((R) => R.filter === t);
+      $ && ($.keepSelection = L !== null, f($.filter, n.value, "keepSelection", $.keepSelection));
     }
     function Y(t) {
-      const k = (t.selectedValues || []).filter((z) => z !== "(EMPTY)");
-      return `${a("report.section.filter.selectAll")} (${k.length}/${t.options.length})`;
+      const L = (t.selectedValues || []).filter(($) => $ !== "(EMPTY)");
+      return `${a("report.section.filter.selectAll")} (${L.length}/${t.options.length})`;
     }
     function O(t) {
-      const k = t.options.length, z = a("report.section.filter.search"), V = a("report.common.results", { count: k });
-      return `${z} (${V})`;
+      const L = t.options.length, $ = a("report.section.filter.search"), R = a("report.common.results", { count: L });
+      return `${$} (${R})`;
     }
     function I(t) {
-      var re, be, ve, le, N;
-      const k = $l(t.filter);
+      var re, be, ve, ae, M;
+      const L = $l(t.filter);
       if (t.type === Re.Timestamp) {
         const P = ((re = t.filter.values) == null ? void 0 : re.length) === 2;
         if (t.filter.option === ge.DateTime)
-          return { preview: P ? `${k} is between ${Al({
+          return { preview: P ? `${L} is between ${Al({
             startDate: ((be = t.filter.values) == null ? void 0 : be[0]) || null,
             endDate: ((ve = t.filter.values) == null ? void 0 : ve[1]) || null,
-            locale: o.value
-          })}` : k, suffix: "" };
+            locale: o.value,
+            timezone: p.value
+          })}` : L, suffix: "" };
         if (t.filter.option === ge.TimeOfDay) {
-          const C = (le = t.filter.values) != null && le[0] ? Je(t.filter.values[0]) : null, ae = (N = t.filter.values) != null && N[1] ? Je(t.filter.values[1]) : null, J = (ee) => ee && ee.isValid() ? { hour: ee.hour(), minute: ee.minute() } : null;
-          return { preview: P ? `${k} is between ${Ml({
-            startTime: J(C),
-            endTime: J(ae),
+          const S = (ae = t.filter.values) != null && ae[0] ? Je(t.filter.values[0]).tz(p.value) : null, J = (M = t.filter.values) != null && M[1] ? Je(t.filter.values[1]).tz(p.value) : null, Q = (te) => te && te.isValid() ? { hour: te.hour(), minute: te.minute() } : null;
+          return { preview: P ? `${L} is between ${Wl({
+            startTime: Q(S),
+            endTime: Q(J),
             locale: o.value
-          })}` : k, suffix: "" };
+          })}` : L, suffix: "" };
         }
         if (t.filter.option !== ge.DateTime && t.filter.option !== ge.TimeOfDay) {
-          const C = Bt({
+          const S = Bt({
             dimensionOption: t.filter.option,
             t: a
-          }), ae = new Map(C.map((Z) => [String(Z.value), Z.label])), ce = (t.selectedValues || []).filter((Z) => Z !== "(EMPTY)").map((Z) => ae.get(String(Z)) ?? String(Z)), ee = ce.map((Z) => Z.length > 20 ? `${Z.slice(0, 20)}…` : Z).join(", ");
+          }), J = new Map(S.map((Z) => [String(Z.value), Z.label])), ce = (t.selectedValues || []).filter((Z) => Z !== "(EMPTY)").map((Z) => J.get(String(Z)) ?? String(Z)), te = ce.map((Z) => Z.length > 20 ? `${Z.slice(0, 20)}…` : Z).join(", ");
           return ce.length ? {
-            preview: `${k}: ${ee}`,
+            preview: `${L}: ${te}`,
             suffix: `(${ce.length} selected)`
-          } : { preview: k, suffix: "" };
+          } : { preview: L, suffix: "" };
         }
       }
-      const V = (t.selectedValues || []).filter((P) => P !== "(EMPTY)").map((P) => P === !0 ? a("report.common.yes") || "Yes" : P === !1 ? a("report.common.no") || "No" : String(P)), G = V.map((P) => P.length > 20 ? `${P.slice(0, 20)}…` : P).join(", ");
-      return V.length ? {
-        preview: `${k}: ${G}`,
-        suffix: `(${V.length} selected)`
-      } : { preview: G, suffix: `${k}` };
+      const R = (t.selectedValues || []).filter((P) => P !== "(EMPTY)").map((P) => P === !0 ? a("report.common.yes") || "Yes" : P === !1 ? a("report.common.no") || "No" : String(P).trim() === "" ? x.value : String(P)), G = R.map((P) => P.length > 20 ? `${P.slice(0, 20)}…` : P).join(", ");
+      return R.length ? {
+        preview: `${L}: ${G}`,
+        suffix: `(${R.length} selected)`
+      } : { preview: G, suffix: `${L}` };
     }
     function H(t) {
-      t.filter.values = [...t.selectedValues || []], p(t.filter, n.value, "selectedValues", t.selectedValues), document.body.click();
+      t.filter.values = [...t.selectedValues || []], f(t.filter, n.value, "selectedValues", t.selectedValues), document.body.click();
     }
     function he(t) {
-      t.selectedValues = [...t.filter.values || []], p(t.filter, n.value, "selectedValues", t.selectedValues), document.body.click();
+      t.selectedValues = [...t.filter.values || []], f(t.filter, n.value, "selectedValues", t.selectedValues), document.body.click();
     }
     function _e(t) {
-      t.showAdvanced = !t.showAdvanced, p(t.filter, n.value, "showAdvanced", t.showAdvanced);
+      t.showAdvanced = !t.showAdvanced, f(t.filter, n.value, "showAdvanced", t.showAdvanced);
     }
     function Ae(t) {
-      t.keepSelection = !t.keepSelection, x(t.keepSelection), p(t.filter, n.value, "keepSelection", t.keepSelection), t.options = [], pe(!0);
+      t.keepSelection = !t.keepSelection, C(t.keepSelection), f(t.filter, n.value, "keepSelection", t.keepSelection), t.options = [], me(!0);
     }
-    function Oe(t, k) {
-      return t ? t.length > k ? `${t.slice(0, k)}…` : t : "";
+    function Oe(t, L) {
+      return t ? t.length > L ? `${t.slice(0, L)}…` : t : x.value;
     }
-    function Me(t, k) {
-      var V, G, re, be;
-      if (k === null)
+    function We(t, L) {
+      var R, G, re, be;
+      if (L === null)
         t.values = [];
       else {
-        const ve = Je().set("hour", Number((V = k.start) == null ? void 0 : V.hour)).set("minute", Number((G = k.start) == null ? void 0 : G.minute)).toISOString(), le = Je().set("hour", Number((re = k.end) == null ? void 0 : re.hour)).set("minute", Number((be = k.end) == null ? void 0 : be.minute)).toISOString();
-        t.values = [ve, le];
+        const ve = Je().tz(p.value).set("hour", Number((R = L.start) == null ? void 0 : R.hour)).set("minute", Number((G = L.start) == null ? void 0 : G.minute)).toISOString(), ae = Je().tz(p.value).set("hour", Number((re = L.end) == null ? void 0 : re.hour)).set("minute", Number((be = L.end) == null ? void 0 : be.minute)).toISOString();
+        t.values = [ve, ae];
       }
-      const z = d.value.find((ve) => ve.id === S(t, n.value));
-      z && (z.keepSelection = k !== null, p(z.filter, n.value, "keepSelection", z.keepSelection));
+      const $ = d.value.find((ve) => ve.filter === t);
+      $ && ($.keepSelection = L !== null, f($.filter, n.value, "keepSelection", $.keepSelection));
     }
-    return (t, k) => {
-      const z = B("FmCircularProgress"), V = B("FmTextField"), G = B("FmMenuItem"), re = B("FmTooltip"), be = B("FmIcon"), ve = B("FmMenuDivider"), le = B("FmSwitch"), N = B("FmButton"), P = B("FmMenu");
-      return M(), ne("div", xa, [
-        (M(!0), ne(xe, null, ut(d.value, (C, ae) => {
-          var J, ce, ee, Z, we, Q;
-          return M(), ne("div", {
-            key: `${C.id}`
+    return (t, L) => {
+      const $ = B("FmCircularProgress"), R = B("FmTextField"), G = B("FmMenuItem"), re = B("FmTooltip"), be = B("FmIcon"), ve = B("FmMenuDivider"), ae = B("FmSwitch"), M = B("FmButton"), P = B("FmMenu");
+      return W(), ne("div", xa, [
+        (W(!0), ne(xe, null, ut(d.value, (S, J) => {
+          var Q, ce, te, Z, we, ee;
+          return W(), ne("div", {
+            key: S.id
           }, [
-            C.filter.option === s(ge).DateTime ? (M(), de(El, {
+            S.filter.option === s(ge).DateTime ? (W(), pe(Vl, {
               key: 0,
-              "model-value": { startDate: (J = C.filter.values) == null ? void 0 : J[0], endDate: (ce = C.filter.values) == null ? void 0 : ce[1] },
+              "model-value": { startDate: (Q = S.filter.values) == null ? void 0 : Q[0], endDate: (ce = S.filter.values) == null ? void 0 : ce[1] },
               class: "w-full",
-              label: I(C).preview,
-              removable: ((ee = C.filter.values) == null ? void 0 : ee.length) === 2,
-              onUpdate: (He) => D(C.filter, He),
-              onChipClosed: () => D(C.filter, null)
-            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : C.filter.option === s(ge).TimeOfDay ? (M(), de(Vl, {
+              label: I(S).preview,
+              removable: ((te = S.filter.values) == null ? void 0 : te.length) === 2,
+              onUpdate: (He) => z(S.filter, He),
+              onChipClosed: () => z(S.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : S.filter.option === s(ge).TimeOfDay ? (W(), pe(zl, {
               key: 1,
-              "model-value": { start: (Z = C.filter.values) == null ? void 0 : Z[0], end: (we = C.filter.values) == null ? void 0 : we[1] },
+              "model-value": { start: (Z = S.filter.values) == null ? void 0 : Z[0], end: (we = S.filter.values) == null ? void 0 : we[1] },
               class: "w-full",
-              label: I(C).preview,
-              removable: ((Q = C.filter.values) == null ? void 0 : Q.length) === 2,
-              onUpdate: (He) => Me(C.filter, He),
-              onChipClosed: () => Me(C.filter, null)
-            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (M(), de(P, {
+              label: I(S).preview,
+              removable: ((ee = S.filter.values) == null ? void 0 : ee.length) === 2,
+              onUpdate: (He) => We(S.filter, He),
+              onChipClosed: () => We(S.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (W(), pe(P, {
               key: 2,
               "close-on-click": !1,
               shift: !0,
-              open: s(b)(C.id)
+              open: s(q)(S.id)
             }, {
               "menu-button": ie(() => [
                 X("div", Sa, [
-                  q(zl, {
+                  U(El, {
                     "left-icon": "filter_alt",
                     "trailing-icon": "expand_more",
-                    label: I(C).preview,
+                    label: I(S).preview,
                     class: "w-full"
                   }, {
                     default: ie(() => [
-                      yt(De(I(C).suffix), 1)
+                      yt(De(I(S).suffix), 1)
                     ]),
                     _: 2
                   }, 1032, ["label"])
@@ -2473,37 +2472,37 @@ const wa = Xt(ba, () => {
               "menu-wrapper": ie(({ maxHeight: He, width: ct }) => [
                 X("div", {
                   class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
-                  style: Ee({ maxHeight: `${He}px`, width: ct })
+                  style: Ve({ maxHeight: `${He}px`, width: ct })
                 }, [
-                  L.value ? (M(), ne("div", Ca, [
-                    q(z)
-                  ])) : C.options.length > 0 && !s(_) ? (M(), ne(xe, { key: 1 }, [
+                  F.value ? (W(), ne("div", Ca, [
+                    U($)
+                  ])) : S.options.length > 0 && !s(T) ? (W(), ne(xe, { key: 1 }, [
                     X("div", ka, [
-                      q(V, {
-                        modelValue: C.search,
+                      U(R, {
+                        modelValue: S.search,
                         "onUpdate:modelValue": [
-                          (se) => C.search = se,
-                          (se) => s(p)(C.filter, n.value, "search", se)
+                          (se) => S.search = se,
+                          (se) => s(f)(S.filter, n.value, "search", se)
                         ],
                         type: "text",
                         "prepend-icon": "search",
-                        placeholder: O(C),
+                        placeholder: O(S),
                         class: "border px-2 pb-8 text-sm mb-1 rounded"
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
                     ]),
                     X("div", Ta, [
                       X("div", _a, [
-                        q(G, {
-                          label: Y(C),
+                        U(G, {
+                          label: Y(S),
                           "has-checkbox": !0,
-                          "model-value": j(C),
+                          "model-value": j(S),
                           indeterminate: !0,
-                          onClick: (se) => ue(C)
+                          onClick: (se) => ue(S)
                         }, null, 8, ["label", "model-value", "onClick"]),
-                        (M(!0), ne(xe, null, ut(K.value[ae], (se) => (M(), ne(xe, {
+                        (W(!0), ne(xe, null, ut(K.value[J], (se) => (W(), ne(xe, {
                           key: se.value
                         }, [
-                          se.label && se.label.length > 110 ? (M(), de(re, {
+                          se.label && se.label.length > 110 ? (W(), pe(re, {
                             key: 0,
                             placement: "right",
                             "hide-arrow": !0,
@@ -2514,67 +2513,67 @@ const wa = Xt(ba, () => {
                             ]),
                             default: ie(() => [
                               X("div", Fa, [
-                                q(G, {
+                                U(G, {
                                   label: Oe(se.label, 110),
                                   "has-checkbox": !0,
-                                  "model-value": C.selectedValues.includes(se.value),
-                                  class: Ze([
+                                  "model-value": S.selectedValues.includes(se.value),
+                                  class: Qe([
                                     "flex-1 text-left",
                                     { "bg-gray-200": se.available === !1 }
                                   ]),
-                                  onClick: () => f(C, se.value)
+                                  onClick: () => v(S, se.value)
                                 }, null, 8, ["label", "model-value", "class", "onClick"])
                               ])
                             ]),
                             _: 2
-                          }, 1024)) : (M(), de(G, {
+                          }, 1024)) : (W(), pe(G, {
                             key: 1,
                             label: se.label,
                             "has-checkbox": !0,
-                            "model-value": C.selectedValues.includes(se.value),
-                            class: Ze(["flex-1 text-left", { "bg-gray-100": se.available === !1 }]),
-                            onClick: () => f(C, se.value)
+                            "model-value": S.selectedValues.includes(se.value),
+                            class: Qe(["flex-1 text-left", { "bg-gray-100": se.available === !1 }]),
+                            onClick: () => v(S, se.value)
                           }, null, 8, ["label", "model-value", "class", "onClick"]))
                         ], 64))), 128)),
-                        K.value[ae].length < C.options.length && !C.search ? (M(), de(G, {
+                        K.value[J].length < S.options.length && !S.search ? (W(), pe(G, {
                           key: 0,
                           class: "fm-typo-en-body-md-400 -ml-2",
                           label: s(a)("report.section.filter.loadMore"),
-                          onClick: ht((se) => oe(C), ["stop"]),
+                          onClick: ht((se) => oe(S), ["stop"]),
                           icon: "autorenew"
                         }, null, 8, ["label", "onClick"])) : ke("", !0)
                       ])
                     ]),
                     X("div", {
                       class: "px-12 py-2 flex items-center gap-2 cursor-pointer hover:bg-fm-color-neutral-50 transition-colors",
-                      onClick: (se) => _e(C)
+                      onClick: (se) => _e(S)
                     }, [
-                      q(be, {
-                        name: C.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                      U(be, {
+                        name: S.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
                         size: "md",
                         class: ""
                       }, null, 8, ["name"]),
                       X("span", Ra, De(s(a)("report.section.filter.advanced")), 1)
                     ], 8, La),
-                    q(ve),
-                    C.showAdvanced ? (M(), ne("div", Da, [
-                      X("div", Va, [
+                    U(ve),
+                    S.showAdvanced ? (W(), ne("div", Da, [
+                      X("div", za, [
                         X("div", $a, [
-                          q(le, {
-                            "model-value": C.keepSelection,
+                          U(ae, {
+                            "model-value": S.keepSelection,
                             label: s(a)("report.section.filter.keepSelection"),
                             labelPlacement: "right",
-                            "onUpdate:modelValue": () => Ae(C)
+                            "onUpdate:modelValue": () => Ae(S)
                           }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                          q(re, {
+                          U(re, {
                             placement: "top",
                             "z-index": 2e3
                           }, {
                             content: ie(() => [
-                              X("div", Ea, De(s(a)("report.section.filter.keepSelectionTooltip")), 1)
+                              X("div", Va, De(s(a)("report.section.filter.keepSelectionTooltip")), 1)
                             ]),
                             default: ie(() => [
-                              q(be, {
+                              U(be, {
                                 name: "info",
                                 size: "md",
                                 class: "text-fm-color-primary"
@@ -2585,26 +2584,26 @@ const wa = Xt(ba, () => {
                         ])
                       ])
                     ])) : ke("", !0),
-                    X("div", za, [
-                      q(N, {
+                    X("div", Ea, [
+                      U(M, {
                         variant: "tertiary",
                         label: s(a)("report.common.cancel"),
-                        onClick: ht((se) => he(C), ["stop"])
+                        onClick: ht((se) => he(S), ["stop"])
                       }, null, 8, ["label", "onClick"]),
-                      q(N, {
+                      U(M, {
                         color: "primary",
-                        onClick: ht((se) => H(C), ["stop"]),
+                        onClick: ht((se) => H(S), ["stop"]),
                         label: s(a)("report.common.apply")
                       }, null, 8, ["onClick", "label"])
                     ])
-                  ], 64)) : s(_) ? ke("", !0) : (M(), de(wt, { key: 2 }))
+                  ], 64)) : s(T) ? ke("", !0) : (W(), pe(wt, { key: 2 }))
                 ], 4)
               ]),
               _: 2
             }, 1032, ["open"]))
           ]);
         }), 128)),
-        Ne(t.$slots, "default")
+        Me(t.$slots, "default")
       ]);
     };
   }