@feedmepos/mf-report 5.7.1 → 5.7.2-beta.0

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-CzeKUdlZ.js

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