@feedmepos/mf-report 5.19.20 → 5.19.21-beta.0

package/dist/FilterSelector.vue_vue_type_script_setup_true_lang-Cgc4ZMrl.js

@@ -0,0 +1,2455 @@
+import { computed as C, defineComponent as Ee, mergeModels as Ue, useModel as Oe, ref as p, onMounted as Je, nextTick as ke, watch as fe, resolveComponent as q, createElementBlock as ee, openBlock as E, Fragment as Ce, renderSlot as Ye, createVNode as O, normalizeStyle as He, unref as s, createElementVNode as U, toDisplayString as Ae, withCtx as ae, createBlock as ie, createCommentVNode as ze, normalizeClass as Xe, h as xt, renderList as Ct, toRaw as va, markRaw as ga, createTextVNode as Rt, onUnmounted as ya, resolveDynamicComponent as ba, withDirectives as wa, vShow as Sa, withModifiers as Tt, isRef as xa } from "vue";
+import { W as M, e as dt, f as Ca, S as lt, v as ut, g as ka, h as Ft, i as Kt, q as Zt, R as et, j as _a, D as Pe, c as he, C as Fe, a as Ta, b as Fa, _ as Da } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CosulEnD.js";
+import { u as mt, b as ct, a as It, d as tt, i as La } from "./vue-i18n-BJW_sJot.js";
+import { d as Yt, _ as Ra, a as Va, b as Aa, c as za } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BeBr4VIF.js";
+import { storeToRefs as $e, defineStore as Qt } from "pinia";
+import { useBreakpoints as ea, useSnackbar as Wt, components as $a } from "@feedmepos/ui-library";
+import { a as Ea } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
+import { r as st } from "./i18n-Cif1I9J2.js";
+import { _ as Vt } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
+import "@feedmepos/mf-common";
+var At = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(At || {}), je = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(je || {}), zt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(zt || {}), $t = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))($t || {}), Et = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Et || {}), Mt = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Mt || {}), Nt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Nt || {});
+M.Circular, M.Table, M.BarChart, M.LineChart, M.StackBarChart, M.StackLineChart, M.Scorecard, M.Spacer;
+const Ma = [
+  {
+    type: M.Circular,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: M.Table,
+    showLabel: !1,
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !0
+  },
+  {
+    type: M.BarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: M.LineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: M.StackBarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: M.StackLineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: M.Scorecard,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: M.Spacer,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  }
+];
+function Dt(e) {
+  const l = [e.schemaName, e.name];
+  return "option" in e && e.option && l.push(e.option), "aggregation" in e && e.aggregation && l.push(e.aggregation), l.push(e.label.replace(/[^a-zA-Z0-9]/g, "")), l.join("_").toLowerCase();
+}
+function Na(e, l) {
+  switch (e) {
+    case M.BarChart:
+    case M.LineChart:
+    case M.StackBarChart:
+    case M.StackLineChart:
+      return Array.isArray(l == null ? void 0 : l.datasets) && Array.isArray(l == null ? void 0 : l.xAxis) && l.datasets.length > 0 && l.xAxis.length > 0;
+    case M.Table:
+      return Array.isArray(l == null ? void 0 : l.rows) && Array.isArray(l == null ? void 0 : l.columns) && l.rows.length > 0 && l.columns.length > 0;
+    case M.Circular:
+      return Array.isArray(l == null ? void 0 : l.datasets) && l.datasets.length > 0;
+    case M.Scorecard:
+      return !0;
+    case M.Spacer:
+      return !0;
+  }
+}
+const jt = [
+  "54, 162, 235",
+  //8CE6D7
+  "0, 123, 167",
+  //007BA7
+  "255, 93, 83",
+  //FF5D53
+  "115, 200, 230",
+  //73C8E6
+  "252, 162, 62",
+  //FCA23E
+  "240, 155, 190",
+  //F09BBE
+  "255, 210, 50",
+  //FFD232
+  "80, 190, 155",
+  //50BE9B
+  "131, 88, 212",
+  //8358D4
+  "155, 80, 70"
+  //9B5046
+];
+function Be({
+  index: e,
+  isCompare: l,
+  opacity: u
+}) {
+  let a = typeof u == "number" ? u : 1;
+  return l && (a = a * 0.6), `rgba(${jt[e % jt.length]}, ${a})`;
+}
+function ta(e, l, u) {
+  if (e === "" || l === "")
+    return null;
+  let a = (A) => A == null ? void 0 : A.replace(/,/g, "");
+  u === "ID" && (a = (A) => A == null ? void 0 : A.replace(/\./g, "").replace(/,/g, "."));
+  const w = Number(a(e)), x = Number(a(l));
+  if (isNaN(w) || isNaN(x))
+    return null;
+  let R = 0;
+  x === 0 ? w === 0 ? R = 0 : R = 1 : R = (w - x) / x;
+  const L = Ia(R);
+  return {
+    value: isNaN(R) ? "" : `${(R * 100).toFixed(0)}%`,
+    icon: L
+  };
+}
+function Ia(e) {
+  return e > 0 ? {
+    name: "moving",
+    color: "#1F7735",
+    tailwind: "fm-color-system-success-100"
+  } : e < 0 ? {
+    name: "trending_down",
+    color: "#99231D",
+    tailwind: "fm-color-system-error-100"
+  } : {
+    name: "equal",
+    color: "#C7C7CC",
+    tailwind: "fm-color-neutral-gray-100"
+  };
+}
+function pt(e) {
+  function l(d, m, i) {
+    if (d.measureText(m).width <= i) return m;
+    const c = "…";
+    let S = 0, y = m.length;
+    for (; S < y; ) {
+      const T = Math.floor((S + y) / 2), v = m.slice(0, T) + c;
+      d.measureText(v).width <= i ? S = T + 1 : y = T;
+    }
+    return m.slice(0, S - 1) + c;
+  }
+  const u = C(() => ({
+    display: e.showLabel,
+    align: e.labelAlign,
+    anchor: e.labelAnchor,
+    rotation: e.labelRotation,
+    offset: e.labelOffset,
+    font: {
+      size: e.labelFontSize
+    },
+    color: (d) => {
+      const m = d.chart.data.datasets[d.datasetIndex];
+      return m.borderColor ? Array.isArray(m.borderColor) ? m.borderColor[d.dataIndex] : m.borderColor : m.backgroundColor ? Array.isArray(m.backgroundColor) ? m.backgroundColor[d.dataIndex] : m.backgroundColor : "#000";
+    },
+    formatter: (d) => d === 0 ? "" : d.toLocaleString("en-US")
+  })), a = C(() => ({
+    display: e.showX,
+    position: e.xPosition,
+    grid: {
+      display: e.showXGrid
+    },
+    ticks: {
+      display: e.showXTick,
+      callback: function(d) {
+        if ((e == null ? void 0 : e.isTransposed) === !0) return String(d);
+        let i = String(d);
+        const c = this;
+        c && typeof c.getLabelForValue == "function" && (i = c.getLabelForValue(d));
+        const S = c == null ? void 0 : c.chart, y = c == null ? void 0 : c.ctx, T = S.height * 0.25;
+        if (y && T > 0) {
+          y.save();
+          const I = y.measureText(i).width > T ? l(y, i, T) : i;
+          return y.restore(), I;
+        }
+        return i;
+      },
+      font: {
+        size: e.xTickFontSize
+      }
+    },
+    title: {
+      display: e.showXTitle,
+      text: e.xTitle,
+      font: {
+        size: e.xTitleFontSize
+      }
+    },
+    afterBuildTicks: (d) => {
+      const m = Array.isArray(d == null ? void 0 : d.ticks) ? d.ticks : [];
+      if (m.length === 0) return;
+      const i = d.getLabelForValue(m[0].value), c = !isNaN(Number(i));
+      d.options.ticks.minRotation = c || m.length < 10 ? 0 : 90;
+    },
+    afterFit: (d) => {
+      if (!(e != null && e.isTransposed)) {
+        const m = d.chart.height * 0.4;
+        d.height > m && (d.height = m);
+      }
+    }
+  })), w = C(() => ({
+    display: e.showY,
+    position: e.yPosition,
+    grid: {
+      display: e.showYGrid
+    },
+    ticks: {
+      display: e.showYTick,
+      font: {
+        size: e.yTickFontSize
+      },
+      callback: function(d) {
+        if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(d);
+        let i = String(d);
+        const c = this;
+        c && typeof c.getLabelForValue == "function" && (i = c.getLabelForValue(d));
+        const S = c == null ? void 0 : c.chart, y = c == null ? void 0 : c.ctx, T = S.width * 0.4;
+        if (y && T > 0) {
+          y.save();
+          const I = y.measureText(i).width > T ? l(y, i, T) : i;
+          return y.restore(), I;
+        }
+        return i;
+      }
+    },
+    title: {
+      display: e.showYTitle,
+      text: e.yTitle,
+      font: {
+        size: e.yTitleFontSize
+      }
+    }
+  })), x = C(() => ({
+    display: e.showLegend,
+    position: e.legendPosition,
+    usePointStyle: e.usePointStyle,
+    maxHeight: e.legendMaxHeight,
+    maxWidth: e.legendMaxWidth,
+    labels: {
+      usePointStyle: e.usePointStyle ?? !0,
+      generateLabels: (d) => {
+        var i;
+        const m = ((i = d == null ? void 0 : d.data) == null ? void 0 : i.datasets) || [];
+        if (m.length === 0) return [];
+        if (m.length === 1 && Array.isArray(m[0].backgroundColor) && m[0].backgroundColor.length > 1 && Array.isArray(m[0].data)) {
+          const c = m[0];
+          return d.data.labels.map((y, T) => {
+            const v = c.backgroundColor[T];
+            return {
+              text: y,
+              fontColor: "#6b6b6b",
+              fillStyle: v,
+              strokeStyle: v,
+              datasetIndex: 0,
+              index: T,
+              hidden: d.getDataVisibility ? !d.getDataVisibility(T) : !1
+            };
+          });
+        }
+        return d.data.datasets.map((c, S) => {
+          const y = c.borderColor || c.backgroundColor;
+          return {
+            text: c.label,
+            fontColor: "#6b6b6b",
+            fillStyle: y,
+            strokeStyle: y,
+            datasetIndex: S,
+            hidden: !d.isDatasetVisible(S)
+          };
+        });
+      }
+    }
+  })), R = C(() => e.isTransposed), L = C(() => e.chartWidth), A = C(() => e.chartHeight);
+  return { datalabels: u, xCfg: a, yCfg: w, isTransposed: R, legend: x, chartWidth: L, chartHeight: A };
+}
+const Wa = /* @__PURE__ */ Ee({
+  __name: "WidgetBarchart",
+  props: /* @__PURE__ */ Ue({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, u = Oe(e, "modelValue"), a = p(null), w = C(() => {
+      var v;
+      return ((v = u.value.data) == null ? void 0 : v.xAxis) ?? [];
+    }), x = C(() => {
+      var v;
+      return ((v = u.value.data) == null ? void 0 : v.datasets) ?? [];
+    }), { datalabels: R, xCfg: L, yCfg: A, isTransposed: d, legend: m, chartWidth: i, chartHeight: c } = pt(
+      u.value
+    ), S = C(() => x.value.length > 0 ? [
+      ...x.value.map((v, I) => ({
+        label: v.name,
+        data: v.values,
+        dash: !!v.isCompare,
+        backgroundColor: Be({ index: I, isCompare: v.isCompare })
+      }))
+    ] : []), y = dt();
+    function T() {
+      return y.extractChartSize(a.value, l.tileIndex) || { width: 0, height: 0 };
+    }
+    return Je(() => {
+      ke(() => {
+        T();
+      });
+    }), fe([S], () => {
+      ke(() => T());
+    }), (v, I) => {
+      const h = q("FmBarChart");
+      return E(), ee(Ce, null, [
+        Ye(v.$slots, "menu"),
+        O(h, {
+          ref_key: "chartRef",
+          ref: a,
+          class: "bar-chart",
+          datasets: S.value,
+          "x-axis": { categories: w.value },
+          "x-cfg": s(L),
+          "y-cfg": s(A),
+          transpose: s(d),
+          legend: {
+            display: s(m).display ?? !1,
+            position: s(m).position,
+            maxHeight: s(m).maxHeight,
+            maxWidth: s(m).maxWidth,
+            labels: s(m).labels
+          },
+          datalabels: s(R),
+          "maintain-aspect-ratio": !1,
+          style: He({
+            "--chart-width": s(i) !== void 0 ? s(i) + "px" : "100%",
+            "--chart-height": s(c) !== void 0 ? s(c) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), Pa = /* @__PURE__ */ Ee({
+  __name: "WidgetCircular",
+  props: /* @__PURE__ */ Ue({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, u = Oe(e, "modelValue"), { breakpoints: a } = ea(), w = p(null), { datalabels: x, legend: R, chartWidth: L, chartHeight: A } = pt(u.value), d = C(() => {
+      let S = [];
+      return u.value.data.datasets && u.value.data.metrics && u.value.data.datasets.length > 0 && u.value.data.metrics.length > 0 && (S = [
+        {
+          label: u.value.data.metrics[0],
+          data: u.value.data.datasets.map((y) => y.value),
+          backgroundColor: u.value.data.datasets.map((y, T) => Be({ index: T }))
+        }
+      ]), S;
+    }), m = dt();
+    function i() {
+      return m.extractChartSize(w.value, l.tileIndex) || { width: 0, height: 0 };
+    }
+    Je(() => {
+      ke(() => {
+        i();
+      });
+    }), fe([d], () => {
+      ke(() => i());
+    });
+    const c = C(() => a.value.lg ? 12 : 8);
+    return (S, y) => {
+      const T = q("FmPieChart");
+      return E(), ee(Ce, null, [
+        Ye(S.$slots, "menu"),
+        O(T, {
+          ref_key: "chartRef",
+          ref: w,
+          class: "circular",
+          percentage: "70%",
+          datasets: d.value,
+          metrics: u.value.data.datasets.map((v) => v.name),
+          variant: "doughnut",
+          legend: {
+            display: s(R).display ?? !0,
+            position: s(R).position ?? "top",
+            maxHeight: s(R).maxHeight,
+            maxWidth: s(R).maxWidth,
+            labels: {
+              ...s(R).labels,
+              font: {
+                size: c.value
+              }
+            }
+          },
+          datalabels: s(x),
+          "maintain-aspect-ratio": !1,
+          style: He({
+            "--chart-width": s(L) !== void 0 ? s(L) + "px" : "100%",
+            "--chart-height": s(A) !== void 0 ? s(A) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), Ba = { class: "flex flex-col gap-1" }, Ha = { class: "fm-typo-en-title-sm-600" }, Oa = { class: "flex gap-2" }, qa = { key: 0 }, Ua = { key: 1 }, Ya = /* @__PURE__ */ Ee({
+  __name: "WidgetScorecard",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = Oe(e, "modelValue"), { t: u } = mt(), { compareDateRange: a, defaultDateSetting: w } = $e(ct()), { country: x } = It(), R = C(() => {
+      var i;
+      return ((i = l.value.data) == null ? void 0 : i.value) || "";
+    }), L = C(() => {
+      const { data: i } = l.value;
+      return i != null && i.comparison ? ta(R.value, i.comparison, x) : null;
+    });
+    function A(i) {
+      switch (i) {
+        case At.bar:
+          return "bar";
+        case At.line:
+          return "line";
+        default:
+          return "line";
+      }
+    }
+    const d = C(() => {
+      var i;
+      return (i = l.value.data) == null ? void 0 : i.sparkline;
+    }), m = C(() => d.value.datasets.map((i) => ({
+      label: i.name,
+      data: i.values,
+      fill: !0,
+      color: "#36a2eb"
+    })));
+    return (i, c) => {
+      var I;
+      const S = q("FmIcon"), y = q("FmChip"), T = q("FmTooltip"), v = q("FmLineChart");
+      return E(), ee("div", Ba, [
+        Ye(i.$slots, "menu"),
+        U("p", Ha, Ae(R.value), 1),
+        U("div", Oa, [
+          O(T, {
+            content: `vs. ${(I = s(w).defaultCompareType) == null ? void 0 : I.split("_").join(" ")}`,
+            placement: "right",
+            "hide-arrow": "",
+            variant: "plain"
+          }, {
+            default: ae(() => [
+              L.value ? (E(), ie(y, {
+                key: 0,
+                icon: L.value.icon.name,
+                class: Xe(`bg-${L.value.icon.tailwind}`),
+                compact: ""
+              }, {
+                default: ae(() => [
+                  O(S, {
+                    name: L.value.icon.name,
+                    color: L.value.icon.color
+                  }, null, 8, ["name", "color"]),
+                  U("p", {
+                    class: "fm-typo-en-body-md-600",
+                    style: He({ color: L.value.icon.color })
+                  }, Ae(L.value.value), 5)
+                ]),
+                _: 1
+              }, 8, ["icon", "class"])) : ze("", !0),
+              s(a).endDate !== null && s(a).startDate !== null && L.value === null ? (E(), ie(y, {
+                key: 1,
+                compact: ""
+              }, {
+                default: ae(() => [
+                  O(S, {
+                    name: "arrow_upward",
+                    color: "#C7C7CC"
+                  }),
+                  c[0] || (c[0] = U("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                ]),
+                _: 1
+              })) : ze("", !0)
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ]),
+        d.value ? (E(), ee("div", qa, [
+          A(d.value.type) === "line" ? (E(), ie(v, {
+            key: 0,
+            class: "sparkline",
+            datasets: m.value,
+            legend: {
+              display: !1
+            },
+            datalabels: { display: !1 },
+            "x-axis": { categories: d.value.dimensions },
+            "y-cfg": { display: !1 },
+            "x-cfg": { display: !1 },
+            "maintain-aspect-ratio": !1
+          }, null, 8, ["datasets", "x-axis"])) : ze("", !0)
+        ])) : (E(), ee("div", Ua, c[1] || (c[1] = [
+          U("div", { class: "sparkline" }, [
+            U("div", { class: "flex flex-col gap-8" }, [
+              U("div"),
+              U("div")
+            ]),
+            U("div", { class: "grow" })
+          ], -1)
+        ])))
+      ]);
+    };
+  }
+}), ja = {};
+function Ga(e, l) {
+  const u = q("FmMenuDivider");
+  return E(), ie(u);
+}
+const Xa = /* @__PURE__ */ Ea(ja, [["render", Ga]]), Ja = "mf-reporttable-dimension", Gt = Qt(Ja, () => {
+  const e = p(0), l = p([]), u = p(!1), a = (h, n) => {
+    e.value = h, x(h, n);
+  }, w = (h, n, k, F) => {
+    l[h] = n, l.value = [...l.value], R(h, n, k, F);
+  }, x = (h, n) => {
+    const k = (n == null ? void 0 : n.querySelectorAll("thead tr")) ?? [], F = (n == null ? void 0 : n.querySelectorAll("tbody tr")) ?? [];
+    [...k, ...F].forEach((B) => {
+      const G = B;
+      G && (G.style.height = `${h}px`);
+    });
+  }, R = (h, n, k, F = !1) => {
+    const z = (k == null ? void 0 : k.querySelectorAll("th")) ?? [];
+    if (h === void 0) return;
+    const B = z[h], G = F ? l[h] : n;
+    if (!B || G === void 0) return;
+    const X = () => {
+      B.style.width = `${G}px`;
+    };
+    F ? requestAnimationFrame(X) : X();
+  }, L = () => {
+    const h = document.querySelectorAll("th"), n = document.querySelectorAll("td"), k = document.querySelector("table");
+    k == null || k.classList.add("table-fixed"), h.forEach((F) => F.classList.add("toggleEditResize")), n.forEach((F) => F.classList.add("toggleEditResize")), u.value = !0;
+  }, A = () => {
+    const h = document.querySelectorAll("th"), n = document.querySelectorAll("td"), k = document.querySelectorAll(".col-resize-handle"), F = document.querySelectorAll(".row-resize-handle");
+    h.forEach((z) => z.classList.remove("toggleEditResize")), n.forEach((z) => z.classList.remove("toggleEditResize")), k.forEach((z) => z.remove()), F.forEach((z) => z.remove()), u.value = !1;
+  }, d = () => {
+    e.value = 0, l.value = [];
+  }, m = (h, n) => {
+    if (n) {
+      const k = document.querySelectorAll(`thead th:nth-child(${h + 1})`), F = document.querySelectorAll(`tbody td:nth-child(${h + 1})`);
+      [...k, ...F].forEach((z) => {
+        z.classList.add("highlight-hover-col");
+      });
+    } else
+      document.querySelectorAll(
+        `thead th:nth-child(${h + 1}), tbody td:nth-child(${h + 1})`
+      ).forEach((k) => k.classList.add("highlight-col"));
+  }, i = (h) => {
+    const n = document.querySelectorAll("thead tr"), k = document.querySelectorAll("tbody tr"), F = [...n, ...k];
+    for (const z of F)
+      h ? z.classList.add("highlight-hover-row") : z.classList.add("highlight-row");
+  }, c = (h) => {
+    const n = h ? ".highlight-hover-row" : ".highlight-row", k = document.querySelectorAll(n);
+    for (const F of k)
+      F.classList.remove(n.slice(1));
+  }, S = (h) => {
+    h ? document.querySelectorAll(".highlight-hover-col").forEach((n) => {
+      n.classList.remove("highlight-hover-col");
+    }) : document.querySelectorAll(".highlight-col").forEach((n) => n.classList.remove("highlight-col"));
+  }, y = (h, n) => {
+    const k = /* @__PURE__ */ new Map(), F = h.clientX, z = h.target.closest("table"), B = z == null ? void 0 : z.querySelectorAll("th")[n], G = B == null ? void 0 : B.getBoundingClientRect().width, X = k.get(n) ? l[n.toString()] || 60 : (k.set(n, !0), G || l[n.toString()] || 60), le = B == null ? void 0 : B.querySelector("p");
+    if (!le) return;
+    const ve = le.textContent || "", we = window.getComputedStyle(le), De = `${we.fontWeight} ${we.fontSize} ${we.fontFamily}`, _e = document.createElement("canvas").getContext("2d");
+    if (!_e) return;
+    _e.font = De;
+    const b = _e.measureText(ve), $ = window.getComputedStyle(B), j = parseFloat($.paddingLeft || "0"), W = parseFloat($.paddingRight || "0"), H = b.width + j + W;
+    m(n, !1);
+    const N = (Te) => {
+      const ge = Te.clientX - F, Se = Math.max(H, X + ge);
+      if (z) {
+        w(n, Se, z, !0);
+        let ye = 0;
+        z.querySelectorAll("th").forEach((Ve, t) => {
+          ye += t === n ? Se : l[t] || Ve.getBoundingClientRect().width;
+        }), z.classList.remove("w-full"), z.style.width = `${ye}px`;
+        const Re = z == null ? void 0 : z.parentElement;
+        if (Re) {
+          const Ve = Re.scrollWidth, t = Re.scrollLeft;
+          Re.offsetWidth + t >= Ve - 100 && (Re.scrollLeft = Ve);
+        }
+      }
+    }, ue = () => {
+      const Te = (z == null ? void 0 : z.querySelectorAll("th")) ?? [], ge = [...l.value];
+      Te.forEach((Se, ye) => {
+        const qe = Se.getBoundingClientRect().width;
+        l[ye] = qe, ge[ye] = qe;
+      }), l.value = ge, S(!1), document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", ue);
+    };
+    document.addEventListener("mousemove", N), document.addEventListener("mouseup", ue);
+  }, T = (h) => {
+    const n = h.clientY, k = h.target.closest("table"), F = e.value || 48;
+    i(!1);
+    const z = (G) => {
+      const X = Math.max(30, F + (G.clientY - n));
+      k && a(X, k);
+    }, B = () => {
+      c(!1), document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", B);
+    };
+    document.addEventListener("mousemove", z), document.addEventListener("mouseup", B);
+  };
+  return {
+    rowHeight: e,
+    colWidths: l,
+    isEditing: u,
+    updateRowHeight: a,
+    updateColWidth: w,
+    setRowHeights: x,
+    setColWidths: R,
+    enableEditMode: L,
+    disableEditMode: A,
+    resetStore: d,
+    highlightCol: m,
+    highlightRows: i,
+    removeRowHighlight: c,
+    removeColHighlight: S,
+    resizeCol: y,
+    resizeRow: T,
+    enableCellResizing: () => {
+      const h = document.querySelector("thead"), n = document.querySelectorAll("thead tr"), k = document.querySelectorAll("tbody tr"), F = [...n, ...k];
+      h && h.classList.remove("sticky");
+      const z = (B, G) => {
+        const X = document.createElement("div");
+        return X.className = `${B}-resize-handle`, B === "col" ? (X.addEventListener("mouseenter", () => m(G, !0)), X.addEventListener("mouseleave", () => S(!0)), X.addEventListener("mousedown", (le) => {
+          le.stopPropagation(), y(le, G);
+        })) : (X.addEventListener("mouseenter", () => i(!0)), X.addEventListener("mouseleave", () => c(!0)), X.addEventListener("mousedown", (le) => {
+          le.stopPropagation(), T(le);
+        })), X;
+      };
+      F.forEach((B) => {
+        const G = B.closest("thead") !== null;
+        B.querySelectorAll(G ? "th" : "td").forEach((le, ve) => {
+          const we = z("col", ve), De = z("row", ve);
+          le.appendChild(we), le.appendChild(De);
+        });
+      }), L();
+    },
+    cancelResizingChanges: () => {
+      A();
+    }
+  };
+});
+function Lt(e) {
+  if (e == null || e === "")
+    return "";
+  const l = String(e), u = Number(l);
+  if (isNaN(u)) return l;
+  const [a, w] = l.split("."), x = new Intl.NumberFormat("en-US").format(Number(a));
+  return w !== void 0 ? `${x}.${w}` : x;
+}
+const Ka = "/assets/processTableData.worker-BAMcED0j.js", Za = { class: "my-4" }, Qa = {
+  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
+  style: { backgroundColor: "#f9f9f9" }
+}, el = { class: "font-bold" }, tl = { class: "text-fm-color-neutral-gray-300" }, al = /* @__PURE__ */ Ee({
+  __name: "WidgetTable",
+  props: /* @__PURE__ */ Ue({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t: l, te: u } = mt(), a = Oe(e, "modelValue"), { country: w } = It(), { clearTileSorts: x, setTileSorts: R } = Ca(), L = Wt(), A = e, d = p([]), { isEditing: m, colWidths: i, rowHeight: c } = $e(Gt()), { setColWidths: S, setRowHeights: y, enableCellResizing: T } = Gt(), v = p(null), I = C(() => {
+      var b;
+      return ((b = a.value.data) == null ? void 0 : b.columns) || [{ label: "", key: "" }];
+    }), h = C(() => {
+      var b;
+      return ((b = a.value.data) == null ? void 0 : b.rows) || [];
+    }), n = C(() => a.value.filterText), k = C(() => {
+      var b, $;
+      if (!(n.value && n.value.trim().length > 0 || !((b = h.value[0]) != null && b.isRollup) && !(($ = h.value[h.value.length - 1]) != null && $.isRollup))) {
+        if (a.value.rollupPosition === je.top || a.value.rollupPosition === void 0)
+          return je.top;
+        if (a.value.rollupPosition === je.bottom)
+          return je.bottom;
+      }
+    }), F = C(() => {
+      const W = k.value !== void 0 ? 1 : 0, H = (v.value ? v.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((H - 34.5 - 32) / 48) - W;
+    }), z = C(() => {
+      var $, j;
+      let b = [];
+      switch (k.value) {
+        case je.top:
+          b = [...(($ = h.value[0]) == null ? void 0 : $.cells) || []].map((W, H) => {
+            var N;
+            return {
+              main: W,
+              comparison: (N = h.value[0]) == null ? void 0 : N.comparisonCells[H],
+              rowType: I.value[H].type
+            };
+          });
+          break;
+        case je.bottom:
+          b = [...((j = h.value[h.value.length - 1]) == null ? void 0 : j.cells) || []].map((W, H) => {
+            var N;
+            return {
+              main: W,
+              comparison: (N = h.value[0]) == null ? void 0 : N.comparisonCells[H],
+              rowType: I.value[H].type
+            };
+          });
+          break;
+      }
+      return b.length > 0 && b[0].main === "" && (b[0].main = "Grand total"), b;
+    });
+    function B(b) {
+      let $ = (b == null ? void 0 : b.main) || "";
+      return $.includes("#") && !$.startsWith("#") && ($ = $.split("#")[0]), !b || b.main === "" || b.comparison === "" ? {
+        main: $
+      } : {
+        main: $,
+        comparison: b == null ? void 0 : b.comparison,
+        difference: ta(b.main, b.comparison, w)
+      };
+    }
+    Je(() => {
+      x();
+    });
+    const G = p([]);
+    let X = 0, le;
+    function ve() {
+      var H;
+      if (!((H = a.value) != null && H.data)) {
+        G.value = [];
+        return;
+      }
+      const b = ++X, $ = (a.value.data.rows || []).map((N) => ({
+        isRollup: N.isRollup,
+        cells: Array.isArray(N.cells) ? [...N.cells] : [],
+        comparisonCells: Array.isArray(N.comparisonCells) ? [...N.comparisonCells] : []
+      })), j = (a.value.data.columns || []).map((N) => ({
+        key: N.key,
+        type: N.type,
+        label: N.label
+      })), W = {
+        rows: $,
+        columns: j,
+        filter: n.value ?? "",
+        globalSorts: va(d.value).map((N) => ({
+          key: N.key,
+          type: N.type
+        })),
+        grandTotalPosition: k.value,
+        pageSize: F.value
+      };
+      ka(Ka, W).then((N) => {
+        b === X && (N != null && N.error ? (L.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(N.error), G.value = []) : G.value = ga(N.data || []));
+      });
+    }
+    fe(
+      () => d.value,
+      (b) => {
+        A.tileIndex === void 0 || A.tileIndex === null || R(A.tileIndex, b);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const we = C(() => {
+      var j, W;
+      const b = ((j = a.value.data) == null ? void 0 : j.rows) || [], $ = ((W = a.value.data) == null ? void 0 : W.columns) || [];
+      return JSON.stringify({
+        rowsLength: b.length,
+        columns: $.map((H) => ({ key: H.key, type: H.type, label: H.label })),
+        filter: n.value ?? "",
+        globalSorts: d.value.map((H) => ({ key: H.key, type: H.type })),
+        grandTotalPosition: k.value,
+        pageSize: F.value
+      });
+    });
+    fe(
+      () => we.value,
+      () => {
+        clearTimeout(le), le = setTimeout(ve, 200);
+      },
+      { immediate: !0 }
+    );
+    function De(b) {
+      const $ = d.value.find((j) => j.key === b);
+      if (!$) {
+        d.value.push({ key: b, type: lt.Asc });
+        return;
+      }
+      $.type === lt.Asc ? $.type = lt.Desc : $.type === lt.Desc && (d.value = d.value.filter((j) => j.key !== b));
+    }
+    const Le = C(
+      () => {
+        var b;
+        return (((b = a.value.colWidths) == null ? void 0 : b.length) ?? 0) > 0 || i.value.length > 0;
+      }
+    ), _e = C(() => {
+      var b;
+      return (b = a.value.data) != null && b.columns ? a.value.data.columns.map(($) => {
+        const j = st(l, u, $.label, "other"), W = d.value.find((ue) => ue.key === $.key), H = !!W, N = H ? W.type === lt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        return {
+          accessorKey: $.key,
+          header: () => {
+            const ue = q("FmIcon");
+            return xt(
+              "button",
+              {
+                type: "button",
+                class: `w-full flex items-center gap-1 group/select-header select-none ${$.type === "NUMERIC" ? "justify-end" : "justify-start"} ${H ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
+                onClick: () => De($.key)
+              },
+              [
+                xt(
+                  "span",
+                  { class: `${$.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
+                  j
+                ),
+                xt(ue, {
+                  name: N,
+                  color: H ? "primary" : "neutral-gray-400",
+                  size: "sm",
+                  class: "transition-transform",
+                  style: N === "arrow_upward" ? "transform: translateY(-1px);" : ""
+                })
+              ]
+            );
+          },
+          cell: (ue) => {
+            var Se, ye;
+            const Te = B(ue.getValue()), ge = (ye = (Se = ue == null ? void 0 : ue.row) == null ? void 0 : Se.original) == null ? void 0 : ye.isRollup;
+            return xt(
+              "div",
+              {
+                class: [
+                  ge ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
+                  $.type === "NUMERIC" ? "text-right" : "",
+                  Le.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                ].join(" ")
+              },
+              [$.type === "NUMERIC" ? Lt(Te.main) : Te.main]
+            );
+          },
+          enableSorting: !1
+        };
+      }) : [];
+    });
+    return fe(
+      () => i.value.length > 0,
+      async (b) => {
+        b && m.value && (await ke(), T());
+      }
+    ), fe(
+      [() => _e.value],
+      async () => {
+        var H;
+        await ke();
+        const b = (H = v.value) == null ? void 0 : H.$el;
+        if (!b) return;
+        const $ = b.querySelector("table");
+        if (!$) return;
+        $.classList.add(Le.value ? "table-fixed" : "table-auto");
+        let j, W;
+        m.value ? (T(), j = i.value, W = c.value) : (W = a.value.rowHeight, j = a.value.colWidths), typeof W == "number" && y(W, b), j == null || j.forEach((N, ue) => {
+          S(ue, N, b);
+        });
+      },
+      { immediate: !0 }
+    ), (b, $) => {
+      const j = q("FmTable");
+      return E(), ee(Ce, null, [
+        U("div", Za, [
+          Ye(b.$slots, "menu")
+        ]),
+        O(j, {
+          ref_key: "table",
+          ref: v,
+          "column-defs": _e.value,
+          "row-data": G.value,
+          "search-value": n.value,
+          "page-size": F.value,
+          "shrink-at": !1,
+          "force-mobile-footer": !0,
+          class: "scrollbar-hide-table"
+        }, {
+          "pin-top": ae(() => [
+            U("tbody", null, [
+              U("tr", Qa, [
+                (E(!0), ee(Ce, null, Ct(z.value, (W, H) => (E(), ee("td", {
+                  key: `${s(ut)()}_${H}`,
+                  class: "h-[48px] text-fm-color-typo-primary px-16"
+                }, [
+                  U("span", {
+                    class: Xe([
+                      "items-center text-fm-color-typo-secondary gap-2",
+                      W.rowType === "NUMERIC" ? "text-right" : "",
+                      Le.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                    ])
+                  }, [
+                    U("p", el, Ae(W.rowType === "NUMERIC" ? s(Lt)(W.main) : W.main), 1),
+                    U("p", tl, Ae(W.comparison ? W.rowType === "NUMERIC" ? `(${s(Lt)(W.comparison)})` : `(${W.comparison})` : ""), 1)
+                  ], 2)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["column-defs", "row-data", "search-value", "page-size"])
+      ], 64);
+    };
+  }
+}), ll = /* @__PURE__ */ Ee({
+  __name: "WidgetStackBarChart",
+  props: /* @__PURE__ */ Ue({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, u = Oe(e, "modelValue"), a = p(null), w = C(() => {
+      var I;
+      return ((I = u.value.data) == null ? void 0 : I.xAxis) || [];
+    }), x = C(() => {
+      var v;
+      return ((v = u.value.data) == null ? void 0 : v.datasets) ?? [];
+    }), { datalabels: R, xCfg: L, yCfg: A, isTransposed: d, legend: m, chartWidth: i, chartHeight: c } = pt(
+      u.value
+    ), S = C(() => x.value.length > 0 ? [
+      ...x.value.map((v, I) => {
+        let h = v.values;
+        return {
+          label: v.name,
+          data: h,
+          dash: !!v.isCompare,
+          backgroundColor: Be({ index: I, isCompare: v.isCompare })
+        };
+      })
+    ] : []), y = dt();
+    function T() {
+      return y.extractChartSize(a.value, l.tileIndex) || { width: 0, height: 0 };
+    }
+    return Je(() => {
+      ke(() => {
+        T();
+      });
+    }), fe([S], () => {
+      ke(() => T());
+    }), (v, I) => {
+      const h = q("FmBarChart");
+      return E(), ee(Ce, null, [
+        Ye(v.$slots, "menu"),
+        O(h, {
+          ref_key: "chartRef",
+          ref: a,
+          class: "bar-chart",
+          datasets: S.value,
+          "x-axis": { categories: w.value },
+          "x-cfg": s(L),
+          "y-cfg": s(A),
+          transpose: s(d),
+          stacked: !0,
+          legend: {
+            display: s(m).display ?? !1,
+            position: s(m).position,
+            maxHeight: s(m).maxHeight,
+            maxWidth: s(m).maxWidth,
+            labels: s(m).labels
+          },
+          datalabels: s(R),
+          "maintain-aspect-ratio": !1,
+          style: He({
+            "--chart-width": s(i) !== void 0 ? s(i) + "px" : "100%",
+            "--chart-height": s(c) !== void 0 ? s(c) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), sl = /* @__PURE__ */ Ee({
+  __name: "WidgetStackLineChart",
+  props: /* @__PURE__ */ Ue({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    var h;
+    const l = e, u = Oe(e, "modelValue"), a = ((h = u.value.data) == null ? void 0 : h.xAxis) ?? [], w = C(
+      () => a.length === 1 && L.value.length > 0 && L.value.every((n) => n.values.length === 1)
+    ), x = C(() => w.value ? ["", a[0], ""] : a), R = p(null), L = C(() => {
+      var n;
+      return ((n = u.value.data) == null ? void 0 : n.datasets) ?? [];
+    }), { datalabels: A, xCfg: d, yCfg: m, isTransposed: i, legend: c, chartWidth: S, chartHeight: y } = pt(
+      u.value
+    ), T = C(() => L.value.length > 0 ? [
+      ...L.value.map((n, k) => {
+        let F = n.values;
+        return w.value && (F = [NaN, F[0], NaN]), {
+          label: n.name,
+          data: F,
+          dash: n.isCompare,
+          fill: !1,
+          color: Be({ index: k, isCompare: n.isCompare }),
+          pointRadius: w.value ? 4 : void 0,
+          pointHoverRadius: w.value ? 6 : void 0,
+          pointBackgroundColor: w.value ? Be({ index: k, isCompare: n.isCompare }) : void 0,
+          pointBorderColor: w.value ? Be({ index: k, isCompare: n.isCompare }) : void 0,
+          pointBorderWidth: w.value ? 2 : void 0
+        };
+      })
+    ] : []), v = dt();
+    function I() {
+      return v.extractChartSize(R.value, l.tileIndex) || { width: 0, height: 0 };
+    }
+    return Je(() => {
+      ke(() => {
+        I();
+      });
+    }), fe([T], () => {
+      ke(() => I());
+    }), (n, k) => {
+      const F = q("FmLineChart");
+      return E(), ee(Ce, null, [
+        Ye(n.$slots, "menu"),
+        O(F, {
+          ref_key: "chartRef",
+          ref: R,
+          class: "line-chart",
+          datasets: T.value,
+          "x-axis": { categories: x.value },
+          "x-cfg": s(d),
+          "y-cfg": s(m),
+          transpose: s(i),
+          legend: {
+            display: s(c).display ?? !1,
+            position: s(c).position,
+            maxHeight: s(c).maxHeight,
+            maxWidth: s(c).maxWidth,
+            labels: s(c).labels
+          },
+          stacked: !0,
+          datalabels: s(A),
+          "maintain-aspect-ratio": !1,
+          style: He({
+            "--chart-width": s(S) !== void 0 ? s(S) + "px" : "100%",
+            "--chart-height": s(y) !== void 0 ? s(y) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), ot = [
+  "col-span-1",
+  "col-span-2",
+  "col-span-3",
+  "col-span-4",
+  "col-span-5",
+  "col-span-6",
+  "col-span-7",
+  "col-span-8",
+  "col-span-9",
+  "col-span-10",
+  "col-span-11",
+  "col-span-12"
+];
+function ol(e) {
+  return e < 12 ? ot[e - 1] : ot[11];
+}
+function nl(e) {
+  return e < 12 ? ot[Math.min(11, e * 2 - 1)] : ot[11];
+}
+function rl(e) {
+  return e < 12 ? ot[Math.min(11, e * 3 - 1)] : ot[11];
+}
+const il = /* @__PURE__ */ Ee({
+  __name: "WidgetLinechart",
+  props: /* @__PURE__ */ Ue({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    var h;
+    const l = e, u = Oe(e, "modelValue"), a = ((h = u.value.data) == null ? void 0 : h.xAxis) ?? [], w = C(
+      () => a.length === 1 && L.value.length > 0 && L.value.every((n) => n.values.length === 1)
+    ), x = C(() => w.value ? ["", a[0], ""] : a), R = p(null), L = C(() => {
+      var n;
+      return ((n = u.value.data) == null ? void 0 : n.datasets) ?? [];
+    }), { datalabels: A, xCfg: d, yCfg: m, isTransposed: i, legend: c, chartWidth: S, chartHeight: y } = pt(
+      u.value
+    ), T = C(() => L.value.length > 0 ? [
+      ...L.value.map((n, k) => {
+        let F = n.values;
+        return w.value && (F = [NaN, F[0], NaN]), {
+          label: n.name,
+          data: F,
+          dash: !!n.isCompare,
+          fill: !1,
+          color: Be({ index: k, isCompare: n.isCompare }),
+          pointRadius: w.value ? 4 : void 0,
+          pointHoverRadius: w.value ? 6 : void 0,
+          pointBackgroundColor: w.value ? Be({ index: k, isCompare: n.isCompare }) : void 0,
+          pointBorderColor: w.value ? Be({ index: k, isCompare: n.isCompare }) : void 0,
+          pointBorderWidth: w.value ? 2 : void 0
+        };
+      })
+    ] : []), v = dt();
+    function I() {
+      return v.extractChartSize(R.value, l.tileIndex) || { width: 0, height: 0 };
+    }
+    return Je(() => {
+      ke(() => {
+        I();
+      });
+    }), fe([T], () => {
+      ke(() => I());
+    }), (n, k) => {
+      const F = q("FmLineChart");
+      return E(), ee(Ce, null, [
+        Ye(n.$slots, "menu"),
+        O(F, {
+          ref_key: "chartRef",
+          ref: R,
+          class: "line-chart",
+          datasets: T.value,
+          "x-axis": { categories: x.value },
+          "x-cfg": s(d),
+          "y-cfg": s(m),
+          transpose: s(i),
+          legend: {
+            display: s(c).display ?? !1,
+            position: s(c).position,
+            maxHeight: s(c).maxHeight,
+            maxWidth: s(c).maxWidth,
+            labels: s(c).labels
+          },
+          datalabels: s(A),
+          "maintain-aspect-ratio": !1,
+          style: He({
+            "--chart-width": s(S) !== void 0 ? s(S) + "px" : "100%",
+            "--chart-height": s(y) !== void 0 ? s(y) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), ul = { class: "flex flex-col gap-16" }, cl = { class: "flex flex-row" }, dl = /* @__PURE__ */ Ee({
+  __name: "PdfOrientationDialog",
+  props: /* @__PURE__ */ Ue({
+    reportType: {},
+    index: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t: l } = mt(), { FmForm: u } = $a, a = e, w = p(), x = Oe(e, "modelValue"), R = p(!0), L = p(!1), A = Wt(), { selectedLocationIds: d, dateRange: m, timeRange: i } = $e(ct()), c = p(Ft.PORTRAIT);
+    function S() {
+      var T;
+      (T = w.value) == null || T.validateInputs();
+    }
+    async function y() {
+      L.value = !0;
+      try {
+        a.index != null && await Kt({
+          reportType: a.reportType,
+          index: a.index,
+          orientationTypes: [c.value],
+          isCombinedLocationLayout: R.value,
+          timeRange: i.value,
+          dateRange: m.value,
+          locationIds: d.value
+        });
+      } catch (T) {
+        A.open({ message: T.message, type: "error" });
+      } finally {
+        L.value = !1;
+      }
+    }
+    return (T, v) => {
+      const I = q("FmRadio"), h = q("FmRadioGroup"), n = q("FmButton"), k = q("FmDialog");
+      return E(), ie(k, {
+        modelValue: x.value,
+        "onUpdate:modelValue": v[2] || (v[2] = (F) => x.value = F),
+        overlay: !0,
+        "z-index": 10
+      }, {
+        "dialog-header": ae(() => v[3] || (v[3] = [
+          Rt("Select Orientation")
+        ])),
+        default: ae(() => [
+          O(s(u), {
+            ref_key: "form",
+            ref: w,
+            onValidationSuccess: y
+          }, {
+            default: ae(() => [
+              U("div", ul, [
+                O(h, {
+                  modelValue: c.value,
+                  "onUpdate:modelValue": v[0] || (v[0] = (F) => c.value = F)
+                }, {
+                  default: ae(() => [
+                    O(I, {
+                      value: s(Ft).PORTRAIT,
+                      label: s(l)("report.common.portrait")
+                    }, null, 8, ["value", "label"]),
+                    O(I, {
+                      value: s(Ft).LANDSCAPE,
+                      label: s(l)("report.common.landscape")
+                    }, null, 8, ["value", "label"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              U("div", cl, [
+                v[4] || (v[4] = U("div", { class: "grow" }, null, -1)),
+                O(n, {
+                  label: s(l)("report.common.cancel"),
+                  variant: "tertiary",
+                  onClick: v[1] || (v[1] = (F) => x.value = !1)
+                }, null, 8, ["label"]),
+                U("div", null, [
+                  O(n, {
+                    label: s(l)("report.common.download"),
+                    loading: L.value,
+                    onClick: S
+                  }, null, 8, ["label", "loading"])
+                ])
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ml = {
+  key: 1,
+  class: "grow"
+}, pl = {
+  key: 2,
+  class: "flex"
+}, Hl = /* @__PURE__ */ Ee({
+  __name: "DynamicWidget",
+  props: /* @__PURE__ */ Ue({
+    index: {
+      type: Number,
+      default: 0
+    },
+    hideExport: {
+      type: Boolean,
+      default: !1
+    },
+    customScreenWidth: {
+      type: Number,
+      required: !1,
+      default: void 0
+    }
+  }, {
+    modelValue: { required: !0, default: () => {
+    } },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = p(!0), u = Oe(e, "modelValue"), a = u.value.widget.config, { t: w, te: x } = mt(), R = e, L = p(null), A = p(a.rollup), d = p(ut()), m = p(a.drillDimension), i = C(() => {
+      if (xe.value.length > 0) {
+        const r = xe.value.findIndex(
+          (Z) => Z.value === m.value
+        );
+        return r >= 0 ? r : 0;
+      } else
+        return -1;
+    }), c = C(() => i.value !== 0), S = C(
+      () => i.value != xe.value.length - 1
+    ), y = p(a.showTitle ?? !0), T = p(a.titleFontSize ?? 14), v = p(a.titleBold ?? !1), I = p(a.titleItalic ?? !1), h = p(a.titleUnderline ?? !1), n = p(a.chartWidth ?? void 0), k = p(a.chartHeight ?? void 0), F = p(a.showLabel ?? !1), z = p(a.labelAlign ?? $t.center), B = p(a.labelAnchor ?? zt.center), G = p(a.labelRotation ?? 0), X = p(a.labelOffset ?? 0), le = p(a.labelFontSize ?? 12), ve = C(() => a.showSearchBar), we = p(a.showX ?? !0), De = p(a.xPosition ?? Et.bottom), Le = p(a.showXGrid ?? !1), _e = p(a.showXTick ?? !0), b = p(a.xTickFontSize ?? 12), $ = p(a.showXTitle ?? !1), j = p(a.xTitle ?? ""), W = p(a.xTitleFontSize ?? 12), H = p(a.showY ?? !0), N = p(a.yPosition ?? Mt.left), ue = p(a.showYGrid ?? !1), Te = p(a.showYTick ?? !0), ge = p(a.yTickFontSize ?? 12), Se = p(a.showYTitle ?? !1), ye = p(a.yTitle ?? ""), qe = p(a.yTitleFontSize ?? 12), Re = p(a.showLegend ?? void 0), Ve = p(a.legendPosition ?? Nt.top), t = p(a.usePointStyle ?? !0), f = p(a.legendMaxHeight), g = p(a.legendMaxWidth), _ = p(a.rowHeight ?? 0), D = p(a.colWidths ?? []), Q = p(!1), te = p(""), { breakpoints: se, getBreakpointsBoundary: Y } = ea(), V = p(), o = C(
+      () => R.customScreenWidth === void 0 ? window.innerWidth : R.customScreenWidth
+    ), me = C(
+      () => (o == null ? void 0 : o.value) > Y("xs")[1] && (o == null ? void 0 : o.value) <= Y("sm")[1]
+    ), pe = C(
+      () => (o == null ? void 0 : o.value) > Y("sm")[1] && (o == null ? void 0 : o.value) <= Y("md")[1]
+    ), be = C(() => (o == null ? void 0 : o.value) > Y("md")[1]), ce = C(() => {
+      const r = u.value.size.width;
+      return be.value || pe.value ? ol(r) : me.value ? nl(r) : rl(r);
+    }), ne = C(
+      () => Ma.find((r) => r.type === u.value.widget.type)
+    ), J = Yt(() => {
+      var r;
+      V.value = la((r = L.value) == null ? void 0 : r.$el.offsetWidth), d.value = ut();
+    }), Me = C(() => {
+      if (Na(oe.value.type, de.value))
+        switch (u.value.widget.type) {
+          case M.BarChart:
+            return Wa;
+          case M.StackBarChart:
+            return ll;
+          case M.LineChart:
+            return il;
+          case M.StackLineChart:
+            return sl;
+          case M.Circular:
+            return Pa;
+          case M.Scorecard:
+            return Ya;
+          case M.Spacer:
+            return Xa;
+          case M.Table:
+            return al;
+          default:
+            return Vt;
+        }
+      else
+        return Vt;
+    }), de = p(null), {
+      selectedLocationIds: Ne,
+      dateRange: K,
+      compareDateRange: kt,
+      timeRange: nt,
+      globalFilters: ht,
+      isGlobalFiltersLoading: rt
+    } = $e(ct()), { businessId: ft } = $e(It()), { businessLoadedId: vt, businessDataVersion: Ke } = $e(ct());
+    C(() => vt.value === ft.value && Ne.value.length > 0 && !rt.value);
+    const gt = p(!0), oe = C(() => {
+      const r = JSON.parse(JSON.stringify(u.value.widget));
+      return {
+        ...r,
+        config: {
+          ...r.config,
+          rollup: A.value,
+          drillDimension: m.value,
+          showGrandTotal: !1
+        }
+      };
+    });
+    function yt() {
+      return {
+        data: de.value,
+        showTitle: y.value,
+        titleFontSize: T.value,
+        titleBold: v.value,
+        titleItalic: I.value,
+        titleUnderline: h.value,
+        chartHeight: k.value,
+        chartWidth: n.value,
+        showLabel: F.value,
+        labelAnchor: B.value,
+        labelAlign: z.value,
+        labelRotation: G.value,
+        labelOffset: X.value,
+        labelFontSize: le.value,
+        showX: we.value,
+        xPosition: De.value,
+        showXGrid: Le.value,
+        showXTick: _e.value,
+        xTickFontSize: b.value,
+        showXTitle: $.value,
+        xTitle: j.value,
+        xTitleFontSize: W.value,
+        showY: H.value,
+        yPosition: N.value,
+        showYGrid: ue.value,
+        showYTick: Te.value,
+        yTitle: ye.value,
+        showYTitle: Se.value,
+        yTitleFontSize: qe.value,
+        yTickFontSize: ge.value,
+        isTransposed: oe.value.config.isTransposed,
+        showLegend: Re.value,
+        legendPosition: Ve.value,
+        usePointStyle: t.value,
+        legendMaxHeight: f.value,
+        legendMaxWidth: g.value
+      };
+    }
+    function bt() {
+      return {
+        data: de.value,
+        filterText: te.value,
+        rollupPosition: oe.value.config.rollupPosition,
+        rowHeight: _.value,
+        colWidths: D.value
+      };
+    }
+    const P = C(() => {
+      switch (oe.value.type) {
+        case M.Table:
+          return bt();
+        case M.BarChart:
+        case M.LineChart:
+        case M.StackBarChart:
+        case M.StackLineChart:
+        case M.Circular:
+          return yt();
+        default:
+          return { data: de.value };
+      }
+    }), re = C(() => {
+      const { config: r } = u.value.widget;
+      if (r.rollup != null) {
+        const Z = [...r.dimensions].filter((Ie) => !Ie.hide);
+        return Z.sort(
+          (Ie, it) => (r.rowIds || []).indexOf(Dt(Ie)) - (r.rowIds || []).indexOf(Dt(it))
+        ), [
+          { label: st(w, x, "None", "other"), value: "none" },
+          { label: st(w, x, "Grand Total", "other"), value: 0 },
+          ...[...Z].slice(0, Z.length - 1).map((Ie, it) => ({
+            label: st(w, x, Ie.label, "other"),
+            value: it + 1
+          }))
+        ];
+      }
+      return [];
+    }), xe = C(() => {
+      const { config: r } = oe.value;
+      return r.isDrillable ? r.dimensions.map((Z) => ({
+        label: st(w, x, Z.label, "other"),
+        value: Dt(Z)
+      })) : [];
+    }), wt = C(() => {
+      const r = u.value.id;
+      return (ht.value || []).filter(
+        (Z) => Array.isArray(Z.tileIds) && Z.tileIds.includes(r)
+      );
+    });
+    fe(
+      () => u.value.widget.config,
+      (r) => {
+        A.value = r.rollup, y.value = r.showTitle ?? !0, T.value = r.titleFontSize ?? 14, v.value = r.titleBold ?? !1, I.value = r.titleItalic ?? !1, h.value = r.titleUnderline ?? !1, k.value = r.chartHeight ?? void 0, n.value = r.chartWidth ?? void 0, F.value = r.showLabel ?? !1, z.value = r.labelAlign ?? $t.center, B.value = r.labelAnchor ?? zt.center, G.value = r.labelRotation ?? 0, X.value = r.labelOffset ?? 0, le.value = r.labelFontSize ?? 12, we.value = r.showX ?? !0, De.value = r.xPosition ?? Et.bottom, Le.value = r.showXGrid ?? !1, _e.value = r.showXTick ?? !0, b.value = r.xTickFontSize ?? 12, $.value = r.showXTitle ?? !1, j.value = r.xTitle ?? "", W.value = r.xTitleFontSize ?? 12, H.value = r.showY ?? !0, N.value = r.yPosition ?? Mt.left, ue.value = r.showYGrid ?? !1, Te.value = r.showYTick ?? !0, ge.value = r.yTickFontSize ?? 12, Se.value = r.showYTitle ?? !1, ye.value = r.yTitle ?? "", qe.value = r.yTitleFontSize ?? 12, Re.value = r.showLegend ?? void 0, Ve.value = r.legendPosition ?? Nt.top, t.value = r.usePointStyle ?? !0, f.value = r.legendMaxHeight, g.value = r.legendMaxWidth, _.value = r.rowHeight ?? 0, D.value = r.colWidths ?? [];
+      },
+      { deep: !0 }
+    ), fe([() => A.value], () => {
+      A.value !== null && (u.value.widget.config.rollup = A.value);
+    }), fe(
+      [
+        () => oe.value,
+        () => K.value,
+        () => nt.value,
+        () => kt.value,
+        () => Ne.value,
+        () => wt.value,
+        () => Ke.value
+      ],
+      () => {
+        Pt();
+      },
+      { deep: !0 }
+    ), fe(
+      [() => u.value.size],
+      () => {
+        J();
+      },
+      { deep: !0 }
+    ), Je(() => {
+      J(), se.value.sm || se.value.md || se.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", J)) : addEventListener("resize", J), Pt();
+    }), ya(() => {
+      se.value.sm || se.value.md || se.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", J)) : removeEventListener("resize", J);
+    });
+    const St = Wt();
+    let Ze;
+    async function Pt() {
+      if (oe.value.config.schemaNames.length <= 0 && !(oe.value.config.dimensions.length <= 0 || oe.value.config.metrics.length <= 0)) {
+        St.open({
+          message: "schema must not be empty and dimension or metrics must have at least 1 column",
+          type: "info"
+        }), l.value = !1;
+        return;
+      }
+      try {
+        l.value = !0, Ze && Ze.abort(), Ze = new AbortController();
+        const r = Ze.signal, Z = Ke.value, Ie = await Yt(Zt, 500)(oe.value, r, u.value.id);
+        Ke.value === Z && (de.value = Ie, d.value = ut()), l.value = !1;
+      } catch (r) {
+        r.code !== "ERR_CANCELED" && (de.value = null, St.open({ message: `Invalid chart ${oe.value.type}`, type: "error" }), console.log(r), l.value = !1);
+      }
+    }
+    function la(r) {
+      switch (u.value.widget.type) {
+        case "SPACER":
+          return;
+        case "SCORECARD":
+          return;
+        case "TABLE":
+          return `${u.value.size.height * 100 + (ve.value ? 72 : 0) + 96.5}px`;
+      }
+      return `${Math.max(r / u.value.size.width, 90) * u.value.size.height}px`;
+    }
+    function sa() {
+      const r = i.value - 1;
+      r >= 0 && (m.value = xe.value[r].value);
+    }
+    function oa() {
+      const r = i.value + 1;
+      r >= 0 && r < xe.value.length && (m.value = xe.value[r].value);
+    }
+    const Bt = p(et.EXCEL), Ht = p(), na = Object.values(et).map((r) => ({
+      label: _a(r),
+      value: r,
+      onClick: async () => {
+        r === et.EXCEL || r === et.PDFFULLSIZE || r === et.PDFRECEIPT ? await Kt({
+          reportType: r,
+          index: R.index,
+          isCombinedLocationLayout: gt.value,
+          timeRange: nt.value,
+          dateRange: K.value,
+          locationIds: Ne.value
+        }) : r === et.PDF && (Bt.value = r, Ht.value = R.index, Q.value = !0);
+      }
+    })), ra = oe.value.type === M.Spacer ? "flat" : "outlined", ia = oe.value.type === M.Spacer ? "p-0" : "p-16";
+    return (r, Z) => {
+      const Ie = q("FmTooltip"), it = q("FmSearch"), ua = q("FmCheckbox"), _t = q("FmButton"), ca = q("FmSelect"), da = q("FmMenuItem"), ma = q("FmMenu"), pa = q("FmForm"), ha = q("FmCircularProgress"), fa = q("FmCard");
+      return E(), ie(fa, {
+        ref_key: "tileCard",
+        ref: L,
+        class: Xe(`${ce.value} ${s(ia)}`),
+        variant: s(ra)
+      }, {
+        default: ae(() => [
+          O(dl, {
+            modelValue: Q.value,
+            "onUpdate:modelValue": Z[0] || (Z[0] = (Qe) => Q.value = Qe),
+            "report-type": Bt.value,
+            index: Ht.value
+          }, null, 8, ["modelValue", "report-type", "index"]),
+          !l.value && !s(rt) ? (E(), ee("div", {
+            key: 0,
+            style: He({ height: V.value })
+          }, [
+            (E(), ie(ba(Me.value), {
+              key: d.value,
+              modelValue: P.value,
+              "onUpdate:modelValue": Z[4] || (Z[4] = (Qe) => P.value = Qe),
+              "tile-index": R.index
+            }, {
+              menu: ae(() => [
+                O(pa, { class: "flex items-center gap-2" }, {
+                  default: ae(() => {
+                    var Qe, Ot, qt, Ut;
+                    return [
+                      O(Ie, {
+                        variant: "plain",
+                        placement: "right",
+                        content: oe.value.description,
+                        "hide-arrow": !0,
+                        disabled: !oe.value.description
+                      }, {
+                        default: ae(() => [
+                          y.value !== !1 ? (E(), ee("p", {
+                            key: 0,
+                            style: He({
+                              fontSize: T.value + "px",
+                              fontWeight: v.value ? "bold" : "normal",
+                              fontStyle: I.value ? "italic" : "normal",
+                              textDecoration: h.value ? "underline" : "none"
+                            }),
+                            class: Xe(["text-fm-color-typo-secondary line-clamp-1", [
+                              T.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              oe.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                            ]])
+                          }, Ae(s(st)(s(w), s(x), oe.value.title, "other")), 7)) : ze("", !0)
+                        ]),
+                        _: 1
+                      }, 8, ["content", "disabled"]),
+                      (Qe = ne.value) != null && Qe.showSearchBar ? (E(), ie(it, {
+                        key: 0,
+                        modelValue: te.value,
+                        "onUpdate:modelValue": Z[1] || (Z[1] = (We) => te.value = We),
+                        class: "grow"
+                      }, null, 8, ["modelValue"])) : (E(), ee("div", ml)),
+                      wa(O(ua, {
+                        modelValue: F.value,
+                        "onUpdate:modelValue": Z[2] || (Z[2] = (We) => F.value = We),
+                        label: "Label",
+                        value: !1
+                      }, null, 8, ["modelValue"]), [
+                        [Sa, (Ot = ne.value) == null ? void 0 : Ot.showLabel]
+                      ]),
+                      (qt = ne.value) != null && qt.showDrillDimension && xe.value.length > 0 ? (E(), ee("div", pl, [
+                        O(_t, {
+                          icon: "arrow_upward",
+                          variant: "tertiary",
+                          disabled: !c.value,
+                          onClick: sa
+                        }, null, 8, ["disabled"]),
+                        O(_t, {
+                          icon: "arrow_downward",
+                          variant: "tertiary",
+                          disabled: !S.value,
+                          onClick: oa
+                        }, null, 8, ["disabled"])
+                      ])) : ze("", !0),
+                      (Ut = ne.value) != null && Ut.showRollup && re.value.length > 0 ? (E(), ie(ca, {
+                        key: 3,
+                        modelValue: A.value,
+                        "onUpdate:modelValue": Z[3] || (Z[3] = (We) => A.value = We),
+                        class: "w-[150px]",
+                        items: re.value
+                      }, null, 8, ["modelValue", "items"])) : ze("", !0),
+                      R.hideExport ? ze("", !0) : (E(), ie(ma, {
+                        key: 4,
+                        shift: !0
+                      }, {
+                        "menu-button": ae(() => [
+                          O(_t, {
+                            icon: "more_vert",
+                            variant: "tertiary"
+                          })
+                        ]),
+                        default: ae(() => [
+                          (E(!0), ee(Ce, null, Ct(s(na), (We) => (E(), ie(da, {
+                            key: We.value,
+                            label: We.label,
+                            onClick: We.onClick
+                          }, null, 8, ["label", "onClick"]))), 128))
+                        ]),
+                        _: 1
+                      }))
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "tile-index"]))
+          ], 4)) : (E(), ie(ha, { key: 1 }))
+        ]),
+        _: 1
+      }, 8, ["class", "variant"]);
+    };
+  }
+});
+var Ge = /* @__PURE__ */ ((e) => (e.Select = "Select", e.TextField = "TextField", e.Timestamp = "Timestamp", e))(Ge || {});
+function hl(e) {
+  let l = !1, u = 1;
+  switch (e) {
+    case Fe.Equal:
+    case Fe.NotEqual:
+    case Fe.Like:
+    case Fe.NotLike:
+      l = !1, u = 1;
+      break;
+    case Fe.GreaterThan:
+    case Fe.GreaterThanOrEqual:
+    case Fe.LessThan:
+    case Fe.LessThanOrEqual:
+      l = !0, u = 1;
+      break;
+    case Fe.Between:
+      l = !0, u = 2;
+      break;
+  }
+  return {
+    fixed: l,
+    count: u
+  };
+}
+function Ol({
+  operator: e,
+  dimensionOption: l,
+  dataType: u,
+  t: a
+}) {
+  const { fixed: w, count: x } = hl(e);
+  switch (u) {
+    case Pe.String:
+      return {
+        type: "TextField",
+        fixed: w,
+        count: x,
+        dataType: void 0,
+        default: ""
+      };
+    case Pe.Numeric:
+      return {
+        type: "TextField",
+        fixed: w,
+        count: x,
+        dataType: "number",
+        default: 0
+      };
+    case Pe.Bool:
+      return {
+        type: "Select",
+        fixed: w,
+        count: x,
+        options: [
+          { label: a("report.common.yes"), value: !0 },
+          { label: a("report.common.no"), value: !1 }
+        ],
+        default: !0
+      };
+    case Pe.Timestamp:
+      return aa({
+        dimensionOption: l,
+        fixed: w,
+        count: x,
+        t: a
+      });
+  }
+  return {
+    type: "TextField",
+    fixed: w,
+    count: x,
+    dataType: void 0,
+    default: ""
+  };
+}
+function ql(e) {
+  switch (e) {
+    case he.HourOfDay:
+      return 0;
+    case he.DayOfMonth:
+      return 1;
+    default:
+      return;
+  }
+}
+function Ul(e) {
+  switch (e) {
+    case he.HourOfDay:
+      return 23;
+    case he.DayOfMonth:
+      return 31;
+    default:
+      return;
+  }
+}
+function aa({
+  dimensionOption: e,
+  fixed: l,
+  count: u,
+  t: a
+}) {
+  switch (e) {
+    case he.HourOfDay:
+      return {
+        type: Ge.Select,
+        fixed: l,
+        count: u,
+        options: Array.from({ length: 24 }, (w, x) => ({
+          label: x.toString().padStart(2, "0"),
+          value: x.toString()
+        })),
+        default: "0"
+      };
+    case he.DayOfWeek:
+      return {
+        type: Ge.Select,
+        fixed: l,
+        count: u,
+        options: [
+          { label: a("report.days.sunday"), value: "1" },
+          { label: a("report.days.monday"), value: "2" },
+          { label: a("report.days.tuesday"), value: "3" },
+          { label: a("report.days.wednesday"), value: "4" },
+          { label: a("report.days.thursday"), value: "5" },
+          { label: a("report.days.friday"), value: "6" },
+          { label: a("report.days.saturday"), value: "7" }
+        ],
+        default: "1"
+      };
+    case he.DayOfMonth:
+      return {
+        type: Ge.Select,
+        fixed: l,
+        count: u,
+        options: Array.from({ length: 31 }, (w, x) => ({
+          label: (x + 1).toString(),
+          value: (x + 1).toString()
+        })),
+        default: "1"
+      };
+    case he.MonthOfYear:
+      return {
+        type: Ge.Select,
+        fixed: l,
+        count: u,
+        options: [
+          { label: a("report.months.january"), value: "1" },
+          { label: a("report.months.february"), value: "2" },
+          { label: a("report.months.march"), value: "3" },
+          { label: a("report.months.april"), value: "4" },
+          { label: a("report.months.may"), value: "5" },
+          { label: a("report.months.june"), value: "6" },
+          { label: a("report.months.july"), value: "7" },
+          { label: a("report.months.august"), value: "8" },
+          { label: a("report.months.september"), value: "9" },
+          { label: a("report.months.october"), value: "10" },
+          { label: a("report.months.november"), value: "11" },
+          { label: a("report.months.december"), value: "12" }
+        ],
+        default: "1"
+      };
+    default:
+      return {
+        type: Ge.Timestamp,
+        fixed: l,
+        count: u,
+        default: (/* @__PURE__ */ new Date()).toISOString()
+      };
+  }
+}
+function Xt({
+  dimensionOption: e,
+  t: l
+}) {
+  const u = aa({
+    dimensionOption: e,
+    fixed: !1,
+    count: 1,
+    t: l
+  });
+  return u.type === Ge.Select ? u.options : [];
+}
+const fl = "mf-reportglobalFilter";
+function at(e) {
+  return `${e.schemaName}:${e.name}:${e.operator}`;
+}
+const Jt = Qt(fl, () => {
+  const e = p({}), l = p(!1), u = () => ({
+    search: "",
+    selectedValues: [],
+    keepSelection: !1,
+    showAdvanced: !1,
+    visibleCount: 50
+  });
+  function a(i) {
+    return e.value[i] || (e.value[i] = u()), e.value[i];
+  }
+  function w(i) {
+    const c = at(i);
+    return a(c);
+  }
+  function x(i, c) {
+    const S = at(i), y = a(S);
+    y.selectedValues = [...c];
+  }
+  function R(i, c) {
+    const S = at(i), y = a(S);
+    y.search = c;
+  }
+  function L(i, c) {
+    const S = at(i), y = a(S);
+    y.keepSelection = c;
+  }
+  function A(i, c) {
+    const S = at(i), y = a(S);
+    y.showAdvanced = c;
+  }
+  function d(i, c = 50) {
+    const S = at(i), y = a(S);
+    y.visibleCount += c;
+  }
+  return {
+    allStates: C(() => e.value),
+    getFilterState: w,
+    setSelectedValues: x,
+    setSearch: R,
+    setKeepSelection: L,
+    setShowAdvanced: A,
+    increaseVisibleCount: d,
+    includeUnavailable: l
+  };
+}), vl = { class: "flex flex-row flex-wrap gap-2" }, gl = { class: "inline-flex max-w-[460px]" }, yl = {
+  key: 0,
+  class: "flex justify-center my-2"
+}, bl = { class: "px-2 pb-8" }, wl = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, Sl = { class: "px-2 pb-8" }, xl = { class: "flex items-start w-full" }, Cl = ["onClick"], kl = { class: "fm-typo-en-body-md-400" }, _l = { key: 0 }, Tl = { class: "px-12 py-3" }, Fl = { class: "flex items-center justify-between" }, Dl = ["onClick"], Ll = { class: "fm-typo-en-body-md-400" }, Rl = { class: "text-xs max-w-[200px]" }, Vl = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Yl = /* @__PURE__ */ Ee({
+  __name: "FilterSelector",
+  setup(e) {
+    const { t: l, locale: u } = mt(), { currentReport: a, editingReport: w, editingTile: x } = $e(Ta());
+    let { globalFilters: R, isGlobalFiltersLoading: L, timeRange: A, dateRange: d, selectedLocationIds: m } = $e(ct()), { schemas: i } = $e(Fa()), {
+      increaseVisibleCount: c,
+      setSelectedValues: S,
+      setKeepSelection: y,
+      setSearch: T,
+      setShowAdvanced: v,
+      getFilterState: I
+    } = Jt(), { includeUnavailable: h } = $e(Jt());
+    const n = p(!1), k = {};
+    function F(t, f) {
+      const g = t.id;
+      if (f)
+        k.value = { ...k.value, [g]: f };
+      else {
+        const _ = { ...k.value };
+        delete _[g], k.value = _;
+      }
+    }
+    const z = C(() => {
+      var t;
+      return ((t = a.value) == null ? void 0 : t.id) ?? "";
+    }), B = p([]);
+    function G(t) {
+      const g = I(t.filter).selectedValues;
+      t.selectedValues = t.keepSelection ? g : t.options.map((_) => _.value), t.filter.values = [...t.selectedValues], S(t.filter, t.selectedValues);
+    }
+    let X = [];
+    function le(t) {
+      const f = (t.filters || []).map((D) => {
+        const Q = Array.isArray(D.values) ? D.values.join(",") : "";
+        return [D.schemaName, D.name, D.operator, D.option, D.dataFormula, Q].map((te) => te == null ? "" : String(te)).join(":");
+      }).join("|"), g = Array.isArray(t.tileIds) ? t.tileIds.join(",") : "";
+      return `${[
+        t.schemaName,
+        t.name,
+        t.label ?? "",
+        t.option ?? "",
+        t.operator ?? "",
+        t.dataFormula ?? "",
+        g
+      ].map((D) => D == null ? "" : String(D)).join(":")}|${f}`;
+    }
+    fe(
+      () => (R.value || []).map((t) => le(t)),
+      (t) => {
+        (t.length !== X.length || t.some((g, _) => g !== X[_])) && (X = [...t], B.value = (R.value || []).map((g) => {
+          const _ = I(g), D = _.selectedValues.length ? [..._.selectedValues] : [...g.values ?? []];
+          return {
+            id: ut(),
+            filter: g,
+            search: _.search,
+            options: [],
+            type: we(g),
+            selectedValues: D,
+            visibleCount: _.visibleCount,
+            keepSelection: _.keepSelection,
+            showAdvanced: _.showAdvanced
+          };
+        }), W());
+      },
+      { immediate: !0 }
+    ), fe(
+      [A, d, m],
+      async () => {
+        await W();
+      },
+      { deep: !0, immediate: !0 }
+    ), fe(
+      [() => x.value],
+      async () => {
+        B.value.forEach((t) => {
+          t.options = [];
+        }), await W();
+      },
+      { deep: !0 }
+    );
+    var ve = void 0;
+    function we(t) {
+      var g;
+      const f = (g = i.value.find((_) => _.name === t.schemaName)) == null ? void 0 : g.fields.find((_) => _.name === t.name);
+      return f == null ? void 0 : f.type;
+    }
+    function De(t) {
+      var te, se;
+      const f = [], g = x.value ? [x.value] : ((te = w.value) == null ? void 0 : te.tiles) ?? ((se = a.value) == null ? void 0 : se.tiles) ?? [], { name: _ = "", schemaName: D = "" } = t, Q = g.filter((Y) => {
+        var be;
+        if (t.tileIds && t.tileIds.length > 0 && !t.tileIds.includes(Y.id))
+          return !1;
+        const V = (be = Y == null ? void 0 : Y.widget) == null ? void 0 : be.config;
+        if (!V) return !1;
+        const o = (V.dimensions ?? []).some(
+          (ce) => ce.schemaName === D && ce.name === _
+        ), me = (V.joinDatasources ?? []).some(
+          (ce) => (ce.dimensions ?? []).some((ne) => ne.schemaName === D && ne.name === _)
+        ), pe = (V.schemaNames ?? []).some((ce) => ce === D);
+        return o || me || pe;
+      });
+      return Q.length === 0 ? [] : (Q.forEach((Y) => {
+        var nt, ht, rt, ft, vt, Ke, gt, oe, yt, bt;
+        const V = (nt = Y == null ? void 0 : Y.widget) == null ? void 0 : nt.config;
+        if (!V) return;
+        const o = {
+          name: _,
+          schemaName: D,
+          label: ((rt = (ht = V.dimensions) == null ? void 0 : ht.find(
+            (P) => P.schemaName === D && P.name === _
+          )) == null ? void 0 : rt.label) ?? _,
+          hide: !1,
+          option: t.option ?? null,
+          dataFormula: (vt = (ft = V.dimensions) == null ? void 0 : ft.find(
+            (P) => P.schemaName === D && P.name === _
+          )) == null ? void 0 : vt.dataFormula
+        }, me = {
+          name: _,
+          schemaName: D,
+          type: lt.Asc,
+          aggregation: null,
+          dimensionOption: null
+        }, pe = ((V == null ? void 0 : V.dimensions) ?? []).some((P) => P.schemaName === D) || ((V == null ? void 0 : V.schemaNames) ?? []).some((P) => P === D), be = ((V == null ? void 0 : V.joinDatasources) ?? []).find(
+          (P) => (P.schemaNames ?? []).some((re) => re === D) || (P.dimensions ?? []).some((re) => re.schemaName === D)
+        ), ce = pe ? [o] : [], ne = ((gt = (Ke = Y == null ? void 0 : Y.widget) == null ? void 0 : Ke.config) == null ? void 0 : gt.filters) ?? [], J = /* @__PURE__ */ new Map(), Me = (P, re) => {
+          const xe = `${re.schemaName}:${re.name}:${re.operator}`;
+          if (P.has(xe)) {
+            const wt = P.get(xe), St = re.operator === Fe.Like, Ze = re.operator === Fe.NotLike;
+            St || Ze ? wt.values = Array.from(/* @__PURE__ */ new Set([...wt.values ?? [], ...re.values ?? []])) : P.set(xe, { ...re });
+          } else
+            P.set(xe, { ...re });
+        };
+        ne.forEach((P) => Me(J, P)), (t.filters ?? []).filter(
+          (P) => ((V == null ? void 0 : V.schemaNames) ?? []).some((re) => re === P.schemaName)
+        ).forEach((P) => Me(J, P));
+        const de = (((yt = (oe = Y == null ? void 0 : Y.widget) == null ? void 0 : oe.config) == null ? void 0 : yt.joinDatasources) ?? []).flatMap(
+          (P) => P.filters ?? []
+        ), Ne = /* @__PURE__ */ new Map();
+        de.forEach((P) => Me(Ne, P));
+        const K = ((bt = V == null ? void 0 : V.joinDatasources) == null ? void 0 : bt.flatMap((P) => P.schemaNames ?? []).filter(Boolean)) ?? [];
+        (t.filters ?? []).filter((P) => K.some((re) => re === P.schemaName)).forEach((P) => Me(Ne, P));
+        const kt = !pe && be ? [
+          {
+            ...be,
+            dimensions: [o],
+            sorts: [me],
+            filters: [...Array.from(Ne.values())]
+          }
+        ] : [];
+        f.push({
+          type: M.Table,
+          title: "Global Filter",
+          config: {
+            schemaNames: V == null ? void 0 : V.schemaNames,
+            schemas: V == null ? void 0 : V.schemas,
+            dimensions: ce,
+            filters: [...Array.from(J.values())],
+            sorts: pe && me ? [me] : [],
+            joinDatasources: kt,
+            rowIds: [],
+            metrics: [],
+            limit: null,
+            rollup: void 0,
+            drillDimension: void 0,
+            showGrandTotal: !1,
+            breakdownDimension: void 0,
+            sparklineDimension: void 0,
+            isTransposed: !1,
+            isDrillable: !1,
+            isBlend: !1
+          }
+        });
+      }), f);
+    }
+    function Le(t) {
+      return t.options.every((f) => {
+        var g;
+        return (g = t.selectedValues) == null ? void 0 : g.includes(f.value);
+      });
+    }
+    function _e(t) {
+      Le(t) ? t.selectedValues = ["(EMPTY)"] : t.selectedValues = t.options.map((f) => f.value);
+    }
+    const b = C(
+      () => B.value.map((t) => {
+        const f = t.options, g = t.search.toLowerCase() ?? "";
+        return f.filter(
+          (D) => D.label.toLowerCase().includes(g.toLowerCase())
+        ).slice(0, t.visibleCount);
+      })
+    );
+    function $(t) {
+      t.visibleCount += 50, c(t.filter, 50);
+    }
+    async function j(t) {
+      var f;
+      switch (t.type) {
+        case Pe.String:
+          try {
+            const g = De(t.filter);
+            if (!g.length) {
+              console.warn(
+                "[FilterSelector] No global filter widgets found for filter:",
+                t.filter
+              );
+              return;
+            }
+            const _ = [], D = ve.signal;
+            for (const V of g) {
+              const o = await Zt(V, D);
+              (o == null ? void 0 : o.type) === M.Table && _.push(...o.rows.map((me) => {
+                var pe;
+                return ((pe = me.cells) == null ? void 0 : pe[0]) ?? " ";
+              }));
+            }
+            const Q = Array.from(new Set(_)), te = (f = I(t.filter).selectedValues) != null && f.length ? I(t.filter).selectedValues : t.selectedValues || [], se = t.keepSelection ? Array.from(/* @__PURE__ */ new Set([...Q, ...te])) : Q, Y = new Set(_);
+            t.options = se.map((V) => ({
+              label: String(V),
+              value: V,
+              available: t.keepSelection ? Y.has(V) : new Set(Q).has(V)
+            })), G(t);
+          } catch (g) {
+            if ((g == null ? void 0 : g.code) === "ERR_CANCELED" || (g == null ? void 0 : g.name) === "CanceledError")
+              return;
+            throw g;
+          }
+          break;
+        case Pe.Bool: {
+          t.options = [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ], G(t);
+          break;
+        }
+        case Pe.Timestamp:
+          if (t.filter.option !== he.DateTime && t.filter.option !== he.TimeOfDay) {
+            const g = t.filter.option;
+            t.options = Xt({ dimensionOption: g, t: l }), t.filter.values = t.options.length ? t.options.map((_) => _.value) : ["NULL"];
+          }
+          G(t);
+          break;
+        case Pe.Numeric:
+          break;
+      }
+    }
+    async function W(t = !1) {
+      if (!(!z.value || !B.value.length)) {
+        ve && (ve == null || ve.abort()), ve = new AbortController();
+        try {
+          t || (L.value = !0), n.value = !0;
+          const f = B.value.map(async (g) => {
+            await j(g);
+          });
+          await Promise.all(f);
+        } finally {
+          t || (L.value = !1), n.value = !1;
+        }
+      }
+    }
+    function H(t, f) {
+      var _;
+      if ((_ = t.selectedValues) == null ? void 0 : _.includes(f)) {
+        let D = (t.selectedValues || []).filter((Q) => Q !== f && Q !== "(EMPTY)");
+        t.selectedValues = D.length > 0 ? D : ["(EMPTY)"];
+      } else
+        t.selectedValues = [...(t.selectedValues || []).filter((D) => D !== "(EMPTY)"), f];
+      S(t.filter, t.selectedValues);
+    }
+    function N(t, f) {
+      if (f === null)
+        t.values = [];
+      else {
+        const _ = tt(f.startDate).startOf("day").utc().toISOString(), D = tt(f.endDate).endOf("day").utc().toISOString();
+        t.values = [_, D];
+      }
+      const g = B.value.find((_) => _.filter === t);
+      g && (g.keepSelection = f !== null, y(g.filter, g.keepSelection));
+    }
+    function ue(t) {
+      const f = (t.selectedValues || []).filter((g) => g !== "(EMPTY)");
+      return `${l("report.section.filter.selectAll")} (${f.length}/${t.options.length})`;
+    }
+    function Te(t) {
+      const f = t.options.length, g = l("report.section.filter.search"), _ = l("report.common.results", { count: f });
+      return `${g} (${_})`;
+    }
+    function ge(t) {
+      var Q, te, se, Y, V;
+      const f = La(t.filter);
+      if (t.type === Pe.Timestamp) {
+        const o = ((Q = t.filter.values) == null ? void 0 : Q.length) === 2;
+        if (t.filter.option === he.DateTime)
+          return { preview: o ? `${f} is between ${Aa({
+            startDate: ((te = t.filter.values) == null ? void 0 : te[0]) || null,
+            endDate: ((se = t.filter.values) == null ? void 0 : se[1]) || null,
+            locale: u.value
+          })}` : f, suffix: "" };
+        if (t.filter.option === he.TimeOfDay) {
+          const me = (Y = t.filter.values) != null && Y[0] ? tt(t.filter.values[0]) : null, pe = (V = t.filter.values) != null && V[1] ? tt(t.filter.values[1]) : null, be = (ne) => ne && ne.isValid() ? { hour: ne.hour(), minute: ne.minute() } : null;
+          return { preview: o ? `${f} is between ${za({
+            startTime: be(me),
+            endTime: be(pe),
+            locale: u.value
+          })}` : f, suffix: "" };
+        }
+        if (t.filter.option !== he.DateTime && t.filter.option !== he.TimeOfDay) {
+          const me = Xt({
+            dimensionOption: t.filter.option,
+            t: l
+          }), pe = new Map(me.map((J) => [String(J.value), J.label])), ce = (t.selectedValues || []).filter((J) => J !== "(EMPTY)").map((J) => pe.get(String(J)) ?? String(J)), ne = ce.map((J) => J.length > 20 ? `${J.slice(0, 20)}…` : J).join(", ");
+          return ce.length ? {
+            preview: `${f}: ${ne}`,
+            suffix: `(${ce.length} selected)`
+          } : { preview: f, suffix: "" };
+        }
+      }
+      const _ = (t.selectedValues || []).filter((o) => o !== "(EMPTY)").map((o) => o === !0 ? l("report.common.yes") || "Yes" : o === !1 ? l("report.common.no") || "No" : String(o)), D = _.map((o) => o.length > 20 ? `${o.slice(0, 20)}…` : o).join(", ");
+      return _.length ? {
+        preview: `${f}: ${D}`,
+        suffix: `(${_.length} selected)`
+      } : { preview: D, suffix: `${f}` };
+    }
+    function Se(t) {
+      t.filter.values = [...t.selectedValues || []], S(t.filter, t.selectedValues), ye(t);
+    }
+    function ye(t) {
+      const f = t.id, g = k.value[f];
+      g == null || g.toggleMenu(!1);
+    }
+    function qe(t, f) {
+      f || (t.selectedValues = [...t.filter.values ?? []], S(t.filter, t.selectedValues));
+    }
+    function Re(t, f) {
+      return t ? t.length > f ? `${t.slice(0, f)}…` : t : "";
+    }
+    function Ve(t, f) {
+      var _, D, Q, te;
+      if (f === null)
+        t.values = [];
+      else {
+        const se = tt().set("hour", Number((_ = f.start) == null ? void 0 : _.hour)).set("minute", Number((D = f.start) == null ? void 0 : D.minute)).toISOString(), Y = tt().set("hour", Number((Q = f.end) == null ? void 0 : Q.hour)).set("minute", Number((te = f.end) == null ? void 0 : te.minute)).toISOString();
+        t.values = [se, Y];
+      }
+      const g = B.value.find((se) => se.filter === t);
+      g && (g.keepSelection = f !== null, y(g.filter, g.keepSelection));
+    }
+    return (t, f) => {
+      const g = q("FmCircularProgress"), _ = q("FmTextField"), D = q("FmMenuItem"), Q = q("FmTooltip"), te = q("FmIcon"), se = q("FmMenuDivider"), Y = q("FmButton"), V = q("FmMenu");
+      return E(), ee("div", vl, [
+        (E(!0), ee(Ce, null, Ct(B.value, (o, me) => {
+          var pe, be, ce, ne, J, Me;
+          return E(), ee("div", {
+            key: `${o.filter.schemaName}-${o.filter.name}`
+          }, [
+            o.filter.option === s(he).DateTime ? (E(), ie(Ra, {
+              key: 0,
+              "model-value": { startDate: (pe = o.filter.values) == null ? void 0 : pe[0], endDate: (be = o.filter.values) == null ? void 0 : be[1] },
+              class: "w-full",
+              label: ge(o).preview,
+              removable: ((ce = o.filter.values) == null ? void 0 : ce.length) === 2,
+              onUpdate: (de) => N(o.filter, de),
+              onChipClosed: () => N(o.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : o.filter.option === s(he).TimeOfDay ? (E(), ie(Da, {
+              key: 1,
+              "model-value": { start: (ne = o.filter.values) == null ? void 0 : ne[0], end: (J = o.filter.values) == null ? void 0 : J[1] },
+              class: "w-full",
+              label: ge(o).preview,
+              removable: ((Me = o.filter.values) == null ? void 0 : Me.length) === 2,
+              onUpdate: (de) => Ve(o.filter, de),
+              onChipClosed: () => Ve(o.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (E(), ie(V, {
+              key: 2,
+              "close-on-click": !1,
+              shift: !0,
+              ref_for: !0,
+              ref: (de) => F(o, de),
+              onMenuChanged: (de) => qe(o, de)
+            }, {
+              "menu-button": ae(() => [
+                U("div", gl, [
+                  O(Va, {
+                    "left-icon": "filter_alt",
+                    "trailing-icon": "expand_more",
+                    label: ge(o).preview,
+                    class: "w-full"
+                  }, {
+                    default: ae(() => [
+                      Rt(Ae(ge(o).suffix), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label"])
+                ])
+              ]),
+              "menu-wrapper": ae(({ maxHeight: de, width: Ne }) => [
+                U("div", {
+                  class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
+                  style: He({ maxHeight: `${de}px`, width: Ne })
+                }, [
+                  n.value ? (E(), ee("div", yl, [
+                    O(g)
+                  ])) : o.options.length > 0 && !s(L) ? (E(), ee(Ce, { key: 1 }, [
+                    U("div", bl, [
+                      O(_, {
+                        modelValue: o.search,
+                        "onUpdate:modelValue": [(K) => o.search = K, (K) => s(T)(o.filter, K)],
+                        type: "text",
+                        "prepend-icon": "search",
+                        placeholder: Te(o),
+                        class: "border px-2 pb-8 text-sm mb-1 rounded"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                    ]),
+                    U("div", wl, [
+                      U("div", Sl, [
+                        O(D, {
+                          label: ue(o),
+                          "has-checkbox": !0,
+                          "model-value": Le(o),
+                          indeterminate: !0,
+                          onClick: (K) => _e(o)
+                        }, null, 8, ["label", "model-value", "onClick"]),
+                        (E(!0), ee(Ce, null, Ct(b.value[me], (K) => (E(), ee(Ce, {
+                          key: K.value
+                        }, [
+                          K.label && K.label.length > 110 ? (E(), ie(Q, {
+                            key: 0,
+                            placement: "right",
+                            "hide-arrow": !0,
+                            "z-index": 2e3
+                          }, {
+                            content: ae(() => [
+                              Rt(Ae(K.label), 1)
+                            ]),
+                            default: ae(() => [
+                              U("div", xl, [
+                                O(D, {
+                                  label: Re(K.label, 110),
+                                  "has-checkbox": !0,
+                                  "model-value": o.selectedValues.includes(K.value),
+                                  class: Xe([
+                                    "flex-1 text-left",
+                                    { "bg-gray-200": K.available === !1 }
+                                  ]),
+                                  onClick: () => H(o, K.value)
+                                }, null, 8, ["label", "model-value", "class", "onClick"])
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024)) : (E(), ie(D, {
+                            key: 1,
+                            label: K.label,
+                            "has-checkbox": !0,
+                            "model-value": o.selectedValues.includes(K.value),
+                            class: Xe(["flex-1 text-left", { "bg-gray-100": K.available === !1 }]),
+                            onClick: () => H(o, K.value)
+                          }, null, 8, ["label", "model-value", "class", "onClick"]))
+                        ], 64))), 128)),
+                        b.value[me].length < o.options.length && !o.search ? (E(), ie(D, {
+                          key: 0,
+                          class: "fm-typo-en-body-md-400 -ml-2",
+                          label: s(l)("report.section.filter.loadMore"),
+                          onClick: Tt((K) => $(o), ["stop"]),
+                          icon: "autorenew"
+                        }, null, 8, ["label", "onClick"])) : ze("", !0)
+                      ])
+                    ]),
+                    U("div", {
+                      class: "px-12 py-2 flex items-center gap-2 cursor-pointer hover:bg-fm-color-neutral-50 transition-colors",
+                      onClick: () => {
+                        o.showAdvanced = !o.showAdvanced, s(v)(o.filter, o.showAdvanced);
+                      }
+                    }, [
+                      O(te, {
+                        name: o.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                        size: "md",
+                        class: ""
+                      }, null, 8, ["name"]),
+                      U("span", kl, Ae(s(l)("report.section.filter.advanced")), 1)
+                    ], 8, Cl),
+                    O(se),
+                    o.showAdvanced ? (E(), ee("div", _l, [
+                      U("div", Tl, [
+                        U("div", Fl, [
+                          U("div", {
+                            class: "flex items-center gap-2 cursor-pointer",
+                            onClick: () => {
+                              o.keepSelection = !o.keepSelection, xa(h) ? h.value = o.keepSelection : h = o.keepSelection, s(y)(o.filter, o.keepSelection), o.options = [], W(!0);
+                            }
+                          }, [
+                            O(te, {
+                              name: o.keepSelection ? "check_box" : "check_box_outline_blank",
+                              size: "md",
+                              class: Xe(
+                                o.keepSelection ? "text-fm-color-primary" : "text-fm-color-neutral-gray-400"
+                              )
+                            }, null, 8, ["name", "class"]),
+                            U("span", Ll, Ae(s(l)("report.section.filter.keepSelection")), 1)
+                          ], 8, Dl),
+                          O(Q, {
+                            placement: "top",
+                            "z-index": 2e3
+                          }, {
+                            content: ae(() => [
+                              U("div", Rl, Ae(s(l)("report.section.filter.keepSelectionTooltip")), 1)
+                            ]),
+                            default: ae(() => [
+                              O(te, {
+                                name: "info",
+                                size: "md",
+                                class: "text-fm-color-primary"
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ])
+                    ])) : ze("", !0),
+                    U("div", Vl, [
+                      O(Y, {
+                        variant: "tertiary",
+                        label: s(l)("report.common.cancel"),
+                        onClick: Tt((K) => ye(o), ["stop"])
+                      }, null, 8, ["label", "onClick"]),
+                      O(Y, {
+                        color: "primary",
+                        onClick: Tt((K) => Se(o), ["stop"]),
+                        label: s(l)("report.common.apply")
+                      }, null, 8, ["onClick", "label"])
+                    ])
+                  ], 64)) : s(L) ? ze("", !0) : (E(), ie(Vt, { key: 2 }))
+                ], 4)
+              ]),
+              _: 2
+            }, 1032, ["onMenuChanged"]))
+          ]);
+        }), 128)),
+        Ye(t.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  Ge as I,
+  $t as L,
+  je as R,
+  Hl as _,
+  Yl as a,
+  zt as b,
+  ql as c,
+  Ul as d,
+  Ol as e,
+  Dt as g,
+  Gt as u
+};