vue-data-ui 3.11.0 → 3.11.2

package/dist/{vue-ui-xy-C9qRqR1C.js → vue-ui-xy-B9MWqIQh.js}

@@ -1,85 +1,85 @@
-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-xXVO6hRJ.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-ByPv-v1s.js";
-import { _ as Kl } from "./Shape-PzdCMGsP.js";
-import { S as Fr } from "./SlicerPreview-BPmM6icl.js";
-import Or from "./vue-ui-accordion-bYZsb7Wp.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 = {
+import { defineAsyncComponent as Xe, useSlots as nr, getCurrentInstance as ur, ref as x, computed as g, onMounted as Ql, toRefs as cr, watch as Tl, watchEffect as Ft, onBeforeUnmount as _a, nextTick as Ot, createElementBlock as u, openBlock as n, normalizeStyle as S, normalizeClass as ll, createBlock as Te, createCommentVNode as h, createElementVNode as p, createVNode as dl, unref as v, withCtx as G, renderSlot as P, normalizeProps as ke, guardReactiveProps as Ce, createSlots as Nt, Fragment as d, renderList as _, mergeProps as al, toDisplayString as ae, Teleport as vr, resolveDynamicComponent as dr, withDirectives as hr, vModelCheckbox as fr, createTextVNode as Bt } from "vue";
+import { c as wa, g as Sa, t as gr, k as mr, N as zl, O as tl, m as Dt, j as Aa, P as Kl, Q as Y, R as $a, S as br, T as xr, U as B, z as Vt, A as Pt, B as Et, C as Rt, V as pr, W as Ht, Y as Yt, a as re, Z as yr, y as Wt, _ as kr, b as Xt, e as Be, d as De, h as ol, s as ze, G as Cr, x as Ge, H as jl, n as Se, $ as _r, a0 as Ue, a1 as fe, i as wr, o as Gt, v as Sr, r as Ar, a2 as hl } from "./lib-CVHM9FhP.js";
+import { t as $r } from "./useResponsive-DfdjqQps.js";
+import { u as Lr, a as Il } from "./useNestedProp-xXVO6hRJ.js";
+import { u as Mr } from "./usePrinter-1NmjuP-i.js";
+import { u as Tr, B as zr } from "./BaseScanner-BMpwQAfz.js";
+import { u as Ut, a as Ir, l as Fr } from "./useTimeLabels-DKoynYae.js";
+import { u as Or } from "./useSvgExport-ByUukOZt.js";
+import { u as Nr } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Br } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Dr from "./img-6fNF_rG0.js";
+import Vr from "./Title-ByPv-v1s.js";
+import { _ as ea } from "./Shape-PzdCMGsP.js";
+import { S as Pr } from "./SlicerPreview-lQoYQ0EQ.js";
+import Er from "./vue-ui-accordion-D9NWWdmm.js";
+import { _ as Rr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const qt = { 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 } }, Zt = { 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" } } }, Jt = { 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" } } }, Qt = { 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" } } }, Kt = { 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" } } }, jt = { 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" } } }, eo = { 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" } } }, lo = { 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" } } }, ao = {
   default: {},
-  minimal: Yt,
-  minimalDark: Wt,
-  dark: Xt,
-  celebration: Gt,
-  celebrationNight: Ut,
-  hack: qt,
-  zen: Zt,
-  concrete: Jt
-}, Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: qt,
+  minimalDark: Zt,
+  dark: Jt,
+  celebration: Qt,
+  celebrationNight: Kt,
+  hack: jt,
+  zen: eo,
+  concrete: lo
+}, Nn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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 = {
+  celebration: Qt,
+  celebrationNight: Kt,
+  concrete: lo,
+  dark: Jt,
+  default: ao,
+  hack: jt,
+  minimal: qt,
+  minimalDark: Zt,
+  zen: eo
+}, Symbol.toStringTag, { value: "Module" })), Hr = ["id"], Yr = ["id"], Wr = ["viewBox", "aria-label"], Xr = ["x", "y", "width", "height"], Gr = { key: 1 }, Ur = { class: "vue-ui-xy-grid" }, qr = ["stroke", "x1", "x2", "y1", "y2"], Zr = ["stroke", "x1", "x2", "y1", "y2"], Jr = { key: 1 }, Qr = ["x1", "x2", "y1", "y2", "stroke"], Kr = ["x1", "x2", "y1", "y2", "stroke"], jr = ["x1", "x2", "y1", "y2", "stroke"], es = { key: 3 }, ls = ["d", "stroke"], as = { key: 4 }, ts = ["d", "stroke"], os = ["id"], rs = ["stop-color"], ss = ["stop-color"], is = ["stop-color"], ns = ["id"], us = ["stop-color"], cs = ["stop-color"], vs = ["stop-color"], ds = ["id"], hs = ["stop-color"], fs = ["stop-color"], gs = ["id"], ms = ["stop-color"], bs = ["stop-color"], xs = ["id"], ps = ["stop-color"], ys = ["stop-color"], ks = ["x", "y", "height", "width", "fill"], Cs = ["x", "y", "width"], _s = { key: 0 }, ws = ["x", "y", "height", "width", "fill"], Ss = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], As = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], $s = ["width", "x", "y"], Ls = ["stroke", "x1", "x2", "y1", "y2"], Ms = { key: 3 }, Ts = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zs = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Is = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Fs = ["fill", "font-size", "transform"], Os = ["x1", "x2", "y1", "y2", "stroke"], Ns = ["x", "y", "font-size", "fill"], Bs = ["x1", "x2", "y1", "y2", "stroke"], Ds = ["x", "y", "font-size", "fill"], Vs = ["width", "x", "y"], Ps = { style: { width: "100%" } }, Es = ["d", "stroke", "stroke-width", "stroke-dasharray"], Rs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Hs = { key: 6 }, Ys = { key: 7 }, Ws = ["d", "fill", "fill-opacity"], Xs = { key: 0 }, Gs = ["d", "fill"], Us = ["d", "fill"], qs = ["d", "fill"], Zs = ["d", "fill"], Js = ["d", "stroke", "stroke-width", "stroke-dasharray"], Qs = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ks = ["width", "x", "y"], js = { style: { width: "100%" } }, ei = { key: 8 }, li = ["x", "y", "font-size", "fill"], ai = ["x", "y", "font-size", "fill", "font-weight"], ti = { key: 9 }, oi = ["x", "y", "font-size", "fill"], ri = { key: 10 }, si = ["x", "y"], ii = ["innerHTML"], ni = ["x", "y"], ui = ["innerHTML"], ci = ["x1", "x2", "y1", "y2", "stroke"], vi = { key: 11 }, di = ["x", "y", "font-size", "fill"], hi = { key: 12 }, fi = ["x", "y"], gi = ["innerHTML"], mi = ["x", "y"], bi = ["innerHTML"], xi = ["x1", "x2", "y1", "y2", "stroke"], pi = ["x", "y", "font-size", "fill", "innerHTML"], yi = ["x", "y", "font-size", "fill", "innerHTML"], ki = ["x", "y", "font-size", "fill", "innerHTML"], Ci = ["x", "y", "font-size", "fill", "innerHTML"], _i = { key: 0 }, wi = ["id"], Si = ["fill", "stroke"], Ai = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], $i = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Li = ["x", "y", "font-size", "fill", "stroke"], Mi = ["id"], Ti = ["stop-color"], zi = ["stop-color"], Ii = ["x", "y", "width", "height", "fill", "onMouseenter"], Fi = ["font-size", "fill", "transform"], Oi = ["x", "y", "font-size", "fill"], Ni = ["text-anchor", "font-size", "fill", "transform", "onClick"], Bi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Di = { key: 15 }, Vi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Pi = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ei = ["y", "x", "width", "height", "fill"], Ri = ["id", "x", "y", "font-size", "fill", "text-anchor"], Hi = {
   key: 16,
   style: { "pointer-events": "none" }
-}, Vi = ["x", "y"], Di = ["innerHTML"], Pi = ["cx", "cy", "r", "fill"], Ei = ["data-start", "data-end"], Ri = {
+}, Yi = ["x", "y"], Wi = ["innerHTML"], Xi = ["cx", "cy", "r", "fill"], Gi = ["data-start", "data-end"], Ui = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Hi = {
+}, qi = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Yi = ["fill"], Wi = ["innerHTML"], Xi = {
+}, 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%)" }
-}, Gi = ["fill"], Ui = ["innerHTML"], qi = {
+}, Ki = ["fill"], ji = ["innerHTML"], en = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Zi = ["fill"], Ji = ["innerHTML"], Qi = {
+}, ln = ["fill"], an = ["innerHTML"], tn = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ki = ["fill"], ji = ["innerHTML"], en = ["id"], ln = ["onClick"], an = {
+}, on = ["fill"], rn = ["innerHTML"], sn = ["id"], nn = ["onClick"], un = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "1em",
   width: "1.43em"
-}, tn = ["stroke", "fill"], on = {
+}, cn = ["stroke", "fill"], vn = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "1em",
   width: "1em"
-}, rn = ["fill"], sn = ["fill"], nn = {
+}, dn = ["fill"], hn = ["fill"], fn = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "1em",
   width: "1em"
-}, un = {
+}, gn = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, cn = ["innerHTML"], vn = {
+}, mn = ["innerHTML"], bn = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -100,103 +100,103 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup(jl, { expose: Kt, emit: jt }) {
-    const g = jl, eo = Xe(() => import("./DataTable-KIMqDIJv.js")), lo = Xe(() => import("./Tooltip-B6qvABDL.js")), ao = Xe(() => import("./UserOptions-DToFtFUD.js")), Aa = Xe(() => import("./BaseIcon-DlnfQOPC.js")), to = Xe(() => import("./vue-ui-table-sparkline-DnNcAKYJ.js").then((a) => a.b)), oo = Xe(() => import("./PackageVersion-CeU7wfkb.js")), ro = Xe(() => import("./PenAndPaper-BrX5Qp19.js")), so = Xe(() => import("./BaseDraggableDialog-Ca6iTqi8.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(() => ({
+  setup(la, { expose: to, emit: oo }) {
+    const m = la, ro = Xe(() => import("./DataTable-DiaJI04f.js")), so = Xe(() => import("./Tooltip-B6qvABDL.js")), io = Xe(() => import("./UserOptions-CZTaqf79.js")), La = Xe(() => import("./BaseIcon-CYSJuCRd.js")), no = Xe(() => import("./vue-ui-table-sparkline-P9_eeIHb.js").then((a) => a.b)), uo = Xe(() => import("./PackageVersion-DLxnBD7g.js")), co = Xe(() => import("./PenAndPaper-B26d81vz.js")), vo = Xe(() => import("./BaseDraggableDialog-SswGoxlj.js")), aa = oo, Ma = nr(), ho = ur(), { vue_ui_xy: fl } = Lr(), { isThemeValid: fo, warnInvalidTheme: go } = Nr(), Ie = x(null), gl = x(null), Fe = x(null), rl = x(null), ml = x(null), bl = x(null), mo = x(null), ta = x(null), oa = x(null), sl = x(null), ra = x(null), sa = x(null), Pe = x(null), ia = x(null), bo = x(0), I = x(null), Ta = x(!0), ve = x(600), ee = x(1e3), Fl = x("0 0 1000 600"), xo = x({ x: 0, y: 0 }), xl = x({ line: "line", bar: "bar", plot: "plot" }), pl = x(!1), qe = x(!1), za = x(!1), Ze = x(null), J = x([]), H = x(wa()), Ia = x(0), Fa = x(0), Oa = x(0), yl = x(!0), na = x(0), N = x(null), Na = x(!1), ua = x(!0), Ol = x(!0), se = x(null), Ve = x({}), Nl = x(null), Ba = x(!1), il = x(null), C = x(null), po = g(() => ({
       height: ve.value,
       width: ee.value
     }));
-    function Ba(a) {
+    function Da(a) {
       return Number.isFinite(a) ? Math.max(0, Math.floor(a)) : 0;
     }
-    function na(a, r, e = 0) {
+    function ca(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({
+    const Va = x(!1), y = x({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
     }), Ae = x({ plot: 3, line: 3 });
-    Zl(() => {
-      Oa.value = !0, g.dataset.length && g.dataset.forEach((a, r) => {
-        [null, void 0].includes(a.series) && _a({
+    Ql(() => {
+      Ba.value = !0, m.dataset.length && m.dataset.forEach((a, r) => {
+        [null, void 0].includes(a.series) && Sa({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "series (number[])",
           index: r,
-          debug: yl.value
+          debug: kl.value
         });
       });
     });
-    function ua() {
-      if (!Object.keys(g.config || {}).length)
-        return hl;
-      const a = Tl({
-        userConfig: g.config,
-        defaultConfig: hl
+    function va() {
+      if (!Object.keys(m.config || {}).length)
+        return fl;
+      const a = Il({
+        userConfig: m.config,
+        defaultConfig: fl
       });
-      g.config && fe(g.config, "chart.highlightArea") && (Array.isArray(g.config.chart.highlightArea) ? a.chart.highlightArea = g.config.chart.highlightArea : a.chart.highlightArea = [g.config.chart.highlightArea]), g.config && fe(g.config, "chart.grid.labels.yAxis.scaleMin") ? a.chart.grid.labels.yAxis.scaleMin = g.config.chart.grid.labels.yAxis.scaleMin : a.chart.grid.labels.yAxis.scaleMin = null, g.config && fe(g.config, "chart.grid.labels.yAxis.scaleMax") ? a.chart.grid.labels.yAxis.scaleMax = g.config.chart.grid.labels.yAxis.scaleMax : a.chart.grid.labels.yAxis.scaleMax = null, g.config && fe(g.config, "chart.zoom.startIndex") ? a.chart.zoom.startIndex = g.config.chart.zoom.startIndex : a.chart.zoom.startIndex = null, g.config && fe(g.config, "chart.zoom.endIndex") ? a.chart.zoom.endIndex = g.config.chart.zoom.endIndex : a.chart.zoom.endIndex = null, g.config && fe(g.config, "chart.grid.labels.yAxis.groupColor") ? a.chart.grid.labels.yAxis.groupColor = g.config.chart.grid.labels.yAxis.groupColor : a.chart.grid.labels.yAxis.groupColor = null, g.config && fe(g.config, "chart.annotations") && Array.isArray(g.config.chart.annotations) && g.config.chart.annotations.length ? a.chart.annotations = g.config.chart.annotations.map((t) => Tl({
-        defaultConfig: hl.chart.annotations[0],
+      m.config && fe(m.config, "chart.highlightArea") && (Array.isArray(m.config.chart.highlightArea) ? a.chart.highlightArea = m.config.chart.highlightArea : a.chart.highlightArea = [m.config.chart.highlightArea]), m.config && fe(m.config, "chart.grid.labels.yAxis.scaleMin") ? a.chart.grid.labels.yAxis.scaleMin = m.config.chart.grid.labels.yAxis.scaleMin : a.chart.grid.labels.yAxis.scaleMin = null, m.config && fe(m.config, "chart.grid.labels.yAxis.scaleMax") ? a.chart.grid.labels.yAxis.scaleMax = m.config.chart.grid.labels.yAxis.scaleMax : a.chart.grid.labels.yAxis.scaleMax = null, m.config && fe(m.config, "chart.zoom.startIndex") ? a.chart.zoom.startIndex = m.config.chart.zoom.startIndex : a.chart.zoom.startIndex = null, m.config && fe(m.config, "chart.zoom.endIndex") ? a.chart.zoom.endIndex = m.config.chart.zoom.endIndex : a.chart.zoom.endIndex = null, m.config && fe(m.config, "chart.grid.labels.yAxis.groupColor") ? a.chart.grid.labels.yAxis.groupColor = m.config.chart.grid.labels.yAxis.groupColor : a.chart.grid.labels.yAxis.groupColor = null, m.config && fe(m.config, "chart.annotations") && Array.isArray(m.config.chart.annotations) && m.config.chart.annotations.length ? a.chart.annotations = m.config.chart.annotations.map((t) => Il({
+        defaultConfig: fl.chart.annotations[0],
         userConfig: t
-      })) : a.chart.annotations = [], g.config && fe(g.config, "chart.grid.position") && g.config.chart.grid.position === "start" && g.dataset.length && g.dataset.some((t) => t.type === "bar") && (a.chart.grid.position = "middle", fe(g.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), g.config && fe(g.config, "chart.grid.labels.yAxis.serieNameFormatter") ? a.chart.grid.labels.yAxis.serieNameFormatter = g.config.chart.grid.labels.yAxis.serieNameFormatter : a.chart.grid.labels.yAxis.serieNameFormatter = null, g.config && fe(g.config, "events.datapointEnter") ? a.events.datapointEnter = g.config.events.datapointEnter : a.events.datapointEnter = null, g.config && fe(g.config, "events.datapointLeave") ? a.events.datapointLeave = g.config.events.datapointLeave : a.events.datapointLeave = null, g.config && fe(g.config, "events.datapointClick") ? a.events.datapointClick = g.config.events.datapointClick : a.events.datapointClick = null, g.config && fe(g.config, "chart.highlightArea") && (Array.isArray(g.config.chart.highlightArea) ? a.chart.highlightArea = g.config.chart.highlightArea.map((t) => Va({
-        defaultConfig: hl.chart.highlightArea,
+      })) : a.chart.annotations = [], m.config && fe(m.config, "chart.grid.position") && m.config.chart.grid.position === "start" && m.dataset.length && m.dataset.some((t) => t.type === "bar") && (a.chart.grid.position = "middle", fe(m.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), m.config && fe(m.config, "chart.grid.labels.yAxis.serieNameFormatter") ? a.chart.grid.labels.yAxis.serieNameFormatter = m.config.chart.grid.labels.yAxis.serieNameFormatter : a.chart.grid.labels.yAxis.serieNameFormatter = null, m.config && fe(m.config, "events.datapointEnter") ? a.events.datapointEnter = m.config.events.datapointEnter : a.events.datapointEnter = null, m.config && fe(m.config, "events.datapointLeave") ? a.events.datapointLeave = m.config.events.datapointLeave : a.events.datapointLeave = null, m.config && fe(m.config, "events.datapointClick") ? a.events.datapointClick = m.config.events.datapointClick : a.events.datapointClick = null, m.config && fe(m.config, "chart.highlightArea") && (Array.isArray(m.config.chart.highlightArea) ? a.chart.highlightArea = m.config.chart.highlightArea.map((t) => Pa({
+        defaultConfig: fl.chart.highlightArea,
         userConfig: t
-      })) : a.chart.highlightArea = Va({
-        defaultConfig: hl.chart.highlightArea,
-        userConfig: g.config.chart.highlightArea
+      })) : a.chart.highlightArea = Pa({
+        defaultConfig: fl.chart.highlightArea,
+        userConfig: m.config.chart.highlightArea
       }));
       const r = a.theme;
       if (!r) return a;
-      if (!no.value(a))
-        return uo(a), a;
-      const e = Tl({
-        userConfig: Qt[r] || g.config,
+      if (!fo.value(a))
+        return go(a), a;
+      const e = Il({
+        userConfig: ao[r] || m.config,
         defaultConfig: a
-      }), s = Tl({
-        userConfig: g.config,
+      }), s = Il({
+        userConfig: m.config,
         defaultConfig: e
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : xr[r] || wa
+        customPalette: s.customPalette.length ? s.customPalette : wr[r] || Aa
       };
     }
-    function Va({ defaultConfig: a, userConfig: r }) {
-      return Tl({
+    function Pa({ defaultConfig: a, userConfig: r }) {
+      return Il({
         defaultConfig: a,
         userConfig: r
       });
     }
-    const ca = b({
+    const da = g({
       get() {
-        return !!g.dataset && g.dataset.length;
+        return !!m.dataset && m.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), l = x(ua()), f = x({
+    }), l = x(va()), f = x({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
       isStacked: !1,
       useIndividualScale: !1
     });
-    function va() {
-      Na.value ? (f.value.isStacked = l.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
+    function ha() {
+      Va.value ? (f.value.isStacked = l.value.chart.grid.labels.yAxis.stacked, f.value.useIndividualScale == null && (f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale)) : (f.value = {
         dataLabels: { show: !0 },
         showTooltip: l.value.chart.tooltip.show === !0,
         showTable: l.value.showTable === !0,
         isStacked: l.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: l.value.chart.grid.labels.yAxis.useIndividualScale
-      }, Na.value = !0);
+      }, Va.value = !0);
     }
-    const yl = b(() => !!l.value.debug), { loading: ie, FINAL_DATASET: ge, manualLoading: Ol } = wr({
-      ...or(g),
+    const kl = g(() => !!l.value.debug), { loading: ie, FINAL_DATASET: ge, manualLoading: Bl } = Tr({
+      ...cr(m),
       FINAL_CONFIG: l,
-      prepareConfig: ua,
+      prepareConfig: va,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Pl(), f.value.showTable = l.value.showTable;
+          await Rl(), f.value.showTable = l.value.showTable;
         });
       },
       skeletonDataset: [
@@ -214,7 +214,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           color: "#CACACA"
         }
       ],
-      skeletonConfig: ur({
+      skeletonConfig: gr({
         defaultConfig: l.value,
         userConfig: {
           useCssAnimation: !1,
@@ -272,7 +272,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }
       })
     });
-    function go(a) {
+    function yo(a) {
       const r = /* @__PURE__ */ new WeakMap();
       return (e, ...s) => {
         let t = r.get(e);
@@ -282,23 +282,23 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         return t || (t = /* @__PURE__ */ new Map(), r.set(e, t)), t.set(i, o), o;
       };
     }
-    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)),
+    const ko = yo((a, r) => $a({ data: a, threshold: r })), Ee = (a) => ko(a, l.value.downsample.threshold), Oe = g({
+      get: () => Math.max(...ge.value.map((a) => Ee(a.series).length)),
       set: (a) => a
-    }), 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) {
+    }), b = x({ start: 0, end: Oe.value }), $e = x({ start: 0, end: Oe.value }), Ea = g(() => l.value.chart.zoom.preview.enable && ($e.value.start !== b.value.start || $e.value.end !== b.value.end));
+    function Ra(a, r) {
       $e.value[a] = r;
     }
     function nl() {
       const a = Math.max(
         1,
-        ...ge.value.map((s) => Re(s.series).length)
+        ...ge.value.map((s) => Ee(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 }, $e.value.start = r, $e.value.end = e, Fe.value && (Fe.value.setStartValue(r), Fe.value.setEndValue(e));
+      let r = Math.max(0, Math.min(b.value.start ?? 0, a - 1)), e = Math.max(r + 1, Math.min(b.value.end ?? a, a));
+      (!Number.isFinite(r) || !Number.isFinite(e) || e <= r) && (r = 0, e = a), b.value = { start: r, end: e }, $e.value.start = r, $e.value.end = e, Fe.value && (Fe.value.setStartValue(r), Fe.value.setEndValue(e));
     }
-    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));
+    const Co = g(() => {
+      const { left: a, top: r, width: e, height: s } = c.value, t = b.value.start, o = b.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 + w * L,
         y: r,
@@ -317,82 +317,109 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }
       };
     });
-    Ll(() => g.selectedXIndex, (a) => {
-      if ([null, void 0].includes(g.selectedXIndex)) {
+    Tl(() => m.selectedXIndex, (a) => {
+      if ([null, void 0].includes(m.selectedXIndex)) {
         C.value = null;
         return;
       }
-      const r = a - m.value.start;
-      r < 0 || a >= m.value.end ? C.value = null : C.value = r ?? null;
+      const r = a - b.value.start;
+      r < 0 || a >= b.value.end ? C.value = null : C.value = r ?? null;
     }, { immediate: !0 });
-    const { isPrinting: da, isImaging: Ea, generatePdf: Ra, generateImage: Ha } = _r({
+    const { isPrinting: fa, isImaging: Ha, generatePdf: Ya, generateImage: Wa } = Mr({
       elementId: `vue-ui-xy_${H.value}`,
       fileName: l.value.chart.title.text || "vue-ui-xy",
       options: l.value.chart.userOptions.print
-    }), 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)));
-      return a > 0 ? 0 : a;
-    }), Vl = b(() => {
-      if (l.value.chart.grid.labels.yAxis.scaleMax)
-        return l.value.chart.grid.labels.yAxis.scaleMax;
-      const a = Math.max(...Pe.value.filter((r) => !J.value.includes(r.id)).map((r) => Math.max(...r.series)));
-      return Nl.value === a ? a + 1 : a;
-    }), Le = b(() => l.value.chart.grid.labels.yAxis.useNiceScale ? Ml(Nl.value, Vl.value < 0 ? 0 : Vl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : tl(Nl.value, Vl.value < 0 ? 0 : Vl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), kl = b(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? Le.value.min >= 0 ? 0 : Math.abs(Le.value.min) : -Le.value.min), Pe = b(() => La.value ? ge.value.map((a, r) => {
-      const e = Re(a.series), s = `uniqueId_${r}`;
+    }), _o = x(!1), Dl = g(() => mr(l.value.customPalette)), ul = g(() => {
+      const a = l.value.chart.grid.labels.yAxis.scaleMin;
+      if (a == null) return null;
+      const r = Number(a);
+      return Number.isFinite(r) ? r : null;
+    }), wo = g(() => ul.value !== null ? c.value.bottom : ne.value), Cl = g(() => {
+      const a = l.value.chart.grid.labels.yAxis.scaleMax;
+      if (a == null) return null;
+      const r = Number(a);
+      return Number.isFinite(r) ? r : null;
+    }), Xa = g(() => ul.value !== null || Cl.value !== null), Ga = g(() => {
+      const a = Re.value.filter((r) => !J.value.includes(r.id)).flatMap((r) => Array.isArray(r.series) ? r.series : []).filter(Number.isFinite);
+      return a.length ? {
+        min: Math.min(...a),
+        max: Math.max(...a)
+      } : { min: 0, max: 1 };
+    });
+    function Ua(a, r) {
+      let e = Number.isFinite(a) ? a : 0, s = Number.isFinite(r) ? r : 1;
+      return e === s ? s = e + 1 : e > s && ([e, s] = [s, e]), { min: e, max: s };
+    }
+    const Vl = g(() => {
+      const { min: a, max: r } = Ga.value;
+      if (!Xa.value) {
+        const o = a;
+        return o > 0 ? 0 : o;
+      }
+      const e = ul.value !== null ? ul.value : a > 0 ? 0 : a, s = Cl.value !== null ? Cl.value : r, t = a < e ? a : e, i = r > s ? r : s;
+      return Ua(t, i).min;
+    }), Pl = g(() => {
+      const { min: a, max: r } = Ga.value;
+      if (!Xa.value) {
+        const o = r;
+        return Vl.value === o ? o + 1 : o;
+      }
+      const e = ul.value !== null ? ul.value : a > 0 ? 0 : a, s = Cl.value !== null ? Cl.value : r, t = a < e ? a : e, i = r > s ? r : s;
+      return Ua(t, i).max;
+    }), Le = g(() => l.value.chart.grid.labels.yAxis.useNiceScale ? zl(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : tl(Vl.value, Pl.value < 0 ? 0 : Pl.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), _l = g(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? Le.value.min >= 0 ? 0 : Math.abs(Le.value.min) : -Le.value.min), Re = g(() => Ta.value ? ge.value.map((a, r) => {
+      const e = Ee(a.series), s = `uniqueId_${r}`;
       return {
         ...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] : wa[r]),
+        series: e.map((t) => Kl(t) ? t : null).slice(b.value.start, b.value.end),
+        color: Dt(a.color ? a.color : Dl.value[r] ? Dl.value[r] : Aa[r]),
         id: s,
         scaleLabel: a.scaleLabel || s
       };
-    }) : ge.value), me = b(() => Pe.value.map((a, r) => ({
+    }) : ge.value), me = g(() => Re.value.map((a, r) => ({
       absoluteIndex: r,
       ...a,
-      series: a.series.map((e) => e + kl.value),
+      series: a.series.map((e) => e + _l.value),
       absoluteValues: a.series,
-      segregate: () => Yl(a),
+      segregate: () => Xl(a),
       isSegregated: J.value.includes(a.id)
-    }))), _e = b(() => Pe.value.map((a, r) => ({
+    }))), _e = g(() => Re.value.map((a, r) => ({
       ...a,
-      series: a.series.map((e) => e + kl.value),
+      series: a.series.map((e) => e + _l.value),
       absoluteValues: a.series
     })).filter((a) => !J.value.includes(a.id)));
-    function po() {
+    function So() {
       let a = 0;
-      ta.value && (a = Array.from(ta.value.querySelectorAll("text")).reduce((t, i) => {
+      ra.value && (a = Array.from(ra.value.querySelectorAll("text")).reduce((t, i) => {
         const o = i.getComputedTextLength();
         return (o > t ? o : t) + l.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
-      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;
+      const r = oa.value ? oa.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), yo = kr((a) => {
-      ha.value = a;
+    const ga = x(0), Ao = $r((a) => {
+      ga.value = a;
     }, 100);
-    Lt((a) => {
+    Ft((a) => {
       const r = sl.value;
       if (!r) return;
       const e = new ResizeObserver((s) => {
-        yo(s[0].contentRect.height);
+        Ao(s[0].contentRect.height);
       });
       e.observe(r), a(() => e.disconnect());
-    }), ka(() => {
-      ha.value = 0;
+    }), _a(() => {
+      ga.value = 0;
     });
-    const Ya = b(() => {
+    const qa = g(() => {
       let a = 0;
-      la.value && (a = la.value.getBBox().height);
+      ta.value && (a = ta.value.getBBox().height);
       let r = 0;
-      return sl.value && (r = ha.value), a + r + y.value.xAxis;
-    }), ko = b(() => ge.value.some((a) => a.useProgression)), c = b(() => {
+      return sl.value && (r = ga.value), a + r + y.value.xAxis;
+    }), $o = g(() => ge.value.some((a) => a.useProgression)), c = g(() => {
       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 = po());
-      const e = l.value.chart.labels.fontSize * 1.1, s = ko.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 = So());
+      const e = l.value.chart.labels.fontSize * 1.1, s = $o.value ? 24 : 6;
       if (sl.value) {
         const o = sl.value.getBBox().x;
         o < 0 && (a += Math.abs(o));
@@ -401,79 +428,79 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       return {
         top: l.value.chart.padding?.top + e,
         right: ee.value - s - l.value.chart.padding?.right,
-        bottom: ve.value - Ya.value - l.value.chart.padding?.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        bottom: ve.value - qa.value - l.value.chart.padding?.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
         left: a + l.value.chart.grid.labels.yAxis.crosshairSize - i + l.value.chart.padding?.left,
-        height: ve.value - Ya.value - l.value.chart.padding?.top - l.value.chart.padding?.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        height: ve.value - qa.value - l.value.chart.padding?.top - l.value.chart.padding?.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
         width: t,
         scaleLabelX: a,
         individualOffsetX: r
       };
-    }), Co = b(() => {
+    }), Lo = g(() => {
       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 / A.value * i + c.value?.left + U.value;
         return `M${o},${e} L${o},${s}`;
       }).join(" ");
-    }), _o = b(() => {
+    }), Mo = g(() => {
       if (!l.value.chart.grid.labels.xAxis.showCrosshairs) return "";
       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) => {
+      return xa.value.map((s, t) => {
         if (!s || !s.text) return null;
         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 !!io?.vnode.props?.onSelectTimeLabel;
+    function Za() {
+      return !!ho?.vnode.props?.onSelectTimeLabel;
     }
-    function wo(a, r, e) {
-      if (!Fl.value) {
+    function To(a, r, e) {
+      if (!Nl.value) {
         const s = document.createElement("canvas");
-        Fl.value = s.getContext("2d");
+        Nl.value = s.getContext("2d");
       }
-      return Fl.value.font = `normal ${a}px sans-serif`, Fl.value;
+      return Nl.value.font = `normal ${a}px sans-serif`, Nl.value;
     }
-    function Xa() {
+    function Ja() {
       const a = Ie.value.querySelectorAll(".vue-ui-xy-tag");
       a.length && Array.from(a).forEach((r) => r.style.opacity = "0");
     }
-    function Dl(a, r, e, s, t) {
-      e && (De.value[`${a}_${r}_${s}_${t}`] = e);
+    function El(a, r, e, s, t) {
+      e && (Ve.value[`${a}_${r}_${s}_${t}`] = e);
     }
-    const Ga = x(!1);
-    async function Ua(a = !1) {
-      await Mt(), Ga.value = a, Fa.value && (Il.value = a);
+    const Qa = x(!1);
+    async function Ka(a = !1) {
+      await Ot(), Qa.value = a, Na.value && (Ol.value = a);
     }
-    function fa() {
-      xl.value = !xl.value;
+    function ma() {
+      pl.value = !pl.value;
     }
-    const de = b(() => {
-      const a = Math.max(...ge.value.map((r) => Sa({ data: r.series, threshold: l.value.downsample.threshold }).length));
-      return Ht({
+    const de = g(() => {
+      const a = Math.max(...ge.value.map((r) => $a({ data: r.series, threshold: l.value.downsample.threshold }).length));
+      return Ut({
         values: l.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: a,
         formatter: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-        start: m.value.start,
-        end: m.value.end
+        start: b.value.start,
+        end: b.value.end
       });
-    }), ga = b(() => {
-      const a = Math.max(...ge.value.map((r) => Sa({ data: r.series, threshold: l.value.downsample.threshold }).length));
-      return Ht({
+    }), ba = g(() => {
+      const a = Math.max(...ge.value.map((r) => $a({ data: r.series, threshold: l.value.downsample.threshold }).length));
+      return Ut({
         values: l.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: a,
         formatter: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: 0,
         end: Oe.value
       });
-    }), So = b(() => {
+    }), zo = g(() => {
       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 = C.value, i = A.value, o = r.map((M) => M?.text ?? ""), L = e.map((M) => M?.text ?? "");
-      return vr(
+    }), xa = g(() => {
+      const a = l.value.chart.grid.labels.xAxisLabels, r = de.value || [], e = ba.value || [], s = b.value.start ?? 0, t = C.value, i = A.value, o = r.map((M) => M?.text ?? ""), L = e.map((M) => M?.text ?? "");
+      return br(
         !!a.showOnlyFirstAndLast,
         !!a.showOnlyAtModulo,
-        Math.max(1, So.value || 1),
+        Math.max(1, zo.value || 1),
         o,
         L,
         s,
@@ -481,7 +508,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         i
       );
     });
-    function qa(a, r) {
+    function ja(a, r) {
       const e = _e.value.map((s) => ({
         shape: s.shape || null,
         name: s.name,
@@ -492,97 +519,97 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         prefix: s.prefix || l.value.chart.labels.prefix,
         suffix: s.suffix || l.value.chart.labels.suffix
       }));
-      ea("selectTimeLabel", {
+      aa("selectTimeLabel", {
         datapoint: e,
         absoluteIndex: a.absoluteIndex,
         label: a.text
       });
     }
-    const A = b(() => {
-      const a = Ba((m.value.end ?? 0) - (m.value.start ?? 0));
+    const A = g(() => {
+      const a = Da((b.value.end ?? 0) - (b.value.start ?? 0));
       return Math.max(1, a);
     });
-    function Ao(a) {
-      B.value = a;
+    function Io(a) {
+      N.value = a;
     }
-    function Za() {
+    function et() {
       f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale;
     }
-    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 pa(a) {
+      kl.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 $o(a, r) {
-      const e = Ba(a), s = Array(e).fill(0);
+    function Fo(a, r) {
+      const e = Da(a), s = Array(e).fill(0);
       for (let t = 0; t < r.length && t < e; t += 1) s[t] = r[t] ?? 0;
       return s;
     }
-    function Ja(a) {
-      const r = Math.max(...ge.value.map((e) => Re(e.series).length));
+    function lt(a) {
+      const r = Math.max(...ge.value.map((e) => Ee(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 Cl = x(!1), Qa = x(!1);
-    function Pl() {
-      if (!Cl.value) {
-        Cl.value = !0;
+    const wl = x(!1), at = x(!1);
+    function Rl() {
+      if (!wl.value) {
+        wl.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, $e.value.start = s, $e.value.end = t, nl(), Qa.value = !0;
+          const { startIndex: a, endIndex: r } = l.value.chart.zoom, e = Math.max(...ge.value.map((i) => Ee(i.series).length)), s = a ?? 0, t = r != null ? Math.min(lt(r + 1), e) : e;
+          Hl.value = !0, b.value.start = s, b.value.end = t, $e.value.start = s, $e.value.end = t, nl(), at.value = !0;
         } finally {
           queueMicrotask(() => {
-            El.value = !1;
-          }), Cl.value = !1;
+            Hl.value = !1;
+          }), wl.value = !1;
         }
       }
     }
-    const El = x(!1);
-    function Lo(a) {
-      Cl.value || El.value || a !== m.value.start && (m.value.start = a, $e.value.start = a, nl());
+    const Hl = x(!1);
+    function Oo(a) {
+      wl.value || Hl.value || a !== b.value.start && (b.value.start = a, $e.value.start = a, nl());
     }
-    function Mo(a) {
-      if (Cl.value || El.value) return;
-      const r = Ja(a);
-      r !== m.value.end && (m.value.end = r, $e.value.end = r, nl());
+    function No(a) {
+      if (wl.value || Hl.value) return;
+      const r = lt(a);
+      r !== b.value.end && (b.value.end = r, $e.value.end = r, nl());
     }
-    async function To() {
-      await Pl();
+    async function Bo() {
+      await Rl();
     }
     function be(a) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
     }
-    const Ka = b(() => Le.value.max + kl.value);
+    const tt = g(() => Le.value.max + _l.value);
     function Je(a) {
-      return a / (be(Ka.value) ? Ka.value : 1);
+      return a / (be(tt.value) ? tt.value : 1);
     }
-    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 : 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);
+    const ne = g(() => isNaN(Je(_l.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Je(_l.value));
+    function ot(a) {
+      const r = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && Vl.value >= 0 ? c.value?.bottom : ne.value;
+      return a.value >= 0 ? B(r - a.y <= 0 ? 1e-5 : r - a.y) : B(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);
+    function rt(a) {
+      return a.value >= 0 ? B(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : B(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
     }
-    const Z = b(() => {
-      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);
+    const Z = g(() => {
+      const a = Math.max(1, A.value), r = Math.max(1, c.value.width), e = Math.max(1, Re.value.filter((s) => s.type === "bar" && !J.value.includes(s.id)).length);
       return {
-        bar: na(r, a * e, 1),
-        plot: na(r, a, 1),
-        line: na(r, a, 1)
+        bar: ca(r, a * e, 1),
+        plot: ca(r, a, 1),
+        line: ca(r, a, 1)
       };
     });
     function He() {
       return f.value.useIndividualScale && f.value.isStacked ? Z.value.line - c.value.width / A.value * 0.1 : Z.value.bar;
     }
-    function Rl(a) {
+    function Yl(a) {
       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) {
+    function st(a) {
       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) {
+    function it(a) {
       return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
     }
-    const _l = x(null);
-    function tt(a) {
+    const Sl = x(null);
+    function nt(a) {
       const r = se.value;
       if (!r) return null;
       if (r.createSVGPoint && r.getScreenCTM) {
@@ -598,57 +625,57 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       return { x: F, y: w, ok: !0 };
     }
     let Qe = 0;
-    function zo(a) {
-      xl.value || (Qe && cancelAnimationFrame(Qe), Qe = requestAnimationFrame(() => {
+    function Do(a) {
+      pl.value || (Qe && cancelAnimationFrame(Qe), Qe = requestAnimationFrame(() => {
         Qe = 0;
-        const r = tt(a);
+        const r = nt(a);
         if (!r || !se.value) {
-          Hl();
+          Wl();
           return;
         }
         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) {
-          Hl();
+          Wl();
           return;
         }
         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();
+        F >= 0 && F < A.value ? Sl.value !== F && (Sl.value = F, kt(!0, F)) : Wl();
       }));
     }
-    function Hl() {
-      Qe && (cancelAnimationFrame(Qe), Qe = 0), _l.value = null, mt(!1, null);
+    function Wl() {
+      Qe && (cancelAnimationFrame(Qe), Qe = 0), Sl.value = null, kt(!1, null);
     }
-    function ot(a) {
-      const r = tt(a);
+    function ut(a) {
+      const r = nt(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, A.value), M = Math.floor((r.x - e) / L);
           if (M >= 0 && M < A.value) {
-            rt(M);
+            ct(M);
             return;
           }
         }
       }
-      _l.value != null && rt(_l.value);
+      Sl.value != null && ct(Sl.value);
     }
-    function rt(a) {
+    function ct(a) {
       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,
         type: e.type
       }));
-      ea(
+      aa(
         "selectX",
         {
           dataset: r,
           index: a,
           indexLabel: l.value.chart.grid.labels.xAxisLabels.values[a]
         }
-      ), l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: r, seriesIndex: a + m.value.start });
+      ), l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: r, seriesIndex: a + b.value.start });
     }
-    function Io() {
+    function Vo() {
       return me.value.map((a) => ({
         values: a.absoluteValues,
         color: a.color,
@@ -656,9 +683,9 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         type: a.type
       }));
     }
-    async function Fo({ scale: a = 2 } = {}) {
+    async function Po({ scale: a = 2 } = {}) {
       if (!Ie.value) return;
-      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 });
+      const { width: r, height: e } = Ie.value.getBoundingClientRect(), s = r / e, { imageUri: t, base64: i } = await Dr({ domElement: Ie.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: t,
         base64: i,
@@ -668,40 +695,40 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         aspectRatio: s
       };
     }
-    function Yl(a) {
+    function Xl(a) {
       if (J.value.includes(a.id))
         J.value = J.value.filter((r) => r !== a.id);
       else {
-        if (J.value.length + 1 === Pe.value.length) return;
+        if (J.value.length + 1 === Re.value.length) return;
         J.value.push(a.id);
       }
-      ea("selectLegend", _e.value.map((r) => ({
+      aa("selectLegend", _e.value.map((r) => ({
         name: r.name,
         values: r.absoluteValues,
         color: r.color,
         type: r.type
-      }))), sa.value += 1;
+      }))), na.value += 1;
     }
-    function st(a) {
+    function vt(a) {
       if (!me.value.length)
         return l.value.debug && console.warn("VueUiXy - There are no series to show."), null;
       const r = me.value.find((e) => e.name === a);
       return r || (l.value.debug && console.warn(`VueUiXy - Series name not found "${a}"`), null);
     }
-    function Oo(a) {
-      const r = st(a);
-      r !== null && J.value.includes(r.id) && Yl({ id: r.id });
+    function Eo(a) {
+      const r = vt(a);
+      r !== null && J.value.includes(r.id) && Xl({ id: r.id });
     }
-    function Bo(a) {
-      const r = st(a);
-      r !== null && (J.value.includes(r.id) || Yl({ id: r.id }));
+    function Ro(a) {
+      const r = vt(a);
+      r !== null && (J.value.includes(r.id) || Xl({ id: r.id }));
     }
-    const No = b(() => {
+    const Ho = g(() => {
       const a = l.value.chart.title.text || "Chart visualization", r = l.value.chart.title.subtitle.text || "";
       return `${a}. ${r}`;
-    }), it = b(() => ({
+    }), dt = g(() => ({
       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(() => {
+    })), Yo = g(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), Wo = g(() => {
       if (Array.isArray(l.value.chart.highlightArea))
         return l.value.chart.highlightArea.map((r) => {
           const e = Math.min(r.to, Oe.value - 1);
@@ -715,20 +742,20 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         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 }];
-    }), nt = b(() => La.value ? ge.value.map((a, r) => ({
+    }), ht = g(() => Ta.value ? ge.value.map((a, r) => ({
       ...a,
-      series: Re(a.series),
+      series: Ee(a.series),
       id: `uniqueId_${r}`,
-      color: It(a.color ? a.color : Bl.value[r] ? Bl.value[r] : wa[r])
-    })) : ge.value), Po = b(() => _e.value.map((a) => {
+      color: Dt(a.color ? a.color : Dl.value[r] ? Dl.value[r] : Aa[r])
+    })) : ge.value), Xo = g(() => _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: $o(A.value, r)
+        values: Fo(A.value, r)
       };
-    })), Eo = b(() => ({
+    })), Go = g(() => ({
       responsiveBreakpoint: l.value.table.responsiveBreakpoint,
       roundingValues: l.value.table.rounding,
       showAverage: !1,
@@ -737,7 +764,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       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 : ul.value(r + m.value.start, l.value.table.timeFormat)),
+      colNames: de.value.map((a, r) => l.value.table.useDefaultTimeFormat ? a.text : cl.value(r + b.value.start, l.value.table.timeFormat)),
       thead: {
         backgroundColor: l.value.table.th.backgroundColor,
         color: l.value.table.th.color,
@@ -754,31 +781,31 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       sparkline: {
         animation: { show: !1 }
       }
-    })), 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(() => {
+    })), U = g(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / A.value / 2), Ke = g(() => xr(me.value.filter((a) => !J.value.includes(a.id)))), $ = g(() => {
       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_${Ca()}`
+          groupId: `scale_group_${wa()}`
         };
       }
       return r;
-    }), Ro = b(() => {
-      const a = Pe.value.filter((r) => r.type === "bar").filter((r) => !J.value.includes(r.id)).length;
-      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(() => {
+    }), Uo = g(() => {
+      const a = Re.value.filter((r) => r.type === "bar").filter((r) => !J.value.includes(r.id)).length;
+      return c.value.width / A.value / a - Gl.value * a;
+    }), Gl = g(() => Z.value.line * l.value.bar.periodGap), Ul = g(() => Math.max(1e-5, He() - (f.value.useIndividualScale && f.value.isStacked ? 0 : Gl.value))), ql = g(() => Ul.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), qo = g(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
-      const a = nt.value.filter((t) => !J.value.includes(t.id)), r = Math.max(...a.map((t) => t.series.length)), e = [];
+      const a = ht.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));
-    }), Yo = b(() => l.value.chart.zoom.minimap.show ? nt.value.map((r) => ({
+    }), Zo = g(() => l.value.chart.zoom.minimap.show ? ht.value.map((r) => ({
       ...r,
       isVisible: !J.value.includes(r.id)
-    })) : []), je = b(() => _e.value.map((a) => ({
+    })) : []), je = g(() => _e.value.map((a) => ({
       slotAbsoluteIndex: a.slotAbsoluteIndex,
       shape: a.shape || null,
       name: a.name,
@@ -788,12 +815,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       comments: a.comments || [],
       prefix: a.prefix || l.value.chart.labels.prefix,
       suffix: a.suffix || l.value.chart.labels.suffix
-    }))), ut = b(() => Le.value.ticks.map((a) => ({
+    }))), ft = g(() => 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(() => {
+    }))), gt = g(() => {
       const a = l.value.chart.annotations;
       if (!a || !Array.isArray(a) || a.every((w) => !w.show)) return [];
       const r = a.filter(
@@ -805,23 +832,23 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         return t - T * i;
       };
       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);
+        const { yAxis: { yTop: T, yBottom: W, label: k } } = w, D = T != null && W != null && T !== W, z = T == null ? null : F(T), le = W == null ? null : F(W), ue = To(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;
+        const q = ue.measureText(k.text).width, we = k.fontSize, Ne = (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;
+        k.textAnchor === "middle" ? E = Ne - q / 2 - k.padding?.left : k.textAnchor === "end" ? E = Ne - q - k.padding?.right : E = Ne - k.padding?.left;
         const R = pe - we * 0.75 - k.padding?.top;
         return {
           show: ![z, le, R].includes(NaN),
-          id: `annotation_y_${Ca()}`,
-          hasArea: V,
-          areaHeight: V ? Math.abs(z - le) : 0,
+          id: `annotation_y_${wa()}`,
+          hasArea: D,
+          areaHeight: D ? Math.abs(z - le) : 0,
           yTop: z,
           yBottom: le,
           config: w.yAxis,
           x1: e,
           x2: s,
-          _text: { x: Be, y: pe },
+          _text: { x: Ne, y: pe },
           _box: {
             x: E,
             y: R,
@@ -836,80 +863,80 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         };
       });
     });
-    function vt(a, r) {
+    function mt(a, r) {
       const e = a[r - 1], s = a[r + 1];
       let t = !!e && !!s && e.value == null && s.value == null || !e && !!s && s.value == null || !!e && !s && e.value == null;
       return be(a[r].value) && t && l.value.line.cutNullValues;
     }
-    const Me = b(() => {
+    const Me = g(() => {
       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);
+        pa(o);
         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));
+        o.absoluteValues.filter((V) => ![null, void 0].includes(V)).map((V) => (V - M) / (F - M));
         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(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;
+          min: o.scaleMin || Math.min(...o.absoluteValues.filter((V) => ![void 0, null].includes(V))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((V) => ![null, void 0].includes(V)))
+        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? zl(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 ? zl(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 = D.min >= 0 ? 0 : Math.abs(D.min), ue = 0, q = D.max + le, we = z.max + Math.abs(ue), Ne = o.stackIndex, vl = r - 1 - Ne, pe = s ? 1 - o.cumulatedStackRatio : 0, E = s ? i * pe + e * vl : 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((V) => V.type === "bar").filter((V) => !J.value.includes(V.id)).length, Ll = o.series.map((V, j) => {
+          const We = f.value.useIndividualScale ? (o.absoluteValues[j] + le) / q : Je(V), 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 - Uo.value / 2 - L * Gl.value;
           return {
-            yOffset: N(E),
-            individualHeight: N(R),
-            x: N(el),
+            yOffset: B(E),
+            individualHeight: B(R),
+            x: B(el),
             y: c.value?.bottom - E - R * We,
             value: o.absoluteValues[j],
-            zeroPosition: N(Q),
-            individualMax: N(q),
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[j] || ""
+            zeroPosition: B(Q),
+            individualMax: B(q),
+            comment: o.comments && o.comments.slice(b.value.start, b.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) => {
+        }), he = o.absoluteValues.map((V) => z.min >= 0 ? (V - Math.abs(z.min)) / (z.max - Math.abs(z.min)) : (V + Math.abs(z.min)) / (z.max + Math.abs(z.min))), Ye = o.series.map((V, j) => {
           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),
-            x: N(We),
-            y: N(c.value?.bottom - N(E) - (N(R) * he[j] || 0)),
+            yOffset: B(E),
+            individualHeight: B(R),
+            x: B(We),
+            y: B(c.value?.bottom - B(E) - (B(R) * he[j] || 0)),
             value: o.absoluteValues[j],
-            zeroPosition: N(Q),
-            individualMax: N(q),
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[j] || ""
+            zeroPosition: B(Q),
+            individualMax: B(q),
+            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[j] || ""
           };
-        }), X = V.ticks.map((D) => ({
-          y: D >= 0 ? Q - R * (D / q) : Q + R * Math.abs(D) / q,
-          value: D,
+        }), X = D.ticks.map((V) => ({
+          y: V >= 0 ? Q - R * (V / q) : Q + R * Math.abs(V) / q,
+          value: V,
           prefix: o.prefix || l.value.chart.labels.prefix,
           suffix: o.suffix || l.value.chart.labels.suffix,
           datapoint: o
-        })), K = z.ticks.map((D) => {
-          const j = (D - z.min) / (z.max - z.min);
+        })), K = z.ticks.map((V) => {
+          const j = (V - z.min) / (z.max - z.min);
           return {
-            y: D >= 0 ? ye - R * j : ye + R * j,
-            value: D,
+            y: V >= 0 ? ye - R * j : ye + R * j,
+            value: V,
             prefix: o.prefix || l.value.chart.labels.prefix,
             suffix: o.suffix || l.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        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, {
+        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((V) => V.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: E,
           autoScaleYLabels: K,
           individualHeight: R,
           scaleYLabels: o.autoScaling ? K : X,
-          individualScale: o.autoScaling ? z : V,
+          individualScale: o.autoScaling ? z : D,
           individualMax: o.autoScaling ? we : q,
           zeroPosition: o.autoScaling ? ye : Q,
-          plots: o.autoScaling ? Ye : Al,
+          plots: o.autoScaling ? Ye : Ll,
           groupId: $.value[o.scaleLabel].groupId
         };
       });
-    }), te = b(() => {
+    }), te = g(() => {
       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);
+        pa(o);
         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 w = {
@@ -918,25 +945,25 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }, 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(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);
+        }, W = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, D = l.value.chart.grid.labels.yAxis.useNiceScale ? zl(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 ? zl(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 = D.min >= 0 ? 0 : Math.abs(D.min), ue = 0, q = D.max + Math.abs(le), we = z.max + Math.abs(ue), Ne = o.stackIndex, vl = r - 1 - Ne, pe = s ? 1 - o.cumulatedStackRatio : 0, E = s ? i * pe + e * vl : 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 ir = 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 * lr),
+            x: B(c.value?.left + Z.value.line / 2 + Z.value.line * oe),
+            y: B(c.value?.bottom - E - R * ir),
             value: o.absoluteValues[oe],
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[oe] || ""
+            comment: o.comments && o.comments.slice(b.value.start, b.value.end)[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),
+        }), Ll = 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: B(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] || ""
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[oe] || ""
         } : {
-          x: N(c.value?.left + Z.value.line / 2 + Z.value.line * oe),
-          y: N(c.value?.bottom - E - (R * Al[oe] || 0)),
+          x: B(c.value?.left + Z.value.line / 2 + Z.value.line * oe),
+          y: B(c.value?.bottom - E - (R * Ll[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) => ({
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[oe] || ""
+        }), Ye = l.value.line.cutNullValues ? Vt(ce) : Pt(ce.filter((O) => O.value !== null)), X = l.value.line.cutNullValues ? Vt(he) : Pt(he.filter((O) => O.value !== null)), K = l.value.line.cutNullValues ? Et(ce) : Rt(ce.filter((O) => O.value !== null)), V = l.value.line.cutNullValues ? Et(he) : Rt(he.filter((O) => O.value !== null)), j = D.ticks.map((O) => ({
           y: O >= 0 ? Q - R * (O / q) : Q + R * Math.abs(O) / q,
           value: O,
           prefix: o.prefix || l.value.chart.labels.prefix,
@@ -953,38 +980,44 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           };
         });
         $.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);
+        const el = f.value.useIndividualScale ? o.autoScaling ? ye : Q : wo.value, Ml = Math.max(
+          Math.max(
+            o.autoScaling ? ye : j.at(-1) ? j.at(-1).y : 0,
+            c.value?.top
+          ),
+          el
+        );
         return {
           ...o,
           yOffset: E,
           autoScaleYLabels: We,
           individualHeight: R,
           scaleYLabels: o.autoScaling ? We : j,
-          individualScale: o.autoScaling ? z : V,
+          individualScale: o.autoScaling ? z : D,
           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(
+          area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Ht(
             o.autoScaling ? he : ce,
-            $l
-          ) : Dt(
+            Ml
+          ) : Yt(
             o.autoScaling ? he.filter((O) => O.value !== null) : ce.filter((O) => O.value !== null),
-            $l
-          ) : l.value.line.cutNullValues ? Vt(ce, $l) : Dt(ce.filter((O) => O.value !== null), $l) : "",
-          curveAreas: o.useArea ? hr(
+            Ml
+          ) : l.value.line.cutNullValues ? Ht(ce, Ml) : Yt(ce.filter((O) => O.value !== null), Ml) : "",
+          curveAreas: o.useArea ? pr(
             o.autoScaling ? l.value.line.cutNullValues ? he : he.filter((O) => O.value !== null) : l.value.line.cutNullValues ? ce : ce.filter((O) => O.value !== null),
-            $l,
+            Ml,
             l.value.line.cutNullValues
           ) : [],
-          straight: o.autoScaling ? D : K,
+          straight: o.autoScaling ? V : K,
           groupId: $.value[o.scaleLabel].groupId
         };
       });
-    }), xe = b(() => {
+    }), xe = g(() => {
       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);
+        pa(o);
         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 = {
@@ -993,27 +1026,27 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }, 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(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);
+        }, 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), D = 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 = D.max + Math.abs(le), we = o.stackIndex, Ne = r - 1 - we, vl = s ? 1 - o.cumulatedStackRatio : 0, pe = s ? i * vl + e * Ne : 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 V = 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),
+            x: B(c.value?.left + Z.value.plot / 2 + Z.value.plot * K),
+            y: B(c.value?.bottom - pe - E * V),
             value: o.absoluteValues[K],
-            comment: o.comments && o.comments.slice(m.value.start, m.value.end)[K] || ""
+            comment: o.comments && o.comments.slice(b.value.start, b.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))), 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)),
+        }), ce = o.absoluteValues.map((X) => D.min >= 0 ? (X - Math.abs(D.min)) / (D.max - Math.abs(D.min)) : (X + Math.abs(D.min)) / (D.max + Math.abs(D.min))), Ll = o.series.map((X, K) => ({
+          x: B(c.value?.left + Z.value.plot / 2 + Z.value.plot * K),
+          y: B(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] || ""
+          comment: o.comments && o.comments.slice(b.value.start, b.value.end)[K] || ""
         })), he = k.ticks.map((X) => ({
           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,
           datapoint: o
-        })), Ye = V.ticks.map((X) => {
-          const K = (X - V.min) / (V.max - V.min);
+        })), Ye = D.ticks.map((X) => {
+          const K = (X - D.min) / (D.max - D.min);
           return {
             y: X >= 0 ? Q - E * K : Q + E * K,
             value: X,
@@ -1028,14 +1061,14 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           autoScaleYLabels: Ye,
           individualHeight: E,
           scaleYLabels: o.autoScaling ? Ye : he,
-          individualScale: o.autoScaling ? V : k,
+          individualScale: o.autoScaling ? D : k,
           individualMax: o.autoScaling ? q : ue,
           zeroPosition: o.autoScaling ? Q : R,
-          plots: o.autoScaling ? Al : ye,
+          plots: o.autoScaling ? Ll : ye,
           groupId: $.value[o.scaleLabel].groupId
         };
       });
-    }), wl = b(() => {
+    }), Al = g(() => {
       const a = te.value.map((i) => ({
         name: i.name,
         color: i.color,
@@ -1098,7 +1131,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           }))
         };
       });
-    }), dt = b(() => {
+    }), bt = g(() => {
       const a = l.value.line.interLine || {}, r = a.pairs || [], e = a.colors || [];
       if (!r.length) return [];
       const s = [];
@@ -1108,7 +1141,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         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 w = e?.[i]?.[0] ?? M.color, T = e?.[i]?.[1] ?? F.color;
-        fr({
+        yr({
           lineA: M.plots,
           lineB: F.plots,
           smoothA: !!M.smooth,
@@ -1117,11 +1150,11 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           colorLineB: T,
           sampleStepPx: 2,
           cutNullValues: l.value.line.cutNullValues
-        }).forEach((k, V) => {
-          s.push({ ...k, key: `inter_${o}_${L}_${i}_${V}` });
+        }).forEach((k, D) => {
+          s.push({ ...k, key: `inter_${o}_${L}_${i}_${D}` });
         });
       }), s;
-    }), ht = b(() => ({
+    }), xt = g(() => ({
       datapoint: je.value,
       seriesIndex: C.value,
       series: me.value,
@@ -1129,24 +1162,24 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       lines: te.value,
       plots: xe.value,
       config: l.value
-    })), ul = b(() => {
-      const a = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter, r = Ar({
+    })), cl = g(() => {
+      const a = l.value.chart.grid.labels.xAxisLabels.datetimeFormatter, r = Ir({
         useUTC: a.useUTC,
-        locale: $r[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        locale: Fr[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
         januaryAsYear: a.januaryAsYear
       });
       return (e, s) => {
         const i = l.value.chart.grid.labels.xAxisLabels.values?.[e];
         return i == null ? "" : r.formatDate(new Date(i), s);
       };
-    }), ft = b(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((r, e) => ({
-      text: ul.value(e, l.value.chart.zoom.timeFormat),
+    }), pt = g(() => (l.value.chart.grid.labels.xAxisLabels.values || []).map((r, e) => ({
+      text: cl.value(e, l.value.chart.zoom.timeFormat),
       absoluteIndex: e
-    }))), 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);
+    }))), Jo = g(() => {
+      let a = "", r = je.value.map((t) => t.value).filter((t) => Kl(t) && t !== null).reduce((t, i) => Math.abs(t) + Math.abs(i), 0);
       const e = de.value[C.value], s = l.value.chart.tooltip.customFormat;
-      if (Pt(s) && gr(() => s({
-        absoluteIndex: C.value + m.value.start,
+      if (Wt(s) && kr(() => s({
+        absoluteIndex: C.value + b.value.start,
         seriesIndex: C.value,
         datapoint: je.value,
         series: me.value,
@@ -1156,7 +1189,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         config: l.value
       })))
         return s({
-          absoluteIndex: C.value + m.value.start,
+          absoluteIndex: C.value + b.value.start,
           seriesIndex: C.value,
           datapoint: je.value,
           series: me.value,
@@ -1166,18 +1199,18 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
           config: l.value
         });
       if (e && e.text && l.value.chart.tooltip.showTimeLabel) {
-        const t = ul.value(C.value + m.value.start, l.value.chart.tooltip.timeFormat);
+        const t = cl.value(C.value + b.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) => {
-        if (Jl(t.value)) {
+        if (Kl(t.value)) {
           let i = "", o = "";
-          switch (bl.value[t.type]) {
+          switch (xl.value[t.type]) {
             case "bar":
-              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>`;
+              i = `<svg viewBox="0 0 40 40" height="14" width="14">${Ma.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="${Ma.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>`;
+              !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="${Be({ 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="${Be({ 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="${Be({ 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="${Be({ 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="${Be({ 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="${Xt({ 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>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
@@ -1185,61 +1218,61 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 break;
               }
               if (t.shape === "star") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${Et({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${Xt({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (t.shape === "triangle") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Be({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "square") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Be({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "diamond") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Be({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "pentagon") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Be({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "hexagon") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Ne({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Be({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
           a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${i}</div> ${t.name}: <b>${l.value.chart.tooltip.showValue ? re(
             t.type === "line" ? l.value.line.labels.formatter : t.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
             t.value,
-            Ve({
+            De({
               p: t.prefix,
               v: t.value,
               s: t.suffix,
               r: l.value.chart.tooltip.roundingValue
             }),
             { datapoint: t }
-          ) : ""}</b> ${l.value.chart.tooltip.showPercentage ? `(${Ve({
-            v: N(Math.abs(t.value) / r * 100),
+          ) : ""}</b> ${l.value.chart.tooltip.showPercentage ? `(${De({
+            v: B(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)[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>`, l.value.chart.comments.showInTooltip && t.comments.length && t.comments.slice(b.value.start, b.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(b.value.start, b.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: [] };
+    }), yt = g(() => {
+      if (Re.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       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] : [ul.value(s + m.value.start, l.value.table.timeFormat)];
+        const t = l.value.table.useDefaultTimeFormat ? [e.text] : [cl.value(s + b.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(() => {
+    }), Zl = g(() => {
       const a = l.value.table.showSum;
       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>'));
@@ -1248,12 +1281,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !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 ?? "-" : ul.value(i + m.value.start, l.value.table.timeFormat)
+            l.value.table.useDefaultTimeFormat ? de.value[i].text ?? "-" : cl.value(i + b.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,
-              Ve({
+              De({
                 p: L.prefix || l.value.chart.labels.prefix,
                 v: L.absoluteValues[i] ?? 0,
                 s: L.suffix || l.value.chart.labels.suffix,
@@ -1278,68 +1311,68 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       }, 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 = pr(t);
-      a ? a(i) : yr({ csvContent: i, title: l.value.chart.title.text || "vue-ui-xy" });
+    function ya(a = null) {
+      const r = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...yt.value.head.map((o) => o.label)], s = yt.value.body, t = r.concat([e]).concat(s), i = Sr(t);
+      a ? a(i) : Ar({ csvContent: i, title: l.value.chart.title.text || "vue-ui-xy" });
     }
-    function mt(a, r = null) {
-      Ma.value = a;
+    function kt(a, r = null) {
+      za.value = a;
       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 ? (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 }));
+      a ? (C.value = r, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: r + b.value.start })) : (C.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: r + b.value.start }));
     }
-    function bt() {
+    function Ct() {
       f.value.showTable = !f.value.showTable;
     }
-    function xt() {
+    function _t() {
       f.value.dataLabels.show = !f.value.dataLabels.show;
     }
-    function pt() {
+    function wt() {
       f.value.showTooltip = !f.value.showTooltip;
     }
-    function yt(a) {
-      qe.value = a, Ta.value += 1;
+    function St(a) {
+      qe.value = a, Ia.value += 1;
     }
-    function kt() {
+    function At() {
       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, Ae.value.plot = l.value.plot.radius, Ae.value.line = l.value.line.radius;
         return;
       }
-      y.value.dataLabels = dl({
+      y.value.dataLabels = hl({
         relator: ve.value,
         adjuster: 400,
         source: l.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), y.value.yAxis = dl({
+      }), y.value.yAxis = hl({
         relator: ee.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
-      }), y.value.xAxis = dl({
+      }), y.value.xAxis = hl({
         relator: ee.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
-      }), y.value.plotLabels = dl({
+      }), y.value.plotLabels = hl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), Ae.value.plot = dl({
+      }), Ae.value.plot = hl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.plot.radius,
         threshold: 1,
         fallback: 1
-      }), Ae.value.line = dl({
+      }), Ae.value.line = hl({
         relator: ee.value,
         adjuster: 800,
         source: l.value.line.radius,
@@ -1347,115 +1380,115 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         fallback: 1
       });
     }
-    function pa() {
-      Rt(g.dataset) ? (_a({
+    function ka() {
+      Gt(m.dataset) ? (Sa({
         componentName: "VueUiXy",
         type: "dataset",
-        debug: yl.value
-      }), Ol.value = !0) : g.dataset.forEach((r, e) => {
-        [null, void 0].includes(r.name) && (_a({
+        debug: kl.value
+      }), Bl.value = !0) : m.dataset.forEach((r, e) => {
+        [null, void 0].includes(r.name) && (Sa({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: e,
-          debug: yl.value
-        }), Ol.value = !0);
-      }), yl.value && g.dataset.forEach((r) => {
+          debug: kl.value
+        }), Bl.value = !0);
+      }), kl.value && m.dataset.forEach((r) => {
         r.series.forEach((e, s) => {
-          Jl(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+          Kl(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${r.name}' contains the value '${e}' at index ${s}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), Rt(g.dataset) || (Ol.value = l.value.loading), Fa.value = l.value.chart.userOptions.showOnChartHover, ia.value = l.value.chart.userOptions.keepStateOnChartLeave, Il.value = !l.value.chart.userOptions.showOnChartHover, va();
+      }), Gt(m.dataset) || (Bl.value = l.value.loading), Na.value = l.value.chart.userOptions.showOnChartHover, ua.value = l.value.chart.userOptions.keepStateOnChartLeave, Ol.value = !l.value.chart.userOptions.showOnChartHover, ha();
       const a = 12;
       if (l.value.responsive) {
         const e = Ie.value.parentNode;
-        Ee.value && (Ee.value.unobserve(ra.value), Ee.value.disconnect());
+        Pe.value && (Pe.value.unobserve(ia.value), Pe.value.disconnect());
         const { height: s, width: t } = e.getBoundingClientRect();
         let i = null, o = 0;
-        l.value.chart.title.show && fl.value && (i = fl.value, o = i.getBoundingClientRect().height);
+        l.value.chart.title.show && gl.value && (i = gl.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);
+        l.value.chart.zoom.show && Oe.value > 6 && da.value && Fe.value && Fe.value.$el && (L = Fe.value.$el, M = L.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);
+        ml.value && (T = ml.value.getBoundingClientRect().height);
         let W = 0;
-        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 ? 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();
+        bl.value && (W = bl.value.getBoundingClientRect().height), ve.value = s - o - w - M - T - W - a, ee.value = t, Fl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, At();
+        const k = new ResizeObserver((D) => {
+          for (const z of D)
+            l.value.chart.title.show && gl.value ? o = gl.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, ml.value ? T = ml.value.getBoundingClientRect().height : T = 0, bl.value ? W = bl.value.getBoundingClientRect().height : W = 0, requestAnimationFrame(() => {
+              ve.value = z.contentRect.height - o - w - M - T - W - a, ee.value = z.contentBoxSize[0].inlineSize, Fl.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ve.value < 0 ? 10 : ve.value}`, At();
             });
         });
-        Ee.value = k, ra.value = e, k.observe(e);
+        Pe.value = k, ia.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, Ae.value.plot = l.value.plot.radius, Ae.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, Fl.value = `0 0 ${ee.value} ${ve.value}`;
     }
-    function Ct(a) {
-      ho.value = {
+    function $t(a) {
+      xo.value = {
         x: a.clientX,
         y: a.clientY
       };
     }
-    Zl(() => {
-      pa(), Pl(), document.addEventListener("mousemove", Ct, { passive: !0 }), document.addEventListener("scroll", Xa, { passive: !0 });
-    }), ka(() => {
-      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({
+    Ql(() => {
+      ka(), Rl(), document.addEventListener("mousemove", $t, { passive: !0 }), document.addEventListener("scroll", Ja, { passive: !0 });
+    }), _a(() => {
+      document.removeEventListener("scroll", Ja, { passive: !0 }), document.removeEventListener("mousemove", $t, { passive: !0 }), Pe.value && (Pe.value.unobserve(ia.value), Pe.value.disconnect(), Pe.value = null);
+    }), Br({
       timeLabelsEls: sl,
       timeLabels: de,
-      slicer: m,
+      slicer: b,
       configRef: l,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
-      isAutoSize: xo,
+      isAutoSize: _o,
       height: ve,
       width: ee,
       rotation: l.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const ql = x(!1), _t = x(null), wt = x(200), Xo = b(
-      () => C.value ?? B.value ?? 0
+    const Jl = x(!1), Lt = x(null), Mt = x(200), Qo = g(
+      () => C.value ?? N.value ?? 0
     );
-    function Go() {
-      const a = Math.ceil(wt.value || 200);
+    function Ko() {
+      const a = Math.ceil(Mt.value || 200);
       return Math.min(Math.max(a, 1), 200);
     }
-    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);
+    function jo() {
+      const a = Ko(), r = 200, e = Math.max(1, A.value), s = c.value.width / e, i = c.value?.left + Qo.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 B(M);
     }
-    Zl(() => {
+    Ql(() => {
       let a = null, r = null;
       const e = (i) => {
         cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-          wt.value = Math.min(Math.max(Math.ceil(i || 0), 1), 200);
+          Mt.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 = _t.value;
-        a && a !== o && (s.unobserve(a), a = null), o && o !== a && (Mt(() => {
+      }), t = Ft((i) => {
+        const o = Lt.value;
+        a && a !== o && (s.unobserve(a), a = null), o && o !== a && (Ot(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
         }), s.observe(o), a = o), i(() => {
           a && (s.unobserve(a), a = null);
         });
       });
-      ka(() => {
+      _a(() => {
         try {
           a && s.unobserve(a), s.disconnect(), t();
         } catch {
         }
       });
     });
-    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))
+    const er = g(() => {
+      if ([null, void 0].includes(C.value) && [null, void 0].includes(N.value)) return "";
+      const a = (C.value != null ? C.value : 0) || (N.value != null ? N.value : 0), r = l.value.chart.timeTag.customFormat;
+      if (Jl.value = !1, Wt(r))
         try {
           const e = r({
-            absoluteIndex: a + m.value.start,
+            absoluteIndex: a + b.value.start,
             seriesIndex: a,
             datapoint: je.value,
             bars: Me.value,
@@ -1464,44 +1497,44 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             config: l.value
           });
           if (typeof e == "string")
-            return ql.value = !0, e;
+            return Jl.value = !0, e;
         } catch {
-          console.warn("Custom format cannot be applied on timeTag."), ql.value = !1;
+          console.warn("Custom format cannot be applied on timeTag."), Jl.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 ? ul.value(a + m.value.start, l.value.chart.timeTag.timeFormat) : de.value[a].text;
+      if (!Jl.value)
+        return [null, void 0].includes(de.value[a]) ? "" : l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.timeTag.useDefaultFormat ? cl.value(a + b.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 = {
+    Tl(() => m.dataset, (a) => {
+      Array.isArray(a) && a.length > 0 && (Bl.value = !1), Oe.value = Math.max(...ge.value.map((r) => Ee(r.series).length)), b.value = {
         start: 0,
         end: Oe.value
-      }, vo.value += 1, sa.value += 1, nl();
-    }, { deep: !0 }), Ll(() => g.config, (a) => {
-      ie.value || (l.value = ua()), pa(), Ia.value += 1, za.value += 1, va(), nl();
+      }, bo.value += 1, na.value += 1, nl();
+    }, { deep: !0 }), Tl(() => m.config, (a) => {
+      ie.value || (l.value = va()), ka(), Oa.value += 1, Fa.value += 1, ha(), nl();
     }, { deep: !0 });
-    const ya = x(!1);
-    function St() {
+    const Ca = x(!1);
+    function Tt() {
       const a = Ie.value?.parentNode;
       if (!a) {
-        ya.value = !1;
+        Ca.value = !1;
         return;
       }
       const r = a.getBoundingClientRect();
-      ya.value = r.width > 2 && r.height > 2;
+      Ca.value = r.width > 2 && r.height > 2;
     }
-    Zl(() => {
-      St();
+    Ql(() => {
+      Tt();
       const a = new ResizeObserver(() => {
-        St(), ya.value && (pa(), nl(), Pl());
+        Tt(), Ca.value && (ka(), nl(), Rl());
       });
       Ie.value?.parentNode && a.observe(Ie.value.parentNode);
-    }), Ll(l, () => {
-      va();
+    }), Tl(l, () => {
+      ha();
     }, { immediate: !0 });
-    const Sl = b(() => {
+    const $l = g(() => {
       const a = l.value.table.useDialog && !l.value.showTable, r = f.value.showTable;
       return {
-        component: a ? so : Or,
+        component: a ? vo : Er,
         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,
@@ -1528,62 +1561,62 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }
       };
     });
-    Ll(() => f.value.showTable, (a) => {
+    Tl(() => 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 At() {
-      f.value.showTable = !1, oa.value && oa.value.setTableIconState(!1);
+    function zt() {
+      f.value.showTable = !1, sa.value && sa.value.setTableIconState(!1);
     }
-    const Zo = b(() => me.value.map((a) => ({
+    const lr = g(() => me.value.map((a) => ({
       shape: a.type === "bar" ? "square" : a.shape ?? "circle",
       color: a.color,
       name: a.name
-    }))), Jo = b(() => l.value.chart.backgroundColor), Qo = b(() => l.value.chart.legend), Ko = b(() => l.value.chart.title), { exportSvg: jo, getSvg: er } = Lr({
+    }))), ar = g(() => l.value.chart.backgroundColor), tr = g(() => l.value.chart.legend), or = g(() => l.value.chart.title), { exportSvg: rr, getSvg: sr } = Or({
       svg: se,
-      title: Ko,
-      legend: Qo,
-      legendItems: Zo,
-      backgroundColor: Jo
+      title: or,
+      legend: tr,
+      legendItems: lr,
+      backgroundColor: ar
     });
-    async function $t({ isCb: a }) {
+    async function It({ isCb: a }) {
       if (a) {
-        const { blob: r, url: e, text: s, dataUrl: t } = await er();
+        const { blob: r, url: e, text: s, dataUrl: t } = await sr();
         l.value.chart.userOptions.callbacks.svg({ blob: r, url: e, text: s, dataUrl: t });
       } else
-        jo();
+        rr();
     }
-    return Kt({
-      getData: Io,
-      getImage: Fo,
-      generatePdf: Ra,
-      generateImage: Ha,
-      generateSvg: $t,
-      generateCsv: xa,
-      hideSeries: Bo,
-      showSeries: Oo,
-      toggleStack: Za,
-      toggleTable: bt,
-      toggleLabels: xt,
-      toggleTooltip: pt,
-      toggleAnnotator: fa,
-      toggleFullscreen: yt
+    return to({
+      getData: Vo,
+      getImage: Po,
+      generatePdf: Ya,
+      generateImage: Wa,
+      generateSvg: It,
+      generateCsv: ya,
+      hideSeries: Ro,
+      showSeries: Eo,
+      toggleStack: et,
+      toggleTable: Ct,
+      toggleLabels: _t,
+      toggleTooltip: wt,
+      toggleAnnotator: ma,
+      toggleFullscreen: St
     }), (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: 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
+      onMouseenter: r[6] || (r[6] = () => Ka(!0)),
+      onMouseleave: r[7] || (r[7] = () => Ka(!1)),
+      onClick: ut
     }, [
-      l.value.chart.userOptions.buttons.annotator && se.value ? (n(), Te(v(ro), {
+      l.value.chart.userOptions.buttons.annotator && se.value ? (n(), Te(v(co), {
         key: 0,
         svgRef: se.value,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
-        active: xl.value,
-        onClose: fa
+        active: pl.value,
+        onClose: ma
       }, {
         "annotator-action-close": G(() => [
           P(a.$slots, "annotator-action-close", {}, void 0, !0)
@@ -1605,22 +1638,22 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      Vo.value ? (n(), u("div", {
+      Yo.value ? (n(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ml,
+        ref: bl,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%; background:transparent"
       }, null, 512)) : h("", !0),
       l.value.chart.title.show ? (n(), u("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: fl,
+        ref: gl,
         class: "vue-ui-xy-title",
         style: S(`font-family:${l.value.chart.fontFamily}`)
       }, [
-        (n(), Te(Ir, {
-          key: `title_${Ia.value}`,
+        (n(), Te(Vr, {
+          key: `title_${Oa.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -1635,15 +1668,15 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       ], 4)) : h("", !0),
       p("div", {
         id: `legend-top-${H.value}`
-      }, null, 8, Vr),
-      l.value.chart.userOptions.show && (ia.value || Il.value) ? (n(), Te(v(ao), {
+      }, null, 8, Yr),
+      l.value.chart.userOptions.show && (ua.value || Ol.value) ? (n(), Te(v(io), {
         ref_key: "userOptionsRef",
-        ref: oa,
-        key: `user_options_${Ta.value}`,
+        ref: sa,
+        key: `user_options_${Ia.value}`,
         backgroundColor: l.value.chart.backgroundColor,
         color: l.value.chart.color,
-        isPrinting: v(da),
-        isImaging: v(Ea),
+        isPrinting: v(fa),
+        isImaging: v(Ha),
         uid: H.value,
         hasTooltip: l.value.chart.userOptions.buttons.tooltip && l.value.chart.tooltip.show,
         hasPdf: l.value.chart.userOptions.buttons.pdf,
@@ -1652,7 +1685,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         hasSvg: l.value.chart.userOptions.buttons.svg,
         hasLabel: l.value.chart.userOptions.buttons.labels,
         hasTable: l.value.chart.userOptions.buttons.table,
-        hasStack: jl.dataset.length > 1 && l.value.chart.userOptions.buttons.stack,
+        hasStack: la.dataset.length > 1 && l.value.chart.userOptions.buttons.stack,
         hasFullscreen: l.value.chart.userOptions.buttons.fullscreen,
         isStacked: f.value.isStacked,
         isFullscreen: qe.value,
@@ -1661,24 +1694,24 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         isTooltip: f.value.showTooltip,
         titles: { ...l.value.chart.userOptions.buttonTitles },
         hasAnnotator: l.value.chart.userOptions.buttons.annotator,
-        isAnnotation: xl.value,
+        isAnnotation: pl.value,
         callbacks: l.value.chart.userOptions.callbacks,
         tableDialog: l.value.table.useDialog,
         printScale: l.value.chart.userOptions.print.scale,
-        onToggleFullscreen: yt,
-        onGeneratePdf: v(Ra),
-        onGenerateCsv: xa,
-        onGenerateImage: v(Ha),
-        onGenerateSvg: $t,
-        onToggleTable: bt,
-        onToggleLabels: xt,
-        onToggleStack: Za,
-        onToggleTooltip: pt,
-        onToggleAnnotator: fa,
+        onToggleFullscreen: St,
+        onGeneratePdf: v(Ya),
+        onGenerateCsv: ya,
+        onGenerateImage: v(Wa),
+        onGenerateSvg: It,
+        onToggleTable: Ct,
+        onToggleLabels: _t,
+        onToggleStack: et,
+        onToggleTooltip: wt,
+        onToggleAnnotator: ma,
         style: S({
-          visibility: ia.value ? Il.value ? "visible" : "hidden" : "visible"
+          visibility: ua.value ? Ol.value ? "visible" : "hidden" : "visible"
         })
-      }, Tt({ _: 2 }, [
+      }, Nt({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: G(({ isOpen: e, color: s }) => [
@@ -1763,26 +1796,26 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         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,
+        viewBox: Fl.value,
         style: S({
           background: "transparent",
           color: l.value.chart.color,
           fontFamily: l.value.chart.fontFamily
         }),
-        "aria-label": No.value,
+        "aria-label": Ho.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid",
-        onMousemove: zo,
-        onMouseleave: Hl,
-        onClick: ot
+        onMousemove: Do,
+        onMouseleave: Wl,
+        onClick: ut
       }, [
         p("g", {
           ref_key: "G",
-          ref: co,
+          ref: mo,
           class: "vue-data-ui-g"
         }, [
-          vl(v(oo)),
+          dl(v(uo)),
           a.$slots["chart-background"] ? (n(), u("foreignObject", {
             key: 0,
             x: c.value?.left + U.value < 0 ? 0 : c.value?.left + U.value,
@@ -1794,9 +1827,9 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             }
           }, [
             P(a.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Pr)) : h("", !0),
-          A.value > 0 ? (n(), u("g", Er, [
-            p("g", Rr, [
+          ], 8, Xr)) : h("", !0),
+          A.value > 0 ? (n(), u("g", Gr, [
+            p("g", Ur, [
               l.value.chart.grid.labels.xAxis.showBaseline ? (n(), u("line", {
                 key: 0,
                 stroke: l.value.chart.grid.stroke,
@@ -1807,8 +1840,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 y2: v(Y)(c.value?.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
-              }, 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, [
+              }, null, 8, qr)) : h("", !0),
+              f.value.useIndividualScale ? l.value.chart.grid.showHorizontalLines ? (n(!0), u(d, { key: 2 }, _(Al.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,
@@ -1818,7 +1851,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Gr))), 256)) : e.yLabels.length ? (n(!0), u(d, { key: 1 }, _(e.yLabels, (s) => (n(), u("line", {
+                }, null, 8, Kr))), 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),
@@ -1827,7 +1860,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ur))), 256)) : h("", !0)
+                }, null, 8, jr))), 256)) : h("", !0)
               ]))), 256)) : h("", !0) : (n(), u(d, { key: 1 }, [
                 l.value.chart.grid.labels.yAxis.showBaseline ? (n(), u("line", {
                   key: 0,
@@ -1839,9 +1872,9 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   y2: v(Y)(c.value?.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, 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", {
+                }, null, 8, Zr)) : h("", !0),
+                l.value.chart.grid.showHorizontalLines ? (n(), u("g", Jr, [
+                  (n(!0), u(d, null, _(ft.value, (e) => (n(), u("line", {
                     x1: c.value?.left + U.value,
                     x2: c.value?.right,
                     y1: v(Y)(e.y),
@@ -1850,26 +1883,26 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
-                  }, null, 8, Xr))), 256))
+                  }, null, 8, Qr))), 256))
                 ])) : h("", !0)
               ], 64)),
-              l.value.chart.grid.showVerticalLines ? (n(), u("g", qr, [
+              l.value.chart.grid.showVerticalLines ? (n(), u("g", es, [
                 p("path", {
-                  d: Co.value,
+                  d: Lo.value,
                   "stroke-width": 0.5,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Zr)
+                }, null, 8, ls)
               ])) : h("", !0),
-              l.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", Jr, [
+              l.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", as, [
                 p("path", {
-                  d: _o.value,
+                  d: Mo.value,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Qr)
+                }, null, 8, ts)
               ])) : h("", !0)
             ]),
             (n(!0), u(d, null, _(Me.value, (e, s) => (n(), u("defs", {
@@ -1887,16 +1920,16 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   p("stop", {
                     offset: "0%",
                     "stop-color": e.color
-                  }, null, 8, jr),
+                  }, null, 8, rs),
                   p("stop", {
                     offset: "62%",
                     "stop-color": `${v(ol)(e.color, 0.02)}`
-                  }, null, 8, es),
+                  }, null, 8, ss),
                   p("stop", {
                     offset: "100%",
                     "stop-color": `${v(ol)(e.color, 0.05)}`
-                  }, null, 8, ls)
-                ], 8, Kr),
+                  }, null, 8, is)
+                ], 8, os),
                 p("linearGradient", {
                   id: `rectGradient_neg_${s}_${H.value}`,
                   x2: "0%",
@@ -1905,16 +1938,16 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   p("stop", {
                     offset: "0%",
                     "stop-color": `${v(ol)(e.color, 0.05)}`
-                  }, null, 8, ts),
+                  }, null, 8, us),
                   p("stop", {
                     offset: "38%",
                     "stop-color": `${v(ol)(e.color, 0.02)}`
-                  }, null, 8, os),
+                  }, null, 8, cs),
                   p("stop", {
                     offset: "100%",
                     "stop-color": e.color
-                  }, null, 8, rs)
-                ], 8, as)
+                  }, null, 8, vs)
+                ], 8, ns)
               ], 64))
             ]))), 128)),
             (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u("defs", {
@@ -1931,12 +1964,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(ol)(e.color, 0.05)}`
-                }, null, 8, is),
+                }, null, 8, hs),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, ns)
-              ], 8, ss)
+                }, null, 8, fs)
+              ], 8, ds)
             ]))), 128)),
             (n(!0), u(d, null, _(te.value, (e, s) => (n(), u("defs", {
               key: `def_line_${e.id}`
@@ -1952,12 +1985,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(ol)(e.color, 0.05)}`
-                }, null, 8, cs),
+                }, null, 8, ms),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, vs)
-              ], 8, us),
+                }, null, 8, bs)
+              ], 8, gs),
               a.$slots["area-gradient"] ? P(a.$slots, "area-gradient", al({
                 key: 0,
                 ref_for: !0
@@ -1972,36 +2005,36 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(ze)(v(ol)(e.color, 0.03), l.value.line.area.opacity)}`
-                }, null, 8, hs),
+                }, null, 8, ps),
                 p("stop", {
                   offset: "100%",
                   "stop-color": `${v(ze)(e.color, l.value.line.area.opacity)}`
-                }, null, 8, fs)
-              ], 8, ds))
+                }, null, 8, ys)
+              ], 8, xs))
             ]))), 128)),
-            (n(!0), u(d, null, _(Do.value, (e) => (n(), u("g", null, [
+            (n(!0), u(d, null, _(Wo.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: S({
                       transition: "none",
-                      opacity: e.from + t >= m.value.start && e.from + t <= m.value.end - 1 ? 1 : 0
+                      opacity: e.from + t >= b.value.start && e.from + t <= b.value.end - 1 ? 1 : 0
                     }),
-                    x: c.value?.left + c.value.width / A.value * (e.from + t - m.value.start),
+                    x: c.value?.left + c.value.width / A.value * (e.from + t - b.value.start),
                     y: c.value?.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / A.value < 0 ? 1e-5 : c.value.width / A.value,
                     fill: v(ze)(e.color, e.opacity)
-                  }, null, 12, gs)
+                  }, null, 12, ks)
                 ]))), 256)),
                 (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 / 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),
+                    x: c.value?.left + c.value.width / A.value * (e.from + t - b.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: S({
                       overflow: "visible",
-                      opacity: e.to >= m.value.start && e.from < m.value.end ? 1 : 0
+                      opacity: e.to >= b.value.start && e.from < b.value.end ? 1 : 0
                     }),
                     height: "1",
                     width: e.caption.width === "auto" ? c.value.width / A.value * e.span : e.caption.width
@@ -2009,11 +2042,11 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     p("div", {
                       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, ms)) : h("", !0)
+                  ], 12, Cs)) : h("", !0)
                 ]))), 256))
               ], 64)) : h("", !0)
             ]))), 256)),
-            Ga.value ? (n(), u("g", bs, [
+            Qa.value ? (n(), u("g", _s, [
               (n(!0), u(d, null, _(A.value, (e, s) => (n(), u("g", {
                 key: `tooltip_trap_highlighter_${s}`
               }, [
@@ -2022,9 +2055,9 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   y: c.value?.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   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",
+                  fill: [N.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, xs)
+                }, null, 8, ws)
               ]))), 128))
             ])) : h("", !0),
             Me.value.length ? (n(!0), u(d, { key: 1 }, _(Me.value, (e, s) => (n(), u("g", {
@@ -2037,10 +2070,10 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               }, [
                 be(t.value) ? (n(), u("rect", {
                   key: 0,
-                  x: Rl(t) + Gl.value / 2,
-                  y: f.value.useIndividualScale ? at(t) : lt(t),
-                  height: f.value.useIndividualScale ? Math.abs(et(t)) : Math.abs(ja(t)),
-                  width: Xl.value - Gl.value,
+                  x: Yl(t) + ql.value / 2,
+                  y: f.value.useIndividualScale ? it(t) : st(t),
+                  height: f.value.useIndividualScale ? Math.abs(rt(t)) : Math.abs(ot(t)),
+                  width: Ul.value - ql.value,
                   rx: l.value.bar.borderRadius,
                   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,
@@ -2048,31 +2081,31 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   style: S({
                     transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out`
                   })
-                }, null, 12, ps)) : h("", !0),
+                }, null, 12, Ss)) : 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),
-                  height: f.value.useIndividualScale ? Math.abs(et(t)) : Math.abs(ja(t)),
-                  width: Xl.value - Gl.value,
+                  x: Yl(t) - ql.value / 2,
+                  y: f.value.useIndividualScale ? it(t) : st(t),
+                  height: f.value.useIndividualScale ? Math.abs(rt(t)) : Math.abs(ot(t)),
+                  width: Ul.value - ql.value,
                   rx: l.value.bar.borderRadius,
                   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: S({ transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, ys)) : h("", !0),
+                }, null, 12, As)) : h("", !0),
                 t.comment && l.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
-                  width: Xl.value + l.value.chart.comments.width,
-                  x: Rl(t) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: v(N)(t.y) + l.value.chart.comments.offsetY + 6
+                  width: Ul.value + l.value.chart.comments.width,
+                  x: Yl(t) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
+                  y: v(B)(t.y) + l.value.chart.comments.offsetY + 6
                 }, [
                   P(a.$slots, "plot-comment", {
                     plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: i }
                   }, void 0, !0)
-                ], 8, ks)) : h("", !0)
+                ], 8, $s)) : h("", !0)
               ]))), 128))
             ], 6))), 128)) : h("", !0),
             !f.value.useIndividualScale && l.value.chart.grid.labels.zeroLine.show ? (n(), u("line", {
@@ -2085,11 +2118,11 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               y2: v(Y)(ne.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, 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, [
+            }, null, 8, Ls)) : h("", !0),
+            l.value.chart.highlighter.useLine && (![null, void 0].includes(C.value) || ![null, void 0].includes(N.value)) ? (n(), u("g", Ms, [
               p("line", {
-                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,
+                x1: c.value?.left + c.value.width / A.value * ((C.value !== null ? C.value : 0) || (N.value !== null ? N.value : 0)) + c.value.width / A.value / 2,
+                x2: c.value?.left + c.value.width / A.value * ((C.value !== null ? C.value : 0) || (N.value !== null ? N.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,
@@ -2097,7 +2130,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "stroke-dasharray": l.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, ws)
+              }, null, 8, Ts)
             ])) : h("", !0),
             l.value.chart.grid.frame.show ? (n(), u("rect", {
               key: 4,
@@ -2112,14 +2145,14 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               "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, Ss)) : h("", !0),
+            }, null, 8, zs)) : h("", !0),
             l.value.chart.grid.labels.show ? (n(), u("g", {
               key: 5,
               ref_key: "scaleLabels",
-              ref: ta
+              ref: ra
             }, [
               f.value.useIndividualScale ? (n(), u(d, { key: 0 }, [
-                (n(!0), u(d, null, _(wl.value, (e) => (n(), u("g", null, [
+                (n(!0), u(d, null, _(Al.value, (e) => (n(), u("g", null, [
                   p("line", {
                     x1: e.x + U.value - c.value.individualOffsetX,
                     x2: e.x + U.value - c.value.individualOffsetX,
@@ -2129,9 +2162,9 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     "stroke-width": l.value.chart.grid.stroke,
                     "stroke-linecap": "round",
                     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)
+                  }, null, 12, Is)
                 ]))), 256)),
-                (n(!0), u(d, null, _(wl.value, (e) => (n(), u("g", {
+                (n(!0), u(d, null, _(Al.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", {
@@ -2140,7 +2173,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     "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, $s),
+                                    ${e.scaleLabel}` : ""), 9, Fs),
                   (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,
@@ -2152,7 +2185,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
-                    }, null, 8, Ls)) : h("", !0)
+                    }, null, 8, Os)) : h("", !0)
                   ], 64))), 256)),
                   (n(!0), u(d, null, _(e.yLabels, (s, t) => (n(), u("text", {
                     x: e.x - 5 + U.value - c.value.individualOffsetX,
@@ -2163,16 +2196,16 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   }, ae(v(re)(
                     l.value.chart.grid.labels.yAxis.formatter,
                     s.value,
-                    v(Ve)({
+                    v(De)({
                       p: s.prefix,
                       v: s.value,
                       s: s.suffix,
                       r: l.value.chart.grid.labels.yAxis.rounding
                     }),
                     { datapoint: s.datapoint, seriesIndex: t }
-                  )), 9, Ms))), 256))
+                  )), 9, Ns))), 256))
                 ], 4))), 256))
-              ], 64)) : (n(!0), u(d, { key: 1 }, _(ut.value, (e, s) => (n(), u("g", {
+              ], 64)) : (n(!0), u(d, { key: 1 }, _(ft.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 ? (n(), u("line", {
@@ -2185,24 +2218,24 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ts)) : h("", !0),
+                }, null, 8, Bs)) : 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),
+                  y: v(B)(e.y + y.value.dataLabels / 3),
                   "font-size": y.value.dataLabels,
                   "text-anchor": "end",
                   fill: l.value.chart.grid.labels.color
                 }, ae(be(e.value) ? v(re)(
                   l.value.chart.grid.labels.yAxis.formatter,
                   e.value,
-                  v(Ve)({
+                  v(De)({
                     p: e.prefix,
                     v: e.value,
                     s: e.suffix,
                     r: l.value.chart.grid.labels.yAxis.rounding
                   })
-                ) : ""), 9, zs)) : h("", !0)
+                ) : ""), 9, Ds)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
             (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u("g", {
@@ -2213,15 +2246,15 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u("g", {
                 key: `circle_plot_${s}_${i}`
               }, [
-                t && be(t.value) ? (n(), Te(Kl, {
+                t && be(t.value) ? (n(), Te(ea, {
                   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: C.value !== null && C.value === i || B.value !== null && B.value === i ? (Ae.value.plot || 6) * 1.5 : Ae.value.plot || 6,
+                  plot: { x: v(B)(t.x), y: v(B)(t.y) },
+                  radius: C.value !== null && C.value === i || N.value !== null && N.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 || C.value !== null && C.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 || N.value !== null && N.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 ? (n(), u("foreignObject", {
                   key: 1,
@@ -2231,12 +2264,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   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", Fs, [
+                  p("div", Ps, [
                     P(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: i }
                     }, void 0, !0)
                   ])
-                ], 8, Is)) : h("", !0)
+                ], 8, Vs)) : h("", !0)
               ]))), 128))
             ], 6))), 128)),
             (n(!0), u(d, null, _(te.value, (e, s) => (n(), u("g", {
@@ -2252,7 +2285,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 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", {
+              }, null, 12, Es)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: l.value.chart.backgroundColor,
@@ -2262,15 +2295,15 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 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)
+              }, null, 12, Rs)) : h("", !0)
             ], 6))), 128)),
-            a.$slots.pattern ? (n(), u("defs", Ns, [
-              (n(!0), u(d, null, _(Pe.value, (e, s) => P(a.$slots, "pattern", al({
+            a.$slots.pattern ? (n(), u("defs", Hs, [
+              (n(!0), u(d, null, _(Re.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 ? (n(), u("g", Vs, [
-              (n(!0), u(d, null, _(dt.value, (e) => (n(), u("path", {
+            bt.value.length && !f.value.isStacked ? (n(), u("g", Ys, [
+              (n(!0), u(d, null, _(bt.value, (e) => (n(), u("path", {
                 key: e.key,
                 d: e.d,
                 fill: e.color,
@@ -2278,40 +2311,40 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 stroke: "none",
                 "pointer-events": "none",
                 style: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ds))), 128))
+              }, null, 12, Ws))), 128))
             ])) : h("", !0),
             (n(!0), u(d, null, _(te.value, (e, s) => (n(), u("g", {
               key: `serie_line_above_${e.id}`,
               class: ll(`serie_line_${s}`),
               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 ? (n(), u("g", Ps, [
+              e.useArea && e.plots.length > 1 ? (n(), u("g", Xs, [
                 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: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Es)) : h("", !0),
+                  }, null, 12, Gs)) : h("", !0),
                   a.$slots.pattern && t ? (n(), u("path", {
                     key: 1,
                     d: t,
                     fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
                     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)
+                  }, null, 12, Us)) : 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: S({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Hs)) : h("", !0),
+                  }, null, 12, qs)) : h("", !0),
                   a.$slots.pattern && t ? (n(), u("path", {
                     key: 1,
                     d: `M${t}Z`,
                     fill: `url(#pattern_${H.value}_${e.slotAbsoluteIndex})`,
                     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)
+                  }, null, 12, Zs)) : h("", !0)
                 ], 64))), 128))
               ])) : h("", !0),
               e.smooth && e.plots.length > 1 && e.curve ? (n(), u("path", {
@@ -2323,7 +2356,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 fill: "none",
                 "stroke-linecap": "round",
                 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", {
+              }, null, 12, Js)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 2,
                 d: `M${e.straight}`,
                 stroke: e.color,
@@ -2333,19 +2366,19 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 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),
+              }, null, 12, Qs)) : 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) && (C.value !== null && C.value === i || B.value !== null && B.value === i) || vt(e.plots, i) ? (n(), Te(Kl, {
+                !dt.value.linePlot && t && be(t.value) || dt.value.linePlot && t && be(t.value) && (C.value !== null && C.value === i || N.value !== null && N.value === i) || mt(e.plots, i) ? (n(), Te(ea, {
                   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: 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),
+                  plot: { x: v(B)(t.x), y: v(B)(t.y) },
+                  radius: C.value !== null && C.value === i || N.value !== null && N.value === i ? (Ae.value.line || 6) * 1.5 : (mt(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 || C.value !== null && C.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 || N.value !== null && N.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 ? (n(), u("foreignObject", {
                   key: 1,
@@ -2355,25 +2388,25 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   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", Us, [
+                  p("div", js, [
                     P(a.$slots, "plot-comment", {
                       plot: { ...t, color: e.color, seriesIndex: s, datapointIndex: i }
                     }, void 0, !0)
                   ])
-                ], 8, Gs)) : h("", !0)
+                ], 8, Ks)) : h("", !0)
               ], 64))), 128))
             ], 6))), 128)),
-            (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (n(), u("g", qs, [
+            (l.value.bar.labels.show || l.value.bar.serieName.show) && f.value.dataLabels.show ? (n(), u("g", ei, [
               (n(!0), u(d, null, _(Me.value, (e, s) => (n(), u(d, {
                 key: `xLabel_bar_${e.id}`
               }, [
                 (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 || C.value !== null && C.value === i || B.value !== null && B.value === i) && l.value.bar.labels.show ? (n(), u("text", {
+                  t && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === i || N.value !== null && N.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),
+                    x: f.value.useIndividualScale && f.value.isStacked ? t.x + Z.value.line / 2 : Yl(t) + He() / 2 - Gl.value / 2,
+                    y: v(B)(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,
@@ -2381,7 +2414,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   }, ae(be(t.value) ? v(re)(
                     l.value.bar.labels.formatter,
                     t.value,
-                    v(Ve)({
+                    v(De)({
                       p: e.prefix || l.value.chart.labels.prefix,
                       v: t.value,
                       s: e.suffix || l.value.chart.labels.suffix,
@@ -2391,7 +2424,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, Zs)) : h("", !0),
+                  ) : ""), 13, li)) : 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,
@@ -2401,21 +2434,21 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     fill: l.value.bar.serieName.useSerieColor ? e.color : l.value.bar.serieName.color,
                     "font-weight": l.value.bar.serieName.bold ? "bold" : "normal",
                     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)({
+                  }, ae(l.value.bar.serieName.useAbbreviation ? v(Cr)({
                     source: e.name,
                     length: l.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, Js)) : h("", !0)
+                  }) : e.name), 13, ai)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : h("", !0),
-            l.value.plot.labels.show && f.value.dataLabels.show ? (n(), u("g", Qs, [
+            l.value.plot.labels.show && f.value.dataLabels.show ? (n(), u("g", ti, [
               (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
                 (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 || C.value !== null && C.value === i || B.value !== null && B.value === i ? (n(), u("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === i || N.value !== null && N.value === i ? (n(), u("text", {
                     key: 0,
                     x: t.x,
                     y: t.y + l.value.plot.labels.offsetY,
@@ -2426,7 +2459,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   }, ae(be(t.value) ? v(re)(
                     l.value.plot.labels.formatter,
                     t.value,
-                    v(Ve)({
+                    v(De)({
                       p: e.prefix || l.value.chart.labels.prefix,
                       v: t.value,
                       s: e.suffix || l.value.chart.labels.suffix,
@@ -2436,10 +2469,10 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, Ks)) : h("", !0)
+                  ) : ""), 13, oi)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), u("g", js, [
+            ])) : (n(), u("g", ri, [
               (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u(d, {
                 key: `xLabel_plot_${e.id}`
               }, [
@@ -2447,7 +2480,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   key: `xLabel_plot_${s}_${i}`
                 }, [
                   l.value.plot.tag.followValue ? (n(), u(d, { key: 1 }, [
-                    [B.value, C.value, Ze.value].includes(i) && e.useTag ? (n(), u("line", {
+                    [N.value, C.value, Ze.value].includes(i) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value?.left,
@@ -2458,7 +2491,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, oi)) : h("", !0)
+                    }, null, 8, ci)) : h("", !0)
                   ], 64)) : (n(), u(d, { key: 0 }, [
                     t && i === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
@@ -2480,8 +2513,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, li)
-                    ], 12, ei)) : h("", !0),
+                      }, null, 12, ii)
+                    ], 12, si)) : 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),
@@ -2502,20 +2535,20 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ti)
-                    ], 12, ai)) : h("", !0)
+                      }, null, 12, ui)
+                    ], 12, ni)) : h("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            l.value.line.labels.show && f.value.dataLabels.show ? (n(), u("g", ri, [
+            l.value.line.labels.show && f.value.dataLabels.show ? (n(), u("g", vi, [
               (n(!0), u(d, null, _(te.value, (e, s) => (n(), u(d, {
                 key: `xLabel_line_${e.id}`
               }, [
                 (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 || C.value !== null && C.value === i || B.value !== null && B.value === i ? (n(), u("text", {
+                  t && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || C.value !== null && C.value === i || N.value !== null && N.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),
@@ -2526,7 +2559,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   }, ae(be(t.value) ? v(re)(
                     l.value.line.labels.formatter,
                     t.value,
-                    v(Ve)({
+                    v(De)({
                       p: e.prefix || l.value.chart.labels.prefix,
                       v: t.value,
                       s: e.suffix || l.value.chart.labels.suffix,
@@ -2536,10 +2569,10 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       datapoint: t,
                       serie: e
                     }
-                  ) : ""), 13, si)) : h("", !0)
+                  ) : ""), 13, di)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), u("g", ii, [
+            ])) : (n(), u("g", hi, [
               (n(!0), u(d, null, _(te.value, (e, s) => (n(), u(d, {
                 key: `xLabel_line_${e.id}`
               }, [
@@ -2547,7 +2580,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   key: `xLabel_line_${s}_${i}`
                 }, [
                   l.value.line.tag.followValue ? (n(), u(d, { key: 1 }, [
-                    [B.value, C.value, Ze.value].includes(i) && e.useTag ? (n(), u("line", {
+                    [N.value, C.value, Ze.value].includes(i) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-line",
                       x1: c.value?.left,
@@ -2558,7 +2591,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, di)) : h("", !0)
+                    }, null, 8, xi)) : h("", !0)
                   ], 64)) : (n(), u(d, { key: 0 }, [
                     t && i === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
@@ -2580,8 +2613,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ui)
-                    ], 12, ni)) : h("", !0),
+                      }, null, 12, gi)
+                    ], 12, fi)) : h("", !0),
                     t && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), u("foreignObject", {
                       key: 1,
                       x: t.x,
@@ -2602,8 +2635,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                             serieName: e.name
                           }
                         )
-                      }, null, 12, vi)
-                    ], 12, ci)) : h("", !0)
+                      }, null, 12, bi)
+                    ], 12, mi)) : h("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
@@ -2621,7 +2654,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
-                  innerHTML: v(Ql)({
+                  innerHTML: v(jl)({
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
@@ -2630,7 +2663,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     maxWords: 2
                   }),
                   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),
+                }, null, 12, pi)) : h("", !0),
                 t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
                   x: t.x + y.value.plotLabels,
@@ -2638,7 +2671,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
-                  innerHTML: v(Ql)({
+                  innerHTML: v(jl)({
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
@@ -2647,7 +2680,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     maxWords: 2
                   }),
                   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)
+                }, null, 12, yi)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             (n(!0), u(d, null, _(xe.value, (e, s) => (n(), u(d, {
@@ -2663,7 +2696,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
-                  innerHTML: v(Ql)({
+                  innerHTML: v(jl)({
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
@@ -2672,7 +2705,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     maxWords: 2
                   }),
                   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),
+                }, null, 12, ki)) : h("", !0),
                 t && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
                   x: t.x + y.value.plotLabels,
@@ -2680,7 +2713,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "font-size": y.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
-                  innerHTML: v(Ql)({
+                  innerHTML: v(jl)({
                     content: e.name,
                     fontSize: y.value.plotLabels,
                     fill: e.color,
@@ -2689,13 +2722,13 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     maxWords: 2
                   }),
                   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)
+                }, null, 12, Ci)) : h("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             (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(Se)(e.plots).trend) ? (n(), u("g", bi, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Se)(e.plots).trend) ? (n(), u("g", _i, [
                 p("defs", null, [
                   p("marker", {
                     id: `progression_arrow_${s}`,
@@ -2714,8 +2747,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                       stroke: l.value.chart.backgroundColor,
                       "stroke-width": "1",
                       "stroke-linejoin": "round"
-                    }, null, 8, pi)
-                  ], 8, xi)
+                    }, null, 8, Si)
+                  ], 8, wi)
                 ]),
                 e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
@@ -2729,7 +2762,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${s})`
-                }, null, 8, yi)) : h("", !0),
+                }, null, 8, Ai)) : h("", !0),
                 e.plots.length > 1 ? (n(), u("line", {
                   key: 1,
                   x1: v(Se)(e.plots).x1 + (e.type === "bar" ? He() : 0),
@@ -2742,7 +2775,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${s})`
-                }, null, 8, ki)) : h("", !0),
+                }, null, 8, $i)) : h("", !0),
                 e.plots.length > 1 ? (n(), u("text", {
                   key: 2,
                   "text-anchor": "middle",
@@ -2755,16 +2788,16 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "paint-order": "stroke fill"
-                }, ae(v(Ve)({
+                }, ae(v(De)({
                   v: v(Se)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, Ci)) : h("", !0)
+                })), 9, Li)) : h("", !0)
               ])) : h("", !0)
             ], 64))), 128)),
             f.value.useIndividualScale && !f.value.isStacked ? (n(), u(d, { key: 13 }, [
               p("defs", null, [
-                (n(!0), u(d, null, _(wl.value, (e, s) => (n(), u("linearGradient", {
+                (n(!0), u(d, null, _(Al.value, (e, s) => (n(), u("linearGradient", {
                   id: `individual_scale_gradient_${H.value}_${s}`,
                   x1: "0%",
                   x2: "100%",
@@ -2775,15 +2808,15 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     offset: "0%",
                     "stop-color": l.value.chart.backgroundColor,
                     "stop-opacity": "0"
-                  }, null, 8, wi),
+                  }, null, 8, Ti),
                   p("stop", {
                     offset: "100%",
                     "stop-color": e.color,
                     "stop-opacity": "0.2"
-                  }, null, 8, Si)
-                ], 8, _i))), 256))
+                  }, null, 8, zi)
+                ], 8, Mi))), 256))
               ]),
-              (n(!0), u(d, null, _(wl.value, (e, s) => (n(), u("rect", {
+              (n(!0), u(d, null, _(Al.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,
@@ -2791,36 +2824,36 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 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, Ai))), 256))
+              }, null, 40, Ii))), 256))
             ], 64)) : h("", !0),
             p("g", null, [
               l.value.chart.grid.labels.axis.yLabel && !f.value.useIndividualScale ? (n(), u("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
-                ref: aa,
+                ref: oa,
                 "font-size": y.value.yAxis,
                 fill: l.value.chart.grid.labels.color,
                 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, $i)) : h("", !0),
+              }, ae(l.value.chart.grid.labels.axis.yLabel), 9, Fi)) : h("", !0),
               l.value.chart.grid.labels.axis.xLabel ? (n(), u("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
-                ref: la,
+                ref: ta,
                 "text-anchor": "middle",
                 x: ee.value / 2,
                 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, Li)) : h("", !0)
+              }, ae(l.value.chart.grid.labels.axis.xLabel), 9, Oi)) : h("", !0)
             ]),
             l.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", {
               key: 14,
               ref_key: "timeLabelsEls",
               ref: sl
             }, [
-              a.$slots["time-label"] ? (n(!0), u(d, { key: 0 }, _(ma.value, (e, s) => P(a.$slots, "time-label", al({
+              a.$slots["time-label"] ? (n(!0), u(d, { key: 0 }, _(xa.value, (e, s) => P(a.$slots, "time-label", al({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -2833,7 +2866,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 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)) : (n(!0), u(d, { key: 1 }, _(ma.value, (e, s) => (n(), u("g", {
+              }), void 0, !0)), 128)) : (n(!0), u(d, { key: 1 }, _(xa.value, (e, s) => (n(), u("g", {
                 key: `time_label_${s}`
               }, [
                 e && e.text ? (n(), u(d, { key: 0 }, [
@@ -2846,17 +2879,17 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
                     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"
+                      cursor: Za() ? "pointer" : "default"
                     }),
-                    innerHTML: v(br)({
+                    innerHTML: v(_r)({
                       content: String(e.text),
                       fontSize: y.value.xAxis,
                       fill: l.value.chart.grid.labels.xAxisLabels.color,
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => qa(e, s)
-                  }, null, 12, Ti)) : (n(), u("text", {
+                    onClick: () => ja(e, s)
+                  }, null, 12, Bi)) : (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",
@@ -2864,15 +2897,15 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                     fill: l.value.chart.grid.labels.xAxisLabels.color,
                     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"
+                      cursor: Za() ? "pointer" : "default"
                     }),
-                    onClick: () => qa(e, s)
-                  }, ae(e.text || ""), 13, Mi))
+                    onClick: () => ja(e, s)
+                  }, ae(e.text || ""), 13, Ni))
                 ], 64)) : h("", !0)
               ]))), 128))
             ], 512)) : h("", !0),
-            ct.value.length && !f.value.isStacked ? (n(), u("g", zi, [
-              (n(!0), u(d, null, _(ct.value, (e) => (n(), u("g", {
+            gt.value.length && !f.value.isStacked ? (n(), u("g", Di, [
+              (n(!0), u(d, null, _(gt.value, (e) => (n(), u("g", {
                 key: e.uid
               }, [
                 e.yTop && e.show && isFinite(e.yTop) ? (n(), u("line", {
@@ -2886,7 +2919,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ii)) : h("", !0),
+                }, null, 8, Vi)) : h("", !0),
                 e.yBottom && e.show && isFinite(e.yBottom) ? (n(), u("line", {
                   key: 1,
                   x1: e.x1,
@@ -2898,16 +2931,16 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Fi)) : h("", !0),
+                }, null, 8, Pi)) : 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,
                   width: c.value.width,
-                  height: v(N)(e.areaHeight, 0),
+                  height: v(B)(e.areaHeight, 0),
                   fill: v(ze)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
-                }, null, 8, Oi)) : h("", !0),
+                }, null, 8, Ei)) : 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"
@@ -2921,12 +2954,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, ae(e.config.label.text), 9, Bi)) : h("", !0)
+                }, ae(e.config.label.text), 9, Ri)) : h("", !0)
               ]))), 128))
             ])) : h("", !0),
-            l.value.chart.timeTag.show && (![null, void 0].includes(C.value) || ![null, void 0].includes(B.value)) ? (n(), u("g", Ni, [
+            l.value.chart.timeTag.show && (![null, void 0].includes(C.value) || ![null, void 0].includes(N.value)) ? (n(), u("g", Hi, [
               (n(), u("foreignObject", {
-                x: Uo(),
+                x: jo(),
                 y: c.value?.bottom,
                 width: "200",
                 height: "40",
@@ -2934,35 +2967,35 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               }, [
                 p("div", {
                   ref_key: "timeTagEl",
-                  ref: _t,
+                  ref: Lt,
                   class: "vue-ui-xy-time-tag",
                   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)),
+                  innerHTML: er.value
+                }, null, 12, Wi)
+              ], 8, Yi)),
               p("circle", {
-                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,
+                cx: c.value?.left + c.value.width / A.value * ((C.value !== null ? C.value : 0) || (N.value !== null ? N.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, Pi)
+              }, null, 8, Xi)
             ])) : h("", !0)
           ])) : h("", !0),
-          Da.value ? (n(), u("rect", al({ key: 2 }, bo.value, {
-            "data-start": m.value.start,
-            "data-end": m.value.end
-          }), null, 16, Ei)) : h("", !0),
+          Ea.value ? (n(), u("rect", al({ key: 2 }, Co.value, {
+            "data-start": b.value.start,
+            "data-end": b.value.end
+          }), null, 16, Gi)) : h("", !0),
           P(a.$slots, "svg", {
             svg: {
-              ...fo.value,
+              ...po.value,
               data: [...te.value, ...Me.value, ...xe.value],
               drawingArea: c.value
             }
           }, void 0, !0)
         ], 512)
-      ], 46, Dr)),
-      a.$slots.watermark ? (n(), u("div", Ri, [
-        P(a.$slots, "watermark", ke(Ce({ isPrinting: v(da) || v(Ea) })), void 0, !0)
+      ], 46, Wr)),
+      a.$slots.watermark ? (n(), u("div", Ui, [
+        P(a.$slots, "watermark", ke(Ce({ isPrinting: v(fa) || v(Ha) })), void 0, !0)
       ])) : h("", !0),
       (n(!0), u(d, null, _(te.value, (e, s) => (n(), u(d, {
         key: `tag_line_${e.id}`
@@ -2970,10 +3003,10 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
           key: `tag_line_${s}_${i}`
         }, [
-          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (n(), u("div", {
+          [N.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"),
+            ref: (o) => El(s, i, o, "right", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
             style: S({
@@ -2982,14 +3015,14 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 svgElement: se.value,
                 x: c.value?.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_right_line`],
+                element: Ve.value[`${s}_${i}_right_line`],
                 position: "right"
               })?.top + "px",
               left: v(Ue)({
                 svgElement: se.value,
                 x: c.value?.right + l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_right_line`],
+                element: Ve.value[`${s}_${i}_right_line`],
                 position: "right"
               })?.left + "px",
               height: "fit-content",
@@ -3001,12 +3034,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (n(), u("svg", Hi, [
+            (n(), u("svg", qi, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Yi)
+              }, null, 8, Zi)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3020,12 +3053,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   serieName: e.name
                 }
               )
-            }, null, 8, Wi)
+            }, null, 8, Ji)
           ], 4)) : h("", !0),
-          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (n(), u("div", {
+          [N.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"),
+            ref: (o) => El(s, i, o, "left", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
             style: S({
@@ -3034,14 +3067,14 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 svgElement: se.value,
                 x: c.value?.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_left_line`],
+                element: Ve.value[`${s}_${i}_left_line`],
                 position: "left"
               })?.top + "px",
               left: v(Ue)({
                 svgElement: se.value,
                 x: c.value?.left - l.value.line.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_left_line`],
+                element: Ve.value[`${s}_${i}_left_line`],
                 position: "left"
               })?.left + "px",
               height: "fit-content",
@@ -3053,12 +3086,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (n(), u("svg", Xi, [
+            (n(), u("svg", Qi, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Gi)
+              }, null, 8, Ki)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3072,7 +3105,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   serieName: e.name
                 }
               )
-            }, null, 8, Ui)
+            }, null, 8, ji)
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
@@ -3082,10 +3115,10 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         (n(!0), u(d, null, _(e.plots, (t, i) => (n(), u(d, {
           key: `tag_plot_${s}_${i}`
         }, [
-          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (n(), u("div", {
+          [N.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"),
+            ref: (o) => El(s, i, o, "right", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
             style: S({
@@ -3094,14 +3127,14 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 svgElement: se.value,
                 x: c.value?.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_right_plot`],
+                element: Ve.value[`${s}_${i}_right_plot`],
                 position: "right"
               })?.top + "px",
               left: v(Ue)({
                 svgElement: se.value,
                 x: c.value?.right + l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_right_plot`],
+                element: Ve.value[`${s}_${i}_right_plot`],
                 position: "right"
               })?.left + "px",
               height: "fit-content",
@@ -3113,12 +3146,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (n(), u("svg", qi, [
+            (n(), u("svg", en, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Zi)
+              }, null, 8, ln)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3132,12 +3165,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   serieName: e.name
                 }
               )
-            }, null, 8, Ji)
+            }, null, 8, an)
           ], 4)) : h("", !0),
-          [B.value, C.value, Ze.value].includes(i) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (n(), u("div", {
+          [N.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"),
+            ref: (o) => El(s, i, o, "left", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
             style: S({
@@ -3146,14 +3179,14 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 svgElement: se.value,
                 x: c.value?.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_left_plot`],
+                element: Ve.value[`${s}_${i}_left_plot`],
                 position: "left"
               })?.top + "px",
               left: v(Ue)({
                 svgElement: se.value,
                 x: c.value?.left - l.value.plot.tag.fontSize / 1.5,
                 y: t.y,
-                element: De.value[`${s}_${i}_left_plot`],
+                element: Ve.value[`${s}_${i}_left_plot`],
                 position: "left"
               })?.left + "px",
               height: "fit-content",
@@ -3165,12 +3198,12 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
               opacity: 1
             })
           }, [
-            (n(), u("svg", Qi, [
+            (n(), u("svg", tn, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ki)
+              }, null, 8, on)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3184,34 +3217,34 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                   serieName: e.name
                 }
               )
-            }, null, 8, ji)
+            }, null, 8, rn)
           ], 4)) : h("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      l.value.chart.zoom.show && Oe.value > 6 && ca.value && Qa.value ? (n(), Te(Fr, {
+      l.value.chart.zoom.show && Oe.value > 6 && da.value && at.value ? (n(), Te(Pr, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Fe,
-        allMinimaps: Yo.value,
+        allMinimaps: Zo.value,
         background: l.value.chart.zoom.color,
         borderColor: l.value.chart.backgroundColor,
         customFormat: l.value.chart.zoom.customFormat,
         cutNullValues: l.value.line.cutNullValues,
         enableRangeHandles: l.value.chart.zoom.enableRangeHandles,
         enableSelectionDrag: l.value.chart.zoom.enableSelectionDrag,
-        end: m.value.end,
+        end: b.value.end,
         focusOnDrag: l.value.chart.zoom.focusOnDrag,
         focusRangeRatio: l.value.chart.zoom.focusRangeRatio,
         fontSize: l.value.chart.zoom.fontSize,
         useResetSlot: l.value.chart.zoom.useResetSlot,
         immediate: !l.value.chart.zoom.preview.enable,
         inputColor: l.value.chart.zoom.color,
-        isPreview: Da.value,
+        isPreview: Ea.value,
         labelLeft: de.value[0] ? de.value[0].text : "",
         labelRight: de.value.at(-1) ? de.value.at(-1).text : "",
         max: Oe.value,
         min: 0,
-        minimap: Ho.value,
+        minimap: qo.value,
         minimapCompact: l.value.chart.zoom.minimap.compact,
         minimapFrameColor: l.value.chart.zoom.minimap.frameColor,
         minimapIndicatorColor: l.value.chart.zoom.minimap.indicatorColor,
@@ -3221,35 +3254,37 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         minimapSelectedColorOpacity: l.value.chart.zoom.minimap.selectedColorOpacity,
         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)),
+        preciseLabels: pt.value.length ? pt.value : ba.value,
+        refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...la.dataset.map((e) => Ee(e.series).length)),
         refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
         selectColor: l.value.chart.zoom.highlightColor,
         selectedSeries: je.value,
         smoothMinimap: l.value.chart.zoom.minimap.smooth,
-        start: m.value.start,
+        start: b.value.start,
         textColor: l.value.chart.color,
-        timeLabels: ga.value,
+        timeLabels: ba.value,
         usePreciseLabels: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !l.value.chart.zoom.useDefaultFormat,
-        valueEnd: m.value.end,
-        valueStart: m.value.start,
+        valueEnd: b.value.end,
+        valueStart: b.value.start,
         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: To,
-        onTrapMouse: Ao,
-        "onUpdate:end": Mo,
-        "onUpdate:start": Lo
+        minScale: l.value.chart.grid.labels.yAxis.scaleMin,
+        maxScale: l.value.chart.grid.labels.yAxis.scaleMax,
+        onFutureEnd: r[1] || (r[1] = (e) => Ra("end", e)),
+        onFutureStart: r[2] || (r[2] = (e) => Ra("start", e)),
+        onReset: Bo,
+        onTrapMouse: Io,
+        "onUpdate:end": No,
+        "onUpdate:start": Oo
       }, {
         "reset-action": G(({ reset: e }) => [
           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),
+      }, 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", "minScale", "maxScale"])) : h("", !0),
       p("div", {
         id: `legend-bottom-${H.value}`
-      }, null, 8, en),
-      Oa.value ? (n(), Te(rr, {
+      }, null, 8, sn),
+      Ba.value ? (n(), Te(vr, {
         key: 6,
         to: l.value.chart.legend.position === "top" ? `#legend-top-${H.value}` : `#legend-bottom-${H.value}`
       }, [
@@ -3264,10 +3299,10 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         }, [
           (n(!0), u(d, null, _(me.value, (e, s) => (n(), u("div", {
             key: `div_legend_item_${s}`,
-            onClick: (t) => Yl(e),
+            onClick: (t) => Xl(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" ? (n(), u("svg", an, [
+            xl.value[e.type] === "line" ? (n(), u("svg", un, [
               p("rect", {
                 x: "0",
                 y: "7.5",
@@ -3277,8 +3312,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 height: "3",
                 width: "20",
                 fill: e.color
-              }, null, 8, tn),
-              vl(Kl, {
+              }, null, 8, cn),
+              dl(ea, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
                 color: e.color,
@@ -3286,8 +3321,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 stroke: l.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : bl.value[e.type] === "bar" ? (n(), u("svg", on, [
-              bl.value[e.type] === "bar" && a.$slots.pattern ? (n(), u("rect", {
+            ])) : xl.value[e.type] === "bar" ? (n(), u("svg", vn, [
+              xl.value[e.type] === "bar" && a.$slots.pattern ? (n(), u("rect", {
                 key: 0,
                 x: "4",
                 y: "4",
@@ -3296,8 +3331,8 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 width: "32",
                 stroke: "none",
                 fill: e.color
-              }, null, 8, rn)) : h("", !0),
-              bl.value[e.type] === "bar" ? (n(), u("rect", {
+              }, null, 8, dn)) : h("", !0),
+              xl.value[e.type] === "bar" ? (n(), u("rect", {
                 key: 1,
                 x: "4",
                 y: "4",
@@ -3306,9 +3341,9 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
                 width: "32",
                 stroke: "none",
                 fill: a.$slots.pattern ? `url(#pattern_${H.value}_${e.slotAbsoluteIndex})` : e.color
-              }, null, 8, sn)) : h("", !0)
-            ])) : (n(), u("svg", nn, [
-              vl(Kl, {
+              }, null, 8, hn)) : h("", !0)
+            ])) : (n(), u("svg", fn, [
+              dl(ea, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
                 color: e.color,
@@ -3318,7 +3353,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             p("span", {
               style: S(`color:${l.value.chart.legend.color}`)
             }, ae(e.name), 5)
-          ], 10, ln))), 128))
+          ], 10, nn))), 128))
         ], 4)) : (n(), u("div", {
           key: 1,
           ref_key: "chartLegend",
@@ -3330,14 +3365,14 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
       a.$slots.source ? (n(), u("div", {
         key: 7,
         ref_key: "source",
-        ref: gl,
+        ref: ml,
         dir: "auto"
       }, [
         P(a.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      vl(v(lo), {
+      dl(v(so), {
         teleportTo: l.value.chart.tooltip.teleportTo,
-        show: f.value.showTooltip && Ma.value,
+        show: f.value.showTooltip && za.value,
         backgroundColor: l.value.chart.tooltip.backgroundColor,
         color: l.value.chart.tooltip.color,
         fontSize: l.value.chart.tooltip.fontSize,
@@ -3348,7 +3383,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         position: l.value.chart.tooltip.position,
         offsetY: l.value.chart.tooltip.offsetY,
         parent: a.$refs.chart,
-        content: Wo.value,
+        content: Jo.value,
         isFullscreen: qe.value,
         isCustom: l.value.chart.tooltip.customFormat && typeof l.value.chart.tooltip.customFormat == "function",
         smooth: l.value.chart.tooltip.smooth,
@@ -3357,59 +3392,59 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         smoothSnapThreshold: l.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": G(() => [
-          P(a.$slots, "tooltip-before", ke(Ce({ ...ht.value })), void 0, !0)
+          P(a.$slots, "tooltip-before", ke(Ce({ ...xt.value })), void 0, !0)
         ]),
         "tooltip-after": G(() => [
-          P(a.$slots, "tooltip-after", ke(Ce({ ...ht.value })), void 0, !0)
+          P(a.$slots, "tooltip-after", ke(Ce({ ...xt.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 ? (n(), Te(sr(Sl.value.component), al({ key: 8 }, Sl.value.props, {
+      da.value && l.value.chart.userOptions.buttons.table ? (n(), Te(dr($l.value.component), al({ key: 8 }, $l.value.props, {
         ref_key: "tableUnit",
         ref: il,
-        onClose: At
-      }), Tt({
+        onClose: zt
+      }), Nt({
         content: G(() => [
           p("div", {
-            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"}`)
+            style: S(`${v(fa) || 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", un, [
-              ir(p("input", {
+            p("div", gn, [
+              hr(p("input", {
                 type: "checkbox",
-                "onUpdate:modelValue": r[4] || (r[4] = (e) => pl.value = e)
+                "onUpdate:modelValue": r[4] || (r[4] = (e) => yl.value = e)
               }, null, 512), [
-                [nr, pl.value]
+                [fr, yl.value]
               ]),
               p("div", {
-                onClick: r[5] || (r[5] = (e) => pl.value = !pl.value),
+                onClick: r[5] || (r[5] = (e) => yl.value = !yl.value),
                 style: { cursor: "pointer" }
               }, [
-                vl(v(Aa), {
+                dl(v(La), {
                   name: "chartLine",
                   size: 20,
                   stroke: l.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
-            pl.value ? (n(), Te(v(to), {
-              key: `sparkline_${sa.value}`,
-              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 ? "" : Sl.value.title,
+            yl.value ? (n(), Te(v(no), {
+              key: `sparkline_${na.value}`,
+              dataset: Xo.value,
+              config: Go.value
+            }, null, 8, ["dataset", "config"])) : (n(), Te(v(ro), {
+              key: `table_${Fa.value}`,
+              colNames: Zl.value.colNames,
+              head: Zl.value.head,
+              body: Zl.value.body,
+              config: Zl.value.config,
+              title: l.value.table.useDialog ? "" : $l.value.title,
               withCloseButton: !l.value.table.useDialog,
-              onClose: At
+              onClose: zt
             }, {
               th: G(({ th: e }) => [
-                p("div", { innerHTML: e }, null, 8, cn)
+                p("div", { innerHTML: e }, null, 8, mn)
               ]),
               td: G(({ td: e }) => [
-                zt(ae(isNaN(Number(e)) ? e : v(Ve)({
+                Bt(ae(isNaN(Number(e)) ? e : v(De)({
                   p: l.value.chart.labels.prefix,
                   v: e,
                   s: l.value.chart.labels.suffix,
@@ -3425,7 +3460,7 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
         l.value.table.useDialog ? {
           name: "title",
           fn: G(() => [
-            zt(ae(Sl.value.title), 1)
+            Bt(ae($l.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -3435,26 +3470,26 @@ const Yt = { chart: { userOptions: { show: !1 }, grid: { showVerticalLines: !1,
             p("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: r[3] || (r[3] = (e) => xa(l.value.chart.userOptions.callbacks.csv))
+              onClick: r[3] || (r[3] = (e) => ya(l.value.chart.userOptions.callbacks.csv))
             }, [
-              vl(v(Aa), {
+              dl(v(La), {
                 name: "excel",
-                stroke: Sl.value.props.color
+                stroke: $l.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      v(ie) ? (n(), Te(Sr, { key: 9 })) : h("", !0)
-    ], 46, Nr));
+      v(ie) ? (n(), Te(zr, { key: 9 })) : h("", !0)
+    ], 46, Hr));
   }
-}, dn = /* @__PURE__ */ Br(vn, [["__scopeId", "data-v-2a5d889f"]]), Tn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xn = /* @__PURE__ */ Rr(bn, [["__scopeId", "data-v-06b1b1c8"]]), Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: dn
+  default: xn
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  dn as V,
-  Tn as a,
-  Mn as v
+  xn as V,
+  Bn as a,
+  Nn as v
 };