@feedmepos/mf-report 5.14.2 → 5.14.3

package/dist/{App-B42aRUhC.js → App-C2Zq5-lG.js}

@@ -93,7 +93,7 @@ const ge = ["src"], he = ["src"], $e = /* @__PURE__ */ O({
     }), Z(() => {
       l(me);
     }), T(() => {
-      console.log("5.14.2", !0), window.addEventListener("message", F), window.addEventListener("message", B);
+      console.log("5.14.3", !0), window.addEventListener("message", F), window.addEventListener("message", B);
     });
     const L = ie(), R = de();
     M(() => {

package/dist/MenuTab.vue_vue_type_script_setup_true_lang-Ch4dfAbj.js

@@ -0,0 +1,352 @@
+import { defineComponent as R, computed as W, ref as oe, watch as q, resolveComponent as b, createElementBlock as f, openBlock as u, renderSlot as re, Fragment as D, renderList as U, createBlock as g, unref as r, withCtx as C, createElementVNode as L, createCommentVNode as N, createVNode as p, isRef as S, useModel as ue, normalizeClass as z, toDisplayString as ie } from "vue";
+import { u as me, b as H, d as E, j as de } from "./vue-i18n-Fbuacdec.js";
+import { storeToRefs as T } from "pinia";
+import { a as pe, d as ce } from "./NavigationTab.vue_vue_type_script_setup_true_lang-Bu64bEVK.js";
+import { _ as J, a as fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BLPR2QZJ.js";
+import { a as ve, b as be, D as w, q as _e, W as Y, S as ye } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BRk-mwHe.js";
+import { _ as he } from "./NoData.vue_vue_type_script_setup_true_lang-qEkm--BH.js";
+import { d as ge } from "./helper-8cjX1HJZ.js";
+import { detectLocale as Fe } from "@feedmepos/mf-common";
+import { useBreakpoints as ke } from "@feedmepos/ui-library";
+const xe = { class: "flex flex-wrap gap-2" }, we = { class: "flex flex-col gap-1 p-2 bg-fm-color-neutral-white max-h-[300px] overflow-y-auto relative fm-shadow-light-300" }, Ce = {
+  key: 0,
+  class: "flex justify-center my-2"
+}, Se = /* @__PURE__ */ R({
+  __name: "FilterSelector",
+  setup(I) {
+    var G;
+    const { t: v } = me(), { currentReport: m } = T(ve());
+    let { globalFilters: F, isGlobalFiltersLoading: i, timeRange: _, dateRange: y, selectedLocationIds: h } = T(H()), { schemas: $ } = T(be());
+    const n = W(() => {
+      var e;
+      return ((e = m.value) == null ? void 0 : e.id) ?? "";
+    }), o = oe([]);
+    q(
+      ((G = m.value) == null ? void 0 : G.globalFilters) || [],
+      () => {
+        o.value = F.value.map((e) => ({
+          filter: e,
+          search: "",
+          options: [],
+          type: K(e)
+        }));
+      },
+      { deep: !0, immediate: !0 }
+    ), q(
+      [_, y, h],
+      async () => {
+        await te();
+      },
+      { deep: !0, immediate: !0 }
+    );
+    var k = void 0;
+    function K(e) {
+      var l;
+      const t = (l = $.value.find((a) => a.name === e.schemaName)) == null ? void 0 : l.fields.find((a) => a.name === e.name);
+      return t == null ? void 0 : t.type;
+    }
+    function Q(e) {
+      return {
+        type: Y.Table,
+        config: {
+          schemaNames: Array.from(
+            /* @__PURE__ */ new Set([e.schemaName, ...(e.filters ?? []).map((t) => t.schemaName)])
+          ),
+          dimensions: [
+            {
+              name: e.name ?? "",
+              schemaName: e.schemaName ?? "",
+              label: e.name ?? "",
+              hide: !1,
+              option: null
+            }
+          ],
+          rowIds: [],
+          metrics: [],
+          filters: e.filters || [],
+          sorts: [
+            {
+              name: e.name ?? "",
+              schemaName: e.schemaName ?? "",
+              type: ye.Asc,
+              aggregation: null,
+              dimensionOption: null
+            }
+          ],
+          joinDatasources: [],
+          limit: null,
+          rollup: void 0,
+          drillDimension: void 0,
+          showGrandTotal: !1,
+          breakdownDimension: void 0,
+          sparklineDimension: void 0,
+          isTransposed: !1,
+          isDrillable: !1
+        },
+        title: ""
+      };
+    }
+    function V(e) {
+      return e.options.every((t) => {
+        var l;
+        return (l = e.filter.values) == null ? void 0 : l.includes(t.value);
+      });
+    }
+    function X(e) {
+      V(e) ? e.filter.values = ["NULL"] : e.filter.values = e.options.map((t) => t.value);
+    }
+    const Z = W(
+      () => o.value.map((e) => {
+        const t = e.options, l = e.search.toLowerCase() ?? "";
+        return t.filter((a) => a.label.toLowerCase().includes(l.toLowerCase()));
+      })
+    );
+    async function ee(e) {
+      switch (e.type) {
+        case w.String:
+          {
+            const t = await _e(
+              Q(e.filter),
+              k.signal
+            ), l = (t == null ? void 0 : t.type) === Y.Table ? t.rows.map((a) => {
+              var d;
+              return ((d = a.cells) == null ? void 0 : d[0]) ?? "";
+            }) : [];
+            e.options = l.map((a) => ({
+              label: a,
+              value: a
+            })), e.filter.values = l.length ? l : ["NULL"];
+          }
+          break;
+        case w.Bool:
+          e.options = [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ], e.filter.values = [!0, !1];
+          break;
+        case w.Timestamp:
+        case w.Numeric:
+          break;
+      }
+    }
+    async function te() {
+      if (!(!n.value || !o.value.length)) {
+        k && (k == null || k.abort()), k = new AbortController();
+        try {
+          i.value = !0;
+          const e = o.value.map(async (t) => {
+            await ee(t);
+          });
+          await Promise.all(e);
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    function le(e, t) {
+      var a, d;
+      if ((a = e.filter.values) == null ? void 0 : a.includes(t)) {
+        let x = (e.filter.values || []).filter((s) => s !== t);
+        x.length === 0 && (x = ["NULL"]), e.filter.values = x;
+      } else
+        (d = e.filter.values) == null || d.push(t);
+    }
+    function M(e, t) {
+      if (t === null)
+        e.values = [];
+      else {
+        const l = E(t.startDate).startOf("day").utc().toISOString(), a = E(t.endDate).endOf("day").utc().toISOString();
+        e.values = [l, a];
+      }
+    }
+    function ae(e) {
+      var l;
+      const t = (l = e.filter.values) == null ? void 0 : l.filter((a) => a !== "NULL");
+      return `${v("report.section.filter.selectAll")} (${t == null ? void 0 : t.length}/${e.options.length})`;
+    }
+    function se(e) {
+      const t = e.options.length, l = v("report.section.filter.search"), a = v("report.common.results", { count: t });
+      return `${l} (${a})`;
+    }
+    function O(e) {
+      var l, a, d;
+      const t = de(e.filter);
+      switch (e.type) {
+        case w.Timestamp:
+          return ((l = e.filter.values) == null ? void 0 : l.length) === 2 ? `${t} is between ${ge({
+            startDate: (a = e.filter.values) == null ? void 0 : a[0],
+            endDate: (d = e.filter.values) == null ? void 0 : d[1],
+            locale: Fe()
+          })}` : t;
+        default:
+          return t;
+      }
+    }
+    return (e, t) => {
+      const l = b("FmCircularProgress"), a = b("FmTextField"), d = b("FmMenuItem"), x = b("FmMenu");
+      return u(), f("div", xe, [
+        (u(!0), f(D, null, U(o.value, (s, ne) => {
+          var A, B, j;
+          return u(), f("div", {
+            key: `${s.filter.schemaName}-${s.filter.name}`
+          }, [
+            s.type === r(w).Timestamp ? (u(), g(J, {
+              key: 0,
+              "model-value": { startDate: (A = s.filter.values) == null ? void 0 : A[0], endDate: (B = s.filter.values) == null ? void 0 : B[1] },
+              class: "w-full",
+              label: O(s),
+              removable: ((j = s.filter.values) == null ? void 0 : j.length) === 2,
+              onUpdate: (c) => M(s.filter, c),
+              onChipClosed: () => M(s.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (u(), g(x, {
+              key: 1,
+              "close-on-click": !1,
+              shift: !0
+            }, {
+              "menu-button": C(() => [
+                p(fe, {
+                  "left-icon": "filter_alt",
+                  "right-icon": "expand_more",
+                  label: O(s)
+                }, null, 8, ["label"])
+              ]),
+              "menu-wrapper": C(() => [
+                L("div", we, [
+                  r(i) ? (u(), f("div", Ce, [
+                    p(l)
+                  ])) : N("", !0),
+                  s.options.length > 0 && !r(i) ? (u(), f(D, { key: 1 }, [
+                    p(a, {
+                      modelValue: s.search,
+                      "onUpdate:modelValue": (c) => s.search = c,
+                      type: "text",
+                      "prepend-icon": "search",
+                      placeholder: se(s),
+                      class: "border px-2 py-1 text-sm mb-1 rounded"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]),
+                    p(d, {
+                      label: ae(s),
+                      "has-checkbox": !0,
+                      "model-value": V(s),
+                      indeterminate: !0,
+                      onClick: (c) => X(s)
+                    }, null, 8, ["label", "model-value", "onClick"]),
+                    (u(!0), f(D, null, U(Z.value[ne], (c) => {
+                      var P;
+                      return u(), g(d, {
+                        key: c.value,
+                        label: c.label,
+                        "has-checkbox": !0,
+                        "model-value": (P = s.filter.values) == null ? void 0 : P.includes(c.value),
+                        onClick: () => le(s, c.value)
+                      }, null, 8, ["label", "model-value", "onClick"]);
+                    }), 128))
+                  ], 64)) : r(i) ? N("", !0) : (u(), g(he, { key: 2 }))
+                ])
+              ]),
+              _: 2
+            }, 1024))
+          ]);
+        }), 128)),
+        re(e.$slots, "default")
+      ]);
+    };
+  }
+}), $e = { class: "flex flex-col gap-2 overflow-x-auto overflow-y-hidden scrollbar-hide" }, De = { class: "flex flex-col gap-2 py-2" }, Te = /* @__PURE__ */ R({
+  __name: "Filter",
+  setup(I) {
+    const {
+      locations: v,
+      selectedLocationIds: m,
+      dateRange: F,
+      compareDateRange: i,
+      timeRange: _,
+      defaultDateSetting: y,
+      selectTimeDefault: h
+    } = T(H());
+    return ($, n) => (u(), f("div", $e, [
+      L("div", De, [
+        p(pe, {
+          modelValue: r(m),
+          "onUpdate:modelValue": n[5] || (n[5] = (o) => S(m) ? m.value = o : null),
+          options: r(v)
+        }, {
+          default: C(() => [
+            p(J, {
+              "date-range": r(F),
+              "onUpdate:dateRange": n[0] || (n[0] = (o) => S(F) ? F.value = o : null),
+              "compare-date-range": r(i),
+              "onUpdate:compareDateRange": n[1] || (n[1] = (o) => S(i) ? i.value = o : null),
+              "compare-type": r(y).defaultCompareType,
+              "onUpdate:compareType": n[2] || (n[2] = (o) => r(y).defaultCompareType = o),
+              compare: ""
+            }, null, 8, ["date-range", "compare-date-range", "compare-type"]),
+            p(ce, {
+              "time-range": r(_),
+              "onUpdate:timeRange": n[3] || (n[3] = (o) => S(_) ? _.value = o : null),
+              "select-time-default": r(h),
+              "onUpdate:selectTimeDefault": n[4] || (n[4] = (o) => S(h) ? h.value = o : null),
+              "default-date-range": r(y).timeOptions
+            }, null, 8, ["time-range", "select-time-default", "default-date-range"]),
+            p(Se)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "options"])
+      ])
+    ]));
+  }
+}), Le = { class: "fm-typo-en-body-md-400" }, je = /* @__PURE__ */ R({
+  __name: "MenuTab",
+  props: {
+    modelValue: { required: !1, default: [] },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(I) {
+    const v = ue(I, "modelValue"), { breakpoints: m } = ke();
+    return (F, i) => {
+      const _ = b("FmButton"), y = b("FmIcon"), h = b("FmMenuItem"), $ = b("FmMenu");
+      return u(), f("div", {
+        class: z(["flex items-start pb-2 px-24", `${r(m).lg || r(m).md ? "px-24" : "pl-3"}`])
+      }, [
+        p(Te),
+        i[0] || (i[0] = L("div", { class: "flex grow" }, null, -1)),
+        v.value.length > 0 ? (u(), g($, {
+          key: 0,
+          trigger: "click",
+          placement: "left",
+          shift: !0,
+          class: z(r(m).sm || r(m).xs ? "pr-3" : "")
+        }, {
+          "menu-button": C(() => [
+            p(_, {
+              "append-icon": "more_vert",
+              variant: "tertiary",
+              size: "md",
+              class: "w-[36px] bg-none"
+            })
+          ]),
+          default: C(() => [
+            (u(!0), f(D, null, U(v.value, (n, o) => (u(), g(h, {
+              key: `button-${o}`,
+              onClick: n.onClick
+            }, {
+              label: C(() => [
+                n.prependIcon ?? !1 ? (u(), g(y, {
+                  key: 0,
+                  name: n.icon
+                }, null, 8, ["name"])) : N("", !0),
+                L("p", Le, ie(n.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["class"])) : N("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  je as _
+};

package/dist/{OverviewView-N0NfgdDr.js → OverviewView-CrN83kjc.js}

@@ -5,7 +5,7 @@ import { a as P } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BRk-mwH
 import { storeToRefs as R } from "pinia";
 import { _ as S } from "./NoData.vue_vue_type_script_setup_true_lang-qEkm--BH.js";
 import { useBreakpoints as V } from "@feedmepos/ui-library";
-import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-6I99YY2U.js";
+import { _ as z } from "./MenuTab.vue_vue_type_script_setup_true_lang-Ch4dfAbj.js";
 import { useI18n as D } from "@feedmepos/mf-common";
 const G = /* @__PURE__ */ g({
   __name: "OverviewView",

package/dist/{ReportView-nvpOI3qk.js → ReportView-DPA3futC.js}

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as v, resolveComponent as H, createBlock as g, openBlock as u, withCtx as M, createVNode as h, createElementVNode as D, unref as o, normalizeStyle as Y, normalizeClass as R, createElementBlock as $, Fragment as G, renderList as Q } from "vue";
-import { _ as U } from "./MenuTab.vue_vue_type_script_setup_true_lang-6I99YY2U.js";
+import { _ as U } from "./MenuTab.vue_vue_type_script_setup_true_lang-Ch4dfAbj.js";
 import { _ as W } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BE9jLROO.js";
 import { useRouter as K, useRoute as X } from "vue-router";
 import { _ as Z } from "./Default.vue_vue_type_script_setup_true_lang-CUUKwwv6.js";

package/dist/app.js

@@ -4707,7 +4707,7 @@ const a = {
     path: "/overview",
     alias: ["/"],
     name: "overview",
-    component: () => import("./OverviewView-N0NfgdDr.js")
+    component: () => import("./OverviewView-CrN83kjc.js")
   },
   {
     path: "/report",
@@ -4722,7 +4722,7 @@ const a = {
   {
     path: "/report-view",
     name: "reportView",
-    component: () => import("./ReportView-nvpOI3qk.js")
+    component: () => import("./ReportView-DPA3futC.js")
   },
   {
     path: "/report-editor",
@@ -4775,7 +4775,7 @@ const u = {
   "zh-CN": m,
   "th-TH": c,
   "zh-Hant": p
-}, h = e(() => import("./App-B42aRUhC.js"));
+}, h = e(() => import("./App-C2Zq5-lG.js"));
 export {
   h as FmApp,
   u as i18nMessages,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-report",
-  "version": "5.14.2",
+  "version": "5.14.3",
   "files": [
     "dist"
   ],

package/dist/MenuTab.vue_vue_type_script_setup_true_lang-6I99YY2U.js

@@ -1,361 +0,0 @@
-import { defineComponent as R, computed as q, ref as oe, watch as z, resolveComponent as h, createElementBlock as v, openBlock as i, renderSlot as re, Fragment as D, renderList as I, createBlock as g, unref as r, withCtx as S, createElementVNode as T, createCommentVNode as U, createVNode as p, isRef as C, useModel as ie, normalizeClass as E, toDisplayString as ue } from "vue";
-import { u as me, b as J, d as Y, j as de } from "./vue-i18n-Fbuacdec.js";
-import { storeToRefs as N } from "pinia";
-import { a as pe, d as ce } from "./NavigationTab.vue_vue_type_script_setup_true_lang-Bu64bEVK.js";
-import { _ as K, a as fe } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BLPR2QZJ.js";
-import { a as ve, b as be, D as w, q as he, W as H, S as _e } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BRk-mwHe.js";
-import { _ as ye } from "./NoData.vue_vue_type_script_setup_true_lang-qEkm--BH.js";
-import { d as Fe } from "./helper-8cjX1HJZ.js";
-import { detectLocale as ge } from "@feedmepos/mf-common";
-import { useBreakpoints as ke } from "@feedmepos/ui-library";
-const xe = { class: "flex flex-wrap gap-2" }, we = { class: "flex flex-col gap-1 p-2 bg-fm-color-neutral-white max-h-[300px] overflow-y-auto relative fm-shadow-light-300" }, Se = {
-  key: 0,
-  class: "flex justify-center my-2"
-}, Ce = /* @__PURE__ */ R({
-  __name: "FilterSelector",
-  setup(V) {
-    var G;
-    const { t: b } = me(), { currentReport: d } = N(ve());
-    let { globalFilters: k, isGlobalFiltersLoading: m, timeRange: _, dateRange: y, selectedLocationIds: F } = N(J()), { schemas: L } = N(be());
-    const n = q(() => {
-      var e;
-      return ((e = d.value) == null ? void 0 : e.id) ?? "";
-    }), o = oe([]);
-    z(
-      ((G = d.value) == null ? void 0 : G.globalFilters) || [],
-      () => {
-        o.value = k.value.map((e) => ({
-          filter: e,
-          search: "",
-          options: [],
-          type: Q(e)
-        }));
-      },
-      { deep: !0, immediate: !0 }
-    ), z(
-      [_, y, F],
-      async () => {
-        await le();
-      },
-      { deep: !0, immediate: !0 }
-    );
-    var x = void 0;
-    function Q(e) {
-      var a;
-      const t = (a = L.value.find((s) => s.name === e.schemaName)) == null ? void 0 : a.fields.find((s) => s.name === e.name);
-      return t == null ? void 0 : t.type;
-    }
-    function X(e) {
-      return {
-        type: H.Table,
-        config: {
-          schemaNames: Array.from(
-            /* @__PURE__ */ new Set([e.schemaName, ...(e.filters ?? []).map((t) => t.schemaName)])
-          ),
-          dimensions: [
-            {
-              name: e.name ?? "",
-              schemaName: e.schemaName ?? "",
-              label: e.name ?? "",
-              hide: !1,
-              option: null
-            }
-          ],
-          rowIds: [],
-          metrics: [],
-          filters: e.filters || [],
-          sorts: [
-            {
-              name: e.name ?? "",
-              schemaName: e.schemaName ?? "",
-              type: _e.Asc,
-              aggregation: null,
-              dimensionOption: null
-            }
-          ],
-          joinDatasources: [],
-          limit: null,
-          rollup: void 0,
-          drillDimension: void 0,
-          showGrandTotal: !1,
-          breakdownDimension: void 0,
-          sparklineDimension: void 0,
-          isTransposed: !1,
-          isDrillable: !1
-        },
-        title: ""
-      };
-    }
-    function M(e) {
-      return e.options.every((t) => {
-        var a;
-        return (a = e.filter.values) == null ? void 0 : a.includes(t.value);
-      });
-    }
-    function Z(e) {
-      M(e) ? e.filter.values = ["NULL"] : e.filter.values = e.options.map((t) => t.value);
-    }
-    const ee = q(
-      () => o.value.map((e) => {
-        const t = e.options, a = e.search.toLowerCase() ?? "";
-        return t.filter((s) => s.label.toLowerCase().includes(a.toLowerCase()));
-      })
-    );
-    async function te(e) {
-      switch (e.type) {
-        case w.String:
-        case w.Numeric:
-          {
-            const t = await he(
-              X(e.filter),
-              x.signal
-            ), a = (t == null ? void 0 : t.type) === H.Table ? t.rows.map((u) => {
-              var l;
-              return ((l = u.cells) == null ? void 0 : l[0]) ?? "";
-            }) : [];
-            e.options = a.map((u) => ({
-              label: u,
-              value: u
-            }));
-            const s = e.filter.values || [];
-            if (!s.some((u) => u !== "NULL"))
-              e.filter.values = a.length ? a : ["NULL"];
-            else {
-              const u = new Set(a), l = s.filter(
-                ($) => $ === "NULL" || u.has($)
-              );
-              e.filter.values = l.length ? l : ["NULL"];
-            }
-          }
-          break;
-        case w.Bool:
-          e.options = [
-            { label: "Yes", value: !0 },
-            { label: "No", value: !1 }
-          ], (!e.filter.values || e.filter.values.length === 0) && (e.filter.values = [!0, !1]);
-          break;
-        case w.Timestamp:
-          break;
-      }
-    }
-    async function le() {
-      if (!(!n.value || !o.value.length)) {
-        x && (x == null || x.abort()), x = new AbortController();
-        try {
-          m.value = !0;
-          const e = o.value.map(async (t) => {
-            await te(t);
-          });
-          await Promise.all(e);
-        } finally {
-          m.value = !1;
-        }
-      }
-    }
-    function ae(e, t) {
-      var s, c;
-      if ((s = e.filter.values) == null ? void 0 : s.includes(t)) {
-        let u = (e.filter.values || []).filter((l) => l !== t);
-        u.length === 0 && (u = ["NULL"]), e.filter.values = u;
-      } else
-        (c = e.filter.values) == null || c.push(t);
-    }
-    function O(e, t) {
-      if (t === null)
-        e.values = [];
-      else {
-        const a = Y(t.startDate).startOf("day").utc().toISOString(), s = Y(t.endDate).endOf("day").utc().toISOString();
-        e.values = [a, s];
-      }
-    }
-    function se(e) {
-      var a;
-      const t = (a = e.filter.values) == null ? void 0 : a.filter((s) => s !== "NULL");
-      return `${b("report.section.filter.selectAll")} (${t == null ? void 0 : t.length}/${e.options.length})`;
-    }
-    function ne(e) {
-      const t = e.options.length, a = b("report.section.filter.search"), s = b("report.common.results", { count: t });
-      return `${a} (${s})`;
-    }
-    function A(e) {
-      var a, s, c;
-      const t = de(e.filter);
-      switch (e.type) {
-        case w.Timestamp:
-          return ((a = e.filter.values) == null ? void 0 : a.length) === 2 ? `${t} is between ${Fe({
-            startDate: (s = e.filter.values) == null ? void 0 : s[0],
-            endDate: (c = e.filter.values) == null ? void 0 : c[1],
-            locale: ge()
-          })}` : t;
-        default:
-          return t;
-      }
-    }
-    return (e, t) => {
-      const a = h("FmCircularProgress"), s = h("FmTextField"), c = h("FmMenuItem"), u = h("FmMenu");
-      return i(), v("div", xe, [
-        (i(!0), v(D, null, I(o.value, (l, $) => {
-          var B, j, P;
-          return i(), v("div", {
-            key: `${l.filter.schemaName}-${l.filter.name}`
-          }, [
-            l.type === r(w).Timestamp ? (i(), g(K, {
-              key: 0,
-              "model-value": { startDate: (B = l.filter.values) == null ? void 0 : B[0], endDate: (j = l.filter.values) == null ? void 0 : j[1] },
-              class: "w-full",
-              label: A(l),
-              removable: ((P = l.filter.values) == null ? void 0 : P.length) === 2,
-              onUpdate: (f) => O(l.filter, f),
-              onChipClosed: () => O(l.filter, null)
-            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (i(), g(u, {
-              key: 1,
-              "close-on-click": !1,
-              shift: !0
-            }, {
-              "menu-button": S(() => [
-                p(fe, {
-                  "left-icon": "filter_alt",
-                  "right-icon": "expand_more",
-                  label: A(l)
-                }, null, 8, ["label"])
-              ]),
-              "menu-wrapper": S(() => [
-                T("div", we, [
-                  r(m) ? (i(), v("div", Se, [
-                    p(a)
-                  ])) : U("", !0),
-                  l.options.length > 0 && !r(m) ? (i(), v(D, { key: 1 }, [
-                    p(s, {
-                      modelValue: l.search,
-                      "onUpdate:modelValue": (f) => l.search = f,
-                      type: "text",
-                      "prepend-icon": "search",
-                      placeholder: ne(l),
-                      class: "border px-2 py-1 text-sm mb-1 rounded"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]),
-                    p(c, {
-                      label: se(l),
-                      "has-checkbox": !0,
-                      "model-value": M(l),
-                      indeterminate: !0,
-                      onClick: (f) => Z(l)
-                    }, null, 8, ["label", "model-value", "onClick"]),
-                    (i(!0), v(D, null, I(ee.value[$], (f) => {
-                      var W;
-                      return i(), g(c, {
-                        key: f.value,
-                        label: f.label,
-                        "has-checkbox": !0,
-                        "model-value": (W = l.filter.values) == null ? void 0 : W.includes(f.value),
-                        onClick: () => ae(l, f.value)
-                      }, null, 8, ["label", "model-value", "onClick"]);
-                    }), 128))
-                  ], 64)) : r(m) ? U("", !0) : (i(), g(ye, { key: 2 }))
-                ])
-              ]),
-              _: 2
-            }, 1024))
-          ]);
-        }), 128)),
-        re(e.$slots, "default")
-      ]);
-    };
-  }
-}), Le = { class: "flex flex-col gap-2 overflow-x-auto overflow-y-hidden scrollbar-hide" }, $e = { class: "flex flex-col gap-2 py-2" }, De = /* @__PURE__ */ R({
-  __name: "Filter",
-  setup(V) {
-    const {
-      locations: b,
-      selectedLocationIds: d,
-      dateRange: k,
-      compareDateRange: m,
-      timeRange: _,
-      defaultDateSetting: y,
-      selectTimeDefault: F
-    } = N(J());
-    return (L, n) => (i(), v("div", Le, [
-      T("div", $e, [
-        p(pe, {
-          modelValue: r(d),
-          "onUpdate:modelValue": n[5] || (n[5] = (o) => C(d) ? d.value = o : null),
-          options: r(b)
-        }, {
-          default: S(() => [
-            p(K, {
-              "date-range": r(k),
-              "onUpdate:dateRange": n[0] || (n[0] = (o) => C(k) ? k.value = o : null),
-              "compare-date-range": r(m),
-              "onUpdate:compareDateRange": n[1] || (n[1] = (o) => C(m) ? m.value = o : null),
-              "compare-type": r(y).defaultCompareType,
-              "onUpdate:compareType": n[2] || (n[2] = (o) => r(y).defaultCompareType = o),
-              compare: ""
-            }, null, 8, ["date-range", "compare-date-range", "compare-type"]),
-            p(ce, {
-              "time-range": r(_),
-              "onUpdate:timeRange": n[3] || (n[3] = (o) => C(_) ? _.value = o : null),
-              "select-time-default": r(F),
-              "onUpdate:selectTimeDefault": n[4] || (n[4] = (o) => C(F) ? F.value = o : null),
-              "default-date-range": r(y).timeOptions
-            }, null, 8, ["time-range", "select-time-default", "default-date-range"]),
-            p(Ce)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "options"])
-      ])
-    ]));
-  }
-}), Ne = { class: "fm-typo-en-body-md-400" }, je = /* @__PURE__ */ R({
-  __name: "MenuTab",
-  props: {
-    modelValue: { required: !1, default: [] },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(V) {
-    const b = ie(V, "modelValue"), { breakpoints: d } = ke();
-    return (k, m) => {
-      const _ = h("FmButton"), y = h("FmIcon"), F = h("FmMenuItem"), L = h("FmMenu");
-      return i(), v("div", {
-        class: E(["flex items-start pb-2 px-24", `${r(d).lg || r(d).md ? "px-24" : "pl-3"}`])
-      }, [
-        p(De),
-        m[0] || (m[0] = T("div", { class: "flex grow" }, null, -1)),
-        b.value.length > 0 ? (i(), g(L, {
-          key: 0,
-          trigger: "click",
-          placement: "left",
-          shift: !0,
-          class: E(r(d).sm || r(d).xs ? "pr-3" : "")
-        }, {
-          "menu-button": S(() => [
-            p(_, {
-              "append-icon": "more_vert",
-              variant: "tertiary",
-              size: "md",
-              class: "w-[36px] bg-none"
-            })
-          ]),
-          default: S(() => [
-            (i(!0), v(D, null, I(b.value, (n, o) => (i(), g(F, {
-              key: `button-${o}`,
-              onClick: n.onClick
-            }, {
-              label: S(() => [
-                n.prependIcon ?? !1 ? (i(), g(y, {
-                  key: 0,
-                  name: n.icon
-                }, null, 8, ["name"])) : U("", !0),
-                T("p", Ne, ue(n.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClick"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["class"])) : U("", !0)
-      ], 2);
-    };
-  }
-});
-export {
-  je as _
-};