@feedmepos/mf-report 5.10.9 → 5.11.0-beta.0

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-D8-FlHFK.js

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