@feedmepos/mf-report 5.4.13 → 5.4.14

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-TzcBKr7X.js → DynamicWidget.vue_vue_type_script_setup_true_lang-BAd3WleX.js}

@@ -1,12 +1,12 @@
-import { defineComponent as E, useModel as z, computed as i, ref as D, resolveComponent as y, createElementBlock as S, openBlock as h, Fragment as W, renderSlot as U, createVNode as k, createElementVNode as C, toDisplayString as K, unref as q, withCtx as $, createBlock as R, createCommentVNode as G, normalizeClass as te, normalizeStyle as ye, h as ve, renderList as we, mergeModels as Ie, watch as ee, onMounted as Pe, onUnmounted as We, resolveDynamicComponent as Ee, withDirectives as ze, 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-CDZkk94d.js";
-import { a as _e, u as re } from "./global-loader-BXUq_uOb.js";
-import { d as he } from "./index-D5LVkVbJ.js";
+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-CfVkBYAU.js";
+import { a as _e, u as re } from "./global-loader-nEd3h1cv.js";
+import { d as he } from "./index-C1dNlcXW.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 || {}), A = /* @__PURE__ */ ((l) => (l.top = "TOP", l.bottom = "BOTTOM", l))(A || {});
+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 = [
   {
@@ -153,7 +153,7 @@ function Xe(l) {
     tailwind: "fm-color-neutral-gray-100"
   };
 }
-const Ye = /* @__PURE__ */ E({
+const Ye = /* @__PURE__ */ W({
   __name: "WidgetBarchart",
   props: {
     modelValue: { required: !0 },
@@ -161,13 +161,13 @@ const Ye = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const e = z(l, "modelValue"), n = i(() => {
+    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 = D(null), a = i(() => m.value.length > 0 ? [
+    }), 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,
@@ -176,10 +176,10 @@ const Ye = /* @__PURE__ */ E({
       }))
     ] : []);
     return (o, u) => {
-      const F = y("FmBarChart");
-      return h(), S(W, null, [
+      const L = y("FmBarChart");
+      return h(), S(z, null, [
         U(o.$slots, "menu"),
-        k(F, {
+        k(L, {
           ref_key: "chartRef",
           ref: c,
           class: "bar-chart",
@@ -199,7 +199,7 @@ const Ye = /* @__PURE__ */ E({
       ], 64);
     };
   }
-}), ea = /* @__PURE__ */ E({
+}), ea = /* @__PURE__ */ W({
   __name: "WidgetCircular",
   props: {
     modelValue: { required: !0 },
@@ -207,7 +207,7 @@ const Ye = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const e = z(l, "modelValue"), n = i(() => {
+    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 = [
         {
@@ -219,7 +219,7 @@ const Ye = /* @__PURE__ */ E({
     });
     return (m, f) => {
       const c = y("FmPieChart");
-      return h(), S(W, null, [
+      return h(), S(z, null, [
         U(m.$slots, "menu"),
         k(c, {
           class: "circular",
@@ -240,7 +240,7 @@ const Ye = /* @__PURE__ */ E({
       ], 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__ */ E({
+}), 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 },
@@ -248,7 +248,7 @@ const Ye = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const e = z(l, "modelValue"), { compareDateRange: n, defaultDateSetting: m } = se(_e()), { country: f } = re(), c = i(() => {
+    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(() => {
@@ -268,33 +268,33 @@ const Ye = /* @__PURE__ */ E({
     const u = i(() => {
       var b;
       return (b = e.value.data) == null ? void 0 : b.sparkline;
-    }), F = i(() => u.value.datasets.map((b) => ({
+    }), L = i(() => u.value.datasets.map((b) => ({
       label: b.name,
       data: b.values,
       fill: !0,
       color: "#36a2eb"
     })));
-    return (b, L) => {
+    return (b, R) => {
       var d;
-      const j = y("FmIcon"), M = y("FmChip"), H = y("FmTooltip"), t = y("FmLineChart");
+      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(H, {
+          k(D, {
             content: `vs. ${(d = q(m).defaultCompareType) == null ? void 0 : d.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
             variant: "plain"
           }, {
-            default: $(() => [
-              a.value ? (h(), R(M, {
+            default: V(() => [
+              a.value ? (h(), T(I, {
                 key: 0,
                 icon: a.value.icon.name,
                 class: te(`bg-${a.value.icon.tailwind}`),
                 compact: ""
               }, {
-                default: $(() => [
+                default: V(() => [
                   k(j, {
                     name: a.value.icon.name,
                     color: a.value.icon.color
@@ -306,16 +306,16 @@ const Ye = /* @__PURE__ */ E({
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : G("", !0),
-              q(n).endDate !== null && q(n).startDate !== null && a.value === null ? (h(), R(M, {
+              q(n).endDate !== null && q(n).startDate !== null && a.value === null ? (h(), T(I, {
                 key: 1,
                 compact: ""
               }, {
-                default: $(() => [
+                default: V(() => [
                   k(j, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  L[0] || (L[0] = C("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                  R[0] || (R[0] = C("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
                 ]),
                 _: 1
               })) : G("", !0)
@@ -324,10 +324,10 @@ const Ye = /* @__PURE__ */ E({
           }, 8, ["content"])
         ]),
         u.value ? (h(), S("div", oa, [
-          o(u.value.type) === "line" ? (h(), R(t, {
+          o(u.value.type) === "line" ? (h(), T(t, {
             key: 0,
             class: "sparkline",
-            datasets: F.value,
+            datasets: L.value,
             "hide-x-axis": !0,
             "hide-y-axis": !0,
             legend: {
@@ -336,7 +336,7 @@ const Ye = /* @__PURE__ */ E({
             "x-axis": { categories: u.value.dimensions },
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis"])) : G("", !0)
-        ])) : (h(), S("div", sa, L[1] || (L[1] = [
+        ])) : (h(), S("div", sa, R[1] || (R[1] = [
           C("div", { class: "sparkline" }, [
             C("div", { class: "flex flex-col gap-8" }, [
               C("div"),
@@ -351,12 +351,12 @@ const Ye = /* @__PURE__ */ E({
 }), ra = {};
 function ia(l, e) {
   const n = y("FmMenuDivider");
-  return h(), R(n);
+  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__ */ E({
+}, ma = { class: "font-bold" }, pa = { class: "text-fm-color-neutral-gray-300" }, fa = /* @__PURE__ */ W({
   __name: "WidgetTable",
   props: {
     modelValue: { required: !0 },
@@ -364,7 +364,7 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const e = z(l, "modelValue"), { country: n } = re(), m = D(null), f = i(() => {
+    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(() => {
@@ -373,19 +373,19 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
     }), 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 === A.top || e.value.rollupPosition === void 0)
-          return A.top;
-        if (e.value.rollupPosition === A.bottom)
-          return A.bottom;
+        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;
-    }), F = i(() => {
+    }), L = i(() => {
       var d, g;
       let t = [];
       switch (o.value) {
-        case A.top:
+        case M.top:
           t = [...((d = c.value[0]) == null ? void 0 : d.cells) || []].map((p, w) => {
             var x;
             return {
@@ -395,7 +395,7 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
             };
           });
           break;
-        case A.bottom:
+        case M.bottom:
           t = [...((g = c.value[c.value.length - 1]) == null ? void 0 : g.cells) || []].map((p, w) => {
             var x;
             return {
@@ -420,7 +420,7 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
         }
       return d;
     }
-    function L(t) {
+    function R(t) {
       return [...new Array(t < 0 ? 0 : t)].map(() => {
         var g;
         const d = {};
@@ -440,26 +440,26 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
         difference: Ce(t.main, t.comparison, n)
       };
     }
-    const M = i(() => {
+    const I = i(() => {
       var w, x, N;
       let t = ((w = e.value.data) == null ? void 0 : w.rows) || [];
       switch (o.value) {
-        case A.bottom:
+        case M.bottom:
           t = (x = t[t.length - 1]) != null && x.isRollup ? t.slice(0, -1) : t;
           break;
-        case A.top:
+        case M.top:
           t = (N = t[0]) != null && N.isRollup ? t.slice(1, t.length) : t;
           break;
       }
-      const d = t.filter((V) => !(a.value !== "" && (V.isRollup === !0 || !V.cells.some(
-        (I) => {
+      const d = t.filter((B) => !(a.value !== "" && (B.isRollup === !0 || !B.cells.some(
+        (P) => {
           var Z;
-          return ((I == null ? void 0 : I.toLowerCase()) || "").includes((Z = a.value) == null ? void 0 : Z.toLowerCase());
+          return ((P == null ? void 0 : P.toLowerCase()) || "").includes((Z = a.value) == null ? void 0 : Z.toLowerCase());
         }
-      )))).map((V) => b(V)), g = d.length % u.value;
+      )))).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(...L(p)), d;
-    }), H = i(() => {
+      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) => ({
@@ -472,8 +472,8 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
           p.label
         ),
         cell: (w) => {
-          var V, I;
-          const x = j(w.getValue()), N = (I = (V = w == null ? void 0 : w.row) == null ? void 0 : V.original) == null ? void 0 : I.isRollup;
+          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",
             {
@@ -490,25 +490,25 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
     });
     return (t, d) => {
       const g = y("FmTable");
-      return h(), S(W, null, [
+      return h(), S(z, null, [
         C("div", ca, [
           U(t.$slots, "menu")
         ]),
         k(g, {
           ref_key: "table",
           ref: m,
-          "column-defs": H.value,
-          "row-data": M.value,
+          "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": $(() => [
+          "pin-top": V(() => [
             C("tbody", null, [
               C("tr", da, [
-                (h(!0), S(W, null, we(F.value, (p, w) => (h(), S("td", {
+                (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"
                 }, [
@@ -527,7 +527,7 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
       ], 64);
     };
   }
-}), va = /* @__PURE__ */ E({
+}), va = /* @__PURE__ */ W({
   __name: "WidgetStackBarChart",
   props: {
     modelValue: { required: !0 },
@@ -535,28 +535,28 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const e = z(l, "modelValue"), n = i(() => {
+    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 = D(null), a = i(() => m.value.length > 0 ? [
+    }), f = i(() => e.value.isTransposed ?? void 0), c = F(null), a = i(() => m.value.length > 0 ? [
       ...m.value.map((o, u) => {
-        let F = o.values;
+        let L = o.values;
         return {
           label: o.name,
-          data: F,
+          data: L,
           dash: !!o.isCompare,
           backgroundColor: Q({ index: u, isCompare: o.isCompare })
         };
       })
     ] : []);
     return (o, u) => {
-      const F = y("FmBarChart");
-      return h(), S(W, null, [
+      const L = y("FmBarChart");
+      return h(), S(z, null, [
         U(o.$slots, "menu"),
-        k(F, {
+        k(L, {
           ref_key: "chartRef",
           ref: c,
           class: "bar-chart",
@@ -577,7 +577,7 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
       ], 64);
     };
   }
-}), ha = /* @__PURE__ */ E({
+}), ha = /* @__PURE__ */ W({
   __name: "WidgetStackLineChart",
   props: {
     modelValue: { required: !0 },
@@ -585,7 +585,7 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const e = z(l, "modelValue"), n = i(() => {
+    const e = H(l, "modelValue"), n = i(() => {
       var a;
       return ((a = e.value.data) == null ? void 0 : a.xAxis) ?? [];
     }), m = i(() => {
@@ -605,7 +605,7 @@ const ua = /* @__PURE__ */ Ge(ra, [["render", ia]]), ca = { class: "my-4" }, da
     ] : []);
     return (a, o) => {
       const u = y("FmLineChart");
-      return h(), S(W, null, [
+      return h(), S(z, null, [
         U(a.$slots, "menu"),
         k(u, {
           class: "line-chart",
@@ -649,7 +649,7 @@ function ba(l) {
 function ya(l) {
   return l < 12 ? J[Math.min(11, l * 3 - 1)] : J[11];
 }
-const wa = /* @__PURE__ */ E({
+const wa = /* @__PURE__ */ W({
   __name: "WidgetLinechart",
   props: {
     modelValue: { required: !0 },
@@ -657,7 +657,7 @@ const wa = /* @__PURE__ */ E({
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const e = z(l, "modelValue"), n = i(() => {
+    const e = H(l, "modelValue"), n = i(() => {
       var a;
       return ((a = e.value.data) == null ? void 0 : a.xAxis) ?? [];
     }), m = i(() => {
@@ -674,7 +674,7 @@ const wa = /* @__PURE__ */ E({
     ] : []);
     return (a, o) => {
       const u = y("FmLineChart");
-      return h(), S(W, null, [
+      return h(), S(z, null, [
         U(a.$slots, "menu"),
         k(u, {
           class: "line-chart",
@@ -700,9 +700,9 @@ const wa = /* @__PURE__ */ E({
 }, Ca = {
   key: 2,
   class: "flex"
-}, $a = /* @__PURE__ */ E({
+}, $a = /* @__PURE__ */ W({
   __name: "DynamicWidget",
-  props: /* @__PURE__ */ Ie({
+  props: /* @__PURE__ */ Ne({
     index: {
       type: Number,
       default: 0
@@ -718,7 +718,7 @@ const wa = /* @__PURE__ */ E({
   }),
   emits: ["update:modelValue"],
   setup(l) {
-    const e = D(!0), n = z(l, "modelValue"), m = l, f = D(null), c = D(n.value.widget.config.rollup), a = D(ae()), o = D(n.value.widget.config.drillDimension), u = i(() => {
+    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
@@ -726,9 +726,9 @@ const wa = /* @__PURE__ */ E({
         return s >= 0 ? s : 0;
       } else
         return -1;
-    }), F = i(() => u.value !== 0), b = i(
+    }), L = i(() => u.value !== 0), b = i(
       () => u.value != O.value.length - 1
-    ), L = D(n.value.widget.config.showLabel ?? !1), j = i(() => n.value.widget.config.showSearchBar), M = D(""), { breakpoints: H } = Je(), t = D(), d = i(() => H.value.lg || H.value.md ? ga(n.value.size.width) : H.value.sm ? ba(n.value.size.width) : ya(n.value.size.width)), g = i(
+    ), 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;
@@ -757,7 +757,7 @@ const wa = /* @__PURE__ */ E({
         }
       else
         return ge;
-    }), x = D(null), { selectedLocationIds: N, dateRange: V, compareDateRange: I, timeRange: Z } = se(_e()), { businessId: xe } = se(re()), _ = i(() => {
+    }), 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,
@@ -769,36 +769,36 @@ const wa = /* @__PURE__ */ E({
         }
       };
     }), ie = i(() => {
-      let s, v, T, P;
+      let s, v, $, E;
       switch (_.value.type) {
         case r.Table:
-          T = M.value, P = _.value.config.rollupPosition;
+          $ = I.value, E = _.value.config.rollupPosition;
           break;
         case r.BarChart:
         case r.LineChart:
         case r.StackBarChart:
         case r.StackLineChart:
         case r.Circular:
-          s = L.value, v = _.value.config.isTransposed;
+          s = R.value, v = _.value.config.isTransposed;
           break;
       }
       return {
         data: x.value,
         showLabel: s,
         isTransposed: v,
-        rollupPosition: P,
-        filterText: T
+        rollupPosition: E,
+        filterText: $
       };
     }), ue = i(() => {
       const { config: s } = n.value.widget;
       if (s.rollup != null) {
-        const v = [...s.dimensions].filter((T) => !T.hide);
+        const v = [...s.dimensions].filter(($) => !$.hide);
         return v.sort(
-          (T, P) => (s.rowIds || []).indexOf(oe(T)) - (s.rowIds || []).indexOf(oe(P))
+          ($, 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((T, P) => ({ label: T.label, value: P + 1 }))
+          ...[...v].slice(0, v.length - 1).map(($, E) => ({ label: $.label, value: E + 1 }))
         ];
       }
       return [];
@@ -810,15 +810,15 @@ const wa = /* @__PURE__ */ E({
       })) : [];
     });
     ee(n.value, (s) => {
-      c.value = s.widget.config.rollup, L.value = s.widget.config.showLabel ?? !1;
+      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,
-        () => V.value,
+        () => B.value,
         () => Z.value,
-        () => I.value,
+        () => P.value,
         () => N.value,
         () => xe.value
       ],
@@ -836,9 +836,9 @@ const wa = /* @__PURE__ */ E({
       },
       { deep: !0 }
     ), Pe(() => {
-      p(), addEventListener("resize", p), de();
-    }), We(() => {
-      removeEventListener("resize", p);
+      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;
@@ -885,51 +885,51 @@ const wa = /* @__PURE__ */ E({
       }
     })), Le = _.value.type === r.Spacer ? "flat" : "outlined", Re = _.value.type === r.Spacer ? "p-0" : "p-16";
     return (s, v) => {
-      const T = y("FmTooltip"), P = y("FmSearch"), Te = y("FmCheckbox"), le = y("FmButton"), $e = y("FmSelect"), Ve = y("FmMenuItem"), Be = y("FmMenu"), Ae = y("FmForm"), Me = y("FmCircularProgress"), Ne = y("FmCard");
-      return h(), R(Ne, {
+      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: $(() => [
-          e.value ? (h(), R(Me, { key: 1 })) : (h(), S("div", {
+        default: V(() => [
+          e.value ? (h(), T(Me, { key: 1 })) : (h(), S("div", {
             key: 0,
             style: ye({ height: t.value })
           }, [
-            (h(), R(Ee(w.value), {
+            (h(), T(ze(w.value), {
               key: a.value,
               modelValue: ie.value,
               "onUpdate:modelValue": v[3] || (v[3] = (Y) => ie.value = Y)
             }, {
-              menu: $(() => [
+              menu: V(() => [
                 k(Ae, { class: "flex items-center gap-2" }, {
-                  default: $(() => {
+                  default: V(() => {
                     var Y, me, pe, fe;
                     return [
-                      k(T, {
+                      k($, {
                         variant: "plain",
                         placement: "right",
                         content: _.value.description,
                         "hide-arrow": !0,
                         disabled: !_.value.description
                       }, {
-                        default: $(() => [
+                        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(), R(P, {
+                      (Y = g.value) != null && Y.showSearchBar ? (h(), T(E, {
                         key: 0,
-                        modelValue: M.value,
-                        "onUpdate:modelValue": v[0] || (v[0] = (B) => M.value = B),
+                        modelValue: I.value,
+                        "onUpdate:modelValue": v[0] || (v[0] = (A) => I.value = A),
                         class: "grow"
                       }, null, 8, ["modelValue"])) : (h(), S("div", _a)),
-                      ze(k(Te, {
-                        modelValue: L.value,
-                        "onUpdate:modelValue": v[1] || (v[1] = (B) => L.value = B),
+                      We(k(Te, {
+                        modelValue: R.value,
+                        "onUpdate:modelValue": v[1] || (v[1] = (A) => R.value = A),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
@@ -939,7 +939,7 @@ const wa = /* @__PURE__ */ E({
                         k(le, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !F.value,
+                          disabled: !L.value,
                           onClick: Se
                         }, null, 8, ["disabled"]),
                         k(le, {
@@ -949,28 +949,28 @@ const wa = /* @__PURE__ */ E({
                           onClick: De
                         }, null, 8, ["disabled"])
                       ])) : G("", !0),
-                      (fe = g.value) != null && fe.showRollup && ue.value.length > 0 ? (h(), R($e, {
+                      (fe = g.value) != null && fe.showRollup && ue.value.length > 0 ? (h(), T($e, {
                         key: 3,
                         modelValue: c.value,
-                        "onUpdate:modelValue": v[2] || (v[2] = (B) => c.value = B),
+                        "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(), R(Be, {
+                      m.hideExport ? G("", !0) : (h(), T(Be, {
                         key: 4,
                         shift: !0
                       }, {
-                        "menu-button": $(() => [
+                        "menu-button": V(() => [
                           k(le, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
-                        default: $(() => [
-                          (h(!0), S(W, null, we(q(Fe), (B) => (h(), R(Ve, {
-                            key: B.value,
-                            label: B.label,
-                            onClick: B.onClick
+                        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
@@ -990,7 +990,7 @@ const wa = /* @__PURE__ */ E({
   }
 });
 export {
-  A as R,
+  M as R,
   $a as _,
   oe as g
 };