vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-xy-De-FDHwh.js → vue-ui-xy-spqKboQb.js}

@@ -1,81 +1,85 @@
-import { defineAsyncComponent as Xe, useSlots as er, getCurrentInstance as lr, ref as x, computed as b, onMounted as Zl, toRefs as ar, watch as Ll, watchEffect as Lt, onBeforeUnmount as ka, nextTick as Mt, createElementBlock as n, openBlock as u, normalizeStyle as C, normalizeClass as ll, createBlock as Te, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ke, guardReactiveProps as _e, createSlots as Tt, Fragment as d, renderList as w, mergeProps as al, toDisplayString as ae, Teleport as tr, resolveDynamicComponent as or, withDirectives as rr, vModelCheckbox as sr, createTextVNode as zt } from "vue";
-import { c as _a, g as wa, t as ir, k as ur, N as Ml, O as tl, m as It, j as Sa, P as Jl, Q as Y, R as Ca, S as nr, T as cr, U as N, z as Ft, A as Ot, B as Bt, C as Nt, V as vr, W as Vt, Y as Dt, a as re, Z as dr, y as Pt, _ as hr, b as Et, e as Ne, d as Ve, h as ol, s as ze, G as fr, x as Ge, H as Ql, n as Ce, $ as gr, a0 as Ue, a1 as fe, i as mr, o as Rt, v as br, r as xr, a2 as dl } from "./lib-2iaAPQ_c.js";
-import { t as pr } from "./useResponsive-DfdjqQps.js";
-import { u as yr, a as Tl } from "./useNestedProp-BCt4DMkT.js";
-import { u as kr } from "./usePrinter-ChVMpU2f.js";
-import { u as _r, B as wr } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ht, a as Sr, l as Cr } from "./useTimeLabels-DKoynYae.js";
-import { u as $r } from "./useSvgExport-ByUukOZt.js";
-import { u as Ar } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Lr } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Mr from "./img-CqYIrJ8I.js";
-import Tr from "./Title-B5L2jweB.js";
-import { _ as Kl } from "./Shape-12_eh8zD.js";
-import { S as zr } from "./SlicerPreview-Ddfxn6es.js";
-import Ir from "./vue-ui-accordion-CAXPDm31.js";
-import { _ as Fr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Wt = { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Xt = { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Gt = { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ut = { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, qt = { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Zt = {
+import { defineAsyncComponent as Xe, useSlots as ar, getCurrentInstance as tr, ref as x, computed as b, onMounted as Zl, toRefs as or, watch as Ll, watchEffect as Lt, onBeforeUnmount as ka, nextTick as Mt, createElementBlock as u, openBlock as n, normalizeStyle as S, normalizeClass as ll, createBlock as Te, createCommentVNode as h, createElementVNode as p, createVNode as vl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ke, guardReactiveProps as Ce, createSlots as Tt, Fragment as d, renderList as _, mergeProps as al, toDisplayString as ae, Teleport as rr, resolveDynamicComponent as sr, withDirectives as ir, vModelCheckbox as nr, createTextVNode as zt } from "vue";
+import { c as Ca, g as _a, t as ur, k as cr, N as Ml, O as tl, m as It, j as wa, P as Jl, Q as Y, R as Sa, S as vr, T as dr, U as N, z as Ft, A as Ot, B as Bt, C as Nt, V as hr, W as Vt, Y as Dt, a as re, Z as fr, y as Pt, _ as gr, b as Et, e as Ne, d as Ve, h as ol, s as ze, G as mr, x as Ge, H as Ql, n as Se, $ as br, a0 as Ue, a1 as fe, i as xr, o as Rt, v as pr, r as yr, a2 as dl } from "./lib-CVHM9FhP.js";
+import { t as kr } from "./useResponsive-DfdjqQps.js";
+import { u as Cr, a as Tl } from "./useNestedProp-Ckf_2P_V.js";
+import { u as _r } from "./usePrinter-1NmjuP-i.js";
+import { u as wr, B as Sr } from "./BaseScanner-BMpwQAfz.js";
+import { u as Ht, a as Ar, l as $r } from "./useTimeLabels-DKoynYae.js";
+import { u as Lr } from "./useSvgExport-ByUukOZt.js";
+import { u as Mr } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Tr } from "./useTimeLabelCollider-CIsgDrl9.js";
+import zr from "./img-6fNF_rG0.js";
+import Ir from "./Title-NgeRXqRA.js";
+import { _ as Kl } from "./Shape-PzdCMGsP.js";
+import { S as Fr } from "./SlicerPreview-CSc_cazO.js";
+import Or from "./vue-ui-accordion-DFKaB_05.js";
+import { _ as Br } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1, showHorizontalLines: !1 }, legend: { show: !1 }, zoom: { minimap: { show: !0 } } }, line: { useGradient: !1, area: { useGradient: !1 } }, bar: { useGradient: !1 }, plot: { useGradient: !1 } }, Wt = { chart: { userOptions: { show: !1 }, backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { show: !0, selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { show: !1, color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } }, bar: { useGradient: !1, border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { useGradient: !1, labels: { color: "#CCCCCC" }, area: { useGradient: !1 } }, plot: { useGradient: !1, labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Xt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" } } }, legend: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Gt = { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ut = { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, qt = { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Zt = { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Jt = { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Qt = {
   default: {},
-  dark: Yt,
-  celebration: Wt,
-  celebrationNight: Xt,
-  hack: Gt,
-  zen: Ut,
-  concrete: qt
-}, $u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Yt,
+  minimalDark: Wt,
+  dark: Xt,
+  celebration: Gt,
+  celebrationNight: Ut,
+  hack: qt,
+  zen: Zt,
+  concrete: Jt
+}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Wt,
-  celebrationNight: Xt,
-  concrete: qt,
-  dark: Yt,
-  default: Zt,
-  hack: Gt,
-  zen: Ut
-}, Symbol.toStringTag, { value: "Module" })), Or = ["id"], Br = ["id"], Nr = ["viewBox", "aria-label"], Vr = ["x", "y", "width", "height"], Dr = { key: 1 }, Pr = { class: "vue-ui-xy-grid" }, Er = ["stroke", "x1", "x2", "y1", "y2"], Rr = ["stroke", "x1", "x2", "y1", "y2"], Hr = { key: 1 }, Yr = ["x1", "x2", "y1", "y2", "stroke"], Wr = ["x1", "x2", "y1", "y2", "stroke"], Xr = ["x1", "x2", "y1", "y2", "stroke"], Gr = { key: 3 }, Ur = ["d", "stroke"], qr = { key: 4 }, Zr = ["d", "stroke"], Jr = ["id"], Qr = ["stop-color"], Kr = ["stop-color"], jr = ["stop-color"], es = ["id"], ls = ["stop-color"], as = ["stop-color"], ts = ["stop-color"], os = ["id"], rs = ["stop-color"], ss = ["stop-color"], is = ["id"], us = ["stop-color"], ns = ["stop-color"], cs = ["id"], vs = ["stop-color"], ds = ["stop-color"], hs = ["x", "y", "height", "width", "fill"], fs = ["x", "y", "width"], gs = { key: 0 }, ms = ["x", "y", "height", "width", "fill"], bs = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], xs = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ps = ["width", "x", "y"], ys = ["stroke", "x1", "x2", "y1", "y2"], ks = { key: 3 }, _s = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ws = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Ss = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Cs = ["fill", "font-size", "transform"], $s = ["x1", "x2", "y1", "y2", "stroke"], As = ["x", "y", "font-size", "fill"], Ls = ["x1", "x2", "y1", "y2", "stroke"], Ms = ["x", "y", "font-size", "fill"], Ts = ["width", "x", "y"], zs = { style: { width: "100%" } }, Is = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Os = { key: 6 }, Bs = { key: 7 }, Ns = ["d", "fill", "fill-opacity"], Vs = { key: 0 }, Ds = ["d", "fill"], Ps = ["d", "fill"], Es = ["d", "fill"], Rs = ["d", "fill"], Hs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ys = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ws = ["width", "x", "y"], Xs = { style: { width: "100%" } }, Gs = { key: 8 }, Us = ["x", "y", "font-size", "fill"], qs = ["x", "y", "font-size", "fill", "font-weight"], Zs = { key: 9 }, Js = ["x", "y", "font-size", "fill"], Qs = { key: 10 }, Ks = ["x", "y"], js = ["innerHTML"], ei = ["x", "y"], li = ["innerHTML"], ai = ["x1", "x2", "y1", "y2", "stroke"], ti = { key: 11 }, oi = ["x", "y", "font-size", "fill"], ri = { key: 12 }, si = ["x", "y"], ii = ["innerHTML"], ui = ["x", "y"], ni = ["innerHTML"], ci = ["x1", "x2", "y1", "y2", "stroke"], vi = ["x", "y", "font-size", "fill", "innerHTML"], di = ["x", "y", "font-size", "fill", "innerHTML"], hi = ["x", "y", "font-size", "fill", "innerHTML"], fi = ["x", "y", "font-size", "fill", "innerHTML"], gi = { key: 0 }, mi = ["id"], bi = ["fill", "stroke"], xi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], pi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], yi = ["x", "y", "font-size", "fill", "stroke"], ki = ["id"], _i = ["stop-color"], wi = ["stop-color"], Si = ["x", "y", "width", "height", "fill", "onMouseenter"], Ci = ["font-size", "fill", "transform"], $i = ["x", "y", "font-size", "fill"], Ai = ["text-anchor", "font-size", "fill", "transform", "onClick"], Li = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Mi = { key: 15 }, Ti = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], zi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ii = ["y", "x", "width", "height", "fill"], Fi = ["id", "x", "y", "font-size", "fill", "text-anchor"], Oi = {
+  celebration: Gt,
+  celebrationNight: Ut,
+  concrete: Jt,
+  dark: Xt,
+  default: Qt,
+  hack: qt,
+  minimal: Yt,
+  minimalDark: Wt,
+  zen: Zt
+}, Symbol.toStringTag, { value: "Module" })), Nr = ["id"], Vr = ["id"], Dr = ["viewBox", "aria-label"], Pr = ["x", "y", "width", "height"], Er = { key: 1 }, Rr = { class: "vue-ui-xy-grid" }, Hr = ["stroke", "x1", "x2", "y1", "y2"], Yr = ["stroke", "x1", "x2", "y1", "y2"], Wr = { key: 1 }, Xr = ["x1", "x2", "y1", "y2", "stroke"], Gr = ["x1", "x2", "y1", "y2", "stroke"], Ur = ["x1", "x2", "y1", "y2", "stroke"], qr = { key: 3 }, Zr = ["d", "stroke"], Jr = { key: 4 }, Qr = ["d", "stroke"], Kr = ["id"], jr = ["stop-color"], es = ["stop-color"], ls = ["stop-color"], as = ["id"], ts = ["stop-color"], os = ["stop-color"], rs = ["stop-color"], ss = ["id"], is = ["stop-color"], ns = ["stop-color"], us = ["id"], cs = ["stop-color"], vs = ["stop-color"], ds = ["id"], hs = ["stop-color"], fs = ["stop-color"], gs = ["x", "y", "height", "width", "fill"], ms = ["x", "y", "width"], bs = { key: 0 }, xs = ["x", "y", "height", "width", "fill"], ps = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ys = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ks = ["width", "x", "y"], Cs = ["stroke", "x1", "x2", "y1", "y2"], _s = { key: 3 }, ws = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ss = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], As = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $s = ["fill", "font-size", "transform"], Ls = ["x1", "x2", "y1", "y2", "stroke"], Ms = ["x", "y", "font-size", "fill"], Ts = ["x1", "x2", "y1", "y2", "stroke"], zs = ["x", "y", "font-size", "fill"], Is = ["width", "x", "y"], Fs = { style: { width: "100%" } }, Os = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ns = { key: 6 }, Vs = { key: 7 }, Ds = ["d", "fill", "fill-opacity"], Ps = { key: 0 }, Es = ["d", "fill"], Rs = ["d", "fill"], Hs = ["d", "fill"], Ys = ["d", "fill"], Ws = ["d", "stroke", "stroke-width", "stroke-dasharray"], Xs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Gs = ["width", "x", "y"], Us = { style: { width: "100%" } }, qs = { key: 8 }, Zs = ["x", "y", "font-size", "fill"], Js = ["x", "y", "font-size", "fill", "font-weight"], Qs = { key: 9 }, Ks = ["x", "y", "font-size", "fill"], js = { key: 10 }, ei = ["x", "y"], li = ["innerHTML"], ai = ["x", "y"], ti = ["innerHTML"], oi = ["x1", "x2", "y1", "y2", "stroke"], ri = { key: 11 }, si = ["x", "y", "font-size", "fill"], ii = { key: 12 }, ni = ["x", "y"], ui = ["innerHTML"], ci = ["x", "y"], vi = ["innerHTML"], di = ["x1", "x2", "y1", "y2", "stroke"], hi = ["x", "y", "font-size", "fill", "innerHTML"], fi = ["x", "y", "font-size", "fill", "innerHTML"], gi = ["x", "y", "font-size", "fill", "innerHTML"], mi = ["x", "y", "font-size", "fill", "innerHTML"], bi = { key: 0 }, xi = ["id"], pi = ["fill", "stroke"], yi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ki = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ci = ["x", "y", "font-size", "fill", "stroke"], _i = ["id"], wi = ["stop-color"], Si = ["stop-color"], Ai = ["x", "y", "width", "height", "fill", "onMouseenter"], $i = ["font-size", "fill", "transform"], Li = ["x", "y", "font-size", "fill"], Mi = ["text-anchor", "font-size", "fill", "transform", "onClick"], Ti = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], zi = { key: 15 }, Ii = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Oi = ["y", "x", "width", "height", "fill"], Bi = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ni = {
   key: 16,
   style: { "pointer-events": "none" }
-}, Bi = ["x", "y"], Ni = ["innerHTML"], Vi = ["cx", "cy", "r", "fill"], Di = ["data-start", "data-end"], Pi = {
+}, Vi = ["x", "y"], Di = ["innerHTML"], Pi = ["cx", "cy", "r", "fill"], Ei = ["data-start", "data-end"], Ri = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Ei = {
+}, Hi = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ri = ["fill"], Hi = ["innerHTML"], Yi = {
+}, Yi = ["fill"], Wi = ["innerHTML"], Xi = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Wi = ["fill"], Xi = ["innerHTML"], Gi = {
+}, Gi = ["fill"], Ui = ["innerHTML"], qi = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ui = ["fill"], qi = ["innerHTML"], Zi = {
+}, Zi = ["fill"], Ji = ["innerHTML"], Qi = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ji = ["fill"], Qi = ["innerHTML"], Ki = ["id"], ji = ["onClick"], eu = {
+}, Ki = ["fill"], ji = ["innerHTML"], en = ["id"], ln = ["onClick"], an = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "1em",
   width: "1.43em"
-}, lu = ["stroke", "fill"], au = {
+}, tn = ["stroke", "fill"], on = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "1em",
   width: "1em"
-}, tu = ["fill"], ou = ["fill"], ru = {
+}, rn = ["fill"], sn = ["fill"], nn = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "1em",
   width: "1em"
-}, su = {
+}, un = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, iu = ["innerHTML"], uu = {
+}, cn = ["innerHTML"], vn = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -96,15 +100,15 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup(jl, { expose: Jt, emit: Qt }) {
-    const g = jl, Kt = Xe(() => import("./DataTable-DEwh__D8.js")), jt = Xe(() => import("./Tooltip-DpfUZbt7.js")), eo = Xe(() => import("./UserOptions-5pXc4J-c.js")), $a = Xe(() => import("./BaseIcon-B9bGT7HU.js")), lo = Xe(() => import("./vue-ui-table-sparkline-UhaEz2jD.js").then((a) => a.b)), ao = Xe(() => import("./PackageVersion-C-JOGZBL.js")), to = Xe(() => import("./PenAndPaper-CulSakut.js")), oo = Xe(() => import("./BaseDraggableDialog-O2XSymlZ.js")), ea = Qt, Aa = er(), ro = lr(), { vue_ui_xy: hl } = yr(), { isThemeValid: so, warnInvalidTheme: io } = Ar(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), uo = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), no = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), co = 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), J = x([]), H = x(_a()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), _ = x(null), vo = b(() => ({
+  setup(jl, { expose: Kt, emit: jt }) {
+    const g = jl, eo = Xe(() => import("./DataTable-DyoDzNNY.js")), lo = Xe(() => import("./Tooltip-B6qvABDL.js")), ao = Xe(() => import("./UserOptions-CX7Xsusk.js")), Aa = Xe(() => import("./BaseIcon-4uOct8re.js")), to = Xe(() => import("./vue-ui-table-sparkline-Bo4nuBEx.js").then((a) => a.b)), oo = Xe(() => import("./PackageVersion-CQxJyGQr.js")), ro = Xe(() => import("./PenAndPaper-LTuSTmWE.js")), so = Xe(() => import("./BaseDraggableDialog-BQYfVNu8.js")), ea = jt, $a = ar(), io = tr(), { vue_ui_xy: hl } = Cr(), { isThemeValid: no, warnInvalidTheme: uo } = Mr(), Ie = x(null), fl = x(null), Fe = x(null), rl = x(null), gl = x(null), ml = x(null), co = x(null), la = x(null), aa = x(null), sl = x(null), ta = x(null), oa = x(null), Ee = x(null), ra = x(null), vo = x(0), I = x(null), La = x(!0), ve = x(600), ee = x(1e3), zl = x("0 0 1000 600"), ho = 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), J = x([]), H = x(Ca()), Ta = x(0), za = x(0), Ia = x(0), pl = x(!0), sa = x(0), B = x(null), Fa = x(!1), ia = x(!0), Il = x(!0), se = x(null), De = x({}), Fl = x(null), Oa = x(!1), il = x(null), C = x(null), fo = b(() => ({
       height: ve.value,
       width: ee.value
     }));
     function Ba(a) {
       return Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0;
     }
-    function ua(a, r, e = 0) {
+    function na(a, r, e = 0) {
       return Number.isFinite(a) && Number.isFinite(r) && Math.abs(r) > 1e-9 ? a / r : e;
     }
     const Na = x(!1), y = x({
@@ -112,10 +116,10 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
-    }), $e = x({ plot: 3, line: 3 });
+    }), Ae = x({ plot: 3, line: 3 });
     Zl(() => {
       Oa.value = !0, g.dataset.length && g.dataset.forEach((a, r) => {
-        [null, void 0].includes(a.series) && wa({
+        [null, void 0].includes(a.series) && _a({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "series (number[])",
@@ -124,7 +128,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         });
       });
     });
-    function na() {
+    function ua() {
       if (!Object.keys(g.config || {}).length)
         return hl;
       const a = Tl({
@@ -143,10 +147,10 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       }));
       const r = a.theme;
       if (!r) return a;
-      if (!so.value(a))
-        return io(a), a;
+      if (!no.value(a))
+        return uo(a), a;
       const e = Tl({
-        userConfig: Zt[r] || g.config,
+        userConfig: Qt[r] || g.config,
         defaultConfig: a
       }), s = Tl({
         userConfig: g.config,
@@ -154,7 +158,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : mr[r] || Sa
+        customPalette: s.customPalette.length ? s.customPalette : xr[r] || wa
       };
     }
     function Va({ defaultConfig: a, userConfig: r }) {
@@ -170,7 +174,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       set(a) {
         return a;
       }
-    }), l = x(na()), f = x({
+    }), l = x(ua()), f = x({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
@@ -186,10 +190,10 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         useIndividualScale: l.value.chart.grid.labels.yAxis.useIndividualScale
       }, Na.value = !0);
     }
-    const yl = b(() => !!l.value.debug), { loading: ie, FINAL_DATASET: ge, manualLoading: Ol } = _r({
-      ...ar(g),
+    const yl = b(() => !!l.value.debug), { loading: ie, FINAL_DATASET: ge, manualLoading: Ol } = wr({
+      ...or(g),
       FINAL_CONFIG: l,
-      prepareConfig: na,
+      prepareConfig: ua,
       callback: () => {
         Promise.resolve().then(async () => {
           await Pl(), f.value.showTable = l.value.showTable;
@@ -210,7 +214,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           color: "#CACACA"
         }
       ],
-      skeletonConfig: ir({
+      skeletonConfig: ur({
         defaultConfig: l.value,
         userConfig: {
           useCssAnimation: !1,
@@ -268,7 +272,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         }
       })
     });
-    function ho(a) {
+    function go(a) {
       const r = /* @__PURE__ */ new WeakMap();
       return (e, ...s) => {
         let t = r.get(e);
@@ -278,27 +282,27 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         return t || (t = /* @__PURE__ */ new Map(), r.set(e, t)), t.set(i, o), o;
       };
     }
-    const fo = ho((a, r) => Ca({ data: a, threshold: r })), Re = (a) => fo(a, l.value.downsample.threshold), Oe = b({
+    const mo = go((a, r) => Sa({ data: a, threshold: r })), Re = (a) => mo(a, l.value.downsample.threshold), Oe = b({
       get: () => Math.max(...ge.value.map((a) => Re(a.series).length)),
       set: (a) => a
-    }), m = x({ start: 0, end: Oe.value }), Ae = x({ start: 0, end: Oe.value }), Da = b(() => l.value.chart.zoom.preview.enable && (Ae.value.start !== m.value.start || Ae.value.end !== m.value.end));
+    }), m = x({ start: 0, end: Oe.value }), $e = x({ start: 0, end: Oe.value }), Da = b(() => l.value.chart.zoom.preview.enable && ($e.value.start !== m.value.start || $e.value.end !== m.value.end));
     function Pa(a, r) {
-      Ae.value[a] = r;
+      $e.value[a] = r;
     }
-    function ul() {
+    function nl() {
       const a = Math.max(
         1,
         ...ge.value.map((s) => Re(s.series).length)
       );
       let r = Math.max(0, Math.min(m.value.start ?? 0, a - 1)), e = Math.max(r + 1, Math.min(m.value.end ?? a, a));
-      (!Number.isFinite(r) || !Number.isFinite(e) || e <= r) && (r = 0, e = a), m.value = { start: r, end: e }, Ae.value.start = r, Ae.value.end = e, Fe.value && (Fe.value.setStartValue(r), Fe.value.setEndValue(e));
+      (!Number.isFinite(r) || !Number.isFinite(e) || e <= r) && (r = 0, e = a), m.value = { start: r, end: e }, $e.value.start = r, $e.value.end = e, Fe.value && (Fe.value.setStartValue(r), Fe.value.setEndValue(e));
     }
-    const go = b(() => {
-      const { left: a, top: r, width: e, height: s } = c.value, t = m.value.start, o = m.value.end - t, L = e / o, M = Ae.value.start - t, F = Ae.value.end - t, S = Math.max(0, Math.min(o, M)), T = Math.max(0, Math.min(o, F));
+    const bo = b(() => {
+      const { left: a, top: r, width: e, height: s } = c.value, t = m.value.start, o = m.value.end - t, L = e / o, M = $e.value.start - t, F = $e.value.end - t, w = Math.max(0, Math.min(o, M)), T = Math.max(0, Math.min(o, F));
       return {
-        x: a + S * L,
+        x: a + w * L,
         y: r,
-        width: (T - S) * L,
+        width: (T - w) * L,
         height: s,
         fill: l.value.chart.zoom.preview.fill,
         stroke: l.value.chart.zoom.preview.stroke,
@@ -315,17 +319,17 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
     });
     Ll(() => g.selectedXIndex, (a) => {
       if ([null, void 0].includes(g.selectedXIndex)) {
-        _.value = null;
+        C.value = null;
         return;
       }
       const r = a - m.value.start;
-      r < 0 || a >= m.value.end ? _.value = null : _.value = r ?? null;
+      r < 0 || a >= m.value.end ? C.value = null : C.value = r ?? null;
     }, { immediate: !0 });
-    const { isPrinting: da, isImaging: Ea, generatePdf: Ra, generateImage: Ha } = kr({
+    const { isPrinting: da, isImaging: Ea, generatePdf: Ra, generateImage: Ha } = _r({
       elementId: `vue-ui-xy_${H.value}`,
       fileName: l.value.chart.title.text || "vue-ui-xy",
       options: l.value.chart.userOptions.print
-    }), mo = x(!1), Bl = b(() => ur(l.value.customPalette)), Nl = b(() => {
+    }), xo = x(!1), Bl = b(() => cr(l.value.customPalette)), Nl = b(() => {
       if (l.value.chart.grid.labels.yAxis.scaleMin !== null)
         return l.value.chart.grid.labels.yAxis.scaleMin;
       const a = Math.min(...Pe.value.filter((r) => !J.value.includes(r.id)).map((r) => Math.min(...r.series)));
@@ -341,7 +345,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         ...a,
         slotAbsoluteIndex: r,
         series: e.map((t) => Jl(t) ? t : null).slice(m.value.start, m.value.end),
-        color: It(a.color ? a.color : Bl.value[r] ? Bl.value[r] : Sa[r]),
+        color: It(a.color ? a.color : Bl.value[r] ? Bl.value[r] : wa[r]),
         id: s,
         scaleLabel: a.scaleLabel || s
       };
@@ -352,12 +356,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       absoluteValues: a.series,
       segregate: () => Yl(a),
       isSegregated: J.value.includes(a.id)
-    }))), we = b(() => Pe.value.map((a, r) => ({
+    }))), _e = b(() => Pe.value.map((a, r) => ({
       ...a,
       series: a.series.map((e) => e + kl.value),
       absoluteValues: a.series
     })).filter((a) => !J.value.includes(a.id)));
-    function bo() {
+    function po() {
       let a = 0;
       ta.value && (a = Array.from(ta.value.querySelectorAll("text")).reduce((t, i) => {
         const o = i.getComputedTextLength();
@@ -366,14 +370,14 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       const r = aa.value ? aa.value.getBoundingClientRect().width + l.value.chart.grid.labels.axis.yLabelOffsetX + y.value.yAxis : 0, e = l.value.chart.grid.labels.yAxis.crosshairSize;
       return a + r + e;
     }
-    const ha = x(0), xo = pr((a) => {
+    const ha = x(0), yo = kr((a) => {
       ha.value = a;
     }, 100);
     Lt((a) => {
       const r = sl.value;
       if (!r) return;
       const e = new ResizeObserver((s) => {
-        xo(s[0].contentRect.height);
+        yo(s[0].contentRect.height);
       });
       e.observe(r), a(() => e.disconnect());
     }), ka(() => {
@@ -384,16 +388,16 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       la.value && (a = la.value.getBBox().height);
       let r = 0;
       return sl.value && (r = ha.value), a + r + y.value.xAxis;
-    }), po = b(() => ge.value.some((a) => a.useProgression)), c = b(() => {
+    }), ko = b(() => ge.value.some((a) => a.useProgression)), c = b(() => {
       let a = 0;
       const r = 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 + r) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + r : a = bo());
-      const e = l.value.chart.labels.fontSize * 1.1, s = po.value ? 24 : 6;
+      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 + r) : f.value.useIndividualScale && f.value.isStacked ? a = l.value.chart.grid.labels.yAxis.labelWidth + r : a = po());
+      const e = l.value.chart.labels.fontSize * 1.1, s = ko.value ? 24 : 6;
       if (sl.value) {
         const o = sl.value.getBBox().x;
         o < 0 && (a += Math.abs(o));
       }
-      const t = ee.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding?.left - l.value.chart.padding?.right, i = l.value.chart.grid.position === "middle" ? 0 : t / $.value / 2;
+      const t = ee.value - a - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding?.left - l.value.chart.padding?.right, i = l.value.chart.grid.position === "middle" ? 0 : t / A.value / 2;
       return {
         top: l.value.chart.padding?.top + e,
         right: ee.value - s - l.value.chart.padding?.right,
@@ -404,25 +408,25 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         scaleLabelX: a,
         individualOffsetX: r
       };
-    }), yo = b(() => {
-      const a = l.value.chart.grid.position === "middle" ? 1 : 0, r = $.value + a, e = Y(c.value?.top), s = Y(c.value?.bottom);
+    }), Co = b(() => {
+      const a = l.value.chart.grid.position === "middle" ? 1 : 0, r = A.value + a, e = Y(c.value?.top), s = Y(c.value?.bottom);
       return Array.from({ length: r }).map((t, i) => {
-        const o = c.value.width / $.value * i + c.value?.left + U.value;
+        const o = c.value.width / A.value * i + c.value?.left + U.value;
         return `M${o},${e} L${o},${s}`;
       }).join(" ");
-    }), ko = b(() => {
+    }), _o = b(() => {
       if (!l.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-      const a = c.value.width / $.value, r = l.value.chart.grid.labels.xAxis.crosshairSize, e = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
+      const a = c.value.width / A.value, r = l.value.chart.grid.labels.xAxis.crosshairSize, e = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
       return ma.value.map((s, t) => {
         if (!s || !s.text) return null;
-        const i = c.value?.left + a * t + a / 2, o = e ? ue.value - (ue.value === c.value?.bottom ? 0 : r / 2) : c.value?.bottom, L = e ? ue.value + r / (ue.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + r;
+        const i = c.value?.left + a * t + a / 2, o = e ? ne.value - (ne.value === c.value?.bottom ? 0 : r / 2) : c.value?.bottom, L = e ? ne.value + r / (ne.value === c.value?.bottom ? 1 : 2) : c.value?.bottom + r;
         return `M${i},${o} L${i},${L}`;
       }).filter(Boolean).join(" ");
     });
     function Wa() {
-      return !!ro?.vnode.props?.onSelectTimeLabel;
+      return !!io?.vnode.props?.onSelectTimeLabel;
     }
-    function _o(a, r, e) {
+    function wo(a, r, e) {
       if (!Fl.value) {
         const s = document.createElement("canvas");
         Fl.value = s.getContext("2d");
@@ -444,7 +448,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       xl.value = !xl.value;
     }
     const de = b(() => {
-      const a = Math.max(...ge.value.map((r) => Ca({ data: r.series, threshold: l.value.downsample.threshold }).length));
+      const a = Math.max(...ge.value.map((r) => Sa({ data: r.series, threshold: l.value.downsample.threshold }).length));
       return Ht({
         values: l.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: a,
@@ -453,7 +457,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         end: m.value.end
       });
     }), ga = b(() => {
-      const a = Math.max(...ge.value.map((r) => Ca({ data: r.series, threshold: l.value.downsample.threshold }).length));
+      const a = Math.max(...ge.value.map((r) => Sa({ data: r.series, threshold: l.value.downsample.threshold }).length));
       return Ht({
         values: l.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: a,
@@ -461,15 +465,15 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         start: 0,
         end: Oe.value
       });
-    }), wo = b(() => {
+    }), So = b(() => {
       const a = l.value.chart.grid.labels.xAxisLabels.modulo;
       return de.value.length ? Math.min(a, [...new Set(de.value.map((r) => r.text))].length) : a;
     }), ma = b(() => {
-      const a = l.value.chart.grid.labels.xAxisLabels, r = de.value || [], e = ga.value || [], s = m.value.start ?? 0, t = _.value, i = $.value, o = r.map((M) => M?.text ?? ""), L = e.map((M) => M?.text ?? "");
-      return nr(
+      const a = l.value.chart.grid.labels.xAxisLabels, r = de.value || [], e = ga.value || [], s = m.value.start ?? 0, t = C.value, i = A.value, o = r.map((M) => M?.text ?? ""), L = e.map((M) => M?.text ?? "");
+      return vr(
         !!a.showOnlyFirstAndLast,
         !!a.showOnlyAtModulo,
-        Math.max(1, wo.value || 1),
+        Math.max(1, So.value || 1),
         o,
         L,
         s,
@@ -478,7 +482,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       );
     });
     function qa(a, r) {
-      const e = we.value.map((s) => ({
+      const e = _e.value.map((s) => ({
         shape: s.shape || null,
         name: s.name,
         color: s.color,
@@ -494,11 +498,11 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         label: a.text
       });
     }
-    const $ = b(() => {
+    const A = b(() => {
       const a = Ba((m.value.end ?? 0) - (m.value.start ?? 0));
       return Math.max(1, a);
     });
-    function So(a) {
+    function Ao(a) {
       B.value = a;
     }
     function Za() {
@@ -507,7 +511,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
     function ba(a) {
       yl.value && a.autoScaling && (l.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), l.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function Co(a, r) {
+    function $o(a, r) {
       const e = Ba(a), s = Array(e).fill(0);
       for (let t = 0; t < r.length && t < e; t += 1) s[t] = r[t] ?? 0;
       return s;
@@ -516,30 +520,30 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       const r = Math.max(...ge.value.map((e) => Re(e.series).length));
       return a > r ? r : a < 0 || l.value.chart.zoom.startIndex !== null && a < l.value.chart.zoom.startIndex ? l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex + 1 : 1 : a;
     }
-    const _l = x(!1), Qa = x(!1);
+    const Cl = x(!1), Qa = x(!1);
     function Pl() {
-      if (!_l.value) {
-        _l.value = !0;
+      if (!Cl.value) {
+        Cl.value = !0;
         try {
           const { startIndex: a, endIndex: r } = l.value.chart.zoom, e = Math.max(...ge.value.map((i) => Re(i.series).length)), s = a ?? 0, t = r != null ? Math.min(Ja(r + 1), e) : e;
-          El.value = !0, m.value.start = s, m.value.end = t, Ae.value.start = s, Ae.value.end = t, ul(), Qa.value = !0;
+          El.value = !0, m.value.start = s, m.value.end = t, $e.value.start = s, $e.value.end = t, nl(), Qa.value = !0;
         } finally {
           queueMicrotask(() => {
             El.value = !1;
-          }), _l.value = !1;
+          }), Cl.value = !1;
         }
       }
     }
     const El = x(!1);
-    function $o(a) {
-      _l.value || El.value || a !== m.value.start && (m.value.start = a, Ae.value.start = a, ul());
+    function Lo(a) {
+      Cl.value || El.value || a !== m.value.start && (m.value.start = a, $e.value.start = a, nl());
     }
-    function Ao(a) {
-      if (_l.value || El.value) return;
+    function Mo(a) {
+      if (Cl.value || El.value) return;
       const r = Ja(a);
-      r !== m.value.end && (m.value.end = r, Ae.value.end = r, ul());
+      r !== m.value.end && (m.value.end = r, $e.value.end = r, nl());
     }
-    async function Lo() {
+    async function To() {
       await Pl();
     }
     function be(a) {
@@ -549,35 +553,35 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
     function Je(a) {
       return a / (be(Ka.value) ? Ka.value : 1);
     }
-    const ue = b(() => isNaN(Je(kl.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Je(kl.value));
+    const ne = b(() => isNaN(Je(kl.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Je(kl.value));
     function ja(a) {
-      const r = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && Nl.value >= 0 ? c.value?.bottom : ue.value;
-      return a.value >= 0 ? N(r - a.y <= 0 ? 1e-5 : r - a.y) : N(a.y - ue.value <= 0 ? 1e-5 : a.y - ue.value);
+      const r = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && Nl.value >= 0 ? c.value?.bottom : ne.value;
+      return a.value >= 0 ? N(r - a.y <= 0 ? 1e-5 : r - a.y) : N(a.y - ne.value <= 0 ? 1e-5 : a.y - ne.value);
     }
     function et(a) {
       return a.value >= 0 ? N(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : N(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
     }
     const Z = b(() => {
-      const a = Math.max(1, $.value), r = Math.max(1, c.value.width), e = Math.max(1, Pe.value.filter((s) => s.type === "bar" && !J.value.includes(s.id)).length);
+      const a = Math.max(1, A.value), r = Math.max(1, c.value.width), e = Math.max(1, Pe.value.filter((s) => s.type === "bar" && !J.value.includes(s.id)).length);
       return {
-        bar: ua(r, a * e, 1),
-        plot: ua(r, a, 1),
-        line: ua(r, a, 1)
+        bar: na(r, a * e, 1),
+        plot: na(r, a, 1),
+        line: na(r, a, 1)
       };
     });
     function He() {
-      return f.value.useIndividualScale && f.value.isStacked ? Z.value.line - c.value.width / $.value * 0.1 : Z.value.bar;
+      return f.value.useIndividualScale && f.value.isStacked ? Z.value.line - c.value.width / A.value * 0.1 : Z.value.bar;
     }
     function Rl(a) {
-      return f.value.useIndividualScale && f.value.isStacked ? a.x + c.value.width / $.value * 0.05 : a.x + Z.value.bar / 2;
+      return f.value.useIndividualScale && f.value.isStacked ? a.x + c.value.width / A.value * 0.05 : a.x + Z.value.bar / 2;
     }
     function lt(a) {
-      return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ue.value) ? c?.bottom.value : ue.value;
+      return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ne.value) ? c?.bottom.value : ne.value;
     }
     function at(a) {
       return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
     }
-    const wl = x(null);
+    const _l = x(null);
     function tt(a) {
       const r = se.value;
       if (!r) return null;
@@ -590,11 +594,11 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           return { x: k.x, y: k.y, ok: !0 };
         }
       }
-      const e = r.getBoundingClientRect(), s = r.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, t = Math.min(e.width / s.width, e.height / s.height), i = s.width * t, o = s.height * t, L = (e.width - i) / 2, M = (e.height - o) / 2, F = (a.clientX - e?.left - L) / t + s.x, S = (a.clientY - e?.top - M) / t + s.y;
-      return { x: F, y: S, ok: !0 };
+      const e = r.getBoundingClientRect(), s = r.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, t = Math.min(e.width / s.width, e.height / s.height), i = s.width * t, o = s.height * t, L = (e.width - i) / 2, M = (e.height - o) / 2, F = (a.clientX - e?.left - L) / t + s.x, w = (a.clientY - e?.top - M) / t + s.y;
+      return { x: F, y: w, ok: !0 };
     }
     let Qe = 0;
-    function Mo(a) {
+    function zo(a) {
       xl.value || (Qe && cancelAnimationFrame(Qe), Qe = requestAnimationFrame(() => {
         Qe = 0;
         const r = tt(a);
@@ -607,29 +611,29 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           Hl();
           return;
         }
-        const L = r.x - e, M = o / $.value, F = Math.floor(L / M);
-        F >= 0 && F < $.value ? wl.value !== F && (wl.value = F, mt(!0, F)) : Hl();
+        const L = r.x - e, M = o / A.value, F = Math.floor(L / M);
+        F >= 0 && F < A.value ? _l.value !== F && (_l.value = F, mt(!0, F)) : Hl();
       }));
     }
     function Hl() {
-      Qe && (cancelAnimationFrame(Qe), Qe = 0), wl.value = null, mt(!1, null);
+      Qe && (cancelAnimationFrame(Qe), Qe = 0), _l.value = null, mt(!1, null);
     }
     function ot(a) {
       const r = tt(a);
       if (r && se.value) {
         const { left: e, right: s, top: t, bottom: i, width: o } = c.value;
         if (r.x >= e && r.x <= s && r.y >= t && r.y <= i) {
-          const L = o / Math.max(1, $.value), M = Math.floor((r.x - e) / L);
-          if (M >= 0 && M < $.value) {
+          const L = o / Math.max(1, A.value), M = Math.floor((r.x - e) / L);
+          if (M >= 0 && M < A.value) {
             rt(M);
             return;
           }
         }
       }
-      wl.value != null && rt(wl.value);
+      _l.value != null && rt(_l.value);
     }
     function rt(a) {
-      const r = we.value.map((e) => ({
+      const r = _e.value.map((e) => ({
         name: e.name,
         value: [null, void 0, NaN].includes(e.absoluteValues[a]) ? null : e.absoluteValues[a],
         color: e.color,
@@ -644,7 +648,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         }
       ), l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: r, seriesIndex: a + m.value.start });
     }
-    function To() {
+    function Io() {
       return me.value.map((a) => ({
         values: a.absoluteValues,
         color: a.color,
@@ -652,9 +656,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         type: a.type
       }));
     }
-    async function zo({ scale: a = 2 } = {}) {
+    async function Fo({ scale: a = 2 } = {}) {
       if (!Ie.value) return;
-      const { width: r, height: e } = Ie.value.getBoundingClientRect(), s = r / e, { imageUri: t, base64: i } = await Mr({ domElement: Ie.value, base64: !0, img: !0, scale: a });
+      const { width: r, height: e } = Ie.value.getBoundingClientRect(), s = r / e, { imageUri: t, base64: i } = await zr({ domElement: Ie.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: t,
         base64: i,
@@ -671,7 +675,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         if (J.value.length + 1 === Pe.value.length) return;
         J.value.push(a.id);
       }
-      ea("selectLegend", we.value.map((r) => ({
+      ea("selectLegend", _e.value.map((r) => ({
         name: r.name,
         values: r.absoluteValues,
         color: r.color,
@@ -684,20 +688,20 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       const r = me.value.find((e) => e.name === a);
       return r || (l.value.debug && console.warn(`VueUiXy - Series name not found "${a}"`), null);
     }
-    function Io(a) {
+    function Oo(a) {
       const r = st(a);
       r !== null && J.value.includes(r.id) && Yl({ id: r.id });
     }
-    function Fo(a) {
+    function Bo(a) {
       const r = st(a);
       r !== null && (J.value.includes(r.id) || Yl({ id: r.id }));
     }
-    const Oo = b(() => {
+    const No = b(() => {
       const a = l.value.chart.title.text || "Chart visualization", r = l.value.chart.title.subtitle.text || "";
       return `${a}. ${r}`;
     }), it = b(() => ({
-      linePlot: $.value > l.value.line.dot.hideAboveMaxSerieLength
-    })), Bo = b(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), No = b(() => {
+      linePlot: A.value > l.value.line.dot.hideAboveMaxSerieLength
+    })), Vo = b(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), Do = b(() => {
       if (Array.isArray(l.value.chart.highlightArea))
         return l.value.chart.highlightArea.map((r) => {
           const e = Math.min(r.to, Oe.value - 1);
@@ -711,20 +715,20 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         to: Math.min(l.value.chart.highlightArea.to, Oe.value - 1)
       };
       return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
-    }), ut = b(() => La.value ? ge.value.map((a, r) => ({
+    }), nt = b(() => La.value ? ge.value.map((a, r) => ({
       ...a,
       series: Re(a.series),
       id: `uniqueId_${r}`,
-      color: It(a.color ? a.color : Bl.value[r] ? Bl.value[r] : Sa[r])
-    })) : ge.value), Vo = b(() => we.value.map((a) => {
+      color: It(a.color ? a.color : Bl.value[r] ? Bl.value[r] : wa[r])
+    })) : ge.value), Po = b(() => _e.value.map((a) => {
       const r = a.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: a.id,
         name: a.name,
         color: a.color,
-        values: Co($.value, r)
+        values: $o(A.value, r)
       };
-    })), Do = b(() => ({
+    })), Eo = b(() => ({
       responsiveBreakpoint: l.value.table.responsiveBreakpoint,
       roundingValues: l.value.table.rounding,
       showAverage: !1,
@@ -733,7 +737,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       fontFamily: l.value.chart.fontFamily,
       prefix: l.value.chart.labels.prefix,
       suffix: l.value.chart.labels.suffix,
-      colNames: de.value.map((a, r) => l.value.table.useDefaultTimeFormat ? a.text : nl.value(r + m.value.start, l.value.table.timeFormat)),
+      colNames: de.value.map((a, r) => l.value.table.useDefaultTimeFormat ? a.text : ul.value(r + m.value.start, l.value.table.timeFormat)),
       thead: {
         backgroundColor: l.value.table.th.backgroundColor,
         color: l.value.table.th.color,
@@ -750,71 +754,71 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       sparkline: {
         animation: { show: !1 }
       }
-    })), U = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), Ke = b(() => cr(me.value.filter((a) => !J.value.includes(a.id)))), A = b(() => {
+    })), U = b(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / A.value / 2), Ke = b(() => dr(me.value.filter((a) => !J.value.includes(a.id)))), $ = b(() => {
       const a = Object.groupBy(Ke.value, (e) => e.scaleLabel), r = {};
       for (const [e, s] of Object.entries(a)) {
         const t = s.flatMap((i) => i.absoluteValues);
         r[e] = {
           min: Math.min(...t) || 0,
           max: Math.max(...t) || 1,
-          groupId: `scale_group_${_a()}`
+          groupId: `scale_group_${Ca()}`
         };
       }
       return r;
-    }), Po = b(() => {
+    }), Ro = b(() => {
       const a = Pe.value.filter((r) => r.type === "bar").filter((r) => !J.value.includes(r.id)).length;
-      return c.value.width / $.value / a - Wl.value * a;
-    }), Wl = b(() => Z.value.line * l.value.bar.periodGap), Xl = b(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Wl.value))), Gl = b(() => Xl.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), Eo = b(() => {
+      return c.value.width / A.value / a - Wl.value * a;
+    }), Wl = b(() => Z.value.line * l.value.bar.periodGap), Xl = b(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Wl.value))), Gl = b(() => Xl.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), Ho = b(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
-      const a = ut.value.filter((t) => !J.value.includes(t.id)), r = Math.max(...a.map((t) => t.series.length)), e = [];
+      const a = nt.value.filter((t) => !J.value.includes(t.id)), r = Math.max(...a.map((t) => t.series.length)), e = [];
       for (let t = 0; t < r; t += 1)
         e.push(a.map((i) => i.series[t] || 0).reduce((i, o) => (i || 0) + (o || 0), 0));
       const s = Math.min(...e);
       return e.map((t) => t + (s < 0 ? Math.abs(s) : 0));
-    }), Ro = b(() => l.value.chart.zoom.minimap.show ? ut.value.map((r) => ({
+    }), Yo = b(() => l.value.chart.zoom.minimap.show ? nt.value.map((r) => ({
       ...r,
       isVisible: !J.value.includes(r.id)
-    })) : []), je = b(() => we.value.map((a) => ({
+    })) : []), je = b(() => _e.value.map((a) => ({
       slotAbsoluteIndex: a.slotAbsoluteIndex,
       shape: a.shape || null,
       name: a.name,
       color: a.color,
       type: a.type,
-      value: a.absoluteValues.find((r, e) => e === _.value),
+      value: a.absoluteValues.find((r, e) => e === C.value),
       comments: a.comments || [],
       prefix: a.prefix || l.value.chart.labels.prefix,
       suffix: a.suffix || l.value.chart.labels.suffix
-    }))), nt = b(() => Le.value.ticks.map((a) => ({
-      y: a >= 0 ? ue.value - c.value.height * Je(a) : ue.value + c.value.height * Je(Math.abs(a)),
+    }))), ut = b(() => Le.value.ticks.map((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
     }))), ct = b(() => {
       const a = l.value.chart.annotations;
-      if (!a || !Array.isArray(a) || a.every((S) => !S.show)) return [];
+      if (!a || !Array.isArray(a) || a.every((w) => !w.show)) return [];
       const r = a.filter(
-        (S) => S.show && (S.yAxis.yTop != null || S.yAxis.yBottom != null)
+        (w) => w.show && (w.yAxis.yTop != null || w.yAxis.yBottom != null)
       );
       if (!r.length) return [];
-      const { left: e, right: s } = c.value, t = ue.value, i = c.value.height, o = Le.value.min, M = Le.value.max - o, F = (S) => {
-        const T = (S - 0) / M;
+      const { left: e, right: s } = c.value, t = ne.value, i = c.value.height, o = Le.value.min, M = Le.value.max - o, F = (w) => {
+        const T = (w - 0) / M;
         return t - T * i;
       };
-      return r.map((S) => {
-        const { yAxis: { yTop: T, yBottom: W, label: k } } = S, V = T != null && W != null && T !== W, z = T == null ? null : F(T), le = W == null ? null : F(W), ne = _o(k.fontSize);
-        ne.font = `${k.fontSize}px sans-serif`;
-        const q = ne.measureText(k.text).width, Se = k.fontSize, Be = (k.position === "start" ? e + k.padding?.left : s - k.padding?.right) + k.offsetX, pe = (z != null && le != null ? Math.min(z, le) : z ?? le) - k.fontSize / 3 + k.offsetY - k.padding?.top;
+      return r.map((w) => {
+        const { yAxis: { yTop: T, yBottom: W, label: k } } = w, V = T != null && W != null && T !== W, z = T == null ? null : F(T), le = W == null ? null : F(W), ue = wo(k.fontSize);
+        ue.font = `${k.fontSize}px sans-serif`;
+        const q = ue.measureText(k.text).width, we = k.fontSize, Be = (k.position === "start" ? e + k.padding?.left : s - k.padding?.right) + k.offsetX, pe = (z != null && le != null ? Math.min(z, le) : z ?? le) - k.fontSize / 3 + k.offsetY - k.padding?.top;
         let E;
         k.textAnchor === "middle" ? E = Be - q / 2 - k.padding?.left : k.textAnchor === "end" ? E = Be - q - k.padding?.right : E = Be - k.padding?.left;
-        const R = pe - Se * 0.75 - k.padding?.top;
+        const R = pe - we * 0.75 - k.padding?.top;
         return {
           show: ![z, le, R].includes(NaN),
-          id: `annotation_y_${_a()}`,
+          id: `annotation_y_${Ca()}`,
           hasArea: V,
           areaHeight: V ? Math.abs(z - le) : 0,
           yTop: z,
           yBottom: le,
-          config: S.yAxis,
+          config: w.yAxis,
           x1: e,
           x2: s,
           _text: { x: Be, y: pe },
@@ -822,7 +826,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
             x: E,
             y: R,
             width: q + k.padding?.left + k.padding?.right,
-            height: Se + k.padding?.top + k.padding?.bottom,
+            height: we + k.padding?.top + k.padding?.bottom,
             fill: k.backgroundColor,
             stroke: k.border.stroke,
             rx: k.border.rx,
@@ -841,16 +845,16 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       const a = Ke.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, i = c.value.height - t;
       return a.filter((o) => o.type === "bar").map((o, L) => {
         ba(o);
-        const M = A.value[o.scaleLabel].min, F = A.value[o.scaleLabel].max;
+        const M = $.value[o.scaleLabel].min, F = $.value[o.scaleLabel].max;
         o.absoluteValues.filter((D) => ![null, void 0].includes(D)).map((D) => (D - M) / (F - M));
-        const S = {
+        const w = {
           valueMin: M,
           valueMax: F < 0 ? 0 : F
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((D) => ![void 0, null].includes(D))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((D) => ![null, void 0].includes(D)))
-        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, V = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(T.min, T.max === T.min ? T.max * k : T.max, W) : tl(T.min, T.max === T.min ? T.max * k : T.max, W), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W) : tl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W), le = V.min >= 0 ? 0 : Math.abs(V.min), ne = 0, q = V.max + le, Se = z.max + Math.abs(ne), Be = o.stackIndex, cl = r - 1 - Be, pe = s ? 1 - o.cumulatedStackRatio : 0, E = s ? i * pe + e * cl : 0, R = s ? i * o.stackRatio : c.value.height, Q = c.value?.bottom - E - R * le / q, ye = c.value?.bottom - E - R * ne / Se, ce = me.value.filter((D) => D.type === "bar").filter((D) => !J.value.includes(D.id)).length, $l = o.series.map((D, j) => {
-          const We = f.value.useIndividualScale ? (o.absoluteValues[j] + le) / q : Je(D), el = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * j : c.value?.left + Z.value.bar * L + Z.value.bar * j * ce - Po.value / 2 - L * Wl.value;
+        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, V = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(T.min, T.max === T.min ? T.max * k : T.max, W) : tl(T.min, T.max === T.min ? T.max * k : T.max, W), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, W) : tl(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, W), le = V.min >= 0 ? 0 : Math.abs(V.min), ue = 0, q = V.max + le, we = z.max + Math.abs(ue), Be = o.stackIndex, cl = r - 1 - Be, pe = s ? 1 - o.cumulatedStackRatio : 0, E = s ? i * pe + e * cl : 0, R = s ? i * o.stackRatio : c.value.height, Q = c.value?.bottom - E - R * le / q, ye = c.value?.bottom - E - R * ue / we, ce = me.value.filter((D) => D.type === "bar").filter((D) => !J.value.includes(D.id)).length, Al = o.series.map((D, j) => {
+          const We = f.value.useIndividualScale ? (o.absoluteValues[j] + le) / q : Je(D), el = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / A.value * j : c.value?.left + Z.value.bar * L + Z.value.bar * j * ce - Ro.value / 2 - L * Wl.value;
           return {
             yOffset: N(E),
             individualHeight: N(R),
@@ -862,7 +866,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[j] || ""
           };
         }), he = o.absoluteValues.map((D) => z.min >= 0 ? (D - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (D + Math.abs(z.min)) / (z.max + Math.abs(z.min))), Ye = o.series.map((D, j) => {
-          const We = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * j : c.value?.left - Z.value.bar / 2 + Z.value.bar * L + Z.value.bar * j * me.value.filter((el) => el.type === "bar").filter((el) => !J.value.includes(el.id)).length;
+          const We = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / A.value * j : c.value?.left - Z.value.bar / 2 + Z.value.bar * L + Z.value.bar * j * me.value.filter((el) => el.type === "bar").filter((el) => !J.value.includes(el.id)).length;
           return {
             yOffset: N(E),
             individualHeight: N(R),
@@ -889,47 +893,47 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
             datapoint: o
           };
         });
-        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? K : X, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : Q, A.value[o.scaleLabel].individualMax = o.autoScaling ? Se : q, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = E, A.value[o.scaleLabel].individualHeight = R, A.value[o.scaleLabel].autoScaleYLabels = K, A.value[o.scaleLabel].unique = Ke.value.filter((D) => D.scaleLabel === o.scaleLabel).length === 1, {
+        return $.value[o.scaleLabel].name = o.name, $.value[o.scaleLabel].groupName = o.scaleLabel, $.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, $.value[o.scaleLabel].color = o.color, $.value[o.scaleLabel].scaleYLabels = o.autoScaling ? K : X, $.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : Q, $.value[o.scaleLabel].individualMax = o.autoScaling ? we : q, $.value[o.scaleLabel].scaleLabel = o.scaleLabel, $.value[o.scaleLabel].id = o.id, $.value[o.scaleLabel].yOffset = E, $.value[o.scaleLabel].individualHeight = R, $.value[o.scaleLabel].autoScaleYLabels = K, $.value[o.scaleLabel].unique = Ke.value.filter((D) => D.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: E,
           autoScaleYLabels: K,
           individualHeight: R,
           scaleYLabels: o.autoScaling ? K : X,
           individualScale: o.autoScaling ? z : V,
-          individualMax: o.autoScaling ? Se : q,
+          individualMax: o.autoScaling ? we : q,
           zeroPosition: o.autoScaling ? ye : Q,
-          plots: o.autoScaling ? Ye : $l,
-          groupId: A.value[o.scaleLabel].groupId
+          plots: o.autoScaling ? Ye : Al,
+          groupId: $.value[o.scaleLabel].groupId
         };
       });
     }), te = b(() => {
       const a = Ke.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, i = c.value.height - t;
       return a.filter((o) => o.type === "line").map((o, L) => {
         ba(o);
-        const M = A.value[o.scaleLabel].min, F = A.value[o.scaleLabel].max;
+        const M = $.value[o.scaleLabel].min, F = $.value[o.scaleLabel].max;
         o.absoluteValues.filter((O) => ![null, void 0].includes(O)).map((O) => (O - M) / (F - M));
-        const S = {
+        const w = {
           valueMin: M,
           valueMax: F
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, V = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(T.min, T.max === T.min ? T.max * k : T.max, W) : tl(T.min, T.max === T.min ? T.max * k : T.max, W), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W) : tl(S.valueMin, S.valueMax === S.valueMin ? S.valueMax * k : S.valueMax, W), le = V.min >= 0 ? 0 : Math.abs(V.min), ne = 0, q = V.max + Math.abs(le), Se = z.max + Math.abs(ne), Be = o.stackIndex, cl = r - 1 - Be, pe = s ? 1 - o.cumulatedStackRatio : 0, E = s ? i * pe + e * cl : 0, R = s ? i * o.stackRatio : c.value.height, Q = c.value?.bottom - E - R * le / q, ye = c.value?.bottom - E - R * ne / Se, ce = o.series.map((O, oe) => {
-          const jo = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(le)) / q : Je(O);
+        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, V = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(T.min, T.max === T.min ? T.max * k : T.max, W) : tl(T.min, T.max === T.min ? T.max * k : T.max, W), z = l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, W) : tl(w.valueMin, w.valueMax === w.valueMin ? w.valueMax * k : w.valueMax, W), le = V.min >= 0 ? 0 : Math.abs(V.min), ue = 0, q = V.max + Math.abs(le), we = z.max + Math.abs(ue), Be = o.stackIndex, cl = r - 1 - Be, pe = s ? 1 - o.cumulatedStackRatio : 0, E = s ? i * pe + e * cl : 0, R = s ? i * o.stackRatio : c.value.height, Q = c.value?.bottom - E - R * le / q, ye = c.value?.bottom - E - R * ue / we, ce = o.series.map((O, oe) => {
+          const lr = f.value.useIndividualScale ? (o.absoluteValues[oe] + Math.abs(le)) / q : Je(O);
           return {
             x: N(c.value?.left + Z.value.line / 2 + Z.value.line * oe),
-            y: N(c.value?.bottom - E - R * jo),
+            y: N(c.value?.bottom - E - R * lr),
             value: o.absoluteValues[oe],
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
           };
-        }), $l = o.absoluteValues.map((O) => z.min >= 0 ? (O - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (O + Math.abs(z.min)) / (z.max + Math.abs(z.min))), he = o.series.map((O, oe) => [void 0, null].includes(o.absoluteValues[oe]) ? {
+        }), Al = o.absoluteValues.map((O) => z.min >= 0 ? (O - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (O + Math.abs(z.min)) / (z.max + Math.abs(z.min))), he = o.series.map((O, oe) => [void 0, null].includes(o.absoluteValues[oe]) ? {
           x: N(c.value?.left + Z.value.line / 2 + Z.value.line * oe),
           y: Q,
           value: o.absoluteValues[oe],
           comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
         } : {
           x: N(c.value?.left + Z.value.line / 2 + Z.value.line * oe),
-          y: N(c.value?.bottom - E - (R * $l[oe] || 0)),
+          y: N(c.value?.bottom - E - (R * Al[oe] || 0)),
           value: o.absoluteValues[oe],
           comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
         }), Ye = l.value.line.cutNullValues ? Ft(ce) : Ot(ce.filter((O) => O.value !== null)), X = l.value.line.cutNullValues ? Ft(he) : Ot(he.filter((O) => O.value !== null)), K = l.value.line.cutNullValues ? Bt(ce) : Nt(ce.filter((O) => O.value !== null)), D = l.value.line.cutNullValues ? Bt(he) : Nt(he.filter((O) => O.value !== null)), j = V.ticks.map((O) => ({
@@ -948,8 +952,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
             datapoint: o
           };
         });
-        A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? We : j, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : Q, A.value[o.scaleLabel].individualMax = o.autoScaling ? Se : q, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = E, A.value[o.scaleLabel].individualHeight = R, A.value[o.scaleLabel].autoScaleYLabels = We, A.value[o.scaleLabel].unique = Ke.value.filter((O) => O.scaleLabel === o.scaleLabel).length === 1;
-        const el = f.value.useIndividualScale ? o.autoScaling ? ye : Q : ue.value, Al = Math.max(Math.max(o.autoScaling ? ye : j.at(-1) ? j.at(-1).y : 0, c.value?.top), el);
+        $.value[o.scaleLabel].name = o.name, $.value[o.scaleLabel].groupName = o.scaleLabel, $.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, $.value[o.scaleLabel].color = o.color, $.value[o.scaleLabel].scaleYLabels = o.autoScaling ? We : j, $.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : Q, $.value[o.scaleLabel].individualMax = o.autoScaling ? we : q, $.value[o.scaleLabel].scaleLabel = o.scaleLabel, $.value[o.scaleLabel].id = o.id, $.value[o.scaleLabel].yOffset = E, $.value[o.scaleLabel].individualHeight = R, $.value[o.scaleLabel].autoScaleYLabels = We, $.value[o.scaleLabel].unique = Ke.value.filter((O) => O.scaleLabel === o.scaleLabel).length === 1;
+        const el = f.value.useIndividualScale ? o.autoScaling ? ye : Q : ne.value, $l = Math.max(Math.max(o.autoScaling ? ye : j.at(-1) ? j.at(-1).y : 0, c.value?.top), el);
         return {
           ...o,
           yOffset: E,
@@ -957,53 +961,53 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           individualHeight: R,
           scaleYLabels: o.autoScaling ? We : j,
           individualScale: o.autoScaling ? z : V,
-          individualMax: o.autoScaling ? Se : q,
+          individualMax: o.autoScaling ? we : q,
           zeroPosition: o.autoScaling ? ye : Q,
           curve: o.autoScaling ? X : Ye,
           plots: o.autoScaling ? he : ce,
           area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Vt(
             o.autoScaling ? he : ce,
-            Al
+            $l
           ) : Dt(
             o.autoScaling ? he.filter((O) => O.value !== null) : ce.filter((O) => O.value !== null),
-            Al
-          ) : l.value.line.cutNullValues ? Vt(ce, Al) : Dt(ce.filter((O) => O.value !== null), Al) : "",
-          curveAreas: o.useArea ? vr(
+            $l
+          ) : l.value.line.cutNullValues ? Vt(ce, $l) : Dt(ce.filter((O) => O.value !== null), $l) : "",
+          curveAreas: o.useArea ? hr(
             o.autoScaling ? l.value.line.cutNullValues ? he : he.filter((O) => O.value !== null) : l.value.line.cutNullValues ? ce : ce.filter((O) => O.value !== null),
-            Al,
+            $l,
             l.value.line.cutNullValues
           ) : [],
           straight: o.autoScaling ? D : K,
-          groupId: A.value[o.scaleLabel].groupId
+          groupId: $.value[o.scaleLabel].groupId
         };
       });
     }), xe = b(() => {
       const a = Ke.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = a.length, e = l.value.chart.grid.labels.yAxis.gap, s = f.value.isStacked, t = s ? e * (r - 1) : 0, i = c.value.height - t;
       return a.filter((o) => o.type === "plot").map((o) => {
         ba(o);
-        const L = A.value[o.scaleLabel].min, M = A.value[o.scaleLabel].max;
+        const L = $.value[o.scaleLabel].min, M = $.value[o.scaleLabel].max;
         o.absoluteValues.filter((X) => ![null, void 0].includes(X)).map((X) => (X - L) / (M - L));
         const F = {
           valueMin: L,
           valueMax: M
-        }, S = {
+        }, w = {
           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, W = 1.0000001, k = tl(S.min, S.max === S.min ? S.max * W : S.max, T), V = tl(F.valueMin, F.valueMax === F.valueMin ? F.valueMax * W : F.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), le = 0, ne = k.max + z, q = V.max + Math.abs(le), Se = o.stackIndex, Be = r - 1 - Se, cl = s ? 1 - o.cumulatedStackRatio : 0, pe = s ? i * cl + e * Be : 0, E = s ? i * o.stackRatio : c.value.height, R = c.value?.bottom - pe - E * z / ne, Q = c.value?.bottom - pe - E * le / q, ye = o.series.map((X, K) => {
-          const D = f.value.useIndividualScale ? (o.absoluteValues[K] + Math.abs(z)) / ne : Je(X);
+        }, T = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, W = 1.0000001, k = tl(w.min, w.max === w.min ? w.max * W : w.max, T), V = tl(F.valueMin, F.valueMax === F.valueMin ? F.valueMax * W : F.valueMax, T), z = k.min >= 0 ? 0 : Math.abs(k.min), le = 0, ue = k.max + z, q = V.max + Math.abs(le), we = o.stackIndex, Be = r - 1 - we, cl = s ? 1 - o.cumulatedStackRatio : 0, pe = s ? i * cl + e * Be : 0, E = s ? i * o.stackRatio : c.value.height, R = c.value?.bottom - pe - E * z / ue, Q = c.value?.bottom - pe - E * le / q, ye = o.series.map((X, K) => {
+          const D = f.value.useIndividualScale ? (o.absoluteValues[K] + Math.abs(z)) / ue : Je(X);
           return {
             x: N(c.value?.left + Z.value.plot / 2 + Z.value.plot * K),
             y: N(c.value?.bottom - pe - E * D),
             value: o.absoluteValues[K],
             comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
           };
-        }), ce = o.absoluteValues.map((X) => V.min >= 0 ? (X - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (X + Math.abs(V.min)) / (V.max + Math.abs(V.min))), $l = o.series.map((X, K) => ({
+        }), ce = o.absoluteValues.map((X) => V.min >= 0 ? (X - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (X + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Al = o.series.map((X, K) => ({
           x: N(c.value?.left + Z.value.plot / 2 + Z.value.plot * K),
           y: N(c.value?.bottom - pe - (E * ce[K] || 0)),
           value: o.absoluteValues[K],
           comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
         })), he = k.ticks.map((X) => ({
-          y: X >= 0 ? R - E * (X / ne) : R + E * Math.abs(X) / ne,
+          y: X >= 0 ? R - E * (X / ue) : R + E * Math.abs(X) / ue,
           value: X,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
@@ -1018,20 +1022,20 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
             datapoint: o
           };
         });
-        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ye : he, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? Q : R, A.value[o.scaleLabel].individualMax = o.autoScaling ? q : ne, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = pe, A.value[o.scaleLabel].individualHeight = E, A.value[o.scaleLabel].autoScaleYLabels = Ye, A.value[o.scaleLabel].unique = Ke.value.filter((X) => X.scaleLabel === o.scaleLabel).length === 1, {
+        return $.value[o.scaleLabel].name = o.name, $.value[o.scaleLabel].groupName = o.scaleLabel, $.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, $.value[o.scaleLabel].color = o.color, $.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ye : he, $.value[o.scaleLabel].zeroPosition = o.autoScaling ? Q : R, $.value[o.scaleLabel].individualMax = o.autoScaling ? q : ue, $.value[o.scaleLabel].scaleLabel = o.scaleLabel, $.value[o.scaleLabel].id = o.id, $.value[o.scaleLabel].yOffset = pe, $.value[o.scaleLabel].individualHeight = E, $.value[o.scaleLabel].autoScaleYLabels = Ye, $.value[o.scaleLabel].unique = Ke.value.filter((X) => X.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: pe,
           autoScaleYLabels: Ye,
           individualHeight: E,
           scaleYLabels: o.autoScaling ? Ye : he,
           individualScale: o.autoScaling ? V : k,
-          individualMax: o.autoScaling ? q : ne,
+          individualMax: o.autoScaling ? q : ue,
           zeroPosition: o.autoScaling ? Q : R,
-          plots: o.autoScaling ? $l : ye,
-          groupId: A.value[o.scaleLabel].groupId
+          plots: o.autoScaling ? Al : ye,
+          groupId: $.value[o.scaleLabel].groupId
         };
       });
-    }), Sl = b(() => {
+    }), wl = b(() => {
       const a = te.value.map((i) => ({
         name: i.name,
         color: i.color,
@@ -1067,7 +1071,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         id: i.id,
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || c.value.height
-      })), s = f.value.useIndividualScale && !f.value.isStacked ? Object.values(A.value) : [...a, ...r, ...e], t = s.flatMap((i) => i).length;
+      })), s = f.value.useIndividualScale && !f.value.isStacked ? Object.values($.value) : [...a, ...r, ...e], t = s.flatMap((i) => i).length;
       return s.flatMap((i, o) => {
         let L = 0;
         L = f.value.isStacked ? c.value?.left : c.value?.left / t * (o + 1);
@@ -1103,13 +1107,13 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         if (!o || !L) return;
         const M = te.value.find((k) => k.name === o), F = te.value.find((k) => k.name === L);
         if (!M || !F || M.type !== "line" || F.type !== "line") return;
-        const S = e?.[i]?.[0] ?? M.color, T = e?.[i]?.[1] ?? F.color;
-        dr({
+        const w = e?.[i]?.[0] ?? M.color, T = e?.[i]?.[1] ?? F.color;
+        fr({
           lineA: M.plots,
           lineB: F.plots,
           smoothA: !!M.smooth,
           smoothB: !!F.smooth,
-          colorLineA: S,
+          colorLineA: w,
           colorLineB: T,
           sampleStepPx: 2,
           cutNullValues: l.value.line.cutNullValues
@@ -1119,16 +1123,16 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       }), s;
     }), ht = b(() => ({
       datapoint: je.value,
-      seriesIndex: _.value,
+      seriesIndex: C.value,
       series: me.value,
       bars: Me.value,
       lines: te.value,
       plots: xe.value,
       config: l.value
-    })), nl = b(() => {
-      const a = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter, r = Sr({
+    })), ul = b(() => {
+      const a = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter, r = Ar({
         useUTC: a.useUTC,
-        locale: Cr[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        locale: $r[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
         januaryAsYear: a.januaryAsYear
       });
       return (e, s) => {
@@ -1136,14 +1140,14 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         return i == null ? "" : r.formatDate(new Date(i), s);
       };
     }), ft = b(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((r, e) => ({
-      text: nl.value(e, l.value.chart.zoom.timeFormat),
+      text: ul.value(e, l.value.chart.zoom.timeFormat),
       absoluteIndex: e
-    }))), Ho = b(() => {
+    }))), Wo = b(() => {
       let a = "", r = je.value.map((t) => t.value).filter((t) => Jl(t) && t !== null).reduce((t, i) => Math.abs(t) + Math.abs(i), 0);
-      const e = de.value[_.value], s = l.value.chart.tooltip.customFormat;
-      if (Pt(s) && hr(() => s({
-        absoluteIndex: _.value + m.value.start,
-        seriesIndex: _.value,
+      const e = de.value[C.value], s = l.value.chart.tooltip.customFormat;
+      if (Pt(s) && gr(() => s({
+        absoluteIndex: C.value + m.value.start,
+        seriesIndex: C.value,
         datapoint: je.value,
         series: me.value,
         bars: Me.value,
@@ -1152,8 +1156,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         config: l.value
       })))
         return s({
-          absoluteIndex: _.value + m.value.start,
-          seriesIndex: _.value,
+          absoluteIndex: C.value + m.value.start,
+          seriesIndex: C.value,
           datapoint: je.value,
           series: me.value,
           bars: Me.value,
@@ -1162,7 +1166,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           config: l.value
         });
       if (e && e.text && l.value.chart.tooltip.showTimeLabel) {
-        const t = nl.value(_.value + m.value.start, l.value.chart.tooltip.timeFormat);
+        const t = ul.value(C.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 je.value.forEach((t) => {
@@ -1170,7 +1174,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           let i = "", o = "";
           switch (bl.value[t.type]) {
             case "bar":
-              i = `<svg viewBox="0 0 40 40" height="14" width="14">${Aa.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Aa.pattern ? `url(#pattern_${H.value}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
+              i = `<svg viewBox="0 0 40 40" height="14" width="14">${$a.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${$a.pattern ? `url(#pattern_${H.value}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
               break;
             case "line":
               !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Ne({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${Et({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), i = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
@@ -1219,33 +1223,33 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
             v: N(Math.abs(t.value) / r * 100),
             s: "%",
             r: l.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, l.value.chart.comments.showInTooltip && t.comments.length && t.comments.slice(m.value.start, m.value.end)[_.value] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(m.value.start, m.value.end)[_.value]}</div>`);
+          })})` : ""}</div>`, l.value.chart.comments.showInTooltip && t.comments.length && t.comments.slice(m.value.start, m.value.end)[C.value] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(m.value.start, m.value.end)[C.value]}</div>`);
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${l.value.chart.tooltip.color}">${a}</div>`;
     }), gt = b(() => {
       if (Pe.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const a = we.value.map((e) => ({
+      const a = _e.value.map((e) => ({
         label: e.name,
         color: e.color,
         type: e.type
       })), r = [];
       return de.value.forEach((e, s) => {
-        const t = l.value.table.useDefaultTimeFormat ? [e.text] : [nl.value(s + m.value.start, l.value.table.timeFormat)];
-        we.value.forEach((i) => {
+        const t = l.value.table.useDefaultTimeFormat ? [e.text] : [ul.value(s + m.value.start, l.value.table.timeFormat)];
+        _e.value.forEach((i) => {
           t.push(be(i.absoluteValues[s]) ? Number(i.absoluteValues[s].toFixed(l.value.table.rounding)) : "");
         }), r.push(t);
       }), { head: a, body: r };
     }), Ul = b(() => {
       const a = l.value.table.showSum;
-      let r = [""].concat(we.value.map((i) => i.name));
+      let r = [""].concat(_e.value.map((i) => i.name));
       a && (r = r.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
       let e = [];
-      for (let i = 0; i < $.value; i += 1) {
-        const o = we.value.map((L) => L.absoluteValues[i] ?? 0).reduce((L, M) => L + M, 0);
+      for (let i = 0; i < A.value; i += 1) {
+        const o = _e.value.map((L) => L.absoluteValues[i] ?? 0).reduce((L, M) => L + M, 0);
         e.push(
           [
-            l.value.table.useDefaultTimeFormat ? de.value[i].text ?? "-" : nl.value(i + m.value.start, l.value.table.timeFormat)
-          ].concat(we.value.map(
+            l.value.table.useDefaultTimeFormat ? de.value[i].text ?? "-" : ul.value(i + m.value.start, l.value.table.timeFormat)
+          ].concat(_e.value.map(
             (L) => re(
               L.type === "line" ? l.value.line.labels.formatter : L.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
               L.absoluteValues[i] ?? 0,
@@ -1271,22 +1275,22 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           outline: l.value.table.td.outline
         },
         breakpoint: l.value.table.responsiveBreakpoint
-      }, t = [l.value.table.columnNames.period].concat(we.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
+      }, t = [l.value.table.columnNames.period].concat(_e.value.map((i) => i.name)).concat(l.value.table.columnNames.total);
       return { head: r, body: e, config: s, colNames: t };
     });
     function xa(a = null) {
-      const r = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...gt.value.head.map((o) => o.label)], s = gt.value.body, t = r.concat([e]).concat(s), i = br(t);
-      a ? a(i) : xr({ csvContent: i, title: l.value.chart.title.text || "vue-ui-xy" });
+      const r = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...gt.value.head.map((o) => o.label)], s = gt.value.body, t = r.concat([e]).concat(s), i = pr(t);
+      a ? a(i) : yr({ csvContent: i, title: l.value.chart.title.text || "vue-ui-xy" });
     }
     function mt(a, r = null) {
       Ma.value = a;
-      const e = we.value.map((s) => ({
+      const e = _e.value.map((s) => ({
         name: s.name,
         value: [null, void 0, NaN].includes(s.absoluteValues[r]) ? null : s.absoluteValues[r],
         color: s.color,
         type: s.type
       }));
-      a ? (_.value = r, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: r + m.value.start })) : (_.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: r + m.value.start }));
+      a ? (C.value = r, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: r + m.value.start })) : (C.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: r + m.value.start }));
     }
     function bt() {
       f.value.showTable = !f.value.showTable;
@@ -1302,7 +1306,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
     }
     function kt() {
       if (!l.value.responsiveProportionalSizing) {
-        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, $e.value.plot = l.value.plot.radius, $e.value.line = l.value.line.radius;
+        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, Ae.value.plot = l.value.plot.radius, Ae.value.line = l.value.line.radius;
         return;
       }
       y.value.dataLabels = dl({
@@ -1329,13 +1333,13 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         source: l.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), $e.value.plot = dl({
+      }), Ae.value.plot = dl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.plot.radius,
         threshold: 1,
         fallback: 1
-      }), $e.value.line = dl({
+      }), Ae.value.line = dl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.line.radius,
@@ -1344,12 +1348,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       });
     }
     function pa() {
-      Rt(g.dataset) ? (wa({
+      Rt(g.dataset) ? (_a({
         componentName: "VueUiXy",
         type: "dataset",
         debug: yl.value
       }), Ol.value = !0) : g.dataset.forEach((r, e) => {
-        [null, void 0].includes(r.name) && (wa({
+        [null, void 0].includes(r.name) && (_a({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
@@ -1372,66 +1376,66 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         l.value.chart.title.show && fl.value && (i = fl.value, o = i.getBoundingClientRect().height);
         let L = null, M = 0;
         l.value.chart.zoom.show && Oe.value > 6 && ca.value && Fe.value && Fe.value.$el && (L = Fe.value.$el, M = L.getBoundingClientRect().height);
-        let F = null, S = 0;
-        l.value.chart.legend.show && rl.value && (F = rl.value, S = F.getBoundingClientRect().height);
+        let F = null, w = 0;
+        l.value.chart.legend.show && rl.value && (F = rl.value, w = F.getBoundingClientRect().height);
         let T = 0;
         gl.value && (T = gl.value.getBoundingClientRect().height);
         let W = 0;
-        ml.value && (W = ml.value.getBoundingClientRect().height), ve.value = s - o - S - M - T - W - a, ee.value = t, zl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, kt();
+        ml.value && (W = ml.value.getBoundingClientRect().height), ve.value = s - o - w - M - T - W - a, ee.value = t, zl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, kt();
         const k = new ResizeObserver((V) => {
           for (const z of V)
-            l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, Fe.value && Fe.value.$el ? M = Fe.value.$el.getBoundingClientRect().height : M = 0, rl.value ? S = rl.value.getBoundingClientRect().height : S = 0, gl.value ? T = gl.value.getBoundingClientRect().height : T = 0, ml.value ? W = ml.value.getBoundingClientRect().height : W = 0, requestAnimationFrame(() => {
-              ve.value = z.contentRect.height - o - S - M - T - W - a, ee.value = z.contentBoxSize[0].inlineSize, zl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, kt();
+            l.value.chart.title.show && fl.value ? o = fl.value.getBoundingClientRect().height : o = 0, Fe.value && Fe.value.$el ? M = Fe.value.$el.getBoundingClientRect().height : M = 0, rl.value ? w = rl.value.getBoundingClientRect().height : w = 0, gl.value ? T = gl.value.getBoundingClientRect().height : T = 0, ml.value ? W = ml.value.getBoundingClientRect().height : W = 0, requestAnimationFrame(() => {
+              ve.value = z.contentRect.height - o - w - M - T - W - a, ee.value = z.contentBoxSize[0].inlineSize, zl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, kt();
             });
         });
         Ee.value = k, ra.value = e, k.observe(e);
       } else
-        ve.value = l.value.chart.height, ee.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, $e.value.plot = l.value.plot.radius, $e.value.line = l.value.line.radius, zl.value = `0 0 ${ee.value} ${ve.value}`;
+        ve.value = l.value.chart.height, ee.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, Ae.value.plot = l.value.plot.radius, Ae.value.line = l.value.line.radius, zl.value = `0 0 ${ee.value} ${ve.value}`;
     }
-    function _t(a) {
-      co.value = {
+    function Ct(a) {
+      ho.value = {
         x: a.clientX,
         y: a.clientY
       };
     }
     Zl(() => {
-      pa(), Pl(), document.addEventListener("mousemove", _t, { passive: !0 }), document.addEventListener("scroll", Xa, { passive: !0 });
+      pa(), Pl(), document.addEventListener("mousemove", Ct, { passive: !0 }), document.addEventListener("scroll", Xa, { passive: !0 });
     }), ka(() => {
-      document.removeEventListener("scroll", Xa, { passive: !0 }), document.removeEventListener("mousemove", _t, { passive: !0 }), Ee.value && (Ee.value.unobserve(ra.value), Ee.value.disconnect(), Ee.value = null);
-    }), Lr({
+      document.removeEventListener("scroll", Xa, { passive: !0 }), document.removeEventListener("mousemove", Ct, { passive: !0 }), Ee.value && (Ee.value.unobserve(ra.value), Ee.value.disconnect(), Ee.value = null);
+    }), Tr({
       timeLabelsEls: sl,
       timeLabels: de,
       slicer: m,
       configRef: l,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
-      isAutoSize: mo,
+      isAutoSize: xo,
       height: ve,
       width: ee,
       rotation: l.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const ql = x(!1), wt = x(null), St = x(200), Yo = b(
-      () => _.value ?? B.value ?? 0
+    const ql = x(!1), _t = x(null), wt = x(200), Xo = b(
+      () => C.value ?? B.value ?? 0
     );
-    function Wo() {
-      const a = Math.ceil(St.value || 200);
+    function Go() {
+      const a = Math.ceil(wt.value || 200);
       return Math.min(Math.max(a, 1), 200);
     }
-    function Xo() {
-      const a = Wo(), r = 200, e = Math.max(1, $.value), s = c.value.width / e, i = c.value?.left + Yo.value * s + s / 2 - a / 2 - (r - a) / 2, o = c.value?.left - (r - a) / 2, L = c.value?.right - (r + a) / 2, M = Math.max(o, Math.min(i, L));
+    function Uo() {
+      const a = Go(), r = 200, e = Math.max(1, A.value), s = c.value.width / e, i = c.value?.left + Xo.value * s + s / 2 - a / 2 - (r - a) / 2, o = c.value?.left - (r - a) / 2, L = c.value?.right - (r + a) / 2, M = Math.max(o, Math.min(i, L));
       return N(M);
     }
     Zl(() => {
       let a = null, r = null;
       const e = (i) => {
         cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-          St.value = Math.min(Math.max(Math.ceil(i || 0), 1), 200);
+          wt.value = Math.min(Math.max(Math.ceil(i || 0), 1), 200);
         });
       }, s = new ResizeObserver((i) => {
         let o = i.find((L) => L.target === a) || i[0];
         o && e(o.contentRect.width || 200);
       }), t = Lt((i) => {
-        const o = wt.value;
+        const o = _t.value;
         a && a !== o && (s.unobserve(a), a = null), o && o !== a && (Mt(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
         }), s.observe(o), a = o), i(() => {
@@ -1445,9 +1449,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         }
       });
     });
-    const Go = b(() => {
-      if ([null, void 0].includes(_.value) && [null, void 0].includes(B.value)) return "";
-      const a = (_.value != null ? _.value : 0) || (B.value != null ? B.value : 0), r = l.value.chart.timeTag.customFormat;
+    const qo = b(() => {
+      if ([null, void 0].includes(C.value) && [null, void 0].includes(B.value)) return "";
+      const a = (C.value != null ? C.value : 0) || (B.value != null ? B.value : 0), r = l.value.chart.timeTag.customFormat;
       if (ql.value = !1, Pt(r))
         try {
           const e = r({
@@ -1465,18 +1469,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           console.warn("Custom format cannot be applied on timeTag."), ql.value = !1;
         }
       if (!ql.value)
-        return [null, void 0].includes(de.value[a]) ? "" : l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.timeTag.useDefaultFormat ? nl.value(a + m.value.start, l.value.chart.timeTag.timeFormat) : de.value[a].text;
+        return [null, void 0].includes(de.value[a]) ? "" : l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.timeTag.useDefaultFormat ? ul.value(a + m.value.start, l.value.chart.timeTag.timeFormat) : de.value[a].text;
     });
     Ll(() => g.dataset, (a) => {
       Array.isArray(a) && a.length > 0 && (Ol.value = !1), Oe.value = Math.max(...ge.value.map((r) => Re(r.series).length)), m.value = {
         start: 0,
         end: Oe.value
-      }, no.value += 1, sa.value += 1, ul();
+      }, vo.value += 1, sa.value += 1, nl();
     }, { deep: !0 }), Ll(() => g.config, (a) => {
-      ie.value || (l.value = na()), pa(), Ia.value += 1, za.value += 1, va(), ul();
+      ie.value || (l.value = ua()), pa(), Ia.value += 1, za.value += 1, va(), nl();
     }, { deep: !0 });
     const ya = x(!1);
-    function Ct() {
+    function St() {
       const a = Ie.value?.parentNode;
       if (!a) {
         ya.value = !1;
@@ -1486,18 +1490,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       ya.value = r.width > 2 && r.height > 2;
     }
     Zl(() => {
-      Ct();
+      St();
       const a = new ResizeObserver(() => {
-        Ct(), ya.value && (pa(), ul(), Pl());
+        St(), ya.value && (pa(), nl(), Pl());
       });
       Ie.value?.parentNode && a.observe(Ie.value.parentNode);
     }), Ll(l, () => {
       va();
     }, { immediate: !0 });
-    const Cl = b(() => {
+    const Sl = b(() => {
       const a = l.value.table.useDialog && !l.value.showTable, r = f.value.showTable;
       return {
-        component: a ? oo : Ir,
+        component: a ? so : Or,
         title: `${l.value.chart.title.text}${l.value.chart.title.subtitle.text ? `: ${l.value.chart.title.subtitle.text}` : ""}`,
         props: a ? {
           backgroundColor: l.value.table.th.backgroundColor,
@@ -1527,53 +1531,53 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
     Ll(() => f.value.showTable, (a) => {
       l.value.showTable || (a && l.value.table.useDialog && il.value ? il.value.open() : il.value && il.value.close && il.value.close());
     });
-    function $t() {
+    function At() {
       f.value.showTable = !1, oa.value && oa.value.setTableIconState(!1);
     }
-    const Uo = b(() => me.value.map((a) => ({
+    const Zo = b(() => me.value.map((a) => ({
       shape: a.type === "bar" ? "square" : a.shape ?? "circle",
       color: a.color,
       name: a.name
-    }))), qo = b(() => l.value.chart.backgroundColor), Zo = b(() => l.value.chart.legend), Jo = b(() => l.value.chart.title), { exportSvg: Qo, getSvg: Ko } = $r({
+    }))), Jo = b(() => l.value.chart.backgroundColor), Qo = b(() => l.value.chart.legend), Ko = b(() => l.value.chart.title), { exportSvg: jo, getSvg: er } = Lr({
       svg: se,
-      title: Jo,
-      legend: Zo,
-      legendItems: Uo,
-      backgroundColor: qo
+      title: Ko,
+      legend: Qo,
+      legendItems: Zo,
+      backgroundColor: Jo
     });
-    async function At({ isCb: a }) {
+    async function $t({ isCb: a }) {
       if (a) {
-        const { blob: r, url: e, text: s, dataUrl: t } = await Ko();
+        const { blob: r, url: e, text: s, dataUrl: t } = await er();
         l.value.chart.userOptions.callbacks.svg({ blob: r, url: e, text: s, dataUrl: t });
       } else
-        Qo();
+        jo();
     }
-    return Jt({
-      getData: To,
-      getImage: zo,
+    return Kt({
+      getData: Io,
+      getImage: Fo,
       generatePdf: Ra,
       generateImage: Ha,
-      generateSvg: At,
+      generateSvg: $t,
       generateCsv: xa,
-      hideSeries: Fo,
-      showSeries: Io,
+      hideSeries: Bo,
+      showSeries: Oo,
       toggleStack: Za,
       toggleTable: bt,
       toggleLabels: xt,
       toggleTooltip: pt,
       toggleAnnotator: fa,
       toggleFullscreen: yt
-    }), (a, r) => (u(), n("div", {
+    }), (a, r) => (n(), u("div", {
       id: `vue-ui-xy_${H.value}`,
       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: Ie,
-      style: C(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
+      style: S(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: r[6] || (r[6] = () => Ua(!0)),
       onMouseleave: r[7] || (r[7] = () => Ua(!1)),
       onClick: ot
     }, [
-      l.value.chart.userOptions.buttons.annotator && se.value ? (u(), Te(v(to), {
+      l.value.chart.userOptions.buttons.annotator && se.value ? (n(), Te(v(ro), {
         key: 0,
         svgRef: se.value,
         backgroundColor: l.value.chart.backgroundColor,
@@ -1585,37 +1589,37 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           P(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": G(({ color: e }) => [
-          P(a.$slots, "annotator-action-color", ke(_e({ color: e })), void 0, !0)
+          P(a.$slots, "annotator-action-color", ke(Ce({ color: e })), void 0, !0)
         ]),
         "annotator-action-draw": G(({ mode: e }) => [
-          P(a.$slots, "annotator-action-draw", ke(_e({ mode: e })), void 0, !0)
+          P(a.$slots, "annotator-action-draw", ke(Ce({ mode: e })), void 0, !0)
         ]),
         "annotator-action-undo": G(({ disabled: e }) => [
-          P(a.$slots, "annotator-action-undo", ke(_e({ disabled: e })), void 0, !0)
+          P(a.$slots, "annotator-action-undo", ke(Ce({ disabled: e })), void 0, !0)
         ]),
         "annotator-action-redo": G(({ disabled: e }) => [
-          P(a.$slots, "annotator-action-redo", ke(_e({ disabled: e })), void 0, !0)
+          P(a.$slots, "annotator-action-redo", ke(Ce({ disabled: e })), void 0, !0)
         ]),
         "annotator-action-delete": G(({ disabled: e }) => [
-          P(a.$slots, "annotator-action-delete", ke(_e({ disabled: e })), void 0, !0)
+          P(a.$slots, "annotator-action-delete", ke(Ce({ disabled: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      Bo.value ? (u(), n("div", {
+      Vo.value ? (n(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ml,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%; background:transparent"
       }, null, 512)) : h("", !0),
-      l.value.chart.title.show ? (u(), n("div", {
+      l.value.chart.title.show ? (n(), u("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: fl,
         class: "vue-ui-xy-title",
-        style: C(`font-family:${l.value.chart.fontFamily}`)
+        style: S(`font-family:${l.value.chart.fontFamily}`)
       }, [
-        (u(), Te(Tr, {
+        (n(), Te(Ir, {
           key: `title_${Ia.value}`,
           config: {
             title: {
@@ -1631,8 +1635,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       ], 4)) : h("", !0),
       p("div", {
         id: `legend-top-${H.value}`
-      }, null, 8, Br),
-      l.value.chart.userOptions.show && (ia.value || Il.value) ? (u(), Te(v(eo), {
+      }, null, 8, Vr),
+      l.value.chart.userOptions.show && (ia.value || Il.value) ? (n(), Te(v(ao), {
         ref_key: "userOptionsRef",
         ref: oa,
         key: `user_options_${Ta.value}`,
@@ -1665,20 +1669,20 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         onGeneratePdf: v(Ra),
         onGenerateCsv: xa,
         onGenerateImage: v(Ha),
-        onGenerateSvg: At,
+        onGenerateSvg: $t,
         onToggleTable: bt,
         onToggleLabels: xt,
         onToggleStack: Za,
         onToggleTooltip: pt,
         onToggleAnnotator: fa,
-        style: C({
+        style: S({
           visibility: ia.value ? Il.value ? "visible" : "hidden" : "visible"
         })
       }, Tt({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: G(({ isOpen: e, color: s }) => [
-            P(a.$slots, "menuIcon", ke(_e({ isOpen: e, color: s })), void 0, !0)
+            P(a.$slots, "menuIcon", ke(Ce({ isOpen: e, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -1734,66 +1738,66 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         a.$slots.optionStack ? {
           name: "optionStack",
           fn: G(({ isStack: e }) => [
-            P(a.$slots, "optionStack", ke(_e({ isStack: e })), void 0, !0)
+            P(a.$slots, "optionStack", ke(Ce({ isStack: e })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: G(({ toggleFullscreen: e, isFullscreen: s }) => [
-            P(a.$slots, "optionFullscreen", ke(_e({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
+            P(a.$slots, "optionFullscreen", ke(Ce({ toggleFullscreen: e, isFullscreen: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: G(({ toggleAnnotator: e, isAnnotator: s }) => [
-            P(a.$slots, "optionAnnotator", ke(_e({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
+            P(a.$slots, "optionAnnotator", ke(Ce({ toggleAnnotator: e, isAnnotator: s })), void 0, !0)
           ]),
           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),
-      (u(), n("svg", {
+      (n(), u("svg", {
         ref_key: "svgRef",
         ref: se,
         xmlns: "http://www.w3.org/2000/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: zl.value,
-        style: C({
+        style: S({
           background: "transparent",
           color: l.value.chart.color,
           fontFamily: l.value.chart.fontFamily
         }),
-        "aria-label": Oo.value,
+        "aria-label": No.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid",
-        onMousemove: Mo,
+        onMousemove: zo,
         onMouseleave: Hl,
         onClick: ot
       }, [
         p("g", {
           ref_key: "G",
-          ref: uo,
+          ref: co,
           class: "vue-data-ui-g"
         }, [
-          vl(v(ao)),
-          a.$slots["chart-background"] ? (u(), n("foreignObject", {
+          vl(v(oo)),
+          a.$slots["chart-background"] ? (n(), u("foreignObject", {
             key: 0,
             x: c.value?.left + U.value < 0 ? 0 : c.value?.left + U.value,
             y: c.value?.top,
-            width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
+            width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / A.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / A.value),
             height: c.value.height < 0 ? 0 : c.value.height,
             style: {
               pointerEvents: "none"
             }
           }, [
             P(a.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Vr)) : h("", !0),
-          $.value > 0 ? (u(), n("g", Dr, [
-            p("g", Pr, [
-              l.value.chart.grid.labels.xAxis.showBaseline ? (u(), n("line", {
+          ], 8, Pr)) : h("", !0),
+          A.value > 0 ? (n(), u("g", Er, [
+            p("g", Rr, [
+              l.value.chart.grid.labels.xAxis.showBaseline ? (n(), u("line", {
                 key: 0,
                 stroke: l.value.chart.grid.stroke,
                 "stroke-width": "1",
@@ -1803,9 +1807,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 y2: v(Y)(c.value?.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
-              }, null, 8, Er)) : h("", !0),
-              f.value.useIndividualScale ? l.value.chart.grid.showHorizontalLines ? (u(!0), n(d, { key: 2 }, w(Sl.value, (e) => (u(), n("g", null, [
-                e.id === I.value && e.yLabels.length ? (u(!0), n(d, { key: 0 }, w(e.yLabels, (s) => (u(), n("line", {
+              }, null, 8, Hr)) : h("", !0),
+              f.value.useIndividualScale ? l.value.chart.grid.showHorizontalLines ? (n(!0), u(d, { key: 2 }, _(wl.value, (e) => (n(), u("g", null, [
+                e.id === I.value && e.yLabels.length ? (n(!0), u(d, { key: 0 }, _(e.yLabels, (s) => (n(), u("line", {
                   x1: c.value?.left + U.value,
                   x2: c.value?.right - U.value,
                   y1: v(Y)(s.y),
@@ -1814,7 +1818,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Wr))), 256)) : e.yLabels.length ? (u(!0), n(d, { key: 1 }, w(e.yLabels, (s) => (u(), n("line", {
+                }, null, 8, Gr))), 256)) : e.yLabels.length ? (n(!0), u(d, { key: 1 }, _(e.yLabels, (s) => (n(), u("line", {
                   x1: c.value?.left + U.value,
                   x2: c.value?.right - U.value,
                   y1: v(Y)(s.y),
@@ -1823,9 +1827,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Xr))), 256)) : h("", !0)
-              ]))), 256)) : h("", !0) : (u(), n(d, { key: 1 }, [
-                l.value.chart.grid.labels.yAxis.showBaseline ? (u(), n("line", {
+                }, null, 8, Ur))), 256)) : h("", !0)
+              ]))), 256)) : h("", !0) : (n(), u(d, { key: 1 }, [
+                l.value.chart.grid.labels.yAxis.showBaseline ? (n(), u("line", {
                   key: 0,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": "1",
@@ -1835,9 +1839,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   y2: v(Y)(c.value?.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Rr)) : h("", !0),
-                l.value.chart.grid.showHorizontalLines ? (u(), n("g", Hr, [
-                  (u(!0), n(d, null, w(nt.value, (e) => (u(), n("line", {
+                }, null, 8, Yr)) : h("", !0),
+                l.value.chart.grid.showHorizontalLines ? (n(), u("g", Wr, [
+                  (n(!0), u(d, null, _(ut.value, (e) => (n(), u("line", {
                     x1: c.value?.left + U.value,
                     x2: c.value?.right,
                     y1: v(Y)(e.y),
@@ -1846,35 +1850,35 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
-                  }, null, 8, Yr))), 256))
+                  }, null, 8, Xr))), 256))
                 ])) : h("", !0)
               ], 64)),
-              l.value.chart.grid.showVerticalLines ? (u(), n("g", Gr, [
+              l.value.chart.grid.showVerticalLines ? (n(), u("g", qr, [
                 p("path", {
-                  d: yo.value,
+                  d: Co.value,
                   "stroke-width": 0.5,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ur)
+                }, null, 8, Zr)
               ])) : h("", !0),
-              l.value.chart.grid.labels.xAxisLabels.show ? (u(), n("g", qr, [
+              l.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", Jr, [
                 p("path", {
-                  d: ko.value,
+                  d: _o.value,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Zr)
+                }, null, 8, Qr)
               ])) : h("", !0)
             ]),
-            (u(!0), n(d, null, w(Me.value, (e, s) => (u(), n("defs", {
+            (n(!0), u(d, null, _(Me.value, (e, s) => (n(), u("defs", {
               key: `def_rect_${s}`
             }, [
               a.$slots["bar-gradient"] ? P(a.$slots, "bar-gradient", al({
                 key: 0,
                 ref_for: !0
-              }, { series: e, positiveId: `rectGradient_pos_${s}_${H.value}`, negativeId: `rectGradient_neg_${s}_${H.value}` }), void 0, !0) : (u(), n(d, { key: 1 }, [
+              }, { series: e, positiveId: `rectGradient_pos_${s}_${H.value}`, negativeId: `rectGradient_neg_${s}_${H.value}` }), void 0, !0) : (n(), u(d, { key: 1 }, [
                 p("linearGradient", {
                   id: `rectGradient_pos_${s}_${H.value}`,
                   x2: "0%",
@@ -1883,16 +1887,16 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   p("stop", {
                     offset: "0%",
                     "stop-color": e.color
-                  }, null, 8, Qr),
+                  }, null, 8, jr),
                   p("stop", {
                     offset: "62%",
                     "stop-color": `${v(ol)(e.color, 0.02)}`
-                  }, null, 8, Kr),
+                  }, null, 8, es),
                   p("stop", {
                     offset: "100%",
                     "stop-color": `${v(ol)(e.color, 0.05)}`
-                  }, null, 8, jr)
-                ], 8, Jr),
+                  }, null, 8, ls)
+                ], 8, Kr),
                 p("linearGradient", {
                   id: `rectGradient_neg_${s}_${H.value}`,
                   x2: "0%",
@@ -1901,19 +1905,19 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   p("stop", {
                     offset: "0%",
                     "stop-color": `${v(ol)(e.color, 0.05)}`
-                  }, null, 8, ls),
+                  }, null, 8, ts),
                   p("stop", {
                     offset: "38%",
                     "stop-color": `${v(ol)(e.color, 0.02)}`
-                  }, null, 8, as),
+                  }, null, 8, os),
                   p("stop", {
                     offset: "100%",
                     "stop-color": e.color
-                  }, null, 8, ts)
-                ], 8, es)
+                  }, null, 8, rs)
+                ], 8, as)
               ], 64))
             ]))), 128)),
-            (u(!0), n(d, null, w(xe.value, (e, s) => (u(), n("defs", {
+            (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u("defs", {
               key: `def_plot_${s}`
             }, [
               p("radialGradient", {
@@ -1927,14 +1931,14 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(ol)(e.color, 0.05)}`
-                }, null, 8, rs),
+                }, null, 8, is),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, ss)
-              ], 8, os)
+                }, null, 8, ns)
+              ], 8, ss)
             ]))), 128)),
-            (u(!0), n(d, null, w(te.value, (e, s) => (u(), n("defs", {
+            (n(!0), u(d, null, _(te.value, (e, s) => (n(), u("defs", {
               key: `def_line_${e.id}`
             }, [
               p("radialGradient", {
@@ -1948,16 +1952,16 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(ol)(e.color, 0.05)}`
-                }, null, 8, us),
+                }, null, 8, cs),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, ns)
-              ], 8, is),
+                }, null, 8, vs)
+              ], 8, us),
               a.$slots["area-gradient"] ? P(a.$slots, "area-gradient", al({
                 key: 0,
                 ref_for: !0
-              }, { series: e, id: `areaGradient_${s}_${H.value}` }), void 0, !0) : (u(), n("linearGradient", {
+              }, { series: e, id: `areaGradient_${s}_${H.value}` }), void 0, !0) : (n(), u("linearGradient", {
                 key: 1,
                 id: `areaGradient_${s}_${H.value}`,
                 x1: "0%",
@@ -1968,70 +1972,70 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(ze)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
-                }, null, 8, vs),
+                }, null, 8, hs),
                 p("stop", {
                   offset: "100%",
                   "stop-color": `${v(ze)(e.color, l.value.line.area.opacity)}`
-                }, null, 8, ds)
-              ], 8, cs))
+                }, null, 8, fs)
+              ], 8, ds))
             ]))), 128)),
-            (u(!0), n(d, null, w(No.value, (e) => (u(), n("g", null, [
-              e.show ? (u(), n(d, { key: 0 }, [
-                (u(!0), n(d, null, w(e.span, (s, t) => (u(), n("g", null, [
+            (n(!0), u(d, null, _(Do.value, (e) => (n(), u("g", null, [
+              e.show ? (n(), u(d, { key: 0 }, [
+                (n(!0), u(d, null, _(e.span, (s, t) => (n(), u("g", null, [
                   p("rect", {
-                    style: C({
+                    style: S({
                       transition: "none",
                       opacity: e.from + t >= m.value.start && e.from + t <= m.value.end - 1 ? 1 : 0
                     }),
-                    x: c.value?.left + c.value.width / $.value * (e.from + t - m.value.start),
+                    x: c.value?.left + c.value.width / A.value * (e.from + t - m.value.start),
                     y: c.value?.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
-                    width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
+                    width: c.value.width / A.value < 0 ? 1e-5 : c.value.width / A.value,
                     fill: v(ze)(e.color, e.opacity)
-                  }, null, 12, hs)
+                  }, null, 12, gs)
                 ]))), 256)),
-                (u(!0), n(d, null, w(e.span, (s, t) => (u(), n("g", null, [
-                  e.caption.text && t === 0 ? (u(), n("foreignObject", {
+                (n(!0), u(d, null, _(e.span, (s, t) => (n(), u("g", null, [
+                  e.caption.text && t === 0 ? (n(), u("foreignObject", {
                     key: 0,
-                    x: c.value?.left + c.value.width / $.value * (e.from + t - m.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / $.value * e.span / 2),
+                    x: c.value?.left + c.value.width / A.value * (e.from + t - m.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / A.value * e.span / 2),
                     y: c.value?.top + e.caption.offsetY,
-                    style: C({
+                    style: S({
                       overflow: "visible",
                       opacity: e.to >= m.value.start && e.from < m.value.end ? 1 : 0
                     }),
                     height: "1",
-                    width: e.caption.width === "auto" ? c.value.width / $.value * e.span : e.caption.width
+                    width: e.caption.width === "auto" ? c.value.width / A.value * e.span : e.caption.width
                   }, [
                     p("div", {
-                      style: C(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
+                      style: S(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
                     }, ae(e.caption.text), 5)
-                  ], 12, fs)) : h("", !0)
+                  ], 12, ms)) : h("", !0)
                 ]))), 256))
               ], 64)) : h("", !0)
             ]))), 256)),
-            Ga.value ? (u(), n("g", gs, [
-              (u(!0), n(d, null, w($.value, (e, s) => (u(), n("g", {
+            Ga.value ? (n(), u("g", bs, [
+              (n(!0), u(d, null, _(A.value, (e, s) => (n(), u("g", {
                 key: `tooltip_trap_highlighter_${s}`
               }, [
                 p("rect", {
-                  x: c.value?.left + c.value.width / $.value * s,
+                  x: c.value?.left + c.value.width / A.value * s,
                   y: c.value?.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
-                  width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
-                  fill: [B.value, _.value, Ze.value].includes(s) ? v(ze)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
+                  width: c.value.width / A.value < 0 ? 1e-5 : c.value.width / A.value,
+                  fill: [B.value, C.value, Ze.value].includes(s) ? v(ze)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
-                }, null, 8, ms)
+                }, null, 8, xs)
               ]))), 128))
             ])) : h("", !0),
-            Me.value.length ? (u(!0), n(d, { key: 1 }, w(Me.value, (e, s) => (u(), n("g", {
+            Me.value.length ? (n(!0), u(d, { key: 1 }, _(Me.value, (e, s) => (n(), u("g", {
               key: `serie_bar_${e.id}`,
               class: ll(`serie_bar_${s}`),
-              style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n("g", {
+              (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u("g", {
                 key: `bar_plot_${s}_${i}`
               }, [
-                be(t.value) ? (u(), n("rect", {
+                be(t.value) ? (n(), u("rect", {
                   key: 0,
                   x: Rl(t) + Gl.value / 2,
                   y: f.value.useIndividualScale ? at(t) : lt(t),
@@ -2041,11 +2045,11 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   fill: l.value.bar.useGradient ? t.value >= 0 ? `url(#rectGradient_pos_${s}_${H.value})` : `url(#rectGradient_neg_${s}_${H.value})` : e.color,
                   stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
                   "stroke-width": l.value.bar.border.strokeWidth,
-                  style: C({
+                  style: S({
                     transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out`
                   })
-                }, null, 12, bs)) : h("", !0),
-                be(t.value) && a.$slots.pattern ? (u(), n("rect", {
+                }, null, 12, ps)) : h("", !0),
+                be(t.value) && a.$slots.pattern ? (n(), u("rect", {
                   key: 1,
                   x: Rl(t) - Gl.value / 2,
                   y: f.value.useIndividualScale ? at(t) : lt(t),
@@ -2055,9 +2059,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
                   stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
                   "stroke-width": l.value.bar.border.strokeWidth,
-                  style: C({ transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, xs)) : h("", !0),
-                t.comment && l.value.chart.comments.show ? (u(), n("foreignObject", {
+                  style: S({ transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
+                }, null, 12, ys)) : h("", !0),
+                t.comment && l.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
@@ -2068,24 +2072,24 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   P(a.$slots, "plot-comment", {
                     plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: i }
                   }, void 0, !0)
-                ], 8, ps)) : h("", !0)
+                ], 8, ks)) : h("", !0)
               ]))), 128))
             ], 6))), 128)) : h("", !0),
-            !f.value.useIndividualScale && l.value.chart.grid.labels.zeroLine.show ? (u(), n("line", {
+            !f.value.useIndividualScale && l.value.chart.grid.labels.zeroLine.show ? (n(), u("line", {
               key: 2,
               stroke: l.value.chart.grid.stroke,
               "stroke-width": "1",
               x1: c.value?.left + U.value,
               x2: c.value?.right,
-              y1: v(Y)(ue.value),
-              y2: v(Y)(ue.value),
+              y1: v(Y)(ne.value),
+              y2: v(Y)(ne.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, ys)) : h("", !0),
-            l.value.chart.highlighter.useLine && (![null, void 0].includes(_.value) || ![null, void 0].includes(B.value)) ? (u(), n("g", ks, [
+            }, null, 8, Cs)) : h("", !0),
+            l.value.chart.highlighter.useLine && (![null, void 0].includes(C.value) || ![null, void 0].includes(B.value)) ? (n(), u("g", _s, [
               p("line", {
-                x1: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (B.value !== null ? B.value : 0)) + c.value.width / $.value / 2,
-                x2: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (B.value !== null ? B.value : 0)) + c.value.width / $.value / 2,
+                x1: c.value?.left + c.value.width / A.value * ((C.value !== null ? C.value : 0) || (B.value !== null ? B.value : 0)) + c.value.width / A.value / 2,
+                x2: c.value?.left + c.value.width / A.value * ((C.value !== null ? C.value : 0) || (B.value !== null ? B.value : 0)) + c.value.width / A.value / 2,
                 y1: v(Y)(c.value?.top),
                 y2: v(Y)(c.value?.bottom),
                 stroke: l.value.chart.highlighter.color,
@@ -2093,14 +2097,14 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 "stroke-dasharray": l.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, _s)
+              }, null, 8, ws)
             ])) : h("", !0),
-            l.value.chart.grid.frame.show ? (u(), n("rect", {
+            l.value.chart.grid.frame.show ? (n(), u("rect", {
               key: 4,
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
               x: c.value?.left + U.value < 0 ? 0 : c.value?.left + U.value,
               y: c.value?.top,
-              width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
+              width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / A.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / A.value),
               height: c.value.height < 0 ? 0 : c.value.height,
               fill: "transparent",
               stroke: l.value.chart.grid.frame.stroke,
@@ -2108,14 +2112,14 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               "stroke-linecap": l.value.chart.grid.frame.strokeLinecap,
               "stroke-linejoin": l.value.chart.grid.frame.strokeLinejoin,
               "stroke-dasharray": l.value.chart.grid.frame.strokeDasharray
-            }, null, 8, ws)) : h("", !0),
-            l.value.chart.grid.labels.show ? (u(), n("g", {
+            }, null, 8, Ss)) : h("", !0),
+            l.value.chart.grid.labels.show ? (n(), u("g", {
               key: 5,
               ref_key: "scaleLabels",
               ref: ta
             }, [
-              f.value.useIndividualScale ? (u(), n(d, { key: 0 }, [
-                (u(!0), n(d, null, w(Sl.value, (e) => (u(), n("g", null, [
+              f.value.useIndividualScale ? (n(), u(d, { key: 0 }, [
+                (n(!0), u(d, null, _(wl.value, (e) => (n(), u("g", null, [
                   p("line", {
                     x1: e.x + U.value - c.value.individualOffsetX,
                     x2: e.x + U.value - c.value.individualOffsetX,
@@ -2124,11 +2128,11 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     stroke: e.color,
                     "stroke-width": l.value.chart.grid.stroke,
                     "stroke-linecap": "round",
-                    style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-                  }, null, 12, Ss)
+                    style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+                  }, null, 12, As)
                 ]))), 256)),
-                (u(!0), n(d, null, w(Sl.value, (e) => (u(), n("g", {
-                  style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+                (n(!0), u(d, null, _(wl.value, (e) => (n(), u("g", {
+                  style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   p("text", {
                     fill: e.color,
@@ -2136,9 +2140,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     "text-anchor": "middle",
                     transform: `translate(${e.x - y.value.dataLabels * 0.8 / 2 + U.value}, ${f.value.isStacked ? c.value?.bottom - e.yOffset - e.individualHeight / 2 : c.value?.top + c.value.height / 2}) rotate(-90)`
                   }, ae(e.name) + " " + ae(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, Cs),
-                  (u(!0), n(d, null, w(e.yLabels, (s, t) => (u(), n(d, null, [
-                    l.value.chart.grid.labels.yAxis.showCrosshairs ? (u(), n("line", {
+                                    ${e.scaleLabel}` : ""), 9, $s),
+                  (n(!0), u(d, null, _(e.yLabels, (s, t) => (n(), u(d, null, [
+                    l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), u("line", {
                       key: 0,
                       x1: e.x + 3 + U.value - l.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
                       x2: e.x + U.value - c.value.individualOffsetX,
@@ -2148,9 +2152,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
-                    }, null, 8, $s)) : h("", !0)
+                    }, null, 8, Ls)) : h("", !0)
                   ], 64))), 256)),
-                  (u(!0), n(d, null, w(e.yLabels, (s, t) => (u(), n("text", {
+                  (n(!0), u(d, null, _(e.yLabels, (s, t) => (n(), u("text", {
                     x: e.x - 5 + U.value - c.value.individualOffsetX,
                     y: v(Y)(s.y) + y.value.dataLabels / 3,
                     "font-size": y.value.dataLabels,
@@ -2166,12 +2170,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       r: l.value.chart.grid.labels.yAxis.rounding
                     }),
                     { datapoint: s.datapoint, seriesIndex: t }
-                  )), 9, As))), 256))
+                  )), 9, Ms))), 256))
                 ], 4))), 256))
-              ], 64)) : (u(!0), n(d, { key: 1 }, w(nt.value, (e, s) => (u(), n("g", {
+              ], 64)) : (n(!0), u(d, { key: 1 }, _(ut.value, (e, s) => (n(), u("g", {
                 key: `yLabel_${s}`
               }, [
-                be(e) && e.value >= Le.value.min && e.value <= Le.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (u(), n("line", {
+                be(e) && e.value >= Le.value.min && e.value <= Le.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), u("line", {
                   key: 0,
                   x1: c.value?.left + U.value,
                   x2: c.value?.left + U.value - l.value.chart.grid.labels.yAxis.crosshairSize,
@@ -2181,8 +2185,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ls)) : h("", !0),
-                e.value >= Le.value.min && e.value <= Le.value.max ? (u(), n("text", {
+                }, null, 8, Ts)) : h("", !0),
+                e.value >= Le.value.min && e.value <= Le.value.max ? (n(), u("text", {
                   key: 1,
                   x: c.value.scaleLabelX - l.value.chart.grid.labels.yAxis.crosshairSize,
                   y: v(N)(e.y + y.value.dataLabels / 3),
@@ -2198,28 +2202,28 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     s: e.suffix,
                     r: l.value.chart.grid.labels.yAxis.rounding
                   })
-                ) : ""), 9, Ms)) : h("", !0)
+                ) : ""), 9, zs)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
-            (u(!0), n(d, null, w(xe.value, (e, s) => (u(), n("g", {
+            (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u("g", {
               key: `serie_plot_${e.id}`,
               class: ll(`serie_plot_${s}`),
-              style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n("g", {
+              (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u("g", {
                 key: `circle_plot_${s}_${i}`
               }, [
-                t && be(t.value) ? (u(), Te(Kl, {
+                t && be(t.value) ? (n(), Te(Kl, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: l.value.plot.useGradient ? `url(#plotGradient_${s}_${H.value})` : l.value.plot.dot.useSerieColor ? e.color : l.value.plot.dot.fill,
                   plot: { x: v(N)(t.x), y: v(N)(t.y) },
-                  radius: _.value !== null && _.value === i || B.value !== null && B.value === i ? ($e.value.plot || 6) * 1.5 : $e.value.plot || 6,
+                  radius: C.value !== null && C.value === i || B.value !== null && B.value === i ? (Ae.value.plot || 6) * 1.5 : Ae.value.plot || 6,
                   stroke: l.value.plot.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.plot.dot.strokeWidth,
-                  transition: v(ie) || !l.value.plot.showTransition || _.value !== null && _.value === i || B.value !== null && B.value === i ? void 0 : `all ${l.value.plot.transitionDurationMs}ms ease-in-out`
+                  transition: v(ie) || !l.value.plot.showTransition || C.value !== null && C.value === i || B.value !== null && B.value === i ? void 0 : `all ${l.value.plot.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                t.comment && l.value.chart.comments.show ? (u(), n("foreignObject", {
+                t.comment && l.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
@@ -2227,28 +2231,28 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   x: t.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
                   y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
-                  p("div", zs, [
+                  p("div", Fs, [
                     P(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: i }
                     }, void 0, !0)
                   ])
-                ], 8, Ts)) : h("", !0)
+                ], 8, Is)) : h("", !0)
               ]))), 128))
             ], 6))), 128)),
-            (u(!0), n(d, null, w(te.value, (e, s) => (u(), n("g", {
+            (n(!0), u(d, null, _(te.value, (e, s) => (n(), u("g", {
               key: `serie_line_${e.id}`,
               class: ll(`serie_line_${s}`),
-              style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: S(`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 ? (u(), n("path", {
+              e.smooth && e.plots.length > 1 && e.curve ? (n(), u("path", {
                 key: 0,
                 d: `M${e.curve}`,
                 stroke: l.value.chart.backgroundColor,
                 "stroke-width": l.value.line.strokeWidth + 1,
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
-                style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Is)) : e.plots.length > 1 && e.straight ? (u(), n("path", {
+                style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Os)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: l.value.chart.backgroundColor,
@@ -2257,60 +2261,60 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Fs)) : h("", !0)
+                style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Bs)) : h("", !0)
             ], 6))), 128)),
-            a.$slots.pattern ? (u(), n("defs", Os, [
-              (u(!0), n(d, null, w(Pe.value, (e, s) => P(a.$slots, "pattern", al({
+            a.$slots.pattern ? (n(), u("defs", Ns, [
+              (n(!0), u(d, null, _(Pe.value, (e, s) => P(a.$slots, "pattern", al({
                 key: `serie_pattern_slot_${e.id}`
               }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${H.value}_${s}` }), void 0, !0)), 128))
             ])) : h("", !0),
-            dt.value.length && !f.value.isStacked ? (u(), n("g", Bs, [
-              (u(!0), n(d, null, w(dt.value, (e) => (u(), n("path", {
+            dt.value.length && !f.value.isStacked ? (n(), u("g", Vs, [
+              (n(!0), u(d, null, _(dt.value, (e) => (n(), u("path", {
                 key: e.key,
                 d: e.d,
                 fill: e.color,
                 "fill-opacity": l.value.line.interLine.fillOpacity,
                 stroke: "none",
                 "pointer-events": "none",
-                style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ns))), 128))
+                style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Ds))), 128))
             ])) : h("", !0),
-            (u(!0), n(d, null, w(te.value, (e, s) => (u(), n("g", {
+            (n(!0), u(d, null, _(te.value, (e, s) => (n(), u("g", {
               key: `serie_line_above_${e.id}`,
               class: ll(`serie_line_${s}`),
-              style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.useArea && e.plots.length > 1 ? (u(), n("g", Vs, [
-                e.smooth ? (u(!0), n(d, { key: 0 }, w(e.curveAreas, (t, i) => (u(), n(d, { key: i }, [
-                  t ? (u(), n("path", {
+              e.useArea && e.plots.length > 1 ? (n(), u("g", Ps, [
+                e.smooth ? (n(!0), u(d, { key: 0 }, _(e.curveAreas, (t, i) => (n(), u(d, { key: i }, [
+                  t ? (n(), u("path", {
                     key: 0,
                     d: t,
                     fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${H.value})` : v(ze)(e.color, l.value.line.area.opacity),
-                    style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Ds)) : h("", !0),
-                  a.$slots.pattern && t ? (u(), n("path", {
+                    style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Es)) : h("", !0),
+                  a.$slots.pattern && t ? (n(), u("path", {
                     key: 1,
                     d: t,
                     fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
-                    style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Ps)) : h("", !0)
-                ], 64))), 128)) : (u(!0), n(d, { key: 1 }, w(e.area.split(";"), (t, i) => (u(), n(d, { key: i }, [
-                  t ? (u(), n("path", {
+                    style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Rs)) : h("", !0)
+                ], 64))), 128)) : (n(!0), u(d, { key: 1 }, _(e.area.split(";"), (t, i) => (n(), u(d, { key: i }, [
+                  t ? (n(), u("path", {
                     key: 0,
                     d: `M${t}Z`,
                     fill: l.value.line.area.useGradient ? `url(#areaGradient_${s}_${H.value})` : v(ze)(e.color, l.value.line.area.opacity),
-                    style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Es)) : h("", !0),
-                  a.$slots.pattern && t ? (u(), n("path", {
+                    style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Hs)) : h("", !0),
+                  a.$slots.pattern && t ? (n(), u("path", {
                     key: 1,
                     d: `M${t}Z`,
                     fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
-                    style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Rs)) : h("", !0)
+                    style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Ys)) : h("", !0)
                 ], 64))), 128))
               ])) : h("", !0),
-              e.smooth && e.plots.length > 1 && e.curve ? (u(), n("path", {
+              e.smooth && e.plots.length > 1 && e.curve ? (n(), u("path", {
                 key: 1,
                 d: `M${e.curve}`,
                 stroke: e.color,
@@ -2318,8 +2322,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
-                style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Hs)) : e.plots.length > 1 && e.straight ? (u(), n("path", {
+                style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Ws)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 2,
                 d: `M${e.straight}`,
                 stroke: e.color,
@@ -2328,22 +2332,22 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: C({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ys)) : h("", !0),
-              (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+                style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Xs)) : h("", !0),
+              (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                 key: `circle_line_${s}_${i}`
               }, [
-                !it.value.linePlot && t && be(t.value) || it.value.linePlot && t && be(t.value) && (_.value !== null && _.value === i || B.value !== null && B.value === i) || vt(e.plots, i) ? (u(), Te(Kl, {
+                !it.value.linePlot && t && be(t.value) || it.value.linePlot && t && be(t.value) && (C.value !== null && C.value === i || B.value !== null && B.value === i) || vt(e.plots, i) ? (n(), Te(Kl, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: l.value.line.useGradient ? `url(#lineGradient_${s}_${H.value})` : l.value.line.dot.useSerieColor ? e.color : l.value.line.dot.fill,
                   plot: { x: v(N)(t.x), y: v(N)(t.y) },
-                  radius: _.value !== null && _.value === i || B.value !== null && B.value === i ? ($e.value.line || 6) * 1.5 : (vt(e.plots, i), $e.value.line || 6),
+                  radius: C.value !== null && C.value === i || B.value !== null && B.value === i ? (Ae.value.line || 6) * 1.5 : (vt(e.plots, i), Ae.value.line || 6),
                   stroke: l.value.line.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
                   strokeWidth: l.value.line.dot.strokeWidth,
-                  transition: v(ie) || !l.value.line.showTransition || _.value !== null && _.value === i || B.value !== null && B.value === i ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out`
+                  transition: v(ie) || !l.value.line.showTransition || C.value !== null && C.value === i || B.value !== null && B.value === i ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : h("", !0),
-                t.comment && l.value.chart.comments.show ? (u(), n("foreignObject", {
+                t.comment && l.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
@@ -2351,29 +2355,29 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   x: t.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
                   y: t.y + l.value.chart.comments.offsetY + 6
                 }, [
-                  p("div", Xs, [
+                  p("div", Us, [
                     P(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: i }
                     }, void 0, !0)
                   ])
-                ], 8, Ws)) : h("", !0)
+                ], 8, Gs)) : h("", !0)
               ], 64))), 128))
             ], 6))), 128)),
-            (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (u(), n("g", Gs, [
-              (u(!0), n(d, null, w(Me.value, (e, s) => (u(), n(d, {
+            (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (n(), u("g", qs, [
+              (n(!0), u(d, null, _(Me.value, (e, s) => (n(), u(d, {
                 key: `xLabel_bar_${e.id}`
               }, [
-                (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+                (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                   key: `xLabel_bar_${s}_${i}`
                 }, [
-                  t && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || B.value !== null && B.value === i) && l.value.bar.labels.show ? (u(), n("text", {
+                  t && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === i || B.value !== null && B.value === i) && l.value.bar.labels.show ? (n(), u("text", {
                     key: 0,
                     x: f.value.useIndividualScale && f.value.isStacked ? t.x + Z.value.line / 2 : Rl(t) + He() / 2 - Wl.value / 2,
                     y: v(N)(t.y) + (t.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
                     fill: l.value.bar.labels.color,
-                    style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, ae(be(t.value) ? v(re)(
                     l.value.bar.labels.formatter,
                     t.value,
@@ -2387,8 +2391,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, Us)) : h("", !0),
-                  t && l.value.bar.serieName.show ? (u(), n("text", {
+                  ) : ""), 13, Zs)) : h("", !0),
+                  t && l.value.bar.serieName.show ? (n(), u("text", {
                     key: 1,
                     x: f.value.useIndividualScale && f.value.isStacked ? t.x + Z.value.line / 2 : t.x + He() * 1.1,
                     y: t.y + (t.value > 0 ? l.value.bar.serieName.offsetY : -l.value.bar.serieName.offsetY * 3),
@@ -2396,29 +2400,29 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     "font-size": y.value.plotLabels,
                     fill: l.value.bar.serieName.useSerieColor ? e.color : l.value.bar.serieName.color,
                     "font-weight": l.value.bar.serieName.bold ? "bold" : "normal",
-                    style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, ae(l.value.bar.serieName.useAbbreviation ? v(fr)({
+                    style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  }, ae(l.value.bar.serieName.useAbbreviation ? v(mr)({
                     source: e.name,
                     length: l.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, qs)) : h("", !0)
+                  }) : e.name), 13, Js)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : h("", !0),
-            l.value.plot.labels.show && f.value.dataLabels.show ? (u(), n("g", Zs, [
-              (u(!0), n(d, null, w(xe.value, (e, s) => (u(), n(d, {
+            l.value.plot.labels.show && f.value.dataLabels.show ? (n(), u("g", Qs, [
+              (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+                (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                   key: `xLabel_plot_${s}_${i}`
                 }, [
-                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || B.value !== null && B.value === i ? (u(), n("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === i || B.value !== null && B.value === i ? (n(), u("text", {
                     key: 0,
                     x: t.x,
                     y: t.y + l.value.plot.labels.offsetY,
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
                     fill: l.value.plot.labels.color,
-                    style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, ae(be(t.value) ? v(re)(
                     l.value.plot.labels.formatter,
                     t.value,
@@ -2432,18 +2436,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, Js)) : h("", !0)
+                  ) : ""), 13, Ks)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (u(), n("g", Qs, [
-              (u(!0), n(d, null, w(xe.value, (e, s) => (u(), n(d, {
+            ])) : (n(), u("g", js, [
+              (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+                (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                   key: `xLabel_plot_${s}_${i}`
                 }, [
-                  l.value.plot.tag.followValue ? (u(), n(d, { key: 1 }, [
-                    [B.value, _.value, Ze.value].includes(i) && e.useTag ? (u(), n("line", {
+                  l.value.plot.tag.followValue ? (n(), u(d, { key: 1 }, [
+                    [B.value, C.value, Ze.value].includes(i) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value?.left,
@@ -2454,18 +2458,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, ai)) : h("", !0)
-                  ], 64)) : (u(), n(d, { key: 0 }, [
-                    t && i === 0 && e.useTag && e.useTag === "start" ? (u(), n("foreignObject", {
+                    }, null, 8, oi)) : h("", !0)
+                  ], 64)) : (n(), u(d, { key: 0 }, [
+                    t && i === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
                       x: t.x,
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: C(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: S(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: C(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: S(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(re)(
                           l.value.plot.tag.formatter,
                           t.value,
@@ -2476,18 +2480,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                             serieName: e.name
                           }
                         )
-                      }, null, 12, js)
-                    ], 12, Ks)) : h("", !0),
-                    t && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (u(), n("foreignObject", {
+                      }, null, 12, li)
+                    ], 12, ei)) : h("", !0),
+                    t && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), u("foreignObject", {
                       key: 1,
                       x: t.x - e.name.length * (y.value.plotLabels / 2),
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: C(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: S(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: C(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: S(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(re)(
                           l.value.plot.tag.formatter,
                           t.value,
@@ -2498,27 +2502,27 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                             serieName: e.name
                           }
                         )
-                      }, null, 12, li)
-                    ], 12, ei)) : h("", !0)
+                      }, null, 12, ti)
+                    ], 12, ai)) : h("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            l.value.line.labels.show && f.value.dataLabels.show ? (u(), n("g", ti, [
-              (u(!0), n(d, null, w(te.value, (e, s) => (u(), n(d, {
+            l.value.line.labels.show && f.value.dataLabels.show ? (n(), u("g", ri, [
+              (n(!0), u(d, null, _(te.value, (e, s) => (n(), u(d, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+                (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                   key: `xLabel_line_${s}_${i}`
                 }, [
-                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === i || B.value !== null && B.value === i ? (u(), n("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === i || B.value !== null && B.value === i ? (n(), u("text", {
                     key: 0,
                     x: t.x,
                     y: t.y + (t.value >= 0 ? l.value.line.labels.offsetY : -l.value.line.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": y.value.plotLabels,
                     fill: l.value.line.labels.color,
-                    style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, ae(be(t.value) ? v(re)(
                     l.value.line.labels.formatter,
                     t.value,
@@ -2532,18 +2536,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, oi)) : h("", !0)
+                  ) : ""), 13, si)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (u(), n("g", ri, [
-              (u(!0), n(d, null, w(te.value, (e, s) => (u(), n(d, {
+            ])) : (n(), u("g", ii, [
+              (n(!0), u(d, null, _(te.value, (e, s) => (n(), u(d, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+                (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                   key: `xLabel_line_${s}_${i}`
                 }, [
-                  l.value.line.tag.followValue ? (u(), n(d, { key: 1 }, [
-                    [B.value, _.value, Ze.value].includes(i) && e.useTag ? (u(), n("line", {
+                  l.value.line.tag.followValue ? (n(), u(d, { key: 1 }, [
+                    [B.value, C.value, Ze.value].includes(i) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-line",
                       x1: c.value?.left,
@@ -2554,18 +2558,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, ci)) : h("", !0)
-                  ], 64)) : (u(), n(d, { key: 0 }, [
-                    t && i === 0 && e.useTag && e.useTag === "start" ? (u(), n("foreignObject", {
+                    }, null, 8, di)) : h("", !0)
+                  ], 64)) : (n(), u(d, { key: 0 }, [
+                    t && i === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
                       x: t.x,
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: C(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: S(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: C(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: S(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(re)(
                           l.value.line.tag.formatter,
                           t.value,
@@ -2576,18 +2580,18 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ii)
-                    ], 12, si)) : h("", !0),
-                    t && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (u(), n("foreignObject", {
+                      }, null, 12, ui)
+                    ], 12, ni)) : h("", !0),
+                    t && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), u("foreignObject", {
                       key: 1,
                       x: t.x,
                       y: t.y - 20,
                       height: 24,
                       width: "150",
-                      style: C(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: S(`overflow: visible; opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       p("div", {
-                        style: C(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
+                        style: S(`padding: 3px; background:${v(ze)(e.color, 80)};color:${v(Ge)(e.color)};width:fit-content;font-size:${y.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(re)(
                           l.value.line.tag.formatter,
                           t.value,
@@ -2598,19 +2602,19 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ni)
-                    ], 12, ui)) : h("", !0)
+                      }, null, 12, vi)
+                    ], 12, ci)) : h("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            (u(!0), n(d, null, w(te.value, (e, s) => (u(), n(d, {
+            (n(!0), u(d, null, _(te.value, (e, s) => (n(), u(d, {
               key: `xLabel_line_${e.id}`
             }, [
-              (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+              (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                 key: `xLabel_line_${s}_${i}`
               }, [
-                t && i === 0 && e.showSerieName && e.showSerieName === "start" ? (u(), n("text", {
+                t && i === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), u("text", {
                   key: 0,
                   x: t.x - y.value.plotLabels,
                   y: t.y,
@@ -2625,9 +2629,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, vi)) : h("", !0),
-                t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (u(), n("text", {
+                  style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, hi)) : h("", !0),
+                t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
                   x: t.x + y.value.plotLabels,
                   y: t.y,
@@ -2642,17 +2646,17 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, di)) : h("", !0)
+                  style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, fi)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (u(!0), n(d, null, w(xe.value, (e, s) => (u(), n(d, {
+            (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u(d, {
               key: `xLabel_plot_${e.id}`
             }, [
-              (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+              (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
                 key: `xLabel_plot_${s}_${i}`
               }, [
-                t && i === 0 && e.showSerieName && e.showSerieName === "start" ? (u(), n("text", {
+                t && i === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), u("text", {
                   key: 0,
                   x: t.x - y.value.plotLabels,
                   y: t.y,
@@ -2667,9 +2671,9 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, hi)) : h("", !0),
-                t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (u(), n("text", {
+                  style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, gi)) : h("", !0),
+                t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
                   x: t.x + y.value.plotLabels,
                   y: t.y,
@@ -2684,14 +2688,14 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     y: t.y,
                     maxWords: 2
                   }),
-                  style: C(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, fi)) : h("", !0)
+                  style: S(`opacity:${I.value ? I.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, mi)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (u(!0), n(d, null, w([...xe.value, ...te.value, ...Me.value], (e, s) => (u(), n(d, {
+            (n(!0), u(d, null, _([...xe.value, ...te.value, ...Me.value], (e, s) => (n(), u(d, {
               key: `progression-${s}`
             }, [
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Ce)(e.plots).trend) ? (u(), n("g", gi, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Se)(e.plots).trend) ? (n(), u("g", bi, [
                 p("defs", null, [
                   p("marker", {
                     id: `progression_arrow_${s}`,
@@ -2710,40 +2714,40 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       stroke: l.value.chart.backgroundColor,
                       "stroke-width": "1",
                       "stroke-linejoin": "round"
-                    }, null, 8, bi)
-                  ], 8, mi)
+                    }, null, 8, pi)
+                  ], 8, xi)
                 ]),
-                e.plots.length > 1 ? (u(), n("line", {
+                e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  x1: v(Ce)(e.plots).x1 + (e.type === "bar" ? He() : 0),
-                  x2: v(Ce)(e.plots).x2 + (e.type === "bar" ? He() : 0),
-                  y1: v(Y)(v(Ce)(e.plots).y1),
-                  y2: v(Y)(v(Ce)(e.plots).y2),
+                  x1: v(Se)(e.plots).x1 + (e.type === "bar" ? He() : 0),
+                  x2: v(Se)(e.plots).x2 + (e.type === "bar" ? He() : 0),
+                  y1: v(Y)(v(Se)(e.plots).y1),
+                  y2: v(Y)(v(Se)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: l.value.chart.backgroundColor,
                   "stroke-dasharray": 2,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${s})`
-                }, null, 8, xi)) : h("", !0),
-                e.plots.length > 1 ? (u(), n("line", {
+                }, null, 8, yi)) : h("", !0),
+                e.plots.length > 1 ? (n(), u("line", {
                   key: 1,
-                  x1: v(Ce)(e.plots).x1 + (e.type === "bar" ? He() : 0),
-                  x2: v(Ce)(e.plots).x2 + (e.type === "bar" ? He() : 0),
-                  y1: v(Y)(v(Ce)(e.plots).y1),
-                  y2: v(Y)(v(Ce)(e.plots).y2),
+                  x1: v(Se)(e.plots).x1 + (e.type === "bar" ? He() : 0),
+                  x2: v(Se)(e.plots).x2 + (e.type === "bar" ? He() : 0),
+                  y1: v(Y)(v(Se)(e.plots).y1),
+                  y2: v(Y)(v(Se)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${s})`
-                }, null, 8, pi)) : h("", !0),
-                e.plots.length > 1 ? (u(), n("text", {
+                }, null, 8, ki)) : h("", !0),
+                e.plots.length > 1 ? (n(), u("text", {
                   key: 2,
                   "text-anchor": "middle",
-                  x: v(Ce)(e.plots).x2 + (e.type === "bar" ? He() : 0),
-                  y: v(Ce)(e.plots).y2 - 12,
+                  x: v(Se)(e.plots).x2 + (e.type === "bar" ? He() : 0),
+                  y: v(Se)(e.plots).y2 - 12,
                   "font-size": y.value.plotLabels,
                   fill: e.color,
                   stroke: l.value.chart.backgroundColor,
@@ -2752,15 +2756,15 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   "stroke-linejoin": "round",
                   "paint-order": "stroke fill"
                 }, ae(v(Ve)({
-                  v: v(Ce)(e.plots).trend * 100,
+                  v: v(Se)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, yi)) : h("", !0)
+                })), 9, Ci)) : h("", !0)
               ])) : h("", !0)
             ], 64))), 128)),
-            f.value.useIndividualScale && !f.value.isStacked ? (u(), n(d, { key: 13 }, [
+            f.value.useIndividualScale && !f.value.isStacked ? (n(), u(d, { key: 13 }, [
               p("defs", null, [
-                (u(!0), n(d, null, w(Sl.value, (e, s) => (u(), n("linearGradient", {
+                (n(!0), u(d, null, _(wl.value, (e, s) => (n(), u("linearGradient", {
                   id: `individual_scale_gradient_${H.value}_${s}`,
                   x1: "0%",
                   x2: "100%",
@@ -2771,15 +2775,15 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                     offset: "0%",
                     "stop-color": l.value.chart.backgroundColor,
                     "stop-opacity": "0"
-                  }, null, 8, _i),
+                  }, null, 8, wi),
                   p("stop", {
                     offset: "100%",
                     "stop-color": e.color,
                     "stop-opacity": "0.2"
-                  }, null, 8, wi)
-                ], 8, ki))), 256))
+                  }, null, 8, Si)
+                ], 8, _i))), 256))
               ]),
-              (u(!0), n(d, null, w(Sl.value, (e, s) => (u(), n("rect", {
+              (n(!0), u(d, null, _(wl.value, (e, s) => (n(), u("rect", {
                 x: e.x - l.value.chart.grid.labels.yAxis.labelWidth + U.value - c.value.individualOffsetX,
                 y: c.value?.top,
                 width: l.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
@@ -2787,10 +2791,10 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 fill: I.value === e.groupId ? `url(#individual_scale_gradient_${H.value}_${s})` : "transparent",
                 onMouseenter: (t) => I.value = e.groupId,
                 onMouseleave: r[0] || (r[0] = (t) => I.value = null)
-              }, null, 40, Si))), 256))
+              }, null, 40, Ai))), 256))
             ], 64)) : h("", !0),
             p("g", null, [
-              l.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (u(), n("text", {
+              l.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (n(), u("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
                 ref: aa,
@@ -2799,8 +2803,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 transform: `translate(${l.value.chart.grid.labels.axis.fontSize}, ${c.value?.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
-              }, ae(l.value.chart.grid.labels.axis.yLabel), 9, Ci)) : h("", !0),
-              l.value.chart.grid.labels.axis.xLabel ? (u(), n("text", {
+              }, ae(l.value.chart.grid.labels.axis.yLabel), 9, $i)) : h("", !0),
+              l.value.chart.grid.labels.axis.xLabel ? (n(), u("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
                 ref: la,
@@ -2809,42 +2813,42 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 y: ve.value - 3,
                 "font-size": y.value.yAxis,
                 fill: l.value.chart.grid.labels.color
-              }, ae(l.value.chart.grid.labels.axis.xLabel), 9, $i)) : h("", !0)
+              }, ae(l.value.chart.grid.labels.axis.xLabel), 9, Li)) : h("", !0)
             ]),
-            l.value.chart.grid.labels.xAxisLabels.show ? (u(), n("g", {
+            l.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", {
               key: 14,
               ref_key: "timeLabelsEls",
               ref: sl
             }, [
-              a.$slots["time-label"] ? (u(!0), n(d, { key: 0 }, w(ma.value, (e, s) => P(a.$slots, "time-label", al({
+              a.$slots["time-label"] ? (n(!0), u(d, { key: 0 }, _(ma.value, (e, s) => P(a.$slots, "time-label", al({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
-                x: c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2,
+                x: c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2,
                 y: c.value?.bottom,
                 fontSize: y.value.xAxis,
                 fill: l.value.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + y.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + y.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
                 absoluteIndex: e.absoluteIndex,
                 content: e.text,
                 textAnchor: l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                 show: e && e.text
-              }), void 0, !0)), 128)) : (u(!0), n(d, { key: 1 }, w(ma.value, (e, s) => (u(), n("g", {
+              }), void 0, !0)), 128)) : (n(!0), u(d, { key: 1 }, _(ma.value, (e, s) => (n(), u("g", {
                 key: `time_label_${s}`
               }, [
-                e && e.text ? (u(), n(d, { key: 0 }, [
+                e && e.text ? (n(), u(d, { key: 0 }, [
                   String(e.text).includes(`
-`) ? (u(), n("text", {
+`) ? (n(), u("text", {
                     key: 1,
                     class: "vue-data-ui-time-label",
                     "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": y.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + y.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: C({
+                    transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + y.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    style: S({
                       cursor: Wa() ? "pointer" : "default"
                     }),
-                    innerHTML: v(gr)({
+                    innerHTML: v(br)({
                       content: String(e.text),
                       fontSize: y.value.xAxis,
                       fill: l.value.chart.grid.labels.xAxisLabels.color,
@@ -2852,26 +2856,26 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                       y: 0
                     }),
                     onClick: () => qa(e, s)
-                  }, null, 12, Li)) : (u(), n("text", {
+                  }, null, 12, Ti)) : (n(), u("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": y.value.xAxis,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value?.left + c.value.width / $.value * s + c.value.width / $.value / 2}, ${c.value?.bottom + y.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: C({
+                    transform: `translate(${c.value?.left + c.value.width / A.value * s + c.value.width / A.value / 2}, ${c.value?.bottom + y.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    style: S({
                       cursor: Wa() ? "pointer" : "default"
                     }),
                     onClick: () => qa(e, s)
-                  }, ae(e.text || ""), 13, Ai))
+                  }, ae(e.text || ""), 13, Mi))
                 ], 64)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
-            ct.value.length && !f.value.isStacked ? (u(), n("g", Mi, [
-              (u(!0), n(d, null, w(ct.value, (e) => (u(), n("g", {
+            ct.value.length && !f.value.isStacked ? (n(), u("g", zi, [
+              (n(!0), u(d, null, _(ct.value, (e) => (n(), u("g", {
                 key: e.uid
               }, [
-                e.yTop && e.show && isFinite(e.yTop) ? (u(), n("line", {
+                e.yTop && e.show && isFinite(e.yTop) ? (n(), u("line", {
                   key: 0,
                   x1: e.x1,
                   y1: e.yTop,
@@ -2882,8 +2886,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ti)) : h("", !0),
-                e.yBottom && e.show && isFinite(e.yBottom) ? (u(), n("line", {
+                }, null, 8, Ii)) : h("", !0),
+                e.yBottom && e.show && isFinite(e.yBottom) ? (n(), u("line", {
                   key: 1,
                   x1: e.x1,
                   y1: e.yBottom,
@@ -2894,8 +2898,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, zi)) : h("", !0),
-                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (u(), n("rect", {
+                }, null, 8, Fi)) : h("", !0),
+                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (n(), u("rect", {
                   key: 2,
                   y: Math.min(e.yTop, e.yBottom),
                   x: e.x1,
@@ -2903,12 +2907,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   height: v(N)(e.areaHeight, 0),
                   fill: v(ze)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
-                }, null, 8, Ii)) : h("", !0),
-                e.config.label.text && e.show && isFinite(e._box.y) ? (u(), n("rect", al({
+                }, null, 8, Oi)) : h("", !0),
+                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), u("rect", al({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
                 }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : h("", !0),
-                e.config.label.text && e.show && isFinite(e._text.y) ? (u(), n("text", {
+                e.config.label.text && e.show && isFinite(e._text.y) ? (n(), u("text", {
                   key: 4,
                   id: e.id,
                   class: "vue-ui-xy-annotation-label",
@@ -2917,12 +2921,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, ae(e.config.label.text), 9, Fi)) : h("", !0)
+                }, ae(e.config.label.text), 9, Bi)) : h("", !0)
               ]))), 128))
             ])) : h("", !0),
-            l.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(B.value)) ? (u(), n("g", Oi, [
-              (u(), n("foreignObject", {
-                x: Xo(),
+            l.value.chart.timeTag.show && (![null, void 0].includes(C.value) || ![null, void 0].includes(B.value)) ? (n(), u("g", Ni, [
+              (n(), u("foreignObject", {
+                x: Uo(),
                 y: c.value?.bottom,
                 width: "200",
                 height: "40",
@@ -2930,49 +2934,49 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               }, [
                 p("div", {
                   ref_key: "timeTagEl",
-                  ref: wt,
+                  ref: _t,
                   class: "vue-ui-xy-time-tag",
-                  style: C(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${l.value.chart.timeTag.backgroundColor};color:${l.value.chart.timeTag.color};font-size:${l.value.chart.timeTag.fontSize}px`),
-                  innerHTML: Go.value
-                }, null, 12, Ni)
-              ], 8, Bi)),
+                  style: S(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${l.value.chart.timeTag.backgroundColor};color:${l.value.chart.timeTag.color};font-size:${l.value.chart.timeTag.fontSize}px`),
+                  innerHTML: qo.value
+                }, null, 12, Di)
+              ], 8, Vi)),
               p("circle", {
-                cx: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (B.value !== null ? B.value : 0)) + c.value.width / $.value / 2,
+                cx: c.value?.left + c.value.width / A.value * ((C.value !== null ? C.value : 0) || (B.value !== null ? B.value : 0)) + c.value.width / A.value / 2,
                 cy: c.value?.bottom,
                 r: l.value.chart.timeTag.circleMarker.radius,
                 fill: l.value.chart.timeTag.circleMarker.color
-              }, null, 8, Vi)
+              }, null, 8, Pi)
             ])) : h("", !0)
           ])) : h("", !0),
-          Da.value ? (u(), n("rect", al({ key: 2 }, go.value, {
+          Da.value ? (n(), u("rect", al({ key: 2 }, bo.value, {
             "data-start": m.value.start,
             "data-end": m.value.end
-          }), null, 16, Di)) : h("", !0),
+          }), null, 16, Ei)) : h("", !0),
           P(a.$slots, "svg", {
             svg: {
-              ...vo.value,
+              ...fo.value,
               data: [...te.value, ...Me.value, ...xe.value],
               drawingArea: c.value
             }
           }, void 0, !0)
         ], 512)
-      ], 46, Nr)),
-      a.$slots.watermark ? (u(), n("div", Pi, [
-        P(a.$slots, "watermark", ke(_e({ isPrinting: v(da) || v(Ea) })), void 0, !0)
+      ], 46, Dr)),
+      a.$slots.watermark ? (n(), u("div", Ri, [
+        P(a.$slots, "watermark", ke(Ce({ isPrinting: v(da) || v(Ea) })), void 0, !0)
       ])) : h("", !0),
-      (u(!0), n(d, null, w(te.value, (e, s) => (u(), n(d, {
+      (n(!0), u(d, null, _(te.value, (e, s) => (n(), u(d, {
         key: `tag_line_${e.id}`
       }, [
-        (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+        (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
           key: `tag_line_${s}_${i}`
         }, [
-          [B.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (u(), n("div", {
+          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (n(), u("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => Dl(s, i, o, "right", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
-            style: C({
+            style: S({
               position: "fixed",
               top: v(Ue)({
                 svgElement: se.value,
@@ -2997,12 +3001,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               opacity: 1
             })
           }, [
-            (u(), n("svg", Ei, [
+            (n(), u("svg", Hi, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ri)
+              }, null, 8, Yi)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3016,15 +3020,15 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   serieName: e.name
                 }
               )
-            }, null, 8, Hi)
+            }, null, 8, Wi)
           ], 4)) : h("", !0),
-          [B.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (u(), n("div", {
+          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (n(), u("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => Dl(s, i, o, "left", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
-            style: C({
+            style: S({
               position: "fixed",
               top: v(Ue)({
                 svgElement: se.value,
@@ -3049,12 +3053,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               opacity: 1
             })
           }, [
-            (u(), n("svg", Yi, [
+            (n(), u("svg", Xi, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Wi)
+              }, null, 8, Gi)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3068,23 +3072,23 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   serieName: e.name
                 }
               )
-            }, null, 8, Xi)
+            }, null, 8, Ui)
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      (u(!0), n(d, null, w(xe.value, (e, s) => (u(), n(d, {
+      (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u(d, {
         key: `tag_plot_${e.id}`
       }, [
-        (u(!0), n(d, null, w(e.plots, (t, i) => (u(), n(d, {
+        (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
           key: `tag_plot_${s}_${i}`
         }, [
-          [B.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (u(), n("div", {
+          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (n(), u("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => Dl(s, i, o, "right", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
-            style: C({
+            style: S({
               position: "fixed",
               top: v(Ue)({
                 svgElement: se.value,
@@ -3109,12 +3113,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               opacity: 1
             })
           }, [
-            (u(), n("svg", Gi, [
+            (n(), u("svg", qi, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ui)
+              }, null, 8, Zi)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3128,15 +3132,15 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   serieName: e.name
                 }
               )
-            }, null, 8, qi)
+            }, null, 8, Ji)
           ], 4)) : h("", !0),
-          [B.value, _.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (u(), n("div", {
+          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (n(), u("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => Dl(s, i, o, "left", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
-            style: C({
+            style: S({
               position: "fixed",
               top: v(Ue)({
                 svgElement: se.value,
@@ -3161,12 +3165,12 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               opacity: 1
             })
           }, [
-            (u(), n("svg", Zi, [
+            (n(), u("svg", Qi, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ji)
+              }, null, 8, Ki)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3180,15 +3184,15 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                   serieName: e.name
                 }
               )
-            }, null, 8, Qi)
+            }, null, 8, ji)
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      l.value.chart.zoom.show && Oe.value > 6 && ca.value && Qa.value ? (u(), Te(zr, {
+      l.value.chart.zoom.show && Oe.value > 6 && ca.value && Qa.value ? (n(), Te(Fr, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Fe,
-        allMinimaps: Ro.value,
+        allMinimaps: Yo.value,
         background: l.value.chart.zoom.color,
         borderColor: l.value.chart.backgroundColor,
         customFormat: l.value.chart.zoom.customFormat,
@@ -3207,7 +3211,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         labelRight: de.value.at(-1) ? de.value.at(-1).text : "",
         max: Oe.value,
         min: 0,
-        minimap: Eo.value,
+        minimap: Ho.value,
         minimapCompact: l.value.chart.zoom.minimap.compact,
         minimapFrameColor: l.value.chart.zoom.minimap.frameColor,
         minimapIndicatorColor: l.value.chart.zoom.minimap.indicatorColor,
@@ -3215,7 +3219,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         minimapMerged: l.value.chart.zoom.minimap.merged,
         minimapSelectedColor: l.value.chart.zoom.minimap.selectedColor,
         minimapSelectedColorOpacity: l.value.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: _.value,
+        minimapSelectedIndex: C.value,
         minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
         preciseLabels: ft.value.length ? ft.value : ga.value,
         refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...jl.dataset.map((e) => Re(e.series).length)),
@@ -3232,38 +3236,38 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         verticalHandles: l.value.chart.zoom.minimap.verticalHandles,
         onFutureEnd: r[1] || (r[1] = (e) => Pa("end", e)),
         onFutureStart: r[2] || (r[2] = (e) => Pa("start", e)),
-        onReset: Lo,
-        onTrapMouse: So,
-        "onUpdate:end": Ao,
-        "onUpdate:start": $o
+        onReset: To,
+        onTrapMouse: Ao,
+        "onUpdate:end": Mo,
+        "onUpdate:start": Lo
       }, {
         "reset-action": G(({ reset: e }) => [
-          P(a.$slots, "reset-action", ke(_e({ reset: e })), void 0, !0)
+          P(a.$slots, "reset-action", ke(Ce({ 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),
       p("div", {
         id: `legend-bottom-${H.value}`
-      }, null, 8, Ki),
-      Oa.value ? (u(), Te(tr, {
+      }, null, 8, en),
+      Oa.value ? (n(), Te(rr, {
         key: 6,
         to: l.value.chart.legend.position === "top" ? `#legend-top-${H.value}` : `#legend-bottom-${H.value}`
       }, [
-        l.value.chart.legend.show ? (u(), n("div", {
+        l.value.chart.legend.show ? (n(), u("div", {
           key: 0,
           ref_key: "chartLegend",
           ref: rl,
           class: "vue-ui-xy-legend",
-          style: C({
+          style: S({
             fontSize: `var(--legend-font-size, ${l.value.chart.legend.fontSize ?? 14}px)`
           })
         }, [
-          (u(!0), n(d, null, w(me.value, (e, s) => (u(), n("div", {
+          (n(!0), u(d, null, _(me.value, (e, s) => (n(), u("div", {
             key: `div_legend_item_${s}`,
             onClick: (t) => Yl(e),
             class: ll({ "vue-ui-xy-legend-item-alone": me.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": J.value.includes(e.id) })
           }, [
-            bl.value[e.type] === "line" ? (u(), n("svg", eu, [
+            bl.value[e.type] === "line" ? (n(), u("svg", an, [
               p("rect", {
                 x: "0",
                 y: "7.5",
@@ -3273,7 +3277,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 height: "3",
                 width: "20",
                 fill: e.color
-              }, null, 8, lu),
+              }, null, 8, tn),
               vl(Kl, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
@@ -3282,8 +3286,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 stroke: l.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : bl.value[e.type] === "bar" ? (u(), n("svg", au, [
-              bl.value[e.type] === "bar" && a.$slots.pattern ? (u(), n("rect", {
+            ])) : bl.value[e.type] === "bar" ? (n(), u("svg", on, [
+              bl.value[e.type] === "bar" && a.$slots.pattern ? (n(), u("rect", {
                 key: 0,
                 x: "4",
                 y: "4",
@@ -3292,8 +3296,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 width: "32",
                 stroke: "none",
                 fill: e.color
-              }, null, 8, tu)) : h("", !0),
-              bl.value[e.type] === "bar" ? (u(), n("rect", {
+              }, null, 8, rn)) : h("", !0),
+              bl.value[e.type] === "bar" ? (n(), u("rect", {
                 key: 1,
                 x: "4",
                 y: "4",
@@ -3302,8 +3306,8 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
                 width: "32",
                 stroke: "none",
                 fill: a.$slots.pattern ? `url(#pattern_${H.value}_${e.slotAbsoluteIndex})` : e.color
-              }, null, 8, ou)) : h("", !0)
-            ])) : (u(), n("svg", ru, [
+              }, null, 8, sn)) : h("", !0)
+            ])) : (n(), u("svg", nn, [
               vl(Kl, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
@@ -3312,10 +3316,10 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               }, null, 8, ["color", "shape"])
             ])),
             p("span", {
-              style: C(`color:${l.value.chart.legend.color}`)
+              style: S(`color:${l.value.chart.legend.color}`)
             }, ae(e.name), 5)
-          ], 10, ji))), 128))
-        ], 4)) : (u(), n("div", {
+          ], 10, ln))), 128))
+        ], 4)) : (n(), u("div", {
           key: 1,
           ref_key: "chartLegend",
           ref: rl
@@ -3323,7 +3327,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
           P(a.$slots, "legend", { legend: me.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : h("", !0),
-      a.$slots.source ? (u(), n("div", {
+      a.$slots.source ? (n(), u("div", {
         key: 7,
         ref_key: "source",
         ref: gl,
@@ -3331,7 +3335,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
       }, [
         P(a.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      vl(v(jt), {
+      vl(v(lo), {
         teleportTo: l.value.chart.tooltip.teleportTo,
         show: f.value.showTooltip && Ma.value,
         backgroundColor: l.value.chart.tooltip.backgroundColor,
@@ -3344,7 +3348,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         position: l.value.chart.tooltip.position,
         offsetY: l.value.chart.tooltip.offsetY,
         parent: a.$refs.chart,
-        content: Ho.value,
+        content: Wo.value,
         isFullscreen: qe.value,
         isCustom: l.value.chart.tooltip.customFormat && typeof l.value.chart.tooltip.customFormat == "function",
         smooth: l.value.chart.tooltip.smooth,
@@ -3353,56 +3357,56 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         smoothSnapThreshold: l.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": G(() => [
-          P(a.$slots, "tooltip-before", ke(_e({ ...ht.value })), void 0, !0)
+          P(a.$slots, "tooltip-before", ke(Ce({ ...ht.value })), void 0, !0)
         ]),
         "tooltip-after": G(() => [
-          P(a.$slots, "tooltip-after", ke(_e({ ...ht.value })), void 0, !0)
+          P(a.$slots, "tooltip-after", ke(Ce({ ...ht.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ca.value && l.value.chart.userOptions.buttons.table ? (u(), Te(or(Cl.value.component), al({ key: 8 }, Cl.value.props, {
+      ca.value && l.value.chart.userOptions.buttons.table ? (n(), Te(sr(Sl.value.component), al({ key: 8 }, Sl.value.props, {
         ref_key: "tableUnit",
         ref: il,
-        onClose: $t
+        onClose: At
       }), Tt({
         content: G(() => [
           p("div", {
-            style: C(`${v(da) || 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"}`)
+            style: S(`${v(da) || 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"}`)
           }, [
-            p("div", su, [
-              rr(p("input", {
+            p("div", un, [
+              ir(p("input", {
                 type: "checkbox",
                 "onUpdate:modelValue": r[4] || (r[4] = (e) => pl.value = e)
               }, null, 512), [
-                [sr, pl.value]
+                [nr, pl.value]
               ]),
               p("div", {
                 onClick: r[5] || (r[5] = (e) => pl.value = !pl.value),
                 style: { cursor: "pointer" }
               }, [
-                vl(v($a), {
+                vl(v(Aa), {
                   name: "chartLine",
                   size: 20,
                   stroke: l.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
-            pl.value ? (u(), Te(v(lo), {
+            pl.value ? (n(), Te(v(to), {
               key: `sparkline_${sa.value}`,
-              dataset: Vo.value,
-              config: Do.value
-            }, null, 8, ["dataset", "config"])) : (u(), Te(v(Kt), {
+              dataset: Po.value,
+              config: Eo.value
+            }, null, 8, ["dataset", "config"])) : (n(), Te(v(eo), {
               key: `table_${za.value}`,
               colNames: Ul.value.colNames,
               head: Ul.value.head,
               body: Ul.value.body,
               config: Ul.value.config,
-              title: l.value.table.useDialog ? "" : Cl.value.title,
+              title: l.value.table.useDialog ? "" : Sl.value.title,
               withCloseButton: !l.value.table.useDialog,
-              onClose: $t
+              onClose: At
             }, {
               th: G(({ th: e }) => [
-                p("div", { innerHTML: e }, null, 8, iu)
+                p("div", { innerHTML: e }, null, 8, cn)
               ]),
               td: G(({ td: e }) => [
                 zt(ae(isNaN(Number(e)) ? e : v(Ve)({
@@ -3421,7 +3425,7 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
         l.value.table.useDialog ? {
           name: "title",
           fn: G(() => [
-            zt(ae(Cl.value.title), 1)
+            zt(ae(Sl.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -3433,24 +3437,24 @@ const Yt = { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { colo
               class: "vue-ui-user-options-button",
               onClick: r[3] || (r[3] = (e) => xa(l.value.chart.userOptions.callbacks.csv))
             }, [
-              vl(v($a), {
+              vl(v(Aa), {
                 name: "excel",
-                stroke: Cl.value.props.color
+                stroke: Sl.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      v(ie) ? (u(), Te(wr, { key: 9 })) : h("", !0)
-    ], 46, Or));
+      v(ie) ? (n(), Te(Sr, { key: 9 })) : h("", !0)
+    ], 46, Nr));
   }
-}, nu = /* @__PURE__ */ Fr(uu, [["__scopeId", "data-v-2a5d889f"]]), Au = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, dn = /* @__PURE__ */ Br(vn, [["__scopeId", "data-v-2a5d889f"]]), Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: nu
+  default: dn
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  nu as V,
-  Au as a,
-  $u as v
+  dn as V,
+  Tn as a,
+  Mn as v
 };