@wick-charts/vue 0.3.5 → 0.3.6

package/dist/index.js

@@ -1,7 +1,7 @@
-import { inject as yt, defineComponent as pt, ref as q, onMounted as dt, onUnmounted as ct, watch as ht, createCommentVNode as Z, shallowRef as Zi, provide as pe, computed as D, nextTick as Tn, openBlock as P, createElementBlock as z, normalizeStyle as N, createElementVNode as $, renderSlot as te, unref as B, Fragment as tt, toDisplayString as J, useSlots as Ce, createBlock as vi, Teleport as bi, renderList as Mt, onBeforeUnmount as qs, watchEffect as ns, createTextVNode as Js, createVNode as Qs } from "vue";
+import { inject as xt, defineComponent as pt, ref as q, onMounted as dt, onUnmounted as ct, watch as ht, createCommentVNode as Z, shallowRef as Zi, provide as pe, computed as P, nextTick as Tn, openBlock as D, createElementBlock as z, normalizeStyle as X, createElementVNode as $, renderSlot as te, unref as F, Fragment as tt, toDisplayString as J, useSlots as Ce, createBlock as vi, Teleport as bi, renderList as Ct, onBeforeUnmount as qs, watchEffect as ns, createTextVNode as Js, createVNode as Qs } from "vue";
 var Zs = Object.defineProperty, ss = (i) => {
   throw TypeError(i);
-}, ta = (i, t, e) => t in i ? Zs(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, I = (i, t, e) => ta(i, typeof t != "symbol" ? t + "" : t, e), cn = (i, t, e) => t.has(i) || ss("Cannot " + e), o = (i, t, e) => (cn(i, t, "read from private field"), e ? e.call(i) : t.get(i)), W = (i, t, e) => t.has(i) ? ss("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), M = (i, t, e, n) => (cn(i, t, "write to private field"), t.set(i, e), e), F = (i, t, e) => (cn(i, t, "access private method"), e), tn = (i, t, e, n) => ({
+}, ta = (i, t, e) => t in i ? Zs(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, R = (i, t, e) => ta(i, typeof t != "symbol" ? t + "" : t, e), cn = (i, t, e) => t.has(i) || ss("Cannot " + e), o = (i, t, e) => (cn(i, t, "read from private field"), e ? e.call(i) : t.get(i)), W = (i, t, e) => t.has(i) ? ss("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), M = (i, t, e, n) => (cn(i, t, "write to private field"), t.set(i, e), e), B = (i, t, e) => (cn(i, t, "access private method"), e), tn = (i, t, e, n) => ({
   set _(s) {
     M(i, t, s);
   },
@@ -12,7 +12,7 @@ var Zs = Object.defineProperty, ss = (i) => {
 const Se = (i) => 1 - (1 - i) ** 3;
 class He {
   constructor(t) {
-    I(this, "_current"), I(this, "_from"), I(this, "_to"), I(this, "_startTime", 0), I(this, "_activeDuration"), I(this, "_defaultDuration"), I(this, "_easing"), I(this, "_lerp"), I(this, "_equals"), I(this, "_animating", !1), this._current = t.initial, this._from = t.initial, this._to = t.initial, this._defaultDuration = t.duration, this._activeDuration = t.duration, this._easing = t.easing ?? Se, this._lerp = t.lerp, this._equals = t.equals ?? Object.is;
+    R(this, "_current"), R(this, "_from"), R(this, "_to"), R(this, "_startTime", 0), R(this, "_activeDuration"), R(this, "_defaultDuration"), R(this, "_easing"), R(this, "_lerp"), R(this, "_equals"), R(this, "_animating", !1), this._current = t.initial, this._from = t.initial, this._to = t.initial, this._defaultDuration = t.duration, this._activeDuration = t.duration, this._easing = t.easing ?? Se, this._lerp = t.lerp, this._equals = t.equals ?? Object.is;
   }
   get current() {
     return this._current;
@@ -73,10 +73,10 @@ const In = 250, Si = {
   streamTick: In,
   /** Explicit fit-to-data / batch reflow. */
   fit: In
-}, Di = 250, Me = Di, un = Di, as = 600, os = Di, ea = 0, en = Di, Rn = 100;
+}, Pi = 250, Me = Pi, un = Pi, as = 600, os = Pi, ea = 0, en = Pi, Rn = 100;
 class yi {
   constructor() {
-    I(this, "listeners", /* @__PURE__ */ new Map());
+    R(this, "listeners", /* @__PURE__ */ new Map());
   }
   on(t, e) {
     let n = this.listeners.get(t);
@@ -116,7 +116,7 @@ function An(i, t, e) {
 }
 class ia extends yi {
   constructor(t, e) {
-    super(), I(this, "mainCanvas"), I(this, "mainCtx"), I(this, "overlayCanvas"), I(this, "overlayCtx"), I(this, "resizeObserver"), I(this, "_size"), I(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = An(t, 0), this.overlayCanvas = An(t, 1);
+    super(), R(this, "mainCanvas"), R(this, "mainCtx"), R(this, "overlayCanvas"), R(this, "overlayCtx"), R(this, "resizeObserver"), R(this, "_size"), R(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = An(t, 0), this.overlayCanvas = An(t, 1);
     const n = this.mainCanvas.getContext("2d", { alpha: !0 }), s = this.overlayCanvas.getContext("2d", { alpha: !0 });
     if (!n || !s)
       throw new Error("CanvasManager: failed to acquire 2D rendering context");
@@ -159,8 +159,8 @@ class ia extends yi {
       if (c)
         r = c.inlineSize, l = c.blockSize;
       else {
-        const p = t.contentRect;
-        r = p.width, l = p.height;
+        const g = t.contentRect;
+        r = g.width, l = g.height;
       }
       const u = window.devicePixelRatio || 1;
       s = Math.round(r * u), a = Math.round(l * u);
@@ -227,11 +227,11 @@ function ca(i) {
   }
 }
 function ua({ scope: i, theme: t, chartMediaHeight: e, side: n, now: s }, a) {
-  const { context: r, horizontalPixelRatio: l, verticalPixelRatio: h } = i, d = sa * l, c = aa * l, u = oa * l, p = a * l, w = n === "right" ? p + u : p - u, g = e / 2 * h, k = s % Wn / Wn, S = Math.floor(k * 3), v = rs(t.axis.textColor ?? "#787b86", 0.3), m = t.axis.textColor ?? "#787b86";
+  const { context: r, horizontalPixelRatio: l, verticalPixelRatio: h } = i, d = sa * l, c = aa * l, u = oa * l, g = a * l, b = n === "right" ? g + u : g - u, p = e / 2 * h, k = s % Wn / Wn, S = Math.floor(k * 3), m = rs(t.axis.textColor ?? "#787b86", 0.3), w = t.axis.textColor ?? "#787b86";
   r.save();
   for (let f = 0; f < 3; f++) {
-    const x = (f - 1) * c, y = w + x;
-    r.beginPath(), r.arc(y, g, d, 0, Math.PI * 2), r.fillStyle = f === S ? m : v, r.fill();
+    const v = (f - 1) * c, x = b + v;
+    r.beginPath(), r.arc(x, p, d, 0, Math.PI * 2), r.fillStyle = f === S ? w : m, r.fill();
   }
   r.restore();
 }
@@ -253,22 +253,22 @@ function fa(i, t, e, n, s) {
   const d = e.niceTickValues();
   a.beginPath();
   for (const u of d) {
-    const p = Math.round(e.valueToBitmapY(u)) + 0.5;
-    a.moveTo(0, p), a.lineTo(r.width, p);
+    const g = Math.round(e.valueToBitmapY(u)) + 0.5;
+    a.moveTo(0, g), a.lineTo(r.width, g);
   }
   a.stroke();
   const { ticks: c } = t.niceTickValues(s);
   a.beginPath();
   for (const u of c) {
-    const p = Math.round(t.timeToBitmapX(u)) + 0.5;
-    a.moveTo(p, 0), a.lineTo(p, r.height);
+    const g = Math.round(t.timeToBitmapX(u)) + 0.5;
+    a.moveTo(g, 0), a.lineTo(g, r.height);
   }
   a.stroke(), a.setLineDash([]);
 }
 function Oe(i, t, e) {
   return Math.max(t, Math.min(e, i));
 }
-function St(i, t, e) {
+function Mt(i, t, e) {
   return i + (t - i) * e;
 }
 function _n(i, t, e, n) {
@@ -290,7 +290,7 @@ function Xi(i, t, e) {
 }
 class hs extends yi {
   constructor() {
-    super(...arguments), I(this, "data", []), I(this, "_visible", !0), I(this, "cachedRange", null), I(this, "cachedResult", []);
+    super(...arguments), R(this, "data", []), R(this, "_visible", !0), R(this, "cachedRange", null), R(this, "cachedResult", []);
   }
   setVisible(t) {
     this._visible = t;
@@ -351,7 +351,7 @@ class hs extends yi {
 }
 class pa {
   constructor(t, e, n, s = 0) {
-    I(this, "dragging", !1), I(this, "lastX", 0), this.viewport = t, this.timeScale = e, this.canvas = n, this.inputResponseMs = s;
+    R(this, "dragging", !1), R(this, "lastX", 0), this.viewport = t, this.timeScale = e, this.canvas = n, this.inputResponseMs = s;
   }
   /** Update the input-response duration without recreating the handler. */
   setInputResponseMs(t) {
@@ -377,7 +377,7 @@ class pa {
 const ga = 150;
 class ma {
   constructor(t, e, n = 0) {
-    I(this, "reboundTimer", null), this.viewport = t, this.timeScale = e, this.inputResponseMs = n;
+    R(this, "reboundTimer", null), this.viewport = t, this.timeScale = e, this.inputResponseMs = n;
   }
   /** Update the input-response duration without recreating the handler. */
   setInputResponseMs(t) {
@@ -406,23 +406,23 @@ function va(i, t) {
 }
 class ba extends yi {
   constructor(t, e, n, s, a = 0) {
-    super(), I(this, "zoom"), I(this, "pan"), I(this, "canvas"), I(this, "timeScale"), I(this, "yScale"), I(this, "viewport"), I(this, "onWheel", (r) => {
+    super(), R(this, "zoom"), R(this, "pan"), R(this, "canvas"), R(this, "timeScale"), R(this, "yScale"), R(this, "viewport"), R(this, "onWheel", (r) => {
       this.zoom.handleWheel(r);
-    }), I(this, "onMouseDown", (r) => {
+    }), R(this, "onMouseDown", (r) => {
       this.zoom.cancelPendingRebound(), this.pan.handleMouseDown(r);
-    }), I(this, "onMouseMove", (r) => {
+    }), R(this, "onMouseMove", (r) => {
       this.pan.isDragging() && this.pan.handleMouseMove(r), this.emitCrosshair(r.offsetX, r.offsetY);
-    }), I(this, "onMouseUp", () => {
+    }), R(this, "onMouseUp", () => {
       this.pan.handleMouseUp();
-    }), I(this, "onMouseLeave", () => {
+    }), R(this, "onMouseLeave", () => {
       this.pan.handleMouseUp(), this.emit("crosshairMove", null);
-    }), I(this, "onDblClick", () => {
-    }), I(this, "lastTouchDist", 0), I(this, "lastTouchCenter", 0), I(this, "touchCount", 0), I(this, "onTouchStart", (r) => {
+    }), R(this, "onDblClick", () => {
+    }), R(this, "lastTouchDist", 0), R(this, "lastTouchCenter", 0), R(this, "touchCount", 0), R(this, "onTouchStart", (r) => {
       r.preventDefault(), this.zoom.cancelPendingRebound(), this.touchCount = r.touches.length, r.touches.length === 1 ? this.pan.handleMouseDown({
         button: 0,
         clientX: r.touches[0].clientX
       }) : r.touches.length === 2 && (this.lastTouchDist = Math.abs(r.touches[0].clientX - r.touches[1].clientX), this.lastTouchCenter = (r.touches[0].clientX + r.touches[1].clientX) / 2);
-    }), I(this, "onTouchMove", (r) => {
+    }), R(this, "onTouchMove", (r) => {
       if (r.preventDefault(), r.touches.length === 1 && this.touchCount === 1)
         this.pan.handleMouseMove({
           clientX: r.touches[0].clientX
@@ -435,7 +435,7 @@ class ba extends yi {
         }
         this.lastTouchDist = l, this.lastTouchCenter = h;
       }
-    }), I(this, "onTouchEnd", (r) => {
+    }), R(this, "onTouchEnd", (r) => {
       if (r.touches.length === 0) {
         const l = this.touchCount === 2;
         this.pan.handleMouseUp(), l && this.viewport.startRebound(this.timeScale.getMediaWidth()), this.touchCount = 0, this.lastTouchDist = 0, this.emit("crosshairMove", null);
@@ -479,30 +479,30 @@ const wa = 100, ka = {
   whiteSpace: "pre",
   letterSpacing: "0.01em"
 };
-function Bn(i) {
+function Fn(i) {
   let t = 0;
   for (const e of Object.values(i)) t += e;
   return t;
 }
-const mi = 9, dn = 7, Vt = 6, fn = 9;
+const mi = 9, dn = 7, Et = 6, fn = 9;
 function Sa(i, t) {
   return Math.round(i * t).toLocaleString("en-US");
 }
-function Fn(i, t, e, n, s) {
+function Bn(i, t, e, n, s) {
   return [
     i.padEnd(mi),
     t.toFixed(1).padStart(dn),
-    e.toFixed(2).padStart(Vt),
-    n.toFixed(2).padStart(Vt),
+    e.toFixed(2).padStart(Et),
+    n.toFixed(2).padStart(Et),
     Sa(s, t).padStart(fn)
   ].join(" ");
 }
-function Pn(i) {
+function Dn(i) {
   return [
     i.padEnd(mi),
     "—".padStart(dn),
-    "—".padStart(Vt),
-    "—".padStart(Vt),
+    "—".padStart(Et),
+    "—".padStart(Et),
     "idle".padStart(fn)
   ].join(" ");
 }
@@ -510,19 +510,19 @@ function Ma() {
   return [
     "".padEnd(mi),
     "FPS".padStart(dn),
-    "ms".padStart(Vt),
-    "worst".padStart(Vt),
+    "ms".padStart(Et),
+    "worst".padStart(Et),
     "calls/s".padStart(fn)
   ].join(" ");
 }
 function Ca(i) {
-  const t = Bn(i.drawCalls.main), e = Bn(i.drawCalls.overlay), n = i.frameCount.main === 0 ? Pn("Main") : Fn("Main", i.mainRendersPerSec, i.mainFrameMs.last, i.mainFrameMs.p95, t), s = i.frameCount.overlay === 0 ? Pn("Overlay") : Fn("Overlay", i.overlayRendersPerSec, i.overlayFrameMs.last, i.overlayFrameMs.p95, e), a = [Ma(), n, s], r = Object.keys(i.perSeries);
+  const t = Fn(i.drawCalls.main), e = Fn(i.drawCalls.overlay), n = i.frameCount.main === 0 ? Dn("Main") : Bn("Main", i.mainRendersPerSec, i.mainFrameMs.last, i.mainFrameMs.p95, t), s = i.frameCount.overlay === 0 ? Dn("Overlay") : Bn("Overlay", i.overlayRendersPerSec, i.overlayFrameMs.last, i.overlayFrameMs.p95, e), a = [Ma(), n, s], r = Object.keys(i.perSeries);
   if (r.length > 1) {
-    a.push(""), a.push("Per series (main pass)"), a.push(["".padEnd(mi), "ms".padStart(Vt), "worst".padStart(Vt)].join(" "));
+    a.push(""), a.push("Per series (main pass)"), a.push(["".padEnd(mi), "ms".padStart(Et), "worst".padStart(Et)].join(" "));
     for (const l of r) {
       const h = i.perSeries[l];
       a.push(
-        [`  ${l}`.padEnd(mi), h.last.toFixed(2).padStart(Vt), h.p95.toFixed(2).padStart(Vt)].join(" ")
+        [`  ${l}`.padEnd(mi), h.last.toFixed(2).padStart(Et), h.p95.toFixed(2).padStart(Et)].join(" ")
       );
     }
   }
@@ -531,7 +531,7 @@ function Ca(i) {
 }
 class Ta {
   constructor(t, e, n = wa) {
-    I(this, "element"), I(this, "unsubscribe"), I(this, "updateIntervalMs"), I(this, "lastUpdate", 0), this.updateIntervalMs = n;
+    R(this, "element"), R(this, "unsubscribe"), R(this, "updateIntervalMs"), R(this, "lastUpdate", 0), this.updateIntervalMs = n;
     for (const s of t.querySelectorAll("[data-chart-perf-hud]"))
       s.remove();
     this.element = document.createElement("div"), this.element.setAttribute("data-chart-perf-hud", ""), Object.assign(this.element.style, ka), this.element.textContent = "perf: waiting for first frame…", t.appendChild(this.element), this.unsubscribe = e.onFrame((s) => this.onFrame(s));
@@ -563,7 +563,7 @@ function ji(i) {
     p95: t[Math.floor(t.length * 0.95)] ?? 0
   };
 }
-function Dn(i) {
+function Pn(i) {
   if (i.length < 2) return 0;
   const t = i[i.length - 1] - i[0];
   return t <= 0 ? 0 : (i.length - 1) * 1e3 / t;
@@ -575,7 +575,7 @@ function zn(i) {
 }
 class Ki {
   constructor(t = {}) {
-    I(this, "drawCallsMain", /* @__PURE__ */ new Map()), I(this, "drawCallsOverlay", /* @__PURE__ */ new Map()), I(this, "mainMs", []), I(this, "overlayMs", []), I(this, "mainStamps", []), I(this, "overlayStamps", []), I(this, "perSeriesMs", /* @__PURE__ */ new Map()), I(this, "perSeriesStamps", /* @__PURE__ */ new Map()), I(this, "listeners", /* @__PURE__ */ new Set()), I(this, "windowMs"), I(this, "maxSamples"), I(this, "heapInterval"), I(this, "heapCounter", 0), I(this, "heapMb", null), I(this, "mainFrameCount", 0), I(this, "overlayFrameCount", 0), I(this, "lastStamp", 0), this.windowMs = t.windowMs ?? Ia, this.maxSamples = t.maxSamples ?? Ra, this.heapInterval = t.heapSampleEveryNFrames ?? La;
+    R(this, "drawCallsMain", /* @__PURE__ */ new Map()), R(this, "drawCallsOverlay", /* @__PURE__ */ new Map()), R(this, "mainMs", []), R(this, "overlayMs", []), R(this, "mainStamps", []), R(this, "overlayStamps", []), R(this, "perSeriesMs", /* @__PURE__ */ new Map()), R(this, "perSeriesStamps", /* @__PURE__ */ new Map()), R(this, "listeners", /* @__PURE__ */ new Set()), R(this, "windowMs"), R(this, "maxSamples"), R(this, "heapInterval"), R(this, "heapCounter", 0), R(this, "heapMb", null), R(this, "mainFrameCount", 0), R(this, "overlayFrameCount", 0), R(this, "lastStamp", 0), this.windowMs = t.windowMs ?? Ia, this.maxSamples = t.maxSamples ?? Ra, this.heapInterval = t.heapSampleEveryNFrames ?? La;
   }
   /** Clear the draw-call tally for the given layer. Call at the start of each frame. */
   resetDrawCalls(t) {
@@ -612,10 +612,10 @@ class Ki {
   getStats() {
     const t = {};
     for (const [n, s] of this.perSeriesMs) t[n] = ji(s);
-    const e = Dn(this.mainStamps);
+    const e = Pn(this.mainStamps);
     return {
       mainRendersPerSec: e,
-      overlayRendersPerSec: Dn(this.overlayStamps),
+      overlayRendersPerSec: Pn(this.overlayStamps),
       fps: e,
       mainFrameMs: ji(this.mainMs),
       overlayFrameMs: ji(this.overlayMs),
@@ -640,7 +640,7 @@ class Ki {
 }
 class wi {
   constructor(t) {
-    I(this, "dirty", !1), I(this, "rafId", null), I(this, "callback"), I(this, "render", (e) => {
+    R(this, "dirty", !1), R(this, "rafId", null), R(this, "callback"), R(this, "render", (e) => {
       this.dirty = !1, this.rafId = null, this.callback(e);
     }), this.callback = t;
   }
@@ -651,7 +651,7 @@ class wi {
     this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.dirty = !1;
   }
 }
-const Le = 6e4, ge = 36e5, he = 864e5, $t = 365 * he;
+const Le = 6e4, ge = 36e5, he = 864e5, Ht = 365 * he;
 function Ne(i) {
   return i instanceof Date ? i.getTime() : i;
 }
@@ -670,30 +670,30 @@ function _a(i) {
 }
 function zi(i, t) {
   const e = new Date(i);
-  return t >= $t ? e.toLocaleDateString("en-US", { year: "numeric" }) : t >= he ? e.toLocaleDateString("en-US", { month: "short", day: "numeric" }) : t >= ge ? e.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: !1 }) : e.toLocaleTimeString("en-US", {
+  return t >= Ht ? e.toLocaleDateString("en-US", { year: "numeric" }) : t >= he ? e.toLocaleDateString("en-US", { month: "short", day: "numeric" }) : t >= ge ? e.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: !1 }) : e.toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit",
     second: "2-digit",
     hour12: !1
   });
 }
-function Ba(i) {
+function Fa(i) {
   return new Date(i).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-function Fa(i) {
-  const t = [1e3, 5e3, 1e4, 15e3, 3e4], e = [Le, 5 * Le, 10 * Le, 15 * Le, 30 * Le], n = [ge, 2 * ge, 4 * ge, 6 * ge, 12 * ge], s = [he, 7 * he, 30 * he, 90 * he], a = [$t, 2 * $t, 5 * $t, 10 * $t, 25 * $t, 50 * $t, 100 * $t];
-  return i < Le ? [...t, ...e, ...n, ...s, ...a] : i < ge ? [...e, ...n, ...s, ...a] : i < he ? [...n, ...s, ...a] : i < $t ? [...s, ...a] : a;
+function Ba(i) {
+  const t = [1e3, 5e3, 1e4, 15e3, 3e4], e = [Le, 5 * Le, 10 * Le, 15 * Le, 30 * Le], n = [ge, 2 * ge, 4 * ge, 6 * ge, 12 * ge], s = [he, 7 * he, 30 * he, 90 * he], a = [Ht, 2 * Ht, 5 * Ht, 10 * Ht, 25 * Ht, 50 * Ht, 100 * Ht];
+  return i < Le ? [...t, ...e, ...n, ...s, ...a] : i < ge ? [...e, ...n, ...s, ...a] : i < he ? [...n, ...s, ...a] : i < Ht ? [...s, ...a] : a;
 }
-const Pa = 50, Da = 80;
+const Da = 50, Pa = 80;
 class cs {
   constructor() {
-    I(this, "from", 0), I(this, "to", 0), I(this, "width", 1), I(this, "pixelRatio", 1), I(this, "dataInterval", null), I(this, "labelCountHintValue", null), I(this, "minSpacingValue", null), I(this, "resolvedInterval", null), I(this, "lastInterval", null), I(this, "lastWant", null), I(this, "lastBucketKey", null);
+    R(this, "from", 0), R(this, "to", 0), R(this, "width", 1), R(this, "pixelRatio", 1), R(this, "dataInterval", null), R(this, "labelCountHintValue", null), R(this, "minSpacingValue", null), R(this, "resolvedInterval", null), R(this, "lastInterval", null), R(this, "lastWant", null), R(this, "lastBucketKey", null);
   }
   get labelCountHint() {
     return this.labelCountHintValue;
   }
   get minLabelSpacing() {
-    return this.minSpacingValue ?? Da;
+    return this.minSpacingValue ?? Pa;
   }
   update(t, e, n, s) {
     if (this.from = t.from, this.to = t.to, this.width = e, this.pixelRatio = n, s !== void 0 && s > 0) {
@@ -741,7 +741,7 @@ class cs {
       this.lastBucketKey !== null && this.lastBucketKey !== r && this.resetHysteresis(), this.lastBucketKey = r, this.dataInterval = t, this.resolveInterval();
     }
     if (this.resolvedInterval == null) return { ticks: [], tickInterval: 0 };
-    const e = this.resolvedInterval, n = Math.ceil(this.from / e) * e, s = Math.max(0, Math.min(Pa, Math.floor((this.to - n) / e) + 1)), a = [];
+    const e = this.resolvedInterval, n = Math.ceil(this.from / e) * e, s = Math.max(0, Math.min(Da, Math.floor((this.to - n) / e) + 1)), a = [];
     for (let r = 0; r < s; r++) a.push(n + r * e);
     return { ticks: a, tickInterval: e };
   }
@@ -761,7 +761,7 @@ class cs {
       this.resolvedInterval = null;
       return;
     }
-    const t = Fa(this.dataInterval), e = this.to - this.from, n = e / this.width * this.minLabelSpacing;
+    const t = Ba(this.dataInterval), e = this.to - this.from, n = e / this.width * this.minLabelSpacing;
     let s;
     if (this.labelCountHint != null) {
       const l = Math.max(1, this.labelCountHint);
@@ -840,7 +840,7 @@ function Ea(i) {
 const $a = 50, Oa = 50;
 class ps {
   constructor() {
-    I(this, "min", 0), I(this, "max", 0), I(this, "height", 1), I(this, "pixelRatio", 1), I(this, "labelCountHintValue", null), I(this, "minSpacingValue", null), I(this, "resolvedInterval", null), I(this, "lastInterval", null), I(this, "lastRawInterval", null), I(this, "customFormat", null);
+    R(this, "min", 0), R(this, "max", 0), R(this, "height", 1), R(this, "pixelRatio", 1), R(this, "labelCountHintValue", null), R(this, "minSpacingValue", null), R(this, "resolvedInterval", null), R(this, "lastInterval", null), R(this, "lastRawInterval", null), R(this, "customFormat", null);
   }
   get labelCountHint() {
     return this.labelCountHintValue;
@@ -982,20 +982,20 @@ function ja(i) {
   return i.positive > 0 ? 100 : i.negative < 0 ? -100 : 0;
 }
 const Ka = 16, qa = (i, t, e) => i + (t - i) * e;
-var Ct, Ot, me;
+var Tt, Nt, me;
 class gs {
   constructor(t) {
-    I(this, "stores"), W(this, Ct), W(this, Ot), W(this, me, 0), I(this, "entries"), this.stores = Array.from({ length: t }, () => new hs()), M(this, Ct, new Array(t).fill(null)), M(this, Ot, new Array(t).fill(Number.NaN)), this.entries = Array.from({ length: t }, () => /* @__PURE__ */ new Map());
+    R(this, "stores"), W(this, Tt), W(this, Nt), W(this, me, 0), R(this, "entries"), this.stores = Array.from({ length: t }, () => new hs()), M(this, Tt, new Array(t).fill(null)), M(this, Nt, new Array(t).fill(Number.NaN)), this.entries = Array.from({ length: t }, () => /* @__PURE__ */ new Map());
   }
   /** Per-layer smoothed last value. Read by tests via cast — exposed as a
    * derived view of the live-track animators' `current`. `null` for layers
    * whose animator has not been seeded yet (no data). */
   get displayedLastValues() {
-    return o(this, Ct).map((t) => (t == null ? void 0 : t.current) ?? null);
+    return o(this, Tt).map((t) => (t == null ? void 0 : t.current) ?? null);
   }
   /** Read-only view used by {@link effectiveValue} to gate the substitution. */
   get lastSeededTimes() {
-    return o(this, Ot);
+    return o(this, Nt);
   }
   // --- Color accessors ------------------------------------------------------
   getColor() {
@@ -1050,8 +1050,8 @@ class gs {
   dispose() {
     for (const t of this.stores) t.removeAllListeners();
     for (const t of this.entries) t.clear();
-    for (let t = 0; t < o(this, Ct).length; t++)
-      o(this, Ct)[t] = null, o(this, Ot)[t] = Number.NaN;
+    for (let t = 0; t < o(this, Tt).length; t++)
+      o(this, Tt)[t] = null, o(this, Nt)[t] = Number.NaN;
     M(this, me, 0);
   }
   /**
@@ -1064,7 +1064,7 @@ class gs {
   /** True while any entrance is active OR any layer's live-track animator is mid-flight. */
   get needsAnimation() {
     for (const t of this.entries) if (t.size > 0) return !0;
-    for (const t of o(this, Ct))
+    for (const t of o(this, Tt))
       if (t != null && t.animating) return !0;
     return !1;
   }
@@ -1082,17 +1082,17 @@ class gs {
     for (let a = 0; a < this.stores.length; a++) {
       const r = this.stores[a].last();
       if (!r) {
-        o(this, Ct)[a] = null, o(this, Ot)[a] = Number.NaN;
+        o(this, Tt)[a] = null, o(this, Nt)[a] = Number.NaN;
         continue;
       }
-      const l = o(this, Ot)[a] !== r.time, h = o(this, Ct)[a];
+      const l = o(this, Nt)[a] !== r.time, h = o(this, Tt)[a];
       if (h === null || l || e <= 0) {
-        o(this, Ct)[a] = new He({
+        o(this, Tt)[a] = new He({
           initial: r.value,
           duration: e > 0 ? e : 0,
           easing: Se,
           lerp: qa
-        }), o(this, Ot)[a] = r.time;
+        }), o(this, Nt)[a] = r.time;
         continue;
       }
       h.setTarget(r.value, { duration: e, now: s }), h.tick(t);
@@ -1106,8 +1106,8 @@ class gs {
   /** The effective Y-value to render for (layer, time) — substitutes smoothed value for the live last point. */
   effectiveValue(t, e, n) {
     var s;
-    if (o(this, Ot)[t] !== e) return n;
-    const a = (s = o(this, Ct)[t]) == null ? void 0 : s.current;
+    if (o(this, Nt)[t] !== e) return n;
+    const a = (s = o(this, Tt)[t]) == null ? void 0 : s.current;
     return a === void 0 ? n : a;
   }
   // --- Data queries ---------------------------------------------------------
@@ -1224,7 +1224,7 @@ class gs {
     return l > r ? { min: r, max: l } : null;
   }
 }
-Ct = /* @__PURE__ */ new WeakMap(), Ot = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap();
+Tt = /* @__PURE__ */ new WeakMap(), Nt = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap();
 const Ja = {
   colors: ["#26a69a", "#ef5350"],
   barWidthRatio: 0.6,
@@ -1237,7 +1237,7 @@ function Yn(i) {
 }
 class Qa extends gs {
   constructor(t, e) {
-    super(t), I(this, "options"), this.options = { ...Ja, ...Yn(e) };
+    super(t), R(this, "options"), this.options = { ...Ja, ...Yn(e) };
   }
   /** For chart compatibility — returns first store */
   get store() {
@@ -1268,8 +1268,8 @@ class Qa extends gs {
       return { topY: n, barHeight: s, x: a, barWidth: r, alpha: 1 };
     let h = n, d = s, c = a, u = 1;
     if ((l === "fade" || l === "fade-grow") && (u = t), l === "grow" || l === "fade-grow") {
-      const p = s * t;
-      n < e ? h = e - p : h = e, d = Math.max(1, p);
+      const g = s * t;
+      n < e ? h = e - g : h = e, d = Math.max(1, g);
     }
     return l === "slide" && (c = a + (1 - t) * r, u = t), { topY: h, barHeight: d, x: c, barWidth: r, alpha: u };
   }
@@ -1290,62 +1290,62 @@ class Qa extends gs {
   renderOff(t) {
     const { scope: e, timeScale: n, yScale: s, dataInterval: a } = t, { context: r, horizontalPixelRatio: l } = e, h = n.getRange(), d = performance.now();
     let c = 0;
-    for (const m of this.stores) {
-      if (!m.isVisible()) continue;
-      const f = m.getVisibleData(h.from, h.to).length;
+    for (const w of this.stores) {
+      if (!w.isVisible()) continue;
+      const f = w.getVisibleData(h.from, h.to).length;
       if (f > c && (c = f), c > 2) break;
     }
-    const u = n.barWidthBitmap(a), p = Math.round(30 * l), w = c <= 2 ? Math.min(p, u) : u, g = Math.max(1, Math.round(w * this.options.barWidthRatio) - 2), k = Math.floor(g / 2), S = s.getRange().min < 0, v = S ? s.valueToBitmapY(0) : e.bitmapSize.height;
+    const u = n.barWidthBitmap(a), g = Math.round(30 * l), b = c <= 2 ? Math.min(g, u) : u, p = Math.max(1, Math.round(b * this.options.barWidthRatio) - 2), k = Math.floor(p / 2), S = s.getRange().min < 0, m = S ? s.valueToBitmapY(0) : e.bitmapSize.height;
     if (this.stores.length === 1) {
       if (!this.stores[0].isVisible()) return;
-      const m = this.options.colors[0], f = this.options.colors.length > 1 ? this.options.colors[1] : m, x = this.stores[0].getVisibleData(h.from, h.to);
-      for (const y of x) {
-        if (!Number.isFinite(y.value)) continue;
-        const R = this.effectiveValue(0, y.time, y.value), b = this.entranceProgress(0, y.time, d), T = n.timeToBitmapX(y.time);
-        if (R >= 0) {
-          const L = s.valueToBitmapY(R), C = Math.max(1, v - L);
+      const w = this.options.colors[0], f = this.options.colors.length > 1 ? this.options.colors[1] : w, v = this.stores[0].getVisibleData(h.from, h.to);
+      for (const x of v) {
+        if (!Number.isFinite(x.value)) continue;
+        const I = this.effectiveValue(0, x.time, x.value), y = this.entranceProgress(0, x.time, d), T = n.timeToBitmapX(x.time);
+        if (I >= 0) {
+          const L = s.valueToBitmapY(I), C = Math.max(1, m - L);
           this.drawAnimatedBar(
             r,
-            b,
-            v,
+            y,
+            m,
             L,
             C,
             T - k,
-            g,
-            R >= 0 ? m : f
+            p,
+            I >= 0 ? w : f
           );
         } else {
-          const L = s.valueToBitmapY(R), C = Math.max(1, L - v);
-          this.drawAnimatedBar(r, b, v, v, C, T - k, g, f);
+          const L = s.valueToBitmapY(I), C = Math.max(1, L - m);
+          this.drawAnimatedBar(r, y, m, m, C, T - k, p, f);
         }
       }
     } else {
-      const m = this.stores.map((x) => x.isVisible() ? x.getVisibleData(h.from, h.to) : []), f = /* @__PURE__ */ new Map();
-      for (let x = 0; x < m.length; x++)
-        for (const y of m[x]) {
-          if (!Number.isFinite(y.value)) continue;
-          let R = f.get(y.time);
-          R || (R = [], f.set(y.time, R)), R.push({ layer: x, value: this.effectiveValue(x, y.time, y.value) });
+      const w = this.stores.map((v) => v.isVisible() ? v.getVisibleData(h.from, h.to) : []), f = /* @__PURE__ */ new Map();
+      for (let v = 0; v < w.length; v++)
+        for (const x of w[v]) {
+          if (!Number.isFinite(x.value)) continue;
+          let I = f.get(x.time);
+          I || (I = [], f.set(x.time, I)), I.push({ layer: v, value: this.effectiveValue(v, x.time, x.value) });
         }
-      for (const [x, y] of f) {
-        y.sort((b, T) => Math.abs(T.value) - Math.abs(b.value));
-        const R = n.timeToBitmapX(x);
-        for (const { layer: b, value: T } of y) {
-          const L = this.options.colors[b % this.options.colors.length], C = this.entranceProgress(b, x, d);
+      for (const [v, x] of f) {
+        x.sort((y, T) => Math.abs(T.value) - Math.abs(y.value));
+        const I = n.timeToBitmapX(v);
+        for (const { layer: y, value: T } of x) {
+          const L = this.options.colors[y % this.options.colors.length], C = this.entranceProgress(y, v, d);
           if (T >= 0) {
-            const A = s.valueToBitmapY(T), _ = Math.max(1, v - A);
-            this.drawAnimatedBar(r, C, v, A, _, R - k, g, L);
+            const A = s.valueToBitmapY(T), _ = Math.max(1, m - A);
+            this.drawAnimatedBar(r, C, m, A, _, I - k, p, L);
           } else {
-            const A = s.valueToBitmapY(T), _ = Math.max(1, A - v);
-            this.drawAnimatedBar(r, C, v, v, _, R - k, g, L);
+            const A = s.valueToBitmapY(T), _ = Math.max(1, A - m);
+            this.drawAnimatedBar(r, C, m, m, _, I - k, p, L);
           }
         }
       }
     }
     if (S) {
       r.strokeStyle = t.theme.grid.color, r.lineWidth = 1;
-      const m = Math.round(v) + 0.5;
-      r.beginPath(), r.moveTo(0, m), r.lineTo(e.bitmapSize.width, m), r.stroke();
+      const w = Math.round(m) + 0.5;
+      r.beginPath(), r.moveTo(0, w), r.lineTo(e.bitmapSize.width, w), r.stroke();
     }
   }
   /** Stacked (normal or percent) rendering */
@@ -1354,48 +1354,48 @@ class Qa extends gs {
     let u = 0;
     for (const f of this.stores) {
       if (!f.isVisible()) continue;
-      const x = f.getVisibleData(d.from, d.to).length;
-      if (x > u && (u = x), u > 2) break;
+      const v = f.getVisibleData(d.from, d.to).length;
+      if (v > u && (u = v), u > 2) break;
     }
-    const p = s.barWidthBitmap(r), w = Math.round(30 * h), g = u <= 2 ? Math.min(w, p) : p, k = Math.max(1, Math.round(g * this.options.barWidthRatio) - 2), S = Math.floor(k / 2), v = this.stores.map((f) => f.isVisible() ? f.getVisibleData(d.from, d.to) : []);
-    if (v.every((f) => f.length === 0)) return;
-    const m = /* @__PURE__ */ new Map();
-    for (let f = 0; f < v.length; f++)
-      for (const x of v[f]) {
-        let y = m.get(x.time);
-        y || (y = new Array(v.length).fill(0), m.set(x.time, y));
-        const R = Number.isFinite(x.value) ? x.value : 0;
-        y[f] = this.stores[f].isVisible() ? this.effectiveValue(f, x.time, R) : 0;
+    const g = s.barWidthBitmap(r), b = Math.round(30 * h), p = u <= 2 ? Math.min(b, g) : g, k = Math.max(1, Math.round(p * this.options.barWidthRatio) - 2), S = Math.floor(k / 2), m = this.stores.map((f) => f.isVisible() ? f.getVisibleData(d.from, d.to) : []);
+    if (m.every((f) => f.length === 0)) return;
+    const w = /* @__PURE__ */ new Map();
+    for (let f = 0; f < m.length; f++)
+      for (const v of m[f]) {
+        let x = w.get(v.time);
+        x || (x = new Array(m.length).fill(0), w.set(v.time, x));
+        const I = Number.isFinite(v.value) ? v.value : 0;
+        x[f] = this.stores[f].isVisible() ? this.effectiveValue(f, v.time, I) : 0;
       }
-    for (let f = 0; f < v.length; f++) {
-      const x = this.options.colors[f % this.options.colors.length];
-      for (const [y, R] of m) {
-        const b = R[f];
-        if (b === 0) continue;
-        const T = s.timeToBitmapX(y);
+    for (let f = 0; f < m.length; f++) {
+      const v = this.options.colors[f % this.options.colors.length];
+      for (const [x, I] of w) {
+        const y = I[f];
+        if (y === 0) continue;
+        const T = s.timeToBitmapX(x);
         let L = 0, C = 0;
         for (let _ = 0; _ < f; _++) {
-          const E = R[_];
+          const E = I[_];
           E > 0 ? L += E : C += E;
         }
-        const A = this.entranceProgress(f, y, c);
+        const A = this.entranceProgress(f, x, c);
         if (e) {
           let _ = 0, E = 0;
-          for (const V of R)
+          for (const V of I)
             V > 0 ? _ += V : E += V;
-          if (b > 0 && _ > 0) {
-            const V = L / _ * 100, U = (L + b) / _ * 100, j = a.valueToBitmapY(U), K = a.valueToBitmapY(V), gt = Math.max(1, K - j);
-            this.drawAnimatedBar(l, A, K, j, gt, T - S, k, x);
-          } else if (b < 0 && E < 0) {
-            const V = C / E * -100, U = (C + b) / E * -100, j = a.valueToBitmapY(V), K = a.valueToBitmapY(U), gt = Math.max(1, K - j);
-            this.drawAnimatedBar(l, A, j, j, gt, T - S, k, x);
+          if (y > 0 && _ > 0) {
+            const V = L / _ * 100, U = (L + y) / _ * 100, j = a.valueToBitmapY(U), K = a.valueToBitmapY(V), gt = Math.max(1, K - j);
+            this.drawAnimatedBar(l, A, K, j, gt, T - S, k, v);
+          } else if (y < 0 && E < 0) {
+            const V = C / E * -100, U = (C + y) / E * -100, j = a.valueToBitmapY(V), K = a.valueToBitmapY(U), gt = Math.max(1, K - j);
+            this.drawAnimatedBar(l, A, j, j, gt, T - S, k, v);
           }
-        } else if (b > 0) {
-          const _ = a.valueToBitmapY(L + b), E = a.valueToBitmapY(L), V = Math.max(1, E - _);
-          this.drawAnimatedBar(l, A, E, _, V, T - S, k, x);
+        } else if (y > 0) {
+          const _ = a.valueToBitmapY(L + y), E = a.valueToBitmapY(L), V = Math.max(1, E - _);
+          this.drawAnimatedBar(l, A, E, _, V, T - S, k, v);
         } else {
-          const _ = a.valueToBitmapY(C), E = a.valueToBitmapY(C + b), V = Math.max(1, E - _);
-          this.drawAnimatedBar(l, A, _, _, V, T - S, k, x);
+          const _ = a.valueToBitmapY(C), E = a.valueToBitmapY(C + y), V = Math.max(1, E - _);
+          this.drawAnimatedBar(l, A, _, _, V, T - S, k, v);
         }
       }
     }
@@ -1452,17 +1452,17 @@ function to(i, t, e, n) {
   for (let l = 0; l < t - 2; l++) {
     const h = Math.floor((l + 1) * a) + 1, d = Math.min(Math.floor((l + 2) * a) + 1, i.length - 1);
     let c = 0, u = 0;
-    const p = d, w = Math.min(Math.floor((l + 3) * a) + 1, i.length), g = w - p;
-    if (g > 0) {
-      for (let f = p; f < w; f++)
+    const g = d, b = Math.min(Math.floor((l + 3) * a) + 1, i.length), p = b - g;
+    if (p > 0) {
+      for (let f = g; f < b; f++)
         c += e(i[f]), u += n(i[f]);
-      c /= g, u /= g;
+      c /= p, u /= p;
     }
     let k = -1, S = h;
-    const v = e(i[r]), m = n(i[r]);
+    const m = e(i[r]), w = n(i[r]);
     for (let f = h; f < d; f++) {
-      const x = Math.abs((v - c) * (n(i[f]) - m) - (v - e(i[f])) * (u - m));
-      x > k && (k = x, S = f);
+      const v = Math.abs((m - c) * (n(i[f]) - w) - (m - e(i[f])) * (u - w));
+      v > k && (k = v, S = f);
     }
     s.push(i[S]), r = S;
   }
@@ -1509,15 +1509,15 @@ function On(i) {
   const t = { ...i };
   return i.enterAnimation !== void 0 && i.entryAnimation === void 0 && (t.entryAnimation = i.enterAnimation), i.enterMs !== void 0 && i.entryMs === void 0 && (t.entryMs = i.enterMs), t;
 }
-var Lt, _e, Be;
+var Wt, _e, Fe;
 class ao {
   constructor(t, e) {
-    I(this, "store"), I(this, "options"), W(this, Lt, null), W(this, _e, Number.NaN), W(this, Be, 0), I(this, "entries", /* @__PURE__ */ new Map()), this.store = t, this.options = { ...so, ...On(e) };
+    R(this, "store"), R(this, "options"), W(this, Wt, null), W(this, _e, Number.NaN), W(this, Fe, 0), R(this, "entries", /* @__PURE__ */ new Map()), this.store = t, this.options = { ...so, ...On(e) };
   }
   /** Smoothed OHLC of the live last candle. Null until first render. */
   get displayedLast() {
     var t;
-    return ((t = o(this, Lt)) == null ? void 0 : t.current) ?? null;
+    return ((t = o(this, Wt)) == null ? void 0 : t.current) ?? null;
   }
   updateOptions(t) {
     this.options = { ...this.options, ...On(t) };
@@ -1560,7 +1560,7 @@ class ao {
     return this.store.on("update", t), () => this.store.off("update", t);
   }
   dispose() {
-    this.store.removeAllListeners(), M(this, Lt, null), M(this, _e, Number.NaN), M(this, Be, 0), this.entries.clear();
+    this.store.removeAllListeners(), M(this, Wt, null), M(this, _e, Number.NaN), M(this, Fe, 0), this.entries.clear();
   }
   getLastValue() {
     const t = this.store.last();
@@ -1577,7 +1577,7 @@ class ao {
   /** True while any entrance animation is active or the displayed last candle hasn't converged. */
   get needsAnimation() {
     var t;
-    return !!(this.entries.size > 0 || (t = o(this, Lt)) != null && t.animating);
+    return !!(this.entries.size > 0 || (t = o(this, Wt)) != null && t.animating);
   }
   /**
    * Compute the entrance progress for a candle's `time`, in [0, 1]. Returns 1 for
@@ -1609,70 +1609,70 @@ class ao {
   advanceLiveTracking(t) {
     const e = this.store.last();
     if (!e) {
-      M(this, Lt, null), M(this, _e, Number.NaN);
+      M(this, Wt, null), M(this, _e, Number.NaN);
       return;
     }
     const n = o(this, _e) !== e.time, s = de(this.options.smoothMs, un);
-    if (o(this, Lt) === null || n || s <= 0) {
-      M(this, Lt, new He({
+    if (o(this, Wt) === null || n || s <= 0) {
+      M(this, Wt, new He({
         initial: { ...e },
         duration: s > 0 ? s : 0,
         easing: Se,
         lerp: io,
         equals: no
-      })), M(this, _e, e.time), M(this, Be, t);
+      })), M(this, _e, e.time), M(this, Fe, t);
       return;
     }
-    const a = Math.min(t - o(this, Be), 16), r = t - a;
-    o(this, Lt).setTarget(e, { duration: s, now: r }), o(this, Lt).tick(t), M(this, Be, t);
+    const a = Math.min(t - o(this, Fe), 16), r = t - a;
+    o(this, Wt).setTarget(e, { duration: s, now: r }), o(this, Wt).tick(t), M(this, Fe, t);
   }
   render(t) {
     const { scope: e, timeScale: n, yScale: s, dataInterval: a } = t, { context: r, horizontalPixelRatio: l } = e, h = n.getRange(), d = performance.now();
     this.advanceLiveTracking(d);
     let c = this.store.getVisibleData(h.from, h.to);
-    const u = e.mediaSize.width, p = c.length > u * 2;
-    if (p && (c = Za(c, Math.round(u * 1.5)), this.entries.clear()), c.length === 0) return;
-    if (!p && this.displayedLast) {
+    const u = e.mediaSize.width, g = c.length > u * 2;
+    if (g && (c = Za(c, Math.round(u * 1.5)), this.entries.clear()), c.length === 0) return;
+    if (!g && this.displayedLast) {
       const T = c.length - 1;
       c[T].time === this.displayedLast.time && (c = [...c.slice(0, T), this.displayedLast]);
     }
-    const w = this.entries.size > 0 ? /* @__PURE__ */ new Map() : null;
-    if (w)
+    const b = this.entries.size > 0 ? /* @__PURE__ */ new Map() : null;
+    if (b)
       for (const T of c)
-        this.entries.has(T.time) && w.set(T.time, this.entranceProgress(T.time, d));
-    const g = n.barWidthBitmap(a), k = Math.round(30 * l), S = c.length <= 2 ? Math.min(k, g) : g, v = Math.max(1, Math.round(l));
-    let m = Math.max(1, Math.round(S * this.options.bodyWidthRatio) - 2);
-    (m & 1) !== (v & 1) && (m = m > 1 ? m - 1 : 2);
-    const f = Math.floor(m / 2), x = Math.round(s.getMediaHeight() * e.verticalPixelRatio);
+        this.entries.has(T.time) && b.set(T.time, this.entranceProgress(T.time, d));
+    const p = n.barWidthBitmap(a), k = Math.round(30 * l), S = c.length <= 2 ? Math.min(k, p) : p, m = Math.max(1, Math.round(l));
+    let w = Math.max(1, Math.round(S * this.options.bodyWidthRatio) - 2);
+    (w & 1) !== (m & 1) && (w = w > 1 ? w - 1 : 2);
+    const f = Math.floor(w / 2), v = Math.round(s.getMediaHeight() * e.verticalPixelRatio);
     this.drawVolume({
       ctx: r,
       data: c,
       timeScale: n,
-      chartHeight: x,
+      chartHeight: v,
       barWidth: S,
-      wickWidth: v,
-      entranceByTime: w
+      wickWidth: m,
+      entranceByTime: b
     });
-    const y = [], R = [];
+    const x = [], I = [];
     for (const T of c)
-      T.close >= T.open ? y.push(T) : R.push(T);
-    const b = {
+      T.close >= T.open ? x.push(T) : I.push(T);
+    const y = {
       ctx: r,
       timeScale: n,
       yScale: s,
       halfBody: f,
-      bodyWidth: m,
-      wickWidth: v,
-      entranceByTime: w
+      bodyWidth: w,
+      wickWidth: m,
+      entranceByTime: b
     };
     this.drawCandles({
-      ...b,
-      candles: y,
+      ...y,
+      candles: x,
       body: this.options.up.body,
       wickColor: this.options.up.wick
     }), this.drawCandles({
-      ...b,
-      candles: R,
+      ...y,
+      candles: I,
       body: this.options.down.body,
       wickColor: this.options.down.wick
     });
@@ -1693,24 +1693,24 @@ class ao {
     const d = s * 0.2;
     let c = Math.max(1, a - 2);
     (c & 1) !== (r & 1) && (c = c > 1 ? c - 1 : 2);
-    const u = Math.floor(c / 2), p = Ye(Zt(this.options.up.body), 0.2), w = Ye(Zt(this.options.down.body), 0.2), g = this.options.entryAnimation ?? "unfold";
+    const u = Math.floor(c / 2), g = Ye(Zt(this.options.up.body), 0.2), b = Ye(Zt(this.options.down.body), 0.2), p = this.options.entryAnimation ?? "unfold";
     for (const k of e) {
       if (!Number.isFinite(k.volume) || k.volume <= 0) continue;
-      const S = k.volume, v = n.timeToBitmapX(k.time), m = Math.max(1, S / h * d), f = k.close >= k.open;
-      t.fillStyle = f ? p : w;
-      const x = (l == null ? void 0 : l.get(k.time)) ?? 1;
-      if (x >= 1 || g === "none") {
-        t.fillRect(v - u, s - m, c, m);
+      const S = k.volume, m = n.timeToBitmapX(k.time), w = Math.max(1, S / h * d), f = k.close >= k.open;
+      t.fillStyle = f ? g : b;
+      const v = (l == null ? void 0 : l.get(k.time)) ?? 1;
+      if (v >= 1 || p === "none") {
+        t.fillRect(m - u, s - w, c, w);
         continue;
       }
-      const y = qi(x, g, {
-        x: v - u,
+      const x = qi(v, p, {
+        x: m - u,
         barWidth: c,
         anchorY: s,
-        topY: s - m,
+        topY: s - w,
         bottomY: s
       });
-      t.save(), t.globalAlpha = y.alpha, t.fillRect(y.x, y.topY, c, Math.max(1, y.bottomY - y.topY)), t.restore();
+      t.save(), t.globalAlpha = x.alpha, t.fillRect(x.x, x.topY, c, Math.max(1, x.bottomY - x.topY)), t.restore();
     }
   }
   drawCandles({
@@ -1726,47 +1726,47 @@ class ao {
     entranceByTime: c
   }) {
     if (e.length === 0) return;
-    const u = this.options.entryAnimation ?? "unfold", p = r + 2;
+    const u = this.options.entryAnimation ?? "unfold", g = r + 2;
     t.fillStyle = d;
-    for (const g of e) {
-      const k = (c == null ? void 0 : c.get(g.time)) ?? 1, S = n.timeToBitmapX(g.time), v = s.valueToBitmapY(g.open), m = s.valueToBitmapY(g.high), f = s.valueToBitmapY(g.low), x = S - Math.floor(l / 2);
+    for (const p of e) {
+      const k = (c == null ? void 0 : c.get(p.time)) ?? 1, S = n.timeToBitmapX(p.time), m = s.valueToBitmapY(p.open), w = s.valueToBitmapY(p.high), f = s.valueToBitmapY(p.low), v = S - Math.floor(l / 2);
       if (k >= 1 || u === "none") {
-        t.fillRect(x, m, l, f - m);
+        t.fillRect(v, w, l, f - w);
         continue;
       }
-      const y = qi(k, u, {
-        x,
-        barWidth: p,
-        anchorY: v,
-        topY: m,
+      const x = qi(k, u, {
+        x: v,
+        barWidth: g,
+        anchorY: m,
+        topY: w,
         bottomY: f
       });
-      t.save(), t.globalAlpha = y.alpha, t.fillRect(y.x, y.topY, l, Math.max(1, y.bottomY - y.topY)), t.restore();
+      t.save(), t.globalAlpha = x.alpha, t.fillRect(x.x, x.topY, l, Math.max(1, x.bottomY - x.topY)), t.restore();
     }
-    const w = Array.isArray(h);
-    for (const g of e) {
-      const k = (c == null ? void 0 : c.get(g.time)) ?? 1, S = n.timeToBitmapX(g.time), v = s.valueToBitmapY(g.open), m = s.valueToBitmapY(g.close), f = Math.min(v, m), x = Math.max(v, m), y = Math.max(1, x - f), R = k < 1 && u !== "none";
-      let b = S - a, T = f, L = y, C = 1;
-      if (R) {
+    const b = Array.isArray(h);
+    for (const p of e) {
+      const k = (c == null ? void 0 : c.get(p.time)) ?? 1, S = n.timeToBitmapX(p.time), m = s.valueToBitmapY(p.open), w = s.valueToBitmapY(p.close), f = Math.min(m, w), v = Math.max(m, w), x = Math.max(1, v - f), I = k < 1 && u !== "none";
+      let y = S - a, T = f, L = x, C = 1;
+      if (I) {
         const A = qi(k, u, {
           x: S - a,
-          barWidth: p,
-          anchorY: v,
+          barWidth: g,
+          anchorY: m,
           topY: f,
-          bottomY: x
+          bottomY: v
         });
-        b = A.x, T = A.topY, L = Math.max(1, A.bottomY - A.topY), C = A.alpha;
+        y = A.x, T = A.topY, L = Math.max(1, A.bottomY - A.topY), C = A.alpha;
       }
-      if (R && t.save(), w && L > 2) {
+      if (I && t.save(), b && L > 2) {
         const A = t.createLinearGradient(0, T, 0, T + L);
         A.addColorStop(0, h[0]), A.addColorStop(1, h[1]), t.fillStyle = A;
       } else
-        t.fillStyle = w ? h[0] : h;
-      R && (t.globalAlpha = C), t.fillRect(b, T, r, L), R && t.restore();
+        t.fillStyle = b ? h[0] : h;
+      I && (t.globalAlpha = C), t.fillRect(y, T, r, L), I && t.restore();
     }
   }
 }
-Lt = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), Be = /* @__PURE__ */ new WeakMap();
+Wt = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap();
 function qi(i, t, e) {
   switch (t) {
     case "none":
@@ -1776,8 +1776,8 @@ function qi(i, t, e) {
     case "unfold":
       return {
         x: e.x,
-        topY: St(e.anchorY, e.topY, i),
-        bottomY: St(e.anchorY, e.bottomY, i),
+        topY: Mt(e.anchorY, e.topY, i),
+        bottomY: Mt(e.anchorY, e.bottomY, i),
         alpha: 1
       };
     case "slide":
@@ -1790,8 +1790,8 @@ function qi(i, t, e) {
     case "fade-unfold":
       return {
         x: e.x,
-        topY: St(e.anchorY, e.topY, i),
-        bottomY: St(e.anchorY, e.bottomY, i),
+        topY: Mt(e.anchorY, e.topY, i),
+        bottomY: Mt(e.anchorY, e.bottomY, i),
         alpha: i
       };
   }
@@ -1810,7 +1810,7 @@ function Hn(i) {
 }
 class ro extends gs {
   constructor(t, e) {
-    super(t), I(this, "options"), I(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.options = { ...oo, ...Hn(e) };
+    super(t), R(this, "options"), R(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.options = { ...oo, ...Hn(e) };
   }
   /** Back-compat: first store. */
   get store() {
@@ -1887,40 +1887,40 @@ class ro extends gs {
       return { x: l, y: h };
     const u = a.getAll();
     if (u.length < 2) return { x: l, y: h };
-    const p = u[u.length - 2];
-    if (!Number.isFinite(p.value)) return { x: l, y: h };
-    const w = e.timeToBitmapX(p.time), g = n.valueToBitmapY(p.value);
+    const g = u[u.length - 2];
+    if (!Number.isFinite(g.value)) return { x: l, y: h };
+    const b = e.timeToBitmapX(g.time), p = n.valueToBitmapY(g.value);
     return {
-      x: St(w, l, c),
-      y: St(g, h, c)
+      x: Mt(b, l, c),
+      y: Mt(p, h, c)
     };
   }
   /** Each layer drawn independently */
   renderOff(t) {
     var e;
-    const { scope: n, timeScale: s, yScale: a } = t, { context: r } = n, l = s.getRange(), { verticalPixelRatio: h } = n, d = this.options.strokeWidth > 0, c = Math.max(1, Math.round(this.options.strokeWidth * h)), u = performance.now(), p = this.options.entryAnimation ?? "grow";
-    for (let w = 0; w < this.stores.length; w++) {
-      if (!this.stores[w].isVisible()) continue;
-      let g = this.stores[w].getVisibleData(l.from, l.to);
+    const { scope: n, timeScale: s, yScale: a } = t, { context: r } = n, l = s.getRange(), { verticalPixelRatio: h } = n, d = this.options.strokeWidth > 0, c = Math.max(1, Math.round(this.options.strokeWidth * h)), u = performance.now(), g = this.options.entryAnimation ?? "grow";
+    for (let b = 0; b < this.stores.length; b++) {
+      if (!this.stores[b].isVisible()) continue;
+      let p = this.stores[b].getVisibleData(l.from, l.to);
       const k = n.mediaSize.width;
-      if (g.length > k * 2 && (g = En(g, Math.round(k * 1.5))), g.length < 2) continue;
-      const S = this.options.colors[w % this.options.colors.length], v = g[g.length - 1], m = this.peekEntry(w, v.time), f = this.entranceProgress(w, v.time, u), x = m && p === "fade" && f < 1, y = this.trailingEndpoint(w, s, a, u) ?? {
-        x: s.timeToBitmapX(v.time),
-        y: a.valueToBitmapY(this.effectiveValue(w, v.time, v.value))
-      }, R = y.x, b = y.y;
-      x && (r.save(), r.globalAlpha = f);
-      const T = g.length - 1, L = [];
+      if (p.length > k * 2 && (p = En(p, Math.round(k * 1.5))), p.length < 2) continue;
+      const S = this.options.colors[b % this.options.colors.length], m = p[p.length - 1], w = this.peekEntry(b, m.time), f = this.entranceProgress(b, m.time, u), v = w && g === "fade" && f < 1, x = this.trailingEndpoint(b, s, a, u) ?? {
+        x: s.timeToBitmapX(m.time),
+        y: a.valueToBitmapY(this.effectiveValue(b, m.time, m.value))
+      }, I = x.x, y = x.y;
+      v && (r.save(), r.globalAlpha = f);
+      const T = p.length - 1, L = [];
       let C = null;
       for (let _ = 0; _ < T; _++) {
-        const E = g[_].value;
+        const E = p[_].value;
         if (!Number.isFinite(E)) {
           C = null;
           continue;
         }
-        C || (C = [], L.push(C)), C.push({ x: s.timeToBitmapX(g[_].time), y: a.valueToBitmapY(E) });
+        C || (C = [], L.push(C)), C.push({ x: s.timeToBitmapX(p[_].time), y: a.valueToBitmapY(E) });
       }
-      const A = (e = g[T]) == null ? void 0 : e.value;
-      if (Number.isFinite(R) && Number.isFinite(b) && Number.isFinite(A) && (C ? C.push({ x: R, y: b }) : L.push([{ x: R, y: b }])), d && L.some((_) => _.length >= 2)) {
+      const A = (e = p[T]) == null ? void 0 : e.value;
+      if (Number.isFinite(I) && Number.isFinite(y) && Number.isFinite(A) && (C ? C.push({ x: I, y }) : L.push([{ x: I, y }])), d && L.some((_) => _.length >= 2)) {
         r.beginPath();
         for (const _ of L)
           if (!(_.length < 2)) {
@@ -1937,7 +1937,7 @@ class ro extends gs {
         E && (r.fillStyle = S, r.fill());
       }
       if (this.options.area.visible) {
-        const _ = n.bitmapSize.height, E = String(w), V = this.areaGradientCache.get(E);
+        const _ = n.bitmapSize.height, E = String(b), V = this.areaGradientCache.get(E);
         let U;
         V && V.bottomY === _ && V.color === S ? U = V.gradient : (U = r.createLinearGradient(0, 0, 0, _), U.addColorStop(0, Ye(S, 0.12)), U.addColorStop(1, Ye(S, 0.01)), this.areaGradientCache.set(E, { gradient: U, bottomY: _, color: S })), r.fillStyle = U;
         for (const j of L)
@@ -1947,26 +1947,26 @@ class ro extends gs {
             r.lineTo(j[j.length - 1].x, _), r.lineTo(j[0].x, _), r.closePath(), r.fill();
           }
       }
-      x && r.restore();
+      v && r.restore();
     }
   }
   /** Stacked area rendering */
   renderStacked(t, e) {
-    const { scope: n, timeScale: s, yScale: a } = t, { context: r } = n, l = s.getRange(), { verticalPixelRatio: h } = n, d = this.options.strokeWidth > 0, c = Math.max(1, Math.round(this.options.strokeWidth * h)), u = n.mediaSize.width, p = this.stores.map((b) => {
-      let T = b.getVisibleData(l.from, l.to);
+    const { scope: n, timeScale: s, yScale: a } = t, { context: r } = n, l = s.getRange(), { verticalPixelRatio: h } = n, d = this.options.strokeWidth > 0, c = Math.max(1, Math.round(this.options.strokeWidth * h)), u = n.mediaSize.width, g = this.stores.map((y) => {
+      let T = y.getVisibleData(l.from, l.to);
       return T.length > u * 2 && (T = En(T, Math.round(u * 1.5))), T;
-    }), w = /* @__PURE__ */ new Set();
-    for (const b of p)
-      for (const T of b) w.add(T.time);
-    const g = Array.from(w).sort((b, T) => b - T);
-    if (g.length < 2) return;
-    const k = p.map((b, T) => {
+    }), b = /* @__PURE__ */ new Set();
+    for (const y of g)
+      for (const T of y) b.add(T.time);
+    const p = Array.from(b).sort((y, T) => y - T);
+    if (p.length < 2) return;
+    const k = g.map((y, T) => {
       const L = /* @__PURE__ */ new Map();
-      for (const C of b) L.set(C.time, this.effectiveValue(T, C.time, C.value));
+      for (const C of y) L.set(C.time, this.effectiveValue(T, C.time, C.value));
       return L;
-    }), S = Array.from({ length: this.stores.length }, () => new Array(g.length).fill(0));
-    for (let b = 0; b < g.length; b++) {
-      const T = g[b];
+    }), S = Array.from({ length: this.stores.length }, () => new Array(p.length).fill(0));
+    for (let y = 0; y < p.length; y++) {
+      const T = p[y];
       let L = 0;
       if (e)
         for (let A = 0; A < this.stores.length; A++) {
@@ -1977,39 +1977,39 @@ class ro extends gs {
       let C = 0;
       for (let A = 0; A < this.stores.length; A++) {
         const _ = this.stores[A].isVisible() ? k[A].get(T) : 0, E = Number.isFinite(_) ? _ : 0;
-        C += e && L > 0 ? E / L * 100 : E, S[A][b] = C;
+        C += e && L > 0 ? E / L * 100 : E, S[A][y] = C;
       }
     }
-    const v = performance.now(), m = this.options.entryAnimation ?? "grow", f = /* @__PURE__ */ new Map();
-    for (let b = 0; b < g.length; b++) f.set(g[b], b);
-    const x = g.length - 1, y = new Array(this.stores.length).fill(1);
-    for (let b = 0; b < this.stores.length; b++) {
-      if (!this.stores[b].isVisible()) continue;
-      const T = this.stores[b].last();
+    const m = performance.now(), w = this.options.entryAnimation ?? "grow", f = /* @__PURE__ */ new Map();
+    for (let y = 0; y < p.length; y++) f.set(p[y], y);
+    const v = p.length - 1, x = new Array(this.stores.length).fill(1);
+    for (let y = 0; y < this.stores.length; y++) {
+      if (!this.stores[y].isVisible()) continue;
+      const T = this.stores[y].last();
       if (!T) continue;
-      const L = this.peekEntry(b, T.time);
+      const L = this.peekEntry(y, T.time);
       if (!L) continue;
       const C = f.get(T.time);
-      C !== x || f.get(L.fromTime) !== C - 1 || (y[b] = this.entranceProgress(b, T.time, v));
+      C !== v || f.get(L.fromTime) !== C - 1 || (x[y] = this.entranceProgress(y, T.time, m));
     }
-    const R = (b, T) => {
-      if (T >= 1 || b.length < 2) return;
-      const L = b.length - 1, C = b[L - 1], A = b[L];
-      b[L] = [St(C[0], A[0], T), St(C[1], A[1], T)];
+    const I = (y, T) => {
+      if (T >= 1 || y.length < 2) return;
+      const L = y.length - 1, C = y[L - 1], A = y[L];
+      y[L] = [Mt(C[0], A[0], T), Mt(C[1], A[1], T)];
     };
-    for (let b = this.stores.length - 1; b >= 0; b--) {
-      if (!this.stores[b].isVisible()) continue;
-      const T = this.options.colors[b % this.options.colors.length], L = y[b], C = b > 0 && this.stores[b - 1].isVisible() ? y[b - 1] : 1, A = [];
-      for (let V = 0; V < g.length; V++)
-        A.push([s.timeToBitmapX(g[V]), a.valueToBitmapY(S[b][V])]);
-      m === "grow" && R(A, L);
+    for (let y = this.stores.length - 1; y >= 0; y--) {
+      if (!this.stores[y].isVisible()) continue;
+      const T = this.options.colors[y % this.options.colors.length], L = x[y], C = y > 0 && this.stores[y - 1].isVisible() ? x[y - 1] : 1, A = [];
+      for (let V = 0; V < p.length; V++)
+        A.push([s.timeToBitmapX(p[V]), a.valueToBitmapY(S[y][V])]);
+      w === "grow" && I(A, L);
       const _ = [];
-      for (let V = 0; V < g.length; V++) {
-        const U = b > 0 ? S[b - 1][V] : 0;
-        _.push([s.timeToBitmapX(g[V]), a.valueToBitmapY(U)]);
+      for (let V = 0; V < p.length; V++) {
+        const U = y > 0 ? S[y - 1][V] : 0;
+        _.push([s.timeToBitmapX(p[V]), a.valueToBitmapY(U)]);
       }
-      m === "grow" && R(_, C);
-      const E = m === "fade" && L < 1;
+      w === "grow" && I(_, C);
+      const E = w === "fade" && L < 1;
       if (E && (r.save(), r.globalAlpha = L), this.options.area.visible) {
         r.beginPath(), r.moveTo(A[0][0], A[0][1]);
         for (let V = 1; V < A.length; V++)
@@ -2034,32 +2034,32 @@ class ro extends gs {
   drawOverlay(t) {
     const { scope: e, timeScale: n, yScale: s, crosshair: a, dataInterval: r } = t, l = e, h = this.resolvedPulseMs();
     if (a) {
-      const d = this.options.colors, c = this.options.stacking, u = 4 * l.horizontalPixelRatio, p = [], w = [];
+      const d = this.options.colors, c = this.options.stacking, u = 4 * l.horizontalPixelRatio, g = [], b = [];
       for (let k = 0; k < this.stores.length; k++) {
         const S = this.stores[k].findNearest(a.time, r);
-        S ? (p.push(S.value), w.push(S.time)) : (p.push(0), w.push(null));
+        S ? (g.push(S.value), b.push(S.time)) : (g.push(0), b.push(null));
       }
-      const g = [];
+      const p = [];
       if (c === "off")
-        for (const k of p) g.push(k);
+        for (const k of g) p.push(k);
       else {
         let k = 0;
         if (c === "percent")
-          for (let v = 0; v < p.length; v++)
-            this.stores[v].isVisible() && (k += p[v]);
+          for (let m = 0; m < g.length; m++)
+            this.stores[m].isVisible() && (k += g[m]);
         let S = 0;
-        for (let v = 0; v < p.length; v++) {
-          const m = this.stores[v].isVisible() ? p[v] : 0;
-          S += c === "percent" && k > 0 ? m / k * 100 : m, g.push(S);
+        for (let m = 0; m < g.length; m++) {
+          const w = this.stores[m].isVisible() ? g[m] : 0;
+          S += c === "percent" && k > 0 ? w / k * 100 : w, p.push(S);
         }
       }
       for (let k = 0; k < this.stores.length; k++) {
-        const S = w[k];
+        const S = b[k];
         if (S === null || !this.stores[k].isVisible()) continue;
-        const v = d[k % d.length], m = n.timeToBitmapX(S), f = s.valueToBitmapY(g[k]);
-        e.context.beginPath(), e.context.arc(m, f, u + 3 * l.horizontalPixelRatio, 0, Math.PI * 2);
-        const x = v.startsWith("#") ? v + "40" : /^rgb\(/i.test(v) ? v.replace(/^rgb\((.*)\)$/i, "rgba($1, 0.25)") : v.replace(/[\d.]+\)\s*$/, "0.25)");
-        e.context.fillStyle = x, e.context.fill(), e.context.beginPath(), e.context.arc(m, f, u, 0, Math.PI * 2), e.context.fillStyle = v, e.context.fill();
+        const m = d[k % d.length], w = n.timeToBitmapX(S), f = s.valueToBitmapY(p[k]);
+        e.context.beginPath(), e.context.arc(w, f, u + 3 * l.horizontalPixelRatio, 0, Math.PI * 2);
+        const v = m.startsWith("#") ? m + "40" : /^rgb\(/i.test(m) ? m.replace(/^rgb\((.*)\)$/i, "rgba($1, 0.25)") : m.replace(/[\d.]+\)\s*$/, "0.25)");
+        e.context.fillStyle = v, e.context.fill(), e.context.beginPath(), e.context.arc(w, f, u, 0, Math.PI * 2), e.context.fillStyle = m, e.context.fill();
       }
     }
     if (this.hasPulse && h > 0) {
@@ -2068,53 +2068,53 @@ class ro extends gs {
       const c = this.options.stacking;
       for (let u = 0; u < this.stores.length; u++) {
         if (!this.stores[u].isVisible()) continue;
-        const p = this.options.colors[u % this.options.colors.length];
+        const g = this.options.colors[u % this.options.colors.length];
         if (c === "off") {
-          const y = this.trailingEndpoint(u, n, s, d);
-          if (!y) continue;
+          const x = this.trailingEndpoint(u, n, s, d);
+          if (!x) continue;
           this.drawPulse({
             ctx: e.context,
-            x: y.x,
-            y: y.y,
-            color: p,
+            x: x.x,
+            y: x.y,
+            color: g,
             pixelRatio: l.horizontalPixelRatio,
             pulseMs: h
           });
           continue;
         }
-        const w = this.stores[u].last();
-        if (!w) continue;
-        const g = w.time, k = c === "percent", S = (y) => {
-          const R = (L) => {
-            const C = L === u && y === g ? w : this.stores[L].findNearest(y, 0);
-            return !C || C.time !== y ? 0 : this.effectiveValue(L, y, C.value);
+        const b = this.stores[u].last();
+        if (!b) continue;
+        const p = b.time, k = c === "percent", S = (x) => {
+          const I = (L) => {
+            const C = L === u && x === p ? b : this.stores[L].findNearest(x, 0);
+            return !C || C.time !== x ? 0 : this.effectiveValue(L, x, C.value);
           };
-          let b = 0;
+          let y = 0;
           if (k)
             for (let L = 0; L < this.stores.length; L++)
-              this.stores[L].isVisible() && (b += R(L));
+              this.stores[L].isVisible() && (y += I(L));
           let T = 0;
           for (let L = 0; L <= u; L++) {
             if (!this.stores[L].isVisible()) continue;
-            const C = R(L);
-            T += k && b > 0 ? C / b * 100 : C;
+            const C = I(L);
+            T += k && y > 0 ? C / y * 100 : C;
           }
           return T;
         };
-        let v = n.timeToBitmapX(g), m = s.valueToBitmapY(S(g));
-        const f = this.options.entryAnimation ?? "grow", x = this.peekEntry(u, g);
-        if (f === "grow" && x) {
-          const y = this.entranceProgress(u, g, d);
-          if (y < 1 && x.fromTime !== g) {
-            const R = n.timeToBitmapX(x.fromTime), b = s.valueToBitmapY(S(x.fromTime));
-            v = St(R, v, y), m = St(b, m, y);
+        let m = n.timeToBitmapX(p), w = s.valueToBitmapY(S(p));
+        const f = this.options.entryAnimation ?? "grow", v = this.peekEntry(u, p);
+        if (f === "grow" && v) {
+          const x = this.entranceProgress(u, p, d);
+          if (x < 1 && v.fromTime !== p) {
+            const I = n.timeToBitmapX(v.fromTime), y = s.valueToBitmapY(S(v.fromTime));
+            m = Mt(I, m, x), w = Mt(y, w, x);
           }
         }
         this.drawPulse({
           ctx: e.context,
-          x: v,
-          y: m,
-          color: p,
+          x: m,
+          y: w,
+          color: g,
           pixelRatio: l.horizontalPixelRatio,
           pulseMs: h
         });
@@ -2176,8 +2176,8 @@ function fo(i) {
 }
 const Ee = Math.PI * 2, ys = 0.85;
 function Nn(i) {
-  const { bitmapWidth: t, bitmapHeight: e, padTop: n, padBottom: s } = i, a = Math.max(0, i.labelReserve ?? 0), r = Math.min(Math.max(0, n), e), l = Math.min(Math.max(0, s), e - r), h = e - r - l, d = Math.max(0, t - 2 * a), c = t / 2, u = r + h / 2, p = Math.max(0, Math.min(d, h) / 2 * ys);
-  return { cx: c, cy: u, maxR: p };
+  const { bitmapWidth: t, bitmapHeight: e, padTop: n, padBottom: s } = i, a = Math.max(0, i.labelReserve ?? 0), r = Math.min(Math.max(0, n), e), l = Math.min(Math.max(0, s), e - r), h = e - r - l, d = Math.max(0, t - 2 * a), c = t / 2, u = r + h / 2, g = Math.max(0, Math.min(d, h) / 2 * ys);
+  return { cx: c, cy: u, maxR: g };
 }
 function po(i) {
   if (!i.startsWith("#")) return !1;
@@ -2213,17 +2213,17 @@ function mo(i, t) {
   const e = Xn(i), n = Xn(t), s = n.a, a = Math.round(n.r * s + e.r * (1 - s)), r = Math.round(n.g * s + e.g * (1 - s)), l = Math.round(n.b * s + e.b * (1 - s));
   return `#${a.toString(16).padStart(2, "0")}${r.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}`;
 }
-var Q, et, At, bt, Fe, ne, Tt, ve, Ft, sn, Mi, xs, ws, ks;
+var Q, et, _t, bt, Be, ne, Rt, ve, Pt, sn, Mi, xs, ws, ks;
 class Ci {
   constructor(t) {
-    W(this, Ft), W(this, Q, []), W(this, et), W(this, At, -1), W(this, bt, []), W(this, Fe, 0), W(this, ne, 1), W(this, Tt, null), W(this, ve, []), M(this, et, F(this, Ft, sn).call(this, lo, t ?? {}));
+    W(this, Pt), W(this, Q, []), W(this, et), W(this, _t, -1), W(this, bt, []), W(this, Be, 0), W(this, ne, 1), W(this, Rt, null), W(this, ve, []), M(this, et, B(this, Pt, sn).call(this, lo, t ?? {}));
   }
   getData() {
     return o(this, Q);
   }
   setData(t) {
     const e = t ?? [];
-    M(this, Q, e), M(this, bt, new Array(e.length).fill(0)), M(this, ne, o(this, et).animate ? 0 : 1), M(this, Tt, null);
+    M(this, Q, e), M(this, bt, new Array(e.length).fill(0)), M(this, ne, o(this, et).animate ? 0 : 1), M(this, Rt, null);
     for (const n of o(this, ve))
       n();
   }
@@ -2236,7 +2236,7 @@ class Ci {
   updateOptions(t) {
     var e, n;
     const s = (e = o(this, et).sliceLabels) == null ? void 0 : e.mode;
-    M(this, et, F(this, Ft, sn).call(this, o(this, et), t ?? {})), ((n = o(this, et).sliceLabels) == null ? void 0 : n.mode) === "outside" && s !== "outside" && M(this, ne, o(this, et).animate ? 0 : 1), M(this, Tt, null);
+    M(this, et, B(this, Pt, sn).call(this, o(this, et), t ?? {})), ((n = o(this, et).sliceLabels) == null ? void 0 : n.mode) === "outside" && s !== "outside" && M(this, ne, o(this, et).animate ? 0 : 1), M(this, Rt, null);
   }
   getColor() {
     var t, e;
@@ -2254,48 +2254,48 @@ class Ci {
     return [this.getColor()];
   }
   applyTheme(t, e) {
-    t.typography.fontFamily !== e.typography.fontFamily && M(this, Tt, null);
+    t.typography.fontFamily !== e.typography.fontFamily && M(this, Rt, null);
   }
   /** Hit-test: which slice is at this bitmap coordinate? Returns index or -1. */
   hitTest(t, e, n, s, a) {
     var r;
     if (o(this, Q).length === 0) return -1;
-    const l = o(this, Q).reduce((f, x) => f + x.value, 0);
+    const l = o(this, Q).reduce((f, v) => f + v.value, 0);
     if (l <= 0) return -1;
-    const h = ((r = o(this, Tt)) == null ? void 0 : r.reserve) ?? 0, { cx: d, cy: c, maxR: u } = Nn({
+    const h = ((r = o(this, Rt)) == null ? void 0 : r.reserve) ?? 0, { cx: d, cy: c, maxR: u } = Nn({
       bitmapWidth: n,
       bitmapHeight: s,
       padTop: (a == null ? void 0 : a.top) ?? 0,
       padBottom: (a == null ? void 0 : a.bottom) ?? 0,
       labelReserve: h
-    }), p = u, w = p * o(this, et).innerRadiusRatio, g = t - d, k = e - c, S = Math.sqrt(g * g + k * k);
-    if (S > p || S < w) return -1;
-    let v = Math.atan2(k, g) + Math.PI / 2;
-    v < 0 && (v += Ee);
-    let m = 0;
+    }), g = u, b = g * o(this, et).innerRadiusRatio, p = t - d, k = e - c, S = Math.sqrt(p * p + k * k);
+    if (S > g || S < b) return -1;
+    let m = Math.atan2(k, p) + Math.PI / 2;
+    m < 0 && (m += Ee);
+    let w = 0;
     for (let f = 0; f < o(this, Q).length; f++) {
-      const x = o(this, Q)[f].value / l * Ee;
-      if (v >= m && v < m + x) return f;
-      m += x;
+      const v = o(this, Q)[f].value / l * Ee;
+      if (m >= w && m < w + v) return f;
+      w += v;
     }
     return -1;
   }
   setHoverIndex(t) {
-    return o(this, At) === t ? !1 : (M(this, At, t), !0);
+    return o(this, _t) === t ? !1 : (M(this, _t, t), !0);
   }
   getHoverIndex() {
-    return o(this, At);
+    return o(this, _t);
   }
   getHoverInfo(t) {
-    if (o(this, At) < 0) return null;
-    const e = o(this, Q)[o(this, At)];
+    if (o(this, _t) < 0) return null;
+    const e = o(this, Q)[o(this, _t)];
     if (!e) return null;
     const n = o(this, Q).reduce((a, r) => a + r.value, 0), s = o(this, et).colors ?? t.seriesColors;
     return {
       label: e.label,
       value: e.value,
       percent: n > 0 ? e.value / n * 100 : 0,
-      color: e.color ?? s[o(this, At) % s.length]
+      color: e.color ?? s[o(this, _t) % s.length]
     };
   }
   getSliceInfo(t) {
@@ -2313,13 +2313,13 @@ class Ci {
     var t;
     if (!o(this, et).animate) return !1;
     for (let e = 0; e < o(this, bt).length; e++) {
-      const n = e === o(this, At) ? 1 : 0;
+      const n = e === o(this, _t) ? 1 : 0;
       if (Math.abs(o(this, bt)[e] - n) > 0.01) return !0;
     }
     return ((t = o(this, et).sliceLabels) == null ? void 0 : t.mode) === "outside" && o(this, ne) < 0.99;
   }
   dispose() {
-    M(this, ve, []), M(this, Q, []), M(this, bt, []), M(this, Fe, 0);
+    M(this, ve, []), M(this, Q, []), M(this, bt, []), M(this, Be, 0);
   }
   /**
    * @internal Test-only accessor for the animated slice offsets. The backing
@@ -2332,61 +2332,61 @@ class Ci {
   }
   render(t) {
     if (o(this, Q).length === 0) return;
-    const { scope: e, theme: n, padding: s } = t, { context: a, bitmapSize: r, horizontalPixelRatio: l, verticalPixelRatio: h } = e, d = performance.now(), c = o(this, Fe) ? Math.min(0.05, (d - o(this, Fe)) / 1e3) : 0;
-    M(this, Fe, d);
+    const { scope: e, theme: n, padding: s } = t, { context: a, bitmapSize: r, horizontalPixelRatio: l, verticalPixelRatio: h } = e, d = performance.now(), c = o(this, Be) ? Math.min(0.05, (d - o(this, Be)) / 1e3) : 0;
+    M(this, Be, d);
     const u = o(this, Q).reduce((U, j) => U + j.value, 0);
     if (u <= 0) return;
-    const p = 12;
+    const g = 12;
     for (; o(this, bt).length < o(this, Q).length; )
       o(this, bt).push(0);
     if (o(this, et).animate)
       for (let U = 0; U < o(this, Q).length; U++) {
-        const j = U === o(this, At) ? 1 : 0;
-        o(this, bt)[U] = _n(o(this, bt)[U], j, p, c);
+        const j = U === o(this, _t) ? 1 : 0;
+        o(this, bt)[U] = _n(o(this, bt)[U], j, g, c);
       }
-    const w = co(o(this, et).sliceLabels);
-    a.font = `${w.fontSize * l}px ${n.typography.fontFamily}`, w.mode === "outside" && o(this, et).animate && M(this, ne, _n(o(this, ne), 1, 6, c));
-    const g = o(this, et).colors ?? n.seriesColors, k = w.mode === "outside" ? F(this, Ft, xs).call(this, a, w, u, l) : 0, { cx: S, cy: v, maxR: m } = Nn({
+    const b = co(o(this, et).sliceLabels);
+    a.font = `${b.fontSize * l}px ${n.typography.fontFamily}`, b.mode === "outside" && o(this, et).animate && M(this, ne, _n(o(this, ne), 1, 6, c));
+    const p = o(this, et).colors ?? n.seriesColors, k = b.mode === "outside" ? B(this, Pt, xs).call(this, a, b, u, l) : 0, { cx: S, cy: m, maxR: w } = Nn({
       bitmapWidth: r.width,
       bitmapHeight: r.height,
       padTop: s.top * h,
       padBottom: s.bottom * h,
       labelReserve: k
-    }), f = m, x = f * o(this, et).innerRadiusRatio, y = o(this, et).padAngle * nn, R = 8 * l, b = o(this, et).shadow ?? !1, T = uo(b), L = o(this, et).innerShadow ?? !1, C = fo(L);
+    }), f = w, v = f * o(this, et).innerRadiusRatio, x = o(this, et).padAngle * nn, I = 8 * l, y = o(this, et).shadow ?? !1, T = uo(y), L = o(this, et).innerShadow ?? !1, C = fo(L);
     let A = -Math.PI / 2;
     for (let U = 0; U < o(this, Q).length; U++) {
-      const j = o(this, Q)[U], K = j.value / u * Ee, gt = A + y / 2, st = A + K - y / 2, ee = A + K / 2, Yt = j.color ?? g[U % g.length];
+      const j = o(this, Q)[U], K = j.value / u * Ee, gt = A + x / 2, st = A + K - x / 2, ee = A + K / 2, $t = j.color ?? p[U % p.length];
       if (st <= gt) {
         A += K;
         continue;
       }
-      const Te = o(this, bt)[U] * R, ut = Math.cos(ee) * Te, Ie = Math.sin(ee) * Te, Et = S + ut, It = v + Ie;
-      a.beginPath(), a.arc(Et, It, f, gt, st), x > 0 ? a.arc(Et, It, x, st, gt, !0) : a.lineTo(Et, It), a.closePath();
-      const Rt = a.createRadialGradient(Et, It, x || 0, Et, It, f);
-      if (Rt.addColorStop(0, go(Yt, 0.15)), L) {
+      const Te = o(this, bt)[U] * I, ut = Math.cos(ee) * Te, Ie = Math.sin(ee) * Te, Ot = S + ut, Lt = m + Ie;
+      a.beginPath(), a.arc(Ot, Lt, f, gt, st), v > 0 ? a.arc(Ot, Lt, v, st, gt, !0) : a.lineTo(Ot, Lt), a.closePath();
+      const At = a.createRadialGradient(Ot, Lt, v || 0, Ot, Lt, f);
+      if (At.addColorStop(0, go($t, 0.15)), L) {
         const fe = Math.max(0, Math.min(0.999, 1 - C.depth));
-        Rt.addColorStop(fe, Yt), Rt.addColorStop(1, mo(Yt, C.color));
+        At.addColorStop(fe, $t), At.addColorStop(1, mo($t, C.color));
       } else
-        Rt.addColorStop(1, Yt);
-      a.fillStyle = Rt;
+        At.addColorStop(1, $t);
+      a.fillStyle = At;
       const Re = o(this, bt)[U];
-      if (b || Re > 0.01) {
-        const fe = b ? 1 : 0, Ge = Re;
-        a.shadowColor = b ? T.color : "rgba(0,0,0,0.25)", a.shadowBlur = (T.blur * fe + 12 * Ge) * l, a.shadowOffsetX = T.offsetX * fe * l + ut * 0.3 * Ge, a.shadowOffsetY = T.offsetY * fe * h + Ie * 0.3 * Ge;
+      if (y || Re > 0.01) {
+        const fe = y ? 1 : 0, Ge = Re;
+        a.shadowColor = y ? T.color : "rgba(0,0,0,0.25)", a.shadowBlur = (T.blur * fe + 12 * Ge) * l, a.shadowOffsetX = T.offsetX * fe * l + ut * 0.3 * Ge, a.shadowOffsetY = T.offsetY * fe * h + Ie * 0.3 * Ge;
       }
       a.fill(), a.shadowColor = "transparent", a.shadowBlur = 0, a.shadowOffsetX = 0, a.shadowOffsetY = 0, A += K;
     }
-    if (w.mode === "none") return;
+    if (b.mode === "none") return;
     A = -Math.PI / 2;
     const _ = n.tooltip.textColor;
-    if (w.mode === "outside") {
-      const U = F(this, Ft, ks).call(this, {
+    if (b.mode === "outside") {
+      const U = B(this, Pt, ks).call(this, {
         cx: S,
-        cy: v,
+        cy: m,
         outerR: f,
         total: u,
-        palette: g,
-        labels: w,
+        palette: p,
+        labels: b,
         hpr: l,
         bitmapHeight: r.height
       }), j = U.length > 1 ? Math.min(0.06, 0.9 / (U.length - 1)) : 0;
@@ -2394,34 +2394,34 @@ class Ci {
         const gt = U[K];
         if (gt === null) continue;
         const st = K * j, ee = Oe((o(this, ne) - st) / (1 - st), 0, 1);
-        F(this, Ft, ws).call(this, {
+        B(this, Pt, ws).call(this, {
           context: a,
           entry: gt,
           textColor: _,
-          labels: w,
+          labels: b,
           hpr: l,
           progress: ee
         });
       }
       return;
     }
-    const E = x > 0 ? (f + x) / 2 : f * 0.65;
+    const E = v > 0 ? (f + v) / 2 : f * 0.65;
     a.textAlign = "center", a.textBaseline = "middle";
-    const V = w.minSliceAngle * nn;
+    const V = b.minSliceAngle * nn;
     for (let U = 0; U < o(this, Q).length; U++) {
       const j = o(this, Q)[U], K = j.value / u * Ee;
       if (K >= V) {
-        const gt = A + K / 2, st = o(this, bt)[U] * R, ee = j.color ?? g[U % g.length], Yt = F(this, Ft, Mi).call(this, j, u, w.content), Te = a.measureText(Yt).width, ut = w.fontSize * 1.2 * l, Ie = K < Math.PI ? 2 * E * Math.sin(K / 2) : 2 * E, Et = Te > Ie - 4 * l, It = x > 0 && E - x < ut;
-        if (!Et && !It) {
-          const Rt = S + Math.cos(gt) * (E + st), Re = v + Math.sin(gt) * (E + st);
-          a.fillStyle = po(ee) ? "#000000" : "#ffffff", a.fillText(Yt, Rt, Re);
+        const gt = A + K / 2, st = o(this, bt)[U] * I, ee = j.color ?? p[U % p.length], $t = B(this, Pt, Mi).call(this, j, u, b.content), Te = a.measureText($t).width, ut = b.fontSize * 1.2 * l, Ie = K < Math.PI ? 2 * E * Math.sin(K / 2) : 2 * E, Ot = Te > Ie - 4 * l, Lt = v > 0 && E - v < ut;
+        if (!Ot && !Lt) {
+          const At = S + Math.cos(gt) * (E + st), Re = m + Math.sin(gt) * (E + st);
+          a.fillStyle = po(ee) ? "#000000" : "#ffffff", a.fillText($t, At, Re);
         }
       }
       A += K;
     }
   }
 }
-Q = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), At = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakMap(), Ft = /* @__PURE__ */ new WeakSet(), /**
+Q = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), Be = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), Rt = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakSet(), /**
 * Merge partial options onto a base, deep-merging `sliceLabels` so callers
 * can override one field (e.g. `mode`) without dropping sibling defaults.
 */
@@ -2443,15 +2443,15 @@ Mi = function(i, t, e) {
 */
 xs = function(i, t, e, n) {
   const s = i.font;
-  if (o(this, Tt) && o(this, Tt).fontScale === n && o(this, Tt).font === s)
-    return o(this, Tt).reserve;
+  if (o(this, Rt) && o(this, Rt).fontScale === n && o(this, Rt).font === s)
+    return o(this, Rt).reserve;
   let a = 0;
   for (const h of o(this, Q)) {
-    const d = F(this, Ft, Mi).call(this, h, e, t.content), c = i.measureText(d).width;
+    const d = B(this, Pt, Mi).call(this, h, e, t.content), c = i.measureText(d).width;
     c > a && (a = c);
   }
   const r = Math.max(t.distance, t.elbowLen), l = (a + (r + Math.max(0, t.railWidth) + t.legPad + 4) * n) / ys;
-  return M(this, Tt, { fontScale: n, font: s, reserve: l }), l;
+  return M(this, Rt, { fontScale: n, font: s, reserve: l }), l;
 }, /**
 * Draw one outside label: anchor dot → radial elbow (per-slice, at slice
 * midangle) → short diagonal to the de-cluster-adjusted rail y → horizontal
@@ -2462,17 +2462,17 @@ xs = function(i, t, e, n) {
 ws = function(i) {
   const { context: t, entry: e, textColor: n, labels: s, hpr: a, progress: r } = i;
   if (r <= 0) return;
-  const { anchorX: l, anchorY: h, elbowX: d, elbowY: c, side: u, text: p, color: w, labelX: g, labelY: k } = e, S = g + u * s.legPad * a, v = Oe(r / 0.15, 0, 1), m = Oe((r - 0.15) / 0.45, 0, 1), f = Oe((r - 0.6) / 0.4, 0, 1);
-  if (t.save(), t.globalAlpha = v, t.fillStyle = w, t.beginPath(), t.arc(l, h, 2.5 * a, 0, Ee), t.fill(), t.restore(), m > 0) {
-    t.save(), t.globalAlpha = m, t.strokeStyle = w, t.lineWidth = 1 * a, t.lineCap = "round", t.beginPath(), t.moveTo(l, h);
-    const x = l + (d - l) * m, y = h + (c - h) * m;
-    if (t.lineTo(x, y), f > 0) {
-      const R = d + (g - d) * f, b = c + (k - c) * f;
-      t.lineTo(R, b);
+  const { anchorX: l, anchorY: h, elbowX: d, elbowY: c, side: u, text: g, color: b, labelX: p, labelY: k } = e, S = p + u * s.legPad * a, m = Oe(r / 0.15, 0, 1), w = Oe((r - 0.15) / 0.45, 0, 1), f = Oe((r - 0.6) / 0.4, 0, 1);
+  if (t.save(), t.globalAlpha = m, t.fillStyle = b, t.beginPath(), t.arc(l, h, 2.5 * a, 0, Ee), t.fill(), t.restore(), w > 0) {
+    t.save(), t.globalAlpha = w, t.strokeStyle = b, t.lineWidth = 1 * a, t.lineCap = "round", t.beginPath(), t.moveTo(l, h);
+    const v = l + (d - l) * w, x = h + (c - h) * w;
+    if (t.lineTo(v, x), f > 0) {
+      const I = d + (p - d) * f, y = c + (k - c) * f;
+      t.lineTo(I, y);
     }
     t.stroke(), t.restore();
   }
-  f > 0 && (t.save(), t.globalAlpha = f, t.fillStyle = n, t.textAlign = u >= 0 ? "left" : "right", t.textBaseline = "middle", t.fillText(p, S, k), t.restore());
+  f > 0 && (t.save(), t.globalAlpha = f, t.fillStyle = n, t.textAlign = u >= 0 ? "left" : "right", t.textBaseline = "middle", t.fillText(g, S, k), t.restore());
 }, /**
 * Lay out one outside label per eligible slice. Returns entries in original
 * slice order so the caller can map by index to reveal progress / explode.
@@ -2489,13 +2489,13 @@ ws = function(i) {
 * the label, which would push text across the pie.
 */
 ks = function(i) {
-  const { cx: t, cy: e, outerR: n, total: s, palette: a, labels: r, hpr: l, bitmapHeight: h } = i, d = new Array(o(this, Q).length).fill(null), c = r.elbowLen * l, u = Math.max(r.distance, r.elbowLen) * l, p = Math.max(0, r.railWidth) * l, w = [];
-  let g = -Math.PI / 2;
+  const { cx: t, cy: e, outerR: n, total: s, palette: a, labels: r, hpr: l, bitmapHeight: h } = i, d = new Array(o(this, Q).length).fill(null), c = r.elbowLen * l, u = Math.max(r.distance, r.elbowLen) * l, g = Math.max(0, r.railWidth) * l, b = [];
+  let p = -Math.PI / 2;
   const k = r.minSliceAngle * nn;
   for (let f = 0; f < o(this, Q).length; f++) {
-    const x = o(this, Q)[f], y = x.value / s * Ee;
-    if (y >= k) {
-      const R = g + y / 2, b = o(this, bt)[f] * (8 * l), T = Math.cos(R), L = Math.sin(R), C = T >= 0 ? 1 : -1, A = t + T * (n + b), _ = e + L * (n + b), E = t + T * (n + b + c), V = e + L * (n + b + c), U = t + T * (n + b + u) + C * p, j = e + L * (n + b + u), K = {
+    const v = o(this, Q)[f], x = v.value / s * Ee;
+    if (x >= k) {
+      const I = p + x / 2, y = o(this, bt)[f] * (8 * l), T = Math.cos(I), L = Math.sin(I), C = T >= 0 ? 1 : -1, A = t + T * (n + y), _ = e + L * (n + y), E = t + T * (n + y + c), V = e + L * (n + y + c), U = t + T * (n + y + u) + C * g, j = e + L * (n + y + u), K = {
         anchorX: A,
         anchorY: _,
         elbowX: E,
@@ -2503,75 +2503,75 @@ ks = function(i) {
         side: C,
         labelX: U,
         labelY: j,
-        text: F(this, Ft, Mi).call(this, x, s, r.content),
-        color: x.color ?? a[f % a.length]
+        text: B(this, Pt, Mi).call(this, v, s, r.content),
+        color: v.color ?? a[f % a.length]
       };
-      d[f] = K, w.push({ entry: K });
+      d[f] = K, b.push({ entry: K });
     }
-    g += y;
+    p += x;
   }
-  const S = Math.max(1, r.fontSize * r.labelGap) * l, v = r.fontSize * l, m = h - r.fontSize * l;
+  const S = Math.max(1, r.fontSize * r.labelGap) * l, m = r.fontSize * l, w = h - r.fontSize * l;
   for (const f of [1, -1]) {
+    const v = [];
+    for (const y of b)
+      y.entry.side === f && v.push(y.entry);
+    if (v.length === 0) continue;
+    v.sort((y, T) => y.labelY - T.labelY);
     const x = [];
-    for (const b of w)
-      b.entry.side === f && x.push(b.entry);
-    if (x.length === 0) continue;
-    x.sort((b, T) => b.labelY - T.labelY);
-    const y = [];
-    for (let b = 0; b < x.length; b++)
-      for (y.push({ count: 1, sumIdeal: x[b].labelY, startIdx: b }); y.length >= 2; ) {
-        const T = y[y.length - 2], L = y[y.length - 1], C = T.sumIdeal / T.count, A = L.sumIdeal / L.count, _ = C + (T.count - 1) * S / 2;
+    for (let y = 0; y < v.length; y++)
+      for (x.push({ count: 1, sumIdeal: v[y].labelY, startIdx: y }); x.length >= 2; ) {
+        const T = x[x.length - 2], L = x[x.length - 1], C = T.sumIdeal / T.count, A = L.sumIdeal / L.count, _ = C + (T.count - 1) * S / 2;
         if (A - (L.count - 1) * S / 2 >= _ + S) break;
-        T.count += L.count, T.sumIdeal += L.sumIdeal, y.pop();
+        T.count += L.count, T.sumIdeal += L.sumIdeal, x.pop();
       }
-    if (y.length > 0) {
-      const b = y[0], T = b.sumIdeal / b.count - (b.count - 1) * S / 2;
-      if (T < v)
-        for (b.sumIdeal += (v - T) * b.count; y.length >= 2; ) {
-          const L = y[0], C = y[1], A = L.sumIdeal / L.count, _ = C.sumIdeal / C.count, E = A + (L.count - 1) * S / 2;
+    if (x.length > 0) {
+      const y = x[0], T = y.sumIdeal / y.count - (y.count - 1) * S / 2;
+      if (T < m)
+        for (y.sumIdeal += (m - T) * y.count; x.length >= 2; ) {
+          const L = x[0], C = x[1], A = L.sumIdeal / L.count, _ = C.sumIdeal / C.count, E = A + (L.count - 1) * S / 2;
           if (_ - (C.count - 1) * S / 2 >= E + S) break;
-          L.count += C.count, L.sumIdeal += C.sumIdeal, y.splice(1, 1);
+          L.count += C.count, L.sumIdeal += C.sumIdeal, x.splice(1, 1);
         }
     }
-    if (y.length > 0) {
-      const b = y[y.length - 1], T = b.sumIdeal / b.count + (b.count - 1) * S / 2;
-      if (T > m)
-        for (b.sumIdeal -= (T - m) * b.count; y.length >= 2; ) {
-          const L = y[y.length - 2], C = y[y.length - 1], A = L.sumIdeal / L.count, _ = C.sumIdeal / C.count, E = A + (L.count - 1) * S / 2;
+    if (x.length > 0) {
+      const y = x[x.length - 1], T = y.sumIdeal / y.count + (y.count - 1) * S / 2;
+      if (T > w)
+        for (y.sumIdeal -= (T - w) * y.count; x.length >= 2; ) {
+          const L = x[x.length - 2], C = x[x.length - 1], A = L.sumIdeal / L.count, _ = C.sumIdeal / C.count, E = A + (L.count - 1) * S / 2;
           if (_ - (C.count - 1) * S / 2 >= E + S) break;
-          L.count += C.count, L.sumIdeal += C.sumIdeal, y.pop();
+          L.count += C.count, L.sumIdeal += C.sumIdeal, x.pop();
         }
     }
-    const R = (v + m) / 2;
-    for (const b of y) {
-      const T = (b.count - 1) * S, L = b.sumIdeal / b.count;
-      T > m - v && L - T / 2 < v && (b.sumIdeal = R * b.count);
+    const I = (m + w) / 2;
+    for (const y of x) {
+      const T = (y.count - 1) * S, L = y.sumIdeal / y.count;
+      T > w - m && L - T / 2 < m && (y.sumIdeal = I * y.count);
     }
-    for (const b of y) {
-      const T = b.sumIdeal / b.count;
-      for (let L = 0; L < b.count; L++)
-        x[b.startIdx + L].labelY = T + (L - (b.count - 1) / 2) * S;
+    for (const y of x) {
+      const T = y.sumIdeal / y.count;
+      for (let L = 0; L < y.count; L++)
+        v[y.startIdx + L].labelY = T + (L - (y.count - 1) / 2) * S;
     }
   }
-  for (const f of w) {
-    const x = f.entry, y = x.labelY - x.anchorY;
-    let R;
-    if (Math.abs(y) <= c) {
-      const L = x.side * Math.sqrt(Math.max(0, c * c - y * y));
-      R = x.anchorX + L;
+  for (const f of b) {
+    const v = f.entry, x = v.labelY - v.anchorY;
+    let I;
+    if (Math.abs(x) <= c) {
+      const L = v.side * Math.sqrt(Math.max(0, c * c - x * x));
+      I = v.anchorX + L;
     } else
-      R = (x.anchorX + x.labelX) / 2;
-    const b = Math.min(x.anchorX, x.labelX), T = Math.max(x.anchorX, x.labelX);
-    x.elbowX = Math.max(b, Math.min(T, R)), x.elbowY = x.labelY;
+      I = (v.anchorX + v.labelX) / 2;
+    const y = Math.min(v.anchorX, v.labelX), T = Math.max(v.anchorX, v.labelX);
+    v.elbowX = Math.max(y, Math.min(T, I)), v.elbowY = v.labelY;
   }
   return d;
 };
 function vo(i) {
-  return parseInt(i.slice(1, 3), 16) * 0.299 + parseInt(i.slice(3, 5), 16) * 0.587 + parseInt(i.slice(5, 7), 16) * 0.114 < 128;
+  return !i.startsWith("#") || i.length < 7 ? !1 : parseInt(i.slice(1, 3), 16) * 0.299 + parseInt(i.slice(3, 5), 16) * 0.587 + parseInt(i.slice(5, 7), 16) * 0.114 < 128;
 }
 function at(i) {
-  var t, e, n, s, a, r, l, h, d, c, u, p, w, g, k, S, v, m, f, x, y, R, b, T, L, C, A, _, E, V, U, j, K, gt;
-  const { background: st, name: ee = "Custom", description: Yt, fontUrl: Te = null } = i, ut = vo(st), Ie = ut ? "#d1d4dc" : "#24292f", Et = ut ? "#787b86" : "#8b949e", It = ut ? "#26a69a" : "#2da44e", Rt = ut ? "#ef5350" : "#cf222e", Re = ut ? "#2962ff" : "#0969da", fe = ut ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Ge = ut ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", kn = ut ? Je(st, 0.1) : an(st, 0.05), Ns = ut ? Pe(st, 0.92) : Pe(st, 0.95), Xs = ut ? Pe(Je(st, 0.15), 0.6) : "rgba(200,200,200,0.5)", Us = Ei, Oi = ((e = (t = i.candlestick) == null ? void 0 : t.up) == null ? void 0 : e.body) ?? It, Hi = ((s = (n = i.candlestick) == null ? void 0 : n.down) == null ? void 0 : s.body) ?? Rt, Ni = Zt(Oi), xi = Zt(Hi), je = ((a = i.line) == null ? void 0 : a.color) ?? Re, Sn = ((r = i.tooltip) == null ? void 0 : r.textColor) ?? Ie, Mn = ((l = i.axis) == null ? void 0 : l.textColor) ?? Et, Gs = ((h = i.typography) == null ? void 0 : h.fontFamily) ?? Us, Cn = ((d = i.typography) == null ? void 0 : d.fontSize) ?? 12, js = i.chartGradient ?? (ut ? [Je(st, 0.04), an(st, 0.06)] : [Je(st, 0.06), st]), Ks = {
+  var t, e, n, s, a, r, l, h, d, c, u, g, b, p, k, S, m, w, f, v, x, I, y, T, L, C, A, _, E, V, U, j, K, gt;
+  const { background: st, name: ee = "Custom", description: $t, fontUrl: Te = null } = i, ut = vo(st), Ie = ut ? "#d1d4dc" : "#24292f", Ot = ut ? "#787b86" : "#8b949e", Lt = ut ? "#26a69a" : "#2da44e", At = ut ? "#ef5350" : "#cf222e", Re = ut ? "#2962ff" : "#0969da", fe = ut ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Ge = ut ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", kn = ut ? Je(st, 0.1) : an(st, 0.05), Ns = ut ? De(st, 0.92) : De(st, 0.95), Xs = ut ? De(Je(st, 0.15), 0.6) : "rgba(200,200,200,0.5)", Us = Ei, Oi = ((e = (t = i.candlestick) == null ? void 0 : t.up) == null ? void 0 : e.body) ?? Lt, Hi = ((s = (n = i.candlestick) == null ? void 0 : n.down) == null ? void 0 : s.body) ?? At, Ni = Zt(Oi), xi = Zt(Hi), je = ((a = i.line) == null ? void 0 : a.color) ?? Re, Sn = ((r = i.tooltip) == null ? void 0 : r.textColor) ?? Ie, Mn = ((l = i.axis) == null ? void 0 : l.textColor) ?? Ot, Gs = ((h = i.typography) == null ? void 0 : h.fontFamily) ?? Us, Cn = ((d = i.typography) == null ? void 0 : d.fontSize) ?? 12, js = i.chartGradient ?? (ut ? [Je(st, 0.04), an(st, 0.06)] : [Je(st, 0.06), st]), Ks = {
     background: st,
     chartGradient: js,
     typography: {
@@ -2585,28 +2585,28 @@ function at(i) {
     candlestick: {
       up: {
         body: Oi,
-        wick: ((w = (p = i.candlestick) == null ? void 0 : p.up) == null ? void 0 : w.wick) ?? Ni
+        wick: ((b = (g = i.candlestick) == null ? void 0 : g.up) == null ? void 0 : b.wick) ?? Ni
       },
       down: {
         body: Hi,
-        wick: ((k = (g = i.candlestick) == null ? void 0 : g.down) == null ? void 0 : k.wick) ?? xi
+        wick: ((k = (p = i.candlestick) == null ? void 0 : p.down) == null ? void 0 : k.wick) ?? xi
       }
     },
     line: {
       color: je,
       width: ((S = i.line) == null ? void 0 : S.width) ?? 1,
-      areaTopColor: ((v = i.line) == null ? void 0 : v.areaTopColor) ?? Pe(je, 0.08),
-      areaBottomColor: ((m = i.line) == null ? void 0 : m.areaBottomColor) ?? Pe(je, 0.01)
+      areaTopColor: ((m = i.line) == null ? void 0 : m.areaTopColor) ?? De(je, 0.08),
+      areaBottomColor: ((w = i.line) == null ? void 0 : w.areaBottomColor) ?? De(je, 0.01)
     },
-    seriesColors: i.seriesColors ?? [je, It, Rt],
+    seriesColors: i.seriesColors ?? [je, Lt, At],
     bands: {
       upper: ((f = i.bands) == null ? void 0 : f.upper) ?? je,
-      lower: ((x = i.bands) == null ? void 0 : x.lower) ?? xi
+      lower: ((v = i.bands) == null ? void 0 : v.lower) ?? xi
     },
     crosshair: {
-      color: ((y = i.crosshair) == null ? void 0 : y.color) ?? Ge,
-      labelBackground: ((R = i.crosshair) == null ? void 0 : R.labelBackground) ?? kn,
-      labelTextColor: ((b = i.crosshair) == null ? void 0 : b.labelTextColor) ?? Sn
+      color: ((x = i.crosshair) == null ? void 0 : x.color) ?? Ge,
+      labelBackground: ((I = i.crosshair) == null ? void 0 : I.labelBackground) ?? kn,
+      labelTextColor: ((y = i.crosshair) == null ? void 0 : y.labelTextColor) ?? Sn
     },
     axis: {
       fontSize: ((T = i.axis) == null ? void 0 : T.fontSize) ?? 10,
@@ -2639,40 +2639,40 @@ function at(i) {
       config: i.navigator
     })
   };
-  return { name: ee, description: Yt, fontUrl: Te, dark: ut, theme: Ks };
+  return { name: ee, description: $t, fontUrl: Te, dark: ut, theme: Ks };
 }
 function bo(i) {
-  var t, e, n, s, a, r, l, h, d, c, u, p, w, g, k, S, v, m;
-  const { dark: f, bg: x, neutralFg: y, upBody: R, downBody: b, upBase: T, downBase: L, config: C } = i, A = (C == null ? void 0 : C.background) ?? "transparent", _ = f ? "rgba(255,255,255,1)" : "rgba(0,0,0,1)", E = ((t = C == null ? void 0 : C.handle) == null ? void 0 : t.color) ?? Ke(_, 0.3), V = ((e = C == null ? void 0 : C.mask) == null ? void 0 : e.fill) ?? Ke(x, f ? 0.78 : 0.82);
+  var t, e, n, s, a, r, l, h, d, c, u, g, b, p, k, S, m, w;
+  const { dark: f, bg: v, neutralFg: x, upBody: I, downBody: y, upBase: T, downBase: L, config: C } = i, A = (C == null ? void 0 : C.background) ?? "transparent", _ = f ? "rgba(255,255,255,1)" : "rgba(0,0,0,1)", E = ((t = C == null ? void 0 : C.handle) == null ? void 0 : t.color) ?? Ke(_, 0.3), V = ((e = C == null ? void 0 : C.mask) == null ? void 0 : e.fill) ?? Ke(v, f ? 0.78 : 0.82);
   return {
     height: (C == null ? void 0 : C.height) ?? 48,
     background: A,
-    borderColor: (C == null ? void 0 : C.borderColor) ?? Ke(y, f ? 0.18 : 0.22),
+    borderColor: (C == null ? void 0 : C.borderColor) ?? Ke(x, f ? 0.18 : 0.22),
     line: {
-      color: ((n = C == null ? void 0 : C.line) == null ? void 0 : n.color) ?? y,
+      color: ((n = C == null ? void 0 : C.line) == null ? void 0 : n.color) ?? x,
       width: ((s = C == null ? void 0 : C.line) == null ? void 0 : s.width) ?? 1,
-      areaTopColor: ((a = C == null ? void 0 : C.line) == null ? void 0 : a.areaTopColor) ?? Ke(y, f ? 0.22 : 0.18),
-      areaBottomColor: ((r = C == null ? void 0 : C.line) == null ? void 0 : r.areaBottomColor) ?? Ke(y, 0)
+      areaTopColor: ((a = C == null ? void 0 : C.line) == null ? void 0 : a.areaTopColor) ?? Ke(x, f ? 0.22 : 0.18),
+      areaBottomColor: ((r = C == null ? void 0 : C.line) == null ? void 0 : r.areaBottomColor) ?? Ke(x, 0)
     },
     candlestick: {
       up: {
-        body: ((h = (l = C == null ? void 0 : C.candlestick) == null ? void 0 : l.up) == null ? void 0 : h.body) ?? R,
+        body: ((h = (l = C == null ? void 0 : C.candlestick) == null ? void 0 : l.up) == null ? void 0 : h.body) ?? I,
         wick: ((c = (d = C == null ? void 0 : C.candlestick) == null ? void 0 : d.up) == null ? void 0 : c.wick) ?? T
       },
       down: {
-        body: ((p = (u = C == null ? void 0 : C.candlestick) == null ? void 0 : u.down) == null ? void 0 : p.body) ?? b,
-        wick: ((g = (w = C == null ? void 0 : C.candlestick) == null ? void 0 : w.down) == null ? void 0 : g.wick) ?? L
+        body: ((g = (u = C == null ? void 0 : C.candlestick) == null ? void 0 : u.down) == null ? void 0 : g.body) ?? y,
+        wick: ((p = (b = C == null ? void 0 : C.candlestick) == null ? void 0 : b.down) == null ? void 0 : p.wick) ?? L
       }
     },
     // Window has no chrome — the unmasked region IS the window.
     window: {
       fill: ((k = C == null ? void 0 : C.window) == null ? void 0 : k.fill) ?? "transparent",
       border: ((S = C == null ? void 0 : C.window) == null ? void 0 : S.border) ?? "transparent",
-      borderWidth: ((v = C == null ? void 0 : C.window) == null ? void 0 : v.borderWidth) ?? 0
+      borderWidth: ((m = C == null ? void 0 : C.window) == null ? void 0 : m.borderWidth) ?? 0
     },
     handle: {
       color: E,
-      width: ((m = C == null ? void 0 : C.handle) == null ? void 0 : m.width) ?? 6
+      width: ((w = C == null ? void 0 : C.handle) == null ? void 0 : w.width) ?? 6
     },
     mask: {
       fill: V
@@ -2680,11 +2680,11 @@ function bo(i) {
   };
 }
 function Ke(i, t) {
-  if (i.startsWith("#") && i.length === 7) return Pe(i, t);
+  if (i.startsWith("#") && i.length === 7) return De(i, t);
   const e = i.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
   return e ? `rgba(${e[1]},${e[2]},${e[3]},${t})` : i;
 }
-function Pe(i, t) {
+function De(i, t) {
   const e = parseInt(i.slice(1, 3), 16), n = parseInt(i.slice(3, 5), 16), s = parseInt(i.slice(5, 7), 16);
   return `rgba(${e}, ${n}, ${s}, ${t})`;
 }
@@ -2736,13 +2736,13 @@ const Vi = "'JetBrains Mono', 'Fira Code', monospace", Yi = "https://fonts.googl
   right: { intervals: 3 },
   left: { intervals: 0 }
 }, Co = 0.1, To = 0.3, Io = 0.4, Ro = 0.5, Lo = 4, Ao = (i, t, e) => ({
-  from: St(i.from, t.from, e),
-  to: St(i.to, t.to, e)
+  from: Mt(i.from, t.from, e),
+  to: Mt(i.to, t.to, e)
 }), Wo = (i, t) => i.from === t.from && i.to === t.to;
-var vt, Wt, ft;
+var vt, Ft, ft;
 class _o extends yi {
   constructor({ padding: t, reboundMs: e } = {}) {
-    super(), W(this, vt), I(this, "_yRange", { min: 0, max: 0 }), I(this, "_autoScroll", !0), I(this, "padding"), I(this, "reboundMs"), I(this, "dataInterval", 6e4), W(this, Wt, null), W(this, ft, null), I(this, "_prevDataEnd", null), I(this, "_lastChartWidth", 0), this.padding = {
+    super(), W(this, vt), R(this, "_yRange", { min: 0, max: 0 }), R(this, "_autoScroll", !0), R(this, "padding"), R(this, "reboundMs"), R(this, "dataInterval", 6e4), W(this, Ft, null), W(this, ft, null), R(this, "_prevDataEnd", null), R(this, "_lastChartWidth", 0), this.padding = {
       top: (t == null ? void 0 : t.top) ?? ie.top,
       bottom: (t == null ? void 0 : t.bottom) ?? ie.bottom,
       right: (t == null ? void 0 : t.right) ?? ie.right,
@@ -2799,7 +2799,7 @@ class _o extends yi {
   }
   /** First data timestamp registered via {@link setDataStart}, or `null` before any data has arrived. */
   get dataStart() {
-    return o(this, Wt);
+    return o(this, Ft);
   }
   /** Last data timestamp registered via {@link setDataEnd}, or `null` before any data has arrived. */
   get dataEnd() {
@@ -2823,7 +2823,7 @@ class _o extends yi {
     return this.padding;
   }
   setDataStart(t) {
-    M(this, Wt, t);
+    M(this, Ft, t);
   }
   setDataEnd(t) {
     this._prevDataEnd = o(this, ft), M(this, ft, t);
@@ -2872,7 +2872,7 @@ class _o extends yi {
   /** Compute the left/right soft bound for the given pan-time range and chart width.
    * Returns null on the side whose data boundary is unset or whose padding resolution fails. */
   getSoftBounds(t, e) {
-    const n = (r) => typeof r == "object" || r === 0 || e > 0, s = o(this, Wt) !== null && n(this.padding.left) ? o(this, Wt) - this.resolveHPad(this.padding.left, t, e) : null, a = o(this, ft) !== null && n(this.padding.right) ? o(this, ft) + this.resolveHPad(this.padding.right, t, e) : null;
+    const n = (r) => typeof r == "object" || r === 0 || e > 0, s = o(this, Ft) !== null && n(this.padding.left) ? o(this, Ft) - this.resolveHPad(this.padding.left, t, e) : null, a = o(this, ft) !== null && n(this.padding.right) ? o(this, ft) + this.resolveHPad(this.padding.right, t, e) : null;
     return { left: s, right: a };
   }
   /** Minimum visible range (zoom-in ceiling). Expressed as 10 bars. */
@@ -2893,11 +2893,11 @@ class _o extends yi {
    * target, not a mid-tween animated position.
    */
   dataFitsCurrentViewport(t = 0) {
-    if (o(this, Wt) === null || o(this, ft) === null) return !1;
+    if (o(this, Ft) === null || o(this, ft) === null) return !1;
     const { from: e, to: n } = this.logicalRange, s = n - e;
     if (s <= 0) return !1;
     t > 0 && (this._lastChartWidth = t);
-    const a = t > 0 ? t : this._lastChartWidth, r = this.resolveHPad(this.padding.left, s, a), l = o(this, Wt) - r, h = this.dataInterval * 0.5;
+    const a = t > 0 ? t : this._lastChartWidth, r = this.resolveHPad(this.padding.left, s, a), l = o(this, Ft) - r, h = this.dataInterval * 0.5;
     return Math.abs(e - l) <= h;
   }
   /** Maximum visible range (zoom-out floor). When interval-based horizontal padding is
@@ -2906,8 +2906,8 @@ class _o extends yi {
    * when padding is purely pixel-based (where width depends on chartWidth, unavailable
    * here). Returns null when data bounds are unknown — no hard ceiling in that case. */
   softMaxRange() {
-    if (o(this, Wt) === null || o(this, ft) === null) return null;
-    const t = o(this, ft) - o(this, Wt);
+    if (o(this, Ft) === null || o(this, ft) === null) return null;
+    const t = o(this, ft) - o(this, Ft);
     if (t <= 0) return null;
     const e = typeof this.padding.left == "object" ? this.padding.left.intervals * this.dataInterval : null, n = typeof this.padding.right == "object" ? this.padding.right.intervals * this.dataInterval : null;
     return e !== null || n !== null ? t + (e ?? 0) + (n ?? 0) : t + this.dataInterval * 5;
@@ -2927,12 +2927,20 @@ class _o extends yi {
    * so callers can lob in a range before the data interval stabilises.
    * Validation runs up-front so a rejected call never mutates auto-scroll
    * or cancels in-flight animations.
+   *
+   * Idempotent: if the requested range matches the current visible range,
+   * returns without snapping the animator or emitting `change`. Lets two
+   * mutually-syncing charts terminate naturally — without this, each
+   * `setRange` echo retriggers `viewportChange` on the receiver, ping-ponging
+   * forever.
    */
   setRange(t) {
     const { from: e, to: n } = t;
     if (!Number.isFinite(e) || !Number.isFinite(n) || n <= e || (n - e) / this.dataInterval < 2) return;
-    const s = o(this, ft) !== null && o(this, ft) >= e && o(this, ft) <= n;
-    this._autoScroll = s, this.applyLogical(e, n);
+    const s = this.visibleRange;
+    if (s.from === e && s.to === n) return;
+    const a = o(this, ft) !== null && o(this, ft) >= e && o(this, ft) <= n;
+    this._autoScroll = a, this.applyLogical(e, n);
   }
   /** Set the Y-axis range. Adds pixel-based padding unless a side has a fixed (explicit) bound. */
   setYRange(t, e, n, s = !1, a = !1) {
@@ -2970,31 +2978,31 @@ class _o extends yi {
     const { from: a, to: r } = this.logicalRange, l = r - a;
     if (l <= 0) return;
     const h = this.softMinRange, { left: d, right: c } = this.getSoftBounds(l, n), u = d !== null && c !== null ? c - d : this.softMaxRange();
-    let p = e;
-    const w = h * Io;
+    let g = e;
+    const b = h * Io;
     if (e < 1 && l < h) {
-      const m = h - l, f = (1 - Math.min(1, m / w)) ** 2;
-      p = 1 - (1 - e) * f;
+      const w = h - l, f = (1 - Math.min(1, w / b)) ** 2;
+      g = 1 - (1 - e) * f;
     }
-    let g = l * p;
-    g < h - w && (g = h - w), e > 1 && u !== null && g > u && (g = u);
+    let p = l * g;
+    p < h - b && (p = h - b), e > 1 && u !== null && p > u && (p = u);
     const k = (t - a) / l;
-    let S = t - k * g, v = S + g;
-    if (e < 1 && v < r) {
-      const m = r - v;
-      S += m, v += m;
+    let S = t - k * p, m = S + p;
+    if (e < 1 && m < r) {
+      const w = r - m;
+      S += w, m += w;
     }
     if (e > 1) {
-      if (c !== null && v > c) {
-        const m = v - c;
-        S -= m, v -= m;
+      if (c !== null && m > c) {
+        const w = m - c;
+        S -= w, m -= w;
       }
       if (d !== null && S < d) {
-        const m = d - S;
-        S += m, v += m;
+        const w = d - S;
+        S += w, m += w;
       }
     }
-    s > 0 ? this.retargetLogical(S, v, s) : this.applyLogical(S, v), this.emit("interact");
+    s > 0 ? this.retargetLogical(S, m, s) : this.applyLogical(S, m), this.emit("interact");
   }
   /**
    * Shift the visible range by a time delta. Overshooting either data edge
@@ -3012,23 +3020,23 @@ class _o extends yi {
     const { left: l, right: h } = this.getSoftBounds(r, e), d = r * To;
     let c = t;
     if (t > 0 && h !== null) {
-      const g = Math.max(0, a - h);
-      g > 0 && (c *= 1 / (g / d + 1));
+      const p = Math.max(0, a - h);
+      p > 0 && (c *= 1 / (p / d + 1));
     } else if (t < 0 && l !== null) {
-      const g = Math.max(0, l - s);
-      g > 0 && (c *= 1 / (g / d + 1));
+      const p = Math.max(0, l - s);
+      p > 0 && (c *= 1 / (p / d + 1));
     }
-    let u = s + c, p = a + c;
-    if (h !== null && p > h + d) {
-      const g = p - (h + d);
-      u -= g, p -= g;
+    let u = s + c, g = a + c;
+    if (h !== null && g > h + d) {
+      const p = g - (h + d);
+      u -= p, g -= p;
     }
     if (l !== null && u < l - d) {
-      const g = l - d - u;
-      u += g, p += g;
+      const p = l - d - u;
+      u += p, g += p;
     }
-    const w = o(this, ft) !== null && o(this, ft) >= u && o(this, ft) <= p;
-    this._autoScroll = w, n > 0 ? this.retargetLogical(u, p, n) : this.applyLogical(u, p), this.emit("interact");
+    const b = o(this, ft) !== null && o(this, ft) >= u && o(this, ft) <= g;
+    this._autoScroll = b, n > 0 ? this.retargetLogical(u, g, n) : this.applyLogical(u, g), this.emit("interact");
   }
   /**
    * Animate the visible range back into soft bounds after a gesture ends.
@@ -3047,26 +3055,26 @@ class _o extends yi {
     l < a && (l = a), r !== null && l > r && (l = r);
     let h = e, d = n;
     if (l !== s) {
-      const m = (e + n) / 2;
-      h = m - l / 2, d = m + l / 2;
+      const w = (e + n) / 2;
+      h = w - l / 2, d = w + l / 2;
     }
     const { left: c, right: u } = this.getSoftBounds(l, t);
     if (u !== null && d > u) {
-      const m = d - u;
-      h -= m, d -= m;
+      const w = d - u;
+      h -= w, d -= w;
     }
     if (c !== null && h < c) {
-      const m = c - h;
-      h += m, d += m;
+      const w = c - h;
+      h += w, d += w;
     }
-    const p = Math.abs(h - e), w = Math.abs(d - n);
-    if (p < 1 && w < 1) return;
-    const g = s * Co;
-    let k = null, S = 0, v = 0;
-    u !== null && n - u > g ? (k = "right", S = n - u, v = u) : c !== null && c - e > g && (k = "left", S = c - e, v = c), this.reboundMs <= 0 ? this.applyLogical(h, d) : this.retargetLogical(h, d, this.reboundMs), this.emit("interact"), k !== null && this.emit("edgeReached", {
+    const g = Math.abs(h - e), b = Math.abs(d - n);
+    if (g < 1 && b < 1) return;
+    const p = s * Co;
+    let k = null, S = 0, m = 0;
+    u !== null && n - u > p ? (k = "right", S = n - u, m = u) : c !== null && c - e > p && (k = "left", S = c - e, m = c), this.reboundMs <= 0 ? this.applyLogical(h, d) : this.retargetLogical(h, d, this.reboundMs), this.emit("interact"), k !== null && this.emit("edgeReached", {
       side: k,
       overshoot: S,
-      boundaryTime: v
+      boundaryTime: m
     });
   }
   /**
@@ -3081,10 +3089,10 @@ class _o extends yi {
   fitToData(t, e, n = 0, s = !1, a) {
     this._autoScroll = !0, n > 0 && (this._lastChartWidth = n);
     const r = 400 * this.dataInterval, l = e - t, h = l > 0 ? l : this.dataInterval * 10, d = this.resolveHPad(this.padding.right, h, n), c = this.resolveHPad(this.padding.left, h, n);
-    let u = e + d, p = t - c;
-    u - p > r && (u = e + d, p = u - r);
-    const { from: w, to: g } = this.logicalRange;
-    s && !(w === 0 && g === 0) ? this.retargetLogical(p, u, a ?? Si.fit) : this.applyLogical(p, u);
+    let u = e + d, g = t - c;
+    u - g > r && (u = e + d, g = u - r);
+    const { from: b, to: p } = this.logicalRange;
+    s && !(b === 0 && p === 0) ? this.retargetLogical(g, u, a ?? Si.fit) : this.applyLogical(g, u);
   }
   /**
    * Keep the right edge pinned to the latest data (real-time auto-scroll).
@@ -3105,8 +3113,8 @@ class _o extends yi {
     if (a <= 0) return;
     const r = this.resolveHPad(this.padding.right, a, e), l = s, h = this._prevDataEnd !== null ? l - this._prevDataEnd : r, d = Math.max(0, Math.min(r, h)), c = t + d, u = c - a;
     this._autoScroll = !0;
-    const p = Ro * this.dataInterval, w = e > 0 ? Lo / e * a : p, g = Math.min(p, w);
-    Math.abs(c - s) < g || (this.retargetLogical(u, c, Si.streamTick), this._prevDataEnd = o(this, ft));
+    const g = Ro * this.dataInterval, b = e > 0 ? Lo / e * a : g, p = Math.min(g, b);
+    Math.abs(c - s) < p || (this.retargetLogical(u, c, Si.streamTick), this._prevDataEnd = o(this, ft));
   }
   /** Return the number of data bars (candles/points) currently visible. */
   getVisibleBarsCount() {
@@ -3117,7 +3125,7 @@ class _o extends yi {
     this.removeAllListeners();
   }
 }
-vt = /* @__PURE__ */ new WeakMap(), Wt = /* @__PURE__ */ new WeakMap(), ft = /* @__PURE__ */ new WeakMap();
+vt = /* @__PURE__ */ new WeakMap(), Ft = /* @__PURE__ */ new WeakMap(), ft = /* @__PURE__ */ new WeakMap();
 function Ae(i, t) {
   return i === !1 || i === 0 ? 0 : i === void 0 ? t : i;
 }
@@ -3138,7 +3146,7 @@ function Un(i) {
   };
   return { points: s, viewport: a };
 }
-function Bo(i) {
+function Fo(i) {
   if (!i) return { monitor: null, ownsMonitor: !1, showHud: !1 };
   if (i === !0) return { monitor: new Ki(), ownsMonitor: !0, showHud: !0 };
   if (i instanceof Ki) return { monitor: i, ownsMonitor: !1, showHud: !1 };
@@ -3149,55 +3157,55 @@ function Bo(i) {
     showHud: t ?? !s
   };
 }
-let Fo = 0;
-var rt, X, it, Ht, De, O, ot, Qe, xt, Nt, mt, re, on, ze, _t, Ti, Ii, Gt, Ze, be, pi, _i, Pt, Xt, ti, ei, nt, le, Gn, Ri, ii, ni, Rs, Ls, Li, si, se, ae, Ve, ai;
-class Po extends yi {
+let Bo = 0;
+var rt, N, it, It, Pe, O, ot, Qe, wt, yt, mt, re, on, ze, Bt, Ti, Ii, Gt, Ze, be, pi, _i, zt, Xt, ti, ei, nt, le, Gn, Ri, ii, ni, Rs, Ls, Li, si, se, ae, Ve, ai;
+class Do extends yi {
   constructor(t, e) {
     var n, s, a, r;
-    super(), W(this, nt), W(this, rt), W(this, X), W(this, it), W(this, Ht), I(this, "timeScale"), I(this, "yScale"), W(this, De), W(this, O, []), W(this, ot), W(this, Qe), W(this, xt, 6e4), W(this, Nt, null), W(this, mt, {}), W(this, re, null), W(this, on, !1), W(this, ze, {}), W(this, _t, { left: "idle", right: "idle" }), W(this, Ti, { left: null, right: null }), W(this, Ii), W(this, Gt, 0), W(this, Ze, !1), W(this, be, !1), W(this, pi, !1), W(this, _i, 0), W(this, Pt), W(this, Xt), W(this, ti, !1), W(this, ei, null), W(this, Li, 0), W(this, si, !1), W(this, se, new He({
+    super(), W(this, nt), W(this, rt), W(this, N), W(this, it), W(this, It), R(this, "timeScale"), R(this, "yScale"), W(this, Pe), W(this, O, []), W(this, ot), W(this, Qe), W(this, wt, 6e4), W(this, yt, null), W(this, mt, {}), W(this, re, null), W(this, on, !1), W(this, ze, {}), W(this, Bt, { left: "idle", right: "idle" }), W(this, Ti, { left: null, right: null }), W(this, Ii), W(this, Gt, 0), W(this, Ze, !1), W(this, be, !1), W(this, pi, !1), W(this, _i, 0), W(this, zt), W(this, Xt), W(this, ti, !1), W(this, ei, null), W(this, Li, 0), W(this, si, !1), W(this, se, new He({
       initial: 0,
       duration: en,
       easing: Se,
-      lerp: (c, u, p) => c + (u - c) * p
+      lerp: (c, u, g) => c + (u - c) * g
     })), W(this, ae, new He({
       initial: 0,
       duration: en,
       easing: Se,
-      lerp: (c, u, p) => c + (u - c) * p
-    })), W(this, Ve, !1), W(this, ai, !1), e != null && e.axis && (M(this, ze, e.axis), M(this, mt, { min: (n = e.axis.y) == null ? void 0 : n.min, max: (s = e.axis.y) == null ? void 0 : s.max })), M(this, ot, (e == null ? void 0 : e.theme) ?? Is.theme), M(this, Qe, ((a = e == null ? void 0 : e.grid) == null ? void 0 : a.visible) !== !1), M(this, Pt, Un(e == null ? void 0 : e.animations)), M(this, Ii, e == null ? void 0 : e.onEdgeReached);
-    const l = Bo(e == null ? void 0 : e.perf);
-    M(this, Xt, l.monitor), M(this, ti, l.ownsMonitor), M(this, rt, new ia(t, o(this, Xt) ?? void 0)), M(this, X, new _o({
+      lerp: (c, u, g) => c + (u - c) * g
+    })), W(this, Ve, !1), W(this, ai, !1), e != null && e.axis && (M(this, ze, e.axis), M(this, mt, { min: (n = e.axis.y) == null ? void 0 : n.min, max: (s = e.axis.y) == null ? void 0 : s.max })), M(this, ot, (e == null ? void 0 : e.theme) ?? Is.theme), M(this, Qe, ((a = e == null ? void 0 : e.grid) == null ? void 0 : a.visible) !== !1), M(this, zt, Un(e == null ? void 0 : e.animations)), M(this, Ii, e == null ? void 0 : e.onEdgeReached);
+    const l = Fo(e == null ? void 0 : e.perf);
+    M(this, Xt, l.monitor), M(this, ti, l.ownsMonitor), M(this, rt, new ia(t, o(this, Xt) ?? void 0)), M(this, N, new _o({
       padding: e == null ? void 0 : e.padding,
-      reboundMs: o(this, Pt).viewport.reboundMs
-    })), xa(this, o(this, X)), this.timeScale = new cs(), this.yScale = new ps();
+      reboundMs: o(this, zt).viewport.reboundMs
+    })), xa(this, o(this, N)), this.timeScale = new cs(), this.yScale = new ps();
     const h = o(this, Xt);
     h ? (M(this, it, new wi((c) => {
       h.resetDrawCalls("main");
       const u = performance.now();
       this.renderMain(c), h.recordFrame("main", performance.now() - u, c);
-    })), M(this, Ht, new wi((c) => {
+    })), M(this, It, new wi((c) => {
       h.resetDrawCalls("overlay");
       const u = performance.now();
       this.renderOverlay(c), h.recordFrame("overlay", performance.now() - u, c);
-    })), l.showHud && M(this, ei, new Ta(t, h))) : (M(this, it, new wi((c) => this.renderMain(c))), M(this, Ht, new wi((c) => this.renderOverlay(c))));
+    })), l.showHud && M(this, ei, new Ta(t, h))) : (M(this, it, new wi((c) => this.renderMain(c))), M(this, It, new wi((c) => this.renderOverlay(c))));
     const d = (e == null ? void 0 : e.interactive) !== !1;
-    M(this, De, d ? new ba(
+    M(this, Pe, d ? new ba(
       o(this, rt).canvas,
-      o(this, X),
+      o(this, N),
       this.timeScale,
       this.yScale,
-      o(this, Pt).viewport.inputResponseMs
-    ) : null), o(this, X).on("change", () => {
+      o(this, zt).viewport.inputResponseMs
+    ) : null), o(this, N).on("change", () => {
       this.syncScales(), o(this, it).markDirty(), this.emit("viewportChange");
-    }), o(this, X).on("edgeReached", (c) => {
+    }), o(this, N).on("edgeReached", (c) => {
       var u;
       o(this, Ti)[c.side] = c.boundaryTime, (u = o(this, Ii)) == null || u.call(this, c);
-    }), o(this, X).on("interact", () => {
+    }), o(this, N).on("interact", () => {
       M(this, ai, !0);
     }), o(this, rt).on("resize", () => {
       this.updateScales(!0), this.renderMain(), this.emit("viewportChange");
-    }), (r = o(this, De)) == null || r.on("crosshairMove", (c) => {
-      M(this, Nt, c), o(this, Ht).markDirty(), this.emit("crosshairMove", c), F(this, nt, Ls).call(this, c);
+    }), (r = o(this, Pe)) == null || r.on("crosshairMove", (c) => {
+      M(this, yt, c), o(this, It).markDirty(), this.emit("crosshairMove", c), B(this, nt, Ls).call(this, c);
     });
   }
   get yAxisWidth() {
@@ -3225,11 +3233,11 @@ class Po extends yi {
       up: { ...o(this, ot).candlestick.up },
       down: { ...o(this, ot).candlestick.down },
       bodyWidthRatio: 0.6,
-      ...F(this, nt, Ri).call(this, "candle"),
+      ...B(this, nt, Ri).call(this, "candle"),
       ...t,
-      ...F(this, nt, ii).call(this)
+      ...B(this, nt, ii).call(this)
     });
-    return F(this, nt, ni).call(this, n, n.store, t ?? {});
+    return B(this, nt, ni).call(this, n, n.store, t ?? {});
   }
   /** Add a line series and return its unique ID. */
   addLineSeries(t) {
@@ -3237,32 +3245,32 @@ class Po extends yi {
       colors: s === 1 ? [o(this, ot).line.color] : o(this, ot).seriesColors.slice(0, s),
       strokeWidth: o(this, ot).line.width,
       area: { visible: !0 },
-      ...F(this, nt, Ri).call(this, "line"),
+      ...B(this, nt, Ri).call(this, "line"),
       ...n,
-      ...F(this, nt, ii).call(this)
+      ...B(this, nt, ii).call(this)
     });
-    return F(this, nt, ni).call(this, a, a.store, n);
+    return B(this, nt, ni).call(this, a, a.store, n);
   }
   /** Add a bar series and return its unique ID. */
   addBarSeries(t) {
     const { layers: e, ...n } = t ?? {}, s = e ?? 1, a = new Qa(s, {
       colors: o(this, ot).seriesColors.slice(0, s),
       barWidthRatio: 0.6,
-      ...F(this, nt, Ri).call(this, "bar"),
+      ...B(this, nt, Ri).call(this, "bar"),
       ...n,
-      ...F(this, nt, ii).call(this)
+      ...B(this, nt, ii).call(this)
     });
-    return F(this, nt, ni).call(this, a, a.store, n);
+    return B(this, nt, ni).call(this, a, a.store, n);
   }
   /** Add a pie/donut series. Set `innerRadiusRatio > 0` for donut. */
   addPieSeries(t) {
     const e = new Ci(t);
-    return F(this, nt, ni).call(this, e, null, t ?? {});
+    return B(this, nt, ni).call(this, e, null, t ?? {});
   }
   /** Remove a series by ID and clean up its resources. */
   removeSeries(t) {
     const e = o(this, O).findIndex((n) => n.id === t);
-    e >= 0 && (o(this, O)[e].renderer.dispose(), o(this, O).splice(e, 1), M(this, re, null), this.updateViewportPadding(), o(this, it).markDirty(), this.emit("seriesChange"), F(this, nt, le).call(this));
+    e >= 0 && (o(this, O)[e].renderer.dispose(), o(this, O).splice(e, 1), M(this, re, null), this.updateViewportPadding(), o(this, it).markDirty(), this.emit("seriesChange"), B(this, nt, le).call(this));
   }
   /**
    * Replace all data for a series.
@@ -3294,9 +3302,9 @@ class Po extends yi {
     const n = o(this, O).find((d) => d.id === t);
     if (!n) return;
     const s = n.label, a = n.renderer.getLayerColors().slice();
-    n.renderer.updateOptions({ ...e, ...F(this, nt, ii).call(this) }), "label" in e && typeof e.label == "string" && (n.label = e.label), o(this, it).markDirty();
+    n.renderer.updateOptions({ ...e, ...B(this, nt, ii).call(this) }), "label" in e && typeof e.label == "string" && (n.label = e.label), o(this, it).markDirty();
     const r = n.renderer.getLayerColors(), l = a.length !== r.length || a.some((d, c) => d !== r[c]), h = s !== n.label;
-    (l || h) && F(this, nt, le).call(this);
+    (l || h) && B(this, nt, le).call(this);
   }
   /**
    * Batch multiple updates: suppress recomputes until `fn` returns. Exceptions
@@ -3314,7 +3322,7 @@ class Po extends yi {
   setSeriesVisible(t, e) {
     const n = o(this, O).find((s) => s.id === t);
     if (!(!n || n.visible === e)) {
-      if (n.visible = e, F(this, nt, le).call(this), o(this, Gt) > 0) {
+      if (n.visible = e, B(this, nt, le).call(this), o(this, Gt) > 0) {
         M(this, be, !0);
         return;
       }
@@ -3329,7 +3337,7 @@ class Po extends yi {
   setLayerVisible(t, e, n) {
     const s = o(this, O).find((a) => a.id === t);
     if (s && !(s.renderer.getLayerCount() <= 1) && s.renderer.isLayerVisible(e) !== n) {
-      if (s.renderer.setLayerVisible(e, n), F(this, nt, le).call(this), o(this, Gt) > 0) {
+      if (s.renderer.setLayerVisible(e, n), B(this, nt, le).call(this), o(this, Gt) > 0) {
         M(this, be, !0);
         return;
       }
@@ -3345,10 +3353,10 @@ class Po extends yi {
     const { first: t, last: e } = this.getDataBounds();
     if (t === void 0 || e === void 0) return;
     const n = o(this, rt).size.media.width - this.yAxisWidth;
-    o(this, X).fitToData(t, e, n, !0);
+    o(this, N).fitToData(t, e, n, !0);
   }
   getVisibleRange() {
-    return o(this, X).visibleRange;
+    return o(this, N).visibleRange;
   }
   /**
    * Return the full span of registered data, or `null` before any data has
@@ -3356,7 +3364,7 @@ class Po extends yi {
    * tracking and is cheaper than recomputing from series stores.
    */
   getDataRange() {
-    const t = o(this, X).dataStart, e = o(this, X).dataEnd;
+    const t = o(this, N).dataStart, e = o(this, N).dataEnd;
     return t === null || e === null ? null : { from: t, to: e };
   }
   /**
@@ -3379,17 +3387,65 @@ class Po extends yi {
       if (!Number.isInteger(t) || t < 2) return;
       const { first: e, last: n } = this.getDataBounds();
       if (e === void 0 || n === void 0) return;
-      const s = Math.max(e, n - (t - 1) * o(this, xt)), a = o(this, rt).size.media.width - this.yAxisWidth;
-      o(this, X).fitToData(s, n, a, !1);
+      const s = Math.max(e, n - (t - 1) * o(this, wt)), a = o(this, rt).size.media.width - this.yAxisWidth;
+      o(this, N).fitToData(s, n, a, !1);
       return;
     }
-    o(this, X).setRange(t);
+    o(this, N).setRange(t);
   }
   getYRange() {
-    return o(this, X).yRange;
+    return o(this, N).yRange;
   }
   getCrosshairPosition() {
-    return o(this, Nt);
+    return o(this, yt);
+  }
+  /**
+   * Programmatically set or clear the crosshair. Same effect as the user
+   * hovering over `(timeToX(time), valueToY(y))` — emits `crosshairMove`,
+   * marks the overlay layer dirty, and lets `<Crosshair>` / `<Tooltip>`
+   * react via their normal store subscriptions.
+   *
+   * Pass `null` to clear (mirrors the pointer-leave path).
+   *
+   * `y` is optional. Resolution order when omitted:
+   *   1. **current crosshair's y** — preserves whatever the chart already
+   *      has (real cursor y, or a previously-synthesised value). This is
+   *      what makes the cross-chart broadcast pattern work: when an echo
+   *      arrives at the chart that originated the hover, the existing y
+   *      stays in place and the idempotency check below short-circuits the
+   *      loop. Without preservation, the echo would overwrite the source's
+   *      real cursor y with the midpoint default and the tooltip would
+   *      jitter between cursor and midpoint every mouse-move.
+   *   2. **midpoint of the current Y range** — fallback when there is no
+   *      current crosshair (first programmatic set on a chart that hasn't
+   *      been hovered yet).
+   *
+   * Idempotent: a call that produces the same `(time, y)` pair as the
+   * current crosshair is a no-op (no emit). Combined with the y-preservation
+   * above, this lets N charts broadcast their hover to each other without
+   * a feedback-loop guard.
+   */
+  setCrosshair(t) {
+    if (t === null) {
+      if (o(this, yt) === null) return;
+      M(this, yt, null), o(this, It).markDirty(), this.emit("crosshairMove", null);
+      return;
+    }
+    const { time: e } = t;
+    if (!Number.isFinite(e)) return;
+    const n = o(this, yt);
+    let s;
+    if (t.y !== void 0)
+      s = t.y;
+    else if (n !== null)
+      s = n.y;
+    else {
+      const l = o(this, N).yRange;
+      s = (l.min + l.max) / 2;
+    }
+    if (!Number.isFinite(s) || n !== null && n.time === e && n.y === s) return;
+    const a = this.timeScale.timeToX(e), r = this.yScale.valueToY(s);
+    M(this, yt, { mediaX: a, mediaY: r, time: e, y: s }), o(this, It).markDirty(), this.emit("crosshairMove", o(this, yt));
   }
   /** Get the last visible value and whether the absolute last point is on screen. */
   getLastValue(t) {
@@ -3397,7 +3453,7 @@ class Po extends yi {
     if (!(e != null && e.store)) return null;
     const n = e.store.last();
     if (!n) return null;
-    const s = (h) => "close" in h ? h.close : h.value, { from: a, to: r } = o(this, X).visibleRange;
+    const s = (h) => "close" in h ? h.close : h.value, { from: a, to: r } = o(this, N).visibleRange;
     if (n.time >= a && n.time <= r)
       return { value: s(n), isLive: !0 };
     const l = e.store.getVisibleData(a, r);
@@ -3420,7 +3476,7 @@ class Po extends yi {
   getDataAtTime(t, e) {
     var n, s;
     const a = o(this, O).find((r) => r.id === t);
-    return a ? ((s = (n = a.renderer).getDataAtTime) == null ? void 0 : s.call(n, e, o(this, xt))) ?? null : null;
+    return a ? ((s = (n = a.renderer).getDataAtTime) == null ? void 0 : s.call(n, e, o(this, wt))) ?? null : null;
   }
   /**
    * Get all layers' data at a given time for multi-layer series (Bar/Line
@@ -3431,7 +3487,7 @@ class Po extends yi {
   getLayerSnapshots(t, e) {
     var n, s;
     const a = o(this, O).find((r) => r.id === t);
-    return a != null && a.visible ? ((s = (n = a.renderer).getLayerSnapshots) == null ? void 0 : s.call(n, e, o(this, xt))) ?? null : null;
+    return a != null && a.visible ? ((s = (n = a.renderer).getLayerSnapshots) == null ? void 0 : s.call(n, e, o(this, wt))) ?? null : null;
   }
   getSeriesIds() {
     return o(this, re) || M(this, re, o(this, O).map((t) => t.id)), o(this, re).slice();
@@ -3545,7 +3601,7 @@ class Po extends yi {
     M(this, ot, t);
     for (const n of o(this, O))
       n.renderer.applyTheme(t, e);
-    o(this, it).markDirty(), F(this, nt, le).call(this);
+    o(this, it).markDirty(), B(this, nt, le).call(this);
   }
   getTheme() {
     return o(this, ot);
@@ -3584,7 +3640,7 @@ class Po extends yi {
     };
   }
   getDataInterval() {
-    return o(this, xt);
+    return o(this, wt);
   }
   /**
    * Update viewport padding at runtime. Refits the visible time range to
@@ -3615,7 +3671,7 @@ class Po extends yi {
   setAnimations(t) {
     var e, n, s;
     const a = Un(t);
-    M(this, Pt, a), o(this, X).setReboundMs(a.viewport.reboundMs), (e = o(this, De)) == null || e.setInputResponseMs(a.viewport.inputResponseMs);
+    M(this, zt, a), o(this, N).setReboundMs(a.viewport.reboundMs), (e = o(this, Pe)) == null || e.setInputResponseMs(a.viewport.inputResponseMs);
     const r = {};
     if (a.points.enterMs === 0 && (r.entryMs = 0), a.points.smoothMs === 0 && (r.smoothMs = 0), a.points.pulseMs === 0 && (r.pulseMs = 0), Object.keys(r).length > 0)
       for (const l of o(this, O))
@@ -3623,14 +3679,14 @@ class Po extends yi {
     o(this, it).markDirty();
   }
   setPadding(t) {
-    const e = o(this, X).getPadding();
-    o(this, X).setPadding(t);
-    const n = o(this, X).getPadding(), s = !jn(e.left, n.left) || !jn(e.right, n.right), a = e.top !== n.top || e.bottom !== n.bottom;
+    const e = o(this, N).getPadding();
+    o(this, N).setPadding(t);
+    const n = o(this, N).getPadding(), s = !jn(e.left, n.left) || !jn(e.right, n.right), a = e.top !== n.top || e.bottom !== n.bottom;
     if (s) {
       const { first: r, last: l } = this.getDataBounds();
       if (r !== void 0 && l !== void 0) {
         const h = o(this, rt).size.media.width - this.yAxisWidth;
-        o(this, X).fitToData(r, l, h, !1);
+        o(this, N).fitToData(r, l, h, !1);
       }
     }
     a && this.updateYRange(!0), this.syncScales(), o(this, it).markDirty(), a && this.emit("viewportChange");
@@ -3649,11 +3705,11 @@ class Po extends yi {
    * symmetry and currently renders identically to `idle`.
    */
   setEdgeState(t, e) {
-    o(this, _t)[t] !== e && (o(this, _t)[t] = e, o(this, Ht).markDirty());
+    o(this, Bt)[t] !== e && (o(this, Bt)[t] = e, o(this, It).markDirty());
   }
   /** Read the current host-declared state for a given edge. */
   getEdgeState(t) {
-    return o(this, _t)[t];
+    return o(this, Bt)[t];
   }
   /** Notify chart that a YLabel is present (affects right padding). */
   setYLabel(t) {
@@ -3665,7 +3721,7 @@ class Po extends yi {
   destroy() {
     var t, e, n;
     for (const s of o(this, O)) s.renderer.dispose();
-    M(this, O, []), M(this, re, null), o(this, X).destroy(), o(this, it).destroy(), o(this, Ht).destroy(), (t = o(this, De)) == null || t.destroy(), o(this, rt).destroy(), (e = o(this, ei)) == null || e.destroy(), M(this, ei, null), o(this, ti) && ((n = o(this, Xt)) == null || n.destroy()), M(this, Xt, null), M(this, ti, !1), this.removeAllListeners();
+    M(this, O, []), M(this, re, null), o(this, N).destroy(), o(this, it).destroy(), o(this, It).destroy(), (t = o(this, Pe)) == null || t.destroy(), o(this, rt).destroy(), (e = o(this, ei)) == null || e.destroy(), M(this, ei, null), o(this, ti) && ((n = o(this, Xt)) == null || n.destroy()), M(this, Xt, null), M(this, ti, !1), this.removeAllListeners();
   }
   /** The attached performance monitor, or `null` when instrumentation is disabled. */
   getPerfMonitor() {
@@ -3688,17 +3744,17 @@ class Po extends yi {
     }
     this.updateDataInterval();
     const { first: t, last: e } = this.getDataBounds();
-    t !== void 0 && o(this, X).setDataStart(t), e !== void 0 && o(this, X).setDataEnd(e);
+    t !== void 0 && o(this, N).setDataStart(t), e !== void 0 && o(this, N).setDataEnd(e);
     let n = 0;
     for (const r of o(this, O))
       r.renderer.getTotalLength ? n += r.renderer.getTotalLength() : r.store && (n += r.store.length);
     const s = n - o(this, Li) > 5;
     if (M(this, Li, n), t !== void 0 && e !== void 0) {
-      const { from: r, to: l } = o(this, X).logicalRange, h = r === 0 && l === 0, d = o(this, rt).size.media.width - this.yAxisWidth;
-      h ? o(this, X).fitToData(t, e, d, !1) : s && o(this, X).autoScroll ? o(this, X).fitToData(t, e, d, !0) : !s && o(this, X).autoScroll && (o(this, X).dataFitsCurrentViewport(d) ? o(this, X).fitToData(t, e, d, !0, Si.streamTick) : o(this, X).scrollToEnd(e, d));
+      const { from: r, to: l } = o(this, N).logicalRange, h = r === 0 && l === 0, d = o(this, rt).size.media.width - this.yAxisWidth;
+      h ? o(this, N).fitToData(t, e, d, !1) : s && o(this, N).autoScroll ? o(this, N).fitToData(t, e, d, !0) : !s && o(this, N).autoScroll && (o(this, N).dataFitsCurrentViewport(d) ? o(this, N).fitToData(t, e, d, !0, Si.streamTick) : o(this, N).scrollToEnd(e, d));
     }
     const a = o(this, si);
-    M(this, si, !1), this.updateYRange(s || a), this.syncScales(), o(this, it).markDirty(), this.emit("dataUpdate"), F(this, nt, le).call(this);
+    M(this, si, !1), this.updateYRange(s || a), this.syncScales(), o(this, it).markDirty(), this.emit("dataUpdate"), B(this, nt, le).call(this);
   }
   updateDataInterval() {
     for (const t of o(this, O)) {
@@ -3706,7 +3762,7 @@ class Po extends yi {
       const e = t.store.getAll();
       if (e.length >= 2) {
         const n = e.slice(0, 20).map((s) => s.time);
-        M(this, xt, _a(n)), o(this, X).setDataInterval(o(this, xt));
+        M(this, wt, _a(n)), o(this, N).setDataInterval(o(this, wt));
         break;
       }
     }
@@ -3746,28 +3802,28 @@ class Po extends yi {
     return n === 1 / 0 || s === -1 / 0 ? null : { min: n, max: s };
   }
   updateYRange(t = !1, e) {
-    const n = o(this, X).logicalRange, s = o(this, mt).min !== void 0 && o(this, mt).min !== "auto" && typeof o(this, mt).min != "number" || o(this, mt).max !== void 0 && o(this, mt).max !== "auto" && typeof o(this, mt).max != "number" ? [] : null, a = this.computeTargetYRange(n, s);
+    const n = o(this, N).logicalRange, s = o(this, mt).min !== void 0 && o(this, mt).min !== "auto" && typeof o(this, mt).min != "number" || o(this, mt).max !== void 0 && o(this, mt).max !== "auto" && typeof o(this, mt).max != "number" ? [] : null, a = this.computeTargetYRange(n, s);
     if (a === null) {
       M(this, Ve, !1);
       return;
     }
-    const r = this.resolveBound(o(this, mt).min, a.min, a.max, s ?? [], "min"), l = this.resolveBound(o(this, mt).max, a.max, a.min, s ?? [], "max"), h = o(this, Pt).viewport.yAxisMs, d = o(this, ai);
+    const r = this.resolveBound(o(this, mt).min, a.min, a.max, s ?? [], "min"), l = this.resolveBound(o(this, mt).max, a.max, a.min, s ?? [], "max"), h = o(this, zt).viewport.yAxisMs, d = o(this, ai);
     M(this, ai, !1);
     const c = d && h > Rn ? Rn : h;
     if (!o(this, Ve) || t || c <= 0)
       o(this, se).snap(r), o(this, ae).snap(l), M(this, Ve, !0);
     else {
-      const v = o(this, Pt).points.enterMs > 0;
-      r < o(this, se).current && !v ? o(this, se).snap(r) : o(this, se).setTarget(r, { duration: c, now: e }), l > o(this, ae).current && !v ? o(this, ae).snap(l) : o(this, ae).setTarget(l, { duration: c, now: e });
+      const m = o(this, zt).points.enterMs > 0;
+      r < o(this, se).current && !m ? o(this, se).snap(r) : o(this, se).setTarget(r, { duration: c, now: e }), l > o(this, ae).current && !m ? o(this, ae).snap(l) : o(this, ae).setTarget(l, { duration: c, now: e });
     }
-    const u = e ?? performance.now(), p = o(this, se).tick(u), w = o(this, ae).tick(u);
-    (p || w) && o(this, it).markDirty();
-    const g = o(this, mt).min !== void 0 && o(this, mt).min !== "auto", k = o(this, mt).max !== void 0 && o(this, mt).max !== "auto", S = o(this, rt).size.media.height - this.xAxisHeight;
-    o(this, X).setYRange(
+    const u = e ?? performance.now(), g = o(this, se).tick(u), b = o(this, ae).tick(u);
+    (g || b) && o(this, it).markDirty();
+    const p = o(this, mt).min !== void 0 && o(this, mt).min !== "auto", k = o(this, mt).max !== void 0 && o(this, mt).max !== "auto", S = o(this, rt).size.media.height - this.xAxisHeight;
+    o(this, N).setYRange(
       o(this, se).current,
       o(this, ae).current,
       S,
-      g,
+      p,
       k
     );
   }
@@ -3792,38 +3848,38 @@ class Po extends yi {
     const t = o(this, rt).size;
     if (t.media.width === 0 || t.media.height === 0) return;
     const e = t.media.width - this.yAxisWidth, n = t.media.height - this.xAxisHeight;
-    this.timeScale.update(o(this, X).visibleRange, e, t.horizontalPixelRatio, o(this, xt)), this.yScale.update(o(this, X).yRange, n, t.verticalPixelRatio);
+    this.timeScale.update(o(this, N).visibleRange, e, t.horizontalPixelRatio, o(this, wt)), this.yScale.update(o(this, N).yRange, n, t.verticalPixelRatio);
   }
   updateScales(t = !1, e) {
     const n = o(this, rt).size;
     if (n.media.width === 0 || n.media.height === 0) return;
     const s = n.media.width - this.yAxisWidth, a = n.media.height - this.xAxisHeight;
-    this.timeScale.update(o(this, X).visibleRange, s, n.horizontalPixelRatio, o(this, xt)), this.yScale.update(o(this, X).yRange, a, n.verticalPixelRatio), this.updateYRange(t, e), this.yScale.update(o(this, X).yRange, a, n.verticalPixelRatio);
+    this.timeScale.update(o(this, N).visibleRange, s, n.horizontalPixelRatio, o(this, wt)), this.yScale.update(o(this, N).yRange, a, n.verticalPixelRatio), this.updateYRange(t, e), this.yScale.update(o(this, N).yRange, a, n.verticalPixelRatio);
   }
   /** Expensive: background, grid, all series. Only on data/viewport/resize change. */
   renderMain(t) {
     const e = o(this, rt).size;
     if (e.media.width === 0 || e.media.height === 0) return;
     const n = typeof t == "number" ? t : performance.now();
-    o(this, X).tick(n) && o(this, it).markDirty(), this.updateScales(!1, n), o(this, rt).useMainLayer((s) => {
+    o(this, N).tick(n) && o(this, it).markDirty(), this.updateScales(!1, n), o(this, rt).useMainLayer((s) => {
       const { context: a, bitmapSize: r } = s, l = (e.media.width - this.yAxisWidth) * e.horizontalPixelRatio, h = (e.media.height - this.xAxisHeight) * e.verticalPixelRatio;
-      a.clearRect(0, 0, r.width, r.height), a.save(), a.beginPath(), a.rect(0, 0, l, h), a.clip(), o(this, Qe) && fa(s, this.timeScale, this.yScale, o(this, ot), o(this, xt));
-      const d = o(this, X).getPadding(), c = { top: d.top, bottom: d.bottom }, u = o(this, Xt);
-      for (const p of o(this, O)) {
-        if (!p.visible) continue;
-        const w = {
+      a.clearRect(0, 0, r.width, r.height), a.save(), a.beginPath(), a.rect(0, 0, l, h), a.clip(), o(this, Qe) && fa(s, this.timeScale, this.yScale, o(this, ot), o(this, wt));
+      const d = o(this, N).getPadding(), c = { top: d.top, bottom: d.bottom }, u = o(this, Xt);
+      for (const g of o(this, O)) {
+        if (!g.visible) continue;
+        const b = {
           scope: s,
           timeScale: this.timeScale,
           yScale: this.yScale,
           theme: o(this, ot),
-          dataInterval: o(this, xt),
+          dataInterval: o(this, wt),
           padding: c
         };
         if (u) {
-          const g = performance.now();
-          p.renderer.render(w), u.recordSeries(p.id, performance.now() - g, n);
+          const p = performance.now();
+          g.renderer.render(b), u.recordSeries(g.id, performance.now() - p, n);
         } else
-          p.renderer.render(w);
+          g.renderer.render(b);
       }
       a.restore();
     });
@@ -3845,25 +3901,25 @@ class Po extends yi {
         a = !0;
         break;
       }
-    const r = o(this, _t).left === "loading" || o(this, _t).right === "loading", l = o(this, _t).left !== "idle" || o(this, _t).right !== "idle";
+    const r = o(this, Bt).left === "loading" || o(this, Bt).right === "loading", l = o(this, Bt).left !== "idle" || o(this, Bt).right !== "idle";
     if (o(this, rt).useOverlayLayer((h) => {
       var d, c;
-      if (!o(this, Nt) && !a && !l) return;
-      const u = (s.media.width - this.yAxisWidth) * s.horizontalPixelRatio, p = (s.media.height - this.xAxisHeight) * s.verticalPixelRatio;
-      if (h.context.save(), h.context.beginPath(), h.context.rect(0, 0, u, p), h.context.clip(), o(this, Nt) && F(this, nt, Rs).call(this)) {
-        const k = o(this, Nt).mediaX * s.horizontalPixelRatio, S = o(this, Nt).mediaY * s.verticalPixelRatio;
+      if (!o(this, yt) && !a && !l) return;
+      const u = (s.media.width - this.yAxisWidth) * s.horizontalPixelRatio, g = (s.media.height - this.xAxisHeight) * s.verticalPixelRatio;
+      if (h.context.save(), h.context.beginPath(), h.context.rect(0, 0, u, g), h.context.clip(), o(this, yt) && B(this, nt, Rs).call(this)) {
+        const k = o(this, yt).mediaX * s.horizontalPixelRatio, S = o(this, yt).mediaY * s.verticalPixelRatio;
         na(h, k, S, o(this, ot));
       }
-      const w = o(this, X).getPadding(), g = { top: w.top, bottom: w.bottom };
+      const b = o(this, N).getPadding(), p = { top: b.top, bottom: b.bottom };
       for (const k of o(this, O))
         k.visible && ((c = (d = k.renderer).drawOverlay) == null || c.call(d, {
           scope: h,
           timeScale: this.timeScale,
           yScale: this.yScale,
           theme: o(this, ot),
-          dataInterval: o(this, xt),
-          padding: g,
-          crosshair: o(this, Nt)
+          dataInterval: o(this, wt),
+          padding: p,
+          crosshair: o(this, yt)
         }));
       l && this.drawEdgeIndicators(h, s.media.height - this.xAxisHeight), h.context.restore();
     }), a) {
@@ -3874,14 +3930,14 @@ class Po extends yi {
           c = !0;
           break;
         }
-      c && o(this, Ht).markDirty();
+      c && o(this, It).markDirty();
     }
-    r && o(this, Ht).markDirty();
+    r && o(this, It).markDirty();
   }
   drawEdgeIndicators(t, e) {
     const n = performance.now();
     for (const s of ["left", "right"]) {
-      const a = o(this, _t)[s];
+      const a = o(this, Bt)[s];
       if (a === "idle" || a === "has-more") continue;
       const r = this.resolveEdgeBoundary(s);
       r !== null && ca({
@@ -3910,7 +3966,7 @@ class Po extends yi {
     return t === "left" ? n ?? null : s ?? null;
   }
 }
-rt = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap(), Ht = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap(), Nt = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakMap(), on = /* @__PURE__ */ new WeakMap(), ze = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Gt = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), pi = /* @__PURE__ */ new WeakMap(), _i = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new WeakMap(), ti = /* @__PURE__ */ new WeakMap(), ei = /* @__PURE__ */ new WeakMap(), nt = /* @__PURE__ */ new WeakSet(), /**
+rt = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), yt = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakMap(), on = /* @__PURE__ */ new WeakMap(), ze = /* @__PURE__ */ new WeakMap(), Bt = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), Ii = /* @__PURE__ */ new WeakMap(), Gt = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), pi = /* @__PURE__ */ new WeakMap(), _i = /* @__PURE__ */ new WeakMap(), zt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new WeakMap(), ti = /* @__PURE__ */ new WeakMap(), ei = /* @__PURE__ */ new WeakMap(), nt = /* @__PURE__ */ new WeakSet(), /**
 * Bump overlay version + emit `overlayChange`. Call from every mutation
 * path whose output overlay components care about: data, series list,
 * per-series/layer visibility, options, theme.
@@ -3938,7 +3994,7 @@ Gn = function(i) {
     return i;
   let t;
   do
-    t = `series_${++Fo}`;
+    t = `series_${++Bo}`;
   while (o(this, O).some((e) => e.id === t));
   return t;
 }, /**
@@ -3952,7 +4008,7 @@ Gn = function(i) {
 * the user's options for the disable paths.
 */
 Ri = function(i) {
-  const { enterMs: t, smoothMs: e, pulseMs: n } = o(this, Pt).points;
+  const { enterMs: t, smoothMs: e, pulseMs: n } = o(this, zt).points;
   return i === "line" ? { enterMs: t, smoothMs: e, pulseMs: n } : { enterMs: t, smoothMs: e };
 }, /**
 * Chart-level animation overrides — these *win over* any per-series value
@@ -3961,7 +4017,7 @@ Ri = function(i) {
 * `addXSeries` wrappers.
 */
 ii = function() {
-  const { enterMs: i, smoothMs: t, pulseMs: e } = o(this, Pt).points, n = {};
+  const { enterMs: i, smoothMs: t, pulseMs: e } = o(this, zt).points, n = {};
   return i === 0 && (n.enterMs = 0), t === 0 && (n.smoothMs = 0), e === 0 && (n.pulseMs = 0), n;
 }, /**
 * Shared registration boilerplate for every renderer: assign an id, hook
@@ -3971,8 +4027,8 @@ ii = function() {
 */
 ni = function(i, t, e) {
   var n;
-  const s = F(this, nt, Gn).call(this, e.id);
-  return (n = i.onDataChanged) == null || n.call(i, () => this.onDataChanged()), o(this, O).push({ id: s, label: e.label, renderer: i, store: t, visible: !0 }), M(this, re, null), this.updateViewportPadding(), this.emit("seriesChange"), F(this, nt, le).call(this), s;
+  const s = B(this, nt, Gn).call(this, e.id);
+  return (n = i.onDataChanged) == null || n.call(i, () => this.onDataChanged()), o(this, O).push({ id: s, label: e.label, renderer: i, store: t, visible: !0 }), M(this, re, null), this.updateViewportPadding(), this.emit("seriesChange"), B(this, nt, le).call(this), s;
 }, /**
 * True if any visible series is non-pie (line / bar / candlestick). Used
 * to gate crosshair rendering — a pie-only chart has no meaningful x/y
@@ -3988,7 +4044,7 @@ Rs = function() {
 * (currently: pie). Any change in hover index schedules a main-layer redraw.
 */
 Ls = function(i) {
-  const t = o(this, rt).size, e = o(this, X).getPadding(), n = {
+  const t = o(this, rt).size, e = o(this, N).getPadding(), n = {
     top: e.top * t.verticalPixelRatio,
     bottom: e.bottom * t.verticalPixelRatio
   };
@@ -4007,7 +4063,7 @@ Ls = function(i) {
 function jn(i, t) {
   return typeof i == "number" && typeof t == "number" ? i === t : typeof i == "object" && typeof t == "object" ? i.intervals === t.intervals : !1;
 }
-function Do(i, t) {
+function Po(i, t) {
   if (i.length <= t || t <= 0) return i;
   const e = i[0].time, n = i[i.length - 1].time, s = n - e;
   if (s <= 0) return i;
@@ -4017,8 +4073,8 @@ function Do(i, t) {
     const d = h === t - 1 ? n + 1 : e + (h + 1) * a;
     let c = null, u = null;
     for (; l < i.length && i[l].time < d; ) {
-      const p = i[l];
-      (c === null || p.value < c.value) && (c = p), (u === null || p.value > u.value) && (u = p), l++;
+      const g = i[l];
+      (c === null || g.value < c.value) && (c = g), (u === null || g.value > u.value) && (u = g), l++;
     }
     if (!(c === null || u === null)) {
       if (c === u) {
@@ -4080,25 +4136,25 @@ function Oo(i, t, e = !0, n = 1) {
   if (e) {
     const u = s.createLinearGradient(0, 0, 0, l);
     u.addColorStop(0, h.line.areaTopColor), u.addColorStop(1, h.line.areaBottomColor), s.beginPath();
-    for (let p = 0; p <= c; p++) {
-      const w = t[p], g = a.timeToX(w.time), k = r.valueToY(w.value);
-      p === 0 ? s.moveTo(g, k) : s.lineTo(g, k);
+    for (let g = 0; g <= c; g++) {
+      const b = t[g], p = a.timeToX(b.time), k = r.valueToY(b.value);
+      g === 0 ? s.moveTo(p, k) : s.lineTo(p, k);
     }
     if (s.lineTo(a.timeToX(t[c].time), l), s.lineTo(a.timeToX(t[0].time), l), s.closePath(), s.fillStyle = u, s.fill(), d) {
       s.save(), s.globalAlpha = n, s.beginPath();
-      const p = t[c], w = t[t.length - 1], g = a.timeToX(p.time), k = a.timeToX(w.time);
-      s.moveTo(g, r.valueToY(p.value)), s.lineTo(k, r.valueToY(w.value)), s.lineTo(k, l), s.lineTo(g, l), s.closePath(), s.fillStyle = u, s.fill(), s.restore();
+      const g = t[c], b = t[t.length - 1], p = a.timeToX(g.time), k = a.timeToX(b.time);
+      s.moveTo(p, r.valueToY(g.value)), s.lineTo(k, r.valueToY(b.value)), s.lineTo(k, l), s.lineTo(p, l), s.closePath(), s.fillStyle = u, s.fill(), s.restore();
     }
   }
   s.beginPath();
   for (let u = 0; u <= c; u++) {
-    const p = t[u], w = a.timeToX(p.time), g = r.valueToY(p.value);
-    u === 0 ? s.moveTo(w, g) : s.lineTo(w, g);
+    const g = t[u], b = a.timeToX(g.time), p = r.valueToY(g.value);
+    u === 0 ? s.moveTo(b, p) : s.lineTo(b, p);
   }
   if (s.strokeStyle = h.line.color, s.lineWidth = h.line.width, s.stroke(), d) {
     s.save(), s.globalAlpha = n, s.beginPath();
-    const u = t[c], p = t[t.length - 1];
-    s.moveTo(a.timeToX(u.time), r.valueToY(u.value)), s.lineTo(a.timeToX(p.time), r.valueToY(p.value)), s.strokeStyle = h.line.color, s.lineWidth = h.line.width, s.stroke(), s.restore();
+    const u = t[c], g = t[t.length - 1];
+    s.moveTo(a.timeToX(u.time), r.valueToY(u.value)), s.lineTo(a.timeToX(g.time), r.valueToY(g.value)), s.strokeStyle = h.line.color, s.lineWidth = h.line.width, s.stroke(), s.restore();
   }
 }
 function Ho(i, t, e = 1) {
@@ -4109,8 +4165,8 @@ function Ho(i, t, e = 1) {
   ), d = e < 1, c = t.length - 1;
   n.fillStyle = l.line.color;
   for (let u = 0; u < t.length; u++) {
-    const p = t[u], w = s.timeToX(p.time), g = a.valueToY(p.value), k = Math.max(1, r - g);
-    d && u === c ? (n.save(), n.globalAlpha = e, n.fillRect(w - h / 2, g, h, k), n.restore()) : n.fillRect(w - h / 2, g, h, k);
+    const g = t[u], b = s.timeToX(g.time), p = a.valueToY(g.value), k = Math.max(1, r - p);
+    d && u === c ? (n.save(), n.globalAlpha = e, n.fillRect(b - h / 2, p, h, k), n.restore()) : n.fillRect(b - h / 2, p, h, k);
   }
 }
 function No(i, t, e = 1) {
@@ -4120,76 +4176,76 @@ function No(i, t, e = 1) {
     t.length > 1 ? Math.abs(s.timeToX(t[1].time) - s.timeToX(t[0].time)) * 0.75 : 2
   ), h = e < 1, d = t.length - 1;
   for (let c = 0; c < t.length; c++) {
-    const u = t[c], p = u.close >= u.open ? r.candlestick.up : r.candlestick.down, w = Zt(p.body), g = s.timeToX(u.time), k = a.valueToY(u.open), S = a.valueToY(u.close), v = a.valueToY(u.high), m = a.valueToY(u.low), f = h && c === d;
-    f && (n.save(), n.globalAlpha = e), n.strokeStyle = p.wick, n.lineWidth = 1, n.beginPath(), n.moveTo(g, v), n.lineTo(g, m), n.stroke();
-    const x = Math.min(k, S), y = Math.max(1, Math.abs(S - k));
-    n.fillStyle = w, n.fillRect(g - l / 2, x, l, y), f && n.restore();
+    const u = t[c], g = u.close >= u.open ? r.candlestick.up : r.candlestick.down, b = Zt(g.body), p = s.timeToX(u.time), k = a.valueToY(u.open), S = a.valueToY(u.close), m = a.valueToY(u.high), w = a.valueToY(u.low), f = h && c === d;
+    f && (n.save(), n.globalAlpha = e), n.strokeStyle = g.wick, n.lineWidth = 1, n.beginPath(), n.moveTo(p, m), n.lineTo(p, w), n.stroke();
+    const v = Math.min(k, S), x = Math.max(1, Math.abs(S - k));
+    n.fillStyle = b, n.fillRect(p - l / 2, v, l, x), f && n.restore();
   }
 }
 function Xo(i, t, e) {
   const n = Math.max(e.from, Math.min(e.to, t.from)), s = Math.max(e.from, Math.min(e.to, t.to)), a = i.timeToX(n), r = i.timeToX(s), l = Math.min(a, r), h = Math.max(a, r);
   return { left: l, right: h, width: Math.max(1, h - l) };
 }
-var Bt, G, Bi, lt, Dt, ue, qt, Jt, jt, Kt, ke, $e, oe, Ai, Wi, ye, Ut, Qt, oi, zt, ri, gi, li, we, hi, ci, ui, di, xe, fi, H, rn, kt, Ws, ln, ce, qe, Ji, ki, qn, _s, Bs, Fs, Jn, Qn, We, Zn;
+var Dt, G, Fi, lt, Vt, ue, qt, Jt, jt, Kt, ke, $e, oe, Ai, Wi, ye, Ut, Qt, oi, Yt, ri, gi, li, we, hi, ci, ui, di, xe, fi, H, rn, St, Ws, ln, ce, qe, Ji, ki, qn, _s, Fs, Bs, Jn, Qn, We, Zn;
 class Uo {
   constructor(t) {
-    W(this, H), W(this, Bt), W(this, G), W(this, Bi), W(this, lt), W(this, Dt), W(this, ue), W(this, qt), W(this, Jt), W(this, jt), W(this, Kt), W(this, ke), W(this, $e), W(this, oe, new cs()), W(this, Ai, new ps()), W(this, Wi, 0), W(this, ye, 0), W(this, Ut, 1), W(this, Qt, null), W(this, oi, !0), W(this, zt, null), W(this, ri, null), W(this, gi, -1), W(this, li), W(this, we, null), W(this, hi), W(this, ci), W(this, ui), W(this, di), W(this, xe), W(this, fi), M(this, Bt, t.container), M(this, lt, t.chart), M(this, ke, t.data), M(this, $e, t.options ?? {}), window.getComputedStyle(o(this, Bt)).position === "static" && (o(this, Bt).style.position = "relative"), M(this, G, document.createElement("canvas")), o(this, G).style.position = "absolute", o(this, G).style.left = "0", o(this, G).style.top = "0", o(this, G).style.height = "100%", o(this, G).style.touchAction = "none", o(this, Bt).appendChild(o(this, G));
+    W(this, H), W(this, Dt), W(this, G), W(this, Fi), W(this, lt), W(this, Vt), W(this, ue), W(this, qt), W(this, Jt), W(this, jt), W(this, Kt), W(this, ke), W(this, $e), W(this, oe, new cs()), W(this, Ai, new ps()), W(this, Wi, 0), W(this, ye, 0), W(this, Ut, 1), W(this, Qt, null), W(this, oi, !0), W(this, Yt, null), W(this, ri, null), W(this, gi, -1), W(this, li), W(this, we, null), W(this, hi), W(this, ci), W(this, ui), W(this, di), W(this, xe), W(this, fi), M(this, Dt, t.container), M(this, lt, t.chart), M(this, ke, t.data), M(this, $e, t.options ?? {}), window.getComputedStyle(o(this, Dt)).position === "static" && (o(this, Dt).style.position = "relative"), M(this, G, document.createElement("canvas")), o(this, G).style.position = "absolute", o(this, G).style.left = "0", o(this, G).style.top = "0", o(this, G).style.height = "100%", o(this, G).style.touchAction = "none", o(this, Dt).appendChild(o(this, G));
     const e = o(this, G).getContext("2d", { alpha: !0 });
     if (!e) throw new Error("NavigatorController: failed to acquire 2D context");
-    M(this, Bi, e), M(this, Dt, document.createElement("div")), o(this, Dt).dataset.chartNavigatorOverlay = "", o(this, Dt).style.cssText = "position:absolute;left:0;top:0;height:100%;pointer-events:none;", M(this, ue, document.createElement("div")), o(this, ue).style.cssText = "position:absolute;left:0;top:0;bottom:0;", M(this, qt, document.createElement("div")), o(this, qt).style.cssText = "position:absolute;top:0;bottom:0;", M(this, Jt, document.createElement("div")), o(this, Jt).style.cssText = "position:absolute;top:0;bottom:0;box-sizing:border-box;", M(this, jt, es()), M(this, Kt, es()), o(this, Dt).append(o(this, ue), o(this, qt), o(this, Jt), o(this, jt), o(this, Kt)), o(this, Bt).appendChild(o(this, Dt)), M(this, hi, () => F(this, H, ce).call(this)), M(this, ci, () => F(this, H, ce).call(this)), o(this, lt).on("viewportChange", o(this, hi)), o(this, lt).on("overlayChange", o(this, ci)), M(this, ui, (s) => F(this, H, _s).call(this, s)), M(this, di, (s) => F(this, H, Bs).call(this, s)), M(this, xe, (s) => F(this, H, Fs).call(this, s)), M(this, fi, () => {
+    M(this, Fi, e), M(this, Vt, document.createElement("div")), o(this, Vt).dataset.chartNavigatorOverlay = "", o(this, Vt).style.cssText = "position:absolute;left:0;top:0;height:100%;pointer-events:none;", M(this, ue, document.createElement("div")), o(this, ue).style.cssText = "position:absolute;left:0;top:0;bottom:0;", M(this, qt, document.createElement("div")), o(this, qt).style.cssText = "position:absolute;top:0;bottom:0;", M(this, Jt, document.createElement("div")), o(this, Jt).style.cssText = "position:absolute;top:0;bottom:0;box-sizing:border-box;", M(this, jt, es()), M(this, Kt, es()), o(this, Vt).append(o(this, ue), o(this, qt), o(this, Jt), o(this, jt), o(this, Kt)), o(this, Dt).appendChild(o(this, Vt)), M(this, hi, () => B(this, H, ce).call(this)), M(this, ci, () => B(this, H, ce).call(this)), o(this, lt).on("viewportChange", o(this, hi)), o(this, lt).on("overlayChange", o(this, ci)), M(this, ui, (s) => B(this, H, _s).call(this, s)), M(this, di, (s) => B(this, H, Fs).call(this, s)), M(this, xe, (s) => B(this, H, Bs).call(this, s)), M(this, fi, () => {
       o(this, we) === null && (o(this, G).style.cursor = "default");
-    }), o(this, G).addEventListener("pointerdown", o(this, ui)), o(this, G).addEventListener("pointermove", o(this, di)), o(this, G).addEventListener("pointerup", o(this, xe)), o(this, G).addEventListener("pointercancel", o(this, xe)), o(this, G).addEventListener("pointerleave", o(this, fi)), M(this, li, new ResizeObserver((s) => F(this, H, Ws).call(this, s[0]))), o(this, li).observe(o(this, Bt)), F(this, H, rn).call(this);
-    const n = o(this, Bt).getBoundingClientRect();
-    n.width > 0 && n.height > 0 && F(this, H, ln).call(this, n.width, n.height), F(this, H, ce).call(this);
+    }), o(this, G).addEventListener("pointerdown", o(this, ui)), o(this, G).addEventListener("pointermove", o(this, di)), o(this, G).addEventListener("pointerup", o(this, xe)), o(this, G).addEventListener("pointercancel", o(this, xe)), o(this, G).addEventListener("pointerleave", o(this, fi)), M(this, li, new ResizeObserver((s) => B(this, H, Ws).call(this, s[0]))), o(this, li).observe(o(this, Dt)), B(this, H, rn).call(this);
+    const n = o(this, Dt).getBoundingClientRect();
+    n.width > 0 && n.height > 0 && B(this, H, ln).call(this, n.width, n.height), B(this, H, ce).call(this);
   }
   setData(t) {
     var e;
     const n = Go(t), s = (n == null ? void 0 : n.time) ?? null;
     if (s !== null && o(this, ri) !== null && s !== o(this, ri)) {
-      const a = ((e = o(this, zt)) == null ? void 0 : e.current) ?? 0;
-      M(this, zt, new He({
+      const a = ((e = o(this, Yt)) == null ? void 0 : e.current) ?? 0;
+      M(this, Yt, new He({
         initial: a,
         duration: Me,
         easing: Se,
         lerp: (r, l, h) => r + (l - r) * h
-      })), o(this, zt).setTarget(1);
+      })), o(this, Yt).setTarget(1);
     }
-    M(this, ri, s), M(this, gi, (n == null ? void 0 : n.seriesIndex) ?? -1), M(this, ke, t), F(this, H, ce).call(this);
+    M(this, ri, s), M(this, gi, (n == null ? void 0 : n.seriesIndex) ?? -1), M(this, ke, t), B(this, H, ce).call(this);
   }
   setOptions(t) {
-    M(this, $e, t), F(this, H, rn).call(this), F(this, H, ce).call(this);
+    M(this, $e, t), B(this, H, rn).call(this), B(this, H, ce).call(this);
   }
   destroy() {
-    o(this, lt).off("viewportChange", o(this, hi)), o(this, lt).off("overlayChange", o(this, ci)), o(this, G).removeEventListener("pointerdown", o(this, ui)), o(this, G).removeEventListener("pointermove", o(this, di)), o(this, G).removeEventListener("pointerup", o(this, xe)), o(this, G).removeEventListener("pointercancel", o(this, xe)), o(this, G).removeEventListener("pointerleave", o(this, fi)), o(this, li).disconnect(), o(this, Qt) !== null && (cancelAnimationFrame(o(this, Qt)), M(this, Qt, null)), o(this, G).remove(), o(this, Dt).remove();
+    o(this, lt).off("viewportChange", o(this, hi)), o(this, lt).off("overlayChange", o(this, ci)), o(this, G).removeEventListener("pointerdown", o(this, ui)), o(this, G).removeEventListener("pointermove", o(this, di)), o(this, G).removeEventListener("pointerup", o(this, xe)), o(this, G).removeEventListener("pointercancel", o(this, xe)), o(this, G).removeEventListener("pointerleave", o(this, fi)), o(this, li).disconnect(), o(this, Qt) !== null && (cancelAnimationFrame(o(this, Qt)), M(this, Qt, null)), o(this, G).remove(), o(this, Vt).remove();
   }
   /** CSS pixel height of the strip — theme default unless overridden. */
   get height() {
     return o(this, $e).height ?? o(this, lt).getTheme().navigator.height;
   }
 }
-Bt = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap(), Dt = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap(), qt = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new WeakMap(), jt = /* @__PURE__ */ new WeakMap(), Kt = /* @__PURE__ */ new WeakMap(), ke = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), oe = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), Ut = /* @__PURE__ */ new WeakMap(), Qt = /* @__PURE__ */ new WeakMap(), oi = /* @__PURE__ */ new WeakMap(), zt = /* @__PURE__ */ new WeakMap(), ri = /* @__PURE__ */ new WeakMap(), gi = /* @__PURE__ */ new WeakMap(), li = /* @__PURE__ */ new WeakMap(), we = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), ci = /* @__PURE__ */ new WeakMap(), ui = /* @__PURE__ */ new WeakMap(), di = /* @__PURE__ */ new WeakMap(), xe = /* @__PURE__ */ new WeakMap(), fi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), /** Push `options.height` (when set) onto the container's CSS height so
+Dt = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), Fi = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap(), Vt = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap(), qt = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new WeakMap(), jt = /* @__PURE__ */ new WeakMap(), Kt = /* @__PURE__ */ new WeakMap(), ke = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), oe = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), Wi = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), Ut = /* @__PURE__ */ new WeakMap(), Qt = /* @__PURE__ */ new WeakMap(), oi = /* @__PURE__ */ new WeakMap(), Yt = /* @__PURE__ */ new WeakMap(), ri = /* @__PURE__ */ new WeakMap(), gi = /* @__PURE__ */ new WeakMap(), li = /* @__PURE__ */ new WeakMap(), we = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), ci = /* @__PURE__ */ new WeakMap(), ui = /* @__PURE__ */ new WeakMap(), di = /* @__PURE__ */ new WeakMap(), xe = /* @__PURE__ */ new WeakMap(), fi = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakSet(), /** Push `options.height` (when set) onto the container's CSS height so
 *  direct core consumers see the option take effect. When the option is
 *  absent we leave the container alone — framework wrappers manage their
 *  own inline height via JSX, and overwriting it here would clobber the
 *  caller's value during the first layout effect. */
 rn = function() {
   const i = o(this, $e).height;
-  i !== void 0 && (o(this, Bt).style.height = `${i}px`);
-}, kt = function() {
+  i !== void 0 && (o(this, Dt).style.height = `${i}px`);
+}, St = function() {
   return Math.max(0, o(this, Wi) - o(this, lt).yAxisWidth);
 }, Ws = function(i) {
   var t;
   if (!i) return;
   const e = (t = i.contentBoxSize) == null ? void 0 : t[0], n = (e == null ? void 0 : e.inlineSize) ?? i.contentRect.width, s = (e == null ? void 0 : e.blockSize) ?? i.contentRect.height;
-  n <= 0 || s <= 0 || (F(this, H, ln).call(this, n, s), F(this, H, ce).call(this));
+  n <= 0 || s <= 0 || (B(this, H, ln).call(this, n, s), B(this, H, ce).call(this));
 }, ln = function(i, t) {
   const e = window.devicePixelRatio || 1;
   M(this, Wi, i), M(this, ye, t), M(this, Ut, e);
-  const n = o(this, H, kt);
-  o(this, G).width = Math.round(n * e), o(this, G).height = Math.round(t * e), o(this, G).style.width = `${n}px`, o(this, Dt).style.width = `${n}px`;
+  const n = o(this, H, St);
+  o(this, G).width = Math.round(n * e), o(this, G).height = Math.round(t * e), o(this, G).style.width = `${n}px`, o(this, Vt).style.width = `${n}px`;
 }, ce = function() {
   o(this, oi) && o(this, Qt) !== null || (M(this, oi, !0), o(this, Qt) === null && M(this, Qt, requestAnimationFrame(() => {
-    M(this, Qt, null), M(this, oi, !1), F(this, H, Jn).call(this);
+    M(this, Qt, null), M(this, oi, !1), B(this, H, Jn).call(this);
   })));
 }, // --- input -------------------------------------------------------------
 /** Extract media-x from a pointer event, relative to the canvas. */
@@ -4200,18 +4256,18 @@ qe = function(i) {
 *  the first RAF-driven render — pointer handlers rely on this so hit-tests
 *  compute against primed scales even on the opening gesture. */
 Ji = function() {
-  const i = F(this, H, We).call(this), t = F(this, H, Zn).call(this);
-  return o(this, oe).update(i, o(this, H, kt), o(this, Ut)), o(this, Ai).update(t, o(this, ye), o(this, Ut)), { dataRange: i, yRange: t };
+  const i = B(this, H, We).call(this), t = B(this, H, Zn).call(this);
+  return o(this, oe).update(i, o(this, H, St), o(this, Ut)), o(this, Ai).update(t, o(this, ye), o(this, Ut)), { dataRange: i, yRange: t };
 }, ki = function() {
-  return F(this, H, Ji).call(this), Xo(o(this, oe), o(this, lt).getVisibleRange(), F(this, H, We).call(this));
+  return B(this, H, Ji).call(this), Xo(o(this, oe), o(this, lt).getVisibleRange(), B(this, H, We).call(this));
 }, qn = function() {
-  const i = F(this, H, We).call(this), t = i.to - i.from;
-  return t <= 0 || o(this, H, kt) <= 0 ? 0 : o(this, H, kt) / t;
+  const i = B(this, H, We).call(this), t = i.to - i.from;
+  return t <= 0 || o(this, H, St) <= 0 ? 0 : o(this, H, St) / t;
 }, _s = function(i) {
   if (i.button !== void 0 && i.button !== 0) return;
-  const t = F(this, H, qe).call(this, i), e = F(this, H, We).call(this);
+  const t = B(this, H, qe).call(this, i), e = B(this, H, We).call(this);
   if (e.to <= e.from) return;
-  const n = F(this, H, ki).call(this), s = As(t, n), a = F(this, H, qn).call(this);
+  const n = B(this, H, ki).call(this), s = As(t, n), a = B(this, H, qn).call(this);
   if (a === 0) return;
   let r = o(this, lt).getVisibleRange();
   if (s.snapToCenter) {
@@ -4224,19 +4280,19 @@ Ji = function() {
     startX: t,
     startVisible: r,
     pixelsPerTime: a
-  }), o(this, G).setPointerCapture(i.pointerId), o(this, G).style.cursor = Ps(
+  }), o(this, G).setPointerCapture(i.pointerId), o(this, G).style.cursor = Ds(
     s.gesture,
     /*dragging*/
     !0
   ), i.preventDefault();
-}, Bs = function(i) {
+}, Fs = function(i) {
   const t = o(this, we);
   if (t === null) {
-    o(this, G).style.cursor = ts(F(this, H, qe).call(this, i), F(this, H, ki).call(this));
+    o(this, G).style.cursor = ts(B(this, H, qe).call(this, i), B(this, H, ki).call(this));
     return;
   }
   if (i.pointerId !== t.pointerId) return;
-  const e = F(this, H, qe).call(this, i) - t.startX, n = F(this, H, We).call(this);
+  const e = B(this, H, qe).call(this, i) - t.startX, n = B(this, H, We).call(this);
   let s;
   if (t.gesture === "pan")
     s = Vo({
@@ -4257,50 +4313,50 @@ Ji = function() {
     });
   }
   o(this, lt).setVisibleRange(s);
-}, Fs = function(i) {
+}, Bs = function(i) {
   const t = o(this, we);
-  t === null || i.pointerId !== t.pointerId || (M(this, we, null), o(this, G).hasPointerCapture(i.pointerId) && o(this, G).releasePointerCapture(i.pointerId), o(this, G).style.cursor = ts(F(this, H, qe).call(this, i), F(this, H, ki).call(this)));
+  t === null || i.pointerId !== t.pointerId || (M(this, we, null), o(this, G).hasPointerCapture(i.pointerId) && o(this, G).releasePointerCapture(i.pointerId), o(this, G).style.cursor = ts(B(this, H, qe).call(this, i), B(this, H, ki).call(this)));
 }, // --- render ------------------------------------------------------------
 Jn = function() {
-  if (o(this, H, kt) <= 0 || o(this, ye) <= 0) return;
-  const i = o(this, lt).getTheme().navigator, { dataRange: t } = F(this, H, Ji).call(this);
-  o(this, G).width = Math.round(o(this, H, kt) * o(this, Ut)), o(this, G).height = Math.round(o(this, ye) * o(this, Ut)), o(this, G).style.width = `${o(this, H, kt)}px`, o(this, Dt).style.width = `${o(this, H, kt)}px`;
-  const e = o(this, Bi), n = o(this, G).width, s = o(this, G).height;
+  if (o(this, H, St) <= 0 || o(this, ye) <= 0) return;
+  const i = o(this, lt).getTheme().navigator, { dataRange: t } = B(this, H, Ji).call(this);
+  o(this, G).width = Math.round(o(this, H, St) * o(this, Ut)), o(this, G).height = Math.round(o(this, ye) * o(this, Ut)), o(this, G).style.width = `${o(this, H, St)}px`, o(this, Vt).style.width = `${o(this, H, St)}px`;
+  const e = o(this, Fi), n = o(this, G).width, s = o(this, G).height;
   e.save(), e.clearRect(0, 0, n, s), e.scale(o(this, Ut), o(this, Ut));
   const a = {
     ctx: e,
     timeScale: o(this, oe),
     yScale: o(this, Ai),
-    mediaWidth: o(this, H, kt),
+    mediaWidth: o(this, H, St),
     mediaHeight: o(this, ye),
     theme: i
   };
   o(this, G).style.boxShadow = `inset 0 1px 0 ${i.borderColor}, inset 0 -1px 0 ${i.borderColor}`, $o(a);
   let r = 1;
-  o(this, zt) !== null && (o(this, zt).tick(performance.now()), r = o(this, zt).current, o(this, zt).animating ? F(this, H, ce).call(this) : M(this, zt, null));
-  const l = Math.max(1, Math.round(o(this, H, kt))), h = o(this, ke);
+  o(this, Yt) !== null && (o(this, Yt).tick(performance.now()), r = o(this, Yt).current, o(this, Yt).animating ? B(this, H, ce).call(this) : M(this, Yt, null));
+  const l = Math.max(1, Math.round(o(this, H, St))), h = o(this, ke);
   if (h.type === "candlestick")
     No(a, zo(h.points, l), r);
   else {
     const d = Qi(h), c = d.length === 1, u = o(this, gi) >= 0 ? o(this, gi) : d.length - 1;
-    for (let p = 0; p < d.length; p++) {
-      const w = Do(d[p], l), g = p === u ? r : 1;
-      h.type === "bar" ? Ho(a, w, g) : Oo(a, w, c, g);
+    for (let g = 0; g < d.length; g++) {
+      const b = Po(d[g], l), p = g === u ? r : 1;
+      h.type === "bar" ? Ho(a, b, p) : Oo(a, b, c, p);
     }
   }
-  e.restore(), F(this, H, Qn).call(this, i, t);
+  e.restore(), B(this, H, Qn).call(this, i, t);
 }, Qn = function(i, t) {
   if (t.to <= t.from) return;
   const e = o(this, lt).getVisibleRange(), n = Math.max(t.from, Math.min(t.to, e.from)), s = Math.max(t.from, Math.min(t.to, e.to)), a = o(this, oe).timeToX(n), r = o(this, oe).timeToX(s), l = Math.min(a, r), h = Math.max(a, r), d = Math.max(1, h - l);
   o(this, ue).style.width = `${l}px`, o(this, ue).style.background = i.mask.fill, o(this, ue).style.display = l > 0 ? "block" : "none";
-  const c = Math.max(0, o(this, H, kt) - (l + d));
+  const c = Math.max(0, o(this, H, St) - (l + d));
   o(this, qt).style.left = `${l + d}px`, o(this, qt).style.width = `${c}px`, o(this, qt).style.background = i.mask.fill, o(this, qt).style.display = c > 0 ? "block" : "none", o(this, Jt).style.left = `${l}px`, o(this, Jt).style.width = `${d}px`, o(this, Jt).style.background = i.window.fill, o(this, Jt).style.border = i.window.borderWidth > 0 ? `${i.window.borderWidth}px solid ${i.window.border}` : "none";
-  const u = i.handle.width, p = Math.max(1, u / 2), w = o(this, lt).getTheme().background;
-  o(this, jt).style.left = `${l - u / 2}px`, o(this, jt).style.width = `${u}px`, o(this, jt).style.background = i.handle.color, o(this, jt).style.borderRadius = `${p}px`, o(this, Kt).style.left = `${l + d - u / 2}px`, o(this, Kt).style.width = `${u}px`, o(this, Kt).style.background = i.handle.color, o(this, Kt).style.borderRadius = `${p}px`;
-  for (const g of o(this, jt).children)
-    g.style.background = w;
-  for (const g of o(this, Kt).children)
-    g.style.background = w;
+  const u = i.handle.width, g = Math.max(1, u / 2), b = o(this, lt).getTheme().background;
+  o(this, jt).style.left = `${l - u / 2}px`, o(this, jt).style.width = `${u}px`, o(this, jt).style.background = i.handle.color, o(this, jt).style.borderRadius = `${g}px`, o(this, Kt).style.left = `${l + d - u / 2}px`, o(this, Kt).style.width = `${u}px`, o(this, Kt).style.background = i.handle.color, o(this, Kt).style.borderRadius = `${g}px`;
+  for (const p of o(this, jt).children)
+    p.style.background = b;
+  for (const p of o(this, Kt).children)
+    p.style.background = b;
 }, We = function() {
   const i = o(this, ke);
   let t = Number.POSITIVE_INFINITY, e = Number.NEGATIVE_INFINITY, n = 0;
@@ -4351,11 +4407,11 @@ function Go(i) {
   }
   return e === null ? null : { time: e, seriesIndex: n };
 }
-function Ps(i, t) {
+function Ds(i, t) {
   return i === "resize-left" || i === "resize-right" ? "ew-resize" : t ? "grabbing" : "grab";
 }
 function ts(i, t) {
-  return Ps(jo(i, t), !1);
+  return Ds(jo(i, t), !1);
 }
 function jo(i, t) {
   return As(i, t).gesture;
@@ -4370,7 +4426,7 @@ function es() {
   return i;
 }
 const hn = /* @__PURE__ */ new WeakMap();
-function Ds(i, t) {
+function Ps(i, t) {
   var e;
   return (e = hn.get(i)) == null ? void 0 : e.get(t);
 }
@@ -4389,7 +4445,7 @@ function Vs(i, t) {
     return t === "asc" ? a - r : r - a;
   }), e;
 }
-function Fi(i) {
+function Bi(i) {
   const t = Object.freeze({ ...i.data }), e = {
     id: i.id,
     seriesId: i.seriesId,
@@ -4401,7 +4457,7 @@ function Fi(i) {
   return Object.freeze(e);
 }
 function Ys(i, t) {
-  const e = t.sort ?? "none", n = i.getOverlayVersion(), s = Ds(i, t.cacheKey);
+  const e = t.sort ?? "none", n = i.getOverlayVersion(), s = Ps(i, t.cacheKey);
   if (s && s.version === n && s.time === t.time && s.sort === e)
     return s.data;
   const a = [];
@@ -4413,7 +4469,7 @@ function Ys(i, t) {
       if (!c) continue;
       for (const u of c)
         a.push(
-          Fi({
+          Bi({
             id: `${l}_layer${u.layerIndex}`,
             seriesId: l,
             layerIndex: u.layerIndex,
@@ -4426,7 +4482,7 @@ function Ys(i, t) {
     }
     const d = i.getDataAtTime(l, t.time);
     d && a.push(
-      Fi({
+      Bi({
         id: l,
         seriesId: l,
         label: h,
@@ -4439,7 +4495,7 @@ function Ys(i, t) {
   return zs(i, t.cacheKey, { version: n, time: t.time, sort: e, data: r }), r;
 }
 function Ko(i, t) {
-  const e = t.sort ?? "none", n = i.getOverlayVersion(), s = Ds(i, t.cacheKey);
+  const e = t.sort ?? "none", n = i.getOverlayVersion(), s = Ps(i, t.cacheKey);
   if (s && s.version === n && s.time === null && s.sort === e)
     return s.data;
   const a = [];
@@ -4449,7 +4505,7 @@ function Ko(i, t) {
     if (d) {
       for (const u of d)
         a.push(
-          Fi({
+          Bi({
             id: `${l}_layer${u.layerIndex}`,
             seriesId: l,
             layerIndex: u.layerIndex,
@@ -4462,7 +4518,7 @@ function Ko(i, t) {
     }
     const c = i.getLastData(l);
     c && a.push(
-      Fi({
+      Bi({
         id: l,
         seriesId: l,
         label: h,
@@ -4474,7 +4530,7 @@ function Ko(i, t) {
   const r = Object.freeze(Vs(a, e));
   return zs(i, t.cacheKey, { version: n, time: null, sort: e, data: r }), r;
 }
-const Fr = {
+const Br = {
   background: "#131722",
   chartGradient: ["#1a1f2e", "#101318"],
   typography: {
@@ -4562,7 +4618,7 @@ const Fr = {
       fill: "rgba(19, 23, 34, 0.78)"
     }
   }
-}, Pr = {
+}, Dr = {
   background: "#ffffff",
   chartGradient: ["#ffffff", "#f5f6f8"],
   typography: {
@@ -4645,7 +4701,7 @@ const Fr = {
       fill: "rgba(255, 255, 255, 0.82)"
     }
   }
-}, Dr = at({
+}, Pr = at({
   name: "Andromeda",
   description: "Deep space purples and cosmic blues",
   background: "#23262e",
@@ -5312,22 +5368,22 @@ const Fr = {
   typography: { fontFamily: Vi },
   fontUrl: Yi
 });
-function Pi(i) {
-  const { x: t, y: e, chartWidth: n, chartHeight: s, tooltipWidth: a, tooltipHeight: r, offsetX: l = 16, offsetY: h = 16 } = i, d = t + l + a > n ? t - l - a : t + l, c = e + h + r > s ? e - h - r : e + h, u = Math.max(0, n - a), p = Math.max(0, s - r);
+function Di(i) {
+  const { x: t, y: e, chartWidth: n, chartHeight: s, tooltipWidth: a, tooltipHeight: r, offsetX: l = 16, offsetY: h = 16 } = i, d = t + l + a > n ? t - l - a : t + l, c = e + h + r > s ? e - h - r : e + h, u = Math.max(0, n - a), g = Math.max(0, s - r);
   return {
     left: Math.max(0, Math.min(u, d)),
-    top: Math.max(0, Math.min(p, c))
+    top: Math.max(0, Math.min(g, c))
   };
 }
 const yn = Symbol("wick-chart"), Ue = Symbol("wick-theme"), Es = Symbol("wick-title-anchor"), $s = Symbol("wick-info-bar-anchor"), xn = Symbol("wick-legend-anchor"), wn = Symbol("wick-legend-right-anchor"), Os = Symbol("wick-navigator-anchor");
-function wt() {
-  const i = yt(yn);
+function kt() {
+  const i = xt(yn);
   if (!i || !i.value)
     throw new Error("useChartInstance must be used within <ChartContainer>");
   return i.value;
 }
 function tr() {
-  const i = yt(Ue);
+  const i = xt(Ue);
   if (!i)
     throw new Error("useTheme must be used within <ChartContainer>");
   return i;
@@ -5340,7 +5396,7 @@ const nl = /* @__PURE__ */ pt({
     id: {}
   },
   setup(i) {
-    const t = i, e = wt(), n = q(null);
+    const t = i, e = kt(), n = q(null);
     return dt(() => {
       const s = e.addBarSeries({
         ...t.options,
@@ -5377,7 +5433,7 @@ const nl = /* @__PURE__ */ pt({
     id: {}
   },
   setup(i) {
-    const t = i, e = wt(), n = q(null);
+    const t = i, e = kt(), n = q(null);
     let s = 0;
     return dt(() => {
       const a = e.addCandlestickSeries({ ...t.options, id: t.id });
@@ -5430,58 +5486,59 @@ const nl = /* @__PURE__ */ pt({
     grid: {},
     headerLayout: { default: "overlay" },
     animations: { type: [Boolean, Object] },
-    perf: { type: [Boolean, Object] }
+    perf: { type: [Boolean, Object] },
+    onEdgeReached: {}
   },
   setup(i) {
-    const t = i, e = q(), n = Zi(null), s = Zi(t.theme), a = t.perf, r = q(null), l = q(null), h = q(null), d = q(null), c = q(null), u = q(null);
-    pe(yn, n), pe(Ue, s), pe(Es, l), pe($s, h), pe(xn, d), pe(wn, c), pe(Os, u);
-    let p = null;
-    const w = q(0), g = D(() => t.headerLayout === "overlay" ? w.value : 0);
-    function k() {
-      var x, y, R, b;
+    const t = i, e = q(), n = Zi(null), s = Zi(t.theme), a = t.perf, r = t.onEdgeReached, l = q(null), h = q(null), d = q(null), c = q(null), u = q(null), g = q(null);
+    pe(yn, n), pe(Ue, s), pe(Es, h), pe($s, d), pe(xn, c), pe(wn, u), pe(Os, g);
+    let b = null;
+    const p = q(0), k = P(() => t.headerLayout === "overlay" ? p.value : 0);
+    function S() {
+      var x, I, y, T;
       if (!n.value) return;
-      const f = { top: (((x = t.padding) == null ? void 0 : x.top) ?? 20) + g.value };
-      ((y = t.padding) == null ? void 0 : y.bottom) !== void 0 && (f.bottom = t.padding.bottom), ((R = t.padding) == null ? void 0 : R.right) !== void 0 && (f.right = t.padding.right), ((b = t.padding) == null ? void 0 : b.left) !== void 0 && (f.left = t.padding.left), n.value.setPadding(f);
+      const v = { top: (((x = t.padding) == null ? void 0 : x.top) ?? 20) + k.value };
+      ((I = t.padding) == null ? void 0 : I.bottom) !== void 0 && (v.bottom = t.padding.bottom), ((y = t.padding) == null ? void 0 : y.right) !== void 0 && (v.right = t.padding.right), ((T = t.padding) == null ? void 0 : T.left) !== void 0 && (v.left = t.padding.left), n.value.setPadding(v);
     }
-    function S() {
-      p == null || p.disconnect(), p = null;
-      const m = t.headerLayout === "overlay" ? r.value : null;
-      if (!m) {
-        w.value = 0, k();
+    function m() {
+      b == null || b.disconnect(), b = null;
+      const f = t.headerLayout === "overlay" ? l.value : null;
+      if (!f) {
+        p.value = 0, S();
         return;
       }
-      const f = () => {
-        w.value = m.getBoundingClientRect().height, k();
+      const v = () => {
+        p.value = f.getBoundingClientRect().height, S();
       };
-      f(), p = new ResizeObserver(f), p.observe(m);
+      v(), b = new ResizeObserver(v), b.observe(f);
     }
     dt(async () => {
       if (!e.value) return;
-      const m = {};
-      t.axis && (m.axis = t.axis), t.theme && (m.theme = t.theme), t.padding && (m.padding = t.padding), t.interactive !== void 0 && (m.interactive = t.interactive), t.grid !== void 0 && (m.grid = t.grid), a !== void 0 && (m.perf = a), t.animations !== void 0 && (m.animations = t.animations), n.value = new Po(e.value, m), await Tn(), S();
+      const f = {};
+      t.axis && (f.axis = t.axis), t.theme && (f.theme = t.theme), t.padding && (f.padding = t.padding), t.interactive !== void 0 && (f.interactive = t.interactive), t.grid !== void 0 && (f.grid = t.grid), a !== void 0 && (f.perf = a), r && (f.onEdgeReached = r), t.animations !== void 0 && (f.animations = t.animations), n.value = new Do(e.value, f), await Tn(), m();
     }), ct(() => {
-      var m;
-      p == null || p.disconnect(), p = null, (m = n.value) == null || m.destroy(), n.value = null;
+      var f;
+      b == null || b.disconnect(), b = null, (f = n.value) == null || f.destroy(), n.value = null;
     }), ht(
       () => t.headerLayout,
       async () => {
-        n.value && (await Tn(), S());
+        n.value && (await Tn(), m());
       }
     ), ht(
       () => t.theme,
-      (m) => {
-        n.value && m && (n.value.setTheme(m), s.value = m);
+      (f) => {
+        n.value && f && (n.value.setTheme(f), s.value = f);
       }
     ), ht(
       () => t.axis,
-      (m) => {
-        n.value && m && n.value.setAxis(m);
+      (f) => {
+        n.value && f && n.value.setAxis(f);
       },
       { deep: !0 }
     ), ht(
       () => {
-        var m;
-        return (m = t.grid) == null ? void 0 : m.visible;
+        var f;
+        return (f = t.grid) == null ? void 0 : f.visible;
       },
       () => {
         n.value && t.grid !== void 0 && n.value.setGrid(t.grid);
@@ -5493,35 +5550,35 @@ const nl = /* @__PURE__ */ pt({
       }
     ), ht(
       () => {
-        var m, f, x, y, R, b;
+        var f, v, x, I, y, T;
         return [
-          (m = t.padding) == null ? void 0 : m.top,
-          (f = t.padding) == null ? void 0 : f.bottom,
-          typeof ((x = t.padding) == null ? void 0 : x.right) == "object" ? t.padding.right.intervals : (y = t.padding) == null ? void 0 : y.right,
-          typeof ((R = t.padding) == null ? void 0 : R.left) == "object" ? t.padding.left.intervals : (b = t.padding) == null ? void 0 : b.left,
-          g.value
+          (f = t.padding) == null ? void 0 : f.top,
+          (v = t.padding) == null ? void 0 : v.bottom,
+          typeof ((x = t.padding) == null ? void 0 : x.right) == "object" ? t.padding.right.intervals : (I = t.padding) == null ? void 0 : I.right,
+          typeof ((y = t.padding) == null ? void 0 : y.left) == "object" ? t.padding.left.intervals : (T = t.padding) == null ? void 0 : T.left,
+          k.value
         ];
       },
-      k
+      S
     );
-    const v = D(() => {
-      const m = s.value, [f, x] = (m == null ? void 0 : m.chartGradient) ?? ["transparent", "transparent"], y = (m == null ? void 0 : m.background) ?? "transparent";
-      return `position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; background: ${t.gradient ? `linear-gradient(to bottom, ${f} 0%, ${y} 70%, ${x} 100%)` : y}`;
+    const w = P(() => {
+      const f = s.value, [v, x] = (f == null ? void 0 : f.chartGradient) ?? ["transparent", "transparent"], I = (f == null ? void 0 : f.background) ?? "transparent";
+      return `position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; background: ${t.gradient ? `linear-gradient(to bottom, ${v} 0%, ${I} 70%, ${x} 100%)` : I}`;
     });
-    return (m, f) => (P(), z("div", {
-      style: N(v.value)
+    return (f, v) => (D(), z("div", {
+      style: X(w.value)
     }, [
       $("div", er, [
         $("div", ir, [
-          i.headerLayout === "inline" ? (P(), z("div", nr, [
+          i.headerLayout === "inline" ? (D(), z("div", nr, [
             $("div", {
               ref_key: "titleAnchor",
-              ref: l,
+              ref: h,
               "data-chart-title-anchor": ""
             }, null, 512),
             $("div", {
               ref_key: "infoBarAnchor",
-              ref: h,
+              ref: d,
               "data-tooltip-legend-anchor": ""
             }, null, 512)
           ])) : Z("", !0),
@@ -5530,45 +5587,45 @@ const nl = /* @__PURE__ */ pt({
             ref: e,
             style: { position: "relative", flex: "1", "min-width": "0", "min-height": "0", overflow: "hidden" }
           }, [
-            i.headerLayout === "overlay" ? (P(), z("div", {
+            i.headerLayout === "overlay" ? (D(), z("div", {
               key: 0,
               ref_key: "topOverlayRef",
-              ref: r,
+              ref: l,
               "data-chart-top-overlay": "",
               style: { position: "absolute", top: "0", left: "0", right: "0", "z-index": "2", "pointer-events": "none", display: "flex", "flex-direction": "column" }
             }, [
               $("div", {
                 ref_key: "titleAnchor",
-                ref: l,
+                ref: h,
                 "data-chart-title-anchor": ""
               }, null, 512),
               $("div", {
                 ref_key: "infoBarAnchor",
-                ref: h,
+                ref: d,
                 "data-tooltip-legend-anchor": ""
               }, null, 512)
             ], 512)) : Z("", !0),
-            n.value ? (P(), z("div", sr, [
-              te(m.$slots, "default")
+            n.value ? (D(), z("div", sr, [
+              te(f.$slots, "default")
             ])) : Z("", !0)
           ], 512)
         ]),
         $("div", {
           ref_key: "legendRightAnchor",
-          ref: c,
+          ref: u,
           "data-legend-right-anchor": "",
           style: { flex: "0 0 auto" }
         }, null, 512)
       ]),
       $("div", {
         ref_key: "legendAnchor",
-        ref: d,
+        ref: c,
         "data-legend-anchor": "",
         style: { flex: "0 0 auto" }
       }, null, 512),
       $("div", {
         ref_key: "navigatorAnchor",
-        ref: u,
+        ref: g,
         "data-navigator-anchor": "",
         style: { flex: "0 0 auto" }
       }, null, 512)
@@ -5619,7 +5676,7 @@ const hl = /* @__PURE__ */ pt({
     id: {}
   },
   setup(i) {
-    const t = i, e = wt(), n = q(null);
+    const t = i, e = kt(), n = q(null);
     return dt(() => {
       const s = e.addLineSeries({
         ...t.options,
@@ -5656,7 +5713,7 @@ const hl = /* @__PURE__ */ pt({
     id: {}
   },
   setup(i) {
-    const t = i, e = wt(), n = q(null);
+    const t = i, e = kt(), n = q(null);
     return dt(() => {
       const s = e.addPieSeries({ ...t.options, id: t.id });
       n.value = s, t.data.length > 0 && e.setSeriesData(s, t.data);
@@ -5678,7 +5735,7 @@ const hl = /* @__PURE__ */ pt({
 }), ul = /* @__PURE__ */ pt({
   __name: "Crosshair",
   setup(i) {
-    const t = wt(), e = $i(t), n = D(() => t.getTheme()), s = D(() => t.getDataInterval()), a = D(() => ({
+    const t = kt(), e = $i(t), n = P(() => t.getTheme()), s = P(() => t.getDataInterval()), a = P(() => ({
       // Blend the theme's labelBackground at 80% opacity so the axis grid
       // shows through — keeps the badge from looking like an opaque block
       // while still masking whatever tick sits underneath.
@@ -5695,25 +5752,25 @@ const hl = /* @__PURE__ */ pt({
       // live last-value stays visible when the crosshair crosses its row.
       zIndex: 2
     }));
-    return (r, l) => B(e) ? (P(), z(tt, { key: 0 }, [
+    return (r, l) => F(e) ? (D(), z(tt, { key: 0 }, [
       $("div", {
-        style: N({
+        style: X({
           position: "absolute",
           right: "0",
-          top: B(e).mediaY + "px",
+          top: F(e).mediaY + "px",
           transform: "translateY(-50%)",
           ...a.value
         })
-      }, J(B(t).yScale.formatY(B(e).y)), 5),
+      }, J(F(t).yScale.formatY(F(e).y)), 5),
       $("div", {
-        style: N({
+        style: X({
           position: "absolute",
           bottom: "0",
-          left: B(e).mediaX + "px",
+          left: F(e).mediaX + "px",
           transform: "translateX(-50%)",
           ...a.value
         })
-      }, J(B(zi)(B(e).time, s.value)), 5)
+      }, J(F(zi)(F(e).time, s.value)), 5)
     ], 64)) : Z("", !0);
   }
 }), ar = {
@@ -5729,9 +5786,9 @@ const hl = /* @__PURE__ */ pt({
     format: { type: Function }
   },
   setup(i) {
-    const t = i, e = D(() => t.sort ?? "none"), n = D(
-      () => t.format ?? ((f, x) => x === "volume" ? Xe(f) : fs(f))
-    ), s = wt(), a = $i(s), r = yt(Ue), l = yt($s);
+    const t = i, e = P(() => t.sort ?? "none"), n = P(
+      () => t.format ?? ((f, v) => v === "volume" ? Xe(f) : fs(f))
+    ), s = kt(), a = $i(s), r = xt(Ue), l = xt($s);
     if (!r)
       throw new Error("<InfoBar> must be used within <ChartContainer>: missing ThemeKey.");
     if (!l)
@@ -5744,31 +5801,31 @@ const hl = /* @__PURE__ */ pt({
     }), ct(() => {
       s.off("overlayChange", d);
     });
-    const c = D(() => {
+    const c = P(() => {
       h.value;
       const f = a.value;
       return f === null ? null : Ys(s, { time: f.time, sort: e.value, cacheKey: "infobar-hover" });
-    }), u = D(() => (h.value, Ko(s, { sort: e.value, cacheKey: "infobar-last" }))), p = D(() => c.value !== null && c.value.length > 0), w = D(
-      () => p.value ? c.value : u.value
-    ), g = D(() => s.getDataInterval()), k = D(() => w.value.length === 0 ? 0 : p.value && a.value ? a.value.time : Math.max(...w.value.map((f) => f.data.time))), S = Ce(), v = D(() => typeof S.default == "function");
-    function m(f) {
+    }), u = P(() => (h.value, Ko(s, { sort: e.value, cacheKey: "infobar-last" }))), g = P(() => c.value !== null && c.value.length > 0), b = P(
+      () => g.value ? c.value : u.value
+    ), p = P(() => s.getDataInterval()), k = P(() => b.value.length === 0 ? 0 : g.value && a.value ? a.value.time : Math.max(...b.value.map((f) => f.data.time))), S = Ce(), m = P(() => typeof S.default == "function");
+    function w(f) {
       return "open" in f;
     }
-    return (f, x) => B(l) && B(r) && w.value.length > 0 ? (P(), vi(bi, {
+    return (f, v) => F(l) && F(r) && b.value.length > 0 ? (D(), vi(bi, {
       key: 0,
-      to: B(l)
+      to: F(l)
     }, [
       $("div", {
         "data-tooltip-legend": "",
-        style: N(
-          v.value ? {
+        style: X(
+          m.value ? {
             display: "flex",
             alignItems: "center",
             flexShrink: 0,
-            fontSize: B(r).typography.fontSize + "px",
-            fontFamily: B(r).typography.fontFamily,
+            fontSize: F(r).typography.fontSize + "px",
+            fontFamily: F(r).typography.fontFamily,
             fontVariantNumeric: "tabular-nums",
-            opacity: p.value ? 1 : 0.6,
+            opacity: g.value ? 1 : 0.6,
             transition: "opacity 0.2s ease",
             pointerEvents: "none"
           } : {
@@ -5778,70 +5835,70 @@ const hl = /* @__PURE__ */ pt({
             flexWrap: "wrap",
             padding: "4px 8px",
             flexShrink: 0,
-            fontSize: B(r).typography.fontSize + "px",
-            fontFamily: B(r).typography.fontFamily,
+            fontSize: F(r).typography.fontSize + "px",
+            fontFamily: F(r).typography.fontFamily,
             fontVariantNumeric: "tabular-nums",
-            opacity: p.value ? 1 : 0.6,
+            opacity: g.value ? 1 : 0.6,
             transition: "opacity 0.2s ease",
             pointerEvents: "none"
           }
         )
       }, [
-        v.value ? te(f.$slots, "default", {
+        m.value ? te(f.$slots, "default", {
           key: 0,
-          snapshots: w.value,
+          snapshots: b.value,
           time: k.value,
-          isHover: p.value
-        }) : (P(), z(tt, { key: 1 }, [
+          isHover: g.value
+        }) : (D(), z(tt, { key: 1 }, [
           $("span", {
-            style: N({ color: B(r).axis.textColor, marginRight: "2px" })
-          }, J(B(zi)(k.value, g.value)), 5),
-          (P(!0), z(tt, null, Mt(w.value, (y) => (P(), z(tt, {
-            key: y.id
+            style: X({ color: F(r).axis.textColor, marginRight: "2px" })
+          }, J(F(zi)(k.value, p.value)), 5),
+          (D(!0), z(tt, null, Ct(b.value, (x) => (D(), z(tt, {
+            key: x.id
           }, [
-            m(y.data) ? (P(), z("span", ar, [
-              (P(!0), z(tt, null, Mt([
-                { label: "O", field: "open", val: y.data.open },
-                { label: "H", field: "high", val: y.data.high },
-                { label: "L", field: "low", val: y.data.low },
-                { label: "C", field: "close", val: y.data.close }
-              ], (R) => (P(), z(tt, {
-                key: R.label
+            w(x.data) ? (D(), z("span", ar, [
+              (D(!0), z(tt, null, Ct([
+                { label: "O", field: "open", val: x.data.open },
+                { label: "H", field: "high", val: x.data.high },
+                { label: "L", field: "low", val: x.data.low },
+                { label: "C", field: "close", val: x.data.close }
+              ], (I) => (D(), z(tt, {
+                key: I.label
               }, [
                 $("span", {
-                  style: N({ color: B(r).axis.textColor, opacity: 0.5, marginLeft: "5px" })
-                }, J(R.label), 5),
+                  style: X({ color: F(r).axis.textColor, opacity: 0.5, marginLeft: "5px" })
+                }, J(I.label), 5),
                 $("span", {
-                  style: N({
-                    color: B(Zt)(
-                      y.data.close >= y.data.open ? B(r).candlestick.up.body : B(r).candlestick.down.body
+                  style: X({
+                    color: F(Zt)(
+                      x.data.close >= x.data.open ? F(r).candlestick.up.body : F(r).candlestick.down.body
                     ),
                     fontWeight: 500,
                     marginLeft: "2px"
                   })
-                }, J(n.value(R.val, R.field)), 5)
+                }, J(n.value(I.val, I.field)), 5)
               ], 64))), 128)),
-              y.data.volume != null ? (P(), z(tt, { key: 0 }, [
+              x.data.volume != null ? (D(), z(tt, { key: 0 }, [
                 $("span", {
-                  style: N({ color: B(r).axis.textColor, opacity: 0.5, marginLeft: "5px" })
+                  style: X({ color: F(r).axis.textColor, opacity: 0.5, marginLeft: "5px" })
                 }, "V", 4),
                 $("span", {
-                  style: N({ color: B(r).axis.textColor, fontWeight: 500, marginLeft: "2px" })
-                }, J(n.value(y.data.volume, "volume")), 5)
+                  style: X({ color: F(r).axis.textColor, fontWeight: 500, marginLeft: "2px" })
+                }, J(n.value(x.data.volume, "volume")), 5)
               ], 64)) : Z("", !0)
-            ])) : (P(), z("span", or, [
+            ])) : (D(), z("span", or, [
               $("span", {
-                style: N({
+                style: X({
                   width: "6px",
                   height: "6px",
                   borderRadius: "50%",
-                  background: y.color,
+                  background: x.color,
                   flexShrink: 0
                 })
               }, null, 4),
               $("span", {
-                style: N({ color: y.color, fontWeight: 500 })
-              }, J(n.value(y.data.value, "value")), 5)
+                style: X({ color: x.color, fontWeight: 500 })
+              }, J(n.value(x.data.value, "value")), 5)
             ]))
           ], 64))), 128))
         ], 64))
@@ -5856,12 +5913,12 @@ const hl = /* @__PURE__ */ pt({
     mode: { default: "toggle" }
   },
   setup(i) {
-    const t = i, e = wt(), n = yt(Ue), s = yt(xn), a = yt(wn);
+    const t = i, e = kt(), n = xt(Ue), s = xt(xn), a = xt(wn);
     if (!n)
       throw new Error("<Legend> must be used within <ChartContainer>: missing ThemeKey.");
     if (!s || !a)
       throw new Error("<Legend> must be used within <ChartContainer>: missing legend anchors.");
-    const r = D(() => t.position === "right" ? a.value : s.value), l = q(null), h = q(0), d = () => {
+    const r = P(() => t.position === "right" ? a.value : s.value), l = q(null), h = q(0), d = () => {
       h.value++;
     }, c = () => {
       l.value = null;
@@ -5871,12 +5928,12 @@ const hl = /* @__PURE__ */ pt({
     }), ct(() => {
       e.off("overlayChange", d), e.off("seriesChange", c);
     });
-    function u(v) {
-      const { id: m, seriesId: f, layerIndex: x, label: y, color: R, isDisabled: b } = v;
-      return { id: m, seriesId: f, layerIndex: x, label: y, color: R, isDisabled: b, toggle: () => {
-        x !== void 0 ? e.setLayerVisible(f, x, !e.isLayerVisible(f, x)) : e.setSeriesVisible(f, !e.isSeriesVisible(f));
+    function u(m) {
+      const { id: w, seriesId: f, layerIndex: v, label: x, color: I, isDisabled: y } = m;
+      return { id: w, seriesId: f, layerIndex: v, label: x, color: I, isDisabled: y, toggle: () => {
+        v !== void 0 ? e.setLayerVisible(f, v, !e.isLayerVisible(f, v)) : e.setSeriesVisible(f, !e.isSeriesVisible(f));
       }, isolate: () => {
-        if (l.value === m) {
+        if (l.value === w) {
           e.batch(() => {
             for (const C of e.getSeriesIds()) {
               e.setSeriesVisible(C, !0);
@@ -5893,62 +5950,62 @@ const hl = /* @__PURE__ */ pt({
             if (A) {
               e.setSeriesVisible(C, C === f);
               for (let _ = 0; _ < A.length; _++)
-                e.setLayerVisible(C, _, C === f && _ === x);
+                e.setLayerVisible(C, _, C === f && _ === v);
             } else
-              e.setSeriesVisible(C, C === m);
+              e.setSeriesVisible(C, C === w);
           }
-        }), l.value = m;
+        }), l.value = w;
       } };
     }
-    function p(v) {
-      const m = [];
-      for (const f of v.getSeriesIds()) {
-        const x = v.getSeriesLayers(f);
-        if (x) {
-          const y = v.getSeriesLabel(f);
-          for (let R = 0; R < x.length; R++) {
-            const b = `${f}_layer${R}`, T = v.isSeriesVisible(f) && v.isLayerVisible(f, R);
-            m.push(
+    function g(m) {
+      const w = [];
+      for (const f of m.getSeriesIds()) {
+        const v = m.getSeriesLayers(f);
+        if (v) {
+          const x = m.getSeriesLabel(f);
+          for (let I = 0; I < v.length; I++) {
+            const y = `${f}_layer${I}`, T = m.isSeriesVisible(f) && m.isLayerVisible(f, I);
+            w.push(
               u({
-                id: b,
+                id: y,
                 seriesId: f,
-                layerIndex: R,
-                label: y ? `${y} ${R + 1}` : `Series ${R + 1}`,
-                color: x[R].color,
+                layerIndex: I,
+                label: x ? `${x} ${I + 1}` : `Series ${I + 1}`,
+                color: v[I].color,
                 isDisabled: !T
               })
             );
           }
         } else {
-          const y = v.getSeriesColor(f);
-          if (!y) continue;
-          const R = v.getSeriesLabel(f), b = v.isSeriesVisible(f);
-          m.push(
+          const x = m.getSeriesColor(f);
+          if (!x) continue;
+          const I = m.getSeriesLabel(f), y = m.isSeriesVisible(f);
+          w.push(
             u({
               id: f,
               seriesId: f,
               layerIndex: void 0,
-              label: R ?? "Series",
-              color: y,
-              isDisabled: !b
+              label: I ?? "Series",
+              color: x,
+              isDisabled: !y
             })
           );
         }
       }
-      return m;
+      return w;
     }
-    const w = D(() => (h.value, l.value, p(e))), g = Ce(), k = D(() => typeof g.default == "function");
-    function S(v) {
-      t.mode === "isolate" || t.mode === "solo" ? v.isolate() : v.toggle();
+    const b = P(() => (h.value, l.value, g(e))), p = Ce(), k = P(() => typeof p.default == "function");
+    function S(m) {
+      t.mode === "isolate" || t.mode === "solo" ? m.isolate() : m.toggle();
     }
-    return (v, m) => r.value && B(n) ? (P(), vi(bi, {
+    return (m, w) => r.value && F(n) ? (D(), vi(bi, {
       key: 0,
       to: r.value
     }, [
-      k.value && w.value.length > 0 ? (P(), z("div", {
+      k.value && b.value.length > 0 ? (D(), z("div", {
         key: 0,
         "data-legend": i.position,
-        style: N({
+        style: X({
           display: "flex",
           flexDirection: i.position === "right" ? "column" : "row",
           flexWrap: "wrap",
@@ -5956,18 +6013,18 @@ const hl = /* @__PURE__ */ pt({
           padding: i.position === "right" ? "8px 6px" : "6px 8px",
           alignItems: i.position === "right" ? "flex-start" : "center",
           justifyContent: i.position === "right" ? "flex-start" : "center",
-          fontFamily: B(n).typography.fontFamily,
-          fontSize: B(n).axis.fontSize + "px",
-          color: B(n).axis.textColor,
+          fontFamily: F(n).typography.fontFamily,
+          fontSize: F(n).axis.fontSize + "px",
+          color: F(n).axis.textColor,
           pointerEvents: "auto",
           flexShrink: 0
         })
       }, [
-        te(v.$slots, "default", { items: w.value })
-      ], 12, rr)) : i.items && i.items.length > 0 ? (P(), z("div", {
+        te(m.$slots, "default", { items: b.value })
+      ], 12, rr)) : i.items && i.items.length > 0 ? (D(), z("div", {
         key: 1,
         "data-legend": i.position,
-        style: N({
+        style: X({
           display: "flex",
           flexDirection: i.position === "right" ? "column" : "row",
           flexWrap: "wrap",
@@ -5975,15 +6032,15 @@ const hl = /* @__PURE__ */ pt({
           padding: i.position === "right" ? "8px 6px" : "6px 8px",
           alignItems: i.position === "right" ? "flex-start" : "center",
           justifyContent: i.position === "right" ? "flex-start" : "center",
-          fontFamily: B(n).typography.fontFamily,
-          fontSize: B(n).axis.fontSize + "px",
-          color: B(n).axis.textColor,
+          fontFamily: F(n).typography.fontFamily,
+          fontSize: F(n).axis.fontSize + "px",
+          color: F(n).axis.textColor,
           pointerEvents: "auto",
           flexShrink: 0
         })
       }, [
-        (P(!0), z(tt, null, Mt(i.items, (f, x) => (P(), z("div", {
-          key: x,
+        (D(!0), z(tt, null, Ct(i.items, (f, v) => (D(), z("div", {
+          key: v,
           style: {
             display: "flex",
             alignItems: "center",
@@ -5992,7 +6049,7 @@ const hl = /* @__PURE__ */ pt({
           }
         }, [
           $("span", {
-            style: N({
+            style: X({
               width: "8px",
               height: "8px",
               borderRadius: "2px",
@@ -6002,10 +6059,10 @@ const hl = /* @__PURE__ */ pt({
           }, null, 4),
           $("span", hr, J(f.label), 1)
         ]))), 128))
-      ], 12, lr)) : w.value.length > 0 ? (P(), z("div", {
+      ], 12, lr)) : b.value.length > 0 ? (D(), z("div", {
         key: 2,
         "data-legend": i.position,
-        style: N({
+        style: X({
           display: "flex",
           flexDirection: i.position === "right" ? "column" : "row",
           flexWrap: "wrap",
@@ -6013,18 +6070,18 @@ const hl = /* @__PURE__ */ pt({
           padding: i.position === "right" ? "8px 6px" : "6px 8px",
           alignItems: i.position === "right" ? "flex-start" : "center",
           justifyContent: i.position === "right" ? "flex-start" : "center",
-          fontFamily: B(n).typography.fontFamily,
-          fontSize: B(n).axis.fontSize + "px",
-          color: B(n).axis.textColor,
+          fontFamily: F(n).typography.fontFamily,
+          fontSize: F(n).axis.fontSize + "px",
+          color: F(n).axis.textColor,
           pointerEvents: "auto",
           flexShrink: 0
         })
       }, [
-        (P(!0), z(tt, null, Mt(w.value, (f) => (P(), z("button", {
+        (D(!0), z(tt, null, Ct(b.value, (f) => (D(), z("button", {
           key: f.id,
           type: "button",
-          onClick: (x) => S(f),
-          style: N({
+          onClick: (v) => S(f),
+          style: X({
             display: "flex",
             alignItems: "center",
             gap: "4px",
@@ -6042,7 +6099,7 @@ const hl = /* @__PURE__ */ pt({
           })
         }, [
           $("span", {
-            style: N({
+            style: X({
               width: "8px",
               height: "8px",
               borderRadius: "2px",
@@ -6062,10 +6119,10 @@ const hl = /* @__PURE__ */ pt({
     height: {}
   },
   setup(i) {
-    const t = i, e = yt(Os), n = yt(yn), s = yt(Ue);
+    const t = i, e = xt(Os), n = xt(yn), s = xt(Ue);
     if (!e || !n || !s)
       throw new Error("<Navigator> must be used within <ChartContainer>.");
-    const a = q(null), r = Zi(null), l = D(() => t.height ?? s.value.navigator.height);
+    const a = q(null), r = Zi(null), l = P(() => t.height ?? s.value.navigator.height);
     return ht(
       [a, () => n.value],
       ([h, d]) => {
@@ -6092,15 +6149,15 @@ const hl = /* @__PURE__ */ pt({
     ), qs(() => {
       var h;
       (h = r.value) == null || h.destroy(), r.value = null;
-    }), (h, d) => B(e) ? (P(), vi(bi, {
+    }), (h, d) => F(e) ? (D(), vi(bi, {
       key: 0,
-      to: B(e)
+      to: F(e)
     }, [
       $("div", {
         ref_key: "stripRef",
         ref: a,
         "data-chart-navigator": "",
-        style: N({
+        style: X({
           position: "relative",
           width: "100%",
           height: l.value + "px",
@@ -6137,29 +6194,29 @@ const hl = /* @__PURE__ */ pt({
     dt(() => {
       e.value = !0;
     });
-    const n = D(() => {
+    const n = P(() => {
       const r = t.format;
       if (typeof r == "function") return r;
       const l = new Intl.NumberFormat(t.locale, typeof r == "object" ? r : void 0);
       return (h) => l.format(h);
-    }), s = D(() => {
+    }), s = P(() => {
       const r = n.value(t.value), l = [];
       for (const h of r)
         h >= "0" && h <= "9" ? l.push({ type: "digit", value: h }) : l.push({ type: "symbol", value: h });
       return l;
     }), a = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-    return (r, l) => (P(), z("span", fr, [
-      (P(!0), z(tt, null, Mt(s.value, (h, d) => (P(), z(tt, { key: d }, [
-        h.type === "digit" ? (P(), z("span", pr, [
+    return (r, l) => (D(), z("span", fr, [
+      (D(!0), z(tt, null, Ct(s.value, (h, d) => (D(), z(tt, { key: d }, [
+        h.type === "digit" ? (D(), z("span", pr, [
           $("span", {
-            style: N({
+            style: X({
               display: "flex",
               flexDirection: "column",
               transform: "translateY(" + -parseInt(h.value) * 1.2 + "em)",
               transition: e.value ? "transform " + i.spinDuration + "ms cubic-bezier(0.16, 1, 0.3, 1)" : "none"
             })
           }, [
-            (P(), z(tt, null, Mt(a, (c) => $("span", {
+            (D(), z(tt, null, Ct(a, (c) => $("span", {
               key: c,
               style: {
                 display: "flex",
@@ -6169,7 +6226,7 @@ const hl = /* @__PURE__ */ pt({
               }
             }, J(c), 1)), 64))
           ], 4)
-        ])) : (P(), z("span", gr, J(h.value), 1))
+        ])) : (D(), z("span", gr, J(h.value), 1))
       ], 64))), 128))
     ]));
   }
@@ -6182,69 +6239,69 @@ const hl = /* @__PURE__ */ pt({
     position: { default: "bottom" }
   },
   setup(i) {
-    const t = i, e = yt(xn), n = yt(wn);
+    const t = i, e = xt(xn), n = xt(wn);
     if (!e || !n)
       throw new Error("<PieLegend> must be used within <ChartContainer>: missing legend anchors.");
-    const s = D(() => t.position === "right" ? n.value : t.position === "bottom" ? e.value : null), a = D(() => t.mode ?? "both"), r = D(() => t.format ?? Xe), l = wt(), h = tr(), d = Ce(), c = D(() => typeof d.default == "function"), u = q(0), p = () => {
+    const s = P(() => t.position === "right" ? n.value : t.position === "bottom" ? e.value : null), a = P(() => t.mode ?? "both"), r = P(() => t.format ?? Xe), l = kt(), h = tr(), d = Ce(), c = P(() => typeof d.default == "function"), u = q(0), g = () => {
       u.value++;
     };
     dt(() => {
-      l.on("overlayChange", p), l.getSeriesIds().length > 0 && u.value++;
+      l.on("overlayChange", g), l.getSeriesIds().length > 0 && u.value++;
     }), ct(() => {
-      l.off("overlayChange", p);
+      l.off("overlayChange", g);
     });
-    function w(v, m) {
-      if (m !== void 0) return m;
-      const f = v.getSeriesIdsByType("pie", { visibleOnly: !0 });
+    function b(m, w) {
+      if (w !== void 0) return w;
+      const f = m.getSeriesIdsByType("pie", { visibleOnly: !0 });
       return f.length > 0 ? f[0] : null;
     }
-    const g = D(() => h.value), k = D(() => (u.value, w(l, t.seriesId))), S = D(() => (u.value, k.value === null ? [] : l.getSliceInfo(k.value) ?? []));
-    return (v, m) => c.value && S.value.length > 0 ? te(v.$slots, "default", {
+    const p = P(() => h.value), k = P(() => (u.value, b(l, t.seriesId))), S = P(() => (u.value, k.value === null ? [] : l.getSliceInfo(k.value) ?? []));
+    return (m, w) => c.value && S.value.length > 0 ? te(m.$slots, "default", {
       key: 0,
       slices: S.value,
       mode: a.value,
       format: r.value
-    }) : S.value.length > 0 && s.value ? (P(), vi(bi, {
+    }) : S.value.length > 0 && s.value ? (D(), vi(bi, {
       key: 1,
       to: s.value
     }, [
       $("div", {
         "data-chart-pie-legend": "",
         "data-chart-pie-legend-position": i.position,
-        style: N({
+        style: X({
           display: "flex",
           flexDirection: "column",
           gap: "6px",
           padding: "6px 10px",
-          fontFamily: g.value.typography.fontFamily,
-          fontSize: g.value.typography.fontSize + "px",
-          color: g.value.tooltip.textColor,
+          fontFamily: p.value.typography.fontFamily,
+          fontSize: p.value.typography.fontSize + "px",
+          color: p.value.tooltip.textColor,
           pointerEvents: "auto"
         })
       }, [
-        (P(!0), z(tt, null, Mt(S.value, (f, x) => (P(), z("div", {
-          key: x,
+        (D(!0), z(tt, null, Ct(S.value, (f, v) => (D(), z("div", {
+          key: v,
           style: { display: "flex", alignItems: "center", gap: "10px" }
         }, [
           $("span", {
-            style: N({ width: "10px", height: "10px", borderRadius: "50%", background: f.color, flexShrink: 0 })
+            style: X({ width: "10px", height: "10px", borderRadius: "50%", background: f.color, flexShrink: 0 })
           }, null, 4),
           $("span", br, J(f.label), 1),
-          a.value === "value" || a.value === "both" ? (P(), z("span", {
+          a.value === "value" || a.value === "both" ? (D(), z("span", {
             key: 0,
-            style: N({
+            style: X({
               fontWeight: 600,
               fontVariantNumeric: "tabular-nums",
               minWidth: a.value === "value" ? "40px" : void 0,
               textAlign: "right"
             })
           }, J(r.value(f.value)), 5)) : Z("", !0),
-          a.value === "percent" || a.value === "both" ? (P(), z("span", {
+          a.value === "percent" || a.value === "both" ? (D(), z("span", {
             key: 1,
-            style: N({
+            style: X({
               opacity: a.value === "percent" ? 1 : 0.5,
               fontWeight: a.value === "percent" ? 600 : 400,
-              fontSize: (a.value === "percent" ? g.value.typography.fontSize : g.value.axis.fontSize) + "px",
+              fontSize: (a.value === "percent" ? p.value.typography.fontSize : p.value.axis.fontSize) + "px",
               fontVariantNumeric: "tabular-nums",
               minWidth: "40px",
               textAlign: "right"
@@ -6252,44 +6309,44 @@ const hl = /* @__PURE__ */ pt({
           }, J(f.percent.toFixed(1)) + "% ", 5)) : Z("", !0)
         ]))), 128))
       ], 12, vr)
-    ], 8, ["to"])) : S.value.length > 0 ? (P(), z("div", {
+    ], 8, ["to"])) : S.value.length > 0 ? (D(), z("div", {
       key: 2,
       "data-chart-pie-legend": "",
       "data-chart-pie-legend-position": "overlay",
-      style: N({
+      style: X({
         display: "flex",
         flexDirection: "column",
         gap: "6px",
         padding: "8px 12px",
-        fontFamily: g.value.typography.fontFamily,
-        fontSize: g.value.typography.fontSize + "px",
-        color: g.value.tooltip.textColor,
+        fontFamily: p.value.typography.fontFamily,
+        fontSize: p.value.typography.fontSize + "px",
+        color: p.value.tooltip.textColor,
         pointerEvents: "auto"
       })
     }, [
-      (P(!0), z(tt, null, Mt(S.value, (f, x) => (P(), z("div", {
-        key: x,
+      (D(!0), z(tt, null, Ct(S.value, (f, v) => (D(), z("div", {
+        key: v,
         style: { display: "flex", alignItems: "center", gap: "10px" }
       }, [
         $("span", {
-          style: N({ width: "10px", height: "10px", borderRadius: "50%", background: f.color, flexShrink: 0 })
+          style: X({ width: "10px", height: "10px", borderRadius: "50%", background: f.color, flexShrink: 0 })
         }, null, 4),
         $("span", yr, J(f.label), 1),
-        a.value === "value" || a.value === "both" ? (P(), z("span", {
+        a.value === "value" || a.value === "both" ? (D(), z("span", {
           key: 0,
-          style: N({
+          style: X({
             fontWeight: 600,
             fontVariantNumeric: "tabular-nums",
             minWidth: a.value === "value" ? "40px" : void 0,
             textAlign: "right"
           })
         }, J(r.value(f.value)), 5)) : Z("", !0),
-        a.value === "percent" || a.value === "both" ? (P(), z("span", {
+        a.value === "percent" || a.value === "both" ? (D(), z("span", {
           key: 1,
-          style: N({
+          style: X({
             opacity: a.value === "percent" ? 1 : 0.5,
             fontWeight: a.value === "percent" ? 600 : 400,
-            fontSize: (a.value === "percent" ? g.value.typography.fontSize : g.value.axis.fontSize) + "px",
+            fontSize: (a.value === "percent" ? p.value.typography.fontSize : p.value.axis.fontSize) + "px",
             fontVariantNumeric: "tabular-nums",
             minWidth: "40px",
             textAlign: "right"
@@ -6305,7 +6362,7 @@ const hl = /* @__PURE__ */ pt({
     format: { type: Function }
   },
   setup(i) {
-    const t = i, e = D(() => t.format ?? Xe), n = wt(), s = $i(n), a = Ce(), r = D(() => typeof a.default == "function"), l = q(0), h = () => {
+    const t = i, e = P(() => t.format ?? Xe), n = kt(), s = $i(n), a = Ce(), r = P(() => typeof a.default == "function"), l = q(0), h = () => {
       l.value++;
     };
     dt(() => {
@@ -6313,57 +6370,57 @@ const hl = /* @__PURE__ */ pt({
     }), ct(() => {
       n.off("overlayChange", h);
     });
-    function d(v, m) {
-      if (m !== void 0) return m;
-      const f = v.getSeriesIdsByType("pie", { visibleOnly: !0 });
+    function d(m, w) {
+      if (w !== void 0) return w;
+      const f = m.getSeriesIdsByType("pie", { visibleOnly: !0 });
       return f.length > 0 ? f[0] : null;
     }
-    const c = D(() => (l.value, n.getTheme())), u = D(() => (l.value, d(n, t.seriesId))), p = D(() => (s.value, l.value, u.value === null ? null : n.getHoverInfo(u.value))), w = q(null), g = q(null);
+    const c = P(() => (l.value, n.getTheme())), u = P(() => (l.value, d(n, t.seriesId))), g = P(() => (s.value, l.value, u.value === null ? null : n.getHoverInfo(u.value))), b = q(null), p = q(null);
     let k = null;
-    ns((v) => {
+    ns((m) => {
       if (!r.value) return;
-      const m = w.value;
-      !m || typeof ResizeObserver > "u" || (k = new ResizeObserver((f) => {
-        var R;
-        const x = (R = f[0]) == null ? void 0 : R.contentRect;
-        if (!x) return;
-        const y = g.value;
-        (!y || y.width !== x.width || y.height !== x.height) && (g.value = { width: x.width, height: x.height });
-      }), k.observe(m), v(() => {
+      const w = b.value;
+      !w || typeof ResizeObserver > "u" || (k = new ResizeObserver((f) => {
+        var I;
+        const v = (I = f[0]) == null ? void 0 : I.contentRect;
+        if (!v) return;
+        const x = p.value;
+        (!x || x.width !== v.width || x.height !== v.height) && (p.value = { width: v.width, height: v.height });
+      }), k.observe(w), m(() => {
         k == null || k.disconnect(), k = null;
       }));
     });
-    const S = D(() => {
-      if (!s.value || !p.value) return null;
-      const v = n.getMediaSize();
+    const S = P(() => {
+      if (!s.value || !g.value) return null;
+      const m = n.getMediaSize();
       if (r.value) {
-        const m = g.value;
-        return m ? Pi({
+        const w = p.value;
+        return w ? Di({
           x: s.value.mediaX,
           y: s.value.mediaY,
-          chartWidth: v.width,
-          chartHeight: v.height,
-          tooltipWidth: m.width,
-          tooltipHeight: m.height,
+          chartWidth: m.width,
+          chartHeight: m.height,
+          tooltipWidth: w.width,
+          tooltipHeight: w.height,
           offsetX: 16,
           offsetY: 16
         }) : { left: 0, top: 0 };
       }
-      return Pi({
+      return Di({
         x: s.value.mediaX,
         y: s.value.mediaY,
-        chartWidth: v.width,
-        chartHeight: v.height,
+        chartWidth: m.width,
+        chartHeight: m.height,
         tooltipWidth: Tr,
         tooltipHeight: Ir,
         offsetX: 16,
         offsetY: 16
       });
     });
-    return (v, m) => (P(), z(tt, null, [
-      p.value && B(s) && S.value && !r.value ? (P(), z("div", {
+    return (m, w) => (D(), z(tt, null, [
+      g.value && F(s) && S.value && !r.value ? (D(), z("div", {
         key: 0,
-        style: N({
+        style: X({
           position: "absolute",
           left: S.value.left + "px",
           top: S.value.top + "px",
@@ -6386,40 +6443,40 @@ const hl = /* @__PURE__ */ pt({
       }, [
         $("div", xr, [
           $("span", {
-            style: N({
+            style: X({
               width: "10px",
               height: "10px",
               borderRadius: "50%",
-              background: p.value.color,
+              background: g.value.color,
               flexShrink: 0
             })
           }, null, 4),
-          $("span", wr, J(p.value.label), 1)
+          $("span", wr, J(g.value.label), 1)
         ]),
         $("div", kr, [
-          $("span", Sr, J(e.value(p.value.value)), 1),
-          $("span", Mr, J(p.value.percent.toFixed(1)) + "%", 1)
+          $("span", Sr, J(e.value(g.value.value)), 1),
+          $("span", Mr, J(g.value.percent.toFixed(1)) + "%", 1)
         ])
       ], 4)) : Z("", !0),
-      p.value && B(s) && S.value && r.value ? (P(), z("div", {
+      g.value && F(s) && S.value && r.value ? (D(), z("div", {
         key: 1,
         ref_key: "containerRef",
-        ref: w,
-        "data-measured": g.value !== null ? "true" : "false",
-        style: N({
+        ref: b,
+        "data-measured": p.value !== null ? "true" : "false",
+        style: X({
           position: "absolute",
           left: S.value.left + "px",
           top: S.value.top + "px",
           pointerEvents: "none",
           zIndex: 10,
           width: "max-content",
-          maxWidth: B(n).getMediaSize().width + "px",
+          maxWidth: F(n).getMediaSize().width + "px",
           boxSizing: "border-box",
-          visibility: g.value !== null ? "visible" : "hidden"
+          visibility: p.value !== null ? "visible" : "hidden"
         })
       }, [
-        te(v.$slots, "default", {
-          info: p.value,
+        te(m.$slots, "default", {
+          info: g.value,
           format: e.value
         })
       ], 12, Cr)) : Z("", !0)
@@ -6432,7 +6489,7 @@ const hl = /* @__PURE__ */ pt({
     minLabelSpacing: {}
   },
   setup(i) {
-    const t = i, e = wt(), n = Hs(e), s = () => {
+    const t = i, e = kt(), n = Hs(e), s = () => {
       e.setTimeAxisLabelDensity({
         labelCount: t.labelCount ?? null,
         minLabelSpacing: t.minLabelSpacing ?? null
@@ -6441,40 +6498,40 @@ const hl = /* @__PURE__ */ pt({
     s(), ht(() => [t.labelCount, t.minLabelSpacing], s), ct(() => {
       e.setTimeAxisLabelDensity({ labelCount: null, minLabelSpacing: null });
     });
-    const a = /* @__PURE__ */ new Map(), r = D(() => e.getTheme()), l = D(() => {
+    const a = /* @__PURE__ */ new Map(), r = P(() => e.getTheme()), l = P(() => {
       n.value;
-      const h = e.getDataInterval(), { ticks: d, tickInterval: c } = e.timeScale.niceTickValues(h), u = new Set(d), p = performance.now();
-      for (const w of d)
-        a.has(w) ? a.get(w).opacity = 1 : a.set(w, { opacity: 1, addedAt: p });
-      for (const [w, g] of a)
-        u.has(w) || (g.opacity = 0);
-      for (const [w, g] of a)
-        g.opacity === 0 && p - g.addedAt > 5e3 && a.delete(w);
+      const h = e.getDataInterval(), { ticks: d, tickInterval: c } = e.timeScale.niceTickValues(h), u = new Set(d), g = performance.now();
+      for (const b of d)
+        a.has(b) ? a.get(b).opacity = 1 : a.set(b, { opacity: 1, addedAt: g });
+      for (const [b, p] of a)
+        u.has(b) || (p.opacity = 0);
+      for (const [b, p] of a)
+        p.opacity === 0 && g - p.addedAt > 5e3 && a.delete(b);
       return {
         allTicks: Array.from(a.entries()),
         tickInterval: c
       };
     });
-    return (h, d) => (P(), z("div", {
-      style: N({
+    return (h, d) => (D(), z("div", {
+      style: X({
         position: "absolute",
         left: "0",
         bottom: "0",
-        right: B(e).yAxisWidth + "px",
-        height: B(e).xAxisHeight + "px",
+        right: F(e).yAxisWidth + "px",
+        height: F(e).xAxisHeight + "px",
         pointerEvents: "none",
         display: "flex",
         alignItems: "center"
       })
     }, [
-      (P(!0), z(tt, null, Mt(l.value.allTicks, ([c, u]) => (P(), z("span", {
+      (D(!0), z(tt, null, Ct(l.value.allTicks, ([c, u]) => (D(), z("span", {
         key: c,
-        style: N({
+        style: X({
           position: "absolute",
-          left: B(e).timeScale.timeToX(c) + "px",
+          left: F(e).timeScale.timeToX(c) + "px",
           transform: "translateX(-50%)",
-          color: B(vs)(r.value, "x"),
-          fontSize: B(ms)(r.value, "x") + "px",
+          color: F(vs)(r.value, "x"),
+          fontSize: F(ms)(r.value, "x") + "px",
           fontFamily: r.value.typography.fontFamily,
           userSelect: "none",
           whiteSpace: "nowrap",
@@ -6482,7 +6539,7 @@ const hl = /* @__PURE__ */ pt({
           transition: "opacity 0.25s ease",
           willChange: "opacity"
         })
-      }, J(B(zi)(c, l.value.tickInterval)), 5))), 128))
+      }, J(F(zi)(c, l.value.tickInterval)), 5))), 128))
     ], 4));
   }
 }), bl = /* @__PURE__ */ pt({
@@ -6491,39 +6548,39 @@ const hl = /* @__PURE__ */ pt({
     sub: {}
   },
   setup(i) {
-    const t = yt(Es), e = yt(Ue), n = Ce(), s = D(() => typeof n.sub == "function");
+    const t = xt(Es), e = xt(Ue), n = Ce(), s = P(() => typeof n.sub == "function");
     if (!t)
       throw new Error("<Title> must be used within <ChartContainer>: missing TitleAnchorKey.");
     if (!e)
       throw new Error("<Title> must be used within <ChartContainer>: missing ThemeKey.");
-    return (a, r) => B(t) ? (P(), vi(bi, {
+    return (a, r) => F(t) ? (D(), vi(bi, {
       key: 0,
-      to: B(t)
+      to: F(t)
     }, [
       $("div", {
         "data-chart-title": "",
-        style: N({
+        style: X({
           display: "flex",
           alignItems: "baseline",
           gap: "6px",
-          padding: "6px 8px 4px",
+          padding: "6px 8px 0",
           flexShrink: 0,
-          fontFamily: B(e).typography.fontFamily,
-          fontSize: B(e).typography.fontSize + "px",
+          fontFamily: F(e).typography.fontFamily,
+          fontSize: F(e).typography.fontSize + "px",
           fontWeight: 600,
-          color: B(e).tooltip.textColor,
+          color: F(e).tooltip.textColor,
           pointerEvents: "none"
         })
       }, [
         $("span", null, [
           te(a.$slots, "default")
         ]),
-        s.value || i.sub ? (P(), z("span", {
+        s.value || i.sub ? (D(), z("span", {
           key: 0,
-          style: N({
+          style: X({
             fontWeight: 400,
-            color: B(e).axis.textColor,
-            fontSize: B(e).axis.fontSize + "px"
+            color: F(e).axis.textColor,
+            fontSize: F(e).axis.fontSize + "px"
           })
         }, [
           te(a.$slots, "sub", {}, () => [
@@ -6546,9 +6603,9 @@ const hl = /* @__PURE__ */ pt({
     format: { type: Function }
   },
   setup(i) {
-    const t = i, e = D(() => t.sort ?? "none"), n = D(
-      () => t.format ?? ((x, y) => y === "volume" ? Xe(x) : fs(x))
-    ), s = wt(), a = $i(s), r = q(0), l = () => {
+    const t = i, e = P(() => t.sort ?? "none"), n = P(
+      () => t.format ?? ((v, x) => x === "volume" ? Xe(v) : fs(v))
+    ), s = kt(), a = $i(s), r = q(0), l = () => {
       r.value++;
     };
     dt(() => {
@@ -6556,62 +6613,62 @@ const hl = /* @__PURE__ */ pt({
     }), ct(() => {
       s.off("overlayChange", l);
     });
-    const h = D(() => s.getTheme()), d = D(() => s.getDataInterval()), c = D(() => (r.value, a.value ? Ys(s, {
+    const h = P(() => s.getTheme()), d = P(() => s.getDataInterval()), c = P(() => (r.value, a.value ? Ys(s, {
       time: a.value.time,
       sort: e.value,
       cacheKey: "tooltip"
-    }) : [])), u = D(() => {
-      var x;
-      return ((x = a.value) == null ? void 0 : x.time) ?? 0;
-    }), p = Ce(), w = D(() => typeof p.default == "function"), g = q(null), k = q(null);
+    }) : [])), u = P(() => {
+      var v;
+      return ((v = a.value) == null ? void 0 : v.time) ?? 0;
+    }), g = Ce(), b = P(() => typeof g.default == "function"), p = q(null), k = q(null);
     let S = null;
-    ns((x) => {
-      if (!w.value) return;
-      const y = g.value;
-      !y || typeof ResizeObserver > "u" || (S = new ResizeObserver((R) => {
+    ns((v) => {
+      if (!b.value) return;
+      const x = p.value;
+      !x || typeof ResizeObserver > "u" || (S = new ResizeObserver((I) => {
         var L;
-        const b = (L = R[0]) == null ? void 0 : L.contentRect;
-        if (!b) return;
+        const y = (L = I[0]) == null ? void 0 : L.contentRect;
+        if (!y) return;
         const T = k.value;
-        (!T || T.width !== b.width || T.height !== b.height) && (k.value = { width: b.width, height: b.height });
-      }), S.observe(y), x(() => {
+        (!T || T.width !== y.width || T.height !== y.height) && (k.value = { width: y.width, height: y.height });
+      }), S.observe(x), v(() => {
         S == null || S.disconnect(), S = null;
       }));
     });
-    const v = D(() => {
+    const m = P(() => {
       if (!a.value || c.value.length === 0) return null;
-      const x = s.getMediaSize(), y = x.width - s.yAxisWidth, R = x.height - s.xAxisHeight;
-      if (w.value) {
+      const v = s.getMediaSize(), x = v.width - s.yAxisWidth, I = v.height - s.xAxisHeight;
+      if (b.value) {
         const A = k.value;
-        return A ? Pi({
+        return A ? Di({
           x: a.value.mediaX,
           y: a.value.mediaY,
-          chartWidth: y,
-          chartHeight: R,
+          chartWidth: x,
+          chartHeight: I,
           tooltipWidth: A.width,
           tooltipHeight: A.height
         }) : { left: 0, top: 0 };
       }
-      const b = c.value.some((A) => "open" in A.data), T = c.value.filter((A) => !("open" in A.data)).length, L = 160, C = b ? 140 : 40 + T * 22;
-      return Pi({
+      const y = c.value.some((A) => "open" in A.data), T = c.value.filter((A) => !("open" in A.data)).length, L = 160, C = y ? 140 : 40 + T * 22;
+      return Di({
         x: a.value.mediaX,
         y: a.value.mediaY,
-        chartWidth: y,
-        chartHeight: R,
+        chartWidth: x,
+        chartHeight: I,
         tooltipWidth: L,
         tooltipHeight: C
       });
-    }), m = D(() => !w.value || k.value !== null);
-    function f(x) {
-      return "open" in x;
+    }), w = P(() => !b.value || k.value !== null);
+    function f(v) {
+      return "open" in v;
     }
-    return (x, y) => (P(), z(tt, null, [
-      B(a) && c.value.length > 0 && v.value && !w.value ? (P(), z("div", {
+    return (v, x) => (D(), z(tt, null, [
+      F(a) && c.value.length > 0 && m.value && !b.value ? (D(), z("div", {
         key: 0,
-        style: N({
+        style: X({
           position: "absolute",
-          left: v.value.left + "px",
-          top: v.value.top + "px",
+          left: m.value.left + "px",
+          top: m.value.top + "px",
           pointerEvents: "none",
           background: h.value.tooltip.background,
           backdropFilter: "blur(12px)",
@@ -6630,7 +6687,7 @@ const hl = /* @__PURE__ */ pt({
         })
       }, [
         $("div", {
-          style: N({
+          style: X({
             fontSize: h.value.axis.fontSize + "px",
             color: h.value.axis.textColor,
             marginBottom: "8px",
@@ -6638,62 +6695,62 @@ const hl = /* @__PURE__ */ pt({
             borderBottom: "1px solid " + h.value.tooltip.borderColor,
             letterSpacing: "0.02em"
           })
-        }, J(B(Ba)(u.value)) + " " + J(B(zi)(u.value, d.value)), 5),
-        (P(!0), z(tt, null, Mt(c.value, (R) => (P(), z(tt, {
-          key: R.id
+        }, J(F(Fa)(u.value)) + " " + J(F(zi)(u.value, d.value)), 5),
+        (D(!0), z(tt, null, Ct(c.value, (I) => (D(), z(tt, {
+          key: I.id
         }, [
-          f(R.data) ? (P(), z("div", Rr, [
-            (P(!0), z(tt, null, Mt([
-              { label: "Open", val: R.data.open, field: "open" },
-              { label: "High", val: R.data.high, field: "high" },
-              { label: "Low", val: R.data.low, field: "low" },
-              { label: "Close", val: R.data.close, field: "close" }
-            ], (b) => (P(), z(tt, {
-              key: b.label
+          f(I.data) ? (D(), z("div", Rr, [
+            (D(!0), z(tt, null, Ct([
+              { label: "Open", val: I.data.open, field: "open" },
+              { label: "High", val: I.data.high, field: "high" },
+              { label: "Low", val: I.data.low, field: "low" },
+              { label: "Close", val: I.data.close, field: "close" }
+            ], (y) => (D(), z(tt, {
+              key: y.label
             }, [
-              $("span", Lr, J(b.label), 1),
+              $("span", Lr, J(y.label), 1),
               $("span", {
-                style: N({
+                style: X({
                   fontWeight: 600,
-                  color: B(Zt)(
-                    R.data.close >= R.data.open ? h.value.candlestick.up.body : h.value.candlestick.down.body
+                  color: F(Zt)(
+                    I.data.close >= I.data.open ? h.value.candlestick.up.body : h.value.candlestick.down.body
                   ),
                   textAlign: "right"
                 })
-              }, J(n.value(b.val, b.field)), 5)
+              }, J(n.value(y.val, y.field)), 5)
             ], 64))), 128)),
-            R.data.volume != null ? (P(), z(tt, { key: 0 }, [
-              y[0] || (y[0] = $("span", { style: { opacity: 0.5 } }, "Volume", -1)),
+            I.data.volume != null ? (D(), z(tt, { key: 0 }, [
+              x[0] || (x[0] = $("span", { style: { opacity: 0.5 } }, "Volume", -1)),
               $("span", {
-                style: N({ fontWeight: 600, color: h.value.tooltip.textColor, textAlign: "right" })
-              }, J(n.value(R.data.volume, "volume")), 5)
+                style: X({ fontWeight: 600, color: h.value.tooltip.textColor, textAlign: "right" })
+              }, J(n.value(I.data.volume, "volume")), 5)
             ], 64)) : Z("", !0)
-          ])) : (P(), z("div", Ar, [
+          ])) : (D(), z("div", Ar, [
             $("span", {
-              style: N({
+              style: X({
                 width: "8px",
                 height: "8px",
                 borderRadius: "50%",
-                background: R.color,
+                background: I.color,
                 flexShrink: 0
               })
             }, null, 4),
-            $("span", Wr, J(R.label ?? "Value"), 1),
+            $("span", Wr, J(I.label ?? "Value"), 1),
             $("span", {
-              style: N({ fontWeight: 600, color: R.color })
-            }, J(n.value(R.data.value, "value")), 5)
+              style: X({ fontWeight: 600, color: I.color })
+            }, J(n.value(I.data.value, "value")), 5)
           ]))
         ], 64))), 128))
       ], 4)) : Z("", !0),
-      B(a) && c.value.length > 0 && v.value && w.value ? (P(), z("div", {
+      F(a) && c.value.length > 0 && m.value && b.value ? (D(), z("div", {
         key: 1,
         ref_key: "containerRef",
-        ref: g,
-        "data-measured": m.value ? "true" : "false",
-        style: N({
+        ref: p,
+        "data-measured": w.value ? "true" : "false",
+        style: X({
           position: "absolute",
-          left: v.value.left + "px",
-          top: v.value.top + "px",
+          left: m.value.left + "px",
+          top: m.value.top + "px",
           pointerEvents: "none",
           background: h.value.tooltip.background,
           backdropFilter: "blur(12px)",
@@ -6707,13 +6764,13 @@ const hl = /* @__PURE__ */ pt({
           fontVariantNumeric: "tabular-nums",
           color: h.value.tooltip.textColor,
           width: "max-content",
-          maxWidth: B(s).getMediaSize().width - B(s).yAxisWidth + "px",
+          maxWidth: F(s).getMediaSize().width - F(s).yAxisWidth + "px",
           boxSizing: "border-box",
           zIndex: 10,
           visibility: k.value !== null ? "visible" : "hidden"
         })
       }, [
-        te(x.$slots, "default", {
+        te(v.$slots, "default", {
           snapshots: c.value,
           time: u.value
         })
@@ -6728,7 +6785,7 @@ const hl = /* @__PURE__ */ pt({
     minLabelSpacing: {}
   },
   setup(i) {
-    const t = i, e = wt(), n = Hs(e), s = () => e.yScale.setFormat(t.format ?? null);
+    const t = i, e = kt(), n = Hs(e), s = () => e.yScale.setFormat(t.format ?? null);
     dt(s), ht(() => t.format, s), ct(() => e.yScale.setFormat(null));
     const a = () => {
       e.setYAxisLabelDensity({
@@ -6737,44 +6794,44 @@ const hl = /* @__PURE__ */ pt({
       });
     };
     a(), ht(() => [t.labelCount, t.minLabelSpacing], a), ct(() => e.setYAxisLabelDensity({ labelCount: null, minLabelSpacing: null }));
-    const r = /* @__PURE__ */ new Map(), l = D(() => e.getTheme()), h = D(() => {
+    const r = /* @__PURE__ */ new Map(), l = P(() => e.getTheme()), h = P(() => {
       n.value;
       const d = e.yScale.niceTickValues(), c = new Set(d), u = performance.now();
-      for (const p of d)
-        r.has(p) ? r.get(p).opacity = 1 : r.set(p, { opacity: 1, addedAt: u });
-      for (const [p, w] of r)
-        c.has(p) || (w.opacity = 0);
-      for (const [p, w] of r)
-        w.opacity === 0 && u - w.addedAt > 5e3 && r.delete(p);
+      for (const g of d)
+        r.has(g) ? r.get(g).opacity = 1 : r.set(g, { opacity: 1, addedAt: u });
+      for (const [g, b] of r)
+        c.has(g) || (b.opacity = 0);
+      for (const [g, b] of r)
+        b.opacity === 0 && u - b.addedAt > 5e3 && r.delete(g);
       return Array.from(r.entries());
     });
-    return (d, c) => (P(), z("div", {
-      style: N({
+    return (d, c) => (D(), z("div", {
+      style: X({
         position: "absolute",
         right: "0",
         top: "0",
-        bottom: B(e).xAxisHeight + "px",
-        width: B(e).yAxisWidth + "px",
+        bottom: F(e).xAxisHeight + "px",
+        width: F(e).yAxisWidth + "px",
         pointerEvents: "none"
       })
     }, [
-      (P(!0), z(tt, null, Mt(h.value, ([u, p]) => (P(), z("span", {
+      (D(!0), z(tt, null, Ct(h.value, ([u, g]) => (D(), z("span", {
         key: u,
-        style: N({
+        style: X({
           position: "absolute",
           right: "8px",
-          top: B(e).yScale.valueToY(u) + "px",
+          top: F(e).yScale.valueToY(u) + "px",
           transform: "translateY(-50%)",
-          color: B(vs)(l.value, "y"),
-          fontSize: B(ms)(l.value, "y") + "px",
+          color: F(vs)(l.value, "y"),
+          fontSize: F(ms)(l.value, "y") + "px",
           fontFamily: l.value.typography.fontFamily,
           fontVariantNumeric: "tabular-nums",
           userSelect: "none",
-          opacity: p.opacity,
+          opacity: g.opacity,
           transition: "opacity 0.25s ease",
           willChange: "opacity"
         })
-      }, J(B(e).yScale.formatY(u)), 5))), 128))
+      }, J(F(e).yScale.formatY(u)), 5))), 128))
     ], 4));
   }
 }), wl = /* @__PURE__ */ pt({
@@ -6785,7 +6842,7 @@ const hl = /* @__PURE__ */ pt({
     format: { type: Function }
   },
   setup(i) {
-    const t = i, e = wt(), n = Ce(), s = D(() => typeof n.default == "function"), a = q(0), r = () => {
+    const t = i, e = kt(), n = Ce(), s = P(() => typeof n.default == "function"), a = q(0), r = () => {
       a.value++;
     };
     dt(() => {
@@ -6793,18 +6850,18 @@ const hl = /* @__PURE__ */ pt({
     }), ct(() => {
       e.setYLabel(!1), e.off("overlayChange", r), e.off("viewportChange", r);
     });
-    function l(v, m) {
-      if (m !== void 0) return m;
-      const f = v.getSeriesIdsByType("time", { visibleOnly: !0, singleLayerOnly: !0 });
+    function l(m, w) {
+      if (w !== void 0) return w;
+      const f = m.getSeriesIdsByType("time", { visibleOnly: !0, singleLayerOnly: !0 });
       if (f.length > 0) return f[0];
-      const x = v.getSeriesIdsByType("time", { visibleOnly: !0 });
-      return x.length > 0 ? x[0] : null;
+      const v = m.getSeriesIdsByType("time", { visibleOnly: !0 });
+      return v.length > 0 ? v[0] : null;
     }
-    const h = D(() => (a.value, l(e, t.seriesId))), d = D(() => (a.value, h.value !== null ? e.getStackedLastValue(h.value) : null)), c = D(() => (a.value, h.value !== null ? e.getPreviousClose(h.value) : null)), u = D(() => (a.value, e.getTheme())), p = D(() => (a.value, d.value === null ? 0 : e.yScale.valueToY(d.value.value))), w = D(() => d.value === null || c.value === null ? "neutral" : d.value.value > c.value ? "up" : d.value.value < c.value ? "down" : "neutral"), g = D(() => {
+    const h = P(() => (a.value, l(e, t.seriesId))), d = P(() => (a.value, h.value !== null ? e.getStackedLastValue(h.value) : null)), c = P(() => (a.value, h.value !== null ? e.getPreviousClose(h.value) : null)), u = P(() => (a.value, e.getTheme())), g = P(() => (a.value, d.value === null ? 0 : e.yScale.valueToY(d.value.value))), b = P(() => d.value === null || c.value === null ? "neutral" : d.value.value > c.value ? "up" : d.value.value < c.value ? "down" : "neutral"), p = P(() => {
       if (d.value === null) return u.value.yLabel.neutralBackground;
       if (!d.value.isLive) return u.value.axis.textColor;
       if (t.color) return t.color;
-      switch (w.value) {
+      switch (b.value) {
         case "up":
           return u.value.yLabel.upBackground;
         case "down":
@@ -6812,51 +6869,51 @@ const hl = /* @__PURE__ */ pt({
         default:
           return u.value.yLabel.neutralBackground;
       }
-    }), k = D(() => {
+    }), k = P(() => {
       a.value;
-      const v = e.yScale.getRange(), m = v.max - v.min;
-      return m < 0.1 ? 6 : m < 10 ? 4 : m < 1e3 ? 2 : 0;
-    }), S = D(() => {
+      const m = e.yScale.getRange(), w = m.max - m.min;
+      return w < 0.1 ? 6 : w < 10 ? 4 : w < 1e3 ? 2 : 0;
+    }), S = P(() => {
       if (t.format) return t.format;
-      const v = new Intl.NumberFormat("en-US", {
+      const m = new Intl.NumberFormat("en-US", {
         minimumFractionDigits: k.value,
         maximumFractionDigits: k.value,
         useGrouping: !1
       });
-      return (m) => v.format(m);
+      return (w) => m.format(w);
     });
-    return (v, m) => d.value !== null ? (P(), z(tt, { key: 0 }, [
-      s.value ? te(v.$slots, "default", {
+    return (m, w) => d.value !== null ? (D(), z(tt, { key: 0 }, [
+      s.value ? te(m.$slots, "default", {
         key: 0,
         value: d.value.value,
-        y: p.value,
-        bgColor: g.value,
+        y: g.value,
+        bgColor: p.value,
         isLive: d.value.isLive,
-        direction: w.value,
+        direction: b.value,
         format: S.value
-      }) : (P(), z(tt, { key: 1 }, [
+      }) : (D(), z(tt, { key: 1 }, [
         $("div", {
-          style: N({
+          style: X({
             position: "absolute",
             left: "0",
-            right: B(e).yAxisWidth + "px",
-            top: p.value + "px",
+            right: F(e).yAxisWidth + "px",
+            top: g.value + "px",
             height: "0",
-            borderTop: "1px dashed " + g.value,
+            borderTop: "1px dashed " + p.value,
             opacity: 0.5,
             pointerEvents: "none",
             zIndex: 2
           })
         }, null, 4),
         $("div", {
-          style: N({
+          style: X({
             position: "absolute",
             right: "4px",
-            top: p.value + "px",
+            top: g.value + "px",
             transform: "translateY(-50%)",
             pointerEvents: "auto",
             zIndex: 3,
-            background: g.value,
+            background: p.value,
             color: u.value.yLabel.textColor,
             fontSize: u.value.yLabel.fontSize + "px",
             fontFamily: u.value.typography.fontFamily,
@@ -6880,7 +6937,7 @@ export {
   nl as BarSeries,
   sl as CandlestickSeries,
   al as ChartContainer,
-  Po as ChartInstance,
+  Do as ChartInstance,
   ul as Crosshair,
   dl as InfoBar,
   fl as Legend,
@@ -6896,19 +6953,19 @@ export {
   yl as Tooltip,
   xl as YAxis,
   wl as YLabel,
-  Dr as andromeda,
+  Pr as andromeda,
   Y as autoGradient,
   zr as ayuMirage,
   Ys as buildHoverSnapshots,
   Ko as buildLastSnapshots,
   Is as catppuccin,
-  Pi as computeTooltipPosition,
+  Di as computeTooltipPosition,
   at as createTheme,
-  Fr as darkTheme,
+  Br as darkTheme,
   _a as detectInterval,
   Vr as dracula,
   Xe as formatCompact,
-  Ba as formatDate,
+  Fa as formatDate,
   fs as formatPriceAdaptive,
   zi as formatTime,
   Yr as githubLight,
@@ -6917,7 +6974,7 @@ export {
   Or as highContrast,
   Hr as lavenderMist,
   Nr as lightPink,
-  Pr as lightTheme,
+  Dr as lightTheme,
   Xr as materialPalenight,
   Ur as minimalLight,
   Gr as mintBreeze,
@@ -6934,7 +6991,7 @@ export {
   tl as rosePineDawn,
   el as sandDune,
   il as solarizedLight,
-  wt as useChartInstance,
+  kt as useChartInstance,
   $i as useCrosshairPosition,
   rl as useLastYValue,
   ll as usePreviousClose,