@tradecanvas/core 0.2.0 → 0.3.0

package/dist/index.js

@@ -1372,7 +1372,7 @@ var j = class {
 		}
 		this.drawBand(e, s, l, _(r.colors[0], .08)), this.drawLine(e, s, r.colors[0], r.lineWidths[0]), this.drawLine(e, c, r.colors[1] ?? "#787B86", 1), this.drawLine(e, l, r.colors[0], r.lineWidths[0]);
 	}
-}, V = class extends j {
+}, ve = class extends j {
 	descriptor = {
 		id: "rsi",
 		name: "Relative Strength Index",
@@ -1423,7 +1423,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, H = class extends j {
+}, ye = class extends j {
 	descriptor = {
 		id: "macd",
 		name: "MACD",
@@ -1490,7 +1490,7 @@ var j = class {
 		}
 		e.fillStyle = m, e.fill(v), e.fillStyle = h, e.fill(y), e.strokeStyle = g, e.lineWidth = r.lineWidths[0], e.lineJoin = "round", e.stroke(C), e.strokeStyle = _, e.stroke(w);
 	}
-}, ve = class extends j {
+}, be = class extends j {
 	descriptor = {
 		id: "stochastic",
 		name: "Stochastic Oscillator",
@@ -1565,7 +1565,7 @@ var j = class {
 		};
 		l("k", r.colors[0]), l("d", r.colors[1] ?? "#FF9800");
 	}
-}, ye = class extends j {
+}, xe = class extends j {
 	descriptor = {
 		id: "atr",
 		name: "Average True Range",
@@ -1619,7 +1619,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, be = class extends j {
+}, Se = class extends j {
 	descriptor = {
 		id: "adx",
 		name: "Average Directional Index",
@@ -1692,7 +1692,7 @@ var j = class {
 		};
 		l("adx", r.colors[0]), l("plusDI", r.colors[1] ?? "#26A69A"), l("minusDI", r.colors[2] ?? "#EF5350");
 	}
-}, xe = class extends j {
+}, Ce = class extends j {
 	descriptor = {
 		id: "obv",
 		name: "On Balance Volume",
@@ -1738,7 +1738,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Se = class extends j {
+}, we = class extends j {
 	descriptor = {
 		id: "williamsR",
 		name: "Williams %R",
@@ -1778,7 +1778,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Ce = class extends j {
+}, Te = class extends j {
 	descriptor = {
 		id: "cci",
 		name: "Commodity Channel Index",
@@ -1833,7 +1833,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, we = class extends j {
+}, Ee = class extends j {
 	descriptor = {
 		id: "mfi",
 		name: "Money Flow Index",
@@ -1878,7 +1878,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Te = class extends j {
+}, De = class extends j {
 	descriptor = {
 		id: "aroon",
 		name: "Aroon",
@@ -1920,7 +1920,7 @@ var j = class {
 		};
 		l("up", r.colors[0]), l("down", r.colors[1] ?? "#EF5350");
 	}
-}, Ee = class extends j {
+}, Oe = class extends j {
 	descriptor = {
 		id: "roc",
 		name: "Rate of Change",
@@ -1964,7 +1964,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, De = class extends j {
+}, ke = class extends j {
 	descriptor = {
 		id: "tsi",
 		name: "True Strength Index",
@@ -2033,7 +2033,7 @@ var j = class {
 		};
 		h("tsi", r.colors[0]), h("signal", r.colors[1] ?? "#FF9800");
 	}
-}, Oe = class extends j {
+}, Ae = class extends j {
 	descriptor = {
 		id: "cmf",
 		name: "Chaikin Money Flow",
@@ -2078,7 +2078,7 @@ var j = class {
 			}
 		}
 	}
-}, ke = class extends j {
+}, je = class extends j {
 	descriptor = {
 		id: "stddev",
 		name: "Standard Deviation",
@@ -2124,7 +2124,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Ae = class extends j {
+}, Me = class extends j {
 	descriptor = {
 		id: "volumeProfile",
 		name: "Volume Profile",
@@ -2174,7 +2174,7 @@ var j = class {
 			e.fillStyle = l[t] > u * .7 ? r.colors[1] ?? "rgba(255, 152, 0, 0.5)" : r.colors[0] ?? "rgba(33, 150, 243, 0.3)", e.fillRect(i.x, s - d / 2, p, Math.max(d - 1, 1));
 		}
 	}
-}, je = class extends j {
+}, Ne = class extends j {
 	descriptor = {
 		id: "ad",
 		name: "Accumulation/Distribution",
@@ -2220,7 +2220,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Me = class extends j {
+}, Pe = class extends j {
 	descriptor = {
 		id: "vroc",
 		name: "Volume Rate of Change",
@@ -2262,12 +2262,12 @@ var j = class {
 };
 //#endregion
 //#region src/indicators/registry.ts
-function Ne(e) {
-	e.register(new M()), e.register(new N()), e.register(new P()), e.register(new F()), e.register(new I()), e.register(new L()), e.register(new R()), e.register(new z()), e.register(new B()), e.register(new V()), e.register(new H()), e.register(new ve()), e.register(new ye()), e.register(new be()), e.register(new xe()), e.register(new Se()), e.register(new Ce()), e.register(new we()), e.register(new Te()), e.register(new Ee()), e.register(new De()), e.register(new Oe()), e.register(new ke()), e.register(new Ae()), e.register(new je()), e.register(new Me());
+function Fe(e) {
+	e.register(new M()), e.register(new N()), e.register(new P()), e.register(new F()), e.register(new I()), e.register(new L()), e.register(new R()), e.register(new z()), e.register(new B()), e.register(new ve()), e.register(new ye()), e.register(new be()), e.register(new xe()), e.register(new Se()), e.register(new Ce()), e.register(new we()), e.register(new Te()), e.register(new Ee()), e.register(new De()), e.register(new Oe()), e.register(new ke()), e.register(new Ae()), e.register(new je()), e.register(new Me()), e.register(new Ne()), e.register(new Pe());
 }
 //#endregion
 //#region src/axis/GridRenderer.ts
-var Pe = class {
+var Ie = class {
 	visible = !0;
 	setVisible(e) {
 		this.visible = e;
@@ -2296,7 +2296,7 @@ var Pe = class {
 		}
 		e.stroke();
 	}
-}, Fe = class {
+}, Le = class {
 	render(e, t, n) {
 		let { chartRect: r, priceRange: i } = t, a = r.x + r.width, o = i.max - i.min;
 		if (o <= 0) return;
@@ -2315,7 +2315,7 @@ var Pe = class {
 		e.fillStyle = n.axisLabel;
 		for (let { y: t, text: n } of h) e.fillText(n, a + 5, t);
 	}
-}, U = /* @__PURE__ */ new Date(), Ie = (e) => e < 10 ? "0" + e : "" + e, Le = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60, Re = `UTC${Le >= 0 ? "+" : ""}${Le}`, ze = class {
+}, V = /* @__PURE__ */ new Date(), Re = (e) => e < 10 ? "0" + e : "" + e, ze = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60, Be = `UTC${ze >= 0 ? "+" : ""}${ze}`, Ve = class {
 	render(e, t, n, r, i) {
 		let { chartRect: a } = t, o = i ?? a.y + a.height;
 		e.strokeStyle = n.axisLine, e.lineWidth = 1, e.beginPath(), e.moveTo(a.x, o + .5), e.lineTo(a.x + a.width, o + .5), e.stroke();
@@ -2325,14 +2325,14 @@ var Pe = class {
 		for (let t = l; t <= u && t < r.length; t++) {
 			if (t % c !== 0) continue;
 			let n = t * s + d, i = r[t].time, a = i > 0xe8d4a51000 ? i : i * 1e3;
-			U.setTime(a);
-			let l = U.getDate(), u = U.getMonth() + 1, p = U.getHours(), m = U.getMinutes(), h;
-			l === f ? h = `${Ie(p)}:${Ie(m)}` : (h = `${u}/${l}`, f = l), e.fillText(h, n, o + 5);
+			V.setTime(a);
+			let l = V.getDate(), u = V.getMonth() + 1, p = V.getHours(), m = V.getMinutes(), h;
+			l === f ? h = `${Re(p)}:${Re(m)}` : (h = `${u}/${l}`, f = l), e.fillText(h, n, o + 5);
 		}
 		let p = a.x + a.width - 4, m = o + 4;
-		e.font = `${n.font.sizeSmall - 1}px ${n.font.family}`, e.textAlign = "right", e.textBaseline = "top", e.fillStyle = n.textSecondary, e.fillText(Re, p, m);
+		e.font = `${n.font.sizeSmall - 1}px ${n.font.family}`, e.textAlign = "right", e.textBaseline = "top", e.fillStyle = n.textSecondary, e.fillText(Be, p, m);
 	}
-}, Be = class {
+}, He = class {
 	panHandler = null;
 	zoomHandler = null;
 	crosshairHandler = null;
@@ -2452,7 +2452,7 @@ var Pe = class {
 			y: (e.clientY + t.clientY) / 2 - n.top
 		};
 	}
-}, Ve = class {
+}, Ue = class {
 	dragging = !1;
 	lastX = 0;
 	lastTime = 0;
@@ -2488,7 +2488,7 @@ var Pe = class {
 	stopMomentum() {
 		this.momentumId &&= (cancelAnimationFrame(this.momentumId), 0);
 	}
-}, He = class {
+}, We = class {
 	callback;
 	sensitivity;
 	pendingDelta = 0;
@@ -2507,7 +2507,7 @@ var Pe = class {
 	dispose() {
 		this.rafId &&= (cancelAnimationFrame(this.rafId), 0);
 	}
-}, Ue = class {
+}, Ge = class {
 	position = null;
 	callback = null;
 	data = [];
@@ -2565,7 +2565,7 @@ var Pe = class {
 	flushCallback(e, t) {
 		this.callback?.(e, t);
 	}
-}, We = class {
+}, Ke = class {
 	callbacks;
 	enabled = !0;
 	constructor(e) {
@@ -2591,7 +2591,7 @@ var Pe = class {
 			default: return !1;
 		}
 	}
-}, Ge = class {
+}, qe = class {
 	el = null;
 	visible = !1;
 	timeEl;
@@ -2630,8 +2630,8 @@ var Pe = class {
 		this.changeEl.textContent = `${l}${a(s)} (${l}${c.toFixed(2)}%)`, this.changeEl.style.color = i;
 		let u = t.volume;
 		this.volEl.textContent = `Vol ${u >= 1e6 ? (u / 1e6).toFixed(1) + "M" : u >= 1e3 ? (u / 1e3).toFixed(1) + "K" : u.toFixed(0)}`, this.volEl.style.color = n.textSecondary;
-		let d = Ke(n.background);
-		this.el.style.background = d ? qe(n.background, .95) : qe(n.background, .97), this.el.style.border = `1px solid ${n.axisLine}`, this.el.style.boxShadow = d ? "0 4px 12px rgba(0,0,0,0.5)" : "0 4px 12px rgba(0,0,0,0.15)", this.el.style.color = n.text, this.el.style.backdropFilter = "blur(8px)", !this.measured && this.visible && (this.measuredWidth = this.el.offsetWidth, this.measuredHeight = this.el.offsetHeight, this.measured = !0);
+		let d = Je(n.background);
+		this.el.style.background = d ? Ye(n.background, .95) : Ye(n.background, .97), this.el.style.border = `1px solid ${n.axisLine}`, this.el.style.boxShadow = d ? "0 4px 12px rgba(0,0,0,0.5)" : "0 4px 12px rgba(0,0,0,0.15)", this.el.style.color = n.text, this.el.style.backdropFilter = "blur(8px)", !this.measured && this.visible && (this.measuredWidth = this.el.offsetWidth, this.measuredHeight = this.el.offsetHeight, this.measured = !0);
 		let f = e.x + 16, p = e.y - 40;
 		f + this.measuredWidth > r.width - 80 && (f = e.x - this.measuredWidth - 16), p < 4 && (p = 4), p + this.measuredHeight > r.height && (p = r.height - this.measuredHeight - 4), this.el.style.transform = `translate(${Math.round(f)}px, ${Math.round(p)}px)`, this.el.style.left = "0", this.el.style.top = "0", this.visible ||= (this.el.style.display = "block", !0);
 	}
@@ -2656,7 +2656,7 @@ var Pe = class {
 		return document.createElement("span");
 	}
 };
-function Ke(e) {
+function Je(e) {
 	if (e.startsWith("#")) {
 		let t = e.slice(1), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t.slice(0, 6), r = parseInt(n.slice(0, 2), 16), i = parseInt(n.slice(2, 4), 16), a = parseInt(n.slice(4, 6), 16);
 		return (.299 * r + .587 * i + .114 * a) / 255 < .5;
@@ -2668,7 +2668,7 @@ function Ke(e) {
 	}
 	return !0;
 }
-function qe(e, t) {
+function Ye(e, t) {
 	if (e.startsWith("#")) {
 		let n = e.slice(1), r = n.length === 3 ? n.split("").map((e) => e + e).join("") : n.slice(0, 6);
 		return `rgba(${parseInt(r.slice(0, 2), 16)}, ${parseInt(r.slice(2, 4), 16)}, ${parseInt(r.slice(4, 6), 16)}, ${t})`;
@@ -2677,7 +2677,7 @@ function qe(e, t) {
 }
 //#endregion
 //#region src/events/EventBus.ts
-var Je = class {
+var Xe = class {
 	listeners = /* @__PURE__ */ new Map();
 	tauriBridge = null;
 	on(e, t) {
@@ -2708,7 +2708,7 @@ var Je = class {
 	destroy() {
 		this.listeners.clear(), this.tauriBridge = null;
 	}
-}, W = class {
+}, H = class {
 	hitTestAnchor(e, t, n, r) {
 		for (let i = 0; i < t.anchors.length; i++) {
 			let a = this.anchorToPixel(t.anchors[i], n);
@@ -2763,7 +2763,7 @@ var Je = class {
 		let r = n.x - t.x, i = n.y - t.y, a = Math.hypot(r, i);
 		return a === 0 ? Math.hypot(e.x - t.x, e.y - t.y) : Math.abs(r * (t.y - e.y) - i * (t.x - e.x)) / a;
 	}
-}, Ye = 1, Xe = class {
+}, Ze = 1, Qe = class {
 	registry = /* @__PURE__ */ new Map();
 	drawings = [];
 	state = "idle";
@@ -2968,7 +2968,7 @@ var Je = class {
 		let t = this.drawings.find((t) => t.id === e);
 		if (!t) return null;
 		let n = structuredClone(t);
-		return n.id = `tc_drawing_${Ye++}`, n.anchors = n.anchors.map((e) => ({
+		return n.id = `tc_drawing_${Ze++}`, n.anchors = n.anchors.map((e) => ({
 			...e,
 			time: e.time + 3
 		})), n.locked = !1, this.drawings.push(n), this.undoRedo?.push({
@@ -3010,7 +3010,7 @@ var Je = class {
 		if (!n) return !1;
 		let r = w(e.x, t), i = T(e.y, t), a = this.snapToOHLC(r, i, t);
 		return this.creatingDrawing ? (this.creatingDrawing.anchors.push(a), this.committedAnchors++, this.previewAnchor = null, this.committedAnchors >= n.descriptor.requiredAnchors && this.finalizeCreation(), this.requestRender?.(), !0) : (this.creatingDrawing = {
-			id: `tc_drawing_${Ye++}`,
+			id: `tc_drawing_${Ze++}`,
 			type: this.activeTool,
 			anchors: [a],
 			style: { ...this.activeStyle },
@@ -3061,14 +3061,14 @@ var Je = class {
 			price: T(e.y, t)
 		}, this.requestRender?.(), !0);
 	}
-}, Ze = class {
+}, $e = class {
 	constructor(e) {
 		this.manager = e;
 	}
 	render(e, t) {
 		this.manager.render(e, t);
 	}
-}, Qe = class extends W {
+}, et = class extends H {
 	descriptor = {
 		type: "trendLine",
 		name: "Trend Line",
@@ -3084,7 +3084,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, $e = class extends W {
+}, tt = class extends H {
 	descriptor = {
 		type: "horizontalLine",
 		name: "Horizontal Line",
@@ -3100,7 +3100,7 @@ var Je = class {
 		let i = C(t.anchors[0].price, n);
 		return Math.abs(e.y - i) <= r && e.x >= n.chartRect.x && e.x <= n.chartRect.x + n.chartRect.width;
 	}
-}, et = class extends W {
+}, nt = class extends H {
 	descriptor = {
 		type: "verticalLine",
 		name: "Vertical Line",
@@ -3116,7 +3116,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), { chartRect: a } = n;
 		return Math.abs(e.x - i.x) <= r && e.y >= a.y && e.y <= a.y + a.height;
 	}
-}, tt = class extends W {
+}, rt = class extends H {
 	descriptor = {
 		type: "ray",
 		name: "Ray",
@@ -3134,7 +3134,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = a.x - i.x, s = a.y - i.y;
 		return ((e.x - i.x) * o + (e.y - i.y) * s) / (o * o + s * s) < 0 ? !1 : this.distanceToInfiniteLine(e, i, a) <= r;
 	}
-}, nt = class extends W {
+}, it = class extends H {
 	descriptor = {
 		type: "extendedLine",
 		name: "Extended Line",
@@ -3152,7 +3152,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToInfiniteLine(e, i, a) <= r;
 	}
-}, rt = class extends W {
+}, at = class extends H {
 	descriptor = {
 		type: "parallelChannel",
 		name: "Parallel Channel",
@@ -3189,7 +3189,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, it = class extends W {
+}, ot = class extends H {
 	descriptor = {
 		type: "regressionChannel",
 		name: "Regression Channel",
@@ -3212,7 +3212,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = Math.hypot(a.x - i.x, a.y - i.y), s = Math.max(10, Math.min(o * .2, 100));
 		return this.distanceToLine(e, i, a) <= r + s;
 	}
-}, G = [
+}, U = [
 	0,
 	.236,
 	.382,
@@ -3220,7 +3220,7 @@ var Je = class {
 	.618,
 	.786,
 	1
-], at = class extends W {
+], st = class extends H {
 	descriptor = {
 		type: "fibRetracement",
 		name: "Fibonacci Retracement",
@@ -3230,13 +3230,13 @@ var Je = class {
 		if (t.anchors.length < 2) return;
 		let { chartRect: i } = n, a = t.anchors[0].price, o = t.anchors[1].price, s = a - o;
 		e.font = "11px sans-serif", e.textBaseline = "middle";
-		for (let r of G) {
+		for (let r of U) {
 			let a = o + s * (1 - r), c = C(a, n);
 			this.applyLineStyle(e, t.style), e.globalAlpha = r === 0 || r === 1 ? 1 : .7, e.beginPath(), e.moveTo(i.x, c), e.lineTo(i.x + i.width, c), e.stroke(), e.fillStyle = t.style.color, e.textAlign = "left", e.fillText(`${(r * 100).toFixed(1)}% (${a.toFixed(2)})`, i.x + 4, c - 2);
 		}
 		if (e.globalAlpha = 1, t.style.fillColor) {
-			for (let r = 0; r < G.length - 1; r++) {
-				let a = o + s * (1 - G[r]), c = o + s * (1 - G[r + 1]), l = C(a, n), u = C(c, n);
+			for (let r = 0; r < U.length - 1; r++) {
+				let a = o + s * (1 - U[r]), c = o + s * (1 - U[r + 1]), l = C(a, n), u = C(c, n);
 				e.fillStyle = t.style.fillColor, e.globalAlpha = .05 + r * .02, e.fillRect(i.x, Math.min(l, u), i.width, Math.abs(u - l));
 			}
 			e.globalAlpha = 1;
@@ -3248,13 +3248,13 @@ var Je = class {
 		let { chartRect: i } = n;
 		if (e.x < i.x - r || e.x > i.x + i.width + r) return !1;
 		let a = t.anchors[0].price, o = t.anchors[1].price, s = a - o;
-		for (let t of G) {
+		for (let t of U) {
 			let i = C(o + s * (1 - t), n);
 			if (Math.abs(e.y - i) <= r) return !0;
 		}
 		return !1;
 	}
-}, ot = [
+}, ct = [
 	0,
 	.618,
 	1,
@@ -3263,7 +3263,7 @@ var Je = class {
 	2.618,
 	3.618,
 	4.236
-], st = class extends W {
+], lt = class extends H {
 	descriptor = {
 		type: "fibExtension",
 		name: "Fibonacci Extension",
@@ -3279,7 +3279,7 @@ var Je = class {
 		}
 		let { chartRect: i } = n, a = t.anchors[0].price, o = t.anchors[1].price, s = t.anchors[2].price, c = a - o;
 		e.font = "11px sans-serif", e.textBaseline = "middle", e.textAlign = "left";
-		for (let r of ot) {
+		for (let r of ct) {
 			let a = C(s + c * r, n);
 			this.applyLineStyle(e, t.style), e.globalAlpha = r === 0 || r === 1 ? 1 : .6, e.beginPath(), e.moveTo(i.x, a), e.lineTo(i.x + i.width, a), e.stroke(), e.fillStyle = t.style.color, e.fillText(`${(r * 100).toFixed(1)}%`, i.x + 4, a - 2);
 		}
@@ -3290,13 +3290,13 @@ var Je = class {
 		let { chartRect: i } = n;
 		if (e.x < i.x - r || e.x > i.x + i.width + r) return !1;
 		let a = t.anchors[0].price - t.anchors[1].price;
-		for (let i of ot) {
+		for (let i of ct) {
 			let o = C(t.anchors[2].price + a * i, n);
 			if (Math.abs(e.y - o) <= r) return !0;
 		}
 		return !1;
 	}
-}, ct = class extends W {
+}, ut = class extends H {
 	descriptor = {
 		type: "rectangle",
 		name: "Rectangle",
@@ -3314,7 +3314,7 @@ var Je = class {
 		let u = Math.min(i.x, a.x) + r, d = Math.min(i.y, a.y) + r, f = Math.max(i.x, a.x) - r, p = Math.max(i.y, a.y) - r;
 		return !(e.x > u && e.x < f && e.y > d && e.y < p) || !!t.style.fillColor;
 	}
-}, lt = class extends W {
+}, dt = class extends H {
 	descriptor = {
 		type: "ellipse",
 		name: "Ellipse",
@@ -3330,7 +3330,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = (i.x + a.x) / 2, s = (i.y + a.y) / 2, c = Math.max(Math.abs(a.x - i.x) / 2, 1), l = Math.max(Math.abs(a.y - i.y) / 2, 1), u = (e.x - o) / c, d = (e.y - s) / l, f = Math.sqrt(u * u + d * d), p = r / Math.max(Math.min(c, l), 4);
 		return t.style.fillColor ? f <= 1 + p : Math.abs(f - 1) <= p;
 	}
-}, ut = class extends W {
+}, ft = class extends H {
 	descriptor = {
 		type: "triangle",
 		name: "Triangle",
@@ -3356,7 +3356,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, dt = class extends W {
+}, pt = class extends H {
 	descriptor = {
 		type: "pitchfork",
 		name: "Andrews' Pitchfork",
@@ -3392,7 +3392,7 @@ var Je = class {
 		};
 		return this.distanceToInfiniteLine(e, a, u) <= r || this.distanceToInfiniteLine(e, o, d) <= r;
 	}
-}, ft = [
+}, mt = [
 	"1",
 	"2",
 	"3",
@@ -3401,7 +3401,7 @@ var Je = class {
 	"A",
 	"B",
 	"C"
-], pt = class extends W {
+], ht = class extends H {
 	descriptor = {
 		type: "elliottWave",
 		name: "Elliott Wave",
@@ -3413,9 +3413,9 @@ var Je = class {
 		this.applyLineStyle(e, t.style), e.beginPath(), e.moveTo(i[0].x, i[0].y);
 		for (let t = 1; t < i.length; t++) e.lineTo(i[t].x, i[t].y);
 		e.stroke(), this.resetLineStyle(e), e.font = "bold 12px sans-serif", e.fillStyle = t.style.color, e.textAlign = "center";
-		for (let t = 0; t < i.length && t < ft.length; t++) {
+		for (let t = 0; t < i.length && t < mt.length; t++) {
 			let n = t % 2 == 0 ? -12 : 12;
-			e.textBaseline = n < 0 ? "bottom" : "top", e.fillText(ft[t], i[t].x, i[t].y + n);
+			e.textBaseline = n < 0 ? "bottom" : "top", e.fillText(mt[t], i[t].x, i[t].y + n);
 		}
 		r && this.renderAnchorHandles(e, t, n);
 	}
@@ -3425,7 +3425,7 @@ var Je = class {
 		for (let t = 0; t < i.length - 1; t++) if (this.distanceToLine(e, i[t], i[t + 1]) <= r) return !0;
 		return !1;
 	}
-}, mt = class extends W {
+}, gt = class extends H {
 	descriptor = {
 		type: "priceRange",
 		name: "Price Range",
@@ -3443,7 +3443,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = Math.min(i.x, a.x), s = Math.max(i.x, a.x), c = Math.min(i.y, a.y), l = Math.max(i.y, a.y);
 		return e.x >= o - r && e.x <= s + r && e.y >= c - r && e.y <= l + r;
 	}
-}, ht = class extends W {
+}, _t = class extends H {
 	descriptor = {
 		type: "dateRange",
 		name: "Date Range",
@@ -3461,7 +3461,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), { chartRect: o } = n, s = Math.min(i.x, a.x), c = Math.max(i.x, a.x);
 		return e.x >= s - r && e.x <= c + r && e.y >= o.y && e.y <= o.y + o.height;
 	}
-}, gt = class extends W {
+}, vt = class extends H {
 	descriptor = {
 		type: "measure",
 		name: "Measure",
@@ -3483,7 +3483,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, _t = class extends W {
+}, yt = class extends H {
 	descriptor = {
 		type: "text",
 		name: "Text",
@@ -3503,7 +3503,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = t.style.fontSize || 14;
 		return e.x >= i.x - r && e.x <= i.x + 80 + r && e.y >= i.y - r && e.y <= i.y + a + r;
 	}
-}, vt = class extends W {
+}, bt = class extends H {
 	descriptor = {
 		type: "arrow",
 		name: "Arrow",
@@ -3521,7 +3521,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, yt = [
+}, xt = [
 	{
 		label: "8x1",
 		ratio: 8
@@ -3558,7 +3558,7 @@ var Je = class {
 		label: "1x8",
 		ratio: .125
 	}
-], bt = class extends W {
+], W = class extends H {
 	descriptor = {
 		type: "gannFan",
 		name: "Gann Fan",
@@ -3570,7 +3570,7 @@ var Je = class {
 		if (Math.abs(o) < 1) return;
 		let c = s / o, l = o > 0 ? 1 : -1, { chartRect: u } = n, d = l > 0 ? u.x + u.width : u.x;
 		this.applyLineStyle(e, t.style);
-		for (let { label: n, ratio: r } of yt) {
+		for (let { label: n, ratio: r } of xt) {
 			let a = c * r, o = d, s = i.y + a * (o - i.x);
 			e.globalAlpha = r === 1 ? 1 : .5, e.lineWidth = r === 1 ? t.style.lineWidth : Math.max(.5, t.style.lineWidth * .7), e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(o, s), e.stroke();
 			let f = o - l * 4, p = s;
@@ -3583,7 +3583,7 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = a.x - i.x, s = a.y - i.y;
 		if (Math.abs(o) < 1) return !1;
 		let c = s / o, l = o > 0 ? 1 : -1, { chartRect: u } = n, d = l > 0 ? u.x + u.width : u.x;
-		for (let { ratio: t } of yt) {
+		for (let { ratio: t } of xt) {
 			let n = c * t, a = d, o = i.y + n * (a - i.x);
 			if (this.distanceToLine(e, i, {
 				x: a,
@@ -3592,7 +3592,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, K = [
+}, G = [
 	0,
 	.25,
 	.333,
@@ -3600,7 +3600,7 @@ var Je = class {
 	.667,
 	.75,
 	1
-], xt = class extends W {
+], St = class extends H {
 	descriptor = {
 		type: "gannBox",
 		name: "Gann Box",
@@ -3611,18 +3611,18 @@ var Je = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = Math.min(i.x, a.x), s = Math.max(i.x, a.x), c = Math.min(i.y, a.y), l = Math.max(i.y, a.y), u = s - o, d = l - c;
 		if (!(u < 2 || d < 2)) {
 			this.applyLineStyle(e, t.style), e.strokeRect(o, c, u, d), e.save(), e.globalAlpha = .35;
-			for (let t of K) {
+			for (let t of G) {
 				if (t === 0 || t === 1) continue;
 				let n = c + d * t;
 				e.beginPath(), e.moveTo(o, n), e.lineTo(s, n), e.stroke();
 			}
-			for (let t of K) {
+			for (let t of G) {
 				if (t === 0 || t === 1) continue;
 				let n = o + u * t;
 				e.beginPath(), e.moveTo(n, c), e.lineTo(n, l), e.stroke();
 			}
 			e.globalAlpha = .5, e.setLineDash([4, 3]), e.beginPath(), e.moveTo(o, c), e.lineTo(s, l), e.stroke(), e.beginPath(), e.moveTo(s, c), e.lineTo(o, l), e.stroke(), e.restore(), this.resetLineStyle(e), e.fillStyle = t.style.color, e.font = "8px sans-serif", e.globalAlpha = .6, e.textBaseline = "bottom", e.textAlign = "right";
-			for (let t of K) {
+			for (let t of G) {
 				if (t === 0 || t === 1) continue;
 				let n = c + d * t;
 				e.fillText(`${(t * 100).toFixed(0)}%`, o - 3, n);
@@ -3647,7 +3647,7 @@ var Je = class {
 			y: l
 		}) <= r;
 	}
-}, St = class extends W {
+}, Ct = class extends H {
 	descriptor = {
 		type: "anchoredVWAP",
 		name: "Anchored VWAP",
@@ -3719,7 +3719,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, Ct = class extends W {
+}, wt = class extends H {
 	descriptor = {
 		type: "volumeProfileRange",
 		name: "Volume Profile (Range)",
@@ -3764,12 +3764,12 @@ var Je = class {
 };
 //#endregion
 //#region src/drawings/tools/index.ts
-function wt(e) {
-	e.register(new Qe()), e.register(new $e()), e.register(new et()), e.register(new tt()), e.register(new nt()), e.register(new rt()), e.register(new it()), e.register(new at()), e.register(new st()), e.register(new ct()), e.register(new lt()), e.register(new ut()), e.register(new dt()), e.register(new pt()), e.register(new mt()), e.register(new ht()), e.register(new gt()), e.register(new _t()), e.register(new vt()), e.register(new bt()), e.register(new xt()), e.register(new St()), e.register(new Ct());
+function Tt(e) {
+	e.register(new et()), e.register(new tt()), e.register(new nt()), e.register(new rt()), e.register(new it()), e.register(new at()), e.register(new ot()), e.register(new st()), e.register(new lt()), e.register(new ut()), e.register(new dt()), e.register(new ft()), e.register(new pt()), e.register(new ht()), e.register(new gt()), e.register(new _t()), e.register(new vt()), e.register(new yt()), e.register(new bt()), e.register(new W()), e.register(new St()), e.register(new Ct()), e.register(new wt());
 }
 //#endregion
 //#region src/trading/OrderRenderer.ts
-var Tt = class {
+var Et = class {
 	render(e, t, n, r, i, a) {
 		let o = i.orderColors?.buy ?? "#26A69A", s = i.orderColors?.sell ?? "#EF5350", { chartRect: c } = n;
 		for (let i of t) {
@@ -3807,7 +3807,7 @@ var Tt = class {
 		}
 		return null;
 	}
-}, Et = class {
+}, Dt = class {
 	render(e, t, n, r, i, a) {
 		let { chartRect: o } = r, s = a.positionColors?.profit ?? "#26A69A", c = a.positionColors?.loss ?? "#EF5350", l = a.positionColors?.entry ?? "#2196F3", u = a.pricePrecision ?? 2;
 		for (let a of t) {
@@ -3840,7 +3840,7 @@ var Tt = class {
 			e.fillStyle = o, e.fillRect(l, t - 9, c - 2, 18), e.fillStyle = "#FFFFFF", e.font = `11px ${r.font.family}`, e.textAlign = "left", e.textBaseline = "middle", e.fillText(i.entryPrice.toFixed(s), l + 5, t);
 		}
 	}
-}, Dt = class {
+}, Ot = class {
 	render(e, t, n, r) {
 		if (!r.depthOverlay?.enabled) return;
 		let { chartRect: i } = n, a = r.depthOverlay.bidColor ?? "rgba(38,166,154,0.15)", o = r.depthOverlay.askColor ?? "rgba(239,83,80,0.15)", s = r.depthOverlay.maxWidth ?? 100, c = 0, l = [], u = 0;
@@ -3871,7 +3871,7 @@ var Tt = class {
 			e.fillRect(p - o, a - f / 2, o, f);
 		}
 	}
-}, Ot = class {
+}, kt = class {
 	dragState = null;
 	startY = 0;
 	dragging = !1;
@@ -3935,7 +3935,7 @@ var Tt = class {
 	isActive() {
 		return this.dragState !== null;
 	}
-}, kt = class {
+}, At = class {
 	menuElement = null;
 	removeHandler = null;
 	onItemSelect = null;
@@ -4019,17 +4019,17 @@ var Tt = class {
 	destroy() {
 		this.hide(), this.onItemSelect = null;
 	}
-}, At = class {
+}, jt = class {
 	orders = [];
 	positions = [];
 	depthData = null;
 	currentPrice = null;
 	config;
-	orderRenderer = new Tt();
-	positionRenderer = new Et();
-	depthOverlay = new Dt();
+	orderRenderer = new Et();
+	positionRenderer = new Dt();
+	depthOverlay = new Ot();
 	dragHandler;
-	contextMenu = new kt();
+	contextMenu = new At();
 	requestRender = null;
 	eventCallback = null;
 	container = null;
@@ -4037,7 +4037,7 @@ var Tt = class {
 		this.config = {
 			...a,
 			...e
-		}, this.dragHandler = new Ot(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
+		}, this.dragHandler = new kt(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
 			this.eventCallback?.("orderPlace", e);
 		};
 	}
@@ -4098,7 +4098,7 @@ var Tt = class {
 	destroy() {
 		this.contextMenu.destroy();
 	}
-}, jt = class {
+}, Mt = class {
 	constructor(e) {
 		this.manager = e;
 	}
@@ -4108,7 +4108,7 @@ var Tt = class {
 	renderAxisBadges(e, t, n) {
 		this.manager.renderAxisBadges(e, t, n);
 	}
-}, q = class {
+}, K = class {
 	listeners = /* @__PURE__ */ new Map();
 	on(e, t) {
 		let n = this.listeners.get(e);
@@ -4130,7 +4130,7 @@ var Tt = class {
 	removeAllListeners() {
 		this.listeners.clear();
 	}
-}, Mt = class extends q {
+}, Nt = class extends K {
 	currentBar = null;
 	timeframeMs;
 	tickRing;
@@ -4192,7 +4192,7 @@ var Tt = class {
 	alignToTimeframe(e) {
 		return Math.floor(e / this.timeframeMs) * this.timeframeMs;
 	}
-}, J = class extends q {
+}, q = class extends K {
 	config;
 	attempt = 0;
 	timer = null;
@@ -4239,7 +4239,7 @@ var Tt = class {
 		let e = this.config.baseDelay, t = this.config.backoffMultiplier ** (this.attempt - 1), n = Math.min(e * t, this.config.maxDelay), r = n * .25 * (Math.random() * 2 - 1);
 		return Math.max(0, Math.round(n + r));
 	}
-}, Nt = class {
+}, Pt = class {
 	price = null;
 	previousClose = null;
 	visible = !0;
@@ -4270,12 +4270,12 @@ var Tt = class {
 		let f = s - 5;
 		e.beginPath(), e.moveTo(f, r), e.lineTo(f + 5, r - 5), e.lineTo(f + 5, r + 5), e.closePath(), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.textAlign = "left", e.fillText(l, s + 5, r);
 	}
-}, Pt = class extends q {
+}, Ft = class extends K {
 	config = null;
 	adapter = null;
 	aggregator = null;
 	reconnector;
-	priceLine = new Nt();
+	priceLine = new Pt();
 	state = "disconnected";
 	lastPrice = null;
 	previousClose = null;
@@ -4283,13 +4283,13 @@ var Tt = class {
 	heartbeatTimer = null;
 	lastMessageTime = 0;
 	constructor() {
-		super(), this.reconnector = new J(), this.wireReconnector();
+		super(), this.reconnector = new q(), this.wireReconnector();
 	}
 	async connect(e) {
 		this.disconnect(), this.config = {
 			...i,
 			...e
-		}, this.adapter = e.adapter, this.aggregator = new Mt(e.timeframe), this.reconnector.removeAllListeners(), this.reconnector.stop(), this.reconnector = new J(e.reconnect ?? r), this.wireReconnector(), this.aggregator.on("bar", (e) => {
+		}, this.adapter = e.adapter, this.aggregator = new Nt(e.timeframe), this.reconnector.removeAllListeners(), this.reconnector.stop(), this.reconnector = new q(e.reconnect ?? r), this.wireReconnector(), this.aggregator.on("bar", (e) => {
 			this.emit("barUpdate", e), this.updatePrice(e.close);
 		}), this.aggregator.on("barClose", (e) => {
 			this.previousClose = e.close, this.emit("barClose", e);
@@ -4391,7 +4391,7 @@ var Tt = class {
 	dispose() {
 		this.disconnect(), this.removeAllListeners();
 	}
-}, Ft = {
+}, It = {
 	"1s": "1s",
 	"1m": "1m",
 	"3m": "3m",
@@ -4408,7 +4408,7 @@ var Tt = class {
 	"3d": "3d",
 	"1w": "1w",
 	"1M": "1M"
-}, It = class {
+}, Lt = class {
 	name = "binance";
 	ws = null;
 	state = "disconnected";
@@ -4429,7 +4429,7 @@ var Tt = class {
 		return this.state;
 	}
 	async fetchHistory(e, t, n = 500) {
-		let r = Ft[t] ?? "15m", i = `${this.restBase}/klines?symbol=${e}&interval=${r}&limit=${n}`, a = await fetch(i);
+		let r = It[t] ?? "15m", i = `${this.restBase}/klines?symbol=${e}&interval=${r}&limit=${n}`, a = await fetch(i);
 		if (!a.ok) throw Error(`Binance REST error: ${a.status}`);
 		return (await a.json()).map((e) => ({
 			time: e[0],
@@ -4452,7 +4452,7 @@ var Tt = class {
 	}
 	connectWs() {
 		if (!this.config) return;
-		let e = `${this.config.symbol.toLowerCase()}@kline_${Ft[this.config.timeframe] ?? "15m"}`, t = `${this.wsBase}/${e}`;
+		let e = `${this.config.symbol.toLowerCase()}@kline_${It[this.config.timeframe] ?? "15m"}`, t = `${this.wsBase}/${e}`;
 		this.setState("connecting");
 		try {
 			this.ws = new WebSocket(t);
@@ -4505,7 +4505,7 @@ var Tt = class {
 			for (let e of n) e(r);
 		}
 	}
-}, Lt = class {
+}, Rt = class {
 	name = "mock";
 	state = "disconnected";
 	listeners = /* @__PURE__ */ new Map();
@@ -4600,7 +4600,7 @@ var Tt = class {
 			for (let e of n) e(r);
 		}
 	}
-}, Rt = {
+}, zt = {
 	visible: !0,
 	showSymbol: !0,
 	showOHLC: !0,
@@ -4608,8 +4608,8 @@ var Tt = class {
 	showVolume: !0,
 	position: "top-left",
 	fontSize: 12
-}, zt = class {
-	config = { ...Rt };
+}, Bt = class {
+	config = { ...zt };
 	symbol = "";
 	timeframe = "";
 	hoverBar = null;
@@ -4696,7 +4696,7 @@ var Tt = class {
 			}
 		}
 	}
-}, Bt = class {
+}, Vt = class {
 	static toDataURL(e, t) {
 		let n = e.querySelectorAll("canvas");
 		if (n.length === 0) return "";
@@ -4718,7 +4718,7 @@ var Tt = class {
 		let i = document.createElement("a");
 		i.href = r, i.download = t, document.body.appendChild(i), i.click(), document.body.removeChild(i);
 	}
-}, Vt = class {
+}, Ht = class {
 	config = null;
 	setConfig(e) {
 		this.config = e;
@@ -4728,7 +4728,7 @@ var Tt = class {
 		let { chartRect: r } = t, i = this.config.fontSize ?? 48, a = this.config.color ?? n.textSecondary;
 		e.save(), e.globalAlpha = .07, e.font = `bold ${i}px ${n.font.family}`, e.fillStyle = a, e.textAlign = "center", e.textBaseline = "middle", e.fillText(this.config.text, r.x + r.width / 2, r.y + r.height / 2), e.restore();
 	}
-}, Ht = class {
+}, Ut = class {
 	visible = !0;
 	timeframeMs = 0;
 	setVisible(e) {
@@ -4751,7 +4751,7 @@ var Tt = class {
 		let t = Math.ceil(e / 1e3), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60;
 		return n > 0 ? `${n}:${String(r).padStart(2, "0")}:${String(i).padStart(2, "0")}` : `${r}:${String(i).padStart(2, "0")}`;
 	}
-}, Ut = class {
+}, Wt = class {
 	config = { visible: !1 };
 	cachedBreaks = [];
 	lastDataLength = 0;
@@ -4795,7 +4795,7 @@ var Tt = class {
 	invalidateCache() {
 		this.lastDataLength = 0, this.cachedBreaks = [];
 	}
-}, Wt = 1, Gt = class extends q {
+}, Gt = 1, Kt = class extends K {
 	alerts = [];
 	lastPrice = null;
 	requestRender = null;
@@ -4807,7 +4807,7 @@ var Tt = class {
 		this.pricePrecision = e;
 	}
 	addAlert(e, t = "crossing", n, r = !1) {
-		let i = `tc_alert_${Wt++}`, a = {
+		let i = `tc_alert_${Gt++}`, a = {
 			id: i,
 			price: e,
 			condition: t,
@@ -4887,7 +4887,7 @@ var Tt = class {
 			e.fillText(s, r.x + r.width - 4, a - 2);
 		}
 	}
-}, Kt = class extends q {
+}, qt = class extends K {
 	data = [];
 	currentIndex = 0;
 	timer = null;
@@ -4941,10 +4941,10 @@ var Tt = class {
 	dispose() {
 		this.stop(), this.removeAllListeners(), this.data = [];
 	}
-}, Y = 1, qt = class {
+}, J = 1, Jt = class {
 	static capture(e, t) {
 		return {
-			version: Y,
+			version: J,
 			timestamp: Date.now(),
 			chartType: t?.chartType ?? "candlestick",
 			symbol: t?.symbol,
@@ -4967,7 +4967,7 @@ var Tt = class {
 	}
 	static deserialize(e) {
 		let t = JSON.parse(e);
-		return t.version !== Y && console.warn(`Chart state version mismatch: ${t.version} vs ${Y}`), t;
+		return t.version !== J && console.warn(`Chart state version mismatch: ${t.version} vs ${J}`), t;
 	}
 	static saveToStorage(e, t) {
 		localStorage.setItem(e, this.serialize(t));
@@ -4994,7 +4994,7 @@ var Tt = class {
 			}, n.click();
 		});
 	}
-}, Jt = class {
+}, Yt = class {
 	undoStack = [];
 	redoStack = [];
 	maxHistory = 50;
@@ -5030,7 +5030,7 @@ var Tt = class {
 			redoCount: this.redoStack.length
 		};
 	}
-}, Yt = class {
+}, Xt = class {
 	static toCSV(e) {
 		return ["Time,Open,High,Low,Close,Volume", ...e.map((e) => `${new Date(e.time).toISOString()},${e.open},${e.high},${e.low},${e.close},${e.volume}`)].join("\n");
 	}
@@ -5048,7 +5048,7 @@ var Tt = class {
 		let r = new Blob([e], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
 		a.href = i, a.download = t, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(i);
 	}
-}, Xt = {
+}, Zt = {
 	linear: (e) => e,
 	easeOutCubic: (e) => 1 - (1 - e) ** 3,
 	easeOutQuart: (e) => 1 - (1 - e) ** 4,
@@ -5056,7 +5056,7 @@ var Tt = class {
 	easeOutExpo: (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e),
 	easeOutElastic: (e) => e === 0 || e === 1 ? e : 2 ** (-10 * e) * Math.sin((e * 10 - .75) * (2 * Math.PI / 3)) + 1,
 	spring: (e) => 1 - Math.E ** (-6 * e) * Math.cos(8 * e)
-}, Zt = class {
+}, Qt = class {
 	animations = /* @__PURE__ */ new Map();
 	frameId = 0;
 	running = !1;
@@ -5064,7 +5064,7 @@ var Tt = class {
 		this.animations.set(e, {
 			startTime: -1,
 			duration: t.duration,
-			easing: t.easing ?? Xt.easeOutCubic,
+			easing: t.easing ?? Zt.easeOutCubic,
 			onUpdate: t.onUpdate,
 			onComplete: t.onComplete
 		}), this.running || (this.running = !0, this.tick());
@@ -5099,10 +5099,10 @@ var Tt = class {
 };
 //#endregion
 //#region src/finance/BaseFinanceChart.ts
-function Qt(t) {
+function $t(t) {
 	return !t || t === "dark" ? e : t === "light" ? o : t;
 }
-var $t = class {
+var en = class {
 	canvas;
 	ctx;
 	container;
@@ -5113,12 +5113,14 @@ var $t = class {
 	frameId = null;
 	resizeObserver;
 	constructor(e, t) {
-		this.container = e, this.theme = Qt(t), this.canvas = document.createElement("canvas"), this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.display = "block", e.appendChild(this.canvas), this.ctx = this.canvas.getContext("2d"), this.dpr = window.devicePixelRatio || 1, this.updateSize(), this.resizeObserver = new ResizeObserver(() => {
+		this.container = e, this.theme = $t(t), this.canvas = document.createElement("canvas"), this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.display = "block", e.appendChild(this.canvas), this.ctx = this.canvas.getContext("2d"), this.dpr = window.devicePixelRatio || 1, this.updateSize(), this.resizeObserver = new ResizeObserver(() => {
 			this.updateSize(), this.requestRender();
 		}), this.resizeObserver.observe(e);
 	}
 	updateSize() {
-		this.dpr = window.devicePixelRatio || 1, this.width = this.container.clientWidth, this.height = this.container.clientHeight, this.canvas.width = this.width * this.dpr, this.canvas.height = this.height * this.dpr;
+		this.dpr = window.devicePixelRatio || 1;
+		let e = this.container.getBoundingClientRect();
+		this.width = e.width || this.container.clientWidth, this.height = e.height || this.container.clientHeight, this.canvas.width = Math.max(1, Math.floor(this.width * this.dpr)), this.canvas.height = Math.max(1, Math.floor(this.height * this.dpr));
 	}
 	requestRender() {
 		this.frameId === null && (this.frameId = requestAnimationFrame(() => {
@@ -5126,12 +5128,12 @@ var $t = class {
 		}));
 	}
 	setTheme(e) {
-		this.theme = Qt(e), this.requestRender();
+		this.theme = $t(e), this.requestRender();
 	}
 	destroy() {
 		this.frameId !== null && cancelAnimationFrame(this.frameId), this.resizeObserver.disconnect(), this.canvas.remove();
 	}
-}, en = class {
+}, tn = class {
 	pos = null;
 	canvas;
 	onUpdate;
@@ -5163,7 +5165,7 @@ var $t = class {
 };
 //#endregion
 //#region src/finance/SparklineRenderer.ts
-function tn(e, t, n, r, i) {
+function nn(e, t, n, r, i) {
 	let { data: a, mode: o = "area", lineWidth: s = 1.5, showLastPoint: c = !1, showMinMax: l = !1 } = r;
 	if (a.length < 2 || t <= 0 || n <= 0) return;
 	let u = r.color ?? i.lineColor, d = r.fillColor ?? u, f = t - 4, p = n - 4, m = Infinity, h = -Infinity, g = 0, _ = 0;
@@ -5188,8 +5190,8 @@ function tn(e, t, n, r, i) {
 }
 //#endregion
 //#region src/finance/DepthChartRenderer.ts
-var nn = 50, rn = 60, X = 20, an = .2;
-function on(e) {
+var rn = 50, an = 60, Y = 20, on = .2;
+function sn(e) {
 	let t = [...e].sort((e, t) => t.price - e.price), n = [], r = 0;
 	for (let e of t) r += e.volume, n.push({
 		price: e.price,
@@ -5197,7 +5199,7 @@ function on(e) {
 	});
 	return n;
 }
-function sn(e) {
+function cn(e) {
 	let t = [...e].sort((e, t) => e.price - t.price), n = [], r = 0;
 	for (let e of t) r += e.volume, n.push({
 		price: e.price,
@@ -5205,20 +5207,20 @@ function sn(e) {
 	});
 	return n;
 }
-function cn(e, t) {
+function ln(e, t) {
 	return {
-		left: nn,
-		right: e - rn,
-		top: X,
-		bottom: t - X,
-		plotWidth: e - nn - rn,
-		plotHeight: t - X * 2
+		left: rn,
+		right: e - an,
+		top: Y,
+		bottom: t - Y,
+		plotWidth: e - rn - an,
+		plotHeight: t - Y * 2
 	};
 }
-function ln(e, t, n, r) {
+function un(e, t, n, r) {
 	e.fillStyle = r, e.fillRect(0, 0, t, n);
 }
-function un(e, t, n, r, i, a, o, s) {
+function dn(e, t, n, r, i, a, o, s) {
 	let { left: c, right: l, top: u, bottom: d, plotWidth: p, plotHeight: m } = t;
 	e.save(), e.strokeStyle = a.grid, e.lineWidth = .5, e.fillStyle = a.axisLabel, e.font = `${a.font.sizeSmall}px ${a.font.family}`;
 	let h = f(0, i, 5);
@@ -5233,7 +5235,7 @@ function un(e, t, n, r, i, a, o, s) {
 	}
 	e.restore();
 }
-function dn(e, t, n, r, i, a, o, s, c) {
+function fn(e, t, n, r, i, a, o, s, c) {
 	if (t.length === 0) return;
 	let { left: l, bottom: u, plotWidth: d, plotHeight: f } = n, p = (e) => l + (e - r) / i * d, m = (e) => u - e / a * f;
 	if (e.beginPath(), c === "bid") {
@@ -5266,14 +5268,14 @@ function dn(e, t, n, r, i, a, o, s, c) {
 	}
 	e.strokeStyle = s, e.lineWidth = 1.5, e.stroke();
 }
-function fn(e, t, n, r, i, a, o, s, c) {
+function pn(e, t, n, r, i, a, o, s, c) {
 	let { left: l, top: u, bottom: d, plotWidth: f } = r, p = l + (t - i) / a * f;
 	if (e.save(), e.strokeStyle = o.textSecondary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(p, u), e.lineTo(p, d), e.stroke(), e.restore(), s) {
 		let t = `Spread: ${c(n)}`;
 		e.save(), e.font = `${o.font.sizeSmall}px ${o.font.family}`, e.fillStyle = o.textSecondary, e.textAlign = "center", e.textBaseline = "bottom", e.fillText(t, p, u - 2), e.restore();
 	}
 }
-function pn(e, t, n, r, i, a, o, s, c, l, u) {
+function mn(e, t, n, r, i, a, o, s, c, l, u) {
 	let { left: d, top: f, bottom: p, plotWidth: m, plotHeight: h } = i, g = t.x;
 	if (g < d || g > i.right) return;
 	let _ = a + (g - d) / m * o, v = 0, y = "";
@@ -5299,47 +5301,47 @@ function pn(e, t, n, r, i, a, o, s, c, l, u) {
 	for (let t = 0; t < b.length; t++) e.fillText(b[t], C + 8, w + 6 + t * (c.font.sizeSmall + 4));
 	e.restore();
 }
-function mn(e) {
+function hn(e) {
 	return e.toFixed(2);
 }
-function hn(e) {
+function gn(e) {
 	return e >= 1e6 ? (e / 1e6).toFixed(2) + "M" : e >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toFixed(0);
 }
-function gn(e, t, n, r, i, a) {
+function _n(e, t, n, r, i, a) {
 	let { data: o } = r;
 	if (o.bids.length === 0 && o.asks.length === 0 || t <= 0 || n <= 0) return;
-	let s = r.bidColor ?? i.candleUp, c = r.askColor ?? i.candleDown, l = r.bidFillColor ?? s + "40", u = r.askFillColor ?? c + "40", d = r.midPriceLine !== !1, f = r.spreadLabel !== !1, p = r.priceFormat ?? mn, m = r.volumeFormat ?? hn, h = on(o.bids), g = sn(o.asks), _ = h.length > 0 ? h[0].price : 0, v = g.length > 0 ? g[0].price : 0, y = h.length > 0 && g.length > 0 ? (_ + v) / 2 : _ || v, b = g.length > 0 && h.length > 0 ? v - _ : 0, x = h.length > 0 ? h[h.length - 1].price : y, S = g.length > 0 ? g[g.length - 1].price : y, C = Math.max(y - x, S - y) * (1 + an), w = y - C, T = y + C, E = T - w, D = h.length > 0 ? h[h.length - 1].cumulativeVolume : 0, O = g.length > 0 ? g[g.length - 1].cumulativeVolume : 0, k = Math.max(D, O) || 1, A = cn(t, n);
-	ln(e, t, n, i.background), un(e, A, w, T, k, i, p, m), dn(e, h, A, w, E, k, l, s, "bid"), dn(e, g, A, w, E, k, u, c, "ask"), d && fn(e, y, b, A, w, E, i, f, p), a && pn(e, a, h, g, A, w, E, k, i, p, m);
+	let s = r.bidColor ?? i.candleUp, c = r.askColor ?? i.candleDown, l = r.bidFillColor ?? s + "40", u = r.askFillColor ?? c + "40", d = r.midPriceLine !== !1, f = r.spreadLabel !== !1, p = r.priceFormat ?? hn, m = r.volumeFormat ?? gn, h = sn(o.bids), g = cn(o.asks), _ = h.length > 0 ? h[0].price : 0, v = g.length > 0 ? g[0].price : 0, y = h.length > 0 && g.length > 0 ? (_ + v) / 2 : _ || v, b = g.length > 0 && h.length > 0 ? v - _ : 0, x = h.length > 0 ? h[h.length - 1].price : y, S = g.length > 0 ? g[g.length - 1].price : y, C = Math.max(y - x, S - y) * (1 + on), w = y - C, T = y + C, E = T - w, D = h.length > 0 ? h[h.length - 1].cumulativeVolume : 0, O = g.length > 0 ? g[g.length - 1].cumulativeVolume : 0, k = Math.max(D, O) || 1, A = ln(t, n);
+	un(e, t, n, i.background), dn(e, A, w, T, k, i, p, m), fn(e, h, A, w, E, k, l, s, "bid"), fn(e, g, A, w, E, k, u, c, "ask"), d && pn(e, y, b, A, w, E, i, f, p), a && mn(e, a, h, g, A, w, E, k, i, p, m);
 }
 //#endregion
 //#region src/finance/EquityCurveRenderer.ts
-var _n = 70, vn = 30, yn = 20, bn = 20, xn = .05;
-function Sn(e, t) {
+var vn = 70, yn = 30, bn = 20, xn = 20, Sn = .05;
+function Cn(e, t) {
 	return {
-		left: _n,
-		right: e - yn,
-		top: bn,
-		bottom: t - vn,
-		plotWidth: e - _n - yn,
-		plotHeight: t - bn - vn
+		left: vn,
+		right: e - bn,
+		top: xn,
+		bottom: t - yn,
+		plotWidth: e - vn - bn,
+		plotHeight: t - xn - yn
 	};
 }
-function Cn(e, t) {
+function wn(e, t) {
 	let n = Infinity, r = -Infinity;
 	for (let t of e) t.value < n && (n = t.value), t.value > r && (r = t.value);
 	if (t) for (let e of t) e.value < n && (n = e.value), e.value > r && (r = e.value);
-	let i = (r - n) * xn;
+	let i = (r - n) * Sn;
 	return {
 		valMin: n - i,
 		valMax: r + i
 	};
 }
-function wn(e) {
+function Tn(e) {
 	let t = [], n = -Infinity;
 	for (let r of e) r.value > n && (n = r.value), t.push(n);
 	return t;
 }
-function Tn(e) {
+function En(e) {
 	let t = 864e5;
 	if (365.25 * t, e < 7 * t) {
 		let e = new Intl.DateTimeFormat(void 0, {
@@ -5361,13 +5363,13 @@ function Tn(e) {
 	});
 	return (e) => n.format(new Date(e));
 }
-function En(e) {
+function Dn(e) {
 	return Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(2) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toFixed(2);
 }
-function Dn(e, t, n, r) {
+function On(e, t, n, r) {
 	e.fillStyle = r, e.fillRect(0, 0, t, n);
 }
-function On(e, t, n, r, i, a, o, s, c) {
+function kn(e, t, n, r, i, a, o, s, c) {
 	let { left: l, right: u, top: d, bottom: p, plotWidth: m, plotHeight: h } = t;
 	e.save(), e.strokeStyle = o.grid, e.lineWidth = .5, e.fillStyle = o.axisLabel, e.font = `${o.font.sizeSmall}px ${o.font.family}`;
 	let g = f(n, r, 6), _ = Math.ceil(n / g) * g;
@@ -5382,21 +5384,21 @@ function On(e, t, n, r, i, a, o, s, c) {
 	}
 	e.restore();
 }
-function Z(e, t, n, r, i, a, o, s, c) {
+function An(e, t, n, r, i, a, o, s, c) {
 	if (t.length < 2) return;
 	let { left: l, bottom: u, plotWidth: d, plotHeight: f } = n, p = (e) => l + (e - r) / i * d, m = (e) => u - (e - a) / o * f;
 	e.save(), e.beginPath(), e.moveTo(p(t[0].time), m(t[0].value));
 	for (let n = 1; n < t.length; n++) e.lineTo(p(t[n].time), m(t[n].value));
 	e.strokeStyle = s, e.lineWidth = c, e.lineJoin = "round", e.stroke(), e.restore();
 }
-function kn(e, t, n, r, i, a, o, s) {
+function jn(e, t, n, r, i, a, o, s) {
 	if (t.length < 2) return;
 	let { left: c, bottom: l, plotWidth: u, plotHeight: d } = n, f = (e) => c + (e - r) / i * u, p = (e) => l - (e - a) / o * d, m = e.createLinearGradient(0, n.top, 0, l);
 	m.addColorStop(0, s + "40"), m.addColorStop(1, "transparent"), e.save(), e.beginPath(), e.moveTo(f(t[0].time), p(t[0].value));
 	for (let n = 1; n < t.length; n++) e.lineTo(f(t[n].time), p(t[n].value));
 	e.lineTo(f(t[t.length - 1].time), l), e.lineTo(f(t[0].time), l), e.closePath(), e.fillStyle = m, e.fill(), e.restore();
 }
-function An(e, t, n, r, i, a, o, s, c) {
+function Mn(e, t, n, r, i, a, o, s, c) {
 	if (t.length < 2) return;
 	let { left: l, bottom: u, plotWidth: d, plotHeight: f } = r, p = (e) => l + (e - i) / a * d, m = (e) => u - (e - o) / s * f;
 	e.save(), e.fillStyle = c, e.beginPath(), e.moveTo(p(t[0].time), m(n[0]));
@@ -5404,12 +5406,12 @@ function An(e, t, n, r, i, a, o, s, c) {
 	for (let n = t.length - 1; n >= 0; n--) e.lineTo(p(t[n].time), m(t[n].value));
 	e.closePath(), e.fill(), e.restore();
 }
-function jn(e, t, n, r, i, a, o, s, c, l) {
+function Nn(e, t, n, r, i, a, o, s, c, l) {
 	if (t.length === 0) return;
 	let { left: u, bottom: d, plotWidth: f, plotHeight: p } = n, m = t[t.length - 1], h = u + (m.time - r) / i * f, g = d - (m.value - a) / o * p;
 	e.save(), e.font = `${l.font.sizeSmall}px ${l.font.family}`, e.fillStyle = c, e.textAlign = "left", e.textBaseline = "middle", e.fillText(s, h + 4, g), e.restore();
 }
-function Mn(e, t, n, r, i, a, o, s, c, l, u, d) {
+function Pn(e, t, n, r, i, a, o, s, c, l, u, d) {
 	let { left: f, top: p, bottom: m, plotWidth: h, plotHeight: g } = i, _ = t.x;
 	if (_ < f || _ > i.right) return;
 	e.save(), e.strokeStyle = l.crosshair, e.lineWidth = .5, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(_, p), e.lineTo(_, m), e.stroke(), e.restore();
@@ -5427,15 +5429,15 @@ function Mn(e, t, n, r, i, a, o, s, c, l, u, d) {
 	for (let t = 0; t < S.length; t++) e.fillText(S[t], D + 8, O + 6 + t * (l.font.sizeSmall + 4));
 	e.restore();
 }
-function Nn(e, t, n, r, i, a) {
+function Fn(e, t, n, r, i, a) {
 	let { data: o } = r;
 	if (o.length < 2 || t <= 0 || n <= 0) return;
-	let s = r.lineColor ?? i.lineColor, c = r.lineWidth ?? 1.5, l = r.drawdown === !0, u = r.drawdownColor ?? i.candleDown + "30", d = r.fillArea === !0, f = r.benchmark, p = r.benchmarkColor ?? i.textSecondary, m = r.benchmarkLabel ?? "Benchmark", h = r.valueFormat ?? En, { valMin: g, valMax: _ } = Cn(o, f), v = _ - g || 1, y = o[0].time, b = o[o.length - 1].time, x = b - y || 1, S = r.timeFormat ?? Tn(x), C = Sn(t, n);
-	Dn(e, t, n, i.background), On(e, C, g, _, y, b, i, h, S), l && An(e, o, wn(o), C, y, x, g, v, u), d && kn(e, o, C, y, x, g, v, s), Z(e, o, C, y, x, g, v, s, c), f && f.length >= 2 && (Z(e, f, C, y, x, g, v, p, 1), jn(e, f, C, y, x, g, v, m, p, i)), a && Mn(e, a, o, f, C, y, x, g, v, i, S, h);
+	let s = r.lineColor ?? i.lineColor, c = r.lineWidth ?? 1.5, l = r.drawdown === !0, u = r.drawdownColor ?? i.candleDown + "30", d = r.fillArea === !0, f = r.benchmark, p = r.benchmarkColor ?? i.textSecondary, m = r.benchmarkLabel ?? "Benchmark", h = r.valueFormat ?? Dn, { valMin: g, valMax: _ } = wn(o, f), v = _ - g || 1, y = o[0].time, b = o[o.length - 1].time, x = b - y || 1, S = r.timeFormat ?? En(x), C = Cn(t, n);
+	On(e, t, n, i.background), kn(e, C, g, _, y, b, i, h, S), l && Mn(e, o, Tn(o), C, y, x, g, v, u), d && jn(e, o, C, y, x, g, v, s), An(e, o, C, y, x, g, v, s, c), f && f.length >= 2 && (An(e, f, C, y, x, g, v, p, 1), Nn(e, f, C, y, x, g, v, m, p, i)), a && Pn(e, a, o, f, C, y, x, g, v, i, S, h);
 }
 //#endregion
 //#region src/finance/HeatmapLayout.ts
-function Pn(e, t, n) {
+function In(e, t, n) {
 	if (e.length === 0) return [];
 	let r = e.length, i = Math.ceil(Math.sqrt(r)), a = Math.ceil(r / i), o = t.width / i, s = t.height / a, c = [];
 	for (let a = 0; a < r; a++) {
@@ -5452,7 +5454,7 @@ function Pn(e, t, n) {
 	}
 	return c;
 }
-function Fn(e, t) {
+function Ln(e, t) {
 	let n = e.reduce((e, t) => e + t, 0);
 	if (n === 0 || t === 0) return Infinity;
 	let r = 0;
@@ -5462,7 +5464,7 @@ function Fn(e, t) {
 	}
 	return r;
 }
-function Q(e, t, n, r, i, a) {
+function X(e, t, n, r, i, a) {
 	let o = r ? n.height : n.width, s = e.reduce((e, t) => e + t, 0), c = o > 0 ? s / o : 0, l = 0;
 	for (let o = 0; o < e.length; o++) {
 		let s = c > 0 ? e[o] / c : 0, u;
@@ -5482,19 +5484,19 @@ function Q(e, t, n, r, i, a) {
 		}), l += s;
 	}
 }
-function In(e, t, n, r, i) {
+function Rn(e, t, n, r, i) {
 	if (e.length === 0) return;
 	let a = n.width >= n.height, o = a ? n.height : n.width;
 	if (e.length === 1) {
-		Q(e, t, n, a, r, i);
+		X(e, t, n, a, r, i);
 		return;
 	}
 	let s = [], c = [], l = 0;
 	for (; l < e.length;) {
 		let u = [...s, e[l]];
-		if (s.length === 0 || Fn(u, o) <= Fn(s, o)) s.push(e[l]), c.push(t[l]), l++;
+		if (s.length === 0 || Ln(u, o) <= Ln(s, o)) s.push(e[l]), c.push(t[l]), l++;
 		else {
-			Q(s, c, n, a, r, i);
+			X(s, c, n, a, r, i);
 			let u = s.reduce((e, t) => e + t, 0), d = o > 0 ? u / o : 0;
 			n = a ? {
 				x: n.x + d,
@@ -5506,28 +5508,28 @@ function In(e, t, n, r, i) {
 				y: n.y + d,
 				width: n.width,
 				height: n.height - d
-			}, In(e.slice(l), t.slice(l), n, r, i);
+			}, Rn(e.slice(l), t.slice(l), n, r, i);
 			return;
 		}
 	}
-	s.length > 0 && Q(s, c, n, a, r, i);
+	s.length > 0 && X(s, c, n, a, r, i);
 }
-function Ln(e, t, n) {
+function zn(e, t, n) {
 	if (e.length === 0) return [];
 	let r = [...e].sort((e, t) => t.weight - e.weight), i = r.reduce((e, t) => e + Math.max(0, t.weight), 0);
 	if (i === 0) return [];
 	let a = t.width * t.height, o = r.map((e) => Math.max(0, e.weight) / i * a), s = r.map((e) => e.id), c = [];
-	return In(o, s, { ...t }, n, c), c;
+	return Rn(o, s, { ...t }, n, c), c;
 }
 //#endregion
 //#region src/finance/HeatmapRenderer.ts
-function Rn(e) {
+function Bn(e) {
 	return (e >= 0 ? "+" : "") + e.toFixed(2) + "%";
 }
-function zn(e) {
+function Vn(e) {
 	return e.label;
 }
-function Bn(e, t) {
+function Hn(e, t) {
 	let n = t.min ?? -5, r = t.max ?? 5;
 	if (e <= n) return t.negative;
 	if (e >= r) return t.positive;
@@ -5538,11 +5540,11 @@ function Bn(e, t) {
 	let i = e / r;
 	return m(t.zero, t.positive, i);
 }
-function $(e, t, n, r, i, a) {
+function Z(e, t, n, r, i, a) {
 	let o = Math.min(a, r / 2, i / 2);
 	e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
 }
-function Vn(e, t, n, r, i, a, o, s, c, l, u) {
+function Un(e, t, n, r, i, a, o, s, c, l, u) {
 	if (i < 40 || a < 30) return;
 	let d = n + i / 2, f = r + a / 2;
 	if (e.save(), e.shadowColor = "rgba(0,0,0,0.6)", e.shadowBlur = 2, e.fillStyle = "#FFFFFF", e.textAlign = "center", s) {
@@ -5555,22 +5557,22 @@ function Vn(e, t, n, r, i, a, o, s, c, l, u) {
 	}
 	e.restore();
 }
-function Hn(e, t, n, r, i, a, o, s) {
+function Wn(e, t, n, r, i, a, o, s) {
 	let c = [o(t), s(t.value)];
 	if (t.meta) for (let [e, n] of Object.entries(t.meta)) c.push(e + ": " + String(n));
 	e.save(), e.font = a.font.sizeSmall + "px " + a.font.family;
 	let l = Math.max(...c.map((t) => e.measureText(t).width)) + 16, u = a.font.sizeSmall + 4, d = c.length * u + 12, f = n.x + 14, p = n.y - d / 2;
-	f + l > r && (f = n.x - l - 14), p < 0 && (p = 0), p + d > i && (p = i - d), e.fillStyle = a.axisLabelBackground, e.globalAlpha = .92, $(e, f, p, l, d, 4), e.fill(), e.globalAlpha = 1, e.fillStyle = a.text, e.textBaseline = "top", e.textAlign = "left";
+	f + l > r && (f = n.x - l - 14), p < 0 && (p = 0), p + d > i && (p = i - d), e.fillStyle = a.axisLabelBackground, e.globalAlpha = .92, Z(e, f, p, l, d, 4), e.fill(), e.globalAlpha = 1, e.fillStyle = a.text, e.textBaseline = "top", e.textAlign = "left";
 	for (let t = 0; t < c.length; t++) e.fillText(c[t], f + 8, p + 6 + t * u);
 	e.restore();
 }
-function Un(e, t, n, r, i, a, o, s) {
+function Gn(e, t, n, r, i, a, o, s) {
 	if (r.length === 0 || i.length === 0 || t <= 0 || n <= 0) return null;
 	let c = a.colorScale ?? {
 		negative: "#EF5350",
 		zero: "#424242",
 		positive: "#26A69A"
-	}, l = a.cellRadius ?? 4, u = a.showLabels !== !1, d = a.showValues !== !1, f = a.valueFormat ?? Rn, p = a.labelFormat ?? zn, m = /* @__PURE__ */ new Map();
+	}, l = a.cellRadius ?? 4, u = a.showLabels !== !1, d = a.showValues !== !1, f = a.valueFormat ?? Bn, p = a.labelFormat ?? Vn, m = /* @__PURE__ */ new Map();
 	for (let e of r) m.set(e.id, e);
 	let h = null, g = null;
 	if (s) for (let e of i) {
@@ -5591,12 +5593,272 @@ function Un(e, t, n, r, i, a, o, s) {
 		if (!n) continue;
 		let { x: r, y: i, width: a, height: s } = t.rect;
 		if (a <= 0 || s <= 0) continue;
-		let g = Bn(n.value, c);
-		$(e, r, i, a, s, l), e.fillStyle = g, e.fill(), Vn(e, n, r, i, a, s, o, u, d, p, f), t.id === h && ($(e, r, i, a, s, l), e.strokeStyle = "#FFFFFF", e.lineWidth = 1.5, e.stroke());
+		let g = Hn(n.value, c);
+		Z(e, r, i, a, s, l), e.fillStyle = g, e.fill(), Un(e, n, r, i, a, s, o, u, d, p, f), t.id === h && (Z(e, r, i, a, s, l), e.strokeStyle = "#FFFFFF", e.lineWidth = 1.5, e.stroke());
+	}
+	return g && s && Wn(e, g.cell, s, t, n, o, p, f), g;
+}
+//#endregion
+//#region src/finance/WaterfallRenderer.ts
+var Kn = 60, qn = 12, Jn = 24, Yn = 40, Xn = .7, Zn = 1;
+function Qn(e) {
+	return e.type ? e.type : e.value > 0 ? "positive" : e.value < 0 ? "negative" : "subtotal";
+}
+function $n(e) {
+	let t = Math.abs(e);
+	return t >= 1e6 ? (e / 1e6).toFixed(2) + "M" : t >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toFixed(2);
+}
+function er(e, t) {
+	return {
+		left: Kn,
+		right: e - qn,
+		top: Jn,
+		bottom: t - Yn,
+		plotWidth: e - Kn - qn,
+		plotHeight: t - Jn - Yn
+	};
+}
+function tr(e, t, n, r, i) {
+	let a = Array(e.length), o = Array(e.length), s = t.plotWidth / e.length, c = s * n, l = (s - c) / 2, { left: u, bottom: d, plotHeight: f } = t, p = 0;
+	for (let t = 0; t < e.length; t++) {
+		let n = e[t], m = Qn(n), h, g;
+		m === "total" || m === "subtotal" ? (h = 0, g = n.value, p = n.value) : (h = p, g = p + n.value, p = g);
+		let _ = Math.min(h, g), v = Math.max(h, g), y = d - (_ - r) / i * f, b = d - (v - r) / i * f, x = Math.min(y, b), S = Math.max(Math.abs(b - y), Zn), C = u + t * s, w = C + l;
+		a[t] = {
+			label: n.label,
+			value: n.value,
+			start: h,
+			end: g,
+			type: m,
+			rectX: w,
+			rectY: x,
+			rectW: c,
+			rectH: S,
+			slotX: C,
+			slotW: s
+		}, o[t] = p;
+	}
+	return {
+		bars: a,
+		cumulatives: o
+	};
+}
+function nr(e) {
+	if (e.length === 0) return {
+		valMin: 0,
+		valMax: 1
+	};
+	let t = 0, n = 0, r = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i], o = Qn(a), s, c;
+		o === "total" || o === "subtotal" ? (s = 0, c = a.value, r = a.value) : (s = r, c = r + a.value, r = c), s < t && (t = s), c < t && (t = c), s > n && (n = s), c > n && (n = c);
+	}
+	let i = (n - t || 1) * .1;
+	return {
+		valMin: t - i,
+		valMax: n + i
+	};
+}
+function rr(e, t, n, r) {
+	e.fillStyle = r, e.fillRect(0, 0, t, n);
+}
+function ir(e, t, n, r, i, a) {
+	let { left: o, right: s, top: c, bottom: l, plotHeight: u } = t, d = r - n || 1;
+	e.strokeStyle = i.grid, e.lineWidth = .5, e.fillStyle = i.axisLabel, e.font = `${i.font.sizeSmall}px ${i.font.family}`, e.textAlign = "right", e.textBaseline = "middle";
+	let p = f(n, r, 5), m = Math.ceil(n / p) * p;
+	e.beginPath();
+	for (let t = m; t <= r; t += p) {
+		let r = Math.round(l - (t - n) / d * u) + .5;
+		r < c || r > l || (e.moveTo(o, r), e.lineTo(s, r));
+	}
+	e.stroke();
+	for (let t = m; t <= r; t += p) {
+		let r = l - (t - n) / d * u;
+		r < c - 1 || r > l + 1 || e.fillText(a(t), o - 6, r);
+	}
+	if (n < 0 && r > 0) {
+		let t = Math.round(l - (0 - n) / d * u) + .5;
+		e.strokeStyle = i.axisLine, e.lineWidth = 1, e.beginPath(), e.moveTo(o, t), e.lineTo(s, t), e.stroke();
+	}
+}
+function ar(e, t, n) {
+	let r = [
+		"positive",
+		"negative",
+		"total",
+		"subtotal"
+	];
+	for (let i = 0; i < r.length; i++) {
+		let a = r[i], o = n[a], s = !1;
+		e.beginPath();
+		for (let n = 0; n < t.length; n++) {
+			let r = t[n];
+			if (r.type !== a) continue;
+			let i = Math.round(r.rectX), o = Math.round(r.rectY), c = Math.round(r.rectW), l = Math.round(r.rectH);
+			e.rect(i, o, c, l), s = !0;
+		}
+		s && (e.fillStyle = o, e.fill());
+	}
+}
+function or(e, t, n, r, i, a, o) {
+	if (o === "none" || t.length < 2) return;
+	let { bottom: s, plotHeight: c } = n;
+	e.strokeStyle = a, e.lineWidth = 1, o === "dashed" ? e.setLineDash([4, 4]) : e.setLineDash([]), e.beginPath();
+	for (let n = 0; n < t.length - 1; n++) {
+		let a = t[n], o = t[n + 1], l = a.end, u = Math.round(s - (l - r) / i * c) + .5, d = Math.round(a.rectX + a.rectW), f = Math.round(o.rectX);
+		f <= d || (e.moveTo(d, u), e.lineTo(f, u));
+	}
+	e.stroke(), e.setLineDash([]);
+}
+function sr(e, t, n, r, i, a) {
+	e.fillStyle = r.text, e.font = `${r.font.sizeSmall}px ${r.font.family}`, e.textAlign = "center";
+	for (let r = 0; r < t.length; r++) {
+		let o = t[r], s;
+		s = o.type === "total" || o.type === "subtotal" ? i(o.value) : a ? `${o.value >= 0 ? "+" : ""}${i(o.value)}` : i(n[r]);
+		let c = o.rectX + o.rectW / 2;
+		o.end < o.start ? (e.textBaseline = "top", e.fillText(s, c, o.rectY + o.rectH + 4)) : (e.textBaseline = "bottom", e.fillText(s, c, o.rectY - 4));
+	}
+}
+function cr(e, t, n, r, i) {
+	e.fillStyle = r.axisLabel, e.font = `${r.font.sizeSmall}px ${r.font.family}`, e.textAlign = "center", e.textBaseline = "top";
+	let a = n.bottom + 6, o = t.length > 0 ? t[0].slotW - 4 : 0, s = !1;
+	for (let n = 0; n < t.length; n++) if (e.measureText(i(t[n].label)).width > o) {
+		s = !0;
+		break;
+	}
+	if (!s) {
+		for (let n = 0; n < t.length; n++) {
+			let r = t[n], o = r.slotX + r.slotW / 2;
+			e.fillText(i(r.label), o, a);
+		}
+		return;
 	}
-	return g && s && Hn(e, g.cell, s, t, n, o, p, f), g;
+	e.save(), e.textAlign = "right", e.textBaseline = "middle";
+	for (let n = 0; n < t.length; n++) {
+		let r = t[n], o = r.slotX + r.slotW / 2;
+		e.setTransform(1, 0, 0, 1, o, a + 4), e.rotate(-Math.PI / 4), e.fillText(i(r.label), 0, 0);
+	}
+	e.setTransform(1, 0, 0, 1, 0, 0), e.restore();
+}
+function lr(e, t, n) {
+	if (t < n.left || t > n.right) return null;
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n];
+		if (t >= r.slotX && t <= r.slotX + r.slotW) return n;
+	}
+	return null;
+}
+function ur(e, t, n, r, i, a, o, s) {
+	let c = t[r], l = n[r], u = Math.round(c.slotX + c.slotW / 2) + .5;
+	e.strokeStyle = o.crosshair, e.lineWidth = .5, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(u, a.top), e.lineTo(u, a.bottom), e.stroke(), e.setLineDash([]);
+	let d = [
+		c.label,
+		`Value: ${c.value >= 0 && (c.type === "positive" || c.type === "negative") ? "+" : ""}${s(c.value)}`,
+		`Total: ${s(l)}`
+	];
+	e.font = `${o.font.sizeSmall}px ${o.font.family}`;
+	let f = 0;
+	for (let t = 0; t < d.length; t++) {
+		let n = e.measureText(d[t]).width;
+		n > f && (f = n);
+	}
+	let p = f + 16, m = d.length * (o.font.sizeSmall + 4) + 12, h = i.x + 10, g = i.y - m / 2;
+	h + p > a.right && (h = i.x - p - 10), g < a.top && (g = a.top), g + m > a.bottom && (g = a.bottom - m), e.fillStyle = o.axisLabelBackground, e.globalAlpha = .9, e.fillRect(h, g, p, m), e.globalAlpha = 1, e.fillStyle = o.text, e.textAlign = "left", e.textBaseline = "top";
+	let _ = o.font.sizeSmall + 4;
+	for (let t = 0; t < d.length; t++) e.fillText(d[t], h + 8, g + 6 + t * _);
+}
+function dr(e, t, n, r, i, a) {
+	let { data: o } = r;
+	if (!o || o.length === 0 || t <= 0 || n <= 0) return { hitBar: null };
+	let s = r.positiveColor ?? i.candleUp, c = r.negativeColor ?? i.candleDown, l = r.totalColor ?? i.lineColor, u = r.subtotalColor ?? i.textSecondary, d = r.connectorColor ?? i.textSecondary, f = r.connectorStyle ?? "dashed", p = r.barWidth ?? Xn, m = r.showValues !== !1, h = r.showDelta !== !1, g = r.valueFormat ?? $n, _ = r.labelFormat ?? ((e) => e), { valMin: v, valMax: y } = nr(o), b = y - v || 1, x = er(t, n), { bars: S, cumulatives: C } = tr(o, x, p, v, b);
+	rr(e, t, n, i.background), ir(e, x, v, y, i, g), or(e, S, x, v, b, d, f), ar(e, S, {
+		positive: s,
+		negative: c,
+		total: l,
+		subtotal: u
+	}), m && sr(e, S, C, i, g, h), cr(e, S, x, i, _);
+	let w = a ? lr(S, a.x, x) : null;
+	return a && w !== null && ur(e, S, C, w, a, x, i, g), { hitBar: w };
+}
+//#endregion
+//#region src/finance/GaugeRenderer.ts
+var fr = Math.PI / 180, pr = 135, mr = 405, hr = .25;
+function gr(e) {
+	let t = Math.abs(e);
+	return t >= 1e6 ? (e / 1e6).toFixed(2) + "M" : t >= 1e3 ? (e / 1e3).toFixed(1) + "K" : Number.isInteger(e) ? e.toFixed(0) : e.toFixed(1);
+}
+function Q(e, t, n) {
+	return e < t ? t : e > n ? n : e;
+}
+function _r(e, t, n) {
+	let r = n.min ?? 0, i = n.max ?? 100, a = i - r || 1, o = (n.startAngle ?? pr) * fr, s = (n.endAngle ?? mr) * fr, c = n.thickness ?? hr, l = e / 2, u = t / 2 + t * .05, d = Math.max(10, Math.min(e, t) / 2 - 24);
+	return {
+		cx: l,
+		cy: u,
+		radius: d,
+		innerRadius: Math.max(2, d * (1 - c)),
+		startAngle: o,
+		endAngle: s,
+		angleRange: s - o,
+		min: r,
+		max: i,
+		range: a
+	};
+}
+function $(e, t) {
+	let n = Q((e - t.min) / t.range, 0, 1);
+	return t.startAngle + t.angleRange * n;
+}
+function vr(e, t, n, r) {
+	e.fillStyle = r, e.fillRect(0, 0, t, n);
+}
+function yr(e, t, n) {
+	e.beginPath(), e.arc(t.cx, t.cy, t.radius, t.startAngle, t.endAngle, !1), e.arc(t.cx, t.cy, t.innerRadius, t.endAngle, t.startAngle, !0), e.closePath(), e.fillStyle = n, e.fill();
+}
+function br(e, t, n) {
+	let r = Q(n.from, t.min, t.max), i = Q(n.to, t.min, t.max);
+	if (i <= r) return;
+	let a = $(r, t), o = $(i, t);
+	e.beginPath(), e.arc(t.cx, t.cy, t.radius, a, o, !1), e.arc(t.cx, t.cy, t.innerRadius, o, a, !0), e.closePath(), e.fillStyle = n.color, e.fill();
+}
+function xr(e, t, n, r, i) {
+	let a = $(n, t);
+	a <= t.startAngle || (e.globalAlpha = i, e.beginPath(), e.arc(t.cx, t.cy, t.radius, t.startAngle, a, !1), e.arc(t.cx, t.cy, t.innerRadius, a, t.startAngle, !0), e.closePath(), e.fillStyle = r, e.fill(), e.globalAlpha = 1);
+}
+function Sr(e, t, n, r) {
+	let i = $(n, t), a = Math.cos(i), o = Math.sin(i), s = t.radius - 2, c = t.innerRadius * .25, l = -o, u = a, d = t.cx + a * s, f = t.cy + o * s, p = t.cx + l * 4 - a * c, m = t.cy + u * 4 - o * c, h = t.cx - l * 4 - a * c, g = t.cy - u * 4 - o * c;
+	e.beginPath(), e.moveTo(d, f), e.lineTo(p, m), e.lineTo(h, g), e.closePath(), e.fillStyle = r, e.fill(), e.beginPath(), e.arc(t.cx, t.cy, Math.max(4, t.innerRadius * .12), 0, Math.PI * 2), e.fill();
+}
+function Cr(e, t, n, r, i) {
+	let a = Math.round(t.innerRadius * .55), o = Math.round(i.font.sizeMedium);
+	e.fillStyle = i.text, e.textAlign = "center", e.textBaseline = "middle", e.font = `600 ${a}px ${i.font.family}`;
+	let s = !!r, c = s ? t.cy - o * .6 : t.cy - a * .1;
+	e.fillText(n, t.cx, c), s && (e.fillStyle = i.textSecondary, e.font = `${o}px ${i.font.family}`, e.fillText(r, t.cx, t.cy + a * .55));
+}
+function wr(e, t, n, r) {
+	e.fillStyle = r.textSecondary, e.font = `${r.font.sizeSmall}px ${r.font.family}`;
+	let i = t.radius + 10, a = Math.cos(t.startAngle), o = Math.sin(t.startAngle), s = Math.cos(t.endAngle), c = Math.sin(t.endAngle), l = t.cx + a * i, u = t.cy + o * i, d = t.cx + s * i, f = t.cy + c * i;
+	e.textBaseline = "middle", e.textAlign = a < -.2 ? "right" : a > .2 ? "left" : "center", e.fillText(n(t.min), l, u), e.textAlign = s < -.2 ? "right" : s > .2 ? "left" : "center", e.fillText(n(t.max), d, f);
+}
+function Tr(e, t, n, r) {
+	e.fillStyle = r.textSecondary, e.font = `${r.font.sizeSmall}px ${r.font.family}`, e.textAlign = "center", e.textBaseline = "middle";
+	let i = (t.radius + t.innerRadius) / 2;
+	for (let r = 0; r < n.length; r++) {
+		let a = n[r];
+		if (!a.label) continue;
+		let o = $((Q(a.from, t.min, t.max) + Q(a.to, t.min, t.max)) / 2, t), s = t.cx + Math.cos(o) * i, c = t.cy + Math.sin(o) * i;
+		e.fillText(a.label, s, c);
+	}
+}
+function Er(e, t, n, r, i, a) {
+	if (t <= 0 || n <= 0) return;
+	let o = _r(t, n, r), s = r.trackColor ?? i.grid, c = r.needleColor ?? i.text, l = r.showValue !== !1, u = r.showZoneLabels === !0, d = r.valueFormat ?? gr, f = Q(a, o.min, o.max);
+	vr(e, t, n, i.background), yr(e, o, s);
+	let p = r.zones;
+	if (p && p.length > 0) for (let t = 0; t < p.length; t++) br(e, o, p[t]);
+	xr(e, o, f, c, .12), Sr(e, o, f, c), l && Cr(e, o, d(f), r.label, i), wr(e, o, d, i), u && p && p.length > 0 && Tr(e, o, p, i);
 }
 //#endregion
-export { be as ADXIndicator, ye as ATRIndicator, je as AccumulationDistributionIndicator, Gt as AlertManager, St as AnchoredVWAPTool, Zt as Animator, te as AreaRenderer, Te as AroonIndicator, vt as ArrowTool, Ht as BarCountdown, ne as BarRenderer, $t as BaseFinanceChart, ie as BaselineRenderer, It as BinanceAdapter, P as BollingerBandsIndicator, Ce as CCIIndicator, Oe as CMFIndicator, A as CandlestickRenderer, v as CanvasLayer, zt as ChartLegend, qt as ChartStateManager, le as CompareRenderer, Ue as CrosshairHandler, Ge as CrosshairTooltip, Nt as CurrentPriceLine, Rt as DEFAULT_LEGEND_CONFIG, x as DPRManager, Yt as DataExporter, ht as DateRangeTool, Dt as DepthOverlay, B as DonchianChannelIndicator, W as DrawingBase, Xe as DrawingManager, Ze as DrawingRenderer, N as EMAIndicator, Xt as Easing, pt as ElliottWaveTool, lt as EllipseTool, q as Emitter, Je as EventBus, nt as ExtendedLineTool, st as FibExtensionTool, at as FibRetracementTool, en as FinanceCrosshair, xt as GannBoxTool, bt as GannFanTool, Pe as GridRenderer, re as HollowCandleRenderer, $e as HorizontalLineTool, I as IchimokuIndicator, j as IndicatorBase, _e as IndicatorEngine, Be as InteractionManager, oe as KagiRenderer, z as KeltnerChannelIndicator, We as KeyboardHandler, y as LayerManager, ee as LineRenderer, H as MACDIndicator, we as MFIIndicator, gt as MeasureTool, Lt as MockAdapter, xe as OBVIndicator, Tt as OrderRenderer, Ve as PanHandler, L as ParabolicSARIndicator, rt as ParallelChannelTool, dt as PitchforkTool, se as PointAndFigureRenderer, Et as PositionRenderer, Fe as PriceAxis, mt as PriceRangeTool, Ee as ROCIndicator, V as RSIIndicator, tt as RayTool, J as ReconnectManager, ct as RectangleTool, it as RegressionChannelTool, D as RenderEngine, b as RenderLoop, ae as RenkoRenderer, Kt as ReplayManager, M as SMAIndicator, Bt as Screenshot, Ut as SessionBreaks, ke as StdDevIndicator, ve as StochasticIndicator, Pt as StreamManager, R as SupertrendIndicator, De as TSIIndicator, _t as TextAnnotationTool, Mt as TickAggregator, ze as TimeAxis, kt as TradingContextMenu, Ot as TradingDragHandler, At as TradingManager, jt as TradingRenderer, Qe as TrendLineTool, ut as TriangleTool, Jt as UndoRedoManager, Me as VROCIndicator, F as VWAPIndicator, et as VerticalLineTool, O as Viewport, Ae as VolumeProfileIndicator, Ct as VolumeProfileRangeTool, ce as VolumeRenderer, Vt as Watermark, Se as WilliamsRIndicator, He as ZoomHandler, S as barIndexToX, k as getVisibleData, Ln as layoutSquarifiedTreemap, Pn as layoutUniformGrid, C as priceToY, wt as registerBuiltInDrawingTools, Ne as registerBuiltInIndicators, gn as renderDepthChart, Nn as renderEquityCurve, Un as renderHeatmap, tn as renderSparkline, E as timestampToBarIndex, ue as toHeikinAshi, me as toKagi, pe as toLineBreak, he as toPointAndFigure, de as toRenko, w as xToBarIndex, T as yToPrice };
+export { Se as ADXIndicator, xe as ATRIndicator, Ne as AccumulationDistributionIndicator, Kt as AlertManager, Ct as AnchoredVWAPTool, Qt as Animator, te as AreaRenderer, De as AroonIndicator, bt as ArrowTool, Ut as BarCountdown, ne as BarRenderer, en as BaseFinanceChart, ie as BaselineRenderer, Lt as BinanceAdapter, P as BollingerBandsIndicator, Te as CCIIndicator, Ae as CMFIndicator, A as CandlestickRenderer, v as CanvasLayer, Bt as ChartLegend, Jt as ChartStateManager, le as CompareRenderer, Ge as CrosshairHandler, qe as CrosshairTooltip, Pt as CurrentPriceLine, zt as DEFAULT_LEGEND_CONFIG, x as DPRManager, Xt as DataExporter, _t as DateRangeTool, Ot as DepthOverlay, B as DonchianChannelIndicator, H as DrawingBase, Qe as DrawingManager, $e as DrawingRenderer, N as EMAIndicator, Zt as Easing, ht as ElliottWaveTool, dt as EllipseTool, K as Emitter, Xe as EventBus, it as ExtendedLineTool, lt as FibExtensionTool, st as FibRetracementTool, tn as FinanceCrosshair, St as GannBoxTool, W as GannFanTool, Ie as GridRenderer, re as HollowCandleRenderer, tt as HorizontalLineTool, I as IchimokuIndicator, j as IndicatorBase, _e as IndicatorEngine, He as InteractionManager, oe as KagiRenderer, z as KeltnerChannelIndicator, Ke as KeyboardHandler, y as LayerManager, ee as LineRenderer, ye as MACDIndicator, Ee as MFIIndicator, vt as MeasureTool, Rt as MockAdapter, Ce as OBVIndicator, Et as OrderRenderer, Ue as PanHandler, L as ParabolicSARIndicator, at as ParallelChannelTool, pt as PitchforkTool, se as PointAndFigureRenderer, Dt as PositionRenderer, Le as PriceAxis, gt as PriceRangeTool, Oe as ROCIndicator, ve as RSIIndicator, rt as RayTool, q as ReconnectManager, ut as RectangleTool, ot as RegressionChannelTool, D as RenderEngine, b as RenderLoop, ae as RenkoRenderer, qt as ReplayManager, M as SMAIndicator, Vt as Screenshot, Wt as SessionBreaks, je as StdDevIndicator, be as StochasticIndicator, Ft as StreamManager, R as SupertrendIndicator, ke as TSIIndicator, yt as TextAnnotationTool, Nt as TickAggregator, Ve as TimeAxis, At as TradingContextMenu, kt as TradingDragHandler, jt as TradingManager, Mt as TradingRenderer, et as TrendLineTool, ft as TriangleTool, Yt as UndoRedoManager, Pe as VROCIndicator, F as VWAPIndicator, nt as VerticalLineTool, O as Viewport, Me as VolumeProfileIndicator, wt as VolumeProfileRangeTool, ce as VolumeRenderer, Ht as Watermark, we as WilliamsRIndicator, We as ZoomHandler, S as barIndexToX, k as getVisibleData, zn as layoutSquarifiedTreemap, In as layoutUniformGrid, C as priceToY, Tt as registerBuiltInDrawingTools, Fe as registerBuiltInIndicators, _n as renderDepthChart, Fn as renderEquityCurve, Er as renderGauge, Gn as renderHeatmap, nn as renderSparkline, dr as renderWaterfall, E as timestampToBarIndex, ue as toHeikinAshi, me as toKagi, pe as toLineBreak, he as toPointAndFigure, de as toRenko, w as xToBarIndex, T as yToPrice };
 
 //# sourceMappingURL=index.js.map