velo-plot 3.1.0 → 4.0.0-alpha.1

package/dist/{ChartCore-AnR_3Xkb.js → ChartCore-KYG2HTcK.js}

@@ -1,9 +1,9 @@
-var Oe = Object.defineProperty;
-var Ye = (s, e, t) => e in s ? Oe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var g = (s, e, t) => Ye(s, typeof e != "symbol" ? e + "" : e, t);
-import { g as _e, h as Ve, E as Xe } from "./axisFormat-Sz4WIJfQ.js";
+var _e = Object.defineProperty;
+var Xe = (s, e, t) => e in s ? _e(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var g = (s, e, t) => Xe(s, typeof e != "symbol" ? e + "" : e, t);
+import { g as $e, h as He, E as Ne } from "./axisFormat-Sz4WIJfQ.js";
 const U = { top: 20, right: 30, bottom: 55, left: 75 };
-class $e {
+class Ue {
   constructor(e) {
     g(this, "buffers", /* @__PURE__ */ new Map());
     g(this, "bufferSizes", /* @__PURE__ */ new Map());
@@ -35,7 +35,7 @@ class $e {
     this.buffers.forEach((e) => this.gl.deleteBuffer(e)), this.buffers.clear(), this.bufferSizes.clear();
   }
 }
-const ue = `
+const ge = `
 precision highp float;
 attribute vec2 position;
 uniform vec2 uScale;
@@ -45,14 +45,14 @@ void main() {
   vec2 pos = position * uScale + uTranslate;
   gl_Position = vec4(pos, 0.0, 1.0);
 }
-`, de = `
+`, fe = `
 precision highp float;
 uniform vec4 uColor;
 
 void main() {
   gl_FragColor = uColor;
 }
-`, He = `
+`, qe = `
 precision highp float;
 attribute vec2 position;
 uniform vec2 uScale;
@@ -64,7 +64,7 @@ void main() {
   gl_Position = vec4(pos, 0.0, 1.0);
   gl_PointSize = uPointSize;
 }
-`, Ne = `
+`, We = `
 precision highp float;
 uniform vec4 uColor;
 uniform int uSymbol;
@@ -145,7 +145,7 @@ void main() {
   float alpha = 1.0 - smoothstep(0.0, 0.02, d);
   gl_FragColor = vec4(uColor.rgb, uColor.a * alpha);
 }
-`, Ii = `
+`, Yi = `
 precision highp float;
 attribute vec2 aPosition;
 attribute float aValue;
@@ -157,7 +157,7 @@ void main() {
   gl_Position = vec4(aPosition * uScale + uTranslate, 0.0, 1.0);
   vValue = aValue;
 }
-`, Ei = `
+`, Vi = `
 precision highp float;
 varying float vValue;
 uniform float uMinValue;
@@ -171,7 +171,7 @@ void main() {
   gl_FragColor = texture2D(uColormap, vec2(t, 0.5));
 }
 `;
-function ge(s, e, t) {
+function me(s, e, t) {
   const i = s.createShader(t);
   if (!i) throw new Error("Failed to create shader");
   if (s.shaderSource(i, e), s.compileShader(i), !s.getShaderParameter(i, s.COMPILE_STATUS)) {
@@ -180,8 +180,8 @@ function ge(s, e, t) {
   }
   return i;
 }
-function te(s, e, t, i) {
-  const n = ge(s, e, s.VERTEX_SHADER), o = ge(s, t, s.FRAGMENT_SHADER), r = s.createProgram();
+function ie(s, e, t, i) {
+  const n = me(s, e, s.VERTEX_SHADER), o = me(s, t, s.FRAGMENT_SHADER), r = s.createProgram();
   if (!r) throw new Error("Failed to create program");
   if (s.attachShader(r, n), s.attachShader(r, o), s.linkProgram(r), !s.getProgramParameter(r, s.LINK_STATUS)) {
     const a = s.getProgramInfoLog(r);
@@ -208,17 +208,17 @@ function te(s, e, t, i) {
     }
   };
 }
-function Ue(s) {
+function Ge(s) {
   return {
-    lineProgram: te(s, ue, de, "line"),
-    pointProgram: te(s, He, Ne, "point"),
-    heatmapProgram: te(s, ue, de, "line")
+    lineProgram: ie(s, ge, fe, "line"),
+    pointProgram: ie(s, qe, We, "point"),
+    heatmapProgram: ie(s, ge, fe, "line")
   };
 }
-function qe(s) {
-  return Ue(s);
+function je(s) {
+  return Ge(s);
 }
-function H(s) {
+function N(s) {
   if (!s) return [1, 0, 1, 1];
   if (s.startsWith("#")) {
     const e = s.slice(1);
@@ -242,16 +242,17 @@ function H(s) {
   }
   return [1, 0, 1, 1];
 }
-function We(s, e = !0) {
-  const [t, i, n, o] = H(s), [r, a, l] = Ge(t, i, n), c = (r + 0.12) % 1, u = Math.min(1, a + 0.4);
-  let h;
-  e ? h = l < 0.4 ? 0.8 : Math.min(0.95, l + 0.2) : h = l > 0.6 ? 0.25 : Math.max(0.1, l - 0.2), h = Math.max(0.15, Math.min(0.9, h));
-  const [d, y, f] = je(c, u, h), m = Math.round(d * 255), x = Math.round(y * 255), b = Math.round(f * 255);
-  return o < 1 ? `rgba(${m}, ${x}, ${b}, ${o})` : `rgb(${m}, ${x}, ${b})`;
+function Qe(s, e = !0) {
+  const [t, i, n, o] = N(s), [r, a, l] = Ze(t, i, n), h = (r + 0.12) % 1, d = Math.min(1, a + 0.4);
+  let c;
+  e ? c = l < 0.4 ? 0.8 : Math.min(0.95, l + 0.2) : c = l > 0.6 ? 0.25 : Math.max(0.1, l - 0.2), c = Math.max(0.15, Math.min(0.9, c));
+  const [u, m, f] = Je(h, d, c), y = Math.round(u * 255), p = Math.round(m * 255), b = Math.round(f * 255);
+  return o < 1 ? `rgba(${y}, ${p}, ${b}, ${o})` : `rgb(${y}, ${p}, ${b})`;
 }
-function Ge(s, e, t) {
+function Ze(s, e, t) {
   const i = Math.max(s, e, t), n = Math.min(s, e, t);
-  let o = 0, r = 0, a = (i + n) / 2;
+  let o = 0, r = 0;
+  const a = (i + n) / 2;
   if (i !== n) {
     const l = i - n;
     switch (r = a > 0.5 ? l / (2 - i - n) : l / (i + n), i) {
@@ -269,45 +270,45 @@ function Ge(s, e, t) {
   }
   return [o, r, a];
 }
-function je(s, e, t) {
+function Je(s, e, t) {
   let i, n, o;
   if (e === 0)
     i = n = o = t;
   else {
-    const r = (c, u, h) => (h < 0 && (h += 1), h > 1 && (h -= 1), h < 0.16666666666666666 ? c + (u - c) * 6 * h : h < 0.5 ? u : h < 0.6666666666666666 ? c + (u - c) * (0.6666666666666666 - h) * 6 : c), a = t < 0.5 ? t * (1 + e) : t + e - t * e, l = 2 * t - a;
+    const r = (h, d, c) => (c < 0 && (c += 1), c > 1 && (c -= 1), c < 0.16666666666666666 ? h + (d - h) * 6 * c : c < 0.5 ? d : c < 0.6666666666666666 ? h + (d - h) * (0.6666666666666666 - c) * 6 : h), a = t < 0.5 ? t * (1 + e) : t + e - t * e, l = 2 * t - a;
     i = r(l, a, s + 1 / 3), n = r(l, a, s), o = r(l, a, s - 1 / 3);
   }
   return [i, n, o];
 }
-function we(s, e) {
+function Ce(s, e) {
   const t = Math.min(s.length, e.length), i = new Float32Array(t * 2);
   for (let n = 0; n < t; n++)
     i[n * 2] = s[n], i[n * 2 + 1] = e[n];
   return i;
 }
-function Qe(s, e, t = "after") {
+function Ke(s, e, t = "after") {
   const i = Math.min(s.length, e.length);
   if (i < 2)
-    return we(s, e);
+    return Ce(s, e);
   const n = t === "center" ? 1 + (i - 1) * 3 : i * 2 - 1, o = new Float32Array(n * 2);
   let r = 0;
   for (let a = 0; a < i; a++)
     if (a === 0)
       o[r++] = s[0], o[r++] = e[0];
     else {
-      const l = s[a - 1], c = e[a - 1], u = s[a], h = e[a];
+      const l = s[a - 1], h = e[a - 1], d = s[a], c = e[a];
       if (t === "after")
-        o[r++] = u, o[r++] = c, o[r++] = u, o[r++] = h;
+        o[r++] = d, o[r++] = h, o[r++] = d, o[r++] = c;
       else if (t === "before")
-        o[r++] = l, o[r++] = h, o[r++] = u, o[r++] = h;
+        o[r++] = l, o[r++] = c, o[r++] = d, o[r++] = c;
       else {
-        const d = (l + u) / 2;
-        o[r++] = d, o[r++] = c, o[r++] = d, o[r++] = h, o[r++] = u, o[r++] = h;
+        const u = (l + d) / 2;
+        o[r++] = u, o[r++] = h, o[r++] = u, o[r++] = c, o[r++] = d, o[r++] = c;
       }
     }
   return o.subarray(0, r);
 }
-function Ce(s, e, t) {
+function Ae(s, e, t) {
   const i = Math.min(s.length, e.length, t.length), n = new Float32Array(i * 2 * 2);
   for (let o = 0; o < i; o++) {
     const r = o * 4, a = s[o];
@@ -315,40 +316,40 @@ function Ce(s, e, t) {
   }
   return n;
 }
-function Ze(s, e, t, i) {
+function et(s, e, t, i) {
   const n = s.length;
   let o = 0;
   t && o++, i && o++;
   const r = new Float32Array(n * o * 2 * 2);
   let a = 0;
   for (let l = 0; l < n; l++) {
-    const c = s[l], u = e[l];
+    const h = s[l], d = e[l];
     if (t) {
-      let h = 0, d = 0;
-      t.yError && l < t.yError.length ? h = d = t.yError[l] : (h = t.yErrorMinus ? t.yErrorMinus[l] : 0, d = t.yErrorPlus ? t.yErrorPlus[l] : 0), r[a++] = c, r[a++] = u - h, r[a++] = c, r[a++] = u + d;
+      let c = 0, u = 0;
+      t.yError && l < t.yError.length ? c = u = t.yError[l] : (c = t.yErrorMinus ? t.yErrorMinus[l] : 0, u = t.yErrorPlus ? t.yErrorPlus[l] : 0), r[a++] = h, r[a++] = d - c, r[a++] = h, r[a++] = d + u;
     }
     if (i) {
-      let h = 0, d = 0;
-      i.xError && l < i.xError.length ? h = d = i.xError[l] : (h = i.xErrorMinus ? i.xErrorMinus[l] : 0, d = i.xErrorPlus ? i.xErrorPlus[l] : 0), r[a++] = c - h, r[a++] = u, r[a++] = c + d, r[a++] = u;
+      let c = 0, u = 0;
+      i.xError && l < i.xError.length ? c = u = i.xError[l] : (c = i.xErrorMinus ? i.xErrorMinus[l] : 0, u = i.xErrorPlus ? i.xErrorPlus[l] : 0), r[a++] = h - c, r[a++] = d, r[a++] = h + u, r[a++] = d;
     }
   }
   return r.subarray(0, a);
 }
-function Je(s, e = !1) {
+function tt(s, e = !1) {
   const t = s.xMax - s.xMin, i = s.yMax - s.yMin, n = t > 0 ? (e ? -2 : 2) / t : 1, o = i > 0 ? 2 / i : 1, r = e ? 1 - s.xMin * n : -1 - s.xMin * n, a = -1 - s.yMin * o;
   return {
     scale: [n, o],
     translate: [r, a]
   };
 }
-function Z(s, e, t, i, n, o, r = 1) {
+function J(s, e, t, i, n, o, r = 1) {
   s.useProgram(e.program), s.lineWidth(r), s.bindBuffer(s.ARRAY_BUFFER, t), s.enableVertexAttribArray(e.attributes.position), s.vertexAttribPointer(e.attributes.position, 2, s.FLOAT, !1, 0, 0), s.uniform2f(e.uniforms.uScale, n.scale[0], n.scale[1]), s.uniform2f(
     e.uniforms.uTranslate,
     n.translate[0],
     n.translate[1]
   ), s.uniform4f(e.uniforms.uColor, o[0], o[1], o[2], o[3]), s.drawArrays(s.LINE_STRIP, 0, i), s.disableVertexAttribArray(e.attributes.position);
 }
-function Ke(s, e, t, i, n, o) {
+function it(s, e, t, i, n, o) {
   s.useProgram(e.program), s.bindBuffer(s.ARRAY_BUFFER, t), s.enableVertexAttribArray(e.attributes.position), s.vertexAttribPointer(e.attributes.position, 2, s.FLOAT, !1, 0, 0), s.uniform2f(e.uniforms.uScale, n.scale[0], n.scale[1]), s.uniform2f(
     e.uniforms.uTranslate,
     n.translate[0],
@@ -357,7 +358,7 @@ function Ke(s, e, t, i, n, o) {
   const r = o[3] * 0.4;
   s.uniform4f(e.uniforms.uColor, o[0], o[1], o[2], r), s.drawArrays(s.TRIANGLE_STRIP, 0, i), s.disableVertexAttribArray(e.attributes.position);
 }
-function ie(s, e, t, i, n, o, r, a = "circle") {
+function se(s, e, t, i, n, o, r, a = "circle") {
   if (s.useProgram(e.program), s.bindBuffer(s.ARRAY_BUFFER, t), s.enableVertexAttribArray(e.attributes.position), s.vertexAttribPointer(e.attributes.position, 2, s.FLOAT, !1, 0, 0), s.uniform2f(e.uniforms.uScale, n.scale[0], n.scale[1]), s.uniform2f(
     e.uniforms.uTranslate,
     n.translate[0],
@@ -377,63 +378,63 @@ function ie(s, e, t, i, n, o, r, a = "circle") {
   }
   s.drawArrays(s.POINTS, 0, i), s.disableVertexAttribArray(e.attributes.position);
 }
-function et(s, e, t, i, n, o, r = 1) {
+function st(s, e, t, i, n, o, r = 1) {
   s.useProgram(e.program), s.lineWidth(r), s.bindBuffer(s.ARRAY_BUFFER, t), s.enableVertexAttribArray(e.attributes.position), s.vertexAttribPointer(e.attributes.position, 2, s.FLOAT, !1, 0, 0), s.uniform2f(e.uniforms.uScale, n.scale[0], n.scale[1]), s.uniform2f(
     e.uniforms.uTranslate,
     n.translate[0],
     n.translate[1]
   ), s.uniform4f(e.uniforms.uColor, o[0], o[1], o[2], o[3]), s.drawArrays(s.LINES, 0, i), s.disableVertexAttribArray(e.attributes.position);
 }
-function fe(s) {
-  const e = H(s.color ?? "#ff0055");
+function ye(s) {
+  const e = N(s.color ?? "#ff0055");
   return e[3] = s.opacity ?? 1, e;
 }
-const Ae = /* @__PURE__ */ new Map();
-function Ri(s, e) {
-  Ae.set(s, e);
+const ke = /* @__PURE__ */ new Map();
+function _i(s, e) {
+  ke.set(s, e);
 }
-function tt(s) {
-  return Ae.get(s);
+function nt(s) {
+  return ke.get(s);
 }
-function it(s, e, t, i, n, o) {
-  const { bounds: r, backgroundColor: a = [0.1, 0.1, 0.18, 1], plotArea: l } = o, c = e.height, u = e.width, h = l ? {
+function ot(s, e, t, i, n, o) {
+  const { bounds: r, backgroundColor: a = [0.1, 0.1, 0.18, 1], plotArea: l } = o, h = e.height, d = e.width, c = l ? {
     x: l.x * t,
-    y: c - (l.y + l.height) * t,
+    y: h - (l.y + l.height) * t,
     width: l.width * t,
     height: l.height * t
   } : {
     x: 0,
     y: 0,
-    width: u,
-    height: c
+    width: d,
+    height: h
   };
-  s.viewport(0, 0, u, c), s.disable(s.SCISSOR_TEST), s.clearColor(
+  s.viewport(0, 0, d, h), s.disable(s.SCISSOR_TEST), s.clearColor(
     a[0],
     a[1],
     a[2],
     a[3]
-  ), s.clear(s.COLOR_BUFFER_BIT), s.viewport(h.x, h.y, h.width, h.height), s.enable(s.SCISSOR_TEST), s.scissor(h.x, h.y, h.width, h.height), o.plotAreaBackground && (s.clearColor(
+  ), s.clear(s.COLOR_BUFFER_BIT), s.viewport(c.x, c.y, c.width, c.height), s.enable(s.SCISSOR_TEST), s.scissor(c.x, c.y, c.width, c.height), o.plotAreaBackground && (s.clearColor(
     o.plotAreaBackground[0],
     o.plotAreaBackground[1],
     o.plotAreaBackground[2],
     o.plotAreaBackground[3]
   ), s.clear(s.COLOR_BUFFER_BIT));
-  const d = Je(r, o.invertX), y = {
+  const u = tt(r, o.invertX), m = {
     gl: s,
     canvas: e,
     dpr: t,
     programs: i,
     options: o,
     bounds: r,
-    pa: h
+    pa: c
   };
   for (const f of n) {
     if (!f.visible || f.count === 0 && f.type !== "boxplot" && f.type !== "waterfall") continue;
-    const m = f.yBounds ? f.yBounds.min : r.yMin, b = (f.yBounds ? f.yBounds.max : r.yMax) - m, v = b > 0 ? 2 / b : 1, p = -1 - m * v, M = {
-      scale: [d.scale[0], v],
-      translate: [d.translate[0], p]
-    }, S = fe(f.style), w = tt(f.type);
-    if (w ? w(y, f, M, S) : f.type === "scatter" ? ie(
+    const y = f.yBounds ? f.yBounds.min : r.yMin, b = (f.yBounds ? f.yBounds.max : r.yMax) - y, v = b > 0 ? 2 / b : 1, x = -1 - y * v, M = {
+      scale: [u.scale[0], v],
+      translate: [u.translate[0], x]
+    }, S = ye(f.style), w = nt(f.type);
+    if (w ? w(m, f, M, S) : f.type === "scatter" ? se(
       s,
       i.pointProgram,
       f.buffer,
@@ -442,7 +443,7 @@ function it(s, e, t, i, n, o) {
       S,
       (f.style.pointSize ?? 4) * t,
       f.style.symbol
-    ) : f.type === "line" ? Z(
+    ) : f.type === "line" ? J(
       s,
       i.lineProgram,
       f.buffer,
@@ -450,7 +451,7 @@ function it(s, e, t, i, n, o) {
       M,
       S,
       (f.style.width ?? 1) * t
-    ) : f.type === "line+scatter" ? (Z(
+    ) : f.type === "line+scatter" ? (J(
       s,
       i.lineProgram,
       f.buffer,
@@ -458,7 +459,7 @@ function it(s, e, t, i, n, o) {
       M,
       S,
       (f.style.width ?? 1) * t
-    ), ie(
+    ), se(
       s,
       i.pointProgram,
       f.buffer,
@@ -467,7 +468,7 @@ function it(s, e, t, i, n, o) {
       S,
       (f.style.pointSize ?? 4) * t,
       f.style.symbol
-    )) : f.type === "step" || f.type === "step+scatter" ? (f.stepBuffer && f.stepCount ? Z(
+    )) : f.type === "step" || f.type === "step+scatter" ? (f.stepBuffer && f.stepCount ? J(
       s,
       i.lineProgram,
       f.stepBuffer,
@@ -475,7 +476,7 @@ function it(s, e, t, i, n, o) {
       M,
       S,
       (f.style.width ?? 1) * t
-    ) : Z(
+    ) : J(
       s,
       i.lineProgram,
       f.buffer,
@@ -483,7 +484,7 @@ function it(s, e, t, i, n, o) {
       M,
       S,
       (f.style.width ?? 1) * t
-    ), f.type === "step+scatter" && ie(
+    ), f.type === "step+scatter" && se(
       s,
       i.pointProgram,
       f.buffer,
@@ -492,7 +493,7 @@ function it(s, e, t, i, n, o) {
       S,
       (f.style.pointSize ?? 4) * t,
       f.style.symbol
-    )) : f.type === "band" && Ke(
+    )) : f.type === "band" && it(
       s,
       i.lineProgram,
       f.buffer,
@@ -500,8 +501,8 @@ function it(s, e, t, i, n, o) {
       M,
       S
     ), f.errorBuffer && f.errorCount) {
-      const C = f.style.errorBars || {}, k = C.color ? fe({ color: C.color, opacity: C.opacity ?? 0.7 }) : S;
-      et(
+      const C = f.style.errorBars || {}, k = C.color ? ye({ color: C.color, opacity: C.opacity ?? 0.7 }) : S;
+      st(
         s,
         i.lineProgram,
         f.errorBuffer,
@@ -513,7 +514,7 @@ function it(s, e, t, i, n, o) {
     }
   }
 }
-class st {
+class rt {
   constructor(e) {
     g(this, "textures", /* @__PURE__ */ new Map());
     this.gl = e;
@@ -558,7 +559,7 @@ const _ = class _ {
       powerPreference: "high-performance"
     });
     if (!t) throw new Error("WebGL not supported");
-    this.gl = t, this.programs = qe(t), this.buffers = new $e(t), this.textures = new st(t), t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA), this.isInitialized = !0;
+    this.gl = t, this.programs = je(t), this.buffers = new Ue(t), this.textures = new rt(t), t.enable(t.BLEND), t.blendFunc(t.SRC_ALPHA, t.ONE_MINUS_SRC_ALPHA), this.isInitialized = !0;
   }
   installHeatmapProgram() {
     var e;
@@ -592,7 +593,7 @@ const _ = class _ {
     return this.textures.getTexture(e);
   }
   render(e, t) {
-    this.isInitialized && it(this.gl, this.canvas, this.dpr, this.programs, e, t);
+    this.isInitialized && ot(this.gl, this.canvas, this.dpr, this.programs, e, t);
   }
   resize() {
     const e = this.canvas.getBoundingClientRect(), t = Math.round(e.width * this.dpr), i = Math.round(e.height * this.dpr);
@@ -614,8 +615,32 @@ const _ = class _ {
 };
 /** Optional hook for extended bundles to install the heatmap shader program. */
 g(_, "heatmapProgramInstaller", null);
-let J = _;
-const he = {
+let K = _;
+class at {
+  constructor() {
+    g(this, "backend", "svg");
+  }
+  setDPR(e) {
+  }
+  resize() {
+  }
+  render() {
+  }
+  createBuffer(e, t) {
+  }
+  updateBuffer(e, t, i) {
+    return !1;
+  }
+  getBuffer(e) {
+  }
+  getTexture(e) {
+  }
+  deleteBuffer(e) {
+  }
+  destroy() {
+  }
+}
+const ue = {
   name: "vibrant",
   isDark: !0,
   colors: [
@@ -662,7 +687,7 @@ const he = {
   ],
   highlightColor: "#FFFFFF"
   // Pure White
-}, ke = {
+}, Te = {
   name: "pastel",
   isDark: !1,
   colors: [
@@ -709,7 +734,7 @@ const he = {
   ],
   highlightColor: "#1A1A1A"
   // Near Black
-}, nt = {
+}, lt = {
   name: "neon",
   isDark: !0,
   colors: [
@@ -756,7 +781,7 @@ const he = {
   ],
   highlightColor: "#FFFFFF"
   // Pure White
-}, ot = {
+}, ht = {
   name: "earth",
   isDark: !1,
   colors: [
@@ -803,7 +828,7 @@ const he = {
   ],
   highlightColor: "#000000"
   // Pure Black
-}, rt = {
+}, ct = {
   name: "ocean",
   isDark: !0,
   colors: [
@@ -850,21 +875,21 @@ const he = {
   ],
   highlightColor: "#FFD700"
   // Gold
-}, at = [
-  he,
-  ke,
-  nt,
-  ot,
-  rt
+}, ut = [
+  ue,
+  Te,
+  lt,
+  ht,
+  ct
 ];
-function me(s) {
-  const e = at.find((t) => t.name === s);
-  return e || (console.warn(`[ColorScheme] Unknown scheme "${s}", using vibrant`), he);
+function pe(s) {
+  const e = ut.find((t) => t.name === s);
+  return e || (console.warn(`[ColorScheme] Unknown scheme "${s}", using vibrant`), ue);
 }
-function ye(s) {
-  return s ? he : ke;
+function xe(s) {
+  return s ? ue : Te;
 }
-const E = {
+const I = {
   lineColor: "#666666",
   // Brighter
   lineWidth: 1,
@@ -904,7 +929,7 @@ const E = {
   padding: 5,
   itemGap: 3,
   swatchSize: 12
-}, ee = {
+}, te = {
   backgroundColor: "rgba(15, 23, 42, 0.2)",
   borderColor: "rgba(255, 255, 255, 0.08)",
   borderRadius: 8
@@ -916,7 +941,7 @@ const E = {
   tooltipBorder: "rgba(255, 255, 255, 0.2)",
   tooltipColor: "#ffffff",
   tooltipSize: 11
-}, oe = {
+}, ae = {
   name: "dark",
   isDark: !0,
   backgroundColor: "#0b0e14",
@@ -930,14 +955,14 @@ const E = {
     majorDash: []
   },
   xAxis: {
-    ...E,
+    ...I,
     labelColor: "#adbac7",
     titleColor: "#cdd9e5",
     lineColor: "#444c56",
     tickColor: "#444c56"
   },
   yAxis: {
-    ...E,
+    ...I,
     labelColor: "#adbac7",
     titleColor: "#cdd9e5",
     lineColor: "#444c56",
@@ -945,8 +970,8 @@ const E = {
   },
   legend: j,
   cursor: Q,
-  toolbar: ee
-}, lt = {
+  toolbar: te
+}, dt = {
   name: "midnight",
   isDark: !0,
   backgroundColor: "#05050a",
@@ -960,14 +985,14 @@ const E = {
     majorDash: []
   },
   xAxis: {
-    ...E,
+    ...I,
     lineColor: "#5a5a8a",
     labelColor: "#b0b0e0",
     titleColor: "#d0d0f0",
     tickColor: "#5a5a8a"
   },
   yAxis: {
-    ...E,
+    ...I,
     lineColor: "#5a5a8a",
     labelColor: "#b0b0e0",
     titleColor: "#d0d0f0",
@@ -979,7 +1004,7 @@ const E = {
     borderColor: "rgba(100, 100, 255, 0.4)"
   },
   toolbar: {
-    ...ee,
+    ...te,
     backgroundColor: "rgba(5, 5, 15, 0.2)",
     borderColor: "rgba(100, 100, 255, 0.2)"
   },
@@ -987,7 +1012,7 @@ const E = {
     ...Q,
     lineColor: "rgba(150, 150, 255, 0.7)"
   }
-}, ht = {
+}, gt = {
   name: "light",
   isDark: !1,
   backgroundColor: "#ffffff",
@@ -1001,14 +1026,14 @@ const E = {
     majorDash: []
   },
   xAxis: {
-    ...E,
+    ...I,
     lineColor: "#888888",
     tickColor: "#888888",
     labelColor: "#444444",
     titleColor: "#222222"
   },
   yAxis: {
-    ...E,
+    ...I,
     lineColor: "#888888",
     tickColor: "#888888",
     labelColor: "#444444",
@@ -1030,7 +1055,7 @@ const E = {
     lineColor: "rgba(0, 0, 0, 0.4)",
     tooltipBackground: "rgba(50, 50, 60, 0.95)"
   }
-}, ct = {
+}, ft = {
   name: "high-contrast",
   isDark: !0,
   backgroundColor: "#000000",
@@ -1044,14 +1069,14 @@ const E = {
     majorDash: []
   },
   xAxis: {
-    ...E,
+    ...I,
     lineColor: "#ffffff",
     tickColor: "#ffffff",
     labelColor: "#ffffff",
     titleColor: "#ffffff"
   },
   yAxis: {
-    ...E,
+    ...I,
     lineColor: "#ffffff",
     tickColor: "#ffffff",
     labelColor: "#ffffff",
@@ -1064,7 +1089,7 @@ const E = {
     textColor: "#ffffff"
   },
   toolbar: {
-    ...ee,
+    ...te,
     backgroundColor: "#000000",
     borderColor: "#ffffff"
   },
@@ -1074,7 +1099,7 @@ const E = {
     tooltipBackground: "#ffff00",
     tooltipColor: "#000000"
   }
-}, ut = {
+}, mt = {
   name: "electrochemistry",
   isDark: !0,
   backgroundColor: "#0a1628",
@@ -1088,14 +1113,14 @@ const E = {
     minorDivisions: 2
   },
   xAxis: {
-    ...E,
+    ...I,
     lineColor: "#1e88e5",
     tickColor: "#42a5f5",
     labelColor: "#90caf9",
     titleColor: "#bbdefb"
   },
   yAxis: {
-    ...E,
+    ...I,
     lineColor: "#1e88e5",
     tickColor: "#42a5f5",
     labelColor: "#90caf9",
@@ -1107,7 +1132,7 @@ const E = {
     borderColor: "rgba(30, 136, 229, 0.3)"
   },
   toolbar: {
-    ...ee,
+    ...te,
     backgroundColor: "rgba(10, 22, 40, 0.2)",
     borderColor: "rgba(30, 136, 229, 0.15)"
   },
@@ -1116,7 +1141,7 @@ const E = {
     lineColor: "rgba(100, 180, 255, 0.6)"
   }
 };
-function Di(s, e) {
+function Xi(s, e) {
   return {
     ...s,
     ...e,
@@ -1128,32 +1153,32 @@ function Di(s, e) {
     toolbar: { ...s.toolbar, ...e.toolbar }
   };
 }
-function Te(s) {
+function Be(s) {
   switch (s) {
     case "dark":
-      return oe;
+      return ae;
     case "midnight":
-      return lt;
+      return dt;
     case "light":
-      return ht;
+      return gt;
     case "electrochemistry":
     case "electrochem":
-      return ut;
+      return mt;
     case "high-contrast":
     case "highContrast":
-      return ct;
+      return ft;
     default:
-      return console.warn(`[Theme] Unknown theme "${s}", using dark`), oe;
+      return console.warn(`[Theme] Unknown theme "${s}", using dark`), ae;
   }
 }
-const dt = oe;
-function O(s) {
+const yt = ae;
+function Y(s) {
   return Math.floor(s) + 0.5;
 }
-function se(s) {
+function ne(s) {
   return Math.round(s);
 }
-class gt {
+class pt {
   constructor(e, t) {
     g(this, "ctx");
     g(this, "theme");
@@ -1206,11 +1231,11 @@ class gt {
         fontFamily: n.fontFamily,
         color: n.color
       });
-      let c = 0, u = 0;
-      const h = n.align ?? "left";
-      h === "center" ? c = -l.width / 2 : h === "right" && (c = -l.width);
-      const d = n.baseline ?? "alphabetic";
-      d === "middle" ? u = -l.height / 2 + l.baseline : d === "top" || d === "hanging" ? u = l.baseline : d === "bottom" || d === "ideographic" ? u = -(l.height - l.baseline) : u = 0, r.render(e, o, c, u, {
+      let h = 0, d = 0;
+      const c = n.align ?? "left";
+      c === "center" ? h = -l.width / 2 : c === "right" && (h = -l.width);
+      const u = n.baseline ?? "alphabetic";
+      u === "middle" ? d = -l.height / 2 + l.baseline : u === "top" || u === "hanging" ? d = l.baseline : u === "bottom" || u === "ideographic" ? d = -(l.height - l.baseline) : d = 0, r.render(e, o, h, d, {
         fontSize: n.fontSize,
         fontFamily: n.fontFamily,
         color: n.color
@@ -1236,22 +1261,22 @@ class gt {
    */
   drawGrid(e, t, i, n, o) {
     if (!this.theme.grid.visible) return;
-    const { ctx: r } = this, a = this.theme.grid, l = (n == null ? void 0 : n.tickCount) ?? 8, c = (o == null ? void 0 : o.tickCount) ?? 6, u = this.resolveGridXTicks(t, l), h = i.ticks(c);
-    if (r.strokeStyle = a.majorColor, r.lineWidth = a.majorWidth, r.setLineDash(a.majorDash), r.beginPath(), u.forEach((d) => {
-      const y = O(t.transform(d));
-      y >= e.x && y <= e.x + e.width && (r.moveTo(y, e.y), r.lineTo(y, e.y + e.height));
-    }), r.stroke(), r.beginPath(), h.forEach((d) => {
-      const y = O(i.transform(d));
-      y >= e.y && y <= e.y + e.height && (r.moveTo(e.x, y), r.lineTo(e.x + e.width, y));
+    const { ctx: r } = this, a = this.theme.grid, l = (n == null ? void 0 : n.tickCount) ?? 8, h = (o == null ? void 0 : o.tickCount) ?? 6, d = this.resolveGridXTicks(t, l), c = i.ticks(h);
+    if (r.strokeStyle = a.majorColor, r.lineWidth = a.majorWidth, r.setLineDash(a.majorDash), r.beginPath(), d.forEach((u) => {
+      const m = Y(t.transform(u));
+      m >= e.x && m <= e.x + e.width && (r.moveTo(m, e.y), r.lineTo(m, e.y + e.height));
+    }), r.stroke(), r.beginPath(), c.forEach((u) => {
+      const m = Y(i.transform(u));
+      m >= e.y && m <= e.y + e.height && (r.moveTo(e.x, m), r.lineTo(e.x + e.width, m));
     }), r.stroke(), a.showMinor) {
       r.strokeStyle = a.minorColor, r.lineWidth = a.minorWidth, r.setLineDash(a.minorDash);
-      const d = this.generateMinorTicks(u, a.minorDivisions), y = this.generateMinorTicks(h, a.minorDivisions);
-      r.beginPath(), d.forEach((f) => {
-        const m = O(t.transform(f));
-        m >= e.x && m <= e.x + e.width && (r.moveTo(m, e.y), r.lineTo(m, e.y + e.height));
-      }), r.stroke(), r.beginPath(), y.forEach((f) => {
-        const m = O(i.transform(f));
-        m >= e.y && m <= e.y + e.height && (r.moveTo(e.x, m), r.lineTo(e.x + e.width, m));
+      const u = this.generateMinorTicks(d, a.minorDivisions), m = this.generateMinorTicks(c, a.minorDivisions);
+      r.beginPath(), u.forEach((f) => {
+        const y = Y(t.transform(f));
+        y >= e.x && y <= e.x + e.width && (r.moveTo(y, e.y), r.lineTo(y, e.y + e.height));
+      }), r.stroke(), r.beginPath(), m.forEach((f) => {
+        const y = Y(i.transform(f));
+        y >= e.y && y <= e.y + e.height && (r.moveTo(e.x, y), r.lineTo(e.x + e.width, y));
       }), r.stroke();
     }
     r.setLineDash([]);
@@ -1261,28 +1286,28 @@ class gt {
    */
   drawPolarGrid(e, t, i, n = 5, o = 12, r = "degrees") {
     if (!this.theme.grid.visible) return;
-    const { ctx: a } = this, l = this.theme.grid, c = t.transform(0), u = i.transform(0), h = [
+    const { ctx: a } = this, l = this.theme.grid, h = t.transform(0), d = i.transform(0), c = [
       { x: e.x, y: e.y },
       { x: e.x + e.width, y: e.y },
       { x: e.x, y: e.y + e.height },
       { x: e.x + e.width, y: e.y + e.height }
     ];
-    let d = 0;
-    for (const f of h) {
-      const m = Math.sqrt(Math.pow(f.x - c, 2) + Math.pow(f.y - u, 2));
-      d = Math.max(d, m);
+    let u = 0;
+    for (const f of c) {
+      const y = Math.sqrt(Math.pow(f.x - h, 2) + Math.pow(f.y - d, 2));
+      u = Math.max(u, y);
     }
     a.save(), a.beginPath(), a.rect(e.x, e.y, e.width, e.height), a.clip(), a.strokeStyle = l.majorColor, a.lineWidth = l.majorWidth, a.setLineDash(l.majorDash);
     for (let f = 1; f <= n; f++) {
-      const m = f / n * d;
-      a.beginPath(), a.arc(c, u, m, 0, 2 * Math.PI), a.stroke();
+      const y = f / n * u;
+      a.beginPath(), a.arc(h, d, y, 0, 2 * Math.PI), a.stroke();
     }
-    const y = r === "degrees" ? 360 / o * (Math.PI / 180) : 2 * Math.PI / o;
+    const m = r === "degrees" ? 360 / o * (Math.PI / 180) : 2 * Math.PI / o;
     for (let f = 0; f < o; f++) {
-      const m = f * y;
-      a.beginPath(), a.moveTo(c, u), a.lineTo(
-        c + d * Math.cos(m),
-        u - d * Math.sin(m)
+      const y = f * m;
+      a.beginPath(), a.moveTo(h, d), a.lineTo(
+        h + u * Math.cos(y),
+        d - u * Math.sin(y)
         // Subtract because Canvas Y is inverted
       ), a.stroke();
     }
@@ -1292,46 +1317,46 @@ class gt {
    * Draw X axis with ticks and labels
    */
   drawXAxis(e, t, i, n) {
-    const { ctx: o } = this, r = this.theme.xAxis, a = (i == null ? void 0 : i.tickCount) ?? 8, l = this.resolveXTicks(t, a), c = O(e.y + e.height), u = i == null ? void 0 : i.label, h = (i == null ? void 0 : i.showLine) !== !1, d = (i == null ? void 0 : i.showTicks) !== !1, y = (i == null ? void 0 : i.showLabels) !== !1, f = t.domain[1] - t.domain[0];
-    if (h && (o.strokeStyle = r.lineColor, o.lineWidth = r.lineWidth, o.beginPath(), o.moveTo(e.x, c), o.lineTo(e.x + e.width, c), o.stroke()), d || y) {
+    const { ctx: o } = this, r = this.theme.xAxis, a = (i == null ? void 0 : i.tickCount) ?? 8, l = this.resolveXTicks(t, a), h = Y(e.y + e.height), d = i == null ? void 0 : i.label, c = (i == null ? void 0 : i.showLine) !== !1, u = (i == null ? void 0 : i.showTicks) !== !1, m = (i == null ? void 0 : i.showLabels) !== !1, f = t.domain[1] - t.domain[0];
+    if (c && (o.strokeStyle = r.lineColor, o.lineWidth = r.lineWidth, o.beginPath(), o.moveTo(e.x, h), o.lineTo(e.x + e.width, h), o.stroke()), u || m) {
       o.fillStyle = r.labelColor, o.font = `${r.labelSize}px ${r.fontFamily}`;
-      const m = [];
-      for (const p of l) {
-        const M = se(t.transform(p));
+      const y = [];
+      for (const x of l) {
+        const M = ne(t.transform(x));
         if (M >= e.x && M <= e.x + e.width) {
-          const S = y ? this.formatXTick(p, i, f) : "";
-          (!y || S) && m.push({ tick: p, x: M, label: S });
+          const S = m ? this.formatXTick(x, i, f) : "";
+          (!m || S) && y.push({ tick: x, x: M, label: S });
         }
       }
-      let x = !1;
-      if (y && m.length > 1) {
-        let p = 0;
-        for (const S of m)
-          p = Math.max(p, o.measureText(S.label).width);
+      let p = !1;
+      if (m && y.length > 1) {
+        let x = 0;
+        for (const S of y)
+          x = Math.max(x, o.measureText(S.label).width);
         let M = 1 / 0;
-        for (let S = 1; S < m.length; S++)
-          M = Math.min(M, m[S].x - m[S - 1].x);
-        x = p + 8 > M;
+        for (let S = 1; S < y.length; S++)
+          M = Math.min(M, y[S].x - y[S - 1].x);
+        p = x + 8 > M;
       }
-      const b = c + r.tickLength + (x ? 6 : 3), v = x ? -Math.PI / 4 : void 0;
-      for (const p of m)
-        d && (o.strokeStyle = r.tickColor, o.beginPath(), o.moveTo(p.x, c), o.lineTo(p.x, c + r.tickLength), o.stroke()), y && p.label && this.drawLatexOrText(
-          p.label,
-          p.x,
+      const b = h + r.tickLength + (p ? 6 : 3), v = p ? -Math.PI / 4 : void 0;
+      for (const x of y)
+        u && (o.strokeStyle = r.tickColor, o.beginPath(), o.moveTo(x.x, h), o.lineTo(x.x, h + r.tickLength), o.stroke()), m && x.label && this.drawLatexOrText(
+          x.label,
+          x.x,
           b,
           {
             fontSize: r.labelSize,
             fontFamily: r.fontFamily,
             color: r.labelColor,
-            align: x ? "right" : "center",
-            baseline: x ? "middle" : "top",
+            align: p ? "right" : "center",
+            baseline: p ? "middle" : "top",
             rotation: v
           }
         );
     }
-    if (u) {
-      const m = (n == null ? void 0 : n.titleGap) ?? 45;
-      this.drawLatexOrText(u, e.x + e.width / 2, e.y + e.height + m, {
+    if (d) {
+      const y = (n == null ? void 0 : n.titleGap) ?? 45;
+      this.drawLatexOrText(d, e.x + e.width / 2, e.y + e.height + y, {
         fontSize: r.titleSize,
         fontFamily: r.fontFamily,
         color: r.titleColor,
@@ -1344,12 +1369,12 @@ class gt {
    * Draw Y axis with ticks and labels
    */
   drawYAxis(e, t, i, n = "left", o = 0, r) {
-    const { ctx: a } = this, l = this.theme.yAxis, c = (i == null ? void 0 : i.tickCount) ?? 6, u = t.ticks(c), h = i == null ? void 0 : i.label, d = (i == null ? void 0 : i.showLine) !== !1, y = (i == null ? void 0 : i.showTicks) !== !1, f = (i == null ? void 0 : i.showLabels) !== !1, m = O(n === "left" ? e.x - o : e.x + e.width + o), x = n === "left" ? -1 : 1;
-    if (d && (a.strokeStyle = l.lineColor, a.lineWidth = l.lineWidth, a.beginPath(), a.moveTo(m, e.y), a.lineTo(m, e.y + e.height), a.stroke()), (y || f) && (a.fillStyle = l.labelColor, a.font = `${l.labelSize}px ${l.fontFamily}`, a.textAlign = n === "left" ? "right" : "left", a.textBaseline = "middle", u.forEach((b) => {
-      const v = se(t.transform(b));
-      if (v >= e.y && v <= e.y + e.height && (y && (a.strokeStyle = l.tickColor, a.beginPath(), a.moveTo(m, v), a.lineTo(m + l.tickLength * x, v), a.stroke()), f)) {
-        const p = m + (l.tickLength + 3) * x;
-        this.drawLatexOrText(this.formatYTick(b, i), p, v, {
+    const { ctx: a } = this, l = this.theme.yAxis, h = (i == null ? void 0 : i.tickCount) ?? 6, d = t.ticks(h), c = i == null ? void 0 : i.label, u = (i == null ? void 0 : i.showLine) !== !1, m = (i == null ? void 0 : i.showTicks) !== !1, f = (i == null ? void 0 : i.showLabels) !== !1, y = Y(n === "left" ? e.x - o : e.x + e.width + o), p = n === "left" ? -1 : 1;
+    if (u && (a.strokeStyle = l.lineColor, a.lineWidth = l.lineWidth, a.beginPath(), a.moveTo(y, e.y), a.lineTo(y, e.y + e.height), a.stroke()), (m || f) && (a.fillStyle = l.labelColor, a.font = `${l.labelSize}px ${l.fontFamily}`, a.textAlign = n === "left" ? "right" : "left", a.textBaseline = "middle", d.forEach((b) => {
+      const v = ne(t.transform(b));
+      if (v >= e.y && v <= e.y + e.height && (m && (a.strokeStyle = l.tickColor, a.beginPath(), a.moveTo(y, v), a.lineTo(y + l.tickLength * p, v), a.stroke()), f)) {
+        const x = y + (l.tickLength + 3) * p;
+        this.drawLatexOrText(this.formatYTick(b, i), x, v, {
           fontSize: l.labelSize,
           fontFamily: l.fontFamily,
           color: l.labelColor,
@@ -1357,9 +1382,9 @@ class gt {
           baseline: "middle"
         });
       }
-    })), h) {
-      const b = (r == null ? void 0 : r.titleGap) ?? 50, v = n === "left" ? m - b : m + b, p = e.y + e.height / 2;
-      this.drawLatexOrText(h, v, p, {
+    })), c) {
+      const b = (r == null ? void 0 : r.titleGap) ?? 50, v = n === "left" ? y - b : y + b, x = e.y + e.height / 2;
+      this.drawLatexOrText(c, v, x, {
         fontSize: l.titleSize,
         fontFamily: l.fontFamily,
         color: l.titleColor,
@@ -1380,14 +1405,14 @@ class gt {
    * Draw chart title
    */
   drawChartTitle(e, t) {
-    var y, f;
+    var m, f;
     if (!t.visible || !t.text) return;
     const { ctx: i } = this, n = t.fontSize ?? 16, o = t.fontFamily ?? "Inter, system-ui, sans-serif", r = t.fontWeight ?? 600, a = t.color ?? "#ffffff";
     i.save(), i.font = `${r} ${n}px ${o}`, i.fillStyle = a, i.textAlign = t.align ?? "center", i.textBaseline = t.position === "bottom" ? "top" : "bottom";
-    let l, c;
+    let l, h;
     t.align === "left" ? l = e.x : t.align === "right" ? l = e.x + e.width : l = e.x + e.width / 2;
-    const u = typeof t.padding == "number" ? t.padding : 10, h = ((y = t.padding) == null ? void 0 : y.top) ?? u, d = ((f = t.padding) == null ? void 0 : f.bottom) ?? u;
-    t.position === "bottom" ? c = e.y + e.height + 45 + h : c = e.y - d, this.drawLatexOrText(t.text, l, c, {
+    const d = typeof t.padding == "number" ? t.padding : 10, c = ((m = t.padding) == null ? void 0 : m.top) ?? d, u = ((f = t.padding) == null ? void 0 : f.bottom) ?? d;
+    t.position === "bottom" ? h = e.y + e.height + 45 + c : h = e.y - u, this.drawLatexOrText(t.text, l, h, {
       fontSize: n,
       fontFamily: o,
       fontWeight: r,
@@ -1404,41 +1429,41 @@ class gt {
     const { ctx: i } = this, n = this.theme.legend;
     i.font = `${n.fontSize}px ${n.fontFamily}`;
     let o = 0;
-    const r = t.map((d) => {
-      const y = d.getId(), f = d.getStyle(), m = this.latexAPI && (y.includes("\\") || y.includes("^") || y.includes("_"));
-      let x = 0;
-      return m ? x = this.latexAPI.measure(y, { fontSize: n.fontSize }).width : x = i.measureText(y).width, o = Math.max(o, x), {
-        id: d.getId(),
+    const r = t.map((u) => {
+      const m = u.getId(), f = u.getStyle(), y = this.latexAPI && (m.includes("\\") || m.includes("^") || m.includes("_"));
+      let p = 0;
+      return y ? p = this.latexAPI.measure(m, { fontSize: n.fontSize }).width : p = i.measureText(m).width, o = Math.max(o, p), {
+        id: u.getId(),
         color: f.color ?? "#ff0055",
-        label: y,
-        type: d.getType(),
+        label: m,
+        type: u.getType(),
         symbol: f.symbol,
         opacity: f.opacity ?? 1
       };
     }), a = n.swatchSize + 8 + o + n.padding * 2, l = r.length * (n.swatchSize + n.itemGap) - n.itemGap + n.padding * 2;
-    let c, u;
+    let h, d;
     switch (n.position) {
       case "top-left":
-        c = e.x + 10, u = e.y + 10;
+        h = e.x + 10, d = e.y + 10;
         break;
       case "bottom-left":
-        c = e.x + 10, u = e.y + 10;
+        h = e.x + 10, d = e.y + 10;
         break;
       case "bottom-right":
-        c = e.x + e.width - a - 10, u = e.y + e.height - l - 10;
+        h = e.x + e.width - a - 10, d = e.y + e.height - l - 10;
         break;
       case "top-right":
       default:
-        c = e.x + e.width - a - 10, u = e.y + 10;
+        h = e.x + e.width - a - 10, d = e.y + 10;
         break;
     }
     i.fillStyle = n.backgroundColor, i.strokeStyle = n.borderColor, i.lineWidth = 1, i.beginPath();
-    const h = n.borderRadius;
-    i.moveTo(c + h, u), i.lineTo(c + a - h, u), i.arcTo(c + a, u, c + a, u + h, h), i.lineTo(c + a, u + l - h), i.arcTo(c + a, u + l, c + a - h, u + l, h), i.lineTo(c + h, u + l), i.arcTo(c, u + l, c, u + l - h, h), i.lineTo(c, u + h), i.arcTo(c, u, c + h, u, h), i.closePath(), i.fill(), i.stroke(), i.textAlign = "left", i.textBaseline = "middle", r.forEach((d, y) => {
-      const f = u + n.padding + y * (n.swatchSize + n.itemGap), m = c + n.padding, x = f + n.swatchSize / 2, b = m + n.swatchSize / 2;
-      i.save(), i.globalAlpha = d.opacity, i.fillStyle = d.color, i.strokeStyle = d.color, i.lineWidth = 2;
-      const v = n.swatchSize, p = String(d.type).toLowerCase(), M = !!d.symbol && d.symbol !== "circle", S = p === "scatter" || p === "1" || p === "line" && M, w = p.includes("scatter") || p === "2";
-      S ? this.drawLegendSymbol(i, d.symbol ?? "circle", b, x, v * 0.9) : w ? (i.beginPath(), i.moveTo(m, x), i.lineTo(m + v, x), i.stroke(), this.drawLegendSymbol(i, d.symbol ?? "circle", b, x, v * 0.6)) : (i.beginPath(), i.moveTo(m, x), i.lineTo(m + v, x), i.stroke()), i.restore(), this.drawLatexOrText(d.label, c + n.padding + n.swatchSize + 8, x, {
+    const c = n.borderRadius;
+    i.moveTo(h + c, d), i.lineTo(h + a - c, d), i.arcTo(h + a, d, h + a, d + c, c), i.lineTo(h + a, d + l - c), i.arcTo(h + a, d + l, h + a - c, d + l, c), i.lineTo(h + c, d + l), i.arcTo(h, d + l, h, d + l - c, c), i.lineTo(h, d + c), i.arcTo(h, d, h + c, d, c), i.closePath(), i.fill(), i.stroke(), i.textAlign = "left", i.textBaseline = "middle", r.forEach((u, m) => {
+      const f = d + n.padding + m * (n.swatchSize + n.itemGap), y = h + n.padding, p = f + n.swatchSize / 2, b = y + n.swatchSize / 2;
+      i.save(), i.globalAlpha = u.opacity, i.fillStyle = u.color, i.strokeStyle = u.color, i.lineWidth = 2;
+      const v = n.swatchSize, x = String(u.type).toLowerCase(), M = !!u.symbol && u.symbol !== "circle", S = x === "scatter" || x === "1" || x === "line" && M, w = x.includes("scatter") || x === "2";
+      S ? this.drawLegendSymbol(i, u.symbol ?? "circle", b, p, v * 0.9) : w ? (i.beginPath(), i.moveTo(y, p), i.lineTo(y + v, p), i.stroke(), this.drawLegendSymbol(i, u.symbol ?? "circle", b, p, v * 0.6)) : (i.beginPath(), i.moveTo(y, p), i.lineTo(y + v, p), i.stroke()), i.restore(), this.drawLatexOrText(u.label, h + n.padding + n.swatchSize + 8, p, {
         fontSize: n.fontSize,
         fontFamily: n.fontFamily,
         color: n.textColor,
@@ -1508,33 +1533,33 @@ class gt {
    */
   drawTooltip(e, t, i, n) {
     const { ctx: o } = this, r = this.theme.cursor, a = i.split(`
-`), l = r.tooltipSize + 5, c = 8;
-    let u = 0;
-    const h = [];
+`), l = r.tooltipSize + 5, h = 8;
     let d = 0;
-    a.forEach((p) => {
-      if (!!this.latexAPI && (p.includes("\\") || p.includes("^") || p.includes("_") || p.includes("{") && p.includes("}"))) {
-        const S = this.latexAPI.measure(p, { fontSize: r.tooltipSize });
-        u = Math.max(u, S.width);
+    const c = [];
+    let u = 0;
+    a.forEach((x) => {
+      if (!!this.latexAPI && (x.includes("\\") || x.includes("^") || x.includes("_") || x.includes("{") && x.includes("}"))) {
+        const S = this.latexAPI.measure(x, { fontSize: r.tooltipSize });
+        d = Math.max(d, S.width);
         const w = Math.max(l, S.height);
-        h.push(w), d += w;
+        c.push(w), u += w;
       } else
-        u = Math.max(u, o.measureText(p).width), h.push(l), d += l;
+        d = Math.max(d, o.measureText(x).width), c.push(l), u += l;
     });
-    const y = u + c * 2, f = d + c * 2 - 4;
-    let m = e + 15, x = t - f - 10;
-    m + y > n.x + n.width && (m = e - y - 15), x < n.y && (x = t + 15), o.fillStyle = r.tooltipBackground, o.strokeStyle = r.tooltipBorder, o.lineWidth = 1, o.beginPath();
+    const m = d + h * 2, f = u + h * 2 - 4;
+    let y = e + 15, p = t - f - 10;
+    y + m > n.x + n.width && (y = e - m - 15), p < n.y && (p = t + 15), o.fillStyle = r.tooltipBackground, o.strokeStyle = r.tooltipBorder, o.lineWidth = 1, o.beginPath();
     const b = 4;
-    o.moveTo(m + b, x), o.lineTo(m + y - b, x), o.arcTo(m + y, x, m + y, x + b, b), o.lineTo(m + y, x + f - b), o.arcTo(m + y, x + f, m + y - b, x + f, b), o.lineTo(m + b, x + f), o.arcTo(m, x + f, m, x + f - b, b), o.lineTo(m, x + b), o.arcTo(m, x, m + b, x, b), o.closePath(), o.fill(), o.stroke();
-    let v = x + c;
-    a.forEach((p, M) => {
-      this.drawLatexOrText(p, m + c, v, {
+    o.moveTo(y + b, p), o.lineTo(y + m - b, p), o.arcTo(y + m, p, y + m, p + b, b), o.lineTo(y + m, p + f - b), o.arcTo(y + m, p + f, y + m - b, p + f, b), o.lineTo(y + b, p + f), o.arcTo(y, p + f, y, p + f - b, b), o.lineTo(y, p + b), o.arcTo(y, p, y + b, p, b), o.closePath(), o.fill(), o.stroke();
+    let v = p + h;
+    a.forEach((x, M) => {
+      this.drawLatexOrText(x, y + h, v, {
         fontSize: r.tooltipSize,
         fontFamily: this.theme.xAxis.fontFamily,
         color: r.tooltipColor,
         align: "left",
         baseline: "top"
-      }), v += h[M];
+      }), v += c[M];
     });
   }
   /**
@@ -1542,47 +1567,47 @@ class gt {
    */
   drawCornerTooltip(e, t, i) {
     const { ctx: n } = this, o = this.theme.cursor, r = e.split(`
-`), a = o.tooltipSize + 5, l = 8, c = 10;
-    let u = 0;
-    const h = [];
+`), a = o.tooltipSize + 5, l = 8, h = 10;
     let d = 0;
-    r.forEach((p) => {
-      if (!!this.latexAPI && (p.includes("\\") || p.includes("^") || p.includes("_") || p.includes("{") && p.includes("}"))) {
-        const S = this.latexAPI.measure(p, { fontSize: o.tooltipSize });
-        u = Math.max(u, S.width);
+    const c = [];
+    let u = 0;
+    r.forEach((x) => {
+      if (!!this.latexAPI && (x.includes("\\") || x.includes("^") || x.includes("_") || x.includes("{") && x.includes("}"))) {
+        const S = this.latexAPI.measure(x, { fontSize: o.tooltipSize });
+        d = Math.max(d, S.width);
         const w = Math.max(a, S.height);
-        h.push(w), d += w;
+        c.push(w), u += w;
       } else
-        u = Math.max(u, n.measureText(p).width), h.push(a), d += a;
+        d = Math.max(d, n.measureText(x).width), c.push(a), u += a;
     });
-    const y = u + l * 2, f = d + l * 2 - 4;
-    let m, x;
+    const m = d + l * 2, f = u + l * 2 - 4;
+    let y, p;
     switch (i) {
       case "top-left":
-        m = t.x + c, x = t.y + c;
+        y = t.x + h, p = t.y + h;
         break;
       case "top-right":
-        m = t.x + t.width - y - c, x = t.y + c;
+        y = t.x + t.width - m - h, p = t.y + h;
         break;
       case "bottom-left":
-        m = t.x + c, x = t.y + t.height - f - c;
+        y = t.x + h, p = t.y + t.height - f - h;
         break;
       case "bottom-right":
-        m = t.x + t.width - y - c, x = t.y + t.height - f - c;
+        y = t.x + t.width - m - h, p = t.y + t.height - f - h;
         break;
     }
     n.fillStyle = o.tooltipBackground, n.strokeStyle = o.tooltipBorder, n.lineWidth = 1, n.beginPath();
     const b = 4;
-    n.moveTo(m + b, x), n.lineTo(m + y - b, x), n.arcTo(m + y, x, m + y, x + b, b), n.lineTo(m + y, x + f - b), n.arcTo(m + y, x + f, m + y - b, x + f, b), n.lineTo(m + b, x + f), n.arcTo(m, x + f, m, x + f - b, b), n.lineTo(m, x + b), n.arcTo(m, x, m + b, x, b), n.closePath(), n.fill(), n.stroke();
-    let v = x + l;
-    r.forEach((p, M) => {
-      this.drawLatexOrText(p, m + l, v, {
+    n.moveTo(y + b, p), n.lineTo(y + m - b, p), n.arcTo(y + m, p, y + m, p + b, b), n.lineTo(y + m, p + f - b), n.arcTo(y + m, p + f, y + m - b, p + f, b), n.lineTo(y + b, p + f), n.arcTo(y, p + f, y, p + f - b, b), n.lineTo(y, p + b), n.arcTo(y, p, y + b, p, b), n.closePath(), n.fill(), n.stroke();
+    let v = p + l;
+    r.forEach((x, M) => {
+      this.drawLatexOrText(x, y + l, v, {
         fontSize: o.tooltipSize,
         fontFamily: this.theme.xAxis.fontFamily,
         color: o.tooltipColor,
         align: "left",
         baseline: "top"
-      }), v += h[M];
+      }), v += c[M];
     });
   }
   /**
@@ -1599,20 +1624,20 @@ class gt {
     if (!t.hasErrorData()) return;
     const { ctx: o } = this, r = t.getData(), a = t.getStyle(), l = a.errorBars ?? {};
     if (l.visible === !1) return;
-    const c = l.color ?? a.color ?? "#ff0055", u = l.width ?? 1, h = l.capWidth ?? 6, d = l.showCaps !== !1, y = l.opacity ?? 0.7, f = l.direction ?? "both";
-    o.save(), o.beginPath(), o.rect(e.x, e.y, e.width, e.height), o.clip(), o.strokeStyle = c, o.lineWidth = u, o.globalAlpha = y;
-    for (let m = 0; m < r.x.length; m++) {
-      const x = i.transform(r.x[m]), b = n.transform(r.y[m]);
-      if (x < e.x || x > e.x + e.width || b < e.y || b > e.y + e.height) continue;
-      const v = t.getYError(m);
+    const h = l.color ?? a.color ?? "#ff0055", d = l.width ?? 1, c = l.capWidth ?? 6, u = l.showCaps !== !1, m = l.opacity ?? 0.7, f = l.direction ?? "both";
+    o.save(), o.beginPath(), o.rect(e.x, e.y, e.width, e.height), o.clip(), o.strokeStyle = h, o.lineWidth = d, o.globalAlpha = m;
+    for (let y = 0; y < r.x.length; y++) {
+      const p = i.transform(r.x[y]), b = n.transform(r.y[y]);
+      if (p < e.x || p > e.x + e.width || b < e.y || b > e.y + e.height) continue;
+      const v = t.getYError(y);
       if (v) {
-        const [M, S] = v, w = r.y[m], C = n.transform(w + S), k = n.transform(w - M);
-        o.beginPath(), (f === "both" || f === "positive") && (o.moveTo(x, b), o.lineTo(x, C), d && (o.moveTo(x - h / 2, C), o.lineTo(x + h / 2, C))), (f === "both" || f === "negative") && (o.moveTo(x, b), o.lineTo(x, k), d && (o.moveTo(x - h / 2, k), o.lineTo(x + h / 2, k))), o.stroke();
+        const [M, S] = v, w = r.y[y], C = n.transform(w + S), k = n.transform(w - M);
+        o.beginPath(), (f === "both" || f === "positive") && (o.moveTo(p, b), o.lineTo(p, C), u && (o.moveTo(p - c / 2, C), o.lineTo(p + c / 2, C))), (f === "both" || f === "negative") && (o.moveTo(p, b), o.lineTo(p, k), u && (o.moveTo(p - c / 2, k), o.lineTo(p + c / 2, k))), o.stroke();
       }
-      const p = t.getXError(m);
-      if (p) {
-        const [M, S] = p, w = r.x[m], C = i.transform(w + S), k = i.transform(w - M);
-        o.beginPath(), (f === "both" || f === "positive") && (o.moveTo(x, b), o.lineTo(C, b), d && (o.moveTo(C, b - h / 2), o.lineTo(C, b + h / 2))), (f === "both" || f === "negative") && (o.moveTo(x, b), o.lineTo(k, b), d && (o.moveTo(k, b - h / 2), o.lineTo(k, b + h / 2))), o.stroke();
+      const x = t.getXError(y);
+      if (x) {
+        const [M, S] = x, w = r.x[y], C = i.transform(w + S), k = i.transform(w - M);
+        o.beginPath(), (f === "both" || f === "positive") && (o.moveTo(p, b), o.lineTo(C, b), u && (o.moveTo(C, b - c / 2), o.lineTo(C, b + c / 2))), (f === "both" || f === "negative") && (o.moveTo(p, b), o.lineTo(k, b), u && (o.moveTo(k, b - c / 2), o.lineTo(k, b + c / 2))), o.stroke();
       }
     }
     o.restore();
@@ -1631,27 +1656,27 @@ class gt {
     return i;
   }
   formatXTick(e, t, i) {
-    return _e(e, t, i, this.businessDayMapping);
+    return $e(e, t, i, this.businessDayMapping);
   }
   formatYTick(e, t) {
-    return Ve(e, t);
+    return He(e, t);
   }
   /** Draw buy/sell markers on candlestick series (Stage 2.14). */
   drawCandlestickMarkers(e, t, i, n) {
-    var d;
-    const o = ((d = t.getMarkers) == null ? void 0 : d.call(t)) ?? [];
+    var u;
+    const o = ((u = t.getMarkers) == null ? void 0 : u.call(t)) ?? [];
     if (!o.length || t.getType() !== "candlestick") return;
-    const r = t.getData(), a = this.ctx, l = r.x, c = r.high ?? r.y, u = r.low ?? r.y, h = r.close ?? r.y;
-    for (const y of o) {
+    const r = t.getData(), a = this.ctx, l = r.x, h = r.high ?? r.y, d = r.low ?? r.y, c = r.close ?? r.y;
+    for (const m of o) {
       const f = (() => {
-        let S = 0, w = Math.abs(l[0] - y.time);
+        let S = 0, w = Math.abs(l[0] - m.time);
         for (let C = 1; C < l.length; C++) {
-          const k = Math.abs(l[C] - y.time);
+          const k = Math.abs(l[C] - m.time);
           k < w && (w = k, S = C);
         }
         return S;
-      })(), m = y.position ?? "aboveBar", x = m === "belowBar" ? u[f] : m === "inBar" ? h[f] : c[f], b = e.x + i.transform(l[f]), v = e.y + n.transform(x), p = y.color ?? "#22c55e", M = m === "belowBar" ? 10 : -10;
-      a.save(), a.fillStyle = p, a.strokeStyle = p, a.lineWidth = 1.5, y.shape === "arrowDown" ? (a.beginPath(), a.moveTo(b, v - M), a.lineTo(b - 5, v - M - 8), a.lineTo(b + 5, v - M - 8), a.closePath(), a.fill()) : y.shape === "circle" ? (a.beginPath(), a.arc(b, v + M, 4, 0, Math.PI * 2), a.fill()) : (a.beginPath(), a.moveTo(b, v + M), a.lineTo(b - 5, v + M + 8), a.lineTo(b + 5, v + M + 8), a.closePath(), a.fill()), y.text && (a.font = "10px sans-serif", a.textAlign = "center", a.fillText(y.text, b, v + M + (m === "belowBar" ? 20 : -14))), a.restore();
+      })(), y = m.position ?? "aboveBar", p = y === "belowBar" ? d[f] : y === "inBar" ? c[f] : h[f], b = e.x + i.transform(l[f]), v = e.y + n.transform(p), x = m.color ?? "#22c55e", M = y === "belowBar" ? 10 : -10;
+      a.save(), a.fillStyle = x, a.strokeStyle = x, a.lineWidth = 1.5, m.shape === "arrowDown" ? (a.beginPath(), a.moveTo(b, v - M), a.lineTo(b - 5, v - M - 8), a.lineTo(b + 5, v - M - 8), a.closePath(), a.fill()) : m.shape === "circle" ? (a.beginPath(), a.arc(b, v + M, 4, 0, Math.PI * 2), a.fill()) : (a.beginPath(), a.moveTo(b, v + M), a.lineTo(b - 5, v + M + 8), a.lineTo(b + 5, v + M + 8), a.closePath(), a.fill()), m.text && (a.font = "10px sans-serif", a.textAlign = "center", a.fillText(m.text, b, v + M + (y === "belowBar" ? 20 : -14))), a.restore();
     }
   }
   /** Horizontal dashed lines for active price alerts (Stage 2.19). */
@@ -1660,13 +1685,13 @@ class gt {
     const { ctx: n } = this;
     n.save();
     for (const o of t) {
-      const r = se(i.transform(o.price));
+      const r = ne(i.transform(o.price));
       r < e.y || r > e.y + e.height || (n.strokeStyle = o.direction === "below" ? "rgba(239, 68, 68, 0.7)" : o.direction === "above" ? "rgba(34, 197, 94, 0.7)" : "rgba(250, 204, 21, 0.8)", n.lineWidth = 1, n.setLineDash([5, 4]), n.beginPath(), n.moveTo(e.x, r), n.lineTo(e.x + e.width, r), n.stroke());
     }
     n.setLineDash([]), n.restore();
   }
 }
-class ft {
+class xt {
   constructor(e, t, i, n, o) {
     g(this, "container");
     g(this, "callbacks");
@@ -1731,41 +1756,41 @@ class ft {
     if (t.width <= 1 || t.height <= 1) return;
     e.preventDefault();
     const i = this.container.getBoundingClientRect(), n = e.clientX - i.left, o = e.clientY - i.top, r = this.getAxesLayout();
-    let a = !1, l = !1, c;
-    for (const P of r) {
-      let B;
-      if (P.position === "left" ? B = t.x - 65 - P.offset : B = t.x + t.width + P.offset, n >= B && n <= B + 65 && o >= t.y && o <= t.y + t.height) {
-        c = P.id, l = !0, a = !1;
+    let a = !1, l = !1, h;
+    for (const B of r) {
+      let P;
+      if (B.position === "left" ? P = t.x - 65 - B.offset : P = t.x + t.width + B.offset, n >= P && n <= P + 65 && o >= t.y && o <= t.y + t.height) {
+        h = B.id, l = !0, a = !1;
         break;
       }
     }
-    if (!c)
+    if (!h)
       if (o > t.y + t.height && n >= t.x && n <= t.x + t.width)
         a = !0;
       else if (n >= t.x && n <= t.x + t.width && o >= t.y && o <= t.y + t.height)
         a = !0, l = !0;
       else
         return;
-    const u = this.getBounds(c), h = e.deltaY > 0 ? 1.1 : 0.9, d = (n - t.x) / t.width, y = 1 - (o - t.y) / t.height, f = u.xMin + d * (u.xMax - u.xMin), m = u.yMin + y * (u.yMax - u.yMin), x = 1e-12, b = 1e15;
-    let v = a ? f - (f - u.xMin) * h : u.xMin, p = a ? f + (u.xMax - f) * h : u.xMax, M = l ? m - (m - u.yMin) * h : u.yMin, S = l ? m + (u.yMax - m) * h : u.yMax;
-    const w = p - v, C = S - M;
-    (w < x || w > b) && (v = u.xMin, p = u.xMax), (C < x || C > b) && (M = u.yMin, S = u.yMax);
+    const d = this.getBounds(h), c = e.deltaY > 0 ? 1.1 : 0.9, u = (n - t.x) / t.width, m = 1 - (o - t.y) / t.height, f = d.xMin + u * (d.xMax - d.xMin), y = d.yMin + m * (d.yMax - d.yMin), p = 1e-12, b = 1e15;
+    let v = a ? f - (f - d.xMin) * c : d.xMin, x = a ? f + (d.xMax - f) * c : d.xMax, M = l ? y - (y - d.yMin) * c : d.yMin, S = l ? y + (d.yMax - y) * c : d.yMax;
+    const w = x - v, C = S - M;
+    (w < p || w > b) && (v = d.xMin, x = d.xMax), (C < p || C > b) && (M = d.yMin, S = d.yMax);
     const k = {
       xMin: v,
-      xMax: p,
+      xMax: x,
       yMin: M,
       yMax: S
     };
-    this.callbacks.onZoom(k, c);
+    this.callbacks.onZoom(k, h);
   }
   handleMouseDown(e) {
-    var l, c, u, h, d, y, f, m, x, b;
+    var l, h, d, c, u, m, f, y, p, b;
     const t = this.getPlotArea();
     if (t.width <= 1 || t.height <= 1) return;
     const i = this.container.getBoundingClientRect(), n = e.clientX - i.left, o = e.clientY - i.top;
     this.mouseDownPos = { x: n, y: o };
     const r = n >= t.x && n <= t.x + t.width && o >= t.y && o <= t.y + t.height;
-    if ((c = (l = this.callbacks).onInteraction) == null || c.call(l, {
+    if ((h = (l = this.callbacks).onInteraction) == null || h.call(l, {
       type: "mousedown",
       pixelX: n,
       pixelY: o,
@@ -1778,20 +1803,20 @@ class ft {
     for (const v of a) {
       let M;
       if (v.position === "left" ? M = t.x - 65 - v.offset : M = t.x + t.width + v.offset, n >= M && n <= M + 65 && o >= t.y && o <= t.y + t.height) {
-        this.isDragging = !0, this.panningAxisId = v.id, this.lastMousePos = { x: e.clientX, y: e.clientY }, this.container.style.cursor = "ns-resize", (h = (u = this.callbacks).onDragStart) == null || h.call(u);
+        this.isDragging = !0, this.panningAxisId = v.id, this.lastMousePos = { x: e.clientX, y: e.clientY }, this.container.style.cursor = "ns-resize", (c = (d = this.callbacks).onDragStart) == null || c.call(d);
         return;
       }
     }
     if (r)
       switch (this.mode) {
         case "pan":
-          this.isDragging = !0, this.panningAxisId = void 0, this.lastMousePos = { x: e.clientX, y: e.clientY }, this.container.style.cursor = "grabbing", (y = (d = this.callbacks).onDragStart) == null || y.call(d);
+          this.isDragging = !0, this.panningAxisId = void 0, this.lastMousePos = { x: e.clientX, y: e.clientY }, this.container.style.cursor = "grabbing", (m = (u = this.callbacks).onDragStart) == null || m.call(u);
           break;
         case "boxZoom":
-          this.isBoxZooming = !0, this.selectionStart = { x: n, y: o }, this.container.style.cursor = "crosshair", this.callbacks.onBoxZoom({ x: n, y: o, width: 0, height: 0 }), (m = (f = this.callbacks).onDragStart) == null || m.call(f);
+          this.isBoxZooming = !0, this.selectionStart = { x: n, y: o }, this.container.style.cursor = "crosshair", this.callbacks.onBoxZoom({ x: n, y: o, width: 0, height: 0 }), (y = (f = this.callbacks).onDragStart) == null || y.call(f);
           break;
         case "select":
-          this.isBoxSelecting = !0, this.selectionStart = { x: n, y: o }, this.container.style.cursor = "crosshair", this.callbacks.onBoxSelectStart && this.callbacks.onBoxSelectStart(n, o), (b = (x = this.callbacks).onDragStart) == null || b.call(x);
+          this.isBoxSelecting = !0, this.selectionStart = { x: n, y: o }, this.container.style.cursor = "crosshair", this.callbacks.onBoxSelectStart && this.callbacks.onBoxSelectStart(n, o), (b = (p = this.callbacks).onDragStart) == null || b.call(p);
           break;
         case "delta":
         case "peak":
@@ -1816,14 +1841,14 @@ class ft {
         const a = e.clientX - this.lastMousePos.x, l = e.clientY - this.lastMousePos.y;
         this.callbacks.onPan(a, l, this.panningAxisId), this.lastMousePos = { x: e.clientX, y: e.clientY };
       } else if (this.isBoxZooming) {
-        const a = Math.min(this.selectionStart.x, i), l = Math.min(this.selectionStart.y, n), c = Math.abs(i - this.selectionStart.x), u = Math.abs(n - this.selectionStart.y);
-        this.callbacks.onBoxZoom({ x: a, y: l, width: c, height: u });
+        const a = Math.min(this.selectionStart.x, i), l = Math.min(this.selectionStart.y, n), h = Math.abs(i - this.selectionStart.x), d = Math.abs(n - this.selectionStart.y);
+        this.callbacks.onBoxZoom({ x: a, y: l, width: h, height: d });
       } else this.isBoxSelecting && this.callbacks.onBoxSelectUpdate && this.callbacks.onBoxSelectUpdate(i, n);
   }
   handleMouseUp(e) {
-    var c, u, h, d, y, f;
+    var h, d, c, u, m, f;
     const t = this.container.getBoundingClientRect(), i = e.clientX - t.left, n = e.clientY - t.top;
-    if ((u = (c = this.callbacks).onInteraction) == null || u.call(c, {
+    if ((d = (h = this.callbacks).onInteraction) == null || d.call(h, {
       type: "mouseup",
       pixelX: i,
       pixelY: n,
@@ -1837,17 +1862,17 @@ class ft {
       return;
     }
     if (this.isBoxZooming) {
-      const m = Math.min(this.selectionStart.x, i), x = Math.min(this.selectionStart.y, n), b = Math.abs(i - this.selectionStart.x), v = Math.abs(n - this.selectionStart.y);
-      b > 5 && v > 5 && this.callbacks.onBoxZoom({ x: m, y: x, width: b, height: v }), this.callbacks.onBoxZoom(null);
+      const y = Math.min(this.selectionStart.x, i), p = Math.min(this.selectionStart.y, n), b = Math.abs(i - this.selectionStart.x), v = Math.abs(n - this.selectionStart.y);
+      b > 5 && v > 5 && this.callbacks.onBoxZoom({ x: y, y: p, width: b, height: v }), this.callbacks.onBoxZoom(null);
     } else if (this.isBoxSelecting) {
-      const m = Math.min(this.selectionStart.x, i), x = Math.min(this.selectionStart.y, n), b = Math.abs(i - this.selectionStart.x), v = Math.abs(n - this.selectionStart.y);
-      this.callbacks.onBoxSelect && this.callbacks.onBoxSelect({ x: m, y: x, width: b, height: v }, e.shiftKey);
+      const y = Math.min(this.selectionStart.x, i), p = Math.min(this.selectionStart.y, n), b = Math.abs(i - this.selectionStart.x), v = Math.abs(n - this.selectionStart.y);
+      this.callbacks.onBoxSelect && this.callbacks.onBoxSelect({ x: y, y: p, width: b, height: v }, e.shiftKey);
     }
     const o = this.isDragging || this.isBoxSelecting || this.isBoxZooming, r = Math.hypot(
       i - this.mouseDownPos.x,
       n - this.mouseDownPos.y
     ), a = this.getPlotArea(), l = i >= a.x && i <= a.x + a.width && n >= a.y && n <= a.y + a.height;
-    r < 4 && l && !this.isBoxZooming && ((d = (h = this.callbacks).onPointClick) == null || d.call(h, i, n, e.ctrlKey, e.shiftKey)), this.isDragging = !1, this.panningAxisId = void 0, this.isBoxSelecting = !1, this.isBoxZooming = !1, this.container.style.cursor = "", o && ((f = (y = this.callbacks).onDragEnd) == null || f.call(y));
+    r < 4 && l && !this.isBoxZooming && ((u = (c = this.callbacks).onPointClick) == null || u.call(c, i, n, e.ctrlKey, e.shiftKey)), this.isDragging = !1, this.panningAxisId = void 0, this.isBoxSelecting = !1, this.isBoxZooming = !1, this.container.style.cursor = "", o && ((f = (m = this.callbacks).onDragEnd) == null || f.call(m));
   }
   handleMouseLeave() {
     this.isDragging = !1, this.panningAxisId = void 0, this.container.style.cursor = "", this.callbacks.onCursorLeave();
@@ -1876,13 +1901,13 @@ class ft {
       const [o, r] = [e.touches[0], e.touches[1]], a = Math.hypot(
         r.clientX - o.clientX,
         r.clientY - o.clientY
-      ), l = this.pinchStartDistance / a, c = this.pinchStartBounds, u = (c.xMin + c.xMax) / 2, h = (c.yMin + c.yMax) / 2, d = (c.xMax - c.xMin) / 2 * l, y = (c.yMax - c.yMin) / 2 * l;
+      ), l = this.pinchStartDistance / a, h = this.pinchStartBounds, d = (h.xMin + h.xMax) / 2, c = (h.yMin + h.yMax) / 2, u = (h.xMax - h.xMin) / 2 * l, m = (h.yMax - h.yMin) / 2 * l;
       this.callbacks.onZoom(
         {
-          xMin: u - d,
-          xMax: u + d,
-          yMin: h - y,
-          yMax: h + y
+          xMin: d - u,
+          xMax: d + u,
+          yMin: c - m,
+          yMax: c + m
         },
         this.panningAxisId
       );
@@ -1907,7 +1932,7 @@ class ft {
     this.detachListeners();
   }
 }
-const mt = {
+const bt = {
   enabled: !0,
   hitRadius: 20,
   multiSelect: !0,
@@ -1918,7 +1943,7 @@ const mt = {
     ringWidth: 3
   }
 };
-class yt {
+class vt {
   constructor(e, t) {
     g(this, "ctx");
     g(this, "config");
@@ -1927,7 +1952,7 @@ class yt {
     g(this, "isBoxSelecting", !1);
     g(this, "boxStart", null);
     g(this, "boxEnd", null);
-    this.ctx = e, this.config = { ...mt, ...t };
+    this.ctx = e, this.config = { ...bt, ...t };
   }
   // ============================================
   // Configuration
@@ -1955,28 +1980,28 @@ class yt {
     const n = this.ctx.getPlotArea();
     if (e < n.x || e > n.x + n.width || t < n.y || t > n.y + n.height)
       return null;
-    const o = this.ctx.getXScale(), r = this.ctx.getYScales(), a = this.ctx.getSeries(), l = i ?? this.config.hitRadius, c = l * l;
-    let u = null, h = 1 / 0;
-    return a.forEach((d, y) => {
-      if (!d.isVisible()) return;
-      const f = d.getData();
+    const o = this.ctx.getXScale(), r = this.ctx.getYScales(), a = this.ctx.getSeries(), l = i ?? this.config.hitRadius, h = l * l;
+    let d = null, c = 1 / 0;
+    return a.forEach((u, m) => {
+      if (!u.isVisible()) return;
+      const f = u.getData();
       if (f.x.length === 0) return;
-      const m = d.getYAxisId() || this.ctx.getPrimaryYAxisId(), x = r.get(m);
-      if (!x) return;
-      const b = o.invert(e), v = this.findNearestIndex(f.x, b), p = 50, M = Math.max(0, v - p), S = Math.min(f.x.length, v + p);
+      const y = u.getYAxisId() || this.ctx.getPrimaryYAxisId(), p = r.get(y);
+      if (!p) return;
+      const b = o.invert(e), v = this.findNearestIndex(f.x, b), x = 50, M = Math.max(0, v - x), S = Math.min(f.x.length, v + x);
       for (let w = M; w < S; w++) {
-        const C = o.transform(f.x[w]), k = x.transform(f.y[w]), P = C - e, N = k - t, B = P * P + N * N;
-        B < h && B <= c && (h = B, u = {
-          seriesId: y,
+        const C = o.transform(f.x[w]), k = p.transform(f.y[w]), B = C - e, z = k - t, P = B * B + z * z;
+        P < c && P <= h && (c = P, d = {
+          seriesId: m,
           index: w,
           x: f.x[w],
           y: f.y[w],
-          distance: Math.sqrt(B),
+          distance: Math.sqrt(P),
           pixelX: C,
           pixelY: k
         });
       }
-    }), u;
+    }), d;
   }
   /**
    * Hit-test all points within a rectangular region
@@ -1989,18 +2014,18 @@ class yt {
       if (!r.isVisible()) return;
       const l = r.getData();
       if (l.x.length === 0) return;
-      const c = r.getYAxisId() || this.ctx.getPrimaryYAxisId(), u = n.get(c);
-      if (u)
-        for (let h = 0; h < l.x.length; h++) {
-          const d = l.x[h], y = l.y[h];
-          d >= e.xMin && d <= e.xMax && y >= e.yMin && y <= e.yMax && t.push({
+      const h = r.getYAxisId() || this.ctx.getPrimaryYAxisId(), d = n.get(h);
+      if (d)
+        for (let c = 0; c < l.x.length; c++) {
+          const u = l.x[c], m = l.y[c];
+          u >= e.xMin && u <= e.xMax && m >= e.yMin && m <= e.yMax && t.push({
             seriesId: a,
-            index: h,
-            x: d,
-            y,
+            index: c,
+            x: u,
+            y: m,
             distance: 0,
-            pixelX: i.transform(d),
-            pixelY: u.transform(y)
+            pixelX: i.transform(u),
+            pixelY: d.transform(m)
           });
         }
     }), t;
@@ -2017,23 +2042,23 @@ class yt {
     t === "single" && this.selected.clear();
     const n = this.ctx.getSeries(), o = [];
     e.forEach(({ seriesId: a, indices: l }) => {
-      const c = n.get(a);
-      if (!c) return;
-      const u = c.getData();
-      let h = this.selected.get(a);
-      h || (h = /* @__PURE__ */ new Set(), this.selected.set(a, h)), l.forEach((d) => {
-        d < 0 || d >= u.x.length || (t === "remove" ? h.delete(d) : t === "toggle" ? h.has(d) ? h.delete(d) : (h.add(d), o.push({
+      const h = n.get(a);
+      if (!h) return;
+      const d = h.getData();
+      let c = this.selected.get(a);
+      c || (c = /* @__PURE__ */ new Set(), this.selected.set(a, c)), l.forEach((u) => {
+        u < 0 || u >= d.x.length || (t === "remove" ? c.delete(u) : t === "toggle" ? c.has(u) ? c.delete(u) : (c.add(u), o.push({
           seriesId: a,
-          index: d,
-          x: u.x[d],
-          y: u.y[d]
-        })) : (h.add(d), o.push({
+          index: u,
+          x: d.x[u],
+          y: d.y[u]
+        })) : (c.add(u), o.push({
           seriesId: a,
-          index: d,
-          x: u.x[d],
-          y: u.y[d]
+          index: u,
+          x: d.x[u],
+          y: d.y[u]
         })));
-      }), h.size === 0 && this.selected.delete(a);
+      }), c.size === 0 && this.selected.delete(a);
     });
     const r = this.getSelectedPoints();
     this.ctx.events.emit("pointSelect", {
@@ -2145,21 +2170,21 @@ class yt {
       this.cancelBoxSelection();
       return;
     }
-    const r = Math.min(this.boxStart.x, this.boxEnd.x), a = Math.max(this.boxStart.x, this.boxEnd.x), l = Math.min(this.boxStart.y, this.boxEnd.y), c = Math.max(this.boxStart.y, this.boxEnd.y), u = Math.max(r, t.x), h = Math.min(a, t.x + t.width), d = Math.max(l, t.y), y = Math.min(c, t.y + t.height), f = {
-      xMin: i.invert(u),
-      xMax: i.invert(h),
-      yMin: o.invert(y),
+    const r = Math.min(this.boxStart.x, this.boxEnd.x), a = Math.max(this.boxStart.x, this.boxEnd.x), l = Math.min(this.boxStart.y, this.boxEnd.y), h = Math.max(this.boxStart.y, this.boxEnd.y), d = Math.max(r, t.x), c = Math.min(a, t.x + t.width), u = Math.max(l, t.y), m = Math.min(h, t.y + t.height), f = {
+      xMin: i.invert(d),
+      xMax: i.invert(c),
+      yMin: o.invert(m),
       // Y is inverted
-      yMax: o.invert(d)
-    }, m = this.hitTestRegion(f);
-    if (m.length > 0) {
-      const x = /* @__PURE__ */ new Map();
-      m.forEach((p) => {
-        let M = x.get(p.seriesId);
-        M || (M = [], x.set(p.seriesId, M)), M.push(p.index);
+      yMax: o.invert(u)
+    }, y = this.hitTestRegion(f);
+    if (y.length > 0) {
+      const p = /* @__PURE__ */ new Map();
+      y.forEach((x) => {
+        let M = p.get(x.seriesId);
+        M || (M = [], p.set(x.seriesId, M)), M.push(x.index);
       });
-      const b = Array.from(x.entries()).map(([p, M]) => ({
-        seriesId: p,
+      const b = Array.from(p.entries()).map(([x, M]) => ({
+        seriesId: x,
         indices: M
       }));
       this.selectPoints(b, e ? "add" : "single");
@@ -2203,16 +2228,16 @@ class yt {
   render(e, t) {
     if (this.selected.size === 0 && !this.isBoxSelecting) return;
     const i = this.ctx.getXScale(), n = this.ctx.getYScales(), o = this.ctx.getSeries(), r = this.config.highlightStyle;
-    e.save(), e.beginPath(), e.rect(t.x, t.y, t.width, t.height), e.clip(), this.selected.forEach((l, c) => {
-      const u = o.get(c);
-      if (!u || !u.isVisible()) return;
-      const h = u.getData(), d = u.getYAxisId() || this.ctx.getPrimaryYAxisId(), y = n.get(d);
-      if (!y) return;
-      const f = u.getStyle().color || "#ff0055";
-      l.forEach((m) => {
-        if (m >= h.x.length) return;
-        const x = i.transform(h.x[m]), b = y.transform(h.y[m]);
-        x < t.x || x > t.x + t.width || b < t.y || b > t.y + t.height || (e.beginPath(), e.arc(x, b, r.size / 2, 0, Math.PI * 2), e.strokeStyle = r.color, e.lineWidth = r.ringWidth, e.stroke(), e.beginPath(), e.arc(x, b, r.size / 2 - r.ringWidth, 0, Math.PI * 2), e.fillStyle = f, e.fill());
+    e.save(), e.beginPath(), e.rect(t.x, t.y, t.width, t.height), e.clip(), this.selected.forEach((l, h) => {
+      const d = o.get(h);
+      if (!d || !d.isVisible()) return;
+      const c = d.getData(), u = d.getYAxisId() || this.ctx.getPrimaryYAxisId(), m = n.get(u);
+      if (!m) return;
+      const f = d.getStyle().color || "#ff0055";
+      l.forEach((y) => {
+        if (y >= c.x.length) return;
+        const p = i.transform(c.x[y]), b = m.transform(c.y[y]);
+        p < t.x || p > t.x + t.width || b < t.y || b > t.y + t.height || (e.beginPath(), e.arc(p, b, r.size / 2, 0, Math.PI * 2), e.strokeStyle = r.color, e.lineWidth = r.ringWidth, e.stroke(), e.beginPath(), e.arc(p, b, r.size / 2 - r.ringWidth, 0, Math.PI * 2), e.fillStyle = f, e.fill());
       });
     });
     const a = this.getBoxSelectionRect();
@@ -2240,7 +2265,7 @@ class yt {
     this.selected.clear(), this.cancelBoxSelection();
   }
 }
-const Y = {
+const V = {
   smallMobile: {
     maxWidth: 360,
     fontScale: 0.7,
@@ -2289,12 +2314,12 @@ const Y = {
   }
 }, q = {
   enabled: !0,
-  breakpoints: Y,
+  breakpoints: V,
   touchOptimized: "auto",
   reducedMotion: "auto",
   resizeDebounce: 100
 };
-class pt {
+class Mt {
   constructor(e, t) {
     g(this, "ctx");
     g(this, "config");
@@ -2317,10 +2342,10 @@ class pt {
     return e ? {
       enabled: e.enabled ?? q.enabled,
       breakpoints: {
-        smallMobile: { ...Y.smallMobile, ...(t = e.breakpoints) == null ? void 0 : t.smallMobile },
-        mobile: { ...Y.mobile, ...(i = e.breakpoints) == null ? void 0 : i.mobile },
-        tablet: { ...Y.tablet, ...(n = e.breakpoints) == null ? void 0 : n.tablet },
-        desktop: { ...Y.desktop, ...(o = e.breakpoints) == null ? void 0 : o.desktop }
+        smallMobile: { ...V.smallMobile, ...(t = e.breakpoints) == null ? void 0 : t.smallMobile },
+        mobile: { ...V.mobile, ...(i = e.breakpoints) == null ? void 0 : i.mobile },
+        tablet: { ...V.tablet, ...(n = e.breakpoints) == null ? void 0 : n.tablet },
+        desktop: { ...V.desktop, ...(o = e.breakpoints) == null ? void 0 : o.desktop }
       },
       touchOptimized: e.touchOptimized ?? q.touchOptimized,
       reducedMotion: e.reducedMotion ?? q.reducedMotion,
@@ -2353,7 +2378,7 @@ class pt {
     this.hasStateChanged(e) && (this.state = e, this.ctx.onStateChange(this.state));
   }
   computeState() {
-    const e = this.ctx.container.getBoundingClientRect(), t = e.width || 800, i = e.height || 600, n = this.getActiveBreakpoint(t), o = this.config.breakpoints[n] || Y.desktop, r = this.detectTouchOptimization(), a = this.detectReducedMotion(), l = r ? 1.2 : 1;
+    const e = this.ctx.container.getBoundingClientRect(), t = e.width || 800, i = e.height || 600, n = this.getActiveBreakpoint(t), o = this.config.breakpoints[n] || V.desktop, r = this.detectTouchOptimization(), a = this.detectReducedMotion(), l = r ? 1.2 : 1;
     return {
       width: t,
       height: i,
@@ -2475,33 +2500,33 @@ class pt {
     this.destroyed = !0, this.debounceTimer !== null && window.clearTimeout(this.debounceTimer), this.resizeObserver ? (this.resizeObserver.disconnect(), this.resizeObserver = null) : window.removeEventListener("resize", this.handleResize);
   }
 }
-function xt(s, e) {
+function St(s, e) {
   const {
     seriesIds: t,
     includeHeaders: i = !0,
     precision: n = 6,
     delimiter: o = ","
-  } = e ?? {}, r = t ? s.filter((c) => t.includes(c.getId())) : s;
+  } = e ?? {}, r = t ? s.filter((h) => t.includes(h.getId())) : s;
   if (r.length === 0) return "";
   const a = [];
   if (i) {
-    const c = [];
-    r.forEach((u) => {
-      c.push(`${u.getId()}_x`, `${u.getId()}_y`);
-    }), a.push(c.join(o));
-  }
-  const l = Math.max(...r.map((c) => c.getPointCount()));
-  for (let c = 0; c < l; c++) {
-    const u = [];
-    r.forEach((h) => {
-      const d = h.getData();
-      d && c < d.x.length ? u.push(d.x[c].toFixed(n), d.y[c].toFixed(n)) : u.push("", "");
-    }), a.push(u.join(o));
+    const h = [];
+    r.forEach((d) => {
+      h.push(`${d.getId()}_x`, `${d.getId()}_y`);
+    }), a.push(h.join(o));
+  }
+  const l = Math.max(...r.map((h) => h.getPointCount()));
+  for (let h = 0; h < l; h++) {
+    const d = [];
+    r.forEach((c) => {
+      const u = c.getData();
+      u && h < u.x.length ? d.push(u.x[h].toFixed(n), u.y[h].toFixed(n)) : d.push("", "");
+    }), a.push(d.join(o));
   }
   return a.join(`
 `);
 }
-function bt(s, e, t) {
+function wt(s, e, t) {
   const { seriesIds: i, precision: n = 6 } = t ?? {}, o = i ? s.filter((a) => i.includes(a.getId())) : s, r = {};
   return o.forEach((a) => {
     const l = a.getData();
@@ -2510,8 +2535,8 @@ function bt(s, e, t) {
       type: a.getType(),
       style: a.getStyle(),
       data: {
-        x: l ? Array.from(l.x).map((c) => parseFloat(c.toFixed(n))) : [],
-        y: l ? Array.from(l.y).map((c) => parseFloat(c.toFixed(n))) : []
+        x: l ? Array.from(l.x).map((h) => parseFloat(h.toFixed(n))) : [],
+        y: l ? Array.from(l.y).map((h) => parseFloat(h.toFixed(n))) : []
       },
       pointCount: a.getPointCount()
     };
@@ -2521,17 +2546,17 @@ function bt(s, e, t) {
     series: r
   }, null, 2);
 }
-function vt(s, e, t, i, n, o, r = "png") {
+function Ct(s, e, t, i, n, o, r = "png") {
   const a = document.createElement("canvas");
   a.width = e.width, a.height = e.height;
   const l = a.getContext("2d");
   if (!l) return "";
-  const c = t;
-  return l.fillStyle = `rgba(${Math.round(c[0] * 255)}, ${Math.round(
-    c[1] * 255
-  )}, ${Math.round(c[2] * 255)}, ${c[3]})`, l.fillRect(0, 0, a.width, a.height), l.drawImage(s, 0, 0), l.drawImage(e, 0, 0), i && n && i.draw(l, o), a.toDataURL(`image/${r}`);
+  const h = t;
+  return l.fillStyle = `rgba(${Math.round(h[0] * 255)}, ${Math.round(
+    h[1] * 255
+  )}, ${Math.round(h[2] * 255)}, ${h[3]})`, l.fillRect(0, 0, a.width, a.height), l.drawImage(s, 0, 0), l.drawImage(e, 0, 0), i && n && i.draw(l, o), a.toDataURL(`image/${r}`);
 }
-const Mt = /* @__PURE__ */ new Set([
+const At = /* @__PURE__ */ new Set([
   "line",
   "band",
   "scatter",
@@ -2540,23 +2565,23 @@ const Mt = /* @__PURE__ */ new Set([
   "candlestick",
   "ohlc"
 ]);
-function K(s) {
+function ee(s) {
   const e = Array.from(s).filter((i) => i.isVisible());
-  return e.some((i) => i.getType() === "bar") ? !e.some((i) => Mt.has(i.getType())) : !1;
+  return e.some((i) => i.getType() === "bar") ? !e.some((i) => At.has(i.getType())) : !1;
 }
-function St(s, e) {
+function kt(s, e) {
   e.x && (s.viewBounds.xMin = e.x[0], s.viewBounds.xMax = e.x[1]);
-  const t = K(s.series.values()), i = e.y ? [...e.y] : null;
+  const t = ee(s.series.values()), i = e.y ? [...e.y] : null;
   if (i && t && (i[0] = 0), i)
     if (e.axisId) {
       const n = s.yScales.get(e.axisId);
       n && (n.setDomain(i[0], i[1]), e.axisId === s.primaryYAxisId && (s.viewBounds.yMin = i[0], s.viewBounds.yMax = i[1]));
     } else {
       const n = s.viewBounds.yMax - s.viewBounds.yMin, o = i[1] - i[0], r = n > 0 ? o / n : 1, a = n > 0 ? (i[0] - s.viewBounds.yMin) / n : 0;
-      s.yScales.forEach((l, c) => {
-        if (c === s.primaryYAxisId) return;
-        const u = l.domain[1] - l.domain[0], h = t ? 0 : l.domain[0] + a * u, d = t ? l.domain[0] + i[1] / (s.viewBounds.yMax || 1) * u : h + r * u;
-        l.setDomain(h, d);
+      s.yScales.forEach((l, h) => {
+        if (h === s.primaryYAxisId) return;
+        const d = l.domain[1] - l.domain[0], c = t ? 0 : l.domain[0] + a * d, u = t ? l.domain[0] + i[1] / (s.viewBounds.yMax || 1) * d : c + r * d;
+        l.setDomain(c, u);
       }), s.viewBounds.yMin = i[0], s.viewBounds.yMax = i[1];
     }
   s.events.emit("zoom", {
@@ -2564,28 +2589,28 @@ function St(s, e) {
     y: [s.viewBounds.yMin, s.viewBounds.yMax]
   }), s.requestRender();
 }
-function wt(s, e, t, i) {
+function Tt(s, e, t, i) {
   const n = s.getPlotArea(), o = e / n.width * (s.viewBounds.xMax - s.viewBounds.xMin);
   if (s.viewBounds.xMin -= o, s.viewBounds.xMax -= o, i) {
     const a = s.yScales.get(i);
     if (a) {
-      const l = K(s.series.values()), c = a.domain[1] - a.domain[0], u = t / n.height * c;
-      let h = a.domain[0] + u, d = a.domain[1] + u;
-      l && (h = 0, d = a.domain[1] + u), a.setDomain(h, d), i === s.primaryYAxisId && (s.viewBounds.yMin = h, s.viewBounds.yMax = d);
+      const l = ee(s.series.values()), h = a.domain[1] - a.domain[0], d = t / n.height * h;
+      let c = a.domain[0] + d, u = a.domain[1] + d;
+      l && (c = 0, u = a.domain[1] + d), a.setDomain(c, u), i === s.primaryYAxisId && (s.viewBounds.yMin = c, s.viewBounds.yMax = u);
     }
   } else {
-    const a = K(s.series.values());
-    s.yScales.forEach((l, c) => {
-      const u = l.domain[1] - l.domain[0], h = t / n.height * u;
-      let d = l.domain[0] + h;
-      const y = l.domain[1] + h;
-      a && (d = 0), l.setDomain(d, y), c === s.primaryYAxisId && (s.viewBounds.yMin = d, s.viewBounds.yMax = y);
+    const a = ee(s.series.values());
+    s.yScales.forEach((l, h) => {
+      const d = l.domain[1] - l.domain[0], c = t / n.height * d;
+      let u = l.domain[0] + c;
+      const m = l.domain[1] + c;
+      a && (u = 0), l.setDomain(u, m), h === s.primaryYAxisId && (s.viewBounds.yMin = u, s.viewBounds.yMax = m);
     });
   }
   const r = t / n.height * (s.viewBounds.yMax - s.viewBounds.yMin);
   s.events.emit("pan", { deltaX: o, deltaY: r }), s.requestRender();
 }
-function Ct(s) {
+function Bt(s) {
   if (s.series.size === 0) return;
   let e = 1 / 0, t = -1 / 0;
   const i = /* @__PURE__ */ new Map();
@@ -2598,8 +2623,8 @@ function Ct(s) {
     const l = a.getBounds();
     if (l && isFinite(l.xMin) && isFinite(l.xMax) && isFinite(l.yMin) && isFinite(l.yMax)) {
       e = Math.min(e, l.xMin), t = Math.max(t, l.xMax);
-      const c = a.getYAxisId() || s.primaryYAxisId, u = i.get(c);
-      u && (u.min = Math.min(u.min, l.yMin), u.max = Math.max(u.max, l.yMax)), n = !0;
+      const h = a.getYAxisId() || s.primaryYAxisId, d = i.get(h);
+      d && (d.min = Math.min(d.min, l.yMin), d.max = Math.max(d.max, l.yMax)), n = !0;
     }
   }), !n) return;
   const o = 1e15, r = -1e15;
@@ -2611,57 +2636,57 @@ function Ct(s) {
   }
   i.forEach((a, l) => {
     if (a.min === 1 / 0) return;
-    const c = s.yAxisOptionsMap.get(l), u = s.yScales.get(l);
-    if (c && c.auto && u) {
-      let h = a.max - a.min;
-      (h <= 0 || !isFinite(h)) && (h = Math.abs(a.min) * 0.1 || 1);
-      const d = Math.min(h * 5e-3, 1e10), y = Math.max(r, a.min - d), f = Math.min(o, a.max + d);
-      u.setDomain(y, f), l === s.primaryYAxisId && (s.viewBounds.yMin = y, s.viewBounds.yMax = f);
+    const h = s.yAxisOptionsMap.get(l), d = s.yScales.get(l);
+    if (h && h.auto && d) {
+      let c = a.max - a.min;
+      (c <= 0 || !isFinite(c)) && (c = Math.abs(a.min) * 0.1 || 1);
+      const u = Math.min(c * 5e-3, 1e10), m = Math.max(r, a.min - u), f = Math.min(o, a.max + u);
+      d.setDomain(m, f), l === s.primaryYAxisId && (s.viewBounds.yMin = m, s.viewBounds.yMax = f);
     }
   }), s.requestRender();
 }
-function At(s, e = {}) {
-  var l, c;
+function Pt(s, e = {}) {
+  var l, h;
   const t = typeof e.padding == "object" ? e.padding.x ?? 0.02 : e.padding ?? 0.02, i = typeof e.padding == "object" ? e.padding.y ?? 0.05 : e.padding ?? 0.05;
-  let n = (l = e.x) == null ? void 0 : l[0], o = (c = e.x) == null ? void 0 : c[1], r = n !== void 0 && o !== void 0;
+  let n = (l = e.x) == null ? void 0 : l[0], o = (h = e.x) == null ? void 0 : h[1], r = n !== void 0 && o !== void 0;
   const a = /* @__PURE__ */ new Map();
-  if (s.yScales.forEach((u, h) => {
-    a.set(h, { min: 1 / 0, max: -1 / 0 });
+  if (s.yScales.forEach((d, c) => {
+    a.set(c, { min: 1 / 0, max: -1 / 0 });
   }), !r || e.y === void 0) {
-    let u = !1;
-    if (s.series.forEach((h) => {
-      if (!h.isVisible()) return;
-      const d = h.getBounds();
-      if (!d || !isFinite(d.xMin) || !isFinite(d.xMax) || !isFinite(d.yMin) || !isFinite(d.yMax))
+    let d = !1;
+    if (s.series.forEach((c) => {
+      if (!c.isVisible()) return;
+      const u = c.getBounds();
+      if (!u || !isFinite(u.xMin) || !isFinite(u.xMax) || !isFinite(u.yMin) || !isFinite(u.yMax))
         return;
-      r || (n = n === void 0 ? d.xMin : Math.min(n, d.xMin), o = o === void 0 ? d.xMax : Math.max(o, d.xMax));
-      const y = h.getYAxisId() || s.primaryYAxisId, f = a.get(y);
-      f && (f.min = Math.min(f.min, d.yMin), f.max = Math.max(f.max, d.yMax)), u = !0;
-    }), !r && !u) return !1;
+      r || (n = n === void 0 ? u.xMin : Math.min(n, u.xMin), o = o === void 0 ? u.xMax : Math.max(o, u.xMax));
+      const m = c.getYAxisId() || s.primaryYAxisId, f = a.get(m);
+      f && (f.min = Math.min(f.min, u.yMin), f.max = Math.max(f.max, u.yMax)), d = !0;
+    }), !r && !d) return !1;
     r = n !== void 0 && o !== void 0;
   }
   if (e.y) {
-    const u = s.yScales.get(s.primaryYAxisId);
-    u && u.setDomain(e.y[0], e.y[1]), s.viewBounds.yMin = e.y[0], s.viewBounds.yMax = e.y[1];
+    const d = s.yScales.get(s.primaryYAxisId);
+    d && d.setDomain(e.y[0], e.y[1]), s.viewBounds.yMin = e.y[0], s.viewBounds.yMax = e.y[1];
   } else
-    a.forEach((d, y) => {
-      if (d.min === 1 / 0) return;
-      const f = s.yAxisOptionsMap.get(y), m = s.yScales.get(y);
-      if (!f || !m) return;
-      let x = d.max - d.min;
-      (x <= 0 || !isFinite(x)) && (x = Math.abs(d.min) * 0.1 || 1);
-      const b = x * i, v = Math.max(-1e15, d.min - b), p = Math.min(1e15, d.max + b);
-      m.setDomain(v, p), y === s.primaryYAxisId && (s.viewBounds.yMin = v, s.viewBounds.yMax = p);
+    a.forEach((u, m) => {
+      if (u.min === 1 / 0) return;
+      const f = s.yAxisOptionsMap.get(m), y = s.yScales.get(m);
+      if (!f || !y) return;
+      let p = u.max - u.min;
+      (p <= 0 || !isFinite(p)) && (p = Math.abs(u.min) * 0.1 || 1);
+      const b = p * i, v = Math.max(-1e15, u.min - b), x = Math.min(1e15, u.max + b);
+      y.setDomain(v, x), m === s.primaryYAxisId && (s.viewBounds.yMin = v, s.viewBounds.yMax = x);
     });
   if (r && n !== void 0 && o !== void 0) {
-    let d = o - n;
-    (d <= 0 || !isFinite(d)) && (d = Math.abs(n) * 0.1 || 1);
-    const y = d * t;
-    s.viewBounds.xMin = Math.max(-1e15, n - y), s.viewBounds.xMax = Math.min(1e15, o + y);
+    let u = o - n;
+    (u <= 0 || !isFinite(u)) && (u = Math.abs(n) * 0.1 || 1);
+    const m = u * t;
+    s.viewBounds.xMin = Math.max(-1e15, n - m), s.viewBounds.xMax = Math.min(1e15, o + m);
   }
   return s.requestRender(), !0;
 }
-function kt(s) {
+function Et(s) {
   if (s.series.size === 0) return;
   const e = /* @__PURE__ */ new Map();
   s.yScales.forEach((o, r) => {
@@ -2681,24 +2706,24 @@ function kt(s) {
     if (o.min === 1 / 0) return;
     const a = s.yAxisOptionsMap.get(r), l = s.yScales.get(r);
     if (a && a.auto && l) {
-      let c = o.max - o.min;
-      (c <= 0 || !isFinite(c)) && (c = Math.abs(o.min) * 0.1 || 1);
-      const u = Math.min(c * 5e-3, 1e10), h = Math.max(n, o.min - u), d = Math.min(i, o.max + u);
-      l.setDomain(h, d), r === s.primaryYAxisId && (s.viewBounds.yMin = h, s.viewBounds.yMax = d);
+      let h = o.max - o.min;
+      (h <= 0 || !isFinite(h)) && (h = Math.abs(o.min) * 0.1 || 1);
+      const d = Math.min(h * 5e-3, 1e10), c = Math.max(n, o.min - d), u = Math.min(i, o.max + d);
+      l.setDomain(c, u), r === s.primaryYAxisId && (s.viewBounds.yMin = c, s.viewBounds.yMax = u);
     }
   }), s.requestRender();
 }
-function Tt(s, e, t, i) {
+function It(s, e, t, i) {
   if (e === null) {
     if (t && t.width > 5 && t.height > 5) {
-      const n = s.getPlotArea(), o = s.viewBounds, r = (t.x - n.x) / n.width, a = (t.x + t.width - n.x) / n.width, l = 1 - (t.y - n.y) / n.height, c = 1 - (t.y + t.height - n.y) / n.height, u = o.xMin + r * (o.xMax - o.xMin), h = o.xMin + a * (o.xMax - o.xMin), d = o.yMin + c * (o.yMax - o.yMin), y = o.yMin + l * (o.yMax - o.yMin);
-      i({ x: [u, h], y: [d, y] });
+      const n = s.getPlotArea(), o = s.viewBounds, r = (t.x - n.x) / n.width, a = (t.x + t.width - n.x) / n.width, l = 1 - (t.y - n.y) / n.height, h = 1 - (t.y + t.height - n.y) / n.height, d = o.xMin + r * (o.xMax - o.xMin), c = o.xMin + a * (o.xMax - o.xMin), u = o.yMin + h * (o.yMax - o.yMin), m = o.yMin + l * (o.yMax - o.yMin);
+      i({ x: [d, c], y: [u, m] });
     }
     return null;
   }
   return e;
 }
-const Bt = {
+const Rt = {
   /** Linear easing - constant speed */
   linear: (s) => s,
   /** Ease in - starts slow, accelerates */
@@ -2724,7 +2749,7 @@ const Bt = {
   /** Bounce effect */
   bounce: (s) => s < 1 / 2.75 ? 7.5625 * s * s : s < 2 / 2.75 ? 7.5625 * (s -= 1.5 / 2.75) * s + 0.75 : s < 2.5 / 2.75 ? 7.5625 * (s -= 2.25 / 2.75) * s + 0.9375 : 7.5625 * (s -= 2.625 / 2.75) * s + 0.984375
 };
-class Be {
+class Pe {
   constructor() {
     g(this, "animations", /* @__PURE__ */ new Map());
     g(this, "frameId", null);
@@ -2735,7 +2760,7 @@ class Be {
    * Start a new animation
    */
   animate(e) {
-    const t = `anim_${++this.idCounter}`, i = typeof e.easing == "function" ? e.easing : Bt[e.easing || "easeOutCubic"];
+    const t = `anim_${++this.idCounter}`, i = typeof e.easing == "function" ? e.easing : Rt[e.easing || "easeOutCubic"];
     let n, o;
     const r = new Promise((a, l) => {
       n = a, o = l;
@@ -2900,7 +2925,7 @@ const D = {
     easing: "easeOutCubic"
   }
 };
-function pe(s) {
+function be(s) {
   return s ? {
     enabled: s.enabled ?? D.enabled,
     zoom: { ...D.zoom, ...s.zoom },
@@ -2910,15 +2935,15 @@ function pe(s) {
     autoScale: { ...D.autoScale, ...s.autoScale }
   } : { ...D };
 }
-let ne = null;
-function Fi() {
-  return ne || (ne = new Be()), ne;
+let oe = null;
+function $i() {
+  return oe || (oe = new Pe()), oe;
 }
 let F = null, L = null;
-function Pt(s, e) {
+function Dt(s, e) {
   const t = e.animate !== !1 && s.animationConfig.enabled && s.animationConfig.zoom.enabled;
   F != null && F.isRunning() && F.cancel();
-  const i = K(s.series.values()), n = e.x ? e.x[0] : s.viewBounds.xMin, o = e.x ? e.x[1] : s.viewBounds.xMax;
+  const i = ee(s.series.values()), n = e.x ? e.x[0] : s.viewBounds.xMin, o = e.x ? e.x[1] : s.viewBounds.xMax;
   let r = e.y ? e.y[0] : s.viewBounds.yMin;
   const a = e.y ? e.y[1] : s.viewBounds.yMax;
   i && e.y && (r = 0);
@@ -2926,44 +2951,44 @@ function Pt(s, e) {
   if (!t) {
     if (e.x && (s.viewBounds.xMin = n, s.viewBounds.xMax = o), e.y)
       if (l) {
-        const h = s.yScales.get(l);
-        h && (h.setDomain(r, a), l === s.primaryYAxisId && (s.viewBounds.yMin = r, s.viewBounds.yMax = a));
+        const c = s.yScales.get(l);
+        c && (c.setDomain(r, a), l === s.primaryYAxisId && (s.viewBounds.yMin = r, s.viewBounds.yMax = a));
       } else {
-        const h = s.viewBounds.yMax - s.viewBounds.yMin, d = a - r, y = h > 0 ? d / h : 1, f = h > 0 ? (r - s.viewBounds.yMin) / h : 0;
-        s.yScales.forEach((x, b) => {
+        const c = s.viewBounds.yMax - s.viewBounds.yMin, u = a - r, m = c > 0 ? u / c : 1, f = c > 0 ? (r - s.viewBounds.yMin) / c : 0;
+        s.yScales.forEach((p, b) => {
           if (b === s.primaryYAxisId) return;
-          const v = x.domain[1] - x.domain[0], p = i ? 0 : x.domain[0] + f * v, M = i ? x.domain[0] + y * v : p + y * v;
-          x.setDomain(p, M);
+          const v = p.domain[1] - p.domain[0], x = i ? 0 : p.domain[0] + f * v, M = i ? p.domain[0] + m * v : x + m * v;
+          p.setDomain(x, M);
         }), s.viewBounds.yMin = r, s.viewBounds.yMax = a;
-        const m = s.yScales.get(s.primaryYAxisId);
-        m && m.setDomain(r, a);
+        const y = s.yScales.get(s.primaryYAxisId);
+        y && y.setDomain(r, a);
       }
     return s.events.emit("zoom", {
       x: [s.viewBounds.xMin, s.viewBounds.xMax],
       y: [s.viewBounds.yMin, s.viewBounds.yMax]
     }), s.requestRender(), null;
   }
-  const c = { ...s.viewBounds }, u = /* @__PURE__ */ new Map();
-  return s.yScales.forEach((h, d) => {
-    u.set(d, [...h.domain]);
+  const h = { ...s.viewBounds }, d = /* @__PURE__ */ new Map();
+  return s.yScales.forEach((c, u) => {
+    d.set(u, [...c.domain]);
   }), F = s.animationEngine.animate({
     duration: s.animationConfig.zoom.duration,
     easing: s.animationConfig.zoom.easing,
-    onUpdate: (h) => {
-      if (e.x && (s.viewBounds.xMin = c.xMin + (n - c.xMin) * h, s.viewBounds.xMax = c.xMax + (o - c.xMax) * h), e.y)
+    onUpdate: (c) => {
+      if (e.x && (s.viewBounds.xMin = h.xMin + (n - h.xMin) * c, s.viewBounds.xMax = h.xMax + (o - h.xMax) * c), e.y)
         if (l) {
-          const d = s.yScales.get(l), y = u.get(l);
-          if (d && y) {
-            const f = y[0] + (r - y[0]) * h, m = y[1] + (a - y[1]) * h;
-            d.setDomain(f, m), l === s.primaryYAxisId && (s.viewBounds.yMin = f, s.viewBounds.yMax = m);
+          const u = s.yScales.get(l), m = d.get(l);
+          if (u && m) {
+            const f = m[0] + (r - m[0]) * c, y = m[1] + (a - m[1]) * c;
+            u.setDomain(f, y), l === s.primaryYAxisId && (s.viewBounds.yMin = f, s.viewBounds.yMax = y);
           }
         } else
-          s.viewBounds.yMin = c.yMin + (r - c.yMin) * h, s.viewBounds.yMax = c.yMax + (a - c.yMax) * h, s.yScales.forEach((d, y) => {
-            if (y === s.primaryYAxisId)
-              d.setDomain(s.viewBounds.yMin, s.viewBounds.yMax);
+          s.viewBounds.yMin = h.yMin + (r - h.yMin) * c, s.viewBounds.yMax = h.yMax + (a - h.yMax) * c, s.yScales.forEach((u, m) => {
+            if (m === s.primaryYAxisId)
+              u.setDomain(s.viewBounds.yMin, s.viewBounds.yMax);
             else {
-              const f = u.get(y), m = c.yMax - c.yMin, x = s.viewBounds.yMax - s.viewBounds.yMin, b = m > 0 ? x / m : 1, v = m > 0 ? (s.viewBounds.yMin - c.yMin) / m : 0, p = f[1] - f[0], M = f[0] + v * p, S = M + b * p;
-              d.setDomain(M, S);
+              const f = d.get(m), y = h.yMax - h.yMin, p = s.viewBounds.yMax - s.viewBounds.yMin, b = y > 0 ? p / y : 1, v = y > 0 ? (s.viewBounds.yMin - h.yMin) / y : 0, x = f[1] - f[0], M = f[0] + v * x, S = M + b * x;
+              u.setDomain(M, S);
             }
           });
       s.requestRender();
@@ -2976,42 +3001,42 @@ function Pt(s, e) {
     }
   }), F;
 }
-function It(s, e = !0) {
+function Ft(s, e = !0) {
   if (s.series.size === 0) return null;
   let t = 1 / 0, i = -1 / 0;
   const n = /* @__PURE__ */ new Map();
-  s.yScales.forEach((v, p) => {
-    n.set(p, { min: 1 / 0, max: -1 / 0 });
+  s.yScales.forEach((v, x) => {
+    n.set(x, { min: 1 / 0, max: -1 / 0 });
   });
   let o = !1;
   if (s.series.forEach((v) => {
     if (!v.isVisible()) return;
-    const p = v.getBounds();
-    if (p && isFinite(p.xMin) && isFinite(p.xMax) && isFinite(p.yMin) && isFinite(p.yMax)) {
-      t = Math.min(t, p.xMin), i = Math.max(i, p.xMax);
+    const x = v.getBounds();
+    if (x && isFinite(x.xMin) && isFinite(x.xMax) && isFinite(x.yMin) && isFinite(x.yMax)) {
+      t = Math.min(t, x.xMin), i = Math.max(i, x.xMax);
       const M = v.getYAxisId() || s.primaryYAxisId, S = n.get(M);
-      S && (S.min = Math.min(S.min, p.yMin), S.max = Math.max(S.max, p.yMax)), o = !0;
+      S && (S.min = Math.min(S.min, x.yMin), S.max = Math.max(S.max, x.yMax)), o = !0;
     }
   }), !o) return null;
   const r = 1e15, a = -1e15;
-  let l = s.viewBounds.xMin, c = s.viewBounds.xMax, u = s.viewBounds.yMin, h = s.viewBounds.yMax;
+  let l = s.viewBounds.xMin, h = s.viewBounds.xMax, d = s.viewBounds.yMin, c = s.viewBounds.yMax;
   if (s.xAxisOptions.auto) {
     let v = i - t;
     (v <= 0 || !isFinite(v)) && (v = Math.abs(t) * 0.1 || 1);
-    const p = Math.min(v * 5e-3, 1e10);
-    l = Math.max(a, t - p), c = Math.min(r, i + p);
+    const x = Math.min(v * 5e-3, 1e10);
+    l = Math.max(a, t - x), h = Math.min(r, i + x);
   }
-  const d = n.get(s.primaryYAxisId), y = s.yAxisOptionsMap.get(s.primaryYAxisId);
-  if (d && (y != null && y.auto) && d.min !== 1 / 0) {
-    let v = d.max - d.min;
-    (v <= 0 || !isFinite(v)) && (v = Math.abs(d.min) * 0.1 || 1);
-    const p = Math.min(v * 5e-3, 1e10);
-    u = Math.max(a, d.min - p), h = Math.min(r, d.max + p);
+  const u = n.get(s.primaryYAxisId), m = s.yAxisOptionsMap.get(s.primaryYAxisId);
+  if (u && (m != null && m.auto) && u.min !== 1 / 0) {
+    let v = u.max - u.min;
+    (v <= 0 || !isFinite(v)) && (v = Math.abs(u.min) * 0.1 || 1);
+    const x = Math.min(v * 5e-3, 1e10);
+    d = Math.max(a, u.min - x), c = Math.min(r, u.max + x);
   }
   const f = e && s.animationConfig.enabled && s.animationConfig.autoScale.enabled;
   if (L != null && L.isRunning() && L.cancel(), !f)
-    return s.viewBounds.xMin = l, s.viewBounds.xMax = c, s.viewBounds.yMin = u, s.viewBounds.yMax = h, s.yScales.forEach((v, p) => {
-      const M = n.get(p), S = s.yAxisOptionsMap.get(p);
+    return s.viewBounds.xMin = l, s.viewBounds.xMax = h, s.viewBounds.yMin = d, s.viewBounds.yMax = c, s.yScales.forEach((v, x) => {
+      const M = n.get(x), S = s.yAxisOptionsMap.get(x);
       if (M && (S != null && S.auto) && M.min !== 1 / 0) {
         let w = M.max - M.min;
         (w <= 0 || !isFinite(w)) && (w = Math.abs(M.min) * 0.1 || 1);
@@ -3022,30 +3047,30 @@ function It(s, e = !0) {
         );
       }
     }), s.events.emit("autoScale", void 0), s.requestRender(), null;
-  const m = { ...s.viewBounds }, x = /* @__PURE__ */ new Map();
-  s.yScales.forEach((v, p) => {
-    x.set(p, [...v.domain]);
+  const y = { ...s.viewBounds }, p = /* @__PURE__ */ new Map();
+  s.yScales.forEach((v, x) => {
+    p.set(x, [...v.domain]);
   });
   const b = /* @__PURE__ */ new Map();
-  return s.yScales.forEach((v, p) => {
-    const M = n.get(p), S = s.yAxisOptionsMap.get(p);
+  return s.yScales.forEach((v, x) => {
+    const M = n.get(x), S = s.yAxisOptionsMap.get(x);
     if (M && (S != null && S.auto) && M.min !== 1 / 0) {
       let w = M.max - M.min;
       (w <= 0 || !isFinite(w)) && (w = Math.abs(M.min) * 0.1 || 1);
       const C = Math.min(w * 5e-3, 1e10);
-      b.set(p, [
+      b.set(x, [
         Math.max(a, M.min - C),
         Math.min(r, M.max + C)
       ]);
     } else
-      b.set(p, [...v.domain]);
+      b.set(x, [...v.domain]);
   }), L = s.animationEngine.animate({
     duration: s.animationConfig.autoScale.duration,
     easing: s.animationConfig.autoScale.easing,
     onUpdate: (v) => {
-      s.viewBounds.xMin = m.xMin + (l - m.xMin) * v, s.viewBounds.xMax = m.xMax + (c - m.xMax) * v, s.viewBounds.yMin = m.yMin + (u - m.yMin) * v, s.viewBounds.yMax = m.yMax + (h - m.yMax) * v, s.yScales.forEach((p, M) => {
-        const S = x.get(M), w = b.get(M);
-        p.setDomain(
+      s.viewBounds.xMin = y.xMin + (l - y.xMin) * v, s.viewBounds.xMax = y.xMax + (h - y.xMax) * v, s.viewBounds.yMin = y.yMin + (d - y.yMin) * v, s.viewBounds.yMax = y.yMax + (c - y.yMax) * v, s.yScales.forEach((x, M) => {
+        const S = p.get(M), w = b.get(M);
+        x.setDomain(
           S[0] + (w[0] - S[0]) * v,
           S[1] + (w[1] - S[1]) * v
         );
@@ -3056,7 +3081,7 @@ function It(s, e = !0) {
     }
   }), L;
 }
-function Et(s, e, t) {
+function Lt(s, e, t) {
   const i = { ...s.viewBounds }, n = {
     xMin: e.xMin ?? s.viewBounds.xMin,
     xMax: e.xMax ?? s.viewBounds.xMax,
@@ -3079,7 +3104,7 @@ function Et(s, e, t) {
     }
   });
 }
-function Pe(s, e, t = "degrees") {
+function Ee(s, e, t = "degrees") {
   const i = Math.min(s.length, e.length), n = new Float32Array(i * 2), o = t === "degrees" ? Math.PI / 180 : 1;
   for (let r = 0; r < i; r++) {
     const a = s[r], l = e[r] * o;
@@ -3087,22 +3112,22 @@ function Pe(s, e, t = "degrees") {
   }
   return n;
 }
-function Li(s, e = "degrees", t = !1) {
-  const i = Pe(s.r, s.theta, e);
+function Hi(s, e = "degrees", t = !1) {
+  const i = Ee(s.r, s.theta, e);
   if (!t)
     return i;
   const n = i.length / 2, o = new Float32Array((n + 1) * 2);
   return o.set(i), o[n * 2] = i[0], o[n * 2 + 1] = i[1], o;
 }
-function zi(s, e = "degrees", t = !0) {
-  const i = Pe(s.r, s.theta, e), n = i.length / 2, o = t ? n : n - 1, r = new Float32Array(o * 3 * 2);
+function Ni(s, e = "degrees", t = !0) {
+  const i = Ee(s.r, s.theta, e), n = i.length / 2, o = t ? n : n - 1, r = new Float32Array(o * 3 * 2);
   for (let a = 0; a < o; a++) {
-    const l = a * 6, c = a, u = (a + 1) % n;
-    r[l + 0] = 0, r[l + 1] = 0, r[l + 2] = i[c * 2], r[l + 3] = i[c * 2 + 1], r[l + 4] = i[u * 2], r[l + 5] = i[u * 2 + 1];
+    const l = a * 6, h = a, d = (a + 1) % n;
+    r[l + 0] = 0, r[l + 1] = 0, r[l + 2] = i[h * 2], r[l + 3] = i[h * 2 + 1], r[l + 4] = i[d * 2], r[l + 5] = i[d * 2 + 1];
   }
   return r;
 }
-function Rt(s) {
+function Ot(s) {
   const e = Math.min(s.r.length, s.theta.length);
   let t = 0;
   for (let i = 0; i < e; i++)
@@ -3115,35 +3140,35 @@ function Rt(s) {
     maxRadius: t
   };
 }
-function Dt(s, e, t, i) {
+function zt(s, e, t, i) {
   if (s === "heatmap" && t) {
-    const { xValues: m, yValues: x } = t;
-    let b = 1 / 0, v = -1 / 0, p = 1 / 0, M = -1 / 0;
-    for (let S = 0; S < m.length; S++) {
-      const w = m[S];
+    const { xValues: y, yValues: p } = t;
+    let b = 1 / 0, v = -1 / 0, x = 1 / 0, M = -1 / 0;
+    for (let S = 0; S < y.length; S++) {
+      const w = y[S];
       w < b && (b = w), w > v && (v = w);
     }
-    for (let S = 0; S < x.length; S++) {
-      const w = x[S];
-      w < p && (p = w), w > M && (M = w);
+    for (let S = 0; S < p.length; S++) {
+      const w = p[S];
+      w < x && (x = w), w > M && (M = w);
     }
-    return b === 1 / 0 || p === 1 / 0 ? null : { xMin: b, xMax: v, yMin: p, yMax: M };
+    return b === 1 / 0 || x === 1 / 0 ? null : { xMin: b, xMax: v, yMin: x, yMax: M };
   }
   if (s === "polar" && i)
-    return Rt(i);
-  const { x: n, y: o, y2: r, open: a, high: l, low: c, close: u } = e;
+    return Ot(i);
+  const { x: n, y: o, y2: r, open: a, high: l, low: h, close: d } = e;
   if (n.length === 0) return null;
-  let h = 1 / 0, d = -1 / 0, y = 1 / 0, f = -1 / 0;
-  for (let m = 0; m < n.length; m++) {
-    const x = n[m];
-    if (!isFinite(x)) continue;
-    x < h && (h = x), x > d && (d = x);
+  let c = 1 / 0, u = -1 / 0, m = 1 / 0, f = -1 / 0;
+  for (let y = 0; y < n.length; y++) {
+    const p = n[y];
+    if (!isFinite(p)) continue;
+    p < c && (c = p), p > u && (u = p);
     const b = [];
-    o.length > m && isFinite(o[m]) && b.push(o[m]), r && isFinite(r[m]) && b.push(r[m]), a && isFinite(a[m]) && b.push(a[m]), l && isFinite(l[m]) && b.push(l[m]), c && isFinite(c[m]) && b.push(c[m]), u && isFinite(u[m]) && b.push(u[m]);
+    o.length > y && isFinite(o[y]) && b.push(o[y]), r && isFinite(r[y]) && b.push(r[y]), a && isFinite(a[y]) && b.push(a[y]), l && isFinite(l[y]) && b.push(l[y]), h && isFinite(h[y]) && b.push(h[y]), d && isFinite(d[y]) && b.push(d[y]);
     for (const v of b)
-      v < y && (y = v), v > f && (f = v);
+      v < m && (m = v), v > f && (f = v);
   }
-  return h === 1 / 0 || y === 1 / 0 ? null : { xMin: h, xMax: d, yMin: y, yMax: f };
+  return c === 1 / 0 || m === 1 / 0 ? null : { xMin: c, xMax: u, yMin: m, yMax: f };
 }
 function A(s) {
   return s ? s instanceof Float32Array || s instanceof Float64Array ? s : new Float32Array(s) : new Float32Array(0);
@@ -3152,19 +3177,19 @@ function R(s, e) {
   const t = new s.constructor(s.length + e.length);
   return t.set(s, 0), t.set(e, s.length), t;
 }
-function Ft(s, e) {
+function Yt(s, e) {
   const { x: t, y: i } = s, n = t.length;
   if (n < e) return { ...s };
   const o = new Float32Array(n), r = Math.floor(e / 2);
   for (let a = 0; a < n; a++) {
-    let l = 0, c = 0;
-    for (let u = a - r; u <= a + r; u++)
-      u >= 0 && u < n && (l += i[u], c++);
-    o[a] = l / c;
+    let l = 0, h = 0;
+    for (let d = a - r; d <= a + r; d++)
+      d >= 0 && d < n && (l += i[d], h++);
+    o[a] = l / h;
   }
   return { x: t, y: o };
 }
-function Lt(s, e) {
+function Vt(s, e) {
   var n, o;
   if (e < 0 || e >= s.x.length) return null;
   if (s.yError && e < s.yError.length) {
@@ -3174,7 +3199,7 @@ function Lt(s, e) {
   const t = ((n = s.yErrorMinus) == null ? void 0 : n[e]) ?? 0, i = ((o = s.yErrorPlus) == null ? void 0 : o[e]) ?? 0;
   return t > 0 || i > 0 ? [t, i] : null;
 }
-function zt(s, e) {
+function _t(s, e) {
   var n, o;
   if (e < 0 || e >= s.x.length) return null;
   if (s.xError && e < s.xError.length) {
@@ -3184,13 +3209,13 @@ function zt(s, e) {
   const t = ((n = s.xErrorMinus) == null ? void 0 : n[e]) ?? 0, i = ((o = s.xErrorPlus) == null ? void 0 : o[e]) ?? 0;
   return t > 0 || i > 0 ? [t, i] : null;
 }
-const Ot = {
+const Xt = {
   color: "#ff0055",
   width: 1.5,
   opacity: 1,
   pointSize: 4
 };
-class Yt {
+class $t {
   constructor(e) {
     g(this, "id");
     g(this, "type");
@@ -3248,8 +3273,8 @@ class Yt {
       this.lastAppendCount = 0;
     });
     g(this, "hasErrorData", () => !!(this.data.yError || this.data.yErrorPlus || this.data.yErrorMinus || this.data.xError || this.data.xErrorPlus || this.data.xErrorMinus));
-    g(this, "getYError", (e) => Lt(this.data, e));
-    g(this, "getXError", (e) => zt(this.data, e));
+    g(this, "getYError", (e) => Vt(this.data, e));
+    g(this, "getXError", (e) => _t(this.data, e));
     if (this.id = e.id, this.name = e.name, this.type = e.type, this.yAxisId = e.yAxisId, this.visible = e.visible ?? !0, this.stackId = e.stackId, this.cycle = e.cycle, this.maxPoints = e.maxPoints, this.markers = e.markers ?? [], this.type === "heatmap") {
       const t = e;
       this.data = { x: new Float32Array(0), y: new Float32Array(0) }, this.heatmapData = {
@@ -3288,13 +3313,13 @@ class Yt {
         median: t != null && t.median ? A(t.median) : void 0
       }, this.type === "candlestick" && this.data.close && this.data.y.length !== this.data.x.length && (this.data.y = this.data.close);
     }
-    this.style = { ...Ot, ...e.style }, e.color && (this.style.color = e.color), e.width && (this.style.width = e.width), e.pointSize && (this.style.pointSize = e.pointSize);
+    this.style = { ...Xt, ...e.style }, e.color && (this.style.color = e.color), e.width && (this.style.width = e.width), e.pointSize && (this.style.pointSize = e.pointSize);
   }
   getData() {
-    return this.style.smoothing && this.style.smoothing > 0 ? ((this.smoothingNeedsUpdate || !this.smoothedData) && (this.smoothedData = Ft(this.data, 5), this.smoothingNeedsUpdate = !1), this.smoothedData) : this.data;
+    return this.style.smoothing && this.style.smoothing > 0 ? ((this.smoothingNeedsUpdate || !this.smoothedData) && (this.smoothedData = Yt(this.data, 5), this.smoothingNeedsUpdate = !1), this.smoothedData) : this.data;
   }
   getBounds() {
-    return this.data.x.length === 0 && this.type !== "heatmap" && this.type !== "polar" && this.type !== "gauge" && this.type !== "sankey" ? null : (this.boundsNeedsUpdate && (this.cachedBounds = Dt(this.type, this.data, this.heatmapData, this.polarData), this.boundsNeedsUpdate = !1), this.cachedBounds);
+    return this.data.x.length === 0 && this.type !== "heatmap" && this.type !== "polar" && this.type !== "gauge" && this.type !== "sankey" ? null : (this.boundsNeedsUpdate && (this.cachedBounds = zt(this.type, this.data, this.heatmapData, this.polarData), this.boundsNeedsUpdate = !1), this.cachedBounds);
   }
   updateData(e) {
     if (e) {
@@ -3342,24 +3367,24 @@ class Yt {
   }
 }
 const Ie = /* @__PURE__ */ new Map();
-function Oi(s, e) {
+function Ui(s, e) {
   Ie.set(s, e);
 }
-function _t(s) {
+function Ht(s) {
   return Ie.get(s);
 }
-function Vt(s, e) {
+function Nt(s, e) {
   if (!s.renderer) return;
   const t = e.getData(), i = e.getType();
   if (!t || t.x.length === 0) return;
   const n = e.getId();
   if (i === "band" || i === "area") {
     const o = i === "area" ? new Float32Array(t.x.length).fill(0) : t.y2 || new Float32Array(t.x.length).fill(0);
-    s.renderer.createBuffer(n, Ce(t.x, t.y, o));
+    s.renderer.createBuffer(n, Ae(t.x, t.y, o));
   } else
-    s.renderer.createBuffer(n, we(t.x, t.y));
+    s.renderer.createBuffer(n, Ce(t.x, t.y));
   if (e.hasErrorData()) {
-    const o = Ze(
+    const o = et(
       t.x,
       t.y,
       {
@@ -3379,12 +3404,12 @@ function Vt(s, e) {
     const o = e.getStyle().stepMode ?? "after";
     s.renderer.createBuffer(
       `${n}_step`,
-      Qe(t.x, t.y, o)
+      Ke(t.x, t.y, o)
     );
   }
   e.resetLastAppendCount();
 }
-function Xt(s, e) {
+function Ut(s, e) {
   var n;
   const t = Array.from(s.series.values()).filter(
     (o) => o.getStackId() === e
@@ -3398,11 +3423,11 @@ function Xt(s, e) {
     for (let l = 0; l < r.y.length; l++) i[l] += r.y[l];
     (n = s.renderer) == null || n.createBuffer(
       o.getId(),
-      Ce(r.x, i, a)
+      Ae(r.x, i, a)
     ), o.resetLastAppendCount();
   }
 }
-const $t = /* @__PURE__ */ new Set([
+const qt = /* @__PURE__ */ new Set([
   "line",
   "scatter",
   "line+scatter",
@@ -3415,82 +3440,82 @@ function W(s, e) {
   if (!s.renderer) return;
   const t = e.getStackId();
   if (t) {
-    Ht(s, t);
+    Wt(s, t);
     return;
   }
   const i = e.getType();
   if (i !== "heatmap" && i !== "polar" && (!e.getData() || e.getData().x.length === 0))
     return;
-  const n = _t(i);
+  const n = Ht(i);
   if (n) {
     n(s, e);
     return;
   }
-  if ($t.has(i)) {
-    Vt(s, e);
+  if (qt.has(i)) {
+    Nt(s, e);
     return;
   }
   throw new Error(
     `[VeloPlot] Series type "${i}" requires an extended bundle. Import from 'velo-plot/trading', 'velo-plot/scientific', or 'velo-plot/full'.`
   );
 }
-function Ht(s, e) {
-  Xt(s, e);
+function Wt(s, e) {
+  Ut(s, e);
 }
-const Ee = [];
-let re = null;
-function Yi(s) {
-  Ee.push(s);
+const Re = [];
+let le = null;
+function qi(s) {
+  Re.push(s);
 }
-function _i(s) {
-  re = s;
+function Wi(s) {
+  le = s;
 }
-function Nt(s, e) {
+function Gt(s, e) {
   let t = e;
-  for (const i of Ee)
+  for (const i of Re)
     t = i(s, t);
   return t;
 }
-function Ut(s) {
-  return re ? re(s) : [s];
+function jt(s) {
+  return le ? le(s) : [s];
 }
-function qt(s, e) {
-  for (const t of Ut(e))
-    Wt(s, t);
+function Qt(s, e) {
+  for (const t of jt(e))
+    Zt(s, t);
 }
-function Wt(s, e) {
+function Zt(s, e) {
   var n, o;
-  const t = Nt(s, e);
+  const t = Gt(s, e);
   if (t.type !== "heatmap" && !((n = t.style) != null && n.color) && !t.color && s.colorScheme) {
     const r = s.series.size, a = s.colorScheme.colors[r % s.colorScheme.colors.length];
     t.style || (t.style = {}), t.style.color = a;
   }
-  const i = new Yt(t);
+  const i = new $t(t);
   s.series.set(i.getId(), i), W(s, i), (s.xAxisOptions.auto || Array.from(s.yAxisOptionsMap.values()).some((r) => r.auto)) && s.autoScale(!1), (o = s.updateLegend) == null || o.call(s), s.requestRender();
 }
-function Gt(s, e) {
+function Jt(s, e) {
   var i;
   const t = s.series.get(e);
   t && (s.renderer.deleteBuffer(e), s.renderer.deleteBuffer(`${e}_step`), t.destroy(), s.series.delete(e), (i = s.updateLegend) == null || i.call(s), s.requestRender());
 }
-const Re = [];
-function Vi(s) {
-  Re.push(s);
+const De = [];
+function Gi(s) {
+  De.push(s);
 }
-function jt(s, e) {
+function Kt(s, e) {
   let t = e;
-  for (const i of Re)
+  for (const i of De)
     t = i(s, t);
   return t;
 }
-function Qt(s, e, t) {
+function ei(s, e, t) {
   var a;
   const i = s.series.get(e);
   if (!i) return;
-  const n = !!t.append, o = n ? ((a = i.getBounds()) == null ? void 0 : a.xMax) ?? -1 / 0 : -1 / 0, r = jt(s, t);
-  i.updateData(r), W(s, i), n && De(s, i, o), s.requestRender();
+  const n = !!t.append, o = n ? ((a = i.getBounds()) == null ? void 0 : a.xMax) ?? -1 / 0 : -1 / 0, r = Kt(s, t);
+  i.updateData(r), W(s, i), n && Fe(s, i, o), s.requestRender();
 }
-function De(s, e, t) {
+function Fe(s, e, t) {
   if (s.autoScrollEnabled) {
     const i = e.getBounds();
     if (i) {
@@ -3514,18 +3539,18 @@ function De(s, e, t) {
     }
   }
 }
-function Zt(s, e, t, i) {
+function ti(s, e, t, i) {
   var r;
   const n = s.series.get(e);
   if (!n) return;
   const o = ((r = n.getBounds()) == null ? void 0 : r.xMax) ?? -1 / 0;
-  n.updateData({ x: t, y: i, append: !0 }), W(s, n), De(s, n, o), s.requestRender();
+  n.updateData({ x: t, y: i, append: !0 }), W(s, n), Fe(s, n, o), s.requestRender();
 }
-function Jt(s, e, t) {
+function ii(s, e, t) {
   const i = s.series.get(e);
   i && (i.setMaxPoints(t), s.requestRender());
 }
-class X {
+class $ {
   constructor() {
     g(this, "domain", [0, 1]);
     g(this, "range", [0, 100]);
@@ -3556,14 +3581,14 @@ class X {
   ticks(e = 10) {
     const [t, i] = this.domain;
     if (!isFinite(t) || !isFinite(i) || t === i) return [];
-    const n = Kt(t, i, e), o = Math.ceil(t / n) * n, r = [], a = 100;
+    const n = si(t, i, e), o = Math.ceil(t / n) * n, r = [], a = 100;
     let l = o;
     for (; l <= i + n * 0.5 && r.length < a; )
       r.push(Math.round(l * 1e12) / 1e12), l += n;
     return r;
   }
 }
-class $ {
+class H {
   constructor() {
     g(this, "domain", [1, 1e3]);
     g(this, "range", [0, 100]);
@@ -3584,12 +3609,12 @@ class $ {
   transform(e) {
     const [t, i] = this.domain, [n, o] = this.range;
     if (e <= 0) return n;
-    const r = Math.log(t) / Math.log(this.base), a = Math.log(i) / Math.log(this.base), c = (Math.log(e) / Math.log(this.base) - r) / (a - r);
-    return n + c * (o - n);
+    const r = Math.log(t) / Math.log(this.base), a = Math.log(i) / Math.log(this.base), h = (Math.log(e) / Math.log(this.base) - r) / (a - r);
+    return n + h * (o - n);
   }
   invert(e) {
-    const [t, i] = this.domain, [n, o] = this.range, r = Math.log(t) / Math.log(this.base), a = Math.log(i) / Math.log(this.base), l = (e - n) / (o - n), c = r + l * (a - r);
-    return Math.pow(this.base, c);
+    const [t, i] = this.domain, [n, o] = this.range, r = Math.log(t) / Math.log(this.base), a = Math.log(i) / Math.log(this.base), l = (e - n) / (o - n), h = r + l * (a - r);
+    return Math.pow(this.base, h);
   }
   ticks(e = 10) {
     const [t, i] = this.domain, n = Math.floor(Math.log10(t)), o = Math.ceil(Math.log10(i)), r = [];
@@ -3600,17 +3625,17 @@ class $ {
     return r;
   }
 }
-function Kt(s, e, t) {
+function si(s, e, t) {
   const i = e - s;
   if (i <= 0 || !isFinite(i)) return 1;
   const n = i / t, o = Math.pow(10, Math.floor(Math.log10(n))), r = n / o;
   let a;
   return r < 1.5 ? a = 1 : r < 3 ? a = 2 : r < 7 ? a = 5 : a = 10, a * o;
 }
-function Xi(s) {
-  return s === "log" ? new $() : new X();
+function ji(s) {
+  return s === "log" ? new H() : new $();
 }
-const I = {
+const E = {
   title: {
     text: "",
     visible: !1,
@@ -3676,78 +3701,83 @@ const I = {
   },
   autoMargins: !0
 };
-function Fe(s) {
+function Le(s) {
   var e;
   return s ? {
-    title: { ...I.title, ...s.title },
-    legend: { ...I.legend, ...s.legend },
-    toolbarPosition: s.toolbarPosition ?? I.toolbarPosition,
+    title: { ...E.title, ...s.title },
+    legend: { ...E.legend, ...s.legend },
+    toolbarPosition: s.toolbarPosition ?? E.toolbarPosition,
     crosshair: {
-      ...I.crosshair,
+      ...E.crosshair,
       ...s.crosshair,
       valueFormat: {
-        ...I.crosshair.valueFormat,
+        ...E.crosshair.valueFormat,
         ...(e = s.crosshair) == null ? void 0 : e.valueFormat
       }
     },
-    margins: { ...I.margins, ...s.margins },
-    plotPadding: { ...I.plotPadding, ...s.plotPadding },
-    xAxisLayout: { ...I.xAxisLayout, ...s.xAxisLayout },
-    yAxisLayout: { ...I.yAxisLayout, ...s.yAxisLayout },
-    autoMargins: s.autoMargins ?? I.autoMargins
-  } : { ...I };
-}
-function ei(s, e) {
-  var w;
+    margins: { ...E.margins, ...s.margins },
+    plotPadding: { ...E.plotPadding, ...s.plotPadding },
+    xAxisLayout: { ...E.xAxisLayout, ...s.xAxisLayout },
+    yAxisLayout: { ...E.yAxisLayout, ...s.yAxisLayout },
+    autoMargins: s.autoMargins ?? E.autoMargins
+  } : { ...E };
+}
+function ni(s, e) {
+  var k;
   if (!s) throw new Error("[VeloPlot] Container element is required");
-  const t = e.devicePixelRatio ?? window.devicePixelRatio, i = Fe(e.layout), n = typeof e.theme == "string" ? Te(e.theme) : e.theme ?? dt, o = H(e.background ?? n.backgroundColor), r = [o[0], o[1], o[2], o[3]], a = H(n.plotAreaBackground), l = [a[0], a[1], a[2], a[3]], c = e.showLegend ?? n.legend.visible, u = ((w = e.toolbar) == null ? void 0 : w.show) ?? e.showControls ?? !1, h = e.autoScroll ?? !1, d = e.showStatistics ?? !1, y = { scale: "linear", auto: !0, ...e.xAxis }, f = y.scale === "log" ? new $() : new X(), m = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
-  let b = "default";
-  (e.yAxis ? Array.isArray(e.yAxis) ? e.yAxis : [e.yAxis] : [{}]).forEach((C, k) => {
-    const P = k === 0, N = P ? "default" : `y${k}`, B = C.id || N;
-    P && (b = B);
-    const ce = { scale: "linear", auto: !0, position: C.position || (P ? "left" : "right"), ...C, id: B };
-    m.set(B, ce), x.set(B, ce.scale === "log" ? new $() : new X());
+  const t = e.devicePixelRatio ?? window.devicePixelRatio, i = Le(e.layout), n = typeof e.theme == "string" ? Be(e.theme) : e.theme ?? yt, o = N(e.background ?? n.backgroundColor), r = [o[0], o[1], o[2], o[3]], a = N(n.plotAreaBackground), l = [a[0], a[1], a[2], a[3]], h = e.renderer === "svg", d = e.showLegend ?? (h ? !1 : n.legend.visible), c = ((k = e.toolbar) == null ? void 0 : k.show) ?? e.showControls ?? !1, u = e.autoScroll ?? !1, m = e.showStatistics ?? !1, f = { scale: "linear", auto: !0, ...e.xAxis }, y = f.scale === "log" ? new H() : new $(), p = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
+  let v = "default";
+  (e.yAxis ? Array.isArray(e.yAxis) ? e.yAxis : [e.yAxis] : [{}]).forEach((B, z) => {
+    const P = z === 0, Ve = P ? "default" : `y${z}`, Z = B.id || Ve;
+    P && (v = Z);
+    const de = { scale: "linear", auto: !0, position: B.position || (P ? "left" : "right"), ...B, id: Z };
+    p.set(Z, de), b.set(Z, de.scale === "log" ? new H() : new $());
   }), s.style.position !== "absolute" && (s.style.position = "relative"), s.style.overflow = "hidden", s.style.backgroundColor = e.background ?? n.backgroundColor;
-  const p = xe("webgl"), M = xe("overlay");
+  const M = ve("webgl"), S = ve("overlay"), w = h ? oi() : null;
   for (; s.firstChild; )
     s.removeChild(s.firstChild);
-  s.appendChild(p), s.appendChild(M);
-  const S = M.getContext("2d");
-  if (!S) throw new Error("Failed to get 2D context");
-  return {
+  s.appendChild(M), s.appendChild(S);
+  const C = S.getContext("2d");
+  if (!C) throw new Error("Failed to get 2D context");
+  return h && w && (s.insertBefore(w, M), M.style.display = "none", S.style.display = "block", S.style.pointerEvents = "none", w.style.zIndex = "1", S.style.zIndex = "2"), {
     theme: n,
     backgroundColor: r,
     plotAreaColor: l,
-    showLegend: c,
-    showControls: u,
-    autoScroll: h,
-    showStatistics: d,
+    showLegend: d,
+    showControls: c,
+    autoScroll: u,
+    showStatistics: m,
     dpr: t,
-    xAxisOptions: y,
-    xScale: f,
-    yAxisOptionsMap: m,
-    yScales: x,
-    primaryYAxisId: b,
-    webglCanvas: p,
-    overlayCanvas: M,
-    overlayCtx: S,
+    xAxisOptions: f,
+    xScale: y,
+    yAxisOptionsMap: p,
+    yScales: b,
+    primaryYAxisId: v,
+    webglCanvas: M,
+    overlayCanvas: S,
+    overlayCtx: C,
+    svgRoot: w,
     layout: i
   };
 }
-function xe(s) {
+function oi() {
+  const s = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  return s.setAttribute("class", "velo-plot-svg-layer"), s.setAttribute("xmlns", "http://www.w3.org/2000/svg"), s.style.position = "absolute", s.style.inset = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", s;
+}
+function ve(s) {
   const e = document.createElement("canvas");
   return e.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;", s === "overlay" && (e.style.pointerEvents = "none"), e;
 }
-function ti(s, e, t) {
-  const i = s.getBoundingClientRect(), n = Array.from(e.values()).filter((h) => h.position !== "right").length, o = Array.from(e.values()).filter((h) => h.position === "right").length, r = (t == null ? void 0 : t.margins) || U, a = (r.left ?? U.left) + Math.max(0, n - 1) * 65, l = (r.right ?? U.right) + o * 65, c = r.top ?? U.top, u = r.bottom ?? U.bottom;
+function ri(s, e, t) {
+  const i = s.getBoundingClientRect(), n = Array.from(e.values()).filter((c) => c.position !== "right").length, o = Array.from(e.values()).filter((c) => c.position === "right").length, r = (t == null ? void 0 : t.margins) || U, a = (r.left ?? U.left) + Math.max(0, n - 1) * 65, l = (r.right ?? U.right) + o * 65, h = r.top ?? U.top, d = r.bottom ?? U.bottom;
   return {
     x: a,
-    y: c,
+    y: h,
     width: Math.max(1, i.width - a - l),
-    height: Math.max(1, i.height - c - u)
+    height: Math.max(1, i.height - h - d)
   };
 }
-function ii(s) {
+function ai(s) {
   const e = [];
   let t = 0, i = 0;
   return s.forEach((n, o) => {
@@ -3755,13 +3785,13 @@ function ii(s) {
     r === "left" ? t++ : i++, e.push({ id: o, position: r, offset: a });
   }), e;
 }
-function si(s, e, t, i, n) {
+function li(s, e, t, i, n) {
   const o = s.getBoundingClientRect();
   if (o.width === 0 || o.height === 0) return !1;
-  const r = Math.max(1, Math.round(o.width * n)), a = Math.max(1, Math.round(o.height * n)), l = `${Math.round(o.width)}px`, c = `${Math.round(o.height)}px`, u = e.width !== r || e.height !== a || e.style.width !== l || e.style.height !== c, h = t.width !== r || t.height !== a;
-  return !u && !h ? (i.setTransform(n, 0, 0, n, 0, 0), i.imageSmoothingEnabled = !0, "imageSmoothingQuality" in i && (i.imageSmoothingQuality = "high"), !1) : (u && (e.width = r, e.height = a, e.style.width = l, e.style.height = c), h && (t.width = r, t.height = a), t.style.width = l, t.style.height = c, i.setTransform(n, 0, 0, n, 0, 0), i.imageSmoothingEnabled = !0, "imageSmoothingQuality" in i && (i.imageSmoothingQuality = "high"), !0);
+  const r = Math.max(1, Math.round(o.width * n)), a = Math.max(1, Math.round(o.height * n)), l = `${Math.round(o.width)}px`, h = `${Math.round(o.height)}px`, d = e.width !== r || e.height !== a || e.style.width !== l || e.style.height !== h, c = t.width !== r || t.height !== a;
+  return !d && !c ? (i.setTransform(n, 0, 0, n, 0, 0), i.imageSmoothingEnabled = !0, "imageSmoothingQuality" in i && (i.imageSmoothingQuality = "high"), !1) : (d && (e.width = r, e.height = a, e.style.width = l, e.style.height = h), c && (t.width = r, t.height = a), t.style.width = l, t.style.height = h, i.setTransform(n, 0, 0, n, 0, 0), i.imageSmoothingEnabled = !0, "imageSmoothingQuality" in i && (i.imageSmoothingQuality = "high"), !0);
 }
-class ni {
+class hi {
   constructor(e) {
     g(this, "data", /* @__PURE__ */ new Map());
   }
@@ -3794,7 +3824,7 @@ class ni {
     });
   }
 }
-class oi {
+class ci {
   constructor(e, t = !0) {
     g(this, "prefix");
     g(this, "enabled");
@@ -3813,7 +3843,7 @@ class oi {
     console.error(this.prefix, e, ...t);
   }
 }
-class ri {
+class ui {
   constructor(e) {
     g(this, "chart");
     g(this, "subscriptions", []);
@@ -3852,7 +3882,7 @@ class ri {
     this.subscriptions.forEach((e) => e()), this.subscriptions = [], this.customListeners.clear();
   }
 }
-class ai {
+class di {
   constructor(e, t) {
     g(this, "_container");
     g(this, "_theme");
@@ -3939,15 +3969,15 @@ class ai {
     this.overlays.forEach((t) => t.remove()), this.overlays.clear(), (e = this.notifications) == null || e.remove(), this.notifications = null;
   }
 }
-function li(s, e) {
-  const t = new ni(s), i = new oi(s), n = new ri(e.chart), o = new ai(e.container, e.theme), r = {
+function gi(s, e) {
+  const t = new hi(s), i = new ci(s), n = new ui(e.chart), o = new di(e.container, e.theme), r = {
     get gl() {
-      var h;
-      return (h = e.getGL) == null ? void 0 : h.call(e);
+      var c;
+      return (c = e.getGL) == null ? void 0 : c.call(e);
     },
     get ctx2d() {
-      var h;
-      return (h = e.get2DContext) == null ? void 0 : h.call(e);
+      var c;
+      return (c = e.get2DContext) == null ? void 0 : c.call(e);
     },
     get pixelRatio() {
       return e.getPixelRatio();
@@ -3963,23 +3993,23 @@ function li(s, e) {
     dataToPixelY: e.dataToPixelY,
     pixelToDataX: e.pixelToDataX,
     pixelToDataY: e.pixelToDataY,
-    pickPoint: (h, d, y = 20) => {
+    pickPoint: (c, u, m = 20) => {
       var f;
-      return ((f = e.findNearestPoint) == null ? void 0 : f.call(e, h, d, y)) ?? null;
+      return ((f = e.findNearestPoint) == null ? void 0 : f.call(e, c, u, m)) ?? null;
     }
   }, l = {
     getAllSeries: () => e.chart.getAllSeries(),
-    getSeries: (h) => e.chart.getSeries(h),
-    getSeriesData: (h) => {
-      const d = e.chart.getSeries(h);
-      if (d)
-        return d.getData();
+    getSeries: (c) => e.chart.getSeries(c),
+    getSeriesData: (c) => {
+      const u = e.chart.getSeries(c);
+      if (u)
+        return u.getData();
     },
     getViewBounds: () => e.getViewBounds(),
-    getYAxisBounds: (h) => e.getYAxisBounds(h),
+    getYAxisBounds: (c) => e.getYAxisBounds(c),
     getAnnotations: () => e.chart.getAnnotations(),
     getSelectedPoints: () => e.chart.getSelectedPoints()
-  }, c = /* @__PURE__ */ new Set();
+  }, h = /* @__PURE__ */ new Set();
   return {
     chart: e.chart,
     render: r,
@@ -3989,28 +4019,28 @@ function li(s, e) {
     events: n,
     storage: t,
     log: i,
-    getPlugin(h) {
-      return e.getPlugin(h);
+    getPlugin(c) {
+      return e.getPlugin(c);
     },
     requestRender() {
       e.chart.render();
     },
-    requestAnimationFrame(h) {
-      const d = window.requestAnimationFrame(h);
-      return c.add(d), d;
+    requestAnimationFrame(c) {
+      const u = window.requestAnimationFrame(c);
+      return h.add(u), u;
     },
-    cancelAnimationFrame(h) {
-      window.cancelAnimationFrame(h), c.delete(h);
+    cancelAnimationFrame(c) {
+      window.cancelAnimationFrame(c), h.delete(c);
     },
     _cleanup() {
-      n._cleanup(), o._cleanup(), c.forEach((h) => window.cancelAnimationFrame(h)), c.clear();
+      n._cleanup(), o._cleanup(), h.forEach((c) => window.cancelAnimationFrame(c)), h.clear();
     },
     _getStorage() {
       return t;
     }
   };
 }
-class hi {
+class fi {
   constructor(e) {
     g(this, "plugins", /* @__PURE__ */ new Map());
     g(this, "deps");
@@ -4020,6 +4050,7 @@ class hi {
     g(this, "hooksAfterRender", []);
     g(this, "hooksRenderWebGL", []);
     g(this, "hooksRenderOverlay", []);
+    g(this, "hooksExportSVG", []);
     g(this, "hooksInteraction", []);
     g(this, "hooksViewChange", []);
     g(this, "hooksDataUpdate", []);
@@ -4053,9 +4084,9 @@ class hi {
       );
       return;
     }
-    const r = li(n, {
+    const r = gi(n, {
       ...this.deps,
-      getPlugin: (c) => this.get(c)
+      getPlugin: (h) => this.get(h)
     }), a = {
       plugin: i,
       context: r,
@@ -4064,10 +4095,10 @@ class hi {
     };
     this.plugins.set(n, a);
     try {
-      const c = (l = i.onInit) == null ? void 0 : l.call(i, r, t);
-      c instanceof Promise && await c, a.initialized = !0;
-    } catch (c) {
-      console.error(`[VeloPlot] Failed to initialize plugin "${n}":`, c), this.plugins.delete(n), r._cleanup();
+      const h = (l = i.onInit) == null ? void 0 : l.call(i, r, t);
+      h instanceof Promise && await h, a.initialized = !0;
+    } catch (h) {
+      console.error(`[VeloPlot] Failed to initialize plugin "${n}":`, h), this.plugins.delete(n), r._cleanup();
       return;
     }
     this.rebuildHookCaches();
@@ -4219,6 +4250,20 @@ class hi {
         );
       }
   }
+  /**
+   * Notify SVG export hooks
+   */
+  notifyExportSVG(e) {
+    for (const t of this.hooksExportSVG)
+      try {
+        t.plugin.onExportSVG(e);
+      } catch (i) {
+        console.error(
+          `[VeloPlot] Error in plugin "${t.plugin.manifest.name}" onExportSVG:`,
+          i
+        );
+      }
+  }
   /**
    * Notify interaction hooks
    * Returns false if any plugin prevents default
@@ -4426,10 +4471,10 @@ class hi {
   }
   rebuildHookCaches() {
     const e = Array.from(this.plugins.values()).filter((t) => t.initialized);
-    this.hooksBeforeRender = e.filter((t) => t.plugin.onBeforeRender), this.hooksAfterRender = e.filter((t) => t.plugin.onAfterRender), this.hooksRenderWebGL = e.filter((t) => t.plugin.onRenderWebGL), this.hooksRenderOverlay = e.filter((t) => t.plugin.onRenderOverlay), this.hooksInteraction = e.filter((t) => t.plugin.onInteraction), this.hooksViewChange = e.filter((t) => t.plugin.onViewChange), this.hooksDataUpdate = e.filter((t) => t.plugin.onDataUpdate), this.hooksSeriesAdd = e.filter((t) => t.plugin.onSeriesAdd), this.hooksSeriesRemove = e.filter((t) => t.plugin.onSeriesRemove), this.hooksSeriesChange = e.filter((t) => t.plugin.onSeriesChange), this.hooksResize = e.filter((t) => t.plugin.onResize), this.hooksThemeChange = e.filter((t) => t.plugin.onThemeChange), this.hooksSelectionChange = e.filter((t) => t.plugin.onSelectionChange), this.hooksSerialize = e.filter((t) => t.plugin.onSerialize);
+    this.hooksBeforeRender = e.filter((t) => t.plugin.onBeforeRender), this.hooksAfterRender = e.filter((t) => t.plugin.onAfterRender), this.hooksRenderWebGL = e.filter((t) => t.plugin.onRenderWebGL), this.hooksRenderOverlay = e.filter((t) => t.plugin.onRenderOverlay), this.hooksExportSVG = e.filter((t) => t.plugin.onExportSVG), this.hooksInteraction = e.filter((t) => t.plugin.onInteraction), this.hooksViewChange = e.filter((t) => t.plugin.onViewChange), this.hooksDataUpdate = e.filter((t) => t.plugin.onDataUpdate), this.hooksSeriesAdd = e.filter((t) => t.plugin.onSeriesAdd), this.hooksSeriesRemove = e.filter((t) => t.plugin.onSeriesRemove), this.hooksSeriesChange = e.filter((t) => t.plugin.onSeriesChange), this.hooksResize = e.filter((t) => t.plugin.onResize), this.hooksThemeChange = e.filter((t) => t.plugin.onThemeChange), this.hooksSelectionChange = e.filter((t) => t.plugin.onSelectionChange), this.hooksSerialize = e.filter((t) => t.plugin.onSerialize);
   }
   clearHookCaches() {
-    this.hooksBeforeRender = [], this.hooksAfterRender = [], this.hooksRenderWebGL = [], this.hooksRenderOverlay = [], this.hooksInteraction = [], this.hooksViewChange = [], this.hooksDataUpdate = [], this.hooksSeriesAdd = [], this.hooksSeriesRemove = [], this.hooksSeriesChange = [], this.hooksResize = [], this.hooksThemeChange = [], this.hooksSelectionChange = [], this.hooksSerialize = [];
+    this.hooksBeforeRender = [], this.hooksAfterRender = [], this.hooksRenderWebGL = [], this.hooksRenderOverlay = [], this.hooksExportSVG = [], this.hooksInteraction = [], this.hooksViewChange = [], this.hooksDataUpdate = [], this.hooksSeriesAdd = [], this.hooksSeriesRemove = [], this.hooksSeriesChange = [], this.hooksResize = [], this.hooksThemeChange = [], this.hooksSelectionChange = [], this.hooksSerialize = [];
   }
 }
 const T = {
@@ -4449,7 +4494,7 @@ const T = {
   PIN: '<svg viewBox="0 0 24 24" width="11" height="11" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="17" x2="12" y2="22"></line><path d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6a3 3 0 0 0-6 0v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17z"></path></svg>',
   PIN_OFF: '<svg viewBox="0 0 24 24" width="11" height="11" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="2" y1="2" x2="22" y2="22"></line><line x1="12" y1="17" x2="12" y2="22"></line><path d="M9 10.76V6a3 3 0 0 1 1.43-2.54m2.68.74A3 3 0 0 1 15 6v4.76a2 2 0 0 0 1.11 1.79l1.78.9A2 2 0 0 1 19 15.24V17h-2"></path><path d="M5 17h8"></path></svg>'
 };
-class ci {
+class mi {
   constructor(e, t, i, n) {
     g(this, "container");
     g(this, "toolbar");
@@ -4637,24 +4682,24 @@ class ci {
   }
   updateButtonStates() {
     const e = this.toolbar.querySelectorAll("button"), t = this.isDarkTheme(), i = "#38bdf8", n = "#f59e0b", o = "#a855f7", r = "#fb7185", a = "#4ade80", l = t ? "#f1f5f9" : "#334155";
-    e.forEach((c) => {
-      const u = c.dataset.id, h = c.matches(":hover");
-      if (u === "pan") {
-        const d = this.currentMode === "pan";
-        c.style.color = d ? i : l, c.style.opacity = h || d ? "1" : "0.8", c.style.background = d ? t ? "rgba(56, 189, 248, 0.15)" : "rgba(56, 189, 248, 0.1)" : "transparent";
-      } else if (u === "boxZoom") {
-        const d = this.currentMode === "boxZoom";
-        c.style.color = d ? n : l, c.style.opacity = h || d ? "1" : "0.8", c.style.background = d ? t ? "rgba(245, 158, 11, 0.15)" : "rgba(245, 158, 11, 0.1)" : "transparent";
-      } else if (u === "select") {
-        const d = this.currentMode === "select";
-        c.style.color = d ? o : l, c.style.opacity = h || d ? "1" : "0.8", c.style.background = d ? t ? "rgba(168, 85, 247, 0.15)" : "rgba(168, 85, 247, 0.1)" : "transparent";
-      } else if (u === "delta") {
-        const d = this.currentMode === "delta", y = "#ef4444";
-        c.style.color = d ? y : l, c.style.opacity = h || d ? "1" : "0.8", c.style.background = d ? t ? "rgba(239, 68, 68, 0.15)" : "rgba(239, 68, 68, 0.1)" : "transparent";
-      } else if (u === "peak") {
-        const d = this.currentMode === "peak", y = "#10b981";
-        c.style.color = d ? y : l, c.style.opacity = h || d ? "1" : "0.8", c.style.background = d ? t ? "rgba(16, 185, 129, 0.15)" : "rgba(16, 185, 129, 0.1)" : "transparent";
-      } else u === "smooth" ? (c.style.color = this.isSmoothing ? r : l, c.style.opacity = h || this.isSmoothing ? "1" : "0.8", this.isSmoothing ? c.style.background = t ? "rgba(251, 113, 133, 0.15)" : "rgba(251, 113, 133, 0.1)" : h || (c.style.background = "transparent")) : u === "legend" ? (c.style.color = this.isLegendVisible ? a : l, c.style.opacity = h || this.isLegendVisible ? "1" : "0.8", this.isLegendVisible ? c.style.background = t ? "rgba(74, 222, 128, 0.15)" : "rgba(74, 222, 128, 0.1)" : h || (c.style.background = "transparent")) : u === "type" ? (c.innerHTML = this.currentType === "line" ? T.LINE : this.currentType === "scatter" ? T.SCATTER : T.BOTH, this.enforceSVGVisibility(c), c.style.color = l, c.style.opacity = h ? "1" : "0.8", h || (c.style.background = "transparent")) : (u === "reset" || u === "autoscale" || u === "export") && (c.style.color = l, c.style.opacity = h ? "1" : "0.8", h || (c.style.background = "transparent"));
+    e.forEach((h) => {
+      const d = h.dataset.id, c = h.matches(":hover");
+      if (d === "pan") {
+        const u = this.currentMode === "pan";
+        h.style.color = u ? i : l, h.style.opacity = c || u ? "1" : "0.8", h.style.background = u ? t ? "rgba(56, 189, 248, 0.15)" : "rgba(56, 189, 248, 0.1)" : "transparent";
+      } else if (d === "boxZoom") {
+        const u = this.currentMode === "boxZoom";
+        h.style.color = u ? n : l, h.style.opacity = c || u ? "1" : "0.8", h.style.background = u ? t ? "rgba(245, 158, 11, 0.15)" : "rgba(245, 158, 11, 0.1)" : "transparent";
+      } else if (d === "select") {
+        const u = this.currentMode === "select";
+        h.style.color = u ? o : l, h.style.opacity = c || u ? "1" : "0.8", h.style.background = u ? t ? "rgba(168, 85, 247, 0.15)" : "rgba(168, 85, 247, 0.1)" : "transparent";
+      } else if (d === "delta") {
+        const u = this.currentMode === "delta", m = "#ef4444";
+        h.style.color = u ? m : l, h.style.opacity = c || u ? "1" : "0.8", h.style.background = u ? t ? "rgba(239, 68, 68, 0.15)" : "rgba(239, 68, 68, 0.1)" : "transparent";
+      } else if (d === "peak") {
+        const u = this.currentMode === "peak", m = "#10b981";
+        h.style.color = u ? m : l, h.style.opacity = c || u ? "1" : "0.8", h.style.background = u ? t ? "rgba(16, 185, 129, 0.15)" : "rgba(16, 185, 129, 0.1)" : "transparent";
+      } else d === "smooth" ? (h.style.color = this.isSmoothing ? r : l, h.style.opacity = c || this.isSmoothing ? "1" : "0.8", this.isSmoothing ? h.style.background = t ? "rgba(251, 113, 133, 0.15)" : "rgba(251, 113, 133, 0.1)" : c || (h.style.background = "transparent")) : d === "legend" ? (h.style.color = this.isLegendVisible ? a : l, h.style.opacity = c || this.isLegendVisible ? "1" : "0.8", this.isLegendVisible ? h.style.background = t ? "rgba(74, 222, 128, 0.15)" : "rgba(74, 222, 128, 0.1)" : c || (h.style.background = "transparent")) : d === "type" ? (h.innerHTML = this.currentType === "line" ? T.LINE : this.currentType === "scatter" ? T.SCATTER : T.BOTH, this.enforceSVGVisibility(h), h.style.color = l, h.style.opacity = c ? "1" : "0.8", c || (h.style.background = "transparent")) : (d === "reset" || d === "autoscale" || d === "export") && (h.style.color = l, h.style.opacity = c ? "1" : "0.8", c || (h.style.background = "transparent"));
     });
   }
   updateTheme(e) {
@@ -4664,7 +4709,7 @@ class ci {
     this.container.remove();
   }
 }
-class ui {
+class yi {
   constructor(e, t, i, n) {
     g(this, "container");
     g(this, "visualContainer");
@@ -4698,9 +4743,9 @@ class ui {
       padding: 4px;
       user-select: none;
     `;
-    const l = (u) => u.stopPropagation();
+    const l = (d) => d.stopPropagation();
     ["mousedown", "mousemove", "pointerdown", "pointermove", "wheel", "touchstart", "touchmove"].forEach(
-      (u) => this.container.addEventListener(u, l)
+      (d) => this.container.addEventListener(d, l)
     ), this.visualContainer = document.createElement("div"), this.visualContainer.style.cssText = `
       width: ${o}px;
       border-radius: ${t.legend.borderRadius}px;
@@ -4714,8 +4759,8 @@ class ui {
       background: rgba(255,255,255,0.05);
       border-bottom: 1px solid rgba(255,255,255,0.05);
     `, this.content = document.createElement("div"), this.content.style.padding = `${t.legend.padding}px`, this.visualContainer.appendChild(this.header), this.visualContainer.appendChild(this.content);
-    const c = document.createElement("div");
-    c.style.cssText = `
+    const h = document.createElement("div");
+    h.style.cssText = `
       position: absolute;
       right: 0;
       top: 0;
@@ -4724,7 +4769,7 @@ class ui {
       cursor: ew-resize;
       background: transparent;
       z-index: 10;
-    `, this.visualContainer.appendChild(c), e.appendChild(this.container), this.initDragging(c);
+    `, this.visualContainer.appendChild(h), e.appendChild(this.container), this.initDragging(h);
   }
   updateStyle() {
     const e = this.theme.name.toLowerCase().includes("dark") || this.theme.name.toLowerCase().includes("midnight") || this.theme.name.toLowerCase().includes("electro"), t = this.theme.legend.backgroundColor, i = `1px solid ${this.theme.legend.borderColor}`;
@@ -4736,44 +4781,44 @@ class ui {
   }
   initDragging(e) {
     let t = null, i = 0, n = 0;
-    const o = (h) => {
-      if (h.button !== 0) return;
-      h.stopPropagation(), h.preventDefault();
-      const d = this.container.getBoundingClientRect();
-      this.dragOffsetX = h.clientX - d.left, this.dragOffsetY = h.clientY - d.top, this.isDragging = !0, this.callbacks.onInteractionStart && this.callbacks.onInteractionStart(), this.container.style.transition = "none", this.container.style.willChange = "left, top", this.visualContainer.style.boxShadow = "0 8px 24px rgba(0,0,0,0.3)", this.container.style.cursor = "grabbing", document.addEventListener("mousemove", l, { capture: !0 }), document.addEventListener("mouseup", c, { capture: !0 });
-    }, r = (h) => {
-      h.button === 0 && (h.stopPropagation(), h.preventDefault(), this.isResizing = !0, this.dragOffsetX = h.clientX, this.dragOffsetY = this.visualContainer.clientWidth, this.callbacks.onInteractionStart && this.callbacks.onInteractionStart(), this.container.style.transition = "none", this.container.style.cursor = "ew-resize", document.body.style.cursor = "ew-resize", document.addEventListener("mousemove", l, { capture: !0 }), document.addEventListener("mouseup", c, { capture: !0 }));
+    const o = (c) => {
+      if (c.button !== 0) return;
+      c.stopPropagation(), c.preventDefault();
+      const u = this.container.getBoundingClientRect();
+      this.dragOffsetX = c.clientX - u.left, this.dragOffsetY = c.clientY - u.top, this.isDragging = !0, this.callbacks.onInteractionStart && this.callbacks.onInteractionStart(), this.container.style.transition = "none", this.container.style.willChange = "left, top", this.visualContainer.style.boxShadow = "0 8px 24px rgba(0,0,0,0.3)", this.container.style.cursor = "grabbing", document.addEventListener("mousemove", l, { capture: !0 }), document.addEventListener("mouseup", h, { capture: !0 });
+    }, r = (c) => {
+      c.button === 0 && (c.stopPropagation(), c.preventDefault(), this.isResizing = !0, this.dragOffsetX = c.clientX, this.dragOffsetY = this.visualContainer.clientWidth, this.callbacks.onInteractionStart && this.callbacks.onInteractionStart(), this.container.style.transition = "none", this.container.style.cursor = "ew-resize", document.body.style.cursor = "ew-resize", document.addEventListener("mousemove", l, { capture: !0 }), document.addEventListener("mouseup", h, { capture: !0 }));
     }, a = () => {
-      var d;
-      const h = (d = this.container.parentElement) == null ? void 0 : d.getBoundingClientRect();
-      if (h) {
+      var u;
+      const c = (u = this.container.parentElement) == null ? void 0 : u.getBoundingClientRect();
+      if (c) {
         if (this.isDragging) {
-          let y = i - h.left - this.dragOffsetX, f = n - h.top - this.dragOffsetY;
-          y = Math.max(0, Math.min(y, h.width - this.container.clientWidth)), f = Math.max(0, Math.min(f, h.height - this.container.clientHeight)), this.container.style.left = `${y}px`, this.container.style.top = `${f}px`;
+          let m = i - c.left - this.dragOffsetX, f = n - c.top - this.dragOffsetY;
+          m = Math.max(0, Math.min(m, c.width - this.container.clientWidth)), f = Math.max(0, Math.min(f, c.height - this.container.clientHeight)), this.container.style.left = `${m}px`, this.container.style.top = `${f}px`;
         } else if (this.isResizing) {
-          const y = i - this.dragOffsetX, f = Math.max(80, Math.min(600, this.dragOffsetY + y));
+          const m = i - this.dragOffsetX, f = Math.max(80, Math.min(600, this.dragOffsetY + m));
           this.visualContainer.style.width = `${f}px`, this.callbacks.onResize && this.callbacks.onResize(f);
         }
         t = null;
       }
-    }, l = (h) => {
-      !this.isDragging && !this.isResizing || (i = h.clientX, n = h.clientY, t || (t = requestAnimationFrame(a)));
-    }, c = () => {
-      var h;
+    }, l = (c) => {
+      !this.isDragging && !this.isResizing || (i = c.clientX, n = c.clientY, t || (t = requestAnimationFrame(a)));
+    }, h = () => {
+      var c;
       if (this.isDragging || this.isResizing) {
         if (t && cancelAnimationFrame(t), t = null, this.isDragging) {
-          const d = this.container.getBoundingClientRect(), y = (h = this.container.parentElement) == null ? void 0 : h.getBoundingClientRect();
-          y && this.callbacks.onMove(d.left - y.left, d.top - y.top);
+          const u = this.container.getBoundingClientRect(), m = (c = this.container.parentElement) == null ? void 0 : c.getBoundingClientRect();
+          m && this.callbacks.onMove(u.left - m.left, u.top - m.top);
         }
         this.isDragging = !1, this.isResizing = !1, this.callbacks.onInteractionEnd && this.callbacks.onInteractionEnd(), this.container.style.willChange = "auto", this.container.style.transition = "box-shadow 0.2s ease", this.visualContainer.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)", this.container.style.cursor = "auto", document.body.style.cursor = "auto";
       }
-      document.removeEventListener("mousemove", l, { capture: !0 }), document.removeEventListener("mouseup", c, { capture: !0 });
+      document.removeEventListener("mousemove", l, { capture: !0 }), document.removeEventListener("mouseup", h, { capture: !0 });
     };
-    this.header.addEventListener("mousedown", o), e.addEventListener("mousedown", r), this.container.addEventListener("wheel", (h) => h.stopPropagation()), this.container.addEventListener("click", (h) => h.stopPropagation()), this.container.addEventListener("dblclick", (h) => h.stopPropagation());
-    const u = (h) => {
-      !this.isDragging && !this.isResizing && h.stopPropagation();
+    this.header.addEventListener("mousedown", o), e.addEventListener("mousedown", r), this.container.addEventListener("wheel", (c) => c.stopPropagation()), this.container.addEventListener("click", (c) => c.stopPropagation()), this.container.addEventListener("dblclick", (c) => c.stopPropagation());
+    const d = (c) => {
+      !this.isDragging && !this.isResizing && c.stopPropagation();
     };
-    this.container.addEventListener("mousemove", u), this.container.addEventListener("pointermove", u), this.container.addEventListener("pointerdown", u);
+    this.container.addEventListener("mousemove", d), this.container.addEventListener("pointermove", d), this.container.addEventListener("pointerdown", d);
   }
   update(e) {
     this.series = e, this.render();
@@ -4833,20 +4878,20 @@ class ui {
     const r = e.getContext("2d");
     if (!r) return;
     r.clearRect(0, 0, e.width, e.height), r.scale(n, n);
-    const a = t.getStyle(), l = t.isVisible(), c = l ? a.color || "#ff0055" : "#888888", u = t.getType(), h = a.symbol || "circle";
-    r.fillStyle = c, r.strokeStyle = c, r.globalAlpha = l ? 1 : 0.6, r.lineWidth = 2;
-    const d = o / 2, y = o / 2, f = String(u).toLowerCase(), m = f === "scatter" || f === "1" || f === "line" && !!a.symbol, x = f.includes("scatter") || f === "2", b = f === "area" || f === "band";
-    if (m)
-      this.drawSymbol(r, h, d, y, o * 0.8);
-    else if (x)
-      r.beginPath(), r.moveTo(0, y), r.lineTo(o, y), r.stroke(), this.drawSymbol(r, h, d, y, o * 0.6);
+    const a = t.getStyle(), l = t.isVisible(), h = l ? a.color || "#ff0055" : "#888888", d = t.getType(), c = a.symbol || "circle";
+    r.fillStyle = h, r.strokeStyle = h, r.globalAlpha = l ? 1 : 0.6, r.lineWidth = 2;
+    const u = o / 2, m = o / 2, f = String(d).toLowerCase(), y = f === "scatter" || f === "1" || f === "line" && !!a.symbol, p = f.includes("scatter") || f === "2", b = f === "area" || f === "band";
+    if (y)
+      this.drawSymbol(r, c, u, m, o * 0.8);
+    else if (p)
+      r.beginPath(), r.moveTo(0, m), r.lineTo(o, m), r.stroke(), this.drawSymbol(r, c, u, m, o * 0.6);
     else if (b)
       r.globalAlpha = 0.6, r.fillRect(0, o * 0.2, o, o * 0.6), r.globalAlpha = 1, r.strokeRect(0, o * 0.2, o, o * 0.6);
     else if (f === "candlestick") {
       const v = a.bullishColor || "#26a69a";
       r.fillStyle = v, r.fillRect(o * 0.3, o * 0.2, o * 0.4, o * 0.6), r.beginPath(), r.moveTo(o * 0.5, 0), r.lineTo(o * 0.5, o), r.strokeStyle = v, r.stroke();
     } else
-      r.beginPath(), r.moveTo(0, y), r.lineTo(o, y), r.stroke();
+      r.beginPath(), r.moveTo(0, m), r.lineTo(o, m), r.stroke();
   }
   /**
    * Internal symbol drawing logic (shared with canvas export)
@@ -4891,16 +4936,16 @@ class ui {
   }
   draw(e, t) {
     if (this.series.length === 0) return;
-    const i = this.theme.legend, n = i.padding * t, o = i.itemGap * t, r = i.swatchSize * t, a = 8 * t, l = this.container.offsetLeft * t, c = this.container.offsetTop * t, u = this.container.clientWidth * t, h = this.container.clientHeight * t;
+    const i = this.theme.legend, n = i.padding * t, o = i.itemGap * t, r = i.swatchSize * t, a = 8 * t, l = this.container.offsetLeft * t, h = this.container.offsetTop * t, d = this.container.clientWidth * t, c = this.container.clientHeight * t;
     e.save();
-    const d = this.theme.name.toLowerCase().includes("dark") || this.theme.name.toLowerCase().includes("midnight");
-    e.fillStyle = d ? i.backgroundColor : "rgba(255, 255, 255, 0.85)", e.strokeStyle = i.borderColor, e.lineWidth = 1 * t;
-    const y = i.borderRadius * t;
-    e.beginPath(), e.moveTo(l + y, c), e.lineTo(l + u - y, c), e.arcTo(l + u, c, l + u, c + y, y), e.lineTo(l + u, c + h - y), e.arcTo(l + u, c + h, l + u - y, c + h, y), e.lineTo(l + y, c + h), e.arcTo(l, c + h, l, c + h - y, y), e.lineTo(l, c + y), e.arcTo(l, c, l + y, c, y), e.closePath(), e.fill(), e.stroke(), e.textAlign = "left", e.textBaseline = "middle", e.font = `${i.fontSize * t}px ${i.fontFamily}`, this.series.forEach((f, m) => {
-      const x = c + a + n + m * (r + o) + r / 2, b = l + n + r / 2, v = x, p = f.getStyle(), M = f.getType(), S = p.symbol || "circle";
-      e.fillStyle = p.color || "#ff0055", e.strokeStyle = p.color || "#ff0055", e.lineWidth = 2 * t;
-      const w = String(M).toLowerCase(), C = w === "scatter" || w === "1" || w === "line" && !!p.symbol, k = w.includes("scatter") || w === "2";
-      C ? this.drawSymbol(e, S, b, v, r * 0.9) : k ? (e.beginPath(), e.moveTo(l + n, v), e.lineTo(l + n + r, v), e.stroke(), this.drawSymbol(e, S, b, v, r * 0.6)) : (e.beginPath(), e.moveTo(l + n, v), e.lineTo(l + n + r, v), e.stroke()), e.fillStyle = i.textColor, e.fillText(f.getName(), l + n + r + 8 * t, x);
+    const u = this.theme.name.toLowerCase().includes("dark") || this.theme.name.toLowerCase().includes("midnight");
+    e.fillStyle = u ? i.backgroundColor : "rgba(255, 255, 255, 0.85)", e.strokeStyle = i.borderColor, e.lineWidth = 1 * t;
+    const m = i.borderRadius * t;
+    e.beginPath(), e.moveTo(l + m, h), e.lineTo(l + d - m, h), e.arcTo(l + d, h, l + d, h + m, m), e.lineTo(l + d, h + c - m), e.arcTo(l + d, h + c, l + d - m, h + c, m), e.lineTo(l + m, h + c), e.arcTo(l, h + c, l, h + c - m, m), e.lineTo(l, h + m), e.arcTo(l, h, l + m, h, m), e.closePath(), e.fill(), e.stroke(), e.textAlign = "left", e.textBaseline = "middle", e.font = `${i.fontSize * t}px ${i.fontFamily}`, this.series.forEach((f, y) => {
+      const p = h + a + n + y * (r + o) + r / 2, b = l + n + r / 2, v = p, x = f.getStyle(), M = f.getType(), S = x.symbol || "circle";
+      e.fillStyle = x.color || "#ff0055", e.strokeStyle = x.color || "#ff0055", e.lineWidth = 2 * t;
+      const w = String(M).toLowerCase(), C = w === "scatter" || w === "1" || w === "line" && !!x.symbol, k = w.includes("scatter") || w === "2";
+      C ? this.drawSymbol(e, S, b, v, r * 0.9) : k ? (e.beginPath(), e.moveTo(l + n, v), e.lineTo(l + n + r, v), e.stroke(), this.drawSymbol(e, S, b, v, r * 0.6)) : (e.beginPath(), e.moveTo(l + n, v), e.lineTo(l + n + r, v), e.stroke()), e.fillStyle = i.textColor, e.fillText(f.getName(), l + n + r + 8 * t, p);
     }), e.restore();
   }
   updateTheme(e) {
@@ -4916,8 +4961,8 @@ class ui {
     this.container.remove();
   }
 }
-function di(s) {
-  return s.showControls ? new ci(s.container, s.theme, {
+function pi(s) {
+  return s.showControls ? new mi(s.container, s.theme, {
     onResetZoom: () => s.resetZoom(),
     onSetType: (e) => {
       s.series.forEach((t) => {
@@ -4956,52 +5001,52 @@ function di(s) {
     }
   }, s.toolbar) : null;
 }
-function gi(s, e) {
-  var n, o, r, a, l, c;
+function xi(s, e) {
+  var n, o, r, a, l, h;
   if (!s.showLegend) return null;
   const t = {
     ...e.legendPosition,
     highlightOnHover: ((n = s.legendOptions) == null ? void 0 : n.highlightOnHover) ?? ((r = (o = e.layout) == null ? void 0 : o.legend) == null ? void 0 : r.highlightOnHover) ?? !1,
-    bringToFrontOnHover: ((a = s.legendOptions) == null ? void 0 : a.bringToFrontOnHover) ?? ((c = (l = e.layout) == null ? void 0 : l.legend) == null ? void 0 : c.bringToFrontOnHover) ?? !0
-  }, i = new ui(
+    bringToFrontOnHover: ((a = s.legendOptions) == null ? void 0 : a.bringToFrontOnHover) ?? ((h = (l = e.layout) == null ? void 0 : l.legend) == null ? void 0 : h.bringToFrontOnHover) ?? !0
+  }, i = new yi(
     s.container,
     s.theme,
     t,
     {
-      onMove: (u, h) => s.onLegendMove(u, h),
+      onMove: (d, c) => s.onLegendMove(d, c),
       onInteractionStart: () => {
-        var u;
-        return (u = s.onInteractionStart) == null ? void 0 : u.call(s);
+        var d;
+        return (d = s.onInteractionStart) == null ? void 0 : d.call(s);
       },
       onInteractionEnd: () => {
-        var u;
-        return (u = s.onInteractionEnd) == null ? void 0 : u.call(s);
+        var d;
+        return (d = s.onInteractionEnd) == null ? void 0 : d.call(s);
       },
       onHoverStart: () => {
-        var u;
-        return (u = s.onHoverStart) == null ? void 0 : u.call(s);
+        var d;
+        return (d = s.onHoverStart) == null ? void 0 : d.call(s);
       },
       onHoverEnd: () => {
-        var u;
-        return (u = s.onHoverEnd) == null ? void 0 : u.call(s);
-      },
-      onSeriesHoverStart: (u, h) => {
         var d;
-        return (d = s.onSeriesHoverStart) == null ? void 0 : d.call(s, u, h);
+        return (d = s.onHoverEnd) == null ? void 0 : d.call(s);
       },
-      onSeriesHoverEnd: (u, h) => {
-        var d;
-        return (d = s.onSeriesHoverEnd) == null ? void 0 : d.call(s, u, h);
+      onSeriesHoverStart: (d, c) => {
+        var u;
+        return (u = s.onSeriesHoverStart) == null ? void 0 : u.call(s, d, c);
       },
-      onToggleVisibility: (u) => {
-        var h;
-        return (h = s.onToggleVisibility) == null ? void 0 : h.call(s, u);
+      onSeriesHoverEnd: (d, c) => {
+        var u;
+        return (u = s.onSeriesHoverEnd) == null ? void 0 : u.call(s, d, c);
+      },
+      onToggleVisibility: (d) => {
+        var c;
+        return (c = s.onToggleVisibility) == null ? void 0 : c.call(s, d);
       }
     }
   );
   return i.update(Array.from(s.series.values())), i;
 }
-class fi {
+class bi {
   constructor() {
     g(this, "queue", []);
     g(this, "isProcessing", !1);
@@ -5073,17 +5118,17 @@ class fi {
     this.clear(), this.completedCount = 0, this.idCounter = 0;
   }
 }
-const z = new fi();
-function mi() {
-  return z.enqueue();
+const O = new bi();
+function vi() {
+  return O.enqueue();
 }
-function ae(s) {
-  z.markComplete(s);
+function he(s) {
+  O.markComplete(s);
 }
-function $i() {
-  return z.getStatus();
+function Qi() {
+  return O.getStatus();
 }
-class yi {
+class Mi {
   static getStatus() {
     return this.instance.getStatus();
   }
@@ -5091,23 +5136,23 @@ class yi {
     this.instance.reset();
   }
 }
-g(yi, "instance", z);
-function Hi() {
+g(Mi, "instance", O);
+function Zi() {
   return {
-    getStatus: () => z.getStatus(),
-    reset: () => z.reset()
+    getStatus: () => O.getStatus(),
+    reset: () => O.reset()
   };
 }
-async function Ni(s, e) {
+async function Ji(s, e) {
   await e();
 }
-function Ui(s = 200) {
+function Ki(s = 200) {
   return new Promise((e) => setTimeout(e, s));
 }
-function qi() {
-  z.reset();
+function es() {
+  O.reset();
 }
-class pi {
+class Si {
   constructor(e) {
     this.pluginManager = e;
   }
@@ -5127,8 +5172,8 @@ class pi {
       const r = this.pluginManager.get("velo-plot-latex");
       if (r != null && r.api) return r.api;
       const a = i.find((l) => {
-        var c;
-        return (c = l.provides) == null ? void 0 : c.includes("latex");
+        var h;
+        return (h = l.provides) == null ? void 0 : h.includes("latex");
       });
       if (a)
         return ((o = this.pluginManager.get(a.name)) == null ? void 0 : o.api) || null;
@@ -5241,7 +5286,7 @@ class pi {
     return this.pluginManager.getNames();
   }
 }
-class xi {
+class wi {
   constructor(e) {
     this.ctx = e;
   }
@@ -5264,7 +5309,7 @@ class xi {
       id: i
     };
     this.ctx.yAxisOptionsMap.set(i, o);
-    const r = o.scale === "log" ? new $() : new X();
+    const r = o.scale === "log" ? new H() : new $();
     return this.ctx.yScales.set(i, r), this.ctx.requestRender(), i;
   }
   /**
@@ -5286,7 +5331,7 @@ class xi {
     }
     const n = { ...i, ...t, id: e };
     if (this.ctx.yAxisOptionsMap.set(e, n), t.scale && t.scale !== i.scale) {
-      const o = t.scale === "log" ? new $() : new X(), r = this.ctx.yScales.get(e);
+      const o = t.scale === "log" ? new H() : new $(), r = this.ctx.yScales.get(e);
       r && o.setDomain(r.domain[0], r.domain[1]), this.ctx.yScales.set(e, o);
     }
     this.ctx.requestRender();
@@ -5297,7 +5342,7 @@ class xi {
   updateXAxis(e) {
     const t = this.ctx.xAxisOptions.scale;
     if (Object.assign(this.ctx.xAxisOptions, e), e.scale && e.scale !== t) {
-      const i = e.scale === "log" ? new $() : new X();
+      const i = e.scale === "log" ? new H() : new $();
       i.setDomain(this.ctx.xScale.domain[0], this.ctx.xScale.domain[1]), Object.setPrototypeOf(this.ctx.xScale, Object.getPrototypeOf(i)), Object.assign(this.ctx.xScale, i);
     }
     this.ctx.requestRender();
@@ -5346,21 +5391,21 @@ class xi {
     return this.ctx.yScales;
   }
 }
-const Le = 1;
-function be(s) {
+const Oe = 1;
+function Me(s) {
   const e = s instanceof Float32Array ? s : new Float32Array(s), t = new Uint8Array(e.buffer);
   let i = "";
   for (let n = 0; n < t.length; n++)
     i += String.fromCharCode(t[n]);
   return btoa(i);
 }
-function ve(s) {
+function Se(s) {
   const e = atob(s), t = new Uint8Array(e.length);
   for (let i = 0; i < e.length; i++)
     t[i] = e.charCodeAt(i);
   return new Float32Array(t.buffer);
 }
-function bi(s) {
+function Ci(s) {
   try {
     new TextEncoder().encode(s);
     let t = "";
@@ -5375,7 +5420,7 @@ function bi(s) {
     return btoa(s);
   }
 }
-function vi(s) {
+function Ai(s) {
   try {
     const e = atob(s);
     let t = "";
@@ -5390,24 +5435,24 @@ function vi(s) {
     return atob(s);
   }
 }
-function Mi(s, e = !0) {
+function ki(s, e = !0) {
   const t = JSON.stringify(s);
-  return e ? bi(t) : btoa(t);
+  return e ? Ci(t) : btoa(t);
 }
-function Si(s, e = !0) {
+function Ti(s, e = !0) {
   try {
-    const t = e ? vi(s) : atob(s), i = JSON.parse(t);
-    return typeof i.version != "number" ? (console.warn("[VeloPlot] Invalid state: missing version"), null) : (i.version > Le && console.warn("[VeloPlot] State version is newer than supported"), i);
+    const t = e ? Ai(s) : atob(s), i = JSON.parse(t);
+    return typeof i.version != "number" ? (console.warn("[VeloPlot] Invalid state: missing version"), null) : (i.version > Oe && console.warn("[VeloPlot] State version is newer than supported"), i);
   } catch {
     return console.error("[VeloPlot] Failed to parse URL hash"), null;
   }
 }
-function Wi(s) {
+function ts(s) {
   if (!s || typeof s != "object") return !1;
   const e = s;
   return !(typeof e.version != "number" || !e.viewBounds || typeof e.viewBounds != "object" || !Array.isArray(e.series));
 }
-class Gi {
+class is {
   constructor(e = 50) {
     g(this, "history", []);
     g(this, "currentIndex", -1);
@@ -5463,7 +5508,7 @@ class Gi {
     return this.history.length;
   }
 }
-class wi {
+class Bi {
   constructor(e) {
     this.ctx = e;
   }
@@ -5477,7 +5522,7 @@ class wi {
   serialize(e = {}) {
     const { includeData: t = !0, includeAnnotations: i = !0 } = e;
     return {
-      version: Le,
+      version: Oe,
       timestamp: Date.now(),
       viewBounds: { ...this.ctx.viewBounds },
       xAxis: {
@@ -5512,8 +5557,8 @@ class wi {
         style: o.getStyle(),
         visible: o.isVisible(),
         data: t ? {
-          x: be(o.getData().x),
-          y: be(o.getData().y)
+          x: Me(o.getData().x),
+          y: Me(o.getData().y)
         } : { x: "", y: "" }
       })),
       annotations: i ? this.ctx.getAnnotations() : [],
@@ -5556,8 +5601,8 @@ class wi {
         type: r.type,
         yAxisId: r.yAxisId,
         data: {
-          x: ve(r.data.x),
-          y: ve(r.data.y)
+          x: Se(r.data.x),
+          y: Se(r.data.y)
         },
         style: r.style
       });
@@ -5567,291 +5612,304 @@ class wi {
    * Convert current state to URL-safe hash
    */
   toUrlHash(e = !0) {
-    return Mi(this.serialize({ includeData: !0 }), e);
+    return ki(this.serialize({ includeData: !0 }), e);
   }
   /**
    * Load state from URL hash
    */
   fromUrlHash(e, t = !0) {
-    const i = Si(e, t);
+    const i = Ti(e, t);
     i && this.deserialize(i);
   }
 }
 const ze = /* @__PURE__ */ new Map();
-function ji(s, e) {
+function ss(s, e) {
   ze.set(s, e);
 }
-function Ci(s, e, t) {
+function Pi(s, e, t) {
   for (const i of e) {
     if (!i.isVisible()) continue;
     const n = ze.get(i.getType());
     n && n(s, i, t);
   }
 }
-function Me(s, e, t, i, n) {
+function Ei(s, e) {
+  return s === e || s.startsWith(`${e}_`);
+}
+function Ii(s, e, t) {
+  if (!e) return s;
+  const i = [], n = [];
+  for (const o of s)
+    Ei(t(o), e) ? i.push(o) : n.push(o);
+  return i.length === 0 ? s : [...n, ...i];
+}
+function we(s, e, t, i, n) {
   const o = (n == null ? void 0 : n.left) ?? 0, r = (n == null ? void 0 : n.right) ?? 0, a = (n == null ? void 0 : n.top) ?? 0, l = (n == null ? void 0 : n.bottom) ?? 0;
   if (i === "x") {
-    const d = e.x + o, y = e.x + e.width - r, f = (t == null ? void 0 : t.invertAxis) ?? !1;
-    s.setRange(f ? y : d, f ? d : y);
+    const u = e.x + o, m = e.x + e.width - r, f = (t == null ? void 0 : t.invertAxis) ?? !1;
+    s.setRange(f ? m : u, f ? u : m);
     return;
   }
-  const c = e.y + a, u = e.y + e.height - l, h = (t == null ? void 0 : t.invertAxis) ?? !1;
-  s.setRange(h ? c : u, h ? u : c);
+  const h = e.y + a, d = e.y + e.height - l, c = (t == null ? void 0 : t.invertAxis) ?? !1;
+  s.setRange(c ? h : d, c ? d : h);
 }
-function Ai(s, e) {
-  const t = [], i = s.layout.plotPadding;
-  if (Me(
-    s.xScale,
+function Ye(s, e, t, i, n, o, r, a) {
+  const l = a.plotPadding;
+  we(t, s, o, "x", l), t.setDomain(e.xMin, e.xMax), i.forEach((h, d) => {
+    const c = n.get(d);
+    we(h, s, c, "y", l), d === r && h.setDomain(e.yMin, e.yMax);
+  });
+}
+function Ri(s, e) {
+  const t = [];
+  return Ye(
     e,
+    s.viewBounds,
+    s.xScale,
+    s.yScales,
+    s.yAxisOptionsMap,
     s.xAxisOptions,
-    "x",
-    i
-  ), s.xScale.setDomain(s.viewBounds.xMin, s.viewBounds.xMax), s.yScales.forEach((n, o) => {
-    const r = s.yAxisOptionsMap.get(o);
-    Me(n, e, r, "y", i), o === s.primaryYAxisId && n.setDomain(s.viewBounds.yMin, s.viewBounds.yMax);
-  }), s.series.forEach((n) => {
-    var a, l;
-    n.needsBufferUpdate && (s.updateSeriesBuffer(n), n.needsBufferUpdate = !1);
-    const o = s.renderer.getBuffer(n.getId()), r = n.getType();
-    if (o || r === "candlestick" || r === "boxplot" || r === "waterfall") {
-      const c = n.getYAxisId() || s.primaryYAxisId, u = s.yScales.get(c);
-      let h;
-      u && (h = { min: u.domain[0], max: u.domain[1] });
-      let d = r;
-      if (r === "area")
-        d = "band";
-      else if (r === "polar") {
-        const f = n.getStyle();
-        d = f != null && f.fill ? "band" : "line";
+    s.primaryYAxisId,
+    s.layout
+  ), s.series.forEach((i) => {
+    var r, a;
+    i.needsBufferUpdate && (s.updateSeriesBuffer(i), i.needsBufferUpdate = !1);
+    const n = s.renderer.getBuffer(i.getId()), o = i.getType();
+    if (n || o === "candlestick" || o === "boxplot" || o === "waterfall") {
+      const l = i.getYAxisId() || s.primaryYAxisId, h = s.yScales.get(l);
+      let d;
+      h && (d = { min: h.domain[0], max: h.domain[1] });
+      let c = o;
+      if (o === "area")
+        c = "band";
+      else if (o === "polar") {
+        const m = i.getStyle();
+        c = m != null && m.fill ? "band" : "line";
       }
-      let y = null;
-      if (o && (y = {
-        id: n.getId(),
-        buffer: o,
-        count: n.getPointCount(),
-        style: n.getStyle(),
-        visible: n.isVisible(),
-        type: d,
-        yBounds: h
-      }), y) {
-        if (r === "band" || r === "area")
-          y.count = n.getPointCount() * 2;
-        else if (r === "bar")
-          y.count = n.getPointCount() * 6;
-        else if (r === "polar") {
-          const f = n.getStyle();
-          if (f != null && f.fill) {
-            const m = (f == null ? void 0 : f.closePath) !== !1;
-            y.count = m ? n.getPointCount() * 3 : (n.getPointCount() - 1) * 3;
-          } else f != null && f.closePath && (y.count = n.getPointCount() + 1);
+      let u = null;
+      if (n && (u = {
+        id: i.getId(),
+        buffer: n,
+        count: i.getPointCount(),
+        style: i.getStyle(),
+        visible: i.isVisible(),
+        type: c,
+        yBounds: d
+      }), u) {
+        if (o === "band" || o === "area")
+          u.count = i.getPointCount() * 2;
+        else if (o === "bar")
+          u.count = i.getPointCount() * 6;
+        else if (o === "polar") {
+          const m = i.getStyle();
+          if (m != null && m.fill) {
+            const f = (m == null ? void 0 : m.closePath) !== !1;
+            u.count = f ? i.getPointCount() * 3 : (i.getPointCount() - 1) * 3;
+          } else m != null && m.closePath && (u.count = i.getPointCount() + 1);
         }
-        if (r === "step" || r === "step+scatter") {
-          const f = s.renderer.getBuffer(`${n.getId()}_step`);
-          if (f) {
-            y.stepBuffer = f;
-            const m = n.getStyle().stepMode ?? "after", x = n.getPointCount();
-            m === "center" ? y.stepCount = 1 + (x - 1) * 3 : y.stepCount = x * 2 - 1;
+        if (o === "step" || o === "step+scatter") {
+          const m = s.renderer.getBuffer(`${i.getId()}_step`);
+          if (m) {
+            u.stepBuffer = m;
+            const f = i.getStyle().stepMode ?? "after", y = i.getPointCount();
+            f === "center" ? u.stepCount = 1 + (y - 1) * 3 : u.stepCount = y * 2 - 1;
           }
         }
-        if (r === "boxplot") {
-          const f = s.renderer.getBuffer(`${n.getId()}_box_lines`), m = s.renderer.getBuffer(`${n.getId()}_box_faces`);
-          f && m && (y.boxLinesBuffer = f, y.boxLinesCount = n.getPointCount() * 10, y.boxBuffer = m, y.boxCount = n.getPointCount() * 6);
+        if (o === "boxplot") {
+          const m = s.renderer.getBuffer(`${i.getId()}_box_lines`), f = s.renderer.getBuffer(`${i.getId()}_box_faces`);
+          m && f && (u.boxLinesBuffer = m, u.boxLinesCount = i.getPointCount() * 10, u.boxBuffer = f, u.boxCount = i.getPointCount() * 6);
         }
       }
-      if (r === "boxplot" && !y) {
-        const f = s.renderer.getBuffer(`${n.getId()}_box_lines`), m = s.renderer.getBuffer(`${n.getId()}_box_faces`);
-        if (f && m) {
-          const x = n.getYAxisId() || s.primaryYAxisId, b = s.yScales.get(x);
-          let v;
-          b && (v = { min: b.domain[0], max: b.domain[1] }), y = {
-            id: n.getId(),
-            buffer: f,
+      if (o === "boxplot" && !u) {
+        const m = s.renderer.getBuffer(`${i.getId()}_box_lines`), f = s.renderer.getBuffer(`${i.getId()}_box_faces`);
+        if (m && f) {
+          const y = i.getYAxisId() || s.primaryYAxisId, p = s.yScales.get(y);
+          let b;
+          p && (b = { min: p.domain[0], max: p.domain[1] }), u = {
+            id: i.getId(),
+            buffer: m,
             // Use lines buffer as main buffer for reference
             count: 0,
             // No main buffer rendering
-            style: n.getStyle(),
-            visible: n.isVisible(),
+            style: i.getStyle(),
+            visible: i.isVisible(),
             type: "boxplot",
-            yBounds: v,
-            boxLinesBuffer: f,
-            boxLinesCount: n.getPointCount() * 10,
-            boxBuffer: m,
-            boxCount: n.getPointCount() * 6
+            yBounds: b,
+            boxLinesBuffer: m,
+            boxLinesCount: i.getPointCount() * 10,
+            boxBuffer: f,
+            boxCount: i.getPointCount() * 6
           };
         }
       }
-      if (r === "waterfall" && !y) {
-        const f = s.renderer.getBuffer(`${n.getId()}_wf_positive`), m = s.renderer.getBuffer(`${n.getId()}_wf_negative`), x = s.renderer.getBuffer(`${n.getId()}_wf_subtotal`), b = s.renderer.getBuffer(`${n.getId()}_wf_connectors`);
-        if (f || m || x) {
-          const v = n.getYAxisId() || s.primaryYAxisId, p = s.yScales.get(v);
-          let M;
-          p && (M = { min: p.domain[0], max: p.domain[1] });
-          const S = n.waterfallCounts || { positive: 0, negative: 0, subtotal: 0, connectors: 0 };
-          y = {
-            id: n.getId(),
-            buffer: f || m || x,
+      if (o === "waterfall" && !u) {
+        const m = s.renderer.getBuffer(`${i.getId()}_wf_positive`), f = s.renderer.getBuffer(`${i.getId()}_wf_negative`), y = s.renderer.getBuffer(`${i.getId()}_wf_subtotal`), p = s.renderer.getBuffer(`${i.getId()}_wf_connectors`);
+        if (m || f || y) {
+          const b = i.getYAxisId() || s.primaryYAxisId, v = s.yScales.get(b);
+          let x;
+          v && (x = { min: v.domain[0], max: v.domain[1] });
+          const M = i.waterfallCounts || { positive: 0, negative: 0, subtotal: 0, connectors: 0 };
+          u = {
+            id: i.getId(),
+            buffer: m || f || y,
             // Use any available buffer as reference
             count: 0,
             // No main buffer rendering
-            style: n.getStyle(),
-            visible: n.isVisible(),
+            style: i.getStyle(),
+            visible: i.isVisible(),
             type: "waterfall",
-            yBounds: M,
-            wfPositiveBuffer: f,
-            wfPositiveCount: S.positive,
-            wfNegativeBuffer: m,
-            wfNegativeCount: S.negative,
-            wfSubtotalBuffer: x,
-            wfSubtotalCount: S.subtotal,
-            wfConnectorBuffer: b,
-            wfConnectorCount: S.connectors
+            yBounds: x,
+            wfPositiveBuffer: m,
+            wfPositiveCount: M.positive,
+            wfNegativeBuffer: f,
+            wfNegativeCount: M.negative,
+            wfSubtotalBuffer: y,
+            wfSubtotalCount: M.subtotal,
+            wfConnectorBuffer: p,
+            wfConnectorCount: M.connectors
           };
         }
       }
-      if (y) {
-        const f = s.renderer.getBuffer(`${n.getId()}_errors`);
-        if (f) {
-          y.errorBuffer = f;
-          const m = n.getData();
-          let x = 0;
-          (m.yError || m.yErrorMinus || m.yErrorPlus) && x++, (m.xError || m.xErrorMinus || m.xErrorPlus) && x++, y.errorCount = n.getPointCount() * x * 2;
+      if (u) {
+        const m = s.renderer.getBuffer(`${i.getId()}_errors`);
+        if (m) {
+          u.errorBuffer = m;
+          const f = i.getData();
+          let y = 0;
+          (f.yError || f.yErrorMinus || f.yErrorPlus) && y++, (f.xError || f.xErrorMinus || f.xErrorPlus) && y++, u.errorCount = i.getPointCount() * y * 2;
         }
-        if (r === "heatmap") {
-          const m = n.getHeatmapData(), x = n.getHeatmapStyle();
-          if (m) {
-            const b = m.xValues.length, v = m.yValues.length;
-            y.count = (b - 1) * (v - 1) * 6;
-            let p = 1 / 0, M = -1 / 0;
-            for (let w = 0; w < m.zValues.length; w++) {
-              const C = m.zValues[w];
-              C < p && (p = C), C > M && (M = C);
+        if (o === "heatmap") {
+          const f = i.getHeatmapData(), y = i.getHeatmapStyle();
+          if (f) {
+            const p = f.xValues.length, b = f.yValues.length;
+            u.count = (p - 1) * (b - 1) * 6;
+            let v = 1 / 0, x = -1 / 0;
+            for (let S = 0; S < f.zValues.length; S++) {
+              const w = f.zValues[S];
+              w < v && (v = w), w > x && (x = w);
             }
-            p === M && (p -= 1, M += 1), y.zBounds = {
-              min: ((a = x == null ? void 0 : x.colorScale) == null ? void 0 : a.min) ?? (p === 1 / 0 ? 0 : p),
-              max: ((l = x == null ? void 0 : x.colorScale) == null ? void 0 : l.max) ?? (M === -1 / 0 ? 1 : M)
-            }, y.zBounds.min === y.zBounds.max && (y.zBounds.max = y.zBounds.min + 1);
-            const S = `${n.getId()}_colormap`;
-            y.colormapTexture = s.renderer.getTexture(S);
+            v === x && (v -= 1, x += 1), u.zBounds = {
+              min: ((r = y == null ? void 0 : y.colorScale) == null ? void 0 : r.min) ?? (v === 1 / 0 ? 0 : v),
+              max: ((a = y == null ? void 0 : y.colorScale) == null ? void 0 : a.max) ?? (x === -1 / 0 ? 1 : x)
+            }, u.zBounds.min === u.zBounds.max && (u.zBounds.max = u.zBounds.min + 1);
+            const M = `${i.getId()}_colormap`;
+            u.colormapTexture = s.renderer.getTexture(M);
           }
         }
       }
-      if (r === "candlestick") {
-        const f = s.renderer.getBuffer(`${n.getId()}_bullish`);
-        f && t.push({
-          id: `${n.getId()}_bullish`,
-          buffer: f,
-          count: n.bullishCount || 0,
+      if (o === "candlestick") {
+        const m = s.renderer.getBuffer(`${i.getId()}_bullish`);
+        m && t.push({
+          id: `${i.getId()}_bullish`,
+          buffer: m,
+          count: i.bullishCount || 0,
           style: {
-            ...n.getStyle(),
-            color: n.getStyle().bullishColor || "#26a69a"
+            ...i.getStyle(),
+            color: i.getStyle().bullishColor || "#26a69a"
           },
-          visible: n.isVisible(),
+          visible: i.isVisible(),
           type: "bar",
           // Using bar renderer (triangles)
-          yBounds: h
+          yBounds: d
         });
-        const m = s.renderer.getBuffer(`${n.getId()}_bearish`);
-        m && t.push({
-          id: `${n.getId()}_bearish`,
-          buffer: m,
-          count: n.bearishCount || 0,
+        const f = s.renderer.getBuffer(`${i.getId()}_bearish`);
+        f && t.push({
+          id: `${i.getId()}_bearish`,
+          buffer: f,
+          count: i.bearishCount || 0,
           style: {
-            ...n.getStyle(),
-            color: n.getStyle().bearishColor || "#ef5350"
+            ...i.getStyle(),
+            color: i.getStyle().bearishColor || "#ef5350"
           },
-          visible: n.isVisible(),
+          visible: i.isVisible(),
           type: "bar",
           // Using bar renderer (triangles)
-          yBounds: h
+          yBounds: d
         });
-      } else y && t.push(y);
-    }
-  }), s.hoveredSeriesId && t.findIndex((o) => o.id === s.hoveredSeriesId || o.id.startsWith(s.hoveredSeriesId + "_")) !== -1) {
-    const o = [];
-    for (let r = t.length - 1; r >= 0; r--) {
-      const a = t[r];
-      (a.id === s.hoveredSeriesId || a.id.startsWith(s.hoveredSeriesId + "_")) && o.unshift(t.splice(r, 1)[0]);
+      } else u && t.push(u);
     }
-    t.push(...o);
-  }
-  return t;
-}
-function Se(s, e, t) {
-  var m, x, b, v;
-  const i = s.container.getBoundingClientRect();
-  if (i.width === 0 || i.height === 0) {
+  }), Ii(t, s.hoveredSeriesId, (i) => i.id);
+}
+function re(s, e, t) {
+  var f, y, p, b, v;
+  const i = s.vectorOverlayOnly === !0 || ((f = s.getActiveRenderer) == null ? void 0 : f.call(s)) === "svg";
+  s.overlay.clear(), s.overlay.setLatexAPI(s.latexAPI);
+  const n = s.container.getBoundingClientRect();
+  if (n.width === 0 || n.height === 0) {
     console.warn(
       "[VeloPlot] Container has zero size in render, skipping overlay"
     );
     return;
   }
-  s.overlay.clear(), s.overlay.setLatexAPI(s.latexAPI), (m = s.layout.title) != null && m.visible && s.layout.title.text && s.overlay.drawChartTitle(e, s.layout.title);
-  let n = !1, o = !1, r = !1, a = 0, l = "degrees", c = 5, u = 12;
-  s.series.forEach((p) => {
-    const M = p.getType();
-    if (p.isVisible())
+  !i && ((y = s.layout.title) != null && y.visible) && s.layout.title.text && s.overlay.drawChartTitle(e, s.layout.title);
+  let o = !1, r = !1, a = !1, l = 0, h = "degrees", d = 5, c = 12;
+  s.series.forEach((x) => {
+    const M = x.getType();
+    if (x.isVisible())
       if (M === "polar") {
-        n = !0;
-        const S = p.getPolarData();
+        o = !0;
+        const S = x.getPolarData();
         if (S) {
           for (let C = 0; C < S.r.length; C++)
-            a = Math.max(a, Math.abs(S.r[C]));
-          const w = p.getStyle();
-          w.angleMode && (l = w.angleMode), w.radialDivisions && (c = w.radialDivisions), w.angularDivisions && (u = w.angularDivisions);
+            l = Math.max(l, Math.abs(S.r[C]));
+          const w = x.getStyle();
+          w.angleMode && (h = w.angleMode), w.radialDivisions && (d = w.radialDivisions), w.angularDivisions && (c = w.angularDivisions);
         }
-      } else M === "gauge" ? o = !0 : M === "sankey" && (r = !0);
+      } else M === "gauge" ? r = !0 : M === "sankey" && (a = !0);
   });
-  const h = n || o || r;
-  if (s.overlay.setBusinessDayMapping(((x = s.getBusinessDayMapping) == null ? void 0 : x.call(s)) ?? null), n && a > 0)
-    s.overlay.drawPolarGrid(
-      e,
-      s.xScale,
-      t,
-      c,
-      u,
-      l
-    );
-  else if (!o && !r) {
-    const p = s.yAxisOptionsMap.get(s.primaryYAxisId);
-    s.overlay.drawGrid(
-      e,
-      s.xScale,
-      t,
-      s.xAxisOptions,
-      p
-    );
-  }
-  Ci(s.overlayCtx, s.series.values(), e), h || s.overlay.drawXAxis(e, s.xScale, s.xAxisOptions, s.layout.xAxisLayout);
-  const d = [], y = [];
-  s.yAxisOptionsMap.forEach((p, M) => {
-    p.position === "right" ? y.push(M) : d.push(M);
-  }), h || (d.forEach((p, M) => {
-    const S = s.yScales.get(p), w = s.yAxisOptionsMap.get(p);
-    if (S && w) {
-      const C = M * 65;
-      s.overlay.drawYAxis(e, S, w, "left", C, s.layout.yAxisLayout);
-    }
-  }), y.forEach((p, M) => {
-    const S = s.yScales.get(p), w = s.yAxisOptionsMap.get(p);
-    if (S && w) {
-      const C = M * 65;
-      s.overlay.drawYAxis(e, S, w, "right", C, s.layout.yAxisLayout);
-    }
-  })), s.overlay.drawPlotBorder(e), s.series.forEach((p) => {
-    if (p.isVisible() && p.hasErrorData()) {
-      const M = p.getYAxisId() || s.primaryYAxisId, w = s.yScales.get(M) || t;
-      s.overlay.drawErrorBars(e, p, s.xScale, w);
+  const u = o || r || a;
+  if (!i) {
+    if (s.overlay.setBusinessDayMapping(((p = s.getBusinessDayMapping) == null ? void 0 : p.call(s)) ?? null), o && l > 0)
+      s.overlay.drawPolarGrid(
+        e,
+        s.xScale,
+        t,
+        d,
+        c,
+        h
+      );
+    else if (!r && !a) {
+      const S = s.yAxisOptionsMap.get(s.primaryYAxisId);
+      s.overlay.drawGrid(
+        e,
+        s.xScale,
+        t,
+        s.xAxisOptions,
+        S
+      );
     }
-  }), s.series.forEach((p) => {
-    if (!p.isVisible() || p.getType() !== "candlestick") return;
-    const M = p.getYAxisId() || s.primaryYAxisId, S = s.yScales.get(M) || t;
-    s.overlay.drawCandlestickMarkers(e, p, s.xScale, S);
-  });
-  const f = ((b = s.getAlerts) == null ? void 0 : b.call(s)) ?? [];
-  if (f.length && s.overlay.drawPriceAlertLines(e, f, t), s.selectionRect && s.overlay.drawSelectionRect(s.selectionRect), s.selectionManager.render(s.overlayCtx, e), (v = s.cursorOptions) != null && v.enabled && s.cursorPosition) {
-    const p = s.cursorOptions.valueDisplayMode ?? "floating";
+    Pi(s.overlayCtx, s.series.values(), e), u || s.overlay.drawXAxis(e, s.xScale, s.xAxisOptions, s.layout.xAxisLayout);
+    const x = [], M = [];
+    s.yAxisOptionsMap.forEach((S, w) => {
+      S.position === "right" ? M.push(w) : x.push(w);
+    }), u || (x.forEach((S, w) => {
+      const C = s.yScales.get(S), k = s.yAxisOptionsMap.get(S);
+      if (C && k) {
+        const B = w * 65;
+        s.overlay.drawYAxis(e, C, k, "left", B, s.layout.yAxisLayout);
+      }
+    }), M.forEach((S, w) => {
+      const C = s.yScales.get(S), k = s.yAxisOptionsMap.get(S);
+      if (C && k) {
+        const B = w * 65;
+        s.overlay.drawYAxis(e, C, k, "right", B, s.layout.yAxisLayout);
+      }
+    })), s.overlay.drawPlotBorder(e), s.series.forEach((S) => {
+      if (S.isVisible() && S.hasErrorData()) {
+        const w = S.getYAxisId() || s.primaryYAxisId, k = s.yScales.get(w) || t;
+        s.overlay.drawErrorBars(e, S, s.xScale, k);
+      }
+    }), s.series.forEach((S) => {
+      if (!S.isVisible() || S.getType() !== "candlestick") return;
+      const w = S.getYAxisId() || s.primaryYAxisId, C = s.yScales.get(w) || t;
+      s.overlay.drawCandlestickMarkers(e, S, s.xScale, C);
+    });
+  }
+  const m = ((b = s.getAlerts) == null ? void 0 : b.call(s)) ?? [];
+  if (m.length && s.overlay.drawPriceAlertLines(e, m, t), s.selectionRect && s.overlay.drawSelectionRect(s.selectionRect), s.selectionManager.render(s.overlayCtx, e), (v = s.cursorOptions) != null && v.enabled && s.cursorPosition) {
+    const x = s.cursorOptions.valueDisplayMode ?? "floating";
     let M;
-    p !== "disabled" && (M = s.cursorOptions.formatter ? s.cursorOptions.formatter(
+    x !== "disabled" && (M = s.cursorOptions.formatter ? s.cursorOptions.formatter(
       s.pixelToDataX(s.cursorPosition.x),
       s.pixelToDataY(s.cursorPosition.y),
       ""
@@ -5863,13 +5921,38 @@ Y: ${s.pixelToDataY(s.cursorPosition.y).toExponential(2)}`);
       y: s.cursorPosition.y,
       crosshair: s.cursorOptions.crosshair ?? !1,
       tooltipText: M,
-      valueDisplayMode: p,
+      valueDisplayMode: x,
       cornerPosition: s.cursorOptions.cornerPosition ?? "top-left"
     };
     s.overlay.drawCursor(e, S, s.cursorOptions.lineStyle);
   }
 }
-class ki {
+function Di(s, e) {
+  const n = new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
+  if (!n || n.nodeName.toLowerCase() !== "svg") {
+    console.warn("[VeloPlot] SVG renderer: invalid SVG document");
+    return;
+  }
+  const o = ["width", "height", "viewBox", "xmlns", "font-family"];
+  for (const l of o) {
+    const h = n.getAttribute(l);
+    h != null && s.setAttribute(l, h);
+  }
+  for (; s.firstChild; )
+    s.removeChild(s.firstChild);
+  const r = Array.from(n.childNodes).map(
+    (l) => s.ownerDocument.importNode(l, !0)
+  );
+  if (typeof s.replaceChildren == "function") {
+    s.replaceChildren(...r);
+    return;
+  }
+  const a = document.createDocumentFragment();
+  for (const l of r)
+    a.appendChild(l);
+  s.appendChild(a);
+}
+class Fi {
   constructor(e) {
     g(this, "animationFrameId", null);
     g(this, "needsFullRender", !1);
@@ -5935,11 +6018,21 @@ class ki {
    * Perform the actual rendering
    */
   performRender() {
+    var d, c;
     const e = this.needsFullRender;
     this.needsFullRender = !1, this.needsOverlayRender = !1;
     const t = performance.now(), i = this.ctx.getPlotArea();
     if (this.ctx.webglCanvas.width === 0 || this.ctx.webglCanvas.height === 0 || !this.ctx.renderer) return;
-    const n = {
+    const n = performance.now(), o = {
+      timestamp: n,
+      deltaTime: n - this.lastRenderTime,
+      frameNumber: ++this.frameCount,
+      first: !this.initStarted,
+      forced: e
+    };
+    if (this.lastRenderTime = n, !this.ctx.pluginManager.notifyBeforeRender(o))
+      return;
+    const r = ((c = (d = this.ctx).getActiveRenderer) == null ? void 0 : c.call(d)) === "svg", a = {
       webglCanvas: this.ctx.webglCanvas,
       overlayCanvas: this.ctx.overlayCanvas,
       overlayCtx: this.ctx.overlayCtx,
@@ -5967,36 +6060,53 @@ class ki {
       selectionManager: this.ctx.selectionManager,
       hoveredSeriesId: this.ctx.getHoveredSeriesId(),
       layout: this.ctx.getLayout(),
-      latexAPI: this.ctx.getLatex()
-    }, o = performance.now(), r = {
-      timestamp: o,
-      deltaTime: o - this.lastRenderTime,
-      frameNumber: ++this.frameCount,
-      first: !this.initStarted,
-      forced: e
+      latexAPI: this.ctx.getLatex(),
+      getActiveRenderer: this.ctx.getActiveRenderer,
+      vectorOverlayOnly: r
     };
-    if (this.lastRenderTime = o, !this.ctx.pluginManager.notifyBeforeRender(r))
+    if (r && this.ctx.svgRoot && this.ctx.buildSVGFrame) {
+      if (e) {
+        Ye(
+          i,
+          this.ctx.viewBounds,
+          this.ctx.xScale,
+          this.ctx.yScales,
+          this.ctx.yAxisOptionsMap,
+          this.ctx.xAxisOptions,
+          this.ctx.primaryYAxisId,
+          this.ctx.getLayout()
+        );
+        const m = this.ctx.buildSVGFrame();
+        Di(this.ctx.svgRoot, m);
+      }
+      this.ctx.overlay.clear(), re(a, i, this.ctx.yScale);
+      const u = { ...o, renderTime: performance.now() - t };
+      this.ctx.pluginManager.notifyRenderOverlay(u), this.ctx.pluginManager.notifyAfterRender(u), this.ctx.events.emit("render", {
+        fps: 1e3 / (u.renderTime || 1),
+        frameTime: u.renderTime
+      });
       return;
+    }
     if (e) {
-      const c = Ai(n, i);
-      this.ctx.renderer.render(c, {
+      const u = Ri(a, i);
+      this.ctx.renderer.render(u, {
         bounds: this.ctx.viewBounds,
         invertX: !!this.ctx.xAxisOptions.invertAxis,
         backgroundColor: this.ctx.backgroundColor,
         plotAreaBackground: this.ctx.plotAreaBackground,
         plotArea: i
       });
-      const u = {
-        ...r,
+      const m = {
+        ...o,
         renderTime: performance.now() - t
       };
-      this.ctx.pluginManager.notifyRenderWebGL(u), Se(n, i, this.ctx.yScale);
+      this.ctx.pluginManager.notifyRenderWebGL(m), re(a, i, this.ctx.yScale);
     } else
-      Se(n, i, this.ctx.yScale);
-    const a = performance.now() - t, l = { ...r, renderTime: a };
-    this.ctx.pluginManager.notifyRenderOverlay(l), this.ctx.pluginManager.notifyAfterRender(l), this.ctx.events.emit("render", {
-      fps: 1e3 / a,
-      frameTime: a
+      re(a, i, this.ctx.yScale);
+    const l = performance.now() - t, h = { ...o, renderTime: l };
+    this.ctx.pluginManager.notifyRenderOverlay(h), this.ctx.pluginManager.notifyAfterRender(h), this.ctx.events.emit("render", {
+      fps: 1e3 / l,
+      frameTime: l
     });
   }
   /**
@@ -6018,14 +6128,15 @@ class ki {
     this.frameCount = 0;
   }
 }
-const V = class V {
+const X = class X {
   constructor(e) {
     g(this, "container");
     g(this, "webglCanvas");
     g(this, "overlayCanvas");
+    g(this, "svgRoot");
     g(this, "overlayCtx");
     g(this, "series", /* @__PURE__ */ new Map());
-    g(this, "events", new Xe());
+    g(this, "events", new Ne());
     g(this, "viewBounds", {
       xMin: -0.5,
       xMax: 0.5,
@@ -6092,14 +6203,14 @@ const V = class V {
     g(this, "timeScaleMapping", null);
     var n;
     this.initialOptions = e, this.container = e.container, this.chartId = e.id ?? `chart_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
-    const t = ei(this.container, e);
-    if (this.baseTheme = t.theme, this.theme = t.theme, this.colorScheme = e.colorScheme ? me(e.colorScheme) : ye(t.theme.isDark), this.backgroundColor = t.backgroundColor, this.plotAreaBackground = t.plotAreaColor, this.showLegend = t.showLegend, this.showControls = t.showControls, this.toolbarOptions = e.toolbar, this.autoScroll = t.autoScroll, this.showStatistics = t.showStatistics, this.dpr = t.dpr, this.xAxisOptions = t.xAxisOptions, this.xScale = t.xScale, this.yAxisOptionsMap = t.yAxisOptionsMap, this.yScales = t.yScales, this.primaryYAxisId = t.primaryYAxisId, this.webglCanvas = t.webglCanvas, this.overlayCanvas = t.overlayCanvas, this.overlayCtx = t.overlayCtx, this.layout = t.layout, this.layout.crosshair && this.enableCursor({
+    const t = ni(this.container, e);
+    if (this.baseTheme = t.theme, this.theme = t.theme, this.colorScheme = e.colorScheme ? pe(e.colorScheme) : xe(t.theme.isDark), this.backgroundColor = t.backgroundColor, this.plotAreaBackground = t.plotAreaColor, this.showLegend = t.showLegend, this.showControls = t.showControls, this.toolbarOptions = e.toolbar, this.autoScroll = t.autoScroll, this.showStatistics = t.showStatistics, this.dpr = t.dpr, this.xAxisOptions = t.xAxisOptions, this.xScale = t.xScale, this.yAxisOptionsMap = t.yAxisOptionsMap, this.yScales = t.yScales, this.primaryYAxisId = t.primaryYAxisId, this.webglCanvas = t.webglCanvas, this.overlayCanvas = t.overlayCanvas, this.svgRoot = t.svgRoot, this.overlayCtx = t.overlayCtx, this.layout = t.layout, this.layout.crosshair && this.enableCursor({
       enabled: this.layout.crosshair.enabled !== !1,
       crosshair: !0,
       snap: this.layout.crosshair.snapToData,
       valueDisplayMode: this.layout.crosshair.valueDisplayMode,
       cornerPosition: this.layout.crosshair.cornerPosition
-    }), this.pluginManager = new hi({
+    }), this.pluginManager = new fi({
       chart: this,
       container: this.container,
       theme: this.theme,
@@ -6138,7 +6249,7 @@ const V = class V {
         var r;
         return (r = this.pluginManager) == null ? void 0 : r.get(o);
       }
-    }), this.pluginBridge = new pi(this.pluginManager), e.loading === !0 || typeof e.loading == "object") {
+    }), this.pluginBridge = new Si(this.pluginManager), e.loading === !0 || typeof e.loading == "object") {
       const o = typeof e.loading == "object" ? e.loading : {
         message: "Loading VeloPlot...",
         overlayOpacity: 0.1
@@ -6150,7 +6261,7 @@ const V = class V {
         }));
       });
     }
-    e.plugins && e.plugins.forEach((o) => this.use(o)), this.renderer = new J(this.webglCanvas), this.activeRendererType = "webgl", this.renderer.setDPR(this.dpr), (n = V.afterConstruct) == null || n.call(V, this, e), this.overlay = new gt(this.overlayCtx, this.theme), this.selectionManager = new yt({
+    e.plugins && e.plugins.forEach((o) => this.use(o)), e.renderer === "svg" ? (this.renderer = new at(), this.activeRendererType = "svg") : (this.renderer = new K(this.webglCanvas), this.activeRendererType = "webgl"), this.renderer.setDPR(this.dpr), (n = X.afterConstruct) == null || n.call(X, this, e), this.overlay = new pt(this.overlayCtx, this.theme), this.selectionManager = new vt({
       getSeries: () => this.series,
       getPlotArea: () => this.getPlotArea(),
       getXScale: () => this.xScale,
@@ -6161,15 +6272,15 @@ const V = class V {
       requestRender: () => this.requestRender()
     }), this.events.on("selectionChange", (o) => {
       this.pluginManager.notifySelectionChange(o.selected);
-    }), this.animationEngine = new Be(), this.animationConfig = typeof e.animations == "boolean" ? { ...D, enabled: e.animations } : pe(e.animations);
+    }), this.animationEngine = new Pe(), this.animationConfig = typeof e.animations == "boolean" ? { ...D, enabled: e.animations } : be(e.animations);
     const i = typeof e.responsive == "boolean" ? { enabled: e.responsive } : e.responsive;
-    this.responsiveManager = new pt(
+    this.responsiveManager = new Mt(
       {
         container: this.container,
         onStateChange: (o) => this.handleResponsiveChange(o)
       },
       i
-    ), this.axisManager = new xi({
+    ), this.axisManager = new wi({
       xAxisOptions: this.xAxisOptions,
       xScale: this.xScale,
       yAxisOptionsMap: this.yAxisOptionsMap,
@@ -6177,7 +6288,7 @@ const V = class V {
       primaryYAxisId: this.primaryYAxisId,
       series: this.series,
       requestRender: () => this.requestRender()
-    }), this.stateManager = new wi({
+    }), this.stateManager = new Bi({
       viewBounds: this.viewBounds,
       xAxisOptions: this.xAxisOptions,
       xScale: this.xScale,
@@ -6198,7 +6309,7 @@ const V = class V {
       removeSeries: (o) => this.removeSeries(o),
       addSeries: (o) => this.addSeries(o),
       requestRender: () => this.requestRender()
-    }), this.renderLoop = new ki({
+    }), this.renderLoop = new Fi({
       webglCanvas: this.webglCanvas,
       overlayCanvas: this.overlayCanvas,
       overlayCtx: this.overlayCtx,
@@ -6234,8 +6345,11 @@ const V = class V {
       },
       get yScale() {
         return this.yScales.get(this.primaryYAxisId) || this.yScales.values().next().value;
-      }
-    }), this.interaction = new ft(
+      },
+      svgRoot: this.svgRoot,
+      buildSVGFrame: () => this.buildSVGFrame(),
+      getActiveRenderer: () => this.activeRendererType
+    }), this.interaction = new xt(
       this.container,
       {
         onZoom: (o, r) => {
@@ -6258,14 +6372,14 @@ const V = class V {
         },
         onBoxZoom: (o) => this.handleBoxZoom(o),
         onCursorMove: (o, r) => {
-          var c, u;
+          var h, d;
           this.cursorPosition = { x: o, y: r };
           const a = this.getPlotArea();
           if (o >= a.x && o <= a.x + a.width && r >= a.y && r <= a.y + a.height) {
-            (c = this.cursorOptions) != null && c.enabled && (this.container.style.cursor = "crosshair");
-            const h = this.selectionManager.hitTest(o, r), d = (h == null ? void 0 : h.seriesId) ?? null;
-            this.hoveredSeriesId !== d && (this.hoveredSeriesId = d, this.requestRender());
-          } else (u = this.cursorOptions) != null && u.enabled && (this.container.style.cursor = "default");
+            (h = this.cursorOptions) != null && h.enabled && (this.container.style.cursor = "crosshair");
+            const c = this.selectionManager.hitTest(o, r), u = (c == null ? void 0 : c.seriesId) ?? null;
+            this.hoveredSeriesId !== u && (this.hoveredSeriesId = u, this.requestRender());
+          } else (d = this.cursorOptions) != null && d.enabled && (this.container.style.cursor = "default");
           this.tooltip && this.tooltip.handleCursorMove(o, r), this.requestOverlayRender();
         },
         onCursorLeave: () => {
@@ -6275,28 +6389,28 @@ const V = class V {
         onDoubleTap: () => this.resetZoom(),
         onBoxSelect: (o, r) => {
           if (o) {
-            const a = this.xScale, c = this.yScales.get(this.primaryYAxisId);
-            if (c) {
-              const u = {
+            const a = this.xScale, h = this.yScales.get(this.primaryYAxisId);
+            if (h) {
+              const d = {
                 xMin: a.invert(o.x),
                 xMax: a.invert(o.x + o.width),
-                yMin: c.invert(o.y + o.height),
-                yMax: c.invert(o.y)
-              }, h = this.selectionManager.hitTestRegion(u);
-              if (h.length > 0) {
-                const d = /* @__PURE__ */ new Map();
-                h.forEach((f) => {
-                  let m = d.get(f.seriesId);
-                  m || (m = [], d.set(f.seriesId, m)), m.push(f.index);
+                yMin: h.invert(o.y + o.height),
+                yMax: h.invert(o.y)
+              }, c = this.selectionManager.hitTestRegion(d);
+              if (c.length > 0) {
+                const u = /* @__PURE__ */ new Map();
+                c.forEach((f) => {
+                  let y = u.get(f.seriesId);
+                  y || (y = [], u.set(f.seriesId, y)), y.push(f.index);
                 });
-                const y = Array.from(d.entries()).map(
-                  ([f, m]) => ({
+                const m = Array.from(u.entries()).map(
+                  ([f, y]) => ({
                     seriesId: f,
-                    indices: m
+                    indices: y
                   })
                 );
                 this.selectionManager.selectPoints(
-                  y,
+                  m,
                   r ? "add" : "single"
                 );
               } else r || this.selectionManager.clearSelection();
@@ -6320,9 +6434,9 @@ const V = class V {
           this.pluginManager.notifyInteraction(o);
         },
         onPointClick: (o, r, a, l) => {
-          const c = this.pixelToDataX(o), u = this.pixelToDataY(r);
+          const h = this.pixelToDataX(o), d = this.pixelToDataY(r);
           this.events.emit("click", {
-            point: { x: c, y: u },
+            point: { x: h, y: d },
             pixelX: o,
             pixelY: r,
             ctrlKey: a,
@@ -6332,7 +6446,7 @@ const V = class V {
       },
       () => this.getPlotArea(),
       (o) => this.getInteractedBounds(o),
-      () => ii(this.yAxisOptionsMap)
+      () => ai(this.yAxisOptionsMap)
     ), this.resizeObserver = new ResizeObserver(() => {
       !this.isDestroyed && !this.resizeSuspended && this.resize();
     }), this.resizeObserver.observe(this.container), this.initControls(), this.initLegend(e);
@@ -6422,7 +6536,7 @@ const V = class V {
    */
   async startInit() {
     if (!(this.renderLoop.isInitStarted() || this._isDestroyed)) {
-      this._webgpuInitPromise && (await this._webgpuInitPromise, this._webgpuInitPromise = void 0), this.renderer || (this.renderer = new J(this.webglCanvas), this.activeRendererType = "webgl", this.renderer.setDPR(this.dpr)), this.renderLoop.setRenderer(this.renderer);
+      this._webgpuInitPromise && (await this._webgpuInitPromise, this._webgpuInitPromise = void 0), this.renderer || (this.renderer = new K(this.webglCanvas), this.activeRendererType = "webgl", this.renderer.setDPR(this.dpr)), this.renderLoop.setRenderer(this.renderer);
       for (const e of this.series.values())
         W(this.getSeriesContext(), e);
       this.renderLoop.startInit(), this.resize(), this.startRenderLoop(), this.commandQueue.length > 0 && (this.commandQueue.forEach((e) => {
@@ -6441,7 +6555,7 @@ const V = class V {
    * Mark this chart's initialization as complete in the queue
    */
   async completeInit() {
-    this.initQueueId && (this._isDestroyed || (await this.animationEngine.waitForIdle(), await new Promise((e) => setTimeout(e, 60))), this.initQueueId && (ae(this.initQueueId), this.initQueueId = null));
+    this.initQueueId && (this._isDestroyed || (await this.animationEngine.waitForIdle(), await new Promise((e) => setTimeout(e, 60))), this.initQueueId && (he(this.initQueueId), this.initQueueId = null));
   }
   executeOrQueue(e, t) {
     this.renderLoop.isInitStarted() ? t() : this.commandQueue.push({ fn: t, name: e });
@@ -6453,7 +6567,7 @@ const V = class V {
     this.initQueueId = e;
   }
   initControls() {
-    this.controls = di({
+    this.controls = pi({
       container: this.container,
       theme: this.theme,
       showControls: this.showControls,
@@ -6488,8 +6602,10 @@ const V = class V {
   }
   initLegend(e) {
     var i;
+    if (this.activeRendererType === "svg")
+      return;
     const t = (i = e.layout) == null ? void 0 : i.legend;
-    this.legend = gi(
+    this.legend = xi(
       {
         container: this.container,
         theme: this.theme,
@@ -6526,9 +6642,9 @@ const V = class V {
           if (this.hoveredSeriesId = n.getId(), o) {
             const l = n.getStyle();
             this.originalSeriesStyles.set(n.getId(), { ...l });
-            const c = ((r = this.colorScheme) == null ? void 0 : r.highlightColor) || We(l.color || "#ff0055", this.theme.isDark);
+            const h = ((r = this.colorScheme) == null ? void 0 : r.highlightColor) || Qe(l.color || "#ff0055", this.theme.isDark);
             n.setStyle({
-              color: c
+              color: h
             }), (a = this.legend) == null || a.updateSeriesStyle(n);
           }
           this.requestRender();
@@ -6550,14 +6666,14 @@ const V = class V {
     );
   }
   setTheme(e) {
-    this.baseTheme = typeof e == "string" ? Te(e) : e, this.theme = this.responsiveManager.scaleTheme(this.baseTheme), this.backgroundColor = H(this.theme.backgroundColor), this.plotAreaBackground = H(this.theme.plotAreaBackground || this.theme.backgroundColor), this.container.style.backgroundColor = this.theme.backgroundColor, this.overlay.setTheme(this.theme), this.tooltip.updateChartTheme(this.theme), this.controls && this.controls.updateTheme(this.theme), this.legend && this.legend.updateTheme(this.theme), this.initialOptions.colorScheme || (this.colorScheme = ye(this.theme.isDark)), this.requestRender();
+    this.baseTheme = typeof e == "string" ? Be(e) : e, this.theme = this.responsiveManager.scaleTheme(this.baseTheme), this.backgroundColor = N(this.theme.backgroundColor), this.plotAreaBackground = N(this.theme.plotAreaBackground || this.theme.backgroundColor), this.container.style.backgroundColor = this.theme.backgroundColor, this.overlay.setTheme(this.theme), this.tooltip.updateChartTheme(this.theme), this.controls && this.controls.updateTheme(this.theme), this.legend && this.legend.updateTheme(this.theme), this.initialOptions.colorScheme || (this.colorScheme = xe(this.theme.isDark)), this.requestRender();
   }
   /**
    * Set the color scheme for multi-series charts
    * @param scheme - Color scheme name ('vibrant', 'pastel', 'neon', 'earth', 'ocean') or ColorScheme object
    */
   setColorScheme(e) {
-    this.colorScheme = typeof e == "string" ? me(e) : e, this.requestRender();
+    this.colorScheme = typeof e == "string" ? pe(e) : e, this.requestRender();
   }
   /**
    * Get the current color scheme
@@ -6566,7 +6682,7 @@ const V = class V {
     return this.colorScheme;
   }
   getPlotArea() {
-    return ti(this.container, this.yAxisOptionsMap, this.layout);
+    return ri(this.container, this.yAxisOptionsMap, this.layout);
   }
   getInteractedBounds(e) {
     if (e) {
@@ -6581,7 +6697,7 @@ const V = class V {
     return this.viewBounds;
   }
   exportImage(e = "png") {
-    return vt(
+    return Ct(
       this.webglCanvas,
       this.overlayCanvas,
       this.backgroundColor,
@@ -6595,7 +6711,7 @@ const V = class V {
     var t, i;
     (i = (t = this.featureHooks) == null ? void 0 : t.destroy) == null || i.call(t), this.featureHooks = e;
   }
-  exportSVG() {
+  exportSVG(e) {
     throw new Error(
       "[VeloPlot] exportSVG() is not available in the core bundle. Use exportImage() or import from 'velo-plot/trading', 'velo-plot/scientific', or 'velo-plot/full'."
     );
@@ -6624,7 +6740,7 @@ const V = class V {
     };
   }
   addSeries(e) {
-    qt(this.getSeriesContext(), e);
+    Qt(this.getSeriesContext(), e);
     const t = this.series.get(e.id);
     t && this.pluginManager.notifySeriesAdd({ series: t, changeType: "add" });
   }
@@ -6636,11 +6752,11 @@ const V = class V {
   }
   removeSeries(e) {
     const t = this.series.get(e);
-    Gt(this.getSeriesContext(), e), t && this.pluginManager.notifySeriesRemove({ series: t, changeType: "remove" });
+    Jt(this.getSeriesContext(), e), t && this.pluginManager.notifySeriesRemove({ series: t, changeType: "remove" });
   }
   updateSeries(e, t) {
     var n, o, r, a;
-    Qt(this.getSeriesContext(), e, t), this.recalculateTools();
+    ei(this.getSeriesContext(), e, t), this.recalculateTools();
     const i = this.series.get(e);
     i && this.pluginManager.notifyDataUpdate({
       seriesId: e,
@@ -6651,7 +6767,7 @@ const V = class V {
   }
   appendData(e, t, i) {
     var o, r;
-    Zt(this.getSeriesContext(), e, t, i), this.recalculateTools();
+    ti(this.getSeriesContext(), e, t, i), this.recalculateTools();
     const n = this.series.get(e);
     n && this.pluginManager.notifyDataUpdate({
       seriesId: e,
@@ -6664,7 +6780,7 @@ const V = class V {
     this.autoScroll = e;
   }
   setMaxPoints(e, t) {
-    Jt(this.getSeriesContext(), e, t);
+    ii(this.getSeriesContext(), e, t);
   }
   /**
    * Add a line of best fit to a series
@@ -6732,7 +6848,7 @@ const V = class V {
   zoom(e) {
     const t = { ...this.viewBounds };
     if (this.animationConfig.enabled && e.animate !== !1) {
-      const i = Pt(
+      const i = Dt(
         this.getAnimatedNavContext(),
         e
       );
@@ -6740,7 +6856,7 @@ const V = class V {
         n.message !== "Animation cancelled" && console.error("[VeloPlot] Animation error:", n);
       });
     } else
-      St(this.getNavContext(), e);
+      kt(this.getNavContext(), e);
     this.pluginManager.notifyViewChange({
       previous: t,
       current: { ...this.viewBounds },
@@ -6750,7 +6866,7 @@ const V = class V {
   }
   pan(e, t, i) {
     const n = { ...this.viewBounds };
-    wt(this.getNavContext(), e, t, i), this.pluginManager.notifyViewChange({
+    Tt(this.getNavContext(), e, t, i), this.pluginManager.notifyViewChange({
       previous: n,
       current: { ...this.viewBounds },
       trigger: "pan",
@@ -6763,7 +6879,7 @@ const V = class V {
   fit(e) {
     this.executeOrQueue("fit", () => {
       const t = { ...this.viewBounds }, i = e == null ? void 0 : e.padding;
-      At(this.getNavContext(), {
+      Pt(this.getNavContext(), {
         x: e == null ? void 0 : e.x,
         y: e == null ? void 0 : e.y,
         padding: i
@@ -6785,7 +6901,7 @@ const V = class V {
     this.executeOrQueue("autoScale", () => {
       const t = { ...this.viewBounds };
       if (this.animationConfig.enabled && e) {
-        const i = It(
+        const i = Ft(
           this.getAnimatedNavContext(),
           !0
         );
@@ -6793,7 +6909,7 @@ const V = class V {
           n.message !== "Animation cancelled" && console.error("[VeloPlot] Animation error:", n);
         });
       } else
-        Ct(this.getNavContext());
+        Bt(this.getNavContext());
       this.pluginManager.notifyViewChange({
         previous: t,
         current: { ...this.viewBounds },
@@ -6807,14 +6923,14 @@ const V = class V {
    * Used during streaming to prevent X-axis shifting
    */
   autoScaleYOnly() {
-    kt(this.getNavContext()), this.requestRender();
+    Et(this.getNavContext()), this.requestRender();
   }
   /**
    * Animate view bounds to specific target
    */
   animateTo(e) {
     var i, n, o, r;
-    const t = Et(
+    const t = Lt(
       this.getAnimatedNavContext(),
       {
         xMin: (i = e.xRange) == null ? void 0 : i[0],
@@ -6841,7 +6957,7 @@ const V = class V {
    * Set animation configuration
    */
   setAnimationConfig(e) {
-    this.animationConfig = pe({
+    this.animationConfig = be({
       ...this.animationConfig,
       ...e
     });
@@ -6854,7 +6970,7 @@ const V = class V {
   }
   handleBoxZoom(e) {
     const t = e === null;
-    this.selectionRect = Tt(
+    this.selectionRect = It(
       this.getNavContext(),
       e,
       this.selectionRect,
@@ -6913,10 +7029,10 @@ const V = class V {
   }
   // Export
   exportCSV(e) {
-    return xt(this.getAllSeries(), e);
+    return St(this.getAllSeries(), e);
   }
   exportJSON(e) {
-    return bt(this.getAllSeries(), this.viewBounds, e);
+    return wt(this.getAllSeries(), this.viewBounds, e);
   }
   // ============================================
   // Axis Management
@@ -6945,10 +7061,28 @@ const V = class V {
   getDPR() {
     return this.dpr;
   }
-  /** Runtime chart renderer backend in use. */
   getActiveRenderer() {
     return this.activeRendererType;
   }
+  /** Series id hovered from the legend — affects draw order in canvas and live SVG. */
+  getHoveredSeriesId() {
+    return this.hoveredSeriesId;
+  }
+  /** @internal Vector frame for `renderer: 'svg'` — patched on extended bundles. */
+  buildSVGFrame() {
+    try {
+      return this.exportSVG({
+        includeOverlays: !0,
+        includeLegend: this.showLegend,
+        includeAnnotations: !0,
+        // Live SVG: cursor/tooltips render on the transparent overlay canvas.
+        includeCursor: !1,
+        includeSelection: !!this.selectionRect
+      });
+    } catch {
+      return '<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><text x="4" y="14">SVG unavailable</text></svg>';
+    }
+  }
   /**
    * Set device pixel ratio and re-render
    */
@@ -6972,7 +7106,7 @@ const V = class V {
     this.axisManager.updateXAxis(e), this.requestRender();
   }
   updateLayout(e) {
-    this.layout = Fe({
+    this.layout = Le({
       ...this.layout,
       ...e,
       margins: {
@@ -7199,7 +7333,7 @@ const V = class V {
   resize() {
     if (this.isDestroyed || this.resizeSuspended || !this.renderer) return;
     const e = this.dprOverride ?? this.initialOptions.devicePixelRatio ?? window.devicePixelRatio;
-    Math.abs(e - this.dpr) > 1e-3 && (this.dpr = e, this.renderer.setDPR(this.dpr)), si(
+    Math.abs(e - this.dpr) > 1e-3 && (this.dpr = e, this.renderer.setDPR(this.dpr)), li(
       this.container,
       this.webglCanvas,
       this.overlayCanvas,
@@ -7243,7 +7377,7 @@ const V = class V {
   }
   destroy() {
     var e, t, i, n;
-    for (this._isDestroyed = !0, this.renderLoop.cancelPendingRender(), (e = this.resizeObserver) == null || e.disconnect(), this.resizeObserver = null, this.initQueueId && (ae(this.initQueueId), this.initQueueId = null), this.animationEngine.destroy(), this.selectionManager.destroy(), (i = (t = this.featureHooks) == null ? void 0 : t.destroy) == null || i.call(t), this.featureHooks = null, this.responsiveManager.destroy(), this.interaction.destroy(), this.series.forEach((o) => {
+    for (this._isDestroyed = !0, this.renderLoop.cancelPendingRender(), (e = this.resizeObserver) == null || e.disconnect(), this.resizeObserver = null, this.initQueueId && (he(this.initQueueId), this.initQueueId = null), this.animationEngine.destroy(), this.selectionManager.destroy(), (i = (t = this.featureHooks) == null ? void 0 : t.destroy) == null || i.call(t), this.featureHooks = null, this.responsiveManager.destroy(), this.interaction.destroy(), this.series.forEach((o) => {
       var r;
       (r = this.renderer) == null || r.deleteBuffer(o.getId()), o.destroy();
     }), this.series.clear(), (n = this.renderer) == null || n.destroy(), this.controls && this.controls.destroy(), this.legend && this.legend.destroy(), this.pluginManager.destroy(); this.container.firstChild; )
@@ -7260,13 +7394,13 @@ const V = class V {
   }
 };
 /** Optional hook for extended bundles (WebGPU, etc.). */
-g(V, "afterConstruct", null);
-let le = V;
-function Qi(s) {
-  const e = new le(s);
-  return mi().then((t) => {
+g(X, "afterConstruct", null);
+let ce = X;
+function ns(s) {
+  const e = new ce(s);
+  return vi().then((t) => {
     if (e.setInitQueueId(t), e.isDestroyed) {
-      ae(t);
+      he(t);
       return;
     }
     e.startInit().then(() => {
@@ -7275,64 +7409,66 @@ function Qi(s) {
   }), e;
 }
 export {
-  bi as $,
-  Yi as A,
-  _i as B,
-  le as C,
-  oe as D,
-  ut as E,
-  Vi as F,
-  Be as G,
-  Ei as H,
-  Bt as I,
-  D as J,
-  pe as K,
-  X as L,
-  lt as M,
-  J as N,
-  gt as O,
-  hi as P,
-  Fi as Q,
-  yi as R,
-  Yt as S,
-  Hi as T,
-  Ni as U,
-  Ui as V,
-  qi as W,
-  I as X,
-  Le as Y,
-  be as Z,
-  ve as _,
-  $ as a,
-  vi as a0,
-  Mi as a1,
-  Si as a2,
-  Wi as a3,
-  Gi as a4,
-  Xi as b,
-  Qi as c,
-  ht as d,
-  dt as e,
-  Di as f,
-  Te as g,
-  li as h,
-  U as i,
-  $i as j,
-  we as k,
-  zi as l,
-  Fe as m,
-  Li as n,
-  Ce as o,
-  H as p,
-  Ze as q,
-  Oi as r,
-  Qe as s,
-  fe as t,
-  Ri as u,
-  ji as v,
-  te as w,
-  Ii as x,
-  O as y,
-  se as z
+  Ti as $,
+  Pe as A,
+  D as B,
+  ce as C,
+  ae as D,
+  mt as E,
+  be as F,
+  $i as G,
+  Vi as H,
+  Mi as I,
+  Zi as J,
+  Ji as K,
+  $ as L,
+  dt as M,
+  K as N,
+  pt as O,
+  fi as P,
+  Ki as Q,
+  es as R,
+  $t as S,
+  E as T,
+  Le as U,
+  Oe as V,
+  Me as W,
+  Se as X,
+  Ci as Y,
+  Ai as Z,
+  ki as _,
+  H as a,
+  ts as a0,
+  is as a1,
+  Ii as a2,
+  Ye as a3,
+  ne as a4,
+  U as a5,
+  Qi as a6,
+  ji as b,
+  ns as c,
+  gt as d,
+  yt as e,
+  Xi as f,
+  Be as g,
+  gi as h,
+  Ce as i,
+  Ni as j,
+  Hi as k,
+  Ae as l,
+  et as m,
+  Ke as n,
+  ye as o,
+  N as p,
+  _i as q,
+  Ui as r,
+  ss as s,
+  ie as t,
+  Yi as u,
+  qi as v,
+  Wi as w,
+  Gi as x,
+  Y as y,
+  Rt as z
 };
-//# sourceMappingURL=ChartCore-AnR_3Xkb.js.map
+//# sourceMappingURL=ChartCore-KYG2HTcK.js.map