@feedmepos/mf-report 5.6.0-beta.1 → 5.7.0-beta.0

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-CpayjqOt.js → DynamicWidget.vue_vue_type_script_setup_true_lang-CUdTbfoY.js}

@@ -1,15 +1,15 @@
-import { computed as h, defineComponent as U, useModel as G, ref as y, resolveComponent as F, createElementBlock as z, openBlock as x, Fragment as X, renderSlot as Z, createVNode as H, normalizeStyle as Y, unref as r, createElementVNode as A, toDisplayString as ne, withCtx as M, createBlock as V, createCommentVNode as Q, normalizeClass as me, h as je, watch as se, nextTick as xt, renderList as Ze, mergeModels as _t, onMounted as kt, onUnmounted as Rt, resolveDynamicComponent as Lt, withDirectives as Ft, vShow as Et } from "vue";
-import { W as f, v as he, R as Tt, g as Wt, d as Dt, q as zt } from "./v4-DVU_9OHv.js";
+import { computed as h, defineComponent as U, useModel as G, ref as g, resolveComponent as F, createElementBlock as D, openBlock as x, Fragment as X, renderSlot as Z, createVNode as H, normalizeStyle as Y, unref as r, createElementVNode as A, toDisplayString as ne, withCtx as V, createBlock as M, createCommentVNode as Q, normalizeClass as me, h as je, watch as se, nextTick as xt, renderList as Ze, mergeModels as _t, onMounted as kt, onUnmounted as Rt, resolveDynamicComponent as Lt, withDirectives as Ft, vShow as Tt } from "vue";
+import { W as f, v as he, R as Et, g as Wt, d as Dt, q as zt } from "./v4-DVU_9OHv.js";
 import { u as Re, b as et, a as Le } from "./global-loader-DqYGIXIo.js";
 import { d as Je } from "./index-BChph3k1.js";
-import { storeToRefs as we, defineStore as $t } from "pinia";
-import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { storeToRefs as we, defineStore as At } from "pinia";
+import { _ as Ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { r as ae } from "./i18n-Cif1I9J2.js";
 import { _ as Ke } from "./NoData.vue_vue_type_script_setup_true_lang-EVDtMqna.js";
-import { useBreakpoints as Ht, useSnackbar as Bt } from "@feedmepos/ui-library";
+import { useBreakpoints as $t, useSnackbar as Pt } from "@feedmepos/ui-library";
 var be = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(be || {}), O = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(O || {}), Ce = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Ce || {}), Se = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Se || {}), xe = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(xe || {}), _e = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(_e || {}), ke = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(ke || {});
 f.Circular, f.Table, f.BarChart, f.LineChart, f.StackBarChart, f.StackLineChart, f.Scorecard, f.Spacer;
-const Pt = [
+const Bt = [
   {
     type: f.Circular,
     showLabel: !1,
@@ -76,7 +76,7 @@ function ye(e) {
   const t = [e.schemaName, e.name];
   return "option" in e && e.option && t.push(e.option), "aggregation" in e && e.aggregation && t.push(e.aggregation), t.push(e.label.replace(/[^a-zA-Z0-9]/g, "")), t.join("_").toLowerCase();
 }
-function Vt(e, t) {
+function Mt(e, t) {
   switch (e) {
     case f.BarChart:
     case f.LineChart:
@@ -133,13 +133,13 @@ function tt(e, t, l) {
     return null;
   let d = 0;
   c === 0 ? s === 0 ? d = 0 : d = 1 : d = (s - c) / c;
-  const u = Mt(d);
+  const u = Vt(d);
   return {
     value: isNaN(d) ? "" : `${(d * 100).toFixed(0)}%`,
     icon: u
   };
 }
-function Mt(e) {
+function Vt(e) {
   return e > 0 ? {
     name: "moving",
     color: "#1F7735",
@@ -209,9 +209,9 @@ const qt = /* @__PURE__ */ U({
     }), a = h(() => {
       var p;
       return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
-    }), s = y(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: v, chartWidth: C, chartHeight: m } = ie(
+    }), s = g(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: w, chartWidth: C, chartHeight: m } = ie(
       t.value
-    ), g = h(() => a.value.length > 0 ? [
+    ), v = h(() => a.value.length > 0 ? [
       ...a.value.map((p, _) => ({
         label: p.name,
         data: p.values,
@@ -221,22 +221,22 @@ const qt = /* @__PURE__ */ U({
     ] : []);
     return (p, _) => {
       const T = F("FmBarChart");
-      return x(), z(X, null, [
+      return x(), D(X, null, [
         Z(p.$slots, "menu"),
         H(T, {
           ref_key: "chartRef",
           ref: s,
           class: "bar-chart",
-          datasets: g.value,
+          datasets: v.value,
           "x-axis": { categories: l.value },
           "x-cfg": r(d),
           "y-cfg": r(u),
           transpose: r(i),
           legend: {
-            display: r(v).display ?? !1,
-            position: r(v).position,
+            display: r(w).display ?? !1,
+            position: r(w).position,
             labels: {
-              usePointStyle: r(v).usePointStyle ?? !0
+              usePointStyle: r(w).usePointStyle ?? !0
             }
           },
           datalabels: r(c),
@@ -263,15 +263,15 @@ const qt = /* @__PURE__ */ U({
         {
           label: t.value.data.metrics[0],
           data: t.value.data.datasets.map((i) => i.value),
-          backgroundColor: t.value.data.datasets.map((i, v) => re({ index: v }))
+          backgroundColor: t.value.data.datasets.map((i, w) => re({ index: w }))
         }
       ]), u;
     });
     return (u, i) => {
-      const v = F("FmPieChart");
-      return x(), z(X, null, [
+      const w = F("FmPieChart");
+      return x(), D(X, null, [
         Z(u.$slots, "menu"),
-        H(v, {
+        H(w, {
           class: "circular",
           percentage: "70%",
           datasets: d.value,
@@ -320,36 +320,36 @@ const qt = /* @__PURE__ */ U({
           return "line";
       }
     }
-    const v = h(() => {
+    const w = h(() => {
       var m;
       return (m = t.value.data) == null ? void 0 : m.sparkline;
-    }), C = h(() => v.value.datasets.map((m) => ({
+    }), C = h(() => w.value.datasets.map((m) => ({
       label: m.name,
       data: m.values,
       fill: !0,
       color: "#36a2eb"
     })));
-    return (m, g) => {
-      var P;
+    return (m, v) => {
+      var B;
       const p = F("FmIcon"), _ = F("FmChip"), T = F("FmTooltip"), q = F("FmLineChart");
-      return x(), z("div", It, [
+      return x(), D("div", It, [
         Z(m.$slots, "menu"),
         A("p", Ot, ne(d.value), 1),
         A("div", Xt, [
           H(T, {
-            content: `vs. ${(P = r(s).defaultCompareType) == null ? void 0 : P.split("_").join(" ")}`,
+            content: `vs. ${(B = r(s).defaultCompareType) == null ? void 0 : B.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
             variant: "plain"
           }, {
-            default: M(() => [
-              u.value ? (x(), V(_, {
+            default: V(() => [
+              u.value ? (x(), M(_, {
                 key: 0,
                 icon: u.value.icon.name,
                 class: me(`bg-${u.value.icon.tailwind}`),
                 compact: ""
               }, {
-                default: M(() => [
+                default: V(() => [
                   H(p, {
                     name: u.value.icon.name,
                     color: u.value.icon.color
@@ -361,16 +361,16 @@ const qt = /* @__PURE__ */ U({
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : Q("", !0),
-              r(a).endDate !== null && r(a).startDate !== null && u.value === null ? (x(), V(_, {
+              r(a).endDate !== null && r(a).startDate !== null && u.value === null ? (x(), M(_, {
                 key: 1,
                 compact: ""
               }, {
-                default: M(() => [
+                default: V(() => [
                   H(p, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  g[0] || (g[0] = A("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                  v[0] || (v[0] = A("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
                 ]),
                 _: 1
               })) : Q("", !0)
@@ -378,8 +378,8 @@ const qt = /* @__PURE__ */ U({
             _: 1
           }, 8, ["content"])
         ]),
-        v.value ? (x(), z("div", Yt, [
-          i(v.value.type) === "line" ? (x(), V(q, {
+        w.value ? (x(), D("div", Yt, [
+          i(w.value.type) === "line" ? (x(), M(q, {
             key: 0,
             class: "sparkline",
             datasets: C.value,
@@ -387,12 +387,12 @@ const qt = /* @__PURE__ */ U({
               display: !1
             },
             datalabels: { display: !1 },
-            "x-axis": { categories: v.value.dimensions },
+            "x-axis": { categories: w.value.dimensions },
             "y-cfg": { display: !1 },
             "x-cfg": { display: !1 },
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis"])) : Q("", !0)
-        ])) : (x(), z("div", Ut, g[1] || (g[1] = [
+        ])) : (x(), D("div", Ut, v[1] || (v[1] = [
           A("div", { class: "sparkline" }, [
             A("div", { class: "flex flex-col gap-8" }, [
               A("div"),
@@ -407,9 +407,9 @@ const qt = /* @__PURE__ */ U({
 }), jt = {};
 function Jt(e, t) {
   const l = F("FmMenuDivider");
-  return x(), V(l);
+  return x(), M(l);
 }
-const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimension", Zt = $t(Qt, {
+const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimension", Zt = At(Qt, {
   state: () => ({
     rowHeight: 0,
     colWidths: [],
@@ -419,8 +419,8 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
     updateRowHeight(e, t) {
       this.rowHeight = e, this.setRowHeights(e, t);
     },
-    updateColWidth(e, t, l) {
-      this.colWidths[e] = t, this.setColWidths(e, t, l, !0);
+    updateColWidth(e, t, l, a) {
+      this.colWidths[e] = t, this.setColWidths(e, t, l, a);
     },
     setRowHeights(e, t) {
       const l = (t == null ? void 0 : t.querySelectorAll("thead tr")) ?? [], a = (t == null ? void 0 : t.querySelectorAll("tbody tr")) ?? [];
@@ -431,27 +431,17 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
     },
     setColWidths(e, t, l, a = !1) {
       const s = (l == null ? void 0 : l.querySelectorAll("th")) ?? [];
-      if (e !== void 0)
-        if (a)
-          s.forEach((c, d) => {
-            const u = this.colWidths[d], i = c;
-            requestAnimationFrame(() => {
-              if (u)
-                i.style.width = `${u}px`;
-              else {
-                const v = i.getBoundingClientRect().width;
-                i.style.width = `${v}px`;
-              }
-            });
-          });
-        else {
-          const c = s[e], d = c;
-          c && (d.style.width = `${t}px`);
-        }
+      if (e === void 0) return;
+      const c = s[e], d = a ? this.colWidths[e] : t;
+      if (!c || d === void 0) return;
+      const u = () => {
+        c.style.width = `${d}px`;
+      };
+      a ? requestAnimationFrame(u) : u();
     },
     enableEditMode() {
-      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td");
-      e.forEach((l) => l.classList.add("toggleEditResize")), t.forEach((l) => l.classList.add("toggleEditResize")), this.isEditing = !0;
+      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td"), l = document.querySelector("table");
+      l == null || l.classList.add("table-fixed"), e.forEach((a) => a.classList.add("toggleEditResize")), t.forEach((a) => a.classList.add("toggleEditResize")), this.isEditing = !0;
     },
     disableEditMode() {
       const e = document.querySelectorAll("th"), t = document.querySelectorAll("td"), l = document.querySelectorAll(".col-resize-handle"), a = document.querySelectorAll(".row-resize-handle");
@@ -489,32 +479,32 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
     resizeCol(e, t) {
       const l = /* @__PURE__ */ new Map(), a = e.clientX, s = e.target.closest("table"), c = s == null ? void 0 : s.querySelectorAll("th")[t], d = c == null ? void 0 : c.getBoundingClientRect().width, u = l.get(t) ? this.colWidths[t.toString()] || 60 : (l.set(t, !0), d || this.colWidths[t.toString()] || 60), i = c == null ? void 0 : c.querySelector("p");
       if (!i) return;
-      const v = i.textContent || "", C = window.getComputedStyle(i), m = `${C.fontWeight} ${C.fontSize} ${C.fontFamily}`, p = document.createElement("canvas").getContext("2d");
+      const w = i.textContent || "", C = window.getComputedStyle(i), m = `${C.fontWeight} ${C.fontSize} ${C.fontFamily}`, p = document.createElement("canvas").getContext("2d");
       if (!p) return;
       p.font = m;
-      const _ = p.measureText(v), T = window.getComputedStyle(c), q = parseFloat(T.paddingLeft || "0"), P = parseFloat(T.paddingRight || "0"), n = _.width + q + P;
+      const _ = p.measureText(w), T = window.getComputedStyle(c), q = parseFloat(T.paddingLeft || "0"), B = parseFloat(T.paddingRight || "0"), n = _.width + q + B;
       this.highlightCol(t, !1);
-      const w = (b) => {
+      const y = (b) => {
         const k = b.clientX - a, R = Math.max(n, u + k);
         if (s) {
-          this.updateColWidth(t, R, s);
-          let $ = 0;
-          s.querySelectorAll("th").forEach((D, j) => {
-            $ += j === t ? R : this.colWidths[j] || D.getBoundingClientRect().width;
-          }), s.classList.remove("w-full"), s.style.width = `${$}px`;
+          this.updateColWidth(t, R, s, !0);
+          let z = 0;
+          s.querySelectorAll("th").forEach((P, j) => {
+            z += j === t ? R : this.colWidths[j] || P.getBoundingClientRect().width;
+          }), s.classList.remove("w-full"), s.style.width = `${z}px`;
           const E = s == null ? void 0 : s.parentElement;
           if (E) {
-            const D = E.scrollWidth, j = E.scrollLeft;
-            E.offsetWidth + j >= D - 100 && (E.scrollLeft = D);
+            const P = E.scrollWidth, j = E.scrollLeft;
+            E.offsetWidth + j >= P - 100 && (E.scrollLeft = P);
           }
         }
       }, S = () => {
         ((s == null ? void 0 : s.querySelectorAll("th")) ?? []).forEach((k, R) => {
-          const $ = k.getBoundingClientRect().width;
-          this.colWidths[R] = $;
-        }), this.removeColHighlight(!1), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", S);
+          const z = k.getBoundingClientRect().width;
+          this.colWidths[R] = z;
+        }), this.removeColHighlight(!1), document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", S);
       };
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", S);
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", S);
     },
     resizeRow(e) {
       const t = e.clientY, l = e.target.closest("table"), a = this.rowHeight || 48;
@@ -540,11 +530,14 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
       };
       a.forEach((c) => {
         const d = c.closest("thead") !== null;
-        c.querySelectorAll(d ? "th" : "td").forEach((i, v) => {
-          const C = s("col", v), m = s("row", v);
+        c.querySelectorAll(d ? "th" : "td").forEach((i, w) => {
+          const C = s("col", w), m = s("row", w);
           i.appendChild(C), i.appendChild(m);
         });
       }), this.enableEditMode();
+    },
+    cancelResizingChanges() {
+      this.disableEditMode();
     }
   }
 }), ea = { class: "my-4" }, ta = {
@@ -558,15 +551,15 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t, te: l } = Re(), a = G(e, "modelValue"), { country: s } = Le(), c = Zt(), d = y(null), u = h(() => {
+    const { t, te: l } = Re(), a = G(e, "modelValue"), { country: s } = Le(), c = Zt(), d = g(null), u = h(() => {
       var n;
       return ((n = a.value.data) == null ? void 0 : n.columns) || [{ label: "", key: "" }];
     }), i = h(() => {
       var n;
       return ((n = a.value.data) == null ? void 0 : n.rows) || [];
-    }), v = h(() => a.value.filterText), C = h(() => {
-      var n, w;
-      if (!(v.value && v.value.trim().length > 0 || !((n = i.value[0]) != null && n.isRollup) && !((w = i.value[i.value.length - 1]) != null && w.isRollup))) {
+    }), w = h(() => a.value.filterText), C = h(() => {
+      var n, y;
+      if (!(w.value && w.value.trim().length > 0 || !((n = i.value[0]) != null && n.isRollup) && !((y = i.value[i.value.length - 1]) != null && y.isRollup))) {
         if (a.value.rollupPosition === O.top || a.value.rollupPosition === void 0)
           return O.top;
         if (a.value.rollupPosition === O.bottom)
@@ -575,12 +568,12 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
     }), m = h(() => {
       const b = C.value !== void 0 ? 1 : 0, k = (d.value ? d.value.$el.offsetHeight : 0) - 48;
       return Math.floor((k - 34.5 - 32) / 48) - b;
-    }), g = h(() => {
-      var w, S;
+    }), v = h(() => {
+      var y, S;
       let n = [];
       switch (C.value) {
         case O.top:
-          n = [...((w = i.value[0]) == null ? void 0 : w.cells) || []].map((b, k) => {
+          n = [...((y = i.value[0]) == null ? void 0 : y.cells) || []].map((b, k) => {
             var R;
             return {
               main: b,
@@ -603,60 +596,60 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
       return n.length > 0 && n[0].main === "" && (n[0].main = "Grand total"), n;
     });
     function p(n) {
-      const w = {};
+      const y = {};
       for (let S = 0; S < u.value.length; S++)
         if (u.value[S].key !== "") {
           const b = n.comparisonCells[S];
-          w[u.value[S].key] = {
+          y[u.value[S].key] = {
             main: n.cells[S],
             comparison: b
-          }, w.isRollup = n.isRollup;
+          }, y.isRollup = n.isRollup;
         }
-      return w;
+      return y;
     }
     function _(n) {
       return [...new Array(n < 0 ? 0 : n)].map(() => {
         var S;
-        const w = {};
+        const y = {};
         if ((S = a.value.data) != null && S.columns)
           for (let b = 0; b < a.value.data.columns.length; b++)
-            w[a.value.data.columns[b].key] = void 0;
-        return w;
+            y[a.value.data.columns[b].key] = void 0;
+        return y;
       });
     }
     function T(n) {
-      let w = (n == null ? void 0 : n.main) || "";
-      return w.includes("#") && !w.startsWith("#") && (w = w.split("#")[0]), !n || n.main === "" || n.comparison === "" ? {
-        main: w
+      let y = (n == null ? void 0 : n.main) || "";
+      return y.includes("#") && !y.startsWith("#") && (y = y.split("#")[0]), !n || n.main === "" || n.comparison === "" ? {
+        main: y
       } : {
-        main: w,
+        main: y,
         comparison: n == null ? void 0 : n.comparison,
         difference: tt(n.main, n.comparison, s)
       };
     }
     const q = h(() => {
-      var k, R, $;
+      var k, R, z;
       let n = ((k = a.value.data) == null ? void 0 : k.rows) || [];
       switch (C.value) {
         case O.bottom:
           n = (R = n[n.length - 1]) != null && R.isRollup ? n.slice(0, -1) : n;
           break;
         case O.top:
-          n = ($ = n[0]) != null && $.isRollup ? n.slice(1, n.length) : n;
+          n = (z = n[0]) != null && z.isRollup ? n.slice(1, n.length) : n;
           break;
       }
-      const w = n.filter((B) => !(v.value !== "" && (B.isRollup === !0 || !B.cells.some(
+      const y = n.filter(($) => !(w.value !== "" && ($.isRollup === !0 || !$.cells.some(
         (E) => {
-          var D;
-          return ((E == null ? void 0 : E.toLowerCase()) || "").includes((D = v.value) == null ? void 0 : D.toLowerCase());
+          var P;
+          return ((E == null ? void 0 : E.toLowerCase()) || "").includes((P = w.value) == null ? void 0 : P.toLowerCase());
         }
-      )))).map((B) => p(B)), S = w.length % m.value;
+      )))).map(($) => p($)), S = y.length % m.value;
       let b = 0;
-      return S > 0 ? b = Math.abs(S - m.value) : w.length === 0 && (b = m.value), w.push(..._(b)), w;
-    }), P = h(() => {
-      var w;
+      return S > 0 ? b = Math.abs(S - m.value) : y.length === 0 && (b = m.value), y.push(..._(b)), y;
+    }), B = h(() => {
+      var y;
       let n = [];
-      return (w = a.value.data) != null && w.columns && (n = [...a.value.data.columns.map((b) => {
+      return (y = a.value.data) != null && y.columns && (n = [...a.value.data.columns.map((b) => {
         const k = ae(t, l, b.label, "other");
         return {
           accessorKey: b.key,
@@ -668,14 +661,14 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
             k
           ),
           cell: (R) => {
-            var E, D;
-            const $ = T(R.getValue()), B = (D = (E = R == null ? void 0 : R.row) == null ? void 0 : E.original) == null ? void 0 : D.isRollup;
+            var E, P;
+            const z = T(R.getValue()), $ = (P = (E = R == null ? void 0 : R.row) == null ? void 0 : E.original) == null ? void 0 : P.isRollup;
             return je(
               "div",
               {
-                class: `${B ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400"} ${b.type === "NUMERIC" ? "text-right" : ""} whitespace-normal break-words line-clamp-2`
+                class: `${$ ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400"} ${b.type === "NUMERIC" ? "text-right" : ""} whitespace-normal break-words line-clamp-2`
               },
-              [$.main]
+              [z.main]
             );
           },
           enableSorting: !1
@@ -683,45 +676,45 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
       })]), n;
     });
     return se(
-      [() => P.value],
+      [() => B.value],
       async () => {
-        var k, R, $, B;
+        var R, z;
         await xt();
-        const n = (k = d.value) == null ? void 0 : k.$el;
+        const n = (R = d.value) == null ? void 0 : R.$el;
         if (!n) return;
-        const w = n.querySelector("table");
-        if (!w) return;
-        const S = (R = a.value.colWidths) == null ? void 0 : R.length;
-        w.classList.add(S ? "table-fixed" : "table-auto"), c.isEditing && c.enableCellResizing();
+        const y = n.querySelector("table");
+        if (!y) return;
+        const S = !!((z = a.value.colWidths) != null && z.length);
+        y.classList.add(S ? "table-fixed" : "table-auto"), c.isEditing && c.enableCellResizing();
         const b = c.rowHeight || a.value.rowHeight;
-        typeof b == "number" && c.setRowHeights(b, n), ($ = a.value.colWidths) == null || $.forEach((E, D) => {
-          c.setColWidths(D, E, n);
-        }), (B = c.colWidths) == null || B.forEach((E, D) => {
-          c.setColWidths(D, E, n);
+        typeof b == "number" && c.setRowHeights(b, n);
+        const k = a.value.colWidths ?? c.colWidths;
+        k == null || k.forEach(($, E) => {
+          c.setColWidths(E, $, n);
         });
       },
       { immediate: !0 }
-    ), (n, w) => {
+    ), (n, y) => {
       const S = F("FmTable");
-      return x(), z(X, null, [
+      return x(), D(X, null, [
         A("div", ea, [
           Z(n.$slots, "menu")
         ]),
         H(S, {
           ref_key: "table",
           ref: d,
-          "column-defs": P.value,
+          "column-defs": B.value,
           "row-data": q.value,
-          "search-value": v.value,
+          "search-value": w.value,
           "page-size": m.value,
           "shrink-at": !1,
           "force-mobile-footer": !0,
           class: "scrollbar-hide-table"
         }, {
-          "pin-top": M(() => [
+          "pin-top": V(() => [
             A("tbody", null, [
               A("tr", ta, [
-                (x(!0), z(X, null, Ze(g.value, (b, k) => (x(), z("td", {
+                (x(!0), D(X, null, Ze(v.value, (b, k) => (x(), D("td", {
                   key: `${r(he)()}_${k}`,
                   class: "h-[48px] text-fm-color-typo-primary px-16"
                 }, [
@@ -754,9 +747,9 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
     }), a = h(() => {
       var p;
       return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
-    }), s = y(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: v, chartWidth: C, chartHeight: m } = ie(
+    }), s = g(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: w, chartWidth: C, chartHeight: m } = ie(
       t.value
-    ), g = h(() => a.value.length > 0 ? [
+    ), v = h(() => a.value.length > 0 ? [
       ...a.value.map((p, _) => {
         let T = p.values;
         return {
@@ -769,24 +762,24 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
     ] : []);
     return (p, _) => {
       const T = F("FmBarChart");
-      return x(), z(X, null, [
+      return x(), D(X, null, [
         Z(p.$slots, "menu"),
         H(T, {
           ref_key: "chartRef",
           ref: s,
           class: "bar-chart",
-          datasets: g.value,
+          datasets: v.value,
           "x-axis": { categories: l.value },
           "x-cfg": r(d),
           "y-cfg": r(u),
           transpose: r(i),
           stacked: !0,
           legend: {
-            display: r(v).display ?? !1,
-            position: r(v).position,
+            display: r(w).display ?? !1,
+            position: r(w).position,
             maxHeight: 54,
             labels: {
-              usePointStyle: r(v).usePointStyle ?? !0
+              usePointStyle: r(w).usePointStyle ?? !0
             }
           },
           datalabels: r(c),
@@ -808,29 +801,29 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
   emits: ["update:modelValue"],
   setup(e) {
     const t = G(e, "modelValue"), l = h(() => {
-      var g;
-      return ((g = t.value.data) == null ? void 0 : g.xAxis) ?? [];
+      var v;
+      return ((v = t.value.data) == null ? void 0 : v.xAxis) ?? [];
     }), a = h(() => {
-      var g;
-      return ((g = t.value.data) == null ? void 0 : g.datasets) ?? [];
-    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: v, chartHeight: C } = ie(
+      var v;
+      return ((v = t.value.data) == null ? void 0 : v.datasets) ?? [];
+    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: w, chartHeight: C } = ie(
       t.value
     ), m = h(() => a.value.length > 0 ? [
-      ...a.value.map((g, p) => {
-        let _ = g.values;
+      ...a.value.map((v, p) => {
+        let _ = v.values;
         return {
-          label: g.name,
+          label: v.name,
           data: _,
-          dash: g.isCompare,
+          dash: v.isCompare,
           fill: !1,
-          color: re({ index: p, isCompare: g.isCompare })
+          color: re({ index: p, isCompare: v.isCompare })
         };
       })
     ] : []);
-    return (g, p) => {
+    return (v, p) => {
       const _ = F("FmLineChart");
-      return x(), z(X, null, [
-        Z(g.$slots, "menu"),
+      return x(), D(X, null, [
+        Z(v.$slots, "menu"),
         H(_, {
           class: "line-chart",
           datasets: m.value,
@@ -850,7 +843,7 @@ const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
           datalabels: r(s),
           "maintain-aspect-ratio": !1,
           style: Y({
-            "--chart-width": r(v) !== void 0 ? r(v) + "px" : "97%",
+            "--chart-width": r(w) !== void 0 ? r(w) + "px" : "97%",
             "--chart-height": r(C) !== void 0 ? r(C) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
@@ -889,26 +882,26 @@ const ua = /* @__PURE__ */ U({
   emits: ["update:modelValue"],
   setup(e) {
     const t = G(e, "modelValue"), l = h(() => {
-      var g;
-      return ((g = t.value.data) == null ? void 0 : g.xAxis) ?? [];
+      var v;
+      return ((v = t.value.data) == null ? void 0 : v.xAxis) ?? [];
     }), a = h(() => {
-      var g;
-      return ((g = t.value.data) == null ? void 0 : g.datasets) ?? [];
-    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: v, chartHeight: C } = ie(
+      var v;
+      return ((v = t.value.data) == null ? void 0 : v.datasets) ?? [];
+    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: w, chartHeight: C } = ie(
       t.value
     ), m = h(() => a.value.length > 0 ? [
-      ...a.value.map((g, p) => ({
-        label: g.name,
-        data: g.values,
-        dash: !!g.isCompare,
+      ...a.value.map((v, p) => ({
+        label: v.name,
+        data: v.values,
+        dash: !!v.isCompare,
         fill: !1,
-        color: re({ index: p, isCompare: g.isCompare })
+        color: re({ index: p, isCompare: v.isCompare })
       }))
     ] : []);
-    return (g, p) => {
+    return (v, p) => {
       const _ = F("FmLineChart");
-      return x(), z(X, null, [
-        Z(g.$slots, "menu"),
+      return x(), D(X, null, [
+        Z(v.$slots, "menu"),
         H(_, {
           class: "line-chart",
           datasets: m.value,
@@ -928,7 +921,7 @@ const ua = /* @__PURE__ */ U({
           datalabels: r(s),
           "maintain-aspect-ratio": !1,
           style: Y({
-            "--chart-width": r(v) !== void 0 ? r(v) + "px" : "97%",
+            "--chart-width": r(w) !== void 0 ? r(w) + "px" : "97%",
             "--chart-height": r(C) !== void 0 ? r(C) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
@@ -959,7 +952,7 @@ const ua = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = y(!0), l = G(e, "modelValue"), a = l.value.widget.config, { t: s, te: c } = Re(), d = e, u = y(null), i = y(a.rollup), v = y(he()), C = y(a.drillDimension), m = h(() => {
+    const t = g(!0), l = G(e, "modelValue"), a = l.value.widget.config, { t: s, te: c } = Re(), d = e, u = g(null), i = g(a.rollup), w = g(he()), C = g(a.drillDimension), m = h(() => {
       if (J.value.length > 0) {
         const o = J.value.findIndex(
           (L) => L.value === C.value
@@ -967,15 +960,15 @@ const ua = /* @__PURE__ */ U({
         return o >= 0 ? o : 0;
       } else
         return -1;
-    }), g = h(() => m.value !== 0), p = h(
+    }), v = h(() => m.value !== 0), p = h(
       () => m.value != J.value.length - 1
-    ), _ = y(a.showTitle ?? !0), T = y(a.titleFontSize ?? 14), q = y(a.titleBold ?? !1), P = y(a.titleItalic ?? !1), n = y(a.titleUnderline ?? !1), w = y(a.chartWidth ?? void 0), S = y(a.chartHeight ?? void 0), b = y(a.showLabel ?? !1), k = y(a.labelAlign ?? Se.center), R = y(a.labelAnchor ?? Ce.center), $ = y(a.labelRotation ?? 0), B = y(a.labelOffset ?? 0), E = y(a.labelFontSize ?? 12), D = h(() => a.showSearchBar), j = y(a.showX ?? !0), pe = y(a.xPosition ?? xe.bottom), Fe = y(a.showXGrid ?? !1), Ee = y(a.showXTick ?? !0), Te = y(a.xTickFontSize ?? 12), We = y(a.showY ?? !0), De = y(a.yPosition ?? _e.left), ze = y(a.showYGrid ?? !1), $e = y(a.showYTick ?? !0), Ae = y(a.yTickFontSize ?? 12), He = y(a.showLegend ?? void 0), Be = y(a.legendPosition ?? ke.top), Pe = y(a.usePointStyle ?? !0), Ve = y(a.rowHeight ?? 0), Me = y(a.colWidths ?? []), fe = y(""), { breakpoints: N } = Ht(), qe = y(), at = h(() => N.value.lg || N.value.md ? ra(l.value.size.width) : N.value.sm ? ia(l.value.size.width) : ca(l.value.size.width)), ce = h(
-      () => Pt.find((o) => o.type === l.value.widget.type)
+    ), _ = g(a.showTitle ?? !0), T = g(a.titleFontSize ?? 14), q = g(a.titleBold ?? !1), B = g(a.titleItalic ?? !1), n = g(a.titleUnderline ?? !1), y = g(a.chartWidth ?? void 0), S = g(a.chartHeight ?? void 0), b = g(a.showLabel ?? !1), k = g(a.labelAlign ?? Se.center), R = g(a.labelAnchor ?? Ce.center), z = g(a.labelRotation ?? 0), $ = g(a.labelOffset ?? 0), E = g(a.labelFontSize ?? 12), P = h(() => a.showSearchBar), j = g(a.showX ?? !0), pe = g(a.xPosition ?? xe.bottom), Fe = g(a.showXGrid ?? !1), Te = g(a.showXTick ?? !0), Ee = g(a.xTickFontSize ?? 12), We = g(a.showY ?? !0), De = g(a.yPosition ?? _e.left), ze = g(a.showYGrid ?? !1), Ae = g(a.showYTick ?? !0), He = g(a.yTickFontSize ?? 12), $e = g(a.showLegend ?? void 0), Pe = g(a.legendPosition ?? ke.top), Be = g(a.usePointStyle ?? !0), Me = g(a.rowHeight ?? 0), Ve = g(a.colWidths ?? []), fe = g(""), { breakpoints: N } = $t(), qe = g(), at = h(() => N.value.lg || N.value.md ? ra(l.value.size.width) : N.value.sm ? ia(l.value.size.width) : ca(l.value.size.width)), ce = h(
+      () => Bt.find((o) => o.type === l.value.widget.type)
     ), ee = Je(() => {
       var o;
-      qe.value = ut((o = u.value) == null ? void 0 : o.$el.offsetWidth), v.value = he();
+      qe.value = ut((o = u.value) == null ? void 0 : o.$el.offsetWidth), w.value = he();
     }), lt = h(() => {
-      if (Vt(W.value.type, te.value))
+      if (Mt(W.value.type, te.value))
         switch (l.value.widget.type) {
           case f.BarChart:
             return qt;
@@ -998,7 +991,7 @@ const ua = /* @__PURE__ */ U({
         }
       else
         return Ke;
-    }), te = y(null), { selectedLocationIds: ve, dateRange: ot, compareDateRange: st, timeRange: nt } = we(et()), { businessId: rt } = we(Le()), W = h(() => {
+    }), te = g(null), { selectedLocationIds: ve, dateRange: ot, compareDateRange: st, timeRange: nt } = we(et()), { businessId: rt } = we(Le()), W = h(() => {
       const o = JSON.parse(JSON.stringify(l.value.widget));
       return {
         ...o,
@@ -1016,30 +1009,30 @@ const ua = /* @__PURE__ */ U({
         showTitle: _.value,
         titleFontSize: T.value,
         titleBold: q.value,
-        titleItalic: P.value,
+        titleItalic: B.value,
         titleUnderline: n.value,
         chartHeight: S.value,
-        chartWidth: w.value,
+        chartWidth: y.value,
         showLabel: b.value,
         labelAnchor: R.value,
         labelAlign: k.value,
-        labelRotation: $.value,
-        labelOffset: B.value,
+        labelRotation: z.value,
+        labelOffset: $.value,
         labelFontSize: E.value,
         showX: j.value,
         xPosition: pe.value,
         showXGrid: Fe.value,
-        showXTick: Ee.value,
-        xTickFontSize: Te.value,
+        showXTick: Te.value,
+        xTickFontSize: Ee.value,
         showY: We.value,
         yPosition: De.value,
         showYGrid: ze.value,
-        showYTick: $e.value,
-        yTickFontSize: Ae.value,
+        showYTick: Ae.value,
+        yTickFontSize: He.value,
         isTransposed: W.value.config.isTransposed,
-        showLegend: He.value,
-        legendPosition: Be.value,
-        usePointStyle: Pe.value
+        showLegend: $e.value,
+        legendPosition: Pe.value,
+        usePointStyle: Be.value
       };
     }
     function ct() {
@@ -1047,8 +1040,8 @@ const ua = /* @__PURE__ */ U({
         data: te.value,
         filterText: fe.value,
         rollupPosition: W.value.config.rollupPosition,
-        rowHeight: Ve.value,
-        colWidths: Me.value
+        rowHeight: Me.value,
+        colWidths: Ve.value
       };
     }
     const Ne = h(() => {
@@ -1090,7 +1083,7 @@ const ua = /* @__PURE__ */ U({
     se(
       () => l.value.widget.config,
       (o) => {
-        i.value = o.rollup, _.value = o.showTitle ?? !0, T.value = o.titleFontSize ?? 14, q.value = o.titleBold ?? !1, P.value = o.titleItalic ?? !1, n.value = o.titleUnderline ?? !1, S.value = o.chartHeight ?? void 0, w.value = o.chartWidth ?? void 0, b.value = o.showLabel ?? !1, k.value = o.labelAlign ?? Se.center, R.value = o.labelAnchor ?? Ce.center, $.value = o.labelRotation ?? 0, B.value = o.labelOffset ?? 0, E.value = o.labelFontSize ?? 12, j.value = o.showX ?? !0, pe.value = o.xPosition ?? xe.bottom, Fe.value = o.showXGrid ?? !1, Ee.value = o.showXTick ?? !0, Te.value = o.xTickFontSize ?? 12, We.value = o.showY ?? !0, De.value = o.yPosition ?? _e.left, ze.value = o.showYGrid ?? !1, $e.value = o.showYTick ?? !0, Ae.value = o.yTickFontSize ?? 12, He.value = o.showLegend ?? void 0, Be.value = o.legendPosition ?? ke.top, Pe.value = o.usePointStyle ?? !0, Ve.value = o.rowHeight ?? 0, Me.value = o.colWidths ?? [];
+        i.value = o.rollup, _.value = o.showTitle ?? !0, T.value = o.titleFontSize ?? 14, q.value = o.titleBold ?? !1, B.value = o.titleItalic ?? !1, n.value = o.titleUnderline ?? !1, S.value = o.chartHeight ?? void 0, y.value = o.chartWidth ?? void 0, b.value = o.showLabel ?? !1, k.value = o.labelAlign ?? Se.center, R.value = o.labelAnchor ?? Ce.center, z.value = o.labelRotation ?? 0, $.value = o.labelOffset ?? 0, E.value = o.labelFontSize ?? 12, j.value = o.showX ?? !0, pe.value = o.xPosition ?? xe.bottom, Fe.value = o.showXGrid ?? !1, Te.value = o.showXTick ?? !0, Ee.value = o.xTickFontSize ?? 12, We.value = o.showY ?? !0, De.value = o.yPosition ?? _e.left, ze.value = o.showYGrid ?? !1, Ae.value = o.showYTick ?? !0, He.value = o.yTickFontSize ?? 12, $e.value = o.showLegend ?? void 0, Pe.value = o.legendPosition ?? ke.top, Be.value = o.usePointStyle ?? !0, Me.value = o.rowHeight ?? 0, Ve.value = o.colWidths ?? [];
       },
       { deep: !0 }
     ), se([() => i.value], () => {
@@ -1122,7 +1115,7 @@ const ua = /* @__PURE__ */ U({
     }), Rt(() => {
       N.value.sm || N.value.md || N.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", ee)) : removeEventListener("resize", ee);
     });
-    const Oe = Bt();
+    const Oe = Pt();
     let ue;
     const Xe = Je(async function() {
       if (W.value.config.schemaNames.length <= 0 && !(W.value.config.dimensions.length <= 0 || W.value.config.metrics.length <= 0)) {
@@ -1135,7 +1128,7 @@ const ua = /* @__PURE__ */ U({
       try {
         t.value = !0, ue && ue.abort(), ue = new AbortController();
         const L = ue.signal;
-        te.value = await zt(W.value, L), v.value = he(), t.value = !1;
+        te.value = await zt(W.value, L), w.value = he(), t.value = !1;
       } catch (L) {
         te.value = null, L.code !== "ERR_CANCELED" && (Oe.open({ message: `Invalid chart ${W.value.type}`, type: "error" }), console.log(L), t.value = !1);
       }
@@ -1147,7 +1140,7 @@ const ua = /* @__PURE__ */ U({
         case "SCORECARD":
           return;
         case "TABLE":
-          return `${l.value.size.height * 100 + (D.value ? 72 : 0) + 96.5}px`;
+          return `${l.value.size.height * 100 + (P.value ? 72 : 0) + 96.5}px`;
       }
       return `${Math.max(o / l.value.size.width, 90) * l.value.size.height}px`;
     }
@@ -1159,7 +1152,7 @@ const ua = /* @__PURE__ */ U({
       const o = m.value + 1;
       o >= 0 && o < J.value.length && (C.value = J.value[o].value);
     }
-    const mt = Object.values(Tt).map((o) => ({
+    const mt = Object.values(Et).map((o) => ({
       label: Wt(o),
       value: o,
       onClick: async () => {
@@ -1168,25 +1161,25 @@ const ua = /* @__PURE__ */ U({
     })), pt = W.value.type === f.Spacer ? "flat" : "outlined", ft = W.value.type === f.Spacer ? "p-0" : "p-16";
     return (o, L) => {
       const K = F("FmTooltip"), oe = F("FmSearch"), vt = F("FmCheckbox"), ge = F("FmButton"), gt = F("FmSelect"), yt = F("FmMenuItem"), wt = F("FmMenu"), bt = F("FmForm"), Ct = F("FmCircularProgress"), St = F("FmCard");
-      return x(), V(St, {
+      return x(), M(St, {
         ref_key: "tileCard",
         ref: u,
         class: me(`${at.value} ${r(ft)}`),
         variant: r(pt)
       }, {
-        default: M(() => [
-          t.value ? (x(), V(Ct, { key: 1 })) : (x(), z("div", {
+        default: V(() => [
+          t.value ? (x(), M(Ct, { key: 1 })) : (x(), D("div", {
             key: 0,
             style: Y({ height: qe.value })
           }, [
-            (x(), V(Lt(lt.value), {
-              key: v.value,
+            (x(), M(Lt(lt.value), {
+              key: w.value,
               modelValue: Ne.value,
               "onUpdate:modelValue": L[3] || (L[3] = (de) => Ne.value = de)
             }, {
-              menu: M(() => [
+              menu: V(() => [
                 H(bt, { class: "flex items-center gap-2" }, {
-                  default: M(() => {
+                  default: V(() => {
                     var de, Ye, Ue, Ge;
                     return [
                       H(K, {
@@ -1196,13 +1189,13 @@ const ua = /* @__PURE__ */ U({
                         "hide-arrow": !0,
                         disabled: !W.value.description
                       }, {
-                        default: M(() => [
-                          _.value !== !1 ? (x(), z("p", {
+                        default: V(() => [
+                          _.value !== !1 ? (x(), D("p", {
                             key: 0,
                             style: Y({
                               fontSize: T.value + "px",
                               fontWeight: q.value ? "bold" : "normal",
-                              fontStyle: P.value ? "italic" : "normal",
+                              fontStyle: B.value ? "italic" : "normal",
                               textDecoration: n.value ? "underline" : "none"
                             }),
                             class: me(["text-fm-color-typo-secondary line-clamp-1", [
@@ -1213,25 +1206,25 @@ const ua = /* @__PURE__ */ U({
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
-                      (de = ce.value) != null && de.showSearchBar ? (x(), V(oe, {
+                      (de = ce.value) != null && de.showSearchBar ? (x(), M(oe, {
                         key: 0,
                         modelValue: fe.value,
                         "onUpdate:modelValue": L[0] || (L[0] = (I) => fe.value = I),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (x(), z("div", da)),
+                      }, null, 8, ["modelValue"])) : (x(), D("div", da)),
                       Ft(H(vt, {
                         modelValue: b.value,
                         "onUpdate:modelValue": L[1] || (L[1] = (I) => b.value = I),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
-                        [Et, (Ye = ce.value) == null ? void 0 : Ye.showLabel]
+                        [Tt, (Ye = ce.value) == null ? void 0 : Ye.showLabel]
                       ]),
-                      (Ue = ce.value) != null && Ue.showDrillDimension && J.value.length > 0 ? (x(), z("div", ha, [
+                      (Ue = ce.value) != null && Ue.showDrillDimension && J.value.length > 0 ? (x(), D("div", ha, [
                         H(ge, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !g.value,
+                          disabled: !v.value,
                           onClick: dt
                         }, null, 8, ["disabled"]),
                         H(ge, {
@@ -1241,25 +1234,25 @@ const ua = /* @__PURE__ */ U({
                           onClick: ht
                         }, null, 8, ["disabled"])
                       ])) : Q("", !0),
-                      (Ge = ce.value) != null && Ge.showRollup && Ie.value.length > 0 ? (x(), V(gt, {
+                      (Ge = ce.value) != null && Ge.showRollup && Ie.value.length > 0 ? (x(), M(gt, {
                         key: 3,
                         modelValue: i.value,
                         "onUpdate:modelValue": L[2] || (L[2] = (I) => i.value = I),
                         class: "w-[150px]",
                         items: Ie.value
                       }, null, 8, ["modelValue", "items"])) : Q("", !0),
-                      d.hideExport ? Q("", !0) : (x(), V(wt, {
+                      d.hideExport ? Q("", !0) : (x(), M(wt, {
                         key: 4,
                         shift: !0
                       }, {
-                        "menu-button": M(() => [
+                        "menu-button": V(() => [
                           H(ge, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
-                        default: M(() => [
-                          (x(!0), z(X, null, Ze(r(mt), (I) => (x(), V(yt, {
+                        default: V(() => [
+                          (x(!0), D(X, null, Ze(r(mt), (I) => (x(), M(yt, {
                             key: I.value,
                             label: I.label,
                             onClick: I.onClick