@feedmepos/mf-report 5.25.6-beta.0 → 5.25.7-beta.0

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-BhBoyM4q.js → DynamicWidget.vue_vue_type_script_setup_true_lang-DJ6rvvHv.js}

@@ -1,7 +1,7 @@
-import { computed as x, defineComponent as Fe, ref as P, onMounted as ut, onBeforeUnmount as ao, resolveComponent as de, createBlock as me, openBlock as J, Transition as Ho, withCtx as Te, createElementBlock as ue, createCommentVNode as ge, createElementVNode as ne, unref as a, normalizeStyle as Le, withModifiers as Zt, toDisplayString as Be, createVNode as ce, Fragment as Ve, renderList as $t, normalizeClass as De, watch as Pe, nextTick as it, mergeModels as Ue, useModel as He, renderSlot as Qe, h as Gt, createSlots as Wo, resolveDynamicComponent as ro, toRaw as Oo, markRaw as Eo, createTextVNode as Uo, onUnmounted as lo, withDirectives as Ko, vShow as Xo } from "vue";
-import { W as oe, i as so, j as Yo, S as Rt, v as Nt, k as qo, l as dn, m as io, d as Go, q as jo, R as yt, n as Jo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Dg-2QRDD.js";
-import { i as Qt, a as nn, u as uo } from "./app-BVf1wKAD.js";
-import { d as gn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-87Y5RtaZ.js";
+import { computed as x, defineComponent as Fe, ref as P, onMounted as ut, onBeforeUnmount as ao, resolveComponent as de, createBlock as me, openBlock as J, Transition as Ho, withCtx as Te, createElementBlock as ue, createCommentVNode as ge, createElementVNode as ne, unref as a, normalizeStyle as Le, withModifiers as Zt, toDisplayString as Be, createVNode as ce, Fragment as Ve, renderList as Nt, normalizeClass as De, watch as Pe, nextTick as it, mergeModels as Ue, useModel as He, renderSlot as Qe, h as Gt, createSlots as Wo, resolveDynamicComponent as ro, toRaw as Oo, markRaw as Eo, createTextVNode as Uo, onUnmounted as lo, withDirectives as Ko, vShow as Xo } from "vue";
+import { W as oe, i as so, j as Yo, S as Rt, v as $t, k as qo, l as dn, m as io, d as Go, q as jo, R as yt, n as Jo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-BgRqSRmF.js";
+import { i as Qt, a as nn, u as uo } from "./app-CuihnbMq.js";
+import { d as gn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DNA5N91t.js";
 import { storeToRefs as xt, defineStore as Zo } from "pinia";
 import { detectLocale as co } from "@feedmepos/mf-common";
 import { C as vn } from "./chart-DDDh8zNk.js";
@@ -562,7 +562,7 @@ function Fa(e, n, t) {
   const o = Ft(e.borderColor, n) || Ft(e.color, n), r = Ft(e.backgroundColor, n), i = Ft(e.pointBorderColor, n), s = Ft(e.pointBackgroundColor, n);
   return t ? Un(r, s, o, i) : Un(o, i, r, s);
 }
-function Na(e) {
+function $a(e) {
   return e.trim().toLowerCase();
 }
 function Ft(e, n) {
@@ -572,7 +572,7 @@ function Ft(e, n) {
     return typeof t == "string" ? t : void 0;
   }
 }
-function $a(e) {
+function Na(e) {
   if (typeof e != "string") return "#9ca3af";
   const n = e.trim();
   return /^[-#(),.%\sa-zA-Z0-9]+$/.test(n) ? n : "#9ca3af";
@@ -584,7 +584,7 @@ function Va(e) {
 function Un(...e) {
   for (const n of e) {
     if (!n) continue;
-    const t = $a(n);
+    const t = Na(n);
     if (!Va(t))
       return t;
   }
@@ -680,7 +680,7 @@ function _o(e, n, t, o, r, i, s, c) {
       isBar: j,
       value: G,
       datasetLabel: K,
-      matchingKey: Na(K)
+      matchingKey: $a(K)
     };
     if (H && Ia(M)) {
       p.push(Y);
@@ -966,7 +966,7 @@ function ar(e, n, t) {
       An(e, t);
       return;
     }
-    $e(e, n, !0);
+    Ne(e, n, !0);
   }, window.addEventListener(Dn, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
 }
 function rr(e, n) {
@@ -1011,12 +1011,12 @@ function qn(e, n, t, o, r) {
     );
   }));
 }
-function $e(e, n, t = !1) {
+function Ne(e, n, t = !1) {
   St(e) && !t || (kt(e), Lo(e), wo(e, !1), Wa(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", en(n));
 }
 function Gn(e, n, t = xa) {
   e.__isTooltipHovered || (kt(e), e.__hideTimeoutId = window.setTimeout(() => {
-    e.__isTooltipHovered || $e(e, n);
+    e.__isTooltipHovered || Ne(e, n);
   }, t));
 }
 function ir(e, n, t, o, r) {
@@ -1047,7 +1047,7 @@ function ir(e, n, t, o, r) {
   }, n.addEventListener("pointermove", e.__onCanvasPointerMove, {
     passive: !0
   })), e.__onCanvasPointerLeave || (e.__onCanvasPointerLeave = () => {
-    st() && St(e) || $e(e, t);
+    st() && St(e) || Ne(e, t);
   }, n.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
     passive: !0
   })), e.__onCanvasClick || (e.__onCanvasClick = (s) => {
@@ -1070,7 +1070,7 @@ function ir(e, n, t, o, r) {
         S,
         D
       ).detailsPayload;
-      return (I = r.onViewFullDetails) == null || I.call(r, f, t), $e(e, t), !0;
+      return (I = r.onViewFullDetails) == null || I.call(r, f, t), Ne(e, t), !0;
     }, d = ((w = t == null ? void 0 : t.tooltip) == null ? void 0 : w.dataPoints) ?? [];
     if (c(d))
       return;
@@ -1128,7 +1128,7 @@ function ir(e, n, t, o, r) {
         index: F.index
       }));
       if (H.length === 0) {
-        $e(e, t, !0);
+        Ne(e, t, !0);
         return;
       }
       const y = H[0], p = Ea(
@@ -1137,7 +1137,7 @@ function ir(e, n, t, o, r) {
         y.index
       ), k = Number.isFinite(e.__lastPhoneTapAt), w = p && Ua(e, s.offsetX, s.offsetY, s.timeStamp);
       if (k && !w && p) {
-        $e(e, t, !0);
+        Ne(e, t, !0);
         return;
       }
       wo(e, !0), kt(e), e.dataset.cursorCanvasX = String(s.offsetX), e.dataset.cursorCanvasY = String(s.offsetY), e.dataset.caretX = String(s.offsetX), e.dataset.caretY = String(s.offsetY), d.setActiveElements(H, {
@@ -1150,7 +1150,7 @@ function ir(e, n, t, o, r) {
         return;
       }
       if (w && (r != null && r.onViewFullDetails) && e.__detailsPayload) {
-        r.onViewFullDetails(e.__detailsPayload, t), $e(e, t);
+        r.onViewFullDetails(e.__detailsPayload, t), Ne(e, t);
         return;
       }
       Oa(
@@ -1167,11 +1167,11 @@ function ir(e, n, t, o, r) {
   }, n.addEventListener("pointerup", e.__onCanvasPointerUp)), r != null && r.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (s) => {
     var v;
     const c = s.target;
-    c != null && c.closest('[data-tooltip-full-details="true"]') && (s.preventDefault(), s.stopPropagation(), e.__detailsPayload && ((v = r.onViewFullDetails) == null || v.call(r, e.__detailsPayload, t), $e(e, t)));
+    c != null && c.closest('[data-tooltip-full-details="true"]') && (s.preventDefault(), s.stopPropagation(), e.__detailsPayload && ((v = r.onViewFullDetails) == null || v.call(r, e.__detailsPayload, t), Ne(e, t)));
   }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
     e.__isTooltipHovered = !0, kt(e);
   }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
-    e.__isTooltipHovered = !1, $e(e, t);
+    e.__isTooltipHovered = !1, Ne(e, t);
   }, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
 }
 function ur(e, n, t) {
@@ -1215,14 +1215,14 @@ function cr(e, n) {
     if (d || (d = er(c)), d.parentElement !== s && s.appendChild(d), In(d, s), ur(d, i, e), ar(d, o, i), rr(d, i), ir(d, i, o, e, n), ((r == null ? void 0 : r.opacity) ?? 0) === 0) {
       if (st() && St(d))
         return;
-      n != null && n.onViewFullDetails ? Gn(d, o) : $e(d, o);
+      n != null && n.onViewFullDetails ? Gn(d, o) : Ne(d, o);
       return;
     }
     const v = (r == null ? void 0 : r.dataPoints) ?? [];
     if (v.length === 0) {
       if (st() && St(d))
         return;
-      n != null && n.onViewFullDetails ? Gn(d, o) : $e(d, o);
+      n != null && n.onViewFullDetails ? Gn(d, o) : Ne(d, o);
       return;
     }
     lr(s, c, i), kt(d);
@@ -1251,8 +1251,8 @@ function cr(e, n) {
         return z;
       if (!Number.isFinite(z))
         return O;
-      const N = Number.isFinite(L) ? L : g, X = Math.abs(z - N);
-      return Math.abs(O - N) > X ? O : z;
+      const $ = Number.isFinite(L) ? L : g, X = Math.abs(z - $);
+      return Math.abs(O - $) > X ? O : z;
     }, Number.NaN) : Number.NaN, u = S, I = B, M = e ? Number.isFinite(L) && Number.isFinite(A) && A < L ? "left" : "right" : "center";
     Bn(
       d,
@@ -1570,12 +1570,12 @@ const fr = {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
                 onMouseleave: p
               }, [
-                (J(!0), ue(Ve, null, $t(v.value, (K, G) => (J(), ue("div", {
+                (J(!0), ue(Ve, null, Nt(v.value, (K, G) => (J(), ue("div", {
                   key: `${K.title || "section"}-${G}`,
                   class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
                 }, [
                   K.title ? (J(), ue("p", vr, Be(K.title), 1)) : ge("", !0),
-                  (J(!0), ue(Ve, null, $t(K.values, (j, Y) => (J(), ue("button", {
+                  (J(!0), ue(Ve, null, Nt(K.values, (j, Y) => (J(), ue("button", {
                     key: `${j.text}-${Y}`,
                     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",
@@ -1702,7 +1702,7 @@ const fr = {
     function O() {
       b();
     }
-    function N(l) {
+    function $(l) {
       const m = y.value, h = H.value;
       if (!m || !h || !k.value)
         return;
@@ -1721,7 +1721,7 @@ const fr = {
       const h = l.clientY - S.value, C = Math.max(1, m.clientHeight - w.value), E = Math.min(C, Math.max(0, B.value + h)) / C, Z = Math.max(0, m.scrollHeight - m.clientHeight);
       m.scrollTop = E * Z, b();
     }
-    function $() {
+    function N() {
       g.value && (g.value = !1);
     }
     function te() {
@@ -1998,7 +1998,7 @@ const fr = {
       const l = (m = t.chartRef) == null ? void 0 : m.datasets;
       return Array.isArray(l) ? l : [];
     }
-    function Ne(l, m) {
+    function $e(l, m) {
       return typeof l.datasetKey == "string" && l.datasetKey.trim().length > 0 ? `dataset-key:${l.datasetKey}` : typeof l.datasetIndex == "number" && typeof l.index == "number" ? `dataset:${l.datasetIndex}-item:${l.index}` : typeof l.datasetIndex == "number" ? `dataset:${l.datasetIndex}` : typeof l.index == "number" ? `item:${l.index}` : typeof l.text == "string" && l.text.trim().length > 0 ? `text:${l.text.trim()}` : `fallback:${m}`;
     }
     function ot() {
@@ -2236,7 +2236,7 @@ const fr = {
             const he = Q[re];
             he && typeof he == "object" && (he.hidden = ve);
           }), Bt(
-            (re) => Ne(re, 0) === Ne(l, 0),
+            (re) => $e(re, 0) === $e(l, 0),
             ve
           );
         }
@@ -2251,7 +2251,7 @@ const fr = {
           const Ce = Q[he];
           Ce && typeof Ce == "object" && (Ce.hidden = !re);
         }), h.update(), Bt(
-          (he) => Ne(he, 0) === Ne(l, 0),
+          (he) => $e(he, 0) === $e(l, 0),
           !re
         );
       }
@@ -2263,7 +2263,7 @@ const fr = {
       d.value = !1, y.value && (y.value.scrollTop = 0), Ye();
     }
     return ut(() => {
-      qt(), window.addEventListener("mousemove", q), window.addEventListener("mouseup", $);
+      qt(), window.addEventListener("mousemove", q), window.addEventListener("mouseup", N);
     }), Pe(
       () => [
         t.enabled,
@@ -2276,7 +2276,7 @@ const fr = {
         Ge();
       }
     ), ao(() => {
-      g.value = !1, j(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", $);
+      g.value = !1, j(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", N);
     }), (l, m) => D.value ? (J(), ue("div", {
       key: 0,
       ref_key: "legendPanelRef",
@@ -2309,8 +2309,8 @@ const fr = {
           style: Le(qe.value),
           onScroll: O
         }, [
-          (J(!0), ue(Ve, null, $t(Mt.value, (h, C) => (J(), ue("li", {
-            key: Ne(h, C),
+          (J(!0), ue(Ve, null, Nt(Mt.value, (h, C) => (J(), ue("li", {
+            key: $e(h, C),
             class: De(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
               "opacity-45": h.hidden
             }]),
@@ -2356,7 +2356,7 @@ const fr = {
         A.value ? (J(), ue("div", {
           key: 0,
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
-          onMousedown: N
+          onMousedown: $
         }, [
           ne("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
@@ -2522,28 +2522,28 @@ const Ar = { class: "widget-content" }, Rr = 2, mn = 1, to = "rgba(0, 0, 0, 0)",
     }
     const W = x(() => r.value.length > 0 ? [
       ...r.value.map((b, O) => {
-        const N = Ht({
+        const $ = Ht({
           datasets: r.value,
           datasetIndex: O
         }), X = Ie({
-          datasetIndex: N,
+          datasetIndex: $,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
         }), q = Ie({
-          datasetIndex: N,
+          datasetIndex: $,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: xe.metric
         });
-        let $ = b.values;
-        s.value && ($ = r.value.map(
+        let N = b.values;
+        s.value && (N = r.value.map(
           (se, ye) => ye === O ? b.values[0] : NaN
         ));
         const te = t.value.chartColorBinding === xe.breakdown, ae = _t({
-          fallbackIndex: N,
+          fallbackIndex: $,
           metricCount: t.value.metricCount
-        }), le = $.map((se) => se === null ? NaN : Number(se));
+        }), le = N.map((se) => se === null ? NaN : Number(se));
         return {
           label: b.name,
           data: le,
@@ -2595,26 +2595,26 @@ const Ar = { class: "widget-content" }, Rr = 2, mn = 1, to = "rgba(0, 0, 0, 0)",
       if (!d.value)
         return Y.value;
       const b = [];
-      return Y.value.forEach((O, N) => {
+      return Y.value.forEach((O, $) => {
         b.push({
           ...O,
           barPercentage: mn
         });
-        const X = Y.value[N + 1];
-        O.dash === !0 && X && b.push(R(N));
+        const X = Y.value[$ + 1];
+        O.dash === !0 && X && b.push(R($));
       }), b;
     }), _ = x(() => ({
       display: !1,
       labels: {
         filter: (b, O) => {
-          var N, X;
-          return !((X = (N = O.datasets) == null ? void 0 : N[b.datasetIndex ?? -1]) != null && X.isSpacer);
+          var $, X;
+          return !((X = ($ = O.datasets) == null ? void 0 : $[b.datasetIndex ?? -1]) != null && X.isSpacer);
         }
       }
     }));
     return (b, O) => {
-      var X, q, $, te, ae, le;
-      const N = de("FmBarChart");
+      var X, q, N, te, ae, le;
+      const $ = de("FmBarChart");
       return J(), ue(Ve, null, [
         ne("div", Ar, [
           Qe(b.$slots, "menu"),
@@ -2630,7 +2630,7 @@ const Ar = { class: "widget-content" }, Rr = 2, mn = 1, to = "rgba(0, 0, 0, 0)",
               position: a(I),
               "max-width": a(f).maxWidth,
               "text-color": (X = a(f).labels) == null ? void 0 : X.color,
-              "font-size": ($ = (q = a(f).labels) == null ? void 0 : q.font) == null ? void 0 : $.size,
+              "font-size": (N = (q = a(f).labels) == null ? void 0 : q.font) == null ? void 0 : N.size,
               "legend-update-key": a(Y),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2641,7 +2641,7 @@ const Ar = { class: "widget-content" }, Rr = 2, mn = 1, to = "rgba(0, 0, 0, 0)",
               "hidden-dataset-keys": a(G),
               onToggleDatasetVisibility: a(j)
             }, null, 8, ["chart-ref", "enabled", "position", "max-width", "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"])) : ge("", !0),
-            ce(N, {
+            ce($, {
               ref_key: "chartRef",
               ref: o,
               class: "bar-chart",
@@ -2690,7 +2690,7 @@ const Ar = { class: "widget-content" }, Rr = 2, mn = 1, to = "rgba(0, 0, 0, 0)",
       ], 64);
     };
   }
-}), Nr = { class: "widget-content" }, $r = /* @__PURE__ */ Fe({
+}), $r = { class: "widget-content" }, Nr = /* @__PURE__ */ Fe({
   __name: "WidgetCircular",
   props: /* @__PURE__ */ Ue({
     tileIndex: {}
@@ -2762,7 +2762,7 @@ const Ar = { class: "widget-content" }, Rr = 2, mn = 1, to = "rgba(0, 0, 0, 0)",
     }
     return (u, I) => {
       const M = de("FmPieChart");
-      return J(), ue("div", Nr, [
+      return J(), ue("div", $r, [
         Qe(u.$slots, "menu"),
         ne("div", {
           class: De(["chart-layout", {
@@ -3021,11 +3021,11 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
     const L = f.getBoundingClientRect().width || 60, A = f.querySelector("button"), u = (A == null ? void 0 : A.querySelector("span")) || f.querySelector("p") || f;
     let I = 60;
     if (u) {
-      const z = u.textContent || "", _ = window.getComputedStyle(u), b = `${_.fontWeight} ${_.fontSize} ${_.fontFamily}`, N = document.createElement("canvas").getContext("2d");
-      if (N) {
-        N.font = b;
-        const X = N.measureText(z), q = window.getComputedStyle(f), $ = parseFloat(q.paddingLeft || "0"), te = parseFloat(q.paddingRight || "0");
-        I = X.width + $ + te;
+      const z = u.textContent || "", _ = window.getComputedStyle(u), b = `${_.fontWeight} ${_.fontSize} ${_.fontFamily}`, $ = document.createElement("canvas").getContext("2d");
+      if ($) {
+        $.font = b;
+        const X = $.measureText(z), q = window.getComputedStyle(f), N = parseFloat(q.paddingLeft || "0"), te = parseFloat(q.paddingRight || "0");
+        I = X.width + N + te;
       }
     }
     R(S, !1);
@@ -3035,8 +3035,8 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
       const z = f;
       z.style.width = `${K}px`;
       let _ = 0;
-      D.querySelectorAll("th").forEach((O, N) => {
-        _ += N === S ? K : O.getBoundingClientRect().width;
+      D.querySelectorAll("th").forEach((O, $) => {
+        _ += $ === S ? K : O.getBoundingClientRect().width;
       }), D.classList.remove("w-full"), D.style.width = `${_}px`, M = null;
     }, j = (z) => {
       const _ = z.clientX - B;
@@ -3100,7 +3100,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
       d();
     }
   };
-}), Gr = "/assets/processTableData.worker-CNwOO2hz.js", jr = { class: "my-4" }, Jr = {
+}), Gr = "/assets/processTableData.worker-DTnbVu-a.js", jr = { class: "my-4" }, Jr = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
 }, Zr = { class: "font-bold" }, Qr = { class: "text-fm-color-neutral-gray-300" }, el = /* @__PURE__ */ Fe({
@@ -3132,27 +3132,27 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
           return Je.bottom;
       }
     }), f = x(() => {
-      const N = D.value !== void 0 ? 1 : 0, X = (w.value ? w.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((X - 34.5 - 32) / 48) - N;
+      const $ = D.value !== void 0 ? 1 : 0, X = (w.value ? w.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((X - 34.5 - 32) / 48) - $;
     }), L = x(() => {
       var b, O;
       let _ = [];
       switch (D.value) {
         case Je.top:
-          _ = [...((b = g.value[0]) == null ? void 0 : b.cells) || []].map((N, X) => {
+          _ = [...((b = g.value[0]) == null ? void 0 : b.cells) || []].map(($, X) => {
             var q;
             return {
-              main: N,
+              main: $,
               comparison: (q = g.value[0]) == null ? void 0 : q.comparisonCells[X],
               rowType: F.value[X].type
             };
           });
           break;
         case Je.bottom:
-          _ = [...((O = g.value[g.value.length - 1]) == null ? void 0 : O.cells) || []].map((N, X) => {
+          _ = [...((O = g.value[g.value.length - 1]) == null ? void 0 : O.cells) || []].map(($, X) => {
             var q;
             return {
-              main: N,
+              main: $,
               comparison: (q = g.value[g.value.length - 1]) == null ? void 0 : q.comparisonCells[X],
               rowType: F.value[X].type
             };
@@ -3190,7 +3190,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
         key: q.key,
         type: q.type,
         label: q.label
-      })), N = {
+      })), $ = {
         rows: b,
         columns: O,
         filter: S.value ?? "",
@@ -3201,7 +3201,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
         grandTotalPosition: D.value,
         pageSize: f.value
       };
-      qo(Gr, N).then((q) => {
+      qo(Gr, $).then((q) => {
         _ === I && (q != null && q.error ? (c.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(q.error), u.value = []) : u.value = Eo(q.data || []));
       });
     }
@@ -3213,8 +3213,8 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
       { immediate: !0, deep: !0 }
     );
     const G = x(() => {
-      var O, N;
-      const _ = ((O = o.value.data) == null ? void 0 : O.rows) || [], b = ((N = o.value.data) == null ? void 0 : N.columns) || [];
+      var O, $;
+      const _ = ((O = o.value.data) == null ? void 0 : O.rows) || [], b = (($ = o.value.data) == null ? void 0 : $.columns) || [];
       return JSON.stringify({
         rowsLength: _.length,
         columns: b.map((X) => ({ key: X.key, type: X.type, label: X.label })),
@@ -3247,11 +3247,11 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
     ), z = x(() => {
       var _;
       return (_ = o.value.data) != null && _.columns ? o.value.data.columns.map((b) => {
-        const O = lt(n, t, b.label, "other"), N = v.value.find(($) => $.key === b.key), X = !!N, q = X ? N.type === Rt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        const O = lt(n, t, b.label, "other"), $ = v.value.find((N) => N.key === b.key), X = !!$, q = X ? $.type === Rt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
           accessorKey: b.key,
           header: () => {
-            const $ = de("FmIcon");
+            const N = de("FmIcon");
             return Gt(
               "button",
               {
@@ -3265,7 +3265,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
                   { class: `${b.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
                   O
                 ),
-                Gt($, {
+                Gt(N, {
                   name: q,
                   color: X ? "primary" : "neutral-gray-400",
                   size: "sm",
@@ -3275,9 +3275,9 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
               ]
             );
           },
-          cell: ($) => {
+          cell: (N) => {
             var le, se;
-            const te = A($.getValue()), ae = (se = (le = $ == null ? void 0 : $.row) == null ? void 0 : le.original) == null ? void 0 : se.isRollup;
+            const te = A(N.getValue()), ae = (se = (le = N == null ? void 0 : N.row) == null ? void 0 : le.original) == null ? void 0 : se.isRollup;
             return Gt(
               "div",
               {
@@ -3309,9 +3309,9 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
         const b = _.querySelector("table");
         if (!b) return;
         b.classList.add(Y.value ? "table-fixed" : "table-auto");
-        let O, N;
-        R.value ? (k(), O = W.value, N = H.value) : (N = o.value.rowHeight, O = o.value.colWidths), typeof N == "number" && p(N, _), O == null || O.forEach((q, $) => {
-          y($, q, _);
+        let O, $;
+        R.value ? (k(), O = W.value, $ = H.value) : ($ = o.value.rowHeight, O = o.value.colWidths), typeof $ == "number" && p($, _), O == null || O.forEach((q, N) => {
+          y(N, q, _);
         });
       },
       { immediate: !0 }
@@ -3340,19 +3340,19 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
               (J(), me(ro(D.value === a(Je).bottom ? "tfoot" : "tbody"), null, {
                 default: Te(() => [
                   ne("tr", Jr, [
-                    (J(!0), ue(Ve, null, $t(L.value, (N, X) => (J(), ue("td", {
-                      key: `${a(Nt)()}_${X}`,
+                    (J(!0), ue(Ve, null, Nt(L.value, ($, X) => (J(), ue("td", {
+                      key: `${a($t)()}_${X}`,
                       class: "h-[48px] text-fm-color-typo-primary px-16"
                     }, [
                       ne("span", {
                         class: De([
                           "items-center text-fm-color-typo-secondary gap-2",
-                          N.rowType === "NUMERIC" ? "text-right" : "",
+                          $.rowType === "NUMERIC" ? "text-right" : "",
                           Y.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                         ])
                       }, [
-                        ne("p", Zr, Be(N.rowType === "NUMERIC" ? a(tn)(N.main) : N.main), 1),
-                        ne("p", Qr, Be(N.comparison ? N.rowType === "NUMERIC" ? `(${a(tn)(N.comparison)})` : `(${N.comparison})` : ""), 1)
+                        ne("p", Zr, Be($.rowType === "NUMERIC" ? a(tn)($.main) : $.main), 1),
+                        ne("p", Qr, Be($.comparison ? $.rowType === "NUMERIC" ? `(${a(tn)($.comparison)})` : `(${$.comparison})` : ""), 1)
                       ], 2)
                     ]))), 128))
                   ])
@@ -3394,33 +3394,33 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
       colorIndex: b,
       breakdownIndex: O
     }) {
-      var $;
-      const N = t.value.chartColorBinding === xe.metric ? b : t.value.chartColorBinding === xe.breakdown ? O : _, X = ($ = t.value.chartColorLayers) == null ? void 0 : $[N], q = Number(X);
-      return Number.isInteger(q) && q > 0 ? q : N + 1;
+      var N;
+      const $ = t.value.chartColorBinding === xe.metric ? b : t.value.chartColorBinding === xe.breakdown ? O : _, X = (N = t.value.chartColorLayers) == null ? void 0 : N[$], q = Number(X);
+      return Number.isInteger(q) && q > 0 ? q : $ + 1;
     }
     const H = x(() => {
       if (i.value.length > 0) {
         const _ = i.value.map((b, O) => {
-          const N = Ht({
+          const $ = Ht({
             datasets: i.value,
             datasetIndex: O
           }), X = Ie({
-            datasetIndex: N,
+            datasetIndex: $,
             isCompare: !1,
             metricCount: t.value.metricCount,
             mode: t.value.chartColorBinding
           }), q = Ie({
-            datasetIndex: N,
+            datasetIndex: $,
             isCompare: !1,
             metricCount: t.value.metricCount,
             mode: xe.metric
-          }), $ = _t({
-            fallbackIndex: N,
+          }), N = _t({
+            fallbackIndex: $,
             metricCount: t.value.metricCount
           }), te = W({
-            datasetIndex: N,
+            datasetIndex: $,
             colorIndex: X,
-            breakdownIndex: $
+            breakdownIndex: N
           }), le = b.values.map((se) => se === null ? NaN : Number(se));
           return {
             dataset: {
@@ -3431,7 +3431,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
               grouped: c.value ? !1 : void 0,
               order: c.value ? te : void 0,
               backgroundColor: t.value.chartColorBinding === xe.breakdown ? Lt({
-                breakdownIndex: $,
+                breakdownIndex: N,
                 metricIndex: q,
                 metricCount: t.value.metricCount,
                 isCompare: b.isCompare,
@@ -3477,7 +3477,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
       tileIndex: n.tileIndex
     });
     return (_, b) => {
-      var N, X, q, $, te, ae;
+      var $, X, q, N, te, ae;
       const O = de("FmBarChart");
       return J(), ue(Ve, null, [
         ne("div", tl, [
@@ -3493,7 +3493,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
               enabled: a(L).display ?? !1,
               position: a(M),
               "max-width": a(L).maxWidth,
-              "text-color": (N = a(L).labels) == null ? void 0 : N.color,
+              "text-color": ($ = a(L).labels) == null ? void 0 : $.color,
               "font-size": (q = (X = a(L).labels) == null ? void 0 : X.font) == null ? void 0 : q.size,
               "legend-update-key": a(z),
               "use-point-style": t.value.usePointStyle ?? !0,
@@ -3533,7 +3533,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
               enabled: a(L).display ?? !1,
               position: a(M),
               "max-width": a(L).maxWidth,
-              "text-color": ($ = a(L).labels) == null ? void 0 : $.color,
+              "text-color": (N = a(L).labels) == null ? void 0 : N.color,
               "font-size": (ae = (te = a(L).labels) == null ? void 0 : te.font) == null ? void 0 : ae.size,
               "legend-update-key": a(z),
               "use-point-style": t.value.usePointStyle ?? !0,
@@ -3568,51 +3568,51 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
   emits: ["update:modelValue"],
   setup(e) {
     const n = e, t = He(e, "modelValue"), o = P(null), r = x(() => {
-      var $;
-      return (($ = t.value.data) == null ? void 0 : $.xAxis) || [];
+      var N;
+      return ((N = t.value.data) == null ? void 0 : N.xAxis) || [];
     }), i = x(() => {
-      var $;
-      return (($ = t.value.data) == null ? void 0 : $.datasets) ?? [];
-    }), s = Ot("bar"), c = x(() => t.value.stackBarOverlap === !0), d = x(() => c.value === !1), v = x(() => r.value.length === 1 && i.value.some(($) => $.isCompare === !0)), R = x(() => ({
+      var N;
+      return ((N = t.value.data) == null ? void 0 : N.datasets) ?? [];
+    }), s = Ot("bar"), c = x(() => t.value.stackBarOverlap === !0), d = x(() => c.value === !1), v = x(() => r.value.length === 1 && i.value.some((N) => N.isCompare === !0)), R = x(() => ({
       ...A.value,
       stacked: d.value
     })), W = x(() => ({
       ...u.value,
       stacked: d.value
     }));
-    function H($) {
-      const te = " - ", ae = $.lastIndexOf(te);
+    function H(N) {
+      const te = " - ", ae = N.lastIndexOf(te);
       return ae < 0 ? {
-        clusterKey: $,
-        metricLabel: $
+        clusterKey: N,
+        metricLabel: N
       } : {
-        clusterKey: $.slice(0, ae),
-        metricLabel: $.slice(ae + te.length)
+        clusterKey: N.slice(0, ae),
+        metricLabel: N.slice(ae + te.length)
       };
     }
-    function y($, te) {
-      if (typeof $ == "string") {
-        const ae = $.trim();
+    function y(N, te) {
+      if (typeof N == "string") {
+        const ae = N.trim();
         if (ae.length > 0)
           return ae;
       }
       return `Series ${te + 1}`;
     }
     function p({
-      datasetIndex: $,
+      datasetIndex: N,
       colorIndex: te
     }) {
       var ye;
-      const ae = t.value.chartColorBinding === xe.metric ? te : $, le = (ye = t.value.chartColorLayers) == null ? void 0 : ye[ae], se = Number(le);
+      const ae = t.value.chartColorBinding === xe.metric ? te : N, le = (ye = t.value.chartColorLayers) == null ? void 0 : ye[ae], se = Number(le);
       return Number.isInteger(se) && se > 0 ? se : ae + 1;
     }
-    function k($) {
+    function k(N) {
       return {
-        label: `__comparison_gap__${$}`,
-        tooltipLabel: `__comparison_gap__${$}`,
+        label: `__comparison_gap__${N}`,
+        tooltipLabel: `__comparison_gap__${N}`,
         data: [0],
         grouped: !0,
-        stack: `__comparison_gap__${$}`,
+        stack: `__comparison_gap__${N}`,
         backgroundColor: oo,
         borderColor: oo,
         minBarLength: 0,
@@ -3623,19 +3623,19 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
     const w = x(() => {
       if (i.value.length === 0)
         return [];
-      const $ = i.value.map((ie, be) => ({
+      const N = i.value.map((ie, be) => ({
         source: ie,
         index: be,
         name: y(ie == null ? void 0 : ie.name, be),
         values: (ie == null ? void 0 : ie.values) ?? []
       })), te = /* @__PURE__ */ new Map(), ae = /* @__PURE__ */ new Map();
-      for (const ie of $) {
+      for (const ie of N) {
         const { clusterKey: be, metricLabel: Se } = H(ie.name);
         ae.has(be) || ae.set(be, ae.size), te.has(Se) || te.set(Se, te.size);
       }
       const le = Math.max(te.size, 1), se = t.value.chartColorBinding === xe.breakdown, ye = t.value.chartUseSecondaryMetricShades !== !1;
-      return $.map((ie) => {
-        var Ne;
+      return N.map((ie) => {
+        var $e;
         const be = Ht({
           datasets: i.value,
           datasetIndex: ie.index
@@ -3647,7 +3647,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), { clusterKey: Ke, metricLabel: Xe } = H(ie.name), et = ((Ne = $[Se]) == null ? void 0 : Ne.name) ?? ie.name, { clusterKey: Dt, metricLabel: dt } = H(et), ft = Ie({
+        }), { clusterKey: Ke, metricLabel: Xe } = H(ie.name), et = (($e = N[Se]) == null ? void 0 : $e.name) ?? ie.name, { clusterKey: Dt, metricLabel: dt } = H(et), ft = Ie({
           datasetIndex: be,
           isCompare: !1,
           metricCount: le,
@@ -3701,7 +3701,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
       isLegendBeforeChart: _,
       hiddenDatasetKeys: b,
       toggleDatasetVisibility: O,
-      datasets: N
+      datasets: $
     } = Ut({
       chartRef: o,
       model: t,
@@ -3709,31 +3709,31 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
       tileIndex: n.tileIndex
     }), X = x(() => {
       if (!v.value)
-        return N.value;
-      const $ = [];
-      return N.value.forEach((te, ae) => {
-        $.push({
+        return $.value;
+      const N = [];
+      return $.value.forEach((te, ae) => {
+        N.push({
           ...te,
           barPercentage: pn
         });
-        const le = N.value[ae + 1];
-        te.dash === !0 && le && $.push(k(ae));
-      }), $;
+        const le = $.value[ae + 1];
+        te.dash === !0 && le && N.push(k(ae));
+      }), N;
     }), q = x(() => ({
       display: !1,
       labels: {
-        filter: ($, te) => {
+        filter: (N, te) => {
           var ae, le;
-          return !((le = (ae = te.datasets) == null ? void 0 : ae[$.datasetIndex ?? -1]) != null && le.isSpacer);
+          return !((le = (ae = te.datasets) == null ? void 0 : ae[N.datasetIndex ?? -1]) != null && le.isSpacer);
         }
       }
     }));
-    return ($, te) => {
+    return (N, te) => {
       var le, se, ye, ie, be, Se;
       const ae = de("FmBarChart");
       return J(), ue(Ve, null, [
         ne("div", al, [
-          Qe($.$slots, "menu"),
+          Qe(N.$slots, "menu"),
           ne("div", {
             class: De(["chart-layout", {
               "chart-layout--side": a(j) && (a(M).display ?? !1) && a(z)
@@ -3747,7 +3747,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
               "max-width": a(M).maxWidth,
               "text-color": (le = a(M).labels) == null ? void 0 : le.color,
               "font-size": (ye = (se = a(M).labels) == null ? void 0 : se.font) == null ? void 0 : ye.size,
-              "legend-update-key": a(N),
+              "legend-update-key": a($),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3785,7 +3785,7 @@ const Yr = /* @__PURE__ */ fo(Kr, [["render", Xr]]), qr = "mf-reporttable-dimens
               "max-width": a(M).maxWidth,
               "text-color": (ie = a(M).labels) == null ? void 0 : ie.color,
               "font-size": (Se = (be = a(M).labels) == null ? void 0 : be.font) == null ? void 0 : Se.size,
-              "legend-update-key": a(N),
+              "legend-update-key": a($),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3851,7 +3851,7 @@ const il = { class: "widget-content" }, ul = /* @__PURE__ */ Fe({
         });
         let b = Y.values;
         i.value && (b = [NaN, b[0], NaN]);
-        const O = b.map((ye) => ye === null ? NaN : Number(ye)), N = Ie({
+        const O = b.map((ye) => ye === null ? NaN : Number(ye)), $ = Ie({
           datasetIndex: _,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -3866,7 +3866,7 @@ const il = { class: "widget-content" }, ul = /* @__PURE__ */ Fe({
           isCompare: Y.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), $ = (se = t.value.lineStyles) == null ? void 0 : se[q], te = t.value.chartColorBinding === xe.breakdown, ae = _t({
+        }), N = (se = t.value.lineStyles) == null ? void 0 : se[q], te = t.value.chartColorBinding === xe.breakdown, ae = _t({
           fallbackIndex: _,
           metricCount: t.value.metricCount
         }), le = te ? Lt({
@@ -3878,7 +3878,7 @@ const il = { class: "widget-content" }, ul = /* @__PURE__ */ Fe({
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : Ze({
-          index: N,
+          index: $,
           isCompare: Y.isCompare,
           customColors: t.value.chartColors
         });
@@ -3886,7 +3886,7 @@ const il = { class: "widget-content" }, ul = /* @__PURE__ */ Fe({
           label: Y.name,
           data: O,
           dash: Y.isCompare,
-          lineStyle: $,
+          lineStyle: N,
           fill: !0,
           color: le,
           pointRadius: i.value ? 4 : void 0,
@@ -3924,7 +3924,7 @@ const il = { class: "widget-content" }, ul = /* @__PURE__ */ Fe({
       tileIndex: n.tileIndex
     });
     return (Y, z) => {
-      var b, O, N, X, q, $;
+      var b, O, $, X, q, N;
       const _ = de("FmLineChart");
       return J(), ue(Ve, null, [
         ne("div", il, [
@@ -3941,7 +3941,7 @@ const il = { class: "widget-content" }, ul = /* @__PURE__ */ Fe({
               position: a(u),
               "max-width": a(D).maxWidth,
               "text-color": (b = a(D).labels) == null ? void 0 : b.color,
-              "font-size": (N = (O = a(D).labels) == null ? void 0 : O.font) == null ? void 0 : N.size,
+              "font-size": ($ = (O = a(D).labels) == null ? void 0 : O.font) == null ? void 0 : $.size,
               "legend-update-key": a(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3981,7 +3981,7 @@ const il = { class: "widget-content" }, ul = /* @__PURE__ */ Fe({
               position: a(u),
               "max-width": a(D).maxWidth,
               "text-color": (X = a(D).labels) == null ? void 0 : X.color,
-              "font-size": ($ = (q = a(D).labels) == null ? void 0 : q.font) == null ? void 0 : $.size,
+              "font-size": (N = (q = a(D).labels) == null ? void 0 : q.font) == null ? void 0 : N.size,
               "legend-update-key": a(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -4056,7 +4056,7 @@ const hl = { class: "widget-content" }, ml = /* @__PURE__ */ Fe({
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), N = Ie({
+        }), $ = Ie({
           datasetIndex: b,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -4065,12 +4065,12 @@ const hl = { class: "widget-content" }, ml = /* @__PURE__ */ Fe({
           index: O,
           isCompare: z.isCompare,
           customColors: t.value.chartColors
-        }), q = t.value.chartColorBinding === xe.breakdown, $ = _t({
+        }), q = t.value.chartColorBinding === xe.breakdown, N = _t({
           fallbackIndex: b,
           metricCount: t.value.metricCount
         }), te = q ? Lt({
-          breakdownIndex: $,
-          metricIndex: N,
+          breakdownIndex: N,
+          metricIndex: $,
           metricCount: t.value.metricCount,
           isCompare: z.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
@@ -4129,7 +4129,7 @@ const hl = { class: "widget-content" }, ml = /* @__PURE__ */ Fe({
       tileIndex: n.tileIndex
     });
     return (z, _) => {
-      var O, N, X, q, $, te;
+      var O, $, X, q, N, te;
       const b = de("FmLineChart");
       return J(), ue(Ve, null, [
         ne("div", hl, [
@@ -4146,7 +4146,7 @@ const hl = { class: "widget-content" }, ml = /* @__PURE__ */ Fe({
               position: a(I),
               "max-width": a(f).maxWidth,
               "text-color": (O = a(f).labels) == null ? void 0 : O.color,
-              "font-size": (X = (N = a(f).labels) == null ? void 0 : N.font) == null ? void 0 : X.size,
+              "font-size": (X = ($ = a(f).labels) == null ? void 0 : $.font) == null ? void 0 : X.size,
               "legend-update-key": a(Y),
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -4185,7 +4185,7 @@ const hl = { class: "widget-content" }, ml = /* @__PURE__ */ Fe({
               position: a(I),
               "max-width": a(f).maxWidth,
               "text-color": (q = a(f).labels) == null ? void 0 : q.color,
-              "font-size": (te = ($ = a(f).labels) == null ? void 0 : $.font) == null ? void 0 : te.size,
+              "font-size": (te = (N = a(f).labels) == null ? void 0 : N.font) == null ? void 0 : te.size,
               "legend-update-key": a(Y),
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -4518,7 +4518,7 @@ const bl = {
     }), { refresh: W } = yl({
       containerRef: R,
       isTable: v
-    }), H = P(o.rollup), y = P(Nt()), p = P(o.drillDimension), k = x(() => {
+    }), H = P(o.rollup), y = P($t()), p = P(o.drillDimension), k = x(() => {
       if (we.value.length > 0) {
         const T = we.value.findIndex(
           (fe) => fe.value === p.value
@@ -4536,7 +4536,7 @@ const bl = {
       Array.isArray(o.chartBreakdownColors) ? [...o.chartBreakdownColors] : void 0
     ), K = P(o.chartUseSecondaryMetricShades ?? !0), G = P(o.chartColorBinding), j = P(
       Array.isArray(o.lineStyles) ? [...o.lineStyles] : void 0
-    ), Y = P(o.lineStyleBinding), z = P(o.showLabel ?? !1), _ = P(o.labelAlign ?? Cn.center), b = P(o.labelAnchor ?? bn.center), O = P(o.labelRotation ?? 0), N = P(o.labelOffset ?? 0), X = P(o.labelFontSize ?? 12), q = x(() => o.showSearchBar), $ = P(o.showX ?? !0), te = P(o.xPosition ?? xn.bottom), ae = P(o.showXGrid ?? !1), le = P(o.showXTick ?? !0), se = P(o.xTickFontSize ?? 12), ye = P(o.showXTitle ?? !1), ie = P(o.xTitle ?? ""), be = P(o.xTitleFontSize ?? 12), Se = P(o.showY ?? !0), _e = P(o.yPosition ?? wn.left), Ke = P(o.showYGrid ?? !1), Xe = P(o.showYTick ?? !0), et = P(o.yTickFontSize ?? 12), Dt = P(o.showYTitle ?? !1), dt = P(o.yTitle ?? ""), ft = P(o.yTitleFontSize ?? 12), ht = P(o.showLegend ?? void 0), tt = P(o.legendPosition ?? Sn.top), nt = P(o.usePointStyle ?? !0), mt = P(o.legendFontSize), Ne = P(o.legendColor ?? "#6b6b6b"), ot = P(o.legendMaxWidth), Kt = P(o.maxTooltipItems), Xt = P(o.stackBarOverlap ?? !1), Pt = P(o.rowHeight ?? 0), Ye = P(o.colWidths ?? []), It = P(!1), Mt = P(""), { breakpoints: qe, getBreakpointsBoundary: Ge } = zt(), Yt = P(), ke = x(
+    ), Y = P(o.lineStyleBinding), z = P(o.showLabel ?? !1), _ = P(o.labelAlign ?? Cn.center), b = P(o.labelAnchor ?? bn.center), O = P(o.labelRotation ?? 0), $ = P(o.labelOffset ?? 0), X = P(o.labelFontSize ?? 12), q = x(() => o.showSearchBar), N = P(o.showX ?? !0), te = P(o.xPosition ?? xn.bottom), ae = P(o.showXGrid ?? !1), le = P(o.showXTick ?? !0), se = P(o.xTickFontSize ?? 12), ye = P(o.showXTitle ?? !1), ie = P(o.xTitle ?? ""), be = P(o.xTitleFontSize ?? 12), Se = P(o.showY ?? !0), _e = P(o.yPosition ?? wn.left), Ke = P(o.showYGrid ?? !1), Xe = P(o.showYTick ?? !0), et = P(o.yTickFontSize ?? 12), Dt = P(o.showYTitle ?? !1), dt = P(o.yTitle ?? ""), ft = P(o.yTitleFontSize ?? 12), ht = P(o.showLegend ?? void 0), tt = P(o.legendPosition ?? Sn.top), nt = P(o.usePointStyle ?? !0), mt = P(o.legendFontSize), $e = P(o.legendColor ?? "#6b6b6b"), ot = P(o.legendMaxWidth), Kt = P(o.maxTooltipItems), Xt = P(o.stackBarOverlap ?? !1), Pt = P(o.rowHeight ?? 0), Ye = P(o.colWidths ?? []), It = P(!1), Mt = P(""), { breakpoints: qe, getBreakpointsBoundary: Ge } = zt(), Yt = P(), ke = x(
       () => c.customScreenWidth === void 0 ? window.innerWidth : c.customScreenWidth
     ), Bt = x(
       () => (ke == null ? void 0 : ke.value) > Ge("xs")[1] && (ke == null ? void 0 : ke.value) <= Ge("sm")[1]
@@ -4549,7 +4549,7 @@ const bl = {
       () => ea.find((T) => T.type === t.value.widget.type)
     ), je = gn(() => {
       var T;
-      Yt.value = at((T = d.value) == null ? void 0 : T.$el.offsetWidth), y.value = Nt();
+      Yt.value = at((T = d.value) == null ? void 0 : T.$el.offsetWidth), y.value = $t();
     }), ln = x(() => {
       if (ta(Q.value.type, l.value))
         switch (t.value.widget.type) {
@@ -4564,7 +4564,7 @@ const bl = {
           case oe.StackLineChart:
             return ul;
           case oe.Circular:
-            return $r;
+            return Nr;
           case oe.Scorecard:
             return Ur;
           case oe.Spacer:
@@ -4623,9 +4623,9 @@ const bl = {
         labelAnchor: b.value,
         labelAlign: _.value,
         labelRotation: O.value,
-        labelOffset: N.value,
+        labelOffset: $.value,
         labelFontSize: X.value,
-        showX: $.value,
+        showX: N.value,
         xPosition: te.value,
         showXGrid: ae.value,
         showXTick: le.value,
@@ -4646,7 +4646,7 @@ const bl = {
         legendPosition: tt.value,
         usePointStyle: nt.value,
         legendFontSize: mt.value,
-        legendColor: Ne.value,
+        legendColor: $e.value,
         legendMaxWidth: ot.value,
         maxTooltipItems: Kt.value,
         stackBarOverlap: Xt.value
@@ -4707,7 +4707,7 @@ const bl = {
     Pe(
       () => t.value.widget.config,
       (T) => {
-        H.value = T.rollup, g.value = T.showTitle ?? !0, S.value = T.titleFontSize ?? 14, B.value = T.titleBold ?? !1, D.value = T.titleItalic ?? !1, f.value = T.titleUnderline ?? !1, A.value = T.chartHeight ?? void 0, L.value = T.chartWidth ?? void 0, u.value = Array.isArray(T.chartColors) ? [...T.chartColors] : void 0, I.value = Array.isArray(T.chartColorLayers) ? [...T.chartColorLayers] : void 0, M.value = Array.isArray(T.chartBreakdownColors) ? [...T.chartBreakdownColors] : void 0, K.value = T.chartUseSecondaryMetricShades ?? !0, G.value = T.chartColorBinding, j.value = Array.isArray(T.lineStyles) ? [...T.lineStyles] : void 0, Y.value = T.lineStyleBinding, z.value = T.showLabel ?? !1, _.value = T.labelAlign ?? Cn.center, b.value = T.labelAnchor ?? bn.center, O.value = T.labelRotation ?? 0, N.value = T.labelOffset ?? 0, X.value = T.labelFontSize ?? 12, $.value = T.showX ?? !0, te.value = T.xPosition ?? xn.bottom, ae.value = T.showXGrid ?? !1, le.value = T.showXTick ?? !0, se.value = T.xTickFontSize ?? 12, ye.value = T.showXTitle ?? !1, ie.value = T.xTitle ?? "", be.value = T.xTitleFontSize ?? 12, Se.value = T.showY ?? !0, _e.value = T.yPosition ?? wn.left, Ke.value = T.showYGrid ?? !1, Xe.value = T.showYTick ?? !0, et.value = T.yTickFontSize ?? 12, Dt.value = T.showYTitle ?? !1, dt.value = T.yTitle ?? "", ft.value = T.yTitleFontSize ?? 12, ht.value = T.showLegend ?? void 0, tt.value = T.legendPosition ?? Sn.top, nt.value = T.usePointStyle ?? !0, mt.value = T.legendFontSize, Ne.value = T.legendColor ?? "#6b6b6b", ot.value = T.legendMaxWidth, Kt.value = T.maxTooltipItems, Xt.value = T.stackBarOverlap ?? !1, Pt.value = T.rowHeight ?? 0, Ye.value = T.colWidths ?? [], y.value = Nt();
+        H.value = T.rollup, g.value = T.showTitle ?? !0, S.value = T.titleFontSize ?? 14, B.value = T.titleBold ?? !1, D.value = T.titleItalic ?? !1, f.value = T.titleUnderline ?? !1, A.value = T.chartHeight ?? void 0, L.value = T.chartWidth ?? void 0, u.value = Array.isArray(T.chartColors) ? [...T.chartColors] : void 0, I.value = Array.isArray(T.chartColorLayers) ? [...T.chartColorLayers] : void 0, M.value = Array.isArray(T.chartBreakdownColors) ? [...T.chartBreakdownColors] : void 0, K.value = T.chartUseSecondaryMetricShades ?? !0, G.value = T.chartColorBinding, j.value = Array.isArray(T.lineStyles) ? [...T.lineStyles] : void 0, Y.value = T.lineStyleBinding, z.value = T.showLabel ?? !1, _.value = T.labelAlign ?? Cn.center, b.value = T.labelAnchor ?? bn.center, O.value = T.labelRotation ?? 0, $.value = T.labelOffset ?? 0, X.value = T.labelFontSize ?? 12, N.value = T.showX ?? !0, te.value = T.xPosition ?? xn.bottom, ae.value = T.showXGrid ?? !1, le.value = T.showXTick ?? !0, se.value = T.xTickFontSize ?? 12, ye.value = T.showXTitle ?? !1, ie.value = T.xTitle ?? "", be.value = T.xTitleFontSize ?? 12, Se.value = T.showY ?? !0, _e.value = T.yPosition ?? wn.left, Ke.value = T.showYGrid ?? !1, Xe.value = T.showYTick ?? !0, et.value = T.yTickFontSize ?? 12, Dt.value = T.showYTitle ?? !1, dt.value = T.yTitle ?? "", ft.value = T.yTitleFontSize ?? 12, ht.value = T.showLegend ?? void 0, tt.value = T.legendPosition ?? Sn.top, nt.value = T.usePointStyle ?? !0, mt.value = T.legendFontSize, $e.value = T.legendColor ?? "#6b6b6b", ot.value = T.legendMaxWidth, Kt.value = T.maxTooltipItems, Xt.value = T.stackBarOverlap ?? !1, Pt.value = T.rowHeight ?? 0, Ye.value = T.colWidths ?? [], y.value = $t();
       },
       { deep: !0 }
     ), Pe([() => H.value], () => {
@@ -4759,7 +4759,7 @@ const bl = {
             signal: T,
             tileId: t.value.id
           });
-          ee.value === fe && (l.value = Ae, y.value = Nt(), setTimeout(() => W(), 100)), n.value = !1;
+          ee.value === fe && (l.value = Ae, y.value = $t(), setTimeout(() => W(), 100)), n.value = !1;
         } catch (T) {
           T.code !== "ERR_CANCELED" && (l.value = null, Oe.open({ message: `Invalid chart ${Q.value.type}`, type: "error" }), console.log(T), n.value = !1);
         }
@@ -4799,7 +4799,7 @@ const bl = {
       }
     })), Bo = Q.value.type === oe.Spacer ? "flat" : "outlined", Ao = Q.value.type === oe.Spacer ? "p-0" : "p-16";
     return (T, fe) => {
-      const Ae = de("FmTooltip"), rt = de("FmSearch"), cn = de("FmCheckbox"), gt = de("FmButton"), Ro = de("FmSelect"), Fo = de("FmMenuItem"), No = de("FmMenu"), $o = de("FmForm"), Vo = de("FmCircularProgress"), zo = de("FmCard");
+      const Ae = de("FmTooltip"), rt = de("FmSearch"), cn = de("FmCheckbox"), gt = de("FmButton"), Ro = de("FmSelect"), Fo = de("FmMenuItem"), $o = de("FmMenu"), No = de("FmForm"), Vo = de("FmCircularProgress"), zo = de("FmCard");
       return J(), me(zo, {
         ref_key: "tileCard",
         ref: d,
@@ -4824,9 +4824,9 @@ const bl = {
               "tile-index": c.index
             }, {
               menu: Te(() => [
-                ce($o, { class: "flex items-center gap-2" }, {
+                ce(No, { class: "flex items-center gap-2" }, {
                   default: Te(() => {
-                    var vt, Fn, Nn, $n;
+                    var vt, Fn, $n, Nn;
                     return [
                       ce(Ae, {
                         variant: "plain",
@@ -4867,7 +4867,7 @@ const bl = {
                       }, null, 8, ["modelValue"]), [
                         [Xo, (Fn = pt.value) == null ? void 0 : Fn.showLabel]
                       ]),
-                      (Nn = pt.value) != null && Nn.showDrillDimension && we.value.length > 0 ? (J(), ue("div", Cl, [
+                      ($n = pt.value) != null && $n.showDrillDimension && we.value.length > 0 ? (J(), ue("div", Cl, [
                         ce(gt, {
                           icon: "arrow_upward",
                           variant: "tertiary",
@@ -4881,14 +4881,14 @@ const bl = {
                           onClick: un
                         }, null, 8, ["disabled"])
                       ])) : ge("", !0),
-                      ($n = pt.value) != null && $n.showRollup && Ce.value.length > 0 ? (J(), me(Ro, {
+                      (Nn = pt.value) != null && Nn.showRollup && Ce.value.length > 0 ? (J(), me(Ro, {
                         key: `rollup-${a(s)}`,
                         modelValue: H.value,
                         "onUpdate:modelValue": fe[3] || (fe[3] = (Ee) => H.value = Ee),
                         class: "w-[150px]",
                         items: Ce.value
                       }, null, 8, ["modelValue", "items"])) : ge("", !0),
-                      c.hideExport ? ge("", !0) : (J(), me(No, {
+                      c.hideExport ? ge("", !0) : (J(), me($o, {
                         key: 4,
                         shift: !0
                       }, {
@@ -4899,7 +4899,7 @@ const bl = {
                           })
                         ]),
                         default: Te(() => [
-                          (J(!0), ue(Ve, null, $t(a(Mo), (Ee) => (J(), me(Fo, {
+                          (J(!0), ue(Ve, null, Nt(a(Mo), (Ee) => (J(), me(Fo, {
                             key: Ee.value,
                             label: Ee.label,
                             onClick: Ee.onClick