@feedmepos/mf-report 5.19.8-beta.1 → 5.19.9-beta.0

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-B3Ph6aYx.js

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