@feedmepos/mf-report 5.19.18-beta.0 → 5.19.19-beta.0

package/dist/FilterSelector.vue_vue_type_script_setup_true_lang-BlJuhyD7.js

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