vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-xy-BDc2EKMr.js → vue-ui-xy-BI5stV8f.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as Ye, useSlots as Eo, getCurrentInstance as Yo, ref as x, computed as b, onMounted as Ul, toRefs as Wo, watch as Al, watchEffect as Lt, onBeforeUnmount as ya, nextTick as Mt, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as je, createBlock as Ae, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, createSlots as At, withCtx as ee, renderSlot as X, normalizeProps as el, guardReactiveProps as ll, Fragment as d, renderList as w, mergeProps as al, toDisplayString as ae, Teleport as Xo, resolveDynamicComponent as Go, withDirectives as Uo, vModelCheckbox as qo, createTextVNode as Ct } from "vue";
-import { c as ka, f as _a, t as Zo, e as Jo, m as Cl, n as tl, h as Tt, p as zt, q as ql, r as E, u as wa, v as Ko, w as Qo, x as P, y as It, z as Ot, A as Nt, B as Vt, C as jo, D as Pt, E as Ft, a as se, F as es, G as Rt, H as ls, j as Bt, k as Ne, d as Ve, i as ol, s as Ce, I as as, J as We, K as Zl, L as _e, M as ts, N as Xe, O as fe, b as os, o as Ht, P as ss, Q as us, R as dl } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as Ye, useSlots as Eo, getCurrentInstance as Yo, ref as x, computed as b, onMounted as Ul, toRefs as Wo, watch as Al, watchEffect as Lt, onBeforeUnmount as ya, nextTick as Mt, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as ll, createBlock as Ae, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, createSlots as At, withCtx as Q, renderSlot as W, normalizeProps as We, guardReactiveProps as Xe, Fragment as d, renderList as w, mergeProps as al, toDisplayString as ae, Teleport as Xo, resolveDynamicComponent as Go, withDirectives as Uo, vModelCheckbox as qo, createTextVNode as Ct } from "vue";
+import { c as ka, f as _a, t as Zo, e as Jo, m as Cl, n as tl, h as Tt, p as zt, q as ql, r as E, u as wa, v as Ko, w as Qo, x as P, y as It, z as Ot, A as Nt, B as Vt, C as jo, D as Pt, E as Ft, a as se, F as es, G as Rt, H as ls, j as Bt, k as Ne, d as Ve, i as ol, s as Ce, I as as, J as Ge, K as Zl, L as _e, M as ts, N as Ue, O as fe, b as os, o as Ht, P as ss, Q as us, R as dl } from "./lib-C_mNZmhD.js";
 import { t as is } from "./useResponsive-DfdjqQps.js";
 import { u as ns, a as Jl } from "./useNestedProp-BjZe1Y85.js";
 import { u as rs } from "./usePrinter-DTzqpYKF.js";
@@ -80,9 +80,9 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(Ql, { expose: Et, emit: Yt }) {
-    const g = Ql, Wt = Ye(() => import("./DataTable-BT7VF2ua.js")), Xt = Ye(() => import("./Tooltip-oWCO1HKy.js")), Gt = Ye(() => import("./UserOptions-CnzumGJj.js")), Sa = Ye(() => import("./BaseIcon-BmMbm4d0.js")), Ut = Ye(() => import("./vue-ui-table-sparkline-CAqqSvhG.js")), qt = Ye(() => import("./PackageVersion-BSldVhnp.js")), Zt = Ye(() => import("./PenAndPaper-DSvu9dwa.js")), Jt = Ye(() => import("./BaseDraggableDialog-ymf2sfB8.js")), jl = Yt, $a = Eo(), Kt = Yo(), { vue_ui_xy: hl } = ns(), Te = x(null), fl = x(null), ze = x(null), sl = x(null), gl = x(null), ml = x(null), Qt = x(null), ea = x(null), la = x(null), ul = x(null), aa = x(null), ta = x(null), Re = x(null), oa = x(null), jt = x(0), I = x(null), La = x(!0), ve = x(600), Q = x(1e3), Tl = x("0 0 1000 600"), eo = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), Ge = x(!1), Ma = x(!1), Ue = x(null), j = x([]), D = x(ka()), Aa = x(0), Ca = x(0), Ta = x(0), pl = x(!0), sa = x(0), V = x(null), za = x(!1), ua = x(!0), zl = x(!0), ue = x(null), Pe = x({}), Il = x(null), Ia = x(!1), il = x(null), _ = x(null), lo = b(() => ({
+    const g = Ql, Wt = Ye(() => import("./DataTable-BT7VF2ua.js")), Xt = Ye(() => import("./Tooltip-oWCO1HKy.js")), Gt = Ye(() => import("./UserOptions-CGnQt6Fd.js")), Sa = Ye(() => import("./BaseIcon-BmMbm4d0.js")), Ut = Ye(() => import("./vue-ui-table-sparkline-BECa8n5_.js")), qt = Ye(() => import("./PackageVersion-D-auaEEJ.js")), Zt = Ye(() => import("./PenAndPaper-DSvu9dwa.js")), Jt = Ye(() => import("./BaseDraggableDialog-ymf2sfB8.js")), jl = Yt, $a = Eo(), Kt = Yo(), { vue_ui_xy: hl } = ns(), Te = x(null), fl = x(null), ze = x(null), sl = x(null), gl = x(null), ml = x(null), Qt = x(null), ea = x(null), la = x(null), ul = x(null), aa = x(null), ta = x(null), Re = x(null), oa = x(null), jt = x(0), I = x(null), La = x(!0), ve = x(600), j = x(1e3), Tl = x("0 0 1000 600"), eo = x({ x: 0, y: 0 }), bl = x({ line: "line", bar: "bar", plot: "plot" }), xl = x(!1), qe = x(!1), Ma = x(!1), Ze = x(null), ee = x([]), D = x(ka()), Aa = x(0), Ca = x(0), Ta = x(0), pl = x(!0), sa = x(0), V = x(null), za = x(!1), ua = x(!0), zl = x(!0), ue = x(null), Pe = x({}), Il = x(null), Ia = x(!1), il = x(null), _ = x(null), lo = b(() => ({
       height: ve.value,
-      width: Q.value
+      width: j.value
     }));
     function Oa(a) {
       return Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0;
@@ -302,12 +302,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
     }), so = x(!1), Nl = b(() => Jo(l.value.customPalette)), Vl = b(() => {
       if (l.value.chart.grid.labels.yAxis.scaleMin !== null)
         return l.value.chart.grid.labels.yAxis.scaleMin;
-      const a = Math.min(...Fe.value.filter((s) => !j.value.includes(s.id)).map((s) => Math.min(...s.series)));
+      const a = Math.min(...Fe.value.filter((s) => !ee.value.includes(s.id)).map((s) => Math.min(...s.series)));
       return a > 0 ? 0 : a;
     }), Pl = b(() => {
       if (l.value.chart.grid.labels.yAxis.scaleMax)
         return l.value.chart.grid.labels.yAxis.scaleMax;
-      const a = Math.max(...Fe.value.filter((s) => !j.value.includes(s.id)).map((s) => Math.max(...s.series)));
+      const a = Math.max(...Fe.value.filter((s) => !ee.value.includes(s.id)).map((s) => Math.max(...s.series)));
       return Vl.value === a ? a + 1 : a;
     }), $e = b(() => l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : tl(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), kl = b(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? $e.value.min >= 0 ? 0 : Math.abs($e.value.min) : -$e.value.min), Fe = b(() => La.value ? ge.value.map((a, s) => {
       const e = Be(a.series), u = `uniqueId_${s}`;
@@ -325,12 +325,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       series: a.series.map((e) => e + kl.value),
       absoluteValues: a.series,
       segregate: () => ot(a),
-      isSegregated: j.value.includes(a.id)
+      isSegregated: ee.value.includes(a.id)
     }))), ye = b(() => Fe.value.map((a, s) => ({
       ...a,
       series: a.series.map((e) => e + kl.value),
       absoluteValues: a.series
-    })).filter((a) => !j.value.includes(a.id)));
+    })).filter((a) => !ee.value.includes(a.id)));
     function uo() {
       let a = 0;
       aa.value && (a = Array.from(aa.value.querySelectorAll("text")).reduce((t, i) => {
@@ -361,16 +361,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
     }), no = b(() => ge.value.some((a) => a.useProgression)), c = b(() => {
       let a = 0;
       const s = 36;
-      l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? a = (ge.value.length - j.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + s) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + s : a = uo());
+      l.value.chart.grid.labels.show && (f.value.useIndividualScale && !f.value.isStacked ? a = (ge.value.length - ee.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + s) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + s : a = uo());
       const e = l.value.chart.labels.fontSize * 1.1, u = no.value ? 24 : 6;
       if (ul.value) {
         const o = ul.value.getBBox().x;
         o < 0 && (a += Math.abs(o));
       }
-      const t = Q.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - u - l.value.chart.padding.left - l.value.chart.padding.right, i = l.value.chart.grid.position === "middle" ? 0 : t / L.value / 2;
+      const t = j.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - u - l.value.chart.padding.left - l.value.chart.padding.right, i = l.value.chart.grid.position === "middle" ? 0 : t / L.value / 2;
       return {
         top: l.value.chart.padding.top + e,
-        right: Q.value - u - l.value.chart.padding.right,
+        right: j.value - u - l.value.chart.padding.right,
         bottom: ve.value - Da.value - l.value.chart.padding.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
         left: a + l.value.chart.grid.labels.yAxis.crosshairSize - i + l.value.chart.padding.left,
         height: ve.value - Da.value - l.value.chart.padding.top - l.value.chart.padding.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
@@ -520,10 +520,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
     }
     const Ja = b(() => $e.value.max + kl.value);
-    function qe(a) {
+    function Je(a) {
       return a / (me(Ja.value) ? Ja.value : 1);
     }
-    const ne = b(() => isNaN(qe(kl.value)) ? c.value.bottom : c.value.bottom - c.value.height * qe(kl.value));
+    const ne = b(() => isNaN(Je(kl.value)) ? c.value.bottom : c.value.bottom - c.value.height * Je(kl.value));
     function Ka(a) {
       const s = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && Vl.value >= 0 ? c.value.bottom : ne.value;
       return a.value >= 0 ? P(s - a.y <= 0 ? 1e-5 : s - a.y) : P(a.y - ne.value <= 0 ? 1e-5 : a.y - ne.value);
@@ -532,7 +532,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       return a.value >= 0 ? P(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : P(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
     }
     const q = b(() => {
-      const a = Math.max(1, L.value), s = Math.max(1, c.value.width), e = Math.max(1, Fe.value.filter((u) => u.type === "bar" && !j.value.includes(u.id)).length);
+      const a = Math.max(1, L.value), s = Math.max(1, c.value.width), e = Math.max(1, Fe.value.filter((u) => u.type === "bar" && !ee.value.includes(u.id)).length);
       return {
         bar: ia(s, a * e, 1),
         plot: ia(s, a, 1),
@@ -567,10 +567,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       const e = s.getBoundingClientRect(), u = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, t = Math.min(e.width / u.width, e.height / u.height), i = u.width * t, o = u.height * t, A = (e.width - i) / 2, C = (e.height - o) / 2, O = (a.clientX - e.left - A) / t + u.x, S = (a.clientY - e.top - C) / t + u.y;
       return { x: O, y: S, ok: !0 };
     }
-    let Ze = 0;
+    let Ke = 0;
     function po(a) {
-      xl.value || (Ze && cancelAnimationFrame(Ze), Ze = requestAnimationFrame(() => {
-        Ze = 0;
+      xl.value || (Ke && cancelAnimationFrame(Ke), Ke = requestAnimationFrame(() => {
+        Ke = 0;
         const s = lt(a);
         if (!s || !ue.value) {
           Dl();
@@ -586,7 +586,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       }));
     }
     function Dl() {
-      Ze && (cancelAnimationFrame(Ze), Ze = 0), wl.value = null, ft(!1, null);
+      Ke && (cancelAnimationFrame(Ke), Ke = 0), wl.value = null, ft(!1, null);
     }
     function at(a) {
       const s = lt(a);
@@ -639,11 +639,11 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       };
     }
     function ot(a) {
-      if (j.value.includes(a.id))
-        j.value = j.value.filter((s) => s !== a.id);
+      if (ee.value.includes(a.id))
+        ee.value = ee.value.filter((s) => s !== a.id);
       else {
-        if (j.value.length + 1 === Fe.value.length) return;
-        j.value.push(a.id);
+        if (ee.value.length + 1 === Fe.value.length) return;
+        ee.value.push(a.id);
       }
       jl("selectLegend", ye.value.map((s) => ({
         name: s.name,
@@ -710,8 +710,8 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       sparkline: {
         animation: { show: !1 }
       }
-    })), G = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value / 2), Je = b(() => Qo(Le.value.filter((a) => !j.value.includes(a.id)))), M = b(() => {
-      const a = Object.groupBy(Je.value, (e) => e.scaleLabel), s = {};
+    })), G = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / L.value / 2), Qe = b(() => Qo(Le.value.filter((a) => !ee.value.includes(a.id)))), M = b(() => {
+      const a = Object.groupBy(Qe.value, (e) => e.scaleLabel), s = {};
       for (const [e, u] of Object.entries(a)) {
         const t = u.flatMap((i) => i.absoluteValues);
         s[e] = {
@@ -722,19 +722,19 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       }
       return s;
     }), Mo = b(() => {
-      const a = Fe.value.filter((s) => s.type === "bar").filter((s) => !j.value.includes(s.id)).length;
+      const a = Fe.value.filter((s) => s.type === "bar").filter((s) => !ee.value.includes(s.id)).length;
       return c.value.width / L.value / a - El.value * a;
     }), El = b(() => q.value.line * l.value.bar.periodGap), Yl = b(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : El.value))), Wl = b(() => Yl.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), Ao = b(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
-      const a = ut.value.filter((t) => !j.value.includes(t.id)), s = Math.max(...a.map((t) => t.series.length)), e = [];
+      const a = ut.value.filter((t) => !ee.value.includes(t.id)), s = Math.max(...a.map((t) => t.series.length)), e = [];
       for (let t = 0; t < s; t += 1)
         e.push(a.map((i) => i.series[t] || 0).reduce((i, o) => (i || 0) + (o || 0), 0));
       const u = Math.min(...e);
       return e.map((t) => t + (u < 0 ? Math.abs(u) : 0));
     }), Co = b(() => l.value.chart.zoom.minimap.show ? ut.value.map((s) => ({
       ...s,
-      isVisible: !j.value.includes(s.id)
-    })) : []), Ke = b(() => ye.value.map((a) => ({
+      isVisible: !ee.value.includes(s.id)
+    })) : []), je = b(() => ye.value.map((a) => ({
       slotAbsoluteIndex: a.slotAbsoluteIndex,
       shape: a.shape || null,
       name: a.name,
@@ -745,7 +745,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       prefix: a.prefix || l.value.chart.labels.prefix,
       suffix: a.suffix || l.value.chart.labels.suffix
     }))), it = b(() => $e.value.ticks.map((a) => ({
-      y: a >= 0 ? ne.value - c.value.height * qe(a) : ne.value + c.value.height * qe(Math.abs(a)),
+      y: a >= 0 ? ne.value - c.value.height * Je(a) : ne.value + c.value.height * Je(Math.abs(a)),
       value: a,
       prefix: l.value.chart.labels.prefix,
       suffix: l.value.chart.labels.suffix
@@ -798,7 +798,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       return me(a[s].value) && t && l.value.line.cutNullValues;
     }
     const Me = b(() => {
-      const a = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
+      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
       return a.filter((o) => o.type === "bar").map((o, A) => {
         ma(o);
         const C = M.value[o.scaleLabel].min, O = M.value[o.scaleLabel].max;
@@ -809,12 +809,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((R) => ![void 0, null].includes(R))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((R) => ![null, void 0].includes(R)))
-        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, F = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(T.min, T.max === T.min ? T.max * k : T.max, Y) : tl(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y) : tl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, U = F.max + le, ke = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, xe = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * xe + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, Z = c.value.bottom - B - H * le / U, pe = c.value.bottom - B - H * re / ke, ce = Le.value.filter((R) => R.type === "bar").filter((R) => !j.value.includes(R.id)).length, Ll = o.series.map((R, K) => {
-          const Ee = f.value.useIndividualScale ? (o.absoluteValues[K] + le) / U : qe(R), Qe = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * K : c.value.left + q.value.bar * A + q.value.bar * K * ce - Mo.value / 2 - A * El.value;
+        }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, F = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(T.min, T.max === T.min ? T.max * k : T.max, Y) : tl(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y) : tl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, U = F.max + le, ke = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, xe = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * xe + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, Z = c.value.bottom - B - H * le / U, pe = c.value.bottom - B - H * re / ke, ce = Le.value.filter((R) => R.type === "bar").filter((R) => !ee.value.includes(R.id)).length, Ll = o.series.map((R, K) => {
+          const Ee = f.value.useIndividualScale ? (o.absoluteValues[K] + le) / U : Je(R), el = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * K : c.value.left + q.value.bar * A + q.value.bar * K * ce - Mo.value / 2 - A * El.value;
           return {
             yOffset: P(B),
             individualHeight: P(H),
-            x: P(Qe),
+            x: P(el),
             y: c.value.bottom - B - H * Ee,
             value: o.absoluteValues[K],
             zeroPosition: P(Z),
@@ -822,7 +822,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
           };
         }), he = o.absoluteValues.map((R) => z.min >= 0 ? (R - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (R + Math.abs(z.min)) / (z.max + Math.abs(z.min))), De = o.series.map((R, K) => {
-          const Ee = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * K : c.value.left - q.value.bar / 2 + q.value.bar * A + q.value.bar * K * Le.value.filter((Qe) => Qe.type === "bar").filter((Qe) => !j.value.includes(Qe.id)).length;
+          const Ee = f.value.useIndividualScale && f.value.isStacked ? c.value.left + c.value.width / L.value * K : c.value.left - q.value.bar / 2 + q.value.bar * A + q.value.bar * K * Le.value.filter((el) => el.type === "bar").filter((el) => !ee.value.includes(el.id)).length;
           return {
             yOffset: P(B),
             individualHeight: P(H),
@@ -833,7 +833,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             individualMax: P(U),
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
           };
-        }), W = F.ticks.map((R) => ({
+        }), X = F.ticks.map((R) => ({
           y: R >= 0 ? Z - H * (R / U) : Z + H * Math.abs(R) / U,
           value: R,
           prefix: o.prefix || l.value.chart.labels.prefix,
@@ -849,12 +849,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             datapoint: o
           };
         });
-        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? J : W, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = J, M.value[o.scaleLabel].unique = Je.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1, {
+        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? J : X, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = J, M.value[o.scaleLabel].unique = Qe.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: B,
           autoScaleYLabels: J,
           individualHeight: H,
-          scaleYLabels: o.autoScaling ? J : W,
+          scaleYLabels: o.autoScaling ? J : X,
           individualScale: o.autoScaling ? z : F,
           individualMax: o.autoScaling ? ke : U,
           zeroPosition: o.autoScaling ? pe : Z,
@@ -863,7 +863,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         };
       });
     }), te = b(() => {
-      const a = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
+      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
       return a.filter((o) => o.type === "line").map((o, A) => {
         ma(o);
         const C = M.value[o.scaleLabel].min, O = M.value[o.scaleLabel].max;
@@ -875,7 +875,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
         }, Y = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, F = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(T.min, T.max === T.min ? T.max * k : T.max, Y) : tl(T.min, T.max === T.min ? T.max * k : T.max, Y), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Cl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y) : tl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, Y), le = F.min >= 0 ? 0 : Math.abs(F.min), re = 0, U = F.max + Math.abs(le), ke = z.max + Math.abs(re), Oe = o.stackIndex, cl = s - 1 - Oe, xe = u ? 1 - o.cumulatedStackRatio : 0, B = u ? i * xe + e * cl : 0, H = u ? i * o.stackRatio : c.value.height, Z = c.value.bottom - B - H * le / U, pe = c.value.bottom - B - H * re / ke, ce = o.series.map((N, oe) => {
-          const Do = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(le)) / U : qe(N);
+          const Do = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(le)) / U : Je(N);
           return {
             x: P(c.value.left + q.value.line / 2 + q.value.line * oe),
             y: P(c.value.bottom - B - H * Do),
@@ -892,7 +892,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           y: P(c.value.bottom - B - (H * Ll[oe] || 0)),
           value: o.absoluteValues[oe],
           comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
-        }), De = l.value.line.cutNullValues ? It(ce) : Ot(ce.filter((N) => N.value !== null)), W = l.value.line.cutNullValues ? It(he) : Ot(he.filter((N) => N.value !== null)), J = l.value.line.cutNullValues ? Nt(ce) : Vt(ce.filter((N) => N.value !== null)), R = l.value.line.cutNullValues ? Nt(he) : Vt(he.filter((N) => N.value !== null)), K = F.ticks.map((N) => ({
+        }), De = l.value.line.cutNullValues ? It(ce) : Ot(ce.filter((N) => N.value !== null)), X = l.value.line.cutNullValues ? It(he) : Ot(he.filter((N) => N.value !== null)), J = l.value.line.cutNullValues ? Nt(ce) : Vt(ce.filter((N) => N.value !== null)), R = l.value.line.cutNullValues ? Nt(he) : Vt(he.filter((N) => N.value !== null)), K = F.ticks.map((N) => ({
           y: N >= 0 ? Z - H * (N / U) : Z + H * Math.abs(N) / U,
           value: N,
           prefix: o.prefix || l.value.chart.labels.prefix,
@@ -908,8 +908,8 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             datapoint: o
           };
         });
-        M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ee : K, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = Ee, M.value[o.scaleLabel].unique = Je.value.filter((N) => N.scaleLabel === o.scaleLabel).length === 1;
-        const Qe = f.value.useIndividualScale ? o.autoScaling ? pe : Z : ne.value, Ml = Math.max(Math.max(o.autoScaling ? pe : K.at(-1) ? K.at(-1).y : 0, c.value.top), Qe);
+        M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ee : K, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? pe : Z, M.value[o.scaleLabel].individualMax = o.autoScaling ? ke : U, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = B, M.value[o.scaleLabel].individualHeight = H, M.value[o.scaleLabel].autoScaleYLabels = Ee, M.value[o.scaleLabel].unique = Qe.value.filter((N) => N.scaleLabel === o.scaleLabel).length === 1;
+        const el = f.value.useIndividualScale ? o.autoScaling ? pe : Z : ne.value, Ml = Math.max(Math.max(o.autoScaling ? pe : K.at(-1) ? K.at(-1).y : 0, c.value.top), el);
         return {
           ...o,
           yOffset: B,
@@ -919,7 +919,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           individualScale: o.autoScaling ? z : F,
           individualMax: o.autoScaling ? ke : U,
           zeroPosition: o.autoScaling ? pe : Z,
-          curve: o.autoScaling ? W : De,
+          curve: o.autoScaling ? X : De,
           plots: o.autoScaling ? he : ce,
           area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Pt(
             o.autoScaling ? he : ce,
@@ -938,47 +938,47 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         };
       });
     }), be = b(() => {
-      const a = Je.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
+      const a = Qe.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = a.length, e = l.value.chart.grid.labels.yAxis.gap, u = f.value.isStacked, t = u ? e * (s - 1) : 0, i = c.value.height - t;
       return a.filter((o) => o.type === "plot").map((o) => {
         ma(o);
         const A = M.value[o.scaleLabel].min, C = M.value[o.scaleLabel].max;
-        o.absoluteValues.filter((W) => ![null, void 0].includes(W)).map((W) => (W - A) / (C - A));
+        o.absoluteValues.filter((X) => ![null, void 0].includes(X)).map((X) => (X - A) / (C - A));
         const O = {
           valueMin: A,
           valueMax: C
         }, S = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, Y = 1.0000001, k = tl(S.min, S.max === S.min ? S.max * Y : S.max, T), F = tl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * Y : O.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), le = 0, re = k.max + z, U = F.max + Math.abs(le), ke = o.stackIndex, Oe = s - 1 - ke, cl = u ? 1 - o.cumulatedStackRatio : 0, xe = u ? i * cl + e * Oe : 0, B = u ? i * o.stackRatio : c.value.height, H = c.value.bottom - xe - B * z / re, Z = c.value.bottom - xe - B * le / U, pe = o.series.map((W, J) => {
-          const R = f.value.useIndividualScale ? (o.absoluteValues[J] + Math.abs(z)) / re : qe(W);
+        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, Y = 1.0000001, k = tl(S.min, S.max === S.min ? S.max * Y : S.max, T), F = tl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * Y : O.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), le = 0, re = k.max + z, U = F.max + Math.abs(le), ke = o.stackIndex, Oe = s - 1 - ke, cl = u ? 1 - o.cumulatedStackRatio : 0, xe = u ? i * cl + e * Oe : 0, B = u ? i * o.stackRatio : c.value.height, H = c.value.bottom - xe - B * z / re, Z = c.value.bottom - xe - B * le / U, pe = o.series.map((X, J) => {
+          const R = f.value.useIndividualScale ? (o.absoluteValues[J] + Math.abs(z)) / re : Je(X);
           return {
             x: P(c.value.left + q.value.plot / 2 + q.value.plot * J),
             y: P(c.value.bottom - xe - B * R),
             value: o.absoluteValues[J],
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[J] || ""
           };
-        }), ce = o.absoluteValues.map((W) => F.min >= 0 ? (W - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (W + Math.abs(F.min)) / (F.max + Math.abs(F.min))), Ll = o.series.map((W, J) => ({
+        }), ce = o.absoluteValues.map((X) => F.min >= 0 ? (X - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (X + Math.abs(F.min)) / (F.max + Math.abs(F.min))), Ll = o.series.map((X, J) => ({
           x: P(c.value.left + q.value.plot / 2 + q.value.plot * J),
           y: P(c.value.bottom - xe - (B * ce[J] || 0)),
           value: o.absoluteValues[J],
           comment: o.comments && o.comments.slice(m.value.start, m.value.end)[J] || ""
-        })), he = k.ticks.map((W) => ({
-          y: W >= 0 ? H - B * (W / re) : H + B * Math.abs(W) / re,
-          value: W,
+        })), he = k.ticks.map((X) => ({
+          y: X >= 0 ? H - B * (X / re) : H + B * Math.abs(X) / re,
+          value: X,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), De = F.ticks.map((W) => {
-          const J = (W - F.min) / (F.max - F.min);
+        })), De = F.ticks.map((X) => {
+          const J = (X - F.min) / (F.max - F.min);
           return {
-            y: W >= 0 ? Z - B * J : Z + B * J,
-            value: W,
+            y: X >= 0 ? Z - B * J : Z + B * J,
+            value: X,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? De : he, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? Z : H, M.value[o.scaleLabel].individualMax = o.autoScaling ? U : re, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = xe, M.value[o.scaleLabel].individualHeight = B, M.value[o.scaleLabel].autoScaleYLabels = De, M.value[o.scaleLabel].unique = Je.value.filter((W) => W.scaleLabel === o.scaleLabel).length === 1, {
+        return M.value[o.scaleLabel].name = o.name, M.value[o.scaleLabel].groupName = o.scaleLabel, M.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, M.value[o.scaleLabel].color = o.color, M.value[o.scaleLabel].scaleYLabels = o.autoScaling ? De : he, M.value[o.scaleLabel].zeroPosition = o.autoScaling ? Z : H, M.value[o.scaleLabel].individualMax = o.autoScaling ? U : re, M.value[o.scaleLabel].scaleLabel = o.scaleLabel, M.value[o.scaleLabel].id = o.id, M.value[o.scaleLabel].yOffset = xe, M.value[o.scaleLabel].individualHeight = B, M.value[o.scaleLabel].autoScaleYLabels = De, M.value[o.scaleLabel].unique = Qe.value.filter((X) => X.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: xe,
           autoScaleYLabels: De,
@@ -1078,7 +1078,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         });
       }), u;
     }), vt = b(() => ({
-      datapoint: Ke.value,
+      datapoint: je.value,
       seriesIndex: _.value,
       series: Le.value,
       bars: Me.value,
@@ -1099,12 +1099,12 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       text: rl.value(e, l.value.chart.zoom.timeFormat),
       absoluteIndex: e
     }))), To = b(() => {
-      let a = "", s = Ke.value.map((t) => t.value).filter((t) => ql(t) && t !== null).reduce((t, i) => Math.abs(t) + Math.abs(i), 0);
+      let a = "", s = je.value.map((t) => t.value).filter((t) => ql(t) && t !== null).reduce((t, i) => Math.abs(t) + Math.abs(i), 0);
       const e = de.value[_.value], u = l.value.chart.tooltip.customFormat;
       if (Rt(u) && ls(() => u({
         absoluteIndex: _.value + m.value.start,
         seriesIndex: _.value,
-        datapoint: Ke.value,
+        datapoint: je.value,
         series: Le.value,
         bars: Me.value,
         lines: te.value,
@@ -1114,7 +1114,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         return u({
           absoluteIndex: _.value + m.value.start,
           seriesIndex: _.value,
-          datapoint: Ke.value,
+          datapoint: je.value,
           series: Le.value,
           bars: Me.value,
           lines: te.value,
@@ -1125,7 +1125,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         const t = rl.value(_.value + m.value.start, l.value.chart.tooltip.timeFormat);
         a += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.chart.tooltip.borderColor}; width:100%">${l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.tooltip.useDefaultTimeFormat ? t : e.text}</div>`;
       }
-      return Ke.value.forEach((t) => {
+      return je.value.forEach((t) => {
         if (ql(t.value)) {
           let i = "", o = "";
           switch (bl.value[t.type]) {
@@ -1258,7 +1258,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       f.value.showTooltip = !f.value.showTooltip;
     }
     function xt(a) {
-      Ge.value = a, Aa.value += 1;
+      qe.value = a, Aa.value += 1;
     }
     function pt() {
       if (!l.value.responsiveProportionalSizing) {
@@ -1272,31 +1272,31 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         threshold: 10,
         fallback: 10
       }), y.value.yAxis = dl({
-        relator: Q.value,
+        relator: j.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
       }), y.value.xAxis = dl({
-        relator: Q.value,
+        relator: j.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
       }), y.value.plotLabels = dl({
-        relator: Q.value,
+        relator: j.value,
         adjuster: 800,
         source: l.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
       }), we.value.plot = dl({
-        relator: Q.value,
+        relator: j.value,
         adjuster: 800,
         source: l.value.plot.radius,
         threshold: 1,
         fallback: 1
       }), we.value.line = dl({
-        relator: Q.value,
+        relator: j.value,
         adjuster: 800,
         source: l.value.line.radius,
         threshold: 1,
@@ -1337,16 +1337,16 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         let T = 0;
         gl.value && (T = gl.value.getBoundingClientRect().height);
         let Y = 0;
-        ml.value && (Y = ml.value.getBoundingClientRect().height), ve.value = u - o - S - C - T - Y - a, Q.value = t, Tl.value = `0 0 ${Q.value < 0 ? 10 : Q.value} ${ve.value < 0 ? 10 : ve.value}`, pt();
+        ml.value && (Y = ml.value.getBoundingClientRect().height), ve.value = u - o - S - C - T - Y - a, j.value = t, Tl.value = `0 0 ${j.value < 0 ? 10 : j.value} ${ve.value < 0 ? 10 : ve.value}`, pt();
         const k = new ResizeObserver((F) => {
           for (const z of F)
             l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, ze.value && ze.value.$el ? C = ze.value.$el.getBoundingClientRect().height : C = 0, sl.value ? S = sl.value.getBoundingClientRect().height : S = 0, gl.value ? T = gl.value.getBoundingClientRect().height : T = 0, ml.value ? Y = ml.value.getBoundingClientRect().height : Y = 0, requestAnimationFrame(() => {
-              ve.value = z.contentRect.height - o - S - C - T - Y - a, Q.value = z.contentBoxSize[0].inlineSize, Tl.value = `0 0 ${Q.value < 0 ? 10 : Q.value} ${ve.value < 0 ? 10 : ve.value}`, pt();
+              ve.value = z.contentRect.height - o - S - C - T - Y - a, j.value = z.contentBoxSize[0].inlineSize, Tl.value = `0 0 ${j.value < 0 ? 10 : j.value} ${ve.value < 0 ? 10 : ve.value}`, pt();
             });
         });
         Re.value = k, oa.value = e, k.observe(e);
       } else
-        ve.value = l.value.chart.height, Q.value = l.value.chart.width, y.value.dataLabels = l.value.chart.grid.labels.fontSize, y.value.yAxis = l.value.chart.grid.labels.axis.fontSize, y.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, y.value.plotLabels = l.value.chart.labels.fontSize, we.value.plot = l.value.plot.radius, we.value.line = l.value.line.radius, Tl.value = `0 0 ${Q.value} ${ve.value}`;
+        ve.value = l.value.chart.height, j.value = l.value.chart.width, y.value.dataLabels = l.value.chart.grid.labels.fontSize, y.value.yAxis = l.value.chart.grid.labels.axis.fontSize, y.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, y.value.plotLabels = l.value.chart.labels.fontSize, we.value.plot = l.value.plot.radius, we.value.line = l.value.line.radius, Tl.value = `0 0 ${j.value} ${ve.value}`;
     }
     function yt(a) {
       eo.value = {
@@ -1367,7 +1367,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
       isAutoSize: so,
       height: ve,
-      width: Q,
+      width: j,
       rotation: l.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
     const Gl = x(!1), kt = x(null), _t = x(200), zo = b(
@@ -1413,7 +1413,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           const e = s({
             absoluteIndex: a + m.value.start,
             seriesIndex: a,
-            datapoint: Ke.value,
+            datapoint: je.value,
             bars: Me.value,
             lines: te.value,
             plots: be.value,
@@ -1464,7 +1464,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           color: l.value.table.th.color,
           headerColor: l.value.table.th.color,
           headerBg: l.value.table.th.backgroundColor,
-          isFullscreen: Ge.value,
+          isFullscreen: qe.value,
           fullscreenParent: Te.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
@@ -1523,7 +1523,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       toggleFullscreen: xt
     }), (a, s) => (n(), r("div", {
       id: `vue-ui-xy_${D.value}`,
-      class: je(`vue-data-ui-component vue-ui-xy ${Ge.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${l.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: ll(`vue-data-ui-component vue-ui-xy ${qe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${l.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: Te,
       style: $(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
@@ -1589,7 +1589,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         hasStack: Ql.dataset.length > 1 && l.value.chart.userOptions.buttons.stack,
         hasFullscreen: l.value.chart.userOptions.buttons.fullscreen,
         isStacked: f.value.isStacked,
-        isFullscreen: Ge.value,
+        isFullscreen: qe.value,
         chartElement: a.$refs.chart,
         position: l.value.chart.userOptions.position,
         isTooltip: f.value.showTooltip,
@@ -1615,80 +1615,87 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       }, At({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: ee(({ isOpen: e, color: u }) => [
-            X(a.$slots, "menuIcon", el(ll({ isOpen: e, color: u })), void 0, !0)
+          fn: Q(({ isOpen: e, color: u }) => [
+            W(a.$slots, "menuIcon", We(Xe({ isOpen: e, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: ee(() => [
-            X(a.$slots, "optionTooltip", {}, void 0, !0)
+          fn: Q(() => [
+            W(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: ee(() => [
-            X(a.$slots, "optionPdf", {}, void 0, !0)
+          fn: Q(() => [
+            W(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: ee(() => [
-            X(a.$slots, "optionCsv", {}, void 0, !0)
+          fn: Q(() => [
+            W(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: ee(() => [
-            X(a.$slots, "optionImg", {}, void 0, !0)
+          fn: Q(() => [
+            W(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        a.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: Q(() => [
+            W(a.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
-          fn: ee(() => [
-            X(a.$slots, "optionTable", {}, void 0, !0)
+          fn: Q(() => [
+            W(a.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         a.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: ee(() => [
-            X(a.$slots, "optionLabels", {}, void 0, !0)
+          fn: Q(() => [
+            W(a.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         a.$slots.optionStack ? {
           name: "optionStack",
-          fn: ee(() => [
-            X(a.$slots, "optionStack", {}, void 0, !0)
+          fn: Q(({ isStack: e }) => [
+            W(a.$slots, "optionStack", We(Xe({ isStack: e })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: ee(({ toggleFullscreen: e, isFullscreen: u }) => [
-            X(a.$slots, "optionFullscreen", el(ll({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
+          fn: Q(({ toggleFullscreen: e, isFullscreen: u }) => [
+            W(a.$slots, "optionFullscreen", We(Xe({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
           ]),
-          key: "8"
+          key: "9"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: ee(({ toggleAnnotator: e, isAnnotator: u }) => [
-            X(a.$slots, "optionAnnotator", el(ll({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
+          fn: Q(({ toggleAnnotator: e, isAnnotator: u }) => [
+            W(a.$slots, "optionAnnotator", We(Xe({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
           ]),
-          key: "9"
+          key: "10"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "tableDialog", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       (n(), r("svg", {
         ref_key: "svgRef",
         ref: ue,
         xmlns: "http://www.w3.org/2000/svg",
-        class: je([{ "vue-data-ui-fullscreen--on": Ge.value, "vue-data-ui-fulscreen--off": !Ge.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
+        class: ll([{ "vue-data-ui-fullscreen--on": qe.value, "vue-data-ui-fulscreen--off": !qe.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
         width: "100%",
         viewBox: Tl.value,
         style: $({
@@ -1720,7 +1727,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               pointerEvents: "none"
             }
           }, [
-            X(a.$slots, "chart-background", {}, void 0, !0)
+            W(a.$slots, "chart-background", {}, void 0, !0)
           ], 8, $s)) : h("", !0),
           L.value > 0 ? (n(), r("g", Ls, [
             p("g", Ms, [
@@ -1802,7 +1809,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             (n(!0), r(d, null, w(Me.value, (e, u) => (n(), r("defs", {
               key: `def_rect_${u}`
             }, [
-              a.$slots["bar-gradient"] ? X(a.$slots, "bar-gradient", al({
+              a.$slots["bar-gradient"] ? W(a.$slots, "bar-gradient", al({
                 key: 0,
                 ref_for: !0
               }, { series: e, positiveId: `rectGradient_pos_${u}_${D.value}`, negativeId: `rectGradient_neg_${u}_${D.value}` }), void 0, !0) : (n(), r(d, { key: 1 }, [
@@ -1885,7 +1892,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   "stop-color": e.color
                 }, null, 8, Ks)
               ], 8, Zs),
-              a.$slots["area-gradient"] ? X(a.$slots, "area-gradient", al({
+              a.$slots["area-gradient"] ? W(a.$slots, "area-gradient", al({
                 key: 0,
                 ref_for: !0
               }, { series: e, id: `areaGradient_${u}_${D.value}` }), void 0, !0) : (n(), r("linearGradient", {
@@ -1949,14 +1956,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   y: c.value.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   width: c.value.width / L.value < 0 ? 1e-5 : c.value.width / L.value,
-                  fill: [V.value, _.value, Ue.value].includes(u) ? v(Ce)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
+                  fill: [V.value, _.value, Ze.value].includes(u) ? v(Ce)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, ou)
               ]))), 128))
             ])) : h("", !0),
             Me.value.length ? (n(!0), r(d, { key: 1 }, w(Me.value, (e, u) => (n(), r("g", {
               key: `serie_bar_${e.id}`,
-              class: je(`serie_bar_${u}`),
+              class: ll(`serie_bar_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r("g", {
@@ -1996,7 +2003,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   x: Hl(t) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
                   y: v(P)(t.y) + l.value.chart.comments.offsetY + 6
                 }, [
-                  X(a.$slots, "plot-comment", {
+                  W(a.$slots, "plot-comment", {
                     plot: { ...t, color: e.color, seriesIndex: u, datapointIndex: i }
                   }, void 0, !0)
                 ], 8, iu)) : h("", !0)
@@ -2134,7 +2141,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ], 512)) : h("", !0),
             (n(!0), r(d, null, w(be.value, (e, u) => (n(), r("g", {
               key: `serie_plot_${e.id}`,
-              class: je(`serie_plot_${u}`),
+              class: ll(`serie_plot_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r("g", {
@@ -2159,7 +2166,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
                   p("div", pu, [
-                    X(a.$slots, "plot-comment", {
+                    W(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: u, datapointIndex: i }
                     }, void 0, !0)
                   ])
@@ -2168,7 +2175,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ], 6))), 128)),
             (n(!0), r(d, null, w(te.value, (e, u) => (n(), r("g", {
               key: `serie_line_${e.id}`,
-              class: je(`serie_line_${u}`),
+              class: ll(`serie_line_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               e.smooth && e.plots.length > 1 && e.curve ? (n(), r("path", {
@@ -2192,7 +2199,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               }, null, 12, ku)) : h("", !0)
             ], 6))), 128)),
             a.$slots.pattern ? (n(), r("defs", _u, [
-              (n(!0), r(d, null, w(Fe.value, (e, u) => X(a.$slots, "pattern", al({
+              (n(!0), r(d, null, w(Fe.value, (e, u) => W(a.$slots, "pattern", al({
                 key: `serie_pattern_slot_${e.id}`
               }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${D.value}_${u}` }), void 0, !0)), 128))
             ])) : h("", !0),
@@ -2209,7 +2216,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             ])) : h("", !0),
             (n(!0), r(d, null, w(te.value, (e, u) => (n(), r("g", {
               key: `serie_line_above_${e.id}`,
-              class: je(`serie_line_${u}`),
+              class: ll(`serie_line_${u}`),
               style: $(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               e.useArea && e.plots.length > 1 ? (n(), r("g", $u, [
@@ -2283,7 +2290,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
                   p("div", Ou, [
-                    X(a.$slots, "plot-comment", {
+                    W(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: u, datapointIndex: i }
                     }, void 0, !0)
                   ])
@@ -2374,7 +2381,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   key: `xLabel_plot_${u}_${i}`
                 }, [
                   l.value.plot.tag.followValue ? (n(), r(d, { key: 1 }, [
-                    [V.value, _.value, Ue.value].includes(i) && e.useTag ? (n(), r("line", {
+                    [V.value, _.value, Ze.value].includes(i) && e.useTag ? (n(), r("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value.left,
@@ -2396,7 +2403,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.plot.tag.formatter,
                           t.value,
@@ -2418,7 +2425,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.plot.tag.formatter,
                           t.value,
@@ -2474,7 +2481,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                   key: `xLabel_line_${u}_${i}`
                 }, [
                   l.value.line.tag.followValue ? (n(), r(d, { key: 1 }, [
-                    [V.value, _.value, Ue.value].includes(i) && e.useTag ? (n(), r("line", {
+                    [V.value, _.value, Ze.value].includes(i) && e.useTag ? (n(), r("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-line",
                       x1: c.value.left,
@@ -2496,7 +2503,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.line.tag.formatter,
                           t.value,
@@ -2518,7 +2525,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                       style: $(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(We)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(Ce)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(se)(
                           l.value.line.tag.formatter,
                           t.value,
@@ -2736,7 +2743,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
                 ref_key: "xAxisLabel",
                 ref: ea,
                 "text-anchor": "middle",
-                x: Q.value / 2,
+                x: j.value / 2,
                 y: ve.value - 3,
                 "font-size": y.value.yAxis,
                 fill: l.value.chart.grid.labels.color
@@ -2747,7 +2754,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               ref_key: "timeLabelsEls",
               ref: ul
             }, [
-              a.$slots["time-label"] ? (n(!0), r(d, { key: 0 }, w(ga.value, (e, u) => X(a.$slots, "time-label", al({
+              a.$slots["time-label"] ? (n(!0), r(d, { key: 0 }, w(ga.value, (e, u) => W(a.$slots, "time-label", al({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -2879,7 +2886,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             "data-start": m.value.start,
             "data-end": m.value.end
           }), null, 16, Li)) : h("", !0),
-          X(a.$slots, "svg", {
+          W(a.$slots, "svg", {
             svg: {
               ...lo.value,
               data: [...te.value, ...Me.value, ...be.value],
@@ -2889,7 +2896,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         ], 512)
       ], 46, Ss)),
       a.$slots.watermark ? (n(), r("div", Mi, [
-        X(a.$slots, "watermark", el(ll({ isPrinting: v(va) || v(Ra) })), void 0, !0)
+        W(a.$slots, "watermark", We(Xe({ isPrinting: v(va) || v(Ra) })), void 0, !0)
       ])) : h("", !0),
       (n(!0), r(d, null, w(te.value, (e, u) => (n(), r(d, {
         key: `tag_line_${e.id}`
@@ -2897,7 +2904,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
           key: `tag_line_${u}_${i}`
         }, [
-          [V.value, _.value, Ue.value].includes(i) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (n(), r("div", {
+          [V.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (n(), r("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => Fl(u, i, o, "right", "line"),
@@ -2905,14 +2912,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             "data-tag": "right",
             style: $({
               position: "fixed",
-              top: v(Xe)({
+              top: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
                 element: Pe.value[`${u}_${i}_right_line`],
                 position: "right"
               }).top + "px",
-              left: v(Xe)({
+              left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
@@ -2922,7 +2929,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: v(We)(e.color),
+              color: v(Ge)(e.color),
               padding: "0 6px",
               fontSize: l.value.line.tag.fontSize + "px",
               opacity: 1
@@ -2949,7 +2956,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               )
             }, null, 8, Ti)
           ], 4)) : h("", !0),
-          [V.value, _.value, Ue.value].includes(i) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (n(), r("div", {
+          [V.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (n(), r("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => Fl(u, i, o, "left", "line"),
@@ -2957,14 +2964,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             "data-tag": "left",
             style: $({
               position: "fixed",
-              top: v(Xe)({
+              top: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
                 element: Pe.value[`${u}_${i}_left_line`],
                 position: "left"
               }).top + "px",
-              left: v(Xe)({
+              left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
@@ -2974,7 +2981,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: v(We)(e.color),
+              color: v(Ge)(e.color),
               padding: "0 6px",
               fontSize: l.value.line.tag.fontSize + "px",
               opacity: 1
@@ -3009,7 +3016,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         (n(!0), r(d, null, w(e.plots, (t, i) => (n(), r(d, {
           key: `tag_plot_${u}_${i}`
         }, [
-          [V.value, _.value, Ue.value].includes(i) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (n(), r("div", {
+          [V.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (n(), r("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => Fl(u, i, o, "right", "plot"),
@@ -3017,14 +3024,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             "data-tag": "right",
             style: $({
               position: "fixed",
-              top: v(Xe)({
+              top: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
                 element: Pe.value[`${u}_${i}_right_plot`],
                 position: "right"
               }).top + "px",
-              left: v(Xe)({
+              left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
@@ -3034,7 +3041,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: v(We)(e.color),
+              color: v(Ge)(e.color),
               padding: "0 6px",
               fontSize: l.value.plot.tag.fontSize + "px",
               opacity: 1
@@ -3061,7 +3068,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               )
             }, null, 8, Pi)
           ], 4)) : h("", !0),
-          [V.value, _.value, Ue.value].includes(i) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (n(), r("div", {
+          [V.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (n(), r("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => Fl(u, i, o, "left", "plot"),
@@ -3069,14 +3076,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
             "data-tag": "left",
             style: $({
               position: "fixed",
-              top: v(Xe)({
+              top: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
                 element: Pe.value[`${u}_${i}_left_plot`],
                 position: "left"
               }).top + "px",
-              left: v(Xe)({
+              left: v(Ue)({
                 svgElement: ue.value,
                 x: c.value.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
@@ -3086,7 +3093,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: v(We)(e.color),
+              color: v(Ge)(e.color),
               padding: "0 6px",
               fontSize: l.value.plot.tag.fontSize + "px",
               opacity: 1
@@ -3152,7 +3159,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...Ql.dataset.map((e) => Be(e.series).length)),
         refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
         selectColor: l.value.chart.zoom.highlightColor,
-        selectedSeries: Ke.value,
+        selectedSeries: je.value,
         smoothMinimap: l.value.chart.zoom.minimap.smooth,
         start: m.value.start,
         textColor: l.value.chart.color,
@@ -3168,8 +3175,8 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         "onUpdate:end": bo,
         "onUpdate:start": mo
       }, {
-        "reset-action": ee(({ reset: e }) => [
-          X(a.$slots, "reset-action", el(ll({ reset: e })), void 0, !0)
+        "reset-action": Q(({ reset: e }) => [
+          W(a.$slots, "reset-action", We(Xe({ reset: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "cutNullValues", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "useResetSlot", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapLineColor", "minimapMerged", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapSelectionRadius", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "smoothMinimap", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles"])) : h("", !0),
@@ -3192,7 +3199,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           (n(!0), r(d, null, w(Le.value, (e, u) => (n(), r("div", {
             key: `div_legend_item_${u}`,
             onClick: (t) => ot(e),
-            class: je({ "vue-ui-xy-legend-item-alone": Le.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": j.value.includes(e.id) })
+            class: ll({ "vue-ui-xy-legend-item-alone": Le.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ee.value.includes(e.id) })
           }, [
             bl.value[e.type] === "line" ? (n(), r("svg", Ei, [
               p("rect", {
@@ -3251,7 +3258,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
           ref_key: "chartLegend",
           ref: sl
         }, [
-          X(a.$slots, "legend", { legend: Le.value }, void 0, !0)
+          W(a.$slots, "legend", { legend: Le.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : h("", !0),
       a.$slots.source ? (n(), r("div", {
@@ -3260,7 +3267,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         ref: gl,
         dir: "auto"
       }, [
-        X(a.$slots, "source", {}, void 0, !0)
+        W(a.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
       vl(v(Xt), {
         show: f.value.showTooltip && Ma.value,
@@ -3275,18 +3282,18 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         offsetY: l.value.chart.tooltip.offsetY,
         parent: a.$refs.chart,
         content: To.value,
-        isFullscreen: Ge.value,
+        isFullscreen: qe.value,
         isCustom: l.value.chart.tooltip.customFormat && typeof l.value.chart.tooltip.customFormat == "function",
         smooth: l.value.chart.tooltip.smooth,
         backdropFilter: l.value.chart.tooltip.backdropFilter,
         smoothForce: l.value.chart.tooltip.smoothForce,
         smoothSnapThreshold: l.value.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": ee(() => [
-          X(a.$slots, "tooltip-before", el(ll({ ...vt.value })), void 0, !0)
+        "tooltip-before": Q(() => [
+          W(a.$slots, "tooltip-before", We(Xe({ ...vt.value })), void 0, !0)
         ]),
-        "tooltip-after": ee(() => [
-          X(a.$slots, "tooltip-after", el(ll({ ...vt.value })), void 0, !0)
+        "tooltip-after": Q(() => [
+          W(a.$slots, "tooltip-after", We(Xe({ ...vt.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -3295,7 +3302,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
         ref: il,
         onClose: St
       }), At({
-        content: ee(() => [
+        content: Q(() => [
           p("div", {
             style: $(`${v(va) || l.value.table.useDialog ? "" : "max-height:400px"};${l.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${l.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
@@ -3331,10 +3338,10 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
               withCloseButton: !l.value.table.useDialog,
               onClose: St
             }, {
-              th: ee(({ th: e }) => [
+              th: Q(({ th: e }) => [
                 p("div", { innerHTML: e }, null, 8, Zi)
               ]),
-              td: ee(({ td: e }) => [
+              td: Q(({ td: e }) => [
                 Ct(ae(isNaN(Number(e)) ? e : v(Ve)({
                   p: l.value.chart.labels.prefix,
                   v: e,
@@ -3350,14 +3357,14 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       }, [
         l.value.table.useDialog ? {
           name: "title",
-          fn: ee(() => [
+          fn: Q(() => [
             Ct(ae($l.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         l.value.table.useDialog ? {
           name: "actions",
-          fn: ee(() => [
+          fn: Q(() => [
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -3375,7 +3382,7 @@ const _s = ["id"], ws = ["id"], Ss = ["viewBox", "aria-label"], $s = ["x", "y",
       v(ie) ? (n(), Ae(vs, { key: 9 })) : h("", !0)
     ], 46, _s));
   }
-}, fn = /* @__PURE__ */ ks(Ji, [["__scopeId", "data-v-a62a27be"]]);
+}, fn = /* @__PURE__ */ ks(Ji, [["__scopeId", "data-v-53304c9f"]]);
 export {
   fn as default
 };