@feedmepos/mf-report 5.14.0 → 5.14.1-beta.0

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-C1yW2R2S.js

@@ -0,0 +1,1593 @@
+import { computed as f, defineComponent as ee, mergeModels as me, useModel as te, ref as u, onMounted as Se, nextTick as X, watch as J, resolveComponent as P, createElementBlock as N, openBlock as W, Fragment as oe, renderSlot as pe, createVNode as V, normalizeStyle as ne, unref as l, createElementVNode as $, toDisplayString as Le, withCtx as q, createBlock as U, createCommentVNode as he, normalizeClass as $e, h as wt, renderList as _t, createTextVNode as Kt, onUnmounted as Zt, resolveDynamicComponent as Qt, withDirectives as ea, vShow as ta } from "vue";
+import { W as F, d as Ee, v as Be, e as Ye, f as Tt, q as aa, R as Fe, g as la } from "./BaseDialog.vue_vue_type_script_setup_true_lang-Dn62PHIj.js";
+import { u as Me, b as at, a as lt } from "./vue-i18n-Cbp-3I-3.js";
+import { a as bt } from "./helper-Cnw7wwTJ.js";
+import { storeToRefs as ze, defineStore as oa } from "pinia";
+import { a as na } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DLzo7grl.js";
+import { r as xe } from "./i18n-Cif1I9J2.js";
+import { _ as xt } from "./NoData.vue_vue_type_script_setup_true_lang-tMdvKjM3.js";
+import { components as sa, useSnackbar as kt, useBreakpoints as ra } from "@feedmepos/ui-library";
+var Je = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Je || {}), Z = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Z || {}), Ke = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Ke || {}), Ze = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Ze || {}), Qe = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Qe || {}), et = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(et || {}), tt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(tt || {});
+F.Circular, F.Table, F.BarChart, F.LineChart, F.StackBarChart, F.StackLineChart, F.Scorecard, F.Spacer;
+const ia = [
+  {
+    type: F.Circular,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: F.Table,
+    showLabel: !1,
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !0
+  },
+  {
+    type: F.BarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: F.LineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: F.StackBarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: F.StackLineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: F.Scorecard,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: F.Spacer,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  }
+];
+function Ge(e) {
+  const n = [e.schemaName, e.name];
+  return "option" in e && e.option && n.push(e.option), "aggregation" in e && e.aggregation && n.push(e.aggregation), n.push(e.label.replace(/[^a-zA-Z0-9]/g, "")), n.join("_").toLowerCase();
+}
+function ua(e, n) {
+  switch (e) {
+    case F.BarChart:
+    case F.LineChart:
+    case F.StackBarChart:
+    case F.StackLineChart:
+      return Array.isArray(n == null ? void 0 : n.datasets) && Array.isArray(n == null ? void 0 : n.xAxis) && n.datasets.length > 0 && n.xAxis.length > 0;
+    case F.Table:
+      return Array.isArray(n == null ? void 0 : n.rows) && Array.isArray(n == null ? void 0 : n.columns) && n.rows.length > 0 && n.columns.length > 0;
+    case F.Circular:
+      return Array.isArray(n == null ? void 0 : n.datasets) && n.datasets.length > 0;
+    case F.Scorecard:
+      return !0;
+    case F.Spacer:
+      return !0;
+  }
+}
+const Ct = [
+  "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 Q({
+  index: e,
+  isCompare: n,
+  opacity: c
+}) {
+  let t = typeof c == "number" ? c : 1;
+  return n && (t = t * 0.6), `rgba(${Ct[e % Ct.length]}, ${t})`;
+}
+function Rt(e, n, c) {
+  if (e === "" || n === "")
+    return null;
+  let t = (z) => z == null ? void 0 : z.replace(/,/g, "");
+  c === "ID" && (t = (z) => z == null ? void 0 : z.replace(/\./g, "").replace(/,/g, "."));
+  const x = Number(t(e)), R = Number(t(n));
+  if (isNaN(x) || isNaN(R))
+    return null;
+  let _ = 0;
+  R === 0 ? x === 0 ? _ = 0 : _ = 1 : _ = (x - R) / R;
+  const L = ca(_);
+  return {
+    value: isNaN(_) ? "" : `${(_ * 100).toFixed(0)}%`,
+    icon: L
+  };
+}
+function ca(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 We(e) {
+  function n(m, d, r) {
+    if (m.measureText(d).width <= r) return d;
+    const i = "…";
+    let b = 0, v = d.length;
+    for (; b < v; ) {
+      const y = Math.floor((b + v) / 2), w = d.slice(0, y) + i;
+      m.measureText(w).width <= r ? b = y + 1 : v = y;
+    }
+    return d.slice(0, b - 1) + i;
+  }
+  const c = f(() => ({
+    display: e.showLabel,
+    align: e.labelAlign,
+    anchor: e.labelAnchor,
+    rotation: e.labelRotation,
+    offset: e.labelOffset,
+    font: {
+      size: e.labelFontSize
+    },
+    color: (m) => {
+      const d = m.chart.data.datasets[m.datasetIndex];
+      return d.borderColor ? Array.isArray(d.borderColor) ? d.borderColor[m.dataIndex] : d.borderColor : d.backgroundColor ? Array.isArray(d.backgroundColor) ? d.backgroundColor[m.dataIndex] : d.backgroundColor : "#000";
+    },
+    formatter: (m) => m === 0 ? "" : m.toLocaleString("en-US")
+  })), t = f(() => ({
+    display: e.showX,
+    position: e.xPosition,
+    grid: {
+      display: e.showXGrid
+    },
+    ticks: {
+      display: e.showXTick,
+      callback: function(m) {
+        if ((e == null ? void 0 : e.isTransposed) === !0) return String(m);
+        let r = String(m);
+        const i = this;
+        i && typeof i.getLabelForValue == "function" && (r = i.getLabelForValue(m));
+        const b = i == null ? void 0 : i.chart, v = i == null ? void 0 : i.ctx, y = b.height * 0.25;
+        if (v && y > 0) {
+          v.save();
+          const E = v.measureText(r).width > y ? n(v, r, y) : r;
+          return v.restore(), E;
+        }
+        return r;
+      },
+      font: {
+        size: e.xTickFontSize
+      }
+    },
+    title: {
+      display: e.showXTitle,
+      text: e.xTitle,
+      font: {
+        size: e.xTitleFontSize
+      }
+    },
+    afterBuildTicks: (m) => {
+      const d = Array.isArray(m == null ? void 0 : m.ticks) ? m.ticks : [];
+      if (d.length === 0) return;
+      const r = m.getLabelForValue(d[0].value), i = !isNaN(Number(r));
+      m.options.ticks.minRotation = i || d.length < 10 ? 0 : 90;
+    },
+    afterFit: (m) => {
+      if (!(e != null && e.isTransposed)) {
+        const d = m.chart.height * 0.4;
+        m.height > d && (m.height = d);
+      }
+    }
+  })), x = f(() => ({
+    display: e.showY,
+    position: e.yPosition,
+    grid: {
+      display: e.showYGrid
+    },
+    ticks: {
+      display: e.showYTick,
+      font: {
+        size: e.yTickFontSize
+      },
+      callback: function(m) {
+        if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(m);
+        let r = String(m);
+        const i = this;
+        i && typeof i.getLabelForValue == "function" && (r = i.getLabelForValue(m));
+        const b = i == null ? void 0 : i.chart, v = i == null ? void 0 : i.ctx, y = b.width * 0.4;
+        if (v && y > 0) {
+          v.save();
+          const E = v.measureText(r).width > y ? n(v, r, y) : r;
+          return v.restore(), E;
+        }
+        return r;
+      }
+    },
+    title: {
+      display: e.showYTitle,
+      text: e.yTitle,
+      font: {
+        size: e.yTitleFontSize
+      }
+    }
+  })), R = f(() => ({
+    display: e.showLegend,
+    position: e.legendPosition,
+    usePointStyle: e.usePointStyle,
+    maxHeight: e.legendMaxHeight,
+    maxWidth: e.legendMaxWidth
+  })), _ = f(() => e.isTransposed), L = f(() => e.chartWidth), z = f(() => e.chartHeight);
+  return { datalabels: c, xCfg: t, yCfg: x, isTransposed: _, legend: R, chartWidth: L, chartHeight: z };
+}
+const da = /* @__PURE__ */ ee({
+  __name: "WidgetBarchart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, c = te(e, "modelValue"), t = u(null), x = f(() => {
+      var w;
+      return ((w = c.value.data) == null ? void 0 : w.xAxis) ?? [];
+    }), R = f(() => {
+      var w;
+      return ((w = c.value.data) == null ? void 0 : w.datasets) ?? [];
+    }), { datalabels: _, xCfg: L, yCfg: z, isTransposed: m, legend: d, chartWidth: r, chartHeight: i } = We(
+      c.value
+    ), b = f(() => R.value.length > 0 ? [
+      ...R.value.map((w, E) => ({
+        label: w.name,
+        data: w.values,
+        dash: !!w.isCompare,
+        backgroundColor: Q({ index: E, isCompare: w.isCompare })
+      }))
+    ] : []), v = Ee();
+    function y() {
+      return v.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return Se(() => {
+      X(() => {
+        y();
+      });
+    }), J([b], () => {
+      X(() => y());
+    }), (w, E) => {
+      const h = P("FmBarChart");
+      return W(), N(oe, null, [
+        pe(w.$slots, "menu"),
+        V(h, {
+          ref_key: "chartRef",
+          ref: t,
+          class: "bar-chart",
+          datasets: b.value,
+          "x-axis": { categories: x.value },
+          "x-cfg": l(L),
+          "y-cfg": l(z),
+          transpose: l(m),
+          legend: {
+            display: l(d).display ?? !1,
+            position: l(d).position,
+            maxHeight: l(d).maxHeight,
+            maxWidth: l(d).maxWidth,
+            labels: {
+              usePointStyle: l(d).usePointStyle ?? !0
+            }
+          },
+          datalabels: l(_),
+          "maintain-aspect-ratio": !1,
+          style: ne({
+            "--chart-width": l(r) !== void 0 ? l(r) + "px" : "100%",
+            "--chart-height": l(i) !== void 0 ? l(i) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), ha = /* @__PURE__ */ ee({
+  __name: "WidgetCircular",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, c = te(e, "modelValue"), t = u(null), { datalabels: x, legend: R, chartWidth: _, chartHeight: L } = We(c.value), z = f(() => {
+      let r = [];
+      return c.value.data.datasets && c.value.data.metrics && c.value.data.datasets.length > 0 && c.value.data.metrics.length > 0 && (r = [
+        {
+          label: c.value.data.metrics[0],
+          data: c.value.data.datasets.map((i) => i.value),
+          backgroundColor: c.value.data.datasets.map((i, b) => Q({ index: b }))
+        }
+      ]), r;
+    }), m = Ee();
+    function d() {
+      return m.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return Se(() => {
+      X(() => {
+        d();
+      });
+    }), J([z], () => {
+      X(() => d());
+    }), (r, i) => {
+      const b = P("FmPieChart");
+      return W(), N(oe, null, [
+        pe(r.$slots, "menu"),
+        V(b, {
+          ref_key: "chartRef",
+          ref: t,
+          class: "circular",
+          percentage: "70%",
+          datasets: z.value,
+          metrics: c.value.data.datasets.map((v) => v.name),
+          variant: "doughnut",
+          legend: {
+            display: l(R).display ?? !0,
+            position: l(R).position ?? "top",
+            maxHeight: l(R).maxHeight ?? 54,
+            maxWidth: l(R).maxWidth,
+            labels: {
+              usePointStyle: l(R).usePointStyle ?? !0
+            }
+          },
+          datalabels: l(x),
+          "maintain-aspect-ratio": !1,
+          style: ne({
+            "--chart-width": l(_) !== void 0 ? l(_) + "px" : "100%",
+            "--chart-height": l(L) !== void 0 ? l(L) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), ma = { class: "flex flex-col gap-1" }, pa = { class: "fm-typo-en-title-sm-600" }, fa = { class: "flex gap-2" }, va = { key: 0 }, ga = { key: 1 }, ya = /* @__PURE__ */ ee({
+  __name: "WidgetScorecard",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = te(e, "modelValue"), { t: c } = Me(), { compareDateRange: t, defaultDateSetting: x } = ze(at()), { country: R } = lt(), _ = f(() => {
+      var r;
+      return ((r = n.value.data) == null ? void 0 : r.value) || "";
+    }), L = f(() => {
+      const { data: r } = n.value;
+      return r != null && r.comparison ? Rt(_.value, r.comparison, R) : null;
+    });
+    function z(r) {
+      switch (r) {
+        case Je.bar:
+          return "bar";
+        case Je.line:
+          return "line";
+        default:
+          return "line";
+      }
+    }
+    const m = f(() => {
+      var r;
+      return (r = n.value.data) == null ? void 0 : r.sparkline;
+    }), d = f(() => m.value.datasets.map((r) => ({
+      label: r.name,
+      data: r.values,
+      fill: !0,
+      color: "#36a2eb"
+    })));
+    return (r, i) => {
+      var E;
+      const b = P("FmIcon"), v = P("FmChip"), y = P("FmTooltip"), w = P("FmLineChart");
+      return W(), N("div", ma, [
+        pe(r.$slots, "menu"),
+        $("p", pa, Le(_.value), 1),
+        $("div", fa, [
+          V(y, {
+            content: `vs. ${(E = l(x).defaultCompareType) == null ? void 0 : E.split("_").join(" ")}`,
+            placement: "right",
+            "hide-arrow": "",
+            variant: "plain"
+          }, {
+            default: q(() => [
+              L.value ? (W(), U(v, {
+                key: 0,
+                icon: L.value.icon.name,
+                class: $e(`bg-${L.value.icon.tailwind}`),
+                compact: ""
+              }, {
+                default: q(() => [
+                  V(b, {
+                    name: L.value.icon.name,
+                    color: L.value.icon.color
+                  }, null, 8, ["name", "color"]),
+                  $("p", {
+                    class: "fm-typo-en-body-md-600",
+                    style: ne({ color: L.value.icon.color })
+                  }, Le(L.value.value), 5)
+                ]),
+                _: 1
+              }, 8, ["icon", "class"])) : he("", !0),
+              l(t).endDate !== null && l(t).startDate !== null && L.value === null ? (W(), U(v, {
+                key: 1,
+                compact: ""
+              }, {
+                default: q(() => [
+                  V(b, {
+                    name: "arrow_upward",
+                    color: "#C7C7CC"
+                  }),
+                  i[0] || (i[0] = $("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                ]),
+                _: 1
+              })) : he("", !0)
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ]),
+        m.value ? (W(), N("div", va, [
+          z(m.value.type) === "line" ? (W(), U(w, {
+            key: 0,
+            class: "sparkline",
+            datasets: d.value,
+            legend: {
+              display: !1
+            },
+            datalabels: { display: !1 },
+            "x-axis": { categories: m.value.dimensions },
+            "y-cfg": { display: !1 },
+            "x-cfg": { display: !1 },
+            "maintain-aspect-ratio": !1
+          }, null, 8, ["datasets", "x-axis"])) : he("", !0)
+        ])) : (W(), N("div", ga, i[1] || (i[1] = [
+          $("div", { class: "sparkline" }, [
+            $("div", { class: "flex flex-col gap-8" }, [
+              $("div"),
+              $("div")
+            ]),
+            $("div", { class: "grow" })
+          ], -1)
+        ])))
+      ]);
+    };
+  }
+}), wa = {};
+function ba(e, n) {
+  const c = P("FmMenuDivider");
+  return W(), U(c);
+}
+const xa = /* @__PURE__ */ na(wa, [["render", ba]]), Ca = "mf-reporttable-dimension", St = oa(Ca, () => {
+  const e = u(0), n = u([]), c = u(!1), t = (h, s) => {
+    e.value = h, R(h, s);
+  }, x = (h, s, g, C) => {
+    n[h] = s, n.value = [...n.value], _(h, s, g, C);
+  }, R = (h, s) => {
+    const g = (s == null ? void 0 : s.querySelectorAll("thead tr")) ?? [], C = (s == null ? void 0 : s.querySelectorAll("tbody tr")) ?? [];
+    [...g, ...C].forEach((D) => {
+      const o = D;
+      o && (o.style.height = `${h}px`);
+    });
+  }, _ = (h, s, g, C = !1) => {
+    const S = (g == null ? void 0 : g.querySelectorAll("th")) ?? [];
+    if (h === void 0) return;
+    const D = S[h], o = C ? n[h] : s;
+    if (!D || o === void 0) return;
+    const p = () => {
+      D.style.width = `${o}px`;
+    };
+    C ? requestAnimationFrame(p) : p();
+  }, L = () => {
+    const h = document.querySelectorAll("th"), s = document.querySelectorAll("td"), g = document.querySelector("table");
+    g == null || g.classList.add("table-fixed"), h.forEach((C) => C.classList.add("toggleEditResize")), s.forEach((C) => C.classList.add("toggleEditResize")), c.value = !0;
+  }, z = () => {
+    const h = document.querySelectorAll("th"), s = document.querySelectorAll("td"), g = document.querySelectorAll(".col-resize-handle"), C = document.querySelectorAll(".row-resize-handle");
+    h.forEach((S) => S.classList.remove("toggleEditResize")), s.forEach((S) => S.classList.remove("toggleEditResize")), g.forEach((S) => S.remove()), C.forEach((S) => S.remove()), c.value = !1;
+  }, m = () => {
+    e.value = 0, n.value = [];
+  }, d = (h, s) => {
+    if (s) {
+      const g = document.querySelectorAll(`thead th:nth-child(${h + 1})`), C = document.querySelectorAll(`tbody td:nth-child(${h + 1})`);
+      [...g, ...C].forEach((S) => {
+        S.classList.add("highlight-hover-col");
+      });
+    } else
+      document.querySelectorAll(
+        `thead th:nth-child(${h + 1}), tbody td:nth-child(${h + 1})`
+      ).forEach((g) => g.classList.add("highlight-col"));
+  }, r = (h) => {
+    const s = document.querySelectorAll("thead tr"), g = document.querySelectorAll("tbody tr"), C = [...s, ...g];
+    for (const S of C)
+      h ? S.classList.add("highlight-hover-row") : S.classList.add("highlight-row");
+  }, i = (h) => {
+    const s = h ? ".highlight-hover-row" : ".highlight-row", g = document.querySelectorAll(s);
+    for (const C of g)
+      C.classList.remove(s.slice(1));
+  }, b = (h) => {
+    h ? document.querySelectorAll(".highlight-hover-col").forEach((s) => {
+      s.classList.remove("highlight-hover-col");
+    }) : document.querySelectorAll(".highlight-col").forEach((s) => s.classList.remove("highlight-col"));
+  }, v = (h, s) => {
+    const g = /* @__PURE__ */ new Map(), C = h.clientX, S = h.target.closest("table"), D = S == null ? void 0 : S.querySelectorAll("th")[s], o = D == null ? void 0 : D.getBoundingClientRect().width, p = g.get(s) ? n[s.toString()] || 60 : (g.set(s, !0), o || n[s.toString()] || 60), k = D == null ? void 0 : D.querySelector("p");
+    if (!k) return;
+    const T = k.textContent || "", A = window.getComputedStyle(k), H = `${A.fontWeight} ${A.fontSize} ${A.fontFamily}`, O = document.createElement("canvas").getContext("2d");
+    if (!O) return;
+    O.font = H;
+    const G = O.measureText(T), j = window.getComputedStyle(D), De = parseFloat(j.paddingLeft || "0"), Ae = parseFloat(j.paddingRight || "0"), Pe = G.width + De + Ae;
+    d(s, !1);
+    const _e = (fe) => {
+      const se = fe.clientX - C, re = Math.max(Pe, p + se);
+      if (S) {
+        x(s, re, S, !0);
+        let ae = 0;
+        S.querySelectorAll("th").forEach((ie, ue) => {
+          ae += ue === s ? re : n[ue] || ie.getBoundingClientRect().width;
+        }), S.classList.remove("w-full"), S.style.width = `${ae}px`;
+        const le = S == null ? void 0 : S.parentElement;
+        if (le) {
+          const ie = le.scrollWidth, ue = le.scrollLeft;
+          le.offsetWidth + ue >= ie - 100 && (le.scrollLeft = ie);
+        }
+      }
+    }, Te = () => {
+      const fe = (S == null ? void 0 : S.querySelectorAll("th")) ?? [], se = [...n.value];
+      fe.forEach((re, ae) => {
+        const ve = re.getBoundingClientRect().width;
+        n[ae] = ve, se[ae] = ve;
+      }), n.value = se, b(!1), document.removeEventListener("mousemove", _e), document.removeEventListener("mouseup", Te);
+    };
+    document.addEventListener("mousemove", _e), document.addEventListener("mouseup", Te);
+  }, y = (h) => {
+    const s = h.clientY, g = h.target.closest("table"), C = e.value || 48;
+    r(!1);
+    const S = (o) => {
+      const p = Math.max(30, C + (o.clientY - s));
+      g && t(p, g);
+    }, D = () => {
+      i(!1), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", D);
+    };
+    document.addEventListener("mousemove", S), document.addEventListener("mouseup", D);
+  };
+  return {
+    rowHeight: e,
+    colWidths: n,
+    isEditing: c,
+    updateRowHeight: t,
+    updateColWidth: x,
+    setRowHeights: R,
+    setColWidths: _,
+    enableEditMode: L,
+    disableEditMode: z,
+    resetStore: m,
+    highlightCol: d,
+    highlightRows: r,
+    removeRowHighlight: i,
+    removeColHighlight: b,
+    resizeCol: v,
+    resizeRow: y,
+    enableCellResizing: () => {
+      const h = document.querySelector("thead"), s = document.querySelectorAll("thead tr"), g = document.querySelectorAll("tbody tr"), C = [...s, ...g];
+      h && h.classList.remove("sticky");
+      const S = (D, o) => {
+        const p = document.createElement("div");
+        return p.className = `${D}-resize-handle`, D === "col" ? (p.addEventListener("mouseenter", () => d(o, !0)), p.addEventListener("mouseleave", () => b(!0)), p.addEventListener("mousedown", (k) => {
+          k.stopPropagation(), v(k, o);
+        })) : (p.addEventListener("mouseenter", () => r(!0)), p.addEventListener("mouseleave", () => i(!0)), p.addEventListener("mousedown", (k) => {
+          k.stopPropagation(), y(k);
+        })), p;
+      };
+      C.forEach((D) => {
+        const o = D.closest("thead") !== null;
+        D.querySelectorAll(o ? "th" : "td").forEach((k, T) => {
+          const A = S("col", T), H = S("row", T);
+          k.appendChild(A), k.appendChild(H);
+        });
+      }), L();
+    },
+    cancelResizingChanges: () => {
+      z();
+    }
+  };
+});
+function je(e) {
+  if (e == null || e === "")
+    return "";
+  const n = typeof e == "number" ? e : Number(e);
+  return isNaN(n) ? String(e) : new Intl.NumberFormat("en-US").format(n);
+}
+const Sa = { class: "my-4" }, _a = {
+  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
+  style: { backgroundColor: "#f9f9f9" }
+}, Ta = { class: "font-bold" }, ka = { class: "text-fm-color-neutral-gray-300" }, Ra = /* @__PURE__ */ ee({
+  __name: "WidgetTable",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t: n, te: c } = Me(), t = te(e, "modelValue"), { country: x } = lt(), { isEditing: R, colWidths: _, rowHeight: L } = ze(St()), { setColWidths: z, setRowHeights: m, enableCellResizing: d } = St(), r = u(null), i = f(() => {
+      var o;
+      return ((o = t.value.data) == null ? void 0 : o.columns) || [{ label: "", key: "" }];
+    }), b = f(() => {
+      var o;
+      return ((o = t.value.data) == null ? void 0 : o.rows) || [];
+    }), v = f(() => t.value.filterText), y = f(() => {
+      var o, p;
+      if (!(v.value && v.value.trim().length > 0 || !((o = b.value[0]) != null && o.isRollup) && !((p = b.value[b.value.length - 1]) != null && p.isRollup))) {
+        if (t.value.rollupPosition === Z.top || t.value.rollupPosition === void 0)
+          return Z.top;
+        if (t.value.rollupPosition === Z.bottom)
+          return Z.bottom;
+      }
+    }), w = f(() => {
+      const T = y.value !== void 0 ? 1 : 0, A = (r.value ? r.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((A - 34.5 - 32) / 48) - T;
+    }), E = f(() => {
+      var p, k;
+      let o = [];
+      switch (y.value) {
+        case Z.top:
+          o = [...((p = b.value[0]) == null ? void 0 : p.cells) || []].map((T, A) => {
+            var H;
+            return {
+              main: T,
+              comparison: (H = b.value[0]) == null ? void 0 : H.comparisonCells[A],
+              rowType: i.value[A].type
+            };
+          });
+          break;
+        case Z.bottom:
+          o = [...((k = b.value[b.value.length - 1]) == null ? void 0 : k.cells) || []].map((T, A) => {
+            var H;
+            return {
+              main: T,
+              comparison: (H = b.value[0]) == null ? void 0 : H.comparisonCells[A],
+              rowType: i.value[A].type
+            };
+          });
+          break;
+      }
+      return o.length > 0 && o[0].main === "" && (o[0].main = "Grand total"), o;
+    });
+    function h(o) {
+      const p = {};
+      for (let k = 0; k < i.value.length; k++)
+        if (i.value[k].key !== "") {
+          const T = o.comparisonCells[k];
+          p[i.value[k].key] = {
+            main: o.cells[k],
+            comparison: T
+          }, p.isRollup = o.isRollup;
+        }
+      return p;
+    }
+    function s(o) {
+      return [...new Array(o < 0 ? 0 : o)].map(() => {
+        var k;
+        const p = {};
+        if ((k = t.value.data) != null && k.columns)
+          for (let T = 0; T < t.value.data.columns.length; T++)
+            p[t.value.data.columns[T].key] = void 0;
+        return p;
+      });
+    }
+    function g(o) {
+      let p = (o == null ? void 0 : o.main) || "";
+      return p.includes("#") && !p.startsWith("#") && (p = p.split("#")[0]), !o || o.main === "" || o.comparison === "" ? {
+        main: p
+      } : {
+        main: p,
+        comparison: o == null ? void 0 : o.comparison,
+        difference: Rt(o.main, o.comparison, x)
+      };
+    }
+    const C = f(() => {
+      var A, H, Y;
+      let o = ((A = t.value.data) == null ? void 0 : A.rows) || [];
+      switch (y.value) {
+        case Z.bottom:
+          o = (H = o[o.length - 1]) != null && H.isRollup ? o.slice(0, -1) : o;
+          break;
+        case Z.top:
+          o = (Y = o[0]) != null && Y.isRollup ? o.slice(1, o.length) : o;
+          break;
+      }
+      const p = o.filter((O) => !(v.value !== "" && (O.isRollup === !0 || !O.cells.some(
+        (G) => {
+          var j;
+          return ((G == null ? void 0 : G.toLowerCase()) || "").includes((j = v.value) == null ? void 0 : j.toLowerCase());
+        }
+      )))).map((O) => h(O)), k = p.length % w.value;
+      let T = 0;
+      return k > 0 ? T = Math.abs(k - w.value) : p.length === 0 && (T = w.value), p.push(...s(T)), p;
+    }), S = f(
+      () => {
+        var o;
+        return (((o = t.value.colWidths) == null ? void 0 : o.length) ?? 0) > 0 || _.value.length > 0;
+      }
+    ), D = f(() => {
+      var p;
+      let o = [];
+      return (p = t.value.data) != null && p.columns && (o = [...t.value.data.columns.map((T) => {
+        const A = xe(n, c, T.label, "other");
+        return {
+          accessorKey: T.key,
+          header: () => wt(
+            "p",
+            {
+              class: `w-full ${T.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap`
+            },
+            A
+          ),
+          cell: (H) => {
+            var G, j;
+            const Y = g(H.getValue()), O = (j = (G = H == null ? void 0 : H.row) == null ? void 0 : G.original) == null ? void 0 : j.isRollup;
+            return wt(
+              "div",
+              {
+                class: [
+                  O ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
+                  T.type === "NUMERIC" ? "text-right" : "",
+                  S.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                ].join(" ")
+              },
+              [T.type === "NUMERIC" ? je(Y.main) : Y.main]
+            );
+          },
+          enableSorting: !1
+        };
+      })]), o;
+    });
+    return J(
+      () => _.value.length > 0,
+      async (o) => {
+        o && R.value && (await X(), d());
+      }
+    ), J(
+      [() => D.value],
+      async () => {
+        var A;
+        await X();
+        const o = (A = r.value) == null ? void 0 : A.$el;
+        if (!o) return;
+        const p = o.querySelector("table");
+        if (!p) return;
+        p.classList.add(S.value ? "table-fixed" : "table-auto");
+        let k, T;
+        R.value ? (d(), k = _.value, T = L.value) : (T = t.value.rowHeight, k = t.value.colWidths), typeof T == "number" && m(T, o), k == null || k.forEach((H, Y) => {
+          z(Y, H, o);
+        });
+      },
+      { immediate: !0 }
+    ), (o, p) => {
+      const k = P("FmTable");
+      return W(), N(oe, null, [
+        $("div", Sa, [
+          pe(o.$slots, "menu")
+        ]),
+        V(k, {
+          ref_key: "table",
+          ref: r,
+          "column-defs": D.value,
+          "row-data": C.value,
+          "search-value": v.value,
+          "page-size": w.value,
+          "shrink-at": !1,
+          "force-mobile-footer": !0,
+          class: "scrollbar-hide-table"
+        }, {
+          "pin-top": q(() => [
+            $("tbody", null, [
+              $("tr", _a, [
+                (W(!0), N(oe, null, _t(E.value, (T, A) => (W(), N("td", {
+                  key: `${l(Be)()}_${A}`,
+                  class: "h-[48px] text-fm-color-typo-primary px-16"
+                }, [
+                  $("span", {
+                    class: $e([
+                      "items-center text-fm-color-typo-secondary gap-2",
+                      T.rowType === "NUMERIC" ? "text-right" : "",
+                      S.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                    ])
+                  }, [
+                    $("p", Ta, Le(T.rowType === "NUMERIC" ? l(je)(T.main) : T.main), 1),
+                    $("p", ka, Le(T.comparison ? T.rowType === "NUMERIC" ? `(${l(je)(T.comparison)})` : `(${T.comparison})` : ""), 1)
+                  ], 2)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["column-defs", "row-data", "search-value", "page-size"])
+      ], 64);
+    };
+  }
+}), Fa = /* @__PURE__ */ ee({
+  __name: "WidgetStackBarChart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, c = te(e, "modelValue"), t = u(null), x = f(() => {
+      var E;
+      return ((E = c.value.data) == null ? void 0 : E.xAxis) || [];
+    }), R = f(() => {
+      var w;
+      return ((w = c.value.data) == null ? void 0 : w.datasets) ?? [];
+    }), { datalabels: _, xCfg: L, yCfg: z, isTransposed: m, legend: d, chartWidth: r, chartHeight: i } = We(
+      c.value
+    ), b = f(() => R.value.length > 0 ? [
+      ...R.value.map((w, E) => {
+        let h = w.values;
+        return {
+          label: w.name,
+          data: h,
+          dash: !!w.isCompare,
+          backgroundColor: Q({ index: E, isCompare: w.isCompare })
+        };
+      })
+    ] : []), v = Ee();
+    function y() {
+      return v.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return Se(() => {
+      X(() => {
+        y();
+      });
+    }), J([b], () => {
+      X(() => y());
+    }), (w, E) => {
+      const h = P("FmBarChart");
+      return W(), N(oe, null, [
+        pe(w.$slots, "menu"),
+        V(h, {
+          ref_key: "chartRef",
+          ref: t,
+          class: "bar-chart",
+          datasets: b.value,
+          "x-axis": { categories: x.value },
+          "x-cfg": l(L),
+          "y-cfg": l(z),
+          transpose: l(m),
+          stacked: !0,
+          legend: {
+            display: l(d).display ?? !1,
+            position: l(d).position,
+            maxHeight: l(d).maxHeight,
+            maxWidth: l(d).maxWidth,
+            labels: {
+              usePointStyle: l(d).usePointStyle ?? !0
+            }
+          },
+          datalabels: l(_),
+          "maintain-aspect-ratio": !1,
+          style: ne({
+            "--chart-width": l(r) !== void 0 ? l(r) + "px" : "100%",
+            "--chart-height": l(i) !== void 0 ? l(i) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), La = /* @__PURE__ */ ee({
+  __name: "WidgetStackLineChart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    var h;
+    const n = e, c = te(e, "modelValue"), t = ((h = c.value.data) == null ? void 0 : h.xAxis) ?? [], x = f(
+      () => t.length === 1 && L.value.length > 0 && L.value.every((s) => s.values.length === 1)
+    ), R = f(() => x.value ? ["", t[0], ""] : t), _ = u(null), L = f(() => {
+      var s;
+      return ((s = c.value.data) == null ? void 0 : s.datasets) ?? [];
+    }), { datalabels: z, xCfg: m, yCfg: d, isTransposed: r, legend: i, chartWidth: b, chartHeight: v } = We(
+      c.value
+    ), y = f(() => L.value.length > 0 ? [
+      ...L.value.map((s, g) => {
+        let C = s.values;
+        return x.value && (C = [NaN, C[0], NaN]), {
+          label: s.name,
+          data: C,
+          dash: s.isCompare,
+          fill: !1,
+          color: Q({ index: g, isCompare: s.isCompare }),
+          pointRadius: x.value ? 4 : void 0,
+          pointHoverRadius: x.value ? 6 : void 0,
+          pointBackgroundColor: x.value ? Q({ index: g, isCompare: s.isCompare }) : void 0,
+          pointBorderColor: x.value ? Q({ index: g, isCompare: s.isCompare }) : void 0,
+          pointBorderWidth: x.value ? 2 : void 0
+        };
+      })
+    ] : []), w = Ee();
+    function E() {
+      return w.extractChartSize(_.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return Se(() => {
+      X(() => {
+        E();
+      });
+    }), J([y], () => {
+      X(() => E());
+    }), (s, g) => {
+      const C = P("FmLineChart");
+      return W(), N(oe, null, [
+        pe(s.$slots, "menu"),
+        V(C, {
+          ref_key: "chartRef",
+          ref: _,
+          class: "line-chart",
+          datasets: y.value,
+          "x-axis": { categories: R.value },
+          "x-cfg": l(m),
+          "y-cfg": l(d),
+          transpose: l(r),
+          legend: {
+            display: l(i).display ?? !1,
+            position: l(i).position,
+            maxHeight: l(i).maxHeight,
+            maxWidth: l(i).maxWidth,
+            labels: {
+              usePointStyle: l(i).usePointStyle ?? !0
+            }
+          },
+          stacked: !0,
+          datalabels: l(z),
+          "maintain-aspect-ratio": !1,
+          style: ne({
+            "--chart-width": l(b) !== void 0 ? l(b) + "px" : "100%",
+            "--chart-height": l(v) !== void 0 ? l(v) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), Ce = [
+  "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 za(e) {
+  return e < 12 ? Ce[e - 1] : Ce[11];
+}
+function Ea(e) {
+  return e < 12 ? Ce[Math.min(11, e * 2 - 1)] : Ce[11];
+}
+function Wa(e) {
+  return e < 12 ? Ce[Math.min(11, e * 3 - 1)] : Ce[11];
+}
+const Da = /* @__PURE__ */ ee({
+  __name: "WidgetLinechart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    var h;
+    const n = e, c = te(e, "modelValue"), t = ((h = c.value.data) == null ? void 0 : h.xAxis) ?? [], x = f(
+      () => t.length === 1 && L.value.length > 0 && L.value.every((s) => s.values.length === 1)
+    ), R = f(() => x.value ? ["", t[0], ""] : t), _ = u(null), L = f(() => {
+      var s;
+      return ((s = c.value.data) == null ? void 0 : s.datasets) ?? [];
+    }), { datalabels: z, xCfg: m, yCfg: d, isTransposed: r, legend: i, chartWidth: b, chartHeight: v } = We(
+      c.value
+    ), y = f(() => L.value.length > 0 ? [
+      ...L.value.map((s, g) => {
+        let C = s.values;
+        return x.value && (C = [NaN, C[0], NaN]), {
+          label: s.name,
+          data: C,
+          dash: !!s.isCompare,
+          fill: !1,
+          color: Q({ index: g, isCompare: s.isCompare }),
+          pointRadius: x.value ? 4 : void 0,
+          pointHoverRadius: x.value ? 6 : void 0,
+          pointBackgroundColor: x.value ? Q({ index: g, isCompare: s.isCompare }) : void 0,
+          pointBorderColor: x.value ? Q({ index: g, isCompare: s.isCompare }) : void 0,
+          pointBorderWidth: x.value ? 2 : void 0
+        };
+      })
+    ] : []), w = Ee();
+    function E() {
+      return w.extractChartSize(_.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return Se(() => {
+      X(() => {
+        E();
+      });
+    }), J([y], () => {
+      X(() => E());
+    }), (s, g) => {
+      const C = P("FmLineChart");
+      return W(), N(oe, null, [
+        pe(s.$slots, "menu"),
+        V(C, {
+          ref_key: "chartRef",
+          ref: _,
+          class: "line-chart",
+          datasets: y.value,
+          "x-axis": { categories: R.value },
+          "x-cfg": l(m),
+          "y-cfg": l(d),
+          transpose: l(r),
+          legend: {
+            display: l(i).display ?? !1,
+            position: l(i).position,
+            maxHeight: l(i).maxHeight,
+            maxWidth: l(i).maxWidth,
+            labels: {
+              usePointStyle: l(i).usePointStyle ?? !0
+            }
+          },
+          datalabels: l(z),
+          "maintain-aspect-ratio": !1,
+          style: ne({
+            "--chart-width": l(b) !== void 0 ? l(b) + "px" : "100%",
+            "--chart-height": l(v) !== void 0 ? l(v) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), Aa = { class: "flex flex-col gap-16" }, Pa = { class: "flex flex-row" }, Ha = /* @__PURE__ */ ee({
+  __name: "PdfOrientationDialog",
+  props: /* @__PURE__ */ me({
+    reportType: {},
+    index: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t: n } = Me(), { FmForm: c } = sa, t = e, x = u(), R = te(e, "modelValue"), _ = u(!1), L = kt(), { selectedLocationIds: z, dateRange: m, timeRange: d } = ze(at()), r = u(Ye.PORTRAIT);
+    function i() {
+      var v;
+      (v = x.value) == null || v.validateInputs();
+    }
+    async function b() {
+      _.value = !0;
+      try {
+        t.index != null && await Tt({
+          reportType: t.reportType,
+          index: t.index,
+          orientationTypes: [r.value],
+          timeRange: d.value,
+          dateRange: m.value,
+          locationIds: z.value
+        });
+      } catch (v) {
+        L.open({ message: v.message, type: "error" });
+      } finally {
+        _.value = !1;
+      }
+    }
+    return (v, y) => {
+      const w = P("FmRadio"), E = P("FmRadioGroup"), h = P("FmButton"), s = P("FmDialog");
+      return W(), U(s, {
+        modelValue: R.value,
+        "onUpdate:modelValue": y[2] || (y[2] = (g) => R.value = g),
+        overlay: !0,
+        "z-index": 10
+      }, {
+        "dialog-header": q(() => y[3] || (y[3] = [
+          Kt("Select Orientation")
+        ])),
+        default: q(() => [
+          V(l(c), {
+            ref_key: "form",
+            ref: x,
+            onValidationSuccess: b
+          }, {
+            default: q(() => [
+              $("div", Aa, [
+                V(E, {
+                  modelValue: r.value,
+                  "onUpdate:modelValue": y[0] || (y[0] = (g) => r.value = g)
+                }, {
+                  default: q(() => [
+                    V(w, {
+                      value: l(Ye).PORTRAIT,
+                      label: l(n)("report.common.portrait")
+                    }, null, 8, ["value", "label"]),
+                    V(w, {
+                      value: l(Ye).LANDSCAPE,
+                      label: l(n)("report.common.landscape")
+                    }, null, 8, ["value", "label"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              $("div", Pa, [
+                y[4] || (y[4] = $("div", { class: "grow" }, null, -1)),
+                V(h, {
+                  label: l(n)("report.common.cancel"),
+                  variant: "tertiary",
+                  onClick: y[1] || (y[1] = (g) => R.value = !1)
+                }, null, 8, ["label"]),
+                $("div", null, [
+                  V(h, {
+                    label: l(n)("report.common.download"),
+                    loading: _.value,
+                    onClick: i
+                  }, null, 8, ["label", "loading"])
+                ])
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Va = {
+  key: 1,
+  class: "grow"
+}, Ba = {
+  key: 2,
+  class: "flex"
+}, Ga = /* @__PURE__ */ ee({
+  __name: "DynamicWidget",
+  props: /* @__PURE__ */ me({
+    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 n = u(!0), c = te(e, "modelValue"), t = c.value.widget.config, { t: x, te: R } = Me(), _ = e, L = u(null), z = u(t.rollup), m = u(Be()), d = u(t.drillDimension), r = f(() => {
+      if (ce.value.length > 0) {
+        const a = ce.value.findIndex(
+          (B) => B.value === d.value
+        );
+        return a >= 0 ? a : 0;
+      } else
+        return -1;
+    }), i = f(() => r.value !== 0), b = f(
+      () => r.value != ce.value.length - 1
+    ), v = u(t.showTitle ?? !0), y = u(t.titleFontSize ?? 14), w = u(t.titleBold ?? !1), E = u(t.titleItalic ?? !1), h = u(t.titleUnderline ?? !1), s = u(t.chartWidth ?? void 0), g = u(t.chartHeight ?? void 0), C = u(t.showLabel ?? !1), S = u(t.labelAlign ?? Ze.center), D = u(t.labelAnchor ?? Ke.center), o = u(t.labelRotation ?? 0), p = u(t.labelOffset ?? 0), k = u(t.labelFontSize ?? 12), T = f(() => t.showSearchBar), A = u(t.showX ?? !0), H = u(t.xPosition ?? Qe.bottom), Y = u(t.showXGrid ?? !1), O = u(t.showXTick ?? !0), G = u(t.xTickFontSize ?? 12), j = u(t.showXTitle ?? !1), De = u(t.xTitle ?? ""), Ae = u(t.xTitleFontSize ?? 12), Pe = u(t.showY ?? !0), _e = u(t.yPosition ?? et.left), Te = u(t.showYGrid ?? !1), fe = u(t.showYTick ?? !0), se = u(t.yTickFontSize ?? 12), re = u(t.showYTitle ?? !1), ae = u(t.yTitle ?? ""), ve = u(t.yTitleFontSize ?? 12), le = u(t.showLegend ?? void 0), ie = u(t.legendPosition ?? tt.top), ue = u(t.usePointStyle ?? !0), Ne = u(t.legendMaxHeight ?? 54), ot = u(t.legendMaxWidth ?? 54), nt = u(t.rowHeight ?? 0), st = u(t.colWidths ?? []), Ie = u(!1), qe = u(""), { breakpoints: ge, getBreakpointsBoundary: ke } = ra(), rt = u(), I = f(
+      () => _.customScreenWidth === void 0 ? window.innerWidth : _.customScreenWidth
+    ), Ft = f(
+      () => (I == null ? void 0 : I.value) > ke("xs")[1] && (I == null ? void 0 : I.value) <= ke("sm")[1]
+    ), Lt = f(
+      () => (I == null ? void 0 : I.value) > ke("sm")[1] && (I == null ? void 0 : I.value) <= ke("md")[1]
+    ), zt = f(() => (I == null ? void 0 : I.value) > ke("md")[1]), Et = f(() => {
+      const a = c.value.size.width;
+      return zt.value || Lt.value ? za(a) : Ft.value ? Ea(a) : Wa(a);
+    }), He = f(
+      () => ia.find((a) => a.type === c.value.widget.type)
+    ), ye = bt(() => {
+      var a;
+      rt.value = Bt((a = L.value) == null ? void 0 : a.$el.offsetWidth), m.value = Be();
+    }), Wt = f(() => {
+      if (ua(M.value.type, we.value))
+        switch (c.value.widget.type) {
+          case F.BarChart:
+            return da;
+          case F.StackBarChart:
+            return Fa;
+          case F.LineChart:
+            return Da;
+          case F.StackLineChart:
+            return La;
+          case F.Circular:
+            return ha;
+          case F.Scorecard:
+            return ya;
+          case F.Spacer:
+            return xa;
+          case F.Table:
+            return Ra;
+          default:
+            return xt;
+        }
+      else
+        return xt;
+    }), we = u(null), {
+      selectedLocationIds: Oe,
+      dateRange: it,
+      compareDateRange: Dt,
+      timeRange: ut,
+      globalFilters: At,
+      isGlobalFiltersLoading: Ue
+    } = ze(at()), { businessId: Pt } = ze(lt()), M = f(() => {
+      const a = JSON.parse(JSON.stringify(c.value.widget));
+      return {
+        ...a,
+        config: {
+          ...a.config,
+          rollup: z.value,
+          drillDimension: d.value,
+          showGrandTotal: !1
+        }
+      };
+    });
+    function Ht() {
+      return {
+        data: we.value,
+        showTitle: v.value,
+        titleFontSize: y.value,
+        titleBold: w.value,
+        titleItalic: E.value,
+        titleUnderline: h.value,
+        chartHeight: g.value,
+        chartWidth: s.value,
+        showLabel: C.value,
+        labelAnchor: D.value,
+        labelAlign: S.value,
+        labelRotation: o.value,
+        labelOffset: p.value,
+        labelFontSize: k.value,
+        showX: A.value,
+        xPosition: H.value,
+        showXGrid: Y.value,
+        showXTick: O.value,
+        xTickFontSize: G.value,
+        showXTitle: j.value,
+        xTitle: De.value,
+        xTitleFontSize: Ae.value,
+        showY: Pe.value,
+        yPosition: _e.value,
+        showYGrid: Te.value,
+        showYTick: fe.value,
+        yTitle: ae.value,
+        showYTitle: re.value,
+        yTitleFontSize: ve.value,
+        yTickFontSize: se.value,
+        isTransposed: M.value.config.isTransposed,
+        showLegend: le.value,
+        legendPosition: ie.value,
+        usePointStyle: ue.value,
+        legendMaxHeight: Ne.value,
+        legendMaxWidth: ot.value
+      };
+    }
+    function Vt() {
+      return {
+        data: we.value,
+        filterText: qe.value,
+        rollupPosition: M.value.config.rollupPosition,
+        rowHeight: nt.value,
+        colWidths: st.value
+      };
+    }
+    const ct = f(() => {
+      switch (M.value.type) {
+        case F.Table:
+          return Vt();
+        case F.BarChart:
+        case F.LineChart:
+        case F.StackBarChart:
+        case F.StackLineChart:
+        case F.Circular:
+          return Ht();
+        default:
+          return { data: we.value };
+      }
+    }), dt = f(() => {
+      const { config: a } = c.value.widget;
+      if (a.rollup != null) {
+        const B = [...a.dimensions].filter((de) => !de.hide);
+        return B.sort(
+          (de, Re) => (a.rowIds || []).indexOf(Ge(de)) - (a.rowIds || []).indexOf(Ge(Re))
+        ), [
+          { label: xe(x, R, "None", "other"), value: null },
+          { label: xe(x, R, "Grand Total", "other"), value: 0 },
+          ...[...B].slice(0, B.length - 1).map((de, Re) => ({
+            label: xe(x, R, de.label, "other"),
+            value: Re + 1
+          }))
+        ];
+      }
+      return [];
+    }), ce = f(() => {
+      const { config: a } = M.value;
+      return a.isDrillable ? a.dimensions.map((B) => ({
+        label: xe(x, R, B.label, "other"),
+        value: Ge(B)
+      })) : [];
+    });
+    J(
+      () => c.value.widget.config,
+      (a) => {
+        z.value = a.rollup, v.value = a.showTitle ?? !0, y.value = a.titleFontSize ?? 14, w.value = a.titleBold ?? !1, E.value = a.titleItalic ?? !1, h.value = a.titleUnderline ?? !1, g.value = a.chartHeight ?? void 0, s.value = a.chartWidth ?? void 0, C.value = a.showLabel ?? !1, S.value = a.labelAlign ?? Ze.center, D.value = a.labelAnchor ?? Ke.center, o.value = a.labelRotation ?? 0, p.value = a.labelOffset ?? 0, k.value = a.labelFontSize ?? 12, A.value = a.showX ?? !0, H.value = a.xPosition ?? Qe.bottom, Y.value = a.showXGrid ?? !1, O.value = a.showXTick ?? !0, G.value = a.xTickFontSize ?? 12, j.value = a.showXTitle ?? !1, De.value = a.xTitle ?? "", Ae.value = a.xTitleFontSize ?? 12, Pe.value = a.showY ?? !0, _e.value = a.yPosition ?? et.left, Te.value = a.showYGrid ?? !1, fe.value = a.showYTick ?? !0, se.value = a.yTickFontSize ?? 12, re.value = a.showYTitle ?? !1, ae.value = a.yTitle ?? "", ve.value = a.yTitleFontSize ?? 12, le.value = a.showLegend ?? void 0, ie.value = a.legendPosition ?? tt.top, ue.value = a.usePointStyle ?? !0, Ne.value = a.legendMaxHeight ?? 54, ot.value = a.legendMaxWidth ?? 54, nt.value = a.rowHeight ?? 0, st.value = a.colWidths ?? [];
+      },
+      { deep: !0 }
+    ), J([() => z.value], () => {
+      z.value !== null && (c.value.widget.config.rollup = z.value);
+    }), J(
+      [
+        () => M.value,
+        () => it.value,
+        () => ut.value,
+        () => Dt.value,
+        () => Oe.value,
+        () => Pt.value,
+        () => At.value,
+        () => Ue.value
+      ],
+      () => {
+        mt();
+      },
+      {
+        deep: !0
+      }
+    ), J(
+      [() => c.value.size],
+      () => {
+        ye();
+      },
+      { deep: !0 }
+    ), Se(() => {
+      ye(), ge.value.sm || ge.value.md || ge.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", ye)) : addEventListener("resize", ye), mt();
+    }), Zt(() => {
+      ge.value.sm || ge.value.md || ge.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", ye)) : removeEventListener("resize", ye);
+    });
+    const ht = kt();
+    let Ve;
+    async function mt() {
+      if (Oe.value.length === 0 || Ue.value) {
+        n.value = !1;
+        return;
+      }
+      if (M.value.config.schemaNames.length <= 0 && !(M.value.config.dimensions.length <= 0 || M.value.config.metrics.length <= 0)) {
+        ht.open({
+          message: "schema must not be empty and dimension or metrics must have at least 1 column",
+          type: "info"
+        }), n.value = !1;
+        return;
+      }
+      try {
+        n.value = !0, Ve && Ve.abort(), Ve = new AbortController();
+        const a = Ve.signal;
+        we.value = await bt(aa, 500)(M.value, a, c.value.id), m.value = Be(), n.value = !1;
+      } catch (a) {
+        a.code !== "ERR_CANCELED" && (we.value = null, ht.open({ message: `Invalid chart ${M.value.type}`, type: "error" }), console.log(a), n.value = !1);
+      }
+    }
+    function Bt(a) {
+      switch (c.value.widget.type) {
+        case "SPACER":
+          return;
+        case "SCORECARD":
+          return;
+        case "TABLE":
+          return `${c.value.size.height * 100 + (T.value ? 72 : 0) + 96.5}px`;
+      }
+      return `${Math.max(a / c.value.size.width, 90) * c.value.size.height}px`;
+    }
+    function $t() {
+      const a = r.value - 1;
+      a >= 0 && (d.value = ce.value[a].value);
+    }
+    function Mt() {
+      const a = r.value + 1;
+      a >= 0 && a < ce.value.length && (d.value = ce.value[a].value);
+    }
+    const pt = u(Fe.EXCEL), ft = u(), Nt = Object.values(Fe).map((a) => ({
+      label: la(a),
+      value: a,
+      onClick: async () => {
+        a === Fe.EXCEL || a === Fe.PDFFULLSIZE ? await Tt({
+          reportType: a,
+          index: _.index,
+          timeRange: ut.value,
+          dateRange: it.value,
+          locationIds: Oe.value
+        }) : a === Fe.PDF && (pt.value = a, ft.value = _.index, Ie.value = !0);
+      }
+    })), It = M.value.type === F.Spacer ? "flat" : "outlined", qt = M.value.type === F.Spacer ? "p-0" : "p-16";
+    return (a, B) => {
+      const de = P("FmTooltip"), Re = P("FmSearch"), Ot = P("FmCheckbox"), Xe = P("FmButton"), Ut = P("FmSelect"), Xt = P("FmMenuItem"), Yt = P("FmMenu"), Gt = P("FmForm"), jt = P("FmCircularProgress"), Jt = P("FmCard");
+      return W(), U(Jt, {
+        ref_key: "tileCard",
+        ref: L,
+        class: $e(`${Et.value} ${l(qt)}`),
+        variant: l(It)
+      }, {
+        default: q(() => [
+          V(Ha, {
+            modelValue: Ie.value,
+            "onUpdate:modelValue": B[0] || (B[0] = (be) => Ie.value = be),
+            "report-type": pt.value,
+            index: ft.value
+          }, null, 8, ["modelValue", "report-type", "index"]),
+          !n.value && !l(Ue) ? (W(), N("div", {
+            key: 0,
+            style: ne({ height: rt.value })
+          }, [
+            (W(), U(Qt(Wt.value), {
+              key: m.value,
+              modelValue: ct.value,
+              "onUpdate:modelValue": B[4] || (B[4] = (be) => ct.value = be),
+              "tile-index": _.index
+            }, {
+              menu: q(() => [
+                V(Gt, { class: "flex items-center gap-2" }, {
+                  default: q(() => {
+                    var be, vt, gt, yt;
+                    return [
+                      V(de, {
+                        variant: "plain",
+                        placement: "right",
+                        content: M.value.description,
+                        "hide-arrow": !0,
+                        disabled: !M.value.description
+                      }, {
+                        default: q(() => [
+                          v.value !== !1 ? (W(), N("p", {
+                            key: 0,
+                            style: ne({
+                              fontSize: y.value + "px",
+                              fontWeight: w.value ? "bold" : "normal",
+                              fontStyle: E.value ? "italic" : "normal",
+                              textDecoration: h.value ? "underline" : "none"
+                            }),
+                            class: $e(["text-fm-color-typo-secondary line-clamp-1", [
+                              y.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              M.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                            ]])
+                          }, Le(l(xe)(l(x), l(R), M.value.title, "other")), 7)) : he("", !0)
+                        ]),
+                        _: 1
+                      }, 8, ["content", "disabled"]),
+                      (be = He.value) != null && be.showSearchBar ? (W(), U(Re, {
+                        key: 0,
+                        modelValue: qe.value,
+                        "onUpdate:modelValue": B[1] || (B[1] = (K) => qe.value = K),
+                        class: "grow"
+                      }, null, 8, ["modelValue"])) : (W(), N("div", Va)),
+                      ea(V(Ot, {
+                        modelValue: C.value,
+                        "onUpdate:modelValue": B[2] || (B[2] = (K) => C.value = K),
+                        label: "Label",
+                        value: !1
+                      }, null, 8, ["modelValue"]), [
+                        [ta, (vt = He.value) == null ? void 0 : vt.showLabel]
+                      ]),
+                      (gt = He.value) != null && gt.showDrillDimension && ce.value.length > 0 ? (W(), N("div", Ba, [
+                        V(Xe, {
+                          icon: "arrow_upward",
+                          variant: "tertiary",
+                          disabled: !i.value,
+                          onClick: $t
+                        }, null, 8, ["disabled"]),
+                        V(Xe, {
+                          icon: "arrow_downward",
+                          variant: "tertiary",
+                          disabled: !b.value,
+                          onClick: Mt
+                        }, null, 8, ["disabled"])
+                      ])) : he("", !0),
+                      (yt = He.value) != null && yt.showRollup && dt.value.length > 0 ? (W(), U(Ut, {
+                        key: 3,
+                        modelValue: z.value,
+                        "onUpdate:modelValue": B[3] || (B[3] = (K) => z.value = K),
+                        class: "w-[150px]",
+                        items: dt.value
+                      }, null, 8, ["modelValue", "items"])) : he("", !0),
+                      _.hideExport ? he("", !0) : (W(), U(Yt, {
+                        key: 4,
+                        shift: !0
+                      }, {
+                        "menu-button": q(() => [
+                          V(Xe, {
+                            icon: "more_vert",
+                            variant: "tertiary"
+                          })
+                        ]),
+                        default: q(() => [
+                          (W(!0), N(oe, null, _t(l(Nt), (K) => (W(), U(Xt, {
+                            key: K.value,
+                            label: K.label,
+                            onClick: K.onClick
+                          }, null, 8, ["label", "onClick"]))), 128))
+                        ]),
+                        _: 1
+                      }))
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "tile-index"]))
+          ], 4)) : (W(), U(jt, { key: 1 }))
+        ]),
+        _: 1
+      }, 8, ["class", "variant"]);
+    };
+  }
+});
+export {
+  Ze as L,
+  Z as R,
+  Ga as _,
+  Ke as a,
+  Ge as g,
+  St as u
+};