@tradecanvas/core 0.8.1 → 0.9.0

package/dist/index.js

@@ -216,7 +216,7 @@ var ee = class {
 			if (e.has(l.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(l.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();
+				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.volumeProfile?.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();
 				let a = t.panels, o = t.indicatorEngine;
 				if (o && a.length > 0) {
 					let t = `10px ${r.font.family}`, n = o.getPanelIndicators(), i = /* @__PURE__ */ new Map();
@@ -232,7 +232,7 @@ var ee = class {
 			if (e.has(l.Overlay) && this.overlayLayer) {
 				this.overlayLayer.clear();
 				let e = this.overlayLayer.ctx;
-				t.priceLimits && this.renderPriceLimits(e, n, r, t.priceLimits), t.tradeZoneManager?.render(e, n, r), t.drawingRenderer?.render(e, n), t.tradingRenderer?.render(e, n, r), t.signalMarkerManager?.render(e, n, r), t.alertManager?.render(e, n, r), t.crosshairHandler?.render(e, n, r);
+				t.priceLimits && this.renderPriceLimits(e, n, r, t.priceLimits), t.tradeZoneManager?.render(e, n, r), t.drawingRenderer?.render(e, n), t.tradingRenderer?.render(e, n, r), t.signalMarkerManager?.render(e, n, r), t.alertManager?.render(e, n, r), t.measureOverlay?.render(e, n, r), t.crosshairHandler?.render(e, n, r);
 				let i = t.crosshairHandler?.getPosition();
 				if (i && t.panels.length > 0) for (let n of t.panels) {
 					let a = n.rect;
@@ -246,7 +246,7 @@ var ee = class {
 			if (e.has(l.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) {
+				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.crosshairHandler?.renderAxisLabels(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(), o = t.indicatorEngine, s = `${r.font.sizeSmall}px ${r.font.family}`, c;
 					if (o) {
 						let e = o.getPanelIndicators();
@@ -393,6 +393,14 @@ var ee = class {
 			max: t
 		};
 	}
+	scalePriceRange(e) {
+		if (!Number.isFinite(e) || e <= 0) return;
+		let { min: t, max: n } = this.state.priceRange, r = (t + n) / 2, i = (n - t) / 2, a = Math.max(i * e, 1e-9);
+		this.state.priceRange = {
+			min: r - a,
+			max: r + a
+		};
+	}
 	scrollBy(e) {
 		this.state.offset += e, this.clampOffset(), this.updateVisibleRange();
 	}
@@ -718,6 +726,56 @@ var he = class {
 		e.globalAlpha = .35, e.fillStyle = r.candleUp, e.fill(h), e.fillStyle = r.candleDown, e.fill(g), e.globalAlpha = 1;
 	}
 }, ye = class {
+	visible = !1;
+	buckets = 48;
+	widthRatio = .18;
+	opacity = .32;
+	highlightPoC = !0;
+	setVisible(e) {
+		this.visible = e;
+	}
+	isVisible() {
+		return this.visible;
+	}
+	setBuckets(e) {
+		this.buckets = Math.max(8, Math.min(200, Math.floor(e)));
+	}
+	setWidthRatio(e) {
+		this.widthRatio = Math.max(.05, Math.min(.5, e));
+	}
+	setOpacity(e) {
+		this.opacity = Math.max(.05, Math.min(1, e));
+	}
+	setHighlightPoC(e) {
+		this.highlightPoC = e;
+	}
+	render(e, t, n, r) {
+		if (!this.visible || t.length === 0) return;
+		let { from: i, to: a } = n.visibleRange, { chartRect: o, priceRange: s } = n, c = s.max - s.min;
+		if (c <= 0) return;
+		let l = new Float64Array(this.buckets), u = new Float64Array(this.buckets), d = new Float64Array(this.buckets);
+		for (let e = i; e <= a && e < t.length; e++) {
+			let n = t[e];
+			if (n.volume <= 0) continue;
+			let r = Math.max(n.low, s.min), i = Math.min(n.high, s.max);
+			if (i <= r) continue;
+			let a = (r - s.min) / c, o = (i - s.min) / c, f = Math.max(0, Math.floor(a * this.buckets)), p = Math.min(this.buckets - 1, Math.floor(o * this.buckets)), m = Math.max(1, p - f + 1), h = n.volume / m, g = n.close >= n.open;
+			for (let e = f; e <= p; e++) l[e] += h, g ? u[e] += h : d[e] += h;
+		}
+		let f = 0, p = -1;
+		for (let e = 0; e < l.length; e++) l[e] > f && (f = l[e], p = e);
+		if (f === 0) return;
+		let m = o.width * this.widthRatio, h = o.x + o.width, g = o.height / this.buckets, _ = 1 / f;
+		e.save(), e.globalAlpha = this.opacity;
+		for (let t = 0; t < this.buckets; t++) {
+			let n = l[t];
+			if (n === 0) continue;
+			let i = o.y + o.height - (t + 1) * g, a = n * _ * m, s = u[t] * _ * m, c = d[t] * _ * m;
+			s > 0 && (e.fillStyle = r.candleUp, e.fillRect(h - s, i + .5, s, g - 1)), c > 0 && (e.fillStyle = r.candleDown, e.fillRect(h - a, i + .5, c, g - 1)), this.highlightPoC && t === p && (e.globalAlpha = 1, e.strokeStyle = r.crosshair, e.lineWidth = 1, e.setLineDash([3, 2]), e.beginPath(), e.moveTo(o.x, i + g / 2 + .5), e.lineTo(h - a - 2, i + g / 2 + .5), e.stroke(), e.setLineDash([]), e.globalAlpha = this.opacity);
+		}
+		e.restore();
+	}
+}, be = class {
 	symbols = /* @__PURE__ */ new Map();
 	mode = "percent";
 	setMode(e) {
@@ -772,7 +830,7 @@ var he = class {
 };
 //#endregion
 //#region src/charts/transforms/heikinAshi.ts
-function be(e) {
+function xe(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++) {
@@ -790,10 +848,10 @@ function be(e) {
 }
 //#endregion
 //#region src/charts/transforms/renko.ts
-function xe(e, t) {
+function Se(e, t) {
 	if (e.length === 0) return [];
 	let n = t.brickSize;
-	t.useATR && e.length > (t.atrPeriod ?? 14) && (n = Se(e, t.atrPeriod ?? 14)), n <= 0 && (n = 1);
+	t.useATR && e.length > (t.atrPeriod ?? 14) && (n = Ce(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);
@@ -814,7 +872,7 @@ function xe(e, t) {
 	}
 	return r;
 }
-function Se(e, t) {
+function Ce(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));
@@ -824,7 +882,7 @@ function Se(e, t) {
 }
 //#endregion
 //#region src/charts/transforms/lineBreak.ts
-function Ce(e, t = 3) {
+function we(e, t = 3) {
 	if (e.length === 0) return [];
 	let n = [], r = 0;
 	n.push({
@@ -865,7 +923,7 @@ function Ce(e, t = 3) {
 }
 //#endregion
 //#region src/charts/transforms/kagi.ts
-function we(e, t = 4) {
+function Te(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++) {
@@ -904,7 +962,7 @@ function we(e, t = 4) {
 }
 //#endregion
 //#region src/charts/transforms/pointAndFigure.ts
-function Te(e, t, n = 3) {
+function Ee(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;
@@ -937,7 +995,7 @@ function Te(e, t, n = 3) {
 }
 //#endregion
 //#region src/charts/transforms/rangeBars.ts
-function Ee(e, t) {
+function De(e, t) {
 	if (e.length === 0 || t.rangeSize <= 0) return [];
 	let n = [], r = e[0].time, i = e[0].open, a = i, o = i, s = 0, c = (e, c) => {
 		for (e > a && (a = e), e < o && (o = e), s += c; a - o >= t.rangeSize;) {
@@ -1003,7 +1061,7 @@ var M = class {
 		}
 		return i;
 	}
-}, De = 1, Oe = class {
+}, Oe = 1, ke = class {
 	registry = /* @__PURE__ */ new Map();
 	instances = /* @__PURE__ */ new Map();
 	register(e) {
@@ -1015,7 +1073,7 @@ var M = class {
 	addIndicator(e, t = {}, n) {
 		let r = this.registry.get(e);
 		if (!r) throw Error(`Unknown indicator: ${e}`);
-		let i = `tc_${e}_${De++}`, a = {
+		let i = `tc_${e}_${Oe++}`, a = {
 			id: e,
 			instanceId: i,
 			params: {
@@ -1125,7 +1183,7 @@ function P(e, t, n, r = 1) {
 }
 //#endregion
 //#region src/indicators/overlay/SMA.ts
-var ke = class extends M {
+var Ae = class extends M {
 	descriptor = {
 		id: "sma",
 		name: "Simple Moving Average",
@@ -1157,7 +1215,7 @@ var ke = class extends M {
 		}
 		e.stroke();
 	}
-}, Ae = class extends M {
+}, je = class extends M {
 	descriptor = {
 		id: "ema",
 		name: "Exponential Moving Average",
@@ -1194,7 +1252,7 @@ var ke = class extends M {
 		}
 		e.stroke();
 	}
-}, je = class extends M {
+}, Me = class extends M {
 	descriptor = {
 		id: "bb",
 		name: "Bollinger Bands",
@@ -1249,7 +1307,7 @@ var ke = class extends M {
 			e.stroke();
 		}
 	}
-}, Me = class extends M {
+}, Ne = class extends M {
 	descriptor = {
 		id: "vwap",
 		name: "Volume Weighted Average Price",
@@ -1284,7 +1342,7 @@ var ke = class extends M {
 		}
 		e.stroke();
 	}
-}, Ne = class extends M {
+}, Pe = class extends M {
 	descriptor = {
 		id: "ichimoku",
 		name: "Ichimoku Cloud",
@@ -1344,7 +1402,7 @@ var ke = class extends M {
 		};
 		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, b, r.colors[3] ?? "#EF5350", 1);
 	}
-}, Pe = class extends M {
+}, Fe = class extends M {
 	descriptor = {
 		id: "psar",
 		name: "Parabolic SAR",
@@ -1390,7 +1448,7 @@ var ke = class extends M {
 			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();
 		}
 	}
-}, Fe = class extends M {
+}, Ie = class extends M {
 	descriptor = {
 		id: "supertrend",
 		name: "Supertrend",
@@ -1438,7 +1496,7 @@ var ke = class extends M {
 			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;
 		}
 	}
-}, Ie = class extends M {
+}, Le = class extends M {
 	descriptor = {
 		id: "keltner",
 		name: "Keltner Channel",
@@ -1495,7 +1553,7 @@ var ke = class extends M {
 		}
 		this.drawBand(e, s, l, y(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]);
 	}
-}, Le = class extends M {
+}, Re = class extends M {
 	descriptor = {
 		id: "donchian",
 		name: "Donchian Channel",
@@ -1540,7 +1598,7 @@ var ke = class extends M {
 		}
 		this.drawBand(e, s, l, y(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]);
 	}
-}, Re = [
+}, ze = [
 	"s3",
 	"s2",
 	"s1",
@@ -1548,7 +1606,7 @@ var ke = class extends M {
 	"r1",
 	"r2",
 	"r3"
-], ze = class extends M {
+], Be = class extends M {
 	descriptor = {
 		id: "pivots",
 		name: "Pivot Points (Classic)",
@@ -1584,7 +1642,7 @@ var ke = class extends M {
 		let i = t.series;
 		if (!i) return;
 		let { from: a, to: o } = n.visibleRange, s = r.colors[0], c = r.colors[1] ?? "#EF5350", l = r.colors[2] ?? "#26A69A", u = r.lineWidths[0], d = (e) => e === "pp" ? s : e.startsWith("r") ? c : l;
-		for (let t of Re) {
+		for (let t of ze) {
 			e.beginPath(), e.strokeStyle = d(t), e.lineWidth = t === "pp" ? u : Math.max(1, u - 1), t !== "pp" && e.setLineDash([4, 3]);
 			let r = !1;
 			for (let s = a; s <= o && s < i.length; s++) {
@@ -1596,7 +1654,7 @@ var ke = class extends M {
 			e.stroke(), e.setLineDash([]);
 		}
 	}
-}, Be = class extends M {
+}, Ve = class extends M {
 	descriptor = {
 		id: "avwap",
 		name: "Anchored VWAP",
@@ -1636,7 +1694,7 @@ var ke = class extends M {
 		}
 		e.stroke();
 	}
-}, Ve = class extends M {
+}, He = class extends M {
 	descriptor = {
 		id: "zigzag",
 		name: "ZigZag",
@@ -1701,7 +1759,7 @@ var ke = class extends M {
 			e.stroke();
 		}
 	}
-}, He = class extends M {
+}, Ue = class extends M {
 	descriptor = {
 		id: "lrc",
 		name: "Linear Regression Channel",
@@ -1764,7 +1822,7 @@ var ke = class extends M {
 		}
 		this.drawBand(e, s, l, y(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]);
 	}
-}, Ue = class extends M {
+}, We = class extends M {
 	descriptor = {
 		id: "hma",
 		name: "Hull Moving Average",
@@ -1777,7 +1835,7 @@ var ke = class extends M {
 			values: r,
 			series: i
 		};
-		let a = e.map((e) => e.close), o = Math.max(2, Math.floor(n / 2)), s = Math.max(2, Math.floor(Math.sqrt(n))), c = We(a, n), l = We(a, o), u = Ge(a.map((e, t) => c[t] === null || l[t] === null ? null : 2 * l[t] - c[t]), s);
+		let a = e.map((e) => e.close), o = Math.max(2, Math.floor(n / 2)), s = Math.max(2, Math.floor(Math.sqrt(n))), c = Ge(a, n), l = Ge(a, o), u = Ke(a.map((e, t) => c[t] === null || l[t] === null ? null : 2 * l[t] - c[t]), s);
 		for (let t = 0; t < e.length; t++) {
 			if (u[t] === null) continue;
 			let n = { value: u[t] };
@@ -1803,7 +1861,7 @@ var ke = class extends M {
 		e.stroke();
 	}
 };
-function We(e, t) {
+function Ge(e, t) {
 	let n = Array(e.length).fill(null);
 	if (e.length < t) return n;
 	let r = t * (t + 1) / 2;
@@ -1814,7 +1872,7 @@ function We(e, t) {
 	}
 	return n;
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	let n = Array(e.length).fill(null), r = t * (t + 1) / 2;
 	for (let i = t - 1; i < e.length; i++) {
 		let a = 0, o = !0;
@@ -1832,7 +1890,7 @@ function Ge(e, t) {
 }
 //#endregion
 //#region src/indicators/panel/AwesomeOscillator.ts
-var Ke = class extends M {
+var qe = class extends M {
 	descriptor = {
 		id: "ao",
 		name: "Awesome Oscillator",
@@ -1880,7 +1938,7 @@ var Ke = class extends M {
 			e.fillStyle = r.up ? m : h, e.fillRect(a - p, s, n.barWidth, c);
 		}
 	}
-}, qe = class extends M {
+}, Je = class extends M {
 	descriptor = {
 		id: "chaikinOsc",
 		name: "Chaikin Oscillator",
@@ -1929,7 +1987,7 @@ var Ke = class extends M {
 			e.fillStyle = r.value >= 0 ? m : h, e.fillRect(a - p, s, n.barWidth, c);
 		}
 	}
-}, Je = class extends M {
+}, Ye = class extends M {
 	descriptor = {
 		id: "rsi",
 		name: "Relative Strength Index",
@@ -1980,7 +2038,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, Ye = class extends M {
+}, Xe = class extends M {
 	descriptor = {
 		id: "macd",
 		name: "MACD",
@@ -2047,7 +2105,7 @@ var Ke = class extends M {
 		}
 		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(S), e.strokeStyle = _, e.stroke(C);
 	}
-}, F = class extends M {
+}, Ze = class extends M {
 	descriptor = {
 		id: "stochastic",
 		name: "Stochastic Oscillator",
@@ -2122,7 +2180,7 @@ var Ke = class extends M {
 		};
 		l("k", r.colors[0]), l("d", r.colors[1] ?? "#FF9800");
 	}
-}, Xe = class extends M {
+}, Qe = class extends M {
 	descriptor = {
 		id: "atr",
 		name: "Average True Range",
@@ -2176,7 +2234,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, Ze = class extends M {
+}, $e = class extends M {
 	descriptor = {
 		id: "adx",
 		name: "Average Directional Index",
@@ -2249,7 +2307,7 @@ var Ke = class extends M {
 		};
 		l("adx", r.colors[0]), l("plusDI", r.colors[1] ?? "#26A69A"), l("minusDI", r.colors[2] ?? "#EF5350");
 	}
-}, Qe = class extends M {
+}, et = class extends M {
 	descriptor = {
 		id: "obv",
 		name: "On Balance Volume",
@@ -2295,7 +2353,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, $e = class extends M {
+}, tt = class extends M {
 	descriptor = {
 		id: "williamsR",
 		name: "Williams %R",
@@ -2335,7 +2393,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, et = class extends M {
+}, nt = class extends M {
 	descriptor = {
 		id: "cci",
 		name: "Commodity Channel Index",
@@ -2390,7 +2448,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, tt = class extends M {
+}, rt = class extends M {
 	descriptor = {
 		id: "mfi",
 		name: "Money Flow Index",
@@ -2435,7 +2493,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, nt = class extends M {
+}, it = class extends M {
 	descriptor = {
 		id: "aroon",
 		name: "Aroon",
@@ -2477,7 +2535,7 @@ var Ke = class extends M {
 		};
 		l("up", r.colors[0]), l("down", r.colors[1] ?? "#EF5350");
 	}
-}, rt = class extends M {
+}, at = class extends M {
 	descriptor = {
 		id: "roc",
 		name: "Rate of Change",
@@ -2521,7 +2579,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, it = class extends M {
+}, ot = class extends M {
 	descriptor = {
 		id: "tsi",
 		name: "True Strength Index",
@@ -2590,7 +2648,7 @@ var Ke = class extends M {
 		};
 		h("tsi", r.colors[0]), h("signal", r.colors[1] ?? "#FF9800");
 	}
-}, at = class extends M {
+}, st = class extends M {
 	descriptor = {
 		id: "cmf",
 		name: "Chaikin Money Flow",
@@ -2635,7 +2693,7 @@ var Ke = class extends M {
 			}
 		}
 	}
-}, ot = class extends M {
+}, ct = class extends M {
 	descriptor = {
 		id: "stddev",
 		name: "Standard Deviation",
@@ -2681,7 +2739,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, st = class extends M {
+}, lt = class extends M {
 	descriptor = {
 		id: "volumeProfile",
 		name: "Volume Profile",
@@ -2731,7 +2789,7 @@ var Ke = class extends M {
 			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));
 		}
 	}
-}, ct = class extends M {
+}, ut = class extends M {
 	descriptor = {
 		id: "ad",
 		name: "Accumulation/Distribution",
@@ -2777,7 +2835,7 @@ var Ke = class extends M {
 		}
 		e.stroke();
 	}
-}, lt = class extends M {
+}, dt = class extends M {
 	descriptor = {
 		id: "vroc",
 		name: "Volume Rate of Change",
@@ -2819,19 +2877,19 @@ var Ke = class extends M {
 };
 //#endregion
 //#region src/indicators/registry.ts
-function ut(e) {
-	e.register(new ke()), e.register(new Ae()), e.register(new je()), e.register(new Me()), e.register(new Ne()), e.register(new Pe()), e.register(new Fe()), e.register(new Ie()), e.register(new Le()), e.register(new ze()), e.register(new Be()), e.register(new Ve()), e.register(new He()), e.register(new Ue()), e.register(new Je()), e.register(new Ye()), e.register(new F()), e.register(new Xe()), e.register(new Ze()), 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 ot()), e.register(new st()), e.register(new ct()), e.register(new lt()), e.register(new Ke()), e.register(new qe());
+function ft(e) {
+	e.register(new Ae()), e.register(new je()), e.register(new Me()), e.register(new Ne()), e.register(new Pe()), e.register(new Fe()), e.register(new Ie()), e.register(new Le()), e.register(new Re()), e.register(new Be()), e.register(new Ve()), e.register(new He()), e.register(new Ue()), e.register(new We()), e.register(new Ye()), e.register(new Xe()), e.register(new Ze()), 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 ot()), e.register(new st()), e.register(new ct()), e.register(new lt()), e.register(new ut()), e.register(new dt()), e.register(new qe()), e.register(new Je());
 }
 //#endregion
 //#region src/indicators/worker/messages.ts
-function dt(e) {
+function pt(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = e;
 	return typeof t.requestId == "number" ? t.type === "result" || t.type === "pong" || t.type === "error" : !1;
 }
 //#endregion
 //#region src/indicators/worker/IndicatorWorkerHost.ts
-var ft = class {
+var mt = class {
 	worker;
 	fallbackPlugins;
 	timeoutMs;
@@ -2896,7 +2954,7 @@ var ft = class {
 	handleMessage(e) {
 		let t = e.data;
 		if (t !== void 0) {
-			if (!dt(t)) return;
+			if (!pt(t)) return;
 			this.dispatchResponse(t);
 			return;
 		}
@@ -2917,7 +2975,7 @@ var ft = class {
 			t.resolve(e.output);
 		}
 	}
-}, pt = class {
+}, ht = class {
 	visible = !0;
 	setVisible(e) {
 		this.visible = e;
@@ -2946,7 +3004,7 @@ var ft = class {
 		}
 		e.stroke();
 	}
-}, mt = class {
+}, gt = class {
 	locale = "en-US";
 	setLocale(e) {
 		this.locale = e;
@@ -2955,41 +3013,48 @@ var ft = class {
 		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 c = m(i.min, i.max, 8), l = Math.ceil(i.min / c) * c, d = c < 1 ? Math.ceil(-Math.log10(c)) + 1 : 2, f = `${n.font.sizeSmall}px ${n.font.family}`, p = [];
+		e.strokeStyle = n.axisLine, e.lineWidth = 1, e.globalAlpha = .65, e.beginPath(), e.moveTo(a + .5, r.y), e.lineTo(a + .5, r.y + r.height), e.stroke(), e.globalAlpha = 1;
+		let c = m(i.min, i.max, 8), l = Math.ceil(i.min / c) * c, u = c < 1 ? Math.ceil(-Math.log10(c)) + 1 : 2, d = `500 ${n.font.sizeSmall}px ${n.font.family}`, f = [];
 		for (let e = l; e <= i.max; e += c) {
 			let t = r.y + r.height * (1 - (e - i.min) * s);
-			p.push({
+			f.push({
 				y: t,
-				text: h(e, d, this.locale)
+				text: h(e, u, this.locale)
 			});
 		}
-		e.font = f, e.textBaseline = "middle", e.textAlign = "left", e.fillStyle = n.axisLabelBackground;
-		for (let { y: t } of p) e.fillRect(a + 1, t - 8, u - 2, 16);
-		e.fillStyle = n.axisLabel;
-		for (let { y: t, text: n } of p) e.fillText(n, a + 5, t);
+		e.font = d, e.textBaseline = "middle", e.textAlign = "left", e.strokeStyle = n.axisLine, e.globalAlpha = .45, e.beginPath();
+		for (let { y: t } of f) e.moveTo(a + 1, t + .5), e.lineTo(a + 4, t + .5);
+		e.stroke(), e.globalAlpha = 1, e.fillStyle = n.axisLabel;
+		for (let { y: t, text: n } of f) e.fillText(n, a + 8, t);
 	}
-}, I = /* @__PURE__ */ new Date(), ht = (e) => e < 10 ? "0" + e : "" + e, gt = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60, _t = `UTC${gt >= 0 ? "+" : ""}${gt}`, vt = class {
+}, F = /* @__PURE__ */ new Date(), _t = (e) => e < 10 ? "0" + e : "" + e, vt = -(/* @__PURE__ */ new Date()).getTimezoneOffset() / 60, yt = `UTC${vt >= 0 ? "+" : ""}${vt}`, bt = 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();
+		e.strokeStyle = n.axisLine, e.lineWidth = 1, e.globalAlpha = .65, e.beginPath(), e.moveTo(a.x, o + .5), e.lineTo(a.x + a.width, o + .5), e.stroke(), e.globalAlpha = 1;
 		let s = t.barWidth + t.barSpacing, c = Math.max(1, Math.ceil(80 / s)), { from: l, to: u } = t.visibleRange, d = -t.offset + a.x + t.barWidth / 2;
-		e.font = `${n.font.sizeSmall}px ${n.font.family}`, e.textBaseline = "top", e.textAlign = "center", e.fillStyle = n.axisLabel;
+		e.font = `500 ${n.font.sizeSmall}px ${n.font.family}`, e.textBaseline = "top", e.textAlign = "center", e.fillStyle = n.axisLabel;
 		let f = -1;
 		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;
-			I.setTime(a);
-			let l = I.getDate(), u = I.getMonth() + 1, p = I.getHours(), m = I.getMinutes(), h;
-			l === f ? h = `${ht(p)}:${ht(m)}` : (h = `${u}/${l}`, f = l), e.fillText(h, n, o + 5);
+			F.setTime(a);
+			let l = F.getDate(), u = F.getMonth() + 1, p = F.getHours(), m = F.getMinutes(), h;
+			l === f ? h = `${_t(p)}:${_t(m)}` : (h = `${u}/${l}`, f = l), e.fillText(h, n, o + 7);
 		}
-		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(_t, p, m);
+		let p = a.x + a.width - 4, m = o + 7;
+		e.font = `500 ${n.font.sizeSmall - 1}px ${n.font.family}`, e.textAlign = "right", e.textBaseline = "top", e.globalAlpha = .75, e.fillStyle = n.textSecondary, e.fillText(yt, p, m), e.globalAlpha = 1;
 	}
-}, yt = class {
+}, xt = class {
 	panHandler = null;
 	zoomHandler = null;
 	crosshairHandler = null;
+	axisDragHandler = null;
+	axisViewportGetter = null;
+	onAxisDoubleClick = null;
+	measureHandlers = null;
+	measuring = !1;
+	onAltClick = null;
+	onEscape = null;
 	drawingManager = null;
 	tradingManager = null;
 	viewportGetter = null;
@@ -3017,6 +3082,18 @@ var ft = class {
 	setCrosshairHandler(e) {
 		this.crosshairHandler = e;
 	}
+	setAltClickHandler(e) {
+		this.onAltClick = e;
+	}
+	setEscapeHandler(e) {
+		this.onEscape = e;
+	}
+	setMeasureHandlers(e) {
+		this.measureHandlers = e;
+	}
+	setAxisDragHandler(e, t, n) {
+		this.axisDragHandler = e, this.axisViewportGetter = t, this.onAxisDoubleClick = n ?? null;
+	}
 	setDrawingManager(e, t) {
 		this.drawingManager = e, this.viewportGetter = t;
 	}
@@ -3024,40 +3101,77 @@ var ft = class {
 		this.tradingManager = e, this.viewportGetter = t;
 	}
 	attach() {
-		let e = () => this.viewportGetter?.() ?? null, t = (t) => {
+		let e = () => this.viewportGetter?.() ?? null, t = (e) => {
+			let t = this.axisViewportGetter?.();
+			if (!t) return null;
+			let n = t.chartRect;
+			return e.y > n.y + n.height ? "time" : e.x > n.x + n.width ? "price" : null;
+		}, n = (n) => {
 			this.invalidateRect();
-			let n = this.getMousePos(t), r = e();
-			this.tradingManager && r && this.tradingManager.onPointerDown(n, r) || this.drawingManager && r && this.drawingManager.onPointerDown(n, r) || this.panHandler?.onPointerDown(n);
-		}, n = (t) => {
-			let n = this.getMousePos(t), r = e();
-			if (this.tradingManager && r && this.tradingManager.onPointerMove(n, r)) {
-				this.crosshairHandler?.onPointerMove(n), this.onOverlayDirty?.();
+			let r = this.getMousePos(n), i = e(), a = t(r);
+			if (a && this.axisDragHandler) {
+				this.axisDragHandler.begin(a, r);
 				return;
 			}
-			if (this.drawingManager && r && this.drawingManager.onPointerMove(n, r)) {
-				this.crosshairHandler?.onPointerMove(n), this.onOverlayDirty?.();
+			if (n.shiftKey && this.measureHandlers) {
+				this.measuring = !0, this.measureHandlers.begin(r), this.onOverlayDirty?.();
 				return;
 			}
-			this.panHandler?.onPointerMove(n), this.crosshairHandler?.onPointerMove(n), this.onOverlayDirty?.();
-		}, r = () => {
-			this.tradingManager?.onPointerUp() || this.drawingManager?.onPointerUp() || this.panHandler?.onPointerUp();
+			if (n.altKey && this.onAltClick) {
+				this.onAltClick(r);
+				return;
+			}
+			this.tradingManager && i && this.tradingManager.onPointerDown(r, i) || this.drawingManager && i && this.drawingManager.onPointerDown(r, i) || this.panHandler?.onPointerDown(r);
+		}, r = (n) => {
+			let r = this.getMousePos(n), i = e();
+			if (this.axisDragHandler?.isActive()) {
+				this.axisDragHandler.move(r);
+				return;
+			}
+			if (this.measuring && this.measureHandlers) {
+				this.measureHandlers.move(r), this.onOverlayDirty?.();
+				return;
+			}
+			let a = t(r);
+			if (a === "price" ? this.element.style.cursor = "ns-resize" : a === "time" ? this.element.style.cursor = "ew-resize" : (this.element.style.cursor === "ns-resize" || this.element.style.cursor === "ew-resize") && (this.element.style.cursor = ""), this.tradingManager && i && this.tradingManager.onPointerMove(r, i)) {
+				this.crosshairHandler?.onPointerMove(r), this.onOverlayDirty?.();
+				return;
+			}
+			if (this.drawingManager && i && this.drawingManager.onPointerMove(r, i)) {
+				this.crosshairHandler?.onPointerMove(r), this.onOverlayDirty?.();
+				return;
+			}
+			this.panHandler?.onPointerMove(r), this.crosshairHandler?.onPointerMove(r), this.onOverlayDirty?.();
 		}, i = () => {
-			this.panHandler?.onPointerUp(), this.drawingManager?.onPointerUp(), this.tradingManager?.onPointerUp(), this.crosshairHandler?.onPointerLeave(), this.onOverlayDirty?.();
+			if (this.axisDragHandler?.isActive()) {
+				this.axisDragHandler.end();
+				return;
+			}
+			if (this.measuring && this.measureHandlers) {
+				this.measuring = !1, this.measureHandlers.end(), this.onOverlayDirty?.();
+				return;
+			}
+			this.tradingManager?.onPointerUp() || this.drawingManager?.onPointerUp() || this.panHandler?.onPointerUp();
 		}, a = (e) => {
+			let n = t(this.getMousePos(e));
+			n && this.onAxisDoubleClick && this.onAxisDoubleClick(n);
+		}, o = () => {
+			this.panHandler?.onPointerUp(), this.drawingManager?.onPointerUp(), this.tradingManager?.onPointerUp(), this.crosshairHandler?.onPointerLeave(), this.onOverlayDirty?.();
+		}, s = (e) => {
 			e.preventDefault();
 			let t = this.getMousePos(e);
 			this.zoomHandler?.onWheel(e.deltaY, t);
-		}, o = (e) => {
-			this.drawingManager?.onKeyDown(e.key, e.ctrlKey || e.metaKey) && e.preventDefault();
-		}, s = (t) => {
+		}, c = (e) => {
+			e.key === "Escape" && this.onEscape && this.onEscape(), this.drawingManager?.onKeyDown(e.key, e.ctrlKey || e.metaKey) && e.preventDefault();
+		}, l = (t) => {
 			let n = e();
 			!this.tradingManager || !n || this.tradingManager.onContextMenu(this.getMousePos(t), n) && t.preventDefault();
-		}, c = (e) => {
+		}, u = (e) => {
 			if (e.preventDefault(), this.invalidateRect(), e.touches.length === 1) {
 				let t = this.getTouchPos(e.touches[0]);
 				this.panHandler?.onPointerDown(t), this.crosshairHandler?.onPointerMove(t), this.touchActive = !0;
 			} else e.touches.length === 2 && (this.panHandler?.onPointerUp(), this.lastTouchDist = this.getTouchDistance(e.touches[0], e.touches[1]), this.lastTouchMid = this.getTouchMidpoint(e.touches[0], e.touches[1]), this.touchActive = !0);
-		}, l = (e) => {
+		}, d = (e) => {
 			if (e.preventDefault(), e.touches.length === 1 && this.touchActive) {
 				let t = this.getTouchPos(e.touches[0]);
 				this.panHandler?.onPointerMove(t), this.crosshairHandler?.onPointerMove(t);
@@ -3071,14 +3185,14 @@ var ft = class {
 				Math.abs(r) > 1 && (this.panHandler?.onPointerDown(this.lastTouchMid), this.panHandler?.onPointerMove(n)), this.lastTouchDist = t, this.lastTouchMid = n;
 			}
 			this.onOverlayDirty?.();
-		}, u = (e) => {
+		}, f = (e) => {
 			if (e.touches.length === 0) this.panHandler?.onPointerUp(), this.crosshairHandler?.onPointerLeave(), this.touchActive = !1, this.lastTouchDist = 0;
 			else if (e.touches.length === 1) {
 				let t = this.getTouchPos(e.touches[0]);
 				this.panHandler?.onPointerDown(t);
 			}
-		}, d = () => this.invalidateRect(), f = () => this.invalidateRect();
-		this.element.addEventListener("mousedown", t), this.element.addEventListener("mousemove", n), document.addEventListener("mouseup", r), this.element.addEventListener("mouseleave", i), this.element.addEventListener("wheel", a, { passive: !1 }), this.element.addEventListener("contextmenu", s), this.element.addEventListener("touchstart", c, { passive: !1 }), this.element.addEventListener("touchmove", l, { passive: !1 }), this.element.addEventListener("touchend", u), document.addEventListener("keydown", o), window.addEventListener("resize", d), this.element.addEventListener("scroll", f, { passive: !0 }), this.boundHandlers.push(() => this.element.removeEventListener("mousedown", t), () => this.element.removeEventListener("mousemove", n), () => document.removeEventListener("mouseup", r), () => this.element.removeEventListener("mouseleave", i), () => this.element.removeEventListener("wheel", a), () => this.element.removeEventListener("contextmenu", s), () => this.element.removeEventListener("touchstart", c), () => this.element.removeEventListener("touchmove", l), () => this.element.removeEventListener("touchend", u), () => document.removeEventListener("keydown", o), () => window.removeEventListener("resize", d), () => this.element.removeEventListener("scroll", f));
+		}, p = () => this.invalidateRect(), m = () => this.invalidateRect();
+		this.element.addEventListener("mousedown", n), this.element.addEventListener("mousemove", r), document.addEventListener("mouseup", i), this.element.addEventListener("mouseleave", o), this.element.addEventListener("dblclick", a), this.element.addEventListener("wheel", s, { passive: !1 }), this.element.addEventListener("contextmenu", l), this.element.addEventListener("touchstart", u, { passive: !1 }), this.element.addEventListener("touchmove", d, { passive: !1 }), this.element.addEventListener("touchend", f), document.addEventListener("keydown", c), window.addEventListener("resize", p), this.element.addEventListener("scroll", m, { passive: !0 }), this.boundHandlers.push(() => this.element.removeEventListener("mousedown", n), () => this.element.removeEventListener("mousemove", r), () => document.removeEventListener("mouseup", i), () => this.element.removeEventListener("mouseleave", o), () => this.element.removeEventListener("dblclick", a), () => this.element.removeEventListener("wheel", s), () => this.element.removeEventListener("contextmenu", l), () => this.element.removeEventListener("touchstart", u), () => this.element.removeEventListener("touchmove", d), () => this.element.removeEventListener("touchend", f), () => document.removeEventListener("keydown", c), () => window.removeEventListener("resize", p), () => this.element.removeEventListener("scroll", m));
 	}
 	detach() {
 		for (let e of this.boundHandlers) e();
@@ -3114,7 +3228,7 @@ var ft = class {
 			y: (e.clientY + t.clientY) / 2 - n.top
 		};
 	}
-}, bt = class {
+}, St = class {
 	dragging = !1;
 	lastX = 0;
 	lastTime = 0;
@@ -3150,7 +3264,7 @@ var ft = class {
 	stopMomentum() {
 		this.momentumId &&= (cancelAnimationFrame(this.momentumId), 0);
 	}
-}, xt = class {
+}, Ct = class {
 	callback;
 	sensitivity;
 	pendingDelta = 0;
@@ -3169,7 +3283,47 @@ var ft = class {
 	dispose() {
 		this.rafId &&= (cancelAnimationFrame(this.rafId), 0);
 	}
-}, St = class {
+}, wt = class {
+	dragging = !1;
+	axis = null;
+	startPos = {
+		x: 0,
+		y: 0
+	};
+	lastPos = {
+		x: 0,
+		y: 0
+	};
+	moved = !1;
+	threshold = 3;
+	sensitivity = .005;
+	constructor(e, t) {
+		this.onPriceScale = e, this.onTimeScale = t;
+	}
+	begin(e, t) {
+		this.dragging = !0, this.axis = e, this.startPos = t, this.lastPos = t, this.moved = !1;
+	}
+	move(e) {
+		if (!this.dragging || !this.axis) return !1;
+		let t = e.x - this.startPos.x, n = e.y - this.startPos.y;
+		if (!this.moved && Math.hypot(t, n) < this.threshold) return !1;
+		if (this.moved = !0, this.axis === "price") {
+			let t = e.y - this.lastPos.y, n = Math.exp(t * this.sensitivity);
+			this.onPriceScale(n);
+		} else {
+			let t = e.x - this.lastPos.x, n = Math.exp(t * this.sensitivity);
+			this.onTimeScale(n);
+		}
+		return this.lastPos = e, !0;
+	}
+	end() {
+		let e = this.dragging && this.moved;
+		return this.dragging = !1, this.axis = null, this.moved = !1, e;
+	}
+	isActive() {
+		return this.dragging;
+	}
+}, Tt = class {
 	position = null;
 	callback = null;
 	data = [];
@@ -3216,12 +3370,42 @@ var ft = class {
 		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 o = E(i, t);
-		o = Math.max(0, Math.min(this.data.length - 1, o)), this.magnetMode && o >= 0 && o < this.data.length && (i = w(o, t)), o !== this.lastCallbackBarIndex && (this.pendingBarIndex = o, this.pendingPoint = {
+		if (o = Math.max(0, Math.min(this.data.length - 1, o)), this.magnetMode && o >= 0 && o < this.data.length && (i = w(o, t)), o !== this.lastCallbackBarIndex && (this.pendingBarIndex = o, this.pendingPoint = {
 			x: i,
 			y: a
-		}, this.lastCallbackBarIndex = o, this.scheduleCallback()), e.setLineDash([4, 4]), e.strokeStyle = n.crosshair, e.lineWidth = 1, e.beginPath(), e.moveTo(Math.round(i) + .5, r.y), e.lineTo(Math.round(i) + .5, r.y + r.height), e.stroke(), e.beginPath(), e.moveTo(r.x, Math.round(a) + .5), e.lineTo(r.x + r.width, Math.round(a) + .5), e.stroke(), e.setLineDash([]);
-		let s = h(D(a, t), this.pricePrecision, this.locale), c = r.x + r.width + 1;
-		e.fillStyle = n.axisLabelBackground, e.fillRect(c, a - 10, u - 2, 20), e.fillStyle = n.axisLabel, e.font = `${n.font.sizeSmall}px ${n.font.family}`, e.textBaseline = "middle", e.textAlign = "left", e.fillText(s, c + 5, a);
+		}, this.lastCallbackBarIndex = o, this.scheduleCallback()), this.magnetMode && o >= 0 && o < this.data.length) {
+			let a = t.barWidth + t.barSpacing, o = a / 2;
+			e.fillStyle = n.crosshair, e.globalAlpha = .08, e.fillRect(i - o, r.y, a, r.height), e.globalAlpha = 1;
+		}
+		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([]);
+	}
+	renderAxisLabels(e, t, n, r, i) {
+		if (!this.position || this.mode === "hidden") return;
+		let { chartRect: a } = t, { x: o, y: s } = this.position;
+		if (o < a.x || o > a.x + a.width || s < a.y || s > a.y + a.height) return;
+		let c = E(o, t);
+		c = Math.max(0, Math.min(r.length - 1, c)), this.magnetMode && c >= 0 && c < r.length && (o = w(c, t));
+		let l = `600 ${n.font.sizeSmall}px ${n.font.family}`;
+		if (Et(e, {
+			text: h(D(s, t), this.pricePrecision, this.locale),
+			anchorX: a.x + a.width,
+			anchorY: s,
+			orientation: "right",
+			bg: n.text,
+			fg: n.background,
+			font: l
+		}), c >= 0 && c < r.length) {
+			let t = Dt(r[c].time), s = i ?? a.y + a.height;
+			Et(e, {
+				text: t,
+				anchorX: o,
+				anchorY: s,
+				orientation: "bottom",
+				bg: n.text,
+				fg: n.background,
+				font: l
+			});
+		}
 	}
 	scheduleCallback() {
 		this.callbackScheduled || (this.callbackScheduled = !0, queueMicrotask(() => {
@@ -3231,7 +3415,26 @@ var ft = class {
 	flushCallback(e, t) {
 		this.callback?.(e, t);
 	}
-}, Ct = class {
+};
+function Et(e, t) {
+	e.save(), e.font = t.font;
+	let n = Math.ceil(e.measureText(t.text).width) + 16;
+	if (t.orientation === "right") {
+		let r = t.anchorX + 5, i = t.anchorY - 20 / 2;
+		e.beginPath(), e.moveTo(t.anchorX, t.anchorY), e.lineTo(r, t.anchorY - 5), e.lineTo(r, i), e.lineTo(r + n, i), e.lineTo(r + n, i + 20), e.lineTo(r, i + 20), e.lineTo(r, t.anchorY + 5), e.closePath(), e.fillStyle = t.bg, e.fill(), e.fillStyle = t.fg, e.textBaseline = "middle", e.textAlign = "left", e.fillText(t.text, r + 8, t.anchorY);
+	} else {
+		let r = t.anchorX - n / 2, i = t.anchorY + 5;
+		e.beginPath(), e.moveTo(t.anchorX, t.anchorY), e.lineTo(t.anchorX + 5, i), e.lineTo(r + n, i), e.lineTo(r + n, i + 20), e.lineTo(r, i + 20), e.lineTo(r, i), e.lineTo(t.anchorX - 5, i), e.closePath(), e.fillStyle = t.bg, e.fill(), e.fillStyle = t.fg, e.textBaseline = "middle", e.textAlign = "center", e.fillText(t.text, t.anchorX, i + 20 / 2);
+	}
+	e.restore();
+}
+function Dt(e) {
+	let t = e > 0xe8d4a51000 ? e : e * 1e3, n = new Date(t), r = n.getMonth() + 1, i = n.getDate(), a = n.getHours(), o = n.getMinutes();
+	return `${r}/${i} ${a < 10 ? "0" + a : a}:${o < 10 ? "0" + o : o}`;
+}
+//#endregion
+//#region src/interaction/KeyboardHandler.ts
+var Ot = class {
 	callbacks;
 	enabled = !0;
 	constructor(e) {
@@ -3257,7 +3460,7 @@ var ft = class {
 			default: return !1;
 		}
 	}
-}, wt = class {
+}, kt = class {
 	el = null;
 	visible = !1;
 	timeEl;
@@ -3296,8 +3499,8 @@ var ft = 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 = Tt(n.background);
-		this.el.style.background = d ? Et(n.background, .95) : Et(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 = At(n.background);
+		this.el.style.background = d ? jt(n.background, .95) : jt(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);
 	}
@@ -3322,7 +3525,7 @@ var ft = class {
 		return document.createElement("span");
 	}
 };
-function Tt(e) {
+function At(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;
@@ -3334,7 +3537,91 @@ function Tt(e) {
 	}
 	return !0;
 }
-function Et(e, t) {
+function jt(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})`;
+	}
+	return e;
+}
+//#endregion
+//#region src/interaction/PinnedTooltip.ts
+var Mt = class {
+	el = null;
+	deltaEl = null;
+	timeEl = null;
+	ohlcEl = null;
+	pinnedBar = null;
+	pinnedIndex = -1;
+	create(e) {
+		if (this.el) return;
+		this.el = document.createElement("div"), Object.assign(this.el.style, {
+			position: "absolute",
+			display: "none",
+			padding: "6px 10px",
+			borderRadius: "4px",
+			fontSize: "11px",
+			fontFamily: "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif",
+			lineHeight: "1.5",
+			pointerEvents: "auto",
+			cursor: "pointer",
+			zIndex: "99",
+			whiteSpace: "nowrap",
+			willChange: "transform"
+		}), this.timeEl = document.createElement("div"), this.ohlcEl = document.createElement("div"), this.deltaEl = document.createElement("div"), this.deltaEl.style.marginTop = "4px", this.deltaEl.style.paddingTop = "4px", this.deltaEl.style.borderTop = "1px solid currentColor", this.deltaEl.style.opacity = "0.85", this.deltaEl.style.fontVariantNumeric = "tabular-nums", this.el.appendChild(this.timeEl), this.el.appendChild(this.ohlcEl), this.el.appendChild(this.deltaEl);
+		let t = document.createElement("div");
+		t.textContent = "📌 pinned", t.style.fontSize = "9px", t.style.opacity = "0.6", t.style.marginBottom = "2px", t.style.letterSpacing = "0.04em", t.style.textTransform = "uppercase", this.el.insertBefore(t, this.timeEl), e.appendChild(this.el);
+	}
+	pin(e, t, n) {
+		if (!this.el || !this.timeEl || !this.ohlcEl) return;
+		this.pinnedBar = e, this.pinnedIndex = t;
+		let r = e.close >= e.open ? n.candleUp : n.candleDown, i = new Date(e.time > 0xe8d4a51000 ? e.time : e.time * 1e3);
+		this.timeEl.textContent = `${i.getMonth() + 1}/${i.getDate()} ${Nt(i.getHours())}:${Nt(i.getMinutes())}`, this.timeEl.style.color = n.textSecondary, this.ohlcEl.innerHTML = `
+      <span style="opacity:.6">O </span><span style="color:${r}">${I(e.open)}</span>
+      <span style="opacity:.6"> H </span><span style="color:${r}">${I(e.high)}</span>
+      <span style="opacity:.6"> L </span><span style="color:${r}">${I(e.low)}</span>
+      <span style="opacity:.6"> C </span><span style="color:${r}">${I(e.close)}</span>
+    `;
+		let a = Pt(n.background);
+		this.el.style.background = Ft(n.background, a ? .96 : .97), this.el.style.border = `1px solid ${r}`, this.el.style.boxShadow = a ? "0 4px 12px rgba(0,0,0,0.55)" : "0 4px 12px rgba(0,0,0,0.18)", this.el.style.color = n.text, this.el.style.backdropFilter = "blur(8px)", this.el.style.display = "block";
+	}
+	unpin() {
+		this.pinnedBar = null, this.pinnedIndex = -1, this.el && (this.el.style.display = "none");
+	}
+	isPinned() {
+		return this.pinnedBar !== null;
+	}
+	getPinnedIndex() {
+		return this.pinnedIndex;
+	}
+	reposition(e, t, n, r) {
+		if (!this.el || !this.pinnedBar) return;
+		let i = w(this.pinnedIndex, e), a = T(this.pinnedBar.close, e), o = e.chartRect, s = i >= o.x - 4 && i <= o.x + o.width + 4;
+		this.el.style.opacity = s ? "1" : "0.35";
+		let c = Math.max(o.x, Math.min(o.x + o.width - 180, i + 8)), l = Math.max(o.y, Math.min(o.y + o.height - 90, a - 64));
+		if (this.el.style.transform = `translate(${Math.round(c)}px, ${Math.round(l)}px)`, this.el.style.left = "0", this.el.style.top = "0", this.deltaEl) if (t && n !== null && n !== this.pinnedIndex) {
+			let e = t.close - this.pinnedBar.close, i = this.pinnedBar.close === 0 ? 0 : e / this.pinnedBar.close * 100, a = e > 0 ? "+" : e < 0 ? "−" : "", o = n - this.pinnedIndex, s = e >= 0 ? r.candleUp : r.candleDown;
+			this.deltaEl.style.color = s, this.deltaEl.innerHTML = `Δ ${a}${I(Math.abs(e))} <span style="opacity:.7">(${a}${Math.abs(i).toFixed(2)}%)</span> · ${o > 0 ? "+" : ""}${o} bars`, this.deltaEl.style.display = "block";
+		} else this.deltaEl.style.display = "none";
+	}
+	destroy() {
+		this.el?.remove(), this.el = null, this.deltaEl = null, this.timeEl = null, this.ohlcEl = null, this.pinnedBar = null, this.pinnedIndex = -1;
+	}
+};
+function I(e) {
+	return e.toFixed(2);
+}
+function Nt(e) {
+	return e < 10 ? "0" + e : "" + e;
+}
+function Pt(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;
+	}
+	return !0;
+}
+function Ft(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})`;
@@ -3343,7 +3630,7 @@ function Et(e, t) {
 }
 //#endregion
 //#region src/events/EventBus.ts
-var Dt = class {
+var It = class {
 	listeners = /* @__PURE__ */ new Map();
 	tauriBridge = null;
 	on(e, t) {
@@ -3429,7 +3716,7 @@ var Dt = 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;
 	}
-}, Ot = 1;
+}, Lt = 1;
 function R(e) {
 	return {
 		...e,
@@ -3438,7 +3725,7 @@ function R(e) {
 		meta: e.meta ? { ...e.meta } : void 0
 	};
 }
-var kt = class {
+var Rt = class {
 	registry = /* @__PURE__ */ new Map();
 	drawings = [];
 	state = "idle";
@@ -3657,7 +3944,7 @@ var kt = class {
 		let t = this.drawings.find((t) => t.id === e);
 		if (!t) return null;
 		let n = structuredClone(t);
-		n.id = `tc_drawing_${Ot++}`;
+		n.id = `tc_drawing_${Lt++}`;
 		let r = this.computeBarOffsetTime(3);
 		return n.anchors = n.anchors.map((e) => ({
 			...e,
@@ -3708,7 +3995,7 @@ var kt = class {
 		if (!n) return !1;
 		let r = j(e.x, t), i = D(e.y, t), a = this.snapToOHLC(r, i, t);
 		return this.creatingDrawing ? (this.creatingDrawing.anchors.push(a), this.committedAnchors++, this.previewAnchor = null, this.committedAnchors >= n.descriptor.requiredAnchors && this.finalizeCreation(), this.requestRender?.(), !0) : (this.creatingDrawing = {
-			id: `tc_drawing_${Ot++}`,
+			id: `tc_drawing_${Lt++}`,
 			type: this.activeTool,
 			anchors: [a],
 			style: { ...this.activeStyle },
@@ -3759,14 +4046,14 @@ var kt = class {
 			price: D(e.y, t)
 		}, this.requestRender?.(), !0);
 	}
-}, At = class {
+}, zt = class {
 	constructor(e) {
 		this.manager = e;
 	}
 	render(e, t) {
 		this.manager.render(e, t);
 	}
-}, jt = class extends L {
+}, Bt = class extends L {
 	descriptor = {
 		type: "trendLine",
 		name: "Trend Line",
@@ -3782,7 +4069,7 @@ var kt = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, Mt = class extends L {
+}, Vt = class extends L {
 	descriptor = {
 		type: "horizontalLine",
 		name: "Horizontal Line",
@@ -3798,7 +4085,7 @@ var kt = class {
 		let i = T(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;
 	}
-}, Nt = class extends L {
+}, Ht = class extends L {
 	descriptor = {
 		type: "verticalLine",
 		name: "Vertical Line",
@@ -3814,7 +4101,7 @@ var kt = 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;
 	}
-}, Pt = class extends L {
+}, Ut = class extends L {
 	descriptor = {
 		type: "ray",
 		name: "Ray",
@@ -3832,7 +4119,7 @@ var kt = 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;
 	}
-}, Ft = class extends L {
+}, Wt = class extends L {
 	descriptor = {
 		type: "extendedLine",
 		name: "Extended Line",
@@ -3850,7 +4137,7 @@ var kt = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToInfiniteLine(e, i, a) <= r;
 	}
-}, It = class extends L {
+}, Gt = class extends L {
 	descriptor = {
 		type: "parallelChannel",
 		name: "Parallel Channel",
@@ -3887,7 +4174,7 @@ var kt = class {
 		}
 		return !1;
 	}
-}, Lt = class extends L {
+}, Kt = class extends L {
 	descriptor = {
 		type: "regressionChannel",
 		name: "Regression Channel",
@@ -3918,7 +4205,7 @@ var kt = class {
 	.618,
 	.786,
 	1
-], Rt = class extends L {
+], qt = class extends L {
 	descriptor = {
 		type: "fibRetracement",
 		name: "Fibonacci Retracement",
@@ -3952,7 +4239,7 @@ var kt = class {
 		}
 		return !1;
 	}
-}, zt = [
+}, Jt = [
 	0,
 	.618,
 	1,
@@ -3961,7 +4248,7 @@ var kt = class {
 	2.618,
 	3.618,
 	4.236
-], Bt = class extends L {
+], Yt = class extends L {
 	descriptor = {
 		type: "fibExtension",
 		name: "Fibonacci Extension",
@@ -3977,7 +4264,7 @@ var kt = 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 zt) {
+		for (let r of Jt) {
 			let a = T(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);
 		}
@@ -3988,13 +4275,13 @@ var kt = 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 zt) {
+		for (let i of Jt) {
 			let o = T(t.anchors[2].price + a * i, n);
 			if (Math.abs(e.y - o) <= r) return !0;
 		}
 		return !1;
 	}
-}, Vt = class extends L {
+}, Xt = class extends L {
 	descriptor = {
 		type: "rectangle",
 		name: "Rectangle",
@@ -4012,7 +4299,7 @@ var kt = 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;
 	}
-}, Ht = class extends L {
+}, Zt = class extends L {
 	descriptor = {
 		type: "ellipse",
 		name: "Ellipse",
@@ -4028,7 +4315,7 @@ var kt = class {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = (i.x + a.x) / 2, s = (i.y + a.y) / 2, c = Math.max(Math.abs(a.x - i.x) / 2, 1), l = Math.max(Math.abs(a.y - i.y) / 2, 1), u = (e.x - o) / c, d = (e.y - s) / l, f = Math.sqrt(u * u + d * d), p = r / Math.max(Math.min(c, l), 4);
 		return t.style.fillColor ? f <= 1 + p : Math.abs(f - 1) <= p;
 	}
-}, Ut = class extends L {
+}, Qt = class extends L {
 	descriptor = {
 		type: "triangle",
 		name: "Triangle",
@@ -4054,7 +4341,7 @@ var kt = class {
 		}
 		return !1;
 	}
-}, Wt = class extends L {
+}, $t = class extends L {
 	descriptor = {
 		type: "pitchfork",
 		name: "Andrews' Pitchfork",
@@ -4090,7 +4377,7 @@ var kt = class {
 		};
 		return this.distanceToInfiniteLine(e, a, u) <= r || this.distanceToInfiniteLine(e, o, d) <= r;
 	}
-}, Gt = [
+}, en = [
 	"1",
 	"2",
 	"3",
@@ -4099,7 +4386,7 @@ var kt = class {
 	"A",
 	"B",
 	"C"
-], Kt = class extends L {
+], tn = class extends L {
 	descriptor = {
 		type: "elliottWave",
 		name: "Elliott Wave",
@@ -4111,9 +4398,9 @@ var kt = 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 < Gt.length; t++) {
+		for (let t = 0; t < i.length && t < en.length; t++) {
 			let n = t % 2 == 0 ? -12 : 12;
-			e.textBaseline = n < 0 ? "bottom" : "top", e.fillText(Gt[t], i[t].x, i[t].y + n);
+			e.textBaseline = n < 0 ? "bottom" : "top", e.fillText(en[t], i[t].x, i[t].y + n);
 		}
 		r && this.renderAnchorHandles(e, t, n);
 	}
@@ -4123,7 +4410,7 @@ var kt = class {
 		for (let t = 0; t < i.length - 1; t++) if (this.distanceToLine(e, i[t], i[t + 1]) <= r) return !0;
 		return !1;
 	}
-}, qt = class extends L {
+}, nn = class extends L {
 	descriptor = {
 		type: "priceRange",
 		name: "Price Range",
@@ -4141,7 +4428,7 @@ var kt = 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;
 	}
-}, Jt = class extends L {
+}, rn = class extends L {
 	descriptor = {
 		type: "dateRange",
 		name: "Date Range",
@@ -4159,7 +4446,7 @@ var kt = 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;
 	}
-}, Yt = class extends L {
+}, an = class extends L {
 	descriptor = {
 		type: "measure",
 		name: "Measure",
@@ -4184,12 +4471,12 @@ var kt = class {
 };
 //#endregion
 //#region src/drawings/tools/TextAnnotation.ts
-function Xt(e, t = "Text") {
+function on(e, t = "Text") {
 	if (typeof e.style.text == "string" && e.style.text.length > 0) return e.style.text;
 	let n = e.meta?.text;
 	return typeof n == "string" && n.length > 0 ? n : t;
 }
-var Zt = class extends L {
+var sn = class extends L {
 	descriptor = {
 		type: "text",
 		name: "Text",
@@ -4197,7 +4484,7 @@ var Zt = class extends L {
 	};
 	render(e, t, n, r) {
 		if (t.anchors.length < 1) return;
-		let i = this.anchorToPixel(t.anchors[0], n), a = Xt(t), o = t.style.fontSize || 14;
+		let i = this.anchorToPixel(t.anchors[0], n), a = on(t), o = t.style.fontSize || 14;
 		if (e.font = `${o}px sans-serif`, e.fillStyle = t.style.color, e.textAlign = "left", e.textBaseline = "top", r) {
 			let n = e.measureText(a);
 			e.strokeStyle = t.style.color, e.lineWidth = 1, e.setLineDash([3, 3]), e.strokeRect(i.x - 2, i.y - 2, n.width + 4, o + 4), e.setLineDash([]);
@@ -4209,7 +4496,7 @@ var Zt = class extends L {
 		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;
 	}
-}, Qt = class extends L {
+}, cn = class extends L {
 	descriptor = {
 		type: "arrow",
 		name: "Arrow",
@@ -4227,7 +4514,7 @@ var Zt = class extends L {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n);
 		return this.distanceToLine(e, i, a) <= r;
 	}
-}, $t = [
+}, B = [
 	{
 		label: "8x1",
 		ratio: 8
@@ -4264,7 +4551,7 @@ var Zt = class extends L {
 		label: "1x8",
 		ratio: .125
 	}
-], en = class extends L {
+], ln = class extends L {
 	descriptor = {
 		type: "gannFan",
 		name: "Gann Fan",
@@ -4276,7 +4563,7 @@ var Zt = class extends L {
 		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 $t) {
+		for (let { label: n, ratio: r } of B) {
 			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;
@@ -4289,7 +4576,7 @@ var Zt = class extends L {
 		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 $t) {
+		for (let { ratio: t } of B) {
 			let n = c * t, a = d, o = i.y + n * (a - i.x);
 			if (this.distanceToLine(e, i, {
 				x: a,
@@ -4298,7 +4585,7 @@ var Zt = class extends L {
 		}
 		return !1;
 	}
-}, B = [
+}, V = [
 	0,
 	.25,
 	.333,
@@ -4306,7 +4593,7 @@ var Zt = class extends L {
 	.667,
 	.75,
 	1
-], tn = class extends L {
+], un = class extends L {
 	descriptor = {
 		type: "gannBox",
 		name: "Gann Box",
@@ -4317,18 +4604,18 @@ var Zt = class extends L {
 		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 B) {
+			for (let t of V) {
 				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 B) {
+			for (let t of V) {
 				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 B) {
+			for (let t of V) {
 				if (t === 0 || t === 1) continue;
 				let n = c + d * t;
 				e.fillText(`${(t * 100).toFixed(0)}%`, o - 3, n);
@@ -4353,7 +4640,7 @@ var Zt = class extends L {
 			y: l
 		}) <= r;
 	}
-}, nn = class extends L {
+}, dn = class extends L {
 	descriptor = {
 		type: "anchoredVWAP",
 		name: "Anchored VWAP",
@@ -4425,7 +4712,7 @@ var Zt = class extends L {
 		}
 		return !1;
 	}
-}, rn = class extends L {
+}, fn = class extends L {
 	descriptor = {
 		type: "volumeProfileRange",
 		name: "Volume Profile (Range)",
@@ -4467,7 +4754,7 @@ var Zt = class extends L {
 		let i = this.anchorToPixel(t.anchors[0], n), a = this.anchorToPixel(t.anchors[1], n), o = Math.min(i.x, a.x) - r, s = Math.max(i.x, a.x) + 100 + r, c = Math.min(i.y, a.y) - r, l = Math.max(i.y, a.y) + r;
 		return e.x >= o && e.x <= s && e.y >= c && e.y <= l;
 	}
-}, an = [
+}, pn = [
 	1,
 	2,
 	3,
@@ -4477,7 +4764,7 @@ var Zt = class extends L {
 	21,
 	34,
 	55
-], on = class extends L {
+], mn = class extends L {
 	descriptor = {
 		type: "fibTimeZones",
 		name: "Fibonacci Time Zones",
@@ -4489,7 +4776,7 @@ var Zt = class extends L {
 		if (a === 0) return;
 		let { chartRect: o } = n;
 		e.font = "11px sans-serif", e.textBaseline = "top", e.textAlign = "center", this.applyLineStyle(e, t.style);
-		for (let r of an) {
+		for (let r of pn) {
 			let s = A(i.time + a * r, n);
 			s < o.x || s > o.x + o.width || (e.globalAlpha = r === 1 ? 1 : .55, e.beginPath(), e.moveTo(s, o.y), e.lineTo(s, o.y + o.height), e.stroke(), e.fillStyle = t.style.color, e.fillText(String(r), s, o.y + 2));
 		}
@@ -4501,7 +4788,7 @@ var Zt = class extends L {
 		if (a === 0) return !1;
 		let { chartRect: o } = n;
 		if (e.y < o.y || e.y > o.y + o.height) return !1;
-		for (let t of an) {
+		for (let t of pn) {
 			let o = A(i.time + a * t, n);
 			if (Math.abs(e.x - o) <= r) return !0;
 		}
@@ -4510,12 +4797,12 @@ var Zt = class extends L {
 };
 //#endregion
 //#region src/drawings/tools/index.ts
-function sn(e) {
-	e.register(new jt()), e.register(new Mt()), e.register(new Nt()), e.register(new Pt()), e.register(new Ft()), e.register(new It()), e.register(new Lt()), e.register(new Rt()), e.register(new Bt()), e.register(new Vt()), e.register(new Ht()), e.register(new Ut()), e.register(new Wt()), e.register(new Kt()), e.register(new qt()), e.register(new Jt()), e.register(new Yt()), e.register(new Zt()), e.register(new Qt()), e.register(new en()), e.register(new tn()), e.register(new nn()), e.register(new rn()), e.register(new on());
+function hn(e) {
+	e.register(new Bt()), e.register(new Vt()), e.register(new Ht()), e.register(new Ut()), e.register(new Wt()), e.register(new Gt()), e.register(new Kt()), e.register(new qt()), e.register(new Yt()), e.register(new Xt()), e.register(new Zt()), e.register(new Qt()), e.register(new $t()), e.register(new tn()), e.register(new nn()), e.register(new rn()), e.register(new an()), e.register(new sn()), e.register(new cn()), e.register(new ln()), e.register(new un()), e.register(new dn()), e.register(new fn()), e.register(new mn());
 }
 //#endregion
 //#region src/trading/OrderRenderer.ts
-var cn = class {
+var gn = 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) {
@@ -4556,7 +4843,7 @@ var cn = class {
 };
 //#endregion
 //#region src/trading/positionFormat.ts
-function ln(e, t, n) {
+function _n(e, t, n) {
 	let r = Math.min(Math.max(e.closedQuantity ?? 0, 0), e.quantity), i = e.quantity - r, a = e.side === "buy" ? 1 : -1, o = (t - e.entryPrice) * i * a, s = e.entryPrice === 0 ? 0 : (t - e.entryPrice) / e.entryPrice * 100 * a;
 	return {
 		side: e.side,
@@ -4570,9 +4857,9 @@ function ln(e, t, n) {
 		precision: n
 	};
 }
-var un = /\{(side|qty|closedQty|openQty|entry|price|pnl|pnlPct|pnlSign)\}/g;
-function dn(e, t) {
-	return e.replace(un, (e, n) => {
+var vn = /\{(side|qty|closedQty|openQty|entry|price|pnl|pnlPct|pnlSign)\}/g;
+function yn(e, t) {
+	return e.replace(vn, (e, n) => {
 		switch (n) {
 			case "side": return t.side.toUpperCase();
 			case "qty": return String(t.quantity);
@@ -4587,10 +4874,10 @@ function dn(e, t) {
 		}
 	});
 }
-function fn(e, t) {
-	return typeof e == "function" ? e(t) : dn(e ?? "{side} {qty} | P&L: {pnlSign}{pnl}", t);
+function bn(e, t) {
+	return typeof e == "function" ? e(t) : yn(e ?? "{side} {qty} | P&L: {pnlSign}{pnl}", t);
 }
-function pn(e, t, n) {
+function xn(e, t, n) {
 	if (!t || t.length === 0) return n;
 	let r = [...t].sort((e, t) => e.pnl - t.pnl), i;
 	for (let t of r) if (e >= t.pnl) i = t.color;
@@ -4599,20 +4886,20 @@ function pn(e, t, n) {
 }
 //#endregion
 //#region src/trading/PositionRenderer.ts
-var mn = class {
+var Sn = 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 d of t) {
 			let t = T(d.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 f = T(n, r), p = ln(d, n, u), m = p.pnl, h = m >= 0 ? s : c, g = pn(m, a.pnlThresholds, h);
+				let f = T(n, r), p = _n(d, n, u), m = p.pnl, h = m >= 0 ? s : c, g = xn(m, a.pnlThresholds, h);
 				e.fillStyle = g, e.globalAlpha = .08;
 				let _ = Math.min(t, f), v = Math.abs(f - t);
 				if (e.fillRect(o.x, _, o.width, v), e.globalAlpha = 1, p.closedQuantity > 0 && d.quantity > 0) {
 					let t = p.closedQuantity / d.quantity;
 					e.fillStyle = l, e.globalAlpha = .25, e.fillRect(o.x, _, Math.max(2, o.width * t * .04) + 2, v), e.globalAlpha = 1;
 				}
-				let y = fn(a.positionLabel, p);
+				let y = bn(a.positionLabel, p);
 				e.font = `bold 11px ${i.font.family}`;
 				let b = e.measureText(y).width + 12, x = o.x + 8;
 				e.fillStyle = g, e.globalAlpha = .9, e.fillRect(x, t - 10, b, 20), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.textAlign = "left", e.fillText(y, x + 6, t);
@@ -4635,7 +4922,7 @@ var mn = class {
 			e.fillStyle = o, e.fillRect(c, t - 9, u - 2, 18), e.fillStyle = "#FFFFFF", e.font = `11px ${r.font.family}`, e.textAlign = "left", e.textBaseline = "middle", e.fillText(i.entryPrice.toFixed(s), c + 5, t);
 		}
 	}
-}, hn = class {
+}, Cn = 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;
@@ -4666,7 +4953,7 @@ var mn = class {
 			e.fillRect(p - o, a - f / 2, o, f);
 		}
 	}
-}, gn = class {
+}, wn = class {
 	dragState = null;
 	startY = 0;
 	dragging = !1;
@@ -4730,7 +5017,7 @@ var mn = class {
 	isActive() {
 		return this.dragState !== null;
 	}
-}, _n = class {
+}, Tn = class {
 	menuElement = null;
 	removeHandler = null;
 	onItemSelect = null;
@@ -4814,17 +5101,17 @@ var mn = class {
 	destroy() {
 		this.hide(), this.onItemSelect = null;
 	}
-}, vn = class {
+}, En = class {
 	orders = [];
 	positions = [];
 	depthData = null;
 	currentPrice = null;
 	config;
-	orderRenderer = new cn();
-	positionRenderer = new mn();
-	depthOverlay = new hn();
+	orderRenderer = new gn();
+	positionRenderer = new Sn();
+	depthOverlay = new Cn();
 	dragHandler;
-	contextMenu = new _n();
+	contextMenu = new Tn();
 	requestRender = null;
 	eventCallback = null;
 	container = null;
@@ -4832,7 +5119,7 @@ var mn = class {
 		this.config = {
 			...s,
 			...e
-		}, this.dragHandler = new gn(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
+		}, this.dragHandler = new wn(this.config.dragThreshold), this.contextMenu.onItemSelect = (e) => {
 			this.eventCallback?.("orderPlace", e);
 		};
 	}
@@ -4893,7 +5180,7 @@ var mn = class {
 	destroy() {
 		this.contextMenu.destroy();
 	}
-}, yn = class {
+}, Dn = class {
 	constructor(e) {
 		this.manager = e;
 	}
@@ -4903,7 +5190,7 @@ var mn = class {
 	renderAxisBadges(e, t, n) {
 		this.manager.renderAxisBadges(e, t, n);
 	}
-}, V = class {
+}, H = class {
 	listeners = /* @__PURE__ */ new Map();
 	on(e, t) {
 		let n = this.listeners.get(e);
@@ -4925,7 +5212,7 @@ var mn = class {
 	removeAllListeners() {
 		this.listeners.clear();
 	}
-}, bn = class extends V {
+}, On = class extends H {
 	currentBar = null;
 	timeframeMs;
 	tickRing;
@@ -4987,7 +5274,7 @@ var mn = class {
 	alignToTimeframe(e) {
 		return Math.floor(e / this.timeframeMs) * this.timeframeMs;
 	}
-}, H = class extends V {
+}, U = class extends H {
 	config;
 	attempt = 0;
 	timer = null;
@@ -5034,7 +5321,7 @@ var mn = 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));
 	}
-}, xn = class {
+}, kn = class {
 	price = null;
 	previousClose = null;
 	visible = !0;
@@ -5065,12 +5352,12 @@ var mn = class {
 		let f = s - 5;
 		e.beginPath(), e.moveTo(f, r), e.lineTo(f + 5, r - 5), e.lineTo(f + 5, r + 5), e.closePath(), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.textAlign = "left", e.fillText(c, s + 5, r);
 	}
-}, Sn = class extends V {
+}, An = class extends H {
 	config = null;
 	adapter = null;
 	aggregator = null;
 	reconnector;
-	priceLine = new xn();
+	priceLine = new kn();
 	state = "disconnected";
 	lastPrice = null;
 	previousClose = null;
@@ -5078,13 +5365,13 @@ var mn = class {
 	heartbeatTimer = null;
 	lastMessageTime = 0;
 	constructor() {
-		super(), this.reconnector = new H(), this.wireReconnector();
+		super(), this.reconnector = new U(), this.wireReconnector();
 	}
 	async connect(e) {
 		this.disconnect(), this.config = {
 			...a,
 			...e
-		}, this.adapter = e.adapter, this.aggregator = new bn(e.timeframe), this.reconnector.removeAllListeners(), this.reconnector.stop(), this.reconnector = new H(e.reconnect ?? r), this.wireReconnector(), this.aggregator.on("bar", (e) => {
+		}, this.adapter = e.adapter, this.aggregator = new On(e.timeframe), this.reconnector.removeAllListeners(), this.reconnector.stop(), this.reconnector = new U(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);
@@ -5194,7 +5481,7 @@ var mn = class {
 	dispose() {
 		this.disconnect(), this.removeAllListeners();
 	}
-}, Cn = class extends V {
+}, jn = class extends H {
 	data;
 	speed;
 	index;
@@ -5281,11 +5568,11 @@ var mn = class {
 };
 //#endregion
 //#region src/realtime/adapters/binanceTypes.ts
-function wn(e) {
+function Mn(e) {
 	if (!Array.isArray(e) || e.length < 6) return null;
 	let t = e[0];
 	if (typeof t != "number" || !Number.isFinite(t)) return null;
-	let n = U(e[1]), r = U(e[2]), i = U(e[3]), a = U(e[4]), o = U(e[5]);
+	let n = W(e[1]), r = W(e[2]), i = W(e[3]), a = W(e[4]), o = W(e[5]);
 	return n === null || r === null || i === null || a === null || o === null ? null : {
 		time: t,
 		open: n,
@@ -5295,11 +5582,11 @@ function wn(e) {
 		volume: o
 	};
 }
-function Tn(e) {
-	if (!En(e)) return null;
+function Nn(e) {
+	if (!Pn(e)) return null;
 	let t = e.t;
 	if (typeof t != "number" || !Number.isFinite(t)) return null;
-	let n = U(e.o), r = U(e.h), i = U(e.l), a = U(e.c), o = U(e.v);
+	let n = W(e.o), r = W(e.h), i = W(e.l), a = W(e.c), o = W(e.v);
 	if (n === null || r === null || i === null || a === null || o === null) return null;
 	let s = typeof e.x == "boolean" ? e.x : !1;
 	return {
@@ -5314,7 +5601,7 @@ function Tn(e) {
 		closed: s
 	};
 }
-function U(e) {
+function W(e) {
 	if (typeof e == "number") return Number.isFinite(e) ? e : null;
 	if (typeof e == "string") {
 		let t = parseFloat(e);
@@ -5322,12 +5609,12 @@ function U(e) {
 	}
 	return null;
 }
-function En(e) {
+function Pn(e) {
 	return typeof e == "object" && !!e;
 }
 //#endregion
 //#region src/realtime/adapters/BinanceAdapter.ts
-var Dn = {
+var Fn = {
 	"1s": "1s",
 	"1m": "1m",
 	"3m": "3m",
@@ -5344,7 +5631,7 @@ var Dn = {
 	"3d": "3d",
 	"1w": "1w",
 	"1M": "1M"
-}, On = class {
+}, In = class {
 	name = "binance";
 	ws = null;
 	state = "disconnected";
@@ -5365,13 +5652,13 @@ var Dn = {
 		return this.state;
 	}
 	async fetchHistory(e, t, n = 500) {
-		let r = Dn[t] ?? "15m", i = `${this.restBase}/klines?symbol=${e}&interval=${r}&limit=${n}`, a = await fetch(i);
+		let r = Fn[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}`);
 		let o = await a.json();
 		if (!Array.isArray(o)) return [];
 		let s = [];
 		for (let e of o) {
-			let t = wn(e);
+			let t = Mn(e);
 			t && s.push(t);
 		}
 		return s;
@@ -5388,7 +5675,7 @@ var Dn = {
 	}
 	connectWs() {
 		if (!this.config) return;
-		let e = `${this.config.symbol.toLowerCase()}@kline_${Dn[this.config.timeframe] ?? "15m"}`, t = `${this.wsBase}/${e}`;
+		let e = `${this.config.symbol.toLowerCase()}@kline_${Fn[this.config.timeframe] ?? "15m"}`, t = `${this.wsBase}/${e}`;
 		this.setState("connecting");
 		try {
 			this.ws = new WebSocket(t);
@@ -5413,7 +5700,7 @@ var Dn = {
 		};
 	}
 	handleKline(e) {
-		let t = Tn(e);
+		let t = Nn(e);
 		if (!t) return;
 		let { bar: n, closed: r } = t;
 		this.emitEvent("bar", {
@@ -5439,7 +5726,7 @@ var Dn = {
 			for (let e of n) e(r);
 		}
 	}
-}, kn = class {
+}, Ln = class {
 	name = "mock";
 	state = "disconnected";
 	listeners = /* @__PURE__ */ new Map();
@@ -5534,7 +5821,7 @@ var Dn = {
 			for (let e of n) e(r);
 		}
 	}
-}, An = {
+}, Rn = {
 	visible: !0,
 	showSymbol: !0,
 	showOHLC: !0,
@@ -5542,8 +5829,8 @@ var Dn = {
 	showVolume: !0,
 	position: "top-left",
 	fontSize: 12
-}, jn = class {
-	config = { ...An };
+}, zn = class {
+	config = { ...Rn };
 	symbol = "";
 	timeframe = "";
 	hoverBar = null;
@@ -5634,7 +5921,7 @@ var Dn = {
 			}
 		}
 	}
-}, Mn = class {
+}, Bn = class {
 	static toDataURL(e, t) {
 		let n = e.querySelectorAll("canvas");
 		if (n.length === 0) return "";
@@ -5656,7 +5943,7 @@ var Dn = {
 		let i = document.createElement("a");
 		i.href = r, i.download = t, document.body.appendChild(i), i.click(), document.body.removeChild(i);
 	}
-}, Nn = class {
+}, Vn = class {
 	config = null;
 	setConfig(e) {
 		this.config = e;
@@ -5666,7 +5953,7 @@ var Dn = {
 		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();
 	}
-}, Pn = class {
+}, Hn = class {
 	visible = !0;
 	timeframeMs = 0;
 	setVisible(e) {
@@ -5689,9 +5976,10 @@ var Dn = {
 		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")}`;
 	}
-}, Fn = class {
+}, Un = class {
 	config = { visible: !1 };
 	cachedBreaks = [];
+	cachedBreaksTyped = [];
 	lastDataLength = 0;
 	setConfig(e) {
 		Object.assign(this.config, e);
@@ -5702,15 +5990,39 @@ var Dn = {
 	setVisible(e) {
 		this.config.visible = e;
 	}
-	computeBreaks(e) {
+	computeBreaksTyped(e) {
 		if (e.length < 2) return [];
-		if (e.length === this.lastDataLength && this.cachedBreaks.length > 0) return this.cachedBreaks;
-		let t = [], n = this.getDayKey(e[0].time);
+		if (e.length === this.lastDataLength && this.cachedBreaksTyped.length > 0) return this.cachedBreaksTyped;
+		let t = [], n = new Date(this.toMs(e[0].time));
 		for (let r = 1; r < e.length; r++) {
-			let i = this.getDayKey(e[r].time);
-			i !== n && (t.push(r), n = i);
+			let i = new Date(this.toMs(e[r].time));
+			if (i.getFullYear() !== n.getFullYear()) t.push({
+				idx: r,
+				kind: "year",
+				date: i
+			});
+			else if (i.getMonth() !== n.getMonth()) t.push({
+				idx: r,
+				kind: "month",
+				date: i
+			});
+			else if (i.getDate() !== n.getDate()) {
+				let e = i.getDay() === 1;
+				t.push({
+					idx: r,
+					kind: e ? "week" : "day",
+					date: i
+				});
+			}
+			n = i;
 		}
-		return this.lastDataLength = e.length, this.cachedBreaks = t, t;
+		return this.lastDataLength = e.length, this.cachedBreaksTyped = t, this.cachedBreaks = t.map((e) => e.idx), t;
+	}
+	toMs(e) {
+		return e > 0xe8d4a51000 ? e : e * 1e3;
+	}
+	computeBreaks(e) {
+		return this.computeBreaksTyped(e).map((e) => e.idx);
 	}
 	getDayKey(e) {
 		let t = e > 0xe8d4a51000 ? e : e * 1e3, n = new Date(t);
@@ -5718,22 +6030,53 @@ var Dn = {
 	}
 	render(e, t, n, r) {
 		if (!this.config.visible || r.length < 2) return;
-		let i = this.computeBreaks(r);
-		if (i.length === 0) return;
+		let i = this.computeBreaksTyped(r);
+		if (i.length === 0 || qn(r) >= 1380 * 60 * 1e3) return;
 		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 = w(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);
+		e.save(), c === "dashed" ? e.setLineDash([6, 4]) : c === "dotted" && e.setLineDash([2, 3]), e.font = `600 11px ${n.font.family}`, e.textBaseline = "top", e.textAlign = "left";
+		for (let r of i) {
+			let i = w(r.idx, t) - (t.barWidth + t.barSpacing) / 2;
+			if (i < a.x - 1 || i > a.x + a.width + 1) continue;
+			let c = Math.round(i) + .5, l = .25, u = s, d = null;
+			r.kind === "day" ? l = .22 : r.kind === "week" ? (l = .34, d = Gn(r.date)) : r.kind === "month" ? (l = .5, u = s + .5, d = Kn(r.date)) : (l = .7, u = s + 1, d = String(r.date.getFullYear())), e.globalAlpha = l, e.strokeStyle = o, e.lineWidth = u, e.beginPath(), e.moveTo(c, a.y), e.lineTo(c, a.y + a.height), e.stroke(), d && (e.globalAlpha = Math.min(1, l + .35), e.fillStyle = n.textSecondary, e.fillText(d, c + 4, a.y + 4));
 		}
-		e.stroke(), e.restore();
+		e.restore();
 	}
 	invalidateCache() {
-		this.lastDataLength = 0, this.cachedBreaks = [];
-	}
-}, In = 1, Ln = class extends V {
+		this.lastDataLength = 0, this.cachedBreaks = [], this.cachedBreaksTyped = [];
+	}
+}, Wn = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+function Gn(e) {
+	return `${Wn[e.getMonth()]} ${e.getDate()}`;
+}
+function Kn(e) {
+	return `${Wn[e.getMonth()]} ${String(e.getFullYear()).slice(-2)}`;
+}
+function qn(e) {
+	if (e.length < 2) return 0;
+	let t = Math.min(50, e.length - 1), n = [];
+	for (let r = 1; r <= t; r++) {
+		let t = e[r - 1].time, i = e[r].time, a = t > 0xe8d4a51000 ? t : t * 1e3, o = i > 0xe8d4a51000 ? i : i * 1e3;
+		n.push(o - a);
+	}
+	return n.sort((e, t) => e - t), n[Math.floor(n.length / 2)];
+}
+//#endregion
+//#region src/features/AlertManager.ts
+var Jn = 1, Yn = class extends H {
 	alerts = [];
 	lastPrice = null;
 	requestRender = null;
@@ -5745,7 +6088,7 @@ var Dn = {
 		this.pricePrecision = e;
 	}
 	addAlert(e, t = "crossing", n, r = !1) {
-		let i = `tc_alert_${In++}`, a = {
+		let i = `tc_alert_${Jn++}`, a = {
 			id: i,
 			price: e,
 			condition: t,
@@ -5825,7 +6168,7 @@ var Dn = {
 			e.fillText(s, r.x + r.width - 4, a - 2);
 		}
 	}
-}, Rn = class extends V {
+}, Xn = class extends H {
 	data = [];
 	currentIndex = 0;
 	timer = null;
@@ -5861,7 +6204,15 @@ var Dn = {
 		this.timer &&= (clearInterval(this.timer), null), this.state = "stopped", this.currentIndex = 0, this.emit("stateChange", "stopped");
 	}
 	seekTo(e) {
-		this.currentIndex = Math.max(0, Math.min(e, this.data.length - 1));
+		if (this.data.length === 0) return;
+		let t = Math.max(0, Math.min(e, this.data.length - 1));
+		this.currentIndex = t;
+		let n = this.data[t];
+		this.emit("bar", {
+			bar: n,
+			index: t,
+			total: this.data.length
+		});
 	}
 	setSpeed(e) {
 		this.config.speed = e, this.state === "playing" && (this.pause(), this.play());
@@ -5879,24 +6230,24 @@ var Dn = {
 	dispose() {
 		this.stop(), this.removeAllListeners(), this.data = [];
 	}
-}, W = 1;
-function G(e) {
+}, G = 1;
+function K(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function K(e) {
+function q(e) {
 	return Array.isArray(e) ? e : [];
 }
-function zn(e, t) {
+function Zn(e, t) {
 	return typeof e == "string" ? e : t;
 }
-function q(e, t) {
+function J(e, t) {
 	return typeof e == "number" && Number.isFinite(e) ? e : t;
 }
-function Bn(e) {
-	if (!G(e) || typeof e.id != "string" || typeof e.type != "string" || !Array.isArray(e.anchors) || e.anchors.length === 0 || !G(e.style)) return null;
+function Qn(e) {
+	if (!K(e) || typeof e.id != "string" || typeof e.type != "string" || !Array.isArray(e.anchors) || e.anchors.length === 0 || !K(e.style)) return null;
 	let t = [];
 	for (let n of e.anchors) {
-		if (!G(n) || typeof n.time != "number" || typeof n.price != "number" || !Number.isFinite(n.time) || !Number.isFinite(n.price)) return null;
+		if (!K(n) || typeof n.time != "number" || typeof n.price != "number" || !Number.isFinite(n.time) || !Number.isFinite(n.price)) return null;
 		t.push({
 			time: n.time,
 			price: n.price
@@ -5910,52 +6261,52 @@ function Bn(e) {
 		style: n,
 		visible: typeof e.visible == "boolean" ? e.visible : !0,
 		locked: typeof e.locked == "boolean" ? e.locked : !1,
-		meta: G(e.meta) ? e.meta : void 0
+		meta: K(e.meta) ? e.meta : void 0
 	};
 }
-function Vn(e) {
-	return !G(e) || typeof e.id != "string" || typeof e.side != "string" || typeof e.type != "string" || typeof e.price != "number" || typeof e.quantity != "number" ? null : e;
+function $n(e) {
+	return !K(e) || typeof e.id != "string" || typeof e.side != "string" || typeof e.type != "string" || typeof e.price != "number" || typeof e.quantity != "number" ? null : e;
 }
-function Hn(e) {
-	return !G(e) || typeof e.id != "string" || typeof e.side != "string" || typeof e.entryPrice != "number" || typeof e.quantity != "number" ? null : e;
+function er(e) {
+	return !K(e) || typeof e.id != "string" || typeof e.side != "string" || typeof e.entryPrice != "number" || typeof e.quantity != "number" ? null : e;
 }
-function Un(e) {
-	if (!G(e)) return Wn();
-	typeof e.version == "number" && e.version !== W && console.warn(`Chart state version mismatch: ${e.version} vs ${W}`);
-	let t = G(e.viewport) ? e.viewport : {}, n = [];
-	for (let t of K(e.indicators)) G(t) && (typeof t.id != "string" || typeof t.instanceId != "string" || G(t.params) && n.push({
+function tr(e) {
+	if (!K(e)) return nr();
+	typeof e.version == "number" && e.version !== G && console.warn(`Chart state version mismatch: ${e.version} vs ${G}`);
+	let t = K(e.viewport) ? e.viewport : {}, n = [];
+	for (let t of q(e.indicators)) K(t) && (typeof t.id != "string" || typeof t.instanceId != "string" || K(t.params) && n.push({
 		id: t.id,
 		instanceId: t.instanceId,
 		params: t.params,
 		position: typeof t.position == "string" ? t.position : void 0
 	}));
 	let r = [];
-	for (let t of K(e.drawings)) {
-		let e = Bn(t);
+	for (let t of q(e.drawings)) {
+		let e = Qn(t);
 		e && r.push(e);
 	}
 	let i = [];
-	for (let t of K(e.orders)) {
-		let e = Vn(t);
+	for (let t of q(e.orders)) {
+		let e = $n(t);
 		e && i.push(e);
 	}
 	let a = [];
-	for (let t of K(e.positions)) {
-		let e = Hn(t);
+	for (let t of q(e.positions)) {
+		let e = er(t);
 		e && a.push(e);
 	}
 	let o = [];
-	for (let t of K(e.alerts)) G(t) && typeof t.id == "string" && o.push(t);
+	for (let t of q(e.alerts)) K(t) && typeof t.id == "string" && o.push(t);
 	return {
-		version: typeof e.version == "number" ? e.version : W,
-		timestamp: q(e.timestamp, Date.now()),
+		version: typeof e.version == "number" ? e.version : G,
+		timestamp: J(e.timestamp, Date.now()),
 		symbol: typeof e.symbol == "string" ? e.symbol : void 0,
 		timeframe: typeof e.timeframe == "string" ? e.timeframe : void 0,
-		chartType: zn(e.chartType, "candlestick"),
+		chartType: Zn(e.chartType, "candlestick"),
 		viewport: {
-			barWidth: q(t.barWidth, 8),
-			barSpacing: q(t.barSpacing, 2),
-			offset: q(t.offset, 0)
+			barWidth: J(t.barWidth, 8),
+			barSpacing: J(t.barSpacing, 2),
+			offset: J(t.offset, 0)
 		},
 		theme: typeof e.theme == "string" ? e.theme : void 0,
 		locale: typeof e.locale == "string" ? e.locale : void 0,
@@ -5966,9 +6317,9 @@ function Un(e) {
 		alerts: o
 	};
 }
-function Wn() {
+function nr() {
 	return {
-		version: W,
+		version: G,
 		timestamp: Date.now(),
 		chartType: "candlestick",
 		viewport: {
@@ -5983,10 +6334,10 @@ function Wn() {
 		alerts: []
 	};
 }
-var Gn = class {
+var rr = class {
 	static capture(e, t) {
 		return {
-			version: W,
+			version: G,
 			timestamp: Date.now(),
 			chartType: t?.chartType ?? "candlestick",
 			symbol: t?.symbol,
@@ -6008,7 +6359,7 @@ var Gn = class {
 		return JSON.stringify(e);
 	}
 	static deserialize(e) {
-		return Un(JSON.parse(e));
+		return tr(JSON.parse(e));
 	}
 	static saveToStorage(e, t) {
 		localStorage.setItem(e, this.serialize(t));
@@ -6035,7 +6386,7 @@ var Gn = class {
 			}, n.click();
 		});
 	}
-}, Kn = class {
+}, ir = class {
 	undoStack = [];
 	redoStack = [];
 	maxHistory = 50;
@@ -6071,7 +6422,7 @@ var Gn = class {
 			redoCount: this.redoStack.length
 		};
 	}
-}, qn = class {
+}, ar = 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");
 	}
@@ -6089,7 +6440,7 @@ var Gn = 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);
 	}
-}, Jn = 1, Yn = class extends V {
+}, or = 1, sr = class extends H {
 	markers = [];
 	style = { ...i };
 	requestRender = null;
@@ -6110,7 +6461,7 @@ var Gn = class {
 		return { ...this.style };
 	}
 	addMarker(e) {
-		let t = e.id ?? `tc_signal_${Jn++}`, n = {
+		let t = e.id ?? `tc_signal_${or++}`, n = {
 			...e,
 			id: t
 		};
@@ -6164,7 +6515,7 @@ var Gn = class {
 	renderArrow(e, t, n, r, i, a) {
 		e.fillStyle = a, e.beginPath(), r === "long" ? (e.moveTo(t, n - i), e.lineTo(t - i * .6, n), e.lineTo(t - i * .2, n), e.lineTo(t - i * .2, n + i * .4), e.lineTo(t + i * .2, n + i * .4), e.lineTo(t + i * .2, n), e.lineTo(t + i * .6, n)) : r === "short" ? (e.moveTo(t, n + i), e.lineTo(t - i * .6, n), e.lineTo(t - i * .2, n), e.lineTo(t - i * .2, n - i * .4), e.lineTo(t + i * .2, n - i * .4), e.lineTo(t + i * .2, n), e.lineTo(t + i * .6, n)) : e.arc(t, n, i * .4, 0, Math.PI * 2), e.closePath(), e.fill();
 	}
-}, Xn = 1, Zn = class extends V {
+}, cr = 1, lr = class extends H {
 	zones = [];
 	style = { ...o };
 	requestRender = null;
@@ -6189,7 +6540,7 @@ var Gn = class {
 		return { ...this.style };
 	}
 	addZone(e) {
-		let t = e.id ?? `tc_zone_${Xn++}`, n = {
+		let t = e.id ?? `tc_zone_${cr++}`, n = {
 			...e,
 			id: t
 		};
@@ -6240,7 +6591,88 @@ var Gn = class {
 		}
 		a.showLabel && t.label && (e.font = `9px ${i.font.family}`, e.fillStyle = b, e.globalAlpha = .8, e.textBaseline = "top", e.textAlign = "left", e.fillText(t.label, f + 4, m + 3), e.globalAlpha = 1);
 	}
-}, Qn = {
+}, ur = class {
+	active = !1;
+	startBar = 0;
+	startPrice = 0;
+	endBar = 0;
+	endPrice = 0;
+	startTime = null;
+	endTime = null;
+	isActive() {
+		return this.active;
+	}
+	begin(e, t, n) {
+		let r = Math.round(E(e.x, t)), i = D(e.y, t);
+		this.startBar = r, this.startPrice = i, this.endBar = r, this.endPrice = i, this.startTime = dr(r, n), this.endTime = this.startTime, this.active = !0;
+	}
+	update(e, t, n) {
+		if (!this.active) return;
+		let r = Math.round(E(e.x, t));
+		this.endBar = r, this.endPrice = D(e.y, t), this.endTime = dr(r, n);
+	}
+	end() {
+		this.active = !1;
+	}
+	render(e, t, n) {
+		if (!this.active) return;
+		let r = w(this.startBar, t), i = w(this.endBar, t), a = T(this.startPrice, t), o = T(this.endPrice, t), s = Math.min(r, i), c = Math.max(r, i), l = Math.min(a, o), u = Math.max(a, o), d = c - s, f = u - l, p = this.endPrice >= this.startPrice ? n.candleUp : n.candleDown, m = _r(p, .14);
+		e.save(), e.fillStyle = m, e.fillRect(s, l, d, f), e.strokeStyle = p, e.lineWidth = 1, e.setLineDash([4, 3]), e.strokeRect(s + .5, l + .5, d, f), e.setLineDash([]), e.strokeStyle = p, e.lineWidth = 1.5, e.beginPath(), e.moveTo(r, a), e.lineTo(i, o), e.stroke(), mr(e, r, a, p), mr(e, i, o, p);
+		let h = Math.abs(this.endBar - this.startBar), g = this.endPrice - this.startPrice, _ = this.startPrice === 0 ? 0 : g / this.startPrice * 100, v = this.startTime !== null && this.endTime !== null ? pr(Math.abs(this.endTime - this.startTime)) : null, y = [], b = g > 0 ? "+" : g < 0 ? "−" : "", x = Math.abs(g);
+		y.push(`${b}${fr(x)}  (${b}${Math.abs(_).toFixed(2)}%)`), y.push(`${h} bars${v ? "  ·  " + v : ""}`), hr(e, i, o, y, p, n), e.restore();
+	}
+};
+function dr(e, t) {
+	if (e < 0 || e >= t.length) return null;
+	let n = t[e].time;
+	return n > 0xe8d4a51000 ? n : n * 1e3;
+}
+function fr(e) {
+	return e >= 1e3 ? e.toFixed(2) : e >= 1 ? e.toFixed(4) : e.toPrecision(4);
+}
+function pr(e) {
+	let t = e / 1e3;
+	if (t < 60) return `${t.toFixed(0)}s`;
+	let n = t / 60;
+	if (n < 60) return `${n.toFixed(1)}m`;
+	let r = n / 60;
+	if (r < 24) return `${r.toFixed(1)}h`;
+	let i = r / 24;
+	if (i < 30) return `${i.toFixed(1)}d`;
+	let a = i / 30;
+	return a < 12 ? `${a.toFixed(1)}mo` : `${(i / 365).toFixed(1)}y`;
+}
+function mr(e, t, n, r) {
+	e.fillStyle = r, e.beginPath(), e.arc(t, n, 3.5, 0, Math.PI * 2), e.fill(), e.fillStyle = "#fff", e.beginPath(), e.arc(t, n, 1.5, 0, Math.PI * 2), e.fill();
+}
+function hr(e, t, n, r, i, a) {
+	e.font = `600 11px ${a.font.family}`;
+	let o = 0;
+	for (let t of r) {
+		let n = e.measureText(t).width;
+		n > o && (o = n);
+	}
+	let s = Math.ceil(o) + 16, c = r.length * 14 + 12, l = t + 8, u = n + 8, d = e.canvas.clientWidth || e.canvas.width;
+	l + s > d - 4 && (l = t - s - 8), l < 4 && (l = 4), e.fillStyle = a.background, e.globalAlpha = .96, gr(e, l, u, s, c, 6), e.fill(), e.globalAlpha = 1, e.strokeStyle = i, e.lineWidth = 1, gr(e, l + .5, u + .5, s - 1, c - 1, 6), e.stroke(), e.fillStyle = a.text, e.textBaseline = "top", e.textAlign = "left";
+	for (let t = 0; t < r.length; t++) e.fillStyle = t === 0 ? i : a.textSecondary, e.fillText(r[t], l + 8, u + 6 + t * 14);
+}
+function gr(e, t, n, r, i, a) {
+	e.beginPath(), e.moveTo(t + a, n), e.arcTo(t + r, n, t + r, n + i, a), e.arcTo(t + r, n + i, t, n + i, a), e.arcTo(t, n + i, t, n, a), e.arcTo(t, n, t + r, n, a), e.closePath();
+}
+function _r(e, t) {
+	if (e.startsWith("#")) {
+		let n = 0, r = 0, i = 0;
+		return e.length === 4 ? (n = parseInt(e[1] + e[1], 16), r = parseInt(e[2] + e[2], 16), i = parseInt(e[3] + e[3], 16)) : e.length >= 7 && (n = parseInt(e.slice(1, 3), 16), r = parseInt(e.slice(3, 5), 16), i = parseInt(e.slice(5, 7), 16)), `rgba(${n},${r},${i},${t})`;
+	}
+	if (e.startsWith("rgb")) {
+		let n = e.match(/[\d.]+/g);
+		if (n && n.length >= 3) return `rgba(${n[0]},${n[1]},${n[2]},${t})`;
+	}
+	return e;
+}
+//#endregion
+//#region src/animation/Animator.ts
+var vr = {
 	linear: (e) => e,
 	easeOutCubic: (e) => 1 - (1 - e) ** 3,
 	easeOutQuart: (e) => 1 - (1 - e) ** 4,
@@ -6248,7 +6680,7 @@ var Gn = 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)
-}, $n = class {
+}, yr = class {
 	animations = /* @__PURE__ */ new Map();
 	frameId = 0;
 	running = !1;
@@ -6256,7 +6688,7 @@ var Gn = class {
 		this.animations.set(e, {
 			startTime: -1,
 			duration: t.duration,
-			easing: t.easing ?? Qn.easeOutCubic,
+			easing: t.easing ?? vr.easeOutCubic,
 			onUpdate: t.onUpdate,
 			onComplete: t.onComplete
 		}), this.running || (this.running = !0, this.tick());
@@ -6291,10 +6723,10 @@ var Gn = class {
 };
 //#endregion
 //#region src/finance/BaseFinanceChart.ts
-function er(t) {
+function br(t) {
 	return !t || t === "dark" ? e : t === "light" ? c : t;
 }
-var tr = class {
+var xr = class {
 	canvas;
 	ctx;
 	container;
@@ -6305,7 +6737,7 @@ var tr = class {
 	frameId = null;
 	resizeObserver;
 	constructor(e, t) {
-		this.container = e, this.theme = er(t), this.canvas = document.createElement("canvas"), this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.display = "block", e.appendChild(this.canvas), this.ctx = this.canvas.getContext("2d"), this.dpr = window.devicePixelRatio || 1, this.updateSize(), this.resizeObserver = new ResizeObserver(() => {
+		this.container = e, this.theme = br(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);
 	}
@@ -6320,12 +6752,12 @@ var tr = class {
 		}));
 	}
 	setTheme(e) {
-		this.theme = er(e), this.requestRender();
+		this.theme = br(e), this.requestRender();
 	}
 	destroy() {
 		this.frameId !== null && cancelAnimationFrame(this.frameId), this.resizeObserver.disconnect(), this.canvas.remove();
 	}
-}, nr = class {
+}, Sr = class {
 	pos = null;
 	canvas;
 	onUpdate;
@@ -6357,7 +6789,7 @@ var tr = class {
 };
 //#endregion
 //#region src/finance/SparklineRenderer.ts
-function rr(e, t, n, r, i) {
+function Cr(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;
@@ -6382,8 +6814,8 @@ function rr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/finance/DepthChartRenderer.ts
-var ir = 50, ar = 60, J = 20, or = .2;
-function sr(e) {
+var wr = 50, Tr = 60, Y = 20, Er = .2;
+function Dr(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,
@@ -6391,7 +6823,7 @@ function sr(e) {
 	});
 	return n;
 }
-function cr(e) {
+function Or(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,
@@ -6399,20 +6831,20 @@ function cr(e) {
 	});
 	return n;
 }
-function lr(e, t) {
+function kr(e, t) {
 	return {
-		left: ir,
-		right: e - ar,
-		top: J,
-		bottom: t - J,
-		plotWidth: e - ir - ar,
-		plotHeight: t - J * 2
+		left: wr,
+		right: e - Tr,
+		top: Y,
+		bottom: t - Y,
+		plotWidth: e - wr - Tr,
+		plotHeight: t - Y * 2
 	};
 }
-function ur(e, t, n, r) {
+function Ar(e, t, n, r) {
 	e.fillStyle = r, e.fillRect(0, 0, t, n);
 }
-function dr(e, t, n, r, i, a, o, s) {
+function jr(e, t, n, r, i, a, o, s) {
 	let { left: c, right: l, top: u, bottom: d, plotWidth: f, plotHeight: p } = 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 = m(0, i, 5);
@@ -6427,7 +6859,7 @@ function dr(e, t, n, r, i, a, o, s) {
 	}
 	e.restore();
 }
-function fr(e, t, n, r, i, a, o, s, c) {
+function Mr(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") {
@@ -6460,14 +6892,14 @@ function fr(e, t, n, r, i, a, o, s, c) {
 	}
 	e.strokeStyle = s, e.lineWidth = 1.5, e.stroke();
 }
-function pr(e, t, n, r, i, a, o, s, c) {
+function Nr(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 mr(e, t, n, r, i, a, o, s, c, l, u) {
+function Pr(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 = "";
@@ -6493,47 +6925,47 @@ function mr(e, t, n, r, i, a, o, s, c, l, u) {
 	for (let t = 0; t < b.length; t++) e.fillText(b[t], C + 8, w + 6 + t * (c.font.sizeSmall + 4));
 	e.restore();
 }
-function hr(e) {
+function Fr(e) {
 	return e.toFixed(2);
 }
-function gr(e) {
+function Ir(e) {
 	return e >= 1e6 ? (e / 1e6).toFixed(2) + "M" : e >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toFixed(0);
 }
-function _r(e, t, n, r, i, a) {
+function Lr(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 ?? hr, m = r.volumeFormat ?? gr, h = sr(o.bids), g = cr(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 + or), 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 = lr(t, n);
-	ur(e, t, n, i.background), dr(e, A, w, T, k, i, p, m), fr(e, h, A, w, E, k, l, s, "bid"), fr(e, g, A, w, E, k, u, c, "ask"), d && pr(e, y, b, A, w, E, i, f, p), a && mr(e, a, h, g, A, w, E, k, i, p, m);
+	let s = r.bidColor ?? i.candleUp, c = r.askColor ?? i.candleDown, l = r.bidFillColor ?? s + "40", u = r.askFillColor ?? c + "40", d = r.midPriceLine !== !1, f = r.spreadLabel !== !1, p = r.priceFormat ?? Fr, m = r.volumeFormat ?? Ir, h = Dr(o.bids), g = Or(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 + Er), 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 = kr(t, n);
+	Ar(e, t, n, i.background), jr(e, A, w, T, k, i, p, m), Mr(e, h, A, w, E, k, l, s, "bid"), Mr(e, g, A, w, E, k, u, c, "ask"), d && Nr(e, y, b, A, w, E, i, f, p), a && Pr(e, a, h, g, A, w, E, k, i, p, m);
 }
 //#endregion
 //#region src/finance/EquityCurveRenderer.ts
-var vr = 70, yr = 30, br = 20, xr = 20, Sr = .05;
-function Cr(e, t) {
+var Rr = 70, zr = 30, Br = 20, Vr = 20, Hr = .05;
+function Ur(e, t) {
 	return {
-		left: vr,
-		right: e - br,
-		top: xr,
-		bottom: t - yr,
-		plotWidth: e - vr - br,
-		plotHeight: t - xr - yr
+		left: Rr,
+		right: e - Br,
+		top: Vr,
+		bottom: t - zr,
+		plotWidth: e - Rr - Br,
+		plotHeight: t - Vr - zr
 	};
 }
-function wr(e, t) {
+function Wr(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) * Sr;
+	let i = (r - n) * Hr;
 	return {
 		valMin: n - i,
 		valMax: r + i
 	};
 }
-function Tr(e) {
+function Gr(e) {
 	let t = [], n = -Infinity;
 	for (let r of e) r.value > n && (n = r.value), t.push(n);
 	return t;
 }
-function Er(e) {
+function Kr(e) {
 	let t = 864e5;
 	if (365.25 * t, e < 7 * t) {
 		let e = new Intl.DateTimeFormat(void 0, {
@@ -6555,13 +6987,13 @@ function Er(e) {
 	});
 	return (e) => n.format(new Date(e));
 }
-function Dr(e) {
+function qr(e) {
 	return Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(2) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toFixed(2);
 }
-function Or(e, t, n, r) {
+function Jr(e, t, n, r) {
 	e.fillStyle = r, e.fillRect(0, 0, t, n);
 }
-function kr(e, t, n, r, i, a, o, s, c) {
+function Yr(e, t, n, r, i, a, o, s, c) {
 	let { left: l, right: u, top: d, bottom: f, plotWidth: p, 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 = m(n, r, 6), _ = Math.ceil(n / g) * g;
@@ -6576,21 +7008,21 @@ function kr(e, t, n, r, i, a, o, s, c) {
 	}
 	e.restore();
 }
-function Ar(e, t, n, r, i, a, o, s, c) {
+function Xr(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 jr(e, t, n, r, i, a, o, s) {
+function Zr(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 Mr(e, t, n, r, i, a, o, s, c) {
+function Qr(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]));
@@ -6598,12 +7030,12 @@ function Mr(e, t, n, r, i, a, o, s, c) {
 	for (let n = t.length - 1; n >= 0; n--) e.lineTo(p(t[n].time), m(t[n].value));
 	e.closePath(), e.fill(), e.restore();
 }
-function Nr(e, t, n, r, i, a, o, s, c, l) {
+function $r(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 Pr(e, t, n, r, i, a, o, s, c, l, u, d) {
+function ei(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();
@@ -6621,15 +7053,15 @@ function Pr(e, t, n, r, i, a, o, s, c, l, u, d) {
 	for (let t = 0; t < S.length; t++) e.fillText(S[t], D + 8, O + 6 + t * (l.font.sizeSmall + 4));
 	e.restore();
 }
-function Fr(e, t, n, r, i, a) {
+function ti(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 ?? Dr, { valMin: g, valMax: _ } = wr(o, f), v = _ - g || 1, y = o[0].time, b = o[o.length - 1].time, x = b - y || 1, S = r.timeFormat ?? Er(x), C = Cr(t, n);
-	Or(e, t, n, i.background), kr(e, C, g, _, y, b, i, h, S), l && Mr(e, o, Tr(o), C, y, x, g, v, u), d && jr(e, o, C, y, x, g, v, s), Ar(e, o, C, y, x, g, v, s, c), f && f.length >= 2 && (Ar(e, f, C, y, x, g, v, p, 1), Nr(e, f, C, y, x, g, v, m, p, i)), a && Pr(e, a, o, f, C, y, x, g, v, i, S, h);
+	let s = r.lineColor ?? i.lineColor, c = r.lineWidth ?? 1.5, l = r.drawdown === !0, u = r.drawdownColor ?? i.candleDown + "30", d = r.fillArea === !0, f = r.benchmark, p = r.benchmarkColor ?? i.textSecondary, m = r.benchmarkLabel ?? "Benchmark", h = r.valueFormat ?? qr, { valMin: g, valMax: _ } = Wr(o, f), v = _ - g || 1, y = o[0].time, b = o[o.length - 1].time, x = b - y || 1, S = r.timeFormat ?? Kr(x), C = Ur(t, n);
+	Jr(e, t, n, i.background), Yr(e, C, g, _, y, b, i, h, S), l && Qr(e, o, Gr(o), C, y, x, g, v, u), d && Zr(e, o, C, y, x, g, v, s), Xr(e, o, C, y, x, g, v, s, c), f && f.length >= 2 && (Xr(e, f, C, y, x, g, v, p, 1), $r(e, f, C, y, x, g, v, m, p, i)), a && ei(e, a, o, f, C, y, x, g, v, i, S, h);
 }
 //#endregion
 //#region src/finance/HeatmapLayout.ts
-function Ir(e, t, n) {
+function ni(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++) {
@@ -6646,7 +7078,7 @@ function Ir(e, t, n) {
 	}
 	return c;
 }
-function Y(e, t) {
+function ri(e, t) {
 	let n = e.reduce((e, t) => e + t, 0);
 	if (n === 0 || t === 0) return Infinity;
 	let r = 0;
@@ -6676,7 +7108,7 @@ function X(e, t, n, r, i, a) {
 		}), l += s;
 	}
 }
-function Lr(e, t, n, r, i) {
+function ii(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) {
@@ -6686,7 +7118,7 @@ function Lr(e, t, n, r, i) {
 	let s = [], c = [], l = 0;
 	for (; l < e.length;) {
 		let u = [...s, e[l]];
-		if (s.length === 0 || Y(u, o) <= Y(s, o)) s.push(e[l]), c.push(t[l]), l++;
+		if (s.length === 0 || ri(u, o) <= ri(s, o)) s.push(e[l]), c.push(t[l]), l++;
 		else {
 			X(s, c, n, a, r, i);
 			let u = s.reduce((e, t) => e + t, 0), d = o > 0 ? u / o : 0;
@@ -6700,28 +7132,28 @@ function Lr(e, t, n, r, i) {
 				y: n.y + d,
 				width: n.width,
 				height: n.height - d
-			}, Lr(e.slice(l), t.slice(l), n, r, i);
+			}, ii(e.slice(l), t.slice(l), n, r, i);
 			return;
 		}
 	}
 	s.length > 0 && X(s, c, n, a, r, i);
 }
-function Rr(e, t, n) {
+function ai(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 Lr(o, s, { ...t }, n, c), c;
+	return ii(o, s, { ...t }, n, c), c;
 }
 //#endregion
 //#region src/finance/HeatmapRenderer.ts
-function zr(e) {
+function oi(e) {
 	return (e >= 0 ? "+" : "") + e.toFixed(2) + "%";
 }
-function Br(e) {
+function si(e) {
 	return e.label;
 }
-function Vr(e, t) {
+function ci(e, t) {
 	let n = t.min ?? -5, r = t.max ?? 5;
 	if (e <= n) return t.negative;
 	if (e >= r) return t.positive;
@@ -6736,7 +7168,7 @@ function Z(e, t, n, r, i, a) {
 	let o = Math.min(a, r / 2, i / 2);
 	e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
 }
-function Hr(e, t, n, r, i, a, o, s, c, l, u) {
+function li(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) {
@@ -6749,7 +7181,7 @@ function Hr(e, t, n, r, i, a, o, s, c, l, u) {
 	}
 	e.restore();
 }
-function Ur(e, t, n, r, i, a, o, s) {
+function ui(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;
@@ -6758,13 +7190,13 @@ function Ur(e, t, n, r, i, a, o, s) {
 	for (let t = 0; t < c.length; t++) e.fillText(c[t], f + 8, p + 6 + t * u);
 	e.restore();
 }
-function Wr(e, t, n, r, i, a, o, s) {
+function di(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 ?? zr, p = a.labelFormat ?? Br, m = /* @__PURE__ */ new Map();
+	}, l = a.cellRadius ?? 4, u = a.showLabels !== !1, d = a.showValues !== !1, f = a.valueFormat ?? oi, p = a.labelFormat ?? si, 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) {
@@ -6785,37 +7217,37 @@ function Wr(e, t, n, r, i, a, o, s) {
 		if (!n) continue;
 		let { x: r, y: i, width: a, height: s } = t.rect;
 		if (a <= 0 || s <= 0) continue;
-		let g = Vr(n.value, c);
-		Z(e, r, i, a, s, l), e.fillStyle = g, e.fill(), Hr(e, n, r, i, a, s, o, u, d, p, f), t.id === h && (Z(e, r, i, a, s, l), e.strokeStyle = "#FFFFFF", e.lineWidth = 1.5, e.stroke());
+		let g = ci(n.value, c);
+		Z(e, r, i, a, s, l), e.fillStyle = g, e.fill(), li(e, n, r, i, a, s, o, u, d, p, f), t.id === h && (Z(e, r, i, a, s, l), e.strokeStyle = "#FFFFFF", e.lineWidth = 1.5, e.stroke());
 	}
-	return g && s && Ur(e, g.cell, s, t, n, o, p, f), g;
+	return g && s && ui(e, g.cell, s, t, n, o, p, f), g;
 }
 //#endregion
 //#region src/finance/WaterfallRenderer.ts
-var Gr = 60, Kr = 12, qr = 24, Jr = 40, Yr = .7, Xr = 1;
-function Zr(e) {
+var fi = 60, pi = 12, mi = 24, hi = 40, gi = .7, _i = 1;
+function vi(e) {
 	return e.type ? e.type : e.value > 0 ? "positive" : e.value < 0 ? "negative" : "subtotal";
 }
-function Qr(e) {
+function yi(e) {
 	let t = Math.abs(e);
 	return t >= 1e6 ? (e / 1e6).toFixed(2) + "M" : t >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toFixed(2);
 }
-function $r(e, t) {
+function bi(e, t) {
 	return {
-		left: Gr,
-		right: e - Kr,
-		top: qr,
-		bottom: t - Jr,
-		plotWidth: e - Gr - Kr,
-		plotHeight: t - qr - Jr
+		left: fi,
+		right: e - pi,
+		top: mi,
+		bottom: t - hi,
+		plotWidth: e - fi - pi,
+		plotHeight: t - mi - hi
 	};
 }
-function ei(e, t, n, r, i) {
+function xi(e, t, n, r, i) {
 	let a = Array(e.length), o = Array(e.length), s = t.plotWidth / e.length, c = s * n, l = (s - c) / 2, { left: u, bottom: d, plotHeight: f } = t, p = 0;
 	for (let t = 0; t < e.length; t++) {
-		let n = e[t], m = Zr(n), h, g;
+		let n = e[t], m = vi(n), h, g;
 		m === "total" || m === "subtotal" ? (h = 0, g = n.value, p = n.value) : (h = p, g = p + n.value, p = g);
-		let _ = Math.min(h, g), v = Math.max(h, g), y = d - (_ - r) / i * f, b = d - (v - r) / i * f, x = Math.min(y, b), S = Math.max(Math.abs(b - y), Xr), C = u + t * s, w = C + l;
+		let _ = Math.min(h, g), v = Math.max(h, g), y = d - (_ - r) / i * f, b = d - (v - r) / i * f, x = Math.min(y, b), S = Math.max(Math.abs(b - y), _i), C = u + t * s, w = C + l;
 		a[t] = {
 			label: n.label,
 			value: n.value,
@@ -6835,14 +7267,14 @@ function ei(e, t, n, r, i) {
 		cumulatives: o
 	};
 }
-function ti(e) {
+function Si(e) {
 	if (e.length === 0) return {
 		valMin: 0,
 		valMax: 1
 	};
 	let t = 0, n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
-		let a = e[i], o = Zr(a), s, c;
+		let a = e[i], o = vi(a), s, c;
 		o === "total" || o === "subtotal" ? (s = 0, c = a.value, r = a.value) : (s = r, c = r + a.value, r = c), s < t && (t = s), c < t && (t = c), s > n && (n = s), c > n && (n = c);
 	}
 	let i = (n - t || 1) * .1;
@@ -6851,10 +7283,10 @@ function ti(e) {
 		valMax: n + i
 	};
 }
-function ni(e, t, n, r) {
+function Ci(e, t, n, r) {
 	e.fillStyle = r, e.fillRect(0, 0, t, n);
 }
-function ri(e, t, n, r, i, a) {
+function wi(e, t, n, r, i, a) {
 	let { left: o, right: s, top: c, bottom: l, plotHeight: u } = t, d = r - n || 1;
 	e.strokeStyle = i.grid, e.lineWidth = .5, e.fillStyle = i.axisLabel, e.font = `${i.font.sizeSmall}px ${i.font.family}`, e.textAlign = "right", e.textBaseline = "middle";
 	let f = m(n, r, 5), p = Math.ceil(n / f) * f;
@@ -6873,7 +7305,7 @@ function ri(e, t, n, r, i, a) {
 		e.strokeStyle = i.axisLine, e.lineWidth = 1, e.beginPath(), e.moveTo(o, t), e.lineTo(s, t), e.stroke();
 	}
 }
-function ii(e, t, n) {
+function Ti(e, t, n) {
 	let r = [
 		"positive",
 		"negative",
@@ -6892,7 +7324,7 @@ function ii(e, t, n) {
 		s && (e.fillStyle = o, e.fill());
 	}
 }
-function ai(e, t, n, r, i, a, o) {
+function Ei(e, t, n, r, i, a, o) {
 	if (o === "none" || t.length < 2) return;
 	let { bottom: s, plotHeight: c } = n;
 	e.strokeStyle = a, e.lineWidth = 1, o === "dashed" ? e.setLineDash([4, 4]) : e.setLineDash([]), e.beginPath();
@@ -6902,7 +7334,7 @@ function ai(e, t, n, r, i, a, o) {
 	}
 	e.stroke(), e.setLineDash([]);
 }
-function oi(e, t, n, r, i, a) {
+function Di(e, t, n, r, i, a) {
 	e.fillStyle = r.text, e.font = `${r.font.sizeSmall}px ${r.font.family}`, e.textAlign = "center";
 	for (let r = 0; r < t.length; r++) {
 		let o = t[r], s;
@@ -6911,7 +7343,7 @@ function oi(e, t, n, r, i, a) {
 		o.end < o.start ? (e.textBaseline = "top", e.fillText(s, c, o.rectY + o.rectH + 4)) : (e.textBaseline = "bottom", e.fillText(s, c, o.rectY - 4));
 	}
 }
-function si(e, t, n, r, i) {
+function Oi(e, t, n, r, i) {
 	e.fillStyle = r.axisLabel, e.font = `${r.font.sizeSmall}px ${r.font.family}`, e.textAlign = "center", e.textBaseline = "top";
 	let a = n.bottom + 6, o = t.length > 0 ? t[0].slotW - 4 : 0, s = !1;
 	for (let n = 0; n < t.length; n++) if (e.measureText(i(t[n].label)).width > o) {
@@ -6932,7 +7364,7 @@ function si(e, t, n, r, i) {
 	}
 	e.setTransform(1, 0, 0, 1, 0, 0), e.restore();
 }
-function ci(e, t, n) {
+function ki(e, t, n) {
 	if (t < n.left || t > n.right) return null;
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
@@ -6940,7 +7372,7 @@ function ci(e, t, n) {
 	}
 	return null;
 }
-function li(e, t, n, r, i, a, o, s) {
+function Ai(e, t, n, r, i, a, o, s) {
 	let c = t[r], l = n[r], u = Math.round(c.slotX + c.slotW / 2) + .5;
 	e.strokeStyle = o.crosshair, e.lineWidth = .5, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(u, a.top), e.lineTo(u, a.bottom), e.stroke(), e.setLineDash([]);
 	let d = [
@@ -6959,31 +7391,31 @@ function li(e, t, n, r, i, a, o, s) {
 	let _ = o.font.sizeSmall + 4;
 	for (let t = 0; t < d.length; t++) e.fillText(d[t], h + 8, g + 6 + t * _);
 }
-function ui(e, t, n, r, i, a) {
+function ji(e, t, n, r, i, a) {
 	let { data: o } = r;
 	if (!o || o.length === 0 || t <= 0 || n <= 0) return { hitBar: null };
-	let s = r.positiveColor ?? i.candleUp, c = r.negativeColor ?? i.candleDown, l = r.totalColor ?? i.lineColor, u = r.subtotalColor ?? i.textSecondary, d = r.connectorColor ?? i.textSecondary, f = r.connectorStyle ?? "dashed", p = r.barWidth ?? Yr, m = r.showValues !== !1, h = r.showDelta !== !1, g = r.valueFormat ?? Qr, _ = r.labelFormat ?? ((e) => e), { valMin: v, valMax: y } = ti(o), b = y - v || 1, x = $r(t, n), { bars: S, cumulatives: C } = ei(o, x, p, v, b);
-	ni(e, t, n, i.background), ri(e, x, v, y, i, g), ai(e, S, x, v, b, d, f), ii(e, S, {
+	let s = r.positiveColor ?? i.candleUp, c = r.negativeColor ?? i.candleDown, l = r.totalColor ?? i.lineColor, u = r.subtotalColor ?? i.textSecondary, d = r.connectorColor ?? i.textSecondary, f = r.connectorStyle ?? "dashed", p = r.barWidth ?? gi, m = r.showValues !== !1, h = r.showDelta !== !1, g = r.valueFormat ?? yi, _ = r.labelFormat ?? ((e) => e), { valMin: v, valMax: y } = Si(o), b = y - v || 1, x = bi(t, n), { bars: S, cumulatives: C } = xi(o, x, p, v, b);
+	Ci(e, t, n, i.background), wi(e, x, v, y, i, g), Ei(e, S, x, v, b, d, f), Ti(e, S, {
 		positive: s,
 		negative: c,
 		total: l,
 		subtotal: u
-	}), m && oi(e, S, C, i, g, h), si(e, S, x, i, _);
-	let w = a ? ci(S, a.x, x) : null;
-	return a && w !== null && li(e, S, C, w, a, x, i, g), { hitBar: w };
+	}), m && Di(e, S, C, i, g, h), Oi(e, S, x, i, _);
+	let w = a ? ki(S, a.x, x) : null;
+	return a && w !== null && Ai(e, S, C, w, a, x, i, g), { hitBar: w };
 }
 //#endregion
 //#region src/finance/GaugeRenderer.ts
-var di = Math.PI / 180, fi = 135, pi = 405, mi = .25;
-function hi(e) {
+var Mi = Math.PI / 180, Ni = 135, Pi = 405, Fi = .25;
+function Ii(e) {
 	let t = Math.abs(e);
 	return t >= 1e6 ? (e / 1e6).toFixed(2) + "M" : t >= 1e3 ? (e / 1e3).toFixed(1) + "K" : Number.isInteger(e) ? e.toFixed(0) : e.toFixed(1);
 }
 function Q(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function gi(e, t, n) {
-	let r = n.min ?? 0, i = n.max ?? 100, a = i - r || 1, o = (n.startAngle ?? fi) * di, s = (n.endAngle ?? pi) * di, c = n.thickness ?? mi, l = e / 2, u = t / 2 + t * .05, d = Math.max(10, Math.min(e, t) / 2 - 24);
+function Li(e, t, n) {
+	let r = n.min ?? 0, i = n.max ?? 100, a = i - r || 1, o = (n.startAngle ?? Ni) * Mi, s = (n.endAngle ?? Pi) * Mi, c = n.thickness ?? Fi, l = e / 2, u = t / 2 + t * .05, d = Math.max(10, Math.min(e, t) / 2 - 24);
 	return {
 		cx: l,
 		cy: u,
@@ -7001,38 +7433,38 @@ function $(e, t) {
 	let n = Q((e - t.min) / t.range, 0, 1);
 	return t.startAngle + t.angleRange * n;
 }
-function _i(e, t, n, r) {
+function Ri(e, t, n, r) {
 	e.fillStyle = r, e.fillRect(0, 0, t, n);
 }
-function vi(e, t, n) {
+function zi(e, t, n) {
 	e.beginPath(), e.arc(t.cx, t.cy, t.radius, t.startAngle, t.endAngle, !1), e.arc(t.cx, t.cy, t.innerRadius, t.endAngle, t.startAngle, !0), e.closePath(), e.fillStyle = n, e.fill();
 }
-function yi(e, t, n) {
+function Bi(e, t, n) {
 	let r = Q(n.from, t.min, t.max), i = Q(n.to, t.min, t.max);
 	if (i <= r) return;
 	let a = $(r, t), o = $(i, t);
 	e.beginPath(), e.arc(t.cx, t.cy, t.radius, a, o, !1), e.arc(t.cx, t.cy, t.innerRadius, o, a, !0), e.closePath(), e.fillStyle = n.color, e.fill();
 }
-function bi(e, t, n, r, i) {
+function Vi(e, t, n, r, i) {
 	let a = $(n, t);
 	a <= t.startAngle || (e.globalAlpha = i, e.beginPath(), e.arc(t.cx, t.cy, t.radius, t.startAngle, a, !1), e.arc(t.cx, t.cy, t.innerRadius, a, t.startAngle, !0), e.closePath(), e.fillStyle = r, e.fill(), e.globalAlpha = 1);
 }
-function xi(e, t, n, r) {
+function Hi(e, t, n, r) {
 	let i = $(n, t), a = Math.cos(i), o = Math.sin(i), s = t.radius - 2, c = t.innerRadius * .25, l = -o, u = a, d = t.cx + a * s, f = t.cy + o * s, p = t.cx + l * 4 - a * c, m = t.cy + u * 4 - o * c, h = t.cx - l * 4 - a * c, g = t.cy - u * 4 - o * c;
 	e.beginPath(), e.moveTo(d, f), e.lineTo(p, m), e.lineTo(h, g), e.closePath(), e.fillStyle = r, e.fill(), e.beginPath(), e.arc(t.cx, t.cy, Math.max(4, t.innerRadius * .12), 0, Math.PI * 2), e.fill();
 }
-function Si(e, t, n, r, i) {
+function Ui(e, t, n, r, i) {
 	let a = Math.round(t.innerRadius * .55), o = Math.round(i.font.sizeMedium);
 	e.fillStyle = i.text, e.textAlign = "center", e.textBaseline = "middle", e.font = `600 ${a}px ${i.font.family}`;
 	let s = !!r, c = s ? t.cy - o * .6 : t.cy - a * .1;
 	e.fillText(n, t.cx, c), s && (e.fillStyle = i.textSecondary, e.font = `${o}px ${i.font.family}`, e.fillText(r, t.cx, t.cy + a * .55));
 }
-function Ci(e, t, n, r) {
+function Wi(e, t, n, r) {
 	e.fillStyle = r.textSecondary, e.font = `${r.font.sizeSmall}px ${r.font.family}`;
 	let i = t.radius + 10, a = Math.cos(t.startAngle), o = Math.sin(t.startAngle), s = Math.cos(t.endAngle), c = Math.sin(t.endAngle), l = t.cx + a * i, u = t.cy + o * i, d = t.cx + s * i, f = t.cy + c * i;
 	e.textBaseline = "middle", e.textAlign = a < -.2 ? "right" : a > .2 ? "left" : "center", e.fillText(n(t.min), l, u), e.textAlign = s < -.2 ? "right" : s > .2 ? "left" : "center", e.fillText(n(t.max), d, f);
 }
-function wi(e, t, n, r) {
+function Gi(e, t, n, r) {
 	e.fillStyle = r.textSecondary, e.font = `${r.font.sizeSmall}px ${r.font.family}`, e.textAlign = "center", e.textBaseline = "middle";
 	let i = (t.radius + t.innerRadius) / 2;
 	for (let r = 0; r < n.length; r++) {
@@ -7042,15 +7474,15 @@ function wi(e, t, n, r) {
 		e.fillText(a.label, s, c);
 	}
 }
-function Ti(e, t, n, r, i, a) {
+function Ki(e, t, n, r, i, a) {
 	if (t <= 0 || n <= 0) return;
-	let o = gi(t, n, r), s = r.trackColor ?? i.grid, c = r.needleColor ?? i.text, l = r.showValue !== !1, u = r.showZoneLabels === !0, d = r.valueFormat ?? hi, f = Q(a, o.min, o.max);
-	_i(e, t, n, i.background), vi(e, o, s);
+	let o = Li(t, n, r), s = r.trackColor ?? i.grid, c = r.needleColor ?? i.text, l = r.showValue !== !1, u = r.showZoneLabels === !0, d = r.valueFormat ?? Ii, f = Q(a, o.min, o.max);
+	Ri(e, t, n, i.background), zi(e, o, s);
 	let p = r.zones;
-	if (p && p.length > 0) for (let t = 0; t < p.length; t++) yi(e, o, p[t]);
-	bi(e, o, f, c, .12), xi(e, o, f, c), l && Si(e, o, d(f), r.label, i), Ci(e, o, d, i), u && p && p.length > 0 && wi(e, o, p, i);
+	if (p && p.length > 0) for (let t = 0; t < p.length; t++) Bi(e, o, p[t]);
+	Vi(e, o, f, c, .12), Hi(e, o, f, c), l && Ui(e, o, d(f), r.label, i), Wi(e, o, d, i), u && p && p.length > 0 && Gi(e, o, p, i);
 }
 //#endregion
-export { Ze as ADXIndicator, Xe as ATRIndicator, ct as AccumulationDistributionIndicator, Ln as AlertManager, Be as AnchoredVWAPIndicator, nn as AnchoredVWAPTool, $n as Animator, ae as AreaRenderer, nt as AroonIndicator, Qt as ArrowTool, Ke as AwesomeOscillatorIndicator, Pn as BarCountdown, oe as BarRenderer, tr as BaseFinanceChart, ce as BaselineRenderer, On as BinanceAdapter, je as BollingerBandsIndicator, et as CCIIndicator, at as CMFIndicator, re as CandlestickRenderer, b as CanvasLayer, qe as ChaikinOscillatorIndicator, jn as ChartLegend, Gn as ChartStateManager, ye as CompareRenderer, St as CrosshairHandler, wt as CrosshairTooltip, xn as CurrentPriceLine, An as DEFAULT_LEGEND_CONFIG, C as DPRManager, qn as DataExporter, Jt as DateRangeTool, hn as DepthOverlay, Le as DonchianChannelIndicator, L as DrawingBase, kt as DrawingManager, At as DrawingRenderer, Ae as EMAIndicator, Qn as Easing, Kt as ElliottWaveTool, Ht as EllipseTool, V as Emitter, pe as EquivolumeRenderer, Dt as EventBus, Ft as ExtendedLineTool, Bt as FibExtensionTool, Rt as FibRetracementTool, on as FibTimeZonesTool, nr as FinanceCrosshair, tn as GannBoxTool, en as GannFanTool, pt as GridRenderer, he as HLCAreaRenderer, se as HollowCandleRenderer, Mt as HorizontalLineTool, Ue as HullMAIndicator, Ne as IchimokuIndicator, M as IndicatorBase, Oe as IndicatorEngine, ft as IndicatorWorkerHost, yt as InteractionManager, ue as KagiRenderer, Ie as KeltnerChannelIndicator, Ct as KeyboardHandler, x as LayerManager, ie as LineRenderer, _e as LineWithMarkersRenderer, He as LinearRegressionChannelIndicator, Ye as MACDIndicator, tt as MFIIndicator, Yt as MeasureTool, kn as MockAdapter, Qe as OBVIndicator, cn as OrderRenderer, bt as PanHandler, Pe as ParabolicSARIndicator, It as ParallelChannelTool, Wt as PitchforkTool, ze as PivotPointsIndicator, de as PointAndFigureRenderer, mn as PositionRenderer, mt as PriceAxis, qt as PriceRangeTool, rt as ROCIndicator, Je as RSIIndicator, Pt as RayTool, H as ReconnectManager, Vt as RectangleTool, Lt as RegressionChannelTool, ee as RenderEngine, S as RenderLoop, le as RenkoRenderer, Cn as ReplayController, Rn as ReplayManager, ke as SMAIndicator, Mn as Screenshot, Fn as SessionBreaks, Yn as SignalMarkerManager, ot as StdDevIndicator, ge as StepLineRenderer, F as StochasticIndicator, Sn as StreamManager, Fe as SupertrendIndicator, it as TSIIndicator, Zt as TextAnnotationTool, bn as TickAggregator, vt as TimeAxis, Zn as TradeZoneManager, _n as TradingContextMenu, gn as TradingDragHandler, vn as TradingManager, yn as TradingRenderer, jt as TrendLineTool, Ut as TriangleTool, Kn as UndoRedoManager, lt as VROCIndicator, Me as VWAPIndicator, Nt as VerticalLineTool, te as Viewport, fe as VolumeCandleRenderer, st as VolumeProfileIndicator, rn as VolumeProfileRangeTool, ve as VolumeRenderer, Nn as Watermark, $e as WilliamsRIndicator, Ve as ZigZagIndicator, xt as ZoomHandler, w as barIndexToX, P as getIntParam, N as getNumberParam, ne as getVisibleData, dt as isWorkerResponse, Rr as layoutSquarifiedTreemap, Ir as layoutUniformGrid, T as priceToY, sn as registerBuiltInDrawingTools, ut as registerBuiltInIndicators, _r as renderDepthChart, Fr as renderEquityCurve, Ti as renderGauge, Wr as renderHeatmap, rr as renderSparkline, ui as renderWaterfall, k as resolveBarIndex, A as timeToX, O as timestampToBarIndex, be as toHeikinAshi, we as toKagi, Ce as toLineBreak, Te as toPointAndFigure, Ee as toRangeBars, xe as toRenko, E as xToBarIndex, j as xToTime, D as yToPrice };
+export { $e as ADXIndicator, Qe as ATRIndicator, ut as AccumulationDistributionIndicator, Yn as AlertManager, Ve as AnchoredVWAPIndicator, dn as AnchoredVWAPTool, yr as Animator, ae as AreaRenderer, it as AroonIndicator, cn as ArrowTool, qe as AwesomeOscillatorIndicator, wt as AxisDragHandler, Hn as BarCountdown, oe as BarRenderer, xr as BaseFinanceChart, ce as BaselineRenderer, In as BinanceAdapter, Me as BollingerBandsIndicator, nt as CCIIndicator, st as CMFIndicator, re as CandlestickRenderer, b as CanvasLayer, Je as ChaikinOscillatorIndicator, zn as ChartLegend, rr as ChartStateManager, be as CompareRenderer, Tt as CrosshairHandler, kt as CrosshairTooltip, kn as CurrentPriceLine, Rn as DEFAULT_LEGEND_CONFIG, C as DPRManager, ar as DataExporter, rn as DateRangeTool, Cn as DepthOverlay, Re as DonchianChannelIndicator, L as DrawingBase, Rt as DrawingManager, zt as DrawingRenderer, je as EMAIndicator, vr as Easing, tn as ElliottWaveTool, Zt as EllipseTool, H as Emitter, pe as EquivolumeRenderer, It as EventBus, Wt as ExtendedLineTool, Yt as FibExtensionTool, qt as FibRetracementTool, mn as FibTimeZonesTool, Sr as FinanceCrosshair, un as GannBoxTool, ln as GannFanTool, ht as GridRenderer, he as HLCAreaRenderer, se as HollowCandleRenderer, Vt as HorizontalLineTool, We as HullMAIndicator, Pe as IchimokuIndicator, M as IndicatorBase, ke as IndicatorEngine, mt as IndicatorWorkerHost, xt as InteractionManager, ue as KagiRenderer, Le as KeltnerChannelIndicator, Ot as KeyboardHandler, x as LayerManager, ie as LineRenderer, _e as LineWithMarkersRenderer, Ue as LinearRegressionChannelIndicator, Xe as MACDIndicator, rt as MFIIndicator, ur as MeasureOverlay, an as MeasureTool, Ln as MockAdapter, et as OBVIndicator, gn as OrderRenderer, St as PanHandler, Fe as ParabolicSARIndicator, Gt as ParallelChannelTool, Mt as PinnedTooltip, $t as PitchforkTool, Be as PivotPointsIndicator, de as PointAndFigureRenderer, Sn as PositionRenderer, gt as PriceAxis, nn as PriceRangeTool, at as ROCIndicator, Ye as RSIIndicator, Ut as RayTool, U as ReconnectManager, Xt as RectangleTool, Kt as RegressionChannelTool, ee as RenderEngine, S as RenderLoop, le as RenkoRenderer, jn as ReplayController, Xn as ReplayManager, Ae as SMAIndicator, Bn as Screenshot, Un as SessionBreaks, sr as SignalMarkerManager, ct as StdDevIndicator, ge as StepLineRenderer, Ze as StochasticIndicator, An as StreamManager, Ie as SupertrendIndicator, ot as TSIIndicator, sn as TextAnnotationTool, On as TickAggregator, bt as TimeAxis, lr as TradeZoneManager, Tn as TradingContextMenu, wn as TradingDragHandler, En as TradingManager, Dn as TradingRenderer, Bt as TrendLineTool, Qt as TriangleTool, ir as UndoRedoManager, dt as VROCIndicator, Ne as VWAPIndicator, Ht as VerticalLineTool, te as Viewport, fe as VolumeCandleRenderer, lt as VolumeProfileIndicator, fn as VolumeProfileRangeTool, ye as VolumeProfileRenderer, ve as VolumeRenderer, Vn as Watermark, tt as WilliamsRIndicator, He as ZigZagIndicator, Ct as ZoomHandler, w as barIndexToX, P as getIntParam, N as getNumberParam, ne as getVisibleData, pt as isWorkerResponse, ai as layoutSquarifiedTreemap, ni as layoutUniformGrid, T as priceToY, hn as registerBuiltInDrawingTools, ft as registerBuiltInIndicators, Lr as renderDepthChart, ti as renderEquityCurve, Ki as renderGauge, di as renderHeatmap, Cr as renderSparkline, ji as renderWaterfall, k as resolveBarIndex, A as timeToX, O as timestampToBarIndex, xe as toHeikinAshi, Te as toKagi, we as toLineBreak, Ee as toPointAndFigure, De as toRangeBars, Se as toRenko, E as xToBarIndex, j as xToTime, D as yToPrice };
 
 //# sourceMappingURL=index.js.map