@feedmepos/mf-report 5.27.15 → 5.27.16-beta.0

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-TN9O6FyV.js → DynamicWidget.vue_vue_type_script_setup_true_lang-BZhyztTx.js}

@@ -1,7 +1,7 @@
-import { computed as g, defineComponent as Ae, ref as P, watch as we, onMounted as Nt, onBeforeUnmount as uo, resolveComponent as ce, createBlock as de, openBlock as X, Transition as Eo, withCtx as _e, createElementBlock as le, createCommentVNode as he, createElementVNode as G, unref as i, normalizeStyle as Pe, withModifiers as en, toDisplayString as Te, createVNode as fe, Fragment as Fe, renderList as ct, normalizeClass as Se, nextTick as co, mergeModels as He, useModel as We, renderSlot as et, h as jt, createSlots as Go, resolveDynamicComponent as fo, toRaw as qo, markRaw as jo, createTextVNode as Jo, onUnmounted as mo, withDirectives as Zo, vShow as Qo } from "vue";
-import { W as Y, w as ea, S as Pt, x as Mt, y as ta, z as pn, A as po, j as na, B as oa, E as aa, F as ra, R as yt, G as la } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CwMp2GlG.js";
-import { i as tn, a as an, u as ho } from "./app-CNr49l0o.js";
-import { d as yn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CrSKp1iF.js";
+import { computed as g, defineComponent as Ae, ref as I, watch as we, onMounted as Nt, onBeforeUnmount as uo, resolveComponent as ce, createBlock as de, openBlock as X, Transition as Eo, withCtx as _e, createElementBlock as le, createCommentVNode as he, createElementVNode as q, unref as i, normalizeStyle as Pe, withModifiers as en, toDisplayString as Te, createVNode as fe, Fragment as Fe, renderList as ct, normalizeClass as Se, nextTick as co, mergeModels as He, useModel as We, renderSlot as et, h as jt, createSlots as Go, resolveDynamicComponent as fo, toRaw as qo, markRaw as jo, createTextVNode as Jo, onUnmounted as mo, withDirectives as Zo, vShow as Qo } from "vue";
+import { W as Y, w as ea, S as Pt, x as Mt, y as ta, z as pn, A as po, j as na, B as oa, E as aa, F as ra, R as yt, G as la } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-vETD4B-9.js";
+import { i as tn, a as an, u as ho } from "./app-DENAMFRu.js";
+import { d as yn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-vpkYemc0.js";
 import { storeToRefs as At } from "pinia";
 import { detectLocale as In } from "@feedmepos/mf-common";
 import { C as bn } from "./chart-DDDh8zNk.js";
@@ -264,9 +264,9 @@ function kt({
   colorMode: c,
   customColors: u
 }) {
-  const f = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, B = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, O = r !== !1, x = e * f + B, v = c === "clustered" ? vo(Math.max(xt.length, e + 1)) : bo(u), y = Rt(a == null ? void 0 : a[e * f]) ?? v[e % v.length], S = O && B > 0 ? rn(y, Kn(B)) : Rt(a == null ? void 0 : a[x]) ?? (B > 0 ? rn(y, Kn(B)) : y), D = o ? wo(S) : S;
-  let k = typeof l == "number" ? l : 1;
-  return o && (k = k * xo), Co(D, k);
+  const f = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, P = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, O = r !== !1, x = e * f + P, v = c === "clustered" ? vo(Math.max(xt.length, e + 1)) : bo(u), y = Rt(a == null ? void 0 : a[e * f]) ?? v[e % v.length], _ = O && P > 0 ? rn(y, Kn(P)) : Rt(a == null ? void 0 : a[x]) ?? (P > 0 ? rn(y, Kn(P)) : y), L = o ? wo(_) : _;
+  let S = typeof l == "number" ? l : 1;
+  return o && (S = S * xo), Co(L, S);
 }
 function _o(e, t, n) {
   if (e === "" || t === "")
@@ -470,8 +470,8 @@ function Ta(e, t, n) {
     return;
   const o = ((y = e.options) == null ? void 0 : y.indexAxis) === "y", l = e.tooltip, a = (l == null ? void 0 : l.getActiveElements()) ?? [];
   if (a.length === 0) {
-    const S = ka(e, o);
-    S !== void 0 && hn(e.ctx, o, e.chartArea, S);
+    const _ = ka(e, o);
+    _ !== void 0 && hn(e.ctx, o, e.chartArea, _);
     return;
   }
   const r = e.scales.x, c = e.scales.y;
@@ -481,13 +481,13 @@ function Ta(e, t, n) {
   if (!u)
     return;
   if (t === "bar") {
-    const D = (o ? c : r).getPixelForValue(u.index);
-    hn(e.ctx, o, e.chartArea, D);
+    const L = (o ? c : r).getPixelForValue(u.index);
+    hn(e.ctx, o, e.chartArea, L);
     return;
   }
   if (!u.element)
     return;
-  const f = u.element, B = o ? c : r, O = o ? f.y : f.x, x = B.getPixelForValue(u.index), v = O ?? x;
+  const f = u.element, P = o ? c : r, O = o ? f.y : f.x, x = P.getPixelForValue(u.index), v = O ?? x;
   hn(e.ctx, o, e.chartArea, v);
 }
 function Ht(e) {
@@ -689,18 +689,18 @@ function nr(e) {
   return `<button type="button" data-tooltip-full-details="true" style="${va}">${Tn(e)}</button>`;
 }
 function Io(e, t, n, o, l, a, r, c) {
-  var I;
-  const u = (I = e[0]) == null ? void 0 : I.label, f = Va(u), O = !!(f != null && f[1]) ? qn((f == null ? void 0 : f[0]) ?? "", Na()) : (f == null ? void 0 : f[0]) ?? "", x = f != null && f[1] ? qn(f[1], $a()) : void 0, v = [], y = [], S = /* @__PURE__ */ new Set();
-  a.forEach((A, q) => {
-    if (S.has(q))
+  var D;
+  const u = (D = e[0]) == null ? void 0 : D.label, f = Va(u), O = !!(f != null && f[1]) ? qn((f == null ? void 0 : f[0]) ?? "", Na()) : (f == null ? void 0 : f[0]) ?? "", x = f != null && f[1] ? qn(f[1], $a()) : void 0, v = [], y = [], _ = /* @__PURE__ */ new Set();
+  a.forEach((A, E) => {
+    if (_.has(E))
       return;
     const Q = A ?? {};
     if (Q.isSpacer === !0)
       return;
-    const oe = Ha(Q), j = Wa(Q, r), L = Ua(Q, c), h = {
+    const oe = Ha(Q), j = Wa(Q, r), T = Ua(Q, c), h = {
       text: Oa(oe, j),
-      color: Ka(Q, r, L),
-      isBar: L,
+      color: Ka(Q, r, T),
+      isBar: T,
       value: j,
       datasetLabel: oe,
       matchingKey: Xa(oe)
@@ -711,25 +711,25 @@ function Io(e, t, n, o, l, a, r, c) {
     }
     v.push(h);
   });
-  const D = v.slice(0, o), k = /* @__PURE__ */ new Map();
+  const L = v.slice(0, o), S = /* @__PURE__ */ new Map();
   y.forEach((A) => {
-    const q = k.get(A.matchingKey);
-    if (!q) {
-      k.set(A.matchingKey, [A]);
+    const E = S.get(A.matchingKey);
+    if (!E) {
+      S.set(A.matchingKey, [A]);
       return;
     }
-    q.push(A);
+    E.push(A);
   });
-  const w = x ? D.map((A) => {
-    const q = k.get(A.matchingKey);
-    return !q || q.length === 0 ? Jn(A) : q.shift() ?? Jn(A);
-  }) : [], $ = v.length > D.length || y.length > w.length, V = (A, q = !1) => `<div style="${er(q)}">${Tn(A)}</div>`, z = (A) => {
-    const q = tr(A.isBar, A.color);
-    return `<div style="${ba}"><span style="${q}"></span><span style="${Ca}">${Tn(A.text)}</span></div>`;
+  const B = x ? L.map((A) => {
+    const E = S.get(A.matchingKey);
+    return !E || E.length === 0 ? Jn(A) : E.shift() ?? Jn(A);
+  }) : [], F = v.length > L.length || y.length > B.length, R = (A, E = !1) => `<div style="${er(E)}">${Tn(A)}</div>`, V = (A) => {
+    const E = tr(A.isBar, A.color);
+    return `<div style="${ba}"><span style="${E}"></span><span style="${Ca}">${Tn(A.text)}</span></div>`;
   };
-  let b = "";
-  O.length > 0 && (b += V(O)), b += D.map((A) => z(A)).join(""), x && w.length > 0 && (b += V(x, b.length > 0), b += w.map((A) => z(A)).join("")), l && $ && (b += nr(n));
-  const T = [
+  let C = "";
+  O.length > 0 && (C += R(O)), C += L.map((A) => V(A)).join(""), x && B.length > 0 && (C += R(x, C.length > 0), C += B.map((A) => V(A)).join("")), l && F && (C += nr(n));
+  const k = [
     {
       title: O,
       values: v
@@ -740,9 +740,9 @@ function Io(e, t, n, o, l, a, r, c) {
     }
   ].filter((A) => A.values.length > 0);
   return {
-    html: b,
-    detailsPayload: { sections: T },
-    hasCollapsedValues: $
+    html: C,
+    detailsPayload: { sections: k },
+    hasCollapsedValues: F
   };
 }
 function Zn(e) {
@@ -778,7 +778,7 @@ function or(e, t, n, o, l, a, r, c, u) {
       maxTooltipItems: l
     };
   const f = Math.max(kn, t.length);
-  let B = f, O = Jt(
+  let P = f, O = Jt(
     e,
     t,
     n,
@@ -796,36 +796,36 @@ function or(e, t, n, o, l, a, r, c, u) {
     };
   let x = kn, v = f;
   for (; x <= v; ) {
-    const S = Math.floor((x + v) / 2), D = Jt(
+    const _ = Math.floor((x + v) / 2), L = Jt(
       e,
       t,
       n,
       o,
-      S,
+      _,
       a,
       r,
       c,
       u
     );
     if (Zn(e)) {
-      v = S - 1;
+      v = _ - 1;
       continue;
     }
-    B = S, O = D, x = S + 1;
+    P = _, O = L, x = _ + 1;
   }
   return {
-    markup: B === f ? O : Jt(
+    markup: P === f ? O : Jt(
       e,
       t,
       n,
       o,
-      B,
+      P,
       a,
       r,
       c,
       u
     ),
-    maxTooltipItems: B
+    maxTooltipItems: P
   };
 }
 function Qn(e, t) {
@@ -833,8 +833,8 @@ function Qn(e, t) {
   if (o.startsWith("#")) {
     const r = o.slice(1), c = r.length === 3 ? `${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}` : r.length === 4 ? `${r[0]}${r[0]}${r[1]}${r[1]}${r[2]}${r[2]}` : r.length >= 6 ? r.slice(0, 6) : "";
     if (/^[0-9a-fA-F]{6}$/.test(c)) {
-      const u = Number.parseInt(c.slice(0, 2), 16), f = Number.parseInt(c.slice(2, 4), 16), B = Number.parseInt(c.slice(4, 6), 16);
-      return `rgba(${u}, ${f}, ${B}, ${n})`;
+      const u = Number.parseInt(c.slice(0, 2), 16), f = Number.parseInt(c.slice(2, 4), 16), P = Number.parseInt(c.slice(4, 6), 16);
+      return `rgba(${u}, ${f}, ${P}, ${n})`;
     }
   }
   const l = o.match(/^rgba?\(([^)]+)\)$/i);
@@ -939,16 +939,16 @@ function Fn(e) {
   return window.getComputedStyle(t).position === "static" && (t.style.position = "relative"), t;
 }
 function Rn(e, t, n, o, l, a, r = "center", c = !1) {
-  const u = t.getBoundingClientRect(), f = n.getBoundingClientRect(), B = n.scrollLeft, O = n.scrollTop, x = n.clientWidth, v = n.clientHeight, y = e;
+  const u = t.getBoundingClientRect(), f = n.getBoundingClientRect(), P = n.scrollLeft, O = n.scrollTop, x = n.clientWidth, v = n.clientHeight, y = e;
   (!Number.isFinite(y.__cachedWidth) || !Number.isFinite(y.__cachedHeight) || y.__measurementHostWidth !== x || y.__measurementHostHeight !== v) && (y.__cachedWidth = e.offsetWidth, y.__cachedHeight = e.offsetHeight, y.__measurementHostWidth = x, y.__measurementHostHeight = v);
-  const D = y.__cachedWidth ?? e.offsetWidth, k = y.__cachedHeight ?? e.offsetHeight, w = 8, $ = u.left - f.left + B + o, V = u.top - f.top + O + l, z = c ? r === "left" ? $ - D - w : $ + w : r === "left" ? $ - D - w : r === "right" ? $ + w : $ - D / 2, b = c ? V + w : a ? V - k / 2 : V + w, T = B + w;
-  let I = O + w;
+  const L = y.__cachedWidth ?? e.offsetWidth, S = y.__cachedHeight ?? e.offsetHeight, B = 8, F = u.left - f.left + P + o, R = u.top - f.top + O + l, V = c ? r === "left" ? F - L - B : F + B : r === "left" ? F - L - B : r === "right" ? F + B : F - L / 2, C = c ? R + B : a ? R - S / 2 : R + B, k = P + B;
+  let D = O + B;
   const A = document.querySelector('[data-menu-tab="true"]');
   if (A) {
-    const h = A.getBoundingClientRect().bottom - f.top + O + w;
-    I = Math.max(I, h);
+    const h = A.getBoundingClientRect().bottom - f.top + O + B;
+    D = Math.max(D, h);
   }
-  const q = Math.max(T, B + x - D - w), Q = Math.max(I, O + v - k - w), oe = Math.round(Math.min(Math.max(T, z), q)), j = Math.round(Math.min(Math.max(I, b), Q));
+  const E = Math.max(k, P + x - L - B), Q = Math.max(D, O + v - S - B), oe = Math.round(Math.min(Math.max(k, V), E)), j = Math.round(Math.min(Math.max(D, C), Q));
   y.__lastLeftPx === oe && y.__lastTopPx === j || (y.__lastLeftPx = oe, y.__lastTopPx = j, e.style.left = `${oe}px`, e.style.top = `${j}px`);
 }
 function Bo(e) {
@@ -1074,33 +1074,33 @@ function vr(e, t, n, o, l) {
   }, t.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
     passive: !0
   })), e.__onCanvasClick || (e.__onCanvasClick = (r) => {
-    var D, k;
+    var L, S;
     if (ut() || !(l != null && l.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
       return;
-    const c = (w) => {
-      var T, I, A, q;
-      if (w.length === 0)
+    const c = (B) => {
+      var k, D, A, E;
+      if (B.length === 0)
         return !1;
-      const $ = (T = w.find(
+      const F = (k = B.find(
         (Q) => typeof Q.dataIndex == "number"
-      )) == null ? void 0 : T.dataIndex, V = ((I = n == null ? void 0 : n.data) == null ? void 0 : I.datasets) ?? [], z = (A = n == null ? void 0 : n.config) == null ? void 0 : A.type, b = Io(
-        w,
+      )) == null ? void 0 : k.dataIndex, R = ((D = n == null ? void 0 : n.data) == null ? void 0 : D.datasets) ?? [], V = (A = n == null ? void 0 : n.config) == null ? void 0 : A.type, C = Io(
+        B,
         o,
         (l == null ? void 0 : l.viewFullDetailsLabel) ?? To(),
         a,
         !0,
-        V,
-        $,
-        z
+        R,
+        F,
+        V
       ).detailsPayload;
-      return (q = l.onViewFullDetails) == null || q.call(l, b, n), ze(e, n), !0;
-    }, u = ((D = n == null ? void 0 : n.tooltip) == null ? void 0 : D.dataPoints) ?? [];
+      return (E = l.onViewFullDetails) == null || E.call(l, C, n), ze(e, n), !0;
+    }, u = ((L = n == null ? void 0 : n.tooltip) == null ? void 0 : L.dataPoints) ?? [];
     if (c(u))
       return;
     const f = n == null ? void 0 : n.getElementsAtEventForMode;
     if (typeof f != "function")
       return;
-    const B = f.call(
+    const P = f.call(
       n,
       r,
       "nearest",
@@ -1112,7 +1112,7 @@ function vr(e, t, n, o, l) {
       "index",
       { intersect: !1 },
       !1
-    ), v = (B.length > 0 ? B : O).filter((w) => typeof w.datasetIndex == "number" && typeof w.index == "number").map((w) => ({ datasetIndex: w.datasetIndex, index: w.index }));
+    ), v = (P.length > 0 ? P : O).filter((B) => typeof B.datasetIndex == "number" && typeof B.index == "number").map((B) => ({ datasetIndex: B.datasetIndex, index: B.index }));
     if (v.length === 0)
       return;
     const y = n == null ? void 0 : n.tooltip;
@@ -1127,8 +1127,8 @@ function vr(e, t, n, o, l) {
     } catch {
       return;
     }
-    const S = ((k = n == null ? void 0 : n.tooltip) == null ? void 0 : k.dataPoints) ?? [];
-    c(S);
+    const _ = ((S = n == null ? void 0 : n.tooltip) == null ? void 0 : S.dataPoints) ?? [];
+    c(_);
   }, t.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (r) => {
     if (ut()) {
       const c = n == null ? void 0 : n.getElementsAtEventForMode, u = n == null ? void 0 : n.tooltip;
@@ -1140,15 +1140,15 @@ function vr(e, t, n, o, l) {
         "nearest",
         { intersect: !0 },
         !1
-      ), B = c.call(
+      ), P = c.call(
         n,
         r,
         "index",
         { intersect: !1 },
         !1
-      ), x = (f.length > 0 ? f : B).filter((k) => typeof k.datasetIndex == "number" && typeof k.index == "number").map((k) => ({
-        datasetIndex: k.datasetIndex,
-        index: k.index
+      ), x = (f.length > 0 ? f : P).filter((S) => typeof S.datasetIndex == "number" && typeof S.index == "number").map((S) => ({
+        datasetIndex: S.datasetIndex,
+        index: S.index
       }));
       if (x.length === 0) {
         ze(e, n, !0);
@@ -1158,8 +1158,8 @@ function vr(e, t, n, o, l) {
         e,
         v.datasetIndex,
         v.index
-      ), S = Number.isFinite(e.__lastPhoneTapAt), D = y && Qa(e, r.offsetX, r.offsetY, r.timeStamp);
-      if (S && !D && y) {
+      ), _ = Number.isFinite(e.__lastPhoneTapAt), L = y && Qa(e, r.offsetX, r.offsetY, r.timeStamp);
+      if (_ && !L && y) {
         ze(e, n, !0);
         return;
       }
@@ -1172,7 +1172,7 @@ function vr(e, t, n, o, l) {
       } catch {
         return;
       }
-      if (D && (l != null && l.onViewFullDetails) && e.__detailsPayload) {
+      if (L && (l != null && l.onViewFullDetails) && e.__detailsPayload) {
         l.onViewFullDetails(e.__detailsPayload, n), ze(e, n);
         return;
       }
@@ -1227,7 +1227,7 @@ function yr(e, t, n) {
 function br(e, t) {
   const { maxTooltipItems: n } = Do(t);
   return ({ chart: o, tooltip: l }) => {
-    var oe, j, L, h;
+    var oe, j, T, h;
     if (typeof document > "u" || typeof window > "u")
       return;
     const a = o == null ? void 0 : o.canvas;
@@ -1249,44 +1249,44 @@ function br(e, t) {
       return;
     }
     hr(r, c, a), St(u);
-    const B = (t == null ? void 0 : t.viewFullDetailsLabel) ?? To(), O = !!(t != null && t.onViewFullDetails), x = (oe = f.find((p) => typeof p.dataIndex == "number")) == null ? void 0 : oe.dataIndex, v = ((j = o == null ? void 0 : o.data) == null ? void 0 : j.datasets) ?? [], y = (L = o == null ? void 0 : o.config) == null ? void 0 : L.type, {
-      markup: { detailsPayload: S, hasCollapsedValues: D }
+    const P = (t == null ? void 0 : t.viewFullDetailsLabel) ?? To(), O = !!(t != null && t.onViewFullDetails), x = (oe = f.find((p) => typeof p.dataIndex == "number")) == null ? void 0 : oe.dataIndex, v = ((j = o == null ? void 0 : o.data) == null ? void 0 : j.datasets) ?? [], y = (T = o == null ? void 0 : o.config) == null ? void 0 : T.type, {
+      markup: { detailsPayload: _, hasCollapsedValues: L }
     } = or(
       u,
       f,
       e,
-      B,
+      P,
       n,
       O,
       v,
       x,
       y
-    ), k = O && D;
-    u.__detailsPayload = k ? S : void 0, u.style.pointerEvents = k ? "auto" : "none";
-    const w = typeof (l == null ? void 0 : l.caretX) == "number" ? l.caretX : 0, $ = Number(u.dataset.cursorCanvasX), V = Number(u.dataset.cursorCanvasY);
-    if (!(Number.isFinite($) && Number.isFinite(V))) {
+    ), S = O && L;
+    u.__detailsPayload = S ? _ : void 0, u.style.pointerEvents = S ? "auto" : "none";
+    const B = typeof (l == null ? void 0 : l.caretX) == "number" ? l.caretX : 0, F = Number(u.dataset.cursorCanvasX), R = Number(u.dataset.cursorCanvasY);
+    if (!(Number.isFinite(F) && Number.isFinite(R))) {
       u.style.opacity = "0";
       return;
     }
-    const b = (h = o == null ? void 0 : o.scales) == null ? void 0 : h.x, T = b && typeof b.getPixelForValue == "function" ? b.getPixelForValue(0) : NaN, I = e ? f.reduce((p, M) => {
-      const N = M == null ? void 0 : M.element, F = N == null ? void 0 : N.x;
-      if (typeof F != "number" || !Number.isFinite(F))
+    const C = (h = o == null ? void 0 : o.scales) == null ? void 0 : h.x, k = C && typeof C.getPixelForValue == "function" ? C.getPixelForValue(0) : NaN, D = e ? f.reduce((p, M) => {
+      const z = M == null ? void 0 : M.element, N = z == null ? void 0 : z.x;
+      if (typeof N != "number" || !Number.isFinite(N))
         return p;
       if (!Number.isFinite(p))
-        return F;
-      const K = Number.isFinite(T) ? T : w, H = Math.abs(p - K);
-      return Math.abs(F - K) > H ? F : p;
-    }, Number.NaN) : Number.NaN, A = $, q = V, Q = e ? Number.isFinite(T) && Number.isFinite(I) && I < T ? "left" : "right" : "center";
+        return N;
+      const K = Number.isFinite(k) ? k : B, H = Math.abs(p - K);
+      return Math.abs(N - K) > H ? N : p;
+    }, Number.NaN) : Number.NaN, A = F, E = R, Q = e ? Number.isFinite(k) && Number.isFinite(D) && D < k ? "left" : "right" : "center";
     Rn(
       u,
       a,
       r,
       A,
-      q,
+      E,
       e,
       Q,
       !0
-    ), u.dataset.caretX = String(A), u.dataset.caretY = String(q), u.dataset.anchorDirection = Q, u.style.opacity = "1";
+    ), u.dataset.caretX = String(A), u.dataset.caretY = String(E), u.dataset.anchorDirection = Q, u.style.opacity = "1";
   };
 }
 function Dn(e = !1, t) {
@@ -1314,13 +1314,13 @@ function Cr() {
 function Ao(e) {
   function o(x, v, y) {
     if (x.measureText(v).width <= y) return v;
-    const S = "…";
-    let D = 0, k = v.length;
-    for (; D < k; ) {
-      const w = Math.floor((D + k) / 2), $ = v.slice(0, w) + S;
-      x.measureText($).width <= y ? D = w + 1 : k = w;
+    const _ = "…";
+    let L = 0, S = v.length;
+    for (; L < S; ) {
+      const B = Math.floor((L + S) / 2), F = v.slice(0, B) + _;
+      x.measureText(F).width <= y ? L = B + 1 : S = B;
     }
-    return v.slice(0, D - 1) + S;
+    return v.slice(0, L - 1) + _;
   }
   function l(x) {
     const v = x == null ? "" : String(x), [y] = v.split("#");
@@ -1333,8 +1333,8 @@ function Ao(e) {
   function r(x, v) {
     const y = x == null ? "" : String(x).trim();
     if (y.length === 0) return y;
-    const S = Cr();
-    return y.endsWith(` ${S}`) || y.endsWith(S) ? y : (v == null ? void 0 : v.dash) === !0 || (v == null ? void 0 : v.isCompare) === !0 ? `${y} ${S}` : y;
+    const _ = Cr();
+    return y.endsWith(` ${_}`) || y.endsWith(_) ? y : (v == null ? void 0 : v.dash) === !0 || (v == null ? void 0 : v.isCompare) === !0 ? `${y} ${_}` : y;
   }
   const c = g(() => ({
     display: e.showLabel,
@@ -1362,15 +1362,15 @@ function Ao(e) {
       callback: function(x) {
         if ((e == null ? void 0 : e.isTransposed) === !0) return a(x);
         let y = String(x);
-        const S = this;
-        if (S && typeof S.getLabelForValue == "function" && (y = S.getLabelForValue(x)), S != null && S.type && S.type !== "category")
+        const _ = this;
+        if (_ && typeof _.getLabelForValue == "function" && (y = _.getLabelForValue(x)), _ != null && _.type && _.type !== "category")
           return a(y);
         y = l(y);
-        const D = S == null ? void 0 : S.chart, k = S == null ? void 0 : S.ctx, w = D.height * 0.25;
-        if (k && w > 0) {
-          k.save();
-          const V = k.measureText(y).width > w ? o(k, y, w) : y;
-          return k.restore(), V;
+        const L = _ == null ? void 0 : _.chart, S = _ == null ? void 0 : _.ctx, B = L.height * 0.25;
+        if (S && B > 0) {
+          S.save();
+          const R = S.measureText(y).width > B ? o(S, y, B) : y;
+          return S.restore(), R;
         }
         return y;
       },
@@ -1388,8 +1388,8 @@ function Ao(e) {
     afterBuildTicks: (x) => {
       const v = Array.isArray(x == null ? void 0 : x.ticks) ? x.ticks : [];
       if (v.length === 0) return;
-      const y = l(x.getLabelForValue(v[0].value)), S = !isNaN(Number(y));
-      x.options.ticks.minRotation = S || v.length < 10 ? 0 : 90;
+      const y = l(x.getLabelForValue(v[0].value)), _ = !isNaN(Number(y));
+      x.options.ticks.minRotation = _ || v.length < 10 ? 0 : 90;
     },
     afterFit: (x) => {
       if (!(e != null && e.isTransposed)) {
@@ -1412,15 +1412,15 @@ function Ao(e) {
       callback: function(x) {
         if (!((e == null ? void 0 : e.isTransposed) === !0)) return a(x);
         let y = String(x);
-        const S = this;
-        if (S && typeof S.getLabelForValue == "function" && (y = S.getLabelForValue(x)), S != null && S.type && S.type !== "category")
+        const _ = this;
+        if (_ && typeof _.getLabelForValue == "function" && (y = _.getLabelForValue(x)), _ != null && _.type && _.type !== "category")
           return a(y);
         y = l(y);
-        const D = S == null ? void 0 : S.chart, k = S == null ? void 0 : S.ctx, w = D.width * 0.4;
-        if (k && w > 0) {
-          k.save();
-          const V = k.measureText(y).width > w ? o(k, y, w) : y;
-          return k.restore(), V;
+        const L = _ == null ? void 0 : _.chart, S = _ == null ? void 0 : _.ctx, B = L.width * 0.4;
+        if (S && B > 0) {
+          S.save();
+          const R = S.measureText(y).width > B ? o(S, y, B) : y;
+          return S.restore(), R;
         }
         return y;
       }
@@ -1432,7 +1432,7 @@ function Ao(e) {
         size: e.yTitleFontSize
       }
     }
-  })), B = g(() => ({
+  })), P = g(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle,
@@ -1444,41 +1444,41 @@ function Ao(e) {
         size: e.legendFontSize
       },
       generateLabels: (x) => {
-        var S;
-        const v = e.legendColor ?? "#6b6b6b", y = ((S = x == null ? void 0 : x.data) == null ? void 0 : S.datasets) || [];
+        var _;
+        const v = e.legendColor ?? "#6b6b6b", y = ((_ = x == null ? void 0 : x.data) == null ? void 0 : _.datasets) || [];
         if (y.length === 0) return [];
         if (y.length === 1 && Array.isArray(y[0].backgroundColor) && y[0].backgroundColor.length > 1 && Array.isArray(y[0].data)) {
-          const D = y[0];
-          return x.data.labels.map((w, $) => {
-            const V = D.backgroundColor[$];
+          const L = y[0];
+          return x.data.labels.map((B, F) => {
+            const R = L.backgroundColor[F];
             return {
-              text: w,
+              text: B,
               fontColor: v,
               color: v,
-              fillStyle: V,
-              strokeStyle: V,
+              fillStyle: R,
+              strokeStyle: R,
               datasetIndex: 0,
-              index: $,
-              hidden: x.getDataVisibility ? !x.getDataVisibility($) : !1
+              index: F,
+              hidden: x.getDataVisibility ? !x.getDataVisibility(F) : !1
             };
           });
         }
-        return x.data.datasets.map((D, k) => {
-          const w = D.borderColor || D.backgroundColor;
+        return x.data.datasets.map((L, S) => {
+          const B = L.borderColor || L.backgroundColor;
           return {
-            text: r(D.label, D),
+            text: r(L.label, L),
             fontColor: v,
             color: v,
-            fillStyle: w,
-            strokeStyle: w,
-            datasetIndex: k,
-            hidden: !x.isDatasetVisible(k)
+            fillStyle: B,
+            strokeStyle: B,
+            datasetIndex: S,
+            hidden: !x.isDatasetVisible(S)
           };
         });
       }
     }
   })), O = g(() => e.isTransposed);
-  return { datalabels: c, xCfg: u, yCfg: f, isTransposed: O, legend: B };
+  return { datalabels: c, xCfg: u, yCfg: f, isTransposed: O, legend: P };
 }
 const xr = {
   key: 0,
@@ -1497,100 +1497,100 @@ const xr = {
   },
   emits: ["update:modelValue", "value-hover", "value-leave"],
   setup(e, { emit: t }) {
-    const n = e, o = t, { t: l } = dt(), a = P(null), r = P(ao), c = P(!1), u = P({}), f = g({
+    const n = e, o = t, { t: l } = dt(), a = I(null), r = I(ao), c = I(!1), u = I({}), f = g({
       get: () => n.modelValue,
-      set: (L) => o("update:modelValue", L)
-    }), B = g(() => {
-      var L;
-      return (((L = n.detailsPayload) == null ? void 0 : L.sections) ?? []).filter((h) => h.values.length > 0);
+      set: (T) => o("update:modelValue", T)
+    }), P = g(() => {
+      var T;
+      return (((T = n.detailsPayload) == null ? void 0 : T.sections) ?? []).filter((h) => h.values.length > 0);
     }), O = g(
-      () => B.value.map((L, h) => {
-        const p = k(L.title, h), M = Math.min(u.value[p] ?? Qt, L.values.length);
+      () => P.value.map((T, h) => {
+        const p = S(T.title, h), M = Math.min(u.value[p] ?? Qt, T.values.length);
         return {
-          ...L,
+          ...T,
           key: p,
-          visibleValues: L.values.slice(0, M),
-          hasMore: M < L.values.length,
-          remainingCount: L.values.length - M
+          visibleValues: T.values.slice(0, M),
+          hasMore: M < T.values.length,
+          remainingCount: T.values.length - M
         };
       })
     ), x = g(() => ({
       width: `${r.value}px`,
       maxWidth: "94vw"
     }));
-    function v(L) {
-      return L.value == null || L.value === "" ? "-" : typeof L.value == "number" ? Number.isFinite(L.value) ? L.value.toLocaleString() : "-" : String(L.value);
+    function v(T) {
+      return T.value == null || T.value === "" ? "-" : typeof T.value == "number" ? Number.isFinite(T.value) ? T.value.toLocaleString() : "-" : String(T.value);
     }
-    function y(L) {
-      const h = L.text ?? "", p = h.lastIndexOf(":");
+    function y(T) {
+      const h = T.text ?? "", p = h.lastIndexOf(":");
       return p > -1 ? h.slice(0, p).trim() : h;
     }
-    function S(L) {
-      o("value-hover", L);
+    function _(T) {
+      o("value-hover", T);
     }
-    function D() {
+    function L() {
       o("value-leave");
     }
-    function k(L, h) {
-      return `${L || "section"}-${h}`;
+    function S(T, h) {
+      return `${T || "section"}-${h}`;
     }
-    function w() {
-      u.value = B.value.reduce(
-        (L, h, p) => (L[k(h.title, p)] = Qt, L),
+    function B() {
+      u.value = P.value.reduce(
+        (T, h, p) => (T[S(h.title, p)] = Qt, T),
         {}
       );
     }
-    function $(L) {
+    function F(T) {
       u.value = {
         ...u.value,
-        [L]: (u.value[L] ?? Qt) + Qt
+        [T]: (u.value[T] ?? Qt) + Qt
       };
     }
-    function V() {
-      D(), f.value = !1;
+    function R() {
+      L(), f.value = !1;
     }
-    function z() {
+    function V() {
       return typeof window > "u" ? ao : Math.floor(window.innerWidth * 0.94);
     }
-    function b(L) {
-      const h = z(), p = Math.min(Mr, h);
-      return Math.min(h, Math.max(p, Math.floor(L)));
+    function C(T) {
+      const h = V(), p = Math.min(Mr, h);
+      return Math.min(h, Math.max(p, Math.floor(T)));
     }
-    function T(L) {
-      typeof window > "u" || (r.value = b(window.innerWidth - L));
+    function k(T) {
+      typeof window > "u" || (r.value = C(window.innerWidth - T));
     }
-    function I() {
-      c.value = !1, document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", I), document.removeEventListener("pointercancel", I);
+    function D() {
+      c.value = !1, document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", D), document.removeEventListener("pointercancel", D);
     }
-    function A(L) {
-      c.value && T(L.clientX);
+    function A(T) {
+      c.value && k(T.clientX);
     }
-    function q(L) {
-      f.value && (c.value = !0, T(L.clientX), document.addEventListener("pointermove", A), document.addEventListener("pointerup", I), document.addEventListener("pointercancel", I));
+    function E(T) {
+      f.value && (c.value = !0, k(T.clientX), document.addEventListener("pointermove", A), document.addEventListener("pointerup", D), document.addEventListener("pointercancel", D));
     }
     function Q() {
-      r.value = b(r.value);
+      r.value = C(r.value);
     }
-    function oe(L) {
+    function oe(T) {
       var M;
       if (!f.value)
         return;
-      const h = L.target;
+      const h = T.target;
       if (!(h instanceof Node))
         return;
       const p = h instanceof Element ? h : null;
-      p != null && p.closest('[data-tooltip-full-details="true"]') || (M = a.value) != null && M.contains(h) || V();
+      p != null && p.closest('[data-tooltip-full-details="true"]') || (M = a.value) != null && M.contains(h) || R();
     }
-    function j(L) {
-      f.value && L.key === "Escape" && V();
+    function j(T) {
+      f.value && T.key === "Escape" && R();
     }
-    return we([B, f], () => {
-      f.value && w();
+    return we([P, f], () => {
+      f.value && B();
     }), Nt(() => {
-      r.value = b(r.value), w(), document.addEventListener("pointerdown", oe, !0), document.addEventListener("keydown", j), window.addEventListener("resize", Q);
+      r.value = C(r.value), B(), document.addEventListener("pointerdown", oe, !0), document.addEventListener("keydown", j), window.addEventListener("resize", Q);
     }), uo(() => {
-      I(), document.removeEventListener("pointerdown", oe, !0), document.removeEventListener("keydown", j), window.removeEventListener("resize", Q);
-    }), (L, h) => {
+      D(), document.removeEventListener("pointerdown", oe, !0), document.removeEventListener("keydown", j), window.removeEventListener("resize", Q);
+    }), (T, h) => {
       const p = ce("FmButton");
       return X(), de(Eo, {
         "enter-active-class": "transform transition duration-200 ease-out",
@@ -1602,7 +1602,7 @@ const xr = {
       }, {
         default: _e(() => [
           f.value ? (X(), le("div", xr, [
-            G("div", {
+            q("div", {
               ref_key: "panelRef",
               ref: a,
               class: "glassmorphism pointer-events-auto relative ml-auto flex h-full flex-col px-24 py-3 overflow-hidden rounded-l-2xl border border-fm-color-border-secondary bg-fm-color-neutral-white duration-200 ease-out",
@@ -1611,51 +1611,51 @@ const xr = {
               "aria-modal": "false",
               "aria-label": i(l)("report.widget.comparisonTooltip.fullBreakdownTitle")
             }, [
-              G("div", {
+              q("div", {
                 class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
-                onPointerdown: en(q, ["prevent"])
+                onPointerdown: en(E, ["prevent"])
               }, null, 32),
-              G("div", _r, [
-                G("div", Sr, Te(i(l)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
-                G("div", kr, [
+              q("div", _r, [
+                q("div", Sr, Te(i(l)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
+                q("div", kr, [
                   fe(p, {
                     class: "relative z-30 h-9 w-9 shrink-0",
                     variant: "tertiary",
                     icon: "close",
                     "aria-label": i(l)("report.dynamic.common.close"),
-                    onClick: V
+                    onClick: R
                   }, null, 8, ["aria-label"])
                 ])
               ]),
-              G("div", {
+              q("div", {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
-                onMouseleave: D
+                onMouseleave: L
               }, [
-                (X(!0), le(Fe, null, ct(O.value, (M, N) => (X(), le("div", {
+                (X(!0), le(Fe, null, ct(O.value, (M, z) => (X(), le("div", {
                   key: M.key,
                   class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
                 }, [
                   M.title ? (X(), le("p", Tr, Te(M.title), 1)) : he("", !0),
-                  (X(!0), le(Fe, null, ct(M.visibleValues, (F, K) => (X(), le("button", {
-                    key: `${F.text}-${K}`,
+                  (X(!0), le(Fe, null, ct(M.visibleValues, (N, K) => (X(), le("button", {
+                    key: `${N.text}-${K}`,
                     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: (H) => S(F),
-                    onFocus: (H) => S(F),
-                    onMouseleave: D,
-                    onBlur: D
+                    onMouseenter: (H) => _(N),
+                    onFocus: (H) => _(N),
+                    onMouseleave: L,
+                    onBlur: L
                   }, [
-                    G("span", Dr, [
-                      G("span", {
+                    q("span", Dr, [
+                      q("span", {
                         class: Se([
                           "inline-block h-3 w-3 shrink-0 box-border",
-                          F.isBar ? "rounded-sm border border-fm-color-neutral-gray-400" : "rounded-full border border-white shadow-[0_0_0_1px_rgba(17,24,39,0.28)]"
+                          N.isBar ? "rounded-sm border border-fm-color-neutral-gray-400" : "rounded-full border border-white shadow-[0_0_0_1px_rgba(17,24,39,0.28)]"
                         ]),
-                        style: Pe({ backgroundColor: F.color })
+                        style: Pe({ backgroundColor: N.color })
                       }, null, 6),
-                      G("span", Ir, Te(y(F)), 1)
+                      q("span", Ir, Te(y(N)), 1)
                     ]),
-                    G("span", Pr, Te(v(F)), 1)
+                    q("span", Pr, Te(v(N)), 1)
                   ], 40, Lr))), 128)),
                   M.hasMore ? (X(), le("div", Br, [
                     fe(p, {
@@ -1663,7 +1663,7 @@ const xr = {
                       variant: "tertiary",
                       size: "sm",
                       label: `${i(l)("report.widget.legend.viewMore")} (${M.remainingCount})`,
-                      onClick: (F) => $(M.key)
+                      onClick: (N) => F(M.key)
                     }, null, 8, ["label", "onClick"])
                   ])) : he("", !0)
                 ]))), 128))
@@ -1702,14 +1702,14 @@ const xr = {
   },
   emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
   setup(e, { emit: t }) {
-    const n = e, o = t, { t: l, locale: a } = dt(), r = P([]), c = P(0), u = P(!1), f = P(!1), B = P(0), O = P(null), x = P(null), v = P(null), y = P(null), S = P(!1), D = P(0), k = P(0), w = P(!1), $ = P(0), V = P(0), z = g(() => n.enabled !== !1), b = g(() => n.position === "left" || n.position === "right");
-    let T = null;
-    const I = g(
-      () => u.value && f.value && S.value
+    const n = e, o = t, { t: l, locale: a } = dt(), r = I([]), c = I(0), u = I(!1), f = I(!1), P = I(0), O = I(null), x = I(null), v = I(null), y = I(null), _ = I(!1), L = I(0), S = I(0), B = I(!1), F = I(0), R = I(0), V = g(() => n.enabled !== !1), C = g(() => n.position === "left" || n.position === "right");
+    let k = null;
+    const D = g(
+      () => u.value && f.value && _.value
     ), A = g(() => ({
-      height: `${Math.max(0, D.value)}px`,
-      transform: `translateY(${Math.max(0, k.value)}px)`
-    })), q = g(() => typeof n.textColor == "string" && n.textColor.trim().length > 0 ? n.textColor : "#6b6b6b"), Q = g(() => typeof n.fontSize == "number" && Number.isFinite(n.fontSize) && n.fontSize > 0 ? n.fontSize : 12);
+      height: `${Math.max(0, L.value)}px`,
+      transform: `translateY(${Math.max(0, S.value)}px)`
+    })), E = g(() => typeof n.textColor == "string" && n.textColor.trim().length > 0 ? n.textColor : "#6b6b6b"), Q = g(() => typeof n.fontSize == "number" && Number.isFinite(n.fontSize) && n.fontSize > 0 ? n.fontSize : 12);
     function oe(s) {
       j({ height: s, width: 0 });
     }
@@ -1718,11 +1718,11 @@ const xr = {
       const d = (W = n.chartRef) == null ? void 0 : W.$el;
       if (!(d instanceof HTMLElement))
         return;
-      const C = `${Math.max(0, Math.floor(s))}px`, R = `${Math.max(0, Math.floor(m))}px`;
-      d.style.getPropertyValue("--legend-panel-height") !== C && d.style.setProperty("--legend-panel-height", C), d.style.getPropertyValue("--legend-panel-width") !== R && d.style.setProperty("--legend-panel-width", R);
+      const b = `${Math.max(0, Math.floor(s))}px`, $ = `${Math.max(0, Math.floor(m))}px`;
+      d.style.getPropertyValue("--legend-panel-height") !== b && d.style.setProperty("--legend-panel-height", b), d.style.getPropertyValue("--legend-panel-width") !== $ && d.style.setProperty("--legend-panel-width", $);
     }
-    function L() {
-      T != null && (window.clearTimeout(T), T = null);
+    function T() {
+      k != null && (window.clearTimeout(k), k = null);
     }
     function h() {
       const s = Po(
@@ -1731,13 +1731,13 @@ const xr = {
       if (s)
         return s;
       const m = O.value, d = [m == null ? void 0 : m.parentElement, m == null ? void 0 : m.closest(".h-full"), m];
-      for (const C of d) {
-        if (!(C instanceof HTMLElement))
+      for (const b of d) {
+        if (!(b instanceof HTMLElement))
           continue;
-        const R = C.querySelector("canvas");
-        if (!(R instanceof HTMLCanvasElement))
+        const $ = b.querySelector("canvas");
+        if (!($ instanceof HTMLCanvasElement))
           continue;
-        const W = bn.getChart(R);
+        const W = bn.getChart($);
         if (W)
           return W;
       }
@@ -1747,55 +1747,55 @@ const xr = {
       M();
     }
     function M() {
-      var C;
-      const s = (C = O.value) == null ? void 0 : C.getBoundingClientRect(), m = Number((s == null ? void 0 : s.height) ?? 0), d = Number((s == null ? void 0 : s.width) ?? 0);
+      var b;
+      const s = (b = O.value) == null ? void 0 : b.getBoundingClientRect(), m = Number((s == null ? void 0 : s.height) ?? 0), d = Number((s == null ? void 0 : s.width) ?? 0);
       if (Number.isFinite(m) && m >= 0) {
         j({
-          height: b.value ? 0 : m,
-          width: b.value && Number.isFinite(d) && d >= 0 ? d : 0
+          height: C.value ? 0 : m,
+          width: C.value && Number.isFinite(d) && d >= 0 ? d : 0
         });
         return;
       }
       j({ height: 0, width: 0 });
     }
-    function N() {
+    function z() {
       const s = v.value;
       if (!s) {
-        S.value = !1, D.value = 0, k.value = 0;
+        _.value = !1, L.value = 0, S.value = 0;
         return;
       }
-      const m = s.clientHeight, d = s.scrollHeight, C = s.scrollTop, R = d > m + 1;
-      if (S.value = R, !R || m <= 0) {
-        D.value = 0, k.value = 0;
+      const m = s.clientHeight, d = s.scrollHeight, b = s.scrollTop, $ = d > m + 1;
+      if (_.value = $, !$ || m <= 0) {
+        L.value = 0, S.value = 0;
         return;
       }
-      const W = m, Z = Math.max(18, Math.round(m / d * W)), ee = Math.max(0, W - Z), U = Math.max(1, d - m), ie = Math.round(C / U * ee);
-      D.value = Z, k.value = ie;
+      const W = m, Z = Math.max(18, Math.round(m / d * W)), ee = Math.max(0, W - Z), U = Math.max(1, d - m), ie = Math.round(b / U * ee);
+      L.value = Z, S.value = ie;
     }
-    function F() {
-      N();
+    function N() {
+      z();
     }
     function K(s) {
       const m = v.value, d = x.value;
-      if (!m || !d || !S.value)
+      if (!m || !d || !_.value)
         return;
-      const C = d.getBoundingClientRect(), R = s.clientY - C.top, W = Math.max(0, R - D.value / 2), Z = Math.max(1, m.clientHeight - D.value), ee = Math.min(1, W / Z), U = Math.max(0, m.scrollHeight - m.clientHeight);
-      m.scrollTop = ee * U, N();
+      const b = d.getBoundingClientRect(), $ = s.clientY - b.top, W = Math.max(0, $ - L.value / 2), Z = Math.max(1, m.clientHeight - L.value), ee = Math.min(1, W / Z), U = Math.max(0, m.scrollHeight - m.clientHeight);
+      m.scrollTop = ee * U, z();
     }
     function H(s) {
-      S.value && (w.value = !0, $.value = s.clientY, V.value = k.value);
+      _.value && (B.value = !0, F.value = s.clientY, R.value = S.value);
     }
     function J(s) {
-      if (!w.value)
+      if (!B.value)
         return;
       const m = v.value;
       if (!m)
         return;
-      const d = s.clientY - $.value, C = Math.max(1, m.clientHeight - D.value), W = Math.min(C, Math.max(0, V.value + d)) / C, Z = Math.max(0, m.scrollHeight - m.clientHeight);
-      m.scrollTop = W * Z, N();
+      const d = s.clientY - F.value, b = Math.max(1, m.clientHeight - L.value), W = Math.min(b, Math.max(0, R.value + d)) / b, Z = Math.max(0, m.scrollHeight - m.clientHeight);
+      m.scrollTop = W * Z, z();
     }
-    function E() {
-      w.value && (w.value = !1);
+    function G() {
+      B.value && (B.value = !1);
     }
     function ae() {
       var m;
@@ -1803,25 +1803,25 @@ const xr = {
       for (const d of s) {
         if (!(d instanceof HTMLElement))
           continue;
-        const C = d.closest('[class*="fm-card"]');
-        if (C)
-          return C;
+        const b = d.closest('[class*="fm-card"]');
+        if (b)
+          return b;
       }
       for (const d of s) {
         if (!(d instanceof HTMLElement))
           continue;
-        const C = d.closest(".h-full") ?? d.parentElement;
-        if (C)
-          return C;
+        const b = d.closest(".h-full") ?? d.parentElement;
+        if (b)
+          return b;
       }
       return null;
     }
     function me() {
-      var d, C, R, W;
-      const s = (C = (d = O.value) == null ? void 0 : d.closest(".chart-layout")) == null ? void 0 : C.parentElement;
+      var d, b, $, W;
+      const s = (b = (d = O.value) == null ? void 0 : d.closest(".chart-layout")) == null ? void 0 : b.parentElement;
       if (s instanceof HTMLElement)
         return s;
-      const m = (R = n.chartRef) == null ? void 0 : R.$el;
+      const m = ($ = n.chartRef) == null ? void 0 : $.$el;
       if (m instanceof HTMLElement) {
         const Z = (W = m.closest(".chart-layout")) == null ? void 0 : W.parentElement;
         if (Z instanceof HTMLElement)
@@ -1830,8 +1830,8 @@ const xr = {
       return null;
     }
     function ue() {
-      var d, C, R, W;
-      const s = ((d = O.value) == null ? void 0 : d.closest(".chart-layout")) ?? ((W = (R = (C = n.chartRef) == null ? void 0 : C.$el) == null ? void 0 : R.closest) == null ? void 0 : W.call(R, ".chart-layout")) ?? null;
+      var d, b, $, W;
+      const s = ((d = O.value) == null ? void 0 : d.closest(".chart-layout")) ?? ((W = ($ = (b = n.chartRef) == null ? void 0 : b.$el) == null ? void 0 : $.closest) == null ? void 0 : W.call($, ".chart-layout")) ?? null;
       if (!(s instanceof HTMLElement))
         return null;
       const m = Number(s.getBoundingClientRect().width);
@@ -1847,7 +1847,7 @@ const xr = {
       const m = ae();
       if (!m)
         return null;
-      const d = window.getComputedStyle(m), C = parseFloat(d.paddingTop) || 0, R = parseFloat(d.paddingBottom) || 0, W = m.getBoundingClientRect().height - C - R;
+      const d = window.getComputedStyle(m), b = parseFloat(d.paddingTop) || 0, $ = parseFloat(d.paddingBottom) || 0, W = m.getBoundingClientRect().height - b - $;
       return Number.isFinite(W) && W > 0 ? W : null;
     }
     function ve() {
@@ -1860,22 +1860,22 @@ const xr = {
       const m = ae();
       if (!m)
         return null;
-      const d = window.getComputedStyle(m), C = parseFloat(d.paddingLeft) || 0, R = parseFloat(d.paddingRight) || 0, W = m.getBoundingClientRect().width - C - R;
+      const d = window.getComputedStyle(m), b = parseFloat(d.paddingLeft) || 0, $ = parseFloat(d.paddingRight) || 0, W = m.getBoundingClientRect().width - b - $;
       return Number.isFinite(W) && W > 0 ? W : null;
     }
     function Ce() {
       const s = h(), m = Number(s == null ? void 0 : s.height), d = re();
-      if (b.value)
+      if (C.value)
         return Number.isFinite(m) && m > 0 ? Math.max(0, Math.floor(m - lo)) : d != null ? Math.max(0, Math.floor(d - lo)) : 120;
       if (d != null) {
-        const C = d * 0.3, R = d - $r, W = Math.min(C, R);
+        const b = d * 0.3, $ = d - $r, W = Math.min(b, $);
         return Math.max(0, Math.floor(W));
       }
       return Number.isFinite(m) && m > 0 ? Math.max(0, Math.floor(m * 0.3)) : 120;
     }
     function Ne() {
       var W;
-      if (b.value) {
+      if (C.value) {
         const Z = ve();
         if (Z != null)
           return Math.max(0, Math.floor(Z * 0.3));
@@ -1885,13 +1885,13 @@ const xr = {
       const s = ue();
       if (s != null)
         return Math.max(0, Math.floor(s * 0.3));
-      const m = h(), d = Number(m == null ? void 0 : m.width), C = Number(((W = O.value) == null ? void 0 : W.getBoundingClientRect().width) ?? 0);
+      const m = h(), d = Number(m == null ? void 0 : m.width), b = Number(((W = O.value) == null ? void 0 : W.getBoundingClientRect().width) ?? 0);
       if (Number.isFinite(d) && d > 0) {
-        const Z = d + (Number.isFinite(C) ? C : 0);
+        const Z = d + (Number.isFinite(b) ? b : 0);
         return Math.max(0, Math.floor(Z * 0.3));
       }
-      const R = ve();
-      return R != null ? Math.max(0, Math.floor(R * 0.3)) : 180;
+      const $ = ve();
+      return $ != null ? Math.max(0, Math.floor($ * 0.3)) : 180;
     }
     function $e(s, m) {
       const d = n.chartColorBinding;
@@ -1926,8 +1926,8 @@ const xr = {
         const ee = typeof s.index == "number" ? s.index : W;
         return Ye({ index: ee, customColors: n.chartColors });
       }
-      const C = s;
-      return Le(s.fillStyle) || Le(s.strokeStyle) || Le(C.color) || "#9ca3af";
+      const b = s;
+      return Le(s.fillStyle) || Le(s.strokeStyle) || Le(b.color) || "#9ca3af";
     }
     function Le(s) {
       return typeof s == "string" && s.trim().length > 0 ? s : Array.isArray(s) ? s.map((d) => Le(d)).find((d) => typeof d == "string" && d.trim().length > 0) ?? "" : "";
@@ -1942,34 +1942,34 @@ const xr = {
       if (s.length <= 1)
         return s;
       const m = Number.isInteger(n.metricCount) && Number(n.metricCount) > 0 ? Number(n.metricCount) : 1;
-      return [...s.map((C, R) => {
-        const W = typeof C.datasetIndex == "number" ? C.datasetIndex : R, Z = _t({
+      return [...s.map((b, $) => {
+        const W = typeof b.datasetIndex == "number" ? b.datasetIndex : $, Z = _t({
           fallbackIndex: W,
           metricCount: m
         });
         return {
-          item: C,
-          originalIndex: R,
+          item: b,
+          originalIndex: $,
           breakdownIndex: Z
         };
-      })].sort((C, R) => C.breakdownIndex !== R.breakdownIndex ? C.breakdownIndex - R.breakdownIndex : C.originalIndex - R.originalIndex).map((C) => C.item);
+      })].sort((b, $) => b.breakdownIndex !== $.breakdownIndex ? b.breakdownIndex - $.breakdownIndex : b.originalIndex - $.originalIndex).map((b) => b.item);
     }
     function mt(s) {
       if (s.length <= 1)
         return s;
       const m = /* @__PURE__ */ new Map(), d = [];
-      for (const C of s) {
-        const R = typeof C.index == "number", W = C.datasetIndex, Z = typeof W == "number" && !R, ee = typeof C.text == "string" ? C.text.trim() : "";
+      for (const b of s) {
+        const $ = typeof b.index == "number", W = b.datasetIndex, Z = typeof W == "number" && !$, ee = typeof b.text == "string" ? b.text.trim() : "";
         if (!Z || !ee) {
-          d.push(C);
+          d.push(b);
           continue;
         }
         const U = ee.toLowerCase(), ie = m.get(U);
         if (ie == null) {
           d.push({
-            ...C,
+            ...b,
             datasetIndexes: [W],
-            datasetKeys: typeof C.datasetKey == "string" && C.datasetKey.trim().length > 0 ? [C.datasetKey] : []
+            datasetKeys: typeof b.datasetKey == "string" && b.datasetKey.trim().length > 0 ? [b.datasetKey] : []
           }), m.set(U, d.length - 1);
           continue;
         }
@@ -1983,11 +1983,11 @@ const xr = {
         const ne = new Set(
           Array.isArray(ge.datasetKeys) ? ge.datasetKeys : typeof ge.datasetKey == "string" && ge.datasetKey.trim().length > 0 ? [ge.datasetKey] : []
         );
-        typeof C.datasetKey == "string" && C.datasetKey.trim().length > 0 && ne.add(C.datasetKey), d[ie] = {
+        typeof b.datasetKey == "string" && b.datasetKey.trim().length > 0 && ne.add(b.datasetKey), d[ie] = {
           ...ge,
           datasetIndexes: Array.from(te).sort((pe, ye) => pe - ye),
           datasetKeys: Array.from(ne),
-          hidden: ge.hidden === !0 && C.hidden === !0
+          hidden: ge.hidden === !0 && b.hidden === !0
         };
       }
       return d;
@@ -2003,26 +2003,26 @@ const xr = {
       const d = tt(m == null ? void 0 : m.legendItems);
       if (d.length > 0)
         return d;
-      const C = (ie = (U = s == null ? void 0 : s.options) == null ? void 0 : U.plugins) == null ? void 0 : ie.legend, R = C == null ? void 0 : C.labels, W = R == null ? void 0 : R.generateLabels, Z = (pe = (ne = (te = (ge = bn.defaults) == null ? void 0 : ge.plugins) == null ? void 0 : te.legend) == null ? void 0 : ne.labels) == null ? void 0 : pe.generateLabels;
+      const b = (ie = (U = s == null ? void 0 : s.options) == null ? void 0 : U.plugins) == null ? void 0 : ie.legend, $ = b == null ? void 0 : b.labels, W = $ == null ? void 0 : $.generateLabels, Z = (pe = (ne = (te = (ge = bn.defaults) == null ? void 0 : ge.plugins) == null ? void 0 : te.legend) == null ? void 0 : ne.labels) == null ? void 0 : pe.generateLabels;
       let ee = tt(
         typeof W == "function" ? W(s) : []
       );
-      return ee.length === 0 && typeof Z == "function" && (ee = tt(Z(s))), typeof (R == null ? void 0 : R.filter) == "function" && (ee = ee.filter((ye) => R.filter(ye, s.data))), typeof (R == null ? void 0 : R.sort) == "function" && (ee = [...ee].sort((ye, Me) => R.sort(ye, Me, s.data))), (C == null ? void 0 : C.reverse) === !0 && (ee = [...ee].reverse()), ee;
+      return ee.length === 0 && typeof Z == "function" && (ee = tt(Z(s))), typeof ($ == null ? void 0 : $.filter) == "function" && (ee = ee.filter((ye) => $.filter(ye, s.data))), typeof ($ == null ? void 0 : $.sort) == "function" && (ee = [...ee].sort((ye, Me) => $.sort(ye, Me, s.data))), (b == null ? void 0 : b.reverse) === !0 && (ee = [...ee].reverse()), ee;
     }
     function ht(s) {
       var d;
-      return (Array.isArray((d = s == null ? void 0 : s.data) == null ? void 0 : d.datasets) ? s.data.datasets : []).map((C, R) => {
-        const W = Le((C == null ? void 0 : C.borderColor) ?? (C == null ? void 0 : C.backgroundColor)), Z = bt({
-          datasetIndex: R,
-          label: C == null ? void 0 : C.label
+      return (Array.isArray((d = s == null ? void 0 : s.data) == null ? void 0 : d.datasets) ? s.data.datasets : []).map((b, $) => {
+        const W = Le((b == null ? void 0 : b.borderColor) ?? (b == null ? void 0 : b.backgroundColor)), Z = bt({
+          datasetIndex: $,
+          label: b == null ? void 0 : b.label
         });
         return {
-          text: ot.value(C == null ? void 0 : C.label, C),
+          text: ot.value(b == null ? void 0 : b.label, b),
           fillStyle: W,
           strokeStyle: W,
-          datasetIndex: R,
+          datasetIndex: $,
           datasetKey: Z,
-          hidden: Array.isArray(n.hiddenDatasetKeys) ? n.hiddenDatasetKeys.includes(Z) : typeof s.isDatasetVisible == "function" ? !s.isDatasetVisible(R) : !1
+          hidden: Array.isArray(n.hiddenDatasetKeys) ? n.hiddenDatasetKeys.includes(Z) : typeof s.isDatasetVisible == "function" ? !s.isDatasetVisible($) : !1
         };
       });
     }
@@ -2030,14 +2030,14 @@ const xr = {
       () => (s, m) => {
         const d = s == null ? "" : String(s).trim();
         if (d.length === 0) return d;
-        const C = gt.value;
-        return d.endsWith(` ${C}`) || d.endsWith(C) ? d : (m == null ? void 0 : m.dash) === !0 || (m == null ? void 0 : m.isCompare) === !0 ? `${d} ${C}` : d;
+        const b = gt.value;
+        return d.endsWith(` ${b}`) || d.endsWith(b) ? d : (m == null ? void 0 : m.dash) === !0 || (m == null ? void 0 : m.isCompare) === !0 ? `${d} ${b}` : d;
       }
     );
     function Ee(s, m) {
       if (!Array.isArray(s) || s.length === 0)
         return [];
-      const d = s, C = d[0], R = Array.isArray(C == null ? void 0 : C.labels) ? C.labels : [], W = Array.isArray(m == null ? void 0 : m.metrics) ? m.metrics : [], Z = R.length > 0 ? R : W, ee = C == null ? void 0 : C.backgroundColor;
+      const d = s, b = d[0], $ = Array.isArray(b == null ? void 0 : b.labels) ? b.labels : [], W = Array.isArray(m == null ? void 0 : m.metrics) ? m.metrics : [], Z = $.length > 0 ? $ : W, ee = b == null ? void 0 : b.backgroundColor;
       return d.length === 1 && Array.isArray(ee) && ee.length > 1 ? ee.map((U, ie) => ({
         text: Z[ie] == null || String(Z[ie]).trim().length === 0 ? `Series ${ie + 1}` : String(Z[ie]),
         fillStyle: Le(U),
@@ -2087,23 +2087,23 @@ const xr = {
       const d = v.value;
       if (!d || s.length === 0)
         return 0;
-      const C = Math.max(0, m - ro), R = window.getComputedStyle(d);
-      if (R.flexDirection.startsWith("column")) {
-        const ne = Number.parseFloat(R.rowGap || R.gap || "0") || 0, pe = Kt();
+      const b = Math.max(0, m - ro), $ = window.getComputedStyle(d);
+      if ($.flexDirection.startsWith("column")) {
+        const ne = Number.parseFloat($.rowGap || $.gap || "0") || 0, pe = Kt();
         let ye = 0, Me = 0;
         for (let Ve = 0; Ve < s.length; Ve += 1) {
           const ke = s[Ve];
           if (!ke)
             continue;
           const lt = ye + (Me > 0 ? ne : 0) + ke.offsetHeight, Je = s.length - (Ve + 1) > 0 ? ne + pe : 0;
-          if (lt + Je > C)
+          if (lt + Je > b)
             break;
           ye = lt, Me += 1;
         }
         return Me > 0 ? Me : 1;
       }
       const Z = ((te = s[0]) == null ? void 0 : te.offsetTop) ?? 0, ee = s.filter(
-        (ne) => ne.offsetTop - Z + ne.offsetHeight <= C
+        (ne) => ne.offsetTop - Z + ne.offsetHeight <= b
       );
       if (ee.length === 0)
         return 0;
@@ -2112,7 +2112,7 @@ const xr = {
       const U = Ut();
       if (U <= 0)
         return Math.max(1, ee.length - 1);
-      const ie = Number.parseFloat(R.columnGap || R.gap || "0") || 0, ge = d.clientWidth;
+      const ie = Number.parseFloat($.columnGap || $.gap || "0") || 0, ge = d.clientWidth;
       for (let ne = ee.length; ne > 0; ne -= 1) {
         const pe = ee.slice(0, ne), ye = pe[pe.length - 1];
         if (!ye)
@@ -2125,21 +2125,21 @@ const xr = {
     function Tt() {
       const s = v.value;
       if (!s) {
-        f.value = !1, B.value = 0, c.value = 0, p(), N();
+        f.value = !1, P.value = 0, c.value = 0, p(), z();
         return;
       }
       const m = Array.from(
         s.querySelectorAll(".chart-legend-item[data-legend-data='true']")
       );
       if (m.length === 0) {
-        f.value = !1, B.value = 0, c.value = 0, p(), N();
+        f.value = !1, P.value = 0, c.value = 0, p(), z();
         return;
       }
-      const d = Array.from(new Set(m.map((ne) => ne.offsetTop))).sort((ne, pe) => ne - pe), C = !u.value && r.value.length > m.length, R = !u.value && !C, W = R || B.value <= 0 ? Ce() : B.value;
-      if ((R || B.value <= 0) && (B.value = W), C) {
+      const d = Array.from(new Set(m.map((ne) => ne.offsetTop))).sort((ne, pe) => ne - pe), b = !u.value && r.value.length > m.length, $ = !u.value && !b, W = $ || P.value <= 0 ? Ce() : P.value;
+      if (($ || P.value <= 0) && (P.value = W), b) {
         const ne = Ce();
-        if (ne > 0 && (B.value = ne), window.getComputedStyle(s).flexDirection.startsWith("column") && c.value < r.value.length) {
-          const Me = Math.max(0, B.value - ro), Ve = s.scrollHeight;
+        if (ne > 0 && (P.value = ne), window.getComputedStyle(s).flexDirection.startsWith("column") && c.value < r.value.length) {
+          const Me = Math.max(0, P.value - ro), Ve = s.scrollHeight;
           if (Ve + 1 < Me) {
             const ke = m.map((De) => De.offsetHeight).filter((De) => Number.isFinite(De) && De > 0), lt = ke.length > 0 ? ke.reduce((De, Je) => De + Je, 0) / ke.length : 0;
             if (lt > 0) {
@@ -2154,25 +2154,25 @@ const xr = {
             }
           }
         }
-        f.value = !0, p(), N();
+        f.value = !0, p(), z();
         return;
       }
       const Z = d[0] ?? 0, ee = d[d.length - 1] ?? Z, U = m.filter((ne) => ne.offsetTop === ee), ie = Math.max(...U.map((ne) => ne.offsetHeight), 0), ge = Math.max(0, ee - Z + ie), te = Xt(m, W);
-      (R || c.value <= 0) && (c.value = Math.max(0, te)), f.value = ge > W, p(), N();
+      ($ || c.value <= 0) && (c.value = Math.max(0, te)), f.value = ge > W, p(), z();
     }
     function Oe() {
       co(() => {
         Tt(), window.requestAnimationFrame(() => {
-          Tt(), M(), N();
+          Tt(), M(), z();
         });
       });
     }
     const Lt = g(() => {
       const s = {
-        "--legend-text-color": q.value,
+        "--legend-text-color": E.value,
         "--legend-font-size": `${Q.value}px`
       }, m = Ce();
-      if (b.value) {
+      if (C.value) {
         const d = Ne();
         return {
           ...s,
@@ -2191,9 +2191,9 @@ const xr = {
     }), qe = g(() => {
       if (u.value || !f.value)
         return r.value;
-      const s = Math.max(1, c.value), m = b.value ? s : Math.max(0, s - 1);
+      const s = Math.max(1, c.value), m = C.value ? s : Math.max(0, s - 1);
       return r.value.slice(0, Math.min(m, r.value.length));
-    }), rt = g(() => z.value ? f.value && u.value ? {
+    }), rt = g(() => V.value ? f.value && u.value ? {
       flex: "1 1 auto",
       minHeight: "0",
       overflowY: "auto"
@@ -2201,12 +2201,12 @@ const xr = {
       overflow: "hidden"
     } : {} : {});
     function Dt() {
-      var C;
-      if (!z.value) {
-        r.value = [], c.value = 0, u.value = !1, f.value = !1, B.value = 0, j({ height: 0, width: 0 });
+      var b;
+      if (!V.value) {
+        r.value = [], c.value = 0, u.value = !1, f.value = !1, P.value = 0, j({ height: 0, width: 0 });
         return;
       }
-      c.value = 0, f.value = !1, B.value = 0;
+      c.value = 0, f.value = !1, P.value = 0;
       const s = h();
       if (!s) {
         r.value = nt(
@@ -2219,7 +2219,7 @@ const xr = {
       } catch {
         r.value = [];
       }
-      const m = Array.isArray((C = s == null ? void 0 : s.data) == null ? void 0 : C.datasets) ? s.data.datasets : [];
+      const m = Array.isArray((b = s == null ? void 0 : s.data) == null ? void 0 : b.datasets) ? s.data.datasets : [];
       r.value.length === 0 && (r.value = Ee(n.legendUpdateKey, n.chartRef)), r.value.length === 0 && (r.value = ht(s)), r.value = mt(nt(r.value));
       const d = Array.isArray(n.legendUpdateKey) && n.legendUpdateKey.length > 0 || !Array.isArray(n.legendUpdateKey) && !!n.legendUpdateKey;
       r.value.length === 0 && !(m.length > 0 || d) && oe(0), Oe();
@@ -2244,10 +2244,10 @@ const xr = {
       );
     }
     function ln(s, m, d) {
-      var R;
+      var $;
       typeof s.setDatasetVisibility == "function" ? s.setDatasetVisibility(m, d) : d && typeof s.show == "function" ? s.show(m) : !d && typeof s.hide == "function" && s.hide(m);
-      const C = Array.isArray((R = s == null ? void 0 : s.data) == null ? void 0 : R.datasets) ? s.data.datasets[m] : null;
-      C && typeof C == "object" && (C.hidden = !d);
+      const b = Array.isArray(($ = s == null ? void 0 : s.data) == null ? void 0 : $.datasets) ? s.data.datasets[m] : null;
+      b && typeof b == "object" && (b.hidden = !d);
     }
     function sn(s, m) {
       var Z;
@@ -2255,27 +2255,27 @@ const xr = {
         s.toggleDataVisibility(m);
         return;
       }
-      const d = Array.isArray((Z = s == null ? void 0 : s.data) == null ? void 0 : Z.datasets) ? s.data.datasets[0] : null, C = Array.isArray(d == null ? void 0 : d.data) ? d.data : [];
-      if (m < 0 || m >= C.length)
+      const d = Array.isArray((Z = s == null ? void 0 : s.data) == null ? void 0 : Z.datasets) ? s.data.datasets[0] : null, b = Array.isArray(d == null ? void 0 : d.data) ? d.data : [];
+      if (m < 0 || m >= b.length)
         return;
-      const R = typeof s.getDatasetMeta == "function" ? s.getDatasetMeta(0) : null, W = Array.isArray(R == null ? void 0 : R.data) ? R.data[m] : null;
+      const $ = typeof s.getDatasetMeta == "function" ? s.getDatasetMeta(0) : null, W = Array.isArray($ == null ? void 0 : $.data) ? $.data[m] : null;
       W && typeof W.hidden == "boolean" && (W.hidden = !W.hidden);
     }
     function Et(s = 0) {
       Dt();
       const m = h(), d = r.value.length > 0;
       if (m || d || s >= zr) {
-        L();
+        T();
         return;
       }
-      L(), T = window.setTimeout(() => {
+      T(), k = window.setTimeout(() => {
         Et(s + 1);
       }, Vr);
     }
     function Ue(s, m) {
       var ge;
-      const d = h(), C = String(((ge = d == null ? void 0 : d.config) == null ? void 0 : ge.type) ?? ""), R = C === "pie" || C === "doughnut" || C === "polarArea", W = typeof s.index == "number" ? s.index : typeof m == "number" ? m : null;
-      if ((R || typeof s.index == "number") && typeof W == "number") {
+      const d = h(), b = String(((ge = d == null ? void 0 : d.config) == null ? void 0 : ge.type) ?? ""), $ = b === "pie" || b === "doughnut" || b === "polarArea", W = typeof s.index == "number" ? s.index : typeof m == "number" ? m : null;
+      if (($ || typeof s.index == "number") && typeof W == "number") {
         if (Array.isArray(n.hiddenDataPointIndexes)) {
           o("toggleDataPointVisibility", { itemIndex: W });
           return;
@@ -2336,7 +2336,7 @@ const xr = {
       u.value = !1, v.value && (v.value.scrollTop = 0), Oe();
     }
     return Nt(() => {
-      Et(), window.addEventListener("mousemove", J), window.addEventListener("mouseup", E);
+      Et(), window.addEventListener("mousemove", J), window.addEventListener("mouseup", G);
     }), we(
       () => [
         n.enabled,
@@ -2349,68 +2349,68 @@ const xr = {
         Dt();
       }
     ), uo(() => {
-      w.value = !1, L(), j({ height: 0, width: 0 }), window.removeEventListener("mousemove", J), window.removeEventListener("mouseup", E);
-    }), (s, m) => z.value ? (X(), le("div", {
+      B.value = !1, T(), j({ height: 0, width: 0 }), window.removeEventListener("mousemove", J), window.removeEventListener("mouseup", G);
+    }), (s, m) => V.value ? (X(), le("div", {
       key: 0,
       ref_key: "legendPanelRef",
       ref: O,
       class: Se(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
-        "self-stretch h-full pt-2": b.value,
-        "mb-2": !b.value && s.position === "top",
-        "mt-2": !b.value && s.position === "bottom"
+        "self-stretch h-full pt-2": C.value,
+        "mb-2": !C.value && s.position === "top",
+        "mt-2": !C.value && s.position === "bottom"
       }]),
       style: Pe(Lt.value)
     }, [
-      G("div", {
+      q("div", {
         ref_key: "legendScrollShellRef",
         ref: x,
         class: "relative z-[2] flex flex-1 min-h-0 flex-col overflow-hidden"
       }, [
-        G("div", {
+        q("div", {
           ref_key: "legendToggleMeasureRef",
           ref: y,
           class: "absolute invisible pointer-events-none left-0 top-0 z-[2] inline-flex max-w-full select-none"
         }, [
-          G("button", Ar, Te(i(l)("report.widget.legend.viewMore")), 1)
+          q("button", Ar, Te(i(l)("report.widget.legend.viewMore")), 1)
         ], 512),
-        G("ul", {
+        q("ul", {
           ref_key: "legendListRef",
           ref: v,
           class: Se(["chart-legend-list m-0 flex list-none p-0", [
-            b.value ? "flex-row flex-wrap justify-start gap-x-3 gap-y-2 pt-1" : "flex-wrap justify-center gap-x-2 gap-y-1 pt-1"
+            C.value ? "flex-row flex-wrap justify-start gap-x-3 gap-y-2 pt-1" : "flex-wrap justify-center gap-x-2 gap-y-1 pt-1"
           ]]),
           style: Pe(rt.value),
-          onScroll: F
+          onScroll: N
         }, [
-          (X(!0), le(Fe, null, ct(qe.value, (d, C) => (X(), le("li", {
-            key: Ge(d, C),
+          (X(!0), le(Fe, null, ct(qe.value, (d, b) => (X(), le("li", {
+            key: Ge(d, b),
             class: Se(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
               "opacity-45": d.hidden
             }]),
             "data-legend-data": "true"
           }, [
-            G("button", {
+            q("button", {
               type: "button",
-              class: Se(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "justify-start text-left": b.value }]),
+              class: Se(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "justify-start text-left": C.value }]),
               "aria-pressed": d.hidden === !0 ? "false" : "true",
-              onClick: en((R) => Ue(d, C), ["stop"])
+              onClick: en(($) => Ue(d, b), ["stop"])
             }, [
               n.usePointStyle !== !1 ? (X(), le("span", {
                 key: 0,
                 class: "h-5 w-5 shrink-0 rounded-full",
-                style: Pe({ backgroundColor: $e(d, C) })
+                style: Pe({ backgroundColor: $e(d, b) })
               }, null, 4)) : (X(), le("span", {
                 key: 1,
                 class: "h-5 w-5 shrink-0 rounded-sm border border-solid border-gray-300",
                 style: Pe({
-                  backgroundColor: $e(d, C),
+                  backgroundColor: $e(d, b),
                   borderColor: "#c7c7cc"
                 })
               }, null, 4)),
-              G("span", {
+              q("span", {
                 class: Se(["chart-legend-text leading-[1.4]", {
-                  "max-w-[120px] whitespace-nowrap overflow-hidden text-left": b.value,
-                  "whitespace-nowrap overflow-hidden": !b.value,
+                  "max-w-[120px] whitespace-nowrap overflow-hidden text-left": C.value,
+                  "whitespace-nowrap overflow-hidden": !C.value,
                   "line-through": d.hidden
                 }]),
                 title: d.text ?? ""
@@ -2418,7 +2418,7 @@ const xr = {
             ], 10, Fr)
           ], 2))), 128)),
           f.value ? (X(), le("li", Nr, [
-            G("button", {
+            q("button", {
               type: "button",
               class: "inline-flex max-w-full cursor-pointer select-none underline items-center gap-1 rounded px-1 py-0.5 border-none bg-transparent text-fm-color-system-info-300 leading-[1.4] transition-colors hover:bg-black/5",
               style: { fontSize: "var(--legend-font-size)" },
@@ -2426,12 +2426,12 @@ const xr = {
             }, Te(u.value ? i(l)("report.widget.legend.viewLess") : i(l)("report.widget.legend.viewMore")), 1)
           ])) : he("", !0)
         ], 38),
-        I.value ? (X(), le("div", {
+        D.value ? (X(), le("div", {
           key: 0,
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
           onMousedown: K
         }, [
-          G("div", {
+          q("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
             style: Pe(A.value),
             onMousedown: en(H, ["stop"])
@@ -2442,7 +2442,7 @@ const xr = {
   }
 }), Re = /* @__PURE__ */ go(Hr, [["__scopeId", "data-v-706fa016"]]);
 function Wr(e, t) {
-  const { t: n } = dt(), { breakpoints: o } = $t(), l = P(!1), a = P(null), r = P(null);
+  const { t: n } = dt(), { breakpoints: o } = $t(), l = I(!1), a = I(null), r = I(null);
   function c() {
     return Po(e.value) ?? r.value;
   }
@@ -2452,7 +2452,7 @@ function Wr(e, t) {
   function f(v, y) {
     a.value = v, r.value = y ?? c(), l.value = !0;
   }
-  function B(v) {
+  function P(v) {
     on(c(), v.focusTarget);
   }
   function O() {
@@ -2468,12 +2468,12 @@ function Wr(e, t) {
     tooltipDetailsPayload: a,
     tooltipOptions: x,
     handleTooltipDetailsSheetVisibility: u,
-    handleTooltipDetailsHover: B,
+    handleTooltipDetailsHover: P,
     handleTooltipDetailsLeave: O
   };
 }
 function Or(e) {
-  const t = P([]), n = g(() => new Set(t.value));
+  const t = I([]), n = g(() => new Set(t.value));
   function o(r, c) {
     return bt({
       datasetIndex: c,
@@ -2495,7 +2495,7 @@ function Or(e) {
     e,
     (r) => {
       const c = new Set(
-        r.map((f, B) => o(f, B))
+        r.map((f, P) => o(f, P))
       ), u = t.value.filter((f) => c.has(f));
       u.length !== t.value.length && (t.value = u);
     },
@@ -2516,18 +2516,18 @@ function Ot({ chartRef: e, model: t, baseDatasets: n }) {
     handleTooltipDetailsLeave: f
   } = Wr(e, {
     maxTooltipItems: o
-  }), { datalabels: B, xCfg: O, yCfg: x, isTransposed: v, legend: y } = Ao(t.value), S = g(
+  }), { datalabels: P, xCfg: O, yCfg: x, isTransposed: v, legend: y } = Ao(t.value), _ = g(
     () => Dn(t.value.isTransposed === !0, r.value)
-  ), D = g(() => {
-    const I = y.value.position;
-    return !I || I === "top" || I === "bottom" || I === "left" || I === "right";
-  }), k = g(() => y.value.position ?? "top"), w = g(
-    () => k.value === "left" || k.value === "right"
-  ), $ = g(
-    () => k.value === "top" || k.value === "left"
-  ), { hiddenDatasetKeys: V, isDatasetHidden: z, toggleDatasetVisibility: b } = Or(n), T = g(() => n.value.map((I, A) => ({
-    ...I,
-    hidden: z(I, A)
+  ), L = g(() => {
+    const D = y.value.position;
+    return !D || D === "top" || D === "bottom" || D === "left" || D === "right";
+  }), S = g(() => y.value.position ?? "top"), B = g(
+    () => S.value === "left" || S.value === "right"
+  ), F = g(
+    () => S.value === "top" || S.value === "left"
+  ), { hiddenDatasetKeys: R, isDatasetHidden: V, toggleDatasetVisibility: C } = Or(n), k = g(() => n.value.map((D, A) => ({
+    ...D,
+    hidden: V(D, A)
   })));
   return {
     isTooltipDetailsSheetOpen: l,
@@ -2535,19 +2535,19 @@ function Ot({ chartRef: e, model: t, baseDatasets: n }) {
     handleTooltipDetailsSheetVisibility: c,
     handleTooltipDetailsHover: u,
     handleTooltipDetailsLeave: f,
-    comparisonTooltip: S,
-    datalabels: B,
+    comparisonTooltip: _,
+    datalabels: P,
     xCfg: O,
     yCfg: x,
     isTransposed: v,
     legend: y,
-    useCustomLegend: D,
-    legendPosition: k,
-    isLegendSide: w,
-    isLegendBeforeChart: $,
-    hiddenDatasetKeys: V,
-    toggleDatasetVisibility: b,
-    datasets: T
+    useCustomLegend: L,
+    legendPosition: S,
+    isLegendSide: B,
+    isLegendBeforeChart: F,
+    hiddenDatasetKeys: R,
+    toggleDatasetVisibility: C,
+    datasets: k
   };
 }
 const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /* @__PURE__ */ Ae({
@@ -2560,7 +2560,7 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = We(e, "modelValue"), n = P(null), o = g(() => {
+    const t = We(e, "modelValue"), n = I(null), o = g(() => {
       var p;
       return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
     }), l = g(() => {
@@ -2569,7 +2569,7 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
     }), a = g(() => l.value.length === 1 && o.value.length > 1 && o.value.every((p) => p.values.length === 1 && p.isCompare !== !0)), r = g(() => a.value ? o.value.map((p) => p.name) : l.value), c = g(() => ({
       categories: r.value
     })), u = g(() => l.value.length === 1 && o.value.some((p) => p.isCompare === !0)), f = Ht("bar");
-    function B(p) {
+    function P(p) {
       return {
         label: `__comparison_gap__${p}`,
         data: [0],
@@ -2582,16 +2582,16 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
     }
     const O = g(() => o.value.length > 0 ? [
       ...o.value.map((p, M) => {
-        const N = Vt({
+        const z = Vt({
           datasets: o.value,
           datasetIndex: M
-        }), F = Be({
-          datasetIndex: N,
+        }), N = Be({
+          datasetIndex: z,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
         }), K = Be({
-          datasetIndex: N,
+          datasetIndex: z,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: be.metric
@@ -2600,8 +2600,8 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
         a.value && (H = o.value.map(
           (me, ue) => ue === M ? p.values[0] : NaN
         ));
-        const J = t.value.chartColorBinding === be.breakdown, E = _t({
-          fallbackIndex: N,
+        const J = t.value.chartColorBinding === be.breakdown, G = _t({
+          fallbackIndex: z,
           metricCount: t.value.metricCount
         }), ae = H.map((me) => me === null ? NaN : Number(me));
         return {
@@ -2611,7 +2611,7 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
           minBarLength: void 0,
           barPercentage: u.value ? gn : void 0,
           backgroundColor: J ? kt({
-            breakdownIndex: E,
+            breakdownIndex: G,
             metricIndex: K,
             metricCount: t.value.metricCount,
             isCompare: p.isCompare,
@@ -2619,7 +2619,7 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
             useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
             customColors: t.value.chartColors
           }) : Ye({
-            index: F,
+            index: N,
             isCompare: p.isCompare,
             customColors: t.value.chartColors
           })
@@ -2629,18 +2629,18 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
       isTooltipDetailsSheetOpen: x,
       tooltipDetailsPayload: v,
       handleTooltipDetailsSheetVisibility: y,
-      handleTooltipDetailsHover: S,
-      handleTooltipDetailsLeave: D,
-      comparisonTooltip: k,
-      datalabels: w,
-      xCfg: $,
-      yCfg: V,
-      isTransposed: z,
-      legend: b,
-      useCustomLegend: T,
-      legendPosition: I,
+      handleTooltipDetailsHover: _,
+      handleTooltipDetailsLeave: L,
+      comparisonTooltip: S,
+      datalabels: B,
+      xCfg: F,
+      yCfg: R,
+      isTransposed: V,
+      legend: C,
+      useCustomLegend: k,
+      legendPosition: D,
       isLegendSide: A,
-      isLegendBeforeChart: q,
+      isLegendBeforeChart: E,
       hiddenDatasetKeys: Q,
       toggleDatasetVisibility: oe,
       datasets: j
@@ -2648,45 +2648,45 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
       chartRef: n,
       model: t,
       baseDatasets: O
-    }), L = g(() => {
+    }), T = g(() => {
       if (!u.value)
         return j.value;
       const p = [];
-      return j.value.forEach((M, N) => {
+      return j.value.forEach((M, z) => {
         p.push({
           ...M,
           barPercentage: gn
         });
-        const F = j.value[N + 1];
-        M.dash === !0 && F && p.push(B(N));
+        const N = j.value[z + 1];
+        M.dash === !0 && N && p.push(P(z));
       }), p;
     }), h = g(() => ({
       display: !1,
       labels: {
         filter: (p, M) => {
-          var N, F;
-          return !((F = (N = M.datasets) == null ? void 0 : N[p.datasetIndex ?? -1]) != null && F.isSpacer);
+          var z, N;
+          return !((N = (z = M.datasets) == null ? void 0 : z[p.datasetIndex ?? -1]) != null && N.isSpacer);
         }
       }
     }));
     return (p, M) => {
-      var F, K, H, J, E, ae;
-      const N = ce("FmBarChart");
+      var N, K, H, J, G, ae;
+      const z = ce("FmBarChart");
       return X(), le(Fe, null, [
-        G("div", Ur, [
+        q("div", Ur, [
           et(p.$slots, "menu"),
-          G("div", {
+          q("div", {
             class: Se(["chart-layout", {
-              "chart-layout--side": i(T) && (i(b).display ?? !1) && i(A)
+              "chart-layout--side": i(k) && (i(C).display ?? !1) && i(A)
             }])
           }, [
-            i(T) && (i(b).display ?? !1) && i(q) ? (X(), de(Re, {
+            i(k) && (i(C).display ?? !1) && i(E) ? (X(), de(Re, {
               key: 0,
               "chart-ref": n.value,
-              enabled: i(b).display ?? !1,
-              position: i(I),
-              "text-color": (F = i(b).labels) == null ? void 0 : F.color,
-              "font-size": (H = (K = i(b).labels) == null ? void 0 : K.font) == null ? void 0 : H.size,
+              enabled: i(C).display ?? !1,
+              position: i(D),
+              "text-color": (N = i(C).labels) == null ? void 0 : N.color,
+              "font-size": (H = (K = i(C).labels) == null ? void 0 : K.font) == null ? void 0 : H.size,
               "legend-update-key": i(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2697,28 +2697,28 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
               "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"])) : he("", !0),
-            fe(N, {
+            fe(z, {
               ref_key: "chartRef",
               ref: n,
               class: "bar-chart",
-              datasets: L.value,
+              datasets: T.value,
               "x-axis": c.value,
-              "x-cfg": i($),
-              "y-cfg": i(V),
-              transpose: i(z),
+              "x-cfg": i(F),
+              "y-cfg": i(R),
+              transpose: i(V),
               legend: h.value,
-              tooltip: i(k),
-              datalabels: i(w),
+              tooltip: i(S),
+              datalabels: i(B),
               plugins: [i(f)],
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins"]),
-            i(T) && (i(b).display ?? !1) && !i(q) ? (X(), de(Re, {
+            i(k) && (i(C).display ?? !1) && !i(E) ? (X(), de(Re, {
               key: 1,
               "chart-ref": n.value,
-              enabled: i(b).display ?? !1,
-              position: i(I),
-              "text-color": (J = i(b).labels) == null ? void 0 : J.color,
-              "font-size": (ae = (E = i(b).labels) == null ? void 0 : E.font) == null ? void 0 : ae.size,
+              enabled: i(C).display ?? !1,
+              position: i(D),
+              "text-color": (J = i(C).labels) == null ? void 0 : J.color,
+              "font-size": (ae = (G = i(C).labels) == null ? void 0 : G.font) == null ? void 0 : ae.size,
               "legend-update-key": i(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2735,8 +2735,8 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
           "model-value": i(x),
           "details-payload": i(v),
           "onUpdate:modelValue": i(y),
-          onValueHover: i(S),
-          onValueLeave: i(D)
+          onValueHover: i(_),
+          onValueLeave: i(L)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -2751,75 +2751,75 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = We(e, "modelValue"), { breakpoints: n } = $t(), o = P(null), l = P([]), { datalabels: a, legend: r } = Ao(t.value), c = g(() => {
-      const z = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((b) => b.name) : [];
-      return z.length > 0 ? z : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((b) => String(b)) : [];
+    const t = We(e, "modelValue"), { breakpoints: n } = $t(), o = I(null), l = I([]), { datalabels: a, legend: r } = Ao(t.value), c = g(() => {
+      const V = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((C) => C.name) : [];
+      return V.length > 0 ? V : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((C) => String(C)) : [];
     }), u = g(() => {
-      let z = [];
-      return Array.isArray(t.value.data.datasets) && t.value.data.datasets.length > 0 && (z = [
+      let V = [];
+      return Array.isArray(t.value.data.datasets) && t.value.data.datasets.length > 0 && (V = [
         {
           label: c.value[0] ?? (Array.isArray(t.value.data.metrics) && t.value.data.metrics.length > 0 ? String(t.value.data.metrics[0]) : "Series"),
           labels: c.value,
           data: t.value.data.datasets.map(
-            (T, I) => l.value.includes(I) ? null : T.value
+            (k, D) => l.value.includes(D) ? null : k.value
           ),
           backgroundColor: t.value.data.datasets.map(
-            (T, I) => Ye({ index: I, customColors: t.value.chartColors })
+            (k, D) => Ye({ index: D, customColors: t.value.chartColors })
           )
         }
-      ]), z;
+      ]), V;
     });
     we(
       () => t.value.data.datasets,
-      (z) => {
-        const b = new Set(
-          Array.isArray(z) ? z.map((T, I) => I) : []
+      (V) => {
+        const C = new Set(
+          Array.isArray(V) ? V.map((k, D) => D) : []
         );
         l.value = l.value.filter(
-          (T) => b.has(T)
+          (k) => C.has(k)
         );
       },
       { deep: !0 }
     );
-    const f = g(() => typeof t.value.legendFontSize == "number" ? t.value.legendFontSize : n.value.lg ? 12 : 8), B = g(() => {
-      const z = r.value.position;
-      return !z || z === "top" || z === "bottom" || z === "left" || z === "right";
-    }), O = g(() => r.value.display !== !1), x = g(() => B.value && O.value), v = g(() => r.value.position ?? "top"), y = g(
+    const f = g(() => typeof t.value.legendFontSize == "number" ? t.value.legendFontSize : n.value.lg ? 12 : 8), P = g(() => {
+      const V = r.value.position;
+      return !V || V === "top" || V === "bottom" || V === "left" || V === "right";
+    }), O = g(() => r.value.display !== !1), x = g(() => P.value && O.value), v = g(() => r.value.position ?? "top"), y = g(
       () => v.value === "left" || v.value === "right"
-    ), S = g(
+    ), _ = g(
       () => v.value === "top" || v.value === "left"
-    ), D = g(() => {
-      var b;
-      const z = (b = r.value.labels) == null ? void 0 : b.color;
-      return typeof z == "string" && z.trim().length > 0 ? z : t.value.legendColor ?? "#6b6b6b";
-    }), k = g(() => f.value), w = g(() => ({
+    ), L = g(() => {
+      var C;
+      const V = (C = r.value.labels) == null ? void 0 : C.color;
+      return typeof V == "string" && V.trim().length > 0 ? V : t.value.legendColor ?? "#6b6b6b";
+    }), S = g(() => f.value), B = g(() => ({
       display: !1
-    })), $ = _a();
-    function V({ itemIndex: z }) {
-      if (l.value.includes(z)) {
+    })), F = _a();
+    function R({ itemIndex: V }) {
+      if (l.value.includes(V)) {
         l.value = l.value.filter(
-          (b) => b !== z
+          (C) => C !== V
         );
         return;
       }
-      l.value = [...l.value, z];
+      l.value = [...l.value, V];
     }
-    return (z, b) => {
-      const T = ce("FmPieChart");
+    return (V, C) => {
+      const k = ce("FmPieChart");
       return X(), le("div", Xr, [
-        et(z.$slots, "menu"),
-        G("div", {
+        et(V.$slots, "menu"),
+        q("div", {
           class: Se(["chart-layout", {
             "chart-layout--side": x.value && y.value
           }])
         }, [
-          x.value && S.value ? (X(), de(Re, {
+          x.value && _.value ? (X(), de(Re, {
             key: 0,
             "chart-ref": o.value,
             enabled: O.value,
             position: v.value,
-            "text-color": D.value,
-            "font-size": k.value,
+            "text-color": L.value,
+            "font-size": S.value,
             "legend-update-key": u.value,
             "use-point-style": t.value.usePointStyle ?? !0,
             "chart-color-binding": t.value.chartColorBinding,
@@ -2828,28 +2828,28 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
             "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": l.value,
-            onToggleDataPointVisibility: V
+            onToggleDataPointVisibility: R
           }, 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-data-point-indexes"])) : he("", !0),
-          fe(T, {
+          fe(k, {
             ref_key: "chartRef",
             ref: o,
             class: "circular",
             percentage: "70%",
             datasets: u.value,
             metrics: c.value,
-            tooltip: i($),
+            tooltip: i(F),
             variant: "doughnut",
-            legend: w.value,
+            legend: B.value,
             datalabels: i(a),
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "metrics", "tooltip", "legend", "datalabels"]),
-          x.value && !S.value ? (X(), de(Re, {
+          x.value && !_.value ? (X(), de(Re, {
             key: 1,
             "chart-ref": o.value,
             enabled: O.value,
             position: v.value,
-            "text-color": D.value,
-            "font-size": k.value,
+            "text-color": L.value,
+            "font-size": S.value,
             "legend-update-key": u.value,
             "use-point-style": t.value.usePointStyle ?? !0,
             "chart-color-binding": t.value.chartColorBinding,
@@ -2858,7 +2858,7 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
             "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": l.value,
-            onToggleDataPointVisibility: V
+            onToggleDataPointVisibility: R
           }, 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-data-point-indexes"])) : he("", !0)
         ], 2)
       ]);
@@ -2888,25 +2888,25 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
       });
     });
     return (o, l) => (X(), le("div", Er, [
-      G("div", Gr, [
+      q("div", Gr, [
         (X(!0), le(Fe, null, ct(n.value, (a, r) => (X(), le("div", {
           key: r,
           class: "flex flex-col gap-1 flex-1 min-w-[80px]"
         }, [
-          G("div", qr, [
-            G("span", {
+          q("div", qr, [
+            q("span", {
               class: "inline-block w-3 h-3 rounded-sm shrink-0",
               style: Pe({ backgroundColor: a.color })
             }, null, 4),
-            G("p", {
+            q("p", {
               class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary truncate",
               title: a.label
             }, Te(a.label), 9, jr)
           ]),
-          G("p", Jr, Te(a.display), 1)
+          q("p", Jr, Te(a.display), 1)
         ]))), 128))
       ]),
-      G("div", Zr, [
+      q("div", Zr, [
         (X(!0), le(Fe, null, ct(n.value, (a, r) => (X(), le("div", {
           key: r,
           style: Pe({ width: `${a.width}%`, backgroundColor: a.color })
@@ -2929,14 +2929,14 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
   emits: ["update:modelValue"],
   setup(e) {
     const t = We(e, "modelValue"), { t: n } = dt(), { compareDateRange: o, defaultDateSetting: l } = At(an()), { country: a } = ho(), r = g(() => {
-      var k;
-      return ((k = t.value.data) == null ? void 0 : k.value) || "";
+      var S;
+      return ((S = t.value.data) == null ? void 0 : S.value) || "";
     }), c = g(() => Ft(r.value)), u = g(() => {
-      const { data: k } = t.value;
-      return k != null && k.comparison ? _o(r.value, k.comparison, a) : null;
+      const { data: S } = t.value;
+      return S != null && S.comparison ? _o(r.value, S.comparison, a) : null;
     });
-    function f(k) {
-      switch (k) {
+    function f(S) {
+      switch (S) {
         case nn.bar:
           return "bar";
         case nn.stackedBar:
@@ -2946,31 +2946,31 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
           return "line";
       }
     }
-    const B = g(() => {
-      var k;
-      return (k = t.value.data) == null ? void 0 : k.sparkline;
+    const P = g(() => {
+      var S;
+      return (S = t.value.data) == null ? void 0 : S.sparkline;
     }), O = g(() => ({
       display: !1,
       beginAtZero: !1
     })), x = g(() => ({
       display: !1,
       beginAtZero: !0
-    })), v = g(() => B.value.datasets.map((k) => ({
-      label: k.name,
-      data: k.values,
+    })), v = g(() => P.value.datasets.map((S) => ({
+      label: S.name,
+      data: S.values,
       fill: !0,
       color: "#36a2eb"
     }))), y = g(
-      () => v.value.map((k) => ({ ...k, backgroundColor: "rgba(54,162,235,0.25)" }))
-    ), S = g(() => Dn(!1)), D = g(() => Dn(!1));
-    return (k, w) => {
-      var I;
-      const $ = ce("FmIcon"), V = ce("FmChip"), z = ce("FmTooltip"), b = ce("FmLineChart"), T = ce("FmBarChart");
+      () => v.value.map((S) => ({ ...S, backgroundColor: "rgba(54,162,235,0.25)" }))
+    ), _ = g(() => Dn(!1)), L = g(() => Dn(!1));
+    return (S, B) => {
+      var D;
+      const F = ce("FmIcon"), R = ce("FmChip"), V = ce("FmTooltip"), C = ce("FmLineChart"), k = ce("FmBarChart");
       return X(), le("div", el, [
-        et(k.$slots, "menu"),
-        G("p", tl, Te(c.value), 1),
-        G("div", nl, [
-          fe(z, {
+        et(S.$slots, "menu"),
+        q("p", tl, Te(c.value), 1),
+        q("div", nl, [
+          fe(V, {
             disabled: u.value === null,
             placement: "right",
             "hide-arrow": "",
@@ -2979,40 +2979,40 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
             content: _e(() => {
               var A;
               return [
-                G("span", ol, Te(`vs. ${(A = i(l).defaultCompareType) == null ? void 0 : A.split("_").join(" ")}`), 1)
+                q("span", ol, Te(`vs. ${(A = i(l).defaultCompareType) == null ? void 0 : A.split("_").join(" ")}`), 1)
               ];
             }),
             default: _e(() => [
-              u.value ? (X(), de(V, {
+              u.value ? (X(), de(R, {
                 key: 0,
                 icon: u.value.icon.name,
                 class: Se(`bg-${u.value.icon.tailwind}`),
                 compact: ""
               }, {
                 default: _e(() => [
-                  fe($, {
+                  fe(F, {
                     name: u.value.icon.name,
                     color: u.value.icon.color
                   }, null, 8, ["name", "color"]),
-                  G("p", {
+                  q("p", {
                     class: "fm-typo-en-body-md-600",
                     style: Pe({ color: u.value.icon.color })
                   }, Te(u.value.value), 5)
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : he("", !0),
-              i(o).endDate != null && i(o).startDate != null && u.value === null ? (X(), de(V, {
+              i(o).endDate != null && i(o).startDate != null && u.value === null ? (X(), de(R, {
                 key: 1,
                 class: "invisible pointer-events-none",
                 "aria-hidden": "true",
                 compact: ""
               }, {
                 default: _e(() => [
-                  fe($, {
+                  fe(F, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  w[0] || (w[0] = G("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
+                  B[0] || (B[0] = q("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
                 ]),
                 _: 1
               })) : he("", !0)
@@ -3020,8 +3020,8 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
             _: 1
           }, 8, ["disabled"])
         ]),
-        B.value ? (X(), le("div", al, [
-          f(B.value.type) === "line" ? (X(), de(b, {
+        P.value ? (X(), le("div", al, [
+          f(P.value.type) === "line" ? (X(), de(C, {
             key: 0,
             class: "sparkline sparkline-chart",
             datasets: y.value,
@@ -3029,12 +3029,12 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
               display: !1
             },
             datalabels: { display: !1 },
-            "x-axis": { categories: B.value.dimensions },
+            "x-axis": { categories: P.value.dimensions },
             "y-cfg": O.value,
             "x-cfg": { display: !1 },
-            tooltip: S.value,
+            tooltip: _.value,
             "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : f(B.value.type) === "bar" ? (X(), de(T, {
+          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : f(P.value.type) === "bar" ? (X(), de(k, {
             key: 1,
             class: "sparkline sparkline-chart",
             datasets: v.value,
@@ -3042,24 +3042,24 @@ const Ur = { class: "widget-content" }, gn = 1, so = "rgba(0, 0, 0, 0)", Kr = /*
               display: !1
             },
             datalabels: { display: !1 },
-            "x-axis": { categories: B.value.dimensions },
+            "x-axis": { categories: P.value.dimensions },
             "y-cfg": x.value,
             "x-cfg": { display: !1 },
-            tooltip: D.value,
+            tooltip: L.value,
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : (X(), de(Qr, {
             key: 2,
-            dimensions: B.value.dimensions,
-            values: ((I = B.value.datasets[0]) == null ? void 0 : I.values) ?? [],
-            "percent-of-total": B.value.percentOfTotal === !0
+            dimensions: P.value.dimensions,
+            values: ((D = P.value.datasets[0]) == null ? void 0 : D.values) ?? [],
+            "percent-of-total": P.value.percentOfTotal === !0
           }, null, 8, ["dimensions", "values", "percent-of-total"]))
-        ])) : (X(), le("div", rl, w[1] || (w[1] = [
-          G("div", { class: "sparkline" }, [
-            G("div", { class: "flex flex-col gap-8" }, [
-              G("div"),
-              G("div")
+        ])) : (X(), le("div", rl, B[1] || (B[1] = [
+          q("div", { class: "sparkline" }, [
+            q("div", { class: "flex flex-col gap-8" }, [
+              q("div"),
+              q("div")
             ]),
-            G("div", { class: "grow" })
+            q("div", { class: "grow" })
           ], -1)
         ])))
       ]);
@@ -3083,7 +3083,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t, te: n } = dt(), o = We(e, "modelValue"), { country: l } = ho(), { clearTileSorts: a, setTileSorts: r } = ea(), c = Pn(), u = e, f = P([]), B = P(null), O = g(() => {
+    const { t, te: n } = dt(), o = We(e, "modelValue"), { country: l } = ho(), { clearTileSorts: a, setTileSorts: r } = ea(), c = Pn(), u = e, f = I([]), P = I(null), O = g(() => {
       var h;
       return ((h = o.value.data) == null ? void 0 : h.columns) || [{ label: "", key: "" }];
     }), x = g(() => {
@@ -3092,21 +3092,21 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
     }), v = g(() => o.value.colWidths ?? null), y = g(
       () => o.value.rowHeight && o.value.rowHeight > 0 ? o.value.rowHeight : 48
     );
-    function S() {
+    function _() {
       const h = `${y.value}px`;
       return {
         height: h,
         minHeight: h
       };
     }
-    function D(h) {
+    function L(h) {
       var M;
       const p = h ? (M = v.value) == null ? void 0 : M[h] : void 0;
       if (!(!p || p <= 0))
         return `${p}px`;
     }
-    function k(h) {
-      const p = D(h);
+    function S(h) {
+      const p = L(h);
       if (p)
         return {
           boxSizing: "border-box",
@@ -3115,49 +3115,49 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
           maxWidth: p
         };
     }
-    const w = g(() => o.value.filterText), $ = g(() => {
+    const B = g(() => o.value.filterText), F = g(() => {
       var p;
       const h = (p = o.value.grandTotalLabel) == null ? void 0 : p.trim();
       return h && h.length > 0 ? h : it(t, n, "Grand total", "other");
-    }), V = g(() => {
+    }), R = g(() => {
       var h, p;
-      if (!(w.value && w.value.trim().length > 0 || !((h = x.value[0]) != null && h.isRollup) && !((p = x.value[x.value.length - 1]) != null && p.isRollup))) {
+      if (!(B.value && B.value.trim().length > 0 || !((h = x.value[0]) != null && h.isRollup) && !((p = x.value[x.value.length - 1]) != null && p.isRollup))) {
         if (o.value.rollupPosition === Xe.top || o.value.rollupPosition === void 0)
           return Xe.top;
         if (o.value.rollupPosition === Xe.bottom)
           return Xe.bottom;
       }
-    }), z = g(() => {
-      const h = y.value, p = 34.5, M = 32, N = V.value !== void 0 ? 1 : 0, F = (B.value ? B.value.$el.offsetHeight : 0) - h;
-      return Math.floor((F - p - M) / h) - N;
-    }), b = g(() => {
+    }), V = g(() => {
+      const h = y.value, p = 34.5, M = 32, z = R.value !== void 0 ? 1 : 0, N = (P.value ? P.value.$el.offsetHeight : 0) - h;
+      return Math.floor((N - p - M) / h) - z;
+    }), C = g(() => {
       var p, M;
       let h = [];
-      switch (V.value) {
+      switch (R.value) {
         case Xe.top:
-          h = [...((p = x.value[0]) == null ? void 0 : p.cells) || []].map((N, F) => {
+          h = [...((p = x.value[0]) == null ? void 0 : p.cells) || []].map((z, N) => {
             var K;
             return {
-              main: N,
-              comparison: (K = x.value[0]) == null ? void 0 : K.comparisonCells[F],
-              rowType: O.value[F].type
+              main: z,
+              comparison: (K = x.value[0]) == null ? void 0 : K.comparisonCells[N],
+              rowType: O.value[N].type
             };
           });
           break;
         case Xe.bottom:
-          h = [...((M = x.value[x.value.length - 1]) == null ? void 0 : M.cells) || []].map((N, F) => {
+          h = [...((M = x.value[x.value.length - 1]) == null ? void 0 : M.cells) || []].map((z, N) => {
             var K;
             return {
-              main: N,
-              comparison: (K = x.value[x.value.length - 1]) == null ? void 0 : K.comparisonCells[F],
-              rowType: O.value[F].type
+              main: z,
+              comparison: (K = x.value[x.value.length - 1]) == null ? void 0 : K.comparisonCells[N],
+              rowType: O.value[N].type
             };
           });
           break;
       }
-      return h.length > 0 && h[0].main === "" && (h[0].main = $.value), h;
+      return h.length > 0 && h[0].main === "" && (h[0].main = F.value), h;
     });
-    function T(h) {
+    function k(h) {
       let p = (h == null ? void 0 : h.main) || "";
       return !h || h.main === "" || !h.comparison ? {
         main: p
@@ -3170,12 +3170,12 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
     Nt(() => {
       a();
     });
-    const I = P([]);
-    let A = 0, q;
+    const D = I([]);
+    let A = 0, E;
     function Q() {
-      var F;
-      if (!((F = o.value) != null && F.data)) {
-        I.value = [];
+      var N;
+      if (!((N = o.value) != null && N.data)) {
+        D.value = [];
         return;
       }
       const h = ++A, p = (o.value.data.rows || []).map((K) => ({
@@ -3186,19 +3186,19 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
         key: K.key,
         type: K.type,
         label: K.label
-      })), N = {
+      })), z = {
         rows: p,
         columns: M,
-        filter: w.value ?? "",
+        filter: B.value ?? "",
         globalSorts: qo(f.value).map((K) => ({
           key: K.key,
           type: K.type
         })),
-        grandTotalPosition: V.value,
-        pageSize: z.value
+        grandTotalPosition: R.value,
+        pageSize: V.value
       };
-      ta(cl, N).then((K) => {
-        h === A && (K != null && K.error ? (c.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(K.error), I.value = []) : I.value = jo(K.data || []));
+      ta(cl, z).then((K) => {
+        h === A && (K != null && K.error ? (c.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(K.error), D.value = []) : D.value = jo(K.data || []));
       });
     }
     we(
@@ -3209,21 +3209,21 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
       { immediate: !0, deep: !0 }
     );
     const oe = g(() => {
-      var M, N;
-      const h = ((M = o.value.data) == null ? void 0 : M.rows) || [], p = ((N = o.value.data) == null ? void 0 : N.columns) || [];
+      var M, z;
+      const h = ((M = o.value.data) == null ? void 0 : M.rows) || [], p = ((z = o.value.data) == null ? void 0 : z.columns) || [];
       return JSON.stringify({
         rowsLength: h.length,
-        columns: p.map((F) => ({ key: F.key, type: F.type, label: F.label })),
-        filter: w.value ?? "",
-        globalSorts: f.value.map((F) => ({ key: F.key, type: F.type })),
-        grandTotalPosition: V.value,
-        pageSize: z.value
+        columns: p.map((N) => ({ key: N.key, type: N.type, label: N.label })),
+        filter: B.value ?? "",
+        globalSorts: f.value.map((N) => ({ key: N.key, type: N.type })),
+        grandTotalPosition: R.value,
+        pageSize: V.value
       });
     });
     we(
       () => oe.value,
       () => {
-        clearTimeout(q), q = setTimeout(Q, 200);
+        clearTimeout(E), E = setTimeout(Q, 200);
       },
       { immediate: !0 }
     );
@@ -3235,14 +3235,14 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
       }
       p.type === Pt.Asc ? p.type = Pt.Desc : p.type === Pt.Desc && (f.value = f.value.filter((M) => M.key !== h));
     }
-    const L = g(() => {
+    const T = g(() => {
       var h;
       return (h = o.value.data) != null && h.columns ? o.value.data.columns.map((p, M) => {
-        const N = it(t, n, p.label, "other"), F = f.value.find((E) => E.key === p.key), K = !!F, H = k(p.key), J = K ? F.type === Pt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        const z = it(t, n, p.label, "other"), N = f.value.find((G) => G.key === p.key), K = !!N, H = S(p.key), J = K ? N.type === Pt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
           accessorKey: p.key,
           header: () => {
-            const E = ce("FmIcon");
+            const G = ce("FmIcon");
             return jt(
               "button",
               {
@@ -3254,9 +3254,9 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
                 jt(
                   "span",
                   { class: `${p.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
-                  N
+                  z
                 ),
-                jt(E, {
+                jt(G, {
                   name: J,
                   color: K ? "primary" : "neutral-gray-400",
                   size: "sm",
@@ -3266,9 +3266,9 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
               ]
             );
           },
-          cell: (E) => {
+          cell: (G) => {
             var ue, re;
-            const ae = T(E.getValue()), me = (re = (ue = E == null ? void 0 : E.row) == null ? void 0 : ue.original) == null ? void 0 : re.isRollup;
+            const ae = k(G.getValue()), me = (re = (ue = G == null ? void 0 : G.row) == null ? void 0 : ue.original) == null ? void 0 : re.isRollup;
             return jt(
               "div",
               {
@@ -3278,7 +3278,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
                   "flex items-center w-full min-w-0",
                   "whitespace-nowrap"
                 ].join(" "),
-                style: S()
+                style: _()
               },
               [p.type === "NUMERIC" ? Ft(ae.main) : ae.main]
             );
@@ -3291,49 +3291,49 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
     return (h, p) => {
       const M = ce("FmTable");
       return X(), le("div", dl, [
-        G("div", fl, [
+        q("div", fl, [
           et(h.$slots, "menu")
         ]),
         fe(M, {
           ref_key: "table",
-          ref: B,
-          "column-defs": L.value,
-          "row-data": I.value,
-          "search-value": w.value,
-          "page-size": z.value,
+          ref: P,
+          "column-defs": T.value,
+          "row-data": D.value,
+          "search-value": B.value,
+          "page-size": V.value,
           "shrink-at": !1,
           "force-mobile-footer": !0,
           class: "scrollbar-hide-table min-h-0 flex-1",
           "pin-header-row": !0,
           "auto-reset-page-index": !0
         }, Go({ _: 2 }, [
-          V.value ? {
+          R.value ? {
             name: "pin-top",
             fn: _e(() => [
-              (X(), de(fo(V.value === i(Xe).bottom ? "tfoot" : "tbody"), null, {
+              (X(), de(fo(R.value === i(Xe).bottom ? "tfoot" : "tbody"), null, {
                 default: _e(() => [
-                  G("tr", ml, [
-                    (X(!0), le(Fe, null, ct(b.value, (N, F) => {
+                  q("tr", ml, [
+                    (X(!0), le(Fe, null, ct(C.value, (z, N) => {
                       var K;
                       return X(), le("td", {
-                        key: `${i(Mt)()}_${F}`,
+                        key: `${i(Mt)()}_${N}`,
                         class: "text-fm-color-typo-primary px-16",
                         style: Pe({
-                          ...S(),
-                          ...k((K = O.value[F]) == null ? void 0 : K.key)
+                          ..._(),
+                          ...S((K = O.value[N]) == null ? void 0 : K.key)
                         })
                       }, [
-                        G("span", {
+                        q("span", {
                           class: Se([
                             "flex items-center text-fm-color-typo-secondary gap-2",
-                            N.rowType === "NUMERIC" ? "text-right justify-end" : "",
+                            z.rowType === "NUMERIC" ? "text-right justify-end" : "",
                             "w-full min-w-0",
                             "whitespace-nowrap"
                           ]),
-                          style: Pe(S())
+                          style: Pe(_())
                         }, [
-                          G("p", pl, Te(N.rowType === "NUMERIC" ? i(Ft)(N.main) : N.main), 1),
-                          G("p", hl, Te(N.comparison ? N.rowType === "NUMERIC" ? `(${i(Ft)(N.comparison)})` : `(${N.comparison})` : ""), 1)
+                          q("p", pl, Te(z.rowType === "NUMERIC" ? i(Ft)(z.main) : z.main), 1),
+                          q("p", hl, Te(z.comparison ? z.rowType === "NUMERIC" ? `(${i(Ft)(z.comparison)})` : `(${z.comparison})` : ""), 1)
                         ], 6)
                       ], 4);
                     }), 128))
@@ -3358,7 +3358,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = We(e, "modelValue"), n = P(null), o = g(() => {
+    const t = We(e, "modelValue"), n = I(null), o = g(() => {
       var M;
       return ((M = t.value.data) == null ? void 0 : M.xAxis) || [];
     }), l = g(() => ({
@@ -3367,10 +3367,10 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
       var p;
       return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
     }), r = Ht("bar"), c = g(() => t.value.stackBarOverlap === !0), u = g(() => c.value === !1), f = g(() => ({
-      ...z.value,
+      ...V.value,
       stacked: u.value
-    })), B = g(() => ({
-      ...b.value,
+    })), P = g(() => ({
+      ...C.value,
       stacked: u.value
     })), O = g(() => ({
       display: !1
@@ -3378,33 +3378,33 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
     function x({
       datasetIndex: p,
       colorIndex: M,
-      breakdownIndex: N
+      breakdownIndex: z
     }) {
       var J;
-      const F = t.value.chartColorBinding === be.metric ? M : t.value.chartColorBinding === be.breakdown ? N : p, K = (J = t.value.chartColorLayers) == null ? void 0 : J[F], H = Number(K);
-      return Number.isInteger(H) && H > 0 ? H : F + 1;
+      const N = t.value.chartColorBinding === be.metric ? M : t.value.chartColorBinding === be.breakdown ? z : p, K = (J = t.value.chartColorLayers) == null ? void 0 : J[N], H = Number(K);
+      return Number.isInteger(H) && H > 0 ? H : N + 1;
     }
     const v = g(() => {
       if (a.value.length > 0) {
-        const p = a.value.map((M, N) => {
-          const F = Vt({
+        const p = a.value.map((M, z) => {
+          const N = Vt({
             datasets: a.value,
-            datasetIndex: N
+            datasetIndex: z
           }), K = Be({
-            datasetIndex: F,
+            datasetIndex: N,
             isCompare: !1,
             metricCount: t.value.metricCount,
             mode: t.value.chartColorBinding
           }), H = Be({
-            datasetIndex: F,
+            datasetIndex: N,
             isCompare: !1,
             metricCount: t.value.metricCount,
             mode: be.metric
           }), J = _t({
-            fallbackIndex: F,
+            fallbackIndex: N,
             metricCount: t.value.metricCount
-          }), E = x({
-            datasetIndex: F,
+          }), G = x({
+            datasetIndex: N,
             colorIndex: K,
             breakdownIndex: J
           }), me = M.values.map((ue) => ue === null ? NaN : Number(ue));
@@ -3415,7 +3415,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
               dash: !!M.isCompare,
               minBarLength: void 0,
               grouped: c.value ? !1 : void 0,
-              order: c.value ? E : void 0,
+              order: c.value ? G : void 0,
               backgroundColor: t.value.chartColorBinding === be.breakdown ? kt({
                 breakdownIndex: J,
                 metricIndex: H,
@@ -3437,22 +3437,22 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
         return [];
     }), {
       isTooltipDetailsSheetOpen: y,
-      tooltipDetailsPayload: S,
-      handleTooltipDetailsSheetVisibility: D,
-      handleTooltipDetailsHover: k,
-      handleTooltipDetailsLeave: w,
-      comparisonTooltip: $,
-      datalabels: V,
-      xCfg: z,
-      yCfg: b,
-      isTransposed: T,
-      legend: I,
+      tooltipDetailsPayload: _,
+      handleTooltipDetailsSheetVisibility: L,
+      handleTooltipDetailsHover: S,
+      handleTooltipDetailsLeave: B,
+      comparisonTooltip: F,
+      datalabels: R,
+      xCfg: V,
+      yCfg: C,
+      isTransposed: k,
+      legend: D,
       useCustomLegend: A,
-      legendPosition: q,
+      legendPosition: E,
       isLegendSide: Q,
       isLegendBeforeChart: oe,
       hiddenDatasetKeys: j,
-      toggleDatasetVisibility: L,
+      toggleDatasetVisibility: T,
       datasets: h
     } = Ot({
       chartRef: n,
@@ -3460,23 +3460,23 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
       baseDatasets: v
     });
     return (p, M) => {
-      var F, K, H, J, E, ae;
-      const N = ce("FmBarChart");
+      var N, K, H, J, G, ae;
+      const z = ce("FmBarChart");
       return X(), le(Fe, null, [
-        G("div", vl, [
+        q("div", vl, [
           et(p.$slots, "menu"),
-          G("div", {
+          q("div", {
             class: Se(["chart-layout", {
-              "chart-layout--side": i(A) && (i(I).display ?? !1) && i(Q)
+              "chart-layout--side": i(A) && (i(D).display ?? !1) && i(Q)
             }])
           }, [
-            i(A) && (i(I).display ?? !1) && i(oe) ? (X(), de(Re, {
+            i(A) && (i(D).display ?? !1) && i(oe) ? (X(), de(Re, {
               key: 0,
               "chart-ref": n.value,
-              enabled: i(I).display ?? !1,
-              position: i(q),
-              "text-color": (F = i(I).labels) == null ? void 0 : F.color,
-              "font-size": (H = (K = i(I).labels) == null ? void 0 : K.font) == null ? void 0 : H.size,
+              enabled: i(D).display ?? !1,
+              position: i(E),
+              "text-color": (N = i(D).labels) == null ? void 0 : N.color,
+              "font-size": (H = (K = i(D).labels) == null ? void 0 : K.font) == null ? void 0 : H.size,
               "legend-update-key": i(h),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3485,31 +3485,31 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(j),
-              onToggleDatasetVisibility: i(L)
+              onToggleDatasetVisibility: i(T)
             }, 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"])) : he("", !0),
-            fe(N, {
+            fe(z, {
               ref_key: "chartRef",
               ref: n,
               class: "bar-chart",
               datasets: i(h),
               "x-axis": l.value,
               "x-cfg": f.value,
-              "y-cfg": B.value,
-              transpose: i(T),
+              "y-cfg": P.value,
+              transpose: i(k),
               stacked: u.value,
               legend: O.value,
-              tooltip: i($),
+              tooltip: i(F),
               plugins: [i(r)],
-              datalabels: i(V),
+              datalabels: i(R),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels"]),
-            i(A) && (i(I).display ?? !1) && !i(oe) ? (X(), de(Re, {
+            i(A) && (i(D).display ?? !1) && !i(oe) ? (X(), de(Re, {
               key: 1,
               "chart-ref": n.value,
-              enabled: i(I).display ?? !1,
-              position: i(q),
-              "text-color": (J = i(I).labels) == null ? void 0 : J.color,
-              "font-size": (ae = (E = i(I).labels) == null ? void 0 : E.font) == null ? void 0 : ae.size,
+              enabled: i(D).display ?? !1,
+              position: i(E),
+              "text-color": (J = i(D).labels) == null ? void 0 : J.color,
+              "font-size": (ae = (G = i(D).labels) == null ? void 0 : G.font) == null ? void 0 : ae.size,
               "legend-update-key": i(h),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3518,16 +3518,16 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(j),
-              onToggleDatasetVisibility: i(L)
+              onToggleDatasetVisibility: i(T)
             }, 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"])) : he("", !0)
           ], 2)
         ]),
         fe(Wt, {
           "model-value": i(y),
-          "details-payload": i(S),
-          "onUpdate:modelValue": i(D),
-          onValueHover: i(k),
-          onValueLeave: i(w)
+          "details-payload": i(_),
+          "onUpdate:modelValue": i(L),
+          onValueHover: i(S),
+          onValueLeave: i(B)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -3542,7 +3542,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = We(e, "modelValue"), n = P(null), o = g(() => {
+    const t = We(e, "modelValue"), n = I(null), o = g(() => {
       var H;
       return ((H = t.value.data) == null ? void 0 : H.xAxis) || [];
     }), l = g(() => ({
@@ -3550,28 +3550,28 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
     })), a = g(() => {
       var H;
       return ((H = t.value.data) == null ? void 0 : H.datasets) ?? [];
-    }), r = Ht("bar"), c = g(() => t.value.stackBarOverlap === !0), u = g(() => c.value === !1), f = g(() => o.value.length === 1 && a.value.some((H) => H.isCompare === !0)), B = g(() => ({
-      ...I.value,
+    }), r = Ht("bar"), c = g(() => t.value.stackBarOverlap === !0), u = g(() => c.value === !1), f = g(() => o.value.length === 1 && a.value.some((H) => H.isCompare === !0)), P = g(() => ({
+      ...D.value,
       stacked: u.value
     })), O = g(() => ({
       ...A.value,
       stacked: u.value
     }));
     function x(H) {
-      const J = " - ", E = H.lastIndexOf(J);
-      return E < 0 ? {
+      const J = " - ", G = H.lastIndexOf(J);
+      return G < 0 ? {
         clusterKey: H,
         metricLabel: H
       } : {
-        clusterKey: H.slice(0, E),
-        metricLabel: H.slice(E + J.length)
+        clusterKey: H.slice(0, G),
+        metricLabel: H.slice(G + J.length)
       };
     }
     function v(H, J) {
       if (typeof H == "string") {
-        const E = H.trim();
-        if (E.length > 0)
-          return E;
+        const G = H.trim();
+        if (G.length > 0)
+          return G;
       }
       return `Series ${J + 1}`;
     }
@@ -3580,10 +3580,10 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
       colorIndex: J
     }) {
       var ue;
-      const E = t.value.chartColorBinding === be.metric ? J : H, ae = (ue = t.value.chartColorLayers) == null ? void 0 : ue[E], me = Number(ae);
-      return Number.isInteger(me) && me > 0 ? me : E + 1;
+      const G = t.value.chartColorBinding === be.metric ? J : H, ae = (ue = t.value.chartColorLayers) == null ? void 0 : ue[G], me = Number(ae);
+      return Number.isInteger(me) && me > 0 ? me : G + 1;
     }
-    function S(H) {
+    function _(H) {
       return {
         label: `__comparison_gap__${H}`,
         tooltipLabel: `__comparison_gap__${H}`,
@@ -3597,7 +3597,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
         isSpacer: !0
       };
     }
-    const D = g(() => {
+    const L = g(() => {
       if (a.value.length === 0)
         return [];
       const H = a.value.map((re, ve) => ({
@@ -3605,10 +3605,10 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
         index: ve,
         name: v(re == null ? void 0 : re.name, ve),
         values: (re == null ? void 0 : re.values) ?? []
-      })), J = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+      })), J = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map();
       for (const re of H) {
         const { clusterKey: ve, metricLabel: Ce } = x(re.name);
-        E.has(ve) || E.set(ve, E.size), J.has(Ce) || J.set(Ce, J.size);
+        G.has(ve) || G.set(ve, G.size), J.has(Ce) || J.set(Ce, J.size);
       }
       const ae = Math.max(J.size, 1), me = t.value.chartColorBinding === be.breakdown, ue = t.value.chartUseSecondaryMetricShades !== !1;
       return H.map((re) => {
@@ -3659,58 +3659,58 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
         };
       });
     }), {
-      isTooltipDetailsSheetOpen: k,
-      tooltipDetailsPayload: w,
-      handleTooltipDetailsSheetVisibility: $,
-      handleTooltipDetailsHover: V,
-      handleTooltipDetailsLeave: z,
-      comparisonTooltip: b,
-      datalabels: T,
-      xCfg: I,
+      isTooltipDetailsSheetOpen: S,
+      tooltipDetailsPayload: B,
+      handleTooltipDetailsSheetVisibility: F,
+      handleTooltipDetailsHover: R,
+      handleTooltipDetailsLeave: V,
+      comparisonTooltip: C,
+      datalabels: k,
+      xCfg: D,
       yCfg: A,
-      isTransposed: q,
+      isTransposed: E,
       legend: Q,
       useCustomLegend: oe,
       legendPosition: j,
-      isLegendSide: L,
+      isLegendSide: T,
       isLegendBeforeChart: h,
       hiddenDatasetKeys: p,
       toggleDatasetVisibility: M,
-      datasets: N
+      datasets: z
     } = Ot({
       chartRef: n,
       model: t,
-      baseDatasets: D
-    }), F = g(() => {
+      baseDatasets: L
+    }), N = g(() => {
       if (!f.value)
-        return N.value;
+        return z.value;
       const H = [];
-      return N.value.forEach((J, E) => {
+      return z.value.forEach((J, G) => {
         H.push({
           ...J,
           barPercentage: vn
         });
-        const ae = N.value[E + 1];
-        J.dash === !0 && ae && H.push(S(E));
+        const ae = z.value[G + 1];
+        J.dash === !0 && ae && H.push(_(G));
       }), H;
     }), K = g(() => ({
       display: !1,
       labels: {
         filter: (H, J) => {
-          var E, ae;
-          return !((ae = (E = J.datasets) == null ? void 0 : E[H.datasetIndex ?? -1]) != null && ae.isSpacer);
+          var G, ae;
+          return !((ae = (G = J.datasets) == null ? void 0 : G[H.datasetIndex ?? -1]) != null && ae.isSpacer);
         }
       }
     }));
     return (H, J) => {
       var ae, me, ue, re, ve, Ce;
-      const E = ce("FmBarChart");
+      const G = ce("FmBarChart");
       return X(), le(Fe, null, [
-        G("div", bl, [
+        q("div", bl, [
           et(H.$slots, "menu"),
-          G("div", {
+          q("div", {
             class: Se(["chart-layout", {
-              "chart-layout--side": i(oe) && (i(Q).display ?? !1) && i(L)
+              "chart-layout--side": i(oe) && (i(Q).display ?? !1) && i(T)
             }])
           }, [
             i(oe) && (i(Q).display ?? !1) && i(h) ? (X(), de(Re, {
@@ -3720,7 +3720,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
               position: i(j),
               "text-color": (ae = i(Q).labels) == null ? void 0 : ae.color,
               "font-size": (ue = (me = i(Q).labels) == null ? void 0 : me.font) == null ? void 0 : ue.size,
-              "legend-update-key": i(N),
+              "legend-update-key": i(z),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3730,20 +3730,20 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
               "hidden-dataset-keys": i(p),
               onToggleDatasetVisibility: i(M)
             }, 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"])) : he("", !0),
-            fe(E, {
+            fe(G, {
               ref_key: "chartRef",
               ref: n,
               class: "bar-chart",
-              datasets: F.value,
+              datasets: N.value,
               "x-axis": l.value,
-              "x-cfg": B.value,
+              "x-cfg": P.value,
               "y-cfg": O.value,
-              transpose: i(q),
+              transpose: i(E),
               stacked: u.value,
               legend: K.value,
-              tooltip: i(b),
+              tooltip: i(C),
               plugins: [i(r)],
-              datalabels: i(T),
+              datalabels: i(k),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels"]),
             i(oe) && (i(Q).display ?? !1) && !i(h) ? (X(), de(Re, {
@@ -3753,7 +3753,7 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
               position: i(j),
               "text-color": (re = i(Q).labels) == null ? void 0 : re.color,
               "font-size": (Ce = (ve = i(Q).labels) == null ? void 0 : ve.font) == null ? void 0 : Ce.size,
-              "legend-update-key": i(N),
+              "legend-update-key": i(z),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
@@ -3766,11 +3766,11 @@ const ul = /* @__PURE__ */ go(sl, [["render", il]]), cl = "/assets/processTableD
           ], 2)
         ]),
         fe(Wt, {
-          "model-value": i(k),
-          "details-payload": i(w),
-          "onUpdate:modelValue": i($),
-          onValueHover: i(V),
-          onValueLeave: i(z)
+          "model-value": i(S),
+          "details-payload": i(B),
+          "onUpdate:modelValue": i(F),
+          onValueHover: i(R),
+          onValueLeave: i(V)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -3802,28 +3802,28 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Ae({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = We(e, "modelValue"), n = P(null), o = g(() => {
-      var L;
-      return ((L = t.value.data) == null ? void 0 : L.xAxis) ?? [];
+    const t = We(e, "modelValue"), n = I(null), o = g(() => {
+      var T;
+      return ((T = t.value.data) == null ? void 0 : T.xAxis) ?? [];
     }), l = g(
-      () => o.value.length === 1 && u.value.length > 0 && u.value.every((L) => L.values.length === 1)
+      () => o.value.length === 1 && u.value.length > 0 && u.value.every((T) => T.values.length === 1)
     ), a = g(() => l.value ? ["", o.value[0], ""] : o.value), r = g(() => ({
       categories: a.value
     })), c = g(() => ({
       display: !1
     })), u = g(() => {
-      var L;
-      return ((L = t.value.data) == null ? void 0 : L.datasets) ?? [];
-    }), f = Ht("line"), B = Fo("report-line-style-plugin-stack-line"), O = g(() => u.value.length > 0 ? [
-      ...u.value.map((L, h) => {
+      var T;
+      return ((T = t.value.data) == null ? void 0 : T.datasets) ?? [];
+    }), f = Ht("line"), P = Fo("report-line-style-plugin-stack-line"), O = g(() => u.value.length > 0 ? [
+      ...u.value.map((T, h) => {
         var ue;
         const p = Vt({
           datasets: u.value,
           datasetIndex: h
         });
-        let M = L.values;
+        let M = T.values;
         l.value && (M = [NaN, M[0], NaN]);
-        const N = M.map((re) => re === null ? NaN : Number(re)), F = Be({
+        const z = M.map((re) => re === null ? NaN : Number(re)), N = Be({
           datasetIndex: p,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -3835,29 +3835,29 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Ae({
           mode: be.metric
         }), H = Be({
           datasetIndex: h,
-          isCompare: L.isCompare,
+          isCompare: T.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), J = (ue = t.value.lineStyles) == null ? void 0 : ue[H], E = t.value.chartColorBinding === be.breakdown, ae = _t({
+        }), J = (ue = t.value.lineStyles) == null ? void 0 : ue[H], G = t.value.chartColorBinding === be.breakdown, ae = _t({
           fallbackIndex: p,
           metricCount: t.value.metricCount
-        }), me = E ? kt({
+        }), me = G ? kt({
           breakdownIndex: ae,
           metricIndex: K,
           metricCount: t.value.metricCount,
-          isCompare: L.isCompare,
+          isCompare: T.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : Ye({
-          index: F,
-          isCompare: L.isCompare,
+          index: N,
+          isCompare: T.isCompare,
           customColors: t.value.chartColors
         });
         return {
-          label: L.name,
-          data: N,
-          dash: L.isCompare,
+          label: T.name,
+          data: z,
+          dash: T.isCompare,
           lineStyle: J,
           fill: !0,
           color: me,
@@ -3872,18 +3872,18 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Ae({
       isTooltipDetailsSheetOpen: x,
       tooltipDetailsPayload: v,
       handleTooltipDetailsSheetVisibility: y,
-      handleTooltipDetailsHover: S,
-      handleTooltipDetailsLeave: D,
-      comparisonTooltip: k,
-      datalabels: w,
-      xCfg: $,
-      yCfg: V,
-      isTransposed: z,
-      legend: b,
-      useCustomLegend: T,
-      legendPosition: I,
+      handleTooltipDetailsHover: _,
+      handleTooltipDetailsLeave: L,
+      comparisonTooltip: S,
+      datalabels: B,
+      xCfg: F,
+      yCfg: R,
+      isTransposed: V,
+      legend: C,
+      useCustomLegend: k,
+      legendPosition: D,
       isLegendSide: A,
-      isLegendBeforeChart: q,
+      isLegendBeforeChart: E,
       hiddenDatasetKeys: Q,
       toggleDatasetVisibility: oe,
       datasets: j
@@ -3892,24 +3892,24 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Ae({
       model: t,
       baseDatasets: O
     });
-    return (L, h) => {
-      var M, N, F, K, H, J;
+    return (T, h) => {
+      var M, z, N, K, H, J;
       const p = ce("FmLineChart");
       return X(), le(Fe, null, [
-        G("div", wl, [
-          et(L.$slots, "menu"),
-          G("div", {
+        q("div", wl, [
+          et(T.$slots, "menu"),
+          q("div", {
             class: Se(["chart-layout", {
-              "chart-layout--side": i(T) && (i(b).display ?? !1) && i(A)
+              "chart-layout--side": i(k) && (i(C).display ?? !1) && i(A)
             }])
           }, [
-            i(T) && (i(b).display ?? !1) && i(q) ? (X(), de(Re, {
+            i(k) && (i(C).display ?? !1) && i(E) ? (X(), de(Re, {
               key: 0,
               "chart-ref": n.value,
-              enabled: i(b).display ?? !1,
-              position: i(I),
-              "text-color": (M = i(b).labels) == null ? void 0 : M.color,
-              "font-size": (F = (N = i(b).labels) == null ? void 0 : N.font) == null ? void 0 : F.size,
+              enabled: i(C).display ?? !1,
+              position: i(D),
+              "text-color": (M = i(C).labels) == null ? void 0 : M.color,
+              "font-size": (N = (z = i(C).labels) == null ? void 0 : z.font) == null ? void 0 : N.size,
               "legend-update-key": i(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3926,23 +3926,23 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Ae({
               class: "line-chart",
               datasets: i(j),
               "x-axis": r.value,
-              "x-cfg": i($),
-              "y-cfg": i(V),
-              transpose: i(z),
+              "x-cfg": i(F),
+              "y-cfg": i(R),
+              transpose: i(V),
               legend: c.value,
-              tooltip: i(k),
-              plugins: [i(f), i(B)],
+              tooltip: i(S),
+              plugins: [i(f), i(P)],
               stacked: !0,
-              datalabels: i(w),
+              datalabels: i(B),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "plugins", "datalabels"]),
-            i(T) && (i(b).display ?? !1) && !i(q) ? (X(), de(Re, {
+            i(k) && (i(C).display ?? !1) && !i(E) ? (X(), de(Re, {
               key: 1,
               "chart-ref": n.value,
-              enabled: i(b).display ?? !1,
-              position: i(I),
-              "text-color": (K = i(b).labels) == null ? void 0 : K.color,
-              "font-size": (J = (H = i(b).labels) == null ? void 0 : H.font) == null ? void 0 : J.size,
+              enabled: i(C).display ?? !1,
+              position: i(D),
+              "text-color": (K = i(C).labels) == null ? void 0 : K.color,
+              "font-size": (J = (H = i(C).labels) == null ? void 0 : H.font) == null ? void 0 : J.size,
               "legend-update-key": i(j),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3959,8 +3959,8 @@ const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Ae({
           "model-value": i(x),
           "details-payload": i(v),
           "onUpdate:modelValue": i(y),
-          onValueHover: i(S),
-          onValueLeave: i(D)
+          onValueHover: i(_),
+          onValueLeave: i(L)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -4011,7 +4011,7 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = We(e, "modelValue"), n = P(null), o = g(() => {
+    const t = We(e, "modelValue"), n = I(null), o = g(() => {
       var h;
       return ((h = t.value.data) == null ? void 0 : h.datasets) ?? [];
     }), l = g(() => {
@@ -4023,32 +4023,32 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
       categories: c.value
     })), f = g(() => ({
       display: !1
-    })), B = Ht("line"), O = Fo("report-line-style-plugin-line"), x = g(() => o.value.length > 0 ? [
+    })), P = Ht("line"), O = Fo("report-line-style-plugin-line"), x = g(() => o.value.length > 0 ? [
       ...o.value.map((h, p) => {
         var Ce;
         const M = Vt({
           datasets: o.value,
           datasetIndex: p
-        }), N = Be({
+        }), z = Be({
           datasetIndex: M,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), F = Be({
+        }), N = Be({
           datasetIndex: M,
           isCompare: !1,
           metricCount: t.value.metricCount,
           mode: be.metric
         }), K = Ye({
-          index: N,
+          index: z,
           isCompare: h.isCompare,
           customColors: t.value.chartColors
         }), H = t.value.chartColorBinding === be.breakdown, J = _t({
           fallbackIndex: M,
           metricCount: t.value.metricCount
-        }), E = H ? kt({
+        }), G = H ? kt({
           breakdownIndex: J,
-          metricIndex: F,
+          metricIndex: N,
           metricCount: t.value.metricCount,
           isCompare: h.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
@@ -4071,57 +4071,57 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
           dash: !!h.isCompare,
           lineStyle: ve,
           fill: !1,
-          color: E,
+          color: G,
           pointRadius: ue ? 4 : void 0,
           pointHoverRadius: ue ? 6 : void 0,
-          pointBackgroundColor: ue ? E : void 0,
-          pointBorderColor: ue ? E : void 0,
+          pointBackgroundColor: ue ? G : void 0,
+          pointBorderColor: ue ? G : void 0,
           pointBorderWidth: ue ? 2 : void 0
         };
       })
     ] : []), {
       isTooltipDetailsSheetOpen: v,
       tooltipDetailsPayload: y,
-      handleTooltipDetailsSheetVisibility: S,
-      handleTooltipDetailsHover: D,
-      handleTooltipDetailsLeave: k,
-      comparisonTooltip: w,
-      datalabels: $,
-      xCfg: V,
-      yCfg: z,
-      isTransposed: b,
-      legend: T,
-      useCustomLegend: I,
+      handleTooltipDetailsSheetVisibility: _,
+      handleTooltipDetailsHover: L,
+      handleTooltipDetailsLeave: S,
+      comparisonTooltip: B,
+      datalabels: F,
+      xCfg: R,
+      yCfg: V,
+      isTransposed: C,
+      legend: k,
+      useCustomLegend: D,
       legendPosition: A,
-      isLegendSide: q,
+      isLegendSide: E,
       isLegendBeforeChart: Q,
       hiddenDatasetKeys: oe,
       toggleDatasetVisibility: j,
-      datasets: L
+      datasets: T
     } = Ot({
       chartRef: n,
       model: t,
       baseDatasets: x
     });
     return (h, p) => {
-      var N, F, K, H, J, E;
+      var z, N, K, H, J, G;
       const M = ce("FmLineChart");
       return X(), le(Fe, null, [
-        G("div", Al, [
+        q("div", Al, [
           et(h.$slots, "menu"),
-          G("div", {
+          q("div", {
             class: Se(["chart-layout", {
-              "chart-layout--side": i(I) && (i(T).display ?? !1) && i(q)
+              "chart-layout--side": i(D) && (i(k).display ?? !1) && i(E)
             }])
           }, [
-            i(I) && (i(T).display ?? !1) && i(Q) ? (X(), de(Re, {
+            i(D) && (i(k).display ?? !1) && i(Q) ? (X(), de(Re, {
               key: 0,
               "chart-ref": n.value,
-              enabled: i(T).display ?? !1,
+              enabled: i(k).display ?? !1,
               position: i(A),
-              "text-color": (N = i(T).labels) == null ? void 0 : N.color,
-              "font-size": (K = (F = i(T).labels) == null ? void 0 : F.font) == null ? void 0 : K.size,
-              "legend-update-key": i(L),
+              "text-color": (z = i(k).labels) == null ? void 0 : z.color,
+              "font-size": (K = (N = i(k).labels) == null ? void 0 : N.font) == null ? void 0 : K.size,
+              "legend-update-key": i(T),
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -4135,25 +4135,25 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
               ref_key: "chartRef",
               ref: n,
               class: "line-chart",
-              datasets: i(L),
+              datasets: i(T),
               "x-axis": u.value,
-              "x-cfg": i(V),
-              "y-cfg": i(z),
-              transpose: i(b),
+              "x-cfg": i(R),
+              "y-cfg": i(V),
+              transpose: i(C),
               legend: f.value,
-              tooltip: i(w),
-              datalabels: i($),
-              plugins: [i(B), i(O)],
+              tooltip: i(B),
+              datalabels: i(F),
+              plugins: [i(P), i(O)],
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins"]),
-            i(I) && (i(T).display ?? !1) && !i(Q) ? (X(), de(Re, {
+            i(D) && (i(k).display ?? !1) && !i(Q) ? (X(), de(Re, {
               key: 1,
               "chart-ref": n.value,
-              enabled: i(T).display ?? !1,
+              enabled: i(k).display ?? !1,
               position: i(A),
-              "text-color": (H = i(T).labels) == null ? void 0 : H.color,
-              "font-size": (E = (J = i(T).labels) == null ? void 0 : J.font) == null ? void 0 : E.size,
-              "legend-update-key": i(L),
+              "text-color": (H = i(k).labels) == null ? void 0 : H.color,
+              "font-size": (G = (J = i(k).labels) == null ? void 0 : J.font) == null ? void 0 : G.size,
+              "legend-update-key": i(T),
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -4168,9 +4168,9 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
         fe(Wt, {
           "model-value": i(v),
           "details-payload": i(y),
-          "onUpdate:modelValue": i(S),
-          onValueHover: i(D),
-          onValueLeave: i(k)
+          "onUpdate:modelValue": i(_),
+          onValueHover: i(L),
+          onValueLeave: i(S)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
     };
@@ -4186,10 +4186,10 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = dt(), { FmForm: n } = sa, o = e, l = P(), a = We(e, "modelValue"), r = P(!0), c = P(!1), u = Pn(), { selectedLocationIds: f, dateRange: B, timeRange: O } = At(an()), x = P(pn.PORTRAIT);
+    const { t } = dt(), { FmForm: n } = sa, o = e, l = I(), a = We(e, "modelValue"), r = I(!0), c = I(!1), u = Pn(), { selectedLocationIds: f, dateRange: P, timeRange: O } = At(an()), x = I(pn.PORTRAIT);
     function v() {
-      var S;
-      (S = l.value) == null || S.validateInputs();
+      var _;
+      (_ = l.value) == null || _.validateInputs();
     }
     async function y() {
       c.value = !0;
@@ -4200,24 +4200,24 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
           orientationTypes: [x.value],
           isCombinedLocationLayout: r.value,
           timeRange: O.value,
-          dateRange: B.value,
+          dateRange: P.value,
           locationIds: f.value
         });
-      } catch (S) {
-        u.open({ message: S.message, type: "error" });
+      } catch (_) {
+        u.open({ message: _.message, type: "error" });
       } finally {
         c.value = !1;
       }
     }
-    return (S, D) => {
-      const k = ce("FmRadio"), w = ce("FmRadioGroup"), $ = ce("FmButton"), V = ce("FmDialog");
-      return X(), de(V, {
+    return (_, L) => {
+      const S = ce("FmRadio"), B = ce("FmRadioGroup"), F = ce("FmButton"), R = ce("FmDialog");
+      return X(), de(R, {
         modelValue: a.value,
-        "onUpdate:modelValue": D[2] || (D[2] = (z) => a.value = z),
+        "onUpdate:modelValue": L[2] || (L[2] = (V) => a.value = V),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": _e(() => D[3] || (D[3] = [
+        "dialog-header": _e(() => L[3] || (L[3] = [
           Jo("Select Orientation")
         ])),
         default: _e(() => [
@@ -4227,17 +4227,17 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
             onValidationSuccess: y
           }, {
             default: _e(() => [
-              G("div", Rl, [
-                fe(w, {
+              q("div", Rl, [
+                fe(B, {
                   modelValue: x.value,
-                  "onUpdate:modelValue": D[0] || (D[0] = (z) => x.value = z)
+                  "onUpdate:modelValue": L[0] || (L[0] = (V) => x.value = V)
                 }, {
                   default: _e(() => [
-                    fe(k, {
+                    fe(S, {
                       value: i(pn).PORTRAIT,
                       label: i(t)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    fe(k, {
+                    fe(S, {
                       value: i(pn).LANDSCAPE,
                       label: i(t)("report.common.landscape")
                     }, null, 8, ["value", "label"])
@@ -4245,15 +4245,15 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              G("div", Nl, [
-                D[4] || (D[4] = G("div", { class: "grow" }, null, -1)),
-                fe($, {
+              q("div", Nl, [
+                L[4] || (L[4] = q("div", { class: "grow" }, null, -1)),
+                fe(F, {
                   label: i(t)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: D[1] || (D[1] = (z) => a.value = !1)
+                  onClick: L[1] || (L[1] = (V) => a.value = !1)
                 }, null, 8, ["label"]),
-                G("div", null, [
-                  fe($, {
+                q("div", null, [
+                  fe(F, {
                     label: i(t)("report.common.download"),
                     loading: c.value,
                     onClick: v
@@ -4270,32 +4270,32 @@ const Al = { class: "widget-content" }, Fl = /* @__PURE__ */ Ae({
   }
 });
 function Vl(e) {
-  const { breakpoints: t } = $t(), { containerRef: n, isTable: o = P(!0) } = e;
-  let l = P(1), a = null, r = null, c = null, u = null, f = null, B = null;
+  const { breakpoints: t } = $t(), { containerRef: n, isTable: o = I(!0) } = e;
+  let l = I(1), a = null, r = null, c = null, u = null, f = null, P = null;
   function O() {
     return n.value ? n.value.querySelector("table") : null;
   }
   function x() {
-    var I;
-    const b = [];
+    var D;
+    const C = [];
     n.value && n.value.querySelectorAll("div,section,main,article,aside").forEach((A) => {
       if (A.scrollWidth > A.clientWidth) {
-        const q = window.getComputedStyle(A);
-        (q.overflowX === "auto" || q.overflowX === "scroll") && b.push(A);
+        const E = window.getComputedStyle(A);
+        (E.overflowX === "auto" || E.overflowX === "scroll") && C.push(A);
       }
     });
-    let T = (I = n.value) == null ? void 0 : I.parentElement;
-    for (; T; ) {
-      if (T.scrollWidth > T.clientWidth) {
-        const A = window.getComputedStyle(T);
-        (A.overflowX === "auto" || A.overflowX === "scroll") && b.push(T);
+    let k = (D = n.value) == null ? void 0 : D.parentElement;
+    for (; k; ) {
+      if (k.scrollWidth > k.clientWidth) {
+        const A = window.getComputedStyle(k);
+        (A.overflowX === "auto" || A.overflowX === "scroll") && C.push(k);
       }
-      T = T.parentElement;
+      k = k.parentElement;
     }
-    return b;
+    return C;
   }
   function v() {
-    if (V(), !o.value || !n.value || (r = O(), !r) || (c = r.querySelector("thead"), !c)) return;
+    if (R(), !o.value || !n.value || (r = O(), !r) || (c = r.querySelector("thead"), !c)) return;
     a = document.createElement("div"), a.className = "sticky-header-clone", a.style.cssText = `
       position: fixed;
       top: ${l.value}px;
@@ -4306,37 +4306,37 @@ function Vl(e) {
       pointer-events: none;
       visibility: hidden;
     `;
-    const b = document.createElement("table");
-    b.className = r.className, b.style.cssText = `
+    const C = document.createElement("table");
+    C.className = r.className, C.style.cssText = `
       table-layout: fixed;
       width: ${r.offsetWidth}px;
       margin: 0;
       border-collapse: collapse;
       pointer-events: auto;
     `;
-    const T = c.cloneNode(!0);
-    T.style.cssText = "pointer-events: auto;", y(c, T), b.appendChild(T), a.appendChild(b), document.body.appendChild(a), k(), w(), $(), D();
+    const k = c.cloneNode(!0);
+    k.style.cssText = "pointer-events: auto;", y(c, k), C.appendChild(k), a.appendChild(C), document.body.appendChild(a), S(), B(), F(), L();
   }
-  function y(b, T) {
-    const I = b.querySelectorAll("th, td"), A = T.querySelectorAll("th, td");
-    I.forEach((q, Q) => {
+  function y(C, k) {
+    const D = C.querySelectorAll("th, td"), A = k.querySelectorAll("th, td");
+    D.forEach((E, Q) => {
       const oe = A[Q];
       if (!oe) return;
-      const j = q, L = window.getComputedStyle(j);
+      const j = E, T = window.getComputedStyle(j);
       Object.assign(oe.style, {
         width: `${j.offsetWidth}px`,
         minWidth: `${j.offsetWidth}px`,
         maxWidth: `${j.offsetWidth}px`,
         height: `${j.offsetHeight}px`,
-        padding: L.padding,
-        backgroundColor: L.backgroundColor,
-        borderBottom: L.borderBottom,
-        fontSize: L.fontSize,
-        fontWeight: L.fontWeight,
-        textAlign: L.textAlign,
-        verticalAlign: L.verticalAlign,
+        padding: T.padding,
+        backgroundColor: T.backgroundColor,
+        borderBottom: T.borderBottom,
+        fontSize: T.fontSize,
+        fontWeight: T.fontWeight,
+        textAlign: T.textAlign,
+        verticalAlign: T.verticalAlign,
         boxSizing: "border-box",
-        cursor: L.cursor || "pointer",
+        cursor: T.cursor || "pointer",
         pointerEvents: "auto"
       }), oe.onclick = (h) => {
         h.preventDefault(), h.stopPropagation();
@@ -4347,104 +4347,104 @@ function Vl(e) {
       };
     });
   }
-  function S() {
-    const b = t.value.xs || t.value.sm, T = document.querySelector('[data-editor-header="true"]'), I = document.querySelector('[data-menu-tab="true"]');
-    if (b && !T)
+  function _() {
+    const C = t.value.xs || t.value.sm, k = document.querySelector('[data-editor-header="true"]'), D = document.querySelector('[data-menu-tab="true"]');
+    if (C && !k)
       return 1;
-    if (T)
-      return T.getBoundingClientRect().bottom;
-    if (I) {
-      let A = I;
+    if (k)
+      return k.getBoundingClientRect().bottom;
+    if (D) {
+      let A = D;
       for (; A; ) {
         if (window.getComputedStyle(A).position === "sticky")
           return A.getBoundingClientRect().bottom;
         A = A.parentElement;
       }
-      return I.getBoundingClientRect().bottom;
+      return D.getBoundingClientRect().bottom;
     }
     return l.value;
   }
-  function D() {
+  function L() {
     if (!a || !r || !c || !n.value) return;
-    const b = n.value.getBoundingClientRect(), T = r.getBoundingClientRect(), I = c.getBoundingClientRect(), A = S();
-    if (!(T.top <= A && T.bottom >= A + I.height)) {
+    const C = n.value.getBoundingClientRect(), k = r.getBoundingClientRect(), D = c.getBoundingClientRect(), A = _();
+    if (!(k.top <= A && k.bottom >= A + D.height)) {
       a.style.visibility = "hidden";
       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, L = b.left + oe, h = b.right - j, p = Math.max(L, b.left), M = Math.min(h, b.right), N = Math.max(0, M - p);
-    if (N <= 0) {
+    const Q = window.getComputedStyle(n.value), oe = parseFloat(Q.paddingLeft) || 0, j = parseFloat(Q.paddingRight) || 0, T = C.left + oe, h = C.right - j, p = Math.max(T, C.left), M = Math.min(h, C.right), z = Math.max(0, M - p);
+    if (z <= 0) {
       a.style.visibility = "hidden";
       return;
     }
-    a.style.left = `${p}px`, a.style.width = `${N}px`;
-    const F = a.querySelector("table");
-    F && (F.style.width = `${r.offsetWidth}px`, F.style.marginLeft = `${I.left - p}px`);
+    a.style.left = `${p}px`, a.style.width = `${z}px`;
+    const N = a.querySelector("table");
+    N && (N.style.width = `${r.offsetWidth}px`, N.style.marginLeft = `${D.left - p}px`);
   }
-  function k() {
-    var T;
-    f = () => requestAnimationFrame(D), window.addEventListener("scroll", f, { passive: !0 }), x().forEach((I) => {
-      f && I.addEventListener("scroll", f, { passive: !0 });
+  function S() {
+    var k;
+    f = () => requestAnimationFrame(L), window.addEventListener("scroll", f, { passive: !0 }), x().forEach((D) => {
+      f && D.addEventListener("scroll", f, { passive: !0 });
     });
-    let b = (T = n.value) == null ? void 0 : T.parentElement;
-    for (; b; )
-      b !== document.body && (b.scrollHeight > b.clientHeight || b.scrollWidth > b.clientWidth) && b.addEventListener("scroll", f, { passive: !0 }), b = b.parentElement;
+    let C = (k = n.value) == null ? void 0 : k.parentElement;
+    for (; C; )
+      C !== document.body && (C.scrollHeight > C.clientHeight || C.scrollWidth > C.clientWidth) && C.addEventListener("scroll", f, { passive: !0 }), C = C.parentElement;
   }
-  function w() {
+  function B() {
     u = new ResizeObserver(() => {
       if (c && a) {
-        const b = a.querySelector("thead");
-        b && y(c, b);
-        const T = a.querySelector("table");
-        T && r && (T.style.width = `${r.offsetWidth}px`);
+        const C = a.querySelector("thead");
+        C && y(c, C);
+        const k = a.querySelector("table");
+        k && r && (k.style.width = `${r.offsetWidth}px`);
       }
-      D();
+      L();
     }), n.value && u.observe(n.value), r && u.observe(r);
   }
-  function $() {
+  function F() {
     if (!c) return;
-    const b = yn(() => v(), 100), T = () => {
+    const C = yn(() => v(), 100), k = () => {
       if (c && a) {
-        const I = a.querySelector("thead");
-        I && y(c, I), D();
+        const D = a.querySelector("thead");
+        D && y(c, D), L();
       }
     };
-    B = new MutationObserver((I) => {
-      I.some((q) => q.type === "childList" ? q.addedNodes.length > 0 || q.removedNodes.length > 0 : !1) ? b() : T();
-    }), B.observe(c, {
+    P = new MutationObserver((D) => {
+      D.some((E) => E.type === "childList" ? E.addedNodes.length > 0 || E.removedNodes.length > 0 : !1) ? C() : k();
+    }), P.observe(c, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       characterData: !0
     });
   }
-  function V() {
-    var b;
+  function R() {
+    var C;
     if (a && (a.remove(), a = null), f) {
-      window.removeEventListener("scroll", f), x().forEach((I) => {
-        f && I.removeEventListener("scroll", f);
+      window.removeEventListener("scroll", f), x().forEach((D) => {
+        f && D.removeEventListener("scroll", f);
       });
-      let T = (b = n.value) == null ? void 0 : b.parentElement;
-      for (; T; )
-        T.removeEventListener("scroll", f), T = T.parentElement;
+      let k = (C = n.value) == null ? void 0 : C.parentElement;
+      for (; k; )
+        k.removeEventListener("scroll", f), k = k.parentElement;
       f = null;
     }
-    u && (u.disconnect(), u = null), B && (B.disconnect(), B = null), r = null, c = null;
+    u && (u.disconnect(), u = null), P && (P.disconnect(), P = null), r = null, c = null;
   }
-  function z() {
+  function V() {
     v();
   }
-  return we(o, (b) => {
-    b ? v() : V();
+  return we(o, (C) => {
+    C ? v() : R();
   }), we(l, () => {
-    a && (a.style.top = `${l.value}px`, D());
+    a && (a.style.top = `${l.value}px`, L());
   }), we(n, () => {
     n.value && o.value && setTimeout(v, 100);
   }), Nt(() => {
     o.value && setTimeout(v, 100);
   }), mo(() => {
-    V();
-  }), { refresh: z, cleanup: V };
+    R();
+  }), { refresh: V, cleanup: R };
 }
 function zl(e) {
   let t, n, o, l;
@@ -4521,41 +4521,43 @@ function Hl(e) {
   return "option" in e && e.option && t.push(e.option), "aggregation" in e && e.aggregation && t.push(e.aggregation), t.push(e.label.replace(/[^\p{L}\p{N}_]+/gu, "")), t.join("_").toLowerCase();
 }
 function Wl(e, t, n = []) {
-  var v, y, S, D, k;
+  var v, y, _, L, S, B;
   if (!e || !Array.isArray(e.columns) || !Array.isArray(e.rows))
     return [];
-  const o = (w) => w.schemaName === t.schemaName && w.name === t.name && (t.option ? w.option === t.option : !0), l = n.findIndex(o);
+  const o = (F) => F.schemaName === t.schemaName && F.name === t.name && (t.option ? F.option === t.option : !0), l = n.findIndex(o);
   if (l === -1)
     return [];
   if (((v = n[l]) == null ? void 0 : v.hide) === !0)
     return [];
-  const a = n.filter((w) => w.hide !== !0), r = a.findIndex(o);
+  if (((y = n[l]) == null ? void 0 : y.moveToColumn) === !0)
+    return [];
+  const a = n.filter((F) => F.hide !== !0 && F.moveToColumn !== !0), r = a.findIndex(o);
   if (r === -1)
     return [];
   const u = e.columns.reduce(
-    (w, $, V) => ((($ == null ? void 0 : $.aggregationType) ?? null) === null && w.push(V), w),
+    (F, R, V) => (((R == null ? void 0 : R.aggregationType) ?? null) === null && F.push(V), F),
     []
   )[r];
   if (typeof u == "number")
-    return e.rows.map((w) => {
-      var $;
-      return ($ = w == null ? void 0 : w.cells) == null ? void 0 : $[u];
-    }).filter((w) => w != null);
-  const f = e.columns.reduce((w, $, V) => (String(($ == null ? void 0 : $.type) ?? ($ == null ? void 0 : $.dataType) ?? "").toUpperCase() === "STRING" && w.push(V), w), []), O = a.reduce(
-    (w, $, V) => {
-      var b, T, I, A;
+    return e.rows.map((F) => {
+      var R;
+      return (R = F == null ? void 0 : F.cells) == null ? void 0 : R[u];
+    }).filter((F) => F != null);
+  const f = e.columns.reduce((F, R, V) => (String((R == null ? void 0 : R.type) ?? (R == null ? void 0 : R.dataType) ?? "").toUpperCase() === "STRING" && F.push(V), F), []), O = a.reduce(
+    (F, R, V) => {
+      var k, D, A, E;
       return String(
-        ((T = (b = e.columns) == null ? void 0 : b[V]) == null ? void 0 : T.type) ?? ((A = (I = e.columns) == null ? void 0 : I[V]) == null ? void 0 : A.dataType) ?? ""
-      ).toUpperCase() === "STRING" && w.push(V), w;
+        ((D = (k = e.columns) == null ? void 0 : k[V]) == null ? void 0 : D.type) ?? ((E = (A = e.columns) == null ? void 0 : A[V]) == null ? void 0 : E.dataType) ?? ""
+      ).toUpperCase() === "STRING" && F.push(V), F;
     },
     []
   ).indexOf(r), x = O >= 0 ? f[O] ?? -1 : String(
-    ((S = (y = e.columns) == null ? void 0 : y[r]) == null ? void 0 : S.type) ?? ((k = (D = e.columns) == null ? void 0 : D[r]) == null ? void 0 : k.dataType) ?? ""
+    ((L = (_ = e.columns) == null ? void 0 : _[r]) == null ? void 0 : L.type) ?? ((B = (S = e.columns) == null ? void 0 : S[r]) == null ? void 0 : B.dataType) ?? ""
   ).toUpperCase() === "STRING" ? r : -1;
-  return x === -1 ? [] : e.rows.map((w) => {
-    var $;
-    return ($ = w == null ? void 0 : w.cells) == null ? void 0 : $[x];
-  }).filter((w) => w != null);
+  return x === -1 ? [] : e.rows.map((F) => {
+    var R;
+    return (R = F == null ? void 0 : F.cells) == null ? void 0 : R[x];
+  }).filter((F) => F != null);
 }
 const Ol = {
   key: 0,
@@ -4606,53 +4608,53 @@ const Ol = {
   }),
   emits: /* @__PURE__ */ He(["update:table-response"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = P(!0), o = We(e, "modelValue"), l = t, a = o.value.widget.config, { t: r, te: c, locale: u } = dt(), f = e, B = P(null), O = g(() => o.value.widget.type === Y.Table), x = g(() => {
-      var _;
-      return (_ = B.value) == null ? void 0 : _.$el;
+    const n = I(!0), o = We(e, "modelValue"), l = t, a = o.value.widget.config, { t: r, te: c, locale: u } = dt(), f = e, P = I(null), O = g(() => o.value.widget.type === Y.Table), x = g(() => {
+      var w;
+      return (w = P.value) == null ? void 0 : w.$el;
     }), { refresh: v } = Vl({
       containerRef: x,
       isTable: O
-    }), y = P(a.rollup), S = P(Mt()), D = P(a.drillDimension), k = g(() => {
+    }), y = I(a.rollup), _ = I(Mt()), L = I(a.drillDimension), S = g(() => {
       if (ke.value.length > 0) {
-        const _ = ke.value.findIndex(
-          (se) => se.value === D.value
+        const w = ke.value.findIndex(
+          (se) => se.value === L.value
         );
-        return _ >= 0 ? _ : 0;
+        return w >= 0 ? w : 0;
       } else
         return -1;
-    }), w = g(() => k.value !== 0), $ = g(
-      () => k.value != ke.value.length - 1
-    ), V = P(a.showTitle ?? !0), z = P(a.titleFontSize ?? 14), b = P(a.titleBold ?? !1), T = P(a.titleItalic ?? !1), I = P(a.titleUnderline ?? !1), A = P(
+    }), B = g(() => S.value !== 0), F = g(
+      () => S.value != ke.value.length - 1
+    ), R = I(a.showTitle ?? !0), V = I(a.titleFontSize ?? 14), C = I(a.titleBold ?? !1), k = I(a.titleItalic ?? !1), D = I(a.titleUnderline ?? !1), A = I(
       Array.isArray(a.chartColors) ? [...a.chartColors] : void 0
-    ), q = P(
+    ), E = I(
       Array.isArray(a.chartColorLayers) ? [...a.chartColorLayers] : void 0
-    ), Q = P(
+    ), Q = I(
       Array.isArray(a.chartBreakdownColors) ? [...a.chartBreakdownColors] : void 0
-    ), oe = P(a.chartUseSecondaryMetricShades ?? !0), j = P(a.chartColorBinding), L = P(
+    ), oe = I(a.chartUseSecondaryMetricShades ?? !0), j = I(a.chartColorBinding), T = I(
       Array.isArray(a.lineStyles) ? [...a.lineStyles] : void 0
-    ), h = P(a.lineStyleBinding), p = P(a.showLabel ?? !1), M = P(a.labelAlign ?? xn.center), N = P(a.labelAnchor ?? Cn.center), F = P(a.labelRotation ?? 0), K = P(a.labelOffset ?? 0), H = P(a.labelFontSize ?? 12), J = g(
+    ), h = I(a.lineStyleBinding), p = I(a.showLabel ?? !1), M = I(a.labelAlign ?? xn.center), z = I(a.labelAnchor ?? Cn.center), N = I(a.labelRotation ?? 0), K = I(a.labelOffset ?? 0), H = I(a.labelFontSize ?? 12), J = g(
       () => {
-        var _;
-        return ((_ = Ue.value) == null ? void 0 : _.showSearchBar) === !0 && (te.value.config.showSearchBar ?? !0);
+        var w;
+        return ((w = Ue.value) == null ? void 0 : w.showSearchBar) === !0 && (te.value.config.showSearchBar ?? !0);
       }
-    ), E = P(a.showX ?? !0), ae = P(a.xPosition ?? wn.bottom), me = P(a.showXGrid ?? !1), ue = P(a.showXTick ?? !0), re = P(a.xTickFontSize ?? 12), ve = P(a.showXTitle ?? !1), Ce = P(a.xTitle ?? ""), Ne = P(a.xTitleFontSize ?? 12), $e = P(a.showY ?? !0), Le = P(a.yPosition ?? _n.left), ft = P(a.showYGrid ?? !1), tt = P(a.showYTick ?? !0), nt = P(a.yTickFontSize ?? 12), mt = P(a.showYTitle ?? !1), pt = P(a.yTitle ?? ""), ht = P(a.yTitleFontSize ?? 12), gt = P(a.showLegend ?? void 0), ot = P(a.legendPosition ?? Sn.top), Ee = P(a.usePointStyle ?? !0), at = P(a.legendFontSize), Ge = P(a.legendColor ?? "#6b6b6b"), Ut = P(a.maxTooltipItems), Kt = P(a.stackBarOverlap ?? !1), Xt = P(a.rowHeight ?? null), Tt = P(a.colWidths ?? null), Oe = P(!1), Lt = P(""), { breakpoints: qe, getBreakpointsBoundary: rt } = $t(), Dt = P(), Yt = P(window.innerWidth), xe = g(
+    ), G = I(a.showX ?? !0), ae = I(a.xPosition ?? wn.bottom), me = I(a.showXGrid ?? !1), ue = I(a.showXTick ?? !0), re = I(a.xTickFontSize ?? 12), ve = I(a.showXTitle ?? !1), Ce = I(a.xTitle ?? ""), Ne = I(a.xTitleFontSize ?? 12), $e = I(a.showY ?? !0), Le = I(a.yPosition ?? _n.left), ft = I(a.showYGrid ?? !1), tt = I(a.showYTick ?? !0), nt = I(a.yTickFontSize ?? 12), mt = I(a.showYTitle ?? !1), pt = I(a.yTitle ?? ""), ht = I(a.yTitleFontSize ?? 12), gt = I(a.showLegend ?? void 0), ot = I(a.legendPosition ?? Sn.top), Ee = I(a.usePointStyle ?? !0), at = I(a.legendFontSize), Ge = I(a.legendColor ?? "#6b6b6b"), Ut = I(a.maxTooltipItems), Kt = I(a.stackBarOverlap ?? !1), Xt = I(a.rowHeight ?? null), Tt = I(a.colWidths ?? null), Oe = I(!1), Lt = I(""), { breakpoints: qe, getBreakpointsBoundary: rt } = $t(), Dt = I(), Yt = I(window.innerWidth), xe = g(
       () => f.customScreenWidth === void 0 ? Yt.value : f.customScreenWidth
     ), It = g(
       () => (xe == null ? void 0 : xe.value) > rt("xs")[1] && (xe == null ? void 0 : xe.value) <= rt("sm")[1]
     ), ln = g(
       () => (xe == null ? void 0 : xe.value) > rt("sm")[1] && (xe == null ? void 0 : xe.value) <= rt("md")[1]
     ), sn = g(() => (xe == null ? void 0 : xe.value) > rt("md")[1]), Et = g(() => {
-      const _ = o.value.size.width;
-      return sn.value || ln.value ? Ll(_) : It.value ? Dl(_) : Il(_);
+      const w = o.value.size.width;
+      return sn.value || ln.value ? Ll(w) : It.value ? Dl(w) : Il(w);
     }), Ue = g(
-      () => ia.find((_) => _.type === o.value.widget.type)
+      () => ia.find((w) => w.type === o.value.widget.type)
     ), un = g(
       () => {
-        var _, se, Ie;
-        return V.value || J.value || (((_ = Ue.value) == null ? void 0 : _.showLabel) ?? !1) || (((se = Ue.value) == null ? void 0 : se.showDrillDimension) ?? !1) && ke.value.length > 0 || (((Ie = Ue.value) == null ? void 0 : Ie.showRollup) ?? !1) && Ve.value.length > 0;
+        var w, se, Ie;
+        return R.value || J.value || (((w = Ue.value) == null ? void 0 : w.showLabel) ?? !1) || (((se = Ue.value) == null ? void 0 : se.showDrillDimension) ?? !1) && ke.value.length > 0 || (((Ie = Ue.value) == null ? void 0 : Ie.showRollup) ?? !1) && Ve.value.length > 0;
       }
     ), je = yn(async () => {
-      Yt.value = window.innerWidth, Dt.value = Ro(), S.value = Mt(), await co(), v();
+      Yt.value = window.innerWidth, Dt.value = Ro(), _.value = Mt(), await co(), v();
     }), s = g(() => {
       if (ua(te.value.type, m.value))
         switch (o.value.widget.type) {
@@ -4679,22 +4681,22 @@ const Ol = {
         }
       else
         return Un;
-    }), m = P(null), { selectedLocationIds: d, dateRange: C, compareDateRange: R, timeRange: W } = At(an()), Z = na(), { globalFilters: ee, lastAppliedTileFilterIds: U } = At(Z), { businessDataVersion: ie } = At(an()), ge = P(!0), te = g(() => {
-      const _ = JSON.parse(JSON.stringify(o.value.widget));
+    }), m = I(null), { selectedLocationIds: d, dateRange: b, compareDateRange: $, timeRange: W } = At(an()), Z = na(), { globalFilters: ee, lastAppliedTileFilterIds: U } = At(Z), { businessDataVersion: ie } = At(an()), ge = I(!0), te = g(() => {
+      const w = JSON.parse(JSON.stringify(o.value.widget));
       return {
-        ..._,
+        ...w,
         config: {
-          ..._.config,
+          ...w.config,
           rollup: y.value,
-          drillDimension: D.value,
+          drillDimension: L.value,
           showGrandTotal: !1
         }
       };
     }), ne = g(() => {
       var Ie;
-      const _ = ((Ie = te.value.config.metrics) == null ? void 0 : Ie.length) ?? 0;
+      const w = ((Ie = te.value.config.metrics) == null ? void 0 : Ie.length) ?? 0;
       if (!te.value.config.isBlend)
-        return _;
+        return w;
       const se = (te.value.config.joinDatasources ?? []).reduce(
         (st, Ze) => {
           var Qe;
@@ -4702,31 +4704,31 @@ const Ol = {
         },
         0
       );
-      return _ + se;
+      return w + se;
     });
     function pe() {
       return {
         data: m.value,
-        showTitle: V.value,
-        titleFontSize: z.value,
-        titleBold: b.value,
-        titleItalic: T.value,
-        titleUnderline: I.value,
+        showTitle: R.value,
+        titleFontSize: V.value,
+        titleBold: C.value,
+        titleItalic: k.value,
+        titleUnderline: D.value,
         chartColors: A.value,
-        chartColorLayers: q.value,
+        chartColorLayers: E.value,
         chartBreakdownColors: Q.value,
         chartUseSecondaryMetricShades: oe.value,
         chartColorBinding: j.value,
         metricCount: ne.value,
-        lineStyles: L.value,
+        lineStyles: T.value,
         lineStyleBinding: h.value,
         showLabel: p.value,
-        labelAnchor: N.value,
+        labelAnchor: z.value,
         labelAlign: M.value,
-        labelRotation: F.value,
+        labelRotation: N.value,
         labelOffset: K.value,
         labelFontSize: H.value,
-        showX: E.value,
+        showX: G.value,
         xPosition: ae.value,
         showXGrid: me.value,
         showXTick: ue.value,
@@ -4777,9 +4779,9 @@ const Ol = {
           return { data: m.value };
       }
     }), Ve = g(() => {
-      const { config: _ } = o.value.widget;
-      if (_.rollup != null) {
-        const se = [..._.dimensions].filter((Ie) => !Ie.hide);
+      const { config: w } = o.value.widget;
+      if (w.rollup != null) {
+        const se = [...w.dimensions].filter((Ie) => !Ie.hide);
         return [
           { label: it(r, c, "None", "other"), value: "none" },
           { label: it(r, c, "Grand Total", "other"), value: 0 },
@@ -4791,25 +4793,25 @@ const Ol = {
       }
       return [];
     }), ke = g(() => {
-      const { config: _ } = te.value;
-      return _.isDrillable ? _.dimensions.map((se) => ({
+      const { config: w } = te.value;
+      return w.isDrillable ? w.dimensions.map((se) => ({
         label: it(r, c, se.label, "other"),
         value: Hl(se)
       })) : [];
     }), lt = g(
-      () => `${(d.value || []).join("|")}|${JSON.stringify(C.value)}|${JSON.stringify(
+      () => `${(d.value || []).join("|")}|${JSON.stringify(b.value)}|${JSON.stringify(
         W.value
       )}`
     ), De = g(() => {
-      const _ = o.value.id;
+      const w = o.value.id;
       return (ee.value || []).filter(
-        (se) => Array.isArray(se.tileIds) && se.tileIds.includes(_)
+        (se) => Array.isArray(se.tileIds) && se.tileIds.includes(w)
       );
     });
     we(
       () => o.value.widget.config,
-      (_) => {
-        y.value = _.rollup, V.value = _.showTitle ?? !0, z.value = _.titleFontSize ?? 14, b.value = _.titleBold ?? !1, T.value = _.titleItalic ?? !1, I.value = _.titleUnderline ?? !1, A.value = Array.isArray(_.chartColors) ? [..._.chartColors] : void 0, q.value = Array.isArray(_.chartColorLayers) ? [..._.chartColorLayers] : void 0, Q.value = Array.isArray(_.chartBreakdownColors) ? [..._.chartBreakdownColors] : void 0, oe.value = _.chartUseSecondaryMetricShades ?? !0, j.value = _.chartColorBinding, L.value = Array.isArray(_.lineStyles) ? [..._.lineStyles] : void 0, h.value = _.lineStyleBinding, p.value = _.showLabel ?? !1, M.value = _.labelAlign ?? xn.center, N.value = _.labelAnchor ?? Cn.center, F.value = _.labelRotation ?? 0, K.value = _.labelOffset ?? 0, H.value = _.labelFontSize ?? 12, E.value = _.showX ?? !0, ae.value = _.xPosition ?? wn.bottom, me.value = _.showXGrid ?? !1, ue.value = _.showXTick ?? !0, re.value = _.xTickFontSize ?? 12, ve.value = _.showXTitle ?? !1, Ce.value = _.xTitle ?? "", Ne.value = _.xTitleFontSize ?? 12, $e.value = _.showY ?? !0, Le.value = _.yPosition ?? _n.left, ft.value = _.showYGrid ?? !1, tt.value = _.showYTick ?? !0, nt.value = _.yTickFontSize ?? 12, mt.value = _.showYTitle ?? !1, pt.value = _.yTitle ?? "", ht.value = _.yTitleFontSize ?? 12, gt.value = _.showLegend ?? void 0, ot.value = _.legendPosition ?? Sn.top, Ee.value = _.usePointStyle ?? !0, at.value = _.legendFontSize, Ge.value = _.legendColor ?? "#6b6b6b", Ut.value = _.maxTooltipItems, Kt.value = _.stackBarOverlap ?? !1, Xt.value = _.rowHeight ?? null, Tt.value = _.colWidths ?? null, S.value = Mt();
+      (w) => {
+        y.value = w.rollup, R.value = w.showTitle ?? !0, V.value = w.titleFontSize ?? 14, C.value = w.titleBold ?? !1, k.value = w.titleItalic ?? !1, D.value = w.titleUnderline ?? !1, A.value = Array.isArray(w.chartColors) ? [...w.chartColors] : void 0, E.value = Array.isArray(w.chartColorLayers) ? [...w.chartColorLayers] : void 0, Q.value = Array.isArray(w.chartBreakdownColors) ? [...w.chartBreakdownColors] : void 0, oe.value = w.chartUseSecondaryMetricShades ?? !0, j.value = w.chartColorBinding, T.value = Array.isArray(w.lineStyles) ? [...w.lineStyles] : void 0, h.value = w.lineStyleBinding, p.value = w.showLabel ?? !1, M.value = w.labelAlign ?? xn.center, z.value = w.labelAnchor ?? Cn.center, N.value = w.labelRotation ?? 0, K.value = w.labelOffset ?? 0, H.value = w.labelFontSize ?? 12, G.value = w.showX ?? !0, ae.value = w.xPosition ?? wn.bottom, me.value = w.showXGrid ?? !1, ue.value = w.showXTick ?? !0, re.value = w.xTickFontSize ?? 12, ve.value = w.showXTitle ?? !1, Ce.value = w.xTitle ?? "", Ne.value = w.xTitleFontSize ?? 12, $e.value = w.showY ?? !0, Le.value = w.yPosition ?? _n.left, ft.value = w.showYGrid ?? !1, tt.value = w.showYTick ?? !0, nt.value = w.yTickFontSize ?? 12, mt.value = w.showYTitle ?? !1, pt.value = w.yTitle ?? "", ht.value = w.yTitleFontSize ?? 12, gt.value = w.showLegend ?? void 0, ot.value = w.legendPosition ?? Sn.top, Ee.value = w.usePointStyle ?? !0, at.value = w.legendFontSize, Ge.value = w.legendColor ?? "#6b6b6b", Ut.value = w.maxTooltipItems, Kt.value = w.stackBarOverlap ?? !1, Xt.value = w.rowHeight ?? null, Tt.value = w.colWidths ?? null, _.value = Mt();
       },
       { deep: !0, immediate: !0 }
     ), we(
@@ -4825,22 +4827,22 @@ const Ol = {
       y.value !== null && (o.value.widget.config.rollup = y.value);
     }), we(
       lt,
-      (_, se) => {
-        se !== void 0 && _ !== se && De.value.length > 0 && Vn();
+      (w, se) => {
+        se !== void 0 && w !== se && De.value.length > 0 && Vn();
       },
       { flush: "pre" }
     ), we(
       () => o.value,
-      (_, se) => {
-        !f.isTileEditor || !_ || se !== void 0 && Vn();
+      (w, se) => {
+        !f.isTileEditor || !w || se !== void 0 && Vn();
       },
       { deep: !0, flush: "pre" }
     ), we(
       [
         () => te.value,
-        () => C.value,
+        () => b.value,
         () => W.value,
-        () => R.value,
+        () => $.value,
         () => d.value,
         () => ie.value
       ],
@@ -4850,8 +4852,8 @@ const Ol = {
       { deep: !0, flush: "post" }
     ), we(
       () => U.value,
-      (_) => {
-        f.isEditingStyle || _.includes(o.value.id) && fn();
+      (w) => {
+        f.isEditingStyle || w.includes(o.value.id) && fn();
       },
       { flush: "post" }
     ), we(
@@ -4884,12 +4886,12 @@ const Ol = {
         dn();
         try {
           n.value = !0, qt && qt.abort(), qt = new AbortController();
-          const _ = qt.signal, se = ie.value, Ie = await yn(
+          const w = qt.signal, se = ie.value, Ie = await yn(
             aa,
             500
           )({
             widget: te.value,
-            signal: _,
+            signal: w,
             tileId: o.value.id
           });
           if (ie.value === se) {
@@ -4901,11 +4903,11 @@ const Ol = {
             De.value.length > 0 && De.value.forEach((Ze) => {
               const Qe = Wl(Ie, Ze, st), mn = Array.from(new Set(Qe));
               cn(ra(Ze, f.reportId), mn);
-            }), S.value = Mt(), setTimeout(() => v(), 100);
+            }), _.value = Mt(), setTimeout(() => v(), 100);
           }
           n.value = !1;
-        } catch (_) {
-          _.code !== "ERR_CANCELED" && (m.value = null, Je.open({ message: `Invalid chart ${te.value.type}`, type: "error" }), console.log(_), n.value = !1);
+        } catch (w) {
+          w.code !== "ERR_CANCELED" && (m.value = null, Je.open({ message: `Invalid chart ${te.value.type}`, type: "error" }), console.log(w), n.value = !1);
         } finally {
           Gt();
         }
@@ -4916,32 +4918,32 @@ const Ol = {
         return `${Ml(o.value.size.height, o.value.widget.type)}px`;
     }
     function No() {
-      const _ = k.value - 1;
-      _ >= 0 && (D.value = ke.value[_].value);
+      const w = S.value - 1;
+      w >= 0 && (L.value = ke.value[w].value);
     }
     function $o() {
-      const _ = k.value + 1;
-      _ >= 0 && _ < ke.value.length && (D.value = ke.value[_].value);
+      const w = S.value + 1;
+      w >= 0 && w < ke.value.length && (L.value = ke.value[w].value);
     }
-    const zn = P(yt.EXCEL), Hn = P(), Vo = Object.values(yt).map((_) => ({
-      label: la(_),
-      value: _,
+    const zn = I(yt.EXCEL), Hn = I(), Vo = Object.values(yt).map((w) => ({
+      label: la(w),
+      value: w,
       onClick: async () => {
-        _ === yt.EXCEL || _ === yt.PDFFULLSIZE || _ === yt.PDFRECEIPT ? await po({
-          reportType: _,
+        w === yt.EXCEL || w === yt.PDFFULLSIZE || w === yt.PDFRECEIPT ? await po({
+          reportType: w,
           index: f.index,
           isCombinedLocationLayout: ge.value,
           timeRange: W.value,
-          dateRange: C.value,
+          dateRange: b.value,
           locationIds: d.value
-        }) : _ === yt.PDF && (zn.value = _, Hn.value = f.index, Oe.value = !0);
+        }) : w === yt.PDF && (zn.value = w, Hn.value = f.index, Oe.value = !0);
       }
     })), zo = f.flat || te.value.type === Y.Spacer ? "flat" : "outlined", Ho = te.value.type === Y.Spacer ? "p-0" : "p-16", Wo = g(() => f.flat ? "w-full" : Et.value);
-    return (_, se) => {
+    return (w, se) => {
       const Ie = ce("FmTooltip"), st = ce("FmSearch"), Ze = ce("FmCheckbox"), Qe = ce("FmButton"), mn = ce("FmSelect"), Oo = ce("FmMenuItem"), Uo = ce("FmMenu"), Ko = ce("FmForm"), Xo = ce("FmCircularProgress"), Yo = ce("FmCard");
       return X(), de(Yo, {
         ref_key: "tileCard",
-        ref: B,
+        ref: P,
         class: Se(`${Wo.value} ${i(Ho)}`),
         variant: i(zo),
         style: Pe({ height: Dt.value })
@@ -4955,7 +4957,7 @@ const Ol = {
           }, null, 8, ["modelValue", "report-type", "index"]),
           n.value ? (X(), de(Xo, { key: 1 })) : (X(), le("div", Ol, [
             (X(), de(fo(s.value), {
-              key: S.value,
+              key: _.value,
               modelValue: Me.value,
               "onUpdate:modelValue": se[4] || (se[4] = (vt) => Me.value = vt),
               "tile-index": f.index
@@ -4977,17 +4979,17 @@ const Ol = {
                         "z-index": 99
                       }, {
                         default: _e(() => [
-                          V.value !== !1 ? (X(), le("p", {
+                          R.value !== !1 ? (X(), le("p", {
                             key: 0,
                             style: Pe({
-                              fontSize: z.value + "px",
-                              fontWeight: b.value ? "bold" : "normal",
-                              fontStyle: T.value ? "italic" : "normal",
-                              paddingRight: T.value ? "4px" : "0px",
-                              textDecoration: I.value ? "underline" : "none"
+                              fontSize: V.value + "px",
+                              fontWeight: C.value ? "bold" : "normal",
+                              fontStyle: k.value ? "italic" : "normal",
+                              paddingRight: k.value ? "4px" : "0px",
+                              textDecoration: D.value ? "underline" : "none"
                             }),
                             class: Se(["text-fm-color-typo-secondary line-clamp-1", [
-                              z.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              V.value <= 18 ? "fm-typo-en-body-md-400" : "",
                               te.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
                           }, Te(i(it)(i(r), i(c), te.value.title, "other")), 7)) : he("", !0)
@@ -5012,13 +5014,13 @@ const Ol = {
                         fe(Qe, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !w.value,
+                          disabled: !B.value,
                           onClick: No
                         }, null, 8, ["disabled"]),
                         fe(Qe, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !$.value,
+                          disabled: !F.value,
                           onClick: $o
                         }, null, 8, ["disabled"])
                       ])) : he("", !0),