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

package/dist/FilterSelector.vue_vue_type_script_setup_true_lang-DwR4bn-V.js

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