@feedmepos/mf-report 5.24.4-beta.0 → 5.24.5-beta.0

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-DWft8Sie.js → DynamicWidget.vue_vue_type_script_setup_true_lang-TMYMIdbS.js}

@@ -1,15 +1,15 @@
-import { computed as m, defineComponent as Ne, ref as D, onMounted as $e, onBeforeUnmount as Qn, resolveComponent as ve, createBlock as ye, openBlock as Y, Transition as Io, withCtx as Te, createElementBlock as he, createCommentVNode as Ce, createElementVNode as ee, unref as r, normalizeStyle as Le, withModifiers as Qt, toDisplayString as Pe, createVNode as me, Fragment as Ve, renderList as Rt, normalizeClass as De, watch as we, nextTick as Me, mergeModels as Ye, useModel as Oe, renderSlot as nt, h as jt, createSlots as Mo, resolveDynamicComponent as eo, toRaw as Bo, markRaw as Po, createTextVNode as Fo, onUnmounted as to, withDirectives as Ao, vShow as Ro } from "vue";
-import { W as oe, i as St, j as zo, S as Bt, v as At, k as No, l as cn, m as no, d as Vo, q as $o, R as pt, n as Ho } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-9lOgWzji.js";
-import { h as Wo, z as Eo, i as Oo, j as Uo, a as nn, u as _n } from "./app-BKTTPSRU.js";
-import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-B5DNvvB7.js";
-import { storeToRefs as st, defineStore as Ko } from "pinia";
-import { C as mn } from "./chart-DDDh8zNk.js";
+import { computed as m, defineComponent as Ne, ref as D, onMounted as $e, onBeforeUnmount as Qn, resolveComponent as pe, createBlock as ge, openBlock as Y, Transition as Io, withCtx as Le, createElementBlock as fe, createCommentVNode as be, createElementVNode as Q, unref as r, normalizeStyle as De, withModifiers as en, toDisplayString as Pe, createVNode as he, Fragment as Ve, renderList as zt, normalizeClass as Ie, watch as we, nextTick as Me, mergeModels as Xe, useModel as Ee, renderSlot as nt, h as Jt, createSlots as Mo, resolveDynamicComponent as eo, toRaw as Bo, markRaw as Po, createTextVNode as Fo, onUnmounted as to, withDirectives as Ao, vShow as Ro } from "vue";
+import { W as oe, i as kt, j as zo, S as Pt, v as Rt, k as No, l as dn, m as no, d as Vo, q as $o, R as gt, n as Ho } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-iPMIZVHW.js";
+import { h as Wo, z as Eo, i as Oo, j as Uo, a as on, u as kn } from "./app-DIHhRoHJ.js";
+import { d as mn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DbfWX0mv.js";
+import { storeToRefs as it, defineStore as Ko } from "pinia";
+import { C as pn } from "./chart-DDDh8zNk.js";
 import { detectLocale as qo } from "@feedmepos/mf-common";
-import { useBreakpoints as an, useSnackbar as kn, components as Xo } from "@feedmepos/ui-library";
-import { u as it } from "./vue-i18n-DVWuTfed.js";
+import { useBreakpoints as rn, useSnackbar as Tn, components as Xo } from "@feedmepos/ui-library";
+import { u as ut } from "./vue-i18n-DVWuTfed.js";
 import { a as oo, _ as Nn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Af_Z54a4.js";
-import { r as lt } from "./i18n-CI_sQ5d_.js";
-var pn = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(pn || {}), et = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(et || {}), vn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(vn || {}), gn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(gn || {}), yn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(yn || {}), bn = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(bn || {}), Cn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Cn || {}), Se = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(Se || {});
+import { r as st } from "./i18n-CI_sQ5d_.js";
+var vn = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(vn || {}), et = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(et || {}), gn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(gn || {}), yn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(yn || {}), bn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(bn || {}), Cn = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Cn || {}), xn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(xn || {}), _e = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(_e || {});
 oe.Circular, oe.Table, oe.BarChart, oe.LineChart, oe.StackBarChart, oe.ClusteredStackBarChart, oe.StackLineChart, oe.Scorecard, oe.Spacer;
 const Yo = [
   {
@@ -82,7 +82,7 @@ const Yo = [
     showSearchBar: !1
   }
 ];
-function dn(e) {
+function fn(e) {
   const n = [e.schemaName, e.name];
   return "option" in e && e.option && n.push(e.option), "aggregation" in e && e.aggregation && n.push(e.aggregation), n.push(e.label.replace(/[^\p{L}\p{N}_]+/gu, "")), n.join("_").toLowerCase();
 }
@@ -104,7 +104,7 @@ function Go(e, n) {
       return !0;
   }
 }
-const on = [
+const an = [
   "#36A2EB",
   "#007BA7",
   "#FF5D53",
@@ -115,8 +115,8 @@ const on = [
   "#50BE9B",
   "#8358D4",
   "#9B5046"
-], ul = on.map(() => "solid");
-function vt({
+], ul = an.map(() => "solid");
+function yt({
   datasetIndex: e,
   label: n
 }) {
@@ -141,13 +141,13 @@ function Fe({
   metricCount: t,
   mode: o
 }) {
-  if (o !== Se.metric)
+  if (o !== _e.metric)
     return e;
   const s = Number.isFinite(t) ? Number(t) : 0;
   return s <= 0 ? e : n ? e >= s ? (e - s) % s : Math.max(0, (e - 1 + s) % s) : e % s;
 }
 const Zo = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-function zt(e) {
+function Nt(e) {
   if (!e)
     return null;
   const n = e.trim();
@@ -160,7 +160,7 @@ function zt(e) {
   return n.toUpperCase();
 }
 function Qo(e) {
-  const n = zt(e) ?? "#000000";
+  const n = Nt(e) ?? "#000000";
   return {
     red: Number.parseInt(n.slice(1, 3), 16),
     green: Number.parseInt(n.slice(3, 5), 16),
@@ -168,14 +168,14 @@ function Qo(e) {
   };
 }
 function ao(e) {
-  return !Array.isArray(e) || e.length === 0 ? on : on.map((n, t) => zt(e[t]) ?? n);
+  return !Array.isArray(e) || e.length === 0 ? an : an.map((n, t) => Nt(e[t]) ?? n);
 }
 function ro(e, n) {
   const { red: t, green: o, blue: s } = Qo(e);
   return `rgba(${t}, ${o}, ${s}, ${n})`;
 }
 function Vn(e, n) {
-  const t = zt(e) ?? "#000000", o = (s) => {
+  const t = Nt(e) ?? "#000000", o = (s) => {
     const i = Number.parseInt(t.slice(s, s + 2), 16);
     return Math.round(i + (255 - i) * n).toString(16).padStart(2, "0").toUpperCase();
   };
@@ -194,13 +194,13 @@ function tt({
   let i = typeof t == "number" ? t : 1;
   return n && (i = i * 0.6), ro(s[e % s.length], i);
 }
-function Ct({
+function wt({
   fallbackIndex: e,
   metricCount: n
 }) {
   return Number.isInteger(n) && Number(n) > 0 ? Math.floor(e / Number(n)) : e;
 }
-function _t({
+function Tt({
   breakdownIndex: e,
   metricIndex: n,
   metricCount: t,
@@ -211,9 +211,9 @@ function _t({
   colorMode: h,
   customColors: c
 }) {
-  const C = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1, N = Number.isInteger(n) && Number(n) >= 0 ? Number(n) : 0, $ = l !== !1, F = e * C + N, y = h === "clustered" ? on : ao(c), g = zt(i == null ? void 0 : i[e * C]) ?? y[e % y.length], I = $ && N > 0 ? Vn(g, $n(N)) : zt(i == null ? void 0 : i[F]) ?? (N > 0 ? Vn(g, $n(N)) : g);
-  let L = typeof s == "number" ? s : 1;
-  return o && (L = L * 0.6), ro(I, L);
+  const C = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1, N = Number.isInteger(n) && Number(n) >= 0 ? Number(n) : 0, $ = l !== !1, F = e * C + N, y = h === "clustered" ? an : ao(c), g = Nt(i == null ? void 0 : i[e * C]) ?? y[e % y.length], I = $ && N > 0 ? Vn(g, $n(N)) : Nt(i == null ? void 0 : i[F]) ?? (N > 0 ? Vn(g, $n(N)) : g);
+  let T = typeof s == "number" ? s : 1;
+  return o && (T = T * 0.6), ro(I, T);
 }
 function lo(e, n, t) {
   if (e === "" || n === "")
@@ -246,7 +246,7 @@ function ea(e) {
     tailwind: "fm-color-neutral-gray-100"
   };
 }
-function Nt(e) {
+function Vt(e) {
   return Object.entries(e).map(([n, t]) => `${n}:${t}`).join(";");
 }
 function so(e) {
@@ -285,7 +285,7 @@ function so(e) {
     titleMarginBottom: 6
   };
 }
-const ta = Nt({
+const ta = Vt({
   display: "block",
   padding: "0",
   background: "none",
@@ -304,7 +304,7 @@ const ta = Nt({
   "white-space": "normal",
   "word-break": "break-word",
   "overflow-wrap": "anywhere"
-}, oa = Nt({
+}, oa = Vt({
   display: "flex",
   "align-items": "flex-start",
   "font-size": "13px",
@@ -314,7 +314,7 @@ const ta = Nt({
   "line-height": "1.35",
   margin: "0 0 3px",
   overflow: "hidden"
-}), aa = Nt({
+}), aa = Vt({
   flex: "1 1 auto",
   "min-width": "0",
   "white-space": "normal",
@@ -366,7 +366,7 @@ function Hn(e) {
   );
   t && (t.__onViewportChange && (window.removeEventListener("scroll", t.__onViewportChange, !0), window.removeEventListener("resize", t.__onViewportChange)), t.remove());
 }
-function fn(e, n, t, o) {
+function hn(e, n, t, o) {
   const { left: s, right: i, top: l, bottom: h } = t;
   e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = ia, e.setLineDash([5, 5]), n ? (e.moveTo(s, o), e.lineTo(i, o)) : (e.moveTo(o, l), e.lineTo(o, h)), e.stroke(), e.restore();
 }
@@ -391,7 +391,7 @@ function ca(e, n, t) {
   const o = ((g = e.options) == null ? void 0 : g.indexAxis) === "y", s = e.tooltip, i = (s == null ? void 0 : s.getActiveElements()) ?? [];
   if (i.length === 0) {
     const I = ua(e, o);
-    I !== void 0 && fn(e.ctx, o, e.chartArea, I);
+    I !== void 0 && hn(e.ctx, o, e.chartArea, I);
     return;
   }
   const l = e.scales.x, h = e.scales.y;
@@ -401,16 +401,16 @@ function ca(e, n, t) {
   if (!c)
     return;
   if (n === "bar") {
-    const L = (o ? h : l).getPixelForValue(c.index);
-    fn(e.ctx, o, e.chartArea, L);
+    const T = (o ? h : l).getPixelForValue(c.index);
+    hn(e.ctx, o, e.chartArea, T);
     return;
   }
   if (!c.element)
     return;
   const C = c.element, N = o ? h : l, $ = o ? C.y : C.x, F = N.getPixelForValue(c.index), y = $ ?? F;
-  fn(e.ctx, o, e.chartArea, y);
+  hn(e.ctx, o, e.chartArea, y);
 }
-function Vt(e) {
+function $t(e) {
   let n = !1, t = !1;
   return {
     id: "crosshair",
@@ -436,10 +436,10 @@ function Vt(e) {
     }
   };
 }
-const da = Number.POSITIVE_INFINITY, xn = 2, fa = 1, ha = 0.2, ma = 120, { breakpoints: gt } = an(), Tn = "report-v5:locationchange";
+const da = Number.POSITIVE_INFINITY, wn = 2, fa = 1, ha = 0.2, ma = 120, { breakpoints: bt } = rn(), Ln = "report-v5:locationchange";
 let Wn = !1;
 function En() {
-  window.dispatchEvent(new Event(Tn));
+  window.dispatchEvent(new Event(Ln));
 }
 function pa() {
   if (Wn)
@@ -454,7 +454,7 @@ function pa() {
     return En(), s;
   };
 }
-const Pt = {
+const Ft = {
   "en-US": Uo.report.widget.comparisonTooltip.viewBreakdown,
   "zh-CN": Oo.report.widget.comparisonTooltip.viewBreakdown,
   "zh-Hant": Eo.report.widget.comparisonTooltip.viewBreakdown,
@@ -462,7 +462,7 @@ const Pt = {
 };
 function io() {
   const e = qo();
-  return e in Pt ? Pt[e] : e.startsWith("zh") ? Pt["zh-CN"] : e.startsWith("th") ? Pt["th-TH"] : Pt["en-US"];
+  return e in Ft ? Ft[e] : e.startsWith("zh") ? Ft["zh-CN"] : e.startsWith("th") ? Ft["th-TH"] : Ft["en-US"];
 }
 function va(e) {
   return e == null ? null : typeof e != "string" ? [] : e.split("#").map((n) => n.trim()).filter((n) => n.length > 0);
@@ -484,13 +484,13 @@ function xa(e, n) {
   return e.type === "bar" ? !0 : n === "bar";
 }
 function wa(e, n, t) {
-  const o = Ft(e.borderColor, n) || Ft(e.color, n), s = Ft(e.backgroundColor, n), i = Ft(e.pointBorderColor, n), l = Ft(e.pointBackgroundColor, n);
+  const o = At(e.borderColor, n) || At(e.color, n), s = At(e.backgroundColor, n), i = At(e.pointBorderColor, n), l = At(e.pointBackgroundColor, n);
   return t ? On(s, l, o, i) : On(o, i, s, l);
 }
 function Sa(e) {
   return e.trim().toLowerCase();
 }
-function Ft(e, n) {
+function At(e, n) {
   if (typeof e == "string") return e;
   if (Array.isArray(e)) {
     const t = e[n];
@@ -515,24 +515,24 @@ function On(...e) {
   }
   return "#9ca3af";
 }
-function wn(e) {
+function Sn(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function Ta(e) {
   const n = typeof e == "number" ? e : typeof e == "string" ? Number(e) : Number.NaN;
-  return Number.isFinite(n) ? Math.max(xn, Math.floor(n)) : da;
+  return Number.isFinite(n) ? Math.max(wn, Math.floor(n)) : da;
 }
 function La(e) {
-  return e <= 0 ? 320 : gt.value.xs || gt.value.sm || e <= 640 ? Math.max(160, Math.floor(e * 0.38)) : gt.value.md || e <= 900 ? Math.max(200, Math.floor(e * 0.46)) : gt.value.lg || e <= 1200 ? Math.max(240, Math.floor(e * 0.54)) : Math.max(280, Math.floor(e * 0.62));
+  return e <= 0 ? 320 : bt.value.xs || bt.value.sm || e <= 640 ? Math.max(160, Math.floor(e * 0.38)) : bt.value.md || e <= 900 ? Math.max(200, Math.floor(e * 0.46)) : bt.value.lg || e <= 1200 ? Math.max(240, Math.floor(e * 0.54)) : Math.max(280, Math.floor(e * 0.62));
 }
-function Ln(e, n) {
+function Dn(e, n) {
   const t = window.innerHeight, o = La(t), s = n ? Math.max(120, n.clientHeight - 16) : Number.POSITIVE_INFINITY, i = Math.max(120, Math.min(o, s));
   e.style.maxHeight = `${i}px`;
 }
-function yt() {
-  return gt.value.xs || gt.value.sm;
+function Ct() {
+  return bt.value.xs || bt.value.sm;
 }
-function bt(e) {
+function xt(e) {
   return e.dataset.pinned === "true";
 }
 function uo(e, n) {
@@ -558,19 +558,19 @@ function Un(e) {
   };
 }
 function Da(e) {
-  return Nt({
+  return Vt({
     ...na,
     margin: `${e ? "8px" : "0"} 0 4px`
   });
 }
 function Ia(e, n) {
-  return Nt({
+  return Vt({
     ...e ? ra : la,
     background: n
   });
 }
 function Ma(e) {
-  return `<button type="button" data-tooltip-full-details="true" style="${ta}">${wn(e)}</button>`;
+  return `<button type="button" data-tooltip-full-details="true" style="${ta}">${Sn(e)}</button>`;
 }
 function fo(e, n, t, o, s, i, l, h) {
   var A;
@@ -578,11 +578,11 @@ function fo(e, n, t, o, s, i, l, h) {
   i.forEach((w, u) => {
     if (g.has(u))
       return;
-    const M = w ?? {}, W = ya(M), K = ba(M, l), te = xa(M, h), G = {
-      text: Ca(W, K),
-      color: wa(M, l, te),
-      isBar: te,
-      value: K,
+    const M = w ?? {}, W = ya(M), q = ba(M, l), ee = xa(M, h), G = {
+      text: Ca(W, q),
+      color: wa(M, l, ee),
+      isBar: ee,
+      value: q,
       datasetLabel: W,
       matchingKey: Sa(W)
     };
@@ -592,24 +592,24 @@ function fo(e, n, t, o, s, i, l, h) {
     }
     F.push(G);
   });
-  const I = F.slice(0, o), L = /* @__PURE__ */ new Map();
+  const I = F.slice(0, o), T = /* @__PURE__ */ new Map();
   y.forEach((w) => {
-    const u = L.get(w.matchingKey);
+    const u = T.get(w.matchingKey);
     if (!u) {
-      L.set(w.matchingKey, [w]);
+      T.set(w.matchingKey, [w]);
       return;
     }
     u.push(w);
   });
   const B = $ ? I.map((w) => {
-    const u = L.get(w.matchingKey);
+    const u = T.get(w.matchingKey);
     return !u || u.length === 0 ? Un(w) : u.shift() ?? Un(w);
-  }) : [], v = F.length > I.length || y.length > B.length, f = (w, u = !1) => `<div style="${Da(u)}">${wn(w)}</div>`, T = (w) => {
+  }) : [], v = F.length > I.length || y.length > B.length, f = (w, u = !1) => `<div style="${Da(u)}">${Sn(w)}</div>`, k = (w) => {
     const u = Ia(w.isBar, w.color);
-    return `<div style="${oa}"><span style="${u}"></span><span style="${aa}">${wn(w.text)}</span></div>`;
+    return `<div style="${oa}"><span style="${u}"></span><span style="${aa}">${Sn(w.text)}</span></div>`;
   };
-  let k = "";
-  N.length > 0 && (k += f(N)), k += I.map((w) => T(w)).join(""), $ && B.length > 0 && (k += f($, k.length > 0), k += B.map((w) => T(w)).join("")), s && v && (k += Ma(t));
+  let L = "";
+  N.length > 0 && (L += f(N)), L += I.map((w) => k(w)).join(""), $ && B.length > 0 && (L += f($, L.length > 0), L += B.map((w) => k(w)).join("")), s && v && (L += Ma(t));
   const x = [
     {
       title: N,
@@ -621,7 +621,7 @@ function fo(e, n, t, o, s, i, l, h) {
     }
   ].filter((w) => w.values.length > 0);
   return {
-    html: k,
+    html: L,
     detailsPayload: { sections: x },
     hasCollapsedValues: v
   };
@@ -629,7 +629,7 @@ function fo(e, n, t, o, s, i, l, h) {
 function Kn(e) {
   return e.scrollHeight - e.clientHeight > fa;
 }
-function Jt(e, n, t, o, s, i, l, h, c) {
+function Zt(e, n, t, o, s, i, l, h, c) {
   const C = fo(
     n,
     t,
@@ -645,7 +645,7 @@ function Jt(e, n, t, o, s, i, l, h, c) {
 function Ba(e, n, t, o, s, i, l, h, c) {
   if (Number.isFinite(s))
     return {
-      markup: Jt(
+      markup: Zt(
         e,
         n,
         t,
@@ -658,8 +658,8 @@ function Ba(e, n, t, o, s, i, l, h, c) {
       ),
       maxTooltipItems: s
     };
-  const C = Math.max(xn, n.length);
-  let N = C, $ = Jt(
+  const C = Math.max(wn, n.length);
+  let N = C, $ = Zt(
     e,
     n,
     t,
@@ -675,9 +675,9 @@ function Ba(e, n, t, o, s, i, l, h, c) {
       markup: $,
       maxTooltipItems: C
     };
-  let F = xn, y = C;
+  let F = wn, y = C;
   for (; F <= y; ) {
-    const I = Math.floor((F + y) / 2), L = Jt(
+    const I = Math.floor((F + y) / 2), T = Zt(
       e,
       n,
       t,
@@ -692,10 +692,10 @@ function Ba(e, n, t, o, s, i, l, h, c) {
       y = I - 1;
       continue;
     }
-    N = I, $ = L, F = I + 1;
+    N = I, $ = T, F = I + 1;
   }
   return {
-    markup: N === C ? $ : Jt(
+    markup: N === C ? $ : Zt(
       e,
       n,
       t,
@@ -736,7 +736,7 @@ function qn(e, n) {
   }
   return e;
 }
-function Zt(e, n) {
+function Qt(e, n) {
   return typeof e == "string" ? qn(e, n) : Array.isArray(e) ? e.map(
     (t) => typeof t == "string" ? qn(t, n) : t
   ) : e;
@@ -755,13 +755,13 @@ function Fa(e) {
 }
 function Aa(e, n) {
   const t = e.__tooltipOriginalStyle;
-  t && (Reflect.set(e, "borderColor", Zt(t.borderColor, n)), Reflect.set(e, "backgroundColor", Zt(t.backgroundColor, n)), Reflect.set(e, "pointBorderColor", Zt(t.pointBorderColor, n)), Reflect.set(
+  t && (Reflect.set(e, "borderColor", Qt(t.borderColor, n)), Reflect.set(e, "backgroundColor", Qt(t.backgroundColor, n)), Reflect.set(e, "pointBorderColor", Qt(t.pointBorderColor, n)), Reflect.set(
     e,
     "pointBackgroundColor",
-    Zt(t.pointBackgroundColor, n)
+    Qt(t.pointBackgroundColor, n)
   ));
 }
-function Sn(e) {
+function _n(e) {
   var o;
   if (!e || typeof e != "object")
     return !1;
@@ -771,8 +771,8 @@ function Sn(e) {
   const t = n.canvas;
   return !(t != null && (!t.isConnected || !t.ownerDocument));
 }
-function en(e, n) {
-  if (!Sn(e))
+function tn(e, n) {
+  if (!_n(e))
     return;
   const t = e.data.datasets;
   if (t.length !== 0) {
@@ -798,7 +798,7 @@ function en(e, n) {
 }
 function ho(e) {
   const n = e, t = n == null ? void 0 : n.chart;
-  if (Sn(t))
+  if (_n(t))
     return t;
   const o = n == null ? void 0 : n.$el;
   if (!o)
@@ -806,38 +806,38 @@ function ho(e) {
   const s = o.querySelector("canvas");
   if (!(s instanceof HTMLCanvasElement))
     return null;
-  const i = mn.getChart(s);
-  return Sn(i) ? i : null;
+  const i = pn.getChart(s);
+  return _n(i) ? i : null;
 }
 function Ra(e) {
   const n = window.getComputedStyle(e);
   return [n.overflow, n.overflowX, n.overflowY].some((o) => o !== "visible");
 }
-function Dn(e) {
+function In(e) {
   let n = e.parentElement ?? e, t = n;
   for (; t && t.parentElement && t.parentElement !== document.body && t.parentElement !== document.documentElement; )
     Ra(t) && (n = t.parentElement), t = t.parentElement;
   return window.getComputedStyle(n).position === "static" && (n.style.position = "relative"), n;
 }
-function In(e, n, t, o, s, i, l = "center", h = !1) {
+function Mn(e, n, t, o, s, i, l = "center", h = !1) {
   const c = n.getBoundingClientRect(), C = t.getBoundingClientRect(), N = t.scrollLeft, $ = t.scrollTop, F = t.clientWidth, y = t.clientHeight, g = e;
   (!Number.isFinite(g.__cachedWidth) || !Number.isFinite(g.__cachedHeight) || g.__measurementHostWidth !== F || g.__measurementHostHeight !== y) && (g.__cachedWidth = e.offsetWidth, g.__cachedHeight = e.offsetHeight, g.__measurementHostWidth = F, g.__measurementHostHeight = y);
-  const L = g.__cachedWidth ?? e.offsetWidth, B = g.__cachedHeight ?? e.offsetHeight, v = 8, f = c.left - C.left + N + o, T = c.top - C.top + $ + s, k = h ? l === "left" ? f - L - v : f + v : l === "left" ? f - L - v : l === "right" ? f + v : f - L / 2, x = h ? T + v : i ? T - B / 2 : T + v, A = N + v;
+  const T = g.__cachedWidth ?? e.offsetWidth, B = g.__cachedHeight ?? e.offsetHeight, v = 8, f = c.left - C.left + N + o, k = c.top - C.top + $ + s, L = h ? l === "left" ? f - T - v : f + v : l === "left" ? f - T - v : l === "right" ? f + v : f - T / 2, x = h ? k + v : i ? k - B / 2 : k + v, A = N + v;
   let w = $ + v;
   const u = document.querySelector('[data-menu-tab="true"]');
   if (u) {
-    const le = u.getBoundingClientRect().bottom - C.top + $ + v;
-    w = Math.max(w, le);
+    const ie = u.getBoundingClientRect().bottom - C.top + $ + v;
+    w = Math.max(w, ie);
   }
-  const M = Math.max(A, N + F - L - v), W = Math.max(w, $ + y - B - v), K = Math.round(Math.min(Math.max(A, k), M)), te = Math.round(Math.min(Math.max(w, x), W));
-  g.__lastLeftPx === K && g.__lastTopPx === te || (g.__lastLeftPx = K, g.__lastTopPx = te, e.style.left = `${K}px`, e.style.top = `${te}px`);
+  const M = Math.max(A, N + F - T - v), W = Math.max(w, $ + y - B - v), q = Math.round(Math.min(Math.max(A, L), M)), ee = Math.round(Math.min(Math.max(w, x), W));
+  g.__lastLeftPx === q && g.__lastTopPx === ee || (g.__lastLeftPx = q, g.__lastTopPx = ee, e.style.left = `${q}px`, e.style.top = `${ee}px`);
 }
 function mo(e) {
   return e.dataset.anchorDirection === "left" ? "left" : e.dataset.anchorDirection === "right" ? "right" : "center";
 }
 function za(e, n, t, o, s, i, l) {
   const h = n.getBoundingClientRect(), c = o - h.left, C = s - h.top;
-  !Number.isFinite(c) || !Number.isFinite(C) || (e.dataset.cursorCanvasX = String(c), e.dataset.cursorCanvasY = String(C), e.dataset.caretX = String(c), e.dataset.caretY = String(C), e.dataset.anchorDirection = l, In(
+  !Number.isFinite(c) || !Number.isFinite(C) || (e.dataset.cursorCanvasX = String(c), e.dataset.cursorCanvasY = String(C), e.dataset.caretX = String(c), e.dataset.caretY = String(C), e.dataset.anchorDirection = l, Mn(
     e,
     n,
     t,
@@ -850,32 +850,32 @@ function za(e, n, t, o, s, i, l) {
 }
 function Na(e) {
   const n = document.createElement("div");
-  return n.id = e, n.dataset.comparisonTooltip = "true", n.style.background = "linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.66))", n.style.border = "1px solid rgba(255, 255, 255, 0.58)", n.style.borderRadius = "10px", n.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.18)", n.style.color = "#111827", n.style.left = "0", n.style.opacity = "0", Ln(n), n.style.maxWidth = "min(360px, calc(100% - 16px))", n.style.overflow = "hidden", n.style.padding = "8px 10px", n.style.pointerEvents = "none", n.style.position = "absolute", n.style.textAlign = "left", n.style.top = "0", n.style.transform = "none", n.style.willChange = "left, top", n.style.whiteSpace = "normal", n.style.wordBreak = "normal", n.style.overflowWrap = "normal", n.style.zIndex = "10", n;
+  return n.id = e, n.dataset.comparisonTooltip = "true", n.style.background = "linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.66))", n.style.border = "1px solid rgba(255, 255, 255, 0.58)", n.style.borderRadius = "10px", n.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.18)", n.style.color = "#111827", n.style.left = "0", n.style.opacity = "0", Dn(n), n.style.maxWidth = "min(360px, calc(100% - 16px))", n.style.overflow = "hidden", n.style.padding = "8px 10px", n.style.pointerEvents = "none", n.style.position = "absolute", n.style.textAlign = "left", n.style.top = "0", n.style.transform = "none", n.style.willChange = "left, top", n.style.whiteSpace = "normal", n.style.wordBreak = "normal", n.style.overflowWrap = "normal", n.style.zIndex = "10", n;
 }
 function Va(e) {
   e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
 }
 function $a(e) {
-  e.__onNavigationChange && (window.removeEventListener(Tn, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
+  e.__onNavigationChange && (window.removeEventListener(Ln, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
 }
 function Ha(e) {
   e.__disconnectObserver && (e.__disconnectObserver.disconnect(), e.__disconnectObserver = void 0);
 }
-function Mn(e, n) {
-  xt(e), po(e), Va(e), $a(e), Ha(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), n && e.__onCanvasPointerEnter && n.removeEventListener("pointerenter", e.__onCanvasPointerEnter), n && e.__onCanvasPointerMove && n.removeEventListener("pointermove", e.__onCanvasPointerMove), n && e.__onCanvasPointerLeave && n.removeEventListener("pointerleave", e.__onCanvasPointerLeave), n && e.__onCanvasClick && n.removeEventListener("click", e.__onCanvasClick), n && e.__onCanvasPointerUp && n.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
+function Bn(e, n) {
+  St(e), po(e), Va(e), $a(e), Ha(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), n && e.__onCanvasPointerEnter && n.removeEventListener("pointerenter", e.__onCanvasPointerEnter), n && e.__onCanvasPointerMove && n.removeEventListener("pointermove", e.__onCanvasPointerMove), n && e.__onCanvasPointerLeave && n.removeEventListener("pointerleave", e.__onCanvasPointerLeave), n && e.__onCanvasClick && n.removeEventListener("click", e.__onCanvasClick), n && e.__onCanvasPointerUp && n.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
 }
 function Wa(e, n, t) {
   e.__onNavigationChange || (pa(), e.__onNavigationChange = () => {
     if (!t.isConnected) {
-      Mn(e, t);
+      Bn(e, t);
       return;
     }
-    Xe(e, n, !0);
-  }, window.addEventListener(Tn, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
+    qe(e, n, !0);
+  }, window.addEventListener(Ln, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
 }
 function Ea(e, n) {
   e.__disconnectObserver || document.body && (e.__disconnectObserver = new MutationObserver(() => {
-    n.isConnected || Mn(e, n);
+    n.isConnected || Bn(e, n);
   }), e.__disconnectObserver.observe(document.body, {
     childList: !0,
     subtree: !0
@@ -885,10 +885,10 @@ function Oa(e, n, t) {
   Array.from(
     e.querySelectorAll('[data-comparison-tooltip="true"]')
   ).forEach((s) => {
-    s.id !== n && Mn(s, t);
+    s.id !== n && Bn(s, t);
   });
 }
-function xt(e) {
+function St(e) {
   typeof e.__hideTimeoutId == "number" && (window.clearTimeout(e.__hideTimeoutId), e.__hideTimeoutId = void 0);
 }
 function po(e) {
@@ -903,7 +903,7 @@ function Xn(e, n, t, o, s) {
     const i = e.__pendingCursorClientX, l = e.__pendingCursorClientY;
     if (e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, !Number.isFinite(i) || !Number.isFinite(l))
       return;
-    const h = Dn(n);
+    const h = In(n);
     e.parentElement !== h && h.appendChild(e), za(
       e,
       n,
@@ -915,18 +915,18 @@ function Xn(e, n, t, o, s) {
     );
   }));
 }
-function Xe(e, n, t = !1) {
-  bt(e) && !t || (xt(e), po(e), uo(e, !1), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", en(n));
+function qe(e, n, t = !1) {
+  xt(e) && !t || (St(e), po(e), uo(e, !1), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", tn(n));
 }
 function Yn(e, n, t = ma) {
-  e.__isTooltipHovered || (xt(e), e.__hideTimeoutId = window.setTimeout(() => {
-    e.__isTooltipHovered || Xe(e, n);
+  e.__isTooltipHovered || (St(e), e.__hideTimeoutId = window.setTimeout(() => {
+    e.__isTooltipHovered || qe(e, n);
   }, t));
 }
 function Ka(e, n, t, o, s) {
   const { maxTooltipItems: i } = co(s);
   e.__onCanvasPointerEnter || (e.__onCanvasPointerEnter = (l) => {
-    if (!(yt() && bt(e)) && (Xn(
+    if (!(Ct() && xt(e)) && (Xn(
       e,
       n,
       o,
@@ -941,7 +941,7 @@ function Ka(e, n, t, o, s) {
   }, n.addEventListener("pointerenter", e.__onCanvasPointerEnter, {
     passive: !0
   })), e.__onCanvasPointerMove || (e.__onCanvasPointerMove = (l) => {
-    yt() && bt(e) || Xn(
+    Ct() && xt(e) || Xn(
       e,
       n,
       o,
@@ -951,11 +951,11 @@ function Ka(e, n, t, o, s) {
   }, n.addEventListener("pointermove", e.__onCanvasPointerMove, {
     passive: !0
   })), e.__onCanvasPointerLeave || (e.__onCanvasPointerLeave = () => {
-    yt() && bt(e) || Xe(e, t);
+    Ct() && xt(e) || qe(e, t);
   }, n.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
     passive: !0
   })), e.__onCanvasClick || (e.__onCanvasClick = (l) => {
-    var L, B;
+    var T, B;
     if (!(s != null && s.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
       return;
     const h = (v) => {
@@ -964,18 +964,18 @@ function Ka(e, n, t, o, s) {
         return !1;
       const f = (A = v.find(
         (W) => typeof W.dataIndex == "number"
-      )) == null ? void 0 : A.dataIndex, T = ((w = t == null ? void 0 : t.data) == null ? void 0 : w.datasets) ?? [], k = (u = t == null ? void 0 : t.config) == null ? void 0 : u.type, x = fo(
+      )) == null ? void 0 : A.dataIndex, k = ((w = t == null ? void 0 : t.data) == null ? void 0 : w.datasets) ?? [], L = (u = t == null ? void 0 : t.config) == null ? void 0 : u.type, x = fo(
         v,
         o,
         (s == null ? void 0 : s.viewFullDetailsLabel) ?? io(),
         i,
         !0,
-        T,
+        k,
         f,
-        k
+        L
       ).detailsPayload;
-      return (M = s.onViewFullDetails) == null || M.call(s, x, t), Xe(e, t), !0;
-    }, c = ((L = t == null ? void 0 : t.tooltip) == null ? void 0 : L.dataPoints) ?? [];
+      return (M = s.onViewFullDetails) == null || M.call(s, x, t), qe(e, t), !0;
+    }, c = ((T = t == null ? void 0 : t.tooltip) == null ? void 0 : T.dataPoints) ?? [];
     if (h(c))
       return;
     const C = t == null ? void 0 : t.getElementsAtEventForMode;
@@ -1011,7 +1011,7 @@ function Ka(e, n, t, o, s) {
     const I = ((B = t == null ? void 0 : t.tooltip) == null ? void 0 : B.dataPoints) ?? [];
     h(I);
   }, n.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (l) => {
-    if (yt()) {
+    if (Ct()) {
       const h = t == null ? void 0 : t.getElementsAtEventForMode, c = t == null ? void 0 : t.tooltip;
       if (typeof h != "function" || typeof (c == null ? void 0 : c.setActiveElements) != "function")
         return;
@@ -1032,10 +1032,10 @@ function Ka(e, n, t, o, s) {
         index: y.index
       }));
       if (F.length === 0) {
-        Xe(e, t, !0);
+        qe(e, t, !0);
         return;
       }
-      uo(e, !0), xt(e), e.dataset.cursorCanvasX = String(l.offsetX), e.dataset.cursorCanvasY = String(l.offsetY), e.dataset.caretX = String(l.offsetX), e.dataset.caretY = String(l.offsetY), c.setActiveElements(F, {
+      uo(e, !0), St(e), e.dataset.cursorCanvasX = String(l.offsetX), e.dataset.cursorCanvasY = String(l.offsetY), e.dataset.caretX = String(l.offsetX), e.dataset.caretY = String(l.offsetY), c.setActiveElements(F, {
         x: l.offsetX,
         y: l.offsetY
       });
@@ -1050,11 +1050,11 @@ function Ka(e, n, t, o, s) {
   }, n.addEventListener("pointerup", e.__onCanvasPointerUp)), s != null && s.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (l) => {
     var C;
     const h = l.target;
-    h != null && h.closest('[data-tooltip-full-details="true"]') && (l.preventDefault(), l.stopPropagation(), e.__detailsPayload && ((C = s.onViewFullDetails) == null || C.call(s, e.__detailsPayload, t), Xe(e, t)));
+    h != null && h.closest('[data-tooltip-full-details="true"]') && (l.preventDefault(), l.stopPropagation(), e.__detailsPayload && ((C = s.onViewFullDetails) == null || C.call(s, e.__detailsPayload, t), qe(e, t)));
   }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
-    e.__isTooltipHovered = !0, xt(e);
+    e.__isTooltipHovered = !0, St(e);
   }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
-    e.__isTooltipHovered = !1, Xe(e, t);
+    e.__isTooltipHovered = !1, qe(e, t);
   }, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
 }
 function qa(e, n, t) {
@@ -1066,8 +1066,8 @@ function qa(e, n, t) {
       e.style.opacity = "0";
       return;
     }
-    const l = Dn(n);
-    e.parentElement !== l && l.appendChild(e), Ln(e, l), In(
+    const l = In(n);
+    e.parentElement !== l && l.appendChild(e), Dn(e, l), Mn(
       e,
       n,
       l,
@@ -1087,31 +1087,31 @@ function qa(e, n, t) {
 function Xa(e, n) {
   const { maxTooltipItems: t } = co(n);
   return ({ chart: o, tooltip: s }) => {
-    var K, te, G, le;
+    var q, ee, G, ie;
     if (typeof document > "u" || typeof window > "u")
       return;
     const i = o == null ? void 0 : o.canvas;
     if (!(i instanceof HTMLCanvasElement))
       return;
-    const l = Dn(i), h = `comparison-tooltip-${String(o.id)}`;
+    const l = In(i), h = `comparison-tooltip-${String(o.id)}`;
     Oa(l, h, i);
     let c = document.querySelector(`#${h}`);
-    if (c || (c = Na(h)), c.parentElement !== l && l.appendChild(c), Ln(c, l), qa(c, i, e), Wa(c, o, i), Ea(c, i), Ka(c, i, o, e, n), ((s == null ? void 0 : s.opacity) ?? 0) === 0) {
-      if (yt() && bt(c))
+    if (c || (c = Na(h)), c.parentElement !== l && l.appendChild(c), Dn(c, l), qa(c, i, e), Wa(c, o, i), Ea(c, i), Ka(c, i, o, e, n), ((s == null ? void 0 : s.opacity) ?? 0) === 0) {
+      if (Ct() && xt(c))
         return;
-      n != null && n.onViewFullDetails ? Yn(c, o) : Xe(c, o);
+      n != null && n.onViewFullDetails ? Yn(c, o) : qe(c, o);
       return;
     }
     const C = (s == null ? void 0 : s.dataPoints) ?? [];
     if (C.length === 0) {
-      if (yt() && bt(c))
+      if (Ct() && xt(c))
         return;
-      n != null && n.onViewFullDetails ? Yn(c, o) : Xe(c, o);
+      n != null && n.onViewFullDetails ? Yn(c, o) : qe(c, o);
       return;
     }
-    xt(c);
-    const N = (n == null ? void 0 : n.viewFullDetailsLabel) ?? io(), $ = !!(n != null && n.onViewFullDetails), F = (K = C.find((J) => typeof J.dataIndex == "number")) == null ? void 0 : K.dataIndex, y = ((te = o == null ? void 0 : o.data) == null ? void 0 : te.datasets) ?? [], g = (G = o == null ? void 0 : o.config) == null ? void 0 : G.type, {
-      markup: { detailsPayload: I, hasCollapsedValues: L }
+    St(c);
+    const N = (n == null ? void 0 : n.viewFullDetailsLabel) ?? io(), $ = !!(n != null && n.onViewFullDetails), F = (q = C.find((J) => typeof J.dataIndex == "number")) == null ? void 0 : q.dataIndex, y = ((ee = o == null ? void 0 : o.data) == null ? void 0 : ee.datasets) ?? [], g = (G = o == null ? void 0 : o.config) == null ? void 0 : G.type, {
+      markup: { detailsPayload: I, hasCollapsedValues: T }
     } = Ba(
       c,
       C,
@@ -1122,14 +1122,14 @@ function Xa(e, n) {
       y,
       F,
       g
-    ), B = $ && L;
+    ), B = $ && T;
     c.__detailsPayload = B ? I : void 0, c.style.pointerEvents = B ? "auto" : "none";
-    const v = typeof (s == null ? void 0 : s.caretX) == "number" ? s.caretX : 0, f = Number(c.dataset.cursorCanvasX), T = Number(c.dataset.cursorCanvasY);
-    if (!(Number.isFinite(f) && Number.isFinite(T))) {
+    const v = typeof (s == null ? void 0 : s.caretX) == "number" ? s.caretX : 0, f = Number(c.dataset.cursorCanvasX), k = Number(c.dataset.cursorCanvasY);
+    if (!(Number.isFinite(f) && Number.isFinite(k))) {
       c.style.opacity = "0";
       return;
     }
-    const x = (le = o == null ? void 0 : o.scales) == null ? void 0 : le.x, A = x && typeof x.getPixelForValue == "function" ? x.getPixelForValue(0) : NaN, w = e ? C.reduce((J, _) => {
+    const x = (ie = o == null ? void 0 : o.scales) == null ? void 0 : ie.x, A = x && typeof x.getPixelForValue == "function" ? x.getPixelForValue(0) : NaN, w = e ? C.reduce((J, _) => {
       const E = _ == null ? void 0 : _.element, z = E == null ? void 0 : E.x;
       if (typeof z != "number" || !Number.isFinite(z))
         return J;
@@ -1137,8 +1137,8 @@ function Xa(e, n) {
         return z;
       const R = Number.isFinite(A) ? A : v, P = Math.abs(J - R);
       return Math.abs(z - R) > P ? z : J;
-    }, Number.NaN) : Number.NaN, u = f, M = T, W = e ? Number.isFinite(A) && Number.isFinite(w) && w < A ? "left" : "right" : "center";
-    In(
+    }, Number.NaN) : Number.NaN, u = f, M = k, W = e ? Number.isFinite(A) && Number.isFinite(w) && w < A ? "left" : "right" : "center";
+    Mn(
       c,
       i,
       l,
@@ -1150,23 +1150,23 @@ function Xa(e, n) {
     ), c.dataset.caretX = String(u), c.dataset.caretY = String(M), c.dataset.anchorDirection = W, c.style.opacity = "1";
   };
 }
-function kt(e = !1, n) {
+function Lt(e = !1, n) {
   return {
     ...so(e ? "y" : "x"),
     enabled: !1,
     external: Xa(e, n)
   };
 }
-function Tt(e) {
+function Dt(e) {
   function o(y, g, I) {
     if (y.measureText(g).width <= I) return g;
-    const L = "…";
+    const T = "…";
     let B = 0, v = g.length;
     for (; B < v; ) {
-      const f = Math.floor((B + v) / 2), T = g.slice(0, f) + L;
-      y.measureText(T).width <= I ? B = f + 1 : v = f;
+      const f = Math.floor((B + v) / 2), k = g.slice(0, f) + T;
+      y.measureText(k).width <= I ? B = f + 1 : v = f;
     }
-    return g.slice(0, B - 1) + L;
+    return g.slice(0, B - 1) + T;
   }
   function s(y) {
     const g = y == null ? "" : String(y), [I] = g.split("#");
@@ -1201,13 +1201,13 @@ function Tt(e) {
       callback: function(y) {
         if ((e == null ? void 0 : e.isTransposed) === !0) return s(y);
         let I = String(y);
-        const L = this;
-        L && typeof L.getLabelForValue == "function" && (I = L.getLabelForValue(y)), I = s(I);
-        const B = L == null ? void 0 : L.chart, v = L == null ? void 0 : L.ctx, f = B.height * 0.25;
+        const T = this;
+        T && typeof T.getLabelForValue == "function" && (I = T.getLabelForValue(y)), I = s(I);
+        const B = T == null ? void 0 : T.chart, v = T == null ? void 0 : T.ctx, f = B.height * 0.25;
         if (v && f > 0) {
           v.save();
-          const k = v.measureText(I).width > f ? o(v, I, f) : I;
-          return v.restore(), k;
+          const L = v.measureText(I).width > f ? o(v, I, f) : I;
+          return v.restore(), L;
         }
         return I;
       },
@@ -1225,8 +1225,8 @@ function Tt(e) {
     afterBuildTicks: (y) => {
       const g = Array.isArray(y == null ? void 0 : y.ticks) ? y.ticks : [];
       if (g.length === 0) return;
-      const I = s(y.getLabelForValue(g[0].value)), L = !isNaN(Number(I));
-      y.options.ticks.minRotation = L || g.length < 10 ? 0 : 90;
+      const I = s(y.getLabelForValue(g[0].value)), T = !isNaN(Number(I));
+      y.options.ticks.minRotation = T || g.length < 10 ? 0 : 90;
     },
     afterFit: (y) => {
       if (!(e != null && e.isTransposed)) {
@@ -1249,13 +1249,13 @@ function Tt(e) {
       callback: function(y) {
         if (!((e == null ? void 0 : e.isTransposed) === !0)) return s(y);
         let I = String(y);
-        const L = this;
-        L && typeof L.getLabelForValue == "function" && (I = L.getLabelForValue(y)), I = s(I);
-        const B = L == null ? void 0 : L.chart, v = L == null ? void 0 : L.ctx, f = B.width * 0.4;
+        const T = this;
+        T && typeof T.getLabelForValue == "function" && (I = T.getLabelForValue(y)), I = s(I);
+        const B = T == null ? void 0 : T.chart, v = T == null ? void 0 : T.ctx, f = B.width * 0.4;
         if (v && f > 0) {
           v.save();
-          const k = v.measureText(I).width > f ? o(v, I, f) : I;
-          return v.restore(), k;
+          const L = v.measureText(I).width > f ? o(v, I, f) : I;
+          return v.restore(), L;
         }
         return I;
       }
@@ -1280,22 +1280,22 @@ function Tt(e) {
         size: e.legendFontSize
       },
       generateLabels: (y) => {
-        var L;
-        const g = e.legendColor ?? "#6b6b6b", I = ((L = y == null ? void 0 : y.data) == null ? void 0 : L.datasets) || [];
+        var T;
+        const g = e.legendColor ?? "#6b6b6b", I = ((T = y == null ? void 0 : y.data) == null ? void 0 : T.datasets) || [];
         if (I.length === 0) return [];
         if (I.length === 1 && Array.isArray(I[0].backgroundColor) && I[0].backgroundColor.length > 1 && Array.isArray(I[0].data)) {
           const B = I[0];
-          return y.data.labels.map((f, T) => {
-            const k = B.backgroundColor[T];
+          return y.data.labels.map((f, k) => {
+            const L = B.backgroundColor[k];
             return {
               text: f,
               fontColor: g,
               color: g,
-              fillStyle: k,
-              strokeStyle: k,
+              fillStyle: L,
+              strokeStyle: L,
               datasetIndex: 0,
-              index: T,
-              hidden: y.getDataVisibility ? !y.getDataVisibility(T) : !1
+              index: k,
+              hidden: y.getDataVisibility ? !y.getDataVisibility(k) : !1
             };
           });
         }
@@ -1322,7 +1322,7 @@ const Ya = {
 }, Ga = ["aria-label"], ja = { class: "relative z-20 flex shrink-0 items-center bg-fm-color-neutral-white justify-between sm:px-5" }, Ja = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary min-w-0 flex-1 pr-3" }, Za = { class: "flex items-center gap-1.5" }, Qa = {
   key: 0,
   class: "pb-2 fm-typo-en-body-lg-600 text-fm-color-typo-primary"
-}, er = ["onMouseenter", "onFocus"], tr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, nr = { class: "min-w-0 break-all text-fm-color-typo-secondary" }, or = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary shrink-0 text-right tabular-nums" }, Gn = 500, ar = 320, $t = /* @__PURE__ */ Ne({
+}, er = ["onMouseenter", "onFocus"], tr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, nr = { class: "min-w-0 break-all text-fm-color-typo-secondary" }, or = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary shrink-0 text-right tabular-nums" }, Gn = 500, ar = 320, Ht = /* @__PURE__ */ Ne({
   __name: "TooltipDetailSidesheet",
   props: {
     modelValue: { type: Boolean },
@@ -1330,7 +1330,7 @@ const Ya = {
   },
   emits: ["update:modelValue", "value-hover", "value-leave"],
   setup(e, { emit: n }) {
-    const t = e, o = n, { t: s } = it(), i = D(null), l = D(Gn), h = D(!1), c = m({
+    const t = e, o = n, { t: s } = ut(), i = D(null), l = D(Gn), h = D(!1), c = m({
       get: () => t.modelValue,
       set: (u) => o("update:modelValue", u)
     }), C = m(() => {
@@ -1356,37 +1356,37 @@ const Ya = {
     function I() {
       g(), c.value = !1;
     }
-    function L() {
+    function T() {
       return typeof window > "u" ? Gn : Math.floor(window.innerWidth * 0.94);
     }
     function B(u) {
-      const M = L(), W = Math.min(ar, M);
+      const M = T(), W = Math.min(ar, M);
       return Math.min(M, Math.max(W, Math.floor(u)));
     }
     function v(u) {
       typeof window > "u" || (l.value = B(window.innerWidth - u));
     }
     function f() {
-      h.value = !1, document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", f), document.removeEventListener("pointercancel", f);
+      h.value = !1, document.removeEventListener("pointermove", k), document.removeEventListener("pointerup", f), document.removeEventListener("pointercancel", f);
     }
-    function T(u) {
+    function k(u) {
       h.value && v(u.clientX);
     }
-    function k(u) {
-      c.value && (h.value = !0, v(u.clientX), document.addEventListener("pointermove", T), document.addEventListener("pointerup", f), document.addEventListener("pointercancel", f));
+    function L(u) {
+      c.value && (h.value = !0, v(u.clientX), document.addEventListener("pointermove", k), document.addEventListener("pointerup", f), document.addEventListener("pointercancel", f));
     }
     function x() {
       l.value = B(l.value);
     }
     function A(u) {
-      var K;
+      var q;
       if (!c.value)
         return;
       const M = u.target;
       if (!(M instanceof Node))
         return;
       const W = M instanceof Element ? M : null;
-      W != null && W.closest('[data-tooltip-full-details="true"]') || (K = i.value) != null && K.contains(M) || I();
+      W != null && W.closest('[data-tooltip-full-details="true"]') || (q = i.value) != null && q.contains(M) || I();
     }
     function w(u) {
       c.value && u.key === "Escape" && I();
@@ -1396,8 +1396,8 @@ const Ya = {
     }), Qn(() => {
       f(), document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", w), window.removeEventListener("resize", x);
     }), (u, M) => {
-      const W = ve("FmButton");
-      return Y(), ye(Io, {
+      const W = pe("FmButton");
+      return Y(), ge(Io, {
         "enter-active-class": "transform transition duration-200 ease-out",
         "enter-from-class": "translate-x-full opacity-0",
         "enter-to-class": "translate-x-0 opacity-100",
@@ -1405,25 +1405,25 @@ const Ya = {
         "leave-from-class": "translate-x-0 opacity-100",
         "leave-to-class": "translate-x-full opacity-0"
       }, {
-        default: Te(() => [
-          c.value ? (Y(), he("div", Ya, [
-            ee("div", {
+        default: Le(() => [
+          c.value ? (Y(), fe("div", Ya, [
+            Q("div", {
               ref_key: "panelRef",
               ref: i,
               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",
-              style: Le(N.value),
+              style: De(N.value),
               role: "dialog",
               "aria-modal": "false",
               "aria-label": r(s)("report.widget.comparisonTooltip.fullBreakdownTitle")
             }, [
-              ee("div", {
+              Q("div", {
                 class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
-                onPointerdown: Qt(k, ["prevent"])
+                onPointerdown: en(L, ["prevent"])
               }, null, 32),
-              ee("div", ja, [
-                ee("div", Ja, Pe(r(s)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
-                ee("div", Za, [
-                  me(W, {
+              Q("div", ja, [
+                Q("div", Ja, Pe(r(s)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
+                Q("div", Za, [
+                  he(W, {
                     class: "relative z-30 h-9 w-9 shrink-0",
                     variant: "tertiary",
                     icon: "close",
@@ -1432,17 +1432,17 @@ const Ya = {
                   }, null, 8, ["aria-label"])
                 ])
               ]),
-              ee("div", {
+              Q("div", {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
                 onMouseleave: g
               }, [
-                (Y(!0), he(Ve, null, Rt(C.value, (K, te) => (Y(), he("div", {
-                  key: `${K.title || "section"}-${te}`,
+                (Y(!0), fe(Ve, null, zt(C.value, (q, ee) => (Y(), fe("div", {
+                  key: `${q.title || "section"}-${ee}`,
                   class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
                 }, [
-                  K.title ? (Y(), he("p", Qa, Pe(K.title), 1)) : Ce("", !0),
-                  (Y(!0), he(Ve, null, Rt(K.values, (G, le) => (Y(), he("button", {
-                    key: `${G.text}-${le}`,
+                  q.title ? (Y(), fe("p", Qa, Pe(q.title), 1)) : be("", !0),
+                  (Y(!0), fe(Ve, null, zt(q.values, (G, ie) => (Y(), fe("button", {
+                    key: `${G.text}-${ie}`,
                     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: (J) => y(G),
@@ -1450,44 +1450,44 @@ const Ya = {
                     onMouseleave: g,
                     onBlur: g
                   }, [
-                    ee("span", tr, [
-                      ee("span", {
-                        class: De([
+                    Q("span", tr, [
+                      Q("span", {
+                        class: Ie([
                           "inline-block h-3 w-3 shrink-0 box-border",
                           G.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: Le({ backgroundColor: G.color })
+                        style: De({ backgroundColor: G.color })
                       }, null, 6),
-                      ee("span", nr, Pe(F(G)), 1)
+                      Q("span", nr, Pe(F(G)), 1)
                     ]),
-                    ee("span", or, Pe($(G)), 1)
+                    Q("span", or, Pe($(G)), 1)
                   ], 40, er))), 128))
                 ]))), 128))
               ], 32)
             ], 12, Ga)
-          ])) : Ce("", !0)
+          ])) : be("", !0)
         ]),
         _: 1
       });
     };
   }
 });
-function Ht(e, n) {
-  const { t } = it(), o = D(!1), s = D(null), i = D(null);
+function Wt(e, n) {
+  const { t } = ut(), o = D(!1), s = D(null), i = D(null);
   function l() {
     return ho(e.value) ?? i.value;
   }
   function h(F) {
-    o.value = F, !F && (s.value = null, en(l()), i.value = null);
+    o.value = F, !F && (s.value = null, tn(l()), i.value = null);
   }
   function c(F, y) {
     s.value = F, i.value = y ?? l(), o.value = !0;
   }
   function C(F) {
-    en(l(), F.focusTarget);
+    tn(l(), F.focusTarget);
   }
   function N() {
-    en(l());
+    tn(l());
   }
   const $ = m(() => ({
     viewFullDetailsLabel: t("report.widget.comparisonTooltip.viewBreakdown"),
@@ -1531,27 +1531,29 @@ const rr = {
   },
   emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
   setup(e, { emit: n }) {
-    const t = e, o = n, { t: s } = it(), i = D([]), l = D(0), h = D(!1), c = D(!1), C = D(0), N = D(null), $ = D(null), F = D(null), y = D(null), g = D(!1), I = D(0), L = D(0), B = D(!1), v = D(0), f = D(0), T = m(() => t.enabled !== !1), k = m(() => t.position === "left" || t.position === "right");
+    const t = e, o = n, { t: s } = ut(), i = D([]), l = D(0), h = D(!1), c = D(!1), C = D(0), N = D(null), $ = D(null), F = D(null), y = D(null), g = D(!1), I = D(0), T = D(0), B = D(!1), v = D(0), f = D(0), k = m(() => t.enabled !== !1), L = m(() => t.position === "left" || t.position === "right");
     let x = null;
     const A = m(
       () => h.value && c.value && g.value
     ), w = m(() => ({
       height: `${Math.max(0, I.value)}px`,
-      transform: `translateY(${Math.max(0, L.value)}px)`
+      transform: `translateY(${Math.max(0, T.value)}px)`
     })), u = m(() => typeof t.textColor == "string" && t.textColor.trim().length > 0 ? t.textColor : "#6b6b6b"), M = m(() => typeof t.fontSize == "number" && Number.isFinite(t.fontSize) && t.fontSize > 0 ? t.fontSize : 12);
     function W(a) {
-      K({ height: a, width: 0 });
+      q({ height: a, width: 0 });
     }
-    function K({ height: a, width: p }) {
+    function q({ height: a, width: p }) {
       var b;
       const d = (b = t.chartRef) == null ? void 0 : b.$el;
       d instanceof HTMLElement && (d.style.setProperty("--legend-panel-height", `${Math.max(0, Math.floor(a))}px`), d.style.setProperty("--legend-panel-width", `${Math.max(0, Math.floor(p))}px`));
     }
-    function te() {
+    function ee() {
       x != null && (window.clearTimeout(x), x = null);
     }
     function G() {
-      const a = ho(t.chartRef);
+      const a = ho(
+        t.chartRef
+      );
       if (a)
         return a;
       const p = N.value, d = [p == null ? void 0 : p.parentElement, p == null ? void 0 : p.closest(".h-full"), p];
@@ -1561,40 +1563,40 @@ const rr = {
         const H = b.querySelector("canvas");
         if (!(H instanceof HTMLCanvasElement))
           continue;
-        const O = mn.getChart(H);
-        if (O)
-          return O;
+        const U = pn.getChart(H);
+        if (U)
+          return U;
       }
       return null;
     }
-    function le() {
+    function ie() {
       J();
     }
     function J() {
       var b;
       const a = (b = N.value) == null ? void 0 : b.getBoundingClientRect(), p = Number((a == null ? void 0 : a.height) ?? 0), d = Number((a == null ? void 0 : a.width) ?? 0);
       if (Number.isFinite(p) && p >= 0) {
-        K({
-          height: k.value ? 0 : p,
-          width: k.value && Number.isFinite(d) && d >= 0 ? d : 0
+        q({
+          height: L.value ? 0 : p,
+          width: L.value && Number.isFinite(d) && d >= 0 ? d : 0
         });
         return;
       }
-      K({ height: 0, width: 0 });
+      q({ height: 0, width: 0 });
     }
     function _() {
       const a = F.value;
       if (!a) {
-        g.value = !1, I.value = 0, L.value = 0;
+        g.value = !1, I.value = 0, T.value = 0;
         return;
       }
       const p = a.clientHeight, d = a.scrollHeight, b = a.scrollTop, H = d > p + 1;
       if (g.value = H, !H || p <= 0) {
-        I.value = 0, L.value = 0;
+        I.value = 0, T.value = 0;
         return;
       }
-      const O = p, j = Math.max(18, Math.round(p / d * O)), se = Math.max(0, O - j), q = Math.max(1, d - p), fe = Math.round(b / q * se);
-      I.value = j, L.value = fe;
+      const U = p, j = Math.max(18, Math.round(p / d * U)), te = Math.max(0, U - j), O = Math.max(1, d - p), de = Math.round(b / O * te);
+      I.value = j, T.value = de;
     }
     function E() {
       _();
@@ -1603,11 +1605,11 @@ const rr = {
       const p = F.value, d = $.value;
       if (!p || !d || !g.value)
         return;
-      const b = d.getBoundingClientRect(), H = a.clientY - b.top, O = Math.max(0, H - I.value / 2), j = Math.max(1, p.clientHeight - I.value), se = Math.min(1, O / j), q = Math.max(0, p.scrollHeight - p.clientHeight);
-      p.scrollTop = se * q, _();
+      const b = d.getBoundingClientRect(), H = a.clientY - b.top, U = Math.max(0, H - I.value / 2), j = Math.max(1, p.clientHeight - I.value), te = Math.min(1, U / j), O = Math.max(0, p.scrollHeight - p.clientHeight);
+      p.scrollTop = te * O, _();
     }
     function R(a) {
-      g.value && (B.value = !0, v.value = a.clientY, f.value = L.value);
+      g.value && (B.value = !0, v.value = a.clientY, f.value = T.value);
     }
     function P(a) {
       if (!B.value)
@@ -1615,8 +1617,8 @@ const rr = {
       const p = F.value;
       if (!p)
         return;
-      const d = a.clientY - v.value, b = Math.max(1, p.clientHeight - I.value), O = Math.min(b, Math.max(0, f.value + d)) / b, j = Math.max(0, p.scrollHeight - p.clientHeight);
-      p.scrollTop = O * j, _();
+      const d = a.clientY - v.value, b = Math.max(1, p.clientHeight - I.value), U = Math.min(b, Math.max(0, f.value + d)) / b, j = Math.max(0, p.scrollHeight - p.clientHeight);
+      p.scrollTop = U * j, _();
     }
     function V() {
       B.value && (B.value = !1);
@@ -1640,29 +1642,29 @@ const rr = {
       }
       return null;
     }
-    function U() {
-      var d, b, H, O;
+    function K() {
+      var d, b, H, U;
       const a = (b = (d = N.value) == null ? void 0 : d.closest(".chart-layout")) == null ? void 0 : b.parentElement;
       if (a instanceof HTMLElement)
         return a;
       const p = (H = t.chartRef) == null ? void 0 : H.$el;
       if (p instanceof HTMLElement) {
-        const j = (O = p.closest(".chart-layout")) == null ? void 0 : O.parentElement;
+        const j = (U = p.closest(".chart-layout")) == null ? void 0 : U.parentElement;
         if (j instanceof HTMLElement)
           return j;
       }
       return null;
     }
     function X() {
-      var d, b, H, O;
-      const a = ((d = N.value) == null ? void 0 : d.closest(".chart-layout")) ?? ((O = (H = (b = t.chartRef) == null ? void 0 : b.$el) == null ? void 0 : H.closest) == null ? void 0 : O.call(H, ".chart-layout")) ?? null;
+      var d, b, H, U;
+      const a = ((d = N.value) == null ? void 0 : d.closest(".chart-layout")) ?? ((U = (H = (b = t.chartRef) == null ? void 0 : b.$el) == null ? void 0 : H.closest) == null ? void 0 : U.call(H, ".chart-layout")) ?? null;
       if (!(a instanceof HTMLElement))
         return null;
       const p = Number(a.getBoundingClientRect().width);
       return Number.isFinite(p) && p > 0 ? p : null;
     }
     function Z() {
-      const a = U();
+      const a = K();
       if (a) {
         const j = Number(a.getBoundingClientRect().height);
         if (Number.isFinite(j) && j > 0)
@@ -1671,11 +1673,11 @@ const rr = {
       const p = ne();
       if (!p)
         return null;
-      const d = window.getComputedStyle(p), b = parseFloat(d.paddingTop) || 0, H = parseFloat(d.paddingBottom) || 0, O = p.getBoundingClientRect().height - b - H;
-      return Number.isFinite(O) && O > 0 ? O : null;
+      const d = window.getComputedStyle(p), b = parseFloat(d.paddingTop) || 0, H = parseFloat(d.paddingBottom) || 0, U = p.getBoundingClientRect().height - b - H;
+      return Number.isFinite(U) && U > 0 ? U : null;
     }
-    function ae() {
-      const a = U();
+    function le() {
+      const a = K();
       if (a) {
         const j = Number(a.getBoundingClientRect().width);
         if (Number.isFinite(j) && j > 0)
@@ -1684,64 +1686,71 @@ const rr = {
       const p = ne();
       if (!p)
         return null;
-      const d = window.getComputedStyle(p), b = parseFloat(d.paddingLeft) || 0, H = parseFloat(d.paddingRight) || 0, O = p.getBoundingClientRect().width - b - H;
-      return Number.isFinite(O) && O > 0 ? O : null;
+      const d = window.getComputedStyle(p), b = parseFloat(d.paddingLeft) || 0, H = parseFloat(d.paddingRight) || 0, U = p.getBoundingClientRect().width - b - H;
+      return Number.isFinite(U) && U > 0 ? U : null;
     }
     function ue() {
       const a = G(), p = Number(a == null ? void 0 : a.height), d = Z();
-      if (k.value)
+      if (L.value)
         return Number.isFinite(p) && p > 0 ? Math.max(0, Math.floor(p - Jn)) : d != null ? Math.max(0, Math.floor(d - Jn)) : 120;
       if (d != null) {
-        const b = d * 0.3, H = d - ur, O = Math.min(b, H);
-        return Math.max(0, Math.floor(O));
+        const b = d * 0.3, H = d - ur, U = Math.min(b, H);
+        return Math.max(0, Math.floor(U));
       }
       return Number.isFinite(p) && p > 0 ? Math.max(0, Math.floor(p * 0.3)) : 120;
     }
-    function pe() {
-      var O;
+    function me() {
+      var U;
+      if (L.value) {
+        const j = le();
+        if (j != null)
+          return Math.max(0, Math.floor(j * 0.3));
+        const te = G(), O = Number(te == null ? void 0 : te.width);
+        return Number.isFinite(O) && O > 0 ? Math.max(0, Math.floor(O * 0.3)) : 180;
+      }
       const a = X();
       if (a != null)
         return Math.max(0, Math.floor(a * 0.3));
-      const p = G(), d = Number(p == null ? void 0 : p.width), b = Number(((O = N.value) == null ? void 0 : O.getBoundingClientRect().width) ?? 0);
+      const p = G(), d = Number(p == null ? void 0 : p.width), b = Number(((U = N.value) == null ? void 0 : U.getBoundingClientRect().width) ?? 0);
       if (Number.isFinite(d) && d > 0) {
         const j = d + (Number.isFinite(b) ? b : 0);
         return Math.max(0, Math.floor(j * 0.3));
       }
-      const H = ae();
+      const H = le();
       return H != null ? Math.max(0, Math.floor(H * 0.3)) : 180;
     }
-    function re(a, p) {
+    function se(a, p) {
       const d = t.chartColorBinding;
       if (d) {
-        const O = typeof a.datasetIndex == "number" ? a.datasetIndex : p, j = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : Math.max(1, Number(i.value.length));
-        if (d === Se.breakdown) {
-          const q = Ct({
-            fallbackIndex: O,
+        const U = typeof a.datasetIndex == "number" ? a.datasetIndex : p, j = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : Math.max(1, Number(i.value.length));
+        if (d === _e.breakdown) {
+          const O = wt({
+            fallbackIndex: U,
             metricCount: j
-          }), fe = Fe({
-            datasetIndex: O,
+          }), de = Fe({
+            datasetIndex: U,
             metricCount: j,
-            mode: Se.metric
+            mode: _e.metric
           });
-          return _t({
-            breakdownIndex: q,
-            metricIndex: fe,
+          return Tt({
+            breakdownIndex: O,
+            metricIndex: de,
             metricCount: j,
             breakdownColors: t.chartBreakdownColors,
             useSecondaryMetricShades: t.chartUseSecondaryMetricShades,
             customColors: t.chartColors
           });
         }
-        if (d === Se.metric) {
-          const q = Fe({
-            datasetIndex: O,
+        if (d === _e.metric) {
+          const O = Fe({
+            datasetIndex: U,
             metricCount: j,
-            mode: Se.metric
+            mode: _e.metric
           });
-          return tt({ index: q, customColors: t.chartColors });
+          return tt({ index: O, customColors: t.chartColors });
         }
-        const se = typeof a.index == "number" ? a.index : O;
-        return tt({ index: se, customColors: t.chartColors });
+        const te = typeof a.index == "number" ? a.index : U;
+        return tt({ index: te, customColors: t.chartColors });
       }
       const b = a;
       return ce(a.fillStyle) || ce(a.strokeStyle) || ce(b.color) || "#9ca3af";
@@ -1760,8 +1769,8 @@ const rr = {
         return a;
       const p = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : 1;
       return [...a.map((b, H) => {
-        const O = typeof b.datasetIndex == "number" ? b.datasetIndex : H, j = Ct({
-          fallbackIndex: O,
+        const U = typeof b.datasetIndex == "number" ? b.datasetIndex : H, j = wt({
+          fallbackIndex: U,
           metricCount: p
         });
         return {
@@ -1776,41 +1785,41 @@ const rr = {
         return a;
       const p = /* @__PURE__ */ new Map(), d = [];
       for (const b of a) {
-        const H = typeof b.index == "number", O = b.datasetIndex, j = typeof O == "number" && !H, se = typeof b.text == "string" ? b.text.trim() : "";
-        if (!j || !se) {
+        const H = typeof b.index == "number", U = b.datasetIndex, j = typeof U == "number" && !H, te = typeof b.text == "string" ? b.text.trim() : "";
+        if (!j || !te) {
           d.push(b);
           continue;
         }
-        const q = se.toLowerCase(), fe = p.get(q);
-        if (fe == null) {
+        const O = te.toLowerCase(), de = p.get(O);
+        if (de == null) {
           d.push({
             ...b,
-            datasetIndexes: [O],
+            datasetIndexes: [U],
             datasetKeys: typeof b.datasetKey == "string" && b.datasetKey.trim().length > 0 ? [b.datasetKey] : []
-          }), p.set(q, d.length - 1);
+          }), p.set(O, d.length - 1);
           continue;
         }
-        const be = d[fe];
-        if (!be)
+        const ye = d[de];
+        if (!ye)
           continue;
-        const de = new Set(
-          Array.isArray(be.datasetIndexes) ? be.datasetIndexes : typeof be.datasetIndex == "number" ? [be.datasetIndex] : []
+        const Ce = new Set(
+          Array.isArray(ye.datasetIndexes) ? ye.datasetIndexes : typeof ye.datasetIndex == "number" ? [ye.datasetIndex] : []
         );
-        de.add(O);
-        const ie = new Set(
-          Array.isArray(be.datasetKeys) ? be.datasetKeys : typeof be.datasetKey == "string" && be.datasetKey.trim().length > 0 ? [be.datasetKey] : []
+        Ce.add(U);
+        const re = new Set(
+          Array.isArray(ye.datasetKeys) ? ye.datasetKeys : typeof ye.datasetKey == "string" && ye.datasetKey.trim().length > 0 ? [ye.datasetKey] : []
         );
-        typeof b.datasetKey == "string" && b.datasetKey.trim().length > 0 && ie.add(b.datasetKey), d[fe] = {
-          ...be,
-          datasetIndexes: Array.from(de).sort((Q, _e) => Q - _e),
-          datasetKeys: Array.from(ie),
-          hidden: be.hidden === !0 && b.hidden === !0
+        typeof b.datasetKey == "string" && b.datasetKey.trim().length > 0 && re.add(b.datasetKey), d[de] = {
+          ...ye,
+          datasetIndexes: Array.from(Ce).sort((ae, Se) => ae - Se),
+          datasetKeys: Array.from(re),
+          hidden: ye.hidden === !0 && b.hidden === !0
         };
       }
       return d;
     }
-    function Ge(a) {
-      var q, fe, be, de, ie, Q;
+    function Ye(a) {
+      var O, de, ye, Ce, re, ae;
       const p = a == null ? void 0 : a.legend;
       if (typeof (p == null ? void 0 : p.buildLabels) == "function")
         try {
@@ -1820,23 +1829,23 @@ const rr = {
       const d = Be(p == null ? void 0 : p.legendItems);
       if (d.length > 0)
         return d;
-      const b = (fe = (q = a == null ? void 0 : a.options) == null ? void 0 : q.plugins) == null ? void 0 : fe.legend, H = b == null ? void 0 : b.labels, O = H == null ? void 0 : H.generateLabels, j = (Q = (ie = (de = (be = mn.defaults) == null ? void 0 : be.plugins) == null ? void 0 : de.legend) == null ? void 0 : ie.labels) == null ? void 0 : Q.generateLabels;
-      let se = Be(
-        typeof O == "function" ? O(a) : []
+      const b = (de = (O = a == null ? void 0 : a.options) == null ? void 0 : O.plugins) == null ? void 0 : de.legend, H = b == null ? void 0 : b.labels, U = H == null ? void 0 : H.generateLabels, j = (ae = (re = (Ce = (ye = pn.defaults) == null ? void 0 : ye.plugins) == null ? void 0 : Ce.legend) == null ? void 0 : re.labels) == null ? void 0 : ae.generateLabels;
+      let te = Be(
+        typeof U == "function" ? U(a) : []
       );
-      return se.length === 0 && typeof j == "function" && (se = Be(j(a))), typeof (H == null ? void 0 : H.filter) == "function" && (se = se.filter((_e) => H.filter(_e, a.data))), typeof (H == null ? void 0 : H.sort) == "function" && (se = [...se].sort((_e, Ae) => H.sort(_e, Ae, a.data))), (b == null ? void 0 : b.reverse) === !0 && (se = [...se].reverse()), se;
+      return te.length === 0 && typeof j == "function" && (te = Be(j(a))), typeof (H == null ? void 0 : H.filter) == "function" && (te = te.filter((Se) => H.filter(Se, a.data))), typeof (H == null ? void 0 : H.sort) == "function" && (te = [...te].sort((Se, Ae) => H.sort(Se, Ae, a.data))), (b == null ? void 0 : b.reverse) === !0 && (te = [...te].reverse()), te;
     }
-    function ut(a) {
+    function ct(a) {
       var d;
       return (Array.isArray((d = a == null ? void 0 : a.data) == null ? void 0 : d.datasets) ? a.data.datasets : []).map((b, H) => {
-        const O = ce((b == null ? void 0 : b.borderColor) ?? (b == null ? void 0 : b.backgroundColor)), j = vt({
+        const U = ce((b == null ? void 0 : b.borderColor) ?? (b == null ? void 0 : b.backgroundColor)), j = yt({
           datasetIndex: H,
           label: b == null ? void 0 : b.label
         });
         return {
           text: ot(b == null ? void 0 : b.label),
-          fillStyle: O,
-          strokeStyle: O,
+          fillStyle: U,
+          strokeStyle: U,
           datasetIndex: H,
           datasetKey: j,
           hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(j) : typeof a.isDatasetVisible == "function" ? !a.isDatasetVisible(H) : !1
@@ -1846,152 +1855,152 @@ const rr = {
     function ot(a, p) {
       return a == null ? "" : String(a).trim();
     }
-    function je(a, p) {
+    function Ge(a, p) {
       if (!Array.isArray(a) || a.length === 0)
         return [];
-      const d = a, b = d[0], H = Array.isArray(b == null ? void 0 : b.labels) ? b.labels : [], O = Array.isArray(p == null ? void 0 : p.metrics) ? p.metrics : [], j = H.length > 0 ? H : O, se = b == null ? void 0 : b.backgroundColor;
-      return d.length === 1 && Array.isArray(se) && se.length > 1 ? se.map((q, fe) => ({
-        text: j[fe] == null || String(j[fe]).trim().length === 0 ? `Series ${fe + 1}` : String(j[fe]),
-        fillStyle: ce(q),
-        strokeStyle: ce(q),
+      const d = a, b = d[0], H = Array.isArray(b == null ? void 0 : b.labels) ? b.labels : [], U = Array.isArray(p == null ? void 0 : p.metrics) ? p.metrics : [], j = H.length > 0 ? H : U, te = b == null ? void 0 : b.backgroundColor;
+      return d.length === 1 && Array.isArray(te) && te.length > 1 ? te.map((O, de) => ({
+        text: j[de] == null || String(j[de]).trim().length === 0 ? `Series ${de + 1}` : String(j[de]),
+        fillStyle: ce(O),
+        strokeStyle: ce(O),
         datasetIndex: 0,
-        index: fe,
-        hidden: xe(fe)
-      })) : d.map((q, fe) => ({
-        datasetKey: vt({
-          datasetIndex: fe,
-          label: q == null ? void 0 : q.label
+        index: de,
+        hidden: xe(de)
+      })) : d.map((O, de) => ({
+        datasetKey: yt({
+          datasetIndex: de,
+          label: O == null ? void 0 : O.label
         }),
-        text: ot(q == null ? void 0 : q.label),
+        text: ot(O == null ? void 0 : O.label),
         fillStyle: ce(
-          (q == null ? void 0 : q.color) ?? (q == null ? void 0 : q.borderColor) ?? (q == null ? void 0 : q.backgroundColor) ?? (q == null ? void 0 : q.pointBackgroundColor)
+          (O == null ? void 0 : O.color) ?? (O == null ? void 0 : O.borderColor) ?? (O == null ? void 0 : O.backgroundColor) ?? (O == null ? void 0 : O.pointBackgroundColor)
         ),
         strokeStyle: ce(
-          (q == null ? void 0 : q.color) ?? (q == null ? void 0 : q.borderColor) ?? (q == null ? void 0 : q.backgroundColor) ?? (q == null ? void 0 : q.pointBorderColor)
+          (O == null ? void 0 : O.color) ?? (O == null ? void 0 : O.borderColor) ?? (O == null ? void 0 : O.backgroundColor) ?? (O == null ? void 0 : O.pointBorderColor)
         ),
-        datasetIndex: fe,
+        datasetIndex: de,
         hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(
-          vt({
-            datasetIndex: fe,
-            label: q == null ? void 0 : q.label
+          yt({
+            datasetIndex: de,
+            label: O == null ? void 0 : O.label
           })
-        ) : !!(q != null && q.hidden)
+        ) : !!(O != null && O.hidden)
       }));
     }
-    function Et() {
+    function Ot() {
       var p;
       const a = (p = t.chartRef) == null ? void 0 : p.datasets;
       return Array.isArray(a) ? a : [];
     }
-    function Je(a, p) {
+    function je(a, p) {
       return typeof a.datasetKey == "string" && a.datasetKey.trim().length > 0 ? `dataset-key:${a.datasetKey}` : typeof a.datasetIndex == "number" && typeof a.index == "number" ? `dataset:${a.datasetIndex}-item:${a.index}` : typeof a.datasetIndex == "number" ? `dataset:${a.datasetIndex}` : typeof a.index == "number" ? `item:${a.index}` : typeof a.text == "string" && a.text.trim().length > 0 ? `text:${a.text.trim()}` : `fallback:${p}`;
     }
-    function Ot() {
+    function Ut() {
       const a = y.value;
       return a ? Math.ceil(a.getBoundingClientRect().width) : 0;
     }
-    function Ut() {
+    function Kt() {
       const a = y.value;
       return a ? Math.ceil(a.getBoundingClientRect().height) : 0;
     }
-    function Kt(a, p) {
-      var be;
+    function qt(a, p) {
+      var Ce;
       const d = F.value;
       if (!d || a.length === 0)
         return 0;
-      const b = Math.max(0, p - jn);
-      if (k.value) {
-        const de = window.getComputedStyle(d), ie = Number.parseFloat(de.rowGap || de.gap || "0") || 0, Q = Ut();
-        let _e = 0, Ae = 0;
-        for (let Ue = 0; Ue < a.length; Ue += 1) {
-          const Ie = a[Ue];
-          if (!Ie)
+      const b = Math.max(0, p - jn), H = window.getComputedStyle(d);
+      if (H.flexDirection.startsWith("column")) {
+        const re = Number.parseFloat(H.rowGap || H.gap || "0") || 0, ae = Kt();
+        let Se = 0, Ae = 0;
+        for (let Oe = 0; Oe < a.length; Oe += 1) {
+          const Ue = a[Oe];
+          if (!Ue)
             continue;
-          const Ke = _e + (Ae > 0 ? ie : 0) + Ie.offsetHeight, It = a.length - (Ue + 1) > 0 ? ie + Q : 0;
-          if (Ke + It > b)
+          const Qe = Se + (Ae > 0 ? re : 0) + Ue.offsetHeight, rt = a.length - (Oe + 1) > 0 ? re + ae : 0;
+          if (Qe + rt > b)
             break;
-          _e = Ke, Ae += 1;
+          Se = Qe, Ae += 1;
         }
         return Ae > 0 ? Ae : 1;
       }
-      const H = ((be = a[0]) == null ? void 0 : be.offsetTop) ?? 0, O = a.filter(
-        (de) => de.offsetTop - H + de.offsetHeight <= b
+      const j = ((Ce = a[0]) == null ? void 0 : Ce.offsetTop) ?? 0, te = a.filter(
+        (re) => re.offsetTop - j + re.offsetHeight <= b
       );
-      if (O.length === 0)
+      if (te.length === 0)
         return 0;
-      if (O.length >= a.length)
-        return O.length;
-      const j = Ot();
-      if (j <= 0)
-        return Math.max(1, O.length - 1);
-      const se = window.getComputedStyle(d), q = Number.parseFloat(se.columnGap || se.gap || "0") || 0, fe = d.clientWidth;
-      for (let de = O.length; de > 0; de -= 1) {
-        const ie = O.slice(0, de), Q = ie[ie.length - 1];
-        if (!Q)
+      if (te.length >= a.length)
+        return te.length;
+      const O = Ut();
+      if (O <= 0)
+        return Math.max(1, te.length - 1);
+      const de = Number.parseFloat(H.columnGap || H.gap || "0") || 0, ye = d.clientWidth;
+      for (let re = te.length; re > 0; re -= 1) {
+        const ae = te.slice(0, re), Se = ae[ae.length - 1];
+        if (!Se)
           continue;
-        if (Q.offsetLeft + Q.offsetWidth + q + j <= fe)
-          return de;
+        if (Se.offsetLeft + Se.offsetWidth + de + O <= ye)
+          return re;
       }
       return 1;
     }
-    function Lt() {
+    function It() {
       const a = F.value;
       if (!a) {
-        c.value = !1, C.value = 0, l.value = 0, le(), _();
+        c.value = !1, C.value = 0, l.value = 0, ie(), _();
         return;
       }
       const p = Array.from(
         a.querySelectorAll(".chart-legend-item[data-legend-data='true']")
       );
       if (p.length === 0) {
-        c.value = !1, C.value = 0, l.value = 0, le(), _();
+        c.value = !1, C.value = 0, l.value = 0, ie(), _();
         return;
       }
-      const d = Array.from(new Set(p.map((ie) => ie.offsetTop))).sort((ie, Q) => ie - Q), b = !h.value && i.value.length > p.length, H = !h.value && !b, O = H || C.value <= 0 ? ue() : C.value;
-      if ((H || C.value <= 0) && (C.value = O), b) {
-        const ie = ue();
-        if (ie > 0 && (C.value = ie), k.value && l.value < i.value.length) {
-          const Q = Math.max(0, C.value - jn), _e = a.scrollHeight;
-          if (_e + 1 < Q) {
-            const Ae = p.map((Ie) => Ie.offsetHeight).filter((Ie) => Number.isFinite(Ie) && Ie > 0), Ue = Ae.length > 0 ? Ae.reduce((Ie, Ke) => Ie + Ke, 0) / Ae.length : 0;
-            if (Ue > 0) {
-              const Ie = window.getComputedStyle(a), Ke = Number.parseFloat(Ie.rowGap || Ie.gap || "0") || 0, Ee = Math.max(1, Ue + Ke), It = Q - _e, Mt = Math.floor(It / Ee);
-              if (Mt > 0) {
+      const d = Array.from(new Set(p.map((re) => re.offsetTop))).sort((re, ae) => re - ae), b = !h.value && i.value.length > p.length, H = !h.value && !b, U = H || C.value <= 0 ? ue() : C.value;
+      if ((H || C.value <= 0) && (C.value = U), b) {
+        const re = ue();
+        if (re > 0 && (C.value = re), window.getComputedStyle(a).flexDirection.startsWith("column") && l.value < i.value.length) {
+          const Ae = Math.max(0, C.value - jn), Oe = a.scrollHeight;
+          if (Oe + 1 < Ae) {
+            const Ue = p.map((ke) => ke.offsetHeight).filter((ke) => Number.isFinite(ke) && ke > 0), Qe = Ue.length > 0 ? Ue.reduce((ke, rt) => ke + rt, 0) / Ue.length : 0;
+            if (Qe > 0) {
+              const ke = window.getComputedStyle(a), rt = Number.parseFloat(ke.rowGap || ke.gap || "0") || 0, jt = Math.max(1, Qe + rt), mt = Ae - Oe, Bt = Math.floor(mt / jt);
+              if (Bt > 0) {
                 l.value = Math.min(
                   i.value.length,
-                  l.value + Mt
-                ), Ze();
+                  l.value + Bt
+                ), Je();
                 return;
               }
             }
           }
         }
-        c.value = !0, le(), _();
+        c.value = !0, ie(), _();
         return;
       }
-      const j = d[0] ?? 0, se = d[d.length - 1] ?? j, q = p.filter((ie) => ie.offsetTop === se), fe = Math.max(...q.map((ie) => ie.offsetHeight), 0), be = Math.max(0, se - j + fe), de = Kt(p, O);
-      (H || l.value <= 0) && (l.value = Math.max(0, de)), c.value = be > O, le(), _();
+      const j = d[0] ?? 0, te = d[d.length - 1] ?? j, O = p.filter((re) => re.offsetTop === te), de = Math.max(...O.map((re) => re.offsetHeight), 0), ye = Math.max(0, te - j + de), Ce = qt(p, U);
+      (H || l.value <= 0) && (l.value = Math.max(0, Ce)), c.value = ye > U, ie(), _();
     }
-    function Ze() {
+    function Je() {
       Me(() => {
-        Lt(), window.requestAnimationFrame(() => {
-          Lt(), J(), _();
+        It(), window.requestAnimationFrame(() => {
+          It(), J(), _();
         });
       });
     }
-    const qt = m(() => {
+    const Xt = m(() => {
       const a = {
         "--legend-text-color": u.value,
         "--legend-font-size": `${M.value}px`
       }, p = ue();
-      if (k.value) {
-        const d = pe();
+      if (L.value) {
+        const d = me();
         return {
           ...a,
-          width: "fit-content",
+          width: `${d}px`,
           maxWidth: `${d}px`,
           maxHeight: `${p}px`,
-          flex: "0 1 auto"
+          flex: `0 0 ${d}px`
         };
       }
       return {
@@ -1999,54 +2008,54 @@ const rr = {
         maxHeight: `${p}px`,
         flex: "0 0 auto"
       };
-    }), Xt = m(() => {
+    }), Yt = m(() => {
       if (h.value || !c.value)
         return i.value;
-      const a = Math.max(1, l.value), p = k.value ? a : Math.max(0, a - 1);
+      const a = Math.max(1, l.value), p = L.value ? a : Math.max(0, a - 1);
       return i.value.slice(0, Math.min(p, i.value.length));
-    }), Dt = m(() => T.value ? c.value && h.value ? {
+    }), Mt = m(() => k.value ? c.value && h.value ? {
       flex: "1 1 auto",
       minHeight: "0",
       overflowY: "auto"
     } : c.value ? {
       overflow: "hidden"
     } : {} : {});
-    function ct() {
+    function dt() {
       var b;
-      if (!T.value) {
-        i.value = [], l.value = 0, h.value = !1, c.value = !1, C.value = 0, K({ height: 0, width: 0 });
+      if (!k.value) {
+        i.value = [], l.value = 0, h.value = !1, c.value = !1, C.value = 0, q({ height: 0, width: 0 });
         return;
       }
       l.value = 0, c.value = !1, C.value = 0;
       const a = G();
       if (!a) {
         i.value = He(
-          je(t.legendUpdateKey, t.chartRef)
-        ), Ze();
+          Ge(t.legendUpdateKey, t.chartRef)
+        ), Je();
         return;
       }
       try {
-        i.value = Ge(a);
+        i.value = Ye(a);
       } catch {
         i.value = [];
       }
       const p = Array.isArray((b = a == null ? void 0 : a.data) == null ? void 0 : b.datasets) ? a.data.datasets : [];
-      i.value.length === 0 && (i.value = je(t.legendUpdateKey, t.chartRef)), i.value.length === 0 && (i.value = ut(a)), i.value = We(He(i.value));
+      i.value.length === 0 && (i.value = Ge(t.legendUpdateKey, t.chartRef)), i.value.length === 0 && (i.value = ct(a)), i.value = We(He(i.value));
       const d = Array.isArray(t.legendUpdateKey) && t.legendUpdateKey.length > 0 || !Array.isArray(t.legendUpdateKey) && !!t.legendUpdateKey;
-      i.value.length === 0 && !(p.length > 0 || d) && W(0), Ze();
+      i.value.length === 0 && !(p.length > 0 || d) && W(0), Je();
     }
-    function Qe(a) {
+    function Ze(a) {
       return Array.isArray(a.datasetIndexes) && a.datasetIndexes.length > 0 ? a.datasetIndexes.filter((p) => Number.isInteger(p)) : typeof a.datasetIndex == "number" ? [a.datasetIndex] : [];
     }
     function at(a, p) {
       return Array.isArray(a.datasetKeys) && a.datasetKeys.length > 0 ? a.datasetKeys.filter((d) => typeof d == "string" && d.trim().length > 0) : typeof a.datasetKey == "string" && a.datasetKey.trim().length > 0 ? [a.datasetKey] : p.map(
-        (d) => vt({
+        (d) => yt({
           datasetIndex: d,
           label: a.text
         })
       );
     }
-    function dt(a, p) {
+    function ft(a, p) {
       i.value = i.value.map(
         (d) => a(d) ? {
           ...d,
@@ -2054,13 +2063,13 @@ const rr = {
         } : d
       );
     }
-    function ke(a, p, d) {
+    function Te(a, p, d) {
       var H;
       typeof a.setDatasetVisibility == "function" ? a.setDatasetVisibility(p, d) : d && typeof a.show == "function" ? a.show(p) : !d && typeof a.hide == "function" && a.hide(p);
       const b = Array.isArray((H = a == null ? void 0 : a.data) == null ? void 0 : H.datasets) ? a.data.datasets[p] : null;
       b && typeof b == "object" && (b.hidden = !d);
     }
-    function rn(a, p) {
+    function ln(a, p) {
       var j;
       if (typeof a.toggleDataVisibility == "function") {
         a.toggleDataVisibility(p);
@@ -2069,85 +2078,85 @@ const rr = {
       const d = Array.isArray((j = a == null ? void 0 : a.data) == null ? void 0 : j.datasets) ? a.data.datasets[0] : null, b = Array.isArray(d == null ? void 0 : d.data) ? d.data : [];
       if (p < 0 || p >= b.length)
         return;
-      const H = typeof a.getDatasetMeta == "function" ? a.getDatasetMeta(0) : null, O = Array.isArray(H == null ? void 0 : H.data) ? H.data[p] : null;
-      O && typeof O.hidden == "boolean" && (O.hidden = !O.hidden);
+      const H = typeof a.getDatasetMeta == "function" ? a.getDatasetMeta(0) : null, U = Array.isArray(H == null ? void 0 : H.data) ? H.data[p] : null;
+      U && typeof U.hidden == "boolean" && (U.hidden = !U.hidden);
     }
-    function Yt(a = 0) {
-      ct();
+    function Gt(a = 0) {
+      dt();
       const p = G(), d = i.value.length > 0;
       if (p || d || a >= dr) {
-        te();
+        ee();
         return;
       }
-      te(), x = window.setTimeout(() => {
-        Yt(a + 1);
+      ee(), x = window.setTimeout(() => {
+        Gt(a + 1);
       }, cr);
     }
-    function ln(a, p) {
-      var be;
-      const d = G(), b = String(((be = d == null ? void 0 : d.config) == null ? void 0 : be.type) ?? ""), H = b === "pie" || b === "doughnut" || b === "polarArea", O = typeof a.index == "number" ? a.index : typeof p == "number" ? p : null;
-      if ((H || typeof a.index == "number") && typeof O == "number") {
+    function sn(a, p) {
+      var ye;
+      const d = G(), b = String(((ye = d == null ? void 0 : d.config) == null ? void 0 : ye.type) ?? ""), H = b === "pie" || b === "doughnut" || b === "polarArea", U = typeof a.index == "number" ? a.index : typeof p == "number" ? p : null;
+      if ((H || typeof a.index == "number") && typeof U == "number") {
         if (Array.isArray(t.hiddenDataPointIndexes)) {
-          o("toggleDataPointVisibility", { itemIndex: O });
+          o("toggleDataPointVisibility", { itemIndex: U });
           return;
         }
-        d && (rn(d, O), d.update());
-        const de = d && typeof d.getDataVisibility == "function" ? !d.getDataVisibility(O) : a.hidden !== !0;
-        dt(
-          (ie) => typeof ie.index == "number" ? ie.index === O : ie.datasetIndex === a.datasetIndex && ie.text === a.text,
-          de
+        d && (ln(d, U), d.update());
+        const Ce = d && typeof d.getDataVisibility == "function" ? !d.getDataVisibility(U) : a.hidden !== !0;
+        ft(
+          (re) => typeof re.index == "number" ? re.index === U : re.datasetIndex === a.datasetIndex && re.text === a.text,
+          Ce
         );
         return;
       }
-      const se = Qe(a), q = at(a, se);
-      if (Array.isArray(t.hiddenDatasetKeys) && se.length > 0) {
-        se.forEach((de, ie) => {
+      const te = Ze(a), O = at(a, te);
+      if (Array.isArray(t.hiddenDatasetKeys) && te.length > 0) {
+        te.forEach((Ce, re) => {
           o("toggleDatasetVisibility", {
-            datasetIndex: de,
-            datasetKey: q[ie] ?? vt({
-              datasetIndex: de,
+            datasetIndex: Ce,
+            datasetKey: O[re] ?? yt({
+              datasetIndex: Ce,
               label: a.text
             })
           });
         });
         return;
       }
-      const fe = Et();
+      const de = Ot();
       if (!d) {
-        if (se.length > 0) {
-          const de = a.hidden !== !0;
-          se.forEach((ie) => {
-            const Q = fe[ie];
-            Q && typeof Q == "object" && (Q.hidden = de);
-          }), dt(
-            (ie) => Je(ie, 0) === Je(a, 0),
-            de
+        if (te.length > 0) {
+          const Ce = a.hidden !== !0;
+          te.forEach((re) => {
+            const ae = de[re];
+            ae && typeof ae == "object" && (ae.hidden = Ce);
+          }), ft(
+            (re) => je(re, 0) === je(a, 0),
+            Ce
           );
         }
         return;
       }
-      if (se.length > 0) {
-        const ie = !se.every(
-          (Q) => typeof d.isDatasetVisible == "function" ? d.isDatasetVisible(Q) : a.hidden !== !0
+      if (te.length > 0) {
+        const re = !te.every(
+          (ae) => typeof d.isDatasetVisible == "function" ? d.isDatasetVisible(ae) : a.hidden !== !0
         );
-        se.forEach((Q) => {
-          ke(d, Q, ie);
-          const _e = fe[Q];
-          _e && typeof _e == "object" && (_e.hidden = !ie);
-        }), d.update(), dt(
-          (Q) => Je(Q, 0) === Je(a, 0),
-          !ie
+        te.forEach((ae) => {
+          Te(d, ae, re);
+          const Se = de[ae];
+          Se && typeof Se == "object" && (Se.hidden = !re);
+        }), d.update(), ft(
+          (ae) => je(ae, 0) === je(a, 0),
+          !re
         );
       }
     }
-    function sn() {
-      h.value = !0, Ze();
+    function un() {
+      h.value = !0, Je();
     }
-    function ft() {
-      h.value = !1, F.value && (F.value.scrollTop = 0), Ze();
+    function ht() {
+      h.value = !1, F.value && (F.value.scrollTop = 0), Je();
     }
     return $e(() => {
-      Yt(), window.addEventListener("mousemove", P), window.addEventListener("mouseup", V);
+      Gt(), window.addEventListener("mousemove", P), window.addEventListener("mouseup", V);
     }), we(
       () => [
         t.enabled,
@@ -2156,106 +2165,105 @@ const rr = {
         t.hiddenDataPointIndexes
       ],
       () => {
-        ct();
+        dt();
       }
     ), Qn(() => {
-      B.value = !1, te(), K({ height: 0, width: 0 }), window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", V);
-    }), (a, p) => T.value ? (Y(), he("div", {
+      B.value = !1, ee(), q({ height: 0, width: 0 }), window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", V);
+    }), (a, p) => k.value ? (Y(), fe("div", {
       key: 0,
       ref_key: "legendPanelRef",
       ref: N,
-      class: De(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
-        "self-stretch h-full": k.value,
-        "mb-2": !k.value && a.position === "top",
-        "mt-2": !k.value && a.position === "bottom"
+      class: Ie(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
+        "self-stretch h-full pt-2": L.value,
+        "mb-2": !L.value && a.position === "top",
+        "mt-2": !L.value && a.position === "bottom"
       }]),
-      style: Le(qt.value)
+      style: De(Xt.value)
     }, [
-      ee("div", {
+      Q("div", {
         ref_key: "legendScrollShellRef",
         ref: $,
         class: "relative z-[2] flex flex-1 min-h-0 flex-col overflow-hidden"
       }, [
-        ee("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"
         }, [
-          ee("button", rr, Pe(r(s)("report.widget.legend.viewMore")), 1)
+          Q("button", rr, Pe(r(s)("report.widget.legend.viewMore")), 1)
         ], 512),
-        ee("ul", {
+        Q("ul", {
           ref_key: "legendListRef",
           ref: F,
-          class: De(["chart-legend-list m-0 flex list-none p-0", [
-            k.value ? "flex-col flex-nowrap gap-2 text-left" : "flex-wrap justify-center gap-x-2 gap-y-1 pt-1"
+          class: Ie(["chart-legend-list m-0 flex list-none p-0", [
+            L.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: Le(Dt.value),
+          style: De(Mt.value),
           onScroll: E
         }, [
-          (Y(!0), he(Ve, null, Rt(Xt.value, (d, b) => (Y(), he("li", {
-            key: Je(d, b),
-            class: De(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
-              "w-full": k.value,
+          (Y(!0), fe(Ve, null, zt(Yt.value, (d, b) => (Y(), fe("li", {
+            key: je(d, b),
+            class: Ie(["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"
           }, [
-            ee("button", {
+            Q("button", {
               type: "button",
-              class: De(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "w-full items-start justify-start text-left": k.value }]),
+              class: Ie(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "justify-start text-left": L.value }]),
               "aria-pressed": d.hidden === !0 ? "false" : "true",
-              onClick: Qt((H) => ln(d, b), ["stop"])
+              onClick: en((H) => sn(d, b), ["stop"])
             }, [
-              t.usePointStyle !== !1 ? (Y(), he("span", {
+              t.usePointStyle !== !1 ? (Y(), fe("span", {
                 key: 0,
                 class: "h-5 w-5 shrink-0 rounded-full",
-                style: Le({ backgroundColor: re(d, b) })
-              }, null, 4)) : (Y(), he("span", {
+                style: De({ backgroundColor: se(d, b) })
+              }, null, 4)) : (Y(), fe("span", {
                 key: 1,
                 class: "h-5 w-5 shrink-0 rounded-sm border border-solid border-gray-300",
-                style: Le({
-                  backgroundColor: re(d, b),
+                style: De({
+                  backgroundColor: se(d, b),
                   borderColor: "#c7c7cc"
                 })
               }, null, 4)),
-              ee("span", {
-                class: De(["chart-legend-text leading-[1.4]", {
-                  "flex-1 min-w-0 max-w-none whitespace-normal break-words text-left": k.value,
-                  "whitespace-nowrap overflow-hidden": !k.value,
+              Q("span", {
+                class: Ie(["chart-legend-text leading-[1.4]", {
+                  "max-w-[120px] whitespace-nowrap overflow-hidden text-ellipsis text-left": L.value,
+                  "whitespace-nowrap overflow-hidden": !L.value,
                   "line-through": d.hidden
                 }]),
                 title: d.text ?? ""
               }, Pe(d.text), 11, sr)
             ], 10, lr)
           ], 2))), 128)),
-          c.value ? (Y(), he("li", ir, [
-            ee("button", {
+          c.value ? (Y(), fe("li", ir, [
+            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)" },
-              onClick: p[0] || (p[0] = Qt((d) => h.value ? ft() : sn(), ["stop"]))
+              onClick: p[0] || (p[0] = en((d) => h.value ? ht() : un(), ["stop"]))
             }, Pe(h.value ? r(s)("report.widget.legend.viewLess") : r(s)("report.widget.legend.viewMore")), 1)
-          ])) : Ce("", !0)
+          ])) : be("", !0)
         ], 38),
-        A.value ? (Y(), he("div", {
+        A.value ? (Y(), fe("div", {
           key: 0,
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
           onMousedown: z
         }, [
-          ee("div", {
+          Q("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
-            style: Le(w.value),
-            onMousedown: Qt(R, ["stop"])
+            style: De(w.value),
+            onMousedown: en(R, ["stop"])
           }, null, 36)
-        ], 32)) : Ce("", !0)
+        ], 32)) : be("", !0)
       ], 512)
-    ], 6)) : Ce("", !0);
+    ], 6)) : be("", !0);
   }
-}), ze = /* @__PURE__ */ oo(fr, [["__scopeId", "data-v-ca89b018"]]);
-function Wt(e) {
+}), ze = /* @__PURE__ */ oo(fr, [["__scopeId", "data-v-08c94e88"]]);
+function Et(e) {
   const n = D([]), t = m(() => new Set(n.value));
   function o(l, h) {
-    return vt({
+    return yt({
       datasetIndex: h,
       label: l == null ? void 0 : l.label
     });
@@ -2288,7 +2296,7 @@ function Wt(e) {
 }
 const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
   __name: "WidgetBarchart",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -2296,14 +2304,14 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = Oe(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
+    const n = e, t = Ee(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
       isTooltipDetailsSheetOpen: i,
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
-    } = Ht(o, {
+    } = Wt(o, {
       maxTooltipItems: s
     }), $ = m(() => {
       var z;
@@ -2311,18 +2319,18 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
     }), F = m(() => {
       var z;
       return ((z = t.value.data) == null ? void 0 : z.xAxis) ?? [];
-    }), y = m(() => F.value.length === 1 && $.value.length > 1 && $.value.every((z) => z.values.length === 1 && z.isCompare !== !0)), g = m(() => y.value ? $.value.map((z) => z.name) : F.value), { datalabels: I, xCfg: L, yCfg: B, isTransposed: v, legend: f, chartWidth: T, chartHeight: k } = Tt(
+    }), y = m(() => F.value.length === 1 && $.value.length > 1 && $.value.every((z) => z.values.length === 1 && z.isCompare !== !0)), g = m(() => y.value ? $.value.map((z) => z.name) : F.value), { datalabels: I, xCfg: T, yCfg: B, isTransposed: v, legend: f, chartWidth: k, chartHeight: L } = Dt(
       t.value
     ), x = m(
-      () => kt(t.value.isTransposed === !0, h.value)
-    ), A = Vt("bar"), w = m(() => {
+      () => Lt(t.value.isTransposed === !0, h.value)
+    ), A = $t("bar"), w = m(() => {
       const z = f.value.position;
       return !z || z === "top" || z === "bottom" || z === "left" || z === "right";
     }), u = m(() => f.value.position ?? "top"), M = m(
       () => u.value === "left" || u.value === "right"
     ), W = m(
       () => u.value === "top" || u.value === "left"
-    ), K = m(() => $.value.length > 0 ? [
+    ), q = m(() => $.value.length > 0 ? [
       ...$.value.map((z, R) => {
         const P = Fe({
           datasetIndex: R,
@@ -2333,21 +2341,21 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
           datasetIndex: R,
           isCompare: z.isCompare,
           metricCount: t.value.metricCount,
-          mode: Se.metric
+          mode: _e.metric
         });
         let ne = z.values;
         y.value && (ne = $.value.map(
-          (ae, ue) => ue === R ? z.values[0] : NaN
+          (le, ue) => ue === R ? z.values[0] : NaN
         ));
-        const U = t.value.chartColorBinding === Se.breakdown, X = Ct({
+        const K = t.value.chartColorBinding === _e.breakdown, X = wt({
           fallbackIndex: R,
           metricCount: t.value.metricCount
-        }), Z = ne.map((ae) => ae === null ? NaN : Number(ae));
+        }), Z = ne.map((le) => le === null ? NaN : Number(le));
         return {
           label: z.name,
           data: Z,
           dash: !!z.isCompare,
-          backgroundColor: U ? _t({
+          backgroundColor: K ? Tt({
             breakdownIndex: X,
             metricIndex: V,
             metricCount: t.value.metricCount,
@@ -2362,12 +2370,12 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
           })
         };
       })
-    ] : []), { hiddenDatasetKeys: te, isDatasetHidden: G, toggleDatasetVisibility: le } = Wt(K), J = m(
-      () => K.value.map((z, R) => ({
+    ] : []), { hiddenDatasetKeys: ee, isDatasetHidden: G, toggleDatasetVisibility: ie } = Et(q), J = m(
+      () => q.value.map((z, R) => ({
         ...z,
         hidden: G(z, R)
       }))
-    ), _ = St();
+    ), _ = kt();
     function E() {
       return _.extractChartSize(o.value, n.tileIndex) || { width: 0, height: 0 };
     }
@@ -2378,24 +2386,24 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
     }), we([J], () => {
       Me(() => E());
     }), (z, R) => {
-      var V, ne, U, X, Z, ae;
-      const P = ve("FmBarChart");
-      return Y(), he(Ve, null, [
-        ee("div", hr, [
+      var V, ne, K, X, Z, le;
+      const P = pe("FmBarChart");
+      return Y(), fe(Ve, null, [
+        Q("div", hr, [
           nt(z.$slots, "menu"),
-          ee("div", {
-            class: De(["chart-layout", {
+          Q("div", {
+            class: Ie(["chart-layout", {
               "chart-layout--side": w.value && (r(f).display ?? !1) && M.value
             }])
           }, [
-            w.value && (r(f).display ?? !1) && W.value ? (Y(), ye(ze, {
+            w.value && (r(f).display ?? !1) && W.value ? (Y(), ge(ze, {
               key: 0,
               "chart-ref": o.value,
               enabled: r(f).display ?? !1,
               position: u.value,
               "max-width": r(f).maxWidth,
               "text-color": (V = r(f).labels) == null ? void 0 : V.color,
-              "font-size": (U = (ne = r(f).labels) == null ? void 0 : ne.font) == null ? void 0 : U.size,
+              "font-size": (K = (ne = r(f).labels) == null ? void 0 : ne.font) == null ? void 0 : K.size,
               "legend-update-key": J.value,
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2403,16 +2411,16 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": r(te),
-              onToggleDatasetVisibility: r(le)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            me(P, {
+              "hidden-dataset-keys": r(ee),
+              onToggleDatasetVisibility: r(ie)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0),
+            he(P, {
               ref_key: "chartRef",
               ref: o,
               class: "bar-chart",
               datasets: J.value,
               "x-axis": { categories: g.value },
-              "x-cfg": r(L),
+              "x-cfg": r(T),
               "y-cfg": r(B),
               transpose: r(v),
               legend: {
@@ -2422,19 +2430,19 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
               datalabels: r(I),
               plugins: [r(A)],
               "maintain-aspect-ratio": !1,
-              style: Le({
-                "--chart-width": w.value && (r(f).display ?? !1) && M.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(T) !== void 0 ? r(T) + "px" : "100%",
-                "--chart-height": w.value && (r(f).display ?? !1) && !M.value ? "calc(100% - 36px - var(--legend-panel-height, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%"
+              style: De({
+                "--chart-width": w.value && (r(f).display ?? !1) && M.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%",
+                "--chart-height": w.value && (r(f).display ?? !1) && !M.value ? "calc(100% - 36px - var(--legend-panel-height, 0px))" : r(L) !== void 0 ? r(L) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
-            w.value && (r(f).display ?? !1) && !W.value ? (Y(), ye(ze, {
+            w.value && (r(f).display ?? !1) && !W.value ? (Y(), ge(ze, {
               key: 1,
               "chart-ref": o.value,
               enabled: r(f).display ?? !1,
               position: u.value,
               "max-width": r(f).maxWidth,
               "text-color": (X = r(f).labels) == null ? void 0 : X.color,
-              "font-size": (ae = (Z = r(f).labels) == null ? void 0 : Z.font) == null ? void 0 : ae.size,
+              "font-size": (le = (Z = r(f).labels) == null ? void 0 : Z.font) == null ? void 0 : le.size,
               "legend-update-key": J.value,
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -2442,12 +2450,12 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": r(te),
-              onToggleDatasetVisibility: r(le)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+              "hidden-dataset-keys": r(ee),
+              onToggleDatasetVisibility: r(ie)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0)
           ], 2)
         ]),
-        me($t, {
+        he(Ht, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
@@ -2459,7 +2467,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
   }
 }), pr = { class: "widget-content" }, vr = /* @__PURE__ */ Ne({
   __name: "WidgetCircular",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -2467,7 +2475,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = Oe(e, "modelValue"), { breakpoints: o } = an(), s = D(null), i = D([]), { datalabels: l, legend: h, chartWidth: c, chartHeight: C } = Tt(t.value), N = m(() => {
+    const n = e, t = Ee(e, "modelValue"), { breakpoints: o } = rn(), s = D(null), i = D([]), { datalabels: l, legend: h, chartWidth: c, chartHeight: C } = Dt(t.value), N = m(() => {
       const u = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((M) => M.name) : [];
       return u.length > 0 ? u : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((M) => String(M)) : [];
     }), $ = m(() => {
@@ -2477,14 +2485,14 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
           label: N.value[0] ?? (Array.isArray(t.value.data.metrics) && t.value.data.metrics.length > 0 ? String(t.value.data.metrics[0]) : "Series"),
           labels: N.value,
           data: t.value.data.datasets.map(
-            (W, K) => i.value.includes(K) ? null : W.value
+            (W, q) => i.value.includes(q) ? null : W.value
           ),
           backgroundColor: t.value.data.datasets.map(
-            (W, K) => tt({ index: K, customColors: t.value.chartColors })
+            (W, q) => tt({ index: q, customColors: t.value.chartColors })
           )
         }
       ]), u;
-    }), F = St();
+    }), F = kt();
     function y() {
       return F.extractChartSize(s.value, n.tileIndex) || { width: 0, height: 0 };
     }
@@ -2498,7 +2506,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
       () => t.value.data.datasets,
       (u) => {
         const M = new Set(
-          Array.isArray(u) ? u.map((W, K) => K) : []
+          Array.isArray(u) ? u.map((W, q) => q) : []
         );
         i.value = i.value.filter(
           (W) => M.has(W)
@@ -2509,11 +2517,11 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
     const g = m(() => typeof t.value.legendFontSize == "number" ? t.value.legendFontSize : o.value.lg ? 12 : 8), I = m(() => {
       const u = h.value.position;
       return !u || u === "top" || u === "bottom" || u === "left" || u === "right";
-    }), L = m(() => h.value.display !== !1), B = m(() => I.value && L.value), v = m(() => h.value.position ?? "top"), f = m(
+    }), T = m(() => h.value.display !== !1), B = m(() => I.value && T.value), v = m(() => h.value.position ?? "top"), f = m(
       () => v.value === "left" || v.value === "right"
-    ), T = m(
+    ), k = m(
       () => v.value === "top" || v.value === "left"
-    ), k = m(() => {
+    ), L = m(() => {
       var M;
       const u = (M = h.value.labels) == null ? void 0 : M.color;
       return typeof u == "string" && u.trim().length > 0 ? u : t.value.legendColor ?? "#6b6b6b";
@@ -2528,21 +2536,21 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
       i.value = [...i.value, u];
     }
     return (u, M) => {
-      const W = ve("FmPieChart");
-      return Y(), he("div", pr, [
+      const W = pe("FmPieChart");
+      return Y(), fe("div", pr, [
         nt(u.$slots, "menu"),
-        ee("div", {
-          class: De(["chart-layout", {
+        Q("div", {
+          class: Ie(["chart-layout", {
             "chart-layout--side": B.value && f.value
           }])
         }, [
-          B.value && T.value ? (Y(), ye(ze, {
+          B.value && k.value ? (Y(), ge(ze, {
             key: 0,
             "chart-ref": s.value,
-            enabled: L.value,
+            enabled: T.value,
             position: v.value,
             "max-width": r(h).maxWidth,
-            "text-color": k.value,
+            "text-color": L.value,
             "font-size": x.value,
             "legend-update-key": $.value,
             "use-point-style": t.value.usePointStyle ?? !0,
@@ -2553,8 +2561,8 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": i.value,
             onToggleDataPointVisibility: w
-          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : Ce("", !0),
-          me(W, {
+          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : be("", !0),
+          he(W, {
             ref_key: "chartRef",
             ref: s,
             class: "circular",
@@ -2568,18 +2576,18 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             },
             datalabels: r(l),
             "maintain-aspect-ratio": !1,
-            style: Le({
+            style: De({
               "--chart-width": B.value && f.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(c) !== void 0 ? r(c) + "px" : "100%",
               "--chart-height": B.value && !f.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(C) !== void 0 ? r(C) + "px" : "100%"
             })
           }, null, 8, ["datasets", "metrics", "tooltip", "datalabels", "style"]),
-          B.value && !T.value ? (Y(), ye(ze, {
+          B.value && !k.value ? (Y(), ge(ze, {
             key: 1,
             "chart-ref": s.value,
-            enabled: L.value,
+            enabled: T.value,
             position: v.value,
             "max-width": r(h).maxWidth,
-            "text-color": k.value,
+            "text-color": L.value,
             "font-size": x.value,
             "legend-update-key": $.value,
             "use-point-style": t.value.usePointStyle ?? !0,
@@ -2590,13 +2598,13 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": i.value,
             onToggleDataPointVisibility: w
-          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : Ce("", !0)
+          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : be("", !0)
         ], 2)
       ]);
     };
   }
 });
-function tn(e) {
+function nn(e) {
   if (e == null || e === "")
     return "";
   const n = String(e), t = Number(n);
@@ -2612,18 +2620,18 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = Oe(e, "modelValue"), { t } = it(), { compareDateRange: o, defaultDateSetting: s } = st(nn()), { country: i } = _n(), l = m(() => {
+    const n = Ee(e, "modelValue"), { t } = ut(), { compareDateRange: o, defaultDateSetting: s } = it(on()), { country: i } = kn(), l = m(() => {
       var g;
       return ((g = n.value.data) == null ? void 0 : g.value) || "";
-    }), h = m(() => tn(l.value)), c = m(() => {
+    }), h = m(() => nn(l.value)), c = m(() => {
       const { data: g } = n.value;
       return g != null && g.comparison ? lo(l.value, g.comparison, i) : null;
     });
     function C(g) {
       switch (g) {
-        case pn.bar:
+        case vn.bar:
           return "bar";
-        case pn.line:
+        case vn.line:
           return "line";
         default:
           return "line";
@@ -2641,65 +2649,65 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
       data: g.values,
       fill: !0,
       color: "#36a2eb"
-    }))), y = m(() => kt(!1, !0));
+    }))), y = m(() => Lt(!1, !0));
     return (g, I) => {
-      const L = ve("FmIcon"), B = ve("FmChip"), v = ve("FmTooltip"), f = ve("FmLineChart");
-      return Y(), he("div", gr, [
+      const T = pe("FmIcon"), B = pe("FmChip"), v = pe("FmTooltip"), f = pe("FmLineChart");
+      return Y(), fe("div", gr, [
         nt(g.$slots, "menu"),
-        ee("p", yr, Pe(h.value), 1),
-        ee("div", br, [
-          me(v, {
+        Q("p", yr, Pe(h.value), 1),
+        Q("div", br, [
+          he(v, {
             disabled: c.value === null,
             placement: "right",
             "hide-arrow": "",
             variant: "rich"
           }, {
-            content: Te(() => {
-              var T;
+            content: Le(() => {
+              var k;
               return [
-                ee("span", Cr, Pe(`vs. ${(T = r(s).defaultCompareType) == null ? void 0 : T.split("_").join(" ")}`), 1)
+                Q("span", Cr, Pe(`vs. ${(k = r(s).defaultCompareType) == null ? void 0 : k.split("_").join(" ")}`), 1)
               ];
             }),
-            default: Te(() => [
-              c.value ? (Y(), ye(B, {
+            default: Le(() => [
+              c.value ? (Y(), ge(B, {
                 key: 0,
                 icon: c.value.icon.name,
-                class: De(`bg-${c.value.icon.tailwind}`),
+                class: Ie(`bg-${c.value.icon.tailwind}`),
                 compact: ""
               }, {
-                default: Te(() => [
-                  me(L, {
+                default: Le(() => [
+                  he(T, {
                     name: c.value.icon.name,
                     color: c.value.icon.color
                   }, null, 8, ["name", "color"]),
-                  ee("p", {
+                  Q("p", {
                     class: "fm-typo-en-body-md-600",
-                    style: Le({ color: c.value.icon.color })
+                    style: De({ color: c.value.icon.color })
                   }, Pe(c.value.value), 5)
                 ]),
                 _: 1
-              }, 8, ["icon", "class"])) : Ce("", !0),
-              r(o).endDate != null && r(o).startDate != null && c.value === null ? (Y(), ye(B, {
+              }, 8, ["icon", "class"])) : be("", !0),
+              r(o).endDate != null && r(o).startDate != null && c.value === null ? (Y(), ge(B, {
                 key: 1,
                 class: "invisible pointer-events-none",
                 "aria-hidden": "true",
                 compact: ""
               }, {
-                default: Te(() => [
-                  me(L, {
+                default: Le(() => [
+                  he(T, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  I[0] || (I[0] = ee("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
+                  I[0] || (I[0] = Q("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
                 ]),
                 _: 1
-              })) : Ce("", !0)
+              })) : be("", !0)
             ]),
             _: 1
           }, 8, ["disabled"])
         ]),
-        N.value ? (Y(), he("div", xr, [
-          C(N.value.type) === "line" ? (Y(), ye(f, {
+        N.value ? (Y(), fe("div", xr, [
+          C(N.value.type) === "line" ? (Y(), ge(f, {
             key: 0,
             class: "sparkline",
             datasets: F.value,
@@ -2712,14 +2720,14 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
             "x-cfg": { display: !1 },
             tooltip: y.value,
             "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : Ce("", !0)
-        ])) : (Y(), he("div", wr, I[1] || (I[1] = [
-          ee("div", { class: "sparkline" }, [
-            ee("div", { class: "flex flex-col gap-8" }, [
-              ee("div"),
-              ee("div")
+          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : be("", !0)
+        ])) : (Y(), fe("div", wr, I[1] || (I[1] = [
+          Q("div", { class: "sparkline" }, [
+            Q("div", { class: "flex flex-col gap-8" }, [
+              Q("div"),
+              Q("div")
             ]),
-            ee("div", { class: "grow" })
+            Q("div", { class: "grow" })
           ], -1)
         ])))
       ]);
@@ -2727,63 +2735,63 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
   }
 }), _r = {};
 function kr(e, n) {
-  const t = ve("FmMenuDivider");
-  return Y(), ye(t);
+  const t = pe("FmMenuDivider");
+  return Y(), ge(t);
 }
 const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimension", Zn = Ko(Lr, () => {
   const e = D(0), n = D([]), t = D(!1), o = (v, f) => {
     e.value = v, i(v, f);
-  }, s = (v, f, T, k) => {
-    n[v] = f, n.value = [...n.value], l(v, f, T, k);
+  }, s = (v, f, k, L) => {
+    n[v] = f, n.value = [...n.value], l(v, f, k, L);
   }, i = (v, f) => {
-    const T = (f == null ? void 0 : f.querySelectorAll("thead tr")) ?? [], k = (f == null ? void 0 : f.querySelectorAll("tbody tr")) ?? [];
-    [...T, ...k].forEach((A) => {
+    const k = (f == null ? void 0 : f.querySelectorAll("thead tr")) ?? [], L = (f == null ? void 0 : f.querySelectorAll("tbody tr")) ?? [];
+    [...k, ...L].forEach((A) => {
       const w = A;
       w && (w.style.height = `${v}px`);
     });
-  }, l = (v, f, T, k = !1) => {
-    const x = (T == null ? void 0 : T.querySelectorAll("th")) ?? [];
+  }, l = (v, f, k, L = !1) => {
+    const x = (k == null ? void 0 : k.querySelectorAll("th")) ?? [];
     if (v === void 0) return;
-    const A = x[v], w = k ? n[v] : f;
+    const A = x[v], w = L ? n[v] : f;
     if (!A || w === void 0) return;
     const u = () => {
       A.style.width = `${w}px`;
     };
-    k ? requestAnimationFrame(u) : u();
+    L ? requestAnimationFrame(u) : u();
   }, h = () => {
-    const v = document.querySelectorAll("th"), f = document.querySelectorAll("td"), T = document.querySelector("table");
-    T == null || T.classList.add("table-fixed"), v.forEach((k) => k.classList.add("toggleEditResize")), f.forEach((k) => k.classList.add("toggleEditResize")), t.value = !0;
+    const v = document.querySelectorAll("th"), f = document.querySelectorAll("td"), k = document.querySelector("table");
+    k == null || k.classList.add("table-fixed"), v.forEach((L) => L.classList.add("toggleEditResize")), f.forEach((L) => L.classList.add("toggleEditResize")), t.value = !0;
   }, c = () => {
-    const v = document.querySelectorAll("th"), f = document.querySelectorAll("td"), T = document.querySelectorAll(".col-resize-handle"), k = document.querySelectorAll(".row-resize-handle");
-    v.forEach((x) => x.classList.remove("toggleEditResize")), f.forEach((x) => x.classList.remove("toggleEditResize")), T.forEach((x) => x.remove()), k.forEach((x) => x.remove()), t.value = !1;
+    const v = document.querySelectorAll("th"), f = document.querySelectorAll("td"), k = document.querySelectorAll(".col-resize-handle"), L = document.querySelectorAll(".row-resize-handle");
+    v.forEach((x) => x.classList.remove("toggleEditResize")), f.forEach((x) => x.classList.remove("toggleEditResize")), k.forEach((x) => x.remove()), L.forEach((x) => x.remove()), t.value = !1;
   }, C = () => {
     e.value = 0, n.value = [];
   }, N = (v, f) => {
     if (f) {
-      const T = document.querySelectorAll(`thead th:nth-child(${v + 1})`), k = document.querySelectorAll(`tbody td:nth-child(${v + 1})`);
-      [...T, ...k].forEach((x) => {
+      const k = document.querySelectorAll(`thead th:nth-child(${v + 1})`), L = document.querySelectorAll(`tbody td:nth-child(${v + 1})`);
+      [...k, ...L].forEach((x) => {
         x.classList.add("highlight-hover-col");
       });
     } else
       document.querySelectorAll(
         `thead th:nth-child(${v + 1}), tbody td:nth-child(${v + 1})`
-      ).forEach((T) => T.classList.add("highlight-col"));
+      ).forEach((k) => k.classList.add("highlight-col"));
   }, $ = (v) => {
-    const f = document.querySelectorAll("thead tr"), T = document.querySelectorAll("tbody tr"), k = [...f, ...T];
-    for (const x of k)
+    const f = document.querySelectorAll("thead tr"), k = document.querySelectorAll("tbody tr"), L = [...f, ...k];
+    for (const x of L)
       v ? x.classList.add("highlight-hover-row") : x.classList.add("highlight-row");
   }, F = (v) => {
-    const f = v ? ".highlight-hover-row" : ".highlight-row", T = document.querySelectorAll(f);
-    for (const k of T)
-      k.classList.remove(f.slice(1));
+    const f = v ? ".highlight-hover-row" : ".highlight-row", k = document.querySelectorAll(f);
+    for (const L of k)
+      L.classList.remove(f.slice(1));
   }, y = (v) => {
     v ? document.querySelectorAll(".highlight-hover-col").forEach((f) => {
       f.classList.remove("highlight-hover-col");
     }) : document.querySelectorAll(".highlight-col").forEach((f) => f.classList.remove("highlight-col"));
   }, g = (v, f) => {
-    const T = v.clientX, k = v.target.closest("table");
-    if (!k) return;
-    const x = k.querySelectorAll("th")[f];
+    const k = v.clientX, L = v.target.closest("table");
+    if (!L) return;
+    const x = L.querySelectorAll("th")[f];
     if (!x) return;
     const A = x.getBoundingClientRect().width || 60, w = x.querySelector("button"), u = (w == null ? void 0 : w.querySelector("span")) || x.querySelector("p") || x;
     let M = 60;
@@ -2791,37 +2799,37 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       const J = u.textContent || "", _ = window.getComputedStyle(u), E = `${_.fontWeight} ${_.fontSize} ${_.fontFamily}`, R = document.createElement("canvas").getContext("2d");
       if (R) {
         R.font = E;
-        const P = R.measureText(J), V = window.getComputedStyle(x), ne = parseFloat(V.paddingLeft || "0"), U = parseFloat(V.paddingRight || "0");
-        M = P.width + ne + U;
+        const P = R.measureText(J), V = window.getComputedStyle(x), ne = parseFloat(V.paddingLeft || "0"), K = parseFloat(V.paddingRight || "0");
+        M = P.width + ne + K;
       }
     }
     N(f, !1);
-    let W = null, K = null;
-    const te = () => {
-      if (K === null) return;
+    let W = null, q = null;
+    const ee = () => {
+      if (q === null) return;
       const J = x;
-      J.style.width = `${K}px`;
+      J.style.width = `${q}px`;
       let _ = 0;
-      k.querySelectorAll("th").forEach((z, R) => {
-        _ += R === f ? K : z.getBoundingClientRect().width;
-      }), k.classList.remove("w-full"), k.style.width = `${_}px`, W = null;
+      L.querySelectorAll("th").forEach((z, R) => {
+        _ += R === f ? q : z.getBoundingClientRect().width;
+      }), L.classList.remove("w-full"), L.style.width = `${_}px`, W = null;
     }, G = (J) => {
-      const _ = J.clientX - T;
-      K = Math.max(M, A + _), W === null && (W = requestAnimationFrame(te));
-    }, le = () => {
-      W !== null && cancelAnimationFrame(W), K !== null && (x.style.width = `${K}px`);
-      const J = k.querySelectorAll("th"), _ = [];
+      const _ = J.clientX - k;
+      q = Math.max(M, A + _), W === null && (W = requestAnimationFrame(ee));
+    }, ie = () => {
+      W !== null && cancelAnimationFrame(W), q !== null && (x.style.width = `${q}px`);
+      const J = L.querySelectorAll("th"), _ = [];
       J.forEach((E) => {
         _.push(E.getBoundingClientRect().width);
-      }), n.value = _, y(!1), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", le);
+      }), n.value = _, y(!1), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", ie);
     };
-    document.addEventListener("mousemove", G), document.addEventListener("mouseup", le);
+    document.addEventListener("mousemove", G), document.addEventListener("mouseup", ie);
   }, I = (v) => {
-    const f = v.clientY, T = v.target.closest("table"), k = e.value || 48;
+    const f = v.clientY, k = v.target.closest("table"), L = e.value || 48;
     $(!1);
     const x = (w) => {
-      const u = Math.max(30, k + (w.clientY - f));
-      T && o(u, T);
+      const u = Math.max(30, L + (w.clientY - f));
+      k && o(u, k);
     }, A = () => {
       F(!1), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", A);
     };
@@ -2845,7 +2853,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     resizeCol: g,
     resizeRow: I,
     enableCellResizing: () => {
-      const v = document.querySelector("thead"), f = document.querySelectorAll("thead tr"), T = document.querySelectorAll("tbody tr"), k = [...f, ...T];
+      const v = document.querySelector("thead"), f = document.querySelectorAll("thead tr"), k = document.querySelectorAll("tbody tr"), L = [...f, ...k];
       v && v.classList.remove("sticky");
       const x = (A, w) => {
         const u = document.createElement("div");
@@ -2855,11 +2863,11 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
           M.stopPropagation(), I(M);
         })), u;
       };
-      k.forEach((A) => {
+      L.forEach((A) => {
         const w = A.closest("thead") !== null;
         A.querySelectorAll(w ? "th" : "td").forEach((M, W) => {
-          const K = x("col", W), te = x("row", W);
-          M.appendChild(K), M.appendChild(te);
+          const q = x("col", W), ee = x("row", W);
+          M.appendChild(q), M.appendChild(ee);
         });
       }), h();
     },
@@ -2872,7 +2880,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   style: { backgroundColor: "#f9f9f9" }
 }, Br = { class: "font-bold" }, Pr = { class: "text-fm-color-neutral-gray-300" }, Fr = /* @__PURE__ */ Ne({
   __name: "WidgetTable",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -2880,17 +2888,17 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n, te: t } = it(), o = Oe(e, "modelValue"), { country: s } = _n(), { clearTileSorts: i, setTileSorts: l } = zo(), h = kn(), c = e, C = D([]), { isEditing: N, colWidths: $, rowHeight: F } = st(Zn()), { setColWidths: y, setRowHeights: g, enableCellResizing: I } = Zn(), L = D(null), B = m(() => {
+    const { t: n, te: t } = ut(), o = Ee(e, "modelValue"), { country: s } = kn(), { clearTileSorts: i, setTileSorts: l } = zo(), h = Tn(), c = e, C = D([]), { isEditing: N, colWidths: $, rowHeight: F } = it(Zn()), { setColWidths: y, setRowHeights: g, enableCellResizing: I } = Zn(), T = D(null), B = m(() => {
       var _;
       return ((_ = o.value.data) == null ? void 0 : _.columns) || [{ label: "", key: "" }];
     }), v = m(() => {
       var _;
       return ((_ = o.value.data) == null ? void 0 : _.rows) || [];
-    }), f = m(() => o.value.filterText), T = m(() => {
+    }), f = m(() => o.value.filterText), k = m(() => {
       var E;
       const _ = (E = o.value.grandTotalLabel) == null ? void 0 : E.trim();
-      return _ && _.length > 0 ? _ : lt(n, t, "Grand total", "other");
-    }), k = m(() => {
+      return _ && _.length > 0 ? _ : st(n, t, "Grand total", "other");
+    }), L = m(() => {
       var _, E;
       if (!(f.value && f.value.trim().length > 0 || !((_ = v.value[0]) != null && _.isRollup) && !((E = v.value[v.value.length - 1]) != null && E.isRollup))) {
         if (o.value.rollupPosition === et.top || o.value.rollupPosition === void 0)
@@ -2899,12 +2907,12 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
           return et.bottom;
       }
     }), x = m(() => {
-      const R = k.value !== void 0 ? 1 : 0, P = (L.value ? L.value.$el.offsetHeight : 0) - 48;
+      const R = L.value !== void 0 ? 1 : 0, P = (T.value ? T.value.$el.offsetHeight : 0) - 48;
       return Math.floor((P - 34.5 - 32) / 48) - R;
     }), A = m(() => {
       var E, z;
       let _ = [];
-      switch (k.value) {
+      switch (L.value) {
         case et.top:
           _ = [...((E = v.value[0]) == null ? void 0 : E.cells) || []].map((R, P) => {
             var V;
@@ -2926,7 +2934,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
           });
           break;
       }
-      return _.length > 0 && _[0].main === "" && (_[0].main = T.value), _;
+      return _.length > 0 && _[0].main === "" && (_[0].main = k.value), _;
     });
     function w(_) {
       let E = (_ == null ? void 0 : _.main) || "";
@@ -2943,7 +2951,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     });
     const u = D([]);
     let M = 0, W;
-    function K() {
+    function q() {
       var P;
       if (!((P = o.value) != null && P.data)) {
         u.value = [];
@@ -2965,7 +2973,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
           key: V.key,
           type: V.type
         })),
-        grandTotalPosition: k.value,
+        grandTotalPosition: L.value,
         pageSize: x.value
       };
       No(Dr, R).then((V) => {
@@ -2979,7 +2987,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       },
       { immediate: !0, deep: !0 }
     );
-    const te = m(() => {
+    const ee = m(() => {
       var z, R;
       const _ = ((z = o.value.data) == null ? void 0 : z.rows) || [], E = ((R = o.value.data) == null ? void 0 : R.columns) || [];
       return JSON.stringify({
@@ -2987,26 +2995,26 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
         columns: E.map((P) => ({ key: P.key, type: P.type, label: P.label })),
         filter: f.value ?? "",
         globalSorts: C.value.map((P) => ({ key: P.key, type: P.type })),
-        grandTotalPosition: k.value,
+        grandTotalPosition: L.value,
         pageSize: x.value
       });
     });
     we(
-      () => te.value,
+      () => ee.value,
       () => {
-        clearTimeout(W), W = setTimeout(K, 200);
+        clearTimeout(W), W = setTimeout(q, 200);
       },
       { immediate: !0 }
     );
     function G(_) {
       const E = C.value.find((z) => z.key === _);
       if (!E) {
-        C.value.push({ key: _, type: Bt.Asc });
+        C.value.push({ key: _, type: Pt.Asc });
         return;
       }
-      E.type === Bt.Asc ? E.type = Bt.Desc : E.type === Bt.Desc && (C.value = C.value.filter((z) => z.key !== _));
+      E.type === Pt.Asc ? E.type = Pt.Desc : E.type === Pt.Desc && (C.value = C.value.filter((z) => z.key !== _));
     }
-    const le = m(
+    const ie = m(
       () => {
         var _;
         return (((_ = o.value.colWidths) == null ? void 0 : _.length) ?? 0) > 0 || $.value.length > 0;
@@ -3014,12 +3022,12 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     ), J = m(() => {
       var _;
       return (_ = o.value.data) != null && _.columns ? o.value.data.columns.map((E) => {
-        const z = lt(n, t, E.label, "other"), R = C.value.find((ne) => ne.key === E.key), P = !!R, V = P ? R.type === Bt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        const z = st(n, t, E.label, "other"), R = C.value.find((ne) => ne.key === E.key), P = !!R, V = P ? R.type === Pt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
           accessorKey: E.key,
           header: () => {
-            const ne = ve("FmIcon");
-            return jt(
+            const ne = pe("FmIcon");
+            return Jt(
               "button",
               {
                 type: "button",
@@ -3027,12 +3035,12 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
                 onClick: () => G(E.key)
               },
               [
-                jt(
+                Jt(
                   "span",
                   { class: `${E.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
                   z
                 ),
-                jt(ne, {
+                Jt(ne, {
                   name: V,
                   color: P ? "primary" : "neutral-gray-400",
                   size: "sm",
@@ -3043,18 +3051,18 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
             );
           },
           cell: (ne) => {
-            var Z, ae;
-            const U = w(ne.getValue()), X = (ae = (Z = ne == null ? void 0 : ne.row) == null ? void 0 : Z.original) == null ? void 0 : ae.isRollup;
-            return jt(
+            var Z, le;
+            const K = w(ne.getValue()), X = (le = (Z = ne == null ? void 0 : ne.row) == null ? void 0 : Z.original) == null ? void 0 : le.isRollup;
+            return Jt(
               "div",
               {
                 class: [
                   X ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400",
                   E.type === "NUMERIC" ? "text-right" : "",
-                  le.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                  ie.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
-              [E.type === "NUMERIC" ? tn(U.main) : U.main]
+              [E.type === "NUMERIC" ? nn(K.main) : K.main]
             );
           },
           enableSorting: !1
@@ -3071,11 +3079,11 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       async () => {
         var P;
         await Me();
-        const _ = (P = L.value) == null ? void 0 : P.$el;
+        const _ = (P = T.value) == null ? void 0 : P.$el;
         if (!_) return;
         const E = _.querySelector("table");
         if (!E) return;
-        E.classList.add(le.value ? "table-fixed" : "table-auto");
+        E.classList.add(ie.value ? "table-fixed" : "table-auto");
         let z, R;
         N.value ? (I(), z = $.value, R = F.value) : (R = o.value.rowHeight, z = o.value.colWidths), typeof R == "number" && g(R, _), z == null || z.forEach((V, ne) => {
           y(ne, V, _);
@@ -3083,14 +3091,14 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       },
       { immediate: !0 }
     ), (_, E) => {
-      const z = ve("FmTable");
-      return Y(), he(Ve, null, [
-        ee("div", Ir, [
+      const z = pe("FmTable");
+      return Y(), fe(Ve, null, [
+        Q("div", Ir, [
           nt(_.$slots, "menu")
         ]),
-        me(z, {
+        he(z, {
           ref_key: "table",
-          ref: L,
+          ref: T,
           "column-defs": J.value,
           "row-data": u.value,
           "search-value": f.value,
@@ -3101,25 +3109,25 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
           "pin-header-row": !0,
           "auto-reset-page-index": !0
         }, Mo({ _: 2 }, [
-          k.value ? {
+          L.value ? {
             name: "pin-top",
-            fn: Te(() => [
-              (Y(), ye(eo(k.value === r(et).bottom ? "tfoot" : "tbody"), null, {
-                default: Te(() => [
-                  ee("tr", Mr, [
-                    (Y(!0), he(Ve, null, Rt(A.value, (R, P) => (Y(), he("td", {
-                      key: `${r(At)()}_${P}`,
+            fn: Le(() => [
+              (Y(), ge(eo(L.value === r(et).bottom ? "tfoot" : "tbody"), null, {
+                default: Le(() => [
+                  Q("tr", Mr, [
+                    (Y(!0), fe(Ve, null, zt(A.value, (R, P) => (Y(), fe("td", {
+                      key: `${r(Rt)()}_${P}`,
                       class: "h-[48px] text-fm-color-typo-primary px-16"
                     }, [
-                      ee("span", {
-                        class: De([
+                      Q("span", {
+                        class: Ie([
                           "items-center text-fm-color-typo-secondary gap-2",
                           R.rowType === "NUMERIC" ? "text-right" : "",
-                          le.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                          ie.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                         ])
                       }, [
-                        ee("p", Br, Pe(R.rowType === "NUMERIC" ? r(tn)(R.main) : R.main), 1),
-                        ee("p", Pr, Pe(R.comparison ? R.rowType === "NUMERIC" ? `(${r(tn)(R.comparison)})` : `(${R.comparison})` : ""), 1)
+                        Q("p", Br, Pe(R.rowType === "NUMERIC" ? r(nn)(R.main) : R.main), 1),
+                        Q("p", Pr, Pe(R.comparison ? R.rowType === "NUMERIC" ? `(${r(nn)(R.comparison)})` : `(${R.comparison})` : ""), 1)
                       ], 2)
                     ]))), 128))
                   ])
@@ -3135,7 +3143,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   }
 }), Ar = { class: "widget-content" }, Rr = /* @__PURE__ */ Ne({
   __name: "WidgetStackBarChart",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3143,14 +3151,14 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = Oe(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
+    const n = e, t = Ee(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
       isTooltipDetailsSheetOpen: i,
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
-    } = Ht(o, {
+    } = Wt(o, {
       maxTooltipItems: s
     }), $ = m(() => {
       var ne;
@@ -3158,38 +3166,38 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     }), F = m(() => {
       var V;
       return ((V = t.value.data) == null ? void 0 : V.datasets) ?? [];
-    }), { datalabels: y, xCfg: g, yCfg: I, isTransposed: L, legend: B, chartWidth: v, chartHeight: f } = Tt(
+    }), { datalabels: y, xCfg: g, yCfg: I, isTransposed: T, legend: B, chartWidth: v, chartHeight: f } = Dt(
       t.value
-    ), T = m(
-      () => kt(t.value.isTransposed === !0, h.value)
-    ), k = Vt("bar"), x = m(() => t.value.stackBarOverlap === !0), A = m(() => x.value === !1), w = m(() => {
+    ), k = m(
+      () => Lt(t.value.isTransposed === !0, h.value)
+    ), L = $t("bar"), x = m(() => t.value.stackBarOverlap === !0), A = m(() => x.value === !1), w = m(() => {
       const V = B.value.position;
       return !V || V === "top" || V === "bottom" || V === "left" || V === "right";
     }), u = m(() => B.value.position ?? "top"), M = m(
       () => u.value === "left" || u.value === "right"
     ), W = m(
       () => u.value === "top" || u.value === "left"
-    ), K = m(() => ({
+    ), q = m(() => ({
       ...g.value,
       stacked: A.value
-    })), te = m(() => ({
+    })), ee = m(() => ({
       ...I.value,
       stacked: A.value
     }));
     function G({
       datasetIndex: V,
       colorIndex: ne,
-      breakdownIndex: U
+      breakdownIndex: K
     }) {
       var ue;
-      const X = t.value.chartColorBinding === Se.metric ? ne : t.value.chartColorBinding === Se.breakdown ? U : V, Z = (ue = t.value.chartColorLayers) == null ? void 0 : ue[X], ae = Number(Z);
-      return Number.isInteger(ae) && ae > 0 ? ae : X + 1;
+      const X = t.value.chartColorBinding === _e.metric ? ne : t.value.chartColorBinding === _e.breakdown ? K : V, Z = (ue = t.value.chartColorLayers) == null ? void 0 : ue[X], le = Number(Z);
+      return Number.isInteger(le) && le > 0 ? le : X + 1;
     }
-    const le = m(() => {
+    const ie = m(() => {
       if (F.value.length > 0) {
         let V = 0, ne = 0;
-        const U = F.value.map((X, Z) => {
-          const ae = t.value.chartColorBinding === Se.metric && (t.value.metricCount ?? 0) > 0 ? X.isCompare ? ne++ % Number(t.value.metricCount) : V++ % Number(t.value.metricCount) : Fe({
+        const K = F.value.map((X, Z) => {
+          const le = t.value.chartColorBinding === _e.metric && (t.value.metricCount ?? 0) > 0 ? X.isCompare ? ne++ % Number(t.value.metricCount) : V++ % Number(t.value.metricCount) : Fe({
             datasetIndex: Z,
             isCompare: X.isCompare,
             metricCount: t.value.metricCount,
@@ -3198,14 +3206,14 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
             datasetIndex: Z,
             isCompare: X.isCompare,
             metricCount: t.value.metricCount,
-            mode: Se.metric
-          }), pe = Ct({
+            mode: _e.metric
+          }), me = wt({
             fallbackIndex: Z,
             metricCount: t.value.metricCount
-          }), re = G({
+          }), se = G({
             datasetIndex: Z,
-            colorIndex: ae,
-            breakdownIndex: pe
+            colorIndex: le,
+            breakdownIndex: me
           }), xe = X.values.map((Be) => Be === null ? NaN : Number(Be));
           return {
             dataset: {
@@ -3213,9 +3221,9 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               data: xe,
               dash: !!X.isCompare,
               grouped: x.value ? !1 : void 0,
-              order: x.value ? re : void 0,
-              backgroundColor: t.value.chartColorBinding === Se.breakdown ? _t({
-                breakdownIndex: pe,
+              order: x.value ? se : void 0,
+              backgroundColor: t.value.chartColorBinding === _e.breakdown ? Tt({
+                breakdownIndex: me,
                 metricIndex: ue,
                 metricCount: t.value.metricCount,
                 isCompare: X.isCompare,
@@ -3223,22 +3231,22 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
                 useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
                 customColors: t.value.chartColors
               }) : tt({
-                index: ae,
+                index: le,
                 isCompare: X.isCompare,
                 customColors: t.value.chartColors
               })
             }
           };
         });
-        return x.value ? U.map((X) => X.dataset) : U.map((X) => X.dataset);
+        return x.value ? K.map((X) => X.dataset) : K.map((X) => X.dataset);
       } else
         return [];
-    }), { hiddenDatasetKeys: J, isDatasetHidden: _, toggleDatasetVisibility: E } = Wt(le), z = m(
-      () => le.value.map((V, ne) => ({
+    }), { hiddenDatasetKeys: J, isDatasetHidden: _, toggleDatasetVisibility: E } = Et(ie), z = m(
+      () => ie.value.map((V, ne) => ({
         ...V,
         hidden: _(V, ne)
       }))
-    ), R = St();
+    ), R = kt();
     function P() {
       return R.extractChartSize(o.value, n.tileIndex) || { width: 0, height: 0 };
     }
@@ -3249,24 +3257,24 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     }), we([z], () => {
       Me(() => P());
     }), (V, ne) => {
-      var X, Z, ae, ue, pe, re;
-      const U = ve("FmBarChart");
-      return Y(), he(Ve, null, [
-        ee("div", Ar, [
+      var X, Z, le, ue, me, se;
+      const K = pe("FmBarChart");
+      return Y(), fe(Ve, null, [
+        Q("div", Ar, [
           nt(V.$slots, "menu"),
-          ee("div", {
-            class: De(["chart-layout", {
+          Q("div", {
+            class: Ie(["chart-layout", {
               "chart-layout--side": w.value && (r(B).display ?? !1) && M.value
             }])
           }, [
-            w.value && (r(B).display ?? !1) && W.value ? (Y(), ye(ze, {
+            w.value && (r(B).display ?? !1) && W.value ? (Y(), ge(ze, {
               key: 0,
               "chart-ref": o.value,
               enabled: r(B).display ?? !1,
               position: u.value,
               "max-width": r(B).maxWidth,
               "text-color": (X = r(B).labels) == null ? void 0 : X.color,
-              "font-size": (ae = (Z = r(B).labels) == null ? void 0 : Z.font) == null ? void 0 : ae.size,
+              "font-size": (le = (Z = r(B).labels) == null ? void 0 : Z.font) == null ? void 0 : le.size,
               "legend-update-key": z.value,
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3276,37 +3284,37 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(J),
               onToggleDatasetVisibility: r(E)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            me(U, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0),
+            he(K, {
               ref_key: "chartRef",
               ref: o,
               class: "bar-chart",
               datasets: z.value,
               "x-axis": { categories: $.value },
-              "x-cfg": K.value,
-              "y-cfg": te.value,
-              transpose: r(L),
+              "x-cfg": q.value,
+              "y-cfg": ee.value,
+              transpose: r(T),
               stacked: A.value,
               legend: {
                 display: !1
               },
-              tooltip: T.value,
-              plugins: [r(k)],
+              tooltip: k.value,
+              plugins: [r(L)],
               datalabels: r(y),
               "maintain-aspect-ratio": !1,
-              style: Le({
+              style: De({
                 "--chart-width": w.value && (r(B).display ?? !1) && M.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(v) !== void 0 ? r(v) + "px" : "100%",
                 "--chart-height": w.value && (r(B).display ?? !1) && !M.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
-            w.value && (r(B).display ?? !1) && !W.value ? (Y(), ye(ze, {
+            w.value && (r(B).display ?? !1) && !W.value ? (Y(), ge(ze, {
               key: 1,
               "chart-ref": o.value,
               enabled: r(B).display ?? !1,
               position: u.value,
               "max-width": r(B).maxWidth,
               "text-color": (ue = r(B).labels) == null ? void 0 : ue.color,
-              "font-size": (re = (pe = r(B).labels) == null ? void 0 : pe.font) == null ? void 0 : re.size,
+              "font-size": (se = (me = r(B).labels) == null ? void 0 : me.font) == null ? void 0 : se.size,
               "legend-update-key": z.value,
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3316,10 +3324,10 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(J),
               onToggleDatasetVisibility: r(E)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0)
           ], 2)
         ]),
-        me($t, {
+        he(Ht, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
@@ -3331,7 +3339,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   }
 }), zr = { class: "widget-content" }, Nr = /* @__PURE__ */ Ne({
   __name: "WidgetClusteredStackBarchart",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3339,118 +3347,118 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = Oe(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
+    const n = e, t = Ee(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
       isTooltipDetailsSheetOpen: i,
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
-    } = Ht(o, {
+    } = Wt(o, {
       maxTooltipItems: s
     }), $ = m(() => {
-      var U;
-      return ((U = t.value.data) == null ? void 0 : U.xAxis) || [];
+      var K;
+      return ((K = t.value.data) == null ? void 0 : K.xAxis) || [];
     }), F = m(() => {
-      var U;
-      return ((U = t.value.data) == null ? void 0 : U.datasets) ?? [];
-    }), { datalabels: y, xCfg: g, yCfg: I, isTransposed: L, legend: B, chartWidth: v, chartHeight: f } = Tt(
+      var K;
+      return ((K = t.value.data) == null ? void 0 : K.datasets) ?? [];
+    }), { datalabels: y, xCfg: g, yCfg: I, isTransposed: T, legend: B, chartWidth: v, chartHeight: f } = Dt(
       t.value
-    ), T = m(
-      () => kt(t.value.isTransposed === !0, h.value)
-    ), k = Vt("bar"), x = m(() => t.value.stackBarOverlap === !0), A = m(() => x.value === !1), w = m(() => {
-      const U = B.value.position;
-      return !U || U === "top" || U === "bottom" || U === "left" || U === "right";
+    ), k = m(
+      () => Lt(t.value.isTransposed === !0, h.value)
+    ), L = $t("bar"), x = m(() => t.value.stackBarOverlap === !0), A = m(() => x.value === !1), w = m(() => {
+      const K = B.value.position;
+      return !K || K === "top" || K === "bottom" || K === "left" || K === "right";
     }), u = m(() => B.value.position ?? "top"), M = m(
       () => u.value === "left" || u.value === "right"
     ), W = m(
       () => u.value === "top" || u.value === "left"
-    ), K = m(() => ({
+    ), q = m(() => ({
       ...g.value,
       stacked: A.value
-    })), te = m(() => ({
+    })), ee = m(() => ({
       ...I.value,
       stacked: A.value
     }));
-    function G(U) {
-      const X = " - ", Z = U.lastIndexOf(X);
+    function G(K) {
+      const X = " - ", Z = K.lastIndexOf(X);
       return Z < 0 ? {
-        clusterKey: U,
-        metricLabel: U
+        clusterKey: K,
+        metricLabel: K
       } : {
-        clusterKey: U.slice(0, Z),
-        metricLabel: U.slice(Z + X.length)
+        clusterKey: K.slice(0, Z),
+        metricLabel: K.slice(Z + X.length)
       };
     }
-    function le(U, X) {
-      if (typeof U == "string") {
-        const Z = U.trim();
+    function ie(K, X) {
+      if (typeof K == "string") {
+        const Z = K.trim();
         if (Z.length > 0)
           return Z;
       }
       return `Series ${X + 1}`;
     }
     function J({
-      datasetIndex: U,
+      datasetIndex: K,
       colorIndex: X
     }) {
-      var pe;
-      const Z = t.value.chartColorBinding === Se.metric ? X : U, ae = (pe = t.value.chartColorLayers) == null ? void 0 : pe[Z], ue = Number(ae);
+      var me;
+      const Z = t.value.chartColorBinding === _e.metric ? X : K, le = (me = t.value.chartColorLayers) == null ? void 0 : me[Z], ue = Number(le);
       return Number.isInteger(ue) && ue > 0 ? ue : Z + 1;
     }
     const _ = m(() => {
       if (F.value.length === 0)
         return [];
-      const U = F.value.map((re, ce) => ({
-        source: re,
+      const K = F.value.map((se, ce) => ({
+        source: se,
         index: ce,
-        name: le(re == null ? void 0 : re.name, ce),
-        values: (re == null ? void 0 : re.values) ?? []
+        name: ie(se == null ? void 0 : se.name, ce),
+        values: (se == null ? void 0 : se.values) ?? []
       })), X = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Map();
-      for (const re of U) {
-        const { clusterKey: ce, metricLabel: xe } = G(re.name);
+      for (const se of K) {
+        const { clusterKey: ce, metricLabel: xe } = G(se.name);
         Z.has(ce) || Z.set(ce, Z.size), X.has(xe) || X.set(xe, X.size);
       }
-      const ae = Math.max(X.size, 1), ue = t.value.chartColorBinding === Se.breakdown, pe = t.value.chartUseSecondaryMetricShades !== !1;
-      return U.map((re) => {
+      const le = Math.max(X.size, 1), ue = t.value.chartColorBinding === _e.breakdown, me = t.value.chartUseSecondaryMetricShades !== !1;
+      return K.map((se) => {
         const ce = Fe({
-          datasetIndex: re.index,
-          isCompare: re.source.isCompare,
+          datasetIndex: se.index,
+          isCompare: se.source.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), { clusterKey: xe, metricLabel: Be } = G(re.name), He = Z.get(xe) ?? 0, We = X.get(Be) ?? 0, Ge = ue ? _t({
+        }), { clusterKey: xe, metricLabel: Be } = G(se.name), He = Z.get(xe) ?? 0, We = X.get(Be) ?? 0, Ye = ue ? Tt({
           breakdownIndex: He,
           metricIndex: We,
-          metricCount: ae,
-          isCompare: re.source.isCompare,
+          metricCount: le,
+          isCompare: se.source.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
-          useSecondaryMetricShades: pe,
+          useSecondaryMetricShades: me,
           colorMode: "clustered"
         }) : tt({
           index: ce,
-          isCompare: re.source.isCompare,
+          isCompare: se.source.isCompare,
           customColors: t.value.chartColors
-        }), ut = J({
-          datasetIndex: re.index,
+        }), ct = J({
+          datasetIndex: se.index,
           colorIndex: ce
-        }), ot = re.values.map((je) => je === null ? NaN : Number(je));
+        }), ot = se.values.map((Ge) => Ge === null ? NaN : Number(Ge));
         return {
-          label: re.name,
+          label: se.name,
           tooltipLabel: `${xe} - ${Be}`,
           data: ot,
-          dash: !!re.source.isCompare,
+          dash: !!se.source.isCompare,
           grouped: !0,
-          order: x.value ? ut : void 0,
-          stack: re.source.isCompare ? `${xe}__compare` : `${xe}__main`,
-          backgroundColor: Ge
+          order: x.value ? ct : void 0,
+          stack: se.source.isCompare ? `${xe}__compare` : `${xe}__main`,
+          backgroundColor: Ye
         };
       });
-    }), { hiddenDatasetKeys: E, isDatasetHidden: z, toggleDatasetVisibility: R } = Wt(_), P = m(
-      () => _.value.map((U, X) => ({
-        ...U,
-        hidden: z(U, X)
+    }), { hiddenDatasetKeys: E, isDatasetHidden: z, toggleDatasetVisibility: R } = Et(_), P = m(
+      () => _.value.map((K, X) => ({
+        ...K,
+        hidden: z(K, X)
       }))
-    ), V = St();
+    ), V = kt();
     function ne() {
       return V.extractChartSize(o.value, n.tileIndex) || { width: 0, height: 0 };
     }
@@ -3460,25 +3468,25 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       });
     }), we([P], () => {
       Me(() => ne());
-    }), (U, X) => {
-      var ae, ue, pe, re, ce, xe;
-      const Z = ve("FmBarChart");
-      return Y(), he(Ve, null, [
-        ee("div", zr, [
-          nt(U.$slots, "menu"),
-          ee("div", {
-            class: De(["chart-layout", {
+    }), (K, X) => {
+      var le, ue, me, se, ce, xe;
+      const Z = pe("FmBarChart");
+      return Y(), fe(Ve, null, [
+        Q("div", zr, [
+          nt(K.$slots, "menu"),
+          Q("div", {
+            class: Ie(["chart-layout", {
               "chart-layout--side": w.value && (r(B).display ?? !1) && M.value
             }])
           }, [
-            w.value && (r(B).display ?? !1) && W.value ? (Y(), ye(ze, {
+            w.value && (r(B).display ?? !1) && W.value ? (Y(), ge(ze, {
               key: 0,
               "chart-ref": o.value,
               enabled: r(B).display ?? !1,
               position: u.value,
               "max-width": r(B).maxWidth,
-              "text-color": (ae = r(B).labels) == null ? void 0 : ae.color,
-              "font-size": (pe = (ue = r(B).labels) == null ? void 0 : ue.font) == null ? void 0 : pe.size,
+              "text-color": (le = r(B).labels) == null ? void 0 : le.color,
+              "font-size": (me = (ue = r(B).labels) == null ? void 0 : ue.font) == null ? void 0 : me.size,
               "legend-update-key": P.value,
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3488,36 +3496,36 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(E),
               onToggleDatasetVisibility: r(R)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            me(Z, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0),
+            he(Z, {
               ref_key: "chartRef",
               ref: o,
               class: "bar-chart",
               datasets: P.value,
               "x-axis": { categories: $.value },
-              "x-cfg": K.value,
-              "y-cfg": te.value,
-              transpose: r(L),
+              "x-cfg": q.value,
+              "y-cfg": ee.value,
+              transpose: r(T),
               stacked: A.value,
               legend: {
                 display: !1
               },
-              tooltip: T.value,
-              plugins: [r(k)],
+              tooltip: k.value,
+              plugins: [r(L)],
               datalabels: r(y),
               "maintain-aspect-ratio": !1,
-              style: Le({
+              style: De({
                 "--chart-width": w.value && (r(B).display ?? !1) && M.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(v) !== void 0 ? r(v) + "px" : "100%",
                 "--chart-height": w.value && (r(B).display ?? !1) && !M.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
-            w.value && (r(B).display ?? !1) && !W.value ? (Y(), ye(ze, {
+            w.value && (r(B).display ?? !1) && !W.value ? (Y(), ge(ze, {
               key: 1,
               "chart-ref": o.value,
               enabled: r(B).display ?? !1,
               position: u.value,
               "max-width": r(B).maxWidth,
-              "text-color": (re = r(B).labels) == null ? void 0 : re.color,
+              "text-color": (se = r(B).labels) == null ? void 0 : se.color,
               "font-size": (xe = (ce = r(B).labels) == null ? void 0 : ce.font) == null ? void 0 : xe.size,
               "legend-update-key": P.value,
               "use-point-style": t.value.usePointStyle ?? !0,
@@ -3528,10 +3536,10 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(E),
               onToggleDatasetVisibility: r(R)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0)
           ], 2)
         ]),
-        me($t, {
+        he(Ht, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
@@ -3560,7 +3568,7 @@ function vo(e = "report-line-style-plugin") {
 }
 const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
   __name: "WidgetStackLineChart",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3568,14 +3576,14 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = Oe(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
+    const n = e, t = Ee(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
       isTooltipDetailsSheetOpen: i,
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
-    } = Ht(o, {
+    } = Wt(o, {
       maxTooltipItems: s
     }), $ = m(() => {
       var R;
@@ -3585,23 +3593,23 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
     ), y = m(() => F.value ? ["", $.value[0], ""] : $.value), g = m(() => {
       var R;
       return ((R = t.value.data) == null ? void 0 : R.datasets) ?? [];
-    }), { datalabels: I, xCfg: L, yCfg: B, isTransposed: v, legend: f, chartWidth: T, chartHeight: k } = Tt(
+    }), { datalabels: I, xCfg: T, yCfg: B, isTransposed: v, legend: f, chartWidth: k, chartHeight: L } = Dt(
       t.value
     ), x = m(
-      () => kt(t.value.isTransposed === !0, h.value)
-    ), A = Vt("line"), w = vo("report-line-style-plugin-stack-line"), u = m(() => {
+      () => Lt(t.value.isTransposed === !0, h.value)
+    ), A = $t("line"), w = vo("report-line-style-plugin-stack-line"), u = m(() => {
       const R = f.value.position;
       return !R || R === "top" || R === "bottom" || R === "left" || R === "right";
     }), M = m(() => f.value.position ?? "top"), W = m(
       () => M.value === "left" || M.value === "right"
-    ), K = m(
+    ), q = m(
       () => M.value === "top" || M.value === "left"
-    ), te = m(() => g.value.length > 0 ? [
+    ), ee = m(() => g.value.length > 0 ? [
       ...g.value.map((R, P) => {
         var ce;
         let V = R.values;
         F.value && (V = [NaN, V[0], NaN]);
-        const ne = V.map((xe) => xe === null ? NaN : Number(xe)), U = Fe({
+        const ne = V.map((xe) => xe === null ? NaN : Number(xe)), K = Fe({
           datasetIndex: P,
           isCompare: R.isCompare,
           metricCount: t.value.metricCount,
@@ -3610,17 +3618,17 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
           datasetIndex: P,
           isCompare: R.isCompare,
           metricCount: t.value.metricCount,
-          mode: Se.metric
+          mode: _e.metric
         }), Z = Fe({
           datasetIndex: P,
           isCompare: R.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), ae = (ce = t.value.lineStyles) == null ? void 0 : ce[Z], ue = t.value.chartColorBinding === Se.breakdown, pe = Ct({
+        }), le = (ce = t.value.lineStyles) == null ? void 0 : ce[Z], ue = t.value.chartColorBinding === _e.breakdown, me = wt({
           fallbackIndex: P,
           metricCount: t.value.metricCount
-        }), re = ue ? _t({
-          breakdownIndex: pe,
+        }), se = ue ? Tt({
+          breakdownIndex: me,
           metricIndex: X,
           metricCount: t.value.metricCount,
           isCompare: R.isCompare,
@@ -3628,7 +3636,7 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : tt({
-          index: U,
+          index: K,
           isCompare: R.isCompare,
           customColors: t.value.chartColors
         });
@@ -3636,22 +3644,22 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
           label: R.name,
           data: ne,
           dash: R.isCompare,
-          lineStyle: ae,
+          lineStyle: le,
           fill: !0,
-          color: re,
+          color: se,
           pointRadius: F.value ? 4 : void 0,
           pointHoverRadius: F.value ? 6 : void 0,
-          pointBackgroundColor: F.value ? re : void 0,
-          pointBorderColor: F.value ? re : void 0,
+          pointBackgroundColor: F.value ? se : void 0,
+          pointBorderColor: F.value ? se : void 0,
           pointBorderWidth: F.value ? 2 : void 0
         };
       })
-    ] : []), { hiddenDatasetKeys: G, isDatasetHidden: le, toggleDatasetVisibility: J } = Wt(te), _ = m(
-      () => te.value.map((R, P) => ({
+    ] : []), { hiddenDatasetKeys: G, isDatasetHidden: ie, toggleDatasetVisibility: J } = Et(ee), _ = m(
+      () => ee.value.map((R, P) => ({
         ...R,
-        hidden: le(R, P)
+        hidden: ie(R, P)
       }))
-    ), E = St();
+    ), E = kt();
     function z() {
       return E.extractChartSize(o.value, n.tileIndex) || { width: 0, height: 0 };
     }
@@ -3662,24 +3670,24 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
     }), we([_], () => {
       Me(() => z());
     }), (R, P) => {
-      var ne, U, X, Z, ae, ue;
-      const V = ve("FmLineChart");
-      return Y(), he(Ve, null, [
-        ee("div", $r, [
+      var ne, K, X, Z, le, ue;
+      const V = pe("FmLineChart");
+      return Y(), fe(Ve, null, [
+        Q("div", $r, [
           nt(R.$slots, "menu"),
-          ee("div", {
-            class: De(["chart-layout", {
+          Q("div", {
+            class: Ie(["chart-layout", {
               "chart-layout--side": u.value && (r(f).display ?? !1) && W.value
             }])
           }, [
-            u.value && (r(f).display ?? !1) && K.value ? (Y(), ye(ze, {
+            u.value && (r(f).display ?? !1) && q.value ? (Y(), ge(ze, {
               key: 0,
               "chart-ref": o.value,
               enabled: r(f).display ?? !1,
               position: M.value,
               "max-width": r(f).maxWidth,
               "text-color": (ne = r(f).labels) == null ? void 0 : ne.color,
-              "font-size": (X = (U = r(f).labels) == null ? void 0 : U.font) == null ? void 0 : X.size,
+              "font-size": (X = (K = r(f).labels) == null ? void 0 : K.font) == null ? void 0 : X.size,
               "legend-update-key": _.value,
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3689,14 +3697,14 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(G),
               onToggleDatasetVisibility: r(J)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            me(V, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0),
+            he(V, {
               ref_key: "chartRef",
               ref: o,
               class: "line-chart",
               datasets: _.value,
               "x-axis": { categories: y.value },
-              "x-cfg": r(L),
+              "x-cfg": r(T),
               "y-cfg": r(B),
               transpose: r(v),
               legend: {
@@ -3707,19 +3715,19 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
               stacked: !0,
               datalabels: r(I),
               "maintain-aspect-ratio": !1,
-              style: Le({
-                "--chart-width": u.value && (r(f).display ?? !1) && W.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(T) !== void 0 ? r(T) + "px" : "100%",
-                "--chart-height": u.value && (r(f).display ?? !1) && !W.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%"
+              style: De({
+                "--chart-width": u.value && (r(f).display ?? !1) && W.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%",
+                "--chart-height": u.value && (r(f).display ?? !1) && !W.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(L) !== void 0 ? r(L) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "plugins", "datalabels", "style"]),
-            u.value && (r(f).display ?? !1) && !K.value ? (Y(), ye(ze, {
+            u.value && (r(f).display ?? !1) && !q.value ? (Y(), ge(ze, {
               key: 1,
               "chart-ref": o.value,
               enabled: r(f).display ?? !1,
               position: M.value,
               "max-width": r(f).maxWidth,
               "text-color": (Z = r(f).labels) == null ? void 0 : Z.color,
-              "font-size": (ue = (ae = r(f).labels) == null ? void 0 : ae.font) == null ? void 0 : ue.size,
+              "font-size": (ue = (le = r(f).labels) == null ? void 0 : le.font) == null ? void 0 : ue.size,
               "legend-update-key": _.value,
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3729,10 +3737,10 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(G),
               onToggleDatasetVisibility: r(J)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : be("", !0)
           ], 2)
         ]),
-        me($t, {
+        he(Ht, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
@@ -3742,7 +3750,7 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
       ], 64);
     };
   }
-}), wt = [
+}), _t = [
   "col-span-1",
   "col-span-2",
   "col-span-3",
@@ -3757,17 +3765,17 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
   "col-span-12"
 ];
 function Wr(e) {
-  return e < 12 ? wt[e - 1] : wt[11];
+  return e < 12 ? _t[e - 1] : _t[11];
 }
 function Er(e) {
-  return e < 12 ? wt[Math.min(11, e * 2 - 1)] : wt[11];
+  return e < 12 ? _t[Math.min(11, e * 2 - 1)] : _t[11];
 }
 function Or(e) {
-  return e < 12 ? wt[Math.min(11, e * 3 - 1)] : wt[11];
+  return e < 12 ? _t[Math.min(11, e * 3 - 1)] : _t[11];
 }
 const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
   __name: "WidgetLinechart",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     tileIndex: {}
   }, {
     modelValue: { required: !0 },
@@ -3775,14 +3783,14 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = Oe(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
+    const n = e, t = Ee(e, "modelValue"), o = D(null), s = m(() => t.value.maxTooltipItems), {
       isTooltipDetailsSheetOpen: i,
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
       handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
-    } = Ht(o, {
+    } = Wt(o, {
       maxTooltipItems: s
     }), $ = m(() => {
       var P;
@@ -3792,16 +3800,16 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
       return ((P = t.value.data) == null ? void 0 : P.xAxis) ?? [];
     }), y = m(() => F.value.length === 1 && $.value.length > 1 && $.value.every((P) => P.values.length === 1 && P.isCompare !== !0)), g = m(
       () => F.value.length === 1 && $.value.length > 0 && $.value.every((P) => P.values.length === 1)
-    ), I = m(() => y.value ? $.value.map((P) => P.name) : g.value ? ["", F.value[0], ""] : F.value), { datalabels: L, xCfg: B, yCfg: v, isTransposed: f, legend: T, chartWidth: k, chartHeight: x } = Tt(
+    ), I = m(() => y.value ? $.value.map((P) => P.name) : g.value ? ["", F.value[0], ""] : F.value), { datalabels: T, xCfg: B, yCfg: v, isTransposed: f, legend: k, chartWidth: L, chartHeight: x } = Dt(
       t.value
     ), A = m(
-      () => kt(t.value.isTransposed === !0, h.value)
-    ), w = Vt("line"), u = vo("report-line-style-plugin-line"), M = m(() => {
-      const P = T.value.position;
+      () => Lt(t.value.isTransposed === !0, h.value)
+    ), w = $t("line"), u = vo("report-line-style-plugin-line"), M = m(() => {
+      const P = k.value.position;
       return !P || P === "top" || P === "bottom" || P === "left" || P === "right";
-    }), W = m(() => T.value.position ?? "top"), K = m(
+    }), W = m(() => k.value.position ?? "top"), q = m(
       () => W.value === "left" || W.value === "right"
-    ), te = m(
+    ), ee = m(
       () => W.value === "top" || W.value === "left"
     ), G = m(() => $.value.length > 0 ? [
       ...$.value.map((P, V) => {
@@ -3811,32 +3819,32 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
           isCompare: P.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), U = Fe({
+        }), K = Fe({
           datasetIndex: V,
           isCompare: P.isCompare,
           metricCount: t.value.metricCount,
-          mode: Se.metric
+          mode: _e.metric
         }), X = tt({
           index: ne,
           isCompare: P.isCompare,
           customColors: t.value.chartColors
-        }), Z = t.value.chartColorBinding === Se.breakdown, ae = Ct({
+        }), Z = t.value.chartColorBinding === _e.breakdown, le = wt({
           fallbackIndex: V,
           metricCount: t.value.metricCount
-        }), ue = Z ? _t({
-          breakdownIndex: ae,
-          metricIndex: U,
+        }), ue = Z ? Tt({
+          breakdownIndex: le,
+          metricIndex: K,
           metricCount: t.value.metricCount,
           isCompare: P.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : X;
-        let pe = P.values;
-        y.value ? pe = $.value.map(
-          (We, Ge) => Ge === V ? P.values[0] : NaN
-        ) : g.value && (pe = [NaN, pe[0], NaN]);
-        const re = pe.map((We) => We === null ? NaN : Number(We)), ce = g.value || y.value, xe = Fe({
+        let me = P.values;
+        y.value ? me = $.value.map(
+          (We, Ye) => Ye === V ? P.values[0] : NaN
+        ) : g.value && (me = [NaN, me[0], NaN]);
+        const se = me.map((We) => We === null ? NaN : Number(We)), ce = g.value || y.value, xe = Fe({
           datasetIndex: V,
           isCompare: P.isCompare,
           metricCount: t.value.metricCount,
@@ -3844,7 +3852,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
         }), Be = (He = t.value.lineStyles) == null ? void 0 : He[xe];
         return {
           label: P.name,
-          data: re,
+          data: se,
           dash: !!P.isCompare,
           lineStyle: Be,
           fill: !1,
@@ -3856,12 +3864,12 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
           pointBorderWidth: ce ? 2 : void 0
         };
       })
-    ] : []), { hiddenDatasetKeys: le, isDatasetHidden: J, toggleDatasetVisibility: _ } = Wt(G), E = m(
+    ] : []), { hiddenDatasetKeys: ie, isDatasetHidden: J, toggleDatasetVisibility: _ } = Et(G), E = m(
       () => G.value.map((P, V) => ({
         ...P,
         hidden: J(P, V)
       }))
-    ), z = St();
+    ), z = kt();
     function R() {
       return z.extractChartSize(o.value, n.tileIndex) || { width: 0, height: 0 };
     }
@@ -3872,35 +3880,35 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
     }), we([E], () => {
       Me(() => R());
     }), (P, V) => {
-      var U, X, Z, ae, ue, pe;
-      const ne = ve("FmLineChart");
-      return Y(), he(Ve, null, [
-        ee("div", Ur, [
+      var K, X, Z, le, ue, me;
+      const ne = pe("FmLineChart");
+      return Y(), fe(Ve, null, [
+        Q("div", Ur, [
           nt(P.$slots, "menu"),
-          ee("div", {
-            class: De(["chart-layout", {
-              "chart-layout--side": M.value && (r(T).display ?? !1) && K.value
+          Q("div", {
+            class: Ie(["chart-layout", {
+              "chart-layout--side": M.value && (r(k).display ?? !1) && q.value
             }])
           }, [
-            M.value && (r(T).display ?? !1) && te.value ? (Y(), ye(ze, {
+            M.value && (r(k).display ?? !1) && ee.value ? (Y(), ge(ze, {
               key: 0,
               "chart-ref": o.value,
-              enabled: r(T).display ?? !1,
+              enabled: r(k).display ?? !1,
               position: W.value,
-              "max-width": r(T).maxWidth,
-              "text-color": (U = r(T).labels) == null ? void 0 : U.color,
-              "font-size": (Z = (X = r(T).labels) == null ? void 0 : X.font) == null ? void 0 : Z.size,
+              "max-width": r(k).maxWidth,
+              "text-color": (K = r(k).labels) == null ? void 0 : K.color,
+              "font-size": (Z = (X = r(k).labels) == null ? void 0 : X.font) == null ? void 0 : Z.size,
               "legend-update-key": E.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": r(le),
+              "hidden-dataset-keys": r(ie),
               "use-point-style": t.value.usePointStyle ?? !0,
               onToggleDatasetVisibility: r(_)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : Ce("", !0),
-            me(ne, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : be("", !0),
+            he(ne, {
               ref_key: "chartRef",
               ref: o,
               class: "line-chart",
@@ -3913,35 +3921,35 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
                 display: !1
               },
               tooltip: A.value,
-              datalabels: r(L),
+              datalabels: r(T),
               plugins: [r(w), r(u)],
               "maintain-aspect-ratio": !1,
-              style: Le({
-                "--chart-width": M.value && (r(T).display ?? !1) && K.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%",
-                "--chart-height": M.value && (r(T).display ?? !1) && !K.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(x) !== void 0 ? r(x) + "px" : "100%"
+              style: De({
+                "--chart-width": M.value && (r(k).display ?? !1) && q.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(L) !== void 0 ? r(L) + "px" : "100%",
+                "--chart-height": M.value && (r(k).display ?? !1) && !q.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(x) !== void 0 ? r(x) + "px" : "100%"
               })
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
-            M.value && (r(T).display ?? !1) && !te.value ? (Y(), ye(ze, {
+            M.value && (r(k).display ?? !1) && !ee.value ? (Y(), ge(ze, {
               key: 1,
               "chart-ref": o.value,
-              enabled: r(T).display ?? !1,
+              enabled: r(k).display ?? !1,
               position: W.value,
-              "max-width": r(T).maxWidth,
-              "text-color": (ae = r(T).labels) == null ? void 0 : ae.color,
-              "font-size": (pe = (ue = r(T).labels) == null ? void 0 : ue.font) == null ? void 0 : pe.size,
+              "max-width": r(k).maxWidth,
+              "text-color": (le = r(k).labels) == null ? void 0 : le.color,
+              "font-size": (me = (ue = r(k).labels) == null ? void 0 : ue.font) == null ? void 0 : me.size,
               "legend-update-key": E.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": r(le),
+              "hidden-dataset-keys": r(ie),
               "use-point-style": t.value.usePointStyle ?? !0,
               onToggleDatasetVisibility: r(_)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : be("", !0)
           ], 2)
         ]),
-        me($t, {
+        he(Ht, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
@@ -3953,7 +3961,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
   }
 }), qr = { class: "flex flex-col gap-16" }, Xr = { class: "flex flex-row" }, Yr = /* @__PURE__ */ Ne({
   __name: "PdfOrientationDialog",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     reportType: {},
     index: {}
   }, {
@@ -3962,7 +3970,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = it(), { FmForm: t } = Xo, o = e, s = D(), i = Oe(e, "modelValue"), l = D(!0), h = D(!1), c = kn(), { selectedLocationIds: C, dateRange: N, timeRange: $ } = st(nn()), F = D(cn.PORTRAIT);
+    const { t: n } = ut(), { FmForm: t } = Xo, o = e, s = D(), i = Ee(e, "modelValue"), l = D(!0), h = D(!1), c = Tn(), { selectedLocationIds: C, dateRange: N, timeRange: $ } = it(on()), F = D(dn.PORTRAIT);
     function y() {
       var I;
       (I = s.value) == null || I.validateInputs();
@@ -3985,51 +3993,51 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
         h.value = !1;
       }
     }
-    return (I, L) => {
-      const B = ve("FmRadio"), v = ve("FmRadioGroup"), f = ve("FmButton"), T = ve("FmDialog");
-      return Y(), ye(T, {
+    return (I, T) => {
+      const B = pe("FmRadio"), v = pe("FmRadioGroup"), f = pe("FmButton"), k = pe("FmDialog");
+      return Y(), ge(k, {
         modelValue: i.value,
-        "onUpdate:modelValue": L[2] || (L[2] = (k) => i.value = k),
+        "onUpdate:modelValue": T[2] || (T[2] = (L) => i.value = L),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": Te(() => L[3] || (L[3] = [
+        "dialog-header": Le(() => T[3] || (T[3] = [
           Fo("Select Orientation")
         ])),
-        default: Te(() => [
-          me(r(t), {
+        default: Le(() => [
+          he(r(t), {
             ref_key: "form",
             ref: s,
             onValidationSuccess: g
           }, {
-            default: Te(() => [
-              ee("div", qr, [
-                me(v, {
+            default: Le(() => [
+              Q("div", qr, [
+                he(v, {
                   modelValue: F.value,
-                  "onUpdate:modelValue": L[0] || (L[0] = (k) => F.value = k)
+                  "onUpdate:modelValue": T[0] || (T[0] = (L) => F.value = L)
                 }, {
-                  default: Te(() => [
-                    me(B, {
-                      value: r(cn).PORTRAIT,
+                  default: Le(() => [
+                    he(B, {
+                      value: r(dn).PORTRAIT,
                       label: r(n)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    me(B, {
-                      value: r(cn).LANDSCAPE,
+                    he(B, {
+                      value: r(dn).LANDSCAPE,
                       label: r(n)("report.common.landscape")
                     }, null, 8, ["value", "label"])
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              ee("div", Xr, [
-                L[4] || (L[4] = ee("div", { class: "grow" }, null, -1)),
-                me(f, {
+              Q("div", Xr, [
+                T[4] || (T[4] = Q("div", { class: "grow" }, null, -1)),
+                he(f, {
                   label: r(n)("report.common.cancel"),
                   variant: "tertiary",
-                  onClick: L[1] || (L[1] = (k) => i.value = !1)
+                  onClick: T[1] || (T[1] = (L) => i.value = !1)
                 }, null, 8, ["label"]),
-                ee("div", null, [
-                  me(f, {
+                Q("div", null, [
+                  he(f, {
                     label: r(n)("report.common.download"),
                     loading: h.value,
                     onClick: y
@@ -4046,7 +4054,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
   }
 });
 function Gr(e) {
-  const { breakpoints: n } = an(), { containerRef: t, isTable: o = D(!0) } = e;
+  const { breakpoints: n } = rn(), { containerRef: t, isTable: o = D(!0) } = e;
   let s = D(1), i = null, l = null, h = null, c = null, C = null, N = null;
   function $() {
     return t.value ? t.value.querySelector("table") : null;
@@ -4071,7 +4079,7 @@ function Gr(e) {
     return x;
   }
   function y() {
-    if (T(), !o.value || !t.value || (l = $(), !l) || (h = l.querySelector("thead"), !h)) return;
+    if (k(), !o.value || !t.value || (l = $(), !l) || (h = l.querySelector("thead"), !h)) return;
     i = document.createElement("div"), i.className = "sticky-header-clone", i.style.cssText = `
       position: fixed;
       top: ${s.value}px;
@@ -4091,19 +4099,19 @@ function Gr(e) {
       pointer-events: auto;
     `;
     const A = h.cloneNode(!0);
-    A.style.cssText = "pointer-events: auto;", g(h, A), x.appendChild(A), i.appendChild(x), document.body.appendChild(i), B(), v(), f(), L();
+    A.style.cssText = "pointer-events: auto;", g(h, A), x.appendChild(A), i.appendChild(x), document.body.appendChild(i), B(), v(), f(), T();
   }
   function g(x, A) {
     const w = x.querySelectorAll("th, td"), u = A.querySelectorAll("th, td");
     w.forEach((M, W) => {
-      const K = u[W];
-      if (!K) return;
-      const te = M, G = window.getComputedStyle(te);
-      Object.assign(K.style, {
-        width: `${te.offsetWidth}px`,
-        minWidth: `${te.offsetWidth}px`,
-        maxWidth: `${te.offsetWidth}px`,
-        height: `${te.offsetHeight}px`,
+      const q = u[W];
+      if (!q) return;
+      const ee = M, G = window.getComputedStyle(ee);
+      Object.assign(q.style, {
+        width: `${ee.offsetWidth}px`,
+        minWidth: `${ee.offsetWidth}px`,
+        maxWidth: `${ee.offsetWidth}px`,
+        height: `${ee.offsetHeight}px`,
         padding: G.padding,
         backgroundColor: G.backgroundColor,
         borderBottom: G.borderBottom,
@@ -4114,12 +4122,12 @@ function Gr(e) {
         boxSizing: "border-box",
         cursor: G.cursor || "pointer",
         pointerEvents: "auto"
-      }), K.onclick = (le) => {
-        le.preventDefault(), le.stopPropagation();
-        const J = te.querySelector(
+      }), q.onclick = (ie) => {
+        ie.preventDefault(), ie.stopPropagation();
+        const J = ee.querySelector(
           "button, a, [role='button']"
         );
-        J ? J.click() : te.click();
+        J ? J.click() : ee.click();
       };
     });
   }
@@ -4140,7 +4148,7 @@ function Gr(e) {
     }
     return s.value;
   }
-  function L() {
+  function T() {
     if (!i || !l || !h || !t.value) return;
     const x = t.value.getBoundingClientRect(), A = l.getBoundingClientRect(), w = h.getBoundingClientRect(), u = I();
     if (!(A.top <= u && A.bottom >= u + w.height)) {
@@ -4148,7 +4156,7 @@ function Gr(e) {
       return;
     }
     i.style.visibility = "visible", i.style.top = `${u}px`;
-    const W = window.getComputedStyle(t.value), K = parseFloat(W.paddingLeft) || 0, te = parseFloat(W.paddingRight) || 0, G = x.left + K, le = x.right - te, J = Math.max(G, x.left), _ = Math.min(le, x.right), E = Math.max(0, _ - J);
+    const W = window.getComputedStyle(t.value), q = parseFloat(W.paddingLeft) || 0, ee = parseFloat(W.paddingRight) || 0, G = x.left + q, ie = x.right - ee, J = Math.max(G, x.left), _ = Math.min(ie, x.right), E = Math.max(0, _ - J);
     if (E <= 0) {
       i.style.visibility = "hidden";
       return;
@@ -4159,7 +4167,7 @@ function Gr(e) {
   }
   function B() {
     var A;
-    C = () => requestAnimationFrame(L), window.addEventListener("scroll", C, { passive: !0 }), F().forEach((w) => {
+    C = () => requestAnimationFrame(T), window.addEventListener("scroll", C, { passive: !0 }), F().forEach((w) => {
       C && w.addEventListener("scroll", C, { passive: !0 });
     });
     let x = (A = t.value) == null ? void 0 : A.parentElement;
@@ -4174,15 +4182,15 @@ function Gr(e) {
         const A = i.querySelector("table");
         A && l && (A.style.width = `${l.offsetWidth}px`);
       }
-      L();
+      T();
     }), t.value && c.observe(t.value), l && c.observe(l);
   }
   function f() {
     if (!h) return;
-    const x = hn(() => y(), 100), A = () => {
+    const x = mn(() => y(), 100), A = () => {
       if (h && i) {
         const w = i.querySelector("thead");
-        w && g(h, w), L();
+        w && g(h, w), T();
       }
     };
     N = new MutationObserver((w) => {
@@ -4194,7 +4202,7 @@ function Gr(e) {
       characterData: !0
     });
   }
-  function T() {
+  function k() {
     var x;
     if (i && (i.remove(), i = null), C) {
       window.removeEventListener("scroll", C), F().forEach((w) => {
@@ -4207,20 +4215,20 @@ function Gr(e) {
     }
     c && (c.disconnect(), c = null), N && (N.disconnect(), N = null), l = null, h = null;
   }
-  function k() {
+  function L() {
     y();
   }
   return we(o, (x) => {
-    x ? y() : T();
+    x ? y() : k();
   }), we(s, () => {
-    i && (i.style.top = `${s.value}px`, L());
+    i && (i.style.top = `${s.value}px`, T());
   }), we(t, () => {
     t.value && o.value && setTimeout(y, 100);
   }), $e(() => {
     o.value && setTimeout(y, 100);
   }), to(() => {
-    T();
-  }), { refresh: k, cleanup: T };
+    k();
+  }), { refresh: L, cleanup: k };
 }
 const jr = {
   key: 1,
@@ -4230,7 +4238,7 @@ const jr = {
   class: "flex"
 }, cl = /* @__PURE__ */ Ne({
   __name: "DynamicWidget",
-  props: /* @__PURE__ */ Ye({
+  props: /* @__PURE__ */ Xe({
     index: {
       type: Number,
       default: 0
@@ -4255,46 +4263,46 @@ const jr = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = D(!0), t = Oe(e, "modelValue"), o = t.value.widget.config, { t: s, te: i, locale: l } = it(), h = e, c = D(null), C = m(() => t.value.widget.type === oe.Table), N = m(() => {
+    const n = D(!0), t = Ee(e, "modelValue"), o = t.value.widget.config, { t: s, te: i, locale: l } = ut(), h = e, c = D(null), C = m(() => t.value.widget.type === oe.Table), N = m(() => {
       var S;
       return (S = c.value) == null ? void 0 : S.$el;
     }), { refresh: $ } = Gr({
       containerRef: N,
       isTable: C
-    }), F = D(o.rollup), y = D(At()), g = D(o.drillDimension), I = m(() => {
-      if (Ee.value.length > 0) {
-        const S = Ee.value.findIndex(
-          (ge) => ge.value === g.value
+    }), F = D(o.rollup), y = D(Rt()), g = D(o.drillDimension), I = m(() => {
+      if (ke.value.length > 0) {
+        const S = ke.value.findIndex(
+          (ve) => ve.value === g.value
         );
         return S >= 0 ? S : 0;
       } else
         return -1;
-    }), L = m(() => I.value !== 0), B = m(
-      () => I.value != Ee.value.length - 1
-    ), v = D(o.showTitle ?? !0), f = D(o.titleFontSize ?? 14), T = D(o.titleBold ?? !1), k = D(o.titleItalic ?? !1), x = D(o.titleUnderline ?? !1), A = D(o.chartWidth ?? void 0), w = D(o.chartHeight ?? void 0), u = D(
+    }), T = m(() => I.value !== 0), B = m(
+      () => I.value != ke.value.length - 1
+    ), v = D(o.showTitle ?? !0), f = D(o.titleFontSize ?? 14), k = D(o.titleBold ?? !1), L = D(o.titleItalic ?? !1), x = D(o.titleUnderline ?? !1), A = D(o.chartWidth ?? void 0), w = D(o.chartHeight ?? void 0), u = D(
       Array.isArray(o.chartColors) ? [...o.chartColors] : void 0
     ), M = D(
       Array.isArray(o.chartColorLayers) ? [...o.chartColorLayers] : void 0
     ), W = D(
       Array.isArray(o.chartBreakdownColors) ? [...o.chartBreakdownColors] : void 0
-    ), K = D(o.chartUseSecondaryMetricShades ?? !0), te = D(o.chartColorBinding), G = D(
+    ), q = D(o.chartUseSecondaryMetricShades ?? !0), ee = D(o.chartColorBinding), G = D(
       Array.isArray(o.lineStyles) ? [...o.lineStyles] : void 0
-    ), le = D(o.lineStyleBinding), J = D(o.showLabel ?? !1), _ = D(o.labelAlign ?? gn.center), E = D(o.labelAnchor ?? vn.center), z = D(o.labelRotation ?? 0), R = D(o.labelOffset ?? 0), P = D(o.labelFontSize ?? 12), V = m(() => o.showSearchBar), ne = D(o.showX ?? !0), U = D(o.xPosition ?? yn.bottom), X = D(o.showXGrid ?? !1), Z = D(o.showXTick ?? !0), ae = D(o.xTickFontSize ?? 12), ue = D(o.showXTitle ?? !1), pe = D(o.xTitle ?? ""), re = D(o.xTitleFontSize ?? 12), ce = D(o.showY ?? !0), xe = D(o.yPosition ?? bn.left), Be = D(o.showYGrid ?? !1), He = D(o.showYTick ?? !0), We = D(o.yTickFontSize ?? 12), Ge = D(o.showYTitle ?? !1), ut = D(o.yTitle ?? ""), ot = D(o.yTitleFontSize ?? 12), je = D(o.showLegend ?? void 0), Et = D(o.legendPosition ?? Cn.top), Je = D(o.usePointStyle ?? !0), Ot = D(o.legendFontSize), Ut = D(o.legendColor ?? "#6b6b6b"), Kt = D(o.legendMaxWidth), Lt = D(o.maxTooltipItems), Ze = D(o.stackBarOverlap ?? !1), qt = D(o.rowHeight ?? 0), Xt = D(o.colWidths ?? []), Dt = D(!1), ct = D(""), { breakpoints: Qe, getBreakpointsBoundary: at } = an(), dt = D(), ke = m(
+    ), ie = D(o.lineStyleBinding), J = D(o.showLabel ?? !1), _ = D(o.labelAlign ?? yn.center), E = D(o.labelAnchor ?? gn.center), z = D(o.labelRotation ?? 0), R = D(o.labelOffset ?? 0), P = D(o.labelFontSize ?? 12), V = m(() => o.showSearchBar), ne = D(o.showX ?? !0), K = D(o.xPosition ?? bn.bottom), X = D(o.showXGrid ?? !1), Z = D(o.showXTick ?? !0), le = D(o.xTickFontSize ?? 12), ue = D(o.showXTitle ?? !1), me = D(o.xTitle ?? ""), se = D(o.xTitleFontSize ?? 12), ce = D(o.showY ?? !0), xe = D(o.yPosition ?? Cn.left), Be = D(o.showYGrid ?? !1), He = D(o.showYTick ?? !0), We = D(o.yTickFontSize ?? 12), Ye = D(o.showYTitle ?? !1), ct = D(o.yTitle ?? ""), ot = D(o.yTitleFontSize ?? 12), Ge = D(o.showLegend ?? void 0), Ot = D(o.legendPosition ?? xn.top), je = D(o.usePointStyle ?? !0), Ut = D(o.legendFontSize), Kt = D(o.legendColor ?? "#6b6b6b"), qt = D(o.legendMaxWidth), It = D(o.maxTooltipItems), Je = D(o.stackBarOverlap ?? !1), Xt = D(o.rowHeight ?? 0), Yt = D(o.colWidths ?? []), Mt = D(!1), dt = D(""), { breakpoints: Ze, getBreakpointsBoundary: at } = rn(), ft = D(), Te = m(
       () => h.customScreenWidth === void 0 ? window.innerWidth : h.customScreenWidth
-    ), rn = m(
-      () => (ke == null ? void 0 : ke.value) > at("xs")[1] && (ke == null ? void 0 : ke.value) <= at("sm")[1]
-    ), Yt = m(
-      () => (ke == null ? void 0 : ke.value) > at("sm")[1] && (ke == null ? void 0 : ke.value) <= at("md")[1]
-    ), ln = m(() => (ke == null ? void 0 : ke.value) > at("md")[1]), sn = m(() => {
+    ), ln = m(
+      () => (Te == null ? void 0 : Te.value) > at("xs")[1] && (Te == null ? void 0 : Te.value) <= at("sm")[1]
+    ), Gt = m(
+      () => (Te == null ? void 0 : Te.value) > at("sm")[1] && (Te == null ? void 0 : Te.value) <= at("md")[1]
+    ), sn = m(() => (Te == null ? void 0 : Te.value) > at("md")[1]), un = m(() => {
       const S = t.value.size.width;
-      return ln.value || Yt.value ? Wr(S) : rn.value ? Er(S) : Or(S);
-    }), ft = m(
+      return sn.value || Gt.value ? Wr(S) : ln.value ? Er(S) : Or(S);
+    }), ht = m(
       () => Yo.find((S) => S.type === t.value.widget.type)
-    ), a = hn(() => {
+    ), a = mn(() => {
       var S;
-      dt.value = go((S = c.value) == null ? void 0 : S.$el.offsetWidth), y.value = At();
+      ft.value = go((S = c.value) == null ? void 0 : S.$el.offsetWidth), y.value = Rt();
     }), p = m(() => {
-      if (Go(Q.value.type, d.value))
+      if (Go(ae.value.type, d.value))
         switch (t.value.widget.type) {
           case oe.BarChart:
             return mr;
@@ -4319,9 +4327,9 @@ const jr = {
         }
       else
         return Nn;
-    }), d = D(null), { selectedLocationIds: b, dateRange: H, compareDateRange: O, timeRange: j } = st(nn()), { globalFilters: se, isGlobalFiltersLoading: q } = st(Vo()), { businessId: fe } = st(_n()), { businessLoadedId: be, businessDataVersion: de } = st(nn());
-    m(() => be.value === fe.value && b.value.length > 0 && !q.value);
-    const ie = D(!0), Q = m(() => {
+    }), d = D(null), { selectedLocationIds: b, dateRange: H, compareDateRange: U, timeRange: j } = it(on()), { globalFilters: te, isGlobalFiltersLoading: O } = it(Vo()), { businessId: de } = it(kn()), { businessLoadedId: ye, businessDataVersion: Ce } = it(on());
+    m(() => ye.value === de.value && b.value.length > 0 && !O.value);
+    const re = D(!0), ae = m(() => {
       const S = JSON.parse(JSON.stringify(t.value.widget));
       return {
         ...S,
@@ -4332,38 +4340,38 @@ const jr = {
           showGrandTotal: !1
         }
       };
-    }), _e = m(() => {
+    }), Se = m(() => {
       var Re;
-      const S = ((Re = Q.value.config.metrics) == null ? void 0 : Re.length) ?? 0;
-      if (!Q.value.config.isBlend)
+      const S = ((Re = ae.value.config.metrics) == null ? void 0 : Re.length) ?? 0;
+      if (!ae.value.config.isBlend)
         return S;
-      const ge = (Q.value.config.joinDatasources ?? []).reduce(
-        (rt, un) => {
-          var ht;
-          return rt + (((ht = un.metrics) == null ? void 0 : ht.length) ?? 0);
+      const ve = (ae.value.config.joinDatasources ?? []).reduce(
+        (lt, cn) => {
+          var pt;
+          return lt + (((pt = cn.metrics) == null ? void 0 : pt.length) ?? 0);
         },
         0
       );
-      return S + ge;
+      return S + ve;
     });
     function Ae() {
       return {
         data: d.value,
         showTitle: v.value,
         titleFontSize: f.value,
-        titleBold: T.value,
-        titleItalic: k.value,
+        titleBold: k.value,
+        titleItalic: L.value,
         titleUnderline: x.value,
         chartHeight: w.value,
         chartWidth: A.value,
         chartColors: u.value,
         chartColorLayers: M.value,
         chartBreakdownColors: W.value,
-        chartUseSecondaryMetricShades: K.value,
-        chartColorBinding: te.value,
-        metricCount: _e.value,
+        chartUseSecondaryMetricShades: q.value,
+        chartColorBinding: ee.value,
+        metricCount: Se.value,
         lineStyles: G.value,
-        lineStyleBinding: le.value,
+        lineStyleBinding: ie.value,
         showLabel: J.value,
         labelAnchor: E.value,
         labelAlign: _.value,
@@ -4371,46 +4379,46 @@ const jr = {
         labelOffset: R.value,
         labelFontSize: P.value,
         showX: ne.value,
-        xPosition: U.value,
+        xPosition: K.value,
         showXGrid: X.value,
         showXTick: Z.value,
-        xTickFontSize: ae.value,
+        xTickFontSize: le.value,
         showXTitle: ue.value,
-        xTitle: pe.value,
-        xTitleFontSize: re.value,
+        xTitle: me.value,
+        xTitleFontSize: se.value,
         showY: ce.value,
         yPosition: xe.value,
         showYGrid: Be.value,
         showYTick: He.value,
-        yTitle: ut.value,
-        showYTitle: Ge.value,
+        yTitle: ct.value,
+        showYTitle: Ye.value,
         yTitleFontSize: ot.value,
         yTickFontSize: We.value,
-        isTransposed: Q.value.config.isTransposed,
-        showLegend: je.value,
-        legendPosition: Et.value,
-        usePointStyle: Je.value,
-        legendFontSize: Ot.value,
-        legendColor: Ut.value,
-        legendMaxWidth: Kt.value,
-        maxTooltipItems: Lt.value,
-        stackBarOverlap: Ze.value
+        isTransposed: ae.value.config.isTransposed,
+        showLegend: Ge.value,
+        legendPosition: Ot.value,
+        usePointStyle: je.value,
+        legendFontSize: Ut.value,
+        legendColor: Kt.value,
+        legendMaxWidth: qt.value,
+        maxTooltipItems: It.value,
+        stackBarOverlap: Je.value
       };
     }
-    function Ue() {
+    function Oe() {
       return {
         data: d.value,
-        filterText: ct.value,
-        rollupPosition: Q.value.config.rollupPosition,
-        grandTotalLabel: Q.value.config.grandTotalLabel,
-        rowHeight: qt.value,
-        colWidths: Xt.value
+        filterText: dt.value,
+        rollupPosition: ae.value.config.rollupPosition,
+        grandTotalLabel: ae.value.config.grandTotalLabel,
+        rowHeight: Xt.value,
+        colWidths: Yt.value
       };
     }
-    const Ie = m(() => {
-      switch (Q.value.type) {
+    const Ue = m(() => {
+      switch (ae.value.type) {
         case oe.Table:
-          return Ue();
+          return Oe();
         case oe.BarChart:
         case oe.LineChart:
         case oe.StackBarChart:
@@ -4421,54 +4429,54 @@ const jr = {
         default:
           return { data: d.value };
       }
-    }), Ke = m(() => {
+    }), Qe = m(() => {
       const { config: S } = t.value.widget;
       if (S.rollup != null) {
-        const ge = [...S.dimensions].filter((Re) => !Re.hide);
-        return ge.sort(
-          (Re, rt) => (S.rowIds || []).indexOf(dn(Re)) - (S.rowIds || []).indexOf(dn(rt))
+        const ve = [...S.dimensions].filter((Re) => !Re.hide);
+        return ve.sort(
+          (Re, lt) => (S.rowIds || []).indexOf(fn(Re)) - (S.rowIds || []).indexOf(fn(lt))
         ), [
-          { label: lt(s, i, "None", "other"), value: "none" },
-          { label: lt(s, i, "Grand Total", "other"), value: 0 },
-          ...[...ge].slice(0, ge.length - 1).map((Re, rt) => ({
-            label: lt(s, i, Re.label, "other"),
-            value: rt + 1
+          { label: st(s, i, "None", "other"), value: "none" },
+          { label: st(s, i, "Grand Total", "other"), value: 0 },
+          ...[...ve].slice(0, ve.length - 1).map((Re, lt) => ({
+            label: st(s, i, Re.label, "other"),
+            value: lt + 1
           }))
         ];
       }
       return [];
-    }), Ee = m(() => {
-      const { config: S } = Q.value;
-      return S.isDrillable ? S.dimensions.map((ge) => ({
-        label: lt(s, i, ge.label, "other"),
-        value: dn(ge)
+    }), ke = m(() => {
+      const { config: S } = ae.value;
+      return S.isDrillable ? S.dimensions.map((ve) => ({
+        label: st(s, i, ve.label, "other"),
+        value: fn(ve)
       })) : [];
-    }), It = m(() => {
+    }), rt = m(() => {
       const S = t.value.id;
-      return (se.value || []).filter(
-        (ge) => Array.isArray(ge.tileIds) && ge.tileIds.includes(S)
+      return (te.value || []).filter(
+        (ve) => Array.isArray(ve.tileIds) && ve.tileIds.includes(S)
       );
     });
     we(
       () => t.value.widget.config,
       (S) => {
-        F.value = S.rollup, v.value = S.showTitle ?? !0, f.value = S.titleFontSize ?? 14, T.value = S.titleBold ?? !1, k.value = S.titleItalic ?? !1, x.value = S.titleUnderline ?? !1, w.value = S.chartHeight ?? void 0, A.value = S.chartWidth ?? void 0, u.value = Array.isArray(S.chartColors) ? [...S.chartColors] : void 0, M.value = Array.isArray(S.chartColorLayers) ? [...S.chartColorLayers] : void 0, W.value = Array.isArray(S.chartBreakdownColors) ? [...S.chartBreakdownColors] : void 0, K.value = S.chartUseSecondaryMetricShades ?? !0, te.value = S.chartColorBinding, G.value = Array.isArray(S.lineStyles) ? [...S.lineStyles] : void 0, le.value = S.lineStyleBinding, J.value = S.showLabel ?? !1, _.value = S.labelAlign ?? gn.center, E.value = S.labelAnchor ?? vn.center, z.value = S.labelRotation ?? 0, R.value = S.labelOffset ?? 0, P.value = S.labelFontSize ?? 12, ne.value = S.showX ?? !0, U.value = S.xPosition ?? yn.bottom, X.value = S.showXGrid ?? !1, Z.value = S.showXTick ?? !0, ae.value = S.xTickFontSize ?? 12, ue.value = S.showXTitle ?? !1, pe.value = S.xTitle ?? "", re.value = S.xTitleFontSize ?? 12, ce.value = S.showY ?? !0, xe.value = S.yPosition ?? bn.left, Be.value = S.showYGrid ?? !0, He.value = S.showYTick ?? !0, We.value = S.yTickFontSize ?? 12, Ge.value = S.showYTitle ?? !1, ut.value = S.yTitle ?? "", ot.value = S.yTitleFontSize ?? 12, je.value = S.showLegend ?? void 0, Et.value = S.legendPosition ?? Cn.top, Je.value = S.usePointStyle ?? !0, Ot.value = S.legendFontSize, Ut.value = S.legendColor ?? "#6b6b6b", Kt.value = S.legendMaxWidth, Lt.value = S.maxTooltipItems, Ze.value = S.stackBarOverlap ?? !1, qt.value = S.rowHeight ?? 0, Xt.value = S.colWidths ?? [], y.value = At();
+        F.value = S.rollup, v.value = S.showTitle ?? !0, f.value = S.titleFontSize ?? 14, k.value = S.titleBold ?? !1, L.value = S.titleItalic ?? !1, x.value = S.titleUnderline ?? !1, w.value = S.chartHeight ?? void 0, A.value = S.chartWidth ?? void 0, u.value = Array.isArray(S.chartColors) ? [...S.chartColors] : void 0, M.value = Array.isArray(S.chartColorLayers) ? [...S.chartColorLayers] : void 0, W.value = Array.isArray(S.chartBreakdownColors) ? [...S.chartBreakdownColors] : void 0, q.value = S.chartUseSecondaryMetricShades ?? !0, ee.value = S.chartColorBinding, G.value = Array.isArray(S.lineStyles) ? [...S.lineStyles] : void 0, ie.value = S.lineStyleBinding, J.value = S.showLabel ?? !1, _.value = S.labelAlign ?? yn.center, E.value = S.labelAnchor ?? gn.center, z.value = S.labelRotation ?? 0, R.value = S.labelOffset ?? 0, P.value = S.labelFontSize ?? 12, ne.value = S.showX ?? !0, K.value = S.xPosition ?? bn.bottom, X.value = S.showXGrid ?? !1, Z.value = S.showXTick ?? !0, le.value = S.xTickFontSize ?? 12, ue.value = S.showXTitle ?? !1, me.value = S.xTitle ?? "", se.value = S.xTitleFontSize ?? 12, ce.value = S.showY ?? !0, xe.value = S.yPosition ?? Cn.left, Be.value = S.showYGrid ?? !0, He.value = S.showYTick ?? !0, We.value = S.yTickFontSize ?? 12, Ye.value = S.showYTitle ?? !1, ct.value = S.yTitle ?? "", ot.value = S.yTitleFontSize ?? 12, Ge.value = S.showLegend ?? void 0, Ot.value = S.legendPosition ?? xn.top, je.value = S.usePointStyle ?? !0, Ut.value = S.legendFontSize, Kt.value = S.legendColor ?? "#6b6b6b", qt.value = S.legendMaxWidth, It.value = S.maxTooltipItems, Je.value = S.stackBarOverlap ?? !1, Xt.value = S.rowHeight ?? 0, Yt.value = S.colWidths ?? [], y.value = Rt();
       },
       { deep: !0 }
     ), we([() => F.value], () => {
       F.value !== null && (t.value.widget.config.rollup = F.value);
     }), we(
       [
-        () => Q.value,
+        () => ae.value,
         () => H.value,
         () => j.value,
-        () => O.value,
+        () => U.value,
         () => b.value,
-        () => It.value,
-        () => de.value
+        () => rt.value,
+        () => Ce.value
       ],
       () => {
-        Bn();
+        Bt();
       },
       { deep: !0 }
     ), we(
@@ -4478,34 +4486,34 @@ const jr = {
       },
       { deep: !0 }
     ), $e(() => {
-      a(), Qe.value.sm || Qe.value.md || Qe.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", a)) : addEventListener("resize", a), Bn();
+      a(), Ze.value.sm || Ze.value.md || Ze.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", a)) : addEventListener("resize", a), Bt();
     }), to(() => {
-      Qe.value.sm || Qe.value.md || Qe.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", a)) : removeEventListener("resize", a);
+      Ze.value.sm || Ze.value.md || Ze.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", a)) : removeEventListener("resize", a);
     });
-    const Mt = kn();
-    let Gt;
-    async function Bn() {
+    const jt = Tn();
+    let mt;
+    async function Bt() {
       if (!h.isStyleEditing) {
-        if (Q.value.config.schemaNames.length <= 0 && !(Q.value.config.dimensions.length <= 0 || Q.value.config.metrics.length <= 0)) {
-          Mt.open({
+        if (ae.value.config.schemaNames.length <= 0 && !(ae.value.config.dimensions.length <= 0 || ae.value.config.metrics.length <= 0)) {
+          jt.open({
             message: "schema must not be empty and dimension or metrics must have at least 1 column",
             type: "info"
           }), n.value = !1;
           return;
         }
         try {
-          n.value = !0, Gt && Gt.abort(), Gt = new AbortController();
-          const S = Gt.signal, ge = de.value, Re = await hn(
+          n.value = !0, mt && mt.abort(), mt = new AbortController();
+          const S = mt.signal, ve = Ce.value, Re = await mn(
             $o,
             500
           )({
-            widget: Q.value,
+            widget: ae.value,
             signal: S,
             tileId: t.value.id
           });
-          de.value === ge && (d.value = Re, y.value = At(), setTimeout(() => $(), 100)), n.value = !1;
+          Ce.value === ve && (d.value = Re, y.value = Rt(), setTimeout(() => $(), 100)), n.value = !1;
         } catch (S) {
-          S.code !== "ERR_CANCELED" && (d.value = null, Mt.open({ message: `Invalid chart ${Q.value.type}`, type: "error" }), console.log(S), n.value = !1);
+          S.code !== "ERR_CANCELED" && (d.value = null, jt.open({ message: `Invalid chart ${ae.value.type}`, type: "error" }), console.log(S), n.value = !1);
         }
       }
     }
@@ -4522,131 +4530,131 @@ const jr = {
     }
     function yo() {
       const S = I.value - 1;
-      S >= 0 && (g.value = Ee.value[S].value);
+      S >= 0 && (g.value = ke.value[S].value);
     }
     function bo() {
       const S = I.value + 1;
-      S >= 0 && S < Ee.value.length && (g.value = Ee.value[S].value);
+      S >= 0 && S < ke.value.length && (g.value = ke.value[S].value);
     }
-    const Pn = D(pt.EXCEL), Fn = D(), Co = Object.values(pt).map((S) => ({
+    const Pn = D(gt.EXCEL), Fn = D(), Co = Object.values(gt).map((S) => ({
       label: Ho(S),
       value: S,
       onClick: async () => {
-        S === pt.EXCEL || S === pt.PDFFULLSIZE || S === pt.PDFRECEIPT ? await no({
+        S === gt.EXCEL || S === gt.PDFFULLSIZE || S === gt.PDFRECEIPT ? await no({
           reportType: S,
           index: h.index,
-          isCombinedLocationLayout: ie.value,
+          isCombinedLocationLayout: re.value,
           timeRange: j.value,
           dateRange: H.value,
           locationIds: b.value
-        }) : S === pt.PDF && (Pn.value = S, Fn.value = h.index, Dt.value = !0);
+        }) : S === gt.PDF && (Pn.value = S, Fn.value = h.index, Mt.value = !0);
       }
-    })), xo = Q.value.type === oe.Spacer ? "flat" : "outlined", wo = Q.value.type === oe.Spacer ? "p-0" : "p-16";
-    return (S, ge) => {
-      const Re = ve("FmTooltip"), rt = ve("FmSearch"), un = ve("FmCheckbox"), ht = ve("FmButton"), So = ve("FmSelect"), _o = ve("FmMenuItem"), ko = ve("FmMenu"), To = ve("FmForm"), Lo = ve("FmCircularProgress"), Do = ve("FmCard");
-      return Y(), ye(Do, {
+    })), xo = ae.value.type === oe.Spacer ? "flat" : "outlined", wo = ae.value.type === oe.Spacer ? "p-0" : "p-16";
+    return (S, ve) => {
+      const Re = pe("FmTooltip"), lt = pe("FmSearch"), cn = pe("FmCheckbox"), pt = pe("FmButton"), So = pe("FmSelect"), _o = pe("FmMenuItem"), ko = pe("FmMenu"), To = pe("FmForm"), Lo = pe("FmCircularProgress"), Do = pe("FmCard");
+      return Y(), ge(Do, {
         ref_key: "tileCard",
         ref: c,
-        class: De(`${sn.value} ${r(wo)}`),
+        class: Ie(`${un.value} ${r(wo)}`),
         variant: r(xo)
       }, {
-        default: Te(() => [
-          me(Yr, {
-            modelValue: Dt.value,
-            "onUpdate:modelValue": ge[0] || (ge[0] = (mt) => Dt.value = mt),
+        default: Le(() => [
+          he(Yr, {
+            modelValue: Mt.value,
+            "onUpdate:modelValue": ve[0] || (ve[0] = (vt) => Mt.value = vt),
             "report-type": Pn.value,
             index: Fn.value
           }, null, 8, ["modelValue", "report-type", "index"]),
-          !n.value && !r(q) ? (Y(), he("div", {
+          !n.value && !r(O) ? (Y(), fe("div", {
             key: 0,
-            style: Le({ height: dt.value })
+            style: De({ height: ft.value })
           }, [
-            (Y(), ye(eo(p.value), {
+            (Y(), ge(eo(p.value), {
               key: y.value,
-              modelValue: Ie.value,
-              "onUpdate:modelValue": ge[4] || (ge[4] = (mt) => Ie.value = mt),
+              modelValue: Ue.value,
+              "onUpdate:modelValue": ve[4] || (ve[4] = (vt) => Ue.value = vt),
               "tile-index": h.index
             }, {
-              menu: Te(() => [
-                me(To, { class: "flex items-center gap-2" }, {
-                  default: Te(() => {
-                    var mt, An, Rn, zn;
+              menu: Le(() => [
+                he(To, { class: "flex items-center gap-2" }, {
+                  default: Le(() => {
+                    var vt, An, Rn, zn;
                     return [
-                      me(Re, {
+                      he(Re, {
                         variant: "plain",
                         placement: "right",
-                        content: Q.value.description,
+                        content: ae.value.description,
                         "hide-arrow": !0,
-                        disabled: !Q.value.description,
+                        disabled: !ae.value.description,
                         "z-index": 99
                       }, {
-                        default: Te(() => [
-                          v.value !== !1 ? (Y(), he("p", {
+                        default: Le(() => [
+                          v.value !== !1 ? (Y(), fe("p", {
                             key: 0,
-                            style: Le({
+                            style: De({
                               fontSize: f.value + "px",
-                              fontWeight: T.value ? "bold" : "normal",
-                              fontStyle: k.value ? "italic" : "normal",
+                              fontWeight: k.value ? "bold" : "normal",
+                              fontStyle: L.value ? "italic" : "normal",
                               textDecoration: x.value ? "underline" : "none"
                             }),
-                            class: De(["text-fm-color-typo-secondary line-clamp-1", [
+                            class: Ie(["text-fm-color-typo-secondary line-clamp-1", [
                               f.value <= 18 ? "fm-typo-en-body-md-400" : "",
-                              Q.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                              ae.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, Pe(r(lt)(r(s), r(i), Q.value.title, "other")), 7)) : Ce("", !0)
+                          }, Pe(r(st)(r(s), r(i), ae.value.title, "other")), 7)) : be("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
-                      (mt = ft.value) != null && mt.showSearchBar ? (Y(), ye(rt, {
+                      (vt = ht.value) != null && vt.showSearchBar ? (Y(), ge(lt, {
                         key: 0,
-                        modelValue: ct.value,
-                        "onUpdate:modelValue": ge[1] || (ge[1] = (qe) => ct.value = qe),
+                        modelValue: dt.value,
+                        "onUpdate:modelValue": ve[1] || (ve[1] = (Ke) => dt.value = Ke),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (Y(), he("div", jr)),
-                      Ao(me(un, {
+                      }, null, 8, ["modelValue"])) : (Y(), fe("div", jr)),
+                      Ao(he(cn, {
                         modelValue: J.value,
-                        "onUpdate:modelValue": ge[2] || (ge[2] = (qe) => J.value = qe),
+                        "onUpdate:modelValue": ve[2] || (ve[2] = (Ke) => J.value = Ke),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
-                        [Ro, (An = ft.value) == null ? void 0 : An.showLabel]
+                        [Ro, (An = ht.value) == null ? void 0 : An.showLabel]
                       ]),
-                      (Rn = ft.value) != null && Rn.showDrillDimension && Ee.value.length > 0 ? (Y(), he("div", Jr, [
-                        me(ht, {
+                      (Rn = ht.value) != null && Rn.showDrillDimension && ke.value.length > 0 ? (Y(), fe("div", Jr, [
+                        he(pt, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !L.value,
+                          disabled: !T.value,
                           onClick: yo
                         }, null, 8, ["disabled"]),
-                        me(ht, {
+                        he(pt, {
                           icon: "arrow_downward",
                           variant: "tertiary",
                           disabled: !B.value,
                           onClick: bo
                         }, null, 8, ["disabled"])
-                      ])) : Ce("", !0),
-                      (zn = ft.value) != null && zn.showRollup && Ke.value.length > 0 ? (Y(), ye(So, {
+                      ])) : be("", !0),
+                      (zn = ht.value) != null && zn.showRollup && Qe.value.length > 0 ? (Y(), ge(So, {
                         key: `rollup-${r(l)}`,
                         modelValue: F.value,
-                        "onUpdate:modelValue": ge[3] || (ge[3] = (qe) => F.value = qe),
+                        "onUpdate:modelValue": ve[3] || (ve[3] = (Ke) => F.value = Ke),
                         class: "w-[150px]",
-                        items: Ke.value
-                      }, null, 8, ["modelValue", "items"])) : Ce("", !0),
-                      h.hideExport ? Ce("", !0) : (Y(), ye(ko, {
+                        items: Qe.value
+                      }, null, 8, ["modelValue", "items"])) : be("", !0),
+                      h.hideExport ? be("", !0) : (Y(), ge(ko, {
                         key: 4,
                         shift: !0
                       }, {
-                        "menu-button": Te(() => [
-                          me(ht, {
+                        "menu-button": Le(() => [
+                          he(pt, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
-                        default: Te(() => [
-                          (Y(!0), he(Ve, null, Rt(r(Co), (qe) => (Y(), ye(_o, {
-                            key: qe.value,
-                            label: qe.label,
-                            onClick: qe.onClick
+                        default: Le(() => [
+                          (Y(!0), fe(Ve, null, zt(r(Co), (Ke) => (Y(), ge(_o, {
+                            key: Ke.value,
+                            label: Ke.label,
+                            onClick: Ke.onClick
                           }, null, 8, ["label", "onClick"]))), 128))
                         ]),
                         _: 1
@@ -4658,7 +4666,7 @@ const jr = {
               ]),
               _: 1
             }, 8, ["modelValue", "tile-index"]))
-          ], 4)) : (Y(), ye(Lo, { key: 1 }))
+          ], 4)) : (Y(), ge(Lo, { key: 1 }))
         ]),
         _: 1
       }, 8, ["class", "variant"]);
@@ -4666,16 +4674,16 @@ const jr = {
   }
 });
 export {
-  gn as L,
+  yn as L,
   et as R,
-  Se as S,
-  yn as X,
-  bn as Y,
+  _e as S,
+  bn as X,
+  Cn as Y,
   cl as _,
-  vn as a,
+  gn as a,
   ul as b,
-  Cn as c,
-  on as d,
-  dn as g,
+  xn as c,
+  an as d,
+  fn as g,
   Zn as u
 };