vue-data-ui 3.0.14 → 3.0.15

package/dist/{vue-ui-xy-DUBk7Pk1.js → vue-ui-xy-D9GnZXb-.js}

@@ -1,28 +1,28 @@
-import { useCssVars as ko, computed as x, ref as b, onMounted as ol, onBeforeUnmount as nl, watch as dt, nextTick as Yt, onUpdated as wo, createElementBlock as r, openBlock as u, createElementVNode as p, createCommentVNode as f, renderSlot as J, normalizeStyle as L, createVNode as al, withDirectives as Ql, unref as v, Fragment as g, renderList as C, normalizeClass as Ve, withKeys as Oa, vModelText as Fa, toDisplayString as le, defineAsyncComponent as Mt, useSlots as So, getCurrentInstance as _o, toRefs as $o, watchEffect as Ha, createBlock as Ge, createSlots as Lo, withCtx as xe, normalizeProps as Ct, guardReactiveProps as At, mergeProps as Tl, Teleport as Mo, vModelCheckbox as Co, createTextVNode as Ao } from "vue";
-import { c as Pl, V as Fl, U as Hl, y as Ol, X as zo, F as tt, u as To, f as Kl, t as Io, a4 as je, d as No, D as yl, ac as Dt, e as Ro, p as Po, ad as Il, a9 as Y, ae as Oo, h as V, af as Va, ag as Ba, ah as Fo, ai as Ea, aj as Wa, k as Se, ak as Ho, z as Vo, _ as Da, R as vt, i as Ue, x as Xt, s as et, a7 as j, L as Bo, al as Nl, I as Eo, am as zt, C as qe, a as Wo, b as Do, o as Xa, v as Xo, w as Yo, E as ll } from "./index-BbjJEUYf.js";
-import { t as jl, u as Go } from "./useResponsive-DfdjqQps.js";
-import { u as Uo } from "./usePrinter-BR9xYJPs.js";
-import { u as qo, B as Zo } from "./useLoading-D7YHNtLX.js";
-import { u as Jl } from "./useNestedProp-B0O5SJFw.js";
-import { u as Ya, a as Ko, l as Jo } from "./useTimeLabels-4la0yDx0.js";
-import { u as Qo } from "./useTimeLabelCollider-CIsgDrl9.js";
-import jo from "./img-DOMLxaLG.js";
-import en from "./Title-qljpbaH_.js";
-import { S as tn } from "./Slicer-CzxtPv2I.js";
-import { _ as Rl } from "./Shape-BOLi_2P0.js";
-import ln from "./BaseIcon-BCqWWRyS.js";
-import { _ as Ga } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const an = {
+import { useCssVars as wo, computed as x, ref as b, onMounted as ol, onBeforeUnmount as nl, watch as dt, nextTick as Yt, onUpdated as So, createElementBlock as r, openBlock as u, createElementVNode as p, createCommentVNode as f, renderSlot as J, normalizeStyle as L, createVNode as al, withDirectives as Ql, unref as v, Fragment as g, renderList as C, normalizeClass as Ve, withKeys as Fa, vModelText as Ha, toDisplayString as le, defineAsyncComponent as Mt, useSlots as _o, getCurrentInstance as $o, toRefs as Lo, watchEffect as Va, createBlock as Ge, createSlots as Mo, withCtx as xe, normalizeProps as Ct, guardReactiveProps as At, mergeProps as Tl, Teleport as Co, vModelCheckbox as Ao, createTextVNode as zo } from "vue";
+import { c as Pl, V as Fl, U as Hl, y as Ol, X as To, F as tt, u as Io, f as Kl, t as No, a4 as je, d as Ro, D as yl, ac as Dt, e as Po, p as Oo, ad as Il, a9 as Y, ae as Fo, h as V, af as Ba, ag as Ea, ah as Ho, ai as Wa, aj as Da, k as Se, ak as Vo, z as Bo, _ as Xa, R as vt, i as Ue, x as Xt, s as et, a7 as j, L as Eo, al as Nl, I as Wo, am as zt, C as qe, a as Do, b as Xo, o as Ya, v as Yo, w as Go, E as ll } from "./index-CjmWQAkv.js";
+import { t as jl, u as Uo } from "./useResponsive-DfdjqQps.js";
+import { u as qo } from "./usePrinter-BD_X6xEq.js";
+import { u as Zo, B as Ko } from "./useLoading-D7YHNtLX.js";
+import { u as Jl } from "./useNestedProp-DFYUwW_F.js";
+import { u as Ga, a as Jo, l as Qo } from "./useTimeLabels-4la0yDx0.js";
+import { u as jo } from "./useTimeLabelCollider-CIsgDrl9.js";
+import en from "./img-7sjXtnNU.js";
+import tn from "./Title-Cdu-aDOL.js";
+import { S as ln } from "./Slicer-DzsOD_6h.js";
+import { _ as Rl } from "./Shape-Bgg7Nwsz.js";
+import an from "./BaseIcon-BA3j_Lwf.js";
+import { _ as Ua } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const on = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, on = {
+}, nn = {
   key: 0,
   style: { width: "100%", position: "relative" }
-}, nn = {
+}, un = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, un = ["xmlns", "viewBox"], sn = ["id"], rn = ["stop-color"], cn = ["d", "stroke"], vn = ["x", "width", "height", "fill", "rx"], dn = ["d", "fill"], hn = ["x", "width", "height", "rx", "fill"], fn = ["x", "width", "height", "fill", "rx"], mn = ["d", "fill"], gn = ["d", "stroke"], xn = ["cx", "cy", "stroke", "fill"], bn = ["cx", "cy", "stroke", "fill"], pn = ["x1", "x2", "y2", "stroke"], yn = ["x", "height", "width", "onMouseenter"], kn = ["min", "max"], wn = ["min", "max"], Sn = {
+}, sn = ["xmlns", "viewBox"], rn = ["id"], cn = ["stop-color"], vn = ["d", "stroke"], dn = ["x", "width", "height", "fill", "rx"], hn = ["d", "fill"], fn = ["x", "width", "height", "rx", "fill"], mn = ["x", "width", "height", "fill", "rx"], gn = ["d", "fill"], xn = ["d", "stroke"], bn = ["cx", "cy", "stroke", "fill"], pn = ["cx", "cy", "stroke", "fill"], yn = ["x1", "x2", "y2", "stroke"], kn = ["x", "height", "width", "onMouseenter"], wn = ["min", "max"], Sn = ["min", "max"], _n = {
   __name: "SlicerPreview",
   props: {
     background: {
@@ -155,7 +155,7 @@ const an = {
   },
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
   setup(R, { expose: Vl, emit: Bl }) {
-    ko((m) => ({
+    wo((m) => ({
       ef4890c2: It.value,
       20514013: Ee.value,
       "6d4a3344": El.value,
@@ -232,7 +232,7 @@ const an = {
     ol(() => {
       if (Tt.value) {
         const m = jl(() => {
-          const { width: h, height: S } = Go({
+          const { width: h, height: S } = Uo({
             chart: Rt.value
           });
           q.value.width = h, q.value.height = S - 47;
@@ -377,7 +377,7 @@ const an = {
         width: ze,
         left: Ht - ze / 2
       };
-    }), wo(() => {
+    }), So(() => {
       Ft(), $e();
     }), dt(() => d.labelLeft, () => {
       Yt(Ft);
@@ -420,8 +420,8 @@ const an = {
       onMousedown: hl,
       onTouchstart: hl
     }, [
-      p("div", an, [
-        R.valueStart !== R.refreshStartPoint || R.valueEnd !== il.value ? (u(), r("div", on, [
+      p("div", on, [
+        R.valueStart !== R.refreshStartPoint || R.valueEnd !== il.value ? (u(), r("div", nn, [
           R.useResetSlot ? J(m.$slots, "reset-action", {
             key: 1,
             reset: ht
@@ -436,7 +436,7 @@ const an = {
             }),
             onClick: ht
           }, [
-            al(ln, {
+            al(an, {
               name: "refresh",
               stroke: R.textColor
             }, null, 8, ["stroke"])
@@ -451,9 +451,9 @@ const an = {
         onMouseenter: h[13] || (h[13] = (S) => ue.value = !0),
         onMouseleave: h[14] || (h[14] = (S) => ue.value = !1)
       }, [
-        Tt.value ? (u(), r("div", nn, [
+        Tt.value ? (u(), r("div", un, [
           (u(), r("svg", {
-            xmlns: v(zo),
+            xmlns: v(To),
             viewBox: `0 0 ${q.value.width < 0 ? 0 : q.value.width} ${q.value.height < 0 ? 0 : q.value.height}`
           }, [
             p("defs", null, [
@@ -467,12 +467,12 @@ const an = {
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${R.minimapLineColor}50`
-                }, null, 8, rn),
+                }, null, 8, cn),
                 h[15] || (h[15] = p("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
                 }, null, -1))
-              ], 8, sn)
+              ], 8, rn)
             ]),
             p("path", {
               d: `M${pe.value.fullSet}`,
@@ -482,7 +482,7 @@ const an = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "1" }
-            }, null, 8, cn),
+            }, null, 8, vn),
             p("rect", {
               x: ye.value.x,
               width: ye.value.width < 0 ? 0 : ye.value.width,
@@ -491,13 +491,13 @@ const an = {
               fill: Ee.value,
               rx: R.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, vn),
+            }, null, 8, dn),
             p("path", {
               d: `M${oe.value / 2},${Math.max(q.value.height, 0)} ${pe.value.fullSet} L${q.value.width - oe.value / 2},${Math.max(q.value.height, 0)}Z`,
               fill: `url(#${ul.value})`,
               stroke: "none",
               style: { opacity: "1" }
-            }, null, 8, dn),
+            }, null, 8, hn),
             p("rect", {
               x: ye.value.x,
               width: ye.value.width < 0 ? 0 : ye.value.width,
@@ -508,7 +508,7 @@ const an = {
               style: L({
                 opacity: F.value || Gt.value ? 0 : 1
               })
-            }, null, 12, hn),
+            }, null, 12, fn),
             p("rect", {
               x: ye.value.x,
               width: ye.value.width < 0 ? 0 : ye.value.width,
@@ -519,13 +519,13 @@ const an = {
               style: L({
                 opacity: R.minimapSelectedColorOpacity
               })
-            }, null, 12, fn),
+            }, null, 12, mn),
             p("path", {
               d: `M${pe.value.sliced[0].x},${Math.max(q.value.height, 0)} ${pe.value.selectionSet} L${pe.value.sliced.at(-1).x},${Math.max(q.value.height, 0)}Z`,
               fill: `url(#${ul.value})`,
               stroke: "none",
               style: { opacity: "1" }
-            }, null, 8, mn),
+            }, null, 8, gn),
             p("path", {
               d: `M ${pe.value.selectionSet}`,
               stroke: `${R.minimapLineColor}`,
@@ -533,7 +533,7 @@ const an = {
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, gn),
+            }, null, 8, xn),
             p("circle", {
               cx: pe.value.firstPlot.x,
               cy: pe.value.firstPlot.y,
@@ -541,7 +541,7 @@ const an = {
               stroke: Ee.value,
               r: "3",
               fill: R.minimapLineColor
-            }, null, 8, xn),
+            }, null, 8, bn),
             p("circle", {
               cx: pe.value.lastPlot.x,
               cy: pe.value.lastPlot.y,
@@ -549,7 +549,7 @@ const an = {
               stroke: Ee.value,
               r: "3",
               fill: R.minimapLineColor
-            }, null, 8, bn),
+            }, null, 8, pn),
             ft.value !== null ? (u(!0), r(g, { key: 0 }, C(qt.value, (S, U) => (u(), r("g", null, [
               ft.value === S && S >= nt.value && S < Pt.value ? (u(), r("line", {
                 key: 0,
@@ -561,7 +561,7 @@ const an = {
                 "stroke-linecap": "round",
                 "stroke-dasharray": "2",
                 "stroke-width": "1"
-              }, null, 8, pn)) : f("", !0)
+              }, null, 8, yn)) : f("", !0)
             ]))), 256)) : f("", !0),
             (u(!0), r(g, null, C(qt.value, (S, U) => (u(), r("rect", {
               x: oe.value * U,
@@ -578,8 +578,8 @@ const an = {
               onMouseleave: h[2] || (h[2] = (ze) => {
                 ft.value = null, me("trapMouse", null);
               })
-            }, null, 44, yn))), 256))
-          ], 8, un))
+            }, null, 44, kn))), 256))
+          ], 8, sn))
         ])) : f("", !0),
         h[16] || (h[16] = p("div", { class: "slider-track" }, null, -1)),
         p("div", {
@@ -605,14 +605,14 @@ const an = {
           "onUpdate:modelValue": h[5] || (h[5] = (S) => yt.value = S),
           onInput: h[6] || (h[6] = (S) => vl(S)),
           onChange: Ze,
-          onKeyup: Oa(Ze, ["enter"]),
+          onKeyup: Fa(Ze, ["enter"]),
           onBlur: Ze,
           onMouseenter: h[7] || (h[7] = (S) => De("start")),
           onPointermove: h[8] || (h[8] = (S) => yt.value = +S.target.value),
           onPointerup: Ze
-        }, null, 42, kn)), [
+        }, null, 42, wn)), [
           [
-            Fa,
+            Ha,
             yt.value,
             void 0,
             { number: !0 }
@@ -629,14 +629,14 @@ const an = {
           "onUpdate:modelValue": h[9] || (h[9] = (S) => lt.value = S),
           onInput: h[10] || (h[10] = (S) => kt(S)),
           onChange: Ze,
-          onKeyup: Oa(Ze, ["enter"]),
+          onKeyup: Fa(Ze, ["enter"]),
           onBlur: Ze,
           onMouseenter: h[11] || (h[11] = (S) => De("end")),
           onPointermove: h[12] || (h[12] = (S) => lt.value = +S.target.value),
           onPointerup: Ze
-        }, null, 42, wn)), [
+        }, null, 42, Sn)), [
           [
-            Fa,
+            Ha,
             lt.value,
             void 0,
             { number: !0 }
@@ -702,51 +702,51 @@ const an = {
       ], 544)
     ], 544));
   }
-}, _n = /* @__PURE__ */ Ga(Sn, [["__scopeId", "data-v-58fccd9f"]]), $n = ["id"], Ln = ["id"], Mn = ["viewBox", "aria-label"], Cn = ["x", "y", "width", "height"], An = { key: 1 }, zn = { class: "vue-ui-xy-grid" }, Tn = ["stroke", "x1", "x2", "y1", "y2"], In = ["stroke", "x1", "x2", "y1", "y2"], Nn = { key: 1 }, Rn = ["x1", "x2", "y1", "y2", "stroke"], Pn = ["x1", "x2", "y1", "y2", "stroke"], On = ["x1", "x2", "y1", "y2", "stroke"], Fn = { key: 3 }, Hn = ["d", "stroke"], Vn = { key: 4 }, Bn = ["d", "stroke"], En = ["id"], Wn = ["stop-color"], Dn = ["stop-color"], Xn = ["stop-color"], Yn = ["id"], Gn = ["stop-color"], Un = ["stop-color"], qn = ["stop-color"], Zn = ["id"], Kn = ["stop-color"], Jn = ["stop-color"], Qn = ["id"], jn = ["stop-color"], eu = ["stop-color"], tu = ["id"], lu = ["stop-color"], au = ["stop-color"], ou = ["x", "y", "height", "width", "fill"], nu = ["x", "y", "width"], uu = { key: 0 }, su = ["x", "y", "height", "width", "fill"], iu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ru = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], cu = ["width", "x", "y"], vu = { key: 0 }, du = ["id"], hu = ["fill"], fu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], mu = ["x", "y", "font-size", "fill"], gu = ["stroke", "x1", "x2", "y1", "y2"], xu = { key: 3 }, bu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], yu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ku = ["fill", "font-size", "transform"], wu = ["x1", "x2", "y1", "y2", "stroke"], Su = ["x", "y", "font-size", "fill"], _u = ["x1", "x2", "y1", "y2", "stroke"], $u = ["x", "y", "font-size", "fill"], Lu = ["width", "x", "y"], Mu = { style: { width: "100%" } }, Cu = { key: 0 }, Au = ["id"], zu = ["fill"], Tu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Iu = ["x", "y", "font-size", "fill"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ru = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = { key: 6 }, Ou = { key: 7 }, Fu = ["d", "fill", "fill-opacity"], Hu = { key: 0 }, Vu = ["d", "fill"], Bu = ["d", "fill"], Eu = ["d", "fill"], Wu = ["d", "fill"], Du = ["d", "stroke", "stroke-width", "stroke-dasharray"], Xu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Yu = ["width", "x", "y"], Gu = { style: { width: "100%" } }, Uu = { key: 3 }, qu = ["id"], Zu = ["fill"], Ku = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ju = ["x", "y", "font-size", "fill"], Qu = { key: 8 }, ju = ["x", "y", "font-size", "fill"], es = ["x", "y", "font-size", "fill", "font-weight"], ts = { key: 9 }, ls = ["x", "y", "font-size", "fill"], as = { key: 10 }, os = ["x", "y"], ns = ["innerHTML"], us = ["x", "y"], ss = ["innerHTML"], is = ["x1", "x2", "y1", "y2", "stroke"], rs = { key: 11 }, cs = ["x", "y", "font-size", "fill"], vs = { key: 12 }, ds = ["x", "y"], hs = ["innerHTML"], fs = ["x", "y"], ms = ["innerHTML"], gs = ["x1", "x2", "y1", "y2", "stroke"], xs = ["x", "y", "font-size", "fill", "innerHTML"], bs = ["x", "y", "font-size", "fill", "innerHTML"], ps = ["x", "y", "font-size", "fill", "innerHTML"], ys = ["x", "y", "font-size", "fill", "innerHTML"], ks = ["id"], ws = ["stop-color"], Ss = ["stop-color"], _s = ["x", "y", "width", "height", "fill", "onMouseenter"], $s = ["font-size", "fill", "transform"], Ls = ["x", "y", "font-size", "fill"], Ms = ["text-anchor", "font-size", "fill", "transform", "onClick"], Cs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], As = { key: 15 }, zs = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ts = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Is = ["y", "x", "width", "height", "fill"], Ns = ["id", "x", "y", "font-size", "fill", "text-anchor"], Rs = {
+}, $n = /* @__PURE__ */ Ua(_n, [["__scopeId", "data-v-58fccd9f"]]), Ln = ["id"], Mn = ["id"], Cn = ["viewBox", "aria-label"], An = ["x", "y", "width", "height"], zn = { key: 1 }, Tn = { class: "vue-ui-xy-grid" }, In = ["stroke", "x1", "x2", "y1", "y2"], Nn = ["stroke", "x1", "x2", "y1", "y2"], Rn = { key: 1 }, Pn = ["x1", "x2", "y1", "y2", "stroke"], On = ["x1", "x2", "y1", "y2", "stroke"], Fn = ["x1", "x2", "y1", "y2", "stroke"], Hn = { key: 3 }, Vn = ["d", "stroke"], Bn = { key: 4 }, En = ["d", "stroke"], Wn = ["id"], Dn = ["stop-color"], Xn = ["stop-color"], Yn = ["stop-color"], Gn = ["id"], Un = ["stop-color"], qn = ["stop-color"], Zn = ["stop-color"], Kn = ["id"], Jn = ["stop-color"], Qn = ["stop-color"], jn = ["id"], eu = ["stop-color"], tu = ["stop-color"], lu = ["id"], au = ["stop-color"], ou = ["stop-color"], nu = ["x", "y", "height", "width", "fill"], uu = ["x", "y", "width"], su = { key: 0 }, iu = ["x", "y", "height", "width", "fill"], ru = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], cu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vu = ["width", "x", "y"], du = { key: 0 }, hu = ["id"], fu = ["fill"], mu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], gu = ["x", "y", "font-size", "fill"], xu = ["stroke", "x1", "x2", "y1", "y2"], bu = { key: 3 }, pu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ku = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wu = ["fill", "font-size", "transform"], Su = ["x1", "x2", "y1", "y2", "stroke"], _u = ["x", "y", "font-size", "fill"], $u = ["x1", "x2", "y1", "y2", "stroke"], Lu = ["x", "y", "font-size", "fill"], Mu = ["width", "x", "y"], Cu = { style: { width: "100%" } }, Au = { key: 0 }, zu = ["id"], Tu = ["fill"], Iu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Nu = ["x", "y", "font-size", "fill"], Ru = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ou = { key: 6 }, Fu = { key: 7 }, Hu = ["d", "fill", "fill-opacity"], Vu = { key: 0 }, Bu = ["d", "fill"], Eu = ["d", "fill"], Wu = ["d", "fill"], Du = ["d", "fill"], Xu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Yu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Gu = ["width", "x", "y"], Uu = { style: { width: "100%" } }, qu = { key: 3 }, Zu = ["id"], Ku = ["fill"], Ju = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Qu = ["x", "y", "font-size", "fill"], ju = { key: 8 }, es = ["x", "y", "font-size", "fill"], ts = ["x", "y", "font-size", "fill", "font-weight"], ls = { key: 9 }, as = ["x", "y", "font-size", "fill"], os = { key: 10 }, ns = ["x", "y"], us = ["innerHTML"], ss = ["x", "y"], is = ["innerHTML"], rs = ["x1", "x2", "y1", "y2", "stroke"], cs = { key: 11 }, vs = ["x", "y", "font-size", "fill"], ds = { key: 12 }, hs = ["x", "y"], fs = ["innerHTML"], ms = ["x", "y"], gs = ["innerHTML"], xs = ["x1", "x2", "y1", "y2", "stroke"], bs = ["x", "y", "font-size", "fill", "innerHTML"], ps = ["x", "y", "font-size", "fill", "innerHTML"], ys = ["x", "y", "font-size", "fill", "innerHTML"], ks = ["x", "y", "font-size", "fill", "innerHTML"], ws = ["id"], Ss = ["stop-color"], _s = ["stop-color"], $s = ["x", "y", "width", "height", "fill", "onMouseenter"], Ls = ["font-size", "fill", "transform"], Ms = ["x", "y", "font-size", "fill"], Cs = ["text-anchor", "font-size", "fill", "transform", "onClick"], As = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], zs = { key: 15 }, Ts = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Is = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ns = ["y", "x", "width", "height", "fill"], Rs = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ps = {
   key: 16,
   style: { "pointer-events": "none" }
-}, Ps = ["x", "y"], Os = ["innerHTML"], Fs = ["cx", "cy", "r", "fill"], Hs = ["data-start", "data-end"], Vs = {
+}, Os = ["x", "y"], Fs = ["innerHTML"], Hs = ["cx", "cy", "r", "fill"], Vs = ["data-start", "data-end"], Bs = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Bs = {
+}, Es = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Es = ["fill"], Ws = ["innerHTML"], Ds = {
+}, Ws = ["fill"], Ds = ["innerHTML"], Xs = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Xs = ["fill"], Ys = ["innerHTML"], Gs = {
+}, Ys = ["fill"], Gs = ["innerHTML"], Us = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Us = ["fill"], qs = ["innerHTML"], Zs = {
+}, qs = ["fill"], Zs = ["innerHTML"], Ks = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ks = ["fill"], Js = ["innerHTML"], Qs = ["id"], js = ["onClick"], ei = {
+}, Js = ["fill"], Qs = ["innerHTML"], js = ["id"], ei = ["onClick"], ti = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, ti = ["stroke", "fill"], li = {
+}, li = ["stroke", "fill"], ai = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "14",
   width: "14"
-}, ai = ["fill"], oi = ["fill"], ni = {
+}, oi = ["fill"], ni = ["fill"], ui = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, ui = {
+}, si = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, si = ["innerHTML"], ii = {
+}, ii = ["innerHTML"], ri = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -768,7 +768,7 @@ const an = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(R, { expose: Vl, emit: Bl }) {
-    const d = R, Be = Mt(() => import("./DataTable-R-HFYyQH.js")), ie = Mt(() => import("./Tooltip-CAWZetlE.js")), re = Mt(() => import("./UserOptions-Bi3vHBGc.js")), Tt = Mt(() => import("./BaseIcon-BCqWWRyS.js")), ul = Mt(() => import("./vue-ui-table-sparkline-S5Vvy7zi.js")), Gt = Mt(() => import("./vue-ui-accordion-BzryhJUY.js")), Ut = Mt(() => import("./PackageVersion-L8jgnm93.js")), yt = Mt(() => import("./PenAndPaper-B0N4qLUl.js")), lt = Bl, sl = So(), Ze = _o(), { vue_ui_xy: il } = To(), me = b(null), be = b(null), Ne = b(null), at = b(null), It = b(null), Nt = b(null), El = b(null), Ee = b(null), qt = b(null), ht = b(null), Rt = b(null), q = b(null), ot = b(null), Zt = b(0), P = b(null), rl = b(!0), ge = b(600), ae = b(1e3), nt = b("0 0 1000 600"), Pt = b({ x: 0, y: 0 }), oe = b({ line: "line", bar: "bar", plot: "plot" }), pe = b(!1), ye = b(!1), ft = b(!1), mt = b(null), ce = b([]), G = b(Pl()), Kt = b(0), cl = b(0), vl = b(0), kt = b(!0), Ot = b(0), F = b(null), Jt = b(!1), dl = b(!0), Qt = b(!0), _e = b(null), We = b({}), Re = b(null), Ke = b(!1), _ = b(null), ut = x(() => ({
+    const d = R, Be = Mt(() => import("./DataTable-Co-fVzdq.js")), ie = Mt(() => import("./Tooltip-mB2Rs1Vj.js")), re = Mt(() => import("./UserOptions-BMoiHEKE.js")), Tt = Mt(() => import("./BaseIcon-BA3j_Lwf.js")), ul = Mt(() => import("./vue-ui-table-sparkline-CrEJ_BYI.js")), Gt = Mt(() => import("./vue-ui-accordion-BOmbEAe4.js")), Ut = Mt(() => import("./PackageVersion-DkN4tXY6.js")), yt = Mt(() => import("./PenAndPaper-C5tGS7J9.js")), lt = Bl, sl = _o(), Ze = $o(), { vue_ui_xy: il } = Io(), me = b(null), be = b(null), Ne = b(null), at = b(null), It = b(null), Nt = b(null), El = b(null), Ee = b(null), qt = b(null), ht = b(null), Rt = b(null), q = b(null), ot = b(null), Zt = b(0), P = b(null), rl = b(!0), ge = b(600), ae = b(1e3), nt = b("0 0 1000 600"), Pt = b({ x: 0, y: 0 }), oe = b({ line: "line", bar: "bar", plot: "plot" }), pe = b(!1), ye = b(!1), ft = b(!1), mt = b(null), ce = b([]), G = b(Pl()), Kt = b(0), cl = b(0), vl = b(0), kt = b(!0), Ot = b(0), F = b(null), Jt = b(!1), dl = b(!0), Qt = b(!0), _e = b(null), We = b({}), Re = b(null), Ke = b(!1), _ = b(null), ut = x(() => ({
       height: ge.value,
       width: ae.value
     }));
@@ -823,10 +823,10 @@ const an = {
         userConfig: s
       })) : l.chart.annotations = [], d.config && qe(d.config, "chart.grid.position") && d.config.chart.grid.position === "start" && d.dataset.length && d.dataset.some((s) => s.type === "bar") && (l.chart.grid.position = "middle", qe(d.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), d.config && qe(d.config, "chart.grid.labels.yAxis.serieNameFormatter") ? l.chart.grid.labels.yAxis.serieNameFormatter = d.config.chart.grid.labels.yAxis.serieNameFormatter : l.chart.grid.labels.yAxis.serieNameFormatter = null, d.config && qe(d.config, "events.datapointEnter") ? l.events.datapointEnter = d.config.events.datapointEnter : l.events.datapointEnter = null, d.config && qe(d.config, "events.datapointLeave") ? l.events.datapointLeave = d.config.events.datapointLeave : l.events.datapointLeave = null, d.config && qe(d.config, "events.datapointClick") ? l.events.datapointClick = d.config.events.datapointClick : l.events.datapointClick = null, l.theme ? {
         ...Jl({
-          userConfig: Do.vue_ui_xy[l.theme] || d.config,
+          userConfig: Xo.vue_ui_xy[l.theme] || d.config,
           defaultConfig: l
         }),
-        customPalette: Wo[l.theme] || d.palette
+        customPalette: Do[l.theme] || d.palette
       } : l;
     }
     const it = x({
@@ -836,8 +836,8 @@ const an = {
       set(l) {
         return l;
       }
-    }), t = b(st()), gt = x(() => !!t.value.debug), { loading: ne, FINAL_DATASET: ue, manualLoading: Ft } = qo({
-      ...$o(d),
+    }), t = b(st()), gt = x(() => !!t.value.debug), { loading: ne, FINAL_DATASET: ue, manualLoading: Ft } = Zo({
+      ...Lo(d),
       FINAL_CONFIG: t,
       prepareConfig: st,
       callback: () => {
@@ -860,7 +860,7 @@ const an = {
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Io({
+      skeletonConfig: No({
         defaultConfig: t.value,
         userConfig: {
           useCssAnimation: !1,
@@ -963,11 +963,11 @@ const an = {
       const s = l - y.value.start;
       s < 0 || l >= y.value.end ? _.value = null : _.value = s ?? null;
     }, { immediate: !0 });
-    const { isPrinting: m, isImaging: h, generatePdf: S, generateImage: U } = Uo({
+    const { isPrinting: m, isImaging: h, generatePdf: S, generateImage: U } = qo({
       elementId: `vue-ui-xy_${G.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
-    }), ze = b(!1), Ht = x(() => No(t.value.customPalette)), jt = x(() => {
+    }), ze = b(!1), Ht = x(() => Ro(t.value.customPalette)), jt = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMin !== null)
         return t.value.chart.grid.labels.yAxis.scaleMin;
       const l = Math.min(...Je.value.filter((s) => !ce.value.includes(s.id)).map((s) => Math.min(...s.series)));
@@ -986,7 +986,7 @@ const an = {
         ...l,
         slotAbsoluteIndex: s,
         series: e.map((a) => Il(a) ? a : null).slice(y.value.start, y.value.end),
-        color: Ro(l.color ? l.color : Ht.value[s] ? Ht.value[s] : Po[s]),
+        color: Po(l.color ? l.color : Ht.value[s] ? Ht.value[s] : Oo[s]),
         id: n,
         scaleLabel: l.scaleLabel || n
       };
@@ -1002,7 +1002,7 @@ const an = {
       series: l.series.map((e) => e + Vt.value),
       absoluteValues: l.series
     })).filter((l) => !ce.value.includes(l.id)));
-    function Ua() {
+    function qa() {
       let l = 0;
       Rt.value && (l = Array.from(Rt.value.querySelectorAll("text")).reduce((a, i) => {
         const o = i.getComputedTextLength();
@@ -1011,14 +1011,14 @@ const an = {
       const s = qt.value ? qt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + $.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
       return l + s + e;
     }
-    const Wl = b(0), qa = jl((l) => {
+    const Wl = b(0), Za = jl((l) => {
       Wl.value = l;
     }, 100);
-    Ha((l) => {
+    Va((l) => {
       const s = ht.value;
       if (!s) return;
       const e = new ResizeObserver((n) => {
-        qa(n[0].contentRect.height);
+        Za(n[0].contentRect.height);
       });
       e.observe(s), l(() => e.disconnect());
     }), nl(() => {
@@ -1029,11 +1029,11 @@ const an = {
       Ee.value && (l = Ee.value.getBBox().height);
       let s = 0;
       return ht.value && (s = Wl.value), l + s + $.value.xAxis;
-    }), Za = x(() => ue.value.some((l) => l.useProgression)), c = x(() => {
+    }), Ka = x(() => ue.value.some((l) => l.useProgression)), c = x(() => {
       let l = 0;
       const s = 36;
-      t.value.chart.grid.labels.show && (k.value.useIndividualScale && !k.value.isStacked ? l = (ue.value.length - ce.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : k.value.useIndividualScale && k.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = Ua());
-      const e = t.value.chart.labels.fontSize * 1.1, n = Za.value ? 24 : 6;
+      t.value.chart.grid.labels.show && (k.value.useIndividualScale && !k.value.isStacked ? l = (ue.value.length - ce.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : k.value.useIndividualScale && k.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = qa());
+      const e = t.value.chart.labels.fontSize * 1.1, n = Ka.value ? 24 : 6;
       if (ht.value) {
         const o = ht.value.getBBox().x;
         o < 0 && (l += Math.abs(o));
@@ -1049,13 +1049,13 @@ const an = {
         scaleLabelX: l,
         individualOffsetX: s
       };
-    }), Ka = x(() => {
+    }), Ja = x(() => {
       const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = I.value + l, e = Y(c.value.top), n = Y(c.value.bottom);
       return Array.from({ length: s }).map((a, i) => {
         const o = c.value.width / I.value * i + c.value.left + Q.value;
         return `M${o},${e} L${o},${n}`;
       }).join(" ");
-    }), Ja = x(() => {
+    }), Qa = x(() => {
       if (!t.value.chart.grid.labels.xAxis.showCrosshairs) return "";
       const l = c.value.width / I.value, s = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
       return Xl.value.map((n, a) => {
@@ -1067,7 +1067,7 @@ const an = {
     function ta() {
       return !!Ze?.vnode.props?.onSelectTimeLabel;
     }
-    function Qa(l, s, e) {
+    function ja(l, s, e) {
       if (!Re.value) {
         const n = document.createElement("canvas");
         Re.value = n.getContext("2d");
@@ -1090,7 +1090,7 @@ const an = {
     }
     const ke = x(() => {
       const l = Math.max(...ue.value.map((s) => je({ data: s.series, threshold: t.value.downsample.threshold }).length));
-      return Ya({
+      return Ga({
         values: t.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: l,
         formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1099,14 +1099,14 @@ const an = {
       });
     }), na = x(() => {
       const l = Math.max(...ue.value.map((s) => je({ data: s.series, threshold: t.value.downsample.threshold }).length));
-      return Ya({
+      return Ga({
         values: t.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: l,
         formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: 0,
         end: $e.value
       });
-    }), ja = x(() => {
+    }), eo = x(() => {
       const l = t.value.chart.grid.labels.xAxisLabels.modulo;
       return ke.value.length ? Math.min(l, [...new Set(ke.value.map((s) => s.text))].length) : l;
     }), Xl = x(() => {
@@ -1119,7 +1119,7 @@ const an = {
         );
       }
       if (!l.showOnlyAtModulo) return s;
-      const e = Math.max(1, ja.value || 1);
+      const e = Math.max(1, eo.value || 1);
       if (I.value <= e) return s;
       const n = e, a = na.value || [], i = y.value.start ?? 0, o = [];
       for (let w = 0; w < s.length; w += 1) {
@@ -1175,12 +1175,12 @@ const an = {
     function Yl(l) {
       gt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function eo(l, s) {
+    function to(l, s) {
       const e = hl(l), n = Array(e).fill(0);
       for (let a = 0; a < s.length && a < e; a += 1) n[a] = s[a] ?? 0;
       return n;
     }
-    function to(l) {
+    function lo(l) {
       const s = Math.max(...ue.value.map((e) => je({ data: e.series, threshold: t.value.downsample.threshold }).length));
       return l > s ? s : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
@@ -1194,7 +1194,7 @@ const an = {
           }).length
         )
       );
-      (l != null || s != null) && e ? (l != null && (y.value.start = l, e.setStartValue(l)), s != null && (y.value.end = s + 1, e.setEndValue(to(s + 1)))) : (y.value = { start: 0, end: n }, Zt.value += 1), De.value.start = y.value.start, De.value.end = y.value.end, xt();
+      (l != null || s != null) && e ? (l != null && (y.value.start = l, e.setStartValue(l)), s != null && (y.value.end = s + 1, e.setEndValue(lo(s + 1)))) : (y.value = { start: 0, end: n }, Zt.value += 1), De.value.start = y.value.start, De.value.end = y.value.end, xt();
     }
     async function ra() {
       await Sl();
@@ -1235,7 +1235,7 @@ const an = {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
     }
     const gl = b(null);
-    function lo(l) {
+    function ao(l) {
       if (pe.value) return;
       const s = _e.value.getBoundingClientRect(), n = _e.value.viewBox.baseVal.width / s.width, i = (l.clientX - s.left) * n - c.value.left, o = c.value.width / I.value, A = Math.floor(i / o);
       A >= 0 && A < I.value ? gl.value !== A && (gl.value = A, Ma(!0, A)) : ma();
@@ -1243,10 +1243,10 @@ const an = {
     function ma() {
       gl.value = null, Ma(!1, null);
     }
-    function ao() {
-      gl.value != null && oo(gl.value);
+    function oo() {
+      gl.value != null && no(gl.value);
     }
-    function oo(l) {
+    function no(l) {
       const s = Xe.value.map((e) => ({
         name: e.name,
         value: [null, void 0, NaN].includes(e.absoluteValues[l]) ? null : e.absoluteValues[l],
@@ -1262,7 +1262,7 @@ const an = {
         }
       ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: s, seriesIndex: l + y.value.start });
     }
-    function no() {
+    function uo() {
       return rt.value.map((l) => ({
         values: l.absoluteValues,
         color: l.color,
@@ -1270,9 +1270,9 @@ const an = {
         type: l.type
       }));
     }
-    async function uo({ scale: l = 2 } = {}) {
+    async function so({ scale: l = 2 } = {}) {
       if (!me.value) return;
-      const { width: s, height: e } = me.value.getBoundingClientRect(), n = s / e, { imageUri: a, base64: i } = await jo({ domElement: me.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: e } = me.value.getBoundingClientRect(), n = s / e, { imageUri: a, base64: i } = await en({ domElement: me.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: a,
         base64: i,
@@ -1296,12 +1296,12 @@ const an = {
         type: s.type
       }))), Ot.value += 1;
     }
-    const so = x(() => {
+    const io = x(() => {
       const l = t.value.chart.title.text || "Chart visualization", s = t.value.chart.title.subtitle.text || "";
       return `${l}. ${s}`;
     }), xa = x(() => ({
       linePlot: I.value > t.value.line.dot.hideAboveMaxSerieLength
-    })), io = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), ro = x(() => {
+    })), ro = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), co = x(() => {
       if (Array.isArray(t.value.chart.highlightArea))
         return t.value.chart.highlightArea.map((s) => {
           const e = Math.min(s.to, $e.value - 1);
@@ -1315,22 +1315,22 @@ const an = {
         to: Math.min(t.value.chart.highlightArea.to, $e.value - 1)
       };
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
-    }), co = x(() => rl.value ? ue.value.map((l, s) => ({
+    }), vo = x(() => rl.value ? ue.value.map((l, s) => ({
       ...l,
       series: je({
         data: l.series,
         threshold: t.value.downsample.threshold
       }),
       id: `uniqueId_${s}`
-    })) : ue.value), vo = x(() => Xe.value.map((l) => {
+    })) : ue.value), ho = x(() => Xe.value.map((l) => {
       const s = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: l.id,
         name: l.name,
         color: l.color,
-        values: eo(I.value, s)
+        values: to(I.value, s)
       };
-    })), ho = x(() => ({
+    })), fo = x(() => ({
       responsiveBreakpoint: t.value.table.responsiveBreakpoint,
       roundingValues: t.value.table.rounding,
       showAverage: !1,
@@ -1353,7 +1353,7 @@ const an = {
       userOptions: {
         show: !1
       }
-    })), Q = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / I.value / 2), Et = x(() => Oo(rt.value.filter((l) => !ce.value.includes(l.id)))), T = x(() => {
+    })), Q = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / I.value / 2), Et = x(() => Fo(rt.value.filter((l) => !ce.value.includes(l.id)))), T = x(() => {
       const l = Object.groupBy(Et.value, (e) => e.scaleLabel), s = {};
       for (const [e, n] of Object.entries(l)) {
         const a = n.flatMap((i) => i.absoluteValues);
@@ -1364,12 +1364,12 @@ const an = {
         };
       }
       return s;
-    }), fo = x(() => {
+    }), mo = x(() => {
       const l = Je.value.filter((s) => s.type === "bar").filter((s) => !ce.value.includes(s.id)).length;
       return c.value.width / I.value / l - $l.value * l;
     }), $l = x(() => te.value.line * t.value.bar.periodGap), Ll = x(() => Math.max(1e-5, el() - (k.value.useIndividualScale && k.value.isStacked ? 0 : $l.value))), Ml = x(() => Ll.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), ba = x(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
-      const l = co.value.filter((a) => !ce.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
+      const l = vo.value.filter((a) => !ce.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < s; a += 1)
         e.push(l.map((i) => i.series[a] || 0).reduce((i, o) => (i || 0) + (o || 0), 0));
       const n = Math.min(...e);
@@ -1401,7 +1401,7 @@ const an = {
         return a - O * i;
       };
       return s.map((M) => {
-        const { yAxis: { yTop: O, yBottom: Z, label: w } } = M, N = O != null && Z != null && O !== Z, z = O == null ? null : E(O), se = Z == null ? null : E(Z), Me = Qa(w.fontSize);
+        const { yAxis: { yTop: O, yBottom: Z, label: w } } = M, N = O != null && Z != null && O !== Z, z = O == null ? null : E(O), se = Z == null ? null : E(Z), Me = ja(w.fontSize);
         Me.font = `${w.fontSize}px sans-serif`;
         const ee = Me.measureText(w.text).width, Ye = w.fontSize, ct = (w.position === "start" ? e + w.padding.left : n - w.padding.right) + w.offsetX, Fe = (z != null && se != null ? Math.min(z, se) : z ?? se) - w.fontSize / 3 + w.offsetY - w.padding.top;
         let D;
@@ -1450,7 +1450,7 @@ const an = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((W) => ![void 0, null].includes(W))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((W) => ![null, void 0].includes(W)))
         }, Z = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, N = t.value.chart.grid.labels.yAxis.useNiceScale ? yl(O.min, O.max === O.min ? O.max * w : O.max, Z) : Dt(O.min, O.max === O.min ? O.max * w : O.max, Z), z = t.value.chart.grid.labels.yAxis.useNiceScale ? yl(M.valueMin, M.valueMax === M.valueMin ? M.valueMax * w : M.valueMax, Z) : Dt(M.valueMin, M.valueMax === M.valueMin ? M.valueMax * w : M.valueMax, Z), se = N.min >= 0 ? 0 : Math.abs(N.min), Me = 0, ee = N.max + se, Ye = z.max + Math.abs(Me), ct = o.stackIndex, tl = s - 1 - ct, Fe = n ? 1 - o.cumulatedStackRatio : 0, D = n ? i * Fe + e * tl : 0, X = n ? i * o.stackRatio : c.value.height, de = c.value.bottom - D - X * se / ee, He = c.value.bottom - D - X * Me / Ye, Ce = rt.value.filter((W) => W.type === "bar").filter((W) => !ce.value.includes(W.id)).length, bl = o.series.map((W, fe) => {
-          const Lt = k.value.useIndividualScale ? (o.absoluteValues[fe] + se) / ee : Bt(W), Wt = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / I.value * fe : c.value.left + te.value.bar * A + te.value.bar * fe * Ce - fo.value / 2 - A * $l.value;
+          const Lt = k.value.useIndividualScale ? (o.absoluteValues[fe] + se) / ee : Bt(W), Wt = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / I.value * fe : c.value.left + te.value.bar * A + te.value.bar * fe * Ce - mo.value / 2 - A * $l.value;
           return {
             yOffset: V(D),
             individualHeight: V(X),
@@ -1515,10 +1515,10 @@ const an = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
         }, Z = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, N = t.value.chart.grid.labels.yAxis.useNiceScale ? yl(O.min, O.max === O.min ? O.max * w : O.max, Z) : Dt(O.min, O.max === O.min ? O.max * w : O.max, Z), z = t.value.chart.grid.labels.yAxis.useNiceScale ? yl(M.valueMin, M.valueMax === M.valueMin ? M.valueMax * w : M.valueMax, Z) : Dt(M.valueMin, M.valueMax === M.valueMin ? M.valueMax * w : M.valueMax, Z), se = N.min >= 0 ? 0 : Math.abs(N.min), Me = 0, ee = N.max + Math.abs(se), Ye = z.max + Math.abs(Me), ct = o.stackIndex, tl = s - 1 - ct, Fe = n ? 1 - o.cumulatedStackRatio : 0, D = n ? i * Fe + e * tl : 0, X = n ? i * o.stackRatio : c.value.height, de = c.value.bottom - D - X * se / ee, He = c.value.bottom - D - X * Me / Ye, Ce = o.series.map((H, we) => {
-          const yo = k.value.useIndividualScale ? (o.absoluteValues[we] + Math.abs(se)) / ee : Bt(H);
+          const ko = k.value.useIndividualScale ? (o.absoluteValues[we] + Math.abs(se)) / ee : Bt(H);
           return {
             x: V(c.value.left + te.value.line / 2 + te.value.line * we),
-            y: V(c.value.bottom - D - X * yo),
+            y: V(c.value.bottom - D - X * ko),
             value: o.absoluteValues[we],
             comment: o.comments && o.comments.slice(y.value.start, y.value.end)[we] || ""
           };
@@ -1532,7 +1532,7 @@ const an = {
           y: V(c.value.bottom - D - (X * bl[we] || 0)),
           value: o.absoluteValues[we],
           comment: o.comments && o.comments.slice(y.value.start, y.value.end)[we] || ""
-        }), $t = t.value.line.cutNullValues ? Va(Ce) : Fl(Ce.filter((H) => H.value !== null)), K = t.value.line.cutNullValues ? Va(Ie) : Fl(Ie.filter((H) => H.value !== null)), he = t.value.line.cutNullValues ? Ba(Ce) : Hl(Ce.filter((H) => H.value !== null)), W = t.value.line.cutNullValues ? Ba(Ie) : Hl(Ie.filter((H) => H.value !== null)), fe = N.ticks.map((H) => ({
+        }), $t = t.value.line.cutNullValues ? Ba(Ce) : Fl(Ce.filter((H) => H.value !== null)), K = t.value.line.cutNullValues ? Ba(Ie) : Fl(Ie.filter((H) => H.value !== null)), he = t.value.line.cutNullValues ? Ea(Ce) : Hl(Ce.filter((H) => H.value !== null)), W = t.value.line.cutNullValues ? Ea(Ie) : Hl(Ie.filter((H) => H.value !== null)), fe = N.ticks.map((H) => ({
           y: H >= 0 ? de - X * (H / ee) : de + X * Math.abs(H) / ee,
           value: H,
           prefix: o.prefix || t.value.chart.labels.prefix,
@@ -1561,14 +1561,14 @@ const an = {
           zeroPosition: o.autoScaling ? He : de,
           curve: o.autoScaling ? K : $t,
           plots: o.autoScaling ? Ie : Ce,
-          area: o.useArea ? k.value.useIndividualScale ? t.value.line.cutNullValues ? Ea(
+          area: o.useArea ? k.value.useIndividualScale ? t.value.line.cutNullValues ? Wa(
             o.autoScaling ? Ie : Ce,
             pl
-          ) : Wa(
+          ) : Da(
             o.autoScaling ? Ie.filter((H) => H.value !== null) : Ce.filter((H) => H.value !== null),
             pl
-          ) : t.value.line.cutNullValues ? Ea(Ce, pl) : Wa(Ce.filter((H) => H.value !== null), pl) : "",
-          curveAreas: o.useArea ? Fo(
+          ) : t.value.line.cutNullValues ? Wa(Ce, pl) : Da(Ce.filter((H) => H.value !== null), pl) : "",
+          curveAreas: o.useArea ? Ho(
             o.autoScaling ? t.value.line.cutNullValues ? Ie : Ie.filter((H) => H.value !== null) : t.value.line.cutNullValues ? Ce : Ce.filter((H) => H.value !== null),
             pl,
             t.value.line.cutNullValues
@@ -1704,7 +1704,7 @@ const an = {
         const B = Te.value.find((w) => w.name === o), E = Te.value.find((w) => w.name === A);
         if (!B || !E || B.type !== "line" || E.type !== "line") return;
         const M = e?.[i]?.[0] ?? B.color, O = e?.[i]?.[1] ?? E.color;
-        Ho({
+        Vo({
           lineA: B.plots,
           lineB: E.plots,
           smoothA: !!B.smooth,
@@ -1726,9 +1726,9 @@ const an = {
       plots: Qe.value,
       config: t.value
     })), Gl = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, s = Ko({
+      const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, s = Jo({
         useUTC: l.useUTC,
-        locale: Jo[l.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
+        locale: Qo[l.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
         januaryAsYear: l.januaryAsYear
       });
       return (e, n) => {
@@ -1765,10 +1765,10 @@ const an = {
         s = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable ? Ul.value[n]?.text || "" : ke.value.at(-1)?.text || "";
       }
       return { left: l, right: s };
-    }), mo = x(() => {
+    }), go = x(() => {
       let l = "", s = bt.value.map((a) => a.value).filter((a) => Il(a) && a !== null).reduce((a, i) => Math.abs(a) + Math.abs(i), 0);
       const e = ke.value[_.value], n = t.value.chart.tooltip.customFormat;
-      if (Ol(n) && Vo(() => n({
+      if (Ol(n) && Bo(() => n({
         absoluteIndex: _.value + y.value.start,
         seriesIndex: _.value,
         datapoint: bt.value,
@@ -1800,7 +1800,7 @@ const an = {
               i = `<svg viewBox="0 0 40 40" height="14" width="14">${sl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${sl.pattern ? `url(#pattern_${G.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
               break;
             case "line":
-              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${Da({ 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="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
+              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${vt({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${Xa({ 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="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
               break;
             case "plot":
               if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
@@ -1808,7 +1808,7 @@ const an = {
                 break;
               }
               if (a.shape === "star") {
-                i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${Da({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                i = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${Xa({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (a.shape === "triangle") {
@@ -1902,8 +1902,8 @@ const an = {
       return { head: s, body: e, config: n, colNames: a };
     });
     function La(l = null) {
-      const s = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...$a.value.head.map((o) => o.label)], n = $a.value.body, a = s.concat([e]).concat(n), i = Xo(a);
-      l ? l(i) : Yo({ csvContent: i, title: t.value.chart.title.text || "vue-ui-xy" });
+      const s = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...$a.value.head.map((o) => o.label)], n = $a.value.body, a = s.concat([e]).concat(n), i = Yo(a);
+      l ? l(i) : Go({ csvContent: i, title: t.value.chart.title.text || "vue-ui-xy" });
     }
     function Ma(l, s = null) {
       ft.value = l;
@@ -1971,7 +1971,7 @@ const an = {
       });
     }
     function ql() {
-      Xa(d.dataset) ? (Kl({
+      Ya(d.dataset) ? (Kl({
         componentName: "VueUiXy",
         type: "dataset",
         debug: gt.value
@@ -1989,7 +1989,7 @@ const an = {
 -----> The serie '${s.name}' contains the value '${e}' at index ${n}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), Xa(d.dataset) || (Ft.value = t.value.loading), Jt.value = t.value.chart.userOptions.showOnChartHover, dl.value = t.value.chart.userOptions.keepStateOnChartLeave, Qt.value = !t.value.chart.userOptions.showOnChartHover, ml();
+      }), Ya(d.dataset) || (Ft.value = t.value.loading), Jt.value = t.value.chart.userOptions.showOnChartHover, dl.value = t.value.chart.userOptions.keepStateOnChartLeave, Qt.value = !t.value.chart.userOptions.showOnChartHover, ml();
       const l = 12;
       if (t.value.responsive) {
         const e = me.value.parentNode;
@@ -2015,16 +2015,17 @@ const an = {
       } else
         ge.value = t.value.chart.height, ae.value = t.value.chart.width, $.value.dataLabels = t.value.chart.grid.labels.fontSize, $.value.yAxis = t.value.chart.grid.labels.axis.fontSize, $.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, $.value.plotLabels = t.value.chart.labels.fontSize, Ae.value.plot = t.value.plot.radius, Ae.value.line = t.value.line.radius, nt.value = `0 0 ${ae.value} ${ge.value}`;
     }
+    function Na(l) {
+      Pt.value = {
+        x: l.clientX,
+        y: l.clientY
+      };
+    }
     ol(() => {
-      ql(), Sl(), document.addEventListener("mousemove", (l) => {
-        Pt.value = {
-          x: l.clientX,
-          y: l.clientY
-        };
-      }), document.addEventListener("scroll", la);
+      ql(), Sl(), document.addEventListener("mousemove", Na), document.addEventListener("scroll", la);
     }), nl(() => {
-      document.removeEventListener("scroll", la), q.value && (q.value.unobserve(ot.value), q.value.disconnect());
-    }), Qo({
+      document.removeEventListener("scroll", la), document.removeEventListener("mousemove", Na), q.value && (q.value.unobserve(ot.value), q.value.disconnect(), q.value = null);
+    }), jo({
       timeLabelsEls: ht,
       timeLabels: ke,
       slicer: y,
@@ -2036,28 +2037,28 @@ const an = {
       width: ae,
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const zl = b(!1), Na = b(null), Ra = b(200), go = x(
+    const zl = b(!1), Ra = b(null), Pa = b(200), xo = x(
       () => _.value ?? F.value ?? 0
     );
-    function xo() {
-      const l = Math.ceil(Ra.value || 200);
+    function bo() {
+      const l = Math.ceil(Pa.value || 200);
       return Math.min(Math.max(l, 1), 200);
     }
-    function bo() {
-      const l = xo(), s = 200, e = Math.max(1, I.value), n = c.value.width / e, i = c.value.left + go.value * n + n / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, A = c.value.right - (s + l) / 2, B = Math.max(o, Math.min(i, A));
+    function po() {
+      const l = bo(), s = 200, e = Math.max(1, I.value), n = c.value.width / e, i = c.value.left + xo.value * n + n / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, A = c.value.right - (s + l) / 2, B = Math.max(o, Math.min(i, A));
       return V(B);
     }
     ol(() => {
       let l = null, s = null;
       const e = (i) => {
         cancelAnimationFrame(s), s = requestAnimationFrame(() => {
-          Ra.value = Math.min(Math.max(Math.ceil(i || 0), 1), 200);
+          Pa.value = Math.min(Math.max(Math.ceil(i || 0), 1), 200);
         });
       }, n = new ResizeObserver((i) => {
         let o = i.find((A) => A.target === l) || i[0];
         o && e(o.contentRect.width || 200);
-      }), a = Ha((i) => {
-        const o = Na.value;
+      }), a = Va((i) => {
+        const o = Ra.value;
         l && l !== o && (n.unobserve(l), l = null), o && o !== l && (Yt(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
         }), n.observe(o), l = o), i(() => {
@@ -2071,7 +2072,7 @@ const an = {
         }
       });
     });
-    const po = x(() => {
+    const yo = x(() => {
       if ([null, void 0].includes(_.value) && [null, void 0].includes(F.value)) return "";
       const l = (_.value != null ? _.value : 0) || (F.value != null ? F.value : 0), s = t.value.chart.timeTag.customFormat;
       if (zl.value = !1, Ol(s))
@@ -2105,7 +2106,7 @@ const an = {
       ne.value || (t.value = st()), ql(), vl.value += 1, cl.value += 1, ml(), xt();
     }, { deep: !0 });
     const Zl = b(!1);
-    function Pa() {
+    function Oa() {
       const l = me.value?.parentNode;
       if (!l) {
         Zl.value = !1;
@@ -2115,16 +2116,16 @@ const an = {
       Zl.value = s.width > 2 && s.height > 2;
     }
     return ol(() => {
-      Pa();
+      Oa();
       const l = new ResizeObserver(() => {
-        Pa(), Zl.value && (ql(), xt(), Sl());
+        Oa(), Zl.value && (ql(), xt(), Sl());
       });
       me.value?.parentNode && l.observe(me.value.parentNode);
     }), dt(t, () => {
       ml();
     }, { immediate: !0 }), Vl({
-      getData: no,
-      getImage: uo,
+      getData: uo,
+      getImage: so,
       generatePdf: S,
       generateImage: U,
       generateCsv: La,
@@ -2151,7 +2152,7 @@ const an = {
         active: pe.value,
         onClose: Dl
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      io.value ? (u(), r("div", {
+      ro.value ? (u(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Nt,
@@ -2165,7 +2166,7 @@ const an = {
         class: "vue-ui-xy-title",
         style: L(`font-family:${t.value.chart.fontFamily}`)
       }, [
-        (u(), Ge(en, {
+        (u(), Ge(tn, {
           key: `title_${vl.value}`,
           config: {
             title: {
@@ -2181,7 +2182,7 @@ const an = {
       ], 4)) : f("", !0),
       p("div", {
         id: `legend-top-${G.value}`
-      }, null, 8, Ln),
+      }, null, 8, Mn),
       t.value.chart.userOptions.show && (dl.value || Qt.value) ? (u(), Ge(v(re), {
         ref: "defails",
         key: `user_options_${Kt.value}`,
@@ -2220,7 +2221,7 @@ const an = {
         style: L({
           visibility: dl.value ? Qt.value ? "visible" : "hidden" : "visible"
         })
-      }, Lo({ _: 2 }, [
+      }, Mo({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: xe(({ isOpen: e, color: n }) => [
@@ -2304,13 +2305,13 @@ const an = {
           color: t.value.chart.color,
           fontFamily: t.value.chart.fontFamily
         }),
-        "aria-label": so.value,
+        "aria-label": io.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid",
-        onMousemove: lo,
+        onMousemove: ao,
         onMouseleave: ma,
-        onClick: ao
+        onClick: oo
       }, [
         p("g", {
           ref_key: "G",
@@ -2329,9 +2330,9 @@ const an = {
             }
           }, [
             J(l.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Cn)) : f("", !0),
-          I.value > 0 ? (u(), r("g", An, [
-            p("g", zn, [
+          ], 8, An)) : f("", !0),
+          I.value > 0 ? (u(), r("g", zn, [
+            p("g", Tn, [
               t.value.chart.grid.labels.xAxis.showBaseline ? (u(), r("line", {
                 key: 0,
                 stroke: t.value.chart.grid.stroke,
@@ -2342,7 +2343,7 @@ const an = {
                 y2: v(Y)(c.value.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
-              }, null, 8, Tn)) : f("", !0),
+              }, null, 8, In)) : f("", !0),
               k.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (u(!0), r(g, { key: 2 }, C(xl.value, (e) => (u(), r("g", null, [
                 e.id === P.value && e.yLabels.length ? (u(!0), r(g, { key: 0 }, C(e.yLabels, (n) => (u(), r("line", {
                   x1: c.value.left + Q.value,
@@ -2353,7 +2354,7 @@ const an = {
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Pn))), 256)) : e.yLabels.length ? (u(!0), r(g, { key: 1 }, C(e.yLabels, (n) => (u(), r("line", {
+                }, null, 8, On))), 256)) : e.yLabels.length ? (u(!0), r(g, { key: 1 }, C(e.yLabels, (n) => (u(), r("line", {
                   x1: c.value.left + Q.value,
                   x2: c.value.right - Q.value,
                   y1: v(Y)(n.y),
@@ -2362,7 +2363,7 @@ const an = {
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, On))), 256)) : f("", !0)
+                }, null, 8, Fn))), 256)) : f("", !0)
               ]))), 256)) : f("", !0) : (u(), r(g, { key: 1 }, [
                 t.value.chart.grid.labels.yAxis.showBaseline ? (u(), r("line", {
                   key: 0,
@@ -2374,8 +2375,8 @@ const an = {
                   y2: v(Y)(c.value.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, In)) : f("", !0),
-                t.value.chart.grid.showHorizontalLines ? (u(), r("g", Nn, [
+                }, null, 8, Nn)) : f("", !0),
+                t.value.chart.grid.showHorizontalLines ? (u(), r("g", Rn, [
                   (u(!0), r(g, null, C(pa.value, (e) => (u(), r("line", {
                     x1: c.value.left + Q.value,
                     x2: c.value.right,
@@ -2385,26 +2386,26 @@ const an = {
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
-                  }, null, 8, Rn))), 256))
+                  }, null, 8, Pn))), 256))
                 ])) : f("", !0)
               ], 64)),
-              t.value.chart.grid.showVerticalLines ? (u(), r("g", Fn, [
+              t.value.chart.grid.showVerticalLines ? (u(), r("g", Hn, [
                 p("path", {
-                  d: Ka.value,
+                  d: Ja.value,
                   "stroke-width": 0.5,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Hn)
+                }, null, 8, Vn)
               ])) : f("", !0),
-              t.value.chart.grid.labels.xAxisLabels.show ? (u(), r("g", Vn, [
+              t.value.chart.grid.labels.xAxisLabels.show ? (u(), r("g", Bn, [
                 p("path", {
-                  d: Ja.value,
+                  d: Qa.value,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Bn)
+                }, null, 8, En)
               ])) : f("", !0)
             ]),
             (u(!0), r(g, null, C(pt.value, (e, n) => (u(), r("defs", {
@@ -2418,16 +2419,16 @@ const an = {
                 p("stop", {
                   offset: "0%",
                   "stop-color": e.color
-                }, null, 8, Wn),
+                }, null, 8, Dn),
                 p("stop", {
                   offset: "62%",
                   "stop-color": `${v(Xt)(e.color, 0.02)}`
-                }, null, 8, Dn),
+                }, null, 8, Xn),
                 p("stop", {
                   offset: "100%",
                   "stop-color": `${v(Xt)(e.color, 0.05)}`
-                }, null, 8, Xn)
-              ], 8, En),
+                }, null, 8, Yn)
+              ], 8, Wn),
               p("linearGradient", {
                 id: `rectGradient_neg_${n}_${G.value}`,
                 x2: "0%",
@@ -2436,16 +2437,16 @@ const an = {
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(Xt)(e.color, 0.05)}`
-                }, null, 8, Gn),
+                }, null, 8, Un),
                 p("stop", {
                   offset: "38%",
                   "stop-color": `${v(Xt)(e.color, 0.02)}`
-                }, null, 8, Un),
+                }, null, 8, qn),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, qn)
-              ], 8, Yn)
+                }, null, 8, Zn)
+              ], 8, Gn)
             ]))), 128)),
             (u(!0), r(g, null, C(Qe.value, (e, n) => (u(), r("defs", {
               key: `def_plot_${n}`
@@ -2461,12 +2462,12 @@ const an = {
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(Xt)(e.color, 0.05)}`
-                }, null, 8, Kn),
+                }, null, 8, Jn),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, Jn)
-              ], 8, Zn)
+                }, null, 8, Qn)
+              ], 8, Kn)
             ]))), 128)),
             (u(!0), r(g, null, C(Te.value, (e, n) => (u(), r("defs", {
               key: `def_line_${n}`
@@ -2482,12 +2483,12 @@ const an = {
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(Xt)(e.color, 0.05)}`
-                }, null, 8, jn),
+                }, null, 8, eu),
                 p("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, eu)
-              ], 8, Qn),
+                }, null, 8, tu)
+              ], 8, jn),
               p("linearGradient", {
                 id: `areaGradient_${n}_${G.value}`,
                 x1: "0%",
@@ -2498,14 +2499,14 @@ const an = {
                 p("stop", {
                   offset: "0%",
                   "stop-color": `${v(et)(v(Xt)(e.color, 0.03), t.value.line.area.opacity)}`
-                }, null, 8, lu),
+                }, null, 8, au),
                 p("stop", {
                   offset: "100%",
                   "stop-color": `${v(et)(e.color, t.value.line.area.opacity)}`
-                }, null, 8, au)
-              ], 8, tu)
+                }, null, 8, ou)
+              ], 8, lu)
             ]))), 128)),
-            (u(!0), r(g, null, C(ro.value, (e) => (u(), r("g", null, [
+            (u(!0), r(g, null, C(co.value, (e) => (u(), r("g", null, [
               e.show ? (u(), r(g, { key: 0 }, [
                 (u(!0), r(g, null, C(e.span, (n, a) => (u(), r("g", null, [
                   p("rect", {
@@ -2518,7 +2519,7 @@ const an = {
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / I.value < 0 ? 1e-5 : c.value.width / I.value,
                     fill: v(et)(e.color, e.opacity)
-                  }, null, 12, ou)
+                  }, null, 12, nu)
                 ]))), 256)),
                 (u(!0), r(g, null, C(e.span, (n, a) => (u(), r("g", null, [
                   e.caption.text && a === 0 ? (u(), r("foreignObject", {
@@ -2535,11 +2536,11 @@ const an = {
                     p("div", {
                       style: L(`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"}`)
                     }, le(e.caption.text), 5)
-                  ], 12, nu)) : f("", !0)
+                  ], 12, uu)) : f("", !0)
                 ]))), 256))
               ], 64)) : f("", !0)
             ]))), 256)),
-            aa.value ? (u(), r("g", uu, [
+            aa.value ? (u(), r("g", su, [
               (u(!0), r(g, null, C(I.value, (e, n) => (u(), r("g", {
                 key: `tooltip_trap_highlighter_${n}`
               }, [
@@ -2550,7 +2551,7 @@ const an = {
                   width: c.value.width / I.value < 0 ? 1e-5 : c.value.width / I.value,
                   fill: [F.value, _.value, mt.value].includes(n) ? v(et)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
-                }, null, 8, su)
+                }, null, 8, iu)
               ]))), 128))
             ])) : f("", !0),
             pt.value.length ? (u(!0), r(g, { key: 1 }, C(pt.value, (e, n) => (u(), r("g", {
@@ -2571,8 +2572,10 @@ const an = {
                   fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${n}_${G.value})` : `url(#rectGradient_neg_${n}_${G.value})` : e.color,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
-                  style: L({ transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, iu)) : f("", !0),
+                  style: L({
+                    transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
+                  })
+                }, null, 12, ru)) : f("", !0),
                 Oe(a.value) && l.$slots.pattern ? (u(), r("rect", {
                   key: 1,
                   x: _l(a) - Ml.value / 2,
@@ -2584,7 +2587,7 @@ const an = {
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
                   style: L({ transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, ru)) : f("", !0),
+                }, null, 12, cu)) : f("", !0),
                 a.comment && t.value.chart.comments.show ? (u(), r("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
@@ -2596,9 +2599,9 @@ const an = {
                   J(l.$slots, "plot-comment", {
                     plot: { ...a, color: e.color, seriesIndex: n, datapointIndex: i }
                   }, void 0, !0)
-                ], 8, cu)) : f("", !0)
+                ], 8, vu)) : f("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (u(), r("g", vu, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (u(), r("g", du, [
                 p("defs", null, [
                   p("marker", {
                     id: `bar_arrow_${n}`,
@@ -2611,8 +2614,8 @@ const an = {
                     p("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
                       fill: e.color
-                    }, null, 8, hu)
-                  ], 8, du)
+                    }, null, 8, fu)
+                  ], 8, hu)
                 ]),
                 e.plots.length > 1 ? (u(), r("line", {
                   key: 0,
@@ -2624,7 +2627,7 @@ const an = {
                   stroke: e.color,
                   "stroke-dasharray": 2,
                   "marker-end": `url(#bar_arrow_${n})`
-                }, null, 8, fu)) : f("", !0),
+                }, null, 8, mu)) : f("", !0),
                 e.plots.length > 1 ? (u(), r("text", {
                   key: 1,
                   "text-anchor": "middle",
@@ -2636,7 +2639,7 @@ const an = {
                   v: v(j)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, mu)) : f("", !0)
+                })), 9, gu)) : f("", !0)
               ])) : f("", !0)
             ], 6))), 128)) : f("", !0),
             !k.value.useIndividualScale && t.value.chart.grid.labels.zeroLine.show ? (u(), r("line", {
@@ -2649,8 +2652,8 @@ const an = {
               y2: v(Y)(Le.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, gu)) : f("", !0),
-            t.value.chart.highlighter.useLine && (![null, void 0].includes(_.value) || ![null, void 0].includes(F.value)) ? (u(), r("g", xu, [
+            }, null, 8, xu)) : f("", !0),
+            t.value.chart.highlighter.useLine && (![null, void 0].includes(_.value) || ![null, void 0].includes(F.value)) ? (u(), r("g", bu, [
               p("line", {
                 x1: c.value.left + c.value.width / I.value * ((_.value !== null ? _.value : 0) || (F.value !== null ? F.value : 0)) + c.value.width / I.value / 2,
                 x2: c.value.left + c.value.width / I.value * ((_.value !== null ? _.value : 0) || (F.value !== null ? F.value : 0)) + c.value.width / I.value / 2,
@@ -2661,7 +2664,7 @@ const an = {
                 "stroke-dasharray": t.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, bu)
+              }, null, 8, pu)
             ])) : f("", !0),
             t.value.chart.grid.frame.show ? (u(), r("rect", {
               key: 4,
@@ -2676,7 +2679,7 @@ const an = {
               "stroke-linecap": t.value.chart.grid.frame.strokeLinecap,
               "stroke-linejoin": t.value.chart.grid.frame.strokeLinejoin,
               "stroke-dasharray": t.value.chart.grid.frame.strokeDasharray
-            }, null, 8, pu)) : f("", !0),
+            }, null, 8, yu)) : f("", !0),
             t.value.chart.grid.labels.show ? (u(), r("g", {
               key: 5,
               ref_key: "scaleLabels",
@@ -2693,7 +2696,7 @@ const an = {
                     "stroke-width": t.value.chart.grid.stroke,
                     "stroke-linecap": "round",
                     style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-                  }, null, 12, yu)
+                  }, null, 12, ku)
                 ]))), 256)),
                 (u(!0), r(g, null, C(xl.value, (e) => (u(), r("g", {
                   style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2704,7 +2707,7 @@ const an = {
                     "text-anchor": "middle",
                     transform: `translate(${e.x - $.value.dataLabels * 0.8 / 2 + Q.value}, ${k.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
                   }, le(e.name) + " " + le(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, ku),
+                                    ${e.scaleLabel}` : ""), 9, wu),
                   (u(!0), r(g, null, C(e.yLabels, (n, a) => (u(), r(g, null, [
                     t.value.chart.grid.labels.yAxis.showCrosshairs ? (u(), r("line", {
                       key: 0,
@@ -2716,7 +2719,7 @@ const an = {
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
-                    }, null, 8, wu)) : f("", !0)
+                    }, null, 8, Su)) : f("", !0)
                   ], 64))), 256)),
                   (u(!0), r(g, null, C(e.yLabels, (n, a) => (u(), r("text", {
                     x: e.x - 5 + Q.value - c.value.individualOffsetX,
@@ -2734,7 +2737,7 @@ const an = {
                       r: t.value.chart.grid.labels.yAxis.rounding
                     }),
                     { datapoint: n.datapoint, seriesIndex: a }
-                  )), 9, Su))), 256))
+                  )), 9, _u))), 256))
                 ], 4))), 256))
               ], 64)) : (u(!0), r(g, { key: 1 }, C(pa.value, (e, n) => (u(), r("g", {
                 key: `yLabel_${n}`
@@ -2749,7 +2752,7 @@ const an = {
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, _u)) : f("", !0),
+                }, null, 8, $u)) : f("", !0),
                 e.value >= Pe.value.min && e.value <= Pe.value.max ? (u(), r("text", {
                   key: 1,
                   x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
@@ -2766,7 +2769,7 @@ const an = {
                     s: e.suffix,
                     r: t.value.chart.grid.labels.yAxis.rounding
                   })
-                ) : ""), 9, $u)) : f("", !0)
+                ) : ""), 9, Lu)) : f("", !0)
               ]))), 128))
             ], 512)) : f("", !0),
             (u(!0), r(g, null, C(Qe.value, (e, n) => (u(), r("g", {
@@ -2795,14 +2798,14 @@ const an = {
                   x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
-                  p("div", Mu, [
+                  p("div", Cu, [
                     J(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: n, datapointIndex: i }
                     }, void 0, !0)
                   ])
-                ], 8, Lu)) : f("", !0)
+                ], 8, Mu)) : f("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (u(), r("g", Cu, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (u(), r("g", Au, [
                 p("defs", null, [
                   p("marker", {
                     id: `plot_arrow_${n}`,
@@ -2815,8 +2818,8 @@ const an = {
                     p("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
                       fill: e.color
-                    }, null, 8, zu)
-                  ], 8, Au)
+                    }, null, 8, Tu)
+                  ], 8, zu)
                 ]),
                 e.plots.length > 1 ? (u(), r("line", {
                   key: 0,
@@ -2828,7 +2831,7 @@ const an = {
                   stroke: e.color,
                   "stroke-dasharray": 2,
                   "marker-end": `url(#plot_arrow_${n})`
-                }, null, 8, Tu)) : f("", !0),
+                }, null, 8, Iu)) : f("", !0),
                 e.plots.length > 1 ? (u(), r("text", {
                   key: 1,
                   "text-anchor": "middle",
@@ -2840,7 +2843,7 @@ const an = {
                   v: v(j)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, Iu)) : f("", !0)
+                })), 9, Nu)) : f("", !0)
               ])) : f("", !0)
             ], 6))), 128)),
             (u(!0), r(g, null, C(Te.value, (e, n) => (u(), r("g", {
@@ -2856,7 +2859,7 @@ const an = {
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Nu)) : e.plots.length > 1 && e.straight ? (u(), r("path", {
+              }, null, 12, Ru)) : e.plots.length > 1 && e.straight ? (u(), r("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: t.value.chart.backgroundColor,
@@ -2866,14 +2869,14 @@ const an = {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ru)) : f("", !0)
+              }, null, 12, Pu)) : f("", !0)
             ], 6))), 128)),
-            l.$slots.pattern ? (u(), r("defs", Pu, [
+            l.$slots.pattern ? (u(), r("defs", Ou, [
               (u(!0), r(g, null, C(Je.value, (e, n) => J(l.$slots, "pattern", Tl({
                 key: `serie_pattern_slot_${n}`
               }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${G.value}_${n}` }), void 0, !0)), 128))
             ])) : f("", !0),
-            wa.value.length && !k.value.isStacked ? (u(), r("g", Ou, [
+            wa.value.length && !k.value.isStacked ? (u(), r("g", Fu, [
               (u(!0), r(g, null, C(wa.value, (e) => (u(), r("path", {
                 key: e.key,
                 d: e.d,
@@ -2882,40 +2885,40 @@ const an = {
                 stroke: "none",
                 "pointer-events": "none",
                 style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Fu))), 128))
+              }, null, 12, Hu))), 128))
             ])) : f("", !0),
             (u(!0), r(g, null, C(Te.value, (e, n) => (u(), r("g", {
               key: `serie_line_${n}`,
               class: Ve(`serie_line_${n}`),
               style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.useArea && e.plots.length > 1 ? (u(), r("g", Hu, [
+              e.useArea && e.plots.length > 1 ? (u(), r("g", Vu, [
                 e.smooth ? (u(!0), r(g, { key: 0 }, C(e.curveAreas, (a, i) => (u(), r(g, { key: i }, [
                   a ? (u(), r("path", {
                     key: 0,
                     d: a,
                     fill: t.value.line.area.useGradient ? `url(#areaGradient_${n}_${G.value})` : v(et)(e.color, t.value.line.area.opacity),
                     style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Vu)) : f("", !0),
+                  }, null, 12, Bu)) : f("", !0),
                   l.$slots.pattern && a ? (u(), r("path", {
                     key: 1,
                     d: a,
                     fill: `url(#pattern_${G.value}_${e.slotAbsoluteIndex})`,
                     style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Bu)) : f("", !0)
+                  }, null, 12, Eu)) : f("", !0)
                 ], 64))), 128)) : (u(!0), r(g, { key: 1 }, C(e.area.split(";"), (a, i) => (u(), r(g, { key: i }, [
                   a ? (u(), r("path", {
                     key: 0,
                     d: `M${a}Z`,
                     fill: t.value.line.area.useGradient ? `url(#areaGradient_${n}_${G.value})` : v(et)(e.color, t.value.line.area.opacity),
                     style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Eu)) : f("", !0),
+                  }, null, 12, Wu)) : f("", !0),
                   l.$slots.pattern && a ? (u(), r("path", {
                     key: 1,
                     d: `M${a}Z`,
                     fill: `url(#pattern_${G.value}_${e.slotAbsoluteIndex})`,
                     style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Wu)) : f("", !0)
+                  }, null, 12, Du)) : f("", !0)
                 ], 64))), 128))
               ])) : f("", !0),
               e.smooth && e.plots.length > 1 && e.curve ? (u(), r("path", {
@@ -2927,7 +2930,7 @@ const an = {
                 fill: "none",
                 "stroke-linecap": "round",
                 style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Du)) : e.plots.length > 1 && e.straight ? (u(), r("path", {
+              }, null, 12, Xu)) : e.plots.length > 1 && e.straight ? (u(), r("path", {
                 key: 2,
                 d: `M${e.straight}`,
                 stroke: e.color,
@@ -2937,7 +2940,7 @@ const an = {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: L({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Xu)) : f("", !0),
+              }, null, 12, Yu)) : f("", !0),
               (u(!0), r(g, null, C(e.plots, (a, i) => (u(), r(g, {
                 key: `circle_line_${n}_${i}`
               }, [
@@ -2959,14 +2962,14 @@ const an = {
                   x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
-                  p("div", Gu, [
+                  p("div", Uu, [
                     J(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: n, datapointIndex: i }
                     }, void 0, !0)
                   ])
-                ], 8, Yu)) : f("", !0)
+                ], 8, Gu)) : f("", !0)
               ], 64))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (u(), r("g", Uu, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (u(), r("g", qu, [
                 p("defs", null, [
                   p("marker", {
                     id: `line_arrow_${n}`,
@@ -2979,8 +2982,8 @@ const an = {
                     p("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
                       fill: e.color
-                    }, null, 8, Zu)
-                  ], 8, qu)
+                    }, null, 8, Ku)
+                  ], 8, Zu)
                 ]),
                 e.plots.length > 1 ? (u(), r("line", {
                   key: 0,
@@ -2992,7 +2995,7 @@ const an = {
                   stroke: e.color,
                   "stroke-dasharray": 2,
                   "marker-end": `url(#line_arrow_${n})`
-                }, null, 8, Ku)) : f("", !0),
+                }, null, 8, Ju)) : f("", !0),
                 e.plots.length > 1 ? (u(), r("text", {
                   key: 1,
                   "text-anchor": "middle",
@@ -3004,10 +3007,10 @@ const an = {
                   v: v(j)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, Ju)) : f("", !0)
+                })), 9, Qu)) : f("", !0)
               ])) : f("", !0)
             ], 6))), 128)),
-            (t.value.bar.labels.show || t.value.bar.serieName.show) && k.value.dataLabels.show ? (u(), r("g", Qu, [
+            (t.value.bar.labels.show || t.value.bar.serieName.show) && k.value.dataLabels.show ? (u(), r("g", ju, [
               (u(!0), r(g, null, C(pt.value, (e, n) => (u(), r(g, {
                 key: `xLabel_bar_${n}`
               }, [
@@ -3035,7 +3038,7 @@ const an = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, ju)) : f("", !0),
+                  ) : ""), 13, es)) : f("", !0),
                   a && t.value.bar.serieName.show ? (u(), r("text", {
                     key: 1,
                     x: k.value.useIndividualScale && k.value.isStacked ? a.x + te.value.line / 2 : a.x + el() * 1.1,
@@ -3045,14 +3048,14 @@ const an = {
                     fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
                     "font-weight": t.value.bar.serieName.bold ? "bold" : "normal",
                     style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, le(t.value.bar.serieName.useAbbreviation ? v(Bo)({
+                  }, le(t.value.bar.serieName.useAbbreviation ? v(Eo)({
                     source: e.name,
                     length: t.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, es)) : f("", !0)
+                  }) : e.name), 13, ts)) : f("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : f("", !0),
-            t.value.plot.labels.show && k.value.dataLabels.show ? (u(), r("g", ts, [
+            t.value.plot.labels.show && k.value.dataLabels.show ? (u(), r("g", ls, [
               (u(!0), r(g, null, C(Qe.value, (e, n) => (u(), r(g, {
                 key: `xLabel_plot_${n}`
               }, [
@@ -3080,10 +3083,10 @@ const an = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, ls)) : f("", !0)
+                  ) : ""), 13, as)) : f("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (u(), r("g", as, [
+            ])) : (u(), r("g", os, [
               (u(!0), r(g, null, C(Qe.value, (e, n) => (u(), r(g, {
                 key: `xLabel_plot_${n}`
               }, [
@@ -3102,7 +3105,7 @@ const an = {
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, is)) : f("", !0)
+                    }, null, 8, rs)) : f("", !0)
                   ], 64)) : (u(), r(g, { key: 0 }, [
                     a && i === 0 && e.useTag && e.useTag === "start" ? (u(), r("foreignObject", {
                       key: 0,
@@ -3124,8 +3127,8 @@ const an = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ns)
-                    ], 12, os)) : f("", !0),
+                      }, null, 12, us)
+                    ], 12, ns)) : f("", !0),
                     a && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (u(), r("foreignObject", {
                       key: 1,
                       x: a.x - e.name.length * ($.value.plotLabels / 2),
@@ -3146,13 +3149,13 @@ const an = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ss)
-                    ], 12, us)) : f("", !0)
+                      }, null, 12, is)
+                    ], 12, ss)) : f("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            t.value.line.labels.show && k.value.dataLabels.show ? (u(), r("g", rs, [
+            t.value.line.labels.show && k.value.dataLabels.show ? (u(), r("g", cs, [
               (u(!0), r(g, null, C(Te.value, (e, n) => (u(), r(g, {
                 key: `xLabel_line_${n}`
               }, [
@@ -3180,10 +3183,10 @@ const an = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, cs)) : f("", !0)
+                  ) : ""), 13, vs)) : f("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (u(), r("g", vs, [
+            ])) : (u(), r("g", ds, [
               (u(!0), r(g, null, C(Te.value, (e, n) => (u(), r(g, {
                 key: `xLabel_line_${n}`
               }, [
@@ -3202,7 +3205,7 @@ const an = {
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, gs)) : f("", !0)
+                    }, null, 8, xs)) : f("", !0)
                   ], 64)) : (u(), r(g, { key: 0 }, [
                     a && i === 0 && e.useTag && e.useTag === "start" ? (u(), r("foreignObject", {
                       key: 0,
@@ -3224,8 +3227,8 @@ const an = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, hs)
-                    ], 12, ds)) : f("", !0),
+                      }, null, 12, fs)
+                    ], 12, hs)) : f("", !0),
                     a && i === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (u(), r("foreignObject", {
                       key: 1,
                       x: a.x,
@@ -3246,8 +3249,8 @@ const an = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ms)
-                    ], 12, fs)) : f("", !0)
+                      }, null, 12, gs)
+                    ], 12, ms)) : f("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
@@ -3274,7 +3277,7 @@ const an = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, xs)) : f("", !0),
+                }, null, 12, bs)) : f("", !0),
                 a && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (u(), r("text", {
                   key: 1,
                   x: a.x + $.value.plotLabels,
@@ -3291,7 +3294,7 @@ const an = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, bs)) : f("", !0)
+                }, null, 12, ps)) : f("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             (u(!0), r(g, null, C(Qe.value, (e, n) => (u(), r(g, {
@@ -3316,7 +3319,7 @@ const an = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ps)) : f("", !0),
+                }, null, 12, ys)) : f("", !0),
                 a && i === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (u(), r("text", {
                   key: 1,
                   x: a.x + $.value.plotLabels,
@@ -3333,7 +3336,7 @@ const an = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ys)) : f("", !0)
+                }, null, 12, ks)) : f("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             k.value.useIndividualScale && !k.value.isStacked ? (u(), r(g, { key: 13 }, [
@@ -3349,13 +3352,13 @@ const an = {
                     offset: "0%",
                     "stop-color": t.value.chart.backgroundColor,
                     "stop-opacity": "0"
-                  }, null, 8, ws),
+                  }, null, 8, Ss),
                   p("stop", {
                     offset: "100%",
                     "stop-color": e.color,
                     "stop-opacity": "0.2"
-                  }, null, 8, Ss)
-                ], 8, ks))), 256))
+                  }, null, 8, _s)
+                ], 8, ws))), 256))
               ]),
               (u(!0), r(g, null, C(xl.value, (e, n) => (u(), r("rect", {
                 x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + Q.value - c.value.individualOffsetX,
@@ -3365,7 +3368,7 @@ const an = {
                 fill: P.value === e.groupId ? `url(#individual_scale_gradient_${G.value}_${n})` : "transparent",
                 onMouseenter: (a) => P.value = e.groupId,
                 onMouseleave: s[0] || (s[0] = (a) => P.value = null)
-              }, null, 40, _s))), 256))
+              }, null, 40, $s))), 256))
             ], 64)) : f("", !0),
             p("g", null, [
               t.value.chart.grid.labels.axis.yLabel && !k.value.useIndividualScale ? (u(), r("text", {
@@ -3377,7 +3380,7 @@ const an = {
                 transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
-              }, le(t.value.chart.grid.labels.axis.yLabel), 9, $s)) : f("", !0),
+              }, le(t.value.chart.grid.labels.axis.yLabel), 9, Ls)) : f("", !0),
               t.value.chart.grid.labels.axis.xLabel ? (u(), r("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
@@ -3387,7 +3390,7 @@ const an = {
                 y: ge.value - 3,
                 "font-size": $.value.yAxis,
                 fill: t.value.chart.grid.labels.color
-              }, le(t.value.chart.grid.labels.axis.xLabel), 9, Ls)) : f("", !0)
+              }, le(t.value.chart.grid.labels.axis.xLabel), 9, Ms)) : f("", !0)
             ]),
             t.value.chart.grid.labels.xAxisLabels.show ? (u(), r("g", {
               key: 14,
@@ -3422,7 +3425,7 @@ const an = {
                     style: L({
                       cursor: ta() ? "pointer" : "default"
                     }),
-                    innerHTML: v(Eo)({
+                    innerHTML: v(Wo)({
                       content: String(e.text),
                       fontSize: $.value.xAxis,
                       fill: t.value.chart.grid.labels.xAxisLabels.color,
@@ -3430,7 +3433,7 @@ const an = {
                       y: 0
                     }),
                     onClick: () => ua(e, n)
-                  }, null, 12, Cs)) : (u(), r("text", {
+                  }, null, 12, As)) : (u(), r("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
@@ -3441,11 +3444,11 @@ const an = {
                       cursor: ta() ? "pointer" : "default"
                     }),
                     onClick: () => ua(e, n)
-                  }, le(e.text || ""), 13, Ms))
+                  }, le(e.text || ""), 13, Cs))
                 ], 64)) : f("", !0)
               ]))), 128))
             ], 512)) : f("", !0),
-            ya.value.length && !k.value.isStacked ? (u(), r("g", As, [
+            ya.value.length && !k.value.isStacked ? (u(), r("g", zs, [
               (u(!0), r(g, null, C(ya.value, (e) => (u(), r("g", {
                 key: e.uid
               }, [
@@ -3460,7 +3463,7 @@ const an = {
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, zs)) : f("", !0),
+                }, null, 8, Ts)) : f("", !0),
                 e.yBottom && e.show && isFinite(e.yBottom) ? (u(), r("line", {
                   key: 1,
                   x1: e.x1,
@@ -3472,7 +3475,7 @@ const an = {
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ts)) : f("", !0),
+                }, null, 8, Is)) : f("", !0),
                 e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (u(), r("rect", {
                   key: 2,
                   y: Math.min(e.yTop, e.yBottom),
@@ -3481,7 +3484,7 @@ const an = {
                   height: v(V)(e.areaHeight, 0),
                   fill: v(et)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
-                }, null, 8, Is)) : f("", !0),
+                }, null, 8, Ns)) : f("", !0),
                 e.config.label.text && e.show && isFinite(e._box.y) ? (u(), r("rect", Tl({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
@@ -3495,12 +3498,12 @@ const an = {
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, le(e.config.label.text), 9, Ns)) : f("", !0)
+                }, le(e.config.label.text), 9, Rs)) : f("", !0)
               ]))), 128))
             ])) : f("", !0),
-            t.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(F.value)) ? (u(), r("g", Rs, [
+            t.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(F.value)) ? (u(), r("g", Ps, [
               (u(), r("foreignObject", {
-                x: bo(),
+                x: po(),
                 y: c.value.bottom,
                 width: "200",
                 height: "40",
@@ -3508,28 +3511,28 @@ const an = {
               }, [
                 p("div", {
                   ref_key: "timeTagEl",
-                  ref: Na,
+                  ref: Ra,
                   class: "vue-ui-xy-time-tag",
                   style: L(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${t.value.chart.timeTag.backgroundColor};color:${t.value.chart.timeTag.color};font-size:${t.value.chart.timeTag.fontSize}px`),
-                  innerHTML: po.value
-                }, null, 12, Os)
-              ], 8, Ps)),
+                  innerHTML: yo.value
+                }, null, 12, Fs)
+              ], 8, Os)),
               p("circle", {
                 cx: c.value.left + c.value.width / I.value * ((_.value !== null ? _.value : 0) || (F.value !== null ? F.value : 0)) + c.value.width / I.value / 2,
                 cy: c.value.bottom,
                 r: t.value.chart.timeTag.circleMarker.radius,
                 fill: t.value.chart.timeTag.circleMarker.color
-              }, null, 8, Fs)
+              }, null, 8, Hs)
             ])) : f("", !0)
           ])) : f("", !0),
           wt.value ? (u(), r("rect", Tl({ key: 2 }, ve.value, {
             "data-start": y.value.start,
             "data-end": y.value.end
-          }), null, 16, Hs)) : f("", !0),
+          }), null, 16, Vs)) : f("", !0),
           J(l.$slots, "svg", { svg: ut.value }, void 0, !0)
         ], 512)
-      ], 46, Mn)),
-      l.$slots.watermark ? (u(), r("div", Vs, [
+      ], 46, Cn)),
+      l.$slots.watermark ? (u(), r("div", Bs, [
         J(l.$slots, "watermark", Ct(At({ isPrinting: v(m) || v(h) })), void 0, !0)
       ])) : f("", !0),
       (u(!0), r(g, null, C(Te.value, (e, n) => (u(), r(g, {
@@ -3569,12 +3572,12 @@ const an = {
               opacity: 1
             })
           }, [
-            (u(), r("svg", Bs, [
+            (u(), r("svg", Es, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Es)
+              }, null, 8, Ws)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3588,7 +3591,7 @@ const an = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Ws)
+            }, null, 8, Ds)
           ], 4)) : f("", !0),
           [F.value, _.value, mt.value].includes(i) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (u(), r("div", {
             key: 1,
@@ -3621,12 +3624,12 @@ const an = {
               opacity: 1
             })
           }, [
-            (u(), r("svg", Ds, [
+            (u(), r("svg", Xs, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Xs)
+              }, null, 8, Ys)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3640,7 +3643,7 @@ const an = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Ys)
+            }, null, 8, Gs)
           ], 4)) : f("", !0)
         ], 64))), 128))
       ], 64))), 128)),
@@ -3681,12 +3684,12 @@ const an = {
               opacity: 1
             })
           }, [
-            (u(), r("svg", Gs, [
+            (u(), r("svg", Us, [
               p("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Us)
+              }, null, 8, qs)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3700,7 +3703,7 @@ const an = {
                   serieName: e.name
                 }
               )
-            }, null, 8, qs)
+            }, null, 8, Zs)
           ], 4)) : f("", !0),
           [F.value, _.value, mt.value].includes(i) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (u(), r("div", {
             key: 1,
@@ -3733,12 +3736,12 @@ const an = {
               opacity: 1
             })
           }, [
-            (u(), r("svg", Zs, [
+            (u(), r("svg", Ks, [
               p("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ks)
+              }, null, 8, Js)
             ])),
             p("div", {
               class: "vue-ui-xy-tag-content",
@@ -3752,12 +3755,12 @@ const an = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Js)
+            }, null, 8, Qs)
           ], 4)) : f("", !0)
         ], 64))), 128))
       ], 64))), 128)),
       t.value.chart.zoom.preview.enable ? (u(), r(g, { key: 5 }, [
-        t.value.chart.zoom.show && $e.value > 6 && it.value ? (u(), Ge(_n, {
+        t.value.chart.zoom.show && $e.value > 6 && it.value ? (u(), Ge($n, {
           ref_key: "chartSlicer",
           ref: Ne,
           key: `slicer_${Zt.value}`,
@@ -3808,7 +3811,7 @@ const an = {
           _: 3
         }, 8, ["max", "valueStart", "valueEnd", "start", "end", "selectedSeries", "customFormat", "background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "usePreciseLabels", "preciseLabels", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "timeLabels", "isPreview"])) : f("", !0)
       ], 64)) : (u(), r(g, { key: 6 }, [
-        t.value.chart.zoom.show && $e.value > 6 && it.value ? (u(), Ge(tn, {
+        t.value.chart.zoom.show && $e.value > 6 && it.value ? (u(), Ge(ln, {
           ref_key: "chartSlicer",
           ref: Ne,
           key: `slicer_${Zt.value}`,
@@ -3853,8 +3856,8 @@ const an = {
       ], 64)),
       p("div", {
         id: `legend-bottom-${G.value}`
-      }, null, 8, Qs),
-      Ke.value ? (u(), Ge(Mo, {
+      }, null, 8, js),
+      Ke.value ? (u(), Ge(Co, {
         key: 7,
         to: t.value.chart.legend.position === "top" ? `#legend-top-${G.value}` : `#legend-bottom-${G.value}`
       }, [
@@ -3870,7 +3873,7 @@ const an = {
             onClick: (a) => ga(e),
             class: Ve({ "vue-ui-xy-legend-item-alone": rt.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ce.value.includes(e.id) })
           }, [
-            oe.value[e.type] === "line" ? (u(), r("svg", ei, [
+            oe.value[e.type] === "line" ? (u(), r("svg", ti, [
               p("rect", {
                 x: "0",
                 y: "7.5",
@@ -3880,7 +3883,7 @@ const an = {
                 height: "3",
                 width: "20",
                 fill: e.color
-              }, null, 8, ti),
+              }, null, 8, li),
               al(Rl, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
@@ -3889,7 +3892,7 @@ const an = {
                 stroke: t.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : oe.value[e.type] === "bar" ? (u(), r("svg", li, [
+            ])) : oe.value[e.type] === "bar" ? (u(), r("svg", ai, [
               oe.value[e.type] === "bar" && l.$slots.pattern ? (u(), r("rect", {
                 key: 0,
                 x: "0",
@@ -3899,7 +3902,7 @@ const an = {
                 width: "40",
                 stroke: "none",
                 fill: e.color
-              }, null, 8, ai)) : f("", !0),
+              }, null, 8, oi)) : f("", !0),
               oe.value[e.type] === "bar" ? (u(), r("rect", {
                 key: 1,
                 x: "0",
@@ -3909,8 +3912,8 @@ const an = {
                 width: "40",
                 stroke: "none",
                 fill: l.$slots.pattern ? `url(#pattern_${G.value}_${e.slotAbsoluteIndex})` : e.color
-              }, null, 8, oi)) : f("", !0)
-            ])) : (u(), r("svg", ni, [
+              }, null, 8, ni)) : f("", !0)
+            ])) : (u(), r("svg", ui, [
               al(Rl, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
@@ -3921,7 +3924,7 @@ const an = {
             p("span", {
               style: L(`color:${t.value.chart.legend.color}`)
             }, le(e.name), 5)
-          ], 10, js))), 128))
+          ], 10, ei))), 128))
         ], 4)) : (u(), r("div", {
           key: 1,
           ref_key: "chartLegend",
@@ -3950,7 +3953,7 @@ const an = {
         position: t.value.chart.tooltip.position,
         offsetY: t.value.chart.tooltip.offsetY,
         parent: l.$refs.chart,
-        content: mo.value,
+        content: go.value,
         isFullscreen: ye.value,
         isCustom: t.value.chart.tooltip.customFormat && typeof t.value.chart.tooltip.customFormat == "function",
         smooth: t.value.chart.tooltip.smooth,
@@ -3984,12 +3987,12 @@ const an = {
           p("div", {
             style: L(`${v(m) ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
           }, [
-            p("div", ui, [
+            p("div", si, [
               Ql(p("input", {
                 type: "checkbox",
                 "onUpdate:modelValue": s[7] || (s[7] = (e) => kt.value = e)
               }, null, 512), [
-                [Co, kt.value]
+                [Ao, kt.value]
               ]),
               p("div", {
                 onClick: s[8] || (s[8] = (e) => kt.value = !kt.value),
@@ -4004,8 +4007,8 @@ const an = {
             ]),
             kt.value ? (u(), Ge(v(ul), {
               key: `sparkline_${Ot.value}`,
-              dataset: vo.value,
-              config: ho.value
+              dataset: ho.value,
+              config: fo.value
             }, null, 8, ["dataset", "config"])) : (u(), Ge(v(Be), {
               key: `table_${cl.value}`,
               colNames: Al.value.colNames,
@@ -4016,10 +4019,10 @@ const an = {
               onClose: s[9] || (s[9] = (e) => k.value.showTable = !1)
             }, {
               th: xe(({ th: e }) => [
-                p("div", { innerHTML: e }, null, 8, si)
+                p("div", { innerHTML: e }, null, 8, ii)
               ]),
               td: xe(({ td: e }) => [
-                Ao(le(isNaN(Number(e)) ? e : v(Ue)({
+                zo(le(isNaN(Number(e)) ? e : v(Ue)({
                   p: t.value.chart.labels.prefix,
                   v: e,
                   s: t.value.chart.labels.suffix,
@@ -4032,10 +4035,10 @@ const an = {
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0),
-      v(ne) ? (u(), Ge(Zo, { key: 10 })) : f("", !0)
-    ], 46, $n));
+      v(ne) ? (u(), Ge(Ko, { key: 10 })) : f("", !0)
+    ], 46, Ln));
   }
-}, Si = /* @__PURE__ */ Ga(ii, [["__scopeId", "data-v-e25fb0fc"]]);
+}, _i = /* @__PURE__ */ Ua(ri, [["__scopeId", "data-v-83ca84ad"]]);
 export {
-  Si as default
+  _i as default
 };