vue-data-ui 3.1.9 → 3.1.11

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

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