@feedmepos/mf-report 5.27.1 → 5.27.2

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-CtyS5biZ.js → DynamicWidget.vue_vue_type_script_setup_true_lang-BMxLcoWw.js}

@@ -1,7 +1,7 @@
-import { computed as g, defineComponent as Me, ref as D, watch as Te, onMounted as Rt, onBeforeUnmount as no, resolveComponent as se, createBlock as ie, openBlock as K, Transition as Vo, withCtx as we, createElementBlock as ae, createCommentVNode as fe, createElementVNode as q, unref as i, normalizeStyle as Le, withModifiers as jt, toDisplayString as Se, createVNode as ue, Fragment as Be, renderList as lt, normalizeClass as _e, nextTick as No, mergeModels as Ne, useModel as ze, renderSlot as Qe, h as Yt, createSlots as zo, resolveDynamicComponent as oo, toRaw as Ho, markRaw as Wo, createTextVNode as Oo, onUnmounted as ao, withDirectives as Uo, vShow as Ko } from "vue";
-import { W as te, w as Xo, S as Pt, x as Mt, y as Yo, z as dn, A as ro, j as Eo, B as qo, R as pt, E as Go } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CQYxNukN.js";
-import { i as Jt, a as en, u as lo } from "./app-CrCAF5RB.js";
-import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-B7zYI-10.js";
+import { computed as g, defineComponent as Me, ref as D, watch as Te, onMounted as Rt, onBeforeUnmount as no, resolveComponent as se, createBlock as ie, openBlock as K, Transition as Vo, withCtx as we, createElementBlock as ae, createCommentVNode as fe, createElementVNode as G, unref as i, normalizeStyle as Le, withModifiers as jt, toDisplayString as Se, createVNode as ue, Fragment as Be, renderList as lt, normalizeClass as _e, nextTick as No, mergeModels as Ne, useModel as ze, renderSlot as Qe, h as Yt, createSlots as zo, resolveDynamicComponent as oo, toRaw as Ho, markRaw as Wo, createTextVNode as Oo, onUnmounted as ao, withDirectives as Uo, vShow as Ko } from "vue";
+import { W as te, w as Xo, S as Pt, x as Mt, y as Yo, z as dn, A as ro, j as Eo, B as Go, R as pt, E as qo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-D2sseBCO.js";
+import { i as Jt, a as en, u as lo } from "./app-D9Ks9OA8.js";
+import { d as hn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Bgb4TGpm.js";
 import { storeToRefs as Bt } from "pinia";
 import { detectLocale as so } from "@feedmepos/mf-common";
 import { C as gn } from "./chart-DDDh8zNk.js";
@@ -123,7 +123,7 @@ function uo(e) {
     return s === 0 ? r : tn(r, Math.min(0.18 * s, 0.72));
   });
 }
-const Wl = vt.map(() => "solid");
+const Ol = vt.map(() => "solid");
 function ht({
   datasetIndex: e,
   label: t
@@ -700,12 +700,12 @@ function xo(e, t, n, o, r, s, a, c) {
   const V = w ? L.map((A) => {
     const X = k.get(A.matchingKey);
     return !X || X.length === 0 ? Kn(A) : X.shift() ?? Kn(A);
-  }) : [], G = v.length > L.length || b.length > V.length, I = (A, X = !1) => `<div style="${Ua(X)}">${_n(A)}</div>`, N = (A) => {
+  }) : [], q = v.length > L.length || b.length > V.length, I = (A, X = !1) => `<div style="${Ua(X)}">${_n(A)}</div>`, N = (A) => {
     const X = Ka(A.isBar, A.color);
     return `<div style="${ia}"><span style="${X}"></span><span style="${ua}">${_n(A.text)}</span></div>`;
   };
   let C = "";
-  x.length > 0 && (C += I(x)), C += L.map((A) => N(A)).join(""), w && V.length > 0 && (C += I(w, C.length > 0), C += V.map((A) => N(A)).join("")), r && G && (C += Xa(n));
+  x.length > 0 && (C += I(x)), C += L.map((A) => N(A)).join(""), w && V.length > 0 && (C += I(w, C.length > 0), C += V.map((A) => N(A)).join("")), r && q && (C += Xa(n));
   const M = [
     {
       title: x,
@@ -719,7 +719,7 @@ function xo(e, t, n, o, r, s, a, c) {
   return {
     html: C,
     detailsPayload: { sections: M },
-    hasCollapsedValues: G
+    hasCollapsedValues: q
   };
 }
 function Xn(e) {
@@ -832,7 +832,7 @@ function Yn(e, t) {
   }
   return e;
 }
-function qt(e, t) {
+function Gt(e, t) {
   return typeof e == "string" ? Yn(e, t) : Array.isArray(e) ? e.map(
     (n) => typeof n == "string" ? Yn(n, t) : n
   ) : e;
@@ -845,16 +845,16 @@ function Ea(e) {
     pointBackgroundColor: Reflect.get(e, "pointBackgroundColor")
   });
 }
-function qa(e) {
+function Ga(e) {
   const t = e.__tooltipOriginalStyle;
   t && (Reflect.set(e, "borderColor", t.borderColor), Reflect.set(e, "backgroundColor", t.backgroundColor), Reflect.set(e, "pointBorderColor", t.pointBorderColor), Reflect.set(e, "pointBackgroundColor", t.pointBackgroundColor));
 }
-function Ga(e, t) {
+function qa(e, t) {
   const n = e.__tooltipOriginalStyle;
-  n && (Reflect.set(e, "borderColor", qt(n.borderColor, t)), Reflect.set(e, "backgroundColor", qt(n.backgroundColor, t)), Reflect.set(e, "pointBorderColor", qt(n.pointBorderColor, t)), Reflect.set(
+  n && (Reflect.set(e, "borderColor", Gt(n.borderColor, t)), Reflect.set(e, "backgroundColor", Gt(n.backgroundColor, t)), Reflect.set(e, "pointBorderColor", Gt(n.pointBorderColor, t)), Reflect.set(
     e,
     "pointBackgroundColor",
-    qt(n.pointBackgroundColor, t)
+    Gt(n.pointBackgroundColor, t)
   ));
 }
 function Sn(e) {
@@ -873,7 +873,7 @@ function Qt(e, t) {
   const n = e.data.datasets;
   if (n.length !== 0) {
     if (n.forEach((o, r) => {
-      Ea(o), !t || r === t.datasetIndex ? qa(o) : Ga(o, ya);
+      Ea(o), !t || r === t.datasetIndex ? Ga(o) : qa(o, ya);
     }), typeof e.setActiveElements == "function")
       try {
         t ? e.setActiveElements([
@@ -918,7 +918,7 @@ function In(e) {
 function Mn(e, t, n, o, r, s, a = "center", c = !1) {
   const d = t.getBoundingClientRect(), m = n.getBoundingClientRect(), P = n.scrollLeft, x = n.scrollTop, w = n.clientWidth, v = n.clientHeight, b = e;
   (!Number.isFinite(b.__cachedWidth) || !Number.isFinite(b.__cachedHeight) || b.__measurementHostWidth !== w || b.__measurementHostHeight !== v) && (b.__cachedWidth = e.offsetWidth, b.__cachedHeight = e.offsetHeight, b.__measurementHostWidth = w, b.__measurementHostHeight = v);
-  const L = b.__cachedWidth ?? e.offsetWidth, k = b.__cachedHeight ?? e.offsetHeight, V = 8, G = d.left - m.left + P + o, I = d.top - m.top + x + r, N = c ? a === "left" ? G - L - V : G + V : a === "left" ? G - L - V : a === "right" ? G + V : G - L / 2, C = c ? I + V : s ? I - k / 2 : I + V, M = P + V;
+  const L = b.__cachedWidth ?? e.offsetWidth, k = b.__cachedHeight ?? e.offsetHeight, V = 8, q = d.left - m.left + P + o, I = d.top - m.top + x + r, N = c ? a === "left" ? q - L - V : q + V : a === "left" ? q - L - V : a === "right" ? q + V : q - L / 2, C = c ? I + V : s ? I - k / 2 : I + V, M = P + V;
   let $ = x + V;
   const A = document.querySelector('[data-menu-tab="true"]');
   if (A) {
@@ -1014,7 +1014,7 @@ function En(e, t, n, o, r) {
 function Re(e, t, n = !1) {
   yt(e) && !n || (Ct(e), So(e), bo(e, !1), za(e), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", Qt(t));
 }
-function qn(e, t, n = ba) {
+function Gn(e, t, n = ba) {
   e.__isTooltipHovered || (Ct(e), e.__hideTimeoutId = window.setTimeout(() => {
     e.__isTooltipHovered || Re(e, t);
   }, n));
@@ -1058,7 +1058,7 @@ function lr(e, t, n, o, r) {
       var M, $, A, X;
       if (V.length === 0)
         return !1;
-      const G = (M = V.find(
+      const q = (M = V.find(
         (ee) => typeof ee.dataIndex == "number"
       )) == null ? void 0 : M.dataIndex, I = (($ = n == null ? void 0 : n.data) == null ? void 0 : $.datasets) ?? [], N = (A = n == null ? void 0 : n.config) == null ? void 0 : A.type, C = xo(
         V,
@@ -1067,7 +1067,7 @@ function lr(e, t, n, o, r) {
         s,
         !0,
         I,
-        G,
+        q,
         N
       ).detailsPayload;
       return (X = r.onViewFullDetails) == null || X.call(r, C, n), Re(e, n), !0;
@@ -1215,14 +1215,14 @@ function ir(e, t) {
     if (d || (d = Za(c)), d.parentElement !== a && a.appendChild(d), Pn(d, a), sr(d, s, e), nr(d, o, s), or(d, s), lr(d, s, o, e, t), ((r == null ? void 0 : r.opacity) ?? 0) === 0) {
       if (rt() && yt(d))
         return;
-      t != null && t.onViewFullDetails ? qn(d, o) : Re(d, o);
+      t != null && t.onViewFullDetails ? Gn(d, o) : Re(d, o);
       return;
     }
     const m = (r == null ? void 0 : r.dataPoints) ?? [];
     if (m.length === 0) {
       if (rt() && yt(d))
         return;
-      t != null && t.onViewFullDetails ? qn(d, o) : Re(d, o);
+      t != null && t.onViewFullDetails ? Gn(d, o) : Re(d, o);
       return;
     }
     ar(a, c, s), Ct(d);
@@ -1240,8 +1240,8 @@ function ir(e, t) {
       b
     ), k = x && L;
     d.__detailsPayload = k ? F : void 0, d.style.pointerEvents = k ? "auto" : "none";
-    const V = typeof (r == null ? void 0 : r.caretX) == "number" ? r.caretX : 0, G = Number(d.dataset.cursorCanvasX), I = Number(d.dataset.cursorCanvasY);
-    if (!(Number.isFinite(G) && Number.isFinite(I))) {
+    const V = typeof (r == null ? void 0 : r.caretX) == "number" ? r.caretX : 0, q = Number(d.dataset.cursorCanvasX), I = Number(d.dataset.cursorCanvasY);
+    if (!(Number.isFinite(q) && Number.isFinite(I))) {
       d.style.opacity = "0";
       return;
     }
@@ -1253,7 +1253,7 @@ function ir(e, t) {
         return z;
       const S = Number.isFinite(M) ? M : V, Z = Math.abs(y - S);
       return Math.abs(z - S) > Z ? z : y;
-    }, Number.NaN) : Number.NaN, A = G, X = I, ee = e ? Number.isFinite(M) && Number.isFinite($) && $ < M ? "left" : "right" : "center";
+    }, Number.NaN) : Number.NaN, A = q, X = I, ee = e ? Number.isFinite(M) && Number.isFinite($) && $ < M ? "left" : "right" : "center";
     Mn(
       d,
       s,
@@ -1273,7 +1273,7 @@ function kn(e = !1, t) {
     external: ir(e, t)
   };
 }
-const Gn = "en-US";
+const qn = "en-US";
 function jn(e, t) {
   const n = t.split(".");
   let o = e;
@@ -1286,7 +1286,7 @@ function jn(e, t) {
 }
 function ur() {
   const e = so(), t = "report.widget.legend.comparison";
-  return `(${jn(Jt[e] ?? Jt[Gn], t) ?? jn(Jt[Gn], t) ?? "Comparison"})`;
+  return `(${jn(Jt[e] ?? Jt[qn], t) ?? jn(Jt[qn], t) ?? "Comparison"})`;
 }
 function ko(e) {
   function o(x, w, v) {
@@ -1340,8 +1340,8 @@ function ko(e) {
         const F = b == null ? void 0 : b.chart, L = b == null ? void 0 : b.ctx, k = F.height * 0.25;
         if (L && k > 0) {
           L.save();
-          const G = L.measureText(v).width > k ? o(L, v, k) : v;
-          return L.restore(), G;
+          const q = L.measureText(v).width > k ? o(L, v, k) : v;
+          return L.restore(), q;
         }
         return v;
       },
@@ -1388,8 +1388,8 @@ function ko(e) {
         const F = b == null ? void 0 : b.chart, L = b == null ? void 0 : b.ctx, k = F.width * 0.4;
         if (L && k > 0) {
           L.save();
-          const G = L.measureText(v).width > k ? o(L, v, k) : v;
-          return L.restore(), G;
+          const q = L.measureText(v).width > k ? o(L, v, k) : v;
+          return L.restore(), q;
         }
         return v;
       }
@@ -1419,13 +1419,13 @@ function ko(e) {
         if (v.length === 1 && Array.isArray(v[0].backgroundColor) && v[0].backgroundColor.length > 1 && Array.isArray(v[0].data)) {
           const F = v[0];
           return x.data.labels.map((k, V) => {
-            const G = F.backgroundColor[V];
+            const q = F.backgroundColor[V];
             return {
               text: k,
               fontColor: w,
               color: w,
-              fillStyle: G,
-              strokeStyle: G,
+              fillStyle: q,
+              strokeStyle: q,
               datasetIndex: 0,
               index: V,
               hidden: x.getDataVisibility ? !x.getDataVisibility(V) : !1
@@ -1458,7 +1458,7 @@ const cr = {
 }, gr = ["onMouseenter", "onFocus"], vr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, yr = { class: "min-w-0 break-all text-fm-color-typo-secondary" }, br = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary shrink-0 text-right tabular-nums" }, Cr = {
   key: 1,
   class: "flex justify-center px-2 pt-2"
-}, Jn = 500, xr = 320, Gt = 30, Ht = /* @__PURE__ */ Me({
+}, Jn = 500, xr = 320, qt = 30, Ht = /* @__PURE__ */ Me({
   __name: "TooltipDetailSidesheet",
   props: {
     modelValue: { type: Boolean },
@@ -1474,7 +1474,7 @@ const cr = {
       return (((T = n.detailsPayload) == null ? void 0 : T.sections) ?? []).filter((u) => u.values.length > 0);
     }), x = g(
       () => P.value.map((T, u) => {
-        const y = k(T.title, u), B = Math.min(d.value[y] ?? Gt, T.values.length);
+        const y = k(T.title, u), B = Math.min(d.value[y] ?? qt, T.values.length);
         return {
           ...T,
           key: y,
@@ -1505,14 +1505,14 @@ const cr = {
     }
     function V() {
       d.value = P.value.reduce(
-        (T, u, y) => (T[k(u.title, y)] = Gt, T),
+        (T, u, y) => (T[k(u.title, y)] = qt, T),
         {}
       );
     }
-    function G(T) {
+    function q(T) {
       d.value = {
         ...d.value,
-        [T]: (d.value[T] ?? Gt) + Gt
+        [T]: (d.value[T] ?? qt) + qt
       };
     }
     function I() {
@@ -1571,7 +1571,7 @@ const cr = {
       }, {
         default: we(() => [
           m.value ? (K(), ae("div", cr, [
-            q("div", {
+            G("div", {
               ref_key: "panelRef",
               ref: s,
               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",
@@ -1580,13 +1580,13 @@ const cr = {
               "aria-modal": "false",
               "aria-label": i(r)("report.widget.comparisonTooltip.fullBreakdownTitle")
             }, [
-              q("div", {
+              G("div", {
                 class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
                 onPointerdown: jt(X, ["prevent"])
               }, null, 32),
-              q("div", fr, [
-                q("div", mr, Se(i(r)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
-                q("div", pr, [
+              G("div", fr, [
+                G("div", mr, Se(i(r)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
+                G("div", pr, [
                   ue(y, {
                     class: "relative z-30 h-9 w-9 shrink-0",
                     variant: "tertiary",
@@ -1596,7 +1596,7 @@ const cr = {
                   }, null, 8, ["aria-label"])
                 ])
               ]),
-              q("div", {
+              G("div", {
                 class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
                 onMouseleave: L
               }, [
@@ -1614,17 +1614,17 @@ const cr = {
                     onMouseleave: L,
                     onBlur: L
                   }, [
-                    q("span", vr, [
-                      q("span", {
+                    G("span", vr, [
+                      G("span", {
                         class: _e([
                           "inline-block h-3 w-3 shrink-0 box-border",
                           z.isBar ? "rounded-sm border border-fm-color-neutral-gray-400" : "rounded-full border border-white shadow-[0_0_0_1px_rgba(17,24,39,0.28)]"
                         ]),
                         style: Le({ backgroundColor: z.color })
                       }, null, 6),
-                      q("span", yr, Se(b(z)), 1)
+                      G("span", yr, Se(b(z)), 1)
                     ]),
-                    q("span", br, Se(v(z)), 1)
+                    G("span", br, Se(v(z)), 1)
                   ], 40, gr))), 128)),
                   B.hasMore ? (K(), ae("div", Cr, [
                     ue(y, {
@@ -1632,7 +1632,7 @@ const cr = {
                       variant: "tertiary",
                       size: "sm",
                       label: `${i(r)("report.widget.legend.viewMore")} (${B.remainingCount})`,
-                      onClick: (z) => G(B.key)
+                      onClick: (z) => q(B.key)
                     }, null, 8, ["label", "onClick"])
                   ])) : fe("", !0)
                 ]))), 128))
@@ -1671,7 +1671,7 @@ const cr = {
   },
   emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
   setup(e, { emit: t }) {
-    const n = e, o = t, { t: r, locale: s } = st(), a = D([]), c = D(0), d = D(!1), m = D(!1), P = D(0), x = D(null), w = D(null), v = D(null), b = D(null), F = D(!1), L = D(0), k = D(0), V = D(!1), G = D(0), I = D(0), N = g(() => n.enabled !== !1), C = g(() => n.position === "left" || n.position === "right");
+    const n = e, o = t, { t: r, locale: s } = st(), a = D([]), c = D(0), d = D(!1), m = D(!1), P = D(0), x = D(null), w = D(null), v = D(null), b = D(null), F = D(!1), L = D(0), k = D(0), V = D(!1), q = D(0), I = D(0), N = g(() => n.enabled !== !1), C = g(() => n.position === "left" || n.position === "right");
     let M = null;
     const $ = g(
       () => d.value && m.value && F.value
@@ -1749,7 +1749,7 @@ const cr = {
       p.scrollTop = J * U, H();
     }
     function Z(l) {
-      F.value && (V.value = !0, G.value = l.clientY, I.value = k.value);
+      F.value && (V.value = !0, q.value = l.clientY, I.value = k.value);
     }
     function Q(l) {
       if (!V.value)
@@ -1757,7 +1757,7 @@ const cr = {
       const p = v.value;
       if (!p)
         return;
-      const f = l.clientY - G.value, h = Math.max(1, p.clientHeight - L.value), O = Math.min(h, Math.max(0, I.value + f)) / h, E = Math.max(0, p.scrollHeight - p.clientHeight);
+      const f = l.clientY - q.value, h = Math.max(1, p.clientHeight - L.value), O = Math.min(h, Math.max(0, I.value + f)) / h, E = Math.max(0, p.scrollHeight - p.clientHeight);
       p.scrollTop = O * E, H();
     }
     function oe() {
@@ -2000,7 +2000,7 @@ const cr = {
         return f.endsWith(` ${h}`) || f.endsWith(h) ? f : (p == null ? void 0 : p.dash) === !0 || (p == null ? void 0 : p.isCompare) === !0 ? `${f} ${h}` : f;
       }
     );
-    function qe(l, p) {
+    function Ge(l, p) {
       if (!Array.isArray(l) || l.length === 0)
         return [];
       const f = l, h = f[0], R = Array.isArray(h == null ? void 0 : h.labels) ? h.labels : [], O = Array.isArray(p == null ? void 0 : p.metrics) ? p.metrics : [], E = R.length > 0 ? R : O, J = h == null ? void 0 : h.backgroundColor;
@@ -2037,7 +2037,7 @@ const cr = {
       const l = (p = n.chartRef) == null ? void 0 : p.datasets;
       return Array.isArray(l) ? l : [];
     }
-    function Ge(l, p) {
+    function qe(l, p) {
       return typeof l.datasetKey == "string" && l.datasetKey.trim().length > 0 ? `dataset-key:${l.datasetKey}` : typeof l.datasetIndex == "number" && typeof l.index == "number" ? `dataset:${l.datasetIndex}-item:${l.index}` : typeof l.datasetIndex == "number" ? `dataset:${l.datasetIndex}` : typeof l.index == "number" ? `item:${l.index}` : typeof l.text == "string" && l.text.trim().length > 0 ? `text:${l.text.trim()}` : `fallback:${p}`;
     }
     function Ut() {
@@ -2176,7 +2176,7 @@ const cr = {
       const l = u();
       if (!l) {
         a.value = tt(
-          qe(n.legendUpdateKey, n.chartRef)
+          Ge(n.legendUpdateKey, n.chartRef)
         ), He();
         return;
       }
@@ -2186,7 +2186,7 @@ const cr = {
         a.value = [];
       }
       const p = Array.isArray((h = l == null ? void 0 : l.data) == null ? void 0 : h.datasets) ? l.data.datasets : [];
-      a.value.length === 0 && (a.value = qe(n.legendUpdateKey, n.chartRef)), a.value.length === 0 && (a.value = ct(l)), a.value = it(tt(a.value));
+      a.value.length === 0 && (a.value = Ge(n.legendUpdateKey, n.chartRef)), a.value.length === 0 && (a.value = ct(l)), a.value = it(tt(a.value));
       const f = Array.isArray(n.legendUpdateKey) && n.legendUpdateKey.length > 0 || !Array.isArray(n.legendUpdateKey) && !!n.legendUpdateKey;
       a.value.length === 0 && !(p.length > 0 || f) && Y(0), He();
     }
@@ -2275,7 +2275,7 @@ const cr = {
             const de = j[ne];
             de && typeof de == "object" && (de.hidden = ge);
           }), Tt(
-            (ne) => Ge(ne, 0) === Ge(l, 0),
+            (ne) => qe(ne, 0) === qe(l, 0),
             ge
           );
         }
@@ -2290,7 +2290,7 @@ const cr = {
           const ve = j[de];
           ve && typeof ve == "object" && (ve.hidden = !ne);
         }), f.update(), Tt(
-          (de) => Ge(de, 0) === Ge(l, 0),
+          (de) => qe(de, 0) === qe(l, 0),
           !ne
         );
       }
@@ -2327,19 +2327,19 @@ const cr = {
       }]),
       style: Le(St.value)
     }, [
-      q("div", {
+      G("div", {
         ref_key: "legendScrollShellRef",
         ref: w,
         class: "relative z-[2] flex flex-1 min-h-0 flex-col overflow-hidden"
       }, [
-        q("div", {
+        G("div", {
           ref_key: "legendToggleMeasureRef",
           ref: b,
           class: "absolute invisible pointer-events-none left-0 top-0 z-[2] inline-flex max-w-full select-none"
         }, [
-          q("button", wr, Se(i(r)("report.widget.legend.viewMore")), 1)
+          G("button", wr, Se(i(r)("report.widget.legend.viewMore")), 1)
         ], 512),
-        q("ul", {
+        G("ul", {
           ref_key: "legendListRef",
           ref: v,
           class: _e(["chart-legend-list m-0 flex list-none p-0", [
@@ -2349,13 +2349,13 @@ const cr = {
           onScroll: z
         }, [
           (K(!0), ae(Be, null, lt(je.value, (f, h) => (K(), ae("li", {
-            key: Ge(f, h),
+            key: qe(f, h),
             class: _e(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
               "opacity-45": f.hidden
             }]),
             "data-legend-data": "true"
           }, [
-            q("button", {
+            G("button", {
               type: "button",
               class: _e(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "justify-start text-left": C.value }]),
               "aria-pressed": f.hidden === !0 ? "false" : "true",
@@ -2373,7 +2373,7 @@ const cr = {
                   borderColor: "#c7c7cc"
                 })
               }, null, 4)),
-              q("span", {
+              G("span", {
                 class: _e(["chart-legend-text leading-[1.4]", {
                   "max-w-[120px] whitespace-nowrap overflow-hidden text-left": C.value,
                   "whitespace-nowrap overflow-hidden": !C.value,
@@ -2384,7 +2384,7 @@ const cr = {
             ], 10, _r)
           ], 2))), 128)),
           m.value ? (K(), ae("li", kr, [
-            q("button", {
+            G("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)" },
@@ -2397,7 +2397,7 @@ const cr = {
           class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
           onMousedown: S
         }, [
-          q("div", {
+          G("div", {
             class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
             style: Le(A.value),
             onMousedown: jt(Z, ["stop"])
@@ -2489,7 +2489,7 @@ function Wt({ chartRef: e, model: t, baseDatasets: n }) {
     return !$ || $ === "top" || $ === "bottom" || $ === "left" || $ === "right";
   }), k = g(() => b.value.position ?? "top"), V = g(
     () => k.value === "left" || k.value === "right"
-  ), G = g(
+  ), q = g(
     () => k.value === "top" || k.value === "left"
   ), { hiddenDatasetKeys: I, isDatasetHidden: N, toggleDatasetVisibility: C } = Mr(n), M = g(() => n.value.map(($, A) => ({
     ...$,
@@ -2510,7 +2510,7 @@ function Wt({ chartRef: e, model: t, baseDatasets: n }) {
     useCustomLegend: L,
     legendPosition: k,
     isLegendSide: V,
-    isLegendBeforeChart: G,
+    isLegendBeforeChart: q,
     hiddenDatasetKeys: I,
     toggleDatasetVisibility: C,
     datasets: M
@@ -2598,7 +2598,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
       comparisonTooltip: L,
       datalabels: k,
       xCfg: V,
-      yCfg: G,
+      yCfg: q,
       isTransposed: I,
       legend: N,
       useCustomLegend: C,
@@ -2637,9 +2637,9 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
       var H, z, S, Z, Q, oe;
       const B = se("FmBarChart");
       return K(), ae(Be, null, [
-        q("div", Br, [
+        G("div", Br, [
           Qe(u.$slots, "menu"),
-          q("div", {
+          G("div", {
             class: _e(["chart-layout", {
               "chart-layout--side": i(C) && (i(N).display ?? !1) && i($)
             }])
@@ -2668,7 +2668,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
               datasets: W.value,
               "x-axis": { categories: a.value },
               "x-cfg": i(V),
-              "y-cfg": i(G),
+              "y-cfg": i(q),
               transpose: i(I),
               legend: T.value,
               tooltip: i(L),
@@ -2757,7 +2757,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
       const I = (N = a.value.labels) == null ? void 0 : N.color;
       return typeof I == "string" && I.trim().length > 0 ? I : t.value.legendColor ?? "#6b6b6b";
     }), k = g(() => m.value), V = fa();
-    function G({ itemIndex: I }) {
+    function q({ itemIndex: I }) {
       if (r.value.includes(I)) {
         r.value = r.value.filter(
           (N) => N !== I
@@ -2770,7 +2770,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
       const C = se("FmPieChart");
       return K(), ae("div", Fr, [
         Qe(I.$slots, "menu"),
-        q("div", {
+        G("div", {
           class: _e(["chart-layout", {
             "chart-layout--side": w.value && b.value
           }])
@@ -2790,7 +2790,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
             "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": r.value,
-            onToggleDataPointVisibility: G
+            onToggleDataPointVisibility: q
           }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : fe("", !0),
           ue(C, {
             ref_key: "chartRef",
@@ -2822,7 +2822,7 @@ const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /*
             "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
             "metric-count": t.value.metricCount,
             "hidden-data-point-indexes": r.value,
-            onToggleDataPointVisibility: G
+            onToggleDataPointVisibility: q
           }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : fe("", !0)
         ], 2)
       ]);
@@ -2861,25 +2861,25 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
       });
     });
     return (o, r) => (K(), ae("div", $r, [
-      q("div", Vr, [
+      G("div", Vr, [
         (K(!0), ae(Be, null, lt(n.value, (s, a) => (K(), ae("div", {
           key: a,
           class: "flex flex-col gap-1 flex-1 min-w-[80px]"
         }, [
-          q("div", Nr, [
-            q("span", {
+          G("div", Nr, [
+            G("span", {
               class: "inline-block w-3 h-3 rounded-sm shrink-0",
               style: Le({ backgroundColor: s.color })
             }, null, 4),
-            q("p", {
+            G("p", {
               class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary truncate",
               title: s.label
             }, Se(s.label), 9, zr)
           ]),
-          q("p", Hr, Se(s.display), 1)
+          G("p", Hr, Se(s.display), 1)
         ]))), 128))
       ]),
-      q("div", Wr, [
+      G("div", Wr, [
         (K(!0), ae(Be, null, lt(n.value, (s, a) => (K(), ae("div", {
           key: a,
           style: Le({ width: `${s.width}%`, backgroundColor: s.color })
@@ -2890,10 +2890,10 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
 }), Ur = { class: "flex flex-col h-full" }, Kr = { class: "fm-typo-en-title-md-600" }, Xr = { class: "flex gap-2 mt-2" }, Yr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Er = {
   key: 0,
   class: "grow min-h-0 mt-2"
-}, qr = {
+}, Gr = {
   key: 1,
   class: "mt-2"
-}, Gr = /* @__PURE__ */ Me({
+}, qr = /* @__PURE__ */ Me({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -2938,11 +2938,11 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
     ), F = g(() => kn(!1)), L = g(() => kn(!1));
     return (k, V) => {
       var $;
-      const G = se("FmIcon"), I = se("FmChip"), N = se("FmTooltip"), C = se("FmLineChart"), M = se("FmBarChart");
+      const q = se("FmIcon"), I = se("FmChip"), N = se("FmTooltip"), C = se("FmLineChart"), M = se("FmBarChart");
       return K(), ae("div", Ur, [
         Qe(k.$slots, "menu"),
-        q("p", Kr, Se(c.value), 1),
-        q("div", Xr, [
+        G("p", Kr, Se(c.value), 1),
+        G("div", Xr, [
           ue(N, {
             disabled: d.value === null,
             placement: "right",
@@ -2952,7 +2952,7 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
             content: we(() => {
               var A;
               return [
-                q("span", Yr, Se(`vs. ${(A = i(r).defaultCompareType) == null ? void 0 : A.split("_").join(" ")}`), 1)
+                G("span", Yr, Se(`vs. ${(A = i(r).defaultCompareType) == null ? void 0 : A.split("_").join(" ")}`), 1)
               ];
             }),
             default: we(() => [
@@ -2963,11 +2963,11 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
                 compact: ""
               }, {
                 default: we(() => [
-                  ue(G, {
+                  ue(q, {
                     name: d.value.icon.name,
                     color: d.value.icon.color
                   }, null, 8, ["name", "color"]),
-                  q("p", {
+                  G("p", {
                     class: "fm-typo-en-body-md-600",
                     style: Le({ color: d.value.icon.color })
                   }, Se(d.value.value), 5)
@@ -2981,11 +2981,11 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
                 compact: ""
               }, {
                 default: we(() => [
-                  ue(G, {
+                  ue(q, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  V[0] || (V[0] = q("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
+                  V[0] || (V[0] = G("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
                 ]),
                 _: 1
               })) : fe("", !0)
@@ -3026,13 +3026,13 @@ const $r = { class: "h-full flex flex-col gap-2 justify-end" }, Vr = { class: "f
             values: (($ = P.value.datasets[0]) == null ? void 0 : $.values) ?? [],
             "percent-of-total": P.value.percentOfTotal === !0
           }, null, 8, ["dimensions", "values", "percent-of-total"]))
-        ])) : (K(), ae("div", qr, V[1] || (V[1] = [
-          q("div", { class: "sparkline" }, [
-            q("div", { class: "flex flex-col gap-8" }, [
-              q("div"),
-              q("div")
+        ])) : (K(), ae("div", Gr, V[1] || (V[1] = [
+          G("div", { class: "sparkline" }, [
+            G("div", { class: "flex flex-col gap-8" }, [
+              G("div"),
+              G("div")
             ]),
-            q("div", { class: "grow" })
+            G("div", { class: "grow" })
           ], -1)
         ])))
       ]);
@@ -3088,7 +3088,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
           maxWidth: y
         };
     }
-    const V = g(() => o.value.filterText), G = g(() => {
+    const V = g(() => o.value.filterText), q = g(() => {
       var y;
       const u = (y = o.value.grandTotalLabel) == null ? void 0 : y.trim();
       return u && u.length > 0 ? u : at(t, n, "Grand total", "other");
@@ -3128,7 +3128,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
           });
           break;
       }
-      return u.length > 0 && u[0].main === "" && (u[0].main = G.value), u;
+      return u.length > 0 && u[0].main === "" && (u[0].main = q.value), u;
     });
     function M(u) {
       let y = (u == null ? void 0 : u.main) || "";
@@ -3264,7 +3264,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
     return (u, y) => {
       const B = se("FmTable");
       return K(), ae("div", el, [
-        q("div", tl, [
+        G("div", tl, [
           Qe(u.$slots, "menu")
         ]),
         ue(B, {
@@ -3285,7 +3285,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
             fn: we(() => [
               (K(), ie(oo(I.value === i(Ze).bottom ? "tfoot" : "tbody"), null, {
                 default: we(() => [
-                  q("tr", nl, [
+                  G("tr", nl, [
                     (K(!0), ae(Be, null, lt(C.value, (H, z) => {
                       var S;
                       return K(), ae("td", {
@@ -3293,7 +3293,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
                         class: "text-fm-color-typo-primary px-16",
                         style: Le({ ...F(), ...k((S = x.value[z]) == null ? void 0 : S.key) })
                       }, [
-                        q("span", {
+                        G("span", {
                           class: _e([
                             "flex items-center text-fm-color-typo-secondary gap-2",
                             H.rowType === "NUMERIC" ? "text-right justify-end" : "",
@@ -3302,8 +3302,8 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
                           ]),
                           style: Le(F())
                         }, [
-                          q("p", ol, Se(H.rowType === "NUMERIC" ? i(At)(H.main) : H.main), 1),
-                          q("p", al, Se(H.comparison ? H.rowType === "NUMERIC" ? `(${i(At)(H.comparison)})` : `(${H.comparison})` : ""), 1)
+                          G("p", ol, Se(H.rowType === "NUMERIC" ? i(At)(H.main) : H.main), 1),
+                          G("p", al, Se(H.comparison ? H.rowType === "NUMERIC" ? `(${i(At)(H.comparison)})` : `(${H.comparison})` : ""), 1)
                         ], 6)
                       ], 4);
                     }), 128))
@@ -3335,7 +3335,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       var T;
       return ((T = t.value.data) == null ? void 0 : T.datasets) ?? [];
     }), s = zt("bar"), a = g(() => t.value.stackBarOverlap === !0), c = g(() => a.value === !1), d = g(() => ({
-      ...G.value,
+      ...q.value,
       stacked: c.value
     })), m = g(() => ({
       ...I.value,
@@ -3409,7 +3409,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       handleTooltipDetailsLeave: L,
       comparisonTooltip: k,
       datalabels: V,
-      xCfg: G,
+      xCfg: q,
       yCfg: I,
       isTransposed: N,
       legend: C,
@@ -3429,9 +3429,9 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       var B, H, z, S, Z, Q;
       const y = se("FmBarChart");
       return K(), ae(Be, null, [
-        q("div", ll, [
+        G("div", ll, [
           Qe(T.$slots, "menu"),
-          q("div", {
+          G("div", {
             class: _e(["chart-layout", {
               "chart-layout--side": i(M) && (i(C).display ?? !1) && i(A)
             }])
@@ -3610,7 +3610,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
         }), ct = v({
           datasetIndex: pe,
           colorIndex: Fe
-        }), dt = le.values.map((qe) => qe === null ? NaN : Number(qe));
+        }), dt = le.values.map((Ge) => Ge === null ? NaN : Number(Ge));
         return {
           label: le.name,
           tooltipLabel: `${Xe} - ${et}`,
@@ -3628,7 +3628,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       isTooltipDetailsSheetOpen: L,
       tooltipDetailsPayload: k,
       handleTooltipDetailsSheetVisibility: V,
-      handleTooltipDetailsHover: G,
+      handleTooltipDetailsHover: q,
       handleTooltipDetailsLeave: I,
       comparisonTooltip: N,
       datalabels: C,
@@ -3672,9 +3672,9 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
       var oe, re, he, le, pe, Ce;
       const Q = se("FmBarChart");
       return K(), ae(Be, null, [
-        q("div", il, [
+        G("div", il, [
           Qe(S.$slots, "menu"),
-          q("div", {
+          G("div", {
             class: _e(["chart-layout", {
               "chart-layout--side": i(ee) && (i(X).display ?? !1) && i(W)
             }])
@@ -3735,7 +3735,7 @@ const Zr = /* @__PURE__ */ io(jr, [["render", Jr]]), Qr = "/assets/processTableD
           "model-value": i(L),
           "details-payload": i(k),
           "onUpdate:modelValue": i(V),
-          onValueHover: i(G),
+          onValueHover: i(q),
           onValueLeave: i(I)
         }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
       ], 64);
@@ -3840,7 +3840,7 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
       datalabels: L,
       xCfg: k,
       yCfg: V,
-      isTransposed: G,
+      isTransposed: q,
       legend: I,
       useCustomLegend: N,
       legendPosition: C,
@@ -3858,9 +3858,9 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
       var u, y, B, H, z, S;
       const T = se("FmLineChart");
       return K(), ae(Be, null, [
-        q("div", dl, [
+        G("div", dl, [
           Qe(Y.$slots, "menu"),
-          q("div", {
+          G("div", {
             class: _e(["chart-layout", {
               "chart-layout--side": i(N) && (i(I).display ?? !1) && i(M)
             }])
@@ -3890,7 +3890,7 @@ const dl = { class: "widget-content" }, fl = /* @__PURE__ */ Me({
               "x-axis": { categories: s.value },
               "x-cfg": i(k),
               "y-cfg": i(V),
-              transpose: i(G),
+              transpose: i(q),
               legend: {
                 display: !1
               },
@@ -3961,11 +3961,11 @@ function vl(e) {
 function yl(e) {
   return An[hl(e) - 1];
 }
-const bl = 200;
-function Cl(e) {
-  return bl * e;
+const bl = 150, Cl = 200;
+function xl(e, t) {
+  return (t === "SCORECARD" ? Cl : bl) * e;
 }
-const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
+const wl = { class: "widget-content" }, _l = /* @__PURE__ */ Me({
   __name: "WidgetLinechart",
   props: /* @__PURE__ */ Ne({
     tileIndex: {}
@@ -4048,7 +4048,7 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
       comparisonTooltip: L,
       datalabels: k,
       xCfg: V,
-      yCfg: G,
+      yCfg: q,
       isTransposed: I,
       legend: N,
       useCustomLegend: C,
@@ -4067,9 +4067,9 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
       var y, B, H, z, S, Z;
       const u = se("FmLineChart");
       return K(), ae(Be, null, [
-        q("div", xl, [
+        G("div", wl, [
           Qe(W.$slots, "menu"),
-          q("div", {
+          G("div", {
             class: _e(["chart-layout", {
               "chart-layout--side": i(C) && (i(N).display ?? !1) && i($)
             }])
@@ -4098,7 +4098,7 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
               datasets: i(Y),
               "x-axis": { categories: c.value },
               "x-cfg": i(V),
-              "y-cfg": i(G),
+              "y-cfg": i(q),
               transpose: i(I),
               legend: {
                 display: !1
@@ -4137,7 +4137,7 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
       ], 64);
     };
   }
-}), _l = { class: "flex flex-col gap-16" }, Sl = { class: "flex flex-row" }, kl = /* @__PURE__ */ Me({
+}), Sl = { class: "flex flex-col gap-16" }, kl = { class: "flex flex-row" }, Tl = /* @__PURE__ */ Me({
   __name: "PdfOrientationDialog",
   props: /* @__PURE__ */ Ne({
     reportType: {},
@@ -4172,7 +4172,7 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
       }
     }
     return (F, L) => {
-      const k = se("FmRadio"), V = se("FmRadioGroup"), G = se("FmButton"), I = se("FmDialog");
+      const k = se("FmRadio"), V = se("FmRadioGroup"), q = se("FmButton"), I = se("FmDialog");
       return K(), ie(I, {
         modelValue: s.value,
         "onUpdate:modelValue": L[2] || (L[2] = (N) => s.value = N),
@@ -4189,7 +4189,7 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
             onValidationSuccess: b
           }, {
             default: we(() => [
-              q("div", _l, [
+              G("div", Sl, [
                 ue(V, {
                   modelValue: w.value,
                   "onUpdate:modelValue": L[0] || (L[0] = (N) => w.value = N)
@@ -4207,15 +4207,15 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              q("div", Sl, [
-                L[4] || (L[4] = q("div", { class: "grow" }, null, -1)),
-                ue(G, {
+              G("div", kl, [
+                L[4] || (L[4] = G("div", { class: "grow" }, null, -1)),
+                ue(q, {
                   label: i(t)("report.common.cancel"),
                   variant: "tertiary",
                   onClick: L[1] || (L[1] = (N) => s.value = !1)
                 }, null, 8, ["label"]),
-                q("div", null, [
-                  ue(G, {
+                G("div", null, [
+                  ue(q, {
                     label: i(t)("report.common.download"),
                     loading: c.value,
                     onClick: v
@@ -4231,7 +4231,7 @@ const xl = { class: "widget-content" }, wl = /* @__PURE__ */ Me({
     };
   }
 });
-function Tl(e) {
+function Ll(e) {
   const { breakpoints: t } = $t(), { containerRef: n, isTable: o = D(!0) } = e;
   let r = D(1), s = null, a = null, c = null, d = null, m = null, P = null;
   function x() {
@@ -4277,7 +4277,7 @@ function Tl(e) {
       pointer-events: auto;
     `;
     const M = c.cloneNode(!0);
-    M.style.cssText = "pointer-events: auto;", b(c, M), C.appendChild(M), s.appendChild(C), document.body.appendChild(s), k(), V(), G(), L();
+    M.style.cssText = "pointer-events: auto;", b(c, M), C.appendChild(M), s.appendChild(C), document.body.appendChild(s), k(), V(), q(), L();
   }
   function b(C, M) {
     const $ = C.querySelectorAll("th, td"), A = M.querySelectorAll("th, td");
@@ -4363,7 +4363,7 @@ function Tl(e) {
       L();
     }), n.value && d.observe(n.value), a && d.observe(a);
   }
-  function G() {
+  function q() {
     if (!c) return;
     const C = hn(() => v(), 100), M = () => {
       if (c && s) {
@@ -4408,16 +4408,16 @@ function Tl(e) {
     I();
   }), { refresh: N, cleanup: I };
 }
-const Ll = {
+const Dl = {
   key: 0,
   class: "h-full"
-}, Dl = {
+}, Pl = {
   key: 1,
   class: "grow"
-}, Pl = {
+}, Il = {
   key: 2,
   class: "flex"
-}, Ol = /* @__PURE__ */ Me({
+}, Ul = /* @__PURE__ */ Me({
   __name: "DynamicWidget",
   props: /* @__PURE__ */ Ne({
     index: {
@@ -4452,7 +4452,7 @@ const Ll = {
     const n = D(!0), o = ze(e, "modelValue"), r = t, s = o.value.widget.config, { t: a, te: c, locale: d } = st(), m = e, P = D(null), x = g(() => o.value.widget.type === te.Table), w = g(() => {
       var _;
       return (_ = P.value) == null ? void 0 : _.$el;
-    }), { refresh: v } = Tl({
+    }), { refresh: v } = Ll({
       containerRef: w,
       isTable: x
     }), b = D(s.rollup), F = D(Mt()), L = D(s.drillDimension), k = g(() => {
@@ -4463,7 +4463,7 @@ const Ll = {
         return _ >= 0 ? _ : 0;
       } else
         return -1;
-    }), V = g(() => k.value !== 0), G = g(
+    }), V = g(() => k.value !== 0), q = g(
       () => k.value != ye.value.length - 1
     ), I = D(s.showTitle ?? !0), N = D(s.titleFontSize ?? 14), C = D(s.titleBold ?? !1), M = D(s.titleItalic ?? !1), $ = D(s.titleUnderline ?? !1), A = D(
       Array.isArray(s.chartColors) ? [...s.chartColors] : void 0
@@ -4478,7 +4478,7 @@ const Ll = {
         var _;
         return ((_ = $e.value) == null ? void 0 : _.showSearchBar) === !0 && (j.value.config.showSearchBar ?? !0);
       }
-    ), oe = D(s.showX ?? !0), re = D(s.xPosition ?? bn.bottom), he = D(s.showXGrid ?? !1), le = D(s.showXTick ?? !0), pe = D(s.xTickFontSize ?? 12), Ce = D(s.showXTitle ?? !1), Fe = D(s.xTitle ?? ""), Xe = D(s.xTitleFontSize ?? 12), et = D(s.showY ?? !0), ke = D(s.yPosition ?? Cn.left), wt = D(s.showYGrid ?? !1), Ye = D(s.showYTick ?? !0), tt = D(s.yTickFontSize ?? 12), it = D(s.showYTitle ?? !1), ut = D(s.yTitle ?? ""), ct = D(s.yTitleFontSize ?? 12), dt = D(s.showLegend ?? void 0), Ee = D(s.legendPosition ?? xn.top), qe = D(s.usePointStyle ?? !0), Ot = D(s.legendFontSize), Ge = D(s.legendColor ?? "#6b6b6b"), Ut = D(s.maxTooltipItems), Kt = D(s.stackBarOverlap ?? !1), Xt = D(s.rowHeight ?? null), _t = D(s.colWidths ?? null), He = D(!1), St = D(""), { breakpoints: je, getBreakpointsBoundary: nt } = $t(), kt = D(), xe = g(
+    ), oe = D(s.showX ?? !0), re = D(s.xPosition ?? bn.bottom), he = D(s.showXGrid ?? !1), le = D(s.showXTick ?? !0), pe = D(s.xTickFontSize ?? 12), Ce = D(s.showXTitle ?? !1), Fe = D(s.xTitle ?? ""), Xe = D(s.xTitleFontSize ?? 12), et = D(s.showY ?? !0), ke = D(s.yPosition ?? Cn.left), wt = D(s.showYGrid ?? !1), Ye = D(s.showYTick ?? !0), tt = D(s.yTickFontSize ?? 12), it = D(s.showYTitle ?? !1), ut = D(s.yTitle ?? ""), ct = D(s.yTitleFontSize ?? 12), dt = D(s.showLegend ?? void 0), Ee = D(s.legendPosition ?? xn.top), Ge = D(s.usePointStyle ?? !0), Ot = D(s.legendFontSize), qe = D(s.legendColor ?? "#6b6b6b"), Ut = D(s.maxTooltipItems), Kt = D(s.stackBarOverlap ?? !1), Xt = D(s.rowHeight ?? null), _t = D(s.colWidths ?? null), He = D(!1), St = D(""), { breakpoints: je, getBreakpointsBoundary: nt } = $t(), kt = D(), xe = g(
       () => m.customScreenWidth === void 0 ? window.innerWidth : m.customScreenWidth
     ), nn = g(
       () => (xe == null ? void 0 : xe.value) > nt("xs")[1] && (xe == null ? void 0 : xe.value) <= nt("sm")[1]
@@ -4506,13 +4506,13 @@ const Ll = {
           case te.ClusteredStackBarChart:
             return ul;
           case te.LineChart:
-            return wl;
+            return _l;
           case te.StackLineChart:
             return fl;
           case te.Circular:
             return Rr;
           case te.Scorecard:
-            return Gr;
+            return qr;
           case te.Spacer:
             return Zr;
           case te.Table:
@@ -4588,9 +4588,9 @@ const Ll = {
         isTransposed: j.value.config.isTransposed,
         showLegend: dt.value,
         legendPosition: Ee.value,
-        usePointStyle: qe.value,
+        usePointStyle: Ge.value,
         legendFontSize: Ot.value,
-        legendColor: Ge.value,
+        legendColor: qe.value,
         maxTooltipItems: Ut.value,
         stackBarOverlap: Kt.value
       };
@@ -4648,7 +4648,7 @@ const Ll = {
     Te(
       () => o.value.widget.config,
       (_) => {
-        b.value = _.rollup, I.value = _.showTitle ?? !0, N.value = _.titleFontSize ?? 14, C.value = _.titleBold ?? !1, M.value = _.titleItalic ?? !1, $.value = _.titleUnderline ?? !1, A.value = Array.isArray(_.chartColors) ? [..._.chartColors] : void 0, X.value = Array.isArray(_.chartColorLayers) ? [..._.chartColorLayers] : void 0, ee.value = Array.isArray(_.chartBreakdownColors) ? [..._.chartBreakdownColors] : void 0, Y.value = _.chartUseSecondaryMetricShades ?? !0, W.value = _.chartColorBinding, T.value = Array.isArray(_.lineStyles) ? [..._.lineStyles] : void 0, u.value = _.lineStyleBinding, y.value = _.showLabel ?? !1, B.value = _.labelAlign ?? yn.center, H.value = _.labelAnchor ?? vn.center, z.value = _.labelRotation ?? 0, S.value = _.labelOffset ?? 0, Z.value = _.labelFontSize ?? 12, oe.value = _.showX ?? !0, re.value = _.xPosition ?? bn.bottom, he.value = _.showXGrid ?? !1, le.value = _.showXTick ?? !0, pe.value = _.xTickFontSize ?? 12, Ce.value = _.showXTitle ?? !1, Fe.value = _.xTitle ?? "", Xe.value = _.xTitleFontSize ?? 12, et.value = _.showY ?? !0, ke.value = _.yPosition ?? Cn.left, wt.value = _.showYGrid ?? !1, Ye.value = _.showYTick ?? !0, tt.value = _.yTickFontSize ?? 12, it.value = _.showYTitle ?? !1, ut.value = _.yTitle ?? "", ct.value = _.yTitleFontSize ?? 12, dt.value = _.showLegend ?? void 0, Ee.value = _.legendPosition ?? xn.top, qe.value = _.usePointStyle ?? !0, Ot.value = _.legendFontSize, Ge.value = _.legendColor ?? "#6b6b6b", Ut.value = _.maxTooltipItems, Kt.value = _.stackBarOverlap ?? !1, Xt.value = _.rowHeight ?? null, _t.value = _.colWidths ?? null, F.value = Mt();
+        b.value = _.rollup, I.value = _.showTitle ?? !0, N.value = _.titleFontSize ?? 14, C.value = _.titleBold ?? !1, M.value = _.titleItalic ?? !1, $.value = _.titleUnderline ?? !1, A.value = Array.isArray(_.chartColors) ? [..._.chartColors] : void 0, X.value = Array.isArray(_.chartColorLayers) ? [..._.chartColorLayers] : void 0, ee.value = Array.isArray(_.chartBreakdownColors) ? [..._.chartBreakdownColors] : void 0, Y.value = _.chartUseSecondaryMetricShades ?? !0, W.value = _.chartColorBinding, T.value = Array.isArray(_.lineStyles) ? [..._.lineStyles] : void 0, u.value = _.lineStyleBinding, y.value = _.showLabel ?? !1, B.value = _.labelAlign ?? yn.center, H.value = _.labelAnchor ?? vn.center, z.value = _.labelRotation ?? 0, S.value = _.labelOffset ?? 0, Z.value = _.labelFontSize ?? 12, oe.value = _.showX ?? !0, re.value = _.xPosition ?? bn.bottom, he.value = _.showXGrid ?? !1, le.value = _.showXTick ?? !0, pe.value = _.xTickFontSize ?? 12, Ce.value = _.showXTitle ?? !1, Fe.value = _.xTitle ?? "", Xe.value = _.xTitleFontSize ?? 12, et.value = _.showY ?? !0, ke.value = _.yPosition ?? Cn.left, wt.value = _.showYGrid ?? !1, Ye.value = _.showYTick ?? !0, tt.value = _.yTickFontSize ?? 12, it.value = _.showYTitle ?? !1, ut.value = _.yTitle ?? "", ct.value = _.yTitleFontSize ?? 12, dt.value = _.showLegend ?? void 0, Ee.value = _.legendPosition ?? xn.top, Ge.value = _.usePointStyle ?? !0, Ot.value = _.legendFontSize, qe.value = _.legendColor ?? "#6b6b6b", Ut.value = _.maxTooltipItems, Kt.value = _.stackBarOverlap ?? !1, Xt.value = _.rowHeight ?? null, _t.value = _.colWidths ?? null, F.value = Mt();
       },
       { deep: !0, immediate: !0 }
     ), Te(
@@ -4702,7 +4702,7 @@ const Ll = {
         try {
           n.value = !0, Ve && Ve.abort(), Ve = new AbortController();
           const _ = Ve.signal, ce = J.value, Ie = await hn(
-            qo,
+            Go,
             500
           )({
             widget: j.value,
@@ -4717,7 +4717,7 @@ const Ll = {
     }
     function ot() {
       if (o.value.widget.type !== "SPACER")
-        return `${Cl(o.value.size.height)}px`;
+        return `${xl(o.value.size.height, o.value.widget.type)}px`;
     }
     function sn() {
       const _ = k.value - 1;
@@ -4728,7 +4728,7 @@ const Ll = {
       _ >= 0 && _ < ye.value.length && (L.value = ye.value[_].value);
     }
     const Lt = D(pt.EXCEL), Fn = D(), Lo = Object.values(pt).map((_) => ({
-      label: Go(_),
+      label: qo(_),
       value: _,
       onClick: async () => {
         _ === pt.EXCEL || _ === pt.PDFFULLSIZE || _ === pt.PDFRECEIPT ? await ro({
@@ -4751,13 +4751,13 @@ const Ll = {
         style: Le({ height: kt.value })
       }, {
         default: we(() => [
-          ue(kl, {
+          ue(Tl, {
             modelValue: He.value,
             "onUpdate:modelValue": ce[0] || (ce[0] = (mt) => He.value = mt),
             "report-type": Lt.value,
             index: Fn.value
           }, null, 8, ["modelValue", "report-type", "index"]),
-          (i(O).length > 0 ? i(E) && !n.value : !n.value) ? (K(), ae("div", Ll, [
+          (i(O).length > 0 ? i(E) && !n.value : !n.value) ? (K(), ae("div", Dl, [
             (K(), ie(oo(ln.value), {
               key: F.value,
               modelValue: de.value,
@@ -4803,7 +4803,7 @@ const Ll = {
                         modelValue: St.value,
                         "onUpdate:modelValue": ce[1] || (ce[1] = (Ue) => St.value = Ue),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (K(), ae("div", Dl)),
+                      }, null, 8, ["modelValue"])) : (K(), ae("div", Pl)),
                       Uo(ue(cn, {
                         modelValue: y.value,
                         "onUpdate:modelValue": ce[2] || (ce[2] = (Ue) => y.value = Ue),
@@ -4812,7 +4812,7 @@ const Ll = {
                       }, null, 8, ["modelValue"]), [
                         [Ko, (mt = $e.value) == null ? void 0 : mt.showLabel]
                       ]),
-                      (Rn = $e.value) != null && Rn.showDrillDimension && ye.value.length > 0 ? (K(), ae("div", Pl, [
+                      (Rn = $e.value) != null && Rn.showDrillDimension && ye.value.length > 0 ? (K(), ae("div", Il, [
                         ue(ft, {
                           icon: "arrow_upward",
                           variant: "tertiary",
@@ -4822,7 +4822,7 @@ const Ll = {
                         ue(ft, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !G.value,
+                          disabled: !q.value,
                           onClick: un
                         }, null, 8, ["disabled"])
                       ])) : fe("", !0),
@@ -4870,7 +4870,7 @@ export {
   yn as L,
   Ze as R,
   be as S,
-  Ol as _,
+  Ul as _,
   vl as a,
   yl as b,
   gl as c,
@@ -4878,6 +4878,6 @@ export {
   vt as e,
   uo as f,
   Zo as g,
-  Wl as h,
-  Cl as t
+  Ol as h,
+  xl as t
 };