@tradecanvas/chart 1.53.1 → 1.54.1

package/dist/{LayoutSession-B2WYXhzD.js → LayoutSession-C5aHWgk7.js}

@@ -1,12 +1,12 @@
-import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barDateZone as l, barTimeUnit as u, barsAreDaily as d, chartStyleValue as f, computePriceLimits as p, computePriceRange as m, formatPrice as h, fractionTick as g, indicatorSource as _, isValidTimeZone as v, mergeBar as ee, niceNumber as te, normalizeBarTime as y, parseIndicatorSource as b, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as x, readIndicatorPlotStyles as ae, readPaneStyle as oe, resolveChartTheme as se, sessionMinute as S, setLocale as ce, stepDecimals as le, symbolTimeZone as C, tickBarCount as ue, timeframeToMs as w, zonedDateFormatter as de } from "@tradecanvas/commons";
-import { AlertDragHandler as fe, AlertManager as pe, Animator as me, AreaRenderer as he, AxisDragHandler as ge, BarCountdown as _e, BarRenderer as ve, BaselineRenderer as ye, CandlestickRenderer as be, ChartLegend as xe, ChartStateManager as T, CompareRenderer as Se, CompareSymbolIndicator as Ce, CorrelationCoefficientIndicator as we, CorrelationLogIndicator as Te, CrosshairHandler as Ee, CrosshairTooltip as De, CurrentPriceLine as Oe, DEFAULT_SESSION_HOURS as ke, DataExporter as E, DepthHeatmapRenderer as Ae, DrawingManager as je, DrawingRenderer as Me, EquivolumeRenderer as Ne, EventBus as Pe, GridRenderer as Fe, HLCAreaRenderer as Ie, HiLoRenderer as Le, HollowCandleRenderer as Re, IndicatorEngine as ze, InteractionManager as Be, KagiRenderer as Ve, KeyboardHandler as He, LineRenderer as Ue, LineWithMarkersRenderer as We, MarketProfileRenderer as Ge, MeasureOverlay as Ke, PRICE_SCALE_MARGIN as D, PanHandler as qe, PaneResizeHandler as Je, PeriodLevelsRenderer as Ye, PinnedTooltip as Xe, PivotMarkersRenderer as Ze, PointAndFigureRenderer as Qe, PriceAxis as $e, PriceAxisAddButton as et, PriceLines as tt, RenderEngine as nt, RenkoRenderer as rt, ReplayManager as it, ResamplingAdapter as at, ReshapeMemo as ot, SYMBOL_INDICATOR_IDS as O, SYMBOL_ZONE_WAIT_MS as st, Screenshot as k, SelectionBoxOverlay as ct, SessionBreaks as lt, SessionShading as ut, SignalMarkerManager as dt, SpreadIndicator as ft, StepLineRenderer as pt, StreamManager as mt, SymbolSeriesStore as ht, TimeAxis as gt, TradeZoneManager as _t, TradingManager as vt, TradingRenderer as yt, UndoRedoManager as bt, Viewport as xt, VolumeCandleRenderer as St, VolumeProfileRenderer as Ct, VolumeRenderer as wt, Watermark as Tt, ZoomHandler as Et, barTimeStepMs as Dt, findDominantSwing as Ot, gpuContextsLeft as kt, isPriceLevelAlert as At, isRegularSession as jt, loadWebGL as Mt, mergeSessionHours as Nt, pointAndFigureColumns as Pt, priceToY as Ft, rangePresetStart as It, readAlertOptions as Lt, registerBuiltInDrawingTools as Rt, registerBuiltInIndicators as zt, servesTimeframe as A, sourceParam as j, timeToX as Bt, timestampToBarIndex as M, toHeikinAshi as Vt, toKagi as Ht, toLineBreak as Ut, toRangeBars as Wt, toRenko as Gt, whenGpuContextFree as Kt, withResampling as N, xToBarIndex as qt, xToTime as P, yToPrice as Jt } from "@tradecanvas/core";
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barDateZone as l, barTimeUnit as u, barsAreDaily as d, chartStyleValue as f, computePriceLimits as p, computePriceRange as m, formatPrice as h, fractionTick as g, indicatorSource as _, isValidTimeZone as v, mergeBar as y, niceNumber as ee, normalizeBarTime as b, parseIndicatorSource as x, priceFormatterFor as te, priceStepAt as ne, readChartStyleOverrides as re, readChartTypeOptions as S, readIndicatorPlotStyles as ie, readPaneStyle as ae, resolveChartTheme as oe, sessionMinute as C, setLocale as se, stepDecimals as ce, symbolTimeZone as w, tickBarCount as le, timeframeToMs as T, zonedDateFormatter as ue } from "@tradecanvas/commons";
+import { AlertDragHandler as de, AlertManager as fe, Animator as pe, AreaRenderer as me, AxisDragHandler as he, BarCountdown as ge, BarRenderer as _e, BaselineRenderer as ve, CandlestickRenderer as ye, ChartLegend as be, ChartStateManager as E, CompareRenderer as xe, CompareSymbolIndicator as Se, CompareSymbolPaneIndicator as Ce, CorrelationCoefficientIndicator as we, CorrelationLogIndicator as Te, CrosshairHandler as Ee, CrosshairTooltip as De, CurrentPriceLine as Oe, DEFAULT_SESSION_HOURS as ke, DataExporter as D, DepthHeatmapRenderer as Ae, DrawingManager as je, DrawingRenderer as Me, EquivolumeRenderer as Ne, EventBus as Pe, GridRenderer as Fe, HLCAreaRenderer as Ie, HiLoRenderer as Le, HollowCandleRenderer as Re, IndicatorEngine as ze, InteractionManager as Be, KagiRenderer as Ve, KeyboardHandler as He, LineRenderer as Ue, LineWithMarkersRenderer as We, MarketProfileRenderer as Ge, MeasureOverlay as Ke, PRICE_SCALE_MARGIN as O, PanHandler as qe, PaneResizeHandler as Je, PeriodLevelsRenderer as Ye, PinnedTooltip as Xe, PivotMarkersRenderer as Ze, PointAndFigureRenderer as Qe, PriceAxis as $e, PriceAxisAddButton as et, PriceLines as tt, RenderEngine as nt, RenkoRenderer as rt, ReplayManager as it, ResamplingAdapter as at, ReshapeMemo as ot, SYMBOL_INDICATOR_IDS as k, SYMBOL_ZONE_WAIT_MS as st, Screenshot as A, SelectionBoxOverlay as ct, SessionBreaks as lt, SessionShading as ut, SignalMarkerManager as dt, SpreadIndicator as ft, StepLineRenderer as pt, StreamManager as mt, SymbolSeriesStore as ht, TimeAxis as gt, TradeZoneManager as _t, TradingManager as vt, TradingRenderer as yt, UndoRedoManager as bt, Viewport as xt, VolumeCandleRenderer as St, VolumeProfileRenderer as Ct, VolumeRenderer as wt, Watermark as Tt, ZoomHandler as Et, axisTimes as j, barTimeStepMs as Dt, findDominantSwing as Ot, gpuContextsLeft as kt, isPriceLevelAlert as At, isRegularSession as jt, loadWebGL as Mt, mergeSessionHours as Nt, pointAndFigureColumns as Pt, priceToY as Ft, rangePresetStart as It, readAlertOptions as Lt, registerBuiltInDrawingTools as Rt, registerBuiltInIndicators as zt, servesTimeframe as M, sourceParam as N, timeToX as Bt, timestampToBarIndex as P, toHeikinAshi as Vt, toKagi as Ht, toLineBreak as Ut, toRangeBars as Wt, toRenko as Gt, whenGpuContextFree as Kt, withResampling as F, xToBarIndex as qt, xToTime as I, yToPrice as Jt } from "@tradecanvas/core";
 //#region src/regularHours.ts
 var Yt = 864e5, Xt = 10;
 function Zt(e, t) {
-	let n = C(e);
+	let n = w(e);
 	if (!n || !v(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
@@ -36,7 +36,7 @@ var Qt = {
 	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."
-}, F = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), $t = [
+}, L = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), $t = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
@@ -93,7 +93,7 @@ var Qt = {
 		let i = t[this.cursor];
 		this.source.showBar(i.time);
 		let a = this.source.formatPrice;
-		this.say(F(this.labels.bar, {
+		this.say(L(this.labels.bar, {
 			time: this.source.formatTime(i.time),
 			open: a(i.open),
 			high: a(i.high),
@@ -118,7 +118,7 @@ var Qt = {
 			this.labels.typeName ? this.labels.typeName(t) : t,
 			this.source.timeframe()
 		].filter(Boolean).join(", ");
-		return F(this.labels.summary, {
+		return L(this.labels.summary, {
 			what: n,
 			close: this.source.formatPrice(e[e.length - 1].close)
 		});
@@ -128,7 +128,7 @@ var Qt = {
 		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 F(this.labels.view, {
+		return L(this.labels.view, {
 			count: r - n + 1,
 			from: this.source.formatTime(e[n].time),
 			to: this.source.formatTime(e[r].time),
@@ -159,8 +159,9 @@ function an(e) {
 }
 //#endregion
 //#region src/indicatorLabel.ts
-function on(e, t, n, r) {
-	let i = Object.keys(n || t).map((e) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)).slice(0, 3).map((e) => String(Number(e.toFixed(4)))), a = typeof t.symbol == "string" && t.symbol ? [t.symbol] : [];
+var on = 3, sn = { stochrsi: 4 };
+function cn(e, t, n, r) {
+	let i = Object.keys(n || t).map((e) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)).slice(0, sn[e] ?? on).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,
@@ -169,17 +170,17 @@ function on(e, t, n, r) {
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function sn(e) {
+function ln(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new be();
+		case "rangeBars": return new ye();
 		case "line": return new Ue();
-		case "area": return new he();
-		case "bar": return new ve();
+		case "area": return new me();
+		case "bar": return new _e();
 		case "hollowCandle": return new Re();
-		case "baseline": return new ye();
+		case "baseline": return new ve();
 		case "renko": return new rt();
 		case "kagi": return new Ve();
 		case "pointAndFigure": return new Qe();
@@ -189,10 +190,10 @@ function sn(e) {
 		case "stepLine": return new pt();
 		case "lineWithMarkers": return new We();
 		case "hiLo": return new Le();
-		default: return new be();
+		default: return new ye();
 	}
 }
-function cn(e, t, n = {}, r, i) {
+function un(e, t, n = {}, r, i) {
 	if (t.length === 0) return t;
 	switch (e) {
 		case "heikinAshi": return Vt(t);
@@ -206,15 +207,15 @@ function cn(e, t, n = {}, r, i) {
 		}
 		case "lineBreak": return Ut(t, n.lineBreak?.lines ?? 3);
 		case "kagi": return Ht(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
-		case "pointAndFigure": return un(t, n, i).columns;
+		case "pointAndFigure": return fn(t, n, i).columns;
 		case "rangeBars": return Wt(t, {
-			rangeSize: _n(t, n, r),
+			rangeSize: xn(t, n, r),
 			includeForming: !0
 		}, i);
 		default: return t;
 	}
 }
-function ln(e) {
+function dn(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -225,65 +226,72 @@ function ln(e) {
 		default: return !1;
 	}
 }
-function I(e) {
-	return e !== "heikinAshi" && ln(e);
+function R(e) {
+	return e !== "heikinAshi" && dn(e);
 }
-function un(e, t = {}, n) {
-	let r = t.pointAndFigure?.boxSize;
-	return Pt(e, typeof r == "number" ? r : dn(e) * .01, t.pointAndFigure?.reversal ?? 3, n);
+function fn(e, t = {}, n) {
+	return Pt(e, hn(e, t), t.pointAndFigure?.reversal ?? 3, n);
 }
-function dn(e) {
-	let t = 0;
-	for (let n of e) t += n.close;
-	return t / e.length;
+var pn = 50, mn = .01;
+function hn(e, t = {}) {
+	let n = t.pointAndFigure?.boxSize;
+	if (typeof n == "number") return n;
+	let r = gn(e, e.length > 1 ? e.length - 1 : e.length);
+	return r > 0 ? z(ee(r / pn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * mn || 1;
+}
+function gn(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 fn = 100, pn = 3, mn = .01, hn = 15, gn = (e) => Number(e.toPrecision(hn));
-function _n(e, t = {}, n) {
+var _n = 100, vn = 3, yn = .01, bn = 15, z = (e) => Number(e.toPrecision(bn));
+function xn(e, t = {}, n) {
 	let r = t.rangeBars?.range;
 	if (typeof r == "number") return r;
-	let i = e.length >= pn ? yn(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
-	return Sn(gn(te(i > 0 ? i : a * mn || 1, !0)), n);
+	let i = e.length >= vn ? Cn(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
+	return En(z(ee(i > 0 ? i : a * yn || 1, !0)), n);
 }
-function vn(e) {
+function Sn(e) {
 	let t = e.length - 1;
 	return {
-		from: Math.max(0, t - fn),
+		from: Math.max(0, t - _n),
 		end: t
 	};
 }
-function yn(e) {
-	let { from: t, end: n } = vn(e), r = 0;
+function Cn(e) {
+	let { from: t, end: n } = Sn(e), r = 0;
 	for (let i = t; i < n; i++) {
 		let { high: t, low: n } = e[i], a = i > 0 ? e[i - 1].close : n;
 		r += Math.max(t - n, Math.abs(t - a), Math.abs(n - a));
 	}
 	return n > t ? r / (n - t) : 0;
 }
-function bn(e, t) {
-	let { from: n, end: r } = vn(e);
+function wn(e, t) {
+	let { from: n, end: r } = Sn(e);
 	if (r <= n) return t(e[e.length - 1]?.close ?? 0);
 	let 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 xn(t(i), t(a));
+	return Tn(t(i), t(a));
 }
-function xn(e, t) {
+function Tn(e, t) {
 	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
 }
-function Sn(e, t) {
-	return t === void 0 || !(t > 0) ? e : gn(Math.max(1, Math.round(e / t)) * t);
+function En(e, t) {
+	return t === void 0 || !(t > 0) ? e : z(Math.max(1, Math.round(e / t)) * t);
 }
-function Cn(e, t) {
+function Dn(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : sn(e);
+	return n ? n.createRenderer() : ln(e);
 }
-function wn(e, t, n, r, i, a) {
+function On(e, t, n, r, i, a) {
 	if (t.length === 0) return t;
 	let o = n?.(e);
-	return o?.transform ? o.transform(t) : cn(e, t, r, i, a);
+	return o?.transform ? o.transform(t) : un(e, t, r, i, a);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var Tn = class {
+var kn = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -313,15 +321,15 @@ var Tn = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function L(e) {
+function B(e) {
 	if (!e || typeof e.time != "number" || !Number.isFinite(e.time)) return !1;
 	let { open: t, high: n, low: r, close: i } = e;
 	return !(!isFinite(t) || !isFinite(n) || !isFinite(r) || !isFinite(i) || t < 0 || n < 0 || r < 0 || i < 0 || n < r || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0));
 }
-function En(e) {
+function An(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
-function R(e) {
+function V(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -329,36 +337,36 @@ function R(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-function z(e, t) {
+function H(e, t) {
 	return e === t || e.time === t.time && e.open === t.open && e.high === t.high && e.low === t.low && e.close === t.close && e.volume === t.volume;
 }
-function Dn(e, t) {
+function jn(e, t) {
 	for (let n = e.length - 1; n >= 0; n--) {
 		if (e[n].time === t) return n;
 		if (e[n].time < t) return -1;
 	}
 	return -1;
 }
-var On = {
+var Mn = {
 	index: -1,
 	changed: !1
 };
-function kn(e, t) {
+function Nn(e, t) {
 	if (e.length === 0) return t;
-	let n = y(t);
+	let n = b(t);
 	return u(e) === 1 ? n : n / 1e3;
 }
-function An(e, t) {
-	let n = kn(e, t.time);
+function Pn(e, t) {
+	let n = Nn(e, t.time);
 	return n === t.time ? t : {
 		...t,
 		time: n
 	};
 }
-var B = class {
+var U = class {
 	data = [];
 	withSeriesTime(e) {
-		return An(this.data, e);
+		return Pn(this.data, e);
 	}
 	getData() {
 		return this.data;
@@ -367,16 +375,16 @@ var B = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			L(r) && t.push(En(r) ? r : R(r));
+			B(r) && t.push(An(r) ? r : V(r));
 		}
 		this.data = t;
 	}
 	prependBars(e) {
 		let t = this.data.length > 0 ? this.data[0].time : Infinity, n = [];
 		for (let r = 0; r < e.length; r++) {
-			if (!L(e[r])) continue;
+			if (!B(e[r])) continue;
 			let i = this.withSeriesTime(e[r]);
-			i.time >= t || n.push(En(i) ? i : R(i));
+			i.time >= t || n.push(An(i) ? i : V(i));
 		}
 		if (n.length === 0) return 0;
 		n.sort((e, t) => e.time - t.time);
@@ -385,11 +393,11 @@ var B = class {
 		return n.length = r, this.data = n.concat(this.data), r;
 	}
 	appendBar(e) {
-		L(e) && this.data.push(R(this.withSeriesTime(e)));
+		B(e) && this.data.push(V(this.withSeriesTime(e)));
 	}
 	updateLastBar(e) {
-		if (!L(e)) return;
-		let t = R(this.withSeriesTime(e));
+		if (!B(e)) return;
+		let t = V(this.withSeriesTime(e));
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -397,11 +405,11 @@ var B = class {
 		this.data[this.data.length - 1] = t;
 	}
 	replaceBar(e) {
-		if (!L(e)) return On;
-		let t = this.withSeriesTime(e), n = Dn(this.data, t.time);
-		if (n < 0) return On;
-		let r = R(t);
-		return z(this.data[n], r) ? {
+		if (!B(e)) return Mn;
+		let t = this.withSeriesTime(e), n = jn(this.data, t.time);
+		if (n < 0) return Mn;
+		let r = V(t);
+		return H(this.data[n], r) ? {
 			index: n,
 			changed: !1
 		} : (this.data[n] = r, {
@@ -410,7 +418,7 @@ var B = class {
 		});
 	}
 	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] = y(this.data[this.data.length - 1], this.withSeriesTime(e))));
 	}
 	getLength() {
 		return this.data.length;
@@ -418,18 +426,18 @@ var B = class {
 	clear() {
 		this.data = [];
 	}
-}, V = {
+}, W = {
 	to: "none",
 	index: -1,
 	changed: !1
 };
-function H(e, t) {
+function G(e, t) {
 	let n = e[e.length - 1];
 	if (!n) return "append";
-	let r = y(t.time), i = y(n.time);
+	let r = b(t.time), i = b(n.time);
 	return r > i ? "append" : r === i ? "update" : "stale";
 }
-function jn(e) {
+function Fn(e) {
 	return [
 		e.time,
 		e.open,
@@ -438,8 +446,8 @@ function jn(e) {
 		e.close
 	].every(Number.isFinite);
 }
-var Mn = class {
-	shown = new B();
+var In = class {
+	shown = new U();
 	whole = null;
 	aside = null;
 	shownRevision = 0;
@@ -478,7 +486,7 @@ var Mn = class {
 		}
 		let t = null, n = e;
 		if (this.whole) {
-			let r = this.whole[0]?.time, i = /* @__PURE__ */ new Set(), a = e.filter(jn).map((e) => this.inSeriesUnit(e)).filter((e) => (r === void 0 || e.time < r) && !i.has(e.time) && i.add(e.time)).sort((e, t) => e.time - t.time);
+			let r = this.whole[0]?.time, i = /* @__PURE__ */ new Set(), a = e.filter(Fn).map((e) => this.inSeriesUnit(e)).filter((e) => (r === void 0 || e.time < r) && !i.has(e.time) && i.add(e.time)).sort((e, t) => e.time - t.time);
 			this.whole = [...a, ...this.whole];
 			let o = this.hoursFilter(this.whole);
 			t = a.length, n = o ? a.filter((e) => o(e.time)) : a;
@@ -490,8 +498,8 @@ var Mn = class {
 		};
 	}
 	mergeSnapshot(e) {
-		if (this.aside) return this.aside.setData(Nn(this.aside.getData(), e) ?? e), this.onLiveChange({ kind: "series" }), !0;
-		let t = Nn(this.whole ?? this.shown.getData(), e);
+		if (this.aside) return this.aside.setData(Ln(this.aside.getData(), e) ?? e), this.onLiveChange({ kind: "series" }), !0;
+		let t = Ln(this.whole ?? this.shown.getData(), e);
 		return t ? (this.shown.setData(this.regularOnly(t)), !0) : !1;
 	}
 	refilter() {
@@ -548,7 +556,7 @@ var Mn = class {
 	mergeTick(e) {
 		if (this.aside) return this.aside.updateLastBarFromTick(e), this.wrote("aside", !1);
 		let t = this.whole ? this.hoursFilter(this.whole) : null;
-		if (t && this.whole && !t(kn(this.whole, e.time))) return this.wrote("hidden", !1);
+		if (t && this.whole && !t(Nn(this.whole, e.time))) return this.wrote("hidden", !1);
 		let n = this.shown.getLength();
 		this.shown.updateLastBarFromTick(e);
 		let r = this.whole, i = this.shown.getData()[this.shown.getLength() - 1];
@@ -560,14 +568,14 @@ var Mn = class {
 	}
 	placeStreamBar(e) {
 		if (this.aside) {
-			let t = H(this.aside.getData(), e);
+			let t = G(this.aside.getData(), e);
 			return t === "append" ? this.aside.appendBar(e) : t === "update" && this.aside.updateLastBar(e), this.wrote(t === "stale" ? "none" : "aside", !1);
 		}
-		let t = this.inSeriesUnit(e), n = H(this.whole ?? this.shown.getData(), t);
+		let t = this.inSeriesUnit(e), n = G(this.whole ?? this.shown.getData(), t);
 		if (n === "stale") return this.wrote("none", !1);
 		let r = this.startWholeSeries(t, n);
 		if (!this.take(t, n)) return this.wrote("hidden", r);
-		let i = this.shown.getLength(), a = H(this.shown.getData(), t);
+		let i = this.shown.getLength(), a = G(this.shown.getData(), t);
 		return a === "stale" ? {
 			to: "none",
 			before: i,
@@ -581,7 +589,7 @@ var Mn = class {
 	replace(e) {
 		if (this.aside) {
 			let { index: t, changed: n } = this.aside.replaceBar(e);
-			return t < 0 ? V : (n && this.onLiveChange({
+			return t < 0 ? W : (n && this.onLiveChange({
 				kind: "bar",
 				time: this.aside.getData()[t].time
 			}), {
@@ -590,22 +598,22 @@ var Mn = class {
 				changed: n
 			});
 		}
-		if (!L(e)) return V;
-		let t = this.inSeriesUnit(e), n = this.whole, r = n ? Dn(n, t.time) : -1;
+		if (!B(e)) return W;
+		let t = this.inSeriesUnit(e), n = this.whole, r = n ? jn(n, t.time) : -1;
 		if (n) {
-			if (r < 0 || !L(n[r])) return V;
+			if (r < 0 || !B(n[r])) return W;
 			let e = this.hoursFilter(n);
 			if (e && !e(t.time)) return this.replaceHidden(n, r, t);
 		}
 		let { index: i, changed: a } = this.shown.replaceBar(t);
-		return i < 0 ? V : (a && (n && (n[r] = this.shown.getData()[i]), this.shownRevision++), {
+		return i < 0 ? W : (a && (n && (n[r] = this.shown.getData()[i]), this.shownRevision++), {
 			to: "shown",
 			index: i,
 			changed: a
 		});
 	}
 	beginReplay() {
-		this.aside || (this.aside = new B(), this.aside.setData(this.whole ?? this.shown.getData()));
+		this.aside || (this.aside = new U(), this.aside.setData(this.whole ?? this.shown.getData()));
 	}
 	endReplay() {
 		let e = this.aside;
@@ -625,10 +633,10 @@ var Mn = class {
 		this.shown.updateLastBar(e);
 	}
 	inSeriesUnit(e) {
-		return An(this.whole ?? this.shown.getData(), e);
+		return Pn(this.whole ?? this.shown.getData(), e);
 	}
 	replaceHidden(e, t, n) {
-		let r = R(n), i = !z(e[t], r);
+		let r = V(n), i = !H(e[t], r);
 		return i && (e[t] = r), {
 			to: "hidden",
 			index: -1,
@@ -662,14 +670,14 @@ var Mn = class {
 		return !r || r(e.time);
 	}
 };
-function Nn(e, t) {
+function Ln(e, t) {
 	let n = t[0]?.time, r = 0;
 	for (; n !== void 0 && r < e.length && e[r].time < n;) r++;
 	return r === 0 || r === e.length ? null : e.slice(0, r).concat(t);
 }
 //#endregion
 //#region src/HistoryPager.ts
-var Pn = 5e3, Fn = 6e4, In = 500, Ln = class {
+var Rn = 5e3, zn = 6e4, Bn = 500, Vn = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -721,7 +729,7 @@ var Pn = 5e3, Fn = 6e4, In = 500, Ln = class {
 		try {
 			r = await e(t, this.pageSize);
 		} catch (e) {
-			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(Fn, Pn * 2 ** (this.failures - 1)), this.emit({
+			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(zn, Rn * 2 ** (this.failures - 1)), this.emit({
 				state: "error",
 				count: 0,
 				error: e instanceof Error ? e.message : String(e)
@@ -754,10 +762,10 @@ var Pn = 5e3, Fn = 6e4, In = 500, Ln = class {
 };
 //#endregion
 //#region src/ThemeManager.ts
-function Rn(e, t) {
+function Hn(e, t) {
 	return e.family === t.family && e.sizeSmall === t.sizeSmall && e.sizeMedium === t.sizeMedium && e.sizeLarge === t.sizeLarge;
 }
-var zn = class t {
+var Un = class t {
 	base;
 	shape = null;
 	font = null;
@@ -776,13 +784,13 @@ var zn = class t {
 		return i;
 	}
 	getTheme() {
-		return this.effective ??= se(this.base, this.chartType, this.merged()), this.effective;
+		return this.effective ??= oe(this.base, this.chartType, this.merged()), this.effective;
 	}
 	getBaseTheme() {
 		return this.base;
 	}
 	setTheme(e) {
-		let n = t.read(e), r = this.font !== null && Rn(n.font, this.base.font);
+		let n = t.read(e), r = this.font !== null && Hn(n.font, this.base.font);
 		this.base = n, r || (this.themeFont = n.font), this.shape && (this.base = {
 			...this.base,
 			shape: {
@@ -864,7 +872,7 @@ var zn = class t {
 };
 //#endregion
 //#region src/style/styleOptions.ts
-function Bn(e, t) {
+function Wn(e, t) {
 	return t ? {
 		...t.visible === void 0 ? {} : { [`crosshair.${e}.visible`]: t.visible },
 		...t.color === void 0 ? {} : { [`crosshair.${e}.color`]: t.color },
@@ -872,28 +880,29 @@ function Bn(e, t) {
 		...t.width === void 0 ? {} : { [`crosshair.${e}.width`]: t.width }
 	} : {};
 }
-function Vn(e) {
+function Gn(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 },
-		...Bn("horizontal", n?.hLine),
-		...Bn("vertical", n?.vLine),
+		...Wn("horizontal", n?.hLine),
+		...Wn("vertical", n?.vLine),
 		...r === void 0 ? {} : { "crosshair.labelBackground": r },
 		...e.overrides
 	};
 }
 //#endregion
 //#region src/layout/LayoutManager.ts
-var Hn = 200, Un = 80, U = (e) => e.position === "top" || e.position === "bottom", Wn = class {
+var Kn = 200, qn = 80, K = (e) => e.position === "top" || e.position === "bottom", Jn = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
 	priceAxisWidth = o;
 	leftAxisWidth = 0;
 	maximized = null;
+	aside = /* @__PURE__ */ new Set();
 	resize(e, t) {
 		this.containerWidth = e, this.containerHeight = t;
 	}
@@ -903,8 +912,8 @@ var Hn = 200, Un = 80, U = (e) => e.position === "top" || e.position === "bottom
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? Hn : t),
-			minSize: a ? Un : i,
+			size: r ?? (a ? Kn : t),
+			minSize: a ? qn : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -923,14 +932,14 @@ var Hn = 200, Un = 80, U = (e) => e.position === "top" || e.position === "bottom
 	}
 	setPanelCollapsed(e, t) {
 		let n = this.panels.find((t) => t.id === e);
-		return !n || !U(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
+		return !n || !K(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 || !U(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
+		return !t || !K(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
 	}
 	setPanelScale(e, t) {
 		let n = this.panels.find((t) => t.id === e);
@@ -946,7 +955,7 @@ var Hn = 200, Un = 80, U = (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 || !U(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
+		return e !== null && (!t || !K(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
 	}
 	getMaximizedPanel() {
 		return this.maximized;
@@ -967,19 +976,19 @@ var Hn = 200, Un = 80, U = (e) => e.position === "top" || e.position === "bottom
 		this.panels = [...this.panels].sort((e, n) => t(e) - t(n));
 	}
 	shownSize(e, t) {
-		return U(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
+		return K(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 ? Hn : t, r.minSize = o ? Un : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
+			r.position = n, a !== o && (r.size = o ? Kn : t, r.minSize = o ? qn : 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 = U(n) ? this.containerHeight - s - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
+			let e = K(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;
 		}
 	}
@@ -992,105 +1001,109 @@ var Hn = 200, Un = 80, U = (e) => e.position === "top" || e.position === "bottom
 	getPanels() {
 		return this.panels;
 	}
+	setPanelsAside(e) {
+		let t = e.size !== this.aside.size || [...e].some((e) => !this.aside.has(e));
+		return this.aside = new Set(e), t;
+	}
 	resolve() {
-		let e = this.panels.filter((e) => e.position === "left"), t = this.panels.filter((e) => e.position === "right"), n = this.panels.filter((e) => e.position === "top"), r = this.panels.filter((e) => e.position === "bottom"), i = (n.length + r.length - 1) * 20, a = this.maximized ? this.panels.find((e) => e.id === this.maximized) : void 0, o = Math.max(a?.minSize ?? 0, this.containerHeight - s - 48 - i), c = (e) => this.shownSize(e, o), l = e.reduce((e, t) => e + t.size, 0), u = t.reduce((e, t) => e + t.size, 0), d = n.reduce((e, t) => e + c(t), 0), f = r.reduce((e, t) => e + c(t), 0), p = l + this.leftAxisWidth, m = {
-			x: p,
-			y: d,
-			width: Math.max(0, this.containerWidth - p - u - this.priceAxisWidth),
-			height: Math.max(0, this.containerHeight - d - f - s)
-		}, h = [], g = [], _ = 0;
-		for (let t of e) h.push({
-			config: t,
+		let e = this.panels.filter((e) => !this.aside.has(e.id)), t = e.filter((e) => e.position === "left"), n = e.filter((e) => e.position === "right"), r = e.filter((e) => e.position === "top"), i = e.filter((e) => e.position === "bottom"), a = (r.length + i.length - 1) * 20, o = this.maximized ? e.find((e) => e.id === this.maximized) : void 0, c = Math.max(o?.minSize ?? 0, this.containerHeight - s - 48 - a), l = (e) => this.shownSize(e, c), u = t.reduce((e, t) => e + t.size, 0), d = n.reduce((e, t) => e + t.size, 0), f = r.reduce((e, t) => e + l(t), 0), p = i.reduce((e, t) => e + l(t), 0), m = u + this.leftAxisWidth, h = {
+			x: m,
+			y: f,
+			width: Math.max(0, this.containerWidth - m - d - this.priceAxisWidth),
+			height: Math.max(0, this.containerHeight - f - p - s)
+		}, g = [], _ = [], v = 0;
+		for (let e of t) g.push({
+			config: e,
 			rect: {
-				x: _,
+				x: v,
 				y: 0,
-				width: t.size,
+				width: e.size,
 				height: this.containerHeight - s
 			}
-		}), g.push({
-			panelId: t.id,
+		}), _.push({
+			panelId: e.id,
 			rect: {
-				x: _ + t.size - 2,
+				x: v + e.size - 2,
 				y: 0,
 				width: 4,
 				height: this.containerHeight
 			},
 			orientation: "vertical"
-		}), _ += t.size;
-		let v = 0;
-		for (let e of n) {
-			let t = c(e);
-			h.push({
+		}), v += e.size;
+		let y = 0;
+		for (let e of r) {
+			let t = l(e);
+			g.push({
 				config: e,
 				rect: {
-					x: p,
-					y: v,
-					width: m.width,
+					x: m,
+					y,
+					width: h.width,
 					height: t
 				}
-			}), g.push({
+			}), _.push({
 				panelId: e.id,
 				rect: {
-					x: p,
-					y: v + t - 2,
-					width: m.width,
+					x: m,
+					y: y + t - 2,
+					width: h.width,
 					height: 4
 				},
 				orientation: "horizontal"
-			}), v += t;
+			}), y += t;
 		}
-		v = m.y + m.height;
-		for (let e of r) {
-			let t = c(e);
-			h.push({
+		y = h.y + h.height;
+		for (let e of i) {
+			let t = l(e);
+			g.push({
 				config: e,
 				rect: {
-					x: p,
-					y: v,
-					width: m.width,
+					x: m,
+					y,
+					width: h.width,
 					height: t
 				}
-			}), g.push({
+			}), _.push({
 				panelId: e.id,
 				rect: {
-					x: p,
-					y: v - 2,
-					width: m.width,
+					x: m,
+					y: y - 2,
+					width: h.width,
 					height: 4
 				},
 				orientation: "horizontal"
-			}), v += t;
+			}), y += t;
 		}
-		_ = p + m.width + this.priceAxisWidth;
-		for (let e of t) h.push({
+		v = m + h.width + this.priceAxisWidth;
+		for (let e of n) g.push({
 			config: e,
 			rect: {
-				x: _,
+				x: v,
 				y: 0,
 				width: e.size,
 				height: this.containerHeight - s
 			}
-		}), g.push({
+		}), _.push({
 			panelId: e.id,
 			rect: {
-				x: _ - 2,
+				x: v - 2,
 				y: 0,
 				width: 4,
 				height: this.containerHeight
 			},
 			orientation: "vertical"
-		}), _ += e.size;
+		}), v += e.size;
 		return {
-			mainChartRect: m,
-			panels: h,
-			dividers: g
+			mainChartRect: h,
+			panels: g,
+			dividers: _
 		};
 	}
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, Gn = 14, Kn = 14, qn = 22, Jn = 4;
-function Yn(e) {
+}, Yn = 14, Xn = 14, Zn = 22, Qn = 4;
+function $n(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,
@@ -1099,16 +1112,16 @@ function Yn(e) {
 	for (let t of f) {
 		if (!Number.isFinite(t)) continue;
 		let n = e.scaleLabel ? e.scaleLabel(t) : e.format ? e.format(t) : h(t, u, i), r = e.format ? n : h(t, d, i);
-		p = Math.max(p, l(n, `500 ${s}px ${a}`) + Gn, l(r, `bold 11px ${a}`) + Kn, l(r, `600 ${s}px ${a}`) + qn);
+		p = Math.max(p, l(n, `500 ${s}px ${a}`) + Yn, l(r, `bold 11px ${a}`) + Xn, l(r, `600 ${s}px ${a}`) + Zn);
 	}
-	return p <= o ? o : Math.ceil(p / Jn) * Jn;
+	return p <= o ? o : Math.ceil(p / Qn) * Qn;
 }
-function Xn(e, t) {
+function er(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
 //#endregion
 //#region src/layout/labelWidths.ts
-var Zn = 512, Qn = class {
+var tr = 512, nr = class {
 	widths = /* @__PURE__ */ new Map();
 	fonts;
 	forget = () => this.widths.clear();
@@ -1119,12 +1132,12 @@ var Zn = 512, Qn = class {
 		let r = `${t}\n${e}`, i = this.widths.get(r);
 		if (i !== void 0) return i;
 		let a = n();
-		return this.widths.size >= Zn && this.widths.clear(), this.widths.set(r, a), a;
+		return this.widths.size >= tr && this.widths.clear(), this.widths.set(r, a), a;
 	}
 	destroy() {
 		this.fonts?.removeEventListener("loadingdone", this.forget), this.widths.clear();
 	}
-}, $n = class {
+}, rr = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -1140,11 +1153,11 @@ var Zn = 512, Qn = class {
 		}
 		return this.engaged;
 	}
-}, er = 1;
-function tr(e, t) {
+}, ir = 1;
+function ar(e, t) {
 	return e.filter((e) => e.enabled !== !1 && (e.descriptor.layer ?? "overlay") === t);
 }
-function W(e) {
+function q(e) {
 	switch (e.kind) {
 		case "indicator": return `indicator:${e.plugin.descriptor.id}`;
 		case "drawing": return `drawing:${e.plugin.descriptor.type}`;
@@ -1154,25 +1167,25 @@ function W(e) {
 }
 //#endregion
 //#region src/plugins/registry.ts
-var G = /* @__PURE__ */ new Map();
-function nr(e) {
-	G.set(W(e), e);
+var J = /* @__PURE__ */ new Map();
+function or(e) {
+	J.set(q(e), e);
 }
-function rr(e) {
-	return G.delete(e);
+function sr(e) {
+	return J.delete(e);
 }
-function ir() {
-	return [...G.values()];
+function cr() {
+	return [...J.values()];
 }
-function ar() {
-	G.clear();
+function lr() {
+	J.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var or = class {
+var ur = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of ir()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of cr()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -1200,17 +1213,17 @@ var or = class {
 		return e;
 	}
 	add(e) {
-		this.plugins.set(W(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+		this.plugins.set(q(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, sr = {
+}, dr = {
 	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) => cr(e, t, n)
+	positionReverse: (e, t, n) => fr(e, t, n)
 };
-async function cr(e, t, n) {
+async function fr(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -1239,7 +1252,7 @@ async function cr(e, t, n) {
 		}
 	}
 }
-function lr(e, t) {
+function pr(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -1249,8 +1262,8 @@ function lr(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(sr)) {
-		let a = sr[r], o = t.onIntent(r, (n) => {
+	for (let r of Object.keys(dr)) {
+		let a = dr[r], o = t.onIntent(r, (n) => {
 			Promise.resolve(a(e, n, i)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -1264,7 +1277,7 @@ function lr(e, t) {
 }
 //#endregion
 //#region src/replay/ReplayStepLoader.ts
-var ur = 1e3, dr = class {
+var mr = 1e3, hr = class {
 	pieces = /* @__PURE__ */ new Map();
 	asked = /* @__PURE__ */ new Set();
 	inFlight = !1;
@@ -1297,7 +1310,7 @@ var ur = 1e3, dr = class {
 		this.done = !0;
 	}
 	ask(e, t) {
-		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(ur / n)), s = Math.min(e.length, t + o), c = s < e.length ? e[s].time : e[e.length - 1].time + r, l = e.slice(t, s);
+		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(mr / 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",
@@ -1338,12 +1351,12 @@ var ur = 1e3, dr = class {
 			...n === void 0 ? {} : { error: n }
 		});
 	}
-}, fr = 1 / 3, pr = .25, mr = .5;
-function hr(e, t) {
-	let n = (e.high - e.low) * pr;
-	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * mr;
+}, gr = 1 / 3, _r = .25, vr = .5;
+function yr(e, t) {
+	let n = (e.high - e.low) * _r;
+	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * vr;
 }
-function gr(e) {
+function br(e) {
 	return e.close >= e.open ? [
 		e.open,
 		e.low,
@@ -1356,22 +1369,22 @@ function gr(e) {
 		e.close
 	];
 }
-function _r(e, t, n) {
-	let r = gr(e), i = [
+function xr(e, t, n) {
+	let r = br(e), i = [
 		1,
 		2,
 		3
 	].map((e) => Math.abs(r[e] - r[e - 1])), a = i[0] + i[1] + i[2], o = [], s = 0;
 	return r.forEach((r, c) => {
-		c > 0 && (s += a > 0 ? i[c - 1] / a : fr), !(c === 0 && t > 0) && o.push({
+		c > 0 && (s += a > 0 ? i[c - 1] / a : gr), !(c === 0 && t > 0) && o.push({
 			price: r,
 			time: e.time,
 			at: (t + s) / n
 		});
 	}), o;
 }
-function vr(e, t = []) {
-	let n = t.length > 0 && hr(e, t) ? t : [e], r = n.length, i = yr(n.flatMap((e, t) => _r(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
+function Sr(e, t = []) {
+	let n = t.length > 0 && yr(e, t) ? t : [e], r = n.length, i = Cr(n.flatMap((e, t) => xr(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
 	return {
 		bar: e,
 		points: i,
@@ -1381,7 +1394,7 @@ function vr(e, t = []) {
 		}))
 	};
 }
-function yr(e, t) {
+function Cr(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))
@@ -1396,7 +1409,7 @@ function yr(e, t) {
 	};
 	return i(t.high, (e, t) => e > t), i(t.low, (e, t) => e < t), r;
 }
-function br(e, t) {
+function wr(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) {
@@ -1405,8 +1418,8 @@ function br(e, t) {
 	}
 	return n[n.length - 1].price;
 }
-var xr = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
-function Sr(e, t) {
+var Tr = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+function Er(e, t) {
 	let n = 0, r = 0;
 	for (let i of e.volumeAt) {
 		if (t >= i.at) {
@@ -1417,10 +1430,10 @@ function Sr(e, t) {
 	}
 	return n;
 }
-function Cr(e, t) {
-	let n = xr(t);
+function Dr(e, t) {
+	let n = Tr(t);
 	if (n >= 1) return { ...e.bar };
-	let r = br(e, n), i = Math.max(e.points[0].price, r), a = Math.min(e.points[0].price, r);
+	let r = wr(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);
@@ -1431,29 +1444,29 @@ function Cr(e, t) {
 		high: i,
 		low: a,
 		close: r,
-		volume: Sr(e, n)
+		volume: Er(e, n)
 	};
 }
-function wr(e, t) {
-	let n = xr(t), r = 0;
+function Or(e, t) {
+	let n = Tr(t), r = 0;
 	for (let t of e.points) {
 		if (t.at > n) break;
 		r = t.at;
 	}
 	return r;
 }
-function K(e, t, n) {
+function Y(e, t, n) {
 	let r = [], i = e.bar.time;
 	for (let a of e.points) {
 		if (a.at > n) break;
 		i = a.time, a.at > t && r.push([a.price, a.time]);
 	}
-	let a = br(e, n);
+	let a = wr(e, n);
 	return (r.length === 0 || r[r.length - 1][0] !== a) && r.push([a, i]), r;
 }
 //#endregion
 //#region src/replay/replayStep.ts
-var Tr = [
+var kr = [
 	"1m",
 	"3m",
 	"5m",
@@ -1464,42 +1477,42 @@ var Tr = [
 	"4h",
 	"1d"
 ];
-function Er(e, t) {
-	let n = w(e);
-	return n > 0 ? Tr.filter((e) => {
-		let r = w(e);
+function Ar(e, t) {
+	let n = T(e);
+	return n > 0 ? kr.filter((e) => {
+		let r = T(e);
 		return r < n && n % r === 0 && t(e);
 	}) : [];
 }
-function Dr(e, t, n) {
-	let r = Er(t, n);
+function jr(e, t, n) {
+	let r = Ar(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 Or = {
+var Mr = {
 	min: 0,
 	max: 100
-}, kr = "exchange", Ar = kr;
-function jr(e) {
+}, Nr = "exchange", Pr = Nr;
+function Fr(e) {
 	if (typeof e == "string" && e !== "exchange" && !v(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-function Mr(e, t) {
-	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : C(e);
+function Ir(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 Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontalLine", "crossLine"]), zr = new Set(["verticalLine", "crossLine"]), Br = class {
-	static version = "1.53.1";
+var Lr = .08, Rr = a ** -7, zr = 800, Br = 20, Vr = 8, Hr = new Set(["horizontalLine", "crossLine"]), Ur = new Set(["verticalLine", "crossLine"]), Wr = class {
+	static version = "1.54.1";
 	engine;
 	viewport;
-	series = new Mn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
+	series = new In((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
 	themeManager;
 	layoutManager;
 	pluginManager;
@@ -1514,6 +1527,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	execTeardown = null;
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
+	indicatorsOnDrawn = null;
 	reshapeMemo = new ot();
 	displayDataStep;
 	indicatorUpdateFrom = null;
@@ -1525,13 +1539,14 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	renderDeferred = !1;
 	priceAxisWidth = o;
 	measureCtx;
-	labelWidths = new Qn();
+	labelWidths = new nr();
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
 	lastEmittedPriceRange = null;
 	lastEmittedBarWidth = null;
 	chartLegend;
+	legendStack = null;
 	watermark;
 	barCountdown;
 	unrestoredIndicators = [];
@@ -1584,7 +1599,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	replayForming = null;
 	replayPhaseUnsub = null;
 	undoRedoManager;
-	autoSaveScheduler = new Tn((e) => this.saveState(e));
+	autoSaveScheduler = new kn((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -1636,7 +1651,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && jr(t.timeZone), this.container = e, this.options = {
+		t.timeZone != null && Fr(t.timeZone), this.container = e, this.options = {
 			...t,
 			chartType: t.chartType ?? "candlestick"
 		}, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
@@ -1674,11 +1689,11 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			logScale: n.logScale ?? !0,
 			timeframes: n.timeframes ?? [],
 			defaultTimeframeFavorites: n.defaultTimeframeFavorites ?? []
-		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.history = new Ln({
+		}, 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 Vn({
 			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 zn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Vn(t), "host", !1), this.layoutManager = new Wn(), this.indicatorEngine = new ze(), this.pluginManager = new or(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Pe(), zt(this.indicatorEngine), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.indicatorEngine.register(new ft(this.symbolSeries)), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.drawingManager = new je(), Rt(this.drawingManager), this.drawingRenderer = new Me(this.drawingManager), this.drawingManager.setRequestRender(() => {
+		}), this.themeManager = new Un(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Gn(t), "host", !1), this.layoutManager = new Jn(), this.indicatorEngine = new ze(), this.pluginManager = new ur(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Pe(), zt(this.indicatorEngine), this.indicatorEngine.register(new Se(this.symbolSeries)), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.indicatorEngine.register(new ft(this.symbolSeries)), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.drawingManager = new je(), Rt(this.drawingManager), this.drawingRenderer = new Me(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), 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();
@@ -1711,27 +1726,42 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(t), this.eventBus.emit("resize", e);
 		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Fe(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new $e(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new gt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new Ee(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
-				let n = this.crosshairSeries(), r = e >= 0 && e < n.length ? n[e] : void 0;
-				this.chartLegend.setHoverBar(r ?? null, e > 0 ? n[e - 1] ?? null : null);
-				let i = this.viewport.getState(), a = t.y >= i.chartRect.y && t.y <= i.chartRect.y + i.chartRect.height;
-				r && a && this.features.crosshairTooltip ? this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize(), {
-					prevClose: e > 0 ? n[e - 1]?.close : void 0,
-					priceRange: i.priceRange,
-					plot: i.chartRect,
-					barStepMs: Dt(n),
-					timeUnit: u(n)
-				}) : this.crosshairTooltip.hide(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
+				let n = this.crosshairSeries(), i = e >= 0 && e < n.length ? n[e] : void 0, a = e > 0 ? n[e - 1]?.close : void 0, o = j(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) {
+					let e = s === i.time ? i : {
+						...i,
+						time: s ?? i.time
+					};
+					this.crosshairTooltip.show(t, e, this.themeManager.getTheme(), this.cachedContainerSize(), {
+						prevClose: a,
+						priceRange: c.priceRange,
+						plot: c.chartRect,
+						barStepMs: Dt(o),
+						timeUnit: u(o)
+					});
+				} else this.crosshairTooltip.hide();
+				this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), i ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
 					point: t,
-					bar: r,
-					barIndex: e
+					bar: i,
+					barIndex: e,
+					...s === void 0 ? {} : { time: s },
+					...a === void 0 ? {} : { prevClose: a }
 				});
-			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null), this.eventBus.emit("crosshairLeave", {});
-		}), this.chartLegend = new xe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new Tt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new wt(), this.volumeProfile = new Ct(), this.marketProfile = new Ge(), this.depthHeatmap = new Ae(), this.periodLevels = new Ye(), this.pivotMarkers = new Ze(), this.barCountdown = new _e(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new lt(), this.sessionShading = new ut(), this.compareRenderer = new Se(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+			} else {
+				this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null), this.features.legend && this.engine.requestRender(r.Hover), this.eventBus.emit("crosshairLeave", {});
+				let e = this.crosshairHandler.getSyncedSlot();
+				e !== null && this.showSyncedBar(e);
+			}
+		}), this.chartLegend = new be(), 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 Tt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new wt(), this.volumeProfile = new Ct(), this.marketProfile = new Ge(), this.depthHeatmap = new Ae(), this.periodLevels = new Ye(), this.pivotMarkers = new Ze(), this.barCountdown = new ge(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new lt(), this.sessionShading = new ut(), this.compareRenderer = new xe(), t.sessionBreaks ? this.sessionBreaks.setConfig({
 			visible: t.sessionBreaks.visible ?? !0,
 			color: t.sessionBreaks.color,
 			lineStyle: t.sessionBreaks.lineStyle,
 			lineWidth: t.sessionBreaks.lineWidth
-		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new me(), this.crosshairTooltip = new De(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Xe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = x(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Kr(t.shapes)), t.font && this.themeManager.setFont(Gr(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new He({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new pe(), this.crosshairTooltip = new De(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Xe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = S(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Xr(t.shapes)), t.font && this.themeManager.setFont(Yr(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new He({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -1775,8 +1805,8 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new Oe(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new pe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(At).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
-			this.eventBus.emit("alertTriggered", q(e)), this.eventBus.emit("dataUpdate", {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new Oe(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new fe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(At).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
+			this.eventBus.emit("alertTriggered", X(e)), this.eventBus.emit("dataUpdate", {
 				kind: "alert",
 				alert: "triggered",
 				alertId: e.id,
@@ -1784,13 +1814,13 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 				message: e.message
 			});
 		}), this.alertManager.on("added", (e) => {
-			this.eventBus.emit("alertAdd", q(e));
+			this.eventBus.emit("alertAdd", X(e));
 		}), this.alertManager.on("removed", (e) => {
 			this.eventBus.emit("alertRemove", { id: e });
 		}), this.alertManager.on("expired", (e) => {
-			this.eventBus.emit("alertExpired", q(e));
+			this.eventBus.emit("alertExpired", X(e));
 		}), this.alertManager.on("updated", (e) => {
-			this.eventBus.emit("alertUpdate", q(e));
+			this.eventBus.emit("alertUpdate", X(e));
 		}), this.signalMarkerManager = new dt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
@@ -1815,7 +1845,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
 		}), this.measureOverlay = new Ke(), this.interactionManager = new Be(e), this.features.panning) {
-			let e = new $n();
+			let e = new rr();
 			this.interactionManager.setPanHandler(new qe((t, n) => {
 				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.holdPriceScale(), this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
@@ -1831,7 +1861,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			this.interactionManager.setZoomHandler(new Et((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new ge((e) => {
+			let e = new he((e) => {
 				this.holdPriceScale(), this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -1861,7 +1891,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new fe(this.alertManager, () => this.viewport.getState());
+			let e = new de(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
 		let o = new Je();
@@ -1931,7 +1961,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < Lr) return;
+					if (e.x1 - e.x0 < Vr) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -1970,12 +2000,12 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		let n = this.series.bars();
 		this.seriesArriving = n.length === 0;
 		let r = n[n.length - 1];
-		t || (this.alertManager.clearLastValues(), r && this.alertManager.seedLastValue("price", r.close)), this.recalcIndicators(n), r && this.currentPriceLine.setPrice(r.close), this.updateViewportAndRender(!0), this.emitBars(n.length);
+		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) {
 		this.snapshotKey = null, this.history.reset(), this.alertManager.clearLastValues();
 		let t = e[e.length - 1];
-		t && L(t) && this.alertManager.seedLastValue("price", t.close), this.replaySession && (this.replaySession.price = null), this.series.load(e);
+		t && B(t) && this.alertManager.seedLastValue("price", t.close), this.replaySession && (this.replaySession.price = null), this.series.load(e);
 	}
 	prependBars(e) {
 		if (this.replaySession) return this.series.prepend(e).taken;
@@ -1983,7 +2013,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		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(M(r, this.getDisplayData()));
+			let e = Math.round(P(r, this.getDisplayData()));
 			this.viewport.prependBars(e - n);
 		}
 		return this.updateViewportAndRender(), a;
@@ -2011,17 +2041,17 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	checkHistory() {
 		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
-			if (this.historyCheckQueued = !1, !this.replayPages() || !this.history.hasLoader() || I(this.options.chartType)) return;
+			if (this.historyCheckQueued = !1, !this.replayPages() || !this.history.hasLoader() || R(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(Ir, r - n));
+			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(Br, r - n));
 		}));
 	}
 	useStreamHistory(e, t, n = !0) {
 		if (this.hostHistoryLoader) return;
-		let r = N(e), i = r.fetchHistoryBefore, a = this.streamTimeframe;
-		if (!i || a === null || ue(a) !== null) {
+		let r = F(e), i = r.fetchHistoryBefore, a = this.streamTimeframe;
+		if (!i || a === null || le(a) !== null) {
 			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
 			return;
 		}
@@ -2029,7 +2059,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.history.setLoader((e, t) => i.call(r, o, a, e, t), t), this.historyFromStream = !0, n && this.checkHistory();
 	}
 	appendBar(e) {
-		if (!L(e)) return;
+		if (!B(e)) return;
 		let t = this.series.append(e);
 		if (t.refiltered && (this.displayDataCache = null), t.to !== "shown") {
 			this.takeLivePrice(e.close), t.to === "hidden" && this.scheduleRender();
@@ -2039,7 +2069,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		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);
 	}
 	appendBars(e) {
-		if (e = e.filter(L), e.length === 0) return;
+		if (e = e.filter(B), 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) {
 			this.takeLivePrice(t), n.aside || this.scheduleRender();
@@ -2051,7 +2081,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		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 (!L(e)) return;
+		if (!B(e)) return;
 		let t = this.series.updateLast(e);
 		if (t.refiltered && (this.displayDataCache = null), t.to !== "shown") {
 			this.takeLivePrice(e.close), t.to === "hidden" && this.scheduleRender();
@@ -2073,7 +2103,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.recalcIndicatorsFrom(n, n.length - 1), this.followLivePrice(e.price), this.scheduleRender();
 	}
 	updateBar(e) {
-		if (!L(e)) return !1;
+		if (!B(e)) return !1;
 		let t = this.series.replace(e);
 		return t.to === "none" ? !1 : (t.to === "shown" && t.changed && this.showCorrection(t.index), !0);
 	}
@@ -2100,23 +2130,29 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	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.markStateChanged(), e !== t && this.eventBus.emit("chartTypeChange", {
+		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", {
 			type: e,
 			previous: t
 		});
 	}
+	fitFewColumns() {
+		let e = this.options.chartType;
+		if (!R(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 && !I(this.options.chartType);
+		let e = !this.tickStream && !R(this.options.chartType);
 		this.timeAxis.setTimesPastData(e), this.crosshairHandler.setTimesPastData(e);
 	}
 	setChartTypeOptions(e) {
 		this.chartTypeOptions = {
 			...this.chartTypeOptions,
-			...x(e)
-		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.a11y?.refresh(!0), this.markStateChanged();
+			...S(e)
+		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.fitFewColumns(), this.a11y?.refresh(!0), this.markStateChanged();
 	}
 	getChartTypeOptions() {
-		return x(this.chartTypeOptions);
+		return S(this.chartTypeOptions);
 	}
 	setExtendedHours(e) {
 		e !== this.extendedHours && (this.extendedHours = e, this.reapplyExtendedHours(), this.markStateChanged());
@@ -2136,7 +2172,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Kr(e);
+		let t = Xr(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -2148,7 +2184,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = Gr(e);
+			let t = Yr(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -2186,7 +2222,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	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.series.bars(), {
+		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(), {
 			...a ? { pane: a } : {},
 			...r.scale === "left" ? { scale: "left" } : {},
 			...r.instanceId ? { instanceId: r.instanceId } : {}
@@ -2198,8 +2234,8 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	setSymbolSeries(e, t) {
 		e = e.trim(), this.symbolSeries.set(e, t), this.requestedSymbols.delete(e);
-		let n = this.series.bars(), r = !1;
-		for (let t of this.indicatorEngine.getActiveIndicators()) !O.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
+		let n = this.indicatorBars(), r = !1;
+		for (let t of this.indicatorEngine.getActiveIndicators()) !k.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
 		r && (this.announceIndicatorUpdate(0), this.updateViewportAndRender());
 	}
 	forgetUnreadSymbols() {
@@ -2213,27 +2249,27 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		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());
+			k.has(t.id) && typeof n == "string" && n.trim() && e.add(n.trim());
 		}
 		return [...e];
 	}
 	requestMissingSymbols(e) {
 		this.forgetUnreadSymbols();
-		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && O.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
+		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && k.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
 		!n || this.symbolSeries.has(n) || this.requestedSymbols.has(n) || (this.requestedSymbols.add(n), this.eventBus.emit("symbolSeriesRequest", { symbol: n }));
 	}
 	updateIndicator(e, t) {
 		this.recordIndicators(e, () => this.updateIndicatorNow(e, t));
 	}
 	updateIndicatorNow(e, t) {
-		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? j(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
-		this.indicatorEngine.updateIndicator(e, t, this.series.bars()), this.announceIndicatorUpdate(0), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
+		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? N(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
+		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 = b(a.params[r]), n = t ? this.paneHostOf(t.instanceId, e) : b(i) ? null : a.pane ?? null;
+			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"
@@ -2244,7 +2280,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	paneFor(e, t, n, r) {
 		if (n) return this.paneHostOf(n, r);
 		if (e.placement !== "overlay") return null;
-		let i = j(e), a = i ? b(t[i]) : null;
+		let i = N(e), a = i ? x(t[i]) : null;
 		return a ? this.paneHostOf(a.instanceId, r) : null;
 	}
 	paneHostOf(e, t) {
@@ -2290,8 +2326,8 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * Nr,
-				max: t.max + n * Nr
+				min: t.min - n * Lr,
+				max: t.max + n * Lr
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -2344,7 +2380,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			this.indicatorEngine.setStyleDefaults(e, null);
 			return;
 		}
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ie(n);
 		this.indicatorEngine.setStyleDefaults(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -2352,7 +2388,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	setPaneStyle(e, t) {
 		let n = this.paneOf(e);
-		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? oe(t) : null));
+		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? ae(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());
@@ -2395,8 +2431,8 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	paneMoveHost(e, t) {
 		let n = this.indicatorEngine.getIndicatorConfig(e), r = this.indicatorEngine.getIndicatorDescriptor(e);
 		if (!n || !r) return;
-		let i = j(r);
-		if (r.placement === "overlay" && i && b(n.params[i])) return;
+		let i = N(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);
@@ -2504,13 +2540,33 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		let e = this.viewport.getState().chartRect.y;
 		return this.features.legend ? e + this.chartLegend.getHeight() : e;
 	}
+	setLegendStack(e) {
+		let t = e && e.width > 0 && e.height > 0 ? {
+			width: e.width,
+			height: e.height
+		} : null;
+		t === this.legendStack || t !== null && this.legendStack !== null && t.width === this.legendStack.width && t.height === this.legendStack.height || (this.legendStack = t, this.engine.requestRender());
+	}
+	legendKeepOut() {
+		let e = this.viewport.getState().chartRect, t = this.getLegendBottom(), n = [], r = this.features.legend ? this.chartLegend.getWidth() : 0;
+		return r > 0 && t > e.y && n.push({
+			x: e.x,
+			y: e.y,
+			width: r,
+			height: t - e.y
+		}), this.legendStack && n.push({
+			x: e.x,
+			y: t,
+			...this.legendStack
+		}), n;
+	}
 	isTimeAligned() {
-		return I(this.options.chartType) ? !1 : this.getDisplayData().length === this.series.length();
+		return R(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(le(t)));
+		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(ce(t)));
 		let { min: n, max: r } = this.viewport.getState().priceRange;
 		return Number(e.toFixed(this.marketPricePrecision ?? c(n, r)));
 	}
@@ -2520,7 +2576,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	stepAt(e) {
 		let t = this.symbolInfo?.minTick ?? this.priceUnit ?? void 0;
-		return t !== void 0 && t > 0 ? t : this.marketConfig ? re(e, this.marketConfig) : void 0;
+		return t !== void 0 && t > 0 ? t : this.marketConfig ? ne(e, this.marketConfig) : void 0;
 	}
 	getPriceStep(e) {
 		let t = this.stepAt(e ?? this.lastClose());
@@ -2535,7 +2591,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		return this.priceFormatter;
 	}
 	applyPriceFormat(e) {
-		this.priceFormatter = ne(e), this.priceUnit = e && typeof e != "function" ? g(e) : null, this.viewport.setPriceFormat(this.priceFormatter, this.priceUnit), this.crosshairTooltip.setPriceFormatter(this.priceFormatter), this.pinnedTooltip.setPriceFormatter(this.priceFormatter);
+		this.priceFormatter = te(e), this.priceUnit = e && typeof e != "function" ? g(e) : null, this.viewport.setPriceFormat(this.priceFormatter, this.priceUnit), this.crosshairTooltip.setPriceFormatter(this.priceFormatter), this.pinnedTooltip.setPriceFormatter(this.priceFormatter);
 	}
 	setTimeFormatter(e) {
 		this.applyTimeFormatter(e), this.engine.requestRender();
@@ -2672,7 +2728,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	recordUndo(e) {
 		if (!this.features.drawingUndoRedo || typeof e?.undo != "function" || typeof e.redo != "function") return;
 		let t = performance.now(), n = this.undoRedoManager.last();
-		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < Fr) {
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < zr) {
 			this.undoRedoManager.replaceLast({
 				...n,
 				custom: {
@@ -2719,7 +2775,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = Jt(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = P(t.x, n)), e === "pane") {
+		if ((e === "plot" || e === "priceAxis") && (r.price = Jt(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = I(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);
 		}
@@ -2745,7 +2801,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
-		this.setVisibleRange(P(e.x0, t), P(e.x1, t));
+		this.setVisibleRange(I(e.x0, t), I(e.x1, t));
 	}
 	lockAllDrawings() {
 		this.drawingManager.lockAllDrawings();
@@ -2776,7 +2832,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		});
 	}
 	getExportData(e = {}) {
-		let t = this.series.bars(), n = 0, r = t.length - 1;
+		let t = this.exportBars(), n = 0, r = t.length - 1;
 		if (e.range === "visible") {
 			let { visibleRange: e } = this.viewport.getState();
 			n = Math.max(0, e.from), r = Math.min(t.length - 1, e.to);
@@ -2790,7 +2846,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		for (let e of this.indicatorEngine.getActiveIndicators()) {
 			let t = this.indicatorEngine.getOutput(e.instanceId)?.series;
 			if (!t) continue;
-			let r = on(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
+			let r = cn(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
 			}));
@@ -2814,11 +2870,11 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	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);
@@ -2880,7 +2936,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.recordIndicators(e, () => this.updateIndicatorStyleNow(e, t));
 	}
 	updateIndicatorStyleNow(e, t) {
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ie(n);
 		this.indicatorEngine.updateIndicatorStyle(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -2973,6 +3029,8 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			kind: "bars",
 			length: e
 		});
+		let t = this.crosshairHandler.getSyncedSlot();
+		t !== null && this.showSyncedBar(t);
 	}
 	followLivePrice(e) {
 		this.replayTrades() || this.tradingManager.setCurrentPrice(e), this.features.alerts && this.checkAlerts(e);
@@ -2984,27 +3042,26 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.replaySession || this.collectIndicatorValues(n), this.alertManager.checkChannels(n, { together: !0 }), this.alertManager.checkDrawings(e);
 	}
 	collectIndicatorValues(e) {
-		let t = this.series.bars();
-		if (t.length === 0) return;
-		let n = t.length - 1, r = this.alertManager.getAlerts().flatMap((e) => e.target ? [e.channel, e.target] : [e.channel]);
-		for (let t of r) {
-			if (e.has(t)) continue;
-			let r = t.indexOf(":");
-			if (r < 0) continue;
-			let i = this.indicatorEngine.getOutput(t.slice(0, r))?.series?.[n]?.[t.slice(r + 1)];
-			typeof i == "number" && Number.isFinite(i) && e.set(t, i);
+		if (this.series.length() === 0) return;
+		let t = this.alertManager.getAlerts().flatMap((e) => e.target ? [e.channel, e.target] : [e.channel]);
+		for (let n of t) {
+			if (e.has(n)) continue;
+			let t = n.indexOf(":");
+			if (t < 0) continue;
+			let r = this.indicatorEngine.getOutput(n.slice(0, t))?.series, i = r?.[r.length - 1]?.[n.slice(t + 1)];
+			typeof i == "number" && Number.isFinite(i) && e.set(n, i);
 		}
 	}
 	setTradingConfig(e) {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		if (!A(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
+		if (!M(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
 		this.snapshotKey = null, this.holdReplayFor(e.symbol), this.disconnectStream(), this.streamManager = new mt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (t) => {
 			let n = this.streamSeriesKey(e.adapter);
 			n === this.snapshotKey && this.replaySession ? this.series.mergeSnapshot(t) : n === this.snapshotKey && this.series.length() > 0 ? this.mergeSnapshot(t) : (this.replaySession && this.useStreamHistory(e.adapter, e.historyPageSize, !1), this.setData(t)), this.snapshotKey = n, this.useStreamHistory(e.adapter, e.historyPageSize);
 		}), this.streamManager.on("barClose", (e) => {
-			if (!L(e)) return;
+			if (!B(e)) return;
 			let t = this.series.placeStreamBar(e);
 			if (t.refiltered && (this.displayDataCache = null), t.to === "none") {
 				this.updateBar(e);
@@ -3016,7 +3073,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		}), this.streamManager.on("barCorrection", (e) => {
 			this.updateBar(e);
 		}), this.streamManager.on("barUpdate", (e) => {
-			if (!L(e)) return;
+			if (!B(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;
 			let n = t.before;
@@ -3056,18 +3113,18 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		}), this.streamManager.on("symbolInfo", (e) => this.applyFeedSymbolInfo(e)), this.autoScrollOnNewBar = e.autoScroll !== !1, this.setStreamTarget(e.symbol, e.timeframe), this.streamAdapter = e.adapter;
 		let t = this.streamManager;
 		if (this.resolveStreamSymbol(e.adapter, e.symbol), await t.connect(e), this.streamManager !== t) return;
-		let n = w(e.timeframe);
+		let n = T(e.timeframe);
 		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
 			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
 	}
 	streamSeriesKey(e) {
-		let t = N(e), n = this.streamTimeframe, r = t instanceof at && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		let t = F(e), n = this.streamTimeframe, r = t instanceof at && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
 		return `${this.currentSymbol}|${n}|${r?.timeZone ?? ""}`;
 	}
 	setStreamTarget(e, t) {
 		let n = this.announcedSymbol;
-		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = ue(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 = le(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);
@@ -3085,8 +3142,8 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !A(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
-		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(w(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
+		if (n && !M(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;
@@ -3105,7 +3162,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = lr(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = pr(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -3181,6 +3238,14 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	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();
@@ -3230,7 +3295,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	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(M(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(P(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) {
@@ -3241,7 +3306,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			this.fitContent();
 			return;
 		}
-		let o = M(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
+		let o = P(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() {
@@ -3266,7 +3331,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	setVisibleRange(e, t) {
 		let n = this.getDisplayData();
 		if (n.length === 0) return;
-		let r = M(Math.min(e, t), n), i = M(Math.max(e, t), n);
+		let r = P(Math.min(e, t), n), i = P(Math.max(e, t), n);
 		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
 	}
 	suspend() {
@@ -3372,7 +3437,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.applyStyle(e, t.layer ?? "host", !0);
 	}
 	setOverrides(e, t = {}) {
-		let n = t.layer ?? "host", { overrides: r, rejected: i } = ie(e);
+		let n = t.layer ?? "host", { overrides: r, rejected: i } = re(e);
 		i.length > 0 && console.warn(`Style overrides left out (unknown key or value): ${i.join(", ")}`);
 		let a = Object.fromEntries(Object.entries(r).filter(([, e]) => e !== null));
 		this.themeManager.setOverrides(a, n) && this.styleChanged(n);
@@ -3391,7 +3456,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		return this.themeManager.getStyleValue(e);
 	}
 	applyStyle(e, t, n) {
-		let { overrides: r, rejected: i } = ie(e);
+		let { overrides: r, rejected: i } = re(e);
 		i.length > 0 && console.warn(`Style overrides left out (unknown key or value): ${i.join(", ")}`), this.themeManager.applyOverrides(r, t) && n && this.styleChanged(t);
 	}
 	styleChanged(e) {
@@ -3424,8 +3489,23 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		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(M(e, t));
-		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.engine.requestRender(r.Hover));
+		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(P(e, t));
+		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.showSyncedBar(n), this.engine.requestRender(r.Hover));
+	}
+	showSyncedBar(e) {
+		if (e === null) {
+			this.crosshairHandler.getPosition() || this.chartLegend.setHoverBar(null), this.eventBus.emit("crosshairSync", { barIndex: null });
+			return;
+		}
+		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 ? j(t)[e]?.time ?? n.time : void 0;
+		this.eventBus.emit("crosshairSync", {
+			barIndex: e,
+			...n ? { bar: n } : {},
+			...i === void 0 ? {} : { time: i },
+			...r ? { prevClose: r.close } : {}
+		});
 	}
 	getData() {
 		return this.series.bars();
@@ -3498,7 +3578,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		return this.periodLevels.getPeriod();
 	}
 	setTimeZone(e) {
-		jr(e), this.timeZoneSetting = e, this.applyTimeZone();
+		Fr(e), this.timeZoneSetting = e, this.applyTimeZone();
 	}
 	getTimeZone() {
 		return this.timeZoneSetting;
@@ -3507,7 +3587,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		return this.displayTz;
 	}
 	getExchangeTimeZone() {
-		return [C(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && v(e)) ?? null;
+		return [w(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && v(e)) ?? null;
 	}
 	setTimezone(e) {
 		this.setTimeZone(e);
@@ -3549,7 +3629,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	spokenBarTime(e) {
 		let t = this.getDisplayData(), n = e * u(t), r = this.numberLocale || "en-US";
-		return d(t) === !0 ? de(r, { dateStyle: "medium" }, l(n, this.displayTz, this.getExchangeTimeZone()))(n) : de(r, {
+		return d(t) === !0 ? ue(r, { dateStyle: "medium" }, l(n, this.displayTz, this.getExchangeTimeZone()))(n) : ue(r, {
 			dateStyle: "medium",
 			timeStyle: "short"
 		}, this.displayTz)(n);
@@ -3562,18 +3642,18 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		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 ? Mr({
+		let t = e && this.symbolInfo?.symbol === e.symbol ? w(this.symbolInfo) : void 0;
+		this.symbolInfo = e ? Ir({
 			...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 && v(i) ? {
 			timeZone: i,
 			windows: n,
@@ -3588,15 +3668,15 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		if (!e || typeof e != "object") return;
 		let t = this.currentSymbol, n = (e) => !e || e.toUpperCase() === t.toUpperCase();
 		if (!n(e.symbol)) return;
-		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = Mr({
+		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = Ir({
 			...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 = N(e), r = n.resolveSymbol?.bind(n);
+		let n = F(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;
@@ -3675,7 +3755,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.engine.getGpu() && this.engine.renderNow();
 	}
 	screenshot(e) {
-		this.features.screenshot && (this.freshFrame(), k.download(this.container, e, this.themeManager.getTheme().background));
+		this.features.screenshot && (this.freshFrame(), A.download(this.container, e, this.themeManager.getTheme().background));
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
@@ -3683,7 +3763,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		if (!t?.write || !e) return !1;
 		try {
 			this.freshFrame();
-			let n = k.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
+			let n = A.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
 				if (!e) throw Error("No chart image to copy");
 				return e;
 			});
@@ -3701,10 +3781,10 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		}
 	}
 	screenshotDataURL() {
-		return this.features.screenshot ? (this.freshFrame(), k.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), A.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? (this.freshFrame(), k.toBlob(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), A.toBlob(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i, a = {}) {
 		if (!this.features.alerts) return null;
@@ -3831,24 +3911,24 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = ei(this.currentSymbol);
+			this.series.beginReplay(), this.replaySession = ii(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 = J(l, i) : u && d !== void 0 && (d += t);
+		i !== void 0 && d === void 0 ? d = Z(l, i) : u && d !== void 0 && (d += t);
 		let f = u ? t : a && d !== void 0 && d > 0 ? Math.min(Math.floor(d), l.length - 1) : 0, p = f > 0 ? l.slice(f) : l;
 		d !== void 0 && (c.startIndex = d - f), n.windowTime = f > 0 ? p[0]?.time ?? null : null, n.steps = r ?? null, n.stepsSymbol = this.currentSymbol, n.until = null, n.animate = c.animate, n.step = c.animate ? s ?? null : null, this.replayRevealMarks = o !== !1, this.useReplayLoader(n, !0);
 		let m = r ? this.replayStepsOver(n, p, !0) : null;
 		this.options.autoScale = !0, this.buildReplay(p, m, f);
 		let h = this.replayStepsSeries;
-		h && c.startIndex !== void 0 && (c.startIndex = li(h, p, c.startIndex));
+		h && c.startIndex !== void 0 && (c.startIndex = hi(h, p, c.startIndex));
 		let g = h ?? p, _ = g[Math.max(0, Math.min(Math.floor(Number(c.startIndex ?? 0)) || 0, g.length - 1))];
 		this.revealReplayMarks(this.replayRevealMarks ? _?.time ?? null : null), n.held && (n.held.state = c.paused ? "paused" : "playing", c.paused = !0), !c.paused && c.startIndex !== void 0 && c.startIndex >= 1 && this.replaySeek(c.startIndex - 1), this.replayManager.play(c);
 	}
 	buildReplay(e, t, n) {
 		let r = this.replaySession?.animate === !0, i = r ? null : t;
-		this.replayPieces = r && t ? fi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		this.replayPieces = r && t ? vi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
 		let a = this.replayRestarting;
 		this.replayRestarting = !0;
 		try {
@@ -3862,7 +3942,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			let n = t, a = e[t];
 			if (i) {
 				let r = i[t];
-				n = Z(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? mi(c, r) : ui(e[n], i, t), a = di(i, e, t, n) ? e[n] : c;
+				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? bi(c, r) : gi(e[n], i, t), a = _i(i, e, t, n) ? e[n] : c;
 			}
 			let u = this.replayForming;
 			this.replayForming = null, s = t;
@@ -3886,7 +3966,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			});
 		}), r && (this.replayPhaseUnsub = this.replayManager.on("phase", ({ index: t, fraction: n }) => {
 			if (!e[t] || this.series.length() !== o || o !== t && o !== t + 1) return;
-			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = pi() ? wr(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = Cr(r, i);
+			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = yi() ? Or(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = Dr(r, i);
 			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
 				index: t,
 				path: r
@@ -3896,7 +3976,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	drawFormingBar(e, t, n, r) {
 		this.currentPriceLine.setPrice(e.close, t);
 		let i = this.series.bars();
-		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !Xr.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
+		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !ei.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
 			this.scheduleRender();
 			return;
 		}
@@ -3904,22 +3984,22 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	replayPathOf(e, t) {
 		let n = e[t];
-		return vr(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
+		return Sr(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
 	}
 	loadReplaySteps(e, t) {
 		let n = this.replayLoader?.loader;
 		if (!n) return;
 		n.evictBefore(e[t].time);
 		let r = this.replayManager.getStepMs();
-		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(Yr / r) : 1);
+		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil($r / r) : 1);
 	}
 	useReplayLoader(e, t) {
-		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? Dr(e.step, r, (e) => A(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
+		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? jr(e.step, r, (e) => M(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
 		if (!t && this.replayLoader?.key === a || (this.replayLoader?.loader.dispose(), this.replayLoader = null, !i || !n || r === null)) return;
-		let o = N(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = w(r), u = new dr({
+		let o = F(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)
@@ -3934,18 +4014,18 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		if (!i || !a?.setMarkPrice || !o) return;
 		let s = i.fedTime;
 		if (s === null) {
-			i.fedTime = o.time, i.fedFraction = r, this.feedReplayPrice(Cr(n, r).close, o.time);
+			i.fedTime = o.time, i.fedFraction = r, this.feedReplayPrice(Dr(n, r).close, o.time);
 			return;
 		}
 		if (o.time < s || o.time === s && r <= i.fedFraction) return;
 		let c = [];
 		if (o.time > s) {
-			let a = J(e, s);
-			e[a]?.time === s && i.fedFraction < 1 && c.push(...K(this.replayPathOf(e, a), i.fedFraction, 1));
-			let o = e.slice(Y(e, s), t), l = Math.ceil(o.length / oi);
-			for (let e = 0; e < o.length; e += l) c.push(...si(o.slice(e, e + l)));
-			c.push(...K(n, -1, r));
-		} else c.push(...K(n, i.fedFraction, r));
+			let a = Z(e, s);
+			e[a]?.time === s && i.fedFraction < 1 && c.push(...Y(this.replayPathOf(e, a), i.fedFraction, 1));
+			let o = e.slice(di(e, s), t), l = Math.ceil(o.length / ui);
+			for (let e = 0; e < o.length; e += l) c.push(...fi(o.slice(e, e + l)));
+			c.push(...Y(n, -1, r));
+		} else c.push(...Y(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];
@@ -3960,9 +4040,9 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		if (!t) return;
 		let n = this.series.inHoursShown(this.series.liveBars());
 		if (n.length === 0) return;
-		let r = t.windowTime === null ? 0 : Math.min(J(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
+		let r = t.windowTime === null ? 0 : Math.min(Z(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
 		this.useReplayLoader(t, !1);
-		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : ri(o ?? i, t.until);
+		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : si(o ?? i, t.until);
 		if (s < 0 && this.canPageBackForReplay(t)) {
 			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
 			return;
@@ -3970,7 +4050,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		let c = this.getReplayState(), l = t.held !== null && (e === "hours" || e === "bar"), u = t.held?.state ?? c;
 		l || (t.held = null), t.symbol = this.currentSymbol;
 		let d = this.replayManager.remainingMs();
-		this.clearBarHolders(), t.animate && ni(t, this.replayCoarse, i);
+		this.clearBarHolders(), t.animate && oi(t, this.replayCoarse, i);
 		let f = this.replayRestarting;
 		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
 		try {
@@ -3993,14 +4073,14 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	replayStepsOver(e, t, n = !1) {
 		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
-		let r = ci(this.series.inHoursShown(e.steps), t);
-		return r && (n || ai(r, t)) ? r : null;
+		let r = mi(this.series.inHoursShown(e.steps), t);
+		return r && (n || li(r, t)) ? r : null;
 	}
 	canPageBackForReplay(e) {
-		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Zr;
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < ti;
 	}
 	async pageBackForReplay(e) {
-		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Zr, this.rebaseReplay("older"));
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = ti, this.rebaseReplay("older"));
 	}
 	holdReplay() {
 		let e = this.replaySession;
@@ -4033,7 +4113,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.signalMarkerManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, ri(this.replayStepsSeries ?? this.replayCoarse, e)));
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, si(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -4053,21 +4133,21 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			return;
 		}
 		if (i.time <= n.fedTime) return;
-		let a = e.slice(Y(e, n.fedTime), t + 1);
+		let a = e.slice(di(e, n.fedTime), t + 1);
 		n.fedTime = i.time;
-		let o = Math.ceil(a.length / oi);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of si(a.slice(e, e + o))) r.setMarkPrice(t, n);
+		let o = Math.ceil(a.length / ui);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of fi(a.slice(e, e + o))) r.setMarkPrice(t, n);
 		this.tradingManager.setCurrentPrice(i.close);
 	}
 	getReplayBarIndex() {
 		if (!this.replaySession) return -1;
 		if (this.replayForming) return this.replayForming.index;
 		let { current: e } = this.replayManager.getProgress(), t = this.replayStepsSeries;
-		return t && this.replayCoarse ? Z(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
+		return t && this.replayCoarse ? Q(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? li(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? hi(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.setHeldState("paused") || this.replayManager.pause();
@@ -4106,7 +4186,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			let t = Bt(e.time, n), r = Ft(e.price, n);
 			i = Math.min(i, t), a = Math.max(a, t), o = Math.min(o, r), s = Math.max(s, r);
 		}
-		return Rr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), zr.has(t.type) && ([o, s] = [r.y, r.y + r.height]), i = Math.max(i, r.x), a = Math.min(a, r.x + r.width), o = Math.max(o, r.y), s = Math.min(s, r.y + r.height), i <= a && o <= s ? {
+		return Hr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Ur.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,
@@ -4142,7 +4222,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		};
 	}
 	captureSnapshot() {
-		return T.capture({
+		return E.capture({
 			getDrawings: () => this.getDrawings(),
 			getTheme: () => this.themeManager.getBaseTheme(),
 			getAlerts: () => this.getAlerts(),
@@ -4155,14 +4235,14 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = Vr(e), r = /* @__PURE__ */ new Map();
+		let n = Gr(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 && Hr(n, t) && o.add(n.instanceId);
+				t && Kr(n, t) && o.add(n.instanceId);
 			}
 			for (let e of t) o.has(e.instanceId) || this.removeIndicator(e.instanceId);
 			for (let e of [...o]) this.indicatorEngine.getIndicatorConfig(e) || o.delete(e);
@@ -4170,7 +4250,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		let s = (e) => {
 			let t = { ...e };
 			for (let [e, n] of Object.entries(t)) {
-				let i = b(n), a = i && r.get(i.instanceId);
+				let i = x(n), a = i && r.get(i.instanceId);
 				a && (t[e] = _(a, i.key));
 			}
 			return t;
@@ -4224,7 +4304,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		let s = t.levels ?? null;
 		JSON.stringify(s) !== JSON.stringify(o?.levels ?? null) && this.setIndicatorLevels(e, s);
 		let c = t.intervals ?? null;
-		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? oe(t.paneStyle) : null);
+		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? ae(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, {
@@ -4329,7 +4409,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		if (this.indicatorHistoryDepth > 0 || !this.features.drawingUndoRedo) return t();
 		let n = this.getIndicatorSetup(), r = this.withoutIndicatorHistory(t), i = this.getIndicatorSetup();
 		if (JSON.stringify(n) === JSON.stringify(i)) return r;
-		let a = performance.now(), o = this.undoRedoManager.last(), s = e !== void 0 && o?.type === "indicators" && o.indicators?.subject === e && a - (o.indicators.at ?? 0) < Fr && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
+		let a = performance.now(), o = this.undoRedoManager.last(), s = e !== void 0 && o?.type === "indicators" && o.indicators?.subject === e && a - (o.indicators.at ?? 0) < zr && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
 			type: "indicators",
 			before: null,
 			after: null
@@ -4357,12 +4437,12 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	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);
+		let t = E.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();
 		if (this.undoRedoManager.clear(), t.alerts && this.features.alerts) {
@@ -4393,19 +4473,19 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	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) {
-		ce(e), this.engine.requestRender();
+		se(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();
@@ -4443,13 +4523,14 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 				...this.marketConfig.priceLimits,
 				referencePrice: e
 			}
-		}, this.engine.requestRender());
+		}, this.syncRenderContext(), this.engine.requestRender());
 	}
 	getFeatures() {
 		return this.features;
 	}
 	setFeatures(e) {
-		Object.assign(this.features, e), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.updateViewportAndRender()), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
+		let t = this.getLegendBottom();
+		Object.assign(this.features, e), e.legend !== void 0 && this.getLegendBottom() !== t && this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.updateViewportAndRender()), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
 	}
 	resize() {
 		let e = this.engine.dprManager.readContainerSize();
@@ -4464,14 +4545,14 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.disposed = !0, this.stopWatchingVisibility?.(), this.stopWatchingVisibility = null, this.waitForGpu(null), this.countdownInterval && clearInterval(this.countdownInterval), this.history.setLoader(null), this.disableAutoSave(), this.disconnectStream(), this.disconnectExecution(), this.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.a11y?.destroy(), this.a11y = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.pinnedTooltip.destroy(), this.replayRestarting = !0, this.replayManager.dispose(), this.alertManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.labelWidths.destroy(), this.container.innerHTML = "";
 	}
 	createChartRenderer(e) {
-		let t = Cn(e, (e) => this.pluginManager.getChartType(e));
+		let t = Dn(e, (e) => this.pluginManager.getChartType(e));
 		return t instanceof Le && 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" ? bn(e, (e) => this.stepAt(e)) : void 0;
+		let e = this.series.bars(), t = this.options.chartType === "rangeBars" ? wn(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);
@@ -4479,15 +4560,31 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	displaySeries(e, t) {
 		let n = this.options.chartType, r = (e) => this.pluginManager.getChartType(e);
-		if (n !== "pointAndFigure" || r(n)) return wn(n, e, r, this.chartTypeOptions, t, this.reshapeMemo);
-		let { columns: i, boxSize: a } = un(e, this.chartTypeOptions, this.reshapeMemo);
+		if (n !== "pointAndFigure" || r(n)) return On(n, e, r, this.chartTypeOptions, t, this.reshapeMemo);
+		let { columns: i, boxSize: a } = fn(e, this.chartTypeOptions, this.reshapeMemo);
 		return this.chartRenderer instanceof Qe && this.chartRenderer.setBoxSize(a), i;
 	}
 	recalcIndicatorsFrom(e, t) {
-		this.indicatorEngine.recalculateFrom(e, t), this.announceIndicatorUpdate(t);
+		if (!this.isTimeAligned()) return this.recalcIndicators(e);
+		this.indicatorEngine.recalculateFrom(e, t), this.indicatorsOnDrawn = null, this.announceIndicatorUpdate(t);
 	}
 	recalcIndicators(e) {
-		this.indicatorEngine.recalculateAll(e), this.announceIndicatorUpdate(0);
+		let t = this.indicatorBars(e);
+		this.indicatorEngine.recalculateAll(t), this.indicatorsOnDrawn = t === e ? null : t, this.announceIndicatorUpdate(0);
+	}
+	exportBars() {
+		if (this.isTimeAligned()) return this.series.bars();
+		let e = this.getDisplayData(), t = j(e);
+		return e.map((e, n) => ({
+			...e,
+			time: t[n]?.time ?? e.time
+		}));
+	}
+	indicatorBars(e = this.series.bars()) {
+		return this.isTimeAligned() ? e : this.getDisplayData();
+	}
+	syncIndicatorBars(e) {
+		(this.isTimeAligned() ? this.indicatorsOnDrawn === null : this.indicatorsOnDrawn === e) || this.recalcIndicators(this.series.bars());
 	}
 	announceIndicatorUpdate(e) {
 		if (this.indicatorUpdateFrom !== null) {
@@ -4523,7 +4620,9 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		this.panelInfoCache = null, this.fitDataAndAxes(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 	}
 	applyDataToViewport(e = !1) {
-		let t = this.getDisplayData(), n = this.options.autoScale !== !1 || this.priceFitPending;
+		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();
 		if (t.length > 0) {
@@ -4534,17 +4633,17 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	}
 	fitPriceScale(e, t) {
 		if (e.length === 0) return;
-		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = Jr(Jr(m(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && qr(e, n, r) ? this.volumeRenderer.getHeightRatio() + Pr : D;
+		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = Qr(Qr(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() && Zr(e, n, r) ? this.volumeRenderer.getHeightRatio() + Rr : O;
 		this.viewport.setScaleMargins(this.viewport.isInvertScale() ? {
 			top: a,
-			bottom: D
+			bottom: O
 		} : {
-			top: D,
+			top: O,
 			bottom: a
 		}), this.viewport.fitToPrices(i.min, i.max);
 	}
 	updateViewportAndRender(e = !1) {
-		this.resolvedLayoutCache = null, this.panelInfoCache = null, this.layoutManager.setLeftAxisWidth(this.isLeftPriceScaleShown() ? this.leftAxisWidth : 0);
+		this.indicatorEngine.setBarsTimed(this.comparesDrawn()), this.layoutManager.setPanelsAside(this.panesOffChartType()), this.resolvedLayoutCache = null, this.panelInfoCache = null, 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();
 	}
@@ -4561,7 +4660,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = Yn({
+		let t = this.themeManager.getTheme(), n = $n({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -4570,12 +4669,12 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Xn(this.leftAxisWidth, n);
+		}), r = er(this.leftAxisWidth, n);
 		return r === this.leftAxisWidth ? !1 : (this.leftAxisWidth = r, this.layoutManager.setLeftAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	fitPriceAxisWidth() {
 		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = Yn({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = $n({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -4586,14 +4685,14 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Xn(this.priceAxisWidth, n);
+		}), r = er(this.priceAxisWidth, n);
 		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(r.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => Ur(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => qr(n, e, t));
 		let i = n ?? this.detachedMeasureContext();
-		return i ? Ur(i, e, t) : e.length * 7;
+		return i ? qr(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;
@@ -4634,7 +4733,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 	buildPanelRenderInfos() {
 		if (this.panelInfoCache) return this.panelInfoCache;
 		let e = this.getResolvedLayout(), t = this.viewport.getState(), { from: n, to: r } = t.visibleRange, i = e.panels.map((e) => {
-			let i = e.config.logScale ? this.indicatorEngine.getPaneValueRange(e.config.id, n, r, !0) : null, a = i ?? this.indicatorEngine.getPaneValueRange(e.config.id, n, r) ?? { ...Or }, o = {
+			let i = e.config.logScale ? this.indicatorEngine.getPaneValueRange(e.config.id, n, r, !0) : null, a = i ?? this.indicatorEngine.getPaneValueRange(e.config.id, n, r) ?? { ...Mr }, o = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -4718,7 +4817,7 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = tr(this.pluginManager.getOverlays(), t);
+		let n = ar(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -4739,11 +4838,11 @@ var Nr = .08, Pr = a ** -7, Fr = 800, Ir = 20, Lr = 8, Rr = new Set(["horizontal
 		};
 	}
 };
-function Vr(e) {
+function Gr(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) => b(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);
@@ -4753,19 +4852,19 @@ function Vr(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function Hr(e, t) {
+function Kr(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 Ur(e, t, n) {
+function qr(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var Wr = 300;
-function Gr(e) {
+var Jr = 300;
+function Yr(e) {
 	let t = {}, n = e.family;
-	typeof n == "string" && n.trim() !== "" && n.length <= Wr && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
+	typeof n == "string" && n.trim() !== "" && n.length <= Jr && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
 	for (let n of [
 		"sizeSmall",
 		"sizeMedium",
@@ -4776,21 +4875,21 @@ function Gr(e) {
 	}
 	return t;
 }
-function Kr(e) {
+function Xr(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
-function qr(e, t, n) {
+function Zr(e, t, n) {
 	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
 	return !1;
 }
-function Jr(e, t) {
+function Qr(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
 	} : e : t;
 }
-function q(e) {
+function X(e) {
 	return {
 		id: e.id,
 		price: e.price,
@@ -4805,14 +4904,14 @@ function q(e) {
 		bars: e.bars
 	};
 }
-var Yr = 8e3, Xr = new Set([
+var $r = 8e3, ei = new Set([
 	"candlestick",
 	"line",
 	"area",
 	"bar",
 	"hollowCandle"
-]), Zr = 10, Qr = 50, $r = .001;
-function ei(e) {
+]), ti = 10, ni = 50, ri = .001;
+function ii(e) {
 	return {
 		price: null,
 		fedTime: null,
@@ -4827,42 +4926,42 @@ function ei(e) {
 		held: null
 	};
 }
-function ti(e, t) {
+function ai(e, t) {
 	let n = e[t + 1];
-	return n ? n.time - e[t].time : X(e);
+	return n ? n.time - e[t].time : pi(e);
 }
-function ni(e, t, n) {
+function oi(e, t, n) {
 	let r = e.fedTime;
 	if (r === null || !t || t.length === 0 || n.length === 0) return;
-	let i = ti(t, Z(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Z(n, a), s = n[o].time;
+	let i = ai(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 = ti(n, o);
+	let c = ai(n, o);
 	if (a === s && o > 0) {
 		e.fedTime = n[o - 1].time, e.fedFraction = 1;
 		return;
 	}
 	e.fedTime = s, e.fedFraction = Number.isFinite(c) && c > 0 ? Math.min(1, (a - s) / c) : 0;
 }
-function ri(e, t) {
-	let n = Y(e, t), r = e.length - 1;
-	return n > r && r >= 0 && e[r].time + X(e) <= t ? r : Math.max(-1, n - 2);
+function si(e, t) {
+	let n = di(e, t), r = e.length - 1;
+	return n > r && r >= 0 && e[r].time + pi(e) <= t ? r : Math.max(-1, n - 2);
 }
-function ii(e) {
+function ci(e) {
 	let t = Infinity;
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.min(t, e[n].time - e[n - 1].time);
 	return t;
 }
-function ai(e, t) {
-	if (!(ii(e) < ii(t))) return !1;
-	let n = Math.max(0, e.length - Qr);
+function li(e, t) {
+	if (!(ci(e) < ci(t))) return !1;
+	let n = Math.max(0, e.length - ni);
 	for (let r = n; r < e.length; r++) {
-		let n = t[Z(t, e[r].time)], i = (n.high - n.low) * $r + 2 ** -52;
+		let n = t[Q(t, e[r].time)], i = (n.high - n.low) * ri + 2 ** -52;
 		if (e[r].close > n.high + i || e[r].close < n.low - i) return !1;
 	}
 	return !0;
 }
-var oi = 500;
-function J(e, t) {
+var ui = 500;
+function Z(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -4870,7 +4969,7 @@ function J(e, t) {
 	}
 	return n;
 }
-function Y(e, t) {
+function di(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -4878,20 +4977,20 @@ function Y(e, t) {
 	}
 	return n;
 }
-function si(e) {
+function fi(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 X(e) {
+function pi(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 ci(e, t) {
+function mi(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + X(t), r = e.filter((e) => jn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	let n = t[t.length - 1].time + pi(t), r = e.filter((e) => Fn(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);
@@ -4899,7 +4998,7 @@ function ci(e, t) {
 	let o = t.slice(0, a), s = i.filter((e) => e.time >= t[a].time);
 	return [...o, ...s];
 }
-function Z(e, t) {
+function Q(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r + 1 >> 1;
@@ -4907,37 +5006,37 @@ function Z(e, t) {
 	}
 	return n;
 }
-function li(e, t, n) {
+function hi(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 ui(e, t, n) {
+function gi(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 = mi(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = bi(i, t[e]);
 	return i;
 }
-function di(e, t, n, r) {
+function _i(e, t, n, r) {
 	let i = e[n + 1], a = t[r + 1];
 	return i !== void 0 && a !== void 0 && i.time >= a.time;
 }
-function fi(e, t) {
+function vi(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
-		let e = t[Z(t, r.time)].time, i = n.get(e);
+		let e = t[Q(t, r.time)].time, i = n.get(e);
 		i ? i.push(r) : n.set(e, [r]);
 	}
 	return n;
 }
-function pi() {
+function yi() {
 	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function mi(e, t) {
+function bi(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -4949,26 +5048,26 @@ function mi(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var hi = [
+var xi = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], gi = ["open", "o"], _i = ["high", "h"], vi = ["low", "l"], yi = ["close", "c"], bi = [
+], Si = ["open", "o"], Ci = ["high", "h"], wi = ["low", "l"], Ti = ["close", "c"], Ei = [
 	"volume",
 	"vol",
 	"v"
 ];
-function xi(e) {
+function Di(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Si(t) : Ci(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Oi(t) : ki(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Si(e) {
+function Oi(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -4978,19 +5077,19 @@ function Si(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) ? Oi(e) : Di(e);
+		let t = Array.isArray(e) ? Pi(e) : Ni(e);
 		t ? n.push(t) : r++;
 	}
-	return Ai(n, t.length, r);
+	return Ii(n, t.length, r);
 }
-function Ci(e) {
+function ki(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 = wi(t[0]), r = Ti(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Ei(r) : {
+	let n = Ai(t[0]), r = ji(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Mi(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -5001,7 +5100,7 @@ function Ci(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 = Ti(t[e], n), i = ki(r[a.time]), c = Q(r[a.open]), l = Q(r[a.high]), u = Q(r[a.low]), d = Q(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = ji(t[e], n), i = Fi(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,
@@ -5020,9 +5119,9 @@ function Ci(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Ai(o, t.length - +!!i, s);
+	return Ii(o, t.length - +!!i, s);
 }
-function wi(e) {
+function Ai(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -5034,7 +5133,7 @@ function wi(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Ti(e, t) {
+function ji(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5042,25 +5141,25 @@ function Ti(e, t) {
 	}
 	return n.push(r), n;
 }
-function Ei(e) {
+function Mi(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(hi),
-		open: t(gi),
-		high: t(_i),
-		low: t(vi),
-		close: t(yi),
-		volume: t(bi)
+		time: t(xi),
+		open: t(Si),
+		high: t(Ci),
+		low: t(wi),
+		close: t(Ti),
+		volume: t(Ei)
 	};
 }
-function Di(e) {
+function Ni(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 = ki(String(t(hi) ?? "")), r = Number(t(gi)), i = Number(t(_i)), a = Number(t(vi)), o = Number(t(yi)), s = Number(t(bi) ?? 0);
+	}, n = Fi(String(t(xi) ?? "")), r = Number(t(Si)), i = Number(t(Ci)), a = Number(t(wi)), o = Number(t(Ti)), s = Number(t(Ei) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -5075,9 +5174,9 @@ function Di(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Oi(e) {
+function Pi(e) {
 	if (e.length < 5) return null;
-	let t = ki(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
+	let t = Fi(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,
@@ -5092,18 +5191,18 @@ function Oi(e) {
 		volume: Number.isFinite(o) ? o : 0
 	};
 }
-function Q(e) {
+function $(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function ki(e) {
+function Fi(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
-	if (Number.isFinite(n) && n > 0) return y(n);
+	if (Number.isFinite(n) && n > 0) return b(n);
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Ai(e, t, n) {
+function Ii(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);
@@ -5115,7 +5214,7 @@ function Ai(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var ji = class {
+var Li = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -5136,19 +5235,19 @@ var ji = 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) {
-		Mi(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		Ri(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		Mi(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		Ri(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		Mi(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		Ri(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 = xi(await t.text());
+			let e = Di(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) {
@@ -5179,12 +5278,12 @@ var ji = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function Mi(e) {
+function Ri(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
 //#region src/state/layoutStorage.ts
-function Ni(e) {
+function zi(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -5192,11 +5291,11 @@ function Ni(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 Pi = (e, t) => t.updatedAt - e.updatedAt;
-function Fi(e) {
+var Bi = (e, t) => t.updatedAt - e.updatedAt;
+function Vi(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 : Ni({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : zi({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -5205,17 +5304,17 @@ function Fi(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function Ii(e) {
-	let t = Fi(e), n = t ? e.content : void 0;
+function Hi(e) {
+	let t = Vi(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function Li(e = []) {
+function Ui(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Ni).sort(Pi),
+		list: () => [...t.values()].map(zi).sort(Bi),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -5228,7 +5327,7 @@ function Li(e = []) {
 		}
 	};
 }
-function Ri(e = "tcw:layouts:") {
+function Wi(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -5236,10 +5335,10 @@ function Ri(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(Fi).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(Vi).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Pi),
+		list: () => r().sort(Bi),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -5248,7 +5347,7 @@ function Ri(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ni(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), zi(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -5257,14 +5356,14 @@ function Ri(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var zi = 80;
-function $(e) {
+var Gi = 80;
+function Ki(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function Bi() {
+function qi() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function Vi(e) {
+function Ji(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -5275,7 +5374,7 @@ function Vi(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var Hi = class {
+var Yi = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -5291,7 +5390,7 @@ var Hi = 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 ?? Bi;
+		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;
 	}
 	current() {
 		return this.currentLayout;
@@ -5307,7 +5406,7 @@ var Hi = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(Fi).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(Vi).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -5316,12 +5415,12 @@ var Hi = class {
 		});
 	}
 	saveAs(e) {
-		let t = $(e);
+		let t = Ki(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 = Ii(await this.storage.load(e));
+			let t = Hi(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -5331,13 +5430,13 @@ var Hi = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = Vi(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = Ji(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
-		let n = $(t);
+		let n = Ki(t);
 		return n ? this.queue(async () => {
-			let t = Ii(await this.storage.load(e));
+			let t = Hi(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -5415,7 +5514,7 @@ var Hi = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = Vi(r);
+		let i = Ji(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -5436,6 +5535,6 @@ var Hi = class {
 	}
 };
 //#endregion
-export { In as C, z as D, L as E, on as O, zn as S, B as T, rr as _, Li as a, W as b, Br as c, Er as d, Dr as f, nr as g, ir as h, Ri as i, Ar as l, ar as m, zi as n, ji as o, or as p, $ as r, xi as s, Hi as t, kr as u, er as v, Pn as w, Wn as x, tr as y };
+export { Bn as C, H as D, B as E, cn as O, Un as S, U as T, sr as _, Ui as a, q as b, Wr as c, Ar as d, jr as f, or as g, cr as h, Wi as i, Pr as l, lr as m, Gi as n, Li as o, ur as p, Ki as r, Di as s, Yi as t, Nr as u, ir as v, Rn as w, Jn as x, ar as y };
 
-//# sourceMappingURL=LayoutSession-B2WYXhzD.js.map
+//# sourceMappingURL=LayoutSession-C5aHWgk7.js.map