@tradecanvas/chart 1.7.0 → 1.11.0

package/dist/{LayoutSession-CWn3sdbs.js → LayoutSession-BF1iuUrs.js}

@@ -1,8 +1,8 @@
-import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PRICE_AXIS_WIDTH as a, TIME_AXIS_HEIGHT as o, autoPricePrecision as s, computePriceLimits as c, formatPrice as l, fractionTick as u, indicatorSource as d, isValidTimeZone as f, mergeBar as p, normalizeBarTime as m, parseIndicatorSource as h, priceFormatterFor as g, readChartTypeOptions as _, sessionMinute as v, setLocale as ee, stepDecimals as te, tickBarCount as ne, timeframeToMs as y, zonedDateFormatter as re } from "@tradecanvas/commons";
-import { AlertDragHandler as ie, AlertManager as ae, Animator as oe, AreaRenderer as se, AxisDragHandler as ce, BarCountdown as le, BarRenderer as ue, BaselineRenderer as de, CandlestickRenderer as fe, ChartLegend as pe, ChartStateManager as b, CompareRenderer as me, CompareSymbolIndicator as he, CrosshairHandler as ge, CrosshairTooltip as _e, CurrentPriceLine as ve, DEFAULT_SESSION_HOURS as ye, DataExporter as x, DepthHeatmapRenderer as be, DrawingManager as xe, DrawingRenderer as Se, EquivolumeRenderer as Ce, EventBus as we, GridRenderer as Te, HLCAreaRenderer as Ee, HiLoRenderer as S, HollowCandleRenderer as De, IndicatorEngine as C, InteractionManager as Oe, KagiRenderer as ke, KeyboardHandler as Ae, LineRenderer as je, LineWithMarkersRenderer as Me, MarketProfileRenderer as Ne, MeasureOverlay as Pe, PanHandler as Fe, PaneResizeHandler as Ie, PeriodLevelsRenderer as Le, PinnedTooltip as Re, PivotMarkersRenderer as ze, PointAndFigureRenderer as Be, PriceAxis as w, PriceAxisAddButton as Ve, PriceLines as He, RenderEngine as Ue, RenkoRenderer as We, ReplayManager as Ge, Screenshot as T, SelectionBoxOverlay as Ke, SessionBreaks as qe, SessionShading as Je, SignalMarkerManager as Ye, SpreadIndicator as Xe, StepLineRenderer as Ze, StreamManager as Qe, SymbolSeriesStore as $e, TimeAxis as et, TradeZoneManager as tt, TradingManager as nt, TradingRenderer as rt, UndoRedoManager as it, Viewport as at, VolumeCandleRenderer as ot, VolumeProfileRenderer as st, VolumeRenderer as ct, Watermark as lt, ZoomHandler as ut, barTimeStepMs as dt, findDominantSwing as ft, isRegularSession as pt, mergeSessionHours as mt, rangePresetStart as ht, readAlertOptions as gt, registerBuiltInDrawingTools as _t, registerBuiltInIndicators as E, servesTimeframe as D, sourceParam as O, timestampToBarIndex as k, toHeikinAshi as vt, toKagi as yt, toLineBreak as bt, toPointAndFigure as xt, toRangeBars as St, toRenko as A, withResampling as Ct, xToBarIndex as wt, xToTime as j, yToPrice as M } from "@tradecanvas/core";
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PRICE_AXIS_WIDTH as a, TIME_AXIS_HEIGHT as o, autoPricePrecision as s, computePriceLimits as c, formatPrice as l, fractionTick as u, indicatorSource as d, isValidTimeZone as f, mergeBar as p, normalizeBarTime as m, parseIndicatorSource as h, priceFormatterFor as g, readChartTypeOptions as _, sessionMinute as v, setLocale as ee, stepDecimals as te, tickBarCount as ne, timeframeToMs as y, volumeColor as re, zonedDateFormatter as ie } from "@tradecanvas/commons";
+import { AlertDragHandler as ae, AlertManager as oe, Animator as se, AreaRenderer as ce, AxisDragHandler as le, BarCountdown as ue, BarRenderer as de, BaselineRenderer as fe, CandlestickRenderer as pe, ChartLegend as me, ChartStateManager as b, CompareRenderer as he, CompareSymbolIndicator as ge, CrosshairHandler as _e, CrosshairTooltip as ve, CurrentPriceLine as ye, DEFAULT_SESSION_HOURS as be, DataExporter as x, DepthHeatmapRenderer as xe, DrawingManager as Se, DrawingRenderer as Ce, EquivolumeRenderer as we, EventBus as Te, GridRenderer as Ee, HLCAreaRenderer as De, HiLoRenderer as Oe, HollowCandleRenderer as ke, IndicatorEngine as Ae, InteractionManager as je, KagiRenderer as Me, KeyboardHandler as Ne, LineRenderer as Pe, LineWithMarkersRenderer as Fe, MarketProfileRenderer as Ie, MeasureOverlay as Le, PanHandler as Re, PaneResizeHandler as ze, PeriodLevelsRenderer as Be, PinnedTooltip as Ve, PivotMarkersRenderer as He, PointAndFigureRenderer as Ue, PriceAxis as We, PriceAxisAddButton as Ge, PriceLines as Ke, RenderEngine as qe, RenkoRenderer as Je, ReplayManager as Ye, Screenshot as S, SelectionBoxOverlay as Xe, SessionBreaks as Ze, SessionShading as Qe, SignalMarkerManager as $e, SpreadIndicator as et, StepLineRenderer as tt, StreamManager as nt, SymbolSeriesStore as rt, TimeAxis as it, TradeZoneManager as at, TradingManager as ot, TradingRenderer as st, UndoRedoManager as ct, Viewport as lt, VolumeCandleRenderer as ut, VolumeProfileRenderer as dt, VolumeRenderer as ft, Watermark as pt, ZoomHandler as mt, barTimeStepMs as ht, findDominantSwing as gt, isRegularSession as _t, loadWebGLRenderer as vt, mergeSessionHours as yt, rangePresetStart as bt, readAlertOptions as xt, registerBuiltInDrawingTools as St, registerBuiltInIndicators as C, servesTimeframe as w, sourceParam as T, timestampToBarIndex as E, toHeikinAshi as Ct, toKagi as wt, toLineBreak as Tt, toPointAndFigure as Et, toRangeBars as Dt, toRenko as Ot, withResampling as kt, xToBarIndex as At, xToTime as D, yToPrice as jt } from "@tradecanvas/core";
 //#region src/regularHours.ts
-var Tt = 864e5, Et = 10;
-function Dt(e, t) {
+var Mt = 864e5, Nt = 10;
+function Pt(e, t) {
 	let n = e?.timezone;
 	if (!n || !f(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
@@ -14,34 +14,34 @@ function Dt(e, t) {
 	});
 	if (r.length === 0) return null;
 	let i = Infinity;
-	for (let e = Math.max(1, t.length - Et); e < t.length; e++) {
+	for (let e = Math.max(1, t.length - Nt); e < t.length; e++) {
 		let n = m(t[e].time) - m(t[e - 1].time);
 		n > 0 && n < i && (i = n);
 	}
-	if (!(i < Tt)) return null;
+	if (!(i < Mt)) return null;
 	let a = {
 		timeZone: n,
 		windows: r,
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => pt(m(e), a);
+	return (e) => _t(m(e), a);
 }
 //#endregion
 //#region src/chartA11y.ts
-var N = {
+var Ft = {
 	role: "chart",
 	summary: "{what}. Last price {close}.",
 	empty: "Chart, no data.",
 	view: "Showing {count} bars, {from} to {to}. High {high}, low {low}.",
 	bar: "{time}: open {open}, high {high}, low {low}, close {close}, volume {volume}.",
 	keys: "Arrow keys scroll and zoom, Home and End go to the start and the end. Comma and period read the bars one at a time."
-}, P = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), Ot = [
+}, O = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), It = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
 	"aria-describedby"
-], kt = 400, At = 1e3, jt = class {
+], Lt = 400, Rt = 1e3, zt = class {
 	live;
 	help;
 	labels;
@@ -55,20 +55,20 @@ var N = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...N,
+			...Ft,
 			...n
 		};
-		for (let t of Ot) this.before.set(t, e.getAttribute(t));
-		e.setAttribute("role", "application"), this.help = F("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = F("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
+		for (let t of It) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = Bt("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = Bt("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
 	}
 	setLabels(e) {
 		this.labels = {
-			...N,
+			...Ft,
 			...e
 		}, this.applyLabels();
 	}
 	refresh(e = !1) {
-		let t = At - (Date.now() - this.summaryAt);
+		let t = Rt - (Date.now() - this.summaryAt);
 		if (e || t <= 0 || this.container.getAttribute("aria-label") === this.labels.empty) {
 			this.summaryTimer && clearTimeout(this.summaryTimer), this.summaryTimer = null, this.summaryAt = Date.now(), this.container.setAttribute("aria-label", this.summary());
 			return;
@@ -80,7 +80,7 @@ var N = {
 	viewMoved() {
 		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
 			this.viewTimer = null, this.say(this.viewText());
-		}, kt);
+		}, Lt);
 	}
 	readBar(e) {
 		let t = this.source.bars();
@@ -93,13 +93,13 @@ var N = {
 		let i = t[this.cursor];
 		this.source.showBar(i.time);
 		let a = this.source.formatPrice;
-		this.say(P(this.labels.bar, {
+		this.say(O(this.labels.bar, {
 			time: this.source.formatTime(i.time),
 			open: a(i.open),
 			high: a(i.high),
 			low: a(i.low),
 			close: a(i.close),
-			volume: Mt(i.volume ?? 0)
+			volume: Vt(i.volume ?? 0)
 		}));
 	}
 	destroy() {
@@ -118,7 +118,7 @@ var N = {
 			this.labels.typeName ? this.labels.typeName(t) : t,
 			this.source.timeframe()
 		].filter(Boolean).join(", ");
-		return P(this.labels.summary, {
+		return O(this.labels.summary, {
 			what: n,
 			close: this.source.formatPrice(e[e.length - 1].close)
 		});
@@ -128,7 +128,7 @@ var N = {
 		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 P(this.labels.view, {
+		return O(this.labels.view, {
 			count: r - n + 1,
 			from: this.source.formatTime(e[n].time),
 			to: this.source.formatTime(e[r].time),
@@ -140,7 +140,7 @@ var N = {
 		this.live.textContent = e;
 	}
 };
-function F(e, t) {
+function Bt(e, t) {
 	let n = document.createElement(e);
 	return n.className = t, Object.assign(n.style, {
 		position: "absolute",
@@ -154,12 +154,12 @@ function F(e, t) {
 		border: "0"
 	}), n;
 }
-function Mt(e) {
+function Vt(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(2);
 }
 //#endregion
 //#region src/indicatorLabel.ts
-function I(e, t, n, r) {
+function Ht(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] : [];
 	return [
 		e === "spread" && t.mode === "ratio" ? "Ratio" : r ?? e.toUpperCase(),
@@ -169,55 +169,55 @@ function I(e, t, n, r) {
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function Nt(e) {
+function Ut(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new fe();
-		case "line": return new je();
-		case "area": return new se();
-		case "bar": return new ue();
-		case "hollowCandle": return new De();
-		case "baseline": return new de();
-		case "renko": return new We();
-		case "kagi": return new ke();
-		case "pointAndFigure": return new Be();
-		case "volumeCandles": return new ot();
-		case "equivolume": return new Ce();
-		case "hlcArea": return new Ee();
-		case "stepLine": return new Ze();
-		case "lineWithMarkers": return new Me();
-		case "hiLo": return new S();
-		default: return new fe();
+		case "rangeBars": return new pe();
+		case "line": return new Pe();
+		case "area": return new ce();
+		case "bar": return new de();
+		case "hollowCandle": return new ke();
+		case "baseline": return new fe();
+		case "renko": return new Je();
+		case "kagi": return new Me();
+		case "pointAndFigure": return new Ue();
+		case "volumeCandles": return new ut();
+		case "equivolume": return new we();
+		case "hlcArea": return new De();
+		case "stepLine": return new tt();
+		case "lineWithMarkers": return new Fe();
+		case "hiLo": return new Oe();
+		default: return new pe();
 	}
 }
-function Pt(e, t, n = {}) {
+function Wt(e, t, n = {}) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return vt(t);
+		case "heikinAshi": return Ct(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? A(t, { brickSize: e }) : A(t, {
+			return typeof e == "number" ? Ot(t, { brickSize: e }) : Ot(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
 			});
 		}
-		case "lineBreak": return bt(t, n.lineBreak?.lines ?? 3);
-		case "kagi": return yt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent");
+		case "lineBreak": return Tt(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return wt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent");
 		case "pointAndFigure": {
 			let e = n.pointAndFigure?.boxSize;
-			return xt(t, typeof e == "number" ? e : It(t) * .01, n.pointAndFigure?.reversal ?? 3);
+			return Et(t, typeof e == "number" ? e : qt(t) * .01, n.pointAndFigure?.reversal ?? 3);
 		}
 		case "rangeBars": {
 			let e = n.rangeBars?.range;
-			return St(t, { rangeSize: typeof e == "number" ? e : It(t) * .005 });
+			return Dt(t, { rangeSize: typeof e == "number" ? e : qt(t) * .005 });
 		}
 		default: return t;
 	}
 }
-function Ft(e) {
+function Gt(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -228,26 +228,26 @@ function Ft(e) {
 		default: return !1;
 	}
 }
-function L(e) {
-	return e !== "heikinAshi" && Ft(e);
+function Kt(e) {
+	return e !== "heikinAshi" && Gt(e);
 }
-function It(e) {
+function qt(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
-function Lt(e, t) {
+function Jt(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : Nt(e);
+	return n ? n.createRenderer() : Ut(e);
 }
-function Rt(e, t, n, r) {
+function Yt(e, t, n, r) {
 	if (t.length === 0) return t;
 	let i = n?.(e);
-	return i?.transform ? i.transform(t) : Pt(e, t, r);
+	return i?.transform ? i.transform(t) : Wt(e, t, r);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var zt = class {
+var Xt = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -277,15 +277,15 @@ var zt = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function R(e) {
+function k(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 Bt(e) {
+function Zt(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
-function z(e) {
+function A(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -293,7 +293,7 @@ function z(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-var B = class {
+var j = class {
 	data = [];
 	getData() {
 		return this.data;
@@ -302,7 +302,7 @@ var B = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			R(r) && t.push(Bt(r) ? r : z(r));
+			k(r) && t.push(Zt(r) ? r : A(r));
 		}
 		this.data = t;
 	}
@@ -310,7 +310,7 @@ var B = class {
 		let t = this.data.length > 0 ? this.data[0].time : Infinity, n = [];
 		for (let r = 0; r < e.length; r++) {
 			let i = e[r];
-			!R(i) || i.time >= t || n.push(Bt(i) ? i : z(i));
+			!k(i) || i.time >= t || n.push(Zt(i) ? i : A(i));
 		}
 		if (n.length === 0) return 0;
 		n.sort((e, t) => e.time - t.time);
@@ -319,11 +319,11 @@ var B = class {
 		return n.length = r, this.data = n.concat(this.data), r;
 	}
 	appendBar(e) {
-		R(e) && this.data.push(z(e));
+		k(e) && this.data.push(A(e));
 	}
 	updateLastBar(e) {
-		if (!R(e)) return;
-		let t = z(e);
+		if (!k(e)) return;
+		let t = A(e);
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -339,7 +339,7 @@ var B = class {
 	clear() {
 		this.data = [];
 	}
-}, Vt = 5e3, Ht = 6e4, Ut = 500, Wt = class {
+}, M = 5e3, Qt = 6e4, $t = 500, en = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -380,7 +380,7 @@ var B = 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(Ht, Vt * 2 ** (this.failures - 1)), this.emit({
+			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(Qt, M * 2 ** (this.failures - 1)), this.emit({
 				state: "error",
 				count: 0,
 				error: e instanceof Error ? e.message : String(e)
@@ -410,7 +410,7 @@ var B = class {
 	now() {
 		return this.host.now ? this.host.now() : Date.now();
 	}
-}, Gt = class {
+}, N = class {
 	theme;
 	shape = null;
 	constructor(t) {
@@ -437,7 +437,7 @@ var B = class {
 			} : this.theme.shape
 		};
 	}
-}, Kt = 200, qt = 80, V = (e) => e.position === "top" || e.position === "bottom", Jt = class {
+}, P = 200, F = 80, I = (e) => e.position === "top" || e.position === "bottom", L = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -453,8 +453,8 @@ var B = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? Kt : t),
-			minSize: a ? qt : i,
+			size: r ?? (a ? P : t),
+			minSize: a ? F : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -473,14 +473,14 @@ var B = class {
 	}
 	setPanelCollapsed(e, t) {
 		let n = this.panels.find((t) => t.id === e);
-		return !n || !V(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
+		return !n || !I(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 || !V(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
+		return !t || !I(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
 	}
 	setPanelScale(e, t) {
 		let n = this.panels.find((t) => t.id === e);
@@ -496,7 +496,7 @@ var B = class {
 	}
 	setMaximizedPanel(e) {
 		let t = e === null ? null : this.panels.find((t) => t.id === e);
-		return e !== null && (!t || !V(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
+		return e !== null && (!t || !I(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
 	}
 	getMaximizedPanel() {
 		return this.maximized;
@@ -517,19 +517,19 @@ var B = class {
 		this.panels = [...this.panels].sort((e, n) => t(e) - t(n));
 	}
 	shownSize(e, t) {
-		return V(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
+		return I(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 ? Kt : t, r.minSize = o ? qt : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
+			r.position = n, a !== o && (r.size = o ? P : t, r.minSize = o ? F : 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 = V(n) ? this.containerHeight - o - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
+			let e = I(n) ? this.containerHeight - o - 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;
 		}
 	}
@@ -639,8 +639,8 @@ var B = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, Yt = 14, Xt = 14, Zt = 22, Qt = 4;
-function $t(e) {
+}, tn = 14, nn = 14, rn = 22, R = 4;
+function z(e) {
 	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: o, fontSizeSmall: c, measure: u } = e, d = s(t, n), f = e.tagPrecision ?? d, p = r === null ? [t, n] : [
 		t,
 		n,
@@ -649,14 +649,14 @@ function $t(e) {
 	for (let t of p) {
 		if (!Number.isFinite(t)) continue;
 		let n = e.format ? e.format(t) : l(t, d, i), r = e.format ? n : l(t, f, i);
-		m = Math.max(m, u(n, `500 ${c}px ${o}`) + Yt, u(r, `bold 11px ${o}`) + Xt, u(r, `600 ${c}px ${o}`) + Zt);
+		m = Math.max(m, u(n, `500 ${c}px ${o}`) + tn, u(r, `bold 11px ${o}`) + nn, u(r, `600 ${c}px ${o}`) + rn);
 	}
-	return m <= a ? a : Math.ceil(m / Qt) * Qt;
+	return m <= a ? a : Math.ceil(m / R) * R;
 }
-function en(e, t) {
+function B(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
-var tn = class {
+var an = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -672,8 +672,8 @@ var tn = class {
 		}
 		return this.engaged;
 	}
-}, nn = 1;
-function rn(e, t) {
+}, on = 1;
+function V(e, t) {
 	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
 }
 function H(e) {
@@ -687,24 +687,24 @@ function H(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var U = /* @__PURE__ */ new Map();
-function an(e) {
+function sn(e) {
 	U.set(H(e), e);
 }
-function on(e) {
+function cn(e) {
 	return U.delete(e);
 }
-function sn() {
+function ln() {
 	return [...U.values()];
 }
-function cn() {
+function un() {
 	U.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var ln = class {
+var dn = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of sn()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of ln()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -734,15 +734,15 @@ var ln = class {
 	add(e) {
 		this.plugins.set(H(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, un = {
+}, fn = {
 	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) => dn(e, t, n)
+	positionReverse: (e, t, n) => pn(e, t, n)
 };
-async function dn(e, t, n) {
+async function pn(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -771,7 +771,7 @@ async function dn(e, t, n) {
 		}
 	}
 }
-function fn(e, t) {
+function mn(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -781,8 +781,8 @@ function fn(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(un)) {
-		let a = un[r], o = t.onIntent(r, (n) => {
+	for (let r of Object.keys(fn)) {
+		let a = fn[r], o = t.onIntent(r, (n) => {
 			Promise.resolve(a(e, n, i)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -796,16 +796,16 @@ function fn(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var pn = {
+var hn = {
 	min: 0,
 	max: 100
-}, mn = 0xe8d4a51000, hn = "exchange";
-function gn(e) {
+}, gn = 0xe8d4a51000, _n = "exchange";
+function vn(e) {
 	if (typeof e == "string" && e !== "exchange" && !f(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
-	static version = "1.7.0";
+var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
+	static version = "1.11.0";
 	engine;
 	viewport;
 	dataManager;
@@ -841,14 +841,14 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	indicatorHistoryDepth = 0;
 	removedDrawingAlerts = /* @__PURE__ */ new Map();
 	zoomAreaMode = !1;
-	priceAxisAddButton = new Ve();
+	priceAxisAddButton = new Ge();
 	displayTz = null;
 	timezoneSetting = null;
 	symbolInfo = null;
 	symbolInfoSeq = 0;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...ye };
+	hostSessionHours = { ...be };
 	compareRenderer;
 	countdownInterval = null;
 	volumeRenderer;
@@ -861,7 +861,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new Ke();
+	selectionBoxOverlay = new Xe();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
@@ -869,24 +869,26 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	replayStepsSeries = null;
 	replayCoarse = null;
 	undoRedoManager;
-	autoSaveScheduler = new zt((e) => this.saveState(e));
+	autoSaveScheduler = new Xt((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
 	interactionManager;
 	crosshairHandler;
 	chartRenderer;
+	rendererToken = 0;
+	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new He();
-	symbolSeries = new $e();
+	priceLines = new Ke();
+	symbolSeries = new rt();
 	extendedHours = !0;
 	replayRestarting = !1;
 	fullSeries = null;
 	requestedSymbols = /* @__PURE__ */ new Set();
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new w();
+	leftPriceAxis = new We();
 	leftScaleRequested = !1;
 	leftAxisWidth = a;
 	leftViewport = null;
@@ -916,7 +918,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && gn(t.timeZone), this.container = e, this.options = {
+		t.timeZone != null && vn(t.timeZone), this.container = e, this.options = {
 			...t,
 			chartType: t.chartType ?? "candlestick"
 		}, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
@@ -954,15 +956,15 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			logScale: n.logScale ?? !0,
 			timeframes: n.timeframes ?? [],
 			defaultTimeframeFavorites: n.defaultTimeframeFavorites ?? []
-		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", this.dataManager = new B(), this.history = new Wt({
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.dataManager = new j(), this.history = new en({
 			oldestTime: () => this.dataManager.getData()[0]?.time ?? null,
 			prepend: (e) => this.prependBars(e),
 			emit: (e) => this.eventBus.emit("historyLoad", e)
-		}), this.themeManager = new Gt(t.theme), this.layoutManager = new Jt(), this.indicatorEngine = new C(), this.pluginManager = new ln(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new we(), E(this.indicatorEngine), this.indicatorEngine.register(new he(this.symbolSeries)), this.indicatorEngine.register(new Xe(this.symbolSeries)), this.drawingManager = new xe(), _t(this.drawingManager), this.drawingRenderer = new Se(this.drawingManager), this.drawingManager.setRequestRender(() => {
+		}), this.themeManager = new N(t.theme), this.layoutManager = new L(), this.indicatorEngine = new Ae(), this.pluginManager = new dn(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Te(), C(this.indicatorEngine), this.indicatorEngine.register(new ge(this.symbolSeries)), this.indicatorEngine.register(new et(this.symbolSeries)), this.drawingManager = new Se(), St(this.drawingManager), this.drawingRenderer = new Ce(this.drawingManager), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(r.Overlay), this.scheduleAutoSave();
 		}), this.drawingManager.setEventCallback((e, t) => {
 			this.followDrawingAlerts(e, t?.id), this.eventBus.emit(e, t), (e === "drawingCreate" || e === "drawingUpdate" || e === "drawingRemove") && this.announceStateChange();
-		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new it();
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new ct();
 		let i = "";
 		this.undoRedoManager.setOnChange(() => {
 			let { canUndo: e, canRedo: t } = this.undoRedoManager.getState(), n = `${e}|${t}`;
@@ -975,21 +977,21 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			primary: e[0] ?? null
 		})), this.drawingManager.setForeignHistory((e, t) => {
 			e.type === "custom" ? e.custom?.[t]() : this.applyIndicatorStep(e, t);
-		}), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new nt({
+		}), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new ot({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new rt(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new st(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.engine = new Ue(e);
+		}), this.engine = new qe(e);
 		let a = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new at(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
+		if (this.viewport = new lt(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
 			freePan: t.freePan ?? !0,
 			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
 		}), this.layoutManager.resize(a.width, a.height), this.engine.onContainerResize = (e) => {
 			if (e.width <= 0 || e.height <= 0) return;
 			let t = this.viewport.isAtEnd();
 			this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(t);
-		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Te(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new w(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.timeAxis = new et(), this.crosshairHandler = new ge(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Ee(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new We(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.timeAxis = new it(), this.crosshairHandler = new _e(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
 				let n = this.dataManager.getData(), r = e < n.length ? n[e] : void 0;
 				this.chartLegend.setHoverBar(r ?? null);
@@ -998,19 +1000,19 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 					prevClose: e > 0 ? n[e - 1]?.close : void 0,
 					priceRange: i.priceRange,
 					plot: i.chartRect,
-					barStepMs: dt(n)
+					barStepMs: ht(n)
 				}) : this.crosshairTooltip.hide(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
 					point: t,
 					bar: r,
 					barIndex: e
 				});
 			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null), this.eventBus.emit("crosshairLeave", {});
-		}), this.chartLegend = new pe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new lt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new ct(), this.volumeProfile = new st(), this.marketProfile = new Ne(), this.depthHeatmap = new be(), this.periodLevels = new Le(), this.pivotMarkers = new ze(), this.barCountdown = new le(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new qe(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Je(), this.compareRenderer = new me(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.chartLegend = new me(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new pt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new ft(), this.volumeProfile = new dt(), this.marketProfile = new Ie(), this.depthHeatmap = new xe(), this.periodLevels = new Be(), this.pivotMarkers = new He(), this.barCountdown = new ue(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new Ze(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Qe(), this.compareRenderer = new he(), 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 oe(), this.crosshairTooltip = new _e(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Re(), this.pinnedTooltip.create(e), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = _(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Tn(t.shapes)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ae({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new se(), this.crosshairTooltip = new ve(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Ve(), this.pinnedTooltip.create(e), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = _(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Dn(t.shapes)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ne({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -1027,17 +1029,17 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			},
 			fitContent: () => this.fitContent()
 		}), this.keyboardHandler.setEnabled(this.features.keyboard), t.a11y !== !1) {
-			this.a11y = new jt(e, {
+			this.a11y = new zt(e, {
 				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
 				timeframe: () => this.streamTimeframe ?? "",
 				chartType: () => this.options.chartType ?? "candlestick",
 				bars: () => this.getDisplayData(),
 				visibleRange: () => this.viewport.getState().visibleRange,
 				formatPrice: (e) => this.formatPrice(e),
-				formatTime: (e) => re(this.numberLocale || "en-US", {
+				formatTime: (e) => ie(this.numberLocale || "en-US", {
 					dateStyle: "medium",
 					timeStyle: "short"
-				}, this.displayTz)(e > mn ? e : e * 1e3),
+				}, this.displayTz)(e > gn ? e : e * 1e3),
 				showBar: (e) => this.setCrosshairTime(e)
 			}, t.a11y?.labels);
 			for (let e of [
@@ -1057,7 +1059,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ve(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new ae(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ye(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new oe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
 			this.eventBus.emit("alertTriggered", G(e)), this.eventBus.emit("dataUpdate", {
 				alert: "triggered",
 				alertId: e.id,
@@ -1072,7 +1074,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			this.eventBus.emit("alertExpired", G(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", G(e));
-		}), this.signalMarkerManager = new Ye(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new $e(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -1080,18 +1082,18 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new tt(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (e) => {
+		}), this.tradeZoneManager = new at(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (e) => {
 			this.eventBus.emit("tradeZoneAdd", {
 				id: e.id,
 				direction: e.direction
 			});
 		}), this.tradeZoneManager.on("removed", (e) => {
 			this.eventBus.emit("tradeZoneRemove", { id: e });
-		}), this.replayManager = new Ge(), this.replayManager.on("stateChange", (e) => {
+		}), this.replayManager = new Ye(), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Pe(), this.interactionManager = new Oe(e), this.features.panning) {
-			let e = new tn();
-			this.interactionManager.setPanHandler(new Fe((t, n) => {
+		}), this.measureOverlay = new Le(), this.interactionManager = new je(e), this.features.panning) {
+			let e = new an();
+			this.interactionManager.setPanHandler(new Re((t, n) => {
 				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.options.autoScale = !1, this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
 		}
@@ -1103,10 +1105,10 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new ut((e, t) => {
+			this.interactionManager.setZoomHandler(new mt((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new ce((e) => {
+			let e = new le((e) => {
 				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -1126,7 +1128,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 				y: t.y
 			});
 		})), this.interactionManager.setChartContextMenu((e, t) => this.eventBus.hasListeners("chartContextMenu") ? (this.eventBus.emit("chartContextMenu", this.contextAt(e, t)), !0) : !1), this.priceAxisAddButton.setEnabled(this.features.priceAxisAddButton && this.features.crosshair), this.interactionManager.setPriceAxisAddButton(this.priceAxisAddButton, (e) => {
-			let t = M(e.y, this.viewport.getState());
+			let t = jt(e.y, this.viewport.getState());
 			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
 				price: t,
 				x: e.x,
@@ -1136,10 +1138,10 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new ie(this.alertManager, () => this.viewport.getState());
+			let e = new ae(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new Ie();
+		let o = new ze();
 		o.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(o), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
@@ -1163,7 +1165,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let r = wt(e.x, this.viewport.getState());
+			let r = At(e.x, this.viewport.getState());
 			r < 0 || r >= t.length || this.eventBus.emit("barClick", {
 				bar: t[r],
 				barIndex: r,
@@ -1203,7 +1205,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < xn) return;
+					if (e.x1 - e.x0 < Cn) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -1222,7 +1224,10 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			}
 		}), this.interactionManager.setOverlayDirtyCallback((e) => {
 			this.engine.requestRender(e ? r.Hover : r.Overlay);
-		}), this.interactionManager.attach(), t.timeZone !== void 0 && t.timeZone !== null && this.setTimezone(t.timeZone), t.leftPriceScale && (this.leftScaleRequested = !0), this.syncRenderContext(), this.engine.start();
+		}), this.interactionManager.attach(), t.timeZone !== void 0 && t.timeZone !== null && this.setTimezone(t.timeZone), t.leftPriceScale && (this.leftScaleRequested = !0), this.syncRenderContext(), this.engine.start(), this.engine.onGpuLost = () => this.eventBus.emit("rendererChange", {
+			renderer: "canvas",
+			reason: "contextLost"
+		}), this.options.renderer && this.options.renderer !== "canvas" && this.setRenderer(this.options.renderer);
 	}
 	setData(e) {
 		this.loadSeries(e, !1);
@@ -1234,7 +1239,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		if (this.replaySession) return 0;
 		let t = null;
 		if (this.fullSeries) {
-			let n = this.fullSeries[0]?.time, r = /* @__PURE__ */ new Set(), i = e.filter((e) => Mn(e) && (n === void 0 || e.time < n) && !r.has(e.time) && r.add(e.time)).sort((e, t) => e.time - t.time);
+			let n = this.fullSeries[0]?.time, r = /* @__PURE__ */ new Set(), i = e.filter((e) => Pn(e) && (n === void 0 || e.time < n) && !r.has(e.time) && r.add(e.time)).sort((e, t) => e.time - t.time);
 			this.fullSeries = [...i, ...this.fullSeries];
 			let a = this.sessionKeep(this.fullSeries);
 			t = i.length, e = a ? i.filter((e) => a(e.time)) : i;
@@ -1243,7 +1248,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		if (a === 0) return t ?? 0;
 		let o = this.dataManager.getData();
 		if (this.crosshairHandler.setData(o), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.unpin(), this.measureOverlay.end(), this.recalcIndicators(o), i !== void 0) {
-			let e = Math.round(k(i, this.getDisplayData()));
+			let e = Math.round(E(i, this.getDisplayData()));
 			this.viewport.prependBars(e - r);
 		}
 		return this.updateViewportAndRender(), t ?? a;
@@ -1274,14 +1279,14 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	}
 	checkHistory() {
 		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
-			if (this.historyCheckQueued = !1, this.replaySession || !this.history.hasLoader() || L(this.options.chartType)) return;
+			if (this.historyCheckQueued = !1, this.replaySession || !this.history.hasLoader() || Kt(this.options.chartType)) return;
 			let { from: e, to: t } = this.viewport.getState().visibleRange;
-			this.history.maybeLoad(Math.max(0, Math.floor(e)), Math.max(bn, t - e));
+			this.history.maybeLoad(Math.max(0, Math.floor(e)), Math.max(Sn, t - e));
 		}));
 	}
 	useStreamHistory(e, t) {
 		if (this.hostHistoryLoader) return;
-		let n = Ct(e), r = n.fetchHistoryBefore, i = this.streamTimeframe;
+		let n = kt(e), r = n.fetchHistoryBefore, i = this.streamTimeframe;
 		if (!r || i === null || ne(i) !== null) {
 			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
 			return;
@@ -1363,7 +1368,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : Dt(this.symbolInfo, e);
+		return this.extendedHours ? null : Pt(this.symbolInfo, e);
 	}
 	shownBars(e) {
 		let t = this.sessionKeep(e);
@@ -1404,7 +1409,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Tn(e);
+		let t = Dn(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -1476,7 +1481,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		this.recordIndicators(e, () => this.updateIndicatorNow(e, t));
 	}
 	updateIndicatorNow(e, t) {
-		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? O(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
+		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? T(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
 		this.indicatorEngine.updateIndicator(e, t, this.dataManager.getData()), this.announceIndicatorUpdate(0), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "params"
@@ -1494,7 +1499,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	paneFor(e, t, n, r) {
 		if (n) return this.paneHostOf(n, r);
 		if (e.placement !== "overlay") return null;
-		let i = O(e), a = i ? h(t[i]) : null;
+		let i = T(e), a = i ? h(t[i]) : null;
 		return a ? this.paneHostOf(a.instanceId, r) : null;
 	}
 	paneHostOf(e, t) {
@@ -1537,8 +1542,8 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * vn,
-				max: t.max + n * vn
+				min: t.min - n * bn,
+				max: t.max + n * bn
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -1588,8 +1593,8 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new C();
-		return E(e), e.getAvailableIndicators();
+		let e = new Ae();
+		return C(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
@@ -1612,7 +1617,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	paneMoveHost(e, t) {
 		let n = this.indicatorEngine.getIndicatorConfig(e), r = this.indicatorEngine.getIndicatorDescriptor(e);
 		if (!n || !r) return;
-		let i = O(r);
+		let i = T(r);
 		if (r.placement === "overlay" && i && h(n.params[i])) return;
 		if (t === "price") return r.placement === "overlay" && n.pane ? null : void 0;
 		if (t === "new") {
@@ -1718,7 +1723,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		return this.features.legend ? e + this.chartLegend.getHeight() : e;
 	}
 	isTimeAligned() {
-		return L(this.options.chartType) ? !1 : this.getDisplayData().length === this.dataManager.getLength();
+		return Kt(this.options.chartType) ? !1 : this.getDisplayData().length === this.dataManager.getLength();
 	}
 	roundPrice(e) {
 		if (!Number.isFinite(e)) return e;
@@ -1790,7 +1795,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = ft(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = gt(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -1865,7 +1870,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	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 < yn) {
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < xn) {
 			this.undoRedoManager.replaceLast({
 				...n,
 				custom: {
@@ -1912,7 +1917,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = M(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = j(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 = D(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);
 		}
@@ -1938,7 +1943,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
-		this.setVisibleRange(j(e.x0, t), j(e.x1, t));
+		this.setVisibleRange(D(e.x0, t), D(e.x1, t));
 	}
 	lockAllDrawings() {
 		this.drawingManager.lockAllDrawings();
@@ -1983,7 +1988,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		for (let e of this.indicatorEngine.getActiveIndicators()) {
 			let t = this.indicatorEngine.getOutput(e.instanceId)?.series;
 			if (!t) continue;
-			let r = I(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
+			let r = Ht(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
 			}));
@@ -2167,8 +2172,8 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		if (!D(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
-		this.snapshotKey = null, this.replayStop(), this.disconnectStream(), this.streamManager = new Qe(), this.streamManager.on("snapshot", (t) => {
+		if (!w(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
+		this.snapshotKey = null, this.replayStop(), this.disconnectStream(), this.streamManager = new nt(), this.streamManager.on("snapshot", (t) => {
 			let n = `${this.currentSymbol}|${this.streamTimeframe}`;
 			this.replaySession ? this.replaySession.live.setData(t) : n === this.snapshotKey && this.dataManager.getLength() > 0 ? this.mergeSnapshot(t) : this.setData(t), this.snapshotKey = n, this.useStreamHistory(e.adapter, e.historyPageSize);
 		}), this.streamManager.on("barClose", (e) => {
@@ -2235,7 +2240,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !D(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
+		if (n && !w(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
 		this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(y(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isTimeframeAllowed(e) {
@@ -2251,7 +2256,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = fn(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = mn(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -2342,18 +2347,18 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	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(k(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(E(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
 		return this.viewport.scrollBy(i - r.offset), this.updateViewportAndRender(), n;
 	}
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = t[n].time > mn ? 1 : 1e3, i = ht(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		let n = t.length - 1, r = t[n].time > gn ? 1 : 1e3, i = bt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
 		if (a === null || a < t[0].time) {
 			this.fitContent();
 			return;
 		}
-		let o = k(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
+		let o = E(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() {
@@ -2367,7 +2372,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	setVisibleRange(e, t) {
 		let n = this.dataManager.getData();
 		if (n.length === 0) return;
-		let r = k(Math.min(e, t), n), i = k(Math.max(e, t), n);
+		let r = E(Math.min(e, t), n), i = E(Math.max(e, t), n);
 		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
 	}
 	setPanLimits(e) {
@@ -2428,7 +2433,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		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(k(e, t));
+		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(E(e, t));
 		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.engine.requestRender(r.Hover));
 	}
 	getData() {
@@ -2473,9 +2478,9 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	setDepthHeatmapConfig(e) {
 		e.opacity !== void 0 && this.depthHeatmap.setOpacity(e.opacity), e.capacity !== void 0 && this.depthHeatmap.setCapacity(e.capacity), this.engine.requestRender(r.Main);
 	}
-	pushDepthSnapshot(e) {
-		let t = this.dataManager.getData();
-		t.length !== 0 && (this.depthHeatmap.push(t[t.length - 1].time, e), this.depthHeatmap.isVisible() && this.engine.requestRender(r.Main));
+	pushDepthSnapshot(e, t) {
+		let n = this.dataManager.getData(), i = t ?? n[n.length - 1]?.time;
+		i === void 0 || !Number.isFinite(i) || (this.depthHeatmap.push(i, e), this.depthHeatmap.isVisible() && this.engine.requestRender(r.Main));
 	}
 	clearDepthHeatmap() {
 		this.depthHeatmap.clear(), this.engine.requestRender(r.Main);
@@ -2490,7 +2495,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
 	}
 	setTimezone(e) {
-		gn(e), this.timezoneSetting = e, this.applyTimezone();
+		vn(e), this.timezoneSetting = e, this.applyTimezone();
 	}
 	getTimezone() {
 		return this.timezoneSetting;
@@ -2553,7 +2558,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = mt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
+		this.hostSessionHours = yt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
 	}
 	setTooltipVisible(e) {
 		e || this.crosshairTooltip.hide();
@@ -2567,23 +2572,46 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	setStatusText(e) {
 		this.chartLegend.setStatusText(e), this.engine.requestRender(r.Hover);
 	}
+	async setRenderer(e) {
+		let t = ++this.rendererToken;
+		if (e === "canvas") return this.applyRenderer(null), "canvas";
+		if (this.engine.getGpu()) return "webgl";
+		let n = await vt(e);
+		return t !== this.rendererToken || this.disposed ? (n?.destroy(), this.getRenderer()) : (this.applyRenderer(n, n ? void 0 : "unsupported"), this.getRenderer());
+	}
+	getRenderer() {
+		return this.engine.getGpu() ? "webgl" : "canvas";
+	}
+	applyRenderer(e, t) {
+		let n = this.getRenderer();
+		e ? this.engine.attachGpu(e) : this.engine.detachGpu();
+		let r = this.getRenderer();
+		(r !== n || t) && this.eventBus.emit("rendererChange", t ? {
+			renderer: r,
+			reason: t
+		} : { renderer: r });
+	}
+	freshFrame() {
+		this.engine.getGpu() && this.engine.renderNow();
+	}
 	screenshot(e) {
-		this.features.screenshot && T.download(this.container, e, this.themeManager.getTheme().background);
+		this.features.screenshot && (this.freshFrame(), S.download(this.container, e, this.themeManager.getTheme().background));
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
 		try {
-			let e = await T.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
+			this.freshFrame();
+			let e = await S.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
 			return !e || !navigator.clipboard?.write || !t ? !1 : (await navigator.clipboard.write([new t({ "image/png": e })]), !0);
 		} catch {
 			return !1;
 		}
 	}
 	screenshotDataURL() {
-		return this.features.screenshot ? T.toDataURL(this.container, this.themeManager.getTheme().background) : null;
+		return this.features.screenshot ? (this.freshFrame(), S.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? T.toBlob(this.container, this.themeManager.getTheme().background) : null;
+		return this.features.screenshot ? (this.freshFrame(), S.toBlob(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i, a = {}) {
 		if (!this.features.alerts) return null;
@@ -2709,27 +2737,27 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		if (!this.features.replay) return;
 		if (this.history.reset(), !this.replaySession) {
 			if (this.dataManager.getLength() === 0) return;
-			let e = new B();
+			let e = new j();
 			e.setData(this.fullSeries ?? this.dataManager.getData()), this.replaySession = {
 				live: e,
 				price: null,
 				fedTime: null
 			};
 		}
-		let t = this.shownBars(this.replaySession.live.getData()), { steps: n, ...r } = e ?? {}, i = n ? jn(n, t) : null;
+		let t = this.shownBars(this.replaySession.live.getData()), { steps: n, ...r } = e ?? {}, i = n ? Nn(n, t) : null;
 		this.replayStepsSeries = i, this.replayCoarse = t, this.options.autoScale = !0, this.replayRestarting = !0;
 		try {
 			this.replayManager.load(i ?? t);
 		} finally {
 			this.replayRestarting = !1;
 		}
-		i && r.startIndex !== void 0 && (r.startIndex = Pn(i, t, r.startIndex)), this.replayBarUnsub?.();
+		i && r.startIndex !== void 0 && (r.startIndex = In(i, t, r.startIndex)), this.replayBarUnsub?.();
 		let a = -1, o = -1, s = null, c = i ?? t;
 		this.replayBarUnsub = this.replayManager.on("bar", ({ index: e }) => {
 			let n = e, r = t[e];
 			if (i) {
 				let c = i[e];
-				n = Nn(t, c.time), s = s !== null && o === e - 1 && n === a - 1 && s ? In(s, c) : Fn(t[n], i, e), r = s;
+				n = Fn(t, c.time), s = s !== null && o === e - 1 && n === a - 1 && s ? Rn(s, c) : Ln(t[n], i, e), r = s;
 			}
 			o = e;
 			let l = n + 1, u = a > 0 && l >= a && this.dataManager.getLength() === a, d = !(u && !this.replaySeeking) || this.autoScrollOnNewBar && this.viewport.isAtEnd();
@@ -2774,20 +2802,20 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			return;
 		}
 		if (i.time <= n.fedTime) return;
-		let a = e.slice(On(e, n.fedTime), t + 1);
+		let a = e.slice(An(e, n.fedTime), t + 1);
 		n.fedTime = i.time;
-		let o = Math.ceil(a.length / Dn);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of kn(a.slice(e, e + o))) r.setMarkPrice(t, n);
+		let o = Math.ceil(a.length / kn);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of jn(a.slice(e, e + o))) r.setMarkPrice(t, n);
 		this.tradingManager.setCurrentPrice(i.close);
 	}
 	getReplayBarIndex() {
 		if (!this.replaySession) return -1;
 		let { current: e } = this.replayManager.getProgress(), t = this.replayStepsSeries;
-		return t && this.replayCoarse ? Nn(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
+		return t && this.replayCoarse ? Fn(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? Pn(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? In(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.replayManager.pause();
@@ -2844,14 +2872,14 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = Cn(e), r = /* @__PURE__ */ new Map();
+		let n = Tn(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 && wn(n, t) && o.add(n.instanceId);
+				t && En(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);
@@ -2987,7 +3015,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		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) < yn && 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) < xn && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
 			type: "indicators",
 			before: null,
 			after: null
@@ -3031,7 +3059,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 					let t = e.indexOf(":"), r = t > 0 ? n.get(e.slice(0, t)) : void 0;
 					return r ? r + e.slice(t) : e;
 				}, r = t(e.channel), i = {
-					...gt(e),
+					...xt(e),
 					...e.target ? { target: t(e.target) } : {}
 				};
 				if (!e.expired) {
@@ -3079,15 +3107,15 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 				candleDown: e.colorScheme.down,
 				candleUpWick: e.colorScheme.up,
 				candleDownWick: e.colorScheme.down,
-				volumeUp: e.colorScheme.up.replace(")", ", 0.3)").replace("rgb(", "rgba(") || `${e.colorScheme.up}4D`,
-				volumeDown: e.colorScheme.down.replace(")", ", 0.3)").replace("rgb(", "rgba(") || `${e.colorScheme.down}4D`
+				volumeUp: re(e.colorScheme.up),
+				volumeDown: re(e.colorScheme.down)
 			};
 			this.themeManager.setTheme(t);
 		}
 		e.pricePrecision !== void 0 && this.applyPricePrecision(e.pricePrecision), this.updateViewportAndRender();
 	}
 	applyPricePrecision(e) {
-		this.marketPricePrecision = e, this.tradingManager.setConfig({ pricePrecision: e ?? void 0 }), this.alertManager.setPricePrecision(e ?? _n), this.streamManager?.priceLine.setPricePrecision(e), this.currentPriceLine.setPricePrecision(e), this.crosshairHandler.setPricePrecision(e), this.chartLegend.setPricePrecision(e), this.crosshairTooltip.setPricePrecision(e);
+		this.marketPricePrecision = e, this.tradingManager.setConfig({ pricePrecision: e ?? void 0 }), this.alertManager.setPricePrecision(e ?? yn), this.streamManager?.priceLine.setPricePrecision(e), this.currentPriceLine.setPricePrecision(e), this.crosshairHandler.setPricePrecision(e), this.chartLegend.setPricePrecision(e), this.crosshairTooltip.setPricePrecision(e);
 	}
 	getMarket() {
 		return this.marketConfig;
@@ -3114,17 +3142,17 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(n), this.eventBus.emit("resize", e);
 	}
 	destroy() {
-		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.container.innerHTML = "";
+		this.disposed = !0, 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.container.innerHTML = "";
 	}
 	createChartRenderer(e) {
-		let t = Lt(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof S && t.setPriceText((e) => this.formatPrice(e)), t;
+		let t = Jt(e, (e) => this.pluginManager.getChartType(e));
+		return t instanceof Oe && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	getDisplayData() {
 		if (this.displayDataCache) return this.displayDataCache;
 		let e = this.dataManager.getData();
 		if (e.length === 0) return e;
-		let t = Rt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e), this.chartTypeOptions);
+		let t = Yt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e), this.chartTypeOptions);
 		return this.displayDataCache = t, t;
 	}
 	recalcIndicatorsFrom(e, t) {
@@ -3157,7 +3185,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			this.viewport.setScaleBaseline(t[e]?.close);
 		}
 		if (n) {
-			let e = En(this.indicatorEngine.getOverlayPriceRange(r.visibleRange.from, Math.min(r.visibleRange.to, t.length - 1)), this.features.compareSymbols ? this.compareRenderer.getPriceRange(t, r) : null);
+			let e = On(this.indicatorEngine.getOverlayPriceRange(r.visibleRange.from, Math.min(r.visibleRange.to, t.length - 1)), this.features.compareSymbols ? this.compareRenderer.getPriceRange(t, r) : null);
 			if (e) {
 				let t = r.priceRange, n = Math.min(t.min, e.min), i = Math.max(t.max, e.max);
 				if (n < t.min || i > t.max) {
@@ -3181,7 +3209,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = $t({
+		let t = this.themeManager.getTheme(), n = z({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -3190,12 +3218,12 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = en(this.leftAxisWidth, n);
+		}), r = B(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 = $t({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = z({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -3205,7 +3233,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = en(this.priceAxisWidth, n);
+		}), r = B(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) {
@@ -3249,7 +3277,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 	buildPanelRenderInfos() {
 		if (this.panelInfoCache) return this.panelInfoCache;
 		let e = this.getResolvedLayout(), t = this.viewport.getState(), { from: n, to: r } = t.visibleRange, i = e.panels.map((e) => {
-			let i = e.config.logScale ? this.indicatorEngine.getPaneValueRange(e.config.id, n, r, !0) : null, a = i ?? this.indicatorEngine.getPaneValueRange(e.config.id, n, r) ?? { ...pn }, 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) ?? { ...hn }, o = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -3330,7 +3358,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = rn(this.pluginManager.getOverlays(), t);
+		let n = V(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -3352,7 +3380,7 @@ var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
 		} : null;
 	}
 };
-function Cn(e) {
+function Tn(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);
@@ -3366,15 +3394,15 @@ function Cn(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function wn(e, t) {
+function En(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 Tn(e) {
+function Dn(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
 var W = new Set(["compareSymbol", "spread"]);
-function En(e, t) {
+function On(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -3395,8 +3423,8 @@ function G(e) {
 		bars: e.bars
 	};
 }
-var Dn = 500;
-function On(e, t) {
+var kn = 500;
+function An(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -3404,20 +3432,20 @@ function On(e, t) {
 	}
 	return n;
 }
-function kn(e) {
+function jn(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 An(e) {
+function Mn(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 jn(e, t) {
+function Nn(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + An(t), r = e.filter((e) => Mn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	let n = t[t.length - 1].time + Mn(t), r = e.filter((e) => Pn(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);
@@ -3425,7 +3453,7 @@ function jn(e, t) {
 	let o = t.slice(0, a), s = i.filter((e) => e.time >= t[a].time);
 	return [...o, ...s];
 }
-function Mn(e) {
+function Pn(e) {
 	return [
 		e.time,
 		e.open,
@@ -3434,7 +3462,7 @@ function Mn(e) {
 		e.close
 	].every(Number.isFinite);
 }
-function Nn(e, t) {
+function Fn(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r + 1 >> 1;
@@ -3442,22 +3470,22 @@ function Nn(e, t) {
 	}
 	return n;
 }
-function Pn(e, t, n) {
+function In(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 Fn(e, t, n) {
+function Ln(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 = In(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = Rn(i, t[e]);
 	return i;
 }
-function In(e, t) {
+function Rn(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -3475,26 +3503,26 @@ function K(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var Ln = [
+var zn = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], Rn = ["open", "o"], zn = ["high", "h"], Bn = ["low", "l"], Vn = ["close", "c"], Hn = [
+], Bn = ["open", "o"], Vn = ["high", "h"], Hn = ["low", "l"], Un = ["close", "c"], Wn = [
 	"volume",
 	"vol",
 	"v"
 ];
-function Un(e) {
+function Gn(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Wn(t) : Gn(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Kn(t) : qn(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Wn(e) {
+function Kn(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -3504,19 +3532,19 @@ function Wn(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) ? Yn(e) : Jn(e);
+		let t = Array.isArray(e) ? Qn(e) : Zn(e);
 		t ? n.push(t) : r++;
 	}
-	return Xn(n, t.length, r);
+	return Y(n, t.length, r);
 }
-function Gn(e) {
+function qn(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 = Kn(t[0]), r = q(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? qn(r) : {
+	let n = Jn(t[0]), r = Yn(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Xn(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -3527,7 +3555,7 @@ function Gn(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 = q(t[e], n), i = Y(r[a.time]), c = J(r[a.open]), l = J(r[a.high]), u = J(r[a.low]), d = J(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = Yn(t[e], n), i = J(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;
 		if (i === null || ![
 			c,
 			l,
@@ -3546,9 +3574,9 @@ function Gn(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Xn(o, t.length - +!!i, s);
+	return Y(o, t.length - +!!i, s);
 }
-function Kn(e) {
+function Jn(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -3560,7 +3588,7 @@ function Kn(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function q(e, t) {
+function Yn(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -3568,25 +3596,25 @@ function q(e, t) {
 	}
 	return n.push(r), n;
 }
-function qn(e) {
+function Xn(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Ln),
-		open: t(Rn),
-		high: t(zn),
-		low: t(Bn),
-		close: t(Vn),
-		volume: t(Hn)
+		time: t(zn),
+		open: t(Bn),
+		high: t(Vn),
+		low: t(Hn),
+		close: t(Un),
+		volume: t(Wn)
 	};
 }
-function Jn(e) {
+function Zn(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 = Y(String(t(Ln) ?? "")), r = Number(t(Rn)), i = Number(t(zn)), a = Number(t(Bn)), o = Number(t(Vn)), s = Number(t(Hn) ?? 0);
+	}, n = J(String(t(zn) ?? "")), r = Number(t(Bn)), i = Number(t(Vn)), a = Number(t(Hn)), o = Number(t(Un)), s = Number(t(Wn) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -3601,9 +3629,9 @@ function Jn(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Yn(e) {
+function Qn(e) {
 	if (e.length < 5) return null;
-	let t = Y(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 = J(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,
@@ -3618,10 +3646,10 @@ function Yn(e) {
 		volume: Number.isFinite(o) ? o : 0
 	};
 }
-function J(e) {
+function q(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function Y(e) {
+function J(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -3629,7 +3657,7 @@ function Y(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Xn(e, t, n) {
+function Y(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);
@@ -3641,7 +3669,7 @@ function Xn(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Zn = class {
+var $n = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -3674,7 +3702,7 @@ var Zn = class {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = Un(await t.text());
+			let e = Gn(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) {
@@ -3718,7 +3746,7 @@ function Z(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 Qn = (e, t) => t.updatedAt - e.updatedAt;
+var er = (e, t) => t.updatedAt - e.updatedAt;
 function Q(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
@@ -3731,17 +3759,17 @@ function Q(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function $n(e) {
+function tr(e) {
 	let t = Q(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function er(e = []) {
+function nr(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Z).sort(Qn),
+		list: () => [...t.values()].map(Z).sort(er),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -3754,7 +3782,7 @@ function er(e = []) {
 		}
 	};
 }
-function tr(e = "tcw:layouts:") {
+function rr(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -3765,7 +3793,7 @@ function tr(e = "tcw:layouts:") {
 		return Array.isArray(e) ? e.map(Q).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Qn),
+		list: () => r().sort(er),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -3783,14 +3811,14 @@ function tr(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var nr = 80;
+var ir = 80;
 function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function rr() {
+function ar() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function ir(e) {
+function or(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -3801,7 +3829,7 @@ function ir(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var ar = class {
+var sr = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -3817,7 +3845,7 @@ var ar = 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 ?? rr;
+		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 ?? ar;
 	}
 	current() {
 		return this.currentLayout;
@@ -3847,7 +3875,7 @@ var ar = class {
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = $n(await this.storage.load(e));
+			let t = tr(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -3857,13 +3885,13 @@ var ar = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = ir(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = or(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
 		let n = $(t);
 		return n ? this.queue(async () => {
-			let t = $n(await this.storage.load(e));
+			let t = tr(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -3941,7 +3969,7 @@ var ar = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = ir(r);
+		let i = or(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -3962,6 +3990,6 @@ var ar = class {
 	}
 };
 //#endregion
-export { I as C, B as S, H as _, er as a, Ut as b, Sn as c, cn as d, sn as f, rn as g, nn as h, tr as i, hn as l, on as m, nr as n, Zn as o, an as p, $ as r, Un as s, ar as t, ln as u, Jt as v, Vt as x, Gt as y };
+export { Ht as C, j as S, H as _, nr as a, $t as b, wn as c, un as d, ln as f, V as g, on as h, rr as i, _n as l, cn as m, ir as n, $n as o, sn as p, $ as r, Gn as s, sr as t, dn as u, L as v, M as x, N as y };
 
-//# sourceMappingURL=LayoutSession-CWn3sdbs.js.map
+//# sourceMappingURL=LayoutSession-BF1iuUrs.js.map