@feedmepos/mf-report 5.21.3-beta.0 → 5.21.4-beta.0

package/dist/{FilterSelector.vue_vue_type_script_setup_true_lang-DwR4bn-V.js → FilterSelector.vue_vue_type_script_setup_true_lang-fzO5gzwh.js}

@@ -1,12 +1,12 @@
-import { computed as x, defineComponent as Le, mergeModels as Ie, useModel as Me, ref as f, onMounted as Ue, nextTick as we, watch as he, resolveComponent as H, createElementBlock as te, openBlock as $, Fragment as be, renderSlot as Ne, createVNode as B, normalizeStyle as Ee, unref as s, createElementVNode as O, toDisplayString as Te, withCtx as oe, createBlock as re, createCommentVNode as Fe, normalizeClass as qe, h as st, renderList as nt, toRaw as fl, markRaw as vl, createTextVNode as ht, onUnmounted as gl, resolveDynamicComponent as yl, withDirectives as bl, vShow as wl, withModifiers as ct } from "vue";
-import { W as A, e as et, f as xl, S as Be, v as ot, g as Sl, h as dt, i as Bt, q as Ht, R as je, j as Cl, D as ze, c as pe, C as Ce, a as kl, b as _l, _ as Tl } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Ccrz29qZ.js";
-import { u as tt, b as Qe, a as St, d as Je, i as Fl } from "./vue-i18n-BJW_sJot.js";
-import { d as Mt, _ as Ll, a as Dl, b as Rl, c as Vl } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
-import { storeToRefs as $e, defineStore as Ot } from "pinia";
+import { computed as k, defineComponent as Le, mergeModels as Ie, useModel as Me, ref as h, onMounted as Ue, nextTick as we, watch as he, resolveComponent as O, createElementBlock as te, openBlock as $, Fragment as be, renderSlot as Ne, createVNode as B, normalizeStyle as Ee, unref as s, createElementVNode as H, toDisplayString as Te, withCtx as oe, createBlock as re, createCommentVNode as Fe, normalizeClass as qe, h as st, renderList as nt, toRaw as fl, markRaw as vl, createTextVNode as ht, onUnmounted as gl, resolveDynamicComponent as yl, withDirectives as bl, vShow as wl, withModifiers as ct } from "vue";
+import { W as A, e as et, f as xl, S as Be, v as ot, g as Sl, h as dt, i as Bt, q as Ot, R as je, j as Cl, D as ze, c as pe, C as Ce, a as kl, b as _l, _ as Tl } from "./BaseDialog.vue_vue_type_script_setup_true_lang-03nmej58.js";
+import { u as tt, b as Qe, a as St, d as Ke, i as Fl } from "./vue-i18n-BQN8HgvD.js";
+import { d as Mt, _ as Ll, a as Dl, b as Rl, c as Vl } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-cfshXMB2.js";
+import { storeToRefs as $e, defineStore as Ht } from "pinia";
 import { useBreakpoints as qt, useSnackbar as Ct, components as zl } from "@feedmepos/ui-library";
-import { a as $l } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
-import { r as He } from "./i18n-DQxDgiLO.js";
-import { _ as ft } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
+import { a as $l } from "./SelectComponent.vue_vue_type_script_setup_true_lang-B2oCOTUH.js";
+import { r as Oe } from "./i18n-DQxDgiLO.js";
+import { _ as ft } from "./NoData.vue_vue_type_script_setup_true_lang-BUoYdn5S.js";
 var vt = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(vt || {}), Pe = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Pe || {}), gt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(gt || {}), yt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(yt || {}), bt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(bt || {}), wt = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(wt || {}), xt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(xt || {});
 A.Circular, A.Table, A.BarChart, A.LineChart, A.StackBarChart, A.StackLineChart, A.Scorecard, A.Spacer;
 const Al = [
@@ -118,25 +118,25 @@ const It = [
 function Ae({
   index: e,
   isCompare: a,
-  opacity: n
+  opacity: o
 }) {
-  let l = typeof n == "number" ? n : 1;
+  let l = typeof o == "number" ? o : 1;
   return a && (l = l * 0.6), `rgba(${It[e % It.length]}, ${l})`;
 }
-function Ut(e, a, n) {
+function Ut(e, a, o) {
   if (e === "" || a === "")
     return null;
-  let l = (D) => D == null ? void 0 : D.replace(/,/g, "");
-  n === "ID" && (l = (D) => D == null ? void 0 : D.replace(/\./g, "").replace(/,/g, "."));
-  const y = Number(l(e)), S = Number(l(a));
-  if (isNaN(y) || isNaN(S))
+  let l = (z) => z == null ? void 0 : z.replace(/,/g, "");
+  o === "ID" && (l = (z) => z == null ? void 0 : z.replace(/\./g, "").replace(/,/g, "."));
+  const g = Number(l(e)), _ = Number(l(a));
+  if (isNaN(g) || isNaN(_))
     return null;
-  let R = 0;
-  S === 0 ? y === 0 ? R = 0 : R = 1 : R = (y - S) / S;
-  const V = Ml(R);
+  let D = 0;
+  _ === 0 ? g === 0 ? D = 0 : D = 1 : D = (g - _) / _;
+  const R = Ml(D);
   return {
-    value: isNaN(R) ? "" : `${(R * 100).toFixed(0)}%`,
-    icon: V
+    value: isNaN(D) ? "" : `${(D * 100).toFixed(0)}%`,
+    icon: R
   };
 }
 function Ml(e) {
@@ -155,17 +155,17 @@ function Ml(e) {
   };
 }
 function lt(e) {
-  function a(i, c, m) {
-    if (i.measureText(c).width <= m) return c;
-    const d = "…";
-    let _ = 0, F = c.length;
-    for (; _ < F; ) {
-      const C = Math.floor((_ + F) / 2), g = c.slice(0, C) + d;
-      i.measureText(g).width <= m ? _ = C + 1 : F = C;
+  function a(c, p, d) {
+    if (c.measureText(p).width <= d) return p;
+    const i = "…";
+    let w = 0, x = p.length;
+    for (; w < x; ) {
+      const C = Math.floor((w + x) / 2), y = p.slice(0, C) + i;
+      c.measureText(y).width <= d ? w = C + 1 : x = C;
     }
-    return c.slice(0, _ - 1) + d;
+    return p.slice(0, w - 1) + i;
   }
-  const n = x(() => ({
+  const o = k(() => ({
     display: e.showLabel,
     align: e.labelAlign,
     anchor: e.labelAnchor,
@@ -174,12 +174,12 @@ function lt(e) {
     font: {
       size: e.labelFontSize
     },
-    color: (i) => {
-      const c = i.chart.data.datasets[i.datasetIndex];
-      return c.borderColor ? Array.isArray(c.borderColor) ? c.borderColor[i.dataIndex] : c.borderColor : c.backgroundColor ? Array.isArray(c.backgroundColor) ? c.backgroundColor[i.dataIndex] : c.backgroundColor : "#000";
+    color: (c) => {
+      const p = c.chart.data.datasets[c.datasetIndex];
+      return p.borderColor ? Array.isArray(p.borderColor) ? p.borderColor[c.dataIndex] : p.borderColor : p.backgroundColor ? Array.isArray(p.backgroundColor) ? p.backgroundColor[c.dataIndex] : p.backgroundColor : "#000";
     },
-    formatter: (i) => i === 0 ? "" : i.toLocaleString("en-US")
-  })), l = x(() => ({
+    formatter: (c) => c === 0 ? "" : c.toLocaleString("en-US")
+  })), l = k(() => ({
     display: e.showX,
     position: e.xPosition,
     grid: {
@@ -187,18 +187,18 @@ function lt(e) {
     },
     ticks: {
       display: e.showXTick,
-      callback: function(i) {
-        if ((e == null ? void 0 : e.isTransposed) === !0) return String(i);
-        let m = String(i);
-        const d = this;
-        d && typeof d.getLabelForValue == "function" && (m = d.getLabelForValue(i));
-        const _ = d == null ? void 0 : d.chart, F = d == null ? void 0 : d.ctx, C = _.height * 0.25;
-        if (F && C > 0) {
-          F.save();
-          const W = F.measureText(m).width > C ? a(F, m, C) : m;
-          return F.restore(), W;
+      callback: function(c) {
+        if ((e == null ? void 0 : e.isTransposed) === !0) return String(c);
+        let d = String(c);
+        const i = this;
+        i && typeof i.getLabelForValue == "function" && (d = i.getLabelForValue(c));
+        const w = i == null ? void 0 : i.chart, x = i == null ? void 0 : i.ctx, C = w.height * 0.25;
+        if (x && C > 0) {
+          x.save();
+          const W = x.measureText(d).width > C ? a(x, d, C) : d;
+          return x.restore(), W;
         }
-        return m;
+        return d;
       },
       font: {
         size: e.xTickFontSize
@@ -211,19 +211,19 @@ function lt(e) {
         size: e.xTitleFontSize
       }
     },
-    afterBuildTicks: (i) => {
-      const c = Array.isArray(i == null ? void 0 : i.ticks) ? i.ticks : [];
-      if (c.length === 0) return;
-      const m = i.getLabelForValue(c[0].value), d = !isNaN(Number(m));
-      i.options.ticks.minRotation = d || c.length < 10 ? 0 : 90;
+    afterBuildTicks: (c) => {
+      const p = Array.isArray(c == null ? void 0 : c.ticks) ? c.ticks : [];
+      if (p.length === 0) return;
+      const d = c.getLabelForValue(p[0].value), i = !isNaN(Number(d));
+      c.options.ticks.minRotation = i || p.length < 10 ? 0 : 90;
     },
-    afterFit: (i) => {
+    afterFit: (c) => {
       if (!(e != null && e.isTransposed)) {
-        const c = i.chart.height * 0.4;
-        i.height > c && (i.height = c);
+        const p = c.chart.height * 0.4;
+        c.height > p && (c.height = p);
       }
     }
-  })), y = x(() => ({
+  })), g = k(() => ({
     display: e.showY,
     position: e.yPosition,
     grid: {
@@ -234,18 +234,18 @@ function lt(e) {
       font: {
         size: e.yTickFontSize
       },
-      callback: function(i) {
-        if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(i);
-        let m = String(i);
-        const d = this;
-        d && typeof d.getLabelForValue == "function" && (m = d.getLabelForValue(i));
-        const _ = d == null ? void 0 : d.chart, F = d == null ? void 0 : d.ctx, C = _.width * 0.4;
-        if (F && C > 0) {
-          F.save();
-          const W = F.measureText(m).width > C ? a(F, m, C) : m;
-          return F.restore(), W;
+      callback: function(c) {
+        if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(c);
+        let d = String(c);
+        const i = this;
+        i && typeof i.getLabelForValue == "function" && (d = i.getLabelForValue(c));
+        const w = i == null ? void 0 : i.chart, x = i == null ? void 0 : i.ctx, C = w.width * 0.4;
+        if (x && C > 0) {
+          x.save();
+          const W = x.measureText(d).width > C ? a(x, d, C) : d;
+          return x.restore(), W;
         }
-        return m;
+        return d;
       }
     },
     title: {
@@ -255,7 +255,7 @@ function lt(e) {
         size: e.yTitleFontSize
       }
     }
-  })), S = x(() => ({
+  })), _ = k(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle,
@@ -263,40 +263,40 @@ function lt(e) {
     maxWidth: e.legendMaxWidth,
     labels: {
       usePointStyle: e.usePointStyle ?? !0,
-      generateLabels: (i) => {
-        var m;
-        const c = ((m = i == null ? void 0 : i.data) == null ? void 0 : m.datasets) || [];
-        if (c.length === 0) return [];
-        if (c.length === 1 && Array.isArray(c[0].backgroundColor) && c[0].backgroundColor.length > 1 && Array.isArray(c[0].data)) {
-          const d = c[0];
-          return i.data.labels.map((F, C) => {
-            const g = d.backgroundColor[C];
+      generateLabels: (c) => {
+        var d;
+        const p = ((d = c == null ? void 0 : c.data) == null ? void 0 : d.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 i = p[0];
+          return c.data.labels.map((x, C) => {
+            const y = i.backgroundColor[C];
             return {
-              text: F,
+              text: x,
               fontColor: "#6b6b6b",
-              fillStyle: g,
-              strokeStyle: g,
+              fillStyle: y,
+              strokeStyle: y,
               datasetIndex: 0,
               index: C,
-              hidden: i.getDataVisibility ? !i.getDataVisibility(C) : !1
+              hidden: c.getDataVisibility ? !c.getDataVisibility(C) : !1
             };
           });
         }
-        return i.data.datasets.map((d, _) => {
-          const F = d.borderColor || d.backgroundColor;
+        return c.data.datasets.map((i, w) => {
+          const x = i.borderColor || i.backgroundColor;
           return {
-            text: d.label,
+            text: i.label,
             fontColor: "#6b6b6b",
-            fillStyle: F,
-            strokeStyle: F,
-            datasetIndex: _,
-            hidden: !i.isDatasetVisible(_)
+            fillStyle: x,
+            strokeStyle: x,
+            datasetIndex: w,
+            hidden: !c.isDatasetVisible(w)
           };
         });
       }
     }
-  })), R = x(() => e.isTransposed), V = x(() => e.chartWidth), D = x(() => e.chartHeight);
-  return { datalabels: n, xCfg: l, yCfg: y, isTransposed: R, legend: S, chartWidth: V, chartHeight: D };
+  })), D = k(() => e.isTransposed), R = k(() => e.chartWidth), z = k(() => e.chartHeight);
+  return { datalabels: o, xCfg: l, yCfg: g, isTransposed: D, legend: _, chartWidth: R, chartHeight: z };
 }
 const Il = /* @__PURE__ */ Le({
   __name: "WidgetBarchart",
@@ -308,56 +308,56 @@ const Il = /* @__PURE__ */ Le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, n = Me(e, "modelValue"), l = f(null), y = x(() => {
-      var g;
-      return ((g = n.value.data) == null ? void 0 : g.xAxis) ?? [];
-    }), S = x(() => {
-      var g;
-      return ((g = n.value.data) == null ? void 0 : g.datasets) ?? [];
-    }), { datalabels: R, xCfg: V, yCfg: D, isTransposed: i, legend: c, chartWidth: m, chartHeight: d } = lt(
-      n.value
-    ), _ = x(() => S.value.length > 0 ? [
-      ...S.value.map((g, W) => ({
-        label: g.name,
-        data: g.values,
-        dash: !!g.isCompare,
-        backgroundColor: Ae({ index: W, isCompare: g.isCompare })
+    const a = e, o = Me(e, "modelValue"), l = h(null), g = k(() => {
+      var y;
+      return ((y = o.value.data) == null ? void 0 : y.xAxis) ?? [];
+    }), _ = k(() => {
+      var y;
+      return ((y = o.value.data) == null ? void 0 : y.datasets) ?? [];
+    }), { datalabels: D, xCfg: R, yCfg: z, isTransposed: c, legend: p, chartWidth: d, chartHeight: i } = lt(
+      o.value
+    ), w = k(() => _.value.length > 0 ? [
+      ..._.value.map((y, W) => ({
+        label: y.name,
+        data: y.values,
+        dash: !!y.isCompare,
+        backgroundColor: Ae({ index: W, isCompare: y.isCompare })
       }))
-    ] : []), F = et();
+    ] : []), x = et();
     function C() {
-      return F.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
+      return x.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ue(() => {
       we(() => {
         C();
       });
-    }), he([_], () => {
+    }), he([w], () => {
       we(() => C());
-    }), (g, W) => {
-      const v = H("FmBarChart");
+    }), (y, W) => {
+      const v = O("FmBarChart");
       return $(), te(be, null, [
-        Ne(g.$slots, "menu"),
+        Ne(y.$slots, "menu"),
         B(v, {
           ref_key: "chartRef",
           ref: l,
           class: "bar-chart",
-          datasets: _.value,
-          "x-axis": { categories: y.value },
-          "x-cfg": s(V),
-          "y-cfg": s(D),
-          transpose: s(i),
+          datasets: w.value,
+          "x-axis": { categories: g.value },
+          "x-cfg": s(R),
+          "y-cfg": s(z),
+          transpose: s(c),
           legend: {
-            display: s(c).display ?? !1,
-            position: s(c).position,
-            maxHeight: s(c).maxHeight,
-            maxWidth: s(c).maxWidth,
-            labels: s(c).labels
+            display: s(p).display ?? !1,
+            position: s(p).position,
+            maxHeight: s(p).maxHeight,
+            maxWidth: s(p).maxWidth,
+            labels: s(p).labels
           },
-          datalabels: s(R),
+          datalabels: s(D),
           "maintain-aspect-ratio": !1,
           style: Ee({
-            "--chart-width": s(m) !== void 0 ? s(m) + "px" : "100%",
-            "--chart-height": s(d) !== void 0 ? s(d) + "px" : "calc(100% - 36px)"
+            "--chart-width": s(d) !== void 0 ? s(d) + "px" : "100%",
+            "--chart-height": s(i) !== void 0 ? s(i) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -373,62 +373,62 @@ const Il = /* @__PURE__ */ Le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, n = Me(e, "modelValue"), { breakpoints: l } = qt(), y = f(null), { datalabels: S, legend: R, chartWidth: V, chartHeight: D } = lt(n.value), i = x(() => {
-      let _ = [];
-      return n.value.data.datasets && n.value.data.metrics && n.value.data.datasets.length > 0 && n.value.data.metrics.length > 0 && (_ = [
+    const a = e, o = Me(e, "modelValue"), { breakpoints: l } = qt(), g = h(null), { datalabels: _, legend: D, chartWidth: R, chartHeight: z } = lt(o.value), c = k(() => {
+      let w = [];
+      return o.value.data.datasets && o.value.data.metrics && o.value.data.datasets.length > 0 && o.value.data.metrics.length > 0 && (w = [
         {
-          label: n.value.data.metrics[0],
-          data: n.value.data.datasets.map((F) => F.value),
-          backgroundColor: n.value.data.datasets.map((F, C) => Ae({ index: C }))
+          label: o.value.data.metrics[0],
+          data: o.value.data.datasets.map((x) => x.value),
+          backgroundColor: o.value.data.datasets.map((x, C) => Ae({ index: C }))
         }
-      ]), _;
-    }), c = et();
-    function m() {
-      return c.extractChartSize(y.value, a.tileIndex) || { width: 0, height: 0 };
+      ]), w;
+    }), p = et();
+    function d() {
+      return p.extractChartSize(g.value, a.tileIndex) || { width: 0, height: 0 };
     }
     Ue(() => {
       we(() => {
-        m();
+        d();
       });
-    }), he([i], () => {
-      we(() => m());
+    }), he([c], () => {
+      we(() => d());
     });
-    const d = x(() => l.value.lg ? 12 : 8);
-    return (_, F) => {
-      const C = H("FmPieChart");
+    const i = k(() => l.value.lg ? 12 : 8);
+    return (w, x) => {
+      const C = O("FmPieChart");
       return $(), te(be, null, [
-        Ne(_.$slots, "menu"),
+        Ne(w.$slots, "menu"),
         B(C, {
           ref_key: "chartRef",
-          ref: y,
+          ref: g,
           class: "circular",
           percentage: "70%",
-          datasets: i.value,
-          metrics: n.value.data.datasets.map((g) => g.name),
+          datasets: c.value,
+          metrics: o.value.data.datasets.map((y) => y.name),
           variant: "doughnut",
           legend: {
-            display: s(R).display ?? !0,
-            position: s(R).position ?? "top",
-            maxHeight: s(R).maxHeight,
-            maxWidth: s(R).maxWidth,
+            display: s(D).display ?? !0,
+            position: s(D).position ?? "top",
+            maxHeight: s(D).maxHeight,
+            maxWidth: s(D).maxWidth,
             labels: {
-              ...s(R).labels,
+              ...s(D).labels,
               font: {
-                size: d.value
+                size: i.value
               }
             }
           },
-          datalabels: s(S),
+          datalabels: s(_),
           "maintain-aspect-ratio": !1,
           style: Ee({
-            "--chart-width": s(V) !== void 0 ? s(V) + "px" : "100%",
-            "--chart-height": s(D) !== void 0 ? s(D) + "px" : "calc(100% - 36px)"
+            "--chart-width": s(R) !== void 0 ? s(R) + "px" : "100%",
+            "--chart-height": s(z) !== void 0 ? s(z) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), Wl = { class: "flex flex-col gap-1" }, Pl = { class: "fm-typo-en-title-sm-600" }, Bl = { class: "flex gap-2" }, Hl = { key: 0 }, Ol = { key: 1 }, ql = /* @__PURE__ */ Le({
+}), Wl = { class: "flex flex-col gap-1" }, Pl = { class: "fm-typo-en-title-sm-600" }, Bl = { class: "flex gap-2" }, Ol = { key: 0 }, Hl = { key: 1 }, ql = /* @__PURE__ */ Le({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -436,15 +436,15 @@ const Il = /* @__PURE__ */ Le({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const a = Me(e, "modelValue"), { t: n } = tt(), { compareDateRange: l, defaultDateSetting: y } = $e(Qe()), { country: S } = St(), R = x(() => {
-      var m;
-      return ((m = a.value.data) == null ? void 0 : m.value) || "";
-    }), V = x(() => {
-      const { data: m } = a.value;
-      return m != null && m.comparison ? Ut(R.value, m.comparison, S) : null;
+    const a = Me(e, "modelValue"), { t: o } = tt(), { compareDateRange: l, defaultDateSetting: g } = $e(Qe()), { country: _ } = St(), D = k(() => {
+      var d;
+      return ((d = a.value.data) == null ? void 0 : d.value) || "";
+    }), R = k(() => {
+      const { data: d } = a.value;
+      return d != null && d.comparison ? Ut(D.value, d.comparison, _) : null;
     });
-    function D(m) {
-      switch (m) {
+    function z(d) {
+      switch (d) {
         case vt.bar:
           return "bar";
         case vt.line:
@@ -453,57 +453,57 @@ const Il = /* @__PURE__ */ Le({
           return "line";
       }
     }
-    const i = x(() => {
-      var m;
-      return (m = a.value.data) == null ? void 0 : m.sparkline;
-    }), c = x(() => i.value.datasets.map((m) => ({
-      label: m.name,
-      data: m.values,
+    const c = k(() => {
+      var d;
+      return (d = a.value.data) == null ? void 0 : d.sparkline;
+    }), p = k(() => c.value.datasets.map((d) => ({
+      label: d.name,
+      data: d.values,
       fill: !0,
       color: "#36a2eb"
     })));
-    return (m, d) => {
+    return (d, i) => {
       var W;
-      const _ = H("FmIcon"), F = H("FmChip"), C = H("FmTooltip"), g = H("FmLineChart");
+      const w = O("FmIcon"), x = O("FmChip"), C = O("FmTooltip"), y = O("FmLineChart");
       return $(), te("div", Wl, [
-        Ne(m.$slots, "menu"),
-        O("p", Pl, Te(R.value), 1),
-        O("div", Bl, [
+        Ne(d.$slots, "menu"),
+        H("p", Pl, Te(D.value), 1),
+        H("div", Bl, [
           B(C, {
-            content: `vs. ${(W = s(y).defaultCompareType) == null ? void 0 : W.split("_").join(" ")}`,
+            content: `vs. ${(W = s(g).defaultCompareType) == null ? void 0 : W.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
             variant: "plain"
           }, {
             default: oe(() => [
-              V.value ? ($(), re(F, {
+              R.value ? ($(), re(x, {
                 key: 0,
-                icon: V.value.icon.name,
-                class: qe(`bg-${V.value.icon.tailwind}`),
+                icon: R.value.icon.name,
+                class: qe(`bg-${R.value.icon.tailwind}`),
                 compact: ""
               }, {
                 default: oe(() => [
-                  B(_, {
-                    name: V.value.icon.name,
-                    color: V.value.icon.color
+                  B(w, {
+                    name: R.value.icon.name,
+                    color: R.value.icon.color
                   }, null, 8, ["name", "color"]),
-                  O("p", {
+                  H("p", {
                     class: "fm-typo-en-body-md-600",
-                    style: Ee({ color: V.value.icon.color })
-                  }, Te(V.value.value), 5)
+                    style: Ee({ color: R.value.icon.color })
+                  }, Te(R.value.value), 5)
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : Fe("", !0),
-              s(l).endDate !== null && s(l).startDate !== null && V.value === null ? ($(), re(F, {
+              s(l).endDate !== null && s(l).startDate !== null && R.value === null ? ($(), re(x, {
                 key: 1,
                 compact: ""
               }, {
                 default: oe(() => [
-                  B(_, {
+                  B(w, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  d[0] || (d[0] = O("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                  i[0] || (i[0] = H("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
                 ]),
                 _: 1
               })) : Fe("", !0)
@@ -511,27 +511,27 @@ const Il = /* @__PURE__ */ Le({
             _: 1
           }, 8, ["content"])
         ]),
-        i.value ? ($(), te("div", Hl, [
-          D(i.value.type) === "line" ? ($(), re(g, {
+        c.value ? ($(), te("div", Ol, [
+          z(c.value.type) === "line" ? ($(), re(y, {
             key: 0,
             class: "sparkline",
-            datasets: c.value,
+            datasets: p.value,
             legend: {
               display: !1
             },
             datalabels: { display: !1 },
-            "x-axis": { categories: i.value.dimensions },
+            "x-axis": { categories: c.value.dimensions },
             "y-cfg": { display: !1 },
             "x-cfg": { display: !1 },
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis"])) : Fe("", !0)
-        ])) : ($(), te("div", Ol, d[1] || (d[1] = [
-          O("div", { class: "sparkline" }, [
-            O("div", { class: "flex flex-col gap-8" }, [
-              O("div"),
-              O("div")
+        ])) : ($(), te("div", Hl, i[1] || (i[1] = [
+          H("div", { class: "sparkline" }, [
+            H("div", { class: "flex flex-col gap-8" }, [
+              H("div"),
+              H("div")
             ]),
-            O("div", { class: "grow" })
+            H("div", { class: "grow" })
           ], -1)
         ])))
       ]);
@@ -539,150 +539,150 @@ const Il = /* @__PURE__ */ Le({
   }
 }), Ul = {};
 function Gl(e, a) {
-  const n = H("FmMenuDivider");
-  return $(), re(n);
+  const o = O("FmMenuDivider");
+  return $(), re(o);
 }
-const Yl = /* @__PURE__ */ $l(Ul, [["render", Gl]]), Xl = "mf-reporttable-dimension", Nt = Ot(Xl, () => {
-  const e = f(0), a = f([]), n = f(!1), l = (v, o) => {
-    e.value = v, S(v, o);
-  }, y = (v, o, k, p) => {
-    a[v] = o, a.value = [...a.value], R(v, o, k, p);
-  }, S = (v, o) => {
-    const k = (o == null ? void 0 : o.querySelectorAll("thead tr")) ?? [], p = (o == null ? void 0 : o.querySelectorAll("tbody tr")) ?? [];
-    [...k, ...p].forEach((U) => {
-      const J = U;
-      J && (J.style.height = `${v}px`);
+const Yl = /* @__PURE__ */ $l(Ul, [["render", Gl]]), Xl = "mf-reporttable-dimension", Nt = Ht(Xl, () => {
+  const e = h(0), a = h([]), o = h(!1), l = (v, n) => {
+    e.value = v, _(v, n);
+  }, g = (v, n, T, m) => {
+    a[v] = n, a.value = [...a.value], D(v, n, T, m);
+  }, _ = (v, n) => {
+    const T = (n == null ? void 0 : n.querySelectorAll("thead tr")) ?? [], m = (n == null ? void 0 : n.querySelectorAll("tbody tr")) ?? [];
+    [...T, ...m].forEach((U) => {
+      const K = U;
+      K && (K.style.height = `${v}px`);
     });
-  }, R = (v, o, k, p = !1) => {
-    const L = (k == null ? void 0 : k.querySelectorAll("th")) ?? [];
+  }, D = (v, n, T, m = !1) => {
+    const L = (T == null ? void 0 : T.querySelectorAll("th")) ?? [];
     if (v === void 0) return;
-    const U = L[v], J = p ? a[v] : o;
-    if (!U || J === void 0) return;
+    const U = L[v], K = m ? a[v] : n;
+    if (!U || K === void 0) return;
     const ee = () => {
-      U.style.width = `${J}px`;
+      U.style.width = `${K}px`;
     };
-    p ? requestAnimationFrame(ee) : ee();
-  }, V = () => {
-    const v = document.querySelectorAll("th"), o = document.querySelectorAll("td"), k = document.querySelector("table");
-    k == null || k.classList.add("table-fixed"), v.forEach((p) => p.classList.add("toggleEditResize")), o.forEach((p) => p.classList.add("toggleEditResize")), n.value = !0;
-  }, D = () => {
-    const v = document.querySelectorAll("th"), o = document.querySelectorAll("td"), k = document.querySelectorAll(".col-resize-handle"), p = document.querySelectorAll(".row-resize-handle");
-    v.forEach((L) => L.classList.remove("toggleEditResize")), o.forEach((L) => L.classList.remove("toggleEditResize")), k.forEach((L) => L.remove()), p.forEach((L) => L.remove()), n.value = !1;
-  }, i = () => {
+    m ? requestAnimationFrame(ee) : ee();
+  }, R = () => {
+    const v = document.querySelectorAll("th"), n = document.querySelectorAll("td"), T = document.querySelector("table");
+    T == null || T.classList.add("table-fixed"), v.forEach((m) => m.classList.add("toggleEditResize")), n.forEach((m) => m.classList.add("toggleEditResize")), o.value = !0;
+  }, z = () => {
+    const v = document.querySelectorAll("th"), n = document.querySelectorAll("td"), T = document.querySelectorAll(".col-resize-handle"), m = document.querySelectorAll(".row-resize-handle");
+    v.forEach((L) => L.classList.remove("toggleEditResize")), n.forEach((L) => L.classList.remove("toggleEditResize")), T.forEach((L) => L.remove()), m.forEach((L) => L.remove()), o.value = !1;
+  }, c = () => {
     e.value = 0, a.value = [];
-  }, c = (v, o) => {
-    if (o) {
-      const k = document.querySelectorAll(`thead th:nth-child(${v + 1})`), p = document.querySelectorAll(`tbody td:nth-child(${v + 1})`);
-      [...k, ...p].forEach((L) => {
+  }, p = (v, n) => {
+    if (n) {
+      const T = document.querySelectorAll(`thead th:nth-child(${v + 1})`), m = document.querySelectorAll(`tbody td:nth-child(${v + 1})`);
+      [...T, ...m].forEach((L) => {
         L.classList.add("highlight-hover-col");
       });
     } else
       document.querySelectorAll(
         `thead th:nth-child(${v + 1}), tbody td:nth-child(${v + 1})`
-      ).forEach((k) => k.classList.add("highlight-col"));
-  }, m = (v) => {
-    const o = document.querySelectorAll("thead tr"), k = document.querySelectorAll("tbody tr"), p = [...o, ...k];
-    for (const L of p)
-      v ? L.classList.add("highlight-hover-row") : L.classList.add("highlight-row");
+      ).forEach((T) => T.classList.add("highlight-col"));
   }, d = (v) => {
-    const o = v ? ".highlight-hover-row" : ".highlight-row", k = document.querySelectorAll(o);
-    for (const p of k)
-      p.classList.remove(o.slice(1));
-  }, _ = (v) => {
-    v ? document.querySelectorAll(".highlight-hover-col").forEach((o) => {
-      o.classList.remove("highlight-hover-col");
-    }) : document.querySelectorAll(".highlight-col").forEach((o) => o.classList.remove("highlight-col"));
-  }, F = (v, o) => {
-    const k = /* @__PURE__ */ new Map(), p = v.clientX, L = v.target.closest("table"), U = L == null ? void 0 : L.querySelectorAll("th")[o], J = U == null ? void 0 : U.getBoundingClientRect().width, ee = k.get(o) ? a[o.toString()] || 60 : (k.set(o, !0), J || a[o.toString()] || 60), se = U == null ? void 0 : U.querySelector("p");
+    const n = document.querySelectorAll("thead tr"), T = document.querySelectorAll("tbody tr"), m = [...n, ...T];
+    for (const L of m)
+      v ? L.classList.add("highlight-hover-row") : L.classList.add("highlight-row");
+  }, i = (v) => {
+    const n = v ? ".highlight-hover-row" : ".highlight-row", T = document.querySelectorAll(n);
+    for (const m of T)
+      m.classList.remove(n.slice(1));
+  }, w = (v) => {
+    v ? document.querySelectorAll(".highlight-hover-col").forEach((n) => {
+      n.classList.remove("highlight-hover-col");
+    }) : document.querySelectorAll(".highlight-col").forEach((n) => n.classList.remove("highlight-col"));
+  }, x = (v, n) => {
+    const T = /* @__PURE__ */ new Map(), m = v.clientX, L = v.target.closest("table"), U = L == null ? void 0 : L.querySelectorAll("th")[n], K = U == null ? void 0 : U.getBoundingClientRect().width, ee = T.get(n) ? a[n.toString()] || 60 : (T.set(n, !0), K || a[n.toString()] || 60), se = U == null ? void 0 : U.querySelector("p");
     if (!se) return;
     const ke = se.textContent || "", ve = window.getComputedStyle(se), _e = `${ve.fontWeight} ${ve.fontSize} ${ve.fontFamily}`, fe = document.createElement("canvas").getContext("2d");
     if (!fe) return;
     fe.font = _e;
-    const b = fe.measureText(ke), z = window.getComputedStyle(U), G = parseFloat(z.paddingLeft || "0"), P = parseFloat(z.paddingRight || "0"), I = b.width + G + P;
-    c(o, !1);
+    const b = fe.measureText(ke), V = window.getComputedStyle(U), G = parseFloat(V.paddingLeft || "0"), P = parseFloat(V.paddingRight || "0"), I = b.width + G + P;
+    p(n, !1);
     const M = (xe) => {
-      const Se = xe.clientX - p, ge = Math.max(I, ee + Se);
+      const Se = xe.clientX - m, ge = Math.max(I, ee + Se);
       if (L) {
-        y(o, ge, L, !0);
+        g(n, ge, L, !0);
         let t = 0;
-        L.querySelectorAll("th").forEach((w, N) => {
-          t += N === o ? ge : a[N] || w.getBoundingClientRect().width;
+        L.querySelectorAll("th").forEach((S, N) => {
+          t += N === n ? ge : a[N] || S.getBoundingClientRect().width;
         }), L.classList.remove("w-full"), L.style.width = `${t}px`;
-        const T = L == null ? void 0 : L.parentElement;
-        if (T) {
-          const w = T.scrollWidth, N = T.scrollLeft;
-          T.offsetWidth + N >= w - 100 && (T.scrollLeft = w);
+        const F = L == null ? void 0 : L.parentElement;
+        if (F) {
+          const S = F.scrollWidth, N = F.scrollLeft;
+          F.offsetWidth + N >= S - 100 && (F.scrollLeft = S);
         }
       }
     }, ie = () => {
       const xe = (L == null ? void 0 : L.querySelectorAll("th")) ?? [], Se = [...a.value];
       xe.forEach((ge, t) => {
-        const h = ge.getBoundingClientRect().width;
-        a[t] = h, Se[t] = h;
-      }), a.value = Se, _(!1), document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", ie);
+        const f = ge.getBoundingClientRect().width;
+        a[t] = f, Se[t] = f;
+      }), a.value = Se, w(!1), document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", ie);
     };
     document.addEventListener("mousemove", M), document.addEventListener("mouseup", ie);
   }, C = (v) => {
-    const o = v.clientY, k = v.target.closest("table"), p = e.value || 48;
-    m(!1);
-    const L = (J) => {
-      const ee = Math.max(30, p + (J.clientY - o));
-      k && l(ee, k);
+    const n = v.clientY, T = v.target.closest("table"), m = e.value || 48;
+    d(!1);
+    const L = (K) => {
+      const ee = Math.max(30, m + (K.clientY - n));
+      T && l(ee, T);
     }, U = () => {
-      d(!1), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", U);
+      i(!1), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", U);
     };
     document.addEventListener("mousemove", L), document.addEventListener("mouseup", U);
   };
   return {
     rowHeight: e,
     colWidths: a,
-    isEditing: n,
+    isEditing: o,
     updateRowHeight: l,
-    updateColWidth: y,
-    setRowHeights: S,
-    setColWidths: R,
-    enableEditMode: V,
-    disableEditMode: D,
-    resetStore: i,
-    highlightCol: c,
-    highlightRows: m,
-    removeRowHighlight: d,
-    removeColHighlight: _,
-    resizeCol: F,
+    updateColWidth: g,
+    setRowHeights: _,
+    setColWidths: D,
+    enableEditMode: R,
+    disableEditMode: z,
+    resetStore: c,
+    highlightCol: p,
+    highlightRows: d,
+    removeRowHighlight: i,
+    removeColHighlight: w,
+    resizeCol: x,
     resizeRow: C,
     enableCellResizing: () => {
-      const v = document.querySelector("thead"), o = document.querySelectorAll("thead tr"), k = document.querySelectorAll("tbody tr"), p = [...o, ...k];
+      const v = document.querySelector("thead"), n = document.querySelectorAll("thead tr"), T = document.querySelectorAll("tbody tr"), m = [...n, ...T];
       v && v.classList.remove("sticky");
-      const L = (U, J) => {
+      const L = (U, K) => {
         const ee = document.createElement("div");
-        return ee.className = `${U}-resize-handle`, U === "col" ? (ee.addEventListener("mouseenter", () => c(J, !0)), ee.addEventListener("mouseleave", () => _(!0)), ee.addEventListener("mousedown", (se) => {
-          se.stopPropagation(), F(se, J);
-        })) : (ee.addEventListener("mouseenter", () => m(!0)), ee.addEventListener("mouseleave", () => d(!0)), ee.addEventListener("mousedown", (se) => {
+        return ee.className = `${U}-resize-handle`, U === "col" ? (ee.addEventListener("mouseenter", () => p(K, !0)), ee.addEventListener("mouseleave", () => w(!0)), ee.addEventListener("mousedown", (se) => {
+          se.stopPropagation(), x(se, K);
+        })) : (ee.addEventListener("mouseenter", () => d(!0)), ee.addEventListener("mouseleave", () => i(!0)), ee.addEventListener("mousedown", (se) => {
           se.stopPropagation(), C(se);
         })), ee;
       };
-      p.forEach((U) => {
-        const J = U.closest("thead") !== null;
-        U.querySelectorAll(J ? "th" : "td").forEach((se, ke) => {
+      m.forEach((U) => {
+        const K = U.closest("thead") !== null;
+        U.querySelectorAll(K ? "th" : "td").forEach((se, ke) => {
           const ve = L("col", ke), _e = L("row", ke);
           se.appendChild(ve), se.appendChild(_e);
         });
-      }), V();
+      }), R();
     },
     cancelResizingChanges: () => {
-      D();
+      z();
     }
   };
 });
 function pt(e) {
   if (e == null || e === "")
     return "";
-  const a = String(e), n = Number(a);
-  if (isNaN(n)) return a;
-  const [l, y] = a.split("."), S = new Intl.NumberFormat("en-US").format(Number(l));
-  return y !== void 0 ? `${S}.${y}` : S;
+  const a = String(e), o = Number(a);
+  if (isNaN(o)) return a;
+  const [l, g] = a.split("."), _ = new Intl.NumberFormat("en-US").format(Number(l));
+  return g !== void 0 ? `${_}.${g}` : _;
 }
-const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }, Kl = {
+const jl = "/assets/processTableData.worker-B_-FBESg.js", Kl = { class: "my-4" }, Jl = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
 }, Zl = { class: "font-bold" }, Ql = { class: "text-fm-color-neutral-gray-300" }, ea = /* @__PURE__ */ Le({
@@ -695,29 +695,29 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: a, te: n } = tt(), l = Me(e, "modelValue"), { country: y } = St(), { clearTileSorts: S, setTileSorts: R } = xl(), V = Ct(), D = e, i = f([]), { isEditing: c, colWidths: m, rowHeight: d } = $e(Nt()), { setColWidths: _, setRowHeights: F, enableCellResizing: C } = Nt(), g = f(null), W = x(() => {
+    const { t: a, te: o } = tt(), l = Me(e, "modelValue"), { country: g } = St(), { clearTileSorts: _, setTileSorts: D } = xl(), R = Ct(), z = e, c = h([]), { isEditing: p, colWidths: d, rowHeight: i } = $e(Nt()), { setColWidths: w, setRowHeights: x, enableCellResizing: C } = Nt(), y = h(null), W = k(() => {
       var b;
       return ((b = l.value.data) == null ? void 0 : b.columns) || [{ label: "", key: "" }];
-    }), v = x(() => {
+    }), v = k(() => {
       var b;
       return ((b = l.value.data) == null ? void 0 : b.rows) || [];
-    }), o = x(() => l.value.filterText), k = x(() => {
-      var b, z;
-      if (!(o.value && o.value.trim().length > 0 || !((b = v.value[0]) != null && b.isRollup) && !((z = v.value[v.value.length - 1]) != null && z.isRollup))) {
+    }), n = k(() => l.value.filterText), T = k(() => {
+      var b, V;
+      if (!(n.value && n.value.trim().length > 0 || !((b = v.value[0]) != null && b.isRollup) && !((V = v.value[v.value.length - 1]) != null && V.isRollup))) {
         if (l.value.rollupPosition === Pe.top || l.value.rollupPosition === void 0)
           return Pe.top;
         if (l.value.rollupPosition === Pe.bottom)
           return Pe.bottom;
       }
-    }), p = x(() => {
-      const P = k.value !== void 0 ? 1 : 0, I = (g.value ? g.value.$el.offsetHeight : 0) - 48;
+    }), m = k(() => {
+      const P = T.value !== void 0 ? 1 : 0, I = (y.value ? y.value.$el.offsetHeight : 0) - 48;
       return Math.floor((I - 34.5 - 32) / 48) - P;
-    }), L = x(() => {
-      var z, G;
+    }), L = k(() => {
+      var V, G;
       let b = [];
-      switch (k.value) {
+      switch (T.value) {
         case Pe.top:
-          b = [...((z = v.value[0]) == null ? void 0 : z.cells) || []].map((P, I) => {
+          b = [...((V = v.value[0]) == null ? void 0 : V.cells) || []].map((P, I) => {
             var M;
             return {
               main: P,
@@ -737,30 +737,30 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
           });
           break;
       }
-      return b.length > 0 && b[0].main === "" && (b[0].main = He(a, n, "Grand Total", "other")), b;
+      return b.length > 0 && b[0].main === "" && (b[0].main = Oe(a, o, "Grand Total", "other")), b;
     });
     function U(b) {
-      let z = (b == null ? void 0 : b.main) || "";
-      return z.includes("#") && !z.startsWith("#") && (z = z.split("#")[0]), !b || b.main === "" || b.comparison === "" ? {
-        main: z
+      let V = (b == null ? void 0 : b.main) || "";
+      return V.includes("#") && !V.startsWith("#") && (V = V.split("#")[0]), !b || b.main === "" || b.comparison === "" ? {
+        main: V
       } : {
-        main: z,
+        main: V,
         comparison: b == null ? void 0 : b.comparison,
-        difference: Ut(b.main, b.comparison, y)
+        difference: Ut(b.main, b.comparison, g)
       };
     }
     Ue(() => {
-      S();
+      _();
     });
-    const J = f([]);
+    const K = h([]);
     let ee = 0, se;
     function ke() {
       var I;
       if (!((I = l.value) != null && I.data)) {
-        J.value = [];
+        K.value = [];
         return;
       }
-      const b = ++ee, z = (l.value.data.rows || []).map((M) => ({
+      const b = ++ee, V = (l.value.data.rows || []).map((M) => ({
         isRollup: M.isRollup,
         cells: Array.isArray(M.cells) ? [...M.cells] : [],
         comparisonCells: Array.isArray(M.comparisonCells) ? [...M.comparisonCells] : []
@@ -769,37 +769,37 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
         type: M.type,
         label: M.label
       })), P = {
-        rows: z,
+        rows: V,
         columns: G,
-        filter: o.value ?? "",
-        globalSorts: fl(i.value).map((M) => ({
+        filter: n.value ?? "",
+        globalSorts: fl(c.value).map((M) => ({
           key: M.key,
           type: M.type
         })),
-        grandTotalPosition: k.value,
-        pageSize: p.value
+        grandTotalPosition: T.value,
+        pageSize: m.value
       };
       Sl(jl, P).then((M) => {
-        b === ee && (M != null && M.error ? (V.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(M.error), J.value = []) : J.value = vl(M.data || []));
+        b === ee && (M != null && M.error ? (R.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(M.error), K.value = []) : K.value = vl(M.data || []));
       });
     }
     he(
-      () => i.value,
+      () => c.value,
       (b) => {
-        D.tileIndex === void 0 || D.tileIndex === null || R(D.tileIndex, b);
+        z.tileIndex === void 0 || z.tileIndex === null || D(z.tileIndex, b);
       },
       { immediate: !0, deep: !0 }
     );
-    const ve = x(() => {
+    const ve = k(() => {
       var G, P;
-      const b = ((G = l.value.data) == null ? void 0 : G.rows) || [], z = ((P = l.value.data) == null ? void 0 : P.columns) || [];
+      const b = ((G = l.value.data) == null ? void 0 : G.rows) || [], V = ((P = l.value.data) == null ? void 0 : P.columns) || [];
       return JSON.stringify({
         rowsLength: b.length,
-        columns: z.map((I) => ({ key: I.key, type: I.type, label: I.label })),
-        filter: o.value ?? "",
-        globalSorts: i.value.map((I) => ({ key: I.key, type: I.type })),
-        grandTotalPosition: k.value,
-        pageSize: p.value
+        columns: V.map((I) => ({ key: I.key, type: I.type, label: I.label })),
+        filter: n.value ?? "",
+        globalSorts: c.value.map((I) => ({ key: I.key, type: I.type })),
+        grandTotalPosition: T.value,
+        pageSize: m.value
       });
     });
     he(
@@ -810,37 +810,37 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
       { immediate: !0 }
     );
     function _e(b) {
-      const z = i.value.find((G) => G.key === b);
-      if (!z) {
-        i.value.push({ key: b, type: Be.Asc });
+      const V = c.value.find((G) => G.key === b);
+      if (!V) {
+        c.value.push({ key: b, type: Be.Asc });
         return;
       }
-      z.type === Be.Asc ? z.type = Be.Desc : z.type === Be.Desc && (i.value = i.value.filter((G) => G.key !== b));
+      V.type === Be.Asc ? V.type = Be.Desc : V.type === Be.Desc && (c.value = c.value.filter((G) => G.key !== b));
     }
-    const De = x(
+    const De = k(
       () => {
         var b;
-        return (((b = l.value.colWidths) == null ? void 0 : b.length) ?? 0) > 0 || m.value.length > 0;
+        return (((b = l.value.colWidths) == null ? void 0 : b.length) ?? 0) > 0 || d.value.length > 0;
       }
-    ), fe = x(() => {
+    ), fe = k(() => {
       var b;
-      return (b = l.value.data) != null && b.columns ? l.value.data.columns.map((z) => {
-        const G = He(a, n, z.label, "other"), P = i.value.find((ie) => ie.key === z.key), I = !!P, M = I ? P.type === Be.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+      return (b = l.value.data) != null && b.columns ? l.value.data.columns.map((V) => {
+        const G = Oe(a, o, V.label, "other"), P = c.value.find((ie) => ie.key === V.key), I = !!P, M = I ? P.type === Be.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
-          accessorKey: z.key,
+          accessorKey: V.key,
           header: () => {
-            const ie = H("FmIcon");
+            const ie = O("FmIcon");
             return st(
               "button",
               {
                 type: "button",
-                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: () => _e(z.key)
+                class: `w-full flex items-center gap-1 group/select-header select-none ${V.type === "NUMERIC" ? "justify-end" : "justify-start"} ${I ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
+                onClick: () => _e(V.key)
               },
               [
                 st(
                   "span",
-                  { class: `${z.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
+                  { class: `${V.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
                   G
                 ),
                 st(ie, {
@@ -861,11 +861,11 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
               {
                 class: [
                   Se ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
-                  z.type === "NUMERIC" ? "text-right" : "",
+                  V.type === "NUMERIC" ? "text-right" : "",
                   De.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
-              [z.type === "NUMERIC" ? pt(xe.main) : xe.main]
+              [V.type === "NUMERIC" ? pt(xe.main) : xe.main]
             );
           },
           enableSorting: !1
@@ -873,59 +873,59 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
       }) : [];
     });
     return he(
-      () => m.value.length > 0,
+      () => d.value.length > 0,
       async (b) => {
-        b && c.value && (await we(), C());
+        b && p.value && (await we(), C());
       }
     ), he(
       [() => fe.value],
       async () => {
         var I;
         await we();
-        const b = (I = g.value) == null ? void 0 : I.$el;
+        const b = (I = y.value) == null ? void 0 : I.$el;
         if (!b) return;
-        const z = b.querySelector("table");
-        if (!z) return;
-        z.classList.add(De.value ? "table-fixed" : "table-auto");
+        const V = b.querySelector("table");
+        if (!V) return;
+        V.classList.add(De.value ? "table-fixed" : "table-auto");
         let G, P;
-        c.value ? (C(), G = m.value, P = d.value) : (P = l.value.rowHeight, G = l.value.colWidths), typeof P == "number" && F(P, b), G == null || G.forEach((M, ie) => {
-          _(ie, M, b);
+        p.value ? (C(), G = d.value, P = i.value) : (P = l.value.rowHeight, G = l.value.colWidths), typeof P == "number" && x(P, b), G == null || G.forEach((M, ie) => {
+          w(ie, M, b);
         });
       },
       { immediate: !0 }
-    ), (b, z) => {
-      const G = H("FmTable");
+    ), (b, V) => {
+      const G = O("FmTable");
       return $(), te(be, null, [
-        O("div", Jl, [
+        H("div", Kl, [
           Ne(b.$slots, "menu")
         ]),
         B(G, {
           ref_key: "table",
-          ref: g,
+          ref: y,
           "column-defs": fe.value,
-          "row-data": J.value,
-          "search-value": o.value,
-          "page-size": p.value,
+          "row-data": K.value,
+          "search-value": n.value,
+          "page-size": m.value,
           "shrink-at": !1,
           "force-mobile-footer": !0,
           class: "scrollbar-hide-table"
         }, {
           "pin-top": oe(() => [
-            O("tbody", null, [
-              O("tr", Kl, [
+            H("tbody", null, [
+              H("tr", Jl, [
                 ($(!0), te(be, null, nt(L.value, (P, I) => ($(), te("td", {
                   key: `${s(ot)()}_${I}`,
                   class: "h-[48px] text-fm-color-typo-primary px-16"
                 }, [
-                  O("span", {
+                  H("span", {
                     class: qe([
                       "items-center text-fm-color-typo-secondary gap-2",
                       P.rowType === "NUMERIC" ? "text-right" : "",
                       De.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                     ])
                   }, [
-                    O("p", Zl, Te(P.rowType === "NUMERIC" ? s(pt)(P.main) : P.main), 1),
-                    O("p", Ql, Te(P.comparison ? P.rowType === "NUMERIC" ? `(${s(pt)(P.comparison)})` : `(${P.comparison})` : ""), 1)
+                    H("p", Zl, Te(P.rowType === "NUMERIC" ? s(pt)(P.main) : P.main), 1),
+                    H("p", Ql, Te(P.comparison ? P.rowType === "NUMERIC" ? `(${s(pt)(P.comparison)})` : `(${P.comparison})` : ""), 1)
                   ], 2)
                 ]))), 128))
               ])
@@ -946,60 +946,60 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, n = Me(e, "modelValue"), l = f(null), y = x(() => {
+    const a = e, o = Me(e, "modelValue"), l = h(null), g = k(() => {
       var W;
-      return ((W = n.value.data) == null ? void 0 : W.xAxis) || [];
-    }), S = x(() => {
-      var g;
-      return ((g = n.value.data) == null ? void 0 : g.datasets) ?? [];
-    }), { datalabels: R, xCfg: V, yCfg: D, isTransposed: i, legend: c, chartWidth: m, chartHeight: d } = lt(
-      n.value
-    ), _ = x(() => S.value.length > 0 ? [
-      ...S.value.map((g, W) => {
-        let v = g.values;
+      return ((W = o.value.data) == null ? void 0 : W.xAxis) || [];
+    }), _ = k(() => {
+      var y;
+      return ((y = o.value.data) == null ? void 0 : y.datasets) ?? [];
+    }), { datalabels: D, xCfg: R, yCfg: z, isTransposed: c, legend: p, chartWidth: d, chartHeight: i } = lt(
+      o.value
+    ), w = k(() => _.value.length > 0 ? [
+      ..._.value.map((y, W) => {
+        let v = y.values;
         return {
-          label: g.name,
+          label: y.name,
           data: v,
-          dash: !!g.isCompare,
-          backgroundColor: Ae({ index: W, isCompare: g.isCompare })
+          dash: !!y.isCompare,
+          backgroundColor: Ae({ index: W, isCompare: y.isCompare })
         };
       })
-    ] : []), F = et();
+    ] : []), x = et();
     function C() {
-      return F.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
+      return x.extractChartSize(l.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ue(() => {
       we(() => {
         C();
       });
-    }), he([_], () => {
+    }), he([w], () => {
       we(() => C());
-    }), (g, W) => {
-      const v = H("FmBarChart");
+    }), (y, W) => {
+      const v = O("FmBarChart");
       return $(), te(be, null, [
-        Ne(g.$slots, "menu"),
+        Ne(y.$slots, "menu"),
         B(v, {
           ref_key: "chartRef",
           ref: l,
           class: "bar-chart",
-          datasets: _.value,
-          "x-axis": { categories: y.value },
-          "x-cfg": s(V),
-          "y-cfg": s(D),
-          transpose: s(i),
+          datasets: w.value,
+          "x-axis": { categories: g.value },
+          "x-cfg": s(R),
+          "y-cfg": s(z),
+          transpose: s(c),
           stacked: !0,
           legend: {
-            display: s(c).display ?? !1,
-            position: s(c).position,
-            maxHeight: s(c).maxHeight,
-            maxWidth: s(c).maxWidth,
-            labels: s(c).labels
+            display: s(p).display ?? !1,
+            position: s(p).position,
+            maxHeight: s(p).maxHeight,
+            maxWidth: s(p).maxWidth,
+            labels: s(p).labels
           },
-          datalabels: s(R),
+          datalabels: s(D),
           "maintain-aspect-ratio": !1,
           style: Ee({
-            "--chart-width": s(m) !== void 0 ? s(m) + "px" : "100%",
-            "--chart-height": s(d) !== void 0 ? s(d) + "px" : "calc(100% - 36px)"
+            "--chart-width": s(d) !== void 0 ? s(d) + "px" : "100%",
+            "--chart-height": s(i) !== void 0 ? s(i) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -1016,32 +1016,32 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
   emits: ["update:modelValue"],
   setup(e) {
     var v;
-    const a = e, n = Me(e, "modelValue"), l = ((v = n.value.data) == null ? void 0 : v.xAxis) ?? [], y = x(
-      () => l.length === 1 && V.value.length > 0 && V.value.every((o) => o.values.length === 1)
-    ), S = x(() => y.value ? ["", l[0], ""] : l), R = f(null), V = x(() => {
-      var o;
-      return ((o = n.value.data) == null ? void 0 : o.datasets) ?? [];
-    }), { datalabels: D, xCfg: i, yCfg: c, isTransposed: m, legend: d, chartWidth: _, chartHeight: F } = lt(
-      n.value
-    ), C = x(() => V.value.length > 0 ? [
-      ...V.value.map((o, k) => {
-        let p = o.values;
-        return y.value && (p = [NaN, p[0], NaN]), {
-          label: o.name,
-          data: p,
-          dash: o.isCompare,
+    const a = e, o = Me(e, "modelValue"), l = ((v = o.value.data) == null ? void 0 : v.xAxis) ?? [], g = k(
+      () => l.length === 1 && R.value.length > 0 && R.value.every((n) => n.values.length === 1)
+    ), _ = k(() => g.value ? ["", l[0], ""] : l), D = h(null), R = k(() => {
+      var n;
+      return ((n = o.value.data) == null ? void 0 : n.datasets) ?? [];
+    }), { datalabels: z, xCfg: c, yCfg: p, isTransposed: d, legend: i, chartWidth: w, chartHeight: x } = lt(
+      o.value
+    ), C = k(() => R.value.length > 0 ? [
+      ...R.value.map((n, T) => {
+        let m = n.values;
+        return g.value && (m = [NaN, m[0], NaN]), {
+          label: n.name,
+          data: m,
+          dash: n.isCompare,
           fill: !1,
-          color: Ae({ index: k, isCompare: o.isCompare }),
-          pointRadius: y.value ? 4 : void 0,
-          pointHoverRadius: y.value ? 6 : void 0,
-          pointBackgroundColor: y.value ? Ae({ index: k, isCompare: o.isCompare }) : void 0,
-          pointBorderColor: y.value ? Ae({ index: k, isCompare: o.isCompare }) : void 0,
-          pointBorderWidth: y.value ? 2 : void 0
+          color: Ae({ index: T, isCompare: n.isCompare }),
+          pointRadius: g.value ? 4 : void 0,
+          pointHoverRadius: g.value ? 6 : void 0,
+          pointBackgroundColor: g.value ? Ae({ index: T, isCompare: n.isCompare }) : void 0,
+          pointBorderColor: g.value ? Ae({ index: T, isCompare: n.isCompare }) : void 0,
+          pointBorderWidth: g.value ? 2 : void 0
         };
       })
-    ] : []), g = et();
+    ] : []), y = et();
     function W() {
-      return g.extractChartSize(R.value, a.tileIndex) || { width: 0, height: 0 };
+      return y.extractChartSize(D.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ue(() => {
       we(() => {
@@ -1049,38 +1049,38 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
       });
     }), he([C], () => {
       we(() => W());
-    }), (o, k) => {
-      const p = H("FmLineChart");
+    }), (n, T) => {
+      const m = O("FmLineChart");
       return $(), te(be, null, [
-        Ne(o.$slots, "menu"),
-        B(p, {
+        Ne(n.$slots, "menu"),
+        B(m, {
           ref_key: "chartRef",
-          ref: R,
+          ref: D,
           class: "line-chart",
           datasets: C.value,
-          "x-axis": { categories: S.value },
-          "x-cfg": s(i),
-          "y-cfg": s(c),
-          transpose: s(m),
+          "x-axis": { categories: _.value },
+          "x-cfg": s(c),
+          "y-cfg": s(p),
+          transpose: s(d),
           legend: {
-            display: s(d).display ?? !1,
-            position: s(d).position,
-            maxHeight: s(d).maxHeight,
-            maxWidth: s(d).maxWidth,
-            labels: s(d).labels
+            display: s(i).display ?? !1,
+            position: s(i).position,
+            maxHeight: s(i).maxHeight,
+            maxWidth: s(i).maxWidth,
+            labels: s(i).labels
           },
           stacked: !0,
-          datalabels: s(D),
+          datalabels: s(z),
           "maintain-aspect-ratio": !1,
           style: Ee({
-            "--chart-width": s(_) !== void 0 ? s(_) + "px" : "100%",
-            "--chart-height": s(F) !== void 0 ? s(F) + "px" : "calc(100% - 36px)"
+            "--chart-width": s(w) !== void 0 ? s(w) + "px" : "100%",
+            "--chart-height": s(x) !== void 0 ? s(x) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), Ke = [
+}), Je = [
   "col-span-1",
   "col-span-2",
   "col-span-3",
@@ -1095,13 +1095,13 @@ const jl = "/assets/processTableData.worker-B_-FBESg.js", Jl = { class: "my-4" }
   "col-span-12"
 ];
 function aa(e) {
-  return e < 12 ? Ke[e - 1] : Ke[11];
+  return e < 12 ? Je[e - 1] : Je[11];
 }
 function sa(e) {
-  return e < 12 ? Ke[Math.min(11, e * 2 - 1)] : Ke[11];
+  return e < 12 ? Je[Math.min(11, e * 2 - 1)] : Je[11];
 }
 function oa(e) {
-  return e < 12 ? Ke[Math.min(11, e * 3 - 1)] : Ke[11];
+  return e < 12 ? Je[Math.min(11, e * 3 - 1)] : Je[11];
 }
 const na = /* @__PURE__ */ Le({
   __name: "WidgetLinechart",
@@ -1114,32 +1114,32 @@ const na = /* @__PURE__ */ Le({
   emits: ["update:modelValue"],
   setup(e) {
     var v;
-    const a = e, n = Me(e, "modelValue"), l = ((v = n.value.data) == null ? void 0 : v.xAxis) ?? [], y = x(
-      () => l.length === 1 && V.value.length > 0 && V.value.every((o) => o.values.length === 1)
-    ), S = x(() => y.value ? ["", l[0], ""] : l), R = f(null), V = x(() => {
-      var o;
-      return ((o = n.value.data) == null ? void 0 : o.datasets) ?? [];
-    }), { datalabels: D, xCfg: i, yCfg: c, isTransposed: m, legend: d, chartWidth: _, chartHeight: F } = lt(
-      n.value
-    ), C = x(() => V.value.length > 0 ? [
-      ...V.value.map((o, k) => {
-        let p = o.values;
-        return y.value && (p = [NaN, p[0], NaN]), {
-          label: o.name,
-          data: p,
-          dash: !!o.isCompare,
+    const a = e, o = Me(e, "modelValue"), l = ((v = o.value.data) == null ? void 0 : v.xAxis) ?? [], g = k(
+      () => l.length === 1 && R.value.length > 0 && R.value.every((n) => n.values.length === 1)
+    ), _ = k(() => g.value ? ["", l[0], ""] : l), D = h(null), R = k(() => {
+      var n;
+      return ((n = o.value.data) == null ? void 0 : n.datasets) ?? [];
+    }), { datalabels: z, xCfg: c, yCfg: p, isTransposed: d, legend: i, chartWidth: w, chartHeight: x } = lt(
+      o.value
+    ), C = k(() => R.value.length > 0 ? [
+      ...R.value.map((n, T) => {
+        let m = n.values;
+        return g.value && (m = [NaN, m[0], NaN]), {
+          label: n.name,
+          data: m,
+          dash: !!n.isCompare,
           fill: !1,
-          color: Ae({ index: k, isCompare: o.isCompare }),
-          pointRadius: y.value ? 4 : void 0,
-          pointHoverRadius: y.value ? 6 : void 0,
-          pointBackgroundColor: y.value ? Ae({ index: k, isCompare: o.isCompare }) : void 0,
-          pointBorderColor: y.value ? Ae({ index: k, isCompare: o.isCompare }) : void 0,
-          pointBorderWidth: y.value ? 2 : void 0
+          color: Ae({ index: T, isCompare: n.isCompare }),
+          pointRadius: g.value ? 4 : void 0,
+          pointHoverRadius: g.value ? 6 : void 0,
+          pointBackgroundColor: g.value ? Ae({ index: T, isCompare: n.isCompare }) : void 0,
+          pointBorderColor: g.value ? Ae({ index: T, isCompare: n.isCompare }) : void 0,
+          pointBorderWidth: g.value ? 2 : void 0
         };
       })
-    ] : []), g = et();
+    ] : []), y = et();
     function W() {
-      return g.extractChartSize(R.value, a.tileIndex) || { width: 0, height: 0 };
+      return y.extractChartSize(D.value, a.tileIndex) || { width: 0, height: 0 };
     }
     return Ue(() => {
       we(() => {
@@ -1147,31 +1147,31 @@ const na = /* @__PURE__ */ Le({
       });
     }), he([C], () => {
       we(() => W());
-    }), (o, k) => {
-      const p = H("FmLineChart");
+    }), (n, T) => {
+      const m = O("FmLineChart");
       return $(), te(be, null, [
-        Ne(o.$slots, "menu"),
-        B(p, {
+        Ne(n.$slots, "menu"),
+        B(m, {
           ref_key: "chartRef",
-          ref: R,
+          ref: D,
           class: "line-chart",
           datasets: C.value,
-          "x-axis": { categories: S.value },
-          "x-cfg": s(i),
-          "y-cfg": s(c),
-          transpose: s(m),
+          "x-axis": { categories: _.value },
+          "x-cfg": s(c),
+          "y-cfg": s(p),
+          transpose: s(d),
           legend: {
-            display: s(d).display ?? !1,
-            position: s(d).position,
-            maxHeight: s(d).maxHeight,
-            maxWidth: s(d).maxWidth,
-            labels: s(d).labels
+            display: s(i).display ?? !1,
+            position: s(i).position,
+            maxHeight: s(i).maxHeight,
+            maxWidth: s(i).maxWidth,
+            labels: s(i).labels
           },
-          datalabels: s(D),
+          datalabels: s(z),
           "maintain-aspect-ratio": !1,
           style: Ee({
-            "--chart-width": s(_) !== void 0 ? s(_) + "px" : "100%",
-            "--chart-height": s(F) !== void 0 ? s(F) + "px" : "calc(100% - 36px)"
+            "--chart-width": s(w) !== void 0 ? s(w) + "px" : "100%",
+            "--chart-height": s(x) !== void 0 ? s(x) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
       ], 64);
@@ -1188,51 +1188,51 @@ const na = /* @__PURE__ */ Le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: a } = tt(), { FmForm: n } = zl, l = e, y = f(), S = Me(e, "modelValue"), R = f(!0), V = f(!1), D = Ct(), { selectedLocationIds: i, dateRange: c, timeRange: m } = $e(Qe()), d = f(dt.PORTRAIT);
-    function _() {
+    const { t: a } = tt(), { FmForm: o } = zl, l = e, g = h(), _ = Me(e, "modelValue"), D = h(!0), R = h(!1), z = Ct(), { selectedLocationIds: c, dateRange: p, timeRange: d } = $e(Qe()), i = h(dt.PORTRAIT);
+    function w() {
       var C;
-      (C = y.value) == null || C.validateInputs();
+      (C = g.value) == null || C.validateInputs();
     }
-    async function F() {
-      V.value = !0;
+    async function x() {
+      R.value = !0;
       try {
         l.index != null && await Bt({
           reportType: l.reportType,
           index: l.index,
-          orientationTypes: [d.value],
-          isCombinedLocationLayout: R.value,
-          timeRange: m.value,
-          dateRange: c.value,
-          locationIds: i.value
+          orientationTypes: [i.value],
+          isCombinedLocationLayout: D.value,
+          timeRange: d.value,
+          dateRange: p.value,
+          locationIds: c.value
         });
       } catch (C) {
-        D.open({ message: C.message, type: "error" });
+        z.open({ message: C.message, type: "error" });
       } finally {
-        V.value = !1;
+        R.value = !1;
       }
     }
-    return (C, g) => {
-      const W = H("FmRadio"), v = H("FmRadioGroup"), o = H("FmButton"), k = H("FmDialog");
-      return $(), re(k, {
-        modelValue: S.value,
-        "onUpdate:modelValue": g[2] || (g[2] = (p) => S.value = p),
+    return (C, y) => {
+      const W = O("FmRadio"), v = O("FmRadioGroup"), n = O("FmButton"), T = O("FmDialog");
+      return $(), re(T, {
+        modelValue: _.value,
+        "onUpdate:modelValue": y[2] || (y[2] = (m) => _.value = m),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": oe(() => g[3] || (g[3] = [
+        "dialog-header": oe(() => y[3] || (y[3] = [
           ht("Select Orientation")
         ])),
         default: oe(() => [
-          B(s(n), {
+          B(s(o), {
             ref_key: "form",
-            ref: y,
-            onValidationSuccess: F
+            ref: g,
+            onValidationSuccess: x
           }, {
             default: oe(() => [
-              O("div", ra, [
+              H("div", ra, [
                 B(v, {
-                  modelValue: d.value,
-                  "onUpdate:modelValue": g[0] || (g[0] = (p) => d.value = p)
+                  modelValue: i.value,
+                  "onUpdate:modelValue": y[0] || (y[0] = (m) => i.value = m)
                 }, {
                   default: oe(() => [
                     B(W, {
@@ -1247,18 +1247,18 @@ const na = /* @__PURE__ */ Le({
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              O("div", ia, [
-                g[4] || (g[4] = O("div", { class: "grow" }, null, -1)),
-                B(o, {
+              H("div", ia, [
+                y[4] || (y[4] = H("div", { class: "grow" }, null, -1)),
+                B(n, {
                   label: s(a)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: g[1] || (g[1] = (p) => S.value = !1)
+                  onClick: y[1] || (y[1] = (m) => _.value = !1)
                 }, null, 8, ["label"]),
-                O("div", null, [
-                  B(o, {
+                H("div", null, [
+                  B(n, {
                     label: s(a)("report.common.download"),
-                    loading: V.value,
-                    onClick: _
+                    loading: R.value,
+                    onClick: w
                   }, null, 8, ["label", "loading"])
                 ])
               ])
@@ -1299,33 +1299,33 @@ const na = /* @__PURE__ */ Le({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = f(!0), n = Me(e, "modelValue"), l = n.value.widget.config, { t: y, te: S } = tt(), R = e, V = f(null), D = f(l.rollup), i = f(ot()), c = f(l.drillDimension), m = x(() => {
+    const a = h(!0), o = Me(e, "modelValue"), l = o.value.widget.config, { t: g, te: _ } = tt(), D = e, R = h(null), z = h(l.rollup), c = h(ot()), p = h(l.drillDimension), d = k(() => {
       if (We.value.length > 0) {
         const r = We.value.findIndex(
-          (Q) => Q.value === c.value
+          (Q) => Q.value === p.value
         );
         return r >= 0 ? r : 0;
       } else
         return -1;
-    }), d = x(() => m.value !== 0), _ = x(
-      () => m.value != We.value.length - 1
-    ), F = f(l.showTitle ?? !0), C = f(l.titleFontSize ?? 14), g = f(l.titleBold ?? !1), W = f(l.titleItalic ?? !1), v = f(l.titleUnderline ?? !1), o = f(l.chartWidth ?? void 0), k = f(l.chartHeight ?? void 0), p = f(l.showLabel ?? !1), L = f(l.labelAlign ?? yt.center), U = f(l.labelAnchor ?? gt.center), J = f(l.labelRotation ?? 0), ee = f(l.labelOffset ?? 0), se = f(l.labelFontSize ?? 12), ke = x(() => l.showSearchBar), ve = f(l.showX ?? !0), _e = f(l.xPosition ?? bt.bottom), De = f(l.showXGrid ?? !1), fe = f(l.showXTick ?? !0), b = f(l.xTickFontSize ?? 12), z = f(l.showXTitle ?? !1), G = f(l.xTitle ?? ""), P = f(l.xTitleFontSize ?? 12), I = f(l.showY ?? !0), M = f(l.yPosition ?? wt.left), ie = f(l.showYGrid ?? !1), xe = f(l.showYTick ?? !0), Se = f(l.yTickFontSize ?? 12), ge = f(l.showYTitle ?? !1), t = f(l.yTitle ?? ""), h = f(l.yTitleFontSize ?? 12), T = f(l.showLegend ?? void 0), w = f(l.legendPosition ?? xt.top), N = f(l.usePointStyle ?? !0), le = f(l.legendMaxHeight), de = f(l.legendMaxWidth), me = f(l.rowHeight ?? 0), K = f(l.colWidths ?? []), E = f(!1), u = f(""), { breakpoints: X, getBreakpointsBoundary: j } = qt(), Z = f(), q = x(
-      () => R.customScreenWidth === void 0 ? window.innerWidth : R.customScreenWidth
-    ), ne = x(
+    }), i = k(() => d.value !== 0), w = k(
+      () => d.value != We.value.length - 1
+    ), x = h(l.showTitle ?? !0), C = h(l.titleFontSize ?? 14), y = h(l.titleBold ?? !1), W = h(l.titleItalic ?? !1), v = h(l.titleUnderline ?? !1), n = h(l.chartWidth ?? void 0), T = h(l.chartHeight ?? void 0), m = h(l.showLabel ?? !1), L = h(l.labelAlign ?? yt.center), U = h(l.labelAnchor ?? gt.center), K = h(l.labelRotation ?? 0), ee = h(l.labelOffset ?? 0), se = h(l.labelFontSize ?? 12), ke = k(() => l.showSearchBar), ve = h(l.showX ?? !0), _e = h(l.xPosition ?? bt.bottom), De = h(l.showXGrid ?? !1), fe = h(l.showXTick ?? !0), b = h(l.xTickFontSize ?? 12), V = h(l.showXTitle ?? !1), G = h(l.xTitle ?? ""), P = h(l.xTitleFontSize ?? 12), I = h(l.showY ?? !0), M = h(l.yPosition ?? wt.left), ie = h(l.showYGrid ?? !1), xe = h(l.showYTick ?? !0), Se = h(l.yTickFontSize ?? 12), ge = h(l.showYTitle ?? !1), t = h(l.yTitle ?? ""), f = h(l.yTitleFontSize ?? 12), F = h(l.showLegend ?? void 0), S = h(l.legendPosition ?? xt.top), N = h(l.usePointStyle ?? !0), le = h(l.legendMaxHeight), de = h(l.legendMaxWidth), me = h(l.rowHeight ?? 0), J = h(l.colWidths ?? []), E = h(!1), u = h(""), { breakpoints: X, getBreakpointsBoundary: j } = qt(), Z = h(), q = k(
+      () => D.customScreenWidth === void 0 ? window.innerWidth : D.customScreenWidth
+    ), ne = k(
       () => (q == null ? void 0 : q.value) > j("xs")[1] && (q == null ? void 0 : q.value) <= j("sm")[1]
-    ), ae = x(
+    ), ae = k(
       () => (q == null ? void 0 : q.value) > j("sm")[1] && (q == null ? void 0 : q.value) <= j("md")[1]
-    ), ye = x(() => (q == null ? void 0 : q.value) > j("md")[1]), ue = x(() => {
-      const r = n.value.size.width;
+    ), ye = k(() => (q == null ? void 0 : q.value) > j("md")[1]), ue = k(() => {
+      const r = o.value.size.width;
       return ye.value || ae.value ? aa(r) : ne.value ? sa(r) : oa(r);
-    }), Ge = x(
-      () => Al.find((r) => r.type === n.value.widget.type)
+    }), Ge = k(
+      () => Al.find((r) => r.type === o.value.widget.type)
     ), Y = Mt(() => {
       var r;
-      Z.value = ll((r = V.value) == null ? void 0 : r.$el.offsetWidth), i.value = ot();
-    }), Yt = x(() => {
+      Z.value = ll((r = R.value) == null ? void 0 : r.$el.offsetWidth), c.value = ot();
+    }), Yt = k(() => {
       if (El(ce.value.type, Ye.value))
-        switch (n.value.widget.type) {
+        switch (o.value.widget.type) {
           case A.BarChart:
             return Il;
           case A.StackBarChart:
@@ -1347,23 +1347,23 @@ const na = /* @__PURE__ */ Le({
         }
       else
         return ft;
-    }), Ye = f(null), {
+    }), Ye = h(null), {
       selectedLocationIds: rt,
       dateRange: kt,
       compareDateRange: Xt,
       timeRange: _t,
       globalFilters: jt,
       isGlobalFiltersLoading: Tt
-    } = $e(Qe()), { businessId: Jt } = $e(St()), { businessLoadedId: Kt, businessDataVersion: it } = $e(Qe());
-    x(() => Kt.value === Jt.value && rt.value.length > 0 && !Tt.value);
-    const Zt = f(!0), ce = x(() => {
-      const r = JSON.parse(JSON.stringify(n.value.widget));
+    } = $e(Qe()), { businessId: Kt } = $e(St()), { businessLoadedId: Jt, businessDataVersion: it } = $e(Qe());
+    k(() => Jt.value === Kt.value && rt.value.length > 0 && !Tt.value);
+    const Zt = h(!0), ce = k(() => {
+      const r = JSON.parse(JSON.stringify(o.value.widget));
       return {
         ...r,
         config: {
           ...r.config,
-          rollup: D.value,
-          drillDimension: c.value,
+          rollup: z.value,
+          drillDimension: p.value,
           showGrandTotal: !1
         }
       };
@@ -1371,17 +1371,17 @@ const na = /* @__PURE__ */ Le({
     function Qt() {
       return {
         data: Ye.value,
-        showTitle: F.value,
+        showTitle: x.value,
         titleFontSize: C.value,
-        titleBold: g.value,
+        titleBold: y.value,
         titleItalic: W.value,
         titleUnderline: v.value,
-        chartHeight: k.value,
-        chartWidth: o.value,
-        showLabel: p.value,
+        chartHeight: T.value,
+        chartWidth: n.value,
+        showLabel: m.value,
         labelAnchor: U.value,
         labelAlign: L.value,
-        labelRotation: J.value,
+        labelRotation: K.value,
         labelOffset: ee.value,
         labelFontSize: se.value,
         showX: ve.value,
@@ -1389,7 +1389,7 @@ const na = /* @__PURE__ */ Le({
         showXGrid: De.value,
         showXTick: fe.value,
         xTickFontSize: b.value,
-        showXTitle: z.value,
+        showXTitle: V.value,
         xTitle: G.value,
         xTitleFontSize: P.value,
         showY: I.value,
@@ -1398,11 +1398,11 @@ const na = /* @__PURE__ */ Le({
         showYTick: xe.value,
         yTitle: t.value,
         showYTitle: ge.value,
-        yTitleFontSize: h.value,
+        yTitleFontSize: f.value,
         yTickFontSize: Se.value,
         isTransposed: ce.value.config.isTransposed,
-        showLegend: T.value,
-        legendPosition: w.value,
+        showLegend: F.value,
+        legendPosition: S.value,
         usePointStyle: N.value,
         legendMaxHeight: le.value,
         legendMaxWidth: de.value
@@ -1414,10 +1414,10 @@ const na = /* @__PURE__ */ Le({
         filterText: u.value,
         rollupPosition: ce.value.config.rollupPosition,
         rowHeight: me.value,
-        colWidths: K.value
+        colWidths: J.value
       };
     }
-    const Ft = x(() => {
+    const Ft = k(() => {
       switch (ce.value.type) {
         case A.Table:
           return el();
@@ -1430,42 +1430,42 @@ const na = /* @__PURE__ */ Le({
         default:
           return { data: Ye.value };
       }
-    }), Lt = x(() => {
-      const { config: r } = n.value.widget;
+    }), Lt = k(() => {
+      const { config: r } = o.value.widget;
       if (r.rollup != null) {
         const Q = [...r.dimensions].filter((Re) => !Re.hide);
         return Q.sort(
           (Re, Ze) => (r.rowIds || []).indexOf(mt(Re)) - (r.rowIds || []).indexOf(mt(Ze))
         ), [
-          { label: He(y, S, "None", "other"), value: "none" },
-          { label: He(y, S, "Grand Total", "other"), value: 0 },
+          { label: Oe(g, _, "None", "other"), value: "none" },
+          { label: Oe(g, _, "Grand Total", "other"), value: 0 },
           ...[...Q].slice(0, Q.length - 1).map((Re, Ze) => ({
-            label: He(y, S, Re.label, "other"),
+            label: Oe(g, _, Re.label, "other"),
             value: Ze + 1
           }))
         ];
       }
       return [];
-    }), We = x(() => {
+    }), We = k(() => {
       const { config: r } = ce.value;
       return r.isDrillable ? r.dimensions.map((Q) => ({
-        label: He(y, S, Q.label, "other"),
+        label: Oe(g, _, Q.label, "other"),
         value: mt(Q)
       })) : [];
-    }), tl = x(() => {
-      const r = n.value.id;
+    }), tl = k(() => {
+      const r = o.value.id;
       return (jt.value || []).filter(
         (Q) => Array.isArray(Q.tileIds) && Q.tileIds.includes(r)
       );
     });
     he(
-      () => n.value.widget.config,
+      () => o.value.widget.config,
       (r) => {
-        D.value = r.rollup, F.value = r.showTitle ?? !0, C.value = r.titleFontSize ?? 14, g.value = r.titleBold ?? !1, W.value = r.titleItalic ?? !1, v.value = r.titleUnderline ?? !1, k.value = r.chartHeight ?? void 0, o.value = r.chartWidth ?? void 0, p.value = r.showLabel ?? !1, L.value = r.labelAlign ?? yt.center, U.value = r.labelAnchor ?? gt.center, J.value = r.labelRotation ?? 0, ee.value = r.labelOffset ?? 0, se.value = r.labelFontSize ?? 12, ve.value = r.showX ?? !0, _e.value = r.xPosition ?? bt.bottom, De.value = r.showXGrid ?? !1, fe.value = r.showXTick ?? !0, b.value = r.xTickFontSize ?? 12, z.value = r.showXTitle ?? !1, G.value = r.xTitle ?? "", P.value = r.xTitleFontSize ?? 12, I.value = r.showY ?? !0, M.value = r.yPosition ?? wt.left, ie.value = r.showYGrid ?? !1, xe.value = r.showYTick ?? !0, Se.value = r.yTickFontSize ?? 12, ge.value = r.showYTitle ?? !1, t.value = r.yTitle ?? "", h.value = r.yTitleFontSize ?? 12, T.value = r.showLegend ?? void 0, w.value = r.legendPosition ?? xt.top, N.value = r.usePointStyle ?? !0, le.value = r.legendMaxHeight, de.value = r.legendMaxWidth, me.value = r.rowHeight ?? 0, K.value = r.colWidths ?? [];
+        z.value = r.rollup, x.value = r.showTitle ?? !0, C.value = r.titleFontSize ?? 14, y.value = r.titleBold ?? !1, W.value = r.titleItalic ?? !1, v.value = r.titleUnderline ?? !1, T.value = r.chartHeight ?? void 0, n.value = r.chartWidth ?? void 0, m.value = r.showLabel ?? !1, L.value = r.labelAlign ?? yt.center, U.value = r.labelAnchor ?? gt.center, K.value = r.labelRotation ?? 0, ee.value = r.labelOffset ?? 0, se.value = r.labelFontSize ?? 12, ve.value = r.showX ?? !0, _e.value = r.xPosition ?? bt.bottom, De.value = r.showXGrid ?? !1, fe.value = r.showXTick ?? !0, b.value = r.xTickFontSize ?? 12, V.value = r.showXTitle ?? !1, G.value = r.xTitle ?? "", P.value = r.xTitleFontSize ?? 12, I.value = r.showY ?? !0, M.value = r.yPosition ?? wt.left, ie.value = r.showYGrid ?? !1, xe.value = r.showYTick ?? !0, Se.value = r.yTickFontSize ?? 12, ge.value = r.showYTitle ?? !1, t.value = r.yTitle ?? "", f.value = r.yTitleFontSize ?? 12, F.value = r.showLegend ?? void 0, S.value = r.legendPosition ?? xt.top, N.value = r.usePointStyle ?? !0, le.value = r.legendMaxHeight, de.value = r.legendMaxWidth, me.value = r.rowHeight ?? 0, J.value = r.colWidths ?? [];
       },
       { deep: !0 }
-    ), he([() => D.value], () => {
-      D.value !== null && (n.value.widget.config.rollup = D.value);
+    ), he([() => z.value], () => {
+      z.value !== null && (o.value.widget.config.rollup = z.value);
     }), he(
       [
         () => ce.value,
@@ -1481,7 +1481,7 @@ const na = /* @__PURE__ */ Le({
       },
       { deep: !0 }
     ), he(
-      [() => n.value.size],
+      [() => o.value.size],
       () => {
         Y();
       },
@@ -1503,50 +1503,50 @@ const na = /* @__PURE__ */ Le({
       }
       try {
         a.value = !0, at && at.abort(), at = new AbortController();
-        const r = at.signal, Q = it.value, Re = await Mt(Ht, 500)(ce.value, r, n.value.id);
-        it.value === Q && (Ye.value = Re, i.value = ot()), a.value = !1;
+        const r = at.signal, Q = it.value, Re = await Mt(Ot, 500)(ce.value, r, o.value.id);
+        it.value === Q && (Ye.value = Re, c.value = ot()), a.value = !1;
       } catch (r) {
         r.code !== "ERR_CANCELED" && (Ye.value = null, Dt.open({ message: `Invalid chart ${ce.value.type}`, type: "error" }), console.log(r), a.value = !1);
       }
     }
     function ll(r) {
-      switch (n.value.widget.type) {
+      switch (o.value.widget.type) {
         case "SPACER":
           return;
         case "SCORECARD":
           return;
         case "TABLE":
-          return `${n.value.size.height * 100 + (ke.value ? 72 : 0) + 96.5}px`;
+          return `${o.value.size.height * 100 + (ke.value ? 72 : 0) + 96.5}px`;
       }
-      return `${Math.max(r / n.value.size.width, 90) * n.value.size.height}px`;
+      return `${Math.max(r / o.value.size.width, 90) * o.value.size.height}px`;
     }
     function al() {
-      const r = m.value - 1;
-      r >= 0 && (c.value = We.value[r].value);
+      const r = d.value - 1;
+      r >= 0 && (p.value = We.value[r].value);
     }
     function sl() {
-      const r = m.value + 1;
-      r >= 0 && r < We.value.length && (c.value = We.value[r].value);
+      const r = d.value + 1;
+      r >= 0 && r < We.value.length && (p.value = We.value[r].value);
     }
-    const Vt = f(je.EXCEL), zt = f(), ol = Object.values(je).map((r) => ({
+    const Vt = h(je.EXCEL), zt = h(), ol = Object.values(je).map((r) => ({
       label: Cl(r),
       value: r,
       onClick: async () => {
         r === je.EXCEL || r === je.PDFFULLSIZE || r === je.PDFRECEIPT ? await Bt({
           reportType: r,
-          index: R.index,
+          index: D.index,
           isCombinedLocationLayout: Zt.value,
           timeRange: _t.value,
           dateRange: kt.value,
           locationIds: rt.value
-        }) : r === je.PDF && (Vt.value = r, zt.value = R.index, E.value = !0);
+        }) : r === je.PDF && (Vt.value = r, zt.value = D.index, E.value = !0);
       }
     })), nl = ce.value.type === A.Spacer ? "flat" : "outlined", rl = ce.value.type === A.Spacer ? "p-0" : "p-16";
     return (r, Q) => {
-      const Re = H("FmTooltip"), Ze = H("FmSearch"), il = H("FmCheckbox"), ut = H("FmButton"), ul = H("FmSelect"), cl = H("FmMenuItem"), dl = H("FmMenu"), ml = H("FmForm"), pl = H("FmCircularProgress"), hl = H("FmCard");
+      const Re = O("FmTooltip"), Ze = O("FmSearch"), il = O("FmCheckbox"), ut = O("FmButton"), ul = O("FmSelect"), cl = O("FmMenuItem"), dl = O("FmMenu"), ml = O("FmForm"), pl = O("FmCircularProgress"), hl = O("FmCard");
       return $(), re(hl, {
         ref_key: "tileCard",
-        ref: V,
+        ref: R,
         class: qe(`${ue.value} ${s(rl)}`),
         variant: s(nl)
       }, {
@@ -1562,10 +1562,10 @@ const na = /* @__PURE__ */ Le({
             style: Ee({ height: Z.value })
           }, [
             ($(), re(yl(Yt.value), {
-              key: i.value,
+              key: c.value,
               modelValue: Ft.value,
               "onUpdate:modelValue": Q[4] || (Q[4] = (Xe) => Ft.value = Xe),
-              "tile-index": R.index
+              "tile-index": D.index
             }, {
               menu: oe(() => [
                 B(ml, { class: "flex items-center gap-2" }, {
@@ -1580,11 +1580,11 @@ const na = /* @__PURE__ */ Le({
                         disabled: !ce.value.description
                       }, {
                         default: oe(() => [
-                          F.value !== !1 ? ($(), te("p", {
+                          x.value !== !1 ? ($(), te("p", {
                             key: 0,
                             style: Ee({
                               fontSize: C.value + "px",
-                              fontWeight: g.value ? "bold" : "normal",
+                              fontWeight: y.value ? "bold" : "normal",
                               fontStyle: W.value ? "italic" : "normal",
                               textDecoration: v.value ? "underline" : "none"
                             }),
@@ -1592,7 +1592,7 @@ const na = /* @__PURE__ */ Le({
                               C.value <= 18 ? "fm-typo-en-body-md-400" : "",
                               ce.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, Te(s(He)(s(y), s(S), ce.value.title, "other")), 7)) : Fe("", !0)
+                          }, Te(s(Oe)(s(g), s(_), ce.value.title, "other")), 7)) : Fe("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
@@ -1603,8 +1603,8 @@ const na = /* @__PURE__ */ Le({
                         class: "grow"
                       }, null, 8, ["modelValue"])) : ($(), te("div", ca)),
                       bl(B(il, {
-                        modelValue: p.value,
-                        "onUpdate:modelValue": Q[2] || (Q[2] = (Ve) => p.value = Ve),
+                        modelValue: m.value,
+                        "onUpdate:modelValue": Q[2] || (Q[2] = (Ve) => m.value = Ve),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
@@ -1614,24 +1614,24 @@ const na = /* @__PURE__ */ Le({
                         B(ut, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !d.value,
+                          disabled: !i.value,
                           onClick: al
                         }, null, 8, ["disabled"]),
                         B(ut, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !_.value,
+                          disabled: !w.value,
                           onClick: sl
                         }, null, 8, ["disabled"])
                       ])) : Fe("", !0),
                       (Et = Ge.value) != null && Et.showRollup && Lt.value.length > 0 ? ($(), re(ul, {
                         key: 3,
-                        modelValue: D.value,
-                        "onUpdate:modelValue": Q[3] || (Q[3] = (Ve) => D.value = Ve),
+                        modelValue: z.value,
+                        "onUpdate:modelValue": Q[3] || (Q[3] = (Ve) => z.value = Ve),
                         class: "w-[150px]",
                         items: Lt.value
                       }, null, 8, ["modelValue", "items"])) : Fe("", !0),
-                      R.hideExport ? Fe("", !0) : ($(), re(dl, {
+                      D.hideExport ? Fe("", !0) : ($(), re(dl, {
                         key: 4,
                         shift: !0
                       }, {
@@ -1664,60 +1664,60 @@ const na = /* @__PURE__ */ Le({
     };
   }
 });
-var Oe = /* @__PURE__ */ ((e) => (e.Select = "Select", e.TextField = "TextField", e.Timestamp = "Timestamp", e))(Oe || {});
+var He = /* @__PURE__ */ ((e) => (e.Select = "Select", e.TextField = "TextField", e.Timestamp = "Timestamp", e))(He || {});
 function ma(e) {
-  let a = !1, n = 1;
+  let a = !1, o = 1;
   switch (e) {
     case Ce.Equal:
     case Ce.NotEqual:
     case Ce.Like:
     case Ce.NotLike:
-      a = !1, n = 1;
+      a = !1, o = 1;
       break;
     case Ce.GreaterThan:
     case Ce.GreaterThanOrEqual:
     case Ce.LessThan:
     case Ce.LessThanOrEqual:
-      a = !0, n = 1;
+      a = !0, o = 1;
       break;
     case Ce.Between:
-      a = !0, n = 2;
+      a = !0, o = 2;
       break;
   }
   return {
     fixed: a,
-    count: n
+    count: o
   };
 }
 function Ba({
   operator: e,
   dimensionOption: a,
-  dataType: n,
+  dataType: o,
   t: l
 }) {
-  const { fixed: y, count: S } = ma(e);
-  switch (n) {
+  const { fixed: g, count: _ } = ma(e);
+  switch (o) {
     case ze.String:
       return {
         type: "TextField",
-        fixed: y,
-        count: S,
+        fixed: g,
+        count: _,
         dataType: void 0,
         default: ""
       };
     case ze.Numeric:
       return {
         type: "TextField",
-        fixed: y,
-        count: S,
+        fixed: g,
+        count: _,
         dataType: "number",
         default: 0
       };
     case ze.Bool:
       return {
         type: "Select",
-        fixed: y,
-        count: S,
+        fixed: g,
+        count: _,
         options: [
           { label: l("report.common.yes"), value: !0 },
           { label: l("report.common.no"), value: !1 }
@@ -1727,20 +1727,20 @@ function Ba({
     case ze.Timestamp:
       return Gt({
         dimensionOption: a,
-        fixed: y,
-        count: S,
+        fixed: g,
+        count: _,
         t: l
       });
   }
   return {
     type: "TextField",
-    fixed: y,
-    count: S,
+    fixed: g,
+    count: _,
     dataType: void 0,
     default: ""
   };
 }
-function Ha(e) {
+function Oa(e) {
   switch (e) {
     case pe.HourOfDay:
       return 0;
@@ -1750,7 +1750,7 @@ function Ha(e) {
       return;
   }
 }
-function Oa(e) {
+function Ha(e) {
   switch (e) {
     case pe.HourOfDay:
       return 23;
@@ -1763,26 +1763,26 @@ function Oa(e) {
 function Gt({
   dimensionOption: e,
   fixed: a,
-  count: n,
+  count: o,
   t: l
 }) {
   switch (e) {
     case pe.HourOfDay:
       return {
-        type: Oe.Select,
+        type: He.Select,
         fixed: a,
-        count: n,
-        options: Array.from({ length: 24 }, (y, S) => ({
-          label: S.toString().padStart(2, "0"),
-          value: S.toString()
+        count: o,
+        options: Array.from({ length: 24 }, (g, _) => ({
+          label: _.toString().padStart(2, "0"),
+          value: _.toString()
         })),
         default: "0"
       };
     case pe.DayOfWeek:
       return {
-        type: Oe.Select,
+        type: He.Select,
         fixed: a,
-        count: n,
+        count: o,
         options: [
           { label: l("report.days.sunday"), value: "1" },
           { label: l("report.days.monday"), value: "2" },
@@ -1796,20 +1796,20 @@ function Gt({
       };
     case pe.DayOfMonth:
       return {
-        type: Oe.Select,
+        type: He.Select,
         fixed: a,
-        count: n,
-        options: Array.from({ length: 31 }, (y, S) => ({
-          label: (S + 1).toString(),
-          value: (S + 1).toString()
+        count: o,
+        options: Array.from({ length: 31 }, (g, _) => ({
+          label: (_ + 1).toString(),
+          value: (_ + 1).toString()
         })),
         default: "1"
       };
     case pe.MonthOfYear:
       return {
-        type: Oe.Select,
+        type: He.Select,
         fixed: a,
-        count: n,
+        count: o,
         options: [
           { label: l("report.months.january"), value: "1" },
           { label: l("report.months.february"), value: "2" },
@@ -1828,9 +1828,9 @@ function Gt({
       };
     default:
       return {
-        type: Oe.Timestamp,
+        type: He.Timestamp,
         fixed: a,
-        count: n,
+        count: o,
         default: (/* @__PURE__ */ new Date()).toISOString()
       };
   }
@@ -1839,17 +1839,17 @@ function Wt({
   dimensionOption: e,
   t: a
 }) {
-  const n = Gt({
+  const o = Gt({
     dimensionOption: e,
     fixed: !1,
     count: 1,
     t: a
   });
-  return n.type === Oe.Select ? n.options : [];
+  return o.type === He.Select ? o.options : [];
 }
 const pa = "mf-reportglobalFilter";
 function Pt(e, a) {
-  var n;
+  var o;
   return [
     a,
     e.schemaName,
@@ -1857,37 +1857,48 @@ function Pt(e, a) {
     e.operator ?? "",
     e.option ?? "",
     e.dataFormula ?? "",
-    ((n = e.tileIds) == null ? void 0 : n.join(",")) ?? ""
+    ((o = e.tileIds) == null ? void 0 : o.join(",")) ?? ""
   ].join("|");
 }
-const ha = Ot(pa, () => {
-  const e = f({}), a = f(!1), n = () => ({
+const ha = Ht(pa, () => {
+  const e = h({}), a = h(!1), o = h(null), l = () => ({
     search: "",
     selectedValues: [],
     keepSelection: !1,
     showAdvanced: !1,
     visibleCount: 50
   });
-  function l(D, i) {
-    const c = Pt(D, i);
-    return e.value[c] || (e.value[c] = n()), e.value[c];
+  function g(i, w) {
+    const x = Pt(i, w);
+    return e.value[x] || (e.value[x] = l()), e.value[x];
+  }
+  const _ = k(() => e.value), D = (i) => o.value === i;
+  function R(i, w, x, C) {
+    g(i, w)[x] = C;
+  }
+  function z(i, w, x = 50) {
+    g(i, w).visibleCount += x;
   }
-  function y(D, i, c, m) {
-    l(D, i)[c] = m;
+  function c(i) {
+    a.value = i;
   }
-  function S(D, i, c = 50) {
-    l(D, i).visibleCount += c;
+  function p(i) {
+    o.value = i;
   }
-  function R(D) {
-    a.value = D;
+  function d() {
+    o.value = null;
   }
   return {
-    allStates: x(() => e.value),
-    getGlobalFilter: l,
-    setGlobalFilter: y,
-    showMore: S,
+    allStates: _,
     includeUnavailable: a,
-    setIncludeUnavailable: R,
+    openMenuKey: o,
+    getGlobalFilter: g,
+    isMenuOpen: D,
+    setGlobalFilter: R,
+    showMore: z,
+    setIncludeUnavailable: c,
+    openMenu: p,
+    closeMenu: d,
     getKey: Pt
   };
 }), fa = { class: "flex flex-row flex-wrap gap-2" }, va = { class: "inline-flex max-w-[460px]" }, ga = {
@@ -1896,55 +1907,55 @@ const ha = Ot(pa, () => {
 }, ya = { class: "px-2 pb-8" }, ba = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, wa = { class: "px-2 pb-8" }, xa = { class: "flex items-start w-full" }, Sa = ["onClick"], Ca = { class: "fm-typo-en-body-md-400" }, ka = { key: 0 }, _a = { class: "px-12 py-3" }, Ta = { class: "flex items-center justify-between" }, Fa = ["onClick"], La = { class: "fm-typo-en-body-md-400" }, Da = { class: "text-xs max-w-[200px]" }, Ra = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, qa = /* @__PURE__ */ Le({
   __name: "FilterSelector",
   setup(e) {
-    const { t: a, locale: n } = tt(), { currentReport: l, editingTile: y } = $e(kl());
-    let { globalFilters: S, isGlobalFiltersLoading: R, timeRange: V, dateRange: D, selectedLocationIds: i } = $e(Qe()), { schemas: c } = $e(_l()), {
-      showMore: m,
-      getGlobalFilter: d,
-      setGlobalFilter: _,
-      setIncludeUnavailable: F,
+    const { t: a, locale: o } = tt(), { currentReport: l, editingTile: g } = $e(kl());
+    let { globalFilters: _, isGlobalFiltersLoading: D, timeRange: R, dateRange: z, selectedLocationIds: c } = $e(Qe()), { schemas: p } = $e(_l()), {
+      showMore: d,
+      getGlobalFilter: i,
+      setGlobalFilter: w,
+      setIncludeUnavailable: x,
       getKey: C,
-      isMenuOpen: g,
+      isMenuOpen: y,
       openMenu: W,
       closeMenu: v
-    } = ha(), o = null;
-    const k = f(!1), p = x(() => {
+    } = ha(), n = null;
+    const T = h(!1), m = k(() => {
       var t;
       return ((t = l.value) == null ? void 0 : t.id) ?? "";
-    }), L = f([]);
+    }), L = h([]);
     function U(t) {
-      const T = d(t.filter, p.value).selectedValues;
-      t.selectedValues = t.keepSelection ? T : t.options.map((w) => w.value), t.filter.values = [...t.selectedValues], _(t.filter, p.value, "selectedValues", t.selectedValues);
+      const F = i(t.filter, m.value).selectedValues;
+      t.selectedValues = t.keepSelection ? F : t.options.map((S) => S.value), t.filter.values = [...t.selectedValues], w(t.filter, m.value, "selectedValues", t.selectedValues);
     }
     he(
       () => ({
-        reportId: p.value,
-        globalFilters: S.value
+        reportId: m.value,
+        globalFilters: _.value
       }),
       () => {
-        L.value = (S.value || []).map((t) => {
-          const h = d(t, p.value), T = h.selectedValues.length ? [...h.selectedValues] : [...t.values ?? []];
+        L.value = (_.value || []).map((t) => {
+          const f = i(t, m.value), F = f.selectedValues.length ? [...f.selectedValues] : [...t.values ?? []];
           return {
-            id: C(t, p.value),
+            id: C(t, m.value),
             filter: t,
-            search: h.search,
+            search: f.search,
             options: [],
-            type: J(t),
-            selectedValues: T,
-            visibleCount: h.visibleCount,
-            keepSelection: h.keepSelection,
-            showAdvanced: h.showAdvanced
+            type: K(t),
+            selectedValues: F,
+            visibleCount: f.visibleCount,
+            keepSelection: f.keepSelection,
+            showAdvanced: f.showAdvanced
           };
         }), fe();
       },
       { immediate: !0 }
     ), he(
-      [V, D, i],
+      [R, z, c],
       async () => {
         await fe();
       },
       { deep: !0, immediate: !0 }
     ), he(
-      [() => y.value],
+      [() => g.value],
       async () => {
         L.value.forEach((t) => {
           t.options = [];
@@ -1952,58 +1963,58 @@ const ha = Ot(pa, () => {
       },
       { deep: !0 }
     );
-    function J(t) {
-      var T;
-      const h = (T = c.value.find((w) => w.name === t.schemaName)) == null ? void 0 : T.fields.find((w) => w.name === t.name);
-      return h == null ? void 0 : h.type;
+    function K(t) {
+      var F;
+      const f = (F = p.value.find((S) => S.name === t.schemaName)) == null ? void 0 : F.fields.find((S) => S.name === t.name);
+      return f == null ? void 0 : f.type;
     }
     function ee(t) {
       var me;
-      if (!l.value && !y.value) return [];
-      const h = y.value ? [y.value] : [...((me = l.value) == null ? void 0 : me.tiles) ?? []], { name: T = "", schemaName: w = "" } = t, N = h.filter((K) => {
+      if (!l.value && !g.value) return [];
+      const f = g.value ? [g.value] : [...((me = l.value) == null ? void 0 : me.tiles) ?? []], { name: F = "", schemaName: S = "" } = t, N = f.filter((J) => {
         var Z, q;
-        const E = (Z = K == null ? void 0 : K.widget) == null ? void 0 : Z.config;
-        if (!E || (q = t.tileIds) != null && q.length && !t.tileIds.includes(K.id)) return !1;
+        const E = (Z = J == null ? void 0 : J.widget) == null ? void 0 : Z.config;
+        if (!E || (q = t.tileIds) != null && q.length && !t.tileIds.includes(J.id)) return !1;
         const u = (E.dimensions ?? []).some(
-          (ne) => ne.schemaName === w && ne.name === T
+          (ne) => ne.schemaName === S && ne.name === F
         ), X = (E.joinDatasources ?? []).some(
-          (ne) => (ne.dimensions ?? []).some((ae) => ae.schemaName === w && ae.name === T)
-        ), j = (E.schemaNames ?? []).includes(w);
+          (ne) => (ne.dimensions ?? []).some((ae) => ae.schemaName === S && ae.name === F)
+        ), j = (E.schemaNames ?? []).includes(S);
         return u || X || j;
       });
       if (!N.length) return [];
-      const le = (K, E) => {
+      const le = (J, E) => {
         const u = /* @__PURE__ */ new Map(), X = (j) => {
           const Z = `${j.schemaName}:${j.name}:${j.operator}`, q = u.get(Z);
           q ? [Ce.Like, Ce.NotLike].includes(j.operator) ? q.values = Array.from(/* @__PURE__ */ new Set([...q.values ?? [], ...j.values ?? []])) : u.set(Z, { ...j }) : u.set(Z, { ...j });
         };
-        return K.forEach(X), E.forEach(X), Array.from(u.values());
-      }, de = (K) => {
+        return J.forEach(X), E.forEach(X), Array.from(u.values());
+      }, de = (J) => {
         var u;
-        const E = (u = K.dimensions) == null ? void 0 : u.find(
-          (X) => X.schemaName === w && X.name === T
+        const E = (u = J.dimensions) == null ? void 0 : u.find(
+          (X) => X.schemaName === S && X.name === F
         );
         return {
-          name: T,
-          schemaName: w,
-          label: (E == null ? void 0 : E.label) ?? T,
+          name: F,
+          schemaName: S,
+          label: (E == null ? void 0 : E.label) ?? F,
           hide: !1,
           option: t.option ?? null,
           dataFormula: E == null ? void 0 : E.dataFormula
         };
       };
-      return N.map((K) => {
+      return N.map((J) => {
         var ne, ae;
-        const E = (ne = K == null ? void 0 : K.widget) == null ? void 0 : ne.config;
+        const E = (ne = J == null ? void 0 : J.widget) == null ? void 0 : ne.config;
         if (!E) return null;
-        const u = de(E), X = (E.dimensions ?? []).some((ye) => ye.schemaName === w) || (E.schemaNames ?? []).includes(w), j = le(
+        const u = de(E), X = (E.dimensions ?? []).some((ye) => ye.schemaName === S) || (E.schemaNames ?? []).includes(S), j = le(
           E.filters ?? [],
           (t.filters ?? []).filter((ye) => {
             var ue;
             return (ue = E.schemaNames) == null ? void 0 : ue.includes(ye.schemaName);
           })
         ), Z = (ae = E.joinDatasources) == null ? void 0 : ae.find(
-          (ye) => (ye.schemaNames ?? []).includes(w) || (ye.dimensions ?? []).some((ue) => ue.schemaName === w)
+          (ye) => (ye.schemaNames ?? []).includes(S) || (ye.dimensions ?? []).some((ue) => ue.schemaName === S)
         ), q = le(
           (Z == null ? void 0 : Z.filters) ?? [],
           (t.filters ?? []).filter((ye) => {
@@ -2019,15 +2030,15 @@ const ha = Ot(pa, () => {
             schemas: E.schemas,
             dimensions: X ? [u] : [],
             filters: j,
-            sorts: X ? [{ name: T, schemaName: w, type: Be.Asc, aggregation: null, dimensionOption: null }] : [],
+            sorts: X ? [{ name: F, schemaName: S, type: Be.Asc, aggregation: null, dimensionOption: null }] : [],
             joinDatasources: !X && Z ? [
               {
                 ...Z,
                 dimensions: [u],
                 sorts: [
                   {
-                    name: T,
-                    schemaName: w,
+                    name: F,
+                    schemaName: S,
                     type: Be.Asc,
                     aggregation: null,
                     dimensionOption: null
@@ -2052,54 +2063,54 @@ const ha = Ot(pa, () => {
       }).filter(Boolean);
     }
     function se(t) {
-      return t.options.every((h) => {
-        var T;
-        return (T = t.selectedValues) == null ? void 0 : T.includes(h.value);
+      return t.options.every((f) => {
+        var F;
+        return (F = t.selectedValues) == null ? void 0 : F.includes(f.value);
       });
     }
     function ke(t) {
-      se(t) ? t.selectedValues = ["(EMPTY)"] : t.selectedValues = t.options.map((h) => h.value);
+      se(t) ? t.selectedValues = ["(EMPTY)"] : t.selectedValues = t.options.map((f) => f.value);
     }
-    const ve = x(
+    const ve = k(
       () => L.value.map((t) => {
-        const h = t.options, T = t.search.toLowerCase() ?? "";
-        return h.filter(
-          (N) => N.label.toLowerCase().includes(T.toLowerCase())
+        const f = t.options, F = t.search.toLowerCase() ?? "";
+        return f.filter(
+          (N) => N.label.toLowerCase().includes(F.toLowerCase())
         ).slice(0, t.visibleCount);
       })
     );
     function _e(t) {
-      t.visibleCount += 50, m(t.filter, p.value, 50);
+      t.visibleCount += 50, d(t.filter, m.value, 50);
     }
-    async function De(t, h) {
-      var T;
-      if (!(!t.type && (t.type = J(t.filter), !t.type)))
+    async function De(t, f) {
+      var F;
+      if (!(!t.type && (t.type = K(t.filter), !t.type)))
         switch (t.type) {
           case ze.String:
             try {
-              const w = ee(t.filter);
-              if (!w.length) {
+              const S = ee(t.filter);
+              if (!S.length) {
                 t.options = [];
                 return;
               }
               const N = [];
-              for (const E of w) {
-                const u = await Ht(E, h);
+              for (const E of S) {
+                const u = await Ot(E, f);
                 (u == null ? void 0 : u.type) === A.Table && N.push(...u.rows.map((X) => {
                   var j;
                   return ((j = X.cells) == null ? void 0 : j[0]) ?? " ";
                 }));
               }
-              const le = Array.from(new Set(N)), de = (T = d(t.filter, p.value).selectedValues) != null && T.length ? d(t.filter, p.value).selectedValues : t.selectedValues || [], me = t.keepSelection ? Array.from(/* @__PURE__ */ new Set([...le, ...de])) : le, K = new Set(N);
+              const le = Array.from(new Set(N)), de = (F = i(t.filter, m.value).selectedValues) != null && F.length ? i(t.filter, m.value).selectedValues : t.selectedValues || [], me = t.keepSelection ? Array.from(/* @__PURE__ */ new Set([...le, ...de])) : le, J = new Set(N);
               t.options = me.map((E) => ({
                 label: String(E),
                 value: E,
-                available: t.keepSelection ? K.has(E) : new Set(le).has(E)
+                available: t.keepSelection ? J.has(E) : new Set(le).has(E)
               })), U(t);
-            } catch (w) {
-              if ((w == null ? void 0 : w.code) === "ERR_CANCELED" || (w == null ? void 0 : w.name) === "CanceledError")
+            } catch (S) {
+              if ((S == null ? void 0 : S.code) === "ERR_CANCELED" || (S == null ? void 0 : S.name) === "CanceledError")
                 return;
-              throw w;
+              throw S;
             }
             break;
           case ze.Bool: {
@@ -2111,8 +2122,8 @@ const ha = Ot(pa, () => {
           }
           case ze.Timestamp:
             if (t.filter.option !== pe.DateTime && t.filter.option !== pe.TimeOfDay) {
-              const w = t.filter.option;
-              t.options = Wt({ dimensionOption: w, t: a }), t.filter.values = t.options.length ? t.options.map((N) => N.value) : ["NULL"];
+              const S = t.filter.option;
+              t.options = Wt({ dimensionOption: S, t: a }), t.filter.values = t.options.length ? t.options.map((N) => N.value) : ["NULL"];
             }
             U(t);
             break;
@@ -2121,63 +2132,63 @@ const ha = Ot(pa, () => {
         }
     }
     async function fe(t = !1) {
-      if (!p.value || !L.value.length) return;
-      o == null || o.abort();
-      const h = new AbortController();
-      o = h;
+      if (!m.value || !L.value.length) return;
+      n == null || n.abort();
+      const f = new AbortController();
+      n = f;
       try {
-        t || (R.value = !0), k.value = !0, await Promise.all(
-          L.value.map((T) => De(T, h.signal))
+        t || (D.value = !0), T.value = !0, await Promise.all(
+          L.value.map((F) => De(F, f.signal))
         );
       } finally {
-        o === h && (t || (R.value = !1), k.value = !1);
+        n === f && (t || (D.value = !1), T.value = !1);
       }
     }
-    function b(t, h) {
-      var w;
-      if ((w = t.selectedValues) == null ? void 0 : w.includes(h)) {
-        let N = (t.selectedValues || []).filter((le) => le !== h && le !== "(EMPTY)");
+    function b(t, f) {
+      var S;
+      if ((S = t.selectedValues) == null ? void 0 : S.includes(f)) {
+        let N = (t.selectedValues || []).filter((le) => le !== f && le !== "(EMPTY)");
         t.selectedValues = N.length > 0 ? N : ["(EMPTY)"];
       } else
-        t.selectedValues = [...(t.selectedValues || []).filter((N) => N !== "(EMPTY)"), h];
-      _(t.filter, p.value, "selectedValues", t.selectedValues);
+        t.selectedValues = [...(t.selectedValues || []).filter((N) => N !== "(EMPTY)"), f];
+      w(t.filter, m.value, "selectedValues", t.selectedValues);
     }
-    function z(t, h) {
-      if (h === null)
+    function V(t, f) {
+      if (f === null)
         t.values = [];
       else {
-        const w = Je(h.startDate).startOf("day").utc().toISOString(), N = Je(h.endDate).endOf("day").utc().toISOString();
-        t.values = [w, N];
+        const S = Ke(f.startDate).startOf("day").utc().toISOString(), N = Ke(f.endDate).endOf("day").utc().toISOString();
+        t.values = [S, N];
       }
-      const T = L.value.find((w) => w.id === C(t, p.value));
-      T && (T.keepSelection = h !== null, _(T.filter, p.value, "keepSelection", T.keepSelection));
+      const F = L.value.find((S) => S.id === C(t, m.value));
+      F && (F.keepSelection = f !== null, w(F.filter, m.value, "keepSelection", F.keepSelection));
     }
     function G(t) {
-      const h = (t.selectedValues || []).filter((T) => T !== "(EMPTY)");
-      return `${a("report.section.filter.selectAll")} (${h.length}/${t.options.length})`;
+      const f = (t.selectedValues || []).filter((F) => F !== "(EMPTY)");
+      return `${a("report.section.filter.selectAll")} (${f.length}/${t.options.length})`;
     }
     function P(t) {
-      const h = t.options.length, T = a("report.section.filter.search"), w = a("report.common.results", { count: h });
-      return `${T} (${w})`;
+      const f = t.options.length, F = a("report.section.filter.search"), S = a("report.common.results", { count: f });
+      return `${F} (${S})`;
     }
     function I(t) {
-      var le, de, me, K, E;
-      const h = Fl(t.filter);
+      var le, de, me, J, E;
+      const f = Fl(t.filter);
       if (t.type === ze.Timestamp) {
         const u = ((le = t.filter.values) == null ? void 0 : le.length) === 2;
         if (t.filter.option === pe.DateTime)
-          return { preview: u ? `${h} is between ${Rl({
+          return { preview: u ? `${f} is between ${Rl({
             startDate: ((de = t.filter.values) == null ? void 0 : de[0]) || null,
             endDate: ((me = t.filter.values) == null ? void 0 : me[1]) || null,
-            locale: n.value
-          })}` : h, suffix: "" };
+            locale: o.value
+          })}` : f, suffix: "" };
         if (t.filter.option === pe.TimeOfDay) {
-          const X = (K = t.filter.values) != null && K[0] ? Je(t.filter.values[0]) : null, j = (E = t.filter.values) != null && E[1] ? Je(t.filter.values[1]) : null, Z = (ne) => ne && ne.isValid() ? { hour: ne.hour(), minute: ne.minute() } : null;
-          return { preview: u ? `${h} is between ${Vl({
+          const X = (J = t.filter.values) != null && J[0] ? Ke(t.filter.values[0]) : null, j = (E = t.filter.values) != null && E[1] ? Ke(t.filter.values[1]) : null, Z = (ne) => ne && ne.isValid() ? { hour: ne.hour(), minute: ne.minute() } : null;
+          return { preview: u ? `${f} is between ${Vl({
             startTime: Z(X),
             endTime: Z(j),
-            locale: n.value
-          })}` : h, suffix: "" };
+            locale: o.value
+          })}` : f, suffix: "" };
         }
         if (t.filter.option !== pe.DateTime && t.filter.option !== pe.TimeOfDay) {
           const X = Wt({
@@ -2185,42 +2196,42 @@ const ha = Ot(pa, () => {
             t: a
           }), j = new Map(X.map((ae) => [String(ae.value), ae.label])), q = (t.selectedValues || []).filter((ae) => ae !== "(EMPTY)").map((ae) => j.get(String(ae)) ?? String(ae)), ne = q.map((ae) => ae.length > 20 ? `${ae.slice(0, 20)}…` : ae).join(", ");
           return q.length ? {
-            preview: `${h}: ${ne}`,
+            preview: `${f}: ${ne}`,
             suffix: `(${q.length} selected)`
-          } : { preview: h, suffix: "" };
+          } : { preview: f, suffix: "" };
         }
       }
-      const w = (t.selectedValues || []).filter((u) => u !== "(EMPTY)").map((u) => u === !0 ? a("report.common.yes") || "Yes" : u === !1 ? a("report.common.no") || "No" : String(u)), N = w.map((u) => u.length > 20 ? `${u.slice(0, 20)}…` : u).join(", ");
-      return w.length ? {
-        preview: `${h}: ${N}`,
-        suffix: `(${w.length} selected)`
-      } : { preview: N, suffix: `${h}` };
+      const S = (t.selectedValues || []).filter((u) => u !== "(EMPTY)").map((u) => u === !0 ? a("report.common.yes") || "Yes" : u === !1 ? a("report.common.no") || "No" : String(u)), N = S.map((u) => u.length > 20 ? `${u.slice(0, 20)}…` : u).join(", ");
+      return S.length ? {
+        preview: `${f}: ${N}`,
+        suffix: `(${S.length} selected)`
+      } : { preview: N, suffix: `${f}` };
     }
     function M(t) {
-      t.filter.values = [...t.selectedValues || []], _(t.filter, p.value, "selectedValues", t.selectedValues), v();
+      t.filter.values = [...t.selectedValues || []], w(t.filter, m.value, "selectedValues", t.selectedValues), v();
     }
     function ie(t) {
-      t.showAdvanced = !t.showAdvanced, _(t.filter, p.value, "showAdvanced", t.showAdvanced);
+      t.showAdvanced = !t.showAdvanced, w(t.filter, m.value, "showAdvanced", t.showAdvanced);
     }
     function xe(t) {
-      t.keepSelection = !t.keepSelection, F(t.keepSelection), _(t.filter, p.value, "keepSelection", t.keepSelection), t.options = [], fe(!0);
+      t.keepSelection = !t.keepSelection, x(t.keepSelection), w(t.filter, m.value, "keepSelection", t.keepSelection), t.options = [], fe(!0);
     }
-    function Se(t, h) {
-      return t ? t.length > h ? `${t.slice(0, h)}…` : t : "";
+    function Se(t, f) {
+      return t ? t.length > f ? `${t.slice(0, f)}…` : t : "";
     }
-    function ge(t, h) {
-      var w, N, le, de;
-      if (h === null)
+    function ge(t, f) {
+      var S, N, le, de;
+      if (f === null)
         t.values = [];
       else {
-        const me = Je().set("hour", Number((w = h.start) == null ? void 0 : w.hour)).set("minute", Number((N = h.start) == null ? void 0 : N.minute)).toISOString(), K = Je().set("hour", Number((le = h.end) == null ? void 0 : le.hour)).set("minute", Number((de = h.end) == null ? void 0 : de.minute)).toISOString();
-        t.values = [me, K];
+        const me = Ke().set("hour", Number((S = f.start) == null ? void 0 : S.hour)).set("minute", Number((N = f.start) == null ? void 0 : N.minute)).toISOString(), J = Ke().set("hour", Number((le = f.end) == null ? void 0 : le.hour)).set("minute", Number((de = f.end) == null ? void 0 : de.minute)).toISOString();
+        t.values = [me, J];
       }
-      const T = L.value.find((me) => me.id === C(t, p.value));
-      T && (T.keepSelection = h !== null, _(T.filter, p.value, "keepSelection", T.keepSelection));
+      const F = L.value.find((me) => me.id === C(t, m.value));
+      F && (F.keepSelection = f !== null, w(F.filter, m.value, "keepSelection", F.keepSelection));
     }
-    return (t, h) => {
-      const T = H("FmCircularProgress"), w = H("FmTextField"), N = H("FmMenuItem"), le = H("FmTooltip"), de = H("FmIcon"), me = H("FmMenuDivider"), K = H("FmButton"), E = H("FmMenu");
+    return (t, f) => {
+      const F = O("FmCircularProgress"), S = O("FmTextField"), N = O("FmMenuItem"), le = O("FmTooltip"), de = O("FmIcon"), me = O("FmMenuDivider"), J = O("FmButton"), E = O("FmMenu");
       return $(), te("div", fa, [
         ($(!0), te(be, null, nt(L.value, (u, X) => {
           var j, Z, q, ne, ae, ye;
@@ -2233,8 +2244,8 @@ const ha = Ot(pa, () => {
               class: "w-full",
               label: I(u).preview,
               removable: ((q = u.filter.values) == null ? void 0 : q.length) === 2,
-              onUpdate: (ue) => z(u.filter, ue),
-              onChipClosed: () => z(u.filter, null)
+              onUpdate: (ue) => V(u.filter, ue),
+              onChipClosed: () => V(u.filter, null)
             }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : u.filter.option === s(pe).TimeOfDay ? ($(), re(Tl, {
               key: 1,
               "model-value": { start: (ne = u.filter.values) == null ? void 0 : ne[0], end: (ae = u.filter.values) == null ? void 0 : ae[1] },
@@ -2247,11 +2258,11 @@ const ha = Ot(pa, () => {
               key: 2,
               "close-on-click": !1,
               shift: !0,
-              open: s(g)(u.id),
+              open: s(y)(u.id),
               onMenuChanged: (ue) => ue ? s(W)(u.id) : s(v)()
             }, {
               "menu-button": oe(() => [
-                O("div", va, [
+                H("div", va, [
                   B(Dl, {
                     "left-icon": "filter_alt",
                     "trailing-icon": "expand_more",
@@ -2266,19 +2277,19 @@ const ha = Ot(pa, () => {
                 ])
               ]),
               "menu-wrapper": oe(({ maxHeight: ue, width: Ge }) => [
-                O("div", {
+                H("div", {
                   class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
                   style: Ee({ maxHeight: `${ue}px`, width: Ge })
                 }, [
-                  k.value ? ($(), te("div", ga, [
-                    B(T)
-                  ])) : u.options.length > 0 && !s(R) ? ($(), te(be, { key: 1 }, [
-                    O("div", ya, [
-                      B(w, {
+                  T.value ? ($(), te("div", ga, [
+                    B(F)
+                  ])) : u.options.length > 0 && !s(D) ? ($(), te(be, { key: 1 }, [
+                    H("div", ya, [
+                      B(S, {
                         modelValue: u.search,
                         "onUpdate:modelValue": [
                           (Y) => u.search = Y,
-                          (Y) => s(_)(u.filter, p.value, "search", Y)
+                          (Y) => s(w)(u.filter, m.value, "search", Y)
                         ],
                         type: "text",
                         "prepend-icon": "search",
@@ -2286,8 +2297,8 @@ const ha = Ot(pa, () => {
                         class: "border px-2 pb-8 text-sm mb-1 rounded"
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
                     ]),
-                    O("div", ba, [
-                      O("div", wa, [
+                    H("div", ba, [
+                      H("div", wa, [
                         B(N, {
                           label: G(u),
                           "has-checkbox": !0,
@@ -2308,7 +2319,7 @@ const ha = Ot(pa, () => {
                               ht(Te(Y.label), 1)
                             ]),
                             default: oe(() => [
-                              O("div", xa, [
+                              H("div", xa, [
                                 B(N, {
                                   label: Se(Y.label, 110),
                                   "has-checkbox": !0,
@@ -2340,7 +2351,7 @@ const ha = Ot(pa, () => {
                         }, null, 8, ["label", "onClick"])) : Fe("", !0)
                       ])
                     ]),
-                    O("div", {
+                    H("div", {
                       class: "px-12 py-2 flex items-center gap-2 cursor-pointer hover:bg-fm-color-neutral-50 transition-colors",
                       onClick: (Y) => ie(u)
                     }, [
@@ -2349,13 +2360,13 @@ const ha = Ot(pa, () => {
                         size: "md",
                         class: ""
                       }, null, 8, ["name"]),
-                      O("span", Ca, Te(s(a)("report.section.filter.advanced")), 1)
+                      H("span", Ca, Te(s(a)("report.section.filter.advanced")), 1)
                     ], 8, Sa),
                     B(me),
                     u.showAdvanced ? ($(), te("div", ka, [
-                      O("div", _a, [
-                        O("div", Ta, [
-                          O("div", {
+                      H("div", _a, [
+                        H("div", Ta, [
+                          H("div", {
                             class: "flex items-center gap-2 cursor-pointer",
                             onClick: (Y) => xe(u)
                           }, [
@@ -2366,14 +2377,14 @@ const ha = Ot(pa, () => {
                                 u.keepSelection ? "text-fm-color-primary" : "text-fm-color-neutral-gray-400"
                               )
                             }, null, 8, ["name", "class"]),
-                            O("span", La, Te(s(a)("report.section.filter.keepSelection")), 1)
+                            H("span", La, Te(s(a)("report.section.filter.keepSelection")), 1)
                           ], 8, Fa),
                           B(le, {
                             placement: "top",
                             "z-index": 2e3
                           }, {
                             content: oe(() => [
-                              O("div", Da, Te(s(a)("report.section.filter.keepSelectionTooltip")), 1)
+                              H("div", Da, Te(s(a)("report.section.filter.keepSelectionTooltip")), 1)
                             ]),
                             default: oe(() => [
                               B(de, {
@@ -2387,19 +2398,19 @@ const ha = Ot(pa, () => {
                         ])
                       ])
                     ])) : Fe("", !0),
-                    O("div", Ra, [
-                      B(K, {
+                    H("div", Ra, [
+                      B(J, {
                         variant: "tertiary",
                         label: s(a)("report.common.cancel"),
-                        onClick: h[0] || (h[0] = ct((Y) => s(v)(), ["stop"]))
+                        onClick: f[0] || (f[0] = ct((Y) => s(v)(), ["stop"]))
                       }, null, 8, ["label"]),
-                      B(K, {
+                      B(J, {
                         color: "primary",
                         onClick: ct((Y) => M(u), ["stop"]),
                         label: s(a)("report.common.apply")
                       }, null, 8, ["onClick", "label"])
                     ])
-                  ], 64)) : s(R) ? Fe("", !0) : ($(), re(ft, { key: 2 }))
+                  ], 64)) : s(D) ? Fe("", !0) : ($(), re(ft, { key: 2 }))
                 ], 4)
               ]),
               _: 2
@@ -2412,14 +2423,14 @@ const ha = Ot(pa, () => {
   }
 });
 export {
-  Oe as I,
+  He as I,
   yt as L,
   Pe as R,
   Pa as _,
   qa as a,
   gt as b,
-  Ha as c,
-  Oa as d,
+  Oa as c,
+  Ha as d,
   Ba as e,
   mt as g,
   Nt as u