vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-xy-BGC31q8v.js → vue-ui-xy-Cv-50xHj.js}

@@ -1,22 +1,22 @@
 import { defineAsyncComponent as Re, useSlots as Nu, getCurrentInstance as Fu, ref as g, shallowRef as Vu, computed as b, onMounted as It, toRefs as Bu, watch as vt, watchEffect as sl, nextTick as Pt, onBeforeUnmount as Pl, openBlock as i, createElementBlock as r, normalizeStyle as w, normalizeClass as Je, createElementVNode as y, toDisplayString as se, createBlock as _e, createCommentVNode as h, unref as v, withCtx as Y, renderSlot as O, normalizeProps as ve, guardReactiveProps as de, createSlots as lo, createVNode as dt, Fragment as d, renderList as k, mergeProps as Qe, Teleport as Ru, resolveDynamicComponent as Hu, withDirectives as Du, vModelCheckbox as Wu, createTextVNode as ao } from "vue";
-import { j as Ol, q as Nl, t as oo, n as Eu, D as uo, E as so, s as Fl, p as Vl, F as nl, G as W, H as Bl, I as Yu, J as Xu, K as N, L as no, c as io, M as ro, b as co, N as Gu, O as qu, P as Uu, Q as vo, R as ho, k as he, S as Zu, T as fo, U as Ku, z as mo, A as Ie, l as Pe, v as je, u as Ce, V as Ju, a as Qu, W as He, d as il, Y as Se, Z as ju, _ as De, $ as Ot, m as es, o as go, a0 as ts, a1 as ls, a2 as ht, a3 as as } from "./lib-DBptbyyI.js";
-import { u as bo, a as po, b as os } from "./useTimeLabels-C-A2uZKi.js";
-import { u as us } from "./useConfig-C40HvGpD.js";
-import { u as ss } from "./usePrinter-CEpYU3r5.js";
-import { u as ns, B as is } from "./BaseScanner-BhhkKVoj.js";
-import { u as rs } from "./useSvgExport-ByUukOZt.js";
-import { u as Nt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as cs } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as vs } from "./useStableElementSize-DCNs0Tx7.js";
-import { u as ds } from "./useTimeLabelCollider-CIsgDrl9.js";
-import hs from "./img-LXxMLmCg.js";
-import fs from "./Title-BeMKE1cj.js";
+import { j as Ol, q as Nl, t as oo, n as Eu, D as uo, E as so, s as Fl, p as Vl, F as nl, G as W, H as Bl, I as Yu, J as Xu, K as N, L as no, c as io, M as ro, b as co, N as Gu, O as qu, P as Uu, Q as vo, R as ho, k as he, S as Zu, T as fo, U as Ku, z as mo, A as Ie, l as Pe, v as je, u as Ce, V as Ju, a as Qu, W as He, d as il, Y as Se, Z as ju, _ as De, $ as Ot, m as es, o as go, a0 as ts, a1 as ls, a2 as ht, a3 as as } from "./lib-DMzrGQHK.js";
+import { u as bo, a as po, b as os } from "./useTimeLabels-Cv0tD9In.js";
+import { u as us } from "./useConfig-DTHxOX6V.js";
+import { u as ss } from "./usePrinter-C4t8DdQ-.js";
+import { u as ns, B as is } from "./BaseScanner-BON3d_Sx.js";
+import { u as rs } from "./useSvgExport-BTG4hVPO.js";
+import { u as Nt } from "./useNestedProp-DH0BEVVS.js";
+import { u as cs } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as vs } from "./useStableElementSize-C48ZVcZQ.js";
+import { u as ds } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import hs from "./img-CjTQXS0U.js";
+import fs from "./Title-BbKoiBk2.js";
 import ms from "./vue_ui_xy-esktmpg-.js";
-import { _ as rl } from "./Shape-BKRUOeKk.js";
-import { S as gs } from "./SlicerPreview-BMx3cqgX.js";
-import bs from "./vue-ui-accordion-DDuJT1xA.js";
-import { B as ps } from "./BaseLegendToggle-BQVIawmA.js";
-import { A as ys } from "./A11yDataTable-KcVAX2cP.js";
+import { _ as rl } from "./Shape-CxJ5_Rre.js";
+import { S as gs } from "./SlicerPreview-D_CgrN_7.js";
+import bs from "./vue-ui-accordion-BHmfmb_6.js";
+import { B as ps } from "./BaseLegendToggle-cMP8M2u0.js";
+import { A as ys } from "./A11yDataTable-BpmuNomI.js";
 import { _ as xs } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative" } }, $s = ["viewBox", "aria-label", "aria-describedby"], Ls = ["x", "y", "width", "height"], Ms = { key: 1 }, As = { class: "vue-ui-xy-grid" }, Cs = ["stroke", "x1", "x2", "y1", "y2"], Ts = ["stroke", "x1", "x2", "y1", "y2"], zs = { key: 1 }, Is = ["x1", "x2", "y1", "y2", "stroke"], Ps = ["x1", "x2", "y1", "y2", "stroke"], Os = ["x1", "x2", "y1", "y2", "stroke"], Ns = { key: 3 }, Fs = ["d", "stroke"], Vs = { key: 4 }, Bs = ["d", "stroke"], Rs = ["id"], Hs = ["stop-color"], Ds = ["stop-color"], Ws = ["stop-color"], Es = ["id"], Ys = ["stop-color"], Xs = ["stop-color"], Gs = ["stop-color"], qs = ["id"], Us = ["stop-color"], Zs = ["stop-color"], Ks = ["id"], Js = ["stop-color"], Qs = ["stop-color"], js = ["id"], en = ["stop-color"], tn = ["stop-color"], ln = { key: 0 }, an = ["id"], on = ["stop-color", "offset"], un = ["x", "y", "height", "width", "fill"], sn = ["x", "y", "width"], nn = { key: 0 }, rn = ["x", "y", "height", "width", "fill"], cn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], vn = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], dn = ["width", "x", "y"], hn = ["stroke", "x1", "x2", "y1", "y2"], fn = { key: 3 }, mn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gn = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], bn = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pn = ["fill", "font-size", "transform"], yn = ["x1", "x2", "y1", "y2", "stroke"], xn = ["x", "y", "font-size", "fill"], kn = ["x1", "x2", "y1", "y2", "stroke"], _n = ["x", "y", "font-size", "fill"], wn = ["width", "x", "y"], Sn = { style: { width: "100%" } }, $n = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ln = ["d", "stroke", "stroke-width", "stroke-dasharray"], Mn = { key: 6 }, An = { key: 7 }, Cn = ["d", "fill", "fill-opacity"], Tn = { key: 0 }, zn = ["d", "fill"], In = ["d", "fill"], Pn = ["d", "fill"], On = ["d", "fill"], Nn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Vn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Bn = ["d", "stroke", "stroke-width", "stroke-dasharray"], Rn = ["width", "x", "y"], Hn = { style: { width: "100%" } }, Dn = { key: 8 }, Wn = ["x", "y", "font-size", "fill"], En = ["x", "y", "font-size", "fill", "font-weight"], Yn = { key: 9 }, Xn = ["x", "y", "font-size", "fill"], Gn = { key: 10 }, qn = ["x", "y"], Un = ["innerHTML"], Zn = ["x", "y"], Kn = ["innerHTML"], Jn = ["x1", "x2", "y1", "y2", "stroke"], Qn = { key: 11 }, jn = ["x", "y", "font-size", "fill"], ei = { key: 12 }, ti = ["x", "y"], li = ["innerHTML"], ai = ["x", "y"], oi = ["innerHTML"], ui = ["x1", "x2", "y1", "y2", "stroke"], si = ["x", "y", "font-size", "fill", "innerHTML"], ni = ["x", "y", "font-size", "fill", "innerHTML"], ii = ["x", "y", "font-size", "fill", "innerHTML"], ri = ["x", "y", "font-size", "fill", "innerHTML"], ci = { key: 0 }, vi = ["id"], di = ["fill", "stroke"], hi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], fi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], mi = ["x", "y", "font-size", "fill", "stroke"], gi = ["id"], bi = ["stop-color"], pi = ["stop-color"], yi = ["x", "y", "width", "height", "fill", "onMouseenter"], xi = ["font-size", "fill", "transform"], ki = ["x", "y", "font-size", "fill"], _i = ["text-anchor", "font-size", "fill", "transform", "onClick"], wi = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Si = { key: 15 }, $i = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Li = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mi = ["y", "x", "width", "height", "fill"], Ai = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ci = {
   key: 16,
@@ -33,22 +33,42 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
-  style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
+  style: {
+    position: "absolute",
+    right: "100%",
+    top: "50%",
+    transform: "translateY(-50%)"
+  }
 }, Vi = ["fill"], Bi = ["innerHTML"], Ri = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
-  style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
+  style: {
+    position: "absolute",
+    left: "100%",
+    top: "50%",
+    transform: "translateY(-50%)"
+  }
 }, Hi = ["fill"], Di = ["innerHTML"], Wi = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
-  style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
+  style: {
+    position: "absolute",
+    right: "100%",
+    top: "50%",
+    transform: "translateY(-50%)"
+  }
 }, Ei = ["fill"], Yi = ["innerHTML"], Xi = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
-  style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
+  style: {
+    position: "absolute",
+    left: "100%",
+    top: "50%",
+    transform: "translateY(-50%)"
+  }
 }, Gi = ["fill"], qi = ["innerHTML"], Ui = ["id"], Zi = ["onClick", "onKeydown"], Ki = {
   key: 0,
   viewBox: "0 0 20 12",
@@ -90,9 +110,27 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       default: void 0
     }
   },
-  emits: ["selectTimeLabel", "selectX", "selectLegend", "zoomStart", "zoomEnd", "zoomReset", "copyAlt"],
+  emits: [
+    "selectTimeLabel",
+    "selectX",
+    "selectLegend",
+    "zoomStart",
+    "zoomEnd",
+    "zoomReset",
+    "copyAlt"
+  ],
   setup(cl, { expose: yo, emit: xo }) {
-    const T = cl, ko = Re(() => import("./DataTable-DT2kIdQ6.js")), _o = Re(() => import("./Tooltip-C8KGyqQk.js")), wo = Re(() => import("./UserOptions-rW2fRf3V.js")), Rl = Re(() => import("./BaseIcon-Cb3zzG6s.js")), So = Re(() => import("./vue-ui-table-sparkline-BMt2q1FS.js")), $o = Re(() => import("./PackageVersion-PjmqM4wb.js")), Lo = Re(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mo = Re(() => import("./BaseDraggableDialog-CIb-iD9g.js")), We = xo, Hl = Nu(), Ao = Fu(), { vue_ui_xy: ft } = us(), { isThemeValid: Co, warnInvalidTheme: To } = cs(), $e = g(null), mt = g(null), Te = g(null), et = g(null), gt = g(null), bt = g(null), zo = g(null), vl = g(null), dl = g(null), Ft = g(null), hl = g(null), fl = g(null), Ne = g(null), ml = g(null), Io = g(0), C = g(null), Dl = g(!0), fe = g(600), ee = g(1e3), Vt = g("0 0 1000 600"), Po = g({ x: 0, y: 0 }), pt = g({ line: "line", bar: "bar", plot: "plot" }), tt = g(!1), Ee = g(!1), Wl = g(!1), Ye = g(null), G = g([]), z = g(Ol()), El = g(0), Yl = g(0), Xl = g(0), yt = g(!0), gl = g(0), P = g(null), Gl = g(!1), bl = g(!0), Bt = g(!0), ae = g(null), Oe = g({}), Rt = g(null), ql = g(!1), lt = g(null), Ht = g(!1), Dt = g(!1), _ = g(null), at = g(null), Ul = g({ x: 0, y: 0 }), Zl = Vu(null), Kl = g(!1), Jl = g(0), Ql = g(0), jl = vs({
+    const T = cl, ko = Re(() => import("./DataTable-cMnb68Ik.js")), _o = Re(() => import("./Tooltip-Cvt7Fi0Q.js")), wo = Re(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Rl = Re(() => import("./BaseIcon-DX0hTWa-.js")), So = Re(
+      () => import("./vue-ui-table-sparkline-CpjyrPic.js")
+    ), $o = Re(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Lo = Re(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Mo = Re(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), We = xo, Hl = Nu(), Ao = Fu(), { vue_ui_xy: ft } = us(), { isThemeValid: Co, warnInvalidTheme: To } = cs(), $e = g(null), mt = g(null), Te = g(null), et = g(null), gt = g(null), bt = g(null), zo = g(null), vl = g(null), dl = g(null), Ft = g(null), hl = g(null), fl = g(null), Ne = g(null), ml = g(null), Io = g(0), C = g(null), Dl = g(!0), fe = g(600), ee = g(1e3), Vt = g("0 0 1000 600"), Po = g({ x: 0, y: 0 }), pt = g({ line: "line", bar: "bar", plot: "plot" }), tt = g(!1), Ee = g(!1), Wl = g(!1), Ye = g(null), G = g([]), z = g(Ol()), El = g(0), Yl = g(0), Xl = g(0), yt = g(!0), gl = g(0), P = g(null), Gl = g(!1), bl = g(!0), Bt = g(!0), ae = g(null), Oe = g({}), Rt = g(null), ql = g(!1), lt = g(null), Ht = g(!1), Dt = g(!1), _ = g(null), at = g(null), Ul = g({ x: 0, y: 0 }), Zl = Vu(null), Kl = g(!1), Jl = g(0), Ql = g(0), jl = vs({
       elementRef: Zl,
       minimumWidth: 2,
       minimumHeight: 2,
@@ -150,13 +188,21 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         userConfig: T.config,
         defaultConfig: ft
       });
-      T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea : l.chart.highlightArea = [T.config.chart.highlightArea]), T.config && Ot(T.config, "chart.annotations") && Array.isArray(T.config.chart.annotations) && T.config.chart.annotations.length ? l.chart.annotations = T.config.chart.annotations.map((a) => Nt({
-        defaultConfig: ft.chart.annotations[0],
-        userConfig: a
-      })) : l.chart.annotations = [], T.config && Ot(T.config, "chart.grid.position") && T.config.chart.grid.position === "start" && T.dataset.length && T.dataset.some((a) => a.type === "bar") && (l.chart.grid.position = "middle", Ot(T.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea.map((a) => aa({
-        defaultConfig: ft.chart.highlightArea,
-        userConfig: a
-      })) : l.chart.highlightArea = aa({
+      T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea : l.chart.highlightArea = [
+        T.config.chart.highlightArea
+      ]), T.config && Ot(T.config, "chart.annotations") && Array.isArray(T.config.chart.annotations) && T.config.chart.annotations.length ? l.chart.annotations = T.config.chart.annotations.map(
+        (a) => Nt({
+          defaultConfig: ft.chart.annotations[0],
+          userConfig: a
+        })
+      ) : l.chart.annotations = [], T.config && Ot(T.config, "chart.grid.position") && T.config.chart.grid.position === "start" && T.dataset.length && T.dataset.some((a) => a.type === "bar") && (l.chart.grid.position = "middle", Ot(T.config, "debug") && console.warn(
+        "Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar"
+      )), T.config && Ot(T.config, "chart.highlightArea") && (Array.isArray(T.config.chart.highlightArea) ? l.chart.highlightArea = T.config.chart.highlightArea.map(
+        (a) => aa({
+          defaultConfig: ft.chart.highlightArea,
+          userConfig: a
+        })
+      ) : l.chart.highlightArea = aa({
         defaultConfig: ft.chart.highlightArea,
         userConfig: T.config.chart.highlightArea
       }));
@@ -189,7 +235,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       set(l) {
         return l;
       }
-    }), t = g(yl()), Xe = b(() => t.value.chart.userOptions.useCursorPointer), f = g({
+    }), t = g(yl()), Xe = b(
+      () => t.value.chart.userOptions.useCursorPointer
+    ), f = g({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
@@ -301,7 +349,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       };
     }
     const Bo = Vo((l, o) => Bl({ data: l, threshold: o })), Fe = (l) => Bo(l, t.value.downsample.threshold), ze = b({
-      get: () => Math.max(...pe.value.map((l) => Fe(l.series).length)),
+      get: () => Math.max(
+        ...pe.value.map(
+          (l) => Fe(l.series).length
+        )
+      ),
       set: (l) => l
     }), m = g({ start: 0, end: ze.value }), Me = g({ start: 0, end: ze.value }), oa = b(() => t.value.chart.zoom.preview.enable && (Me.value.start !== m.value.start || Me.value.end !== m.value.end));
     function ua(l, o) {
@@ -335,14 +387,18 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }
       };
     });
-    vt(() => T.selectedXIndex, (l) => {
-      if ([null, void 0].includes(T.selectedXIndex)) {
-        _.value = null;
-        return;
-      }
-      const o = l - m.value.start;
-      o < 0 || l >= m.value.end ? _.value = null : _.value = o ?? null;
-    }, { immediate: !0 });
+    vt(
+      () => T.selectedXIndex,
+      (l) => {
+        if ([null, void 0].includes(T.selectedXIndex)) {
+          _.value = null;
+          return;
+        }
+        const o = l - m.value.start;
+        o < 0 || l >= m.value.end ? _.value = null : _.value = o ?? null;
+      },
+      { immediate: !0 }
+    );
     const { isPrinting: Et, isImaging: _l, generatePdf: sa, generateImage: na } = ss({
       elementId: `vue-ui-xy_${z.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
@@ -384,13 +440,25 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       }
       const e = st.value !== null ? st.value : l > 0 ? 0 : l, s = _t.value !== null ? _t.value : o, a = l < e ? l : e, n = o > s ? o : s;
       return ca(a, n).max;
-    }), Ae = b(() => t.value.chart.grid.labels.yAxis.useNiceScale ? uo(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : so(Xt.value, Gt.value < 0 ? 0 : Gt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), wt = b(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Ve = b(() => Dl.value ? pe.value.map((l, o) => {
+    }), Ae = b(() => t.value.chart.grid.labels.yAxis.useNiceScale ? uo(
+      Xt.value,
+      Gt.value < 0 ? 0 : Gt.value,
+      t.value.chart.grid.labels.yAxis.commonScaleSteps
+    ) : so(
+      Xt.value,
+      Gt.value < 0 ? 0 : Gt.value,
+      t.value.chart.grid.labels.yAxis.commonScaleSteps
+    )), wt = b(() => [null, void 0].includes(
+      t.value.chart.grid.labels.yAxis.scaleMin
+    ) ? Ae.value.min >= 0 ? 0 : Math.abs(Ae.value.min) : -Ae.value.min), Ve = b(() => Dl.value ? pe.value.map((l, o) => {
       const e = Fe(l.series), s = `uniqueId_${o}`;
       return {
         ...l,
         slotAbsoluteIndex: o,
         series: e.map((a) => nl(a) ? a : null).slice(m.value.start, m.value.end),
-        color: Fl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o]),
+        color: Fl(
+          l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o]
+        ),
         id: s,
         scaleLabel: l.scaleLabel || s
       };
@@ -403,9 +471,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       isSegregated: G.value.includes(l.id)
     }))), ye = b(() => Ve.value.map((l, o) => ({
       ...l,
-      series: l.series.map((e) => e + wt.value),
+      series: l.series.map(
+        (e) => e + wt.value
+      ),
       absoluteValues: l.series
-    })).filter((l) => !G.value.includes(l.id))), Wo = b(() => G.value.length === ie.value.length);
+    })).filter((l) => !G.value.includes(l.id))), Wo = b(
+      () => G.value.length === ie.value.length
+    );
     function Eo() {
       let l = 0;
       hl.value && (l = Array.from(hl.value.querySelectorAll("text")).reduce((a, n) => {
@@ -540,7 +612,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     });
     const Uo = b(() => {
       const l = t.value.chart.grid.labels.xAxisLabels.modulo;
-      return oe.value.length ? Math.min(l, [...new Set(oe.value.map((o) => o.text))].length) : l;
+      return oe.value.length ? Math.min(
+        l,
+        [...new Set(oe.value.map((o) => o.text))].length
+      ) : l;
     }), Kt = b(() => {
       const l = t.value.chart.grid.labels.xAxisLabels, o = oe.value || [], e = Zt.value || [], s = m.value.start ?? 0, a = _.value, n = $.value, u = o.map((M) => M?.text ?? ""), S = e.map((M) => M?.text ?? "");
       return Yu(
@@ -581,7 +656,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         name: s.name,
         color: s.color,
         type: s.type,
-        value: s.absoluteValues.find((a, n) => n === o),
+        value: s.absoluteValues.find(
+          (a, n) => n === o
+        ),
         comments: s.comments || [],
         prefix: s.prefix || t.value.chart.labels.prefix,
         suffix: s.suffix || t.value.chart.labels.suffix
@@ -603,7 +680,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       f.value.isStacked = !f.value.isStacked, f.value.isStacked ? f.value.useIndividualScale = !0 : f.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
     }
     function Sl(l) {
-      kt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+      kt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(
+        `VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`
+      ), t.value.chart.grid.labels.yAxis.stacked || console.warn(
+        `VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`
+      ));
     }
     function Jo(l, o) {
       const e = ta(l), s = Array(e).fill(0);
@@ -611,7 +692,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       return s;
     }
     function xa(l) {
-      const o = Math.max(...pe.value.map((e) => Fe(e.series).length));
+      const o = Math.max(
+        ...pe.value.map(
+          (e) => Fe(e.series).length
+        )
+      );
       return l > o ? o : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
     const $t = g(!1), ka = g(!1), _a = g(0), wa = g(0);
@@ -623,7 +708,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       if (!$t.value) {
         $t.value = !0;
         try {
-          const { startIndex: l, endIndex: o } = t.value.chart.zoom, e = Math.max(...pe.value.map((n) => Fe(n.series).length));
+          const { startIndex: l, endIndex: o } = t.value.chart.zoom, e = Math.max(
+            ...pe.value.map((n) => Fe(n.series).length)
+          );
           _a.value = 0, wa.value = e;
           const s = l ?? 0, a = o != null ? Math.min(xa(o + 1), e) : e;
           Qt.value = !0, m.value.start = s, m.value.end = a, Me.value.start = s, Me.value.end = a, ut(), ka.value = !0;
@@ -640,7 +727,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       const o = Number(l);
       We("zoomStart", {
         index: o,
-        isZoom: Sa(o, _a.value)
+        isZoom: Sa(
+          o,
+          _a.value
+        )
       }), Number.isFinite(o) && o !== m.value.start && (m.value.start = o, Me.value.start = o, ut());
     }
     function jo(l) {
@@ -663,14 +753,29 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     }
     const me = b(() => isNaN(Ge(wt.value)) ? c.value?.bottom : c.value?.bottom - c.value.height * Ge(wt.value));
     function La(l) {
-      const o = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Xt.value >= 0 ? c.value?.bottom : me.value;
-      return l.value >= 0 ? N(o - l.y <= 0 ? 1e-5 : o - l.y) : N(l.y - me.value <= 0 ? 1e-5 : l.y - me.value);
+      const o = ![null, void 0].includes(
+        t.value.chart.grid.labels.yAxis.scaleMin
+      ) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Xt.value >= 0 ? c.value?.bottom : me.value;
+      return l.value >= 0 ? N(
+        o - l.y <= 0 ? 1e-5 : o - l.y
+      ) : N(
+        l.y - me.value <= 0 ? 1e-5 : l.y - me.value
+      );
     }
     function Ma(l) {
-      return l.value >= 0 ? N(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : N(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
+      return l.value >= 0 ? N(
+        l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y
+      ) : N(
+        l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y
+      );
     }
     const J = b(() => {
-      const l = Math.max(1, $.value), o = Math.max(1, c.value.width), e = Math.max(1, Ve.value.filter((s) => s.type === "bar" && !G.value.includes(s.id)).length);
+      const l = Math.max(1, $.value), o = Math.max(1, c.value.width), e = Math.max(
+        1,
+        Ve.value.filter(
+          (s) => s.type === "bar" && !G.value.includes(s.id)
+        ).length
+      );
       return {
         bar: pl(o, l * e, 1),
         plot: pl(o, l, 1),
@@ -687,7 +792,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(me.value) ? c?.bottom.value : me.value;
     }
     function Ca(l) {
-      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
+      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(
+        l.zeroPosition
+      ) ? 0 : l.zeroPosition;
     }
     const it = g(null);
     function Ta(l) {
@@ -702,7 +809,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           return { x: p.x, y: p.y, ok: !0 };
         }
       }
-      const e = o.getBoundingClientRect(), s = o.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / s.width, e.height / s.height), n = s.width * a, u = s.height * a, S = (e.width - n) / 2, M = (e.height - u) / 2, I = (l.clientX - e?.left - S) / a + s.x, V = (l.clientY - e?.top - M) / a + s.y;
+      const e = o.getBoundingClientRect(), s = o.viewBox?.baseVal || {
+        x: 0,
+        y: 0,
+        width: e.width,
+        height: e.height
+      }, a = Math.min(e.width / s.width, e.height / s.height), n = s.width * a, u = s.height * a, S = (e.width - n) / 2, M = (e.height - u) / 2, I = (l.clientX - e?.left - S) / a + s.x, V = (l.clientY - e?.top - M) / a + s.y;
       return { x: I, y: V, ok: !0 };
     }
     let qe = 0;
@@ -747,14 +859,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         color: e.color,
         type: e.type
       }));
-      We(
-        "selectX",
-        {
-          dataset: o,
-          index: l,
-          indexLabel: t.value.chart.grid.labels.xAxisLabels.values[l]
-        }
-      ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: o, seriesIndex: l + m.value.start });
+      We("selectX", {
+        dataset: o,
+        index: l,
+        indexLabel: t.value.chart.grid.labels.xAxisLabels.values[l]
+      }), t.value.events.datapointClick && t.value.events.datapointClick({
+        datapoint: o,
+        seriesIndex: l + m.value.start
+      });
     }
     function lu() {
       return ie.value.map((l) => ({
@@ -766,7 +878,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     }
     async function au({ scale: l = 2 } = {}) {
       if (!$e.value) return;
-      const { width: o, height: e } = $e.value.getBoundingClientRect(), s = o / e, { imageUri: a, base64: n } = await hs({ domElement: $e.value, base64: !0, img: !0, scale: l });
+      const { width: o, height: e } = $e.value.getBoundingClientRect(), s = o / e, { imageUri: a, base64: n } = await hs({
+        domElement: $e.value,
+        base64: !0,
+        img: !0,
+        scale: l
+      });
       return {
         imageUri: a,
         base64: n,
@@ -786,17 +903,23 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     }
     function Mt(l) {
       if (G.value.includes(l.id))
-        G.value = G.value.filter((o) => o !== l.id);
+        G.value = G.value.filter(
+          (o) => o !== l.id
+        );
       else {
-        if (G.value.length + 1 === Ve.value.length) return;
+        if (G.value.length + 1 === Ve.value.length)
+          return;
         G.value.push(l.id);
       }
-      We("selectLegend", ye.value.map((o) => ({
-        name: o.name,
-        values: o.absoluteValues,
-        color: o.color,
-        type: o.type
-      }))), gl.value += 1;
+      We(
+        "selectLegend",
+        ye.value.map((o) => ({
+          name: o.name,
+          values: o.absoluteValues,
+          color: o.color,
+          type: o.type
+        }))
+      ), gl.value += 1;
     }
     function Pa(l) {
       if (!ie.value.length)
@@ -830,14 +953,23 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         ...t.value.chart.highlightArea,
         to: Math.min(t.value.chart.highlightArea.to, ze.value - 1)
       };
-      return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
+      return [
+        {
+          ...l,
+          span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1
+        }
+      ];
     }), Na = b(() => Dl.value ? pe.value.map((l, o) => ({
       ...l,
       series: Fe(l.series),
       id: `uniqueId_${o}`,
-      color: Fl(l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o])
+      color: Fl(
+        l.color ? l.color : Yt.value[o] ? Yt.value[o] : Vl[o]
+      )
     })) : pe.value), vu = b(() => ye.value.map((l) => {
-      const o = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
+      const o = l.absoluteValues.map(
+        (e) => [void 0, null].includes(e) ? 0 : e
+      );
       return {
         id: l.id,
         name: l.name,
@@ -853,7 +985,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       fontFamily: t.value.chart.fontFamily,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix,
-      colNames: oe.value.map((l, o) => t.value.table.useDefaultTimeFormat ? l.text : rt.value(o + m.value.start, t.value.table.timeFormat)),
+      colNames: oe.value.map(
+        (l, o) => t.value.table.useDefaultTimeFormat ? l.text : rt.value(
+          o + m.value.start,
+          t.value.table.timeFormat
+        )
+      ),
       thead: {
         backgroundColor: t.value.table.th.backgroundColor,
         color: t.value.table.th.color,
@@ -870,7 +1007,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       sparkline: {
         animation: { show: !1 }
       }
-    })), q = b(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), Ue = b(() => Xu(ie.value.filter((l) => !G.value.includes(l.id))));
+    })), q = b(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), Ue = b(() => Xu(
+      ie.value.filter(
+        (l) => !G.value.includes(l.id)
+      )
+    ));
     function hu(l, o) {
       const e = /* @__PURE__ */ Object.create(null);
       for (let s = 0; s < l.length; s += 1) {
@@ -880,7 +1021,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       return e;
     }
     const L = b(() => {
-      const l = hu(Ue.value, (e) => e.scaleLabel), o = {};
+      const l = hu(
+        Ue.value,
+        (e) => e.scaleLabel
+      ), o = {};
       for (const [e, s] of Object.entries(l)) {
         const a = s.flatMap((n) => n.absoluteValues);
         o[e] = {
@@ -893,11 +1037,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     }), fu = b(() => {
       const l = Ve.value.filter((o) => o.type === "bar").filter((o) => !G.value.includes(o.id)).length;
       return c.value.width / $.value / l - el.value * l;
-    }), el = b(() => J.value.line * t.value.bar.periodGap), tl = b(() => Math.max(1e-5, Be() - (f.value.useIndividualScale && f.value.isStacked ? 0 : el.value))), ll = b(() => tl.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), mu = b(() => {
+    }), el = b(
+      () => J.value.line * t.value.bar.periodGap
+    ), tl = b(() => Math.max(
+      1e-5,
+      Be() - (f.value.useIndividualScale && f.value.isStacked ? 0 : el.value)
+    )), ll = b(
+      () => tl.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)
+    ), mu = b(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
-      const l = Na.value.filter((a) => !G.value.includes(a.id)), o = Math.max(...l.map((a) => a.series.length)), e = [];
+      const l = Na.value.filter(
+        (a) => !G.value.includes(a.id)
+      ), o = Math.max(
+        ...l.map((a) => a.series.length)
+      ), e = [];
       for (let a = 0; a < o; a += 1)
-        e.push(l.map((n) => n.series[a] || 0).reduce((n, u) => (n || 0) + (u || 0), 0));
+        e.push(
+          l.map((n) => n.series[a] || 0).reduce((n, u) => (n || 0) + (u || 0), 0)
+        );
       const s = Math.min(...e);
       return e.map((a) => a + (s < 0 ? Math.abs(s) : 0));
     }), gu = b(() => t.value.chart.zoom.minimap.show ? Na.value.map((o) => ({
@@ -909,7 +1066,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       name: l.name,
       color: l.color,
       type: l.type,
-      value: l.absoluteValues.find((o, e) => e === _.value),
+      value: l.absoluteValues.find(
+        (o, e) => e === _.value
+      ),
       comments: l.comments || [],
       prefix: l.prefix || t.value.chart.labels.prefix,
       suffix: l.suffix || t.value.chart.labels.suffix
@@ -930,7 +1089,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         return a - D * n;
       };
       return o.map((V) => {
-        const { yAxis: { yTop: D, yBottom: F, label: p } } = V, te = D != null && F != null && D !== F, B = D == null ? null : I(D), Q = F == null ? null : I(F), X = qo(p.fontSize);
+        const {
+          yAxis: { yTop: D, yBottom: F, label: p }
+        } = V, te = D != null && F != null && D !== F, B = D == null ? null : I(D), Q = F == null ? null : I(F), X = qo(p.fontSize);
         X.font = `${p.fontSize}px sans-serif`;
         const H = X.measureText(p.text).width, U = p.fontSize, j = (p.position === "start" ? e + p.padding?.left : s - p.padding?.right) + p.offsetX, we = (B != null && Q != null ? Math.min(B, Q) : B ?? Q) - p.fontSize / 3 + p.offsetY - p.padding?.top;
         let Z;
@@ -1000,7 +1161,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       };
     }
     const ke = b(() => {
-      const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
+      const l = Ue.value.filter(
+        (u) => ["bar", "line", "plot"].includes(u.type)
+      ), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
       return l.filter((u) => u.type === "bar").map((u, S) => {
         Sl(u);
         const M = L.value[u.scaleLabel].min, I = L.value[u.scaleLabel].max;
@@ -1010,7 +1173,15 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           valueMax: I < 0 ? 0 : I
         }, D = {
           max: u.scaleMax || Math.max(...u.absoluteValues) || 1,
-          min: u.scaleMin || Math.min(...u.absoluteValues.filter((R) => ![void 0, null].includes(R))) > 0 ? 0 : Math.min(...u.absoluteValues.filter((R) => ![null, void 0].includes(R)))
+          min: u.scaleMin || Math.min(
+            ...u.absoluteValues.filter(
+              (R) => ![void 0, null].includes(R)
+            )
+          ) > 0 ? 0 : Math.min(
+            ...u.absoluteValues.filter(
+              (R) => ![null, void 0].includes(R)
+            )
+          )
         }, {
           individualScale: F,
           autoScaleSteps: p,
@@ -1039,19 +1210,33 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             value: u.absoluteValues[re],
             zeroPosition: N(U),
             individualMax: N(B),
-            comment: u.comments && u.comments.slice(m.value.start, m.value.end)[re] || ""
+            comment: u.comments && u.comments.slice(
+              m.value.start,
+              m.value.end
+            )[re] || ""
           };
-        }), Z = u.absoluteValues.map((R) => p.min >= 0 ? (R - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (R + Math.abs(p.min)) / (p.max + Math.abs(p.min))), be = u.series.map((R, re) => {
-          const Tt = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left - J.value.bar / 2 + J.value.bar * S + J.value.bar * re * ie.value.filter((Ke) => Ke.type === "bar").filter((Ke) => !G.value.includes(Ke.id)).length;
+        }), Z = u.absoluteValues.map(
+          (R) => p.min >= 0 ? (R - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (R + Math.abs(p.min)) / (p.max + Math.abs(p.min))
+        ), be = u.series.map((R, re) => {
+          const Tt = f.value.useIndividualScale && f.value.isStacked ? c.value?.left + c.value.width / $.value * re : c.value?.left - J.value.bar / 2 + J.value.bar * S + J.value.bar * re * ie.value.filter((Ke) => Ke.type === "bar").filter(
+            (Ke) => !G.value.includes(
+              Ke.id
+            )
+          ).length;
           return {
             yOffset: N(X),
             individualHeight: N(H),
             x: N(Tt),
-            y: N(c.value?.bottom - N(X) - (N(H) * Z[re] || 0)),
+            y: N(
+              c.value?.bottom - N(X) - (N(H) * Z[re] || 0)
+            ),
             value: u.absoluteValues[re],
             zeroPosition: N(U),
             individualMax: N(B),
-            comment: u.comments && u.comments.slice(m.value.start, m.value.end)[re] || ""
+            comment: u.comments && u.comments.slice(
+              m.value.start,
+              m.value.end
+            )[re] || ""
           };
         }), E = F.ticks.map((R) => ({
           y: R >= 0 ? U - H * (R / B) : U + H * Math.abs(R) / B,
@@ -1069,7 +1254,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             datapoint: u
           };
         });
-        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? le : E, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = le, L.value[u.scaleLabel].unique = Ue.value.filter((R) => R.scaleLabel === u.scaleLabel).length === 1, {
+        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? le : E, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = le, L.value[u.scaleLabel].unique = Ue.value.filter(
+          (R) => R.scaleLabel === u.scaleLabel
+        ).length === 1, {
           ...u,
           yOffset: X,
           autoScaleYLabels: le,
@@ -1083,7 +1270,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         };
       });
     }), ue = b(() => {
-      const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
+      const l = Ue.value.filter(
+        (u) => ["bar", "line", "plot"].includes(u.type)
+      ), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
       return l.filter((u) => u.type === "line").map((u, S) => {
         Sl(u);
         const M = L.value[u.scaleLabel].min, I = L.value[u.scaleLabel].max;
@@ -1115,22 +1304,53 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }), K = u.series.map((A, ce) => {
           const Ou = f.value.useIndividualScale ? (u.absoluteValues[ce] + Math.abs(te)) / B : Ge(A);
           return {
-            x: N(c.value?.left + J.value.line / 2 + J.value.line * ce),
-            y: N(c.value?.bottom - X - H * Ou),
+            x: N(
+              c.value?.left + J.value.line / 2 + J.value.line * ce
+            ),
+            y: N(
+              c.value?.bottom - X - H * Ou
+            ),
             value: u.absoluteValues[ce],
-            comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ce] || ""
+            comment: u.comments && u.comments.slice(
+              m.value.start,
+              m.value.end
+            )[ce] || ""
           };
-        }), we = u.absoluteValues.map((A) => p.min >= 0 ? (A - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (A + Math.abs(p.min)) / (p.max + Math.abs(p.min))), Z = u.series.map((A, ce) => [void 0, null].includes(u.absoluteValues[ce]) ? {
-          x: N(c.value?.left + J.value.line / 2 + J.value.line * ce),
+        }), we = u.absoluteValues.map(
+          (A) => p.min >= 0 ? (A - Math.abs(p.min)) / (p.max - Math.abs(p.min)) : (A + Math.abs(p.min)) / (p.max + Math.abs(p.min))
+        ), Z = u.series.map((A, ce) => [void 0, null].includes(u.absoluteValues[ce]) ? {
+          x: N(
+            c.value?.left + J.value.line / 2 + J.value.line * ce
+          ),
           y: U,
           value: u.absoluteValues[ce],
-          comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ce] || ""
+          comment: u.comments && u.comments.slice(
+            m.value.start,
+            m.value.end
+          )[ce] || ""
         } : {
-          x: N(c.value?.left + J.value.line / 2 + J.value.line * ce),
-          y: N(c.value?.bottom - X - (H * we[ce] || 0)),
+          x: N(
+            c.value?.left + J.value.line / 2 + J.value.line * ce
+          ),
+          y: N(
+            c.value?.bottom - X - (H * we[ce] || 0)
+          ),
           value: u.absoluteValues[ce],
-          comment: u.comments && u.comments.slice(m.value.start, m.value.end)[ce] || ""
-        }), be = u.dashIndices && Array.isArray(u.dashIndices) && u?.dashIndices?.length > 0, E = t.value.line.cutNullValues ? no(K) : io(K.filter((A) => A.value !== null)), le = t.value.line.cutNullValues ? no(Z) : io(Z.filter((A) => A.value !== null)), R = t.value.line.cutNullValues ? ro(K) : co(K.filter((A) => A.value !== null)), re = t.value.line.cutNullValues ? ro(Z) : co(Z.filter((A) => A.value !== null)), Tt = be ? Gu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], Ke = be ? qu(t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null), u.dashIndices.map((A) => A - m.value.start)) : [], ol = F.ticks.map((A) => ({
+          comment: u.comments && u.comments.slice(
+            m.value.start,
+            m.value.end
+          )[ce] || ""
+        }), be = u.dashIndices && Array.isArray(u.dashIndices) && u?.dashIndices?.length > 0, E = t.value.line.cutNullValues ? no(K) : io(K.filter((A) => A.value !== null)), le = t.value.line.cutNullValues ? no(Z) : io(
+          Z.filter((A) => A.value !== null)
+        ), R = t.value.line.cutNullValues ? ro(K) : co(K.filter((A) => A.value !== null)), re = t.value.line.cutNullValues ? ro(Z) : co(
+          Z.filter((A) => A.value !== null)
+        ), Tt = be ? Gu(
+          t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null),
+          u.dashIndices.map((A) => A - m.value.start)
+        ) : [], Ke = be ? qu(
+          t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null),
+          u.dashIndices.map((A) => A - m.value.start)
+        ) : [], ol = F.ticks.map((A) => ({
           y: A >= 0 ? U - H * (A / B) : U + H * Math.abs(A) / B,
           value: A,
           prefix: u.prefix || t.value.chart.labels.prefix,
@@ -1146,7 +1366,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             datapoint: u
           };
         });
-        L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ul : ol, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = ul, L.value[u.scaleLabel].unique = Ue.value.filter((A) => A.scaleLabel === u.scaleLabel).length === 1;
+        L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? ul : ol, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? j : U, L.value[u.scaleLabel].individualMax = u.autoScaling ? Q : B, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = X, L.value[u.scaleLabel].individualHeight = H, L.value[u.scaleLabel].autoScaleYLabels = ul, L.value[u.scaleLabel].unique = Ue.value.filter(
+          (A) => A.scaleLabel === u.scaleLabel
+        ).length === 1;
         const Pu = f.value.useIndividualScale ? u.autoScaling ? j : U : Do.value, zt = Math.max(
           Math.max(
             u.autoScaling ? j : ol.at(-1) ? ol.at(-1).y : 0,
@@ -1156,7 +1378,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         );
         return {
           ...u,
-          temperatureColors: u.temperatureColors ? u.temperatureColors.map((A) => Fl(A)) : null,
+          temperatureColors: u.temperatureColors ? u.temperatureColors.map(
+            (A) => Fl(A)
+          ) : null,
           yOffset: X,
           autoScaleYLabels: ul,
           individualHeight: H,
@@ -1173,11 +1397,21 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             u.autoScaling ? Z : K,
             zt
           ) : ho(
-            u.autoScaling ? Z.filter((A) => A.value !== null) : K.filter((A) => A.value !== null),
+            u.autoScaling ? Z.filter(
+              (A) => A.value !== null
+            ) : K.filter((A) => A.value !== null),
             zt
-          ) : t.value.line.cutNullValues ? vo(K, zt) : ho(K.filter((A) => A.value !== null), zt) : "",
+          ) : t.value.line.cutNullValues ? vo(
+            K,
+            zt
+          ) : ho(
+            K.filter((A) => A.value !== null),
+            zt
+          ) : "",
           curveAreas: u.useArea ? Uu(
-            u.autoScaling ? t.value.line.cutNullValues ? Z : Z.filter((A) => A.value !== null) : t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null),
+            u.autoScaling ? t.value.line.cutNullValues ? Z : Z.filter(
+              (A) => A.value !== null
+            ) : t.value.line.cutNullValues ? K : K.filter((A) => A.value !== null),
             zt,
             t.value.line.cutNullValues
           ) : [],
@@ -1186,7 +1420,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         };
       });
     }), ge = b(() => {
-      const l = Ue.value.filter((u) => ["bar", "line", "plot"].includes(u.type)), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
+      const l = Ue.value.filter(
+        (u) => ["bar", "line", "plot"].includes(u.type)
+      ), o = l.length, e = t.value.chart.grid.labels.yAxis.gap, a = f.value.isStacked ? e * (o - 1) : 0, n = c.value.height - a;
       return l.filter((u) => u.type === "plot").map((u) => {
         Sl(u);
         const S = L.value[u.scaleLabel].min, M = L.value[u.scaleLabel].max;
@@ -1219,16 +1455,32 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }), j = u.series.map((E, le) => {
           const R = f.value.useIndividualScale ? (u.absoluteValues[le] + Math.abs(p)) / te : Ge(E);
           return {
-            x: N(c.value?.left + J.value.plot / 2 + J.value.plot * le),
-            y: N(c.value?.bottom - Q - X * R),
+            x: N(
+              c.value?.left + J.value.plot / 2 + J.value.plot * le
+            ),
+            y: N(
+              c.value?.bottom - Q - X * R
+            ),
             value: u.absoluteValues[le],
-            comment: u.comments && u.comments.slice(m.value.start, m.value.end)[le] || ""
+            comment: u.comments && u.comments.slice(
+              m.value.start,
+              m.value.end
+            )[le] || ""
           };
-        }), K = u.absoluteValues.map((E) => F.min >= 0 ? (E - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (E + Math.abs(F.min)) / (F.max + Math.abs(F.min))), we = u.series.map((E, le) => ({
-          x: N(c.value?.left + J.value.plot / 2 + J.value.plot * le),
-          y: N(c.value?.bottom - Q - (X * K[le] || 0)),
+        }), K = u.absoluteValues.map(
+          (E) => F.min >= 0 ? (E - Math.abs(F.min)) / (F.max - Math.abs(F.min)) : (E + Math.abs(F.min)) / (F.max + Math.abs(F.min))
+        ), we = u.series.map((E, le) => ({
+          x: N(
+            c.value?.left + J.value.plot / 2 + J.value.plot * le
+          ),
+          y: N(
+            c.value?.bottom - Q - (X * K[le] || 0)
+          ),
           value: u.absoluteValues[le],
-          comment: u.comments && u.comments.slice(m.value.start, m.value.end)[le] || ""
+          comment: u.comments && u.comments.slice(
+            m.value.start,
+            m.value.end
+          )[le] || ""
         })), Z = D.ticks.map((E) => ({
           y: E >= 0 ? H - X * (E / te) : H + X * Math.abs(E) / te,
           value: E,
@@ -1245,7 +1497,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             datapoint: u
           };
         });
-        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? be : Z, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? U : H, L.value[u.scaleLabel].individualMax = u.autoScaling ? B : te, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Q, L.value[u.scaleLabel].individualHeight = X, L.value[u.scaleLabel].autoScaleYLabels = be, L.value[u.scaleLabel].unique = Ue.value.filter((E) => E.scaleLabel === u.scaleLabel).length === 1, {
+        return L.value[u.scaleLabel].name = u.name, L.value[u.scaleLabel].groupName = u.scaleLabel, L.value[u.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || u.color, L.value[u.scaleLabel].color = u.color, L.value[u.scaleLabel].scaleYLabels = u.autoScaling ? be : Z, L.value[u.scaleLabel].zeroPosition = u.autoScaling ? U : H, L.value[u.scaleLabel].individualMax = u.autoScaling ? B : te, L.value[u.scaleLabel].scaleLabel = u.scaleLabel, L.value[u.scaleLabel].id = u.id, L.value[u.scaleLabel].yOffset = Q, L.value[u.scaleLabel].individualHeight = X, L.value[u.scaleLabel].autoScaleYLabels = be, L.value[u.scaleLabel].unique = Ue.value.filter(
+          (E) => E.scaleLabel === u.scaleLabel
+        ).length === 1, {
           ...u,
           yOffset: Q,
           autoScaleYLabels: be,
@@ -1353,12 +1607,19 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       lines: ue.value,
       plots: ge.value,
       config: t.value
-    })), Ha = g({ months: [], shortMonths: [], days: [], shortDays: [] });
+    })), Ha = g({
+      months: [],
+      shortMonths: [],
+      days: [],
+      shortDays: []
+    });
     let Da = 0;
     sl(() => {
       const l = ++Da, o = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter;
       (async () => {
-        const e = await po(o.locale).catch(() => po("en"));
+        const e = await po(o.locale).catch(
+          () => po("en")
+        );
         l === Da && (Ha.value = e.data);
       })();
     });
@@ -1373,22 +1634,27 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         return n == null ? "" : o.formatDate(new Date(n), s);
       };
     }), Wa = b(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((o, e) => ({
-      text: rt.value(e, t.value.chart.zoom.timeFormat),
+      text: rt.value(
+        e,
+        t.value.chart.zoom.timeFormat
+      ),
       absoluteIndex: e
     }))), bu = b(() => {
       let l = "", o = Ze.value.map((a) => a.value).filter((a) => nl(a) && a !== null).reduce((a, n) => Math.abs(a) + Math.abs(n), 0);
       const e = oe.value[_.value], s = t.value.chart.tooltip.customFormat;
-      if (fo(s) && Ku(() => s({
-        absoluteIndex: _.value + m.value.start,
-        seriesIndex: _.value,
-        datapoint: Ze.value,
-        series: ie.value,
-        bars: ke.value,
-        lines: ue.value,
-        plots: ge.value,
-        config: t.value,
-        dateLabel: e
-      })))
+      if (fo(s) && Ku(
+        () => s({
+          absoluteIndex: _.value + m.value.start,
+          seriesIndex: _.value,
+          datapoint: Ze.value,
+          series: ie.value,
+          bars: ke.value,
+          lines: ue.value,
+          plots: ge.value,
+          config: t.value,
+          dateLabel: e
+        })
+      ))
         return s({
           absoluteIndex: _.value + m.value.start,
           seriesIndex: _.value,
@@ -1401,7 +1667,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           dateLabel: e
         });
       if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = rt.value(_.value + m.value.start, t.value.chart.tooltip.timeFormat);
+        const a = rt.value(
+          _.value + m.value.start,
+          t.value.chart.tooltip.timeFormat
+        );
         l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
       }
       return Ze.value.forEach((a) => {
@@ -1412,10 +1681,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               n = `<svg viewBox="0 0 40 40" height="14" width="14">${Hl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${Hl.pattern ? `url(#pattern_${z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
               break;
             case "line":
-              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? u = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (u = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${u}</svg>`;
+              !a.shape || ![
+                "star",
+                "triangle",
+                "square",
+                "diamond",
+                "pentagon",
+                "hexagon"
+              ].includes(a.shape) ? u = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? u = `<path d="${Ie({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (u = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${mo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${u}</svg>`;
               break;
             case "plot":
-              if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
+              if (!a.shape || ![
+                "star",
+                "triangle",
+                "square",
+                "diamond",
+                "pentagon",
+                "hexagon"
+              ].includes(a.shape)) {
                 n = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" /></svg>`;
                 break;
               }
@@ -1462,30 +1745,47 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${t.value.chart.tooltip.color}">${l}</div>`;
     }), Ea = b(() => {
-      if (Ve.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
+      if (Ve.value.length === 0)
+        return { head: [], body: [], config: {}, columnNames: [] };
       const l = ye.value.map((e) => ({
         label: e.name,
         color: e.color,
         type: e.type
       })), o = [];
       return oe.value.forEach((e, s) => {
-        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [rt.value(s + m.value.start, t.value.table.timeFormat)];
+        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [
+          rt.value(
+            s + m.value.start,
+            t.value.table.timeFormat
+          )
+        ];
         ye.value.forEach((n) => {
-          a.push(xe(n.absoluteValues[s]) ? Number(n.absoluteValues[s].toFixed(t.value.table.rounding)) : "");
+          a.push(
+            xe(n.absoluteValues[s]) ? Number(
+              n.absoluteValues[s].toFixed(
+                t.value.table.rounding
+              )
+            ) : ""
+          );
         }), o.push(a);
       }), { head: l, body: o };
     }), ct = b(() => {
       const l = t.value.table.showSum;
       let o = [""].concat(ye.value.map((n) => n.name));
-      l && (o = o.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 && (o = o.concat(
+        ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'
+      ));
       let e = [];
       for (let n = 0; n < $.value; n += 1) {
         const u = ye.value.map((S) => S.absoluteValues[n] ?? 0).reduce((S, M) => S + M, 0);
         e.push(
           [
-            t.value.table.useDefaultTimeFormat ? oe.value[n]?.text ?? "-" : rt.value(n + m.value.start, t.value.table.timeFormat)
-          ].concat(ye.value.map(
-            (S) => he(
+            t.value.table.useDefaultTimeFormat ? oe.value[n]?.text ?? "-" : rt.value(
+              n + m.value.start,
+              t.value.table.timeFormat
+            )
+          ].concat(
+            ye.value.map((S) => he(
               S.type === "line" ? t.value.line.labels.formatter : S.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
               S.absoluteValues[n] ?? 0,
               Pe({
@@ -1494,8 +1794,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 s: S.suffix || t.value.chart.labels.suffix,
                 r: t.value.table.rounding
               })
-            )
-          )).concat(l ? (u ?? 0).toFixed(t.value.table.rounding) : [])
+            ))
+          ).concat(
+            l ? (u ?? 0).toFixed(t.value.table.rounding) : []
+          )
         );
       }
       const s = {
@@ -1514,19 +1816,34 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       return { head: o, body: e, config: s, colNames: a };
     });
     function Ml(l = null) {
-      const o = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...Ea.value.head.map((u) => u.label)], s = Ea.value.body, a = o.concat([e]).concat(s), n = ts(a);
-      l ? l(n) : ls({ csvContent: n, title: t.value.chart.title.text || "vue-ui-xy" });
+      const o = [
+        [t.value.chart.title.text],
+        [t.value.chart.title.subtitle.text],
+        [""]
+      ], e = ["", ...Ea.value.head.map((u) => u.label)], s = Ea.value.body, a = o.concat([e]).concat(s), n = ts(a);
+      l ? l(n) : ls({
+        csvContent: n,
+        title: t.value.chart.title.text || "vue-ui-xy"
+      });
     }
     function Al(l, o = null) {
       if (Wo.value) return;
       Wl.value = l;
       const e = ye.value.map((s) => ({
         name: s.name,
-        value: [null, void 0, NaN].includes(s.absoluteValues[o]) ? null : s.absoluteValues[o],
+        value: [null, void 0, NaN].includes(
+          s.absoluteValues[o]
+        ) ? null : s.absoluteValues[o],
         color: s.color,
         type: s.type
       }));
-      l ? (_.value = o, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: o + m.value.start })) : (_.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: o + m.value.start }));
+      l ? (_.value = o, t.value.events.datapointEnter && t.value.events.datapointEnter({
+        datapoint: e,
+        seriesIndex: o + m.value.start
+      })) : (_.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({
+        datapoint: e,
+        seriesIndex: o + m.value.start
+      }));
     }
     function Ya() {
       f.value.showTable = !f.value.showTable;
@@ -1598,9 +1915,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }), Wt.value = !0);
       }), kt.value && T.dataset.forEach((o) => {
         o.series.forEach((e, s) => {
-          nl(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+          nl(e) || console.warn(
+            `VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${o.name}' contains the value '${e}' at index ${s}.
-'${e}' was converted to null to allow the chart to display.`);
+'${e}' was converted to null to allow the chart to display.`
+          );
         });
       }), go(T.dataset) || (Wt.value = t.value.loading), Gl.value = t.value.chart.userOptions.showOnChartHover, bl.value = t.value.chart.userOptions.keepStateOnChartLeave, Bt.value = !t.value.chart.userOptions.showOnChartHover, kl();
       const l = 12;
@@ -1636,16 +1955,27 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       };
     }
     It(() => {
-      Cl(), Jt(), document.addEventListener("mousemove", Za, { passive: !0 }), document.addEventListener("scroll", fa, { passive: !0 });
+      Cl(), Jt(), document.addEventListener("mousemove", Za, {
+        passive: !0
+      }), document.addEventListener("scroll", fa, { passive: !0 });
     }), Pl(() => {
-      document.removeEventListener("scroll", fa, { passive: !0 }), document.removeEventListener("mousemove", Za, { passive: !0 }), Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect(), Ne.value = null);
+      document.removeEventListener("scroll", fa, { passive: !0 }), document.removeEventListener("mousemove", Za, {
+        passive: !0
+      }), Ne.value && (Ne.value.unobserve(ml.value), Ne.value.disconnect(), Ne.value = null);
     }), ds({
       timeLabelsEls: Ft,
       timeLabels: oe,
       slicer: m,
       configRef: t,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
-      autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
+      autoRotatePath: [
+        "chart",
+        "grid",
+        "labels",
+        "xAxisLabels",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: Ho,
       height: fe,
       width: ee,
@@ -1687,7 +2017,8 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       });
     });
     const ku = b(() => {
-      if ([null, void 0].includes(_.value) && [null, void 0].includes(P.value)) return "";
+      if ([null, void 0].includes(_.value) && [null, void 0].includes(P.value))
+        return "";
       const l = (_.value != null ? _.value : 0) || (P.value != null ? P.value : 0), o = t.value.chart.timeTag.customFormat;
       if (al.value = !1, fo(o))
         try {
@@ -1706,16 +2037,31 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           console.warn("Custom format cannot be applied on timeTag."), al.value = !1;
         }
       if (!al.value)
-        return [null, void 0].includes(oe.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? rt.value(l + m.value.start, t.value.chart.timeTag.timeFormat) : oe.value[l].text;
+        return [null, void 0].includes(oe.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? rt.value(
+          l + m.value.start,
+          t.value.chart.timeTag.timeFormat
+        ) : oe.value[l].text;
     });
-    vt(() => T.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (Wt.value = !1), ze.value = Math.max(...pe.value.map((o) => Fe(o.series).length)), m.value = {
-        start: 0,
-        end: ze.value
-      }, Io.value += 1, gl.value += 1, xt(), ot(), ut();
-    }, { deep: !0 }), vt(() => T.config, (l) => {
-      ne.value || (t.value = yl()), Cl(), Xl.value += 1, Yl.value += 1, kl(), xt(), ot(), ut();
-    }, { deep: !0 });
+    vt(
+      () => T.dataset,
+      (l) => {
+        Array.isArray(l) && l.length > 0 && (Wt.value = !1), ze.value = Math.max(
+          ...pe.value.map(
+            (o) => Fe(o.series).length
+          )
+        ), m.value = {
+          start: 0,
+          end: ze.value
+        }, Io.value += 1, gl.value += 1, xt(), ot(), ut();
+      },
+      { deep: !0 }
+    ), vt(
+      () => T.config,
+      (l) => {
+        ne.value || (t.value = yl()), Cl(), Xl.value += 1, Yl.value += 1, kl(), xt(), ot(), ut();
+      },
+      { deep: !0 }
+    );
     const Tl = g(!1);
     function Qa() {
       const l = $e.value?.parentNode;
@@ -1732,9 +2078,13 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         Qa(), Tl.value && (Cl(), ut(), Jt());
       });
       $e.value?.parentNode && l.observe($e.value.parentNode);
-    }), vt(t, () => {
-      kl();
-    }, { immediate: !0 });
+    }), vt(
+      t,
+      () => {
+        kl();
+      },
+      { immediate: !0 }
+    );
     const Ct = b(() => {
       const l = t.value.table.useDialog && !t.value.showTable, o = f.value.showTable;
       return {
@@ -1765,9 +2115,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         }
       };
     });
-    vt(() => f.value.showTable, (l) => {
-      t.value.showTable || (l && t.value.table.useDialog && lt.value ? lt.value.open() : lt.value && lt.value.close && lt.value.close());
-    });
+    vt(
+      () => f.value.showTable,
+      (l) => {
+        t.value.showTable || (l && t.value.table.useDialog && lt.value ? lt.value.open() : lt.value && lt.value.close && lt.value.close());
+      }
+    );
     function ja() {
       f.value.showTable = !1, fl.value && fl.value.setTableIconState(!1);
     }
@@ -1787,7 +2140,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       try {
         if (l) {
           const { blob: o, url: e, text: s, dataUrl: a } = await Mu();
-          await Promise.resolve(t.value.chart.userOptions.callbacks.svg({ blob: o, url: e, text: s, dataUrl: a }));
+          await Promise.resolve(
+            t.value.chart.userOptions.callbacks.svg({
+              blob: o,
+              url: e,
+              text: s,
+              dataUrl: a
+            })
+          );
         } else
           await Promise.resolve(Lu());
       } finally {
@@ -1817,20 +2177,24 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           plots: ge.value
         }
       }), !t.value.chart.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(t.value.chart.userOptions.callbacks.altCopy({
-        config: {
-          ...t.value,
-          formattedDates: oe.value
-        },
-        dataset: {
-          lines: ue.value,
-          bars: ke.value,
-          plots: ge.value
-        }
-      }));
+      await Promise.resolve(
+        t.value.chart.userOptions.callbacks.altCopy({
+          config: {
+            ...t.value,
+            formattedDates: oe.value
+          },
+          dataset: {
+            lines: ue.value,
+            bars: ke.value,
+            plots: ge.value
+          }
+        })
+      );
     }
     const zl = g(!1);
     function Cu() {
@@ -1859,9 +2223,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
     const Il = b(() => {
       if (!ct.value) return null;
       const l = t.value.table.showSum;
-      let o = [t.value.table.columnNames.period].concat(ye.value.map((s) => s.name));
+      let o = [t.value.table.columnNames.period].concat(
+        ye.value.map((s) => s.name)
+      );
       l && (o = o.concat(t.value.table.columnNames.total));
-      const e = ct.value.body.slice(m.value.start, m.value.end);
+      const e = ct.value.body.slice(
+        m.value.start,
+        m.value.end
+      );
       return {
         headers: o,
         rows: e
@@ -2103,7 +2472,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           ref_key: "svgRef",
           ref: ae,
           xmlns: "http://www.w3.org/2000/svg",
-          class: Je([{ "vue-data-ui-fullscreen--on": Ee.value, "vue-data-ui-fulscreen--off": !Ee.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
+          class: Je([{
+            "vue-data-ui-fullscreen--on": Ee.value,
+            "vue-data-ui-fulscreen--off": !Ee.value
+          }, "vue-ui-xy-svg vue-data-ui-svg"]),
           width: "100%",
           viewBox: Vt.value,
           style: w({
@@ -2164,7 +2536,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     stroke: e.color,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
-                    style: { animation: "none !important" }
+                    style: {
+                      animation: "none !important"
+                    }
                   }, null, 8, Ps))), 256)) : e.yLabels.length ? (i(!0), r(d, { key: 1 }, k(e.yLabels, (s) => (i(), r("line", {
                     x1: c.value?.left + q.value,
                     x2: c.value?.right - q.value,
@@ -2173,7 +2547,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     stroke: t.value.chart.grid.stroke,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
-                    style: { animation: "none !important" }
+                    style: {
+                      animation: "none !important"
+                    }
                   }, null, 8, Os))), 256)) : h("", !0)
                 ]))), 256)) : h("", !0) : (i(), r(d, { key: 1 }, [
                   t.value.chart.grid.labels.yAxis.showBaseline ? (i(), r("line", {
@@ -2196,7 +2572,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       stroke: t.value.chart.grid.stroke,
                       "stroke-width": 0.5,
                       "stroke-linecap": "round",
-                      style: { animation: "none !important" }
+                      style: {
+                        animation: "none !important"
+                      }
                     }, null, 8, Is))), 256))
                   ])) : h("", !0)
                 ], 64)),
@@ -2225,7 +2603,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 l.$slots["bar-gradient"] ? O(l.$slots, "bar-gradient", Qe({
                   key: 0,
                   ref_for: !0
-                }, { series: e, positiveId: `rectGradient_pos_${s}_${z.value}`, negativeId: `rectGradient_neg_${s}_${z.value}` }), void 0, !0) : (i(), r(d, { key: 1 }, [
+                }, {
+                  series: e,
+                  positiveId: `rectGradient_pos_${s}_${z.value}`,
+                  negativeId: `rectGradient_neg_${s}_${z.value}`
+                }), void 0, !0) : (i(), r(d, { key: 1 }, [
                   y("linearGradient", {
                     id: `rectGradient_pos_${s}_${z.value}`,
                     x2: "0%",
@@ -2309,7 +2691,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   l.$slots["area-gradient"] ? O(l.$slots, "area-gradient", Qe({
                     key: 0,
                     ref_for: !0
-                  }, { series: e, id: `areaGradient_${s}_${z.value}` }), void 0, !0) : (i(), r("linearGradient", {
+                  }, {
+                    series: e,
+                    id: `areaGradient_${s}_${z.value}`
+                  }), void 0, !0) : (i(), r("linearGradient", {
                     key: 1,
                     id: `areaGradient_${s}_${z.value}`,
                     x1: "0%",
@@ -2335,7 +2720,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     (i(!0), r(d, null, k(e.temperatureColors, (a, n) => (i(), r("stop", {
                       key: `temperature_grad_stop_${s}_${n}_${z.value}`,
                       "stop-color": a,
-                      offset: v(Ju)(n, e.temperatureColors.length)
+                      offset: v(Ju)(
+                        n,
+                        e.temperatureColors.length
+                      )
                     }, null, 8, on))), 128))
                   ], 8, an)
                 ])) : h("", !0)
@@ -2352,7 +2740,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                       y: c.value?.top,
                       height: c.value.height < 0 ? 10 : c.value.height,
                       width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
-                      fill: v(Ce)(e.color, e.opacity)
+                      fill: v(Ce)(
+                        e.color,
+                        e.opacity
+                      )
                     }, null, 12, un)
                   ]))), 256)),
                   (i(!0), r(d, null, k(e.span, (s, a) => (i(), r("g", null, [
@@ -2383,8 +2774,18 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     y: c.value?.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
-                    fill: [P.value, _.value, Ye.value].includes(s) ? v(Ce)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
-                    style: { transition: "none !important", animation: "none !important" }
+                    fill: [
+                      P.value,
+                      _.value,
+                      Ye.value
+                    ].includes(s) ? v(Ce)(
+                      t.value.chart.highlighter.color,
+                      t.value.chart.highlighter.opacity
+                    ) : "transparent",
+                    style: {
+                      transition: "none !important",
+                      animation: "none !important"
+                    }
                   }, null, 8, rn)
                 ]))), 128))
               ])) : h("", !0),
@@ -2400,7 +2801,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     key: 0,
                     x: jt(a) + ll.value / 2,
                     y: f.value.useIndividualScale ? Ca(a) : Aa(a),
-                    height: f.value.useIndividualScale ? Math.abs(Ma(a)) : Math.abs(La(a)),
+                    height: f.value.useIndividualScale ? Math.abs(
+                      Ma(
+                        a
+                      )
+                    ) : Math.abs(La(a)),
                     width: tl.value - ll.value,
                     rx: t.value.bar.borderRadius,
                     fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${s}_${z.value})` : `url(#rectGradient_neg_${s}_${z.value})` : e.color,
@@ -2414,13 +2819,19 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     key: 1,
                     x: jt(a) - ll.value / 2,
                     y: f.value.useIndividualScale ? Ca(a) : Aa(a),
-                    height: f.value.useIndividualScale ? Math.abs(Ma(a)) : Math.abs(La(a)),
+                    height: f.value.useIndividualScale ? Math.abs(
+                      Ma(
+                        a
+                      )
+                    ) : Math.abs(La(a)),
                     width: tl.value - ll.value,
                     rx: t.value.bar.borderRadius,
                     fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
                     stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                     "stroke-width": t.value.bar.border.strokeWidth,
-                    style: w({ transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
+                    style: w({
+                      transition: v(ne) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
+                    })
                   }, null, 12, vn)) : h("", !0),
                   a.comment && t.value.chart.comments.show ? (i(), r("foreignObject", {
                     key: 2,
@@ -2431,7 +2842,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     y: v(N)(a.y) + t.value.chart.comments.offsetY + 6
                   }, [
                     O(l.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
+                      plot: {
+                        ...a,
+                        color: e.color,
+                        seriesIndex: s,
+                        datapointIndex: n
+                      }
                     }, void 0, !0)
                   ], 8, dn)) : h("", !0)
                 ]))), 128))
@@ -2447,7 +2863,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, hn)) : h("", !0),
-              t.value.chart.highlighter.useLine && (![null, void 0].includes(_.value) || ![null, void 0].includes(P.value)) ? (i(), r("g", fn, [
+              t.value.chart.highlighter.useLine && (![null, void 0].includes(
+                _.value
+              ) || ![null, void 0].includes(
+                P.value
+              )) ? (i(), r("g", fn, [
                 y("line", {
                   x1: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
                   x2: c.value?.left + c.value.width / $.value * ((_.value !== null ? _.value : 0) || (P.value !== null ? P.value : 0)) + c.value.width / $.value / 2,
@@ -2462,7 +2882,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               ])) : h("", !0),
               t.value.chart.grid.frame.show ? (i(), r("rect", {
                 key: 4,
-                style: { pointerEvents: "none", transition: "none", animation: "none !important" },
+                style: {
+                  pointerEvents: "none",
+                  transition: "none",
+                  animation: "none !important"
+                },
                 x: c.value?.left + q.value < 0 ? 0 : c.value?.left + q.value,
                 y: c.value?.top,
                 width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
@@ -2484,8 +2908,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     y("line", {
                       x1: e.x + q.value - c.value.individualOffsetX,
                       x2: e.x + q.value - c.value.individualOffsetX,
-                      y1: f.value.isStacked ? v(W)(c.value?.bottom - e.yOffset - e.individualHeight) : v(W)(c.value?.top),
-                      y2: f.value.isStacked ? v(W)(c.value?.bottom - e.yOffset) : v(W)(c.value?.bottom),
+                      y1: f.value.isStacked ? v(W)(
+                        c.value?.bottom - e.yOffset - e.individualHeight
+                      ) : v(W)(
+                        c.value?.top
+                      ),
+                      y2: f.value.isStacked ? v(W)(
+                        c.value?.bottom - e.yOffset
+                      ) : v(W)(
+                        c.value?.bottom
+                      ),
                       stroke: e.color,
                       "stroke-width": t.value.chart.grid.stroke,
                       "stroke-linecap": "round",
@@ -2512,7 +2944,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         stroke: e.color,
                         "stroke-width": 1,
                         "stroke-linecap": "round",
-                        style: { animation: "none !important" }
+                        style: {
+                          animation: "none !important"
+                        }
                       }, null, 8, yn)) : h("", !0)
                     ], 64))), 256)),
                     (i(!0), r(d, null, k(e.yLabels, (s, a) => (i(), r("text", {
@@ -2530,7 +2964,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                         s: s.suffix,
                         r: t.value.chart.grid.labels.yAxis.rounding
                       }),
-                      { datapoint: s.datapoint, seriesIndex: a }
+                      {
+                        datapoint: s.datapoint,
+                        seriesIndex: a
+                      }
                     )), 9, xn))), 256))
                   ], 4))), 256))
                 ], 64)) : (i(!0), r(d, { key: 1 }, k(Fa.value, (e, s) => (i(), r("g", {
@@ -2545,12 +2982,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     stroke: t.value.chart.grid.stroke,
                     "stroke-width": "1",
                     "stroke-linecap": "round",
-                    style: { animation: "none !important" }
+                    style: {
+                      animation: "none !important"
+                    }
                   }, null, 8, kn)) : h("", !0),
                   e.value >= Ae.value.min && e.value <= Ae.value.max ? (i(), r("text", {
                     key: 1,
                     x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
-                    y: v(N)(e.y + x.value.dataLabels / 3),
+                    y: v(N)(
+                      e.y + x.value.dataLabels / 3
+                    ),
                     "font-size": x.value.dataLabels,
                     "text-anchor": "end",
                     fill: t.value.chart.grid.labels.color
@@ -2576,9 +3017,19 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 }, [
                   a && xe(a.value) ? (i(), _e(rl, {
                     key: 0,
-                    shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
+                    shape: [
+                      "triangle",
+                      "square",
+                      "diamond",
+                      "pentagon",
+                      "hexagon",
+                      "star"
+                    ].includes(e.shape) ? e.shape : "circle",
                     color: t.value.plot.useGradient ? `url(#plotGradient_${s}_${z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
-                    plot: { x: v(N)(a.x), y: v(N)(a.y) },
+                    plot: {
+                      x: v(N)(a.x),
+                      y: v(N)(a.y)
+                    },
                     radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
                     stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                     strokeWidth: t.value.plot.dot.strokeWidth,
@@ -2594,7 +3045,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, [
                     y("div", Sn, [
                       O(l.$slots, "plot-comment", {
-                        plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
+                        plot: {
+                          ...a,
+                          color: e.color,
+                          seriesIndex: s,
+                          datapointIndex: n
+                        }
                       }, void 0, !0)
                     ])
                   ], 8, wn)) : h("", !0)
@@ -2612,7 +3068,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   "stroke-width": t.value.line.strokeWidth + 1,
                   "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                   fill: "none",
-                  style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  style: w({
+                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  })
                 }, null, 12, $n)) : e.plots.length > 1 && e.straight ? (i(), r("path", {
                   key: 1,
                   d: `M${e.straight}`,
@@ -2622,13 +3080,19 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   fill: "none",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
-                  style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  style: w({
+                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  })
                 }, null, 12, Ln)) : h("", !0)
               ], 6))), 128)),
               l.$slots.pattern ? (i(), r("defs", Mn, [
                 (i(!0), r(d, null, k(Ve.value, (e, s) => O(l.$slots, "pattern", Qe({
                   key: `serie_pattern_slot_${e.id}`
-                }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${z.value}_${s}` }), void 0, !0)), 128))
+                }, { ref_for: !0 }, {
+                  ...e,
+                  seriesIndex: e.slotAbsoluteIndex,
+                  patternId: `pattern_${z.value}_${s}`
+                }), void 0, !0)), 128))
               ])) : h("", !0),
               Ra.value.length && !f.value.isStacked ? (i(), r("g", An, [
                 (i(!0), r(d, null, k(Ra.value, (e) => (i(), r("path", {
@@ -2638,7 +3102,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   "fill-opacity": t.value.line.interLine.fillOpacity,
                   stroke: "none",
                   "pointer-events": "none",
-                  style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  style: w({
+                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  })
                 }, null, 12, Cn))), 128))
               ])) : h("", !0),
               (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r("g", {
@@ -2651,27 +3117,41 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     a ? (i(), r("path", {
                       key: 0,
                       d: a,
-                      fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(e.color, t.value.line.area.opacity),
-                      style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                      fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(
+                        e.color,
+                        t.value.line.area.opacity
+                      ),
+                      style: w({
+                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                      })
                     }, null, 12, zn)) : h("", !0),
                     l.$slots.pattern && a ? (i(), r("path", {
                       key: 1,
                       d: a,
                       fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-                      style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                      style: w({
+                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                      })
                     }, null, 12, In)) : h("", !0)
                   ], 64))), 128)) : (i(!0), r(d, { key: 1 }, k(e.area.split(";"), (a, n) => (i(), r(d, { key: n }, [
                     a ? (i(), r("path", {
                       key: 0,
                       d: `M${a}Z`,
-                      fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(e.color, t.value.line.area.opacity),
-                      style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                      fill: t.value.line.area.useGradient ? `url(#areaGradient_${s}_${z.value})` : v(Ce)(
+                        e.color,
+                        t.value.line.area.opacity
+                      ),
+                      style: w({
+                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                      })
                     }, null, 12, Pn)) : h("", !0),
                     l.$slots.pattern && a ? (i(), r("path", {
                       key: 1,
                       d: `M${a}Z`,
                       fill: `url(#pattern_${z.value}_${e.slotAbsoluteIndex})`,
-                      style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                      style: w({
+                        transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                      })
                     }, null, 12, On)) : h("", !0)
                   ], 64))), 128))
                 ])) : h("", !0),
@@ -2683,7 +3163,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                   fill: "none",
                   "stroke-linecap": "round",
-                  style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  style: w({
+                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  })
                 }, null, 12, Nn)) : e.hasDashedSegments ? (i(), r(d, { key: 2 }, [
                   e.smooth ? (i(!0), r(d, { key: 0 }, k(e.dashedSmooth, (a) => (i(), r("path", {
                     key: a.path,
@@ -2713,16 +3195,28 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   fill: "none",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
-                  style: w({ transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  style: w({
+                    transition: v(ne) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  })
                 }, null, 12, Bn)) : h("", !0),
                 (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                   key: `circle_line_${s}_${n}`
                 }, [
                   !Oa.value.linePlot && a && xe(a.value) || Oa.value.linePlot && a && xe(a.value) && (_.value !== null && _.value === n || P.value !== null && P.value === n) || Ba(e.plots, n) ? (i(), _e(rl, {
                     key: 0,
-                    shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
+                    shape: [
+                      "triangle",
+                      "square",
+                      "diamond",
+                      "pentagon",
+                      "hexagon",
+                      "star"
+                    ].includes(e.shape) ? e.shape : "circle",
                     color: t.value.line.useGradient ? `url(#lineGradient_${s}_${z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
-                    plot: { x: v(N)(a.x), y: v(N)(a.y) },
+                    plot: {
+                      x: v(N)(a.x),
+                      y: v(N)(a.y)
+                    },
                     radius: _.value !== null && _.value === n || P.value !== null && P.value === n ? (Le.value.line || 6) * 1.5 : (Ba(e.plots, n), Le.value.line || 6),
                     stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                     strokeWidth: t.value.line.dot.strokeWidth,
@@ -2738,7 +3232,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, [
                     y("div", Hn, [
                       O(l.$slots, "plot-comment", {
-                        plot: { ...a, color: e.color, seriesIndex: s, datapointIndex: n }
+                        plot: {
+                          ...a,
+                          color: e.color,
+                          seriesIndex: s,
+                          datapointIndex: n
+                        }
                       }, void 0, !0)
                     ])
                   ], 8, Rn)) : h("", !0)
@@ -2751,7 +3250,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_bar_${s}_${n}`
                   }, [
-                    a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n) && t.value.bar.labels.show ? (i(), r("text", {
+                    a && (!Object.hasOwn(
+                      e,
+                      "dataLabels"
+                    ) || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n) && t.value.bar.labels.show ? (i(), r("text", {
                       key: 0,
                       x: f.value.useIndividualScale && f.value.isStacked ? a.x + J.value.line / 2 : jt(a) + Be() / 2 - el.value / 2,
                       y: v(N)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
@@ -2796,7 +3298,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_plot_${s}_${n}`
                   }, [
-                    a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
+                    a && !Object.hasOwn(
+                      e,
+                      "dataLabels"
+                    ) || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
                       key: 0,
                       x: a.x,
                       y: a.y + t.value.plot.labels.offsetY,
@@ -2828,7 +3333,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     key: `xLabel_plot_${s}_${n}`
                   }, [
                     t.value.plot.tag.followValue ? (i(), r(d, { key: 1 }, [
-                      [P.value, _.value, Ye.value].includes(n) && e.useTag ? (i(), r("line", {
+                      [
+                        P.value,
+                        _.value,
+                        Ye.value
+                      ].includes(n) && e.useTag ? (i(), r("line", {
                         key: 0,
                         class: "vue-ui-xy-tag-plot",
                         x1: c.value?.left,
@@ -2896,7 +3405,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
                     key: `xLabel_line_${s}_${n}`
                   }, [
-                    a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
+                    a && !Object.hasOwn(
+                      e,
+                      "dataLabels"
+                    ) || e.dataLabels === !0 || _.value !== null && _.value === n || P.value !== null && P.value === n ? (i(), r("text", {
                       key: 0,
                       x: a.x,
                       y: a.y + (a.value >= 0 ? t.value.line.labels.offsetY : -t.value.line.labels.offsetY * 3),
@@ -2928,7 +3440,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     key: `xLabel_line_${s}_${n}`
                   }, [
                     t.value.line.tag.followValue ? (i(), r(d, { key: 1 }, [
-                      [P.value, _.value, Ye.value].includes(n) && e.useTag ? (i(), r("line", {
+                      [
+                        P.value,
+                        _.value,
+                        Ye.value
+                      ].includes(n) && e.useTag ? (i(), r("line", {
                         key: 0,
                         class: "vue-ui-xy-tag-line",
                         x1: c.value?.left,
@@ -3073,10 +3589,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, null, 12, ri)) : h("", !0)
                 ], 64))), 128))
               ], 64))), 128)),
-              (i(!0), r(d, null, k([...ge.value, ...ue.value, ...ke.value], (e, s) => (i(), r(d, {
+              (i(!0), r(d, null, k([
+                ...ge.value,
+                ...ue.value,
+                ...ke.value
+              ], (e, s) => (i(), r(d, {
                 key: `progression-${s}`
               }, [
-                Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(Se)(e.plots).trend) ? (i(), r("g", ci, [
+                Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(
+                  v(Se)(e.plots).trend
+                ) ? (i(), r("g", ci, [
                   y("defs", null, [
                     y("marker", {
                       id: `progression_arrow_${s}`,
@@ -3102,8 +3624,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     key: 0,
                     x1: v(Se)(e.plots).x1 + (e.type === "bar" ? Be() : 0),
                     x2: v(Se)(e.plots).x2 + (e.type === "bar" ? Be() : 0),
-                    y1: v(W)(v(Se)(e.plots).y1),
-                    y2: v(W)(v(Se)(e.plots).y2),
+                    y1: v(W)(
+                      v(Se)(e.plots).y1
+                    ),
+                    y2: v(W)(
+                      v(Se)(e.plots).y2
+                    ),
                     "stroke-width": 1,
                     stroke: t.value.chart.backgroundColor,
                     "stroke-dasharray": 2,
@@ -3115,8 +3641,12 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     key: 1,
                     x1: v(Se)(e.plots).x1 + (e.type === "bar" ? Be() : 0),
                     x2: v(Se)(e.plots).x2 + (e.type === "bar" ? Be() : 0),
-                    y1: v(W)(v(Se)(e.plots).y1),
-                    y2: v(W)(v(Se)(e.plots).y2),
+                    y1: v(W)(
+                      v(Se)(e.plots).y1
+                    ),
+                    y2: v(W)(
+                      v(Se)(e.plots).y2
+                    ),
                     "stroke-width": 1,
                     stroke: e.color,
                     "stroke-dasharray": 2,
@@ -3137,7 +3667,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                     "stroke-linejoin": "round",
                     "paint-order": "stroke fill"
                   }, se(v(Pe)({
-                    v: v(Se)(e.plots).trend * 100,
+                    v: v(Se)(
+                      e.plots
+                    ).trend * 100,
                     s: "%",
                     r: 2
                   })), 9, mi)) : h("", !0)
@@ -3218,8 +3750,10 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   key: `time_label_${s}`
                 }, [
                   e && e.text ? (i(), r(d, { key: 0 }, [
-                    String(e.text).includes(`
-`) ? (i(), r("text", {
+                    String(e.text).includes(
+                      `
+`
+                    ) ? (i(), r("text", {
                       key: 1,
                       class: "vue-data-ui-time-label",
                       "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
@@ -3282,17 +3816,26 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, null, 8, Li)) : h("", !0),
                   e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (i(), r("rect", {
                     key: 2,
-                    y: Math.min(e.yTop, e.yBottom),
+                    y: Math.min(
+                      e.yTop,
+                      e.yBottom
+                    ),
                     x: e.x1,
                     width: c.value.width,
                     height: v(N)(e.areaHeight, 0),
-                    fill: v(Ce)(e.config.area.fill, e.config.area.opacity),
+                    fill: v(Ce)(
+                      e.config.area.fill,
+                      e.config.area.opacity
+                    ),
                     style: { animation: "none !important" }
                   }, null, 8, Mi)) : h("", !0),
                   e.config.label.text && e.show && isFinite(e._box.y) ? (i(), r("rect", Qe({
                     key: 3,
                     class: "vue-ui-xy-annotation-label-box"
-                  }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : h("", !0),
+                  }, { ref_for: !0 }, e._box, { style: {
+                    animation: "none !important",
+                    transition: "none !important"
+                  } }), null, 16)) : h("", !0),
                   e.config.label.text && e.show && isFinite(e._text.y) ? (i(), r("text", {
                     key: 4,
                     id: e.id,
@@ -3305,7 +3848,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                   }, se(e.config.label.text), 9, Ai)) : h("", !0)
                 ]))), 128))
               ])) : h("", !0),
-              t.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(P.value)) ? (i(), r("g", Ci, [
+              t.value.chart.timeTag.show && (![null, void 0].includes(
+                _.value
+              ) || ![null, void 0].includes(
+                P.value
+              )) ? (i(), r("g", Ci, [
                 (i(), r("foreignObject", {
                   x: xu(),
                   y: c.value?.bottom,
@@ -3345,11 +3892,16 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
           ], 512)
         ], 46, $s)),
         l.$slots.hint ? (i(), r("div", Oi, [
-          O(l.$slots, "hint", ve(de({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: zl.value })), void 0, !0)
+          O(l.$slots, "hint", ve(de({
+            hint: t.value.a11y.translations.keyboardNavigation,
+            isVisible: zl.value
+          })), void 0, !0)
         ])) : h("", !0)
       ]),
       l.$slots.watermark ? (i(), r("div", Ni, [
-        O(l.$slots, "watermark", ve(de({ isPrinting: v(Et) || v(_l) || Ht.value || Dt.value })), void 0, !0)
+        O(l.$slots, "watermark", ve(de({
+          isPrinting: v(Et) || v(_l) || Ht.value || Dt.value
+        })), void 0, !0)
       ])) : h("", !0),
       (i(!0), r(d, null, k(ue.value, (e, s) => (i(), r(d, {
         key: `tag_line_${e.id}`
@@ -3357,7 +3909,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
           key: `tag_line_${s}_${n}`
         }, [
-          [P.value, _.value, Ye.value].includes(n) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (i(), r("div", {
+          [
+            P.value,
+            _.value,
+            Ye.value
+          ].includes(n) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (i(), r("div", {
             key: 0,
             ref_for: !0,
             ref: (u) => qt(s, n, u, "right", "line"),
@@ -3409,7 +3965,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               )
             }, null, 8, Bi)
           ], 4)) : h("", !0),
-          [P.value, _.value, Ye.value].includes(n) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (i(), r("div", {
+          [
+            P.value,
+            _.value,
+            Ye.value
+          ].includes(n) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (i(), r("div", {
             key: 1,
             ref_for: !0,
             ref: (u) => qt(s, n, u, "left", "line"),
@@ -3469,7 +4029,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         (i(!0), r(d, null, k(e.plots, (a, n) => (i(), r(d, {
           key: `tag_plot_${s}_${n}`
         }, [
-          [P.value, _.value, Ye.value].includes(n) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (i(), r("div", {
+          [
+            P.value,
+            _.value,
+            Ye.value
+          ].includes(n) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (i(), r("div", {
             key: 0,
             ref_for: !0,
             ref: (u) => qt(s, n, u, "right", "plot"),
@@ -3521,7 +4085,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
               )
             }, null, 8, Yi)
           ], 4)) : h("", !0),
-          [P.value, _.value, Ye.value].includes(n) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (i(), r("div", {
+          [
+            P.value,
+            _.value,
+            Ye.value
+          ].includes(n) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (i(), r("div", {
             key: 1,
             ref_for: !0,
             ref: (u) => qt(s, n, u, "left", "plot"),
@@ -3610,7 +4178,11 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
         minimapSelectedIndex: _.value,
         minimapSelectionRadius: t.value.chart.zoom.minimap.selectionRadius,
         preciseLabels: Wa.value.length ? Wa.value : Zt.value,
-        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(...cl.dataset.map((e) => Fe(e.series).length)),
+        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(
+          ...cl.dataset.map(
+            (e) => Fe(e.series).length
+          )
+        ),
         refreshStartPoint: t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex : 0,
         selectColor: t.value.chart.zoom.highlightColor,
         selectedSeries: Ze.value,
@@ -3699,7 +4271,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 plot: { x: 10, y: 9 },
                 radius: 4,
                 color: e.color,
-                shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
+                shape: [
+                  "triangle",
+                  "square",
+                  "diamond",
+                  "pentagon",
+                  "hexagon",
+                  "star"
+                ].includes(e.shape) ? e.shape : "circle",
                 stroke: t.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
@@ -3729,7 +4308,14 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
                 plot: { x: 6, y: 6 },
                 radius: 5,
                 color: e.color,
-                shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle"
+                shape: [
+                  "triangle",
+                  "square",
+                  "diamond",
+                  "pentagon",
+                  "hexagon",
+                  "star"
+                ].includes(e.shape) ? e.shape : "circle"
               }, null, 8, ["color", "shape"])
             ])),
             y("span", {
@@ -3859,7 +4445,9 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
             y("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[3] || (o[3] = (e) => Ml(t.value.chart.userOptions.callbacks.csv))
+              onClick: o[3] || (o[3] = (e) => Ml(
+                t.value.chart.userOptions.callbacks.csv
+              ))
             }, [
               dt(v(Rl), {
                 name: "fileCsv",
@@ -3875,7 +4463,7 @@ const ks = ["id"], _s = ["id"], ws = ["id"], Ss = { style: { position: "relative
       ], !0)
     ], 46, ks));
   }
-}, $r = /* @__PURE__ */ xs(or, [["__scopeId", "data-v-6d9ff0e2"]]);
+}, $r = /* @__PURE__ */ xs(or, [["__scopeId", "data-v-8c8689fd"]]);
 export {
   $r as default
 };