vue-data-ui 3.1.13 → 3.1.15

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

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