@tradecanvas/core 0.1.2 → 0.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { DEFAULT_BAR_SPACING as e, DEFAULT_BAR_WIDTH as t, DEFAULT_RECONNECT as n, DEFAULT_STREAM_CONFIG as r, DEFAULT_TRADING_CONFIG as i, LayerType as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, clamp as c, computePriceRange as l, computeTickStep as u, formatPrice as d, sliceVisibleData as f, timeframeToMs as p, withAlpha as m } from "@tradecanvas/commons";
+import { DARK_THEME as e, DEFAULT_BAR_SPACING as t, DEFAULT_BAR_WIDTH as n, DEFAULT_RECONNECT as r, DEFAULT_STREAM_CONFIG as i, DEFAULT_TRADING_CONFIG as a, LIGHT_THEME as o, LayerType as s, PRICE_AXIS_WIDTH as c, TIME_AXIS_HEIGHT as l, clamp as u, computePriceRange as d, computeTickStep as f, formatPrice as p, lerpColor as m, sliceVisibleData as h, timeframeToMs as g, withAlpha as _ } from "@tradecanvas/commons";
 //#region src/engine/CanvasLayer.ts
-var h = class {
+var v = class {
 	canvas;
 	ctx;
 	dpr = 1;
@@ -24,7 +24,7 @@ var h = class {
 	destroy() {
 		this.canvas.remove();
 	}
-}, g = class {
+}, y = class {
 	layers = /* @__PURE__ */ new Map();
 	constructor(e) {
 		this.container = e;
@@ -32,11 +32,11 @@ var h = class {
 	createLayers() {
 		this.destroy();
 		for (let e of [
-			a.Background,
-			a.Main,
-			a.Overlay,
-			a.UI
-		]) this.layers.set(e, new h(this.container, e));
+			s.Background,
+			s.Main,
+			s.Overlay,
+			s.UI
+		]) this.layers.set(e, new v(this.container, e));
 	}
 	getLayer(e) {
 		return this.layers.get(e);
@@ -48,7 +48,7 @@ var h = class {
 		for (let e of this.layers.values()) e.destroy();
 		this.layers.clear();
 	}
-}, _ = class {
+}, b = class {
 	animFrameId = 0;
 	running = !1;
 	dirtyLayers = /* @__PURE__ */ new Set();
@@ -61,7 +61,7 @@ var h = class {
 		this.dirtyLayers.add(e), this.running && !this.animFrameId && this.scheduleFrame();
 	}
 	markAllDirty() {
-		this.dirtyLayers.add(a.Background), this.dirtyLayers.add(a.Main), this.dirtyLayers.add(a.Overlay), this.dirtyLayers.add(a.UI), this.running && !this.animFrameId && this.scheduleFrame();
+		this.dirtyLayers.add(s.Background), this.dirtyLayers.add(s.Main), this.dirtyLayers.add(s.Overlay), this.dirtyLayers.add(s.UI), this.running && !this.animFrameId && this.scheduleFrame();
 	}
 	start() {
 		this.running = !0, this.markAllDirty();
@@ -77,7 +77,7 @@ var h = class {
 			}
 		});
 	}
-}, v = class {
+}, x = class {
 	observer = null;
 	callback = null;
 	currentDpr = 1;
@@ -120,10 +120,10 @@ var h = class {
 };
 //#endregion
 //#region src/viewport/ScaleMapping.ts
-function y(e, t) {
+function S(e, t) {
 	return e * (t.barWidth + t.barSpacing) - t.offset + t.chartRect.x + t.barWidth / 2;
 }
-function b(e, t) {
+function C(e, t) {
 	let { min: n, max: r } = t.priceRange;
 	if (t.logScale && n > 0 && r > 0) {
 		let i = Math.log(n), a = Math.log(r) - i;
@@ -136,11 +136,11 @@ function b(e, t) {
 	let a = (e - n) / i;
 	return t.chartRect.y + t.chartRect.height * (1 - a);
 }
-function x(e, t) {
+function w(e, t) {
 	let n = t.barWidth + t.barSpacing;
 	return Math.round((e - t.chartRect.x - t.barWidth / 2 + t.offset) / n);
 }
-function S(e, t) {
+function T(e, t) {
 	let { min: n, max: r } = t.priceRange, i = 1 - (e - t.chartRect.y) / t.chartRect.height;
 	if (t.logScale && n > 0 && r > 0) {
 		let e = Math.log(n);
@@ -148,7 +148,7 @@ function S(e, t) {
 	}
 	return n + (r - n) * i;
 }
-function C(e, t) {
+function E(e, t) {
 	if (t.length === 0) return -1;
 	if (e <= t[0].time) return 0;
 	if (e >= t[t.length - 1].time) return t.length - 1;
@@ -165,7 +165,7 @@ function C(e, t) {
 }
 //#endregion
 //#region src/engine/RenderEngine.ts
-var w = class {
+var D = class {
 	layerManager;
 	renderLoop;
 	dprManager;
@@ -176,14 +176,14 @@ var w = class {
 	uiLayer;
 	onContainerResize = null;
 	constructor(e) {
-		this.layerManager = new g(e), this.renderLoop = new _(), this.dprManager = new v(e), this.layerManager.createLayers(), this.cacheLayerRefs(), this.renderLoop.setCallback((e) => this.render(e)), this.dprManager.onResize((e, t) => {
+		this.layerManager = new y(e), this.renderLoop = new b(), this.dprManager = new x(e), this.layerManager.createLayers(), this.cacheLayerRefs(), this.renderLoop.setCallback((e) => this.render(e)), this.dprManager.onResize((e, t) => {
 			this.layerManager.resize(e, t), this.renderLoop.markAllDirty(), this.onContainerResize?.(e);
 		});
 		let t = this.dprManager.getContainerSize(), n = this.dprManager.getDpr();
 		this.layerManager.resize(t, n);
 	}
 	cacheLayerRefs() {
-		this.bgLayer = this.layerManager.getLayer(a.Background), this.mainLayer = this.layerManager.getLayer(a.Main), this.overlayLayer = this.layerManager.getLayer(a.Overlay), this.uiLayer = this.layerManager.getLayer(a.UI);
+		this.bgLayer = this.layerManager.getLayer(s.Background), this.mainLayer = this.layerManager.getLayer(s.Main), this.overlayLayer = this.layerManager.getLayer(s.Overlay), this.uiLayer = this.layerManager.getLayer(s.UI);
 	}
 	setRenderContext(e) {
 		this.renderCtx = e;
@@ -202,7 +202,7 @@ var w = class {
 		if (!t) return;
 		let { viewport: n, theme: r, data: i } = t;
 		if (!(n.chartRect.width <= 0 || n.chartRect.height <= 0)) {
-			if (e.has(a.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(a.Main) && this.mainLayer) {
+			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();
 				let e = this.mainLayer.ctx;
 				e.save(), e.beginPath(), e.rect(n.chartRect.x, n.chartRect.y, n.chartRect.width, n.chartRect.height), e.clip(), t.volumeRenderer?.render(e, i, n, r), t.chartRenderer?.render(e, i, n, r), t.compareRenderer?.render(e, i, n, r), t.indicatorEngine?.renderOverlays(e, n), e.restore();
@@ -218,7 +218,7 @@ var w = class {
 					}
 				}
 			}
-			if (e.has(a.Overlay) && this.overlayLayer) {
+			if (e.has(s.Overlay) && this.overlayLayer) {
 				this.overlayLayer.clear();
 				let e = this.overlayLayer.ctx;
 				t.priceLimits && this.renderPriceLimits(e, n, r, t.priceLimits), t.drawingRenderer?.render(e, n), t.tradingRenderer?.render(e, n, r), t.crosshairHandler?.render(e, n, r);
@@ -226,43 +226,43 @@ var w = class {
 				if (i && t.panels.length > 0) for (let n of t.panels) {
 					let a = n.rect;
 					if (i.x >= a.x && i.x <= a.x + a.width && i.y >= a.y && i.y <= a.y + a.height) {
-						let o = n.viewport, s = i.x, c = x(s, o);
-						s = y(Math.max(0, Math.min((t.data?.length ?? 1) - 1, Math.round(c))), o), e.save(), e.beginPath(), e.rect(a.x, a.y, a.width, a.height), e.clip(), e.setLineDash([4, 4]), e.strokeStyle = r.crosshair, e.lineWidth = 1, e.beginPath(), e.moveTo(Math.round(s) + .5, a.y), e.lineTo(Math.round(s) + .5, a.y + a.height), e.stroke(), e.beginPath(), e.moveTo(a.x, Math.round(i.y) + .5), e.lineTo(a.x + a.width, Math.round(i.y) + .5), e.stroke(), e.setLineDash([]), e.restore();
+						let o = n.viewport, s = i.x, c = w(s, o);
+						s = S(Math.max(0, Math.min((t.data?.length ?? 1) - 1, Math.round(c))), o), e.save(), e.beginPath(), e.rect(a.x, a.y, a.width, a.height), e.clip(), e.setLineDash([4, 4]), e.strokeStyle = r.crosshair, e.lineWidth = 1, e.beginPath(), e.moveTo(Math.round(s) + .5, a.y), e.lineTo(Math.round(s) + .5, a.y + a.height), e.stroke(), e.beginPath(), e.moveTo(a.x, Math.round(i.y) + .5), e.lineTo(a.x + a.width, Math.round(i.y) + .5), e.stroke(), e.setLineDash([]), e.restore();
 						break;
 					}
 				}
 			}
-			if (e.has(a.UI) && this.uiLayer) {
+			if (e.has(s.UI) && this.uiLayer) {
 				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, s = `${r.font.sizeSmall}px ${r.font.family}`, c;
+					let n = t.crosshairHandler?.getPosition(), a = t.indicatorEngine, o = `${r.font.sizeSmall}px ${r.font.family}`, s;
 					if (a) {
 						let e = a.getPanelIndicators();
-						c = /* @__PURE__ */ new Map();
-						for (let t of e) c.set(t.instanceId, t);
+						s = /* @__PURE__ */ new Map();
+						for (let t of e) s.set(t.instanceId, t);
 					}
 					for (let l of t.panels) {
-						let t = l.viewport, f = l.rect, { min: p, max: m } = t.priceRange;
-						if (m - p <= 0 || f.height <= 0) continue;
-						let h = f.x + f.width, g = t.chartRect;
-						e.strokeStyle = r.axisLine, e.lineWidth = 1, e.beginPath(), e.moveTo(h + .5, f.y), e.lineTo(h + .5, f.y + f.height), e.stroke();
-						let _ = u(p, m, 4), v = Math.ceil(p / _) * _, y = _ < 1 ? Math.ceil(-Math.log10(_)) + 1 : +(_ < 10);
-						e.font = s, e.textBaseline = "middle", e.textAlign = "left";
+						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 += _) {
-							let i = b(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(d(n, y), h + 6, i));
+							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));
 						}
-						if (n && n.x >= f.x && n.x <= f.x + f.width && n.y >= f.y && n.y <= f.y + f.height) {
-							let i = d(S(n.y, t), y);
+						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);
 							e.font = `bold ${r.font.sizeSmall}px ${r.font.family}`;
-							let a = e.measureText(i).width, s = Math.min(a + 10, o - 2);
-							e.fillStyle = r.crosshair, e.fillRect(h + 1, n.y - 9, s, 18), e.fillStyle = r.background, e.textBaseline = "middle", e.textAlign = "left", e.fillText(i, h + 5, n.y);
+							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);
 						}
 						if (n && a) {
-							let o = x(n.x, t), u = Math.max(0, Math.min((i?.length ?? 1) - 1, Math.round(o))), d = a.getOutput(l.instanceId);
-							if (d?.series && u < d.series.length) {
-								let t = d.series[u];
+							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 (t) {
 									let n = [];
 									for (let e in t) {
@@ -270,8 +270,8 @@ var w = class {
 										r !== void 0 && n.push(`${e}: ${r.toFixed(y)}`);
 									}
 									if (n.length > 0) {
-										let t = c?.get(l.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("  "), f.x + i, f.y + 6);
+										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);
 									}
 								}
 							}
@@ -298,25 +298,25 @@ var w = class {
 				color: r.colors?.reference ?? "#FFD700",
 				label: "REF"
 			}
-		], s = `bold 9px ${n.font.family}`, c = `10px ${n.font.family}`;
+		], o = `bold 9px ${n.font.family}`, s = `10px ${n.font.family}`;
 		for (let { price: n, color: r, label: l } of a) {
-			let a = b(n, t);
+			let a = C(n, t);
 			if (a < i.y || a > i.y + i.height) continue;
-			e.setLineDash([8, 4]), e.strokeStyle = r, e.lineWidth = 1, e.beginPath(), e.moveTo(i.x, Math.round(a) + .5), e.lineTo(i.x + i.width, Math.round(a) + .5), e.stroke(), e.setLineDash([]), e.font = s, e.fillStyle = r, e.textBaseline = "bottom", e.textAlign = "left", e.fillText(`${l} ${n.toFixed(2)}`, i.x + 4, a - 2);
+			e.setLineDash([8, 4]), e.strokeStyle = r, e.lineWidth = 1, e.beginPath(), e.moveTo(i.x, Math.round(a) + .5), e.lineTo(i.x + i.width, Math.round(a) + .5), e.stroke(), e.setLineDash([]), e.font = o, e.fillStyle = r, e.textBaseline = "bottom", e.textAlign = "left", e.fillText(`${l} ${n.toFixed(2)}`, i.x + 4, a - 2);
 			let u = i.x + i.width + 1;
-			e.fillStyle = r, e.fillRect(u, a - 7, o - 2, 14), e.fillStyle = "#000", e.font = c, e.textBaseline = "middle", e.textAlign = "left", e.fillText(n.toFixed(2), u + 4, a);
+			e.fillStyle = r, e.fillRect(u, a - 7, c - 2, 14), e.fillStyle = "#000", e.font = s, e.textBaseline = "middle", e.textAlign = "left", e.fillText(n.toFixed(2), u + 4, a);
 		}
 	}
 	destroy() {
 		this.renderLoop.stop(), this.dprManager.destroy(), this.layerManager.destroy();
 	}
-}, T = class {
+}, O = class {
 	state;
 	dataLength = 0;
 	minBarWidth;
 	maxBarWidth;
 	rightMarginBars;
-	constructor(n, r, i = 2, a = 30, o = 5) {
+	constructor(e, r, i = 2, a = 30, o = 5) {
 		this.minBarWidth = i, this.maxBarWidth = a, this.rightMarginBars = o, this.state = {
 			visibleRange: {
 				from: 0,
@@ -326,10 +326,10 @@ var w = class {
 				min: 0,
 				max: 1
 			},
-			barWidth: t,
-			barSpacing: e,
+			barWidth: n,
+			barSpacing: t,
 			offset: 0,
-			chartRect: this.computeChartRect(n, r)
+			chartRect: this.computeChartRect(e, r)
 		};
 	}
 	getState() {
@@ -356,8 +356,8 @@ var w = class {
 		return {
 			x: 0,
 			y: 0,
-			width: Math.max(0, e - o),
-			height: Math.max(0, t - s)
+			width: Math.max(0, e - c),
+			height: Math.max(0, t - l)
 		};
 	}
 	resize(e, t) {
@@ -372,7 +372,7 @@ var w = class {
 		}, this.clampOffset(), this.updateVisibleRange();
 	}
 	updateData(e, t) {
-		this.dataLength = e.length, this.dataLength !== 0 && (this.clampOffset(), this.updateVisibleRange(), t && (this.state.priceRange = l(e, this.state.visibleRange.from, Math.min(this.state.visibleRange.to, this.dataLength - 1), .08)));
+		this.dataLength = e.length, this.dataLength !== 0 && (this.clampOffset(), this.updateVisibleRange(), t && (this.state.priceRange = d(e, this.state.visibleRange.from, Math.min(this.state.visibleRange.to, this.dataLength - 1), .08)));
 	}
 	setPriceRange(e, t) {
 		this.state.priceRange = {
@@ -392,7 +392,7 @@ var w = class {
 		this.state.offset = n - this.state.chartRect.width + t, this.updateVisibleRange();
 	}
 	zoom(e, t) {
-		let n = this.state.barWidth, r = c(n * (1 + e), this.minBarWidth, this.maxBarWidth);
+		let n = this.state.barWidth, r = u(n * (1 + e), this.minBarWidth, this.maxBarWidth);
 		if (r === n) return;
 		let i = this.state.barWidth + this.state.barSpacing, a = (this.state.offset + t) / i;
 		this.state.barWidth = r;
@@ -402,7 +402,7 @@ var w = class {
 	clampOffset() {
 		if (this.state.chartRect.width <= 0) return;
 		let e = this.state.barWidth + this.state.barSpacing, t = this.dataLength * e, n = this.rightMarginBars * e, r = t - this.state.chartRect.width + n, i, a;
-		r > 0 ? (i = -(this.state.chartRect.width * .5), a = r) : (i = r, a = r), this.state.offset = c(this.state.offset, i, a);
+		r > 0 ? (i = -(this.state.chartRect.width * .5), a = r) : (i = r, a = r), this.state.offset = u(this.state.offset, i, a);
 	}
 	updateVisibleRange() {
 		let e = this.state.barWidth + this.state.barSpacing;
@@ -416,12 +416,12 @@ var w = class {
 };
 //#endregion
 //#region src/viewport/DataWindow.ts
-function E(e, t) {
-	return f(e, t.visibleRange.from, t.visibleRange.to);
+function k(e, t) {
+	return h(e, t.visibleRange.from, t.visibleRange.to);
 }
 //#endregion
 //#region src/charts/CandlestickRenderer.ts
-var D = class {
+var A = class {
 	render(e, t, n, r) {
 		let { from: i, to: a } = n.visibleRange, o = n.barWidth, s = o / 2, c = o + n.barSpacing, l = -n.offset + n.chartRect.x + s, { min: u, max: d } = n.priceRange, f = d - u;
 		if (f === 0) return;
@@ -434,7 +434,7 @@ var D = class {
 		}
 		e.strokeStyle = r.candleUpWick, e.lineWidth = 1, e.stroke(_), e.strokeStyle = r.candleDownWick, e.stroke(v), e.fillStyle = r.candleUp, e.fill(y), e.fillStyle = r.candleDown, e.fill(b);
 	}
-}, O = class {
+}, ee = class {
 	render(e, t, n, r) {
 		let { from: i, to: a } = n.visibleRange;
 		if (i > a || t.length === 0) return;
@@ -449,7 +449,7 @@ var D = class {
 		}
 		e.stroke();
 	}
-}, ee = class {
+}, te = class {
 	render(e, t, n, r) {
 		let { from: i, to: a } = n.visibleRange;
 		if (i > a || t.length === 0) return;
@@ -463,7 +463,7 @@ var D = class {
 		for (let n = i + 1; n <= a && n < t.length; n++) e.lineTo(n * o + s, d + (l - t[n].close) * p);
 		e.stroke();
 	}
-}, te = class {
+}, ne = class {
 	render(e, t, n, r) {
 		let { from: i, to: a } = n.visibleRange, o = n.barWidth, s = o / 2, c = o + n.barSpacing, l = -n.offset + n.chartRect.x + s, { min: u, max: d } = n.priceRange, f = d - u;
 		if (f === 0) return;
@@ -474,7 +474,7 @@ var D = class {
 		}
 		e.lineWidth = 1, e.strokeStyle = r.candleUp, e.stroke(_), e.strokeStyle = r.candleDown, e.stroke(v);
 	}
-}, ne = class {
+}, re = class {
 	render(e, t, n, r) {
 		let { from: i, to: a } = n.visibleRange, o = n.barWidth, s = o / 2, c = o + n.barSpacing, l = -n.offset + n.chartRect.x + s, { min: u, max: d } = n.priceRange, f = d - u;
 		if (f === 0) return;
@@ -493,7 +493,7 @@ var D = class {
 		e.strokeStyle = r.candleDown;
 		for (let t of b) e.strokeRect(t.x, t.y, t.w, t.h);
 	}
-}, re = class {
+}, ie = class {
 	baselinePrice = null;
 	setBaseline(e) {
 		this.baselinePrice = e;
@@ -534,7 +534,7 @@ var D = class {
 		for (let a = t; a <= n && a < e.length; a++) r += e[a].close, i++;
 		return i > 0 ? r / i : 0;
 	}
-}, ie = class {
+}, ae = class {
 	render(e, t, n, r) {
 		let { from: i, to: a } = n.visibleRange, o = n.barWidth, s = o / 2, c = o + n.barSpacing, l = -n.offset + n.chartRect.x + s, { min: u, max: d } = n.priceRange, f = d - u;
 		if (f === 0) return;
@@ -545,7 +545,7 @@ var D = class {
 		}
 		e.fillStyle = r.candleUp, e.fill(_), e.fillStyle = r.candleDown, e.fill(v), e.lineWidth = 1, e.strokeStyle = r.candleUp, e.stroke(y), e.strokeStyle = r.candleDown, e.stroke(b);
 	}
-}, ae = class {
+}, oe = class {
 	render(e, t, n, r) {
 		let { from: i, to: a } = n.visibleRange, o = n.barWidth, s = o / 2, c = o + n.barSpacing, l = -n.offset + n.chartRect.x + s, { min: u, max: d } = n.priceRange, f = d - u;
 		if (f === 0) return;
@@ -559,7 +559,7 @@ var D = class {
 		}
 		e.strokeStyle = r.candleUp, e.lineWidth = 3, e.stroke(_), e.strokeStyle = r.candleDown, e.lineWidth = 1, e.stroke(v);
 	}
-}, oe = class {
+}, se = class {
 	boxSize = 1;
 	setBoxSize(e) {
 		this.boxSize = e;
@@ -577,7 +577,7 @@ var D = class {
 		}
 		e.lineWidth = 1.5, e.strokeStyle = r.candleUp, e.stroke(y), e.strokeStyle = r.candleDown, e.stroke(b);
 	}
-}, se = class {
+}, ce = class {
 	visible = !0;
 	heightRatio = .2;
 	setVisible(e) {
@@ -598,7 +598,7 @@ var D = class {
 		}
 		e.globalAlpha = .35, e.fillStyle = r.candleUp, e.fill(h), e.fillStyle = r.candleDown, e.fill(g), e.globalAlpha = 1;
 	}
-}, ce = class {
+}, le = class {
 	symbols = /* @__PURE__ */ new Map();
 	mode = "percent";
 	setMode(e) {
@@ -639,21 +639,21 @@ var D = class {
 		e.strokeStyle = t.color, e.lineWidth = t.lineWidth ?? 1.5, e.lineJoin = "round", e.beginPath();
 		let u = !1, d = Math.min(n.length, t.data.length);
 		for (let n = s; n < d; n++) {
-			let i = y(n, r);
+			let i = S(n, r);
 			if (i < a.x - o) continue;
 			if (i > a.x + a.width + o) break;
 			let s;
-			s = this.mode === "percent" ? b(c * (1 + (t.data[n].close - l) / l), r) : b(t.data[n].close, r), u ? e.lineTo(i, s) : (e.moveTo(i, s), u = !0);
+			s = this.mode === "percent" ? C(c * (1 + (t.data[n].close - l) / l), r) : C(t.data[n].close, r), u ? e.lineTo(i, s) : (e.moveTo(i, s), u = !0);
 		}
 		if (e.stroke(), u) {
-			let n = Math.min(s + 2, d - 1), i = y(n, r) + 4, a;
-			a = this.mode === "percent" ? b(c * (1 + (t.data[n].close - l) / l), r) - 4 : b(t.data[n].close, r) - 4, e.fillStyle = t.color, e.font = "bold 10px sans-serif", e.textBaseline = "bottom", e.textAlign = "left", e.fillText(t.label, i, a);
+			let n = Math.min(s + 2, d - 1), i = S(n, r) + 4, a;
+			a = this.mode === "percent" ? C(c * (1 + (t.data[n].close - l) / l), r) - 4 : C(t.data[n].close, r) - 4, e.fillStyle = t.color, e.font = "bold 10px sans-serif", e.textBaseline = "bottom", e.textAlign = "left", e.fillText(t.label, i, a);
 		}
 	}
 };
 //#endregion
 //#region src/charts/transforms/heikinAshi.ts
-function le(e) {
+function ue(e) {
 	if (e.length === 0) return [];
 	let t = [], n = e[0].open, r = (e[0].open + e[0].high + e[0].low + e[0].close) / 4;
 	for (let i = 0; i < e.length; i++) {
@@ -671,10 +671,10 @@ function le(e) {
 }
 //#endregion
 //#region src/charts/transforms/renko.ts
-function ue(e, t) {
+function de(e, t) {
 	if (e.length === 0) return [];
 	let n = t.brickSize;
-	t.useATR && e.length > (t.atrPeriod ?? 14) && (n = de(e, t.atrPeriod ?? 14)), n <= 0 && (n = 1);
+	t.useATR && e.length > (t.atrPeriod ?? 14) && (n = fe(e, t.atrPeriod ?? 14)), n <= 0 && (n = 1);
 	let r = [], i = Math.round(e[0].close / n) * n, a = e[0].time;
 	for (let t = 1; t < e.length; t++) {
 		let o = e[t].close - i, s = Math.floor(Math.abs(o) / n);
@@ -695,7 +695,7 @@ function ue(e, t) {
 	}
 	return r;
 }
-function de(e, t) {
+function fe(e, t) {
 	let n = 0;
 	for (let r = 1; r <= Math.min(t, e.length - 1); r++) {
 		let t = Math.max(e[r].high - e[r].low, Math.abs(e[r].high - e[r - 1].close), Math.abs(e[r].low - e[r - 1].close));
@@ -705,7 +705,7 @@ function de(e, t) {
 }
 //#endregion
 //#region src/charts/transforms/lineBreak.ts
-function fe(e, t = 3) {
+function pe(e, t = 3) {
 	if (e.length === 0) return [];
 	let n = [], r = 0;
 	n.push({
@@ -746,7 +746,7 @@ function fe(e, t = 3) {
 }
 //#endregion
 //#region src/charts/transforms/kagi.ts
-function pe(e, t = 4) {
+function me(e, t = 4) {
 	if (e.length < 2) return e.slice();
 	let n = [], r = e[1].close >= e[0].close ? 1 : -1, i = e[0].close, a = e[0].close, o = e[0].close, s = 0;
 	for (let c = 1; c < e.length; c++) {
@@ -785,7 +785,7 @@ function pe(e, t = 4) {
 }
 //#endregion
 //#region src/charts/transforms/pointAndFigure.ts
-function me(e, t, n = 3) {
+function he(e, t, n = 3) {
 	if (e.length === 0 || t <= 0) return [];
 	let r = [], i = 0, a = 0, o = 0, s = 0, c = Math.round(e[0].close / t) * t;
 	a = c, o = c, i = 1;
@@ -818,7 +818,7 @@ function me(e, t, n = 3) {
 }
 //#endregion
 //#region src/indicators/IndicatorBase.ts
-var k = class {
+var j = class {
 	drawLine(e, t, n, r) {
 		if (!(t.length < 2)) {
 			e.beginPath(), e.strokeStyle = n, e.lineWidth = r, e.lineJoin = "round", e.moveTo(t[0].x, t[0].y);
@@ -847,13 +847,13 @@ var k = class {
 		for (let s = a; s <= o && s < n.length; s++) {
 			let a = e.values.get(n[s].time);
 			a && a[t] !== void 0 && i.push({
-				x: y(s, r),
-				y: b(a[t], r)
+				x: S(s, r),
+				y: C(a[t], r)
 			});
 		}
 		return i;
 	}
-}, he = 1, ge = class {
+}, ge = 1, _e = class {
 	registry = /* @__PURE__ */ new Map();
 	instances = /* @__PURE__ */ new Map();
 	register(e) {
@@ -865,7 +865,7 @@ var k = class {
 	addIndicator(e, t = {}, n) {
 		let r = this.registry.get(e);
 		if (!r) throw Error(`Unknown indicator: ${e}`);
-		let i = `${e}_${he++}`, a = {
+		let i = `tc_${e}_${ge++}`, a = {
 			id: e,
 			instanceId: i,
 			params: {
@@ -957,7 +957,7 @@ var k = class {
 		});
 		return e;
 	}
-}, _e = class extends k {
+}, M = class extends j {
 	descriptor = {
 		id: "sma",
 		name: "Simple Moving Average",
@@ -984,12 +984,12 @@ var k = class {
 		for (let t = a; t <= o && t < i.length; t++) {
 			let r = i[t];
 			if (!r || r.value === void 0) continue;
-			let a = y(t, n), o = b(r.value, n);
+			let a = S(t, n), o = C(r.value, n);
 			s ? e.lineTo(a, o) : (e.moveTo(a, o), s = !0);
 		}
 		e.stroke();
 	}
-}, ve = class extends k {
+}, N = class extends j {
 	descriptor = {
 		id: "ema",
 		name: "Exponential Moving Average",
@@ -1021,12 +1021,12 @@ var k = class {
 		for (let t = a; t <= o && t < i.length; t++) {
 			let r = i[t];
 			if (!r || r.value === void 0) continue;
-			let a = y(t, n), o = b(r.value, n);
+			let a = S(t, n), o = C(r.value, n);
 			s ? e.lineTo(a, o) : (e.moveTo(a, o), s = !0);
 		}
 		e.stroke();
 	}
-}, ye = class extends k {
+}, P = class extends j {
 	descriptor = {
 		id: "bb",
 		name: "Bollinger Bands",
@@ -1061,27 +1061,27 @@ var k = class {
 	render(e, t, n, r) {
 		let i = t.series;
 		if (!i) return;
-		let { from: a, to: o } = n.visibleRange, s = 0, c = o - a + 1, l = new Float64Array(c), u = new Float64Array(c), d = new Float64Array(c), f = new Float64Array(c), p = new Float64Array(c), h = new Float64Array(c);
+		let { from: a, to: o } = n.visibleRange, s = 0, c = o - a + 1, l = new Float64Array(c), u = new Float64Array(c), d = new Float64Array(c), f = new Float64Array(c), p = new Float64Array(c), m = new Float64Array(c);
 		for (let e = a; e <= o && e < i.length; e++) {
 			let t = i[e];
 			if (!t || t.upper === void 0) continue;
-			let r = y(e, n);
-			l[s] = r, u[s] = b(t.upper, n), d[s] = r, f[s] = b(t.middle, n), p[s] = r, h[s] = b(t.lower, n), s++;
+			let r = S(e, n);
+			l[s] = r, u[s] = C(t.upper, n), d[s] = r, f[s] = C(t.middle, n), p[s] = r, m[s] = C(t.lower, n), s++;
 		}
 		if (!(s < 2)) {
 			e.beginPath(), e.moveTo(l[0], u[0]);
 			for (let t = 1; t < s; t++) e.lineTo(l[t], u[t]);
-			for (let t = s - 1; t >= 0; t--) e.lineTo(p[t], h[t]);
-			e.closePath(), e.fillStyle = m(r.colors[0], .1), e.fill(), e.beginPath(), e.strokeStyle = r.colors[0], e.lineWidth = r.lineWidths[0], e.lineJoin = "round", e.moveTo(l[0], u[0]);
+			for (let t = s - 1; t >= 0; t--) e.lineTo(p[t], m[t]);
+			e.closePath(), e.fillStyle = _(r.colors[0], .1), e.fill(), e.beginPath(), e.strokeStyle = r.colors[0], e.lineWidth = r.lineWidths[0], e.lineJoin = "round", e.moveTo(l[0], u[0]);
 			for (let t = 1; t < s; t++) e.lineTo(l[t], u[t]);
 			e.stroke(), e.beginPath(), e.strokeStyle = r.colors[1] ?? r.colors[0], e.moveTo(d[0], f[0]);
 			for (let t = 1; t < s; t++) e.lineTo(d[t], f[t]);
-			e.stroke(), e.beginPath(), e.strokeStyle = r.colors[0], e.moveTo(p[0], h[0]);
-			for (let t = 1; t < s; t++) e.lineTo(p[t], h[t]);
+			e.stroke(), e.beginPath(), e.strokeStyle = r.colors[0], e.moveTo(p[0], m[0]);
+			for (let t = 1; t < s; t++) e.lineTo(p[t], m[t]);
 			e.stroke();
 		}
 	}
-}, be = class extends k {
+}, F = class extends j {
 	descriptor = {
 		id: "vwap",
 		name: "Volume Weighted Average Price",
@@ -1111,12 +1111,12 @@ var k = class {
 		for (let t = a; t <= o && t < i.length; t++) {
 			let r = i[t];
 			if (!r || r.value === void 0) continue;
-			let a = y(t, n), o = b(r.value, n);
+			let a = S(t, n), o = C(r.value, n);
 			s ? e.lineTo(a, o) : (e.moveTo(a, o), s = !0);
 		}
 		e.stroke();
 	}
-}, xe = class extends k {
+}, I = class extends j {
 	descriptor = {
 		id: "ichimoku",
 		name: "Ichimoku Cloud",
@@ -1153,30 +1153,30 @@ var k = class {
 	render(e, t, n, r) {
 		let i = t.series;
 		if (!i) return;
-		let { from: a, to: o } = n.visibleRange, s = o - a + 1, c = new Float64Array(s), l = new Float64Array(s), u = 0, d = new Float64Array(s), f = new Float64Array(s), p = 0, h = new Float64Array(s), g = new Float64Array(s), _ = 0, v = new Float64Array(s), x = new Float64Array(s), S = 0;
+		let { from: a, to: o } = n.visibleRange, s = o - a + 1, c = new Float64Array(s), l = new Float64Array(s), u = 0, d = new Float64Array(s), f = new Float64Array(s), p = 0, m = new Float64Array(s), h = new Float64Array(s), g = 0, v = new Float64Array(s), y = new Float64Array(s), b = 0;
 		for (let e = a; e <= o && e < i.length; e++) {
 			let t = i[e];
 			if (!t) continue;
-			let r = y(e, n);
-			t.tenkan !== void 0 && (c[u] = r, l[u] = b(t.tenkan, n), u++), t.kijun !== void 0 && (d[p] = r, f[p] = b(t.kijun, n), p++), t.senkouA !== void 0 && (h[_] = r, g[_] = b(t.senkouA, n), _++), t.senkouB !== void 0 && (v[S] = r, x[S] = b(t.senkouB, n), S++);
+			let r = S(e, n);
+			t.tenkan !== void 0 && (c[u] = r, l[u] = C(t.tenkan, n), u++), t.kijun !== void 0 && (d[p] = r, f[p] = C(t.kijun, n), p++), t.senkouA !== void 0 && (m[g] = r, h[g] = C(t.senkouA, n), g++), t.senkouB !== void 0 && (v[b] = r, y[b] = C(t.senkouB, n), b++);
 		}
-		if (_ > 1 && S > 1) {
-			let t = Math.min(_, S);
-			e.beginPath(), e.moveTo(h[0], g[0]);
-			for (let n = 1; n < t; n++) e.lineTo(h[n], g[n]);
-			for (let n = t - 1; n >= 0; n--) e.lineTo(v[n], x[n]);
-			e.closePath(), e.fillStyle = m(r.colors[2] ?? "#26A69A", .15), e.fill();
+		if (g > 1 && b > 1) {
+			let t = Math.min(g, b);
+			e.beginPath(), e.moveTo(m[0], h[0]);
+			for (let n = 1; n < t; n++) e.lineTo(m[n], h[n]);
+			for (let n = t - 1; n >= 0; n--) e.lineTo(v[n], y[n]);
+			e.closePath(), e.fillStyle = _(r.colors[2] ?? "#26A69A", .15), e.fill();
 		}
-		let C = (t, n, r, i, a) => {
+		let x = (t, n, r, i, a) => {
 			if (!(r < 2)) {
 				e.beginPath(), e.strokeStyle = i, e.lineWidth = a, e.lineJoin = "round", e.moveTo(t[0], n[0]);
 				for (let i = 1; i < r; i++) e.lineTo(t[i], n[i]);
 				e.stroke();
 			}
 		};
-		C(c, l, u, r.colors[0], r.lineWidths[0]), C(d, f, p, r.colors[1] ?? "#FF9800", r.lineWidths[0]), C(h, g, _, r.colors[2] ?? "#26A69A", 1), C(v, x, S, r.colors[3] ?? "#EF5350", 1);
+		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);
 	}
-}, Se = class extends k {
+}, L = class extends j {
 	descriptor = {
 		id: "psar",
 		name: "Parabolic SAR",
@@ -1218,11 +1218,11 @@ var k = class {
 		for (let t = a; t <= o && t < i.length; t++) {
 			let a = i[t];
 			if (!a || a.value === void 0) continue;
-			let o = y(t, n), c = b(a.value, n);
+			let o = S(t, n), c = C(a.value, n);
 			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();
 		}
 	}
-}, Ce = class extends k {
+}, R = class extends j {
 	descriptor = {
 		id: "supertrend",
 		name: "Supertrend",
@@ -1266,11 +1266,11 @@ var k = class {
 		for (let t = a; t <= o && t < i.length; t++) {
 			let a = i[t];
 			if (!a || a.value === void 0) continue;
-			let o = y(t, n), f = b(a.value, n), p = a.trend ?? 1;
+			let o = S(t, n), f = C(a.value, n), p = a.trend ?? 1;
 			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;
 		}
 	}
-}, A = class extends k {
+}, z = class extends j {
 	descriptor = {
 		id: "keltner",
 		name: "Keltner Channel",
@@ -1313,21 +1313,21 @@ var k = class {
 		for (let e = a; e <= o && e < i.length; e++) {
 			let t = i[e];
 			if (!t) continue;
-			let r = y(e, n);
+			let r = S(e, n);
 			t.upper !== void 0 && s.push({
 				x: r,
-				y: b(t.upper, n)
+				y: C(t.upper, n)
 			}), t.middle !== void 0 && c.push({
 				x: r,
-				y: b(t.middle, n)
+				y: C(t.middle, n)
 			}), t.lower !== void 0 && l.push({
 				x: r,
-				y: b(t.lower, n)
+				y: C(t.lower, n)
 			});
 		}
-		this.drawBand(e, s, l, m(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]);
+		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]);
 	}
-}, j = class extends k {
+}, B = class extends j {
 	descriptor = {
 		id: "donchian",
 		name: "Donchian Channel",
@@ -1358,21 +1358,21 @@ var k = class {
 		for (let e = a; e <= o && e < i.length; e++) {
 			let t = i[e];
 			if (!t) continue;
-			let r = y(e, n);
+			let r = S(e, n);
 			t.upper !== void 0 && s.push({
 				x: r,
-				y: b(t.upper, n)
+				y: C(t.upper, n)
 			}), t.middle !== void 0 && c.push({
 				x: r,
-				y: b(t.middle, n)
+				y: C(t.middle, n)
 			}), t.lower !== void 0 && l.push({
 				x: r,
-				y: b(t.lower, n)
+				y: C(t.lower, n)
 			});
 		}
-		this.drawBand(e, s, l, m(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]);
+		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]);
 	}
-}, M = class extends k {
+}, V = class extends j {
 	descriptor = {
 		id: "rsi",
 		name: "Relative Strength Index",
@@ -1418,12 +1418,12 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (!r || r.value === void 0) continue;
-			let a = y(t, n), o = c(r.value);
+			let a = S(t, n), o = c(r.value);
 			l ? e.lineTo(a, o) : (e.moveTo(a, o), l = !0);
 		}
 		e.stroke();
 	}
-}, N = class extends k {
+}, H = class extends j {
 	descriptor = {
 		id: "macd",
 		name: "MACD",
@@ -1470,27 +1470,27 @@ var k = class {
 		if (c === Infinity) return;
 		let u = l - c || 1, d = (e) => a.y + a.height * (1 - (e - c) / u), f = d(0), p = n.barWidth / 2, m = r.colors[2] ?? "#26A69A", h = r.colors[3] ?? "#EF5350", g = r.colors[0], _ = r.colors[1] ?? "#FF9800";
 		e.beginPath();
-		let v = new Path2D(), b = new Path2D(), x = !1, S = !1, C = new Path2D(), w = new Path2D();
+		let v = new Path2D(), y = new Path2D(), b = !1, x = !1, C = new Path2D(), w = new Path2D();
 		for (let e = o; e <= s && e < i.length; e++) {
 			let t = i[e];
 			if (!t) continue;
-			let r = y(e, n);
+			let r = S(e, n);
 			if (t.histogram !== void 0) {
 				let e = d(t.histogram), i = Math.min(e, f), a = Math.max(Math.abs(e - f), 1);
-				t.histogram >= 0 ? v.rect(r - p, i, n.barWidth, a) : b.rect(r - p, i, n.barWidth, a);
+				t.histogram >= 0 ? v.rect(r - p, i, n.barWidth, a) : y.rect(r - p, i, n.barWidth, a);
 			}
 			if (t.macd !== void 0) {
 				let e = d(t.macd);
-				x ? C.lineTo(r, e) : (C.moveTo(r, e), x = !0);
+				b ? C.lineTo(r, e) : (C.moveTo(r, e), b = !0);
 			}
 			if (t.signal !== void 0) {
 				let e = d(t.signal);
-				S ? w.lineTo(r, e) : (w.moveTo(r, e), S = !0);
+				x ? w.lineTo(r, e) : (w.moveTo(r, e), x = !0);
 			}
 		}
-		e.fillStyle = m, e.fill(v), e.fillStyle = h, e.fill(b), e.strokeStyle = g, e.lineWidth = r.lineWidths[0], e.lineJoin = "round", e.stroke(C), e.strokeStyle = _, e.stroke(w);
+		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);
 	}
-}, P = class extends k {
+}, ve = class extends j {
 	descriptor = {
 		id: "stochastic",
 		name: "Stochastic Oscillator",
@@ -1558,14 +1558,14 @@ var k = class {
 			for (let r = o; r <= s && r < i.length; r++) {
 				let a = i[r];
 				if (!a || a[t] === void 0) continue;
-				let o = y(r, n), s = c(a[t]);
+				let o = S(r, n), s = c(a[t]);
 				l ? e.lineTo(o, s) : (e.moveTo(o, s), l = !0);
 			}
 			e.stroke();
 		};
 		l("k", r.colors[0]), l("d", r.colors[1] ?? "#FF9800");
 	}
-}, F = class extends k {
+}, ye = class extends j {
 	descriptor = {
 		id: "atr",
 		name: "Average True Range",
@@ -1613,13 +1613,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = p(r.value);
+				let i = S(t, n), a = p(r.value);
 				m ? e.lineTo(i, a) : (e.moveTo(i, a), m = !0);
 			}
 		}
 		e.stroke();
 	}
-}, I = class extends k {
+}, be = class extends j {
 	descriptor = {
 		id: "adx",
 		name: "Average Directional Index",
@@ -1685,14 +1685,14 @@ var k = class {
 			for (let r = o; r <= s && r < i.length; r++) {
 				let a = i[r];
 				if (!a || a[t] === void 0) continue;
-				let o = y(r, n), s = c(a[t]);
+				let o = S(r, n), s = c(a[t]);
 				l ? e.lineTo(o, s) : (e.moveTo(o, s), l = !0);
 			}
 			e.stroke();
 		};
 		l("adx", r.colors[0]), l("plusDI", r.colors[1] ?? "#26A69A"), l("minusDI", r.colors[2] ?? "#EF5350");
 	}
-}, L = class extends k {
+}, xe = class extends j {
 	descriptor = {
 		id: "obv",
 		name: "On Balance Volume",
@@ -1732,13 +1732,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = p(r.value);
+				let i = S(t, n), a = p(r.value);
 				m ? e.lineTo(i, a) : (e.moveTo(i, a), m = !0);
 			}
 		}
 		e.stroke();
 	}
-}, R = class extends k {
+}, Se = class extends j {
 	descriptor = {
 		id: "williamsR",
 		name: "Williams %R",
@@ -1772,13 +1772,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = c(r.value);
+				let i = S(t, n), a = c(r.value);
 				l ? e.lineTo(i, a) : (e.moveTo(i, a), l = !0);
 			}
 		}
 		e.stroke();
 	}
-}, z = class extends k {
+}, Ce = class extends j {
 	descriptor = {
 		id: "cci",
 		name: "Commodity Channel Index",
@@ -1827,13 +1827,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = m(r.value);
+				let i = S(t, n), a = m(r.value);
 				h ? e.lineTo(i, a) : (e.moveTo(i, a), h = !0);
 			}
 		}
 		e.stroke();
 	}
-}, B = class extends k {
+}, we = class extends j {
 	descriptor = {
 		id: "mfi",
 		name: "Money Flow Index",
@@ -1872,13 +1872,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = c(r.value);
+				let i = S(t, n), a = c(r.value);
 				l ? e.lineTo(i, a) : (e.moveTo(i, a), l = !0);
 			}
 		}
 		e.stroke();
 	}
-}, V = class extends k {
+}, Te = class extends j {
 	descriptor = {
 		id: "aroon",
 		name: "Aroon",
@@ -1913,14 +1913,14 @@ var k = class {
 			for (let r = o; r <= s && r < i.length; r++) {
 				let a = i[r];
 				if (!a || a[t] === void 0) continue;
-				let o = y(r, n), s = c(a[t]);
+				let o = S(r, n), s = c(a[t]);
 				l ? e.lineTo(o, s) : (e.moveTo(o, s), l = !0);
 			}
 			e.stroke();
 		};
 		l("up", r.colors[0]), l("down", r.colors[1] ?? "#EF5350");
 	}
-}, H = class extends k {
+}, Ee = class extends j {
 	descriptor = {
 		id: "roc",
 		name: "Rate of Change",
@@ -1958,13 +1958,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = m(r.value);
+				let i = S(t, n), a = m(r.value);
 				h ? e.lineTo(i, a) : (e.moveTo(i, a), h = !0);
 			}
 		}
 		e.stroke();
 	}
-}, U = class extends k {
+}, De = class extends j {
 	descriptor = {
 		id: "tsi",
 		name: "True Strength Index",
@@ -2026,14 +2026,14 @@ var k = class {
 			for (let r = o; r <= s && r < i.length; r++) {
 				let a = i[r];
 				if (!a || a[t] === void 0) continue;
-				let o = y(r, n), s = m(a[t]);
+				let o = S(r, n), s = m(a[t]);
 				c ? e.lineTo(o, s) : (e.moveTo(o, s), c = !0);
 			}
 			e.stroke();
 		};
 		h("tsi", r.colors[0]), h("signal", r.colors[1] ?? "#FF9800");
 	}
-}, W = class extends k {
+}, Oe = class extends j {
 	descriptor = {
 		id: "cmf",
 		name: "Chaikin Money Flow",
@@ -2071,14 +2071,14 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let a = i[t];
 			if (a && a.value !== void 0) {
-				let i = y(t, n), o = m(a.value), s = m(0);
+				let i = S(t, n), o = m(a.value), s = m(0);
 				e.fillStyle = a.value >= 0 ? r.colors[0] : r.colors[1] ?? "#EF5350";
 				let c = Math.min(o, s);
 				e.fillRect(i - h, c, n.barWidth, Math.max(Math.abs(o - s), 1));
 			}
 		}
 	}
-}, G = class extends k {
+}, ke = class extends j {
 	descriptor = {
 		id: "stddev",
 		name: "Standard Deviation",
@@ -2118,13 +2118,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = p(r.value);
+				let i = S(t, n), a = p(r.value);
 				m ? e.lineTo(i, a) : (e.moveTo(i, a), m = !0);
 			}
 		}
 		e.stroke();
 	}
-}, we = class extends k {
+}, Ae = class extends j {
 	descriptor = {
 		id: "volumeProfile",
 		name: "Volume Profile",
@@ -2174,7 +2174,7 @@ var k = 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));
 		}
 	}
-}, Te = class extends k {
+}, je = class extends j {
 	descriptor = {
 		id: "ad",
 		name: "Accumulation/Distribution",
@@ -2214,13 +2214,13 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = p(r.value);
+				let i = S(t, n), a = p(r.value);
 				m ? e.lineTo(i, a) : (e.moveTo(i, a), m = !0);
 			}
 		}
 		e.stroke();
 	}
-}, Ee = class extends k {
+}, Me = class extends j {
 	descriptor = {
 		id: "vroc",
 		name: "Volume Rate of Change",
@@ -2253,7 +2253,7 @@ var k = class {
 		for (let t = o; t <= s && t < i.length; t++) {
 			let r = i[t];
 			if (r && r.value !== void 0) {
-				let i = y(t, n), a = m(r.value);
+				let i = S(t, n), a = m(r.value);
 				h ? e.lineTo(i, a) : (e.moveTo(i, a), h = !0);
 			}
 		}
@@ -2262,12 +2262,12 @@ var k = class {
 };
 //#endregion
 //#region src/indicators/registry.ts
-function De(e) {
-	e.register(new _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 A()), e.register(new j()), 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 U()), e.register(new W()), e.register(new G()), e.register(new we()), e.register(new Te()), e.register(new Ee());
+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());
 }
 //#endregion
 //#region src/axis/GridRenderer.ts
-var Oe = class {
+var Pe = class {
 	visible = !0;
 	setVisible(e) {
 		this.visible = e;
@@ -2283,39 +2283,39 @@ var Oe = class {
 		if (a <= 0) return;
 		let o = 1 / a;
 		e.beginPath();
-		let s = u(i.min, i.max, 8), c = Math.ceil(i.min / s) * s;
+		let s = f(i.min, i.max, 8), c = Math.ceil(i.min / s) * s;
 		for (let t = c; t <= i.max; t += s) {
 			let n = Math.round(r.y + r.height * (1 - (t - i.min) * o)) + .5;
 			e.moveTo(r.x, n), e.lineTo(r.x + r.width, n);
 		}
-		let l = t.barWidth + t.barSpacing, d = Math.max(1, Math.ceil(80 / l)), { from: f, to: p } = t.visibleRange, m = -t.offset + r.x + t.barWidth / 2;
-		for (let t = f; t <= p; t++) {
-			if (t % d !== 0) continue;
+		let l = t.barWidth + t.barSpacing, u = Math.max(1, Math.ceil(80 / l)), { from: d, to: p } = t.visibleRange, m = -t.offset + r.x + t.barWidth / 2;
+		for (let t = d; t <= p; t++) {
+			if (t % u !== 0) continue;
 			let n = Math.round(t * l + m) + .5;
 			e.moveTo(n, r.y), e.lineTo(n, r.y + r.height);
 		}
 		e.stroke();
 	}
-}, ke = class {
+}, Fe = class {
 	render(e, t, n) {
-		let { chartRect: r, priceRange: i } = t, a = r.x + r.width, s = i.max - i.min;
-		if (s <= 0) return;
-		let c = 1 / s;
+		let { chartRect: r, priceRange: i } = t, a = r.x + r.width, o = i.max - i.min;
+		if (o <= 0) return;
+		let s = 1 / o;
 		e.strokeStyle = n.axisLine, e.lineWidth = 1, e.beginPath(), e.moveTo(a + .5, r.y), e.lineTo(a + .5, r.y + r.height), e.stroke();
-		let l = u(i.min, i.max, 8), f = Math.ceil(i.min / l) * l, p = l < 1 ? Math.ceil(-Math.log10(l)) + 1 : 2, m = `${n.font.sizeSmall}px ${n.font.family}`, h = [];
-		for (let e = f; e <= i.max; e += l) {
-			let t = r.y + r.height * (1 - (e - i.min) * c);
+		let l = f(i.min, i.max, 8), u = Math.ceil(i.min / l) * l, d = l < 1 ? Math.ceil(-Math.log10(l)) + 1 : 2, m = `${n.font.sizeSmall}px ${n.font.family}`, h = [];
+		for (let e = u; e <= i.max; e += l) {
+			let t = r.y + r.height * (1 - (e - i.min) * s);
 			h.push({
 				y: t,
-				text: d(e, p)
+				text: p(e, d)
 			});
 		}
 		e.font = m, e.textBaseline = "middle", e.textAlign = "left", e.fillStyle = n.axisLabelBackground;
-		for (let { y: t } of h) e.fillRect(a + 1, t - 8, o - 2, 16);
+		for (let { y: t } of h) e.fillRect(a + 1, t - 8, c - 2, 16);
 		e.fillStyle = n.axisLabel;
 		for (let { y: t, text: n } of h) e.fillText(n, a + 5, t);
 	}
-}, K = /* @__PURE__ */ new Date(), Ae = (e) => e < 10 ? "0" + e : "" + e, je = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60, Me = `UTC${je >= 0 ? "+" : ""}${je}`, Ne = class {
+}, U = /* @__PURE__ */ new Date(), Ie = (e) => e < 10 ? "0" + e : "" + e, Le = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60, Re = `UTC${Le >= 0 ? "+" : ""}${Le}`, ze = 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 Oe = 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;
-			K.setTime(a);
-			let l = K.getDate(), u = K.getMonth() + 1, p = K.getHours(), m = K.getMinutes(), h;
-			l === f ? h = `${Ae(p)}:${Ae(m)}` : (h = `${u}/${l}`, f = l), e.fillText(h, n, o + 5);
+			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);
 		}
 		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(Me, p, m);
+		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);
 	}
-}, Pe = class {
+}, Be = class {
 	panHandler = null;
 	zoomHandler = null;
 	crosshairHandler = null;
@@ -2452,7 +2452,7 @@ var Oe = class {
 			y: (e.clientY + t.clientY) / 2 - n.top
 		};
 	}
-}, Fe = class {
+}, Ve = class {
 	dragging = !1;
 	lastX = 0;
 	lastTime = 0;
@@ -2488,7 +2488,7 @@ var Oe = class {
 	stopMomentum() {
 		this.momentumId &&= (cancelAnimationFrame(this.momentumId), 0);
 	}
-}, Ie = class {
+}, He = class {
 	callback;
 	sensitivity;
 	pendingDelta = 0;
@@ -2507,7 +2507,7 @@ var Oe = class {
 	dispose() {
 		this.rafId &&= (cancelAnimationFrame(this.rafId), 0);
 	}
-}, Le = class {
+}, Ue = class {
 	position = null;
 	callback = null;
 	data = [];
@@ -2549,13 +2549,13 @@ var Oe = class {
 		if (!this.position || this.mode === "hidden") return;
 		let { chartRect: r } = t, { x: i, y: a } = this.position;
 		if (i < r.x || i > r.x + r.width || a < r.y || a > r.y + r.height) return;
-		let s = x(i, t);
-		s = Math.max(0, Math.min(this.data.length - 1, s)), this.magnetMode && s >= 0 && s < this.data.length && (i = y(s, t)), s !== this.lastCallbackBarIndex && (this.pendingBarIndex = s, this.pendingPoint = {
+		let o = w(i, t);
+		o = Math.max(0, Math.min(this.data.length - 1, o)), this.magnetMode && o >= 0 && o < this.data.length && (i = S(o, t)), o !== this.lastCallbackBarIndex && (this.pendingBarIndex = o, this.pendingPoint = {
 			x: i,
 			y: a
-		}, this.lastCallbackBarIndex = s, 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 c = d(S(a, t), this.pricePrecision), l = r.x + r.width + 1;
-		e.fillStyle = n.axisLabelBackground, e.fillRect(l, a - 10, o - 2, 20), e.fillStyle = n.axisLabel, e.font = `${n.font.sizeSmall}px ${n.font.family}`, e.textBaseline = "middle", e.textAlign = "left", e.fillText(c, l + 5, 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;
+		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() {
 		this.callbackScheduled || (this.callbackScheduled = !0, queueMicrotask(() => {
@@ -2565,7 +2565,7 @@ var Oe = class {
 	flushCallback(e, t) {
 		this.callback?.(e, t);
 	}
-}, Re = class {
+}, We = class {
 	callbacks;
 	enabled = !0;
 	constructor(e) {
@@ -2591,7 +2591,7 @@ var Oe = class {
 			default: return !1;
 		}
 	}
-}, ze = class {
+}, Ge = class {
 	el = null;
 	visible = !1;
 	timeEl;
@@ -2630,8 +2630,8 @@ var Oe = 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 = Be(n.background);
-		this.el.style.background = d ? Ve(n.background, .95) : Ve(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 = 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 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 Oe = class {
 		return document.createElement("span");
 	}
 };
-function Be(e) {
+function Ke(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 Be(e) {
 	}
 	return !0;
 }
-function Ve(e, t) {
+function qe(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 Ve(e, t) {
 }
 //#endregion
 //#region src/events/EventBus.ts
-var He = class {
+var Je = class {
 	listeners = /* @__PURE__ */ new Map();
 	tauriBridge = null;
 	on(e, t) {
@@ -2695,7 +2695,7 @@ var He = class {
 		}, r = this.listeners.get(e);
 		if (r) for (let e of r) e(n);
 		if (this.tauriBridge?.enabled && window.__TAURI__) {
-			let t = this.tauriBridge.eventPrefix ?? "chart";
+			let t = this.tauriBridge.eventPrefix ?? "tc-chart";
 			window.__TAURI__.event.emit(`${t}:${e}`, n).catch(() => {});
 		}
 	}
@@ -2708,7 +2708,7 @@ var He = class {
 	destroy() {
 		this.listeners.clear(), this.tauriBridge = null;
 	}
-}, q = class {
+}, W = class {
 	hitTestAnchor(e, t, n, r) {
 		for (let i = 0; i < t.anchors.length; i++) {
 			let a = this.anchorToPixel(t.anchors[i], n);
@@ -2718,14 +2718,14 @@ var He = class {
 	}
 	anchorToPixel(e, t) {
 		return {
-			x: y(e.time, t),
-			y: b(e.price, t)
+			x: S(e.time, t),
+			y: C(e.price, t)
 		};
 	}
 	pixelToAnchor(e, t) {
 		return {
-			time: x(e.x, t),
-			price: S(e.y, t)
+			time: w(e.x, t),
+			price: T(e.y, t)
 		};
 	}
 	applyLineStyle(e, t) {
@@ -2763,7 +2763,7 @@ var He = 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;
 	}
-}, Ue = 1, We = class {
+}, Ye = 1, Xe = class {
 	registry = /* @__PURE__ */ new Map();
 	drawings = [];
 	state = "idle";
@@ -2922,7 +2922,7 @@ var He = class {
 		if (this.state === "creating" && this.creatingDrawing) {
 			let n = this.registry.get(this.creatingDrawing.type);
 			if (n && this.committedAnchors < n.descriptor.requiredAnchors) {
-				let n = x(e.x, t), r = S(e.y, t);
+				let n = w(e.x, t), r = T(e.y, t);
 				return this.previewAnchor = this.snapToOHLC(n, r, t), this.requestRender?.(), !0;
 			}
 		}
@@ -2968,7 +2968,7 @@ var He = class {
 		let t = this.drawings.find((t) => t.id === e);
 		if (!t) return null;
 		let n = structuredClone(t);
-		return n.id = `drawing_${Ue++}`, n.anchors = n.anchors.map((e) => ({
+		return n.id = `tc_drawing_${Ye++}`, n.anchors = n.anchors.map((e) => ({
 			...e,
 			time: e.time + 3
 		})), n.locked = !1, this.drawings.push(n), this.undoRedo?.push({
@@ -3008,9 +3008,9 @@ var He = class {
 		if (!this.activeTool) return !1;
 		let n = this.registry.get(this.activeTool);
 		if (!n) return !1;
-		let r = x(e.x, t), i = S(e.y, t), a = this.snapToOHLC(r, i, t);
+		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: `drawing_${Ue++}`,
+			id: `tc_drawing_${Ye++}`,
 			type: this.activeTool,
 			anchors: [a],
 			style: { ...this.activeStyle },
@@ -3048,7 +3048,7 @@ var He = class {
 	handleMove(e, t) {
 		let n = this.drawings.find((e) => e.id === this.selectedDrawingId);
 		if (!n || !this.dragStartPoint) return !1;
-		let r = x(e.x, t) - x(this.dragStartPoint.x, t), i = S(e.y, t) - S(this.dragStartPoint.y, t);
+		let r = w(e.x, t) - w(this.dragStartPoint.x, t), i = T(e.y, t) - T(this.dragStartPoint.y, t);
 		return n.anchors = this.dragStartAnchors.map((e) => ({
 			time: e.time + r,
 			price: e.price + i
@@ -3057,18 +3057,18 @@ var He = class {
 	handleResize(e, t) {
 		let n = this.drawings.find((e) => e.id === this.selectedDrawingId);
 		return !n || this.dragAnchorIndex < 0 ? !1 : (n.anchors[this.dragAnchorIndex] = {
-			time: x(e.x, t),
-			price: S(e.y, t)
+			time: w(e.x, t),
+			price: T(e.y, t)
 		}, this.requestRender?.(), !0);
 	}
-}, Ge = class {
+}, Ze = class {
 	constructor(e) {
 		this.manager = e;
 	}
 	render(e, t) {
 		this.manager.render(e, t);
 	}
-}, Ke = class extends q {
+}, Qe = class extends W {
 	descriptor = {
 		type: "trendLine",
 		name: "Trend Line",
@@ -3084,7 +3084,7 @@ var He = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, qe = class extends q {
+}, $e = class extends W {
 	descriptor = {
 		type: "horizontalLine",
 		name: "Horizontal Line",
@@ -3092,15 +3092,15 @@ var He = class {
 	};
 	render(e, t, n, r) {
 		if (t.anchors.length < 1) return;
-		let i = b(t.anchors[0].price, n), { chartRect: a } = n;
+		let i = C(t.anchors[0].price, n), { chartRect: a } = n;
 		this.applyLineStyle(e, t.style), e.beginPath(), e.moveTo(a.x, i), e.lineTo(a.x + a.width, i), e.stroke(), this.resetLineStyle(e), e.fillStyle = t.style.color, e.font = "11px sans-serif", e.textBaseline = "bottom", e.fillText(t.anchors[0].price.toFixed(2), a.x + 4, i - 3), r && this.renderAnchorHandles(e, t, n);
 	}
 	hitTest(e, t, n, r) {
 		if (t.anchors.length < 1) return !1;
-		let i = b(t.anchors[0].price, n);
+		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;
 	}
-}, Je = class extends q {
+}, et = class extends W {
 	descriptor = {
 		type: "verticalLine",
 		name: "Vertical Line",
@@ -3116,7 +3116,7 @@ var He = 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;
 	}
-}, Ye = class extends q {
+}, tt = class extends W {
 	descriptor = {
 		type: "ray",
 		name: "Ray",
@@ -3134,7 +3134,7 @@ var He = 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;
 	}
-}, Xe = class extends q {
+}, nt = class extends W {
 	descriptor = {
 		type: "extendedLine",
 		name: "Extended Line",
@@ -3152,7 +3152,7 @@ var He = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToInfiniteLine(e, i, a) <= r;
 	}
-}, Ze = class extends q {
+}, rt = class extends W {
 	descriptor = {
 		type: "parallelChannel",
 		name: "Parallel Channel",
@@ -3189,7 +3189,7 @@ var He = class {
 		}
 		return !1;
 	}
-}, J = class extends q {
+}, it = class extends W {
 	descriptor = {
 		type: "regressionChannel",
 		name: "Regression Channel",
@@ -3212,7 +3212,7 @@ var He = 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;
 	}
-}, Y = [
+}, G = [
 	0,
 	.236,
 	.382,
@@ -3220,7 +3220,7 @@ var He = class {
 	.618,
 	.786,
 	1
-], Qe = class extends q {
+], at = class extends W {
 	descriptor = {
 		type: "fibRetracement",
 		name: "Fibonacci Retracement",
@@ -3230,13 +3230,13 @@ var He = 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 Y) {
-			let a = o + s * (1 - r), c = b(a, n);
+		for (let r of G) {
+			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 < Y.length - 1; r++) {
-				let a = o + s * (1 - Y[r]), c = o + s * (1 - Y[r + 1]), l = b(a, n), u = b(c, n);
+			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);
 				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 He = 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 Y) {
-			let i = b(o + s * (1 - t), n);
+		for (let t of G) {
+			let i = C(o + s * (1 - t), n);
 			if (Math.abs(e.y - i) <= r) return !0;
 		}
 		return !1;
 	}
-}, $e = [
+}, ot = [
 	0,
 	.618,
 	1,
@@ -3263,7 +3263,7 @@ var He = class {
 	2.618,
 	3.618,
 	4.236
-], et = class extends q {
+], st = class extends W {
 	descriptor = {
 		type: "fibExtension",
 		name: "Fibonacci Extension",
@@ -3279,8 +3279,8 @@ var He = 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 $e) {
-			let a = b(s + c * r, n);
+		for (let r of ot) {
+			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);
 		}
 		e.globalAlpha = 1, this.resetLineStyle(e), r && this.renderAnchorHandles(e, t, n);
@@ -3290,13 +3290,13 @@ var He = 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 $e) {
-			let o = b(t.anchors[2].price + a * i, n);
+		for (let i of ot) {
+			let o = C(t.anchors[2].price + a * i, n);
 			if (Math.abs(e.y - o) <= r) return !0;
 		}
 		return !1;
 	}
-}, tt = class extends q {
+}, ct = class extends W {
 	descriptor = {
 		type: "rectangle",
 		name: "Rectangle",
@@ -3314,7 +3314,7 @@ var He = 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;
 	}
-}, nt = class extends q {
+}, lt = class extends W {
 	descriptor = {
 		type: "ellipse",
 		name: "Ellipse",
@@ -3330,7 +3330,7 @@ var He = 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;
 	}
-}, rt = class extends q {
+}, ut = class extends W {
 	descriptor = {
 		type: "triangle",
 		name: "Triangle",
@@ -3356,7 +3356,7 @@ var He = class {
 		}
 		return !1;
 	}
-}, it = class extends q {
+}, dt = class extends W {
 	descriptor = {
 		type: "pitchfork",
 		name: "Andrews' Pitchfork",
@@ -3392,7 +3392,7 @@ var He = class {
 		};
 		return this.distanceToInfiniteLine(e, a, u) <= r || this.distanceToInfiniteLine(e, o, d) <= r;
 	}
-}, at = [
+}, ft = [
 	"1",
 	"2",
 	"3",
@@ -3401,7 +3401,7 @@ var He = class {
 	"A",
 	"B",
 	"C"
-], ot = class extends q {
+], pt = class extends W {
 	descriptor = {
 		type: "elliottWave",
 		name: "Elliott Wave",
@@ -3413,9 +3413,9 @@ var He = 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 < at.length; t++) {
+		for (let t = 0; t < i.length && t < ft.length; t++) {
 			let n = t % 2 == 0 ? -12 : 12;
-			e.textBaseline = n < 0 ? "bottom" : "top", e.fillText(at[t], i[t].x, i[t].y + n);
+			e.textBaseline = n < 0 ? "bottom" : "top", e.fillText(ft[t], i[t].x, i[t].y + n);
 		}
 		r && this.renderAnchorHandles(e, t, n);
 	}
@@ -3425,7 +3425,7 @@ var He = class {
 		for (let t = 0; t < i.length - 1; t++) if (this.distanceToLine(e, i[t], i[t + 1]) <= r) return !0;
 		return !1;
 	}
-}, st = class extends q {
+}, mt = class extends W {
 	descriptor = {
 		type: "priceRange",
 		name: "Price Range",
@@ -3443,7 +3443,7 @@ var He = 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;
 	}
-}, ct = class extends q {
+}, ht = class extends W {
 	descriptor = {
 		type: "dateRange",
 		name: "Date Range",
@@ -3461,7 +3461,7 @@ var He = 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;
 	}
-}, lt = class extends q {
+}, gt = class extends W {
 	descriptor = {
 		type: "measure",
 		name: "Measure",
@@ -3483,7 +3483,7 @@ var He = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, ut = class extends q {
+}, _t = class extends W {
 	descriptor = {
 		type: "text",
 		name: "Text",
@@ -3503,7 +3503,7 @@ var He = 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;
 	}
-}, dt = class extends q {
+}, vt = class extends W {
 	descriptor = {
 		type: "arrow",
 		name: "Arrow",
@@ -3521,7 +3521,7 @@ var He = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, ft = [
+}, yt = [
 	{
 		label: "8x1",
 		ratio: 8
@@ -3558,7 +3558,7 @@ var He = class {
 		label: "1x8",
 		ratio: .125
 	}
-], pt = class extends q {
+], bt = class extends W {
 	descriptor = {
 		type: "gannFan",
 		name: "Gann Fan",
@@ -3570,7 +3570,7 @@ var He = 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 ft) {
+		for (let { label: n, ratio: r } of yt) {
 			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 He = 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 ft) {
+		for (let { ratio: t } of yt) {
 			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 He = class {
 		}
 		return !1;
 	}
-}, X = [
+}, K = [
 	0,
 	.25,
 	.333,
@@ -3600,7 +3600,7 @@ var He = class {
 	.667,
 	.75,
 	1
-], mt = class extends q {
+], xt = class extends W {
 	descriptor = {
 		type: "gannBox",
 		name: "Gann Box",
@@ -3611,18 +3611,18 @@ var He = 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 X) {
+			for (let t of K) {
 				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 X) {
+			for (let t of K) {
 				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 X) {
+			for (let t of K) {
 				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 He = class {
 			y: l
 		}) <= r;
 	}
-}, ht = class extends q {
+}, St = class extends W {
 	descriptor = {
 		type: "anchoredVWAP",
 		name: "Anchored VWAP",
@@ -3667,7 +3667,7 @@ var He = class {
 		if (a >= i.length) return;
 		let { vwap: o, upper1: s, lower1: c, upper2: l, lower2: u } = this.computeVWAP(i, a), { chartRect: d } = n, f = n.barWidth + n.barSpacing;
 		if (this.applyLineStyle(e, t.style), e.lineWidth = t.style.lineWidth + .5, this.drawLine(e, o, a, n, d, f), this.showBands && o.length > 1 && (e.globalAlpha = .4, e.lineWidth = Math.max(.5, t.style.lineWidth * .6), e.setLineDash([4, 3]), this.drawLine(e, s, a, n, d, f), this.drawLine(e, c, a, n, d, f), e.globalAlpha = .25, this.drawLine(e, l, a, n, d, f), this.drawLine(e, u, a, n, d, f), e.globalAlpha = 1), this.resetLineStyle(e), o.length > 0) {
-			let r = o[o.length - 1], i = y(a + o.length - 1, n), s = b(r, n);
+			let r = o[o.length - 1], i = S(a + o.length - 1, n), s = C(r, n);
 			i >= d.x && i <= d.x + d.width && (e.fillStyle = t.style.color, e.font = "bold 9px sans-serif", e.textAlign = "left", e.textBaseline = "middle", e.fillText(`AVWAP ${r.toFixed(2)}`, i + 6, s));
 		}
 		r && this.renderAnchorHandles(e, t, n);
@@ -3676,10 +3676,10 @@ var He = class {
 		e.beginPath();
 		let o = !1;
 		for (let s = 0; s < t.length; s++) {
-			let c = y(n + s, r);
+			let c = S(n + s, r);
 			if (c < i.x - a) continue;
 			if (c > i.x + i.width + a) break;
-			let l = b(t[s], r);
+			let l = C(t[s], r);
 			o ? e.lineTo(c, l) : (e.moveTo(c, l), o = !0);
 		}
 		e.stroke();
@@ -3708,7 +3708,7 @@ var He = class {
 		if (a >= i.length) return !1;
 		let { vwap: o } = this.computeVWAP(i, a);
 		for (let t = 1; t < o.length; t++) {
-			let i = y(a + t - 1, n), s = b(o[t - 1], n), c = y(a + t, n), l = b(o[t], n);
+			let i = S(a + t - 1, n), s = C(o[t - 1], n), c = S(a + t, n), l = C(o[t], n);
 			if (this.distanceToLine(e, {
 				x: i,
 				y: s
@@ -3719,7 +3719,7 @@ var He = class {
 		}
 		return !1;
 	}
-}, gt = class extends q {
+}, Ct = class extends W {
 	descriptor = {
 		type: "volumeProfileRange",
 		name: "Volume Profile (Range)",
@@ -3745,15 +3745,15 @@ var He = class {
 		if (d === 0) return;
 		let f = 0;
 		for (let e = 1; e < this.numBins; e++) u[e] > u[f] && (f = e);
-		let p = y(o, n) + n.barWidth, m = t.style.color, h = t.style.fillColor ?? "#FF9800";
+		let p = S(o, n) + n.barWidth, m = t.style.color, h = t.style.fillColor ?? "#FF9800";
 		e.save();
 		for (let t = 0; t < this.numBins; t++) {
-			let r = u[t] / d * 100, i = s + (t + 1) * l, a = s + t * l, o = b(i, n), c = b(a, n), g = Math.abs(c - o);
+			let r = u[t] / d * 100, i = s + (t + 1) * l, a = s + t * l, o = C(i, n), c = C(a, n), g = Math.abs(c - o);
 			e.globalAlpha = .35, e.fillStyle = t === f ? h : m, e.fillRect(p, Math.min(o, c), r, Math.max(1, g - .5));
 		}
-		let g = s + (f + .5) * l, _ = b(g, n);
+		let g = s + (f + .5) * l, _ = C(g, n);
 		e.globalAlpha = .7, e.strokeStyle = h, e.lineWidth = 1, e.setLineDash([4, 3]), e.beginPath();
-		let v = y(a, n) - n.barWidth / 2;
+		let v = S(a, n) - n.barWidth / 2;
 		e.moveTo(v, _), e.lineTo(p + 100, _), e.stroke(), e.fillStyle = h, e.font = "9px sans-serif", e.textAlign = "left", e.textBaseline = "bottom", e.globalAlpha = .8, e.fillText(`POC ${g.toFixed(2)}`, p + 100 + 4, _ - 2), e.restore(), r && this.renderAnchorHandles(e, t, n);
 	}
 	hitTest(e, t, n, r) {
@@ -3764,16 +3764,16 @@ var He = class {
 };
 //#endregion
 //#region src/drawings/tools/index.ts
-function _t(e) {
-	e.register(new Ke()), e.register(new qe()), e.register(new Je()), e.register(new Ye()), e.register(new Xe()), e.register(new Ze()), e.register(new J()), e.register(new Qe()), e.register(new et()), e.register(new tt()), e.register(new nt()), e.register(new rt()), e.register(new it()), e.register(new ot()), 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());
+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());
 }
 //#endregion
 //#region src/trading/OrderRenderer.ts
-var vt = class {
+var Tt = 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) {
-			let t = a?.orderId === i.id && a.sourceType === "order", l = b(t ? a.currentPrice : i.price, n);
+			let t = a?.orderId === i.id && a.sourceType === "order", l = C(t ? a.currentPrice : i.price, n);
 			if (l < c.y || l > c.y + c.height) continue;
 			let u = i.side === "buy" ? o : s;
 			e.setLineDash([6, 4]), e.strokeStyle = u, e.lineWidth = 1, e.beginPath(), e.moveTo(c.x, Math.round(l) + .5), e.lineTo(c.x + c.width, Math.round(l) + .5), e.stroke(), e.setLineDash([]);
@@ -3783,37 +3783,37 @@ var vt = class {
 			e.fillStyle = u, e.fillRect(c.x + 4, l - 8, f, 16), e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.textAlign = "left", e.fillText(d, c.x + 8, l);
 			let p = c.x + 4 + f + 6;
 			if (e.fillStyle = u, e.beginPath(), i.side === "buy" ? (e.moveTo(p, l + 4), e.lineTo(p + 5, l - 2), e.lineTo(p + 10, l + 4)) : (e.moveTo(p, l - 4), e.lineTo(p + 5, l + 2), e.lineTo(p + 10, l - 4)), e.fill(), t) {
-				let t = b(a.startPrice, n);
+				let t = C(a.startPrice, n);
 				e.setLineDash([2, 4]), e.strokeStyle = u, e.globalAlpha = .3, e.beginPath(), e.moveTo(c.x, Math.round(t) + .5), e.lineTo(c.x + c.width, Math.round(t) + .5), e.stroke(), e.globalAlpha = 1, e.setLineDash([]);
 			}
 		}
 	}
 	renderAxisBadges(e, t, n, r, i, a) {
-		let s = i.orderColors?.buy ?? "#26A69A", c = i.orderColors?.sell ?? "#EF5350", l = i.pricePrecision ?? 2, { chartRect: u } = n, d = u.x + u.width + 1;
+		let o = i.orderColors?.buy ?? "#26A69A", s = i.orderColors?.sell ?? "#EF5350", l = i.pricePrecision ?? 2, { chartRect: u } = n, d = u.x + u.width + 1;
 		for (let i of t) {
-			let t = a?.orderId === i.id && a.sourceType === "order" ? a.currentPrice : i.price, f = b(t, n);
+			let t = a?.orderId === i.id && a.sourceType === "order" ? a.currentPrice : i.price, f = C(t, n);
 			if (f < u.y || f > u.y + u.height) continue;
-			let p = i.side === "buy" ? s : c, m = `${t.toFixed(l)} x ${i.quantity}`;
+			let p = i.side === "buy" ? o : s, m = `${t.toFixed(l)} x ${i.quantity}`;
 			e.font = `11px ${r.font.family}`;
 			let h = e.measureText(m).width + 10;
-			e.fillStyle = p, e.fillRect(d, f - 9, Math.min(h, o - 2), 18), e.fillStyle = "#FFFFFF", e.textAlign = "left", e.textBaseline = "middle", e.fillText(m, d + 5, f);
+			e.fillStyle = p, e.fillRect(d, f - 9, Math.min(h, c - 2), 18), e.fillStyle = "#FFFFFF", e.textAlign = "left", e.textBaseline = "middle", e.fillText(m, d + 5, f);
 		}
 	}
 	hitTest(e, t, n, r) {
 		for (let i of t) {
 			if (i.draggable === !1) continue;
-			let t = b(i.price, n);
+			let t = C(i.price, n);
 			if (Math.abs(e - t) <= r) return i;
 		}
 		return null;
 	}
-}, yt = class {
+}, Et = 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) {
-			let t = b(a.entryPrice, r);
+			let t = C(a.entryPrice, r);
 			if (e.strokeStyle = l, e.lineWidth = 1.5, e.setLineDash([]), e.beginPath(), e.moveTo(o.x, Math.round(t) + .5), e.lineTo(o.x + o.width, Math.round(t) + .5), e.stroke(), n !== null) {
-				let l = b(n, r), d = (n - a.entryPrice) * a.quantity * (a.side === "buy" ? 1 : -1), f = d >= 0;
+				let l = C(n, r), d = (n - a.entryPrice) * a.quantity * (a.side === "buy" ? 1 : -1), f = d >= 0;
 				e.fillStyle = f ? s : c, e.globalAlpha = .08;
 				let p = Math.min(t, l), m = Math.abs(l - t);
 				e.fillRect(o.x, p, o.width, m), e.globalAlpha = 1;
@@ -3823,24 +3823,24 @@ var vt = class {
 				e.fillStyle = f ? s : c, e.globalAlpha = .9, e.fillRect(_, t - 10, g, 20), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.textAlign = "left", e.fillText(h, _ + 6, t);
 			}
 			if (a.stopLoss !== void 0) {
-				let t = b(a.stopLoss, r);
+				let t = C(a.stopLoss, r);
 				e.setLineDash([4, 4]), e.strokeStyle = c, e.lineWidth = 1, e.beginPath(), e.moveTo(o.x, Math.round(t) + .5), e.lineTo(o.x + o.width, Math.round(t) + .5), e.stroke(), e.font = `bold 10px ${i.font.family}`, e.fillStyle = c, e.fillRect(o.x + 4, t - 8, 24, 16), e.fillStyle = "#FFFFFF", e.textAlign = "left", e.textBaseline = "middle", e.fillText("SL", o.x + 8, t);
 			}
 			if (a.takeProfit !== void 0) {
-				let t = b(a.takeProfit, r);
+				let t = C(a.takeProfit, r);
 				e.setLineDash([4, 4]), e.strokeStyle = s, e.lineWidth = 1, e.beginPath(), e.moveTo(o.x, Math.round(t) + .5), e.lineTo(o.x + o.width, Math.round(t) + .5), e.stroke(), e.font = `bold 10px ${i.font.family}`, e.fillStyle = s, e.fillRect(o.x + 4, t - 8, 24, 16), e.fillStyle = "#FFFFFF", e.textAlign = "left", e.textBaseline = "middle", e.fillText("TP", o.x + 8, t);
 			}
 			e.setLineDash([]);
 		}
 	}
 	renderAxisBadges(e, t, n, r, i) {
-		let { chartRect: a } = n, s = i.positionColors?.entry ?? "#2196F3", c = i.pricePrecision ?? 2, l = a.x + a.width + 1;
+		let { chartRect: a } = n, o = i.positionColors?.entry ?? "#2196F3", s = i.pricePrecision ?? 2, l = a.x + a.width + 1;
 		for (let i of t) {
-			let t = b(i.entryPrice, n);
-			e.fillStyle = s, e.fillRect(l, t - 9, o - 2, 18), e.fillStyle = "#FFFFFF", e.font = `11px ${r.font.family}`, e.textAlign = "left", e.textBaseline = "middle", e.fillText(i.entryPrice.toFixed(c), l + 5, t);
+			let t = C(i.entryPrice, n);
+			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);
 		}
 	}
-}, bt = class {
+}, Dt = 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;
@@ -3855,23 +3855,23 @@ var vt = class {
 			cumVol: u
 		}), u > c && (c = u);
 		if (c === 0) return;
-		let f = Math.max(1, t.bids.length > 1 ? Math.abs(b(t.bids[0].price, n) - b(t.bids[1].price, n)) : 4), p = i.x + i.width;
+		let f = Math.max(1, t.bids.length > 1 ? Math.abs(C(t.bids[0].price, n) - C(t.bids[1].price, n)) : 4), p = i.x + i.width;
 		e.fillStyle = a;
 		for (let { price: t, cumVol: r } of l) {
-			let a = b(t, n);
+			let a = C(t, n);
 			if (a < i.y || a > i.y + i.height) continue;
 			let o = r / c * s;
 			e.fillRect(p - o, a - f / 2, o, f);
 		}
 		e.fillStyle = o;
 		for (let { price: t, cumVol: r } of d) {
-			let a = b(t, n);
+			let a = C(t, n);
 			if (a < i.y || a > i.y + i.height) continue;
 			let o = r / c * s;
 			e.fillRect(p - o, a - f / 2, o, f);
 		}
 	}
-}, xt = class {
+}, Ot = class {
 	dragState = null;
 	startY = 0;
 	dragging = !1;
@@ -3881,7 +3881,7 @@ var vt = class {
 	onPointerDown(e, t, n, r, i) {
 		for (let n of t) {
 			if (n.draggable === !1) continue;
-			let t = b(n.price, r);
+			let t = C(n.price, r);
 			if (Math.abs(e.y - t) <= i) return this.dragState = {
 				orderId: n.id,
 				sourceType: "order",
@@ -3891,7 +3891,7 @@ var vt = class {
 		}
 		for (let t of n) {
 			if (t.stopLoss !== void 0) {
-				let n = b(t.stopLoss, r);
+				let n = C(t.stopLoss, r);
 				if (Math.abs(e.y - n) <= i) return this.dragState = {
 					orderId: t.id,
 					sourceType: "stopLoss",
@@ -3900,7 +3900,7 @@ var vt = class {
 				}, this.startY = e.y, this.dragging = !1, !0;
 			}
 			if (t.takeProfit !== void 0) {
-				let n = b(t.takeProfit, r);
+				let n = C(t.takeProfit, r);
 				if (Math.abs(e.y - n) <= i) return this.dragState = {
 					orderId: t.id,
 					sourceType: "takeProfit",
@@ -3917,7 +3917,7 @@ var vt = class {
 			if (Math.abs(e.y - this.startY) < this.dragThreshold) return !0;
 			this.dragging = !0;
 		}
-		return this.dragState.currentPrice = S(e.y, t), !0;
+		return this.dragState.currentPrice = T(e.y, t), !0;
 	}
 	onPointerUp() {
 		if (!this.dragState) return null;
@@ -3935,7 +3935,7 @@ var vt = class {
 	isActive() {
 		return this.dragState !== null;
 	}
-}, St = class {
+}, kt = class {
 	menuElement = null;
 	removeHandler = null;
 	onItemSelect = null;
@@ -4019,25 +4019,25 @@ var vt = class {
 	destroy() {
 		this.hide(), this.onItemSelect = null;
 	}
-}, Ct = class {
+}, At = class {
 	orders = [];
 	positions = [];
 	depthData = null;
 	currentPrice = null;
 	config;
-	orderRenderer = new vt();
-	positionRenderer = new yt();
-	depthOverlay = new bt();
+	orderRenderer = new Tt();
+	positionRenderer = new Et();
+	depthOverlay = new Dt();
 	dragHandler;
-	contextMenu = new St();
+	contextMenu = new kt();
 	requestRender = null;
 	eventCallback = null;
 	container = null;
 	constructor(e) {
 		this.config = {
-			...i,
+			...a,
 			...e
-		}, this.dragHandler = new xt(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
+		}, this.dragHandler = new Ot(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
 			this.eventCallback?.("orderPlace", e);
 		};
 	}
@@ -4086,7 +4086,7 @@ var vt = class {
 	}
 	onContextMenu(e, t) {
 		if (!this.config.enabled || !this.config.contextMenu?.enabled || !this.container) return !1;
-		let n = S(e.y, t);
+		let n = T(e.y, t);
 		return this.contextMenu.show(e, n, this.container, this.config), !0;
 	}
 	render(e, t, n) {
@@ -4098,7 +4098,7 @@ var vt = class {
 	destroy() {
 		this.contextMenu.destroy();
 	}
-}, wt = class {
+}, jt = class {
 	constructor(e) {
 		this.manager = e;
 	}
@@ -4108,7 +4108,7 @@ var vt = class {
 	renderAxisBadges(e, t, n) {
 		this.manager.renderAxisBadges(e, t, n);
 	}
-}, Z = class {
+}, q = class {
 	listeners = /* @__PURE__ */ new Map();
 	on(e, t) {
 		let n = this.listeners.get(e);
@@ -4130,7 +4130,7 @@ var vt = class {
 	removeAllListeners() {
 		this.listeners.clear();
 	}
-}, Tt = class extends Z {
+}, Mt = class extends q {
 	currentBar = null;
 	timeframeMs;
 	tickRing;
@@ -4138,10 +4138,10 @@ var vt = class {
 	ringCount = 0;
 	ringCapacity;
 	constructor(e, t = 1e3) {
-		super(), this.timeframeMs = p(e), this.ringCapacity = t, this.tickRing = Array(t);
+		super(), this.timeframeMs = g(e), this.ringCapacity = t, this.tickRing = Array(t);
 	}
 	setTimeframe(e) {
-		this.timeframeMs = p(e), this.currentBar = null, this.ringHead = 0, this.ringCount = 0;
+		this.timeframeMs = g(e), this.currentBar = null, this.ringHead = 0, this.ringCount = 0;
 	}
 	processTick(e) {
 		let t = (this.ringHead + this.ringCount) % this.ringCapacity;
@@ -4192,14 +4192,14 @@ var vt = class {
 	alignToTimeframe(e) {
 		return Math.floor(e / this.timeframeMs) * this.timeframeMs;
 	}
-}, Q = class extends Z {
+}, J = class extends q {
 	config;
 	attempt = 0;
 	timer = null;
 	active = !1;
 	constructor(e) {
 		super(), this.config = {
-			...n,
+			...r,
 			...e
 		};
 	}
@@ -4239,7 +4239,7 @@ var vt = 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));
 	}
-}, Et = class {
+}, Nt = class {
 	price = null;
 	previousClose = null;
 	visible = !0;
@@ -4259,23 +4259,23 @@ var vt = class {
 	}
 	render(e, t, n) {
 		if (!this.visible || this.price === null) return;
-		let r = b(this.price, t), { chartRect: i } = t;
+		let r = C(this.price, t), { chartRect: i } = t;
 		if (r < i.y || r > i.y + i.height) return;
-		let a = this.previousClose === null || this.price >= this.previousClose ? n.candleUp ?? "#26A69A" : n.candleDown ?? "#EF5350", s = Date.now() < this.flashUntil;
-		e.setLineDash([4, 3]), e.strokeStyle = a, e.lineWidth = 1, e.globalAlpha = s ? 1 : .7, e.beginPath(), e.moveTo(i.x, Math.round(r) + .5), e.lineTo(i.x + i.width, Math.round(r) + .5), e.stroke(), e.setLineDash([]), e.globalAlpha = 1;
-		let c = i.x + i.width + 1, l = this.price.toFixed(this.pricePrecision);
+		let a = this.previousClose === null || this.price >= this.previousClose ? n.candleUp ?? "#26A69A" : n.candleDown ?? "#EF5350", o = Date.now() < this.flashUntil;
+		e.setLineDash([4, 3]), e.strokeStyle = a, e.lineWidth = 1, e.globalAlpha = o ? 1 : .7, e.beginPath(), e.moveTo(i.x, Math.round(r) + .5), e.lineTo(i.x + i.width, Math.round(r) + .5), e.stroke(), e.setLineDash([]), e.globalAlpha = 1;
+		let s = i.x + i.width + 1, l = this.price.toFixed(this.pricePrecision);
 		e.font = `bold 11px ${n.font.family}`;
-		let u = e.measureText(l).width, d = Math.min(u + 12, o - 2);
-		e.fillStyle = a, e.fillRect(c, r - 10, d, 20);
-		let f = c - 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, c + 5, r);
+		let u = e.measureText(l).width, d = Math.min(u + 12, c - 2);
+		e.fillStyle = a, e.fillRect(s, r - 10, d, 20);
+		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);
 	}
-}, Dt = class extends Z {
+}, Pt = class extends q {
 	config = null;
 	adapter = null;
 	aggregator = null;
 	reconnector;
-	priceLine = new Et();
+	priceLine = new Nt();
 	state = "disconnected";
 	lastPrice = null;
 	previousClose = null;
@@ -4283,13 +4283,13 @@ var vt = class {
 	heartbeatTimer = null;
 	lastMessageTime = 0;
 	constructor() {
-		super(), this.reconnector = new Q(), this.wireReconnector();
+		super(), this.reconnector = new J(), this.wireReconnector();
 	}
 	async connect(e) {
 		this.disconnect(), this.config = {
-			...r,
+			...i,
 			...e
-		}, this.adapter = e.adapter, this.aggregator = new Tt(e.timeframe), this.reconnector.removeAllListeners(), this.reconnector.stop(), this.reconnector = new Q(e.reconnect ?? n), this.wireReconnector(), this.aggregator.on("bar", (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.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 vt = class {
 	dispose() {
 		this.disconnect(), this.removeAllListeners();
 	}
-}, Ot = {
+}, Ft = {
 	"1s": "1s",
 	"1m": "1m",
 	"3m": "3m",
@@ -4408,7 +4408,7 @@ var vt = class {
 	"3d": "3d",
 	"1w": "1w",
 	"1M": "1M"
-}, kt = class {
+}, It = class {
 	name = "binance";
 	ws = null;
 	state = "disconnected";
@@ -4429,7 +4429,7 @@ var vt = class {
 		return this.state;
 	}
 	async fetchHistory(e, t, n = 500) {
-		let r = Ot[t] ?? "15m", i = `${this.restBase}/klines?symbol=${e}&interval=${r}&limit=${n}`, a = await fetch(i);
+		let r = Ft[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 vt = class {
 	}
 	connectWs() {
 		if (!this.config) return;
-		let e = `${this.config.symbol.toLowerCase()}@kline_${Ot[this.config.timeframe] ?? "15m"}`, t = `${this.wsBase}/${e}`;
+		let e = `${this.config.symbol.toLowerCase()}@kline_${Ft[this.config.timeframe] ?? "15m"}`, t = `${this.wsBase}/${e}`;
 		this.setState("connecting");
 		try {
 			this.ws = new WebSocket(t);
@@ -4505,7 +4505,7 @@ var vt = class {
 			for (let e of n) e(r);
 		}
 	}
-}, At = class {
+}, Lt = class {
 	name = "mock";
 	state = "disconnected";
 	listeners = /* @__PURE__ */ new Map();
@@ -4545,7 +4545,7 @@ var vt = class {
 		this.disconnect(), this.listeners.clear();
 	}
 	generateHistory(e, t) {
-		let n = [], r = Date.now(), i = p(e), a = this.options.basePrice, o = this.options.volatility / 100;
+		let n = [], r = Date.now(), i = g(e), a = this.options.basePrice, o = this.options.volatility / 100;
 		for (let e = t - 1; e >= 0; e--) {
 			let t = r - e * i, s = (Math.random() - .48) * a * o, c = a;
 			a += s;
@@ -4568,7 +4568,7 @@ var vt = class {
 			if (this.state !== "connected" || !this.config) return;
 			let e = this.options.volatility / 100, t = (Math.random() - .48) * this.currentPrice * e * .3;
 			this.currentPrice += t;
-			let n = Date.now(), r = p(this.config.timeframe), i = {
+			let n = Date.now(), r = g(this.config.timeframe), i = {
 				time: Math.floor(n / r) * r,
 				open: this.currentPrice - t,
 				high: Math.max(this.currentPrice, this.currentPrice - t) + Math.abs(t) * .2,
@@ -4600,7 +4600,7 @@ var vt = class {
 			for (let e of n) e(r);
 		}
 	}
-}, jt = {
+}, Rt = {
 	visible: !0,
 	showSymbol: !0,
 	showOHLC: !0,
@@ -4608,8 +4608,8 @@ var vt = class {
 	showVolume: !0,
 	position: "top-left",
 	fontSize: 12
-}, Mt = class {
-	config = { ...jt };
+}, zt = class {
+	config = { ...Rt };
 	symbol = "";
 	timeframe = "";
 	hoverBar = null;
@@ -4696,7 +4696,7 @@ var vt = class {
 			}
 		}
 	}
-}, Nt = class {
+}, Bt = class {
 	static toDataURL(e, t) {
 		let n = e.querySelectorAll("canvas");
 		if (n.length === 0) return "";
@@ -4718,7 +4718,7 @@ var vt = class {
 		let i = document.createElement("a");
 		i.href = r, i.download = t, document.body.appendChild(i), i.click(), document.body.removeChild(i);
 	}
-}, Pt = class {
+}, Vt = class {
 	config = null;
 	setConfig(e) {
 		this.config = e;
@@ -4728,7 +4728,7 @@ var vt = 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();
 	}
-}, Ft = class {
+}, Ht = class {
 	visible = !0;
 	timeframeMs = 0;
 	setVisible(e) {
@@ -4744,14 +4744,14 @@ var vt = class {
 		if (!this.visible || this.timeframeMs <= 0 || r.length === 0) return;
 		let i = r[r.length - 1], a = (i.time > 0xe8d4a51000 ? i.time : i.time * 1e3) + this.timeframeMs - Date.now();
 		if (a <= 0) return;
-		let o = this.formatRemaining(a), s = y(r.length - 1, t), c = t.chartRect.y + t.chartRect.height - 4;
+		let o = this.formatRemaining(a), s = S(r.length - 1, t), c = t.chartRect.y + t.chartRect.height - 4;
 		s < t.chartRect.x || s > t.chartRect.x + t.chartRect.width || (e.font = `${n.font.sizeSmall}px ${n.font.family}`, e.textBaseline = "bottom", e.textAlign = "center", e.fillStyle = n.textSecondary, e.fillText(o, s, c));
 	}
 	formatRemaining(e) {
 		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")}`;
 	}
-}, It = class {
+}, Ut = class {
 	config = { visible: !1 };
 	cachedBreaks = [];
 	lastDataLength = 0;
@@ -4785,7 +4785,7 @@ var vt = class {
 		let { chartRect: a } = t, o = this.config.color ?? n.axisLine, s = this.config.lineWidth ?? 1, c = this.config.lineStyle ?? "dashed";
 		e.save(), e.strokeStyle = o, e.lineWidth = s, e.globalAlpha = .4, c === "dashed" ? e.setLineDash([6, 4]) : c === "dotted" && e.setLineDash([2, 3]), e.beginPath();
 		for (let n of i) {
-			let r = y(n, t) - (t.barWidth + t.barSpacing) / 2;
+			let r = S(n, t) - (t.barWidth + t.barSpacing) / 2;
 			if (r < a.x - 1 || r > a.x + a.width + 1) continue;
 			let i = Math.round(r) + .5;
 			e.moveTo(i, a.y), e.lineTo(i, a.y + a.height);
@@ -4795,7 +4795,7 @@ var vt = class {
 	invalidateCache() {
 		this.lastDataLength = 0, this.cachedBreaks = [];
 	}
-}, Lt = 1, Rt = class extends Z {
+}, Wt = 1, Gt = class extends q {
 	alerts = [];
 	lastPrice = null;
 	requestRender = null;
@@ -4807,7 +4807,7 @@ var vt = class {
 		this.pricePrecision = e;
 	}
 	addAlert(e, t = "crossing", n, r = !1) {
-		let i = `alert_${Lt++}`, a = {
+		let i = `tc_alert_${Wt++}`, a = {
 			id: i,
 			price: e,
 			condition: t,
@@ -4879,7 +4879,7 @@ var vt = class {
 	render(e, t, n) {
 		let { chartRect: r } = t;
 		for (let i of this.alerts) {
-			let a = b(i.price, t);
+			let a = C(i.price, t);
 			if (a < r.y || a > r.y + r.height) continue;
 			let o = i.triggered ? "#FF9800" : "#FFD700";
 			e.setLineDash([2, 6]), e.strokeStyle = o, e.lineWidth = 1, e.beginPath(), e.moveTo(r.x, Math.round(a) + .5), e.lineTo(r.x + r.width, Math.round(a) + .5), e.stroke(), e.setLineDash([]), e.font = `10px ${n.font.family}`, e.fillStyle = o, e.textBaseline = "bottom", e.textAlign = "right";
@@ -4887,7 +4887,7 @@ var vt = class {
 			e.fillText(s, r.x + r.width - 4, a - 2);
 		}
 	}
-}, zt = class extends Z {
+}, Kt = class extends q {
 	data = [];
 	currentIndex = 0;
 	timer = null;
@@ -4941,10 +4941,10 @@ var vt = class {
 	dispose() {
 		this.stop(), this.removeAllListeners(), this.data = [];
 	}
-}, $ = 1, Bt = class {
+}, Y = 1, qt = class {
 	static capture(e, t) {
 		return {
-			version: $,
+			version: Y,
 			timestamp: Date.now(),
 			chartType: t?.chartType ?? "candlestick",
 			symbol: t?.symbol,
@@ -4967,7 +4967,7 @@ var vt = class {
 	}
 	static deserialize(e) {
 		let t = JSON.parse(e);
-		return t.version !== $ && console.warn(`Chart state version mismatch: ${t.version} vs ${$}`), t;
+		return t.version !== Y && console.warn(`Chart state version mismatch: ${t.version} vs ${Y}`), t;
 	}
 	static saveToStorage(e, t) {
 		localStorage.setItem(e, this.serialize(t));
@@ -4976,7 +4976,7 @@ var vt = class {
 		let t = localStorage.getItem(e);
 		return t ? this.deserialize(t) : null;
 	}
-	static downloadFile(e, t = "chart-state.json") {
+	static downloadFile(e, t = "tc-chart-state.json") {
 		let n = new Blob([this.serialize(e)], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
 		i.href = r, i.download = t, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r);
 	}
@@ -4994,7 +4994,7 @@ var vt = class {
 			}, n.click();
 		});
 	}
-}, Vt = class {
+}, Jt = class {
 	undoStack = [];
 	redoStack = [];
 	maxHistory = 50;
@@ -5030,7 +5030,7 @@ var vt = class {
 			redoCount: this.redoStack.length
 		};
 	}
-}, Ht = class {
+}, Yt = 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 vt = 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);
 	}
-}, Ut = {
+}, Xt = {
 	linear: (e) => e,
 	easeOutCubic: (e) => 1 - (1 - e) ** 3,
 	easeOutQuart: (e) => 1 - (1 - e) ** 4,
@@ -5056,7 +5056,7 @@ var vt = 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)
-}, Wt = class {
+}, Zt = class {
 	animations = /* @__PURE__ */ new Map();
 	frameId = 0;
 	running = !1;
@@ -5064,7 +5064,7 @@ var vt = class {
 		this.animations.set(e, {
 			startTime: -1,
 			duration: t.duration,
-			easing: t.easing ?? Ut.easeOutCubic,
+			easing: t.easing ?? Xt.easeOutCubic,
 			onUpdate: t.onUpdate,
 			onComplete: t.onComplete
 		}), this.running || (this.running = !0, this.tick());
@@ -5098,6 +5098,505 @@ var vt = class {
 	}
 };
 //#endregion
-export { I as ADXIndicator, F as ATRIndicator, Te as AccumulationDistributionIndicator, Rt as AlertManager, ht as AnchoredVWAPTool, Wt as Animator, ee as AreaRenderer, V as AroonIndicator, dt as ArrowTool, Ft as BarCountdown, te as BarRenderer, re as BaselineRenderer, kt as BinanceAdapter, ye as BollingerBandsIndicator, z as CCIIndicator, W as CMFIndicator, D as CandlestickRenderer, h as CanvasLayer, Mt as ChartLegend, Bt as ChartStateManager, ce as CompareRenderer, Le as CrosshairHandler, ze as CrosshairTooltip, Et as CurrentPriceLine, jt as DEFAULT_LEGEND_CONFIG, v as DPRManager, Ht as DataExporter, ct as DateRangeTool, bt as DepthOverlay, j as DonchianChannelIndicator, q as DrawingBase, We as DrawingManager, Ge as DrawingRenderer, ve as EMAIndicator, Ut as Easing, ot as ElliottWaveTool, nt as EllipseTool, Z as Emitter, He as EventBus, Xe as ExtendedLineTool, et as FibExtensionTool, Qe as FibRetracementTool, mt as GannBoxTool, pt as GannFanTool, Oe as GridRenderer, ne as HollowCandleRenderer, qe as HorizontalLineTool, xe as IchimokuIndicator, k as IndicatorBase, ge as IndicatorEngine, Pe as InteractionManager, ae as KagiRenderer, A as KeltnerChannelIndicator, Re as KeyboardHandler, g as LayerManager, O as LineRenderer, N as MACDIndicator, B as MFIIndicator, lt as MeasureTool, At as MockAdapter, L as OBVIndicator, vt as OrderRenderer, Fe as PanHandler, Se as ParabolicSARIndicator, Ze as ParallelChannelTool, it as PitchforkTool, oe as PointAndFigureRenderer, yt as PositionRenderer, ke as PriceAxis, st as PriceRangeTool, H as ROCIndicator, M as RSIIndicator, Ye as RayTool, Q as ReconnectManager, tt as RectangleTool, J as RegressionChannelTool, w as RenderEngine, _ as RenderLoop, ie as RenkoRenderer, zt as ReplayManager, _e as SMAIndicator, Nt as Screenshot, It as SessionBreaks, G as StdDevIndicator, P as StochasticIndicator, Dt as StreamManager, Ce as SupertrendIndicator, U as TSIIndicator, ut as TextAnnotationTool, Tt as TickAggregator, Ne as TimeAxis, St as TradingContextMenu, xt as TradingDragHandler, Ct as TradingManager, wt as TradingRenderer, Ke as TrendLineTool, rt as TriangleTool, Vt as UndoRedoManager, Ee as VROCIndicator, be as VWAPIndicator, Je as VerticalLineTool, T as Viewport, we as VolumeProfileIndicator, gt as VolumeProfileRangeTool, se as VolumeRenderer, Pt as Watermark, R as WilliamsRIndicator, Ie as ZoomHandler, y as barIndexToX, E as getVisibleData, b as priceToY, _t as registerBuiltInDrawingTools, De as registerBuiltInIndicators, C as timestampToBarIndex, le as toHeikinAshi, pe as toKagi, fe as toLineBreak, me as toPointAndFigure, ue as toRenko, x as xToBarIndex, S as yToPrice };
+//#region src/finance/BaseFinanceChart.ts
+function Qt(t) {
+	return !t || t === "dark" ? e : t === "light" ? o : t;
+}
+var $t = class {
+	canvas;
+	ctx;
+	container;
+	theme;
+	width = 0;
+	height = 0;
+	dpr = 1;
+	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.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;
+	}
+	requestRender() {
+		this.frameId === null && (this.frameId = requestAnimationFrame(() => {
+			this.frameId = null, (this.width === 0 || this.height === 0) && this.updateSize(), !(this.width === 0 || this.height === 0) && (this.ctx.save(), this.ctx.scale(this.dpr, this.dpr), this.ctx.clearRect(0, 0, this.width, this.height), this.renderChart(this.ctx, this.width, this.height, this.theme), this.ctx.restore());
+		}));
+	}
+	setTheme(e) {
+		this.theme = Qt(e), this.requestRender();
+	}
+	destroy() {
+		this.frameId !== null && cancelAnimationFrame(this.frameId), this.resizeObserver.disconnect(), this.canvas.remove();
+	}
+}, en = class {
+	pos = null;
+	canvas;
+	onUpdate;
+	handleMove;
+	handleLeave;
+	constructor(e, t) {
+		this.canvas = e, this.onUpdate = t, this.handleMove = (t) => {
+			let n = e.getBoundingClientRect();
+			this.pos = {
+				x: t.clientX - n.left,
+				y: t.clientY - n.top
+			}, this.onUpdate();
+		}, this.handleLeave = () => {
+			this.pos = null, this.onUpdate();
+		}, e.addEventListener("pointermove", this.handleMove), e.addEventListener("pointerleave", this.handleLeave);
+	}
+	getPosition() {
+		return this.pos;
+	}
+	isActive() {
+		return this.pos !== null;
+	}
+	drawCrosshair(e, t, n, r) {
+		this.pos && (e.save(), e.strokeStyle = r, e.lineWidth = .5, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(this.pos.x, 0), e.lineTo(this.pos.x, n), e.stroke(), e.beginPath(), e.moveTo(0, this.pos.y), e.lineTo(t, this.pos.y), e.stroke(), e.restore());
+	}
+	destroy() {
+		this.canvas.removeEventListener("pointermove", this.handleMove), this.canvas.removeEventListener("pointerleave", this.handleLeave);
+	}
+};
+//#endregion
+//#region src/finance/SparklineRenderer.ts
+function tn(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;
+	for (let e = 0; e < a.length; e++) a[e] < m && (m = a[e], g = e), a[e] > h && (h = a[e], _ = e);
+	let v = h - m || 1, y = (e) => 2 + e / (a.length - 1) * f, b = (e) => 2 + p - (e - m) / v * p;
+	if (o === "area") {
+		let t = e.createLinearGradient(0, 2, 0, n - 2);
+		t.addColorStop(0, d + (d.startsWith("#") ? "40" : "")), t.addColorStop(1, "transparent"), e.beginPath(), e.moveTo(y(0), b(a[0]));
+		for (let t = 1; t < a.length; t++) e.lineTo(y(t), b(a[t]));
+		e.lineTo(y(a.length - 1), n - 2), e.lineTo(y(0), n - 2), e.closePath(), e.fillStyle = t, e.fill();
+	}
+	e.beginPath(), e.moveTo(y(0), b(a[0]));
+	for (let t = 1; t < a.length; t++) e.lineTo(y(t), b(a[t]));
+	if (e.strokeStyle = u, e.lineWidth = s, e.lineJoin = "round", e.stroke(), c) {
+		let t = r.lastPointColor ?? u, n = y(a.length - 1), i = b(a[a.length - 1]);
+		e.beginPath(), e.arc(n, i, 3, 0, Math.PI * 2), e.fillStyle = t, e.fill();
+	}
+	if (l) {
+		let t = r.minPointColor ?? i.candleDown, n = r.maxPointColor ?? i.candleUp;
+		e.beginPath(), e.arc(y(g), b(m), 2.5, 0, Math.PI * 2), e.fillStyle = t, e.fill(), e.beginPath(), e.arc(y(_), b(h), 2.5, 0, Math.PI * 2), e.fillStyle = n, e.fill();
+	}
+}
+//#endregion
+//#region src/finance/DepthChartRenderer.ts
+var nn = 50, rn = 60, X = 20, an = .2;
+function on(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,
+		cumulativeVolume: r
+	});
+	return n;
+}
+function sn(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,
+		cumulativeVolume: r
+	});
+	return n;
+}
+function cn(e, t) {
+	return {
+		left: nn,
+		right: e - rn,
+		top: X,
+		bottom: t - X,
+		plotWidth: e - nn - rn,
+		plotHeight: t - X * 2
+	};
+}
+function ln(e, t, n, r) {
+	e.fillStyle = r, e.fillRect(0, 0, t, n);
+}
+function un(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);
+	for (let t = 0; t <= i; t += h) {
+		let n = d - t / i * m;
+		e.beginPath(), e.moveTo(c, n), e.lineTo(l, n), e.stroke(), e.textAlign = "right", e.textBaseline = "middle", e.fillText(s(t), c - 4, n);
+	}
+	let g = r - n, _ = f(n, r, 6), v = Math.ceil(n / _) * _;
+	for (let t = v; t <= r; t += _) {
+		let r = c + (t - n) / g * p;
+		e.beginPath(), e.moveTo(r, u), e.lineTo(r, d), e.stroke(), e.textAlign = "center", e.textBaseline = "top", e.fillText(o(t), r, d + 4);
+	}
+	e.restore();
+}
+function dn(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") {
+		e.moveTo(p(t[0].price), u);
+		for (let n = 0; n < t.length; n++) {
+			let r = p(t[n].price), i = m(t[n].cumulativeVolume);
+			e.lineTo(r, i), n < t.length - 1 && e.lineTo(p(t[n + 1].price), i);
+		}
+		e.lineTo(p(t[t.length - 1].price), u);
+	} else {
+		e.moveTo(p(t[0].price), u);
+		for (let n = 0; n < t.length; n++) {
+			let r = p(t[n].price), i = m(t[n].cumulativeVolume);
+			e.lineTo(r, i), n < t.length - 1 && e.lineTo(p(t[n + 1].price), i);
+		}
+		e.lineTo(p(t[t.length - 1].price), u);
+	}
+	if (e.closePath(), e.fillStyle = o, e.fill(), e.beginPath(), c === "bid") {
+		e.moveTo(p(t[0].price), m(t[0].cumulativeVolume));
+		for (let n = 0; n < t.length; n++) {
+			let r = p(t[n].price), i = m(t[n].cumulativeVolume);
+			n > 0 && e.lineTo(r, m(t[n - 1].cumulativeVolume)), e.lineTo(r, i);
+		}
+	} else {
+		e.moveTo(p(t[0].price), m(t[0].cumulativeVolume));
+		for (let n = 1; n < t.length; n++) {
+			let r = m(t[n - 1].cumulativeVolume), i = p(t[n].price), a = m(t[n].cumulativeVolume);
+			e.lineTo(i, r), e.lineTo(i, a);
+		}
+	}
+	e.strokeStyle = s, e.lineWidth = 1.5, e.stroke();
+}
+function fn(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) {
+	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 = "";
+	if (n.length > 0 && _ <= n[0].price) {
+		y = "Bid";
+		for (let e of n) if (_ <= e.price) v = e.cumulativeVolume;
+		else break;
+	}
+	if (r.length > 0 && _ >= r[0].price) {
+		y = "Ask";
+		for (let e of r) if (_ >= e.price) v = e.cumulativeVolume;
+		else break;
+	}
+	if (e.save(), e.strokeStyle = c.crosshair, e.lineWidth = .5, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(g, f), e.lineTo(g, p), e.stroke(), v > 0) {
+		let t = p - v / s * h;
+		e.beginPath(), e.moveTo(d, t), e.lineTo(i.right, t), e.stroke();
+	}
+	e.restore();
+	let b = [`Price: ${l(_)}`, y ? `${y} Vol: ${u(v)}` : ""].filter(Boolean);
+	e.save(), e.font = `${c.font.sizeSmall}px ${c.font.family}`;
+	let x = Math.max(...b.map((t) => e.measureText(t).width)) + 16, S = b.length * (c.font.sizeSmall + 4) + 12, C = g + 10, w = t.y - S / 2;
+	C + x > i.right && (C = g - x - 10), w < f && (w = f), w + S > p && (w = p - S), e.fillStyle = c.axisLabelBackground, e.globalAlpha = .9, e.fillRect(C, w, x, S), e.globalAlpha = 1, e.fillStyle = c.text, e.textBaseline = "top", e.textAlign = "left";
+	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) {
+	return e.toFixed(2);
+}
+function hn(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) {
+	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);
+}
+//#endregion
+//#region src/finance/EquityCurveRenderer.ts
+var _n = 70, vn = 30, yn = 20, bn = 20, xn = .05;
+function Sn(e, t) {
+	return {
+		left: _n,
+		right: e - yn,
+		top: bn,
+		bottom: t - vn,
+		plotWidth: e - _n - yn,
+		plotHeight: t - bn - vn
+	};
+}
+function Cn(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;
+	return {
+		valMin: n - i,
+		valMax: r + i
+	};
+}
+function wn(e) {
+	let t = [], n = -Infinity;
+	for (let r of e) r.value > n && (n = r.value), t.push(n);
+	return t;
+}
+function Tn(e) {
+	let t = 864e5;
+	if (365.25 * t, e < 7 * t) {
+		let e = new Intl.DateTimeFormat(void 0, {
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+		return (t) => e.format(new Date(t));
+	}
+	if (e < 315576e5) {
+		let e = new Intl.DateTimeFormat(void 0, {
+			month: "short",
+			day: "numeric"
+		});
+		return (t) => e.format(new Date(t));
+	}
+	let n = new Intl.DateTimeFormat(void 0, {
+		month: "short",
+		year: "numeric"
+	});
+	return (e) => n.format(new Date(e));
+}
+function En(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) {
+	e.fillStyle = r, e.fillRect(0, 0, t, n);
+}
+function On(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;
+	for (let t = _; t <= r; t += g) {
+		let i = p - (t - n) / (r - n) * h;
+		e.beginPath(), e.moveTo(l, i), e.lineTo(u, i), e.stroke(), e.textAlign = "right", e.textBaseline = "middle", e.fillText(s(t), l - 6, i);
+	}
+	let v = a - i, y = f(i, a, 6), b = Math.ceil(i / y) * y;
+	for (let t = b; t <= a; t += y) {
+		let n = l + (t - i) / v * m;
+		e.beginPath(), e.moveTo(n, d), e.lineTo(n, p), e.stroke(), e.textAlign = "center", e.textBaseline = "top", e.fillText(c(t), n, p + 4);
+	}
+	e.restore();
+}
+function Z(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) {
+	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) {
+	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]));
+	for (let r = 1; r < t.length; r++) e.lineTo(p(t[r].time), m(n[r]));
+	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) {
+	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) {
+	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();
+	let v = a + (_ - f) / h * o, y = 0, b = Infinity;
+	for (let e = 0; e < n.length; e++) {
+		let t = Math.abs(n[e].time - v);
+		t < b && (b = t, y = e);
+	}
+	let x = n[y], S = [u(x.time), `Value: ${d(x.value)}`];
+	r && r.length > y && S.push(`Benchmark: ${d(r[y].value)}`);
+	let C = f + (x.time - a) / o * h, w = m - (x.value - s) / c * g;
+	e.beginPath(), e.arc(C, w, 3, 0, Math.PI * 2), e.fillStyle = l.lineColor, e.fill(), e.save(), e.font = `${l.font.sizeSmall}px ${l.font.family}`;
+	let T = Math.max(...S.map((t) => e.measureText(t).width)) + 16, E = S.length * (l.font.sizeSmall + 4) + 12, D = _ + 10, O = t.y - E / 2;
+	D + T > i.right && (D = _ - T - 10), O < p && (O = p), O + E > m && (O = m - E), e.fillStyle = l.axisLabelBackground, e.globalAlpha = .9, e.fillRect(D, O, T, E), e.globalAlpha = 1, e.fillStyle = l.text, e.textBaseline = "top", e.textAlign = "left";
+	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) {
+	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);
+}
+//#endregion
+//#region src/finance/HeatmapLayout.ts
+function Pn(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++) {
+		let r = a % i, l = Math.floor(a / i);
+		c.push({
+			id: e[a].id,
+			rect: {
+				x: t.x + r * o + n,
+				y: t.y + l * s + n,
+				width: Math.max(0, o - n * 2),
+				height: Math.max(0, s - n * 2)
+			}
+		});
+	}
+	return c;
+}
+function Fn(e, t) {
+	let n = e.reduce((e, t) => e + t, 0);
+	if (n === 0 || t === 0) return Infinity;
+	let r = 0;
+	for (let i of e) {
+		let e = n / t, a = i / e, o = e > a ? e / a : a / e;
+		o > r && (r = o);
+	}
+	return r;
+}
+function Q(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;
+		u = r ? {
+			x: n.x + i,
+			y: n.y + l + i,
+			width: Math.max(0, c - i * 2),
+			height: Math.max(0, s - i * 2)
+		} : {
+			x: n.x + l + i,
+			y: n.y + i,
+			width: Math.max(0, s - i * 2),
+			height: Math.max(0, c - i * 2)
+		}, a.push({
+			id: t[o],
+			rect: u
+		}), l += s;
+	}
+}
+function In(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);
+		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++;
+		else {
+			Q(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,
+				y: n.y,
+				width: n.width - d,
+				height: n.height
+			} : {
+				x: n.x,
+				y: n.y + d,
+				width: n.width,
+				height: n.height - d
+			}, In(e.slice(l), t.slice(l), n, r, i);
+			return;
+		}
+	}
+	s.length > 0 && Q(s, c, n, a, r, i);
+}
+function Ln(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;
+}
+//#endregion
+//#region src/finance/HeatmapRenderer.ts
+function Rn(e) {
+	return (e >= 0 ? "+" : "") + e.toFixed(2) + "%";
+}
+function zn(e) {
+	return e.label;
+}
+function Bn(e, t) {
+	let n = t.min ?? -5, r = t.max ?? 5;
+	if (e <= n) return t.negative;
+	if (e >= r) return t.positive;
+	if (e < 0) {
+		let r = 1 - e / n;
+		return m(t.negative, t.zero, r);
+	}
+	let i = e / r;
+	return m(t.zero, t.positive, i);
+}
+function $(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) {
+	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) {
+		let n = l(t), r = Math.min(o.font.sizeMedium, i / n.length * 1.5, a / 4);
+		e.font = "bold " + Math.max(8, r) + "px " + o.font.family, e.textBaseline = c ? "bottom" : "middle", e.fillText(n, d, c ? f - 1 : f, i - 8);
+	}
+	if (c) {
+		let n = u(t.value), r = Math.min(o.font.sizeSmall, i / n.length * 1.5, a / 4);
+		e.font = Math.max(7, r) + "px " + o.font.family, e.textBaseline = s ? "top" : "middle", e.fillText(n, d, s ? f + 1 : f, i - 8);
+	}
+	e.restore();
+}
+function Hn(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";
+	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) {
+	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();
+	for (let e of r) m.set(e.id, e);
+	let h = null, g = null;
+	if (s) for (let e of i) {
+		let { x: t, y: n, width: r, height: i } = e.rect;
+		if (s.x >= t && s.x <= t + r && s.y >= n && s.y <= n + i) {
+			h = e.id;
+			let t = m.get(e.id);
+			t && (g = {
+				cell: t,
+				rect: e
+			});
+			break;
+		}
+	}
+	e.fillStyle = o.background, e.fillRect(0, 0, t, n);
+	for (let t of i) {
+		let n = m.get(t.id);
+		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());
+	}
+	return g && s && Hn(e, g.cell, s, t, n, o, p, f), g;
+}
+//#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 };
 
 //# sourceMappingURL=index.js.map