@wick-charts/vue 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,7 +1,7 @@
-import { inject as xe, defineComponent as Z, ref as tt, onMounted as q, onUnmounted as et, watch as st, createCommentVNode as K, shallowRef as ne, provide as le, computed as P, openBlock as R, createElementBlock as T, normalizeStyle as z, renderSlot as Oe, unref as W, Fragment as O, createElementVNode as _, toDisplayString as I, renderList as ct, createVNode as $e } from "vue";
+import { inject as xe, defineComponent as Z, ref as tt, onMounted as q, onUnmounted as et, watch as st, createCommentVNode as K, shallowRef as le, provide as he, computed as P, openBlock as R, createElementBlock as T, normalizeStyle as z, renderSlot as Oe, unref as W, Fragment as O, createElementVNode as _, toDisplayString as I, renderList as ct, createVNode as $e } from "vue";
 var Xe = Object.defineProperty, Ce = (r) => {
   throw TypeError(r);
-}, He = (r, t, e) => t in r ? Xe(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, x = (r, t, e) => He(r, typeof t != "symbol" ? t + "" : t, e), Jt = (r, t, e) => t.has(r) || Ce("Cannot " + e), h = (r, t, e) => (Jt(r, t, "read from private field"), e ? e.call(r) : t.get(r)), A = (r, t, e) => t.has(r) ? Ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), M = (r, t, e, o) => (Jt(r, t, "write to private field"), t.set(r, e), e), It = (r, t, e) => (Jt(r, t, "access private method"), e), he = (r, t, e, o) => ({
+}, He = (r, t, e) => t in r ? Xe(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, x = (r, t, e) => He(r, typeof t != "symbol" ? t + "" : t, e), jt = (r, t, e) => t.has(r) || Ce("Cannot " + e), h = (r, t, e) => (jt(r, t, "read from private field"), e ? e.call(r) : t.get(r)), A = (r, t, e) => t.has(r) ? Ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), M = (r, t, e, o) => (jt(r, t, "write to private field"), t.set(r, e), e), It = (r, t, e) => (jt(r, t, "access private method"), e), ce = (r, t, e, o) => ({
   set _(i) {
     M(r, t, i);
   },
@@ -29,13 +29,13 @@ class Pt {
     this.listeners.clear();
   }
 }
-function ce(r, t, e) {
+function de(r, t, e) {
   const o = document.createElement("canvas");
   return o.style.position = "absolute", o.style.inset = "0", o.style.width = "100%", o.style.height = "100%", o.style.display = "block", o.style.zIndex = String(t), r.appendChild(o), o;
 }
 class Ge extends Pt {
   constructor(t) {
-    super(), x(this, "mainCanvas"), x(this, "mainCtx"), x(this, "overlayCanvas"), x(this, "overlayCtx"), x(this, "resizeObserver"), x(this, "_size"), x(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = ce(t, 0), this.overlayCanvas = ce(t, 1), this.mainCtx = this.mainCanvas.getContext("2d", { alpha: !0 }), this.overlayCtx = this.overlayCanvas.getContext("2d", { alpha: !0 });
+    super(), x(this, "mainCanvas"), x(this, "mainCtx"), x(this, "overlayCanvas"), x(this, "overlayCtx"), x(this, "resizeObserver"), x(this, "_size"), x(this, "supportsDevicePixelContentBox", !1), this.mainCanvas = de(t, 0), this.overlayCanvas = de(t, 1), this.mainCtx = this.mainCanvas.getContext("2d", { alpha: !0 }), this.overlayCtx = this.overlayCanvas.getContext("2d", { alpha: !0 });
     const e = window.devicePixelRatio || 1;
     this._size = {
       media: { width: 0, height: 0 },
@@ -146,10 +146,10 @@ function Je(r, t, e, o, i) {
   }
   a.stroke(), a.setLineDash([]);
 }
-function de(r, t, e) {
+function ue(r, t, e) {
   return r + (t - r) * e;
 }
-function Xt(r, t, e) {
+function Ht(r, t, e) {
   let o = 0, i = r.length - 1;
   for (; o <= i; ) {
     const a = o + i >>> 1, s = e(r[a]);
@@ -159,7 +159,7 @@ function Xt(r, t, e) {
   }
   return o;
 }
-class jt extends Pt {
+class Kt extends Pt {
   constructor() {
     super(...arguments), x(this, "data", []), x(this, "_visible", !0), x(this, "cachedRange", null), x(this, "cachedResult", []);
   }
@@ -194,7 +194,7 @@ class jt extends Pt {
   getVisibleData(t, e) {
     if (this.data.length === 0) return [];
     if (this.cachedRange && this.cachedRange.from === t && this.cachedRange.to === e) return this.cachedResult;
-    const o = Math.max(0, Xt(this.data, t, (a) => a.time) - 1), i = Math.min(this.data.length, Xt(this.data, e, (a) => a.time) + 1);
+    const o = Math.max(0, Ht(this.data, t, (a) => a.time) - 1), i = Math.min(this.data.length, Ht(this.data, e, (a) => a.time) + 1);
     return this.cachedResult = this.data.slice(o, i), this.cachedRange = { from: t, to: e }, this.cachedResult;
   }
   first() {
@@ -211,7 +211,7 @@ class jt extends Pt {
   }
   findNearest(t, e) {
     if (this.data.length === 0) return null;
-    const o = Xt(this.data, t, (s) => s.time);
+    const o = Ht(this.data, t, (s) => s.time);
     let i = null, a = e;
     for (let s = Math.max(0, o - 1); s <= Math.min(this.data.length - 1, o + 1); s++) {
       const n = Math.abs(this.data[s].time - t);
@@ -304,7 +304,7 @@ class Qe extends Pt {
     this.canvas.removeEventListener("wheel", this.onWheel), this.canvas.removeEventListener("mousedown", this.onMouseDown), this.canvas.removeEventListener("mousemove", this.onMouseMove), this.canvas.removeEventListener("mouseup", this.onMouseUp), this.canvas.removeEventListener("mouseleave", this.onMouseLeave), this.canvas.removeEventListener("dblclick", this.onDblClick), this.canvas.removeEventListener("touchstart", this.onTouchStart), this.canvas.removeEventListener("touchmove", this.onTouchMove), this.canvas.removeEventListener("touchend", this.onTouchEnd), this.removeAllListeners();
   }
 }
-class ue {
+class fe {
   constructor(t) {
     x(this, "dirty", !1), x(this, "rafId", null), x(this, "callback"), x(this, "render", (e) => {
       this.dirty = !1, this.rafId = null, this.callback(e);
@@ -318,14 +318,14 @@ class ue {
   }
 }
 const xt = 6e4, vt = 36e5, ft = 864e5;
-function fe(r) {
+function Yt(r) {
   return r instanceof Date ? r.getTime() : r;
 }
 function Ze(r) {
-  return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
+  return r.length === 0 || !r.some((t) => t.time instanceof Date) ? r : r.map((t) => ({ ...t, time: Yt(t.time) }));
 }
 function to(r) {
-  return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
+  return r.length === 0 || !r.some((t) => t.time instanceof Date) ? r : r.map((t) => ({ ...t, time: Yt(t.time) }));
 }
 function eo(r) {
   if (r.length < 2) return ft;
@@ -334,7 +334,7 @@ function eo(r) {
     t.push(r[e] - r[e - 1]);
   return t.sort((e, o) => e - o), t[Math.floor(t.length / 2)];
 }
-function Yt(r, t) {
+function Ut(r, t) {
   const e = new Date(r);
   return t >= ft ? e.toLocaleDateString("en-US", { month: "short", day: "numeric" }) : t >= vt ? e.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: !1 }) : e.toLocaleTimeString("en-US", {
     hour: "2-digit",
@@ -396,7 +396,7 @@ class ao {
     return this.width;
   }
 }
-const Ht = [
+const Gt = [
   1e-4,
   2e-4,
   5e-4,
@@ -449,8 +449,8 @@ class so {
   niceTickValues() {
     if (this.max <= this.min) return [];
     const t = (this.max - this.min) / this.height * 50;
-    let e = Ht[Ht.length - 1];
-    for (const a of Ht)
+    let e = Gt[Gt.length - 1];
+    for (const a of Gt)
       if (a >= t) {
         e = a;
         break;
@@ -479,7 +479,7 @@ const ro = {
 };
 class nt {
   constructor(t, e) {
-    x(this, "stores"), x(this, "options"), this.stores = Array.from({ length: t }, () => new jt()), this.options = { ...ro, ...e };
+    x(this, "stores"), x(this, "options"), this.stores = Array.from({ length: t }, () => new Kt()), this.options = { ...ro, ...e };
   }
   /** For chart compatibility — returns first store */
   get store() {
@@ -595,25 +595,25 @@ class nt {
         const f = i.timeToBitmapX(g);
         let y = 0, F = 0;
         for (let k = 0; k < C; k++) {
-          const B = p[k];
-          B > 0 ? y += B : F += B;
+          const D = p[k];
+          D > 0 ? y += D : F += D;
         }
         if (e) {
-          let k = 0, B = 0;
+          let k = 0, D = 0;
           for (const L of p)
-            L > 0 ? k += L : B += L;
+            L > 0 ? k += L : D += L;
           if (m > 0 && k > 0) {
             const L = y / k * 100, N = (y + m) / k * 100, $ = a.valueToBitmapY(N), Q = a.valueToBitmapY(L), G = Math.max(1, Q - $);
             this.fillBar(n, f - u, $, d, G, w);
-          } else if (m < 0 && B < 0) {
-            const L = F / B * -100, N = (F + m) / B * -100, $ = a.valueToBitmapY(L), Q = a.valueToBitmapY(N), G = Math.max(1, Q - $);
+          } else if (m < 0 && D < 0) {
+            const L = F / D * -100, N = (F + m) / D * -100, $ = a.valueToBitmapY(L), Q = a.valueToBitmapY(N), G = Math.max(1, Q - $);
             n.fillStyle = w, n.fillRect(f - u, $, d, G);
           }
         } else if (m > 0) {
-          const k = a.valueToBitmapY(y + m), B = a.valueToBitmapY(y), L = Math.max(1, B - k);
+          const k = a.valueToBitmapY(y + m), D = a.valueToBitmapY(y), L = Math.max(1, D - k);
           this.fillBar(n, f - u, k, d, L, w);
         } else {
-          const k = a.valueToBitmapY(F), B = a.valueToBitmapY(F + m), L = Math.max(1, B - k);
+          const k = a.valueToBitmapY(F), D = a.valueToBitmapY(F + m), L = Math.max(1, D - k);
           n.fillStyle = w, n.fillRect(f - u, k, d, L);
         }
       }
@@ -674,7 +674,7 @@ function lo(r, t, e, o) {
   return i.push(r[r.length - 1]), i;
 }
 const ge = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map();
-function Kt(r) {
+function qt(r) {
   return [parseInt(r.slice(1, 3), 16), parseInt(r.slice(3, 5), 16), parseInt(r.slice(5, 7), 16)];
 }
 function we(r, t, e) {
@@ -686,14 +686,14 @@ function Mt(r, t) {
   const e = r + t;
   let o = ge.get(e);
   if (o) return o;
-  const [i, a, s] = Kt(r);
+  const [i, a, s] = qt(r);
   return o = `rgba(${i}, ${a}, ${s}, ${t})`, ge.set(e, o), o;
 }
 function ho(r, t) {
   const e = r + t;
   let o = me.get(e);
   if (o) return o;
-  const [i, a, s] = Kt(r);
+  const [i, a, s] = qt(r);
   return o = we(
     Math.min(255, Math.round(i + (255 - i) * t)),
     Math.min(255, Math.round(a + (255 - a) * t)),
@@ -704,7 +704,7 @@ function co(r, t) {
   const e = r + t;
   let o = be.get(e);
   if (o) return o;
-  const [i, a, s] = Kt(r);
+  const [i, a, s] = qt(r);
   return o = we(
     Math.max(0, Math.round(i * (1 - t))),
     Math.max(0, Math.round(a * (1 - t))),
@@ -718,7 +718,7 @@ const uo = {
   wickDownColor: "#ef5350",
   bodyWidthRatio: 0.6
 };
-class Gt {
+class Nt {
   constructor(t, e) {
     x(this, "store"), x(this, "options"), this.store = t, this.options = { ...uo, ...e };
   }
@@ -800,7 +800,7 @@ const fo = {
 };
 class j {
   constructor(t, e) {
-    x(this, "stores"), x(this, "options"), x(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.stores = Array.from({ length: t }, () => new jt()), this.options = { ...fo, ...e };
+    x(this, "stores"), x(this, "options"), x(this, "areaGradientCache", /* @__PURE__ */ new Map()), this.stores = Array.from({ length: t }, () => new Kt()), this.options = { ...fo, ...e };
   }
   get store() {
     return this.stores[0];
@@ -931,13 +931,7 @@ class j {
         const s = this.stores[a].last();
         if (!s) continue;
         const n = this.options.colors[a % this.options.colors.length];
-        this.drawPulse(
-          t,
-          e.timeToBitmapX(s.time),
-          o.valueToBitmapY(s.value),
-          n,
-          i
-        );
+        this.drawPulse(t, e.timeToBitmapX(s.time), o.valueToBitmapY(s.value), n, i);
       }
   }
   drawPulse(t, e, o, i, a) {
@@ -1010,18 +1004,18 @@ class bt {
     if (this.data.length === 0) return;
     const { scope: e, theme: o } = t, { context: i, bitmapSize: a, horizontalPixelRatio: s } = e, n = performance.now(), l = this.lastRenderTime ? (n - this.lastRenderTime) / 1e3 : 0;
     this.lastRenderTime = n;
-    const c = this.data.reduce((k, B) => k + B.value, 0);
+    const c = this.data.reduce((k, D) => k + D.value, 0);
     if (c <= 0) return;
     const d = 10;
     for (; this.sliceOffsets.length < this.data.length; ) this.sliceOffsets.push(0);
     for (let k = 0; k < this.data.length; k++) {
-      const B = k === this.hoverIndex ? 1 : 0;
-      this.sliceOffsets[k] = bo(this.sliceOffsets[k], B, d * l);
+      const D = k === this.hoverIndex ? 1 : 0;
+      this.sliceOffsets[k] = bo(this.sliceOffsets[k], D, d * l);
     }
     const u = this.options.colors ?? o.seriesColors, b = a.width / 2, v = a.height / 2, C = Math.min(a.width, a.height) / 2 * 0.85, w = C * this.options.innerRadiusRatio, g = this.options.padAngle, { strokeColor: p, strokeWidth: m } = this.options, f = 8 * s;
     let y = -Math.PI / 2;
     for (let k = 0; k < this.data.length; k++) {
-      const B = this.data[k], L = B.value / c * Wt, N = y + g / 2, $ = y + L - g / 2, Q = y + L / 2, G = B.color ?? u[k % u.length], pt = this.sliceOffsets[k] * f, J = Math.cos(Q) * pt, Ft = Math.sin(Q) * pt, gt = b + J, mt = v + Ft;
+      const D = this.data[k], L = D.value / c * Wt, N = y + g / 2, $ = y + L - g / 2, Q = y + L / 2, G = D.color ?? u[k % u.length], pt = this.sliceOffsets[k] * f, J = Math.cos(Q) * pt, Ft = Math.sin(Q) * pt, gt = b + J, mt = v + Ft;
       i.beginPath(), i.arc(gt, mt, C, N, $), w > 0 ? i.arc(gt, mt, w, $, N, !0) : i.lineTo(gt, mt), i.closePath();
       const X = i.createRadialGradient(gt, mt, w || 0, gt, mt, C);
       X.addColorStop(0, mo(G, 0.15)), X.addColorStop(1, G), i.fillStyle = X, this.sliceOffsets[k] > 0.01 && (i.shadowColor = "rgba(0,0,0,0.25)", i.shadowBlur = 12 * s * this.sliceOffsets[k], i.shadowOffsetX = J * 0.3, i.shadowOffsetY = Ft * 0.3), i.fill(), i.shadowColor = "transparent", i.shadowBlur = 0, i.shadowOffsetX = 0, i.shadowOffsetY = 0, m > 0 && p !== "transparent" && (i.strokeStyle = p, i.lineWidth = m, i.stroke()), y += L;
@@ -1030,10 +1024,10 @@ class bt {
     const F = w > 0 ? (C + w) / 2 : C * 0.65;
     i.textAlign = "center", i.textBaseline = "middle", i.font = `${11 * s}px ${o.typography.fontFamily}`;
     for (let k = 0; k < this.data.length; k++) {
-      const B = this.data[k], L = B.value / c * Wt;
+      const D = this.data[k], L = D.value / c * Wt;
       if (L > 0.3) {
-        const N = y + L / 2, $ = this.sliceOffsets[k] * f, Q = b + Math.cos(N) * (F + $), G = v + Math.sin(N) * (F + $), pt = B.color ?? u[k % u.length];
-        i.fillStyle = go(pt) ? "#000000" : "#ffffff", i.fillText(B.label, Q, G);
+        const N = y + L / 2, $ = this.sliceOffsets[k] * f, Q = b + Math.cos(N) * (F + $), G = v + Math.sin(N) * (F + $), pt = D.color ?? u[k % u.length];
+        i.fillStyle = go(pt) ? "#000000" : "#ffffff", i.fillText(D.label, Q, G);
       }
       y += L;
     }
@@ -1173,7 +1167,7 @@ class vo extends Pt {
   /** Called by the render loop before each frame. Returns true if still animating. */
   tick(t) {
     if (!this._animating) return !1;
-    const e = t - this.animStartTime, o = Math.min(1, e / this.animDuration), i = 1 - (1 - o) ** 3, a = de(this.animFrom.from, this.animTo.from, i), s = de(this.animFrom.to, this.animTo.to, i);
+    const e = t - this.animStartTime, o = Math.min(1, e / this.animDuration), i = 1 - (1 - o) ** 3, a = ue(this.animFrom.from, this.animTo.from, i), s = ue(this.animFrom.to, this.animTo.to, i);
     return s > a && this.applyRange(a, s), o >= 1 && (this._animating = !1), this._animating;
   }
   /** Set the Y-axis range. Adds pixel-based padding unless a side has a fixed (explicit) bound. */
@@ -1223,13 +1217,13 @@ class vo extends Pt {
   }
 }
 let yo = 0;
-var E, D, U, Ct, _t, S, V, Bt, ot, ht, H, lt, Nt, wt, ut, Dt, yt, kt, zt, Vt, it, at, St;
+var E, B, U, Ct, _t, S, V, Dt, ot, ht, H, lt, Jt, wt, ut, Bt, yt, kt, zt, Vt, it, at, St;
 class xo extends Pt {
   constructor(t, e) {
     var o, i, a;
-    super(), A(this, kt), A(this, E), A(this, D), A(this, U), A(this, Ct), x(this, "timeScale"), x(this, "yScale"), A(this, _t), A(this, S, []), A(this, V), A(this, Bt), A(this, ot, 6e4), A(this, ht, null), A(this, H, {}), A(this, lt, null), A(this, Nt, !1), A(this, wt, {}), A(this, ut, 0), A(this, Dt, !1), A(this, yt, !1), A(this, Vt, 0), A(this, it, 0), A(this, at, 0), A(this, St, !1), e != null && e.axis && (M(this, wt, e.axis), M(this, H, { min: (o = e.axis.y) == null ? void 0 : o.min, max: (i = e.axis.y) == null ? void 0 : i.max })), M(this, V, (e == null ? void 0 : e.theme) ?? ke), M(this, Bt, (e == null ? void 0 : e.grid) !== !1), M(this, E, new Ge(t)), M(this, D, new vo({ padding: e == null ? void 0 : e.padding })), this.timeScale = new ao(), this.yScale = new so(), M(this, U, new ue(() => this.renderMain())), M(this, Ct, new ue(() => this.renderOverlay()));
+    super(), A(this, kt), A(this, E), A(this, B), A(this, U), A(this, Ct), x(this, "timeScale"), x(this, "yScale"), A(this, _t), A(this, S, []), A(this, V), A(this, Dt), A(this, ot, 6e4), A(this, ht, null), A(this, H, {}), A(this, lt, null), A(this, Jt, !1), A(this, wt, {}), A(this, ut, 0), A(this, Bt, !1), A(this, yt, !1), A(this, Vt, 0), A(this, it, 0), A(this, at, 0), A(this, St, !1), e != null && e.axis && (M(this, wt, e.axis), M(this, H, { min: (o = e.axis.y) == null ? void 0 : o.min, max: (i = e.axis.y) == null ? void 0 : i.max })), M(this, V, (e == null ? void 0 : e.theme) ?? ke), M(this, Dt, (e == null ? void 0 : e.grid) !== !1), M(this, E, new Ge(t)), M(this, B, new vo({ padding: e == null ? void 0 : e.padding })), this.timeScale = new ao(), this.yScale = new so(), M(this, U, new fe(() => this.renderMain())), M(this, Ct, new fe(() => this.renderOverlay()));
     const s = (e == null ? void 0 : e.interactive) !== !1;
-    M(this, _t, s ? new Qe(h(this, E).canvas, h(this, D), this.timeScale, this.yScale) : null), h(this, D).on("change", () => {
+    M(this, _t, s ? new Qe(h(this, E).canvas, h(this, B), this.timeScale, this.yScale) : null), h(this, B).on("change", () => {
       this.syncScales(), h(this, U).markDirty(), this.emit("viewportChange");
     }), h(this, E).on("resize", () => {
       this.updateScales(!0), this.renderMain(), this.emit("viewportChange");
@@ -1247,7 +1241,7 @@ class xo extends Pt {
   }
   /** Add a candlestick (OHLC) series and return its unique ID. */
   addCandlestickSeries(t) {
-    const e = new jt(), o = new Gt(e, {
+    const e = new Kt(), o = new Nt(e, {
       upColor: h(this, V).candlestick.upColor,
       downColor: h(this, V).candlestick.downColor,
       wickUpColor: h(this, V).candlestick.wickUpColor,
@@ -1341,20 +1335,20 @@ class xo extends Pt {
   appendData(t, e) {
     const o = h(this, S).find((a) => a.id === t);
     if (!(o != null && o.store)) return;
-    const i = { ...e, time: fe(e.time) };
+    const i = { ...e, time: Yt(e.time) };
     o.store.append(i);
   }
   /** Update the last data point of a series in place (e.g. live candle update). */
   updateData(t, e) {
     const o = h(this, S).find((a) => a.id === t);
     if (!(o != null && o.store)) return;
-    const i = { ...e, time: fe(e.time) };
+    const i = { ...e, time: Yt(e.time) };
     o.store.updateLast(i);
   }
   /** Update visual options (color, width, etc.) for an existing series. */
   updateSeriesOptions(t, e) {
     const o = h(this, S).find((i) => i.id === t);
-    o && ((o.renderer instanceof Gt || o.renderer instanceof j || o.renderer instanceof nt || o.renderer instanceof bt) && o.renderer.updateOptions(e), "label" in e && typeof e.label == "string" && (o.label = e.label), h(this, U).markDirty());
+    o && ((o.renderer instanceof Nt || o.renderer instanceof j || o.renderer instanceof nt || o.renderer instanceof bt) && o.renderer.updateOptions(e), "label" in e && typeof e.label == "string" && (o.label = e.label), h(this, U).markDirty());
   }
   /**
    * Batch multiple updates: suppress recomputes until `fn` returns.
@@ -1370,11 +1364,11 @@ class xo extends Pt {
   }
   /** @deprecated Use {@link batch} instead. */
   beginUpdate() {
-    he(this, ut)._++;
+    ce(this, ut)._++;
   }
   /** @deprecated Use {@link batch} instead. */
   endUpdate() {
-    --he(this, ut)._ <= 0 && (M(this, ut, 0), h(this, Dt) ? (M(this, Dt, !1), M(this, yt, !1), this.onDataChanged()) : h(this, yt) && (M(this, yt, !1), this.updateYRange(!0), h(this, U).markDirty()));
+    --ce(this, ut)._ <= 0 && (M(this, ut, 0), h(this, Bt) ? (M(this, Bt, !1), M(this, yt, !1), this.onDataChanged()) : h(this, yt) && (M(this, yt, !1), this.updateYRange(!0), h(this, U).markDirty()));
   }
   /** Show or hide a series. Hidden series are not rendered and excluded from Y-range. */
   setSeriesVisible(t, e) {
@@ -1420,13 +1414,13 @@ class xo extends Pt {
     const { first: t, last: e } = this.getDataBounds();
     if (t === void 0 || e === void 0) return;
     const o = h(this, E).size.media.width - this.yAxisWidth;
-    h(this, D).fitToData(t, e, o, !0);
+    h(this, B).fitToData(t, e, o, !0);
   }
   getVisibleRange() {
-    return h(this, D).visibleRange;
+    return h(this, B).visibleRange;
   }
   getYRange() {
-    return h(this, D).yRange;
+    return h(this, B).yRange;
   }
   getCrosshairPosition() {
     return h(this, ht);
@@ -1437,7 +1431,7 @@ class xo extends Pt {
     if (!(e != null && e.store)) return null;
     const o = e.store.last();
     if (!o) return null;
-    const i = (l) => "close" in l ? l.close : l.value, { from: a, to: s } = h(this, D).visibleRange;
+    const i = (l) => "close" in l ? l.close : l.value, { from: a, to: s } = h(this, B).visibleRange;
     if (o.time >= a && o.time <= s)
       return { value: i(o), isLive: !0 };
     const n = e.store.getVisibleData(a, s);
@@ -1550,7 +1544,7 @@ class xo extends Pt {
     const e = h(this, V).line.color;
     M(this, V, t);
     for (const o of h(this, S))
-      o.renderer instanceof Gt ? o.renderer.updateOptions({
+      o.renderer instanceof Nt ? o.renderer.updateOptions({
         upColor: t.candlestick.upColor,
         downColor: t.candlestick.downColor,
         wickUpColor: t.candlestick.wickUpColor,
@@ -1590,21 +1584,21 @@ class xo extends Pt {
   }
   /** Update viewport padding at runtime. Refits the visible range to current data bounds. */
   setPadding(t) {
-    h(this, D).setPadding(t);
+    h(this, B).setPadding(t);
     const { first: e, last: o } = this.getDataBounds();
     if (e !== void 0 && o !== void 0) {
       const i = h(this, E).size.media.width - this.yAxisWidth;
-      h(this, D).fitToData(e, o, i, !1);
+      h(this, B).fitToData(e, o, i, !1);
     }
     this.syncScales(), h(this, U).markDirty();
   }
   /** Show or hide the background grid. Takes effect on the next render frame. */
   setGrid(t) {
-    M(this, Bt, t), h(this, U).markDirty();
+    M(this, Dt, t), h(this, U).markDirty();
   }
   /** Notify chart that a YLabel is present (affects right padding). */
   setYLabel(t) {
-    M(this, Nt, t), this.updateViewportPadding();
+    M(this, Jt, t), this.updateViewportPadding();
   }
   updatePieHover(t) {
     const e = h(this, E).size;
@@ -1624,7 +1618,7 @@ class xo extends Pt {
   /** Tear down the chart: cancel animations, remove listeners, and detach the canvas. */
   destroy() {
     var t;
-    h(this, D).destroy(), h(this, U).destroy(), h(this, Ct).destroy(), (t = h(this, _t)) == null || t.destroy(), h(this, E).destroy(), this.removeAllListeners();
+    h(this, B).destroy(), h(this, U).destroy(), h(this, Ct).destroy(), (t = h(this, _t)) == null || t.destroy(), h(this, E).destroy(), this.removeAllListeners();
   }
   /** Compute the earliest and latest timestamps across all series. */
   getDataBounds() {
@@ -1638,12 +1632,12 @@ class xo extends Pt {
   }
   onDataChanged() {
     if (h(this, ut) > 0) {
-      M(this, Dt, !0);
+      M(this, Bt, !0);
       return;
     }
     this.updateDataInterval();
     const { first: t, last: e } = this.getDataBounds();
-    t !== void 0 && h(this, D).setDataStart(t), e !== void 0 && h(this, D).setDataEnd(e);
+    t !== void 0 && h(this, B).setDataStart(t), e !== void 0 && h(this, B).setDataEnd(e);
     let o = 0;
     for (const a of h(this, S))
       if (a.renderer instanceof j || a.renderer instanceof nt)
@@ -1651,14 +1645,14 @@ class xo extends Pt {
       else a.store && (o += a.store.length);
     const i = o - h(this, Vt) > 5;
     if (M(this, Vt, o), t !== void 0 && e !== void 0) {
-      const { from: a, to: s } = h(this, D).visibleRange, n = a === 0 && s === 0, l = h(this, E).size.media.width - this.yAxisWidth;
-      n ? h(this, D).fitToData(t, e, l, !1) : i && h(this, D).autoScroll ? h(this, D).fitToData(t, e, l, !0) : !i && this.isLastPointVisible() && h(this, D).scrollToEnd(e, l);
+      const { from: a, to: s } = h(this, B).visibleRange, n = a === 0 && s === 0, l = h(this, E).size.media.width - this.yAxisWidth;
+      n ? h(this, B).fitToData(t, e, l, !1) : i && h(this, B).autoScroll ? h(this, B).fitToData(t, e, l, !0) : !i && this.isLastPointVisible() && h(this, B).scrollToEnd(e, l);
     }
     this.updateYRange(i), this.syncScales(), h(this, U).markDirty(), this.emit("dataUpdate");
   }
   /** Check whether the last data point of any series falls within the visible time range. */
   isLastPointVisible() {
-    const { from: t, to: e } = h(this, D).visibleRange;
+    const { from: t, to: e } = h(this, B).visibleRange;
     for (const o of h(this, S)) {
       if (!o.visible || !o.store) continue;
       const i = o.store.last();
@@ -1672,14 +1666,14 @@ class xo extends Pt {
       const e = t.store.getAll();
       if (e.length >= 2) {
         const o = e.slice(0, 20).map((i) => i.time);
-        M(this, ot, eo(o)), h(this, D).setDataInterval(h(this, ot));
+        M(this, ot, eo(o)), h(this, B).setDataInterval(h(this, ot));
         break;
       }
     }
   }
   updateYRange(t = !1) {
     let e = 1 / 0, o = -1 / 0;
-    const i = h(this, D).visibleRange;
+    const i = h(this, B).visibleRange;
     let a = h(this, H).min !== void 0 && h(this, H).min !== "auto" && typeof h(this, H).min != "number" || h(this, H).max !== void 0 && h(this, H).max !== "auto" && typeof h(this, H).max != "number" ? [] : null;
     for (const c of h(this, S)) {
       if (!c.visible) continue;
@@ -1713,7 +1707,7 @@ class xo extends Pt {
       (Math.abs(h(this, it) - e) > c || Math.abs(h(this, at) - o) > c) && h(this, U).markDirty();
     }
     const s = h(this, H).min !== void 0 && h(this, H).min !== "auto", n = h(this, H).max !== void 0 && h(this, H).max !== "auto", l = h(this, E).size.media.height - this.xAxisHeight;
-    h(this, D).setYRange(h(this, it), h(this, at), l, s, n);
+    h(this, B).setYRange(h(this, it), h(this, at), l, s, n);
   }
   /** Resolve an {@link AxisBound} to a concrete numeric value. */
   resolveBound(t, e, o, i, a) {
@@ -1736,21 +1730,21 @@ class xo extends Pt {
     const t = h(this, E).size;
     if (t.media.width === 0 || t.media.height === 0) return;
     const e = t.media.width - this.yAxisWidth, o = t.media.height - this.xAxisHeight;
-    this.timeScale.update(h(this, D).visibleRange, e, t.horizontalPixelRatio), this.yScale.update(h(this, D).yRange, o, t.verticalPixelRatio);
+    this.timeScale.update(h(this, B).visibleRange, e, t.horizontalPixelRatio), this.yScale.update(h(this, B).yRange, o, t.verticalPixelRatio);
   }
   updateScales(t = !1) {
     const e = h(this, E).size;
     if (e.media.width === 0 || e.media.height === 0) return;
     const o = e.media.width - this.yAxisWidth, i = e.media.height - this.xAxisHeight;
-    this.timeScale.update(h(this, D).visibleRange, o, e.horizontalPixelRatio), this.yScale.update(h(this, D).yRange, i, e.verticalPixelRatio), this.updateYRange(t), this.yScale.update(h(this, D).yRange, i, e.verticalPixelRatio);
+    this.timeScale.update(h(this, B).visibleRange, o, e.horizontalPixelRatio), this.yScale.update(h(this, B).yRange, i, e.verticalPixelRatio), this.updateYRange(t), this.yScale.update(h(this, B).yRange, i, e.verticalPixelRatio);
   }
   /** Expensive: background, grid, all series. Only on data/viewport/resize change. */
   renderMain() {
     const t = h(this, E).size;
     if (!(t.media.width === 0 || t.media.height === 0)) {
-      h(this, D).tick(performance.now()) && h(this, U).markDirty(), this.updateScales(), h(this, E).useMainLayer((e) => {
+      h(this, B).tick(performance.now()) && h(this, U).markDirty(), this.updateScales(), h(this, E).useMainLayer((e) => {
         const { context: o, bitmapSize: i } = e, a = (t.media.width - this.yAxisWidth) * t.horizontalPixelRatio, s = (t.media.height - this.xAxisHeight) * t.verticalPixelRatio;
-        o.clearRect(0, 0, i.width, i.height), o.save(), o.beginPath(), o.rect(0, 0, a, s), o.clip(), h(this, Bt) && Je(e, this.timeScale, this.yScale, h(this, V), h(this, ot));
+        o.clearRect(0, 0, i.width, i.height), o.save(), o.beginPath(), o.rect(0, 0, a, s), o.clip(), h(this, Dt) && Je(e, this.timeScale, this.yScale, h(this, V), h(this, ot));
         for (const n of h(this, S))
           n.visible && n.renderer.render({
             scope: e,
@@ -1838,7 +1832,7 @@ class xo extends Pt {
     }
   }
 }
-E = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Bt = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap(), Nt = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap(), Dt = /* @__PURE__ */ new WeakMap(), yt = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakSet(), /**
+E = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap(), _t = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Dt = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap(), Bt = /* @__PURE__ */ new WeakMap(), yt = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakSet(), /**
 * Return a series ID: use the provided hint if it's non-empty and not already taken,
 * otherwise generate a new auto ID. Auto-generated IDs never collide with each other
 * or with user-provided IDs because they use a monotonically increasing counter.
@@ -1913,8 +1907,8 @@ function Co(r) {
   return parseInt(r.slice(1, 3), 16) * 0.299 + parseInt(r.slice(3, 5), 16) * 0.587 + parseInt(r.slice(5, 7), 16) * 0.114 < 128;
 }
 function Y(r) {
-  var t, e, o, i, a, s, n, l, c, d, u, b, v, C, w, g, p, m, f, y, F, k, B, L, N, $, Q, G, pt;
-  const { background: J, name: Ft = "Custom", description: gt, fontUrl: mt = null } = r, X = Co(J), ze = X ? "#d1d4dc" : "#24292f", Pe = X ? "#787b86" : "#8b949e", ie = X ? "#26a69a" : "#2da44e", ae = X ? "#ef5350" : "#cf222e", Fe = X ? "#2962ff" : "#0969da", Le = X ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Ie = X ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", se = X ? At(J, 0.1) : ve(J, 0.05), We = X ? Tt(J, 0.92) : Tt(J, 0.95), Ae = X ? Tt(At(J, 0.15), 0.6) : "rgba(200,200,200,0.5)", Ve = Ot, $t = ((t = r.candlestick) == null ? void 0 : t.upColor) ?? ie, Lt = ((e = r.candlestick) == null ? void 0 : e.downColor) ?? ae, Rt = ((o = r.line) == null ? void 0 : o.color) ?? Fe, re = ((i = r.tooltip) == null ? void 0 : i.textColor) ?? ze, Ye = ((a = r.axis) == null ? void 0 : a.textColor) ?? Pe, Ue = ((s = r.typography) == null ? void 0 : s.fontFamily) ?? Ve, Ee = {
+  var t, e, o, i, a, s, n, l, c, d, u, b, v, C, w, g, p, m, f, y, F, k, D, L, N, $, Q, G, pt;
+  const { background: J, name: Ft = "Custom", description: gt, fontUrl: mt = null } = r, X = Co(J), ze = X ? "#d1d4dc" : "#24292f", Pe = X ? "#787b86" : "#8b949e", ae = X ? "#26a69a" : "#2da44e", se = X ? "#ef5350" : "#cf222e", Fe = X ? "#2962ff" : "#0969da", Le = X ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Ie = X ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", re = X ? At(J, 0.1) : ve(J, 0.05), We = X ? Tt(J, 0.92) : Tt(J, 0.95), Ae = X ? Tt(At(J, 0.15), 0.6) : "rgba(200,200,200,0.5)", Ve = $t, Xt = ((t = r.candlestick) == null ? void 0 : t.upColor) ?? ae, Lt = ((e = r.candlestick) == null ? void 0 : e.downColor) ?? se, Rt = ((o = r.line) == null ? void 0 : o.color) ?? Fe, ne = ((i = r.tooltip) == null ? void 0 : i.textColor) ?? ze, Ye = ((a = r.axis) == null ? void 0 : a.textColor) ?? Pe, Ue = ((s = r.typography) == null ? void 0 : s.fontFamily) ?? Ve, Ee = {
     background: J,
     chartGradient: r.chartGradient ?? (X ? [At(J, 0.04), ve(J, 0.06)] : [At(J, 0.06), J]),
     typography: {
@@ -1929,9 +1923,9 @@ function Y(r) {
       style: ((v = r.grid) == null ? void 0 : v.style) ?? "dashed"
     },
     candlestick: {
-      upColor: $t,
+      upColor: Xt,
       downColor: Lt,
-      wickUpColor: ((C = r.candlestick) == null ? void 0 : C.wickUpColor) ?? $t,
+      wickUpColor: ((C = r.candlestick) == null ? void 0 : C.wickUpColor) ?? Xt,
       wickDownColor: ((w = r.candlestick) == null ? void 0 : w.wickDownColor) ?? Lt
     },
     line: {
@@ -1940,26 +1934,26 @@ function Y(r) {
       areaTopColor: ((p = r.line) == null ? void 0 : p.areaTopColor) ?? Tt(Rt, 0.08),
       areaBottomColor: ((m = r.line) == null ? void 0 : m.areaBottomColor) ?? Tt(Rt, 0.01)
     },
-    seriesColors: r.seriesColors ?? [Rt, ie, ae],
+    seriesColors: r.seriesColors ?? [Rt, ae, se],
     bands: {
       upper: ((f = r.bands) == null ? void 0 : f.upper) ?? Rt,
       lower: ((y = r.bands) == null ? void 0 : y.lower) ?? Lt
     },
     crosshair: {
       color: ((F = r.crosshair) == null ? void 0 : F.color) ?? Ie,
-      labelBackground: ((k = r.crosshair) == null ? void 0 : k.labelBackground) ?? se,
-      labelTextColor: ((B = r.crosshair) == null ? void 0 : B.labelTextColor) ?? re
+      labelBackground: ((k = r.crosshair) == null ? void 0 : k.labelBackground) ?? re,
+      labelTextColor: ((D = r.crosshair) == null ? void 0 : D.labelTextColor) ?? ne
     },
     axis: { textColor: Ye },
     yLabel: {
-      upBackground: ((L = r.yLabel) == null ? void 0 : L.upBackground) ?? $t,
+      upBackground: ((L = r.yLabel) == null ? void 0 : L.upBackground) ?? Xt,
       downBackground: ((N = r.yLabel) == null ? void 0 : N.downBackground) ?? Lt,
-      neutralBackground: (($ = r.yLabel) == null ? void 0 : $.neutralBackground) ?? se,
+      neutralBackground: (($ = r.yLabel) == null ? void 0 : $.neutralBackground) ?? re,
       textColor: ((Q = r.yLabel) == null ? void 0 : Q.textColor) ?? "#ffffff"
     },
     tooltip: {
       background: ((G = r.tooltip) == null ? void 0 : G.background) ?? We,
-      textColor: re,
+      textColor: ne,
       borderColor: ((pt = r.tooltip) == null ? void 0 : pt.borderColor) ?? Ae
     }
   };
@@ -1979,7 +1973,7 @@ function ve(r, t) {
   const e = Math.max(0, Math.round(parseInt(r.slice(1, 3), 16) * (1 - t))), o = Math.max(0, Math.round(parseInt(r.slice(3, 5), 16) * (1 - t))), i = Math.max(0, Math.round(parseInt(r.slice(5, 7), 16) * (1 - t)));
   return `#${e.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}${i.toString(16).padStart(2, "0")}`;
 }
-const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap", Ot = "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif", qt = "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap", Se = "'Roboto Mono', monospace", Me = "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap", wo = "'IBM Plex Mono', monospace", ko = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap", Qt = "'Fira Code', monospace", Zt = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap", Re = "'Source Code Pro', monospace", Te = "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap", So = "'Space Mono', monospace", Mo = "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap", te = "'Plus Jakarta Sans', sans-serif", ee = "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap", Ro = "'Caveat', 'Comic Sans MS', cursive", To = "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap", _o = Y({
+const Et = "'JetBrains Mono', 'Fira Code', monospace", Ot = "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap", $t = "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif", Qt = "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap", Se = "'Roboto Mono', monospace", Me = "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap", wo = "'IBM Plex Mono', monospace", ko = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap", Zt = "'Fira Code', monospace", te = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap", Re = "'Source Code Pro', monospace", Te = "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap", So = "'Space Mono', monospace", Mo = "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap", ee = "'Plus Jakarta Sans', sans-serif", oe = "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap", Ro = "'Caveat', 'Comic Sans MS', cursive", To = "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap", _o = Y({
   name: "Andromeda",
   description: "Deep space purples and cosmic blues",
   background: "#23262e",
@@ -2004,7 +1998,7 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   tooltip: { background: "rgba(35,38,46,0.92)", textColor: "#d5ced9", borderColor: "rgba(50,48,56,0.6)" },
   typography: { fontFamily: Se },
   fontUrl: Me
-}), Bo = Y({
+}), Do = Y({
   name: "Ayu Mirage",
   description: "Warm dark with amber accents",
   background: "#1f2430",
@@ -2027,9 +2021,9 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(92,103,115,0.4)", labelBackground: "#2a3040" },
   axis: { textColor: "#5c6773" },
   tooltip: { background: "rgba(31,36,48,0.92)", textColor: "#cbccc6", borderColor: "rgba(42,48,60,0.6)" },
-  typography: { fontFamily: Ot },
-  fontUrl: qt
-}), Do = Y({
+  typography: { fontFamily: $t },
+  fontUrl: Qt
+}), Bo = Y({
   name: "Catppuccin",
   description: "Pastel tones on a mocha base",
   background: "#1e1e2e",
@@ -2052,8 +2046,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(108,112,134,0.4)", labelBackground: "#313244" },
   axis: { textColor: "#6c7086" },
   tooltip: { background: "rgba(30,30,46,0.92)", textColor: "#cdd6f4", borderColor: "rgba(49,50,68,0.6)" },
-  typography: { fontFamily: Ot },
-  fontUrl: qt
+  typography: { fontFamily: $t },
+  fontUrl: Qt
 }), zo = Y({
   name: "Dracula",
   description: "Classic dark with vibrant highlights",
@@ -2077,8 +2071,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(98,114,164,0.4)", labelBackground: "#44475a" },
   axis: { textColor: "#6272a4" },
   tooltip: { background: "rgba(40,42,54,0.92)", textColor: "#f8f8f2", borderColor: "rgba(68,71,90,0.6)" },
-  typography: { fontFamily: Qt },
-  fontUrl: Zt
+  typography: { fontFamily: Zt },
+  fontUrl: te
 }), Po = Y({
   name: "GitHub Light",
   description: "Clean and familiar, GitHub-inspired",
@@ -2128,8 +2122,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(146,131,116,0.4)", labelBackground: "#3c3836" },
   axis: { textColor: "#928374" },
   tooltip: { background: "rgba(40,40,40,0.92)", textColor: "#ebdbb2", borderColor: "rgba(60,56,54,0.6)" },
-  typography: { fontFamily: Ut },
-  fontUrl: Et
+  typography: { fontFamily: Et },
+  fontUrl: Ot
 }), Lo = {
   name: "Handwritten",
   description: "Sketch-style with a personal touch",
@@ -2242,8 +2236,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   axis: { textColor: "#9a88a0" },
   crosshair: { color: "rgba(150,130,155,0.2)", labelBackground: "#ebe4e8" },
   tooltip: { background: "rgba(245,240,244,0.95)", textColor: "#3a3050", borderColor: "rgba(150,130,155,0.25)" },
-  typography: { fontFamily: te },
-  fontUrl: ee,
+  typography: { fontFamily: ee },
+  fontUrl: oe,
   chartGradient: ["#f8f4f7", "#f5f0f4"]
 }), Yo = Y({
   name: "Love",
@@ -2269,8 +2263,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(180,140,155,0.3)", labelBackground: "#f0dce2" },
   axis: { textColor: "#b08898" },
   tooltip: { background: "rgba(253,242,244,0.95)", textColor: "#4a3040", borderColor: "rgba(200,160,175,0.35)" },
-  typography: { fontFamily: Ot },
-  fontUrl: qt
+  typography: { fontFamily: $t },
+  fontUrl: Qt
 }), Uo = Y({
   name: "Material Palenight",
   description: "Material Design in moonlit hues",
@@ -2370,8 +2364,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(114,112,114,0.4)", labelBackground: "#403e42" },
   axis: { textColor: "#727072" },
   tooltip: { background: "rgba(45,42,46,0.92)", textColor: "#fcfcfa", borderColor: "rgba(64,60,62,0.6)" },
-  typography: { fontFamily: Qt },
-  fontUrl: Zt
+  typography: { fontFamily: Zt },
+  fontUrl: te
 }), Go = Y({
   name: "Night Owl",
   description: "Crafted for late-night coding",
@@ -2395,8 +2389,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(99,119,119,0.4)", labelBackground: "#1d3b53" },
   axis: { textColor: "#495a5a" },
   tooltip: { background: "rgba(1,22,39,0.92)", textColor: "#d6deeb", borderColor: "rgba(31,52,72,0.6)" },
-  typography: { fontFamily: Ut },
-  fontUrl: Et
+  typography: { fontFamily: Et },
+  fontUrl: Ot
 }), No = Y({
   name: "One Dark Pro",
   description: "Atom editor's iconic dark palette",
@@ -2420,8 +2414,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(99,110,123,0.4)", labelBackground: "#3e4451" },
   axis: { textColor: "#5c6370" },
   tooltip: { background: "rgba(40,44,52,0.92)", textColor: "#abb2bf", borderColor: "rgba(59,64,72,0.6)" },
-  typography: { fontFamily: Ut },
-  fontUrl: Et
+  typography: { fontFamily: Et },
+  fontUrl: Ot
 }), Jo = Y({
   name: "Panda",
   description: "Playful neons on charcoal",
@@ -2445,8 +2439,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(117,117,117,0.4)", labelBackground: "#3a3a3c" },
   axis: { textColor: "#757575" },
   tooltip: { background: "rgba(41,42,43,0.92)", textColor: "#e6e6e6", borderColor: "rgba(58,58,60,0.6)" },
-  typography: { fontFamily: Qt },
-  fontUrl: Zt
+  typography: { fontFamily: Zt },
+  fontUrl: te
 }), jo = Y({
   name: "Peach Cream",
   background: "#fef6f0",
@@ -2469,8 +2463,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   axis: { textColor: "#b09080" },
   crosshair: { color: "rgba(180,140,120,0.2)", labelBackground: "#f0e4d8" },
   tooltip: { background: "rgba(254,246,240,0.95)", textColor: "#4a3028", borderColor: "rgba(180,140,120,0.25)" },
-  typography: { fontFamily: te },
-  fontUrl: ee,
+  typography: { fontFamily: ee },
+  fontUrl: oe,
   chartGradient: ["#fff8f2", "#fef6f0"]
 }), Ko = Y({
   name: "Quiet Light",
@@ -2495,8 +2489,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(170,170,170,0.3)", labelBackground: "#e8e8e8" },
   axis: { textColor: "#aaaaaa" },
   tooltip: { background: "rgba(245,245,245,0.95)", textColor: "#333333", borderColor: "rgba(200,200,200,0.5)" },
-  typography: { fontFamily: te },
-  fontUrl: ee
+  typography: { fontFamily: ee },
+  fontUrl: oe
 }), qo = Y({
   name: "Rosé Pine Dawn",
   description: "Dawn-inspired warm neutrals",
@@ -2571,8 +2565,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(147,161,161,0.3)", labelBackground: "#eee8d5" },
   axis: { textColor: "#93a1a1" },
   tooltip: { background: "rgba(253,246,227,0.95)", textColor: "#586e75", borderColor: "rgba(238,232,213,0.6)" },
-  typography: { fontFamily: Ut },
-  fontUrl: Et
+  typography: { fontFamily: Et },
+  fontUrl: Ot
 }), ye = {
   Dracula: zo,
   "One Dark Pro": No,
@@ -2580,8 +2574,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   "Night Owl": Go,
   "Material Palenight": Uo,
   Gruvbox: Fo,
-  Catppuccin: Do,
-  "Ayu Mirage": Bo,
+  Catppuccin: Bo,
+  "Ayu Mirage": Do,
   Panda: Jo,
   Andromeda: _o,
   Matrix: Ao,
@@ -2600,7 +2594,7 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
 function ki(r) {
   return (ye[r] ?? ye["One Dark Pro"]).theme;
 }
-const _e = Symbol("wick-chart"), Be = Symbol("wick-theme");
+const _e = Symbol("wick-chart"), De = Symbol("wick-theme");
 function rt() {
   const r = xe(_e);
   if (!r || !r.value)
@@ -2608,7 +2602,7 @@ function rt() {
   return r.value;
 }
 function ti() {
-  const r = xe(Be);
+  const r = xe(De);
   if (!r)
     throw new Error("useTheme must be used within <ChartContainer>");
   return r;
@@ -2697,8 +2691,8 @@ const Si = /* @__PURE__ */ Z({
     axis: {}
   },
   setup(r) {
-    const t = r, e = tt(), o = ne(null), i = ne(t.theme);
-    le(_e, o), le(Be, i), q(() => {
+    const t = r, e = tt(), o = le(null), i = le(t.theme);
+    he(_e, o), he(De, i), q(() => {
       if (!e.value) return;
       const s = {};
       t.axis && (s.axis = t.axis), t.theme && (s.theme = t.theme), o.value = new xo(e.value, s);
@@ -2732,7 +2726,7 @@ const Si = /* @__PURE__ */ Z({
     ], 4));
   }
 });
-function De(r) {
+function Be(r) {
   const t = tt(r.getVisibleRange()), e = () => {
     t.value = r.getVisibleRange();
   };
@@ -2762,7 +2756,7 @@ function ii(r, t) {
   };
   return q(() => r.on("dataUpdate", o)), et(() => r.off("dataUpdate", o)), e;
 }
-function oe(r) {
+function ie(r) {
   const t = tt(r.getCrosshairPosition()), e = () => {
     t.value = r.getCrosshairPosition();
   };
@@ -2800,7 +2794,7 @@ const _i = /* @__PURE__ */ Z({
       { deep: !0 }
     ), (s, n) => K("", !0);
   }
-}), Bi = /* @__PURE__ */ Z({
+}), Di = /* @__PURE__ */ Z({
   __name: "PieSeries",
   props: {
     data: {},
@@ -2827,10 +2821,10 @@ const _i = /* @__PURE__ */ Z({
       { deep: !0 }
     ), (s, n) => K("", !0);
   }
-}), Di = /* @__PURE__ */ Z({
+}), Bi = /* @__PURE__ */ Z({
   __name: "Crosshair",
   setup(r) {
-    const t = rt(), e = oe(t), o = P(() => t.getTheme()), i = P(() => t.getDataInterval()), a = P(() => ({
+    const t = rt(), e = ie(t), o = P(() => t.getTheme()), i = P(() => t.getDataInterval()), a = P(() => ({
       background: o.value.crosshair.labelBackground,
       color: o.value.crosshair.labelTextColor,
       fontSize: o.value.typography.axisFontSize + "px",
@@ -2858,7 +2852,7 @@ const _i = /* @__PURE__ */ Z({
           transform: "translateX(-50%)",
           ...a.value
         })
-      }, I(W(Yt)(W(e).time, i.value)), 5)
+      }, I(W(Ut)(W(e).time, i.value)), 5)
     ], 64)) : K("", !0);
   }
 }), ai = { style: {
@@ -2983,7 +2977,7 @@ const _i = /* @__PURE__ */ Z({
     seriesId: {}
   },
   setup(r) {
-    const t = r, e = rt(), o = oe(e), i = P(() => e.getTheme()), a = P(() => (o.value, e.getPieHoverInfo(t.seriesId))), s = P(() => {
+    const t = r, e = rt(), o = ie(e), i = P(() => e.getTheme()), a = P(() => (o.value, e.getPieHoverInfo(t.seriesId))), s = P(() => {
       if (!o.value || !a.value) return null;
       const n = e.getMediaSize(), l = 160, c = 70, d = 16, u = 16, b = o.value.mediaX + d + l > n.width ? o.value.mediaX - d - l : o.value.mediaX + d, v = o.value.mediaY + u + c > n.height ? o.value.mediaY - u - c : o.value.mediaY + u;
       return { left: b, top: v };
@@ -3032,7 +3026,7 @@ const _i = /* @__PURE__ */ Z({
 }), Fi = /* @__PURE__ */ Z({
   __name: "TimeAxis",
   setup(r) {
-    const t = rt(), e = De(t), o = /* @__PURE__ */ new Map(), i = P(() => t.getTheme()), a = P(() => {
+    const t = rt(), e = Be(t), o = /* @__PURE__ */ new Map(), i = P(() => t.getTheme()), a = P(() => {
       e.value;
       const s = t.getDataInterval(), { ticks: n, tickInterval: l } = t.timeScale.niceTickValues(s), c = new Set(n), d = performance.now();
       for (const u of n)
@@ -3073,7 +3067,7 @@ const _i = /* @__PURE__ */ Z({
           transition: "opacity 0.3s ease",
           willChange: "opacity"
         })
-      }, I(W(Yt)(l, a.value.tickInterval)), 5))), 128))
+      }, I(W(Ut)(l, a.value.tickInterval)), 5))), 128))
     ], 4));
   }
 }), gi = {
@@ -3095,7 +3089,7 @@ const _i = /* @__PURE__ */ Z({
     sort: { default: "none" }
   },
   setup(r) {
-    const t = r, e = rt(), o = oe(e), i = P(() => t.seriesId ? [t.seriesId] : e.getSeriesIds()), a = P(() => i.value[0] ?? ""), s = tt(
+    const t = r, e = rt(), o = ie(e), i = P(() => t.seriesId ? [t.seriesId] : e.getSeriesIds()), a = P(() => i.value[0] ?? ""), s = tt(
       a.value ? e.getLastValue(a.value) : null
     ), n = () => {
       const p = a.value;
@@ -3141,7 +3135,7 @@ const _i = /* @__PURE__ */ Z({
       return d(p, t.sort);
     }), C = P(() => v.value.length === 0 ? 0 : v.value[0].data.time), w = P(() => {
       if (!o.value || b.value.length === 0) return null;
-      const p = e.getMediaSize(), m = b.value.some((G) => "open" in G.data), f = b.value.filter((G) => !("open" in G.data)).length, y = 160, F = m ? 140 : 40 + f * 22, k = 16, B = 16, L = p.width - e.yAxisWidth, N = p.height - e.xAxisHeight, $ = o.value.mediaX + k + y > L ? o.value.mediaX - k - y : o.value.mediaX + k, Q = o.value.mediaY + B + F > N ? o.value.mediaY - B - F : o.value.mediaY + B;
+      const p = e.getMediaSize(), m = b.value.some((G) => "open" in G.data), f = b.value.filter((G) => !("open" in G.data)).length, y = 160, F = m ? 140 : 40 + f * 22, k = 16, D = 16, L = p.width - e.yAxisWidth, N = p.height - e.xAxisHeight, $ = o.value.mediaX + k + y > L ? o.value.mediaX - k - y : o.value.mediaX + k, Q = o.value.mediaY + D + F > N ? o.value.mediaY - D - F : o.value.mediaY + D;
       return { left: $, top: Q };
     });
     function g(p) {
@@ -3168,7 +3162,7 @@ const _i = /* @__PURE__ */ Z({
       }, [
         _("span", {
           style: z({ color: l.value.axis.textColor, marginRight: "2px" })
-        }, I(W(Yt)(C.value, c.value)), 5),
+        }, I(W(Ut)(C.value, c.value)), 5),
         (R(!0), T(O, null, ct(v.value, (f) => (R(), T(O, {
           key: f.id
         }, [
@@ -3241,7 +3235,7 @@ const _i = /* @__PURE__ */ Z({
             borderBottom: "1px solid " + l.value.tooltip.borderColor,
             letterSpacing: "0.02em"
           })
-        }, I(W(oo)(C.value)) + " " + I(W(Yt)(C.value, c.value)), 5),
+        }, I(W(oo)(C.value)) + " " + I(W(Ut)(C.value, c.value)), 5),
         (R(!0), T(O, null, ct(v.value, (f) => (R(), T(O, {
           key: f.id
         }, [
@@ -3291,7 +3285,7 @@ const _i = /* @__PURE__ */ Z({
 }), Ii = /* @__PURE__ */ Z({
   __name: "YAxis",
   setup(r) {
-    const t = rt(), e = De(t), o = /* @__PURE__ */ new Map(), i = P(() => t.getTheme()), a = P(() => {
+    const t = rt(), e = Be(t), o = /* @__PURE__ */ new Map(), i = P(() => t.getTheme()), a = P(() => {
       e.value;
       const s = t.yScale.niceTickValues(), n = new Set(s), l = performance.now();
       for (const c of s)
@@ -3340,13 +3334,10 @@ const _i = /* @__PURE__ */ Z({
   setup(r) {
     const t = r, e = rt(), o = oi(e, t.seriesId), i = ii(e, t.seriesId);
     q(() => e.setYLabel(!0)), et(() => e.setYLabel(!1));
-    const a = P(() => e.getTheme()), s = P(() => {
-      const d = o.value;
-      return d === null ? 0 : e.yScale.valueToY(d.value);
-    }), n = P(() => {
+    const a = P(() => e.getTheme()), s = P(() => o.value === null ? 0 : e.yScale.valueToY(o.value.value)), n = P(() => {
       if (t.color) return t.color;
-      const d = a.value, u = o.value;
-      return i.value === null || u === null ? d.yLabel.neutralBackground : u.value > i.value ? d.yLabel.upBackground : u.value < i.value ? d.yLabel.downBackground : d.yLabel.neutralBackground;
+      const d = a.value;
+      return i.value === null || o.value === null ? d.yLabel.neutralBackground : o.value.value > i.value ? d.yLabel.upBackground : o.value.value < i.value ? d.yLabel.downBackground : d.yLabel.neutralBackground;
     }), l = P(() => {
       const d = e.yScale.getRange(), u = d.max - d.min;
       return u < 0.1 ? 6 : u < 10 ? 4 : u < 1e3 ? 2 : 0;
@@ -3401,26 +3392,26 @@ export {
   Mi as CandlestickSeries,
   Ri as ChartContainer,
   xo as ChartInstance,
-  Di as Crosshair,
+  Bi as Crosshair,
   _i as LineSeries,
   ni as NumberFlow,
   zi as PieLegend,
-  Bi as PieSeries,
+  Di as PieSeries,
   Pi as PieTooltip,
   Fi as TimeAxis,
   Li as Tooltip,
   Ii as YAxis,
   Wi as YLabel,
   _o as andromeda,
-  Bo as ayuMirage,
+  Do as ayuMirage,
   ki as buildTheme,
-  Do as catppuccin,
+  Bo as catppuccin,
   Y as createTheme,
   ke as darkTheme,
   eo as detectInterval,
   zo as dracula,
   oo as formatDate,
-  Yt as formatTime,
+  Ut as formatTime,
   Po as githubLight,
   Fo as gruvbox,
   Lo as handwritten,
@@ -3433,7 +3424,7 @@ export {
   Xo as mintBreeze,
   Ho as monokaiPro,
   Go as nightOwl,
-  fe as normalizeTime,
+  Yt as normalizeTime,
   No as oneDarkPro,
   Jo as panda,
   jo as peachCream,
@@ -3443,10 +3434,10 @@ export {
   Zo as solarizedLight,
   ye as themes,
   rt as useChartInstance,
-  oe as useCrosshairPosition,
+  ie as useCrosshairPosition,
   oi as useLastYValue,
   ii as usePreviousClose,
   ti as useTheme,
-  De as useVisibleRange,
+  Be as useVisibleRange,
   Ti as useYRange
 };