@tradecanvas/chart 1.2.0 → 1.4.0

package/dist/{DragDropImporter-BcTzFeRP.js → DragDropImporter-Dd9Mud5J.js}

@@ -1,7 +1,7 @@
 import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PRICE_AXIS_WIDTH as a, TIME_AXIS_HEIGHT as o, autoPricePrecision as s, computePriceLimits as c, formatPrice as l, mergeBar as u, setLocale as d, timeframeToMs as f } from "@tradecanvas/commons";
-import { AlertDragHandler as p, AlertManager as m, Animator as ee, AreaRenderer as te, AxisDragHandler as ne, BarCountdown as re, BarRenderer as ie, BaselineRenderer as ae, CandlestickRenderer as h, ChartLegend as oe, ChartStateManager as g, CompareRenderer as se, CrosshairHandler as ce, CrosshairTooltip as le, CurrentPriceLine as ue, DataExporter as _, DepthHeatmapRenderer as de, DrawingManager as fe, DrawingRenderer as pe, EquivolumeRenderer as me, EventBus as he, GridRenderer as ge, HLCAreaRenderer as _e, HollowCandleRenderer as ve, IndicatorEngine as v, InteractionManager as ye, KagiRenderer as be, KeyboardHandler as xe, LineRenderer as Se, LineWithMarkersRenderer as Ce, MarketProfileRenderer as we, MeasureOverlay as Te, PanHandler as Ee, PaneResizeHandler as De, PeriodLevelsRenderer as Oe, PinnedTooltip as ke, PivotMarkersRenderer as Ae, PointAndFigureRenderer as je, PriceAxis as Me, RenderEngine as y, RenkoRenderer as b, ReplayManager as x, Screenshot as S, SessionBreaks as Ne, SessionShading as Pe, SignalMarkerManager as Fe, StepLineRenderer as Ie, StreamManager as Le, TimeAxis as Re, TradeZoneManager as ze, TradingManager as Be, TradingRenderer as Ve, UndoRedoManager as He, Viewport as Ue, VolumeCandleRenderer as We, VolumeProfileRenderer as Ge, VolumeRenderer as Ke, Watermark as qe, ZoomHandler as Je, findDominantSwing as Ye, registerBuiltInDrawingTools as Xe, registerBuiltInIndicators as C, toHeikinAshi as Ze, toKagi as Qe, toLineBreak as $e, toPointAndFigure as et, toRangeBars as tt, toRenko as nt, xToBarIndex as rt } from "@tradecanvas/core";
+import { AlertDragHandler as p, AlertManager as m, Animator as ee, AreaRenderer as te, AxisDragHandler as ne, BarCountdown as re, BarRenderer as ie, BaselineRenderer as ae, CandlestickRenderer as h, ChartLegend as oe, ChartStateManager as g, CompareRenderer as se, CrosshairHandler as ce, CrosshairTooltip as le, CurrentPriceLine as ue, DataExporter as _, DepthHeatmapRenderer as de, DrawingManager as fe, DrawingRenderer as pe, EquivolumeRenderer as me, EventBus as he, GridRenderer as ge, HLCAreaRenderer as _e, HollowCandleRenderer as ve, IndicatorEngine as v, InteractionManager as ye, KagiRenderer as be, KeyboardHandler as xe, LineRenderer as Se, LineWithMarkersRenderer as Ce, MarketProfileRenderer as we, MeasureOverlay as Te, PanHandler as Ee, PaneResizeHandler as De, PeriodLevelsRenderer as Oe, PinnedTooltip as ke, PivotMarkersRenderer as Ae, PointAndFigureRenderer as je, PriceAxis as Me, RenderEngine as Ne, RenkoRenderer as y, ReplayManager as b, Screenshot as x, SelectionBoxOverlay as Pe, SessionBreaks as Fe, SessionShading as Ie, SignalMarkerManager as Le, StepLineRenderer as Re, StreamManager as ze, TimeAxis as Be, TradeZoneManager as Ve, TradingManager as He, TradingRenderer as Ue, UndoRedoManager as We, Viewport as Ge, VolumeCandleRenderer as Ke, VolumeProfileRenderer as qe, VolumeRenderer as Je, Watermark as Ye, ZoomHandler as Xe, barTimeStepMs as Ze, findDominantSwing as Qe, rangePresetStart as $e, registerBuiltInDrawingTools as et, registerBuiltInIndicators as S, timestampToBarIndex as C, toHeikinAshi as tt, toKagi as nt, toLineBreak as rt, toPointAndFigure as it, toRangeBars as at, toRenko as ot, xToBarIndex as st } from "@tradecanvas/core";
 //#region src/charts/ChartTypeStrategy.ts
-function w(e) {
+function ct(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
@@ -12,46 +12,60 @@ function w(e) {
 		case "bar": return new ie();
 		case "hollowCandle": return new ve();
 		case "baseline": return new ae();
-		case "renko": return new b();
+		case "renko": return new y();
 		case "kagi": return new be();
 		case "pointAndFigure": return new je();
-		case "volumeCandles": return new We();
+		case "volumeCandles": return new Ke();
 		case "equivolume": return new me();
 		case "hlcArea": return new _e();
-		case "stepLine": return new Ie();
+		case "stepLine": return new Re();
 		case "lineWithMarkers": return new Ce();
 		default: return new h();
 	}
 }
-function it(e, t) {
+function lt(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Ze(t);
-		case "renko": return nt(t, {
+		case "heikinAshi": return tt(t);
+		case "renko": return ot(t, {
 			brickSize: 0,
 			useATR: !0,
 			atrPeriod: 14
 		});
-		case "lineBreak": return $e(t, 3);
-		case "kagi": return Qe(t, 4);
-		case "pointAndFigure": return et(t, T(t) * .01, 3);
-		case "rangeBars": return tt(t, { rangeSize: T(t) * .005 });
+		case "lineBreak": return rt(t, 3);
+		case "kagi": return nt(t, 4);
+		case "pointAndFigure": return it(t, T(t) * .01, 3);
+		case "rangeBars": return at(t, { rangeSize: T(t) * .005 });
 		default: return t;
 	}
 }
+function w(e) {
+	switch (e) {
+		case "heikinAshi":
+		case "renko":
+		case "lineBreak":
+		case "kagi":
+		case "pointAndFigure":
+		case "rangeBars": return !0;
+		default: return !1;
+	}
+}
+function ut(e) {
+	return e !== "heikinAshi" && w(e);
+}
 function T(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
-function at(e, t) {
+function dt(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : w(e);
+	return n ? n.createRenderer() : ct(e);
 }
-function ot(e, t, n) {
+function ft(e, t, n) {
 	if (t.length === 0) return t;
 	let r = n?.(e);
-	return r?.transform ? r.transform(t) : it(e, t);
+	return r?.transform ? r.transform(t) : lt(e, t);
 }
 //#endregion
 //#region src/charts/IndicatorPriceRange.ts
@@ -59,7 +73,7 @@ var E = {
 	min: 0,
 	max: 100
 }, D = .1;
-function st(e, t, n) {
+function pt(e, t, n) {
 	if (!e) return { ...E };
 	let r = Infinity, i = -Infinity;
 	if (e.series) {
@@ -90,7 +104,7 @@ function st(e, t, n) {
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var ct = class {
+var mt = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -125,7 +139,7 @@ function O(e) {
 	let { open: t, high: n, low: r, close: i } = e;
 	return !(!isFinite(t) || !isFinite(n) || !isFinite(r) || !isFinite(i) || t < 0 || n < 0 || r < 0 || i < 0 || n < r || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0));
 }
-function lt(e) {
+function ht(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
 function k(e) {
@@ -145,7 +159,7 @@ var A = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			O(r) && t.push(lt(r) ? r : k(r));
+			O(r) && t.push(ht(r) ? r : k(r));
 		}
 		this.data = t;
 	}
@@ -313,8 +327,8 @@ var A = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, ut = 14, dt = 14, ft = 22, F = 4;
-function pt(e) {
+}, gt = 14, _t = 14, vt = 22, F = 4;
+function yt(e) {
 	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: o, fontSizeSmall: c, measure: u } = e, d = s(t, n), f = e.tagPrecision ?? d, p = r === null ? [t, n] : [
 		t,
 		n,
@@ -323,16 +337,30 @@ function pt(e) {
 	for (let e of p) {
 		if (!Number.isFinite(e)) continue;
 		let t = l(e, d, i), n = l(e, f, i);
-		m = Math.max(m, u(t, `500 ${c}px ${o}`) + ut, u(n, `bold 11px ${o}`) + dt, u(n, `600 ${c}px ${o}`) + ft);
+		m = Math.max(m, u(t, `500 ${c}px ${o}`) + gt, u(n, `bold 11px ${o}`) + _t, u(n, `600 ${c}px ${o}`) + vt);
 	}
 	return m <= a ? a : Math.ceil(m / F) * F;
 }
-function mt(e, t) {
+function bt(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
-//#endregion
-//#region src/plugins/contracts.ts
-var ht = 1;
+var xt = class {
+	netY = 0;
+	travelX = 0;
+	engaged = !1;
+	reset() {
+		this.netY = 0, this.travelX = 0, this.engaged = !1;
+	}
+	step(e, t, n) {
+		if (this.engaged) return !0;
+		if (this.netY += t, this.travelX += Math.abs(e), !n) this.engaged = !0;
+		else {
+			let e = Math.abs(this.netY);
+			this.engaged = e > 24 && e >= this.travelX * .5;
+		}
+		return this.engaged;
+	}
+}, St = 1;
 function I(e, t) {
 	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
 }
@@ -347,16 +375,16 @@ function L(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var R = /* @__PURE__ */ new Map();
-function gt(e) {
+function Ct(e) {
 	R.set(L(e), e);
 }
-function _t(e) {
+function wt(e) {
 	return R.delete(e);
 }
 function z() {
 	return [...R.values()];
 }
-function vt() {
+function Tt() {
 	R.clear();
 }
 //#endregion
@@ -401,7 +429,7 @@ var B = class {
 	positionModify: (e, t) => e.modifyPosition(t),
 	positionClose: (e, t) => e.closePosition(t)
 };
-function yt(e, t) {
+function Et(e, t) {
 	let n = [], r = (e) => t.setOrders(e.data ?? []), i = (e) => t.setPositions(e.data ?? []), a = (e) => t.onError(e.data ?? { message: "Execution error" });
 	e.on("orders", r), e.on("positions", i), e.on("error", a), n.push(() => e.off("orders", r), () => e.off("positions", i), () => e.off("error", a));
 	for (let r of Object.keys(V)) {
@@ -419,8 +447,8 @@ function yt(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var bt = 6, xt = class {
-	static version = "1.2.0";
+var Dt = 0xe8d4a51000, Ot = class {
+	static version = "1.4.0";
 	engine;
 	viewport;
 	dataManager;
@@ -438,6 +466,7 @@ var bt = 6, xt = class {
 	execTeardown = null;
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
+	indicatorUpdateFrom = null;
 	resolvedLayoutCache = null;
 	panelInfoCache = null;
 	renderScheduled = !1;
@@ -451,6 +480,8 @@ var bt = 6, xt = class {
 	chartLegend;
 	watermark;
 	barCountdown;
+	unrestoredIndicators = [];
+	displayTzOffset = null;
 	sessionBreaks;
 	sessionShading;
 	compareRenderer;
@@ -465,10 +496,13 @@ var bt = 6, xt = class {
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
+	selectionBoxOverlay = new Pe();
 	replayManager;
 	replayBarUnsub = null;
+	replaySeeking = !1;
+	replaySession = null;
 	undoRedoManager;
-	autoSaveScheduler = new ct((e) => this.saveState(e));
+	autoSaveScheduler = new mt((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -484,6 +518,8 @@ var bt = 6, xt = class {
 	container;
 	currentPriceLine;
 	numberLocale;
+	marketPricePrecision = null;
+	paneTitles = !0;
 	defaultAutoScale;
 	keyboardHandler = null;
 	onWindowKeyDown = null;
@@ -497,7 +533,7 @@ var bt = 6, xt = class {
 			drawingMagnet: n.drawingMagnet ?? !0,
 			drawingUndoRedo: n.drawingUndoRedo ?? !0,
 			trading: n.trading ?? !0,
-			tradingContextMenu: n.tradingContextMenu ?? !0,
+			tradingContextMenu: n.tradingContextMenu ?? !1,
 			indicators: n.indicators ?? !0,
 			indicatorIds: n.indicatorIds ?? [],
 			panning: n.panning ?? !0,
@@ -522,36 +558,46 @@ var bt = 6, xt = class {
 			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", this.dataManager = new A(), this.themeManager = new j(t.theme), this.layoutManager = new P(), this.indicatorEngine = new v(), this.pluginManager = new B(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new he(), C(this.indicatorEngine), this.drawingManager = new fe(), Xe(this.drawingManager), this.drawingRenderer = new pe(this.drawingManager), this.drawingManager.setRequestRender(() => {
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", this.dataManager = new A(), this.themeManager = new j(t.theme), this.layoutManager = new P(), this.indicatorEngine = new v(), this.pluginManager = new B(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new he(), S(this.indicatorEngine), this.drawingManager = new fe(), et(this.drawingManager), this.drawingRenderer = new pe(this.drawingManager), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(r.Overlay), this.scheduleAutoSave();
 		}), this.drawingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.undoRedoManager = new He(), this.drawingManager.setUndoRedoManager(this.undoRedoManager), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new Be({
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new We(), this.drawingManager.setUndoRedoManager(this.undoRedoManager), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new He({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new Ve(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new Ue(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 y(e);
+		}), this.engine = new Ne(e);
 		let i = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Ue(i.width, i.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.layoutManager.resize(i.width, i.height), this.engine.onContainerResize = (e) => {
+		if (this.viewport = new Ge(i.width, i.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
+			freePan: t.freePan ?? !0,
+			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
+		}), this.layoutManager.resize(i.width, i.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(t.chartType), this.gridRenderer = new ge(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Me(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Re(), this.crosshairHandler = new ce(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(t.chartType), this.gridRenderer = new ge(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Me(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Be(), this.crosshairHandler = new ce(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
 				let n = this.dataManager.getData(), r = e < n.length ? n[e] : void 0;
-				this.chartLegend.setHoverBar(r ?? null), r && this.features.crosshairTooltip && this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize()), this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
+				this.chartLegend.setHoverBar(r ?? null);
+				let i = this.viewport.getState(), a = t.y >= i.chartRect.y && t.y <= i.chartRect.y + i.chartRect.height;
+				r && a && this.features.crosshairTooltip ? this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize(), {
+					prevClose: e > 0 ? n[e - 1]?.close : void 0,
+					priceRange: i.priceRange,
+					plot: i.chartRect,
+					barStepMs: Ze(n)
+				}) : this.crosshairTooltip.hide(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
 					point: t,
 					bar: r,
 					barIndex: e
 				});
-			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null);
-		}), this.chartLegend = new oe(), this.chartLegend.setChartType(t.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new qe(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Ke(), this.volumeProfile = new Ge(), this.marketProfile = new we(), this.depthHeatmap = new de(), this.periodLevels = new Oe(), this.pivotMarkers = new Ae(), this.barCountdown = new re(), this.sessionBreaks = new Ne(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Pe(), this.compareRenderer = new se(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null), this.eventBus.emit("crosshairLeave", {});
+		}), this.chartLegend = new oe(), this.chartLegend.setChartType(t.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new Ye(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Je(), this.volumeProfile = new qe(), this.marketProfile = new we(), this.depthHeatmap = new de(), this.periodLevels = new Oe(), this.pivotMarkers = new Ae(), this.barCountdown = new re(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new Fe(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Ie(), 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.viewport.setLogScale(!0), this.animator = new ee(), this.crosshairTooltip = new le(), this.crosshairTooltip.create(e), this.pinnedTooltip = new ke(), this.pinnedTooltip.create(e), this.keyboardHandler = new xe({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new ee(), this.crosshairTooltip = new le(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new ke(), this.pinnedTooltip.create(e), this.keyboardHandler = new xe({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -571,7 +617,7 @@ var bt = 6, xt = class {
 			if (!this.keyboardHandler) return;
 			let t = document.activeElement;
 			t && t !== this.container && !this.container.contains(t) || t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) || this.keyboardHandler.handleKey(e) && e.preventDefault();
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ue(), this.currentPriceLine.setLocale(this.numberLocale), this.alertManager = new m(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ue(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new m(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
 			let t = {
 				id: e.id,
 				price: e.price,
@@ -603,7 +649,7 @@ var bt = 6, xt = class {
 				message: e.message,
 				triggered: e.triggered
 			});
-		}), this.signalMarkerManager = new Fe(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new Le(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -611,23 +657,21 @@ var bt = 6, xt = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new ze(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (e) => {
+		}), this.tradeZoneManager = new Ve(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), 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 x(), this.measureOverlay = new Te(), this.interactionManager = new ye(e), this.features.panning) {
-			let e = 0;
+		}), this.replayManager = new b(), this.measureOverlay = new Te(), this.interactionManager = new ye(e), this.features.panning) {
+			let e = new xt();
 			this.interactionManager.setPanHandler(new Ee((t, n) => {
-				t && this.viewport.scrollBy(t), n && (e += n, (this.options.autoScale === !1 || Math.abs(e) > bt) && (this.options.autoScale = !1, this.viewport.panPriceRange(n))), this.updateViewportAndRender();
-			}, () => {
-				e = 0;
-			}));
+				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.options.autoScale = !1, this.viewport.panPriceRange(n)), this.updateViewportAndRender();
+			}, () => e.reset()));
 		}
 		if (this.features.zooming) {
-			this.interactionManager.setZoomHandler(new Je((e, t) => {
+			this.interactionManager.setZoomHandler(new Xe((e, t) => {
 				this.viewport.zoom(e, t), this.updateViewportAndRender();
 			}));
 			let e = new ne((e) => {
@@ -662,7 +706,7 @@ var bt = 6, xt = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let n = rt(e.x, this.viewport.getState());
+			let n = st(e.x, this.viewport.getState());
 			n < 0 || n >= t.length || this.eventBus.emit("barClick", {
 				bar: t[n],
 				barIndex: n,
@@ -684,34 +728,74 @@ var bt = 6, xt = class {
 			end: () => {
 				this.measureOverlay.end();
 			}
-		}), this.interactionManager.setOverlayDirtyCallback(() => {
-			this.engine.requestRender(r.Overlay), this.engine.requestRender(r.UI);
+		});
+		let o = (e) => {
+			let t = this.viewport.getState().chartRect;
+			return {
+				x: Math.max(t.x, Math.min(t.x + t.width, e.x)),
+				y: Math.max(t.y, Math.min(t.y + t.height, e.y))
+			};
+		};
+		this.interactionManager.setBoxSelectHandlers({
+			begin: (e) => this.selectionBoxOverlay.begin(o(e)),
+			move: (e) => this.selectionBoxOverlay.update(o(e)),
+			end: () => {
+				let e = this.selectionBoxOverlay.end();
+				if (!e || !this.features.drawings) return;
+				let t = {
+					...this.viewport.getState(),
+					data: this.getDisplayData()
+				};
+				e.isClick ? this.drawingManager.toggleSelectionAt({
+					x: e.x1,
+					y: e.y1
+				}, t) : this.drawingManager.selectInRect(e, t), this.engine.requestRender(r.Overlay);
+			},
+			cancel: () => this.selectionBoxOverlay.cancel()
+		}), this.interactionManager.setOverlayDirtyCallback((e) => {
+			this.engine.requestRender(e ? r.Hover : r.Overlay);
 		}), this.interactionManager.attach(), this.syncRenderContext(), this.engine.start();
 	}
 	setData(e) {
-		this.dataManager.setData(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale, this.alertManager.clearLastValues(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), e.length > 0 && this.currentPriceLine.setPrice(e[e.length - 1].close), this.updateViewportAndRender(!0), this.eventBus.emit("dataUpdate", { length: e.length });
+		this.endReplaySession(), this.dataManager.setData(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale, this.alertManager.clearLastValues(), this.recalcIndicators(this.dataManager.getData()), e.length > 0 && this.currentPriceLine.setPrice(e[e.length - 1].close), this.updateViewportAndRender(!0), this.eventBus.emit("dataUpdate", { length: e.length });
 	}
 	appendBar(e) {
+		if (this.replaySession) {
+			this.replaySession.live.appendBar(e);
+			return;
+		}
 		let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
 		this.dataManager.appendBar(e);
 		let n = this.dataManager.getData();
-		this.crosshairHandler.setData(n), this.displayDataCache = null, this.indicatorEngine.recalculateFrom(n, n.length - 2), this.updateViewportAndRender(t);
+		this.crosshairHandler.setData(n), this.displayDataCache = null, this.recalcIndicatorsFrom(n, n.length - 2), this.updateViewportAndRender(t);
 	}
 	appendBars(e) {
 		if (e.length === 0) return;
+		if (this.replaySession) {
+			for (let t of e) this.replaySession.live.appendBar(t);
+			return;
+		}
 		let t = this.viewport.isAtEnd(), n = this.dataManager.getLength() - 1;
 		for (let t of e) this.dataManager.appendBar(t);
-		this.displayDataCache = null, this.indicatorEngine.recalculateFrom(this.dataManager.getData(), n), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(t);
+		this.displayDataCache = null, this.recalcIndicatorsFrom(this.dataManager.getData(), n), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(t);
 	}
 	updateLastBar(e) {
+		if (this.replaySession) {
+			this.replaySession.live.updateLastBar(e);
+			return;
+		}
 		this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
 		let t = this.dataManager.getData();
-		this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
+		this.recalcIndicatorsFrom(t, t.length - 1), this.scheduleRender();
 	}
 	updateLastBarFromTick(e) {
+		if (this.replaySession) {
+			this.replaySession.live.updateLastBarFromTick(e), Number.isFinite(e.price) && (this.replaySession.price = { price: e.price });
+			return;
+		}
 		this.dataManager.updateLastBarFromTick(e), this.currentPriceLine.setPrice(e.price), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
 		let t = this.dataManager.getData();
-		this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
+		this.recalcIndicatorsFrom(t, t.length - 1), this.scheduleRender();
 	}
 	setChartType(e) {
 		this.options.chartType = e, this.chartRenderer = this.createChartRenderer(e), this.chartLegend.setChartType(e), this.displayDataCache = null, this.updateViewportAndRender(!0);
@@ -722,14 +806,17 @@ var bt = 6, xt = class {
 		return this.indicatorEngine.getAvailableIndicators().find((t) => t.id === e)?.placement === "panel" ? (this.layoutManager.addPanel(r, n), this.updateViewportAndRender()) : this.engine.requestRender(), this.eventBus.emit("indicatorAdd", {
 			instanceId: r,
 			id: e
-		}), r;
+		}), this.scheduleAutoSave(), r;
 	}
 	updateIndicator(e, t) {
-		this.indicatorEngine.updateIndicator(e, t, this.dataManager.getData()), this.engine.requestRender();
+		this.indicatorEngine.updateIndicator(e, t, this.dataManager.getData()), this.announceIndicatorUpdate(0), this.engine.requestRender(), this.scheduleAutoSave();
 	}
 	removeIndicator(e) {
 		let t = this.layoutManager.getPanels().some((t) => t.id === e);
-		this.indicatorEngine.removeIndicator(e), this.layoutManager.removePanel(e), this.eventBus.emit("indicatorRemove", { instanceId: e }), t ? this.updateViewportAndRender() : this.engine.requestRender();
+		this.indicatorEngine.removeIndicator(e), this.layoutManager.removePanel(e), this.eventBus.emit("indicatorRemove", { instanceId: e }), this.scheduleAutoSave(), t ? this.updateViewportAndRender() : this.engine.requestRender();
+	}
+	getIndicatorStyle(e) {
+		return this.indicatorEngine.getIndicatorStyle(e);
 	}
 	getIndicatorOutput(e) {
 		return this.indicatorEngine.getOutput(e);
@@ -742,13 +829,36 @@ var bt = 6, xt = class {
 	}
 	static indicators() {
 		let e = new v();
-		return C(e), e.getAvailableIndicators();
+		return S(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.engine.requestRender();
 	}
 	setPanelSize(e, t) {
-		this.layoutManager.setPanelSize(e, t), this.updateViewportAndRender();
+		this.layoutManager.setPanelSize(e, t), this.updateViewportAndRender(), this.eventBus.emit("paneResize", {
+			instanceId: e,
+			size: t
+		});
+	}
+	getIndicatorPanes() {
+		return this.buildPanelRenderInfos().map((e) => ({
+			instanceId: e.instanceId,
+			rect: { ...e.rect }
+		}));
+	}
+	setPaneTitlesVisible(e) {
+		this.paneTitles = e, this.engine.requestRender();
+	}
+	getLegendBottom() {
+		let e = this.viewport.getState().chartRect.y;
+		return this.features.legend ? e + this.chartLegend.getHeight() : e;
+	}
+	isTimeAligned() {
+		return ut(this.options.chartType) ? !1 : this.getDisplayData().length === this.dataManager.getLength();
+	}
+	formatPrice(e) {
+		let { min: t, max: n } = this.viewport.getState().priceRange;
+		return l(e, this.marketPricePrecision ?? s(t, n), this.numberLocale);
 	}
 	setDrawingTool(e) {
 		this.features.drawings && (e && this.features.drawingTools.length > 0 && !this.features.drawingTools.includes(e) || this.drawingManager.setActiveTool(e));
@@ -756,6 +866,18 @@ var bt = 6, xt = class {
 	getDrawingTool() {
 		return this.drawingManager.getActiveTool();
 	}
+	setStayInDrawingMode(e) {
+		this.drawingManager.setStayInDrawingMode(e);
+	}
+	isStayInDrawingMode() {
+		return this.drawingManager.isStayInDrawingMode();
+	}
+	copyDrawings() {
+		return this.drawingManager.copySelection();
+	}
+	pasteDrawings() {
+		return this.features.drawings ? this.drawingManager.paste() : [];
+	}
 	setDrawingStyle(e) {
 		this.drawingManager.setStyle(e);
 	}
@@ -781,7 +903,7 @@ var bt = 6, xt = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Ye(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = Qe(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -812,7 +934,7 @@ var bt = 6, xt = class {
 		return this.undoRedoManager.getState();
 	}
 	setDrawingMagnet(e) {
-		this.drawingManager.setMagnetMode(e ? "magnet" : "none");
+		this.drawingManager.setMagnetMode(e && this.features.drawingMagnet ? "magnet" : "none");
 	}
 	getDrawingMagnet() {
 		return this.drawingManager.getMagnetMode() === "magnet";
@@ -834,6 +956,7 @@ var bt = 6, xt = class {
 		return t ? this.drawingManager.duplicateDrawing(t) : null;
 	}
 	exportVisibleData(e = "csv", t) {
+		if (!this.features.dataExport) return;
 		let n = this.viewport.getState(), r = this.dataManager.getData(), i = Math.max(0, n.visibleRange.from), a = Math.min(r.length - 1, n.visibleRange.to), o = r.slice(i, a + 1);
 		if (e === "json") {
 			let e = _.toJSON(o);
@@ -844,6 +967,7 @@ var bt = 6, xt = class {
 		}
 	}
 	exportAllData(e = "csv", t) {
+		if (!this.features.dataExport) return;
 		let n = this.dataManager.getData();
 		if (e === "json") {
 			let e = _.toJSON(n);
@@ -876,7 +1000,7 @@ var bt = 6, xt = class {
 		return this.indicatorEngine.getActiveIndicators();
 	}
 	setIndicatorVisible(e, t) {
-		this.indicatorEngine.setVisible(e, t) !== null && this.updateViewportAndRender();
+		this.indicatorEngine.setVisible(e, t) !== null && (this.updateViewportAndRender(), this.scheduleAutoSave());
 	}
 	getIndicatorConfig(e) {
 		let t = this.indicatorEngine.getIndicatorConfig(e);
@@ -886,7 +1010,7 @@ var bt = 6, xt = class {
 		} : null;
 	}
 	updateIndicatorStyle(e, t) {
-		this.indicatorEngine.updateIndicatorStyle(e, t), this.engine.requestRender();
+		this.indicatorEngine.updateIndicatorStyle(e, t), this.engine.requestRender(), this.scheduleAutoSave();
 	}
 	setOrders(e) {
 		this.features.trading && this.tradingManager.setOrders(e);
@@ -929,7 +1053,7 @@ var bt = 6, xt = class {
 		this.features.trading && this.tradingManager.setDepthData(e);
 	}
 	setCurrentPrice(e, t) {
-		this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e), this.scheduleRender(), this.features.alerts && (this.alertManager.checkPrice(e), this.feedIndicatorAlerts());
+		this.tradingManager.setCurrentPrice(e), this.replaySession ? this.replaySession.price = { price: e } : (this.currentPriceLine.setPrice(e), this.scheduleRender()), this.features.alerts && (this.alertManager.checkPrice(e), this.feedIndicatorAlerts());
 	}
 	feedIndicatorAlerts() {
 		let e = this.alertManager.getAlerts(), t = this.dataManager.getData();
@@ -948,19 +1072,38 @@ var bt = 6, xt = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		this.disconnectStream(), this.streamManager = new Le(), this.streamManager.on("snapshot", (e) => {
+		this.replayStop(), this.disconnectStream(), this.streamManager = new ze(), this.streamManager.on("snapshot", (e) => {
+			if (this.replaySession) {
+				this.replaySession.live.setData(e);
+				return;
+			}
 			this.setData(e);
 		}), this.streamManager.on("barClose", (e) => {
+			if (this.replaySession) {
+				this.replaySession.live.appendBar(e);
+				return;
+			}
 			let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
 			this.dataManager.appendBar(e);
 			let n = this.dataManager.getData();
-			this.crosshairHandler.setData(n), this.displayDataCache = null, this.indicatorEngine.recalculateFrom(n, n.length - 2), this.updateViewportAndRender(t);
+			this.crosshairHandler.setData(n), this.displayDataCache = null, this.recalcIndicatorsFrom(n, n.length - 2), this.updateViewportAndRender(t);
 		}), this.streamManager.on("barUpdate", (e) => {
+			if (this.replaySession) {
+				this.replaySession.live.updateLastBar(e);
+				return;
+			}
 			this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close);
 			let t = this.dataManager.getData();
-			this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
+			this.recalcIndicatorsFrom(t, t.length - 1), this.scheduleRender();
 		}), this.streamManager.on("priceChange", ({ price: e, previousClose: t }) => {
-			this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e, t ?? void 0), this.engine.requestRender(r.Overlay), this.engine.requestRender(r.UI);
+			if (this.tradingManager.setCurrentPrice(e), this.replaySession) {
+				this.replaySession.price = {
+					price: e,
+					previousClose: t ?? void 0
+				};
+				return;
+			}
+			this.currentPriceLine.setPrice(e, t ?? void 0), this.engine.requestRender(r.Overlay);
 		}), this.streamManager.on("connectionChange", (e) => {
 			this.eventBus.emit("dataUpdate", { connection: e });
 		}), this.streamManager.on("error", (e) => {
@@ -970,22 +1113,26 @@ var bt = 6, xt = class {
 		if (await t.connect(e), this.streamManager !== t) return;
 		let n = f(e.timeframe);
 		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
-			this.barCountdown.isVisible() && this.engine.requestRender(r.UI);
+			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
 	}
 	async switchStream(e, t) {
 		this.streamManager && (this.currentSymbol = e, this.barCountdown.setTimeframeMs(f(t)), await this.streamManager.switchTo(e, t));
 	}
+	isTimeframeAllowed(e) {
+		let t = this.features.timeframes;
+		return t.length === 0 || t.includes(e);
+	}
 	async setTimeframe(e) {
 		if (!this.streamManager) throw Error("No active stream. Call connect() first.");
-		await this.switchStream(this.currentSymbol, e);
+		this.isTimeframeAllowed(e) && await this.switchStream(this.currentSymbol, e);
 	}
 	disconnectStream() {
 		this.streamManager &&= (this.streamManager.dispose(), null);
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = yt(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = Et(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -1005,19 +1152,19 @@ var bt = 6, xt = class {
 		return this.executionAdapter;
 	}
 	setBarCountdownVisible(e) {
-		this.barCountdown.setVisible(e), this.engine.requestRender(r.UI);
+		this.barCountdown.setVisible(e && this.features.barCountdown), this.engine.requestRender(r.Hover);
 	}
 	setSessionBreaksVisible(e) {
 		this.sessionBreaks.setVisible(e), this.engine.requestRender(r.Background);
 	}
 	addCompareSymbol(e, t, n, i) {
-		this.compareRenderer.addSymbol({
+		this.features.compareSymbols && (this.compareRenderer.addSymbol({
 			id: e,
 			label: t,
 			data: n,
 			color: i,
 			visible: !0
-		}), this.engine.requestRender(r.Main);
+		}), this.engine.requestRender(r.Main));
 	}
 	removeCompareSymbol(e) {
 		this.compareRenderer.removeSymbol(e), this.engine.requestRender(r.Main);
@@ -1032,13 +1179,19 @@ var bt = 6, xt = class {
 		this.compareRenderer.clear(), this.engine.requestRender(r.Main);
 	}
 	setLogScale(e) {
-		this.viewport.setLogScale(e), this.updateViewportAndRender();
+		e && !this.features.logScale || (this.viewport.setLogScale(e), this.updateViewportAndRender());
 	}
 	isLogScale() {
 		return this.viewport.isLogScale();
 	}
+	setInvertScale(e) {
+		this.viewport.setInvertScale(e), this.updateViewportAndRender();
+	}
+	isInvertScale() {
+		return this.viewport.isInvertScale();
+	}
 	setScaleMode(e) {
-		this.viewport.setScaleMode(e), this.updateViewportAndRender();
+		e === "logarithmic" && !this.features.logScale || (this.viewport.setScaleMode(e), this.updateViewportAndRender());
 	}
 	getScaleMode() {
 		return this.viewport.getScaleMode();
@@ -1063,25 +1216,34 @@ var bt = 6, xt = class {
 			return;
 		}
 	}
+	goToTime(e) {
+		let t = this.getDisplayData();
+		if (t.length === 0 || !Number.isFinite(e)) return -1;
+		let n = Math.max(0, Math.min(t.length - 1, Math.floor(C(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
+		return this.viewport.scrollBy(i - r.offset), this.updateViewportAndRender(), n;
+	}
+	setVisibleRangePreset(e) {
+		let t = this.getDisplayData();
+		if (t.length === 0) return;
+		let n = t.length - 1, r = t[n].time > Dt ? 1 : 1e3, i = $e(e, t[n].time * r, this.displayTzOffset), a = i === null ? null : i / r;
+		if (a === null || a < t[0].time) {
+			this.fitContent();
+			return;
+		}
+		let o = Math.min(n, Math.floor(C(a, t)) + 1);
+		this.viewport.zoomToBarRange(o, n + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender();
+	}
 	scrollToEnd() {
 		this.viewport.scrollToEnd(), this.updateViewportAndRender();
 	}
 	setVisibleRange(e, t) {
-		let n = this.dataManager.getData(), r = 0, i = n.length - 1;
-		for (let t = 0; t < n.length; t++) if (n[t].time >= e) {
-			r = t;
-			break;
-		}
-		for (let e = n.length - 1; e >= 0; e--) if (n[e].time <= t) {
-			i = e;
-			break;
-		}
-		let a = i - r + 1;
-		if (a > 0) {
-			let e = this.viewport.getState().chartRect.width, t = e / a, n = Math.max(2, t - this.viewport.getState().barSpacing);
-			this.viewport.zoom((n - this.viewport.getState().barWidth) / this.viewport.getState().barWidth, e / 2);
-		}
-		this.updateViewportAndRender();
+		let n = this.dataManager.getData();
+		if (n.length === 0) return;
+		let r = C(Math.min(e, t), n), i = C(Math.max(e, t), n);
+		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
+	}
+	setPanLimits(e) {
+		this.viewport.setPanLimits(e), this.updateViewportAndRender();
 	}
 	zoomIn() {
 		let e = this.viewport.getState().chartRect.width;
@@ -1092,8 +1254,8 @@ var bt = 6, xt = class {
 		this.viewport.zoom(-.2, e / 2), this.updateViewportAndRender();
 	}
 	fitContent() {
-		let e = this.dataManager.getData();
-		e.length !== 0 && this.setVisibleRange(e[0].time, e[e.length - 1].time);
+		let e = this.dataManager.getLength();
+		e !== 0 && (this.viewport.zoomToBarRange(0, e - 1 + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender());
 	}
 	on(e, t) {
 		this.eventBus.on(e, t);
@@ -1129,13 +1291,17 @@ var bt = 6, xt = class {
 		return this.options.autoScale !== !1;
 	}
 	setCrosshairMode(e) {
-		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Overlay);
+		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Hover);
 	}
 	getCrosshairMode() {
 		return this.crosshairHandler.getMode();
 	}
 	setCrosshairPosition(e) {
-		e && this.crosshairHandler.onPointerMove(e), this.engine.requestRender(r.Overlay);
+		e ? this.crosshairHandler.onPointerMove(e) : this.crosshairHandler.onPointerLeave(), this.engine.requestRender(r.Hover);
+	}
+	setCrosshairTime(e) {
+		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(C(e, t));
+		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.engine.requestRender(r.Hover));
 	}
 	getData() {
 		return this.dataManager.getData();
@@ -1196,7 +1362,7 @@ var bt = 6, xt = class {
 		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
 	}
 	setTimezoneOffset(e) {
-		this.timeAxis.setTimezoneOffset(e), this.crosshairHandler.setTimezoneOffset(e), this.engine.requestRender(r.UI), this.engine.requestRender(r.Overlay);
+		this.displayTzOffset = e, this.timeAxis.setTimezoneOffset(e), this.crosshairHandler.setTimezoneOffset(e), this.crosshairTooltip.setTimezoneOffset(e), this.engine.requestRender(r.UI);
 	}
 	setPivotMarkersVisible(e) {
 		this.pivotMarkers.setVisible(e), this.engine.requestRender(r.Overlay);
@@ -1220,31 +1386,31 @@ var bt = 6, xt = class {
 		e || this.crosshairTooltip.hide();
 	}
 	setLegend(e) {
-		this.chartLegend.setConfig(e), this.engine.requestRender(r.UI);
+		this.chartLegend.setConfig(e), this.engine.requestRender(r.Hover);
 	}
 	setSymbolName(e) {
-		this.chartLegend.setSymbol(e), this.engine.requestRender(r.UI);
+		this.chartLegend.setSymbol(e), this.engine.requestRender(r.Hover);
 	}
 	setStatusText(e) {
-		this.chartLegend.setStatusText(e), this.engine.requestRender(r.UI);
+		this.chartLegend.setStatusText(e), this.engine.requestRender(r.Hover);
 	}
 	screenshot(e) {
-		this.features.screenshot && S.download(this.container, e, this.themeManager.getTheme().background);
+		this.features.screenshot && x.download(this.container, e, this.themeManager.getTheme().background);
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
 		try {
-			let e = await S.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
+			let e = await x.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
 			return !e || !navigator.clipboard?.write || !t ? !1 : (await navigator.clipboard.write([new t({ "image/png": e })]), !0);
 		} catch {
 			return !1;
 		}
 	}
 	screenshotDataURL() {
-		return this.features.screenshot ? S.toDataURL(this.container, this.themeManager.getTheme().background) : null;
+		return this.features.screenshot ? x.toDataURL(this.container, this.themeManager.getTheme().background) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? S.toBlob(this.container, this.themeManager.getTheme().background) : null;
+		return this.features.screenshot ? x.toBlob(this.container, this.themeManager.getTheme().background) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i) {
 		if (!this.features.alerts) return null;
@@ -1307,16 +1473,24 @@ var bt = 6, xt = class {
 	}
 	replayStart(e) {
 		if (!this.features.replay) return;
-		let t = this.dataManager.getData();
-		this.replayManager.load(t);
+		if (!this.replaySession) {
+			if (this.dataManager.getLength() === 0) return;
+			let e = new A();
+			e.setData(this.dataManager.getData()), this.replaySession = {
+				live: e,
+				price: null
+			};
+		}
+		let t = this.replaySession.live.getData().slice();
+		this.options.autoScale = !0, this.replayManager.load(t);
 		let n = -1;
 		this.replayBarUnsub?.(), this.replayBarUnsub = this.replayManager.on("bar", ({ bar: e, index: r }) => {
-			let i = r + 1;
-			if (n > 0 && i > n && this.dataManager.getLength() === n) {
+			let i = r + 1, a = n > 0 && i > n && this.dataManager.getLength() === n, o = !(a && !this.replaySeeking) || this.autoScrollOnNewBar && this.viewport.isAtEnd();
+			if (a) {
 				for (let e = n; e < i; e++) this.dataManager.appendBar(t[e]);
-				this.indicatorEngine.recalculateFrom(this.dataManager.getData(), n);
-			} else this.dataManager.setData(t.slice(0, i)), this.indicatorEngine.recalculateAll(this.dataManager.getData());
-			n = i, this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.updateViewportAndRender();
+				this.recalcIndicatorsFrom(this.dataManager.getData(), n);
+			} else this.dataManager.setData(t.slice(0, i)), this.recalcIndicators(this.dataManager.getData());
+			n = i, this.currentPriceLine.setPrice(t[r].close, r > 0 ? t[r - 1].close : void 0), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.updateViewportAndRender(o);
 		}), this.replayManager.play(e);
 	}
 	replayPause() {
@@ -1326,10 +1500,31 @@ var bt = 6, xt = class {
 		this.replayManager.resume();
 	}
 	replayStop() {
-		this.replayManager.stop();
+		let e = this.replaySession;
+		this.endReplaySession(), e && (this.setData(e.live.getData()), e.price && this.currentPriceLine.setPrice(e.price.price, e.price.previousClose));
+	}
+	isReplayActive() {
+		return this.replaySession !== null;
+	}
+	getPlotRect() {
+		let { x: e, y: t, width: n, height: r } = this.viewport.getState().chartRect;
+		return {
+			x: e,
+			y: t,
+			width: n,
+			height: r
+		};
+	}
+	endReplaySession() {
+		this.replaySession && (this.replaySession = null, this.replayBarUnsub?.(), this.replayBarUnsub = null, this.replayManager.stop());
 	}
 	replaySeek(e) {
-		this.replayManager.seekTo(e);
+		this.replaySeeking = !0;
+		try {
+			this.replayManager.seekTo(e);
+		} finally {
+			this.replaySeeking = !1;
+		}
 	}
 	setReplaySpeed(e) {
 		this.replayManager.setSpeed(e);
@@ -1340,22 +1535,68 @@ var bt = 6, xt = class {
 	getReplayProgress() {
 		return this.replayManager.getProgress();
 	}
-	saveState(e) {
-		if (!this.features.saveLoad) return null;
-		let t = g.capture({
+	captureSnapshot() {
+		let e = this.layoutManager.getPanels();
+		return g.capture({
 			getDrawings: () => this.getDrawings(),
 			getTheme: () => this.getTheme(),
-			getAlerts: () => this.getAlerts()
-		}, { chartType: this.options.chartType }), n = g.serialize(t);
+			getAlerts: () => this.getAlerts(),
+			getIndicators: () => [...this.indicatorEngine.getActiveIndicators().map((t) => ({
+				id: t.id,
+				instanceId: t.instanceId,
+				params: t.params,
+				position: e.find((e) => e.id === t.instanceId)?.position,
+				style: this.indicatorEngine.getIndicatorStyle(t.instanceId) ?? void 0,
+				visible: t.visible
+			})), ...this.unrestoredIndicators]
+		}, {
+			chartType: this.options.chartType,
+			symbol: this.currentSymbol || void 0
+		});
+	}
+	saveState(e) {
+		if (!this.features.saveLoad) return null;
+		let t = this.captureSnapshot(), n = g.serialize(t);
 		return e && g.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
 		let t = g.deserialize(e);
-		if (t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), t.theme && this.setTheme(t.theme), t.alerts) {
-			this.clearAlerts();
-			for (let e of t.alerts) this.addAlert(e.price, e.condition, e.message);
+		t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), t.theme && this.setTheme(t.theme);
+		let n = /* @__PURE__ */ new Map();
+		if (t.version >= 2 && this.features.indicators) {
+			this.unrestoredIndicators = [];
+			let e = new Set(this.indicatorEngine.getAvailableIndicators().map((e) => e.id));
+			for (let e of this.indicatorEngine.getActiveIndicators()) this.removeIndicator(e.instanceId);
+			for (let r of t.indicators) {
+				let t = [
+					"top",
+					"bottom",
+					"left",
+					"right"
+				].find((e) => e === r.position) ?? "bottom", i = null;
+				try {
+					if (!e.has(r.id)) throw Error("no such indicator is registered");
+					i = this.addIndicator(r.id, r.params, t);
+				} catch (e) {
+					console.warn(`Layout indicator "${r.id}" kept but not shown:`, e);
+				}
+				if (!i) {
+					this.unrestoredIndicators.push(r);
+					continue;
+				}
+				n.set(r.instanceId, i), r.style && this.updateIndicatorStyle(i, r.style), r.visible === !1 && this.setIndicatorVisible(i, !1);
+			}
+		}
+		if (t.alerts && this.features.alerts) {
+			this.alertManager.clearAlerts();
+			for (let e of t.alerts) {
+				if (e.triggered && !e.repeating) continue;
+				let t = e.channel.indexOf(":"), r = t > 0 ? n.get(e.channel.slice(0, t)) : void 0, i = r ? r + e.channel.slice(t) : e.channel;
+				this.alertManager.addAlert(e.price, e.condition, e.message, e.repeating, i, e.label);
+			}
 		}
+		this.scheduleAutoSave();
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
@@ -1363,13 +1604,7 @@ var bt = 6, xt = class {
 		return t ? (this.loadState(g.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
-		if (!this.features.saveLoad) return;
-		let t = g.capture({
-			getDrawings: () => this.getDrawings(),
-			getTheme: () => this.getTheme(),
-			getAlerts: () => this.getAlerts()
-		}, { chartType: this.options.chartType });
-		g.downloadFile(t, e);
+		this.features.saveLoad && g.downloadFile(this.captureSnapshot(), e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
@@ -1380,7 +1615,7 @@ var bt = 6, xt = class {
 		d(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
-		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.chartLegend.setLocale(e), this.sessionBreaks.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
+		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.sessionBreaks.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
 	}
 	getNumberLocale() {
 		return this.numberLocale;
@@ -1398,7 +1633,7 @@ var bt = 6, xt = class {
 			};
 			this.themeManager.setTheme(t);
 		}
-		e.pricePrecision !== void 0 && (this.tradingManager.setConfig({ pricePrecision: e.pricePrecision }), this.alertManager.setPricePrecision(e.pricePrecision), this.streamManager?.priceLine.setPricePrecision(e.pricePrecision), this.currentPriceLine.setPricePrecision(e.pricePrecision), this.crosshairHandler.setPricePrecision(e.pricePrecision), this.chartLegend.setPricePrecision(e.pricePrecision)), this.updateViewportAndRender();
+		e.pricePrecision !== void 0 && (this.marketPricePrecision = e.pricePrecision, this.tradingManager.setConfig({ pricePrecision: e.pricePrecision }), this.alertManager.setPricePrecision(e.pricePrecision), this.streamManager?.priceLine.setPricePrecision(e.pricePrecision), this.currentPriceLine.setPricePrecision(e.pricePrecision), this.crosshairHandler.setPricePrecision(e.pricePrecision), this.chartLegend.setPricePrecision(e.pricePrecision), this.crosshairTooltip.setPricePrecision(e.pricePrecision)), this.updateViewportAndRender();
 	}
 	getMarket() {
 		return this.marketConfig;
@@ -1428,15 +1663,31 @@ var bt = 6, xt = class {
 		this.countdownInterval && clearInterval(this.countdownInterval), this.disableAutoSave(), this.disconnectStream(), this.disconnectExecution(), this.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.pinnedTooltip.destroy(), this.replayManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.container.innerHTML = "";
 	}
 	createChartRenderer(e) {
-		return at(e, (e) => this.pluginManager.getChartType(e));
+		return dt(e, (e) => this.pluginManager.getChartType(e));
 	}
 	getDisplayData() {
 		if (this.displayDataCache) return this.displayDataCache;
 		let e = this.dataManager.getData();
 		if (e.length === 0) return e;
-		let t = ot(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
+		let t = ft(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
 		return this.displayDataCache = t, t;
 	}
+	recalcIndicatorsFrom(e, t) {
+		this.indicatorEngine.recalculateFrom(e, t), this.announceIndicatorUpdate(t);
+	}
+	recalcIndicators(e) {
+		this.indicatorEngine.recalculateAll(e), this.announceIndicatorUpdate(0);
+	}
+	announceIndicatorUpdate(e) {
+		if (this.indicatorUpdateFrom !== null) {
+			this.indicatorUpdateFrom = Math.min(this.indicatorUpdateFrom, e);
+			return;
+		}
+		this.indicatorUpdateFrom = e, queueMicrotask(() => {
+			let e = this.indicatorUpdateFrom;
+			this.indicatorUpdateFrom = null, e !== null && this.eventBus.emit("indicatorUpdate", { from: e });
+		});
+	}
 	scheduleRender() {
 		this.renderScheduled || (this.renderScheduled = !0, requestAnimationFrame(() => {
 			this.renderScheduled = !1, this.applyDataToViewport(), this.fitPriceAxisWidth() && this.applyDataToViewport(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
@@ -1469,7 +1720,7 @@ var bt = 6, xt = class {
 	}
 	fitPriceAxisWidth() {
 		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = pt({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = yt({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -1478,7 +1729,7 @@ var bt = 6, xt = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = mt(this.priceAxisWidth, n);
+		}), r = bt(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) {
@@ -1505,7 +1756,15 @@ var bt = 6, xt = class {
 		})), this.lastEmittedBarWidth !== e.barWidth && (this.lastEmittedBarWidth = e.barWidth, this.eventBus.emit("zoomChange", { barWidth: e.barWidth }));
 	}
 	getResolvedLayout() {
-		return this.resolvedLayoutCache ||= this.layoutManager.resolve(), this.resolvedLayoutCache;
+		return this.resolvedLayoutCache || (this.resolvedLayoutCache = this.layoutManager.resolve(), this.syncCrosshairBounds(this.resolvedLayoutCache)), this.resolvedLayoutCache;
+	}
+	syncCrosshairBounds(e) {
+		let t = e.mainChartRect, n = t.y, r = t.y + t.height;
+		for (let t of e.panels) t.config.position !== "top" && t.config.position !== "bottom" || (n = Math.min(n, t.rect.y), r = Math.max(r, t.rect.y + t.rect.height));
+		this.crosshairHandler.setReportBounds({
+			top: n,
+			bottom: r
+		});
 	}
 	cachedContainerSize() {
 		let e = Date.now();
@@ -1514,7 +1773,7 @@ var bt = 6, xt = class {
 	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 = st(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
+			let i = pt(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -1526,7 +1785,10 @@ var bt = 6, xt = class {
 				viewport: {
 					...t,
 					chartRect: a,
-					priceRange: i
+					priceRange: i,
+					logScale: !1,
+					scaleMode: "regular",
+					invertScale: !1
 				}
 			};
 		});
@@ -1559,6 +1821,7 @@ var bt = 6, xt = class {
 			compareRenderer: this.compareRenderer,
 			alertManager: this.features.alerts ? this.alertManager : null,
 			measureOverlay: this.measureOverlay,
+			selectionBoxOverlay: this.selectionBoxOverlay,
 			signalMarkerManager: this.signalMarkerManager,
 			tradeZoneManager: this.tradeZoneManager,
 			panels: t,
@@ -1571,6 +1834,7 @@ var bt = 6, xt = class {
 			theme: this.themeManager.getTheme(),
 			data: i,
 			numberLocale: this.numberLocale,
+			paneTitles: this.paneTitles,
 			renderOverlayPlugins: (e, t) => this.drawOverlayPlugins(e, t)
 		});
 	}
@@ -1609,13 +1873,13 @@ var bt = 6, xt = class {
 ];
 function J(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? St(t) : Ct(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? kt(t) : At(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function St(e) {
+function kt(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1625,19 +1889,19 @@ function St(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) ? Dt(e) : Et(e);
+		let t = Array.isArray(e) ? Pt(e) : Nt(e);
 		t ? n.push(t) : r++;
 	}
 	return Q(n, t.length, r);
 }
-function Ct(e) {
+function At(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 = wt(t[0]), r = Y(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Tt(r) : {
+	let n = jt(t[0]), r = Y(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Mt(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -1669,7 +1933,7 @@ function Ct(e) {
 	}
 	return Q(o, t.length - +!!i, s);
 }
-function wt(e) {
+function jt(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1689,7 +1953,7 @@ function Y(e, t) {
 	}
 	return n.push(r), n;
 }
-function Tt(e) {
+function Mt(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
 		time: t(H),
@@ -1700,7 +1964,7 @@ function Tt(e) {
 		volume: t(q)
 	};
 }
-function Et(e) {
+function Nt(e) {
 	let t = (t) => {
 		for (let n of t) {
 			if (e[n] !== void 0) return e[n];
@@ -1722,7 +1986,7 @@ function Et(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Dt(e) {
+function Pt(e) {
 	if (e.length < 5) return null;
 	let t = Z(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 || ![
@@ -1762,7 +2026,7 @@ function Q(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Ot = class {
+var Ft = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1809,12 +2073,12 @@ var Ot = class {
 			zIndex: "90",
 			pointerEvents: "none",
 			borderRadius: "10px",
-			border: "2px dashed var(--tcw-accent, #4f88ff)",
+			border: "2px dashed var(--tcw-accent, #f2a93b)",
 			background: "rgba(79, 136, 255, 0.06)",
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
-			color: "var(--tcw-accent, #4f88ff)",
+			color: "var(--tcw-accent, #f2a93b)",
 			fontSize: "14px",
 			fontWeight: "600",
 			letterSpacing: "-0.005em",
@@ -1830,6 +2094,6 @@ function $(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
-export { vt as a, _t as c, L as d, P as f, B as i, ht as l, A as m, J as n, z as o, j as p, xt as r, gt as s, Ot as t, I as u };
+export { Tt as a, wt as c, L as d, P as f, B as i, St as l, A as m, J as n, z as o, j as p, Ot as r, Ct as s, Ft as t, I as u };
 
-//# sourceMappingURL=DragDropImporter-BcTzFeRP.js.map
+//# sourceMappingURL=DragDropImporter-Dd9Mud5J.js.map