@feedmepos/mf-report 5.27.10-beta.0 → 5.27.11-beta.0

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-n4d1BaRc.js → DynamicWidget.vue_vue_type_script_setup_true_lang-DgM1kcya.js}

@@ -1,11 +1,11 @@
-import { computed as g, defineComponent as Be, ref as L, watch as Le, onMounted as Vt, onBeforeUnmount as ao, resolveComponent as ie, createBlock as ue, openBlock as U, Transition as zo, withCtx as _e, createElementBlock as le, createCommentVNode as pe, createElementVNode as E, unref as i, normalizeStyle as De, withModifiers as jt, toDisplayString as ke, createVNode as ce, Fragment as Ae, renderList as st, normalizeClass as Se, nextTick as Ho, mergeModels as He, useModel as We, renderSlot as Ze, h as Yt, createSlots as Wo, resolveDynamicComponent as ro, toRaw as Oo, markRaw as Uo, createTextVNode as Ko, onUnmounted as lo, withDirectives as Xo, vShow as Yo } from "vue";
-import { W as te, w as Eo, S as It, x as Bt, y as Go, z as dn, A as so, j as qo, B as jo, R as gt, E as Jo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-BSJoZ-ZZ.js";
-import { i as Jt, a as en, u as io } from "./app-CIEtOHuW.js";
-import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-MxfUvTMs.js";
+import { computed as g, defineComponent as Be, ref as L, watch as Le, onMounted as Nt, onBeforeUnmount as ao, resolveComponent as ie, createBlock as ue, openBlock as U, Transition as zo, withCtx as _e, createElementBlock as le, createCommentVNode as pe, createElementVNode as E, unref as i, normalizeStyle as De, withModifiers as jt, toDisplayString as ke, createVNode as ce, Fragment as Ae, renderList as st, normalizeClass as Se, nextTick as Ho, mergeModels as He, useModel as We, renderSlot as Ze, h as Yt, createSlots as Wo, resolveDynamicComponent as ro, toRaw as Oo, markRaw as Uo, createTextVNode as Ko, onUnmounted as lo, withDirectives as Xo, vShow as Yo } from "vue";
+import { W as te, w as Eo, S as It, x as Bt, y as Go, z as dn, A as so, j as qo, B as jo, R as gt, E as Jo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-vEwmwLei.js";
+import { i as Jt, a as en, u as io } from "./app-Cf4bn8z6.js";
+import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DWV1lamo.js";
 import { storeToRefs as At } from "pinia";
 import { detectLocale as Tn } from "@feedmepos/mf-common";
 import { C as gn } from "./chart-DDDh8zNk.js";
-import { useBreakpoints as Nt, useSnackbar as Ln, components as Zo } from "@feedmepos/ui-library";
+import { useBreakpoints as Vt, useSnackbar as Ln, components as Zo } from "@feedmepos/ui-library";
 import { u as it, _ as uo } from "./_plugin-vue_export-helper-onplcgja.js";
 import { r as rt } from "./i18n-CI_sQ5d_.js";
 import { _ as $n } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
@@ -520,7 +520,7 @@ function Ht(e) {
     }
   };
 }
-const ba = Number.POSITIVE_INFINITY, wn = 2, Ca = 1, xa = 0.2, wa = 120, _a = 320, Sa = 24, { breakpoints: yt } = Nt(), Dn = "report-v5:locationchange";
+const ba = Number.POSITIVE_INFINITY, wn = 2, Ca = 1, xa = 0.2, wa = 120, _a = 320, Sa = 24, { breakpoints: yt } = Vt(), Dn = "report-v5:locationchange";
 let On = !1;
 const ka = "report.widget.comparisonTooltip";
 function Un() {
@@ -585,11 +585,11 @@ function Fa(e, t) {
 function Ra(e, t) {
   return e.type === "bar" ? !0 : t === "bar";
 }
-function Va(e, t, n) {
+function Na(e, t, n) {
   const o = Mt(e.borderColor, t) || Mt(e.color, t), l = Mt(e.backgroundColor, t), a = Mt(e.pointBorderColor, t), r = Mt(e.pointBackgroundColor, t);
   return n ? Xn(l, r, o, a) : Xn(o, a, l, r);
 }
-function Na(e) {
+function Va(e) {
   return e.trim().toLowerCase();
 }
 function Mt(e, t) {
@@ -703,11 +703,11 @@ function _o(e, t, n, o, l, a, r, c) {
       return;
     const oe = Ba(Q), j = Aa(Q, r), k = Ra(Q, c), p = {
       text: Fa(oe, j),
-      color: Va(Q, r, k),
+      color: Na(Q, r, k),
       isBar: k,
       value: j,
       datasetLabel: oe,
-      matchingKey: Na(oe)
+      matchingKey: Va(oe)
     };
     if (x && Ma(Q)) {
       v.push(p);
@@ -993,7 +993,7 @@ function rr(e, t, n) {
       An(e, n);
       return;
     }
-    Ne(e, t, !0);
+    Ve(e, t, !0);
   }, window.addEventListener(Dn, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
 }
 function lr(e, t) {
@@ -1038,12 +1038,12 @@ function qn(e, t, n, o, l) {
     );
   }));
 }
-function Ne(e, t, n = !1) {
+function Ve(e, t, n = !1) {
   Ct(e) && !n || (wt(e), To(e), xo(e, !1), Oa(e), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", Qt(t));
 }
 function jn(e, t, n = wa) {
   e.__isTooltipHovered || (wt(e), e.__hideTimeoutId = window.setTimeout(() => {
-    e.__isTooltipHovered || Ne(e, t);
+    e.__isTooltipHovered || Ve(e, t);
   }, n));
 }
 function ur(e, t, n, o, l) {
@@ -1074,7 +1074,7 @@ function ur(e, t, n, o, l) {
   }, t.addEventListener("pointermove", e.__onCanvasPointerMove, {
     passive: !0
   })), e.__onCanvasPointerLeave || (e.__onCanvasPointerLeave = () => {
-    lt() && Ct(e) || Ne(e, n);
+    lt() && Ct(e) || Ve(e, n);
   }, t.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
     passive: !0
   })), e.__onCanvasClick || (e.__onCanvasClick = (r) => {
@@ -1097,7 +1097,7 @@ function ur(e, t, n, o, l) {
         q,
         z
       ).detailsPayload;
-      return (G = l.onViewFullDetails) == null || G.call(l, C, n), Ne(e, n), !0;
+      return (G = l.onViewFullDetails) == null || G.call(l, C, n), Ve(e, n), !0;
     }, u = ((D = n == null ? void 0 : n.tooltip) == null ? void 0 : D.dataPoints) ?? [];
     if (c(u))
       return;
@@ -1155,7 +1155,7 @@ function ur(e, t, n, o, l) {
         index: _.index
       }));
       if (x.length === 0) {
-        Ne(e, n, !0);
+        Ve(e, n, !0);
         return;
       }
       const y = x[0], v = Ka(
@@ -1164,7 +1164,7 @@ function ur(e, t, n, o, l) {
         y.index
       ), w = Number.isFinite(e.__lastPhoneTapAt), D = v && Xa(e, r.offsetX, r.offsetY, r.timeStamp);
       if (w && !D && v) {
-        Ne(e, n, !0);
+        Ve(e, n, !0);
         return;
       }
       xo(e, !0), wt(e), e.dataset.cursorCanvasX = String(r.offsetX), e.dataset.cursorCanvasY = String(r.offsetY), e.dataset.caretX = String(r.offsetX), e.dataset.caretY = String(r.offsetY), u.setActiveElements(x, {
@@ -1177,7 +1177,7 @@ function ur(e, t, n, o, l) {
         return;
       }
       if (D && (l != null && l.onViewFullDetails) && e.__detailsPayload) {
-        l.onViewFullDetails(e.__detailsPayload, n), Ne(e, n);
+        l.onViewFullDetails(e.__detailsPayload, n), Ve(e, n);
         return;
       }
       Ua(
@@ -1194,11 +1194,11 @@ function ur(e, t, n, o, l) {
   }, t.addEventListener("pointerup", e.__onCanvasPointerUp)), l != null && l.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (r) => {
     var m;
     const c = r.target;
-    c != null && c.closest('[data-tooltip-full-details="true"]') && (r.preventDefault(), r.stopPropagation(), e.__detailsPayload && ((m = l.onViewFullDetails) == null || m.call(l, e.__detailsPayload, n), Ne(e, n)));
+    c != null && c.closest('[data-tooltip-full-details="true"]') && (r.preventDefault(), r.stopPropagation(), e.__detailsPayload && ((m = l.onViewFullDetails) == null || m.call(l, e.__detailsPayload, n), Ve(e, n)));
   }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
     e.__isTooltipHovered = !0, wt(e);
   }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
-    e.__isTooltipHovered = !1, Ne(e, n);
+    e.__isTooltipHovered = !1, Ve(e, n);
   }, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
 }
 function cr(e, t, n) {
@@ -1242,14 +1242,14 @@ function dr(e, t) {
     if (u || (u = tr(c)), u.parentElement !== r && r.appendChild(u), In(u, r), cr(u, a, e), rr(u, o, a), lr(u, a), ur(u, a, o, e, t), ((l == null ? void 0 : l.opacity) ?? 0) === 0) {
       if (lt() && Ct(u))
         return;
-      t != null && t.onViewFullDetails ? jn(u, o) : Ne(u, o);
+      t != null && t.onViewFullDetails ? jn(u, o) : Ve(u, o);
       return;
     }
     const m = (l == null ? void 0 : l.dataPoints) ?? [];
     if (m.length === 0) {
       if (lt() && Ct(u))
         return;
-      t != null && t.onViewFullDetails ? jn(u, o) : Ne(u, o);
+      t != null && t.onViewFullDetails ? jn(u, o) : Ve(u, o);
       return;
     }
     sr(r, c, a), wt(u);
@@ -1273,13 +1273,13 @@ function dr(e, t) {
       return;
     }
     const C = (p = o == null ? void 0 : o.scales) == null ? void 0 : p.x, T = C && typeof C.getPixelForValue == "function" ? C.getPixelForValue(0) : NaN, P = e ? m.reduce((f, I) => {
-      const V = I == null ? void 0 : I.element, R = V == null ? void 0 : V.x;
+      const N = I == null ? void 0 : I.element, R = N == null ? void 0 : N.x;
       if (typeof R != "number" || !Number.isFinite(R))
         return f;
       if (!Number.isFinite(f))
         return R;
-      const O = Number.isFinite(T) ? T : B, N = Math.abs(f - O);
-      return Math.abs(R - O) > N ? R : f;
+      const O = Number.isFinite(T) ? T : B, V = Math.abs(f - O);
+      return Math.abs(R - O) > V ? R : f;
     }, Number.NaN) : Number.NaN, A = q, G = K, Q = e ? Number.isFinite(T) && Number.isFinite(P) && P < T ? "left" : "right" : "center";
     Bn(
       u,
@@ -1590,7 +1590,7 @@ const mr = {
     }
     return Le([M, m], () => {
       m.value && B();
-    }), Vt(() => {
+    }), Nt(() => {
       r.value = C(r.value), B(), document.addEventListener("pointerdown", oe, !0), document.addEventListener("keydown", j), window.addEventListener("resize", Q);
     }), ao(() => {
       P(), document.removeEventListener("pointerdown", oe, !0), document.removeEventListener("keydown", j), window.removeEventListener("resize", Q);
@@ -1635,7 +1635,7 @@ const mr = {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
                 onMouseleave: D
               }, [
-                (U(!0), le(Ae, null, st(W.value, (I, V) => (U(), le("div", {
+                (U(!0), le(Ae, null, st(W.value, (I, N) => (U(), le("div", {
                   key: I.key,
                   class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
                 }, [
@@ -1644,8 +1644,8 @@ const mr = {
                     key: `${R.text}-${O}`,
                     type: "button",
                     class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex w-full items-start justify-between gap-3 bg-transparent px-2 py-1.5 text-left transition-colors hover:bg-fm-color-opacity-sm focus-visible:bg-fm-color-opacity-sm focus-visible:outline-none",
-                    onMouseenter: (N) => w(R),
-                    onFocus: (N) => w(R),
+                    onMouseenter: (V) => w(R),
+                    onFocus: (V) => w(R),
                     onMouseleave: D,
                     onBlur: D
                   }, [
@@ -1762,7 +1762,7 @@ const mr = {
       }
       j({ height: 0, width: 0 });
     }
-    function V() {
+    function N() {
       const s = y.value;
       if (!s) {
         w.value = !1, D.value = 0, _.value = 0;
@@ -1777,16 +1777,16 @@ const mr = {
       D.value = Y, _.value = Z;
     }
     function R() {
-      V();
+      N();
     }
     function O(s) {
       const h = y.value, d = x.value;
       if (!h || !d || !w.value)
         return;
       const b = d.getBoundingClientRect(), F = s.clientY - b.top, $ = Math.max(0, F - D.value / 2), Y = Math.max(1, h.clientHeight - D.value), ee = Math.min(1, $ / Y), H = Math.max(0, h.scrollHeight - h.clientHeight);
-      h.scrollTop = ee * H, V();
+      h.scrollTop = ee * H, N();
     }
-    function N(s) {
+    function V(s) {
       w.value && (B.value = !0, q.value = s.clientY, K.value = _.value);
     }
     function J(s) {
@@ -1796,7 +1796,7 @@ const mr = {
       if (!h)
         return;
       const d = s.clientY - q.value, b = Math.max(1, h.clientHeight - D.value), $ = Math.min(b, Math.max(0, K.value + d)) / b, Y = Math.max(0, h.scrollHeight - h.clientHeight);
-      h.scrollTop = $ * Y, V();
+      h.scrollTop = $ * Y, N();
     }
     function X() {
       B.value && (B.value = !1);
@@ -1897,7 +1897,7 @@ const mr = {
       const F = ye();
       return F != null ? Math.max(0, Math.floor(F * 0.3)) : 180;
     }
-    function Ve(s, h) {
+    function Ne(s, h) {
       const d = n.chartColorBinding;
       if (d) {
         const $ = typeof s.datasetIndex == "number" ? s.datasetIndex : h, Y = Number.isInteger(n.metricCount) && Number(n.metricCount) > 0 ? Number(n.metricCount) : Math.max(1, Number(r.value.length));
@@ -2129,14 +2129,14 @@ const mr = {
     function St() {
       const s = y.value;
       if (!s) {
-        m.value = !1, M.value = 0, c.value = 0, f(), V();
+        m.value = !1, M.value = 0, c.value = 0, f(), N();
         return;
       }
       const h = Array.from(
         s.querySelectorAll(".chart-legend-item[data-legend-data='true']")
       );
       if (h.length === 0) {
-        m.value = !1, M.value = 0, c.value = 0, f(), V();
+        m.value = !1, M.value = 0, c.value = 0, f(), N();
         return;
       }
       const d = Array.from(new Set(h.map((ne) => ne.offsetTop))).sort((ne, me) => ne - me), b = !u.value && r.value.length > h.length, F = !u.value && !b, $ = F || M.value <= 0 ? xe() : M.value;
@@ -2158,16 +2158,16 @@ const mr = {
             }
           }
         }
-        m.value = !0, f(), V();
+        m.value = !0, f(), N();
         return;
       }
       const Y = d[0] ?? 0, ee = d[d.length - 1] ?? Y, H = h.filter((ne) => ne.offsetTop === ee), Z = Math.max(...H.map((ne) => ne.offsetHeight), 0), he = Math.max(0, ee - Y + Z), ge = Xt(h, $);
-      (F || c.value <= 0) && (c.value = Math.max(0, ge)), m.value = he > $, f(), V();
+      (F || c.value <= 0) && (c.value = Math.max(0, ge)), m.value = he > $, f(), N();
     }
     function Oe() {
       Ho(() => {
         St(), window.requestAnimationFrame(() => {
-          St(), I(), V();
+          St(), I(), N();
         });
       });
     }
@@ -2339,7 +2339,7 @@ const mr = {
     function ln() {
       u.value = !1, y.value && (y.value.scrollTop = 0), Oe();
     }
-    return Vt(() => {
+    return Nt(() => {
       $e(), window.addEventListener("mousemove", J), window.addEventListener("mouseup", X);
     }), Le(
       () => [
@@ -2402,12 +2402,12 @@ const mr = {
               n.usePointStyle !== !1 ? (U(), le("span", {
                 key: 0,
                 class: "h-5 w-5 shrink-0 rounded-full",
-                style: De({ backgroundColor: Ve(d, b) })
+                style: De({ backgroundColor: Ne(d, b) })
               }, null, 4)) : (U(), le("span", {
                 key: 1,
                 class: "h-5 w-5 shrink-0 rounded-sm border border-solid border-gray-300",
                 style: De({
-                  backgroundColor: Ve(d, b),
+                  backgroundColor: Ne(d, b),
                   borderColor: "#c7c7cc"
                 })
               }, null, 4)),
@@ -2438,7 +2438,7 @@ const mr = {
           E("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
             style: De(A.value),
-            onMousedown: jt(N, ["stop"])
+            onMousedown: jt(V, ["stop"])
           }, null, 36)
         ], 32)) : pe("", !0)
       ], 512)
@@ -2446,7 +2446,7 @@ const mr = {
   }
 }), Fe = /* @__PURE__ */ uo(Br, [["__scopeId", "data-v-706fa016"]]);
 function Ar(e, t) {
-  const { t: n } = it(), { breakpoints: o } = Nt(), l = L(!1), a = L(null), r = L(null);
+  const { t: n } = it(), { breakpoints: o } = Vt(), l = L(!1), a = L(null), r = L(null);
   function c() {
     return So(e.value) ?? r.value;
   }
@@ -2554,7 +2554,7 @@ function Ot({ chartRef: e, model: t, baseDatasets: n }) {
     datasets: T
   };
 }
-const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /* @__PURE__ */ Be({
+const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Nr = /* @__PURE__ */ Be({
   __name: "WidgetBarchart",
   props: /* @__PURE__ */ He({
     tileIndex: {}
@@ -2586,28 +2586,28 @@ const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /*
     }
     const W = g(() => o.value.length > 0 ? [
       ...o.value.map((f, I) => {
-        const V = $t({
+        const N = $t({
           datasets: o.value,
           datasetIndex: I
         }), R = Pe({
-          datasetIndex: V,
+          datasetIndex: N,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
         }), O = Pe({
-          datasetIndex: V,
+          datasetIndex: N,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: Ce.metric
         });
-        let N = f.values;
-        a.value && (N = o.value.map(
+        let V = f.values;
+        a.value && (V = o.value.map(
           (de, se) => se === I ? f.values[0] : NaN
         ));
         const J = t.value.chartColorBinding === Ce.breakdown, X = xt({
-          fallbackIndex: V,
+          fallbackIndex: N,
           metricCount: t.value.metricCount
-        }), ae = N.map((de) => de === null ? NaN : Number(de));
+        }), ae = V.map((de) => de === null ? NaN : Number(de));
         return {
           label: f.name,
           data: ae,
@@ -2656,26 +2656,26 @@ const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /*
       if (!u.value)
         return j.value;
       const f = [];
-      return j.value.forEach((I, V) => {
+      return j.value.forEach((I, N) => {
         f.push({
           ...I,
           barPercentage: mn
         });
-        const R = j.value[V + 1];
-        I.dash === !0 && R && f.push(M(V));
+        const R = j.value[N + 1];
+        I.dash === !0 && R && f.push(M(N));
       }), f;
     }), p = g(() => ({
       display: !1,
       labels: {
         filter: (f, I) => {
-          var V, R;
-          return !((R = (V = I.datasets) == null ? void 0 : V[f.datasetIndex ?? -1]) != null && R.isSpacer);
+          var N, R;
+          return !((R = (N = I.datasets) == null ? void 0 : N[f.datasetIndex ?? -1]) != null && R.isSpacer);
         }
       }
     }));
     return (f, I) => {
-      var R, O, N, J, X, ae;
-      const V = ie("FmBarChart");
+      var R, O, V, J, X, ae;
+      const N = ie("FmBarChart");
       return U(), le(Ae, null, [
         E("div", Rr, [
           Ze(f.$slots, "menu"),
@@ -2690,7 +2690,7 @@ const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /*
               enabled: i(C).display ?? !1,
               position: i(P),
               "text-color": (R = i(C).labels) == null ? void 0 : R.color,
-              "font-size": (N = (O = i(C).labels) == null ? void 0 : O.font) == null ? void 0 : N.size,
+              "font-size": (V = (O = i(C).labels) == null ? void 0 : O.font) == null ? void 0 : V.size,
               "legend-update-key": i(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2701,7 +2701,7 @@ const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /*
               "hidden-dataset-keys": i(Q),
               onToggleDatasetVisibility: i(oe)
             }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : pe("", !0),
-            ce(V, {
+            ce(N, {
               ref_key: "chartRef",
               ref: n,
               class: "bar-chart",
@@ -2745,7 +2745,7 @@ const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /*
       ], 64);
     };
   }
-}), Nr = { class: "widget-content" }, $r = /* @__PURE__ */ Be({
+}), Vr = { class: "widget-content" }, $r = /* @__PURE__ */ Be({
   __name: "WidgetCircular",
   props: /* @__PURE__ */ He({
     tileIndex: {}
@@ -2755,7 +2755,7 @@ const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /*
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = We(e, "modelValue"), { breakpoints: n } = Nt(), o = L(null), l = L([]), { datalabels: a, legend: r } = Lo(t.value), c = g(() => {
+    const t = We(e, "modelValue"), { breakpoints: n } = Vt(), o = L(null), l = L([]), { datalabels: a, legend: r } = Lo(t.value), c = g(() => {
       const z = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((C) => C.name) : [];
       return z.length > 0 ? z : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((C) => String(C)) : [];
     }), u = g(() => {
@@ -2810,7 +2810,7 @@ const Rr = { class: "widget-content" }, mn = 1, no = "rgba(0, 0, 0, 0)", Vr = /*
     }
     return (z, C) => {
       const T = ie("FmPieChart");
-      return U(), le("div", Nr, [
+      return U(), le("div", Vr, [
         Ze(z.$slots, "menu"),
         E("div", {
           class: Se(["chart-layout", {
@@ -3074,7 +3074,7 @@ function el(e, t) {
   const n = ie("FmMenuDivider");
   return U(), ue(n);
 }
-const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableData.worker-BmlVDhV4.js", ol = { class: "flex h-full flex-col" }, al = { class: "my-4 shrink-0" }, rl = {
+const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableData.worker-CvRlKKfk.js", ol = { class: "flex h-full flex-col" }, al = { class: "my-4 shrink-0" }, rl = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
 }, ll = { class: "font-bold" }, sl = { class: "text-fm-color-neutral-gray-300" }, il = /* @__PURE__ */ Be({
@@ -3132,27 +3132,27 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
           return Je.bottom;
       }
     }), z = g(() => {
-      const p = v.value, f = 34.5, I = 32, V = K.value !== void 0 ? 1 : 0, R = (M.value ? M.value.$el.offsetHeight : 0) - p;
-      return Math.floor((R - f - I) / p) - V;
+      const p = v.value, f = 34.5, I = 32, N = K.value !== void 0 ? 1 : 0, R = (M.value ? M.value.$el.offsetHeight : 0) - p;
+      return Math.floor((R - f - I) / p) - N;
     }), C = g(() => {
       var f, I;
       let p = [];
       switch (K.value) {
         case Je.top:
-          p = [...((f = x.value[0]) == null ? void 0 : f.cells) || []].map((V, R) => {
+          p = [...((f = x.value[0]) == null ? void 0 : f.cells) || []].map((N, R) => {
             var O;
             return {
-              main: V,
+              main: N,
               comparison: (O = x.value[0]) == null ? void 0 : O.comparisonCells[R],
               rowType: W.value[R].type
             };
           });
           break;
         case Je.bottom:
-          p = [...((I = x.value[x.value.length - 1]) == null ? void 0 : I.cells) || []].map((V, R) => {
+          p = [...((I = x.value[x.value.length - 1]) == null ? void 0 : I.cells) || []].map((N, R) => {
             var O;
             return {
-              main: V,
+              main: N,
               comparison: (O = x.value[x.value.length - 1]) == null ? void 0 : O.comparisonCells[R],
               rowType: W.value[R].type
             };
@@ -3171,7 +3171,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
         difference: vo(p.main, p.comparison, i(l))
       });
     }
-    Vt(() => {
+    Nt(() => {
       a();
     });
     const P = L([]);
@@ -3190,7 +3190,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
         key: O.key,
         type: O.type,
         label: O.label
-      })), V = {
+      })), N = {
         rows: f,
         columns: I,
         filter: B.value ?? "",
@@ -3201,7 +3201,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
         grandTotalPosition: K.value,
         pageSize: z.value
       };
-      Go(nl, V).then((O) => {
+      Go(nl, N).then((O) => {
         p === A && (O != null && O.error ? (c.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(O.error), P.value = []) : P.value = Uo(O.data || []));
       });
     }
@@ -3213,8 +3213,8 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
       { immediate: !0, deep: !0 }
     );
     const oe = g(() => {
-      var I, V;
-      const p = ((I = o.value.data) == null ? void 0 : I.rows) || [], f = ((V = o.value.data) == null ? void 0 : V.columns) || [];
+      var I, N;
+      const p = ((I = o.value.data) == null ? void 0 : I.rows) || [], f = ((N = o.value.data) == null ? void 0 : N.columns) || [];
       return JSON.stringify({
         rowsLength: p.length,
         columns: f.map((R) => ({ key: R.key, type: R.type, label: R.label })),
@@ -3242,7 +3242,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
     const k = g(() => {
       var p;
       return (p = o.value.data) != null && p.columns ? o.value.data.columns.map((f, I) => {
-        const V = rt(t, n, f.label, "other"), R = m.value.find((X) => X.key === f.key), O = !!R, N = _(f.key), J = O ? R.type === It.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        const N = rt(t, n, f.label, "other"), R = m.value.find((X) => X.key === f.key), O = !!R, V = _(f.key), J = O ? R.type === It.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
           accessorKey: f.key,
           header: () => {
@@ -3258,7 +3258,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
                 Yt(
                   "span",
                   { class: `${f.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
-                  V
+                  N
                 ),
                 Yt(X, {
                   name: J,
@@ -3287,7 +3287,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
               [f.type === "NUMERIC" ? Ft(ae.main) : ae.main]
             );
           },
-          meta: N,
+          meta: V,
           enableSorting: !1
         };
       }) : [];
@@ -3317,7 +3317,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
               (U(), ue(ro(K.value === i(Je).bottom ? "tfoot" : "tbody"), null, {
                 default: _e(() => [
                   E("tr", rl, [
-                    (U(!0), le(Ae, null, st(C.value, (V, R) => {
+                    (U(!0), le(Ae, null, st(C.value, (N, R) => {
                       var O;
                       return U(), le("td", {
                         key: `${i(Bt)()}_${R}`,
@@ -3327,14 +3327,14 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
                         E("span", {
                           class: Se([
                             "flex items-center text-fm-color-typo-secondary gap-2",
-                            V.rowType === "NUMERIC" ? "text-right justify-end" : "",
+                            N.rowType === "NUMERIC" ? "text-right justify-end" : "",
                             "w-full min-w-0",
                             "whitespace-nowrap"
                           ]),
                           style: De(w())
                         }, [
-                          E("p", ll, ke(V.rowType === "NUMERIC" ? i(Ft)(V.main) : V.main), 1),
-                          E("p", sl, ke(V.comparison ? V.rowType === "NUMERIC" ? `(${i(Ft)(V.comparison)})` : `(${V.comparison})` : ""), 1)
+                          E("p", ll, ke(N.rowType === "NUMERIC" ? i(Ft)(N.main) : N.main), 1),
+                          E("p", sl, ke(N.comparison ? N.rowType === "NUMERIC" ? `(${i(Ft)(N.comparison)})` : `(${N.comparison})` : ""), 1)
                         ], 6)
                       ], 4);
                     }), 128))
@@ -3379,24 +3379,24 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
     function x({
       datasetIndex: f,
       colorIndex: I,
-      breakdownIndex: V
+      breakdownIndex: N
     }) {
       var J;
-      const R = t.value.chartColorBinding === Ce.metric ? I : t.value.chartColorBinding === Ce.breakdown ? V : f, O = (J = t.value.chartColorLayers) == null ? void 0 : J[R], N = Number(O);
-      return Number.isInteger(N) && N > 0 ? N : R + 1;
+      const R = t.value.chartColorBinding === Ce.metric ? I : t.value.chartColorBinding === Ce.breakdown ? N : f, O = (J = t.value.chartColorLayers) == null ? void 0 : J[R], V = Number(O);
+      return Number.isInteger(V) && V > 0 ? V : R + 1;
     }
     const y = g(() => {
       if (a.value.length > 0) {
-        const f = a.value.map((I, V) => {
+        const f = a.value.map((I, N) => {
           const R = $t({
             datasets: a.value,
-            datasetIndex: V
+            datasetIndex: N
           }), O = Pe({
             datasetIndex: R,
             isCompare: !1,
             metricCount: t.value.metricCount,
             mode: t.value.chartColorBinding
-          }), N = Pe({
+          }), V = Pe({
             datasetIndex: R,
             isCompare: !1,
             metricCount: t.value.metricCount,
@@ -3419,7 +3419,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
               order: c.value ? X : void 0,
               backgroundColor: t.value.chartColorBinding === Ce.breakdown ? _t({
                 breakdownIndex: J,
-                metricIndex: N,
+                metricIndex: V,
                 metricCount: t.value.metricCount,
                 isCompare: I.isCompare,
                 breakdownColors: t.value.chartBreakdownColors,
@@ -3461,8 +3461,8 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
       baseDatasets: y
     });
     return (f, I) => {
-      var R, O, N, J, X, ae;
-      const V = ie("FmBarChart");
+      var R, O, V, J, X, ae;
+      const N = ie("FmBarChart");
       return U(), le(Ae, null, [
         E("div", ul, [
           Ze(f.$slots, "menu"),
@@ -3477,7 +3477,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
               enabled: i(P).display ?? !1,
               position: i(G),
               "text-color": (R = i(P).labels) == null ? void 0 : R.color,
-              "font-size": (N = (O = i(P).labels) == null ? void 0 : O.font) == null ? void 0 : N.size,
+              "font-size": (V = (O = i(P).labels) == null ? void 0 : O.font) == null ? void 0 : V.size,
               "legend-update-key": i(p),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3488,7 +3488,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
               "hidden-dataset-keys": i(j),
               onToggleDatasetVisibility: i(k)
             }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : pe("", !0),
-            ce(V, {
+            ce(N, {
               ref_key: "chartRef",
               ref: n,
               class: "bar-chart",
@@ -3544,53 +3544,53 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
   emits: ["update:modelValue"],
   setup(e) {
     const t = We(e, "modelValue"), n = L(null), o = g(() => {
-      var N;
-      return ((N = t.value.data) == null ? void 0 : N.xAxis) || [];
+      var V;
+      return ((V = t.value.data) == null ? void 0 : V.xAxis) || [];
     }), l = g(() => ({
       categories: o.value
     })), a = g(() => {
-      var N;
-      return ((N = t.value.data) == null ? void 0 : N.datasets) ?? [];
-    }), r = Ht("bar"), c = g(() => t.value.stackBarOverlap === !0), u = g(() => c.value === !1), m = g(() => o.value.length === 1 && a.value.some((N) => N.isCompare === !0)), M = g(() => ({
+      var V;
+      return ((V = t.value.data) == null ? void 0 : V.datasets) ?? [];
+    }), r = Ht("bar"), c = g(() => t.value.stackBarOverlap === !0), u = g(() => c.value === !1), m = g(() => o.value.length === 1 && a.value.some((V) => V.isCompare === !0)), M = g(() => ({
       ...P.value,
       stacked: u.value
     })), W = g(() => ({
       ...A.value,
       stacked: u.value
     }));
-    function x(N) {
-      const J = " - ", X = N.lastIndexOf(J);
+    function x(V) {
+      const J = " - ", X = V.lastIndexOf(J);
       return X < 0 ? {
-        clusterKey: N,
-        metricLabel: N
+        clusterKey: V,
+        metricLabel: V
       } : {
-        clusterKey: N.slice(0, X),
-        metricLabel: N.slice(X + J.length)
+        clusterKey: V.slice(0, X),
+        metricLabel: V.slice(X + J.length)
       };
     }
-    function y(N, J) {
-      if (typeof N == "string") {
-        const X = N.trim();
+    function y(V, J) {
+      if (typeof V == "string") {
+        const X = V.trim();
         if (X.length > 0)
           return X;
       }
       return `Series ${J + 1}`;
     }
     function v({
-      datasetIndex: N,
+      datasetIndex: V,
       colorIndex: J
     }) {
       var se;
-      const X = t.value.chartColorBinding === Ce.metric ? J : N, ae = (se = t.value.chartColorLayers) == null ? void 0 : se[X], de = Number(ae);
+      const X = t.value.chartColorBinding === Ce.metric ? J : V, ae = (se = t.value.chartColorLayers) == null ? void 0 : se[X], de = Number(ae);
       return Number.isInteger(de) && de > 0 ? de : X + 1;
     }
-    function w(N) {
+    function w(V) {
       return {
-        label: `__comparison_gap__${N}`,
-        tooltipLabel: `__comparison_gap__${N}`,
+        label: `__comparison_gap__${V}`,
+        tooltipLabel: `__comparison_gap__${V}`,
         data: [0],
         grouped: !0,
-        stack: `__comparison_gap__${N}`,
+        stack: `__comparison_gap__${V}`,
         backgroundColor: oo,
         borderColor: oo,
         minBarLength: 0,
@@ -3601,18 +3601,18 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
     const D = g(() => {
       if (a.value.length === 0)
         return [];
-      const N = a.value.map((re, ye) => ({
+      const V = a.value.map((re, ye) => ({
         source: re,
         index: ye,
         name: y(re == null ? void 0 : re.name, ye),
         values: (re == null ? void 0 : re.values) ?? []
       })), J = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
-      for (const re of N) {
+      for (const re of V) {
         const { clusterKey: ye, metricLabel: xe } = x(re.name);
         X.has(ye) || X.set(ye, X.size), J.has(xe) || J.set(xe, J.size);
       }
       const ae = Math.max(J.size, 1), de = t.value.chartColorBinding === Ce.breakdown, se = t.value.chartUseSecondaryMetricShades !== !1;
-      return N.map((re) => {
+      return V.map((re) => {
         var Ee;
         const ye = $t({
           datasets: a.value,
@@ -3625,7 +3625,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), { clusterKey: Ve, metricLabel: Te } = x(re.name), ut = ((Ee = N[xe]) == null ? void 0 : Ee.name) ?? re.name, { clusterKey: Qe, metricLabel: et } = x(ut), ct = Pe({
+        }), { clusterKey: Ne, metricLabel: Te } = x(re.name), ut = ((Ee = V[xe]) == null ? void 0 : Ee.name) ?? re.name, { clusterKey: Qe, metricLabel: et } = x(ut), ct = Pe({
           datasetIndex: ye,
           isCompare: !1,
           metricCount: ae,
@@ -3648,14 +3648,14 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
         }), tt = re.values.map((nt) => nt === null ? NaN : Number(nt));
         return {
           label: re.name,
-          tooltipLabel: `${Ve} - ${Te}`,
+          tooltipLabel: `${Ne} - ${Te}`,
           data: tt,
           dash: !!re.source.isCompare,
           minBarLength: void 0,
           barPercentage: m.value ? pn : void 0,
           grouped: !0,
           order: c.value ? mt : void 0,
-          stack: re.source.isCompare ? `${Ve}__compare` : `${Ve}__main`,
+          stack: re.source.isCompare ? `${Ne}__compare` : `${Ne}__main`,
           backgroundColor: ft
         };
       });
@@ -3677,38 +3677,38 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
       isLegendBeforeChart: p,
       hiddenDatasetKeys: f,
       toggleDatasetVisibility: I,
-      datasets: V
+      datasets: N
     } = Ot({
       chartRef: n,
       model: t,
       baseDatasets: D
     }), R = g(() => {
       if (!m.value)
-        return V.value;
-      const N = [];
-      return V.value.forEach((J, X) => {
-        N.push({
+        return N.value;
+      const V = [];
+      return N.value.forEach((J, X) => {
+        V.push({
           ...J,
           barPercentage: pn
         });
-        const ae = V.value[X + 1];
-        J.dash === !0 && ae && N.push(w(X));
-      }), N;
+        const ae = N.value[X + 1];
+        J.dash === !0 && ae && V.push(w(X));
+      }), V;
     }), O = g(() => ({
       display: !1,
       labels: {
-        filter: (N, J) => {
+        filter: (V, J) => {
           var X, ae;
-          return !((ae = (X = J.datasets) == null ? void 0 : X[N.datasetIndex ?? -1]) != null && ae.isSpacer);
+          return !((ae = (X = J.datasets) == null ? void 0 : X[V.datasetIndex ?? -1]) != null && ae.isSpacer);
         }
       }
     }));
-    return (N, J) => {
+    return (V, J) => {
       var ae, de, se, re, ye, xe;
       const X = ie("FmBarChart");
       return U(), le(Ae, null, [
         E("div", dl, [
-          Ze(N.$slots, "menu"),
+          Ze(V.$slots, "menu"),
           E("div", {
             class: Se(["chart-layout", {
               "chart-layout--side": i(oe) && (i(Q).display ?? !1) && i(k)
@@ -3721,7 +3721,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
               position: i(j),
               "text-color": (ae = i(Q).labels) == null ? void 0 : ae.color,
               "font-size": (se = (de = i(Q).labels) == null ? void 0 : de.font) == null ? void 0 : se.size,
-              "legend-update-key": i(V),
+              "legend-update-key": i(N),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3754,7 +3754,7 @@ const tl = /* @__PURE__ */ uo(Qr, [["render", el]]), nl = "/assets/processTableD
               position: i(j),
               "text-color": (re = i(Q).labels) == null ? void 0 : re.color,
               "font-size": (xe = (ye = i(Q).labels) == null ? void 0 : ye.font) == null ? void 0 : xe.size,
-              "legend-update-key": i(V),
+              "legend-update-key": i(N),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3824,7 +3824,7 @@ const pl = { class: "widget-content" }, hl = /* @__PURE__ */ Be({
         });
         let I = k.values;
         l.value && (I = [NaN, I[0], NaN]);
-        const V = I.map((re) => re === null ? NaN : Number(re)), R = Pe({
+        const N = I.map((re) => re === null ? NaN : Number(re)), R = Pe({
           datasetIndex: f,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -3834,12 +3834,12 @@ const pl = { class: "widget-content" }, hl = /* @__PURE__ */ Be({
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: Ce.metric
-        }), N = Pe({
+        }), V = Pe({
           datasetIndex: p,
           isCompare: k.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), J = (se = t.value.lineStyles) == null ? void 0 : se[N], X = t.value.chartColorBinding === Ce.breakdown, ae = xt({
+        }), J = (se = t.value.lineStyles) == null ? void 0 : se[V], X = t.value.chartColorBinding === Ce.breakdown, ae = xt({
           fallbackIndex: f,
           metricCount: t.value.metricCount
         }), de = X ? _t({
@@ -3857,7 +3857,7 @@ const pl = { class: "widget-content" }, hl = /* @__PURE__ */ Be({
         });
         return {
           label: k.name,
-          data: V,
+          data: N,
           dash: k.isCompare,
           lineStyle: J,
           fill: !0,
@@ -3894,7 +3894,7 @@ const pl = { class: "widget-content" }, hl = /* @__PURE__ */ Be({
       baseDatasets: W
     });
     return (k, p) => {
-      var I, V, R, O, N, J;
+      var I, N, R, O, V, J;
       const f = ie("FmLineChart");
       return U(), le(Ae, null, [
         E("div", pl, [
@@ -3910,7 +3910,7 @@ const pl = { class: "widget-content" }, hl = /* @__PURE__ */ Be({
               enabled: i(C).display ?? !1,
               position: i(P),
               "text-color": (I = i(C).labels) == null ? void 0 : I.color,
-              "font-size": (R = (V = i(C).labels) == null ? void 0 : V.font) == null ? void 0 : R.size,
+              "font-size": (R = (N = i(C).labels) == null ? void 0 : N.font) == null ? void 0 : R.size,
               "legend-update-key": i(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3943,7 +3943,7 @@ const pl = { class: "widget-content" }, hl = /* @__PURE__ */ Be({
               enabled: i(C).display ?? !1,
               position: i(P),
               "text-color": (O = i(C).labels) == null ? void 0 : O.color,
-              "font-size": (J = (N = i(C).labels) == null ? void 0 : N.font) == null ? void 0 : J.size,
+              "font-size": (J = (V = i(C).labels) == null ? void 0 : V.font) == null ? void 0 : J.size,
               "legend-update-key": i(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -4030,7 +4030,7 @@ const kl = { class: "widget-content" }, Tl = /* @__PURE__ */ Be({
         const I = $t({
           datasets: o.value,
           datasetIndex: f
-        }), V = Pe({
+        }), N = Pe({
           datasetIndex: I,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -4041,13 +4041,13 @@ const kl = { class: "widget-content" }, Tl = /* @__PURE__ */ Be({
           metricCount: t.value.metricCount,
           mode: Ce.metric
         }), O = Ye({
-          index: V,
+          index: N,
           isCompare: p.isCompare,
           customColors: t.value.chartColors
-        }), N = t.value.chartColorBinding === Ce.breakdown, J = xt({
+        }), V = t.value.chartColorBinding === Ce.breakdown, J = xt({
           fallbackIndex: I,
           metricCount: t.value.metricCount
-        }), X = N ? _t({
+        }), X = V ? _t({
           breakdownIndex: J,
           metricIndex: R,
           metricCount: t.value.metricCount,
@@ -4058,7 +4058,7 @@ const kl = { class: "widget-content" }, Tl = /* @__PURE__ */ Be({
         }) : O;
         let ae = p.values;
         a.value ? ae = o.value.map(
-          (Re, Ve) => Ve === f ? p.values[0] : NaN
+          (Re, Ne) => Ne === f ? p.values[0] : NaN
         ) : r.value && (ae = [NaN, ae[0], NaN]);
         const de = ae.map((Re) => Re === null ? NaN : Number(Re)), se = r.value || a.value, re = Pe({
           datasetIndex: f,
@@ -4105,7 +4105,7 @@ const kl = { class: "widget-content" }, Tl = /* @__PURE__ */ Be({
       baseDatasets: x
     });
     return (p, f) => {
-      var V, R, O, N, J, X;
+      var N, R, O, V, J, X;
       const I = ie("FmLineChart");
       return U(), le(Ae, null, [
         E("div", kl, [
@@ -4120,7 +4120,7 @@ const kl = { class: "widget-content" }, Tl = /* @__PURE__ */ Be({
               "chart-ref": n.value,
               enabled: i(T).display ?? !1,
               position: i(A),
-              "text-color": (V = i(T).labels) == null ? void 0 : V.color,
+              "text-color": (N = i(T).labels) == null ? void 0 : N.color,
               "font-size": (O = (R = i(T).labels) == null ? void 0 : R.font) == null ? void 0 : O.size,
               "legend-update-key": i(k),
               "chart-color-binding": t.value.chartColorBinding,
@@ -4152,7 +4152,7 @@ const kl = { class: "widget-content" }, Tl = /* @__PURE__ */ Be({
               "chart-ref": n.value,
               enabled: i(T).display ?? !1,
               position: i(A),
-              "text-color": (N = i(T).labels) == null ? void 0 : N.color,
+              "text-color": (V = i(T).labels) == null ? void 0 : V.color,
               "font-size": (X = (J = i(T).labels) == null ? void 0 : J.font) == null ? void 0 : X.size,
               "legend-update-key": i(k),
               "chart-color-binding": t.value.chartColorBinding,
@@ -4271,7 +4271,7 @@ const kl = { class: "widget-content" }, Tl = /* @__PURE__ */ Be({
   }
 });
 function Il(e) {
-  const { breakpoints: t } = Nt(), { containerRef: n, isTable: o = L(!0) } = e;
+  const { breakpoints: t } = Vt(), { containerRef: n, isTable: o = L(!0) } = e;
   let l = L(1), a = null, r = null, c = null, u = null, m = null, M = null;
   function W() {
     return n.value ? n.value.querySelector("table") : null;
@@ -4373,12 +4373,12 @@ function Il(e) {
       return;
     }
     a.style.visibility = "visible", a.style.top = `${A}px`;
-    const Q = window.getComputedStyle(n.value), oe = parseFloat(Q.paddingLeft) || 0, j = parseFloat(Q.paddingRight) || 0, k = C.left + oe, p = C.right - j, f = Math.max(k, C.left), I = Math.min(p, C.right), V = Math.max(0, I - f);
-    if (V <= 0) {
+    const Q = window.getComputedStyle(n.value), oe = parseFloat(Q.paddingLeft) || 0, j = parseFloat(Q.paddingRight) || 0, k = C.left + oe, p = C.right - j, f = Math.max(k, C.left), I = Math.min(p, C.right), N = Math.max(0, I - f);
+    if (N <= 0) {
       a.style.visibility = "hidden";
       return;
     }
-    a.style.left = `${f}px`, a.style.width = `${V}px`;
+    a.style.left = `${f}px`, a.style.width = `${N}px`;
     const R = a.querySelector("table");
     R && (R.style.width = `${r.offsetWidth}px`, R.style.marginLeft = `${P.left - f}px`);
   }
@@ -4441,7 +4441,7 @@ function Il(e) {
     a && (a.style.top = `${l.value}px`, D());
   }), Le(n, () => {
     n.value && o.value && setTimeout(y, 100);
-  }), Vt(() => {
+  }), Nt(() => {
     o.value && setTimeout(y, 100);
   }), lo(() => {
     K();
@@ -4512,12 +4512,12 @@ const Ml = {
       Array.isArray(a.chartBreakdownColors) ? [...a.chartBreakdownColors] : void 0
     ), oe = L(a.chartUseSecondaryMetricShades ?? !0), j = L(a.chartColorBinding), k = L(
       Array.isArray(a.lineStyles) ? [...a.lineStyles] : void 0
-    ), p = L(a.lineStyleBinding), f = L(a.showLabel ?? !1), I = L(a.labelAlign ?? yn.center), V = L(a.labelAnchor ?? vn.center), R = L(a.labelRotation ?? 0), O = L(a.labelOffset ?? 0), N = L(a.labelFontSize ?? 12), J = g(
+    ), p = L(a.lineStyleBinding), f = L(a.showLabel ?? !1), I = L(a.labelAlign ?? yn.center), N = L(a.labelAnchor ?? vn.center), R = L(a.labelRotation ?? 0), O = L(a.labelOffset ?? 0), V = L(a.labelFontSize ?? 12), J = g(
       () => {
         var S;
         return ((S = $e.value) == null ? void 0 : S.showSearchBar) === !0 && (Z.value.config.showSearchBar ?? !0);
       }
-    ), X = L(a.showX ?? !0), ae = L(a.xPosition ?? bn.bottom), de = L(a.showXGrid ?? !1), se = L(a.showXTick ?? !0), re = L(a.xTickFontSize ?? 12), ye = L(a.showXTitle ?? !1), xe = L(a.xTitle ?? ""), Re = L(a.xTitleFontSize ?? 12), Ve = L(a.showY ?? !0), Te = L(a.yPosition ?? Cn.left), ut = L(a.showYGrid ?? !1), Qe = L(a.showYTick ?? !0), et = L(a.yTickFontSize ?? 12), ct = L(a.showYTitle ?? !1), dt = L(a.yTitle ?? ""), ft = L(a.yTitleFontSize ?? 12), mt = L(a.showLegend ?? void 0), tt = L(a.legendPosition ?? xn.top), Ee = L(a.usePointStyle ?? !0), nt = L(a.legendFontSize), Ge = L(a.legendColor ?? "#6b6b6b"), Ut = L(a.maxTooltipItems), Kt = L(a.stackBarOverlap ?? !1), Xt = L(a.rowHeight ?? null), St = L(a.colWidths ?? null), Oe = L(!1), kt = L(""), { breakpoints: qe, getBreakpointsBoundary: ot } = Nt(), Tt = L(), we = g(
+    ), X = L(a.showX ?? !0), ae = L(a.xPosition ?? bn.bottom), de = L(a.showXGrid ?? !1), se = L(a.showXTick ?? !0), re = L(a.xTickFontSize ?? 12), ye = L(a.showXTitle ?? !1), xe = L(a.xTitle ?? ""), Re = L(a.xTitleFontSize ?? 12), Ne = L(a.showY ?? !0), Te = L(a.yPosition ?? Cn.left), ut = L(a.showYGrid ?? !1), Qe = L(a.showYTick ?? !0), et = L(a.yTickFontSize ?? 12), ct = L(a.showYTitle ?? !1), dt = L(a.yTitle ?? ""), ft = L(a.yTitleFontSize ?? 12), mt = L(a.showLegend ?? void 0), tt = L(a.legendPosition ?? xn.top), Ee = L(a.usePointStyle ?? !0), nt = L(a.legendFontSize), Ge = L(a.legendColor ?? "#6b6b6b"), Ut = L(a.maxTooltipItems), Kt = L(a.stackBarOverlap ?? !1), Xt = L(a.rowHeight ?? null), St = L(a.colWidths ?? null), Oe = L(!1), kt = L(""), { breakpoints: qe, getBreakpointsBoundary: ot } = Vt(), Tt = L(), we = g(
       () => m.customScreenWidth === void 0 ? window.innerWidth : m.customScreenWidth
     ), nn = g(
       () => (we == null ? void 0 : we.value) > ot("xs")[1] && (we == null ? void 0 : we.value) <= ot("sm")[1]
@@ -4539,7 +4539,7 @@ const Ml = {
       if (ta(Z.value.type, s.value))
         switch (o.value.widget.type) {
           case te.BarChart:
-            return Vr;
+            return Nr;
           case te.StackBarChart:
             return cl;
           case te.ClusteredStackBarChart:
@@ -4603,11 +4603,11 @@ const Ml = {
         lineStyles: k.value,
         lineStyleBinding: p.value,
         showLabel: f.value,
-        labelAnchor: V.value,
+        labelAnchor: N.value,
         labelAlign: I.value,
         labelRotation: R.value,
         labelOffset: O.value,
-        labelFontSize: N.value,
+        labelFontSize: V.value,
         showX: X.value,
         xPosition: ae.value,
         showXGrid: de.value,
@@ -4616,7 +4616,7 @@ const Ml = {
         showXTitle: ye.value,
         xTitle: xe.value,
         xTitleFontSize: Re.value,
-        showY: Ve.value,
+        showY: Ne.value,
         yPosition: Te.value,
         showYGrid: ut.value,
         showYTick: Qe.value,
@@ -4687,7 +4687,7 @@ const Ml = {
     Le(
       () => o.value.widget.config,
       (S) => {
-        v.value = S.rollup, K.value = S.showTitle ?? !0, z.value = S.titleFontSize ?? 14, C.value = S.titleBold ?? !1, T.value = S.titleItalic ?? !1, P.value = S.titleUnderline ?? !1, A.value = Array.isArray(S.chartColors) ? [...S.chartColors] : void 0, G.value = Array.isArray(S.chartColorLayers) ? [...S.chartColorLayers] : void 0, Q.value = Array.isArray(S.chartBreakdownColors) ? [...S.chartBreakdownColors] : void 0, oe.value = S.chartUseSecondaryMetricShades ?? !0, j.value = S.chartColorBinding, k.value = Array.isArray(S.lineStyles) ? [...S.lineStyles] : void 0, p.value = S.lineStyleBinding, f.value = S.showLabel ?? !1, I.value = S.labelAlign ?? yn.center, V.value = S.labelAnchor ?? vn.center, R.value = S.labelRotation ?? 0, O.value = S.labelOffset ?? 0, N.value = S.labelFontSize ?? 12, X.value = S.showX ?? !0, ae.value = S.xPosition ?? bn.bottom, de.value = S.showXGrid ?? !1, se.value = S.showXTick ?? !0, re.value = S.xTickFontSize ?? 12, ye.value = S.showXTitle ?? !1, xe.value = S.xTitle ?? "", Re.value = S.xTitleFontSize ?? 12, Ve.value = S.showY ?? !0, Te.value = S.yPosition ?? Cn.left, ut.value = S.showYGrid ?? !1, Qe.value = S.showYTick ?? !0, et.value = S.yTickFontSize ?? 12, ct.value = S.showYTitle ?? !1, dt.value = S.yTitle ?? "", ft.value = S.yTitleFontSize ?? 12, mt.value = S.showLegend ?? void 0, tt.value = S.legendPosition ?? xn.top, Ee.value = S.usePointStyle ?? !0, nt.value = S.legendFontSize, Ge.value = S.legendColor ?? "#6b6b6b", Ut.value = S.maxTooltipItems, Kt.value = S.stackBarOverlap ?? !1, Xt.value = S.rowHeight ?? null, St.value = S.colWidths ?? null, w.value = Bt();
+        v.value = S.rollup, K.value = S.showTitle ?? !0, z.value = S.titleFontSize ?? 14, C.value = S.titleBold ?? !1, T.value = S.titleItalic ?? !1, P.value = S.titleUnderline ?? !1, A.value = Array.isArray(S.chartColors) ? [...S.chartColors] : void 0, G.value = Array.isArray(S.chartColorLayers) ? [...S.chartColorLayers] : void 0, Q.value = Array.isArray(S.chartBreakdownColors) ? [...S.chartBreakdownColors] : void 0, oe.value = S.chartUseSecondaryMetricShades ?? !0, j.value = S.chartColorBinding, k.value = Array.isArray(S.lineStyles) ? [...S.lineStyles] : void 0, p.value = S.lineStyleBinding, f.value = S.showLabel ?? !1, I.value = S.labelAlign ?? yn.center, N.value = S.labelAnchor ?? vn.center, R.value = S.labelRotation ?? 0, O.value = S.labelOffset ?? 0, V.value = S.labelFontSize ?? 12, X.value = S.showX ?? !0, ae.value = S.xPosition ?? bn.bottom, de.value = S.showXGrid ?? !1, se.value = S.showXTick ?? !0, re.value = S.xTickFontSize ?? 12, ye.value = S.showXTitle ?? !1, xe.value = S.xTitle ?? "", Re.value = S.xTitleFontSize ?? 12, Ne.value = S.showY ?? !0, Te.value = S.yPosition ?? Cn.left, ut.value = S.showYGrid ?? !1, Qe.value = S.showYTick ?? !0, et.value = S.yTickFontSize ?? 12, ct.value = S.showYTitle ?? !1, dt.value = S.yTitle ?? "", ft.value = S.yTitleFontSize ?? 12, mt.value = S.showLegend ?? void 0, tt.value = S.legendPosition ?? xn.top, Ee.value = S.usePointStyle ?? !0, nt.value = S.legendFontSize, Ge.value = S.legendColor ?? "#6b6b6b", Ut.value = S.maxTooltipItems, Kt.value = S.stackBarOverlap ?? !1, Xt.value = S.rowHeight ?? null, St.value = S.colWidths ?? null, w.value = Bt();
       },
       { deep: !0, immediate: !0 }
     ), Le(
@@ -4722,7 +4722,7 @@ const Ml = {
         je();
       },
       { deep: !0 }
-    ), Vt(() => {
+    ), Nt(() => {
       je(), qe.value.sm || qe.value.md || qe.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", je)) : addEventListener("resize", je), Ie();
     }), lo(() => {
       qe.value.sm || qe.value.md || qe.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", je)) : removeEventListener("resize", je);
@@ -4781,7 +4781,7 @@ const Ml = {
       }
     })), Io = m.flat || Z.value.type === te.Spacer ? "flat" : "outlined", Mo = Z.value.type === te.Spacer ? "p-0" : "p-16", Bo = g(() => m.flat ? "w-full" : an.value);
     return (S, fe) => {
-      const Me = ie("FmTooltip"), Pt = ie("FmSearch"), cn = ie("FmCheckbox"), pt = ie("FmButton"), Ao = ie("FmSelect"), Fo = ie("FmMenuItem"), Ro = ie("FmMenu"), Vo = ie("FmForm"), No = ie("FmCircularProgress"), $o = ie("FmCard");
+      const Me = ie("FmTooltip"), Pt = ie("FmSearch"), cn = ie("FmCheckbox"), pt = ie("FmButton"), Ao = ie("FmSelect"), Fo = ie("FmMenuItem"), Ro = ie("FmMenu"), No = ie("FmForm"), Vo = ie("FmCircularProgress"), $o = ie("FmCard");
       return U(), ue($o, {
         ref_key: "tileCard",
         ref: M,
@@ -4804,12 +4804,12 @@ const Ml = {
               "tile-index": m.index
             }, {
               menu: _e(() => [
-                rn.value ? (U(), ue(Vo, {
+                rn.value ? (U(), ue(No, {
                   key: 0,
                   class: "flex items-center gap-2"
                 }, {
                   default: _e(() => {
-                    var ht, Vn, Nn;
+                    var ht, Nn, Vn;
                     return [
                       ce(Me, {
                         variant: "plain",
@@ -4851,7 +4851,7 @@ const Ml = {
                       }, null, 8, ["modelValue"]), [
                         [Yo, (ht = $e.value) == null ? void 0 : ht.showLabel]
                       ]),
-                      (Vn = $e.value) != null && Vn.showDrillDimension && be.value.length > 0 ? (U(), le("div", Al, [
+                      (Nn = $e.value) != null && Nn.showDrillDimension && be.value.length > 0 ? (U(), le("div", Al, [
                         ce(pt, {
                           icon: "arrow_upward",
                           variant: "tertiary",
@@ -4865,7 +4865,7 @@ const Ml = {
                           onClick: un
                         }, null, 8, ["disabled"])
                       ])) : pe("", !0),
-                      (Nn = $e.value) != null && Nn.showRollup && ve.value.length > 0 ? (U(), ue(Ao, {
+                      (Vn = $e.value) != null && Vn.showRollup && ve.value.length > 0 ? (U(), ue(Ao, {
                         key: `rollup-${i(u)}`,
                         modelValue: v.value,
                         "onUpdate:modelValue": fe[3] || (fe[3] = (Xe) => v.value = Xe),
@@ -4898,7 +4898,7 @@ const Ml = {
               ]),
               _: 1
             }, 8, ["modelValue", "tile-index"]))
-          ])) : (U(), ue(No, { key: 1 }))
+          ])) : (U(), ue(Vo, { key: 1 }))
         ]),
         _: 1
       }, 8, ["class", "variant", "style"]);