vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-stackline-Dl_FfJAO.js → vue-ui-stackline-C6-WNpKD.js}

@@ -1,11 +1,11 @@
-import { defineAsyncComponent as ke, useSlots as gs, computed as f, ref as d, shallowRef as qt, onMounted as ps, toRefs as bs, watch as Fe, onBeforeUnmount as Xt, nextTick as Gt, watchEffect as gt, openBlock as i, createElementBlock as v, normalizeStyle as ge, normalizeClass as tl, createElementVNode as le, toDisplayString as fe, createBlock as oe, createCommentVNode as x, unref as C, withCtx as P, renderSlot as N, normalizeProps as ee, guardReactiveProps as te, createSlots as jt, createVNode as Ze, Fragment as F, renderList as X, mergeProps as pt, Teleport as xs, resolveDynamicComponent as ks, createTextVNode as al } from "vue";
-import { j as ll, t as sl, m as ws, p as bt, n as Ss, o as ol, q as nl, r as Ms, s as $s, ar as Qe, E as xt, D as kt, I as Cs, c as we, b as Se, F as Ls, T as As, U as Ts, k as et, l as Ce, G as tt, X as Ns, x as Ps, u as zs, K as rl, a0 as Is, a1 as _s, z as Fs, A as at, a3 as Es } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as ke, useSlots as gs, computed as f, ref as h, shallowRef as qt, onMounted as ps, toRefs as bs, watch as Fe, onBeforeUnmount as Xt, nextTick as Gt, watchEffect as pt, openBlock as i, createElementBlock as v, normalizeStyle as ge, normalizeClass as tl, createElementVNode as le, toDisplayString as fe, createBlock as oe, createCommentVNode as x, unref as C, withCtx as P, renderSlot as N, normalizeProps as ee, guardReactiveProps as te, createSlots as jt, createVNode as Ze, Fragment as F, renderList as X, mergeProps as bt, Teleport as xs, resolveDynamicComponent as ks, createTextVNode as al } from "vue";
+import { j as ll, t as sl, m as ws, p as xt, n as Ss, o as ol, q as nl, r as Ms, s as $s, ar as Qe, E as kt, D as wt, I as Cs, c as we, b as Se, F as Ls, T as As, U as Ts, k as et, l as Ce, G as tt, X as Ns, x as Ps, u as Is, K as rl, a0 as zs, a1 as _s, z as Fs, A as at, a3 as Es } from "./lib-DBptbyyI.js";
 import { t as Rs, u as Os } from "./useResponsive-DfdjqQps.js";
 import { u as il, a as ul, b as Ds } from "./useTimeLabels-C-A2uZKi.js";
 import { u as Vs } from "./useConfig-DO94Aj5s.js";
 import { u as Bs, B as Ys } from "./BaseScanner-BhhkKVoj.js";
-import { u as Ws } from "./usePrinter-CEpYU3r5.js";
-import { u as Hs } from "./useSvgExport-ByUukOZt.js";
+import { u as Hs } from "./usePrinter-CEpYU3r5.js";
+import { u as Ws } from "./useSvgExport-ByUukOZt.js";
 import { u as Jt } from "./useNestedProp-Bf5XFbs8.js";
 import { u as Us } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as qs } from "./useStableElementSize-DCNs0Tx7.js";
@@ -21,7 +21,7 @@ import { A as eo } from "./A11yDataTable-KcVAX2cP.js";
 import { S as to } from "./SlicerPreview-DTjwV0iY.js";
 import { B as ao } from "./BaseLegendToggle-BQVIawmA.js";
 import { _ as lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative" } }, io = ["aria-describedby", "xmlns", "viewBox"], uo = { key: 0 }, co = ["x", "y", "width", "height"], vo = { key: 1 }, ho = ["id"], mo = ["stop-color"], fo = ["stop-color"], yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], go = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], po = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xo = ["x", "y", "font-size", "fill", "font-weight"], ko = ["transform", "font-size", "fill", "font-weight"], wo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], So = ["d", "fill", "opacity"], Mo = ["d", "stroke", "stroke-width"], $o = ["x1", "x2", "y1", "y2", "stroke"], Co = ["x", "y", "font-size", "font-weight", "fill"], Lo = { key: 0 }, Ao = { key: 1 }, To = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], No = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Po = ["x", "y", "height", "width", "fill"], zo = { key: 0 }, Io = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], _o = { key: 0 }, Fo = ["x", "y", "font-size", "fill", "font-weight"], Eo = ["x", "y", "font-size", "font-weight", "fill"], Ro = ["data-start", "data-end"], Oo = {
+const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative" } }, io = ["aria-describedby", "xmlns", "viewBox"], uo = { key: 0 }, co = ["x", "y", "width", "height"], vo = { key: 1 }, ho = ["id"], mo = ["stop-color"], fo = ["stop-color"], yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], go = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], po = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xo = ["x", "y", "font-size", "fill", "font-weight"], ko = ["transform", "font-size", "fill", "font-weight"], wo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], So = ["d", "fill", "opacity"], Mo = ["d", "stroke", "stroke-width"], $o = ["x1", "x2", "y1", "y2", "stroke"], Co = ["x", "y", "font-size", "font-weight", "fill"], Lo = { key: 0 }, Ao = { key: 1 }, To = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], No = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Po = ["x", "y", "height", "width", "fill"], Io = { key: 0 }, zo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], _o = { key: 0 }, Fo = ["x", "y", "font-size", "fill", "font-weight"], Eo = ["x", "y", "font-size", "font-weight", "fill"], Ro = ["data-start", "data-end"], Oo = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -29,7 +29,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
 }, Do = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Vo = ["onClick"], Bo = ["innerHTML"], Yo = ["innerHTML"], Wo = ["id"], Ho = {
+}, Vo = ["onClick"], Bo = ["innerHTML"], Yo = ["innerHTML"], Ho = ["id"], Wo = {
   __name: "vue-ui-stackline",
   props: {
     config: {
@@ -50,15 +50,15 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
     }
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX", "copyAlt"],
-  setup(wt, { expose: cl, emit: vl }) {
-    const hl = ke(() => import("./Tooltip-Bf-kM3_A.js")), dl = ke(() => import("./BaseIcon-Cb3zzG6s.js")), ml = ke(() => import("./vue-ui-accordion-nvggWcGN.js")), fl = ke(() => import("./DataTable-DT2kIdQ6.js")), yl = ke(() => import("./PenAndPaper-DARlvvKW.js")), gl = ke(() => import("./UserOptions-DWHf8jyO.js")), pl = ke(() => import("./PackageVersion-IIGK_e2C.js")), bl = ke(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_stackline: xl } = Vs(), { isThemeValid: kl, warnInvalidTheme: wl } = Us(), Zt = gs(), G = wt, ye = vl, Ee = f({
+  setup(St, { expose: cl, emit: vl }) {
+    const dl = ke(() => import("./Tooltip-Bf-kM3_A.js")), hl = ke(() => import("./BaseIcon-Cb3zzG6s.js")), ml = ke(() => import("./vue-ui-accordion-nvggWcGN.js")), fl = ke(() => import("./DataTable-DT2kIdQ6.js")), yl = ke(() => import("./PenAndPaper-Ct3qJ4lA.js")), gl = ke(() => import("./UserOptions-rW2fRf3V.js")), pl = ke(() => import("./PackageVersion-DPO-OOVI.js")), bl = ke(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_stackline: xl } = Vs(), { isThemeValid: kl, warnInvalidTheme: wl } = Us(), Zt = gs(), G = St, ye = vl, Ee = f({
       get() {
         return !!G.dataset && G.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), ue = d(null), K = d(ll()), Re = d(!1), Qt = d(null), D = d([]), ea = d(0), ta = d(null), aa = d(null), Oe = d(null), la = d(null), sa = d(null), De = d(!1), St = d(!1), oa = d(0), Sl = d(0), Ml = d(0), na = d(!1), Ve = d(null), Mt = d(null), Le = d(!1), lt = d(!1), st = d(!1), ot = d(null), $t = d(null), Ct = d(null), nt = d(null), $l = d(null), ra = qt(null), ia = d(!1), ua = d(0), ca = d(0), ce = d(null), va = d({ x: 0, y: 0 }), Be = d("pointer"), ha = qs({
+    }), ue = h(null), K = h(ll()), Re = h(!1), Qt = h(null), D = h([]), ea = h(0), ta = h(null), aa = h(null), Oe = h(null), la = h(null), sa = h(null), De = h(!1), Mt = h(!1), oa = h(0), Sl = h(0), Ml = h(0), na = h(!1), Ve = h(null), $t = h(null), Le = h(!1), lt = h(!1), st = h(!1), ot = h(null), Ct = h(null), Lt = h(null), nt = h(null), $l = h(null), ra = qt(null), ia = h(!1), ua = h(0), ca = h(0), ce = h(null), va = h({ x: 0, y: 0 }), Be = h("pointer"), da = qs({
       elementRef: ra,
       minimumWidth: 2,
       minimumHeight: 2,
@@ -68,10 +68,10 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         rt();
       }
     });
-    function Lt() {
+    function At() {
       ra.value = ue.value?.parentNode ?? null;
     }
-    function da() {
+    function ha() {
       return new Promise((t) => {
         requestAnimationFrame(() => {
           requestAnimationFrame(t);
@@ -80,16 +80,16 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
     }
     async function rt() {
       const t = ++ca.value;
-      ia.value = !1, await Gt(), await da(), await da(), t === ca.value && (ua.value += 1, ia.value = !0);
+      ia.value = !1, await Gt(), await ha(), await ha(), t === ca.value && (ua.value += 1, ia.value = !0);
     }
-    const Ye = d(null), Ae = d(!1);
-    function At() {
+    const Ye = h(null), Ae = h(!1);
+    function Tt() {
       Ae.value = !Ae.value;
     }
     ps(() => {
-      Lt(), ha.start(), na.value = !0, ka(), rt();
+      At(), da.start(), na.value = !0, ka(), rt();
     });
-    const e = d(Pt()), ve = f(() => e.value.userOptions.useCursorPointer), Cl = f(() => sl({
+    const e = h(It()), ve = f(() => e.value.userOptions.useCursorPointer), Cl = f(() => sl({
       defaultConfig: {
         userOptions: { show: !1 },
         useCssAnimation: !1,
@@ -140,10 +140,10 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: he, FINAL_DATASET: Tt, manualLoading: it } = Bs({
+    })), { loading: de, FINAL_DATASET: Nt, manualLoading: it } = Bs({
       ...bs(G),
       FINAL_CONFIG: e,
-      prepareConfig: Pt,
+      prepareConfig: It,
       callback: () => {
         Promise.resolve().then(async () => {
           await mt();
@@ -165,14 +165,14 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Cl.value
       })
-    }), { userOptionsVisible: Nt, setUserOptionsVisibility: ma, keepUserOptionState: fa } = js({ config: e.value }), { svgRef: de } = Xs({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Pt, setUserOptionsVisibility: ma, keepUserOptionState: fa } = js({ config: e.value }), { svgRef: he } = Xs({ config: e.value.style.chart.title });
     function Ll() {
       Le.value = !0, ma(!0);
     }
     function Al() {
-      ma(!1), Le.value = !1, ce.value = null, Be.value = "pointer", Re.value = !1, p.value = null, ye("selectX", { seriesIndex: null, datapoint: null });
+      ma(!1), Le.value = !1, ce.value = null, Be.value = "pointer", Re.value = !1, b.value = null, ye("selectX", { seriesIndex: null, datapoint: null });
     }
-    function Pt() {
+    function It() {
       const t = Jt({
         userConfig: G.config,
         defaultConfig: xl
@@ -192,7 +192,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
               userConfig: G.config,
               defaultConfig: s
             }),
-            customPalette: t.customPalette.length ? t.customPalette : ws[a] || bt
+            customPalette: t.customPalette.length ? t.customPalette : ws[a] || xt
           };
         }
       else
@@ -201,16 +201,16 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
     }
     const ya = f(() => e.value.style.chart.lines.dataLabels.hideUnderValue !== null), ga = f(() => e.value.style.chart.lines.dataLabels.hideUnderPercentage !== null);
     Fe(() => G.config, (t) => {
-      he.value || (e.value = Pt()), Nt.value = !e.value.userOptions.showOnChartHover, ka(), oa.value += 1, Sl.value += 1, Ml.value += 1, j.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, j.value.showTable = e.value.table.show, j.value.showTooltip = e.value.style.chart.tooltip.show, ne.value.width = e.value.style.chart.width, ne.value.height = e.value.style.chart.height, ne.value.paddingRatio = {
+      de.value || (e.value = It()), Pt.value = !e.value.userOptions.showOnChartHover, ka(), oa.value += 1, Sl.value += 1, Ml.value += 1, j.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, j.value.showTable = e.value.table.show, j.value.showTooltip = e.value.style.chart.tooltip.show, ne.value.width = e.value.style.chart.width, ne.value.height = e.value.style.chart.height, ne.value.paddingRatio = {
         top: e.value.style.chart.padding.top / e.value.style.chart.height,
         right: e.value.style.chart.padding.right / e.value.style.chart.width,
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
-      }, Lt(), rt(), ct();
+      }, At(), rt(), ct();
     }, { deep: !0 }), Fe(() => G.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (it.value = !1), $a(), Lt(), rt();
+      Array.isArray(t) && t.length > 0 && (it.value = !1), $a(), At(), rt();
     }, { deep: !0 });
-    const j = d({
+    const j = h({
       dataLabels: {
         show: e.value.style.chart.lines.dataLabels.show
       },
@@ -226,11 +226,11 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const { isPrinting: zt, isImaging: It, generatePdf: pa, generateImage: ba } = Ws({
+    const { isPrinting: zt, isImaging: _t, generatePdf: pa, generateImage: ba } = Hs({
       elementId: `stackline_${K.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackline",
       options: e.value.userOptions.print
-    }), Tl = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), ne = d({
+    }), Tl = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), ne = h({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       paddingRatio: {
@@ -239,12 +239,12 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), Nl = f(() => Ss(e.value.customPalette)), pe = qt(null), Te = qt(null), xa = d(null), _t = f(() => !!e.value.debug);
+    }), Nl = f(() => Ss(e.value.customPalette)), pe = qt(null), Te = qt(null), xa = h(null), Ft = f(() => !!e.value.debug);
     function ka() {
       if (ol(G.dataset) ? (nl({
         componentName: "VueUiStackline",
         type: "dataset",
-        debug: _t.value
+        debug: Ft.value
       }), it.value = !0) : G.dataset.forEach((t, l) => {
         Ms({
           datasetObject: t,
@@ -255,14 +255,14 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             type: "datasetSerieAttribute",
             property: a,
             index: l,
-            debug: _t.value
+            debug: Ft.value
           }), it.value = !0;
         });
       }), ol(G.dataset) || (it.value = e.value.loading), setTimeout(() => {
-        St.value = !0;
+        Mt.value = !0;
       }, 10), e.value.responsive) {
         const t = Rs(() => {
-          St.value = !1;
+          Mt.value = !1;
           const { width: l, height: a } = Os({
             chart: ue.value,
             noTitle: la.value,
@@ -273,7 +273,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           });
           requestAnimationFrame(() => {
             ne.value.width = l, ne.value.height = a - 12, clearTimeout(xa.value), xa.value = setTimeout(() => {
-              St.value = !0;
+              Mt.value = !0;
             }, 10);
           });
         });
@@ -282,40 +282,40 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       mt();
     }
     Xt(() => {
-      ha.stop(), pe.value && (Te.value && pe.value.unobserve(Te.value), pe.value.disconnect());
+      da.stop(), pe.value && (Te.value && pe.value.unobserve(Te.value), pe.value.disconnect());
     });
     function Pl() {
       let t = 0;
-      Ct.value && (t = Array.from(Ct.value.querySelectorAll("text")).reduce((s, n) => {
+      Lt.value && (t = Array.from(Lt.value.querySelectorAll("text")).reduce((s, n) => {
         const o = n.getComputedTextLength();
         return o > s ? o : s;
       }, 0));
-      const l = $t.value ? $t.value.getBoundingClientRect().width : 0;
+      const l = Ct.value ? Ct.value.getBoundingClientRect().width : 0;
       return t + l + (l ? 24 : 0);
     }
-    const Ft = d(0), We = d(0), He = d(0);
-    function zl() {
+    const Et = h(0), He = h(0), We = h(0);
+    function Il() {
       const t = nt.value;
       if (!t) {
-        We.value = 0;
+        He.value = 0;
         return;
       }
       try {
         const l = t.getBBox();
-        We.value = Number.isFinite(l?.height) ? l.height : 0;
+        He.value = Number.isFinite(l?.height) ? l.height : 0;
       } catch {
-        We.value = 0;
+        He.value = 0;
       }
     }
-    function Il() {
-      He.value && cancelAnimationFrame(He.value), He.value = requestAnimationFrame(() => {
+    function zl() {
+      We.value && cancelAnimationFrame(We.value), We.value = requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          zl();
+          Il();
         });
       });
     }
     Xt(() => {
-      He.value && cancelAnimationFrame(He.value), We.value = 0, Ft.value = 0;
+      We.value && cancelAnimationFrame(We.value), He.value = 0, Et.value = 0;
     });
     const wa = f(() => {
       let t = 0;
@@ -325,26 +325,26 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         } catch {
           t = 0;
         }
-      const l = e.value.style.chart.grid.x.timeLabels.show ? We.value : 0;
+      const l = e.value.style.chart.grid.x.timeLabels.show ? He.value : 0;
       return t + l;
-    }), h = f(() => {
+    }), d = f(() => {
       ua.value;
       const { height: t, width: l } = ne.value, { right: a } = ne.value.paddingRatio;
       let s = e.value.style.chart.lines.totalValues.show && G.dataset && G.dataset.length > 1 ? e.value.style.chart.lines.totalValues.fontSize * 1.3 : 0, n = 0;
       e.value.style.chart.grid.y.axisLabels.show && (n = Pl());
-      const o = e.value.style.chart.padding.top + s, r = l - l * a - Ft.value, b = t - e.value.style.chart.padding.bottom - wa.value - s, w = e.value.style.chart.padding.left + n, A = l - w - l * a - Ft.value, S = t - o - e.value.style.chart.padding.bottom - wa.value - s;
+      const o = e.value.style.chart.padding.top + s, r = l - l * a - Et.value, y = t - e.value.style.chart.padding.bottom - wa.value - s, k = e.value.style.chart.padding.left + n, A = l - k - l * a - Et.value, S = t - o - e.value.style.chart.padding.bottom - wa.value - s;
       return {
         chartHeight: Math.max(0, t),
         chartWidth: Math.max(0, l),
         top: o,
         right: Math.max(0, r),
-        bottom: Math.max(0, b),
-        left: Math.max(0, w),
+        bottom: Math.max(0, y),
+        left: Math.max(0, k),
         width: Math.max(0, A),
         height: Math.max(0, S)
       };
     }), _l = f(() => {
-      const { left: t, top: l, width: a, height: s } = h.value, n = c.value.start, o = c.value.end, r = Math.max(1, o - n), b = Math.max(0, Math.min(r, (re.value.start ?? n) - n)), w = Math.max(0, Math.min(r, (re.value.end ?? o) - n)), A = Math.max(0, w - b), S = {
+      const { left: t, top: l, width: a, height: s } = d.value, n = c.value.start, o = c.value.end, r = Math.max(1, o - n), y = Math.max(0, Math.min(r, (re.value.start ?? n) - n)), k = Math.max(0, Math.min(r, (re.value.end ?? o) - n)), A = Math.max(0, k - y), S = {
         fill: e.value.style.chart.zoom.preview.fill,
         stroke: e.value.style.chart.zoom.preview.stroke,
         "stroke-width": e.value.style.chart.zoom.preview.strokeWidth,
@@ -356,16 +356,16 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           transition: "none !important",
           animation: "none !important"
         }
-      }, z = a / r;
+      }, I = a / r;
       return {
-        x: t + b * z,
+        x: t + y * I,
         y: l,
-        width: A * z,
+        width: A * I,
         height: s,
         ...S
       };
-    }), Z = f(() => Tt.value.map((t, l) => {
-      const a = $s(t.color) || Nl.value[l] || bt[l] || bt[l % bt.length];
+    }), Z = f(() => Nt.value.map((t, l) => {
+      const a = $s(t.color) || Nl.value[l] || xt[l] || xt[l % xt.length];
       return {
         ...t,
         shape: t.shape || "circle",
@@ -390,11 +390,11 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
     function Fl(t) {
       Ye.value = t;
     }
-    const c = d({
+    const c = h({
       start: 0,
-      end: Math.max(...Tt.value.map((t) => t.series.length))
-    }), re = d({ start: 0, end: Math.max(...Tt.value.map((t) => t.series.length)) });
-    function Et(t) {
+      end: Math.max(...Nt.value.map((t) => t.series.length))
+    }), re = h({ start: 0, end: Math.max(...Nt.value.map((t) => t.series.length)) });
+    function Rt(t) {
       return (c.value.start ?? 0) + (t ?? 0);
     }
     const Sa = f(() => e.value.style.chart.zoom.preview.enable && (re.value.start !== c.value.start || re.value.end !== c.value.end));
@@ -406,7 +406,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       let l = Math.max(0, Math.min(c.value.start ?? 0, t - 1)), a = Math.max(l + 1, Math.min(c.value.end ?? t, t));
       (!Number.isFinite(l) || !Number.isFinite(a) || a <= l) && (l = 0, a = t), c.value.start = l, c.value.end = a, re.value.start = l, re.value.end = a, Oe.value && (Oe.value.setStartValue(l), Oe.value.setEndValue(a));
     }
-    const Ue = d(null);
+    const Ue = h(null);
     function El() {
       return new Promise((t) => requestAnimationFrame(
         () => requestAnimationFrame(() => t())
@@ -420,11 +420,11 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         await El(), mt();
       });
     }
-    const vt = f(() => Math.max(0, h.value.width / (c.value.end - c.value.start))), Ca = f(() => Qe(
+    const vt = f(() => Math.max(0, d.value.width / (c.value.end - c.value.start))), Ca = f(() => Qe(
       Me.value.map((t) => ({ ...t, series: t.series.map((l) => l ?? 0) }))
-    ).slice(c.value.start, c.value.end)), ht = f(() => D.value.length === Z.value.length), La = f(() => {
+    ).slice(c.value.start, c.value.end)), dt = f(() => D.value.length === Z.value.length), La = f(() => {
       if (!e.value.style.chart.zoom.minimap.show) return [];
-      const t = Z.value.filter((n) => ht.value ? !0 : !D.value.includes(n.id) && !n.standalone);
+      const t = Z.value.filter((n) => dt.value ? !0 : !D.value.includes(n.id) && !n.standalone);
       if (t.length)
         return Qe(
           t.map((n) => ({
@@ -437,11 +437,11 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       const a = Math.max(...l.map((n) => n.series.length || 0));
       return Array.from(
         { length: a },
-        (n, o) => l.reduce((r, b) => r + Math.abs(b.series[o] ?? 0), 0)
+        (n, o) => l.reduce((r, y) => r + Math.abs(y.series[o] ?? 0), 0)
       );
     }), Rl = f(() => {
       if (!e.value.style.chart.zoom.minimap.show) return [];
-      const l = Z.value.filter((o) => ht.value ? !0 : !D.value.includes(o.id) && !o.standalone), a = ut.value, s = l.length ? [{
+      const l = Z.value.filter((o) => dt.value ? !0 : !D.value.includes(o.id) && !o.standalone), a = ut.value, s = l.length ? [{
         name: "",
         series: La.value,
         color: "#000000",
@@ -489,42 +489,42 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       sign: t >= 0 ? 1 : -1
     })));
     function Dl() {
-      return { y0: ze.value?.[0]?.zero ?? h.value.bottom };
+      return { y0: Ie.value?.[0]?.zero ?? d.value.bottom };
     }
     function Vl(t) {
-      const { y0: l } = Dl(), a = e.value.style.chart.lines.totalValues, s = Math.max(2, a.fontSize * 1.3 + a.offsetY), n = (r) => Math.min(Math.max(r, h.value.top - e.value.style.chart.lines.totalValues.fontSize * 1.3), h.value.bottom + e.value.style.chart.lines.totalValues.fontSize * 2);
+      const { y0: l } = Dl(), a = e.value.style.chart.lines.totalValues, s = Math.max(2, a.fontSize * 1.3 + a.offsetY), n = (r) => Math.min(Math.max(r, d.value.top - e.value.style.chart.lines.totalValues.fontSize * 1.3), d.value.bottom + e.value.style.chart.lines.totalValues.fontSize * 2);
       if ((Aa.value?.[t]?.value ?? 0) >= 0 || e.value.style.chart.lines.distributed) {
         let r = 1 / 0;
-        for (const w of T.value || []) {
-          const A = w?.series?.[t], S = w?.topY?.[t];
+        for (const k of T.value || []) {
+          const A = k?.series?.[t], S = k?.topY?.[t];
           (A ?? 0) > 0 && Number.isFinite(S) && S < r && (r = S);
         }
-        const b = Number.isFinite(r) ? r : l;
-        return n(b - s - e.value.style.chart.lines.totalValues.offsetY);
+        const y = Number.isFinite(r) ? r : l;
+        return n(y - s - e.value.style.chart.lines.totalValues.offsetY);
       } else {
         let r = -1 / 0;
-        for (const w of T.value || []) {
-          const A = w?.series?.[t], S = w?.topY?.[t];
+        for (const k of T.value || []) {
+          const A = k?.series?.[t], S = k?.topY?.[t];
           (A ?? 0) < 0 && Number.isFinite(S) && S > r && (r = S);
         }
-        const b = Number.isFinite(r) ? r : l;
-        return n(b + s + a.fontSize * 0.7 + e.value.style.chart.lines.totalValues.offsetY);
+        const y = Number.isFinite(r) ? r : l;
+        return n(y + s + a.fontSize * 0.7 + e.value.style.chart.lines.totalValues.offsetY);
       }
     }
-    const ze = f(() => {
-      const t = Math.max(...Ne.value.positive, 0), l = Math.min(...Ne.value.negative, 0), a = Math.max(...Pe.value.positive, 0), s = Math.min(...Pe.value.negative, 0), n = Math.max(t, a), o = Math.min(l, s), r = [-1 / 0, 1 / 0, NaN, void 0, null].includes(o) ? 0 : o, b = e.value.style.chart.grid.scale.scaleMin, w = e.value.style.chart.grid.scale.scaleMax, A = !e.value.style.chart.lines.distributed && (b !== null || w !== null), S = b !== null && !e.value.style.chart.lines.distributed ? b : r > 0 ? 0 : r, z = w !== null && !e.value.style.chart.lines.distributed ? w : n < 0 ? 0 : n, E = A ? xt(S, z, e.value.style.chart.grid.scale.ticks) : kt(S, z, e.value.style.chart.grid.scale.ticks), M = Math.abs(Number(E.min) || 0), u = (Number(E.max) || 0) + M, k = u === 0 || !Number.isFinite(u) ? 1 : u, V = Array.isArray(E.ticks) && E.ticks.length ? E.ticks : [0], y = h.value.bottom - h.value.height * (M / k);
+    const Ie = f(() => {
+      const t = Math.max(...Ne.value.positive, 0), l = Math.min(...Ne.value.negative, 0), a = Math.max(...Pe.value.positive, 0), s = Math.min(...Pe.value.negative, 0), n = Math.max(t, a), o = Math.min(l, s), r = [-1 / 0, 1 / 0, NaN, void 0, null].includes(o) ? 0 : o, y = e.value.style.chart.grid.scale.scaleMin, k = e.value.style.chart.grid.scale.scaleMax, A = !e.value.style.chart.lines.distributed && (y !== null || k !== null), S = y !== null && !e.value.style.chart.lines.distributed ? y : r > 0 ? 0 : r, I = k !== null && !e.value.style.chart.lines.distributed ? k : n < 0 ? 0 : n, E = A ? kt(S, I, e.value.style.chart.grid.scale.ticks) : wt(S, I, e.value.style.chart.grid.scale.ticks), M = Math.abs(Number(E.min) || 0), u = (Number(E.max) || 0) + M, w = u === 0 || !Number.isFinite(u) ? 1 : u, V = Array.isArray(E.ticks) && E.ticks.length ? E.ticks : [0], g = d.value.bottom - d.value.height * (M / w);
       return V.map(($) => {
-        const R = Number($) || 0, _ = h.value.bottom - h.value.height * ((R + M) / k);
+        const R = Number($) || 0, _ = d.value.bottom - d.value.height * ((R + M) / w);
         return {
-          zero: y,
+          zero: g,
           y: _,
           x: ae.value.left - 8,
           value: R
         };
       });
-    }), se = d([]), Ie = d([]);
+    }), se = h([]), ze = h([]);
     let Ta = 0;
-    gt(() => {
+    pt(() => {
       const t = ++Ta;
       (async () => {
         const l = await il({
@@ -538,7 +538,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       })();
     });
     let Na = 0;
-    gt(() => {
+    pt(() => {
       const t = ++Na;
       (async () => {
         const l = await il({
@@ -548,38 +548,38 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           start: 0,
           end: me.value
         });
-        t === Na && (Ie.value = l);
+        t === Na && (ze.value = l);
       })();
     });
     const Bl = f(() => {
       const t = e.value.style.chart.grid.x.timeLabels.modulo;
       return se.value.length ? Math.min(t, [...new Set(se.value.map((l) => l.text))].length) : t;
-    }), dt = f(() => {
-      const t = e.value.style.chart.grid.x.timeLabels, l = se.value || [], a = Ie.value || [], s = c.value.start ?? 0, n = p.value, o = me.value, r = l.map((w) => w?.text ?? ""), b = a.map((w) => w?.text ?? "");
+    }), ht = f(() => {
+      const t = e.value.style.chart.grid.x.timeLabels, l = se.value || [], a = ze.value || [], s = c.value.start ?? 0, n = b.value, o = me.value, r = l.map((k) => k?.text ?? ""), y = a.map((k) => k?.text ?? "");
       return Cs(
         !!t.showOnlyFirstAndLast,
         !!t.showOnlyAtModulo,
         Math.max(1, Bl.value || 1),
         r,
-        b,
+        y,
         s,
         n,
         o
       );
     });
-    gt(() => {
-      e.value.style.chart.grid.x.timeLabels.show, e.value.style.chart.grid.x.timeLabels.fontSize, e.value.style.chart.grid.x.timeLabels.rotation, e.value.style.chart.grid.x.timeLabels.offsetY, (dt.value || []).map((t) => t?.text ?? "").join("|"), ne.value.width, ne.value.height, nt.value, ot.value, Il();
+    pt(() => {
+      e.value.style.chart.grid.x.timeLabels.show, e.value.style.chart.grid.x.timeLabels.fontSize, e.value.style.chart.grid.x.timeLabels.rotation, e.value.style.chart.grid.x.timeLabels.offsetY, (ht.value || []).map((t) => t?.text ?? "").join("|"), ne.value.width, ne.value.height, nt.value, ot.value, zl();
     }, { flush: "post" });
-    const Pa = d({ months: [], shortMonths: [], days: [], shortDays: [] });
-    let za = 0;
-    gt(() => {
-      const t = ++za, l = e.value.style.chart.grid.x.timeLabels.datetimeFormatter;
+    const Pa = h({ months: [], shortMonths: [], days: [], shortDays: [] });
+    let Ia = 0;
+    pt(() => {
+      const t = ++Ia, l = e.value.style.chart.grid.x.timeLabels.datetimeFormatter;
       (async () => {
         const a = await ul(l.locale).catch(() => ul("en"));
-        t === za && (Pa.value = a.data);
+        t === Ia && (Pa.value = a.data);
       })();
     });
-    const Ia = f(() => {
+    const za = f(() => {
       const t = e.value.style.chart.grid.x.timeLabels.datetimeFormatter, l = Ds({
         useUTC: t.useUTC,
         locale: Pa.value,
@@ -590,89 +590,89 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         return o == null ? "" : l.formatDate(new Date(o), s);
       };
     }), _a = f(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: Ia.value(a, e.value.style.chart.zoom.timeFormat),
+      text: za.value(a, e.value.style.chart.zoom.timeFormat),
       absoluteIndex: a
-    }))), Rt = f(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: Ia.value(a, e.value.style.chart.tooltip.timeFormat),
+    }))), Ot = f(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
+      text: za.value(a, e.value.style.chart.tooltip.timeFormat),
       absoluteIndex: a
     }))), Yl = f(() => {
-      if (!Ee.value && !he.value) return [];
-      const t = h.value.height, l = ze.value[0] ? ze.value[0].zero : h.value.bottom, a = c.value.start ?? 0, s = c.value.end ?? 0, n = Math.max(1, s - a), o = Math.max(...Ne.value.positive, 0), r = Math.min(...Ne.value.negative, 0), b = Math.max(...Pe.value.positive, 0), w = Math.min(...Pe.value.negative, 0), A = Math.max(o, b), S = Math.min(r, w), z = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? xt(
+      if (!Ee.value && !de.value) return [];
+      const t = d.value.height, l = Ie.value[0] ? Ie.value[0].zero : d.value.bottom, a = c.value.start ?? 0, s = c.value.end ?? 0, n = Math.max(1, s - a), o = Math.max(...Ne.value.positive, 0), r = Math.min(...Ne.value.negative, 0), y = Math.max(...Pe.value.positive, 0), k = Math.min(...Pe.value.negative, 0), A = Math.max(o, y), S = Math.min(r, k), I = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? kt(
         e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : S > 0 ? 0 : S,
         e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : A < 0 ? 0 : A,
         e.value.style.chart.grid.scale.ticks
-      ) : kt(
+      ) : wt(
         e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : S > 0 ? 0 : S,
         e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : A < 0 ? 0 : A,
         e.value.style.chart.grid.scale.ticks
-      ), { min: E, max: M } = z, m = M + (E >= 0 ? 0 : Math.abs(E)) || 1, u = Array(n).fill(0), k = Array(n).fill(0), V = (y) => n <= 1 ? h.value.left + h.value.width / 2 : h.value.left + y / (n - 1) * h.value.width;
-      return Z.value.filter((y) => !D.value.includes(y.id)).map((y) => {
-        const $ = [], R = [], _ = [], I = new Array(n).fill(null), B = new Array(n).fill(null);
-        for (let g = 0; g < n; g += 1) {
-          const L = a + g, q = y.series?.[L], H = y.signedSeries?.[L], xe = q == null || Number.isNaN(q) ? 0 : q, el = y.standalone ? xe / m : e.value.style.chart.lines.distributed ? xe / (Ca.value[g] || 1) : xe / m;
+      ), { min: E, max: M } = I, m = M + (E >= 0 ? 0 : Math.abs(E)) || 1, u = Array(n).fill(0), w = Array(n).fill(0), V = (g) => n <= 1 ? d.value.left + d.value.width / 2 : d.value.left + g / (n - 1) * d.value.width;
+      return Z.value.filter((g) => !D.value.includes(g.id)).map((g) => {
+        const $ = [], R = [], _ = [], z = new Array(n).fill(null), B = new Array(n).fill(null);
+        for (let p = 0; p < n; p += 1) {
+          const L = a + p, q = g.series?.[L], U = g.signedSeries?.[L], xe = q == null || Number.isNaN(q) ? 0 : q, el = g.standalone ? xe / m : e.value.style.chart.lines.distributed ? xe / (Ca.value[p] || 1) : xe / m;
           if (xe >= 0) {
             const je = t * Math.abs(el);
-            if (y.standalone)
-              I[g] = l, B[g] = l - je;
+            if (g.standalone)
+              z[p] = l, B[p] = l - je;
             else {
-              const Je = u[g], Ke = Je + je;
-              I[g] = l - Je, B[g] = l - Ke, u[g] = Ke;
+              const Je = u[p], Ke = Je + je;
+              z[p] = l - Je, B[p] = l - Ke, u[p] = Ke;
             }
           } else {
             const je = t * Math.abs(el);
-            if (y.standalone)
-              I[g] = l, B[g] = l + je;
+            if (g.standalone)
+              z[p] = l, B[p] = l + je;
             else {
-              const Je = k[g], Ke = Je + je;
-              I[g] = l + Je, B[g] = l + Ke, k[g] = Ke;
+              const Je = w[p], Ke = Je + je;
+              z[p] = l + Je, B[p] = l + Ke, w[p] = Ke;
             }
           }
-          $.push(g), R.push(xe), _.push(H ?? (xe >= 0 ? 1 : -1));
+          $.push(p), R.push(xe), _.push(U ?? (xe >= 0 ? 1 : -1));
         }
-        const Y = $.map((g) => ({ x: V(g), y: B[g] })), Q = Y.map((g) => g.x), J = R.reduce((g, L) => g + Math.abs(L || 0), 0), W = J === 0 ? 1 : J, O = R.map((g, L) => {
-          if (e.value.style.chart.lines.distributed && !y.standalone) {
-            const q = $[L], H = Ca.value[q] || 1;
-            return (g || 0) / H;
+        const H = $.map((p) => ({ x: V(p), y: B[p] })), Q = H.map((p) => p.x), J = R.reduce((p, L) => p + Math.abs(L || 0), 0), W = J === 0 ? 1 : J, O = R.map((p, L) => {
+          if (e.value.style.chart.lines.distributed && !g.standalone) {
+            const q = $[L], U = Ca.value[q] || 1;
+            return (p || 0) / U;
           }
-          return (g || 0) / W;
+          return (p || 0) / W;
         });
         return {
-          ...y,
+          ...g,
           x: Q,
-          points: Y,
-          baseY: $.map((g) => I[g]),
-          topY: $.map((g) => B[g]),
+          points: H,
+          baseY: $.map((p) => z[p]),
+          topY: $.map((p) => B[p]),
           series: R,
           signedSeries: _,
           proportions: O,
           rel: $,
-          fullSeries: Array.isArray(y.fullSeries) ? y.fullSeries : y.series
+          fullSeries: Array.isArray(g.fullSeries) ? g.fullSeries : g.series
         };
       });
     }), T = f(() => {
       const t = (M) => typeof M == "string" ? M.replace(
         /^M\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*,?\s*[-+]?[\d.]+(?:e[-+]?\d+)?\s*/i,
         ""
-      ).trim() : "", l = Math.max(...Ne.value.positive, 0), a = Math.min(...Ne.value.negative, 0), s = Math.max(...Pe.value.positive, 0), n = Math.min(...Pe.value.negative, 0), o = Math.max(l, s), r = Math.min(a, n), b = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? xt(
+      ).trim() : "", l = Math.max(...Ne.value.positive, 0), a = Math.min(...Ne.value.negative, 0), s = Math.max(...Pe.value.positive, 0), n = Math.min(...Pe.value.negative, 0), o = Math.max(l, s), r = Math.min(a, n), y = !e.value.style.chart.lines.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? kt(
         e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : r > 0 ? 0 : r,
         e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : o < 0 ? 0 : o,
         e.value.style.chart.grid.scale.ticks
-      ) : kt(
+      ) : wt(
         e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : r > 0 ? 0 : r,
         e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : o < 0 ? 0 : o,
         e.value.style.chart.grid.scale.ticks
-      ), w = Number(b.min) || 0, A = Number(b.max) || 0, S = Math.abs(w), z = A + S || 1, E = (M) => {
+      ), k = Number(y.min) || 0, A = Number(y.max) || 0, S = Math.abs(k), I = A + S || 1, E = (M) => {
         if (e.value.style.chart.lines.distributed) {
           const m = Math.max(0, Math.min(1, M));
           return minimapH - minimapH * m;
         }
-        return clampY(minimapH - minimapH * (((M ?? 0) + S) / z));
+        return clampY(minimapH - minimapH * (((M ?? 0) + S) / I));
       };
       return Yl.value.map((M) => {
-        const m = M.x.length, u = Array.isArray(M.fullSeries) ? M.fullSeries : M.series, k = ({ left: W = 0, unitW: O }) => {
-          const g = u.length;
-          return !Number.isFinite(O) || O <= 0 || g <= 0 ? [] : g === 1 ? [W + O * 0.5] : u.map((L, q) => W + q * O);
-        }, V = ({ minimapH: W }) => !Number.isFinite(W) || W <= 0 ? [] : u.map((O) => E(O || 0)), y = ({ minimapH: W }) => {
+        const m = M.x.length, u = Array.isArray(M.fullSeries) ? M.fullSeries : M.series, w = ({ left: W = 0, unitW: O }) => {
+          const p = u.length;
+          return !Number.isFinite(O) || O <= 0 || p <= 0 ? [] : p === 1 ? [W + O * 0.5] : u.map((L, q) => W + q * O);
+        }, V = ({ minimapH: W }) => !Number.isFinite(W) || W <= 0 ? [] : u.map((O) => E(O || 0)), g = ({ minimapH: W }) => {
           if (!Number.isFinite(W) || W <= 0) return [];
           const O = E(0);
           return u.map(() => O);
@@ -685,29 +685,29 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             straightPath: "",
             smoothArea: "",
             straightArea: "",
-            xMinimap: k,
+            xMinimap: w,
             yMinimap: V,
-            yMinimapBase: y
+            yMinimapBase: g
           };
-        const $ = M.x.map((W, O) => ({ x: W, y: M.topY[O] })), R = M.x.map((W, O) => ({ x: W, y: M.baseY[O] })), _ = m >= 2 ? we($) : `M${$[0].x},${$[0].y}`, I = m >= 2 ? Se($) : `M${$[0].x},${$[0].y}`, B = m >= 2 ? `M${t(_)}` : _, Y = m >= 2 ? `M${t(I)}` : I;
+        const $ = M.x.map((W, O) => ({ x: W, y: M.topY[O] })), R = M.x.map((W, O) => ({ x: W, y: M.baseY[O] })), _ = m >= 2 ? we($) : `M${$[0].x},${$[0].y}`, z = m >= 2 ? Se($) : `M${$[0].x},${$[0].y}`, B = m >= 2 ? `M${t(_)}` : _, H = m >= 2 ? `M${t(z)}` : z;
         let Q = "", J = "";
         if (e.value.style.chart.lines.useArea && m >= 2) {
-          const W = we([...R].reverse()), O = Se([...R].reverse()), g = R[R.length - 1];
-          Q = `M${$[0].x},${$[0].y} ${t(_)} L${g.x},${g.y} ${t(W)} Z`, J = `M${$[0].x},${$[0].y} ${t(I)} L${g.x},${g.y} ${t(O)} Z`;
+          const W = we([...R].reverse()), O = Se([...R].reverse()), p = R[R.length - 1];
+          Q = `M${$[0].x},${$[0].y} ${t(_)} L${p.x},${p.y} ${t(W)} Z`, J = `M${$[0].x},${$[0].y} ${t(z)} L${p.x},${p.y} ${t(O)} Z`;
         }
         return {
           ...M,
           points: $,
           smoothPath: B,
-          straightPath: Y,
+          straightPath: H,
           smoothArea: Q,
           straightArea: J,
-          xMinimap: k,
+          xMinimap: w,
           yMinimap: V,
-          yMinimapBase: y
+          yMinimapBase: g
         };
       });
-    }), qe = d(!1), Fa = d(!1);
+    }), qe = h(!1), Fa = h(!1);
     function Ea(t) {
       const l = me.value;
       return t > l ? l : t < 0 || t < c.value.start ? e.value.style.chart.zoom.startIndex !== null ? c.value.start + 1 : 1 : t;
@@ -725,19 +725,19 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         }
       }
     }
-    function Wl(t) {
+    function Hl(t) {
       qe.value || ft.value || t !== c.value.start && (c.value.start = t, re.value.start = t, ct());
     }
-    function Hl(t) {
+    function Wl(t) {
       if (qe.value || ft.value) return;
       const l = Ea(t);
       l !== c.value.end && (c.value.end = l, re.value.end = l, ct());
     }
     const ae = f(() => ({
-      left: h.value.left,
-      right: h.value.right,
-      width: h.value.width
-    })), ft = d(!1), Ul = f(() => ne.value.width), ql = f(() => ne.value.height);
+      left: d.value.left,
+      right: d.value.right,
+      width: d.value.width
+    })), ft = h(!1), Ul = f(() => ne.value.width), ql = f(() => ne.value.height);
     Gs({
       timeLabelsEls: nt,
       timeLabels: se,
@@ -750,69 +750,69 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       height: ql,
       rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
     });
-    const Ot = d(null);
+    const yt = h(null);
     function Ra(t) {
-      const l = de.value;
+      const l = he.value;
       if (!l) return null;
       if (l.createSVGPoint && l.getScreenCTM) {
-        const z = l.createSVGPoint();
-        z.x = t.clientX, z.y = t.clientY;
+        const I = l.createSVGPoint();
+        I.x = t.clientX, I.y = t.clientY;
         const E = l.getScreenCTM();
         if (E) {
-          const M = z.matrixTransform(E.inverse());
+          const M = I.matrixTransform(E.inverse());
           return { x: M.x, y: M.y, ok: !0 };
         }
       }
-      const a = l.getBoundingClientRect(), s = l.viewBox?.baseVal || { x: 0, y: 0, width: a.width, height: a.height }, n = Math.min(a.width / s.width, a.height / s.height), o = s.width * n, r = s.height * n, b = (a.width - o) / 2, w = (a.height - r) / 2, A = (t.clientX - a.left - b) / n + s.x, S = (t.clientY - a.top - w) / n + s.y;
+      const a = l.getBoundingClientRect(), s = l.viewBox?.baseVal || { x: 0, y: 0, width: a.width, height: a.height }, n = Math.min(a.width / s.width, a.height / s.height), o = s.width * n, r = s.height * n, y = (a.width - o) / 2, k = (a.height - r) / 2, A = (t.clientX - a.left - y) / n + s.x, S = (t.clientY - a.top - k) / n + s.y;
       return { x: A, y: S, ok: !0 };
     }
     let $e = 0;
-    const U = f(() => Math.max(1, c.value.end - c.value.start)), yt = f(
-      () => U.value > 1 ? h.value.width / (U.value - 1) : 0
+    const Y = f(() => Math.max(1, c.value.end - c.value.start)), gt = f(
+      () => Y.value > 1 ? d.value.width / (Y.value - 1) : 0
     );
     function ie(t) {
-      return U.value <= 1 ? h.value.left + h.value.width / 2 : h.value.left + t * yt.value;
+      return Y.value <= 1 ? d.value.left + d.value.width / 2 : d.value.left + t * gt.value;
     }
     function Oa(t) {
-      if (U.value <= 1)
-        return { x: h.value.left, width: h.value.width };
-      const l = t === 0 ? h.value.left : (ie(t - 1) + ie(t)) / 2, a = t === U.value - 1 ? h.value.left + h.value.width : (ie(t) + ie(t + 1)) / 2;
+      if (Y.value <= 1)
+        return { x: d.value.left, width: d.value.width };
+      const l = t === 0 ? d.value.left : (ie(t - 1) + ie(t)) / 2, a = t === Y.value - 1 ? d.value.left + d.value.width : (ie(t) + ie(t + 1)) / 2;
       return { x: l, width: Math.max(0, a - l) };
     }
     function Xl(t) {
       Ae.value || ($e && cancelAnimationFrame($e), $e = requestAnimationFrame(() => {
         $e = 0;
         const l = Ra(t);
-        if (!l || !de.value) {
+        if (!l || !he.value) {
           Dt();
           return;
         }
-        const { left: a, right: s, top: n, bottom: o } = h.value;
+        const { left: a, right: s, top: n, bottom: o } = d.value;
         if (l.x < a || l.x > s || l.y < n || l.y > o) {
           Dt();
           return;
         }
         let r = 0;
-        if (U.value > 1) {
-          const b = (l.x - a) / yt.value;
-          r = Math.round(b);
+        if (Y.value > 1) {
+          const y = (l.x - a) / gt.value;
+          r = Math.round(y);
         } else
           r = 0;
-        r < 0 && (r = 0), r > U.value - 1 && (r = U.value - 1), Ot.value !== r && (Ot.value = r, Bt(!0, r));
+        r < 0 && (r = 0), r > Y.value - 1 && (r = Y.value - 1), yt.value !== r && (yt.value = r, Bt(!0, r));
       }));
     }
     function Gl(t) {
       const l = Ra(t);
-      if (!l || !de.value) return;
-      const { left: a, right: s, top: n, bottom: o } = h.value;
+      if (!l || !he.value) return;
+      const { left: a, right: s, top: n, bottom: o } = d.value;
       if (l.x < a || l.x > s || l.y < n || l.y > o) return;
       let r = 0;
-      if (U.value > 1) {
-        const b = (l.x - a) / yt.value;
-        r = Math.round(b);
+      if (Y.value > 1) {
+        const y = (l.x - a) / gt.value;
+        r = Math.round(y);
       } else
         r = 0;
-      r < 0 && (r = 0), r > U.value - 1 && (r = U.value - 1), Za({
+      r < 0 && (r = 0), r > Y.value - 1 && (r = Y.value - 1), Za({
         seriesIndex: r,
         datapoint: ja(r)
       }), Da(r);
@@ -830,21 +830,21 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
     Fe(
       () => [c.value.start, c.value.end, T.value.length],
       () => {
-        const t = U.value;
-        if (p.value != null) {
+        const t = Y.value;
+        if (b.value != null) {
           if (t <= 0) {
-            p.value = null;
+            b.value = null;
             return;
           }
-          p.value < 0 && (p.value = 0), p.value > t - 1 && (p.value = t - 1);
+          b.value < 0 && (b.value = 0), b.value > t - 1 && (b.value = t - 1);
         }
       }
     );
     function Dt() {
-      $e && (cancelAnimationFrame($e), $e = 0), Ot.value = null, Bt(!1, null);
+      $e && (cancelAnimationFrame($e), $e = 0), yt.value = null, Bt(!1, null);
     }
-    const p = d(null), Vt = f(() => {
-      const t = p.value, l = t == null ? null : Et(t);
+    const b = h(null), Vt = f(() => {
+      const t = b.value, l = t == null ? null : Rt(t);
       return T.value.map((a) => ({
         slotAbsoluteIndex: a.absoluteIndex,
         shape: a.shape || "circle",
@@ -857,19 +857,19 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         standalone: !!a.standalone
       }));
     }), jl = f(() => {
-      const t = e.value.style.chart.tooltip.customFormat, l = [...Vt.value].reverse(), a = l.filter((u) => !u.standalone), s = l.filter((u) => u.standalone), n = a.map((u) => u.value).filter((u) => Ls(u) && u !== null).reduce((u, k) => Math.abs(u) + Math.abs(k), 0);
+      const t = e.value.style.chart.tooltip.customFormat, l = [...Vt.value].reverse(), a = l.filter((u) => !u.standalone), s = l.filter((u) => u.standalone), n = a.map((u) => u.value).filter((u) => Ls(u) && u !== null).reduce((u, w) => Math.abs(u) + Math.abs(w), 0);
       if (As(t) && Ts(
         () => t({
-          absoluteIndex: p.value + c.value.start,
-          seriesIndex: p.value,
+          absoluteIndex: b.value + c.value.start,
+          seriesIndex: b.value,
           datapoint: Vt.value,
           series: Z.value,
           config: e.value
         })
       ))
         return t({
-          absoluteIndex: p.value + c.value.start,
-          seriesIndex: p.value,
+          absoluteIndex: b.value + c.value.start,
+          seriesIndex: b.value,
           datapoint: Vt.value,
           series: Z.value,
           config: e.value
@@ -877,21 +877,21 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       const {
         showValue: o,
         showTotal: r,
-        totalTranslation: b,
-        showPercentage: w,
+        totalTranslation: y,
+        showPercentage: k,
         borderColor: A,
         roundingValue: S,
-        roundingPercentage: z
-      } = e.value.style.chart.tooltip, E = (u) => !u.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(u.shape) ? `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${u.color}" /></svg>` : u.shape === "star" ? `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${u.color}" points="${Fs({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>` : u.shape === "triangle" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "square" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "diamond" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "pentagon" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`, M = (u, k) => {
-        const V = k ? Ce({
+        roundingPercentage: I
+      } = e.value.style.chart.tooltip, E = (u) => !u.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(u.shape) ? `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${u.color}" /></svg>` : u.shape === "star" ? `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" fill="${u.color}" points="${Fs({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>` : u.shape === "triangle" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "square" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "diamond" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : u.shape === "pentagon" ? `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>` : `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${at({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${u.color}" stroke="${e.value.style.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`, M = (u, w) => {
+        const V = w ? Ce({
           v: isNaN((u.value ?? 0) / (n || 1)) ? 0 : Math.abs(u.value ?? 0) / (n || 1) * 100,
           s: "%",
-          r: z
-        }) : "", y = o && k ? "(" : "", $ = o && k ? ")" : "";
+          r: I
+        }) : "", g = o && w ? "(" : "", $ = o && w ? ")" : "";
         return `
         <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
             <div style="width:20px;height:20px;display:flex;align-items:center;justify-content:center;">${E(u)}</div>
-            ${u.name}${o || k ? ":" : ""} 
+            ${u.name}${o || w ? ":" : ""} 
             ${o ? et(
           e.value.style.chart.lines.dataLabels.formatter,
           u.sourceValue,
@@ -901,13 +901,13 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             s: e.value.style.chart.lines.dataLabels.suffix,
             r: S
           })
-        ) : ""} ${y}${V}${$}
+        ) : ""} ${g}${V}${$}
         </div>
         `;
       };
       let m = "";
-      return (se.value[p.value] && se.value[p.value].text || Rt.value[p.value] && Rt.value[p.value].text && e.value.style.chart.tooltip.showTimeLabel) && (m += `<div style="width:100%;text-align:center;border-bottom:1px solid ${A};padding-bottom:6px;margin-bottom:3px;">${e.value.style.chart.tooltip.useDefaultTimeFormat ? se.value[p.value]?.text : Rt.value[p.value]?.text || Ie.value[p.value]?.text || ""}</div>`), r && a.length > 1 && (m += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
-        <span>${b}:</span>
+      return (se.value[b.value] && se.value[b.value].text || Ot.value[b.value] && Ot.value[b.value].text && e.value.style.chart.tooltip.showTimeLabel) && (m += `<div style="width:100%;text-align:center;border-bottom:1px solid ${A};padding-bottom:6px;margin-bottom:3px;">${e.value.style.chart.tooltip.useDefaultTimeFormat ? se.value[b.value]?.text : Ot.value[b.value]?.text || ze.value[b.value]?.text || ""}</div>`), r && a.length > 1 && (m += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
+        <span>${y}:</span>
         <span>${et(
         e.value.style.chart.lines.dataLabels.formatter,
         tt(n),
@@ -917,23 +917,23 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           s: e.value.style.chart.lines.dataLabels.suffix,
           r: S
         }),
-        { datapoint: { name: b, value: tt(n) } }
+        { datapoint: { name: y, value: tt(n) } }
       )}</span>
         </div>`), a.forEach((u) => {
-        m += M(u, w);
+        m += M(u, k);
       }), s.length && (m += `<div style="border-top:1px solid ${Me.value.length ? A : "transparent"}; margin:${Me.value.length ? "6px 0" : "0"};"></div>`, s.forEach((u) => {
         m += M(u, !1);
       })), `<div>${m}</div>`;
     });
     function Bt(t, l = null, a = "pointer") {
-      if (ht.value) return;
+      if (dt.value) return;
       Be.value = a, Re.value = t;
       const s = T.value.map((n) => ({
         name: n.name,
         value: [null, void 0, NaN].includes(n.series[l]) ? null : n.series[l],
         color: n.color
       }));
-      t ? (ce.value = l, p.value = l, Za({ seriesIndex: l, datapoint: s }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: s, seriesIndex: l + c.value.start })) : (ce.value = null, p.value = null, ye("selectX", { seriesIndex: null, dataset: null, indexLabel: null }), e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: s, seriesIndex: l + c.value.start }));
+      t ? (ce.value = l, b.value = l, Za({ seriesIndex: l, datapoint: s }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: s, seriesIndex: l + c.value.start })) : (ce.value = null, b.value = null, ye("selectX", { seriesIndex: null, dataset: null, indexLabel: null }), e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: s, seriesIndex: l + c.value.start }));
     }
     function Va(t, l) {
       const a = JSON.parse(JSON.stringify(T.value)).map((s) => ({
@@ -994,26 +994,26 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       if (T.value.length === 0)
         return { head: [], body: [], config: {}, columnNames: [] };
       const t = T.value.map(({ name: a, color: s }) => ({ label: a, color: s })), l = [];
-      return dt.value.forEach((a) => {
+      return ht.value.forEach((a) => {
         const s = a.absoluteIndex, o = [e.value.style.chart.grid.x.timeLabels.values?.[s] ? a.text : s + 1];
         Z.value.forEach((r) => {
-          const b = r.series?.[s], w = Number((b ?? 0).toFixed(e.value.table.td.roundingValue));
-          o.push(w);
+          const y = r.series?.[s], k = Number((y ?? 0).toFixed(e.value.table.td.roundingValue));
+          o.push(k);
         }), l.push(o);
       }), { head: t, body: l };
     });
-    function Wt(t = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...Ya.value.head.map((r) => r.label)], s = Ya.value.body, n = l.concat([a]).concat(s), o = Is(n);
+    function Ht(t = null) {
+      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ["", ...Ya.value.head.map((r) => r.label)], s = Ya.value.body, n = l.concat([a]).concat(s), o = zs(n);
       t ? t(o) : _s({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-stackline" });
     }
     const _e = f(() => {
       const t = [""].concat(T.value.map((o) => o.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'), l = [], a = Math.max(0, c.value.end - c.value.start);
       for (let o = 0; o < a; o += 1) {
-        const r = Et(o), b = e.value.style.chart.grid.x.timeLabels.values?.[r] ? se.value?.[o]?.text ?? r + 1 : r + 1, w = T.value.map((z) => {
-          const E = z.series?.[o] ?? 0;
+        const r = Rt(o), y = e.value.style.chart.grid.x.timeLabels.values?.[r] ? se.value?.[o]?.text ?? r + 1 : r + 1, k = T.value.map((I) => {
+          const E = I.series?.[o] ?? 0;
           return Number(E.toFixed(e.value.table.td.roundingValue));
-        }), S = T.value.filter((z) => !z.standalone).map((z) => z.series?.[o] ?? 0).reduce((z, E) => z + E, 0);
-        l.push([b].concat(w).concat(Number(S.toFixed(e.value.table.td.roundingValue))));
+        }), S = T.value.filter((I) => !I.standalone).map((I) => I.series?.[o] ?? 0).reduce((I, E) => I + E, 0);
+        l.push([y].concat(k).concat(Number(S.toFixed(e.value.table.td.roundingValue))));
       }
       const s = {
         th: {
@@ -1029,14 +1029,14 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         breakpoint: e.value.table.responsiveBreakpoint
       }, n = [e.value.table.columnNames.period].concat(T.value.map((o) => o.name)).concat(e.value.table.columnNames.total);
       return { head: t, body: l, config: s, colNames: n };
-    }), es = f(() => e.value.style.chart.backgroundColor), ts = f(() => e.value.style.chart.legend), as = f(() => e.value.style.chart.title), { exportSvg: ls, getSvg: ss } = Hs({
-      svg: de,
+    }), es = f(() => e.value.style.chart.backgroundColor), ts = f(() => e.value.style.chart.legend), as = f(() => e.value.style.chart.title), { exportSvg: ls, getSvg: ss } = Ws({
+      svg: he,
       title: as,
       legend: ts,
       legendItems: Xe,
       backgroundColor: es
     });
-    async function Wa({ isCb: t }) {
+    async function Ha({ isCb: t }) {
       st.value = !0, await Gt();
       try {
         if (t) {
@@ -1094,8 +1094,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
     Fe(() => j.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && Ve.value ? Ve.value.open() : "close" in Ve.value && Ve.value.close());
     });
-    function Ha() {
-      j.value.showTable = !1, Mt.value && Mt.value.setTableIconState(!1);
+    function Wa() {
+      j.value.showTable = !1, $t.value && $t.value.setTableIconState(!1);
     }
     function Ua(t) {
       De.value = t, ea.value += 1;
@@ -1113,7 +1113,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       return T.value;
     }
     function ja(t) {
-      const l = t ?? 0, a = Et(l);
+      const l = t ?? 0, a = Rt(l);
       return JSON.parse(JSON.stringify(T.value)).map((s) => {
         const n = s.series[l], o = s.signedSeries?.[l], r = n === 0 ? 0 : (o === -1 && n >= 0 ? -n : n) || null;
         return {
@@ -1123,18 +1123,18 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           proportion: s.proportions?.[l] || null,
           color: s.color,
           id: s.id,
-          timeLabel: Ie.value?.[a] || null
+          timeLabel: ze.value?.[a] || null
         };
       });
     }
     const rs = f(() => Array(me.value).fill(0).map((t, l) => ja(l)));
     Fe(() => G.selectedXIndex, (t) => {
       if ([null, void 0].includes(G.selectedXIndex)) {
-        p.value = null;
+        b.value = null;
         return;
       }
       const l = t - c.value.start;
-      l < 0 || t >= c.value.end ? p.value = null : p.value = l ?? null;
+      l < 0 || t >= c.value.end ? b.value = null : b.value = l ?? null;
     }, { immediate: !0 });
     const Ja = f(() => {
       if (e.value.style.chart.lines.distributed)
@@ -1145,25 +1145,25 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       ), s = Array(a).fill(0), n = Array(a).fill(0);
       t.forEach((m) => {
         for (let u = 0; u < a; u += 1) {
-          const k = m.series[u] ?? 0;
-          k >= 0 ? s[u] += k : n[u] += k;
+          const w = m.series[u] ?? 0;
+          w >= 0 ? s[u] += w : n[u] += w;
         }
       });
       const o = Array(a).fill(0), r = Array(a).fill(0);
       l.forEach((m) => {
         for (let u = 0; u < a; u += 1) {
-          const k = m.series[u] ?? 0;
-          k > 0 && (o[u] = Math.max(o[u], k)), k < 0 && (r[u] = Math.min(r[u], k));
+          const w = m.series[u] ?? 0;
+          w > 0 && (o[u] = Math.max(o[u], w)), w < 0 && (r[u] = Math.min(r[u], w));
         }
       });
-      const b = Math.max(0, ...s, ...o), w = Math.min(0, ...n, ...r), A = e.value.style.chart.grid.scale.scaleMin, S = e.value.style.chart.grid.scale.scaleMax, z = e.value.style.chart.grid.scale.ticks, M = !e.value.style.chart.lines.distributed && (A !== null || S !== null) ? xt(
-        A !== null ? A : w > 0 ? 0 : w,
-        S !== null ? S : b < 0 ? 0 : b,
-        z
-      ) : kt(
-        A !== null ? A : w > 0 ? 0 : w,
-        S !== null ? S : b < 0 ? 0 : b,
-        z
+      const y = Math.max(0, ...s, ...o), k = Math.min(0, ...n, ...r), A = e.value.style.chart.grid.scale.scaleMin, S = e.value.style.chart.grid.scale.scaleMax, I = e.value.style.chart.grid.scale.ticks, M = !e.value.style.chart.lines.distributed && (A !== null || S !== null) ? kt(
+        A !== null ? A : k > 0 ? 0 : k,
+        S !== null ? S : y < 0 ? 0 : y,
+        I
+      ) : wt(
+        A !== null ? A : k > 0 ? 0 : k,
+        S !== null ? S : y < 0 ? 0 : y,
+        I
       );
       return { min: Number(M.min) || 0, max: Number(M.max) || 0 };
     });
@@ -1175,82 +1175,82 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       if (o <= 0) return "";
       const r = o === 1 ? [l * 0.5] : Array.from({ length: o }, (m, u) => u * l);
       if (e.value.style.chart.lines.distributed) {
-        const m = Array.from({ length: o }, (y, $) => {
+        const m = Array.from({ length: o }, (g, $) => {
           let R = 0;
           return s.forEach((_) => {
             const B = (Array.isArray(_.fullSeries) ? _.fullSeries : _.series)?.[$];
             B != null && !Number.isNaN(B) && (R += Math.abs(B));
           }), R || 1;
-        }), u = (y) => {
-          const $ = Math.max(0, Math.min(1, y || 0));
+        }), u = (g) => {
+          const $ = Math.max(0, Math.min(1, g || 0));
           return t - t * $;
-        }, k = [], V = Array(o).fill(0);
-        return s.forEach((y) => {
-          const $ = Array.isArray(y.fullSeries) ? y.fullSeries : y.series, R = new Array(o), _ = new Array(o);
-          for (let H = 0; H < o; H += 1) {
-            const be = $?.[H], xe = be == null || Number.isNaN(be) ? 0 : Math.abs(be) / m[H];
-            _[H] = V[H], V[H] += xe, R[H] = V[H];
+        }, w = [], V = Array(o).fill(0);
+        return s.forEach((g) => {
+          const $ = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, R = new Array(o), _ = new Array(o);
+          for (let U = 0; U < o; U += 1) {
+            const be = $?.[U], xe = be == null || Number.isNaN(be) ? 0 : Math.abs(be) / m[U];
+            _[U] = V[U], V[U] += xe, R[U] = V[U];
           }
-          const I = R.map(u), B = _.map(u), Y = r.map((H, be) => ({ x: H, y: I[be] })), Q = r.map((H, be) => ({ x: H, y: B[be] })), J = we(Y), W = we([...Q].reverse()), O = Se(Y), g = Se([...Q].reverse()), L = Q[Q.length - 1];
+          const z = R.map(u), B = _.map(u), H = r.map((U, be) => ({ x: U, y: z[be] })), Q = r.map((U, be) => ({ x: U, y: B[be] })), J = we(H), W = we([...Q].reverse()), O = Se(H), p = Se([...Q].reverse()), L = Q[Q.length - 1];
           if (e.value.style.chart.lines.useArea) {
-            const H = e.value.style.chart.lines.smooth ? `M${Y[0].x},${Y[0].y} ${a(J)} L${L.x},${L.y} ${a(W)} Z` : `M${Y[0].x},${Y[0].y} ${a(O)} L${L.x},${L.y} ${a(g)} Z`;
-            k.push(
-              `<path d="${H}"
-                    fill="${Zt.pattern ? `url(#pattern_${K.value}_${y.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, y.color)}"
+            const U = e.value.style.chart.lines.smooth ? `M${H[0].x},${H[0].y} ${a(J)} L${L.x},${L.y} ${a(W)} Z` : `M${H[0].x},${H[0].y} ${a(O)} L${L.x},${L.y} ${a(p)} Z`;
+            w.push(
+              `<path d="${U}"
+                    fill="${Zt.pattern ? `url(#pattern_${K.value}_${g.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, g.color)}"
                     opacity="${e.value.style.chart.lines.areaOpacity}"
                     stroke="none" />`
             );
           }
-          const q = e.value.style.chart.lines.smooth ? `M${Y[0].x},${Y[0].y} ${a(J)}` : `M${Y[0].x},${Y[0].y} ${a(O)}`;
-          k.push(
+          const q = e.value.style.chart.lines.smooth ? `M${H[0].x},${H[0].y} ${a(J)}` : `M${H[0].x},${H[0].y} ${a(O)}`;
+          w.push(
             `<path d="${q}"
                 fill="none"
-                stroke="${y.color}"
+                stroke="${g.color}"
                 stroke-width="${e.value.style.chart.lines.strokeWidth}"
                 stroke-linecap="round" />`
           );
-        }), n.length && n.forEach((y) => {
-          const $ = Array.isArray(y.fullSeries) ? y.fullSeries : y.series, R = Array.from({ length: o }, (Q, J) => u(Math.abs($?.[J] ?? 0) / m[J])), _ = r.map((Q, J) => ({ x: Q, y: R[J] })), I = we(_), B = Se(_), Y = e.value.style.chart.lines.smooth ? `M${_[0].x},${_[0].y} ${a(I)}` : `M${_[0].x},${_[0].y} ${a(B)}`;
-          k.push(
-            `<path d="${Y}"
+        }), n.length && n.forEach((g) => {
+          const $ = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, R = Array.from({ length: o }, (Q, J) => u(Math.abs($?.[J] ?? 0) / m[J])), _ = r.map((Q, J) => ({ x: Q, y: R[J] })), z = we(_), B = Se(_), H = e.value.style.chart.lines.smooth ? `M${_[0].x},${_[0].y} ${a(z)}` : `M${_[0].x},${_[0].y} ${a(B)}`;
+          w.push(
+            `<path d="${H}"
                     fill="none"
-                    stroke="${y.color}"
+                    stroke="${g.color}"
                     stroke-width="${e.value.style.chart.lines.strokeWidth}"
                     stroke-linecap="round" />`
           );
-        }), k.join("");
+        }), w.join("");
       }
-      const b = Ja.value.min, w = Ja.value.max, A = Math.abs(b), S = w + A || 1, z = (m) => Math.max(0, Math.min(t, m)), E = (m) => z(t - t * (((m ?? 0) + A) / S)), M = [];
+      const y = Ja.value.min, k = Ja.value.max, A = Math.abs(y), S = k + A || 1, I = (m) => Math.max(0, Math.min(t, m)), E = (m) => I(t - t * (((m ?? 0) + A) / S)), M = [];
       if (s.length) {
         const m = Array(o).fill(0), u = Array(o).fill(0);
-        s.forEach((k) => {
-          const V = Array.isArray(k.fullSeries) ? k.fullSeries : k.series, y = new Array(o), $ = new Array(o);
+        s.forEach((w) => {
+          const V = Array.isArray(w.fullSeries) ? w.fullSeries : w.series, g = new Array(o), $ = new Array(o);
           for (let L = 0; L < o; L += 1) {
             const q = V?.[L] ?? 0;
-            q >= 0 ? ($[L] = m[L], m[L] += q, y[L] = m[L]) : ($[L] = u[L], u[L] += q, y[L] = u[L]);
+            q >= 0 ? ($[L] = m[L], m[L] += q, g[L] = m[L]) : ($[L] = u[L], u[L] += q, g[L] = u[L]);
           }
-          const R = y.map(E), _ = $.map(E), I = r.map((L, q) => ({ x: L, y: R[q] })), B = r.map((L, q) => ({ x: L, y: _[q] })), Y = we(I), Q = we([...B].reverse()), J = Se(I), W = Se([...B].reverse()), O = B[B.length - 1];
+          const R = g.map(E), _ = $.map(E), z = r.map((L, q) => ({ x: L, y: R[q] })), B = r.map((L, q) => ({ x: L, y: _[q] })), H = we(z), Q = we([...B].reverse()), J = Se(z), W = Se([...B].reverse()), O = B[B.length - 1];
           if (e.value.style.chart.lines.useArea) {
-            const L = e.value.style.chart.lines.smooth ? `M${I[0].x},${I[0].y} ${a(Y)} L${O.x},${O.y} ${a(Q)} Z` : `M${I[0].x},${I[0].y} ${a(J)} L${O.x},${O.y} ${a(W)} Z`;
+            const L = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(H)} L${O.x},${O.y} ${a(Q)} Z` : `M${z[0].x},${z[0].y} ${a(J)} L${O.x},${O.y} ${a(W)} Z`;
             M.push(
               `<path d="${L}"
-                    fill="${Zt.pattern ? `url(#pattern_${K.value}_${k.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, k.color)}"
+                    fill="${Zt.pattern ? `url(#pattern_${K.value}_${w.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, w.color)}"
                     opacity="${e.value.style.chart.lines.areaOpacity}"
                     stroke="none" />`
             );
           }
-          const g = e.value.style.chart.lines.smooth ? `M${I[0].x},${I[0].y} ${a(Y)}` : `M${I[0].x},${I[0].y} ${a(J)}`;
+          const p = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(H)}` : `M${z[0].x},${z[0].y} ${a(J)}`;
           M.push(
-            `<path d="${g}"
+            `<path d="${p}"
                 fill="none"
-                stroke="${k.color}"
+                stroke="${w.color}"
                 stroke-width="${e.value.style.chart.lines.strokeWidth}"
                 stroke-linecap="round" />`
           );
         });
       }
       return n.length && n.forEach((m) => {
-        const k = (Array.isArray(m.fullSeries) ? m.fullSeries : m.series).map(E), V = r.map((_, I) => ({ x: _, y: k[I] })), y = we(V), $ = Se(V), R = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(y)}` : `M${V[0].x},${V[0].y} ${a($)}`;
+        const w = (Array.isArray(m.fullSeries) ? m.fullSeries : m.series).map(E), V = r.map((_, z) => ({ x: _, y: w[z] })), g = we(V), $ = Se(V), R = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(g)}` : `M${V[0].x},${V[0].y} ${a($)}`;
         M.push(
           `<path d="${R}"
                 fill="none"
@@ -1262,7 +1262,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
     }
     function us(t, l) {
       const a = e.value.style.chart.lines, s = a.dataLabels;
-      return a.showDistributedPercentage && a.distributed ? ga.value ? l === 0 ? !s.hideEmptyPercentages : Math.abs(l) * 100 >= s.hideUnderPercentage : s.hideEmptyPercentages ? Math.abs(l) > 0 : !0 : ga.value ? (ya.value && _t.value && console.warn("Vue Data UI - VueUiStackline - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), Math.abs(t) > cs.value * s.hideUnderPercentage / 100) : ya.value ? Math.abs(t) >= s.hideUnderValue : s.hideEmptyValues ? t !== 0 : !0;
+      return a.showDistributedPercentage && a.distributed ? ga.value ? l === 0 ? !s.hideEmptyPercentages : Math.abs(l) * 100 >= s.hideUnderPercentage : s.hideEmptyPercentages ? Math.abs(l) > 0 : !0 : ga.value ? (ya.value && Ft.value && console.warn("Vue Data UI - VueUiStackline - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), Math.abs(t) > cs.value * s.hideUnderPercentage / 100) : ya.value ? Math.abs(t) >= s.hideUnderValue : s.hideEmptyValues ? t !== 0 : !0;
     }
     const cs = f(() => Math.max(...T.value.flatMap((t) => t.series)));
     function Ka(t, l, a, s, n) {
@@ -1299,7 +1299,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         indexLabel: e.value.style.chart.grid.x.timeLabels.values[a]
       });
     }
-    function hs(t) {
+    function ds(t) {
       if (t?.stage === "start") {
         lt.value = !0;
         return;
@@ -1323,19 +1323,19 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         dataset: T.value
       }));
     }
-    const Ht = d(!1);
-    function ds() {
-      ce.value = null, Ht.value = !0;
+    const Wt = h(!1);
+    function hs() {
+      ce.value = null, Wt.value = !0;
     }
     function ms() {
-      ce.value = null, Be.value = "pointer", Re.value = !1, p.value = null, ye("selectX", { seriesIndex: null, datapoint: null }), Ht.value = !1;
+      ce.value = null, Be.value = "pointer", Re.value = !1, b.value = null, ye("selectX", { seriesIndex: null, datapoint: null }), Wt.value = !1;
     }
     function fs(t) {
-      if (!de.value || Ae.value || document.activeElement !== de.value || ht.value || !U.value) return;
+      if (!he.value || Ae.value || document.activeElement !== he.value || dt.value || !Y.value) return;
       const l = t.key === "ArrowLeft", a = t.key === "ArrowRight", s = t.key === "Enter" || t.key === " ", n = t.key === "Escape";
       if (!l && !a && !s && !n) return;
       if (t.preventDefault(), t.stopPropagation(), n) {
-        ce.value = null, Be.value = "pointer", Re.value = !1, p.value = null, ye("selectX", { seriesIndex: null, datapoint: null });
+        ce.value = null, Be.value = "pointer", Re.value = !1, b.value = null, ye("selectX", { seriesIndex: null, datapoint: null });
         return;
       }
       if (s) {
@@ -1344,11 +1344,12 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         return;
       }
       let o = ce.value;
-      o === null || o < 0 || o >= U.value ? o = a ? 0 : U.value - 1 : a ? (o += 1, o >= U.value && (o = 0)) : l && (o -= 1, o < 0 && (o = U.value - 1)), ce.value = o, ys(o), Bt(!0, o, "keyboard");
+      const r = yt.value, y = o !== null && o >= 0 && o < Y.value, k = r !== null && r >= 0 && r < Y.value;
+      y ? a ? (o += 1, o >= Y.value && (o = 0)) : l && (o -= 1, o < 0 && (o = Y.value - 1)) : k ? (o = a ? r + 1 : r - 1, o >= Y.value && (o = 0), o < 0 && (o = Y.value - 1)) : a ? o = 0 : o = Y.value - 1, ce.value = o, ys(o), Bt(!0, o, "keyboard");
     }
     function ys(t) {
-      if (!Number.isFinite(t) || !de.value) return;
-      const l = h.value.left + t * yt.value, a = h.value.top + h.value.height / 2, s = Es(l, a, de.value);
+      if (!Number.isFinite(t) || !he.value) return;
+      const l = d.value.left + t * gt.value, a = d.value.top + d.value.height / 2, s = Es(l, a, he.value);
       s && (va.value = s);
     }
     const Ut = f(() => {
@@ -1359,15 +1360,15 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       getData: ns,
       getImage: os,
       generatePdf: pa,
-      generateCsv: Wt,
+      generateCsv: Ht,
       generateImage: ba,
-      generateSvg: Wa,
+      generateSvg: Ha,
       hideSeries: Ql,
       showSeries: Zl,
       toggleTable: qa,
       toggleLabels: Xa,
       toggleTooltip: Ga,
-      toggleAnnotator: At,
+      toggleAnnotator: Tt,
       toggleFullscreen: Ua,
       copyAlt: Qa
     }), (t, l) => (i(), v("div", {
@@ -1395,12 +1396,12 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : x("", !0),
       e.value.userOptions.buttons.annotator ? (i(), oe(C(yl), {
         key: 1,
-        svgRef: C(de),
+        svgRef: C(he),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Ae.value,
         isCursorPointer: ve.value,
-        onClose: At
+        onClose: Tt
       }, {
         "annotator-action-close": P(() => [
           N(t.$slots, "annotator-action-close", {}, void 0, !0)
@@ -1453,14 +1454,14 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       le("div", {
         id: `legend-top-${K.value}`
       }, null, 8, no),
-      e.value.userOptions.show && Ee.value && (C(fa) || C(Nt)) ? (i(), oe(C(gl), {
+      e.value.userOptions.show && Ee.value && (C(fa) || C(Pt)) ? (i(), oe(C(gl), {
         ref_key: "userOptionsRef",
-        ref: Mt,
+        ref: $t,
         key: `user_option_${ea.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: C(zt),
-        isImaging: C(It),
+        isImaging: C(_t),
         uid: K.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -1484,16 +1485,16 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         isCursorPointer: ve.value,
         onToggleFullscreen: Ua,
         onGeneratePdf: C(pa),
-        onGenerateCsv: Wt,
-        onGenerateImage: hs,
-        onGenerateSvg: Wa,
+        onGenerateCsv: Ht,
+        onGenerateImage: ds,
+        onGenerateSvg: Ha,
         onToggleTable: qa,
         onToggleLabels: Xa,
         onToggleTooltip: Ga,
-        onToggleAnnotator: At,
+        onToggleAnnotator: Tt,
         onCopyAlt: Qa,
         style: ge({
-          visibility: C(fa) ? C(Nt) ? "visible" : "hidden" : "visible"
+          visibility: C(fa) ? C(Pt) ? "visible" : "hidden" : "visible"
         })
       }, jt({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -1577,11 +1578,11 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       le("div", ro, [
         (i(), v("svg", {
           ref_key: "svgRef",
-          ref: de,
+          ref: he,
           "aria-describedby": `chart-instructions-${K.value}`,
           xmlns: C(Ns),
-          viewBox: `0 0 ${h.value.chartWidth <= 0 ? 10 : h.value.chartWidth} ${h.value.chartHeight <= 0 ? 10 : h.value.chartHeight}`,
-          class: tl({ "vue-data-ui-loading": C(he), "no-transition": !e.value.useCssAnimation }),
+          viewBox: `0 0 ${d.value.chartWidth <= 0 ? 10 : d.value.chartWidth} ${d.value.chartHeight <= 0 ? 10 : d.value.chartHeight}`,
+          class: tl({ "vue-data-ui-loading": C(de), "no-transition": !e.value.useCssAnimation }),
           style: ge(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
           role: "img",
           "aria-live": "polite",
@@ -1590,22 +1591,22 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           onMousemove: Xl,
           onMouseleave: Dt,
           onClick: Gl,
-          onFocus: ds,
+          onFocus: hs,
           onBlur: ms,
           onKeydown: fs
         }, [
           Ze(C(pl)),
           (i(!0), v(F, null, X(Me.value, (a) => (i(), v(F, null, [
             t.$slots.pattern ? (i(), v("defs", uo, [
-              N(t.$slots, "pattern", pt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${K.value}_${a.absoluteIndex}` }), void 0, !0)
+              N(t.$slots, "pattern", bt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${K.value}_${a.absoluteIndex}` }), void 0, !0)
             ])) : x("", !0)
           ], 64))), 256)),
           t.$slots["chart-background"] ? (i(), v("foreignObject", {
             key: 0,
             x: ae.value.left,
-            y: h.value.top,
+            y: d.value.top,
             width: ae.value.width,
-            height: h.value.height,
+            height: d.value.height,
             style: {
               pointerEvents: "none"
             }
@@ -1630,7 +1631,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
               }, null, 8, fo)
             ], 8, ho))), 256))
           ])) : x("", !0),
-          e.value.style.chart.grid.x.showHorizontalLines ? (i(!0), v(F, { key: 2 }, X(ze.value, (a, s) => (i(), v("line", {
+          e.value.style.chart.grid.x.showHorizontalLines ? (i(!0), v(F, { key: 2 }, X(Ie.value, (a, s) => (i(), v("line", {
             x1: ae.value.left,
             x2: ae.value.right,
             y1: a.y,
@@ -1643,8 +1644,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           e.value.style.chart.grid.y.showVerticalLines ? (i(!0), v(F, { key: 3 }, X(c.value.end - c.value.start, (a, s) => (i(), v("line", {
             x1: ie(s),
             x2: ie(s),
-            y1: h.value.top,
-            y2: h.value.bottom,
+            y1: d.value.top,
+            y2: d.value.bottom,
             stroke: e.value.style.chart.grid.y.linesColor,
             "stroke-width": e.value.style.chart.grid.y.linesThickness,
             "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
@@ -1654,8 +1655,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             key: 4,
             x1: ae.value.left,
             x2: ae.value.right,
-            y1: h.value.bottom,
-            y2: h.value.bottom,
+            y1: d.value.bottom,
+            y2: d.value.bottom,
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": e.value.style.chart.grid.x.axisThickness,
             "stroke-linecap": "round",
@@ -1665,8 +1666,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             key: 5,
             x1: ae.value.left,
             x2: ae.value.left,
-            y1: h.value.top,
-            y2: h.value.bottom,
+            y1: d.value.top,
+            y2: d.value.bottom,
             stroke: e.value.style.chart.grid.y.axisColor,
             "stroke-width": e.value.style.chart.grid.y.axisThickness,
             "stroke-linecap": "round",
@@ -1676,8 +1677,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             key: 6,
             ref_key: "xAxisLabel",
             ref: ot,
-            x: h.value.left + h.value.width / 2,
-            y: h.value.chartHeight - 3,
+            x: d.value.left + d.value.width / 2,
+            y: d.value.chartHeight - 3,
             "font-size": e.value.style.chart.grid.x.axisName.fontSize,
             fill: e.value.style.chart.grid.x.axisName.color,
             "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
@@ -1686,8 +1687,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (i(), v("text", {
             key: 7,
             ref_key: "yAxisLabel",
-            ref: $t,
-            transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${h.value.top + h.value.height / 2}) rotate(-90)`,
+            ref: Ct,
+            transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${d.value.top + d.value.height / 2}) rotate(-90)`,
             "font-size": e.value.style.chart.grid.y.axisName.fontSize,
             fill: e.value.style.chart.grid.y.axisName.color,
             "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
@@ -1697,9 +1698,9 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             key: 8,
             style: { pointerEvents: "none", transition: "none", animation: "none !important" },
             x: ae.value.left,
-            y: h.value.top,
+            y: d.value.top,
             width: ae.value.width,
-            height: h.value.height,
+            height: d.value.height,
             fill: "transparent",
             stroke: e.value.style.chart.grid.frame.stroke,
             "stroke-width": e.value.style.chart.grid.frame.strokeWidth,
@@ -1714,7 +1715,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
               fill: t.$slots.pattern ? `url(#pattern_${K.value}_${a.absoluteIndex})` : e.value.style.chart.lines.gradient.show ? `url(#gradient_${a.id})` : a.color,
               opacity: e.value.style.chart.lines.areaOpacity,
               style: ge({
-                transition: C(he) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
+                transition: C(de) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
               })
             }, null, 12, So)) : x("", !0)
           ], 64))), 256)),
@@ -1725,15 +1726,15 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             fill: "none",
             "stroke-linecap": "round",
             style: ge({
-              transition: C(he) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
+              transition: C(de) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
             })
           }, null, 12, Mo))), 256)),
           e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.lines.distributed ? (i(), v("g", {
             key: 9,
             ref_key: "scaleLabels",
-            ref: Ct
+            ref: Lt
           }, [
-            (i(!0), v(F, null, X(ze.value, (a, s) => (i(), v("line", {
+            (i(!0), v(F, null, X(Ie.value, (a, s) => (i(), v("line", {
               x1: ae.value.left,
               x2: ae.value.left - 6,
               y1: a.y,
@@ -1741,7 +1742,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
               stroke: e.value.style.chart.grid.x.axisColor,
               "stroke-width": 1
             }, null, 8, $o))), 256)),
-            (i(!0), v(F, null, X(ze.value, (a, s) => (i(), v("text", {
+            (i(!0), v(F, null, X(Ie.value, (a, s) => (i(), v("text", {
               x: a.x,
               y: a.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
               "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1766,13 +1767,13 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             ref: nt
           }, [
             t.$slots["time-label"] ? (i(), v("g", Lo, [
-              (i(!0), v(F, null, X(dt.value, (a, s) => (i(), v("g", null, [
-                N(t.$slots, "time-label", pt({ ref_for: !0 }, {
-                  x: h.value.left + vt.value * s + vt.value / 2,
-                  y: h.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
+              (i(!0), v(F, null, X(ht.value, (a, s) => (i(), v("g", null, [
+                N(t.$slots, "time-label", bt({ ref_for: !0 }, {
+                  x: d.value.left + vt.value * s + vt.value / 2,
+                  y: d.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
                   fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
                   fill: e.value.style.chart.grid.x.timeLabels.color,
-                  transform: `translate(${h.value.left + vt.value * s + vt.value / 2}, ${h.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
+                  transform: `translate(${d.value.left + vt.value * s + vt.value / 2}, ${d.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
                   absoluteIndex: a.absoluteIndex,
                   content: a.text,
                   textAnchor: e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
@@ -1780,7 +1781,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
                 }), void 0, !0)
               ]))), 256))
             ])) : (i(), v("g", Ao, [
-              (i(!0), v(F, null, X(dt.value, (a, s) => (i(), v("g", null, [
+              (i(!0), v(F, null, X(ht.value, (a, s) => (i(), v("g", null, [
                 String(a.text).includes(`
 `) ? (i(), v("text", {
                   key: s + "-multi",
@@ -1790,7 +1791,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
                   transform: `
                                         translate(
                                         ${ie(s)},
-                                        ${h.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}
+                                        ${d.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}
                                         ),
                                         rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
                                     `,
@@ -1810,55 +1811,55 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
                   "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
                   "font-weight": e.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
                   fill: e.value.style.chart.grid.x.timeLabels.color,
-                  transform: `translate(${ie(s)}, ${h.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
+                  transform: `translate(${ie(s)}, ${d.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
                   style: ge({ cursor: ve.value ? "pointer" : "default" }),
                   onClick: () => Va(a, s)
                 }, fe(a.text), 13, To))
               ]))), 256))
             ]))
           ], 512)) : x("", !0),
-          (Le.value || ![null, void 0].includes(p.value)) && !e.value.style.chart.highlighter.useLine ? (i(!0), v(F, { key: 11 }, X(c.value.end - c.value.start, (a, s) => (i(), v("g", {
+          (Le.value || ![null, void 0].includes(b.value)) && !e.value.style.chart.highlighter.useLine ? (i(!0), v(F, { key: 11 }, X(c.value.end - c.value.start, (a, s) => (i(), v("g", {
             key: `tooltip_trap_highlighter_${s}`
           }, [
             le("rect", {
               x: Oa(s).x,
-              y: h.value.top,
-              height: h.value.height,
+              y: d.value.top,
+              height: d.value.height,
               width: Oa(s).width,
-              fill: [Ye.value, p.value].includes(s) ? C(zs)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
+              fill: [Ye.value, b.value].includes(s) ? C(Is)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
               style: { transition: "none !important", animation: "none !important" }
             }, null, 8, Po)
           ]))), 128)) : x("", !0),
-          (Le.value || ![null, void 0].includes(p.value)) && e.value.style.chart.highlighter.useLine ? (i(), v(F, { key: 12 }, [
-            ![null, void 0].includes(p.value) || ![null, void 0].includes(Ye.value) ? (i(), v("g", zo, [
+          (Le.value || ![null, void 0].includes(b.value)) && e.value.style.chart.highlighter.useLine ? (i(), v(F, { key: 12 }, [
+            ![null, void 0].includes(b.value) || ![null, void 0].includes(Ye.value) ? (i(), v("g", Io, [
               le("line", {
-                x1: ie((p.value ?? Ye.value) || 0),
-                x2: ie((p.value ?? Ye.value) || 0),
-                y1: C(tt)(h.value.top),
-                y2: C(tt)(h.value.bottom),
+                x1: ie((b.value ?? Ye.value) || 0),
+                x2: ie((b.value ?? Ye.value) || 0),
+                y1: C(tt)(d.value.top),
+                y2: C(tt)(d.value.bottom),
                 stroke: e.value.style.chart.highlighter.color,
                 "stroke-width": e.value.style.chart.highlighter.lineWidth,
                 "stroke-dasharray": e.value.style.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, Io)
+              }, null, 8, zo)
             ])) : x("", !0)
           ], 64)) : x("", !0),
           (i(!0), v(F, null, X(T.value, (a) => (i(), v(F, null, [
             Le.value && c.value.end - c.value.start > e.value.style.chart.lines.dot.hideAboveMaxSerieLength ? (i(), v("g", _o, [
-              p.value != null ? (i(), v(F, { key: 0 }, [
-                a.rel.includes(p.value) && a.fullSeries?.[c.value.start + p.value] != null && !Number.isNaN(a.fullSeries?.[c.value.start + p.value]) ? (i(), oe(Kt, {
+              b.value != null ? (i(), v(F, { key: 0 }, [
+                a.rel.includes(b.value) && a.fullSeries?.[c.value.start + b.value] != null && !Number.isNaN(a.fullSeries?.[c.value.start + b.value]) ? (i(), oe(Kt, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
                   color: e.value.style.chart.lines.dot.useSerieColor ? a.color : e.value.style.chart.lines.dot.fill,
                   plot: {
-                    x: C(rl)(a.points[a.rel.indexOf(p.value)].x),
-                    y: C(rl)(a.points[a.rel.indexOf(p.value)].y)
+                    x: C(rl)(a.points[a.rel.indexOf(b.value)].x),
+                    y: C(rl)(a.points[a.rel.indexOf(b.value)].y)
                   },
                   radius: e.value.style.chart.lines.dot.radius * 1.3,
                   stroke: e.value.style.chart.lines.dot.useSerieColor ? e.value.style.chart.backgroundColor : a.color,
                   strokeWidth: e.value.style.chart.lines.dot.strokeWidth,
-                  transition: C(he) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
+                  transition: C(de) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : x("", !0)
               ], 64)) : x("", !0)
             ])) : x("", !0)
@@ -1870,10 +1871,10 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
                 shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
                 color: e.value.style.chart.lines.dot.useSerieColor ? a.color : e.value.style.chart.lines.dot.fill,
                 plot: { x: s.x, y: s.y },
-                radius: Le.value && p.value === a.rel[n] ? e.value.style.chart.lines.dot.radius * 1.3 : e.value.style.chart.lines.dot.radius,
+                radius: Le.value && b.value === a.rel[n] ? e.value.style.chart.lines.dot.radius * 1.3 : e.value.style.chart.lines.dot.radius,
                 stroke: e.value.style.chart.lines.dot.useSerieColor ? e.value.style.chart.backgroundColor : a.color,
                 strokeWidth: e.value.style.chart.lines.dot.strokeWidth,
-                transition: C(he) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
+                transition: C(de) ? void 0 : `all ${e.value.style.chart.lines.transitionDurationMs}ms ease-in-out`
               }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : x("", !0)
             ]))), 128)) : x("", !0)
           ], 64))), 256)),
@@ -1909,25 +1910,25 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
               ], 64))), 256))
             ], 512)) : x("", !0)
           ], 64)) : x("", !0),
-          Sa.value ? (i(), v("rect", pt({ key: 14 }, _l.value, {
+          Sa.value ? (i(), v("rect", bt({ key: 14 }, _l.value, {
             "data-start": c.value.start,
             "data-end": c.value.end
           }), null, 16, Ro)) : x("", !0),
           N(t.$slots, "svg", {
             svg: {
-              drawingArea: h.value,
+              drawingArea: d.value,
               data: T.value,
-              isPrintingImg: C(zt) | C(It) | lt.value,
+              isPrintingImg: C(zt) | C(_t) | lt.value,
               isPrintingSvg: st.value
             }
           }, void 0, !0)
         ], 46, io)),
         t.$slots.hint ? (i(), v("div", Oo, [
-          N(t.$slots, "hint", ee(te({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ht.value })), void 0, !0)
+          N(t.$slots, "hint", ee(te({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Wt.value })), void 0, !0)
         ])) : x("", !0)
       ]),
       t.$slots.watermark ? (i(), v("div", Do, [
-        N(t.$slots, "watermark", ee(te({ isPrinting: C(zt) || C(It) || lt.value || st.value })), void 0, !0)
+        N(t.$slots, "watermark", ee(te({ isPrinting: C(zt) || C(_t) || lt.value || st.value })), void 0, !0)
       ])) : x("", !0),
       na.value ? (i(), oe(xs, {
         key: 6,
@@ -1945,14 +1946,14 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             onClickMarker: l[0] || (l[0] = ({ legend: a }) => a.segregate())
           }, jt({
             item: P(({ legend: a }) => [
-              C(he) ? x("", !0) : (i(), v("div", {
+              C(de) ? x("", !0) : (i(), v("div", {
                 key: 0,
                 onClick: (s) => a.segregate(),
                 style: ge(`opacity:${D.value.includes(a.id) ? 0.5 : 1}`)
               }, fe(a.name), 13, Vo))
             ]),
             legendToggle: P(() => [
-              Xe.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !C(he) ? (i(), oe(ao, {
+              Xe.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !C(de) ? (i(), oe(ao, {
                 key: 0,
                 backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.chart.legend.selectAllToggle.color,
@@ -1983,10 +1984,10 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : x("", !0),
-      Ee.value && e.value.userOptions.buttons.table ? (i(), oe(ks(Ge.value.component), pt({ key: 7 }, Ge.value.props, {
+      Ee.value && e.value.userOptions.buttons.table ? (i(), oe(ks(Ge.value.component), bt({ key: 7 }, Ge.value.props, {
         ref_key: "tableUnit",
         ref: Ve,
-        onClose: Ha
+        onClose: Wa
       }), jt({
         content: P(() => [
           Ze(C(fl), {
@@ -1997,7 +1998,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             title: e.value.table.useDialog ? "" : Ge.value.title,
             withCloseButton: !e.value.table.useDialog,
             isCursorPointer: ve.value,
-            onClose: Ha
+            onClose: Wa
           }, {
             th: P(({ th: a }) => [
               le("div", { innerHTML: a }, null, 8, Bo)
@@ -2028,10 +2029,10 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
             le("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (a) => Wt(e.value.userOptions.callbacks.csv)),
+              onClick: l[1] || (l[1] = (a) => Ht(e.value.userOptions.callbacks.csv)),
               style: ge({ cursor: ve.value ? "pointer" : "default" })
             }, [
-              Ze(C(dl), {
+              Ze(C(hl), {
                 name: "fileCsv",
                 stroke: Ge.value.props.color
               }, null, 8, ["stroke"])
@@ -2060,7 +2061,7 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         isPreview: Sa.value,
         labelLeft: e.value.style.chart.grid.x.timeLabels.values[c.value.start] ? se.value?.[0]?.text ?? "" : "",
         labelRight: e.value.style.chart.grid.x.timeLabels.values[c.value.end - 1] ? se.value?.at(-1)?.text ?? "" : "",
-        max: Math.max(...wt.dataset.map((a) => a.series.length)),
+        max: Math.max(...St.dataset.map((a) => a.series.length)),
         min: 0,
         minimap: La.value,
         minimapCompact: e.value.style.chart.zoom.minimap.compact,
@@ -2069,17 +2070,17 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         minimapMerged: !1,
         minimapSelectedColor: e.value.style.chart.zoom.minimap.selectedColor,
         minimapSelectedColorOpacity: e.value.style.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: p.value,
+        minimapSelectedIndex: b.value,
         minimapSelectionRadius: 1,
-        preciseLabels: _a.value.length ? _a.value : Ie.value,
-        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...wt.dataset.map((a) => a.series.length)),
+        preciseLabels: _a.value.length ? _a.value : ze.value,
+        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...St.dataset.map((a) => a.series.length)),
         refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
         selectColor: e.value.style.chart.zoom.highlightColor,
         selectedSeries: rs.value,
         smoothMinimap: !1,
         start: c.value.start,
         textColor: e.value.style.chart.color,
-        timeLabels: Ie.value,
+        timeLabels: ze.value,
         usePreciseLabels: e.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !e.value.style.chart.zoom.useDefaultFormat,
         valueEnd: c.value.end,
         valueStart: c.value.start,
@@ -2093,8 +2094,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         handleBorderColor: e.value.style.chart.zoom.minimap.handleBorderColor,
         handleFill: e.value.style.chart.zoom.minimap.handleFill,
         handleWidth: e.value.style.chart.zoom.minimap.handleWidth,
-        "onUpdate:end": Hl,
-        "onUpdate:start": Wl,
+        "onUpdate:end": Wl,
+        "onUpdate:start": Hl,
         onTrapMouse: Fl,
         onReset: $a,
         onFutureEnd: l[2] || (l[2] = (a) => Ma("end", a)),
@@ -2112,8 +2113,8 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
       }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles", "maxWidth", "isCursorPointer", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth"])) : x("", !0),
       le("div", {
         id: `legend-bottom-${K.value}`
-      }, null, 8, Wo),
-      Ze(C(hl), {
+      }, null, 8, Ho),
+      Ze(C(dl), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: j.value.showTooltip && Re.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -2153,11 +2154,11 @@ const so = ["id"], oo = ["id"], no = ["id"], ro = { style: { position: "relative
         N(t.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
       N(t.$slots, "skeleton", {}, () => [
-        C(he) ? (i(), oe(Ys, { key: 0 })) : x("", !0)
+        C(de) ? (i(), oe(Ys, { key: 0 })) : x("", !0)
       ], !0)
     ], 46, so));
   }
-}, fn = /* @__PURE__ */ lo(Ho, [["__scopeId", "data-v-440d58b2"]]);
+}, fn = /* @__PURE__ */ lo(Wo, [["__scopeId", "data-v-a4a2b837"]]);
 export {
   fn as default
 };