@tradecanvas/chart 1.51.0 → 1.53.0

package/dist/{LayoutSession-Qkx1huV-.js → LayoutSession-D7uQq3jX.js}

@@ -1,10 +1,10 @@
-import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barTimeUnit as l, chartStyleValue as u, computePriceLimits as d, computePriceRange as f, formatPrice as p, fractionTick as m, indicatorSource as h, isValidTimeZone as g, mergeBar as _, normalizeBarTime as v, parseIndicatorSource as y, priceFormatterFor as ee, priceStepAt as te, readChartStyleOverrides as b, readChartTypeOptions as x, readIndicatorPlotStyles as ne, readPaneStyle as re, resolveChartTheme as ie, sessionMinute as S, setLocale as ae, stepDecimals as oe, symbolTimeZone as C, tickBarCount as se, timeframeToMs as ce, zonedDateFormatter as le } from "@tradecanvas/commons";
-import { AlertDragHandler as ue, AlertManager as de, Animator as fe, AreaRenderer as pe, AxisDragHandler as me, BarCountdown as he, BarRenderer as ge, BaselineRenderer as _e, CandlestickRenderer as ve, ChartLegend as ye, ChartStateManager as w, CompareRenderer as be, CompareSymbolIndicator as xe, CorrelationCoefficientIndicator as Se, CorrelationLogIndicator as Ce, CrosshairHandler as we, CrosshairTooltip as Te, CurrentPriceLine as Ee, DEFAULT_SESSION_HOURS as De, DataExporter as T, DepthHeatmapRenderer as Oe, DrawingManager as ke, DrawingRenderer as Ae, EquivolumeRenderer as je, EventBus as Me, GridRenderer as Ne, HLCAreaRenderer as Pe, HiLoRenderer as Fe, HollowCandleRenderer as Ie, IndicatorEngine as Le, InteractionManager as Re, KagiRenderer as ze, KeyboardHandler as Be, LineRenderer as Ve, LineWithMarkersRenderer as He, MarketProfileRenderer as Ue, MeasureOverlay as We, PRICE_SCALE_MARGIN as E, PanHandler as Ge, PaneResizeHandler as Ke, PeriodLevelsRenderer as qe, PinnedTooltip as Je, PivotMarkersRenderer as Ye, PointAndFigureRenderer as D, PriceAxis as Xe, PriceAxisAddButton as Ze, PriceLines as Qe, RenderEngine as $e, RenkoRenderer as et, ReplayManager as tt, SYMBOL_INDICATOR_IDS as O, Screenshot as k, SelectionBoxOverlay as nt, SessionBreaks as rt, SessionShading as it, SignalMarkerManager as at, SpreadIndicator as ot, StepLineRenderer as st, StreamManager as ct, SymbolSeriesStore as lt, TimeAxis as ut, TradeZoneManager as dt, TradingManager as ft, TradingRenderer as pt, UndoRedoManager as mt, Viewport as ht, VolumeCandleRenderer as gt, VolumeProfileRenderer as _t, VolumeRenderer as vt, Watermark as yt, ZoomHandler as bt, barTimeStepMs as xt, findDominantSwing as St, gpuContextsLeft as Ct, isRegularSession as wt, loadWebGL as Tt, mergeSessionHours as Et, priceToY as Dt, rangePresetStart as Ot, readAlertOptions as kt, registerBuiltInDrawingTools as At, registerBuiltInIndicators as jt, servesTimeframe as Mt, sourceParam as A, timeToX as Nt, timestampToBarIndex as j, toHeikinAshi as Pt, toKagi as Ft, toLineBreak as It, toPointAndFigure as Lt, toRangeBars as Rt, toRenko as zt, whenGpuContextFree as Bt, withResampling as Vt, xToBarIndex as Ht, xToTime as M, yToPrice as N } from "@tradecanvas/core";
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barDateZone as l, barTimeUnit as u, barsAreDaily as d, chartStyleValue as f, computePriceLimits as p, computePriceRange as m, formatPrice as h, fractionTick as g, indicatorSource as _, isValidTimeZone as v, mergeBar as ee, niceNumber as te, normalizeBarTime as y, parseIndicatorSource as b, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as x, readIndicatorPlotStyles as ae, readPaneStyle as oe, resolveChartTheme as se, sessionMinute as S, setLocale as ce, stepDecimals as le, symbolTimeZone as C, tickBarCount as ue, timeframeToMs as w, zonedDateFormatter as de } from "@tradecanvas/commons";
+import { AlertDragHandler as fe, AlertManager as pe, Animator as me, AreaRenderer as he, AxisDragHandler as ge, BarCountdown as _e, BarRenderer as ve, BaselineRenderer as ye, CandlestickRenderer as be, ChartLegend as xe, ChartStateManager as T, CompareRenderer as Se, CompareSymbolIndicator as Ce, CorrelationCoefficientIndicator as we, CorrelationLogIndicator as Te, CrosshairHandler as Ee, CrosshairTooltip as De, CurrentPriceLine as Oe, DEFAULT_SESSION_HOURS as ke, DataExporter as E, DepthHeatmapRenderer as Ae, DrawingManager as je, DrawingRenderer as Me, EquivolumeRenderer as Ne, EventBus as Pe, GridRenderer as Fe, HLCAreaRenderer as Ie, HiLoRenderer as Le, HollowCandleRenderer as Re, IndicatorEngine as ze, InteractionManager as Be, KagiRenderer as Ve, KeyboardHandler as He, LineRenderer as Ue, LineWithMarkersRenderer as We, MarketProfileRenderer as Ge, MeasureOverlay as Ke, PRICE_SCALE_MARGIN as D, PanHandler as qe, PaneResizeHandler as Je, PeriodLevelsRenderer as Ye, PinnedTooltip as Xe, PivotMarkersRenderer as Ze, PointAndFigureRenderer as Qe, PriceAxis as $e, PriceAxisAddButton as et, PriceLines as tt, RenderEngine as nt, RenkoRenderer as rt, ReplayManager as it, ResamplingAdapter as at, ReshapeMemo as ot, SYMBOL_INDICATOR_IDS as O, SYMBOL_ZONE_WAIT_MS as st, Screenshot as k, SelectionBoxOverlay as ct, SessionBreaks as lt, SessionShading as ut, SignalMarkerManager as dt, SpreadIndicator as ft, StepLineRenderer as pt, StreamManager as mt, SymbolSeriesStore as ht, TimeAxis as gt, TradeZoneManager as _t, TradingManager as vt, TradingRenderer as yt, UndoRedoManager as bt, Viewport as xt, VolumeCandleRenderer as St, VolumeProfileRenderer as Ct, VolumeRenderer as wt, Watermark as Tt, ZoomHandler as Et, barTimeStepMs as Dt, findDominantSwing as Ot, gpuContextsLeft as kt, isPriceLevelAlert as At, isRegularSession as jt, loadWebGL as Mt, mergeSessionHours as Nt, pointAndFigureColumns as Pt, priceToY as Ft, rangePresetStart as It, readAlertOptions as Lt, registerBuiltInDrawingTools as Rt, registerBuiltInIndicators as zt, servesTimeframe as A, sourceParam as j, timeToX as Bt, timestampToBarIndex as M, toHeikinAshi as Vt, toKagi as Ht, toLineBreak as Ut, toRangeBars as Wt, toRenko as Gt, whenGpuContextFree as Kt, withResampling as N, xToBarIndex as qt, xToTime as P, yToPrice as Jt } from "@tradecanvas/core";
 //#region src/regularHours.ts
-var Ut = 864e5, Wt = 10;
-function Gt(e, t) {
+var Yt = 864e5, Xt = 10;
+function Zt(e, t) {
 	let n = C(e);
-	if (!n || !g(n) || t.length < 2) return null;
+	if (!n || !v(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
 		let t = S(e.start), n = S(e.end);
 		return t === null || n === null ? [] : [{
@@ -13,35 +13,35 @@ function Gt(e, t) {
 		}];
 	});
 	if (r.length === 0) return null;
-	let i = l(t), a = Infinity;
-	for (let e = Math.max(1, t.length - Wt); e < t.length; e++) {
+	let i = u(t), a = Infinity;
+	for (let e = Math.max(1, t.length - Xt); e < t.length; e++) {
 		let n = (t[e].time - t[e - 1].time) * i;
 		n > 0 && n < a && (a = n);
 	}
-	if (!(a < Ut)) return null;
+	if (!(a < Yt)) return null;
 	let o = {
 		timeZone: n,
 		windows: r,
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => wt(e * i, o);
+	return (e) => jt(e * i, o);
 }
 //#endregion
 //#region src/chartA11y.ts
-var P = {
+var Qt = {
 	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), Kt = [
+}, F = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), $t = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
 	"aria-describedby"
-], qt = 400, Jt = 1e3, Yt = class {
+], en = 400, tn = 1e3, nn = class {
 	live;
 	help;
 	labels;
@@ -55,20 +55,20 @@ var P = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...P,
+			...Qt,
 			...n
 		};
-		for (let t of Kt) this.before.set(t, e.getAttribute(t));
-		e.setAttribute("role", "application"), this.help = I("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 = I("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 $t) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = rn("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 = rn("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 = {
-			...P,
+			...Qt,
 			...e
 		}, this.applyLabels();
 	}
 	refresh(e = !1) {
-		let t = Jt - (Date.now() - this.summaryAt);
+		let t = tn - (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;
@@ -80,7 +80,7 @@ var P = {
 	viewMoved() {
 		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
 			this.viewTimer = null, this.say(this.viewText());
-		}, qt);
+		}, en);
 	}
 	readBar(e) {
 		let t = this.source.bars();
@@ -99,7 +99,7 @@ var P = {
 			high: a(i.high),
 			low: a(i.low),
 			close: a(i.close),
-			volume: Xt(i.volume ?? 0)
+			volume: an(i.volume ?? 0)
 		}));
 	}
 	destroy() {
@@ -140,7 +140,7 @@ var P = {
 		this.live.textContent = e;
 	}
 };
-function I(e, t) {
+function rn(e, t) {
 	let n = document.createElement(e);
 	return n.className = t, Object.assign(n.style, {
 		position: "absolute",
@@ -154,12 +154,12 @@ function I(e, t) {
 		border: "0"
 	}), n;
 }
-function Xt(e) {
+function an(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(2);
 }
 //#endregion
 //#region src/indicatorLabel.ts
-function L(e, t, n, r) {
+function on(e, t, n, r) {
 	let i = Object.keys(n || t).map((e) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)).slice(0, 3).map((e) => String(Number(e.toFixed(4)))), a = typeof t.symbol == "string" && t.symbol ? [t.symbol] : [];
 	return [
 		e === "spread" && t.mode === "ratio" ? "Ratio" : r ?? e.toUpperCase(),
@@ -169,52 +169,52 @@ function L(e, t, n, r) {
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function Zt(e) {
+function sn(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new ve();
-		case "line": return new Ve();
-		case "area": return new pe();
-		case "bar": return new ge();
-		case "hollowCandle": return new Ie();
-		case "baseline": return new _e();
-		case "renko": return new et();
-		case "kagi": return new ze();
-		case "pointAndFigure": return new D();
-		case "volumeCandles": return new gt();
-		case "equivolume": return new je();
-		case "hlcArea": return new Pe();
-		case "stepLine": return new st();
-		case "lineWithMarkers": return new He();
-		case "hiLo": return new Fe();
-		default: return new ve();
+		case "rangeBars": return new be();
+		case "line": return new Ue();
+		case "area": return new he();
+		case "bar": return new ve();
+		case "hollowCandle": return new Re();
+		case "baseline": return new ye();
+		case "renko": return new rt();
+		case "kagi": return new Ve();
+		case "pointAndFigure": return new Qe();
+		case "volumeCandles": return new St();
+		case "equivolume": return new Ne();
+		case "hlcArea": return new Ie();
+		case "stepLine": return new pt();
+		case "lineWithMarkers": return new We();
+		case "hiLo": return new Le();
+		default: return new be();
 	}
 }
-function Qt(e, t, n = {}) {
+function cn(e, t, n = {}, r, i) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Pt(t);
+		case "heikinAshi": return Vt(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? zt(t, { brickSize: e }) : zt(t, {
+			return typeof e == "number" ? Gt(t, { brickSize: e }, i) : Gt(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
-			});
-		}
-		case "lineBreak": return It(t, n.lineBreak?.lines ?? 3);
-		case "kagi": return Ft(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent");
-		case "pointAndFigure": return Lt(t, en(t, n), n.pointAndFigure?.reversal ?? 3);
-		case "rangeBars": {
-			let e = n.rangeBars?.range;
-			return Rt(t, { rangeSize: typeof e == "number" ? e : tn(t) * .005 });
+			}, i);
 		}
+		case "lineBreak": return Ut(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return Ht(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
+		case "pointAndFigure": return un(t, n, i).columns;
+		case "rangeBars": return Wt(t, {
+			rangeSize: _n(t, n, r),
+			includeForming: !0
+		}, i);
 		default: return t;
 	}
 }
-function $t(e) {
+function ln(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -225,30 +225,65 @@ function $t(e) {
 		default: return !1;
 	}
 }
-function R(e) {
-	return e !== "heikinAshi" && $t(e);
+function I(e) {
+	return e !== "heikinAshi" && ln(e);
 }
-function en(e, t = {}) {
-	let n = t.pointAndFigure?.boxSize;
-	return typeof n == "number" ? n : tn(e) * .01;
+function un(e, t = {}, n) {
+	let r = t.pointAndFigure?.boxSize;
+	return Pt(e, typeof r == "number" ? r : dn(e) * .01, t.pointAndFigure?.reversal ?? 3, n);
 }
-function tn(e) {
+function dn(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
-function nn(e, t) {
+var fn = 100, pn = 3, mn = .01, hn = 15, gn = (e) => Number(e.toPrecision(hn));
+function _n(e, t = {}, n) {
+	let r = t.rangeBars?.range;
+	if (typeof r == "number") return r;
+	let i = e.length >= pn ? yn(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
+	return Sn(gn(te(i > 0 ? i : a * mn || 1, !0)), n);
+}
+function vn(e) {
+	let t = e.length - 1;
+	return {
+		from: Math.max(0, t - fn),
+		end: t
+	};
+}
+function yn(e) {
+	let { from: t, end: n } = vn(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 bn(e, t) {
+	let { from: n, end: r } = vn(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 xn(t(i), t(a));
+}
+function xn(e, t) {
+	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
+}
+function Sn(e, t) {
+	return t === void 0 || !(t > 0) ? e : gn(Math.max(1, Math.round(e / t)) * t);
+}
+function Cn(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : Zt(e);
+	return n ? n.createRenderer() : sn(e);
 }
-function rn(e, t, n, r) {
+function wn(e, t, n, r, i, a) {
 	if (t.length === 0) return t;
-	let i = n?.(e);
-	return i?.transform ? i.transform(t) : Qt(e, t, r);
+	let o = n?.(e);
+	return o?.transform ? o.transform(t) : cn(e, t, r, i, a);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var an = class {
+var Tn = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -278,15 +313,15 @@ var an = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function z(e) {
+function L(e) {
 	if (!e || typeof e.time != "number" || !Number.isFinite(e.time)) return !1;
 	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 on(e) {
+function En(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
-function B(e) {
+function R(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -294,22 +329,36 @@ function B(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-function sn(e, t) {
+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 Dn(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 On = {
+	index: -1,
+	changed: !1
+};
+function kn(e, t) {
 	if (e.length === 0) return t;
-	let n = v(t);
-	return l(e) === 1 ? n : n / 1e3;
+	let n = y(t);
+	return u(e) === 1 ? n : n / 1e3;
 }
-function cn(e, t) {
-	let n = sn(e, t.time);
+function An(e, t) {
+	let n = kn(e, t.time);
 	return n === t.time ? t : {
 		...t,
 		time: n
 	};
 }
-var V = class {
+var B = class {
 	data = [];
 	withSeriesTime(e) {
-		return cn(this.data, e);
+		return An(this.data, e);
 	}
 	getData() {
 		return this.data;
@@ -318,16 +367,16 @@ var V = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			z(r) && t.push(on(r) ? r : B(r));
+			L(r) && t.push(En(r) ? r : R(r));
 		}
 		this.data = t;
 	}
 	prependBars(e) {
 		let t = this.data.length > 0 ? this.data[0].time : Infinity, n = [];
 		for (let r = 0; r < e.length; r++) {
-			if (!z(e[r])) continue;
+			if (!L(e[r])) continue;
 			let i = this.withSeriesTime(e[r]);
-			i.time >= t || n.push(on(i) ? i : B(i));
+			i.time >= t || n.push(En(i) ? i : R(i));
 		}
 		if (n.length === 0) return 0;
 		n.sort((e, t) => e.time - t.time);
@@ -336,19 +385,32 @@ var V = class {
 		return n.length = r, this.data = n.concat(this.data), r;
 	}
 	appendBar(e) {
-		z(e) && this.data.push(B(this.withSeriesTime(e)));
+		L(e) && this.data.push(R(this.withSeriesTime(e)));
 	}
 	updateLastBar(e) {
-		if (!z(e)) return;
-		let t = B(this.withSeriesTime(e));
+		if (!L(e)) return;
+		let t = R(this.withSeriesTime(e));
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
 		}
 		this.data[this.data.length - 1] = t;
 	}
+	replaceBar(e) {
+		if (!L(e)) return On;
+		let t = this.withSeriesTime(e), n = Dn(this.data, t.time);
+		if (n < 0) return On;
+		let r = R(t);
+		return z(this.data[n], r) ? {
+			index: n,
+			changed: !1
+		} : (this.data[n] = r, {
+			index: n,
+			changed: !0
+		});
+	}
 	updateLastBarFromTick(e) {
-		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = _(this.data[this.data.length - 1], this.withSeriesTime(e))));
+		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = ee(this.data[this.data.length - 1], this.withSeriesTime(e))));
 	}
 	getLength() {
 		return this.data.length;
@@ -356,16 +418,18 @@ var V = class {
 	clear() {
 		this.data = [];
 	}
+}, V = {
+	to: "none",
+	index: -1,
+	changed: !1
 };
-//#endregion
-//#region src/SeriesStore.ts
 function H(e, t) {
 	let n = e[e.length - 1];
 	if (!n) return "append";
-	let r = v(t.time), i = v(n.time);
+	let r = y(t.time), i = y(n.time);
 	return r > i ? "append" : r === i ? "update" : "stale";
 }
-function ln(e) {
+function jn(e) {
 	return [
 		e.time,
 		e.open,
@@ -374,12 +438,13 @@ function ln(e) {
 		e.close
 	].every(Number.isFinite);
 }
-var un = class {
-	shown = new V();
+var Mn = class {
+	shown = new B();
 	whole = null;
 	aside = null;
-	constructor(e) {
-		this.hoursFilter = e;
+	shownRevision = 0;
+	constructor(e, t = () => {}) {
+		this.hoursFilter = e, this.onLiveChange = t;
 	}
 	bars() {
 		return this.shown.getData();
@@ -387,16 +452,33 @@ var un = class {
 	length() {
 		return this.shown.getLength();
 	}
+	revision() {
+		return this.shownRevision;
+	}
 	liveBars() {
 		return this.aside?.getData() ?? this.whole ?? this.shown.getData();
 	}
 	load(e) {
+		if (this.aside) {
+			this.aside.setData(e), this.onLiveChange({ kind: "series" });
+			return;
+		}
 		this.shown.setData(this.regularOnly(e));
 	}
 	prepend(e) {
+		if (this.aside) {
+			let t = this.aside.prependBars(e);
+			return t > 0 && this.onLiveChange({
+				kind: "older",
+				taken: t
+			}), {
+				added: 0,
+				taken: t
+			};
+		}
 		let t = null, n = e;
 		if (this.whole) {
-			let r = this.whole[0]?.time, i = /* @__PURE__ */ new Set(), a = e.filter(ln).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(jn).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;
@@ -408,12 +490,12 @@ var un = class {
 		};
 	}
 	mergeSnapshot(e) {
-		let t = this.whole ?? this.shown.getData(), n = e[0]?.time, r = 0;
-		for (; n !== void 0 && r < t.length && t[r].time < n;) r++;
-		return r === 0 || r === t.length ? !1 : (this.shown.setData(this.regularOnly(t.slice(0, r).concat(e))), !0);
+		if (this.aside) return this.aside.setData(Nn(this.aside.getData(), e) ?? e), this.onLiveChange({ kind: "series" }), !0;
+		let t = Nn(this.whole ?? this.shown.getData(), e);
+		return t ? (this.shown.setData(this.regularOnly(t)), !0) : !1;
 	}
 	refilter() {
-		if (this.aside) return !1;
+		if (this.aside) return this.onLiveChange({ kind: "hours" }), !1;
 		let e = this.whole ?? this.shown.getData().slice();
 		return !this.whole && !this.hoursFilter(e) ? !1 : (this.shown.setData(this.regularOnly(e)), !0);
 	}
@@ -466,7 +548,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(sn(this.whole, e.time))) return this.wrote("hidden", !1);
+		if (t && this.whole && !t(kn(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];
@@ -496,11 +578,34 @@ var un = class {
 			refiltered: r
 		});
 	}
-	loadAside(e) {
-		this.aside?.setData(e);
+	replace(e) {
+		if (this.aside) {
+			let { index: t, changed: n } = this.aside.replaceBar(e);
+			return t < 0 ? V : (n && this.onLiveChange({
+				kind: "bar",
+				time: this.aside.getData()[t].time
+			}), {
+				to: "aside",
+				index: -1,
+				changed: n
+			});
+		}
+		if (!L(e)) return V;
+		let t = this.inSeriesUnit(e), n = this.whole, r = n ? Dn(n, t.time) : -1;
+		if (n) {
+			if (r < 0 || !L(n[r])) return V;
+			let e = this.hoursFilter(n);
+			if (e && !e(t.time)) return this.replaceHidden(n, r, t);
+		}
+		let { index: i, changed: a } = this.shown.replaceBar(t);
+		return i < 0 ? V : (a && (n && (n[r] = this.shown.getData()[i]), this.shownRevision++), {
+			to: "shown",
+			index: i,
+			changed: a
+		});
 	}
 	beginReplay() {
-		this.aside || (this.aside = new V(), this.aside.setData(this.whole ?? this.shown.getData()));
+		this.aside || (this.aside = new B(), this.aside.setData(this.whole ?? this.shown.getData()));
 	}
 	endReplay() {
 		let e = this.aside;
@@ -520,7 +625,15 @@ var un = class {
 		this.shown.updateLastBar(e);
 	}
 	inSeriesUnit(e) {
-		return cn(this.whole ?? this.shown.getData(), e);
+		return An(this.whole ?? this.shown.getData(), e);
+	}
+	replaceHidden(e, t, n) {
+		let r = R(n), i = !z(e[t], r);
+		return i && (e[t] = r), {
+			to: "hidden",
+			index: -1,
+			changed: i
+		};
 	}
 	wrote(e, t) {
 		return {
@@ -548,7 +661,15 @@ var un = class {
 		let r = this.hoursFilter(n);
 		return !r || r(e.time);
 	}
-}, dn = 5e3, fn = 6e4, pn = 500, mn = class {
+};
+function Nn(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/HistoryPager.ts
+var Pn = 5e3, Fn = 6e4, In = 500, Ln = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -556,6 +677,7 @@ var un = class {
 	failures = 0;
 	retryAt = 0;
 	seq = 0;
+	inFlight = null;
 	constructor(e) {
 		this.host = e;
 	}
@@ -566,7 +688,12 @@ var un = class {
 		return this.loader !== null;
 	}
 	reset() {
-		this.seq++, this.loading = !1, this.exhausted = !1, this.failures = 0, this.retryAt = 0;
+		this.seq++;
+		let e = this.loading;
+		this.loading = !1, this.exhausted = !1, this.failures = 0, this.retryAt = 0, e && this.emit({
+			state: "loaded",
+			count: 0
+		});
 	}
 	isLoading() {
 		return this.loading;
@@ -577,7 +704,12 @@ var un = class {
 	maybeLoad(e, t) {
 		e >= t || !this.canLoad() || this.failures >= 5 || this.now() < this.retryAt || this.loadMore();
 	}
-	async loadMore() {
+	loadMore() {
+		if (this.loading && this.inFlight) return this.inFlight;
+		let e = this.loadPage();
+		return this.inFlight = e, e;
+	}
+	async loadPage() {
 		let e = this.loader, t = this.host.oldestTime();
 		if (!e || !this.canLoad() || t === null) return 0;
 		let n = this.seq;
@@ -589,7 +721,7 @@ var un = class {
 		try {
 			r = await e(t, this.pageSize);
 		} catch (e) {
-			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(fn, dn * 2 ** (this.failures - 1)), this.emit({
+			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(Fn, Pn * 2 ** (this.failures - 1)), this.emit({
 				state: "error",
 				count: 0,
 				error: e instanceof Error ? e.message : String(e)
@@ -622,10 +754,10 @@ var un = class {
 };
 //#endregion
 //#region src/ThemeManager.ts
-function hn(e, t) {
+function Rn(e, t) {
 	return e.family === t.family && e.sizeSmall === t.sizeSmall && e.sizeMedium === t.sizeMedium && e.sizeLarge === t.sizeLarge;
 }
-var gn = class t {
+var zn = class t {
 	base;
 	shape = null;
 	font = null;
@@ -644,13 +776,13 @@ var gn = class t {
 		return i;
 	}
 	getTheme() {
-		return this.effective ??= ie(this.base, this.chartType, this.merged()), this.effective;
+		return this.effective ??= se(this.base, this.chartType, this.merged()), this.effective;
 	}
 	getBaseTheme() {
 		return this.base;
 	}
 	setTheme(e) {
-		let n = t.read(e), r = this.font !== null && hn(n.font, this.base.font);
+		let n = t.read(e), r = this.font !== null && Rn(n.font, this.base.font);
 		this.base = n, r || (this.themeFont = n.font), this.shape && (this.base = {
 			...this.base,
 			shape: {
@@ -715,7 +847,7 @@ var gn = class t {
 		return JSON.stringify(e) === JSON.stringify(this.getUserOverrides()) ? !1 : (this.user = new Map(Object.entries(e).map(([e, t]) => [e, { ...t }])), this.effective = null, !0);
 	}
 	getStyleValue(e) {
-		return u(this.base, this.merged(), e, this.chartType);
+		return f(this.base, this.merged(), e, this.chartType);
 	}
 	layer(e) {
 		return e === "host" ? this.host : this.user.get(this.base.name) ?? {};
@@ -732,7 +864,7 @@ var gn = class t {
 };
 //#endregion
 //#region src/style/styleOptions.ts
-function _n(e, t) {
+function Bn(e, t) {
 	return t ? {
 		...t.visible === void 0 ? {} : { [`crosshair.${e}.visible`]: t.visible },
 		...t.color === void 0 ? {} : { [`crosshair.${e}.color`]: t.color },
@@ -740,22 +872,22 @@ function _n(e, t) {
 		...t.width === void 0 ? {} : { [`crosshair.${e}.width`]: t.width }
 	} : {};
 }
-function vn(e) {
+function Vn(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 },
-		..._n("horizontal", n?.hLine),
-		..._n("vertical", n?.vLine),
+		...Bn("horizontal", n?.hLine),
+		...Bn("vertical", n?.vLine),
 		...r === void 0 ? {} : { "crosshair.labelBackground": r },
 		...e.overrides
 	};
 }
 //#endregion
 //#region src/layout/LayoutManager.ts
-var yn = 200, bn = 80, U = (e) => e.position === "top" || e.position === "bottom", xn = class {
+var Hn = 200, Un = 80, U = (e) => e.position === "top" || e.position === "bottom", Wn = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -771,8 +903,8 @@ var yn = 200, bn = 80, U = (e) => e.position === "top" || e.position === "bottom
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? yn : t),
-			minSize: a ? bn : i,
+			size: r ?? (a ? Hn : t),
+			minSize: a ? Un : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -841,7 +973,7 @@ var yn = 200, bn = 80, U = (e) => e.position === "top" || e.position === "bottom
 		let r = this.panels.find((t) => t.id === e);
 		if (r) {
 			let a = r.position === "left" || r.position === "right", o = n === "left" || n === "right";
-			r.position = n, a !== o && (r.size = o ? yn : t, r.minSize = o ? bn : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
+			r.position = n, a !== o && (r.size = o ? Hn : t, r.minSize = o ? Un : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
 		}
 	}
 	setPanelSize(e, t) {
@@ -957,26 +1089,26 @@ var yn = 200, bn = 80, U = (e) => e.position === "top" || e.position === "bottom
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, Sn = 14, Cn = 14, wn = 22, Tn = 4;
-function En(e) {
+}, Gn = 14, Kn = 14, qn = 22, Jn = 4;
+function Yn(e) {
 	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: a, fontSizeSmall: s, measure: l } = e, u = e.tagPrecision ?? c(t, n), d = u, f = r === null ? [t, n] : [
 		t,
 		n,
 		r
-	], m = o;
+	], p = o;
 	for (let t of f) {
 		if (!Number.isFinite(t)) continue;
-		let n = e.scaleLabel ? e.scaleLabel(t) : e.format ? e.format(t) : p(t, u, i), r = e.format ? n : p(t, d, i);
-		m = Math.max(m, l(n, `500 ${s}px ${a}`) + Sn, l(r, `bold 11px ${a}`) + Cn, l(r, `600 ${s}px ${a}`) + wn);
+		let n = e.scaleLabel ? e.scaleLabel(t) : e.format ? e.format(t) : h(t, u, i), r = e.format ? n : h(t, d, i);
+		p = Math.max(p, l(n, `500 ${s}px ${a}`) + Gn, l(r, `bold 11px ${a}`) + Kn, l(r, `600 ${s}px ${a}`) + qn);
 	}
-	return m <= o ? o : Math.ceil(m / Tn) * Tn;
+	return p <= o ? o : Math.ceil(p / Jn) * Jn;
 }
-function Dn(e, t) {
+function Xn(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
 //#endregion
 //#region src/layout/labelWidths.ts
-var On = 512, kn = class {
+var Zn = 512, Qn = class {
 	widths = /* @__PURE__ */ new Map();
 	fonts;
 	forget = () => this.widths.clear();
@@ -987,12 +1119,12 @@ var On = 512, kn = class {
 		let r = `${t}\n${e}`, i = this.widths.get(r);
 		if (i !== void 0) return i;
 		let a = n();
-		return this.widths.size >= On && this.widths.clear(), this.widths.set(r, a), a;
+		return this.widths.size >= Zn && this.widths.clear(), this.widths.set(r, a), a;
 	}
 	destroy() {
 		this.fonts?.removeEventListener("loadingdone", this.forget), this.widths.clear();
 	}
-}, An = class {
+}, $n = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -1008,11 +1140,11 @@ var On = 512, kn = class {
 		}
 		return this.engaged;
 	}
-}, jn = 1;
-function W(e, t) {
+}, er = 1;
+function tr(e, t) {
 	return e.filter((e) => e.enabled !== !1 && (e.descriptor.layer ?? "overlay") === t);
 }
-function G(e) {
+function W(e) {
 	switch (e.kind) {
 		case "indicator": return `indicator:${e.plugin.descriptor.id}`;
 		case "drawing": return `drawing:${e.plugin.descriptor.type}`;
@@ -1022,25 +1154,25 @@ function G(e) {
 }
 //#endregion
 //#region src/plugins/registry.ts
-var K = /* @__PURE__ */ new Map();
-function Mn(e) {
-	K.set(G(e), e);
+var G = /* @__PURE__ */ new Map();
+function nr(e) {
+	G.set(W(e), e);
 }
-function Nn(e) {
-	return K.delete(e);
+function rr(e) {
+	return G.delete(e);
 }
-function Pn() {
-	return [...K.values()];
+function ir() {
+	return [...G.values()];
 }
-function Fn() {
-	K.clear();
+function ar() {
+	G.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var In = class {
+var or = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of Pn()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of ir()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -1068,17 +1200,17 @@ var In = class {
 		return e;
 	}
 	add(e) {
-		this.plugins.set(G(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+		this.plugins.set(W(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, Ln = {
+}, sr = {
 	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) => Rn(e, t, n)
+	positionReverse: (e, t, n) => cr(e, t, n)
 };
-async function Rn(e, t, n) {
+async function cr(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -1107,7 +1239,7 @@ async function Rn(e, t, n) {
 		}
 	}
 }
-function zn(e, t) {
+function lr(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -1117,8 +1249,8 @@ function zn(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(Ln)) {
-		let a = Ln[r], o = t.onIntent(r, (n) => {
+	for (let r of Object.keys(sr)) {
+		let a = sr[r], o = t.onIntent(r, (n) => {
 			Promise.resolve(a(e, n, i)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -1131,16 +1263,231 @@ function zn(e, t) {
 	};
 }
 //#endregion
+//#region src/replay/ReplayStepLoader.ts
+var ur = 1e3, dr = class {
+	pieces = /* @__PURE__ */ new Map();
+	asked = /* @__PURE__ */ new Set();
+	inFlight = !1;
+	lastAsk = -Infinity;
+	done = !1;
+	now;
+	constructor(e) {
+		this.options = e, this.now = e.now ?? (() => Date.now());
+	}
+	piecesOf(e) {
+		return this.pieces.get(e);
+	}
+	ensure(e, t, n) {
+		if (this.done || this.inFlight) return;
+		if (!this.options.source) {
+			this.finish("end", 0);
+			return;
+		}
+		let r = Math.min(e.length, t + Math.max(1, n)), i = t;
+		for (; i < r && this.asked.has(e[i].time);) i++;
+		if (i >= r) return;
+		let a = this.now();
+		a - this.lastAsk < 500 || (this.lastAsk = a, this.ask(e, i));
+	}
+	evictBefore(e) {
+		for (let t of this.pieces.keys()) t < e && this.pieces.delete(t);
+		for (let t of this.asked) t < e && this.asked.delete(t);
+	}
+	dispose() {
+		this.done = !0;
+	}
+	ask(e, t) {
+		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(ur / 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",
+			step: i,
+			count: 0
+		}), this.options.source(c, l.length * n).then((e) => this.take(l, c, e), (e) => {
+			this.done || (this.inFlight = !1, this.finish("error", 0, e instanceof Error ? e.message : String(e)));
+		});
+	}
+	take(e, t, n) {
+		if (this.done) return;
+		if (this.inFlight = !1, n.length === 0) {
+			this.options.report({
+				state: "end",
+				step: this.options.step,
+				count: 0
+			});
+			return;
+		}
+		let r = n.reduce((e, t) => Math.min(e, t.time), Infinity), i = this.options.keep([...n].sort((e, t) => e.time - t.time)), a = 0, o = 0;
+		e.forEach((n, s) => {
+			let c = s + 1 < e.length ? e[s + 1].time : t;
+			for (; o < i.length && i[o].time < n.time;) o++;
+			let l = o;
+			for (; o < i.length && i[o].time < c;) o++;
+			o > l && r <= n.time && (this.pieces.set(n.time, i.slice(l, o)), a += o - l);
+		}), this.options.report({
+			state: "loaded",
+			step: this.options.step,
+			count: a
+		});
+	}
+	finish(e, t, n) {
+		this.done = !0, this.options.report({
+			state: e,
+			step: this.options.step,
+			count: t,
+			...n === void 0 ? {} : { error: n }
+		});
+	}
+}, fr = 1 / 3, pr = .25, mr = .5;
+function hr(e, t) {
+	let n = (e.high - e.low) * pr;
+	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * mr;
+}
+function gr(e) {
+	return e.close >= e.open ? [
+		e.open,
+		e.low,
+		e.high,
+		e.close
+	] : [
+		e.open,
+		e.high,
+		e.low,
+		e.close
+	];
+}
+function _r(e, t, n) {
+	let r = gr(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 : fr), !(c === 0 && t > 0) && o.push({
+			price: r,
+			time: e.time,
+			at: (t + s) / n
+		});
+	}), o;
+}
+function vr(e, t = []) {
+	let n = t.length > 0 && hr(e, t) ? t : [e], r = n.length, i = yr(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,
+		volumeAt: n.map((t, n) => (o += a > 0 ? (t.volume ?? 0) / a * (e.volume ?? 0) : (e.volume ?? 0) / r, {
+			at: (n + 1) / r,
+			volume: o
+		}))
+	};
+}
+function yr(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))
+	})), i = (e, t) => {
+		if (r[0].price === e || r[n].price === e || n < 2) return;
+		let i = 1;
+		for (let e = 2; e < n; e++) t(r[e].price, r[i].price) && (i = e);
+		r[i] = {
+			...r[i],
+			price: e
+		};
+	};
+	return i(t.high, (e, t) => e > t), i(t.low, (e, t) => e < t), r;
+}
+function br(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) {
+		let r = n[e].at - n[e - 1].at;
+		return r > 0 ? n[e - 1].price + (n[e].price - n[e - 1].price) * (t - n[e - 1].at) / r : n[e].price;
+	}
+	return n[n.length - 1].price;
+}
+var xr = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+function Sr(e, t) {
+	let n = 0, r = 0;
+	for (let i of e.volumeAt) {
+		if (t >= i.at) {
+			n = i.volume, r = i.at;
+			continue;
+		}
+		return n + (i.volume - n) * (t - r) / (i.at - r);
+	}
+	return n;
+}
+function Cr(e, t) {
+	let n = xr(t);
+	if (n >= 1) return { ...e.bar };
+	let r = br(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);
+	}
+	return {
+		time: e.bar.time,
+		open: e.points[0].price,
+		high: i,
+		low: a,
+		close: r,
+		volume: Sr(e, n)
+	};
+}
+function wr(e, t) {
+	let n = xr(t), r = 0;
+	for (let t of e.points) {
+		if (t.at > n) break;
+		r = t.at;
+	}
+	return r;
+}
+function K(e, t, n) {
+	let r = [], i = e.bar.time;
+	for (let a of e.points) {
+		if (a.at > n) break;
+		i = a.time, a.at > t && r.push([a.price, a.time]);
+	}
+	let a = br(e, n);
+	return (r.length === 0 || r[r.length - 1][0] !== a) && r.push([a, i]), r;
+}
+//#endregion
+//#region src/replay/replayStep.ts
+var Tr = [
+	"1m",
+	"3m",
+	"5m",
+	"15m",
+	"30m",
+	"1h",
+	"2h",
+	"4h",
+	"1d"
+];
+function Er(e, t) {
+	let n = w(e);
+	return n > 0 ? Tr.filter((e) => {
+		let r = w(e);
+		return r < n && n % r === 0 && t(e);
+	}) : [];
+}
+function Dr(e, t, n) {
+	let r = Er(t, n);
+	if (e !== "auto") return r.includes(e) ? e : null;
+	let i = w(t);
+	return r.find((e) => i / w(e) <= 60) ?? null;
+}
+//#endregion
 //#region src/Chart.ts
-var Bn = {
+var Or = {
 	min: 0,
 	max: 100
-}, Vn = "exchange", Hn = Vn;
-function Un(e) {
-	if (typeof e == "string" && e !== "exchange" && !g(e)) throw RangeError(`Unknown time zone: ${e}`);
+}, kr = "exchange", Ar = kr;
+function jr(e) {
+	if (typeof e == "string" && e !== "exchange" && !v(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-function Wn(e, t) {
+function Mr(e, t) {
 	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : C(e);
 	return i === void 0 ? e : {
 		...e,
@@ -1148,11 +1495,11 @@ function Wn(e, t) {
 		timezone: i
 	};
 }
-var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontalLine", "crossLine"]), Zn = new Set(["verticalLine", "crossLine"]), Qn = class {
-	static version = "1.51.0";
+var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontalLine", "crossLine"]), zr = new Set(["verticalLine", "crossLine"]), Br = class {
+	static version = "1.53.0";
 	engine;
 	viewport;
-	series = new un((e) => this.sessionKeep(e));
+	series = new Mn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
 	themeManager;
 	layoutManager;
 	pluginManager;
@@ -1167,6 +1514,8 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	execTeardown = null;
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
+	reshapeMemo = new ot();
+	displayDataStep;
 	indicatorUpdateFrom = null;
 	resolvedLayoutCache = null;
 	panelInfoCache = null;
@@ -1176,7 +1525,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	renderDeferred = !1;
 	priceAxisWidth = o;
 	measureCtx;
-	labelWidths = new kn();
+	labelWidths = new Qn();
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
@@ -1190,14 +1539,18 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	indicatorEdit = null;
 	removedDrawingAlerts = /* @__PURE__ */ new Map();
 	zoomAreaMode = !1;
-	priceAxisAddButton = new Ze();
+	priceAxisAddButton = new et();
 	displayTz = null;
 	timeZoneSetting = null;
 	symbolInfo = null;
 	symbolInfoSeq = 0;
+	studyZoneHeld = !1;
+	studyZone = null;
+	studyZoneTimer = null;
+	studyZoneReleaseQueued = !1;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...De };
+	hostSessionHours = { ...ke };
 	compareRenderer;
 	countdownInterval = null;
 	pausedFor = {
@@ -1216,17 +1569,22 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new nt();
+	selectionBoxOverlay = new ct();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
 	replaySession = null;
+	replayCause = null;
 	replayStepsSeries = null;
 	replayCoarse = null;
 	replayRevealMarks = !0;
 	replayOffset = 0;
+	replayPieces = null;
+	replayLoader = null;
+	replayForming = null;
+	replayPhaseUnsub = null;
 	undoRedoManager;
-	autoSaveScheduler = new an((e) => this.saveState(e));
+	autoSaveScheduler = new Tn((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -1238,14 +1596,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new Qe();
-	symbolSeries = new lt();
+	priceLines = new tt();
+	symbolSeries = new ht();
 	extendedHours = !0;
 	replayRestarting = !1;
 	requestedSymbols = /* @__PURE__ */ new Set();
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new Xe();
+	leftPriceAxis = new $e();
 	leftScaleRequested = !1;
 	leftAxisWidth = o;
 	leftViewport = null;
@@ -1261,6 +1619,8 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	priceUnit = null;
 	paneTitles = !0;
 	defaultAutoScale;
+	priceFitPending = !0;
+	seriesArriving = !0;
 	keyboardHandler = null;
 	a11y = null;
 	onWindowKeyDown = null;
@@ -1276,7 +1636,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && Un(t.timeZone), this.container = e, this.options = {
+		t.timeZone != null && jr(t.timeZone), this.container = e, this.options = {
 			...t,
 			chartType: t.chartType ?? "candlestick"
 		}, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
@@ -1314,15 +1674,15 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			logScale: n.logScale ?? !0,
 			timeframes: n.timeframes ?? [],
 			defaultTimeframeFavorites: n.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 mn({
-			oldestTime: () => this.series.bars()[0]?.time ?? null,
+		}, 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 Ln({
+			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 gn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(vn(t), "host", !1), this.layoutManager = new xn(), this.indicatorEngine = new Le(), this.pluginManager = new In(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Me(), jt(this.indicatorEngine), this.indicatorEngine.register(new xe(this.symbolSeries)), this.indicatorEngine.register(new ot(this.symbolSeries)), this.indicatorEngine.register(new Se(this.symbolSeries)), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.drawingManager = new ke(), At(this.drawingManager), this.drawingRenderer = new Ae(this.drawingManager), this.drawingManager.setRequestRender(() => {
+		}), this.themeManager = new zn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Vn(t), "host", !1), this.layoutManager = new Wn(), this.indicatorEngine = new ze(), this.pluginManager = new or(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Pe(), zt(this.indicatorEngine), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.indicatorEngine.register(new ft(this.symbolSeries)), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.drawingManager = new je(), Rt(this.drawingManager), this.drawingRenderer = new Me(this.drawingManager), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(r.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 mt();
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new bt();
 		let i = "";
 		this.undoRedoManager.setOnChange(() => {
 			let { canUndo: e, canRedo: t } = this.undoRedoManager.getState(), n = `${e}|${t}`;
@@ -1335,21 +1695,21 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			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.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new ft({
+		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new vt({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new pt(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new yt(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.engine = new $e(e, t.maxPixelRatio);
+		}), this.engine = new nt(e, t.maxPixelRatio);
 		let a = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new ht(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), t.barLayout && this.viewport.setBarLayout(t.barLayout), this.viewport.setPanLimits({
+		if (this.viewport = new xt(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), t.barLayout && this.viewport.setBarLayout(t.barLayout), this.viewport.setPanLimits({
 			freePan: t.freePan ?? !0,
 			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
 		}), t.minBarUnit !== void 0 && this.viewport.setMinBarUnit(t.minBarUnit), this.layoutManager.resize(a.width, a.height), this.engine.onContainerResize = (e) => {
 			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.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Ne(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Xe(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new ut(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new we(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
+			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 Fe(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new $e(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new gt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new Ee(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), 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;
 				this.chartLegend.setHoverBar(r ?? null, e > 0 ? n[e - 1] ?? null : null);
@@ -1358,20 +1718,20 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 					prevClose: e > 0 ? n[e - 1]?.close : void 0,
 					priceRange: i.priceRange,
 					plot: i.chartRect,
-					barStepMs: xt(n),
-					timeUnit: l(n)
+					barStepMs: Dt(n),
+					timeUnit: u(n)
 				}) : this.crosshairTooltip.hide(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
 					point: t,
 					bar: r,
 					barIndex: e
 				});
 			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null), this.eventBus.emit("crosshairLeave", {});
-		}), this.chartLegend = new ye(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new yt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new vt(), this.volumeProfile = new _t(), this.marketProfile = new Ue(), this.depthHeatmap = new Oe(), this.periodLevels = new qe(), this.pivotMarkers = new Ye(), this.barCountdown = new he(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new rt(), this.sessionShading = new it(), this.compareRenderer = new be(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.chartLegend = new xe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new Tt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new wt(), this.volumeProfile = new Ct(), this.marketProfile = new Ge(), this.depthHeatmap = new Ae(), this.periodLevels = new Ye(), this.pivotMarkers = new Ze(), this.barCountdown = new _e(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new lt(), this.sessionShading = new ut(), this.compareRenderer = new Se(), t.sessionBreaks ? this.sessionBreaks.setConfig({
 			visible: t.sessionBreaks.visible ?? !0,
 			color: t.sessionBreaks.color,
 			lineStyle: t.sessionBreaks.lineStyle,
 			lineWidth: t.sessionBreaks.lineWidth
-		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new fe(), this.crosshairTooltip = new Te(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Je(), this.pinnedTooltip.create(e), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = x(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(ir(t.shapes)), t.font && this.themeManager.setFont(rr(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Be({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new me(), this.crosshairTooltip = new De(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Xe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = x(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Kr(t.shapes)), t.font && this.themeManager.setFont(Gr(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new He({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -1388,17 +1748,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			},
 			fitContent: () => this.fitContent()
 		}), this.keyboardHandler.setEnabled(this.features.keyboard), t.a11y !== !1) {
-			this.a11y = new Yt(e, {
+			this.a11y = new nn(e, {
 				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
 				timeframe: () => this.streamTimeframe ?? "",
 				chartType: () => this.options.chartType ?? "candlestick",
 				bars: () => this.getDisplayData(),
 				visibleRange: () => this.viewport.getState().visibleRange,
 				formatPrice: (e) => this.formatPrice(e),
-				formatTime: (e) => le(this.numberLocale || "en-US", {
-					dateStyle: "medium",
-					timeStyle: "short"
-				}, this.displayTz)(e * l(this.getDisplayData())),
+				formatTime: (e) => this.spokenBarTime(e),
 				showBar: (e) => this.setCrosshairTime(e)
 			}, t.a11y?.labels);
 			for (let e of [
@@ -1418,7 +1775,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new Ee(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new de(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new Oe(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new pe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(At).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
 			this.eventBus.emit("alertTriggered", q(e)), this.eventBus.emit("dataUpdate", {
 				kind: "alert",
 				alert: "triggered",
@@ -1434,7 +1791,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			this.eventBus.emit("alertExpired", q(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", q(e));
-		}), this.signalMarkerManager = new at(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new dt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -1442,14 +1799,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new dt(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), this.tradeZoneManager.on("added", (e) => {
+		}), this.tradeZoneManager = new _t(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.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 tt(), this.replayManager.on("complete", () => {
+		}), this.replayManager = new it(), this.replayManager.on("complete", () => {
 			let e = this.getReplayBarIndex(), t = this.replayCoarse?.[e];
 			t && this.eventBus.emit("replayComplete", {
 				barIndex: e,
@@ -1457,10 +1814,10 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			});
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new We(), this.interactionManager = new Re(e), this.features.panning) {
-			let e = new An();
-			this.interactionManager.setPanHandler(new Ge((t, n) => {
-				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.options.autoScale = !1, this.viewport.panPriceRange(n)), this.updateViewportAndRender();
+		}), this.measureOverlay = new Ke(), this.interactionManager = new Be(e), this.features.panning) {
+			let e = new $n();
+			this.interactionManager.setPanHandler(new qe((t, n) => {
+				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.holdPriceScale(), this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
 		}
 		if (this.interactionManager.setAxisStrips(() => ({
@@ -1471,11 +1828,11 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new bt((e, t) => {
+			this.interactionManager.setZoomHandler(new Et((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new me((e) => {
-				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+			let e = new ge((e) => {
+				this.holdPriceScale(), this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
 				this.viewport.zoom(1 / e - 1, t / 2), this.updateViewportAndRender();
@@ -1494,7 +1851,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 				y: t.y
 			});
 		})), this.interactionManager.setChartContextMenu((e, t) => this.eventBus.hasListeners("chartContextMenu") ? (this.eventBus.emit("chartContextMenu", this.contextAt(e, t)), !0) : !1), this.priceAxisAddButton.setEnabled(this.features.priceAxisAddButton && this.features.crosshair), this.interactionManager.setPriceAxisAddButton(this.priceAxisAddButton, (e) => {
-			let t = N(e.y, this.viewport.getState());
+			let t = Jt(e.y, this.viewport.getState());
 			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
 				price: t,
 				x: e.x,
@@ -1504,15 +1861,15 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new ue(this.alertManager, () => this.viewport.getState());
+			let e = new fe(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new Ke();
+		let o = new Je();
 		o.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(o), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
 			let n = this.viewport.getState(), i = n.barWidth + n.barSpacing, a = Math.round((n.offset + e.x) / i);
-			a < 0 || a >= t.length || (this.pinnedTooltip.isPinned() && this.pinnedTooltip.getPinnedIndex() === a ? this.pinnedTooltip.unpin() : this.pinnedTooltip.pin(t[a], a, this.themeManager.getTheme(), l(t)), this.pinnedTooltip.reposition(this.viewport.getState(), this.series.bars()[a] ?? null, a, this.themeManager.getTheme()), this.engine.requestRender(r.Overlay));
+			a < 0 || a >= t.length || (this.pinnedTooltip.isPinned() && this.pinnedTooltip.getPinnedIndex() === a ? this.pinnedTooltip.unpin() : this.pinnedTooltip.pin(t[a], a, this.themeManager.getTheme(), u(t), d(t) === !0), this.pinnedTooltip.reposition(this.viewport.getState(), this.series.bars()[a] ?? null, a, this.themeManager.getTheme()), this.engine.requestRender(r.Overlay));
 		}), this.interactionManager.setSignalMarkerHitTest((e) => this.eventBus.hasListeners("signalMarkerHover") || this.eventBus.hasListeners("signalMarkerClick") ? this.signalMarkerManager.markerAt(e, this.viewport.getState()) : null, (e, t) => this.eventBus.emit("signalMarkerHover", {
 			marker: e,
 			x: t.x,
@@ -1531,7 +1888,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let r = Ht(e.x, this.viewport.getState());
+			let r = qt(e.x, this.viewport.getState());
 			r < 0 || r >= t.length || this.eventBus.emit("barClick", {
 				bar: t[r],
 				barIndex: r,
@@ -1574,7 +1931,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < Yn) return;
+					if (e.x1 - e.x0 < Lr) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -1605,17 +1962,28 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.loadSeries(e, !1);
 	}
 	loadSeries(e, t) {
-		this.snapshotKey = null, this.endReplaySession(), this.history.reset(), this.series.load(e), this.crosshairHandler.setData(this.series.bars()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale;
-		let n = this.series.bars(), r = n[n.length - 1];
+		if (this.replaySession && !t && e.length > 0 && !this.replayEndsFor(this.currentSymbol)) {
+			this.loadDuringReplay(e);
+			return;
+		}
+		this.snapshotKey = null, this.endReplaySession(), this.history.reset(), this.series.load(e), this.crosshairHandler.setData(this.series.bars()), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale, this.priceFitPending = !0;
+		let n = this.series.bars();
+		this.seriesArriving = n.length === 0;
+		let r = n[n.length - 1];
 		t || (this.alertManager.clearLastValues(), r && this.alertManager.seedLastValue("price", r.close)), this.recalcIndicators(n), r && this.currentPriceLine.setPrice(r.close), this.updateViewportAndRender(!0), this.emitBars(n.length);
 	}
+	loadDuringReplay(e) {
+		this.snapshotKey = null, this.history.reset(), this.alertManager.clearLastValues();
+		let t = e[e.length - 1];
+		t && L(t) && this.alertManager.seedLastValue("price", t.close), this.replaySession && (this.replaySession.price = null), this.series.load(e);
+	}
 	prependBars(e) {
-		if (this.replaySession) return 0;
+		if (this.replaySession) return this.series.prepend(e).taken;
 		let t = this.getDisplayData(), n = Math.max(0, Math.min(t.length - 1, Math.floor(this.viewport.getState().visibleRange.from))), r = t[n]?.time, { added: i, taken: a } = this.series.prepend(e);
 		if (i === 0) return a;
 		let o = this.series.bars();
-		if (this.crosshairHandler.setData(o), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.unpin(), this.measureOverlay.end(), this.recalcIndicators(o), r !== void 0) {
-			let e = Math.round(j(r, this.getDisplayData()));
+		if (this.crosshairHandler.setData(o), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.unpin(), this.measureOverlay.end(), this.recalcIndicators(o), r !== void 0) {
+			let e = Math.round(M(r, this.getDisplayData()));
 			this.viewport.prependBars(e - n);
 		}
 		return this.updateViewportAndRender(), a;
@@ -1627,13 +1995,13 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			return;
 		}
 		let n = this.series.bars();
-		this.crosshairHandler.setData(n), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.recalcIndicators(n), n.length > 0 && this.currentPriceLine.setPrice(n[n.length - 1].close), this.updateViewportAndRender(t), this.emitBars(n.length);
+		this.crosshairHandler.setData(n), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.recalcIndicators(n), n.length > 0 && this.currentPriceLine.setPrice(n[n.length - 1].close), this.updateViewportAndRender(t), this.emitBars(n.length);
 	}
 	setHistoryLoader(e, t) {
 		this.historyFromStream = !1, this.hostHistoryLoader = e !== null, this.history.setLoader(e, t?.pageSize), this.checkHistory();
 	}
 	loadMoreHistory() {
-		return this.replaySession ? Promise.resolve(0) : this.history.loadMore();
+		return this.replayPages() ? this.history.loadMore() : Promise.resolve(0);
 	}
 	hasMoreHistory() {
 		return this.history.hasLoader() && this.history.hasMore();
@@ -1643,35 +2011,35 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	checkHistory() {
 		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
-			if (this.historyCheckQueued = !1, this.replaySession || !this.history.hasLoader() || R(this.options.chartType)) return;
+			if (this.historyCheckQueued = !1, !this.replayPages() || !this.history.hasLoader() || I(this.options.chartType)) return;
 			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(Jn, r - n));
+			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(Ir, r - n));
 		}));
 	}
-	useStreamHistory(e, t) {
+	useStreamHistory(e, t, n = !0) {
 		if (this.hostHistoryLoader) return;
-		let n = Vt(e), r = n.fetchHistoryBefore, i = this.streamTimeframe;
-		if (!r || i === null || se(i) !== null) {
+		let r = N(e), i = r.fetchHistoryBefore, a = this.streamTimeframe;
+		if (!i || a === null || ue(a) !== null) {
 			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
 			return;
 		}
-		let a = this.currentSymbol;
-		this.history.setLoader((e, t) => r.call(n, a, i, e, t), t), this.historyFromStream = !0, this.checkHistory();
+		let o = this.currentSymbol;
+		this.history.setLoader((e, t) => i.call(r, o, a, e, t), t), this.historyFromStream = !0, n && this.checkHistory();
 	}
 	appendBar(e) {
-		if (!z(e)) return;
+		if (!L(e)) return;
 		let t = this.series.append(e);
 		if (t.refiltered && (this.displayDataCache = null), t.to !== "shown") {
 			this.takeLivePrice(e.close), t.to === "hidden" && this.scheduleRender();
 			return;
 		}
 		let n = this.autoScrollOnNewBar && this.viewport.isAtEnd(), r = t.before, i = this.series.bars();
-		this.crosshairHandler.setData(i), this.displayDataCache = null, this.recalcIndicatorsFrom(i, i.length - 2), this.currentPriceLine.setPrice(e.close), this.updateViewportAndRender(n), i.length !== r && this.emitBars(i.length), this.followLivePrice(e.close);
+		this.crosshairHandler.setData(i), this.displayDataCache = null, this.recalcIndicatorsFrom(i, i.length - 2), this.currentPriceLine.setPrice(e.close, i[i.length - 2]?.close), this.updateViewportAndRender(n), i.length !== r && this.emitBars(i.length), this.followLivePrice(e.close);
 	}
 	appendBars(e) {
-		if (e = e.filter(z), e.length === 0) return;
+		if (e = e.filter(L), e.length === 0) return;
 		let t = e[e.length - 1].close, n = this.series.appendMany(e);
 		if (n.refiltered && (this.displayDataCache = null), n.shown === 0) {
 			this.takeLivePrice(t), n.aside || this.scheduleRender();
@@ -1680,10 +2048,10 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		let r = this.autoScrollOnNewBar && this.viewport.isAtEnd(), i = n.before;
 		this.displayDataCache = null;
 		let a = this.series.bars();
-		this.recalcIndicatorsFrom(a, i - 1), this.crosshairHandler.setData(a), this.currentPriceLine.setPrice(t), this.updateViewportAndRender(r), a.length !== i && this.emitBars(a.length), this.followLivePrice(t);
+		this.recalcIndicatorsFrom(a, i - 1), this.crosshairHandler.setData(a), this.currentPriceLine.setPrice(t, a[a.length - 2]?.close), this.updateViewportAndRender(r), a.length !== i && this.emitBars(a.length), this.followLivePrice(t);
 	}
 	updateLastBar(e) {
-		if (!z(e)) return;
+		if (!L(e)) return;
 		let t = this.series.updateLast(e);
 		if (t.refiltered && (this.displayDataCache = null), t.to !== "shown") {
 			this.takeLivePrice(e.close), t.to === "hidden" && this.scheduleRender();
@@ -1704,6 +2072,29 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		let n = this.series.bars();
 		this.recalcIndicatorsFrom(n, n.length - 1), this.followLivePrice(e.price), this.scheduleRender();
 	}
+	updateBar(e) {
+		if (!L(e)) return !1;
+		let t = this.series.replace(e);
+		return t.to === "none" ? !1 : (t.to === "shown" && t.changed && this.showCorrection(t.index), !0);
+	}
+	showCorrection(e) {
+		let t = this.series.bars(), n = t[e];
+		this.displayDataCache = null, this.reshapeMemo.clear(), this.indicatorEngine.deferRecalculateFrom(t, e), this.announceIndicatorUpdate(e), e === t.length - 1 && (this.currentPriceLine.setPrice(n.close, t[e - 1]?.close), this.alertManager.seedLastValue("price", n.close)), this.refreshShownBar(e), this.eventBus.emit("dataUpdate", {
+			kind: "correction",
+			time: n.time,
+			index: e
+		}), this.scheduleRender();
+	}
+	refreshShownBar(e) {
+		let t = this.pinnedTooltip.isPinned() ? this.pinnedTooltip.getPinnedIndex() : -1, n = this.crosshairHandler.getReportedBarIndex();
+		if (t < e && n === null) return;
+		let r = this.isTimeAligned();
+		if (r && t >= e) {
+			let e = this.getDisplayData();
+			e[t] && this.pinnedTooltip.pin(e[t], t, this.themeManager.getTheme(), u(e), d(e) === !0);
+		}
+		n !== null && (!r || n === e || n === e + 1) && this.crosshairHandler.refresh();
+	}
 	getChartType() {
 		return this.options.chartType ?? "candlestick";
 	}
@@ -1715,14 +2106,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		});
 	}
 	applyTimeSpacing() {
-		let e = !this.tickStream && !R(this.options.chartType);
+		let e = !this.tickStream && !I(this.options.chartType);
 		this.timeAxis.setTimesPastData(e), this.crosshairHandler.setTimesPastData(e);
 	}
 	setChartTypeOptions(e) {
 		this.chartTypeOptions = {
 			...this.chartTypeOptions,
 			...x(e)
-		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.markStateChanged();
+		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.a11y?.refresh(!0), this.markStateChanged();
 	}
 	getChartTypeOptions() {
 		return x(this.chartTypeOptions);
@@ -1734,18 +2125,18 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : Gt(this.symbolInfo, e);
+		return this.extendedHours ? null : Zt(this.symbolInfo, e);
 	}
 	reapplyExtendedHours() {
 		if (!this.series.refilter()) return;
 		let e = this.series.bars();
-		this.crosshairHandler.setData(e), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.recalcIndicators(e), this.updateViewportAndRender(!0), this.emitBars(e.length);
+		this.crosshairHandler.setData(e), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.recalcIndicators(e), this.updateViewportAndRender(!0), this.emitBars(e.length);
 	}
 	quoteLines() {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = ir(e);
+		let t = Kr(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -1757,7 +2148,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = rr(e);
+			let t = Gr(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -1835,14 +2226,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.recordIndicators(e, () => this.updateIndicatorNow(e, t));
 	}
 	updateIndicatorNow(e, t) {
-		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? A(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
+		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? j(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
 		this.indicatorEngine.updateIndicator(e, t, this.series.bars()), this.announceIndicatorUpdate(0), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "params"
 		}), this.requestMissingSymbols(e);
 		let a = this.indicatorEngine.getIndicatorConfig(e);
 		if (n?.placement === "overlay" && a && r && a.params[r] !== i) {
-			let t = y(a.params[r]), n = t ? this.paneHostOf(t.instanceId, e) : y(i) ? null : a.pane ?? null;
+			let t = b(a.params[r]), n = t ? this.paneHostOf(t.instanceId, e) : b(i) ? null : a.pane ?? null;
 			(n ?? void 0) !== a.pane && (this.indicatorEngine.setPane(e, n), this.eventBus.emit("indicatorChange", {
 				instanceId: e,
 				change: "pane"
@@ -1853,7 +2244,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	paneFor(e, t, n, r) {
 		if (n) return this.paneHostOf(n, r);
 		if (e.placement !== "overlay") return null;
-		let i = A(e), a = i ? y(t[i]) : null;
+		let i = j(e), a = i ? b(t[i]) : null;
 		return a ? this.paneHostOf(a.instanceId, r) : null;
 	}
 	paneHostOf(e, t) {
@@ -1880,6 +2271,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setLeftPriceScaleVisible(e) {
 		this.leftScaleRequested = e, this.updateViewportAndRender();
 	}
+	isLeftPriceScaleVisible() {
+		return this.leftScaleRequested;
+	}
 	isLeftPriceScaleShown() {
 		return this.features.priceAxis !== !1 && (this.leftScaleRequested || this.indicatorEngine.hasLeftScaleOverlays());
 	}
@@ -1896,13 +2290,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * Gn,
-				max: t.max + n * Gn
+				min: t.min - n * Nr,
+				max: t.max + n * Nr
 			},
 			logScale: !1,
 			scaleMode: "regular",
 			invertScale: !1,
 			formatPrice: void 0,
+			pricePrecision: void 0,
 			priceUnit: void 0
 		};
 	}
@@ -1949,7 +2344,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			this.indicatorEngine.setStyleDefaults(e, null);
 			return;
 		}
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ne(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.setStyleDefaults(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -1957,7 +2352,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	setPaneStyle(e, t) {
 		let n = this.paneOf(e);
-		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? re(t) : null));
+		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? oe(t) : null));
 	}
 	setPaneStyleNow(e, t) {
 		JSON.stringify(t) !== JSON.stringify(this.paneStyles.get(e) ?? null) && (t ? this.paneStyles.set(e, t) : this.paneStyles.delete(e), this.panelInfoCache = null, this.syncRenderContext(), this.engine.requestRender(), this.markStateChanged());
@@ -1976,8 +2371,8 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new Le();
-		return jt(e), e.getAvailableIndicators();
+		let e = new ze();
+		return zt(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
@@ -2000,8 +2395,8 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	paneMoveHost(e, t) {
 		let n = this.indicatorEngine.getIndicatorConfig(e), r = this.indicatorEngine.getIndicatorDescriptor(e);
 		if (!n || !r) return;
-		let i = A(r);
-		if (r.placement === "overlay" && i && y(n.params[i])) return;
+		let i = j(r);
+		if (r.placement === "overlay" && i && b(n.params[i])) return;
 		if (t === "price") return r.placement === "overlay" && n.pane ? null : void 0;
 		if (t === "new") {
 			let t = this.layoutManager.getPanels().some((t) => t.id === e);
@@ -2099,6 +2494,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setIndicatorValueLabelsVisible(e) {
 		this.features.indicatorValueLabels = e, this.syncRenderContext(), this.engine.requestRender();
 	}
+	isIndicatorValueLabelsVisible() {
+		return this.features.indicatorValueLabels;
+	}
 	setPaneTitlesVisible(e) {
 		this.paneTitles = e, this.engine.requestRender();
 	}
@@ -2107,12 +2505,12 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return this.features.legend ? e + this.chartLegend.getHeight() : e;
 	}
 	isTimeAligned() {
-		return R(this.options.chartType) ? !1 : this.getDisplayData().length === this.series.length();
+		return I(this.options.chartType) ? !1 : this.getDisplayData().length === this.series.length();
 	}
 	roundPrice(e) {
 		if (!Number.isFinite(e)) return e;
 		let t = this.stepAt(e);
-		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(oe(t)));
+		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(le(t)));
 		let { min: n, max: r } = this.viewport.getState().priceRange;
 		return Number(e.toFixed(this.marketPricePrecision ?? c(n, r)));
 	}
@@ -2122,7 +2520,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	stepAt(e) {
 		let t = this.symbolInfo?.minTick ?? this.priceUnit ?? void 0;
-		return t !== void 0 && t > 0 ? t : this.marketConfig ? te(e, this.marketConfig) : void 0;
+		return t !== void 0 && t > 0 ? t : this.marketConfig ? re(e, this.marketConfig) : void 0;
 	}
 	getPriceStep(e) {
 		let t = this.stepAt(e ?? this.lastClose());
@@ -2137,7 +2535,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return this.priceFormatter;
 	}
 	applyPriceFormat(e) {
-		this.priceFormatter = ee(e), this.priceUnit = e && typeof e != "function" ? m(e) : null, this.viewport.setPriceFormat(this.priceFormatter, this.priceUnit), this.crosshairTooltip.setPriceFormatter(this.priceFormatter), this.pinnedTooltip.setPriceFormatter(this.priceFormatter);
+		this.priceFormatter = ne(e), this.priceUnit = e && typeof e != "function" ? g(e) : null, this.viewport.setPriceFormat(this.priceFormatter, this.priceUnit), this.crosshairTooltip.setPriceFormatter(this.priceFormatter), this.pinnedTooltip.setPriceFormatter(this.priceFormatter);
 	}
 	setTimeFormatter(e) {
 		this.applyTimeFormatter(e), this.engine.requestRender();
@@ -2148,7 +2546,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	formatPrice(e) {
 		if (this.priceFormatter) return this.priceFormatter(e);
 		let { min: t, max: n } = this.viewport.getState().priceRange;
-		return p(e, this.marketPricePrecision ?? c(t, n), this.numberLocale);
+		return h(e, this.marketPricePrecision ?? c(t, n), this.numberLocale);
 	}
 	setDrawingTool(e) {
 		this.features.drawings && (e && this.features.drawingTools.length > 0 && !this.features.drawingTools.includes(e) || (e && this.setZoomAreaMode(!1), this.drawingManager.setActiveTool(e)));
@@ -2196,7 +2594,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = St(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = Ot(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -2274,7 +2672,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	recordUndo(e) {
 		if (!this.features.drawingUndoRedo || typeof e?.undo != "function" || typeof e.redo != "function") return;
 		let t = performance.now(), n = this.undoRedoManager.last();
-		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < qn) {
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < Fr) {
 			this.undoRedoManager.replaceLast({
 				...n,
 				custom: {
@@ -2321,7 +2719,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = N(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = M(t.x, n)), e === "pane") {
+		if ((e === "plot" || e === "priceAxis") && (r.price = Jt(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);
 		}
@@ -2347,7 +2745,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
-		this.setVisibleRange(M(e.x0, t), M(e.x1, t));
+		this.setVisibleRange(P(e.x0, t), P(e.x1, t));
 	}
 	lockAllDrawings() {
 		this.drawingManager.lockAllDrawings();
@@ -2392,7 +2790,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		for (let e of this.indicatorEngine.getActiveIndicators()) {
 			let t = this.indicatorEngine.getOutput(e.instanceId)?.series;
 			if (!t) continue;
-			let r = L(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
+			let r = on(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
 				key: e,
 				title: e
 			}));
@@ -2416,11 +2814,11 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	getExportText(e = "csv", t = {}) {
 		let { bars: n, columns: r } = this.getExportData(t);
-		return e === "json" ? T.toJSON(n, r) : T.toCSV(n, r);
+		return e === "json" ? E.toJSON(n, r) : E.toCSV(n, r);
 	}
 	download(e, t, n) {
 		let r = this.getExportText(e, n);
-		e === "json" ? T.download(r, t ?? "chart-data.json", "application/json") : T.download(r, t ?? "chart-data.csv", "text/csv");
+		e === "json" ? E.download(r, t ?? "chart-data.json", "application/json") : E.download(r, t ?? "chart-data.csv", "text/csv");
 	}
 	setAutoSave(e, t = 5e3) {
 		this.autoSaveScheduler.enable(e, t);
@@ -2482,7 +2880,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.recordIndicators(e, () => this.updateIndicatorStyleNow(e, t));
 	}
 	updateIndicatorStyleNow(e, t) {
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ne(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.updateIndicatorStyle(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -2601,21 +2999,26 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		if (!Mt(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
-		this.snapshotKey = null, this.replayStop(), this.disconnectStream(), this.streamManager = new ct(), this.streamManager.on("snapshot", (t) => {
-			let n = `${this.currentSymbol}|${this.streamTimeframe}`;
-			this.replaySession ? this.series.loadAside(t) : n === this.snapshotKey && this.series.length() > 0 ? this.mergeSnapshot(t) : this.setData(t), this.snapshotKey = n, this.useStreamHistory(e.adapter, e.historyPageSize);
+		if (!A(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
+		this.snapshotKey = null, this.holdReplayFor(e.symbol), this.disconnectStream(), this.streamManager = new mt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (t) => {
+			let n = this.streamSeriesKey(e.adapter);
+			n === this.snapshotKey && this.replaySession ? this.series.mergeSnapshot(t) : n === this.snapshotKey && this.series.length() > 0 ? this.mergeSnapshot(t) : (this.replaySession && this.useStreamHistory(e.adapter, e.historyPageSize, !1), this.setData(t)), this.snapshotKey = n, this.useStreamHistory(e.adapter, e.historyPageSize);
 		}), this.streamManager.on("barClose", (e) => {
-			if (!z(e)) return;
+			if (!L(e)) return;
 			let t = this.series.placeStreamBar(e);
-			if (t.refiltered && (this.displayDataCache = null), t.to === "aside" && this.followLivePrice(e.close), t.to !== "shown") return;
+			if (t.refiltered && (this.displayDataCache = null), t.to === "none") {
+				this.updateBar(e);
+				return;
+			}
+			if (t.to === "aside" && this.followLivePrice(e.close), t.to !== "shown") return;
 			let n = this.autoScrollOnNewBar && this.viewport.isAtEnd(), r = t.before, i = this.series.bars();
 			this.crosshairHandler.setData(i), this.displayDataCache = null, this.recalcIndicatorsFrom(i, i.length - 2), this.updateViewportAndRender(n), i.length !== r && this.emitBars(i.length), this.followLivePrice(e.close);
+		}), this.streamManager.on("barCorrection", (e) => {
+			this.updateBar(e);
 		}), this.streamManager.on("barUpdate", (e) => {
-			if (!z(e)) return;
-			this.replaySession || this.currentPriceLine.setPrice(e.close);
+			if (!L(e)) return;
 			let t = this.series.placeStreamBar(e);
-			if (t.refiltered && (this.displayDataCache = null), this.replaySession) return;
+			if (t.refiltered && (this.displayDataCache = null), t.to === "none" || (this.replaySession || this.currentPriceLine.setPrice(e.close), this.replaySession)) return;
 			let n = t.before;
 			if (t.to !== "shown") {
 				this.scheduleRender();
@@ -2653,14 +3056,18 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		}), this.streamManager.on("symbolInfo", (e) => this.applyFeedSymbolInfo(e)), this.autoScrollOnNewBar = e.autoScroll !== !1, this.setStreamTarget(e.symbol, e.timeframe), this.streamAdapter = e.adapter;
 		let t = this.streamManager;
 		if (this.resolveStreamSymbol(e.adapter, e.symbol), await t.connect(e), this.streamManager !== t) return;
-		let n = ce(e.timeframe);
+		let n = w(e.timeframe);
 		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
 			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
 	}
+	streamSeriesKey(e) {
+		let t = N(e), n = this.streamTimeframe, r = t instanceof at && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		return `${this.currentSymbol}|${n}|${r?.timeZone ?? ""}`;
+	}
 	setStreamTarget(e, t) {
 		let n = this.announcedSymbol;
-		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = se(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
+		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = ue(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
 			symbol: e,
 			previous: n
 		})), this.useTimeframe(t);
@@ -2678,8 +3085,8 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !Mt(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
-		this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(ce(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
+		if (n && !A(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(w(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isIndicatorAllowed(e) {
 		let t = this.features.indicatorIds;
@@ -2694,11 +3101,11 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.isTimeframeAllowed(e) && await this.switchStream(this.currentSymbol, e);
 	}
 	disconnectStream() {
-		this.symbolInfoSeq++, this.priceLines.setBidAsk(null), this.streamManager &&= (this.streamManager.dispose(), null), this.historyFromStream &&= (this.history.setLoader(null), !1), this.streamAdapter = null, this.tickStream = !1, this.applyTimeSpacing();
+		this.symbolInfoSeq++, this.releaseStudyZoneAfterCaller(), this.priceLines.setBidAsk(null), this.streamManager &&= (this.streamManager.dispose(), null), this.historyFromStream &&= (this.history.setLoader(null), !1), this.replayLoader?.loader.dispose(), this.replayLoader = null, this.streamAdapter = null, this.tickStream = !1, this.applyTimeSpacing();
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = zn(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = lr(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -2724,6 +3131,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setBarCountdownVisible(e) {
 		this.barCountdown.setVisible(e && this.features.barCountdown), this.engine.requestRender(r.Hover);
 	}
+	isBarCountdownVisible() {
+		return this.barCountdown.isVisible();
+	}
 	setSessionBreaksVisible(e) {
 		this.sessionBreaks.setVisible(e), this.engine.requestRender(r.Background);
 	}
@@ -2734,19 +3144,50 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			data: n,
 			color: r,
 			visible: !0
-		}), this.updateViewportAndRender());
+		}), this.updateViewportAndRender(), this.eventBus.emit("compareChange", {
+			id: e,
+			change: "add"
+		}));
 	}
 	removeCompareSymbol(e) {
-		this.compareRenderer.removeSymbol(e), this.updateViewportAndRender();
+		this.compareRenderer.removeSymbol(e), this.updateViewportAndRender(), this.eventBus.emit("compareChange", {
+			id: e,
+			change: "remove"
+		});
 	}
 	updateCompareData(e, t) {
-		this.compareRenderer.setSymbolData(e, t), this.updateViewportAndRender();
+		this.compareRenderer.setSymbolData(e, t), this.updateViewportAndRender(), this.eventBus.emit("compareChange", {
+			id: e,
+			change: "data"
+		});
 	}
 	setCompareMode(e) {
 		this.compareRenderer.setMode(e), this.updateViewportAndRender();
 	}
+	setCompareVisible(e, t) {
+		this.compareRenderer.setSymbolVisible(e, t), this.updateViewportAndRender(), this.eventBus.emit("compareChange", {
+			id: e,
+			change: "visible"
+		});
+	}
+	getCompareValues(e) {
+		if (!this.comparesDrawn()) {
+			let e = this.series.bars();
+			return this.compareRenderer.valuesAt(e, null, e.length - 1);
+		}
+		let t = this.getDisplayData();
+		return this.compareRenderer.valuesAt(t, this.viewport.getState(), e ?? t.length - 1);
+	}
+	comparesDrawn() {
+		return this.isTimeAligned();
+	}
 	clearCompareSymbols() {
+		let e = this.compareRenderer.getSymbols().map((e) => e.id);
 		this.compareRenderer.clear(), this.updateViewportAndRender();
+		for (let t of e) this.eventBus.emit("compareChange", {
+			id: t,
+			change: "remove"
+		});
 	}
 	setLogScale(e) {
 		e && !this.features.logScale || (this.viewport.setLogScale(e), this.updateViewportAndRender());
@@ -2789,18 +3230,18 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	goToTime(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0 || !Number.isFinite(e)) return -1;
-		let n = Math.max(0, Math.min(t.length - 1, Math.floor(j(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
+		let n = Math.max(0, Math.min(t.length - 1, Math.floor(M(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
 		return this.viewport.scrollBy(i - r.offset), this.updateViewportAndRender(), n;
 	}
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = l(t), i = Ot(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		let n = t.length - 1, r = u(t), i = It(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
 		if (a === null || a < t[0].time) {
 			this.fitContent();
 			return;
 		}
-		let o = j(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
+		let o = M(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
 		this.viewport.zoomToBarRange(s, n + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender();
 	}
 	scrollToEnd() {
@@ -2825,7 +3266,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setVisibleRange(e, t) {
 		let n = this.getDisplayData();
 		if (n.length === 0) return;
-		let r = j(Math.min(e, t), n), i = j(Math.max(e, t), n);
+		let r = M(Math.min(e, t), n), i = M(Math.max(e, t), n);
 		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
 	}
 	suspend() {
@@ -2931,7 +3372,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.applyStyle(e, t.layer ?? "host", !0);
 	}
 	setOverrides(e, t = {}) {
-		let n = t.layer ?? "host", { overrides: r, rejected: i } = b(e);
+		let n = t.layer ?? "host", { overrides: r, rejected: i } = ie(e);
 		i.length > 0 && console.warn(`Style overrides left out (unknown key or value): ${i.join(", ")}`);
 		let a = Object.fromEntries(Object.entries(r).filter(([, e]) => e !== null));
 		this.themeManager.setOverrides(a, n) && this.styleChanged(n);
@@ -2950,7 +3391,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return this.themeManager.getStyleValue(e);
 	}
 	applyStyle(e, t, n) {
-		let { overrides: r, rejected: i } = b(e);
+		let { overrides: r, rejected: i } = ie(e);
 		i.length > 0 && console.warn(`Style overrides left out (unknown key or value): ${i.join(", ")}`), this.themeManager.applyOverrides(r, t) && n && this.styleChanged(t);
 	}
 	styleChanged(e) {
@@ -2965,7 +3406,10 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		}), this.engine.requestRender(r.Background);
 	}
 	setAutoScale(e) {
-		this.options.autoScale = e, this.defaultAutoScale = e, this.updateViewportAndRender();
+		this.options.autoScale = e, this.defaultAutoScale = e, !e && this.series.length() > 0 && (this.seriesArriving = !1), this.updateViewportAndRender();
+	}
+	holdPriceScale() {
+		this.options.autoScale = !1, this.priceFitPending = !1;
 	}
 	isAutoScale() {
 		return this.options.autoScale !== !1;
@@ -2980,7 +3424,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		e ? this.crosshairHandler.onPointerMove(e) : this.crosshairHandler.onPointerLeave(), this.engine.requestRender(r.Hover);
 	}
 	setCrosshairTime(e) {
-		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(j(e, t));
+		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(M(e, t));
 		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.engine.requestRender(r.Hover));
 	}
 	getData() {
@@ -2995,6 +3439,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setVolumeVisible(e) {
 		this.volumeRenderer.setVisible(e), this.updateViewportAndRender();
 	}
+	isVolumeVisible() {
+		return this.features.volume && this.volumeRenderer.isVisible();
+	}
 	setVolumeProfileVisible(e) {
 		this.volumeProfile.setVisible(e), this.engine.requestRender(r.Main);
 	}
@@ -3013,6 +3460,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setMarketProfileConfig(e) {
 		e.buckets !== void 0 && this.marketProfile.setBuckets(e.buckets), e.widthRatio !== void 0 && this.marketProfile.setWidthRatio(e.widthRatio), e.opacity !== void 0 && this.marketProfile.setOpacity(e.opacity), e.valueAreaPct !== void 0 && this.marketProfile.setValueAreaPct(e.valueAreaPct), e.highlightPoC !== void 0 && this.marketProfile.setHighlightPoC(e.highlightPoC), e.showStats !== void 0 && this.marketProfile.setShowStats(e.showStats), e.splitBySession !== void 0 && this.marketProfile.setSplitBySession(e.splitBySession), e.letters !== void 0 && this.marketProfile.setLetters(e.letters), this.engine.requestRender(r.Main);
 	}
+	getMarketProfileConfig() {
+		return this.marketProfile.getConfig();
+	}
 	getMarketProfileStats() {
 		return this.marketProfile.getStats();
 	}
@@ -3025,6 +3475,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setDepthHeatmapConfig(e) {
 		e.opacity !== void 0 && this.depthHeatmap.setOpacity(e.opacity), e.capacity !== void 0 && this.depthHeatmap.setCapacity(e.capacity), this.engine.requestRender(r.Main);
 	}
+	getDepthHeatmapConfig() {
+		return this.depthHeatmap.getConfig();
+	}
 	pushDepthSnapshot(e, t) {
 		let n = this.series.bars(), i = t ?? n[n.length - 1]?.time;
 		i === void 0 || !Number.isFinite(i) || (this.depthHeatmap.push(i, e), this.depthHeatmap.isVisible() && this.engine.requestRender(r.Main));
@@ -3041,8 +3494,11 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setPeriodLevelsPeriod(e) {
 		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
 	}
+	getPeriodLevelsPeriod() {
+		return this.periodLevels.getPeriod();
+	}
 	setTimeZone(e) {
-		Un(e), this.timeZoneSetting = e, this.applyTimeZone();
+		jr(e), this.timeZoneSetting = e, this.applyTimeZone();
 	}
 	getTimeZone() {
 		return this.timeZoneSetting;
@@ -3051,7 +3507,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return this.displayTz;
 	}
 	getExchangeTimeZone() {
-		return [C(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && g(e)) ?? null;
+		return [C(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && v(e)) ?? null;
 	}
 	setTimezone(e) {
 		this.setTimeZone(e);
@@ -3068,13 +3524,46 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setTimezoneOffset(e) {
 		this.setTimeZone(e);
 	}
+	applyExchangeZone() {
+		let e = this.getExchangeTimeZone();
+		this.timeAxis.setExchangeTimeZone(e), this.crosshairHandler.setExchangeTimeZone(e), this.crosshairTooltip.setExchangeTimeZone(e), this.pinnedTooltip.setExchangeTimeZone(e), this.studyZoneHeld || this.applyStudyZone(e);
+	}
+	applyStudyZone(e) {
+		this.studyZone = e, this.streamManager?.setTimeZone(e), this.periodLevels.setExchangeTimeZone(e), this.marketProfile.setExchangeTimeZone(e);
+		let t = this.series.bars();
+		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(), st);
+	}
+	endStudyZoneWait() {
+		this.studyZoneReleaseQueued = !1, this.studyZoneTimer !== null && (clearTimeout(this.studyZoneTimer), this.studyZoneTimer = null);
+	}
+	releaseStudyZone() {
+		this.endStudyZoneWait(), this.studyZoneHeld && (this.studyZoneHeld = !1, this.applyStudyZone(this.getExchangeTimeZone()), this.disposed || this.updateViewportAndRender());
+	}
+	releaseStudyZoneAfterCaller() {
+		this.studyZoneHeld && (this.endStudyZoneWait(), this.studyZoneReleaseQueued = !0, queueMicrotask(() => {
+			!this.studyZoneReleaseQueued || this.disposed || this.releaseStudyZone();
+		}));
+	}
+	spokenBarTime(e) {
+		let t = this.getDisplayData(), n = e * u(t), r = this.numberLocale || "en-US";
+		return d(t) === !0 ? de(r, { dateStyle: "medium" }, l(n, this.displayTz, this.getExchangeTimeZone()))(n) : de(r, {
+			dateStyle: "medium",
+			timeStyle: "short"
+		}, this.displayTz)(n);
+	}
 	applyTimeZone() {
 		let e = this.timeZoneSetting === "exchange" ? this.getExchangeTimeZone() ?? "UTC" : this.timeZoneSetting;
 		this.displayTz = e, this.timeAxis.setTimezoneOffset(e), this.crosshairHandler.setTimezoneOffset(e), this.crosshairTooltip.setTimezoneOffset(e), this.pinnedTooltip.setTimezone(e), this.sessionBreaks.setTimezone(e), this.engine.requestRender();
 	}
 	setSymbolInfo(e) {
+		this.studyZoneHeld = !1, this.endStudyZoneWait(), this.useSymbolInfo(e);
+	}
+	useSymbolInfo(e) {
 		let t = e && this.symbolInfo?.symbol === e.symbol ? C(this.symbolInfo) : void 0;
-		this.symbolInfo = e ? Wn({
+		this.symbolInfo = e ? Mr({
 			...e,
 			sessions: e.sessions?.map((e) => ({ ...e }))
 		}, t) : null, this.chartLegend.setExchange(this.symbolInfo?.exchange ?? ""), this.engine.requestRender(r.Hover), this.priceAxis.setPriceTick(this.symbolInfo?.minTick ?? null), this.marketConfig?.pricePrecision === void 0 && this.applyPricePrecision(this.symbolInfo?.pricePrecision ?? null);
@@ -3085,12 +3574,12 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 				endMinute: n
 			}];
 		}), i = C(this.symbolInfo);
-		this.sessionShading.replaceConfig(n.length > 0 && i && g(i) ? {
+		this.sessionShading.replaceConfig(n.length > 0 && i && v(i) ? {
 			timeZone: i,
 			windows: n,
 			startMinute: n[0].startMinute,
 			endMinute: n[n.length - 1].endMinute
-		} : this.hostSessionHours), this.timeZoneSetting === "exchange" && this.applyTimeZone(), this.reapplyExtendedHours(), this.updateViewportAndRender(), this.eventBus.emit("symbolInfoChange", { info: this.symbolInfo });
+		} : this.hostSessionHours), this.timeZoneSetting === "exchange" && this.applyTimeZone(), this.applyExchangeZone(), this.reapplyExtendedHours(), this.updateViewportAndRender(), this.eventBus.emit("symbolInfoChange", { info: this.symbolInfo });
 	}
 	getSymbolInfo() {
 		return this.symbolInfo;
@@ -3099,7 +3588,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		if (!e || typeof e != "object") return;
 		let t = this.currentSymbol, n = (e) => !e || e.toUpperCase() === t.toUpperCase();
 		if (!n(e.symbol)) return;
-		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = Wn({
+		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = Mr({
 			...r,
 			...e,
 			symbol: e.symbol || r?.symbol || t
@@ -3107,14 +3596,16 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		r && JSON.stringify(i) === JSON.stringify(r) || (this.symbolInfoSeq++, this.setSymbolInfo(i));
 	}
 	resolveStreamSymbol(e, t) {
-		this.symbolInfo && this.symbolInfo.symbol !== t && this.setSymbolInfo(null);
-		let n = e.resolveSymbol?.bind(e);
-		if (!n) return;
-		let r = ++this.symbolInfoSeq;
-		Promise.resolve().then(() => n(t)).then((e) => {
-			e && r === this.symbolInfoSeq && this.currentSymbol === t && this.setSymbolInfo(e);
+		let n = N(e), r = n.resolveSymbol?.bind(n);
+		if (this.symbolInfo && this.symbolInfo.symbol !== t ? (r ? this.holdStudyZone() : this.studyZoneHeld = !1, this.useSymbolInfo(null)) : r && this.studyZoneHeld && this.holdStudyZone(), !r) {
+			this.releaseStudyZone();
+			return;
+		}
+		let i = ++this.symbolInfoSeq;
+		Promise.resolve().then(() => r(t)).then((e) => {
+			i === this.symbolInfoSeq && (e && this.currentSymbol === t ? this.setSymbolInfo(e) : this.releaseStudyZone());
 		}, (e) => {
-			r === this.symbolInfoSeq && console.warn(`No symbol info for "${t}":`, e);
+			i === this.symbolInfoSeq && (this.releaseStudyZone(), console.warn(`No symbol info for "${t}":`, e));
 		});
 	}
 	setPivotMarkersVisible(e) {
@@ -3126,6 +3617,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setPivotMarkersConfig(e) {
 		(e.left !== void 0 || e.right !== void 0) && this.pivotMarkers.setStrength(e.left ?? 5, e.right ?? e.left ?? 5), e.showLabels !== void 0 && this.pivotMarkers.setShowLabels(e.showLabels), e.structureLabels !== void 0 && this.pivotMarkers.setStructureLabels(e.structureLabels), this.engine.requestRender(r.Overlay);
 	}
+	getPivotMarkersConfig() {
+		return this.pivotMarkers.getConfig();
+	}
 	setSessionShadingVisible(e) {
 		this.sessionShading.setVisible(e), this.engine.requestRender(r.Background);
 	}
@@ -3133,7 +3627,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = Et(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
+		this.hostSessionHours = Nt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
 	}
 	setTooltipVisible(e) {
 		e || this.crosshairTooltip.hide();
@@ -3141,6 +3635,9 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	setLegend(e) {
 		this.chartLegend.setConfig(e), this.engine.requestRender(r.Hover);
 	}
+	isLegendVisible() {
+		return this.features.legend && this.chartLegend.getConfig().visible;
+	}
 	setSymbolName(e) {
 		this.chartLegend.setSymbol(e), this.engine.requestRender(r.Hover);
 	}
@@ -3152,11 +3649,11 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		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 Tt(e);
-		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Ct() > 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 Mt(e);
+		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? kt() > 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 ? Bt(e) : null;
+		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? Kt(e) : null;
 	}
 	getRenderer() {
 		return this.engine.getGpu() ? "webgl" : "canvas";
@@ -3182,10 +3679,23 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
+		let e = globalThis.ClipboardItem, t = typeof navigator > "u" ? void 0 : navigator.clipboard;
+		if (!t?.write || !e) return !1;
 		try {
 			this.freshFrame();
-			let e = await k.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
-			return !e || !navigator.clipboard?.write || !t ? !1 : (await navigator.clipboard.write([new t({ "image/png": e })]), !0);
+			let n = k.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
+				if (!e) throw Error("No chart image to copy");
+				return e;
+			});
+			n.catch(() => {});
+			let r;
+			try {
+				r = new e({ "image/png": n });
+			} catch (t) {
+				if (!(t instanceof TypeError)) throw t;
+				r = new e({ "image/png": await n });
+			}
+			return await t.write([r]), !0;
 		} catch {
 			return !1;
 		}
@@ -3318,65 +3828,212 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	replayStart(e) {
 		if (!this.features.replay) return;
-		this.history.reset();
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = {
-				price: null,
-				fedTime: null
-			};
+			this.series.beginReplay(), this.replaySession = ei(this.currentSymbol);
 		}
-		let { steps: n, startTime: r, hideHistory: i, revealMarks: a, ...o } = e ?? {}, s = this.series.inHoursShown(this.series.liveBars()), c = t > 0 && r === void 0 && i !== !1, l = o.startIndex;
-		r !== void 0 && l === void 0 ? l = cr(s, r) : c && l !== void 0 && (l += t);
-		let u = c ? t : i && l !== void 0 && l > 0 ? Math.min(Math.floor(l), s.length - 1) : 0, d = u > 0 ? s.slice(u) : s;
-		l !== void 0 && (o.startIndex = l - u), this.replayOffset = u, this.replayRevealMarks = a !== !1;
-		let f = n ? fr(n, d) : null;
-		this.replayStepsSeries = f, this.replayCoarse = d, this.options.autoScale = !0, this.replayRestarting = !0;
+		let n = this.replaySession, { steps: r, startTime: i, hideHistory: a, revealMarks: o, step: s, ...c } = e ?? {};
+		c.animate = c.animate === !0;
+		let l = this.series.inHoursShown(this.series.liveBars()), u = t > 0 && i === void 0 && a !== !1, d = c.startIndex;
+		i !== void 0 && d === void 0 ? d = J(l, i) : u && d !== void 0 && (d += t);
+		let f = u ? t : a && d !== void 0 && d > 0 ? Math.min(Math.floor(d), l.length - 1) : 0, p = f > 0 ? l.slice(f) : l;
+		d !== void 0 && (c.startIndex = d - f), n.windowTime = f > 0 ? p[0]?.time ?? null : null, n.steps = r ?? null, n.stepsSymbol = this.currentSymbol, n.until = null, n.animate = c.animate, n.step = c.animate ? s ?? null : null, this.replayRevealMarks = o !== !1, this.useReplayLoader(n, !0);
+		let m = r ? this.replayStepsOver(n, p, !0) : null;
+		this.options.autoScale = !0, this.buildReplay(p, m, f);
+		let h = this.replayStepsSeries;
+		h && c.startIndex !== void 0 && (c.startIndex = li(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 ? fi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		let a = this.replayRestarting;
+		this.replayRestarting = !0;
 		try {
-			this.replayManager.load(f ?? d);
+			this.replayManager.load(i ?? e);
 		} finally {
-			this.replayRestarting = !1;
+			this.replayRestarting = a;
 		}
-		f && o.startIndex !== void 0 && (o.startIndex = mr(f, d, o.startIndex)), this.replayBarUnsub?.();
-		let p = -1, m = -1, h = null, g = f ?? d;
-		this.replayBarUnsub = this.replayManager.on("bar", ({ index: e }) => {
-			let t = e, n = d[e];
-			if (f) {
-				let r = f[e];
-				t = pr(d, r.time), h = h !== null && m === e - 1 && t === p - 1 && h ? gr(h, r) : hr(d[t], f, e), n = h;
-			}
-			m = e;
-			let r = t + 1, i = p > 0 && r >= p && this.series.length() === p, a = !(i && !this.replaySeeking) || this.autoScrollOnNewBar && this.viewport.isAtEnd();
+		this.replayBarUnsub?.(), this.replayPhaseUnsub?.();
+		let o = -1, s = -1, c = null, l = i ?? e;
+		this.replayBarUnsub = this.replayManager.on("bar", ({ index: t }) => {
+			let n = t, a = e[t];
 			if (i) {
-				f && r > p && this.series.updateReplayed(d[p - 1]);
-				for (let e = p; e < r - 1; e++) this.series.appendReplayed(d[e]);
-				r > p ? this.series.appendReplayed(n) : this.series.updateReplayed(n), this.recalcIndicatorsFrom(this.series.bars(), Math.max(0, p - 1));
-			} else this.series.showReplayed([...d.slice(0, t), n]), this.recalcIndicators(this.series.bars());
-			p = r, this.currentPriceLine.setPrice(n.close, t > 0 ? d[t - 1].close : void 0), this.crosshairHandler.setData(this.series.bars());
-			let o = g[e + 1]?.time ?? g[e].time + (e > 0 ? g[e].time - g[e - 1].time : 1);
-			this.replayRevealMarks && this.revealReplayMarks(o), this.displayDataCache = null, this.updateViewportAndRender(a), this.feedReplaySteps(g, e), this.eventBus.emit("replayStep", {
-				barIndex: t,
-				time: d[t].time,
-				until: o,
-				total: d.length
+				let r = i[t];
+				n = Z(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? mi(c, r) : ui(e[n], i, t), a = di(i, e, t, n) ? e[n] : c;
+			}
+			let u = this.replayForming;
+			this.replayForming = null, s = t;
+			let d = n + 1, f = o > 0 && d >= o && this.series.length() === o, p = f && !this.replaySeeking, m = !p || this.autoScrollOnNewBar && this.viewport.isAtEnd(), h = this.series.length();
+			if (f) {
+				d > o && this.series.updateReplayed(e[o - 1]);
+				for (let t = o; t < d - 1; t++) this.series.appendReplayed(e[t]);
+				d > o ? this.series.appendReplayed(a) : this.series.updateReplayed(a), this.recalcIndicatorsFrom(this.series.bars(), Math.max(0, o - 1));
+			} else this.series.showReplayed([...e.slice(0, n), a]), this.recalcIndicators(this.series.bars());
+			o = d, this.replayCause === "older" && (this.viewport.prependBars(d - h), m = !1), this.currentPriceLine.setPrice(a.close, n > 0 ? e[n - 1].close : void 0), this.crosshairHandler.setData(this.series.bars());
+			let g = l[t + 1]?.time ?? l[t].time + (t > 0 ? l[t].time - l[t - 1].time : 1);
+			this.replaySession && (this.replaySession.until = g), this.replayRevealMarks && this.revealReplayMarks(g), this.displayDataCache = null, this.reshapeMemo.clear(), this.updateViewportAndRender(m), r ? this.feedReplayForming(e, t, u?.index === t ? u.path : this.replayPathOf(e, t), 1) : this.feedReplaySteps(l, t);
+			let _ = this.replayCause === null ? p ? "play" : "seek" : "series";
+			this.eventBus.emit("replayStep", {
+				barIndex: n,
+				time: e[n].time,
+				stepTime: l[t].time,
+				until: g,
+				total: e.length,
+				cause: _
 			});
+		}), 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 = pi() ? wr(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = Cr(r, i);
+			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
+				index: t,
+				path: r
+			}, this.drawFormingBar(c, t > 0 ? e[t - 1].close : void 0, a, s), this.feedReplayForming(e, t, r, i), this.loadReplaySteps(e, t);
+		}));
+	}
+	drawFormingBar(e, t, n, r) {
+		this.currentPriceLine.setPrice(e.close, t);
+		let i = this.series.bars();
+		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !Xr.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
+			this.scheduleRender();
+			return;
+		}
+		this.crosshairHandler.setData(i), this.reshapeMemo.clear(), this.updateViewportAndRender(r);
+	}
+	replayPathOf(e, t) {
+		let n = e[t];
+		return vr(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(Yr / r) : 1);
+	}
+	useReplayLoader(e, t) {
+		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? Dr(e.step, r, (e) => A(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 = w(r), u = new dr({
+			source: s ? (e, t) => s.call(o, c, i, e, t) : null,
+			step: i,
+			ratio: Math.max(1, Math.round(l / w(i))),
+			barMs: l,
+			keep: (e) => this.series.inHoursShown(e),
+			report: (e) => this.eventBus.emit("replayStepsLoad", e)
 		});
-		let _ = g[Math.max(0, Math.min(Math.floor(Number(o.startIndex ?? 0)) || 0, g.length - 1))];
-		this.revealReplayMarks(this.replayRevealMarks ? _?.time ?? null : null), !o.paused && o.startIndex !== void 0 && o.startIndex >= 1 && this.replaySeek(o.startIndex - 1), this.replayManager.play(o);
+		this.replayLoader = {
+			key: a,
+			loader: u
+		};
+	}
+	feedReplayForming(e, t, n, r) {
+		let i = this.replaySession, a = this.executionAdapter, o = e[t];
+		if (!i || !a?.setMarkPrice || !o) return;
+		let s = i.fedTime;
+		if (s === null) {
+			i.fedTime = o.time, i.fedFraction = r, this.feedReplayPrice(Cr(n, r).close, o.time);
+			return;
+		}
+		if (o.time < s || o.time === s && r <= i.fedFraction) return;
+		let c = [];
+		if (o.time > s) {
+			let a = J(e, s);
+			e[a]?.time === s && i.fedFraction < 1 && c.push(...K(this.replayPathOf(e, a), i.fedFraction, 1));
+			let o = e.slice(Y(e, s), t), l = Math.ceil(o.length / oi);
+			for (let e = 0; e < o.length; e += l) c.push(...si(o.slice(e, e + l)));
+			c.push(...K(n, -1, r));
+		} else c.push(...K(n, i.fedFraction, r));
+		i.fedTime = o.time, i.fedFraction = r;
+		for (let [e, t] of c) a.setMarkPrice(e, t);
+		let l = c[c.length - 1]?.[0];
+		l !== void 0 && this.tradingManager.setCurrentPrice(l);
+	}
+	followLiveChange(e) {
+		let t = this.replaySession;
+		t && (e.kind === "bar" && !(t.until !== null && e.time < t.until) || this.rebaseReplay(e.kind));
+	}
+	rebaseReplay(e) {
+		let t = this.replaySession;
+		if (!t) return;
+		let n = this.series.inHoursShown(this.series.liveBars());
+		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 : ri(o ?? i, t.until);
+		if (s < 0 && this.canPageBackForReplay(t)) {
+			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
+			return;
+		}
+		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 && ni(t, this.replayCoarse, i);
+		let f = this.replayRestarting;
+		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
+		try {
+			this.buildReplay(i, a, r), this.restartReplayAt(Math.max(0, s), d, !l && u === "playing");
+		} finally {
+			this.replayRestarting = f, this.replayCause = null;
+		}
+		let p = this.getReplayState();
+		p !== c && !f && this.eventBus.emit("replayState", { state: p }), this.emitBars(this.series.length());
+	}
+	restartReplayAt(e, t, n) {
+		this.replayManager.play({
+			paused: !0,
+			startIndex: e,
+			...t === null ? {} : { duration: t }
+		}), n && this.replayManager.resume();
+	}
+	clearBarHolders() {
+		this.pinnedTooltip.isPinned() && this.pinnedTooltip.unpin(), this.measureOverlay.end(), this.sessionBreaks.invalidateCache();
+	}
+	replayStepsOver(e, t, n = !1) {
+		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
+		let r = ci(this.series.inHoursShown(e.steps), t);
+		return r && (n || ai(r, t)) ? r : null;
+	}
+	canPageBackForReplay(e) {
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Zr;
+	}
+	async pageBackForReplay(e) {
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Zr, this.rebaseReplay("older"));
+	}
+	holdReplay() {
+		let e = this.replaySession;
+		if (!e || e.held) return;
+		let t = this.replayManager.getState() === "playing" ? "playing" : "paused", n = this.replayRestarting;
+		this.replayRestarting = !0;
+		try {
+			this.replayManager.pause();
+		} finally {
+			this.replayRestarting = n;
+		}
+		e.held = {
+			state: t,
+			pagesBack: 0
+		};
+	}
+	holdReplayFor(e) {
+		this.replaySession && (this.replayEndsFor(e) ? this.replayStop() : this.holdReplay());
+	}
+	replayEndsFor(e) {
+		let t = this.replaySession;
+		return t !== null && this.replayTrades() && e !== t.symbol;
+	}
+	replayPages() {
+		let e = this.replaySession;
+		return e === null || e.windowTime === null && e.held === null;
 	}
 	revealReplayMarks(e) {
 		let t = e !== null && this.replayOffset > 0 ? this.replayCoarse?.[0]?.time ?? -Infinity : -Infinity;
 		this.signalMarkerManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		if (!this.replaySession || !this.replayCoarse) return;
-		let t = this.replayStepsSeries ?? this.replayCoarse, n = 0, r = t.length - 1;
-		for (; n < r;) {
-			let i = n + r + 1 >> 1;
-			t[i].time < e ? n = i : r = i - 1;
-		}
-		this.replaySeek(n);
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, ri(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -3396,26 +4053,31 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			return;
 		}
 		if (i.time <= n.fedTime) return;
-		let a = e.slice(lr(e, n.fedTime), t + 1);
+		let a = e.slice(Y(e, n.fedTime), t + 1);
 		n.fedTime = i.time;
-		let o = Math.ceil(a.length / sr);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of ur(a.slice(e, e + o))) r.setMarkPrice(t, n);
+		let o = Math.ceil(a.length / oi);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of si(a.slice(e, e + o))) r.setMarkPrice(t, n);
 		this.tradingManager.setCurrentPrice(i.close);
 	}
 	getReplayBarIndex() {
 		if (!this.replaySession) return -1;
+		if (this.replayForming) return this.replayForming.index;
 		let { current: e } = this.replayManager.getProgress(), t = this.replayStepsSeries;
-		return t && this.replayCoarse ? pr(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
+		return t && this.replayCoarse ? Z(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? mr(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? li(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
-		this.replayManager.pause();
+		this.setHeldState("paused") || this.replayManager.pause();
 	}
 	replayResume() {
-		this.replayManager.resume();
+		this.setHeldState("playing") || this.replayManager.resume();
+	}
+	setHeldState(e) {
+		let t = this.replaySession?.held;
+		return t ? (t.state !== e && (t.state = e, this.eventBus.emit("replayState", { state: e })), !0) : !1;
 	}
 	replayStop() {
 		let e = this.replaySession, t = this.endReplaySession();
@@ -3441,10 +4103,10 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			data: this.getDisplayData()
 		}, r = n.chartRect, i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
 		for (let e of t.anchors) {
-			let t = Nt(e.time, n), r = Dt(e.price, n);
+			let t = Bt(e.time, n), r = Ft(e.price, n);
 			i = Math.min(i, t), a = Math.max(a, t), o = Math.min(o, r), s = Math.max(s, r);
 		}
-		return Xn.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Zn.has(t.type) && ([o, s] = [r.y, r.y + r.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 ? {
+		return Rr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), zr.has(t.type) && ([o, s] = [r.y, r.y + r.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,
 			y: o,
 			width: a - i,
@@ -3455,7 +4117,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		if (!this.replaySession) return null;
 		this.returnMarkToLive();
 		let e = this.series.endReplay();
-		return this.replaySession = null, this.replayStepsSeries = null, this.replayCoarse = null, this.replayBarUnsub?.(), this.replayBarUnsub = null, this.replayManager.stop(), this.replayOffset = 0, this.revealReplayMarks(null), e;
+		return this.replaySession = null, this.replayStepsSeries = null, this.replayCoarse = null, this.replayBarUnsub?.(), this.replayBarUnsub = null, this.replayPhaseUnsub?.(), this.replayPhaseUnsub = null, this.replayLoader?.loader.dispose(), this.replayLoader = null, this.replayPieces = null, this.replayForming = null, this.replayManager.stop(), this.replayOffset = 0, this.revealReplayMarks(null), e;
 	}
 	replaySeek(e) {
 		this.replaySeeking = !0;
@@ -3469,13 +4131,18 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.replayManager.setSpeed(e);
 	}
 	getReplayState() {
-		return this.replayManager.getState();
+		return this.replaySession?.held?.state ?? this.replayManager.getState();
 	}
 	getReplayProgress() {
-		return this.replayManager.getProgress();
+		let e = this.replaySession, t = e ? this.replayCoarse?.[this.getReplayBarIndex()] : void 0;
+		return {
+			...this.replayManager.getProgress(),
+			time: e?.until != null && t ? t.time : null,
+			until: e?.until ?? null
+		};
 	}
 	captureSnapshot() {
-		return w.capture({
+		return T.capture({
 			getDrawings: () => this.getDrawings(),
 			getTheme: () => this.themeManager.getBaseTheme(),
 			getAlerts: () => this.getAlerts(),
@@ -3488,14 +4155,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = $n(e), r = /* @__PURE__ */ new Map();
+		let n = Vr(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 = new Map(n.map((e) => [e.instanceId, e])), t = this.getIndicatorSetup();
 			for (let n of t) {
 				let t = e.get(n.instanceId);
-				t && er(n, t) && o.add(n.instanceId);
+				t && Hr(n, t) && o.add(n.instanceId);
 			}
 			for (let e of t) o.has(e.instanceId) || this.removeIndicator(e.instanceId);
 			for (let e of [...o]) this.indicatorEngine.getIndicatorConfig(e) || o.delete(e);
@@ -3503,8 +4170,8 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		let s = (e) => {
 			let t = { ...e };
 			for (let [e, n] of Object.entries(t)) {
-				let i = y(n), a = i && r.get(i.instanceId);
-				a && (t[e] = h(a, i.key));
+				let i = b(n), a = i && r.get(i.instanceId);
+				a && (t[e] = _(a, i.key));
 			}
 			return t;
 		};
@@ -3557,7 +4224,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		let s = t.levels ?? null;
 		JSON.stringify(s) !== JSON.stringify(o?.levels ?? null) && this.setIndicatorLevels(e, s);
 		let c = t.intervals ?? null;
-		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? re(t.paneStyle) : null);
+		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? oe(t.paneStyle) : null);
 	}
 	restorePanes(e) {
 		for (let [t, n] of e) t.paneSize !== void 0 && this.layoutManager.setPanelSize(n, t.paneSize), (t.paneSize !== void 0 || t.paneCollapsed) && this.layoutManager.setPanelCollapsed(n, !!t.paneCollapsed), t.paneSize !== void 0 && this.layoutManager.setPanelScale(n, {
@@ -3662,7 +4329,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		if (this.indicatorHistoryDepth > 0 || !this.features.drawingUndoRedo) return t();
 		let n = this.getIndicatorSetup(), r = this.withoutIndicatorHistory(t), i = this.getIndicatorSetup();
 		if (JSON.stringify(n) === JSON.stringify(i)) return r;
-		let a = performance.now(), o = this.undoRedoManager.last(), s = e !== void 0 && o?.type === "indicators" && o.indicators?.subject === e && a - (o.indicators.at ?? 0) < qn && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
+		let a = performance.now(), o = this.undoRedoManager.last(), s = e !== void 0 && o?.type === "indicators" && o.indicators?.subject === e && a - (o.indicators.at ?? 0) < Fr && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
 			type: "indicators",
 			before: null,
 			after: null
@@ -3690,13 +4357,13 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = this.captureSnapshot(), n = w.serialize(t);
-		return e && w.saveToStorage(e, t), n;
+		let t = this.captureSnapshot(), n = T.serialize(t);
+		return e && T.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = w.deserialize(e);
-		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.displayDataCache = null, t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), (t.theme === "dark" || t.theme === "light") && this.setTheme(t.theme), t.version >= 3 && this.themeManager.setUserOverrides(t.overrides ?? {}) && this.styleChanged("user");
+		let t = T.deserialize(e);
+		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.displayDataCache = null, this.reshapeMemo.clear(), t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), (t.theme === "dark" || t.theme === "light") && this.setTheme(t.theme), t.version >= 3 && this.themeManager.setUserOverrides(t.overrides ?? {}) && this.styleChanged("user");
 		let n = t.version >= 2 && this.features.indicators ? this.withoutIndicatorHistory(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
 		if (this.undoRedoManager.clear(), t.alerts && this.features.alerts) {
 			this.alertManager.clearAlerts();
@@ -3706,7 +4373,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 					let t = e.indexOf(":"), r = t > 0 ? n.get(e.slice(0, t)) : void 0;
 					return r ? r + e.slice(t) : e;
 				}, r = t(e.channel), i = {
-					...kt(e),
+					...Lt(e),
 					...e.target ? { target: t(e.target) } : {}
 				};
 				if (!e.expired) {
@@ -3726,28 +4393,28 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = w.loadFromStorage(e);
-		return t ? (this.loadState(w.serialize(t)), !0) : !1;
+		let t = T.loadFromStorage(e);
+		return t ? (this.loadState(T.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
-		this.features.saveLoad && w.downloadFile(this.captureSnapshot(), e);
+		this.features.saveLoad && T.downloadFile(this.captureSnapshot(), e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await w.loadFromFile();
-		this.loadState(w.serialize(e));
+		let e = await T.loadFromFile();
+		this.loadState(T.serialize(e));
 	}
 	setLocale(e) {
-		ae(e), this.engine.requestRender();
+		ce(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
-		this.numberLocale = e, this.viewport.setNumberLocale(e), this.priceAxis.setLocale(e), this.leftPriceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.timeAxis.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
+		this.numberLocale = e, this.viewport.setNumberLocale(e), this.priceAxis.setLocale(e), this.leftPriceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.timeAxis.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.pinnedTooltip.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
 	}
 	getNumberLocale() {
 		return this.numberLocale;
 	}
 	setMarket(e) {
-		if (this.marketConfig = e, this.timeZoneSetting === "exchange" && this.applyTimeZone(), e.colorScheme) {
+		if (this.marketConfig = e, this.studyZoneHeld = !1, this.endStudyZoneWait(), this.timeZoneSetting === "exchange" && this.applyTimeZone(), this.applyExchangeZone(), e.colorScheme) {
 			let t = {
 				...this.themeManager.getBaseTheme(),
 				candleUp: e.colorScheme.up,
@@ -3757,17 +4424,17 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			};
 			this.themeManager.setTheme(t);
 		}
-		e.pricePrecision !== void 0 && this.applyPricePrecision(e.pricePrecision), this.updateViewportAndRender();
+		e.pricePrecision !== void 0 && this.applyPricePrecision(e.pricePrecision), this.updateViewportAndRender(), this.eventBus.emit("marketChange", { market: e });
 	}
 	applyPricePrecision(e) {
-		this.marketPricePrecision = e, this.priceAxis.setPricePrecision(e), this.tradingManager.setConfig({ pricePrecision: e ?? void 0 }), this.alertManager.setPricePrecision(e), this.tradeZoneManager.setPricePrecision(e), this.streamManager?.priceLine.setPricePrecision(e), this.currentPriceLine.setPricePrecision(e), this.crosshairHandler.setPricePrecision(e), this.chartLegend.setPricePrecision(e), this.crosshairTooltip.setPricePrecision(e);
+		this.marketPricePrecision = e, this.viewport.setPricePrecision(e), this.pinnedTooltip.setPricePrecision(e), this.priceAxis.setPricePrecision(e), this.tradingManager.setConfig({ pricePrecision: e ?? void 0 }), this.alertManager.setPricePrecision(e), this.tradeZoneManager.setPricePrecision(e), this.streamManager?.priceLine.setPricePrecision(e), this.currentPriceLine.setPricePrecision(e), this.crosshairHandler.setPricePrecision(e), this.chartLegend.setPricePrecision(e), this.crosshairTooltip.setPricePrecision(e);
 	}
 	getMarket() {
 		return this.marketConfig;
 	}
 	getPriceLimits() {
 		let e = this.marketConfig;
-		return !e?.priceLimits?.enabled || !e.priceLimits.referencePrice ? null : d(e.priceLimits.referencePrice, e);
+		return !e?.priceLimits?.enabled || !e.priceLimits.referencePrice ? null : p(e.priceLimits.referencePrice, e);
 	}
 	setPriceLimits(e) {
 		this.marketConfig?.priceLimits && (this.marketConfig = {
@@ -3797,18 +4464,24 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.disposed = !0, 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 = nn(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof Fe && t.setPriceText((e) => this.formatPrice(e)), t;
+		let t = Cn(e, (e) => this.pluginManager.getChartType(e));
+		return t instanceof Le && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	crosshairSeries() {
 		return this.isTimeAligned() ? this.series.bars() : this.getDisplayData();
 	}
 	getDisplayData() {
-		if (this.displayDataCache) return this.displayDataCache;
-		let e = this.series.bars();
+		let e = this.series.bars(), t = this.options.chartType === "rangeBars" ? bn(e, (e) => this.stepAt(e)) : void 0;
+		if (this.displayDataCache && t === this.displayDataStep) return this.displayDataCache;
 		if (e.length === 0) return e;
-		let t = rn(this.options.chartType, e, (e) => this.pluginManager.getChartType(e), this.chartTypeOptions);
-		return this.chartRenderer instanceof D && !this.pluginManager.getChartType(this.options.chartType) && this.chartRenderer.setBoxSize(en(e, this.chartTypeOptions)), this.displayDataCache = t, t;
+		let n = this.displaySeries(e, t);
+		return this.displayDataCache = n, this.displayDataStep = t, n;
+	}
+	displaySeries(e, t) {
+		let n = this.options.chartType, r = (e) => this.pluginManager.getChartType(e);
+		if (n !== "pointAndFigure" || r(n)) return wn(n, e, r, this.chartTypeOptions, t, this.reshapeMemo);
+		let { columns: i, boxSize: a } = un(e, this.chartTypeOptions, this.reshapeMemo);
+		return this.chartRenderer instanceof Qe && this.chartRenderer.setBoxSize(a), i;
 	}
 	recalcIndicatorsFrom(e, t) {
 		this.indicatorEngine.recalculateFrom(e, t), this.announceIndicatorUpdate(t);
@@ -3850,23 +4523,23 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.panelInfoCache = null, this.fitDataAndAxes(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 	}
 	applyDataToViewport(e = !1) {
-		let t = this.getDisplayData(), n = this.options.autoScale !== !1;
+		let t = this.getDisplayData(), n = this.options.autoScale !== !1 || this.priceFitPending;
 		this.viewport.updateData(t, !1), e && (this.viewport.scrollToEnd(), this.viewport.updateData(t, !1));
 		let r = this.viewport.getState();
 		if (t.length > 0) {
 			let e = Math.max(0, Math.min(r.visibleRange.from, t.length - 1));
 			this.viewport.setScaleBaseline(t[e]?.close);
 		}
-		return n && this.fitPriceScale(t, r), t;
+		return n && this.fitPriceScale(t, this.viewport.getState()), t;
 	}
 	fitPriceScale(e, t) {
 		if (e.length === 0) return;
-		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = or(or(f(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && ar(e, n, r) ? this.volumeRenderer.getHeightRatio() + Kn : E;
+		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = Jr(Jr(m(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && qr(e, n, r) ? this.volumeRenderer.getHeightRatio() + Pr : D;
 		this.viewport.setScaleMargins(this.viewport.isInvertScale() ? {
 			top: a,
-			bottom: E
+			bottom: D
 		} : {
-			top: E,
+			top: D,
 			bottom: a
 		}), this.viewport.fitToPrices(i.min, i.max);
 	}
@@ -3876,14 +4549,19 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		this.viewport.setChartRect(t.mainChartRect), this.fitDataAndAxes(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 	}
 	fitDataAndAxes(e = !1) {
-		this.applyDataToViewport(e);
-		let t = this.fitPriceAxisWidth();
-		this.leftViewport = this.computeLeftViewport(), (this.fitLeftAxisWidth() || t) && this.applyDataToViewport(e);
+		let t = this.applyDataToViewport(e), n = this.fitPriceAxisWidth();
+		this.leftViewport = this.computeLeftViewport(), (this.fitLeftAxisWidth() || n) && this.applyDataToViewport(e), this.priceFitPending && this.priceFitDone(t) && (this.priceFitPending = !1);
+	}
+	priceFitDone(e) {
+		let { chartRect: t, offset: n, barWidth: r, barSpacing: i } = this.viewport.getState();
+		if (e.length === 0 || t.width <= 0) return !1;
+		let a = n <= 0 && e.length * (r + i) - n <= t.width;
+		return !(this.seriesArriving && a);
 	}
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = En({
+		let t = this.themeManager.getTheme(), n = Yn({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -3892,12 +4570,12 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Dn(this.leftAxisWidth, n);
+		}), r = Xn(this.leftAxisWidth, n);
 		return r === this.leftAxisWidth ? !1 : (this.leftAxisWidth = r, this.layoutManager.setLeftAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, 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 = En({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = Yn({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -3908,14 +4586,14 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Dn(this.priceAxisWidth, n);
+		}), r = Xn(this.priceAxisWidth, n);
 		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(r.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => tr(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => Ur(n, e, t));
 		let i = n ?? this.detachedMeasureContext();
-		return i ? tr(i, e, t) : e.length * 7;
+		return i ? Ur(i, e, t) : e.length * 7;
 	}
 	detachedMeasureContext() {
 		return this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), this.measureCtx;
@@ -3956,7 +4634,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 	buildPanelRenderInfos() {
 		if (this.panelInfoCache) return this.panelInfoCache;
 		let e = this.getResolvedLayout(), t = this.viewport.getState(), { from: n, to: r } = t.visibleRange, i = e.panels.map((e) => {
-			let i = e.config.logScale ? this.indicatorEngine.getPaneValueRange(e.config.id, n, r, !0) : null, a = i ?? this.indicatorEngine.getPaneValueRange(e.config.id, n, r) ?? { ...Bn }, o = {
+			let i = e.config.logScale ? this.indicatorEngine.getPaneValueRange(e.config.id, n, r, !0) : null, a = i ?? this.indicatorEngine.getPaneValueRange(e.config.id, n, r) ?? { ...Or }, o = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -3975,6 +4653,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 					scaleMode: e.config.percentScale ? "percentage" : "regular",
 					scaleBaseline: e.config.percentScale ? this.paneBaseline(e.config.id, n, r) : void 0,
 					formatPrice: void 0,
+					pricePrecision: void 0,
 					priceUnit: void 0,
 					invertScale: !!e.config.invertScale
 				}
@@ -4014,7 +4693,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			barCountdown: this.barCountdown,
 			sessionBreaks: this.sessionBreaks,
 			sessionShading: this.sessionShading,
-			compareRenderer: this.compareRenderer,
+			compareRenderer: this.comparesDrawn() ? this.compareRenderer : null,
 			alertManager: this.features.alerts ? this.alertManager : null,
 			measureOverlay: this.measureOverlay,
 			selectionBoxOverlay: this.selectionBoxOverlay,
@@ -4030,6 +4709,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 			},
 			theme: this.themeManager.getTheme(),
 			data: n,
+			seriesRevision: this.series.revision(),
 			numberLocale: this.numberLocale,
 			paneTitles: this.paneTitles,
 			indicatorValueLabels: this.features.indicatorValueLabels,
@@ -4038,7 +4718,7 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = W(this.pluginManager.getOverlays(), t);
+		let n = tr(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -4059,11 +4739,11 @@ var Gn = .08, Kn = a ** -7, qn = 800, Jn = 20, Yn = 8, Xn = new Set(["horizontal
 		};
 	}
 };
-function $n(e) {
+function Vr(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);
-		let o = [e.pane, ...Object.values(e.params).map((e) => y(e)?.instanceId)];
+		let o = [e.pane, ...Object.values(e.params).map((e) => b(e)?.instanceId)];
 		for (let e of o) {
 			let n = e ? t.get(e) : void 0;
 			n && a(n);
@@ -4073,19 +4753,19 @@ function $n(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function er(e, t) {
+function Hr(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 tr(e, t, n) {
+function Ur(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var nr = 300;
-function rr(e) {
+var Wr = 300;
+function Gr(e) {
 	let t = {}, n = e.family;
-	typeof n == "string" && n.trim() !== "" && n.length <= nr && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
+	typeof n == "string" && n.trim() !== "" && n.length <= Wr && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
 	for (let n of [
 		"sizeSmall",
 		"sizeMedium",
@@ -4096,15 +4776,15 @@ function rr(e) {
 	}
 	return t;
 }
-function ir(e) {
+function Kr(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
-function ar(e, t, n) {
+function qr(e, t, n) {
 	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
 	return !1;
 }
-function or(e, t) {
+function Jr(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -4125,8 +4805,64 @@ function q(e) {
 		bars: e.bars
 	};
 }
-var sr = 500;
-function cr(e, t) {
+var Yr = 8e3, Xr = new Set([
+	"candlestick",
+	"line",
+	"area",
+	"bar",
+	"hollowCandle"
+]), Zr = 10, Qr = 50, $r = .001;
+function ei(e) {
+	return {
+		price: null,
+		fedTime: null,
+		fedFraction: 1,
+		animate: !1,
+		step: null,
+		until: null,
+		windowTime: null,
+		steps: null,
+		stepsSymbol: e,
+		symbol: e,
+		held: null
+	};
+}
+function ti(e, t) {
+	let n = e[t + 1];
+	return n ? n.time - e[t].time : X(e);
+}
+function ni(e, t, n) {
+	let r = e.fedTime;
+	if (r === null || !t || t.length === 0 || n.length === 0) return;
+	let i = ti(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 = ti(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 ri(e, t) {
+	let n = Y(e, t), r = e.length - 1;
+	return n > r && r >= 0 && e[r].time + X(e) <= t ? r : Math.max(-1, n - 2);
+}
+function ii(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 ai(e, t) {
+	if (!(ii(e) < ii(t))) return !1;
+	let n = Math.max(0, e.length - Qr);
+	for (let r = n; r < e.length; r++) {
+		let n = t[Z(t, e[r].time)], i = (n.high - n.low) * $r + 2 ** -52;
+		if (e[r].close > n.high + i || e[r].close < n.low - i) return !1;
+	}
+	return !0;
+}
+var oi = 500;
+function J(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -4134,7 +4870,7 @@ function cr(e, t) {
 	}
 	return n;
 }
-function lr(e, t) {
+function Y(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -4142,20 +4878,20 @@ function lr(e, t) {
 	}
 	return n;
 }
-function ur(e) {
+function si(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 dr(e) {
+function X(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 fr(e, t) {
+function ci(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + dr(t), r = e.filter((e) => ln(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	let n = t[t.length - 1].time + X(t), r = e.filter((e) => jn(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);
@@ -4163,7 +4899,7 @@ function fr(e, t) {
 	let o = t.slice(0, a), s = i.filter((e) => e.time >= t[a].time);
 	return [...o, ...s];
 }
-function pr(e, t) {
+function Z(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r + 1 >> 1;
@@ -4171,22 +4907,37 @@ function pr(e, t) {
 	}
 	return n;
 }
-function mr(e, t, n) {
+function li(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 hr(e, t, n) {
+function ui(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 = gr(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = mi(i, t[e]);
 	return i;
 }
-function gr(e, t) {
+function di(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 fi(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = t[Z(t, r.time)].time, i = n.get(e);
+		i ? i.push(r) : n.set(e, [r]);
+	}
+	return n;
+}
+function pi() {
+	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function mi(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -4198,26 +4949,26 @@ function gr(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var _r = [
+var hi = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], vr = ["open", "o"], yr = ["high", "h"], br = ["low", "l"], xr = ["close", "c"], Sr = [
+], gi = ["open", "o"], _i = ["high", "h"], vi = ["low", "l"], yi = ["close", "c"], bi = [
 	"volume",
 	"vol",
 	"v"
 ];
-function Cr(e) {
+function xi(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? wr(t) : Tr(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Si(t) : Ci(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function wr(e) {
+function Si(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -4227,19 +4978,19 @@ function wr(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) ? Ar(e) : kr(e);
+		let t = Array.isArray(e) ? Oi(e) : Di(e);
 		t ? n.push(t) : r++;
 	}
-	return jr(n, t.length, r);
+	return Ai(n, t.length, r);
 }
-function Tr(e) {
+function Ci(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 = Er(t[0]), r = Dr(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Or(r) : {
+	let n = wi(t[0]), r = Ti(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Ei(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -4250,7 +5001,7 @@ function Tr(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 = Dr(t[e], n), i = Y(r[a.time]), c = J(r[a.open]), l = J(r[a.high]), u = J(r[a.low]), d = J(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = Ti(t[e], n), i = ki(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,
@@ -4269,9 +5020,9 @@ function Tr(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return jr(o, t.length - +!!i, s);
+	return Ai(o, t.length - +!!i, s);
 }
-function Er(e) {
+function wi(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -4283,7 +5034,7 @@ function Er(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Dr(e, t) {
+function Ti(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -4291,25 +5042,25 @@ function Dr(e, t) {
 	}
 	return n.push(r), n;
 }
-function Or(e) {
+function Ei(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(_r),
-		open: t(vr),
-		high: t(yr),
-		low: t(br),
-		close: t(xr),
-		volume: t(Sr)
+		time: t(hi),
+		open: t(gi),
+		high: t(_i),
+		low: t(vi),
+		close: t(yi),
+		volume: t(bi)
 	};
 }
-function kr(e) {
+function Di(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 = Y(String(t(_r) ?? "")), r = Number(t(vr)), i = Number(t(yr)), a = Number(t(br)), o = Number(t(xr)), s = Number(t(Sr) ?? 0);
+	}, n = ki(String(t(hi) ?? "")), r = Number(t(gi)), i = Number(t(_i)), a = Number(t(vi)), o = Number(t(yi)), s = Number(t(bi) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -4324,9 +5075,9 @@ function kr(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Ar(e) {
+function Oi(e) {
 	if (e.length < 5) return null;
-	let t = Y(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 = ki(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,
@@ -4341,18 +5092,18 @@ function Ar(e) {
 		volume: Number.isFinite(o) ? o : 0
 	};
 }
-function J(e) {
+function Q(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function Y(e) {
+function ki(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
-	if (Number.isFinite(n) && n > 0) return v(n);
+	if (Number.isFinite(n) && n > 0) return y(n);
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function jr(e, t, n) {
+function Ai(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);
@@ -4364,7 +5115,7 @@ function jr(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Mr = class {
+var ji = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -4385,19 +5136,19 @@ var Mr = 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) {
-		X(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		Mi(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		X(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		Mi(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		X(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		Mi(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 = Cr(await t.text());
+			let e = xi(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) {
@@ -4428,12 +5179,12 @@ var Mr = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function X(e) {
+function Mi(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
 //#region src/state/layoutStorage.ts
-function Z(e) {
+function Ni(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -4441,11 +5192,11 @@ function Z(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 Nr = (e, t) => t.updatedAt - e.updatedAt;
-function Q(e) {
+var Pi = (e, t) => t.updatedAt - e.updatedAt;
+function Fi(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 : Z({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Ni({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -4454,17 +5205,17 @@ function Q(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function Pr(e) {
-	let t = Q(e), n = t ? e.content : void 0;
+function Ii(e) {
+	let t = Fi(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function Fr(e = []) {
+function Li(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Z).sort(Nr),
+		list: () => [...t.values()].map(Ni).sort(Pi),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -4477,7 +5228,7 @@ function Fr(e = []) {
 		}
 	};
 }
-function Ir(e = "tcw:layouts:") {
+function Ri(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -4485,10 +5236,10 @@ function Ir(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(Q).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(Fi).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Nr),
+		list: () => r().sort(Pi),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -4497,7 +5248,7 @@ function Ir(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Z(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ni(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -4506,14 +5257,14 @@ function Ir(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var Lr = 80;
+var zi = 80;
 function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function Rr() {
+function Bi() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function zr(e) {
+function Vi(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -4524,7 +5275,7 @@ function zr(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var Br = class {
+var Hi = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -4540,7 +5291,7 @@ var Br = 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 ?? Rr;
+		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 ?? Bi;
 	}
 	current() {
 		return this.currentLayout;
@@ -4556,7 +5307,7 @@ var Br = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(Q).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(Fi).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -4570,7 +5321,7 @@ var Br = class {
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = Pr(await this.storage.load(e));
+			let t = Ii(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -4580,13 +5331,13 @@ var Br = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = zr(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = Vi(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 = Pr(await this.storage.load(e));
+			let t = Ii(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -4664,7 +5415,7 @@ var Br = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = zr(r);
+		let i = Vi(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -4685,6 +5436,6 @@ var Br = class {
 	}
 };
 //#endregion
-export { V as C, dn as S, L as T, W as _, Fr as a, gn as b, Qn as c, In as d, Fn as f, jn as g, Nn as h, Ir as i, Hn as l, Mn as m, Lr as n, Mr as o, Pn as p, $ as r, Cr as s, Br as t, Vn as u, G as v, z as w, pn as x, xn as y };
+export { In as C, z as D, L as E, on as O, zn as S, B as T, rr as _, Li as a, W as b, Br as c, Er as d, Dr as f, nr as g, ir as h, Ri as i, Ar as l, ar as m, zi as n, ji as o, or as p, $ as r, xi as s, Hi as t, kr as u, er as v, Pn as w, Wn as x, tr as y };
 
-//# sourceMappingURL=LayoutSession-Qkx1huV-.js.map
+//# sourceMappingURL=LayoutSession-D7uQq3jX.js.map