@tradecanvas/core 0.2.0 → 0.4.0

package/dist/index.js

@@ -200,7 +200,7 @@ var D = class {
 	render(e) {
 		let t = this.renderCtx;
 		if (!t) return;
-		let { viewport: n, theme: r, data: i } = t;
+		let { viewport: n, theme: r, data: i } = t, a = t.numberLocale ?? "en-US";
 		if (!(n.chartRect.width <= 0 || n.chartRect.height <= 0)) {
 			if (e.has(s.Background) && this.bgLayer && (this.bgLayer.clear(), t.gridRenderer?.render(this.bgLayer.ctx, n, r), t.sessionBreaks?.render(this.bgLayer.ctx, n, r, i), t.watermark?.render(this.bgLayer.ctx, n, r)), e.has(s.Main) && this.mainLayer) {
 				this.mainLayer.clear();
@@ -236,42 +236,42 @@ var D = class {
 				this.uiLayer.clear();
 				let e = this.uiLayer.ctx;
 				if (t.priceAxis?.render(e, n, r), t.tradingRenderer?.renderAxisBadges(e, n, r), t.currentPriceLine?.render(e, n, r), t.timeAxis?.render(e, n, r, i, t.timeAxisY), t.chartLegend?.render(e, n, r, i), t.barCountdown?.render(e, n, r, i), t.panels.length > 0) {
-					let n = t.crosshairHandler?.getPosition(), a = t.indicatorEngine, o = `${r.font.sizeSmall}px ${r.font.family}`, s;
-					if (a) {
-						let e = a.getPanelIndicators();
-						s = /* @__PURE__ */ new Map();
-						for (let t of e) s.set(t.instanceId, t);
+					let n = t.crosshairHandler?.getPosition(), o = t.indicatorEngine, s = `${r.font.sizeSmall}px ${r.font.family}`, l;
+					if (o) {
+						let e = o.getPanelIndicators();
+						l = /* @__PURE__ */ new Map();
+						for (let t of e) l.set(t.instanceId, t);
 					}
-					for (let l of t.panels) {
-						let t = l.viewport, u = l.rect, { min: d, max: m } = t.priceRange;
-						if (m - d <= 0 || u.height <= 0) continue;
-						let h = u.x + u.width, g = t.chartRect;
-						e.strokeStyle = r.axisLine, e.lineWidth = 1, e.beginPath(), e.moveTo(h + .5, u.y), e.lineTo(h + .5, u.y + u.height), e.stroke();
-						let _ = f(d, m, 4), v = Math.ceil(d / _) * _, y = _ < 1 ? Math.ceil(-Math.log10(_)) + 1 : +(_ < 10);
-						e.font = o, e.textBaseline = "middle", e.textAlign = "left";
-						for (let n = v; n <= m; n += _) {
+					for (let u of t.panels) {
+						let t = u.viewport, d = u.rect, { min: m, max: h } = t.priceRange;
+						if (h - m <= 0 || d.height <= 0) continue;
+						let g = d.x + d.width, _ = t.chartRect;
+						e.strokeStyle = r.axisLine, e.lineWidth = 1, e.beginPath(), e.moveTo(g + .5, d.y), e.lineTo(g + .5, d.y + d.height), e.stroke();
+						let v = f(m, h, 4), y = Math.ceil(m / v) * v, b = v < 1 ? Math.ceil(-Math.log10(v)) + 1 : +(v < 10);
+						e.font = s, e.textBaseline = "middle", e.textAlign = "left";
+						for (let n = y; n <= h; n += v) {
 							let i = C(n, t);
-							i < g.y || i > g.y + g.height || (e.strokeStyle = r.axisLine, e.beginPath(), e.moveTo(h, Math.round(i) + .5), e.lineTo(h + 4, Math.round(i) + .5), e.stroke(), e.fillStyle = r.axisLabel, e.fillText(p(n, y), h + 6, i));
+							i < _.y || i > _.y + _.height || (e.strokeStyle = r.axisLine, e.beginPath(), e.moveTo(g, Math.round(i) + .5), e.lineTo(g + 4, Math.round(i) + .5), e.stroke(), e.fillStyle = r.axisLabel, e.fillText(p(n, b, a), g + 6, i));
 						}
-						if (n && n.x >= u.x && n.x <= u.x + u.width && n.y >= u.y && n.y <= u.y + u.height) {
-							let i = p(T(n.y, t), y);
+						if (n && n.x >= d.x && n.x <= d.x + d.width && n.y >= d.y && n.y <= d.y + d.height) {
+							let i = p(T(n.y, t), b, a);
 							e.font = `bold ${r.font.sizeSmall}px ${r.font.family}`;
-							let a = e.measureText(i).width, o = Math.min(a + 10, c - 2);
-							e.fillStyle = r.crosshair, e.fillRect(h + 1, n.y - 9, o, 18), e.fillStyle = r.background, e.textBaseline = "middle", e.textAlign = "left", e.fillText(i, h + 5, n.y);
+							let o = e.measureText(i).width, s = Math.min(o + 10, c - 2);
+							e.fillStyle = r.crosshair, e.fillRect(g + 1, n.y - 9, s, 18), e.fillStyle = r.background, e.textBaseline = "middle", e.textAlign = "left", e.fillText(i, g + 5, n.y);
 						}
-						if (n && a) {
-							let c = w(n.x, t), d = Math.max(0, Math.min((i?.length ?? 1) - 1, Math.round(c))), f = a.getOutput(l.instanceId);
-							if (f?.series && d < f.series.length) {
-								let t = f.series[d];
+						if (n && o) {
+							let a = w(n.x, t), c = Math.max(0, Math.min((i?.length ?? 1) - 1, Math.round(a))), f = o.getOutput(u.instanceId);
+							if (f?.series && c < f.series.length) {
+								let t = f.series[c];
 								if (t) {
 									let n = [];
 									for (let e in t) {
 										let r = t[e];
-										r !== void 0 && n.push(`${e}: ${r.toFixed(y)}`);
+										r !== void 0 && n.push(`${e}: ${r.toFixed(b)}`);
 									}
 									if (n.length > 0) {
-										let t = s?.get(l.instanceId), i = t ? e.measureText(t.descriptor.name).width + 14 : 10;
-										e.font = o, e.fillStyle = r.textSecondary, e.textBaseline = "top", e.textAlign = "left", e.fillText(n.join("  "), u.x + i, u.y + 6);
+										let t = l?.get(u.instanceId), i = t ? e.measureText(t.descriptor.name).width + 14 : 10;
+										e.font = s, e.fillStyle = r.textSecondary, e.textBaseline = "top", e.textAlign = "left", e.fillText(n.join("  "), d.x + i, d.y + 6);
 									}
 								}
 							}
@@ -957,7 +957,7 @@ var j = class {
 		});
 		return e;
 	}
-}, M = class extends j {
+}, ve = class extends j {
 	descriptor = {
 		id: "sma",
 		name: "Simple Moving Average",
@@ -989,7 +989,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, N = class extends j {
+}, ye = class extends j {
 	descriptor = {
 		id: "ema",
 		name: "Exponential Moving Average",
@@ -1026,7 +1026,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, P = class extends j {
+}, be = class extends j {
 	descriptor = {
 		id: "bb",
 		name: "Bollinger Bands",
@@ -1081,7 +1081,7 @@ var j = class {
 			e.stroke();
 		}
 	}
-}, F = class extends j {
+}, xe = class extends j {
 	descriptor = {
 		id: "vwap",
 		name: "Volume Weighted Average Price",
@@ -1116,7 +1116,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, I = class extends j {
+}, Se = class extends j {
 	descriptor = {
 		id: "ichimoku",
 		name: "Ichimoku Cloud",
@@ -1176,7 +1176,7 @@ var j = class {
 		};
 		x(c, l, u, r.colors[0], r.lineWidths[0]), x(d, f, p, r.colors[1] ?? "#FF9800", r.lineWidths[0]), x(m, h, g, r.colors[2] ?? "#26A69A", 1), x(v, y, b, r.colors[3] ?? "#EF5350", 1);
 	}
-}, L = class extends j {
+}, Ce = class extends j {
 	descriptor = {
 		id: "psar",
 		name: "Parabolic SAR",
@@ -1222,7 +1222,7 @@ var j = class {
 			e.beginPath(), e.arc(o, c, s, 0, Math.PI * 2), e.fillStyle = a.trend === 1 ? r.colors[0] : r.colors[1] ?? "#EF5350", e.fill();
 		}
 	}
-}, R = class extends j {
+}, we = class extends j {
 	descriptor = {
 		id: "supertrend",
 		name: "Supertrend",
@@ -1270,7 +1270,7 @@ var j = class {
 			d !== 0 && (e.beginPath(), e.strokeStyle = p === 1 ? s : c, e.lineWidth = r.lineWidths[0] + .5, e.moveTo(l, u), e.lineTo(o, f), e.stroke()), l = o, u = f, d = p;
 		}
 	}
-}, z = class extends j {
+}, Te = class extends j {
 	descriptor = {
 		id: "keltner",
 		name: "Keltner Channel",
@@ -1327,7 +1327,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] ?? r.colors[0], r.lineWidths[0]), this.drawLine(e, l, r.colors[0], r.lineWidths[0]);
 	}
-}, B = class extends j {
+}, Ee = class extends j {
 	descriptor = {
 		id: "donchian",
 		name: "Donchian Channel",
@@ -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 {
+}, De = class extends j {
 	descriptor = {
 		id: "rsi",
 		name: "Relative Strength Index",
@@ -1423,7 +1423,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, H = class extends j {
+}, Oe = 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 {
+}, ke = 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 {
+}, Ae = class extends j {
 	descriptor = {
 		id: "atr",
 		name: "Average True Range",
@@ -1619,7 +1619,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, be = class extends j {
+}, je = 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 {
+}, Me = class extends j {
 	descriptor = {
 		id: "obv",
 		name: "On Balance Volume",
@@ -1738,7 +1738,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Se = class extends j {
+}, Ne = class extends j {
 	descriptor = {
 		id: "williamsR",
 		name: "Williams %R",
@@ -1778,7 +1778,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Ce = class extends j {
+}, M = class extends j {
 	descriptor = {
 		id: "cci",
 		name: "Commodity Channel Index",
@@ -1833,7 +1833,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, we = class extends j {
+}, N = class extends j {
 	descriptor = {
 		id: "mfi",
 		name: "Money Flow Index",
@@ -1878,7 +1878,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Te = class extends j {
+}, P = 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 {
+}, F = class extends j {
 	descriptor = {
 		id: "roc",
 		name: "Rate of Change",
@@ -1964,7 +1964,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, De = class extends j {
+}, I = 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 {
+}, L = class extends j {
 	descriptor = {
 		id: "cmf",
 		name: "Chaikin Money Flow",
@@ -2078,7 +2078,7 @@ var j = class {
 			}
 		}
 	}
-}, ke = class extends j {
+}, R = class extends j {
 	descriptor = {
 		id: "stddev",
 		name: "Standard Deviation",
@@ -2124,7 +2124,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Ae = class extends j {
+}, z = 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 {
+}, Pe = class extends j {
 	descriptor = {
 		id: "ad",
 		name: "Accumulation/Distribution",
@@ -2220,7 +2220,7 @@ var j = class {
 		}
 		e.stroke();
 	}
-}, Me = class extends j {
+}, Fe = 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 Ie(e) {
+	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 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 Pe()), e.register(new Fe());
 }
 //#endregion
 //#region src/axis/GridRenderer.ts
-var Pe = class {
+var Le = class {
 	visible = !0;
 	setVisible(e) {
 		this.visible = e;
@@ -2296,7 +2296,11 @@ var Pe = class {
 		}
 		e.stroke();
 	}
-}, Fe = class {
+}, Re = class {
+	locale = "en-US";
+	setLocale(e) {
+		this.locale = e;
+	}
 	render(e, t, n) {
 		let { chartRect: r, priceRange: i } = t, a = r.x + r.width, o = i.max - i.min;
 		if (o <= 0) return;
@@ -2307,7 +2311,7 @@ var Pe = class {
 			let t = r.y + r.height * (1 - (e - i.min) * s);
 			h.push({
 				y: t,
-				text: p(e, d)
+				text: p(e, d, this.locale)
 			});
 		}
 		e.font = m, e.textBaseline = "middle", e.textAlign = "left", e.fillStyle = n.axisLabelBackground;
@@ -2315,7 +2319,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 {
+}, B = /* @__PURE__ */ new Date(), ze = (e) => e < 10 ? "0" + e : "" + e, Be = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60, Ve = `UTC${Be >= 0 ? "+" : ""}${Be}`, He = 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 +2329,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);
+			B.setTime(a);
+			let l = B.getDate(), u = B.getMonth() + 1, p = B.getHours(), m = B.getMinutes(), h;
+			l === f ? h = `${ze(p)}:${ze(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(Ve, p, m);
 	}
-}, Be = class {
+}, Ue = class {
 	panHandler = null;
 	zoomHandler = null;
 	crosshairHandler = null;
@@ -2347,6 +2351,7 @@ var Pe = class {
 		y: 0
 	};
 	touchActive = !1;
+	cachedRect = null;
 	constructor(e) {
 		this.element = e;
 	}
@@ -2370,6 +2375,7 @@ var Pe = class {
 	}
 	attach() {
 		let e = () => this.viewportGetter?.() ?? null, t = (t) => {
+			this.invalidateRect();
 			let n = this.getMousePos(t), r = e();
 			this.tradingManager && r && this.tradingManager.onPointerDown(n, r) || this.drawingManager && r && this.drawingManager.onPointerDown(n, r) || this.panHandler?.onPointerDown(n);
 		}, n = (t) => {
@@ -2397,7 +2403,7 @@ var Pe = class {
 			let n = e();
 			this.tradingManager && n && (t.preventDefault(), this.tradingManager.onContextMenu(this.getMousePos(t), n));
 		}, c = (e) => {
-			if (e.preventDefault(), e.touches.length === 1) {
+			if (e.preventDefault(), this.invalidateRect(), e.touches.length === 1) {
 				let t = this.getTouchPos(e.touches[0]);
 				this.panHandler?.onPointerDown(t), this.crosshairHandler?.onPointerMove(t), this.touchActive = !0;
 			} else e.touches.length === 2 && (this.panHandler?.onPointerUp(), this.lastTouchDist = this.getTouchDistance(e.touches[0], e.touches[1]), this.lastTouchMid = this.getTouchMidpoint(e.touches[0], e.touches[1]), this.touchActive = !0);
@@ -2421,22 +2427,28 @@ var Pe = class {
 				let t = this.getTouchPos(e.touches[0]);
 				this.panHandler?.onPointerDown(t);
 			}
-		};
-		this.element.addEventListener("mousedown", t), this.element.addEventListener("mousemove", n), document.addEventListener("mouseup", r), this.element.addEventListener("mouseleave", i), this.element.addEventListener("wheel", a, { passive: !1 }), this.element.addEventListener("contextmenu", s), this.element.addEventListener("touchstart", c, { passive: !1 }), this.element.addEventListener("touchmove", l, { passive: !1 }), this.element.addEventListener("touchend", u), document.addEventListener("keydown", o), this.boundHandlers.push(() => this.element.removeEventListener("mousedown", t), () => this.element.removeEventListener("mousemove", n), () => document.removeEventListener("mouseup", r), () => this.element.removeEventListener("mouseleave", i), () => this.element.removeEventListener("wheel", a), () => this.element.removeEventListener("contextmenu", s), () => this.element.removeEventListener("touchstart", c), () => this.element.removeEventListener("touchmove", l), () => this.element.removeEventListener("touchend", u), () => document.removeEventListener("keydown", o));
+		}, d = () => this.invalidateRect(), f = () => this.invalidateRect();
+		this.element.addEventListener("mousedown", t), this.element.addEventListener("mousemove", n), document.addEventListener("mouseup", r), this.element.addEventListener("mouseleave", i), this.element.addEventListener("wheel", a, { passive: !1 }), this.element.addEventListener("contextmenu", s), this.element.addEventListener("touchstart", c, { passive: !1 }), this.element.addEventListener("touchmove", l, { passive: !1 }), this.element.addEventListener("touchend", u), document.addEventListener("keydown", o), window.addEventListener("resize", d), this.element.addEventListener("scroll", f, { passive: !0 }), this.boundHandlers.push(() => this.element.removeEventListener("mousedown", t), () => this.element.removeEventListener("mousemove", n), () => document.removeEventListener("mouseup", r), () => this.element.removeEventListener("mouseleave", i), () => this.element.removeEventListener("wheel", a), () => this.element.removeEventListener("contextmenu", s), () => this.element.removeEventListener("touchstart", c), () => this.element.removeEventListener("touchmove", l), () => this.element.removeEventListener("touchend", u), () => document.removeEventListener("keydown", o), () => window.removeEventListener("resize", d), () => this.element.removeEventListener("scroll", f));
 	}
 	detach() {
 		for (let e of this.boundHandlers) e();
-		this.boundHandlers = [];
+		this.boundHandlers = [], this.cachedRect = null;
+	}
+	invalidateRect() {
+		this.cachedRect = null;
+	}
+	getRect() {
+		return this.cachedRect ||= this.element.getBoundingClientRect(), this.cachedRect;
 	}
 	getMousePos(e) {
-		let t = this.element.getBoundingClientRect();
+		let t = this.getRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		};
 	}
 	getTouchPos(e) {
-		let t = this.element.getBoundingClientRect();
+		let t = this.getRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
@@ -2446,13 +2458,13 @@ var Pe = class {
 		return Math.hypot(t.clientX - e.clientX, t.clientY - e.clientY);
 	}
 	getTouchMidpoint(e, t) {
-		let n = this.element.getBoundingClientRect();
+		let n = this.getRect();
 		return {
 			x: (e.clientX + t.clientX) / 2 - n.left,
 			y: (e.clientY + t.clientY) / 2 - n.top
 		};
 	}
-}, Ve = class {
+}, We = class {
 	dragging = !1;
 	lastX = 0;
 	lastTime = 0;
@@ -2488,7 +2500,7 @@ var Pe = class {
 	stopMomentum() {
 		this.momentumId &&= (cancelAnimationFrame(this.momentumId), 0);
 	}
-}, He = class {
+}, Ge = class {
 	callback;
 	sensitivity;
 	pendingDelta = 0;
@@ -2507,13 +2519,14 @@ var Pe = class {
 	dispose() {
 		this.rafId &&= (cancelAnimationFrame(this.rafId), 0);
 	}
-}, Ue = class {
+}, Ke = class {
 	position = null;
 	callback = null;
 	data = [];
 	magnetMode = !0;
 	mode = "magnet";
 	pricePrecision = 2;
+	locale = "en-US";
 	pendingBarIndex = null;
 	pendingPoint = null;
 	callbackScheduled = !1;
@@ -2536,6 +2549,9 @@ var Pe = class {
 	setPricePrecision(e) {
 		this.pricePrecision = e;
 	}
+	setLocale(e) {
+		this.locale = e;
+	}
 	getPosition() {
 		return this.position;
 	}
@@ -2554,7 +2570,7 @@ var Pe = class {
 			x: i,
 			y: a
 		}, this.lastCallbackBarIndex = o, this.scheduleCallback()), e.setLineDash([4, 4]), e.strokeStyle = n.crosshair, e.lineWidth = 1, e.beginPath(), e.moveTo(Math.round(i) + .5, r.y), e.lineTo(Math.round(i) + .5, r.y + r.height), e.stroke(), e.beginPath(), e.moveTo(r.x, Math.round(a) + .5), e.lineTo(r.x + r.width, Math.round(a) + .5), e.stroke(), e.setLineDash([]);
-		let s = p(T(a, t), this.pricePrecision), l = r.x + r.width + 1;
+		let s = p(T(a, t), this.pricePrecision, this.locale), l = r.x + r.width + 1;
 		e.fillStyle = n.axisLabelBackground, e.fillRect(l, a - 10, c - 2, 20), e.fillStyle = n.axisLabel, e.font = `${n.font.sizeSmall}px ${n.font.family}`, e.textBaseline = "middle", e.textAlign = "left", e.fillText(s, l + 5, a);
 	}
 	scheduleCallback() {
@@ -2565,7 +2581,7 @@ var Pe = class {
 	flushCallback(e, t) {
 		this.callback?.(e, t);
 	}
-}, We = class {
+}, qe = class {
 	callbacks;
 	enabled = !0;
 	constructor(e) {
@@ -2591,7 +2607,7 @@ var Pe = class {
 			default: return !1;
 		}
 	}
-}, Ge = class {
+}, Je = class {
 	el = null;
 	visible = !1;
 	timeEl;
@@ -2630,8 +2646,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 = Ye(n.background);
+		this.el.style.background = d ? Xe(n.background, .95) : Xe(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 +2672,7 @@ var Pe = class {
 		return document.createElement("span");
 	}
 };
-function Ke(e) {
+function Ye(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 +2684,7 @@ function Ke(e) {
 	}
 	return !0;
 }
-function qe(e, t) {
+function Xe(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 +2693,7 @@ function qe(e, t) {
 }
 //#endregion
 //#region src/events/EventBus.ts
-var Je = class {
+var Ze = class {
 	listeners = /* @__PURE__ */ new Map();
 	tauriBridge = null;
 	on(e, t) {
@@ -2708,7 +2724,7 @@ var Je = class {
 	destroy() {
 		this.listeners.clear(), this.tauriBridge = null;
 	}
-}, W = class {
+}, V = 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 +2779,16 @@ 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 {
+}, Qe = 1;
+function H(e) {
+	return {
+		...e,
+		anchors: e.anchors.map((e) => ({ ...e })),
+		style: { ...e.style },
+		meta: e.meta ? { ...e.meta } : void 0
+	};
+}
+var $e = class {
 	registry = /* @__PURE__ */ new Map();
 	drawings = [];
 	state = "idle";
@@ -2935,7 +2960,7 @@ var Je = class {
 				e && this.undoRedo?.push({
 					type: "drawingModify",
 					before: this.dragBeforeState,
-					after: structuredClone(e)
+					after: H(e)
 				});
 			}
 			return this.state = "selected", this.dragStartPoint = null, this.dragStartAnchors = [], this.dragAnchorIndex = -1, this.dragBeforeState = null, !0;
@@ -2968,7 +2993,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_${Qe++}`, n.anchors = n.anchors.map((e) => ({
 			...e,
 			time: e.time + 3
 		})), n.locked = !1, this.drawings.push(n), this.undoRedo?.push({
@@ -3010,7 +3035,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_${Qe++}`,
 			type: this.activeTool,
 			anchors: [a],
 			style: { ...this.activeStyle },
@@ -3032,8 +3057,8 @@ var Je = class {
 				let r = this.registry.get(n.type);
 				if (r) {
 					let i = r.hitTestAnchor(e, n, t, 8);
-					if (i >= 0) return this.state = "resizing", this.dragAnchorIndex = i, this.dragStartPoint = e, this.dragBeforeState = structuredClone(n), !0;
-					if (r.hitTest(e, n, t, 8)) return this.state = "moving", this.dragStartPoint = e, this.dragStartAnchors = n.anchors.map((e) => ({ ...e })), this.dragBeforeState = structuredClone(n), !0;
+					if (i >= 0) return this.state = "resizing", this.dragAnchorIndex = i, this.dragStartPoint = e, this.dragBeforeState = H(n), !0;
+					if (r.hitTest(e, n, t, 8)) return this.state = "moving", this.dragStartPoint = e, this.dragStartAnchors = n.anchors.map((e) => ({ ...e })), this.dragBeforeState = H(n), !0;
 				}
 			}
 		}
@@ -3061,14 +3086,14 @@ var Je = class {
 			price: T(e.y, t)
 		}, this.requestRender?.(), !0);
 	}
-}, Ze = class {
+}, et = class {
 	constructor(e) {
 		this.manager = e;
 	}
 	render(e, t) {
 		this.manager.render(e, t);
 	}
-}, Qe = class extends W {
+}, tt = class extends V {
 	descriptor = {
 		type: "trendLine",
 		name: "Trend Line",
@@ -3084,7 +3109,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 {
+}, nt = class extends V {
 	descriptor = {
 		type: "horizontalLine",
 		name: "Horizontal Line",
@@ -3100,7 +3125,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 {
+}, rt = class extends V {
 	descriptor = {
 		type: "verticalLine",
 		name: "Vertical Line",
@@ -3116,7 +3141,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 {
+}, it = class extends V {
 	descriptor = {
 		type: "ray",
 		name: "Ray",
@@ -3134,7 +3159,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 {
+}, at = class extends V {
 	descriptor = {
 		type: "extendedLine",
 		name: "Extended Line",
@@ -3152,7 +3177,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 {
+}, ot = class extends V {
 	descriptor = {
 		type: "parallelChannel",
 		name: "Parallel Channel",
@@ -3189,7 +3214,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, it = class extends W {
+}, st = class extends V {
 	descriptor = {
 		type: "regressionChannel",
 		name: "Regression Channel",
@@ -3212,7 +3237,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 +3245,7 @@ var Je = class {
 	.618,
 	.786,
 	1
-], at = class extends W {
+], ct = class extends V {
 	descriptor = {
 		type: "fibRetracement",
 		name: "Fibonacci Retracement",
@@ -3230,13 +3255,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 +3273,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 = [
+}, lt = [
 	0,
 	.618,
 	1,
@@ -3263,7 +3288,7 @@ var Je = class {
 	2.618,
 	3.618,
 	4.236
-], st = class extends W {
+], ut = class extends V {
 	descriptor = {
 		type: "fibExtension",
 		name: "Fibonacci Extension",
@@ -3279,7 +3304,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 lt) {
 			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 +3315,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 lt) {
 			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 {
+}, dt = class extends V {
 	descriptor = {
 		type: "rectangle",
 		name: "Rectangle",
@@ -3314,7 +3339,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 {
+}, ft = class extends V {
 	descriptor = {
 		type: "ellipse",
 		name: "Ellipse",
@@ -3330,7 +3355,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 {
+}, pt = class extends V {
 	descriptor = {
 		type: "triangle",
 		name: "Triangle",
@@ -3356,7 +3381,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, dt = class extends W {
+}, mt = class extends V {
 	descriptor = {
 		type: "pitchfork",
 		name: "Andrews' Pitchfork",
@@ -3392,7 +3417,7 @@ var Je = class {
 		};
 		return this.distanceToInfiniteLine(e, a, u) <= r || this.distanceToInfiniteLine(e, o, d) <= r;
 	}
-}, ft = [
+}, ht = [
 	"1",
 	"2",
 	"3",
@@ -3401,7 +3426,7 @@ var Je = class {
 	"A",
 	"B",
 	"C"
-], pt = class extends W {
+], gt = class extends V {
 	descriptor = {
 		type: "elliottWave",
 		name: "Elliott Wave",
@@ -3413,9 +3438,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 < ht.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(ht[t], i[t].x, i[t].y + n);
 		}
 		r && this.renderAnchorHandles(e, t, n);
 	}
@@ -3425,7 +3450,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 {
+}, _t = class extends V {
 	descriptor = {
 		type: "priceRange",
 		name: "Price Range",
@@ -3443,7 +3468,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 {
+}, vt = class extends V {
 	descriptor = {
 		type: "dateRange",
 		name: "Date Range",
@@ -3461,7 +3486,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 {
+}, yt = class extends V {
 	descriptor = {
 		type: "measure",
 		name: "Measure",
@@ -3483,7 +3508,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 {
+}, bt = class extends V {
 	descriptor = {
 		type: "text",
 		name: "Text",
@@ -3503,7 +3528,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 {
+}, xt = class extends V {
 	descriptor = {
 		type: "arrow",
 		name: "Arrow",
@@ -3521,7 +3546,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 = [
+}, St = [
 	{
 		label: "8x1",
 		ratio: 8
@@ -3558,7 +3583,7 @@ var Je = class {
 		label: "1x8",
 		ratio: .125
 	}
-], bt = class extends W {
+], Ct = class extends V {
 	descriptor = {
 		type: "gannFan",
 		name: "Gann Fan",
@@ -3570,7 +3595,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 St) {
 			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 +3608,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 St) {
 			let n = c * t, a = d, o = i.y + n * (a - i.x);
 			if (this.distanceToLine(e, i, {
 				x: a,
@@ -3592,7 +3617,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, K = [
+}, W = [
 	0,
 	.25,
 	.333,
@@ -3600,7 +3625,7 @@ var Je = class {
 	.667,
 	.75,
 	1
-], xt = class extends W {
+], wt = class extends V {
 	descriptor = {
 		type: "gannBox",
 		name: "Gann Box",
@@ -3611,18 +3636,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 W) {
 				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 W) {
 				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 W) {
 				if (t === 0 || t === 1) continue;
 				let n = c + d * t;
 				e.fillText(`${(t * 100).toFixed(0)}%`, o - 3, n);
@@ -3647,7 +3672,7 @@ var Je = class {
 			y: l
 		}) <= r;
 	}
-}, St = class extends W {
+}, Tt = class extends V {
 	descriptor = {
 		type: "anchoredVWAP",
 		name: "Anchored VWAP",
@@ -3719,7 +3744,7 @@ var Je = class {
 		}
 		return !1;
 	}
-}, Ct = class extends W {
+}, Et = class extends V {
 	descriptor = {
 		type: "volumeProfileRange",
 		name: "Volume Profile (Range)",
@@ -3764,12 +3789,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 Dt(e) {
+	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 ct()), e.register(new ut()), e.register(new dt()), e.register(new ft()), e.register(new pt()), e.register(new mt()), e.register(new gt()), e.register(new _t()), e.register(new vt()), e.register(new yt()), e.register(new bt()), e.register(new xt()), e.register(new Ct()), e.register(new wt()), e.register(new Tt()), e.register(new Et());
 }
 //#endregion
 //#region src/trading/OrderRenderer.ts
-var Tt = class {
+var Ot = 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 +3832,7 @@ var Tt = class {
 		}
 		return null;
 	}
-}, Et = class {
+}, kt = 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 +3865,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 {
+}, At = 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 +3896,7 @@ var Tt = class {
 			e.fillRect(p - o, a - f / 2, o, f);
 		}
 	}
-}, Ot = class {
+}, jt = class {
 	dragState = null;
 	startY = 0;
 	dragging = !1;
@@ -3935,7 +3960,7 @@ var Tt = class {
 	isActive() {
 		return this.dragState !== null;
 	}
-}, kt = class {
+}, Mt = class {
 	menuElement = null;
 	removeHandler = null;
 	onItemSelect = null;
@@ -4019,17 +4044,17 @@ var Tt = class {
 	destroy() {
 		this.hide(), this.onItemSelect = null;
 	}
-}, At = class {
+}, Nt = class {
 	orders = [];
 	positions = [];
 	depthData = null;
 	currentPrice = null;
 	config;
-	orderRenderer = new Tt();
-	positionRenderer = new Et();
-	depthOverlay = new Dt();
+	orderRenderer = new Ot();
+	positionRenderer = new kt();
+	depthOverlay = new At();
 	dragHandler;
-	contextMenu = new kt();
+	contextMenu = new Mt();
 	requestRender = null;
 	eventCallback = null;
 	container = null;
@@ -4037,7 +4062,7 @@ var Tt = class {
 		this.config = {
 			...a,
 			...e
-		}, this.dragHandler = new Ot(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
+		}, this.dragHandler = new jt(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
 			this.eventCallback?.("orderPlace", e);
 		};
 	}
@@ -4098,7 +4123,7 @@ var Tt = class {
 	destroy() {
 		this.contextMenu.destroy();
 	}
-}, jt = class {
+}, Pt = class {
 	constructor(e) {
 		this.manager = e;
 	}
@@ -4108,7 +4133,7 @@ var Tt = class {
 	renderAxisBadges(e, t, n) {
 		this.manager.renderAxisBadges(e, t, n);
 	}
-}, q = class {
+}, G = class {
 	listeners = /* @__PURE__ */ new Map();
 	on(e, t) {
 		let n = this.listeners.get(e);
@@ -4130,7 +4155,7 @@ var Tt = class {
 	removeAllListeners() {
 		this.listeners.clear();
 	}
-}, Mt = class extends q {
+}, Ft = class extends G {
 	currentBar = null;
 	timeframeMs;
 	tickRing;
@@ -4192,7 +4217,7 @@ var Tt = class {
 	alignToTimeframe(e) {
 		return Math.floor(e / this.timeframeMs) * this.timeframeMs;
 	}
-}, J = class extends q {
+}, K = class extends G {
 	config;
 	attempt = 0;
 	timer = null;
@@ -4239,7 +4264,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 {
+}, It = class {
 	price = null;
 	previousClose = null;
 	visible = !0;
@@ -4270,12 +4295,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 {
+}, Lt = class extends G {
 	config = null;
 	adapter = null;
 	aggregator = null;
 	reconnector;
-	priceLine = new Nt();
+	priceLine = new It();
 	state = "disconnected";
 	lastPrice = null;
 	previousClose = null;
@@ -4283,13 +4308,13 @@ var Tt = class {
 	heartbeatTimer = null;
 	lastMessageTime = 0;
 	constructor() {
-		super(), this.reconnector = new J(), this.wireReconnector();
+		super(), this.reconnector = new K(), 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 Ft(e.timeframe), this.reconnector.removeAllListeners(), this.reconnector.stop(), this.reconnector = new K(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);
@@ -4349,20 +4374,28 @@ var Tt = class {
 		});
 	}
 	wireAdapter() {
-		this.adapter && (this.adapter.on("connectionChange", ((e) => {
+		if (!this.adapter) return;
+		let e = this.adapter, t = (e) => {
 			let t = e.data;
 			this.lastMessageTime = Date.now(), t === "connected" ? (this.reconnector.onConnected(), this.setState("connected")) : (t === "disconnected" || t === "error") && this.reconnector.schedule(() => this.doConnect());
-		})), this.adapter.on("tick", ((e) => {
+		};
+		e.on("connectionChange", t), this.unsubscribers.push(() => e.off("connectionChange", t));
+		let n = (e) => {
 			this.lastMessageTime = Date.now();
 			let t = e.data;
 			this.emit("tick", t), this.config?.aggregateTicks && this.aggregator ? this.aggregator.processTick(t) : this.updatePrice(t.price);
-		})), this.adapter.on("bar", ((e) => {
+		};
+		e.on("tick", n), this.unsubscribers.push(() => e.off("tick", n));
+		let r = (e) => {
 			this.lastMessageTime = Date.now();
 			let { bar: t, closed: n } = e.data;
 			this.aggregator && this.aggregator.processBar(t, n);
-		})), this.adapter.on("error", ((e) => {
+		};
+		e.on("bar", r), this.unsubscribers.push(() => e.off("bar", r));
+		let i = (e) => {
 			this.emit("error", { message: e.data?.message ?? "Adapter error" });
-		})));
+		};
+		e.on("error", i), this.unsubscribers.push(() => e.off("error", i));
 	}
 	updatePrice(e) {
 		e !== this.lastPrice && (this.lastPrice = e, this.priceLine.setPrice(e, this.previousClose ?? void 0), this.emit("priceChange", {
@@ -4391,7 +4424,7 @@ var Tt = class {
 	dispose() {
 		this.disconnect(), this.removeAllListeners();
 	}
-}, Ft = {
+}, Rt = {
 	"1s": "1s",
 	"1m": "1m",
 	"3m": "3m",
@@ -4408,7 +4441,7 @@ var Tt = class {
 	"3d": "3d",
 	"1w": "1w",
 	"1M": "1M"
-}, It = class {
+}, zt = class {
 	name = "binance";
 	ws = null;
 	state = "disconnected";
@@ -4429,7 +4462,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 = Rt[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 +4485,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_${Rt[this.config.timeframe] ?? "15m"}`, t = `${this.wsBase}/${e}`;
 		this.setState("connecting");
 		try {
 			this.ws = new WebSocket(t);
@@ -4505,7 +4538,7 @@ var Tt = class {
 			for (let e of n) e(r);
 		}
 	}
-}, Lt = class {
+}, Bt = class {
 	name = "mock";
 	state = "disconnected";
 	listeners = /* @__PURE__ */ new Map();
@@ -4600,7 +4633,7 @@ var Tt = class {
 			for (let e of n) e(r);
 		}
 	}
-}, Rt = {
+}, Vt = {
 	visible: !0,
 	showSymbol: !0,
 	showOHLC: !0,
@@ -4608,8 +4641,8 @@ var Tt = class {
 	showVolume: !0,
 	position: "top-left",
 	fontSize: 12
-}, zt = class {
-	config = { ...Rt };
+}, Ht = class {
+	config = { ...Vt };
 	symbol = "";
 	timeframe = "";
 	hoverBar = null;
@@ -4696,7 +4729,7 @@ var Tt = class {
 			}
 		}
 	}
-}, Bt = class {
+}, Ut = class {
 	static toDataURL(e, t) {
 		let n = e.querySelectorAll("canvas");
 		if (n.length === 0) return "";
@@ -4718,7 +4751,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 {
+}, Wt = class {
 	config = null;
 	setConfig(e) {
 		this.config = e;
@@ -4728,7 +4761,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 {
+}, Gt = class {
 	visible = !0;
 	timeframeMs = 0;
 	setVisible(e) {
@@ -4751,7 +4784,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 {
+}, Kt = class {
 	config = { visible: !1 };
 	cachedBreaks = [];
 	lastDataLength = 0;
@@ -4795,7 +4828,7 @@ var Tt = class {
 	invalidateCache() {
 		this.lastDataLength = 0, this.cachedBreaks = [];
 	}
-}, Wt = 1, Gt = class extends q {
+}, qt = 1, Jt = class extends G {
 	alerts = [];
 	lastPrice = null;
 	requestRender = null;
@@ -4807,7 +4840,7 @@ var Tt = class {
 		this.pricePrecision = e;
 	}
 	addAlert(e, t = "crossing", n, r = !1) {
-		let i = `tc_alert_${Wt++}`, a = {
+		let i = `tc_alert_${qt++}`, a = {
 			id: i,
 			price: e,
 			condition: t,
@@ -4887,7 +4920,7 @@ var Tt = class {
 			e.fillText(s, r.x + r.width - 4, a - 2);
 		}
 	}
-}, Kt = class extends q {
+}, Yt = class extends G {
 	data = [];
 	currentIndex = 0;
 	timer = null;
@@ -4941,10 +4974,10 @@ var Tt = class {
 	dispose() {
 		this.stop(), this.removeAllListeners(), this.data = [];
 	}
-}, Y = 1, qt = class {
+}, q = 1, Xt = class {
 	static capture(e, t) {
 		return {
-			version: Y,
+			version: q,
 			timestamp: Date.now(),
 			chartType: t?.chartType ?? "candlestick",
 			symbol: t?.symbol,
@@ -4967,7 +5000,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 !== q && console.warn(`Chart state version mismatch: ${t.version} vs ${q}`), t;
 	}
 	static saveToStorage(e, t) {
 		localStorage.setItem(e, this.serialize(t));
@@ -4994,7 +5027,7 @@ var Tt = class {
 			}, n.click();
 		});
 	}
-}, Jt = class {
+}, Zt = class {
 	undoStack = [];
 	redoStack = [];
 	maxHistory = 50;
@@ -5030,7 +5063,7 @@ var Tt = class {
 			redoCount: this.redoStack.length
 		};
 	}
-}, Yt = class {
+}, Qt = 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 +5081,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 = {
+}, $t = {
 	linear: (e) => e,
 	easeOutCubic: (e) => 1 - (1 - e) ** 3,
 	easeOutQuart: (e) => 1 - (1 - e) ** 4,
@@ -5056,7 +5089,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 {
+}, en = class {
 	animations = /* @__PURE__ */ new Map();
 	frameId = 0;
 	running = !1;
@@ -5064,7 +5097,7 @@ var Tt = class {
 		this.animations.set(e, {
 			startTime: -1,
 			duration: t.duration,
-			easing: t.easing ?? Xt.easeOutCubic,
+			easing: t.easing ?? $t.easeOutCubic,
 			onUpdate: t.onUpdate,
 			onComplete: t.onComplete
 		}), this.running || (this.running = !0, this.tick());
@@ -5099,10 +5132,10 @@ var Tt = class {
 };
 //#endregion
 //#region src/finance/BaseFinanceChart.ts
-function Qt(t) {
+function tn(t) {
 	return !t || t === "dark" ? e : t === "light" ? o : t;
 }
-var $t = class {
+var nn = class {
 	canvas;
 	ctx;
 	container;
@@ -5113,12 +5146,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 = tn(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 +5161,12 @@ var $t = class {
 		}));
 	}
 	setTheme(e) {
-		this.theme = Qt(e), this.requestRender();
+		this.theme = tn(e), this.requestRender();
 	}
 	destroy() {
 		this.frameId !== null && cancelAnimationFrame(this.frameId), this.resizeObserver.disconnect(), this.canvas.remove();
 	}
-}, en = class {
+}, rn = class {
 	pos = null;
 	canvas;
 	onUpdate;
@@ -5163,7 +5198,7 @@ var $t = class {
 };
 //#endregion
 //#region src/finance/SparklineRenderer.ts
-function tn(e, t, n, r, i) {
+function an(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 +5223,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 on = 50, sn = 60, J = 20, cn = .2;
+function ln(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 +5232,7 @@ function on(e) {
 	});
 	return n;
 }
-function sn(e) {
+function un(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 +5240,20 @@ function sn(e) {
 	});
 	return n;
 }
-function cn(e, t) {
+function dn(e, t) {
 	return {
-		left: nn,
-		right: e - rn,
-		top: X,
-		bottom: t - X,
-		plotWidth: e - nn - rn,
-		plotHeight: t - X * 2
+		left: on,
+		right: e - sn,
+		top: J,
+		bottom: t - J,
+		plotWidth: e - on - sn,
+		plotHeight: t - J * 2
 	};
 }
-function ln(e, t, n, r) {
+function fn(e, t, n, r) {
 	e.fillStyle = r, e.fillRect(0, 0, t, n);
 }
-function un(e, t, n, r, i, a, o, s) {
+function pn(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 +5268,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 mn(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 +5301,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 hn(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 gn(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 +5334,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 _n(e) {
 	return e.toFixed(2);
 }
-function hn(e) {
+function vn(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 yn(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 ?? _n, m = r.volumeFormat ?? vn, h = ln(o.bids), g = un(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 + cn), 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 = dn(t, n);
+	fn(e, t, n, i.background), pn(e, A, w, T, k, i, p, m), mn(e, h, A, w, E, k, l, s, "bid"), mn(e, g, A, w, E, k, u, c, "ask"), d && hn(e, y, b, A, w, E, i, f, p), a && gn(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 bn = 70, xn = 30, Sn = 20, Cn = 20, wn = .05;
+function Tn(e, t) {
 	return {
-		left: _n,
-		right: e - yn,
-		top: bn,
-		bottom: t - vn,
-		plotWidth: e - _n - yn,
-		plotHeight: t - bn - vn
+		left: bn,
+		right: e - Sn,
+		top: Cn,
+		bottom: t - xn,
+		plotWidth: e - bn - Sn,
+		plotHeight: t - Cn - xn
 	};
 }
-function Cn(e, t) {
+function En(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) * wn;
 	return {
 		valMin: n - i,
 		valMax: r + i
 	};
 }
-function wn(e) {
+function Dn(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 On(e) {
 	let t = 864e5;
 	if (365.25 * t, e < 7 * t) {
 		let e = new Intl.DateTimeFormat(void 0, {
@@ -5361,13 +5396,13 @@ function Tn(e) {
 	});
 	return (e) => n.format(new Date(e));
 }
-function En(e) {
+function kn(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 An(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 jn(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 +5417,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 Mn(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 Nn(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 Pn(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 +5439,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 Fn(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 In(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 +5462,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 Ln(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 ?? kn, { valMin: g, valMax: _ } = En(o, f), v = _ - g || 1, y = o[0].time, b = o[o.length - 1].time, x = b - y || 1, S = r.timeFormat ?? On(x), C = Tn(t, n);
+	An(e, t, n, i.background), jn(e, C, g, _, y, b, i, h, S), l && Pn(e, o, Dn(o), C, y, x, g, v, u), d && Nn(e, o, C, y, x, g, v, s), Mn(e, o, C, y, x, g, v, s, c), f && f.length >= 2 && (Mn(e, f, C, y, x, g, v, p, 1), Fn(e, f, C, y, x, g, v, m, p, i)), a && In(e, a, o, f, C, y, x, g, v, i, S, h);
 }
 //#endregion
 //#region src/finance/HeatmapLayout.ts
-function Pn(e, t, n) {
+function Rn(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 +5487,7 @@ function Pn(e, t, n) {
 	}
 	return c;
 }
-function Fn(e, t) {
+function zn(e, t) {
 	let n = e.reduce((e, t) => e + t, 0);
 	if (n === 0 || t === 0) return Infinity;
 	let r = 0;
@@ -5462,7 +5497,7 @@ function Fn(e, t) {
 	}
 	return r;
 }
-function Q(e, t, n, r, i, a) {
+function Y(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 +5517,19 @@ function Q(e, t, n, r, i, a) {
 		}), l += s;
 	}
 }
-function In(e, t, n, r, i) {
+function Bn(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);
+		Y(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 || zn(u, o) <= zn(s, o)) s.push(e[l]), c.push(t[l]), l++;
 		else {
-			Q(s, c, n, a, r, i);
+			Y(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 +5541,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);
+			}, Bn(e.slice(l), t.slice(l), n, r, i);
 			return;
 		}
 	}
-	s.length > 0 && Q(s, c, n, a, r, i);
+	s.length > 0 && Y(s, c, n, a, r, i);
 }
-function Ln(e, t, n) {
+function Vn(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 Bn(o, s, { ...t }, n, c), c;
 }
 //#endregion
 //#region src/finance/HeatmapRenderer.ts
-function Rn(e) {
+function Hn(e) {
 	return (e >= 0 ? "+" : "") + e.toFixed(2) + "%";
 }
-function zn(e) {
+function Un(e) {
 	return e.label;
 }
-function Bn(e, t) {
+function Wn(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 +5573,11 @@ function Bn(e, t) {
 	let i = e / r;
 	return m(t.zero, t.positive, i);
 }
-function $(e, t, n, r, i, a) {
+function X(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 Gn(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 +5590,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 Kn(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, X(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 qn(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 ?? Hn, p = a.labelFormat ?? Un, 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 +5626,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 = Wn(n.value, c);
+		X(e, r, i, a, s, l), e.fillStyle = g, e.fill(), Gn(e, n, r, i, a, s, o, u, d, p, f), t.id === h && (X(e, r, i, a, s, l), e.strokeStyle = "#FFFFFF", e.lineWidth = 1.5, e.stroke());
+	}
+	return g && s && Kn(e, g.cell, s, t, n, o, p, f), g;
+}
+//#endregion
+//#region src/finance/WaterfallRenderer.ts
+var Jn = 60, Z = 12, Yn = 24, Xn = 40, Zn = .7, Qn = 1;
+function $n(e) {
+	return e.type ? e.type : e.value > 0 ? "positive" : e.value < 0 ? "negative" : "subtotal";
+}
+function er(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 tr(e, t) {
+	return {
+		left: Jn,
+		right: e - Z,
+		top: Yn,
+		bottom: t - Xn,
+		plotWidth: e - Jn - Z,
+		plotHeight: t - Yn - Xn
+	};
+}
+function nr(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 = $n(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), Qn), 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 rr(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 = $n(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 ir(e, t, n, r) {
+	e.fillStyle = r, e.fillRect(0, 0, t, n);
+}
+function ar(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 or(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 sr(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 cr(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 lr(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;
+	}
+	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 ur(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 dr(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 fr(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 ?? Zn, m = r.showValues !== !1, h = r.showDelta !== !1, g = r.valueFormat ?? er, _ = r.labelFormat ?? ((e) => e), { valMin: v, valMax: y } = rr(o), b = y - v || 1, x = tr(t, n), { bars: S, cumulatives: C } = nr(o, x, p, v, b);
+	ir(e, t, n, i.background), ar(e, x, v, y, i, g), sr(e, S, x, v, b, d, f), or(e, S, {
+		positive: s,
+		negative: c,
+		total: l,
+		subtotal: u
+	}), m && cr(e, S, C, i, g, h), lr(e, S, x, i, _);
+	let w = a ? ur(S, a.x, x) : null;
+	return a && w !== null && dr(e, S, C, w, a, x, i, g), { hitBar: w };
+}
+//#endregion
+//#region src/finance/GaugeRenderer.ts
+var pr = Math.PI / 180, mr = 135, hr = 405, gr = .25;
+function _r(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 vr(e, t, n) {
+	let r = n.min ?? 0, i = n.max ?? 100, a = i - r || 1, o = (n.startAngle ?? mr) * pr, s = (n.endAngle ?? hr) * pr, c = n.thickness ?? gr, 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 yr(e, t, n, r) {
+	e.fillStyle = r, e.fillRect(0, 0, t, n);
+}
+function br(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 xr(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 Sr(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 Cr(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 wr(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 Tr(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 Er(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);
 	}
-	return g && s && Hn(e, g.cell, s, t, n, o, p, f), g;
+}
+function Dr(e, t, n, r, i, a) {
+	if (t <= 0 || n <= 0) return;
+	let o = vr(t, n, r), s = r.trackColor ?? i.grid, c = r.needleColor ?? i.text, l = r.showValue !== !1, u = r.showZoneLabels === !0, d = r.valueFormat ?? _r, f = Q(a, o.min, o.max);
+	yr(e, t, n, i.background), br(e, o, s);
+	let p = r.zones;
+	if (p && p.length > 0) for (let t = 0; t < p.length; t++) xr(e, o, p[t]);
+	Sr(e, o, f, c, .12), Cr(e, o, f, c), l && wr(e, o, d(f), r.label, i), Tr(e, o, d, i), u && p && p.length > 0 && Er(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 { je as ADXIndicator, Ae as ATRIndicator, Pe as AccumulationDistributionIndicator, Jt as AlertManager, Tt as AnchoredVWAPTool, en as Animator, te as AreaRenderer, P as AroonIndicator, xt as ArrowTool, Gt as BarCountdown, ne as BarRenderer, nn as BaseFinanceChart, ie as BaselineRenderer, zt as BinanceAdapter, be as BollingerBandsIndicator, M as CCIIndicator, L as CMFIndicator, A as CandlestickRenderer, v as CanvasLayer, Ht as ChartLegend, Xt as ChartStateManager, le as CompareRenderer, Ke as CrosshairHandler, Je as CrosshairTooltip, It as CurrentPriceLine, Vt as DEFAULT_LEGEND_CONFIG, x as DPRManager, Qt as DataExporter, vt as DateRangeTool, At as DepthOverlay, Ee as DonchianChannelIndicator, V as DrawingBase, $e as DrawingManager, et as DrawingRenderer, ye as EMAIndicator, $t as Easing, gt as ElliottWaveTool, ft as EllipseTool, G as Emitter, Ze as EventBus, at as ExtendedLineTool, ut as FibExtensionTool, ct as FibRetracementTool, rn as FinanceCrosshair, wt as GannBoxTool, Ct as GannFanTool, Le as GridRenderer, re as HollowCandleRenderer, nt as HorizontalLineTool, Se as IchimokuIndicator, j as IndicatorBase, _e as IndicatorEngine, Ue as InteractionManager, oe as KagiRenderer, Te as KeltnerChannelIndicator, qe as KeyboardHandler, y as LayerManager, ee as LineRenderer, Oe as MACDIndicator, N as MFIIndicator, yt as MeasureTool, Bt as MockAdapter, Me as OBVIndicator, Ot as OrderRenderer, We as PanHandler, Ce as ParabolicSARIndicator, ot as ParallelChannelTool, mt as PitchforkTool, se as PointAndFigureRenderer, kt as PositionRenderer, Re as PriceAxis, _t as PriceRangeTool, F as ROCIndicator, De as RSIIndicator, it as RayTool, K as ReconnectManager, dt as RectangleTool, st as RegressionChannelTool, D as RenderEngine, b as RenderLoop, ae as RenkoRenderer, Yt as ReplayManager, ve as SMAIndicator, Ut as Screenshot, Kt as SessionBreaks, R as StdDevIndicator, ke as StochasticIndicator, Lt as StreamManager, we as SupertrendIndicator, I as TSIIndicator, bt as TextAnnotationTool, Ft as TickAggregator, He as TimeAxis, Mt as TradingContextMenu, jt as TradingDragHandler, Nt as TradingManager, Pt as TradingRenderer, tt as TrendLineTool, pt as TriangleTool, Zt as UndoRedoManager, Fe as VROCIndicator, xe as VWAPIndicator, rt as VerticalLineTool, O as Viewport, z as VolumeProfileIndicator, Et as VolumeProfileRangeTool, ce as VolumeRenderer, Wt as Watermark, Ne as WilliamsRIndicator, Ge as ZoomHandler, S as barIndexToX, k as getVisibleData, Vn as layoutSquarifiedTreemap, Rn as layoutUniformGrid, C as priceToY, Dt as registerBuiltInDrawingTools, Ie as registerBuiltInIndicators, yn as renderDepthChart, Ln as renderEquityCurve, Dr as renderGauge, qn as renderHeatmap, an as renderSparkline, fr 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