@tradecanvas/chart 1.52.0 → 1.53.0

package/dist/{LayoutSession-4SLt8-0u.js → LayoutSession-D7uQq3jX.js}

@@ -1,12 +1,12 @@
-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 x, readChartTypeOptions as S, readIndicatorPlotStyles as ie, readPaneStyle as ae, resolveChartTheme as oe, sessionMinute as C, setLocale as se, stepDecimals as ce, symbolTimeZone as w, tickBarCount as le, timeframeToMs as ue, 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 D, HollowCandleRenderer as Le, IndicatorEngine as Re, InteractionManager as ze, KagiRenderer as Be, KeyboardHandler as Ve, LineRenderer as He, LineWithMarkersRenderer as Ue, MarketProfileRenderer as We, MeasureOverlay as Ge, PRICE_SCALE_MARGIN as O, PanHandler as Ke, PaneResizeHandler as qe, PeriodLevelsRenderer as Je, PinnedTooltip as Ye, PivotMarkersRenderer as Xe, PointAndFigureRenderer as Ze, PriceAxis as Qe, PriceAxisAddButton as $e, PriceLines as et, RenderEngine as tt, RenkoRenderer as nt, ReplayManager as rt, ResamplingAdapter as it, ReshapeMemo as at, SYMBOL_INDICATOR_IDS as k, SYMBOL_ZONE_WAIT_MS as ot, Screenshot as A, SelectionBoxOverlay as st, SessionBreaks as ct, SessionShading as lt, SignalMarkerManager as ut, SpreadIndicator as dt, StepLineRenderer as ft, StreamManager as pt, SymbolSeriesStore as mt, TimeAxis as ht, TradeZoneManager as gt, TradingManager as _t, TradingRenderer as vt, UndoRedoManager as yt, Viewport as bt, VolumeCandleRenderer as xt, VolumeProfileRenderer as St, VolumeRenderer as Ct, Watermark as wt, ZoomHandler as Tt, barTimeStepMs as Et, findDominantSwing as Dt, gpuContextsLeft as Ot, isPriceLevelAlert as kt, isRegularSession as At, loadWebGL as jt, mergeSessionHours as Mt, pointAndFigureColumns as Nt, priceToY as Pt, rangePresetStart as Ft, readAlertOptions as It, registerBuiltInDrawingTools as Lt, registerBuiltInIndicators as Rt, servesTimeframe as zt, 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";
+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 Yt = 864e5, Xt = 10;
 function Zt(e, t) {
-	let n = w(e);
+	let n = C(e);
 	if (!n || !v(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
-		let t = C(e.start), n = C(e.end);
+		let t = S(e.start), n = S(e.end);
 		return t === null || n === null ? [] : [{
 			startMinute: t,
 			endMinute: n
@@ -25,7 +25,7 @@ function Zt(e, t) {
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => At(e * i, o);
+	return (e) => jt(e * i, o);
 }
 //#endregion
 //#region src/chartA11y.ts
@@ -175,20 +175,20 @@ function sn(e) {
 		case "heikinAshi":
 		case "lineBreak":
 		case "rangeBars": return new be();
-		case "line": return new He();
+		case "line": return new Ue();
 		case "area": return new he();
 		case "bar": return new ve();
-		case "hollowCandle": return new Le();
+		case "hollowCandle": return new Re();
 		case "baseline": return new ye();
-		case "renko": return new nt();
-		case "kagi": return new Be();
-		case "pointAndFigure": return new Ze();
-		case "volumeCandles": return new xt();
+		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 ft();
-		case "lineWithMarkers": return new Ue();
-		case "hiLo": return new D();
+		case "stepLine": return new pt();
+		case "lineWithMarkers": return new We();
+		case "hiLo": return new Le();
 		default: return new be();
 	}
 }
@@ -230,7 +230,7 @@ function I(e) {
 }
 function un(e, t = {}, n) {
 	let r = t.pointAndFigure?.boxSize;
-	return Nt(e, typeof r == "number" ? r : dn(e) * .01, t.pointAndFigure?.reversal ?? 3, n);
+	return Pt(e, typeof r == "number" ? r : dn(e) * .01, t.pointAndFigure?.reversal ?? 3, n);
 }
 function dn(e) {
 	let t = 0;
@@ -443,8 +443,8 @@ var Mn = class {
 	whole = null;
 	aside = null;
 	shownRevision = 0;
-	constructor(e) {
-		this.hoursFilter = e;
+	constructor(e, t = () => {}) {
+		this.hoursFilter = e, this.onLiveChange = t;
 	}
 	bars() {
 		return this.shown.getData();
@@ -459,9 +459,23 @@ var Mn = class {
 		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(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);
@@ -476,12 +490,12 @@ var Mn = 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);
 	}
@@ -567,11 +581,14 @@ var Mn = class {
 	replace(e) {
 		if (this.aside) {
 			let { index: t, changed: n } = this.aside.replaceBar(e);
-			return t < 0 ? V : {
+			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;
@@ -587,9 +604,6 @@ var Mn = class {
 			changed: a
 		});
 	}
-	loadAside(e) {
-		this.aside?.setData(e);
-	}
 	beginReplay() {
 		this.aside || (this.aside = new B(), this.aside.setData(this.whole ?? this.shown.getData()));
 	}
@@ -647,7 +661,15 @@ var Mn = class {
 		let r = this.hoursFilter(n);
 		return !r || r(e.time);
 	}
-}, Nn = 5e3, Pn = 6e4, Fn = 500, In = 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;
@@ -655,6 +677,7 @@ var Mn = class {
 	failures = 0;
 	retryAt = 0;
 	seq = 0;
+	inFlight = null;
 	constructor(e) {
 		this.host = e;
 	}
@@ -665,7 +688,12 @@ var Mn = 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;
@@ -676,7 +704,12 @@ var Mn = 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;
@@ -688,7 +721,7 @@ var Mn = 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(Pn, Nn * 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)
@@ -721,10 +754,10 @@ var Mn = class {
 };
 //#endregion
 //#region src/ThemeManager.ts
-function Ln(e, t) {
+function Rn(e, t) {
 	return e.family === t.family && e.sizeSmall === t.sizeSmall && e.sizeMedium === t.sizeMedium && e.sizeLarge === t.sizeLarge;
 }
-var Rn = class t {
+var zn = class t {
 	base;
 	shape = null;
 	font = null;
@@ -743,13 +776,13 @@ var Rn = class t {
 		return i;
 	}
 	getTheme() {
-		return this.effective ??= oe(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 && Ln(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: {
@@ -831,7 +864,7 @@ var Rn = class t {
 };
 //#endregion
 //#region src/style/styleOptions.ts
-function zn(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 },
@@ -839,22 +872,22 @@ function zn(e, t) {
 		...t.width === void 0 ? {} : { [`crosshair.${e}.width`]: t.width }
 	} : {};
 }
-function Bn(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 },
-		...zn("horizontal", n?.hLine),
-		...zn("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 Vn = 200, Hn = 80, U = (e) => e.position === "top" || e.position === "bottom", Un = class {
+var Hn = 200, Un = 80, U = (e) => e.position === "top" || e.position === "bottom", Wn = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -870,8 +903,8 @@ var Vn = 200, Hn = 80, U = (e) => e.position === "top" || e.position === "bottom
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? Vn : t),
-			minSize: a ? Hn : i,
+			size: r ?? (a ? Hn : t),
+			minSize: a ? Un : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -940,7 +973,7 @@ var Vn = 200, Hn = 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 ? Vn : t, r.minSize = o ? Hn : 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) {
@@ -1056,8 +1089,8 @@ var Vn = 200, Hn = 80, U = (e) => e.position === "top" || e.position === "bottom
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, Wn = 14, Gn = 14, Kn = 22, qn = 4;
-function Jn(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,
@@ -1066,16 +1099,16 @@ function Jn(e) {
 	for (let t of f) {
 		if (!Number.isFinite(t)) continue;
 		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}`) + Wn, l(r, `bold 11px ${a}`) + Gn, l(r, `600 ${s}px ${a}`) + Kn);
+		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 p <= o ? o : Math.ceil(p / qn) * qn;
+	return p <= o ? o : Math.ceil(p / Jn) * Jn;
 }
-function Yn(e, t) {
+function Xn(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
 //#endregion
 //#region src/layout/labelWidths.ts
-var Xn = 512, Zn = class {
+var Zn = 512, Qn = class {
 	widths = /* @__PURE__ */ new Map();
 	fonts;
 	forget = () => this.widths.clear();
@@ -1086,12 +1119,12 @@ var Xn = 512, Zn = class {
 		let r = `${t}\n${e}`, i = this.widths.get(r);
 		if (i !== void 0) return i;
 		let a = n();
-		return this.widths.size >= Xn && 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();
 	}
-}, Qn = class {
+}, $n = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -1107,8 +1140,8 @@ var Xn = 512, Zn = class {
 		}
 		return this.engaged;
 	}
-}, $n = 1;
-function er(e, t) {
+}, er = 1;
+function tr(e, t) {
 	return e.filter((e) => e.enabled !== !1 && (e.descriptor.layer ?? "overlay") === t);
 }
 function W(e) {
@@ -1122,24 +1155,24 @@ function W(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var G = /* @__PURE__ */ new Map();
-function tr(e) {
+function nr(e) {
 	G.set(W(e), e);
 }
-function nr(e) {
+function rr(e) {
 	return G.delete(e);
 }
-function rr() {
+function ir() {
 	return [...G.values()];
 }
-function ir() {
+function ar() {
 	G.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var ar = class {
+var or = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of rr()) 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) {
@@ -1169,15 +1202,15 @@ var ar = class {
 	add(e) {
 		this.plugins.set(W(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, or = {
+}, 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) => sr(e, t, n)
+	positionReverse: (e, t, n) => cr(e, t, n)
 };
-async function sr(e, t, n) {
+async function cr(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -1206,7 +1239,7 @@ async function sr(e, t, n) {
 		}
 	}
 }
-function cr(e, t) {
+function lr(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -1216,8 +1249,8 @@ function cr(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(or)) {
-		let a = or[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
@@ -1230,28 +1263,243 @@ function cr(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 lr = {
+var Or = {
 	min: 0,
 	max: 100
-}, ur = "exchange", dr = ur;
-function fr(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 pr(e, t) {
-	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : w(e);
+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,
 		timeZone: i,
 		timezone: i
 	};
 }
-var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontalLine", "crossLine"]), br = new Set(["verticalLine", "crossLine"]), xr = class {
-	static version = "1.52.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 Mn((e) => this.sessionKeep(e));
+	series = new Mn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
 	themeManager;
 	layoutManager;
 	pluginManager;
@@ -1266,7 +1514,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	execTeardown = null;
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
-	reshapeMemo = new at();
+	reshapeMemo = new ot();
 	displayDataStep;
 	indicatorUpdateFrom = null;
 	resolvedLayoutCache = null;
@@ -1277,7 +1525,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	renderDeferred = !1;
 	priceAxisWidth = o;
 	measureCtx;
-	labelWidths = new Zn();
+	labelWidths = new Qn();
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
@@ -1291,7 +1539,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	indicatorEdit = null;
 	removedDrawingAlerts = /* @__PURE__ */ new Map();
 	zoomAreaMode = !1;
-	priceAxisAddButton = new $e();
+	priceAxisAddButton = new et();
 	displayTz = null;
 	timeZoneSetting = null;
 	symbolInfo = null;
@@ -1321,15 +1569,20 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new st();
+	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 Tn((e) => this.saveState(e));
 	animator;
@@ -1343,14 +1596,14 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new et();
-	symbolSeries = new mt();
+	priceLines = new tt();
+	symbolSeries = new ht();
 	extendedHours = !0;
 	replayRestarting = !1;
 	requestedSymbols = /* @__PURE__ */ new Set();
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new Qe();
+	leftPriceAxis = new $e();
 	leftScaleRequested = !1;
 	leftAxisWidth = o;
 	leftViewport = null;
@@ -1383,7 +1636,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && fr(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;
@@ -1421,15 +1674,15 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 In({
-			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 Rn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Bn(t), "host", !1), this.layoutManager = new Un(), this.indicatorEngine = new Re(), this.pluginManager = new ar(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Pe(), Rt(this.indicatorEngine), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.indicatorEngine.register(new dt(this.symbolSeries)), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.drawingManager = new je(), Lt(this.drawingManager), this.drawingRenderer = new Me(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 yt();
+		}), 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}`;
@@ -1442,21 +1695,21 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new _t({
+		}), 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 vt(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 tt(e, t.maxPixelRatio);
+		}), this.engine = new nt(e, t.maxPixelRatio);
 		let a = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new bt(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 Fe(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Qe(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new ht(), 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) => {
+			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);
@@ -1465,7 +1718,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 					prevClose: e > 0 ? n[e - 1]?.close : void 0,
 					priceRange: i.priceRange,
 					plot: i.chartRect,
-					barStepMs: Et(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,
@@ -1473,12 +1726,12 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 					barIndex: e
 				});
 			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null), this.eventBus.emit("crosshairLeave", {});
-		}), this.chartLegend = new xe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new wt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Ct(), this.volumeProfile = new St(), this.marketProfile = new We(), this.depthHeatmap = new Ae(), this.periodLevels = new Je(), this.pivotMarkers = new Xe(), this.barCountdown = new _e(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new ct(), this.sessionShading = new lt(), this.compareRenderer = new Se(), 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 me(), this.crosshairTooltip = new De(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Ye(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = S(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Dr(t.shapes)), t.font && this.themeManager.setFont(Er(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ve({
+		}) : 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();
@@ -1522,8 +1775,8 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, 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(kt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
-			this.eventBus.emit("alertTriggered", K(e)), this.eventBus.emit("dataUpdate", {
+		}, 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",
 				alertId: e.id,
@@ -1531,14 +1784,14 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 				message: e.message
 			});
 		}), this.alertManager.on("added", (e) => {
-			this.eventBus.emit("alertAdd", K(e));
+			this.eventBus.emit("alertAdd", q(e));
 		}), this.alertManager.on("removed", (e) => {
 			this.eventBus.emit("alertRemove", { id: e });
 		}), this.alertManager.on("expired", (e) => {
-			this.eventBus.emit("alertExpired", K(e));
+			this.eventBus.emit("alertExpired", q(e));
 		}), this.alertManager.on("updated", (e) => {
-			this.eventBus.emit("alertUpdate", K(e));
-		}), this.signalMarkerManager = new ut(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
+			this.eventBus.emit("alertUpdate", q(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,
@@ -1546,14 +1799,14 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new gt(), 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 rt(), 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,
@@ -1561,9 +1814,9 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			});
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Ge(), this.interactionManager = new ze(e), this.features.panning) {
-			let e = new Qn();
-			this.interactionManager.setPanHandler(new Ke((t, n) => {
+		}), 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()));
 		}
@@ -1575,7 +1828,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new Tt((e, t) => {
+			this.interactionManager.setZoomHandler(new Et((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
 			let e = new ge((e) => {
@@ -1611,7 +1864,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			let e = new fe(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new qe();
+		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;
@@ -1678,7 +1931,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < vr) return;
+					if (e.x1 - e.x0 < Lr) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -1709,14 +1962,23 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.loadSeries(e, !1);
 	}
 	loadSeries(e, t) {
+		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();
@@ -1739,7 +2001,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		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();
@@ -1749,22 +2011,22 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	}
 	checkHistory() {
 		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
-			if (this.historyCheckQueued = !1, this.replaySession || !this.history.hasLoader() || I(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(_r, 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 = N(e), r = n.fetchHistoryBefore, i = this.streamTimeframe;
-		if (!r || i === null || le(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 (!L(e)) return;
@@ -1850,11 +2112,11 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	setChartTypeOptions(e) {
 		this.chartTypeOptions = {
 			...this.chartTypeOptions,
-			...S(e)
+			...x(e)
 		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.a11y?.refresh(!0), this.markStateChanged();
 	}
 	getChartTypeOptions() {
-		return S(this.chartTypeOptions);
+		return x(this.chartTypeOptions);
 	}
 	setExtendedHours(e) {
 		e !== this.extendedHours && (this.extendedHours = e, this.reapplyExtendedHours(), this.markStateChanged());
@@ -1874,7 +2136,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Dr(e);
+		let t = Kr(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -1886,7 +2148,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = Er(e);
+			let t = Gr(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -1937,7 +2199,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	setSymbolSeries(e, t) {
 		e = e.trim(), this.symbolSeries.set(e, t), this.requestedSymbols.delete(e);
 		let n = this.series.bars(), r = !1;
-		for (let t of this.indicatorEngine.getActiveIndicators()) !k.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
+		for (let t of this.indicatorEngine.getActiveIndicators()) !O.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
 		r && (this.announceIndicatorUpdate(0), this.updateViewportAndRender());
 	}
 	forgetUnreadSymbols() {
@@ -1951,13 +2213,13 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		let e = /* @__PURE__ */ new Set();
 		for (let t of this.indicatorEngine.getActiveIndicators()) {
 			let n = t.params.symbol;
-			k.has(t.id) && typeof n == "string" && n.trim() && e.add(n.trim());
+			O.has(t.id) && typeof n == "string" && n.trim() && e.add(n.trim());
 		}
 		return [...e];
 	}
 	requestMissingSymbols(e) {
 		this.forgetUnreadSymbols();
-		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && k.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
+		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && O.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
 		!n || this.symbolSeries.has(n) || this.requestedSymbols.has(n) || (this.requestedSymbols.add(n), this.eventBus.emit("symbolSeriesRequest", { symbol: n }));
 	}
 	updateIndicator(e, t) {
@@ -2028,8 +2290,8 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * mr,
-				max: t.max + n * mr
+				min: t.min - n * Nr,
+				max: t.max + n * Nr
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -2082,7 +2344,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			this.indicatorEngine.setStyleDefaults(e, null);
 			return;
 		}
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ie(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.setStyleDefaults(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -2090,7 +2352,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 ? ae(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());
@@ -2109,8 +2371,8 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new Re();
-		return Rt(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", {
@@ -2248,7 +2510,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	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(ce(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)));
 	}
@@ -2332,7 +2594,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Dt(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]]
@@ -2410,7 +2672,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 < gr) {
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < Fr) {
 			this.undoRedoManager.replaceLast({
 				...n,
 				custom: {
@@ -2618,7 +2880,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.recordIndicators(e, () => this.updateIndicatorStyleNow(e, t));
 	}
 	updateIndicatorStyleNow(e, t) {
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ie(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.updateIndicatorStyle(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -2737,10 +2999,10 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		if (!zt(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 pt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (t) => {
+		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);
-			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);
+			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 (!L(e)) return;
 			let t = this.series.placeStreamBar(e);
@@ -2794,18 +3056,18 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 = ue(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 it && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		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 = le(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);
@@ -2823,8 +3085,8 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !zt(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
-		this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(ue(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;
@@ -2839,11 +3101,11 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.isTimeframeAllowed(e) && await this.switchStream(this.currentSymbol, e);
 	}
 	disconnectStream() {
-		this.symbolInfoSeq++, this.releaseStudyZoneAfterCaller(), 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 = cr(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);
@@ -2974,7 +3236,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = u(t), i = Ft(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;
@@ -3110,7 +3372,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.applyStyle(e, t.layer ?? "host", !0);
 	}
 	setOverrides(e, t = {}) {
-		let n = t.layer ?? "host", { overrides: r, rejected: i } = x(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);
@@ -3129,7 +3391,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		return this.themeManager.getStyleValue(e);
 	}
 	applyStyle(e, t, n) {
-		let { overrides: r, rejected: i } = x(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) {
@@ -3236,7 +3498,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		return this.periodLevels.getPeriod();
 	}
 	setTimeZone(e) {
-		fr(e), this.timeZoneSetting = e, this.applyTimeZone();
+		jr(e), this.timeZoneSetting = e, this.applyTimeZone();
 	}
 	getTimeZone() {
 		return this.timeZoneSetting;
@@ -3245,7 +3507,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		return this.displayTz;
 	}
 	getExchangeTimeZone() {
-		return [w(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && v(e)) ?? null;
+		return [C(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && v(e)) ?? null;
 	}
 	setTimezone(e) {
 		this.setTimeZone(e);
@@ -3272,7 +3534,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		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(), ot);
+		this.endStudyZoneWait(), this.studyZoneHeld = !0, this.studyZoneTimer = setTimeout(() => this.releaseStudyZone(), st);
 	}
 	endStudyZoneWait() {
 		this.studyZoneReleaseQueued = !1, this.studyZoneTimer !== null && (clearTimeout(this.studyZoneTimer), this.studyZoneTimer = null);
@@ -3300,18 +3562,18 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.studyZoneHeld = !1, this.endStudyZoneWait(), this.useSymbolInfo(e);
 	}
 	useSymbolInfo(e) {
-		let t = e && this.symbolInfo?.symbol === e.symbol ? w(this.symbolInfo) : void 0;
-		this.symbolInfo = e ? pr({
+		let t = e && this.symbolInfo?.symbol === e.symbol ? C(this.symbolInfo) : void 0;
+		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);
 		let n = (this.symbolInfo?.sessions ?? []).flatMap((e) => {
-			let t = C(e.start), n = C(e.end);
+			let t = S(e.start), n = S(e.end);
 			return t === null || n === null ? [] : [{
 				startMinute: t,
 				endMinute: n
 			}];
-		}), i = w(this.symbolInfo);
+		}), i = C(this.symbolInfo);
 		this.sessionShading.replaceConfig(n.length > 0 && i && v(i) ? {
 			timeZone: i,
 			windows: n,
@@ -3326,11 +3588,11 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 = pr({
+		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = Mr({
 			...r,
 			...e,
 			symbol: e.symbol || r?.symbol || t
-		}, w(r));
+		}, C(r));
 		r && JSON.stringify(i) === JSON.stringify(r) || (this.symbolInfoSeq++, this.setSymbolInfo(i));
 	}
 	resolveStreamSymbol(e, t) {
@@ -3365,7 +3627,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = Mt(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();
@@ -3387,8 +3649,8 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 jt(e);
-		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Ot() > 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 ? Kt(e) : null;
@@ -3413,7 +3675,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.engine.getGpu() && this.engine.renderNow();
 	}
 	screenshot(e) {
-		this.features.screenshot && (this.freshFrame(), A.download(this.container, e, this.themeManager.getTheme().background));
+		this.features.screenshot && (this.freshFrame(), k.download(this.container, e, this.themeManager.getTheme().background));
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
@@ -3421,7 +3683,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		if (!t?.write || !e) return !1;
 		try {
 			this.freshFrame();
-			let n = A.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
+			let n = k.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
 				if (!e) throw Error("No chart image to copy");
 				return e;
 			});
@@ -3439,10 +3701,10 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		}
 	}
 	screenshotDataURL() {
-		return this.features.screenshot ? (this.freshFrame(), A.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), k.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? (this.freshFrame(), A.toBlob(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), k.toBlob(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i, a = {}) {
 		if (!this.features.alerts) return null;
@@ -3566,65 +3828,212 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 = jr(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 = Lr(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 = Ir(d, r.time), h = h !== null && m === e - 1 && t === p - 1 && h ? zr(h, r) : Rr(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.reshapeMemo.clear(), 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;
@@ -3644,26 +4053,31 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			return;
 		}
 		if (i.time <= n.fedTime) return;
-		let a = e.slice(Mr(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 / Ar);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of Nr(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 ? Ir(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 ? Lr(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();
@@ -3689,10 +4103,10 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 = Bt(e.time, n), r = Pt(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 yr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), br.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,
@@ -3703,7 +4117,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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;
@@ -3717,10 +4131,15 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 T.capture({
@@ -3736,14 +4155,14 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = Sr(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 && Cr(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);
@@ -3805,7 +4224,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 ? ae(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, {
@@ -3910,7 +4329,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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) < gr && 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
@@ -3954,7 +4373,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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 = {
-					...It(e),
+					...Lt(e),
 					...e.target ? { target: t(e.target) } : {}
 				};
 				if (!e.expired) {
@@ -3986,7 +4405,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		this.loadState(T.serialize(e));
 	}
 	setLocale(e) {
-		se(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.pinnedTooltip.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
@@ -4046,7 +4465,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	}
 	createChartRenderer(e) {
 		let t = Cn(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof D && t.setPriceText((e) => this.formatPrice(e)), t;
+		return t instanceof Le && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	crosshairSeries() {
 		return this.isTimeAligned() ? this.series.bars() : this.getDisplayData();
@@ -4062,7 +4481,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		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 Ze && this.chartRenderer.setBoxSize(a), i;
+		return this.chartRenderer instanceof Qe && this.chartRenderer.setBoxSize(a), i;
 	}
 	recalcIndicatorsFrom(e, t) {
 		this.indicatorEngine.recalculateFrom(e, t), this.announceIndicatorUpdate(t);
@@ -4115,12 +4534,12 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	}
 	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 = kr(kr(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() && Or(e, n, r) ? this.volumeRenderer.getHeightRatio() + hr : O;
+		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: O
+			bottom: D
 		} : {
-			top: O,
+			top: D,
 			bottom: a
 		}), this.viewport.fitToPrices(i.min, i.max);
 	}
@@ -4142,7 +4561,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = Jn({
+		let t = this.themeManager.getTheme(), n = Yn({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -4151,12 +4570,12 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Yn(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 = Jn({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = Yn({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -4167,14 +4586,14 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Yn(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, () => wr(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => Ur(n, e, t));
 		let i = n ?? this.detachedMeasureContext();
-		return i ? wr(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;
@@ -4215,7 +4634,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = 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) ?? { ...lr }, 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,
@@ -4299,7 +4718,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = er(this.pluginManager.getOverlays(), t);
+		let n = tr(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -4320,7 +4739,7 @@ var mr = .08, hr = a ** -7, gr = 800, _r = 20, vr = 8, yr = new Set(["horizontal
 		};
 	}
 };
-function Sr(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);
@@ -4334,19 +4753,19 @@ function Sr(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function Cr(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 wr(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 Tr = 300;
-function Er(e) {
+var Wr = 300;
+function Gr(e) {
 	let t = {}, n = e.family;
-	typeof n == "string" && n.trim() !== "" && n.length <= Tr && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
+	typeof n == "string" && n.trim() !== "" && n.length <= Wr && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
 	for (let n of [
 		"sizeSmall",
 		"sizeMedium",
@@ -4357,21 +4776,21 @@ function Er(e) {
 	}
 	return t;
 }
-function Dr(e) {
+function Kr(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
-function Or(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 kr(e, t) {
+function Jr(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
 	} : e : t;
 }
-function K(e) {
+function q(e) {
 	return {
 		id: e.id,
 		price: e.price,
@@ -4386,8 +4805,64 @@ function K(e) {
 		bars: e.bars
 	};
 }
-var Ar = 500;
-function jr(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;
@@ -4395,7 +4870,7 @@ function jr(e, t) {
 	}
 	return n;
 }
-function Mr(e, t) {
+function Y(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -4403,20 +4878,20 @@ function Mr(e, t) {
 	}
 	return n;
 }
-function Nr(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 Pr(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 + Pr(t), r = e.filter((e) => jn(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);
@@ -4424,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 Ir(e, t) {
+function Z(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r + 1 >> 1;
@@ -4432,22 +4907,37 @@ function Ir(e, t) {
 	}
 	return n;
 }
-function Lr(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 Rr(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 = zr(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = mi(i, t[e]);
 	return i;
 }
-function zr(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,
@@ -4459,26 +4949,26 @@ function zr(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var Br = [
+var hi = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], Vr = ["open", "o"], Hr = ["high", "h"], Ur = ["low", "l"], Wr = ["close", "c"], Gr = [
+], gi = ["open", "o"], _i = ["high", "h"], vi = ["low", "l"], yi = ["close", "c"], bi = [
 	"volume",
 	"vol",
 	"v"
 ];
-function q(e) {
+function xi(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Kr(t) : qr(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Si(t) : Ci(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Kr(e) {
+function Si(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -4488,19 +4978,19 @@ function Kr(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) ? Qr(e) : Zr(e);
+		let t = Array.isArray(e) ? Oi(e) : Di(e);
 		t ? n.push(t) : r++;
 	}
-	return $r(n, t.length, r);
+	return Ai(n, t.length, r);
 }
-function qr(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 = Jr(t[0]), r = Yr(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Xr(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,
@@ -4511,7 +5001,7 @@ function qr(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 = Yr(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,
@@ -4530,9 +5020,9 @@ function qr(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return $r(o, t.length - +!!i, s);
+	return Ai(o, t.length - +!!i, s);
 }
-function Jr(e) {
+function wi(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -4544,7 +5034,7 @@ function Jr(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Yr(e, t) {
+function Ti(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -4552,25 +5042,25 @@ function Yr(e, t) {
 	}
 	return n.push(r), n;
 }
-function Xr(e) {
+function Ei(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Br),
-		open: t(Vr),
-		high: t(Hr),
-		low: t(Ur),
-		close: t(Wr),
-		volume: t(Gr)
+		time: t(hi),
+		open: t(gi),
+		high: t(_i),
+		low: t(vi),
+		close: t(yi),
+		volume: t(bi)
 	};
 }
-function Zr(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(Br) ?? "")), r = Number(t(Vr)), i = Number(t(Hr)), a = Number(t(Ur)), o = Number(t(Wr)), s = Number(t(Gr) ?? 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,
@@ -4585,9 +5075,9 @@ function Zr(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Qr(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,
@@ -4602,10 +5092,10 @@ function Qr(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);
@@ -4613,7 +5103,7 @@ function Y(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function $r(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);
@@ -4625,7 +5115,7 @@ function $r(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var ei = class {
+var ji = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -4646,19 +5136,19 @@ var ei = 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 = q(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) {
@@ -4689,12 +5179,12 @@ var ei = 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,
@@ -4702,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 ti = (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,
@@ -4715,17 +5205,17 @@ function Q(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function ni(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 ri(e = []) {
+function Li(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Z).sort(ti),
+		list: () => [...t.values()].map(Ni).sort(Pi),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -4738,7 +5228,7 @@ function ri(e = []) {
 		}
 	};
 }
-function ii(e = "tcw:layouts:") {
+function Ri(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -4746,10 +5236,10 @@ function ii(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(ti),
+		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 ? {
@@ -4758,7 +5248,7 @@ function ii(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));
@@ -4767,14 +5257,14 @@ function ii(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var ai = 80;
+var zi = 80;
 function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function oi() {
+function Bi() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function si(e) {
+function Vi(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -4785,7 +5275,7 @@ function si(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var ci = class {
+var Hi = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -4801,7 +5291,7 @@ var ci = 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 ?? oi;
+		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;
@@ -4817,7 +5307,7 @@ var ci = 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(() => {
@@ -4831,7 +5321,7 @@ var ci = class {
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = ni(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 {
@@ -4841,13 +5331,13 @@ var ci = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = si(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 = ni(await this.storage.load(e));
+			let t = Ii(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -4925,7 +5415,7 @@ var ci = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = si(r);
+		let i = Vi(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -4946,6 +5436,6 @@ var ci = class {
 	}
 };
 //#endregion
-export { B as C, on as E, Nn as S, z as T, er as _, ri as a, Rn as b, xr as c, ar as d, ir as f, $n as g, nr as h, ii as i, dr as l, tr as m, ai as n, ei as o, rr as p, $ as r, q as s, ci as t, ur as u, W as v, L as w, Fn as x, Un 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-4SLt8-0u.js.map
+//# sourceMappingURL=LayoutSession-D7uQq3jX.js.map