@tradecanvas/chart 1.3.0 → 1.4.0

package/dist/{DragDropImporter-cURSpfUb.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 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, barTimeStep as Ze, findDominantSwing as Qe, registerBuiltInDrawingTools as $e, registerBuiltInIndicators as S, timestampToBarIndex as C, toHeikinAshi as et, toKagi as tt, toLineBreak as nt, toPointAndFigure as rt, toRangeBars as it, toRenko as at, xToBarIndex as ot } 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 st(e) {
+function ct(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
@@ -23,44 +23,58 @@ function st(e) {
 		default: return new h();
 	}
 }
-function ct(e, t) {
+function lt(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return et(t);
-		case "renko": return at(t, {
+		case "heikinAshi": return tt(t);
+		case "renko": return ot(t, {
 			brickSize: 0,
 			useATR: !0,
 			atrPeriod: 14
 		});
-		case "lineBreak": return nt(t, 3);
-		case "kagi": return tt(t, 4);
-		case "pointAndFigure": return rt(t, w(t) * .01, 3);
-		case "rangeBars": return it(t, { rangeSize: w(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 lt(e, t) {
+function dt(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : st(e);
+	return n ? n.createRenderer() : ct(e);
 }
-function ut(e, t, n) {
+function ft(e, t, n) {
 	if (t.length === 0) return t;
 	let r = n?.(e);
-	return r?.transform ? r.transform(t) : ct(e, t);
+	return r?.transform ? r.transform(t) : lt(e, t);
 }
 //#endregion
 //#region src/charts/IndicatorPriceRange.ts
-var T = {
+var E = {
 	min: 0,
 	max: 100
-}, E = .1;
-function dt(e, t, n) {
-	if (!e) return { ...T };
+}, D = .1;
+function pt(e, t, n) {
+	if (!e) return { ...E };
 	let r = Infinity, i = -Infinity;
 	if (e.series) {
 		let a = Math.min(n, e.series.length - 1);
@@ -81,16 +95,16 @@ function dt(e, t, n) {
 			a++;
 		}
 	}
-	if (r === Infinity) return { ...T };
+	if (r === Infinity) return { ...E };
 	let a = i - r || 1;
 	return {
-		min: r - a * E,
-		max: i + a * E
+		min: r - a * D,
+		max: i + a * D
 	};
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var ft = class {
+var mt = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -120,15 +134,15 @@ var ft = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function D(e) {
+function O(e) {
 	if (!e || typeof e.time != "number") return !1;
 	let { open: t, high: n, low: r, close: i } = e;
 	return !(!isFinite(t) || !isFinite(n) || !isFinite(r) || !isFinite(i) || t < 0 || n < 0 || r < 0 || i < 0 || n < r || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0));
 }
-function pt(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 O(e) {
+function k(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -136,7 +150,7 @@ function O(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-var k = class {
+var A = class {
 	data = [];
 	getData() {
 		return this.data;
@@ -145,16 +159,16 @@ var k = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			D(r) && t.push(pt(r) ? r : O(r));
+			O(r) && t.push(ht(r) ? r : k(r));
 		}
 		this.data = t;
 	}
 	appendBar(e) {
-		D(e) && this.data.push(O(e));
+		O(e) && this.data.push(k(e));
 	}
 	updateLastBar(e) {
-		if (!D(e)) return;
-		let t = O(e);
+		if (!O(e)) return;
+		let t = k(e);
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -170,7 +184,7 @@ var k = class {
 	clear() {
 		this.data = [];
 	}
-}, A = class {
+}, j = class {
 	theme;
 	constructor(t) {
 		!t || t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
@@ -181,7 +195,7 @@ var k = class {
 	setTheme(t) {
 		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
 	}
-}, j = 200, M = 80, N = class {
+}, M = 200, N = 80, P = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -194,8 +208,8 @@ var k = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? j : t),
-			minSize: a ? M : i,
+			size: r ?? (a ? M : t),
+			minSize: a ? N : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -209,7 +223,7 @@ var k = class {
 		let r = this.panels.find((t) => t.id === e);
 		if (r) {
 			let e = r.position === "left" || r.position === "right", a = n === "left" || n === "right";
-			r.position = n, e !== a && (r.size = a ? j : t, r.minSize = a ? M : i);
+			r.position = n, e !== a && (r.size = a ? M : t, r.minSize = a ? N : i);
 		}
 	}
 	setPanelSize(e, t) {
@@ -313,8 +327,8 @@ var k = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, mt = 14, ht = 14, gt = 22, P = 4;
-function _t(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,14 +337,14 @@ function _t(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}`) + mt, u(n, `bold 11px ${o}`) + ht, u(n, `600 ${c}px ${o}`) + gt);
+		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 / P) * P;
+	return m <= a ? a : Math.ceil(m / F) * F;
 }
-function vt(e, t) {
+function bt(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
-var yt = class {
+var xt = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -346,11 +360,11 @@ var yt = class {
 		}
 		return this.engaged;
 	}
-}, bt = 1;
-function F(e, t) {
+}, St = 1;
+function I(e, t) {
 	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
 }
-function I(e) {
+function L(e) {
 	switch (e.kind) {
 		case "indicator": return `indicator:${e.plugin.descriptor.id}`;
 		case "drawing": return `drawing:${e.plugin.descriptor.type}`;
@@ -360,25 +374,25 @@ function I(e) {
 }
 //#endregion
 //#region src/plugins/registry.ts
-var L = /* @__PURE__ */ new Map();
-function xt(e) {
-	L.set(I(e), e);
+var R = /* @__PURE__ */ new Map();
+function Ct(e) {
+	R.set(L(e), e);
 }
-function St(e) {
-	return L.delete(e);
+function wt(e) {
+	return R.delete(e);
 }
-function R() {
-	return [...L.values()];
+function z() {
+	return [...R.values()];
 }
-function Ct() {
-	L.clear();
+function Tt() {
+	R.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var z = class {
+var B = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of R()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of z()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -406,20 +420,20 @@ var z = class {
 		return e;
 	}
 	add(e) {
-		this.plugins.set(I(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+		this.plugins.set(L(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, B = {
+}, V = {
 	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)
 };
-function wt(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(B)) {
-		let i = B[r], a = t.onIntent(r, (n) => {
+	for (let r of Object.keys(V)) {
+		let i = V[r], a = t.onIntent(r, (n) => {
 			Promise.resolve(i(e, n)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -433,8 +447,8 @@ function wt(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var Tt = class {
-	static version = "1.3.0";
+var Dt = 0xe8d4a51000, Ot = class {
+	static version = "1.4.0";
 	engine;
 	viewport;
 	dataManager;
@@ -452,6 +466,7 @@ var Tt = class {
 	execTeardown = null;
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
+	indicatorUpdateFrom = null;
 	resolvedLayoutCache = null;
 	panelInfoCache = null;
 	renderScheduled = !1;
@@ -465,6 +480,8 @@ var Tt = class {
 	chartLegend;
 	watermark;
 	barCountdown;
+	unrestoredIndicators = [];
+	displayTzOffset = null;
 	sessionBreaks;
 	sessionShading;
 	compareRenderer;
@@ -483,8 +500,9 @@ var Tt = class {
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
+	replaySession = null;
 	undoRedoManager;
-	autoSaveScheduler = new ft((e) => this.saveState(e));
+	autoSaveScheduler = new mt((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -500,6 +518,8 @@ var Tt = class {
 	container;
 	currentPriceLine;
 	numberLocale;
+	marketPricePrecision = null;
+	paneTitles = !0;
 	defaultAutoScale;
 	keyboardHandler = null;
 	onWindowKeyDown = null;
@@ -538,11 +558,11 @@ var Tt = 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 k(), this.themeManager = new A(t.theme), this.layoutManager = new N(), this.indicatorEngine = new v(), this.pluginManager = new z(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new he(), S(this.indicatorEngine), this.drawingManager = new fe(), $e(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 We(), 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 He({
+		}), 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 Ue(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
@@ -559,27 +579,25 @@ var Tt = class {
 		}, 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;
-				if (this.chartLegend.setHoverBar(r ?? null), r && this.features.crosshairTooltip) {
-					let i = this.viewport.getState();
-					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.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 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.sessionBreaks = new Fe(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Ie(), 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.crosshairTooltip.setLocale(this.numberLocale), 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();
@@ -647,7 +665,7 @@ var Tt = class {
 		}), this.tradeZoneManager.on("removed", (e) => {
 			this.eventBus.emit("tradeZoneRemove", { id: e });
 		}), this.replayManager = new b(), this.measureOverlay = new Te(), this.interactionManager = new ye(e), this.features.panning) {
-			let e = new yt();
+			let e = new xt();
 			this.interactionManager.setPanHandler(new Ee((t, n) => {
 				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.options.autoScale = !1, this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
@@ -688,7 +706,7 @@ var Tt = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let n = ot(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,
@@ -739,29 +757,45 @@ var Tt = class {
 		}), 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);
@@ -772,14 +806,17 @@ var Tt = 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);
@@ -798,7 +835,30 @@ var Tt = class {
 		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));
@@ -806,6 +866,18 @@ var Tt = 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);
 	}
@@ -862,7 +934,7 @@ var Tt = 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";
@@ -884,6 +956,7 @@ var Tt = 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);
@@ -894,6 +967,7 @@ var Tt = class {
 		}
 	}
 	exportAllData(e = "csv", t) {
+		if (!this.features.dataExport) return;
 		let n = this.dataManager.getData();
 		if (e === "json") {
 			let e = _.toJSON(n);
@@ -926,7 +1000,7 @@ var Tt = 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);
@@ -936,7 +1010,7 @@ var Tt = 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);
@@ -979,7 +1053,7 @@ var Tt = 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();
@@ -998,19 +1072,38 @@ var Tt = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		this.disconnectStream(), this.streamManager = new ze(), 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);
+			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) => {
@@ -1026,16 +1119,20 @@ var Tt = class {
 	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 = wt(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);
@@ -1055,19 +1152,19 @@ var Tt = class {
 		return this.executionAdapter;
 	}
 	setBarCountdownVisible(e) {
-		this.barCountdown.setVisible(e), this.engine.requestRender(r.Hover);
+		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);
@@ -1082,13 +1179,19 @@ var Tt = 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();
@@ -1113,6 +1216,23 @@ var Tt = 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();
 	}
@@ -1177,7 +1297,11 @@ var Tt = class {
 		return this.crosshairHandler.getMode();
 	}
 	setCrosshairPosition(e) {
-		e && this.crosshairHandler.onPointerMove(e), this.engine.requestRender(r.Hover);
+		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();
@@ -1238,7 +1362,7 @@ var Tt = class {
 		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
 	}
 	setTimezoneOffset(e) {
-		this.timeAxis.setTimezoneOffset(e), this.crosshairHandler.setTimezoneOffset(e), this.crosshairTooltip.setTimezoneOffset(e), this.engine.requestRender(r.UI);
+		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);
@@ -1349,16 +1473,24 @@ var Tt = 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, 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(o);
+				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() {
@@ -1368,7 +1500,23 @@ var Tt = 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.replaySeeking = !0;
@@ -1387,22 +1535,68 @@ var Tt = 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;
@@ -1410,13 +1604,7 @@ var Tt = 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;
@@ -1445,7 +1633,7 @@ var Tt = 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.crosshairTooltip.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;
@@ -1475,15 +1663,31 @@ var Tt = 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 lt(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 = ut(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();
@@ -1516,7 +1720,7 @@ var Tt = class {
 	}
 	fitPriceAxisWidth() {
 		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = _t({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = yt({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -1525,7 +1729,7 @@ var Tt = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = vt(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) {
@@ -1552,7 +1756,15 @@ var Tt = 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();
@@ -1561,7 +1773,7 @@ var Tt = 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 = dt(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,
@@ -1573,7 +1785,10 @@ var Tt = class {
 				viewport: {
 					...t,
 					chartRect: a,
-					priceRange: i
+					priceRange: i,
+					logScale: !1,
+					scaleMode: "regular",
+					invertScale: !1
 				}
 			};
 		});
@@ -1619,11 +1834,12 @@ var Tt = class {
 			theme: this.themeManager.getTheme(),
 			data: i,
 			numberLocale: this.numberLocale,
+			paneTitles: this.paneTitles,
 			renderOverlayPlugins: (e, t) => this.drawOverlayPlugins(e, t)
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = F(this.pluginManager.getOverlays(), t);
+		let n = I(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -1644,26 +1860,26 @@ var Tt = class {
 			} : void 0
 		} : null;
 	}
-}, V = [
+}, H = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], H = ["open", "o"], U = ["high", "h"], W = ["low", "l"], G = ["close", "c"], K = [
+], U = ["open", "o"], W = ["high", "h"], G = ["low", "l"], K = ["close", "c"], q = [
 	"volume",
 	"vol",
 	"v"
 ];
-function q(e) {
+function J(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Et(t) : Dt(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? kt(t) : At(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Et(e) {
+function kt(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1673,19 +1889,19 @@ function Et(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) ? At(e) : Y(e);
+		let t = Array.isArray(e) ? Pt(e) : Nt(e);
 		t ? n.push(t) : r++;
 	}
 	return Q(n, t.length, r);
 }
-function Dt(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 = Ot(t[0]), r = J(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? kt(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,
@@ -1696,7 +1912,7 @@ function Dt(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 = J(t[e], n), i = Z(r[a.time]), c = X(r[a.open]), l = X(r[a.high]), u = X(r[a.low]), d = X(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = Y(t[e], n), i = Z(r[a.time]), c = X(r[a.open]), l = X(r[a.high]), u = X(r[a.low]), d = X(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
 		if (i === null || ![
 			c,
 			l,
@@ -1717,7 +1933,7 @@ function Dt(e) {
 	}
 	return Q(o, t.length - +!!i, s);
 }
-function Ot(e) {
+function jt(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1729,7 +1945,7 @@ function Ot(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function J(e, t) {
+function Y(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -1737,25 +1953,25 @@ function J(e, t) {
 	}
 	return n.push(r), n;
 }
-function kt(e) {
+function Mt(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(V),
-		open: t(H),
-		high: t(U),
-		low: t(W),
-		close: t(G),
-		volume: t(K)
+		time: t(H),
+		open: t(U),
+		high: t(W),
+		low: t(G),
+		close: t(K),
+		volume: t(q)
 	};
 }
-function Y(e) {
+function Nt(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 = Z(String(t(V) ?? "")), r = Number(t(H)), i = Number(t(U)), a = Number(t(W)), o = Number(t(G)), s = Number(t(K) ?? 0);
+	}, n = Z(String(t(H) ?? "")), r = Number(t(U)), i = Number(t(W)), a = Number(t(G)), o = Number(t(K)), s = Number(t(q) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -1770,7 +1986,7 @@ function Y(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function At(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 || ![
@@ -1810,7 +2026,7 @@ function Q(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var jt = class {
+var Ft = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1843,7 +2059,7 @@ var jt = class {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = q(await t.text());
+			let e = J(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) {
@@ -1878,6 +2094,6 @@ function $(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
-export { Ct as a, St as c, I as d, N as f, z as i, bt as l, k as m, q as n, R as o, A as p, Tt as r, xt as s, jt as t, F 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-cURSpfUb.js.map
+//# sourceMappingURL=DragDropImporter-Dd9Mud5J.js.map