vue-data-ui 3.3.2 → 3.4.0

package/dist/vue-ui-xy-tWE4H5ij.js

@@ -1,4520 +0,0 @@
-import { useCssVars as Qo, computed as x, ref as y, watch as ft, onMounted as Zl, onBeforeUnmount as _l, onUpdated as fo, nextTick as Ml, createElementBlock as i, openBlock as n, createElementVNode as S, createCommentVNode as g, renderSlot as le, normalizeStyle as L, createVNode as gl, withDirectives as Oa, unref as m, Fragment as b, renderList as _, normalizeProps as Gt, mergeProps as Ut, normalizeClass as Ke, withKeys as mo, vModelText as go, toDisplayString as xe, defineAsyncComponent as Xt, useSlots as jo, getCurrentInstance as en, toRefs as tn, watchEffect as ln, createBlock as vt, createSlots as xo, withCtx as Me, guardReactiveProps as hl, Teleport as an, resolveDynamicComponent as on, vModelCheckbox as nn, createTextVNode as bo } from "vue";
-import { c as ga, z as xa, X as un, E as ht, ad as ya, U as pa, ae as ka, T as wa, af as yo, f as Pa, t as sn, e as rn, C as ql, a9 as fl, h as po, p as ko, ap as da, a4 as ee, _ as Fa, a7 as cn, q, ab as vn, aq as wo, ar as So, a as Ae, as as dn, A as hn, j as $o, k as Mt, d as _t, i as ml, s as dt, O as fn, ak as ha, a2 as lt, L as mn, at as Yt, B as Be, b as gn, o as Mo, x as xn, y as bn, D as $l } from "./lib-CEjkWSLj.js";
-import { t as ba, d as yn, u as pn } from "./useResponsive-DfdjqQps.js";
-import { u as kn, a as fa } from "./useNestedProp-Ce3PwN8T.js";
-import { u as wn } from "./usePrinter-DJ1iH-F_.js";
-import { u as Sn, B as $n } from "./BaseScanner-BgWxam9d.js";
-import { u as _o, a as Mn, l as _n } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Ln } from "./useSvgExport-DrjCWun4.js";
-import { u as Cn, a as An } from "./useResizeObserverEffect-DfnWps4W.js";
-import Tn from "./img-J2dLIr8Y.js";
-import zn from "./Title-Camz1Lce.js";
-import { t as In } from "./themes-Dw-dDudK.js";
-import { _ as ma } from "./Shape-BceHSLHf.js";
-import Nn from "./BaseIcon-eZbszQrv.js";
-import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import Pn from "./vue-ui-accordion-VTP418mC.js";
-const Fn = {
-  class: "vue-data-ui-slicer-labels",
-  style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, Rn = {
-  key: 0,
-  style: { width: "100%", position: "relative" }
-}, On = {
-  key: 0,
-  class: "minimap",
-  style: { width: "100%" }
-}, Vn = ["xmlns", "viewBox"], Bn = ["id"], En = ["stop-color"], Hn = ["width", "height", "stroke"], Dn = ["d", "stroke"], Wn = ["d", "fill"], Xn = ["x", "y", "width", "height", "fill"], Yn = ["d", "stroke"], Gn = ["cx", "cy", "fill", "stroke"], Un = ["x", "width", "height", "fill", "rx"], qn = ["x", "width", "height", "rx", "fill"], Zn = ["x", "width", "height", "fill", "rx"], Kn = ["x2", "y1", "y2", "stroke"], Jn = { key: "merged-tree" }, Qn = ["d", "fill"], jn = ["d", "stroke"], ei = ["cx", "cy", "stroke", "fill"], ti = ["cx", "cy", "stroke", "fill"], li = { key: "split-tree" }, ai = ["x", "y", "width", "height", "fill"], oi = ["d", "stroke"], ni = ["x", "height", "fill", "stroke"], ii = ["x", "height", "fill", "stroke"], ui = { key: "merged-tree" }, si = ["cx", "cy", "stroke", "fill"], ri = ["cx", "cy", "fill"], ci = ["cx", "cy", "stroke", "fill"], vi = ["cx", "cy", "fill"], di = { key: 11 }, hi = ["d", "stroke"], fi = ["cx", "cy", "fill", "stroke"], mi = ["cx", "cy", "stroke", "fill"], gi = ["cx", "cy", "fill"], xi = ["cx", "cy", "stroke", "fill"], bi = ["cx", "cy", "fill"], yi = ["x", "height", "width", "onMouseenter"], pi = ["min", "max"], ki = ["min", "max"], Ra = 48, wi = {
-  __name: "SlicerPreview",
-  props: {
-    immediate: {
-      type: Boolean,
-      default: !0
-    },
-    background: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    borderColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    fontSize: {
-      type: Number,
-      default: 14
-    },
-    labelLeft: {
-      type: [String, Number],
-      default: ""
-    },
-    labelRight: {
-      type: [String, Number],
-      default: ""
-    },
-    textColor: {
-      type: String,
-      default: "#1A1A1A"
-    },
-    inputColor: {
-      type: String,
-      default: "#1A1A1A"
-    },
-    max: {
-      type: Number,
-      default: 0
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    selectColor: {
-      type: String,
-      default: "#4A4A4A"
-    },
-    useResetSlot: {
-      type: Boolean,
-      default: !1
-    },
-    valueStart: {
-      type: [Number, String],
-      default: 0
-    },
-    valueEnd: {
-      type: [Number, String],
-      default: 0
-    },
-    minimap: {
-      type: Array,
-      default: []
-    },
-    smoothMinimap: {
-      type: Boolean,
-      default: !1
-    },
-    minimapSelectedColor: {
-      type: String,
-      default: "#1f77b4"
-    },
-    minimapSelectionRadius: {
-      type: Number,
-      default: 12
-    },
-    minimapLineColor: {
-      type: String,
-      default: "#2D353C"
-    },
-    minimapSelectedColorOpacity: {
-      type: Number,
-      default: 0.2
-    },
-    minimapSelectedIndex: {
-      type: Number,
-      default: null
-    },
-    minimapIndicatorColor: {
-      type: String,
-      default: "#2D353C"
-    },
-    refreshStartPoint: {
-      type: Number,
-      default: 0
-    },
-    refreshEndPoint: {
-      type: Number,
-      default: null
-    },
-    enableRangeHandles: {
-      type: Boolean,
-      default: !1
-    },
-    enableSelectionDrag: {
-      type: Boolean,
-      default: !0
-    },
-    verticalHandles: {
-      type: Boolean,
-      default: !1
-    },
-    timeLabels: {
-      type: Array
-    },
-    isPreview: {
-      type: Boolean,
-      default: !1
-    },
-    preciseLabels: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    usePreciseLabels: {
-      type: Boolean,
-      default: !1
-    },
-    selectedSeries: {
-      type: Object
-    },
-    customFormat: {
-      type: [Function, null]
-    },
-    minimapCompact: {
-      type: Boolean,
-      default: !1
-    },
-    allMinimaps: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    minimapMerged: {
-      type: Boolean,
-      default: !1
-    },
-    minimapFrameColor: {
-      type: String,
-      default: "#e1e5e8"
-    },
-    cutNullValues: {
-      type: Boolean,
-      default: !1
-    },
-    focusOnDrag: {
-      type: Boolean,
-      default: !1
-    },
-    focusRangeRatio: {
-      type: Number,
-      default: 0.1
-    }
-  },
-  emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
-  setup(w, { expose: Sa, emit: $a }) {
-    Qo((d) => ({
-      v31489338: Al.value,
-      v7f513ed8: ue.value,
-      v74ff4a49: gt.value,
-      v5f868008: w.selectColor,
-      v2feba696: Tl.value
-    }));
-    const v = w, Fe = y(null), ce = y(v.min), fe = y(v.max), me = x(() => !!v.minimap.length), Ll = y(ga()), Lt = y(!1), Nt = x(() => me.value && v.minimapCompact), Kl = y(0), qt = ba((d) => Le("futureStart", d), 0), xl = ba((d) => Le("futureEnd", d), 0), Zt = x({
-      get: () => ce.value,
-      set(d) {
-        const h = Math.min(d, fe.value - 1);
-        h !== ce.value && (ce.value = h, Ft.value && (Ft.value.value = String(h)), v.immediate ? Le("update:start", Number(h)) : Lt.value && qt(h));
-      }
-    }), at = x({
-      get: () => fe.value,
-      set(d) {
-        const h = Math.max(d, ce.value + 1);
-        h !== fe.value && (fe.value = h, At.value && (At.value.value = String(h)), v.immediate ? Le("update:end", Number(h)) : Lt.value && xl(h));
-      }
-    });
-    let Ee = null;
-    function Te() {
-      clearTimeout(Ee), v.immediate || (Le("update:start", Number(ce.value)), Le("update:end", Number(fe.value))), Lt.value = !1;
-    }
-    const Je = x(() => v.refreshEndPoint === null ? v.max : v.refreshEndPoint), Le = $a, mt = x(() => {
-      if (Nt.value) {
-        const h = Math.max(1, ot.value - 1);
-        return Pt.value / h * 100;
-      }
-      const d = Math.max(1, v.max - v.min);
-      return (ce.value - v.min) / d * 100;
-    }), Ct = x(() => {
-      if (Nt.value) {
-        const h = Math.max(1, ot.value - 1);
-        return tl.value / h * 100;
-      }
-      const d = Math.max(1, v.max - v.min);
-      return (fe.value - v.min) / d * 100;
-    }), Cl = x(() => (mt.value + Ct.value) / 2), Kt = x(() => {
-      if (!Fe.value) return !1;
-      const d = Math.max(1, v.max - v.min);
-      return Fe.value.getBoundingClientRect().width * ((ce.value - v.min) / d) - nl.value / 2 < 0;
-    }), Jt = x(() => {
-      if (!Fe.value) return !1;
-      const d = Math.max(1, v.max - v.min), h = Fe.value.getBoundingClientRect().width;
-      return h * ((fe.value - v.min) / d) + il.value / 2 > h;
-    }), _e = x(() => {
-      const d = Jt.value ? `calc(${Cl.value}% - ${kt.value.width}px - 2px)` : Kt.value ? `calc(${Cl.value}% - 8px)` : `calc(${Cl.value}% - ${kt.value.width / 2}px - 4px)`;
-      return {
-        left: `${mt.value}%`,
-        width: `${Math.max(0, Ct.value - mt.value)}%`,
-        background: v.selectColor,
-        tooltipLeft: `calc(${mt.value}% - ${Kt.value ? 9 : nl.value / 2 + 3.5}px)`,
-        tooltipRight: `calc(${Ct.value}% - ${Jt.value ? il.value - 9 : il.value / 2 - 3.5}px)`,
-        tooltipCenter: d,
-        arrowLeft: !Kt.value,
-        arrowRight: !Jt.value
-      };
-    }), Al = x(() => v.inputColor), Tl = x(() => v.background), gt = x(() => `${v.selectColor}33`), ue = x(() => v.borderColor), Jl = x(() => {
-      let d = [];
-      for (let h = 0; h < v.max; h += 1)
-        d.push(h);
-      return d;
-    });
-    function E() {
-      Le("reset");
-    }
-    ft(
-      () => v.min,
-      (d) => {
-        Number(ce.value) < Number(d) && (ce.value = Number(d)), Number(fe.value) < Number(d) && (fe.value = Number(d));
-      }
-    ), ft(
-      () => v.max,
-      (d) => {
-        Number(ce.value) > Number(d) && (ce.value = Number(d)), Number(fe.value) > Number(d) && (fe.value = Number(d));
-      }
-    );
-    const Qt = y(null), W = y({
-      width: 1,
-      height: 1
-    }), ae = y(null);
-    Zl(() => {
-      if (me.value) {
-        const d = ba(() => {
-          if (!Qt.value) return;
-          const { width: h, height: f } = pn({ chart: Qt.value }), $ = Math.max(0, Math.round(h)), C = Math.max(0, Math.round(f - 47));
-          ($ !== W.value.width || C !== W.value.height) && (W.value.width = $, W.value.height = C);
-        }, 0);
-        ae.value = new ResizeObserver(d), ae.value.observe(Qt.value);
-      }
-    }), _l(() => {
-      ae.value && ae.value.disconnect();
-    });
-    const ot = x(() => Math.max(1, v.max - v.min));
-    function Ql(d) {
-      const h = Math.floor(d - v.min);
-      return Math.min(Math.max(0, h), ot.value);
-    }
-    function jt(d) {
-      const h = Math.ceil(d - v.min);
-      return Math.min(Math.max(0, h), ot.value);
-    }
-    const He = x(() => Ql(ce.value)), Re = x(() => jt(fe.value)), bl = x(() => Math.max(...v.allMinimaps.map((d) => d.series.length))), oe = x(() => {
-      if (!v.minimap.length) return 0;
-      const d = Math.max(1, bl.value - (v.minimapCompact ? 1 : 0));
-      return W.value.width / d;
-    }), ve = x(() => v.allMinimaps.length ? v.allMinimaps.filter((d) => d.type === "bar").length : 0), Z = x(() => oe.value / (ve.value || 1) * 0.8);
-    function zl(d, h, f) {
-      const $ = Z.value, C = Math.max(1, ve.value), D = bl.value - 1;
-      return f === 0 ? d + $ / 2 * h : f === D ? d - $ / 2 * (C - h) : d - C * $ / 2 + h * $;
-    }
-    function Il(d, h) {
-      return [0, bl.value - 1].includes(h) ? Z.value / 2 : Z.value;
-    }
-    const Nl = x(() => {
-      const d = [];
-      if (Array.isArray(v.minimap) && v.minimap.length && v.minimapMerged && d.push(...v.minimap.filter(Number.isFinite)), Array.isArray(v.allMinimaps) && v.allMinimaps.length)
-        for (const h of v.allMinimaps)
-          h?.isVisible && Array.isArray(h?.series) && d.push(...h.series.filter(Number.isFinite));
-      return d.length ? { min: Math.min(...d), max: Math.max(...d) } : { min: 0, max: 1 };
-    }), De = x(() => Nl.value.min), xt = x(() => Nl.value.max), X = x(() => De.value < 0 && xt.value > 0 || xt.value <= 0 ? De.value : 0), jl = x(() => Math.max(1e-9, Math.max(Math.abs(De.value), Math.abs(xt.value)))), Pl = x(() => De.value < 0 && xt.value > 0), yl = (d) => {
-      const h = Math.max(1, W.value.height);
-      if (Pl.value) {
-        const f = jl.value;
-        return (1 - (Math.max(-1, Math.min(1, d / f)) + 1) / 2) * h;
-      } else {
-        const f = Math.min(0, De.value), $ = Math.max(0, xt.value);
-        return h - (d - f) / Math.max(1e-9, $ - f) * h;
-      }
-    }, $e = x(() => yl(0));
-    function nt(d, h, f) {
-      const $ = (D, pe, ne) => Math.max(pe, Math.min(ne, D));
-      if (h <= 0) {
-        const D = Math.max(1e-9, 0 - d);
-        return (pe) => f - (pe - d) / D * f;
-      } else if (d >= 0) {
-        const D = Math.max(1e-9, h - 0);
-        return (pe) => f - (pe - 0) / D * f;
-      } else {
-        const D = Math.max(1e-9, Math.max(Math.abs(d), Math.abs(h)));
-        return (pe) => (1 - ($(pe / D, -1, 1) + 1) / 2) * f;
-      }
-    }
-    function el(d, h = !1) {
-      if (!d || !d.length)
-        return {
-          fullSet: "",
-          points: [],
-          selectionSet: "",
-          sliced: [],
-          firstPlot: null,
-          lastPlot: null,
-          hasFull: !1,
-          hasSelection: !1,
-          fullMarkers: [],
-          selectionMarkers: []
-        };
-      const f = Math.max(1, W.value.height), $ = nt(De.value, xt.value, f), C = d.length, D = Math.min(Math.max(0, He.value), Math.max(0, C - 1)), pe = Math.min(C, Math.max(D + 1, Re.value)), ne = d.map((te, Dl) => {
-        const St = te, sl = Number.isFinite(St), Ca = oe.value * Dl + (v.minimapCompact ? 0 : oe.value / 2), Aa = $(0);
-        return {
-          x: Ca,
-          y: sl ? $(St) : NaN,
-          v: St,
-          value: St == null ? null : sl ? St : null,
-          y0: Aa,
-          i: Dl
-        };
-      }), I = (te) => te >= 0 && te < ne.length && Number.isFinite(ne[te]?.value), wt = ne.filter((te) => Number.isFinite(te.value) && !I(te.i - 1) && !I(te.i + 1)), ul = wt.filter((te) => te.i >= D && te.i < pe), ct = ne.slice(D, pe), La = ne.length >= 2 ? v.smoothMinimap || h ? v.cutNullValues ? ya(ne) : pa(ne.filter((te) => te.value != null)) : v.cutNullValues ? ka(ne) : wa(ne.filter((te) => te.value != null)) : "", aa = ct.length >= 2 ? v.smoothMinimap || h ? v.cutNullValues ? ya(ct) : pa(ct.filter((te) => te.value != null)) : v.cutNullValues ? ka(ct) : wa(ct.filter((te) => te.value != null)) : "";
-      return {
-        fullSet: La,
-        points: ne,
-        selectionSet: aa,
-        sliced: ct,
-        firstPlot: ne[D] || null,
-        lastPlot: ne[Math.max(0, pe - 1)] || null,
-        hasFull: ne.length >= 2,
-        hasSelection: ct.length >= 2,
-        fullMarkers: wt,
-        selectionMarkers: ul
-      };
-    }
-    const H = x(() => v.minimap.length ? el(v.minimap) : []), Qe = x(() => v.allMinimaps.length ? v.allMinimaps.map((d, h) => {
-      const f = el(d?.series || [], !!d.smooth), $ = d?.id ?? d?.name ?? h;
-      return {
-        key: typeof $ == "object" ? JSON.stringify($) : String($),
-        color: d?.color,
-        ...f,
-        isVisible: d.isVisible,
-        type: d.type || "line"
-      };
-    }) : []), M = x(() => {
-      const d = He.value, h = Math.max(d + 1, Re.value);
-      return {
-        x: oe.value * d + (v.minimapCompact ? 0 : oe.value / 2),
-        width: oe.value * (h - d) - oe.value
-      };
-    }), bt = y(v.minimapSelectedIndex), Fl = (d) => Math.round(v.min + d), Pt = x({
-      get() {
-        return Nt.value ? He.value : Number(Zt.value);
-      },
-      set(d) {
-        if (Nt.value) {
-          const h = Math.round(+d || 0);
-          ll(Fl(h));
-        } else {
-          let h = Math.round(+d || 0);
-          const f = Number(fe.value) - 1, $ = Math.min(Math.max(v.min, h), f);
-          Ft.value && (Ft.value.valueAsNumber = $), ll($);
-        }
-      }
-    }), tl = x({
-      get() {
-        return Nt.value ? Math.max(He.value, Re.value - 1) : Number(at.value);
-      },
-      set(d) {
-        if (Nt.value) {
-          const h = Math.round(+d || 0);
-          be(Fl(h + 1));
-        } else {
-          let h = Math.round(+d || 0);
-          const f = Number(ce.value) + 1, $ = Math.max(f, Math.min(h, v.max));
-          At.value && (At.value.valueAsNumber = $), be($);
-        }
-      }
-    });
-    function T(d) {
-      bt.value = Ql(v.valueStart) + d;
-    }
-    const We = yn(T, 60);
-    ft(() => v.minimapSelectedIndex, (d, h) => {
-      if ([null, void 0].includes(d)) {
-        bt.value = null;
-        return;
-      }
-      d !== h && We(d);
-    }, { immediate: !0 });
-    function Rl(d) {
-      bt.value = d;
-      const h = He.value, f = Re.value;
-      d >= h && d < f && !pt.value && Le("trapMouse", d - h);
-    }
-    const Ft = y(null), At = y(null);
-    function t(d) {
-      if (typeof d == "object" && d && "target" in d) {
-        const f = d.target, $ = "valueAsNumber" in f ? f.valueAsNumber : +f.value;
-        return Number.isFinite($) ? $ : NaN;
-      }
-      const h = +d;
-      return Number.isFinite(h) ? h : NaN;
-    }
-    let p = 0;
-    function ll(d) {
-      Lt.value = !0;
-      const h = t(d);
-      Number.isFinite(h) && (cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-        Zt.value = h;
-      }));
-    }
-    let Tt = 0;
-    function be(d) {
-      Lt.value = !0;
-      const h = t(d);
-      Number.isFinite(h) && (cancelAnimationFrame(Tt), Tt = requestAnimationFrame(() => {
-        at.value = h;
-      }));
-    }
-    _l(() => {
-      cancelAnimationFrame(p), cancelAnimationFrame(Tt);
-    });
-    const ye = x(() => v.valueEnd - v.valueStart), pl = x(() => ye.value < v.max - v.min), Rt = y(!1);
-    let Ma = y(null);
-    const yt = x(() => (Kl.value - 48) / (v.max - v.min) * ye.value), je = x(() => Math.max(1, Kl.value - Ra - yt.value)), k = x(() => Math.max(1, v.max - v.min - ye.value)), Xe = x(() => k.value / je.value), Ol = y(0), Vl = y(0), Ot = y(0), _a = y(0);
-    let et = null, it = null, ut = null, st = null;
-    const ea = y(v.min);
-    function Vt(d) {
-      if (!Fe.value) return v.min;
-      const h = Fe.value.getBoundingClientRect(), f = h.left + Ra / 2, $ = h.right - Ra / 2, C = Math.max(1, $ - f), pe = (Math.max(f, Math.min(d, $)) - f) / C, ne = Math.max(1, v.max - v.min);
-      return Math.round(v.min + pe * ne);
-    }
-    const al = async (d) => {
-      if (Lt.value = !0, c.value = !0, !v.enableSelectionDrag) return;
-      const h = d.type === "touchstart";
-      h || d.stopPropagation();
-      const f = h && d.targetTouches && d.targetTouches[0] ? d.targetTouches[0] : null, $ = h ? f ? f.target : null : d.target;
-      if (!$ || !($ instanceof Element) || $.classList && $.classList.contains("range-handle")) return;
-      Rt.value = !0;
-      const C = h ? f ? f.clientX : 0 : d.clientX;
-      if (Ma.value = C, Ol.value = C, v.focusOnDrag && !pl.value && Fe.value) {
-        ea.value = Vt(C);
-        const D = Math.min(0.95, Math.max(0.05, v.focusRangeRatio)), pe = v.max - v.min, ne = Math.max(1, Math.round(pe * D)), I = Math.floor(ne / 2);
-        let wt = ea.value - I;
-        wt = Math.max(v.min, Math.min(wt, v.max - ne));
-        const ul = Math.min(v.max, wt + ne);
-        Zt.value = wt, at.value = ul, qt(wt), xl(ul), yo(Fe.value, "mouseup"), await Ml(), yo(Fe.value, "mousedown", { clientX: C });
-      }
-      Vl.value = ce.value, Ot.value = fe.value, _a.value = Xe.value, et = h ? "touchmove" : "mousemove", it = h ? "touchend" : "mouseup", ut = h ? Ye : kl, st = h ? Ge : rt, window.addEventListener(et, ut, { passive: !1 }), window.addEventListener(it, st);
-    };
-    function kl(d) {
-      Rt.value && Bt(d.clientX);
-    }
-    function Ye(d) {
-      if (!Rt.value || !Fe.value) return;
-      const h = d.target;
-      if (!(h instanceof Element) || !Fe.value.contains(h) || h.classList && h.classList.contains("range-handle")) return;
-      d.preventDefault();
-      const f = d.targetTouches && d.targetTouches[0] ? d.targetTouches[0] : null;
-      f && Bt(f.clientX);
-    }
-    function Bt(d) {
-      if (!Rt.value) return;
-      const h = Vt(Ol.value), $ = Vt(d) - h;
-      let C = Math.round(Vl.value + $);
-      C = Math.max(v.min, Math.min(C, v.max - ye.value));
-      const D = C + ye.value;
-      Zt.value = C, at.value = D, qt(C), xl(D);
-    }
-    function rt() {
-      ze();
-    }
-    function Ge() {
-      ze();
-    }
-    function ze() {
-      Rt.value = !1, et && ut && window.removeEventListener(et, ut), it && st && window.removeEventListener(it, st), et = it = null, ut = st = null, Te();
-    }
-    const pt = y(!1), zt = y(null), ol = y(null), nl = y(1), il = y(1), c = y(!1);
-    function Bl() {
-      if (zt.value) {
-        const d = Math.round(zt.value.getBoundingClientRect().width);
-        d !== nl.value && (nl.value = d);
-      }
-    }
-    function El() {
-      if (ol.value) {
-        const d = Math.round(ol.value.getBoundingClientRect().width);
-        d !== il.value && (il.value = d);
-      }
-    }
-    fo(() => {
-      Bl(), El();
-    });
-    const Hl = y(0);
-    function ta(d) {
-      Hl.value = d === "start" ? 1 : 0;
-    }
-    const Et = y(!1), kt = y({
-      width: 0,
-      left: 0
-    });
-    ft([ce, fe], async () => {
-      if (await Ml(), !zt.value || !ol.value) {
-        Et.value = !1, kt.value = { width: 0, left: 0 };
-        return;
-      }
-      const d = zt.value.getBoundingClientRect(), h = ol.value.getBoundingClientRect();
-      Et.value = d.x + d.width > h.x;
-      const f = d.x + d.width / 2, $ = h.x + h.width / 2, C = d.width + h.width, D = (f + $) / 2;
-      kt.value = {
-        width: C,
-        left: D - C / 2
-      };
-    }), fo(() => {
-      Bl(), El();
-    }), ft(() => v.labelLeft, () => {
-      Ml(Bl);
-    }, { deep: !0 }), ft(() => v.labelRight, () => {
-      Ml(El);
-    }, { deep: !0 });
-    const ge = x(() => {
-      let d = "", h = "", f = !1;
-      if (xa(v.customFormat))
-        try {
-          const $ = v.customFormat({
-            absoluteIndex: ce.value,
-            seriesIndex: ce.value,
-            datapoint: v.selectedSeries
-          }), C = v.customFormat({
-            absoluteIndex: fe.value - 1,
-            seriesIndex: -1,
-            datapoint: v.selectedSeries
-          });
-          typeof $ == "string" && typeof C == "string" && (d = $, h = C, f = !0);
-        } catch {
-          f = !1;
-        }
-      if (!f) {
-        const $ = v.usePreciseLabels ? v.preciseLabels.find((D) => D.absoluteIndex === ce.value) : v.timeLabels.find((D) => D.absoluteIndex === ce.value), C = v.usePreciseLabels ? v.preciseLabels.find((D) => D.absoluteIndex === fe.value - 1) : v.timeLabels.find((D) => D.absoluteIndex === fe.value - 1);
-        d = $ ? $.text : "", h = C ? C.text : "";
-      }
-      return { left: d, right: h };
-    });
-    _l(() => {
-      ae.value && ae.value.disconnect(), et && ut && window.removeEventListener(et, ut), it && st && window.removeEventListener(it, st), et = it = null, ut = st = null, clearTimeout(Ee);
-    });
-    const la = x(() => {
-      if (!Jl.value.length) return null;
-      if (bt.value >= He.value && bt.value < Re.value) {
-        const d = bt.value;
-        return {
-          x1: oe.value * d + (v.minimapCompact ? 0 : oe.value / 2),
-          x2: oe.value * d + (v.minimapCompact ? 0 : oe.value / 2),
-          y1: 0,
-          y2: Math.max(W.value.height, 0),
-          stroke: v.minimapIndicatorColor,
-          "stroke-linecap": "round",
-          "stroke-dasharray": 2,
-          "stroke-width": 1
-        };
-      } else
-        return null;
-    });
-    return Sa({
-      setStartValue: ll,
-      setEndValue: be
-    }), (d, h) => (n(), i("div", {
-      "data-dom-to-png-ignore": "",
-      style: { padding: "0 24px" },
-      class: "vue-data-ui-zoom",
-      ref_key: "zoomWrapper",
-      ref: Fe,
-      onMousedown: al,
-      onTouchstart: al
-    }, [
-      S("div", Fn, [
-        w.valueStart !== w.refreshStartPoint || w.valueEnd !== Je.value ? (n(), i("div", Rn, [
-          w.useResetSlot ? le(d.$slots, "reset-action", {
-            key: 1,
-            reset: E
-          }, void 0, !0) : (n(), i("button", {
-            key: 0,
-            tabindex: "0",
-            role: "button",
-            class: "vue-data-ui-refresh-button",
-            style: L({
-              top: me.value ? "36px" : "-16px",
-              pointerEvents: "all !important"
-            }),
-            onClick: E
-          }, [
-            gl(Nn, {
-              name: "refresh",
-              stroke: w.textColor
-            }, null, 8, ["stroke"])
-          ], 4))
-        ])) : g("", !0)
-      ]),
-      S("div", {
-        class: "double-range-slider",
-        ref_key: "minimapWrapper",
-        ref: Qt,
-        style: { "z-index": "0" },
-        onMouseenter: h[11] || (h[11] = (f) => c.value = !0),
-        onMouseleave: h[12] || (h[12] = (f) => c.value = !1)
-      }, [
-        me.value ? (n(), i("div", On, [
-          (n(), i("svg", {
-            key: `mm-${w.minimapMerged ? "merged" : "split"}-${w.minimapCompact ? "compact" : "normal"}`,
-            xmlns: m(un),
-            viewBox: `0 0 ${Math.max(0, W.value.width)} ${Math.max(0, W.value.height)}`
-          }, [
-            S("defs", null, [
-              S("linearGradient", {
-                id: Ll.value,
-                x1: "0%",
-                y1: "0%",
-                x2: "0%",
-                y2: "100%"
-              }, [
-                S("stop", {
-                  offset: "0%",
-                  "stop-color": `${w.minimapLineColor}50`
-                }, null, 8, En),
-                h[13] || (h[13] = S("stop", {
-                  offset: "100%",
-                  "stop-color": "transparent"
-                }, null, -1))
-              ], 8, Bn)
-            ]),
-            w.minimapCompact ? (n(), i("rect", {
-              key: 0,
-              class: "vue-ui-zoom-minimap-frame",
-              x: 0,
-              y: 0,
-              width: W.value.width,
-              height: W.value.height,
-              fill: "none",
-              stroke: w.minimapFrameColor,
-              rx: 3
-            }, null, 8, Hn)) : g("", !0),
-            w.minimapMerged ? (n(), i("path", {
-              key: 1,
-              d: `M${H.value.fullSet}`,
-              stroke: `${w.minimapLineColor}`,
-              fill: "none",
-              "stroke-width": "1",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              style: { opacity: "0.6" }
-            }, null, 8, Dn)) : g("", !0),
-            w.minimapMerged && !w.minimapCompact ? (n(), i("path", {
-              key: 2,
-              d: `M${oe.value / 2},${Math.max(W.value.height, 0)} ${H.value.fullSet} L${W.value.width - oe.value / 2},${Math.max(W.value.height, 0)}Z`,
-              fill: `url(#${Ll.value})`,
-              stroke: "none",
-              style: { opacity: "0.6" }
-            }, null, 8, Wn)) : w.minimapMerged ? g("", !0) : (n(), i(b, { key: 3 }, [
-              (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "bar"), (f, $) => (n(), i("g", null, [
-                (n(!0), i(b, null, _(f.points, (C, D) => (n(), i(b, null, [
-                  f.isVisible && !isNaN(C.y) ? (n(), i("rect", {
-                    key: 0,
-                    x: zl(C.x, $, D),
-                    y: C.v >= 0 ? C.y : C.y0,
-                    width: Il($, D),
-                    height: C.v >= 0 ? C.y0 - C.y : C.y - C.y0,
-                    fill: f.color,
-                    style: { opacity: 0.6 }
-                  }, null, 8, Xn)) : g("", !0)
-                ], 64))), 256))
-              ]))), 256)),
-              (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "line"), (f) => (n(), i("g", null, [
-                f.isVisible ? (n(), i("path", {
-                  key: 0,
-                  d: `M ${f.fullSet}`,
-                  fill: "none",
-                  stroke: f.color,
-                  style: { opacity: "0.6" }
-                }, null, 8, Yn)) : g("", !0),
-                f.isVisible && w.cutNullValues ? (n(!0), i(b, { key: 1 }, _(f.fullMarkers, ($) => (n(), i("circle", {
-                  key: `sel-dot-under-${f.key}-${$.i}`,
-                  cx: $.x,
-                  cy: $.y,
-                  r: "2",
-                  fill: f.color,
-                  stroke: ue.value,
-                  "stroke-width": "0.5",
-                  style: { opacity: "0.6" }
-                }, null, 8, Gn))), 128)) : g("", !0)
-              ]))), 256))
-            ], 64)),
-            S("rect", {
-              x: M.value.x,
-              y: 0,
-              width: Math.max(0, M.value.width),
-              height: Math.max(W.value.height, 0),
-              fill: ue.value,
-              rx: w.minimapSelectionRadius,
-              stroke: "none"
-            }, null, 8, Un),
-            S("rect", {
-              x: M.value.x,
-              y: 0,
-              width: M.value.width < 0 ? 0 : M.value.width,
-              height: Math.max(W.value.height, 0),
-              rx: w.minimapSelectionRadius,
-              fill: ue.value,
-              style: L({ opacity: Rt.value || Lt.value ? 0 : 1 })
-            }, null, 12, qn),
-            S("rect", {
-              x: M.value.x,
-              y: 0,
-              width: M.value.width < 0 ? 0 : M.value.width,
-              height: Math.max(W.value.height, 0),
-              fill: w.minimapSelectedColor,
-              rx: w.minimapSelectionRadius,
-              style: L({ opacity: w.minimapSelectedColorOpacity })
-            }, null, 12, Zn),
-            !w.minimapMerged && X.value < 0 ? (n(), i("line", {
-              key: 4,
-              class: "slicer-minimap-zero-line",
-              x1: 0,
-              x2: W.value.width,
-              y1: $e.value,
-              y2: $e.value,
-              stroke: w.minimapFrameColor,
-              "stroke-width": "0.5"
-            }, null, 8, Kn)) : g("", !0),
-            w.minimapMerged ? (n(), i("g", Jn, [
-              H.value && H.value.sliced && H.value.sliced.length ? (n(), i(b, { key: 0 }, [
-                H.value.selectionSet ? (n(), i("path", {
-                  key: 0,
-                  d: `M${H.value.sliced[0].x},${Math.max(W.value.height, 0)} ${H.value.selectionSet} L${H.value.sliced[H.value.sliced.length - 1].x},${Math.max(W.value.height, 0)}Z`,
-                  fill: `url(#${Ll.value})`,
-                  stroke: "none",
-                  style: { opacity: "1" }
-                }, null, 8, Qn)) : g("", !0),
-                H.value.selectionSet ? (n(), i("path", {
-                  key: 1,
-                  d: `M ${H.value.selectionSet}`,
-                  stroke: `${w.minimapLineColor}`,
-                  fill: "transparent",
-                  "stroke-width": "2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }, null, 8, jn)) : g("", !0)
-              ], 64)) : g("", !0),
-              H.value && H.value.firstPlot ? (n(), i("circle", {
-                key: 1,
-                cx: H.value.firstPlot.x,
-                cy: H.value.firstPlot.y,
-                "stroke-width": "0.5",
-                stroke: ue.value,
-                r: "3",
-                fill: w.minimapLineColor
-              }, null, 8, ei)) : g("", !0),
-              H.value && H.value.lastPlot ? (n(), i("circle", {
-                key: 2,
-                cx: H.value.lastPlot.x,
-                cy: H.value.lastPlot.y,
-                "stroke-width": "0.5",
-                stroke: ue.value,
-                r: "3",
-                fill: w.minimapLineColor
-              }, null, 8, ti)) : g("", !0)
-            ])) : (n(), i("g", li, [
-              (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "bar"), (f, $) => (n(), i("g", null, [
-                (n(!0), i(b, null, _(f.points, (C, D) => (n(), i(b, null, [
-                  f && f.isVisible && !isNaN(C.y) ? (n(), i("rect", {
-                    key: 0,
-                    x: zl(C.x, $, D),
-                    y: C.v >= 0 ? C.y : C.y0,
-                    width: Il($, D),
-                    height: C.v >= 0 ? C.y0 - C.y : C.y - C.y0,
-                    fill: f.color,
-                    style: L({ opacity: D >= Zt.value && D < at.value ? 1 : 0 })
-                  }, null, 12, ai)) : g("", !0)
-                ], 64))), 256))
-              ]))), 256)),
-              (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "line"), (f) => (n(), i("g", {
-                key: String(f.key)
-              }, [
-                f && f.hasSelection && f.selectionSet && f.isVisible ? (n(), i("path", {
-                  key: 0,
-                  d: `M ${f.selectionSet}`,
-                  stroke: f.color,
-                  fill: "transparent",
-                  "stroke-width": "2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }, null, 8, oi)) : g("", !0)
-              ]))), 128))
-            ])),
-            me.value && w.minimapCompact ? (n(), i("rect", {
-              key: 7,
-              class: "vue-ui-zoom-compact-minimap-handle",
-              x: M.value.x - 8,
-              y: 0,
-              width: 8,
-              height: W.value.height,
-              fill: ue.value,
-              stroke: w.textColor,
-              rx: 3
-            }, null, 8, ni)) : g("", !0),
-            me.value && w.minimapCompact ? (n(), i("rect", {
-              key: 8,
-              class: "vue-ui-zoom-compact-minimap-handle",
-              x: M.value.x + M.value.width,
-              y: 0,
-              width: 8,
-              height: W.value.height,
-              fill: ue.value,
-              stroke: w.textColor,
-              rx: 3
-            }, null, 8, ii)) : g("", !0),
-            bt.value !== null && !pt.value ? (n(), i("line", Gt(Ut({ key: 9 }, la.value)), null, 16)) : g("", !0),
-            w.minimapMerged ? (n(), i("g", ui, [
-              H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), i("circle", {
-                key: 0,
-                cx: H.value.firstPlot.x,
-                cy: H.value.firstPlot.y,
-                "stroke-width": "0.5",
-                stroke: ue.value,
-                r: "4",
-                fill: w.minimapLineColor
-              }, null, 8, si)) : g("", !0),
-              H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), i("circle", {
-                key: 1,
-                cx: H.value.firstPlot.x,
-                cy: H.value.firstPlot.y,
-                r: 2,
-                fill: ue.value
-              }, null, 8, ri)) : g("", !0),
-              H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), i("circle", {
-                key: 2,
-                cx: H.value.lastPlot.x,
-                cy: H.value.lastPlot.y,
-                "stroke-width": "0.5",
-                stroke: ue.value,
-                r: "4",
-                fill: w.minimapLineColor
-              }, null, 8, ci)) : g("", !0),
-              H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), i("circle", {
-                key: 3,
-                cx: H.value.lastPlot.x,
-                cy: H.value.lastPlot.y,
-                r: "2",
-                fill: ue.value
-              }, null, 8, vi)) : g("", !0)
-            ])) : (n(), i("g", di, [
-              (n(!0), i(b, null, _(Qe.value.filter((f) => f.type === "line"), (f) => (n(), i("g", {
-                key: String(f.key)
-              }, [
-                f && f.hasSelection && f.selectionSet && f.isVisible ? (n(), i("path", {
-                  key: 0,
-                  d: `M ${f.selectionSet}`,
-                  stroke: f.color,
-                  fill: "transparent",
-                  "stroke-width": "2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                }, null, 8, hi)) : g("", !0),
-                f.isVisible && w.cutNullValues ? (n(!0), i(b, { key: 1 }, _(f.selectionMarkers, ($) => (n(), i("circle", {
-                  key: `sel-dot-${f.key}-${$.i}`,
-                  cx: $.x,
-                  cy: $.y,
-                  r: "2.5",
-                  fill: f.color,
-                  stroke: ue.value,
-                  "stroke-width": "0.5"
-                }, null, 8, fi))), 128)) : g("", !0),
-                f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), i("circle", {
-                  key: 2,
-                  cx: f.firstPlot.x,
-                  cy: f.firstPlot.y,
-                  "stroke-width": "0.5",
-                  stroke: ue.value,
-                  r: "4",
-                  fill: f.color
-                }, null, 8, mi)) : g("", !0),
-                f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), i("circle", {
-                  key: 3,
-                  cx: f.firstPlot.x,
-                  cy: f.firstPlot.y,
-                  r: "2",
-                  fill: ue.value
-                }, null, 8, gi)) : g("", !0),
-                f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), i("circle", {
-                  key: 4,
-                  cx: f.lastPlot.x,
-                  cy: f.lastPlot.y,
-                  "stroke-width": "0.5",
-                  stroke: ue.value,
-                  r: "4",
-                  fill: f.color
-                }, null, 8, xi)) : g("", !0),
-                f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), i("circle", {
-                  key: 5,
-                  cx: f.lastPlot.x,
-                  cy: f.lastPlot.y,
-                  r: "2",
-                  fill: ue.value
-                }, null, 8, bi)) : g("", !0)
-              ]))), 128))
-            ])),
-            (n(!0), i(b, null, _(Jl.value, (f, $) => (n(), i("rect", {
-              x: oe.value * $ - (w.minimapCompact ? oe.value / 2 : 0),
-              y: 0,
-              height: Math.max(W.value.height, 0),
-              width: oe.value < 0 ? 0 : oe.value,
-              fill: "transparent",
-              style: L([{ "pointer-events": "all !important" }, { cursor: f >= He.value && f < Re.value && w.enableSelectionDrag ? pt.value ? "grabbing" : "grab" : "default" }]),
-              onMousedown: h[0] || (h[0] = (C) => pt.value = !0),
-              onMouseup: h[1] || (h[1] = (C) => pt.value = !1),
-              onMouseenter: (C) => Rl(f),
-              onMouseleave: h[2] || (h[2] = (C) => {
-                bt.value = null, Le("trapMouse", null);
-              })
-            }, null, 44, yi))), 256))
-          ], 8, Vn))
-        ])) : g("", !0),
-        S("div", {
-          class: "slider-track",
-          style: L({ visibility: me.value && w.minimapCompact ? "hidden" : "visible" })
-        }, null, 4),
-        S("div", {
-          class: Ke({ "range-highlight": !0, move: w.enableSelectionDrag }),
-          onMousedown: h[3] || (h[3] = (f) => pt.value = !0),
-          onMouseup: h[4] || (h[4] = (f) => pt.value = !1),
-          style: L({
-            ..._e.value,
-            cursor: pt.value ? "grabbing" : "grab",
-            visibility: me.value && w.minimapCompact ? "hidden" : "visible"
-          })
-        }, null, 38),
-        w.enableRangeHandles ? Oa((n(), i("input", {
-          key: 1,
-          ref_key: "rangeStart",
-          ref: Ft,
-          type: "range",
-          class: Ke({
-            "range-left": !0,
-            "range-handle": !0,
-            "range-minimap": me.value && w.verticalHandles,
-            "range-invisible": me.value && w.minimapCompact
-          }),
-          min: w.min,
-          max: w.minimapCompact && me.value ? Math.max(0, ot.value - 1) : w.max,
-          "onUpdate:modelValue": h[5] || (h[5] = (f) => Pt.value = f),
-          onInput: h[6] || (h[6] = (f) => Pt.value = f.target.valueAsNumber),
-          onChange: Te,
-          onKeyup: mo(Te, ["enter"]),
-          onBlur: Te,
-          onMouseenter: h[7] || (h[7] = (f) => ta("start")),
-          onPointerup: Te
-        }, null, 42, pi)), [
-          [
-            go,
-            Pt.value,
-            void 0,
-            { number: !0 }
-          ]
-        ]) : g("", !0),
-        w.enableRangeHandles ? Oa((n(), i("input", {
-          key: 2,
-          ref_key: "rangeEnd",
-          ref: At,
-          type: "range",
-          class: Ke({
-            "range-right": !0,
-            "range-handle": !0,
-            "range-minimap": me.value && w.verticalHandles,
-            "range-invisible": me.value && w.minimapCompact
-          }),
-          min: w.min,
-          max: w.minimapCompact && me.value ? Math.max(0, ot.value - 1) : w.max,
-          "onUpdate:modelValue": h[8] || (h[8] = (f) => tl.value = f),
-          onInput: h[9] || (h[9] = (f) => tl.value = f.target.valueAsNumber),
-          onChange: Te,
-          onKeyup: mo(Te, ["enter"]),
-          onBlur: Te,
-          onMouseenter: h[10] || (h[10] = (f) => ta("end")),
-          onPointerup: Te
-        }, null, 42, ki)), [
-          [
-            go,
-            tl.value,
-            void 0,
-            { number: !0 }
-          ]
-        ]) : g("", !0),
-        ge.value.left ? (n(), i("div", {
-          key: 3,
-          ref_key: "tooltipLeft",
-          ref: zt,
-          class: Ke({
-            "range-tooltip": !0,
-            "range-tooltip-visible": c.value,
-            "range-tooltip-arrow": _e.value.arrowLeft && !w.verticalHandles,
-            "range-tooltip-arrow-left": !_e.value.arrowLeft && !w.verticalHandles
-          }),
-          style: L({
-            left: _e.value.tooltipLeft,
-            color: m(ht)(w.selectColor),
-            backgroundColor: w.selectColor,
-            border: `1px solid ${ue.value}`,
-            zIndex: `${Hl.value + 4}`,
-            visibility: Et.value || ge.value.left === ge.value.right ? "hidden" : "visible",
-            top: me.value && w.minimapCompact ? "calc(-100% - 12px)" : "-100%"
-          })
-        }, xe(ge.value.left), 7)) : g("", !0),
-        (Et.value || ge.value.left === ge.value.right) && (ge.value.left || ge.value.right) ? (n(), i("div", {
-          key: 4,
-          ref: "tooltipMerge",
-          class: Ke({
-            "range-tooltip": !0,
-            "range-tooltip-visible": c.value,
-            "range-tooltip-arrow": !0,
-            "range-tooltip-arrow-left": !_e.value.arrowLeft && !w.verticalHandles,
-            "range-tooltip-arrow-right": !_e.value.arrowRight && !w.verticalHandles
-          }),
-          style: L({
-            left: _e.value.tooltipCenter,
-            width: kt.value.width + "px",
-            color: m(ht)(w.selectColor),
-            backgroundColor: w.selectColor,
-            border: `1px solid ${ue.value}`,
-            zIndex: "4",
-            top: me.value && w.minimapCompact ? "calc(-100% - 12px)" : "-100%"
-          })
-        }, xe(ge.value.left === ge.value.right ? ge.value.left : `${ge.value.left} - ${ge.value.right}`), 7)) : g("", !0),
-        ge.value.right ? (n(), i("div", {
-          key: 5,
-          ref_key: "tooltipRight",
-          ref: ol,
-          class: Ke({
-            "range-tooltip": !0,
-            "range-tooltip-visible": c.value,
-            "range-tooltip-arrow": _e.value.arrowRight && !w.verticalHandles,
-            "range-tooltip-arrow-right": !_e.value.arrowRight && !w.verticalHandles
-          }),
-          style: L({
-            left: _e.value.tooltipRight,
-            color: m(ht)(w.selectColor),
-            backgroundColor: w.selectColor,
-            border: `1px solid ${ue.value}`,
-            zIndex: "4",
-            visibility: Et.value || ge.value.left === ge.value.right ? "hidden" : "visible",
-            top: me.value && w.minimapCompact ? "calc(-100% - 12px)" : "-100%"
-          })
-        }, xe(ge.value.right), 7)) : g("", !0)
-      ], 544)
-    ], 544));
-  }
-}, Si = /* @__PURE__ */ Lo(wi, [["__scopeId", "data-v-8840236b"]]), $i = ["id"], Mi = ["id"], _i = ["viewBox", "aria-label"], Li = ["x", "y", "width", "height"], Ci = { key: 1 }, Ai = { class: "vue-ui-xy-grid" }, Ti = ["stroke", "x1", "x2", "y1", "y2"], zi = ["stroke", "x1", "x2", "y1", "y2"], Ii = { key: 1 }, Ni = ["x1", "x2", "y1", "y2", "stroke"], Pi = ["x1", "x2", "y1", "y2", "stroke"], Fi = ["x1", "x2", "y1", "y2", "stroke"], Ri = { key: 3 }, Oi = ["d", "stroke"], Vi = { key: 4 }, Bi = ["d", "stroke"], Ei = ["id"], Hi = ["stop-color"], Di = ["stop-color"], Wi = ["stop-color"], Xi = ["id"], Yi = ["stop-color"], Gi = ["stop-color"], Ui = ["stop-color"], qi = ["id"], Zi = ["stop-color"], Ki = ["stop-color"], Ji = ["id"], Qi = ["stop-color"], ji = ["stop-color"], eu = ["id"], tu = ["stop-color"], lu = ["stop-color"], au = ["x", "y", "height", "width", "fill"], ou = ["x", "y", "width"], nu = { key: 0 }, iu = ["x", "y", "height", "width", "fill"], uu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], su = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ru = ["width", "x", "y"], cu = ["stroke", "x1", "x2", "y1", "y2"], vu = { key: 3 }, du = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], hu = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], fu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], mu = ["fill", "font-size", "transform"], gu = ["x1", "x2", "y1", "y2", "stroke"], xu = ["x", "y", "font-size", "fill"], bu = ["x1", "x2", "y1", "y2", "stroke"], yu = ["x", "y", "font-size", "fill"], pu = ["width", "x", "y"], ku = { style: { width: "100%" } }, wu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Su = ["d", "stroke", "stroke-width", "stroke-dasharray"], $u = { key: 6 }, Mu = { key: 7 }, _u = ["d", "fill", "fill-opacity"], Lu = { key: 0 }, Cu = ["d", "fill"], Au = ["d", "fill"], Tu = ["d", "fill"], zu = ["d", "fill"], Iu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = ["width", "x", "y"], Fu = { style: { width: "100%" } }, Ru = { key: 8 }, Ou = ["x", "y", "font-size", "fill"], Vu = ["x", "y", "font-size", "fill", "font-weight"], Bu = { key: 9 }, Eu = ["x", "y", "font-size", "fill"], Hu = { key: 10 }, Du = ["x", "y"], Wu = ["innerHTML"], Xu = ["x", "y"], Yu = ["innerHTML"], Gu = ["x1", "x2", "y1", "y2", "stroke"], Uu = { key: 11 }, qu = ["x", "y", "font-size", "fill"], Zu = { key: 12 }, Ku = ["x", "y"], Ju = ["innerHTML"], Qu = ["x", "y"], ju = ["innerHTML"], es = ["x1", "x2", "y1", "y2", "stroke"], ts = ["x", "y", "font-size", "fill", "innerHTML"], ls = ["x", "y", "font-size", "fill", "innerHTML"], as = ["x", "y", "font-size", "fill", "innerHTML"], os = ["x", "y", "font-size", "fill", "innerHTML"], ns = { key: 0 }, is = ["id"], us = ["fill", "stroke"], ss = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], rs = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], cs = ["x", "y", "font-size", "fill", "stroke"], vs = ["id"], ds = ["stop-color"], hs = ["stop-color"], fs = ["x", "y", "width", "height", "fill", "onMouseenter"], ms = ["font-size", "fill", "transform"], gs = ["x", "y", "font-size", "fill"], xs = ["text-anchor", "font-size", "fill", "transform", "onClick"], bs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], ys = { key: 15 }, ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ws = ["y", "x", "width", "height", "fill"], Ss = ["id", "x", "y", "font-size", "fill", "text-anchor"], $s = {
-  key: 16,
-  style: { "pointer-events": "none" }
-}, Ms = ["x", "y"], _s = ["innerHTML"], Ls = ["cx", "cy", "r", "fill"], Cs = ["data-start", "data-end"], As = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, Ts = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "20",
-  viewBox: "0 0 10 20",
-  style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, zs = ["fill"], Is = ["innerHTML"], Ns = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "100%",
-  viewBox: "0 0 10 20",
-  style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ps = ["fill"], Fs = ["innerHTML"], Rs = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "20",
-  viewBox: "0 0 10 20",
-  style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Os = ["fill"], Vs = ["innerHTML"], Bs = {
-  class: "vue-ui-xy-tag-arrow",
-  height: "100%",
-  viewBox: "0 0 10 20",
-  style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Es = ["fill"], Hs = ["innerHTML"], Ds = ["id"], Ws = ["onClick"], Xs = {
-  key: 0,
-  viewBox: "0 0 20 12",
-  height: "1em",
-  width: "1.43em"
-}, Ys = ["stroke", "fill"], Gs = {
-  key: 1,
-  viewBox: "0 0 40 40",
-  height: "1em",
-  width: "1em"
-}, Us = ["fill"], qs = ["fill"], Zs = {
-  key: 2,
-  viewBox: "0 0 12 12",
-  height: "1em",
-  width: "1em"
-}, Ks = {
-  style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
-  "data-dom-to-png-ignore": ""
-}, Js = ["innerHTML"], Qs = {
-  __name: "vue-ui-xy",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedXIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup(w, { expose: Sa, emit: $a }) {
-    const v = w, Fe = Xt(() => import("./DataTable-yAMEyP6y.js")), ce = Xt(() => import("./Tooltip-VOcQEHa4.js")), fe = Xt(() => import("./UserOptions-CSja1SGU.js")), me = Xt(() => import("./BaseIcon-eZbszQrv.js")), Ll = Xt(() => import("./vue-ui-table-sparkline-Chf5YY4A.js")), Lt = Xt(() => import("./PackageVersion-r-Q1R3nV.js")), Nt = Xt(() => import("./PenAndPaper-Bo-lMUik.js")), Kl = Xt(() => import("./BaseDraggableDialog-CVGErydD.js")), qt = $a, xl = jo(), Zt = en(), { vue_ui_xy: at } = kn(), Ee = y(null), Te = y(null), Je = y(null), Le = y(null), mt = y(null), Ct = y(null), Cl = y(null), Kt = y(null), Jt = y(null), _e = y(null), Al = y(null), Tl = y(null), gt = y(null), ue = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), ae = y(1e3), ot = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), He = y(!1), Re = y(!1), bl = y(!1), oe = y(null), ve = y([]), Z = y(ga()), zl = y(0), Il = y(0), Nl = y(0), De = y(!0), xt = y(0), X = y(null), jl = y(!1), Pl = y(!0), yl = y(!0), $e = y(null), nt = y({}), el = y(null), H = y(!1), Qe = y(null), M = y(null), bt = x(() => ({
-      height: W.value,
-      width: ae.value
-    }));
-    function Fl(l) {
-      return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
-    }
-    function Pt(l, s, e = 0) {
-      return Number.isFinite(l) && Number.isFinite(s) && Math.abs(s) > 1e-9 ? l / s : e;
-    }
-    const tl = y(!1), T = y({
-      xAxis: 18,
-      yAxis: 12,
-      dataLabels: 20,
-      plotLabels: 10
-    }), We = y({ plot: 3, line: 3 });
-    Zl(() => {
-      H.value = !0, v.dataset.length && v.dataset.forEach((l, s) => {
-        [null, void 0].includes(l.series) && Pa({
-          componentName: "VueUiXy",
-          type: "datasetSerieAttribute",
-          property: "series (number[])",
-          index: s,
-          debug: Tt.value
-        });
-      });
-    });
-    function Rl() {
-      if (!Object.keys(v.config || {}).length)
-        return at;
-      const l = fa({
-        userConfig: v.config,
-        defaultConfig: at
-      });
-      return v.config && Be(v.config, "chart.highlightArea") && (Array.isArray(v.config.chart.highlightArea) ? l.chart.highlightArea = v.config.chart.highlightArea : l.chart.highlightArea = [v.config.chart.highlightArea]), v.config && Be(v.config, "chart.grid.labels.yAxis.scaleMin") ? l.chart.grid.labels.yAxis.scaleMin = v.config.chart.grid.labels.yAxis.scaleMin : l.chart.grid.labels.yAxis.scaleMin = null, v.config && Be(v.config, "chart.grid.labels.yAxis.scaleMax") ? l.chart.grid.labels.yAxis.scaleMax = v.config.chart.grid.labels.yAxis.scaleMax : l.chart.grid.labels.yAxis.scaleMax = null, v.config && Be(v.config, "chart.zoom.startIndex") ? l.chart.zoom.startIndex = v.config.chart.zoom.startIndex : l.chart.zoom.startIndex = null, v.config && Be(v.config, "chart.zoom.endIndex") ? l.chart.zoom.endIndex = v.config.chart.zoom.endIndex : l.chart.zoom.endIndex = null, v.config && Be(v.config, "chart.grid.labels.yAxis.groupColor") ? l.chart.grid.labels.yAxis.groupColor = v.config.chart.grid.labels.yAxis.groupColor : l.chart.grid.labels.yAxis.groupColor = null, v.config && Be(v.config, "chart.annotations") && Array.isArray(v.config.chart.annotations) && v.config.chart.annotations.length ? l.chart.annotations = v.config.chart.annotations.map((s) => fa({
-        defaultConfig: at.chart.annotations[0],
-        userConfig: s
-      })) : l.chart.annotations = [], v.config && Be(v.config, "chart.grid.position") && v.config.chart.grid.position === "start" && v.dataset.length && v.dataset.some((s) => s.type === "bar") && (l.chart.grid.position = "middle", Be(v.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), v.config && Be(v.config, "chart.grid.labels.yAxis.serieNameFormatter") ? l.chart.grid.labels.yAxis.serieNameFormatter = v.config.chart.grid.labels.yAxis.serieNameFormatter : l.chart.grid.labels.yAxis.serieNameFormatter = null, v.config && Be(v.config, "events.datapointEnter") ? l.events.datapointEnter = v.config.events.datapointEnter : l.events.datapointEnter = null, v.config && Be(v.config, "events.datapointLeave") ? l.events.datapointLeave = v.config.events.datapointLeave : l.events.datapointLeave = null, v.config && Be(v.config, "events.datapointClick") ? l.events.datapointClick = v.config.events.datapointClick : l.events.datapointClick = null, v.config && Be(v.config, "chart.highlightArea") && (Array.isArray(v.config.chart.highlightArea) ? l.chart.highlightArea = v.config.chart.highlightArea.map((s) => Ft({
-        defaultConfig: at.chart.highlightArea,
-        userConfig: s
-      })) : l.chart.highlightArea = Ft({
-        defaultConfig: at.chart.highlightArea,
-        userConfig: v.config.chart.highlightArea
-      })), l.theme ? {
-        ...fa({
-          userConfig: In.vue_ui_xy[l.theme] || v.config,
-          defaultConfig: l
-        }),
-        customPalette: gn[l.theme] || v.palette
-      } : l;
-    }
-    function Ft({ defaultConfig: l, userConfig: s }) {
-      return fa({
-        defaultConfig: l,
-        userConfig: s
-      });
-    }
-    const At = x({
-      get() {
-        return !!v.dataset && v.dataset.length;
-      },
-      set(l) {
-        return l;
-      }
-    }), t = y(Rl()), p = y({
-      dataLabels: { show: !0 },
-      showTooltip: !0,
-      showTable: !1,
-      isStacked: !1,
-      useIndividualScale: !1
-    });
-    function ll() {
-      tl.value ? (p.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, p.value.useIndividualScale == null && (p.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (p.value = {
-        dataLabels: { show: !0 },
-        showTooltip: t.value.chart.tooltip.show === !0,
-        showTable: t.value.showTable === !0,
-        isStacked: t.value.chart.grid.labels.yAxis.stacked,
-        useIndividualScale: t.value.chart.grid.labels.yAxis.useIndividualScale
-      }, tl.value = !0);
-    }
-    const Tt = x(() => !!t.value.debug), { loading: be, FINAL_DATASET: ye, manualLoading: pl } = Sn({
-      ...tn(v),
-      FINAL_CONFIG: t,
-      prepareConfig: Rl,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await St(), p.value.showTable = t.value.showTable;
-        });
-      },
-      skeletonDataset: [
-        {
-          name: "",
-          series: [0, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 134],
-          type: "line",
-          smooth: !0,
-          color: "#BABABA"
-        },
-        {
-          name: "",
-          series: [0, 0.5, 1, 1.5, 2.5, 4, 6.5, 10.5, 17, 27.5, 44.5, 67],
-          type: "bar",
-          color: "#CACACA"
-        }
-      ],
-      skeletonConfig: sn({
-        defaultConfig: t.value,
-        userConfig: {
-          useCssAnimation: !1,
-          showTable: !1,
-          chart: {
-            annotations: [],
-            highlightArea: [],
-            backgroundColor: "#99999930",
-            grid: {
-              stroke: "#6A6A6A",
-              labels: {
-                show: !1,
-                axis: {
-                  yLabel: "",
-                  xLabel: ""
-                },
-                xAxisLabels: { show: !1 },
-                yAxis: {
-                  commonScaleSteps: 10,
-                  useNiceScale: !0,
-                  scaleMin: 0,
-                  scaleMax: 134
-                },
-                zeroLine: { show: !0 }
-              }
-            },
-            padding: {
-              top: 12,
-              bottom: 24,
-              left: 24,
-              right: 24
-            },
-            userOptions: { show: !1 },
-            zoom: {
-              show: !1,
-              startIndex: null,
-              endIndex: null
-            }
-          },
-          bar: {
-            serieName: { show: !1 },
-            labels: { show: !1 },
-            border: {
-              useSerieColor: !1,
-              stroke: "#999999"
-            }
-          },
-          line: {
-            dot: {
-              useSerieColor: !1,
-              fill: "#8A8A8A"
-            },
-            labels: { show: !1 }
-          }
-        }
-      })
-    });
-    function Rt(l) {
-      const s = /* @__PURE__ */ new WeakMap();
-      return (e, ...u) => {
-        let a = s.get(e);
-        const r = JSON.stringify(u);
-        if (a && a.has(r)) return a.get(r);
-        const o = l(e, ...u);
-        return a || (a = /* @__PURE__ */ new Map(), s.set(e, a)), a.set(r, o), o;
-      };
-    }
-    const Ma = Rt((l, s) => Fa({ data: l, threshold: s })), yt = (l) => Ma(l, t.value.downsample.threshold), je = x({
-      get: () => Math.max(...ye.value.map((l) => yt(l.series).length)),
-      set: (l) => l
-    }), k = y({ start: 0, end: je.value }), Xe = y({ start: 0, end: je.value }), Ol = x(() => t.value.chart.zoom.preview.enable && (Xe.value.start !== k.value.start || Xe.value.end !== k.value.end));
-    function Vl(l, s) {
-      Xe.value[l] = s;
-    }
-    function Ot() {
-      const l = Math.max(
-        1,
-        ...ye.value.map((u) => yt(u.series).length)
-      );
-      let s = Math.max(0, Math.min(k.value.start ?? 0, l - 1)), e = Math.max(s + 1, Math.min(k.value.end ?? l, l));
-      (!Number.isFinite(s) || !Number.isFinite(e) || e <= s) && (s = 0, e = l), k.value = { start: s, end: e }, Xe.value.start = s, Xe.value.end = e, Je.value && (Je.value.setStartValue(s), Je.value.setEndValue(e));
-    }
-    const _a = x(() => {
-      const { left: l, top: s, width: e, height: u } = c.value, a = k.value.start, o = k.value.end - a, F = e / o, R = Xe.value.start - a, O = Xe.value.end - a, A = Math.max(0, Math.min(o, R)), N = Math.max(0, Math.min(o, O));
-      return {
-        x: l + A * F,
-        y: s,
-        width: (N - A) * F,
-        height: u,
-        fill: t.value.chart.zoom.preview.fill,
-        stroke: t.value.chart.zoom.preview.stroke,
-        "stroke-width": t.value.chart.zoom.preview.strokeWidth,
-        "stroke-dasharray": t.value.chart.zoom.preview.strokeDasharray,
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        style: {
-          pointerEvents: "none",
-          transition: "none !important",
-          animation: "none !important"
-        }
-      };
-    });
-    ft(() => v.selectedXIndex, (l) => {
-      if ([null, void 0].includes(v.selectedXIndex)) {
-        M.value = null;
-        return;
-      }
-      const s = l - k.value.start;
-      s < 0 || l >= k.value.end ? M.value = null : M.value = s ?? null;
-    }, { immediate: !0 });
-    const { isPrinting: et, isImaging: it, generatePdf: ut, generateImage: st } = wn({
-      elementId: `vue-ui-xy_${Z.value}`,
-      fileName: t.value.chart.title.text || "vue-ui-xy",
-      options: t.value.chart.userOptions.print
-    }), ea = y(!1), Vt = x(() => rn(t.value.customPalette)), al = x(() => {
-      if (t.value.chart.grid.labels.yAxis.scaleMin !== null)
-        return t.value.chart.grid.labels.yAxis.scaleMin;
-      const l = Math.min(...rt.value.filter((s) => !ve.value.includes(s.id)).map((s) => Math.min(...s.series)));
-      return l > 0 ? 0 : l;
-    }), kl = x(() => {
-      if (t.value.chart.grid.labels.yAxis.scaleMax)
-        return t.value.chart.grid.labels.yAxis.scaleMax;
-      const l = Math.max(...rt.value.filter((s) => !ve.value.includes(s.id)).map((s) => Math.max(...s.series)));
-      return al.value === l ? l + 1 : l;
-    }), Ye = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? ql(al.value, kl.value < 0 ? 0 : kl.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : fl(al.value, kl.value < 0 ? 0 : kl.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), Bt = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ye.value.min >= 0 ? 0 : Math.abs(Ye.value.min) : -Ye.value.min), rt = x(() => Qt.value ? ye.value.map((l, s) => {
-      const e = yt(l.series), u = `uniqueId_${s}`;
-      return {
-        ...l,
-        slotAbsoluteIndex: s,
-        series: e.map((a) => da(a) ? a : null).slice(k.value.start, k.value.end),
-        color: po(l.color ? l.color : Vt.value[s] ? Vt.value[s] : ko[s]),
-        id: u,
-        scaleLabel: l.scaleLabel || u
-      };
-    }) : ye.value), Ge = x(() => rt.value.map((l, s) => ({
-      absoluteIndex: s,
-      ...l,
-      series: l.series.map((e) => e + Bt.value),
-      absoluteValues: l.series,
-      segregate: () => Ga(l),
-      isSegregated: ve.value.includes(l.id)
-    }))), ze = x(() => rt.value.map((l, s) => ({
-      ...l,
-      series: l.series.map((e) => e + Bt.value),
-      absoluteValues: l.series
-    })).filter((l) => !ve.value.includes(l.id)));
-    function pt() {
-      let l = 0;
-      Al.value && (l = Array.from(Al.value.querySelectorAll("text")).reduce((a, r) => {
-        const o = r.getComputedTextLength();
-        return (o > a ? o : a) + t.value.chart.grid.labels.yAxis.scaleValueOffsetX;
-      }, 0));
-      const s = Jt.value ? Jt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + T.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
-      return l + s + e;
-    }
-    const zt = y(0), ol = ba((l) => {
-      zt.value = l;
-    }, 100);
-    Cn({ elementRef: _e, callback: ol, attr: "height" }), _l(() => {
-      zt.value = 0;
-    });
-    const nl = x(() => {
-      let l = 0;
-      Kt.value && (l = Kt.value.getBBox().height);
-      let s = 0;
-      return _e.value && (s = zt.value), l + s + T.value.xAxis;
-    }), il = x(() => ye.value.some((l) => l.useProgression)), c = x(() => {
-      let l = 0;
-      const s = 36;
-      t.value.chart.grid.labels.show && (p.value.useIndividualScale && !p.value.isStacked ? l = (ye.value.length - ve.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : p.value.useIndividualScale && p.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = pt());
-      const e = t.value.chart.labels.fontSize * 1.1, u = il.value ? 24 : 6;
-      if (_e.value) {
-        const o = _e.value.getBBox().x;
-        o < 0 && (l += Math.abs(o));
-      }
-      const a = ae.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - u - t.value.chart.padding.left - t.value.chart.padding.right, r = t.value.chart.grid.position === "middle" ? 0 : a / I.value / 2;
-      return {
-        top: t.value.chart.padding.top + e,
-        right: ae.value - u - t.value.chart.padding.right,
-        bottom: W.value - nl.value - t.value.chart.padding.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
-        left: l + t.value.chart.grid.labels.yAxis.crosshairSize - r + t.value.chart.padding.left,
-        height: W.value - nl.value - t.value.chart.padding.top - t.value.chart.padding.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
-        width: a,
-        scaleLabelX: l,
-        individualOffsetX: s
-      };
-    }), Bl = x(() => {
-      const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = I.value + l, e = ee(c.value.top), u = ee(c.value.bottom);
-      return Array.from({ length: s }).map((a, r) => {
-        const o = c.value.width / I.value * r + c.value.left + se.value;
-        return `M${o},${e} L${o},${u}`;
-      }).join(" ");
-    }), El = x(() => {
-      if (!t.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-      const l = c.value.width / I.value, s = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-      return pe.value.map((u, a) => {
-        if (!u || !u.text) return null;
-        const r = c.value.left + l * a + l / 2, o = e ? Ie.value - (Ie.value === c.value.bottom ? 0 : s / 2) : c.value.bottom, F = e ? Ie.value + s / (Ie.value === c.value.bottom ? 1 : 2) : c.value.bottom + s;
-        return `M${r},${o} L${r},${F}`;
-      }).filter(Boolean).join(" ");
-    });
-    function Hl() {
-      return !!Zt?.vnode.props?.onSelectTimeLabel;
-    }
-    function ta(l, s, e) {
-      if (!el.value) {
-        const u = document.createElement("canvas");
-        el.value = u.getContext("2d");
-      }
-      return el.value.font = `normal ${l}px sans-serif`, el.value;
-    }
-    function Et() {
-      const l = Ee.value.querySelectorAll(".vue-ui-xy-tag");
-      l.length && Array.from(l).forEach((s) => s.style.opacity = "0");
-    }
-    function kt(l, s, e, u, a) {
-      e && (nt.value[`${l}_${s}_${u}_${a}`] = e);
-    }
-    const ge = y(!1);
-    async function la(l = !1) {
-      await Ml(), ge.value = l, jl.value && (yl.value = l);
-    }
-    function d() {
-      He.value = !He.value;
-    }
-    const h = x(() => {
-      const l = Math.max(...ye.value.map((s) => Fa({ data: s.series, threshold: t.value.downsample.threshold }).length));
-      return _o({
-        values: t.value.chart.grid.labels.xAxisLabels.values,
-        maxDatapoints: l,
-        formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-        start: k.value.start,
-        end: k.value.end
-      });
-    }), f = x(() => {
-      const l = Math.max(...ye.value.map((s) => Fa({ data: s.series, threshold: t.value.downsample.threshold }).length));
-      return _o({
-        values: t.value.chart.grid.labels.xAxisLabels.values,
-        maxDatapoints: l,
-        formatter: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
-        start: 0,
-        end: je.value
-      });
-    }), $ = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels.modulo;
-      return h.value.length ? Math.min(l, [...new Set(h.value.map((s) => s.text))].length) : l;
-    });
-    function C(l) {
-      let s = null, e = null;
-      return (...u) => {
-        const a = JSON.stringify(u);
-        return a === s || (s = a, e = l(...u)), e;
-      };
-    }
-    const D = C((l, s, e, u, a, r, o, F) => {
-      if (l)
-        return u.length <= 2 ? u.map((B, re) => ({ text: B, absoluteIndex: re })) : u.map((B, re) => ({ text: re === 0 || re === u.length - 1 || o != null && re === o ? B : "", absoluteIndex: re }));
-      if (!s)
-        return u.map((Y, B) => ({ text: Y, absoluteIndex: B }));
-      const R = Math.max(1, e || 1);
-      if (F <= R)
-        return u.map((Y, B) => ({ text: Y, absoluteIndex: B }));
-      const O = [];
-      for (let Y = 0; Y < u.length; Y += 1) {
-        const B = u[Y] ?? "";
-        if (!B) continue;
-        const re = r + Y - 1 >= 0 ? a[r + Y - 1] ?? "" : null;
-        B !== re && O.push(Y);
-      }
-      if (!O.length)
-        return u.map((Y, B) => ({ text: "", absoluteIndex: B }));
-      const A = O.length, N = R, j = Math.max(2, Math.min(N - 3, A)), z = Math.min(A, N + 3);
-      let U = Math.min(N, A), V = 1 / 0;
-      for (let Y = j; Y <= z; Y += 1) {
-        const B = (A - 1) % (Y - 1), re = Math.abs(Y - N), Oe = B * 10 + re;
-        Oe < V && (V = Oe, U = Y);
-      }
-      const he = /* @__PURE__ */ new Set();
-      if (U <= 1)
-        he.add(O[Math.round((A - 1) / 2)]);
-      else {
-        const Y = (A - 1) / (U - 1);
-        for (let B = 0; B < U; B += 1)
-          he.add(O[Math.round(B * Y)]);
-      }
-      return u.map((Y, B) => ({
-        text: he.has(B) ? Y : "",
-        absoluteIndex: B
-      }));
-    }), pe = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, s = h.value || [], e = f.value || [], u = k.value.start ?? 0, a = M.value, r = I.value, o = s.map((R) => R?.text ?? ""), F = e.map((R) => R?.text ?? "");
-      return D(
-        !!l.showOnlyFirstAndLast,
-        !!l.showOnlyAtModulo,
-        Math.max(1, $.value || 1),
-        o,
-        F,
-        u,
-        a,
-        r
-      );
-    });
-    function ne(l, s) {
-      const e = ze.value.map((u) => ({
-        shape: u.shape || null,
-        name: u.name,
-        color: u.color,
-        type: u.type,
-        value: u.absoluteValues.find((a, r) => r === s),
-        comments: u.comments || [],
-        prefix: u.prefix || t.value.chart.labels.prefix,
-        suffix: u.suffix || t.value.chart.labels.suffix
-      }));
-      qt("selectTimeLabel", {
-        datapoint: e,
-        absoluteIndex: l.absoluteIndex,
-        label: l.text
-      });
-    }
-    const I = x(() => {
-      const l = Fl((k.value.end ?? 0) - (k.value.start ?? 0));
-      return Math.max(1, l);
-    });
-    function wt(l) {
-      X.value = l;
-    }
-    function ul() {
-      p.value.isStacked = !p.value.isStacked, p.value.isStacked ? p.value.useIndividualScale = !0 : p.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
-    }
-    function ct(l) {
-      Tt.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 La(l, s) {
-      const e = Fl(l), u = Array(e).fill(0);
-      for (let a = 0; a < s.length && a < e; a += 1) u[a] = s[a] ?? 0;
-      return u;
-    }
-    function aa(l) {
-      const s = Math.max(...ye.value.map((e) => yt(e.series).length));
-      return l > s ? s : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
-    }
-    const te = y(!1), Dl = y(!1);
-    function St() {
-      if (!te.value) {
-        te.value = !0;
-        try {
-          const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(...ye.value.map((r) => yt(r.series).length)), u = l ?? 0, a = s != null ? Math.min(aa(s + 1), e) : e;
-          sl.value = !0, k.value.start = u, k.value.end = a, Xe.value.start = u, Xe.value.end = a, Ot(), Dl.value = !0;
-        } finally {
-          queueMicrotask(() => {
-            sl.value = !1;
-          }), te.value = !1;
-        }
-      }
-    }
-    const sl = y(!1);
-    function Ca(l) {
-      te.value || sl.value || l !== k.value.start && (k.value.start = l, Xe.value.start = l, Ot());
-    }
-    function Aa(l) {
-      if (te.value || sl.value) return;
-      const s = aa(l);
-      s !== k.value.end && (k.value.end = s, Xe.value.end = s, Ot());
-    }
-    async function Co() {
-      await St();
-    }
-    function Ue(l) {
-      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(l);
-    }
-    const Va = x(() => Ye.value.max + Bt.value);
-    function rl(l) {
-      return l / (Ue(Va.value) ? Va.value : 1);
-    }
-    const Ie = x(() => isNaN(rl(Bt.value)) ? c.value.bottom : c.value.bottom - c.value.height * rl(Bt.value));
-    function Ba(l) {
-      const s = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && al.value >= 0 ? c.value.bottom : Ie.value;
-      return l.value >= 0 ? q(s - l.y <= 0 ? 1e-5 : s - l.y) : q(l.y - Ie.value <= 0 ? 1e-5 : l.y - Ie.value);
-    }
-    function Ea(l) {
-      return l.value >= 0 ? q(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : q(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
-    }
-    const de = x(() => {
-      const l = Math.max(1, I.value), s = Math.max(1, c.value.width), e = Math.max(1, rt.value.filter((u) => u.type === "bar" && !ve.value.includes(u.id)).length);
-      return {
-        bar: Pt(s, l * e, 1),
-        plot: Pt(s, l, 1),
-        line: Pt(s, l, 1)
-      };
-    });
-    function Ht() {
-      return p.value.useIndividualScale && p.value.isStacked ? de.value.line - c.value.width / I.value * 0.1 : de.value.bar;
-    }
-    function oa(l) {
-      return p.value.useIndividualScale && p.value.isStacked ? l.x + c.value.width / I.value * 0.05 : l.x + de.value.bar / 2;
-    }
-    function Ha(l) {
-      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(Ie.value) ? c.bottom.value : Ie.value;
-    }
-    function Da(l) {
-      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
-    }
-    const Wl = y(null);
-    function Wa(l) {
-      const s = $e.value;
-      if (!s) return null;
-      if (s.createSVGPoint && s.getScreenCTM) {
-        const N = s.createSVGPoint();
-        N.x = l.clientX, N.y = l.clientY;
-        const j = s.getScreenCTM();
-        if (j) {
-          const z = N.matrixTransform(j.inverse());
-          return { x: z.x, y: z.y, ok: !0 };
-        }
-      }
-      const e = s.getBoundingClientRect(), u = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / u.width, e.height / u.height), r = u.width * a, o = u.height * a, F = (e.width - r) / 2, R = (e.height - o) / 2, O = (l.clientX - e.left - F) / a + u.x, A = (l.clientY - e.top - R) / a + u.y;
-      return { x: O, y: A, ok: !0 };
-    }
-    let cl = 0;
-    function Ao(l) {
-      He.value || (cl && cancelAnimationFrame(cl), cl = requestAnimationFrame(() => {
-        cl = 0;
-        const s = Wa(l);
-        if (!s || !$e.value) {
-          na();
-          return;
-        }
-        const { left: e, right: u, top: a, bottom: r, width: o } = c.value;
-        if (s.x < e || s.x > u || s.y < a || s.y > r) {
-          na();
-          return;
-        }
-        const F = s.x - e, R = o / I.value, O = Math.floor(F / R);
-        O >= 0 && O < I.value ? Wl.value !== O && (Wl.value = O, to(!0, O)) : na();
-      }));
-    }
-    function na() {
-      cl && (cancelAnimationFrame(cl), cl = 0), Wl.value = null, to(!1, null);
-    }
-    function Xa(l) {
-      const s = Wa(l);
-      if (s && $e.value) {
-        const { left: e, right: u, top: a, bottom: r, width: o } = c.value;
-        if (s.x >= e && s.x <= u && s.y >= a && s.y <= r) {
-          const F = o / Math.max(1, I.value), R = Math.floor((s.x - e) / F);
-          if (R >= 0 && R < I.value) {
-            Ya(R);
-            return;
-          }
-        }
-      }
-      Wl.value != null && Ya(Wl.value);
-    }
-    function Ya(l) {
-      const s = ze.value.map((e) => ({
-        name: e.name,
-        value: [null, void 0, NaN].includes(e.absoluteValues[l]) ? null : e.absoluteValues[l],
-        color: e.color,
-        type: e.type
-      }));
-      qt(
-        "selectX",
-        {
-          dataset: s,
-          index: l,
-          indexLabel: t.value.chart.grid.labels.xAxisLabels.values[l]
-        }
-      ), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: s, seriesIndex: l + k.value.start });
-    }
-    function To() {
-      return Ge.value.map((l) => ({
-        values: l.absoluteValues,
-        color: l.color,
-        name: l.name,
-        type: l.type
-      }));
-    }
-    async function zo({ scale: l = 2 } = {}) {
-      if (!Ee.value) return;
-      const { width: s, height: e } = Ee.value.getBoundingClientRect(), u = s / e, { imageUri: a, base64: r } = await Tn({ domElement: Ee.value, base64: !0, img: !0, scale: l });
-      return {
-        imageUri: a,
-        base64: r,
-        title: t.value.chart.title.text,
-        width: s,
-        height: e,
-        aspectRatio: u
-      };
-    }
-    function Ga(l) {
-      if (ve.value.includes(l.id))
-        ve.value = ve.value.filter((s) => s !== l.id);
-      else {
-        if (ve.value.length + 1 === rt.value.length) return;
-        ve.value.push(l.id);
-      }
-      qt("selectLegend", ze.value.map((s) => ({
-        name: s.name,
-        values: s.absoluteValues,
-        color: s.color,
-        type: s.type
-      }))), xt.value += 1;
-    }
-    const Io = x(() => {
-      const l = t.value.chart.title.text || "Chart visualization", s = t.value.chart.title.subtitle.text || "";
-      return `${l}. ${s}`;
-    }), Ua = x(() => ({
-      linePlot: I.value > t.value.line.dot.hideAboveMaxSerieLength
-    })), No = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), Po = x(() => {
-      if (Array.isArray(t.value.chart.highlightArea))
-        return t.value.chart.highlightArea.map((s) => {
-          const e = Math.min(s.to, je.value - 1);
-          return {
-            ...s,
-            span: s.from === e ? 1 : e < s.from ? 0 : e - s.from + 1
-          };
-        });
-      const l = {
-        ...t.value.chart.highlightArea,
-        to: Math.min(t.value.chart.highlightArea.to, je.value - 1)
-      };
-      return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
-    }), qa = x(() => Qt.value ? ye.value.map((l, s) => ({
-      ...l,
-      series: yt(l.series),
-      id: `uniqueId_${s}`,
-      color: po(l.color ? l.color : Vt.value[s] ? Vt.value[s] : ko[s])
-    })) : ye.value), Fo = x(() => ze.value.map((l) => {
-      const s = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
-      return {
-        id: l.id,
-        name: l.name,
-        color: l.color,
-        values: La(I.value, s)
-      };
-    })), Ro = x(() => ({
-      responsiveBreakpoint: t.value.table.responsiveBreakpoint,
-      roundingValues: t.value.table.rounding,
-      showAverage: !1,
-      showMedian: !1,
-      showTotal: !1,
-      fontFamily: t.value.chart.fontFamily,
-      prefix: t.value.chart.labels.prefix,
-      suffix: t.value.chart.labels.suffix,
-      colNames: h.value.map((l, s) => t.value.table.useDefaultTimeFormat ? l.text : wl.value(s + k.value.start, t.value.table.timeFormat)),
-      thead: {
-        backgroundColor: t.value.table.th.backgroundColor,
-        color: t.value.table.th.color,
-        outline: t.value.table.th.outline
-      },
-      tbody: {
-        backgroundColor: t.value.table.td.backgroundColor,
-        color: t.value.table.td.color,
-        outline: t.value.table.td.outline
-      },
-      userOptions: {
-        show: !1
-      },
-      sparkline: {
-        animation: { show: !1 }
-      }
-    })), se = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / I.value / 2), vl = x(() => cn(Ge.value.filter((l) => !ve.value.includes(l.id)))), P = x(() => {
-      const l = Object.groupBy(vl.value, (e) => e.scaleLabel), s = {};
-      for (const [e, u] of Object.entries(l)) {
-        const a = u.flatMap((r) => r.absoluteValues);
-        s[e] = {
-          min: Math.min(...a) || 0,
-          max: Math.max(...a) || 1,
-          groupId: `scale_group_${ga()}`
-        };
-      }
-      return s;
-    }), Oo = x(() => {
-      const l = rt.value.filter((s) => s.type === "bar").filter((s) => !ve.value.includes(s.id)).length;
-      return c.value.width / I.value / l - ia.value * l;
-    }), ia = x(() => de.value.line * t.value.bar.periodGap), ua = x(() => Math.max(1e-5, Ht() - (p.value.useIndividualScale && p.value.isStacked ? 0 : ia.value))), sa = x(() => ua.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Vo = x(() => {
-      if (!t.value.chart.zoom.minimap.show) return [];
-      const l = qa.value.filter((a) => !ve.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
-      for (let a = 0; a < s; a += 1)
-        e.push(l.map((r) => r.series[a] || 0).reduce((r, o) => (r || 0) + (o || 0), 0));
-      const u = Math.min(...e);
-      return e.map((a) => a + (u < 0 ? Math.abs(u) : 0));
-    }), Bo = x(() => t.value.chart.zoom.minimap.show ? qa.value.map((s) => ({
-      ...s,
-      isVisible: !ve.value.includes(s.id)
-    })) : []), It = x(() => ze.value.map((l) => ({
-      slotAbsoluteIndex: l.slotAbsoluteIndex,
-      shape: l.shape || null,
-      name: l.name,
-      color: l.color,
-      type: l.type,
-      value: l.absoluteValues.find((s, e) => e === M.value),
-      comments: l.comments || [],
-      prefix: l.prefix || t.value.chart.labels.prefix,
-      suffix: l.suffix || t.value.chart.labels.suffix
-    }))), Za = x(() => Ye.value.ticks.map((l) => ({
-      y: l >= 0 ? Ie.value - c.value.height * rl(l) : Ie.value + c.value.height * rl(Math.abs(l)),
-      value: l,
-      prefix: t.value.chart.labels.prefix,
-      suffix: t.value.chart.labels.suffix
-    }))), Ka = x(() => {
-      const l = t.value.chart.annotations;
-      if (!l || !Array.isArray(l) || l.every((A) => !A.show)) return [];
-      const s = l.filter(
-        (A) => A.show && (A.yAxis.yTop != null || A.yAxis.yBottom != null)
-      );
-      if (!s.length) return [];
-      const { left: e, right: u } = c.value, a = Ie.value, r = c.value.height, o = Ye.value.min, R = Ye.value.max - o, O = (A) => {
-        const N = (A - 0) / R;
-        return a - N * r;
-      };
-      return s.map((A) => {
-        const { yAxis: { yTop: N, yBottom: j, label: z } } = A, U = N != null && j != null && N !== j, V = N == null ? null : O(N), he = j == null ? null : O(j), Y = ta(z.fontSize);
-        Y.font = `${z.fontSize}px sans-serif`;
-        const B = Y.measureText(z.text).width, re = z.fontSize, Oe = (z.position === "start" ? e + z.padding.left : u - z.padding.right) + z.offsetX, qe = (V != null && he != null ? Math.min(V, he) : V ?? he) - z.fontSize / 3 + z.offsetY - z.padding.top;
-        let J;
-        z.textAnchor === "middle" ? J = Oe - B / 2 - z.padding.left : z.textAnchor === "end" ? J = Oe - B - z.padding.right : J = Oe - z.padding.left;
-        const Q = qe - re * 0.75 - z.padding.top;
-        return {
-          show: ![V, he, Q].includes(NaN),
-          id: `annotation_y_${ga()}`,
-          hasArea: U,
-          areaHeight: U ? Math.abs(V - he) : 0,
-          yTop: V,
-          yBottom: he,
-          config: A.yAxis,
-          x1: e,
-          x2: u,
-          _text: { x: Oe, y: qe },
-          _box: {
-            x: J,
-            y: Q,
-            width: B + z.padding.left + z.padding.right,
-            height: re + z.padding.top + z.padding.bottom,
-            fill: z.backgroundColor,
-            stroke: z.border.stroke,
-            rx: z.border.rx,
-            ry: z.border.ry,
-            strokeWidth: z.border.strokeWidth
-          }
-        };
-      });
-    });
-    function Ja(l, s) {
-      const e = l[s - 1], u = l[s + 1];
-      let a = !!e && !!u && e.value == null && u.value == null || !e && !!u && u.value == null || !!e && !u && e.value == null;
-      return Ue(l[s].value) && a && t.value.line.cutNullValues;
-    }
-    const $t = x(() => {
-      const l = vl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = p.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
-      return l.filter((o) => o.type === "bar").map((o, F) => {
-        ct(o);
-        const R = P.value[o.scaleLabel].min, O = P.value[o.scaleLabel].max;
-        o.absoluteValues.filter((K) => ![null, void 0].includes(K)).map((K) => (K - R) / (O - R));
-        const A = {
-          valueMin: R,
-          valueMax: O < 0 ? 0 : O
-        }, N = {
-          max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
-          min: o.scaleMin || Math.min(...o.absoluteValues.filter((K) => ![void 0, null].includes(K))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((K) => ![null, void 0].includes(K)))
-        }, j = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, z = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(N.min, N.max === N.min ? N.max * z : N.max, j) : fl(N.min, N.max === N.min ? N.max * z : N.max, j), V = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j) : fl(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + he, re = V.max + Math.abs(Y), Oe = o.stackIndex, Sl = s - 1 - Oe, qe = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * qe + e * Sl : 0, Q = u ? r * o.stackRatio : c.value.height, ke = c.value.bottom - J - Q * he / B, Ze = c.value.bottom - J - Q * Y / re, Pe = Ge.value.filter((K) => K.type === "bar").filter((K) => !ve.value.includes(K.id)).length, Gl = o.series.map((K, Se) => {
-          const Wt = p.value.useIndividualScale ? (o.absoluteValues[Se] + he) / B : rl(K), dl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / I.value * Se : c.value.left + de.value.bar * F + de.value.bar * Se * Pe - Oo.value / 2 - F * ia.value;
-          return {
-            yOffset: q(J),
-            individualHeight: q(Q),
-            x: q(dl),
-            y: c.value.bottom - J - Q * Wt,
-            value: o.absoluteValues[Se],
-            zeroPosition: q(ke),
-            individualMax: q(B),
-            comment: o.comments && o.comments.slice(k.value.start, k.value.end)[Se] || ""
-          };
-        }), Ve = o.absoluteValues.map((K) => V.min >= 0 ? (K - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (K + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Dt = o.series.map((K, Se) => {
-          const Wt = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / I.value * Se : c.value.left - de.value.bar / 2 + de.value.bar * F + de.value.bar * Se * Ge.value.filter((dl) => dl.type === "bar").filter((dl) => !ve.value.includes(dl.id)).length;
-          return {
-            yOffset: q(J),
-            individualHeight: q(Q),
-            x: q(Wt),
-            y: q(c.value.bottom - q(J) - (q(Q) * Ve[Se] || 0)),
-            value: o.absoluteValues[Se],
-            zeroPosition: q(ke),
-            individualMax: q(B),
-            comment: o.comments && o.comments.slice(k.value.start, k.value.end)[Se] || ""
-          };
-        }), ie = U.ticks.map((K) => ({
-          y: K >= 0 ? ke - Q * (K / B) : ke + Q * Math.abs(K) / B,
-          value: K,
-          prefix: o.prefix || t.value.chart.labels.prefix,
-          suffix: o.suffix || t.value.chart.labels.suffix,
-          datapoint: o
-        })), we = V.ticks.map((K) => {
-          const Se = (K - V.min) / (V.max - V.min);
-          return {
-            y: K >= 0 ? Ze - Q * Se : Ze + Q * Se,
-            value: K,
-            prefix: o.prefix || t.value.chart.labels.prefix,
-            suffix: o.suffix || t.value.chart.labels.suffix,
-            datapoint: o
-          };
-        });
-        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? we : ie, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ze : ke, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = we, P.value[o.scaleLabel].unique = vl.value.filter((K) => K.scaleLabel === o.scaleLabel).length === 1, {
-          ...o,
-          yOffset: J,
-          autoScaleYLabels: we,
-          individualHeight: Q,
-          scaleYLabels: o.autoScaling ? we : ie,
-          individualScale: o.autoScaling ? V : U,
-          individualMax: o.autoScaling ? re : B,
-          zeroPosition: o.autoScaling ? Ze : ke,
-          plots: o.autoScaling ? Dt : Gl,
-          groupId: P.value[o.scaleLabel].groupId
-        };
-      });
-    }), Ne = x(() => {
-      const l = vl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = p.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
-      return l.filter((o) => o.type === "line").map((o, F) => {
-        ct(o);
-        const R = P.value[o.scaleLabel].min, O = P.value[o.scaleLabel].max;
-        o.absoluteValues.filter((G) => ![null, void 0].includes(G)).map((G) => (G - R) / (O - R));
-        const A = {
-          valueMin: R,
-          valueMax: O
-        }, N = {
-          max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
-          min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, j = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, z = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(N.min, N.max === N.min ? N.max * z : N.max, j) : fl(N.min, N.max === N.min ? N.max * z : N.max, j), V = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j) : fl(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, j), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + Math.abs(he), re = V.max + Math.abs(Y), Oe = o.stackIndex, Sl = s - 1 - Oe, qe = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * qe + e * Sl : 0, Q = u ? r * o.stackRatio : c.value.height, ke = c.value.bottom - J - Q * he / B, Ze = c.value.bottom - J - Q * Y / re, Pe = o.series.map((G, Ce) => {
-          const Jo = p.value.useIndividualScale ? (o.absoluteValues[Ce] + Math.abs(he)) / B : rl(G);
-          return {
-            x: q(c.value.left + de.value.line / 2 + de.value.line * Ce),
-            y: q(c.value.bottom - J - Q * Jo),
-            value: o.absoluteValues[Ce],
-            comment: o.comments && o.comments.slice(k.value.start, k.value.end)[Ce] || ""
-          };
-        }), Gl = o.absoluteValues.map((G) => V.min >= 0 ? (G - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (G + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ve = o.series.map((G, Ce) => [void 0, null].includes(o.absoluteValues[Ce]) ? {
-          x: q(c.value.left + de.value.line / 2 + de.value.line * Ce),
-          y: ke,
-          value: o.absoluteValues[Ce],
-          comment: o.comments && o.comments.slice(k.value.start, k.value.end)[Ce] || ""
-        } : {
-          x: q(c.value.left + de.value.line / 2 + de.value.line * Ce),
-          y: q(c.value.bottom - J - (Q * Gl[Ce] || 0)),
-          value: o.absoluteValues[Ce],
-          comment: o.comments && o.comments.slice(k.value.start, k.value.end)[Ce] || ""
-        }), Dt = t.value.line.cutNullValues ? ya(Pe) : pa(Pe.filter((G) => G.value !== null)), ie = t.value.line.cutNullValues ? ya(Ve) : pa(Ve.filter((G) => G.value !== null)), we = t.value.line.cutNullValues ? ka(Pe) : wa(Pe.filter((G) => G.value !== null)), K = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), Se = U.ticks.map((G) => ({
-          y: G >= 0 ? ke - Q * (G / B) : ke + Q * Math.abs(G) / B,
-          value: G,
-          prefix: o.prefix || t.value.chart.labels.prefix,
-          suffix: o.suffix || t.value.chart.labels.suffix,
-          datapoint: o
-        })), Wt = V.ticks.map((G) => {
-          const Ce = (G - V.min) / (V.max - V.min);
-          return {
-            y: G >= 0 ? Ze - Q * Ce : Ze + Q * Ce,
-            value: G,
-            prefix: o.prefix || t.value.chart.labels.prefix,
-            suffix: o.suffix || t.value.chart.labels.suffix,
-            datapoint: o
-          };
-        });
-        P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Wt : Se, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ze : ke, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = Wt, P.value[o.scaleLabel].unique = vl.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1;
-        const dl = p.value.useIndividualScale ? o.autoScaling ? Ze : ke : Ie.value, Ul = Math.max(Math.max(o.autoScaling ? Ze : Se.at(-1) ? Se.at(-1).y : 0, c.value.top), dl);
-        return {
-          ...o,
-          yOffset: J,
-          autoScaleYLabels: Wt,
-          individualHeight: Q,
-          scaleYLabels: o.autoScaling ? Wt : Se,
-          individualScale: o.autoScaling ? V : U,
-          individualMax: o.autoScaling ? re : B,
-          zeroPosition: o.autoScaling ? Ze : ke,
-          curve: o.autoScaling ? ie : Dt,
-          plots: o.autoScaling ? Ve : Pe,
-          area: o.useArea ? p.value.useIndividualScale ? t.value.line.cutNullValues ? wo(
-            o.autoScaling ? Ve : Pe,
-            Ul
-          ) : So(
-            o.autoScaling ? Ve.filter((G) => G.value !== null) : Pe.filter((G) => G.value !== null),
-            Ul
-          ) : t.value.line.cutNullValues ? wo(Pe, Ul) : So(Pe.filter((G) => G.value !== null), Ul) : "",
-          curveAreas: o.useArea ? vn(
-            o.autoScaling ? t.value.line.cutNullValues ? Ve : Ve.filter((G) => G.value !== null) : t.value.line.cutNullValues ? Pe : Pe.filter((G) => G.value !== null),
-            Ul,
-            t.value.line.cutNullValues
-          ) : [],
-          straight: o.autoScaling ? K : we,
-          groupId: P.value[o.scaleLabel].groupId
-        };
-      });
-    }), tt = x(() => {
-      const l = vl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = p.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
-      return l.filter((o) => o.type === "plot").map((o) => {
-        ct(o);
-        const F = P.value[o.scaleLabel].min, R = P.value[o.scaleLabel].max;
-        o.absoluteValues.filter((ie) => ![null, void 0].includes(ie)).map((ie) => (ie - F) / (R - F));
-        const O = {
-          valueMin: F,
-          valueMax: R
-        }, A = {
-          max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
-          min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, N = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, j = 1.0000001, z = fl(A.min, A.max === A.min ? A.max * j : A.max, N), U = fl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * j : O.valueMax, N), V = z.min >= 0 ? 0 : Math.abs(z.min), he = 0, Y = z.max + V, B = U.max + Math.abs(he), re = o.stackIndex, Oe = s - 1 - re, Sl = u ? 1 - o.cumulatedStackRatio : 0, qe = u ? r * Sl + e * Oe : 0, J = u ? r * o.stackRatio : c.value.height, Q = c.value.bottom - qe - J * V / Y, ke = c.value.bottom - qe - J * he / B, Ze = o.series.map((ie, we) => {
-          const K = p.value.useIndividualScale ? (o.absoluteValues[we] + Math.abs(V)) / Y : rl(ie);
-          return {
-            x: q(c.value.left + de.value.plot / 2 + de.value.plot * we),
-            y: q(c.value.bottom - qe - J * K),
-            value: o.absoluteValues[we],
-            comment: o.comments && o.comments.slice(k.value.start, k.value.end)[we] || ""
-          };
-        }), Pe = o.absoluteValues.map((ie) => U.min >= 0 ? (ie - Math.abs(U.min)) / (U.max - Math.abs(U.min)) : (ie + Math.abs(U.min)) / (U.max + Math.abs(U.min))), Gl = o.series.map((ie, we) => ({
-          x: q(c.value.left + de.value.plot / 2 + de.value.plot * we),
-          y: q(c.value.bottom - qe - (J * Pe[we] || 0)),
-          value: o.absoluteValues[we],
-          comment: o.comments && o.comments.slice(k.value.start, k.value.end)[we] || ""
-        })), Ve = z.ticks.map((ie) => ({
-          y: ie >= 0 ? Q - J * (ie / Y) : Q + J * Math.abs(ie) / Y,
-          value: ie,
-          prefix: o.prefix || t.value.chart.labels.prefix,
-          suffix: o.suffix || t.value.chart.labels.suffix,
-          datapoint: o
-        })), Dt = U.ticks.map((ie) => {
-          const we = (ie - U.min) / (U.max - U.min);
-          return {
-            y: ie >= 0 ? ke - J * we : ke + J * we,
-            value: ie,
-            prefix: o.prefix || t.value.chart.labels.prefix,
-            suffix: o.suffix || t.value.chart.labels.suffix,
-            datapoint: o
-          };
-        });
-        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Dt : Ve, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? ke : Q, P.value[o.scaleLabel].individualMax = o.autoScaling ? B : Y, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = qe, P.value[o.scaleLabel].individualHeight = J, P.value[o.scaleLabel].autoScaleYLabels = Dt, P.value[o.scaleLabel].unique = vl.value.filter((ie) => ie.scaleLabel === o.scaleLabel).length === 1, {
-          ...o,
-          yOffset: qe,
-          autoScaleYLabels: Dt,
-          individualHeight: J,
-          scaleYLabels: o.autoScaling ? Dt : Ve,
-          individualScale: o.autoScaling ? U : z,
-          individualMax: o.autoScaling ? B : Y,
-          zeroPosition: o.autoScaling ? ke : Q,
-          plots: o.autoScaling ? Gl : Ze,
-          groupId: P.value[o.scaleLabel].groupId
-        };
-      });
-    }), Xl = x(() => {
-      const l = Ne.value.map((r) => ({
-        name: r.name,
-        color: r.color,
-        scale: r.individualScale,
-        scaleYLabels: r.scaleYLabels,
-        zero: r.zeroPosition,
-        max: r.individualMax,
-        scaleLabel: r.scaleLabel || "",
-        id: r.id,
-        yOffset: r.yOffset || 0,
-        individualHeight: r.individualHeight || c.value.height,
-        autoScaleYLabels: r.autoScaleYLabels
-      })), s = $t.value.map((r) => ({
-        name: r.name,
-        color: r.color,
-        scale: r.individualScale,
-        scaleYLabels: r.scaleYLabels,
-        zero: r.zeroPosition,
-        max: r.individualMax,
-        scaleLabel: r.scaleLabel || "",
-        id: r.id,
-        yOffset: r.yOffset || 0,
-        individualHeight: r.individualHeight || c.value.height
-      })), e = tt.value.map((r) => ({
-        name: r.name,
-        color: r.color,
-        scale: r.individualScale,
-        scaleYLabels: r.scaleYLabels,
-        // FIX
-        zero: r.zeroPosition,
-        max: r.individualMax,
-        scaleLabel: r.scaleLabel || "",
-        id: r.id,
-        yOffset: r.yOffset || 0,
-        individualHeight: r.individualHeight || c.value.height
-      })), u = p.value.useIndividualScale && !p.value.isStacked ? Object.values(P.value) : [...l, ...s, ...e], a = u.flatMap((r) => r).length;
-      return u.flatMap((r, o) => {
-        let F = 0;
-        F = p.value.isStacked ? c.value.left : c.value.left / a * (o + 1);
-        const R = p.value.useIndividualScale && !p.value.isStacked ? r.unique ? r.name : r.groupName : r.name;
-        return {
-          unique: r.unique,
-          id: r.id,
-          groupId: r.groupId,
-          scaleLabel: r.scaleLabel,
-          name: Ae(
-            t.value.chart.grid.labels.yAxis.serieNameFormatter,
-            R,
-            R,
-            r
-          ),
-          color: p.value.useIndividualScale && !p.value.isStacked ? r.unique ? r.color : r.groupColor : r.color,
-          scale: r.scale,
-          yOffset: r.yOffset,
-          individualHeight: r.individualHeight,
-          x: F,
-          yLabels: r.scaleYLabels || r.scale.ticks.map((O) => ({
-            y: O >= 0 ? r.zero - r.individualHeight * (O / r.max) : r.zero + r.individualHeight * Math.abs(O) / r.max,
-            value: O
-          }))
-        };
-      });
-    }), Qa = x(() => {
-      const l = t.value.line.interLine || {}, s = l.pairs || [], e = l.colors || [];
-      if (!s.length) return [];
-      const u = [];
-      return s.forEach((a, r) => {
-        const [o, F] = Array.isArray(a) ? a : [a.a, a.b];
-        if (!o || !F) return;
-        const R = Ne.value.find((z) => z.name === o), O = Ne.value.find((z) => z.name === F);
-        if (!R || !O || R.type !== "line" || O.type !== "line") return;
-        const A = e?.[r]?.[0] ?? R.color, N = e?.[r]?.[1] ?? O.color;
-        dn({
-          lineA: R.plots,
-          lineB: O.plots,
-          smoothA: !!R.smooth,
-          smoothB: !!O.smooth,
-          colorLineA: A,
-          colorLineB: N,
-          sampleStepPx: 2,
-          cutNullValues: t.value.line.cutNullValues
-        }).forEach((z, U) => {
-          u.push({ ...z, key: `inter_${o}_${F}_${r}_${U}` });
-        });
-      }), u;
-    }), ja = x(() => ({
-      datapoint: It.value,
-      seriesIndex: M.value,
-      series: Ge.value,
-      bars: $t.value,
-      lines: Ne.value,
-      plots: tt.value,
-      config: t.value
-    })), wl = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, s = Mn({
-        useUTC: l.useUTC,
-        locale: _n[l.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
-        januaryAsYear: l.januaryAsYear
-      });
-      return (e, u) => {
-        const r = t.value.chart.grid.labels.xAxisLabels.values?.[e];
-        return r == null ? "" : s.formatDate(new Date(r), u);
-      };
-    }), Ta = x(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((s, e) => ({
-      text: wl.value(e, t.value.chart.zoom.timeFormat),
-      absoluteIndex: e
-    }))), ra = y(!1);
-    x(() => {
-      let l = "", s = "";
-      if (t.value.chart.zoom.preview.enable)
-        return { left: l, right: s };
-      ra.value = !1;
-      const e = t.value.chart.zoom.customFormat;
-      if (xa(e))
-        try {
-          const u = e({
-            absoluteIndex: k.value.start,
-            seriesIndex: k.value.start,
-            datapoint: It.value
-          }), a = e({
-            absoluteIndex: k.value.end - 1,
-            seriesIndex: k.value.end - 1,
-            datapoint: It.value
-          });
-          typeof u == "string" && typeof a == "string" && (l = u, s = a, ra.value = !0);
-        } catch {
-          console.warn("Custom format cannot be applied on zoom labels."), ra.value = !1;
-        }
-      if (!ra.value) {
-        l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Ta.value[k.value.start]?.text || "" : h.value[0]?.text || "";
-        const u = Math.max(k.value.start, k.value.end - 1);
-        s = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Ta.value[u]?.text || "" : h.value.at(-1)?.text || "";
-      }
-      return { left: l, right: s };
-    });
-    const Eo = x(() => {
-      let l = "", s = It.value.map((a) => a.value).filter((a) => da(a) && a !== null).reduce((a, r) => Math.abs(a) + Math.abs(r), 0);
-      const e = h.value[M.value], u = t.value.chart.tooltip.customFormat;
-      if (xa(u) && hn(() => u({
-        absoluteIndex: M.value + k.value.start,
-        seriesIndex: M.value,
-        datapoint: It.value,
-        series: Ge.value,
-        bars: $t.value,
-        lines: Ne.value,
-        plots: tt.value,
-        config: t.value
-      })))
-        return u({
-          absoluteIndex: M.value + k.value.start,
-          seriesIndex: M.value,
-          datapoint: It.value,
-          series: Ge.value,
-          bars: $t.value,
-          lines: Ne.value,
-          plots: tt.value,
-          config: t.value
-        });
-      if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = wl.value(M.value + k.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 It.value.forEach((a) => {
-        if (da(a.value)) {
-          let r = "", o = "";
-          switch (jt.value[a.type]) {
-            case "bar":
-              r = `<svg viewBox="0 0 40 40" height="14" width="14">${xl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${xl.pattern ? `url(#pattern_${Z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
-              break;
-            case "line":
-              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${Mt({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${Mt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${Mt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${Mt({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${Mt({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${$o({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), r = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
-              break;
-            case "plot":
-              if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
-                r = `<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;
-              }
-              if (a.shape === "star") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${$o({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
-                break;
-              }
-              if (a.shape === "triangle") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Mt({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "square") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Mt({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "diamond") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Mt({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "pentagon") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Mt({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-              if (a.shape === "hexagon") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${Mt({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
-                break;
-              }
-          }
-          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${r}</div> ${a.name}: <b>${t.value.chart.tooltip.showValue ? Ae(
-            a.type === "line" ? t.value.line.labels.formatter : a.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
-            a.value,
-            _t({
-              p: a.prefix,
-              v: a.value,
-              s: a.suffix,
-              r: t.value.chart.tooltip.roundingValue
-            }),
-            { datapoint: a }
-          ) : ""}</b> ${t.value.chart.tooltip.showPercentage ? `(${_t({
-            v: q(Math.abs(a.value) / s * 100),
-            s: "%",
-            r: t.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(k.value.start, k.value.end)[M.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(k.value.start, k.value.end)[M.value]}</div>`);
-        }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${t.value.chart.tooltip.color}">${l}</div>`;
-    }), eo = x(() => {
-      if (rt.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const l = ze.value.map((e) => ({
-        label: e.name,
-        color: e.color,
-        type: e.type
-      })), s = [];
-      return h.value.forEach((e, u) => {
-        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [wl.value(u + k.value.start, t.value.table.timeFormat)];
-        ze.value.forEach((r) => {
-          a.push(Ue(r.absoluteValues[u]) ? Number(r.absoluteValues[u].toFixed(t.value.table.rounding)) : "");
-        }), s.push(a);
-      }), { head: l, body: s };
-    }), ca = x(() => {
-      const l = t.value.table.showSum;
-      let s = [""].concat(ze.value.map((r) => r.name));
-      l && (s = s.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 r = 0; r < I.value; r += 1) {
-        const o = ze.value.map((F) => F.absoluteValues[r] ?? 0).reduce((F, R) => F + R, 0);
-        e.push(
-          [
-            t.value.table.useDefaultTimeFormat ? h.value[r].text ?? "-" : wl.value(r + k.value.start, t.value.table.timeFormat)
-          ].concat(ze.value.map(
-            (F) => Ae(
-              F.type === "line" ? t.value.line.labels.formatter : F.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
-              F.absoluteValues[r] ?? 0,
-              _t({
-                p: F.prefix || t.value.chart.labels.prefix,
-                v: F.absoluteValues[r] ?? 0,
-                s: F.suffix || t.value.chart.labels.suffix,
-                r: t.value.table.rounding
-              })
-            )
-          )).concat(l ? (o ?? 0).toFixed(t.value.table.rounding) : [])
-        );
-      }
-      const u = {
-        th: {
-          backgroundColor: t.value.table.th.backgroundColor,
-          color: t.value.table.th.color,
-          outline: t.value.table.th.outline
-        },
-        td: {
-          backgroundColor: t.value.table.td.backgroundColor,
-          color: t.value.table.td.color,
-          outline: t.value.table.td.outline
-        },
-        breakpoint: t.value.table.responsiveBreakpoint
-      }, a = [t.value.table.columnNames.period].concat(ze.value.map((r) => r.name)).concat(t.value.table.columnNames.total);
-      return { head: s, body: e, config: u, colNames: a };
-    });
-    function za(l = null) {
-      const s = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...eo.value.head.map((o) => o.label)], u = eo.value.body, a = s.concat([e]).concat(u), r = xn(a);
-      l ? l(r) : bn({ csvContent: r, title: t.value.chart.title.text || "vue-ui-xy" });
-    }
-    function to(l, s = null) {
-      bl.value = l;
-      const e = ze.value.map((u) => ({
-        name: u.name,
-        value: [null, void 0, NaN].includes(u.absoluteValues[s]) ? null : u.absoluteValues[s],
-        color: u.color,
-        type: u.type
-      }));
-      l ? (M.value = s, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: s + k.value.start })) : (M.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: s + k.value.start }));
-    }
-    function lo() {
-      p.value.showTable = !p.value.showTable;
-    }
-    function ao() {
-      p.value.dataLabels.show = !p.value.dataLabels.show;
-    }
-    function oo() {
-      p.value.showTooltip = !p.value.showTooltip;
-    }
-    function no(l) {
-      Re.value = l, zl.value += 1;
-    }
-    function io() {
-      if (!t.value.responsiveProportionalSizing) {
-        T.value.dataLabels = t.value.chart.grid.labels.fontSize, T.value.yAxis = t.value.chart.grid.labels.axis.fontSize, T.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, T.value.plotLabels = t.value.chart.labels.fontSize, We.value.plot = t.value.plot.radius, We.value.line = t.value.line.radius;
-        return;
-      }
-      T.value.dataLabels = $l({
-        relator: W.value,
-        adjuster: 400,
-        source: t.value.chart.grid.labels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), T.value.yAxis = $l({
-        relator: ae.value,
-        adjuster: 1e3,
-        source: t.value.chart.grid.labels.axis.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), T.value.xAxis = $l({
-        relator: ae.value,
-        adjuster: 1e3,
-        source: t.value.chart.grid.labels.xAxisLabels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), T.value.plotLabels = $l({
-        relator: ae.value,
-        adjuster: 800,
-        source: t.value.chart.labels.fontSize,
-        threshold: 10,
-        fallback: 10
-      }), We.value.plot = $l({
-        relator: ae.value,
-        adjuster: 800,
-        source: t.value.plot.radius,
-        threshold: 1,
-        fallback: 1
-      }), We.value.line = $l({
-        relator: ae.value,
-        adjuster: 800,
-        source: t.value.line.radius,
-        threshold: 1,
-        fallback: 1
-      });
-    }
-    function Ia() {
-      Mo(v.dataset) ? (Pa({
-        componentName: "VueUiXy",
-        type: "dataset",
-        debug: Tt.value
-      }), pl.value = !0) : v.dataset.forEach((s, e) => {
-        [null, void 0].includes(s.name) && (Pa({
-          componentName: "VueUiXy",
-          type: "datasetSerieAttribute",
-          property: "name (string)",
-          index: e,
-          debug: Tt.value
-        }), pl.value = !0);
-      }), Tt.value && v.dataset.forEach((s) => {
-        s.series.forEach((e, u) => {
-          da(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${s.name}' contains the value '${e}' at index ${u}.
-'${e}' was converted to null to allow the chart to display.`);
-        });
-      }), Mo(v.dataset) || (pl.value = t.value.loading), jl.value = t.value.chart.userOptions.showOnChartHover, Pl.value = t.value.chart.userOptions.keepStateOnChartLeave, yl.value = !t.value.chart.userOptions.showOnChartHover, ll();
-      const l = 12;
-      if (t.value.responsive) {
-        const e = Ee.value.parentNode;
-        gt.value && (gt.value.unobserve(ue.value), gt.value.disconnect());
-        const { height: u, width: a } = e.getBoundingClientRect();
-        let r = null, o = 0;
-        t.value.chart.title.show && Te.value && (r = Te.value, o = r.getBoundingClientRect().height);
-        let F = null, R = 0;
-        t.value.chart.zoom.show && je.value > 6 && At.value && Je.value && Je.value.$el && (F = Je.value.$el, R = F.getBoundingClientRect().height);
-        let O = null, A = 0;
-        t.value.chart.legend.show && Le.value && (O = Le.value, A = O.getBoundingClientRect().height);
-        let N = 0;
-        mt.value && (N = mt.value.getBoundingClientRect().height);
-        let j = 0;
-        Ct.value && (j = Ct.value.getBoundingClientRect().height), W.value = u - o - A - R - N - j - l, ae.value = a, ot.value = `0 0 ${ae.value < 0 ? 10 : ae.value} ${W.value < 0 ? 10 : W.value}`, io();
-        const z = new ResizeObserver((U) => {
-          for (const V of U)
-            t.value.chart.title.show && Te.value ? o = Te.value.getBoundingClientRect().height : o = 0, Je.value && Je.value.$el ? R = Je.value.$el.getBoundingClientRect().height : R = 0, Le.value ? A = Le.value.getBoundingClientRect().height : A = 0, mt.value ? N = mt.value.getBoundingClientRect().height : N = 0, Ct.value ? j = Ct.value.getBoundingClientRect().height : j = 0, requestAnimationFrame(() => {
-              W.value = V.contentRect.height - o - A - R - N - j - l, ae.value = V.contentBoxSize[0].inlineSize, ot.value = `0 0 ${ae.value < 0 ? 10 : ae.value} ${W.value < 0 ? 10 : W.value}`, io();
-            });
-        });
-        gt.value = z, ue.value = e, z.observe(e);
-      } else
-        W.value = t.value.chart.height, ae.value = t.value.chart.width, T.value.dataLabels = t.value.chart.grid.labels.fontSize, T.value.yAxis = t.value.chart.grid.labels.axis.fontSize, T.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, T.value.plotLabels = t.value.chart.labels.fontSize, We.value.plot = t.value.plot.radius, We.value.line = t.value.line.radius, ot.value = `0 0 ${ae.value} ${W.value}`;
-    }
-    function uo(l) {
-      Ql.value = {
-        x: l.clientX,
-        y: l.clientY
-      };
-    }
-    Zl(() => {
-      Ia(), St(), document.addEventListener("mousemove", uo, { passive: !0 }), document.addEventListener("scroll", Et, { passive: !0 });
-    }), _l(() => {
-      document.removeEventListener("scroll", Et, { passive: !0 }), document.removeEventListener("mousemove", uo, { passive: !0 }), gt.value && (gt.value.unobserve(ue.value), gt.value.disconnect(), gt.value = null);
-    }), An({
-      timeLabelsEls: _e,
-      timeLabels: h,
-      slicer: k,
-      configRef: t,
-      rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
-      autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
-      isAutoSize: ea,
-      height: W,
-      width: ae,
-      rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
-    });
-    const va = y(!1), so = y(null), ro = y(200), Ho = x(
-      () => M.value ?? X.value ?? 0
-    );
-    function Do() {
-      const l = Math.ceil(ro.value || 200);
-      return Math.min(Math.max(l, 1), 200);
-    }
-    function Wo() {
-      const l = Do(), s = 200, e = Math.max(1, I.value), u = c.value.width / e, r = c.value.left + Ho.value * u + u / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
-      return q(R);
-    }
-    Zl(() => {
-      let l = null, s = null;
-      const e = (r) => {
-        cancelAnimationFrame(s), s = requestAnimationFrame(() => {
-          ro.value = Math.min(Math.max(Math.ceil(r || 0), 1), 200);
-        });
-      }, u = new ResizeObserver((r) => {
-        let o = r.find((F) => F.target === l) || r[0];
-        o && e(o.contentRect.width || 200);
-      }), a = ln((r) => {
-        const o = so.value;
-        l && l !== o && (u.unobserve(l), l = null), o && o !== l && (Ml(() => {
-          o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
-        }), u.observe(o), l = o), r(() => {
-          l && (u.unobserve(l), l = null);
-        });
-      });
-      _l(() => {
-        try {
-          l && u.unobserve(l), u.disconnect(), a();
-        } catch {
-        }
-      });
-    });
-    const Xo = x(() => {
-      if ([null, void 0].includes(M.value) && [null, void 0].includes(X.value)) return "";
-      const l = (M.value != null ? M.value : 0) || (X.value != null ? X.value : 0), s = t.value.chart.timeTag.customFormat;
-      if (va.value = !1, xa(s))
-        try {
-          const e = s({
-            absoluteIndex: l + k.value.start,
-            seriesIndex: l,
-            datapoint: It.value,
-            bars: $t.value,
-            lines: Ne.value,
-            plots: tt.value,
-            config: t.value
-          });
-          if (typeof e == "string")
-            return va.value = !0, e;
-        } catch {
-          console.warn("Custom format cannot be applied on timeTag."), va.value = !1;
-        }
-      if (!va.value)
-        return [null, void 0].includes(h.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? wl.value(l + k.value.start, t.value.chart.timeTag.timeFormat) : h.value[l].text;
-    });
-    ft(() => v.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (pl.value = !1), je.value = Math.max(...ye.value.map((s) => yt(s.series).length)), k.value = {
-        start: 0,
-        end: je.value
-      }, Jl.value += 1, xt.value += 1, Ot();
-    }, { deep: !0 }), ft(() => v.config, (l) => {
-      be.value || (t.value = Rl()), Ia(), Nl.value += 1, Il.value += 1, ll(), Ot();
-    }, { deep: !0 });
-    const Na = y(!1);
-    function co() {
-      const l = Ee.value?.parentNode;
-      if (!l) {
-        Na.value = !1;
-        return;
-      }
-      const s = l.getBoundingClientRect();
-      Na.value = s.width > 2 && s.height > 2;
-    }
-    Zl(() => {
-      co();
-      const l = new ResizeObserver(() => {
-        co(), Na.value && (Ia(), Ot(), St());
-      });
-      Ee.value?.parentNode && l.observe(Ee.value.parentNode);
-    }), ft(t, () => {
-      ll();
-    }, { immediate: !0 });
-    const Yl = x(() => {
-      const l = t.value.table.useDialog && !t.value.showTable, s = p.value.showTable;
-      return {
-        component: l ? Kl : Pn,
-        title: `${t.value.chart.title.text}${t.value.chart.title.subtitle.text ? `: ${t.value.chart.title.subtitle.text}` : ""}`,
-        props: l ? {
-          backgroundColor: t.value.table.th.backgroundColor,
-          color: t.value.table.th.color,
-          headerColor: t.value.table.th.color,
-          headerBg: t.value.table.th.backgroundColor,
-          isFullscreen: Re.value,
-          fullscreenParent: Ee.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: s,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: t.value.chart.backgroundColor,
-              color: t.value.chart.color
-            },
-            head: {
-              backgroundColor: t.value.chart.backgroundColor,
-              color: t.value.chart.color
-            }
-          }
-        }
-      };
-    });
-    ft(() => p.value.showTable, (l) => {
-      t.value.showTable || (l && t.value.table.useDialog && Qe.value ? Qe.value.open() : Qe.value && Qe.value.close && Qe.value.close());
-    });
-    function vo() {
-      p.value.showTable = !1, Tl.value && Tl.value.setTableIconState(!1);
-    }
-    const Yo = x(() => Ge.value.map((l) => ({
-      shape: l.type === "bar" ? "square" : l.shape ?? "circle",
-      color: l.color,
-      name: l.name
-    }))), Go = x(() => t.value.chart.backgroundColor), Uo = x(() => t.value.chart.legend), qo = x(() => t.value.chart.title), { exportSvg: Zo, getSvg: Ko } = Ln({
-      svg: $e,
-      title: qo,
-      legend: Uo,
-      legendItems: Yo,
-      backgroundColor: Go
-    });
-    async function ho({ isCb: l }) {
-      if (l) {
-        const { blob: s, url: e, text: u, dataUrl: a } = await Ko();
-        t.value.chart.userOptions.callbacks.svg({ blob: s, url: e, text: u, dataUrl: a });
-      } else
-        Zo();
-    }
-    return Sa({
-      getData: To,
-      getImage: zo,
-      generatePdf: ut,
-      generateImage: st,
-      generateSvg: ho,
-      generateCsv: za,
-      toggleStack: ul,
-      toggleTable: lo,
-      toggleLabels: ao,
-      toggleTooltip: oo,
-      toggleAnnotator: d,
-      toggleFullscreen: no
-    }), (l, s) => (n(), i("div", {
-      id: `vue-ui-xy_${Z.value}`,
-      class: Ke(`vue-data-ui-component vue-ui-xy ${Re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      ref_key: "chart",
-      ref: Ee,
-      style: L(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[6] || (s[6] = () => la(!0)),
-      onMouseleave: s[7] || (s[7] = () => la(!1)),
-      onClick: Xa
-    }, [
-      t.value.chart.userOptions.buttons.annotator && $e.value ? (n(), vt(m(Nt), {
-        key: 0,
-        svgRef: $e.value,
-        backgroundColor: t.value.chart.backgroundColor,
-        color: t.value.chart.color,
-        active: He.value,
-        onClose: d
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      No.value ? (n(), i("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: Ct,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%; background:transparent"
-      }, null, 512)) : g("", !0),
-      t.value.chart.title.show ? (n(), i("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: Te,
-        class: "vue-ui-xy-title",
-        style: L(`font-family:${t.value.chart.fontFamily}`)
-      }, [
-        (n(), vt(zn, {
-          key: `title_${Nl.value}`,
-          config: {
-            title: {
-              cy: "xy-div-title",
-              ...t.value.chart.title
-            },
-            subtitle: {
-              cy: "xy-div-subtitle",
-              ...t.value.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 4)) : g("", !0),
-      S("div", {
-        id: `legend-top-${Z.value}`
-      }, null, 8, Mi),
-      t.value.chart.userOptions.show && (Pl.value || yl.value) ? (n(), vt(m(fe), {
-        ref_key: "userOptionsRef",
-        ref: Tl,
-        key: `user_options_${zl.value}`,
-        backgroundColor: t.value.chart.backgroundColor,
-        color: t.value.chart.color,
-        isPrinting: m(et),
-        isImaging: m(it),
-        uid: Z.value,
-        hasTooltip: t.value.chart.userOptions.buttons.tooltip && t.value.chart.tooltip.show,
-        hasPdf: t.value.chart.userOptions.buttons.pdf,
-        hasXls: t.value.chart.userOptions.buttons.csv,
-        hasImg: t.value.chart.userOptions.buttons.img,
-        hasSvg: t.value.chart.userOptions.buttons.svg,
-        hasLabel: t.value.chart.userOptions.buttons.labels,
-        hasTable: t.value.chart.userOptions.buttons.table,
-        hasStack: w.dataset.length > 1 && t.value.chart.userOptions.buttons.stack,
-        hasFullscreen: t.value.chart.userOptions.buttons.fullscreen,
-        isStacked: p.value.isStacked,
-        isFullscreen: Re.value,
-        chartElement: l.$refs.chart,
-        position: t.value.chart.userOptions.position,
-        isTooltip: p.value.showTooltip,
-        titles: { ...t.value.chart.userOptions.buttonTitles },
-        hasAnnotator: t.value.chart.userOptions.buttons.annotator,
-        isAnnotation: He.value,
-        callbacks: t.value.chart.userOptions.callbacks,
-        tableDialog: t.value.table.useDialog,
-        printScale: t.value.chart.userOptions.print.scale,
-        onToggleFullscreen: no,
-        onGeneratePdf: m(ut),
-        onGenerateCsv: za,
-        onGenerateImage: m(st),
-        onGenerateSvg: ho,
-        onToggleTable: lo,
-        onToggleLabels: ao,
-        onToggleStack: ul,
-        onToggleTooltip: oo,
-        onToggleAnnotator: d,
-        style: L({
-          visibility: Pl.value ? yl.value ? "visible" : "hidden" : "visible"
-        })
-      }, xo({ _: 2 }, [
-        l.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: Me(({ isOpen: e, color: u }) => [
-            le(l.$slots, "menuIcon", Gt(hl({ isOpen: e, color: u })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        l.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: Me(() => [
-            le(l.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        l.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: Me(() => [
-            le(l.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        l.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: Me(() => [
-            le(l.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        l.$slots.optionImg ? {
-          name: "optionImg",
-          fn: Me(() => [
-            le(l.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        l.$slots.optionTable ? {
-          name: "optionTable",
-          fn: Me(() => [
-            le(l.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        l.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: Me(() => [
-            le(l.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        l.$slots.optionStack ? {
-          name: "optionStack",
-          fn: Me(() => [
-            le(l.$slots, "optionStack", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        l.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: Me(({ toggleFullscreen: e, isFullscreen: u }) => [
-            le(l.$slots, "optionFullscreen", Gt(hl({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        l.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: Me(({ toggleAnnotator: e, isAnnotator: u }) => [
-            le(l.$slots, "optionAnnotator", Gt(hl({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "tableDialog", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
-      (n(), i("svg", {
-        ref_key: "svgRef",
-        ref: $e,
-        xmlns: "http://www.w3.org/2000/svg",
-        class: Ke([{ "vue-data-ui-fullscreen--on": Re.value, "vue-data-ui-fulscreen--off": !Re.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
-        width: "100%",
-        viewBox: ot.value,
-        style: L({
-          background: "transparent",
-          color: t.value.chart.color,
-          fontFamily: t.value.chart.fontFamily
-        }),
-        "aria-label": Io.value,
-        role: "img",
-        "aria-live": "polite",
-        preserveAspectRatio: "xMidYMid",
-        onMousemove: Ao,
-        onMouseleave: na,
-        onClick: Xa
-      }, [
-        S("g", {
-          ref_key: "G",
-          ref: Cl,
-          class: "vue-data-ui-g"
-        }, [
-          gl(m(Lt)),
-          l.$slots["chart-background"] ? (n(), i("foreignObject", {
-            key: 0,
-            x: c.value.left + se.value < 0 ? 0 : c.value.left + se.value,
-            y: c.value.top,
-            width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / I.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / I.value),
-            height: c.value.height < 0 ? 0 : c.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            le(l.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Li)) : g("", !0),
-          I.value > 0 ? (n(), i("g", Ci, [
-            S("g", Ai, [
-              t.value.chart.grid.labels.xAxis.showBaseline ? (n(), i("line", {
-                key: 0,
-                stroke: t.value.chart.grid.stroke,
-                "stroke-width": "1",
-                x1: c.value.left + se.value,
-                x2: c.value.right - se.value,
-                y1: m(ee)(c.value.bottom),
-                y2: m(ee)(c.value.bottom),
-                "stroke-linecap": "round",
-                style: { animation: "none !important" }
-              }, null, 8, Ti)) : g("", !0),
-              p.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), i(b, { key: 2 }, _(Xl.value, (e) => (n(), i("g", null, [
-                e.id === E.value && e.yLabels.length ? (n(!0), i(b, { key: 0 }, _(e.yLabels, (u) => (n(), i("line", {
-                  x1: c.value.left + se.value,
-                  x2: c.value.right - se.value,
-                  y1: m(ee)(u.y),
-                  y2: m(ee)(u.y),
-                  stroke: e.color,
-                  "stroke-width": 0.5,
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, Pi))), 256)) : e.yLabels.length ? (n(!0), i(b, { key: 1 }, _(e.yLabels, (u) => (n(), i("line", {
-                  x1: c.value.left + se.value,
-                  x2: c.value.right - se.value,
-                  y1: m(ee)(u.y),
-                  y2: m(ee)(u.y),
-                  stroke: t.value.chart.grid.stroke,
-                  "stroke-width": 0.5,
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, Fi))), 256)) : g("", !0)
-              ]))), 256)) : g("", !0) : (n(), i(b, { key: 1 }, [
-                t.value.chart.grid.labels.yAxis.showBaseline ? (n(), i("line", {
-                  key: 0,
-                  stroke: t.value.chart.grid.stroke,
-                  "stroke-width": "1",
-                  x1: c.value.left + se.value,
-                  x2: c.value.left + se.value,
-                  y1: m(ee)(c.value.top),
-                  y2: m(ee)(c.value.bottom),
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, zi)) : g("", !0),
-                t.value.chart.grid.showHorizontalLines ? (n(), i("g", Ii, [
-                  (n(!0), i(b, null, _(Za.value, (e) => (n(), i("line", {
-                    x1: c.value.left + se.value,
-                    x2: c.value.right,
-                    y1: m(ee)(e.y),
-                    y2: m(ee)(e.y),
-                    stroke: t.value.chart.grid.stroke,
-                    "stroke-width": 0.5,
-                    "stroke-linecap": "round",
-                    style: { animation: "none !important" }
-                  }, null, 8, Ni))), 256))
-                ])) : g("", !0)
-              ], 64)),
-              t.value.chart.grid.showVerticalLines ? (n(), i("g", Ri, [
-                S("path", {
-                  d: Bl.value,
-                  "stroke-width": 0.5,
-                  stroke: t.value.chart.grid.stroke,
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, Oi)
-              ])) : g("", !0),
-              t.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", Vi, [
-                S("path", {
-                  d: El.value,
-                  stroke: t.value.chart.grid.stroke,
-                  "stroke-width": 1,
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, Bi)
-              ])) : g("", !0)
-            ]),
-            (n(!0), i(b, null, _($t.value, (e, u) => (n(), i("defs", {
-              key: `def_rect_${u}`
-            }, [
-              l.$slots["bar-gradient"] ? le(l.$slots, "bar-gradient", Ut({
-                key: 0,
-                ref_for: !0
-              }, { series: e, positiveId: `rectGradient_pos_${u}_${Z.value}`, negativeId: `rectGradient_neg_${u}_${Z.value}` }), void 0, !0) : (n(), i(b, { key: 1 }, [
-                S("linearGradient", {
-                  id: `rectGradient_pos_${u}_${Z.value}`,
-                  x2: "0%",
-                  y2: "100%"
-                }, [
-                  S("stop", {
-                    offset: "0%",
-                    "stop-color": e.color
-                  }, null, 8, Hi),
-                  S("stop", {
-                    offset: "62%",
-                    "stop-color": `${m(ml)(e.color, 0.02)}`
-                  }, null, 8, Di),
-                  S("stop", {
-                    offset: "100%",
-                    "stop-color": `${m(ml)(e.color, 0.05)}`
-                  }, null, 8, Wi)
-                ], 8, Ei),
-                S("linearGradient", {
-                  id: `rectGradient_neg_${u}_${Z.value}`,
-                  x2: "0%",
-                  y2: "100%"
-                }, [
-                  S("stop", {
-                    offset: "0%",
-                    "stop-color": `${m(ml)(e.color, 0.05)}`
-                  }, null, 8, Yi),
-                  S("stop", {
-                    offset: "38%",
-                    "stop-color": `${m(ml)(e.color, 0.02)}`
-                  }, null, 8, Gi),
-                  S("stop", {
-                    offset: "100%",
-                    "stop-color": e.color
-                  }, null, 8, Ui)
-                ], 8, Xi)
-              ], 64))
-            ]))), 128)),
-            (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i("defs", {
-              key: `def_plot_${u}`
-            }, [
-              S("radialGradient", {
-                id: `plotGradient_${u}_${Z.value}`,
-                cx: "50%",
-                cy: "50%",
-                r: "50%",
-                fx: "50%",
-                fy: "50%"
-              }, [
-                S("stop", {
-                  offset: "0%",
-                  "stop-color": `${m(ml)(e.color, 0.05)}`
-                }, null, 8, Zi),
-                S("stop", {
-                  offset: "100%",
-                  "stop-color": e.color
-                }, null, 8, Ki)
-              ], 8, qi)
-            ]))), 128)),
-            (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i("defs", {
-              key: `def_line_${e.id}`
-            }, [
-              S("radialGradient", {
-                id: `lineGradient_${u}_${Z.value}`,
-                cx: "50%",
-                cy: "50%",
-                r: "50%",
-                fx: "50%",
-                fy: "50%"
-              }, [
-                S("stop", {
-                  offset: "0%",
-                  "stop-color": `${m(ml)(e.color, 0.05)}`
-                }, null, 8, Qi),
-                S("stop", {
-                  offset: "100%",
-                  "stop-color": e.color
-                }, null, 8, ji)
-              ], 8, Ji),
-              l.$slots["area-gradient"] ? le(l.$slots, "area-gradient", Ut({
-                key: 0,
-                ref_for: !0
-              }, { series: e, id: `areaGradient_${u}_${Z.value}` }), void 0, !0) : (n(), i("linearGradient", {
-                key: 1,
-                id: `areaGradient_${u}_${Z.value}`,
-                x1: "0%",
-                x2: "100%",
-                y1: "0%",
-                y2: "0%"
-              }, [
-                S("stop", {
-                  offset: "0%",
-                  "stop-color": `${m(dt)(m(ml)(e.color, 0.03), t.value.line.area.opacity)}`
-                }, null, 8, tu),
-                S("stop", {
-                  offset: "100%",
-                  "stop-color": `${m(dt)(e.color, t.value.line.area.opacity)}`
-                }, null, 8, lu)
-              ], 8, eu))
-            ]))), 128)),
-            (n(!0), i(b, null, _(Po.value, (e) => (n(), i("g", null, [
-              e.show ? (n(), i(b, { key: 0 }, [
-                (n(!0), i(b, null, _(e.span, (u, a) => (n(), i("g", null, [
-                  S("rect", {
-                    style: L({
-                      transition: "none",
-                      opacity: e.from + a >= k.value.start && e.from + a <= k.value.end - 1 ? 1 : 0
-                    }),
-                    x: c.value.left + c.value.width / I.value * (e.from + a - k.value.start),
-                    y: c.value.top,
-                    height: c.value.height < 0 ? 10 : c.value.height,
-                    width: c.value.width / I.value < 0 ? 1e-5 : c.value.width / I.value,
-                    fill: m(dt)(e.color, e.opacity)
-                  }, null, 12, au)
-                ]))), 256)),
-                (n(!0), i(b, null, _(e.span, (u, a) => (n(), i("g", null, [
-                  e.caption.text && a === 0 ? (n(), i("foreignObject", {
-                    key: 0,
-                    x: c.value.left + c.value.width / I.value * (e.from + a - k.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / I.value * e.span / 2),
-                    y: c.value.top + e.caption.offsetY,
-                    style: L({
-                      overflow: "visible",
-                      opacity: e.to >= k.value.start && e.from < k.value.end ? 1 : 0
-                    }),
-                    height: "1",
-                    width: e.caption.width === "auto" ? c.value.width / I.value * e.span : e.caption.width
-                  }, [
-                    S("div", {
-                      style: L(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
-                    }, xe(e.caption.text), 5)
-                  ], 12, ou)) : g("", !0)
-                ]))), 256))
-              ], 64)) : g("", !0)
-            ]))), 256)),
-            ge.value ? (n(), i("g", nu, [
-              (n(!0), i(b, null, _(I.value, (e, u) => (n(), i("g", {
-                key: `tooltip_trap_highlighter_${u}`
-              }, [
-                S("rect", {
-                  x: c.value.left + c.value.width / I.value * u,
-                  y: c.value.top,
-                  height: c.value.height < 0 ? 10 : c.value.height,
-                  width: c.value.width / I.value < 0 ? 1e-5 : c.value.width / I.value,
-                  fill: [X.value, M.value, oe.value].includes(u) ? m(dt)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
-                  style: { transition: "none !important", animation: "none !important" }
-                }, null, 8, iu)
-              ]))), 128))
-            ])) : g("", !0),
-            $t.value.length ? (n(!0), i(b, { key: 1 }, _($t.value, (e, u) => (n(), i("g", {
-              key: `serie_bar_${e.id}`,
-              class: Ke(`serie_bar_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, [
-              (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i("g", {
-                key: `bar_plot_${u}_${r}`
-              }, [
-                Ue(a.value) ? (n(), i("rect", {
-                  key: 0,
-                  x: oa(a) + sa.value / 2,
-                  y: p.value.useIndividualScale ? Da(a) : Ha(a),
-                  height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
-                  width: ua.value - sa.value,
-                  rx: t.value.bar.borderRadius,
-                  fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${u}_${Z.value})` : `url(#rectGradient_neg_${u}_${Z.value})` : e.color,
-                  stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
-                  "stroke-width": t.value.bar.border.strokeWidth,
-                  style: L({
-                    transition: m(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
-                  })
-                }, null, 12, uu)) : g("", !0),
-                Ue(a.value) && l.$slots.pattern ? (n(), i("rect", {
-                  key: 1,
-                  x: oa(a) - sa.value / 2,
-                  y: p.value.useIndividualScale ? Da(a) : Ha(a),
-                  height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
-                  width: ua.value - sa.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: L({ transition: m(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, su)) : g("", !0),
-                a.comment && t.value.chart.comments.show ? (n(), i("foreignObject", {
-                  key: 2,
-                  style: { overflow: "visible" },
-                  height: "12",
-                  width: ua.value / 2 + t.value.chart.comments.width,
-                  x: oa(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                  y: m(q)(a.y) + t.value.chart.comments.offsetY + 6
-                }, [
-                  le(l.$slots, "plot-comment", {
-                    plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
-                  }, void 0, !0)
-                ], 8, ru)) : g("", !0)
-              ]))), 128))
-            ], 6))), 128)) : g("", !0),
-            !p.value.useIndividualScale && t.value.chart.grid.labels.zeroLine.show ? (n(), i("line", {
-              key: 2,
-              stroke: t.value.chart.grid.stroke,
-              "stroke-width": "1",
-              x1: c.value.left + se.value,
-              x2: c.value.right,
-              y1: m(ee)(Ie.value),
-              y2: m(ee)(Ie.value),
-              "stroke-linecap": "round",
-              style: { animation: "none !important" }
-            }, null, 8, cu)) : g("", !0),
-            t.value.chart.highlighter.useLine && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", vu, [
-              S("line", {
-                x1: c.value.left + c.value.width / I.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / I.value / 2,
-                x2: c.value.left + c.value.width / I.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / I.value / 2,
-                y1: m(ee)(c.value.top),
-                y2: m(ee)(c.value.bottom),
-                stroke: t.value.chart.highlighter.color,
-                "stroke-width": t.value.chart.highlighter.lineWidth,
-                "stroke-dasharray": t.value.chart.highlighter.lineDasharray,
-                "stroke-linecap": "round",
-                style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, du)
-            ])) : g("", !0),
-            t.value.chart.grid.frame.show ? (n(), i("rect", {
-              key: 4,
-              style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-              x: c.value.left + se.value < 0 ? 0 : c.value.left + se.value,
-              y: c.value.top,
-              width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / I.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / I.value),
-              height: c.value.height < 0 ? 0 : c.value.height,
-              fill: "transparent",
-              stroke: t.value.chart.grid.frame.stroke,
-              "stroke-width": t.value.chart.grid.frame.strokeWidth,
-              "stroke-linecap": t.value.chart.grid.frame.strokeLinecap,
-              "stroke-linejoin": t.value.chart.grid.frame.strokeLinejoin,
-              "stroke-dasharray": t.value.chart.grid.frame.strokeDasharray
-            }, null, 8, hu)) : g("", !0),
-            t.value.chart.grid.labels.show ? (n(), i("g", {
-              key: 5,
-              ref_key: "scaleLabels",
-              ref: Al
-            }, [
-              p.value.useIndividualScale ? (n(), i(b, { key: 0 }, [
-                (n(!0), i(b, null, _(Xl.value, (e) => (n(), i("g", null, [
-                  S("line", {
-                    x1: e.x + se.value - c.value.individualOffsetX,
-                    x2: e.x + se.value - c.value.individualOffsetX,
-                    y1: p.value.isStacked ? m(ee)(c.value.bottom - e.yOffset - e.individualHeight) : m(ee)(c.value.top),
-                    y2: p.value.isStacked ? m(ee)(c.value.bottom - e.yOffset) : m(ee)(c.value.bottom),
-                    stroke: e.color,
-                    "stroke-width": t.value.chart.grid.stroke,
-                    "stroke-linecap": "round",
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-                  }, null, 12, fu)
-                ]))), 256)),
-                (n(!0), i(b, null, _(Xl.value, (e) => (n(), i("g", {
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-                }, [
-                  S("text", {
-                    fill: e.color,
-                    "font-size": T.value.dataLabels * 0.8,
-                    "text-anchor": "middle",
-                    transform: `translate(${e.x - T.value.dataLabels * 0.8 / 2 + se.value}, ${p.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
-                  }, xe(e.name) + " " + xe(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, mu),
-                  (n(!0), i(b, null, _(e.yLabels, (u, a) => (n(), i(b, null, [
-                    t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
-                      key: 0,
-                      x1: e.x + 3 + se.value - t.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
-                      x2: e.x + se.value - c.value.individualOffsetX,
-                      y1: m(ee)(u.y),
-                      y2: m(ee)(u.y),
-                      stroke: e.color,
-                      "stroke-width": 1,
-                      "stroke-linecap": "round",
-                      style: { animation: "none !important" }
-                    }, null, 8, gu)) : g("", !0)
-                  ], 64))), 256)),
-                  (n(!0), i(b, null, _(e.yLabels, (u, a) => (n(), i("text", {
-                    x: e.x - 5 + se.value - c.value.individualOffsetX,
-                    y: m(ee)(u.y) + T.value.dataLabels / 3,
-                    "font-size": T.value.dataLabels,
-                    "text-anchor": "end",
-                    fill: e.color
-                  }, xe(m(Ae)(
-                    t.value.chart.grid.labels.yAxis.formatter,
-                    u.value,
-                    m(_t)({
-                      p: u.prefix,
-                      v: u.value,
-                      s: u.suffix,
-                      r: t.value.chart.grid.labels.yAxis.rounding
-                    }),
-                    { datapoint: u.datapoint, seriesIndex: a }
-                  )), 9, xu))), 256))
-                ], 4))), 256))
-              ], 64)) : (n(!0), i(b, { key: 1 }, _(Za.value, (e, u) => (n(), i("g", {
-                key: `yLabel_${u}`
-              }, [
-                Ue(e) && e.value >= Ye.value.min && e.value <= Ye.value.max && t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
-                  key: 0,
-                  x1: c.value.left + se.value,
-                  x2: c.value.left + se.value - t.value.chart.grid.labels.yAxis.crosshairSize,
-                  y1: m(ee)(e.y),
-                  y2: m(ee)(e.y),
-                  stroke: t.value.chart.grid.stroke,
-                  "stroke-width": "1",
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, bu)) : g("", !0),
-                e.value >= Ye.value.min && e.value <= Ye.value.max ? (n(), i("text", {
-                  key: 1,
-                  x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
-                  y: m(q)(e.y + T.value.dataLabels / 3),
-                  "font-size": T.value.dataLabels,
-                  "text-anchor": "end",
-                  fill: t.value.chart.grid.labels.color
-                }, xe(Ue(e.value) ? m(Ae)(
-                  t.value.chart.grid.labels.yAxis.formatter,
-                  e.value,
-                  m(_t)({
-                    p: e.prefix,
-                    v: e.value,
-                    s: e.suffix,
-                    r: t.value.chart.grid.labels.yAxis.rounding
-                  })
-                ) : ""), 9, yu)) : g("", !0)
-              ]))), 128))
-            ], 512)) : g("", !0),
-            (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i("g", {
-              key: `serie_plot_${e.id}`,
-              class: Ke(`serie_plot_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, [
-              (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i("g", {
-                key: `circle_plot_${u}_${r}`
-              }, [
-                a && Ue(a.value) ? (n(), vt(ma, {
-                  key: 0,
-                  shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.plot.useGradient ? `url(#plotGradient_${u}_${Z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
-                  plot: { x: m(q)(a.x), y: m(q)(a.y) },
-                  radius: M.value !== null && M.value === r || X.value !== null && X.value === r ? (We.value.plot || 6) * 1.5 : We.value.plot || 6,
-                  stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
-                  strokeWidth: t.value.plot.dot.strokeWidth,
-                  transition: m(be) || !t.value.plot.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
-                }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
-                a.comment && t.value.chart.comments.show ? (n(), i("foreignObject", {
-                  key: 1,
-                  style: { overflow: "visible" },
-                  height: "12",
-                  width: t.value.chart.comments.width,
-                  x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                  y: a.y + t.value.chart.comments.offsetY + 6
-                }, [
-                  S("div", ku, [
-                    le(l.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
-                    }, void 0, !0)
-                  ])
-                ], 8, pu)) : g("", !0)
-              ]))), 128))
-            ], 6))), 128)),
-            (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i("g", {
-              key: `serie_line_${e.id}`,
-              class: Ke(`serie_line_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, [
-              e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
-                key: 0,
-                d: `M${e.curve}`,
-                stroke: t.value.chart.backgroundColor,
-                "stroke-width": t.value.line.strokeWidth + 1,
-                "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                fill: "none",
-                style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, wu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
-                key: 1,
-                d: `M${e.straight}`,
-                stroke: t.value.chart.backgroundColor,
-                "stroke-width": t.value.line.strokeWidth + 1,
-                "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                fill: "none",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Su)) : g("", !0)
-            ], 6))), 128)),
-            l.$slots.pattern ? (n(), i("defs", $u, [
-              (n(!0), i(b, null, _(rt.value, (e, u) => le(l.$slots, "pattern", Ut({
-                key: `serie_pattern_slot_${e.id}`
-              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Z.value}_${u}` }), void 0, !0)), 128))
-            ])) : g("", !0),
-            Qa.value.length && !p.value.isStacked ? (n(), i("g", Mu, [
-              (n(!0), i(b, null, _(Qa.value, (e) => (n(), i("path", {
-                key: e.key,
-                d: e.d,
-                fill: e.color,
-                "fill-opacity": t.value.line.interLine.fillOpacity,
-                stroke: "none",
-                "pointer-events": "none",
-                style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, _u))), 128))
-            ])) : g("", !0),
-            (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i("g", {
-              key: `serie_line_above_${e.id}`,
-              class: Ke(`serie_line_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, [
-              e.useArea && e.plots.length > 1 ? (n(), i("g", Lu, [
-                e.smooth ? (n(!0), i(b, { key: 0 }, _(e.curveAreas, (a, r) => (n(), i(b, { key: r }, [
-                  a ? (n(), i("path", {
-                    key: 0,
-                    d: a,
-                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${u}_${Z.value})` : m(dt)(e.color, t.value.line.area.opacity),
-                    style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Cu)) : g("", !0),
-                  l.$slots.pattern && a ? (n(), i("path", {
-                    key: 1,
-                    d: a,
-                    fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Au)) : g("", !0)
-                ], 64))), 128)) : (n(!0), i(b, { key: 1 }, _(e.area.split(";"), (a, r) => (n(), i(b, { key: r }, [
-                  a ? (n(), i("path", {
-                    key: 0,
-                    d: `M${a}Z`,
-                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${u}_${Z.value})` : m(dt)(e.color, t.value.line.area.opacity),
-                    style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Tu)) : g("", !0),
-                  l.$slots.pattern && a ? (n(), i("path", {
-                    key: 1,
-                    d: `M${a}Z`,
-                    fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, zu)) : g("", !0)
-                ], 64))), 128))
-              ])) : g("", !0),
-              e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
-                key: 1,
-                d: `M${e.curve}`,
-                stroke: e.color,
-                "stroke-width": t.value.line.strokeWidth,
-                "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                fill: "none",
-                "stroke-linecap": "round",
-                style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Iu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
-                key: 2,
-                d: `M${e.straight}`,
-                stroke: e.color,
-                "stroke-width": t.value.line.strokeWidth,
-                "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
-                fill: "none",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                style: L({ transition: m(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Nu)) : g("", !0),
-              (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                key: `circle_line_${u}_${r}`
-              }, [
-                !Ua.value.linePlot && a && Ue(a.value) || Ua.value.linePlot && a && Ue(a.value) && (M.value !== null && M.value === r || X.value !== null && X.value === r) || Ja(e.plots, r) ? (n(), vt(ma, {
-                  key: 0,
-                  shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.line.useGradient ? `url(#lineGradient_${u}_${Z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
-                  plot: { x: m(q)(a.x), y: m(q)(a.y) },
-                  radius: M.value !== null && M.value === r || X.value !== null && X.value === r ? (We.value.line || 6) * 1.5 : (Ja(e.plots, r), We.value.line || 6),
-                  stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
-                  strokeWidth: t.value.line.dot.strokeWidth,
-                  transition: m(be) || !t.value.line.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
-                }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
-                a.comment && t.value.chart.comments.show ? (n(), i("foreignObject", {
-                  key: 1,
-                  style: { overflow: "visible" },
-                  height: "12",
-                  width: t.value.chart.comments.width,
-                  x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                  y: a.y + t.value.chart.comments.offsetY + 6
-                }, [
-                  S("div", Fu, [
-                    le(l.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
-                    }, void 0, !0)
-                  ])
-                ], 8, Pu)) : g("", !0)
-              ], 64))), 128))
-            ], 6))), 128)),
-            (t.value.bar.labels.show || t.value.bar.serieName.show) && p.value.dataLabels.show ? (n(), i("g", Ru, [
-              (n(!0), i(b, null, _($t.value, (e, u) => (n(), i(b, {
-                key: `xLabel_bar_${e.id}`
-              }, [
-                (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_bar_${u}_${r}`
-                }, [
-                  a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r) && t.value.bar.labels.show ? (n(), i("text", {
-                    key: 0,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : oa(a) + Ht() / 2 - ia.value / 2,
-                    y: m(q)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
-                    "text-anchor": "middle",
-                    "font-size": T.value.plotLabels,
-                    fill: t.value.bar.labels.color,
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, xe(Ue(a.value) ? m(Ae)(
-                    t.value.bar.labels.formatter,
-                    a.value,
-                    m(_t)({
-                      p: e.prefix || t.value.chart.labels.prefix,
-                      v: a.value,
-                      s: e.suffix || t.value.chart.labels.suffix,
-                      r: t.value.bar.labels.rounding
-                    }),
-                    {
-                      datapoint: a,
-                      serie: e
-                    }
-                  ) : ""), 13, Ou)) : g("", !0),
-                  a && t.value.bar.serieName.show ? (n(), i("text", {
-                    key: 1,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : a.x + Ht() * 1.1,
-                    y: a.y + (a.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
-                    "text-anchor": "middle",
-                    "font-size": T.value.plotLabels,
-                    fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
-                    "font-weight": t.value.bar.serieName.bold ? "bold" : "normal",
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, xe(t.value.bar.serieName.useAbbreviation ? m(fn)({
-                    source: e.name,
-                    length: t.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, Vu)) : g("", !0)
-                ], 64))), 128))
-              ], 64))), 128))
-            ])) : g("", !0),
-            t.value.plot.labels.show && p.value.dataLabels.show ? (n(), i("g", Bu, [
-              (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i(b, {
-                key: `xLabel_plot_${e.id}`
-              }, [
-                (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_plot_${u}_${r}`
-                }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r ? (n(), i("text", {
-                    key: 0,
-                    x: a.x,
-                    y: a.y + t.value.plot.labels.offsetY,
-                    "text-anchor": "middle",
-                    "font-size": T.value.plotLabels,
-                    fill: t.value.plot.labels.color,
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, xe(Ue(a.value) ? m(Ae)(
-                    t.value.plot.labels.formatter,
-                    a.value,
-                    m(_t)({
-                      p: e.prefix || t.value.chart.labels.prefix,
-                      v: a.value,
-                      s: e.suffix || t.value.chart.labels.suffix,
-                      r: t.value.plot.labels.rounding
-                    }),
-                    {
-                      datapoint: a,
-                      serie: e
-                    }
-                  ) : ""), 13, Eu)) : g("", !0)
-                ], 64))), 128))
-              ], 64))), 128))
-            ])) : (n(), i("g", Hu, [
-              (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i(b, {
-                key: `xLabel_plot_${e.id}`
-              }, [
-                (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_plot_${u}_${r}`
-                }, [
-                  t.value.plot.tag.followValue ? (n(), i(b, { key: 1 }, [
-                    [X.value, M.value, oe.value].includes(r) && e.useTag ? (n(), i("line", {
-                      key: 0,
-                      class: "vue-ui-xy-tag-plot",
-                      x1: c.value.left,
-                      x2: c.value.right,
-                      y1: a.y,
-                      y2: a.y,
-                      "stroke-width": 1,
-                      "stroke-linecap": "round",
-                      "stroke-dasharray": "2",
-                      stroke: e.color
-                    }, null, 8, Gu)) : g("", !0)
-                  ], 64)) : (n(), i(b, { key: 0 }, [
-                    a && r === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
-                      key: 0,
-                      x: a.x,
-                      y: a.y - 20,
-                      height: 24,
-                      width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, [
-                      S("div", {
-                        style: L(`padding: 3px; background:${m(dt)(e.color, 80)};color:${m(ht)(e.color)};width:fit-content;font-size:${T.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: m(Ae)(
-                          t.value.plot.tag.formatter,
-                          a.value,
-                          e.name,
-                          {
-                            datapoint: a,
-                            seriesIndex: r,
-                            serieName: e.name
-                          }
-                        )
-                      }, null, 12, Wu)
-                    ], 12, Du)) : g("", !0),
-                    a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
-                      key: 1,
-                      x: a.x - e.name.length * (T.value.plotLabels / 2),
-                      y: a.y - 20,
-                      height: 24,
-                      width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, [
-                      S("div", {
-                        style: L(`padding: 3px; background:${m(dt)(e.color, 80)};color:${m(ht)(e.color)};width:fit-content;font-size:${T.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: m(Ae)(
-                          t.value.plot.tag.formatter,
-                          a.value,
-                          e.name,
-                          {
-                            datapoint: a,
-                            seriesIndex: r,
-                            serieName: e.name
-                          }
-                        )
-                      }, null, 12, Yu)
-                    ], 12, Xu)) : g("", !0)
-                  ], 64))
-                ], 64))), 128))
-              ], 64))), 128))
-            ])),
-            t.value.line.labels.show && p.value.dataLabels.show ? (n(), i("g", Uu, [
-              (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i(b, {
-                key: `xLabel_line_${e.id}`
-              }, [
-                (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_line_${u}_${r}`
-                }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r ? (n(), i("text", {
-                    key: 0,
-                    x: a.x,
-                    y: a.y + (a.value >= 0 ? t.value.line.labels.offsetY : -t.value.line.labels.offsetY * 3),
-                    "text-anchor": "middle",
-                    "font-size": T.value.plotLabels,
-                    fill: t.value.line.labels.color,
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, xe(Ue(a.value) ? m(Ae)(
-                    t.value.line.labels.formatter,
-                    a.value,
-                    m(_t)({
-                      p: e.prefix || t.value.chart.labels.prefix,
-                      v: a.value,
-                      s: e.suffix || t.value.chart.labels.suffix,
-                      r: t.value.line.labels.rounding
-                    }),
-                    {
-                      datapoint: a,
-                      serie: e
-                    }
-                  ) : ""), 13, qu)) : g("", !0)
-                ], 64))), 128))
-              ], 64))), 128))
-            ])) : (n(), i("g", Zu, [
-              (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i(b, {
-                key: `xLabel_line_${e.id}`
-              }, [
-                (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_line_${u}_${r}`
-                }, [
-                  t.value.line.tag.followValue ? (n(), i(b, { key: 1 }, [
-                    [X.value, M.value, oe.value].includes(r) && e.useTag ? (n(), i("line", {
-                      key: 0,
-                      class: "vue-ui-xy-tag-line",
-                      x1: c.value.left,
-                      x2: c.value.right,
-                      y1: a.y,
-                      y2: a.y,
-                      "stroke-width": 1,
-                      "stroke-linecap": "round",
-                      "stroke-dasharray": "2",
-                      stroke: e.color
-                    }, null, 8, es)) : g("", !0)
-                  ], 64)) : (n(), i(b, { key: 0 }, [
-                    a && r === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
-                      key: 0,
-                      x: a.x,
-                      y: a.y - 20,
-                      height: 24,
-                      width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, [
-                      S("div", {
-                        style: L(`padding: 3px; background:${m(dt)(e.color, 80)};color:${m(ht)(e.color)};width:fit-content;font-size:${T.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: m(Ae)(
-                          t.value.line.tag.formatter,
-                          a.value,
-                          e.name,
-                          {
-                            datapoint: a,
-                            seriesIndex: r,
-                            serieName: e.name
-                          }
-                        )
-                      }, null, 12, Ju)
-                    ], 12, Ku)) : g("", !0),
-                    a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
-                      key: 1,
-                      x: a.x,
-                      y: a.y - 20,
-                      height: 24,
-                      width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                    }, [
-                      S("div", {
-                        style: L(`padding: 3px; background:${m(dt)(e.color, 80)};color:${m(ht)(e.color)};width:fit-content;font-size:${T.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: m(Ae)(
-                          t.value.line.tag.formatter,
-                          a.value,
-                          e.name,
-                          {
-                            datapoint: a,
-                            seriesIndex: r,
-                            serieName: e.name
-                          }
-                        )
-                      }, null, 12, ju)
-                    ], 12, Qu)) : g("", !0)
-                  ], 64))
-                ], 64))), 128))
-              ], 64))), 128))
-            ])),
-            (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i(b, {
-              key: `xLabel_line_${e.id}`
-            }, [
-              (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                key: `xLabel_line_${u}_${r}`
-              }, [
-                a && r === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
-                  key: 0,
-                  x: a.x - T.value.plotLabels,
-                  y: a.y,
-                  "font-size": T.value.plotLabels,
-                  "text-anchor": "end",
-                  fill: e.color,
-                  innerHTML: m(ha)({
-                    content: e.name,
-                    fontSize: T.value.plotLabels,
-                    fill: e.color,
-                    x: a.x - T.value.plotLabels,
-                    y: a.y,
-                    maxWords: 2
-                  }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ts)) : g("", !0),
-                a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
-                  key: 1,
-                  x: a.x + T.value.plotLabels,
-                  y: a.y,
-                  "font-size": T.value.plotLabels,
-                  "text-anchor": "start",
-                  fill: e.color,
-                  innerHTML: m(ha)({
-                    content: e.name,
-                    fontSize: T.value.plotLabels,
-                    fill: e.color,
-                    x: a.x + T.value.plotLabels,
-                    y: a.y,
-                    maxWords: 2
-                  }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, ls)) : g("", !0)
-              ], 64))), 128))
-            ], 64))), 128)),
-            (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i(b, {
-              key: `xLabel_plot_${e.id}`
-            }, [
-              (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-                key: `xLabel_plot_${u}_${r}`
-              }, [
-                a && r === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
-                  key: 0,
-                  x: a.x - T.value.plotLabels,
-                  y: a.y,
-                  "font-size": T.value.plotLabels,
-                  "text-anchor": "end",
-                  fill: e.color,
-                  innerHTML: m(ha)({
-                    content: e.name,
-                    fontSize: T.value.plotLabels,
-                    fill: e.color,
-                    x: a.x - T.value.plotLabels,
-                    y: a.y,
-                    maxWords: 2
-                  }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, as)) : g("", !0),
-                a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
-                  key: 1,
-                  x: a.x + T.value.plotLabels,
-                  y: a.y,
-                  "font-size": T.value.plotLabels,
-                  "text-anchor": "start",
-                  fill: e.color,
-                  innerHTML: m(ha)({
-                    content: e.name,
-                    fontSize: T.value.plotLabels,
-                    fill: e.color,
-                    x: a.x + T.value.plotLabels,
-                    y: a.y,
-                    maxWords: 2
-                  }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, os)) : g("", !0)
-              ], 64))), 128))
-            ], 64))), 128)),
-            (n(!0), i(b, null, _([...tt.value, ...Ne.value, ...$t.value], (e, u) => (n(), i(b, {
-              key: `progression-${u}`
-            }, [
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(m(lt)(e.plots).trend) ? (n(), i("g", ns, [
-                S("defs", null, [
-                  S("marker", {
-                    id: `progression_arrow_${u}`,
-                    markerWidth: "9",
-                    markerHeight: "9",
-                    viewBox: "-1 -1 9 9",
-                    markerUnits: "userSpaceOnUse",
-                    refX: "7",
-                    refY: 7 / 2,
-                    orient: "auto",
-                    overflow: "visible"
-                  }, [
-                    S("polygon", {
-                      points: "0,0 7,3.5 0,7",
-                      fill: e.color,
-                      stroke: t.value.chart.backgroundColor,
-                      "stroke-width": "1",
-                      "stroke-linejoin": "round"
-                    }, null, 8, us)
-                  ], 8, is)
-                ]),
-                e.plots.length > 1 ? (n(), i("line", {
-                  key: 0,
-                  x1: m(lt)(e.plots).x1 + (e.type === "bar" ? Ht() : 0),
-                  x2: m(lt)(e.plots).x2 + (e.type === "bar" ? Ht() : 0),
-                  y1: m(ee)(m(lt)(e.plots).y1),
-                  y2: m(ee)(m(lt)(e.plots).y2),
-                  "stroke-width": 1,
-                  stroke: t.value.chart.backgroundColor,
-                  "stroke-dasharray": 2,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "marker-end": `url(#progression_arrow_${u})`
-                }, null, 8, ss)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("line", {
-                  key: 1,
-                  x1: m(lt)(e.plots).x1 + (e.type === "bar" ? Ht() : 0),
-                  x2: m(lt)(e.plots).x2 + (e.type === "bar" ? Ht() : 0),
-                  y1: m(ee)(m(lt)(e.plots).y1),
-                  y2: m(ee)(m(lt)(e.plots).y2),
-                  "stroke-width": 1,
-                  stroke: e.color,
-                  "stroke-dasharray": 2,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "marker-end": `url(#progression_arrow_${u})`
-                }, null, 8, rs)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("text", {
-                  key: 2,
-                  "text-anchor": "middle",
-                  x: m(lt)(e.plots).x2 + (e.type === "bar" ? Ht() : 0),
-                  y: m(lt)(e.plots).y2 - 12,
-                  "font-size": T.value.plotLabels,
-                  fill: e.color,
-                  stroke: t.value.chart.backgroundColor,
-                  "stroke-width": 4,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  "paint-order": "stroke fill"
-                }, xe(m(_t)({
-                  v: m(lt)(e.plots).trend * 100,
-                  s: "%",
-                  r: 2
-                })), 9, cs)) : g("", !0)
-              ])) : g("", !0)
-            ], 64))), 128)),
-            p.value.useIndividualScale && !p.value.isStacked ? (n(), i(b, { key: 13 }, [
-              S("defs", null, [
-                (n(!0), i(b, null, _(Xl.value, (e, u) => (n(), i("linearGradient", {
-                  id: `individual_scale_gradient_${Z.value}_${u}`,
-                  x1: "0%",
-                  x2: "100%",
-                  y1: "0%",
-                  y2: "0%"
-                }, [
-                  S("stop", {
-                    offset: "0%",
-                    "stop-color": t.value.chart.backgroundColor,
-                    "stop-opacity": "0"
-                  }, null, 8, ds),
-                  S("stop", {
-                    offset: "100%",
-                    "stop-color": e.color,
-                    "stop-opacity": "0.2"
-                  }, null, 8, hs)
-                ], 8, vs))), 256))
-              ]),
-              (n(!0), i(b, null, _(Xl.value, (e, u) => (n(), i("rect", {
-                x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + se.value - c.value.individualOffsetX,
-                y: c.value.top,
-                width: t.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
-                height: c.value.height < 0 ? 10 : c.value.height,
-                fill: E.value === e.groupId ? `url(#individual_scale_gradient_${Z.value}_${u})` : "transparent",
-                onMouseenter: (a) => E.value = e.groupId,
-                onMouseleave: s[0] || (s[0] = (a) => E.value = null)
-              }, null, 40, fs))), 256))
-            ], 64)) : g("", !0),
-            S("g", null, [
-              t.value.chart.grid.labels.axis.yLabel && !p.value.useIndividualScale ? (n(), i("text", {
-                key: 0,
-                ref_key: "yAxisLabel",
-                ref: Jt,
-                "font-size": T.value.yAxis,
-                fill: t.value.chart.grid.labels.color,
-                transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
-                "text-anchor": "middle",
-                style: { transition: "none" }
-              }, xe(t.value.chart.grid.labels.axis.yLabel), 9, ms)) : g("", !0),
-              t.value.chart.grid.labels.axis.xLabel ? (n(), i("text", {
-                key: 1,
-                ref_key: "xAxisLabel",
-                ref: Kt,
-                "text-anchor": "middle",
-                x: ae.value / 2,
-                y: W.value - 3,
-                "font-size": T.value.yAxis,
-                fill: t.value.chart.grid.labels.color
-              }, xe(t.value.chart.grid.labels.axis.xLabel), 9, gs)) : g("", !0)
-            ]),
-            t.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", {
-              key: 14,
-              ref_key: "timeLabelsEls",
-              ref: _e
-            }, [
-              l.$slots["time-label"] ? (n(!0), i(b, { key: 0 }, _(pe.value, (e, u) => le(l.$slots, "time-label", Ut({
-                key: `time_label_${e.id}`,
-                ref_for: !0
-              }, {
-                x: c.value.left + c.value.width / I.value * u + c.value.width / I.value / 2,
-                y: c.value.bottom,
-                fontSize: T.value.xAxis,
-                fill: t.value.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${c.value.left + c.value.width / I.value * u + c.value.width / I.value / 2}, ${c.value.bottom + T.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                absoluteIndex: e.absoluteIndex,
-                content: e.text,
-                textAnchor: t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                show: e && e.text
-              }), void 0, !0)), 128)) : (n(!0), i(b, { key: 1 }, _(pe.value, (e, u) => (n(), i("g", {
-                key: `time_label_${u}`
-              }, [
-                e && e.text ? (n(), i(b, { key: 0 }, [
-                  String(e.text).includes(`
-`) ? (n(), i("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",
-                    "font-size": T.value.xAxis,
-                    fill: t.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / I.value * u + c.value.width / I.value / 2}, ${c.value.bottom + T.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: L({
-                      cursor: Hl() ? "pointer" : "default"
-                    }),
-                    innerHTML: m(mn)({
-                      content: String(e.text),
-                      fontSize: T.value.xAxis,
-                      fill: t.value.chart.grid.labels.xAxisLabels.color,
-                      x: 0,
-                      y: 0
-                    }),
-                    onClick: () => ne(e, u)
-                  }, null, 12, bs)) : (n(), i("text", {
-                    key: 0,
-                    class: "vue-data-ui-time-label",
-                    "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                    "font-size": T.value.xAxis,
-                    fill: t.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / I.value * u + c.value.width / I.value / 2}, ${c.value.bottom + T.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: L({
-                      cursor: Hl() ? "pointer" : "default"
-                    }),
-                    onClick: () => ne(e, u)
-                  }, xe(e.text || ""), 13, xs))
-                ], 64)) : g("", !0)
-              ]))), 128))
-            ], 512)) : g("", !0),
-            Ka.value.length && !p.value.isStacked ? (n(), i("g", ys, [
-              (n(!0), i(b, null, _(Ka.value, (e) => (n(), i("g", {
-                key: e.uid
-              }, [
-                e.yTop && e.show && isFinite(e.yTop) ? (n(), i("line", {
-                  key: 0,
-                  x1: e.x1,
-                  y1: e.yTop,
-                  x2: e.x2,
-                  y2: e.yTop,
-                  stroke: e.config.line.stroke,
-                  "stroke-width": e.config.line.strokeWidth,
-                  "stroke-dasharray": e.config.line.strokeDasharray,
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, ps)) : g("", !0),
-                e.yBottom && e.show && isFinite(e.yBottom) ? (n(), i("line", {
-                  key: 1,
-                  x1: e.x1,
-                  y1: e.yBottom,
-                  x2: e.x2,
-                  y2: e.yBottom,
-                  stroke: e.config.line.stroke,
-                  "stroke-width": e.config.line.strokeWidth,
-                  "stroke-dasharray": e.config.line.strokeDasharray,
-                  "stroke-linecap": "round",
-                  style: { animation: "none !important" }
-                }, null, 8, ks)) : g("", !0),
-                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (n(), i("rect", {
-                  key: 2,
-                  y: Math.min(e.yTop, e.yBottom),
-                  x: e.x1,
-                  width: c.value.width,
-                  height: m(q)(e.areaHeight, 0),
-                  fill: m(dt)(e.config.area.fill, e.config.area.opacity),
-                  style: { animation: "none !important" }
-                }, null, 8, ws)) : g("", !0),
-                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), i("rect", Ut({
-                  key: 3,
-                  class: "vue-ui-xy-annotation-label-box"
-                }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : g("", !0),
-                e.config.label.text && e.show && isFinite(e._text.y) ? (n(), i("text", {
-                  key: 4,
-                  id: e.id,
-                  class: "vue-ui-xy-annotation-label",
-                  x: e._text.x,
-                  y: e._text.y,
-                  "font-size": e.config.label.fontSize,
-                  fill: e.config.label.color,
-                  "text-anchor": e.config.label.textAnchor
-                }, xe(e.config.label.text), 9, Ss)) : g("", !0)
-              ]))), 128))
-            ])) : g("", !0),
-            t.value.chart.timeTag.show && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", $s, [
-              (n(), i("foreignObject", {
-                x: Wo(),
-                y: c.value.bottom,
-                width: "200",
-                height: "40",
-                style: { overflow: "visible !important" }
-              }, [
-                S("div", {
-                  ref_key: "timeTagEl",
-                  ref: so,
-                  class: "vue-ui-xy-time-tag",
-                  style: L(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${t.value.chart.timeTag.backgroundColor};color:${t.value.chart.timeTag.color};font-size:${t.value.chart.timeTag.fontSize}px`),
-                  innerHTML: Xo.value
-                }, null, 12, _s)
-              ], 8, Ms)),
-              S("circle", {
-                cx: c.value.left + c.value.width / I.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / I.value / 2,
-                cy: c.value.bottom,
-                r: t.value.chart.timeTag.circleMarker.radius,
-                fill: t.value.chart.timeTag.circleMarker.color
-              }, null, 8, Ls)
-            ])) : g("", !0)
-          ])) : g("", !0),
-          Ol.value ? (n(), i("rect", Ut({ key: 2 }, _a.value, {
-            "data-start": k.value.start,
-            "data-end": k.value.end
-          }), null, 16, Cs)) : g("", !0),
-          le(l.$slots, "svg", { svg: bt.value }, void 0, !0)
-        ], 512)
-      ], 46, _i)),
-      l.$slots.watermark ? (n(), i("div", As, [
-        le(l.$slots, "watermark", Gt(hl({ isPrinting: m(et) || m(it) })), void 0, !0)
-      ])) : g("", !0),
-      (n(!0), i(b, null, _(Ne.value, (e, u) => (n(), i(b, {
-        key: `tag_line_${e.id}`
-      }, [
-        (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-          key: `tag_line_${u}_${r}`
-        }, [
-          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (n(), i("div", {
-            key: 0,
-            ref_for: !0,
-            ref: (o) => kt(u, r, o, "right", "line"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "right",
-            style: L({
-              position: "fixed",
-              top: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.right + t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_right_line`],
-                position: "right"
-              }).top + "px",
-              left: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.right + t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_right_line`],
-                position: "right"
-              }).left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: m(ht)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.line.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (n(), i("svg", Ts, [
-              S("path", {
-                d: "M 0,10 10,0 10,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, zs)
-            ])),
-            S("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: m(Ae)(
-                t.value.line.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: r,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, Is)
-          ], 4)) : g("", !0),
-          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), i("div", {
-            key: 1,
-            ref_for: !0,
-            ref: (o) => kt(u, r, o, "left", "line"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "left",
-            style: L({
-              position: "fixed",
-              top: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.left - t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_left_line`],
-                position: "left"
-              }).top + "px",
-              left: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.left - t.value.line.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_left_line`],
-                position: "left"
-              }).left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: m(ht)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.line.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (n(), i("svg", Ns, [
-              S("path", {
-                d: "M 0,0 10,10 0,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, Ps)
-            ])),
-            S("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: m(Ae)(
-                t.value.line.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: r,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, Fs)
-          ], 4)) : g("", !0)
-        ], 64))), 128))
-      ], 64))), 128)),
-      (n(!0), i(b, null, _(tt.value, (e, u) => (n(), i(b, {
-        key: `tag_plot_${e.id}`
-      }, [
-        (n(!0), i(b, null, _(e.plots, (a, r) => (n(), i(b, {
-          key: `tag_plot_${u}_${r}`
-        }, [
-          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (n(), i("div", {
-            key: 0,
-            ref_for: !0,
-            ref: (o) => kt(u, r, o, "right", "plot"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "right",
-            style: L({
-              position: "fixed",
-              top: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.right + t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_right_plot`],
-                position: "right"
-              }).top + "px",
-              left: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.right + t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_right_plot`],
-                position: "right"
-              }).left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: m(ht)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.plot.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (n(), i("svg", Rs, [
-              S("path", {
-                d: "M 0,10 10,0 10,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, Os)
-            ])),
-            S("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: m(Ae)(
-                t.value.plot.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: r,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, Vs)
-          ], 4)) : g("", !0),
-          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (n(), i("div", {
-            key: 1,
-            ref_for: !0,
-            ref: (o) => kt(u, r, o, "left", "plot"),
-            class: "vue-ui-xy-tag",
-            "data-tag": "left",
-            style: L({
-              position: "fixed",
-              top: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.left - t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_left_plot`],
-                position: "left"
-              }).top + "px",
-              left: m(Yt)({
-                svgElement: $e.value,
-                x: c.value.left - t.value.plot.tag.fontSize / 1.5,
-                y: a.y,
-                element: nt.value[`${u}_${r}_left_plot`],
-                position: "left"
-              }).left + "px",
-              height: "fit-content",
-              width: "fit-content",
-              background: e.color,
-              color: m(ht)(e.color),
-              padding: "0 6px",
-              fontSize: t.value.plot.tag.fontSize + "px",
-              opacity: 1
-            })
-          }, [
-            (n(), i("svg", Bs, [
-              S("path", {
-                d: "M 0,0 10,10 0,20 Z",
-                fill: e.color,
-                stroke: "none"
-              }, null, 8, Es)
-            ])),
-            S("div", {
-              class: "vue-ui-xy-tag-content",
-              innerHTML: m(Ae)(
-                t.value.plot.tag.formatter,
-                a.value,
-                e.name,
-                {
-                  datapoint: a,
-                  seriesIndex: r,
-                  serieName: e.name
-                }
-              )
-            }, null, 8, Hs)
-          ], 4)) : g("", !0)
-        ], 64))), 128))
-      ], 64))), 128)),
-      t.value.chart.zoom.show && je.value > 6 && At.value && Dl.value ? (n(), vt(Si, {
-        key: 5,
-        ref_key: "chartSlicer",
-        ref: Je,
-        immediate: !t.value.chart.zoom.preview.enable,
-        max: je.value,
-        min: 0,
-        valueStart: k.value.start,
-        valueEnd: k.value.end,
-        start: k.value.start,
-        end: k.value.end,
-        "onUpdate:start": Ca,
-        "onUpdate:end": Aa,
-        selectedSeries: It.value,
-        customFormat: t.value.chart.zoom.customFormat,
-        background: t.value.chart.zoom.color,
-        fontSize: t.value.chart.zoom.fontSize,
-        useResetSlot: t.value.chart.zoom.useResetSlot,
-        labelLeft: h.value[0] ? h.value[0].text : "",
-        labelRight: h.value.at(-1) ? h.value.at(-1).text : "",
-        textColor: t.value.chart.color,
-        usePreciseLabels: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat,
-        preciseLabels: Ta.value,
-        inputColor: t.value.chart.zoom.color,
-        selectColor: t.value.chart.zoom.highlightColor,
-        borderColor: t.value.chart.backgroundColor,
-        minimap: Vo.value,
-        smoothMinimap: t.value.chart.zoom.minimap.smooth,
-        minimapSelectedColor: t.value.chart.zoom.minimap.selectedColor,
-        minimapSelectionRadius: t.value.chart.zoom.minimap.selectionRadius,
-        minimapLineColor: t.value.chart.zoom.minimap.lineColor,
-        minimapSelectedColorOpacity: t.value.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: M.value,
-        minimapIndicatorColor: t.value.chart.zoom.minimap.indicatorColor,
-        verticalHandles: t.value.chart.zoom.minimap.verticalHandles,
-        refreshStartPoint: t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex : 0,
-        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(...w.dataset.map((e) => yt(e.series).length)),
-        enableRangeHandles: t.value.chart.zoom.enableRangeHandles,
-        enableSelectionDrag: t.value.chart.zoom.enableSelectionDrag,
-        minimapCompact: t.value.chart.zoom.minimap.compact,
-        allMinimaps: Bo.value,
-        minimapMerged: t.value.chart.zoom.minimap.merged,
-        minimapFrameColor: t.value.chart.zoom.minimap.frameColor,
-        cutNullValues: t.value.line.cutNullValues,
-        focusOnDrag: t.value.chart.zoom.focusOnDrag,
-        focusRangeRatio: t.value.chart.zoom.focusRangeRatio,
-        onReset: Co,
-        onTrapMouse: wt,
-        onFutureStart: s[1] || (s[1] = (e) => Vl("start", e)),
-        onFutureEnd: s[2] || (s[2] = (e) => Vl("end", e)),
-        timeLabels: f.value,
-        isPreview: Ol.value
-      }, {
-        "reset-action": Me(({ reset: e }) => [
-          le(l.$slots, "reset-action", Gt(hl({ reset: e })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["immediate", "max", "valueStart", "valueEnd", "start", "end", "selectedSeries", "customFormat", "background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "usePreciseLabels", "preciseLabels", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "allMinimaps", "minimapMerged", "minimapFrameColor", "cutNullValues", "focusOnDrag", "focusRangeRatio", "timeLabels", "isPreview"])) : g("", !0),
-      S("div", {
-        id: `legend-bottom-${Z.value}`
-      }, null, 8, Ds),
-      H.value ? (n(), vt(an, {
-        key: 6,
-        to: t.value.chart.legend.position === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
-      }, [
-        t.value.chart.legend.show ? (n(), i("div", {
-          key: 0,
-          ref_key: "chartLegend",
-          ref: Le,
-          class: "vue-ui-xy-legend",
-          style: L({
-            fontSize: `var(--legend-font-size, ${t.value.chart.legend.fontSize ?? 14}px)`
-          })
-        }, [
-          (n(!0), i(b, null, _(Ge.value, (e, u) => (n(), i("div", {
-            key: `div_legend_item_${u}`,
-            onClick: (a) => Ga(e),
-            class: Ke({ "vue-ui-xy-legend-item-alone": Ge.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ve.value.includes(e.id) })
-          }, [
-            jt.value[e.type] === "line" ? (n(), i("svg", Xs, [
-              S("rect", {
-                x: "0",
-                y: "7.5",
-                rx: "1.5",
-                stroke: t.value.chart.backgroundColor,
-                "stroke-width": 0.5,
-                height: "3",
-                width: "20",
-                fill: e.color
-              }, null, 8, Ys),
-              gl(ma, {
-                plot: { x: 10, y: 9 },
-                radius: 4,
-                color: e.color,
-                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"])
-            ])) : jt.value[e.type] === "bar" ? (n(), i("svg", Gs, [
-              jt.value[e.type] === "bar" && l.$slots.pattern ? (n(), i("rect", {
-                key: 0,
-                x: "4",
-                y: "4",
-                rx: "1",
-                height: "32",
-                width: "32",
-                stroke: "none",
-                fill: e.color
-              }, null, 8, Us)) : g("", !0),
-              jt.value[e.type] === "bar" ? (n(), i("rect", {
-                key: 1,
-                x: "4",
-                y: "4",
-                rx: "1",
-                height: "32",
-                width: "32",
-                stroke: "none",
-                fill: l.$slots.pattern ? `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})` : e.color
-              }, null, 8, qs)) : g("", !0)
-            ])) : (n(), i("svg", Zs, [
-              gl(ma, {
-                plot: { x: 6, y: 6 },
-                radius: 5,
-                color: e.color,
-                shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle"
-              }, null, 8, ["color", "shape"])
-            ])),
-            S("span", {
-              style: L(`color:${t.value.chart.legend.color}`)
-            }, xe(e.name), 5)
-          ], 10, Ws))), 128))
-        ], 4)) : (n(), i("div", {
-          key: 1,
-          ref_key: "chartLegend",
-          ref: Le
-        }, [
-          le(l.$slots, "legend", { legend: Ge.value }, void 0, !0)
-        ], 512))
-      ], 8, ["to"])) : g("", !0),
-      l.$slots.source ? (n(), i("div", {
-        key: 7,
-        ref_key: "source",
-        ref: mt,
-        dir: "auto"
-      }, [
-        le(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : g("", !0),
-      gl(m(ce), {
-        show: p.value.showTooltip && bl.value,
-        backgroundColor: t.value.chart.tooltip.backgroundColor,
-        color: t.value.chart.tooltip.color,
-        fontSize: t.value.chart.tooltip.fontSize,
-        borderRadius: t.value.chart.tooltip.borderRadius,
-        borderColor: t.value.chart.tooltip.borderColor,
-        borderWidth: t.value.chart.tooltip.borderWidth,
-        backgroundOpacity: t.value.chart.tooltip.backgroundOpacity,
-        position: t.value.chart.tooltip.position,
-        offsetY: t.value.chart.tooltip.offsetY,
-        parent: l.$refs.chart,
-        content: Eo.value,
-        isFullscreen: Re.value,
-        isCustom: t.value.chart.tooltip.customFormat && typeof t.value.chart.tooltip.customFormat == "function",
-        smooth: t.value.chart.tooltip.smooth,
-        backdropFilter: t.value.chart.tooltip.backdropFilter,
-        smoothForce: t.value.chart.tooltip.smoothForce,
-        smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold
-      }, {
-        "tooltip-before": Me(() => [
-          le(l.$slots, "tooltip-before", Gt(hl({ ...ja.value })), void 0, !0)
-        ]),
-        "tooltip-after": Me(() => [
-          le(l.$slots, "tooltip-after", Gt(hl({ ...ja.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      At.value && t.value.chart.userOptions.buttons.table ? (n(), vt(on(Yl.value.component), Ut({ key: 8 }, Yl.value.props, {
-        ref_key: "tableUnit",
-        ref: Qe,
-        onClose: vo
-      }), xo({
-        content: Me(() => [
-          S("div", {
-            style: L(`${m(et) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
-          }, [
-            S("div", Ks, [
-              Oa(S("input", {
-                type: "checkbox",
-                "onUpdate:modelValue": s[4] || (s[4] = (e) => De.value = e)
-              }, null, 512), [
-                [nn, De.value]
-              ]),
-              S("div", {
-                onClick: s[5] || (s[5] = (e) => De.value = !De.value),
-                style: { cursor: "pointer" }
-              }, [
-                gl(m(me), {
-                  name: "chartLine",
-                  size: 20,
-                  stroke: t.value.chart.color
-                }, null, 8, ["stroke"])
-              ])
-            ]),
-            De.value ? (n(), vt(m(Ll), {
-              key: `sparkline_${xt.value}`,
-              dataset: Fo.value,
-              config: Ro.value
-            }, null, 8, ["dataset", "config"])) : (n(), vt(m(Fe), {
-              key: `table_${Il.value}`,
-              colNames: ca.value.colNames,
-              head: ca.value.head,
-              body: ca.value.body,
-              config: ca.value.config,
-              title: t.value.table.useDialog ? "" : Yl.value.title,
-              withCloseButton: !t.value.table.useDialog,
-              onClose: vo
-            }, {
-              th: Me(({ th: e }) => [
-                S("div", { innerHTML: e }, null, 8, Js)
-              ]),
-              td: Me(({ td: e }) => [
-                bo(xe(isNaN(Number(e)) ? e : m(_t)({
-                  p: t.value.chart.labels.prefix,
-                  v: e,
-                  s: t.value.chart.labels.suffix,
-                  r: t.value.table.rounding
-                })), 1)
-              ]),
-              _: 1
-            }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
-          ], 4)
-        ]),
-        _: 2
-      }, [
-        t.value.table.useDialog ? {
-          name: "title",
-          fn: Me(() => [
-            bo(xe(Yl.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        t.value.table.useDialog ? {
-          name: "actions",
-          fn: Me(() => [
-            S("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: s[3] || (s[3] = (e) => za(t.value.chart.userOptions.callbacks.csv))
-            }, [
-              gl(m(me), {
-                name: "excel",
-                stroke: Yl.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : g("", !0),
-      m(be) ? (n(), vt($n, { key: 9 })) : g("", !0)
-    ], 46, $i));
-  }
-}, mr = /* @__PURE__ */ Lo(Qs, [["__scopeId", "data-v-9baf1f86"]]);
-export {
-  mr as default
-};