@wick-charts/vue 0.1.0 → 0.1.1

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";
-var Xe = Object.defineProperty, Ce = (r) => {
+import { inject as Ce, defineComponent as Q, ref as Z, onMounted as K, onUnmounted as tt, watch as st, createCommentVNode as j, shallowRef as le, provide as he, computed as P, openBlock as R, createElementBlock as T, normalizeStyle as z, renderSlot as $e, unref as W, Fragment as O, createElementVNode as _, toDisplayString as L, renderList as ct, createVNode as Xe } from "vue";
+var He = Object.defineProperty, we = (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) => ({
+}, Ge = (r, t, e) => t in r ? He(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, x = (r, t, e) => Ge(r, typeof t != "symbol" ? t + "" : t, e), jt = (r, t, e) => t.has(r) || we("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) ? we("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), Wt = (r, t, e) => (jt(r, t, "access private method"), e), ce = (r, t, e, o) => ({
   set _(i) {
     M(r, t, i);
   },
@@ -9,7 +9,7 @@ var Xe = Object.defineProperty, Ce = (r) => {
     return h(r, t, o);
   }
 });
-class Pt {
+class Ft {
   constructor() {
     x(this, "listeners", /* @__PURE__ */ new Map());
   }
@@ -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 {
+class Ne extends Ft {
   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 },
@@ -122,13 +122,13 @@ class Ge extends Pt {
     this.resizeObserver.disconnect(), this.mainCanvas.remove(), this.overlayCanvas.remove(), this.removeAllListeners();
   }
 }
-function Ne(r, t, e, o) {
+function Je(r, t, e, o) {
   const { context: i, bitmapSize: a, horizontalPixelRatio: s } = r;
   i.strokeStyle = o.crosshair.color, i.lineWidth = 1, i.setLineDash([4 * s, 4 * s]);
   const n = Math.round(t) + 0.5, l = Math.round(e) + 0.5;
   i.beginPath(), i.moveTo(n, 0), i.lineTo(n, a.height), i.moveTo(0, l), i.lineTo(a.width, l), i.stroke(), i.setLineDash([]);
 }
-function Je(r, t, e, o, i) {
+function je(r, t, e, o, i) {
   const { context: a, bitmapSize: s, horizontalPixelRatio: n, verticalPixelRatio: l } = r;
   a.strokeStyle = o.grid.color, a.lineWidth = 1, o.grid.style === "dashed" ? a.setLineDash([4 * n, 4 * n]) : o.grid.style === "dotted" && a.setLineDash([1 * n, 3 * n]);
   const c = e.niceTickValues();
@@ -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 Ft {
   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);
@@ -220,7 +220,7 @@ class jt extends Pt {
     return i;
   }
 }
-class je {
+class Ke {
   constructor(t, e, o) {
     x(this, "dragging", !1), x(this, "lastX", 0), this.viewport = t, this.timeScale = e, this.canvas = o;
   }
@@ -241,20 +241,20 @@ class je {
     return this.dragging;
   }
 }
-class Ke {
+class qe {
   constructor(t, e) {
     this.viewport = t, this.timeScale = e;
   }
   handleWheel(t) {
     t.preventDefault();
-    const e = qe(t.deltaY, t.deltaMode), o = Math.exp(e * 5e-3), i = this.timeScale.getMediaWidth(), a = Math.min(t.offsetX, i), s = this.timeScale.xToTime(a);
+    const e = Qe(t.deltaY, t.deltaMode), o = Math.exp(e * 5e-3), i = this.timeScale.getMediaWidth(), a = Math.min(t.offsetX, i), s = this.timeScale.xToTime(a);
     this.viewport.zoomAt(s, o);
   }
 }
-function qe(r, t) {
+function Qe(r, t) {
   return t === WheelEvent.DOM_DELTA_LINE ? r * 8 : t === WheelEvent.DOM_DELTA_PAGE ? r * 24 : r;
 }
-class Qe extends Pt {
+class Ze extends Ft {
   constructor(t, e, o, i) {
     super(), x(this, "zoom"), x(this, "pan"), x(this, "canvas"), x(this, "timeScale"), x(this, "yScale"), x(this, "viewport"), x(this, "onWheel", (a) => {
       this.zoom.handleWheel(a);
@@ -289,7 +289,7 @@ class Qe extends Pt {
       }
     }), x(this, "onTouchEnd", (a) => {
       a.touches.length === 0 && (this.pan.handleMouseUp(), this.touchCount = 0, this.lastTouchDist = 0);
-    }), this.canvas = t, this.viewport = e, this.timeScale = o, this.yScale = i, this.zoom = new Ke(e, o), this.pan = new je(e, o, t), t.style.cursor = "crosshair", t.style.touchAction = "none", t.addEventListener("wheel", this.onWheel, { passive: !1 }), t.addEventListener("mousedown", this.onMouseDown), t.addEventListener("mousemove", this.onMouseMove), t.addEventListener("mouseup", this.onMouseUp), t.addEventListener("mouseleave", this.onMouseLeave), t.addEventListener("dblclick", this.onDblClick), t.addEventListener("touchstart", this.onTouchStart, { passive: !1 }), t.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), t.addEventListener("touchend", this.onTouchEnd);
+    }), this.canvas = t, this.viewport = e, this.timeScale = o, this.yScale = i, this.zoom = new qe(e, o), this.pan = new Ke(e, o, t), t.style.cursor = "crosshair", t.style.touchAction = "none", t.addEventListener("wheel", this.onWheel, { passive: !1 }), t.addEventListener("mousedown", this.onMouseDown), t.addEventListener("mousemove", this.onMouseMove), t.addEventListener("mouseup", this.onMouseUp), t.addEventListener("mouseleave", this.onMouseLeave), t.addEventListener("dblclick", this.onDblClick), t.addEventListener("touchstart", this.onTouchStart, { passive: !1 }), t.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), t.addEventListener("touchend", this.onTouchEnd);
   }
   emitCrosshair(t, e) {
     const o = this.timeScale.xToTime(t), i = this.yScale.yToValue(e);
@@ -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,23 +318,23 @@ class ue {
   }
 }
 const xt = 6e4, vt = 36e5, ft = 864e5;
-function fe(r) {
+function pe(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() }));
-}
 function to(r) {
   return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
 }
 function eo(r) {
+  return r.length === 0 || typeof r[0].time == "number" ? r : r.map((t) => ({ ...t, time: t.time.getTime() }));
+}
+function oo(r) {
   if (r.length < 2) return ft;
   const t = [];
   for (let e = 1; e < Math.min(r.length, 20); e++)
     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",
@@ -343,14 +343,14 @@ function Yt(r, t) {
     hour12: !1
   });
 }
-function oo(r) {
+function io(r) {
   return new Date(r).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
 }
-function io(r) {
+function ao(r) {
   const t = [1e3, 5e3, 1e4, 15e3, 3e4], e = [xt, 5 * xt, 10 * xt, 15 * xt, 30 * xt], o = [vt, 2 * vt, 4 * vt, 6 * vt, 12 * vt], i = [ft, 7 * ft, 30 * ft, 90 * ft, 365 * ft];
   return r < xt ? [...t, ...e, ...o, ...i] : r < vt ? [...e, ...o, ...i] : r < ft ? [...o, ...i] : i;
 }
-class ao {
+class so {
   constructor() {
     x(this, "from", 0), x(this, "to", 0), x(this, "width", 1), x(this, "pixelRatio", 1);
   }
@@ -377,7 +377,7 @@ class ao {
   }
   niceTickValues(t) {
     if (this.to <= this.from) return { ticks: [], tickInterval: 0 };
-    const e = io(t), o = (this.to - this.from) / this.width * 80;
+    const e = ao(t), o = (this.to - this.from) / this.width * 80;
     let i = e[e.length - 1];
     for (const n of e)
       if (n >= o) {
@@ -396,7 +396,7 @@ class ao {
     return this.width;
   }
 }
-const Ht = [
+const Gt = [
   1e-4,
   2e-4,
   5e-4,
@@ -425,7 +425,7 @@ const Ht = [
   2e4,
   5e4
 ];
-class so {
+class ro {
   constructor() {
     x(this, "min", 0), x(this, "max", 0), x(this, "height", 1), x(this, "pixelRatio", 1);
   }
@@ -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;
@@ -472,14 +472,14 @@ class so {
     return e < 0.01 ? t.toFixed(6) : e < 0.1 ? t.toFixed(4) : e < 10 ? t.toFixed(2) : e < 1e3 ? t.toFixed(1) : t.toFixed(0);
   }
 }
-const ro = {
+const no = {
   colors: ["#26a69a", "#ef5350"],
   barWidthRatio: 0.6,
   stacking: "off"
 };
 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 = { ...no, ...e };
   }
   /** For chart compatibility — returns first store */
   get store() {
@@ -595,26 +595,26 @@ 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;
-          for (const L of p)
-            L > 0 ? k += L : B += L;
+          let k = 0, D = 0;
+          for (const I of p)
+            I > 0 ? k += I : D += I;
           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 - $);
-            n.fillStyle = w, n.fillRect(f - u, $, d, G);
+            const I = y / k * 100, G = (y + m) / k * 100, $ = a.valueToBitmapY(G), q = a.valueToBitmapY(I), H = Math.max(1, q - $);
+            this.fillBar(n, f - u, $, d, H, w);
+          } else if (m < 0 && D < 0) {
+            const I = F / D * -100, G = (F + m) / D * -100, $ = a.valueToBitmapY(I), q = a.valueToBitmapY(G), H = Math.max(1, q - $);
+            n.fillStyle = w, n.fillRect(f - u, $, d, H);
           }
         } else if (m > 0) {
-          const k = a.valueToBitmapY(y + m), B = a.valueToBitmapY(y), L = Math.max(1, B - k);
-          this.fillBar(n, f - u, k, d, L, w);
+          const k = a.valueToBitmapY(y + m), D = a.valueToBitmapY(y), I = Math.max(1, D - k);
+          this.fillBar(n, f - u, k, d, I, w);
         } else {
-          const k = a.valueToBitmapY(F), B = a.valueToBitmapY(F + m), L = Math.max(1, B - k);
-          n.fillStyle = w, n.fillRect(f - u, k, d, L);
+          const k = a.valueToBitmapY(F), D = a.valueToBitmapY(F + m), I = Math.max(1, D - k);
+          n.fillStyle = w, n.fillRect(f - u, k, d, I);
         }
       }
     }
@@ -623,15 +623,15 @@ class nt {
     t.fillStyle = s, t.fillRect(e, o, i, a);
   }
 }
-function pe(r, t) {
-  return r.length <= t ? r : lo(
+function ge(r, t) {
+  return r.length <= t ? r : ho(
     r,
     t,
     (e) => e.time,
     (e) => e.value
   );
 }
-function no(r, t) {
+function lo(r, t) {
   if (r.length <= t) return r;
   const e = Math.ceil(r.length / t), o = [];
   for (let i = 0; i < r.length; i += e) {
@@ -650,7 +650,7 @@ function no(r, t) {
   }
   return o;
 }
-function lo(r, t, e, o) {
+function ho(r, t, e, o) {
   if (t >= r.length || t < 3) return r;
   const i = [r[0]], a = (r.length - 2) / (t - 2);
   let s = 0;
@@ -673,54 +673,54 @@ 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) {
+const me = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map();
+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) {
+function ke(r, t, e) {
   return `#${r.toString(16).padStart(2, "0")}${t.toString(16).padStart(2, "0")}${e.toString(16).padStart(2, "0")}`;
 }
 function Mt(r, t) {
   if (r.startsWith("rgba")) return r.replace(/[\d.]+\)\s*$/, `${t})`);
   if (r.startsWith("rgb(")) return r.replace(/^rgb\((.*)\)$/i, `rgba($1, ${t})`);
   const e = r + t;
-  let o = ge.get(e);
+  let o = me.get(e);
   if (o) return o;
-  const [i, a, s] = Kt(r);
-  return o = `rgba(${i}, ${a}, ${s}, ${t})`, ge.set(e, o), o;
+  const [i, a, s] = qt(r);
+  return o = `rgba(${i}, ${a}, ${s}, ${t})`, me.set(e, o), o;
 }
-function ho(r, t) {
+function co(r, t) {
   const e = r + t;
-  let o = me.get(e);
+  let o = be.get(e);
   if (o) return o;
-  const [i, a, s] = Kt(r);
-  return o = we(
+  const [i, a, s] = qt(r);
+  return o = ke(
     Math.min(255, Math.round(i + (255 - i) * t)),
     Math.min(255, Math.round(a + (255 - a) * t)),
     Math.min(255, Math.round(s + (255 - s) * t))
-  ), me.set(e, o), o;
+  ), be.set(e, o), o;
 }
-function co(r, t) {
+function uo(r, t) {
   const e = r + t;
-  let o = be.get(e);
+  let o = ve.get(e);
   if (o) return o;
-  const [i, a, s] = Kt(r);
-  return o = we(
+  const [i, a, s] = qt(r);
+  return o = ke(
     Math.max(0, Math.round(i * (1 - t))),
     Math.max(0, Math.round(a * (1 - t))),
     Math.max(0, Math.round(s * (1 - t)))
-  ), be.set(e, o), o;
+  ), ve.set(e, o), o;
 }
-const uo = {
+const fo = {
   upColor: "#26a69a",
   downColor: "#ef5350",
   wickUpColor: "#26a69a",
   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 };
+    x(this, "store"), x(this, "options"), this.store = t, this.options = { ...fo, ...e };
   }
   updateOptions(t) {
     this.options = { ...this.options, ...t };
@@ -732,7 +732,7 @@ class Gt {
     const { scope: e, timeScale: o, yScale: i, dataInterval: a } = t, { context: s, horizontalPixelRatio: n } = e, l = o.getRange();
     let c = this.store.getVisibleData(l.from, l.to);
     const d = e.mediaSize.width;
-    if (c.length > d * 2 && (c = no(c, Math.round(d * 1.5))), c.length === 0) return;
+    if (c.length > d * 2 && (c = lo(c, Math.round(d * 1.5))), c.length === 0) return;
     const u = o.barWidthBitmap(a), b = Math.max(1, Math.round(u * this.options.bodyWidthRatio) - 2), v = Math.floor(b / 2), C = Math.max(1, Math.round(n)), w = Math.round(i.getMediaHeight() * e.verticalPixelRatio);
     this.drawVolume(s, c, o, w, u, a);
     const g = [], p = [];
@@ -779,7 +779,7 @@ class Gt {
       const C = o.timeToBitmapX(v.time), w = i.valueToBitmapY(v.high), g = i.valueToBitmapY(v.low), p = C - Math.floor(n / 2);
       t.fillRect(p, w, n, g - w);
     }
-    const d = this.options.candleGradient !== !1, u = d ? ho(l, 0.2) : l, b = d ? co(l, 0.15) : l;
+    const d = this.options.candleGradient !== !1, u = d ? co(l, 0.2) : l, b = d ? uo(l, 0.15) : l;
     d || (t.fillStyle = l);
     for (const v of e) {
       const C = o.timeToBitmapX(v.time), w = i.valueToBitmapY(v.open), g = i.valueToBitmapY(v.close), p = Math.min(w, g), m = Math.max(1, Math.abs(g - w));
@@ -791,16 +791,16 @@ class Gt {
     }
   }
 }
-const fo = {
+const po = {
   colors: ["#2962FF"],
   lineWidth: 1,
   areaFill: !0,
   pulse: !0,
   stacking: "off"
 };
-class j {
+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 = { ...po, ...e };
   }
   get store() {
     return this.stores[0];
@@ -859,7 +859,7 @@ class j {
       if (!this.stores[d].isVisible()) continue;
       let u = this.stores[d].getVisibleData(s.from, s.to);
       const b = e.mediaSize.width;
-      if (u.length > b * 2 && (u = pe(u, Math.round(b * 1.5))), u.length < 2) continue;
+      if (u.length > b * 2 && (u = ge(u, Math.round(b * 1.5))), u.length < 2) continue;
       const v = this.options.colors[d % this.options.colors.length];
       a.beginPath(), a.moveTo(o.timeToBitmapX(u[0].time), i.valueToBitmapY(u[0].value));
       for (let C = 1; C < u.length; C++)
@@ -877,7 +877,7 @@ class j {
   renderStacked(t, e) {
     const { scope: o, timeScale: i, yScale: a } = t, { context: s } = o, n = i.getRange(), { verticalPixelRatio: l } = o, c = Math.max(1, Math.round(this.options.lineWidth * l)), d = o.mediaSize.width, u = this.stores.map((g) => {
       let p = g.getVisibleData(n.from, n.to);
-      return p.length > d * 2 && (p = pe(p, Math.round(d * 1.5))), p;
+      return p.length > d * 2 && (p = ge(p, Math.round(d * 1.5))), p;
     }), b = /* @__PURE__ */ new Set();
     for (const g of u)
       for (const p of g) b.add(p.time);
@@ -945,28 +945,28 @@ class j {
     t.beginPath(), t.arc(e, o, l, 0, Math.PI * 2), t.fillStyle = Mt(i, n * 0.3), t.fill(), t.beginPath(), t.arc(e, o, s, 0, Math.PI * 2), t.fillStyle = i, t.fill();
   }
 }
-const po = {
+const go = {
   innerRadiusRatio: 0,
   padAngle: 0.02,
   strokeColor: "transparent",
   strokeWidth: 0
-}, Wt = Math.PI * 2;
-function go(r) {
+}, At = Math.PI * 2;
+function mo(r) {
   if (!r.startsWith("#")) return !1;
   const t = parseInt(r.slice(1, 3), 16), e = parseInt(r.slice(3, 5), 16), o = parseInt(r.slice(5, 7), 16);
   return t * 0.299 + e * 0.587 + o * 0.114 > 150;
 }
-function mo(r, t) {
+function bo(r, t) {
   if (!r.startsWith("#")) return r;
   const e = Math.min(255, parseInt(r.slice(1, 3), 16) + Math.round(255 * t)), o = Math.min(255, parseInt(r.slice(3, 5), 16) + Math.round(255 * t)), i = Math.min(255, parseInt(r.slice(5, 7), 16) + Math.round(255 * t));
   return `#${e.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}${i.toString(16).padStart(2, "0")}`;
 }
-function bo(r, t, e) {
+function vo(r, t, e) {
   return r + (t - r) * Math.min(1, e);
 }
 class bt {
   constructor(t) {
-    x(this, "data", []), x(this, "options"), x(this, "hoverIndex", -1), x(this, "sliceOffsets", []), x(this, "lastRenderTime", 0), this.options = { ...po, ...t };
+    x(this, "data", []), x(this, "options"), x(this, "hoverIndex", -1), x(this, "sliceOffsets", []), x(this, "lastRenderTime", 0), this.options = { ...go, ...t };
   }
   getData() {
     return this.data;
@@ -989,10 +989,10 @@ class bt {
     const s = o / 2, n = i / 2, l = Math.min(o, i) / 2 * 0.85, c = l * this.options.innerRadiusRatio, d = t - s, u = e - n, b = Math.sqrt(d * d + u * u);
     if (b > l || b < c) return -1;
     let v = Math.atan2(u, d) + Math.PI / 2;
-    v < 0 && (v += Wt);
+    v < 0 && (v += At);
     let C = 0;
     for (let w = 0; w < this.data.length; w++) {
-      const g = this.data[w].value / a * Wt;
+      const g = this.data[w].value / a * At;
       if (v >= C && v < C + g) return w;
       C += g;
     }
@@ -1010,36 +1010,36 @@ 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] = vo(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;
-      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;
+      const D = this.data[k], I = D.value / c * At, G = y + g / 2, $ = y + I - g / 2, q = y + I / 2, H = D.color ?? u[k % u.length], pt = this.sliceOffsets[k] * f, N = Math.cos(q) * pt, It = Math.sin(q) * pt, gt = b + N, mt = v + It;
+      i.beginPath(), i.arc(gt, mt, C, G, $), w > 0 ? i.arc(gt, mt, w, $, G, !0) : i.lineTo(gt, mt), i.closePath();
+      const Rt = i.createRadialGradient(gt, mt, w || 0, gt, mt, C);
+      Rt.addColorStop(0, bo(H, 0.15)), Rt.addColorStop(1, H), i.fillStyle = Rt, this.sliceOffsets[k] > 0.01 && (i.shadowColor = "rgba(0,0,0,0.25)", i.shadowBlur = 12 * s * this.sliceOffsets[k], i.shadowOffsetX = N * 0.3, i.shadowOffsetY = It * 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 += I;
     }
     y = -Math.PI / 2;
     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;
-      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 D = this.data[k], I = D.value / c * At;
+      if (I > 0.3) {
+        const G = y + I / 2, $ = this.sliceOffsets[k] * f, q = b + Math.cos(G) * (F + $), H = v + Math.sin(G) * (F + $), pt = D.color ?? u[k % u.length];
+        i.fillStyle = mo(pt) ? "#000000" : "#ffffff", i.fillText(D.label, q, H);
       }
-      y += L;
+      y += I;
     }
   }
 }
-const ke = {
+const Se = {
   background: "#131722",
   chartGradient: ["#1a1f2e", "#101318"],
   typography: {
@@ -1104,7 +1104,7 @@ const ke = {
   right: { intervals: 3 },
   left: { intervals: 0 }
 };
-class vo extends Pt {
+class yo extends Ft {
   constructor({ padding: t } = {}) {
     super(), x(this, "_visibleRange", { from: 0, to: 0 }), x(this, "_yRange", { min: 0, max: 0 }), x(this, "_autoScroll", !0), x(this, "padding"), x(this, "dataInterval", 6e4), x(this, "_dataStart", null), x(this, "_dataEnd", null), x(this, "_animating", !1), x(this, "animStartTime", 0), x(this, "animDuration", 0), x(this, "animFrom", { from: 0, to: 0 }), x(this, "animTo", { from: 0, to: 0 }), this.padding = {
       top: (t == null ? void 0 : t.top) ?? dt.top,
@@ -1173,7 +1173,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. */
@@ -1222,18 +1222,18 @@ class vo extends Pt {
     this.cancelAnimation(), this.removeAllListeners();
   }
 }
-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;
-class xo extends Pt {
+let xo = 0;
+var E, B, U, Ct, Dt, S, V, Bt, ot, ht, X, lt, Jt, wt, ut, zt, yt, kt, Pt, Yt, it, at, St;
+class Co extends Ft {
   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, Dt), A(this, S, []), A(this, V), A(this, Bt), A(this, ot, 6e4), A(this, ht, null), A(this, X, {}), A(this, lt, null), A(this, Jt, !1), A(this, wt, {}), A(this, ut, 0), A(this, zt, !1), A(this, yt, !1), A(this, Yt, 0), A(this, it, 0), A(this, at, 0), A(this, St, !1), e != null && e.axis && (M(this, wt, e.axis), M(this, X, { 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) ?? Se), M(this, Bt, (e == null ? void 0 : e.grid) !== !1), M(this, E, new Ne(t)), M(this, B, new yo({ padding: e == null ? void 0 : e.padding })), this.timeScale = new so(), this.yScale = new ro(), 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, Dt, s ? new Ze(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");
-    }), (a = h(this, _t)) == null || a.on("crosshairMove", (n) => {
+    }), (a = h(this, Dt)) == null || a.on("crosshairMove", (n) => {
       M(this, ht, n), h(this, Ct).markDirty(), this.emit("crosshairMove", n), this.updatePieHover(n);
     });
   }
@@ -1247,14 +1247,14 @@ 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,
       wickDownColor: h(this, V).candlestick.wickDownColor,
       bodyWidthRatio: 0.6,
       ...t
-    }), i = It(this, kt, zt).call(this, t == null ? void 0 : t.id);
+    }), i = Wt(this, kt, Pt).call(this, t == null ? void 0 : t.id);
     return e.on("update", () => {
       this.onDataChanged();
     }), h(this, S).push({ id: i, renderer: o, store: e, visible: !0 }), M(this, lt, null), this.updateViewportPadding(), this.emit("seriesChange"), i;
@@ -1267,12 +1267,12 @@ class xo extends Pt {
       const { layers: n, ...l } = t ?? {};
       o = n ?? 1, i = l;
     }
-    const a = new j(o, {
+    const a = new J(o, {
       colors: o === 1 ? [h(this, V).line.color] : h(this, V).seriesColors.slice(0, o),
       lineWidth: h(this, V).line.width,
       areaFill: !0,
       ...i
-    }), s = It(this, kt, zt).call(this, i == null ? void 0 : i.id);
+    }), s = Wt(this, kt, Pt).call(this, i == null ? void 0 : i.id);
     for (const n of a.stores)
       n.on("update", () => this.onDataChanged());
     return h(this, S).push({ id: s, label: i == null ? void 0 : i.label, renderer: a, store: a.stores[0], visible: !0 }), M(this, lt, null), this.updateViewportPadding(), this.emit("seriesChange"), s;
@@ -1280,7 +1280,7 @@ class xo extends Pt {
   /** Set data for a specific layer within a line series. */
   setLineLayerData(t, e, o) {
     const i = h(this, S).find((s) => s.id === t);
-    if (!i || !(i.renderer instanceof j)) return;
+    if (!i || !(i.renderer instanceof J)) return;
     const a = i.renderer.stores[e];
     a && a.setData(o);
   }
@@ -1296,7 +1296,7 @@ class xo extends Pt {
       colors: h(this, V).seriesColors.slice(0, o),
       barWidthRatio: 0.6,
       ...i
-    }), s = It(this, kt, zt).call(this, i == null ? void 0 : i.id);
+    }), s = Wt(this, kt, Pt).call(this, i == null ? void 0 : i.id);
     for (const n of a.stores)
       n.on("update", () => this.onDataChanged());
     return h(this, S).push({ id: s, label: i == null ? void 0 : i.label, renderer: a, store: a.stores[0], visible: !0 }), M(this, lt, null), this.updateViewportPadding(), this.emit("seriesChange"), s;
@@ -1310,7 +1310,7 @@ class xo extends Pt {
   }
   /** Add a pie/donut series. Set `innerRadiusRatio > 0` for donut. */
   addPieSeries(t) {
-    const e = new bt(t), o = It(this, kt, zt).call(this, t == null ? void 0 : t.id);
+    const e = new bt(t), o = Wt(this, kt, Pt).call(this, t == null ? void 0 : t.id);
     return h(this, S).push({ id: o, label: t == null ? void 0 : t.label, renderer: e, store: null, visible: !0 }), M(this, lt, null), this.updateViewportPadding(), this.emit("seriesChange"), o;
   }
   /** Set data for a pie/donut series. */
@@ -1323,7 +1323,7 @@ class xo extends Pt {
     const e = h(this, S).findIndex((o) => o.id === t);
     if (e >= 0) {
       const { renderer: o, store: i } = h(this, S)[e];
-      if (o instanceof j || o instanceof nt)
+      if (o instanceof J || o instanceof nt)
         for (const a of o.stores) a.removeAllListeners();
       else
         i == null || i.removeAllListeners();
@@ -1334,27 +1334,27 @@ class xo extends Pt {
   setSeriesData(t, e) {
     const o = h(this, S).find((a) => a.id === t);
     if (!(o != null && o.store)) return;
-    const i = e.length > 0 && "open" in e[0] ? Ze(e) : to(e);
+    const i = e.length > 0 && "open" in e[0] ? to(e) : eo(e);
     o.store.setData(i);
   }
   /** Append a new data point to the end of a series (real-time tick). */
   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: pe(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: pe(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 +1370,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, zt) ? (M(this, zt, !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) {
@@ -1396,7 +1396,7 @@ class xo extends Pt {
     const i = h(this, S).find((s) => s.id === t);
     if (!i) return;
     const a = i.renderer;
-    if (a instanceof nt || a instanceof j) {
+    if (a instanceof nt || a instanceof J) {
       const s = a.stores[e];
       if (s) {
         if (s.isVisible() === o) return;
@@ -1413,20 +1413,20 @@ class xo extends Pt {
     const i = h(this, S).find((s) => s.id === t);
     if (!i) return !0;
     const a = i.renderer;
-    return a instanceof nt || a instanceof j ? ((o = a.stores[e]) == null ? void 0 : o.isVisible()) ?? !0 : !0;
+    return a instanceof nt || a instanceof J ? ((o = a.stores[e]) == null ? void 0 : o.isVisible()) ?? !0 : !0;
   }
   /** Auto-fit the viewport to show all data across every series. */
   fitContent() {
     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 +1437,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);
@@ -1474,7 +1474,7 @@ class xo extends Pt {
     const o = h(this, S).find((n) => n.id === t);
     if (!o || !o.visible) return null;
     const i = o.renderer;
-    if (!(i instanceof nt) && !(i instanceof j) || i.stores.length <= 1) return null;
+    if (!(i instanceof nt) && !(i instanceof J) || i.stores.length <= 1) return null;
     const a = i.getColors(), s = [];
     for (let n = 0; n < i.stores.length; n++) {
       if (!i.stores[n].isVisible()) continue;
@@ -1509,7 +1509,7 @@ class xo extends Pt {
     const e = h(this, S).find((a) => a.id === t);
     if (!e) return null;
     const o = e.renderer;
-    if (!(o instanceof nt) && !(o instanceof j)) return null;
+    if (!(o instanceof nt) && !(o instanceof J)) return null;
     const i = o.getColors();
     return o.stores.map((a, s) => ({
       color: i[s % i.length]
@@ -1550,14 +1550,14 @@ 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,
         wickDownColor: t.candlestick.wickDownColor
       }) : o.renderer instanceof nt ? o.renderer.updateOptions({
         colors: t.seriesColors.slice(0, o.renderer.stores.length)
-      }) : o.renderer instanceof j && (o.renderer.stores.length === 1 ? o.renderer.getColor() === e && o.renderer.updateOptions({ colors: [t.line.color] }) : o.renderer.updateOptions({
+      }) : o.renderer instanceof J && (o.renderer.stores.length === 1 ? o.renderer.getColor() === e && o.renderer.updateOptions({ colors: [t.line.color] }) : o.renderer.updateOptions({
         colors: t.seriesColors.slice(0, o.renderer.stores.length)
       }));
     h(this, U).markDirty();
@@ -1571,7 +1571,7 @@ class xo extends Pt {
     const i = this.yAxisWidth, a = this.xAxisHeight;
     M(this, wt, t);
     const s = { min: (e = t.y) == null ? void 0 : e.min, max: (o = t.y) == null ? void 0 : o.max };
-    M(this, H, s), M(this, St, !1), this.updateYRange(!0), (this.yAxisWidth !== i || this.xAxisHeight !== a) && this.updateScales(!0), h(this, U).markDirty();
+    M(this, X, s), M(this, St, !1), this.updateYRange(!0), (this.yAxisWidth !== i || this.xAxisHeight !== a) && this.updateScales(!0), h(this, U).markDirty();
   }
   getMediaSize() {
     return h(this, E).size.media;
@@ -1590,11 +1590,11 @@ 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();
   }
@@ -1604,7 +1604,7 @@ class xo extends Pt {
   }
   /** 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 +1624,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, Dt)) == null || t.destroy(), h(this, E).destroy(), this.removeAllListeners();
   }
   /** Compute the earliest and latest timestamps across all series. */
   getDataBounds() {
@@ -1638,27 +1638,27 @@ class xo extends Pt {
   }
   onDataChanged() {
     if (h(this, ut) > 0) {
-      M(this, Dt, !0);
+      M(this, zt, !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)
+      if (a.renderer instanceof J || a.renderer instanceof nt)
         for (const s of a.renderer.stores) o += s.length;
       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 i = o - h(this, Yt) > 5;
+    if (M(this, Yt, o), t !== void 0 && e !== void 0) {
+      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,15 +1672,15 @@ 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, oo(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;
-    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;
+    const i = h(this, B).visibleRange;
+    let a = h(this, X).min !== void 0 && h(this, X).min !== "auto" && typeof h(this, X).min != "number" || h(this, X).max !== void 0 && h(this, X).max !== "auto" && typeof h(this, X).max != "number" ? [] : null;
     for (const c of h(this, S)) {
       if (!c.visible) continue;
       if (c.renderer.getValueRange) {
@@ -1705,15 +1705,15 @@ class xo extends Pt {
       M(this, St, !1);
       return;
     }
-    if (e = this.resolveBound(h(this, H).min, e, o, a ?? [], "min"), o = this.resolveBound(h(this, H).max, o, e, a ?? [], "max"), !h(this, St) || t)
+    if (e = this.resolveBound(h(this, X).min, e, o, a ?? [], "min"), o = this.resolveBound(h(this, X).max, o, e, a ?? [], "max"), !h(this, St) || t)
       M(this, it, e), M(this, at, o), M(this, St, !0);
     else {
       M(this, it, h(this, it) + (e - h(this, it)) * 0.2), M(this, at, h(this, at) + (o - h(this, at)) * 0.2), e < h(this, it) && M(this, it, e), o > h(this, at) && M(this, at, o);
       const c = Math.max(Math.abs(h(this, at) - h(this, it)) * 1e-4, 1e-3);
       (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);
+    const s = h(this, X).min !== void 0 && h(this, X).min !== "auto", n = h(this, X).max !== void 0 && h(this, X).max !== "auto", l = h(this, E).size.media.height - this.xAxisHeight;
+    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 +1736,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, Bt) && 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,
@@ -1775,7 +1775,7 @@ class xo extends Pt {
     if (t.media.width === 0 || t.media.height === 0) return;
     let e = !1;
     for (const o of h(this, S))
-      if (o.visible && o.renderer instanceof j && o.renderer.hasPulse) {
+      if (o.visible && o.renderer instanceof J && o.renderer.hasPulse) {
         e = !0;
         break;
       }
@@ -1784,9 +1784,9 @@ class xo extends Pt {
       const i = (t.media.width - this.yAxisWidth) * t.horizontalPixelRatio, a = (t.media.height - this.xAxisHeight) * t.verticalPixelRatio;
       if (o.context.save(), o.context.beginPath(), o.context.rect(0, 0, i, a), o.context.clip(), h(this, ht)) {
         const s = h(this, ht).mediaX * t.horizontalPixelRatio, n = h(this, ht).mediaY * t.verticalPixelRatio;
-        Ne(o, s, n, h(this, V));
+        Je(o, s, n, h(this, V));
         for (const l of h(this, S))
-          if (l.visible && l.renderer instanceof j) {
+          if (l.visible && l.renderer instanceof J) {
             const c = l.renderer, d = c.getColors(), u = c.getStacking(), b = 4 * t.horizontalPixelRatio, v = [], C = [];
             for (let g = 0; g < c.stores.length; g++) {
               const p = c.stores[g].findNearest(h(this, ht).time, h(this, ot));
@@ -1813,7 +1813,7 @@ class xo extends Pt {
           }
       }
       for (const s of h(this, S))
-        s.visible && s.renderer instanceof j && s.renderer.hasPulse && s.renderer.drawPulseOverlay(
+        s.visible && s.renderer instanceof J && s.renderer.hasPulse && s.renderer.drawPulseOverlay(
           o.context,
           this.timeScale,
           this.yScale,
@@ -1824,7 +1824,7 @@ class xo extends Pt {
       const { from: o, to: i } = this.timeScale.getRange();
       let a = !1;
       for (const s of h(this, S))
-        if (!(!s.visible || !(s.renderer instanceof j) || !s.renderer.hasPulse)) {
+        if (!(!s.visible || !(s.renderer instanceof J) || !s.renderer.hasPulse)) {
           for (const n of s.renderer.stores) {
             const l = n.last();
             if (l && l.time >= o && l.time <= i) {
@@ -1838,21 +1838,21 @@ 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(), Dt = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), Bt = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap(), Jt = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new WeakMap(), ut = /* @__PURE__ */ new WeakMap(), zt = /* @__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.
 */
-zt = function(r) {
+Pt = function(r) {
   if (r && !h(this, S).some((e) => e.id === r))
     return r;
   let t;
   do
-    t = `series_${++yo}`;
+    t = `series_${++xo}`;
   while (h(this, S).some((e) => e.id === t));
   return t;
-}, Vt = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap();
-const wi = {
+}, Yt = /* @__PURE__ */ new WeakMap(), it = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap();
+const ki = {
   background: "#ffffff",
   chartGradient: ["#ffffff", "#f5f6f8"],
   typography: {
@@ -1909,77 +1909,83 @@ const wi = {
     borderColor: "rgba(0, 0, 0, 0.1)"
   }
 };
-function Co(r) {
+function wo(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 = {
-    background: J,
-    chartGradient: r.chartGradient ?? (X ? [At(J, 0.04), ve(J, 0.06)] : [At(J, 0.06), J]),
+  var t, e, o, i, a, s, n, l, c, d, u, b, v, C, w, g, p, m, f, y, F, k, D, I, G, $, q, H, pt;
+  const { background: N, name: It = "Custom", description: gt, fontUrl: mt = null, backgroundImage: Rt, backgroundSize: Pe } = r, et = wo(N), Fe = et ? "#d1d4dc" : "#24292f", Ie = et ? "#787b86" : "#8b949e", ae = et ? "#26a69a" : "#2da44e", se = et ? "#ef5350" : "#cf222e", Le = et ? "#2962ff" : "#0969da", We = et ? "rgba(42,46,57,0.6)" : "rgba(200,200,200,0.5)", Ae = et ? "rgba(150,150,150,0.5)" : "rgba(170,170,170,0.3)", re = et ? Vt(N, 0.1) : ye(N, 0.05), Ve = et ? _t(N, 0.92) : _t(N, 0.95), Ye = et ? _t(Vt(N, 0.15), 0.6) : "rgba(200,200,200,0.5)", Ue = $t, Xt = ((t = r.candlestick) == null ? void 0 : t.upColor) ?? ae, Lt = ((e = r.candlestick) == null ? void 0 : e.downColor) ?? se, Tt = ((o = r.line) == null ? void 0 : o.color) ?? Le, ne = ((i = r.tooltip) == null ? void 0 : i.textColor) ?? Fe, Ee = ((a = r.axis) == null ? void 0 : a.textColor) ?? Ie, Oe = ((s = r.typography) == null ? void 0 : s.fontFamily) ?? Ue;
+  return {
+    name: It,
+    description: gt,
+    dark: et,
+    fontUrl: mt,
+    backgroundImage: Rt,
+    backgroundSize: Pe,
+    background: N,
+    chartGradient: r.chartGradient ?? (et ? [Vt(N, 0.04), ye(N, 0.06)] : [Vt(N, 0.06), N]),
     typography: {
-      fontFamily: Ue,
+      fontFamily: Oe,
       fontSize: ((n = r.typography) == null ? void 0 : n.fontSize) ?? 12,
       axisFontSize: ((l = r.typography) == null ? void 0 : l.axisFontSize) ?? 10,
       yFontSize: ((c = r.typography) == null ? void 0 : c.yFontSize) ?? 11,
       tooltipFontSize: ((d = r.typography) == null ? void 0 : d.tooltipFontSize) ?? ((u = r.typography) == null ? void 0 : u.fontSize) ?? 12
     },
     grid: {
-      color: ((b = r.grid) == null ? void 0 : b.color) ?? Le,
+      color: ((b = r.grid) == null ? void 0 : b.color) ?? We,
       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: {
-      color: Rt,
+      color: Tt,
       width: ((g = r.line) == null ? void 0 : g.width) ?? 1,
-      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)
+      areaTopColor: ((p = r.line) == null ? void 0 : p.areaTopColor) ?? _t(Tt, 0.08),
+      areaBottomColor: ((m = r.line) == null ? void 0 : m.areaBottomColor) ?? _t(Tt, 0.01)
     },
-    seriesColors: r.seriesColors ?? [Rt, ie, ae],
+    seriesColors: r.seriesColors ?? [Tt, ae, se],
     bands: {
-      upper: ((f = r.bands) == null ? void 0 : f.upper) ?? Rt,
+      upper: ((f = r.bands) == null ? void 0 : f.upper) ?? Tt,
       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
+      color: ((F = r.crosshair) == null ? void 0 : F.color) ?? Ae,
+      labelBackground: ((k = r.crosshair) == null ? void 0 : k.labelBackground) ?? re,
+      labelTextColor: ((D = r.crosshair) == null ? void 0 : D.labelTextColor) ?? ne
     },
-    axis: { textColor: Ye },
+    axis: { textColor: Ee },
     yLabel: {
-      upBackground: ((L = r.yLabel) == null ? void 0 : L.upBackground) ?? $t,
-      downBackground: ((N = r.yLabel) == null ? void 0 : N.downBackground) ?? Lt,
-      neutralBackground: (($ = r.yLabel) == null ? void 0 : $.neutralBackground) ?? se,
-      textColor: ((Q = r.yLabel) == null ? void 0 : Q.textColor) ?? "#ffffff"
+      upBackground: ((I = r.yLabel) == null ? void 0 : I.upBackground) ?? Xt,
+      downBackground: ((G = r.yLabel) == null ? void 0 : G.downBackground) ?? Lt,
+      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,
-      borderColor: ((pt = r.tooltip) == null ? void 0 : pt.borderColor) ?? Ae
+      background: ((H = r.tooltip) == null ? void 0 : H.background) ?? Ve,
+      textColor: ne,
+      borderColor: ((pt = r.tooltip) == null ? void 0 : pt.borderColor) ?? Ye
     }
   };
-  return { name: Ft, description: gt, fontUrl: mt, dark: X, theme: Ee };
 }
-function Tt(r, t) {
+function _t(r, t) {
   const e = parseInt(r.slice(1, 3), 16), o = parseInt(r.slice(3, 5), 16), i = parseInt(r.slice(5, 7), 16);
   return `rgba(${e}, ${o}, ${i}, ${t})`;
 }
-function At(r, t) {
+function Vt(r, t) {
   if (!r.startsWith("#")) return r;
   const e = Math.min(255, Math.round(parseInt(r.slice(1, 3), 16) + 255 * t)), o = Math.min(255, Math.round(parseInt(r.slice(3, 5), 16) + 255 * t)), i = Math.min(255, Math.round(parseInt(r.slice(5, 7), 16) + 255 * t));
   return `#${e.toString(16).padStart(2, "0")}${o.toString(16).padStart(2, "0")}${i.toString(16).padStart(2, "0")}`;
 }
-function ve(r, t) {
+function ye(r, t) {
   if (!r.startsWith("#")) return r;
   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", Me = "'Roboto Mono', monospace", Re = "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap", ko = "'IBM Plex Mono', monospace", So = "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", Te = "'Source Code Pro', monospace", _e = "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap", Mo = "'Space Mono', monospace", Ro = "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", To = "'Caveat', 'Comic Sans MS', cursive", _o = "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap", Do = Y({
   name: "Andromeda",
   description: "Deep space purples and cosmic blues",
   background: "#23262e",
@@ -2002,8 +2008,8 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(102,94,110,0.4)", labelBackground: "#2e3038" },
   axis: { textColor: "#665e6e" },
   tooltip: { background: "rgba(35,38,46,0.92)", textColor: "#d5ced9", borderColor: "rgba(50,48,56,0.6)" },
-  typography: { fontFamily: Se },
-  fontUrl: Me
+  typography: { fontFamily: Me },
+  fontUrl: Re
 }), Bo = Y({
   name: "Ayu Mirage",
   description: "Warm dark with amber accents",
@@ -2027,9 +2033,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
+}), zo = Y({
   name: "Catppuccin",
   description: "Pastel tones on a mocha base",
   background: "#1e1e2e",
@@ -2052,9 +2058,9 @@ 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
-}), zo = Y({
+  typography: { fontFamily: $t },
+  fontUrl: Qt
+}), Po = Y({
   name: "Dracula",
   description: "Classic dark with vibrant highlights",
   background: "#282a36",
@@ -2077,9 +2083,9 @@ 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
-}), Po = Y({
+  typography: { fontFamily: Zt },
+  fontUrl: te
+}), Fo = Y({
   name: "GitHub Light",
   description: "Clean and familiar, GitHub-inspired",
   background: "#fafbfc",
@@ -2103,9 +2109,9 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(208,215,222,0.3)", labelBackground: "#f0f3f6" },
   axis: { textColor: "#8b949e" },
   tooltip: { background: "rgba(250,251,252,0.95)", textColor: "#24292f", borderColor: "rgba(216,222,228,0.5)" },
-  typography: { fontFamily: wo },
-  fontUrl: ko
-}), Fo = Y({
+  typography: { fontFamily: ko },
+  fontUrl: So
+}), Io = Y({
   name: "Gruvbox",
   description: "Retro warm with earthy tones",
   background: "#282828",
@@ -2128,74 +2134,72 @@ 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",
-  fontUrl: To,
+  fontUrl: _o,
   dark: !1,
-  theme: {
-    background: "#fdf5e6",
-    chartGradient: ["#fef6e3", "#fdf5e6"],
-    typography: {
-      fontFamily: Ro,
-      fontSize: 18,
-      axisFontSize: 13,
-      yFontSize: 15,
-      tooltipFontSize: 14
-    },
-    grid: {
-      color: "rgba(180,170,150,0.3)",
-      style: "dashed"
-    },
-    candlestick: {
-      upColor: "#7a9a5e",
-      downColor: "#b07060",
-      wickUpColor: "#7a9a5e",
-      wickDownColor: "#b07060"
-    },
-    line: {
-      color: "#6a8fa0",
-      width: 1,
-      areaTopColor: "rgba(106,143,160,0.08)",
-      areaBottomColor: "rgba(106,143,160,0.01)"
-    },
-    seriesColors: [
-      "#6a8fa0",
-      "#c09050",
-      "#7a9a5e",
-      "#8a7098",
-      "#b07060",
-      "#a09030",
-      "#508878",
-      "#a06878",
-      "#6888a0",
-      "#8870a0"
-    ],
-    bands: {
-      upper: "#6888a0",
-      lower: "#a06878"
-    },
-    crosshair: {
-      color: "rgba(160,152,128,0.3)",
-      labelBackground: "#f5edd8",
-      labelTextColor: "#5c5040"
-    },
-    axis: { textColor: "#a09880" },
-    yLabel: {
-      upBackground: "#7a9a5e",
-      downBackground: "#b07060",
-      neutralBackground: "#e8dcc8",
-      textColor: "#fdf5e6"
-    },
-    tooltip: {
-      background: "rgba(253,245,230,0.95)",
-      textColor: "#5c5040",
-      borderColor: "rgba(180,170,150,0.4)"
-    }
+  background: "#fdf5e6",
+  chartGradient: ["#fef6e3", "#fdf5e6"],
+  typography: {
+    fontFamily: To,
+    fontSize: 18,
+    axisFontSize: 13,
+    yFontSize: 15,
+    tooltipFontSize: 14
+  },
+  grid: {
+    color: "rgba(180,170,150,0.3)",
+    style: "dashed"
+  },
+  candlestick: {
+    upColor: "#7a9a5e",
+    downColor: "#b07060",
+    wickUpColor: "#7a9a5e",
+    wickDownColor: "#b07060"
+  },
+  line: {
+    color: "#6a8fa0",
+    width: 1,
+    areaTopColor: "rgba(106,143,160,0.08)",
+    areaBottomColor: "rgba(106,143,160,0.01)"
+  },
+  seriesColors: [
+    "#6a8fa0",
+    "#c09050",
+    "#7a9a5e",
+    "#8a7098",
+    "#b07060",
+    "#a09030",
+    "#508878",
+    "#a06878",
+    "#6888a0",
+    "#8870a0"
+  ],
+  bands: {
+    upper: "#6888a0",
+    lower: "#a06878"
+  },
+  crosshair: {
+    color: "rgba(160,152,128,0.3)",
+    labelBackground: "#f5edd8",
+    labelTextColor: "#5c5040"
+  },
+  axis: { textColor: "#a09880" },
+  yLabel: {
+    upBackground: "#7a9a5e",
+    downBackground: "#b07060",
+    neutralBackground: "#e8dcc8",
+    textColor: "#fdf5e6"
+  },
+  tooltip: {
+    background: "rgba(253,245,230,0.95)",
+    textColor: "#5c5040",
+    borderColor: "rgba(180,170,150,0.4)"
   }
-}, Io = "'Silkscreen', cursive", Wo = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", Ao = Y({
+}, Wo = "'Silkscreen', cursive", Ao = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", Vo = Y({
   name: "Matrix",
   background: "#000000",
   candlestick: { upColor: "#00ff41", downColor: "#00802a" },
@@ -2217,10 +2221,10 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   axis: { textColor: "#00cc33" },
   crosshair: { color: "rgba(0,255,65,0.3)", labelBackground: "#0a1a0a" },
   tooltip: { background: "rgba(0,10,0,0.95)", textColor: "#00ff41", borderColor: "rgba(0,255,65,0.2)" },
-  typography: { fontFamily: Io },
-  fontUrl: Wo,
+  typography: { fontFamily: Wo },
+  fontUrl: Ao,
   chartGradient: ["#010a01", "#000000"]
-}), Vo = Y({
+}), Yo = Y({
   name: "Lavender Mist",
   background: "#f5f0f4",
   candlestick: { upColor: "#6b8e5e", downColor: "#b85468" },
@@ -2242,10 +2246,10 @@ 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({
+}), Uo = Y({
   name: "Love",
   description: "Soft romantic pinks and roses",
   background: "#fef7f8",
@@ -2269,9 +2273,9 @@ 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
-}), Uo = Y({
+  typography: { fontFamily: $t },
+  fontUrl: Qt
+}), Eo = Y({
   name: "Material Palenight",
   description: "Material Design in moonlit hues",
   background: "#292d3e",
@@ -2294,9 +2298,9 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(103,110,149,0.4)", labelBackground: "#34324a" },
   axis: { textColor: "#676e95" },
   tooltip: { background: "rgba(41,45,62,0.92)", textColor: "#a6accd", borderColor: "rgba(55,59,75,0.6)" },
-  typography: { fontFamily: Se },
-  fontUrl: Me
-}), Eo = "'Silkscreen', cursive", Oo = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", $o = Y({
+  typography: { fontFamily: Me },
+  fontUrl: Re
+}), Oo = "'Silkscreen', cursive", $o = "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap", Xo = Y({
   name: "Monochrome",
   description: "Pure black and white, pixel font",
   background: "#ffffff",
@@ -2320,9 +2324,9 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(0,0,0,0.08)", labelBackground: "#f0f0f0" },
   axis: { textColor: "#b0b0b0" },
   tooltip: { background: "rgba(255,255,255,0.97)", textColor: "#222222", borderColor: "rgba(0,0,0,0.08)" },
-  typography: { fontFamily: Eo, tooltipFontSize: 9 },
-  fontUrl: Oo
-}), Xo = Y({
+  typography: { fontFamily: Oo, tooltipFontSize: 9 },
+  fontUrl: $o
+}), Ho = Y({
   name: "Mint Breeze",
   background: "#f6f5ee",
   candlestick: { upColor: "#2e9070", downColor: "#d04848" },
@@ -2344,10 +2348,10 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   axis: { textColor: "#80a098" },
   crosshair: { color: "rgba(120,140,120,0.18)", labelBackground: "#ece8de" },
   tooltip: { background: "rgba(246,245,238,0.95)", textColor: "#2a3530", borderColor: "rgba(130,140,115,0.2)" },
-  typography: { fontFamily: So },
-  fontUrl: Mo,
+  typography: { fontFamily: Mo },
+  fontUrl: Ro,
   chartGradient: ["#f8f7f0", "#f6f5ee"]
-}), Ho = Y({
+}), Go = Y({
   name: "Monokai Pro",
   description: "Bold syntax colors on dark gray",
   background: "#2d2a2e",
@@ -2370,9 +2374,9 @@ 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
-}), Go = Y({
+  typography: { fontFamily: Zt },
+  fontUrl: te
+}), No = Y({
   name: "Night Owl",
   description: "Crafted for late-night coding",
   background: "#011627",
@@ -2395,9 +2399,9 @@ 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
-}), No = Y({
+  typography: { fontFamily: Et },
+  fontUrl: Ot
+}), Jo = Y({
   name: "One Dark Pro",
   description: "Atom editor's iconic dark palette",
   background: "#282c34",
@@ -2420,9 +2424,9 @@ 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
-}), Jo = Y({
+  typography: { fontFamily: Et },
+  fontUrl: Ot
+}), jo = Y({
   name: "Panda",
   description: "Playful neons on charcoal",
   background: "#292a2b",
@@ -2445,9 +2449,9 @@ 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
-}), jo = Y({
+  typography: { fontFamily: Zt },
+  fontUrl: te
+}), Ko = Y({
   name: "Peach Cream",
   background: "#fef6f0",
   candlestick: { upColor: "#5a9a68", downColor: "#d06848" },
@@ -2469,10 +2473,10 @@ 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({
+}), qo = Y({
   name: "Quiet Light",
   description: "Subdued and easy on the eyes",
   background: "#f5f5f5",
@@ -2495,9 +2499,9 @@ 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
-}), qo = Y({
+  typography: { fontFamily: ee },
+  fontUrl: oe
+}), Qo = Y({
   name: "Rosé Pine Dawn",
   description: "Dawn-inspired warm neutrals",
   background: "#faf4ed",
@@ -2520,9 +2524,9 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   crosshair: { color: "rgba(152,147,165,0.3)", labelBackground: "#f2e9e1" },
   axis: { textColor: "#9893a5" },
   tooltip: { background: "rgba(250,244,237,0.95)", textColor: "#575279", borderColor: "rgba(152,147,165,0.3)" },
-  typography: { fontFamily: Re },
-  fontUrl: Te
-}), Qo = Y({
+  typography: { fontFamily: Te },
+  fontUrl: _e
+}), Zo = Y({
   name: "Sand Dune",
   background: "#f4f0e8",
   candlestick: { upColor: "#5a8a50", downColor: "#b85040" },
@@ -2544,10 +2548,10 @@ const Ut = "'JetBrains Mono', 'Fira Code', monospace", Et = "https://fonts.googl
   axis: { textColor: "#9a8a70" },
   crosshair: { color: "rgba(150,130,100,0.2)", labelBackground: "#e8e0d0" },
   tooltip: { background: "rgba(244,240,232,0.95)", textColor: "#3a3020", borderColor: "rgba(150,130,100,0.3)" },
-  typography: { fontFamily: Re },
-  fontUrl: Te,
+  typography: { fontFamily: Te },
+  fontUrl: _e,
   chartGradient: ["#f8f4ec", "#f4f0e8"]
-}), Zo = Y({
+}), ti = Y({
   name: "Solarized Light",
   description: "Ethan Schoonover's precision palette",
   background: "#fdf6e3",
@@ -2571,49 +2575,49 @@ 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
-}), ye = {
-  Dracula: zo,
-  "One Dark Pro": No,
-  "Monokai Pro": Ho,
-  "Night Owl": Go,
-  "Material Palenight": Uo,
-  Gruvbox: Fo,
-  Catppuccin: Do,
+  typography: { fontFamily: Et },
+  fontUrl: Ot
+}), xe = {
+  Dracula: Po,
+  "One Dark Pro": Jo,
+  "Monokai Pro": Go,
+  "Night Owl": No,
+  "Material Palenight": Eo,
+  Gruvbox: Io,
+  Catppuccin: zo,
   "Ayu Mirage": Bo,
-  Panda: Jo,
-  Andromeda: _o,
-  Matrix: Ao,
+  Panda: jo,
+  Andromeda: Do,
+  Matrix: Vo,
   Handwritten: Lo,
-  "GitHub Light": Po,
-  "Solarized Light": Zo,
-  "Rosé Pine Dawn": qo,
-  "Quiet Light": Ko,
-  "Lavender Mist": Vo,
-  "Mint Breeze": Xo,
-  "Sand Dune": Qo,
-  "Peach Cream": jo,
-  Monochrome: $o,
-  Love: Yo
+  "GitHub Light": Fo,
+  "Solarized Light": ti,
+  "Rosé Pine Dawn": Qo,
+  "Quiet Light": qo,
+  "Lavender Mist": Yo,
+  "Mint Breeze": Ho,
+  "Sand Dune": Zo,
+  "Peach Cream": Ko,
+  Monochrome: Xo,
+  Love: Uo
 };
-function ki(r) {
-  return (ye[r] ?? ye["One Dark Pro"]).theme;
+function Si(r) {
+  return xe[r] ?? xe["One Dark Pro"];
 }
-const _e = Symbol("wick-chart"), Be = Symbol("wick-theme");
+const De = Symbol("wick-chart"), Be = Symbol("wick-theme");
 function rt() {
-  const r = xe(_e);
+  const r = Ce(De);
   if (!r || !r.value)
     throw new Error("useChartInstance must be used within <ChartContainer>");
   return r.value;
 }
-function ti() {
-  const r = xe(Be);
+function ei() {
+  const r = Ce(Be);
   if (!r)
     throw new Error("useTheme must be used within <ChartContainer>");
   return r;
 }
-const Si = /* @__PURE__ */ Z({
+const Mi = /* @__PURE__ */ Q({
   __name: "BarSeries",
   props: {
     data: {},
@@ -2622,12 +2626,12 @@ const Si = /* @__PURE__ */ Z({
   },
   emits: ["seriesId"],
   setup(r, { emit: t }) {
-    const e = r, o = t, i = rt(), a = tt(null);
-    return q(() => {
+    const e = r, o = t, i = rt(), a = Z(null);
+    return K(() => {
       var n;
       const s = i.addBarSeries({ ...e.options, label: e.label ?? ((n = e.options) == null ? void 0 : n.label), layers: e.data.length });
       a.value = s, o("seriesId", s);
-    }), et(() => {
+    }), tt(() => {
       a.value && i.removeSeries(a.value);
     }), st(
       () => e.data,
@@ -2643,9 +2647,9 @@ const Si = /* @__PURE__ */ Z({
         a.value && s && i.updateSeriesOptions(a.value, s);
       },
       { deep: !0 }
-    ), (s, n) => K("", !0);
+    ), (s, n) => j("", !0);
   }
-}), Mi = /* @__PURE__ */ Z({
+}), Ri = /* @__PURE__ */ Q({
   __name: "CandlestickSeries",
   props: {
     data: {},
@@ -2653,12 +2657,12 @@ const Si = /* @__PURE__ */ Z({
   },
   emits: ["seriesId"],
   setup(r, { emit: t }) {
-    const e = r, o = t, i = rt(), a = tt(null);
+    const e = r, o = t, i = rt(), a = Z(null);
     let s = 0;
-    return q(() => {
+    return K(() => {
       const n = i.addCandlestickSeries(e.options);
       a.value = n, o("seriesId", n);
-    }), et(() => {
+    }), tt(() => {
       a.value && i.removeSeries(a.value);
     }), st(
       () => e.data,
@@ -2685,24 +2689,24 @@ const Si = /* @__PURE__ */ Z({
         a.value && n && i.updateSeriesOptions(a.value, n);
       },
       { deep: !0 }
-    ), (n, l) => K("", !0);
+    ), (n, l) => j("", !0);
   }
-}), ei = {
+}), oi = {
   key: 0,
   style: { position: "absolute", inset: "0", "pointer-events": "none", "z-index": "2" }
-}, Ri = /* @__PURE__ */ Z({
+}, Ti = /* @__PURE__ */ Q({
   __name: "ChartContainer",
   props: {
-    theme: { default: () => ke },
+    theme: { default: () => Se },
     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 = Z(), o = le(null), i = le(t.theme);
+    he(De, o), he(Be, i), K(() => {
       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);
-    }), et(() => {
+      t.axis && (s.axis = t.axis), t.theme && (s.theme = t.theme), o.value = new Co(e.value, s);
+    }), tt(() => {
       var s;
       (s = o.value) == null || s.destroy(), o.value = null;
     }), st(
@@ -2726,49 +2730,49 @@ const Si = /* @__PURE__ */ Z({
       ref: e,
       style: z(a.value)
     }, [
-      o.value ? (R(), T("div", ei, [
-        Oe(s.$slots, "default")
-      ])) : K("", !0)
+      o.value ? (R(), T("div", oi, [
+        $e(s.$slots, "default")
+      ])) : j("", !0)
     ], 4));
   }
 });
-function De(r) {
-  const t = tt(r.getVisibleRange()), e = () => {
+function ze(r) {
+  const t = Z(r.getVisibleRange()), e = () => {
     t.value = r.getVisibleRange();
   };
-  return q(() => r.on("viewportChange", e)), et(() => r.off("viewportChange", e)), t;
+  return K(() => r.on("viewportChange", e)), tt(() => r.off("viewportChange", e)), t;
 }
-function Ti(r) {
-  const t = tt(r.getYRange()), e = () => {
+function _i(r) {
+  const t = Z(r.getYRange()), e = () => {
     t.value = r.getYRange();
   };
-  return q(() => r.on("viewportChange", e)), et(() => r.off("viewportChange", e)), t;
+  return K(() => r.on("viewportChange", e)), tt(() => r.off("viewportChange", e)), t;
 }
-function oi(r, t) {
-  const e = tt(r.getLastValue(t)), o = () => {
+function ii(r, t) {
+  const e = Z(r.getLastValue(t)), o = () => {
     var a, s;
     const i = r.getLastValue(t);
     ((a = e.value) == null ? void 0 : a.value) === (i == null ? void 0 : i.value) && ((s = e.value) == null ? void 0 : s.isLive) === (i == null ? void 0 : i.isLive) || (e.value = i);
   };
-  return q(() => {
+  return K(() => {
     r.on("dataUpdate", o), r.on("viewportChange", o);
-  }), et(() => {
+  }), tt(() => {
     r.off("dataUpdate", o), r.off("viewportChange", o);
   }), e;
 }
-function ii(r, t) {
-  const e = tt(r.getPreviousClose(t)), o = () => {
+function ai(r, t) {
+  const e = Z(r.getPreviousClose(t)), o = () => {
     e.value = r.getPreviousClose(t);
   };
-  return q(() => r.on("dataUpdate", o)), et(() => r.off("dataUpdate", o)), e;
+  return K(() => r.on("dataUpdate", o)), tt(() => r.off("dataUpdate", o)), e;
 }
-function oe(r) {
-  const t = tt(r.getCrosshairPosition()), e = () => {
+function ie(r) {
+  const t = Z(r.getCrosshairPosition()), e = () => {
     t.value = r.getCrosshairPosition();
   };
-  return q(() => r.on("crosshairMove", e)), et(() => r.off("crosshairMove", e)), t;
+  return K(() => r.on("crosshairMove", e)), tt(() => r.off("crosshairMove", e)), t;
 }
-const _i = /* @__PURE__ */ Z({
+const Di = /* @__PURE__ */ Q({
   __name: "LineSeries",
   props: {
     data: {},
@@ -2777,12 +2781,12 @@ const _i = /* @__PURE__ */ Z({
   },
   emits: ["seriesId"],
   setup(r, { emit: t }) {
-    const e = r, o = t, i = rt(), a = tt(null);
-    return q(() => {
+    const e = r, o = t, i = rt(), a = Z(null);
+    return K(() => {
       var n;
       const s = i.addLineSeries({ ...e.options, label: e.label ?? ((n = e.options) == null ? void 0 : n.label), layers: e.data.length });
       a.value = s, o("seriesId", s);
-    }), et(() => {
+    }), tt(() => {
       a.value && i.removeSeries(a.value);
     }), st(
       () => e.data,
@@ -2798,9 +2802,9 @@ const _i = /* @__PURE__ */ Z({
         a.value && s && i.updateSeriesOptions(a.value, s);
       },
       { deep: !0 }
-    ), (s, n) => K("", !0);
+    ), (s, n) => j("", !0);
   }
-}), Bi = /* @__PURE__ */ Z({
+}), Bi = /* @__PURE__ */ Q({
   __name: "PieSeries",
   props: {
     data: {},
@@ -2808,11 +2812,11 @@ const _i = /* @__PURE__ */ Z({
   },
   emits: ["seriesId"],
   setup(r, { emit: t }) {
-    const e = r, o = t, i = rt(), a = tt(null);
-    return q(() => {
+    const e = r, o = t, i = rt(), a = Z(null);
+    return K(() => {
       const s = i.addPieSeries(e.options);
       a.value = s, o("seriesId", s);
-    }), et(() => {
+    }), tt(() => {
       a.value && i.removeSeries(a.value);
     }), st(
       () => e.data,
@@ -2825,12 +2829,12 @@ const _i = /* @__PURE__ */ Z({
         a.value && s && i.updateSeriesOptions(a.value, s);
       },
       { deep: !0 }
-    ), (s, n) => K("", !0);
+    ), (s, n) => j("", !0);
   }
-}), Di = /* @__PURE__ */ Z({
+}), zi = /* @__PURE__ */ Q({
   __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",
@@ -2849,7 +2853,7 @@ const _i = /* @__PURE__ */ Z({
           transform: "translateY(-50%)",
           ...a.value
         })
-      }, I(W(t).yScale.formatY(W(e).y)), 5),
+      }, L(W(t).yScale.formatY(W(e).y)), 5),
       _("div", {
         style: z({
           position: "absolute",
@@ -2858,14 +2862,14 @@ const _i = /* @__PURE__ */ Z({
           transform: "translateX(-50%)",
           ...a.value
         })
-      }, I(W(Yt)(W(e).time, i.value)), 5)
-    ], 64)) : K("", !0);
+      }, L(W(Ut)(W(e).time, i.value)), 5)
+    ], 64)) : j("", !0);
   }
-}), ai = { style: {
+}), si = { style: {
   display: "inline-flex",
   fontVariantNumeric: "tabular-nums",
   lineHeight: 1.2
-} }, si = {
+} }, ri = {
   key: 0,
   style: {
     display: "inline-block",
@@ -2873,10 +2877,10 @@ const _i = /* @__PURE__ */ Z({
     overflow: "hidden",
     position: "relative"
   }
-}, ri = {
+}, ni = {
   key: 1,
   style: { display: "inline-block" }
-}, ni = /* @__PURE__ */ Z({
+}, li = /* @__PURE__ */ Q({
   __name: "NumberFlow",
   props: {
     value: {},
@@ -2885,8 +2889,8 @@ const _i = /* @__PURE__ */ Z({
     spinDuration: { default: 350 }
   },
   setup(r) {
-    const t = r, e = tt(!1);
-    q(() => {
+    const t = r, e = Z(!1);
+    K(() => {
       e.value = !0;
     });
     const o = P(() => new Intl.NumberFormat(t.locale, t.format)), i = P(() => {
@@ -2895,9 +2899,9 @@ const _i = /* @__PURE__ */ Z({
         l >= "0" && l <= "9" ? n.push({ type: "digit", value: l }) : n.push({ type: "symbol", value: l });
       return n;
     }), a = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-    return (s, n) => (R(), T("span", ai, [
+    return (s, n) => (R(), T("span", si, [
       (R(!0), T(O, null, ct(i.value, (l, c) => (R(), T(O, { key: c }, [
-        l.type === "digit" ? (R(), T("span", si, [
+        l.type === "digit" ? (R(), T("span", ri, [
           _("span", {
             style: z({
               display: "flex",
@@ -2914,28 +2918,28 @@ const _i = /* @__PURE__ */ Z({
                 justifyContent: "center",
                 height: "1.2em"
               }
-            }, I(d), 1)), 64))
+            }, L(d), 1)), 64))
           ], 4)
-        ])) : (R(), T("span", ri, I(l.value), 1))
+        ])) : (R(), T("span", ni, L(l.value), 1))
       ], 64))), 128))
     ]));
   }
-}), li = { style: { flex: 1, opacity: 0.8 } }, hi = {
+}), hi = { style: { flex: 1, opacity: 0.8 } }, ci = {
   key: 0,
   style: { fontWeight: 600, fontVariantNumeric: "tabular-nums" }
-}, zi = /* @__PURE__ */ Z({
+}, Pi = /* @__PURE__ */ Q({
   __name: "PieLegend",
   props: {
     seriesId: {},
     format: { default: "value" }
   },
   setup(r) {
-    const t = r, e = rt(), o = ti(), i = tt(0), a = () => {
+    const t = r, e = rt(), o = ei(), i = Z(0), a = () => {
       i.value++;
     };
-    q(() => {
+    K(() => {
       e.on("dataUpdate", a);
-    }), et(() => {
+    }), tt(() => {
       e.off("dataUpdate", a);
     });
     const s = P(() => o.value), n = P(() => (i.value, e.getPieSlices(t.seriesId) ?? []));
@@ -2962,8 +2966,8 @@ const _i = /* @__PURE__ */ Z({
         _("span", {
           style: z({ width: "10px", height: "10px", borderRadius: "50%", background: u.color, flexShrink: 0 })
         }, null, 4),
-        _("span", li, I(u.label), 1),
-        r.format === "value" ? (R(), T("span", hi, I(l(u.value)), 1)) : K("", !0),
+        _("span", hi, L(u.label), 1),
+        r.format === "value" ? (R(), T("span", ci, L(l(u.value)), 1)) : j("", !0),
         _("span", {
           style: z({
             opacity: r.format === "percent" ? 1 : 0.5,
@@ -2973,17 +2977,17 @@ const _i = /* @__PURE__ */ Z({
             minWidth: "40px",
             textAlign: "right"
           })
-        }, I(u.percent.toFixed(1)) + "% ", 5)
+        }, L(u.percent.toFixed(1)) + "% ", 5)
       ]))), 128))
-    ], 4)) : K("", !0);
+    ], 4)) : j("", !0);
   }
-}), ci = { style: { display: "flex", alignItems: "center", gap: "8px" } }, di = { style: { fontWeight: 600 } }, ui = { style: { display: "flex", justifyContent: "space-between", gap: "16px" } }, fi = { style: { opacity: 0.6 } }, pi = { style: { fontWeight: 600 } }, Pi = /* @__PURE__ */ Z({
+}), di = { style: { display: "flex", alignItems: "center", gap: "8px" } }, ui = { style: { fontWeight: 600 } }, fi = { style: { display: "flex", justifyContent: "space-between", gap: "16px" } }, pi = { style: { opacity: 0.6 } }, gi = { style: { fontWeight: 600 } }, Fi = /* @__PURE__ */ Q({
   __name: "PieTooltip",
   props: {
     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 };
@@ -3011,7 +3015,7 @@ const _i = /* @__PURE__ */ Z({
         gap: "6px"
       })
     }, [
-      _("div", ci, [
+      _("div", di, [
         _("span", {
           style: z({
             width: "10px",
@@ -3021,18 +3025,18 @@ const _i = /* @__PURE__ */ Z({
             flexShrink: 0
           })
         }, null, 4),
-        _("span", di, I(a.value.label), 1)
+        _("span", ui, L(a.value.label), 1)
       ]),
-      _("div", ui, [
-        _("span", fi, I(a.value.value.toLocaleString()), 1),
-        _("span", pi, I(a.value.percent.toFixed(1)) + "%", 1)
+      _("div", fi, [
+        _("span", pi, L(a.value.value.toLocaleString()), 1),
+        _("span", gi, L(a.value.percent.toFixed(1)) + "%", 1)
       ])
-    ], 4)) : K("", !0);
+    ], 4)) : j("", !0);
   }
-}), Fi = /* @__PURE__ */ Z({
+}), Ii = /* @__PURE__ */ Q({
   __name: "TimeAxis",
   setup(r) {
-    const t = rt(), e = De(t), o = /* @__PURE__ */ new Map(), i = P(() => t.getTheme()), a = P(() => {
+    const t = rt(), e = ze(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,35 +3077,35 @@ const _i = /* @__PURE__ */ Z({
           transition: "opacity 0.3s ease",
           willChange: "opacity"
         })
-      }, I(W(Yt)(l, a.value.tickInterval)), 5))), 128))
+      }, L(W(Ut)(l, a.value.tickInterval)), 5))), 128))
     ], 4));
   }
-}), gi = {
+}), mi = {
   key: 0,
   style: { display: "inline-flex", alignItems: "center", gap: "4px" }
-}, mi = {
+}, bi = {
   key: 1,
   style: { display: "inline-flex", alignItems: "center", gap: "3px" }
-}, bi = {
+}, vi = {
   key: 0,
   style: { display: "grid", gridTemplateColumns: "auto 1fr", gap: "4px 12px" }
-}, vi = { style: { opacity: 0.5 } }, yi = {
+}, yi = { style: { opacity: 0.5 } }, xi = {
   key: 1,
   style: { display: "flex", alignItems: "center", gap: "8px", padding: "2px 0" }
-}, xi = { style: { opacity: 0.6, flex: "1" } }, Li = /* @__PURE__ */ Z({
+}, Ci = { style: { opacity: 0.6, flex: "1" } }, Li = /* @__PURE__ */ Q({
   __name: "Tooltip",
   props: {
     seriesId: {},
     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 = Z(
       a.value ? e.getLastValue(a.value) : null
     ), n = () => {
       const p = a.value;
       s.value = p ? e.getLastValue(p) : null;
     };
-    q(() => e.on("dataUpdate", n)), et(() => e.off("dataUpdate", n)), st(a, () => n());
+    K(() => e.on("dataUpdate", n)), tt(() => e.off("dataUpdate", n)), st(a, () => n());
     const l = P(() => e.getTheme()), c = P(() => e.getDataInterval());
     function d(p, m) {
       return m === "none" || p.length <= 1 ? p : [...p].sort((f, y) => {
@@ -3141,8 +3145,8 @@ 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;
-      return { left: $, top: Q };
+      const p = e.getMediaSize(), m = b.value.some((H) => "open" in H.data), f = b.value.filter((H) => !("open" in H.data)).length, y = 160, F = m ? 140 : 40 + f * 22, k = 16, D = 16, I = p.width - e.yAxisWidth, G = p.height - e.xAxisHeight, $ = o.value.mediaX + k + y > I ? o.value.mediaX - k - y : o.value.mediaX + k, q = o.value.mediaY + D + F > G ? o.value.mediaY - D - F : o.value.mediaY + D;
+      return { left: $, top: q };
     });
     function g(p) {
       return "open" in p;
@@ -3168,22 +3172,22 @@ const _i = /* @__PURE__ */ Z({
       }, [
         _("span", {
           style: z({ color: l.value.axis.textColor, marginRight: "2px" })
-        }, I(W(Yt)(C.value, c.value)), 5),
+        }, L(W(Ut)(C.value, c.value)), 5),
         (R(!0), T(O, null, ct(v.value, (f) => (R(), T(O, {
           key: f.id
         }, [
-          g(f.data) ? (R(), T("span", gi, [
+          g(f.data) ? (R(), T("span", mi, [
             (R(), T(O, null, ct(["O", "H", "L", "C"], (y) => (R(), T(O, { key: y }, [
               _("span", {
                 style: z({ color: l.value.axis.textColor, opacity: 0.5, marginLeft: "5px" })
-              }, I(y), 5),
+              }, L(y), 5),
               _("span", {
                 style: z({
                   color: f.data.close >= f.data.open ? l.value.candlestick.upColor : l.value.candlestick.downColor,
                   fontWeight: 500,
                   marginLeft: "2px"
                 })
-              }, I({ O: f.data.open, H: f.data.high, L: f.data.low, C: f.data.close }[y].toFixed(2)), 5)
+              }, L({ O: f.data.open, H: f.data.high, L: f.data.low, C: f.data.close }[y].toFixed(2)), 5)
             ], 64))), 64)),
             f.data.volume != null ? (R(), T(O, { key: 0 }, [
               _("span", {
@@ -3191,9 +3195,9 @@ const _i = /* @__PURE__ */ Z({
               }, "V", 4),
               _("span", {
                 style: z({ color: l.value.axis.textColor, fontWeight: 500, marginLeft: "2px" })
-              }, I(u(f.data.volume)), 5)
-            ], 64)) : K("", !0)
-          ])) : (R(), T("span", mi, [
+              }, L(u(f.data.volume)), 5)
+            ], 64)) : j("", !0)
+          ])) : (R(), T("span", bi, [
             _("span", {
               style: z({
                 width: "6px",
@@ -3205,7 +3209,7 @@ const _i = /* @__PURE__ */ Z({
             }, null, 4),
             _("span", {
               style: z({ color: f.color, fontWeight: 500 })
-            }, I(f.data.value.toFixed(2)), 5)
+            }, L(f.data.value.toFixed(2)), 5)
           ]))
         ], 64))), 128))
       ], 4),
@@ -3241,11 +3245,11 @@ 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),
+        }, L(W(io)(C.value)) + " " + L(W(Ut)(C.value, c.value)), 5),
         (R(!0), T(O, null, ct(v.value, (f) => (R(), T(O, {
           key: f.id
         }, [
-          g(f.data) ? (R(), T("div", bi, [
+          g(f.data) ? (R(), T("div", vi, [
             (R(!0), T(O, null, ct([
               { label: "Open", val: f.data.open },
               { label: "High", val: f.data.high },
@@ -3254,22 +3258,22 @@ const _i = /* @__PURE__ */ Z({
             ], (y) => (R(), T(O, {
               key: y.label
             }, [
-              _("span", vi, I(y.label), 1),
+              _("span", yi, L(y.label), 1),
               _("span", {
                 style: z({
                   fontWeight: 600,
                   color: f.data.close >= f.data.open ? l.value.candlestick.upColor : l.value.candlestick.downColor,
                   textAlign: "right"
                 })
-              }, I(y.val.toFixed(2)), 5)
+              }, L(y.val.toFixed(2)), 5)
             ], 64))), 128)),
             f.data.volume != null ? (R(), T(O, { key: 0 }, [
               m[0] || (m[0] = _("span", { style: { opacity: 0.5 } }, "Volume", -1)),
               _("span", {
                 style: z({ fontWeight: 600, color: l.value.tooltip.textColor, textAlign: "right" })
-              }, I(u(f.data.volume)), 5)
-            ], 64)) : K("", !0)
-          ])) : (R(), T("div", yi, [
+              }, L(u(f.data.volume)), 5)
+            ], 64)) : j("", !0)
+          ])) : (R(), T("div", xi, [
             _("span", {
               style: z({
                 width: "8px",
@@ -3279,19 +3283,19 @@ const _i = /* @__PURE__ */ Z({
                 flexShrink: 0
               })
             }, null, 4),
-            _("span", xi, I(f.label ?? "Value"), 1),
+            _("span", Ci, L(f.label ?? "Value"), 1),
             _("span", {
               style: z({ fontWeight: 600, color: f.color })
-            }, I(f.data.value.toFixed(2)), 5)
+            }, L(f.data.value.toFixed(2)), 5)
           ]))
         ], 64))), 128))
-      ], 4)) : K("", !0)
-    ], 64)) : K("", !0);
+      ], 4)) : j("", !0)
+    ], 64)) : j("", !0);
   }
-}), Ii = /* @__PURE__ */ Z({
+}), Wi = /* @__PURE__ */ Q({
   __name: "YAxis",
   setup(r) {
-    const t = rt(), e = De(t), o = /* @__PURE__ */ new Map(), i = P(() => t.getTheme()), a = P(() => {
+    const t = rt(), e = ze(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)
@@ -3328,18 +3332,18 @@ const _i = /* @__PURE__ */ Z({
           transition: "opacity 0.3s ease",
           willChange: "opacity"
         })
-      }, I(W(t).yScale.formatY(l)), 5))), 128))
+      }, L(W(t).yScale.formatY(l)), 5))), 128))
     ], 4));
   }
-}), Wi = /* @__PURE__ */ Z({
+}), Ai = /* @__PURE__ */ Q({
   __name: "YLabel",
   props: {
     seriesId: {},
     color: {}
   },
   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 t = r, e = rt(), o = ii(e, t.seriesId), i = ai(e, t.seriesId);
+    K(() => e.setYLabel(!0)), tt(() => e.setYLabel(!1));
     const a = P(() => e.getTheme()), s = P(() => {
       const d = o.value;
       return d === null ? 0 : e.yScale.valueToY(d.value);
@@ -3387,66 +3391,66 @@ const _i = /* @__PURE__ */ Z({
           transition: "background-color 0.3s ease"
         })
       }, [
-        $e(ni, {
+        Xe(li, {
           value: W(o).value,
           format: c.value,
           "spin-duration": 350
         }, null, 8, ["value", "format"])
       ], 4)
-    ], 64)) : K("", !0);
+    ], 64)) : j("", !0);
   }
 });
 export {
-  Si as BarSeries,
-  Mi as CandlestickSeries,
-  Ri as ChartContainer,
-  xo as ChartInstance,
-  Di as Crosshair,
-  _i as LineSeries,
-  ni as NumberFlow,
-  zi as PieLegend,
+  Mi as BarSeries,
+  Ri as CandlestickSeries,
+  Ti as ChartContainer,
+  Co as ChartInstance,
+  zi as Crosshair,
+  Di as LineSeries,
+  li as NumberFlow,
+  Pi as PieLegend,
   Bi as PieSeries,
-  Pi as PieTooltip,
-  Fi as TimeAxis,
+  Fi as PieTooltip,
+  Ii as TimeAxis,
   Li as Tooltip,
-  Ii as YAxis,
-  Wi as YLabel,
-  _o as andromeda,
+  Wi as YAxis,
+  Ai as YLabel,
+  Do as andromeda,
   Bo as ayuMirage,
-  ki as buildTheme,
-  Do as catppuccin,
+  Si as buildTheme,
+  zo as catppuccin,
   Y as createTheme,
-  ke as darkTheme,
-  eo as detectInterval,
-  zo as dracula,
-  oo as formatDate,
-  Yt as formatTime,
-  Po as githubLight,
-  Fo as gruvbox,
+  Se as darkTheme,
+  oo as detectInterval,
+  Po as dracula,
+  io as formatDate,
+  Ut as formatTime,
+  Fo as githubLight,
+  Io as gruvbox,
   Lo as handwritten,
-  Ao as highContrast,
-  Vo as lavenderMist,
-  Yo as lightPink,
-  wi as lightTheme,
-  Uo as materialPalenight,
-  $o as minimalLight,
-  Xo as mintBreeze,
-  Ho as monokaiPro,
-  Go as nightOwl,
-  fe as normalizeTime,
-  No as oneDarkPro,
-  Jo as panda,
-  jo as peachCream,
-  Ko as quietLight,
-  qo as rosePineDawn,
-  Qo as sandDune,
-  Zo as solarizedLight,
-  ye as themes,
+  Vo as highContrast,
+  Yo as lavenderMist,
+  Uo as lightPink,
+  ki as lightTheme,
+  Eo as materialPalenight,
+  Xo as minimalLight,
+  Ho as mintBreeze,
+  Go as monokaiPro,
+  No as nightOwl,
+  pe as normalizeTime,
+  Jo as oneDarkPro,
+  jo as panda,
+  Ko as peachCream,
+  qo as quietLight,
+  Qo as rosePineDawn,
+  Zo as sandDune,
+  ti as solarizedLight,
+  xe as themes,
   rt as useChartInstance,
-  oe as useCrosshairPosition,
-  oi as useLastYValue,
-  ii as usePreviousClose,
-  ti as useTheme,
-  De as useVisibleRange,
-  Ti as useYRange
+  ie as useCrosshairPosition,
+  ii as useLastYValue,
+  ai as usePreviousClose,
+  ei as useTheme,
+  ze as useVisibleRange,
+  _i as useYRange
 };