@feedmepos/mf-report 5.9.3-beta.0 → 5.10.1-beta.0

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-DpmOkz-L.js

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