@tradecanvas/chart 1.1.0 → 1.2.0

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

@@ -1,41 +1,41 @@
-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, computePriceLimits as s, mergeBar as c, setLocale as l, timeframeToMs as u } from "@tradecanvas/commons";
-import { AlertDragHandler as d, AlertManager as f, Animator as p, AreaRenderer as m, AxisDragHandler as h, BarCountdown as ee, BarRenderer as te, BaselineRenderer as ne, CandlestickRenderer as g, ChartLegend as re, ChartStateManager as _, CompareRenderer as ie, CrosshairHandler as ae, CrosshairTooltip as oe, CurrentPriceLine as se, DataExporter as v, DepthHeatmapRenderer as ce, DrawingManager as le, DrawingRenderer as ue, EquivolumeRenderer as de, EventBus as fe, GridRenderer as pe, HLCAreaRenderer as me, HollowCandleRenderer as he, IndicatorEngine as y, InteractionManager as ge, KagiRenderer as _e, KeyboardHandler as ve, LineRenderer as ye, LineWithMarkersRenderer as be, MarketProfileRenderer as xe, MeasureOverlay as Se, PanHandler as Ce, PaneResizeHandler as we, PeriodLevelsRenderer as Te, PinnedTooltip as Ee, PivotMarkersRenderer as De, PointAndFigureRenderer as Oe, PriceAxis as ke, RenderEngine as Ae, RenkoRenderer as b, ReplayManager as x, Screenshot as S, SessionBreaks as C, SessionShading as je, SignalMarkerManager as Me, StepLineRenderer as Ne, StreamManager as Pe, TimeAxis as Fe, TradeZoneManager as Ie, TradingManager as Le, TradingRenderer as Re, UndoRedoManager as ze, Viewport as Be, VolumeCandleRenderer as Ve, VolumeProfileRenderer as He, VolumeRenderer as Ue, Watermark as We, ZoomHandler as Ge, findDominantSwing as Ke, registerBuiltInDrawingTools as qe, registerBuiltInIndicators as w, toHeikinAshi as Je, toKagi as Ye, toLineBreak as Xe, toPointAndFigure as Ze, toRangeBars as Qe, toRenko as $e, xToBarIndex as et } from "@tradecanvas/core";
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, 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";
 //#region src/charts/ChartTypeStrategy.ts
-function tt(e) {
+function w(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new g();
-		case "line": return new ye();
-		case "area": return new m();
-		case "bar": return new te();
-		case "hollowCandle": return new he();
-		case "baseline": return new ne();
+		case "rangeBars": return new h();
+		case "line": return new Se();
+		case "area": return new te();
+		case "bar": return new ie();
+		case "hollowCandle": return new ve();
+		case "baseline": return new ae();
 		case "renko": return new b();
-		case "kagi": return new _e();
-		case "pointAndFigure": return new Oe();
-		case "volumeCandles": return new Ve();
-		case "equivolume": return new de();
-		case "hlcArea": return new me();
-		case "stepLine": return new Ne();
-		case "lineWithMarkers": return new be();
-		default: return new g();
+		case "kagi": return new be();
+		case "pointAndFigure": return new je();
+		case "volumeCandles": return new We();
+		case "equivolume": return new me();
+		case "hlcArea": return new _e();
+		case "stepLine": return new Ie();
+		case "lineWithMarkers": return new Ce();
+		default: return new h();
 	}
 }
-function nt(e, t) {
+function it(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Je(t);
-		case "renko": return $e(t, {
+		case "heikinAshi": return Ze(t);
+		case "renko": return nt(t, {
 			brickSize: 0,
 			useATR: !0,
 			atrPeriod: 14
 		});
-		case "lineBreak": return Xe(t, 3);
-		case "kagi": return Ye(t, 4);
-		case "pointAndFigure": return Ze(t, T(t) * .01, 3);
-		case "rangeBars": return Qe(t, { rangeSize: T(t) * .005 });
+		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 });
 		default: return t;
 	}
 }
@@ -44,14 +44,14 @@ function T(e) {
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
-function rt(e, t) {
+function at(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : tt(e);
+	return n ? n.createRenderer() : w(e);
 }
-function it(e, t, n) {
+function ot(e, t, n) {
 	if (t.length === 0) return t;
 	let r = n?.(e);
-	return r?.transform ? r.transform(t) : nt(e, t);
+	return r?.transform ? r.transform(t) : it(e, t);
 }
 //#endregion
 //#region src/charts/IndicatorPriceRange.ts
@@ -59,26 +59,38 @@ var E = {
 	min: 0,
 	max: 100
 }, D = .1;
-function at(e, t, n) {
+function st(e, t, n) {
 	if (!e) return { ...E };
-	let r = Infinity, i = -Infinity, a = 0;
-	for (let [, o] of e.values) {
-		if (a >= t && a <= n) for (let e in o) {
-			let t = o[e];
-			t !== void 0 && Number.isFinite(t) && (t < r && (r = t), t > i && (i = t));
+	let r = Infinity, i = -Infinity;
+	if (e.series) {
+		let a = Math.min(n, e.series.length - 1);
+		for (let n = Math.max(0, t); n <= a; n++) {
+			let t = e.series[n];
+			if (t) for (let e in t) {
+				let n = t[e];
+				n !== void 0 && Number.isFinite(n) && (n < r && (r = n), n > i && (i = n));
+			}
+		}
+	} else {
+		let a = 0;
+		for (let [, o] of e.values) {
+			if (a >= t && a <= n) for (let e in o) {
+				let t = o[e];
+				t !== void 0 && Number.isFinite(t) && (t < r && (r = t), t > i && (i = t));
+			}
+			a++;
 		}
-		a++;
 	}
 	if (r === Infinity) return { ...E };
-	let o = i - r || 1;
+	let a = i - r || 1;
 	return {
-		min: r - o * D,
-		max: i + o * D
+		min: r - a * D,
+		max: i + a * D
 	};
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var ot = class {
+var ct = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -113,6 +125,9 @@ 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) {
+	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
+}
 function k(e) {
 	return {
 		...e,
@@ -127,7 +142,12 @@ var A = class {
 		return this.data;
 	}
 	setData(e) {
-		this.data = e.filter(O).map(k);
+		let t = [];
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n];
+			O(r) && t.push(lt(r) ? r : k(r));
+		}
+		this.data = t;
 	}
 	appendBar(e) {
 		O(e) && this.data.push(k(e));
@@ -142,7 +162,7 @@ var A = class {
 		this.data[this.data.length - 1] = t;
 	}
 	updateLastBarFromTick(e) {
-		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = c(this.data[this.data.length - 1], e)));
+		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = u(this.data[this.data.length - 1], e)));
 	}
 	getLength() {
 		return this.data.length;
@@ -165,6 +185,7 @@ var A = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
+	priceAxisWidth = a;
 	resize(e, t) {
 		this.containerWidth = e, this.containerHeight = t;
 	}
@@ -195,105 +216,127 @@ var A = class {
 		let n = this.panels.find((t) => t.id === e);
 		n && (n.size = Math.max(n.minSize, t));
 	}
+	setPriceAxisWidth(e) {
+		this.priceAxisWidth = e;
+	}
 	getPanels() {
 		return this.panels;
 	}
 	resolve() {
-		let e = this.panels.filter((e) => e.position === "left"), t = this.panels.filter((e) => e.position === "right"), n = this.panels.filter((e) => e.position === "top"), r = this.panels.filter((e) => e.position === "bottom"), i = e.reduce((e, t) => e + t.size, 0), s = t.reduce((e, t) => e + t.size, 0), c = n.reduce((e, t) => e + t.size, 0), l = r.reduce((e, t) => e + t.size, 0), u = {
+		let e = this.panels.filter((e) => e.position === "left"), t = this.panels.filter((e) => e.position === "right"), n = this.panels.filter((e) => e.position === "top"), r = this.panels.filter((e) => e.position === "bottom"), i = e.reduce((e, t) => e + t.size, 0), a = t.reduce((e, t) => e + t.size, 0), s = n.reduce((e, t) => e + t.size, 0), c = r.reduce((e, t) => e + t.size, 0), l = {
 			x: i,
-			y: c,
-			width: Math.max(0, this.containerWidth - i - s - a),
-			height: Math.max(0, this.containerHeight - c - l - o)
-		}, d = [], f = [], p = 0;
-		for (let t of e) d.push({
+			y: s,
+			width: Math.max(0, this.containerWidth - i - a - this.priceAxisWidth),
+			height: Math.max(0, this.containerHeight - s - c - o)
+		}, u = [], d = [], f = 0;
+		for (let t of e) u.push({
 			config: t,
 			rect: {
-				x: p,
+				x: f,
 				y: 0,
 				width: t.size,
 				height: this.containerHeight - o
 			}
-		}), f.push({
+		}), d.push({
 			panelId: t.id,
 			rect: {
-				x: p + t.size - 2,
+				x: f + t.size - 2,
 				y: 0,
 				width: 4,
 				height: this.containerHeight
 			},
 			orientation: "vertical"
-		}), p += t.size;
-		let m = 0;
-		for (let e of n) d.push({
+		}), f += t.size;
+		let p = 0;
+		for (let e of n) u.push({
 			config: e,
 			rect: {
 				x: i,
-				y: m,
-				width: u.width,
+				y: p,
+				width: l.width,
 				height: e.size
 			}
-		}), f.push({
+		}), d.push({
 			panelId: e.id,
 			rect: {
 				x: i,
-				y: m + e.size - 2,
-				width: u.width,
+				y: p + e.size - 2,
+				width: l.width,
 				height: 4
 			},
 			orientation: "horizontal"
-		}), m += e.size;
-		m = u.y + u.height;
-		for (let e of r) d.push({
+		}), p += e.size;
+		p = l.y + l.height;
+		for (let e of r) u.push({
 			config: e,
 			rect: {
 				x: i,
-				y: m,
-				width: u.width,
+				y: p,
+				width: l.width,
 				height: e.size
 			}
-		}), f.push({
+		}), d.push({
 			panelId: e.id,
 			rect: {
 				x: i,
-				y: m - 2,
-				width: u.width,
+				y: p - 2,
+				width: l.width,
 				height: 4
 			},
 			orientation: "horizontal"
-		}), m += e.size;
-		p = i + u.width + a;
-		for (let e of t) d.push({
+		}), p += e.size;
+		f = i + l.width + this.priceAxisWidth;
+		for (let e of t) u.push({
 			config: e,
 			rect: {
-				x: p,
+				x: f,
 				y: 0,
 				width: e.size,
 				height: this.containerHeight - o
 			}
-		}), f.push({
+		}), d.push({
 			panelId: e.id,
 			rect: {
-				x: p - 2,
+				x: f - 2,
 				y: 0,
 				width: 4,
 				height: this.containerHeight
 			},
 			orientation: "vertical"
-		}), p += e.size;
+		}), f += e.size;
 		return {
-			mainChartRect: u,
-			panels: d,
-			dividers: f
+			mainChartRect: l,
+			panels: u,
+			dividers: d
 		};
 	}
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, st = 1;
-function F(e, t) {
+}, ut = 14, dt = 14, ft = 22, F = 4;
+function pt(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,
+		r
+	], m = a;
+	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);
+	}
+	return m <= a ? a : Math.ceil(m / F) * F;
+}
+function mt(e, t) {
+	return t > e || t <= e - 12 ? t : e;
+}
+//#endregion
+//#region src/plugins/contracts.ts
+var ht = 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}`;
@@ -303,25 +346,25 @@ function I(e) {
 }
 //#endregion
 //#region src/plugins/registry.ts
-var L = /* @__PURE__ */ new Map();
-function ct(e) {
-	L.set(I(e), e);
+var R = /* @__PURE__ */ new Map();
+function gt(e) {
+	R.set(L(e), e);
 }
-function lt(e) {
-	return L.delete(e);
+function _t(e) {
+	return R.delete(e);
 }
-function R() {
-	return [...L.values()];
+function z() {
+	return [...R.values()];
 }
-function ut() {
-	L.clear();
+function vt() {
+	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) {
@@ -349,20 +392,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 dt(e, t) {
+function yt(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
@@ -376,8 +419,8 @@ function dt(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var ft = 6, pt = class {
-	static version = "1.1.0";
+var bt = 6, xt = class {
+	static version = "1.2.0";
 	engine;
 	viewport;
 	dataManager;
@@ -398,6 +441,8 @@ var ft = 6, pt = class {
 	resolvedLayoutCache = null;
 	panelInfoCache = null;
 	renderScheduled = !1;
+	priceAxisWidth = a;
+	measureCtx;
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
@@ -421,8 +466,9 @@ var ft = 6, pt = class {
 	tradeZoneManager;
 	measureOverlay;
 	replayManager;
+	replayBarUnsub = null;
 	undoRedoManager;
-	autoSaveScheduler = new ot((e) => this.saveState(e));
+	autoSaveScheduler = new ct((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -438,11 +484,12 @@ var ft = 6, pt = class {
 	container;
 	currentPriceLine;
 	numberLocale;
+	defaultAutoScale;
 	keyboardHandler = null;
 	onWindowKeyDown = null;
 	currentSymbol = "";
 	constructor(e, t) {
-		this.container = e, this.options = t, this.numberLocale = t.numberLocale ?? "en-US";
+		this.container = e, this.options = t, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
 		let n = t.features ?? {};
 		this.features = {
 			drawings: n.drawings ?? !0,
@@ -456,6 +503,7 @@ var ft = 6, pt = class {
 			panning: n.panning ?? !0,
 			zooming: n.zooming ?? !0,
 			crosshair: n.crosshair ?? !0,
+			crosshairTooltip: n.crosshairTooltip ?? !0,
 			keyboard: n.keyboard ?? !0,
 			priceAxis: n.priceAxis ?? !0,
 			timeAxis: n.timeAxis ?? !0,
@@ -474,36 +522,36 @@ var ft = 6, pt = 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 y(), this.pluginManager = new z(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new fe(), w(this.indicatorEngine), this.drawingManager = new le(), qe(this.drawingManager), this.drawingRenderer = new ue(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(), C(this.indicatorEngine), this.drawingManager = new fe(), Xe(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 ze(), 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 Le({
+		}), 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({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new Re(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new Ve(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 Ae(e);
+		}), this.engine = new y(e);
 		let i = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Be(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 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 (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 pe(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new ke(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Fe(), this.crosshairHandler = new ae(), 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 Re(), 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.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), 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", {
 					point: t,
 					bar: r,
 					barIndex: e
 				});
 			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null);
-		}), this.chartLegend = new re(), this.chartLegend.setChartType(t.chartType), this.watermark = new We(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Ue(), this.volumeProfile = new He(), this.marketProfile = new xe(), this.depthHeatmap = new ce(), this.periodLevels = new Te(), this.pivotMarkers = new De(), this.barCountdown = new ee(), this.sessionBreaks = new C(), this.sessionShading = new je(), this.compareRenderer = new ie(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), 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({
 			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 p(), this.crosshairTooltip = new oe(), this.crosshairTooltip.create(e), this.pinnedTooltip = new Ee(), this.pinnedTooltip.create(e), this.keyboardHandler = new ve({
+		}) : 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({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -523,7 +571,7 @@ var ft = 6, pt = 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 se(), this.alertManager = new f(), 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.alertManager = new m(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
 			let t = {
 				id: e.id,
 				price: e.price,
@@ -555,7 +603,7 @@ var ft = 6, pt = class {
 				message: e.message,
 				triggered: e.triggered
 			});
-		}), this.signalMarkerManager = new Me(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new Fe(), 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,
@@ -563,26 +611,26 @@ var ft = 6, pt = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new Ie(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (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.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 Se(), this.interactionManager = new ge(e), this.features.panning) {
+		}), this.replayManager = new x(), this.measureOverlay = new Te(), this.interactionManager = new ye(e), this.features.panning) {
 			let e = 0;
-			this.interactionManager.setPanHandler(new Ce((t, n) => {
-				t && this.viewport.scrollBy(t), n && (e += n, (this.options.autoScale === !1 || Math.abs(e) > ft) && (this.options.autoScale = !1, this.viewport.panPriceRange(n))), this.updateViewportAndRender();
+			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;
 			}));
 		}
 		if (this.features.zooming) {
-			this.interactionManager.setZoomHandler(new Ge((e, t) => {
+			this.interactionManager.setZoomHandler(new Je((e, t) => {
 				this.viewport.zoom(e, t), this.updateViewportAndRender();
 			}));
-			let e = new h((e) => {
+			let e = new ne((e) => {
 				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -599,10 +647,10 @@ var ft = 6, pt = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new d(this.alertManager, () => this.viewport.getState());
+			let e = new p(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let a = new we();
+		let a = new De();
 		a.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(a), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
@@ -614,7 +662,7 @@ var ft = 6, pt = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let n = et(e.x, this.viewport.getState());
+			let n = rt(e.x, this.viewport.getState());
 			n < 0 || n >= t.length || this.eventBus.emit("barClick", {
 				bar: t[n],
 				barIndex: n,
@@ -641,22 +689,29 @@ var ft = 6, pt = 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.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.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 });
 	}
 	appendBar(e) {
-		this.dataManager.appendBar(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.autoScrollOnNewBar && this.viewport.scrollToEnd(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.updateViewportAndRender();
+		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);
 	}
 	appendBars(e) {
-		if (e.length !== 0) {
-			for (let t of e) this.dataManager.appendBar(t);
-			this.displayDataCache = null, this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(this.viewport.isAtEnd());
-		}
+		if (e.length === 0) 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);
 	}
 	updateLastBar(e) {
-		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), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.scheduleRender();
+		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();
 	}
 	updateLastBarFromTick(e) {
-		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), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.scheduleRender();
+		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();
 	}
 	setChartType(e) {
 		this.options.chartType = e, this.chartRenderer = this.createChartRenderer(e), this.chartLegend.setChartType(e), this.displayDataCache = null, this.updateViewportAndRender(!0);
@@ -686,8 +741,8 @@ var ft = 6, pt = class {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new y();
-		return w(e), e.getAvailableIndicators();
+		let e = new v();
+		return C(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.engine.requestRender();
@@ -726,7 +781,7 @@ var ft = 6, pt = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Ke(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = Ye(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -781,21 +836,21 @@ var ft = 6, pt = class {
 	exportVisibleData(e = "csv", t) {
 		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 = v.toJSON(o);
-			v.download(e, t ?? "chart-data.json", "application/json");
+			let e = _.toJSON(o);
+			_.download(e, t ?? "chart-data.json", "application/json");
 		} else {
-			let e = v.toCSV(o);
-			v.download(e, t ?? "chart-data.csv", "text/csv");
+			let e = _.toCSV(o);
+			_.download(e, t ?? "chart-data.csv", "text/csv");
 		}
 	}
 	exportAllData(e = "csv", t) {
 		let n = this.dataManager.getData();
 		if (e === "json") {
-			let e = v.toJSON(n);
-			v.download(e, t ?? "chart-data.json", "application/json");
+			let e = _.toJSON(n);
+			_.download(e, t ?? "chart-data.json", "application/json");
 		} else {
-			let e = v.toCSV(n);
-			v.download(e, t ?? "chart-data.csv", "text/csv");
+			let e = _.toCSV(n);
+			_.download(e, t ?? "chart-data.csv", "text/csv");
 		}
 	}
 	setAutoSave(e, t = 5e3) {
@@ -893,26 +948,33 @@ var ft = 6, pt = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		this.disconnectStream(), this.streamManager = new Pe(), this.streamManager.on("snapshot", (e) => {
+		this.disconnectStream(), this.streamManager = new Le(), this.streamManager.on("snapshot", (e) => {
 			this.setData(e);
 		}), this.streamManager.on("barClose", (e) => {
-			this.dataManager.appendBar(e), this.crosshairHandler.setData(this.dataManager.getData()), this.autoScrollOnNewBar && this.viewport.scrollToEnd(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.updateViewportAndRender();
+			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.streamManager.on("barUpdate", (e) => {
-			this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.scheduleRender();
-		}), this.streamManager.on("priceChange", ({ price: e }) => {
-			this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e), this.engine.requestRender(r.Overlay), this.engine.requestRender(r.UI);
+			this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close);
+			let t = this.dataManager.getData();
+			this.indicatorEngine.recalculateFrom(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);
 		}), this.streamManager.on("connectionChange", (e) => {
 			this.eventBus.emit("dataUpdate", { connection: e });
 		}), this.streamManager.on("error", (e) => {
 			this.eventBus.emit("dataUpdate", { error: e.message });
-		}), this.autoScrollOnNewBar = e.autoScroll !== !1, this.currentSymbol = e.symbol, await this.streamManager.connect(e);
-		let t = u(e.timeframe);
-		this.barCountdown.setTimeframeMs(t), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
+		}), this.autoScrollOnNewBar = e.autoScroll !== !1, this.currentSymbol = e.symbol;
+		let t = this.streamManager;
+		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);
 		}, 1e3);
 	}
 	async switchStream(e, t) {
-		this.streamManager && (this.currentSymbol = e, await this.streamManager.switchTo(e, t));
+		this.streamManager && (this.currentSymbol = e, this.barCountdown.setTimeframeMs(f(t)), await this.streamManager.switchTo(e, t));
 	}
 	async setTimeframe(e) {
 		if (!this.streamManager) throw Error("No active stream. Call connect() first.");
@@ -923,7 +985,7 @@ var ft = 6, pt = class {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = dt(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = yt(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -1061,7 +1123,7 @@ var ft = 6, pt = class {
 		}), this.engine.requestRender(r.Background);
 	}
 	setAutoScale(e) {
-		this.options.autoScale = e, this.updateViewportAndRender();
+		this.options.autoScale = e, this.defaultAutoScale = e, this.updateViewportAndRender();
 	}
 	isAutoScale() {
 		return this.options.autoScale !== !1;
@@ -1246,9 +1308,15 @@ var ft = 6, pt = class {
 	replayStart(e) {
 		if (!this.features.replay) return;
 		let t = this.dataManager.getData();
-		this.replayManager.load(t), this.replayManager.on("bar", ({ bar: e, index: n }) => {
-			let r = t.slice(0, n + 1);
-			this.dataManager.setData(r), this.crosshairHandler.setData(r), this.indicatorEngine.recalculateAll(r), this.updateViewportAndRender();
+		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) {
+				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.replayManager.play(e);
 	}
 	replayPause() {
@@ -1274,16 +1342,16 @@ var ft = 6, pt = class {
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = _.capture({
+		let t = g.capture({
 			getDrawings: () => this.getDrawings(),
 			getTheme: () => this.getTheme(),
 			getAlerts: () => this.getAlerts()
-		}, { chartType: this.options.chartType }), n = _.serialize(t);
-		return e && _.saveToStorage(e, t), n;
+		}, { chartType: this.options.chartType }), n = g.serialize(t);
+		return e && g.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = _.deserialize(e);
+		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);
@@ -1291,28 +1359,28 @@ var ft = 6, pt = class {
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = _.loadFromStorage(e);
-		return t ? (this.loadState(_.serialize(t)), !0) : !1;
+		let t = g.loadFromStorage(e);
+		return t ? (this.loadState(g.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = _.capture({
+		let t = g.capture({
 			getDrawings: () => this.getDrawings(),
 			getTheme: () => this.getTheme(),
 			getAlerts: () => this.getAlerts()
 		}, { chartType: this.options.chartType });
-		_.downloadFile(t, e);
+		g.downloadFile(t, e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await _.loadFromFile();
-		this.loadState(_.serialize(e));
+		let e = await g.loadFromFile();
+		this.loadState(g.serialize(e));
 	}
 	setLocale(e) {
-		l(e), this.engine.requestRender();
+		d(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
-		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.syncRenderContext(), this.engine.requestRender();
+		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();
 	}
 	getNumberLocale() {
 		return this.numberLocale;
@@ -1330,13 +1398,13 @@ var ft = 6, pt = 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.crosshairHandler.setPricePrecision(e.pricePrecision)), this.syncRenderContext(), this.engine.requestRender();
+		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();
 	}
 	getMarket() {
 		return this.marketConfig;
 	}
 	setPriceLimits(e) {
-		this.marketConfig && (s(e, this.marketConfig) && (this.marketConfig.priceLimits = {
+		this.marketConfig && (c(e, this.marketConfig) && (this.marketConfig.priceLimits = {
 			...this.marketConfig.priceLimits,
 			referencePrice: e
 		}), this.engine.requestRender());
@@ -1345,7 +1413,7 @@ var ft = 6, pt = class {
 		return this.features;
 	}
 	setFeatures(e) {
-		Object.assign(this.features, e), e.crosshair === !1 && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.engine.requestRender(r.Main)), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
+		Object.assign(this.features, e), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.engine.requestRender(r.Main)), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
 	}
 	resize() {
 		let e = this.engine.dprManager.readContainerSize();
@@ -1360,42 +1428,63 @@ var ft = 6, pt = 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 rt(e, (e) => this.pluginManager.getChartType(e));
+		return at(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 = it(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
+		let t = ot(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
 		return this.displayDataCache = t, t;
 	}
 	scheduleRender() {
 		this.renderScheduled || (this.renderScheduled = !0, requestAnimationFrame(() => {
-			this.renderScheduled = !1;
-			let e = this.getDisplayData();
-			this.viewport.updateData(e, this.options.autoScale !== !1), this.syncRenderContext(), this.engine.requestRender();
+			this.renderScheduled = !1, this.applyDataToViewport(), this.fitPriceAxisWidth() && this.applyDataToViewport(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 		}));
 	}
-	updateViewportAndRender(e = !1) {
-		this.resolvedLayoutCache = null, this.panelInfoCache = null;
-		let t = this.getResolvedLayout();
-		this.viewport.setChartRect(t.mainChartRect);
-		let n = this.getDisplayData();
-		if (this.viewport.updateData(n, this.options.autoScale !== !1), n.length > 0) {
-			let e = this.viewport.getState(), t = Math.max(0, Math.min(e.visibleRange.from, n.length - 1));
-			this.viewport.setScaleBaseline(n[t]?.close);
+	applyDataToViewport(e = !1) {
+		let t = this.getDisplayData(), n = this.options.autoScale !== !1;
+		this.viewport.updateData(t, n && !e), e && (this.viewport.scrollToEnd(), n && this.viewport.updateData(t, !0));
+		let r = this.viewport.getState();
+		if (t.length > 0) {
+			let e = Math.max(0, Math.min(r.visibleRange.from, t.length - 1));
+			this.viewport.setScaleBaseline(t[e]?.close);
 		}
-		if (this.options.autoScale !== !1) {
-			let e = this.viewport.getState(), t = this.indicatorEngine.getOverlayPriceRange(e.visibleRange.from, Math.min(e.visibleRange.to, n.length - 1));
-			if (t) {
-				let n = e.priceRange, r = Math.min(n.min, t.min), i = Math.max(n.max, t.max);
-				if (r < n.min || i > n.max) {
-					let e = i - r || 1;
-					this.viewport.setPriceRange(r - e * .02, i + e * .02);
+		if (n) {
+			let e = this.indicatorEngine.getOverlayPriceRange(r.visibleRange.from, Math.min(r.visibleRange.to, t.length - 1));
+			if (e) {
+				let t = r.priceRange, n = Math.min(t.min, e.min), i = Math.max(t.max, e.max);
+				if (n < t.min || i > t.max) {
+					let e = i - n || 1;
+					this.viewport.setPriceRange(n - e * .02, i + e * .02);
 				}
 			}
 		}
-		e && this.viewport.scrollToEnd(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+		return t;
+	}
+	updateViewportAndRender(e = !1) {
+		this.resolvedLayoutCache = null, this.panelInfoCache = null;
+		let t = this.getResolvedLayout();
+		this.viewport.setChartRect(t.mainChartRect), this.applyDataToViewport(e), this.fitPriceAxisWidth() && this.applyDataToViewport(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+	}
+	fitPriceAxisWidth() {
+		if (!this.features.priceAxis) return !1;
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = pt({
+			min: e.min,
+			max: e.max,
+			lastPrice: this.currentPriceLine.getPrice(),
+			tagPrecision: this.marketConfig?.pricePrecision ?? null,
+			locale: this.numberLocale,
+			fontFamily: t.font.family,
+			fontSizeSmall: t.font.sizeSmall,
+			measure: (e, t) => this.measureText(e, t)
+		}), r = mt(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) {
+		this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null);
+		let n = this.measureCtx;
+		return n ? (n.font = t, n.measureText(e).width) : e.length * 7;
 	}
 	emitViewportEvents() {
 		let e = this.viewport.getState(), t = Math.max(0, Math.floor(e.visibleRange.from)), n = Math.max(t, Math.ceil(e.visibleRange.to));
@@ -1425,7 +1514,7 @@ var ft = 6, pt = 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 = at(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
+			let i = st(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -1455,7 +1544,7 @@ var ft = 6, pt = class {
 			indicatorEngine: this.features.indicators ? this.indicatorEngine : null,
 			drawingRenderer: this.features.drawings ? this.drawingRenderer : null,
 			tradingRenderer: this.features.trading ? this.tradingRenderer : null,
-			currentPriceLine: this.streamManager?.priceLine ?? this.currentPriceLine,
+			currentPriceLine: this.currentPriceLine,
 			chartLegend: this.features.legend ? this.chartLegend : null,
 			volumeRenderer: this.features.volume ? this.volumeRenderer : null,
 			volumeProfile: this.volumeProfile,
@@ -1486,7 +1575,7 @@ var ft = 6, pt = class {
 		});
 	}
 	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(),
@@ -1497,7 +1586,7 @@ var ft = 6, pt = class {
 	}
 	buildPriceLimits() {
 		if (!this.marketConfig?.priceLimits?.enabled || !this.marketConfig.priceLimits.referencePrice) return null;
-		let e = s(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
+		let e = c(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
 		return e ? {
 			...e,
 			colors: this.marketConfig.colorScheme ? {
@@ -1507,26 +1596,26 @@ var ft = 6, pt = 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] === "{" ? mt(t) : ht(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? St(t) : Ct(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function mt(e) {
+function St(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1536,19 +1625,19 @@ function mt(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) ? yt(e) : vt(e);
+		let t = Array.isArray(e) ? Dt(e) : Et(e);
 		t ? n.push(t) : r++;
 	}
-	return Z(n, t.length, r);
+	return Q(n, t.length, r);
 }
-function ht(e) {
+function Ct(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 = gt(t[0]), r = J(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? _t(r) : {
+	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) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -1559,7 +1648,7 @@ function ht(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 = X(r[a.time]), c = Y(r[a.open]), l = Y(r[a.high]), u = Y(r[a.low]), d = Y(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,
@@ -1578,9 +1667,9 @@ function ht(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Z(o, t.length - +!!i, s);
+	return Q(o, t.length - +!!i, s);
 }
-function gt(e) {
+function wt(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1592,7 +1681,7 @@ function gt(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];
@@ -1600,25 +1689,25 @@ function J(e, t) {
 	}
 	return n.push(r), n;
 }
-function _t(e) {
+function Tt(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 vt(e) {
+function Et(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 = X(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,
@@ -1633,9 +1722,9 @@ function vt(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function yt(e) {
+function Dt(e) {
 	if (e.length < 5) return null;
-	let t = X(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
+	let t = 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 || ![
 		n,
 		r,
@@ -1650,10 +1739,10 @@ function yt(e) {
 		volume: Number.isFinite(o) ? o : 0
 	};
 }
-function Y(e) {
+function X(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function X(e) {
+function Z(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -1661,7 +1750,7 @@ function X(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Z(e, t, n) {
+function Q(e, t, n) {
 	e.sort((e, t) => e.time - t.time);
 	let r = [];
 	for (let t of e) r.length > 0 && r[r.length - 1].time === t.time ? r[r.length - 1] = t : r.push(t);
@@ -1673,7 +1762,7 @@ function Z(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Q = class {
+var Ot = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1706,7 +1795,7 @@ var Q = 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) {
@@ -1741,6 +1830,6 @@ function $(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
-export { ut as a, lt as c, I as d, P as f, z as i, st as l, A as m, q as n, R as o, j as p, pt as r, ct as s, Q as t, F as u };
+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 };
 
-//# sourceMappingURL=DragDropImporter-CLtRQjKD.js.map
+//# sourceMappingURL=DragDropImporter-BcTzFeRP.js.map