@feedmepos/mf-report 5.21.8 → 5.21.9-beta.0

package/dist/FilterSelector.vue_vue_type_script_setup_true_lang-Bf7d-pkn.js

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