vue-data-ui 3.3.0 → 3.3.2

package/dist/{vue-ui-xy-B2fjTYMJ.js → vue-ui-xy-tWE4H5ij.js}

@@ -1,30 +1,30 @@
-import { useCssVars as jo, computed as x, ref as y, watch as ft, onMounted as Zl, onBeforeUnmount as _l, onUpdated as fo, nextTick as Ml, createElementBlock as i, openBlock as n, createElementVNode as S, createCommentVNode as g, renderSlot as le, normalizeStyle as L, createVNode as gl, withDirectives as Oa, unref as m, Fragment as b, renderList as _, normalizeProps as Gt, mergeProps as Ut, normalizeClass as Ke, withKeys as mo, vModelText as go, toDisplayString as xe, defineAsyncComponent as Xt, useSlots as en, getCurrentInstance as tn, toRefs as ln, watchEffect as xo, createBlock as vt, createSlots as bo, withCtx as Me, guardReactiveProps as hl, Teleport as an, resolveDynamicComponent as on, vModelCheckbox as nn, createTextVNode as yo } from "vue";
-import { c as ga, z as xa, X as un, E as ht, ad as ya, U as pa, ae as ka, T as wa, af as po, f as Pa, t as sn, e as rn, C as ql, a9 as fl, h as ko, p as wo, ap as da, a4 as ee, _ as Fa, a7 as cn, q, ab as vn, aq as So, ar as $o, a as Ae, as as dn, A as hn, j as Mo, k as Mt, d as _t, i as ml, s as dt, O as fn, ak as ha, a2 as lt, L as mn, at as Yt, B as Be, b as gn, o as _o, x as xn, y as bn, D as $l } from "./lib-GIYcnm0E.js";
+import { useCssVars as Qo, computed as x, ref as y, watch as ft, onMounted as Zl, onBeforeUnmount as _l, onUpdated as fo, nextTick as Ml, createElementBlock as i, openBlock as n, createElementVNode as S, createCommentVNode as g, renderSlot as le, normalizeStyle as L, createVNode as gl, withDirectives as Oa, unref as m, Fragment as b, renderList as _, normalizeProps as Gt, mergeProps as Ut, normalizeClass as Ke, withKeys as mo, vModelText as go, toDisplayString as xe, defineAsyncComponent as Xt, useSlots as jo, getCurrentInstance as en, toRefs as tn, watchEffect as ln, createBlock as vt, createSlots as xo, withCtx as Me, guardReactiveProps as hl, Teleport as an, resolveDynamicComponent as on, vModelCheckbox as nn, createTextVNode as bo } from "vue";
+import { c as ga, z as xa, X as un, E as ht, ad as ya, U as pa, ae as ka, T as wa, af as yo, f as Pa, t as sn, e as rn, C as ql, a9 as fl, h as po, p as ko, ap as da, a4 as ee, _ as Fa, a7 as cn, q, ab as vn, aq as wo, ar as So, a as Ae, as as dn, A as hn, j as $o, k as Mt, d as _t, i as ml, s as dt, O as fn, ak as ha, a2 as lt, L as mn, at as Yt, B as Be, b as gn, o as Mo, x as xn, y as bn, D as $l } from "./lib-CEjkWSLj.js";
 import { t as ba, d as yn, u as pn } from "./useResponsive-DfdjqQps.js";
-import { u as kn, a as fa } from "./useNestedProp-mxyyqd0B.js";
-import { u as wn } from "./usePrinter-DYRFiw7X.js";
+import { u as kn, a as fa } from "./useNestedProp-Ce3PwN8T.js";
+import { u as wn } from "./usePrinter-DJ1iH-F_.js";
 import { u as Sn, B as $n } from "./BaseScanner-BgWxam9d.js";
-import { u as Lo, a as Mn, l as _n } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Ln } from "./useSvgExport-B7-Vrjtu.js";
-import { u as Cn } from "./useTimeLabelCollider-CIsgDrl9.js";
-import An from "./img-6wPuVVtk.js";
-import Tn from "./Title-D17CJXko.js";
-import { t as zn } from "./themes-Dw-dDudK.js";
-import { _ as ma } from "./Shape-DJG2zW7b.js";
-import In from "./BaseIcon-CtqN7W_g.js";
-import { _ as Co } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import Nn from "./vue-ui-accordion-Dch9YrCi.js";
-const Pn = {
+import { u as _o, a as Mn, l as _n } from "./useTimeLabels-BGFjWgrv.js";
+import { u as Ln } from "./useSvgExport-DrjCWun4.js";
+import { u as Cn, a as An } from "./useResizeObserverEffect-DfnWps4W.js";
+import Tn from "./img-J2dLIr8Y.js";
+import zn from "./Title-Camz1Lce.js";
+import { t as In } from "./themes-Dw-dDudK.js";
+import { _ as ma } from "./Shape-BceHSLHf.js";
+import Nn from "./BaseIcon-eZbszQrv.js";
+import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import Pn from "./vue-ui-accordion-VTP418mC.js";
+const Fn = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, Fn = {
+}, Rn = {
   key: 0,
   style: { width: "100%", position: "relative" }
-}, Rn = {
+}, On = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, On = ["xmlns", "viewBox"], Vn = ["id"], Bn = ["stop-color"], En = ["width", "height", "stroke"], Hn = ["d", "stroke"], Dn = ["d", "fill"], Wn = ["x", "y", "width", "height", "fill"], Xn = ["d", "stroke"], Yn = ["cx", "cy", "fill", "stroke"], Gn = ["x", "width", "height", "fill", "rx"], Un = ["x", "width", "height", "rx", "fill"], qn = ["x", "width", "height", "fill", "rx"], Zn = ["x2", "y1", "y2", "stroke"], Kn = { key: "merged-tree" }, Jn = ["d", "fill"], Qn = ["d", "stroke"], jn = ["cx", "cy", "stroke", "fill"], ei = ["cx", "cy", "stroke", "fill"], ti = { key: "split-tree" }, li = ["x", "y", "width", "height", "fill"], ai = ["d", "stroke"], oi = ["x", "height", "fill", "stroke"], ni = ["x", "height", "fill", "stroke"], ii = { key: "merged-tree" }, ui = ["cx", "cy", "stroke", "fill"], si = ["cx", "cy", "fill"], ri = ["cx", "cy", "stroke", "fill"], ci = ["cx", "cy", "fill"], vi = { key: 11 }, di = ["d", "stroke"], hi = ["cx", "cy", "fill", "stroke"], fi = ["cx", "cy", "stroke", "fill"], mi = ["cx", "cy", "fill"], gi = ["cx", "cy", "stroke", "fill"], xi = ["cx", "cy", "fill"], bi = ["x", "height", "width", "onMouseenter"], yi = ["min", "max"], pi = ["min", "max"], Ra = 48, ki = {
+}, Vn = ["xmlns", "viewBox"], Bn = ["id"], En = ["stop-color"], Hn = ["width", "height", "stroke"], Dn = ["d", "stroke"], Wn = ["d", "fill"], Xn = ["x", "y", "width", "height", "fill"], Yn = ["d", "stroke"], Gn = ["cx", "cy", "fill", "stroke"], Un = ["x", "width", "height", "fill", "rx"], qn = ["x", "width", "height", "rx", "fill"], Zn = ["x", "width", "height", "fill", "rx"], Kn = ["x2", "y1", "y2", "stroke"], Jn = { key: "merged-tree" }, Qn = ["d", "fill"], jn = ["d", "stroke"], ei = ["cx", "cy", "stroke", "fill"], ti = ["cx", "cy", "stroke", "fill"], li = { key: "split-tree" }, ai = ["x", "y", "width", "height", "fill"], oi = ["d", "stroke"], ni = ["x", "height", "fill", "stroke"], ii = ["x", "height", "fill", "stroke"], ui = { key: "merged-tree" }, si = ["cx", "cy", "stroke", "fill"], ri = ["cx", "cy", "fill"], ci = ["cx", "cy", "stroke", "fill"], vi = ["cx", "cy", "fill"], di = { key: 11 }, hi = ["d", "stroke"], fi = ["cx", "cy", "fill", "stroke"], mi = ["cx", "cy", "stroke", "fill"], gi = ["cx", "cy", "fill"], xi = ["cx", "cy", "stroke", "fill"], bi = ["cx", "cy", "fill"], yi = ["x", "height", "width", "onMouseenter"], pi = ["min", "max"], ki = ["min", "max"], Ra = 48, wi = {
   __name: "SlicerPreview",
   props: {
     immediate: {
@@ -191,7 +191,7 @@ const Pn = {
   },
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
   setup(w, { expose: Sa, emit: $a }) {
-    jo((d) => ({
+    Qo((d) => ({
       v31489338: Al.value,
       v7f513ed8: ue.value,
       v74ff4a49: gt.value,
@@ -485,7 +485,7 @@ const Pn = {
         let wt = ea.value - I;
         wt = Math.max(v.min, Math.min(wt, v.max - ne));
         const ul = Math.min(v.max, wt + ne);
-        Zt.value = wt, at.value = ul, qt(wt), xl(ul), po(Fe.value, "mouseup"), await Ml(), po(Fe.value, "mousedown", { clientX: C });
+        Zt.value = wt, at.value = ul, qt(wt), xl(ul), yo(Fe.value, "mouseup"), await Ml(), yo(Fe.value, "mousedown", { clientX: C });
       }
       Vl.value = ce.value, Ot.value = fe.value, _a.value = Xe.value, et = h ? "touchmove" : "mousemove", it = h ? "touchend" : "mouseup", ut = h ? Ye : kl, st = h ? Ge : rt, window.addEventListener(et, ut, { passive: !1 }), window.addEventListener(it, st);
     };
@@ -615,8 +615,8 @@ const Pn = {
       onMousedown: al,
       onTouchstart: al
     }, [
-      S("div", Pn, [
-        w.valueStart !== w.refreshStartPoint || w.valueEnd !== Je.value ? (n(), i("div", Fn, [
+      S("div", Fn, [
+        w.valueStart !== w.refreshStartPoint || w.valueEnd !== Je.value ? (n(), i("div", Rn, [
           w.useResetSlot ? le(d.$slots, "reset-action", {
             key: 1,
             reset: E
@@ -631,7 +631,7 @@ const Pn = {
             }),
             onClick: E
           }, [
-            gl(In, {
+            gl(Nn, {
               name: "refresh",
               stroke: w.textColor
             }, null, 8, ["stroke"])
@@ -646,7 +646,7 @@ const Pn = {
         onMouseenter: h[11] || (h[11] = (f) => c.value = !0),
         onMouseleave: h[12] || (h[12] = (f) => c.value = !1)
       }, [
-        me.value ? (n(), i("div", Rn, [
+        me.value ? (n(), i("div", On, [
           (n(), i("svg", {
             key: `mm-${w.minimapMerged ? "merged" : "split"}-${w.minimapCompact ? "compact" : "normal"}`,
             xmlns: m(un),
@@ -663,12 +663,12 @@ const Pn = {
                 S("stop", {
                   offset: "0%",
                   "stop-color": `${w.minimapLineColor}50`
-                }, null, 8, Bn),
+                }, null, 8, En),
                 h[13] || (h[13] = S("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
                 }, null, -1))
-              ], 8, Vn)
+              ], 8, Bn)
             ]),
             w.minimapCompact ? (n(), i("rect", {
               key: 0,
@@ -680,7 +680,7 @@ const Pn = {
               fill: "none",
               stroke: w.minimapFrameColor,
               rx: 3
-            }, null, 8, En)) : g("", !0),
+            }, null, 8, Hn)) : g("", !0),
             w.minimapMerged ? (n(), i("path", {
               key: 1,
               d: `M${H.value.fullSet}`,
@@ -690,14 +690,14 @@ const Pn = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "0.6" }
-            }, null, 8, Hn)) : g("", !0),
+            }, null, 8, Dn)) : g("", !0),
             w.minimapMerged && !w.minimapCompact ? (n(), i("path", {
               key: 2,
               d: `M${oe.value / 2},${Math.max(W.value.height, 0)} ${H.value.fullSet} L${W.value.width - oe.value / 2},${Math.max(W.value.height, 0)}Z`,
               fill: `url(#${Ll.value})`,
               stroke: "none",
               style: { opacity: "0.6" }
-            }, null, 8, Dn)) : w.minimapMerged ? g("", !0) : (n(), i(b, { key: 3 }, [
+            }, null, 8, Wn)) : w.minimapMerged ? g("", !0) : (n(), i(b, { key: 3 }, [
               (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "bar"), (f, $) => (n(), i("g", null, [
                 (n(!0), i(b, null, _(f.points, (C, D) => (n(), i(b, null, [
                   f.isVisible && !isNaN(C.y) ? (n(), i("rect", {
@@ -708,7 +708,7 @@ const Pn = {
                     height: C.v >= 0 ? C.y0 - C.y : C.y - C.y0,
                     fill: f.color,
                     style: { opacity: 0.6 }
-                  }, null, 8, Wn)) : g("", !0)
+                  }, null, 8, Xn)) : g("", !0)
                 ], 64))), 256))
               ]))), 256)),
               (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "line"), (f) => (n(), i("g", null, [
@@ -718,7 +718,7 @@ const Pn = {
                   fill: "none",
                   stroke: f.color,
                   style: { opacity: "0.6" }
-                }, null, 8, Xn)) : g("", !0),
+                }, null, 8, Yn)) : g("", !0),
                 f.isVisible && w.cutNullValues ? (n(!0), i(b, { key: 1 }, _(f.fullMarkers, ($) => (n(), i("circle", {
                   key: `sel-dot-under-${f.key}-${$.i}`,
                   cx: $.x,
@@ -728,7 +728,7 @@ const Pn = {
                   stroke: ue.value,
                   "stroke-width": "0.5",
                   style: { opacity: "0.6" }
-                }, null, 8, Yn))), 128)) : g("", !0)
+                }, null, 8, Gn))), 128)) : g("", !0)
               ]))), 256))
             ], 64)),
             S("rect", {
@@ -739,7 +739,7 @@ const Pn = {
               fill: ue.value,
               rx: w.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, Gn),
+            }, null, 8, Un),
             S("rect", {
               x: M.value.x,
               y: 0,
@@ -748,7 +748,7 @@ const Pn = {
               rx: w.minimapSelectionRadius,
               fill: ue.value,
               style: L({ opacity: Rt.value || Lt.value ? 0 : 1 })
-            }, null, 12, Un),
+            }, null, 12, qn),
             S("rect", {
               x: M.value.x,
               y: 0,
@@ -757,7 +757,7 @@ const Pn = {
               fill: w.minimapSelectedColor,
               rx: w.minimapSelectionRadius,
               style: L({ opacity: w.minimapSelectedColorOpacity })
-            }, null, 12, qn),
+            }, null, 12, Zn),
             !w.minimapMerged && X.value < 0 ? (n(), i("line", {
               key: 4,
               class: "slicer-minimap-zero-line",
@@ -767,8 +767,8 @@ const Pn = {
               y2: $e.value,
               stroke: w.minimapFrameColor,
               "stroke-width": "0.5"
-            }, null, 8, Zn)) : g("", !0),
-            w.minimapMerged ? (n(), i("g", Kn, [
+            }, null, 8, Kn)) : g("", !0),
+            w.minimapMerged ? (n(), i("g", Jn, [
               H.value && H.value.sliced && H.value.sliced.length ? (n(), i(b, { key: 0 }, [
                 H.value.selectionSet ? (n(), i("path", {
                   key: 0,
@@ -776,7 +776,7 @@ const Pn = {
                   fill: `url(#${Ll.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
-                }, null, 8, Jn)) : g("", !0),
+                }, null, 8, Qn)) : g("", !0),
                 H.value.selectionSet ? (n(), i("path", {
                   key: 1,
                   d: `M ${H.value.selectionSet}`,
@@ -785,7 +785,7 @@ const Pn = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, Qn)) : g("", !0)
+                }, null, 8, jn)) : g("", !0)
               ], 64)) : g("", !0),
               H.value && H.value.firstPlot ? (n(), i("circle", {
                 key: 1,
@@ -795,7 +795,7 @@ const Pn = {
                 stroke: ue.value,
                 r: "3",
                 fill: w.minimapLineColor
-              }, null, 8, jn)) : g("", !0),
+              }, null, 8, ei)) : g("", !0),
               H.value && H.value.lastPlot ? (n(), i("circle", {
                 key: 2,
                 cx: H.value.lastPlot.x,
@@ -804,8 +804,8 @@ const Pn = {
                 stroke: ue.value,
                 r: "3",
                 fill: w.minimapLineColor
-              }, null, 8, ei)) : g("", !0)
-            ])) : (n(), i("g", ti, [
+              }, null, 8, ti)) : g("", !0)
+            ])) : (n(), i("g", li, [
               (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "bar"), (f, $) => (n(), i("g", null, [
                 (n(!0), i(b, null, _(f.points, (C, D) => (n(), i(b, null, [
                   f && f.isVisible && !isNaN(C.y) ? (n(), i("rect", {
@@ -816,7 +816,7 @@ const Pn = {
                     height: C.v >= 0 ? C.y0 - C.y : C.y - C.y0,
                     fill: f.color,
                     style: L({ opacity: D >= Zt.value && D < at.value ? 1 : 0 })
-                  }, null, 12, li)) : g("", !0)
+                  }, null, 12, ai)) : g("", !0)
                 ], 64))), 256))
               ]))), 256)),
               (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "line"), (f) => (n(), i("g", {
@@ -830,7 +830,7 @@ const Pn = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, ai)) : g("", !0)
+                }, null, 8, oi)) : g("", !0)
               ]))), 128))
             ])),
             me.value && w.minimapCompact ? (n(), i("rect", {
@@ -843,7 +843,7 @@ const Pn = {
               fill: ue.value,
               stroke: w.textColor,
               rx: 3
-            }, null, 8, oi)) : g("", !0),
+            }, null, 8, ni)) : g("", !0),
             me.value && w.minimapCompact ? (n(), i("rect", {
               key: 8,
               class: "vue-ui-zoom-compact-minimap-handle",
@@ -854,9 +854,9 @@ const Pn = {
               fill: ue.value,
               stroke: w.textColor,
               rx: 3
-            }, null, 8, ni)) : g("", !0),
+            }, null, 8, ii)) : g("", !0),
             bt.value !== null && !pt.value ? (n(), i("line", Gt(Ut({ key: 9 }, la.value)), null, 16)) : g("", !0),
-            w.minimapMerged ? (n(), i("g", ii, [
+            w.minimapMerged ? (n(), i("g", ui, [
               H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), i("circle", {
                 key: 0,
                 cx: H.value.firstPlot.x,
@@ -865,14 +865,14 @@ const Pn = {
                 stroke: ue.value,
                 r: "4",
                 fill: w.minimapLineColor
-              }, null, 8, ui)) : g("", !0),
+              }, null, 8, si)) : g("", !0),
               H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), i("circle", {
                 key: 1,
                 cx: H.value.firstPlot.x,
                 cy: H.value.firstPlot.y,
                 r: 2,
                 fill: ue.value
-              }, null, 8, si)) : g("", !0),
+              }, null, 8, ri)) : g("", !0),
               H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), i("circle", {
                 key: 2,
                 cx: H.value.lastPlot.x,
@@ -881,15 +881,15 @@ const Pn = {
                 stroke: ue.value,
                 r: "4",
                 fill: w.minimapLineColor
-              }, null, 8, ri)) : g("", !0),
+              }, null, 8, ci)) : g("", !0),
               H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), i("circle", {
                 key: 3,
                 cx: H.value.lastPlot.x,
                 cy: H.value.lastPlot.y,
                 r: "2",
                 fill: ue.value
-              }, null, 8, ci)) : g("", !0)
-            ])) : (n(), i("g", vi, [
+              }, null, 8, vi)) : g("", !0)
+            ])) : (n(), i("g", di, [
               (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "line"), (f) => (n(), i("g", {
                 key: String(f.key)
               }, [
@@ -901,7 +901,7 @@ const Pn = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, di)) : g("", !0),
+                }, null, 8, hi)) : g("", !0),
                 f.isVisible && w.cutNullValues ? (n(!0), i(b, { key: 1 }, _(f.selectionMarkers, ($) => (n(), i("circle", {
                   key: `sel-dot-${f.key}-${$.i}`,
                   cx: $.x,
@@ -910,7 +910,7 @@ const Pn = {
                   fill: f.color,
                   stroke: ue.value,
                   "stroke-width": "0.5"
-                }, null, 8, hi))), 128)) : g("", !0),
+                }, null, 8, fi))), 128)) : g("", !0),
                 f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), i("circle", {
                   key: 2,
                   cx: f.firstPlot.x,
@@ -919,14 +919,14 @@ const Pn = {
                   stroke: ue.value,
                   r: "4",
                   fill: f.color
-                }, null, 8, fi)) : g("", !0),
+                }, null, 8, mi)) : g("", !0),
                 f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), i("circle", {
                   key: 3,
                   cx: f.firstPlot.x,
                   cy: f.firstPlot.y,
                   r: "2",
                   fill: ue.value
-                }, null, 8, mi)) : g("", !0),
+                }, null, 8, gi)) : g("", !0),
                 f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), i("circle", {
                   key: 4,
                   cx: f.lastPlot.x,
@@ -935,14 +935,14 @@ const Pn = {
                   stroke: ue.value,
                   r: "4",
                   fill: f.color
-                }, null, 8, gi)) : g("", !0),
+                }, null, 8, xi)) : g("", !0),
                 f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), i("circle", {
                   key: 5,
                   cx: f.lastPlot.x,
                   cy: f.lastPlot.y,
                   r: "2",
                   fill: ue.value
-                }, null, 8, xi)) : g("", !0)
+                }, null, 8, bi)) : g("", !0)
               ]))), 128))
             ])),
             (n(!0), i(b, null, _(Jl.value, (f, $) => (n(), i("rect", {
@@ -958,8 +958,8 @@ const Pn = {
               onMouseleave: h[2] || (h[2] = (C) => {
                 bt.value = null, Le("trapMouse", null);
               })
-            }, null, 44, bi))), 256))
-          ], 8, On))
+            }, null, 44, yi))), 256))
+          ], 8, Vn))
         ])) : g("", !0),
         S("div", {
           class: "slider-track",
@@ -995,7 +995,7 @@ const Pn = {
           onBlur: Te,
           onMouseenter: h[7] || (h[7] = (f) => ta("start")),
           onPointerup: Te
-        }, null, 42, yi)), [
+        }, null, 42, pi)), [
           [
             go,
             Pt.value,
@@ -1023,7 +1023,7 @@ const Pn = {
           onBlur: Te,
           onMouseenter: h[10] || (h[10] = (f) => ta("end")),
           onPointerup: Te
-        }, null, 42, pi)), [
+        }, null, 42, ki)), [
           [
             go,
             tl.value,
@@ -1094,51 +1094,51 @@ const Pn = {
       ], 544)
     ], 544));
   }
-}, wi = /* @__PURE__ */ Co(ki, [["__scopeId", "data-v-8840236b"]]), Si = ["id"], $i = ["id"], Mi = ["viewBox", "aria-label"], _i = ["x", "y", "width", "height"], Li = { key: 1 }, Ci = { class: "vue-ui-xy-grid" }, Ai = ["stroke", "x1", "x2", "y1", "y2"], Ti = ["stroke", "x1", "x2", "y1", "y2"], zi = { key: 1 }, Ii = ["x1", "x2", "y1", "y2", "stroke"], Ni = ["x1", "x2", "y1", "y2", "stroke"], Pi = ["x1", "x2", "y1", "y2", "stroke"], Fi = { key: 3 }, Ri = ["d", "stroke"], Oi = { key: 4 }, Vi = ["d", "stroke"], Bi = ["id"], Ei = ["stop-color"], Hi = ["stop-color"], Di = ["stop-color"], Wi = ["id"], Xi = ["stop-color"], Yi = ["stop-color"], Gi = ["stop-color"], Ui = ["id"], qi = ["stop-color"], Zi = ["stop-color"], Ki = ["id"], Ji = ["stop-color"], Qi = ["stop-color"], ji = ["id"], eu = ["stop-color"], tu = ["stop-color"], lu = ["x", "y", "height", "width", "fill"], au = ["x", "y", "width"], ou = { key: 0 }, nu = ["x", "y", "height", "width", "fill"], iu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], uu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], su = ["width", "x", "y"], ru = ["stroke", "x1", "x2", "y1", "y2"], cu = { key: 3 }, vu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], du = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], hu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fu = ["fill", "font-size", "transform"], mu = ["x1", "x2", "y1", "y2", "stroke"], gu = ["x", "y", "font-size", "fill"], xu = ["x1", "x2", "y1", "y2", "stroke"], bu = ["x", "y", "font-size", "fill"], yu = ["width", "x", "y"], pu = { style: { width: "100%" } }, ku = ["d", "stroke", "stroke-width", "stroke-dasharray"], wu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Su = { key: 6 }, $u = { key: 7 }, Mu = ["d", "fill", "fill-opacity"], _u = { key: 0 }, Lu = ["d", "fill"], Cu = ["d", "fill"], Au = ["d", "fill"], Tu = ["d", "fill"], zu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Iu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nu = ["width", "x", "y"], Pu = { style: { width: "100%" } }, Fu = { key: 8 }, Ru = ["x", "y", "font-size", "fill"], Ou = ["x", "y", "font-size", "fill", "font-weight"], Vu = { key: 9 }, Bu = ["x", "y", "font-size", "fill"], Eu = { key: 10 }, Hu = ["x", "y"], Du = ["innerHTML"], Wu = ["x", "y"], Xu = ["innerHTML"], Yu = ["x1", "x2", "y1", "y2", "stroke"], Gu = { key: 11 }, Uu = ["x", "y", "font-size", "fill"], qu = { key: 12 }, Zu = ["x", "y"], Ku = ["innerHTML"], Ju = ["x", "y"], Qu = ["innerHTML"], ju = ["x1", "x2", "y1", "y2", "stroke"], es = ["x", "y", "font-size", "fill", "innerHTML"], ts = ["x", "y", "font-size", "fill", "innerHTML"], ls = ["x", "y", "font-size", "fill", "innerHTML"], as = ["x", "y", "font-size", "fill", "innerHTML"], os = { key: 0 }, ns = ["id"], is = ["fill", "stroke"], us = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ss = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], rs = ["x", "y", "font-size", "fill", "stroke"], cs = ["id"], vs = ["stop-color"], ds = ["stop-color"], hs = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], ms = ["x", "y", "font-size", "fill"], gs = ["text-anchor", "font-size", "fill", "transform", "onClick"], xs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bs = { key: 15 }, ys = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["y", "x", "width", "height", "fill"], ws = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ss = {
+}, Si = /* @__PURE__ */ Lo(wi, [["__scopeId", "data-v-8840236b"]]), $i = ["id"], Mi = ["id"], _i = ["viewBox", "aria-label"], Li = ["x", "y", "width", "height"], Ci = { key: 1 }, Ai = { class: "vue-ui-xy-grid" }, Ti = ["stroke", "x1", "x2", "y1", "y2"], zi = ["stroke", "x1", "x2", "y1", "y2"], Ii = { key: 1 }, Ni = ["x1", "x2", "y1", "y2", "stroke"], Pi = ["x1", "x2", "y1", "y2", "stroke"], Fi = ["x1", "x2", "y1", "y2", "stroke"], Ri = { key: 3 }, Oi = ["d", "stroke"], Vi = { key: 4 }, Bi = ["d", "stroke"], Ei = ["id"], Hi = ["stop-color"], Di = ["stop-color"], Wi = ["stop-color"], Xi = ["id"], Yi = ["stop-color"], Gi = ["stop-color"], Ui = ["stop-color"], qi = ["id"], Zi = ["stop-color"], Ki = ["stop-color"], Ji = ["id"], Qi = ["stop-color"], ji = ["stop-color"], eu = ["id"], tu = ["stop-color"], lu = ["stop-color"], au = ["x", "y", "height", "width", "fill"], ou = ["x", "y", "width"], nu = { key: 0 }, iu = ["x", "y", "height", "width", "fill"], uu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], su = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ru = ["width", "x", "y"], cu = ["stroke", "x1", "x2", "y1", "y2"], vu = { key: 3 }, du = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], hu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], fu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mu = ["fill", "font-size", "transform"], gu = ["x1", "x2", "y1", "y2", "stroke"], xu = ["x", "y", "font-size", "fill"], bu = ["x1", "x2", "y1", "y2", "stroke"], yu = ["x", "y", "font-size", "fill"], pu = ["width", "x", "y"], ku = { style: { width: "100%" } }, wu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Su = ["d", "stroke", "stroke-width", "stroke-dasharray"], $u = { key: 6 }, Mu = { key: 7 }, _u = ["d", "fill", "fill-opacity"], Lu = { key: 0 }, Cu = ["d", "fill"], Au = ["d", "fill"], Tu = ["d", "fill"], zu = ["d", "fill"], Iu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = ["width", "x", "y"], Fu = { style: { width: "100%" } }, Ru = { key: 8 }, Ou = ["x", "y", "font-size", "fill"], Vu = ["x", "y", "font-size", "fill", "font-weight"], Bu = { key: 9 }, Eu = ["x", "y", "font-size", "fill"], Hu = { key: 10 }, Du = ["x", "y"], Wu = ["innerHTML"], Xu = ["x", "y"], Yu = ["innerHTML"], Gu = ["x1", "x2", "y1", "y2", "stroke"], Uu = { key: 11 }, qu = ["x", "y", "font-size", "fill"], Zu = { key: 12 }, Ku = ["x", "y"], Ju = ["innerHTML"], Qu = ["x", "y"], ju = ["innerHTML"], es = ["x1", "x2", "y1", "y2", "stroke"], ts = ["x", "y", "font-size", "fill", "innerHTML"], ls = ["x", "y", "font-size", "fill", "innerHTML"], as = ["x", "y", "font-size", "fill", "innerHTML"], os = ["x", "y", "font-size", "fill", "innerHTML"], ns = { key: 0 }, is = ["id"], us = ["fill", "stroke"], ss = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], rs = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], cs = ["x", "y", "font-size", "fill", "stroke"], vs = ["id"], ds = ["stop-color"], hs = ["stop-color"], fs = ["x", "y", "width", "height", "fill", "onMouseenter"], ms = ["font-size", "fill", "transform"], gs = ["x", "y", "font-size", "fill"], xs = ["text-anchor", "font-size", "fill", "transform", "onClick"], bs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], ys = { key: 15 }, ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ws = ["y", "x", "width", "height", "fill"], Ss = ["id", "x", "y", "font-size", "fill", "text-anchor"], $s = {
   key: 16,
   style: { "pointer-events": "none" }
-}, $s = ["x", "y"], Ms = ["innerHTML"], _s = ["cx", "cy", "r", "fill"], Ls = ["data-start", "data-end"], Cs = {
+}, Ms = ["x", "y"], _s = ["innerHTML"], Ls = ["cx", "cy", "r", "fill"], Cs = ["data-start", "data-end"], As = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, As = {
+}, Ts = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ts = ["fill"], zs = ["innerHTML"], Is = {
+}, zs = ["fill"], Is = ["innerHTML"], Ns = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ns = ["fill"], Ps = ["innerHTML"], Fs = {
+}, Ps = ["fill"], Fs = ["innerHTML"], Rs = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Rs = ["fill"], Os = ["innerHTML"], Vs = {
+}, Os = ["fill"], Vs = ["innerHTML"], Bs = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Bs = ["fill"], Es = ["innerHTML"], Hs = ["id"], Ds = ["onClick"], Ws = {
+}, Es = ["fill"], Hs = ["innerHTML"], Ds = ["id"], Ws = ["onClick"], Xs = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "1em",
   width: "1.43em"
-}, Xs = ["stroke", "fill"], Ys = {
+}, Ys = ["stroke", "fill"], Gs = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "1em",
   width: "1em"
-}, Gs = ["fill"], Us = ["fill"], qs = {
+}, Us = ["fill"], qs = ["fill"], Zs = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "1em",
   width: "1em"
-}, Zs = {
+}, Ks = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, Ks = ["innerHTML"], Js = {
+}, Js = ["innerHTML"], Qs = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -1160,7 +1160,7 @@ const Pn = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(w, { expose: Sa, emit: $a }) {
-    const v = w, Fe = Xt(() => import("./DataTable-BeI6gYJX.js")), ce = Xt(() => import("./Tooltip-CtVdvbZi.js")), fe = Xt(() => import("./UserOptions-B3vCIe-u.js")), me = Xt(() => import("./BaseIcon-CtqN7W_g.js")), Ll = Xt(() => import("./vue-ui-table-sparkline-CkZ_ygR1.js")), Lt = Xt(() => import("./PackageVersion-C9oklnuy.js")), Nt = Xt(() => import("./PenAndPaper-BxbYiPy4.js")), Kl = Xt(() => import("./BaseDraggableDialog-q3pgSDTz.js")), qt = $a, xl = en(), Zt = tn(), { vue_ui_xy: at } = kn(), Ee = y(null), Te = y(null), Je = y(null), Le = y(null), mt = y(null), Ct = y(null), Cl = y(null), Kt = y(null), Jt = y(null), _e = y(null), Al = y(null), Tl = y(null), gt = y(null), ue = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), ae = y(1e3), ot = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), He = y(!1), Re = y(!1), bl = y(!1), oe = y(null), ve = y([]), Z = y(ga()), zl = y(0), Il = y(0), Nl = y(0), De = y(!0), xt = y(0), X = y(null), jl = y(!1), Pl = y(!0), yl = y(!0), $e = y(null), nt = y({}), el = y(null), H = y(!1), Qe = y(null), M = y(null), bt = x(() => ({
+    const v = w, Fe = Xt(() => import("./DataTable-yAMEyP6y.js")), ce = Xt(() => import("./Tooltip-VOcQEHa4.js")), fe = Xt(() => import("./UserOptions-CSja1SGU.js")), me = Xt(() => import("./BaseIcon-eZbszQrv.js")), Ll = Xt(() => import("./vue-ui-table-sparkline-Chf5YY4A.js")), Lt = Xt(() => import("./PackageVersion-r-Q1R3nV.js")), Nt = Xt(() => import("./PenAndPaper-Bo-lMUik.js")), Kl = Xt(() => import("./BaseDraggableDialog-CVGErydD.js")), qt = $a, xl = jo(), Zt = en(), { vue_ui_xy: at } = kn(), Ee = y(null), Te = y(null), Je = y(null), Le = y(null), mt = y(null), Ct = y(null), Cl = y(null), Kt = y(null), Jt = y(null), _e = y(null), Al = y(null), Tl = y(null), gt = y(null), ue = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), ae = y(1e3), ot = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), He = y(!1), Re = y(!1), bl = y(!1), oe = y(null), ve = y([]), Z = y(ga()), zl = y(0), Il = y(0), Nl = y(0), De = y(!0), xt = y(0), X = y(null), jl = y(!1), Pl = y(!0), yl = y(!0), $e = y(null), nt = y({}), el = y(null), H = y(!1), Qe = y(null), M = y(null), bt = x(() => ({
       height: W.value,
       width: ae.value
     }));
@@ -1205,7 +1205,7 @@ const Pn = {
         userConfig: v.config.chart.highlightArea
       })), l.theme ? {
         ...fa({
-          userConfig: zn.vue_ui_xy[l.theme] || v.config,
+          userConfig: In.vue_ui_xy[l.theme] || v.config,
           defaultConfig: l
         }),
         customPalette: gn[l.theme] || v.palette
@@ -1241,7 +1241,7 @@ const Pn = {
       }, tl.value = !0);
     }
     const Tt = x(() => !!t.value.debug), { loading: be, FINAL_DATASET: ye, manualLoading: pl } = Sn({
-      ...ln(v),
+      ...tn(v),
       FINAL_CONFIG: t,
       prepareConfig: Rl,
       callback: () => {
@@ -1395,7 +1395,7 @@ const Pn = {
         ...l,
         slotAbsoluteIndex: s,
         series: e.map((a) => da(a) ? a : null).slice(k.value.start, k.value.end),
-        color: ko(l.color ? l.color : Vt.value[s] ? Vt.value[s] : wo[s]),
+        color: po(l.color ? l.color : Vt.value[s] ? Vt.value[s] : ko[s]),
         id: u,
         scaleLabel: l.scaleLabel || u
       };
@@ -1423,14 +1423,7 @@ const Pn = {
     const zt = y(0), ol = ba((l) => {
       zt.value = l;
     }, 100);
-    xo((l) => {
-      const s = _e.value;
-      if (!s) return;
-      const e = new ResizeObserver((u) => {
-        ol(u[0].contentRect.height);
-      });
-      e.observe(s), l(() => e.disconnect());
-    }), _l(() => {
+    Cn({ elementRef: _e, callback: ol, attr: "height" }), _l(() => {
       zt.value = 0;
     });
     const nl = x(() => {
@@ -1499,7 +1492,7 @@ const Pn = {
     }
     const h = x(() => {
       const l = Math.max(...ye.value.map((s) => Fa({ data: s.series, threshold: t.value.downsample.threshold }).length));
-      return Lo({
+      return _o({
         values: t.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: l,
         formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1508,7 +1501,7 @@ const Pn = {
       });
     }), f = x(() => {
       const l = Math.max(...ye.value.map((s) => Fa({ data: s.series, threshold: t.value.downsample.threshold }).length));
-      return Lo({
+      return _o({
         values: t.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: l,
         formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
@@ -1636,7 +1629,7 @@ const Pn = {
       const s = aa(l);
       s !== k.value.end && (k.value.end = s, Xe.value.end = s, Ot());
     }
-    async function Ao() {
+    async function Co() {
       await St();
     }
     function Ue(l) {
@@ -1691,7 +1684,7 @@ const Pn = {
       return { x: O, y: A, ok: !0 };
     }
     let cl = 0;
-    function To(l) {
+    function Ao(l) {
       He.value || (cl && cancelAnimationFrame(cl), cl = requestAnimationFrame(() => {
         cl = 0;
         const s = Wa(l);
@@ -1741,7 +1734,7 @@ const Pn = {
         }
       ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: s, seriesIndex: l + k.value.start });
     }
-    function zo() {
+    function To() {
       return Ge.value.map((l) => ({
         values: l.absoluteValues,
         color: l.color,
@@ -1749,9 +1742,9 @@ const Pn = {
         type: l.type
       }));
     }
-    async function Io({ scale: l = 2 } = {}) {
+    async function zo({ scale: l = 2 } = {}) {
       if (!Ee.value) return;
-      const { width: s, height: e } = Ee.value.getBoundingClientRect(), u = s / e, { imageUri: a, base64: r } = await An({ domElement: Ee.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: e } = Ee.value.getBoundingClientRect(), u = s / e, { imageUri: a, base64: r } = await Tn({ domElement: Ee.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: a,
         base64: r,
@@ -1775,12 +1768,12 @@ const Pn = {
         type: s.type
       }))), xt.value += 1;
     }
-    const No = x(() => {
+    const Io = x(() => {
       const l = t.value.chart.title.text || "Chart visualization", s = t.value.chart.title.subtitle.text || "";
       return `${l}. ${s}`;
     }), Ua = x(() => ({
       linePlot: I.value > t.value.line.dot.hideAboveMaxSerieLength
-    })), Po = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), Fo = x(() => {
+    })), No = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), Po = x(() => {
       if (Array.isArray(t.value.chart.highlightArea))
         return t.value.chart.highlightArea.map((s) => {
           const e = Math.min(s.to, je.value - 1);
@@ -1798,8 +1791,8 @@ const Pn = {
       ...l,
       series: yt(l.series),
       id: `uniqueId_${s}`,
-      color: ko(l.color ? l.color : Vt.value[s] ? Vt.value[s] : wo[s])
-    })) : ye.value), Ro = x(() => ze.value.map((l) => {
+      color: po(l.color ? l.color : Vt.value[s] ? Vt.value[s] : ko[s])
+    })) : ye.value), Fo = x(() => ze.value.map((l) => {
       const s = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: l.id,
@@ -1807,7 +1800,7 @@ const Pn = {
         color: l.color,
         values: La(I.value, s)
       };
-    })), Oo = x(() => ({
+    })), Ro = x(() => ({
       responsiveBreakpoint: t.value.table.responsiveBreakpoint,
       roundingValues: t.value.table.rounding,
       showAverage: !1,
@@ -1844,17 +1837,17 @@ const Pn = {
         };
       }
       return s;
-    }), Vo = x(() => {
+    }), Oo = x(() => {
       const l = rt.value.filter((s) => s.type === "bar").filter((s) => !ve.value.includes(s.id)).length;
       return c.value.width / I.value / l - ia.value * l;
-    }), ia = x(() => de.value.line * t.value.bar.periodGap), ua = x(() => Math.max(1e-5, Ht() - (p.value.useIndividualScale && p.value.isStacked ? 0 : ia.value))), sa = x(() => ua.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Bo = x(() => {
+    }), ia = x(() => de.value.line * t.value.bar.periodGap), ua = x(() => Math.max(1e-5, Ht() - (p.value.useIndividualScale && p.value.isStacked ? 0 : ia.value))), sa = x(() => ua.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Vo = x(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
       const l = qa.value.filter((a) => !ve.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((r) => r.series[a] || 0).reduce((r, o) => (r || 0) + (o || 0), 0));
       const u = Math.min(...e);
       return e.map((a) => a + (u < 0 ? Math.abs(u) : 0));
-    }), Eo = x(() => t.value.chart.zoom.minimap.show ? qa.value.map((s) => ({
+    }), Bo = x(() => t.value.chart.zoom.minimap.show ? qa.value.map((s) => ({
       ...s,
       isVisible: !ve.value.includes(s.id)
     })) : []), It = x(() => ze.value.map((l) => ({
@@ -1933,7 +1926,7 @@ const Pn = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((K) => ![void 0, null].includes(K))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((K) => ![null, void 0].includes(K)))
         }, j = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, z = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(N.min, N.max === N.min ? N.max * z : N.max, j) : fl(N.min, N.max === N.min ? N.max * z : N.max, j), V = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j) : fl(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + he, re = V.max + Math.abs(Y), Oe = o.stackIndex, Sl = s - 1 - Oe, qe = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * qe + e * Sl : 0, Q = u ? r * o.stackRatio : c.value.height, ke = c.value.bottom - J - Q * he / B, Ze = c.value.bottom - J - Q * Y / re, Pe = Ge.value.filter((K) => K.type === "bar").filter((K) => !ve.value.includes(K.id)).length, Gl = o.series.map((K, Se) => {
-          const Wt = p.value.useIndividualScale ? (o.absoluteValues[Se] + he) / B : rl(K), dl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / I.value * Se : c.value.left + de.value.bar * F + de.value.bar * Se * Pe - Vo.value / 2 - F * ia.value;
+          const Wt = p.value.useIndividualScale ? (o.absoluteValues[Se] + he) / B : rl(K), dl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / I.value * Se : c.value.left + de.value.bar * F + de.value.bar * Se * Pe - Oo.value / 2 - F * ia.value;
           return {
             yOffset: q(J),
             individualHeight: q(Q),
@@ -1998,10 +1991,10 @@ const Pn = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
         }, j = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, z = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(N.min, N.max === N.min ? N.max * z : N.max, j) : fl(N.min, N.max === N.min ? N.max * z : N.max, j), V = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j) : fl(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + Math.abs(he), re = V.max + Math.abs(Y), Oe = o.stackIndex, Sl = s - 1 - Oe, qe = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * qe + e * Sl : 0, Q = u ? r * o.stackRatio : c.value.height, ke = c.value.bottom - J - Q * he / B, Ze = c.value.bottom - J - Q * Y / re, Pe = o.series.map((G, Ce) => {
-          const Qo = p.value.useIndividualScale ? (o.absoluteValues[Ce] + Math.abs(he)) / B : rl(G);
+          const Jo = p.value.useIndividualScale ? (o.absoluteValues[Ce] + Math.abs(he)) / B : rl(G);
           return {
             x: q(c.value.left + de.value.line / 2 + de.value.line * Ce),
-            y: q(c.value.bottom - J - Q * Qo),
+            y: q(c.value.bottom - J - Q * Jo),
             value: o.absoluteValues[Ce],
             comment: o.comments && o.comments.slice(k.value.start, k.value.end)[Ce] || ""
           };
@@ -2044,13 +2037,13 @@ const Pn = {
           zeroPosition: o.autoScaling ? Ze : ke,
           curve: o.autoScaling ? ie : Dt,
           plots: o.autoScaling ? Ve : Pe,
-          area: o.useArea ? p.value.useIndividualScale ? t.value.line.cutNullValues ? So(
+          area: o.useArea ? p.value.useIndividualScale ? t.value.line.cutNullValues ? wo(
             o.autoScaling ? Ve : Pe,
             Ul
-          ) : $o(
+          ) : So(
             o.autoScaling ? Ve.filter((G) => G.value !== null) : Pe.filter((G) => G.value !== null),
             Ul
-          ) : t.value.line.cutNullValues ? So(Pe, Ul) : $o(Pe.filter((G) => G.value !== null), Ul) : "",
+          ) : t.value.line.cutNullValues ? wo(Pe, Ul) : So(Pe.filter((G) => G.value !== null), Ul) : "",
           curveAreas: o.useArea ? vn(
             o.autoScaling ? t.value.line.cutNullValues ? Ve : Ve.filter((G) => G.value !== null) : t.value.line.cutNullValues ? Pe : Pe.filter((G) => G.value !== null),
             Ul,
@@ -2250,7 +2243,7 @@ const Pn = {
       }
       return { left: l, right: s };
     });
-    const Ho = x(() => {
+    const Eo = x(() => {
       let l = "", s = It.value.map((a) => a.value).filter((a) => da(a) && a !== null).reduce((a, r) => Math.abs(a) + Math.abs(r), 0);
       const e = h.value[M.value], u = t.value.chart.tooltip.customFormat;
       if (xa(u) && hn(() => u({
@@ -2285,7 +2278,7 @@ const Pn = {
               r = `<svg viewBox="0 0 40 40" height="14" width="14">${xl.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="${xl.pattern ? `url(#pattern_${Z.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="${Mt({ 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="${Mt({ 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="${Mt({ 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="${Mt({ 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="${Mt({ 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="${Mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), r = `<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="${Mt({ 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="${Mt({ 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="${Mt({ 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="${Mt({ 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="${Mt({ 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="${$o({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), r = `<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)) {
@@ -2293,7 +2286,7 @@ const Pn = {
                 break;
               }
               if (a.shape === "star") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${Mo({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                r = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${$o({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (a.shape === "triangle") {
@@ -2456,7 +2449,7 @@ const Pn = {
       });
     }
     function Ia() {
-      _o(v.dataset) ? (Pa({
+      Mo(v.dataset) ? (Pa({
         componentName: "VueUiXy",
         type: "dataset",
         debug: Tt.value
@@ -2474,7 +2467,7 @@ const Pn = {
 -----> The serie '${s.name}' contains the value '${e}' at index ${u}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), _o(v.dataset) || (pl.value = t.value.loading), jl.value = t.value.chart.userOptions.showOnChartHover, Pl.value = t.value.chart.userOptions.keepStateOnChartLeave, yl.value = !t.value.chart.userOptions.showOnChartHover, ll();
+      }), Mo(v.dataset) || (pl.value = t.value.loading), jl.value = t.value.chart.userOptions.showOnChartHover, Pl.value = t.value.chart.userOptions.keepStateOnChartLeave, yl.value = !t.value.chart.userOptions.showOnChartHover, ll();
       const l = 12;
       if (t.value.responsive) {
         const e = Ee.value.parentNode;
@@ -2510,7 +2503,7 @@ const Pn = {
       Ia(), St(), document.addEventListener("mousemove", uo, { passive: !0 }), document.addEventListener("scroll", Et, { passive: !0 });
     }), _l(() => {
       document.removeEventListener("scroll", Et, { passive: !0 }), document.removeEventListener("mousemove", uo, { passive: !0 }), gt.value && (gt.value.unobserve(ue.value), gt.value.disconnect(), gt.value = null);
-    }), Cn({
+    }), An({
       timeLabelsEls: _e,
       timeLabels: h,
       slicer: k,
@@ -2522,15 +2515,15 @@ const Pn = {
       width: ae,
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const va = y(!1), so = y(null), ro = y(200), Do = x(
+    const va = y(!1), so = y(null), ro = y(200), Ho = x(
       () => M.value ?? X.value ?? 0
     );
-    function Wo() {
+    function Do() {
       const l = Math.ceil(ro.value || 200);
       return Math.min(Math.max(l, 1), 200);
     }
-    function Xo() {
-      const l = Wo(), s = 200, e = Math.max(1, I.value), u = c.value.width / e, r = c.value.left + Do.value * u + u / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
+    function Wo() {
+      const l = Do(), s = 200, e = Math.max(1, I.value), u = c.value.width / e, r = c.value.left + Ho.value * u + u / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
       return q(R);
     }
     Zl(() => {
@@ -2542,7 +2535,7 @@ const Pn = {
       }, u = new ResizeObserver((r) => {
         let o = r.find((F) => F.target === l) || r[0];
         o && e(o.contentRect.width || 200);
-      }), a = xo((r) => {
+      }), a = ln((r) => {
         const o = so.value;
         l && l !== o && (u.unobserve(l), l = null), o && o !== l && (Ml(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
@@ -2557,7 +2550,7 @@ const Pn = {
         }
       });
     });
-    const Yo = x(() => {
+    const Xo = x(() => {
       if ([null, void 0].includes(M.value) && [null, void 0].includes(X.value)) return "";
       const l = (M.value != null ? M.value : 0) || (X.value != null ? X.value : 0), s = t.value.chart.timeTag.customFormat;
       if (va.value = !1, xa(s))
@@ -2609,7 +2602,7 @@ const Pn = {
     const Yl = x(() => {
       const l = t.value.table.useDialog && !t.value.showTable, s = p.value.showTable;
       return {
-        component: l ? Kl : Nn,
+        component: l ? Kl : Pn,
         title: `${t.value.chart.title.text}${t.value.chart.title.subtitle.text ? `: ${t.value.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: t.value.table.th.backgroundColor,
@@ -2642,27 +2635,27 @@ const Pn = {
     function vo() {
       p.value.showTable = !1, Tl.value && Tl.value.setTableIconState(!1);
     }
-    const Go = x(() => Ge.value.map((l) => ({
+    const Yo = x(() => Ge.value.map((l) => ({
       shape: l.type === "bar" ? "square" : l.shape ?? "circle",
       color: l.color,
       name: l.name
-    }))), Uo = x(() => t.value.chart.backgroundColor), qo = x(() => t.value.chart.legend), Zo = x(() => t.value.chart.title), { exportSvg: Ko, getSvg: Jo } = Ln({
+    }))), Go = x(() => t.value.chart.backgroundColor), Uo = x(() => t.value.chart.legend), qo = x(() => t.value.chart.title), { exportSvg: Zo, getSvg: Ko } = Ln({
       svg: $e,
-      title: Zo,
-      legend: qo,
-      legendItems: Go,
-      backgroundColor: Uo
+      title: qo,
+      legend: Uo,
+      legendItems: Yo,
+      backgroundColor: Go
     });
     async function ho({ isCb: l }) {
       if (l) {
-        const { blob: s, url: e, text: u, dataUrl: a } = await Jo();
+        const { blob: s, url: e, text: u, dataUrl: a } = await Ko();
         t.value.chart.userOptions.callbacks.svg({ blob: s, url: e, text: u, dataUrl: a });
       } else
-        Ko();
+        Zo();
     }
     return Sa({
-      getData: zo,
-      getImage: Io,
+      getData: To,
+      getImage: zo,
       generatePdf: ut,
       generateImage: st,
       generateSvg: ho,
@@ -2691,7 +2684,7 @@ const Pn = {
         active: He.value,
         onClose: d
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      Po.value ? (n(), i("div", {
+      No.value ? (n(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ct,
@@ -2705,7 +2698,7 @@ const Pn = {
         class: "vue-ui-xy-title",
         style: L(`font-family:${t.value.chart.fontFamily}`)
       }, [
-        (n(), vt(Tn, {
+        (n(), vt(zn, {
           key: `title_${Nl.value}`,
           config: {
             title: {
@@ -2721,7 +2714,7 @@ const Pn = {
       ], 4)) : g("", !0),
       S("div", {
         id: `legend-top-${Z.value}`
-      }, null, 8, $i),
+      }, null, 8, Mi),
       t.value.chart.userOptions.show && (Pl.value || yl.value) ? (n(), vt(m(fe), {
         ref_key: "userOptionsRef",
         ref: Tl,
@@ -2764,7 +2757,7 @@ const Pn = {
         style: L({
           visibility: Pl.value ? yl.value ? "visible" : "hidden" : "visible"
         })
-      }, bo({ _: 2 }, [
+      }, xo({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: Me(({ isOpen: e, color: u }) => [
@@ -2848,11 +2841,11 @@ const Pn = {
           color: t.value.chart.color,
           fontFamily: t.value.chart.fontFamily
         }),
-        "aria-label": No.value,
+        "aria-label": Io.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid",
-        onMousemove: To,
+        onMousemove: Ao,
         onMouseleave: na,
         onClick: Xa
       }, [
@@ -2873,9 +2866,9 @@ const Pn = {
             }
           }, [
             le(l.$slots, "chart-background", {}, void 0, !0)
-          ], 8, _i)) : g("", !0),
-          I.value > 0 ? (n(), i("g", Li, [
-            S("g", Ci, [
+          ], 8, Li)) : g("", !0),
+          I.value > 0 ? (n(), i("g", Ci, [
+            S("g", Ai, [
               t.value.chart.grid.labels.xAxis.showBaseline ? (n(), i("line", {
                 key: 0,
                 stroke: t.value.chart.grid.stroke,
@@ -2886,7 +2879,7 @@ const Pn = {
                 y2: m(ee)(c.value.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
-              }, null, 8, Ai)) : g("", !0),
+              }, null, 8, Ti)) : g("", !0),
               p.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), i(b, { key: 2 }, _(Xl.value, (e) => (n(), i("g", null, [
                 e.id === E.value && e.yLabels.length ? (n(!0), i(b, { key: 0 }, _(e.yLabels, (u) => (n(), i("line", {
                   x1: c.value.left + se.value,
@@ -2897,7 +2890,7 @@ const Pn = {
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ni))), 256)) : e.yLabels.length ? (n(!0), i(b, { key: 1 }, _(e.yLabels, (u) => (n(), i("line", {
+                }, null, 8, Pi))), 256)) : e.yLabels.length ? (n(!0), i(b, { key: 1 }, _(e.yLabels, (u) => (n(), i("line", {
                   x1: c.value.left + se.value,
                   x2: c.value.right - se.value,
                   y1: m(ee)(u.y),
@@ -2906,7 +2899,7 @@ const Pn = {
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Pi))), 256)) : g("", !0)
+                }, null, 8, Fi))), 256)) : g("", !0)
               ]))), 256)) : g("", !0) : (n(), i(b, { key: 1 }, [
                 t.value.chart.grid.labels.yAxis.showBaseline ? (n(), i("line", {
                   key: 0,
@@ -2918,8 +2911,8 @@ const Pn = {
                   y2: m(ee)(c.value.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ti)) : g("", !0),
-                t.value.chart.grid.showHorizontalLines ? (n(), i("g", zi, [
+                }, null, 8, zi)) : g("", !0),
+                t.value.chart.grid.showHorizontalLines ? (n(), i("g", Ii, [
                   (n(!0), i(b, null, _(Za.value, (e) => (n(), i("line", {
                     x1: c.value.left + se.value,
                     x2: c.value.right,
@@ -2929,26 +2922,26 @@ const Pn = {
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
-                  }, null, 8, Ii))), 256))
+                  }, null, 8, Ni))), 256))
                 ])) : g("", !0)
               ], 64)),
-              t.value.chart.grid.showVerticalLines ? (n(), i("g", Fi, [
+              t.value.chart.grid.showVerticalLines ? (n(), i("g", Ri, [
                 S("path", {
                   d: Bl.value,
                   "stroke-width": 0.5,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ri)
+                }, null, 8, Oi)
               ])) : g("", !0),
-              t.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", Oi, [
+              t.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", Vi, [
                 S("path", {
                   d: El.value,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Vi)
+                }, null, 8, Bi)
               ])) : g("", !0)
             ]),
             (n(!0), i(b, null, _($t.value, (e, u) => (n(), i("defs", {
@@ -2966,16 +2959,16 @@ const Pn = {
                   S("stop", {
                     offset: "0%",
                     "stop-color": e.color
-                  }, null, 8, Ei),
+                  }, null, 8, Hi),
                   S("stop", {
                     offset: "62%",
                     "stop-color": `${m(ml)(e.color, 0.02)}`
-                  }, null, 8, Hi),
+                  }, null, 8, Di),
                   S("stop", {
                     offset: "100%",
                     "stop-color": `${m(ml)(e.color, 0.05)}`
-                  }, null, 8, Di)
-                ], 8, Bi),
+                  }, null, 8, Wi)
+                ], 8, Ei),
                 S("linearGradient", {
                   id: `rectGradient_neg_${u}_${Z.value}`,
                   x2: "0%",
@@ -2984,16 +2977,16 @@ const Pn = {
                   S("stop", {
                     offset: "0%",
                     "stop-color": `${m(ml)(e.color, 0.05)}`
-                  }, null, 8, Xi),
+                  }, null, 8, Yi),
                   S("stop", {
                     offset: "38%",
                     "stop-color": `${m(ml)(e.color, 0.02)}`
-                  }, null, 8, Yi),
+                  }, null, 8, Gi),
                   S("stop", {
                     offset: "100%",
                     "stop-color": e.color
-                  }, null, 8, Gi)
-                ], 8, Wi)
+                  }, null, 8, Ui)
+                ], 8, Xi)
               ], 64))
             ]))), 128)),
             (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i("defs", {
@@ -3010,12 +3003,12 @@ const Pn = {
                 S("stop", {
                   offset: "0%",
                   "stop-color": `${m(ml)(e.color, 0.05)}`
-                }, null, 8, qi),
+                }, null, 8, Zi),
                 S("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, Zi)
-              ], 8, Ui)
+                }, null, 8, Ki)
+              ], 8, qi)
             ]))), 128)),
             (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i("defs", {
               key: `def_line_${e.id}`
@@ -3031,12 +3024,12 @@ const Pn = {
                 S("stop", {
                   offset: "0%",
                   "stop-color": `${m(ml)(e.color, 0.05)}`
-                }, null, 8, Ji),
+                }, null, 8, Qi),
                 S("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, Qi)
-              ], 8, Ki),
+                }, null, 8, ji)
+              ], 8, Ji),
               l.$slots["area-gradient"] ? le(l.$slots, "area-gradient", Ut({
                 key: 0,
                 ref_for: !0
@@ -3051,14 +3044,14 @@ const Pn = {
                 S("stop", {
                   offset: "0%",
                   "stop-color": `${m(dt)(m(ml)(e.color, 0.03), t.value.line.area.opacity)}`
-                }, null, 8, eu),
+                }, null, 8, tu),
                 S("stop", {
                   offset: "100%",
                   "stop-color": `${m(dt)(e.color, t.value.line.area.opacity)}`
-                }, null, 8, tu)
-              ], 8, ji))
+                }, null, 8, lu)
+              ], 8, eu))
             ]))), 128)),
-            (n(!0), i(b, null, _(Fo.value, (e) => (n(), i("g", null, [
+            (n(!0), i(b, null, _(Po.value, (e) => (n(), i("g", null, [
               e.show ? (n(), i(b, { key: 0 }, [
                 (n(!0), i(b, null, _(e.span, (u, a) => (n(), i("g", null, [
                   S("rect", {
@@ -3071,7 +3064,7 @@ const Pn = {
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / I.value < 0 ? 1e-5 : c.value.width / I.value,
                     fill: m(dt)(e.color, e.opacity)
-                  }, null, 12, lu)
+                  }, null, 12, au)
                 ]))), 256)),
                 (n(!0), i(b, null, _(e.span, (u, a) => (n(), i("g", null, [
                   e.caption.text && a === 0 ? (n(), i("foreignObject", {
@@ -3088,11 +3081,11 @@ const Pn = {
                     S("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"}`)
                     }, xe(e.caption.text), 5)
-                  ], 12, au)) : g("", !0)
+                  ], 12, ou)) : g("", !0)
                 ]))), 256))
               ], 64)) : g("", !0)
             ]))), 256)),
-            ge.value ? (n(), i("g", ou, [
+            ge.value ? (n(), i("g", nu, [
               (n(!0), i(b, null, _(I.value, (e, u) => (n(), i("g", {
                 key: `tooltip_trap_highlighter_${u}`
               }, [
@@ -3103,7 +3096,7 @@ const Pn = {
                   width: c.value.width / I.value < 0 ? 1e-5 : c.value.width / I.value,
                   fill: [X.value, M.value, oe.value].includes(u) ? m(dt)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
-                }, null, 8, nu)
+                }, null, 8, iu)
               ]))), 128))
             ])) : g("", !0),
             $t.value.length ? (n(!0), i(b, { key: 1 }, _($t.value, (e, u) => (n(), i("g", {
@@ -3127,7 +3120,7 @@ const Pn = {
                   style: L({
                     transition: m(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
                   })
-                }, null, 12, iu)) : g("", !0),
+                }, null, 12, uu)) : g("", !0),
                 Ue(a.value) && l.$slots.pattern ? (n(), i("rect", {
                   key: 1,
                   x: oa(a) - sa.value / 2,
@@ -3139,7 +3132,7 @@ const Pn = {
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
                   style: L({ transition: m(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, uu)) : g("", !0),
+                }, null, 12, su)) : g("", !0),
                 a.comment && t.value.chart.comments.show ? (n(), i("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
@@ -3151,7 +3144,7 @@ const Pn = {
                   le(l.$slots, "plot-comment", {
                     plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
                   }, void 0, !0)
-                ], 8, su)) : g("", !0)
+                ], 8, ru)) : g("", !0)
               ]))), 128))
             ], 6))), 128)) : g("", !0),
             !p.value.useIndividualScale && t.value.chart.grid.labels.zeroLine.show ? (n(), i("line", {
@@ -3164,8 +3157,8 @@ const Pn = {
               y2: m(ee)(Ie.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, ru)) : g("", !0),
-            t.value.chart.highlighter.useLine && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", cu, [
+            }, null, 8, cu)) : g("", !0),
+            t.value.chart.highlighter.useLine && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", vu, [
               S("line", {
                 x1: c.value.left + c.value.width / I.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / I.value / 2,
                 x2: c.value.left + c.value.width / I.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / I.value / 2,
@@ -3176,7 +3169,7 @@ const Pn = {
                 "stroke-dasharray": t.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, vu)
+              }, null, 8, du)
             ])) : g("", !0),
             t.value.chart.grid.frame.show ? (n(), i("rect", {
               key: 4,
@@ -3191,7 +3184,7 @@ const Pn = {
               "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, du)) : g("", !0),
+            }, null, 8, hu)) : g("", !0),
             t.value.chart.grid.labels.show ? (n(), i("g", {
               key: 5,
               ref_key: "scaleLabels",
@@ -3208,7 +3201,7 @@ const Pn = {
                     "stroke-width": t.value.chart.grid.stroke,
                     "stroke-linecap": "round",
                     style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-                  }, null, 12, hu)
+                  }, null, 12, fu)
                 ]))), 256)),
                 (n(!0), i(b, null, _(Xl.value, (e) => (n(), i("g", {
                   style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
@@ -3219,7 +3212,7 @@ const Pn = {
                     "text-anchor": "middle",
                     transform: `translate(${e.x - T.value.dataLabels * 0.8 / 2 + se.value}, ${p.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
                   }, xe(e.name) + " " + xe(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, fu),
+                                    ${e.scaleLabel}` : ""), 9, mu),
                   (n(!0), i(b, null, _(e.yLabels, (u, a) => (n(), i(b, null, [
                     t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
                       key: 0,
@@ -3231,7 +3224,7 @@ const Pn = {
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
-                    }, null, 8, mu)) : g("", !0)
+                    }, null, 8, gu)) : g("", !0)
                   ], 64))), 256)),
                   (n(!0), i(b, null, _(e.yLabels, (u, a) => (n(), i("text", {
                     x: e.x - 5 + se.value - c.value.individualOffsetX,
@@ -3249,7 +3242,7 @@ const Pn = {
                       r: t.value.chart.grid.labels.yAxis.rounding
                     }),
                     { datapoint: u.datapoint, seriesIndex: a }
-                  )), 9, gu))), 256))
+                  )), 9, xu))), 256))
                 ], 4))), 256))
               ], 64)) : (n(!0), i(b, { key: 1 }, _(Za.value, (e, u) => (n(), i("g", {
                 key: `yLabel_${u}`
@@ -3264,7 +3257,7 @@ const Pn = {
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, xu)) : g("", !0),
+                }, null, 8, bu)) : g("", !0),
                 e.value >= Ye.value.min && e.value <= Ye.value.max ? (n(), i("text", {
                   key: 1,
                   x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
@@ -3281,7 +3274,7 @@ const Pn = {
                     s: e.suffix,
                     r: t.value.chart.grid.labels.yAxis.rounding
                   })
-                ) : ""), 9, bu)) : g("", !0)
+                ) : ""), 9, yu)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
             (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i("g", {
@@ -3310,12 +3303,12 @@ const Pn = {
                   x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
-                  S("div", pu, [
+                  S("div", ku, [
                     le(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
                     }, void 0, !0)
                   ])
-                ], 8, yu)) : g("", !0)
+                ], 8, pu)) : g("", !0)
               ]))), 128))
             ], 6))), 128)),
             (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i("g", {
@@ -3331,7 +3324,7 @@ const Pn = {
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, ku)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
+              }, null, 12, wu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: t.value.chart.backgroundColor,
@@ -3341,14 +3334,14 @@ const Pn = {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, wu)) : g("", !0)
+              }, null, 12, Su)) : g("", !0)
             ], 6))), 128)),
-            l.$slots.pattern ? (n(), i("defs", Su, [
+            l.$slots.pattern ? (n(), i("defs", $u, [
               (n(!0), i(b, null, _(rt.value, (e, u) => le(l.$slots, "pattern", Ut({
                 key: `serie_pattern_slot_${e.id}`
               }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Z.value}_${u}` }), void 0, !0)), 128))
             ])) : g("", !0),
-            Qa.value.length && !p.value.isStacked ? (n(), i("g", $u, [
+            Qa.value.length && !p.value.isStacked ? (n(), i("g", Mu, [
               (n(!0), i(b, null, _(Qa.value, (e) => (n(), i("path", {
                 key: e.key,
                 d: e.d,
@@ -3357,40 +3350,40 @@ const Pn = {
                 stroke: "none",
                 "pointer-events": "none",
                 style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Mu))), 128))
+              }, null, 12, _u))), 128))
             ])) : g("", !0),
             (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i("g", {
               key: `serie_line_above_${e.id}`,
               class: Ke(`serie_line_${u}`),
               style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.useArea && e.plots.length > 1 ? (n(), i("g", _u, [
+              e.useArea && e.plots.length > 1 ? (n(), i("g", Lu, [
                 e.smooth ? (n(!0), i(b, { key: 0 }, _(e.curveAreas, (a, r) => (n(), i(b, { key: r }, [
                   a ? (n(), i("path", {
                     key: 0,
                     d: a,
                     fill: t.value.line.area.useGradient ? `url(#areaGradient_${u}_${Z.value})` : m(dt)(e.color, t.value.line.area.opacity),
                     style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Lu)) : g("", !0),
+                  }, null, 12, Cu)) : g("", !0),
                   l.$slots.pattern && a ? (n(), i("path", {
                     key: 1,
                     d: a,
                     fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
                     style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Cu)) : g("", !0)
+                  }, null, 12, Au)) : g("", !0)
                 ], 64))), 128)) : (n(!0), i(b, { key: 1 }, _(e.area.split(";"), (a, r) => (n(), i(b, { key: r }, [
                   a ? (n(), i("path", {
                     key: 0,
                     d: `M${a}Z`,
                     fill: t.value.line.area.useGradient ? `url(#areaGradient_${u}_${Z.value})` : m(dt)(e.color, t.value.line.area.opacity),
                     style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Au)) : g("", !0),
+                  }, null, 12, Tu)) : g("", !0),
                   l.$slots.pattern && a ? (n(), i("path", {
                     key: 1,
                     d: `M${a}Z`,
                     fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
                     style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Tu)) : g("", !0)
+                  }, null, 12, zu)) : g("", !0)
                 ], 64))), 128))
               ])) : g("", !0),
               e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
@@ -3402,7 +3395,7 @@ const Pn = {
                 fill: "none",
                 "stroke-linecap": "round",
                 style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, zu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
+              }, null, 12, Iu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
                 key: 2,
                 d: `M${e.straight}`,
                 stroke: e.color,
@@ -3412,7 +3405,7 @@ const Pn = {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Iu)) : g("", !0),
+              }, null, 12, Nu)) : g("", !0),
               (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
                 key: `circle_line_${u}_${r}`
               }, [
@@ -3434,15 +3427,15 @@ const Pn = {
                   x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
-                  S("div", Pu, [
+                  S("div", Fu, [
                     le(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
                     }, void 0, !0)
                   ])
-                ], 8, Nu)) : g("", !0)
+                ], 8, Pu)) : g("", !0)
               ], 64))), 128))
             ], 6))), 128)),
-            (t.value.bar.labels.show || t.value.bar.serieName.show) && p.value.dataLabels.show ? (n(), i("g", Fu, [
+            (t.value.bar.labels.show || t.value.bar.serieName.show) && p.value.dataLabels.show ? (n(), i("g", Ru, [
               (n(!0), i(b, null, _($t.value, (e, u) => (n(), i(b, {
                 key: `xLabel_bar_${e.id}`
               }, [
@@ -3470,7 +3463,7 @@ const Pn = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, Ru)) : g("", !0),
+                  ) : ""), 13, Ou)) : g("", !0),
                   a && t.value.bar.serieName.show ? (n(), i("text", {
                     key: 1,
                     x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : a.x + Ht() * 1.1,
@@ -3483,11 +3476,11 @@ const Pn = {
                   }, xe(t.value.bar.serieName.useAbbreviation ? m(fn)({
                     source: e.name,
                     length: t.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, Ou)) : g("", !0)
+                  }) : e.name), 13, Vu)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : g("", !0),
-            t.value.plot.labels.show && p.value.dataLabels.show ? (n(), i("g", Vu, [
+            t.value.plot.labels.show && p.value.dataLabels.show ? (n(), i("g", Bu, [
               (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i(b, {
                 key: `xLabel_plot_${e.id}`
               }, [
@@ -3515,10 +3508,10 @@ const Pn = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, Bu)) : g("", !0)
+                  ) : ""), 13, Eu)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), i("g", Eu, [
+            ])) : (n(), i("g", Hu, [
               (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i(b, {
                 key: `xLabel_plot_${e.id}`
               }, [
@@ -3537,7 +3530,7 @@ const Pn = {
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, Yu)) : g("", !0)
+                    }, null, 8, Gu)) : g("", !0)
                   ], 64)) : (n(), i(b, { key: 0 }, [
                     a && r === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
                       key: 0,
@@ -3559,8 +3552,8 @@ const Pn = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Du)
-                    ], 12, Hu)) : g("", !0),
+                      }, null, 12, Wu)
+                    ], 12, Du)) : g("", !0),
                     a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
                       key: 1,
                       x: a.x - e.name.length * (T.value.plotLabels / 2),
@@ -3581,13 +3574,13 @@ const Pn = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Xu)
-                    ], 12, Wu)) : g("", !0)
+                      }, null, 12, Yu)
+                    ], 12, Xu)) : g("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            t.value.line.labels.show && p.value.dataLabels.show ? (n(), i("g", Gu, [
+            t.value.line.labels.show && p.value.dataLabels.show ? (n(), i("g", Uu, [
               (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i(b, {
                 key: `xLabel_line_${e.id}`
               }, [
@@ -3615,10 +3608,10 @@ const Pn = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, Uu)) : g("", !0)
+                  ) : ""), 13, qu)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), i("g", qu, [
+            ])) : (n(), i("g", Zu, [
               (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i(b, {
                 key: `xLabel_line_${e.id}`
               }, [
@@ -3637,7 +3630,7 @@ const Pn = {
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, ju)) : g("", !0)
+                    }, null, 8, es)) : g("", !0)
                   ], 64)) : (n(), i(b, { key: 0 }, [
                     a && r === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
                       key: 0,
@@ -3659,8 +3652,8 @@ const Pn = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Ku)
-                    ], 12, Zu)) : g("", !0),
+                      }, null, 12, Ju)
+                    ], 12, Ku)) : g("", !0),
                     a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
                       key: 1,
                       x: a.x,
@@ -3681,8 +3674,8 @@ const Pn = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Qu)
-                    ], 12, Ju)) : g("", !0)
+                      }, null, 12, ju)
+                    ], 12, Qu)) : g("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
@@ -3709,7 +3702,7 @@ const Pn = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, es)) : g("", !0),
+                }, null, 12, ts)) : g("", !0),
                 a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
                   x: a.x + T.value.plotLabels,
@@ -3726,7 +3719,7 @@ const Pn = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ts)) : g("", !0)
+                }, null, 12, ls)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i(b, {
@@ -3751,7 +3744,7 @@ const Pn = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ls)) : g("", !0),
+                }, null, 12, as)) : g("", !0),
                 a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
                   x: a.x + T.value.plotLabels,
@@ -3768,13 +3761,13 @@ const Pn = {
                     maxWords: 2
                   }),
                   style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, as)) : g("", !0)
+                }, null, 12, os)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             (n(!0), i(b, null, _([...tt.value, ...Ne.value, ...$t.value], (e, u) => (n(), i(b, {
               key: `progression-${u}`
             }, [
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(m(lt)(e.plots).trend) ? (n(), i("g", os, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(m(lt)(e.plots).trend) ? (n(), i("g", ns, [
                 S("defs", null, [
                   S("marker", {
                     id: `progression_arrow_${u}`,
@@ -3793,8 +3786,8 @@ const Pn = {
                       stroke: t.value.chart.backgroundColor,
                       "stroke-width": "1",
                       "stroke-linejoin": "round"
-                    }, null, 8, is)
-                  ], 8, ns)
+                    }, null, 8, us)
+                  ], 8, is)
                 ]),
                 e.plots.length > 1 ? (n(), i("line", {
                   key: 0,
@@ -3808,7 +3801,7 @@ const Pn = {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${u})`
-                }, null, 8, us)) : g("", !0),
+                }, null, 8, ss)) : g("", !0),
                 e.plots.length > 1 ? (n(), i("line", {
                   key: 1,
                   x1: m(lt)(e.plots).x1 + (e.type === "bar" ? Ht() : 0),
@@ -3821,7 +3814,7 @@ const Pn = {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
                   "marker-end": `url(#progression_arrow_${u})`
-                }, null, 8, ss)) : g("", !0),
+                }, null, 8, rs)) : g("", !0),
                 e.plots.length > 1 ? (n(), i("text", {
                   key: 2,
                   "text-anchor": "middle",
@@ -3838,7 +3831,7 @@ const Pn = {
                   v: m(lt)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, rs)) : g("", !0)
+                })), 9, cs)) : g("", !0)
               ])) : g("", !0)
             ], 64))), 128)),
             p.value.useIndividualScale && !p.value.isStacked ? (n(), i(b, { key: 13 }, [
@@ -3854,13 +3847,13 @@ const Pn = {
                     offset: "0%",
                     "stop-color": t.value.chart.backgroundColor,
                     "stop-opacity": "0"
-                  }, null, 8, vs),
+                  }, null, 8, ds),
                   S("stop", {
                     offset: "100%",
                     "stop-color": e.color,
                     "stop-opacity": "0.2"
-                  }, null, 8, ds)
-                ], 8, cs))), 256))
+                  }, null, 8, hs)
+                ], 8, vs))), 256))
               ]),
               (n(!0), i(b, null, _(Xl.value, (e, u) => (n(), i("rect", {
                 x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + se.value - c.value.individualOffsetX,
@@ -3870,7 +3863,7 @@ const Pn = {
                 fill: E.value === e.groupId ? `url(#individual_scale_gradient_${Z.value}_${u})` : "transparent",
                 onMouseenter: (a) => E.value = e.groupId,
                 onMouseleave: s[0] || (s[0] = (a) => E.value = null)
-              }, null, 40, hs))), 256))
+              }, null, 40, fs))), 256))
             ], 64)) : g("", !0),
             S("g", null, [
               t.value.chart.grid.labels.axis.yLabel && !p.value.useIndividualScale ? (n(), i("text", {
@@ -3882,7 +3875,7 @@ const Pn = {
                 transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
-              }, xe(t.value.chart.grid.labels.axis.yLabel), 9, fs)) : g("", !0),
+              }, xe(t.value.chart.grid.labels.axis.yLabel), 9, ms)) : g("", !0),
               t.value.chart.grid.labels.axis.xLabel ? (n(), i("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
@@ -3892,7 +3885,7 @@ const Pn = {
                 y: W.value - 3,
                 "font-size": T.value.yAxis,
                 fill: t.value.chart.grid.labels.color
-              }, xe(t.value.chart.grid.labels.axis.xLabel), 9, ms)) : g("", !0)
+              }, xe(t.value.chart.grid.labels.axis.xLabel), 9, gs)) : g("", !0)
             ]),
             t.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", {
               key: 14,
@@ -3935,7 +3928,7 @@ const Pn = {
                       y: 0
                     }),
                     onClick: () => ne(e, u)
-                  }, null, 12, xs)) : (n(), i("text", {
+                  }, null, 12, bs)) : (n(), i("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",
@@ -3946,11 +3939,11 @@ const Pn = {
                       cursor: Hl() ? "pointer" : "default"
                     }),
                     onClick: () => ne(e, u)
-                  }, xe(e.text || ""), 13, gs))
+                  }, xe(e.text || ""), 13, xs))
                 ], 64)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
-            Ka.value.length && !p.value.isStacked ? (n(), i("g", bs, [
+            Ka.value.length && !p.value.isStacked ? (n(), i("g", ys, [
               (n(!0), i(b, null, _(Ka.value, (e) => (n(), i("g", {
                 key: e.uid
               }, [
@@ -3965,7 +3958,7 @@ const Pn = {
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, ys)) : g("", !0),
+                }, null, 8, ps)) : g("", !0),
                 e.yBottom && e.show && isFinite(e.yBottom) ? (n(), i("line", {
                   key: 1,
                   x1: e.x1,
@@ -3977,7 +3970,7 @@ const Pn = {
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, ps)) : g("", !0),
+                }, null, 8, ks)) : g("", !0),
                 e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (n(), i("rect", {
                   key: 2,
                   y: Math.min(e.yTop, e.yBottom),
@@ -3986,7 +3979,7 @@ const Pn = {
                   height: m(q)(e.areaHeight, 0),
                   fill: m(dt)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
-                }, null, 8, ks)) : g("", !0),
+                }, null, 8, ws)) : g("", !0),
                 e.config.label.text && e.show && isFinite(e._box.y) ? (n(), i("rect", Ut({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
@@ -4000,12 +3993,12 @@ const Pn = {
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, xe(e.config.label.text), 9, ws)) : g("", !0)
+                }, xe(e.config.label.text), 9, Ss)) : g("", !0)
               ]))), 128))
             ])) : g("", !0),
-            t.value.chart.timeTag.show && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", Ss, [
+            t.value.chart.timeTag.show && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", $s, [
               (n(), i("foreignObject", {
-                x: Xo(),
+                x: Wo(),
                 y: c.value.bottom,
                 width: "200",
                 height: "40",
@@ -4016,25 +4009,25 @@ const Pn = {
                   ref: so,
                   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: Yo.value
-                }, null, 12, Ms)
-              ], 8, $s)),
+                  innerHTML: Xo.value
+                }, null, 12, _s)
+              ], 8, Ms)),
               S("circle", {
                 cx: c.value.left + c.value.width / I.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.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, _s)
+              }, null, 8, Ls)
             ])) : g("", !0)
           ])) : g("", !0),
           Ol.value ? (n(), i("rect", Ut({ key: 2 }, _a.value, {
             "data-start": k.value.start,
             "data-end": k.value.end
-          }), null, 16, Ls)) : g("", !0),
+          }), null, 16, Cs)) : g("", !0),
           le(l.$slots, "svg", { svg: bt.value }, void 0, !0)
         ], 512)
-      ], 46, Mi)),
-      l.$slots.watermark ? (n(), i("div", Cs, [
+      ], 46, _i)),
+      l.$slots.watermark ? (n(), i("div", As, [
         le(l.$slots, "watermark", Gt(hl({ isPrinting: m(et) || m(it) })), void 0, !0)
       ])) : g("", !0),
       (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i(b, {
@@ -4074,12 +4067,12 @@ const Pn = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", As, [
+            (n(), i("svg", Ts, [
               S("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ts)
+              }, null, 8, zs)
             ])),
             S("div", {
               class: "vue-ui-xy-tag-content",
@@ -4093,7 +4086,7 @@ const Pn = {
                   serieName: e.name
                 }
               )
-            }, null, 8, zs)
+            }, null, 8, Is)
           ], 4)) : g("", !0),
           [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), i("div", {
             key: 1,
@@ -4126,12 +4119,12 @@ const Pn = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", Is, [
+            (n(), i("svg", Ns, [
               S("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ns)
+              }, null, 8, Ps)
             ])),
             S("div", {
               class: "vue-ui-xy-tag-content",
@@ -4145,7 +4138,7 @@ const Pn = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Ps)
+            }, null, 8, Fs)
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
@@ -4186,12 +4179,12 @@ const Pn = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", Fs, [
+            (n(), i("svg", Rs, [
               S("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Rs)
+              }, null, 8, Os)
             ])),
             S("div", {
               class: "vue-ui-xy-tag-content",
@@ -4205,7 +4198,7 @@ const Pn = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Os)
+            }, null, 8, Vs)
           ], 4)) : g("", !0),
           [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (n(), i("div", {
             key: 1,
@@ -4238,12 +4231,12 @@ const Pn = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", Vs, [
+            (n(), i("svg", Bs, [
               S("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Bs)
+              }, null, 8, Es)
             ])),
             S("div", {
               class: "vue-ui-xy-tag-content",
@@ -4257,11 +4250,11 @@ const Pn = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Es)
+            }, null, 8, Hs)
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      t.value.chart.zoom.show && je.value > 6 && At.value && Dl.value ? (n(), vt(wi, {
+      t.value.chart.zoom.show && je.value > 6 && At.value && Dl.value ? (n(), vt(Si, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Je,
@@ -4287,7 +4280,7 @@ const Pn = {
         inputColor: t.value.chart.zoom.color,
         selectColor: t.value.chart.zoom.highlightColor,
         borderColor: t.value.chart.backgroundColor,
-        minimap: Bo.value,
+        minimap: Vo.value,
         smoothMinimap: t.value.chart.zoom.minimap.smooth,
         minimapSelectedColor: t.value.chart.zoom.minimap.selectedColor,
         minimapSelectionRadius: t.value.chart.zoom.minimap.selectionRadius,
@@ -4301,13 +4294,13 @@ const Pn = {
         enableRangeHandles: t.value.chart.zoom.enableRangeHandles,
         enableSelectionDrag: t.value.chart.zoom.enableSelectionDrag,
         minimapCompact: t.value.chart.zoom.minimap.compact,
-        allMinimaps: Eo.value,
+        allMinimaps: Bo.value,
         minimapMerged: t.value.chart.zoom.minimap.merged,
         minimapFrameColor: t.value.chart.zoom.minimap.frameColor,
         cutNullValues: t.value.line.cutNullValues,
         focusOnDrag: t.value.chart.zoom.focusOnDrag,
         focusRangeRatio: t.value.chart.zoom.focusRangeRatio,
-        onReset: Ao,
+        onReset: Co,
         onTrapMouse: wt,
         onFutureStart: s[1] || (s[1] = (e) => Vl("start", e)),
         onFutureEnd: s[2] || (s[2] = (e) => Vl("end", e)),
@@ -4321,7 +4314,7 @@ const Pn = {
       }, 8, ["immediate", "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", "minimapCompact", "allMinimaps", "minimapMerged", "minimapFrameColor", "cutNullValues", "focusOnDrag", "focusRangeRatio", "timeLabels", "isPreview"])) : g("", !0),
       S("div", {
         id: `legend-bottom-${Z.value}`
-      }, null, 8, Hs),
+      }, null, 8, Ds),
       H.value ? (n(), vt(an, {
         key: 6,
         to: t.value.chart.legend.position === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
@@ -4340,7 +4333,7 @@ const Pn = {
             onClick: (a) => Ga(e),
             class: Ke({ "vue-ui-xy-legend-item-alone": Ge.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ve.value.includes(e.id) })
           }, [
-            jt.value[e.type] === "line" ? (n(), i("svg", Ws, [
+            jt.value[e.type] === "line" ? (n(), i("svg", Xs, [
               S("rect", {
                 x: "0",
                 y: "7.5",
@@ -4350,7 +4343,7 @@ const Pn = {
                 height: "3",
                 width: "20",
                 fill: e.color
-              }, null, 8, Xs),
+              }, null, 8, Ys),
               gl(ma, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
@@ -4359,7 +4352,7 @@ const Pn = {
                 stroke: t.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : jt.value[e.type] === "bar" ? (n(), i("svg", Ys, [
+            ])) : jt.value[e.type] === "bar" ? (n(), i("svg", Gs, [
               jt.value[e.type] === "bar" && l.$slots.pattern ? (n(), i("rect", {
                 key: 0,
                 x: "4",
@@ -4369,7 +4362,7 @@ const Pn = {
                 width: "32",
                 stroke: "none",
                 fill: e.color
-              }, null, 8, Gs)) : g("", !0),
+              }, null, 8, Us)) : g("", !0),
               jt.value[e.type] === "bar" ? (n(), i("rect", {
                 key: 1,
                 x: "4",
@@ -4379,8 +4372,8 @@ const Pn = {
                 width: "32",
                 stroke: "none",
                 fill: l.$slots.pattern ? `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})` : e.color
-              }, null, 8, Us)) : g("", !0)
-            ])) : (n(), i("svg", qs, [
+              }, null, 8, qs)) : g("", !0)
+            ])) : (n(), i("svg", Zs, [
               gl(ma, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
@@ -4391,7 +4384,7 @@ const Pn = {
             S("span", {
               style: L(`color:${t.value.chart.legend.color}`)
             }, xe(e.name), 5)
-          ], 10, Ds))), 128))
+          ], 10, Ws))), 128))
         ], 4)) : (n(), i("div", {
           key: 1,
           ref_key: "chartLegend",
@@ -4420,7 +4413,7 @@ const Pn = {
         position: t.value.chart.tooltip.position,
         offsetY: t.value.chart.tooltip.offsetY,
         parent: l.$refs.chart,
-        content: Ho.value,
+        content: Eo.value,
         isFullscreen: Re.value,
         isCustom: t.value.chart.tooltip.customFormat && typeof t.value.chart.tooltip.customFormat == "function",
         smooth: t.value.chart.tooltip.smooth,
@@ -4440,12 +4433,12 @@ const Pn = {
         ref_key: "tableUnit",
         ref: Qe,
         onClose: vo
-      }), bo({
+      }), xo({
         content: Me(() => [
           S("div", {
             style: L(`${m(et) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
-            S("div", Zs, [
+            S("div", Ks, [
               Oa(S("input", {
                 type: "checkbox",
                 "onUpdate:modelValue": s[4] || (s[4] = (e) => De.value = e)
@@ -4465,8 +4458,8 @@ const Pn = {
             ]),
             De.value ? (n(), vt(m(Ll), {
               key: `sparkline_${xt.value}`,
-              dataset: Ro.value,
-              config: Oo.value
+              dataset: Fo.value,
+              config: Ro.value
             }, null, 8, ["dataset", "config"])) : (n(), vt(m(Fe), {
               key: `table_${Il.value}`,
               colNames: ca.value.colNames,
@@ -4478,10 +4471,10 @@ const Pn = {
               onClose: vo
             }, {
               th: Me(({ th: e }) => [
-                S("div", { innerHTML: e }, null, 8, Ks)
+                S("div", { innerHTML: e }, null, 8, Js)
               ]),
               td: Me(({ td: e }) => [
-                yo(xe(isNaN(Number(e)) ? e : m(_t)({
+                bo(xe(isNaN(Number(e)) ? e : m(_t)({
                   p: t.value.chart.labels.prefix,
                   v: e,
                   s: t.value.chart.labels.suffix,
@@ -4497,7 +4490,7 @@ const Pn = {
         t.value.table.useDialog ? {
           name: "title",
           fn: Me(() => [
-            yo(xe(Yl.value.title), 1)
+            bo(xe(Yl.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -4519,9 +4512,9 @@ const Pn = {
         } : void 0
       ]), 1040)) : g("", !0),
       m(be) ? (n(), vt($n, { key: 9 })) : g("", !0)
-    ], 46, Si));
+    ], 46, $i));
   }
-}, fr = /* @__PURE__ */ Co(Js, [["__scopeId", "data-v-46569f1e"]]);
+}, mr = /* @__PURE__ */ Lo(Qs, [["__scopeId", "data-v-9baf1f86"]]);
 export {
-  fr as default
+  mr as default
 };