@feedmepos/mf-report 5.4.15-beta.1 → 5.4.15-beta.3

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-B6IzlHmr.js

@@ -1,996 +0,0 @@
-import { defineComponent as W, useModel as H, computed as i, ref as F, resolveComponent as y, createElementBlock as S, openBlock as h, Fragment as z, renderSlot as U, createVNode as k, createElementVNode as C, toDisplayString as K, unref as q, withCtx as V, createBlock as T, createCommentVNode as G, normalizeClass as te, normalizeStyle as ye, h as ve, renderList as we, mergeModels as Ne, watch as ee, onMounted as Pe, onUnmounted as Ee, resolveDynamicComponent as ze, withDirectives as We, vShow as He } from "vue";
-import { W as r, v as ae, R as Oe, g as qe, d as Ue, q as je } from "./v4-DF7wffYN.js";
-import { a as _e, u as re } from "./global-loader-CMC9fgBi.js";
-import { d as he } from "./index-SmIkb24L.js";
-import { storeToRefs as se } from "pinia";
-import { _ as Ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as ge } from "./NoData.vue_vue_type_script_setup_true_lang-DlBNFLa3.js";
-import { useBreakpoints as Je, useSnackbar as Ke } from "@feedmepos/ui-library";
-var ne = /* @__PURE__ */ ((l) => (l.line = "LINE", l.bar = "BAR", l))(ne || {}), M = /* @__PURE__ */ ((l) => (l.top = "TOP", l.bottom = "BOTTOM", l))(M || {});
-r.Circular, r.Table, r.BarChart, r.LineChart, r.StackBarChart, r.StackLineChart, r.Scorecard, r.Spacer;
-const Qe = [
-  {
-    type: r.Circular,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !1,
-    showSearchBar: !1
-  },
-  {
-    type: r.Table,
-    showLabel: !1,
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !0
-  },
-  {
-    type: r.BarChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !1,
-    showSearchBar: !1
-  },
-  {
-    type: r.LineChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !1
-  },
-  {
-    type: r.StackBarChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !1
-  },
-  {
-    type: r.StackLineChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !1
-  },
-  {
-    type: r.Scorecard,
-    showLabel: !1,
-    showDrillDimension: !1,
-    showRollup: !1,
-    showSearchBar: !1
-  },
-  {
-    type: r.Spacer,
-    showLabel: !1,
-    showDrillDimension: !1,
-    showRollup: !1,
-    showSearchBar: !1
-  }
-];
-function oe(l) {
-  const e = [l.schemaName, l.name];
-  return "option" in l && l.option && e.push(l.option), "aggregation" in l && l.aggregation && e.push(l.aggregation), e.push(l.label.replace(/[^a-zA-Z0-9]/g, "")), e.join("_").toLowerCase();
-}
-function Ze(l, e) {
-  switch (l) {
-    case r.BarChart:
-    case r.LineChart:
-    case r.StackBarChart:
-    case r.StackLineChart:
-      return Array.isArray(e == null ? void 0 : e.datasets) && Array.isArray(e == null ? void 0 : e.xAxis) && e.datasets.length > 0 && e.xAxis.length > 0;
-    case r.Table:
-      return Array.isArray(e == null ? void 0 : e.rows) && Array.isArray(e == null ? void 0 : e.columns) && e.rows.length > 0 && e.columns.length > 0;
-    case r.Circular:
-      return Array.isArray(e == null ? void 0 : e.datasets) && e.datasets.length > 0;
-    case r.Scorecard:
-      return !0;
-    case r.Spacer:
-      return !0;
-  }
-}
-const be = [
-  "54, 162, 235",
-  //8CE6D7
-  "0, 123, 167",
-  //007BA7
-  "255, 93, 83",
-  //FF5D53
-  "115, 200, 230",
-  //73C8E6
-  "252, 162, 62",
-  //FCA23E
-  "240, 155, 190",
-  //F09BBE
-  "255, 210, 50",
-  //FFD232
-  "80, 190, 155",
-  //50BE9B
-  "131, 88, 212",
-  //8358D4
-  "155, 80, 70"
-  //9B5046
-];
-function Q({
-  index: l,
-  isCompare: e,
-  opacity: n
-}) {
-  let m = typeof n == "number" ? n : 1;
-  return e && (m = m * 0.6), `rgba(${be[l % be.length]}, ${m})`;
-}
-function Ce(l, e, n) {
-  if (l === "" || e === "")
-    return null;
-  let m = (u) => u == null ? void 0 : u.replace(/,/g, "");
-  n === "ID" && (m = (u) => u == null ? void 0 : u.replace(/\./g, "").replace(/,/g, "."));
-  const f = Number(m(l)), c = Number(m(e));
-  if (isNaN(f) || isNaN(c))
-    return null;
-  let a = 0;
-  c === 0 ? f === 0 ? a = 0 : a = 1 : a = (f - c) / c;
-  const o = Xe(a);
-  return {
-    value: isNaN(a) ? "" : `${(a * 100).toFixed(0)}%`,
-    icon: o
-  };
-}
-function Xe(l) {
-  return l > 0 ? {
-    name: "moving",
-    color: "#1F7735",
-    tailwind: "fm-color-system-success-100"
-  } : l < 0 ? {
-    name: "trending_down",
-    color: "#99231D",
-    tailwind: "fm-color-system-error-100"
-  } : {
-    name: "equal",
-    color: "#C7C7CC",
-    tailwind: "fm-color-neutral-gray-100"
-  };
-}
-const Ye = /* @__PURE__ */ W({
-  __name: "WidgetBarchart",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = H(l, "modelValue"), n = i(() => {
-      var o;
-      return ((o = e.value.data) == null ? void 0 : o.xAxis) ?? [];
-    }), m = i(() => {
-      var o;
-      return ((o = e.value.data) == null ? void 0 : o.datasets) ?? [];
-    }), f = i(() => e.value.isTransposed ?? void 0), c = F(null), a = i(() => m.value.length > 0 ? [
-      ...m.value.map((o, u) => ({
-        label: o.name,
-        data: o.values,
-        dash: !!o.isCompare,
-        backgroundColor: Q({ index: u, isCompare: o.isCompare })
-      }))
-    ] : []);
-    return (o, u) => {
-      const L = y("FmBarChart");
-      return h(), S(z, null, [
-        U(o.$slots, "menu"),
-        k(L, {
-          ref_key: "chartRef",
-          ref: c,
-          class: "bar-chart",
-          datasets: a.value,
-          "x-axis": { categories: n.value },
-          transpose: f.value,
-          legend: {
-            display: !1,
-            position: "bottom",
-            maxHeight: 54,
-            labels: {
-              usePointStyle: !0
-            }
-          },
-          "maintain-aspect-ratio": !1
-        }, null, 8, ["datasets", "x-axis", "transpose"])
-      ], 64);
-    };
-  }
-}), ea = /* @__PURE__ */ W({
-  __name: "WidgetCircular",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = H(l, "modelValue"), n = i(() => {
-      let m = [];
-      return e.value.data.datasets && e.value.data.metrics && e.value.data.datasets.length > 0 && e.value.data.metrics.length > 0 && (m = [
-        {
-          label: e.value.data.metrics[0],
-          data: e.value.data.datasets.map((f) => f.value),
-          backgroundColor: e.value.data.datasets.map((f, c) => Q({ index: c }))
-        }
-      ]), m;
-    });
-    return (m, f) => {
-      const c = y("FmPieChart");
-      return h(), S(z, null, [
-        U(m.$slots, "menu"),
-        k(c, {
-          class: "circular",
-          percentage: "70%",
-          datasets: n.value,
-          metrics: e.value.data.datasets.map((a) => a.name),
-          variant: "doughnut",
-          legend: {
-            display: !0,
-            position: "bottom",
-            maxHeight: 54,
-            labels: {
-              usePointStyle: !0
-            }
-          },
-          "maintain-aspect-ratio": !1
-        }, null, 8, ["datasets", "metrics"])
-      ], 64);
-    };
-  }
-}), aa = { class: "flex flex-col gap-1" }, ta = { class: "fm-typo-en-title-sm-600" }, la = { class: "flex gap-2" }, oa = { key: 0 }, sa = { key: 1 }, na = /* @__PURE__ */ W({
-  __name: "WidgetScorecard",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = H(l, "modelValue"), { compareDateRange: n, defaultDateSetting: m } = se(_e()), { country: f } = re(), c = i(() => {
-      var b;
-      return ((b = e.value.data) == null ? void 0 : b.value) || "";
-    }), a = i(() => {
-      const { data: b } = e.value;
-      return b != null && b.comparison ? Ce(c.value, b.comparison, f) : null;
-    });
-    function o(b) {
-      switch (b) {
-        case ne.bar:
-          return "bar";
-        case ne.line:
-          return "line";
-        default:
-          return "line";
-      }
-    }
-    const u = i(() => {
-      var b;
-      return (b = e.value.data) == null ? void 0 : b.sparkline;
-    }), L = i(() => u.value.datasets.map((b) => ({
-      label: b.name,
-      data: b.values,
-      fill: !0,
-      color: "#36a2eb"
-    })));
-    return (b, R) => {
-      var d;
-      const j = y("FmIcon"), I = y("FmChip"), D = y("FmTooltip"), t = y("FmLineChart");
-      return h(), S("div", aa, [
-        U(b.$slots, "menu"),
-        C("p", ta, K(c.value), 1),
-        C("div", la, [
-          k(D, {
-            content: `vs. ${(d = q(m).defaultCompareType) == null ? void 0 : d.split("_").join(" ")}`,
-            placement: "right",
-            "hide-arrow": "",
-            variant: "plain"
-          }, {
-            default: V(() => [
-              a.value ? (h(), T(I, {
-                key: 0,
-                icon: a.value.icon.name,
-                class: te(`bg-${a.value.icon.tailwind}`),
-                compact: ""
-              }, {
-                default: V(() => [
-                  k(j, {
-                    name: a.value.icon.name,
-                    color: a.value.icon.color
-                  }, null, 8, ["name", "color"]),
-                  C("p", {
-                    class: "fm-typo-en-body-md-600",
-                    style: ye({ color: a.value.icon.color })
-                  }, K(a.value.value), 5)
-                ]),
-                _: 1
-              }, 8, ["icon", "class"])) : G("", !0),
-              q(n).endDate !== null && q(n).startDate !== null && a.value === null ? (h(), T(I, {
-                key: 1,
-                compact: ""
-              }, {
-                default: V(() => [
-                  k(j, {
-                    name: "arrow_upward",
-                    color: "#C7C7CC"
-                  }),
-                  R[0] || (R[0] = C("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
-                ]),
-                _: 1
-              })) : G("", !0)
-            ]),
-            _: 1
-          }, 8, ["content"])
-        ]),
-        u.value ? (h(), S("div", oa, [
-          o(u.value.type) === "line" ? (h(), T(t, {
-            key: 0,
-            class: "sparkline",
-            datasets: L.value,
-            "hide-x-axis": !0,
-            "hide-y-axis": !0,
-            legend: {
-              display: !1
-            },
-            "x-axis": { categories: u.value.dimensions },
-            "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis"])) : G("", !0)
-        ])) : (h(), S("div", sa, R[1] || (R[1] = [
-          C("div", { class: "sparkline" }, [
-            C("div", { class: "flex flex-col gap-8" }, [
-              C("div"),
-              C("div")
-            ]),
-            C("div", { class: "grow" })
-          ], -1)
-        ])))
-      ]);
-    };
-  }
-}), ra = {};
-function ia(l, e) {
-  const n = y("FmMenuDivider");
-  return h(), T(n);
-}
-const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da = {
-  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
-  style: { backgroundColor: "#f9f9f9" }
-}, ma = { class: "font-bold" }, pa = { class: "text-fm-color-neutral-gray-300" }, fa = /* @__PURE__ */ W({
-  __name: "WidgetTable",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = H(l, "modelValue"), { country: n } = re(), m = F(null), f = i(() => {
-      var t;
-      return ((t = e.value.data) == null ? void 0 : t.columns) || [{ label: "", key: "" }];
-    }), c = i(() => {
-      var t;
-      return ((t = e.value.data) == null ? void 0 : t.rows) || [];
-    }), a = i(() => e.value.filterText), o = i(() => {
-      var t, d;
-      if (!(a.value && a.value.trim().length > 0 || !((t = c.value[0]) != null && t.isRollup) && !((d = c.value[c.value.length - 1]) != null && d.isRollup))) {
-        if (e.value.rollupPosition === M.top || e.value.rollupPosition === void 0)
-          return M.top;
-        if (e.value.rollupPosition === M.bottom)
-          return M.bottom;
-      }
-    }), u = i(() => {
-      const p = o.value !== void 0 ? 1 : 0, w = (m.value ? m.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((w - 34.5 - 32) / 48) - p;
-    }), L = i(() => {
-      var d, g;
-      let t = [];
-      switch (o.value) {
-        case M.top:
-          t = [...((d = c.value[0]) == null ? void 0 : d.cells) || []].map((p, w) => {
-            var x;
-            return {
-              main: p,
-              comparison: (x = c.value[0]) == null ? void 0 : x.comparisonCells[w],
-              rowType: f.value[w].type
-            };
-          });
-          break;
-        case M.bottom:
-          t = [...((g = c.value[c.value.length - 1]) == null ? void 0 : g.cells) || []].map((p, w) => {
-            var x;
-            return {
-              main: p,
-              comparison: (x = c.value[0]) == null ? void 0 : x.comparisonCells[w],
-              rowType: f.value[w].type
-            };
-          });
-          break;
-      }
-      return t.length > 0 && t[0].main === "" && (t[0].main = "Grand total"), t;
-    });
-    function b(t) {
-      const d = {};
-      for (let g = 0; g < f.value.length; g++)
-        if (f.value[g].key !== "") {
-          const p = t.comparisonCells[g];
-          d[f.value[g].key] = {
-            main: t.cells[g],
-            comparison: p
-          }, d.isRollup = t.isRollup;
-        }
-      return d;
-    }
-    function R(t) {
-      return [...new Array(t < 0 ? 0 : t)].map(() => {
-        var g;
-        const d = {};
-        if ((g = e.value.data) != null && g.columns)
-          for (let p = 0; p < e.value.data.columns.length; p++)
-            d[e.value.data.columns[p].key] = void 0;
-        return d;
-      });
-    }
-    function j(t) {
-      let d = (t == null ? void 0 : t.main) || "";
-      return d.includes("#") && !d.startsWith("#") && (d = d.split("#")[0]), !t || t.main === "" || t.comparison === "" ? {
-        main: d
-      } : {
-        main: d,
-        comparison: t == null ? void 0 : t.comparison,
-        difference: Ce(t.main, t.comparison, n)
-      };
-    }
-    const I = i(() => {
-      var w, x, N;
-      let t = ((w = e.value.data) == null ? void 0 : w.rows) || [];
-      switch (o.value) {
-        case M.bottom:
-          t = (x = t[t.length - 1]) != null && x.isRollup ? t.slice(0, -1) : t;
-          break;
-        case M.top:
-          t = (N = t[0]) != null && N.isRollup ? t.slice(1, t.length) : t;
-          break;
-      }
-      const d = t.filter((B) => !(a.value !== "" && (B.isRollup === !0 || !B.cells.some(
-        (P) => {
-          var Z;
-          return ((P == null ? void 0 : P.toLowerCase()) || "").includes((Z = a.value) == null ? void 0 : Z.toLowerCase());
-        }
-      )))).map((B) => b(B)), g = d.length % u.value;
-      let p = 0;
-      return g > 0 ? p = Math.abs(g - u.value) : d.length === 0 && (p = u.value), d.push(...R(p)), d;
-    }), D = i(() => {
-      var d;
-      let t = [];
-      return (d = e.value.data) != null && d.columns && (t = [...e.value.data.columns.map((p) => ({
-        accessorKey: p.key,
-        header: () => ve(
-          "p",
-          {
-            class: `min-w-[110px] w-full text-nowrap ${p.type === "NUMERIC" ? "text-right" : ""}`
-          },
-          p.label
-        ),
-        cell: (w) => {
-          var B, P;
-          const x = j(w.getValue()), N = (P = (B = w == null ? void 0 : w.row) == null ? void 0 : B.original) == null ? void 0 : P.isRollup;
-          return ve(
-            "div",
-            {
-              class: `${N ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400"} ${p.type === "NUMERIC" ? "text-right" : ""} text-nowrap whitespace-pre`
-            },
-            [x.main]
-          );
-        },
-        meta: () => ({
-          cellClass: "subtotal-row"
-        }),
-        enableSorting: !1
-      }))]), t;
-    });
-    return (t, d) => {
-      const g = y("FmTable");
-      return h(), S(z, null, [
-        C("div", ca, [
-          U(t.$slots, "menu")
-        ]),
-        k(g, {
-          ref_key: "table",
-          ref: m,
-          "column-defs": D.value,
-          "row-data": I.value,
-          "search-value": a.value,
-          "page-size": u.value,
-          "shrink-at": !1,
-          "force-mobile-footer": !0,
-          class: "scrollbar-hide-table"
-        }, {
-          "pin-top": V(() => [
-            C("tbody", null, [
-              C("tr", da, [
-                (h(!0), S(z, null, we(L.value, (p, w) => (h(), S("td", {
-                  key: `${q(ae)()}_${w}`,
-                  class: "h-[48px] text-fm-color-typo-primary px-16"
-                }, [
-                  C("span", {
-                    class: te(`items-center text-fm-color-typo-secondary gap-2 line-clamp-2 text-ellipsis ${p.rowType === "NUMERIC" ? "text-right" : ""}`)
-                  }, [
-                    C("p", ma, K(p.main), 1),
-                    C("p", pa, K(p.comparison ? `(${p.comparison})` : ""), 1)
-                  ], 2)
-                ]))), 128))
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["column-defs", "row-data", "search-value", "page-size"])
-      ], 64);
-    };
-  }
-}), va = /* @__PURE__ */ W({
-  __name: "WidgetStackBarChart",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = H(l, "modelValue"), n = i(() => {
-      var u;
-      return ((u = e.value.data) == null ? void 0 : u.xAxis) || [];
-    }), m = i(() => {
-      var o;
-      return ((o = e.value.data) == null ? void 0 : o.datasets) ?? [];
-    }), f = i(() => e.value.isTransposed ?? void 0), c = F(null), a = i(() => m.value.length > 0 ? [
-      ...m.value.map((o, u) => {
-        let L = o.values;
-        return {
-          label: o.name,
-          data: L,
-          dash: !!o.isCompare,
-          backgroundColor: Q({ index: u, isCompare: o.isCompare })
-        };
-      })
-    ] : []);
-    return (o, u) => {
-      const L = y("FmBarChart");
-      return h(), S(z, null, [
-        U(o.$slots, "menu"),
-        k(L, {
-          ref_key: "chartRef",
-          ref: c,
-          class: "bar-chart",
-          datasets: a.value,
-          "x-axis": { categories: n.value },
-          transpose: f.value,
-          stacked: !0,
-          legend: {
-            display: !1,
-            position: "bottom",
-            maxHeight: 54,
-            labels: {
-              usePointStyle: !0
-            }
-          },
-          "maintain-aspect-ratio": !1
-        }, null, 8, ["datasets", "x-axis", "transpose"])
-      ], 64);
-    };
-  }
-}), ha = /* @__PURE__ */ W({
-  __name: "WidgetStackLineChart",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = H(l, "modelValue"), n = i(() => {
-      var a;
-      return ((a = e.value.data) == null ? void 0 : a.xAxis) ?? [];
-    }), m = i(() => {
-      var a;
-      return ((a = e.value.data) == null ? void 0 : a.datasets) ?? [];
-    }), f = i(() => e.value.isTransposed ?? void 0), c = i(() => m.value.length > 0 ? [
-      ...m.value.map((a, o) => {
-        let u = a.values;
-        return {
-          label: a.name,
-          data: u,
-          dash: a.isCompare,
-          fill: !1,
-          color: Q({ index: o, isCompare: a.isCompare })
-        };
-      })
-    ] : []);
-    return (a, o) => {
-      const u = y("FmLineChart");
-      return h(), S(z, null, [
-        U(a.$slots, "menu"),
-        k(u, {
-          class: "line-chart",
-          datasets: c.value,
-          "x-axis": { categories: n.value },
-          transpose: f.value,
-          legend: {
-            display: !1,
-            position: "bottom",
-            maxHeight: 54,
-            labels: {
-              usePointStyle: !0
-            }
-          },
-          stacked: !0,
-          "maintain-aspect-ratio": !1
-        }, null, 8, ["datasets", "x-axis", "transpose"])
-      ], 64);
-    };
-  }
-}), J = [
-  "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 ga(l) {
-  return l < 12 ? J[l - 1] : J[11];
-}
-function ba(l) {
-  return l < 12 ? J[Math.min(11, l * 2 - 1)] : J[11];
-}
-function ya(l) {
-  return l < 12 ? J[Math.min(11, l * 3 - 1)] : J[11];
-}
-const wa = /* @__PURE__ */ W({
-  __name: "WidgetLinechart",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = H(l, "modelValue"), n = i(() => {
-      var a;
-      return ((a = e.value.data) == null ? void 0 : a.xAxis) ?? [];
-    }), m = i(() => {
-      var a;
-      return ((a = e.value.data) == null ? void 0 : a.datasets) ?? [];
-    }), f = i(() => e.value.isTransposed ?? void 0), c = i(() => m.value.length > 0 ? [
-      ...m.value.map((a, o) => ({
-        label: a.name,
-        data: a.values,
-        dash: !!a.isCompare,
-        fill: !1,
-        color: Q({ index: o, isCompare: a.isCompare })
-      }))
-    ] : []);
-    return (a, o) => {
-      const u = y("FmLineChart");
-      return h(), S(z, null, [
-        U(a.$slots, "menu"),
-        k(u, {
-          class: "line-chart",
-          datasets: c.value,
-          "x-axis": { categories: n.value },
-          transpose: f.value,
-          legend: {
-            display: !1,
-            position: "bottom",
-            maxHeight: 54,
-            labels: {
-              usePointStyle: !0
-            }
-          },
-          "maintain-aspect-ratio": !1
-        }, null, 8, ["datasets", "x-axis", "transpose"])
-      ], 64);
-    };
-  }
-}), _a = {
-  key: 1,
-  class: "grow"
-}, Ca = {
-  key: 2,
-  class: "flex"
-}, $a = /* @__PURE__ */ W({
-  __name: "DynamicWidget",
-  props: /* @__PURE__ */ Ne({
-    index: {
-      type: Number,
-      default: 0
-    },
-    hideExport: {
-      type: Boolean,
-      default: !1
-    }
-  }, {
-    modelValue: { required: !0, default: () => {
-    } },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const e = F(!0), n = H(l, "modelValue"), m = l, f = F(null), c = F(n.value.widget.config.rollup), a = F(ae()), o = F(n.value.widget.config.drillDimension), u = i(() => {
-      if (O.value.length > 0) {
-        const s = O.value.findIndex(
-          (v) => v.value === o.value
-        );
-        return s >= 0 ? s : 0;
-      } else
-        return -1;
-    }), L = i(() => u.value !== 0), b = i(
-      () => u.value != O.value.length - 1
-    ), R = F(n.value.widget.config.showLabel ?? !1), j = i(() => n.value.widget.config.showSearchBar), I = F(""), { breakpoints: D } = Je(), t = F(), d = i(() => D.value.lg || D.value.md ? ga(n.value.size.width) : D.value.sm ? ba(n.value.size.width) : ya(n.value.size.width)), g = i(
-      () => Qe.find((s) => s.type === n.value.widget.type)
-    ), p = he(() => {
-      var s;
-      t.value = ke((s = f.value) == null ? void 0 : s.$el.offsetWidth), a.value = ae();
-    }), w = i(() => {
-      if (Ze(_.value.type, x.value))
-        switch (n.value.widget.type) {
-          case r.BarChart:
-            return Ye;
-          case r.StackBarChart:
-            return va;
-          case r.LineChart:
-            return wa;
-          case r.StackLineChart:
-            return ha;
-          case r.Circular:
-            return ea;
-          case r.Scorecard:
-            return na;
-          case r.Spacer:
-            return ua;
-          case r.Table:
-            return fa;
-          default:
-            return ge;
-        }
-      else
-        return ge;
-    }), x = F(null), { selectedLocationIds: N, dateRange: B, compareDateRange: P, timeRange: Z } = se(_e()), { businessId: xe } = se(re()), _ = i(() => {
-      const s = JSON.parse(JSON.stringify(n.value.widget));
-      return {
-        ...s,
-        config: {
-          ...s.config,
-          rollup: c.value,
-          drillDimension: o.value,
-          showGrandTotal: !1
-        }
-      };
-    }), ie = i(() => {
-      let s, v, $, E;
-      switch (_.value.type) {
-        case r.Table:
-          $ = I.value, E = _.value.config.rollupPosition;
-          break;
-        case r.BarChart:
-        case r.LineChart:
-        case r.StackBarChart:
-        case r.StackLineChart:
-        case r.Circular:
-          s = R.value, v = _.value.config.isTransposed;
-          break;
-      }
-      return {
-        data: x.value,
-        showLabel: s,
-        isTransposed: v,
-        rollupPosition: E,
-        filterText: $
-      };
-    }), ue = i(() => {
-      const { config: s } = n.value.widget;
-      if (s.rollup != null) {
-        const v = [...s.dimensions].filter(($) => !$.hide);
-        return v.sort(
-          ($, E) => (s.rowIds || []).indexOf(oe($)) - (s.rowIds || []).indexOf(oe(E))
-        ), [
-          { label: "None", value: null },
-          { label: "Grand Total", value: 0 },
-          ...[...v].slice(0, v.length - 1).map(($, E) => ({ label: $.label, value: E + 1 }))
-        ];
-      }
-      return [];
-    }), O = i(() => {
-      const { config: s } = _.value;
-      return s.isDrillable ? s.dimensions.map((v) => ({
-        label: v.label,
-        value: oe(v)
-      })) : [];
-    });
-    ee(n.value, (s) => {
-      c.value = s.widget.config.rollup, R.value = s.widget.config.showLabel ?? !1;
-    }), ee([() => c.value], () => {
-      c.value !== null && (n.value.widget.config.rollup = c.value);
-    }), ee(
-      [
-        () => _.value,
-        () => B.value,
-        () => Z.value,
-        () => P.value,
-        () => N.value,
-        () => xe.value
-      ],
-      () => {
-        var s;
-        N.value && ((s = N.value) == null ? void 0 : s.length) > 0 && de();
-      },
-      {
-        deep: !0
-      }
-    ), ee(
-      [() => n.value.size],
-      () => {
-        p();
-      },
-      { deep: !0 }
-    ), Pe(() => {
-      p(), D.value.sm || D.value.md || D.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", p)) : addEventListener("resize", p), de();
-    }), Ee(() => {
-      D.value.sm || D.value.md || D.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", p)) : removeEventListener("resize", p);
-    });
-    const ce = Ke();
-    let X;
-    const de = he(async function() {
-      if (_.value.config.schemaNames.length <= 0 && !(_.value.config.dimensions.length <= 0 || _.value.config.metrics.length <= 0)) {
-        ce.open({
-          message: "schema must not be empty and dimension or metrics must have at least 1 column",
-          type: "info"
-        }), e.value = !1;
-        return;
-      }
-      try {
-        e.value = !0, X && X.abort(), X = new AbortController();
-        const v = X.signal;
-        x.value = await je(_.value, v), a.value = ae(), e.value = !1;
-      } catch (v) {
-        x.value = null, v.code !== "ERR_CANCELED" && (ce.open({ message: `Invalid chart ${_.value.type}`, type: "error" }), console.log(v), e.value = !1);
-      }
-    });
-    function ke(s) {
-      switch (n.value.widget.type) {
-        case "SPACER":
-          return;
-        case "SCORECARD":
-          return;
-        case "TABLE":
-          return `${n.value.size.height * 100 + (j.value ? 72 : 0) + 96.5}px`;
-      }
-      return `${Math.max(s / n.value.size.width, 90) * n.value.size.height}px`;
-    }
-    function Se() {
-      const s = u.value - 1;
-      s >= 0 && (o.value = O.value[s].value);
-    }
-    function De() {
-      const s = u.value + 1;
-      s >= 0 && s < O.value.length && (o.value = O.value[s].value);
-    }
-    const Fe = Object.values(Oe).map((s) => ({
-      label: qe(s),
-      value: s,
-      onClick: async () => {
-        await Ue(s, m.index);
-      }
-    })), Le = _.value.type === r.Spacer ? "flat" : "outlined", Re = _.value.type === r.Spacer ? "p-0" : "p-16";
-    return (s, v) => {
-      const $ = y("FmTooltip"), E = y("FmSearch"), Te = y("FmCheckbox"), le = y("FmButton"), $e = y("FmSelect"), Ve = y("FmMenuItem"), Be = y("FmMenu"), Ae = y("FmForm"), Me = y("FmCircularProgress"), Ie = y("FmCard");
-      return h(), T(Ie, {
-        ref_key: "tileCard",
-        ref: f,
-        class: te(`${d.value} ${q(Re)}`),
-        variant: q(Le)
-      }, {
-        default: V(() => [
-          e.value ? (h(), T(Me, { key: 1 })) : (h(), S("div", {
-            key: 0,
-            style: ye({ height: t.value })
-          }, [
-            (h(), T(ze(w.value), {
-              key: a.value,
-              modelValue: ie.value,
-              "onUpdate:modelValue": v[3] || (v[3] = (Y) => ie.value = Y)
-            }, {
-              menu: V(() => [
-                k(Ae, { class: "flex items-center gap-2" }, {
-                  default: V(() => {
-                    var Y, me, pe, fe;
-                    return [
-                      k($, {
-                        variant: "plain",
-                        placement: "right",
-                        content: _.value.description,
-                        "hide-arrow": !0,
-                        disabled: !_.value.description
-                      }, {
-                        default: V(() => [
-                          C("p", {
-                            class: te(["fm-typo-en-body-md-400 line-clamp-1 text-fm-color-typo-secondary", `${_.value.description ? "border-b-2 border-dashed border-gray-300" : ""}`])
-                          }, K(_.value.title), 3)
-                        ]),
-                        _: 1
-                      }, 8, ["content", "disabled"]),
-                      (Y = g.value) != null && Y.showSearchBar ? (h(), T(E, {
-                        key: 0,
-                        modelValue: I.value,
-                        "onUpdate:modelValue": v[0] || (v[0] = (A) => I.value = A),
-                        class: "grow"
-                      }, null, 8, ["modelValue"])) : (h(), S("div", _a)),
-                      We(k(Te, {
-                        modelValue: R.value,
-                        "onUpdate:modelValue": v[1] || (v[1] = (A) => R.value = A),
-                        label: "Label",
-                        value: !1
-                      }, null, 8, ["modelValue"]), [
-                        [He, (me = g.value) == null ? void 0 : me.showLabel]
-                      ]),
-                      (pe = g.value) != null && pe.showDrillDimension && O.value.length > 0 ? (h(), S("div", Ca, [
-                        k(le, {
-                          icon: "arrow_upward",
-                          variant: "tertiary",
-                          disabled: !L.value,
-                          onClick: Se
-                        }, null, 8, ["disabled"]),
-                        k(le, {
-                          icon: "arrow_downward",
-                          variant: "tertiary",
-                          disabled: !b.value,
-                          onClick: De
-                        }, null, 8, ["disabled"])
-                      ])) : G("", !0),
-                      (fe = g.value) != null && fe.showRollup && ue.value.length > 0 ? (h(), T($e, {
-                        key: 3,
-                        modelValue: c.value,
-                        "onUpdate:modelValue": v[2] || (v[2] = (A) => c.value = A),
-                        class: "w-[150px]",
-                        items: ue.value
-                      }, null, 8, ["modelValue", "items"])) : G("", !0),
-                      m.hideExport ? G("", !0) : (h(), T(Be, {
-                        key: 4,
-                        shift: !0
-                      }, {
-                        "menu-button": V(() => [
-                          k(le, {
-                            icon: "more_vert",
-                            variant: "tertiary"
-                          })
-                        ]),
-                        default: V(() => [
-                          (h(!0), S(z, null, we(q(Fe), (A) => (h(), T(Ve, {
-                            key: A.value,
-                            label: A.label,
-                            onClick: A.onClick
-                          }, null, 8, ["label", "onClick"]))), 128))
-                        ]),
-                        _: 1
-                      }))
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"]))
-          ], 4))
-        ]),
-        _: 1
-      }, 8, ["class", "variant"]);
-    };
-  }
-});
-export {
-  M as R,
-  $a as _,
-  oe as g
-};