@tradecanvas/chart 1.69.0 → 1.70.0

package/dist/{LayoutSession-CoCMrrbh.js → LayoutSession-Bcy79w0l.js}

@@ -1,12 +1,12 @@
-import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barDateZone as l, barTimeUnit as u, barsAreDaily as d, chartStyleValue as f, computePriceLimits as p, computePriceRange as m, createMarketTheme as h, formatPrice as g, fractionTick as _, indicatorSource as v, isValidTimeZone as y, mergeBar as ee, niceNumber as te, normalizeBarTime as b, parseIndicatorSource as x, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as ae, readIndicatorPlotStyles as oe, readPaneStyle as se, resolveChartTheme as ce, sessionMinute as S, setLocale as le, stepDecimals as ue, symbolTimeZone as C, tickBarCount as de, timeframeToMs as w, zonedDateFormatter as fe } from "@tradecanvas/commons";
-import { AlertDragHandler as pe, AlertManager as me, Animator as he, AreaRenderer as ge, AxisDragHandler as _e, BarCountdown as ve, BarRenderer as ye, BaselineRenderer as be, CandlestickRenderer as xe, ChartLegend as Se, ChartStateManager as T, CompareRenderer as Ce, CompareSymbolIndicator as we, CompareSymbolPaneIndicator as Te, CorrelationCoefficientIndicator as Ee, CorrelationLogIndicator as De, CrosshairHandler as Oe, CrosshairTooltip as ke, CurrentPriceLine as Ae, DEFAULT_SESSION_HOURS as je, DataExporter as E, DepthHeatmapRenderer as Me, DrawingManager as Ne, DrawingRenderer as Pe, EquivolumeRenderer as Fe, EventBus as Ie, GridRenderer as Le, HLCAreaRenderer as Re, HiLoRenderer as ze, HollowCandleRenderer as Be, IndicatorEngine as Ve, InteractionManager as He, KagiRenderer as Ue, KeyboardHandler as We, LineRenderer as Ge, LineWithMarkersRenderer as Ke, MarketProfileRenderer as qe, MeasureOverlay as Je, PRICE_AXIS_ADD_STRIP as Ye, PRICE_SCALE_MARGIN as D, PanHandler as Xe, PaneResizeHandler as Ze, PeriodLevelsRenderer as Qe, PinnedTooltip as $e, PivotMarkersRenderer as et, PointAndFigureRenderer as tt, PriceAxis as nt, PriceAxisAddButton as rt, PriceLines as it, RenderEngine as at, RenkoRenderer as ot, ReplayManager as st, ResamplingAdapter as ct, ReshapeMemo as lt, SYMBOL_INDICATOR_IDS as O, SYMBOL_ZONE_WAIT_MS as ut, Screenshot as k, SelectionBoxOverlay as dt, SessionBreaks as ft, SessionShading as pt, SignalMarkerManager as mt, SpreadIndicator as ht, StepLineRenderer as gt, StreamManager as _t, SymbolSeriesStore as vt, TimeAxis as yt, TradeZoneManager as bt, TradingManager as xt, TradingRenderer as St, UndoRedoManager as Ct, Viewport as wt, VolumeCandleRenderer as Tt, VolumeProfileRenderer as Et, VolumeRenderer as Dt, Watermark as Ot, ZoomHandler as kt, axisTimes as A, barTimeStepMs as At, findDominantSwing as jt, gpuContextsLeft as Mt, isPriceLevelAlert as Nt, isRegularSession as Pt, loadWebGL as Ft, mergeSessionHours as It, pointAndFigureColumns as Lt, rangePresetStart as Rt, readAlertOptions as zt, registerBuiltInDrawingTools as Bt, registerBuiltInIndicators as Vt, servesTimeframe as j, sourceParam as M, streamAdapterOf as Ht, timestampToBarIndex as N, toHeikinAshi as Ut, toKagi as Wt, toLineBreak as Gt, toRangeBars as Kt, toRenko as qt, whenGpuContextFree as Jt, withResampling as P, xToBarIndex as Yt, xToTime as F, yToPrice as Xt } from "@tradecanvas/core";
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barDateZone as l, barTimeUnit as u, barsAreDaily as d, chartStyleValue as f, computePriceLimits as p, computePriceRange as m, createMarketTheme as h, formatPrice as g, fractionTick as _, indicatorSource as v, isValidTimeZone as y, mergeBar as ee, niceNumber as te, normalizeBarTime as b, parseIndicatorSource as x, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as S, readIndicatorPlotStyles as ae, readPaneStyle as oe, resolveChartTheme as se, sessionMinute as C, setLocale as ce, stepDecimals as le, symbolTimeZone as w, tickBarCount as ue, timeframeToMs as T, zonedDateFormatter as de } from "@tradecanvas/commons";
+import { AlertDragHandler as fe, AlertManager as pe, Animator as me, AreaRenderer as he, AxisDragHandler as ge, BarCountdown as _e, BarRenderer as ve, BaselineRenderer as ye, CandlestickRenderer as be, ChartLegend as xe, ChartStateManager as E, CompareRenderer as Se, CompareSymbolIndicator as Ce, CompareSymbolPaneIndicator as we, CorrelationCoefficientIndicator as Te, CorrelationLogIndicator as Ee, CrosshairHandler as De, CrosshairTooltip as Oe, CurrentPriceLine as ke, DEFAULT_SESSION_HOURS as Ae, DataExporter as D, DepthHeatmapRenderer as je, DrawingManager as Me, DrawingRenderer as Ne, EquivolumeRenderer as Pe, EventBus as Fe, GridRenderer as Ie, HLCAreaRenderer as Le, HiLoRenderer as Re, HollowCandleRenderer as ze, IndicatorEngine as Be, InteractionManager as Ve, KagiRenderer as He, KeyboardHandler as Ue, LineRenderer as We, LineWithMarkersRenderer as Ge, MarketProfileRenderer as Ke, MeasureOverlay as qe, PRICE_AXIS_ADD_STRIP as Je, PRICE_SCALE_MARGIN as O, PanHandler as Ye, PaneResizeHandler as Xe, PeriodLevelsRenderer as Ze, PinnedTooltip as Qe, PivotMarkersRenderer as $e, PointAndFigureRenderer as et, PriceAxis as tt, PriceAxisAddButton as nt, PriceLines as rt, RenderEngine as it, RenkoRenderer as at, ReplayManager as ot, ResamplingAdapter as st, ReshapeMemo as ct, SYMBOL_INDICATOR_IDS as lt, SYMBOL_ZONE_WAIT_MS as ut, Screenshot as k, SelectionBoxOverlay as dt, SessionBreaks as ft, SessionShading as pt, SignalMarkerManager as mt, SpreadIndicator as ht, StepLineRenderer as gt, StreamManager as _t, SymbolSeriesStore as vt, TimeAxis as yt, TradeZoneManager as bt, TradingManager as xt, TradingRenderer as St, UndoRedoManager as Ct, Viewport as wt, VolumeCandleRenderer as Tt, VolumeProfileRenderer as Et, VolumeRenderer as Dt, Watermark as Ot, ZoomHandler as kt, axisTimes as At, barTimeStepMs as jt, findDominantSwing as Mt, gpuContextsLeft as Nt, isPriceLevelAlert as Pt, isRegularSession as Ft, loadWebGL as It, mergeSessionHours as Lt, pointAndFigureColumns as Rt, rangePresetStart as zt, readAlertOptions as Bt, registerBuiltInDrawingTools as Vt, registerBuiltInIndicators as Ht, servesTimeframe as A, sourceParam as j, streamAdapterOf as Ut, timestampToBarIndex as M, toHeikinAshi as Wt, toKagi as Gt, toLineBreak as Kt, toRangeBars as qt, toRenko as Jt, whenGpuContextFree as Yt, withResampling as N, xToBarIndex as Xt, xToTime as P, yToPrice as Zt } from "@tradecanvas/core";
 //#region src/regularHours.ts
-var Zt = 864e5, Qt = 10;
-function $t(e, t) {
-	let n = C(e);
+var Qt = 864e5, $t = 10;
+function en(e, t) {
+	let n = w(e);
 	if (!n || !y(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
-		let t = S(e.start), n = S(e.end);
+		let t = C(e.start), n = C(e.end);
 		return t === null || n === null ? [] : [{
 			startMinute: t,
 			endMinute: n
@@ -14,34 +14,34 @@ function $t(e, t) {
 	});
 	if (r.length === 0) return null;
 	let i = u(t), a = Infinity;
-	for (let e = Math.max(1, t.length - Qt); e < t.length; e++) {
+	for (let e = Math.max(1, t.length - $t); e < t.length; e++) {
 		let n = (t[e].time - t[e - 1].time) * i;
 		n > 0 && n < a && (a = n);
 	}
-	if (!(a < Zt)) return null;
+	if (!(a < Qt)) return null;
 	let o = {
 		timeZone: n,
 		windows: r,
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => Pt(e * i, o);
+	return (e) => Ft(e * i, o);
 }
 //#endregion
 //#region src/chartA11y.ts
-var en = {
+var tn = {
 	role: "chart",
 	summary: "{what}. Last price {close}.",
 	empty: "Chart, no data.",
 	view: "Showing {count} bars, {from} to {to}. High {high}, low {low}.",
 	bar: "{time}: open {open}, high {high}, low {low}, close {close}, volume {volume}.",
 	keys: "Arrow keys scroll and zoom, Home and End go to the start and the end. Comma and period read the bars one at a time."
-}, I = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), tn = [
+}, F = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), nn = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
 	"aria-describedby"
-], nn = 400, rn = 1e3, an = class {
+], rn = 400, an = 1e3, on = class {
 	live;
 	help;
 	labels;
@@ -55,20 +55,20 @@ var en = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...en,
+			...tn,
 			...n
 		};
-		for (let t of tn) this.before.set(t, e.getAttribute(t));
-		e.setAttribute("role", "application"), this.help = on("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = on("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
+		for (let t of nn) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = sn("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = sn("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
 	}
 	setLabels(e) {
 		this.labels = {
-			...en,
+			...tn,
 			...e
 		}, this.applyLabels();
 	}
 	refresh(e = !1) {
-		let t = rn - (Date.now() - this.summaryAt);
+		let t = an - (Date.now() - this.summaryAt);
 		if (e || t <= 0 || this.container.getAttribute("aria-label") === this.labels.empty) {
 			this.summaryTimer && clearTimeout(this.summaryTimer), this.summaryTimer = null, this.summaryAt = Date.now(), this.container.setAttribute("aria-label", this.summary());
 			return;
@@ -80,7 +80,7 @@ var en = {
 	viewMoved() {
 		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
 			this.viewTimer = null, this.say(this.viewText());
-		}, nn);
+		}, rn);
 	}
 	readBar(e) {
 		let t = this.source.bars();
@@ -93,13 +93,13 @@ var en = {
 		let i = t[this.cursor];
 		this.source.showBar(i.time);
 		let a = this.source.formatPrice;
-		this.say(I(this.labels.bar, {
+		this.say(F(this.labels.bar, {
 			time: this.source.formatTime(i.time),
 			open: a(i.open),
 			high: a(i.high),
 			low: a(i.low),
 			close: a(i.close),
-			volume: sn(i.volume ?? 0)
+			volume: cn(i.volume ?? 0)
 		}));
 	}
 	destroy() {
@@ -118,7 +118,7 @@ var en = {
 			this.labels.typeName ? this.labels.typeName(t) : t,
 			this.source.timeframe()
 		].filter(Boolean).join(", ");
-		return I(this.labels.summary, {
+		return F(this.labels.summary, {
 			what: n,
 			close: this.source.formatPrice(e[e.length - 1].close)
 		});
@@ -128,7 +128,7 @@ var en = {
 		if (e.length === 0) return this.labels.empty;
 		let t = this.source.visibleRange(), n = Math.max(0, Math.min(e.length - 1, Math.ceil(t.from))), r = Math.max(n, Math.min(e.length - 1, Math.floor(t.to))), i = -Infinity, a = Infinity;
 		for (let t = n; t <= r; t++) i = Math.max(i, e[t].high), a = Math.min(a, e[t].low);
-		return I(this.labels.view, {
+		return F(this.labels.view, {
 			count: r - n + 1,
 			from: this.source.formatTime(e[n].time),
 			to: this.source.formatTime(e[r].time),
@@ -140,7 +140,7 @@ var en = {
 		this.live.textContent = e;
 	}
 };
-function on(e, t) {
+function sn(e, t) {
 	let n = document.createElement(e);
 	return n.className = t, Object.assign(n.style, {
 		position: "absolute",
@@ -154,17 +154,17 @@ function on(e, t) {
 		border: "0"
 	}), n;
 }
-function sn(e) {
+function cn(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(2);
 }
 //#endregion
 //#region src/indicatorLabel.ts
-var cn = 3, ln = {
+var ln = 3, un = {
 	stochrsi: 4,
 	ichimoku: 4
 };
-function un(e, t, n, r) {
-	let i = Object.keys(n || t).map((e) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)).slice(0, ln[e] ?? cn).map((e) => String(Number(e.toFixed(4)))), a = typeof t.symbol == "string" && t.symbol ? [t.symbol] : [];
+function dn(e, t, n, r) {
+	let i = Object.keys(n || t).map((e) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)).slice(0, un[e] ?? ln).map((e) => String(Number(e.toFixed(4)))), a = typeof t.symbol == "string" && t.symbol ? [t.symbol] : [];
 	return [
 		e === "spread" && t.mode === "ratio" ? "Ratio" : r ?? e.toUpperCase(),
 		...a,
@@ -173,52 +173,52 @@ function un(e, t, n, r) {
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function dn(e) {
+function fn(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new xe();
-		case "line": return new Ge();
-		case "area": return new ge();
-		case "bar": return new ye();
-		case "hollowCandle": return new Be();
-		case "baseline": return new be();
-		case "renko": return new ot();
-		case "kagi": return new Ue();
-		case "pointAndFigure": return new tt();
+		case "rangeBars": return new be();
+		case "line": return new We();
+		case "area": return new he();
+		case "bar": return new ve();
+		case "hollowCandle": return new ze();
+		case "baseline": return new ye();
+		case "renko": return new at();
+		case "kagi": return new He();
+		case "pointAndFigure": return new et();
 		case "volumeCandles": return new Tt();
-		case "equivolume": return new Fe();
-		case "hlcArea": return new Re();
+		case "equivolume": return new Pe();
+		case "hlcArea": return new Le();
 		case "stepLine": return new gt();
-		case "lineWithMarkers": return new Ke();
-		case "hiLo": return new ze();
-		default: return new xe();
+		case "lineWithMarkers": return new Ge();
+		case "hiLo": return new Re();
+		default: return new be();
 	}
 }
-function fn(e, t, n = {}, r, i) {
+function pn(e, t, n = {}, r, i) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Ut(t);
+		case "heikinAshi": return Wt(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? qt(t, { brickSize: e }, i) : qt(t, {
+			return typeof e == "number" ? Jt(t, { brickSize: e }, i) : Jt(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
 			}, i);
 		}
-		case "lineBreak": return Gt(t, n.lineBreak?.lines ?? 3);
-		case "kagi": return Wt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
-		case "pointAndFigure": return mn(t, n, i).columns;
-		case "rangeBars": return Kt(t, {
+		case "lineBreak": return Kt(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return Gt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
+		case "pointAndFigure": return hn(t, n, i).columns;
+		case "rangeBars": return qt(t, {
 			rangeSize: wn(t, n, r),
 			includeForming: !0
 		}, i);
 		default: return t;
 	}
 }
-function pn(e) {
+function mn(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -229,36 +229,36 @@ function pn(e) {
 		default: return !1;
 	}
 }
-function L(e) {
-	return e !== "heikinAshi" && pn(e);
+function I(e) {
+	return e !== "heikinAshi" && mn(e);
 }
-function mn(e, t = {}, n) {
-	return Lt(e, _n(e, t), t.pointAndFigure?.reversal ?? 3, n);
+function hn(e, t = {}, n) {
+	return Rt(e, vn(e, t), t.pointAndFigure?.reversal ?? 3, n);
 }
-var hn = 50, gn = .01;
-function _n(e, t = {}) {
+var gn = 50, _n = .01;
+function vn(e, t = {}) {
 	let n = t.pointAndFigure?.boxSize;
 	if (typeof n == "number") return n;
-	let r = vn(e, e.length > 1 ? e.length - 1 : e.length);
-	return r > 0 ? Cn(te(r / hn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * gn || 1;
+	let r = yn(e, e.length > 1 ? e.length - 1 : e.length);
+	return r > 0 ? L(te(r / gn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * _n || 1;
 }
-function vn(e, t) {
+function yn(e, t) {
 	let n = -Infinity, r = Infinity;
 	for (let i = 0; i < t; i++) e[i].high > n && (n = e[i].high), e[i].low < r && (r = e[i].low);
 	let i = n - r;
 	return Number.isFinite(i) ? i : 0;
 }
-var yn = 100, bn = 3, xn = .01, Sn = 15, Cn = (e) => Number(e.toPrecision(Sn));
+var bn = 100, xn = 3, Sn = .01, Cn = 15, L = (e) => Number(e.toPrecision(Cn));
 function wn(e, t = {}, n) {
 	let r = t.rangeBars?.range;
 	if (typeof r == "number") return r;
-	let i = e.length >= bn ? En(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
-	return kn(Cn(te(i > 0 ? i : a * xn || 1, !0)), n);
+	let i = e.length >= xn ? En(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
+	return kn(L(te(i > 0 ? i : a * Sn || 1, !0)), n);
 }
 function Tn(e) {
 	let t = e.length - 1;
 	return {
-		from: Math.max(0, t - yn),
+		from: Math.max(0, t - bn),
 		end: t
 	};
 }
@@ -281,16 +281,16 @@ function On(e, t) {
 	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
 }
 function kn(e, t) {
-	return t === void 0 || !(t > 0) ? e : Cn(Math.max(1, Math.round(e / t)) * t);
+	return t === void 0 || !(t > 0) ? e : L(Math.max(1, Math.round(e / t)) * t);
 }
 function An(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : dn(e);
+	return n ? n.createRenderer() : fn(e);
 }
 function jn(e, t, n, r, i, a) {
 	if (t.length === 0) return t;
 	let o = n?.(e);
-	return o?.transform ? o.transform(t) : fn(e, t, r, i, a);
+	return o?.transform ? o.transform(t) : pn(e, t, r, i, a);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
@@ -368,19 +368,23 @@ function Ln(e, t) {
 }
 var V = class {
 	data = [];
+	changes = 0;
 	withSeriesTime(e) {
 		return Ln(this.data, e);
 	}
 	getData() {
 		return this.data;
 	}
+	version() {
+		return this.changes;
+	}
 	setData(e) {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
 			R(r) && t.push(Nn(r) ? r : z(r));
 		}
-		this.data = t;
+		this.data = t, this.changes++;
 	}
 	prependBars(e) {
 		let t = this.data.length > 0 ? this.data[0].time : Infinity, n = [];
@@ -393,15 +397,15 @@ var V = class {
 		n.sort((e, t) => e.time - t.time);
 		let r = 0;
 		for (let e = 0; e < n.length; e++) r > 0 && n[r - 1].time === n[e].time || (n[r++] = n[e]);
-		return n.length = r, this.data = n.concat(this.data), r;
+		return n.length = r, this.data = n.concat(this.data), this.changes++, r;
 	}
 	appendBar(e) {
-		R(e) && this.data.push(z(this.withSeriesTime(e)));
+		R(e) && (this.data.push(z(this.withSeriesTime(e))), this.changes++);
 	}
 	updateLastBar(e) {
 		if (!R(e)) return;
 		let t = z(this.withSeriesTime(e));
-		if (this.data.length === 0) {
+		if (this.changes++, this.data.length === 0) {
 			this.data.push(t);
 			return;
 		}
@@ -415,19 +419,19 @@ var V = class {
 		return B(this.data[n], r) ? {
 			index: n,
 			changed: !1
-		} : (this.data[n] = r, {
+		} : (this.data[n] = r, this.changes++, {
 			index: n,
 			changed: !0
 		});
 	}
 	updateLastBarFromTick(e) {
-		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = ee(this.data[this.data.length - 1], this.withSeriesTime(e))));
+		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = ee(this.data[this.data.length - 1], this.withSeriesTime(e)), this.changes++));
 	}
 	getLength() {
 		return this.data.length;
 	}
 	clear() {
-		this.data = [];
+		this.data = [], this.changes++;
 	}
 }, H = {
 	to: "none",
@@ -466,6 +470,9 @@ var zn = class {
 	revision() {
 		return this.shownRevision;
 	}
+	version() {
+		return this.shown.version();
+	}
 	liveBars() {
 		return this.aside?.getData() ?? this.whole ?? this.shown.getData();
 	}
@@ -679,8 +686,486 @@ function Bn(e, t) {
 	return r === 0 || r === e.length ? null : e.slice(0, r).concat(t);
 }
 //#endregion
+//#region src/model/PriceFit.ts
+var Vn = a ** -7, Hn = class {
+	auto;
+	preferred;
+	pending = !0;
+	arriving = !0;
+	constructor(e) {
+		this.auto = e, this.preferred = e;
+	}
+	isAuto() {
+		return this.auto;
+	}
+	shouldFit() {
+		return this.auto || this.pending;
+	}
+	setAuto(e, t) {
+		this.auto = e, this.preferred = e, !e && t && (this.arriving = !1);
+	}
+	hold() {
+		this.auto = !1, this.pending = !1;
+	}
+	resume() {
+		this.auto = !0;
+	}
+	newSeries(e) {
+		this.auto = this.preferred, this.pending = !0, this.arriving = e;
+	}
+	settle(e, t) {
+		if (!this.pending || t === 0 || e.chartRect.width <= 0) return;
+		let n = e.offset <= 0 && t * (e.barWidth + e.barSpacing) - e.offset <= e.chartRect.width;
+		this.arriving && n || (this.pending = !1);
+	}
+	fit(e, t, n, r) {
+		if (t.length === 0) return;
+		let i = Math.max(0, n.visibleRange.from), a = Math.min(n.visibleRange.to, t.length - 1), o = Wn(Wn(m(t, i, a, 0), r.overlayRange(i, a)), r.compareRange(t, n)), s = r.volumeRatio(t, i, a), c = s === null ? O : s + Vn;
+		e.setScaleMargins(e.isInvertScale() ? {
+			top: c,
+			bottom: O
+		} : {
+			top: O,
+			bottom: c
+		}), e.fitToPrices(o.min, o.max);
+	}
+};
+function Un(e, t, n) {
+	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
+	return !1;
+}
+function Wn(e, t) {
+	return e ? t ? {
+		min: Math.min(e.min, t.min),
+		max: Math.max(e.max, t.max)
+	} : e : t;
+}
+//#endregion
+//#region src/model/DisplaySeries.ts
+var Gn = class {
+	series = null;
+	madeAt = null;
+	epoch = 0;
+	memo = new ct();
+	constructor(e) {
+		this.sources = e;
+	}
+	get() {
+		let e = this.sources.bars();
+		if (e.length === 0) return e;
+		let t = this.sources.chartType(), n = this.sources.chartTypeOptions(), r = t === "rangeBars" ? Dn(e, (e) => this.sources.stepAt(e)) : void 0, i = this.sources.version(), a = this.madeAt;
+		return this.series && a && a.version === i && a.type === t && a.options === n && a.step === r && a.epoch === this.epoch ? this.series : (this.series = this.make(t, e, n, r), this.madeAt = {
+			version: i,
+			type: t,
+			options: n,
+			step: r,
+			epoch: this.epoch
+		}, this.series);
+	}
+	invalidate() {
+		this.epoch++;
+	}
+	reset() {
+		this.invalidate(), this.memo.clear();
+	}
+	make(e, t, n, r) {
+		let { lookup: i } = this.sources;
+		if (e !== "pointAndFigure" || i(e)) return jn(e, t, i, n, r, this.memo);
+		let { columns: a, boxSize: o } = hn(t, n, this.memo);
+		return this.sources.onBoxSize(o), a;
+	}
+}, Kn = {
+	min: 0,
+	max: 100
+}, qn = class {
+	layout = null;
+	infos = null;
+	styles = /* @__PURE__ */ new Map();
+	constructor(e, t, n) {
+		this.manager = e, this.sources = t, this.onLayout = n;
+	}
+	resolved() {
+		return this.layout || (this.layout = this.manager.resolve(), this.onLayout(Jn(this.layout))), this.layout;
+	}
+	invalidate() {
+		this.layout = null, this.infos = null;
+	}
+	invalidateScales() {
+		this.infos = null;
+	}
+	panels(e) {
+		if (this.infos) return this.infos;
+		let t = e(), { from: n, to: r } = t.visibleRange;
+		return this.infos = this.resolved().panels.map((e) => {
+			let i = e.config.id, a = e.config.logScale ? this.sources.getPaneValueRange(i, n, r, !0) : null, o = a ?? this.sources.getPaneValueRange(i, n, r) ?? { ...Kn }, s = this.styles.get(i);
+			return {
+				instanceId: i,
+				members: this.sources.getPaneMembers(i),
+				...s ? { style: s } : {},
+				rect: e.rect,
+				viewport: {
+					...t,
+					chartRect: {
+						x: e.rect.x,
+						y: e.rect.y + 20,
+						width: e.rect.width,
+						height: Math.max(0, e.rect.height - 20)
+					},
+					priceRange: o,
+					logScale: a !== null,
+					scaleMode: e.config.percentScale ? "percentage" : "regular",
+					scaleBaseline: e.config.percentScale ? this.baseline(i, n, r) : void 0,
+					formatPrice: void 0,
+					pricePrecision: void 0,
+					priceUnit: void 0,
+					invertScale: !!e.config.invertScale
+				}
+			};
+		}), this.infos;
+	}
+	timeAxisTop() {
+		let { mainChartRect: e, panels: t } = this.resolved(), n = t.filter((e) => e.config.position === "bottom").reduce((e, t) => e + t.rect.height, 0);
+		return e.y + e.height + n;
+	}
+	offChartType() {
+		let e = this.sources.getActiveIndicators(), t = new Set(e.filter((e) => e.offChartType).map((e) => e.instanceId)), n = /* @__PURE__ */ new Set();
+		for (let r of this.manager.getPanels()) {
+			let i = e.filter((e) => e.instanceId === r.id || e.pane === r.id);
+			i.length > 0 && i.every((e) => t.has(e.instanceId)) && n.add(r.id);
+		}
+		return n;
+	}
+	style(e) {
+		return this.styles.get(e);
+	}
+	setStyle(e, t) {
+		return JSON.stringify(t) === JSON.stringify(this.styles.get(e) ?? null) ? !1 : (t ? this.styles.set(e, t) : this.styles.delete(e), this.infos = null, !0);
+	}
+	passStyle(e, t) {
+		let n = this.styles.get(e);
+		this.styles.delete(e), t && n && this.styles.set(t, n), this.infos = null;
+	}
+	baseline(e, t, n) {
+		let r = this.sources.getOutput(e)?.series, i = this.sources.getIndicatorDescriptor(e);
+		if (!r || !i) return;
+		let a = i.plots?.[0]?.key;
+		for (let e = Math.max(0, t); e <= n && e < r.length; e++) {
+			let t = r[e];
+			if (!t) continue;
+			let n = a === void 0 ? Object.values(t).find((e) => typeof e == "number" && Number.isFinite(e)) : t[a];
+			if (typeof n == "number" && Number.isFinite(n) && n !== 0) return n;
+		}
+	}
+};
+function Jn(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));
+	return {
+		top: n,
+		bottom: r
+	};
+}
+function Yn(e) {
+	return e.length > 0 ? { renames: e } : {};
+}
+var W = (e, t) => JSON.stringify(e) === JSON.stringify(t), Xn = class {
+	steps;
+	snapshot;
+	enabled;
+	now;
+	depth = 0;
+	edit = null;
+	renames = null;
+	constructor(e) {
+		this.steps = e.steps, this.snapshot = e.snapshot, this.enabled = e.enabled, this.now = e.now ?? (() => performance.now());
+	}
+	record(e, t) {
+		if (this.depth > 0 || !this.enabled()) return t();
+		let n = this.snapshot(), r = [], i = this.renames;
+		this.renames = r;
+		let a;
+		try {
+			a = this.quietly(t);
+		} finally {
+			this.renames = i;
+		}
+		let o = this.snapshot();
+		return W(n, o) || this.push(e, n, o, r), a;
+	}
+	push(e, t, n, r) {
+		let i = this.now(), a = this.steps.last(), o = a?.type === "indicators" ? a.indicators : void 0, s = e !== void 0 && o?.subject === e && i - (o.at ?? 0) < 800 && W(o.after, t), c = {
+			type: "indicators",
+			before: null,
+			after: null
+		};
+		s && o ? W(o.before, n) ? this.steps.dropLast() : this.steps.replaceLast({
+			...c,
+			indicators: {
+				...o,
+				after: n,
+				at: i,
+				...Yn([...o.renames ?? [], ...r])
+			}
+		}) : this.steps.push({
+			...c,
+			indicators: {
+				before: t,
+				after: n,
+				subject: e,
+				at: i,
+				...Yn(r)
+			}
+		});
+	}
+	quietly(e) {
+		this.depth++;
+		try {
+			return e();
+		} finally {
+			this.depth--;
+		}
+	}
+	renamed(e, t) {
+		this.renames?.push([e, t]);
+	}
+	begin(e) {
+		this.end(), this.enabled() && (this.edit = {
+			subject: e,
+			before: this.snapshot()
+		}, this.depth++);
+	}
+	end() {
+		let e = this.edit;
+		if (!e) return;
+		this.edit = null, this.depth--;
+		let t = this.snapshot();
+		W(t, e.before) || this.steps.push({
+			type: "indicators",
+			before: null,
+			after: null,
+			indicators: {
+				before: e.before,
+				after: t,
+				subject: e.subject,
+				at: this.now()
+			}
+		});
+	}
+}, Zn = class {
+	constructor(e, t, n) {
+		this.members = e, this.slots = t, this.handover = n;
+	}
+	ownsPane(e) {
+		return this.slots.getPanels().some((t) => t.id === e);
+	}
+	paneOf(e) {
+		return this.members.getIndicatorConfig(e)?.pane ?? e;
+	}
+	hostOf(e, t) {
+		if (e === t) return null;
+		if (this.ownsPane(e)) return e;
+		let n = this.members.getIndicatorConfig(e)?.pane;
+		return n && n !== t ? n : null;
+	}
+	paneFor(e, t, n, r) {
+		if (n) return this.hostOf(n, r);
+		if (e.placement !== "overlay") return null;
+		let i = j(e), a = i ? x(t[i]) : null;
+		return a ? this.hostOf(a.instanceId, r) : null;
+	}
+	sourceOf(e) {
+		let t = this.members.getIndicatorDescriptor(e), n = t ? j(t) : null;
+		return n ? this.members.getIndicatorConfig(e)?.params[n] : void 0;
+	}
+	followSource(e, t) {
+		let n = this.members.getIndicatorDescriptor(e), r = this.members.getIndicatorConfig(e), i = n ? j(n) : null;
+		if (n?.placement !== "overlay" || !r || !i || r.params[i] === t) return !1;
+		let a = x(r.params[i]), o = a ? this.hostOf(a.instanceId, e) : x(t) ? null : r.pane ?? null;
+		return (o ?? void 0) === r.pane ? !1 : (this.members.setPane(e, o), !0);
+	}
+	moveHost(e, t) {
+		let n = this.members.getIndicatorConfig(e), r = this.members.getIndicatorDescriptor(e);
+		if (!n || !r) return;
+		let i = j(r);
+		if (r.placement === "overlay" && i && x(n.params[i])) return;
+		if (t === "price") return r.placement === "overlay" && n.pane ? null : void 0;
+		if (t === "new") return r.placement === "panel" && !this.ownsPane(e) ? null : void 0;
+		let a = this.hostOf(t, e);
+		return a && a !== n.pane && a !== e ? a : void 0;
+	}
+	isPanel(e) {
+		return this.members.getIndicatorDescriptor(e)?.placement === "panel";
+	}
+	detach(e, t = () => void 0) {
+		if (!this.members.getIndicatorConfig(e)) return null;
+		let n = this.members.getPaneMembers(e), r = this.ownsPane(e) ? n.find((e) => this.isPanel(e)) ?? null : null;
+		this.members.removeIndicator(e), this.handover.passStyle(e, r), r ? (this.members.setPane(r, null), this.handover.renamePane(e, r)) : this.slots.removePanel(e);
+		for (let e of n) e !== r && this.members.setPane(e, r), t(e);
+		return n;
+	}
+	move(e, t) {
+		let n = this.moveHost(e, t), r = this.members.getIndicatorConfig(e);
+		if (n === void 0 || !r) return null;
+		let i = r.pane, a = new Set([e]);
+		if (this.ownsPane(e)) for (let t of this.leavePane(e, n)) a.add(t);
+		if (this.members.setPane(e, n), t === "new") {
+			this.slots.addPanel(e, "bottom");
+			for (let t of this.members.getDependents(e)) this.members.getIndicatorConfig(t)?.pane === i && (this.members.setPane(t, e), a.add(t));
+		}
+		return [...a];
+	}
+	leavePane(e, t) {
+		let n = this.members.getPaneMembers(e), r = new Set(this.members.getDependents(e)), i = n.filter((e) => !r.has(e)), a = i.find((e) => this.isPanel(e)) ?? null;
+		if (this.handover.passStyle(e, a), a) {
+			this.members.setPane(a, null), this.handover.renamePane(e, a);
+			for (let e of i) e !== a && this.members.setPane(e, a);
+		} else {
+			this.slots.removePanel(e);
+			for (let e of i) this.members.setPane(e, null);
+		}
+		this.handover.invalidateScales();
+		for (let i of n) r.has(i) && this.members.setPane(i, t ?? e);
+		return n;
+	}
+};
+//#endregion
+//#region src/model/IndicatorSetup.ts
+function Qn(e, t, n) {
+	let r = t.getPanels(), i = t.getMaximizedPanel();
+	return e.getActiveIndicators().map((t) => {
+		let a = r.find((e) => e.id === t.instanceId), o = e.getIndicatorConfig(t.instanceId), s = a ? n(t.instanceId) : null;
+		return {
+			id: t.id,
+			instanceId: t.instanceId,
+			params: { ...t.params },
+			position: a?.position,
+			style: e.getIndicatorStyle(t.instanceId) ?? void 0,
+			visible: t.visible,
+			levels: o?.levels?.slice(),
+			pane: t.pane,
+			scale: o?.scale,
+			...o?.intervals ? { intervals: e.getIntervals(t.instanceId) ?? void 0 } : {},
+			...s ? { paneStyle: { ...s } } : {},
+			...a ? {
+				paneSize: a.size,
+				paneOrder: r.indexOf(a),
+				...a.collapsed ? { paneCollapsed: !0 } : {},
+				...i === t.instanceId ? { paneMaximized: !0 } : {},
+				...a.logScale ? { paneLog: !0 } : {},
+				...a.invertScale ? { paneInvert: !0 } : {},
+				...a.percentScale ? { panePercent: !0 } : {}
+			} : {}
+		};
+	});
+}
+function $n(e, t) {
+	for (let [n, r] of t) n.paneSize !== void 0 && e.setPanelSize(r, n.paneSize), (n.paneSize !== void 0 || n.paneCollapsed) && e.setPanelCollapsed(r, !!n.paneCollapsed), n.paneSize !== void 0 && e.setPanelScale(r, {
+		log: !!n.paneLog,
+		invert: !!n.paneInvert,
+		percent: !!n.panePercent
+	});
+	let n = t.filter(([e]) => e.paneOrder !== void 0).sort(([e], [t]) => (e.paneOrder ?? 0) - (t.paneOrder ?? 0)).map(([, e]) => e);
+	n.length > 1 && e.orderPanels(n);
+	let r = t.find(([e]) => e.paneMaximized);
+	e.setMaximizedPanel(r ? r[1] : null);
+}
+function er(e) {
+	let t = new Map(e.map((e) => [e.instanceId, e])), n = [], r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = (e) => {
+		if (r.has(e.instanceId) || i.has(e.instanceId)) return;
+		i.add(e.instanceId);
+		let o = [e.pane, ...Object.values(e.params).map((e) => x(e)?.instanceId)];
+		for (let e of o) {
+			let n = e ? t.get(e) : void 0;
+			n && a(n);
+		}
+		i.delete(e.instanceId), r.add(e.instanceId), n.push(e);
+	};
+	for (let t of e) a(t);
+	return n;
+}
+function tr(e, t) {
+	return e.id === t.id && (e.pane ?? null) === (t.pane ?? null) && (e.scale ?? null) === (t.scale ?? null) && e.position === void 0 == (t.position === void 0);
+}
+function nr(e, t) {
+	let n = new Map(t.map((e) => [e.instanceId, e])), r = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		let e = n.get(t.instanceId);
+		e && tr(t, e) && rr(t, e) && r.add(t.instanceId);
+	}
+	for (let t of e) t.pane && !r.has(t.pane) && r.delete(t.instanceId);
+	return r;
+}
+function rr(e, t) {
+	let n = Object.keys(e.params);
+	return n.length === Object.keys(t.params).length && n.every((e) => e in t.params);
+}
+function ir(e, t) {
+	let n = { ...e };
+	for (let [e, r] of Object.entries(n)) {
+		let i = x(r), a = i && t.get(i.instanceId);
+		a && (n[e] = v(a, i.key));
+	}
+	return n;
+}
+//#endregion
+//#region src/model/SymbolRequests.ts
+function ar(e, t) {
+	let n = t.symbol;
+	return lt.has(e) && typeof n == "string" ? n.trim() : "";
+}
+var or = class {
+	asked = /* @__PURE__ */ new Set();
+	constructor(e, t) {
+		this.readers = e, this.held = t;
+	}
+	required() {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of this.readers.getActiveIndicators()) {
+			let n = ar(t.id, t.params);
+			n && e.add(n);
+		}
+		return [...e];
+	}
+	readersOf(e) {
+		let t = e.trim();
+		return this.readers.getActiveIndicators().filter((e) => lt.has(e.id) && String(e.params.symbol ?? "").trim() === t).map((e) => e.instanceId);
+	}
+	given(e) {
+		this.asked.delete(e.trim());
+	}
+	forgetUnread() {
+		let e = new Set(this.required());
+		for (let t of this.asked) e.has(t) || this.asked.delete(t);
+	}
+	toAsk(e) {
+		this.forgetUnread();
+		let t = this.readers.getIndicatorConfig(e), n = t ? ar(t.id, t.params) : "";
+		return !n || this.held.has(n) || this.asked.has(n) ? null : (this.asked.add(n), n);
+	}
+}, sr = (e, t) => e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
+function cr(e, t, n, r) {
+	if (!sr(e, t)) {
+		for (let t of n) {
+			let n = r(t.id);
+			if (n && sr(e, n.chartRect)) return t.id;
+		}
+		return null;
+	}
+}
+function lr(e, t, n, r) {
+	if (!e || e.position !== "top" && e.position !== "bottom" || t) return null;
+	let i = n();
+	return !i || i.chartRect.height < 24 ? null : {
+		...i,
+		data: r()
+	};
+}
+function ur(e, t, n) {
+	return !n && e.some((e) => e.id === t);
+}
+//#endregion
 //#region src/HistoryPager.ts
-var Vn = 5e3, Hn = 6e4, Un = 500, Wn = class {
+var dr = 5e3, fr = 6e4, pr = 500, mr = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -735,7 +1220,7 @@ var Vn = 5e3, Hn = 6e4, Un = 500, Wn = class {
 			return n === this.seq ? (this.loading = !1, e instanceof Error && e.name === "AbortError" ? (this.emit({
 				state: "loaded",
 				count: 0
-			}), 0) : (this.failures++, this.retryAt = this.now() + Math.min(Hn, Vn * 2 ** (this.failures - 1)), this.emit({
+			}), 0) : (this.failures++, this.retryAt = this.now() + Math.min(fr, dr * 2 ** (this.failures - 1)), this.emit({
 				state: "error",
 				count: 0,
 				error: e instanceof Error ? e.message : String(e)
@@ -768,10 +1253,10 @@ var Vn = 5e3, Hn = 6e4, Un = 500, Wn = class {
 };
 //#endregion
 //#region src/ThemeManager.ts
-function Gn(e, t) {
+function hr(e, t) {
 	return e.family === t.family && e.sizeSmall === t.sizeSmall && e.sizeMedium === t.sizeMedium && e.sizeLarge === t.sizeLarge;
 }
-var Kn = class t {
+var gr = class t {
 	base;
 	shape = null;
 	font = null;
@@ -790,13 +1275,13 @@ var Kn = class t {
 		return i;
 	}
 	getTheme() {
-		return this.effective ??= ce(this.base, this.chartType, this.merged()), this.effective;
+		return this.effective ??= se(this.base, this.chartType, this.merged()), this.effective;
 	}
 	getBaseTheme() {
 		return this.base;
 	}
 	setTheme(e) {
-		let n = t.read(e), r = this.font !== null && Gn(n.font, this.base.font);
+		let n = t.read(e), r = this.font !== null && hr(n.font, this.base.font);
 		this.base = n, r || (this.themeFont = n.font), this.shape && (this.base = {
 			...this.base,
 			shape: {
@@ -878,7 +1363,7 @@ var Kn = class t {
 };
 //#endregion
 //#region src/style/styleOptions.ts
-function qn(e, t) {
+function _r(e, t) {
 	return t ? {
 		...t.visible === void 0 ? {} : { [`crosshair.${e}.visible`]: t.visible },
 		...t.color === void 0 ? {} : { [`crosshair.${e}.color`]: t.color },
@@ -886,22 +1371,22 @@ function qn(e, t) {
 		...t.width === void 0 ? {} : { [`crosshair.${e}.width`]: t.width }
 	} : {};
 }
-function Jn(e) {
+function vr(e) {
 	let { grid: t, crosshair: n } = e, r = n?.vLine?.labelBackground ?? n?.hLine?.labelBackground;
 	return {
 		...t?.hLineColor === void 0 ? {} : { "grid.horizontal.color": t.hLineColor },
 		...t?.hLineStyle === void 0 ? {} : { "grid.horizontal.style": t.hLineStyle },
 		...t?.vLineColor === void 0 ? {} : { "grid.vertical.color": t.vLineColor },
 		...t?.vLineStyle === void 0 ? {} : { "grid.vertical.style": t.vLineStyle },
-		...qn("horizontal", n?.hLine),
-		...qn("vertical", n?.vLine),
+		..._r("horizontal", n?.hLine),
+		..._r("vertical", n?.vLine),
 		...r === void 0 ? {} : { "crosshair.labelBackground": r },
 		...e.overrides
 	};
 }
 //#endregion
 //#region src/layout/LayoutManager.ts
-var Yn = 200, Xn = 80, W = (e) => e.position === "top" || e.position === "bottom", Zn = class {
+var yr = 200, br = 80, G = (e) => e.position === "top" || e.position === "bottom", xr = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -918,8 +1403,8 @@ var Yn = 200, Xn = 80, W = (e) => e.position === "top" || e.position === "bottom
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? Yn : t),
-			minSize: a ? Xn : i,
+			size: r ?? (a ? yr : t),
+			minSize: a ? br : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -938,14 +1423,14 @@ var Yn = 200, Xn = 80, W = (e) => e.position === "top" || e.position === "bottom
 	}
 	setPanelCollapsed(e, t) {
 		let n = this.panels.find((t) => t.id === e);
-		return !n || !W(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
+		return !n || !G(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
 	}
 	isPanelCollapsed(e) {
 		return !!this.panels.find((t) => t.id === e)?.collapsed;
 	}
 	isPanelShownCollapsed(e) {
 		let t = this.panels.find((t) => t.id === e);
-		return !t || !W(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
+		return !t || !G(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
 	}
 	setPanelScale(e, t) {
 		let n = this.panels.find((t) => t.id === e);
@@ -961,7 +1446,7 @@ var Yn = 200, Xn = 80, W = (e) => e.position === "top" || e.position === "bottom
 	}
 	setMaximizedPanel(e) {
 		let t = e === null ? null : this.panels.find((t) => t.id === e);
-		return e !== null && (!t || !W(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
+		return e !== null && (!t || !G(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
 	}
 	getMaximizedPanel() {
 		return this.maximized;
@@ -982,19 +1467,19 @@ var Yn = 200, Xn = 80, W = (e) => e.position === "top" || e.position === "bottom
 		this.panels = [...this.panels].sort((e, n) => t(e) - t(n));
 	}
 	shownSize(e, t) {
-		return W(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
+		return G(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
 	}
 	setPanelPosition(e, n) {
 		let r = this.panels.find((t) => t.id === e);
 		if (r) {
 			let a = r.position === "left" || r.position === "right", o = n === "left" || n === "right";
-			r.position = n, a !== o && (r.size = o ? Yn : t, r.minSize = o ? Xn : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
+			r.position = n, a !== o && (r.size = o ? yr : t, r.minSize = o ? br : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
 		}
 	}
 	setPanelSize(e, t) {
 		let n = this.panels.find((t) => t.id === e);
 		if (n) {
-			let e = W(n) ? this.containerHeight - s - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
+			let e = G(n) ? this.containerHeight - s - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
 			n.size = Math.max(n.minSize, r), n.collapsed = void 0, this.maximized = null;
 		}
 	}
@@ -1108,8 +1593,8 @@ var Yn = 200, Xn = 80, W = (e) => e.position === "top" || e.position === "bottom
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, Qn = 14, $n = 14, er = 22, tr = 4;
-function nr(e) {
+}, Sr = 14, Cr = 14, wr = 22, Tr = 4;
+function Er(e) {
 	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: a, fontSizeSmall: s, measure: l } = e, u = e.tagPrecision ?? c(t, n), d = u, f = r === null ? [t, n] : [
 		t,
 		n,
@@ -1118,16 +1603,16 @@ function nr(e) {
 	for (let t of f) {
 		if (!Number.isFinite(t)) continue;
 		let n = e.scaleLabel ? e.scaleLabel(t) : e.format ? e.format(t) : g(t, u, i), r = e.format ? n : g(t, d, i);
-		p = Math.max(p, l(n, `500 ${s}px ${a}`) + Qn, l(r, `bold 11px ${a}`) + $n, l(r, `600 ${s}px ${a}`) + er);
+		p = Math.max(p, l(n, `500 ${s}px ${a}`) + Sr, l(r, `bold 11px ${a}`) + Cr, l(r, `600 ${s}px ${a}`) + wr);
 	}
-	return p <= o ? o : Math.ceil(p / tr) * tr;
+	return p <= o ? o : Math.ceil(p / Tr) * Tr;
 }
-function rr(e, t) {
+function Dr(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
 //#endregion
 //#region src/layout/labelWidths.ts
-var ir = 512, ar = class {
+var Or = 512, kr = class {
 	widths = /* @__PURE__ */ new Map();
 	fonts;
 	forget = () => this.widths.clear();
@@ -1138,12 +1623,12 @@ var ir = 512, ar = class {
 		let r = `${t}\n${e}`, i = this.widths.get(r);
 		if (i !== void 0) return i;
 		let a = n();
-		return this.widths.size >= ir && this.widths.clear(), this.widths.set(r, a), a;
+		return this.widths.size >= Or && this.widths.clear(), this.widths.set(r, a), a;
 	}
 	destroy() {
 		this.fonts?.removeEventListener("loadingdone", this.forget), this.widths.clear();
 	}
-}, or = class {
+}, Ar = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -1159,11 +1644,11 @@ var ir = 512, ar = class {
 		}
 		return this.engaged;
 	}
-}, sr = 1;
-function cr(e, t) {
+}, jr = 1;
+function Mr(e, t) {
 	return e.filter((e) => e.enabled !== !1 && (e.descriptor.layer ?? "overlay") === t);
 }
-function G(e) {
+function K(e) {
 	switch (e.kind) {
 		case "indicator": return `indicator:${e.plugin.descriptor.id}`;
 		case "drawing": return `drawing:${e.plugin.descriptor.type}`;
@@ -1173,25 +1658,25 @@ function G(e) {
 }
 //#endregion
 //#region src/plugins/registry.ts
-var K = /* @__PURE__ */ new Map();
-function lr(e) {
-	K.set(G(e), e);
+var q = /* @__PURE__ */ new Map();
+function Nr(e) {
+	q.set(K(e), e);
 }
-function ur(e) {
-	return K.delete(e);
+function Pr(e) {
+	return q.delete(e);
 }
-function dr() {
-	return [...K.values()];
+function Fr() {
+	return [...q.values()];
 }
-function fr() {
-	K.clear();
+function Ir() {
+	q.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var pr = class {
+var Lr = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of dr()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of Fr()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -1219,17 +1704,17 @@ var pr = class {
 		return e;
 	}
 	add(e) {
-		this.plugins.set(G(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+		this.plugins.set(K(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, mr = {
+}, Rr = {
 	orderPlace: (e, t) => e.placeOrder(t),
 	orderModify: (e, t) => e.modifyOrder(t),
 	orderCancel: (e, t) => e.cancelOrder(t),
 	positionModify: (e, t) => e.modifyPosition(t),
 	positionClose: (e, t) => e.closePosition(t),
-	positionReverse: (e, t, n) => hr(e, t, n)
+	positionReverse: (e, t, n) => zr(e, t, n)
 };
-async function hr(e, t, n) {
+async function zr(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -1258,7 +1743,7 @@ async function hr(e, t, n) {
 		}
 	}
 }
-function gr(e, t) {
+function Br(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -1268,8 +1753,8 @@ function gr(e, t) {
 		e.data && t.onFill?.(e.data);
 	};
 	e.on("orders", a), e.on("positions", o), e.on("error", s), e.on("fill", c), n.push(() => e.off("orders", a), () => e.off("positions", o), () => e.off("error", s), () => e.off("fill", c));
-	for (let r of Object.keys(mr)) {
-		let a = mr[r], o = t.onIntent(r, (n) => {
+	for (let r of Object.keys(Rr)) {
+		let a = Rr[r], o = t.onIntent(r, (n) => {
 			Promise.resolve(a(e, n, i)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -1283,7 +1768,7 @@ function gr(e, t) {
 }
 //#endregion
 //#region src/replay/ReplayStepLoader.ts
-var _r = 1e3, vr = class {
+var Vr = 1e3, Hr = class {
 	pieces = /* @__PURE__ */ new Map();
 	asked = /* @__PURE__ */ new Set();
 	inFlight = !1;
@@ -1316,7 +1801,7 @@ var _r = 1e3, vr = class {
 		this.done = !0;
 	}
 	ask(e, t) {
-		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(_r / n)), s = Math.min(e.length, t + o), c = s < e.length ? e[s].time : e[e.length - 1].time + r, l = e.slice(t, s);
+		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(Vr / n)), s = Math.min(e.length, t + o), c = s < e.length ? e[s].time : e[e.length - 1].time + r, l = e.slice(t, s);
 		for (let e of l) this.asked.add(e.time);
 		this.inFlight = !0, a({
 			state: "loading",
@@ -1357,12 +1842,12 @@ var _r = 1e3, vr = class {
 			...n === void 0 ? {} : { error: n }
 		});
 	}
-}, yr = 1 / 3, br = .25, xr = .5;
-function Sr(e, t) {
-	let n = (e.high - e.low) * br;
-	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * xr;
+}, Ur = 1 / 3, Wr = .25, Gr = .5;
+function Kr(e, t) {
+	let n = (e.high - e.low) * Wr;
+	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * Gr;
 }
-function Cr(e) {
+function qr(e) {
 	return e.close >= e.open ? [
 		e.open,
 		e.low,
@@ -1375,22 +1860,22 @@ function Cr(e) {
 		e.close
 	];
 }
-function wr(e, t, n) {
-	let r = Cr(e), i = [
+function Jr(e, t, n) {
+	let r = qr(e), i = [
 		1,
 		2,
 		3
 	].map((e) => Math.abs(r[e] - r[e - 1])), a = i[0] + i[1] + i[2], o = [], s = 0;
 	return r.forEach((r, c) => {
-		c > 0 && (s += a > 0 ? i[c - 1] / a : yr), !(c === 0 && t > 0) && o.push({
+		c > 0 && (s += a > 0 ? i[c - 1] / a : Ur), !(c === 0 && t > 0) && o.push({
 			price: r,
 			time: e.time,
 			at: (t + s) / n
 		});
 	}), o;
 }
-function Tr(e, t = []) {
-	let n = t.length > 0 && Sr(e, t) ? t : [e], r = n.length, i = Er(n.flatMap((e, t) => wr(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
+function Yr(e, t = []) {
+	let n = t.length > 0 && Kr(e, t) ? t : [e], r = n.length, i = Xr(n.flatMap((e, t) => Jr(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
 	return {
 		bar: e,
 		points: i,
@@ -1400,7 +1885,7 @@ function Tr(e, t = []) {
 		}))
 	};
 }
-function Er(e, t) {
+function Xr(e, t) {
 	let n = e.length - 1, r = e.map((e, r) => ({
 		...e,
 		price: r === 0 ? t.open : r === n ? t.close : Math.min(t.high, Math.max(t.low, e.price))
@@ -1415,7 +1900,7 @@ function Er(e, t) {
 	};
 	return i(t.high, (e, t) => e > t), i(t.low, (e, t) => e < t), r;
 }
-function Dr(e, t) {
+function Zr(e, t) {
 	let n = e.points;
 	if (t <= n[0].at) return n[0].price;
 	for (let e = 1; e < n.length; e++) if (t <= n[e].at) {
@@ -1424,8 +1909,8 @@ function Dr(e, t) {
 	}
 	return n[n.length - 1].price;
 }
-var Or = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
-function kr(e, t) {
+var Qr = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+function $r(e, t) {
 	let n = 0, r = 0;
 	for (let i of e.volumeAt) {
 		if (t >= i.at) {
@@ -1436,10 +1921,10 @@ function kr(e, t) {
 	}
 	return n;
 }
-function Ar(e, t) {
-	let n = Or(t);
+function ei(e, t) {
+	let n = Qr(t);
 	if (n >= 1) return { ...e.bar };
-	let r = Dr(e, n), i = Math.max(e.points[0].price, r), a = Math.min(e.points[0].price, r);
+	let r = Zr(e, n), i = Math.max(e.points[0].price, r), a = Math.min(e.points[0].price, r);
 	for (let t of e.points) {
 		if (t.at > n) break;
 		i = Math.max(i, t.price), a = Math.min(a, t.price);
@@ -1450,29 +1935,29 @@ function Ar(e, t) {
 		high: i,
 		low: a,
 		close: r,
-		volume: kr(e, n)
+		volume: $r(e, n)
 	};
 }
-function jr(e, t) {
-	let n = Or(t), r = 0;
+function ti(e, t) {
+	let n = Qr(t), r = 0;
 	for (let t of e.points) {
 		if (t.at > n) break;
 		r = t.at;
 	}
 	return r;
 }
-function q(e, t, n) {
+function J(e, t, n) {
 	let r = [], i = e.bar.time;
 	for (let a of e.points) {
 		if (a.at > n) break;
 		i = a.time, a.at > t && r.push([a.price, a.time]);
 	}
-	let a = Dr(e, n);
+	let a = Zr(e, n);
 	return (r.length === 0 || r[r.length - 1][0] !== a) && r.push([a, i]), r;
 }
 //#endregion
 //#region src/replay/replayStep.ts
-var Mr = [
+var ni = [
 	"1m",
 	"3m",
 	"5m",
@@ -1483,48 +1968,41 @@ var Mr = [
 	"4h",
 	"1d"
 ];
-function Nr(e, t) {
-	let n = w(e);
-	return n > 0 ? Mr.filter((e) => {
-		let r = w(e);
+function ri(e, t) {
+	let n = T(e);
+	return n > 0 ? ni.filter((e) => {
+		let r = T(e);
 		return r < n && n % r === 0 && t(e);
 	}) : [];
 }
-function Pr(e, t, n) {
-	let r = Nr(t, n);
+function ii(e, t, n) {
+	let r = ri(t, n);
 	if (e !== "auto") return r.includes(e) ? e : null;
-	let i = w(t);
-	return r.find((e) => i / w(e) <= 60) ?? null;
+	let i = T(t);
+	return r.find((e) => i / T(e) <= 60) ?? null;
 }
 //#endregion
 //#region src/Chart.ts
-var Fr = {
-	min: 0,
-	max: 100
-}, Ir = "exchange", Lr = Ir;
-function Rr(e) {
+var ai = "exchange", oi = ai;
+function si(e) {
 	if (typeof e == "string" && e !== "exchange" && !y(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-function zr(e, t) {
-	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : C(e);
+function ci(e, t) {
+	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : w(e);
 	return i === void 0 ? e : {
 		...e,
 		timeZone: i,
 		timezone: i
 	};
 }
-var Br = .08, Vr = a ** -7, Hr = 800, Ur = 24;
-function Wr(e) {
-	return e.length > 0 ? { renames: e } : {};
-}
-var Gr = 20, Kr = 8, qr = 10, Jr = {
+var li = .08, ui = 20, di = 8, fi = 10, pi = {
 	ArrowLeft: [-1, 0],
 	ArrowRight: [1, 0],
 	ArrowUp: [0, -1],
 	ArrowDown: [0, 1]
-}, Yr = new Set(["horizontalLine", "crossLine"]), Xr = new Set(["verticalLine", "crossLine"]), Zr = class {
-	static version = "1.69.0";
+}, mi = new Set(["horizontalLine", "crossLine"]), hi = new Set(["verticalLine", "crossLine"]), gi = class {
+	static version = "1.70.0";
 	engine;
 	viewport;
 	series = new zn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
@@ -1541,20 +2019,18 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	executionAdapter = null;
 	execTeardown = null;
 	autoScrollOnNewBar = !0;
-	displayDataCache = null;
 	indicatorsOnDrawn = null;
-	reshapeMemo = new lt();
-	displayDataStep;
+	display;
 	indicatorUpdateFrom = null;
-	resolvedLayoutCache = null;
-	panelInfoCache = null;
-	paneStyles = /* @__PURE__ */ new Map();
+	panes;
+	indicatorPanes;
+	indicatorHistory;
 	lastBackground = null;
 	renderScheduled = !1;
 	renderDeferred = !1;
 	priceAxisWidth = o;
 	measureCtx;
-	labelWidths = new ar();
+	labelWidths = new kr();
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
@@ -1565,11 +2041,9 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	watermark;
 	barCountdown;
 	unrestoredIndicators = [];
-	indicatorHistoryDepth = 0;
-	indicatorEdit = null;
 	removedDrawingAlerts = /* @__PURE__ */ new Map();
 	zoomAreaMode = !1;
-	priceAxisAddButton = new rt();
+	priceAxisAddButton = new nt();
 	displayTz = null;
 	timeZoneSetting = null;
 	symbolInfo = null;
@@ -1580,7 +2054,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	studyZoneReleaseQueued = !1;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...je };
+	hostSessionHours = { ...Ae };
 	compareRenderer;
 	countdownInterval = null;
 	pausedFor = {
@@ -1626,14 +2100,14 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new it();
+	priceLines = new rt();
 	symbolSeries = new vt();
 	extendedHours = !0;
 	replayRestarting = !1;
-	requestedSymbols = /* @__PURE__ */ new Set();
+	symbolRequests;
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new nt();
+	leftPriceAxis = new tt();
 	leftScaleRequested = !1;
 	leftAxisWidth = o;
 	leftViewport = null;
@@ -1648,9 +2122,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	priceFormatter = null;
 	priceUnit = null;
 	paneTitles = !0;
-	defaultAutoScale;
-	priceFitPending = !0;
-	seriesArriving = !0;
+	priceFit;
 	keyboardHandler = null;
 	a11y = null;
 	onWindowKeyDown = null;
@@ -1666,10 +2138,20 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && Rr(t.timeZone), this.container = e, this.options = {
+		t.timeZone != null && si(t.timeZone), this.container = e, this.options = {
 			...t,
 			chartType: t.chartType ?? "candlestick"
-		}, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
+		}, this.numberLocale = t.numberLocale ?? "en-US", this.priceFit = new Hn(t.autoScale !== !1), this.display = new Gn({
+			bars: () => this.series.bars(),
+			version: () => this.series.version(),
+			chartType: () => this.options.chartType,
+			chartTypeOptions: () => this.chartTypeOptions,
+			lookup: (e) => this.pluginManager.getChartType(e),
+			stepAt: (e) => this.stepAt(e),
+			onBoxSize: (e) => {
+				this.chartRenderer instanceof et && this.chartRenderer.setBoxSize(e);
+			}
+		});
 		let n = t.features ?? {};
 		this.features = {
 			drawings: n.drawings ?? !0,
@@ -1705,15 +2187,23 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			logScale: n.logScale ?? !0,
 			timeframes: n.timeframes ?? [],
 			defaultTimeframeFavorites: n.defaultTimeframeFavorites ?? []
-		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.history = new Wn({
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.history = new mr({
 			oldestTime: () => (this.replaySession ? this.series.liveBars() : this.series.bars())[0]?.time ?? null,
 			prepend: (e) => this.prependBars(e),
 			emit: (e) => this.eventBus.emit("historyLoad", e)
-		}), this.themeManager = new Kn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Jn(t), "host", !1), this.layoutManager = new Zn(), this.indicatorEngine = new Ve(), this.pluginManager = new pr(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Ie(), Vt(this.indicatorEngine), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new ht(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.indicatorEngine.register(new De(this.symbolSeries)), this.drawingManager = new Ne(), Bt(this.drawingManager), this.drawingRenderer = new Pe(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingRenderer.setTimeFormat((e) => this.crosshairHandler.formatTime(e, this.getDisplayData())), this.drawingManager.setRequestRender(() => {
+		}), this.themeManager = new gr(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(vr(t), "host", !1), this.layoutManager = new xr(), this.indicatorEngine = new Be(), this.panes = new qn(this.layoutManager, this.indicatorEngine, (e) => this.crosshairHandler.setReportBounds(e)), this.indicatorPanes = new Zn(this.indicatorEngine, this.layoutManager, {
+			passStyle: (e, t) => this.panes.passStyle(e, t),
+			renamePane: (e, t) => this.renamePane(e, t),
+			invalidateScales: () => this.panes.invalidateScales()
+		}), this.symbolRequests = new or(this.indicatorEngine, this.symbolSeries), this.pluginManager = new Lr(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Fe(), Ht(this.indicatorEngine), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new ht(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.drawingManager = new Me(), Vt(this.drawingManager), this.drawingRenderer = new Ne(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingRenderer.setTimeFormat((e) => this.crosshairHandler.formatTime(e, this.getDisplayData())), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(r.Overlay), this.scheduleAutoSave();
 		}), this.drawingManager.setEventCallback((e, t) => {
 			this.followDrawingAlerts(e, t?.id), this.eventBus.emit(e, t), (e === "drawingCreate" || e === "drawingUpdate" || e === "drawingRemove") && this.announceStateChange();
-		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new Ct();
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new Ct(), this.indicatorHistory = new Xn({
+			steps: this.undoRedoManager,
+			snapshot: () => this.getIndicatorSetup(),
+			enabled: () => this.features.drawingUndoRedo
+		});
 		let i = "";
 		this.undoRedoManager.setOnChange(() => {
 			let { canUndo: e, canRedo: t } = this.undoRedoManager.getState(), n = `${e}|${t}`;
@@ -1731,7 +2221,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			contextMenu: { enabled: this.features.tradingContextMenu }
 		}), this.tradingRenderer = new St(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 at(e, t.maxPixelRatio);
+		}), this.engine = new it(e, t.maxPixelRatio);
 		let a = this.engine.dprManager.getContainerSize();
 		if (this.viewport = new wt(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), t.barLayout && this.viewport.setBarLayout(t.barLayout), this.viewport.setPanLimits({
 			freePan: t.freePan ?? !0,
@@ -1740,9 +2230,9 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			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.eventBus.emit("resize", e);
-		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Le(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new nt(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new yt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new Oe(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Ie(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new tt(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new yt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new De(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
-				let n = this.crosshairSeries(), i = e >= 0 && e < n.length ? n[e] : void 0, a = e > 0 ? n[e - 1]?.close : void 0, o = A(n), s = i ? o[e]?.time ?? i.time : void 0;
+				let n = this.crosshairSeries(), i = e >= 0 && e < n.length ? n[e] : void 0, a = e > 0 ? n[e - 1]?.close : void 0, o = At(n), s = i ? o[e]?.time ?? i.time : void 0;
 				this.chartLegend.setHoverBar(i ?? null, e > 0 ? n[e - 1] ?? null : null), this.features.legend && this.engine.requestRender(r.Hover);
 				let c = this.viewport.getState(), l = t.y >= c.chartRect.y && t.y <= c.chartRect.y + c.chartRect.height;
 				if (i && l && this.features.crosshairTooltip) {
@@ -1754,7 +2244,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 						prevClose: a,
 						priceRange: c.priceRange,
 						plot: c.chartRect,
-						barStepMs: At(o),
+						barStepMs: jt(o),
 						timeUnit: u(o)
 					});
 				} else this.crosshairTooltip.hide();
@@ -1770,14 +2260,14 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 				let e = this.crosshairHandler.getSyncedSlot();
 				e !== null && this.showSyncedBar(e);
 			}
-		}), this.chartLegend = new Se(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setResizeListener(() => {
+		}), this.chartLegend = new xe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setResizeListener(() => {
 			this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), this.engine.requestRender();
-		}), this.watermark = new Ot(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Dt(), this.volumeProfile = new Et(), this.marketProfile = new qe(), this.depthHeatmap = new Me(), this.periodLevels = new Qe(), this.pivotMarkers = new et(), this.barCountdown = new ve(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new ft(), this.sessionShading = new pt(), this.compareRenderer = new Ce(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.watermark = new Ot(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Dt(), this.volumeProfile = new Et(), this.marketProfile = new Ke(), this.depthHeatmap = new je(), this.periodLevels = new Ze(), this.pivotMarkers = new $e(), this.barCountdown = new _e(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new ft(), this.sessionShading = new pt(), this.compareRenderer = new Se(), t.sessionBreaks ? this.sessionBreaks.setConfig({
 			visible: t.sessionBreaks.visible ?? !0,
 			color: t.sessionBreaks.color,
 			lineStyle: t.sessionBreaks.lineStyle,
 			lineWidth: t.sessionBreaks.lineWidth
-		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new he(), this.crosshairTooltip = new ke(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new $e(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = ae(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(ri(t.shapes)), t.font && this.themeManager.setFont(ni(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new We({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new me(), this.crosshairTooltip = new Oe(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Qe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = S(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(bi(t.shapes)), t.font && this.themeManager.setFont(yi(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ue({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -1794,7 +2284,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			},
 			fitContent: () => this.fitContent()
 		}), this.keyboardHandler.setEnabled(this.features.keyboard), t.a11y !== !1) {
-			this.a11y = new an(e, {
+			this.a11y = new on(e, {
 				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
 				timeframe: () => this.streamTimeframe ?? "",
 				chartType: () => this.options.chartType ?? "candlestick",
@@ -1825,8 +2315,8 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new Ae(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new me(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Nt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
-			this.eventBus.emit("alertTriggered", J(e)), this.eventBus.emit("dataUpdate", {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ke(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new pe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Pt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
+			this.eventBus.emit("alertTriggered", Y(e)), this.eventBus.emit("dataUpdate", {
 				kind: "alert",
 				alert: "triggered",
 				alertId: e.id,
@@ -1834,13 +2324,13 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 				message: e.message
 			});
 		}), this.alertManager.on("added", (e) => {
-			this.eventBus.emit("alertAdd", J(e));
+			this.eventBus.emit("alertAdd", Y(e));
 		}), this.alertManager.on("removed", (e) => {
 			this.eventBus.emit("alertRemove", { id: e });
 		}), this.alertManager.on("expired", (e) => {
-			this.eventBus.emit("alertExpired", J(e));
+			this.eventBus.emit("alertExpired", Y(e));
 		}), this.alertManager.on("updated", (e) => {
-			this.eventBus.emit("alertUpdate", J(e));
+			this.eventBus.emit("alertUpdate", Y(e));
 		}), this.signalMarkerManager = new mt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
@@ -1856,7 +2346,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			});
 		}), this.tradeZoneManager.on("removed", (e) => {
 			this.eventBus.emit("tradeZoneRemove", { id: e });
-		}), this.replayManager = new st(), this.replayManager.on("complete", () => {
+		}), this.replayManager = new ot(), this.replayManager.on("complete", () => {
 			let e = this.getReplayBarIndex(), t = this.replayCoarse?.[e];
 			t && this.eventBus.emit("replayComplete", {
 				barIndex: e,
@@ -1864,15 +2354,15 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			});
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Je(), this.interactionManager = new He(e), this.features.panning) {
-			let e = new or();
-			this.interactionManager.setPanHandler(new Xe((t, n) => {
-				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.holdPriceScale(), this.viewport.panPriceRange(n)), this.updateViewportAndRender();
+		}), this.measureOverlay = new qe(), this.interactionManager = new Ve(e), this.features.panning) {
+			let e = new Ar();
+			this.interactionManager.setPanHandler(new Ye((t, n) => {
+				t && this.viewport.scrollBy(t), e.step(t, n, this.priceFit.isAuto()) && n && (this.holdPriceScale(), this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
 		}
 		if (this.interactionManager.setAxisStrips(() => ({
 			plot: this.viewport.getState().chartRect,
-			timeAxisTop: this.timeAxisTop(),
+			timeAxisTop: this.panes.timeAxisTop(),
 			left: {
 				width: this.isLeftPriceScaleShown() ? this.leftAxisWidth : 0,
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
@@ -1881,14 +2371,14 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			this.interactionManager.setZoomHandler(new kt((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new _e((e) => {
+			let e = new ge((e) => {
 				this.holdPriceScale(), this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
 				this.viewport.zoom(1 / e - 1, t / 2), this.updateViewportAndRender();
 			});
 			this.interactionManager.setAxisDragHandler(e, () => this.viewport.getState(), (e) => {
-				e === "price" ? (this.options.autoScale = !0, this.updateViewportAndRender()) : this.fitContent();
+				e === "price" ? (this.priceFit.resume(), this.updateViewportAndRender()) : this.fitContent();
 			});
 		}
 		if (this.features.crosshair && this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.features.drawings && (this.interactionManager.setDrawingManager(this.drawingManager, () => ({
@@ -1906,7 +2396,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 				y: t.y
 			});
 		})), this.interactionManager.setChartContextMenu((e, t) => this.eventBus.hasListeners("chartContextMenu") ? (this.eventBus.emit("chartContextMenu", this.contextAt(e, t)), !0) : !1), this.applyPriceAxisAdd(), this.interactionManager.setPriceAxisAddButton(this.priceAxisAddButton, (e) => {
-			let t = Xt(e.y, this.viewport.getState());
+			let t = Zt(e.y, this.viewport.getState());
 			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
 				price: t,
 				x: e.x,
@@ -1916,10 +2406,10 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new pe(this.alertManager, () => this.viewport.getState());
+			let e = new fe(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new Ze();
+		let o = new Xe();
 		o.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(o), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
@@ -1943,7 +2433,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let r = Yt(e.x, this.viewport.getState());
+			let r = Xt(e.x, this.viewport.getState());
 			r < 0 || r >= t.length || this.eventBus.emit("barClick", {
 				bar: t[r],
 				barIndex: r,
@@ -1988,7 +2478,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < Kr) return;
+					if (e.x1 - e.x0 < di) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -2023,10 +2513,8 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			this.loadDuringReplay(e);
 			return;
 		}
-		this.snapshotKey = null, this.endReplaySession(), this.history.reset(), this.series.load(e), this.crosshairHandler.setData(this.series.bars()), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale, this.priceFitPending = !0;
-		let n = this.series.bars();
-		this.seriesArriving = n.length === 0;
-		let r = n[n.length - 1];
+		this.snapshotKey = null, this.endReplaySession(), this.history.reset(), this.series.load(e), this.crosshairHandler.setData(this.series.bars()), this.display.reset(), this.sessionBreaks.invalidateCache(), this.priceFit.newSeries(this.series.length() === 0);
+		let n = this.series.bars(), r = n[n.length - 1];
 		t || (this.alertManager.clearLastValues(), r && this.alertManager.seedLastValue("price", r.close)), this.recalcIndicators(n), r && this.currentPriceLine.setPrice(r.close), this.updateViewportAndRender(!0), this.fitFewColumns(), this.emitBars(n.length);
 	}
 	loadDuringReplay(e) {
@@ -2039,8 +2527,8 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		let t = this.getDisplayData(), n = Math.max(0, Math.min(t.length - 1, Math.floor(this.viewport.getState().visibleRange.from))), r = t[n]?.time, { added: i, taken: a } = this.series.prepend(e);
 		if (i === 0) return a;
 		let o = this.series.bars();
-		if (this.crosshairHandler.setData(o), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.unpin(), this.measureOverlay.end(), this.recalcIndicators(o), r !== void 0) {
-			let e = Math.round(N(r, this.getDisplayData()));
+		if (this.crosshairHandler.setData(o), this.display.reset(), this.sessionBreaks.invalidateCache(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.unpin(), this.measureOverlay.end(), this.recalcIndicators(o), r !== void 0) {
+			let e = Math.round(M(r, this.getDisplayData()));
 			this.viewport.prependBars(e - n);
 		}
 		return this.updateViewportAndRender(), a;
@@ -2052,7 +2540,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			return;
 		}
 		let n = this.series.bars();
-		this.crosshairHandler.setData(n), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.recalcIndicators(n), n.length > 0 && this.currentPriceLine.setPrice(n[n.length - 1].close), this.updateViewportAndRender(t), this.emitBars(n.length);
+		this.crosshairHandler.setData(n), this.display.reset(), this.sessionBreaks.invalidateCache(), this.recalcIndicators(n), n.length > 0 && this.currentPriceLine.setPrice(n[n.length - 1].close), this.updateViewportAndRender(t), this.emitBars(n.length);
 	}
 	setHistoryLoader(e, t) {
 		this.historyFromStream = !1, this.hostHistoryLoader = e !== null, this.history.setLoader(e, t?.pageSize), this.checkHistory();
@@ -2068,17 +2556,17 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	checkHistory() {
 		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
-			if (this.historyCheckQueued = !1, !this.replayPages() || !this.history.hasLoader() || L(this.options.chartType)) return;
+			if (this.historyCheckQueued = !1, !this.replayPages() || !this.history.hasLoader() || I(this.options.chartType)) return;
 			let { visibleRange: e, chartRect: t } = this.viewport.getState();
 			if (t.width <= 0) return;
 			let { from: n, to: r } = e;
-			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(Gr, r - n));
+			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(ui, r - n));
 		}));
 	}
 	useStreamHistory(e, t, n = !0) {
 		if (this.hostHistoryLoader) return;
-		let r = P(e), i = r.fetchHistoryBefore, a = this.streamTimeframe;
-		if (!i || a === null || de(a) !== null) {
+		let r = N(e), i = r.fetchHistoryBefore, a = this.streamTimeframe;
+		if (!i || a === null || ue(a) !== null) {
 			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
 			return;
 		}
@@ -2088,33 +2576,31 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	appendBar(e) {
 		if (!R(e)) return;
 		let t = this.series.append(e);
-		if (t.refiltered && (this.displayDataCache = null), t.to !== "shown") {
+		if (t.to !== "shown") {
 			this.takeLivePrice(e.close), t.to === "hidden" && this.scheduleRender();
 			return;
 		}
 		let n = this.autoScrollOnNewBar && this.viewport.isAtEnd(), r = t.before, i = this.series.bars();
-		this.crosshairHandler.setData(i), this.displayDataCache = null, this.recalcIndicatorsFrom(i, i.length - 2), this.currentPriceLine.setPrice(e.close, i[i.length - 2]?.close), this.updateViewportAndRender(n), i.length !== r && this.emitBars(i.length), this.followLivePrice(e.close);
+		this.crosshairHandler.setData(i), this.recalcIndicatorsFrom(i, i.length - 2), this.currentPriceLine.setPrice(e.close, i[i.length - 2]?.close), this.updateViewportAndRender(n), i.length !== r && this.emitBars(i.length), this.followLivePrice(e.close);
 	}
 	appendBars(e) {
 		if (e = e.filter(R), e.length === 0) return;
 		let t = e[e.length - 1].close, n = this.series.appendMany(e);
-		if (n.refiltered && (this.displayDataCache = null), n.shown === 0) {
+		if (n.shown === 0) {
 			this.takeLivePrice(t), n.aside || this.scheduleRender();
 			return;
 		}
-		let r = this.autoScrollOnNewBar && this.viewport.isAtEnd(), i = n.before;
-		this.displayDataCache = null;
-		let a = this.series.bars();
+		let r = this.autoScrollOnNewBar && this.viewport.isAtEnd(), i = n.before, a = this.series.bars();
 		this.recalcIndicatorsFrom(a, i - 1), this.crosshairHandler.setData(a), this.currentPriceLine.setPrice(t, a[a.length - 2]?.close), this.updateViewportAndRender(r), a.length !== i && this.emitBars(a.length), this.followLivePrice(t);
 	}
 	updateLastBar(e) {
 		if (!R(e)) return;
 		let t = this.series.updateLast(e);
-		if (t.refiltered && (this.displayDataCache = null), t.to !== "shown") {
+		if (t.to !== "shown") {
 			this.takeLivePrice(e.close), t.to === "hidden" && this.scheduleRender();
 			return;
 		}
-		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.currentPriceLine.setPrice(e.close);
 		let n = this.series.bars();
 		this.recalcIndicatorsFrom(n, n.length - 1), this.followLivePrice(e.close), this.scheduleRender();
 	}
@@ -2125,7 +2611,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			this.takeLivePrice(e.price), t.to === "hidden" && this.scheduleRender();
 			return;
 		}
-		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.currentPriceLine.setPrice(e.price);
 		let n = this.series.bars();
 		this.recalcIndicatorsFrom(n, n.length - 1), this.followLivePrice(e.price), this.scheduleRender();
 	}
@@ -2136,7 +2622,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	showCorrection(e) {
 		let t = this.series.bars(), n = t[e];
-		this.displayDataCache = null, this.reshapeMemo.clear(), this.indicatorEngine.deferRecalculateFrom(t, e), this.announceIndicatorUpdate(e), e === t.length - 1 && (this.currentPriceLine.setPrice(n.close, t[e - 1]?.close), this.alertManager.seedLastValue("price", n.close)), this.refreshShownBar(e), this.eventBus.emit("dataUpdate", {
+		this.display.reset(), this.indicatorEngine.deferRecalculateFrom(t, e), this.announceIndicatorUpdate(e), e === t.length - 1 && (this.currentPriceLine.setPrice(n.close, t[e - 1]?.close), this.alertManager.seedLastValue("price", n.close)), this.refreshShownBar(e), this.eventBus.emit("dataUpdate", {
 			kind: "correction",
 			time: n.time,
 			index: e
@@ -2157,29 +2643,29 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	setChartType(e) {
 		let t = this.options.chartType ?? "candlestick";
-		this.options.chartType = e, this.themeManager.setChartType(e), this.chartRenderer = this.createChartRenderer(e), this.chartLegend.setChartType(e), this.displayDataCache = null, this.applyTimeSpacing(), this.updateViewportAndRender(!0), this.fitFewColumns(), this.markStateChanged(), e !== t && this.eventBus.emit("chartTypeChange", {
+		this.options.chartType = e, this.themeManager.setChartType(e), this.chartRenderer = this.createChartRenderer(e), this.display.invalidate(), this.chartLegend.setChartType(e), this.applyTimeSpacing(), this.updateViewportAndRender(!0), this.fitFewColumns(), this.markStateChanged(), e !== t && this.eventBus.emit("chartTypeChange", {
 			type: e,
 			previous: t
 		});
 	}
 	fitFewColumns() {
 		let e = this.options.chartType;
-		if (!L(e) || this.pluginManager.getChartType(e)) return;
+		if (!I(e) || this.pluginManager.getChartType(e)) return;
 		let t = this.getDisplayData().length, { chartRect: n, barWidth: r, barSpacing: i } = this.viewport.getState(), a = n.width / (r + i);
 		t > 0 && a > t + this.viewport.getRightMargin() && this.fitContent();
 	}
 	applyTimeSpacing() {
-		let e = !this.tickStream && !L(this.options.chartType);
+		let e = !this.tickStream && !I(this.options.chartType);
 		this.timeAxis.setTimesPastData(e), this.crosshairHandler.setTimesPastData(e);
 	}
 	setChartTypeOptions(e) {
 		this.chartTypeOptions = {
 			...this.chartTypeOptions,
-			...ae(e)
-		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.fitFewColumns(), this.a11y?.refresh(!0), this.markStateChanged();
+			...S(e)
+		}, this.updateViewportAndRender(!0), this.fitFewColumns(), this.a11y?.refresh(!0), this.markStateChanged();
 	}
 	getChartTypeOptions() {
-		return ae(this.chartTypeOptions);
+		return S(this.chartTypeOptions);
 	}
 	setExtendedHours(e) {
 		e !== this.extendedHours && (this.extendedHours = e, this.reapplyExtendedHours(), this.markStateChanged());
@@ -2188,18 +2674,18 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : $t(this.symbolInfo, e);
+		return this.extendedHours ? null : en(this.symbolInfo, e);
 	}
 	reapplyExtendedHours() {
 		if (!this.series.refilter()) return;
 		let e = this.series.bars();
-		this.crosshairHandler.setData(e), this.displayDataCache = null, this.reshapeMemo.clear(), this.sessionBreaks.invalidateCache(), this.recalcIndicators(e), this.updateViewportAndRender(!0), this.emitBars(e.length);
+		this.crosshairHandler.setData(e), this.display.reset(), this.sessionBreaks.invalidateCache(), this.recalcIndicators(e), this.updateViewportAndRender(!0), this.emitBars(e.length);
 	}
 	quoteLines() {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = ri(e);
+		let t = bi(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -2211,7 +2697,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = ni(e);
+			let t = yi(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -2245,11 +2731,11 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.priceLines.getBidAsk();
 	}
 	addIndicator(e, t, n = "bottom", r = {}) {
-		return this.recordIndicators(void 0, () => this.addIndicatorNow(e, t ?? {}, n, r));
+		return this.indicatorHistory.record(void 0, () => this.addIndicatorNow(e, t ?? {}, n, r));
 	}
 	addIndicatorNow(e, t, n, r) {
 		if (!this.isIndicatorAllowed(e)) return null;
-		let i = this.indicatorEngine.getAvailableIndicators().find((t) => t.id === e), a = i ? this.paneFor(i, t, r.pane) : null, o = this.indicatorEngine.addIndicator(e, t, this.indicatorBars(), {
+		let i = this.indicatorEngine.getAvailableIndicators().find((t) => t.id === e), a = i ? this.indicatorPanes.paneFor(i, t, r.pane) : null, o = this.indicatorEngine.addIndicator(e, t, this.indicatorBars(), {
 			...a ? { pane: a } : {},
 			...r.scale === "left" ? { scale: "left" } : {},
 			...r.instanceId ? { instanceId: r.instanceId } : {}
@@ -2260,67 +2746,41 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}), this.markStateChanged(), this.requestMissingSymbols(o), o;
 	}
 	setSymbolSeries(e, t) {
-		e = e.trim(), this.symbolSeries.set(e, t), this.requestedSymbols.delete(e);
-		let n = this.indicatorBars(), r = !1;
-		for (let t of this.indicatorEngine.getActiveIndicators()) !O.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
-		r && (this.announceIndicatorUpdate(0), this.updateViewportAndRender());
-	}
-	forgetUnreadSymbols() {
-		let e = new Set(this.getRequiredSymbols());
-		for (let t of this.requestedSymbols) e.has(t) || this.requestedSymbols.delete(t);
+		e = e.trim(), this.symbolSeries.set(e, t), this.symbolRequests.given(e);
+		let n = this.symbolRequests.readersOf(e);
+		if (n.length === 0) return;
+		let r = this.indicatorBars();
+		for (let e of n) this.indicatorEngine.updateIndicator(e, {}, r);
+		this.announceIndicatorUpdate(0), this.updateViewportAndRender();
 	}
 	getSymbolSeries(e) {
 		return this.symbolSeries.get(e) ?? null;
 	}
 	getRequiredSymbols() {
-		let e = /* @__PURE__ */ new Set();
-		for (let t of this.indicatorEngine.getActiveIndicators()) {
-			let n = t.params.symbol;
-			O.has(t.id) && typeof n == "string" && n.trim() && e.add(n.trim());
-		}
-		return [...e];
+		return this.symbolRequests.required();
 	}
 	requestMissingSymbols(e) {
-		this.forgetUnreadSymbols();
-		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && O.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
-		!n || this.symbolSeries.has(n) || this.requestedSymbols.has(n) || (this.requestedSymbols.add(n), this.eventBus.emit("symbolSeriesRequest", { symbol: n }));
+		let t = this.symbolRequests.toAsk(e);
+		t && this.eventBus.emit("symbolSeriesRequest", { symbol: t });
 	}
 	updateIndicator(e, t) {
-		this.recordIndicators(e, () => this.updateIndicatorNow(e, t));
+		this.indicatorHistory.record(e, () => this.updateIndicatorNow(e, t));
 	}
 	updateIndicatorNow(e, t) {
-		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? M(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
+		let n = this.indicatorPanes.sourceOf(e);
 		this.indicatorEngine.updateIndicator(e, t, this.indicatorBars()), this.announceIndicatorUpdate(0), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "params"
-		}), this.requestMissingSymbols(e);
-		let a = this.indicatorEngine.getIndicatorConfig(e);
-		if (n?.placement === "overlay" && a && r && a.params[r] !== i) {
-			let t = x(a.params[r]), n = t ? this.paneHostOf(t.instanceId, e) : x(i) ? null : a.pane ?? null;
-			(n ?? void 0) !== a.pane && (this.indicatorEngine.setPane(e, n), this.eventBus.emit("indicatorChange", {
-				instanceId: e,
-				change: "pane"
-			}));
-		}
-		this.updateViewportAndRender();
-	}
-	paneFor(e, t, n, r) {
-		if (n) return this.paneHostOf(n, r);
-		if (e.placement !== "overlay") return null;
-		let i = M(e), a = i ? x(t[i]) : null;
-		return a ? this.paneHostOf(a.instanceId, r) : null;
-	}
-	paneHostOf(e, t) {
-		if (e === t) return null;
-		if (this.layoutManager.getPanels().some((t) => t.id === e)) return e;
-		let n = this.indicatorEngine.getIndicatorConfig(e)?.pane;
-		return n && n !== t ? n : null;
+		}), this.requestMissingSymbols(e), this.indicatorPanes.followSource(e, n) && this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "pane"
+		}), this.updateViewportAndRender();
 	}
 	getIndicatorLevels(e) {
 		return this.indicatorEngine.getLevels(e);
 	}
 	setIndicatorScale(e, t) {
-		return this.recordIndicators(e, () => this.setIndicatorScaleNow(e, t));
+		return this.indicatorHistory.record(e, () => this.setIndicatorScaleNow(e, t));
 	}
 	setIndicatorScaleNow(e, t) {
 		return this.indicatorEngine.setScale(e, t) ? (this.updateViewportAndRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
@@ -2353,8 +2813,8 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * Br,
-				max: t.max + n * Br
+				min: t.min - n * li,
+				max: t.max + n * li
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -2365,7 +2825,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		};
 	}
 	setIndicatorLevels(e, t) {
-		this.recordIndicators(e, () => this.setIndicatorLevelsNow(e, t));
+		this.indicatorHistory.record(e, () => this.setIndicatorLevelsNow(e, t));
 	}
 	setIndicatorLevelsNow(e, t) {
 		this.indicatorEngine.setLevels(e, t) && (this.updateViewportAndRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
@@ -2374,10 +2834,10 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}));
 	}
 	removeIndicator(e) {
-		this.recordIndicators(void 0, () => this.removeIndicatorNow(e));
+		this.indicatorHistory.record(void 0, () => this.removeIndicatorNow(e));
 	}
 	removeIndicators(e) {
-		this.recordIndicators(void 0, () => {
+		this.indicatorHistory.record(void 0, () => {
 			for (let t of e) this.removeIndicatorNow(t);
 		});
 	}
@@ -2388,16 +2848,10 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		this.markStateChanged(), this.updateViewportAndRender();
 	}
 	detachIndicator(e) {
-		if (!this.indicatorEngine.getIndicatorConfig(e)) return;
-		let t = this.layoutManager.getPanels().find((t) => t.id === e), n = this.indicatorEngine.getPaneMembers(e), r = t ? n.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null : null;
-		this.indicatorEngine.removeIndicator(e);
-		let i = this.paneStyles.get(e);
-		this.paneStyles.delete(e), r ? (this.indicatorEngine.setPane(r, null), this.renamePane(e, r), i && this.paneStyles.set(r, i)) : this.layoutManager.removePanel(e);
-		for (let e of n) e !== r && this.indicatorEngine.setPane(e, r), this.eventBus.emit("indicatorChange", {
+		this.indicatorPanes.detach(e, (e) => this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "pane"
-		});
-		this.eventBus.emit("indicatorRemove", { instanceId: e }), this.forgetUnreadSymbols();
+		})) && (this.eventBus.emit("indicatorRemove", { instanceId: e }), this.symbolRequests.forgetUnread());
 	}
 	getIndicatorStyle(e) {
 		return this.indicatorEngine.getIndicatorStyle(e);
@@ -2407,21 +2861,21 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			this.indicatorEngine.setStyleDefaults(e, null);
 			return;
 		}
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : oe(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.setStyleDefaults(e, {
 			...r,
 			...i ? { plots: i } : {}
 		});
 	}
 	setPaneStyle(e, t) {
-		let n = this.paneOf(e);
-		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? se(t) : null));
+		let n = this.indicatorPanes.paneOf(e);
+		this.layoutManager.getPanels().some((e) => e.id === n) && this.indicatorHistory.record(n, () => this.setPaneStyleNow(n, t ? oe(t) : null));
 	}
 	setPaneStyleNow(e, t) {
-		JSON.stringify(t) !== JSON.stringify(this.paneStyles.get(e) ?? null) && (t ? this.paneStyles.set(e, t) : this.paneStyles.delete(e), this.panelInfoCache = null, this.syncRenderContext(), this.engine.requestRender(), this.markStateChanged());
+		this.panes.setStyle(e, t) && (this.syncRenderContext(), this.engine.requestRender(), this.markStateChanged());
 	}
 	getPaneStyle(e) {
-		let t = this.paneStyles.get(this.paneOf(e));
+		let t = this.panes.style(this.indicatorPanes.paneOf(e));
 		return t ? { ...t } : null;
 	}
 	getIndicatorOutput(e) {
@@ -2434,8 +2888,8 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new Ve();
-		return Vt(e), e.getAvailableIndicators();
+		let e = new Be();
+		return Ht(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
@@ -2450,96 +2904,52 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}), this.markStateChanged();
 	}
 	moveIndicatorToPane(e, t) {
-		return this.recordIndicators(e, () => this.moveIndicatorToPaneNow(e, t));
+		return this.indicatorHistory.record(e, () => this.moveIndicatorToPaneNow(e, t));
 	}
 	canMoveIndicatorToPane(e, t) {
-		return this.paneMoveHost(e, t) !== void 0;
-	}
-	paneMoveHost(e, t) {
-		let n = this.indicatorEngine.getIndicatorConfig(e), r = this.indicatorEngine.getIndicatorDescriptor(e);
-		if (!n || !r) return;
-		let i = M(r);
-		if (r.placement === "overlay" && i && x(n.params[i])) return;
-		if (t === "price") return r.placement === "overlay" && n.pane ? null : void 0;
-		if (t === "new") {
-			let t = this.layoutManager.getPanels().some((t) => t.id === e);
-			return r.placement === "panel" && !t ? null : void 0;
-		}
-		let a = this.paneHostOf(t, e);
-		return a && a !== n.pane && a !== e ? a : void 0;
+		return this.indicatorPanes.moveHost(e, t) !== void 0;
 	}
 	moveIndicatorToPaneNow(e, t) {
-		let n = this.paneMoveHost(e, t), r = this.indicatorEngine.getIndicatorConfig(e);
-		if (n === void 0 || !r) return !1;
-		let i = r.pane, a = this.layoutManager.getPanels().some((t) => t.id === e), o = new Set([e]);
-		if (a) {
-			let t = this.indicatorEngine.getPaneMembers(e), r = new Set(this.indicatorEngine.getDependents(e)), i = t.filter((e) => !r.has(e)), a = i.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null, s = this.paneStyles.get(e);
-			if (this.paneStyles.delete(e), a) {
-				this.indicatorEngine.setPane(a, null), this.renamePane(e, a), s && this.paneStyles.set(a, s);
-				for (let e of i) e !== a && this.indicatorEngine.setPane(e, a);
-			} else {
-				this.layoutManager.removePanel(e);
-				for (let e of i) this.indicatorEngine.setPane(e, null);
-			}
-			this.panelInfoCache = null;
-			for (let i of t) r.has(i) && this.indicatorEngine.setPane(i, n ?? e), o.add(i);
-		}
-		if (this.indicatorEngine.setPane(e, n), t === "new") {
-			this.layoutManager.addPanel(e, "bottom");
-			for (let t of this.indicatorEngine.getDependents(e)) this.indicatorEngine.getIndicatorConfig(t)?.pane === i && (this.indicatorEngine.setPane(t, e), o.add(t));
-		}
-		for (let e of o) this.eventBus.emit("indicatorChange", {
+		let n = this.indicatorPanes.move(e, t);
+		if (!n) return !1;
+		for (let e of n) this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "pane"
 		});
 		return this.updateViewportAndRender(), this.markStateChanged(), !0;
 	}
 	setPaneCollapsed(e, t) {
-		let n = this.paneOf(e);
-		return this.recordIndicators(n, () => this.paneChange(n, "collapsed", () => this.layoutManager.setPanelCollapsed(n, t)));
+		let n = this.indicatorPanes.paneOf(e);
+		return this.indicatorHistory.record(n, () => this.paneChange(n, "collapsed", () => this.layoutManager.setPanelCollapsed(n, t)));
 	}
 	isPaneCollapsed(e) {
-		return this.layoutManager.isPanelShownCollapsed(this.paneOf(e));
+		return this.layoutManager.isPanelShownCollapsed(this.indicatorPanes.paneOf(e));
 	}
 	setMaximizedPane(e) {
-		let t = e === null ? null : this.paneOf(e), n = t ?? this.layoutManager.getMaximizedPanel() ?? "";
-		return this.recordIndicators(n, () => this.paneChange(n, "maximized", () => this.layoutManager.setMaximizedPanel(t)));
+		let t = e === null ? null : this.indicatorPanes.paneOf(e), n = t ?? this.layoutManager.getMaximizedPanel() ?? "";
+		return this.indicatorHistory.record(n, () => this.paneChange(n, "maximized", () => this.layoutManager.setMaximizedPanel(t)));
 	}
 	getMaximizedPane() {
 		return this.layoutManager.getMaximizedPanel();
 	}
 	setPaneScale(e, t) {
-		let n = this.paneOf(e);
-		return this.recordIndicators(n, () => this.paneChange(n, "scale", () => this.layoutManager.setPanelScale(n, t)));
+		let n = this.indicatorPanes.paneOf(e);
+		return this.indicatorHistory.record(n, () => this.paneChange(n, "scale", () => this.layoutManager.setPanelScale(n, t)));
 	}
 	getPaneScale(e) {
-		let t = this.layoutManager.getPanels().find((t) => t.id === this.paneOf(e));
+		let t = this.layoutManager.getPanels().find((t) => t.id === this.indicatorPanes.paneOf(e));
 		return {
 			log: !!t?.logScale,
 			invert: !!t?.invertScale,
 			percent: !!t?.percentScale
 		};
 	}
-	paneBaseline(e, t, n) {
-		let r = this.indicatorEngine.getOutput(e)?.series, i = this.indicatorEngine.getIndicatorDescriptor(e);
-		if (!r || !i) return;
-		let a = i.plots?.[0]?.key;
-		for (let e = Math.max(0, t); e <= n && e < r.length; e++) {
-			let t = r[e];
-			if (!t) continue;
-			let n = a === void 0 ? Object.values(t).find((e) => typeof e == "number" && Number.isFinite(e)) : t[a];
-			if (typeof n == "number" && Number.isFinite(n) && n !== 0) return n;
-		}
-	}
 	movePane(e, t) {
-		let n = this.paneOf(e);
-		return this.recordIndicators(n, () => this.paneChange(n, "order", () => this.layoutManager.movePanel(n, t)));
+		let n = this.indicatorPanes.paneOf(e);
+		return this.indicatorHistory.record(n, () => this.paneChange(n, "order", () => this.layoutManager.movePanel(n, t)));
 	}
 	canMovePane(e, t) {
-		return this.layoutManager.canMovePanel(this.paneOf(e), t);
-	}
-	paneOf(e) {
-		return this.indicatorEngine.getIndicatorConfig(e)?.pane ?? e;
+		return this.layoutManager.canMovePanel(this.indicatorPanes.paneOf(e), t);
 	}
 	paneChange(e, t, n) {
 		return n() ? (this.updateViewportAndRender(), this.eventBus.emit("paneChange", {
@@ -2594,12 +3004,12 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}), n;
 	}
 	isTimeAligned() {
-		return L(this.options.chartType) ? !1 : this.getDisplayData().length === this.series.length();
+		return I(this.options.chartType) ? !1 : this.getDisplayData().length === this.series.length();
 	}
 	roundPrice(e) {
 		if (!Number.isFinite(e)) return e;
 		let t = this.stepAt(e);
-		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(ue(t)));
+		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(le(t)));
 		let { min: n, max: r } = this.viewport.getState().priceRange;
 		return Number(e.toFixed(this.marketPricePrecision ?? c(n, r)));
 	}
@@ -2683,7 +3093,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = jt(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = Mt(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -2696,9 +3106,9 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.drawingManager.removeDrawings(e);
 	}
 	nudgeSelectedDrawings(e) {
-		let t = Jr[e.key];
+		let t = pi[e.key];
 		if (!t || !this.features.drawings || e.ctrlKey || e.metaKey || e.altKey) return !1;
-		let n = e.shiftKey ? qr : 1, r = {
+		let n = e.shiftKey ? fi : 1, r = {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
@@ -2792,7 +3202,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	recordUndo(e) {
 		if (!this.features.drawingUndoRedo || typeof e?.undo != "function" || typeof e.redo != "function") return;
 		let t = performance.now(), n = this.undoRedoManager.last();
-		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < Hr) {
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < 800) {
 			this.undoRedoManager.replaceLast({
 				...n,
 				custom: {
@@ -2839,7 +3249,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = Xt(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = F(t.x, n)), e === "pane") {
+		if ((e === "plot" || e === "priceAxis") && (r.price = Zt(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = P(t.x, n)), e === "pane") {
 			let e = this.getIndicatorPanes().find((e) => t.y >= e.rect.y && t.y <= e.rect.y + e.rect.height);
 			e && (r.pane = e.instanceId);
 		}
@@ -2847,7 +3257,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	applyPriceAxisAdd() {
 		let e = this.features.priceAxisAddButton && this.features.crosshair;
-		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Ye : 0);
+		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Je : 0);
 	}
 	setPriceAxisAddButton(e) {
 		this.features.priceAxisAddButton = e, this.applyPriceAxisAdd(), this.engine.requestRender(r.Overlay);
@@ -2869,7 +3279,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
-		this.setVisibleRange(F(e.x0, t), F(e.x1, t));
+		this.setVisibleRange(P(e.x0, t), P(e.x1, t));
 	}
 	lockAllDrawings() {
 		this.drawingManager.lockAllDrawings();
@@ -2914,7 +3324,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		for (let e of this.indicatorEngine.getActiveIndicators()) {
 			let t = this.indicatorEngine.getOutput(e.instanceId)?.series;
 			if (!t) continue;
-			let r = un(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
+			let r = dn(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
 				key: e,
 				title: e
 			}));
@@ -2938,11 +3348,11 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	getExportText(e = "csv", t = {}) {
 		let { bars: n, columns: r } = this.getExportData(t);
-		return e === "json" ? E.toJSON(n, r) : E.toCSV(n, r);
+		return e === "json" ? D.toJSON(n, r) : D.toCSV(n, r);
 	}
 	download(e, t, n) {
 		let r = this.getExportText(e, n);
-		e === "json" ? E.download(r, t ?? "chart-data.json", "application/json") : E.download(r, t ?? "chart-data.csv", "text/csv");
+		e === "json" ? D.download(r, t ?? "chart-data.json", "application/json") : D.download(r, t ?? "chart-data.csv", "text/csv");
 	}
 	setAutoSave(e, t = 5e3) {
 		this.autoSaveScheduler.enable(e, t);
@@ -2973,7 +3383,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.indicatorEngine.getActiveIndicators();
 	}
 	setIndicatorVisible(e, t) {
-		this.recordIndicators(e, () => this.setIndicatorVisibleNow(e, t));
+		this.indicatorHistory.record(e, () => this.setIndicatorVisibleNow(e, t));
 	}
 	setIndicatorVisibleNow(e, t) {
 		this.indicatorEngine.setVisible(e, t) !== null && (this.updateViewportAndRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
@@ -2982,7 +3392,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}));
 	}
 	setIndicatorIntervals(e, t) {
-		this.recordIndicators(e, () => this.setIndicatorIntervalsNow(e, t));
+		this.indicatorHistory.record(e, () => this.setIndicatorIntervalsNow(e, t));
 	}
 	setIndicatorIntervalsNow(e, t) {
 		this.indicatorEngine.setIntervals(e, t) && (this.updateViewportAndRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
@@ -3001,10 +3411,10 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		} : null;
 	}
 	updateIndicatorStyle(e, t) {
-		this.recordIndicators(e, () => this.updateIndicatorStyleNow(e, t));
+		this.indicatorHistory.record(e, () => this.updateIndicatorStyleNow(e, t));
 	}
 	updateIndicatorStyleNow(e, t) {
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : oe(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.updateIndicatorStyle(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -3126,29 +3536,29 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	async connect(e) {
 		let t = {
 			...e,
-			adapter: Ht(e),
+			adapter: Ut(e),
 			feed: void 0
 		};
-		if (!j(t.adapter, t.timeframe)) throw RangeError(`${t.adapter.name} cannot serve the ${t.timeframe} timeframe`);
+		if (!A(t.adapter, t.timeframe)) throw RangeError(`${t.adapter.name} cannot serve the ${t.timeframe} timeframe`);
 		this.snapshotKey = null, this.holdReplayFor(t.symbol), this.disconnectStream(), this.streamManager = new _t(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (e) => {
 			let n = this.streamSeriesKey(t.adapter);
 			n === this.snapshotKey && this.replaySession ? this.series.mergeSnapshot(e) : n === this.snapshotKey && this.series.length() > 0 ? this.mergeSnapshot(e) : (this.replaySession && this.useStreamHistory(t.adapter, t.historyPageSize, !1), this.setData(e)), this.snapshotKey = n, this.useStreamHistory(t.adapter, t.historyPageSize);
 		}), this.streamManager.on("barClose", (e) => {
 			if (!R(e)) return;
 			let t = this.series.placeStreamBar(e);
-			if (t.refiltered && (this.displayDataCache = null), t.to === "none") {
+			if (t.to === "none") {
 				this.updateBar(e);
 				return;
 			}
 			if (t.to === "aside" && this.followLivePrice(e.close), t.to !== "shown") return;
 			let n = this.autoScrollOnNewBar && this.viewport.isAtEnd(), r = t.before, i = this.series.bars();
-			this.crosshairHandler.setData(i), this.displayDataCache = null, this.recalcIndicatorsFrom(i, i.length - 2), this.updateViewportAndRender(n), i.length !== r && this.emitBars(i.length), this.followLivePrice(e.close);
+			this.crosshairHandler.setData(i), this.recalcIndicatorsFrom(i, i.length - 2), this.updateViewportAndRender(n), i.length !== r && this.emitBars(i.length), this.followLivePrice(e.close);
 		}), this.streamManager.on("barCorrection", (e) => {
 			this.updateBar(e);
 		}), this.streamManager.on("barUpdate", (e) => {
 			if (!R(e)) return;
 			let t = this.series.placeStreamBar(e);
-			if (t.refiltered && (this.displayDataCache = null), t.to === "none" || (this.replaySession || this.currentPriceLine.setPrice(e.close), this.replaySession)) return;
+			if (t.to === "none" || (this.replaySession || this.currentPriceLine.setPrice(e.close), this.replaySession)) return;
 			let n = t.before;
 			if (t.to !== "shown") {
 				this.scheduleRender();
@@ -3186,18 +3596,18 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}), this.streamManager.on("symbolInfo", (e) => this.applyFeedSymbolInfo(e)), this.autoScrollOnNewBar = t.autoScroll !== !1, this.setStreamTarget(t.symbol, t.timeframe), this.streamAdapter = t.adapter;
 		let n = this.streamManager;
 		if (this.resolveStreamSymbol(t.adapter, t.symbol), await n.connect(t), this.streamManager !== n) return;
-		let i = w(t.timeframe);
+		let i = T(t.timeframe);
 		this.barCountdown.setTimeframeMs(i), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
 			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
 	}
 	streamSeriesKey(e) {
-		let t = P(e), n = this.streamTimeframe, r = t instanceof ct && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		let t = N(e), n = this.streamTimeframe, r = t instanceof st && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
 		return `${this.currentSymbol}|${n}|${r?.timeZone ?? ""}`;
 	}
 	setStreamTarget(e, t) {
 		let n = this.announcedSymbol;
-		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = de(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
+		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = ue(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
 			symbol: e,
 			previous: n
 		})), this.useTimeframe(t);
@@ -3215,8 +3625,8 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !j(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
-		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(w(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
+		if (n && !A(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
+		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(T(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isIndicatorAllowed(e) {
 		let t = this.features.indicatorIds;
@@ -3235,7 +3645,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = gr(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = Br(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -3311,14 +3721,6 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	comparesDrawn() {
 		return this.isTimeAligned();
 	}
-	panesOffChartType() {
-		let e = this.indicatorEngine.getActiveIndicators(), t = new Set(e.filter((e) => e.offChartType).map((e) => e.instanceId)), n = /* @__PURE__ */ new Set();
-		for (let r of this.layoutManager.getPanels()) {
-			let i = e.filter((e) => e.instanceId === r.id || e.pane === r.id);
-			i.length > 0 && i.every((e) => t.has(e.instanceId)) && n.add(r.id);
-		}
-		return n;
-	}
 	clearCompareSymbols() {
 		let e = this.compareRenderer.getSymbols().map((e) => e.id);
 		this.compareRenderer.clear(), this.updateViewportAndRender();
@@ -3368,18 +3770,18 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	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(N(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
+		let n = Math.max(0, Math.min(t.length - 1, Math.floor(M(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
 		return this.viewport.scrollBy(i - r.offset), this.updateViewportAndRender(), n;
 	}
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = u(t), i = Rt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		let n = t.length - 1, r = u(t), i = zt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
 		if (a === null || a < t[0].time) {
 			this.fitContent();
 			return;
 		}
-		let o = N(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
+		let o = M(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
 		this.viewport.zoomToBarRange(s, n + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender();
 	}
 	scrollToEnd() {
@@ -3404,7 +3806,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	setVisibleRange(e, t) {
 		let n = this.getDisplayData();
 		if (n.length === 0) return;
-		let r = N(Math.min(e, t), n), i = N(Math.max(e, t), n);
+		let r = M(Math.min(e, t), n), i = M(Math.max(e, t), n);
 		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
 	}
 	suspend() {
@@ -3544,13 +3946,13 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}), this.engine.requestRender(r.Background);
 	}
 	setAutoScale(e) {
-		this.options.autoScale = e, this.defaultAutoScale = e, !e && this.series.length() > 0 && (this.seriesArriving = !1), this.updateViewportAndRender();
+		this.priceFit.setAuto(e, this.series.length() > 0), this.updateViewportAndRender();
 	}
 	holdPriceScale() {
-		this.options.autoScale = !1, this.priceFitPending = !1;
+		this.priceFit.hold();
 	}
 	isAutoScale() {
-		return this.options.autoScale !== !1;
+		return this.priceFit.isAuto();
 	}
 	setCrosshairMode(e) {
 		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Hover);
@@ -3562,7 +3964,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		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(N(e, t));
+		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(M(e, t));
 		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.showSyncedBar(n), this.engine.requestRender(r.Hover));
 	}
 	showSyncedBar(e) {
@@ -3572,7 +3974,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}
 		let t = this.crosshairSeries(), n = e >= 0 && e < t.length ? t[e] : void 0, r = n && e > 0 ? t[e - 1] : void 0;
 		this.crosshairHandler.getPosition() || this.chartLegend.setHoverBar(n ?? null, r ?? null);
-		let i = n ? A(t)[e]?.time ?? n.time : void 0;
+		let i = n ? At(t)[e]?.time ?? n.time : void 0;
 		this.eventBus.emit("crosshairSync", {
 			barIndex: e,
 			...n ? { bar: n } : {},
@@ -3651,7 +4053,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.periodLevels.getPeriod();
 	}
 	setTimeZone(e) {
-		Rr(e), this.timeZoneSetting = e, this.applyTimeZone();
+		si(e), this.timeZoneSetting = e, this.applyTimeZone();
 	}
 	getTimeZone() {
 		return this.timeZoneSetting;
@@ -3660,7 +4062,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.displayTz;
 	}
 	getExchangeTimeZone() {
-		return [C(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && y(e)) ?? null;
+		return [w(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && y(e)) ?? null;
 	}
 	setTimezone(e) {
 		this.setTimeZone(e);
@@ -3702,7 +4104,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	spokenBarTime(e) {
 		let t = this.getDisplayData(), n = e * u(t), r = this.numberLocale || "en-US";
-		return d(t) === !0 ? fe(r, { dateStyle: "medium" }, l(n, this.displayTz, this.getExchangeTimeZone()))(n) : fe(r, {
+		return d(t) === !0 ? de(r, { dateStyle: "medium" }, l(n, this.displayTz, this.getExchangeTimeZone()))(n) : de(r, {
 			dateStyle: "medium",
 			timeStyle: "short"
 		}, this.displayTz)(n);
@@ -3715,18 +4117,18 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		this.studyZoneHeld = !1, this.endStudyZoneWait(), this.useSymbolInfo(e);
 	}
 	useSymbolInfo(e) {
-		let t = e && this.symbolInfo?.symbol === e.symbol ? C(this.symbolInfo) : void 0;
-		this.symbolInfo = e ? zr({
+		let t = e && this.symbolInfo?.symbol === e.symbol ? w(this.symbolInfo) : void 0;
+		this.symbolInfo = e ? ci({
 			...e,
 			sessions: e.sessions?.map((e) => ({ ...e }))
 		}, t) : null, this.chartLegend.setExchange(this.symbolInfo?.exchange ?? ""), this.engine.requestRender(r.Hover), this.priceAxis.setPriceTick(this.symbolInfo?.minTick ?? null), this.marketConfig?.pricePrecision === void 0 && this.applyPricePrecision(this.symbolInfo?.pricePrecision ?? null);
 		let n = (this.symbolInfo?.sessions ?? []).flatMap((e) => {
-			let t = S(e.start), n = S(e.end);
+			let t = C(e.start), n = C(e.end);
 			return t === null || n === null ? [] : [{
 				startMinute: t,
 				endMinute: n
 			}];
-		}), i = C(this.symbolInfo);
+		}), i = w(this.symbolInfo);
 		this.sessionShading.replaceConfig(n.length > 0 && i && y(i) ? {
 			timeZone: i,
 			windows: n,
@@ -3741,15 +4143,15 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		if (!e || typeof e != "object") return;
 		let t = this.currentSymbol, n = (e) => !e || e.toUpperCase() === t.toUpperCase();
 		if (!n(e.symbol)) return;
-		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = zr({
+		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = ci({
 			...r,
 			...e,
 			symbol: e.symbol || r?.symbol || t
-		}, C(r));
+		}, w(r));
 		r && JSON.stringify(i) === JSON.stringify(r) || (this.symbolInfoSeq++, this.setSymbolInfo(i));
 	}
 	resolveStreamSymbol(e, t) {
-		let n = P(e), r = n.resolveSymbol?.bind(n);
+		let n = N(e), r = n.resolveSymbol?.bind(n);
 		if (this.symbolInfo && this.symbolInfo.symbol !== t ? (r ? this.holdStudyZone() : this.studyZoneHeld = !1, this.useSymbolInfo(null)) : r && this.studyZoneHeld && this.holdStudyZone(), !r) {
 			this.releaseStudyZone();
 			return;
@@ -3780,7 +4182,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = It(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
+		this.hostSessionHours = Lt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
 	}
 	setTooltipVisible(e) {
 		e || this.crosshairTooltip.hide();
@@ -3802,11 +4204,11 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		return this.waitForGpu(null), e === "canvas" ? (this.applyRenderer(null), "canvas") : this.engine.getGpu() ? "webgl" : this.takeGpu(e, t, !0);
 	}
 	async takeGpu(e, t, n) {
-		let { gpu: r, reason: i } = await Ft(e);
-		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Mt() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
+		let { gpu: r, reason: i } = await It(e);
+		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Nt() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
 	}
 	waitForGpu(e) {
-		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? Jt(e) : null;
+		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? Yt(e) : null;
 	}
 	getRenderer() {
 		return this.engine.getGpu() ? "webgl" : "canvas";
@@ -3985,24 +4387,24 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = di(this.currentSymbol);
+			this.series.beginReplay(), this.replaySession = Ti(this.currentSymbol);
 		}
 		let n = this.replaySession, { steps: r, startTime: i, hideHistory: a, revealMarks: o, step: s, ...c } = e ?? {};
 		c.animate = c.animate === !0;
 		let l = this.series.inHoursShown(this.series.liveBars()), u = t > 0 && i === void 0 && a !== !1, d = c.startIndex;
-		i !== void 0 && d === void 0 ? d = Y(l, i) : u && d !== void 0 && (d += t);
+		i !== void 0 && d === void 0 ? d = X(l, i) : u && d !== void 0 && (d += t);
 		let f = u ? t : a && d !== void 0 && d > 0 ? Math.min(Math.floor(d), l.length - 1) : 0, p = f > 0 ? l.slice(f) : l;
 		d !== void 0 && (c.startIndex = d - f), n.windowTime = f > 0 ? p[0]?.time ?? null : null, n.steps = r ?? null, n.stepsSymbol = this.currentSymbol, n.until = null, n.animate = c.animate, n.step = c.animate ? s ?? null : null, this.replayRevealMarks = o !== !1, this.useReplayLoader(n, !0);
 		let m = r ? this.replayStepsOver(n, p, !0) : null;
-		this.options.autoScale = !0, this.buildReplay(p, m, f);
+		this.priceFit.resume(), this.buildReplay(p, m, f);
 		let h = this.replayStepsSeries;
-		h && c.startIndex !== void 0 && (c.startIndex = bi(h, p, c.startIndex));
+		h && c.startIndex !== void 0 && (c.startIndex = Fi(h, p, c.startIndex));
 		let g = h ?? p, _ = g[Math.max(0, Math.min(Math.floor(Number(c.startIndex ?? 0)) || 0, g.length - 1))];
 		this.revealReplayMarks(this.replayRevealMarks ? _?.time ?? null : null), n.held && (n.held.state = c.paused ? "paused" : "playing", c.paused = !0), !c.paused && c.startIndex !== void 0 && c.startIndex >= 1 && this.replaySeek(c.startIndex - 1), this.replayManager.play(c);
 	}
 	buildReplay(e, t, n) {
 		let r = this.replaySession?.animate === !0, i = r ? null : t;
-		this.replayPieces = r && t ? Ci(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		this.replayPieces = r && t ? Ri(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
 		let a = this.replayRestarting;
 		this.replayRestarting = !0;
 		try {
@@ -4016,7 +4418,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			let n = t, a = e[t];
 			if (i) {
 				let r = i[t];
-				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Ti(c, r) : xi(e[n], i, t), a = Si(i, e, t, n) ? e[n] : c;
+				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Bi(c, r) : Ii(e[n], i, t), a = Li(i, e, t, n) ? e[n] : c;
 			}
 			let u = this.replayForming;
 			this.replayForming = null, s = t;
@@ -4028,7 +4430,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			} else this.series.showReplayed([...e.slice(0, n), a]), this.recalcIndicators(this.series.bars());
 			o = d, this.replayCause === "older" && (this.viewport.prependBars(d - h), m = !1), this.currentPriceLine.setPrice(a.close, n > 0 ? e[n - 1].close : void 0), this.crosshairHandler.setData(this.series.bars());
 			let g = l[t + 1]?.time ?? l[t].time + (t > 0 ? l[t].time - l[t - 1].time : 1);
-			this.replaySession && (this.replaySession.until = g), this.replayRevealMarks && this.revealReplayMarks(g), this.displayDataCache = null, this.reshapeMemo.clear(), this.updateViewportAndRender(m), r ? this.feedReplayForming(e, t, u?.index === t ? u.path : this.replayPathOf(e, t), 1) : this.feedReplaySteps(l, t);
+			this.replaySession && (this.replaySession.until = g), this.replayRevealMarks && this.revealReplayMarks(g), this.display.reset(), this.updateViewportAndRender(m), r ? this.feedReplayForming(e, t, u?.index === t ? u.path : this.replayPathOf(e, t), 1) : this.feedReplaySteps(l, t);
 			let _ = this.replayCause === null ? p ? "play" : "seek" : "series";
 			this.eventBus.emit("replayStep", {
 				barIndex: n,
@@ -4040,7 +4442,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			});
 		}), r && (this.replayPhaseUnsub = this.replayManager.on("phase", ({ index: t, fraction: n }) => {
 			if (!e[t] || this.series.length() !== o || o !== t && o !== t + 1) return;
-			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = wi() ? jr(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = Ar(r, i);
+			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = zi() ? ti(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = ei(r, i);
 			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
 				index: t,
 				path: r
@@ -4050,30 +4452,30 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	drawFormingBar(e, t, n, r) {
 		this.currentPriceLine.setPrice(e.close, t);
 		let i = this.series.bars();
-		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !si.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
+		if (this.recalcIndicatorsFrom(i, i.length - 1), !n) {
 			this.scheduleRender();
 			return;
 		}
-		this.crosshairHandler.setData(i), this.reshapeMemo.clear(), this.updateViewportAndRender(r);
+		this.crosshairHandler.setData(i), this.display.reset(), this.updateViewportAndRender(r);
 	}
 	replayPathOf(e, t) {
 		let n = e[t];
-		return Tr(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
+		return Yr(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
 	}
 	loadReplaySteps(e, t) {
 		let n = this.replayLoader?.loader;
 		if (!n) return;
 		n.evictBefore(e[t].time);
 		let r = this.replayManager.getStepMs();
-		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(oi / r) : 1);
+		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(xi / r) : 1);
 	}
 	useReplayLoader(e, t) {
-		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? Pr(e.step, r, (e) => j(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
+		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? ii(e.step, r, (e) => A(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
 		if (!t && this.replayLoader?.key === a || (this.replayLoader?.loader.dispose(), this.replayLoader = null, !i || !n || r === null)) return;
-		let o = P(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = w(r), u = new vr({
+		let o = N(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = T(r), u = new Hr({
 			source: s ? (e, t) => s.call(o, c, i, e, t) : null,
 			step: i,
-			ratio: Math.max(1, Math.round(l / w(i))),
+			ratio: Math.max(1, Math.round(l / T(i))),
 			barMs: l,
 			keep: (e) => this.series.inHoursShown(e),
 			report: (e) => this.eventBus.emit("replayStepsLoad", e)
@@ -4088,18 +4490,18 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		if (!i || !a?.setMarkPrice || !o) return;
 		let s = i.fedTime;
 		if (s === null) {
-			i.fedTime = o.time, i.fedFraction = r, this.feedReplayPrice(Ar(n, r).close, o.time);
+			i.fedTime = o.time, i.fedFraction = r, this.feedReplayPrice(ei(n, r).close, o.time);
 			return;
 		}
 		if (o.time < s || o.time === s && r <= i.fedFraction) return;
 		let c = [];
 		if (o.time > s) {
-			let a = Y(e, s);
-			e[a]?.time === s && i.fedFraction < 1 && c.push(...q(this.replayPathOf(e, a), i.fedFraction, 1));
-			let o = e.slice(X(e, s), t), l = Math.ceil(o.length / _i);
-			for (let e = 0; e < o.length; e += l) c.push(...vi(o.slice(e, e + l)));
-			c.push(...q(n, -1, r));
-		} else c.push(...q(n, i.fedFraction, r));
+			let a = X(e, s);
+			e[a]?.time === s && i.fedFraction < 1 && c.push(...J(this.replayPathOf(e, a), i.fedFraction, 1));
+			let o = e.slice(Z(e, s), t), l = Math.ceil(o.length / ji);
+			for (let e = 0; e < o.length; e += l) c.push(...Mi(o.slice(e, e + l)));
+			c.push(...J(n, -1, r));
+		} else c.push(...J(n, i.fedFraction, r));
 		i.fedTime = o.time, i.fedFraction = r;
 		for (let [e, t] of c) a.setMarkPrice(e, t);
 		let l = c[c.length - 1]?.[0];
@@ -4114,9 +4516,9 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		if (!t) return;
 		let n = this.series.inHoursShown(this.series.liveBars());
 		if (n.length === 0) return;
-		let r = t.windowTime === null ? 0 : Math.min(Y(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
+		let r = t.windowTime === null ? 0 : Math.min(X(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
 		this.useReplayLoader(t, !1);
-		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : mi(o ?? i, t.until);
+		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : Oi(o ?? i, t.until);
 		if (s < 0 && this.canPageBackForReplay(t)) {
 			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
 			return;
@@ -4124,7 +4526,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		let c = this.getReplayState(), l = t.held !== null && (e === "hours" || e === "bar"), u = t.held?.state ?? c;
 		l || (t.held = null), t.symbol = this.currentSymbol;
 		let d = this.replayManager.remainingMs();
-		this.clearBarHolders(), t.animate && pi(t, this.replayCoarse, i);
+		this.clearBarHolders(), t.animate && Di(t, this.replayCoarse, i);
 		let f = this.replayRestarting;
 		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
 		try {
@@ -4147,14 +4549,14 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	replayStepsOver(e, t, n = !1) {
 		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
-		let r = yi(this.series.inHoursShown(e.steps), t);
-		return r && (n || gi(r, t)) ? r : null;
+		let r = Pi(this.series.inHoursShown(e.steps), t);
+		return r && (n || Ai(r, t)) ? r : null;
 	}
 	canPageBackForReplay(e) {
-		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < ci;
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Si;
 	}
 	async pageBackForReplay(e) {
-		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = ci, this.rebaseReplay("older"));
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Si, this.rebaseReplay("older"));
 	}
 	holdReplay() {
 		let e = this.replaySession;
@@ -4187,7 +4589,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		this.signalMarkerManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, mi(this.replayStepsSeries ?? this.replayCoarse, e)));
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, Oi(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -4207,10 +4609,10 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			return;
 		}
 		if (i.time <= n.fedTime) return;
-		let a = e.slice(X(e, n.fedTime), t + 1);
+		let a = e.slice(Z(e, n.fedTime), t + 1);
 		n.fedTime = i.time;
-		let o = Math.ceil(a.length / _i);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of vi(a.slice(e, e + o))) r.setMarkPrice(t, n);
+		let o = Math.ceil(a.length / ji);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of Mi(a.slice(e, e + o))) r.setMarkPrice(t, n);
 		this.tradingManager.setCurrentPrice(i.close);
 	}
 	getReplayBarIndex() {
@@ -4221,7 +4623,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? bi(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? Fi(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.setHeldState("paused") || this.replayManager.pause();
@@ -4262,7 +4664,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			let { x: r, y: c } = this.drawingManager.anchorPoint(t.type, e, n);
 			i = Math.min(i, r), a = Math.max(a, r), o = Math.min(o, c), s = Math.max(s, c);
 		}
-		return Yr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Xr.has(t.type) && ([o, s] = [r.y, r.y + r.height]), i = Math.max(i, r.x), a = Math.min(a, r.x + r.width), o = Math.max(o, r.y), s = Math.min(s, r.y + r.height), i <= a && o <= s ? {
+		return mi.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), hi.has(t.type) && ([o, s] = [r.y, r.y + r.height]), i = Math.max(i, r.x), a = Math.min(a, r.x + r.width), o = Math.max(o, r.y), s = Math.min(s, r.y + r.height), i <= a && o <= s ? {
 			x: i,
 			y: o,
 			width: a - i,
@@ -4298,7 +4700,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		};
 	}
 	captureSnapshot() {
-		return T.capture({
+		return E.capture({
 			getDrawings: () => [...this.getDrawings().filter((e) => e.paneId === void 0 || this.layoutManager.getPanels().some((t) => t.id === e.paneId)), ...this.keptPaneDrawings],
 			getTheme: () => this.themeManager.getBaseTheme(),
 			getAlerts: () => this.getAlerts(),
@@ -4311,26 +4713,23 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = Qr(e), r = /* @__PURE__ */ new Map();
+		let n = er(e), r = /* @__PURE__ */ new Map();
 		this.unrestoredIndicators = [];
 		let i = new Set(this.indicatorEngine.getAvailableIndicators().map((e) => e.id)), a = [], o = /* @__PURE__ */ new Set();
 		if (t) {
-			let e = new Map(n.map((e) => [e.instanceId, e])), t = this.getIndicatorSetup();
-			for (let n of t) {
-				let t = e.get(n.instanceId);
-				t && $r(n, t) && o.add(n.instanceId);
+			let e = this.getIndicatorSetup();
+			for (let t of nr(e, n)) o.add(t);
+			for (let t of e) o.has(t.instanceId) || this.removeIndicator(t.instanceId);
+			let t = new Map(e.map((e) => [e.instanceId, e.pane]));
+			for (let e = !0; e;) {
+				e = !1;
+				for (let n of [...o]) {
+					let r = t.get(n);
+					this.indicatorEngine.getIndicatorConfig(n) && !(r && !o.has(r)) || (this.indicatorEngine.getIndicatorConfig(n) && this.removeIndicator(n), o.delete(n), e = !0);
+				}
 			}
-			for (let e of t) o.has(e.instanceId) || this.removeIndicator(e.instanceId);
-			for (let e of [...o]) this.indicatorEngine.getIndicatorConfig(e) || o.delete(e);
 		} else for (let e of this.indicatorEngine.getActiveIndicators()) this.removeIndicator(e.instanceId);
-		let s = (e) => {
-			let t = { ...e };
-			for (let [e, n] of Object.entries(t)) {
-				let i = x(n), a = i && r.get(i.instanceId);
-				a && (t[e] = v(a, i.key));
-			}
-			return t;
-		};
+		let s = (e) => ir(e, r);
 		for (let e of n) {
 			let n = null;
 			if (o.has(e.instanceId)) {
@@ -4363,7 +4762,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			}
 			r.set(e.instanceId, n), a.push([e, n]), this.restoreLooks(n, e);
 		}
-		return this.restorePanes(a), this.updateViewportAndRender(), r;
+		return this.indicatorEngine.orderIndicators(e.flatMap((e) => r.get(e.instanceId) ?? [])), $n(this.layoutManager, a), this.updateViewportAndRender(), r;
 	}
 	restoreLooks(e, t) {
 		let { plots: n, ...r } = this.indicatorEngine.getIndicatorStyle(e) ?? {
@@ -4380,50 +4779,14 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		let s = t.levels ?? null;
 		JSON.stringify(s) !== JSON.stringify(o?.levels ?? null) && this.setIndicatorLevels(e, s);
 		let c = t.intervals ?? null;
-		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? se(t.paneStyle) : null);
-	}
-	restorePanes(e) {
-		for (let [t, n] of e) t.paneSize !== void 0 && this.layoutManager.setPanelSize(n, t.paneSize), (t.paneSize !== void 0 || t.paneCollapsed) && this.layoutManager.setPanelCollapsed(n, !!t.paneCollapsed), t.paneSize !== void 0 && this.layoutManager.setPanelScale(n, {
-			log: !!t.paneLog,
-			invert: !!t.paneInvert,
-			percent: !!t.panePercent
-		});
-		let t = e.filter(([e]) => e.paneOrder !== void 0).sort(([e], [t]) => (e.paneOrder ?? 0) - (t.paneOrder ?? 0)).map(([, e]) => e);
-		t.length > 1 && this.layoutManager.orderPanels(t);
-		let n = e.find(([e]) => e.paneMaximized);
-		this.layoutManager.setMaximizedPanel(n ? n[1] : null);
+		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? oe(t.paneStyle) : null);
 	}
 	getIndicatorSetup() {
-		let e = this.layoutManager.getPanels(), t = this.layoutManager.getMaximizedPanel();
-		return [...this.indicatorEngine.getActiveIndicators().map((n) => {
-			let r = e.find((e) => e.id === n.instanceId), i = this.indicatorEngine.getIndicatorConfig(n.instanceId);
-			return {
-				id: n.id,
-				instanceId: n.instanceId,
-				params: { ...n.params },
-				position: r?.position,
-				style: this.indicatorEngine.getIndicatorStyle(n.instanceId) ?? void 0,
-				visible: n.visible,
-				levels: i?.levels?.slice(),
-				pane: n.pane,
-				scale: i?.scale,
-				...i?.intervals ? { intervals: this.indicatorEngine.getIntervals(n.instanceId) ?? void 0 } : {},
-				...r && this.paneStyles.has(n.instanceId) ? { paneStyle: { ...this.paneStyles.get(n.instanceId) } } : {},
-				...r ? {
-					paneSize: r.size,
-					paneOrder: e.indexOf(r),
-					...r.collapsed ? { paneCollapsed: !0 } : {},
-					...t === n.instanceId ? { paneMaximized: !0 } : {},
-					...r.logScale ? { paneLog: !0 } : {},
-					...r.invertScale ? { paneInvert: !0 } : {},
-					...r.percentScale ? { panePercent: !0 } : {}
-				} : {}
-			};
-		}), ...this.unrestoredIndicators];
+		return [...Qn(this.indicatorEngine, this.layoutManager, (e) => this.panes.style(e) ?? null), ...this.unrestoredIndicators];
 	}
 	applyIndicatorSetup(e) {
-		this.features.indicators && this.recordIndicators(void 0, () => {
-			let t = new Map(this.indicatorEngine.getActiveIndicators().map((e) => [e.instanceId, e.id])), n = this.withoutIndicatorHistory(() => this.restoreIndicators(e, !1));
+		this.features.indicators && this.indicatorHistory.record(void 0, () => {
+			let t = new Map(this.indicatorEngine.getActiveIndicators().map((e) => [e.instanceId, e.id])), n = this.indicatorHistory.quietly(() => this.restoreIndicators(e, !1));
 			this.followIndicatorAlerts(t, [...n.values()]), this.markStateChanged();
 		});
 	}
@@ -4451,117 +4814,49 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}
 	}
 	beginIndicatorEdit(e) {
-		this.endIndicatorEdit(), this.features.drawingUndoRedo && (this.indicatorEdit = {
-			subject: e,
-			before: this.getIndicatorSetup()
-		}, this.indicatorHistoryDepth++);
+		this.indicatorHistory.begin(e);
 	}
 	endIndicatorEdit() {
-		let e = this.indicatorEdit;
-		if (!e) return;
-		this.indicatorEdit = null, this.indicatorHistoryDepth--;
-		let t = this.getIndicatorSetup();
-		JSON.stringify(t) !== JSON.stringify(e.before) && this.undoRedoManager.push({
-			type: "indicators",
-			before: null,
-			after: null,
-			indicators: {
-				before: e.before,
-				after: t,
-				subject: e.subject,
-				at: performance.now()
-			}
-		});
-	}
-	withoutIndicatorHistory(e) {
-		this.indicatorHistoryDepth++;
-		try {
-			return e();
-		} finally {
-			this.indicatorHistoryDepth--;
-		}
-	}
-	recordIndicators(e, t) {
-		if (this.indicatorHistoryDepth > 0 || !this.features.drawingUndoRedo) return t();
-		let n = this.getIndicatorSetup(), r = [], i = this.paneRenames;
-		this.paneRenames = r;
-		let a;
-		try {
-			a = this.withoutIndicatorHistory(t);
-		} finally {
-			this.paneRenames = i;
-		}
-		let o = this.getIndicatorSetup();
-		if (JSON.stringify(n) === JSON.stringify(o)) return a;
-		let s = performance.now(), c = this.undoRedoManager.last(), l = e !== void 0 && c?.type === "indicators" && c.indicators?.subject === e && s - (c.indicators.at ?? 0) < Hr && JSON.stringify(c.indicators.after) === JSON.stringify(n), u = {
-			type: "indicators",
-			before: null,
-			after: null
-		};
-		return l && c?.indicators ? JSON.stringify(c.indicators.before) === JSON.stringify(o) ? this.undoRedoManager.dropLast() : this.undoRedoManager.replaceLast({
-			...u,
-			indicators: {
-				...c.indicators,
-				after: o,
-				at: s,
-				...Wr([...c.indicators.renames ?? [], ...r])
-			}
-		}) : this.undoRedoManager.push({
-			...u,
-			indicators: {
-				before: n,
-				after: o,
-				subject: e,
-				at: s,
-				...Wr(r)
-			}
-		}), a;
+		this.indicatorHistory.end();
 	}
 	applyIndicatorStep(e, t) {
 		let n = e.indicators;
 		if (!n) return;
-		this.withoutIndicatorHistory(() => this.restoreIndicators(t === "undo" ? n.before : n.after, !0));
+		this.replayingIndicatorStep = !0;
+		try {
+			this.indicatorHistory.quietly(() => this.restoreIndicators(t === "undo" ? n.before : n.after, !0));
+		} finally {
+			this.replayingIndicatorStep = !1;
+		}
 		let r = n.renames ?? [], i = t === "undo" ? [...r].reverse().map(([e, t]) => [t, e]) : r;
 		for (let [e, t] of i) this.drawingManager.renamePanes(new Map([[e, t]]));
 		this.markStateChanged();
 	}
 	keptPaneDrawings = [];
+	replayingIndicatorStep = !1;
 	takesDrawing(e, t) {
-		return this.layoutManager.getPanels().some((t) => t.id === e) ? !this.drawingManager.getDescriptor(t)?.priceOnly : !1;
+		return ur(this.layoutManager.getPanels(), e, !!this.drawingManager.getDescriptor(t)?.priceOnly);
 	}
-	paneRenames = null;
 	renamePane(e, t) {
-		this.layoutManager.renamePanel(e, t), this.drawingManager.renamePanes(new Map([[e, t]])), this.paneRenames?.push([e, t]);
+		this.layoutManager.renamePanel(e, t), this.replayingIndicatorStep || this.drawingManager.renamePanes(new Map([[e, t]])), this.indicatorHistory.renamed(e, t);
 	}
 	drawingPaneAt(e) {
-		let t = (t) => e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
-		if (!t(this.viewport.getState().chartRect)) {
-			for (let e of this.layoutManager.getPanels()) {
-				let n = this.drawingPaneViewport(e.id);
-				if (n && t(n.chartRect)) return e.id;
-			}
-			return null;
-		}
+		return cr(e, this.viewport.getState().chartRect, this.layoutManager.getPanels(), (e) => this.drawingPaneViewport(e));
 	}
 	drawingPaneViewport(e) {
 		let t = this.layoutManager.getPanels().find((t) => t.id === e);
-		if (!t || t.position !== "top" && t.position !== "bottom" || this.layoutManager.isPanelShownCollapsed(e)) return null;
-		let n = this.buildPanelRenderInfos().find((t) => t.instanceId === e);
-		return !n || n.viewport.chartRect.height < Ur ? null : {
-			...n.viewport,
-			data: this.getDisplayData()
-		};
+		return lr(t, !!t && this.layoutManager.isPanelShownCollapsed(e), () => this.buildPanelRenderInfos().find((t) => t.instanceId === e)?.viewport, () => this.getDisplayData());
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = this.captureSnapshot(), n = T.serialize(t);
-		return e && T.saveToStorage(e, t), n;
+		let t = this.captureSnapshot(), n = E.serialize(t);
+		return e && E.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = T.deserialize(e);
-		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.displayDataCache = null, this.reshapeMemo.clear(), t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), (t.theme === "dark" || t.theme === "light") && this.setTheme(t.theme), t.version >= 3 && this.themeManager.setUserOverrides(t.overrides ?? {}) && this.styleChanged("user");
-		let n = t.version >= 2 && this.features.indicators ? this.withoutIndicatorHistory(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
+		let t = E.deserialize(e);
+		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.display.reset(), t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), (t.theme === "dark" || t.theme === "light") && this.setTheme(t.theme), t.version >= 3 && this.themeManager.setUserOverrides(t.overrides ?? {}) && this.styleChanged("user");
+		let n = t.version >= 2 && this.features.indicators ? this.indicatorHistory.quietly(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
 		this.drawingManager.renamePanes(n);
 		let r = new Set(this.unrestoredIndicators.map((e) => e.instanceId)), i = this.drawingManager.getDrawings(), a = i.filter((e) => e.paneId === void 0 || this.takesDrawing(e.paneId, e.type));
 		if (this.keptPaneDrawings = i.filter((e) => e.paneId !== void 0 && r.has(e.paneId)), a.length !== i.length && this.drawingManager.setDrawings(a), this.undoRedoManager.clear(), t.alerts && this.features.alerts) {
@@ -4572,7 +4867,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 					let t = e.indexOf(":"), r = t > 0 ? n.get(e.slice(0, t)) : void 0;
 					return r ? r + e.slice(t) : e;
 				}, r = t(e.channel), i = {
-					...zt(e),
+					...Bt(e),
 					...e.target ? { target: t(e.target) } : {}
 				};
 				if (!e.expired) {
@@ -4592,19 +4887,19 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = T.loadFromStorage(e);
-		return t ? (this.loadState(T.serialize(t)), !0) : !1;
+		let t = E.loadFromStorage(e);
+		return t ? (this.loadState(E.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
-		this.features.saveLoad && T.downloadFile(this.captureSnapshot(), e);
+		this.features.saveLoad && E.downloadFile(this.captureSnapshot(), e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await T.loadFromFile();
-		this.loadState(T.serialize(e));
+		let e = await E.loadFromFile();
+		this.loadState(E.serialize(e));
 	}
 	setLocale(e) {
-		le(e), this.engine.requestRender();
+		ce(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
 		this.numberLocale = e, this.viewport.setNumberLocale(e), this.priceAxis.setLocale(e), this.leftPriceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.timeAxis.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.pinnedTooltip.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
@@ -4655,23 +4950,13 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	createChartRenderer(e) {
 		let t = An(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof ze && t.setPriceText((e) => this.formatPrice(e)), t;
+		return t instanceof Re && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	crosshairSeries() {
 		return this.isTimeAligned() ? this.series.bars() : this.getDisplayData();
 	}
 	getDisplayData() {
-		let e = this.series.bars(), t = this.options.chartType === "rangeBars" ? Dn(e, (e) => this.stepAt(e)) : void 0;
-		if (this.displayDataCache && t === this.displayDataStep) return this.displayDataCache;
-		if (e.length === 0) return e;
-		let n = this.displaySeries(e, t);
-		return this.displayDataCache = n, this.displayDataStep = t, n;
-	}
-	displaySeries(e, t) {
-		let n = this.options.chartType, r = (e) => this.pluginManager.getChartType(e);
-		if (n !== "pointAndFigure" || r(n)) return jn(n, e, r, this.chartTypeOptions, t, this.reshapeMemo);
-		let { columns: i, boxSize: a } = mn(e, this.chartTypeOptions, this.reshapeMemo);
-		return this.chartRenderer instanceof tt && this.chartRenderer.setBoxSize(a), i;
+		return this.display.get();
 	}
 	recalcIndicatorsFrom(e, t) {
 		if (!this.isTimeAligned()) return this.recalcIndicators(e);
@@ -4683,7 +4968,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 	}
 	exportBars() {
 		if (this.isTimeAligned()) return this.series.bars();
-		let e = this.getDisplayData(), t = A(e);
+		let e = this.getDisplayData(), t = At(e);
 		return e.map((e, n) => ({
 			...e,
 			time: t[n]?.time ?? e.time
@@ -4726,50 +5011,38 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		}
 	}
 	refitForTick() {
-		this.panelInfoCache = null, this.fitDataAndAxes(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+		this.panes.invalidateScales(), this.fitDataAndAxes(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 	}
 	applyDataToViewport(e = !1) {
 		let t = this.getDisplayData();
-		this.syncIndicatorBars(t);
-		let n = this.options.autoScale !== !1 || this.priceFitPending;
-		this.viewport.updateData(t, !1), e && (this.viewport.scrollToEnd(), this.viewport.updateData(t, !1));
-		let r = this.viewport.getState();
+		this.syncIndicatorBars(t), this.viewport.updateData(t, !1), e && (this.viewport.scrollToEnd(), this.viewport.updateData(t, !1));
+		let n = this.viewport.getState();
 		if (t.length > 0) {
-			let e = Math.max(0, Math.min(r.visibleRange.from, t.length - 1));
+			let e = Math.max(0, Math.min(n.visibleRange.from, t.length - 1));
 			this.viewport.setScaleBaseline(t[e]?.close);
 		}
-		return n && this.fitPriceScale(t, this.viewport.getState()), t;
+		return this.priceFit.shouldFit() && this.fitPriceScale(t, this.viewport.getState()), t;
 	}
 	fitPriceScale(e, t) {
-		if (e.length === 0) return;
-		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = ai(ai(m(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && ii(e, n, r) ? this.volumeRenderer.getHeightRatio() + Vr : D;
-		this.viewport.setScaleMargins(this.viewport.isInvertScale() ? {
-			top: a,
-			bottom: D
-		} : {
-			top: D,
-			bottom: a
-		}), this.viewport.fitToPrices(i.min, i.max);
+		this.priceFit.fit(this.viewport, e, t, {
+			overlayRange: (e, t) => this.indicatorEngine.getOverlayPriceRange(e, t),
+			compareRange: (e, t) => this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null,
+			volumeRatio: (e, t, n) => this.features.volume && this.volumeRenderer.isVisible() && Un(e, t, n) ? this.volumeRenderer.getHeightRatio() : null
+		});
 	}
 	updateViewportAndRender(e = !1) {
-		this.indicatorEngine.setBarsTimed(this.comparesDrawn()), this.layoutManager.setPanelsAside(this.panesOffChartType()), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.layoutManager.setLeftAxisWidth(this.isLeftPriceScaleShown() ? this.leftAxisWidth : 0);
+		this.indicatorEngine.setBarsTimed(this.comparesDrawn()), this.layoutManager.setPanelsAside(this.panes.offChartType()), this.panes.invalidate(), this.layoutManager.setLeftAxisWidth(this.isLeftPriceScaleShown() ? this.leftAxisWidth : 0);
 		let t = this.getResolvedLayout();
 		this.viewport.setChartRect(t.mainChartRect), this.fitDataAndAxes(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 	}
 	fitDataAndAxes(e = !1) {
 		let t = this.applyDataToViewport(e), n = this.fitPriceAxisWidth();
-		this.leftViewport = this.computeLeftViewport(), (this.fitLeftAxisWidth() || n) && this.applyDataToViewport(e), this.priceFitPending && this.priceFitDone(t) && (this.priceFitPending = !1);
-	}
-	priceFitDone(e) {
-		let { chartRect: t, offset: n, barWidth: r, barSpacing: i } = this.viewport.getState();
-		if (e.length === 0 || t.width <= 0) return !1;
-		let a = n <= 0 && e.length * (r + i) - n <= t.width;
-		return !(this.seriesArriving && a);
+		this.leftViewport = this.computeLeftViewport(), (this.fitLeftAxisWidth() || n) && this.applyDataToViewport(e), this.priceFit.settle(this.viewport.getState(), t.length);
 	}
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = nr({
+		let t = this.themeManager.getTheme(), n = Er({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -4778,12 +5051,12 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = rr(this.leftAxisWidth, n);
-		return r === this.leftAxisWidth ? !1 : (this.leftAxisWidth = r, this.layoutManager.setLeftAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
+		}), r = Dr(this.leftAxisWidth, n);
+		return r === this.leftAxisWidth ? !1 : (this.leftAxisWidth = r, this.layoutManager.setLeftAxisWidth(r), this.panes.invalidate(), this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	fitPriceAxisWidth() {
 		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = nr({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = Er({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -4794,14 +5067,14 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = rr(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);
+		}), r = Dr(this.priceAxisWidth, n);
+		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.panes.invalidate(), this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(r.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => ei(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => _i(n, e, t));
 		let i = n ?? this.detachedMeasureContext();
-		return i ? ei(i, e, t) : e.length * 7;
+		return i ? _i(i, e, t) : e.length * 7;
 	}
 	detachedMeasureContext() {
 		return this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), this.measureCtx;
@@ -4825,57 +5098,18 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		})), this.lastEmittedBarWidth !== e.barWidth && (this.lastEmittedBarWidth = e.barWidth, this.eventBus.emit("zoomChange", { barWidth: e.barWidth })), this.checkHistory();
 	}
 	getResolvedLayout() {
-		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
-		});
+		return this.panes.resolved();
 	}
 	cachedContainerSize() {
 		let e = Date.now();
 		return (!this.containerSizeCache || e - this.containerSizeCacheTime > 500) && (this.containerSizeCache = this.engine.dprManager.getContainerSize(), this.containerSizeCacheTime = e), this.containerSizeCache;
 	}
 	buildPanelRenderInfos() {
-		if (this.panelInfoCache) return this.panelInfoCache;
-		let e = this.getResolvedLayout(), t = this.viewport.getState(), { from: n, to: r } = t.visibleRange, i = e.panels.map((e) => {
-			let i = e.config.logScale ? this.indicatorEngine.getPaneValueRange(e.config.id, n, r, !0) : null, a = i ?? this.indicatorEngine.getPaneValueRange(e.config.id, n, r) ?? { ...Fr }, o = {
-				x: e.rect.x,
-				y: e.rect.y + 20,
-				width: e.rect.width,
-				height: Math.max(0, e.rect.height - 20)
-			}, s = this.paneStyles.get(e.config.id);
-			return {
-				instanceId: e.config.id,
-				members: this.indicatorEngine.getPaneMembers(e.config.id),
-				...s ? { style: s } : {},
-				rect: e.rect,
-				viewport: {
-					...t,
-					chartRect: o,
-					priceRange: a,
-					logScale: i !== null,
-					scaleMode: e.config.percentScale ? "percentage" : "regular",
-					scaleBaseline: e.config.percentScale ? this.paneBaseline(e.config.id, n, r) : void 0,
-					formatPrice: void 0,
-					pricePrecision: void 0,
-					priceUnit: void 0,
-					invertScale: !!e.config.invertScale
-				}
-			};
-		});
-		return this.panelInfoCache = i, i;
-	}
-	timeAxisTop() {
-		let e = this.getResolvedLayout(), t = e.panels.filter((e) => e.config.position === "bottom").reduce((e, t) => e + t.rect.height, 0);
-		return e.mainChartRect.y + e.mainChartRect.height + t;
+		return this.panes.panels(() => this.viewport.getState());
 	}
 	syncRenderContext() {
 		this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), null, null, this.themeManager.getTheme());
-		let e = this.features.indicators ? this.buildPanelRenderInfos() : [], t = this.timeAxisTop(), n = this.getDisplayData();
+		let e = this.features.indicators ? this.buildPanelRenderInfos() : [], t = this.panes.timeAxisTop(), n = this.getDisplayData();
 		this.leftViewport = this.computeLeftViewport(), this.engine.setRenderContext({
 			leftViewport: this.leftViewport,
 			leftPriceAxis: this.leftPriceAxis,
@@ -4927,7 +5161,7 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = cr(this.pluginManager.getOverlays(), t);
+		let n = Mr(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -4948,33 +5182,16 @@ var Gr = 20, Kr = 8, qr = 10, Jr = {
 		};
 	}
 };
-function Qr(e) {
-	let t = new Map(e.map((e) => [e.instanceId, e])), n = [], r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = (e) => {
-		if (r.has(e.instanceId) || i.has(e.instanceId)) return;
-		i.add(e.instanceId);
-		let o = [e.pane, ...Object.values(e.params).map((e) => x(e)?.instanceId)];
-		for (let e of o) {
-			let n = e ? t.get(e) : void 0;
-			n && a(n);
-		}
-		i.delete(e.instanceId), r.add(e.instanceId), n.push(e);
-	};
-	for (let t of e) a(t);
-	return n;
-}
-function $r(e, t) {
-	return e.id === t.id && (e.pane ?? null) === (t.pane ?? null) && (e.scale ?? null) === (t.scale ?? null) && e.position === void 0 == (t.position === void 0);
-}
-function ei(e, t, n) {
+function _i(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var ti = 300;
-function ni(e) {
+var vi = 300;
+function yi(e) {
 	let t = {}, n = e.family;
-	typeof n == "string" && n.trim() !== "" && n.length <= ti && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
+	typeof n == "string" && n.trim() !== "" && n.length <= vi && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
 	for (let n of [
 		"sizeSmall",
 		"sizeMedium",
@@ -4985,21 +5202,11 @@ function ni(e) {
 	}
 	return t;
 }
-function ri(e) {
+function bi(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
-function ii(e, t, n) {
-	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
-	return !1;
-}
-function ai(e, t) {
-	return e ? t ? {
-		min: Math.min(e.min, t.min),
-		max: Math.max(e.max, t.max)
-	} : e : t;
-}
-function J(e) {
+function Y(e) {
 	return {
 		id: e.id,
 		price: e.price,
@@ -5014,14 +5221,8 @@ function J(e) {
 		bars: e.bars
 	};
 }
-var oi = 8e3, si = new Set([
-	"candlestick",
-	"line",
-	"area",
-	"bar",
-	"hollowCandle"
-]), ci = 10, li = 50, ui = .001;
-function di(e) {
+var xi = 8e3, Si = 10, Ci = 50, wi = .001;
+function Ti(e) {
 	return {
 		price: null,
 		fedTime: null,
@@ -5036,42 +5237,42 @@ function di(e) {
 		held: null
 	};
 }
-function fi(e, t) {
+function Ei(e, t) {
 	let n = e[t + 1];
-	return n ? n.time - e[t].time : Z(e);
+	return n ? n.time - e[t].time : Ni(e);
 }
-function pi(e, t, n) {
+function Di(e, t, n) {
 	let r = e.fedTime;
 	if (r === null || !t || t.length === 0 || n.length === 0) return;
-	let i = fi(t, Q(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Q(n, a), s = n[o].time;
+	let i = Ei(t, Q(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Q(n, a), s = n[o].time;
 	if (s > a) return;
-	let c = fi(n, o);
+	let c = Ei(n, o);
 	if (a === s && o > 0) {
 		e.fedTime = n[o - 1].time, e.fedFraction = 1;
 		return;
 	}
 	e.fedTime = s, e.fedFraction = Number.isFinite(c) && c > 0 ? Math.min(1, (a - s) / c) : 0;
 }
-function mi(e, t) {
-	let n = X(e, t), r = e.length - 1;
-	return n > r && r >= 0 && e[r].time + Z(e) <= t ? r : Math.max(-1, n - 2);
+function Oi(e, t) {
+	let n = Z(e, t), r = e.length - 1;
+	return n > r && r >= 0 && e[r].time + Ni(e) <= t ? r : Math.max(-1, n - 2);
 }
-function hi(e) {
+function ki(e) {
 	let t = Infinity;
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.min(t, e[n].time - e[n - 1].time);
 	return t;
 }
-function gi(e, t) {
-	if (!(hi(e) < hi(t))) return !1;
-	let n = Math.max(0, e.length - li);
+function Ai(e, t) {
+	if (!(ki(e) < ki(t))) return !1;
+	let n = Math.max(0, e.length - Ci);
 	for (let r = n; r < e.length; r++) {
-		let n = t[Q(t, e[r].time)], i = (n.high - n.low) * ui + 2 ** -52;
+		let n = t[Q(t, e[r].time)], i = (n.high - n.low) * wi + 2 ** -52;
 		if (e[r].close > n.high + i || e[r].close < n.low - i) return !1;
 	}
 	return !0;
 }
-var _i = 500;
-function Y(e, t) {
+var ji = 500;
+function X(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -5079,7 +5280,7 @@ function Y(e, t) {
 	}
 	return n;
 }
-function X(e, t) {
+function Z(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -5087,20 +5288,20 @@ function X(e, t) {
 	}
 	return n;
 }
-function vi(e) {
+function Mi(e) {
 	let t = 0, n = 0;
 	for (let r = 1; r < e.length; r++) e[r].low < e[t].low && (t = r), e[r].high > e[n].high && (n = r);
 	let r = [e[t].low, e[t].time], i = [e[n].high, e[n].time], a = t === n ? e[t].close >= e[t].open : t < n, o = e[e.length - 1];
 	return [...a ? [r, i] : [i, r], [o.close, o.time]];
 }
-function Z(e) {
+function Ni(e) {
 	let t = 0;
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.max(t, e[n].time - e[n - 1].time);
 	return t > 0 ? t : Infinity;
 }
-function yi(e, t) {
+function Pi(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + Z(t), r = e.filter((e) => Rn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	let n = t[t.length - 1].time + Ni(t), r = e.filter((e) => Rn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
 	for (let e of r) (i.length === 0 || i[i.length - 1].time !== e.time) && i.push(e);
 	if (i.length === 0) return null;
 	let a = t.findIndex((e) => e.time >= i[0].time);
@@ -5116,26 +5317,26 @@ function Q(e, t) {
 	}
 	return n;
 }
-function bi(e, t, n) {
+function Fi(e, t, n) {
 	let r = Math.max(0, Math.min(Math.floor(Number.isFinite(n) ? n : 0), t.length - 1)), i = r + 1 < t.length ? t[r + 1].time : Infinity, a = -1;
 	for (let t = 0; t < e.length && e[t].time < i; t++) a = t;
 	return Math.max(0, a);
 }
-function xi(e, t, n) {
+function Ii(e, t, n) {
 	let r = n;
 	for (; r > 0 && t[r - 1].time >= e.time;) r--;
 	let i = {
 		...t[r],
 		time: e.time
 	};
-	for (let e = r + 1; e <= n; e++) i = Ti(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = Bi(i, t[e]);
 	return i;
 }
-function Si(e, t, n, r) {
+function Li(e, t, n, r) {
 	let i = e[n + 1], a = t[r + 1];
 	return i !== void 0 && a !== void 0 && i.time >= a.time;
 }
-function Ci(e, t) {
+function Ri(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = t[Q(t, r.time)].time, i = n.get(e);
@@ -5143,10 +5344,10 @@ function Ci(e, t) {
 	}
 	return n;
 }
-function wi() {
+function zi() {
 	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Ti(e, t) {
+function Bi(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -5158,26 +5359,26 @@ function Ti(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var Ei = [
+var Vi = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], Di = ["open", "o"], Oi = ["high", "h"], ki = ["low", "l"], Ai = ["close", "c"], ji = [
+], Hi = ["open", "o"], Ui = ["high", "h"], Wi = ["low", "l"], Gi = ["close", "c"], Ki = [
 	"volume",
 	"vol",
 	"v"
 ];
-function Mi(e) {
+function qi(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Ni(t) : Pi(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Ji(t) : Yi(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Ni(e) {
+function Ji(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -5187,19 +5388,19 @@ function Ni(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) ? zi(e) : Ri(e);
+		let t = Array.isArray(e) ? ea(e) : $i(e);
 		t ? n.push(t) : r++;
 	}
-	return Vi(n, t.length, r);
+	return na(n, t.length, r);
 }
-function Pi(e) {
+function Yi(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 = Fi(t[0]), r = Ii(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Li(r) : {
+	let n = Xi(t[0]), r = Zi(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Qi(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -5210,7 +5411,7 @@ function Pi(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 = Ii(t[e], n), i = Bi(r[a.time]), c = $(r[a.open]), l = $(r[a.high]), u = $(r[a.low]), d = $(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = Zi(t[e], n), i = ta(r[a.time]), c = $(r[a.open]), l = $(r[a.high]), u = $(r[a.low]), d = $(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
 		if (i === null || ![
 			c,
 			l,
@@ -5229,9 +5430,9 @@ function Pi(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Vi(o, t.length - +!!i, s);
+	return na(o, t.length - +!!i, s);
 }
-function Fi(e) {
+function Xi(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -5243,7 +5444,7 @@ function Fi(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Ii(e, t) {
+function Zi(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5251,25 +5452,25 @@ function Ii(e, t) {
 	}
 	return n.push(r), n;
 }
-function Li(e) {
+function Qi(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Ei),
-		open: t(Di),
-		high: t(Oi),
-		low: t(ki),
-		close: t(Ai),
-		volume: t(ji)
+		time: t(Vi),
+		open: t(Hi),
+		high: t(Ui),
+		low: t(Wi),
+		close: t(Gi),
+		volume: t(Ki)
 	};
 }
-function Ri(e) {
+function $i(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 = Bi(String(t(Ei) ?? "")), r = Number(t(Di)), i = Number(t(Oi)), a = Number(t(ki)), o = Number(t(Ai)), s = Number(t(ji) ?? 0);
+	}, n = ta(String(t(Vi) ?? "")), r = Number(t(Hi)), i = Number(t(Ui)), a = Number(t(Wi)), o = Number(t(Gi)), s = Number(t(Ki) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -5284,9 +5485,9 @@ function Ri(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function zi(e) {
+function ea(e) {
 	if (e.length < 5) return null;
-	let t = Bi(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 = ta(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,
@@ -5304,7 +5505,7 @@ function zi(e) {
 function $(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function Bi(e) {
+function ta(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -5312,7 +5513,7 @@ function Bi(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Vi(e, t, n) {
+function na(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);
@@ -5324,7 +5525,7 @@ function Vi(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Hi = class {
+var ra = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -5345,19 +5546,19 @@ var Hi = class {
 		this.host.removeEventListener("dragenter", this.bound.dragenter), this.host.removeEventListener("dragover", this.bound.dragover), this.host.removeEventListener("dragleave", this.bound.dragleave), this.host.removeEventListener("drop", this.bound.drop), this.hideOverlay();
 	}
 	onDragEnter(e) {
-		Ui(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		ia(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		Ui(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		ia(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		Ui(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		ia(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
 	}
 	async onDrop(e) {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = Mi(await t.text());
+			let e = qi(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) {
@@ -5388,12 +5589,12 @@ var Hi = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function Ui(e) {
+function ia(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
 //#region src/state/layoutStorage.ts
-function Wi(e) {
+function aa(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -5401,11 +5602,11 @@ function Wi(e) {
 	};
 	return e.symbol !== void 0 && (t.symbol = e.symbol), e.timeframe !== void 0 && (t.timeframe = e.timeframe), e.kind !== void 0 && (t.kind = e.kind), t;
 }
-var Gi = (e, t) => t.updatedAt - e.updatedAt;
-function Ki(e) {
+var oa = (e, t) => t.updatedAt - e.updatedAt;
+function sa(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Wi({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : aa({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -5414,17 +5615,17 @@ function Ki(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function qi(e) {
-	let t = Ki(e), n = t ? e.content : void 0;
+function ca(e) {
+	let t = sa(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function Ji(e = []) {
+function la(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Wi).sort(Gi),
+		list: () => [...t.values()].map(aa).sort(oa),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -5437,7 +5638,7 @@ function Ji(e = []) {
 		}
 	};
 }
-function Yi(e = "tcw:layouts:") {
+function ua(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -5445,10 +5646,10 @@ function Yi(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(Ki).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(sa).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Gi),
+		list: () => r().sort(oa),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -5457,7 +5658,7 @@ function Yi(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Wi(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), aa(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -5466,14 +5667,14 @@ function Yi(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var Xi = 80;
-function Zi(e) {
+var da = 80;
+function fa(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function Qi() {
+function pa() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function $i(e) {
+function ma(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -5484,7 +5685,7 @@ function $i(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var ea = class {
+var ha = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -5500,7 +5701,7 @@ var ea = class {
 	now;
 	newId;
 	constructor(e, t, n = {}) {
-		this.storage = e, this.host = t, this.options = n, this.autoSave = n.autoSave ?? !0, this.debounceMs = n.debounceMs ?? 1500, this.kind = n.kind ?? "chart", this.now = n.now ?? Date.now, this.newId = n.newId ?? Qi;
+		this.storage = e, this.host = t, this.options = n, this.autoSave = n.autoSave ?? !0, this.debounceMs = n.debounceMs ?? 1500, this.kind = n.kind ?? "chart", this.now = n.now ?? Date.now, this.newId = n.newId ?? pa;
 	}
 	current() {
 		return this.currentLayout;
@@ -5516,7 +5717,7 @@ var ea = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(Ki).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(sa).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -5525,12 +5726,12 @@ var ea = class {
 		});
 	}
 	saveAs(e) {
-		let t = Zi(e);
+		let t = fa(e);
 		return t ? this.queue(() => this.write(this.newId(), t)) : Promise.reject(/* @__PURE__ */ Error("A layout needs a name"));
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = qi(await this.storage.load(e));
+			let t = ca(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -5540,13 +5741,13 @@ var ea = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = $i(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = ma(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
-		let n = Zi(t);
+		let n = fa(t);
 		return n ? this.queue(async () => {
-			let t = qi(await this.storage.load(e));
+			let t = ca(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -5624,7 +5825,7 @@ var ea = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = $i(r);
+		let i = ma(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -5645,6 +5846,6 @@ var ea = class {
 	}
 };
 //#endregion
-export { Un as C, B as D, R as E, un as O, Kn as S, V as T, ur as _, Ji as a, G as b, Zr as c, Nr as d, Pr as f, lr as g, dr as h, Yi as i, Lr as l, fr as m, Xi as n, Hi as o, pr as p, Zi as r, Mi as s, ea as t, Ir as u, sr as v, Vn as w, Zn as x, cr as y };
+export { pr as C, B as D, R as E, dn as O, gr as S, V as T, Pr as _, la as a, K as b, gi as c, ri as d, ii as f, Nr as g, Fr as h, ua as i, oi as l, Ir as m, da as n, ra as o, Lr as p, fa as r, qi as s, ha as t, ai as u, jr as v, dr as w, xr as x, Mr as y };
 
-//# sourceMappingURL=LayoutSession-CoCMrrbh.js.map
+//# sourceMappingURL=LayoutSession-Bcy79w0l.js.map