@feedmepos/mf-report 5.27.35 → 5.27.36

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-PhthswCX.js → DynamicWidget.vue_vue_type_script_setup_true_lang-RABMoQ3F.js}

@@ -1,19 +1,19 @@
-import { computed as c, defineComponent as Ae, ref as P, watch as Le, onMounted as $t, onBeforeUnmount as vo, resolveComponent as fe, createBlock as me, openBlock as X, Transition as aa, withCtx as De, createElementBlock as le, createCommentVNode as ge, createElementVNode as Y, unref as i, normalizeStyle as Pe, withModifiers as ln, toDisplayString as Ce, createVNode as pe, Fragment as Ne, renderList as ft, normalizeClass as Ie, nextTick as yo, mergeModels as Oe, useModel as Ue, renderSlot as ot, h as tn, createSlots as ra, resolveDynamicComponent as bo, toRaw as la, markRaw as sa, createTextVNode as ia, onUnmounted as Co, withDirectives as ua, vShow as ca } from "vue";
-import { W as q, w as da, S as Bt, x as Ft, y as fa, z as bn, A as xo, b as ma, B as pa, E as ha, F as ga, R as bt, G as va } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CoI3PFYF.js";
-import { l as sn, a as cn, u as wo } from "./app-L5Gs2RN0.js";
-import { d as _n } from "./DateRangeSelect-Cvxqh6KE.js";
-import { storeToRefs as Vt } from "pinia";
-import { detectLocale as Fn } from "@feedmepos/mf-common";
-import { C as Sn } from "./chart-DDDh8zNk.js";
-import { useBreakpoints as zt, useSnackbar as Rn, components as ya } from "@feedmepos/ui-library";
-import { u as mt, _ as _o } from "./_plugin-vue_export-helper-onplcgja.js";
+import { computed as c, defineComponent as Ae, ref as P, watch as Le, onMounted as zt, onBeforeUnmount as Co, resolveComponent as fe, createBlock as de, openBlock as K, Transition as ia, withCtx as De, createElementBlock as le, createCommentVNode as he, createElementVNode as Y, unref as i, normalizeStyle as Pe, withModifiers as un, toDisplayString as Ce, createVNode as pe, Fragment as Ne, renderList as ft, normalizeClass as Ie, nextTick as xo, mergeModels as Oe, useModel as Ue, renderSlot as ot, h as nn, createSlots as ua, resolveDynamicComponent as wo, toRaw as ca, markRaw as da, createTextVNode as fa, onUnmounted as _o, withDirectives as ma, vShow as pa } from "vue";
+import { W as E, x as ha, S as Bt, y as Rt, z as ga, F as At, e as on, A as xn, B as So, b as va, E as ya, G as ba, H as Ca, R as bt, J as xa } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DzZP-ANz.js";
+import { l as cn, a as fn, u as ko } from "./app-CwM9HM2R.js";
+import { d as kn } from "./DateRangeSelect-D2772bgT.js";
+import { storeToRefs as Nt } from "pinia";
+import { detectLocale as Vn } from "@feedmepos/mf-common";
+import { C as Tn } from "./chart-DDDh8zNk.js";
+import { useBreakpoints as Ht, useSnackbar as Nn, components as wa } from "@feedmepos/ui-library";
+import { u as mt, _ as To } from "./_plugin-vue_export-helper-onplcgja.js";
 import { r as ut } from "./i18n-CI_sQ5d_.js";
-import { _ as Gn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
-var Rt = /* @__PURE__ */ ((e) => (e.line = "LINECHART", e.bar = "BARCHART", e.stackedBar = "STACKBARCHART", e.progress = "PROGRESS", e))(Rt || {}), Ge = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Ge || {}), kn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(kn || {}), Tn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Tn || {}), Ln = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Ln || {}), Dn = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Dn || {}), In = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(In || {}), xe = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(xe || {});
-q.Circular, q.Table, q.BarChart, q.LineChart, q.StackBarChart, q.ClusteredStackBarChart, q.StackLineChart, q.Scorecard, q.Spacer;
-const ba = [
+import { _ as Zn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
+var Vt = /* @__PURE__ */ ((e) => (e.line = "LINECHART", e.bar = "BARCHART", e.stackedBar = "STACKBARCHART", e.progress = "PROGRESS", e))(Vt || {}), Ge = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Ge || {}), Ln = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Ln || {}), Dn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Dn || {}), In = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(In || {}), Pn = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Pn || {}), Mn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Mn || {}), xe = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(xe || {});
+E.Circular, E.Table, E.BarChart, E.LineChart, E.StackBarChart, E.ClusteredStackBarChart, E.StackLineChart, E.Scorecard, E.Spacer;
+const _a = [
   {
-    type: q.Circular,
+    type: E.Circular,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -21,14 +21,14 @@ const ba = [
     showSearchBar: !1
   },
   {
-    type: q.Table,
+    type: E.Table,
     showLabel: !1,
     showDrillDimension: !0,
     showRollup: !0,
     showSearchBar: !0
   },
   {
-    type: q.BarChart,
+    type: E.BarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -36,7 +36,7 @@ const ba = [
     showSearchBar: !1
   },
   {
-    type: q.LineChart,
+    type: E.LineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -44,7 +44,7 @@ const ba = [
     showSearchBar: !1
   },
   {
-    type: q.StackBarChart,
+    type: E.StackBarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -52,7 +52,7 @@ const ba = [
     showSearchBar: !1
   },
   {
-    type: q.ClusteredStackBarChart,
+    type: E.ClusteredStackBarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -60,7 +60,7 @@ const ba = [
     showSearchBar: !1
   },
   {
-    type: q.StackLineChart,
+    type: E.StackLineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -68,35 +68,35 @@ const ba = [
     showSearchBar: !1
   },
   {
-    type: q.Scorecard,
+    type: E.Scorecard,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
     showSearchBar: !1
   },
   {
-    type: q.Spacer,
+    type: E.Spacer,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
     showSearchBar: !1
   }
 ];
-function Ca(e, t) {
+function Sa(e, t) {
   switch (e) {
-    case q.BarChart:
-    case q.LineChart:
-    case q.StackBarChart:
-    case q.ClusteredStackBarChart:
-    case q.StackLineChart:
+    case E.BarChart:
+    case E.LineChart:
+    case E.StackBarChart:
+    case E.ClusteredStackBarChart:
+    case E.StackLineChart:
       return Array.isArray(t == null ? void 0 : t.datasets) && Array.isArray(t == null ? void 0 : t.xAxis) && t.datasets.length > 0 && t.xAxis.length > 0;
-    case q.Table:
+    case E.Table:
       return Array.isArray(t == null ? void 0 : t.rows) && Array.isArray(t == null ? void 0 : t.columns) && t.rows.length > 0 && t.columns.length > 0;
-    case q.Circular:
+    case E.Circular:
       return Array.isArray(t == null ? void 0 : t.datasets) && t.datasets.length > 0;
-    case q.Scorecard:
+    case E.Scorecard:
       return !0;
-    case q.Spacer:
+    case E.Spacer:
       return !0;
   }
 }
@@ -112,14 +112,14 @@ const wt = [
   "#8358D4",
   "#9B5046"
 ];
-function So(e) {
+function Lo(e) {
   const t = Math.max(1, Math.floor(e));
   return Array.from({ length: t }, (n, o) => {
     const a = wt[o % wt.length], r = Math.floor(o / wt.length);
-    return r === 0 ? a : dn(a, Math.min(0.18 * r, 0.72));
+    return r === 0 ? a : mn(a, Math.min(0.18 * r, 0.72));
   });
 }
-const gs = wt.map(() => "solid");
+const Ss = wt.map(() => "solid");
 function Ct({
   datasetIndex: e,
   label: t
@@ -127,13 +127,13 @@ function Ct({
   const n = typeof t == "string" ? t.trim().toLowerCase().replace(/\s+/g, " ") : "";
   return `${e}:${n}`;
 }
-function xa(e) {
+function ka(e) {
   return e === "dashed" || e === "dotted" ? e : "solid";
 }
-function wa(e, t = !1) {
+function Ta(e, t = !1) {
   if (e == null)
     return t ? [5, 5] : void 0;
-  const n = xa(e);
+  const n = ka(e);
   if (n === "dashed")
     return [8, 6];
   if (n === "dotted")
@@ -150,7 +150,7 @@ function Be({
   const a = Number.isFinite(n) ? Number(n) : 0;
   return a <= 0 ? e : t ? e >= a ? (e - a) % a : Math.max(0, (e - 1 + a) % a) : e % a;
 }
-function ko({
+function Do({
   datasets: e,
   datasetIndex: t
 }) {
@@ -173,12 +173,12 @@ function ko({
       return l;
   return t;
 }
-function Ht({
+function Wt({
   datasets: e,
   datasetIndex: t
 }) {
   var a;
-  const n = ko({
+  const n = Do({
     datasets: e,
     datasetIndex: t
   });
@@ -191,12 +191,12 @@ function Ht({
     }
   return n;
 }
-const _a = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-function Nt(e) {
+const La = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
+function $t(e) {
   if (!e)
     return null;
   const t = e.trim();
-  if (!_a.test(t))
+  if (!La.test(t))
     return null;
   if (t.length === 4) {
     const [, n, o, a] = t;
@@ -204,37 +204,37 @@ function Nt(e) {
   }
   return t.toUpperCase();
 }
-function Sa(e) {
-  const t = Nt(e) ?? "#000000";
+function Da(e) {
+  const t = $t(e) ?? "#000000";
   return {
     red: Number.parseInt(t.slice(1, 3), 16),
     green: Number.parseInt(t.slice(3, 5), 16),
     blue: Number.parseInt(t.slice(5, 7), 16)
   };
 }
-function To(e) {
+function Io(e) {
   const t = Math.max(
     wt.length,
     Array.isArray(e) ? e.length : 0
-  ), n = So(t);
-  return !Array.isArray(e) || e.length === 0 ? n : n.map((o, a) => Nt(e[a]) ?? o);
+  ), n = Lo(t);
+  return !Array.isArray(e) || e.length === 0 ? n : n.map((o, a) => $t(e[a]) ?? o);
 }
-function Lo(e, t) {
-  const { red: n, green: o, blue: a } = Sa(e);
+function Po(e, t) {
+  const { red: n, green: o, blue: a } = Da(e);
   return `rgba(${n}, ${o}, ${a}, ${t})`;
 }
-function dn(e, t) {
-  const n = Nt(e) ?? "#000000", o = (a) => {
+function mn(e, t) {
+  const n = $t(e) ?? "#000000", o = (a) => {
     const r = Number.parseInt(n.slice(a, a + 2), 16);
     return Math.round(r + (255 - r) * t).toString(16).padStart(2, "0").toUpperCase();
   };
   return `#${o(1)}${o(3)}${o(5)}`;
 }
-const ka = 0.25, Do = 0.7;
-function Io(e) {
-  return dn(e, ka);
+const Ia = 0.25, Mo = 0.7;
+function Bo(e) {
+  return mn(e, Ia);
 }
-function jn(e) {
+function Qn(e) {
   return Math.min(0.55 + (e - 1) * 0.18, 0.95);
 }
 function Je({
@@ -243,9 +243,9 @@ function Je({
   opacity: n,
   customColors: o
 }) {
-  const a = To(o), r = a[e % a.length], l = t ? Io(r) : r;
+  const a = Io(o), r = a[e % a.length], l = t ? Bo(r) : r;
   let u = typeof n == "number" ? n : 1;
-  return t && (u = u * Do), Lo(l, u);
+  return t && (u = u * Mo), Po(l, u);
 }
 function St({
   fallbackIndex: e,
@@ -264,11 +264,11 @@ function Tt({
   colorMode: u,
   customColors: f
 }) {
-  const m = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, D = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, W = l !== !1, C = e * m + D, v = u === "clustered" ? So(Math.max(wt.length, e + 1)) : To(f), h = Nt(r == null ? void 0 : r[e * m]) ?? v[e % v.length], L = W && D > 0 ? dn(h, jn(D)) : Nt(r == null ? void 0 : r[C]) ?? (D > 0 ? dn(h, jn(D)) : h), I = o ? Io(L) : L;
+  const m = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, D = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, W = l !== !1, C = e * m + D, v = u === "clustered" ? Lo(Math.max(wt.length, e + 1)) : Io(f), h = $t(r == null ? void 0 : r[e * m]) ?? v[e % v.length], L = W && D > 0 ? mn(h, Qn(D)) : $t(r == null ? void 0 : r[C]) ?? (D > 0 ? mn(h, Qn(D)) : h), I = o ? Bo(L) : L;
   let A = typeof a == "number" ? a : 1;
-  return o && (A = A * Do), Lo(I, A);
+  return o && (A = A * Mo), Po(I, A);
 }
-function Po(e, t, n) {
+function Ao(e, t, n) {
   if (e === "" || t === "")
     return null;
   let o = (f) => f == null ? void 0 : f.replace(/,/g, "");
@@ -278,13 +278,13 @@ function Po(e, t, n) {
     return null;
   let l = 0;
   r === 0 ? a === 0 ? l = 0 : l = 1 : l = (a - r) / r;
-  const u = Ta(l);
+  const u = Pa(l);
   return {
     value: isNaN(l) ? "" : `${(l * 100).toFixed(0)}%`,
     icon: u
   };
 }
-function Ta(e) {
+function Pa(e) {
   return e > 0 ? {
     name: "moving",
     color: "#1F7735",
@@ -299,19 +299,19 @@ function Ta(e) {
     tailwind: "fm-color-neutral-gray-100"
   };
 }
-const La = "en-US";
-function Mo() {
-  return Fn() || La;
+const Ma = "en-US";
+function Fo() {
+  return Vn() || Ma;
 }
 function dt(e) {
   if (e == null || e === "")
     return "";
   const t = String(e), n = Number(t);
   if (isNaN(n)) return t;
-  const [o, a] = t.split("."), r = new Intl.NumberFormat(Mo()).format(Number(o));
+  const [o, a] = t.split("."), r = new Intl.NumberFormat(Fo()).format(Number(o));
   return a !== void 0 ? `${r}.${a}` : r;
 }
-function Jn(e, t) {
+function eo(e, t) {
   if (e == null || e === "")
     return "";
   const n = typeof e == "string" ? e.replace(/,/g, "") : e, o = Number(n);
@@ -319,17 +319,17 @@ function Jn(e, t) {
     return typeof e == "string" ? e : "";
   if (Math.abs(o) < 1e3)
     return String(o);
-  const a = Mo();
+  const a = Fo();
   return new Intl.NumberFormat(a, {
     notation: "compact",
     compactDisplay: "short",
     maximumFractionDigits: 1
   }).format(o).replace(/K$/, "k");
 }
-function Wt(e) {
+function Ot(e) {
   return Object.entries(e).map(([t, n]) => `${t}:${n}`).join(";");
 }
-function Bo(e) {
+function Ro(e) {
   return {
     mode: "index",
     intersect: !1,
@@ -365,7 +365,7 @@ function Bo(e) {
     titleMarginBottom: 6
   };
 }
-const Da = Wt({
+const Ba = Ot({
   display: "block",
   padding: "0",
   background: "none",
@@ -376,7 +376,7 @@ const Da = Wt({
   cursor: "pointer",
   "text-align": "left",
   "pointer-events": "auto"
-}), Ia = {
+}), Aa = {
   "font-size": "13px",
   "font-weight": "600",
   color: "#111827",
@@ -384,7 +384,7 @@ const Da = Wt({
   "white-space": "normal",
   "word-break": "break-word",
   "overflow-wrap": "anywhere"
-}, Pa = Wt({
+}, Fa = Ot({
   display: "flex",
   "align-items": "flex-start",
   "font-size": "13px",
@@ -394,13 +394,13 @@ const Da = Wt({
   "line-height": "1.35",
   margin: "0 0 3px",
   overflow: "hidden"
-}), Ma = Wt({
+}), Ra = Ot({
   flex: "1 1 auto",
   "min-width": "0",
   "white-space": "normal",
   "word-break": "break-word",
   "overflow-wrap": "anywhere"
-}), Ba = {
+}), Va = {
   display: "inline-block",
   width: "10px",
   height: "10px",
@@ -409,7 +409,7 @@ const Da = Wt({
   "box-sizing": "border-box",
   "margin-right": "8px",
   flex: "0 0 auto"
-}, Aa = {
+}, Na = {
   display: "inline-block",
   width: "10px",
   height: "10px",
@@ -420,9 +420,9 @@ const Da = Wt({
   "margin-right": "8px",
   flex: "0 0 auto"
 };
-function Fa() {
+function $a() {
   return {
-    ...Bo(),
+    ...Ro(),
     mode: "nearest",
     intersect: !0,
     usePointStyle: !0,
@@ -434,8 +434,8 @@ function Fa() {
     }
   };
 }
-const Ra = "rgba(0, 0, 0, 0.3)";
-function Zn(e) {
+const za = "rgba(0, 0, 0, 0.3)";
+function to(e) {
   if (typeof document > "u" || typeof window > "u")
     return;
   const t = String((e == null ? void 0 : e.id) ?? "");
@@ -446,11 +446,11 @@ function Zn(e) {
   );
   n && (n.__onViewportChange && (window.removeEventListener("scroll", n.__onViewportChange, !0), window.removeEventListener("resize", n.__onViewportChange)), n.remove());
 }
-function Cn(e, t, n, o) {
+function wn(e, t, n, o) {
   const { left: a, right: r, top: l, bottom: u } = n;
-  e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = Ra, e.setLineDash([5, 5]), t ? (e.moveTo(a, o), e.lineTo(r, o)) : (e.moveTo(o, l), e.lineTo(o, u)), e.stroke(), e.restore();
+  e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = za, e.setLineDash([5, 5]), t ? (e.moveTo(a, o), e.lineTo(r, o)) : (e.moveTo(o, l), e.lineTo(o, u)), e.stroke(), e.restore();
 }
-function Va(e, t) {
+function Ha(e, t) {
   if (typeof document > "u")
     return;
   const n = String((e == null ? void 0 : e.id) ?? "");
@@ -464,14 +464,14 @@ function Va(e, t) {
   const a = Number(t ? o.dataset.caretY : o.dataset.caretX);
   return Number.isFinite(a) ? a : void 0;
 }
-function Na(e, t, n) {
+function Wa(e, t, n) {
   var h;
   if (!n)
     return;
   const o = ((h = e.options) == null ? void 0 : h.indexAxis) === "y", a = e.tooltip, r = (a == null ? void 0 : a.getActiveElements()) ?? [];
   if (r.length === 0) {
-    const L = Va(e, o);
-    L !== void 0 && Cn(e.ctx, o, e.chartArea, L);
+    const L = Ha(e, o);
+    L !== void 0 && wn(e.ctx, o, e.chartArea, L);
     return;
   }
   const l = e.scales.x, u = e.scales.y;
@@ -482,20 +482,20 @@ function Na(e, t, n) {
     return;
   if (t === "bar") {
     const I = (o ? u : l).getPixelForValue(f.index);
-    Cn(e.ctx, o, e.chartArea, I);
+    wn(e.ctx, o, e.chartArea, I);
     return;
   }
   if (!f.element)
     return;
   const m = f.element, D = o ? u : l, W = o ? m.y : m.x, C = D.getPixelForValue(f.index), v = W ?? C;
-  Cn(e.ctx, o, e.chartArea, v);
+  wn(e.ctx, o, e.chartArea, v);
 }
-function Ot(e) {
+function Ut(e) {
   let t = !1, n = !1;
   return {
     id: "crosshair",
     afterDatasetsDraw: (o) => {
-      Na(o, e, n);
+      Wa(o, e, n);
     },
     afterEvent: (o, a) => {
       n = a.inChartArea === !0;
@@ -509,33 +509,33 @@ function Ot(e) {
       t && (o.ctx.restore(), t = !1);
     },
     beforeDestroy: (o) => {
-      Zn(o);
+      to(o);
     },
     afterDestroy: (o) => {
-      Zn(o);
+      to(o);
     }
   };
 }
-const $a = Number.POSITIVE_INFINITY, Pn = 2, za = 1, Ha = 0.2, Wa = 120, Oa = 320, Ua = 24, { breakpoints: xt } = zt(), Vn = "report-v5:locationchange";
-let Qn = !1;
-const Ka = "report.widget.comparisonTooltip";
-function eo() {
-  window.dispatchEvent(new Event(Vn));
+const Oa = Number.POSITIVE_INFINITY, Bn = 2, Ua = 1, Ka = 0.2, Xa = 120, Ya = 320, Ea = 24, { breakpoints: xt } = Ht(), $n = "report-v5:locationchange";
+let no = !1;
+const qa = "report.widget.comparisonTooltip";
+function oo() {
+  window.dispatchEvent(new Event($n));
 }
-function Xa() {
-  if (Qn)
+function Ga() {
+  if (no)
     return;
-  Qn = !0;
+  no = !0;
   const e = window.history.pushState.bind(window.history), t = window.history.replaceState.bind(window.history);
   window.history.pushState = function(...o) {
     const a = e(...o);
-    return eo(), a;
+    return oo(), a;
   }, window.history.replaceState = function(...o) {
     const a = t(...o);
-    return eo(), a;
+    return oo(), a;
   };
 }
-function Ya(e, t) {
+function ja(e, t) {
   const n = t.split(".");
   let o = e;
   for (const a of n) {
@@ -545,106 +545,106 @@ function Ya(e, t) {
   }
   return typeof o == "string" ? o : void 0;
 }
-function Nn(e) {
-  const t = `${Ka}.${e}`, n = Fn(), o = sn[n];
-  return Ya(o, t) ?? t;
+function zn(e) {
+  const t = `${qa}.${e}`, n = Vn(), o = cn[n];
+  return ja(o, t) ?? t;
 }
-function Ao() {
-  return Nn("viewBreakdown");
+function Vo() {
+  return zn("viewBreakdown");
 }
-function to() {
-  return Nn("current");
+function ao() {
+  return zn("current");
 }
-function no() {
-  return Nn("compared");
+function ro() {
+  return zn("compared");
 }
-function nn(e, t) {
+function an(e, t) {
   const n = e.trim();
   return n.length === 0 ? t : `${n} · ${t}`;
 }
-function Ea(e, t, n, o) {
+function Ja(e, t, n, o) {
   var m;
-  const a = qa(e), r = (a == null ? void 0 : a[0]) ?? "", l = a == null ? void 0 : a[1], u = t.some((D) => Fo(D)), f = typeof n == "number" ? (m = o == null ? void 0 : o[n]) == null ? void 0 : m.trim() : void 0;
+  const a = Za(e), r = (a == null ? void 0 : a[0]) ?? "", l = a == null ? void 0 : a[1], u = t.some((D) => No(D)), f = typeof n == "number" ? (m = o == null ? void 0 : o[n]) == null ? void 0 : m.trim() : void 0;
   return l ? {
-    firstTitle: nn(r, to()),
-    secondTitle: nn(l, no())
+    firstTitle: an(r, ao()),
+    secondTitle: an(l, ro())
   } : u ? {
-    firstTitle: nn(r, to()),
-    secondTitle: nn(
+    firstTitle: an(r, ao()),
+    secondTitle: an(
       f && f.length > 0 ? f : r,
-      no()
+      ro()
     )
   } : {
     firstTitle: r
   };
 }
-function qa(e) {
+function Za(e) {
   return e == null ? null : typeof e != "string" ? [] : e.split("#").map((t) => t.trim()).filter((t) => t.length > 0);
 }
-function Fo(e) {
+function No(e) {
   return e.dash === !0 || e.isCompare === !0;
 }
-function Ga(e) {
+function Qa(e) {
   return typeof e.label == "string" ? e.label : "N/A";
 }
-function Ro(e, t) {
+function $o(e, t) {
   let n;
   return Array.isArray(e.data) && t < e.data.length && (n = e.data[t]), typeof n != "number" ? NaN : n;
 }
-function ja(e, t) {
+function er(e, t) {
   return `${e}: ${isNaN(t) ? "" : t.toLocaleString()}`;
 }
-function Ja(e, t) {
+function tr(e, t) {
   return e.type === "bar" ? !0 : t === "bar";
 }
-function Za(e, t, n) {
-  const o = At(e.borderColor, t) || At(e.color, t), a = At(e.backgroundColor, t), r = At(e.pointBorderColor, t), l = At(e.pointBackgroundColor, t);
-  return n ? oo(a, l, o, r) : oo(o, r, a, l);
+function nr(e, t, n) {
+  const o = Ft(e.borderColor, t) || Ft(e.color, t), a = Ft(e.backgroundColor, t), r = Ft(e.pointBorderColor, t), l = Ft(e.pointBackgroundColor, t);
+  return n ? lo(a, l, o, r) : lo(o, r, a, l);
 }
-function Qa(e) {
+function or(e) {
   return e.trim().toLowerCase();
 }
-function At(e, t) {
+function Ft(e, t) {
   if (typeof e == "string") return e;
   if (Array.isArray(e)) {
     const n = e[t];
     return typeof n == "string" ? n : void 0;
   }
 }
-function er(e) {
+function ar(e) {
   if (typeof e != "string") return "#9ca3af";
   const t = e.trim();
   return /^[-#(),.%\sa-zA-Z0-9]+$/.test(t) ? t : "#9ca3af";
 }
-function tr(e) {
+function rr(e) {
   const t = e.replace(/\s+/g, "").toLowerCase();
   return !!(t === "transparent" || /^rgba\([^)]*,0(?:\.0+)?\)$/.test(t) || /^hsla\([^)]*,0(?:\.0+)?\)$/.test(t) || t === "#0000" || t === "#00000000");
 }
-function oo(...e) {
+function lo(...e) {
   for (const t of e) {
     if (!t) continue;
-    const n = er(t);
-    if (!tr(n))
+    const n = ar(t);
+    if (!rr(n))
       return n;
   }
   return "#9ca3af";
 }
-function nr(e) {
+function lr(e) {
   const t = e.dataset, n = typeof e.dataIndex == "number" ? e.dataIndex : 0;
-  return Number.isFinite(Ro(t, n));
+  return Number.isFinite($o(t, n));
 }
-function Mn(e) {
+function An(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function or(e) {
+function sr(e) {
   const t = typeof e == "number" ? e : typeof e == "string" ? Number(e) : Number.NaN;
-  return Number.isFinite(t) ? Math.max(Pn, Math.floor(t)) : $a;
+  return Number.isFinite(t) ? Math.max(Bn, Math.floor(t)) : Oa;
 }
-function ar(e) {
+function ir(e) {
   return e <= 0 ? 320 : xt.value.xs || xt.value.sm || e <= 640 ? Math.max(160, Math.floor(e * 0.38)) : xt.value.md || e <= 900 ? Math.max(200, Math.floor(e * 0.46)) : xt.value.lg || e <= 1200 ? Math.max(240, Math.floor(e * 0.54)) : Math.max(280, Math.floor(e * 0.62));
 }
-function $n(e, t) {
-  const n = window.innerHeight, o = ar(n), a = t ? Math.max(120, t.clientHeight - 16) : Number.POSITIVE_INFINITY, r = Math.max(120, Math.min(o, a));
+function Hn(e, t) {
+  const n = window.innerHeight, o = ir(n), a = t ? Math.max(120, t.clientHeight - 16) : Number.POSITIVE_INFINITY, r = Math.max(120, Math.min(o, a));
   e.style.maxHeight = `${r}px`;
 }
 function ct() {
@@ -653,37 +653,37 @@ function ct() {
 function _t(e) {
   return e.dataset.pinned === "true";
 }
-function Vo(e, t) {
+function zo(e, t) {
   if (t) {
     e.dataset.pinned = "true";
     return;
   }
   delete e.dataset.pinned;
 }
-function No(e) {
+function Ho(e) {
   return {
-    maxTooltipItems: or(e == null ? void 0 : e.maxTooltipItems)
+    maxTooltipItems: sr(e == null ? void 0 : e.maxTooltipItems)
   };
 }
-function rr(e) {
+function ur(e) {
   e.__lastPhoneTapAt = void 0, e.__lastPhoneTapX = void 0, e.__lastPhoneTapY = void 0, e.__lastPhoneTapDatasetIndex = void 0, e.__lastPhoneTapDataIndex = void 0;
 }
-function lr(e, t, n, o, a, r) {
+function cr(e, t, n, o, a, r) {
   e.__lastPhoneTapAt = o, e.__lastPhoneTapX = t, e.__lastPhoneTapY = n, e.__lastPhoneTapDatasetIndex = a, e.__lastPhoneTapDataIndex = r;
 }
-function sr(e, t, n) {
+function dr(e, t, n) {
   return e.__lastPhoneTapDatasetIndex === t && e.__lastPhoneTapDataIndex === n;
 }
-function ir(e, t, n, o) {
+function fr(e, t, n, o) {
   if (!Number.isFinite(e.__lastPhoneTapAt) || !Number.isFinite(e.__lastPhoneTapX) || !Number.isFinite(e.__lastPhoneTapY))
     return !1;
   const a = o - e.__lastPhoneTapAt;
-  if (a < 0 || a > Oa)
+  if (a < 0 || a > Ya)
     return !1;
   const r = t - e.__lastPhoneTapX, l = n - e.__lastPhoneTapY;
-  return Math.hypot(r, l) <= Ua;
+  return Math.hypot(r, l) <= Ea;
 }
-function ao(e) {
+function so(e) {
   return {
     text: `${e.datasetLabel}: ${0 .toLocaleString()}`,
     color: "#cbd5e1",
@@ -693,24 +693,24 @@ function ao(e) {
     matchingKey: e.matchingKey
   };
 }
-function ur(e) {
-  return Wt({
-    ...Ia,
+function mr(e) {
+  return Ot({
+    ...Aa,
     margin: `${e ? "8px" : "0"} 0 4px`
   });
 }
-function cr(e, t) {
-  return Wt({
-    ...e ? Ba : Aa,
+function pr(e, t) {
+  return Ot({
+    ...e ? Va : Na,
     background: t
   });
 }
-function dr(e) {
-  return `<button type="button" data-tooltip-full-details="true" style="${Da}">${Mn(e)}</button>`;
+function hr(e) {
+  return `<button type="button" data-tooltip-full-details="true" style="${Ba}">${An(e)}</button>`;
 }
-function $o(e, t, n, o, a, r, l, u, f) {
+function Wo(e, t, n, o, a, r, l, u, f) {
   var _;
-  const { firstTitle: m, secondTitle: D } = Ea(
+  const { firstTitle: m, secondTitle: D } = Ja(
     (_ = e[0]) == null ? void 0 : _.label,
     r,
     l,
@@ -722,18 +722,18 @@ function $o(e, t, n, o, a, r, l, u, f) {
     const $ = S ?? {};
     if ($.isSpacer === !0 || typeof $.xAxisIndex == "number" && $.xAxisIndex !== l)
       return;
-    const E = Ga($), O = Ro($, l);
+    const q = Qa($), O = $o($, l);
     if (!Number.isFinite(O))
       return;
-    const j = Ja($, u), G = {
-      text: ja(E, O),
-      color: Za($, l, j),
+    const j = tr($, u), G = {
+      text: er(q, O),
+      color: nr($, l, j),
       isBar: j,
       value: O,
-      datasetLabel: E,
-      matchingKey: Qa(E)
+      datasetLabel: q,
+      matchingKey: or(q)
     };
-    if (D && Fo($)) {
+    if (D && No($)) {
       C.push(G);
       return;
     }
@@ -750,13 +750,13 @@ function $o(e, t, n, o, a, r, l, u, f) {
   });
   const I = D ? h.map((S) => {
     const x = L.get(S.matchingKey);
-    return !x || x.length === 0 ? ao(S) : x.shift() ?? ao(S);
-  }) : [], A = W.length > h.length || C.length > I.length, B = (S, x = !1) => `<div style="${ur(x)}">${Mn(S)}</div>`, J = (S) => {
-    const x = cr(S.isBar, S.color);
-    return `<div style="${Pa}"><span style="${x}"></span><span style="${Ma}">${Mn(S.text)}</span></div>`;
+    return !x || x.length === 0 ? so(S) : x.shift() ?? so(S);
+  }) : [], A = W.length > h.length || C.length > I.length, B = (S, x = !1) => `<div style="${mr(x)}">${An(S)}</div>`, J = (S) => {
+    const x = pr(S.isBar, S.color);
+    return `<div style="${Fa}"><span style="${x}"></span><span style="${Ra}">${An(S.text)}</span></div>`;
   };
   let k = "";
-  m.length > 0 && (k += B(m)), k += h.map((S) => J(S)).join(""), D && I.length > 0 && (k += B(D, k.length > 0), k += I.map((S) => J(S)).join("")), a && A && (k += dr(n));
+  m.length > 0 && (k += B(m)), k += h.map((S) => J(S)).join(""), D && I.length > 0 && (k += B(D, k.length > 0), k += I.map((S) => J(S)).join("")), a && A && (k += hr(n));
   const V = [
     {
       title: m,
@@ -773,11 +773,11 @@ function $o(e, t, n, o, a, r, l, u, f) {
     hasCollapsedValues: A
   };
 }
-function ro(e) {
-  return e.scrollHeight - e.clientHeight > za;
+function io(e) {
+  return e.scrollHeight - e.clientHeight > Ua;
 }
-function on(e, t, n, o, a, r, l, u, f, m) {
-  const D = $o(
+function rn(e, t, n, o, a, r, l, u, f, m) {
+  const D = Wo(
     t,
     n,
     o,
@@ -788,12 +788,12 @@ function on(e, t, n, o, a, r, l, u, f, m) {
     f,
     m
   );
-  return e.innerHTML !== D.html && (e.innerHTML = D.html, kr(e)), D;
+  return e.innerHTML !== D.html && (e.innerHTML = D.html, Ir(e)), D;
 }
-function fr(e, t, n, o, a, r, l, u, f, m) {
+function gr(e, t, n, o, a, r, l, u, f, m) {
   if (Number.isFinite(a))
     return {
-      markup: on(
+      markup: rn(
         e,
         t,
         n,
@@ -807,8 +807,8 @@ function fr(e, t, n, o, a, r, l, u, f, m) {
       ),
       maxTooltipItems: a
     };
-  const D = Math.max(Pn, t.length);
-  let W = D, C = on(
+  const D = Math.max(Bn, t.length);
+  let W = D, C = rn(
     e,
     t,
     n,
@@ -820,14 +820,14 @@ function fr(e, t, n, o, a, r, l, u, f, m) {
     f,
     m
   );
-  if (!ro(e))
+  if (!io(e))
     return {
       markup: C,
       maxTooltipItems: D
     };
-  let v = Pn, h = D;
+  let v = Bn, h = D;
   for (; v <= h; ) {
-    const I = Math.floor((v + h) / 2), A = on(
+    const I = Math.floor((v + h) / 2), A = rn(
       e,
       t,
       n,
@@ -839,14 +839,14 @@ function fr(e, t, n, o, a, r, l, u, f, m) {
       f,
       m
     );
-    if (ro(e)) {
+    if (io(e)) {
       h = I - 1;
       continue;
     }
     W = I, C = A, v = I + 1;
   }
   return {
-    markup: W === D ? C : on(
+    markup: W === D ? C : rn(
       e,
       t,
       n,
@@ -861,7 +861,7 @@ function fr(e, t, n, o, a, r, l, u, f, m) {
     maxTooltipItems: W
   };
 }
-function lo(e, t) {
+function uo(e, t) {
   const n = Math.max(0, Math.min(1, t)), o = e.trim();
   if (o.startsWith("#")) {
     const l = o.slice(1), u = l.length === 3 ? `${l[0]}${l[0]}${l[1]}${l[1]}${l[2]}${l[2]}` : l.length === 4 ? `${l[0]}${l[0]}${l[1]}${l[1]}${l[2]}${l[2]}` : l.length >= 6 ? l.slice(0, 6) : "";
@@ -888,12 +888,12 @@ function lo(e, t) {
   }
   return e;
 }
-function an(e, t) {
-  return typeof e == "string" ? lo(e, t) : Array.isArray(e) ? e.map(
-    (n) => typeof n == "string" ? lo(n, t) : n
+function ln(e, t) {
+  return typeof e == "string" ? uo(e, t) : Array.isArray(e) ? e.map(
+    (n) => typeof n == "string" ? uo(n, t) : n
   ) : e;
 }
-function mr(e) {
+function vr(e) {
   e.__tooltipOriginalStyle || (e.__tooltipOriginalStyle = {
     borderColor: Reflect.get(e, "borderColor"),
     backgroundColor: Reflect.get(e, "backgroundColor"),
@@ -901,19 +901,19 @@ function mr(e) {
     pointBackgroundColor: Reflect.get(e, "pointBackgroundColor")
   });
 }
-function pr(e) {
+function yr(e) {
   const t = e.__tooltipOriginalStyle;
   t && (Reflect.set(e, "borderColor", t.borderColor), Reflect.set(e, "backgroundColor", t.backgroundColor), Reflect.set(e, "pointBorderColor", t.pointBorderColor), Reflect.set(e, "pointBackgroundColor", t.pointBackgroundColor));
 }
-function hr(e, t) {
+function br(e, t) {
   const n = e.__tooltipOriginalStyle;
-  n && (Reflect.set(e, "borderColor", an(n.borderColor, t)), Reflect.set(e, "backgroundColor", an(n.backgroundColor, t)), Reflect.set(e, "pointBorderColor", an(n.pointBorderColor, t)), Reflect.set(
+  n && (Reflect.set(e, "borderColor", ln(n.borderColor, t)), Reflect.set(e, "backgroundColor", ln(n.backgroundColor, t)), Reflect.set(e, "pointBorderColor", ln(n.pointBorderColor, t)), Reflect.set(
     e,
     "pointBackgroundColor",
-    an(n.pointBackgroundColor, t)
+    ln(n.pointBackgroundColor, t)
   ));
 }
-function Bn(e) {
+function Fn(e) {
   var o;
   if (!e || typeof e != "object")
     return !1;
@@ -923,13 +923,13 @@ function Bn(e) {
   const n = t.canvas;
   return !(n != null && (!n.isConnected || !n.ownerDocument));
 }
-function un(e, t) {
-  if (!Bn(e))
+function dn(e, t) {
+  if (!Fn(e))
     return;
   const n = e.data.datasets;
   if (n.length !== 0) {
     if (n.forEach((o, a) => {
-      mr(o), !t || a === t.datasetIndex ? pr(o) : hr(o, Ha);
+      vr(o), !t || a === t.datasetIndex ? yr(o) : br(o, Ka);
     }), typeof e.setActiveElements == "function")
       try {
         t ? e.setActiveElements([
@@ -948,9 +948,9 @@ function un(e, t) {
     }
   }
 }
-function zo(e) {
+function Oo(e) {
   const t = e, n = t == null ? void 0 : t.chart;
-  if (Bn(n))
+  if (Fn(n))
     return n;
   const o = t == null ? void 0 : t.$el;
   if (!o)
@@ -958,20 +958,20 @@ function zo(e) {
   const a = o.querySelector("canvas");
   if (!(a instanceof HTMLCanvasElement))
     return null;
-  const r = Sn.getChart(a);
-  return Bn(r) ? r : null;
+  const r = Tn.getChart(a);
+  return Fn(r) ? r : null;
 }
-function gr(e) {
+function Cr(e) {
   const t = window.getComputedStyle(e);
   return [t.overflow, t.overflowX, t.overflowY].some((o) => o !== "visible");
 }
-function zn(e) {
+function Wn(e) {
   let t = e.parentElement ?? e, n = t;
   for (; n && n.parentElement && n.parentElement !== document.body && n.parentElement !== document.documentElement; )
-    gr(n) && (t = n.parentElement), n = n.parentElement;
+    Cr(n) && (t = n.parentElement), n = n.parentElement;
   return window.getComputedStyle(t).position === "static" && (t.style.position = "relative"), t;
 }
-function Hn(e, t, n, o, a, r, l = "center", u = !1) {
+function On(e, t, n, o, a, r, l = "center", u = !1) {
   const f = t.getBoundingClientRect(), m = n.getBoundingClientRect(), D = n.scrollLeft, W = n.scrollTop, C = n.clientWidth, v = n.clientHeight, h = e;
   (!Number.isFinite(h.__cachedWidth) || !Number.isFinite(h.__cachedHeight) || h.__measurementHostWidth !== C || h.__measurementHostHeight !== v) && (h.__cachedWidth = e.offsetWidth, h.__cachedHeight = e.offsetHeight, h.__measurementHostWidth = C, h.__measurementHostHeight = v);
   const I = h.__cachedWidth ?? e.offsetWidth, A = h.__cachedHeight ?? e.offsetHeight, B = 8, J = f.left - m.left + D + o, k = f.top - m.top + W + a, V = u ? l === "left" ? J - I - B : J + B : l === "left" ? J - I - B : l === "right" ? J + B : J - I / 2, _ = u ? k + B : r ? k - A / 2 : k + B, S = D + B;
@@ -981,15 +981,15 @@ function Hn(e, t, n, o, a, r, l = "center", u = !1) {
     const y = $.getBoundingClientRect().bottom - m.top + W + B;
     x = Math.max(x, y);
   }
-  const E = Math.max(S, D + C - I - B), O = Math.max(x, W + v - A - B), j = Math.round(Math.min(Math.max(S, V), E)), G = Math.round(Math.min(Math.max(x, _), O));
+  const q = Math.max(S, D + C - I - B), O = Math.max(x, W + v - A - B), j = Math.round(Math.min(Math.max(S, V), q)), G = Math.round(Math.min(Math.max(x, _), O));
   h.__lastLeftPx === j && h.__lastTopPx === G || (h.__lastLeftPx = j, h.__lastTopPx = G, e.style.left = `${j}px`, e.style.top = `${G}px`);
 }
-function Ho(e) {
+function Uo(e) {
   return e.dataset.anchorDirection === "left" ? "left" : e.dataset.anchorDirection === "right" ? "right" : "center";
 }
-function vr(e, t, n, o, a, r, l) {
+function xr(e, t, n, o, a, r, l) {
   const u = t.getBoundingClientRect(), f = o - u.left, m = a - u.top;
-  !Number.isFinite(f) || !Number.isFinite(m) || (e.dataset.cursorCanvasX = String(f), e.dataset.cursorCanvasY = String(m), e.dataset.caretX = String(f), e.dataset.caretY = String(m), e.dataset.anchorDirection = l, Hn(
+  !Number.isFinite(f) || !Number.isFinite(m) || (e.dataset.cursorCanvasX = String(f), e.dataset.cursorCanvasY = String(m), e.dataset.caretX = String(f), e.dataset.caretY = String(m), e.dataset.anchorDirection = l, On(
     e,
     t,
     n,
@@ -1000,86 +1000,86 @@ function vr(e, t, n, o, a, r, l) {
     !0
   ));
 }
-function yr(e) {
+function wr(e) {
   const t = document.createElement("div");
-  return t.id = e, t.dataset.comparisonTooltip = "true", t.style.background = "linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86))", t.style.border = "1px solid rgba(255, 255, 255, 0.58)", t.style.borderRadius = "10px", t.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.18)", t.style.color = "#111827", t.style.left = "0", t.style.opacity = "0", $n(t), t.style.maxWidth = "min(360px, calc(100% - 16px))", t.style.overflow = "hidden", t.style.padding = "8px 10px", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.textAlign = "left", t.style.top = "0", t.style.transform = "none", t.style.willChange = "left, top", t.style.whiteSpace = "normal", t.style.wordBreak = "normal", t.style.overflowWrap = "normal", t.style.zIndex = "10", t;
+  return t.id = e, t.dataset.comparisonTooltip = "true", t.style.background = "linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86))", t.style.border = "1px solid rgba(255, 255, 255, 0.58)", t.style.borderRadius = "10px", t.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.18)", t.style.color = "#111827", t.style.left = "0", t.style.opacity = "0", Hn(t), t.style.maxWidth = "min(360px, calc(100% - 16px))", t.style.overflow = "hidden", t.style.padding = "8px 10px", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.textAlign = "left", t.style.top = "0", t.style.transform = "none", t.style.willChange = "left, top", t.style.whiteSpace = "normal", t.style.wordBreak = "normal", t.style.overflowWrap = "normal", t.style.zIndex = "10", t;
 }
-function br(e) {
+function _r(e) {
   e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
 }
-function Cr(e) {
-  e.__onNavigationChange && (window.removeEventListener(Vn, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
+function Sr(e) {
+  e.__onNavigationChange && (window.removeEventListener($n, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
 }
-function xr(e) {
+function kr(e) {
   e.__disconnectObserver && (e.__disconnectObserver.disconnect(), e.__disconnectObserver = void 0);
 }
-function Wn(e, t) {
-  kt(e), Wo(e), br(e), Cr(e), xr(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), t && e.__onCanvasPointerEnter && t.removeEventListener("pointerenter", e.__onCanvasPointerEnter), t && e.__onCanvasPointerMove && t.removeEventListener("pointermove", e.__onCanvasPointerMove), t && e.__onCanvasPointerLeave && t.removeEventListener("pointerleave", e.__onCanvasPointerLeave), t && e.__onCanvasClick && t.removeEventListener("click", e.__onCanvasClick), t && e.__onCanvasPointerUp && t.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
+function Un(e, t) {
+  kt(e), Ko(e), _r(e), Sr(e), kr(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), t && e.__onCanvasPointerEnter && t.removeEventListener("pointerenter", e.__onCanvasPointerEnter), t && e.__onCanvasPointerMove && t.removeEventListener("pointermove", e.__onCanvasPointerMove), t && e.__onCanvasPointerLeave && t.removeEventListener("pointerleave", e.__onCanvasPointerLeave), t && e.__onCanvasClick && t.removeEventListener("click", e.__onCanvasClick), t && e.__onCanvasPointerUp && t.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
 }
-function wr(e, t, n) {
-  e.__onNavigationChange || (Xa(), e.__onNavigationChange = () => {
+function Tr(e, t, n) {
+  e.__onNavigationChange || (Ga(), e.__onNavigationChange = () => {
     if (!n.isConnected) {
-      Wn(e, n);
+      Un(e, n);
       return;
     }
     je(e, t, !0);
-  }, window.addEventListener(Vn, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
+  }, window.addEventListener($n, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
 }
-function _r(e, t) {
+function Lr(e, t) {
   e.__disconnectObserver || document.body && (e.__disconnectObserver = new MutationObserver(() => {
-    t.isConnected || Wn(e, t);
+    t.isConnected || Un(e, t);
   }), e.__disconnectObserver.observe(document.body, {
     childList: !0,
     subtree: !0
   }));
 }
-function Sr(e, t, n) {
+function Dr(e, t, n) {
   Array.from(
     e.querySelectorAll('[data-comparison-tooltip="true"]')
   ).forEach((a) => {
-    a.id !== t && Wn(a, n);
+    a.id !== t && Un(a, n);
   });
 }
 function kt(e) {
   typeof e.__hideTimeoutId == "number" && (window.clearTimeout(e.__hideTimeoutId), e.__hideTimeoutId = void 0);
 }
-function Wo(e) {
+function Ko(e) {
   typeof e.__cursorRafId == "number" && (window.cancelAnimationFrame(e.__cursorRafId), e.__cursorRafId = void 0);
 }
-function kr(e) {
+function Ir(e) {
   e.__cachedWidth = void 0, e.__cachedHeight = void 0, e.__measurementHostWidth = void 0, e.__measurementHostHeight = void 0;
 }
-function so(e, t, n, o, a) {
+function co(e, t, n, o, a) {
   const r = t.getBoundingClientRect(), l = o - r.left, u = a - r.top;
   !Number.isFinite(l) || !Number.isFinite(u) || (e.dataset.cursorCanvasX = String(l), e.dataset.cursorCanvasY = String(u), e.dataset.caretX = String(l), e.dataset.caretY = String(u), e.__pendingCursorClientX = o, e.__pendingCursorClientY = a, typeof e.__cursorRafId != "number" && (e.__cursorRafId = window.requestAnimationFrame(() => {
     e.__cursorRafId = void 0;
     const f = e.__pendingCursorClientX, m = e.__pendingCursorClientY;
     if (e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, !Number.isFinite(f) || !Number.isFinite(m))
       return;
-    const D = zn(t);
-    e.parentElement !== D && D.appendChild(e), vr(
+    const D = Wn(t);
+    e.parentElement !== D && D.appendChild(e), xr(
       e,
       t,
       D,
       f,
       m,
       n,
-      Ho(e)
+      Uo(e)
     );
   })));
 }
 function je(e, t, n = !1) {
-  _t(e) && !n || (kt(e), Wo(e), Vo(e, !1), rr(e), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", un(t));
+  _t(e) && !n || (kt(e), Ko(e), zo(e, !1), ur(e), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", dn(t));
 }
-function fn(e, t, n = Wa) {
+function pn(e, t, n = Xa) {
   e.__isTooltipHovered || (kt(e), e.__hideTimeoutId = window.setTimeout(() => {
     e.__isTooltipHovered || je(e, t);
   }, n));
 }
-function Tr(e, t, n, o, a) {
-  const { maxTooltipItems: r } = No(a);
+function Pr(e, t, n, o, a) {
+  const { maxTooltipItems: r } = Ho(a);
   e.__onCanvasPointerEnter || (e.__onCanvasPointerEnter = (l) => {
-    if (!(ct() && _t(e)) && (so(
+    if (!(ct() && _t(e)) && (co(
       e,
       t,
       o,
@@ -1094,7 +1094,7 @@ function Tr(e, t, n, o, a) {
   }, t.addEventListener("pointerenter", e.__onCanvasPointerEnter, {
     passive: !0
   })), e.__onCanvasPointerMove || (e.__onCanvasPointerMove = (l) => {
-    ct() && _t(e) || so(
+    ct() && _t(e) || co(
       e,
       t,
       o,
@@ -1104,7 +1104,7 @@ function Tr(e, t, n, o, a) {
   }, t.addEventListener("pointermove", e.__onCanvasPointerMove, {
     passive: !0
   })), e.__onCanvasPointerLeave || (e.__onCanvasPointerLeave = () => {
-    ct() && _t(e) || fn(e, n);
+    ct() && _t(e) || pn(e, n);
   }, t.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
     passive: !0
   })), e.__onCanvasClick || (e.__onCanvasClick = (l) => {
@@ -1112,15 +1112,15 @@ function Tr(e, t, n, o, a) {
     if (ct() || !(a != null && a.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
       return;
     const u = (B) => {
-      var S, x, $, E;
+      var S, x, $, q;
       if (B.length === 0)
         return !1;
       const J = (S = B.find(
         (O) => typeof O.dataIndex == "number"
-      )) == null ? void 0 : S.dataIndex, k = ((x = n == null ? void 0 : n.data) == null ? void 0 : x.datasets) ?? [], V = ($ = n == null ? void 0 : n.config) == null ? void 0 : $.type, _ = $o(
+      )) == null ? void 0 : S.dataIndex, k = ((x = n == null ? void 0 : n.data) == null ? void 0 : x.datasets) ?? [], V = ($ = n == null ? void 0 : n.config) == null ? void 0 : $.type, _ = Wo(
         B,
         o,
-        (a == null ? void 0 : a.viewFullDetailsLabel) ?? Ao(),
+        (a == null ? void 0 : a.viewFullDetailsLabel) ?? Vo(),
         r,
         !0,
         k,
@@ -1128,7 +1128,7 @@ function Tr(e, t, n, o, a) {
         V,
         a == null ? void 0 : a.comparisonXAxis
       ).detailsPayload;
-      return (E = a.onViewFullDetails) == null || E.call(a, _, n), je(e, n), !0;
+      return (q = a.onViewFullDetails) == null || q.call(a, _, n), je(e, n), !0;
     }, f = ((I = n == null ? void 0 : n.tooltip) == null ? void 0 : I.dataPoints) ?? [];
     if (u(f))
       return;
@@ -1189,16 +1189,16 @@ function Tr(e, t, n, o, a) {
         je(e, n, !0);
         return;
       }
-      const v = C[0], h = sr(
+      const v = C[0], h = dr(
         e,
         v.datasetIndex,
         v.index
-      ), L = Number.isFinite(e.__lastPhoneTapAt), I = h && ir(e, l.offsetX, l.offsetY, l.timeStamp);
+      ), L = Number.isFinite(e.__lastPhoneTapAt), I = h && fr(e, l.offsetX, l.offsetY, l.timeStamp);
       if (L && !I && h) {
         je(e, n, !0);
         return;
       }
-      Vo(e, !0), kt(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), f.setActiveElements(C, {
+      zo(e, !0), kt(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), f.setActiveElements(C, {
         x: l.offsetX,
         y: l.offsetY
       });
@@ -1211,7 +1211,7 @@ function Tr(e, t, n, o, a) {
         a.onViewFullDetails(e.__detailsPayload, n), je(e, n);
         return;
       }
-      lr(
+      cr(
         e,
         l.offsetX,
         l.offsetY,
@@ -1229,20 +1229,20 @@ function Tr(e, t, n, o, a) {
   }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
     e.__isTooltipHovered = !0, kt(e);
   }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
-    e.__isTooltipHovered = !1, fn(e, n);
+    e.__isTooltipHovered = !1, pn(e, n);
   }, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
 }
-function Lr(e, t, n) {
+function Mr(e, t, n) {
   e.__onViewportChange || (e.__onViewportChange = () => {
     if (e.style.opacity !== "1")
       return;
-    const o = Number(e.dataset.caretX), a = Number(e.dataset.caretY), r = Ho(e);
+    const o = Number(e.dataset.caretX), a = Number(e.dataset.caretY), r = Uo(e);
     if (!Number.isFinite(o) || !Number.isFinite(a)) {
       e.style.opacity = "0";
       return;
     }
-    const l = zn(t);
-    e.parentElement !== l && l.appendChild(e), $n(e, l), Hn(
+    const l = Wn(t);
+    e.parentElement !== l && l.appendChild(e), Hn(e, l), On(
       e,
       t,
       l,
@@ -1259,8 +1259,8 @@ function Lr(e, t, n) {
     passive: !0
   }));
 }
-function Dr(e, t) {
-  const { maxTooltipItems: n } = No(t);
+function Br(e, t) {
+  const { maxTooltipItems: n } = Ho(t);
   return ({ chart: o, tooltip: a }) => {
     var j, G, F, y;
     if (typeof document > "u" || typeof window > "u")
@@ -1268,25 +1268,25 @@ function Dr(e, t) {
     const r = o == null ? void 0 : o.canvas;
     if (!(r instanceof HTMLCanvasElement))
       return;
-    const l = zn(r), u = `comparison-tooltip-${String(o.id)}`;
+    const l = Wn(r), u = `comparison-tooltip-${String(o.id)}`;
     let f = document.querySelector(`#${u}`);
-    if (f || (f = yr(u)), f.parentElement !== l && l.appendChild(f), $n(f, l), Lr(f, r, e), wr(f, o, r), _r(f, r), Tr(f, r, o, e, t), ((a == null ? void 0 : a.opacity) ?? 0) === 0) {
+    if (f || (f = wr(u)), f.parentElement !== l && l.appendChild(f), Hn(f, l), Mr(f, r, e), Tr(f, o, r), Lr(f, r), Pr(f, r, o, e, t), ((a == null ? void 0 : a.opacity) ?? 0) === 0) {
       if (ct() && _t(f))
         return;
-      t != null && t.onViewFullDetails ? fn(f, o) : je(f, o);
+      t != null && t.onViewFullDetails ? pn(f, o) : je(f, o);
       return;
     }
     const m = (a == null ? void 0 : a.dataPoints) ?? [];
     if (m.length === 0) {
       if (ct() && _t(f))
         return;
-      t != null && t.onViewFullDetails ? fn(f, o) : je(f, o);
+      t != null && t.onViewFullDetails ? pn(f, o) : je(f, o);
       return;
     }
-    Sr(l, u, r), kt(f);
-    const D = (t == null ? void 0 : t.viewFullDetailsLabel) ?? Ao(), W = !!(t != null && t.onViewFullDetails), C = (j = m.find((b) => typeof b.dataIndex == "number")) == null ? void 0 : j.dataIndex, v = ((G = o == null ? void 0 : o.data) == null ? void 0 : G.datasets) ?? [], h = (F = o == null ? void 0 : o.config) == null ? void 0 : F.type, {
+    Dr(l, u, r), kt(f);
+    const D = (t == null ? void 0 : t.viewFullDetailsLabel) ?? Vo(), W = !!(t != null && t.onViewFullDetails), C = (j = m.find((b) => typeof b.dataIndex == "number")) == null ? void 0 : j.dataIndex, v = ((G = o == null ? void 0 : o.data) == null ? void 0 : G.datasets) ?? [], h = (F = o == null ? void 0 : o.config) == null ? void 0 : F.type, {
       markup: { detailsPayload: L, hasCollapsedValues: I }
-    } = fr(
+    } = gr(
       f,
       m,
       e,
@@ -1312,29 +1312,29 @@ function Dr(e, t) {
         return M;
       const z = Number.isFinite(S) ? S : B, re = Math.abs(b - z);
       return Math.abs(M - z) > re ? M : b;
-    }, Number.NaN) : Number.NaN, $ = J, E = k, O = e ? Number.isFinite(S) && Number.isFinite(x) && x < S ? "left" : "right" : "center";
-    Hn(
+    }, Number.NaN) : Number.NaN, $ = J, q = k, O = e ? Number.isFinite(S) && Number.isFinite(x) && x < S ? "left" : "right" : "center";
+    On(
       f,
       r,
       l,
       $,
-      E,
+      q,
       e,
       O,
       !0
-    ), f.dataset.caretX = String($), f.dataset.caretY = String(E), f.dataset.anchorDirection = O, f.style.opacity = "1";
+    ), f.dataset.caretX = String($), f.dataset.caretY = String(q), f.dataset.anchorDirection = O, f.style.opacity = "1";
   };
 }
-function An(e = !1, t) {
+function Rn(e = !1, t) {
   return {
-    ...Bo(e ? "y" : "x"),
+    ...Ro(e ? "y" : "x"),
     enabled: !1,
-    filter: nr,
-    external: Dr(e, t)
+    filter: lr,
+    external: Br(e, t)
   };
 }
-const io = "en-US";
-function uo(e, t) {
+const fo = "en-US";
+function mo(e, t) {
   const n = t.split(".");
   let o = e;
   for (const a of n) {
@@ -1344,11 +1344,11 @@ function uo(e, t) {
   }
   return typeof o == "string" ? o : void 0;
 }
-function Ir() {
-  const e = Fn(), t = "report.widget.legend.comparison";
-  return `(${uo(sn[e] ?? sn[io], t) ?? uo(sn[io], t) ?? "Comparison"})`;
+function Ar() {
+  const e = Vn(), t = "report.widget.legend.comparison";
+  return `(${mo(cn[e] ?? cn[fo], t) ?? mo(cn[fo], t) ?? "Comparison"})`;
 }
-function Oo(e) {
+function Xo(e) {
   function o(C, v, h) {
     if (C.measureText(v).width <= h) return v;
     const L = "…";
@@ -1364,13 +1364,13 @@ function Oo(e) {
     return (h ?? v).trim();
   }
   function r(C) {
-    const v = a(C), h = Jn(v);
+    const v = a(C), h = eo(v);
     return h.length > 0 ? h : v;
   }
   function l(C, v) {
     const h = C == null ? "" : String(C).trim();
     if (h.length === 0) return h;
-    const L = Ir();
+    const L = Ar();
     return h.endsWith(` ${L}`) || h.endsWith(L) ? h : (v == null ? void 0 : v.dash) === !0 || (v == null ? void 0 : v.isCompare) === !0 ? `${h} ${L}` : h;
   }
   const u = c(() => ({
@@ -1386,7 +1386,7 @@ function Oo(e) {
       const v = C.chart.data.datasets[C.datasetIndex];
       return v.borderColor ? Array.isArray(v.borderColor) ? v.borderColor[C.dataIndex] : v.borderColor : v.backgroundColor ? Array.isArray(v.backgroundColor) ? v.backgroundColor[C.dataIndex] : v.backgroundColor : "#000";
     },
-    formatter: (C) => Jn(C)
+    formatter: (C) => eo(C)
   })), f = c(() => ({
     display: e.showX,
     position: e.xPosition,
@@ -1517,16 +1517,16 @@ function Oo(e) {
   })), W = c(() => e.isTransposed);
   return { datalabels: u, xCfg: f, yCfg: m, isTransposed: W, legend: D };
 }
-const Pr = {
+const Fr = {
   key: 0,
   class: "pointer-events-none fixed inset-0 z-[120] flex justify-end"
-}, Mr = ["aria-label"], Br = { class: "relative z-20 flex shrink-0 items-center bg-fm-color-neutral-white justify-between sm:px-5" }, Ar = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary min-w-0 flex-1 pr-3" }, Fr = { class: "flex items-center gap-1.5" }, Rr = {
+}, Rr = ["aria-label"], Vr = { class: "relative z-20 flex shrink-0 items-center bg-fm-color-neutral-white justify-between sm:px-5" }, Nr = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary min-w-0 flex-1 pr-3" }, $r = { class: "flex items-center gap-1.5" }, zr = {
   key: 0,
   class: "pb-2 fm-typo-en-body-lg-600 text-fm-color-typo-primary"
-}, Vr = ["onMouseenter", "onFocus"], Nr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, $r = { class: "min-w-0 break-all text-fm-color-typo-secondary" }, zr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary shrink-0 text-right tabular-nums" }, Hr = {
+}, Hr = ["onMouseenter", "onFocus"], Wr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, Or = { class: "min-w-0 break-all text-fm-color-typo-secondary" }, Ur = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary shrink-0 text-right tabular-nums" }, Kr = {
   key: 1,
   class: "flex justify-center px-2 pt-2"
-}, co = 500, Wr = 320, rn = 30, Ut = /* @__PURE__ */ Ae({
+}, po = 500, Xr = 320, sn = 30, Kt = /* @__PURE__ */ Ae({
   __name: "TooltipDetailSidesheet",
   props: {
     modelValue: { type: Boolean },
@@ -1534,7 +1534,7 @@ const Pr = {
   },
   emits: ["update:modelValue", "value-hover", "value-leave"],
   setup(e, { emit: t }) {
-    const n = e, o = t, { t: a } = mt(), r = P(null), l = P(co), u = P(!1), f = P({}), m = c({
+    const n = e, o = t, { t: a } = mt(), r = P(null), l = P(po), u = P(!1), f = P({}), m = c({
       get: () => n.modelValue,
       set: (F) => o("update:modelValue", F)
     }), D = c(() => {
@@ -1542,7 +1542,7 @@ const Pr = {
       return (((F = n.detailsPayload) == null ? void 0 : F.sections) ?? []).filter((y) => y.values.length > 0);
     }), W = c(
       () => D.value.map((F, y) => {
-        const b = A(F.title, y), R = Math.min(f.value[b] ?? rn, F.values.length);
+        const b = A(F.title, y), R = Math.min(f.value[b] ?? sn, F.values.length);
         return {
           ...F,
           key: b,
@@ -1573,24 +1573,24 @@ const Pr = {
     }
     function B() {
       f.value = D.value.reduce(
-        (F, y, b) => (F[A(y.title, b)] = rn, F),
+        (F, y, b) => (F[A(y.title, b)] = sn, F),
         {}
       );
     }
     function J(F) {
       f.value = {
         ...f.value,
-        [F]: (f.value[F] ?? rn) + rn
+        [F]: (f.value[F] ?? sn) + sn
       };
     }
     function k() {
       I(), m.value = !1;
     }
     function V() {
-      return typeof window > "u" ? co : Math.floor(window.innerWidth * 0.94);
+      return typeof window > "u" ? po : Math.floor(window.innerWidth * 0.94);
     }
     function _(F) {
-      const y = V(), b = Math.min(Wr, y);
+      const y = V(), b = Math.min(Xr, y);
       return Math.min(y, Math.max(b, Math.floor(F)));
     }
     function S(F) {
@@ -1602,7 +1602,7 @@ const Pr = {
     function $(F) {
       u.value && S(F.clientX);
     }
-    function E(F) {
+    function q(F) {
       m.value && (u.value = !0, S(F.clientX), document.addEventListener("pointermove", $), document.addEventListener("pointerup", x), document.addEventListener("pointercancel", x));
     }
     function O() {
@@ -1623,13 +1623,13 @@ const Pr = {
     }
     return Le([D, m], () => {
       m.value && B();
-    }), $t(() => {
+    }), zt(() => {
       l.value = _(l.value), B(), document.addEventListener("pointerdown", j, !0), document.addEventListener("keydown", G), window.addEventListener("resize", O);
-    }), vo(() => {
+    }), Co(() => {
       x(), document.removeEventListener("pointerdown", j, !0), document.removeEventListener("keydown", G), window.removeEventListener("resize", O);
     }), (F, y) => {
       const b = fe("FmButton");
-      return X(), me(aa, {
+      return K(), de(ia, {
         "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",
@@ -1638,7 +1638,7 @@ const Pr = {
         "leave-to-class": "translate-x-full opacity-0"
       }, {
         default: De(() => [
-          m.value ? (X(), le("div", Pr, [
+          m.value ? (K(), le("div", Fr, [
             Y("div", {
               ref_key: "panelRef",
               ref: r,
@@ -1650,11 +1650,11 @@ const Pr = {
             }, [
               Y("div", {
                 class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
-                onPointerdown: ln(E, ["prevent"])
+                onPointerdown: un(q, ["prevent"])
               }, null, 32),
-              Y("div", Br, [
-                Y("div", Ar, Ce(i(a)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
-                Y("div", Fr, [
+              Y("div", Vr, [
+                Y("div", Nr, Ce(i(a)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
+                Y("div", $r, [
                   pe(b, {
                     class: "relative z-30 h-9 w-9 shrink-0",
                     variant: "tertiary",
@@ -1668,12 +1668,12 @@ const Pr = {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
                 onMouseleave: I
               }, [
-                (X(!0), le(Ne, null, ft(W.value, (R, T) => (X(), le("div", {
+                (K(!0), le(Ne, null, ft(W.value, (R, T) => (K(), le("div", {
                   key: R.key,
                   class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
                 }, [
-                  R.title ? (X(), le("p", Rr, Ce(R.title), 1)) : ge("", !0),
-                  (X(!0), le(Ne, null, ft(R.visibleValues, (M, z) => (X(), le("button", {
+                  R.title ? (K(), le("p", zr, Ce(R.title), 1)) : he("", !0),
+                  (K(!0), le(Ne, null, ft(R.visibleValues, (M, z) => (K(), le("button", {
                     key: `${M.text}-${z}`,
                     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",
@@ -1682,7 +1682,7 @@ const Pr = {
                     onMouseleave: I,
                     onBlur: I
                   }, [
-                    Y("span", Nr, [
+                    Y("span", Wr, [
                       Y("span", {
                         class: Ie([
                           "inline-block h-3 w-3 shrink-0 box-border",
@@ -1690,11 +1690,11 @@ const Pr = {
                         ]),
                         style: Pe({ backgroundColor: M.color })
                       }, null, 6),
-                      Y("span", $r, Ce(h(M)), 1)
+                      Y("span", Or, Ce(h(M)), 1)
                     ]),
-                    Y("span", zr, Ce(v(M)), 1)
-                  ], 40, Vr))), 128)),
-                  R.hasMore ? (X(), le("div", Hr, [
+                    Y("span", Ur, Ce(v(M)), 1)
+                  ], 40, Hr))), 128)),
+                  R.hasMore ? (K(), le("div", Kr, [
                     pe(b, {
                       class: "w-full",
                       variant: "tertiary",
@@ -1702,24 +1702,24 @@ const Pr = {
                       label: `${i(a)("report.widget.legend.viewMore")} (${R.remainingCount})`,
                       onClick: (M) => J(R.key)
                     }, null, 8, ["label", "onClick"])
-                  ])) : ge("", !0)
+                  ])) : he("", !0)
                 ]))), 128))
               ], 32)
-            ], 12, Mr)
-          ])) : ge("", !0)
+            ], 12, Rr)
+          ])) : he("", !0)
         ]),
         _: 1
       });
     };
   }
-}), Or = {
+}), Yr = {
   type: "button",
   class: "inline-flex cursor-pointer select-none items-center gap-1 rounded px-1 py-0.5 border-none bg-transparent text-fm-color-system-info-300 leading-[1.4]",
   style: { fontSize: "var(--legend-font-size)" }
-}, Ur = ["aria-pressed", "onClick"], Kr = ["title"], Xr = {
+}, Er = ["aria-pressed", "onClick"], qr = ["title"], Gr = {
   key: 0,
   class: "chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto"
-}, Yr = 36, fo = 2, mo = 16, Er = 50, qr = 6, Gr = /* @__PURE__ */ Ae({
+}, jr = 36, ho = 2, go = 16, Jr = 50, Zr = 6, Qr = /* @__PURE__ */ Ae({
   __name: "ChartLegendPanel",
   props: {
     chartRef: {},
@@ -1746,7 +1746,7 @@ const Pr = {
     ), $ = c(() => ({
       height: `${Math.max(0, I.value)}px`,
       transform: `translateY(${Math.max(0, A.value)}px)`
-    })), E = c(() => typeof n.textColor == "string" && n.textColor.trim().length > 0 ? n.textColor : "#6b6b6b"), O = c(() => typeof n.fontSize == "number" && Number.isFinite(n.fontSize) && n.fontSize > 0 ? n.fontSize : 12);
+    })), q = c(() => typeof n.textColor == "string" && n.textColor.trim().length > 0 ? n.textColor : "#6b6b6b"), O = c(() => typeof n.fontSize == "number" && Number.isFinite(n.fontSize) && n.fontSize > 0 ? n.fontSize : 12);
     function j(s) {
       G({ height: s, width: 0 });
     }
@@ -1762,7 +1762,7 @@ const Pr = {
       S != null && (window.clearTimeout(S), S = null);
     }
     function y() {
-      const s = zo(
+      const s = Oo(
         n.chartRef
       );
       if (s)
@@ -1774,7 +1774,7 @@ const Pr = {
         const N = g.querySelector("canvas");
         if (!(N instanceof HTMLCanvasElement))
           continue;
-        const U = Sn.getChart(N);
+        const U = Tn.getChart(N);
         if (U)
           return U;
       }
@@ -1806,8 +1806,8 @@ const Pr = {
         I.value = 0, A.value = 0;
         return;
       }
-      const U = p, Q = Math.max(18, Math.round(p / d * U)), oe = Math.max(0, U - Q), K = Math.max(1, d - p), ce = Math.round(g / K * oe);
-      I.value = Q, A.value = ce;
+      const U = p, ee = Math.max(18, Math.round(p / d * U)), oe = Math.max(0, U - ee), X = Math.max(1, d - p), ce = Math.round(g / X * oe);
+      I.value = ee, A.value = ce;
     }
     function M() {
       T();
@@ -1816,8 +1816,8 @@ const Pr = {
       const p = v.value, d = C.value;
       if (!p || !d || !L.value)
         return;
-      const g = d.getBoundingClientRect(), N = s.clientY - g.top, U = Math.max(0, N - I.value / 2), Q = Math.max(1, p.clientHeight - I.value), oe = Math.min(1, U / Q), K = Math.max(0, p.scrollHeight - p.clientHeight);
-      p.scrollTop = oe * K, T();
+      const g = d.getBoundingClientRect(), N = s.clientY - g.top, U = Math.max(0, N - I.value / 2), ee = Math.max(1, p.clientHeight - I.value), oe = Math.min(1, U / ee), X = Math.max(0, p.scrollHeight - p.clientHeight);
+      p.scrollTop = oe * X, T();
     }
     function re(s) {
       L.value && (B.value = !0, J.value = s.clientY, k.value = A.value);
@@ -1828,8 +1828,8 @@ const Pr = {
       const p = v.value;
       if (!p)
         return;
-      const d = s.clientY - J.value, g = Math.max(1, p.clientHeight - I.value), U = Math.min(g, Math.max(0, k.value + d)) / g, Q = Math.max(0, p.scrollHeight - p.clientHeight);
-      p.scrollTop = U * Q, T();
+      const d = s.clientY - J.value, g = Math.max(1, p.clientHeight - I.value), U = Math.min(g, Math.max(0, k.value + d)) / g, ee = Math.max(0, p.scrollHeight - p.clientHeight);
+      p.scrollTop = U * ee, T();
     }
     function H() {
       B.value && (B.value = !1);
@@ -1860,9 +1860,9 @@ const Pr = {
         return s;
       const p = (N = n.chartRef) == null ? void 0 : N.$el;
       if (p instanceof HTMLElement) {
-        const Q = (U = p.closest(".chart-layout")) == null ? void 0 : U.parentElement;
-        if (Q instanceof HTMLElement)
-          return Q;
+        const ee = (U = p.closest(".chart-layout")) == null ? void 0 : U.parentElement;
+        if (ee instanceof HTMLElement)
+          return ee;
       }
       return null;
     }
@@ -1874,12 +1874,12 @@ const Pr = {
       const p = Number(s.getBoundingClientRect().width);
       return Number.isFinite(p) && p > 0 ? p : null;
     }
-    function de() {
+    function me() {
       const s = te();
       if (s) {
-        const Q = Number(s.getBoundingClientRect().height);
-        if (Number.isFinite(Q) && Q > 0)
-          return Q;
+        const ee = Number(s.getBoundingClientRect().height);
+        if (Number.isFinite(ee) && ee > 0)
+          return ee;
       }
       const p = Z();
       if (!p)
@@ -1890,9 +1890,9 @@ const Pr = {
     function ye() {
       const s = te();
       if (s) {
-        const Q = Number(s.getBoundingClientRect().width);
-        if (Number.isFinite(Q) && Q > 0)
-          return Q;
+        const ee = Number(s.getBoundingClientRect().width);
+        if (Number.isFinite(ee) && ee > 0)
+          return ee;
       }
       const p = Z();
       if (!p)
@@ -1901,11 +1901,11 @@ const Pr = {
       return Number.isFinite(U) && U > 0 ? U : null;
     }
     function ne() {
-      const s = y(), p = Number(s == null ? void 0 : s.height), d = de();
+      const s = y(), p = Number(s == null ? void 0 : s.height), d = me();
       if (_.value)
-        return Number.isFinite(p) && p > 0 ? Math.max(0, Math.floor(p - mo)) : d != null ? Math.max(0, Math.floor(d - mo)) : 120;
+        return Number.isFinite(p) && p > 0 ? Math.max(0, Math.floor(p - go)) : d != null ? Math.max(0, Math.floor(d - go)) : 120;
       if (d != null) {
-        const g = d * 0.3, N = d - Yr, U = Math.min(g, N);
+        const g = d * 0.3, N = d - jr, U = Math.min(g, N);
         return Math.max(0, Math.floor(U));
       }
       return Number.isFinite(p) && p > 0 ? Math.max(0, Math.floor(p * 0.3)) : 120;
@@ -1913,19 +1913,19 @@ const Pr = {
     function we() {
       var U;
       if (_.value) {
-        const Q = ye();
-        if (Q != null)
-          return Math.max(0, Math.floor(Q * 0.3));
-        const oe = y(), K = Number(oe == null ? void 0 : oe.width);
-        return Number.isFinite(K) && K > 0 ? Math.max(0, Math.floor(K * 0.3)) : 180;
+        const ee = ye();
+        if (ee != null)
+          return Math.max(0, Math.floor(ee * 0.3));
+        const oe = y(), X = Number(oe == null ? void 0 : oe.width);
+        return Number.isFinite(X) && X > 0 ? Math.max(0, Math.floor(X * 0.3)) : 180;
       }
       const s = ie();
       if (s != null)
         return Math.max(0, Math.floor(s * 0.3));
       const p = y(), d = Number(p == null ? void 0 : p.width), g = Number(((U = W.value) == null ? void 0 : U.getBoundingClientRect().width) ?? 0);
       if (Number.isFinite(d) && d > 0) {
-        const Q = d + (Number.isFinite(g) ? g : 0);
-        return Math.max(0, Math.floor(Q * 0.3));
+        const ee = d + (Number.isFinite(g) ? g : 0);
+        return Math.max(0, Math.floor(ee * 0.3));
       }
       const N = ye();
       return N != null ? Math.max(0, Math.floor(N * 0.3)) : 180;
@@ -1933,32 +1933,32 @@ const Pr = {
     function _e(s, p) {
       const d = n.chartColorBinding;
       if (d) {
-        const U = typeof s.datasetIndex == "number" ? s.datasetIndex : p, Q = Number.isInteger(n.metricCount) && Number(n.metricCount) > 0 ? Number(n.metricCount) : Math.max(1, Number(l.value.length));
+        const U = typeof s.datasetIndex == "number" ? s.datasetIndex : p, ee = Number.isInteger(n.metricCount) && Number(n.metricCount) > 0 ? Number(n.metricCount) : Math.max(1, Number(l.value.length));
         if (d === xe.breakdown) {
-          const K = St({
+          const X = St({
             fallbackIndex: U,
-            metricCount: Q
+            metricCount: ee
           }), ce = Be({
             datasetIndex: U,
-            metricCount: Q,
+            metricCount: ee,
             mode: xe.metric
           });
           return Tt({
-            breakdownIndex: K,
+            breakdownIndex: X,
             metricIndex: ce,
-            metricCount: Q,
+            metricCount: ee,
             breakdownColors: n.chartBreakdownColors,
             useSecondaryMetricShades: n.chartUseSecondaryMetricShades,
             customColors: n.chartColors
           });
         }
         if (d === xe.metric) {
-          const K = Be({
+          const X = Be({
             datasetIndex: U,
-            metricCount: Q,
+            metricCount: ee,
             mode: xe.metric
           });
-          return Je({ index: K, customColors: n.chartColors });
+          return Je({ index: X, customColors: n.chartColors });
         }
         const oe = typeof s.index == "number" ? s.index : U;
         return Je({ index: oe, customColors: n.chartColors });
@@ -1980,14 +1980,14 @@ const Pr = {
         return s;
       const p = Number.isInteger(n.metricCount) && Number(n.metricCount) > 0 ? Number(n.metricCount) : 1;
       return [...s.map((g, N) => {
-        const U = typeof g.datasetIndex == "number" ? g.datasetIndex : N, Q = St({
+        const U = typeof g.datasetIndex == "number" ? g.datasetIndex : N, ee = St({
           fallbackIndex: U,
           metricCount: p
         });
         return {
           item: g,
           originalIndex: N,
-          breakdownIndex: Q
+          breakdownIndex: ee
         };
       })].sort((g, N) => g.breakdownIndex !== N.breakdownIndex ? g.breakdownIndex - N.breakdownIndex : g.originalIndex - N.originalIndex).map((g) => g.item);
     }
@@ -1996,33 +1996,33 @@ const Pr = {
         return s;
       const p = /* @__PURE__ */ new Map(), d = [];
       for (const g of s) {
-        const N = typeof g.index == "number", U = g.datasetIndex, Q = typeof U == "number" && !N, oe = typeof g.text == "string" ? g.text.trim() : "";
-        if (!Q || !oe) {
+        const N = typeof g.index == "number", U = g.datasetIndex, ee = typeof U == "number" && !N, oe = typeof g.text == "string" ? g.text.trim() : "";
+        if (!ee || !oe) {
           d.push(g);
           continue;
         }
-        const K = oe.toLowerCase(), ce = p.get(K);
+        const X = oe.toLowerCase(), ce = p.get(X);
         if (ce == null) {
           d.push({
             ...g,
             datasetIndexes: [U],
             datasetKeys: typeof g.datasetKey == "string" && g.datasetKey.trim().length > 0 ? [g.datasetKey] : []
-          }), p.set(K, d.length - 1);
+          }), p.set(X, d.length - 1);
           continue;
         }
         const ve = d[ce];
         if (!ve)
           continue;
-        const ee = new Set(
+        const Q = new Set(
           Array.isArray(ve.datasetIndexes) ? ve.datasetIndexes : typeof ve.datasetIndex == "number" ? [ve.datasetIndex] : []
         );
-        ee.add(U);
+        Q.add(U);
         const ae = new Set(
           Array.isArray(ve.datasetKeys) ? ve.datasetKeys : typeof ve.datasetKey == "string" && ve.datasetKey.trim().length > 0 ? [ve.datasetKey] : []
         );
         typeof g.datasetKey == "string" && g.datasetKey.trim().length > 0 && ae.add(g.datasetKey), d[ce] = {
           ...ve,
-          datasetIndexes: Array.from(ee).sort((he, be) => he - be),
+          datasetIndexes: Array.from(Q).sort((ge, be) => ge - be),
           datasetKeys: Array.from(ae),
           hidden: ve.hidden === !0 && g.hidden === !0
         };
@@ -2030,7 +2030,7 @@ const Pr = {
       return d;
     }
     function Lt(s) {
-      var K, ce, ve, ee, ae, he;
+      var X, ce, ve, Q, ae, ge;
       const p = s == null ? void 0 : s.legend;
       if (typeof (p == null ? void 0 : p.buildLabels) == "function")
         try {
@@ -2040,16 +2040,16 @@ const Pr = {
       const d = Fe(p == null ? void 0 : p.legendItems);
       if (d.length > 0)
         return d;
-      const g = (ce = (K = s == null ? void 0 : s.options) == null ? void 0 : K.plugins) == null ? void 0 : ce.legend, N = g == null ? void 0 : g.labels, U = N == null ? void 0 : N.generateLabels, Q = (he = (ae = (ee = (ve = Sn.defaults) == null ? void 0 : ve.plugins) == null ? void 0 : ee.legend) == null ? void 0 : ae.labels) == null ? void 0 : he.generateLabels;
+      const g = (ce = (X = s == null ? void 0 : s.options) == null ? void 0 : X.plugins) == null ? void 0 : ce.legend, N = g == null ? void 0 : g.labels, U = N == null ? void 0 : N.generateLabels, ee = (ge = (ae = (Q = (ve = Tn.defaults) == null ? void 0 : ve.plugins) == null ? void 0 : Q.legend) == null ? void 0 : ae.labels) == null ? void 0 : ge.generateLabels;
       let oe = Fe(
         typeof U == "function" ? U(s) : []
       );
-      return oe.length === 0 && typeof Q == "function" && (oe = Fe(Q(s))), typeof (N == null ? void 0 : N.filter) == "function" && (oe = oe.filter((be) => N.filter(be, s.data))), typeof (N == null ? void 0 : N.sort) == "function" && (oe = [...oe].sort((be, Re) => N.sort(be, Re, s.data))), (g == null ? void 0 : g.reverse) === !0 && (oe = [...oe].reverse()), oe;
+      return oe.length === 0 && typeof ee == "function" && (oe = Fe(ee(s))), typeof (N == null ? void 0 : N.filter) == "function" && (oe = oe.filter((be) => N.filter(be, s.data))), typeof (N == null ? void 0 : N.sort) == "function" && (oe = [...oe].sort((be, Re) => N.sort(be, Re, s.data))), (g == null ? void 0 : g.reverse) === !0 && (oe = [...oe].reverse()), oe;
     }
     function ht(s) {
       var d;
       return (Array.isArray((d = s == null ? void 0 : s.data) == null ? void 0 : d.datasets) ? s.data.datasets : []).map((g, N) => {
-        const U = Se((g == null ? void 0 : g.borderColor) ?? (g == null ? void 0 : g.backgroundColor)), Q = Ct({
+        const U = Se((g == null ? void 0 : g.borderColor) ?? (g == null ? void 0 : g.backgroundColor)), ee = Ct({
           datasetIndex: N,
           label: g == null ? void 0 : g.label
         });
@@ -2058,8 +2058,8 @@ const Pr = {
           fillStyle: U,
           strokeStyle: U,
           datasetIndex: N,
-          datasetKey: Q,
-          hidden: Array.isArray(n.hiddenDatasetKeys) ? n.hiddenDatasetKeys.includes(Q) : typeof s.isDatasetVisible == "function" ? !s.isDatasetVisible(N) : !1
+          datasetKey: ee,
+          hidden: Array.isArray(n.hiddenDatasetKeys) ? n.hiddenDatasetKeys.includes(ee) : typeof s.isDatasetVisible == "function" ? !s.isDatasetVisible(N) : !1
         };
       });
     }
@@ -2074,33 +2074,33 @@ const Pr = {
     function lt(s, p) {
       if (!Array.isArray(s) || s.length === 0)
         return [];
-      const d = s, g = d[0], N = Array.isArray(g == null ? void 0 : g.labels) ? g.labels : [], U = Array.isArray(p == null ? void 0 : p.metrics) ? p.metrics : [], Q = N.length > 0 ? N : U, oe = g == null ? void 0 : g.backgroundColor;
-      return d.length === 1 && Array.isArray(oe) && oe.length > 1 ? oe.map((K, ce) => ({
-        text: Q[ce] == null || String(Q[ce]).trim().length === 0 ? `Series ${ce + 1}` : String(Q[ce]),
-        fillStyle: Se(K),
-        strokeStyle: Se(K),
+      const d = s, g = d[0], N = Array.isArray(g == null ? void 0 : g.labels) ? g.labels : [], U = Array.isArray(p == null ? void 0 : p.metrics) ? p.metrics : [], ee = N.length > 0 ? N : U, oe = g == null ? void 0 : g.backgroundColor;
+      return d.length === 1 && Array.isArray(oe) && oe.length > 1 ? oe.map((X, ce) => ({
+        text: ee[ce] == null || String(ee[ce]).trim().length === 0 ? `Series ${ce + 1}` : String(ee[ce]),
+        fillStyle: Se(X),
+        strokeStyle: Se(X),
         datasetIndex: 0,
         index: ce,
         hidden: Ze(ce)
-      })) : d.map((K, ce) => ({
+      })) : d.map((X, ce) => ({
         datasetKey: Ct({
           datasetIndex: ce,
-          label: K == null ? void 0 : K.label
+          label: X == null ? void 0 : X.label
         }),
-        text: rt.value(K == null ? void 0 : K.label, K),
+        text: rt.value(X == null ? void 0 : X.label, X),
         fillStyle: Se(
-          (K == null ? void 0 : K.color) ?? (K == null ? void 0 : K.borderColor) ?? (K == null ? void 0 : K.backgroundColor) ?? (K == null ? void 0 : K.pointBackgroundColor)
+          (X == null ? void 0 : X.color) ?? (X == null ? void 0 : X.borderColor) ?? (X == null ? void 0 : X.backgroundColor) ?? (X == null ? void 0 : X.pointBackgroundColor)
         ),
         strokeStyle: Se(
-          (K == null ? void 0 : K.color) ?? (K == null ? void 0 : K.borderColor) ?? (K == null ? void 0 : K.backgroundColor) ?? (K == null ? void 0 : K.pointBorderColor)
+          (X == null ? void 0 : X.color) ?? (X == null ? void 0 : X.borderColor) ?? (X == null ? void 0 : X.backgroundColor) ?? (X == null ? void 0 : X.pointBorderColor)
         ),
         datasetIndex: ce,
         hidden: Array.isArray(n.hiddenDatasetKeys) ? n.hiddenDatasetKeys.includes(
           Ct({
             datasetIndex: ce,
-            label: K == null ? void 0 : K.label
+            label: X == null ? void 0 : X.label
           })
-        ) : !!(K != null && K.hidden)
+        ) : !!(X != null && X.hidden)
       }));
     }
     function vt() {
@@ -2115,46 +2115,46 @@ const Pr = {
       const s = h.value;
       return s ? Math.ceil(s.getBoundingClientRect().width) : 0;
     }
-    function qt() {
+    function Gt() {
       const s = h.value;
       return s ? Math.ceil(s.getBoundingClientRect().height) : 0;
     }
-    function Gt(s, p) {
-      var ee;
+    function jt(s, p) {
+      var Q;
       const d = v.value;
       if (!d || s.length === 0)
         return 0;
-      const g = Math.max(0, p - fo), N = window.getComputedStyle(d);
+      const g = Math.max(0, p - ho), N = window.getComputedStyle(d);
       if (N.flexDirection.startsWith("column")) {
-        const ae = Number.parseFloat(N.rowGap || N.gap || "0") || 0, he = qt();
+        const ae = Number.parseFloat(N.rowGap || N.gap || "0") || 0, ge = Gt();
         let be = 0, Re = 0;
         for (let He = 0; He < s.length; He += 1) {
           const We = s[He];
           if (!We)
             continue;
-          const Me = be + (Re > 0 ? ae : 0) + We.offsetHeight, Ye = s.length - (He + 1) > 0 ? ae + he : 0;
+          const Me = be + (Re > 0 ? ae : 0) + We.offsetHeight, Ye = s.length - (He + 1) > 0 ? ae + ge : 0;
           if (Me + Ye > g)
             break;
           be = Me, Re += 1;
         }
         return Re > 0 ? Re : 1;
       }
-      const Q = ((ee = s[0]) == null ? void 0 : ee.offsetTop) ?? 0, oe = s.filter(
-        (ae) => ae.offsetTop - Q + ae.offsetHeight <= g
+      const ee = ((Q = s[0]) == null ? void 0 : Q.offsetTop) ?? 0, oe = s.filter(
+        (ae) => ae.offsetTop - ee + ae.offsetHeight <= g
       );
       if (oe.length === 0)
         return 0;
       if (oe.length >= s.length)
         return oe.length;
-      const K = st();
-      if (K <= 0)
+      const X = st();
+      if (X <= 0)
         return Math.max(1, oe.length - 1);
       const ce = Number.parseFloat(N.columnGap || N.gap || "0") || 0, ve = d.clientWidth;
       for (let ae = oe.length; ae > 0; ae -= 1) {
-        const he = oe.slice(0, ae), be = he[he.length - 1];
+        const ge = oe.slice(0, ae), be = ge[ge.length - 1];
         if (!be)
           continue;
-        if (be.offsetLeft + be.offsetWidth + ce + K <= ve)
+        if (be.offsetLeft + be.offsetWidth + ce + X <= ve)
           return ae;
       }
       return 1;
@@ -2172,19 +2172,19 @@ const Pr = {
         m.value = !1, D.value = 0, u.value = 0, b(), T();
         return;
       }
-      const d = Array.from(new Set(p.map((ae) => ae.offsetTop))).sort((ae, he) => ae - he), g = !f.value && l.value.length > p.length, N = !f.value && !g, U = N || D.value <= 0 ? ne() : D.value;
+      const d = Array.from(new Set(p.map((ae) => ae.offsetTop))).sort((ae, ge) => ae - ge), g = !f.value && l.value.length > p.length, N = !f.value && !g, U = N || D.value <= 0 ? ne() : D.value;
       if ((N || D.value <= 0) && (D.value = U), g) {
         const ae = ne();
         if (ae > 0 && (D.value = ae), window.getComputedStyle(s).flexDirection.startsWith("column") && u.value < l.value.length) {
-          const Re = Math.max(0, D.value - fo), He = s.scrollHeight;
+          const Re = Math.max(0, D.value - ho), He = s.scrollHeight;
           if (He + 1 < Re) {
             const We = p.map((Ve) => Ve.offsetHeight).filter((Ve) => Number.isFinite(Ve) && Ve > 0), Me = We.length > 0 ? We.reduce((Ve, Ye) => Ve + Ye, 0) / We.length : 0;
             if (Me > 0) {
-              const Ve = window.getComputedStyle(s), Ye = Number.parseFloat(Ve.rowGap || Ve.gap || "0") || 0, Zt = Math.max(1, Me + Ye), gn = Re - He, Qt = Math.floor(gn / Zt);
-              if (Qt > 0) {
+              const Ve = window.getComputedStyle(s), Ye = Number.parseFloat(Ve.rowGap || Ve.gap || "0") || 0, Qt = Math.max(1, Me + Ye), yn = Re - He, en = Math.floor(yn / Qt);
+              if (en > 0) {
                 u.value = Math.min(
                   l.value.length,
-                  u.value + Qt
+                  u.value + en
                 ), Ke();
                 return;
               }
@@ -2194,11 +2194,11 @@ const Pr = {
         m.value = !0, b(), T();
         return;
       }
-      const Q = d[0] ?? 0, oe = d[d.length - 1] ?? Q, K = p.filter((ae) => ae.offsetTop === oe), ce = Math.max(...K.map((ae) => ae.offsetHeight), 0), ve = Math.max(0, oe - Q + ce), ee = Gt(p, U);
-      (N || u.value <= 0) && (u.value = Math.max(0, ee)), m.value = ve > U, b(), T();
+      const ee = d[0] ?? 0, oe = d[d.length - 1] ?? ee, X = p.filter((ae) => ae.offsetTop === oe), ce = Math.max(...X.map((ae) => ae.offsetHeight), 0), ve = Math.max(0, oe - ee + ce), Q = jt(p, U);
+      (N || u.value <= 0) && (u.value = Math.max(0, Q)), m.value = ve > U, b(), T();
     }
     function Ke() {
-      yo(() => {
+      xo(() => {
         Dt(), window.requestAnimationFrame(() => {
           Dt(), R(), T();
         });
@@ -2206,7 +2206,7 @@ const Pr = {
     }
     const It = c(() => {
       const s = {
-        "--legend-text-color": E.value,
+        "--legend-text-color": q.value,
         "--legend-font-size": `${O.value}px`
       }, p = ne();
       if (_.value) {
@@ -2261,7 +2261,7 @@ const Pr = {
       const d = Array.isArray(n.legendUpdateKey) && n.legendUpdateKey.length > 0 || !Array.isArray(n.legendUpdateKey) && !!n.legendUpdateKey;
       l.value.length === 0 && !(p.length > 0 || d) && j(0), Ke();
     }
-    function jt(s) {
+    function Jt(s) {
       return Array.isArray(s.datasetIndexes) && s.datasetIndexes.length > 0 ? s.datasetIndexes.filter((p) => Number.isInteger(p)) : typeof s.datasetIndex == "number" ? [s.datasetIndex] : [];
     }
     function ke(s, p) {
@@ -2280,34 +2280,34 @@ const Pr = {
         } : d
       );
     }
-    function mn(s, p, d) {
+    function hn(s, p, d) {
       var N;
       typeof s.setDatasetVisibility == "function" ? s.setDatasetVisibility(p, d) : d && typeof s.show == "function" ? s.show(p) : !d && typeof s.hide == "function" && s.hide(p);
       const g = Array.isArray((N = s == null ? void 0 : s.data) == null ? void 0 : N.datasets) ? s.data.datasets[p] : null;
       g && typeof g == "object" && (g.hidden = !d);
     }
-    function pn(s, p) {
-      var Q;
+    function gn(s, p) {
+      var ee;
       if (typeof s.toggleDataVisibility == "function") {
         s.toggleDataVisibility(p);
         return;
       }
-      const d = Array.isArray((Q = s == null ? void 0 : s.data) == null ? void 0 : Q.datasets) ? s.data.datasets[0] : null, g = Array.isArray(d == null ? void 0 : d.data) ? d.data : [];
+      const d = Array.isArray((ee = s == null ? void 0 : s.data) == null ? void 0 : ee.datasets) ? s.data.datasets[0] : null, g = Array.isArray(d == null ? void 0 : d.data) ? d.data : [];
       if (p < 0 || p >= g.length)
         return;
       const N = typeof s.getDatasetMeta == "function" ? s.getDatasetMeta(0) : null, U = Array.isArray(N == null ? void 0 : N.data) ? N.data[p] : null;
       U && typeof U.hidden == "boolean" && (U.hidden = !U.hidden);
     }
-    function Jt(s = 0) {
+    function Zt(s = 0) {
       Pt();
       const p = y(), d = l.value.length > 0;
-      if (p || d || s >= qr) {
+      if (p || d || s >= Zr) {
         F();
         return;
       }
       F(), S = window.setTimeout(() => {
-        Jt(s + 1);
-      }, Er);
+        Zt(s + 1);
+      }, Jr);
     }
     function Xe(s, p) {
       var ve;
@@ -2317,21 +2317,21 @@ const Pr = {
           o("toggleDataPointVisibility", { itemIndex: U });
           return;
         }
-        d && (pn(d, U), d.update());
-        const ee = d && typeof d.getDataVisibility == "function" ? !d.getDataVisibility(U) : s.hidden !== !0;
+        d && (gn(d, U), d.update());
+        const Q = d && typeof d.getDataVisibility == "function" ? !d.getDataVisibility(U) : s.hidden !== !0;
         Mt(
           (ae) => typeof ae.index == "number" ? ae.index === U : ae.datasetIndex === s.datasetIndex && ae.text === s.text,
-          ee
+          Q
         );
         return;
       }
-      const oe = jt(s), K = ke(s, oe);
+      const oe = Jt(s), X = ke(s, oe);
       if (Array.isArray(n.hiddenDatasetKeys) && oe.length > 0) {
-        oe.forEach((ee, ae) => {
+        oe.forEach((Q, ae) => {
           o("toggleDatasetVisibility", {
-            datasetIndex: ee,
-            datasetKey: K[ae] ?? Ct({
-              datasetIndex: ee,
+            datasetIndex: Q,
+            datasetKey: X[ae] ?? Ct({
+              datasetIndex: Q,
               label: s.text
             })
           });
@@ -2341,39 +2341,39 @@ const Pr = {
       const ce = vt();
       if (!d) {
         if (oe.length > 0) {
-          const ee = s.hidden !== !0;
+          const Q = s.hidden !== !0;
           oe.forEach((ae) => {
-            const he = ce[ae];
-            he && typeof he == "object" && (he.hidden = ee);
+            const ge = ce[ae];
+            ge && typeof ge == "object" && (ge.hidden = Q);
           }), Mt(
             (ae) => ze(ae, 0) === ze(s, 0),
-            ee
+            Q
           );
         }
         return;
       }
       if (oe.length > 0) {
         const ae = !oe.every(
-          (he) => typeof d.isDatasetVisible == "function" ? d.isDatasetVisible(he) : s.hidden !== !0
+          (ge) => typeof d.isDatasetVisible == "function" ? d.isDatasetVisible(ge) : s.hidden !== !0
         );
-        oe.forEach((he) => {
-          mn(d, he, ae);
-          const be = ce[he];
+        oe.forEach((ge) => {
+          hn(d, ge, ae);
+          const be = ce[ge];
           be && typeof be == "object" && (be.hidden = !ae);
         }), d.update(), Mt(
-          (he) => ze(he, 0) === ze(s, 0),
+          (ge) => ze(ge, 0) === ze(s, 0),
           !ae
         );
       }
     }
-    function hn() {
+    function vn() {
       f.value = !0, Ke();
     }
     function et() {
       f.value = !1, v.value && (v.value.scrollTop = 0), Ke();
     }
-    return $t(() => {
-      Jt(), window.addEventListener("mousemove", se), window.addEventListener("mouseup", H);
+    return zt(() => {
+      Zt(), window.addEventListener("mousemove", se), window.addEventListener("mouseup", H);
     }), Le(
       () => [
         n.enabled,
@@ -2385,9 +2385,9 @@ const Pr = {
       () => {
         Pt();
       }
-    ), vo(() => {
+    ), Co(() => {
       B.value = !1, F(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", se), window.removeEventListener("mouseup", H);
-    }), (s, p) => V.value ? (X(), le("div", {
+    }), (s, p) => V.value ? (K(), le("div", {
       key: 0,
       ref_key: "legendPanelRef",
       ref: W,
@@ -2408,7 +2408,7 @@ const Pr = {
           ref: h,
           class: "absolute invisible pointer-events-none left-0 top-0 z-[2] inline-flex max-w-full select-none"
         }, [
-          Y("button", Or, Ce(i(a)("report.widget.legend.viewMore")), 1)
+          Y("button", Yr, Ce(i(a)("report.widget.legend.viewMore")), 1)
         ], 512),
         Y("ul", {
           ref_key: "legendListRef",
@@ -2419,7 +2419,7 @@ const Pr = {
           style: Pe(it.value),
           onScroll: M
         }, [
-          (X(!0), le(Ne, null, ft(Qe.value, (d, g) => (X(), le("li", {
+          (K(!0), le(Ne, null, ft(Qe.value, (d, g) => (K(), le("li", {
             key: ze(d, g),
             class: Ie(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
               "opacity-45": d.hidden
@@ -2430,13 +2430,13 @@ const Pr = {
               type: "button",
               class: Ie(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "justify-start text-left": _.value }]),
               "aria-pressed": d.hidden === !0 ? "false" : "true",
-              onClick: ln((N) => Xe(d, g), ["stop"])
+              onClick: un((N) => Xe(d, g), ["stop"])
             }, [
-              n.usePointStyle !== !1 ? (X(), le("span", {
+              n.usePointStyle !== !1 ? (K(), le("span", {
                 key: 0,
                 class: "h-5 w-5 shrink-0 rounded-full",
                 style: Pe({ backgroundColor: _e(d, g) })
-              }, null, 4)) : (X(), le("span", {
+              }, null, 4)) : (K(), le("span", {
                 key: 1,
                 class: "h-5 w-5 shrink-0 rounded-sm border border-solid border-gray-300",
                 style: Pe({
@@ -2451,19 +2451,19 @@ const Pr = {
                   "line-through": d.hidden
                 }]),
                 title: d.text ?? ""
-              }, Ce(d.text), 11, Kr)
-            ], 10, Ur)
+              }, Ce(d.text), 11, qr)
+            ], 10, Er)
           ], 2))), 128)),
-          m.value ? (X(), le("li", Xr, [
+          m.value ? (K(), le("li", Gr, [
             Y("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] = ln((d) => f.value ? et() : hn(), ["stop"]))
+              onClick: p[0] || (p[0] = un((d) => f.value ? et() : vn(), ["stop"]))
             }, Ce(f.value ? i(a)("report.widget.legend.viewLess") : i(a)("report.widget.legend.viewMore")), 1)
-          ])) : ge("", !0)
+          ])) : he("", !0)
         ], 38),
-        x.value ? (X(), le("div", {
+        x.value ? (K(), le("div", {
           key: 0,
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
           onMousedown: z
@@ -2471,29 +2471,29 @@ const Pr = {
           Y("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
             style: Pe($.value),
-            onMousedown: ln(re, ["stop"])
+            onMousedown: un(re, ["stop"])
           }, null, 36)
-        ], 32)) : ge("", !0)
+        ], 32)) : he("", !0)
       ], 512)
-    ], 6)) : ge("", !0);
+    ], 6)) : he("", !0);
   }
-}), $e = /* @__PURE__ */ _o(Gr, [["__scopeId", "data-v-706fa016"]]);
-function jr(e, t) {
-  const { t: n } = mt(), { breakpoints: o } = zt(), a = P(!1), r = P(null), l = P(null);
+}), $e = /* @__PURE__ */ To(Qr, [["__scopeId", "data-v-706fa016"]]);
+function el(e, t) {
+  const { t: n } = mt(), { breakpoints: o } = Ht(), a = P(!1), r = P(null), l = P(null);
   function u() {
-    return zo(e.value) ?? l.value;
+    return Oo(e.value) ?? l.value;
   }
   function f(v) {
-    a.value = v, !v && (r.value = null, un(u()), l.value = null);
+    a.value = v, !v && (r.value = null, dn(u()), l.value = null);
   }
   function m(v, h) {
     r.value = v, l.value = h ?? u(), a.value = !0;
   }
   function D(v) {
-    un(u(), v.focusTarget);
+    dn(u(), v.focusTarget);
   }
   function W() {
-    un(u());
+    dn(u());
   }
   const C = c(() => ({
     viewFullDetailsLabel: o.value.xs || o.value.sm ? n("report.widget.comparisonTooltip.doubleClickViewBreakdown") : n("report.widget.comparisonTooltip.viewBreakdown"),
@@ -2510,7 +2510,7 @@ function jr(e, t) {
     handleTooltipDetailsLeave: W
   };
 }
-function Jr(e) {
+function tl(e) {
   const t = P([]), n = c(() => new Set(t.value));
   function o(l, u) {
     return Ct({
@@ -2544,7 +2544,7 @@ function Jr(e) {
     toggleDatasetVisibility: r
   };
 }
-function Kt({ chartRef: e, model: t, baseDatasets: n }) {
+function Xt({ chartRef: e, model: t, baseDatasets: n }) {
   const o = c(() => t.value.maxTooltipItems), {
     isTooltipDetailsSheetOpen: a,
     tooltipDetailsPayload: r,
@@ -2552,14 +2552,14 @@ function Kt({ chartRef: e, model: t, baseDatasets: n }) {
     handleTooltipDetailsSheetVisibility: u,
     handleTooltipDetailsHover: f,
     handleTooltipDetailsLeave: m
-  } = jr(e, {
+  } = el(e, {
     maxTooltipItems: o,
     comparisonXAxis: c(() => {
       var x;
       return (x = t.value.data) == null ? void 0 : x.comparisonXAxis;
     })
-  }), { datalabels: D, xCfg: W, yCfg: C, isTransposed: v, legend: h } = Oo(t.value), L = c(
-    () => An(t.value.isTransposed === !0, l.value)
+  }), { datalabels: D, xCfg: W, yCfg: C, isTransposed: v, legend: h } = Xo(t.value), L = c(
+    () => Rn(t.value.isTransposed === !0, l.value)
   ), I = c(() => {
     const x = h.value.position;
     return !x || x === "top" || x === "bottom" || x === "left" || x === "right";
@@ -2567,7 +2567,7 @@ function Kt({ chartRef: e, model: t, baseDatasets: n }) {
     () => A.value === "left" || A.value === "right"
   ), J = c(
     () => A.value === "top" || A.value === "left"
-  ), { hiddenDatasetKeys: k, isDatasetHidden: V, toggleDatasetVisibility: _ } = Jr(n), S = c(() => n.value.map((x, $) => ({
+  ), { hiddenDatasetKeys: k, isDatasetHidden: V, toggleDatasetVisibility: _ } = tl(n), S = c(() => n.value.map((x, $) => ({
     ...x,
     hidden: V(x, $)
   })));
@@ -2592,28 +2592,28 @@ function Kt({ chartRef: e, model: t, baseDatasets: n }) {
     datasets: S
   };
 }
-const po = /* @__PURE__ */ new WeakMap();
-function Uo(e) {
+const vo = /* @__PURE__ */ new WeakMap();
+function Yo(e) {
   return typeof e == "number" && Number.isFinite(e);
 }
-function Xt(e) {
-  return e.map((t) => Uo(t) ? t : null);
+function Yt(e) {
+  return e.map((t) => Yo(t) ? t : null);
 }
-function On(e) {
+function Kn(e) {
   return e.reduce((t, n, o) => (n === null && t.push(o), t), []);
 }
-function Yt(e, t) {
+function Et(e, t) {
   const n = e[t];
   if (!n || n.xAxisIndex === void 0)
     return t;
-  let o = po.get(e);
+  let o = vo.get(e);
   return o || (o = /* @__PURE__ */ new Map(), e.forEach((a, r) => {
     o.has(a.name) || o.set(a.name, r);
-  }), po.set(e, o)), o.get(n.name) ?? t;
+  }), vo.set(e, o)), o.get(n.name) ?? t;
 }
-function Et(e, t, n) {
+function qt(e, t, n) {
   return e.some((o) => o.xAxisIndex !== void 0) ? e.filter(
-    (o) => o.xAxisIndex === void 0 || Uo(o.values[0]) || (n == null ? void 0 : n.preserveNullableValues) === !0 && o.values[0] === null
+    (o) => o.xAxisIndex === void 0 || Yo(o.values[0]) || (n == null ? void 0 : n.preserveNullableValues) === !0 && o.values[0] === null
   ).map((o) => o.xAxisIndex === void 0 ? o : {
     ...o,
     values: Array.from(
@@ -2622,7 +2622,7 @@ function Et(e, t, n) {
     )
   }) : e;
 }
-const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /* @__PURE__ */ Ae({
+const nl = { class: "widget-content" }, _n = 1, yo = "rgba(0, 0, 0, 0)", ol = /* @__PURE__ */ Ae({
   __name: "WidgetBarchart",
   props: /* @__PURE__ */ Oe({
     tileIndex: {}
@@ -2641,29 +2641,29 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
     }), r = c(
       () => o.value.some((T) => T.xAxisIndex !== void 0)
     ), l = c(
-      () => Et(o.value, a.value.length, {
+      () => qt(o.value, a.value.length, {
         preserveNullableValues: t.value.hasNullableMetric
       })
     ), u = c(() => !r.value && a.value.length === 1 && o.value.length > 1 && o.value.every((T) => T.values.length === 1 && T.isCompare !== !0)), f = c(() => u.value ? o.value.map((T) => T.name) : a.value), m = c(() => ({
       categories: f.value
-    })), D = c(() => !r.value && a.value.length === 1 && o.value.some((T) => T.isCompare === !0)), W = Ot("bar");
+    })), D = c(() => !r.value && a.value.length === 1 && o.value.some((T) => T.isCompare === !0)), W = Ut("bar");
     function C(T) {
       return {
         label: `__comparison_gap__${T}`,
         data: [0],
-        backgroundColor: ho,
-        borderColor: ho,
+        backgroundColor: yo,
+        borderColor: yo,
         minBarLength: 0,
-        barPercentage: xn,
+        barPercentage: _n,
         isSpacer: !0
       };
     }
     const v = c(() => o.value.length > 0 ? [
       ...l.value.map((T, M) => {
-        const z = Ht({
+        const z = Wt({
           datasets: l.value,
           datasetIndex: M
-        }), re = r.value ? Yt(l.value, z) : z, se = Be({
+        }), re = r.value ? Et(l.value, z) : z, se = Be({
           datasetIndex: re,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -2681,19 +2681,19 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
         const te = t.value.chartColorBinding === xe.breakdown, ie = St({
           fallbackIndex: re,
           metricCount: t.value.metricCount
-        }), de = Xt(Z);
+        }), me = Yt(Z);
         return {
           label: T.name,
-          data: de,
+          data: me,
           xAxisIndex: T.xAxisIndex,
-          emptyValueIndexes: t.value.hasNullableMetric ? T.xAxisIndex === void 0 ? On(Z) : Z[T.xAxisIndex] === null ? [T.xAxisIndex] : void 0 : void 0,
+          emptyValueIndexes: t.value.hasNullableMetric ? T.xAxisIndex === void 0 ? Kn(Z) : Z[T.xAxisIndex] === null ? [T.xAxisIndex] : void 0 : void 0,
           dash: !!T.isCompare,
           // A SQL row only owns one X-axis bucket. Skip its generated nulls in
           // every other bucket so an earlier date cannot reserve a bar slot
           // ahead of the current date's SQL-sorted rows.
           skipNull: r.value,
           minBarLength: void 0,
-          barPercentage: D.value ? xn : void 0,
+          barPercentage: D.value ? _n : void 0,
           backgroundColor: te ? Tt({
             breakdownIndex: ie,
             metricIndex: H,
@@ -2722,13 +2722,13 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
       isTransposed: S,
       legend: x,
       useCustomLegend: $,
-      legendPosition: E,
+      legendPosition: q,
       isLegendSide: O,
       isLegendBeforeChart: j,
       hiddenDatasetKeys: G,
       toggleDatasetVisibility: F,
       datasets: y
-    } = Kt({
+    } = Xt({
       chartRef: n,
       model: t,
       baseDatasets: v
@@ -2739,7 +2739,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
       return y.value.forEach((M, z) => {
         T.push({
           ...M,
-          barPercentage: xn
+          barPercentage: _n
         });
         const re = y.value[z + 1];
         M.dash === !0 && re && T.push(C(z));
@@ -2756,19 +2756,19 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
     return (T, M) => {
       var re, se, H, Z, te, ie;
       const z = fe("FmBarChart");
-      return X(), le(Ne, null, [
-        Y("div", Zr, [
+      return K(), le(Ne, null, [
+        Y("div", nl, [
           ot(T.$slots, "menu"),
           Y("div", {
             class: Ie(["chart-layout", {
               "chart-layout--side": i($) && (i(x).display ?? !1) && i(O)
             }])
           }, [
-            i($) && (i(x).display ?? !1) && i(j) ? (X(), me($e, {
+            i($) && (i(x).display ?? !1) && i(j) ? (K(), de($e, {
               key: 0,
               "chart-ref": n.value,
               enabled: i(x).display ?? !1,
-              position: i(E),
+              position: i(q),
               "text-color": (re = i(x).labels) == null ? void 0 : re.color,
               "font-size": (H = (se = i(x).labels) == null ? void 0 : se.font) == null ? void 0 : H.size,
               "legend-update-key": i(y),
@@ -2780,7 +2780,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(G),
               onToggleDatasetVisibility: i(F)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0),
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0),
             pe(z, {
               ref_key: "chartRef",
               ref: n,
@@ -2796,11 +2796,11 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
               plugins: [i(W)],
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins"]),
-            i($) && (i(x).display ?? !1) && !i(j) ? (X(), me($e, {
+            i($) && (i(x).display ?? !1) && !i(j) ? (K(), de($e, {
               key: 1,
               "chart-ref": n.value,
               enabled: i(x).display ?? !1,
-              position: i(E),
+              position: i(q),
               "text-color": (Z = i(x).labels) == null ? void 0 : Z.color,
               "font-size": (ie = (te = i(x).labels) == null ? void 0 : te.font) == null ? void 0 : ie.size,
               "legend-update-key": i(y),
@@ -2812,10 +2812,10 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(G),
               onToggleDatasetVisibility: i(F)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0)
           ], 2)
         ]),
-        pe(Ut, {
+        pe(Kt, {
           "model-value": i(h),
           "details-payload": i(L),
           "onUpdate:modelValue": i(I),
@@ -2825,7 +2825,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
       ], 64);
     };
   }
-}), el = { class: "widget-content" }, tl = /* @__PURE__ */ Ae({
+}), al = { class: "widget-content" }, rl = /* @__PURE__ */ Ae({
   __name: "WidgetCircular",
   props: /* @__PURE__ */ Oe({
     tileIndex: {}
@@ -2835,7 +2835,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Ue(e, "modelValue"), { breakpoints: n } = zt(), o = P(null), a = P([]), { datalabels: r, legend: l } = Oo(t.value), u = c(() => {
+    const t = Ue(e, "modelValue"), { breakpoints: n } = Ht(), o = P(null), a = P([]), { datalabels: r, legend: l } = Xo(t.value), u = c(() => {
       const V = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((_) => _.name) : [];
       return V.length > 0 ? V : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((_) => String(_)) : [];
     }), f = c(() => {
@@ -2878,7 +2878,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
       return typeof V == "string" && V.trim().length > 0 ? V : t.value.legendColor ?? "#6b6b6b";
     }), A = c(() => m.value), B = c(() => ({
       display: !1
-    })), J = Fa();
+    })), J = $a();
     function k({ itemIndex: V }) {
       if (a.value.includes(V)) {
         a.value = a.value.filter(
@@ -2890,14 +2890,14 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
     }
     return (V, _) => {
       const S = fe("FmPieChart");
-      return X(), le("div", el, [
+      return K(), le("div", al, [
         ot(V.$slots, "menu"),
         Y("div", {
           class: Ie(["chart-layout", {
             "chart-layout--side": C.value && h.value
           }])
         }, [
-          C.value && L.value ? (X(), me($e, {
+          C.value && L.value ? (K(), de($e, {
             key: 0,
             "chart-ref": o.value,
             enabled: W.value,
@@ -2913,7 +2913,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": a.value,
             onToggleDataPointVisibility: k
-          }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : ge("", !0),
+          }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : he("", !0),
           pe(S, {
             ref_key: "chartRef",
             ref: o,
@@ -2927,7 +2927,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
             datalabels: i(r),
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "metrics", "tooltip", "legend", "datalabels"]),
-          C.value && !L.value ? (X(), me($e, {
+          C.value && !L.value ? (K(), de($e, {
             key: 1,
             "chart-ref": o.value,
             enabled: W.value,
@@ -2943,15 +2943,15 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": a.value,
             onToggleDataPointVisibility: k
-          }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : ge("", !0)
+          }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : he("", !0)
         ], 2)
       ]);
     };
   }
-}), nl = { class: "h-full flex flex-col gap-2 justify-end" }, ol = { class: "flex flex-wrap gap-x-4 gap-y-2" }, al = { class: "flex items-center gap-1" }, rl = ["title"], ll = { class: "fm-typo-en-body-lg-600" }, sl = {
+}), ll = { class: "h-full flex flex-col gap-2 justify-end" }, sl = { class: "flex flex-wrap gap-x-4 gap-y-2" }, il = { class: "flex items-center gap-1" }, ul = ["title"], cl = { class: "fm-typo-en-body-lg-600" }, dl = {
   class: "flex w-full h-3 shrink-0 rounded-full overflow-hidden",
   style: { "background-color": "#f2f2f7" }
-}, il = /* @__PURE__ */ Ae({
+}, fl = /* @__PURE__ */ Ae({
   __name: "ScorecardStackedBar",
   props: {
     dimensions: {},
@@ -2971,13 +2971,13 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
         };
       });
     });
-    return (o, a) => (X(), le("div", nl, [
-      Y("div", ol, [
-        (X(!0), le(Ne, null, ft(n.value, (r, l) => (X(), le("div", {
+    return (o, a) => (K(), le("div", ll, [
+      Y("div", sl, [
+        (K(!0), le(Ne, null, ft(n.value, (r, l) => (K(), le("div", {
           key: l,
           class: "flex flex-col gap-1 flex-1 min-w-[80px]"
         }, [
-          Y("div", al, [
+          Y("div", il, [
             Y("span", {
               class: "inline-block w-3 h-3 rounded-sm shrink-0",
               style: Pe({ backgroundColor: r.color })
@@ -2985,29 +2985,29 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
             Y("p", {
               class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary truncate",
               title: r.label
-            }, Ce(r.label), 9, rl)
+            }, Ce(r.label), 9, ul)
           ]),
-          Y("p", ll, Ce(r.display), 1)
+          Y("p", cl, Ce(r.display), 1)
         ]))), 128))
       ]),
-      Y("div", sl, [
-        (X(!0), le(Ne, null, ft(n.value, (r, l) => (X(), le("div", {
+      Y("div", dl, [
+        (K(!0), le(Ne, null, ft(n.value, (r, l) => (K(), le("div", {
           key: l,
           style: Pe({ width: `${r.width}%`, backgroundColor: r.color })
         }, null, 4))), 128))
       ])
     ]));
   }
-}), ul = { class: "flex flex-col h-full" }, cl = { class: "fm-typo-en-title-md-600" }, dl = { class: "flex gap-2 mt-2" }, fl = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, ml = {
+}), ml = { class: "flex flex-col h-full" }, pl = { class: "fm-typo-en-title-md-600" }, hl = { class: "flex gap-2 mt-2" }, gl = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, vl = {
   key: 0,
   class: "mt-auto pt-4"
-}, pl = { class: "flex justify-between gap-2 text-fm-color-typo-secondary fm-typo-en-body-sm-600" }, hl = { class: "text-right" }, gl = ["aria-valuenow", "aria-valuetext"], vl = { class: "mt-1 text-fm-color-typo-secondary fm-typo-en-body-sm-600" }, yl = {
+}, yl = { class: "flex justify-between gap-2 text-fm-color-typo-secondary fm-typo-en-body-sm-600" }, bl = { class: "text-right" }, Cl = ["aria-valuenow", "aria-valuetext"], xl = { class: "mt-1 text-fm-color-typo-secondary fm-typo-en-body-sm-600" }, wl = {
   key: 1,
   class: "grow min-h-0 mt-2"
-}, bl = {
+}, _l = {
   key: 2,
   class: "mt-2"
-}, Cl = /* @__PURE__ */ Ae({
+}, Sl = /* @__PURE__ */ Ae({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -3015,13 +3015,13 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Ue(e, "modelValue"), { t: n } = mt(), { compareDateRange: o, defaultDateSetting: a } = Vt(cn()), { country: r } = wo(), l = c(() => {
+    const t = Ue(e, "modelValue"), { t: n } = mt(), { compareDateRange: o, defaultDateSetting: a } = Nt(fn()), { country: r } = ko(), l = c(() => {
       var O;
       return ((O = t.value.data) == null ? void 0 : O.value) || "";
     }), u = c(() => dt(l.value)), f = c(
       () => {
         var O, j;
-        return ((j = (O = t.value.data) == null ? void 0 : O.sparkline) == null ? void 0 : j.type) === Rt.progress;
+        return ((j = (O = t.value.data) == null ? void 0 : O.sparkline) == null ? void 0 : j.type) === Vt.progress;
       }
     ), m = c(() => t.value.sparklineTargetValue);
     function D(O) {
@@ -3047,15 +3047,15 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
       return !Number.isFinite(O) || j == null || j <= 0 ? "" : dt(Math.max(j - O, 0));
     }), B = c(() => {
       const { data: O } = t.value;
-      return O != null && O.comparison ? Po(l.value, O.comparison, r) : null;
+      return O != null && O.comparison ? Ao(l.value, O.comparison, r) : null;
     });
     function J(O) {
       switch (O) {
-        case Rt.bar:
+        case Vt.bar:
           return "bar";
-        case Rt.stackedBar:
+        case Vt.stackedBar:
           return "stacked";
-        case Rt.line:
+        case Vt.line:
         default:
           return "line";
       }
@@ -3076,14 +3076,14 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
       color: "#36a2eb"
     }))), x = c(
       () => S.value.map((O) => ({ ...O, backgroundColor: "rgba(54,162,235,0.25)" }))
-    ), $ = c(() => An(!1)), E = c(() => An(!1));
+    ), $ = c(() => Rn(!1)), q = c(() => Rn(!1));
     return (O, j) => {
       var T;
       const G = fe("FmIcon"), F = fe("FmChip"), y = fe("FmTooltip"), b = fe("FmLineChart"), R = fe("FmBarChart");
-      return X(), le("div", ul, [
+      return K(), le("div", ml, [
         ot(O.$slots, "menu"),
-        Y("p", cl, Ce(u.value), 1),
-        Y("div", dl, [
+        Y("p", pl, Ce(u.value), 1),
+        Y("div", hl, [
           pe(y, {
             disabled: B.value === null,
             placement: "right",
@@ -3093,11 +3093,11 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
             content: De(() => {
               var M;
               return [
-                Y("span", fl, Ce(`vs. ${(M = i(a).defaultCompareType) == null ? void 0 : M.split("_").join(" ")}`), 1)
+                Y("span", gl, Ce(`vs. ${(M = i(a).defaultCompareType) == null ? void 0 : M.split("_").join(" ")}`), 1)
               ];
             }),
             default: De(() => [
-              B.value ? (X(), me(F, {
+              B.value ? (K(), de(F, {
                 key: 0,
                 icon: B.value.icon.name,
                 class: Ie(`bg-${B.value.icon.tailwind}`),
@@ -3114,8 +3114,8 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
                   }, Ce(B.value.value), 5)
                 ]),
                 _: 1
-              }, 8, ["icon", "class"])) : ge("", !0),
-              i(o).endDate != null && i(o).startDate != null && B.value === null ? (X(), me(F, {
+              }, 8, ["icon", "class"])) : he("", !0),
+              i(o).endDate != null && i(o).startDate != null && B.value === null ? (K(), de(F, {
                 key: 1,
                 class: "invisible pointer-events-none",
                 "aria-hidden": "true",
@@ -3129,17 +3129,17 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
                   j[0] || (j[0] = Y("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
                 ]),
                 _: 1
-              })) : ge("", !0)
+              })) : he("", !0)
             ]),
             _: 1
           }, 8, ["disabled"])
         ]),
-        f.value ? (X(), le("div", ml, [
-          Y("div", pl, [
+        f.value ? (K(), le("div", vl, [
+          Y("div", yl, [
             Y("span", {
               class: Ie(W.value === null ? "" : "text-fm-color-primary-500")
             }, Ce(h.value), 3),
-            Y("span", hl, Ce(u.value) + " / " + Ce(L.value), 1)
+            Y("span", bl, Ce(u.value) + " / " + Ce(L.value), 1)
           ]),
           Y("div", {
             class: "h-8 mt-1 overflow-hidden rounded-full bg-fm-color-neutral-gray-100",
@@ -3153,10 +3153,10 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
               class: "h-full rounded-full bg-[#36A2EB] transition-[width] duration-300",
               style: Pe({ width: `${C.value}%` })
             }, null, 4)
-          ], 8, gl),
-          Y("p", vl, Ce(I.value), 1)
-        ])) : k.value ? (X(), le("div", yl, [
-          J(k.value.type) === "line" ? (X(), me(b, {
+          ], 8, Cl),
+          Y("p", xl, Ce(I.value), 1)
+        ])) : k.value ? (K(), le("div", wl, [
+          J(k.value.type) === "line" ? (K(), de(b, {
             key: 0,
             class: "sparkline sparkline-chart",
             datasets: x.value,
@@ -3169,7 +3169,7 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
             "x-cfg": { display: !1 },
             tooltip: $.value,
             "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : J(k.value.type) === "bar" ? (X(), me(R, {
+          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : J(k.value.type) === "bar" ? (K(), de(R, {
             key: 1,
             class: "sparkline sparkline-chart",
             datasets: S.value,
@@ -3180,15 +3180,15 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
             "x-axis": { categories: k.value.dimensions },
             "y-cfg": _.value,
             "x-cfg": { display: !1 },
-            tooltip: E.value,
+            tooltip: q.value,
             "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : (X(), me(il, {
+          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : (K(), de(fl, {
             key: 2,
             dimensions: k.value.dimensions,
             values: ((T = k.value.datasets[0]) == null ? void 0 : T.values) ?? [],
             "percent-of-total": k.value.percentOfTotal === !0
           }, null, 8, ["dimensions", "values", "percent-of-total"]))
-        ])) : (X(), le("div", bl, j[1] || (j[1] = [
+        ])) : (K(), le("div", _l, j[1] || (j[1] = [
           Y("div", { class: "sparkline" }, [
             Y("div", { class: "flex flex-col gap-8" }, [
               Y("div"),
@@ -3200,15 +3200,15 @@ const Zr = { class: "widget-content" }, xn = 1, ho = "rgba(0, 0, 0, 0)", Qr = /*
       ]);
     };
   }
-}), xl = {};
-function wl(e, t) {
+}), kl = {};
+function Tl(e, t) {
   const n = fe("FmMenuDivider");
-  return X(), me(n);
+  return K(), de(n);
 }
-const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableData.worker-C4hgpe0l.js", kl = { class: "flex h-full flex-col" }, Tl = { class: "my-4 shrink-0" }, Ll = {
+const Ll = /* @__PURE__ */ To(kl, [["render", Tl]]), Dl = "/assets/processTableData.worker-C2Ubh_e0.js", Il = { class: "flex h-full flex-col" }, Pl = { class: "my-4 shrink-0" }, Ml = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
-}, Dl = { class: "font-bold" }, Il = { class: "text-fm-color-neutral-gray-300" }, Pl = /* @__PURE__ */ Ae({
+}, Bl = { class: "font-bold" }, Al = { class: "text-fm-color-neutral-gray-300" }, Fl = /* @__PURE__ */ Ae({
   __name: "WidgetTable",
   props: /* @__PURE__ */ Oe({
     tileIndex: {}
@@ -3218,7 +3218,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t, te: n } = mt(), o = Ue(e, "modelValue"), { country: a } = wo(), { clearTileSorts: r, setTileSorts: l } = da(), u = Rn(), f = e, m = P([]), D = P(null), W = c(() => {
+    const { t, te: n } = mt(), o = Ue(e, "modelValue"), { country: a } = ko(), { clearTileSorts: r, setTileSorts: l } = ha(), u = Nn(), f = e, m = P([]), D = P(null), W = c(() => {
       var y;
       return ((y = o.value.data) == null ? void 0 : y.columns) || [{ label: "", key: "" }];
     }), C = c(() => {
@@ -3299,14 +3299,14 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       } : (b.includes("#") && !b.startsWith("#") && (b = b.split("#")[0]), {
         main: b,
         comparison: y == null ? void 0 : y.comparison,
-        difference: Po(y.main, y.comparison, i(a))
+        difference: Ao(y.main, y.comparison, i(a))
       });
     }
-    $t(() => {
+    zt(() => {
       r();
     });
     const x = P([]);
-    let $ = 0, E;
+    let $ = 0, q;
     function O() {
       var M;
       if (!((M = o.value) != null && M.data)) {
@@ -3325,15 +3325,15 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
         rows: b,
         columns: R,
         filter: B.value ?? "",
-        globalSorts: la(m.value).map((z) => ({
+        globalSorts: ca(m.value).map((z) => ({
           key: z.key,
           type: z.type
         })),
         grandTotalPosition: k.value,
         pageSize: V.value
       };
-      fa(Sl, T).then((z) => {
-        y === $ && (z != null && z.error ? (u.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(z.error), x.value = []) : x.value = sa(z.data || []));
+      ga(Dl, T).then((z) => {
+        y === $ && (z != null && z.error ? (u.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(z.error), x.value = []) : x.value = da(z.data || []));
       });
     }
     Le(
@@ -3358,7 +3358,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
     Le(
       () => j.value,
       () => {
-        clearTimeout(E), E = setTimeout(O, 200);
+        clearTimeout(q), q = setTimeout(O, 200);
       },
       { immediate: !0 }
     );
@@ -3378,7 +3378,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
           accessorKey: b.key,
           header: () => {
             const H = fe("FmIcon");
-            return tn(
+            return nn(
               "button",
               {
                 type: "button",
@@ -3386,12 +3386,12 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
                 onClick: () => G(b.key)
               },
               [
-                tn(
+                nn(
                   "span",
                   { class: `${b.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
                   T
                 ),
-                tn(H, {
+                nn(H, {
                   name: se,
                   color: z ? "primary" : "neutral-gray-400",
                   size: "sm",
@@ -3402,9 +3402,9 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
             );
           },
           cell: (H) => {
-            var ie, de;
-            const Z = S(H.getValue()), te = (de = (ie = H == null ? void 0 : H.row) == null ? void 0 : ie.original) == null ? void 0 : de.isRollup;
-            return tn(
+            var ie, me;
+            const Z = S(H.getValue()), te = (me = (ie = H == null ? void 0 : H.row) == null ? void 0 : ie.original) == null ? void 0 : me.isRollup;
+            return nn(
               "div",
               {
                 class: [
@@ -3425,8 +3425,8 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
     });
     return (y, b) => {
       const R = fe("FmTable");
-      return X(), le("div", kl, [
-        Y("div", Tl, [
+      return K(), le("div", Il, [
+        Y("div", Pl, [
           ot(y.$slots, "menu")
         ]),
         pe(R, {
@@ -3441,17 +3441,17 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
           class: "scrollbar-hide-table min-h-0 flex-1",
           "pin-header-row": !0,
           "auto-reset-page-index": !0
-        }, ra({ _: 2 }, [
+        }, ua({ _: 2 }, [
           k.value ? {
             name: "pin-top",
             fn: De(() => [
-              (X(), me(bo(k.value === i(Ge).bottom ? "tfoot" : "tbody"), null, {
+              (K(), de(wo(k.value === i(Ge).bottom ? "tfoot" : "tbody"), null, {
                 default: De(() => [
-                  Y("tr", Ll, [
-                    (X(!0), le(Ne, null, ft(_.value, (T, M) => {
+                  Y("tr", Ml, [
+                    (K(!0), le(Ne, null, ft(_.value, (T, M) => {
                       var z;
-                      return X(), le("td", {
-                        key: `${i(Ft)()}_${M}`,
+                      return K(), le("td", {
+                        key: `${i(Rt)()}_${M}`,
                         class: "text-fm-color-typo-primary px-16",
                         style: Pe({
                           ...L(),
@@ -3467,8 +3467,8 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
                           ]),
                           style: Pe(L())
                         }, [
-                          Y("p", Dl, Ce(T.rowType === "NUMERIC" ? i(dt)(T.main) : T.main), 1),
-                          Y("p", Il, Ce(T.comparison ? T.rowType === "NUMERIC" ? `(${i(dt)(T.comparison)})` : `(${T.comparison})` : ""), 1)
+                          Y("p", Bl, Ce(T.rowType === "NUMERIC" ? i(dt)(T.main) : T.main), 1),
+                          Y("p", Al, Ce(T.comparison ? T.rowType === "NUMERIC" ? `(${i(dt)(T.comparison)})` : `(${T.comparison})` : ""), 1)
                         ], 6)
                       ], 4);
                     }), 128))
@@ -3483,7 +3483,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       ]);
     };
   }
-}), Ml = { class: "widget-content" }, Bl = /* @__PURE__ */ Ae({
+}), Rl = { class: "widget-content" }, Vl = /* @__PURE__ */ Ae({
   __name: "WidgetStackBarChart",
   props: /* @__PURE__ */ Oe({
     tileIndex: {}
@@ -3504,10 +3504,10 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
     }), l = c(
       () => r.value.some((T) => T.xAxisIndex !== void 0)
     ), u = c(
-      () => Et(r.value, o.value.length, {
+      () => qt(r.value, o.value.length, {
         preserveNullableValues: t.value.hasNullableMetric
       })
-    ), f = Ot("bar"), m = c(() => t.value.stackBarOverlap === !0), D = c(() => m.value === !1), W = c(() => ({
+    ), f = Ut("bar"), m = c(() => t.value.stackBarOverlap === !0), D = c(() => m.value === !1), W = c(() => ({
       ...S.value,
       stacked: D.value
     })), C = c(() => ({
@@ -3528,10 +3528,10 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
     const L = c(() => {
       if (r.value.length > 0) {
         const T = u.value.map((M, z) => {
-          const re = Ht({
+          const re = Wt({
             datasets: u.value,
             datasetIndex: z
-          }), se = l.value ? Yt(u.value, re) : re, H = Be({
+          }), se = l.value ? Et(u.value, re) : re, H = Be({
             datasetIndex: se,
             isCompare: !1,
             metricCount: t.value.metricCount,
@@ -3549,14 +3549,14 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
             colorIndex: H,
             breakdownIndex: te
           });
-          let de = M.values;
-          const ye = Xt(de);
+          let me = M.values;
+          const ye = Yt(me);
           return {
             dataset: {
               label: M.name,
               data: ye,
               xAxisIndex: M.xAxisIndex,
-              emptyValueIndexes: t.value.hasNullableMetric ? M.xAxisIndex === void 0 ? On(de) : de[M.xAxisIndex] === null ? [M.xAxisIndex] : void 0 : void 0,
+              emptyValueIndexes: t.value.hasNullableMetric ? M.xAxisIndex === void 0 ? Kn(me) : me[M.xAxisIndex] === null ? [M.xAxisIndex] : void 0 : void 0,
               dash: !!M.isCompare,
               skipNull: l.value,
               minBarLength: void 0,
@@ -3592,7 +3592,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       xCfg: S,
       yCfg: x,
       isTransposed: $,
-      legend: E,
+      legend: q,
       useCustomLegend: O,
       legendPosition: j,
       isLegendSide: G,
@@ -3600,7 +3600,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       hiddenDatasetKeys: y,
       toggleDatasetVisibility: b,
       datasets: R
-    } = Kt({
+    } = Xt({
       chartRef: n,
       model: t,
       baseDatasets: L
@@ -3608,21 +3608,21 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
     return (T, M) => {
       var re, se, H, Z, te, ie;
       const z = fe("FmBarChart");
-      return X(), le(Ne, null, [
-        Y("div", Ml, [
+      return K(), le(Ne, null, [
+        Y("div", Rl, [
           ot(T.$slots, "menu"),
           Y("div", {
             class: Ie(["chart-layout", {
-              "chart-layout--side": i(O) && (i(E).display ?? !1) && i(G)
+              "chart-layout--side": i(O) && (i(q).display ?? !1) && i(G)
             }])
           }, [
-            i(O) && (i(E).display ?? !1) && i(F) ? (X(), me($e, {
+            i(O) && (i(q).display ?? !1) && i(F) ? (K(), de($e, {
               key: 0,
               "chart-ref": n.value,
-              enabled: i(E).display ?? !1,
+              enabled: i(q).display ?? !1,
               position: i(j),
-              "text-color": (re = i(E).labels) == null ? void 0 : re.color,
-              "font-size": (H = (se = i(E).labels) == null ? void 0 : se.font) == null ? void 0 : H.size,
+              "text-color": (re = i(q).labels) == null ? void 0 : re.color,
+              "font-size": (H = (se = i(q).labels) == null ? void 0 : se.font) == null ? void 0 : H.size,
               "legend-update-key": i(R),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3632,7 +3632,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(y),
               onToggleDatasetVisibility: i(b)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0),
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0),
             pe(z, {
               ref_key: "chartRef",
               ref: n,
@@ -3649,13 +3649,13 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
               datalabels: i(_),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels"]),
-            i(O) && (i(E).display ?? !1) && !i(F) ? (X(), me($e, {
+            i(O) && (i(q).display ?? !1) && !i(F) ? (K(), de($e, {
               key: 1,
               "chart-ref": n.value,
-              enabled: i(E).display ?? !1,
+              enabled: i(q).display ?? !1,
               position: i(j),
-              "text-color": (Z = i(E).labels) == null ? void 0 : Z.color,
-              "font-size": (ie = (te = i(E).labels) == null ? void 0 : te.font) == null ? void 0 : ie.size,
+              "text-color": (Z = i(q).labels) == null ? void 0 : Z.color,
+              "font-size": (ie = (te = i(q).labels) == null ? void 0 : te.font) == null ? void 0 : ie.size,
               "legend-update-key": i(R),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3665,10 +3665,10 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(y),
               onToggleDatasetVisibility: i(b)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0)
           ], 2)
         ]),
-        pe(Ut, {
+        pe(Kt, {
           "model-value": i(I),
           "details-payload": i(A),
           "onUpdate:modelValue": i(B),
@@ -3678,7 +3678,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       ], 64);
     };
   }
-}), Al = { class: "widget-content" }, wn = 1, go = "rgba(0, 0, 0, 0)", Fl = /* @__PURE__ */ Ae({
+}), Nl = { class: "widget-content" }, Sn = 1, bo = "rgba(0, 0, 0, 0)", $l = /* @__PURE__ */ Ae({
   __name: "WidgetClusteredStackBarchart",
   props: /* @__PURE__ */ Oe({
     tileIndex: {}
@@ -3699,11 +3699,11 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
     }), l = c(
       () => r.value.some((H) => H.xAxisIndex !== void 0)
     ), u = c(
-      () => Et(r.value, o.value.length, {
+      () => qt(r.value, o.value.length, {
         preserveNullableValues: t.value.hasNullableMetric
       })
-    ), f = Ot("bar"), m = c(() => t.value.stackBarOverlap === !0), D = c(() => m.value === !1), W = c(() => !l.value && o.value.length === 1 && r.value.some((H) => H.isCompare === !0)), C = c(() => ({
-      ...E.value,
+    ), f = Ut("bar"), m = c(() => t.value.stackBarOverlap === !0), D = c(() => m.value === !1), W = c(() => !l.value && o.value.length === 1 && r.value.some((H) => H.isCompare === !0)), C = c(() => ({
+      ...q.value,
       stacked: D.value
     })), v = c(() => ({
       ...O.value,
@@ -3732,8 +3732,8 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       colorIndex: Z
     }) {
       var ye;
-      const te = t.value.chartColorBinding === xe.metric ? Z : H, ie = (ye = t.value.chartColorLayers) == null ? void 0 : ye[te], de = Number(ie);
-      return Number.isInteger(de) && de > 0 ? de : te + 1;
+      const te = t.value.chartColorBinding === xe.metric ? Z : H, ie = (ye = t.value.chartColorLayers) == null ? void 0 : ye[te], me = Number(ie);
+      return Number.isInteger(me) && me > 0 ? me : te + 1;
     }
     function A(H) {
       return {
@@ -3742,10 +3742,10 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
         data: [0],
         grouped: !0,
         stack: `__comparison_gap__${H}`,
-        backgroundColor: go,
-        borderColor: go,
+        backgroundColor: bo,
+        borderColor: bo,
         minBarLength: 0,
-        barPercentage: wn,
+        barPercentage: Sn,
         isSpacer: !0
       };
     }
@@ -3762,13 +3762,13 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
         const { clusterKey: we, metricLabel: _e } = h(ne.name);
         te.has(we) || te.set(we, te.size), Z.has(_e) || Z.set(_e, Z.size);
       }
-      const ie = Math.max(Z.size, 1), de = t.value.chartColorBinding === xe.breakdown, ye = t.value.chartUseSecondaryMetricShades !== !1;
+      const ie = Math.max(Z.size, 1), me = t.value.chartColorBinding === xe.breakdown, ye = t.value.chartUseSecondaryMetricShades !== !1;
       return H.map((ne) => {
         var st;
-        const we = Ht({
+        const we = Wt({
           datasets: u.value,
           datasetIndex: ne.index
-        }), _e = l.value ? Yt(u.value, we) : we, Se = ko({
+        }), _e = l.value ? Et(u.value, we) : we, Se = Do({
           datasets: u.value,
           datasetIndex: ne.index
         }), Ze = Be({
@@ -3781,7 +3781,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
           isCompare: !1,
           metricCount: ie,
           mode: xe.breakdown
-        }), rt = Z.get(ht) ?? 0, lt = de ? Tt({
+        }), rt = Z.get(ht) ?? 0, lt = me ? Tt({
           breakdownIndex: gt,
           metricIndex: rt,
           metricCount: ie,
@@ -3796,17 +3796,17 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
         }), vt = I({
           datasetIndex: _e,
           colorIndex: Ze
-        }), ze = Xt(ne.values);
+        }), ze = Yt(ne.values);
         return {
           label: ne.name,
           tooltipLabel: `${Fe} - ${at}`,
           data: ze,
           xAxisIndex: ne.source.xAxisIndex,
-          emptyValueIndexes: t.value.hasNullableMetric ? ne.source.xAxisIndex === void 0 ? On(ne.values) : ne.values[ne.source.xAxisIndex] === null ? [ne.source.xAxisIndex] : void 0 : void 0,
+          emptyValueIndexes: t.value.hasNullableMetric ? ne.source.xAxisIndex === void 0 ? Kn(ne.values) : ne.values[ne.source.xAxisIndex] === null ? [ne.source.xAxisIndex] : void 0 : void 0,
           dash: !!ne.source.isCompare,
           skipNull: l.value,
           minBarLength: void 0,
-          barPercentage: W.value ? wn : void 0,
+          barPercentage: W.value ? Sn : void 0,
           grouped: !0,
           order: m.value ? vt : void 0,
           stack: ne.source.isCompare ? `${Fe}__compare` : `${Fe}__main`,
@@ -3821,7 +3821,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       handleTooltipDetailsLeave: S,
       comparisonTooltip: x,
       datalabels: $,
-      xCfg: E,
+      xCfg: q,
       yCfg: O,
       isTransposed: j,
       legend: G,
@@ -3832,7 +3832,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       hiddenDatasetKeys: T,
       toggleDatasetVisibility: M,
       datasets: z
-    } = Kt({
+    } = Xt({
       chartRef: n,
       model: t,
       baseDatasets: B
@@ -3843,7 +3843,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       return z.value.forEach((Z, te) => {
         H.push({
           ...Z,
-          barPercentage: wn
+          barPercentage: Sn
         });
         const ie = z.value[te + 1];
         Z.dash === !0 && ie && H.push(A(te));
@@ -3858,23 +3858,23 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
       }
     }));
     return (H, Z) => {
-      var ie, de, ye, ne, we, _e;
+      var ie, me, ye, ne, we, _e;
       const te = fe("FmBarChart");
-      return X(), le(Ne, null, [
-        Y("div", Al, [
+      return K(), le(Ne, null, [
+        Y("div", Nl, [
           ot(H.$slots, "menu"),
           Y("div", {
             class: Ie(["chart-layout", {
               "chart-layout--side": i(F) && (i(G).display ?? !1) && i(b)
             }])
           }, [
-            i(F) && (i(G).display ?? !1) && i(R) ? (X(), me($e, {
+            i(F) && (i(G).display ?? !1) && i(R) ? (K(), de($e, {
               key: 0,
               "chart-ref": n.value,
               enabled: i(G).display ?? !1,
               position: i(y),
               "text-color": (ie = i(G).labels) == null ? void 0 : ie.color,
-              "font-size": (ye = (de = i(G).labels) == null ? void 0 : de.font) == null ? void 0 : ye.size,
+              "font-size": (ye = (me = i(G).labels) == null ? void 0 : me.font) == null ? void 0 : ye.size,
               "legend-update-key": i(z),
               "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
@@ -3884,7 +3884,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(T),
               onToggleDatasetVisibility: i(M)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0),
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0),
             pe(te, {
               ref_key: "chartRef",
               ref: n,
@@ -3901,7 +3901,7 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
               datalabels: i($),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels"]),
-            i(F) && (i(G).display ?? !1) && !i(R) ? (X(), me($e, {
+            i(F) && (i(G).display ?? !1) && !i(R) ? (K(), de($e, {
               key: 1,
               "chart-ref": n.value,
               enabled: i(G).display ?? !1,
@@ -3917,10 +3917,10 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(T),
               onToggleDatasetVisibility: i(M)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0)
           ], 2)
         ]),
-        pe(Ut, {
+        pe(Kt, {
           "model-value": i(J),
           "details-payload": i(k),
           "onUpdate:modelValue": i(V),
@@ -3931,23 +3931,23 @@ const _l = /* @__PURE__ */ _o(xl, [["render", wl]]), Sl = "/assets/processTableD
     };
   }
 });
-function Rl(e) {
+function zl(e) {
   const t = Reflect.get(e, "lineStyle"), n = Reflect.get(e, "dash") === !0;
-  return wa(t, n);
+  return Ta(t, n);
 }
-function Ko(e = "report-line-style-plugin") {
+function Eo(e = "report-line-style-plugin") {
   return {
     id: e,
     beforeDatasetsUpdate(t) {
       var o;
       (((o = t == null ? void 0 : t.data) == null ? void 0 : o.datasets) ?? []).forEach((a) => {
         const r = a;
-        Reflect.set(r, "borderDash", Rl(r));
+        Reflect.set(r, "borderDash", zl(r));
       });
     }
   };
 }
-const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
+const Hl = { class: "widget-content" }, Wl = /* @__PURE__ */ Ae({
   __name: "WidgetStackLineChart",
   props: /* @__PURE__ */ Oe({
     tileIndex: {}
@@ -3965,22 +3965,22 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
       return ((b = t.value.data) == null ? void 0 : b.datasets) ?? [];
     }), r = c(
       () => a.value.some((b) => b.xAxisIndex !== void 0)
-    ), l = c(() => Et(a.value, o.value.length)), u = c(
+    ), l = c(() => qt(a.value, o.value.length)), u = c(
       () => !r.value && o.value.length === 1 && a.value.length > 0 && a.value.every((b) => b.values.length === 1)
     ), f = c(() => u.value ? ["", o.value[0], ""] : o.value), m = c(() => ({
       categories: f.value
     })), D = c(() => ({
       display: !1
-    })), W = Ot("line"), C = Ko("report-line-style-plugin-stack-line"), v = c(() => a.value.length > 0 ? [
+    })), W = Ut("line"), C = Eo("report-line-style-plugin-stack-line"), v = c(() => a.value.length > 0 ? [
       ...l.value.map((b, R) => {
         var ne;
-        const T = Ht({
+        const T = Wt({
           datasets: l.value,
           datasetIndex: R
-        }), M = r.value ? Yt(l.value, T) : T;
+        }), M = r.value ? Et(l.value, T) : T;
         let z = b.values;
         u.value && (z = [NaN, z[0], NaN]);
-        const re = Xt(z), se = Be({
+        const re = Yt(z), se = Be({
           datasetIndex: M,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -3995,11 +3995,11 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
           isCompare: b.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), te = (ne = t.value.lineStyles) == null ? void 0 : ne[Z], ie = t.value.chartColorBinding === xe.breakdown, de = St({
+        }), te = (ne = t.value.lineStyles) == null ? void 0 : ne[Z], ie = t.value.chartColorBinding === xe.breakdown, me = St({
           fallbackIndex: M,
           metricCount: t.value.metricCount
         }), ye = ie ? Tt({
-          breakdownIndex: de,
+          breakdownIndex: me,
           metricIndex: H,
           metricCount: t.value.metricCount,
           isCompare: b.isCompare,
@@ -4038,13 +4038,13 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
       isTransposed: S,
       legend: x,
       useCustomLegend: $,
-      legendPosition: E,
+      legendPosition: q,
       isLegendSide: O,
       isLegendBeforeChart: j,
       hiddenDatasetKeys: G,
       toggleDatasetVisibility: F,
       datasets: y
-    } = Kt({
+    } = Xt({
       chartRef: n,
       model: t,
       baseDatasets: v
@@ -4052,19 +4052,19 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
     return (b, R) => {
       var M, z, re, se, H, Z;
       const T = fe("FmLineChart");
-      return X(), le(Ne, null, [
-        Y("div", Vl, [
+      return K(), le(Ne, null, [
+        Y("div", Hl, [
           ot(b.$slots, "menu"),
           Y("div", {
             class: Ie(["chart-layout", {
               "chart-layout--side": i($) && (i(x).display ?? !1) && i(O)
             }])
           }, [
-            i($) && (i(x).display ?? !1) && i(j) ? (X(), me($e, {
+            i($) && (i(x).display ?? !1) && i(j) ? (K(), de($e, {
               key: 0,
               "chart-ref": n.value,
               enabled: i(x).display ?? !1,
-              position: i(E),
+              position: i(q),
               "text-color": (M = i(x).labels) == null ? void 0 : M.color,
               "font-size": (re = (z = i(x).labels) == null ? void 0 : z.font) == null ? void 0 : re.size,
               "legend-update-key": i(y),
@@ -4076,7 +4076,7 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(G),
               onToggleDatasetVisibility: i(F)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0),
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0),
             pe(T, {
               ref_key: "chartRef",
               ref: n,
@@ -4093,11 +4093,11 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
               datalabels: i(k),
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "plugins", "datalabels"]),
-            i($) && (i(x).display ?? !1) && !i(j) ? (X(), me($e, {
+            i($) && (i(x).display ?? !1) && !i(j) ? (K(), de($e, {
               key: 1,
               "chart-ref": n.value,
               enabled: i(x).display ?? !1,
-              position: i(E),
+              position: i(q),
               "text-color": (se = i(x).labels) == null ? void 0 : se.color,
               "font-size": (Z = (H = i(x).labels) == null ? void 0 : H.font) == null ? void 0 : Z.size,
               "legend-update-key": i(y),
@@ -4109,10 +4109,10 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": i(G),
               onToggleDatasetVisibility: i(F)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ge("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : he("", !0)
           ], 2)
         ]),
-        pe(Ut, {
+        pe(Kt, {
           "model-value": i(h),
           "details-payload": i(L),
           "onUpdate:modelValue": i(I),
@@ -4122,7 +4122,63 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
       ], 64);
     };
   }
-}), Un = [
+}), Xn = "data:image/svg+xml;base64,";
+function qo(e) {
+  return e.startsWith(Xn);
+}
+function Ol(e) {
+  if (!e.trim()) return "";
+  const t = new TextEncoder().encode(e);
+  let n = "";
+  for (const o of t) n += String.fromCharCode(o);
+  return `${Xn}${btoa(n)}`;
+}
+function ks(e) {
+  if (!qo(e)) return e;
+  try {
+    const t = atob(e.slice(Xn.length));
+    return new TextDecoder().decode(Uint8Array.from(t, (n) => n.charCodeAt(0)));
+  } catch {
+    return "";
+  }
+}
+const Ul = ["src"], Kl = /* @__PURE__ */ Ae({
+  __name: "TitleIcon",
+  props: {
+    icon: {},
+    type: {},
+    size: {}
+  },
+  setup(e) {
+    const t = e, n = c(
+      () => ({
+        [At.Small]: 16,
+        [At.Medium]: 20,
+        [At.Large]: 24,
+        [At.ExtraLarge]: 32
+      })[t.size ?? At.Small]
+    ), o = c(
+      () => t.type ?? (t.icon.trim().startsWith("<svg") ? on.Custom : on.Material)
+    ), a = c(() => o.value !== on.Custom || !t.icon.trim() ? "" : qo(t.icon) ? t.icon : Ol(t.icon));
+    return (r, l) => {
+      const u = fe("FmIcon");
+      return o.value === i(on).Material && r.icon ? (K(), de(u, {
+        key: 0,
+        name: r.icon,
+        size: r.size ?? "sm",
+        class: "shrink-0",
+        "aria-hidden": "true"
+      }, null, 8, ["name", "size"])) : a.value ? (K(), le("img", {
+        key: 1,
+        src: a.value,
+        class: "title-icon shrink-0",
+        style: Pe({ width: `${n.value}px`, height: `${n.value}px` }),
+        alt: "",
+        "aria-hidden": "true"
+      }, null, 12, Ul)) : he("", !0);
+    };
+  }
+}), Yn = [
   "col-span-1",
   "col-span-2",
   "col-span-3",
@@ -4136,29 +4192,29 @@ const Vl = { class: "widget-content" }, Nl = /* @__PURE__ */ Ae({
   "col-span-11",
   "col-span-12"
 ];
-function $l(e) {
+function Xl(e) {
   return Math.min(12, e);
 }
-function zl(e) {
+function Yl(e) {
   return Math.min(12, e * 2);
 }
-function Hl(e) {
+function El(e) {
   return Math.min(12, e * 3);
 }
-function Wl(e) {
-  return Un[$l(e) - 1];
+function ql(e) {
+  return Yn[Xl(e) - 1];
 }
-function Ol(e) {
-  return Un[zl(e) - 1];
+function Gl(e) {
+  return Yn[Yl(e) - 1];
 }
-function Ul(e) {
-  return Un[Hl(e) - 1];
+function jl(e) {
+  return Yn[El(e) - 1];
 }
-const Kl = 150, Xl = 200;
-function Yl(e, t) {
-  return (t === "SCORECARD" ? Xl : Kl) * e;
+const Jl = 150, Zl = 200;
+function Ql(e, t) {
+  return (t === "SCORECARD" ? Zl : Jl) * e;
 }
-const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
+const es = { class: "widget-content" }, ts = /* @__PURE__ */ Ae({
   __name: "WidgetLinechart",
   props: /* @__PURE__ */ Oe({
     tileIndex: {}
@@ -4176,19 +4232,19 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
       return ((R = t.value.data) == null ? void 0 : R.xAxis) ?? [];
     }), r = c(
       () => o.value.some((R) => R.xAxisIndex !== void 0)
-    ), l = c(() => Et(o.value, a.value.length)), u = c(() => !r.value && a.value.length === 1 && o.value.length > 1 && o.value.every((R) => R.values.length === 1 && R.isCompare !== !0)), f = c(
+    ), l = c(() => qt(o.value, a.value.length)), u = c(() => !r.value && a.value.length === 1 && o.value.length > 1 && o.value.every((R) => R.values.length === 1 && R.isCompare !== !0)), f = c(
       () => !r.value && a.value.length === 1 && o.value.length > 0 && o.value.every((R) => R.values.length === 1)
     ), m = c(() => u.value ? o.value.map((R) => R.name) : f.value ? ["", a.value[0], ""] : a.value), D = c(() => ({
       categories: m.value
     })), W = c(() => ({
       display: !1
-    })), C = Ot("line"), v = Ko("report-line-style-plugin-line"), h = c(() => o.value.length > 0 ? [
+    })), C = Ut("line"), v = Eo("report-line-style-plugin-line"), h = c(() => o.value.length > 0 ? [
       ...l.value.map((R, T) => {
         var Se;
-        const M = Ht({
+        const M = Wt({
           datasets: l.value,
           datasetIndex: T
-        }), z = r.value ? Yt(l.value, M) : M, re = Be({
+        }), z = r.value ? Et(l.value, M) : M, re = Be({
           datasetIndex: z,
           isCompare: !1,
           metricCount: t.value.metricCount,
@@ -4214,11 +4270,11 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : H;
-        let de = R.values;
-        u.value ? de = l.value.map(
+        let me = R.values;
+        u.value ? me = l.value.map(
           (Ze, Fe) => Fe === T ? R.values[0] : NaN
-        ) : f.value && (de = [NaN, de[0], NaN]);
-        const ye = Xt(de), ne = f.value || u.value, we = Be({
+        ) : f.value && (me = [NaN, me[0], NaN]);
+        const ye = Yt(me), ne = f.value || u.value, we = Be({
           datasetIndex: T,
           isCompare: R.isCompare,
           metricCount: t.value.metricCount,
@@ -4250,14 +4306,14 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
       yCfg: S,
       isTransposed: x,
       legend: $,
-      useCustomLegend: E,
+      useCustomLegend: q,
       legendPosition: O,
       isLegendSide: j,
       isLegendBeforeChart: G,
       hiddenDatasetKeys: F,
       toggleDatasetVisibility: y,
       datasets: b
-    } = Kt({
+    } = Xt({
       chartRef: n,
       model: t,
       baseDatasets: h
@@ -4265,15 +4321,15 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
     return (R, T) => {
       var z, re, se, H, Z, te;
       const M = fe("FmLineChart");
-      return X(), le(Ne, null, [
-        Y("div", El, [
+      return K(), le(Ne, null, [
+        Y("div", es, [
           ot(R.$slots, "menu"),
           Y("div", {
             class: Ie(["chart-layout", {
-              "chart-layout--side": i(E) && (i($).display ?? !1) && i(j)
+              "chart-layout--side": i(q) && (i($).display ?? !1) && i(j)
             }])
           }, [
-            i(E) && (i($).display ?? !1) && i(G) ? (X(), me($e, {
+            i(q) && (i($).display ?? !1) && i(G) ? (K(), de($e, {
               key: 0,
               "chart-ref": n.value,
               enabled: i($).display ?? !1,
@@ -4289,7 +4345,7 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
               "hidden-dataset-keys": i(F),
               "use-point-style": t.value.usePointStyle ?? !0,
               onToggleDatasetVisibility: i(y)
-            }, null, 8, ["chart-ref", "enabled", "position", "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"])) : ge("", !0),
+            }, null, 8, ["chart-ref", "enabled", "position", "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"])) : he("", !0),
             pe(M, {
               ref_key: "chartRef",
               ref: n,
@@ -4305,7 +4361,7 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
               plugins: [i(C), i(v)],
               "maintain-aspect-ratio": !1
             }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins"]),
-            i(E) && (i($).display ?? !1) && !i(G) ? (X(), me($e, {
+            i(q) && (i($).display ?? !1) && !i(G) ? (K(), de($e, {
               key: 1,
               "chart-ref": n.value,
               enabled: i($).display ?? !1,
@@ -4321,10 +4377,10 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
               "hidden-dataset-keys": i(F),
               "use-point-style": t.value.usePointStyle ?? !0,
               onToggleDatasetVisibility: i(y)
-            }, null, 8, ["chart-ref", "enabled", "position", "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"])) : ge("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "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"])) : he("", !0)
           ], 2)
         ]),
-        pe(Ut, {
+        pe(Kt, {
           "model-value": i(L),
           "details-payload": i(I),
           "onUpdate:modelValue": i(A),
@@ -4334,7 +4390,7 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
       ], 64);
     };
   }
-}), Gl = { class: "flex flex-col gap-16" }, jl = { class: "flex flex-row" }, Jl = /* @__PURE__ */ Ae({
+}), ns = { class: "flex flex-col gap-16" }, os = { class: "flex flex-row" }, as = /* @__PURE__ */ Ae({
   __name: "PdfOrientationDialog",
   props: /* @__PURE__ */ Oe({
     reportType: {},
@@ -4345,7 +4401,7 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = mt(), { FmForm: n } = ya, o = e, a = P(), r = Ue(e, "modelValue"), l = P(!0), u = P(!1), f = Rn(), { selectedLocationIds: m, dateRange: D, timeRange: W } = Vt(cn()), C = P(bn.PORTRAIT);
+    const { t } = mt(), { FmForm: n } = wa, o = e, a = P(), r = Ue(e, "modelValue"), l = P(!0), u = P(!1), f = Nn(), { selectedLocationIds: m, dateRange: D, timeRange: W } = Nt(fn()), C = P(xn.PORTRAIT);
     function v() {
       var L;
       (L = a.value) == null || L.validateInputs();
@@ -4353,7 +4409,7 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
     async function h() {
       u.value = !0;
       try {
-        o.index != null && await xo({
+        o.index != null && await So({
           reportType: o.reportType,
           index: o.index,
           orientationTypes: [C.value],
@@ -4370,14 +4426,14 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
     }
     return (L, I) => {
       const A = fe("FmRadio"), B = fe("FmRadioGroup"), J = fe("FmButton"), k = fe("FmDialog");
-      return X(), me(k, {
+      return K(), de(k, {
         modelValue: r.value,
         "onUpdate:modelValue": I[2] || (I[2] = (V) => r.value = V),
         overlay: !0,
         "z-index": 10
       }, {
         "dialog-header": De(() => I[3] || (I[3] = [
-          ia("Select Orientation")
+          fa("Select Orientation")
         ])),
         default: De(() => [
           pe(i(n), {
@@ -4386,25 +4442,25 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
             onValidationSuccess: h
           }, {
             default: De(() => [
-              Y("div", Gl, [
+              Y("div", ns, [
                 pe(B, {
                   modelValue: C.value,
                   "onUpdate:modelValue": I[0] || (I[0] = (V) => C.value = V)
                 }, {
                   default: De(() => [
                     pe(A, {
-                      value: i(bn).PORTRAIT,
+                      value: i(xn).PORTRAIT,
                       label: i(t)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
                     pe(A, {
-                      value: i(bn).LANDSCAPE,
+                      value: i(xn).LANDSCAPE,
                       label: i(t)("report.common.landscape")
                     }, null, 8, ["value", "label"])
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              Y("div", jl, [
+              Y("div", os, [
                 I[4] || (I[4] = Y("div", { class: "grow" }, null, -1)),
                 pe(J, {
                   label: i(t)("report.common.cancel"),
@@ -4428,8 +4484,8 @@ const El = { class: "widget-content" }, ql = /* @__PURE__ */ Ae({
     };
   }
 });
-function Zl(e) {
-  const { breakpoints: t } = zt(), { containerRef: n, isTable: o = P(!0) } = e;
+function rs(e) {
+  const { breakpoints: t } = Ht(), { containerRef: n, isTable: o = P(!0) } = e;
   let a = P(1), r = null, l = null, u = null, f = null, m = null, D = null;
   function W() {
     return n.value ? n.value.querySelector("table") : null;
@@ -4439,8 +4495,8 @@ function Zl(e) {
     const _ = [];
     n.value && n.value.querySelectorAll("div,section,main,article,aside").forEach(($) => {
       if ($.scrollWidth > $.clientWidth) {
-        const E = window.getComputedStyle($);
-        (E.overflowX === "auto" || E.overflowX === "scroll") && _.push($);
+        const q = window.getComputedStyle($);
+        (q.overflowX === "auto" || q.overflowX === "scroll") && _.push($);
       }
     });
     let S = (x = n.value) == null ? void 0 : x.parentElement;
@@ -4478,10 +4534,10 @@ function Zl(e) {
   }
   function h(_, S) {
     const x = _.querySelectorAll("th, td"), $ = S.querySelectorAll("th, td");
-    x.forEach((E, O) => {
+    x.forEach((q, O) => {
       const j = $[O];
       if (!j) return;
-      const G = E, F = window.getComputedStyle(G);
+      const G = q, F = window.getComputedStyle(G);
       Object.assign(j.style, {
         width: `${G.offsetWidth}px`,
         minWidth: `${G.offsetWidth}px`,
@@ -4562,14 +4618,14 @@ function Zl(e) {
   }
   function J() {
     if (!u) return;
-    const _ = _n(() => v(), 100), S = () => {
+    const _ = kn(() => v(), 100), S = () => {
       if (u && r) {
         const x = r.querySelector("thead");
         x && h(u, x), I();
       }
     };
     D = new MutationObserver((x) => {
-      x.some((E) => E.type === "childList" ? E.addedNodes.length > 0 || E.removedNodes.length > 0 : !1) ? _() : S();
+      x.some((q) => q.type === "childList" ? q.addedNodes.length > 0 || q.removedNodes.length > 0 : !1) ? _() : S();
     }), D.observe(u, {
       childList: !0,
       subtree: !0,
@@ -4599,19 +4655,19 @@ function Zl(e) {
     r && (r.style.top = `${a.value}px`, I());
   }), Le(n, () => {
     n.value && o.value && setTimeout(v, 100);
-  }), $t(() => {
+  }), zt(() => {
     o.value && setTimeout(v, 100);
-  }), Co(() => {
+  }), _o(() => {
     k();
   }), { refresh: V, cleanup: k };
 }
-function Ql(e) {
+function ls(e) {
   let t, n, o, a;
   switch (e) {
-    case q.Table:
+    case E.Table:
       t = [], n = !1, o = Ge.top;
       break;
-    case q.ClusteredStackBarChart:
+    case E.ClusteredStackBarChart:
       a = !0;
       break;
   }
@@ -4638,26 +4694,26 @@ function Ql(e) {
     joinDatasources: t
   };
 }
-function vs(e, t) {
+function Ts(e, t) {
   let n = 1, o = 1;
   switch (e) {
-    case q.Scorecard:
+    case E.Scorecard:
       n = 1, o = 2;
       break;
-    case q.BarChart:
-    case q.StackBarChart:
-    case q.ClusteredStackBarChart:
-    case q.LineChart:
-    case q.StackLineChart:
+    case E.BarChart:
+    case E.StackBarChart:
+    case E.ClusteredStackBarChart:
+    case E.LineChart:
+    case E.StackLineChart:
       n = 4, o = 6;
       break;
-    case q.Table:
+    case E.Table:
       n = 4, o = 12;
       break;
-    case q.Circular:
+    case E.Circular:
       n = 4, o = 4;
       break;
-    case q.Spacer:
+    case E.Spacer:
       n = 0, o = 12;
       break;
   }
@@ -4669,18 +4725,18 @@ function vs(e, t) {
     widget: {
       title: t || "New widget",
       type: e,
-      config: Ql(e)
+      config: ls(e)
     }
   };
 }
-function ys(e, t) {
+function Ls(e, t) {
   return e.filter((n, o) => o !== t);
 }
-function es(e) {
+function ss(e) {
   const t = [e.schemaName, e.name];
   return "option" in e && e.option && t.push(e.option), "aggregation" in e && e.aggregation && t.push(e.aggregation), t.push(e.label.replace(/[^\p{L}\p{N}_]+/gu, "")), t.join("_").toLowerCase();
 }
-function ts(e, t, n = []) {
+function is(e, t, n = []) {
   var h, L, I, A, B, J;
   if (!e || !Array.isArray(e.columns) || !Array.isArray(e.rows))
     return [];
@@ -4707,9 +4763,9 @@ function ts(e, t, n = []) {
     }).filter((k) => k != null);
   const D = e.columns.reduce((k, V, _) => (String((V == null ? void 0 : V.type) ?? (V == null ? void 0 : V.dataType) ?? "").toUpperCase() === "STRING" && k.push(_), k), []), C = r.reduce(
     (k, V, _) => {
-      var x, $, E, O;
+      var x, $, q, O;
       return String(
-        (($ = (x = e.columns) == null ? void 0 : x[_]) == null ? void 0 : $.type) ?? ((O = (E = e.columns) == null ? void 0 : E[_]) == null ? void 0 : O.dataType) ?? ""
+        (($ = (x = e.columns) == null ? void 0 : x[_]) == null ? void 0 : $.type) ?? ((O = (q = e.columns) == null ? void 0 : q[_]) == null ? void 0 : O.dataType) ?? ""
       ).toUpperCase() === "STRING" && k.push(_), k;
     },
     []
@@ -4721,16 +4777,19 @@ function ts(e, t, n = []) {
     return (V = k == null ? void 0 : k.cells) == null ? void 0 : V[v];
   }).filter((k) => k != null);
 }
-const ns = {
+const us = {
   key: 0,
   class: "h-full"
-}, os = {
+}, cs = {
+  key: 0,
+  class: "flex min-w-0 items-center gap-1"
+}, ds = {
   key: 1,
   class: "grow"
-}, as = {
+}, fs = {
   key: 2,
   class: "flex"
-}, bs = /* @__PURE__ */ Ae({
+}, Ds = /* @__PURE__ */ Ae({
   __name: "DynamicWidget",
   props: /* @__PURE__ */ Oe({
     reportId: {
@@ -4770,13 +4829,13 @@ const ns = {
   }),
   emits: /* @__PURE__ */ Oe(["update:table-response"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = P(!0), o = Ue(e, "modelValue"), a = t, r = o.value.widget.config, { t: l, te: u, locale: f } = mt(), m = e, D = P(null), W = c(() => o.value.widget.type === q.Table), C = c(() => {
+    const n = P(!0), o = Ue(e, "modelValue"), a = t, r = o.value.widget.config, { t: l, te: u, locale: f } = mt(), m = e, D = P(null), W = c(() => o.value.widget.type === E.Table), C = c(() => {
       var w;
       return (w = D.value) == null ? void 0 : w.$el;
-    }), { refresh: v } = Zl({
+    }), { refresh: v } = rs({
       containerRef: C,
       isTable: W
-    }), h = P(r.rollup), L = P(Ft()), I = P(r.drillDimension), A = c(() => {
+    }), h = P(r.rollup), L = P(Rt()), I = P(r.drillDimension), A = c(() => {
       if (Me.value.length > 0) {
         const w = Me.value.findIndex(
           (ue) => ue.value === I.value
@@ -4788,62 +4847,62 @@ const ns = {
       () => A.value != Me.value.length - 1
     ), k = P(r.showTitle ?? !0), V = P(r.titleFontSize ?? 14), _ = P(r.titleBold ?? !1), S = P(r.titleItalic ?? !1), x = P(r.titleUnderline ?? !1), $ = P(
       Array.isArray(r.chartColors) ? [...r.chartColors] : void 0
-    ), E = P(
+    ), q = P(
       Array.isArray(r.chartColorLayers) ? [...r.chartColorLayers] : void 0
     ), O = P(
       Array.isArray(r.chartBreakdownColors) ? [...r.chartBreakdownColors] : void 0
     ), j = P(r.chartUseSecondaryMetricShades ?? !0), G = P(r.chartColorBinding), F = P(
       Array.isArray(r.lineStyles) ? [...r.lineStyles] : void 0
-    ), y = P(r.lineStyleBinding), b = P(r.showLabel ?? !1), R = P(r.labelAlign ?? Tn.center), T = P(r.labelAnchor ?? kn.center), M = P(r.labelRotation ?? 0), z = P(r.labelOffset ?? 0), re = P(r.labelFontSize ?? 12), se = c(
+    ), y = P(r.lineStyleBinding), b = P(r.showLabel ?? !1), R = P(r.labelAlign ?? Dn.center), T = P(r.labelAnchor ?? Ln.center), M = P(r.labelRotation ?? 0), z = P(r.labelOffset ?? 0), re = P(r.labelFontSize ?? 12), se = c(
       () => {
         var w;
-        return ((w = Xe.value) == null ? void 0 : w.showSearchBar) === !0 && (ee.value.config.showSearchBar ?? !0);
+        return ((w = Xe.value) == null ? void 0 : w.showSearchBar) === !0 && (Q.value.config.showSearchBar ?? !0);
       }
-    ), H = P(r.showX ?? !0), Z = P(r.xPosition ?? Ln.bottom), te = P(r.showXGrid ?? !1), ie = P(r.showXTick ?? !0), de = P(r.xTickFontSize ?? 12), ye = P(r.showXTitle ?? !1), ne = P(r.xTitle ?? ""), we = P(r.xTitleFontSize ?? 12), _e = P(r.showY ?? !0), Se = P(r.yPosition ?? Dn.left), Ze = P(r.showYGrid ?? !1), Fe = P(r.showYTick ?? !0), at = P(r.yTickFontSize ?? 12), pt = P(r.showYTitle ?? !1), Lt = P(r.yTitle ?? ""), ht = P(r.yTitleFontSize ?? 12), gt = P(r.showLegend ?? void 0), rt = P(r.legendPosition ?? In.top), lt = P(r.usePointStyle ?? !0), vt = P(r.legendFontSize), ze = P(r.legendColor ?? "#6b6b6b"), st = P(r.maxTooltipItems), qt = P(r.stackBarOverlap ?? !1), Gt = P(r.rowHeight ?? null), Dt = P(r.colWidths ?? null), Ke = P(!1), It = P(""), { breakpoints: Qe, getBreakpointsBoundary: it } = zt(), Pt = P(), jt = P(window.innerWidth), ke = c(
-      () => m.customScreenWidth === void 0 ? jt.value : m.customScreenWidth
+    ), H = P(r.showX ?? !0), Z = P(r.xPosition ?? In.bottom), te = P(r.showXGrid ?? !1), ie = P(r.showXTick ?? !0), me = P(r.xTickFontSize ?? 12), ye = P(r.showXTitle ?? !1), ne = P(r.xTitle ?? ""), we = P(r.xTitleFontSize ?? 12), _e = P(r.showY ?? !0), Se = P(r.yPosition ?? Pn.left), Ze = P(r.showYGrid ?? !1), Fe = P(r.showYTick ?? !0), at = P(r.yTickFontSize ?? 12), pt = P(r.showYTitle ?? !1), Lt = P(r.yTitle ?? ""), ht = P(r.yTitleFontSize ?? 12), gt = P(r.showLegend ?? void 0), rt = P(r.legendPosition ?? Mn.top), lt = P(r.usePointStyle ?? !0), vt = P(r.legendFontSize), ze = P(r.legendColor ?? "#6b6b6b"), st = P(r.maxTooltipItems), Gt = P(r.stackBarOverlap ?? !1), jt = P(r.rowHeight ?? null), Dt = P(r.colWidths ?? null), Ke = P(!1), It = P(""), { breakpoints: Qe, getBreakpointsBoundary: it } = Ht(), Pt = P(), Jt = P(window.innerWidth), ke = c(
+      () => m.customScreenWidth === void 0 ? Jt.value : m.customScreenWidth
     ), Mt = c(
       () => (ke == null ? void 0 : ke.value) > it("xs")[1] && (ke == null ? void 0 : ke.value) <= it("sm")[1]
-    ), mn = c(
+    ), hn = c(
       () => (ke == null ? void 0 : ke.value) > it("sm")[1] && (ke == null ? void 0 : ke.value) <= it("md")[1]
-    ), pn = c(() => (ke == null ? void 0 : ke.value) > it("md")[1]), Jt = c(() => {
+    ), gn = c(() => (ke == null ? void 0 : ke.value) > it("md")[1]), Zt = c(() => {
       const w = o.value.size.width;
-      return pn.value || mn.value ? Wl(w) : Mt.value ? Ol(w) : Ul(w);
+      return gn.value || hn.value ? ql(w) : Mt.value ? Gl(w) : jl(w);
     }), Xe = c(
-      () => ba.find((w) => w.type === o.value.widget.type)
-    ), hn = c(
+      () => _a.find((w) => w.type === o.value.widget.type)
+    ), vn = c(
       () => {
         var w, ue, Te;
         return k.value || se.value || (((w = Xe.value) == null ? void 0 : w.showLabel) ?? !1) || (((ue = Xe.value) == null ? void 0 : ue.showDrillDimension) ?? !1) && Me.value.length > 0 || (((Te = Xe.value) == null ? void 0 : Te.showRollup) ?? !1) && We.value.length > 0;
       }
-    ), et = _n(async () => {
-      jt.value = window.innerWidth, Pt.value = Yo(), L.value = Ft(), await yo(), v();
+    ), et = kn(async () => {
+      Jt.value = window.innerWidth, Pt.value = jo(), L.value = Rt(), await xo(), v();
     }), s = c(() => {
-      if (Ca(ee.value.type, p.value))
+      if (Sa(Q.value.type, p.value))
         switch (o.value.widget.type) {
-          case q.BarChart:
-            return Qr;
-          case q.StackBarChart:
-            return Bl;
-          case q.ClusteredStackBarChart:
+          case E.BarChart:
+            return ol;
+          case E.StackBarChart:
+            return Vl;
+          case E.ClusteredStackBarChart:
+            return $l;
+          case E.LineChart:
+            return ts;
+          case E.StackLineChart:
+            return Wl;
+          case E.Circular:
+            return rl;
+          case E.Scorecard:
+            return Sl;
+          case E.Spacer:
+            return Ll;
+          case E.Table:
             return Fl;
-          case q.LineChart:
-            return ql;
-          case q.StackLineChart:
-            return Nl;
-          case q.Circular:
-            return tl;
-          case q.Scorecard:
-            return Cl;
-          case q.Spacer:
-            return _l;
-          case q.Table:
-            return Pl;
           default:
-            return Gn;
+            return Zn;
         }
       else
-        return Gn;
-    }), p = P(null), { selectedLocationIds: d, dateRange: g, compareDateRange: N, timeRange: U } = Vt(cn()), Q = ma(), { globalFilters: oe, lastAppliedTileFilterIds: K } = Vt(Q), { businessDataVersion: ce } = Vt(cn()), ve = P(!0), ee = c(() => {
+        return Zn;
+    }), p = P(null), { selectedLocationIds: d, dateRange: g, compareDateRange: N, timeRange: U } = Nt(fn()), ee = va(), { globalFilters: oe, lastAppliedTileFilterIds: X } = Nt(ee), { businessDataVersion: ce } = Nt(fn()), ve = P(!0), Q = c(() => {
       const w = JSON.parse(JSON.stringify(o.value.widget));
       return {
         ...w,
@@ -4856,10 +4915,10 @@ const ns = {
       };
     }), ae = c(() => {
       var Te;
-      const w = ((Te = ee.value.config.metrics) == null ? void 0 : Te.length) ?? 0;
-      if (!ee.value.config.isBlend)
+      const w = ((Te = Q.value.config.metrics) == null ? void 0 : Te.length) ?? 0;
+      if (!Q.value.config.isBlend)
         return w;
-      const ue = (ee.value.config.joinDatasources ?? []).reduce(
+      const ue = (Q.value.config.joinDatasources ?? []).reduce(
         (Ee, tt) => {
           var nt;
           return Ee + (((nt = tt.metrics) == null ? void 0 : nt.length) ?? 0);
@@ -4867,9 +4926,9 @@ const ns = {
         0
       );
       return w + ue;
-    }), he = c(() => [
-      ee.value.config,
-      ...ee.value.config.isBlend ? ee.value.config.joinDatasources ?? [] : []
+    }), ge = c(() => [
+      Q.value.config,
+      ...Q.value.config.isBlend ? Q.value.config.joinDatasources ?? [] : []
     ].some((ue) => {
       var Te;
       return (Te = ue.metrics) == null ? void 0 : Te.some((Ee) => Ee.nullable);
@@ -4883,12 +4942,12 @@ const ns = {
         titleItalic: S.value,
         titleUnderline: x.value,
         chartColors: $.value,
-        chartColorLayers: E.value,
+        chartColorLayers: q.value,
         chartBreakdownColors: O.value,
         chartUseSecondaryMetricShades: j.value,
         chartColorBinding: G.value,
         metricCount: ae.value,
-        hasNullableMetric: he.value,
+        hasNullableMetric: ge.value,
         lineStyles: F.value,
         lineStyleBinding: y.value,
         showLabel: b.value,
@@ -4901,7 +4960,7 @@ const ns = {
         xPosition: Z.value,
         showXGrid: te.value,
         showXTick: ie.value,
-        xTickFontSize: de.value,
+        xTickFontSize: me.value,
         showXTitle: ye.value,
         xTitle: ne.value,
         xTitleFontSize: we.value,
@@ -4913,41 +4972,41 @@ const ns = {
         showYTitle: pt.value,
         yTitleFontSize: ht.value,
         yTickFontSize: at.value,
-        isTransposed: ee.value.config.isTransposed,
+        isTransposed: Q.value.config.isTransposed,
         showLegend: gt.value,
         legendPosition: rt.value,
         usePointStyle: lt.value,
         legendFontSize: vt.value,
         legendColor: ze.value,
         maxTooltipItems: st.value,
-        stackBarOverlap: qt.value
+        stackBarOverlap: Gt.value
       };
     }
     function Re() {
       return {
         data: p.value,
         filterText: It.value,
-        rollupPosition: ee.value.config.rollupPosition,
-        grandTotalLabel: ee.value.config.grandTotalLabel,
-        rowHeight: Gt.value,
+        rollupPosition: Q.value.config.rollupPosition,
+        grandTotalLabel: Q.value.config.grandTotalLabel,
+        rowHeight: jt.value,
         colWidths: Dt.value
       };
     }
     const He = c(() => {
-      switch (ee.value.type) {
-        case q.Table:
+      switch (Q.value.type) {
+        case E.Table:
           return Re();
-        case q.BarChart:
-        case q.LineChart:
-        case q.StackBarChart:
-        case q.ClusteredStackBarChart:
-        case q.StackLineChart:
-        case q.Circular:
+        case E.BarChart:
+        case E.LineChart:
+        case E.StackBarChart:
+        case E.ClusteredStackBarChart:
+        case E.StackLineChart:
+        case E.Circular:
           return be();
-        case q.Scorecard:
+        case E.Scorecard:
           return {
             data: p.value,
-            sparklineTargetValue: ee.value.config.sparklineTargetValue
+            sparklineTargetValue: Q.value.config.sparklineTargetValue
           };
         default:
           return { data: p.value };
@@ -4967,10 +5026,10 @@ const ns = {
       }
       return [];
     }), Me = c(() => {
-      const { config: w } = ee.value;
+      const { config: w } = Q.value;
       return w.isDrillable ? w.dimensions.map((ue) => ({
         label: ut(l, u, ue.label, "other"),
-        value: es(ue)
+        value: ss(ue)
       })) : [];
     }), Ve = c(
       () => `${(d.value || []).join("|")}|${JSON.stringify(g.value)}|${JSON.stringify(
@@ -4985,7 +5044,7 @@ const ns = {
     Le(
       () => o.value.widget.config,
       (w) => {
-        h.value = w.rollup, k.value = w.showTitle ?? !0, V.value = w.titleFontSize ?? 14, _.value = w.titleBold ?? !1, S.value = w.titleItalic ?? !1, x.value = w.titleUnderline ?? !1, $.value = Array.isArray(w.chartColors) ? [...w.chartColors] : void 0, E.value = Array.isArray(w.chartColorLayers) ? [...w.chartColorLayers] : void 0, O.value = Array.isArray(w.chartBreakdownColors) ? [...w.chartBreakdownColors] : void 0, j.value = w.chartUseSecondaryMetricShades ?? !0, G.value = w.chartColorBinding, F.value = Array.isArray(w.lineStyles) ? [...w.lineStyles] : void 0, y.value = w.lineStyleBinding, b.value = w.showLabel ?? !1, R.value = w.labelAlign ?? Tn.center, T.value = w.labelAnchor ?? kn.center, M.value = w.labelRotation ?? 0, z.value = w.labelOffset ?? 0, re.value = w.labelFontSize ?? 12, H.value = w.showX ?? !0, Z.value = w.xPosition ?? Ln.bottom, te.value = w.showXGrid ?? !1, ie.value = w.showXTick ?? !0, de.value = w.xTickFontSize ?? 12, ye.value = w.showXTitle ?? !1, ne.value = w.xTitle ?? "", we.value = w.xTitleFontSize ?? 12, _e.value = w.showY ?? !0, Se.value = w.yPosition ?? Dn.left, Ze.value = w.showYGrid ?? !1, Fe.value = w.showYTick ?? !0, at.value = w.yTickFontSize ?? 12, pt.value = w.showYTitle ?? !1, Lt.value = w.yTitle ?? "", ht.value = w.yTitleFontSize ?? 12, gt.value = w.showLegend ?? void 0, rt.value = w.legendPosition ?? In.top, lt.value = w.usePointStyle ?? !0, vt.value = w.legendFontSize, ze.value = w.legendColor ?? "#6b6b6b", st.value = w.maxTooltipItems, qt.value = w.stackBarOverlap ?? !1, Gt.value = w.rowHeight ?? null, Dt.value = w.colWidths ?? null, L.value = Ft();
+        h.value = w.rollup, k.value = w.showTitle ?? !0, V.value = w.titleFontSize ?? 14, _.value = w.titleBold ?? !1, S.value = w.titleItalic ?? !1, x.value = w.titleUnderline ?? !1, $.value = Array.isArray(w.chartColors) ? [...w.chartColors] : void 0, q.value = Array.isArray(w.chartColorLayers) ? [...w.chartColorLayers] : void 0, O.value = Array.isArray(w.chartBreakdownColors) ? [...w.chartBreakdownColors] : void 0, j.value = w.chartUseSecondaryMetricShades ?? !0, G.value = w.chartColorBinding, F.value = Array.isArray(w.lineStyles) ? [...w.lineStyles] : void 0, y.value = w.lineStyleBinding, b.value = w.showLabel ?? !1, R.value = w.labelAlign ?? Dn.center, T.value = w.labelAnchor ?? Ln.center, M.value = w.labelRotation ?? 0, z.value = w.labelOffset ?? 0, re.value = w.labelFontSize ?? 12, H.value = w.showX ?? !0, Z.value = w.xPosition ?? In.bottom, te.value = w.showXGrid ?? !1, ie.value = w.showXTick ?? !0, me.value = w.xTickFontSize ?? 12, ye.value = w.showXTitle ?? !1, ne.value = w.xTitle ?? "", we.value = w.xTitleFontSize ?? 12, _e.value = w.showY ?? !0, Se.value = w.yPosition ?? Pn.left, Ze.value = w.showYGrid ?? !1, Fe.value = w.showYTick ?? !0, at.value = w.yTickFontSize ?? 12, pt.value = w.showYTitle ?? !1, Lt.value = w.yTitle ?? "", ht.value = w.yTitleFontSize ?? 12, gt.value = w.showLegend ?? void 0, rt.value = w.legendPosition ?? Mn.top, lt.value = w.usePointStyle ?? !0, vt.value = w.legendFontSize, ze.value = w.legendColor ?? "#6b6b6b", st.value = w.maxTooltipItems, Gt.value = w.stackBarOverlap ?? !1, jt.value = w.rowHeight ?? null, Dt.value = w.colWidths ?? null, L.value = Rt();
       },
       { deep: !0, immediate: !0 }
     ), Le(
@@ -5002,18 +5061,18 @@ const ns = {
     }), Le(
       Ve,
       (w, ue) => {
-        ue !== void 0 && w !== ue && Ye.value.length > 0 && Kn();
+        ue !== void 0 && w !== ue && Ye.value.length > 0 && En();
       },
       { flush: "pre" }
     ), Le(
       () => o.value,
       (w, ue) => {
-        !m.isTileEditor || !w || ue !== void 0 && Kn();
+        !m.isTileEditor || !w || ue !== void 0 && En();
       },
       { deep: !0, flush: "pre" }
     ), Le(
       [
-        () => ee.value,
+        () => Q.value,
         () => g.value,
         () => U.value,
         () => N.value,
@@ -5021,13 +5080,13 @@ const ns = {
         () => ce.value
       ],
       () => {
-        m.isEditingStyle || vn();
+        m.isEditingStyle || bn();
       },
       { deep: !0, flush: "post" }
     ), Le(
-      () => K.value,
+      () => X.value,
       (w) => {
-        m.isEditingStyle || w.includes(o.value.id) && vn();
+        m.isEditingStyle || w.includes(o.value.id) && bn();
       },
       { flush: "post" }
     ), Le(
@@ -5036,176 +5095,184 @@ const ns = {
         et();
       },
       { deep: !0 }
-    ), $t(() => {
-      et(), Qe.value.sm || Qe.value.md || Qe.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", et)) : addEventListener("resize", et), vn();
-    }), Co(() => {
+    ), zt(() => {
+      et(), Qe.value.sm || Qe.value.md || Qe.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", et)) : addEventListener("resize", et), bn();
+    }), _o(() => {
       Qe.value.sm || Qe.value.md || Qe.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", et)) : removeEventListener("resize", et);
     });
-    const Zt = Rn(), {
-      setWidgetResult: gn,
-      startWidgetResultLoading: Qt,
-      finishWidgetResultLoading: Xo,
-      clearAllWidgetResults: Kn
-    } = pa();
-    let en;
-    async function vn() {
+    const Qt = Nn(), {
+      setWidgetResult: yn,
+      startWidgetResultLoading: en,
+      finishWidgetResultLoading: Go,
+      clearAllWidgetResults: En
+    } = ya();
+    let tn;
+    async function bn() {
       if (!m.isEditingStyle) {
-        if (ee.value.config.schemaNames.length <= 0 && !(ee.value.config.dimensions.length <= 0 || ee.value.config.metrics.length <= 0)) {
-          Zt.open({
+        if (Q.value.config.schemaNames.length <= 0 && !(Q.value.config.dimensions.length <= 0 || Q.value.config.metrics.length <= 0)) {
+          Qt.open({
             message: "schema must not be empty and dimension or metrics must have at least 1 column",
             type: "info"
           }), n.value = !1;
           return;
         }
-        Qt();
+        en();
         try {
-          n.value = !0, en && en.abort(), en = new AbortController();
-          const w = en.signal, ue = ce.value, Te = await _n(
-            ha,
+          n.value = !0, tn && tn.abort(), tn = new AbortController();
+          const w = tn.signal, ue = ce.value, Te = await kn(
+            ba,
             500
           )({
-            widget: ee.value,
+            widget: Q.value,
             signal: w,
             tileId: o.value.id
           });
           if (ce.value === ue) {
             p.value = Te;
             const Ee = [
-              ...ee.value.config.dimensions,
-              ...(ee.value.config.joinDatasources ?? []).flatMap((tt) => tt.dimensions ?? [])
+              ...Q.value.config.dimensions,
+              ...(Q.value.config.joinDatasources ?? []).flatMap((tt) => tt.dimensions ?? [])
             ];
             Ye.value.length > 0 && Ye.value.forEach((tt) => {
-              const nt = ts(Te, tt, Ee), yn = Array.from(new Set(nt));
-              gn(ga(tt, m.reportId), yn);
-            }), L.value = Ft(), setTimeout(() => v(), 100);
+              const nt = is(Te, tt, Ee), Cn = Array.from(new Set(nt));
+              yn(Ca(tt, m.reportId), Cn);
+            }), L.value = Rt(), setTimeout(() => v(), 100);
           }
           n.value = !1;
         } catch (w) {
-          w.code !== "ERR_CANCELED" && (p.value = null, Zt.open({ message: `Invalid chart ${ee.value.type}`, type: "error" }), console.log(w), n.value = !1);
+          w.code !== "ERR_CANCELED" && (p.value = null, Qt.open({ message: `Invalid chart ${Q.value.type}`, type: "error" }), console.log(w), n.value = !1);
         } finally {
-          Xo();
+          Go();
         }
       }
     }
-    function Yo() {
+    function jo() {
       if (o.value.widget.type !== "SPACER")
-        return `${Yl(o.value.size.height, o.value.widget.type)}px`;
+        return `${Ql(o.value.size.height, o.value.widget.type)}px`;
     }
-    function Eo() {
+    function Jo() {
       const w = A.value - 1;
       w >= 0 && (I.value = Me.value[w].value);
     }
-    function qo() {
+    function Zo() {
       const w = A.value + 1;
       w >= 0 && w < Me.value.length && (I.value = Me.value[w].value);
     }
-    const Xn = P(bt.EXCEL), Yn = P(), Go = Object.values(bt).map((w) => ({
-      label: va(w),
+    const qn = P(bt.EXCEL), Gn = P(), Qo = Object.values(bt).map((w) => ({
+      label: xa(w),
       value: w,
       onClick: async () => {
-        w === bt.EXCEL || w === bt.PDFFULLSIZE || w === bt.PDFRECEIPT ? await xo({
+        w === bt.EXCEL || w === bt.PDFFULLSIZE || w === bt.PDFRECEIPT ? await So({
           reportType: w,
           index: m.index,
           isCombinedLocationLayout: ve.value,
           timeRange: U.value,
           dateRange: g.value,
           locationIds: d.value
-        }) : w === bt.PDF && (Xn.value = w, Yn.value = m.index, Ke.value = !0);
+        }) : w === bt.PDF && (qn.value = w, Gn.value = m.index, Ke.value = !0);
       }
-    })), jo = m.flat || ee.value.type === q.Spacer ? "flat" : "outlined", Jo = ee.value.type === q.Spacer ? "p-0" : "p-16", Zo = c(() => m.flat ? "w-full" : Jt.value);
+    })), ea = m.flat || Q.value.type === E.Spacer ? "flat" : "outlined", ta = Q.value.type === E.Spacer ? "p-0" : "p-16", na = c(() => m.flat ? "w-full" : Zt.value);
     return (w, ue) => {
-      const Te = fe("FmTooltip"), Ee = fe("FmSearch"), tt = fe("FmCheckbox"), nt = fe("FmButton"), yn = fe("FmSelect"), Qo = fe("FmMenuItem"), ea = fe("FmMenu"), ta = fe("FmForm"), na = fe("FmCircularProgress"), oa = fe("FmCard");
-      return X(), me(oa, {
+      const Te = fe("FmTooltip"), Ee = fe("FmSearch"), tt = fe("FmCheckbox"), nt = fe("FmButton"), Cn = fe("FmSelect"), oa = fe("FmMenuItem"), aa = fe("FmMenu"), ra = fe("FmForm"), la = fe("FmCircularProgress"), sa = fe("FmCard");
+      return K(), de(sa, {
         ref_key: "tileCard",
         ref: D,
-        class: Ie(`${Zo.value} ${i(Jo)}`),
-        variant: i(jo),
+        class: Ie(`${na.value} ${i(ta)}`),
+        variant: i(ea),
         style: Pe({ height: Pt.value })
       }, {
         default: De(() => [
-          pe(Jl, {
+          pe(as, {
             modelValue: Ke.value,
             "onUpdate:modelValue": ue[0] || (ue[0] = (yt) => Ke.value = yt),
-            "report-type": Xn.value,
-            index: Yn.value
+            "report-type": qn.value,
+            index: Gn.value
           }, null, 8, ["modelValue", "report-type", "index"]),
-          n.value ? (X(), me(na, { key: 1 })) : (X(), le("div", ns, [
-            (X(), me(bo(s.value), {
+          n.value ? (K(), de(la, { key: 1 })) : (K(), le("div", us, [
+            (K(), de(wo(s.value), {
               key: L.value,
               modelValue: He.value,
               "onUpdate:modelValue": ue[4] || (ue[4] = (yt) => He.value = yt),
               "tile-index": m.index
             }, {
               menu: De(() => [
-                hn.value ? (X(), me(ta, {
+                vn.value ? (K(), de(ra, {
                   key: 0,
                   class: "flex items-center gap-2"
                 }, {
                   default: De(() => {
-                    var yt, En, qn;
+                    var yt, jn, Jn;
                     return [
                       pe(Te, {
                         variant: "plain",
                         placement: "right",
-                        content: ee.value.description,
+                        content: Q.value.description,
                         "hide-arrow": !0,
-                        disabled: !ee.value.description,
+                        disabled: !Q.value.description,
                         "z-index": 99
                       }, {
                         default: De(() => [
-                          k.value !== !1 ? (X(), le("p", {
-                            key: 0,
-                            style: Pe({
-                              fontSize: V.value + "px",
-                              fontWeight: _.value ? "bold" : "normal",
-                              fontStyle: S.value ? "italic" : "normal",
-                              paddingRight: S.value ? "4px" : "0px",
-                              textDecoration: x.value ? "underline" : "none"
-                            }),
-                            class: Ie(["text-fm-color-typo-secondary line-clamp-1", [
-                              V.value <= 18 ? "fm-typo-en-body-md-400" : "",
-                              ee.value.description ? "border-b-2 border-dashed border-gray-300" : ""
-                            ]])
-                          }, Ce(i(ut)(i(l), i(u), ee.value.title, "other")), 7)) : ge("", !0)
+                          k.value !== !1 ? (K(), le("div", cs, [
+                            Q.value.type === i(E).Scorecard && Q.value.config.titleIcon !== "" ? (K(), de(Kl, {
+                              key: 0,
+                              icon: Q.value.config.titleIcon || "",
+                              type: Q.value.config.titleIconType,
+                              size: Q.value.config.titleIconSize
+                            }, null, 8, ["icon", "type", "size"])) : he("", !0),
+                            Y("p", {
+                              style: Pe({
+                                fontSize: V.value + "px",
+                                fontWeight: _.value ? "bold" : "normal",
+                                fontStyle: S.value ? "italic" : "normal",
+                                paddingRight: S.value ? "4px" : "0px",
+                                textDecoration: x.value ? "underline" : "none"
+                              }),
+                              class: Ie(["line-clamp-1", [
+                                _.value ? "" : "text-fm-color-typo-secondary",
+                                V.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                                Q.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                              ]])
+                            }, Ce(i(ut)(i(l), i(u), Q.value.title, "other")), 7)
+                          ])) : he("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
-                      se.value ? (X(), me(Ee, {
+                      se.value ? (K(), de(Ee, {
                         key: 0,
                         modelValue: It.value,
                         "onUpdate:modelValue": ue[1] || (ue[1] = (qe) => It.value = qe),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (X(), le("div", os)),
-                      ua(pe(tt, {
+                      }, null, 8, ["modelValue"])) : (K(), le("div", ds)),
+                      ma(pe(tt, {
                         modelValue: b.value,
                         "onUpdate:modelValue": ue[2] || (ue[2] = (qe) => b.value = qe),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
-                        [ca, (yt = Xe.value) == null ? void 0 : yt.showLabel]
+                        [pa, (yt = Xe.value) == null ? void 0 : yt.showLabel]
                       ]),
-                      (En = Xe.value) != null && En.showDrillDimension && Me.value.length > 0 ? (X(), le("div", as, [
+                      (jn = Xe.value) != null && jn.showDrillDimension && Me.value.length > 0 ? (K(), le("div", fs, [
                         pe(nt, {
                           icon: "arrow_upward",
                           variant: "tertiary",
                           disabled: !B.value,
-                          onClick: Eo
+                          onClick: Jo
                         }, null, 8, ["disabled"]),
                         pe(nt, {
                           icon: "arrow_downward",
                           variant: "tertiary",
                           disabled: !J.value,
-                          onClick: qo
+                          onClick: Zo
                         }, null, 8, ["disabled"])
-                      ])) : ge("", !0),
-                      (qn = Xe.value) != null && qn.showRollup && We.value.length > 0 ? (X(), me(yn, {
+                      ])) : he("", !0),
+                      (Jn = Xe.value) != null && Jn.showRollup && We.value.length > 0 ? (K(), de(Cn, {
                         key: `rollup-${i(f)}`,
                         modelValue: h.value,
                         "onUpdate:modelValue": ue[3] || (ue[3] = (qe) => h.value = qe),
                         class: "w-[150px]",
                         items: We.value
-                      }, null, 8, ["modelValue", "items"])) : ge("", !0),
-                      m.hideExport ? ge("", !0) : (X(), me(ea, {
+                      }, null, 8, ["modelValue", "items"])) : he("", !0),
+                      m.hideExport ? he("", !0) : (K(), de(aa, {
                         key: 4,
                         shift: !0
                       }, {
@@ -5216,7 +5283,7 @@ const ns = {
                           })
                         ]),
                         default: De(() => [
-                          (X(!0), le(Ne, null, ft(i(Go), (qe) => (X(), me(Qo, {
+                          (K(!0), le(Ne, null, ft(i(Qo), (qe) => (K(), de(oa, {
                             key: qe.value,
                             label: qe.label,
                             onClick: qe.onClick
@@ -5227,7 +5294,7 @@ const ns = {
                     ];
                   }),
                   _: 1
-                })) : ge("", !0)
+                })) : he("", !0)
               ]),
               _: 1
             }, 8, ["modelValue", "tile-index"]))
@@ -5239,20 +5306,23 @@ const ns = {
   }
 });
 export {
-  Tn as L,
+  Dn as L,
   Ge as R,
   xe as S,
-  bs as _,
-  Ol as a,
-  Ul as b,
-  Wl as c,
-  Ql as d,
-  kn as e,
-  wt as f,
-  es as g,
-  ys as h,
-  vs as i,
-  So as j,
-  gs as k,
-  Yl as t
+  Kl as _,
+  Ds as a,
+  Gl as b,
+  ql as c,
+  ks as d,
+  Ol as e,
+  jl as f,
+  ss as g,
+  Ls as h,
+  Ts as i,
+  ls as j,
+  Ln as k,
+  wt as l,
+  Lo as m,
+  Ss as n,
+  Ql as t
 };