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

package/dist/FilterSelector.vue_vue_type_script_setup_true_lang-Cgt6xvKw.js

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