vue-data-ui 3.1.13 → 3.1.15

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

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