@feedmepos/mf-report 5.24.3 → 5.24.4

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-CtV3BEJO.js → DynamicWidget.vue_vue_type_script_setup_true_lang-C0cSDNAb.js}

@@ -1,7 +1,7 @@
-import { computed as m, defineComponent as Ne, ref as D, onMounted as $e, onBeforeUnmount as Qn, resolveComponent as pe, createBlock as ye, openBlock as Y, Transition as Io, withCtx as Te, createElementBlock as ve, createCommentVNode as Ce, createElementVNode as Q, unref as r, normalizeStyle as Ie, withModifiers as Qt, toDisplayString as Ae, createVNode as he, Fragment as Ve, renderList as Rt, normalizeClass as Le, watch as we, nextTick as Me, mergeModels as Ye, useModel as Oe, renderSlot as nt, h as jt, createSlots as Mo, resolveDynamicComponent as eo, toRaw as Bo, markRaw as Ao, createTextVNode as Fo, onUnmounted as to, withDirectives as Po, vShow as Ro } from "vue";
-import { W as oe, i as St, j as zo, S as Bt, v as Pt, k as No, l as cn, m as no, d as Vo, q as $o, R as pt, n as Ho } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-BDXjO_Sp.js";
-import { h as Wo, z as Eo, i as Oo, j as Uo, a as nn, u as _n } from "./app-CBHDMsDR.js";
-import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-C3gJtMm-.js";
+import { computed as m, defineComponent as Ne, ref as D, onMounted as $e, onBeforeUnmount as Qn, resolveComponent as ve, createBlock as ye, openBlock as Y, Transition as Io, withCtx as Te, createElementBlock as he, createCommentVNode as Ce, createElementVNode as ee, unref as r, normalizeStyle as Le, withModifiers as Qt, toDisplayString as Pe, createVNode as me, Fragment as Ve, renderList as Rt, normalizeClass as De, watch as we, nextTick as Me, mergeModels as Ye, useModel as Oe, renderSlot as nt, h as jt, createSlots as Mo, resolveDynamicComponent as eo, toRaw as Bo, markRaw as Po, createTextVNode as Fo, onUnmounted as to, withDirectives as Ao, vShow as Ro } from "vue";
+import { W as oe, i as St, j as zo, S as Bt, v as At, k as No, l as cn, m as no, d as Vo, q as $o, R as pt, n as Ho } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-yRksxmBh.js";
+import { h as Wo, z as Eo, i as Oo, j as Uo, a as nn, u as _n } from "./app-DS2zzKTy.js";
+import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BI-vfdVO.js";
 import { storeToRefs as st, defineStore as Ko } from "pinia";
 import { C as mn } from "./chart-DDDh8zNk.js";
 import { detectLocale as qo } from "@feedmepos/mf-common";
@@ -211,7 +211,7 @@ function _t({
   colorMode: h,
   customColors: c
 }) {
-  const b = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1, N = Number.isInteger(n) && Number(n) >= 0 ? Number(n) : 0, $ = l !== !1, F = e * b + N, y = h === "clustered" ? on : ao(c), g = zt(i == null ? void 0 : i[e * b]) ?? y[e % y.length], I = $ && N > 0 ? Vn(g, $n(N)) : zt(i == null ? void 0 : i[F]) ?? (N > 0 ? Vn(g, $n(N)) : g);
+  const C = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1, N = Number.isInteger(n) && Number(n) >= 0 ? Number(n) : 0, $ = l !== !1, F = e * C + N, y = h === "clustered" ? on : ao(c), g = zt(i == null ? void 0 : i[e * C]) ?? y[e % y.length], I = $ && N > 0 ? Vn(g, $n(N)) : zt(i == null ? void 0 : i[F]) ?? (N > 0 ? Vn(g, $n(N)) : g);
   let L = typeof s == "number" ? s : 1;
   return o && (L = L * 0.6), ro(I, L);
 }
@@ -407,7 +407,7 @@ function ca(e, n, t) {
   }
   if (!c.element)
     return;
-  const b = c.element, N = o ? h : l, $ = o ? b.y : b.x, F = N.getPixelForValue(c.index), y = $ ?? F;
+  const C = c.element, N = o ? h : l, $ = o ? C.y : C.x, F = N.getPixelForValue(c.index), y = $ ?? F;
   fn(e.ctx, o, e.chartArea, y);
 }
 function Vt(e) {
@@ -454,7 +454,7 @@ function pa() {
     return En(), s;
   };
 }
-const At = {
+const Pt = {
   "en-US": Uo.report.widget.comparisonTooltip.viewBreakdown,
   "zh-CN": Oo.report.widget.comparisonTooltip.viewBreakdown,
   "zh-Hant": Eo.report.widget.comparisonTooltip.viewBreakdown,
@@ -462,7 +462,7 @@ const At = {
 };
 function io() {
   const e = qo();
-  return e in At ? At[e] : e.startsWith("zh") ? At["zh-CN"] : e.startsWith("th") ? At["th-TH"] : At["en-US"];
+  return e in Pt ? Pt[e] : e.startsWith("zh") ? Pt["zh-CN"] : e.startsWith("th") ? Pt["th-TH"] : Pt["en-US"];
 }
 function va(e) {
   return e == null ? null : typeof e != "string" ? [] : e.split("#").map((n) => n.trim()).filter((n) => n.length > 0);
@@ -573,8 +573,8 @@ function Ma(e) {
   return `<button type="button" data-tooltip-full-details="true" style="${ta}">${wn(e)}</button>`;
 }
 function fo(e, n, t, o, s, i, l, h) {
-  var P;
-  const c = (P = e[0]) == null ? void 0 : P.label, b = va(c), N = (b == null ? void 0 : b[0]) ?? "", $ = b == null ? void 0 : b[1], F = [], y = [], g = /* @__PURE__ */ new Set();
+  var A;
+  const c = (A = e[0]) == null ? void 0 : A.label, C = va(c), N = (C == null ? void 0 : C[0]) ?? "", $ = C == null ? void 0 : C[1], F = [], y = [], g = /* @__PURE__ */ new Set();
   i.forEach((w, u) => {
     if (g.has(u))
       return;
@@ -630,7 +630,7 @@ function Kn(e) {
   return e.scrollHeight - e.clientHeight > fa;
 }
 function Jt(e, n, t, o, s, i, l, h, c) {
-  const b = fo(
+  const C = fo(
     n,
     t,
     o,
@@ -640,7 +640,7 @@ function Jt(e, n, t, o, s, i, l, h, c) {
     h,
     c
   );
-  return e.innerHTML !== b.html && (e.innerHTML = b.html, Ua(e)), b;
+  return e.innerHTML !== C.html && (e.innerHTML = C.html, Ua(e)), C;
 }
 function Ba(e, n, t, o, s, i, l, h, c) {
   if (Number.isFinite(s))
@@ -658,13 +658,13 @@ function Ba(e, n, t, o, s, i, l, h, c) {
       ),
       maxTooltipItems: s
     };
-  const b = Math.max(xn, n.length);
-  let N = b, $ = Jt(
+  const C = Math.max(xn, n.length);
+  let N = C, $ = Jt(
     e,
     n,
     t,
     o,
-    b,
+    C,
     i,
     l,
     h,
@@ -673,9 +673,9 @@ function Ba(e, n, t, o, s, i, l, h, c) {
   if (!Kn(e))
     return {
       markup: $,
-      maxTooltipItems: b
+      maxTooltipItems: C
     };
-  let F = xn, y = b;
+  let F = xn, y = C;
   for (; F <= y; ) {
     const I = Math.floor((F + y) / 2), L = Jt(
       e,
@@ -695,7 +695,7 @@ function Ba(e, n, t, o, s, i, l, h, c) {
     N = I, $ = L, F = I + 1;
   }
   return {
-    markup: N === b ? $ : Jt(
+    markup: N === C ? $ : Jt(
       e,
       n,
       t,
@@ -714,24 +714,24 @@ function qn(e, n) {
   if (o.startsWith("#")) {
     const l = o.slice(1), h = 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) : "";
     if (/^[0-9a-fA-F]{6}$/.test(h)) {
-      const c = Number.parseInt(h.slice(0, 2), 16), b = Number.parseInt(h.slice(2, 4), 16), N = Number.parseInt(h.slice(4, 6), 16);
-      return `rgba(${c}, ${b}, ${N}, ${t})`;
+      const c = Number.parseInt(h.slice(0, 2), 16), C = Number.parseInt(h.slice(2, 4), 16), N = Number.parseInt(h.slice(4, 6), 16);
+      return `rgba(${c}, ${C}, ${N}, ${t})`;
     }
   }
   const s = o.match(/^rgba?\(([^)]+)\)$/i);
   if (s) {
     const l = s[1].split(",").map((h) => h.trim());
     if (l.length >= 3) {
-      const [h, c, b] = l;
-      return `rgba(${h}, ${c}, ${b}, ${t})`;
+      const [h, c, C] = l;
+      return `rgba(${h}, ${c}, ${C}, ${t})`;
     }
   }
   const i = o.match(/^hsla?\(([^)]+)\)$/i);
   if (i) {
     const l = i[1].split(",").map((h) => h.trim());
     if (l.length >= 3) {
-      const [h, c, b] = l;
-      return `hsla(${h}, ${c}, ${b}, ${t})`;
+      const [h, c, C] = l;
+      return `hsla(${h}, ${c}, ${C}, ${t})`;
     }
   }
   return e;
@@ -741,7 +741,7 @@ function Zt(e, n) {
     (t) => typeof t == "string" ? qn(t, n) : t
   ) : e;
 }
-function Aa(e) {
+function Pa(e) {
   e.__tooltipOriginalStyle || (e.__tooltipOriginalStyle = {
     borderColor: Reflect.get(e, "borderColor"),
     backgroundColor: Reflect.get(e, "backgroundColor"),
@@ -753,7 +753,7 @@ function Fa(e) {
   const n = e.__tooltipOriginalStyle;
   n && (Reflect.set(e, "borderColor", n.borderColor), Reflect.set(e, "backgroundColor", n.backgroundColor), Reflect.set(e, "pointBorderColor", n.pointBorderColor), Reflect.set(e, "pointBackgroundColor", n.pointBackgroundColor));
 }
-function Pa(e, n) {
+function Aa(e, n) {
   const t = e.__tooltipOriginalStyle;
   t && (Reflect.set(e, "borderColor", Zt(t.borderColor, n)), Reflect.set(e, "backgroundColor", Zt(t.backgroundColor, n)), Reflect.set(e, "pointBorderColor", Zt(t.pointBorderColor, n)), Reflect.set(
     e,
@@ -777,7 +777,7 @@ function en(e, n) {
   const t = e.data.datasets;
   if (t.length !== 0) {
     if (t.forEach((o, s) => {
-      Aa(o), !n || s === n.datasetIndex ? Fa(o) : Pa(o, ha);
+      Pa(o), !n || s === n.datasetIndex ? Fa(o) : Aa(o, ha);
     }), typeof e.setActiveElements == "function")
       try {
         n ? e.setActiveElements([
@@ -820,29 +820,29 @@ function Dn(e) {
   return window.getComputedStyle(n).position === "static" && (n.style.position = "relative"), n;
 }
 function In(e, n, t, o, s, i, l = "center", h = !1) {
-  const c = n.getBoundingClientRect(), b = t.getBoundingClientRect(), N = t.scrollLeft, $ = t.scrollTop, F = t.clientWidth, y = t.clientHeight, g = e;
+  const c = n.getBoundingClientRect(), C = t.getBoundingClientRect(), N = t.scrollLeft, $ = t.scrollTop, F = t.clientWidth, y = t.clientHeight, g = e;
   (!Number.isFinite(g.__cachedWidth) || !Number.isFinite(g.__cachedHeight) || g.__measurementHostWidth !== F || g.__measurementHostHeight !== y) && (g.__cachedWidth = e.offsetWidth, g.__cachedHeight = e.offsetHeight, g.__measurementHostWidth = F, g.__measurementHostHeight = y);
-  const L = g.__cachedWidth ?? e.offsetWidth, B = g.__cachedHeight ?? e.offsetHeight, v = 8, f = c.left - b.left + N + o, T = c.top - b.top + $ + s, k = h ? l === "left" ? f - L - v : f + v : l === "left" ? f - L - v : l === "right" ? f + v : f - L / 2, x = h ? T + v : i ? T - B / 2 : T + v, P = N + v;
+  const L = g.__cachedWidth ?? e.offsetWidth, B = g.__cachedHeight ?? e.offsetHeight, v = 8, f = c.left - C.left + N + o, T = c.top - C.top + $ + s, k = h ? l === "left" ? f - L - v : f + v : l === "left" ? f - L - v : l === "right" ? f + v : f - L / 2, x = h ? T + v : i ? T - B / 2 : T + v, A = N + v;
   let w = $ + v;
   const u = document.querySelector('[data-menu-tab="true"]');
   if (u) {
-    const re = u.getBoundingClientRect().bottom - b.top + $ + v;
-    w = Math.max(w, re);
+    const le = u.getBoundingClientRect().bottom - C.top + $ + v;
+    w = Math.max(w, le);
   }
-  const M = Math.max(P, N + F - L - v), W = Math.max(w, $ + y - B - v), K = Math.round(Math.min(Math.max(P, k), M)), te = Math.round(Math.min(Math.max(w, x), W));
+  const M = Math.max(A, N + F - L - v), W = Math.max(w, $ + y - B - v), K = Math.round(Math.min(Math.max(A, k), M)), te = Math.round(Math.min(Math.max(w, x), W));
   g.__lastLeftPx === K && g.__lastTopPx === te || (g.__lastLeftPx = K, g.__lastTopPx = te, e.style.left = `${K}px`, e.style.top = `${te}px`);
 }
 function mo(e) {
   return e.dataset.anchorDirection === "left" ? "left" : e.dataset.anchorDirection === "right" ? "right" : "center";
 }
 function za(e, n, t, o, s, i, l) {
-  const h = n.getBoundingClientRect(), c = o - h.left, b = s - h.top;
-  !Number.isFinite(c) || !Number.isFinite(b) || (e.dataset.cursorCanvasX = String(c), e.dataset.cursorCanvasY = String(b), e.dataset.caretX = String(c), e.dataset.caretY = String(b), e.dataset.anchorDirection = l, In(
+  const h = n.getBoundingClientRect(), c = o - h.left, C = s - h.top;
+  !Number.isFinite(c) || !Number.isFinite(C) || (e.dataset.cursorCanvasX = String(c), e.dataset.cursorCanvasY = String(C), e.dataset.caretX = String(c), e.dataset.caretY = String(C), e.dataset.anchorDirection = l, In(
     e,
     n,
     t,
     c,
-    b,
+    C,
     i,
     l,
     !0
@@ -959,12 +959,12 @@ function Ka(e, n, t, o, s) {
     if (!(s != null && s.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
       return;
     const h = (v) => {
-      var P, w, u, M;
+      var A, w, u, M;
       if (v.length === 0)
         return !1;
-      const f = (P = v.find(
+      const f = (A = v.find(
         (W) => typeof W.dataIndex == "number"
-      )) == null ? void 0 : P.dataIndex, T = ((w = t == null ? void 0 : t.data) == null ? void 0 : w.datasets) ?? [], k = (u = t == null ? void 0 : t.config) == null ? void 0 : u.type, x = fo(
+      )) == null ? void 0 : A.dataIndex, T = ((w = t == null ? void 0 : t.data) == null ? void 0 : w.datasets) ?? [], k = (u = t == null ? void 0 : t.config) == null ? void 0 : u.type, x = fo(
         v,
         o,
         (s == null ? void 0 : s.viewFullDetailsLabel) ?? io(),
@@ -978,16 +978,16 @@ function Ka(e, n, t, o, s) {
     }, c = ((L = t == null ? void 0 : t.tooltip) == null ? void 0 : L.dataPoints) ?? [];
     if (h(c))
       return;
-    const b = t == null ? void 0 : t.getElementsAtEventForMode;
-    if (typeof b != "function")
+    const C = t == null ? void 0 : t.getElementsAtEventForMode;
+    if (typeof C != "function")
       return;
-    const N = b.call(
+    const N = C.call(
       t,
       l,
       "nearest",
       { intersect: !0 },
       !1
-    ), $ = b.call(
+    ), $ = C.call(
       t,
       l,
       "index",
@@ -1015,7 +1015,7 @@ function Ka(e, n, t, o, s) {
       const h = t == null ? void 0 : t.getElementsAtEventForMode, c = t == null ? void 0 : t.tooltip;
       if (typeof h != "function" || typeof (c == null ? void 0 : c.setActiveElements) != "function")
         return;
-      const b = h.call(
+      const C = h.call(
         t,
         l,
         "nearest",
@@ -1027,7 +1027,7 @@ function Ka(e, n, t, o, s) {
         "index",
         { intersect: !1 },
         !1
-      ), F = (b.length > 0 ? b : N).filter((y) => typeof y.datasetIndex == "number" && typeof y.index == "number").map((y) => ({
+      ), F = (C.length > 0 ? C : N).filter((y) => typeof y.datasetIndex == "number" && typeof y.index == "number").map((y) => ({
         datasetIndex: y.datasetIndex,
         index: y.index
       }));
@@ -1048,9 +1048,9 @@ function Ka(e, n, t, o, s) {
     }
     e.__onCanvasClick && e.__onCanvasClick(l);
   }, n.addEventListener("pointerup", e.__onCanvasPointerUp)), s != null && s.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (l) => {
-    var b;
+    var C;
     const h = l.target;
-    h != null && h.closest('[data-tooltip-full-details="true"]') && (l.preventDefault(), l.stopPropagation(), e.__detailsPayload && ((b = s.onViewFullDetails) == null || b.call(s, e.__detailsPayload, t), Xe(e, t)));
+    h != null && h.closest('[data-tooltip-full-details="true"]') && (l.preventDefault(), l.stopPropagation(), e.__detailsPayload && ((C = s.onViewFullDetails) == null || C.call(s, e.__detailsPayload, t), Xe(e, t)));
   }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
     e.__isTooltipHovered = !0, xt(e);
   }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
@@ -1087,7 +1087,7 @@ function qa(e, n, t) {
 function Xa(e, n) {
   const { maxTooltipItems: t } = co(n);
   return ({ chart: o, tooltip: s }) => {
-    var K, te, G, re;
+    var K, te, G, le;
     if (typeof document > "u" || typeof window > "u")
       return;
     const i = o == null ? void 0 : o.canvas;
@@ -1102,19 +1102,19 @@ function Xa(e, n) {
       n != null && n.onViewFullDetails ? Yn(c, o) : Xe(c, o);
       return;
     }
-    const b = (s == null ? void 0 : s.dataPoints) ?? [];
-    if (b.length === 0) {
+    const C = (s == null ? void 0 : s.dataPoints) ?? [];
+    if (C.length === 0) {
       if (yt() && bt(c))
         return;
       n != null && n.onViewFullDetails ? Yn(c, o) : Xe(c, o);
       return;
     }
     xt(c);
-    const N = (n == null ? void 0 : n.viewFullDetailsLabel) ?? io(), $ = !!(n != null && n.onViewFullDetails), F = (K = b.find((J) => typeof J.dataIndex == "number")) == null ? void 0 : K.dataIndex, y = ((te = o == null ? void 0 : o.data) == null ? void 0 : te.datasets) ?? [], g = (G = o == null ? void 0 : o.config) == null ? void 0 : G.type, {
+    const N = (n == null ? void 0 : n.viewFullDetailsLabel) ?? io(), $ = !!(n != null && n.onViewFullDetails), F = (K = C.find((J) => typeof J.dataIndex == "number")) == null ? void 0 : K.dataIndex, y = ((te = o == null ? void 0 : o.data) == null ? void 0 : te.datasets) ?? [], g = (G = o == null ? void 0 : o.config) == null ? void 0 : G.type, {
       markup: { detailsPayload: I, hasCollapsedValues: L }
     } = Ba(
       c,
-      b,
+      C,
       e,
       N,
       t,
@@ -1129,15 +1129,15 @@ function Xa(e, n) {
       c.style.opacity = "0";
       return;
     }
-    const x = (re = o == null ? void 0 : o.scales) == null ? void 0 : re.x, P = x && typeof x.getPixelForValue == "function" ? x.getPixelForValue(0) : NaN, w = e ? b.reduce((J, _) => {
+    const x = (le = o == null ? void 0 : o.scales) == null ? void 0 : le.x, A = x && typeof x.getPixelForValue == "function" ? x.getPixelForValue(0) : NaN, w = e ? C.reduce((J, _) => {
       const E = _ == null ? void 0 : _.element, z = E == null ? void 0 : E.x;
       if (typeof z != "number" || !Number.isFinite(z))
         return J;
       if (!Number.isFinite(J))
         return z;
-      const R = Number.isFinite(P) ? P : v, A = Math.abs(J - R);
-      return Math.abs(z - R) > A ? z : J;
-    }, Number.NaN) : Number.NaN, u = f, M = T, W = e ? Number.isFinite(P) && Number.isFinite(w) && w < P ? "left" : "right" : "center";
+      const R = Number.isFinite(A) ? A : v, P = Math.abs(J - R);
+      return Math.abs(z - R) > P ? z : J;
+    }, Number.NaN) : Number.NaN, u = f, M = T, W = e ? Number.isFinite(A) && Number.isFinite(w) && w < A ? "left" : "right" : "center";
     In(
       c,
       i,
@@ -1267,7 +1267,7 @@ function Tt(e) {
         size: e.yTitleFontSize
       }
     }
-  })), b = m(() => ({
+  })), C = m(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle,
@@ -1314,7 +1314,7 @@ function Tt(e) {
       }
     }
   })), N = m(() => e.isTransposed), $ = m(() => e.chartWidth), F = m(() => e.chartHeight);
-  return { datalabels: l, xCfg: h, yCfg: c, isTransposed: N, legend: b, chartWidth: $, chartHeight: F };
+  return { datalabels: l, xCfg: h, yCfg: c, isTransposed: N, legend: C, chartWidth: $, chartHeight: F };
 }
 const Ya = {
   key: 0,
@@ -1333,7 +1333,7 @@ const Ya = {
     const t = e, o = n, { t: s } = it(), i = D(null), l = D(Gn), h = D(!1), c = m({
       get: () => t.modelValue,
       set: (u) => o("update:modelValue", u)
-    }), b = m(() => {
+    }), C = m(() => {
       var u;
       return (((u = t.detailsPayload) == null ? void 0 : u.sections) ?? []).filter((M) => M.values.length > 0);
     }), N = m(() => ({
@@ -1378,7 +1378,7 @@ const Ya = {
     function x() {
       l.value = B(l.value);
     }
-    function P(u) {
+    function A(u) {
       var K;
       if (!c.value)
         return;
@@ -1392,11 +1392,11 @@ const Ya = {
       c.value && u.key === "Escape" && I();
     }
     return $e(() => {
-      l.value = B(l.value), document.addEventListener("pointerdown", P, !0), document.addEventListener("keydown", w), window.addEventListener("resize", x);
+      l.value = B(l.value), document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", w), window.addEventListener("resize", x);
     }), Qn(() => {
-      f(), document.removeEventListener("pointerdown", P, !0), document.removeEventListener("keydown", w), window.removeEventListener("resize", x);
+      f(), document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", w), window.removeEventListener("resize", x);
     }), (u, M) => {
-      const W = pe("FmButton");
+      const W = ve("FmButton");
       return Y(), ye(Io, {
         "enter-active-class": "transform transition duration-200 ease-out",
         "enter-from-class": "translate-x-full opacity-0",
@@ -1406,24 +1406,24 @@ const Ya = {
         "leave-to-class": "translate-x-full opacity-0"
       }, {
         default: Te(() => [
-          c.value ? (Y(), ve("div", Ya, [
-            Q("div", {
+          c.value ? (Y(), he("div", Ya, [
+            ee("div", {
               ref_key: "panelRef",
               ref: i,
               class: "glassmorphism pointer-events-auto relative ml-auto flex h-full flex-col px-24 py-3 overflow-hidden rounded-l-2xl border border-fm-color-border-secondary bg-fm-color-neutral-white duration-200 ease-out",
-              style: Ie(N.value),
+              style: Le(N.value),
               role: "dialog",
               "aria-modal": "false",
               "aria-label": r(s)("report.widget.comparisonTooltip.fullBreakdownTitle")
             }, [
-              Q("div", {
+              ee("div", {
                 class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
                 onPointerdown: Qt(k, ["prevent"])
               }, null, 32),
-              Q("div", ja, [
-                Q("div", Ja, Ae(r(s)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
-                Q("div", Za, [
-                  he(W, {
+              ee("div", ja, [
+                ee("div", Ja, Pe(r(s)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
+                ee("div", Za, [
+                  me(W, {
                     class: "relative z-30 h-9 w-9 shrink-0",
                     variant: "tertiary",
                     icon: "close",
@@ -1432,17 +1432,17 @@ const Ya = {
                   }, null, 8, ["aria-label"])
                 ])
               ]),
-              Q("div", {
+              ee("div", {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
                 onMouseleave: g
               }, [
-                (Y(!0), ve(Ve, null, Rt(b.value, (K, te) => (Y(), ve("div", {
+                (Y(!0), he(Ve, null, Rt(C.value, (K, te) => (Y(), he("div", {
                   key: `${K.title || "section"}-${te}`,
                   class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
                 }, [
-                  K.title ? (Y(), ve("p", Qa, Ae(K.title), 1)) : Ce("", !0),
-                  (Y(!0), ve(Ve, null, Rt(K.values, (G, re) => (Y(), ve("button", {
-                    key: `${G.text}-${re}`,
+                  K.title ? (Y(), he("p", Qa, Pe(K.title), 1)) : Ce("", !0),
+                  (Y(!0), he(Ve, null, Rt(K.values, (G, le) => (Y(), he("button", {
+                    key: `${G.text}-${le}`,
                     type: "button",
                     class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex w-full items-start justify-between gap-3 bg-transparent px-2 py-1.5 text-left transition-colors hover:bg-fm-color-opacity-sm focus-visible:bg-fm-color-opacity-sm focus-visible:outline-none",
                     onMouseenter: (J) => y(G),
@@ -1450,17 +1450,17 @@ const Ya = {
                     onMouseleave: g,
                     onBlur: g
                   }, [
-                    Q("span", tr, [
-                      Q("span", {
-                        class: Le([
+                    ee("span", tr, [
+                      ee("span", {
+                        class: De([
                           "inline-block h-3 w-3 shrink-0 box-border",
                           G.isBar ? "rounded-sm border border-fm-color-neutral-gray-400" : "rounded-full border border-white shadow-[0_0_0_1px_rgba(17,24,39,0.28)]"
                         ]),
-                        style: Ie({ backgroundColor: G.color })
+                        style: Le({ backgroundColor: G.color })
                       }, null, 6),
-                      Q("span", nr, Ae(F(G)), 1)
+                      ee("span", nr, Pe(F(G)), 1)
                     ]),
-                    Q("span", or, Ae($(G)), 1)
+                    ee("span", or, Pe($(G)), 1)
                   ], 40, er))), 128))
                 ]))), 128))
               ], 32)
@@ -1483,7 +1483,7 @@ function Ht(e, n) {
   function c(F, y) {
     s.value = F, i.value = y ?? l(), o.value = !0;
   }
-  function b(F) {
+  function C(F) {
     en(l(), F.focusTarget);
   }
   function N() {
@@ -1499,7 +1499,7 @@ function Ht(e, n) {
     tooltipDetailsPayload: s,
     tooltipOptions: $,
     handleTooltipDetailsSheetVisibility: h,
-    handleTooltipDetailsHover: b,
+    handleTooltipDetailsHover: C,
     handleTooltipDetailsLeave: N
   };
 }
@@ -1526,13 +1526,14 @@ const rr = {
     chartColors: {},
     chartBreakdownColors: {},
     chartUseSecondaryMetricShades: { type: Boolean },
-    metricCount: {}
+    metricCount: {},
+    usePointStyle: { type: Boolean }
   },
   emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
   setup(e, { emit: n }) {
-    const t = e, o = n, { t: s } = it(), i = D([]), l = D(0), h = D(!1), c = D(!1), b = D(0), N = D(null), $ = D(null), F = D(null), y = D(null), g = D(!1), I = D(0), L = D(0), B = D(!1), v = D(0), f = D(0), T = m(() => t.enabled !== !1), k = m(() => t.position === "left" || t.position === "right");
+    const t = e, o = n, { t: s } = it(), i = D([]), l = D(0), h = D(!1), c = D(!1), C = D(0), N = D(null), $ = D(null), F = D(null), y = D(null), g = D(!1), I = D(0), L = D(0), B = D(!1), v = D(0), f = D(0), T = m(() => t.enabled !== !1), k = m(() => t.position === "left" || t.position === "right");
     let x = null;
-    const P = m(
+    const A = m(
       () => h.value && c.value && g.value
     ), w = m(() => ({
       height: `${Math.max(0, I.value)}px`,
@@ -1542,8 +1543,8 @@ const rr = {
       K({ height: a, width: 0 });
     }
     function K({ height: a, width: p }) {
-      var C;
-      const d = (C = t.chartRef) == null ? void 0 : C.$el;
+      var b;
+      const d = (b = t.chartRef) == null ? void 0 : b.$el;
       d instanceof HTMLElement && (d.style.setProperty("--legend-panel-height", `${Math.max(0, Math.floor(a))}px`), d.style.setProperty("--legend-panel-width", `${Math.max(0, Math.floor(p))}px`));
     }
     function te() {
@@ -1554,10 +1555,10 @@ const rr = {
       if (a)
         return a;
       const p = N.value, d = [p == null ? void 0 : p.parentElement, p == null ? void 0 : p.closest(".h-full"), p];
-      for (const C of d) {
-        if (!(C instanceof HTMLElement))
+      for (const b of d) {
+        if (!(b instanceof HTMLElement))
           continue;
-        const H = C.querySelector("canvas");
+        const H = b.querySelector("canvas");
         if (!(H instanceof HTMLCanvasElement))
           continue;
         const O = mn.getChart(H);
@@ -1566,12 +1567,12 @@ const rr = {
       }
       return null;
     }
-    function re() {
+    function le() {
       J();
     }
     function J() {
-      var C;
-      const a = (C = N.value) == null ? void 0 : C.getBoundingClientRect(), p = Number((a == null ? void 0 : a.height) ?? 0), d = Number((a == null ? void 0 : a.width) ?? 0);
+      var b;
+      const a = (b = N.value) == null ? void 0 : b.getBoundingClientRect(), p = Number((a == null ? void 0 : a.height) ?? 0), d = Number((a == null ? void 0 : a.width) ?? 0);
       if (Number.isFinite(p) && p >= 0) {
         K({
           height: k.value ? 0 : p,
@@ -1587,12 +1588,12 @@ const rr = {
         g.value = !1, I.value = 0, L.value = 0;
         return;
       }
-      const p = a.clientHeight, d = a.scrollHeight, C = a.scrollTop, H = d > p + 1;
+      const p = a.clientHeight, d = a.scrollHeight, b = a.scrollTop, H = d > p + 1;
       if (g.value = H, !H || p <= 0) {
         I.value = 0, L.value = 0;
         return;
       }
-      const O = p, j = Math.max(18, Math.round(p / d * O)), se = Math.max(0, O - j), q = Math.max(1, d - p), fe = Math.round(C / q * se);
+      const O = p, j = Math.max(18, Math.round(p / d * O)), se = Math.max(0, O - j), q = Math.max(1, d - p), fe = Math.round(b / q * se);
       I.value = j, L.value = fe;
     }
     function E() {
@@ -1602,19 +1603,19 @@ const rr = {
       const p = F.value, d = $.value;
       if (!p || !d || !g.value)
         return;
-      const C = d.getBoundingClientRect(), H = a.clientY - C.top, O = Math.max(0, H - I.value / 2), j = Math.max(1, p.clientHeight - I.value), se = Math.min(1, O / j), q = Math.max(0, p.scrollHeight - p.clientHeight);
+      const b = d.getBoundingClientRect(), H = a.clientY - b.top, O = Math.max(0, H - I.value / 2), j = Math.max(1, p.clientHeight - I.value), se = Math.min(1, O / j), q = Math.max(0, p.scrollHeight - p.clientHeight);
       p.scrollTop = se * q, _();
     }
     function R(a) {
       g.value && (B.value = !0, v.value = a.clientY, f.value = L.value);
     }
-    function A(a) {
+    function P(a) {
       if (!B.value)
         return;
       const p = F.value;
       if (!p)
         return;
-      const d = a.clientY - v.value, C = Math.max(1, p.clientHeight - I.value), O = Math.min(C, Math.max(0, f.value + d)) / C, j = Math.max(0, p.scrollHeight - p.clientHeight);
+      const d = a.clientY - v.value, b = Math.max(1, p.clientHeight - I.value), O = Math.min(b, Math.max(0, f.value + d)) / b, j = Math.max(0, p.scrollHeight - p.clientHeight);
       p.scrollTop = O * j, _();
     }
     function V() {
@@ -1622,29 +1623,26 @@ const rr = {
     }
     function ne() {
       var p;
-      const a = [
-        (p = t.chartRef) == null ? void 0 : p.$el,
-        N.value
-      ];
+      const a = [(p = t.chartRef) == null ? void 0 : p.$el, N.value];
       for (const d of a) {
         if (!(d instanceof HTMLElement))
           continue;
-        const C = d.closest('[class*="fm-card"]');
-        if (C)
-          return C;
+        const b = d.closest('[class*="fm-card"]');
+        if (b)
+          return b;
       }
       for (const d of a) {
         if (!(d instanceof HTMLElement))
           continue;
-        const C = d.closest(".h-full") ?? d.parentElement;
-        if (C)
-          return C;
+        const b = d.closest(".h-full") ?? d.parentElement;
+        if (b)
+          return b;
       }
       return null;
     }
     function U() {
-      var d, C, H, O;
-      const a = (C = (d = N.value) == null ? void 0 : d.closest(".chart-layout")) == null ? void 0 : C.parentElement;
+      var d, b, H, O;
+      const a = (b = (d = N.value) == null ? void 0 : d.closest(".chart-layout")) == null ? void 0 : b.parentElement;
       if (a instanceof HTMLElement)
         return a;
       const p = (H = t.chartRef) == null ? void 0 : H.$el;
@@ -1656,8 +1654,8 @@ const rr = {
       return null;
     }
     function X() {
-      var d, C, H, O;
-      const a = ((d = N.value) == null ? void 0 : d.closest(".chart-layout")) ?? ((O = (H = (C = t.chartRef) == null ? void 0 : C.$el) == null ? void 0 : H.closest) == null ? void 0 : O.call(H, ".chart-layout")) ?? null;
+      var d, b, H, O;
+      const a = ((d = N.value) == null ? void 0 : d.closest(".chart-layout")) ?? ((O = (H = (b = t.chartRef) == null ? void 0 : b.$el) == null ? void 0 : H.closest) == null ? void 0 : O.call(H, ".chart-layout")) ?? null;
       if (!(a instanceof HTMLElement))
         return null;
       const p = Number(a.getBoundingClientRect().width);
@@ -1673,7 +1671,7 @@ const rr = {
       const p = ne();
       if (!p)
         return null;
-      const d = window.getComputedStyle(p), C = parseFloat(d.paddingTop) || 0, H = parseFloat(d.paddingBottom) || 0, O = p.getBoundingClientRect().height - C - H;
+      const d = window.getComputedStyle(p), b = parseFloat(d.paddingTop) || 0, H = parseFloat(d.paddingBottom) || 0, O = p.getBoundingClientRect().height - b - H;
       return Number.isFinite(O) && O > 0 ? O : null;
     }
     function ae() {
@@ -1686,7 +1684,7 @@ const rr = {
       const p = ne();
       if (!p)
         return null;
-      const d = window.getComputedStyle(p), C = parseFloat(d.paddingLeft) || 0, H = parseFloat(d.paddingRight) || 0, O = p.getBoundingClientRect().width - C - H;
+      const d = window.getComputedStyle(p), b = parseFloat(d.paddingLeft) || 0, H = parseFloat(d.paddingRight) || 0, O = p.getBoundingClientRect().width - b - H;
       return Number.isFinite(O) && O > 0 ? O : null;
     }
     function ue() {
@@ -1694,25 +1692,25 @@ const rr = {
       if (k.value)
         return Number.isFinite(p) && p > 0 ? Math.max(0, Math.floor(p - Jn)) : d != null ? Math.max(0, Math.floor(d - Jn)) : 120;
       if (d != null) {
-        const C = d * 0.3, H = d - ur, O = Math.min(C, H);
+        const b = d * 0.3, H = d - ur, O = Math.min(b, H);
         return Math.max(0, Math.floor(O));
       }
       return Number.isFinite(p) && p > 0 ? Math.max(0, Math.floor(p * 0.3)) : 120;
     }
-    function me() {
+    function pe() {
       var O;
       const a = X();
       if (a != null)
         return Math.max(0, Math.floor(a * 0.3));
-      const p = G(), d = Number(p == null ? void 0 : p.width), C = Number(((O = N.value) == null ? void 0 : O.getBoundingClientRect().width) ?? 0);
+      const p = G(), d = Number(p == null ? void 0 : p.width), b = Number(((O = N.value) == null ? void 0 : O.getBoundingClientRect().width) ?? 0);
       if (Number.isFinite(d) && d > 0) {
-        const j = d + (Number.isFinite(C) ? C : 0);
+        const j = d + (Number.isFinite(b) ? b : 0);
         return Math.max(0, Math.floor(j * 0.3));
       }
       const H = ae();
       return H != null ? Math.max(0, Math.floor(H * 0.3)) : 180;
     }
-    function le(a, p) {
+    function re(a, p) {
       const d = t.chartColorBinding;
       if (d) {
         const O = typeof a.datasetIndex == "number" ? a.datasetIndex : p, j = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : Math.max(1, Number(i.value.length));
@@ -1745,8 +1743,8 @@ const rr = {
         const se = typeof a.index == "number" ? a.index : O;
         return tt({ index: se, customColors: t.chartColors });
       }
-      const C = a;
-      return ce(a.fillStyle) || ce(a.strokeStyle) || ce(C.color) || "#9ca3af";
+      const b = a;
+      return ce(a.fillStyle) || ce(a.strokeStyle) || ce(b.color) || "#9ca3af";
     }
     function ce(a) {
       return typeof a == "string" && a.trim().length > 0 ? a : Array.isArray(a) ? a.map((d) => ce(d)).find((d) => typeof d == "string" && d.trim().length > 0) ?? "" : "";
@@ -1761,34 +1759,34 @@ const rr = {
       if (a.length <= 1)
         return a;
       const p = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : 1;
-      return [...a.map((C, H) => {
-        const O = typeof C.datasetIndex == "number" ? C.datasetIndex : H, j = Ct({
+      return [...a.map((b, H) => {
+        const O = typeof b.datasetIndex == "number" ? b.datasetIndex : H, j = Ct({
           fallbackIndex: O,
           metricCount: p
         });
         return {
-          item: C,
+          item: b,
           originalIndex: H,
           breakdownIndex: j
         };
-      })].sort((C, H) => C.breakdownIndex !== H.breakdownIndex ? C.breakdownIndex - H.breakdownIndex : C.originalIndex - H.originalIndex).map((C) => C.item);
+      })].sort((b, H) => b.breakdownIndex !== H.breakdownIndex ? b.breakdownIndex - H.breakdownIndex : b.originalIndex - H.originalIndex).map((b) => b.item);
     }
     function We(a) {
       if (a.length <= 1)
         return a;
       const p = /* @__PURE__ */ new Map(), d = [];
-      for (const C of a) {
-        const H = typeof C.index == "number", O = C.datasetIndex, j = typeof O == "number" && !H, se = typeof C.text == "string" ? C.text.trim() : "";
+      for (const b of a) {
+        const H = typeof b.index == "number", O = b.datasetIndex, j = typeof O == "number" && !H, se = typeof b.text == "string" ? b.text.trim() : "";
         if (!j || !se) {
-          d.push(C);
+          d.push(b);
           continue;
         }
         const q = se.toLowerCase(), fe = p.get(q);
         if (fe == null) {
           d.push({
-            ...C,
+            ...b,
             datasetIndexes: [O],
-            datasetKeys: typeof C.datasetKey == "string" && C.datasetKey.trim().length > 0 ? [C.datasetKey] : []
+            datasetKeys: typeof b.datasetKey == "string" && b.datasetKey.trim().length > 0 ? [b.datasetKey] : []
           }), p.set(q, d.length - 1);
           continue;
         }
@@ -1802,17 +1800,17 @@ const rr = {
         const ie = new Set(
           Array.isArray(be.datasetKeys) ? be.datasetKeys : typeof be.datasetKey == "string" && be.datasetKey.trim().length > 0 ? [be.datasetKey] : []
         );
-        typeof C.datasetKey == "string" && C.datasetKey.trim().length > 0 && ie.add(C.datasetKey), d[fe] = {
+        typeof b.datasetKey == "string" && b.datasetKey.trim().length > 0 && ie.add(b.datasetKey), d[fe] = {
           ...be,
-          datasetIndexes: Array.from(de).sort((ee, _e) => ee - _e),
+          datasetIndexes: Array.from(de).sort((Q, _e) => Q - _e),
           datasetKeys: Array.from(ie),
-          hidden: be.hidden === !0 && C.hidden === !0
+          hidden: be.hidden === !0 && b.hidden === !0
         };
       }
       return d;
     }
     function Ge(a) {
-      var q, fe, be, de, ie, ee;
+      var q, fe, be, de, ie, Q;
       const p = a == null ? void 0 : a.legend;
       if (typeof (p == null ? void 0 : p.buildLabels) == "function")
         try {
@@ -1822,21 +1820,21 @@ const rr = {
       const d = Be(p == null ? void 0 : p.legendItems);
       if (d.length > 0)
         return d;
-      const C = (fe = (q = a == null ? void 0 : a.options) == null ? void 0 : q.plugins) == null ? void 0 : fe.legend, H = C == null ? void 0 : C.labels, O = H == null ? void 0 : H.generateLabels, j = (ee = (ie = (de = (be = mn.defaults) == null ? void 0 : be.plugins) == null ? void 0 : de.legend) == null ? void 0 : ie.labels) == null ? void 0 : ee.generateLabels;
+      const b = (fe = (q = a == null ? void 0 : a.options) == null ? void 0 : q.plugins) == null ? void 0 : fe.legend, H = b == null ? void 0 : b.labels, O = H == null ? void 0 : H.generateLabels, j = (Q = (ie = (de = (be = mn.defaults) == null ? void 0 : be.plugins) == null ? void 0 : de.legend) == null ? void 0 : ie.labels) == null ? void 0 : Q.generateLabels;
       let se = Be(
         typeof O == "function" ? O(a) : []
       );
-      return se.length === 0 && typeof j == "function" && (se = Be(j(a))), typeof (H == null ? void 0 : H.filter) == "function" && (se = se.filter((_e) => H.filter(_e, a.data))), typeof (H == null ? void 0 : H.sort) == "function" && (se = [...se].sort((_e, Pe) => H.sort(_e, Pe, a.data))), (C == null ? void 0 : C.reverse) === !0 && (se = [...se].reverse()), se;
+      return se.length === 0 && typeof j == "function" && (se = Be(j(a))), typeof (H == null ? void 0 : H.filter) == "function" && (se = se.filter((_e) => H.filter(_e, a.data))), typeof (H == null ? void 0 : H.sort) == "function" && (se = [...se].sort((_e, Ae) => H.sort(_e, Ae, a.data))), (b == null ? void 0 : b.reverse) === !0 && (se = [...se].reverse()), se;
     }
     function ut(a) {
       var d;
-      return (Array.isArray((d = a == null ? void 0 : a.data) == null ? void 0 : d.datasets) ? a.data.datasets : []).map((C, H) => {
-        const O = ce((C == null ? void 0 : C.borderColor) ?? (C == null ? void 0 : C.backgroundColor)), j = vt({
+      return (Array.isArray((d = a == null ? void 0 : a.data) == null ? void 0 : d.datasets) ? a.data.datasets : []).map((b, H) => {
+        const O = ce((b == null ? void 0 : b.borderColor) ?? (b == null ? void 0 : b.backgroundColor)), j = vt({
           datasetIndex: H,
-          label: C == null ? void 0 : C.label
+          label: b == null ? void 0 : b.label
         });
         return {
-          text: ot(C == null ? void 0 : C.label),
+          text: ot(b == null ? void 0 : b.label),
           fillStyle: O,
           strokeStyle: O,
           datasetIndex: H,
@@ -1851,7 +1849,7 @@ const rr = {
     function je(a, p) {
       if (!Array.isArray(a) || a.length === 0)
         return [];
-      const d = a, C = d[0], H = Array.isArray(C == null ? void 0 : C.labels) ? C.labels : [], O = Array.isArray(p == null ? void 0 : p.metrics) ? p.metrics : [], j = H.length > 0 ? H : O, se = C == null ? void 0 : C.backgroundColor;
+      const d = a, b = d[0], H = Array.isArray(b == null ? void 0 : b.labels) ? b.labels : [], O = Array.isArray(p == null ? void 0 : p.metrics) ? p.metrics : [], j = H.length > 0 ? H : O, se = b == null ? void 0 : b.backgroundColor;
       return d.length === 1 && Array.isArray(se) && se.length > 1 ? se.map((q, fe) => ({
         text: j[fe] == null || String(j[fe]).trim().length === 0 ? `Series ${fe + 1}` : String(j[fe]),
         fillStyle: ce(q),
@@ -1901,23 +1899,23 @@ const rr = {
       const d = F.value;
       if (!d || a.length === 0)
         return 0;
-      const C = Math.max(0, p - jn);
+      const b = Math.max(0, p - jn);
       if (k.value) {
-        const de = window.getComputedStyle(d), ie = Number.parseFloat(de.rowGap || de.gap || "0") || 0, ee = Ut();
-        let _e = 0, Pe = 0;
+        const de = window.getComputedStyle(d), ie = Number.parseFloat(de.rowGap || de.gap || "0") || 0, Q = Ut();
+        let _e = 0, Ae = 0;
         for (let Ue = 0; Ue < a.length; Ue += 1) {
-          const De = a[Ue];
-          if (!De)
+          const Ie = a[Ue];
+          if (!Ie)
             continue;
-          const Ke = _e + (Pe > 0 ? ie : 0) + De.offsetHeight, It = a.length - (Ue + 1) > 0 ? ie + ee : 0;
-          if (Ke + It > C)
+          const Ke = _e + (Ae > 0 ? ie : 0) + Ie.offsetHeight, It = a.length - (Ue + 1) > 0 ? ie + Q : 0;
+          if (Ke + It > b)
             break;
-          _e = Ke, Pe += 1;
+          _e = Ke, Ae += 1;
         }
-        return Pe > 0 ? Pe : 1;
+        return Ae > 0 ? Ae : 1;
       }
       const H = ((be = a[0]) == null ? void 0 : be.offsetTop) ?? 0, O = a.filter(
-        (de) => de.offsetTop - H + de.offsetHeight <= C
+        (de) => de.offsetTop - H + de.offsetHeight <= b
       );
       if (O.length === 0)
         return 0;
@@ -1928,10 +1926,10 @@ const rr = {
         return Math.max(1, O.length - 1);
       const se = window.getComputedStyle(d), q = Number.parseFloat(se.columnGap || se.gap || "0") || 0, fe = d.clientWidth;
       for (let de = O.length; de > 0; de -= 1) {
-        const ie = O.slice(0, de), ee = ie[ie.length - 1];
-        if (!ee)
+        const ie = O.slice(0, de), Q = ie[ie.length - 1];
+        if (!Q)
           continue;
-        if (ee.offsetLeft + ee.offsetWidth + q + j <= fe)
+        if (Q.offsetLeft + Q.offsetWidth + q + j <= fe)
           return de;
       }
       return 1;
@@ -1939,25 +1937,25 @@ const rr = {
     function Lt() {
       const a = F.value;
       if (!a) {
-        c.value = !1, b.value = 0, l.value = 0, re(), _();
+        c.value = !1, C.value = 0, l.value = 0, le(), _();
         return;
       }
       const p = Array.from(
         a.querySelectorAll(".chart-legend-item[data-legend-data='true']")
       );
       if (p.length === 0) {
-        c.value = !1, b.value = 0, l.value = 0, re(), _();
+        c.value = !1, C.value = 0, l.value = 0, le(), _();
         return;
       }
-      const d = Array.from(new Set(p.map((ie) => ie.offsetTop))).sort((ie, ee) => ie - ee), C = !h.value && i.value.length > p.length, H = !h.value && !C, O = H || b.value <= 0 ? ue() : b.value;
-      if ((H || b.value <= 0) && (b.value = O), C) {
+      const d = Array.from(new Set(p.map((ie) => ie.offsetTop))).sort((ie, Q) => ie - Q), b = !h.value && i.value.length > p.length, H = !h.value && !b, O = H || C.value <= 0 ? ue() : C.value;
+      if ((H || C.value <= 0) && (C.value = O), b) {
         const ie = ue();
-        if (ie > 0 && (b.value = ie), k.value && l.value < i.value.length) {
-          const ee = Math.max(0, b.value - jn), _e = a.scrollHeight;
-          if (_e + 1 < ee) {
-            const Pe = p.map((De) => De.offsetHeight).filter((De) => Number.isFinite(De) && De > 0), Ue = Pe.length > 0 ? Pe.reduce((De, Ke) => De + Ke, 0) / Pe.length : 0;
+        if (ie > 0 && (C.value = ie), k.value && l.value < i.value.length) {
+          const Q = Math.max(0, C.value - jn), _e = a.scrollHeight;
+          if (_e + 1 < Q) {
+            const Ae = p.map((Ie) => Ie.offsetHeight).filter((Ie) => Number.isFinite(Ie) && Ie > 0), Ue = Ae.length > 0 ? Ae.reduce((Ie, Ke) => Ie + Ke, 0) / Ae.length : 0;
             if (Ue > 0) {
-              const De = window.getComputedStyle(a), Ke = Number.parseFloat(De.rowGap || De.gap || "0") || 0, Ee = Math.max(1, Ue + Ke), It = ee - _e, Mt = Math.floor(It / Ee);
+              const Ie = window.getComputedStyle(a), Ke = Number.parseFloat(Ie.rowGap || Ie.gap || "0") || 0, Ee = Math.max(1, Ue + Ke), It = Q - _e, Mt = Math.floor(It / Ee);
               if (Mt > 0) {
                 l.value = Math.min(
                   i.value.length,
@@ -1968,11 +1966,11 @@ const rr = {
             }
           }
         }
-        c.value = !0, re(), _();
+        c.value = !0, le(), _();
         return;
       }
       const j = d[0] ?? 0, se = d[d.length - 1] ?? j, q = p.filter((ie) => ie.offsetTop === se), fe = Math.max(...q.map((ie) => ie.offsetHeight), 0), be = Math.max(0, se - j + fe), de = Kt(p, O);
-      (H || l.value <= 0) && (l.value = Math.max(0, de)), c.value = be > O, re(), _();
+      (H || l.value <= 0) && (l.value = Math.max(0, de)), c.value = be > O, le(), _();
     }
     function Ze() {
       Me(() => {
@@ -1987,7 +1985,7 @@ const rr = {
         "--legend-font-size": `${M.value}px`
       }, p = ue();
       if (k.value) {
-        const d = me();
+        const d = pe();
         return {
           ...a,
           width: "fit-content",
@@ -2014,12 +2012,12 @@ const rr = {
       overflow: "hidden"
     } : {} : {});
     function ct() {
-      var C;
+      var b;
       if (!T.value) {
-        i.value = [], l.value = 0, h.value = !1, c.value = !1, b.value = 0, K({ height: 0, width: 0 });
+        i.value = [], l.value = 0, h.value = !1, c.value = !1, C.value = 0, K({ height: 0, width: 0 });
         return;
       }
-      l.value = 0, c.value = !1, b.value = 0;
+      l.value = 0, c.value = !1, C.value = 0;
       const a = G();
       if (!a) {
         i.value = He(
@@ -2032,7 +2030,7 @@ const rr = {
       } catch {
         i.value = [];
       }
-      const p = Array.isArray((C = a == null ? void 0 : a.data) == null ? void 0 : C.datasets) ? a.data.datasets : [];
+      const p = Array.isArray((b = a == null ? void 0 : a.data) == null ? void 0 : b.datasets) ? a.data.datasets : [];
       i.value.length === 0 && (i.value = je(t.legendUpdateKey, t.chartRef)), i.value.length === 0 && (i.value = ut(a)), i.value = We(He(i.value));
       const d = Array.isArray(t.legendUpdateKey) && t.legendUpdateKey.length > 0 || !Array.isArray(t.legendUpdateKey) && !!t.legendUpdateKey;
       i.value.length === 0 && !(p.length > 0 || d) && W(0), Ze();
@@ -2059,8 +2057,8 @@ const rr = {
     function ke(a, p, d) {
       var H;
       typeof a.setDatasetVisibility == "function" ? a.setDatasetVisibility(p, d) : d && typeof a.show == "function" ? a.show(p) : !d && typeof a.hide == "function" && a.hide(p);
-      const C = Array.isArray((H = a == null ? void 0 : a.data) == null ? void 0 : H.datasets) ? a.data.datasets[p] : null;
-      C && typeof C == "object" && (C.hidden = !d);
+      const b = Array.isArray((H = a == null ? void 0 : a.data) == null ? void 0 : H.datasets) ? a.data.datasets[p] : null;
+      b && typeof b == "object" && (b.hidden = !d);
     }
     function rn(a, p) {
       var j;
@@ -2068,8 +2066,8 @@ const rr = {
         a.toggleDataVisibility(p);
         return;
       }
-      const d = Array.isArray((j = a == null ? void 0 : a.data) == null ? void 0 : j.datasets) ? a.data.datasets[0] : null, C = Array.isArray(d == null ? void 0 : d.data) ? d.data : [];
-      if (p < 0 || p >= C.length)
+      const d = Array.isArray((j = a == null ? void 0 : a.data) == null ? void 0 : j.datasets) ? a.data.datasets[0] : null, b = Array.isArray(d == null ? void 0 : d.data) ? d.data : [];
+      if (p < 0 || p >= b.length)
         return;
       const H = typeof a.getDatasetMeta == "function" ? a.getDatasetMeta(0) : null, O = Array.isArray(H == null ? void 0 : H.data) ? H.data[p] : null;
       O && typeof O.hidden == "boolean" && (O.hidden = !O.hidden);
@@ -2087,7 +2085,7 @@ const rr = {
     }
     function ln(a, p) {
       var be;
-      const d = G(), C = String(((be = d == null ? void 0 : d.config) == null ? void 0 : be.type) ?? ""), H = C === "pie" || C === "doughnut" || C === "polarArea", O = typeof a.index == "number" ? a.index : typeof p == "number" ? p : null;
+      const d = G(), b = String(((be = d == null ? void 0 : d.config) == null ? void 0 : be.type) ?? ""), H = b === "pie" || b === "doughnut" || b === "polarArea", O = typeof a.index == "number" ? a.index : typeof p == "number" ? p : null;
       if ((H || typeof a.index == "number") && typeof O == "number") {
         if (Array.isArray(t.hiddenDataPointIndexes)) {
           o("toggleDataPointVisibility", { itemIndex: O });
@@ -2119,8 +2117,8 @@ const rr = {
         if (se.length > 0) {
           const de = a.hidden !== !0;
           se.forEach((ie) => {
-            const ee = fe[ie];
-            ee && typeof ee == "object" && (ee.hidden = de);
+            const Q = fe[ie];
+            Q && typeof Q == "object" && (Q.hidden = de);
           }), dt(
             (ie) => Je(ie, 0) === Je(a, 0),
             de
@@ -2130,14 +2128,14 @@ const rr = {
       }
       if (se.length > 0) {
         const ie = !se.every(
-          (ee) => typeof d.isDatasetVisible == "function" ? d.isDatasetVisible(ee) : a.hidden !== !0
+          (Q) => typeof d.isDatasetVisible == "function" ? d.isDatasetVisible(Q) : a.hidden !== !0
         );
-        se.forEach((ee) => {
-          ke(d, ee, ie);
-          const _e = fe[ee];
+        se.forEach((Q) => {
+          ke(d, Q, ie);
+          const _e = fe[Q];
           _e && typeof _e == "object" && (_e.hidden = !ie);
         }), d.update(), dt(
-          (ee) => Je(ee, 0) === Je(a, 0),
+          (Q) => Je(Q, 0) === Je(a, 0),
           !ie
         );
       }
@@ -2149,7 +2147,7 @@ const rr = {
       h.value = !1, F.value && (F.value.scrollTop = 0), Ze();
     }
     return $e(() => {
-      Yt(), window.addEventListener("mousemove", A), window.addEventListener("mouseup", V);
+      Yt(), window.addEventListener("mousemove", P), window.addEventListener("mouseup", V);
     }), we(
       () => [
         t.enabled,
@@ -2161,91 +2159,99 @@ const rr = {
         ct();
       }
     ), Qn(() => {
-      B.value = !1, te(), K({ height: 0, width: 0 }), window.removeEventListener("mousemove", A), window.removeEventListener("mouseup", V);
-    }), (a, p) => T.value ? (Y(), ve("div", {
+      B.value = !1, te(), K({ height: 0, width: 0 }), window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", V);
+    }), (a, p) => T.value ? (Y(), he("div", {
       key: 0,
       ref_key: "legendPanelRef",
       ref: N,
-      class: Le(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
+      class: De(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
         "self-stretch h-full": k.value,
         "mb-2": !k.value && a.position === "top",
         "mt-2": !k.value && a.position === "bottom"
       }]),
-      style: Ie(qt.value)
+      style: Le(qt.value)
     }, [
-      Q("div", {
+      ee("div", {
         ref_key: "legendScrollShellRef",
         ref: $,
         class: "relative z-[2] flex flex-1 min-h-0 flex-col overflow-hidden"
       }, [
-        Q("div", {
+        ee("div", {
           ref_key: "legendToggleMeasureRef",
           ref: y,
           class: "absolute invisible pointer-events-none left-0 top-0 z-[2] inline-flex max-w-full select-none"
         }, [
-          Q("button", rr, Ae(r(s)("report.widget.legend.viewMore")), 1)
+          ee("button", rr, Pe(r(s)("report.widget.legend.viewMore")), 1)
         ], 512),
-        Q("ul", {
+        ee("ul", {
           ref_key: "legendListRef",
           ref: F,
-          class: Le(["chart-legend-list m-0 flex list-none p-0", [
+          class: De(["chart-legend-list m-0 flex list-none p-0", [
             k.value ? "flex-col flex-nowrap gap-2 text-left" : "flex-wrap justify-center gap-x-2 gap-y-1 pt-1"
           ]]),
-          style: Ie(Dt.value),
+          style: Le(Dt.value),
           onScroll: E
         }, [
-          (Y(!0), ve(Ve, null, Rt(Xt.value, (d, C) => (Y(), ve("li", {
-            key: Je(d, C),
-            class: Le(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
+          (Y(!0), he(Ve, null, Rt(Xt.value, (d, b) => (Y(), he("li", {
+            key: Je(d, b),
+            class: De(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
               "w-full": k.value,
               "opacity-45": d.hidden
             }]),
             "data-legend-data": "true"
           }, [
-            Q("button", {
+            ee("button", {
               type: "button",
-              class: Le(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "w-full items-start justify-start text-left": k.value }]),
+              class: De(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "w-full items-start justify-start text-left": k.value }]),
               "aria-pressed": d.hidden === !0 ? "false" : "true",
-              onClick: Qt((H) => ln(d, C), ["stop"])
+              onClick: Qt((H) => ln(d, b), ["stop"])
             }, [
-              Q("span", {
+              t.usePointStyle !== !1 ? (Y(), he("span", {
+                key: 0,
                 class: "h-5 w-5 shrink-0 rounded-full",
-                style: Ie({ backgroundColor: le(d, C) })
-              }, null, 4),
-              Q("span", {
-                class: Le(["chart-legend-text leading-[1.4]", {
+                style: Le({ backgroundColor: re(d, b) })
+              }, null, 4)) : (Y(), he("span", {
+                key: 1,
+                class: "h-5 w-5 shrink-0 rounded-sm border border-solid border-gray-300",
+                style: Le({
+                  backgroundColor: re(d, b),
+                  borderColor: "#c7c7cc"
+                })
+              }, null, 4)),
+              ee("span", {
+                class: De(["chart-legend-text leading-[1.4]", {
                   "flex-1 min-w-0 max-w-none whitespace-normal break-words text-left": k.value,
                   "whitespace-nowrap overflow-hidden": !k.value,
                   "line-through": d.hidden
                 }]),
                 title: d.text ?? ""
-              }, Ae(d.text), 11, sr)
+              }, Pe(d.text), 11, sr)
             ], 10, lr)
           ], 2))), 128)),
-          c.value ? (Y(), ve("li", ir, [
-            Q("button", {
+          c.value ? (Y(), he("li", ir, [
+            ee("button", {
               type: "button",
               class: "inline-flex max-w-full cursor-pointer select-none underline items-center gap-1 rounded px-1 py-0.5 border-none bg-transparent text-fm-color-system-info-300 leading-[1.4] transition-colors hover:bg-black/5",
               style: { fontSize: "var(--legend-font-size)" },
               onClick: p[0] || (p[0] = Qt((d) => h.value ? ft() : sn(), ["stop"]))
-            }, Ae(h.value ? r(s)("report.widget.legend.viewLess") : r(s)("report.widget.legend.viewMore")), 1)
+            }, Pe(h.value ? r(s)("report.widget.legend.viewLess") : r(s)("report.widget.legend.viewMore")), 1)
           ])) : Ce("", !0)
         ], 38),
-        P.value ? (Y(), ve("div", {
+        A.value ? (Y(), he("div", {
           key: 0,
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
           onMousedown: z
         }, [
-          Q("div", {
+          ee("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
-            style: Ie(w.value),
+            style: Le(w.value),
             onMousedown: Qt(R, ["stop"])
           }, null, 36)
         ], 32)) : Ce("", !0)
       ], 512)
     ], 6)) : Ce("", !0);
   }
-}), ze = /* @__PURE__ */ oo(fr, [["__scopeId", "data-v-6006dfdf"]]);
+}), ze = /* @__PURE__ */ oo(fr, [["__scopeId", "data-v-ca89b018"]]);
 function Wt(e) {
   const n = D([]), t = m(() => new Set(n.value));
   function o(l, h) {
@@ -2260,7 +2266,7 @@ function Wt(e) {
   function i({ datasetIndex: l, datasetKey: h }) {
     const c = h ?? o(e.value[l], l);
     if (t.value.has(c)) {
-      n.value = n.value.filter((b) => b !== c);
+      n.value = n.value.filter((C) => C !== c);
       return;
     }
     n.value = [...n.value, c];
@@ -2269,8 +2275,8 @@ function Wt(e) {
     e,
     (l) => {
       const h = new Set(
-        l.map((b, N) => o(b, N))
-      ), c = n.value.filter((b) => h.has(b));
+        l.map((C, N) => o(C, N))
+      ), c = n.value.filter((C) => h.has(C));
       c.length !== n.value.length && (n.value = c);
     },
     { immediate: !0 }
@@ -2295,7 +2301,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
-      handleTooltipDetailsHover: b,
+      handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
     } = Ht(o, {
       maxTooltipItems: s
@@ -2309,7 +2315,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
       t.value
     ), x = m(
       () => kt(t.value.isTransposed === !0, h.value)
-    ), P = Vt("bar"), w = m(() => {
+    ), A = Vt("bar"), w = m(() => {
       const z = f.value.position;
       return !z || z === "top" || z === "bottom" || z === "left" || z === "right";
     }), u = m(() => f.value.position ?? "top"), M = m(
@@ -2318,7 +2324,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
       () => u.value === "top" || u.value === "left"
     ), K = m(() => $.value.length > 0 ? [
       ...$.value.map((z, R) => {
-        const A = Fe({
+        const P = Fe({
           datasetIndex: R,
           isCompare: z.isCompare,
           metricCount: t.value.metricCount,
@@ -2350,13 +2356,13 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
             customColors: t.value.chartColors
           }) : tt({
-            index: A,
+            index: P,
             isCompare: z.isCompare,
             customColors: t.value.chartColors
           })
         };
       })
-    ] : []), { hiddenDatasetKeys: te, isDatasetHidden: G, toggleDatasetVisibility: re } = Wt(K), J = m(
+    ] : []), { hiddenDatasetKeys: te, isDatasetHidden: G, toggleDatasetVisibility: le } = Wt(K), J = m(
       () => K.value.map((z, R) => ({
         ...z,
         hidden: G(z, R)
@@ -2373,12 +2379,12 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
       Me(() => E());
     }), (z, R) => {
       var V, ne, U, X, Z, ae;
-      const A = pe("FmBarChart");
-      return Y(), ve(Ve, null, [
-        Q("div", hr, [
+      const P = ve("FmBarChart");
+      return Y(), he(Ve, null, [
+        ee("div", hr, [
           nt(z.$slots, "menu"),
-          Q("div", {
-            class: Le(["chart-layout", {
+          ee("div", {
+            class: De(["chart-layout", {
               "chart-layout--side": w.value && (r(f).display ?? !1) && M.value
             }])
           }, [
@@ -2391,15 +2397,16 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
               "text-color": (V = r(f).labels) == null ? void 0 : V.color,
               "font-size": (U = (ne = r(f).labels) == null ? void 0 : ne.font) == null ? void 0 : U.size,
               "legend-update-key": J.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(te),
-              onToggleDatasetVisibility: r(re)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            he(A, {
+              onToggleDatasetVisibility: r(le)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
+            me(P, {
               ref_key: "chartRef",
               ref: o,
               class: "bar-chart",
@@ -2413,9 +2420,9 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
               },
               tooltip: x.value,
               datalabels: r(I),
-              plugins: [r(P)],
+              plugins: [r(A)],
               "maintain-aspect-ratio": !1,
-              style: Ie({
+              style: Le({
                 "--chart-width": w.value && (r(f).display ?? !1) && M.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(T) !== void 0 ? r(T) + "px" : "100%",
                 "--chart-height": w.value && (r(f).display ?? !1) && !M.value ? "calc(100% - 36px - var(--legend-panel-height, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%"
               })
@@ -2429,21 +2436,22 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
               "text-color": (X = r(f).labels) == null ? void 0 : X.color,
               "font-size": (ae = (Z = r(f).labels) == null ? void 0 : Z.font) == null ? void 0 : ae.size,
               "legend-update-key": J.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(te),
-              onToggleDatasetVisibility: r(re)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+              onToggleDatasetVisibility: r(le)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
           ], 2)
         ]),
-        he($t, {
+        me($t, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
-          onValueHover: r(b),
+          onValueHover: r(C),
           onValueLeave: r(N)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
@@ -2459,7 +2467,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = e, t = Oe(e, "modelValue"), { breakpoints: o } = an(), s = D(null), i = D([]), { datalabels: l, legend: h, chartWidth: c, chartHeight: b } = Tt(t.value), N = m(() => {
+    const n = e, t = Oe(e, "modelValue"), { breakpoints: o } = an(), s = D(null), i = D([]), { datalabels: l, legend: h, chartWidth: c, chartHeight: C } = Tt(t.value), N = m(() => {
       const u = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((M) => M.name) : [];
       return u.length > 0 ? u : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((M) => String(M)) : [];
     }), $ = m(() => {
@@ -2509,20 +2517,22 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
       var M;
       const u = (M = h.value.labels) == null ? void 0 : M.color;
       return typeof u == "string" && u.trim().length > 0 ? u : t.value.legendColor ?? "#6b6b6b";
-    }), x = m(() => g.value), P = sa();
+    }), x = m(() => g.value), A = sa();
     function w({ itemIndex: u }) {
       if (i.value.includes(u)) {
-        i.value = i.value.filter((M) => M !== u);
+        i.value = i.value.filter(
+          (M) => M !== u
+        );
         return;
       }
       i.value = [...i.value, u];
     }
     return (u, M) => {
-      const W = pe("FmPieChart");
-      return Y(), ve("div", pr, [
+      const W = ve("FmPieChart");
+      return Y(), he("div", pr, [
         nt(u.$slots, "menu"),
-        Q("div", {
-          class: Le(["chart-layout", {
+        ee("div", {
+          class: De(["chart-layout", {
             "chart-layout--side": B.value && f.value
           }])
         }, [
@@ -2535,6 +2545,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             "text-color": k.value,
             "font-size": x.value,
             "legend-update-key": $.value,
+            "use-point-style": t.value.usePointStyle ?? !0,
             "chart-color-binding": t.value.chartColorBinding,
             "chart-colors": t.value.chartColors,
             "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -2542,24 +2553,24 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": i.value,
             onToggleDataPointVisibility: w
-          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : Ce("", !0),
-          he(W, {
+          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : Ce("", !0),
+          me(W, {
             ref_key: "chartRef",
             ref: s,
             class: "circular",
             percentage: "70%",
             datasets: $.value,
             metrics: N.value,
-            tooltip: r(P),
+            tooltip: r(A),
             variant: "doughnut",
             legend: {
               display: !1
             },
             datalabels: r(l),
             "maintain-aspect-ratio": !1,
-            style: Ie({
+            style: Le({
               "--chart-width": B.value && f.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(c) !== void 0 ? r(c) + "px" : "100%",
-              "--chart-height": B.value && !f.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(b) !== void 0 ? r(b) + "px" : "100%"
+              "--chart-height": B.value && !f.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(C) !== void 0 ? r(C) + "px" : "100%"
             })
           }, null, 8, ["datasets", "metrics", "tooltip", "datalabels", "style"]),
           B.value && !T.value ? (Y(), ye(ze, {
@@ -2571,6 +2582,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             "text-color": k.value,
             "font-size": x.value,
             "legend-update-key": $.value,
+            "use-point-style": t.value.usePointStyle ?? !0,
             "chart-color-binding": t.value.chartColorBinding,
             "chart-colors": t.value.chartColors,
             "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -2578,7 +2590,7 @@ const hr = { class: "widget-content" }, mr = /* @__PURE__ */ Ne({
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": i.value,
             onToggleDataPointVisibility: w
-          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : Ce("", !0)
+          }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : Ce("", !0)
         ], 2)
       ]);
     };
@@ -2607,7 +2619,7 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
       const { data: g } = n.value;
       return g != null && g.comparison ? lo(l.value, g.comparison, i) : null;
     });
-    function b(g) {
+    function C(g) {
       switch (g) {
         case pn.bar:
           return "bar";
@@ -2631,12 +2643,12 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
       color: "#36a2eb"
     }))), y = m(() => kt(!1, !0));
     return (g, I) => {
-      const L = pe("FmIcon"), B = pe("FmChip"), v = pe("FmTooltip"), f = pe("FmLineChart");
-      return Y(), ve("div", gr, [
+      const L = ve("FmIcon"), B = ve("FmChip"), v = ve("FmTooltip"), f = ve("FmLineChart");
+      return Y(), he("div", gr, [
         nt(g.$slots, "menu"),
-        Q("p", yr, Ae(h.value), 1),
-        Q("div", br, [
-          he(v, {
+        ee("p", yr, Pe(h.value), 1),
+        ee("div", br, [
+          me(v, {
             disabled: c.value === null,
             placement: "right",
             "hide-arrow": "",
@@ -2645,25 +2657,25 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
             content: Te(() => {
               var T;
               return [
-                Q("span", Cr, Ae(`vs. ${(T = r(s).defaultCompareType) == null ? void 0 : T.split("_").join(" ")}`), 1)
+                ee("span", Cr, Pe(`vs. ${(T = r(s).defaultCompareType) == null ? void 0 : T.split("_").join(" ")}`), 1)
               ];
             }),
             default: Te(() => [
               c.value ? (Y(), ye(B, {
                 key: 0,
                 icon: c.value.icon.name,
-                class: Le(`bg-${c.value.icon.tailwind}`),
+                class: De(`bg-${c.value.icon.tailwind}`),
                 compact: ""
               }, {
                 default: Te(() => [
-                  he(L, {
+                  me(L, {
                     name: c.value.icon.name,
                     color: c.value.icon.color
                   }, null, 8, ["name", "color"]),
-                  Q("p", {
+                  ee("p", {
                     class: "fm-typo-en-body-md-600",
-                    style: Ie({ color: c.value.icon.color })
-                  }, Ae(c.value.value), 5)
+                    style: Le({ color: c.value.icon.color })
+                  }, Pe(c.value.value), 5)
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : Ce("", !0),
@@ -2674,11 +2686,11 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
                 compact: ""
               }, {
                 default: Te(() => [
-                  he(L, {
+                  me(L, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  I[0] || (I[0] = Q("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
+                  I[0] || (I[0] = ee("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
                 ]),
                 _: 1
               })) : Ce("", !0)
@@ -2686,8 +2698,8 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
             _: 1
           }, 8, ["disabled"])
         ]),
-        N.value ? (Y(), ve("div", xr, [
-          b(N.value.type) === "line" ? (Y(), ye(f, {
+        N.value ? (Y(), he("div", xr, [
+          C(N.value.type) === "line" ? (Y(), ye(f, {
             key: 0,
             class: "sparkline",
             datasets: F.value,
@@ -2701,13 +2713,13 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
             tooltip: y.value,
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : Ce("", !0)
-        ])) : (Y(), ve("div", wr, I[1] || (I[1] = [
-          Q("div", { class: "sparkline" }, [
-            Q("div", { class: "flex flex-col gap-8" }, [
-              Q("div"),
-              Q("div")
+        ])) : (Y(), he("div", wr, I[1] || (I[1] = [
+          ee("div", { class: "sparkline" }, [
+            ee("div", { class: "flex flex-col gap-8" }, [
+              ee("div"),
+              ee("div")
             ]),
-            Q("div", { class: "grow" })
+            ee("div", { class: "grow" })
           ], -1)
         ])))
       ]);
@@ -2715,7 +2727,7 @@ const gr = { class: "flex flex-col gap-1" }, yr = { class: "fm-typo-en-title-md-
   }
 }), _r = {};
 function kr(e, n) {
-  const t = pe("FmMenuDivider");
+  const t = ve("FmMenuDivider");
   return Y(), ye(t);
 }
 const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimension", Zn = Ko(Lr, () => {
@@ -2725,17 +2737,17 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     n[v] = f, n.value = [...n.value], l(v, f, T, k);
   }, i = (v, f) => {
     const T = (f == null ? void 0 : f.querySelectorAll("thead tr")) ?? [], k = (f == null ? void 0 : f.querySelectorAll("tbody tr")) ?? [];
-    [...T, ...k].forEach((P) => {
-      const w = P;
+    [...T, ...k].forEach((A) => {
+      const w = A;
       w && (w.style.height = `${v}px`);
     });
   }, l = (v, f, T, k = !1) => {
     const x = (T == null ? void 0 : T.querySelectorAll("th")) ?? [];
     if (v === void 0) return;
-    const P = x[v], w = k ? n[v] : f;
-    if (!P || w === void 0) return;
+    const A = x[v], w = k ? n[v] : f;
+    if (!A || w === void 0) return;
     const u = () => {
-      P.style.width = `${w}px`;
+      A.style.width = `${w}px`;
     };
     k ? requestAnimationFrame(u) : u();
   }, h = () => {
@@ -2744,7 +2756,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   }, c = () => {
     const v = document.querySelectorAll("th"), f = document.querySelectorAll("td"), T = document.querySelectorAll(".col-resize-handle"), k = document.querySelectorAll(".row-resize-handle");
     v.forEach((x) => x.classList.remove("toggleEditResize")), f.forEach((x) => x.classList.remove("toggleEditResize")), T.forEach((x) => x.remove()), k.forEach((x) => x.remove()), t.value = !1;
-  }, b = () => {
+  }, C = () => {
     e.value = 0, n.value = [];
   }, N = (v, f) => {
     if (f) {
@@ -2773,14 +2785,14 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     if (!k) return;
     const x = k.querySelectorAll("th")[f];
     if (!x) return;
-    const P = x.getBoundingClientRect().width || 60, w = x.querySelector("button"), u = (w == null ? void 0 : w.querySelector("span")) || x.querySelector("p") || x;
+    const A = x.getBoundingClientRect().width || 60, w = x.querySelector("button"), u = (w == null ? void 0 : w.querySelector("span")) || x.querySelector("p") || x;
     let M = 60;
     if (u) {
       const J = u.textContent || "", _ = window.getComputedStyle(u), E = `${_.fontWeight} ${_.fontSize} ${_.fontFamily}`, R = document.createElement("canvas").getContext("2d");
       if (R) {
         R.font = E;
-        const A = R.measureText(J), V = window.getComputedStyle(x), ne = parseFloat(V.paddingLeft || "0"), U = parseFloat(V.paddingRight || "0");
-        M = A.width + ne + U;
+        const P = R.measureText(J), V = window.getComputedStyle(x), ne = parseFloat(V.paddingLeft || "0"), U = parseFloat(V.paddingRight || "0");
+        M = P.width + ne + U;
       }
     }
     N(f, !1);
@@ -2795,25 +2807,25 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       }), k.classList.remove("w-full"), k.style.width = `${_}px`, W = null;
     }, G = (J) => {
       const _ = J.clientX - T;
-      K = Math.max(M, P + _), W === null && (W = requestAnimationFrame(te));
-    }, re = () => {
+      K = Math.max(M, A + _), W === null && (W = requestAnimationFrame(te));
+    }, le = () => {
       W !== null && cancelAnimationFrame(W), K !== null && (x.style.width = `${K}px`);
       const J = k.querySelectorAll("th"), _ = [];
       J.forEach((E) => {
         _.push(E.getBoundingClientRect().width);
-      }), n.value = _, y(!1), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", re);
+      }), n.value = _, y(!1), document.removeEventListener("mousemove", G), document.removeEventListener("mouseup", le);
     };
-    document.addEventListener("mousemove", G), document.addEventListener("mouseup", re);
+    document.addEventListener("mousemove", G), document.addEventListener("mouseup", le);
   }, I = (v) => {
     const f = v.clientY, T = v.target.closest("table"), k = e.value || 48;
     $(!1);
     const x = (w) => {
       const u = Math.max(30, k + (w.clientY - f));
       T && o(u, T);
-    }, P = () => {
-      F(!1), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", P);
+    }, A = () => {
+      F(!1), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", A);
     };
-    document.addEventListener("mousemove", x), document.addEventListener("mouseup", P);
+    document.addEventListener("mousemove", x), document.addEventListener("mouseup", A);
   };
   return {
     rowHeight: e,
@@ -2825,7 +2837,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     setColWidths: l,
     enableEditMode: h,
     disableEditMode: c,
-    resetStore: b,
+    resetStore: C,
     highlightCol: N,
     highlightRows: $,
     removeRowHighlight: F,
@@ -2835,17 +2847,17 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     enableCellResizing: () => {
       const v = document.querySelector("thead"), f = document.querySelectorAll("thead tr"), T = document.querySelectorAll("tbody tr"), k = [...f, ...T];
       v && v.classList.remove("sticky");
-      const x = (P, w) => {
+      const x = (A, w) => {
         const u = document.createElement("div");
-        return u.className = `${P}-resize-handle`, P === "col" ? (u.addEventListener("mouseenter", () => N(w, !0)), u.addEventListener("mouseleave", () => y(!0)), u.addEventListener("mousedown", (M) => {
+        return u.className = `${A}-resize-handle`, A === "col" ? (u.addEventListener("mouseenter", () => N(w, !0)), u.addEventListener("mouseleave", () => y(!0)), u.addEventListener("mousedown", (M) => {
           M.stopPropagation(), g(M, w);
         })) : (u.addEventListener("mouseenter", () => $(!0)), u.addEventListener("mouseleave", () => F(!0)), u.addEventListener("mousedown", (M) => {
           M.stopPropagation(), I(M);
         })), u;
       };
-      k.forEach((P) => {
-        const w = P.closest("thead") !== null;
-        P.querySelectorAll(w ? "th" : "td").forEach((M, W) => {
+      k.forEach((A) => {
+        const w = A.closest("thead") !== null;
+        A.querySelectorAll(w ? "th" : "td").forEach((M, W) => {
           const K = x("col", W), te = x("row", W);
           M.appendChild(K), M.appendChild(te);
         });
@@ -2855,10 +2867,10 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       c();
     }
   };
-}), Dr = "/assets/processTableData.worker-Be0ZD94L.js", Ir = { class: "my-4" }, Mr = {
+}), Dr = "/assets/processTableData.worker-CiRM5jBF.js", Ir = { class: "my-4" }, Mr = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
-}, Br = { class: "font-bold" }, Ar = { class: "text-fm-color-neutral-gray-300" }, Fr = /* @__PURE__ */ Ne({
+}, Br = { class: "font-bold" }, Pr = { class: "text-fm-color-neutral-gray-300" }, Fr = /* @__PURE__ */ Ne({
   __name: "WidgetTable",
   props: /* @__PURE__ */ Ye({
     tileIndex: {}
@@ -2868,7 +2880,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n, te: t } = it(), o = Oe(e, "modelValue"), { country: s } = _n(), { clearTileSorts: i, setTileSorts: l } = zo(), h = kn(), c = e, b = D([]), { isEditing: N, colWidths: $, rowHeight: F } = st(Zn()), { setColWidths: y, setRowHeights: g, enableCellResizing: I } = Zn(), L = D(null), B = m(() => {
+    const { t: n, te: t } = it(), o = Oe(e, "modelValue"), { country: s } = _n(), { clearTileSorts: i, setTileSorts: l } = zo(), h = kn(), c = e, C = D([]), { isEditing: N, colWidths: $, rowHeight: F } = st(Zn()), { setColWidths: y, setRowHeights: g, enableCellResizing: I } = Zn(), L = D(null), B = m(() => {
       var _;
       return ((_ = o.value.data) == null ? void 0 : _.columns) || [{ label: "", key: "" }];
     }), v = m(() => {
@@ -2887,29 +2899,29 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
           return et.bottom;
       }
     }), x = m(() => {
-      const R = k.value !== void 0 ? 1 : 0, A = (L.value ? L.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((A - 34.5 - 32) / 48) - R;
-    }), P = m(() => {
+      const R = k.value !== void 0 ? 1 : 0, P = (L.value ? L.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((P - 34.5 - 32) / 48) - R;
+    }), A = m(() => {
       var E, z;
       let _ = [];
       switch (k.value) {
         case et.top:
-          _ = [...((E = v.value[0]) == null ? void 0 : E.cells) || []].map((R, A) => {
+          _ = [...((E = v.value[0]) == null ? void 0 : E.cells) || []].map((R, P) => {
             var V;
             return {
               main: R,
-              comparison: (V = v.value[0]) == null ? void 0 : V.comparisonCells[A],
-              rowType: B.value[A].type
+              comparison: (V = v.value[0]) == null ? void 0 : V.comparisonCells[P],
+              rowType: B.value[P].type
             };
           });
           break;
         case et.bottom:
-          _ = [...((z = v.value[v.value.length - 1]) == null ? void 0 : z.cells) || []].map((R, A) => {
+          _ = [...((z = v.value[v.value.length - 1]) == null ? void 0 : z.cells) || []].map((R, P) => {
             var V;
             return {
               main: R,
-              comparison: (V = v.value[v.value.length - 1]) == null ? void 0 : V.comparisonCells[A],
-              rowType: B.value[A].type
+              comparison: (V = v.value[v.value.length - 1]) == null ? void 0 : V.comparisonCells[P],
+              rowType: B.value[P].type
             };
           });
           break;
@@ -2932,8 +2944,8 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     const u = D([]);
     let M = 0, W;
     function K() {
-      var A;
-      if (!((A = o.value) != null && A.data)) {
+      var P;
+      if (!((P = o.value) != null && P.data)) {
         u.value = [];
         return;
       }
@@ -2949,7 +2961,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
         rows: E,
         columns: z,
         filter: f.value ?? "",
-        globalSorts: Bo(b.value).map((V) => ({
+        globalSorts: Bo(C.value).map((V) => ({
           key: V.key,
           type: V.type
         })),
@@ -2957,11 +2969,11 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
         pageSize: x.value
       };
       No(Dr, R).then((V) => {
-        _ === M && (V != null && V.error ? (h.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(V.error), u.value = []) : u.value = Ao(V.data || []));
+        _ === M && (V != null && V.error ? (h.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(V.error), u.value = []) : u.value = Po(V.data || []));
       });
     }
     we(
-      () => b.value,
+      () => C.value,
       (_) => {
         c.tileIndex === void 0 || c.tileIndex === null || l(c.tileIndex, _);
       },
@@ -2972,9 +2984,9 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       const _ = ((z = o.value.data) == null ? void 0 : z.rows) || [], E = ((R = o.value.data) == null ? void 0 : R.columns) || [];
       return JSON.stringify({
         rowsLength: _.length,
-        columns: E.map((A) => ({ key: A.key, type: A.type, label: A.label })),
+        columns: E.map((P) => ({ key: P.key, type: P.type, label: P.label })),
         filter: f.value ?? "",
-        globalSorts: b.value.map((A) => ({ key: A.key, type: A.type })),
+        globalSorts: C.value.map((P) => ({ key: P.key, type: P.type })),
         grandTotalPosition: k.value,
         pageSize: x.value
       });
@@ -2987,14 +2999,14 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       { immediate: !0 }
     );
     function G(_) {
-      const E = b.value.find((z) => z.key === _);
+      const E = C.value.find((z) => z.key === _);
       if (!E) {
-        b.value.push({ key: _, type: Bt.Asc });
+        C.value.push({ key: _, type: Bt.Asc });
         return;
       }
-      E.type === Bt.Asc ? E.type = Bt.Desc : E.type === Bt.Desc && (b.value = b.value.filter((z) => z.key !== _));
+      E.type === Bt.Asc ? E.type = Bt.Desc : E.type === Bt.Desc && (C.value = C.value.filter((z) => z.key !== _));
     }
-    const re = m(
+    const le = m(
       () => {
         var _;
         return (((_ = o.value.colWidths) == null ? void 0 : _.length) ?? 0) > 0 || $.value.length > 0;
@@ -3002,16 +3014,16 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     ), J = m(() => {
       var _;
       return (_ = o.value.data) != null && _.columns ? o.value.data.columns.map((E) => {
-        const z = lt(n, t, E.label, "other"), R = b.value.find((ne) => ne.key === E.key), A = !!R, V = A ? R.type === Bt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        const z = lt(n, t, E.label, "other"), R = C.value.find((ne) => ne.key === E.key), P = !!R, V = P ? R.type === Bt.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
         return {
           accessorKey: E.key,
           header: () => {
-            const ne = pe("FmIcon");
+            const ne = ve("FmIcon");
             return jt(
               "button",
               {
                 type: "button",
-                class: `w-full flex items-center gap-1 group/select-header select-none ${E.type === "NUMERIC" ? "justify-end" : "justify-start"} ${A ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
+                class: `w-full flex items-center gap-1 group/select-header select-none ${E.type === "NUMERIC" ? "justify-end" : "justify-start"} ${P ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
                 onClick: () => G(E.key)
               },
               [
@@ -3022,7 +3034,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
                 ),
                 jt(ne, {
                   name: V,
-                  color: A ? "primary" : "neutral-gray-400",
+                  color: P ? "primary" : "neutral-gray-400",
                   size: "sm",
                   class: "transition-transform",
                   style: V === "arrow_upward" ? "transform: translateY(-1px);" : ""
@@ -3039,7 +3051,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
                 class: [
                   X ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400",
                   E.type === "NUMERIC" ? "text-right" : "",
-                  re.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                  le.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                 ].join(" ")
               },
               [E.type === "NUMERIC" ? tn(U.main) : U.main]
@@ -3057,13 +3069,13 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
     ), we(
       [() => J.value],
       async () => {
-        var A;
+        var P;
         await Me();
-        const _ = (A = L.value) == null ? void 0 : A.$el;
+        const _ = (P = L.value) == null ? void 0 : P.$el;
         if (!_) return;
         const E = _.querySelector("table");
         if (!E) return;
-        E.classList.add(re.value ? "table-fixed" : "table-auto");
+        E.classList.add(le.value ? "table-fixed" : "table-auto");
         let z, R;
         N.value ? (I(), z = $.value, R = F.value) : (R = o.value.rowHeight, z = o.value.colWidths), typeof R == "number" && g(R, _), z == null || z.forEach((V, ne) => {
           y(ne, V, _);
@@ -3071,12 +3083,12 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       },
       { immediate: !0 }
     ), (_, E) => {
-      const z = pe("FmTable");
-      return Y(), ve(Ve, null, [
-        Q("div", Ir, [
+      const z = ve("FmTable");
+      return Y(), he(Ve, null, [
+        ee("div", Ir, [
           nt(_.$slots, "menu")
         ]),
-        he(z, {
+        me(z, {
           ref_key: "table",
           ref: L,
           "column-defs": J.value,
@@ -3094,20 +3106,20 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
             fn: Te(() => [
               (Y(), ye(eo(k.value === r(et).bottom ? "tfoot" : "tbody"), null, {
                 default: Te(() => [
-                  Q("tr", Mr, [
-                    (Y(!0), ve(Ve, null, Rt(P.value, (R, A) => (Y(), ve("td", {
-                      key: `${r(Pt)()}_${A}`,
+                  ee("tr", Mr, [
+                    (Y(!0), he(Ve, null, Rt(A.value, (R, P) => (Y(), he("td", {
+                      key: `${r(At)()}_${P}`,
                       class: "h-[48px] text-fm-color-typo-primary px-16"
                     }, [
-                      Q("span", {
-                        class: Le([
+                      ee("span", {
+                        class: De([
                           "items-center text-fm-color-typo-secondary gap-2",
                           R.rowType === "NUMERIC" ? "text-right" : "",
-                          re.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                          le.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
                         ])
                       }, [
-                        Q("p", Br, Ae(R.rowType === "NUMERIC" ? r(tn)(R.main) : R.main), 1),
-                        Q("p", Ar, Ae(R.comparison ? R.rowType === "NUMERIC" ? `(${r(tn)(R.comparison)})` : `(${R.comparison})` : ""), 1)
+                        ee("p", Br, Pe(R.rowType === "NUMERIC" ? r(tn)(R.main) : R.main), 1),
+                        ee("p", Pr, Pe(R.comparison ? R.rowType === "NUMERIC" ? `(${r(tn)(R.comparison)})` : `(${R.comparison})` : ""), 1)
                       ], 2)
                     ]))), 128))
                   ])
@@ -3121,7 +3133,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       ], 64);
     };
   }
-}), Pr = { class: "widget-content" }, Rr = /* @__PURE__ */ Ne({
+}), Ar = { class: "widget-content" }, Rr = /* @__PURE__ */ Ne({
   __name: "WidgetStackBarChart",
   props: /* @__PURE__ */ Ye({
     tileIndex: {}
@@ -3136,7 +3148,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
-      handleTooltipDetailsHover: b,
+      handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
     } = Ht(o, {
       maxTooltipItems: s
@@ -3150,7 +3162,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       t.value
     ), T = m(
       () => kt(t.value.isTransposed === !0, h.value)
-    ), k = Vt("bar"), x = m(() => t.value.stackBarOverlap === !0), P = m(() => x.value === !1), w = m(() => {
+    ), k = Vt("bar"), x = m(() => t.value.stackBarOverlap === !0), A = m(() => x.value === !1), w = m(() => {
       const V = B.value.position;
       return !V || V === "top" || V === "bottom" || V === "left" || V === "right";
     }), u = m(() => B.value.position ?? "top"), M = m(
@@ -3159,10 +3171,10 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       () => u.value === "top" || u.value === "left"
     ), K = m(() => ({
       ...g.value,
-      stacked: P.value
+      stacked: A.value
     })), te = m(() => ({
       ...I.value,
-      stacked: P.value
+      stacked: A.value
     }));
     function G({
       datasetIndex: V,
@@ -3173,7 +3185,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       const X = t.value.chartColorBinding === Se.metric ? ne : t.value.chartColorBinding === Se.breakdown ? U : V, Z = (ue = t.value.chartColorLayers) == null ? void 0 : ue[X], ae = Number(Z);
       return Number.isInteger(ae) && ae > 0 ? ae : X + 1;
     }
-    const re = m(() => {
+    const le = m(() => {
       if (F.value.length > 0) {
         let V = 0, ne = 0;
         const U = F.value.map((X, Z) => {
@@ -3187,13 +3199,13 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
             isCompare: X.isCompare,
             metricCount: t.value.metricCount,
             mode: Se.metric
-          }), me = Ct({
+          }), pe = Ct({
             fallbackIndex: Z,
             metricCount: t.value.metricCount
-          }), le = G({
+          }), re = G({
             datasetIndex: Z,
             colorIndex: ae,
-            breakdownIndex: me
+            breakdownIndex: pe
           }), xe = X.values.map((Be) => Be === null ? NaN : Number(Be));
           return {
             dataset: {
@@ -3201,9 +3213,9 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               data: xe,
               dash: !!X.isCompare,
               grouped: x.value ? !1 : void 0,
-              order: x.value ? le : void 0,
+              order: x.value ? re : void 0,
               backgroundColor: t.value.chartColorBinding === Se.breakdown ? _t({
-                breakdownIndex: me,
+                breakdownIndex: pe,
                 metricIndex: ue,
                 metricCount: t.value.metricCount,
                 isCompare: X.isCompare,
@@ -3221,29 +3233,29 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
         return x.value ? U.map((X) => X.dataset) : U.map((X) => X.dataset);
       } else
         return [];
-    }), { hiddenDatasetKeys: J, isDatasetHidden: _, toggleDatasetVisibility: E } = Wt(re), z = m(
-      () => re.value.map((V, ne) => ({
+    }), { hiddenDatasetKeys: J, isDatasetHidden: _, toggleDatasetVisibility: E } = Wt(le), z = m(
+      () => le.value.map((V, ne) => ({
         ...V,
         hidden: _(V, ne)
       }))
     ), R = St();
-    function A() {
+    function P() {
       return R.extractChartSize(o.value, n.tileIndex) || { width: 0, height: 0 };
     }
     return $e(() => {
       Me(() => {
-        A();
+        P();
       });
     }), we([z], () => {
-      Me(() => A());
+      Me(() => P());
     }), (V, ne) => {
-      var X, Z, ae, ue, me, le;
-      const U = pe("FmBarChart");
-      return Y(), ve(Ve, null, [
-        Q("div", Pr, [
+      var X, Z, ae, ue, pe, re;
+      const U = ve("FmBarChart");
+      return Y(), he(Ve, null, [
+        ee("div", Ar, [
           nt(V.$slots, "menu"),
-          Q("div", {
-            class: Le(["chart-layout", {
+          ee("div", {
+            class: De(["chart-layout", {
               "chart-layout--side": w.value && (r(B).display ?? !1) && M.value
             }])
           }, [
@@ -3256,6 +3268,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "text-color": (X = r(B).labels) == null ? void 0 : X.color,
               "font-size": (ae = (Z = r(B).labels) == null ? void 0 : Z.font) == null ? void 0 : ae.size,
               "legend-update-key": z.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3263,8 +3276,8 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(J),
               onToggleDatasetVisibility: r(E)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            he(U, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
+            me(U, {
               ref_key: "chartRef",
               ref: o,
               class: "bar-chart",
@@ -3273,7 +3286,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "x-cfg": K.value,
               "y-cfg": te.value,
               transpose: r(L),
-              stacked: P.value,
+              stacked: A.value,
               legend: {
                 display: !1
               },
@@ -3281,7 +3294,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               plugins: [r(k)],
               datalabels: r(y),
               "maintain-aspect-ratio": !1,
-              style: Ie({
+              style: Le({
                 "--chart-width": w.value && (r(B).display ?? !1) && M.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(v) !== void 0 ? r(v) + "px" : "100%",
                 "--chart-height": w.value && (r(B).display ?? !1) && !M.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
               })
@@ -3293,8 +3306,9 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               position: u.value,
               "max-width": r(B).maxWidth,
               "text-color": (ue = r(B).labels) == null ? void 0 : ue.color,
-              "font-size": (le = (me = r(B).labels) == null ? void 0 : me.font) == null ? void 0 : le.size,
+              "font-size": (re = (pe = r(B).labels) == null ? void 0 : pe.font) == null ? void 0 : re.size,
               "legend-update-key": z.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3302,14 +3316,14 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(J),
               onToggleDatasetVisibility: r(E)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
           ], 2)
         ]),
-        he($t, {
+        me($t, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
-          onValueHover: r(b),
+          onValueHover: r(C),
           onValueLeave: r(N)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
@@ -3330,7 +3344,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
-      handleTooltipDetailsHover: b,
+      handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
     } = Ht(o, {
       maxTooltipItems: s
@@ -3344,7 +3358,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       t.value
     ), T = m(
       () => kt(t.value.isTransposed === !0, h.value)
-    ), k = Vt("bar"), x = m(() => t.value.stackBarOverlap === !0), P = m(() => x.value === !1), w = m(() => {
+    ), k = Vt("bar"), x = m(() => t.value.stackBarOverlap === !0), A = m(() => x.value === !1), w = m(() => {
       const U = B.value.position;
       return !U || U === "top" || U === "bottom" || U === "left" || U === "right";
     }), u = m(() => B.value.position ?? "top"), M = m(
@@ -3353,10 +3367,10 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       () => u.value === "top" || u.value === "left"
     ), K = m(() => ({
       ...g.value,
-      stacked: P.value
+      stacked: A.value
     })), te = m(() => ({
       ...I.value,
-      stacked: P.value
+      stacked: A.value
     }));
     function G(U) {
       const X = " - ", Z = U.lastIndexOf(X);
@@ -3368,7 +3382,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
         metricLabel: U.slice(Z + X.length)
       };
     }
-    function re(U, X) {
+    function le(U, X) {
       if (typeof U == "string") {
         const Z = U.trim();
         if (Z.length > 0)
@@ -3380,58 +3394,58 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       datasetIndex: U,
       colorIndex: X
     }) {
-      var me;
-      const Z = t.value.chartColorBinding === Se.metric ? X : U, ae = (me = t.value.chartColorLayers) == null ? void 0 : me[Z], ue = Number(ae);
+      var pe;
+      const Z = t.value.chartColorBinding === Se.metric ? X : U, ae = (pe = t.value.chartColorLayers) == null ? void 0 : pe[Z], ue = Number(ae);
       return Number.isInteger(ue) && ue > 0 ? ue : Z + 1;
     }
     const _ = m(() => {
       if (F.value.length === 0)
         return [];
-      const U = F.value.map((le, ce) => ({
-        source: le,
+      const U = F.value.map((re, ce) => ({
+        source: re,
         index: ce,
-        name: re(le == null ? void 0 : le.name, ce),
-        values: (le == null ? void 0 : le.values) ?? []
+        name: le(re == null ? void 0 : re.name, ce),
+        values: (re == null ? void 0 : re.values) ?? []
       })), X = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Map();
-      for (const le of U) {
-        const { clusterKey: ce, metricLabel: xe } = G(le.name);
+      for (const re of U) {
+        const { clusterKey: ce, metricLabel: xe } = G(re.name);
         Z.has(ce) || Z.set(ce, Z.size), X.has(xe) || X.set(xe, X.size);
       }
-      const ae = Math.max(X.size, 1), ue = t.value.chartColorBinding === Se.breakdown, me = t.value.chartUseSecondaryMetricShades !== !1;
-      return U.map((le) => {
+      const ae = Math.max(X.size, 1), ue = t.value.chartColorBinding === Se.breakdown, pe = t.value.chartUseSecondaryMetricShades !== !1;
+      return U.map((re) => {
         const ce = Fe({
-          datasetIndex: le.index,
-          isCompare: le.source.isCompare,
+          datasetIndex: re.index,
+          isCompare: re.source.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
-        }), { clusterKey: xe, metricLabel: Be } = G(le.name), He = Z.get(xe) ?? 0, We = X.get(Be) ?? 0, Ge = ue ? _t({
+        }), { clusterKey: xe, metricLabel: Be } = G(re.name), He = Z.get(xe) ?? 0, We = X.get(Be) ?? 0, Ge = ue ? _t({
           breakdownIndex: He,
           metricIndex: We,
           metricCount: ae,
-          isCompare: le.source.isCompare,
+          isCompare: re.source.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
-          useSecondaryMetricShades: me,
+          useSecondaryMetricShades: pe,
           colorMode: "clustered"
         }) : tt({
           index: ce,
-          isCompare: le.source.isCompare,
+          isCompare: re.source.isCompare,
           customColors: t.value.chartColors
         }), ut = J({
-          datasetIndex: le.index,
+          datasetIndex: re.index,
           colorIndex: ce
-        }), ot = le.values.map((je) => je === null ? NaN : Number(je));
+        }), ot = re.values.map((je) => je === null ? NaN : Number(je));
         return {
-          label: le.name,
+          label: re.name,
           tooltipLabel: `${xe} - ${Be}`,
           data: ot,
-          dash: !!le.source.isCompare,
+          dash: !!re.source.isCompare,
           grouped: !0,
           order: x.value ? ut : void 0,
-          stack: le.source.isCompare ? `${xe}__compare` : `${xe}__main`,
+          stack: re.source.isCompare ? `${xe}__compare` : `${xe}__main`,
           backgroundColor: Ge
         };
       });
-    }), { hiddenDatasetKeys: E, isDatasetHidden: z, toggleDatasetVisibility: R } = Wt(_), A = m(
+    }), { hiddenDatasetKeys: E, isDatasetHidden: z, toggleDatasetVisibility: R } = Wt(_), P = m(
       () => _.value.map((U, X) => ({
         ...U,
         hidden: z(U, X)
@@ -3444,16 +3458,16 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
       Me(() => {
         ne();
       });
-    }), we([A], () => {
+    }), we([P], () => {
       Me(() => ne());
     }), (U, X) => {
-      var ae, ue, me, le, ce, xe;
-      const Z = pe("FmBarChart");
-      return Y(), ve(Ve, null, [
-        Q("div", zr, [
+      var ae, ue, pe, re, ce, xe;
+      const Z = ve("FmBarChart");
+      return Y(), he(Ve, null, [
+        ee("div", zr, [
           nt(U.$slots, "menu"),
-          Q("div", {
-            class: Le(["chart-layout", {
+          ee("div", {
+            class: De(["chart-layout", {
               "chart-layout--side": w.value && (r(B).display ?? !1) && M.value
             }])
           }, [
@@ -3464,8 +3478,9 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               position: u.value,
               "max-width": r(B).maxWidth,
               "text-color": (ae = r(B).labels) == null ? void 0 : ae.color,
-              "font-size": (me = (ue = r(B).labels) == null ? void 0 : ue.font) == null ? void 0 : me.size,
-              "legend-update-key": A.value,
+              "font-size": (pe = (ue = r(B).labels) == null ? void 0 : ue.font) == null ? void 0 : pe.size,
+              "legend-update-key": P.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3473,17 +3488,17 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(E),
               onToggleDatasetVisibility: r(R)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            he(Z, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
+            me(Z, {
               ref_key: "chartRef",
               ref: o,
               class: "bar-chart",
-              datasets: A.value,
+              datasets: P.value,
               "x-axis": { categories: $.value },
               "x-cfg": K.value,
               "y-cfg": te.value,
               transpose: r(L),
-              stacked: P.value,
+              stacked: A.value,
               legend: {
                 display: !1
               },
@@ -3491,7 +3506,7 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               plugins: [r(k)],
               datalabels: r(y),
               "maintain-aspect-ratio": !1,
-              style: Ie({
+              style: Le({
                 "--chart-width": w.value && (r(B).display ?? !1) && M.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(v) !== void 0 ? r(v) + "px" : "100%",
                 "--chart-height": w.value && (r(B).display ?? !1) && !M.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(f) !== void 0 ? r(f) + "px" : "100%"
               })
@@ -3502,9 +3517,10 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               enabled: r(B).display ?? !1,
               position: u.value,
               "max-width": r(B).maxWidth,
-              "text-color": (le = r(B).labels) == null ? void 0 : le.color,
+              "text-color": (re = r(B).labels) == null ? void 0 : re.color,
               "font-size": (xe = (ce = r(B).labels) == null ? void 0 : ce.font) == null ? void 0 : xe.size,
-              "legend-update-key": A.value,
+              "legend-update-key": P.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3512,14 +3528,14 @@ const Tr = /* @__PURE__ */ oo(_r, [["render", kr]]), Lr = "mf-reporttable-dimens
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(E),
               onToggleDatasetVisibility: r(R)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
           ], 2)
         ]),
-        he($t, {
+        me($t, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
-          onValueHover: r(b),
+          onValueHover: r(C),
           onValueLeave: r(N)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
@@ -3557,7 +3573,7 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
-      handleTooltipDetailsHover: b,
+      handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
     } = Ht(o, {
       maxTooltipItems: s
@@ -3573,7 +3589,7 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
       t.value
     ), x = m(
       () => kt(t.value.isTransposed === !0, h.value)
-    ), P = Vt("line"), w = vo("report-line-style-plugin-stack-line"), u = m(() => {
+    ), A = Vt("line"), w = vo("report-line-style-plugin-stack-line"), u = m(() => {
       const R = f.value.position;
       return !R || R === "top" || R === "bottom" || R === "left" || R === "right";
     }), M = m(() => f.value.position ?? "top"), W = m(
@@ -3581,30 +3597,30 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
     ), K = m(
       () => M.value === "top" || M.value === "left"
     ), te = m(() => g.value.length > 0 ? [
-      ...g.value.map((R, A) => {
+      ...g.value.map((R, P) => {
         var ce;
         let V = R.values;
         F.value && (V = [NaN, V[0], NaN]);
         const ne = V.map((xe) => xe === null ? NaN : Number(xe)), U = Fe({
-          datasetIndex: A,
+          datasetIndex: P,
           isCompare: R.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
         }), X = Fe({
-          datasetIndex: A,
+          datasetIndex: P,
           isCompare: R.isCompare,
           metricCount: t.value.metricCount,
           mode: Se.metric
         }), Z = Fe({
-          datasetIndex: A,
+          datasetIndex: P,
           isCompare: R.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
-        }), ae = (ce = t.value.lineStyles) == null ? void 0 : ce[Z], ue = t.value.chartColorBinding === Se.breakdown, me = Ct({
-          fallbackIndex: A,
+        }), ae = (ce = t.value.lineStyles) == null ? void 0 : ce[Z], ue = t.value.chartColorBinding === Se.breakdown, pe = Ct({
+          fallbackIndex: P,
           metricCount: t.value.metricCount
-        }), le = ue ? _t({
-          breakdownIndex: me,
+        }), re = ue ? _t({
+          breakdownIndex: pe,
           metricIndex: X,
           metricCount: t.value.metricCount,
           isCompare: R.isCompare,
@@ -3622,18 +3638,18 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
           dash: R.isCompare,
           lineStyle: ae,
           fill: !0,
-          color: le,
+          color: re,
           pointRadius: F.value ? 4 : void 0,
           pointHoverRadius: F.value ? 6 : void 0,
-          pointBackgroundColor: F.value ? le : void 0,
-          pointBorderColor: F.value ? le : void 0,
+          pointBackgroundColor: F.value ? re : void 0,
+          pointBorderColor: F.value ? re : void 0,
           pointBorderWidth: F.value ? 2 : void 0
         };
       })
-    ] : []), { hiddenDatasetKeys: G, isDatasetHidden: re, toggleDatasetVisibility: J } = Wt(te), _ = m(
-      () => te.value.map((R, A) => ({
+    ] : []), { hiddenDatasetKeys: G, isDatasetHidden: le, toggleDatasetVisibility: J } = Wt(te), _ = m(
+      () => te.value.map((R, P) => ({
         ...R,
-        hidden: re(R, A)
+        hidden: le(R, P)
       }))
     ), E = St();
     function z() {
@@ -3645,14 +3661,14 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
       });
     }), we([_], () => {
       Me(() => z());
-    }), (R, A) => {
+    }), (R, P) => {
       var ne, U, X, Z, ae, ue;
-      const V = pe("FmLineChart");
-      return Y(), ve(Ve, null, [
-        Q("div", $r, [
+      const V = ve("FmLineChart");
+      return Y(), he(Ve, null, [
+        ee("div", $r, [
           nt(R.$slots, "menu"),
-          Q("div", {
-            class: Le(["chart-layout", {
+          ee("div", {
+            class: De(["chart-layout", {
               "chart-layout--side": u.value && (r(f).display ?? !1) && W.value
             }])
           }, [
@@ -3665,6 +3681,7 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
               "text-color": (ne = r(f).labels) == null ? void 0 : ne.color,
               "font-size": (X = (U = r(f).labels) == null ? void 0 : U.font) == null ? void 0 : X.size,
               "legend-update-key": _.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3672,8 +3689,8 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(G),
               onToggleDatasetVisibility: r(J)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            he(V, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
+            me(V, {
               ref_key: "chartRef",
               ref: o,
               class: "line-chart",
@@ -3686,11 +3703,11 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
                 display: !1
               },
               tooltip: x.value,
-              plugins: [r(P), r(w)],
+              plugins: [r(A), r(w)],
               stacked: !0,
               datalabels: r(I),
               "maintain-aspect-ratio": !1,
-              style: Ie({
+              style: Le({
                 "--chart-width": u.value && (r(f).display ?? !1) && W.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(T) !== void 0 ? r(T) + "px" : "100%",
                 "--chart-height": u.value && (r(f).display ?? !1) && !W.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%"
               })
@@ -3704,6 +3721,7 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
               "text-color": (Z = r(f).labels) == null ? void 0 : Z.color,
               "font-size": (ue = (ae = r(f).labels) == null ? void 0 : ae.font) == null ? void 0 : ue.size,
               "legend-update-key": _.value,
+              "use-point-style": t.value.usePointStyle ?? !0,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
@@ -3711,14 +3729,14 @@ const $r = { class: "widget-content" }, Hr = /* @__PURE__ */ Ne({
               "metric-count": t.value.metricCount,
               "hidden-dataset-keys": r(G),
               onToggleDatasetVisibility: r(J)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
           ], 2)
         ]),
-        he($t, {
+        me($t, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
-          onValueHover: r(b),
+          onValueHover: r(C),
           onValueLeave: r(N)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
@@ -3762,45 +3780,45 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
       tooltipDetailsPayload: l,
       tooltipOptions: h,
       handleTooltipDetailsSheetVisibility: c,
-      handleTooltipDetailsHover: b,
+      handleTooltipDetailsHover: C,
       handleTooltipDetailsLeave: N
     } = Ht(o, {
       maxTooltipItems: s
     }), $ = m(() => {
-      var A;
-      return ((A = t.value.data) == null ? void 0 : A.datasets) ?? [];
+      var P;
+      return ((P = t.value.data) == null ? void 0 : P.datasets) ?? [];
     }), F = m(() => {
-      var A;
-      return ((A = t.value.data) == null ? void 0 : A.xAxis) ?? [];
-    }), y = m(() => F.value.length === 1 && $.value.length > 1 && $.value.every((A) => A.values.length === 1 && A.isCompare !== !0)), g = m(
-      () => F.value.length === 1 && $.value.length > 0 && $.value.every((A) => A.values.length === 1)
-    ), I = m(() => y.value ? $.value.map((A) => A.name) : g.value ? ["", F.value[0], ""] : F.value), { datalabels: L, xCfg: B, yCfg: v, isTransposed: f, legend: T, chartWidth: k, chartHeight: x } = Tt(
+      var P;
+      return ((P = t.value.data) == null ? void 0 : P.xAxis) ?? [];
+    }), y = m(() => F.value.length === 1 && $.value.length > 1 && $.value.every((P) => P.values.length === 1 && P.isCompare !== !0)), g = m(
+      () => F.value.length === 1 && $.value.length > 0 && $.value.every((P) => P.values.length === 1)
+    ), I = m(() => y.value ? $.value.map((P) => P.name) : g.value ? ["", F.value[0], ""] : F.value), { datalabels: L, xCfg: B, yCfg: v, isTransposed: f, legend: T, chartWidth: k, chartHeight: x } = Tt(
       t.value
-    ), P = m(
+    ), A = m(
       () => kt(t.value.isTransposed === !0, h.value)
     ), w = Vt("line"), u = vo("report-line-style-plugin-line"), M = m(() => {
-      const A = T.value.position;
-      return !A || A === "top" || A === "bottom" || A === "left" || A === "right";
+      const P = T.value.position;
+      return !P || P === "top" || P === "bottom" || P === "left" || P === "right";
     }), W = m(() => T.value.position ?? "top"), K = m(
       () => W.value === "left" || W.value === "right"
     ), te = m(
       () => W.value === "top" || W.value === "left"
     ), G = m(() => $.value.length > 0 ? [
-      ...$.value.map((A, V) => {
+      ...$.value.map((P, V) => {
         var He;
         const ne = Fe({
           datasetIndex: V,
-          isCompare: A.isCompare,
+          isCompare: P.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.chartColorBinding
         }), U = Fe({
           datasetIndex: V,
-          isCompare: A.isCompare,
+          isCompare: P.isCompare,
           metricCount: t.value.metricCount,
           mode: Se.metric
         }), X = tt({
           index: ne,
-          isCompare: A.isCompare,
+          isCompare: P.isCompare,
           customColors: t.value.chartColors
         }), Z = t.value.chartColorBinding === Se.breakdown, ae = Ct({
           fallbackIndex: V,
@@ -3809,25 +3827,25 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
           breakdownIndex: ae,
           metricIndex: U,
           metricCount: t.value.metricCount,
-          isCompare: A.isCompare,
+          isCompare: P.isCompare,
           breakdownColors: t.value.chartBreakdownColors,
           useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
           customColors: t.value.chartColors
         }) : X;
-        let me = A.values;
-        y.value ? me = $.value.map(
-          (We, Ge) => Ge === V ? A.values[0] : NaN
-        ) : g.value && (me = [NaN, me[0], NaN]);
-        const le = me.map((We) => We === null ? NaN : Number(We)), ce = g.value || y.value, xe = Fe({
+        let pe = P.values;
+        y.value ? pe = $.value.map(
+          (We, Ge) => Ge === V ? P.values[0] : NaN
+        ) : g.value && (pe = [NaN, pe[0], NaN]);
+        const re = pe.map((We) => We === null ? NaN : Number(We)), ce = g.value || y.value, xe = Fe({
           datasetIndex: V,
-          isCompare: A.isCompare,
+          isCompare: P.isCompare,
           metricCount: t.value.metricCount,
           mode: t.value.lineStyleBinding
         }), Be = (He = t.value.lineStyles) == null ? void 0 : He[xe];
         return {
-          label: A.name,
-          data: le,
-          dash: !!A.isCompare,
+          label: P.name,
+          data: re,
+          dash: !!P.isCompare,
           lineStyle: Be,
           fill: !1,
           color: ue,
@@ -3838,10 +3856,10 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
           pointBorderWidth: ce ? 2 : void 0
         };
       })
-    ] : []), { hiddenDatasetKeys: re, isDatasetHidden: J, toggleDatasetVisibility: _ } = Wt(G), E = m(
-      () => G.value.map((A, V) => ({
-        ...A,
-        hidden: J(A, V)
+    ] : []), { hiddenDatasetKeys: le, isDatasetHidden: J, toggleDatasetVisibility: _ } = Wt(G), E = m(
+      () => G.value.map((P, V) => ({
+        ...P,
+        hidden: J(P, V)
       }))
     ), z = St();
     function R() {
@@ -3853,14 +3871,14 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
       });
     }), we([E], () => {
       Me(() => R());
-    }), (A, V) => {
-      var U, X, Z, ae, ue, me;
-      const ne = pe("FmLineChart");
-      return Y(), ve(Ve, null, [
-        Q("div", Ur, [
-          nt(A.$slots, "menu"),
-          Q("div", {
-            class: Le(["chart-layout", {
+    }), (P, V) => {
+      var U, X, Z, ae, ue, pe;
+      const ne = ve("FmLineChart");
+      return Y(), he(Ve, null, [
+        ee("div", Ur, [
+          nt(P.$slots, "menu"),
+          ee("div", {
+            class: De(["chart-layout", {
               "chart-layout--side": M.value && (r(T).display ?? !1) && K.value
             }])
           }, [
@@ -3878,10 +3896,11 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": r(re),
+              "hidden-dataset-keys": r(le),
+              "use-point-style": t.value.usePointStyle ?? !0,
               onToggleDatasetVisibility: r(_)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0),
-            he(ne, {
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : Ce("", !0),
+            me(ne, {
               ref_key: "chartRef",
               ref: o,
               class: "line-chart",
@@ -3893,11 +3912,11 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
               legend: {
                 display: !1
               },
-              tooltip: P.value,
+              tooltip: A.value,
               datalabels: r(L),
               plugins: [r(w), r(u)],
               "maintain-aspect-ratio": !1,
-              style: Ie({
+              style: Le({
                 "--chart-width": M.value && (r(T).display ?? !1) && K.value ? "calc(100% - var(--legend-panel-width, 0px))" : r(k) !== void 0 ? r(k) + "px" : "100%",
                 "--chart-height": M.value && (r(T).display ?? !1) && !K.value ? "calc(100% - var(--legend-panel-height, 0px))" : r(x) !== void 0 ? r(x) + "px" : "100%"
               })
@@ -3909,23 +3928,24 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
               position: W.value,
               "max-width": r(T).maxWidth,
               "text-color": (ae = r(T).labels) == null ? void 0 : ae.color,
-              "font-size": (me = (ue = r(T).labels) == null ? void 0 : ue.font) == null ? void 0 : me.size,
+              "font-size": (pe = (ue = r(T).labels) == null ? void 0 : ue.font) == null ? void 0 : pe.size,
               "legend-update-key": E.value,
               "chart-color-binding": t.value.chartColorBinding,
               "chart-colors": t.value.chartColors,
               "chart-breakdown-colors": t.value.chartBreakdownColors,
               "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
               "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": r(re),
+              "hidden-dataset-keys": r(le),
+              "use-point-style": t.value.usePointStyle ?? !0,
               onToggleDatasetVisibility: r(_)
-            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : Ce("", !0)
+            }, null, 8, ["chart-ref", "enabled", "position", "max-width", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : Ce("", !0)
           ], 2)
         ]),
-        he($t, {
+        me($t, {
           "model-value": r(i),
           "details-payload": r(l),
           "onUpdate:modelValue": r(c),
-          onValueHover: r(b),
+          onValueHover: r(C),
           onValueLeave: r(N)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
@@ -3942,7 +3962,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const { t: n } = it(), { FmForm: t } = Xo, o = e, s = D(), i = Oe(e, "modelValue"), l = D(!0), h = D(!1), c = kn(), { selectedLocationIds: b, dateRange: N, timeRange: $ } = st(nn()), F = D(cn.PORTRAIT);
+    const { t: n } = it(), { FmForm: t } = Xo, o = e, s = D(), i = Oe(e, "modelValue"), l = D(!0), h = D(!1), c = kn(), { selectedLocationIds: C, dateRange: N, timeRange: $ } = st(nn()), F = D(cn.PORTRAIT);
     function y() {
       var I;
       (I = s.value) == null || I.validateInputs();
@@ -3957,7 +3977,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
           isCombinedLocationLayout: l.value,
           timeRange: $.value,
           dateRange: N.value,
-          locationIds: b.value
+          locationIds: C.value
         });
       } catch (I) {
         c.open({ message: I.message, type: "error" });
@@ -3966,7 +3986,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
       }
     }
     return (I, L) => {
-      const B = pe("FmRadio"), v = pe("FmRadioGroup"), f = pe("FmButton"), T = pe("FmDialog");
+      const B = ve("FmRadio"), v = ve("FmRadioGroup"), f = ve("FmButton"), T = ve("FmDialog");
       return Y(), ye(T, {
         modelValue: i.value,
         "onUpdate:modelValue": L[2] || (L[2] = (k) => i.value = k),
@@ -3977,23 +3997,23 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
           Fo("Select Orientation")
         ])),
         default: Te(() => [
-          he(r(t), {
+          me(r(t), {
             ref_key: "form",
             ref: s,
             onValidationSuccess: g
           }, {
             default: Te(() => [
-              Q("div", qr, [
-                he(v, {
+              ee("div", qr, [
+                me(v, {
                   modelValue: F.value,
                   "onUpdate:modelValue": L[0] || (L[0] = (k) => F.value = k)
                 }, {
                   default: Te(() => [
-                    he(B, {
+                    me(B, {
                       value: r(cn).PORTRAIT,
                       label: r(n)("report.common.portrait")
                     }, null, 8, ["value", "label"]),
-                    he(B, {
+                    me(B, {
                       value: r(cn).LANDSCAPE,
                       label: r(n)("report.common.landscape")
                     }, null, 8, ["value", "label"])
@@ -4001,15 +4021,15 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              Q("div", Xr, [
-                L[4] || (L[4] = Q("div", { class: "grow" }, null, -1)),
-                he(f, {
+              ee("div", Xr, [
+                L[4] || (L[4] = ee("div", { class: "grow" }, null, -1)),
+                me(f, {
                   label: r(n)("report.common.cancel"),
                   variant: "tertiary",
                   onClick: L[1] || (L[1] = (k) => i.value = !1)
                 }, null, 8, ["label"]),
-                Q("div", null, [
-                  he(f, {
+                ee("div", null, [
+                  me(f, {
                     label: r(n)("report.common.download"),
                     loading: h.value,
                     onClick: y
@@ -4027,7 +4047,7 @@ const Ur = { class: "widget-content" }, Kr = /* @__PURE__ */ Ne({
 });
 function Gr(e) {
   const { breakpoints: n } = an(), { containerRef: t, isTable: o = D(!0) } = e;
-  let s = D(1), i = null, l = null, h = null, c = null, b = null, N = null;
+  let s = D(1), i = null, l = null, h = null, c = null, C = null, N = null;
   function $() {
     return t.value ? t.value.querySelector("table") : null;
   }
@@ -4040,13 +4060,13 @@ function Gr(e) {
         (M.overflowX === "auto" || M.overflowX === "scroll") && x.push(u);
       }
     });
-    let P = (w = t.value) == null ? void 0 : w.parentElement;
-    for (; P; ) {
-      if (P.scrollWidth > P.clientWidth) {
-        const u = window.getComputedStyle(P);
-        (u.overflowX === "auto" || u.overflowX === "scroll") && x.push(P);
+    let A = (w = t.value) == null ? void 0 : w.parentElement;
+    for (; A; ) {
+      if (A.scrollWidth > A.clientWidth) {
+        const u = window.getComputedStyle(A);
+        (u.overflowX === "auto" || u.overflowX === "scroll") && x.push(A);
       }
-      P = P.parentElement;
+      A = A.parentElement;
     }
     return x;
   }
@@ -4070,11 +4090,11 @@ function Gr(e) {
       border-collapse: collapse;
       pointer-events: auto;
     `;
-    const P = h.cloneNode(!0);
-    P.style.cssText = "pointer-events: auto;", g(h, P), x.appendChild(P), i.appendChild(x), document.body.appendChild(i), B(), v(), f(), L();
+    const A = h.cloneNode(!0);
+    A.style.cssText = "pointer-events: auto;", g(h, A), x.appendChild(A), i.appendChild(x), document.body.appendChild(i), B(), v(), f(), L();
   }
-  function g(x, P) {
-    const w = x.querySelectorAll("th, td"), u = P.querySelectorAll("th, td");
+  function g(x, A) {
+    const w = x.querySelectorAll("th, td"), u = A.querySelectorAll("th, td");
     w.forEach((M, W) => {
       const K = u[W];
       if (!K) return;
@@ -4094,8 +4114,8 @@ function Gr(e) {
         boxSizing: "border-box",
         cursor: G.cursor || "pointer",
         pointerEvents: "auto"
-      }), K.onclick = (re) => {
-        re.preventDefault(), re.stopPropagation();
+      }), K.onclick = (le) => {
+        le.preventDefault(), le.stopPropagation();
         const J = te.querySelector(
           "button, a, [role='button']"
         );
@@ -4104,11 +4124,11 @@ function Gr(e) {
     });
   }
   function I() {
-    const x = n.value.xs || n.value.sm, P = document.querySelector('[data-editor-header="true"]'), w = document.querySelector('[data-menu-tab="true"]');
-    if (x && !P)
+    const x = n.value.xs || n.value.sm, A = document.querySelector('[data-editor-header="true"]'), w = document.querySelector('[data-menu-tab="true"]');
+    if (x && !A)
       return 1;
-    if (P)
-      return P.getBoundingClientRect().bottom;
+    if (A)
+      return A.getBoundingClientRect().bottom;
     if (w) {
       let u = w;
       for (; u; ) {
@@ -4122,13 +4142,13 @@ function Gr(e) {
   }
   function L() {
     if (!i || !l || !h || !t.value) return;
-    const x = t.value.getBoundingClientRect(), P = l.getBoundingClientRect(), w = h.getBoundingClientRect(), u = I();
-    if (!(P.top <= u && P.bottom >= u + w.height)) {
+    const x = t.value.getBoundingClientRect(), A = l.getBoundingClientRect(), w = h.getBoundingClientRect(), u = I();
+    if (!(A.top <= u && A.bottom >= u + w.height)) {
       i.style.visibility = "hidden";
       return;
     }
     i.style.visibility = "visible", i.style.top = `${u}px`;
-    const W = window.getComputedStyle(t.value), K = parseFloat(W.paddingLeft) || 0, te = parseFloat(W.paddingRight) || 0, G = x.left + K, re = x.right - te, J = Math.max(G, x.left), _ = Math.min(re, x.right), E = Math.max(0, _ - J);
+    const W = window.getComputedStyle(t.value), K = parseFloat(W.paddingLeft) || 0, te = parseFloat(W.paddingRight) || 0, G = x.left + K, le = x.right - te, J = Math.max(G, x.left), _ = Math.min(le, x.right), E = Math.max(0, _ - J);
     if (E <= 0) {
       i.style.visibility = "hidden";
       return;
@@ -4138,35 +4158,35 @@ function Gr(e) {
     z && (z.style.width = `${l.offsetWidth}px`, z.style.marginLeft = `${w.left - J}px`);
   }
   function B() {
-    var P;
-    b = () => requestAnimationFrame(L), window.addEventListener("scroll", b, { passive: !0 }), F().forEach((w) => {
-      b && w.addEventListener("scroll", b, { passive: !0 });
+    var A;
+    C = () => requestAnimationFrame(L), window.addEventListener("scroll", C, { passive: !0 }), F().forEach((w) => {
+      C && w.addEventListener("scroll", C, { passive: !0 });
     });
-    let x = (P = t.value) == null ? void 0 : P.parentElement;
+    let x = (A = t.value) == null ? void 0 : A.parentElement;
     for (; x; )
-      x !== document.body && (x.scrollHeight > x.clientHeight || x.scrollWidth > x.clientWidth) && x.addEventListener("scroll", b, { passive: !0 }), x = x.parentElement;
+      x !== document.body && (x.scrollHeight > x.clientHeight || x.scrollWidth > x.clientWidth) && x.addEventListener("scroll", C, { passive: !0 }), x = x.parentElement;
   }
   function v() {
     c = new ResizeObserver(() => {
       if (h && i) {
         const x = i.querySelector("thead");
         x && g(h, x);
-        const P = i.querySelector("table");
-        P && l && (P.style.width = `${l.offsetWidth}px`);
+        const A = i.querySelector("table");
+        A && l && (A.style.width = `${l.offsetWidth}px`);
       }
       L();
     }), t.value && c.observe(t.value), l && c.observe(l);
   }
   function f() {
     if (!h) return;
-    const x = hn(() => y(), 100), P = () => {
+    const x = hn(() => y(), 100), A = () => {
       if (h && i) {
         const w = i.querySelector("thead");
         w && g(h, w), L();
       }
     };
     N = new MutationObserver((w) => {
-      w.some((M) => M.type === "childList" ? M.addedNodes.length > 0 || M.removedNodes.length > 0 : !1) ? x() : P();
+      w.some((M) => M.type === "childList" ? M.addedNodes.length > 0 || M.removedNodes.length > 0 : !1) ? x() : A();
     }), N.observe(h, {
       childList: !0,
       subtree: !0,
@@ -4176,14 +4196,14 @@ function Gr(e) {
   }
   function T() {
     var x;
-    if (i && (i.remove(), i = null), b) {
-      window.removeEventListener("scroll", b), F().forEach((w) => {
-        b && w.removeEventListener("scroll", b);
+    if (i && (i.remove(), i = null), C) {
+      window.removeEventListener("scroll", C), F().forEach((w) => {
+        C && w.removeEventListener("scroll", C);
       });
-      let P = (x = t.value) == null ? void 0 : x.parentElement;
-      for (; P; )
-        P.removeEventListener("scroll", b), P = P.parentElement;
-      b = null;
+      let A = (x = t.value) == null ? void 0 : x.parentElement;
+      for (; A; )
+        A.removeEventListener("scroll", C), A = A.parentElement;
+      C = null;
     }
     c && (c.disconnect(), c = null), N && (N.disconnect(), N = null), l = null, h = null;
   }
@@ -4235,13 +4255,13 @@ const jr = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = D(!0), t = Oe(e, "modelValue"), o = t.value.widget.config, { t: s, te: i, locale: l } = it(), h = e, c = D(null), b = m(() => t.value.widget.type === oe.Table), N = m(() => {
+    const n = D(!0), t = Oe(e, "modelValue"), o = t.value.widget.config, { t: s, te: i, locale: l } = it(), h = e, c = D(null), C = m(() => t.value.widget.type === oe.Table), N = m(() => {
       var S;
       return (S = c.value) == null ? void 0 : S.$el;
     }), { refresh: $ } = Gr({
       containerRef: N,
-      isTable: b
-    }), F = D(o.rollup), y = D(Pt()), g = D(o.drillDimension), I = m(() => {
+      isTable: C
+    }), F = D(o.rollup), y = D(At()), g = D(o.drillDimension), I = m(() => {
       if (Ee.value.length > 0) {
         const S = Ee.value.findIndex(
           (ge) => ge.value === g.value
@@ -4251,7 +4271,7 @@ const jr = {
         return -1;
     }), L = m(() => I.value !== 0), B = m(
       () => I.value != Ee.value.length - 1
-    ), v = D(o.showTitle ?? !0), f = D(o.titleFontSize ?? 14), T = D(o.titleBold ?? !1), k = D(o.titleItalic ?? !1), x = D(o.titleUnderline ?? !1), P = D(o.chartWidth ?? void 0), w = D(o.chartHeight ?? void 0), u = D(
+    ), v = D(o.showTitle ?? !0), f = D(o.titleFontSize ?? 14), T = D(o.titleBold ?? !1), k = D(o.titleItalic ?? !1), x = D(o.titleUnderline ?? !1), A = D(o.chartWidth ?? void 0), w = D(o.chartHeight ?? void 0), u = D(
       Array.isArray(o.chartColors) ? [...o.chartColors] : void 0
     ), M = D(
       Array.isArray(o.chartColorLayers) ? [...o.chartColorLayers] : void 0
@@ -4259,7 +4279,7 @@ const jr = {
       Array.isArray(o.chartBreakdownColors) ? [...o.chartBreakdownColors] : void 0
     ), K = D(o.chartUseSecondaryMetricShades ?? !0), te = D(o.chartColorBinding), G = D(
       Array.isArray(o.lineStyles) ? [...o.lineStyles] : void 0
-    ), re = D(o.lineStyleBinding), J = D(o.showLabel ?? !1), _ = D(o.labelAlign ?? gn.center), E = D(o.labelAnchor ?? vn.center), z = D(o.labelRotation ?? 0), R = D(o.labelOffset ?? 0), A = D(o.labelFontSize ?? 12), V = m(() => o.showSearchBar), ne = D(o.showX ?? !0), U = D(o.xPosition ?? yn.bottom), X = D(o.showXGrid ?? !1), Z = D(o.showXTick ?? !0), ae = D(o.xTickFontSize ?? 12), ue = D(o.showXTitle ?? !1), me = D(o.xTitle ?? ""), le = D(o.xTitleFontSize ?? 12), ce = D(o.showY ?? !0), xe = D(o.yPosition ?? bn.left), Be = D(o.showYGrid ?? !1), He = D(o.showYTick ?? !0), We = D(o.yTickFontSize ?? 12), Ge = D(o.showYTitle ?? !1), ut = D(o.yTitle ?? ""), ot = D(o.yTitleFontSize ?? 12), je = D(o.showLegend ?? void 0), Et = D(o.legendPosition ?? Cn.top), Je = D(o.usePointStyle ?? !0), Ot = D(o.legendFontSize), Ut = D(o.legendColor ?? "#6b6b6b"), Kt = D(o.legendMaxWidth), Lt = D(o.maxTooltipItems), Ze = D(o.stackBarOverlap ?? !1), qt = D(o.rowHeight ?? 0), Xt = D(o.colWidths ?? []), Dt = D(!1), ct = D(""), { breakpoints: Qe, getBreakpointsBoundary: at } = an(), dt = D(), ke = m(
+    ), le = D(o.lineStyleBinding), J = D(o.showLabel ?? !1), _ = D(o.labelAlign ?? gn.center), E = D(o.labelAnchor ?? vn.center), z = D(o.labelRotation ?? 0), R = D(o.labelOffset ?? 0), P = D(o.labelFontSize ?? 12), V = m(() => o.showSearchBar), ne = D(o.showX ?? !0), U = D(o.xPosition ?? yn.bottom), X = D(o.showXGrid ?? !1), Z = D(o.showXTick ?? !0), ae = D(o.xTickFontSize ?? 12), ue = D(o.showXTitle ?? !1), pe = D(o.xTitle ?? ""), re = D(o.xTitleFontSize ?? 12), ce = D(o.showY ?? !0), xe = D(o.yPosition ?? bn.left), Be = D(o.showYGrid ?? !1), He = D(o.showYTick ?? !0), We = D(o.yTickFontSize ?? 12), Ge = D(o.showYTitle ?? !1), ut = D(o.yTitle ?? ""), ot = D(o.yTitleFontSize ?? 12), je = D(o.showLegend ?? void 0), Et = D(o.legendPosition ?? Cn.top), Je = D(o.usePointStyle ?? !0), Ot = D(o.legendFontSize), Ut = D(o.legendColor ?? "#6b6b6b"), Kt = D(o.legendMaxWidth), Lt = D(o.maxTooltipItems), Ze = D(o.stackBarOverlap ?? !1), qt = D(o.rowHeight ?? 0), Xt = D(o.colWidths ?? []), Dt = D(!1), ct = D(""), { breakpoints: Qe, getBreakpointsBoundary: at } = an(), dt = D(), ke = m(
       () => h.customScreenWidth === void 0 ? window.innerWidth : h.customScreenWidth
     ), rn = m(
       () => (ke == null ? void 0 : ke.value) > at("xs")[1] && (ke == null ? void 0 : ke.value) <= at("sm")[1]
@@ -4272,9 +4292,9 @@ const jr = {
       () => Yo.find((S) => S.type === t.value.widget.type)
     ), a = hn(() => {
       var S;
-      dt.value = go((S = c.value) == null ? void 0 : S.$el.offsetWidth), y.value = Pt();
+      dt.value = go((S = c.value) == null ? void 0 : S.$el.offsetWidth), y.value = At();
     }), p = m(() => {
-      if (Go(ee.value.type, d.value))
+      if (Go(Q.value.type, d.value))
         switch (t.value.widget.type) {
           case oe.BarChart:
             return mr;
@@ -4299,9 +4319,9 @@ const jr = {
         }
       else
         return Nn;
-    }), d = D(null), { selectedLocationIds: C, dateRange: H, compareDateRange: O, timeRange: j } = st(nn()), { globalFilters: se, isGlobalFiltersLoading: q } = st(Vo()), { businessId: fe } = st(_n()), { businessLoadedId: be, businessDataVersion: de } = st(nn());
-    m(() => be.value === fe.value && C.value.length > 0 && !q.value);
-    const ie = D(!0), ee = m(() => {
+    }), d = D(null), { selectedLocationIds: b, dateRange: H, compareDateRange: O, timeRange: j } = st(nn()), { globalFilters: se, isGlobalFiltersLoading: q } = st(Vo()), { businessId: fe } = st(_n()), { businessLoadedId: be, businessDataVersion: de } = st(nn());
+    m(() => be.value === fe.value && b.value.length > 0 && !q.value);
+    const ie = D(!0), Q = m(() => {
       const S = JSON.parse(JSON.stringify(t.value.widget));
       return {
         ...S,
@@ -4314,10 +4334,10 @@ const jr = {
       };
     }), _e = m(() => {
       var Re;
-      const S = ((Re = ee.value.config.metrics) == null ? void 0 : Re.length) ?? 0;
-      if (!ee.value.config.isBlend)
+      const S = ((Re = Q.value.config.metrics) == null ? void 0 : Re.length) ?? 0;
+      if (!Q.value.config.isBlend)
         return S;
-      const ge = (ee.value.config.joinDatasources ?? []).reduce(
+      const ge = (Q.value.config.joinDatasources ?? []).reduce(
         (rt, un) => {
           var ht;
           return rt + (((ht = un.metrics) == null ? void 0 : ht.length) ?? 0);
@@ -4326,7 +4346,7 @@ const jr = {
       );
       return S + ge;
     });
-    function Pe() {
+    function Ae() {
       return {
         data: d.value,
         showTitle: v.value,
@@ -4335,7 +4355,7 @@ const jr = {
         titleItalic: k.value,
         titleUnderline: x.value,
         chartHeight: w.value,
-        chartWidth: P.value,
+        chartWidth: A.value,
         chartColors: u.value,
         chartColorLayers: M.value,
         chartBreakdownColors: W.value,
@@ -4343,21 +4363,21 @@ const jr = {
         chartColorBinding: te.value,
         metricCount: _e.value,
         lineStyles: G.value,
-        lineStyleBinding: re.value,
+        lineStyleBinding: le.value,
         showLabel: J.value,
         labelAnchor: E.value,
         labelAlign: _.value,
         labelRotation: z.value,
         labelOffset: R.value,
-        labelFontSize: A.value,
+        labelFontSize: P.value,
         showX: ne.value,
         xPosition: U.value,
         showXGrid: X.value,
         showXTick: Z.value,
         xTickFontSize: ae.value,
         showXTitle: ue.value,
-        xTitle: me.value,
-        xTitleFontSize: le.value,
+        xTitle: pe.value,
+        xTitleFontSize: re.value,
         showY: ce.value,
         yPosition: xe.value,
         showYGrid: Be.value,
@@ -4366,7 +4386,7 @@ const jr = {
         showYTitle: Ge.value,
         yTitleFontSize: ot.value,
         yTickFontSize: We.value,
-        isTransposed: ee.value.config.isTransposed,
+        isTransposed: Q.value.config.isTransposed,
         showLegend: je.value,
         legendPosition: Et.value,
         usePointStyle: Je.value,
@@ -4381,14 +4401,14 @@ const jr = {
       return {
         data: d.value,
         filterText: ct.value,
-        rollupPosition: ee.value.config.rollupPosition,
-        grandTotalLabel: ee.value.config.grandTotalLabel,
+        rollupPosition: Q.value.config.rollupPosition,
+        grandTotalLabel: Q.value.config.grandTotalLabel,
         rowHeight: qt.value,
         colWidths: Xt.value
       };
     }
-    const De = m(() => {
-      switch (ee.value.type) {
+    const Ie = m(() => {
+      switch (Q.value.type) {
         case oe.Table:
           return Ue();
         case oe.BarChart:
@@ -4397,7 +4417,7 @@ const jr = {
         case oe.ClusteredStackBarChart:
         case oe.StackLineChart:
         case oe.Circular:
-          return Pe();
+          return Ae();
         default:
           return { data: d.value };
       }
@@ -4418,7 +4438,7 @@ const jr = {
       }
       return [];
     }), Ee = m(() => {
-      const { config: S } = ee.value;
+      const { config: S } = Q.value;
       return S.isDrillable ? S.dimensions.map((ge) => ({
         label: lt(s, i, ge.label, "other"),
         value: dn(ge)
@@ -4432,18 +4452,18 @@ const jr = {
     we(
       () => t.value.widget.config,
       (S) => {
-        F.value = S.rollup, v.value = S.showTitle ?? !0, f.value = S.titleFontSize ?? 14, T.value = S.titleBold ?? !1, k.value = S.titleItalic ?? !1, x.value = S.titleUnderline ?? !1, w.value = S.chartHeight ?? void 0, P.value = S.chartWidth ?? void 0, u.value = Array.isArray(S.chartColors) ? [...S.chartColors] : void 0, M.value = Array.isArray(S.chartColorLayers) ? [...S.chartColorLayers] : void 0, W.value = Array.isArray(S.chartBreakdownColors) ? [...S.chartBreakdownColors] : void 0, K.value = S.chartUseSecondaryMetricShades ?? !0, te.value = S.chartColorBinding, G.value = Array.isArray(S.lineStyles) ? [...S.lineStyles] : void 0, re.value = S.lineStyleBinding, J.value = S.showLabel ?? !1, _.value = S.labelAlign ?? gn.center, E.value = S.labelAnchor ?? vn.center, z.value = S.labelRotation ?? 0, R.value = S.labelOffset ?? 0, A.value = S.labelFontSize ?? 12, ne.value = S.showX ?? !0, U.value = S.xPosition ?? yn.bottom, X.value = S.showXGrid ?? !1, Z.value = S.showXTick ?? !0, ae.value = S.xTickFontSize ?? 12, ue.value = S.showXTitle ?? !1, me.value = S.xTitle ?? "", le.value = S.xTitleFontSize ?? 12, ce.value = S.showY ?? !0, xe.value = S.yPosition ?? bn.left, Be.value = S.showYGrid ?? !0, He.value = S.showYTick ?? !0, We.value = S.yTickFontSize ?? 12, Ge.value = S.showYTitle ?? !1, ut.value = S.yTitle ?? "", ot.value = S.yTitleFontSize ?? 12, je.value = S.showLegend ?? void 0, Et.value = S.legendPosition ?? Cn.top, Je.value = S.usePointStyle ?? !0, Ot.value = S.legendFontSize, Ut.value = S.legendColor ?? "#6b6b6b", Kt.value = S.legendMaxWidth, Lt.value = S.maxTooltipItems, Ze.value = S.stackBarOverlap ?? !1, qt.value = S.rowHeight ?? 0, Xt.value = S.colWidths ?? [], y.value = Pt();
+        F.value = S.rollup, v.value = S.showTitle ?? !0, f.value = S.titleFontSize ?? 14, T.value = S.titleBold ?? !1, k.value = S.titleItalic ?? !1, x.value = S.titleUnderline ?? !1, w.value = S.chartHeight ?? void 0, A.value = S.chartWidth ?? void 0, u.value = Array.isArray(S.chartColors) ? [...S.chartColors] : void 0, M.value = Array.isArray(S.chartColorLayers) ? [...S.chartColorLayers] : void 0, W.value = Array.isArray(S.chartBreakdownColors) ? [...S.chartBreakdownColors] : void 0, K.value = S.chartUseSecondaryMetricShades ?? !0, te.value = S.chartColorBinding, G.value = Array.isArray(S.lineStyles) ? [...S.lineStyles] : void 0, le.value = S.lineStyleBinding, J.value = S.showLabel ?? !1, _.value = S.labelAlign ?? gn.center, E.value = S.labelAnchor ?? vn.center, z.value = S.labelRotation ?? 0, R.value = S.labelOffset ?? 0, P.value = S.labelFontSize ?? 12, ne.value = S.showX ?? !0, U.value = S.xPosition ?? yn.bottom, X.value = S.showXGrid ?? !1, Z.value = S.showXTick ?? !0, ae.value = S.xTickFontSize ?? 12, ue.value = S.showXTitle ?? !1, pe.value = S.xTitle ?? "", re.value = S.xTitleFontSize ?? 12, ce.value = S.showY ?? !0, xe.value = S.yPosition ?? bn.left, Be.value = S.showYGrid ?? !0, He.value = S.showYTick ?? !0, We.value = S.yTickFontSize ?? 12, Ge.value = S.showYTitle ?? !1, ut.value = S.yTitle ?? "", ot.value = S.yTitleFontSize ?? 12, je.value = S.showLegend ?? void 0, Et.value = S.legendPosition ?? Cn.top, Je.value = S.usePointStyle ?? !0, Ot.value = S.legendFontSize, Ut.value = S.legendColor ?? "#6b6b6b", Kt.value = S.legendMaxWidth, Lt.value = S.maxTooltipItems, Ze.value = S.stackBarOverlap ?? !1, qt.value = S.rowHeight ?? 0, Xt.value = S.colWidths ?? [], y.value = At();
       },
       { deep: !0 }
     ), we([() => F.value], () => {
       F.value !== null && (t.value.widget.config.rollup = F.value);
     }), we(
       [
-        () => ee.value,
+        () => Q.value,
         () => H.value,
         () => j.value,
         () => O.value,
-        () => C.value,
+        () => b.value,
         () => It.value,
         () => de.value
       ],
@@ -4466,7 +4486,7 @@ const jr = {
     let Gt;
     async function Bn() {
       if (!h.isStyleEditing) {
-        if (ee.value.config.schemaNames.length <= 0 && !(ee.value.config.dimensions.length <= 0 || ee.value.config.metrics.length <= 0)) {
+        if (Q.value.config.schemaNames.length <= 0 && !(Q.value.config.dimensions.length <= 0 || Q.value.config.metrics.length <= 0)) {
           Mt.open({
             message: "schema must not be empty and dimension or metrics must have at least 1 column",
             type: "info"
@@ -4479,13 +4499,13 @@ const jr = {
             $o,
             500
           )({
-            widget: ee.value,
+            widget: Q.value,
             signal: S,
             tileId: t.value.id
           });
-          de.value === ge && (d.value = Re, y.value = Pt(), setTimeout(() => $(), 100)), n.value = !1;
+          de.value === ge && (d.value = Re, y.value = At(), setTimeout(() => $(), 100)), n.value = !1;
         } catch (S) {
-          S.code !== "ERR_CANCELED" && (d.value = null, Mt.open({ message: `Invalid chart ${ee.value.type}`, type: "error" }), console.log(S), n.value = !1);
+          S.code !== "ERR_CANCELED" && (d.value = null, Mt.open({ message: `Invalid chart ${Q.value.type}`, type: "error" }), console.log(S), n.value = !1);
         }
       }
     }
@@ -4508,7 +4528,7 @@ const jr = {
       const S = I.value + 1;
       S >= 0 && S < Ee.value.length && (g.value = Ee.value[S].value);
     }
-    const An = D(pt.EXCEL), Fn = D(), Co = Object.values(pt).map((S) => ({
+    const Pn = D(pt.EXCEL), Fn = D(), Co = Object.values(pt).map((S) => ({
       label: Ho(S),
       value: S,
       onClick: async () => {
@@ -4518,62 +4538,62 @@ const jr = {
           isCombinedLocationLayout: ie.value,
           timeRange: j.value,
           dateRange: H.value,
-          locationIds: C.value
-        }) : S === pt.PDF && (An.value = S, Fn.value = h.index, Dt.value = !0);
+          locationIds: b.value
+        }) : S === pt.PDF && (Pn.value = S, Fn.value = h.index, Dt.value = !0);
       }
-    })), xo = ee.value.type === oe.Spacer ? "flat" : "outlined", wo = ee.value.type === oe.Spacer ? "p-0" : "p-16";
+    })), xo = Q.value.type === oe.Spacer ? "flat" : "outlined", wo = Q.value.type === oe.Spacer ? "p-0" : "p-16";
     return (S, ge) => {
-      const Re = pe("FmTooltip"), rt = pe("FmSearch"), un = pe("FmCheckbox"), ht = pe("FmButton"), So = pe("FmSelect"), _o = pe("FmMenuItem"), ko = pe("FmMenu"), To = pe("FmForm"), Lo = pe("FmCircularProgress"), Do = pe("FmCard");
+      const Re = ve("FmTooltip"), rt = ve("FmSearch"), un = ve("FmCheckbox"), ht = ve("FmButton"), So = ve("FmSelect"), _o = ve("FmMenuItem"), ko = ve("FmMenu"), To = ve("FmForm"), Lo = ve("FmCircularProgress"), Do = ve("FmCard");
       return Y(), ye(Do, {
         ref_key: "tileCard",
         ref: c,
-        class: Le(`${sn.value} ${r(wo)}`),
+        class: De(`${sn.value} ${r(wo)}`),
         variant: r(xo)
       }, {
         default: Te(() => [
-          he(Yr, {
+          me(Yr, {
             modelValue: Dt.value,
             "onUpdate:modelValue": ge[0] || (ge[0] = (mt) => Dt.value = mt),
-            "report-type": An.value,
+            "report-type": Pn.value,
             index: Fn.value
           }, null, 8, ["modelValue", "report-type", "index"]),
-          !n.value && !r(q) ? (Y(), ve("div", {
+          !n.value && !r(q) ? (Y(), he("div", {
             key: 0,
-            style: Ie({ height: dt.value })
+            style: Le({ height: dt.value })
           }, [
             (Y(), ye(eo(p.value), {
               key: y.value,
-              modelValue: De.value,
-              "onUpdate:modelValue": ge[4] || (ge[4] = (mt) => De.value = mt),
+              modelValue: Ie.value,
+              "onUpdate:modelValue": ge[4] || (ge[4] = (mt) => Ie.value = mt),
               "tile-index": h.index
             }, {
               menu: Te(() => [
-                he(To, { class: "flex items-center gap-2" }, {
+                me(To, { class: "flex items-center gap-2" }, {
                   default: Te(() => {
-                    var mt, Pn, Rn, zn;
+                    var mt, An, Rn, zn;
                     return [
-                      he(Re, {
+                      me(Re, {
                         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: Te(() => [
-                          v.value !== !1 ? (Y(), ve("p", {
+                          v.value !== !1 ? (Y(), he("p", {
                             key: 0,
-                            style: Ie({
+                            style: Le({
                               fontSize: f.value + "px",
                               fontWeight: T.value ? "bold" : "normal",
                               fontStyle: k.value ? "italic" : "normal",
                               textDecoration: x.value ? "underline" : "none"
                             }),
-                            class: Le(["text-fm-color-typo-secondary line-clamp-1", [
+                            class: De(["text-fm-color-typo-secondary line-clamp-1", [
                               f.value <= 18 ? "fm-typo-en-body-md-400" : "",
-                              ee.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                              Q.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, Ae(r(lt)(r(s), r(i), ee.value.title, "other")), 7)) : Ce("", !0)
+                          }, Pe(r(lt)(r(s), r(i), Q.value.title, "other")), 7)) : Ce("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
@@ -4582,23 +4602,23 @@ const jr = {
                         modelValue: ct.value,
                         "onUpdate:modelValue": ge[1] || (ge[1] = (qe) => ct.value = qe),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (Y(), ve("div", jr)),
-                      Po(he(un, {
+                      }, null, 8, ["modelValue"])) : (Y(), he("div", jr)),
+                      Ao(me(un, {
                         modelValue: J.value,
                         "onUpdate:modelValue": ge[2] || (ge[2] = (qe) => J.value = qe),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
-                        [Ro, (Pn = ft.value) == null ? void 0 : Pn.showLabel]
+                        [Ro, (An = ft.value) == null ? void 0 : An.showLabel]
                       ]),
-                      (Rn = ft.value) != null && Rn.showDrillDimension && Ee.value.length > 0 ? (Y(), ve("div", Jr, [
-                        he(ht, {
+                      (Rn = ft.value) != null && Rn.showDrillDimension && Ee.value.length > 0 ? (Y(), he("div", Jr, [
+                        me(ht, {
                           icon: "arrow_upward",
                           variant: "tertiary",
                           disabled: !L.value,
                           onClick: yo
                         }, null, 8, ["disabled"]),
-                        he(ht, {
+                        me(ht, {
                           icon: "arrow_downward",
                           variant: "tertiary",
                           disabled: !B.value,
@@ -4617,13 +4637,13 @@ const jr = {
                         shift: !0
                       }, {
                         "menu-button": Te(() => [
-                          he(ht, {
+                          me(ht, {
                             icon: "more_vert",
                             variant: "tertiary"
                           })
                         ]),
                         default: Te(() => [
-                          (Y(!0), ve(Ve, null, Rt(r(Co), (qe) => (Y(), ye(_o, {
+                          (Y(!0), he(Ve, null, Rt(r(Co), (qe) => (Y(), ye(_o, {
                             key: qe.value,
                             label: qe.label,
                             onClick: qe.onClick