@tradecanvas/chart 2.7.0 → 2.8.0

package/dist/{LayoutSession-CO51QKwZ.js → LayoutSession-BJLUwx9d.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./indicatorLabel-BsidWCv1.js";
 import { CHART_SPACING as t, DARK_THEME as n, DEFAULT_CHART_DENSITY as r, DEFAULT_PANEL_HEIGHT as i, LIGHT_THEME as a, LayerType as o, MIN_PANEL_HEIGHT as s, PRICE_AXIS_WIDTH as c, TIME_AXIS_HEIGHT as l, autoPricePrecision as u, barDateZone as d, barTimeUnit as f, barsAreDaily as p, chartStyleValue as m, computePriceLimits as h, computePriceRange as g, createMarketTheme as _, formatPrice as v, fractionTick as y, indicatorSource as b, isValidTimeZone as x, mergeBar as ee, niceNumber as te, normalizeBarTime as S, parseIndicatorSource as C, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as w, readIndicatorPlotStyles as ae, readPaneStyle as oe, resolveChartTheme as se, sessionMinute as T, setLocale as ce, stepDecimals as le, symbolTimeZone as ue, tickBarCount as de, timeframeToMs as E, zonedDateFormatter as fe } from "@tradecanvas/commons";
-import { AlertDragHandler as pe, AlertManager as me, Animator as he, AreaRenderer as ge, AxisDragHandler as _e, BarCountdown as ve, BarRenderer as ye, BaselineRenderer as be, CandlestickRenderer as xe, ChartLegend as Se, ChartMarkManager as Ce, ChartStateManager as D, CompareRenderer as we, CompareSymbolIndicator as Te, CompareSymbolPaneIndicator as Ee, CorrelationCoefficientIndicator as De, CorrelationLogIndicator as Oe, CrosshairHandler as ke, CrosshairTooltip as Ae, CurrentPriceLine as je, DEFAULT_SESSION_HOURS as Me, DataExporter as O, DepthHeatmapRenderer as Ne, DrawingManager as Pe, DrawingRenderer as Fe, EquivolumeRenderer as Ie, EventBus as Le, GridRenderer as Re, HLCAreaRenderer as ze, HiLoRenderer as Be, HollowCandleRenderer as Ve, INDICATOR_WORKER_MIN_BARS as He, IndicatorEngine as Ue, InteractionManager as We, KagiRenderer as Ge, KeyboardHandler as Ke, LineRenderer as qe, LineWithMarkersRenderer as Je, MarketProfileRenderer as Ye, MeasureOverlay as Xe, PRICE_AXIS_ADD_STRIP as Ze, PanHandler as Qe, PaneResizeHandler as $e, PeriodLevelsRenderer as et, PinnedTooltip as tt, PivotMarkersRenderer as nt, PointAndFigureRenderer as rt, PriceAxis as it, PriceAxisAddButton as at, PriceLines as ot, RenderEngine as st, RenkoRenderer as ct, ReplayManager as lt, ResamplingAdapter as ut, ReshapeMemo as dt, SYMBOL_INDICATOR_IDS as ft, SYMBOL_ZONE_WAIT_MS as pt, Screenshot as k, SelectionBoxOverlay as mt, SessionBreaks as ht, SessionShading as gt, SignalMarkerManager as _t, SpreadIndicator as vt, StepLineRenderer as yt, StreamManager as bt, SymbolSeriesStore as xt, TimeAxis as St, TradeZoneManager as Ct, TradingManager as wt, TradingRenderer as Tt, UndoRedoManager as Et, Viewport as Dt, VolumeCandleRenderer as Ot, VolumeProfileRenderer as kt, VolumeRenderer as At, Watermark as jt, ZoomHandler as Mt, axisTimes as A, barTimeStepMs as Nt, findDominantSwing as Pt, gpuContextsLeft as Ft, idleCssCursor as It, indicatorWorkerPool as Lt, isCrosshairCursor as Rt, isPriceLevelAlert as zt, isRegularSession as Bt, loadWebGL as Vt, mergeSessionHours as Ht, pointAndFigureColumns as Ut, rangePresetStart as Wt, readAlertOptions as Gt, registerBuiltInDrawingTools as Kt, registerBuiltInIndicators as qt, servesTimeframe as Jt, sourceParam as j, streamAdapterOf as Yt, timestampToBarIndex as M, toHeikinAshi as Xt, toKagi as Zt, toLineBreak as Qt, toRangeBars as $t, toRenko as en, whenGpuContextFree as tn, withResampling as N, xToBarIndex as nn, xToTime as P, yToPrice as rn } from "@tradecanvas/core";
+import { AlertDragHandler as pe, AlertManager as me, Animator as he, AreaRenderer as ge, AxisDragHandler as _e, BarCountdown as ve, BarRenderer as ye, BaselineRenderer as be, CandlestickRenderer as xe, ChartLegend as Se, ChartMarkManager as Ce, ChartStateManager as D, CompareRenderer as we, CompareSymbolIndicator as Te, CompareSymbolPaneIndicator as Ee, CorrelationCoefficientIndicator as De, CorrelationLogIndicator as Oe, CrosshairHandler as ke, CrosshairTooltip as Ae, CurrentPriceLine as je, DEFAULT_SESSION_HOURS as Me, DataExporter as O, DepthHeatmapRenderer as Ne, DepthOverlayLayer as Pe, DrawingManager as Fe, DrawingRenderer as Ie, EquivolumeRenderer as Le, EventBus as Re, GridRenderer as ze, HLCAreaRenderer as Be, HiLoRenderer as Ve, HollowCandleRenderer as He, INDICATOR_WORKER_MIN_BARS as Ue, IndicatorEngine as We, InteractionManager as Ge, KagiRenderer as Ke, KeyboardHandler as qe, LineRenderer as Je, LineWithMarkersRenderer as Ye, MarketProfileRenderer as Xe, MeasureOverlay as Ze, PRICE_AXIS_ADD_STRIP as Qe, PanHandler as $e, PaneResizeHandler as et, PeriodLevelsRenderer as tt, PinnedTooltip as nt, PivotMarkersRenderer as rt, PointAndFigureRenderer as it, PriceAxis as at, PriceAxisAddButton as ot, PriceLines as st, RenderEngine as ct, RenkoRenderer as lt, ReplayManager as ut, ResamplingAdapter as dt, ReshapeMemo as ft, SYMBOL_INDICATOR_IDS as pt, SYMBOL_ZONE_WAIT_MS as mt, Screenshot as k, SelectionBoxOverlay as ht, SessionBreaks as gt, SessionShading as _t, SignalMarkerManager as vt, SpreadIndicator as yt, StepLineRenderer as bt, StreamManager as xt, SymbolSeriesStore as St, TimeAxis as Ct, TradeZoneManager as wt, TradingManager as Tt, TradingRenderer as Et, UndoRedoManager as Dt, Viewport as Ot, VolumeCandleRenderer as kt, VolumeProfileRenderer as At, VolumeRenderer as jt, Watermark as Mt, ZoomHandler as Nt, axisTimes as A, barTimeStepMs as Pt, findDominantSwing as Ft, gpuContextsLeft as It, idleCssCursor as Lt, indicatorWorkerPool as Rt, isCrosshairCursor as zt, isPriceLevelAlert as Bt, isRegularSession as Vt, loadWebGL as Ht, mergeSessionHours as Ut, pointAndFigureColumns as Wt, rangePresetStart as Gt, readAlertOptions as Kt, registerBuiltInDrawingTools as qt, registerBuiltInIndicators as Jt, servesTimeframe as Yt, sourceParam as j, streamAdapterOf as Xt, timestampToBarIndex as M, toHeikinAshi as Zt, toKagi as Qt, toLineBreak as $t, toRangeBars as en, toRenko as tn, whenGpuContextFree as nn, withResampling as N, xToBarIndex as rn, xToTime as P, yToPrice as an } from "@tradecanvas/core";
 //#region src/regularHours.ts
-var an = 864e5, on = 10;
-function sn(e, t) {
+var on = 864e5, sn = 10;
+function cn(e, t) {
 	let n = ue(e);
 	if (!n || !x(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
@@ -15,34 +15,34 @@ function sn(e, t) {
 	});
 	if (r.length === 0) return null;
 	let i = f(t), a = Infinity;
-	for (let e = Math.max(1, t.length - on); e < t.length; e++) {
+	for (let e = Math.max(1, t.length - sn); e < t.length; e++) {
 		let n = (t[e].time - t[e - 1].time) * i;
 		n > 0 && n < a && (a = n);
 	}
-	if (!(a < an)) return null;
+	if (!(a < on)) return null;
 	let o = {
 		timeZone: n,
 		windows: r,
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => Bt(e * i, o);
+	return (e) => Vt(e * i, o);
 }
 //#endregion
 //#region src/chartA11y.ts
-var cn = {
+var ln = {
 	role: "chart",
 	summary: "{what}. Last price {close}.",
 	empty: "Chart, no data.",
 	view: "Showing {count} bars, {from} to {to}. High {high}, low {low}.",
 	bar: "{time}: open {open}, high {high}, low {low}, close {close}, volume {volume}.",
 	keys: "Arrow keys scroll and zoom, Home and End go to the start and the end. Comma and period read the bars one at a time."
-}, F = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), ln = [
+}, F = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), un = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
 	"aria-describedby"
-], un = 400, dn = 1e3, fn = class {
+], dn = 400, fn = 1e3, pn = class {
 	live;
 	help;
 	labels;
@@ -56,20 +56,20 @@ var cn = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...cn,
+			...ln,
 			...n
 		};
-		for (let t of ln) this.before.set(t, e.getAttribute(t));
-		e.setAttribute("role", "application"), this.help = pn("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = pn("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
+		for (let t of un) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = mn("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = mn("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
 	}
 	setLabels(e) {
 		this.labels = {
-			...cn,
+			...ln,
 			...e
 		}, this.applyLabels();
 	}
 	refresh(e = !1) {
-		let t = dn - (Date.now() - this.summaryAt);
+		let t = fn - (Date.now() - this.summaryAt);
 		if (e || t <= 0 || this.container.getAttribute("aria-label") === this.labels.empty) {
 			this.summaryTimer && clearTimeout(this.summaryTimer), this.summaryTimer = null, this.summaryAt = Date.now(), this.container.setAttribute("aria-label", this.summary());
 			return;
@@ -81,7 +81,7 @@ var cn = {
 	viewMoved() {
 		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
 			this.viewTimer = null, this.say(this.viewText());
-		}, un);
+		}, dn);
 	}
 	readBar(e) {
 		let t = this.source.bars();
@@ -100,7 +100,7 @@ var cn = {
 			high: a(i.high),
 			low: a(i.low),
 			close: a(i.close),
-			volume: mn(i.volume ?? 0)
+			volume: hn(i.volume ?? 0)
 		}));
 	}
 	destroy() {
@@ -141,7 +141,7 @@ var cn = {
 		this.live.textContent = e;
 	}
 };
-function pn(e, t) {
+function mn(e, t) {
 	let n = document.createElement(e);
 	return n.className = t, Object.assign(n.style, {
 		position: "absolute",
@@ -155,57 +155,57 @@ function pn(e, t) {
 		border: "0"
 	}), n;
 }
-function mn(e) {
+function hn(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(2);
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function hn(e) {
+function gn(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
 		case "rangeBars": return new xe();
-		case "line": return new qe();
+		case "line": return new Je();
 		case "area": return new ge();
 		case "bar": return new ye();
-		case "hollowCandle": return new Ve();
+		case "hollowCandle": return new He();
 		case "baseline": return new be();
-		case "renko": return new ct();
-		case "kagi": return new Ge();
-		case "pointAndFigure": return new rt();
-		case "volumeCandles": return new Ot();
-		case "equivolume": return new Ie();
-		case "hlcArea": return new ze();
-		case "stepLine": return new yt();
-		case "lineWithMarkers": return new Je();
-		case "hiLo": return new Be();
+		case "renko": return new lt();
+		case "kagi": return new Ke();
+		case "pointAndFigure": return new it();
+		case "volumeCandles": return new kt();
+		case "equivolume": return new Le();
+		case "hlcArea": return new Be();
+		case "stepLine": return new bt();
+		case "lineWithMarkers": return new Ye();
+		case "hiLo": return new Ve();
 		default: return new xe();
 	}
 }
-function gn(e, t, n = {}, r, i) {
+function _n(e, t, n = {}, r, i) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Xt(t);
+		case "heikinAshi": return Zt(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? en(t, { brickSize: e }, i) : en(t, {
+			return typeof e == "number" ? tn(t, { brickSize: e }, i) : tn(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
 			}, i);
 		}
-		case "lineBreak": return Qt(t, n.lineBreak?.lines ?? 3);
-		case "kagi": return Zt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
-		case "pointAndFigure": return vn(t, n, i).columns;
-		case "rangeBars": return $t(t, {
-			rangeSize: On(t, n, r),
+		case "lineBreak": return $t(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return Qt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
+		case "pointAndFigure": return yn(t, n, i).columns;
+		case "rangeBars": return en(t, {
+			rangeSize: kn(t, n, r),
 			includeForming: !0
 		}, i);
 		default: return t;
 	}
 }
-function _n(e) {
+function vn(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -217,71 +217,71 @@ function _n(e) {
 	}
 }
 function I(e) {
-	return e !== "heikinAshi" && _n(e);
+	return e !== "heikinAshi" && vn(e);
 }
-function vn(e, t = {}, n) {
-	return Ut(e, xn(e, t), t.pointAndFigure?.reversal ?? 3, n);
+function yn(e, t = {}, n) {
+	return Wt(e, Sn(e, t), t.pointAndFigure?.reversal ?? 3, n);
 }
-var yn = 50, bn = .01;
-function xn(e, t = {}) {
+var bn = 50, xn = .01;
+function Sn(e, t = {}) {
 	let n = t.pointAndFigure?.boxSize;
 	if (typeof n == "number") return n;
-	let r = Sn(e, e.length > 1 ? e.length - 1 : e.length);
-	return r > 0 ? Dn(te(r / yn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * bn || 1;
+	let r = Cn(e, e.length > 1 ? e.length - 1 : e.length);
+	return r > 0 ? On(te(r / bn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * xn || 1;
 }
-function Sn(e, t) {
+function Cn(e, t) {
 	let n = -Infinity, r = Infinity;
 	for (let i = 0; i < t; i++) e[i].high > n && (n = e[i].high), e[i].low < r && (r = e[i].low);
 	let i = n - r;
 	return Number.isFinite(i) ? i : 0;
 }
-var Cn = 100, wn = 3, Tn = .01, En = 15, Dn = (e) => Number(e.toPrecision(En));
-function On(e, t = {}, n) {
+var wn = 100, Tn = 3, En = .01, Dn = 15, On = (e) => Number(e.toPrecision(Dn));
+function kn(e, t = {}, n) {
 	let r = t.rangeBars?.range;
 	if (typeof r == "number") return r;
-	let i = e.length >= wn ? An(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
-	return Nn(Dn(te(i > 0 ? i : a * Tn || 1, !0)), n);
+	let i = e.length >= Tn ? jn(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
+	return Pn(On(te(i > 0 ? i : a * En || 1, !0)), n);
 }
-function kn(e) {
+function An(e) {
 	let t = e.length - 1;
 	return {
-		from: Math.max(0, t - Cn),
+		from: Math.max(0, t - wn),
 		end: t
 	};
 }
-function An(e) {
-	let { from: t, end: n } = kn(e), r = 0;
+function jn(e) {
+	let { from: t, end: n } = An(e), r = 0;
 	for (let i = t; i < n; i++) {
 		let { high: t, low: n } = e[i], a = i > 0 ? e[i - 1].close : n;
 		r += Math.max(t - n, Math.abs(t - a), Math.abs(n - a));
 	}
 	return n > t ? r / (n - t) : 0;
 }
-function jn(e, t) {
-	let { from: n, end: r } = kn(e);
+function Mn(e, t) {
+	let { from: n, end: r } = An(e);
 	if (r <= n) return t(e[e.length - 1]?.close ?? 0);
 	let i = -Infinity, a = Infinity;
 	for (let t = n; t < r; t++) i = Math.max(i, e[t].high), a = Math.min(a, e[t].low);
-	return Mn(t(i), t(a));
-}
-function Mn(e, t) {
-	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
+	return Nn(t(i), t(a));
 }
 function Nn(e, t) {
-	return t === void 0 || !(t > 0) ? e : Dn(Math.max(1, Math.round(e / t)) * t);
+	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
 }
 function Pn(e, t) {
+	return t === void 0 || !(t > 0) ? e : On(Math.max(1, Math.round(e / t)) * t);
+}
+function Fn(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : hn(e);
+	return n ? n.createRenderer() : gn(e);
 }
-function Fn(e, t, n, r, i, a) {
+function In(e, t, n, r, i, a) {
 	if (t.length === 0) return t;
 	let o = n?.(e);
-	return o?.transform ? o.transform(t) : gn(e, t, r, i, a);
+	return o?.transform ? o.transform(t) : _n(e, t, r, i, a);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var In = class {
+var Ln = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -316,7 +316,7 @@ function L(e) {
 	let { open: t, high: n, low: r, close: i } = e;
 	return !(!isFinite(t) || !isFinite(n) || !isFinite(r) || !isFinite(i) || t < 0 || n < 0 || r < 0 || i < 0 || n < r || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0));
 }
-function Ln(e) {
+function Rn(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
 function R(e) {
@@ -330,24 +330,24 @@ function R(e) {
 function z(e, t) {
 	return e === t || e.time === t.time && e.open === t.open && e.high === t.high && e.low === t.low && e.close === t.close && e.volume === t.volume;
 }
-function Rn(e, t) {
+function zn(e, t) {
 	for (let n = e.length - 1; n >= 0; n--) {
 		if (e[n].time === t) return n;
 		if (e[n].time < t) return -1;
 	}
 	return -1;
 }
-var zn = {
+var Bn = {
 	index: -1,
 	changed: !1
 };
-function Bn(e, t) {
+function Vn(e, t) {
 	if (e.length === 0) return t;
 	let n = S(t);
 	return f(e) === 1 ? n : n / 1e3;
 }
-function Vn(e, t) {
-	let n = Bn(e, t.time);
+function Hn(e, t) {
+	let n = Vn(e, t.time);
 	return n === t.time ? t : {
 		...t,
 		time: n
@@ -357,7 +357,7 @@ var B = class {
 	data = [];
 	changes = 0;
 	withSeriesTime(e) {
-		return Vn(this.data, e);
+		return Hn(this.data, e);
 	}
 	getData() {
 		return this.data;
@@ -369,7 +369,7 @@ var B = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			L(r) && t.push(Ln(r) ? r : R(r));
+			L(r) && t.push(Rn(r) ? r : R(r));
 		}
 		this.data = t, this.changes++;
 	}
@@ -378,7 +378,7 @@ var B = class {
 		for (let r = 0; r < e.length; r++) {
 			if (!L(e[r])) continue;
 			let i = this.withSeriesTime(e[r]);
-			i.time >= t || n.push(Ln(i) ? i : R(i));
+			i.time >= t || n.push(Rn(i) ? i : R(i));
 		}
 		if (n.length === 0) return 0;
 		n.sort((e, t) => e.time - t.time);
@@ -399,9 +399,9 @@ var B = class {
 		this.data[this.data.length - 1] = t;
 	}
 	replaceBar(e) {
-		if (!L(e)) return zn;
-		let t = this.withSeriesTime(e), n = Rn(this.data, t.time);
-		if (n < 0) return zn;
+		if (!L(e)) return Bn;
+		let t = this.withSeriesTime(e), n = zn(this.data, t.time);
+		if (n < 0) return Bn;
 		let r = R(t);
 		return z(this.data[n], r) ? {
 			index: n,
@@ -431,7 +431,7 @@ function H(e, t) {
 	let r = S(t.time), i = S(n.time);
 	return r > i ? "append" : r === i ? "update" : "stale";
 }
-function Hn(e) {
+function Un(e) {
 	return [
 		e.time,
 		e.open,
@@ -440,7 +440,7 @@ function Hn(e) {
 		e.close
 	].every(Number.isFinite);
 }
-var Un = class {
+var Wn = class {
 	shown = new B();
 	whole = null;
 	aside = null;
@@ -483,7 +483,7 @@ var Un = class {
 		}
 		let t = null, n = e;
 		if (this.whole) {
-			let r = this.whole[0]?.time, i = /* @__PURE__ */ new Set(), a = e.filter(Hn).map((e) => this.inSeriesUnit(e)).filter((e) => (r === void 0 || e.time < r) && !i.has(e.time) && i.add(e.time)).sort((e, t) => e.time - t.time);
+			let r = this.whole[0]?.time, i = /* @__PURE__ */ new Set(), a = e.filter(Un).map((e) => this.inSeriesUnit(e)).filter((e) => (r === void 0 || e.time < r) && !i.has(e.time) && i.add(e.time)).sort((e, t) => e.time - t.time);
 			this.whole = [...a, ...this.whole];
 			let o = this.hoursFilter(this.whole);
 			t = a.length, n = o ? a.filter((e) => o(e.time)) : a;
@@ -495,8 +495,8 @@ var Un = class {
 		};
 	}
 	mergeSnapshot(e) {
-		if (this.aside) return this.aside.setData(Wn(this.aside.getData(), e) ?? e), this.onLiveChange({ kind: "series" }), !0;
-		let t = Wn(this.whole ?? this.shown.getData(), e);
+		if (this.aside) return this.aside.setData(Gn(this.aside.getData(), e) ?? e), this.onLiveChange({ kind: "series" }), !0;
+		let t = Gn(this.whole ?? this.shown.getData(), e);
 		return t ? (this.shown.setData(this.regularOnly(t)), !0) : !1;
 	}
 	refilter() {
@@ -553,7 +553,7 @@ var Un = class {
 	mergeTick(e) {
 		if (this.aside) return this.aside.updateLastBarFromTick(e), this.wrote("aside", !1);
 		let t = this.whole ? this.hoursFilter(this.whole) : null;
-		if (t && this.whole && !t(Bn(this.whole, e.time))) return this.wrote("hidden", !1);
+		if (t && this.whole && !t(Vn(this.whole, e.time))) return this.wrote("hidden", !1);
 		let n = this.shown.getLength();
 		this.shown.updateLastBarFromTick(e);
 		let r = this.whole, i = this.shown.getData()[this.shown.getLength() - 1];
@@ -596,7 +596,7 @@ var Un = class {
 			});
 		}
 		if (!L(e)) return V;
-		let t = this.inSeriesUnit(e), n = this.whole, r = n ? Rn(n, t.time) : -1;
+		let t = this.inSeriesUnit(e), n = this.whole, r = n ? zn(n, t.time) : -1;
 		if (n) {
 			if (r < 0 || !L(n[r])) return V;
 			let e = this.hoursFilter(n);
@@ -630,7 +630,7 @@ var Un = class {
 		this.shown.updateLastBar(e);
 	}
 	inSeriesUnit(e) {
-		return Vn(this.whole ?? this.shown.getData(), e);
+		return Hn(this.whole ?? this.shown.getData(), e);
 	}
 	replaceHidden(e, t, n) {
 		let r = R(n), i = !z(e[t], r);
@@ -667,14 +667,14 @@ var Un = class {
 		return !r || r(e.time);
 	}
 };
-function Wn(e, t) {
+function Gn(e, t) {
 	let n = t[0]?.time, r = 0;
 	for (; n !== void 0 && r < e.length && e[r].time < n;) r++;
 	return r === 0 || r === e.length ? null : e.slice(0, r).concat(t);
 }
 //#endregion
 //#region src/model/PriceFit.ts
-var Gn = class {
+var Kn = class {
 	auto;
 	preferred;
 	pending = !0;
@@ -711,7 +711,7 @@ var Gn = class {
 	}
 	fit(e, t, n, r) {
 		if (t.length === 0) return;
-		let i = Math.max(0, n.visibleRange.from), a = Math.min(n.visibleRange.to, t.length - 1), o = qn(qn(g(t, i, a, 0), r.overlayRange(i, a)), r.compareRange(t, n)), s = r.volumeRatio(t, i, a), { priceMargin: c, volumeGap: l } = this.spacing, u = s === null ? c : s + l;
+		let i = Math.max(0, n.visibleRange.from), a = Math.min(n.visibleRange.to, t.length - 1), o = Jn(Jn(g(t, i, a, 0), r.overlayRange(i, a)), r.compareRange(t, n)), s = r.volumeRatio(t, i, a), { priceMargin: c, volumeGap: l } = this.spacing, u = s === null ? c : s + l;
 		e.setScaleMargins(e.isInvertScale() ? {
 			top: u,
 			bottom: c
@@ -721,11 +721,11 @@ var Gn = class {
 		}), e.fitToPrices(o.min, o.max);
 	}
 };
-function Kn(e, t, n) {
+function qn(e, t, n) {
 	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
 	return !1;
 }
-function qn(e, t) {
+function Jn(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -733,18 +733,18 @@ function qn(e, t) {
 }
 //#endregion
 //#region src/model/DisplaySeries.ts
-var Jn = class {
+var Yn = class {
 	series = null;
 	madeAt = null;
 	epoch = 0;
-	memo = new dt();
+	memo = new ft();
 	constructor(e) {
 		this.sources = e;
 	}
 	get() {
 		let e = this.sources.bars();
 		if (e.length === 0) return e;
-		let t = this.sources.chartType(), n = this.sources.chartTypeOptions(), r = t === "rangeBars" ? jn(e, (e) => this.sources.stepAt(e)) : void 0, i = this.sources.version(), a = this.madeAt;
+		let t = this.sources.chartType(), n = this.sources.chartTypeOptions(), r = t === "rangeBars" ? Mn(e, (e) => this.sources.stepAt(e)) : void 0, i = this.sources.version(), a = this.madeAt;
 		return this.series && a && a.version === i && a.type === t && a.options === n && a.step === r && a.epoch === this.epoch ? this.series : (this.series = this.make(t, e, n, r), this.madeAt = {
 			version: i,
 			type: t,
@@ -761,14 +761,14 @@ var Jn = class {
 	}
 	make(e, t, n, r) {
 		let { lookup: i } = this.sources;
-		if (e !== "pointAndFigure" || i(e)) return Fn(e, t, i, n, r, this.memo);
-		let { columns: a, boxSize: o } = vn(t, n, this.memo);
+		if (e !== "pointAndFigure" || i(e)) return In(e, t, i, n, r, this.memo);
+		let { columns: a, boxSize: o } = yn(t, n, this.memo);
 		return this.sources.onBoxSize(o), a;
 	}
-}, Yn = {
+}, Xn = {
 	min: 0,
 	max: 100
-}, Xn = class {
+}, Zn = class {
 	layout = null;
 	infos = null;
 	styles = /* @__PURE__ */ new Map();
@@ -776,7 +776,7 @@ var Jn = class {
 		this.manager = e, this.sources = t, this.onLayout = n;
 	}
 	resolved() {
-		return this.layout || (this.layout = this.manager.resolve(), this.onLayout(Zn(this.layout))), this.layout;
+		return this.layout || (this.layout = this.manager.resolve(), this.onLayout(Qn(this.layout))), this.layout;
 	}
 	invalidate() {
 		this.layout = null, this.infos = null;
@@ -788,7 +788,7 @@ var Jn = class {
 		if (this.infos) return this.infos;
 		let t = e(), { from: n, to: r } = t.visibleRange;
 		return this.infos = this.resolved().panels.map((e) => {
-			let i = e.config.id, a = e.config.logScale ? this.sources.getPaneValueRange(i, n, r, !0) : null, o = a ?? this.sources.getPaneValueRange(i, n, r) ?? { ...Yn }, s = this.styles.get(i);
+			let i = e.config.id, a = e.config.logScale ? this.sources.getPaneValueRange(i, n, r, !0) : null, o = a ?? this.sources.getPaneValueRange(i, n, r) ?? { ...Xn }, s = this.styles.get(i);
 			return {
 				instanceId: i,
 				members: this.sources.getPaneMembers(i),
@@ -848,7 +848,7 @@ var Jn = class {
 		}
 	}
 };
-function Zn(e) {
+function Qn(e) {
 	let t = e.mainChartRect, n = t.y, r = t.y + t.height;
 	for (let t of e.panels) t.config.position !== "top" && t.config.position !== "bottom" || (n = Math.min(n, t.rect.y), r = Math.max(r, t.rect.y + t.rect.height));
 	return {
@@ -856,10 +856,10 @@ function Zn(e) {
 		bottom: r
 	};
 }
-function Qn(e) {
+function $n(e) {
 	return e.length > 0 ? { renames: e } : {};
 }
-var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), $n = class {
+var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), er = class {
 	steps;
 	snapshot;
 	enabled;
@@ -895,7 +895,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), $n = class {
 				...o,
 				after: n,
 				at: i,
-				...Qn([...o.renames ?? [], ...r])
+				...$n([...o.renames ?? [], ...r])
 			}
 		}) : this.steps.push({
 			...c,
@@ -904,7 +904,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), $n = class {
 				after: n,
 				subject: e,
 				at: i,
-				...Qn(r)
+				...$n(r)
 			}
 		});
 	}
@@ -942,7 +942,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), $n = class {
 			}
 		});
 	}
-}, er = class {
+}, tr = class {
 	constructor(e, t, n) {
 		this.members = e, this.slots = t, this.handover = n;
 	}
@@ -1021,7 +1021,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), $n = class {
 };
 //#endregion
 //#region src/model/IndicatorSetup.ts
-function tr(e, t, n) {
+function nr(e, t, n) {
 	let r = t.getPanels(), i = t.getMaximizedPanel();
 	return e.getActiveIndicators().map((t) => {
 		let a = r.find((e) => e.id === t.instanceId), o = e.getIndicatorConfig(t.instanceId), s = a ? n(t.instanceId) : null;
@@ -1049,7 +1049,7 @@ function tr(e, t, n) {
 		};
 	});
 }
-function nr(e, t) {
+function rr(e, t) {
 	for (let [n, r] of t) n.paneSize !== void 0 && e.setPanelSize(r, n.paneSize), (n.paneSize !== void 0 || n.paneCollapsed) && e.setPanelCollapsed(r, !!n.paneCollapsed), n.paneSize !== void 0 && e.setPanelScale(r, {
 		log: !!n.paneLog,
 		invert: !!n.paneInvert,
@@ -1060,7 +1060,7 @@ function nr(e, t) {
 	let r = t.find(([e]) => e.paneMaximized);
 	e.setMaximizedPanel(r ? r[1] : null);
 }
-function rr(e) {
+function ir(e) {
 	let t = new Map(e.map((e) => [e.instanceId, e])), n = [], r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = (e) => {
 		if (r.has(e.instanceId) || i.has(e.instanceId)) return;
 		i.add(e.instanceId);
@@ -1074,23 +1074,23 @@ function rr(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function ir(e, t) {
+function ar(e, t) {
 	return e.id === t.id && (e.pane ?? null) === (t.pane ?? null) && (e.scale ?? null) === (t.scale ?? null) && e.position === void 0 == (t.position === void 0);
 }
-function ar(e, t) {
+function or(e, t) {
 	let n = new Map(t.map((e) => [e.instanceId, e])), r = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		let e = n.get(t.instanceId);
-		e && ir(t, e) && or(t, e) && r.add(t.instanceId);
+		e && ar(t, e) && sr(t, e) && r.add(t.instanceId);
 	}
 	for (let t of e) t.pane && !r.has(t.pane) && r.delete(t.instanceId);
 	return r;
 }
-function or(e, t) {
+function sr(e, t) {
 	let n = Object.keys(e.params);
 	return n.length === Object.keys(t.params).length && n.every((e) => e in t.params);
 }
-function sr(e, t) {
+function cr(e, t) {
 	let n = { ...e };
 	for (let [e, r] of Object.entries(n)) {
 		let i = C(r), a = i && t.get(i.instanceId);
@@ -1100,11 +1100,11 @@ function sr(e, t) {
 }
 //#endregion
 //#region src/model/SymbolRequests.ts
-function cr(e, t) {
+function lr(e, t) {
 	let n = t.symbol;
-	return ft.has(e) && typeof n == "string" ? n.trim() : "";
+	return pt.has(e) && typeof n == "string" ? n.trim() : "";
 }
-var lr = class {
+var ur = class {
 	asked = /* @__PURE__ */ new Set();
 	constructor(e, t) {
 		this.readers = e, this.held = t;
@@ -1112,14 +1112,14 @@ var lr = class {
 	required() {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of this.readers.getActiveIndicators()) {
-			let n = cr(t.id, t.params);
+			let n = lr(t.id, t.params);
 			n && e.add(n);
 		}
 		return [...e];
 	}
 	readersOf(e) {
 		let t = e.trim();
-		return this.readers.getActiveIndicators().filter((e) => ft.has(e.id) && String(e.params.symbol ?? "").trim() === t).map((e) => e.instanceId);
+		return this.readers.getActiveIndicators().filter((e) => pt.has(e.id) && String(e.params.symbol ?? "").trim() === t).map((e) => e.instanceId);
 	}
 	given(e) {
 		this.asked.delete(e.trim());
@@ -1130,20 +1130,20 @@ var lr = class {
 	}
 	toAsk(e) {
 		this.forgetUnread();
-		let t = this.readers.getIndicatorConfig(e), n = t ? cr(t.id, t.params) : "";
+		let t = this.readers.getIndicatorConfig(e), n = t ? lr(t.id, t.params) : "";
 		return !n || this.held.has(n) || this.asked.has(n) ? null : (this.asked.add(n), n);
 	}
-}, ur = (e, t) => e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
-function dr(e, t, n, r) {
-	if (!ur(e, t)) {
+}, dr = (e, t) => e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
+function fr(e, t, n, r) {
+	if (!dr(e, t)) {
 		for (let t of n) {
 			let n = r(t.id);
-			if (n && ur(e, n.chartRect)) return t.id;
+			if (n && dr(e, n.chartRect)) return t.id;
 		}
 		return null;
 	}
 }
-function fr(e, t, n, r) {
+function pr(e, t, n, r) {
 	if (!e || e.position !== "top" && e.position !== "bottom" || t) return null;
 	let i = n();
 	return !i || i.chartRect.height < 24 ? null : {
@@ -1151,12 +1151,12 @@ function fr(e, t, n, r) {
 		data: r()
 	};
 }
-function pr(e, t, n) {
+function mr(e, t, n) {
 	return !n && e.some((e) => e.id === t);
 }
 //#endregion
 //#region src/HistoryPager.ts
-var mr = 5e3, hr = 6e4, gr = 500, _r = class {
+var hr = 5e3, gr = 6e4, _r = 500, vr = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -1211,7 +1211,7 @@ var mr = 5e3, hr = 6e4, gr = 500, _r = class {
 			return n === this.seq ? (this.loading = !1, e instanceof Error && e.name === "AbortError" ? (this.emit({
 				state: "loaded",
 				count: 0
-			}), 0) : (this.failures++, this.retryAt = this.now() + Math.min(hr, mr * 2 ** (this.failures - 1)), this.emit({
+			}), 0) : (this.failures++, this.retryAt = this.now() + Math.min(gr, hr * 2 ** (this.failures - 1)), this.emit({
 				state: "error",
 				count: 0,
 				error: e instanceof Error ? e.message : String(e)
@@ -1244,10 +1244,10 @@ var mr = 5e3, hr = 6e4, gr = 500, _r = class {
 };
 //#endregion
 //#region src/ThemeManager.ts
-function vr(e, t) {
+function yr(e, t) {
 	return e.family === t.family && e.sizeSmall === t.sizeSmall && e.sizeMedium === t.sizeMedium && e.sizeLarge === t.sizeLarge;
 }
-var yr = class e {
+var br = class e {
 	base;
 	shape = null;
 	font = null;
@@ -1272,7 +1272,7 @@ var yr = class e {
 		return this.base;
 	}
 	setTheme(t) {
-		let n = e.read(t), r = this.font !== null && vr(n.font, this.base.font);
+		let n = e.read(t), r = this.font !== null && yr(n.font, this.base.font);
 		this.base = n, r || (this.themeFont = n.font), this.shape && (this.base = {
 			...this.base,
 			shape: {
@@ -1354,7 +1354,7 @@ var yr = class e {
 };
 //#endregion
 //#region src/style/styleOptions.ts
-function br(e, t) {
+function xr(e, t) {
 	return t ? {
 		...t.visible === void 0 ? {} : { [`crosshair.${e}.visible`]: t.visible },
 		...t.color === void 0 ? {} : { [`crosshair.${e}.color`]: t.color },
@@ -1362,22 +1362,22 @@ function br(e, t) {
 		...t.width === void 0 ? {} : { [`crosshair.${e}.width`]: t.width }
 	} : {};
 }
-function xr(e) {
+function Sr(e) {
 	let { grid: t, crosshair: n } = e, r = n?.vLine?.labelBackground ?? n?.hLine?.labelBackground;
 	return {
 		...t?.hLineColor === void 0 ? {} : { "grid.horizontal.color": t.hLineColor },
 		...t?.hLineStyle === void 0 ? {} : { "grid.horizontal.style": t.hLineStyle },
 		...t?.vLineColor === void 0 ? {} : { "grid.vertical.color": t.vLineColor },
 		...t?.vLineStyle === void 0 ? {} : { "grid.vertical.style": t.vLineStyle },
-		...br("horizontal", n?.hLine),
-		...br("vertical", n?.vLine),
+		...xr("horizontal", n?.hLine),
+		...xr("vertical", n?.vLine),
 		...r === void 0 ? {} : { "crosshair.labelBackground": r },
 		...e.overrides
 	};
 }
 //#endregion
 //#region src/layout/LayoutManager.ts
-var Sr = 200, Cr = 80, wr = .382, W = (e) => e.position === "top" || e.position === "bottom", Tr = class {
+var Cr = 200, wr = 80, Tr = .382, W = (e) => e.position === "top" || e.position === "bottom", Er = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -1394,8 +1394,8 @@ var Sr = 200, Cr = 80, wr = .382, W = (e) => e.position === "top" || e.position
 		this.panels.push({
 			id: e,
 			position: t,
-			size: n ?? (r ? Sr : i),
-			minSize: r ? Cr : s,
+			size: n ?? (r ? Cr : i),
+			minSize: r ? wr : s,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -1477,7 +1477,7 @@ var Sr = 200, Cr = 80, wr = .382, W = (e) => e.position === "top" || e.position
 		let n = this.panels.find((t) => t.id === e);
 		if (n) {
 			let r = n.position === "left" || n.position === "right", a = t === "left" || t === "right";
-			n.position = t, r !== a && (n.size = a ? Sr : i, n.minSize = a ? Cr : s), a && (n.collapsed = void 0, this.maximized === e && (this.maximized = null));
+			n.position = t, r !== a && (n.size = a ? Cr : i, n.minSize = a ? wr : s), a && (n.collapsed = void 0, this.maximized === e && (this.maximized = null));
 		}
 	}
 	setPanelSize(e, t) {
@@ -1489,7 +1489,7 @@ var Sr = 200, Cr = 80, wr = .382, W = (e) => e.position === "top" || e.position
 	}
 	roomForOpen(e) {
 		let t = this.containerHeight - l;
-		return t - Math.max(48, Math.ceil(t * wr)) - e * 20;
+		return t - Math.max(48, Math.ceil(t * Tr)) - e * 20;
 	}
 	setPanelHeightOnScreen(e, t) {
 		let n = this.panels.find((t) => t.id === e);
@@ -1610,8 +1610,8 @@ var Sr = 200, Cr = 80, wr = .382, W = (e) => e.position === "top" || e.position
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, Er = 14, Dr = 14, Or = 22, kr = 4;
-function Ar(e) {
+}, Dr = 14, Or = 14, kr = 22, Ar = 4;
+function jr(e) {
 	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: a, fontSizeSmall: o, measure: s } = e, l = e.tagPrecision ?? u(t, n), d = l, f = r === null ? [t, n] : [
 		t,
 		n,
@@ -1620,16 +1620,16 @@ function Ar(e) {
 	for (let t of f) {
 		if (!Number.isFinite(t)) continue;
 		let n = e.scaleLabel ? e.scaleLabel(t) : e.format ? e.format(t) : v(t, l, i), r = e.format ? n : v(t, d, i);
-		p = Math.max(p, s(n, `500 ${o}px ${a}`) + Er, s(r, `bold 11px ${a}`) + Dr, s(r, `600 ${o}px ${a}`) + Or);
+		p = Math.max(p, s(n, `500 ${o}px ${a}`) + Dr, s(r, `bold 11px ${a}`) + Or, s(r, `600 ${o}px ${a}`) + kr);
 	}
-	return p <= c ? c : Math.ceil(p / kr) * kr;
+	return p <= c ? c : Math.ceil(p / Ar) * Ar;
 }
-function jr(e, t) {
+function Mr(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
 //#endregion
 //#region src/layout/labelWidths.ts
-var Mr = 512, Nr = class {
+var Nr = 512, Pr = class {
 	widths = /* @__PURE__ */ new Map();
 	fonts;
 	forget = () => this.widths.clear();
@@ -1640,12 +1640,12 @@ var Mr = 512, Nr = class {
 		let r = `${t}\n${e}`, i = this.widths.get(r);
 		if (i !== void 0) return i;
 		let a = n();
-		return this.widths.size >= Mr && this.widths.clear(), this.widths.set(r, a), a;
+		return this.widths.size >= Nr && this.widths.clear(), this.widths.set(r, a), a;
 	}
 	destroy() {
 		this.fonts?.removeEventListener("loadingdone", this.forget), this.widths.clear();
 	}
-}, Pr = class {
+}, Fr = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -1661,8 +1661,8 @@ var Mr = 512, Nr = class {
 		}
 		return this.engaged;
 	}
-}, Fr = 1;
-function Ir(e, t) {
+}, Ir = 1;
+function Lr(e, t) {
 	return e.filter((e) => e.enabled !== !1 && (e.descriptor.layer ?? "overlay") === t);
 }
 function G(e) {
@@ -1676,24 +1676,24 @@ function G(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var K = /* @__PURE__ */ new Map();
-function Lr(e) {
+function Rr(e) {
 	K.set(G(e), e);
 }
-function Rr(e) {
+function zr(e) {
 	return K.delete(e);
 }
-function zr() {
+function Br() {
 	return [...K.values()];
 }
-function Br() {
+function Vr() {
 	K.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var Vr = class {
+var Hr = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of zr()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of Br()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -1723,15 +1723,15 @@ var Vr = class {
 	add(e) {
 		this.plugins.set(G(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, Hr = {
+}, Ur = {
 	orderPlace: (e, t) => e.placeOrder(t),
 	orderModify: (e, t) => e.modifyOrder(t),
 	orderCancel: (e, t) => e.cancelOrder(t),
 	positionModify: (e, t) => e.modifyPosition(t),
 	positionClose: (e, t) => e.closePosition(t),
-	positionReverse: (e, t, n) => Ur(e, t, n)
+	positionReverse: (e, t, n) => Wr(e, t, n)
 };
-async function Ur(e, t, n) {
+async function Wr(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -1760,7 +1760,7 @@ async function Ur(e, t, n) {
 		}
 	}
 }
-function Wr(e, t) {
+function Gr(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -1770,8 +1770,8 @@ function Wr(e, t) {
 		e.data && t.onFill?.(e.data);
 	};
 	e.on("orders", a), e.on("positions", o), e.on("error", s), e.on("fill", c), n.push(() => e.off("orders", a), () => e.off("positions", o), () => e.off("error", s), () => e.off("fill", c));
-	for (let r of Object.keys(Hr)) {
-		let a = Hr[r], o = t.onIntent(r, (n) => {
+	for (let r of Object.keys(Ur)) {
+		let a = Ur[r], o = t.onIntent(r, (n) => {
 			Promise.resolve(a(e, n, i)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -1785,7 +1785,7 @@ function Wr(e, t) {
 }
 //#endregion
 //#region src/replay/ReplayStepLoader.ts
-var Gr = 1e3, Kr = class {
+var Kr = 1e3, qr = class {
 	pieces = /* @__PURE__ */ new Map();
 	asked = /* @__PURE__ */ new Set();
 	inFlight = !1;
@@ -1818,7 +1818,7 @@ var Gr = 1e3, Kr = class {
 		this.done = !0;
 	}
 	ask(e, t) {
-		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(Gr / n)), s = Math.min(e.length, t + o), c = s < e.length ? e[s].time : e[e.length - 1].time + r, l = e.slice(t, s);
+		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(Kr / n)), s = Math.min(e.length, t + o), c = s < e.length ? e[s].time : e[e.length - 1].time + r, l = e.slice(t, s);
 		for (let e of l) this.asked.add(e.time);
 		this.inFlight = !0, a({
 			state: "loading",
@@ -1859,12 +1859,12 @@ var Gr = 1e3, Kr = class {
 			...n === void 0 ? {} : { error: n }
 		});
 	}
-}, qr = 1 / 3, Jr = .25, Yr = .5;
-function Xr(e, t) {
-	let n = (e.high - e.low) * Jr;
-	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * Yr;
+}, Jr = 1 / 3, Yr = .25, Xr = .5;
+function Zr(e, t) {
+	let n = (e.high - e.low) * Yr;
+	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * Xr;
 }
-function Zr(e) {
+function Qr(e) {
 	return e.close >= e.open ? [
 		e.open,
 		e.low,
@@ -1877,22 +1877,22 @@ function Zr(e) {
 		e.close
 	];
 }
-function Qr(e, t, n) {
-	let r = Zr(e), i = [
+function $r(e, t, n) {
+	let r = Qr(e), i = [
 		1,
 		2,
 		3
 	].map((e) => Math.abs(r[e] - r[e - 1])), a = i[0] + i[1] + i[2], o = [], s = 0;
 	return r.forEach((r, c) => {
-		c > 0 && (s += a > 0 ? i[c - 1] / a : qr), !(c === 0 && t > 0) && o.push({
+		c > 0 && (s += a > 0 ? i[c - 1] / a : Jr), !(c === 0 && t > 0) && o.push({
 			price: r,
 			time: e.time,
 			at: (t + s) / n
 		});
 	}), o;
 }
-function $r(e, t = []) {
-	let n = t.length > 0 && Xr(e, t) ? t : [e], r = n.length, i = ei(n.flatMap((e, t) => Qr(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
+function ei(e, t = []) {
+	let n = t.length > 0 && Zr(e, t) ? t : [e], r = n.length, i = ti(n.flatMap((e, t) => $r(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
 	return {
 		bar: e,
 		points: i,
@@ -1902,7 +1902,7 @@ function $r(e, t = []) {
 		}))
 	};
 }
-function ei(e, t) {
+function ti(e, t) {
 	let n = e.length - 1, r = e.map((e, r) => ({
 		...e,
 		price: r === 0 ? t.open : r === n ? t.close : Math.min(t.high, Math.max(t.low, e.price))
@@ -1917,7 +1917,7 @@ function ei(e, t) {
 	};
 	return i(t.high, (e, t) => e > t), i(t.low, (e, t) => e < t), r;
 }
-function ti(e, t) {
+function ni(e, t) {
 	let n = e.points;
 	if (t <= n[0].at) return n[0].price;
 	for (let e = 1; e < n.length; e++) if (t <= n[e].at) {
@@ -1926,8 +1926,8 @@ function ti(e, t) {
 	}
 	return n[n.length - 1].price;
 }
-var ni = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
-function ri(e, t) {
+var ri = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+function ii(e, t) {
 	let n = 0, r = 0;
 	for (let i of e.volumeAt) {
 		if (t >= i.at) {
@@ -1938,10 +1938,10 @@ function ri(e, t) {
 	}
 	return n;
 }
-function ii(e, t) {
-	let n = ni(t);
+function ai(e, t) {
+	let n = ri(t);
 	if (n >= 1) return { ...e.bar };
-	let r = ti(e, n), i = Math.max(e.points[0].price, r), a = Math.min(e.points[0].price, r);
+	let r = ni(e, n), i = Math.max(e.points[0].price, r), a = Math.min(e.points[0].price, r);
 	for (let t of e.points) {
 		if (t.at > n) break;
 		i = Math.max(i, t.price), a = Math.min(a, t.price);
@@ -1952,11 +1952,11 @@ function ii(e, t) {
 		high: i,
 		low: a,
 		close: r,
-		volume: ri(e, n)
+		volume: ii(e, n)
 	};
 }
-function ai(e, t) {
-	let n = ni(t), r = 0;
+function oi(e, t) {
+	let n = ri(t), r = 0;
 	for (let t of e.points) {
 		if (t.at > n) break;
 		r = t.at;
@@ -1969,12 +1969,12 @@ function q(e, t, n) {
 		if (a.at > n) break;
 		i = a.time, a.at > t && r.push([a.price, a.time]);
 	}
-	let a = ti(e, n);
+	let a = ni(e, n);
 	return (r.length === 0 || r[r.length - 1][0] !== a) && r.push([a, i]), r;
 }
 //#endregion
 //#region src/replay/replayStep.ts
-var oi = [
+var si = [
 	"1m",
 	"3m",
 	"5m",
@@ -1985,27 +1985,27 @@ var oi = [
 	"4h",
 	"1d"
 ];
-function si(e, t) {
+function ci(e, t) {
 	let n = E(e);
-	return n > 0 ? oi.filter((e) => {
+	return n > 0 ? si.filter((e) => {
 		let r = E(e);
 		return r < n && n % r === 0 && t(e);
 	}) : [];
 }
-function ci(e, t, n) {
-	let r = si(t, n);
+function li(e, t, n) {
+	let r = ci(t, n);
 	if (e !== "auto") return r.includes(e) ? e : null;
 	let i = E(t);
 	return r.find((e) => i / E(e) <= 60) ?? null;
 }
 //#endregion
 //#region src/model/AlertWatch.ts
-function li(e, t) {
+function ui(e, t) {
 	e.setBarTime(t.barTime);
 	let n = new Map([["price", t.price]]);
-	t.lines && ui(e.getAlerts(), t.lines, n), e.checkChannels(n, { together: !0 }), e.checkDrawings(t.price);
+	t.lines && di(e.getAlerts(), t.lines, n), e.checkChannels(n, { together: !0 }), e.checkDrawings(t.price);
 }
-function ui(e, t, n) {
+function di(e, t, n) {
 	let r = e.flatMap((e) => e.target ? [e.channel, e.target] : [e.channel]);
 	for (let e of r) {
 		if (n.has(e)) continue;
@@ -2015,7 +2015,7 @@ function ui(e, t, n) {
 		typeof a == "number" && Number.isFinite(a) && n.set(e, a);
 	}
 }
-function di(e, t, n, r) {
+function fi(e, t, n, r) {
 	let i = (e) => {
 		let i = e.indexOf(":");
 		if (i <= 0) return null;
@@ -2037,35 +2037,35 @@ function di(e, t, n, r) {
 		});
 	}
 }
-function fi(e, t) {
+function pi(e, t) {
 	let n = e.indexOf(":"), r = n > 0 ? t.get(e.slice(0, n)) : void 0;
 	return r ? r + e.slice(n) : e;
 }
-var pi = [
+var mi = [
 	"crossing",
 	"crossingUp",
 	"crossingDown"
 ];
-function mi(e, t, n, r, i) {
+function hi(e, t, n, r, i) {
 	e.clearAlerts();
 	for (let a of t) {
 		if (a.triggered && !a.repeating || a.expired) continue;
 		if (a.drawingId) {
-			r(a.drawingId) && pi.includes(a.condition) && e.addDrawingAlert(a.drawingId, a.condition, a.message, a.repeating, a.label);
+			r(a.drawingId) && mi.includes(a.condition) && e.addDrawingAlert(a.drawingId, a.condition, a.message, a.repeating, a.label);
 			continue;
 		}
 		let t = {
-			...Gt(a),
-			...a.target ? { target: fi(a.target, n) } : {}
+			...Kt(a),
+			...a.target ? { target: pi(a.target, n) } : {}
 		};
 		try {
-			e.addAlert(a.price, a.condition, a.message, a.repeating, fi(a.channel, n), a.label, t);
+			e.addAlert(a.price, a.condition, a.message, a.repeating, pi(a.channel, n), a.label, t);
 		} catch (e) {
 			i(e);
 		}
 	}
 }
-var hi = class {
+var gi = class {
 	kept = /* @__PURE__ */ new Map();
 	constructor(e) {
 		this.alerts = e;
@@ -2098,18 +2098,18 @@ function Y(e, t) {
 	}
 	return n;
 }
-function gi(e) {
+function _i(e) {
 	let t = 0, n = 0;
 	for (let r = 1; r < e.length; r++) e[r].low < e[t].low && (t = r), e[r].high > e[n].high && (n = r);
 	let r = [e[t].low, e[t].time], i = [e[n].high, e[n].time], a = t === n ? e[t].close >= e[t].open : t < n, o = e[e.length - 1];
 	return [...a ? [r, i] : [i, r], [o.close, o.time]];
 }
-function _i(e) {
+function vi(e) {
 	let t = [], n = Math.ceil(e.length / 500);
-	for (let r = 0; r < e.length; r += n) t.push(...gi(e.slice(r, r + n)));
+	for (let r = 0; r < e.length; r += n) t.push(..._i(e.slice(r, r + n)));
 	return t;
 }
-function vi(e, t, n) {
+function yi(e, t, n) {
 	let r = e[t];
 	return r ? n.time === null ? {
 		marks: [[r.close, r.time]],
@@ -2118,14 +2118,14 @@ function vi(e, t, n) {
 			fraction: n.fraction
 		}
 	} : r.time <= n.time ? null : {
-		marks: _i(e.slice(Y(e, n.time), t + 1)),
+		marks: vi(e.slice(Y(e, n.time), t + 1)),
 		fed: {
 			time: r.time,
 			fraction: n.fraction
 		}
 	} : null;
 }
-function yi(e, t, n, r, i, a) {
+function bi(e, t, n, r, i, a) {
 	let o = e[t];
 	if (!o) return null;
 	let s = {
@@ -2133,7 +2133,7 @@ function yi(e, t, n, r, i, a) {
 		fraction: r
 	};
 	if (i.time === null) return {
-		marks: [[ii(n, r).close, o.time]],
+		marks: [[ai(n, r).close, o.time]],
 		fed: s
 	};
 	if (o.time < i.time || o.time === i.time && r <= i.fraction) return null;
@@ -2142,28 +2142,28 @@ function yi(e, t, n, r, i, a) {
 		fed: s
 	};
 	let c = [], l = J(e, i.time);
-	return e[l]?.time === i.time && i.fraction < 1 && c.push(...q(a(e, l), i.fraction, 1)), c.push(..._i(e.slice(Y(e, i.time), t))), c.push(...q(n, -1, r)), {
+	return e[l]?.time === i.time && i.fraction < 1 && c.push(...q(a(e, l), i.fraction, 1)), c.push(...vi(e.slice(Y(e, i.time), t))), c.push(...q(n, -1, r)), {
 		marks: c,
 		fed: s
 	};
 }
 //#endregion
 //#region src/Chart.ts
-var bi = "exchange";
-function xi(e) {
+var xi = "exchange";
+function Si(e) {
 	if (typeof e == "string" && e !== "exchange" && !x(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
+var Ci = .08, wi = 20, Ti = 8, Ei = 10, Di = {
 	ArrowLeft: [-1, 0],
 	ArrowRight: [1, 0],
 	ArrowUp: [0, -1],
 	ArrowDown: [0, 1]
-}, Di = new Set(["horizontalLine", "crossLine"]), Oi = new Set(["verticalLine", "crossLine"]), ki = class {
-	static version = "2.7.0";
+}, Oi = new Set(["horizontalLine", "crossLine"]), ki = new Set(["verticalLine", "crossLine"]), Ai = class {
+	static version = "2.8.0";
 	engine;
 	viewport;
-	series = new Un((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
+	series = new Wn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
 	themeManager;
 	layoutManager;
 	pluginManager;
@@ -2173,6 +2173,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	drawingManager;
 	drawingRenderer;
 	tradingManager;
+	depthLayer = new Pe();
 	tradingRenderer;
 	eventBus;
 	streamManager = null;
@@ -2190,7 +2191,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	renderDeferred = !1;
 	priceAxisWidth = c;
 	measureCtx;
-	labelWidths = new Nr();
+	labelWidths = new Pr();
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
@@ -2203,7 +2204,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	unrestoredIndicators = [];
 	drawingAlerts = null;
 	zoomAreaMode = !1;
-	priceAxisAddButton = new at();
+	priceAxisAddButton = new ot();
 	displayTz = null;
 	timeZoneSetting = null;
 	symbolInfo = null;
@@ -2240,7 +2241,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	hoveredBadge = null;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new mt();
+	selectionBoxOverlay = new ht();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
@@ -2255,7 +2256,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	replayForming = null;
 	replayPhaseUnsub = null;
 	undoRedoManager;
-	autoSaveScheduler = new In((e) => this.saveState(e));
+	autoSaveScheduler = new Ln((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -2267,14 +2268,14 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new ot();
-	symbolSeries = new xt();
+	priceLines = new st();
+	symbolSeries = new St();
 	extendedHours = !0;
 	replayRestarting = !1;
 	symbolRequests;
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new it();
+	leftPriceAxis = new at();
 	leftScaleRequested = !1;
 	leftAxisWidth = c;
 	leftViewport = null;
@@ -2306,12 +2307,12 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, n) {
-		n.timeZone != null && xi(n.timeZone), this.container = e, this.options = {
+		n.timeZone != null && Si(n.timeZone), this.container = e, this.options = {
 			...n,
 			chartType: n.chartType ?? "candlestick"
-		}, this.numberLocale = n.numberLocale ?? "en-US", this.priceFit = new Gn(n.autoScale !== !1), this.density = n.density === "compact" ? "compact" : "comfortable";
+		}, this.numberLocale = n.numberLocale ?? "en-US", this.priceFit = new Kn(n.autoScale !== !1), this.density = n.density === "compact" ? "compact" : "comfortable";
 		let r = t[this.density];
-		this.priceFit.setSpacing(r), this.display = new Jn({
+		this.priceFit.setSpacing(r), this.display = new Yn({
 			bars: () => this.series.bars(),
 			version: () => this.series.version(),
 			chartType: () => this.options.chartType,
@@ -2319,7 +2320,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			lookup: (e) => this.pluginManager.getChartType(e),
 			stepAt: (e) => this.stepAt(e),
 			onBoxSize: (e) => {
-				this.chartRenderer instanceof rt && this.chartRenderer.setBoxSize(e);
+				this.chartRenderer instanceof it && this.chartRenderer.setBoxSize(e);
 			}
 		});
 		let i = n.features ?? {};
@@ -2330,6 +2331,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			drawingUndoRedo: i.drawingUndoRedo ?? !0,
 			trading: i.trading ?? !0,
 			tradingContextMenu: i.tradingContextMenu ?? !1,
+			depth: i.depth ?? !1,
 			priceAxisAddButton: i.priceAxisAddButton ?? !1,
 			indicators: i.indicators ?? !0,
 			indicatorIds: i.indicatorIds ?? [],
@@ -2359,19 +2361,19 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			logScale: i.logScale ?? !0,
 			timeframes: i.timeframes ?? [],
 			defaultTimeframeFavorites: i.defaultTimeframeFavorites ?? []
-		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.history = new _r({
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.history = new vr({
 			oldestTime: () => (this.replaySession ? this.series.liveBars() : this.series.bars())[0]?.time ?? null,
 			prepend: (e) => this.prependBars(e),
 			emit: (e) => this.eventBus.emit("historyLoad", e)
-		}), this.themeManager = new yr(n.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(xr(n), "host", !1), this.container.style.backgroundColor || (this.container.style.backgroundColor = this.themeManager.getTheme().background, this.lastBackground = this.themeManager.getTheme().background), this.layoutManager = new Tr(), this.indicatorEngine = new Ue(), this.panes = new Xn(this.layoutManager, this.indicatorEngine, (e) => this.crosshairHandler.setReportBounds(e)), this.indicatorPanes = new er(this.indicatorEngine, this.layoutManager, {
+		}), this.themeManager = new br(n.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Sr(n), "host", !1), this.container.style.backgroundColor || (this.container.style.backgroundColor = this.themeManager.getTheme().background, this.lastBackground = this.themeManager.getTheme().background), this.layoutManager = new Er(), this.indicatorEngine = new We(), this.panes = new Zn(this.layoutManager, this.indicatorEngine, (e) => this.crosshairHandler.setReportBounds(e)), this.indicatorPanes = new tr(this.indicatorEngine, this.layoutManager, {
 			passStyle: (e, t) => this.panes.passStyle(e, t),
 			renamePane: (e, t) => this.renamePane(e, t),
 			invalidateScales: () => this.panes.invalidateScales()
-		}), this.symbolRequests = new lr(this.indicatorEngine, this.symbolSeries), this.pluginManager = new Vr(this.indicatorEngine, { plugins: n.plugins }), this.eventBus = new Le(), qt(this.indicatorEngine), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.indicatorEngine.register(new vt(this.symbolSeries)), this.indicatorEngine.register(new De(this.symbolSeries)), this.indicatorEngine.register(new Oe(this.symbolSeries)), n.indicatorWorker === "auto" && this.useIndicatorWorker(), this.drawingManager = new Pe(), Kt(this.drawingManager), this.drawingRenderer = new Fe(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingRenderer.setTimeFormat((e) => this.crosshairHandler.formatTime(e, this.getDisplayData())), this.drawingManager.setRequestRender(() => {
+		}), this.symbolRequests = new ur(this.indicatorEngine, this.symbolSeries), this.pluginManager = new Hr(this.indicatorEngine, { plugins: n.plugins }), this.eventBus = new Re(), Jt(this.indicatorEngine), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.indicatorEngine.register(new yt(this.symbolSeries)), this.indicatorEngine.register(new De(this.symbolSeries)), this.indicatorEngine.register(new Oe(this.symbolSeries)), n.indicatorWorker === "auto" && this.useIndicatorWorker(), this.drawingManager = new Fe(), qt(this.drawingManager), this.drawingRenderer = new Ie(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingRenderer.setTimeFormat((e) => this.crosshairHandler.formatTime(e, this.getDisplayData())), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(o.Overlay), this.scheduleAutoSave();
 		}), this.drawingManager.setEventCallback((e, t) => {
 			this.followDrawingAlerts(e, t?.id), this.eventBus.emit(e, t), (e === "drawingCreate" || e === "drawingUpdate" || e === "drawingRemove") && this.announceStateChange();
-		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new Et(), this.indicatorHistory = new $n({
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new Dt(), this.indicatorHistory = new er({
 			steps: this.undoRedoManager,
 			snapshot: () => this.getIndicatorSetup(),
 			enabled: () => this.features.drawingUndoRedo
@@ -2388,14 +2390,17 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			primary: e[0] ?? null
 		})), this.drawingManager.setForeignHistory((e, t) => {
 			e.type === "custom" ? e.custom?.[t]() : this.applyIndicatorStep(e, t);
-		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), n.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new wt({
+		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), n.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new Tt({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new Tt(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new Et(this.tradingManager), this.depthLayer.setConfig({
+			enabled: this.features.depth,
+			...n.depthOverlay
+		}), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.tradingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.engine = new st(e, n.maxPixelRatio);
+		}), this.engine = new ct(e, n.maxPixelRatio);
 		let s = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Dt(s.width, s.height, n.minBarSpacing ?? 2, n.maxBarSpacing ?? 30, n.rightMargin ?? r.rightMargin), this.viewport.setBarLayout(n.barLayout ?? r.barLayout), this.viewport.setScaleMargins({
+		if (this.viewport = new Ot(s.width, s.height, n.minBarSpacing ?? 2, n.maxBarSpacing ?? 30, n.rightMargin ?? r.rightMargin), this.viewport.setBarLayout(n.barLayout ?? r.barLayout), this.viewport.setScaleMargins({
 			top: r.priceMargin,
 			bottom: r.priceMargin
 		}), this.viewport.setPanLimits({
@@ -2405,7 +2410,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			if (e.width <= 0 || e.height <= 0) return;
 			let t = this.viewport.isAtEnd();
 			this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(t), this.eventBus.emit("resize", e);
-		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Re(), n.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new it(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new St(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new ke(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), n.crosshair?.mode && this.crosshairHandler.setMode(n.crosshair.mode), Rt(n.crosshair?.cursor) && this.crosshairHandler.setCursor(n.crosshair.cursor), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new ze(), n.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new at(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new Ct(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new ke(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), n.crosshair?.mode && this.crosshairHandler.setMode(n.crosshair.mode), zt(n.crosshair?.cursor) && this.crosshairHandler.setCursor(n.crosshair.cursor), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
 				let n = this.crosshairSeries(), r = e >= 0 && e < n.length ? n[e] : void 0, i = e > 0 ? n[e - 1]?.close : void 0, a = A(n), s = r ? a[e]?.time ?? r.time : void 0;
 				this.chartLegend.setHoverBar(r ?? null, e > 0 ? n[e - 1] ?? null : null), this.features.legend && this.engine.requestRender(o.Hover);
@@ -2419,7 +2424,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 						prevClose: i,
 						priceRange: c.priceRange,
 						plot: c.chartRect,
-						barStepMs: Nt(a),
+						barStepMs: Pt(a),
 						timeUnit: f(a)
 					});
 				} else this.crosshairTooltip.hide();
@@ -2435,14 +2440,14 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 				let e = this.crosshairHandler.getSyncedSlot();
 				e !== null && this.showSyncedBar(e);
 			}
-		}), this.chartLegend = new Se(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setSpacing(Zi(r)), this.chartLegend.setResizeListener(() => {
+		}), this.chartLegend = new Se(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setSpacing(Qi(r)), this.chartLegend.setResizeListener(() => {
 			this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), this.engine.requestRender();
-		}), this.watermark = new jt(), n.watermark && this.watermark.setConfig(n.watermark), this.volumeRenderer = new At(), this.volumeProfile = new kt(), this.marketProfile = new Ye(), this.depthHeatmap = new Ne(), this.periodLevels = new et(), this.pivotMarkers = new nt(), this.barCountdown = new ve(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new ht(), this.sessionShading = new gt(), this.compareRenderer = new we(), n.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.watermark = new Mt(), n.watermark && this.watermark.setConfig(n.watermark), this.volumeRenderer = new jt(), this.volumeProfile = new At(), this.marketProfile = new Xe(), this.depthHeatmap = new Ne(), this.periodLevels = new tt(), this.pivotMarkers = new rt(), this.barCountdown = new ve(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new gt(), this.sessionShading = new _t(), this.compareRenderer = new we(), n.sessionBreaks ? this.sessionBreaks.setConfig({
 			visible: n.sessionBreaks.visible ?? !0,
 			color: n.sessionBreaks.color,
 			lineStyle: n.sessionBreaks.lineStyle,
 			lineWidth: n.sessionBreaks.lineWidth
-		}) : n.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), n.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new he(), this.crosshairTooltip = new Ae(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new tt(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), n.priceFormat && this.applyPriceFormat(n.priceFormat), n.chartTypeOptions && (this.chartTypeOptions = w(n.chartTypeOptions)), n.highLowLines && this.priceLines.setHighLow(!0), n.shapes && this.themeManager.setShape(Ni(n.shapes)), n.font && this.themeManager.setFont(Mi(n.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), n.extendedHours === !1 && (this.extendedHours = !1), n.timeFormatter && this.applyTimeFormatter(n.timeFormatter), this.keyboardHandler = new Ke({
+		}) : n.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), n.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new he(), this.crosshairTooltip = new Ae(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new nt(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), n.priceFormat && this.applyPriceFormat(n.priceFormat), n.chartTypeOptions && (this.chartTypeOptions = w(n.chartTypeOptions)), n.highLowLines && this.priceLines.setHighLow(!0), n.shapes && this.themeManager.setShape(Pi(n.shapes)), n.font && this.themeManager.setFont(Ni(n.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), n.extendedHours === !1 && (this.extendedHours = !1), n.timeFormatter && this.applyTimeFormatter(n.timeFormatter), this.keyboardHandler = new qe({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -2459,7 +2464,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			},
 			fitContent: () => this.fitContent()
 		}), this.keyboardHandler.setEnabled(this.features.keyboard), n.a11y !== !1) {
-			this.a11y = new fn(e, {
+			this.a11y = new pn(e, {
 				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
 				timeframe: () => this.streamTimeframe ?? "",
 				chartType: () => this.options.chartType ?? "candlestick",
@@ -2490,7 +2495,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new je(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new me(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.drawingAlerts = new hi(this.alertManager), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(zt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new je(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new me(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.drawingAlerts = new gi(this.alertManager), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Bt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
 			this.eventBus.emit("alertTriggered", X(e)), this.eventBus.emit("dataUpdate", {
 				kind: "alert",
 				alert: "triggered",
@@ -2506,7 +2511,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			this.eventBus.emit("alertExpired", X(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", X(e));
-		}), this.signalMarkerManager = new _t(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new vt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -2514,14 +2519,14 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.chartMarkManager = new Ce(), this.chartMarkManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.chartMarkManager.setDataGetter(() => this.isTimeAligned() ? this.getDisplayData() : []), this.tradeZoneManager = new Ct(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), this.tradeZoneManager.on("added", (e) => {
+		}), this.chartMarkManager = new Ce(), this.chartMarkManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.chartMarkManager.setDataGetter(() => this.isTimeAligned() ? this.getDisplayData() : []), this.tradeZoneManager = new wt(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), this.tradeZoneManager.on("added", (e) => {
 			this.eventBus.emit("tradeZoneAdd", {
 				id: e.id,
 				direction: e.direction
 			});
 		}), this.tradeZoneManager.on("removed", (e) => {
 			this.eventBus.emit("tradeZoneRemove", { id: e });
-		}), this.replayManager = new lt(), this.replayManager.on("complete", () => {
+		}), this.replayManager = new ut(), this.replayManager.on("complete", () => {
 			let e = this.getReplayBarIndex(), t = this.replayCoarse?.[e];
 			t && this.eventBus.emit("replayComplete", {
 				barIndex: e,
@@ -2529,9 +2534,9 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			});
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Xe(), this.interactionManager = new We(e), this.features.panning) {
-			let e = new Pr();
-			this.interactionManager.setPanHandler(new Qe((t, n) => {
+		}), this.measureOverlay = new Ze(), this.interactionManager = new Ge(e), this.features.panning) {
+			let e = new Fr();
+			this.interactionManager.setPanHandler(new $e((t, n) => {
 				t && this.viewport.scrollBy(t), e.step(t, n, this.priceFit.isAuto()) && n && (this.holdPriceScale(), this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
 		}
@@ -2543,7 +2548,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new Mt((e, t) => {
+			this.interactionManager.setZoomHandler(new Nt((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
 			let e = new _e((e) => {
@@ -2575,7 +2580,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 				y: t.y
 			});
 		})), this.interactionManager.setChartContextMenu((e, t) => this.eventBus.hasListeners("chartContextMenu") ? (this.eventBus.emit("chartContextMenu", this.contextAt(e, t)), !0) : !1), this.applyPriceAxisAdd(), this.interactionManager.setPriceAxisAddButton(this.priceAxisAddButton, (e) => {
-			let t = rn(e.y, this.viewport.getState());
+			let t = an(e.y, this.viewport.getState());
 			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
 				price: t,
 				x: e.x,
@@ -2588,7 +2593,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			let e = new pe(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let c = new $e();
+		let c = new et();
 		c.configure(() => this.getResolvedLayout(), (e, t) => this.dragPanelTo(e, t)), this.interactionManager.setPaneResizeHandler(c), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
@@ -2640,7 +2645,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let i = nn(e.x, this.viewport.getState());
+			let i = rn(e.x, this.viewport.getState());
 			i < 0 || i >= t.length || this.eventBus.emit("barClick", {
 				bar: t[i],
 				barIndex: i,
@@ -2685,7 +2690,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < wi) return;
+					if (e.x1 - e.x0 < Ti) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -2767,7 +2772,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			let { visibleRange: e, chartRect: t } = this.viewport.getState();
 			if (t.width <= 0) return;
 			let { from: n, to: r } = e;
-			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(Ci, r - n));
+			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(wi, r - n));
 		}));
 	}
 	useStreamHistory(e, t, n = !0) {
@@ -2881,7 +2886,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : sn(this.symbolInfo, e);
+		return this.extendedHours ? null : cn(this.symbolInfo, e);
 	}
 	reapplyExtendedHours() {
 		if (!this.series.refilter()) return;
@@ -2892,7 +2897,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Ni(e);
+		let t = Pi(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -2904,7 +2909,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = Mi(e);
+			let t = Ni(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -2923,7 +2928,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		if (e !== "comfortable" && e !== "compact" || e === this.density) return;
 		this.density = e;
 		let n = t[e];
-		this.priceFit.setSpacing(n), this.chartLegend.setSpacing(Zi(n)), this.options.rightMargin === void 0 && this.viewport.setRightMargin(n.rightMargin), this.options.barLayout || this.viewport.setBarLayout(n.barLayout), this.updateViewportAndRender();
+		this.priceFit.setSpacing(n), this.chartLegend.setSpacing(Qi(n)), this.options.rightMargin === void 0 && this.viewport.setRightMargin(n.rightMargin), this.options.barLayout || this.viewport.setBarLayout(n.barLayout), this.updateViewportAndRender();
 	}
 	getDensity() {
 		return this.density;
@@ -3029,8 +3034,8 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * Si,
-				max: t.max + n * Si
+				min: t.min - n * Ci,
+				max: t.max + n * Ci
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -3098,8 +3103,8 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return t.drawn ? this.indicatorEngine.peekOutput(e) : this.indicatorEngine.getOutput(e);
 	}
 	useIndicatorWorker() {
-		this.indicatorWorker = Lt.acquire(), this.indicatorEngine.useWorker(this.indicatorWorker.client, {
-			minBars: He,
+		this.indicatorWorker = Rt.acquire(), this.indicatorEngine.useWorker(this.indicatorWorker.client, {
+			minBars: Ue,
 			onLand: () => this.indicatorsLandedSoon()
 		});
 	}
@@ -3121,8 +3126,8 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new Ue();
-		return qt(e), e.getAvailableIndicators();
+		let e = new We();
+		return Jt(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
@@ -3338,7 +3343,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Pt(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = Ft(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -3351,9 +3356,9 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.drawingManager.removeDrawings(e);
 	}
 	nudgeSelectedDrawings(e) {
-		let t = Ei[e.key];
+		let t = Di[e.key];
 		if (!t || !this.features.drawings || e.ctrlKey || e.metaKey || e.altKey) return !1;
-		let n = e.shiftKey ? Ti : 1, r = {
+		let n = e.shiftKey ? Ei : 1, r = {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
@@ -3497,7 +3502,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = rn(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = P(t.x, n)), e === "pane") {
+		if ((e === "plot" || e === "priceAxis") && (r.price = an(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = P(t.x, n)), e === "pane") {
 			let e = this.getIndicatorPanes().find((e) => t.y >= e.rect.y && t.y <= e.rect.y + e.rect.height);
 			e && (r.pane = e.instanceId);
 		}
@@ -3505,7 +3510,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	applyPriceAxisAdd() {
 		let e = this.features.priceAxisAddButton && this.features.crosshair;
-		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Ze : 0);
+		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Qe : 0);
 	}
 	setPriceAxisAddButton(e) {
 		this.features.priceAxisAddButton = e, this.applyPriceAxisAdd(), this.engine.requestRender(o.Overlay);
@@ -3739,7 +3744,13 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		this.features.trading && this.eventBus.emit("positionModify", e);
 	}
 	setDepthData(e) {
-		this.features.trading && this.tradingManager.setDepthData(e);
+		!this.features.trading && !this.features.depth || (this.depthLayer.setData(e), this.engine.requestRender(o.Overlay));
+	}
+	setDepthOverlay(e) {
+		this.depthLayer.setConfig(e), this.engine.requestRender(o.Overlay);
+	}
+	getDepthOverlay() {
+		return this.depthLayer.getConfig();
 	}
 	setCurrentPrice(e, t) {
 		this.followLivePrice(e), this.replaySession ? this.replaySession.price = { price: e } : (this.currentPriceLine.setPrice(e), this.scheduleRender());
@@ -3763,23 +3774,23 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	checkAlerts(e) {
 		let t = this.replaySession ? this.series.liveBars() : this.series.bars(), n = this.indicatorEngine, r = this.replaySession || this.series.length() === 0 ? null : (e) => n.isComputingInWorker(e) ? void 0 : n.peekOutput(e)?.series;
-		li(this.alertManager, {
+		ui(this.alertManager, {
 			price: e,
 			barTime: t.length > 0 ? t[t.length - 1].time : null,
 			lines: r
 		});
 	}
 	setTradingConfig(e) {
-		this.features.trading && this.tradingManager.setConfig(e);
+		this.features.trading && (this.tradingManager.setConfig(e), e.depthOverlay && this.setDepthOverlay(e.depthOverlay));
 	}
 	async connect(e) {
 		let t = {
 			...e,
-			adapter: Yt(e),
+			adapter: Xt(e),
 			feed: void 0
 		};
-		if (!Jt(t.adapter, t.timeframe)) throw RangeError(`${t.adapter.name} cannot serve the ${t.timeframe} timeframe`);
-		this.snapshotKey = null, this.holdReplayFor(t.symbol), this.disconnectStream(), this.streamManager = new bt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (e) => {
+		if (!Yt(t.adapter, t.timeframe)) throw RangeError(`${t.adapter.name} cannot serve the ${t.timeframe} timeframe`);
+		this.snapshotKey = null, this.holdReplayFor(t.symbol), this.disconnectStream(), this.streamManager = new xt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (e) => {
 			let n = this.streamSeriesKey(t.adapter);
 			n === this.snapshotKey && this.replaySession ? this.series.mergeSnapshot(e) : n === this.snapshotKey && this.series.length() > 0 ? this.mergeSnapshot(e) : (this.replaySession && this.useStreamHistory(t.adapter, t.historyPageSize, !1), this.setData(e)), this.snapshotKey = n, this.useStreamHistory(t.adapter, t.historyPageSize);
 		}), this.streamManager.on("barClose", (e) => {
@@ -3841,7 +3852,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		}, 1e3);
 	}
 	streamSeriesKey(e) {
-		let t = N(e), n = this.streamTimeframe, r = t instanceof ut && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		let t = N(e), n = this.streamTimeframe, r = t instanceof dt && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
 		return `${this.currentSymbol}|${n}|${r?.timeZone ?? ""}`;
 	}
 	setStreamTarget(e, t) {
@@ -3864,7 +3875,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !Jt(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
+		if (n && !Yt(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
 		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(E(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isIndicatorAllowed(e) {
@@ -3884,7 +3895,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = Wr(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = Gr(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -4015,7 +4026,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = f(t), i = Wt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		let n = t.length - 1, r = f(t), i = Gt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
 		if (a === null || a < t[0].time) {
 			this.fitContent();
 			return;
@@ -4200,14 +4211,14 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.crosshairHandler.getMode();
 	}
 	setCrosshairCursor(e) {
-		!Rt(e) || e === this.crosshairHandler.getCursor() || (this.crosshairHandler.setCursor(e), this.applyIdleCursor(), this.engine.requestRender(o.Hover), this.eventBus.emit("crosshairCursorChange", { cursor: e }));
+		!zt(e) || e === this.crosshairHandler.getCursor() || (this.crosshairHandler.setCursor(e), this.applyIdleCursor(), this.engine.requestRender(o.Hover), this.eventBus.emit("crosshairCursorChange", { cursor: e }));
 	}
 	getCrosshairCursor() {
 		return this.crosshairHandler.getCursor();
 	}
 	applyIdleCursor() {
 		let e = this.themeManager.getTheme(), t = e.style?.crosshair.vertical.color ?? e.crosshair;
-		this.interactionManager.setIdleCursor(It(this.crosshairHandler.getCursor(), t, e.background));
+		this.interactionManager.setIdleCursor(Lt(this.crosshairHandler.getCursor(), t, e.background));
 	}
 	setCrosshairPosition(e) {
 		e ? this.crosshairHandler.onPointerMove(e) : this.crosshairHandler.onPointerLeave(), this.engine.requestRender(o.Hover);
@@ -4302,7 +4313,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.periodLevels.getPeriod();
 	}
 	setTimeZone(e) {
-		xi(e), this.timeZoneSetting = e, this.applyTimeZone();
+		Si(e), this.timeZoneSetting = e, this.applyTimeZone();
 	}
 	getTimeZone() {
 		return this.timeZoneSetting;
@@ -4323,7 +4334,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		this.indicatorEngine.setExchangeTimeZone(e, t.length > 0 ? t : void 0) && t.length > 0 && this.announceIndicatorUpdate(0);
 	}
 	holdStudyZone() {
-		this.endStudyZoneWait(), this.studyZoneHeld = !0, this.studyZoneTimer = setTimeout(() => this.releaseStudyZone(), pt);
+		this.endStudyZoneWait(), this.studyZoneHeld = !0, this.studyZoneTimer = setTimeout(() => this.releaseStudyZone(), mt);
 	}
 	endStudyZoneWait() {
 		this.studyZoneReleaseQueued = !1, this.studyZoneTimer !== null && (clearTimeout(this.studyZoneTimer), this.studyZoneTimer = null);
@@ -4415,7 +4426,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = Ht(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(o.Background);
+		this.hostSessionHours = Ut(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(o.Background);
 	}
 	setTooltipVisible(e) {
 		e || this.crosshairTooltip.hide();
@@ -4437,11 +4448,11 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		return this.waitForGpu(null), e === "canvas" ? (this.applyRenderer(null), "canvas") : this.engine.getGpu() ? "webgl" : this.takeGpu(e, t, !0);
 	}
 	async takeGpu(e, t, n) {
-		let { gpu: r, reason: i } = await Vt(e);
-		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Ft() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
+		let { gpu: r, reason: i } = await Ht(e);
+		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? It() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
 	}
 	waitForGpu(e) {
-		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? tn(e) : null;
+		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? nn(e) : null;
 	}
 	getRenderer() {
 		return this.engine.getGpu() ? "webgl" : "canvas";
@@ -4641,7 +4652,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = Ri(this.currentSymbol);
+			this.series.beginReplay(), this.replaySession = zi(this.currentSymbol);
 		}
 		let n = this.replaySession, { steps: r, startTime: i, hideHistory: a, revealMarks: o, step: s, ...c } = e ?? {};
 		c.animate = c.animate === !0;
@@ -4652,13 +4663,13 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		let m = r ? this.replayStepsOver(n, p, !0) : null;
 		this.priceFit.resume(), this.buildReplay(p, m, f);
 		let h = this.replayStepsSeries;
-		h && c.startIndex !== void 0 && (c.startIndex = Ki(h, p, c.startIndex));
+		h && c.startIndex !== void 0 && (c.startIndex = qi(h, p, c.startIndex));
 		let g = h ?? p, _ = g[Math.max(0, Math.min(Math.floor(Number(c.startIndex ?? 0)) || 0, g.length - 1))];
 		this.revealReplayMarks(this.replayRevealMarks ? _?.time ?? null : null), n.held && (n.held.state = c.paused ? "paused" : "playing", c.paused = !0), !c.paused && c.startIndex !== void 0 && c.startIndex >= 1 && this.replaySeek(c.startIndex - 1), this.replayManager.play(c);
 	}
 	buildReplay(e, t, n) {
 		let r = this.replaySession?.animate === !0, i = r ? null : t;
-		this.replayPieces = r && t ? Yi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		this.replayPieces = r && t ? Xi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
 		let a = this.replayRestarting;
 		this.replayRestarting = !0;
 		try {
@@ -4672,7 +4683,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			let n = t, a = e[t];
 			if (i) {
 				let r = i[t];
-				n = Z(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Qi(c, r) : qi(e[n], i, t), a = Ji(i, e, t, n) ? e[n] : c;
+				n = Z(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? $i(c, r) : Ji(e[n], i, t), a = Yi(i, e, t, n) ? e[n] : c;
 			}
 			let u = this.replayForming;
 			this.replayForming = null, s = t;
@@ -4696,7 +4707,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			});
 		}), r && (this.replayPhaseUnsub = this.replayManager.on("phase", ({ index: t, fraction: n }) => {
 			if (!e[t] || this.series.length() !== o || o !== t && o !== t + 1) return;
-			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Xi() ? ai(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = ii(r, i);
+			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Zi() ? oi(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = ai(r, i);
 			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
 				index: t,
 				path: r
@@ -4714,19 +4725,19 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	replayPathOf(e, t) {
 		let n = e[t];
-		return $r(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
+		return ei(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
 	}
 	loadReplaySteps(e, t) {
 		let n = this.replayLoader?.loader;
 		if (!n) return;
 		n.evictBefore(e[t].time);
 		let r = this.replayManager.getStepMs();
-		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(Pi / r) : 1);
+		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(Fi / r) : 1);
 	}
 	useReplayLoader(e, t) {
-		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? ci(e.step, r, (e) => Jt(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
+		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? li(e.step, r, (e) => Yt(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
 		if (!t && this.replayLoader?.key === a || (this.replayLoader?.loader.dispose(), this.replayLoader = null, !i || !n || r === null)) return;
-		let o = N(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = E(r), u = new Kr({
+		let o = N(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = E(r), u = new qr({
 			source: s ? (e, t) => s.call(o, c, i, e, t) : null,
 			step: i,
 			ratio: Math.max(1, Math.round(l / E(i))),
@@ -4742,7 +4753,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	feedReplayForming(e, t, n, r) {
 		let i = this.replaySession;
 		if (!i || !this.executionAdapter?.setMarkPrice) return;
-		let a = yi(e, t, n, r, {
+		let a = bi(e, t, n, r, {
 			time: i.fedTime,
 			fraction: i.fedFraction
 		}, (e, t) => this.replayPathOf(e, t));
@@ -4766,7 +4777,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		if (n.length === 0) return;
 		let r = t.windowTime === null ? 0 : Math.min(J(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
 		this.useReplayLoader(t, !1);
-		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : Vi(o ?? i, t.until);
+		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : Hi(o ?? i, t.until);
 		if (s < 0 && this.canPageBackForReplay(t)) {
 			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
 			return;
@@ -4774,7 +4785,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		let c = this.getReplayState(), l = t.held !== null && (e === "hours" || e === "bar"), u = t.held?.state ?? c;
 		l || (t.held = null), t.symbol = this.currentSymbol;
 		let d = this.replayManager.remainingMs();
-		this.clearBarHolders(), t.animate && Bi(t, this.replayCoarse, i);
+		this.clearBarHolders(), t.animate && Vi(t, this.replayCoarse, i);
 		let f = this.replayRestarting;
 		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
 		try {
@@ -4797,14 +4808,14 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	replayStepsOver(e, t, n = !1) {
 		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
-		let r = Gi(this.series.inHoursShown(e.steps), t);
-		return r && (n || Ui(r, t)) ? r : null;
+		let r = Ki(this.series.inHoursShown(e.steps), t);
+		return r && (n || Wi(r, t)) ? r : null;
 	}
 	canPageBackForReplay(e) {
-		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Fi;
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Ii;
 	}
 	async pageBackForReplay(e) {
-		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Fi, this.rebaseReplay("older"));
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Ii, this.rebaseReplay("older"));
 	}
 	holdReplay() {
 		let e = this.replaySession;
@@ -4837,7 +4848,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		this.signalMarkerManager.setRevealUntil(e, t), this.chartMarkManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, Vi(this.replayStepsSeries ?? this.replayCoarse, e)));
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, Hi(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -4852,7 +4863,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	feedReplaySteps(e, t) {
 		let n = this.replaySession;
 		if (!n || !this.executionAdapter?.setMarkPrice) return;
-		let r = vi(e, t, {
+		let r = yi(e, t, {
 			time: n.fedTime,
 			fraction: n.fedFraction
 		});
@@ -4866,7 +4877,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? Ki(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? qi(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.setHeldState("paused") || this.replayManager.pause();
@@ -4907,7 +4918,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			let { x: r, y: c } = this.drawingManager.anchorPoint(t.type, e, n);
 			i = Math.min(i, r), a = Math.max(a, r), o = Math.min(o, c), s = Math.max(s, c);
 		}
-		if (Di.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Oi.has(t.type) && ([o, s] = [r.y, r.y + r.height]), a < r.x || i > r.x + r.width || s < r.y || o > r.y + r.height) return null;
+		if (Oi.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), ki.has(t.type) && ([o, s] = [r.y, r.y + r.height]), a < r.x || i > r.x + r.width || s < r.y || o > r.y + r.height) return null;
 		let c = this.drawingManager.drawnExtent(e);
 		return c && (i = Math.min(i, c.x), a = Math.max(a, c.x + c.width), o = Math.min(o, c.y), s = Math.max(s, c.y + c.height)), i = Math.max(i, r.x), a = Math.min(a, r.x + r.width), o = Math.max(o, r.y), s = Math.min(s, r.y + r.height), i <= a && o <= s ? {
 			x: i,
@@ -4958,12 +4969,12 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = rr(e), r = /* @__PURE__ */ new Map();
+		let n = ir(e), r = /* @__PURE__ */ new Map();
 		this.unrestoredIndicators = [];
 		let i = new Set(this.indicatorEngine.getAvailableIndicators().map((e) => e.id)), a = [], o = /* @__PURE__ */ new Set();
 		if (t) {
 			let e = this.getIndicatorSetup();
-			for (let t of ar(e, n)) o.add(t);
+			for (let t of or(e, n)) o.add(t);
 			for (let t of e) o.has(t.instanceId) || this.removeIndicator(t.instanceId);
 			let t = new Map(e.map((e) => [e.instanceId, e.pane]));
 			for (let e = !0; e;) {
@@ -4974,7 +4985,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 				}
 			}
 		} else for (let e of this.indicatorEngine.getActiveIndicators()) this.removeIndicator(e.instanceId);
-		let s = (e) => sr(e, r);
+		let s = (e) => cr(e, r);
 		for (let e of n) {
 			let n = null;
 			if (o.has(e.instanceId)) {
@@ -5007,7 +5018,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			}
 			r.set(e.instanceId, n), a.push([e, n]), this.restoreLooks(n, e);
 		}
-		return this.indicatorEngine.orderIndicators(e.flatMap((e) => r.get(e.instanceId) ?? [])), nr(this.layoutManager, a), this.updateViewportAndRender(), r;
+		return this.indicatorEngine.orderIndicators(e.flatMap((e) => r.get(e.instanceId) ?? [])), rr(this.layoutManager, a), this.updateViewportAndRender(), r;
 	}
 	restoreLooks(e, t) {
 		let { plots: n, ...r } = this.indicatorEngine.getIndicatorStyle(e) ?? {
@@ -5027,7 +5038,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? oe(t.paneStyle) : null);
 	}
 	getIndicatorSetup() {
-		return [...tr(this.indicatorEngine, this.layoutManager, (e) => this.panes.style(e) ?? null), ...this.unrestoredIndicators];
+		return [...nr(this.indicatorEngine, this.layoutManager, (e) => this.panes.style(e) ?? null), ...this.unrestoredIndicators];
 	}
 	applyIndicatorSetup(e) {
 		this.features.indicators && this.indicatorHistory.record(void 0, () => {
@@ -5036,7 +5047,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		});
 	}
 	followIndicatorAlerts(e, t) {
-		this.features.alerts && di(this.alertManager, e, t, (e) => this.indicatorEngine.getIndicatorConfig(e)?.id);
+		this.features.alerts && fi(this.alertManager, e, t, (e) => this.indicatorEngine.getIndicatorConfig(e)?.id);
 	}
 	beginIndicatorEdit(e) {
 		this.indicatorHistory.begin(e);
@@ -5060,17 +5071,17 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	keptPaneDrawings = [];
 	replayingIndicatorStep = !1;
 	takesDrawing(e, t) {
-		return pr(this.layoutManager.getPanels(), e, !!this.drawingManager.getDescriptor(t)?.priceOnly);
+		return mr(this.layoutManager.getPanels(), e, !!this.drawingManager.getDescriptor(t)?.priceOnly);
 	}
 	renamePane(e, t) {
 		this.layoutManager.renamePanel(e, t), this.replayingIndicatorStep || this.drawingManager.renamePanes(new Map([[e, t]])), this.indicatorHistory.renamed(e, t);
 	}
 	drawingPaneAt(e) {
-		return dr(e, this.viewport.getState().chartRect, this.layoutManager.getPanels(), (e) => this.drawingPaneViewport(e));
+		return fr(e, this.viewport.getState().chartRect, this.layoutManager.getPanels(), (e) => this.drawingPaneViewport(e));
 	}
 	drawingPaneViewport(e) {
 		let t = this.layoutManager.getPanels().find((t) => t.id === e);
-		return fr(t, !!t && this.layoutManager.isPanelShownCollapsed(e), () => this.buildPanelRenderInfos().find((t) => t.instanceId === e)?.viewport, () => this.getDisplayData());
+		return pr(t, !!t && this.layoutManager.isPanelShownCollapsed(e), () => this.buildPanelRenderInfos().find((t) => t.instanceId === e)?.viewport, () => this.getDisplayData());
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
@@ -5084,7 +5095,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		let n = t.version >= 2 && this.features.indicators ? this.indicatorHistory.quietly(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
 		this.drawingManager.renamePanes(n);
 		let r = new Set(this.unrestoredIndicators.map((e) => e.instanceId)), i = this.drawingManager.getDrawings(), a = i.filter((e) => e.paneId === void 0 || this.takesDrawing(e.paneId, e.type));
-		this.keptPaneDrawings = i.filter((e) => e.paneId !== void 0 && r.has(e.paneId)), a.length !== i.length && this.drawingManager.setDrawings(a), this.undoRedoManager.clear(), t.alerts && this.features.alerts && mi(this.alertManager, t.alerts, n, (e) => this.drawingManager.hasPriceLevels(e), (e) => {
+		this.keptPaneDrawings = i.filter((e) => e.paneId !== void 0 && r.has(e.paneId)), a.length !== i.length && this.drawingManager.setDrawings(a), this.undoRedoManager.clear(), t.alerts && this.features.alerts && hi(this.alertManager, t.alerts, n, (e) => this.drawingManager.hasPriceLevels(e), (e) => {
 			console.warn("Layout alert left out:", e);
 		}), this.markStateChanged();
 	}
@@ -5137,7 +5148,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	}
 	setFeatures(e) {
 		let t = this.getLegendBottom();
-		Object.assign(this.features, e), e.legend !== void 0 && this.getLegendBottom() !== t && this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), (e.priceAxisAddButton !== void 0 || e.crosshair !== void 0) && (this.applyPriceAxisAdd(), this.engine.requestRender(o.Overlay)), e.grid !== void 0 && this.engine.requestRender(o.Background), e.marks !== void 0 && (e.marks || this.dropMarkHover(), this.engine.requestRender(o.Overlay)), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.updateViewportAndRender()), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
+		Object.assign(this.features, e), e.depth !== void 0 && this.setDepthOverlay({ enabled: e.depth }), e.legend !== void 0 && this.getLegendBottom() !== t && this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), (e.priceAxisAddButton !== void 0 || e.crosshair !== void 0) && (this.applyPriceAxisAdd(), this.engine.requestRender(o.Overlay)), e.grid !== void 0 && this.engine.requestRender(o.Background), e.marks !== void 0 && (e.marks || this.dropMarkHover(), this.engine.requestRender(o.Overlay)), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.updateViewportAndRender()), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
 	}
 	resize() {
 		let e = this.engine.dprManager.readContainerSize();
@@ -5152,8 +5163,8 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		this.disposed = !0, this.indicatorEngine.stopWorker(), this.indicatorWorker?.release(), this.indicatorWorker = null, this.stopWatchingVisibility?.(), this.stopWatchingVisibility = null, this.waitForGpu(null), this.countdownInterval && clearInterval(this.countdownInterval), this.history.setLoader(null), this.disableAutoSave(), this.disconnectStream(), this.disconnectExecution(), this.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.a11y?.destroy(), this.a11y = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.pinnedTooltip.destroy(), this.replayRestarting = !0, this.replayManager.dispose(), this.alertManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.labelWidths.destroy(), this.container.innerHTML = "";
 	}
 	createChartRenderer(e) {
-		let t = Pn(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof Be && t.setPriceText((e) => this.formatPrice(e)), t;
+		let t = Fn(e, (e) => this.pluginManager.getChartType(e));
+		return t instanceof Ve && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	crosshairSeries() {
 		return this.isTimeAligned() ? this.series.bars() : this.getDisplayData();
@@ -5230,7 +5241,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		this.priceFit.fit(this.viewport, e, t, {
 			overlayRange: (e, t) => this.indicatorEngine.getOverlayPriceRange(e, t),
 			compareRange: (e, t) => this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null,
-			volumeRatio: (e, t, n) => this.features.volume && this.volumeRenderer.isVisible() && Kn(e, t, n) ? this.volumeRenderer.getHeightRatio() : null
+			volumeRatio: (e, t, n) => this.features.volume && this.volumeRenderer.isVisible() && qn(e, t, n) ? this.volumeRenderer.getHeightRatio() : null
 		});
 	}
 	updateViewportAndRender(e = !1) {
@@ -5245,7 +5256,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = Ar({
+		let t = this.themeManager.getTheme(), n = jr({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -5254,12 +5265,12 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = jr(this.leftAxisWidth, n);
+		}), r = Mr(this.leftAxisWidth, n);
 		return r === this.leftAxisWidth ? !1 : (this.leftAxisWidth = r, this.layoutManager.setLeftAxisWidth(r), this.panes.invalidate(), this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	fitPriceAxisWidth() {
 		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = Ar({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = jr({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -5270,14 +5281,14 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = jr(this.priceAxisWidth, n);
+		}), r = Mr(this.priceAxisWidth, n);
 		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.panes.invalidate(), this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(o.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => Ai(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => ji(n, e, t));
 		let r = n ?? this.detachedMeasureContext();
-		return r ? Ai(r, e, t) : e.length * 7;
+		return r ? ji(r, e, t) : e.length * 7;
 	}
 	detachedMeasureContext() {
 		return this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), this.measureCtx;
@@ -5326,6 +5337,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 			indicatorEngine: this.features.indicators ? this.indicatorEngine : null,
 			drawingRenderer: this.features.drawings ? this.drawingRenderer : null,
 			tradingRenderer: this.features.trading ? this.tradingRenderer : null,
+			depthOverlay: this.features.trading || this.features.depth ? this.depthLayer : null,
 			currentPriceLine: this.currentPriceLine,
 			chartLegend: this.features.legend ? this.chartLegend : null,
 			volumeRenderer: this.features.volume ? this.volumeRenderer : null,
@@ -5366,7 +5378,7 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = Ir(this.pluginManager.getOverlays(), t);
+		let n = Lr(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -5387,15 +5399,15 @@ var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 		};
 	}
 };
-function Ai(e, t, n) {
+function ji(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var ji = 300;
-function Mi(e) {
-	let t = {}, n = (e) => typeof e == "string" && e.trim() !== "" && e.length <= ji && !/[;{}<>\\]|\/\*/.test(e);
+var Mi = 300;
+function Ni(e) {
+	let t = {}, n = (e) => typeof e == "string" && e.trim() !== "" && e.length <= Mi && !/[;{}<>\\]|\/\*/.test(e);
 	n(e.family) && (t.family = e.family), n(e.textFamily) && (t.textFamily = e.textFamily);
 	for (let n of [
 		"sizeSmall",
@@ -5407,7 +5419,7 @@ function Mi(e) {
 	}
 	return t;
 }
-function Ni(e) {
+function Pi(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
@@ -5426,8 +5438,8 @@ function X(e) {
 		bars: e.bars
 	};
 }
-var Pi = 8e3, Fi = 10, Ii = 50, Li = .001;
-function Ri(e) {
+var Fi = 8e3, Ii = 10, Li = 50, Ri = .001;
+function zi(e) {
 	return {
 		price: null,
 		fedTime: null,
@@ -5442,48 +5454,48 @@ function Ri(e) {
 		held: null
 	};
 }
-function zi(e, t) {
+function Bi(e, t) {
 	let n = e[t + 1];
-	return n ? n.time - e[t].time : Wi(e);
+	return n ? n.time - e[t].time : Gi(e);
 }
-function Bi(e, t, n) {
+function Vi(e, t, n) {
 	let r = e.fedTime;
 	if (r === null || !t || t.length === 0 || n.length === 0) return;
-	let i = zi(t, Z(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Z(n, a), s = n[o].time;
+	let i = Bi(t, Z(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Z(n, a), s = n[o].time;
 	if (s > a) return;
-	let c = zi(n, o);
+	let c = Bi(n, o);
 	if (a === s && o > 0) {
 		e.fedTime = n[o - 1].time, e.fedFraction = 1;
 		return;
 	}
 	e.fedTime = s, e.fedFraction = Number.isFinite(c) && c > 0 ? Math.min(1, (a - s) / c) : 0;
 }
-function Vi(e, t) {
+function Hi(e, t) {
 	let n = Y(e, t), r = e.length - 1;
-	return n > r && r >= 0 && e[r].time + Wi(e) <= t ? r : Math.max(-1, n - 2);
+	return n > r && r >= 0 && e[r].time + Gi(e) <= t ? r : Math.max(-1, n - 2);
 }
-function Hi(e) {
+function Ui(e) {
 	let t = Infinity;
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.min(t, e[n].time - e[n - 1].time);
 	return t;
 }
-function Ui(e, t) {
-	if (!(Hi(e) < Hi(t))) return !1;
-	let n = Math.max(0, e.length - Ii);
+function Wi(e, t) {
+	if (!(Ui(e) < Ui(t))) return !1;
+	let n = Math.max(0, e.length - Li);
 	for (let r = n; r < e.length; r++) {
-		let n = t[Z(t, e[r].time)], i = (n.high - n.low) * Li + 2 ** -52;
+		let n = t[Z(t, e[r].time)], i = (n.high - n.low) * Ri + 2 ** -52;
 		if (e[r].close > n.high + i || e[r].close < n.low - i) return !1;
 	}
 	return !0;
 }
-function Wi(e) {
+function Gi(e) {
 	let t = 0;
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.max(t, e[n].time - e[n - 1].time);
 	return t > 0 ? t : Infinity;
 }
-function Gi(e, t) {
+function Ki(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + Wi(t), r = e.filter((e) => Hn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	let n = t[t.length - 1].time + Gi(t), r = e.filter((e) => Un(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
 	for (let e of r) (i.length === 0 || i[i.length - 1].time !== e.time) && i.push(e);
 	if (i.length === 0) return null;
 	let a = t.findIndex((e) => e.time >= i[0].time);
@@ -5499,26 +5511,26 @@ function Z(e, t) {
 	}
 	return n;
 }
-function Ki(e, t, n) {
+function qi(e, t, n) {
 	let r = Math.max(0, Math.min(Math.floor(Number.isFinite(n) ? n : 0), t.length - 1)), i = r + 1 < t.length ? t[r + 1].time : Infinity, a = -1;
 	for (let t = 0; t < e.length && e[t].time < i; t++) a = t;
 	return Math.max(0, a);
 }
-function qi(e, t, n) {
+function Ji(e, t, n) {
 	let r = n;
 	for (; r > 0 && t[r - 1].time >= e.time;) r--;
 	let i = {
 		...t[r],
 		time: e.time
 	};
-	for (let e = r + 1; e <= n; e++) i = Qi(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = $i(i, t[e]);
 	return i;
 }
-function Ji(e, t, n, r) {
+function Yi(e, t, n, r) {
 	let i = e[n + 1], a = t[r + 1];
 	return i !== void 0 && a !== void 0 && i.time >= a.time;
 }
-function Yi(e, t) {
+function Xi(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = t[Z(t, r.time)].time, i = n.get(e);
@@ -5526,17 +5538,17 @@ function Yi(e, t) {
 	}
 	return n;
 }
-function Xi() {
+function Zi() {
 	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Zi(e) {
+function Qi(e) {
 	return {
 		inset: e.legendInset,
 		top: e.legendTop,
 		lineGap: e.legendLineGap
 	};
 }
-function Qi(e, t) {
+function $i(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -5548,26 +5560,26 @@ function Qi(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var $i = [
+var ea = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], ea = ["open", "o"], ta = ["high", "h"], na = ["low", "l"], ra = ["close", "c"], ia = [
+], ta = ["open", "o"], na = ["high", "h"], ra = ["low", "l"], ia = ["close", "c"], aa = [
 	"volume",
 	"vol",
 	"v"
 ];
-function aa(e) {
+function oa(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? oa(t) : sa(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? sa(t) : ca(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function oa(e) {
+function sa(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -5577,19 +5589,19 @@ function oa(e) {
 	if (!Array.isArray(t)) throw Error("Expected a JSON array of OHLCV rows");
 	let n = [], r = 0;
 	for (let e of t) {
-		let t = Array.isArray(e) ? fa(e) : da(e);
+		let t = Array.isArray(e) ? pa(e) : fa(e);
 		t ? n.push(t) : r++;
 	}
-	return ma(n, t.length, r);
+	return ha(n, t.length, r);
 }
-function sa(e) {
+function ca(e) {
 	let t = e.split(/\r?\n/).filter((e) => e.trim().length > 0);
 	if (t.length === 0) return {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
-	let n = ca(t[0]), r = la(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? ua(r) : {
+	let n = la(t[0]), r = ua(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? da(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -5600,7 +5612,7 @@ function sa(e) {
 	if (a.time < 0 || a.open < 0 || a.high < 0 || a.low < 0 || a.close < 0) throw Error("CSV is missing required column(s): time, open, high, low, close");
 	let o = [], s = 0;
 	for (let e = +!!i; e < t.length; e++) {
-		let r = la(t[e], n), i = pa(r[a.time]), c = Q(r[a.open]), l = Q(r[a.high]), u = Q(r[a.low]), d = Q(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = ua(t[e], n), i = ma(r[a.time]), c = Q(r[a.open]), l = Q(r[a.high]), u = Q(r[a.low]), d = Q(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
 		if (i === null || ![
 			c,
 			l,
@@ -5619,9 +5631,9 @@ function sa(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return ma(o, t.length - +!!i, s);
+	return ha(o, t.length - +!!i, s);
 }
-function ca(e) {
+function la(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -5633,7 +5645,7 @@ function ca(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function la(e, t) {
+function ua(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5641,25 +5653,25 @@ function la(e, t) {
 	}
 	return n.push(r), n;
 }
-function ua(e) {
+function da(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t($i),
-		open: t(ea),
-		high: t(ta),
-		low: t(na),
-		close: t(ra),
-		volume: t(ia)
+		time: t(ea),
+		open: t(ta),
+		high: t(na),
+		low: t(ra),
+		close: t(ia),
+		volume: t(aa)
 	};
 }
-function da(e) {
+function fa(e) {
 	let t = (t) => {
 		for (let n of t) {
 			if (e[n] !== void 0) return e[n];
 			let t = n.toUpperCase();
 			if (e[t] !== void 0) return e[t];
 		}
-	}, n = pa(String(t($i) ?? "")), r = Number(t(ea)), i = Number(t(ta)), a = Number(t(na)), o = Number(t(ra)), s = Number(t(ia) ?? 0);
+	}, n = ma(String(t(ea) ?? "")), r = Number(t(ta)), i = Number(t(na)), a = Number(t(ra)), o = Number(t(ia)), s = Number(t(aa) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -5674,9 +5686,9 @@ function da(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function fa(e) {
+function pa(e) {
 	if (e.length < 5) return null;
-	let t = pa(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
+	let t = ma(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
 	return t === null || ![
 		n,
 		r,
@@ -5694,7 +5706,7 @@ function fa(e) {
 function Q(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function pa(e) {
+function ma(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -5702,7 +5714,7 @@ function pa(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function ma(e, t, n) {
+function ha(e, t, n) {
 	e.sort((e, t) => e.time - t.time);
 	let r = [];
 	for (let t of e) r.length > 0 && r[r.length - 1].time === t.time ? r[r.length - 1] = t : r.push(t);
@@ -5714,7 +5726,7 @@ function ma(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var ha = class {
+var ga = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -5735,19 +5747,19 @@ var ha = class {
 		this.host.removeEventListener("dragenter", this.bound.dragenter), this.host.removeEventListener("dragover", this.bound.dragover), this.host.removeEventListener("dragleave", this.bound.dragleave), this.host.removeEventListener("drop", this.bound.drop), this.hideOverlay();
 	}
 	onDragEnter(e) {
-		ga(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		_a(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		ga(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		_a(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		ga(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		_a(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
 	}
 	async onDrop(e) {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = aa(await t.text());
+			let e = oa(await t.text());
 			if (e.data.length === 0) throw Error(`No valid OHLCV rows found in "${t.name}"`);
 			this.callbacks.onData(e.data, e, t);
 		} catch (e) {
@@ -5778,12 +5790,12 @@ var ha = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function ga(e) {
+function _a(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
 //#region src/grid/gridShapes.ts
-var _a = {
+var va = {
 	"1x1": {
 		cols: 1,
 		rows: 1
@@ -5988,11 +6000,11 @@ var _a = {
 		cols: 3,
 		rows: 3
 	}
-}, va = Object.keys(_a);
-function ya(e) {
-	return typeof e == "string" && Object.prototype.hasOwnProperty.call(_a, e);
-}
+}, ya = Object.keys(va);
 function ba(e) {
+	return typeof e == "string" && Object.prototype.hasOwnProperty.call(va, e);
+}
+function xa(e) {
 	if (e.areas) return e.areas;
 	let t = [];
 	for (let n = 0; n < e.rows; n++) for (let r = 0; r < e.cols; r++) t.push([
@@ -6003,16 +6015,16 @@ function ba(e) {
 	]);
 	return t;
 }
-function xa(e) {
+function Sa(e) {
 	return e.areas?.length ?? e.cols * e.rows;
 }
-function Sa([e, t, n, r]) {
+function Ca([e, t, n, r]) {
 	return `${t + 1} / ${e + 1} / span ${r} / span ${n}`;
 }
-function Ca(e, t) {
-	e.style.gridArea = t ? Sa(t) : "";
+function wa(e, t) {
+	e.style.gridArea = t ? Ca(t) : "";
 }
-function wa(e) {
+function Ta(e) {
 	if (!e.areas) return null;
 	let t = e.areas.find(([, , e, t]) => e * t > 1);
 	if (!t) return null;
@@ -6021,7 +6033,7 @@ function wa(e) {
 }
 //#endregion
 //#region src/state/layoutStorage.ts
-function Ta(e) {
+function Ea(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -6029,11 +6041,11 @@ function Ta(e) {
 	};
 	return e.symbol !== void 0 && (t.symbol = e.symbol), e.timeframe !== void 0 && (t.timeframe = e.timeframe), e.kind !== void 0 && (t.kind = e.kind), t;
 }
-var Ea = (e, t) => t.updatedAt - e.updatedAt;
-function Da(e) {
+var Da = (e, t) => t.updatedAt - e.updatedAt;
+function Oa(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Ta({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Ea({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -6042,17 +6054,17 @@ function Da(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function Oa(e) {
-	let t = Da(e), n = t ? e.content : void 0;
+function ka(e) {
+	let t = Oa(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function ka(e = []) {
+function Aa(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Ta).sort(Ea),
+		list: () => [...t.values()].map(Ea).sort(Da),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -6065,7 +6077,7 @@ function ka(e = []) {
 		}
 	};
 }
-function Aa(e = "tcw:layouts:") {
+function ja(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -6073,10 +6085,10 @@ function Aa(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(Da).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(Oa).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Ea),
+		list: () => r().sort(Da),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -6085,7 +6097,7 @@ function Aa(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ta(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ea(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -6094,14 +6106,14 @@ function Aa(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var ja = 80;
+var Ma = 80;
 function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function Ma() {
+function Na() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function Na(e) {
+function Pa(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -6112,7 +6124,7 @@ function Na(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var Pa = class {
+var Fa = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -6128,7 +6140,7 @@ var Pa = class {
 	now;
 	newId;
 	constructor(e, t, n = {}) {
-		this.storage = e, this.host = t, this.options = n, this.autoSave = n.autoSave ?? !0, this.debounceMs = n.debounceMs ?? 1500, this.kind = n.kind ?? "chart", this.now = n.now ?? Date.now, this.newId = n.newId ?? Ma;
+		this.storage = e, this.host = t, this.options = n, this.autoSave = n.autoSave ?? !0, this.debounceMs = n.debounceMs ?? 1500, this.kind = n.kind ?? "chart", this.now = n.now ?? Date.now, this.newId = n.newId ?? Na;
 	}
 	current() {
 		return this.currentLayout;
@@ -6144,7 +6156,7 @@ var Pa = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(Da).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(Oa).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -6158,7 +6170,7 @@ var Pa = class {
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = Oa(await this.storage.load(e));
+			let t = ka(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -6168,13 +6180,13 @@ var Pa = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = Na(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = Pa(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
 		let n = $(t);
 		return n ? this.queue(async () => {
-			let t = Oa(await this.storage.load(e));
+			let t = ka(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -6252,7 +6264,7 @@ var Pa = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = Na(r);
+		let i = Pa(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -6273,6 +6285,6 @@ var Pa = class {
 	}
 };
 //#endregion
-export { mr as A, Rr as C, Tr as D, G as E, L as M, z as N, yr as O, Lr as S, Ir as T, si as _, ka as a, Br as b, ba as c, ya as d, Ca as f, bi as g, ki as h, Aa as i, B as j, gr as k, xa as l, aa as m, ja as n, va as o, ha as p, $ as r, _a as s, Pa as t, wa as u, ci as v, Fr as w, zr as x, Vr as y };
+export { hr as A, zr as C, Er as D, G as E, L as M, z as N, br as O, Rr as S, Lr as T, ci as _, Aa as a, Vr as b, xa as c, ba as d, wa as f, xi as g, Ai as h, ja as i, B as j, _r as k, Sa as l, oa as m, Ma as n, ya as o, ga as p, $ as r, va as s, Fa as t, Ta as u, li as v, Ir as w, Br as x, Hr as y };
 
-//# sourceMappingURL=LayoutSession-CO51QKwZ.js.map
+//# sourceMappingURL=LayoutSession-BJLUwx9d.js.map