@tradecanvas/chart 1.11.0 → 1.13.0

package/dist/{LayoutSession-BF1iuUrs.js → LayoutSession-CiDh-H9-.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, 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";
+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, chartStyleValue as c, computePriceLimits as l, formatPrice as u, fractionTick as d, indicatorSource as f, isValidTimeZone as p, mergeBar as m, normalizeBarTime as h, parseIndicatorSource as g, priceFormatterFor as _, readChartStyleOverrides as v, readChartTypeOptions as y, readIndicatorPlotStyles as b, readPaneStyle as ee, resolveChartTheme as te, sessionMinute as x, setLocale as ne, stepDecimals as re, tickBarCount as ie, timeframeToMs as ae, volumeColor as oe, zonedDateFormatter as se } from "@tradecanvas/commons";
+import { AlertDragHandler as ce, AlertManager as le, Animator as ue, AreaRenderer as de, AxisDragHandler as fe, BarCountdown as pe, BarRenderer as me, BaselineRenderer as he, CandlestickRenderer as ge, ChartLegend as _e, ChartStateManager as S, CompareRenderer as ve, CompareSymbolIndicator as ye, CorrelationCoefficientIndicator as be, CorrelationLogIndicator as xe, CrosshairHandler as Se, CrosshairTooltip as Ce, CurrentPriceLine as we, DEFAULT_SESSION_HOURS as Te, DataExporter as C, DepthHeatmapRenderer as Ee, DrawingManager as De, DrawingRenderer as Oe, EquivolumeRenderer as ke, EventBus as Ae, GridRenderer as je, HLCAreaRenderer as Me, HiLoRenderer as w, HollowCandleRenderer as Ne, IndicatorEngine as T, InteractionManager as Pe, KagiRenderer as Fe, KeyboardHandler as Ie, LineRenderer as Le, LineWithMarkersRenderer as Re, MarketProfileRenderer as ze, MeasureOverlay as Be, PanHandler as Ve, PaneResizeHandler as He, PeriodLevelsRenderer as Ue, PinnedTooltip as We, PivotMarkersRenderer as Ge, PointAndFigureRenderer as E, PriceAxis as D, PriceAxisAddButton as Ke, PriceLines as qe, RenderEngine as Je, RenkoRenderer as Ye, ReplayManager as Xe, Screenshot as O, SelectionBoxOverlay as Ze, SessionBreaks as Qe, SessionShading as $e, SignalMarkerManager as et, SpreadIndicator as tt, StepLineRenderer as nt, StreamManager as rt, SymbolSeriesStore as it, TimeAxis as at, TradeZoneManager as ot, TradingManager as st, TradingRenderer as ct, UndoRedoManager as lt, Viewport as ut, VolumeCandleRenderer as dt, VolumeProfileRenderer as ft, VolumeRenderer as pt, Watermark as mt, ZoomHandler as ht, barTimeStepMs as gt, findDominantSwing as _t, gpuContextsLeft as vt, isRegularSession as yt, loadWebGL as bt, mergeSessionHours as xt, rangePresetStart as St, readAlertOptions as Ct, registerBuiltInDrawingTools as wt, registerBuiltInIndicators as k, servesTimeframe as A, sourceParam as j, timestampToBarIndex as M, toHeikinAshi as Tt, toKagi as Et, toLineBreak as Dt, toPointAndFigure as Ot, toRangeBars as kt, toRenko as N, whenGpuContextFree as At, withResampling as jt, xToBarIndex as Mt, xToTime as P, yToPrice as F } from "@tradecanvas/core";
 //#region src/regularHours.ts
-var Mt = 864e5, Nt = 10;
-function Pt(e, t) {
+var Nt = 864e5, Pt = 10;
+function Ft(e, t) {
 	let n = e?.timezone;
-	if (!n || !f(n) || t.length < 2) return null;
+	if (!n || !p(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
-		let t = v(e.start), n = v(e.end);
+		let t = x(e.start), n = x(e.end);
 		return t === null || n === null ? [] : [{
 			startMinute: t,
 			endMinute: n
@@ -14,29 +14,29 @@ function Pt(e, t) {
 	});
 	if (r.length === 0) return null;
 	let i = Infinity;
-	for (let e = Math.max(1, t.length - Nt); e < t.length; e++) {
-		let n = m(t[e].time) - m(t[e - 1].time);
+	for (let e = Math.max(1, t.length - Pt); e < t.length; e++) {
+		let n = h(t[e].time) - h(t[e - 1].time);
 		n > 0 && n < i && (i = n);
 	}
-	if (!(i < Mt)) return null;
+	if (!(i < Nt)) return null;
 	let a = {
 		timeZone: n,
 		windows: r,
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => _t(m(e), a);
+	return (e) => yt(h(e), a);
 }
 //#endregion
 //#region src/chartA11y.ts
-var Ft = {
+var I = {
 	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."
-}, O = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), It = [
+}, L = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), It = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
@@ -55,7 +55,7 @@ var Ft = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...Ft,
+			...I,
 			...n
 		};
 		for (let t of It) this.before.set(t, e.getAttribute(t));
@@ -63,7 +63,7 @@ var Ft = {
 	}
 	setLabels(e) {
 		this.labels = {
-			...Ft,
+			...I,
 			...e
 		}, this.applyLabels();
 	}
@@ -93,7 +93,7 @@ var Ft = {
 		let i = t[this.cursor];
 		this.source.showBar(i.time);
 		let a = this.source.formatPrice;
-		this.say(O(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 Ft = {
 			this.labels.typeName ? this.labels.typeName(t) : t,
 			this.source.timeframe()
 		].filter(Boolean).join(", ");
-		return O(this.labels.summary, {
+		return L(this.labels.summary, {
 			what: n,
 			close: this.source.formatPrice(e[e.length - 1].close)
 		});
@@ -128,7 +128,7 @@ var Ft = {
 		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 O(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),
@@ -174,45 +174,42 @@ function Ut(e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		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();
+		case "rangeBars": return new ge();
+		case "line": return new Le();
+		case "area": return new de();
+		case "bar": return new me();
+		case "hollowCandle": return new Ne();
+		case "baseline": return new he();
+		case "renko": return new Ye();
+		case "kagi": return new Fe();
+		case "pointAndFigure": return new E();
+		case "volumeCandles": return new dt();
+		case "equivolume": return new ke();
+		case "hlcArea": return new Me();
+		case "stepLine": return new nt();
+		case "lineWithMarkers": return new Re();
+		case "hiLo": return new w();
+		default: return new ge();
 	}
 }
 function Wt(e, t, n = {}) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Ct(t);
+		case "heikinAshi": return Tt(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? Ot(t, { brickSize: e }) : Ot(t, {
+			return typeof e == "number" ? N(t, { brickSize: e }) : N(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
 			});
 		}
-		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 Et(t, typeof e == "number" ? e : qt(t) * .01, n.pointAndFigure?.reversal ?? 3);
-		}
+		case "lineBreak": return Dt(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return Et(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent");
+		case "pointAndFigure": return Ot(t, qt(t, n), n.pointAndFigure?.reversal ?? 3);
 		case "rangeBars": {
 			let e = n.rangeBars?.range;
-			return Dt(t, { rangeSize: typeof e == "number" ? e : qt(t) * .005 });
+			return kt(t, { rangeSize: typeof e == "number" ? e : Jt(t) * .005 });
 		}
 		default: return t;
 	}
@@ -231,23 +228,27 @@ function Gt(e) {
 function Kt(e) {
 	return e !== "heikinAshi" && Gt(e);
 }
-function qt(e) {
+function qt(e, t = {}) {
+	let n = t.pointAndFigure?.boxSize;
+	return typeof n == "number" ? n : Jt(e) * .01;
+}
+function Jt(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
-function Jt(e, t) {
+function Yt(e, t) {
 	let n = t?.(e);
 	return n ? n.createRenderer() : Ut(e);
 }
-function Yt(e, t, n, r) {
+function Xt(e, t, n, r) {
 	if (t.length === 0) return t;
 	let i = n?.(e);
 	return i?.transform ? i.transform(t) : Wt(e, t, r);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var Xt = class {
+var Zt = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -277,15 +278,15 @@ var Xt = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function k(e) {
+function R(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 Zt(e) {
+function Qt(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
-function A(e) {
+function z(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -293,7 +294,7 @@ function A(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-var j = class {
+var B = class {
 	data = [];
 	getData() {
 		return this.data;
@@ -302,7 +303,7 @@ var j = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			k(r) && t.push(Zt(r) ? r : A(r));
+			R(r) && t.push(Qt(r) ? r : z(r));
 		}
 		this.data = t;
 	}
@@ -310,7 +311,7 @@ var j = 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];
-			!k(i) || i.time >= t || n.push(Zt(i) ? i : A(i));
+			!R(i) || i.time >= t || n.push(Qt(i) ? i : z(i));
 		}
 		if (n.length === 0) return 0;
 		n.sort((e, t) => e.time - t.time);
@@ -319,11 +320,11 @@ var j = class {
 		return n.length = r, this.data = n.concat(this.data), r;
 	}
 	appendBar(e) {
-		k(e) && this.data.push(A(e));
+		R(e) && this.data.push(z(e));
 	}
 	updateLastBar(e) {
-		if (!k(e)) return;
-		let t = A(e);
+		if (!R(e)) return;
+		let t = z(e);
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -331,7 +332,7 @@ var j = class {
 		this.data[this.data.length - 1] = t;
 	}
 	updateLastBarFromTick(e) {
-		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = p(this.data[this.data.length - 1], e)));
+		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = m(this.data[this.data.length - 1], e)));
 	}
 	getLength() {
 		return this.data.length;
@@ -339,7 +340,7 @@ var j = class {
 	clear() {
 		this.data = [];
 	}
-}, M = 5e3, Qt = 6e4, $t = 500, en = class {
+}, $t = 5e3, en = 6e4, tn = 500, nn = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -380,7 +381,7 @@ var j = 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(Qt, M * 2 ** (this.failures - 1)), this.emit({
+			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(en, $t * 2 ** (this.failures - 1)), this.emit({
 				state: "error",
 				count: 0,
 				error: e instanceof Error ? e.message : String(e)
@@ -410,34 +411,116 @@ var j = class {
 	now() {
 		return this.host.now ? this.host.now() : Date.now();
 	}
-}, N = class {
-	theme;
+}, rn = class t {
+	base;
 	shape = null;
-	constructor(t) {
-		!t || t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
+	chartType = "candlestick";
+	host = {};
+	user = /* @__PURE__ */ new Map();
+	effective = null;
+	constructor(e) {
+		this.base = t.read(e);
+	}
+	static read(t) {
+		if (!t || t === "dark") return { ...e };
+		if (t === "light") return { ...n };
+		let { style: r, ...i } = t;
+		return i;
 	}
 	getTheme() {
-		return this.theme;
+		return this.effective ??= te(this.base, this.chartType, this.merged()), this.effective;
+	}
+	getBaseTheme() {
+		return this.base;
 	}
-	setTheme(t) {
-		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t }, this.shape && (this.theme = {
-			...this.theme,
+	setTheme(e) {
+		this.base = t.read(e), this.shape && (this.base = {
+			...this.base,
 			shape: {
-				...this.theme.shape,
+				...this.base.shape,
 				...this.shape
 			}
-		});
+		}), this.effective = null;
 	}
 	setShape(e) {
-		this.shape = e ? { ...e } : null, this.theme = {
-			...this.theme,
+		this.shape = e ? { ...e } : null, this.base = {
+			...this.base,
 			shape: e ? {
-				...this.theme.shape,
+				...this.base.shape,
 				...e
-			} : this.theme.shape
+			} : this.base.shape
+		}, this.effective = null;
+	}
+	setChartType(e) {
+		e !== this.chartType && (this.chartType = e, this.effective = null);
+	}
+	applyOverrides(e, t) {
+		let n = { ...this.layer(t) };
+		for (let [t, r] of Object.entries(e)) r == null ? delete n[t] : n[t] = r;
+		return this.setLayer(t, n);
+	}
+	setOverrides(e, t) {
+		return this.setLayer(t, { ...e });
+	}
+	resetOverrides(e, t) {
+		if (!t) return this.setLayer(e, {});
+		let n = { ...this.layer(e) };
+		for (let e of t) delete n[e];
+		return this.setLayer(e, n);
+	}
+	getOverrides(e) {
+		return { ...this.layer(e) };
+	}
+	getUserOverrides() {
+		let e = {};
+		for (let [t, n] of this.user) Object.keys(n).length > 0 && (e[t] = { ...n });
+		return e;
+	}
+	setUserOverrides(e) {
+		return JSON.stringify(e) === JSON.stringify(this.getUserOverrides()) ? !1 : (this.user = new Map(Object.entries(e).map(([e, t]) => [e, { ...t }])), this.effective = null, !0);
+	}
+	getStyleValue(e) {
+		return c(this.base, this.merged(), e, this.chartType);
+	}
+	layer(e) {
+		return e === "host" ? this.host : this.user.get(this.base.name) ?? {};
+	}
+	setLayer(e, t) {
+		return JSON.stringify(t) === JSON.stringify(this.layer(e)) ? !1 : (e === "host" ? this.host = t : Object.keys(t).length > 0 ? this.user.set(this.base.name, t) : this.user.delete(this.base.name), this.effective = null, !0);
+	}
+	merged() {
+		return {
+			...this.host,
+			...this.user.get(this.base.name)
 		};
 	}
-}, P = 200, F = 80, I = (e) => e.position === "top" || e.position === "bottom", L = class {
+};
+//#endregion
+//#region src/style/styleOptions.ts
+function an(e, t) {
+	return t ? {
+		...t.visible === void 0 ? {} : { [`crosshair.${e}.visible`]: t.visible },
+		...t.color === void 0 ? {} : { [`crosshair.${e}.color`]: t.color },
+		...t.style === void 0 ? {} : { [`crosshair.${e}.style`]: t.style },
+		...t.width === void 0 ? {} : { [`crosshair.${e}.width`]: t.width }
+	} : {};
+}
+function on(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 },
+		...an("horizontal", n?.hLine),
+		...an("vertical", n?.vLine),
+		...r === void 0 ? {} : { "crosshair.labelBackground": r },
+		...e.overrides
+	};
+}
+//#endregion
+//#region src/layout/LayoutManager.ts
+var sn = 200, cn = 80, V = (e) => e.position === "top" || e.position === "bottom", ln = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -453,8 +536,8 @@ var j = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? P : t),
-			minSize: a ? F : i,
+			size: r ?? (a ? sn : t),
+			minSize: a ? cn : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -473,14 +556,14 @@ var j = class {
 	}
 	setPanelCollapsed(e, t) {
 		let n = this.panels.find((t) => t.id === e);
-		return !n || !I(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
+		return !n || !V(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 || !I(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
+		return !t || !V(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
 	}
 	setPanelScale(e, t) {
 		let n = this.panels.find((t) => t.id === e);
@@ -496,7 +579,7 @@ var j = class {
 	}
 	setMaximizedPanel(e) {
 		let t = e === null ? null : this.panels.find((t) => t.id === e);
-		return e !== null && (!t || !I(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
+		return e !== null && (!t || !V(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
 	}
 	getMaximizedPanel() {
 		return this.maximized;
@@ -517,19 +600,19 @@ var j = class {
 		this.panels = [...this.panels].sort((e, n) => t(e) - t(n));
 	}
 	shownSize(e, t) {
-		return I(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
+		return V(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 ? P : t, r.minSize = o ? F : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
+			r.position = n, a !== o && (r.size = o ? sn : t, r.minSize = o ? cn : 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 = I(n) ? this.containerHeight - o - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
+			let e = V(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,24 +722,24 @@ var j = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, 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] : [
+}, un = 14, dn = 14, fn = 22, pn = 4;
+function mn(e) {
+	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: o, fontSizeSmall: c, measure: l } = e, d = s(t, n), f = e.tagPrecision ?? d, p = r === null ? [t, n] : [
 		t,
 		n,
 		r
 	], m = a;
 	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}`) + tn, u(r, `bold 11px ${o}`) + nn, u(r, `600 ${c}px ${o}`) + rn);
+		let n = e.format ? e.format(t) : u(t, d, i), r = e.format ? n : u(t, f, i);
+		m = Math.max(m, l(n, `500 ${c}px ${o}`) + un, l(r, `bold 11px ${o}`) + dn, l(r, `600 ${c}px ${o}`) + fn);
 	}
-	return m <= a ? a : Math.ceil(m / R) * R;
+	return m <= a ? a : Math.ceil(m / pn) * pn;
 }
-function B(e, t) {
+function hn(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
-var an = class {
+var gn = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -672,8 +755,8 @@ var an = class {
 		}
 		return this.engaged;
 	}
-}, on = 1;
-function V(e, t) {
+}, _n = 1;
+function vn(e, t) {
 	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
 }
 function H(e) {
@@ -687,24 +770,24 @@ function H(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var U = /* @__PURE__ */ new Map();
-function sn(e) {
+function yn(e) {
 	U.set(H(e), e);
 }
-function cn(e) {
+function bn(e) {
 	return U.delete(e);
 }
-function ln() {
+function xn() {
 	return [...U.values()];
 }
-function un() {
+function Sn() {
 	U.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var dn = class {
+var Cn = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of ln()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of xn()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -734,15 +817,15 @@ var dn = class {
 	add(e) {
 		this.plugins.set(H(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, fn = {
+}, wn = {
 	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) => pn(e, t, n)
+	positionReverse: (e, t, n) => Tn(e, t, n)
 };
-async function pn(e, t, n) {
+async function Tn(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -771,7 +854,7 @@ async function pn(e, t, n) {
 		}
 	}
 }
-function mn(e, t) {
+function En(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -781,8 +864,8 @@ function mn(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(fn)) {
-		let a = fn[r], o = t.onIntent(r, (n) => {
+	for (let r of Object.keys(wn)) {
+		let a = wn[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 +879,16 @@ function mn(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var hn = {
+var Dn = {
 	min: 0,
 	max: 100
-}, gn = 0xe8d4a51000, _n = "exchange";
-function vn(e) {
-	if (typeof e == "string" && e !== "exchange" && !f(e)) throw RangeError(`Unknown time zone: ${e}`);
+}, On = 0xe8d4a51000, kn = "exchange";
+function An(e) {
+	if (typeof e == "string" && e !== "exchange" && !p(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
-	static version = "1.11.0";
+var jn = 2, Mn = .08, Nn = 800, Pn = 20, Fn = 8, In = class {
+	static version = "1.13.0";
 	engine;
 	viewport;
 	dataManager;
@@ -826,6 +909,8 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	indicatorUpdateFrom = null;
 	resolvedLayoutCache = null;
 	panelInfoCache = null;
+	paneStyles = /* @__PURE__ */ new Map();
+	lastBackground = null;
 	renderScheduled = !1;
 	priceAxisWidth = a;
 	measureCtx;
@@ -841,14 +926,14 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	indicatorHistoryDepth = 0;
 	removedDrawingAlerts = /* @__PURE__ */ new Map();
 	zoomAreaMode = !1;
-	priceAxisAddButton = new Ge();
+	priceAxisAddButton = new Ke();
 	displayTz = null;
 	timezoneSetting = null;
 	symbolInfo = null;
 	symbolInfoSeq = 0;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...be };
+	hostSessionHours = { ...Te };
 	compareRenderer;
 	countdownInterval = null;
 	volumeRenderer;
@@ -861,7 +946,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new Xe();
+	selectionBoxOverlay = new Ze();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
@@ -869,7 +954,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	replayStepsSeries = null;
 	replayCoarse = null;
 	undoRedoManager;
-	autoSaveScheduler = new Xt((e) => this.saveState(e));
+	autoSaveScheduler = new Zt((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -877,18 +962,19 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	crosshairHandler;
 	chartRenderer;
 	rendererToken = 0;
+	stopWaitingForGpu = null;
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new Ke();
-	symbolSeries = new rt();
+	priceLines = new qe();
+	symbolSeries = new it();
 	extendedHours = !0;
 	replayRestarting = !1;
 	fullSeries = null;
 	requestedSymbols = /* @__PURE__ */ new Set();
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new We();
+	leftPriceAxis = new D();
 	leftScaleRequested = !1;
 	leftAxisWidth = a;
 	leftViewport = null;
@@ -918,7 +1004,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && vn(t.timeZone), this.container = e, this.options = {
+		t.timeZone != null && An(t.timeZone), this.container = e, this.options = {
 			...t,
 			chartType: t.chartType ?? "candlestick"
 		}, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
@@ -956,15 +1042,15 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.dataManager = new j(), this.history = new en({
+		}, 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 B(), this.history = new nn({
 			oldestTime: () => this.dataManager.getData()[0]?.time ?? null,
 			prepend: (e) => this.prependBars(e),
 			emit: (e) => this.eventBus.emit("historyLoad", e)
-		}), 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.themeManager = new rn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(on(t), "host", !1), this.layoutManager = new ln(), this.indicatorEngine = new T(), this.pluginManager = new Cn(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Ae(), k(this.indicatorEngine), this.indicatorEngine.register(new ye(this.symbolSeries)), this.indicatorEngine.register(new tt(this.symbolSeries)), this.indicatorEngine.register(new be(this.symbolSeries)), this.indicatorEngine.register(new xe(this.symbolSeries)), this.drawingManager = new De(), wt(this.drawingManager), this.drawingRenderer = new Oe(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 ct();
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new lt();
 		let i = "";
 		this.undoRedoManager.setOnChange(() => {
 			let { canUndo: e, canRedo: t } = this.undoRedoManager.getState(), n = `${e}|${t}`;
@@ -977,21 +1063,21 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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 ot({
+		}), 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 st({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new st(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new ct(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 qe(e);
+		}), this.engine = new Je(e);
 		let a = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new lt(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
+		if (this.viewport = new ut(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 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) => {
+		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new je(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new D(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.timeAxis = new at(), this.crosshairHandler = new Se(), 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);
@@ -1000,19 +1086,19 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 					prevClose: e > 0 ? n[e - 1]?.close : void 0,
 					priceRange: i.priceRange,
 					plot: i.chartRect,
-					barStepMs: ht(n)
+					barStepMs: gt(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 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({
+		}), this.chartLegend = new _e(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new mt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new pt(), this.volumeProfile = new ft(), this.marketProfile = new ze(), this.depthHeatmap = new Ee(), this.periodLevels = new Ue(), this.pivotMarkers = new Ge(), this.barCountdown = new pe(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new Qe(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new $e(), this.compareRenderer = new ve(), 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 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({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new ue(), this.crosshairTooltip = new Ce(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new We(), this.pinnedTooltip.create(e), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = y(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(zn(t.shapes)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ie({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -1036,10 +1122,10 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 				bars: () => this.getDisplayData(),
 				visibleRange: () => this.viewport.getState().visibleRange,
 				formatPrice: (e) => this.formatPrice(e),
-				formatTime: (e) => ie(this.numberLocale || "en-US", {
+				formatTime: (e) => se(this.numberLocale || "en-US", {
 					dateStyle: "medium",
 					timeStyle: "short"
-				}, this.displayTz)(e > gn ? e : e * 1e3),
+				}, this.displayTz)(e > On ? e : e * 1e3),
 				showBar: (e) => this.setCrosshairTime(e)
 			}, t.a11y?.labels);
 			for (let e of [
@@ -1059,7 +1145,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, 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) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new we(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new le(), 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,
@@ -1074,7 +1160,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			this.eventBus.emit("alertExpired", G(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", G(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.signalMarkerManager = new et(), 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,
@@ -1082,18 +1168,18 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: 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.tradeZoneManager = new ot(), 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 Ye(), this.replayManager.on("stateChange", (e) => {
+		}), this.replayManager = new Xe(), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Le(), this.interactionManager = new je(e), this.features.panning) {
-			let e = new an();
-			this.interactionManager.setPanHandler(new Re((t, n) => {
+		}), this.measureOverlay = new Be(), this.interactionManager = new Pe(e), this.features.panning) {
+			let e = new gn();
+			this.interactionManager.setPanHandler(new Ve((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()));
 		}
@@ -1105,10 +1191,10 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new mt((e, t) => {
+			this.interactionManager.setZoomHandler(new ht((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new le((e) => {
+			let e = new fe((e) => {
 				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -1128,7 +1214,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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 = jt(e.y, this.viewport.getState());
+			let t = F(e.y, this.viewport.getState());
 			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
 				price: t,
 				x: e.x,
@@ -1138,10 +1224,10 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new ae(this.alertManager, () => this.viewport.getState());
+			let e = new ce(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new ze();
+		let o = new He();
 		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;
@@ -1165,7 +1251,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let r = At(e.x, this.viewport.getState());
+			let r = Mt(e.x, this.viewport.getState());
 			r < 0 || r >= t.length || this.eventBus.emit("barClick", {
 				bar: t[r],
 				barIndex: r,
@@ -1205,7 +1291,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < Cn) return;
+					if (e.x1 - e.x0 < Fn) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -1227,6 +1313,9 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		}), 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.engine.onGpuRestored = () => this.eventBus.emit("rendererChange", {
+			renderer: "webgl",
+			reason: "contextRestored"
 		}), this.options.renderer && this.options.renderer !== "canvas" && this.setRenderer(this.options.renderer);
 	}
 	setData(e) {
@@ -1239,7 +1328,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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) => Pn(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) => Kn(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;
@@ -1248,7 +1337,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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(E(i, this.getDisplayData()));
+			let e = Math.round(M(i, this.getDisplayData()));
 			this.viewport.prependBars(e - r);
 		}
 		return this.updateViewportAndRender(), t ?? a;
@@ -1281,13 +1370,13 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
 			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(Sn, t - e));
+			this.history.maybeLoad(Math.max(0, Math.floor(e)), Math.max(Pn, t - e));
 		}));
 	}
 	useStreamHistory(e, t) {
 		if (this.hostHistoryLoader) return;
-		let n = kt(e), r = n.fetchHistoryBefore, i = this.streamTimeframe;
-		if (!r || i === null || ne(i) !== null) {
+		let n = jt(e), r = n.fetchHistoryBefore, i = this.streamTimeframe;
+		if (!r || i === null || ie(i) !== null) {
 			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
 			return;
 		}
@@ -1347,7 +1436,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	setChartType(e) {
 		let t = this.options.chartType ?? "candlestick";
-		this.options.chartType = e, this.chartRenderer = this.createChartRenderer(e), this.chartLegend.setChartType(e), this.displayDataCache = null, 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.updateViewportAndRender(!0), this.markStateChanged(), e !== t && this.eventBus.emit("chartTypeChange", {
 			type: e,
 			previous: t
 		});
@@ -1355,11 +1444,11 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	setChartTypeOptions(e) {
 		this.chartTypeOptions = {
 			...this.chartTypeOptions,
-			..._(e)
+			...y(e)
 		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.markStateChanged();
 	}
 	getChartTypeOptions() {
-		return _(this.chartTypeOptions);
+		return y(this.chartTypeOptions);
 	}
 	setExtendedHours(e) {
 		e !== this.extendedHours && (this.extendedHours = e, this.reapplyExtendedHours(), this.markStateChanged());
@@ -1368,7 +1457,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : Pt(this.symbolInfo, e);
+		return this.extendedHours ? null : Ft(this.symbolInfo, e);
 	}
 	shownBars(e) {
 		let t = this.sessionKeep(e);
@@ -1409,7 +1498,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Dn(e);
+		let t = zn(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -1481,14 +1570,14 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		this.recordIndicators(e, () => this.updateIndicatorNow(e, t));
 	}
 	updateIndicatorNow(e, t) {
-		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? T(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
+		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.dataManager.getData()), 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 = h(a.params[r]), n = t ? this.paneHostOf(t.instanceId, e) : h(i) ? null : a.pane ?? null;
+			let t = g(a.params[r]), n = t ? this.paneHostOf(t.instanceId, e) : g(i) ? null : a.pane ?? null;
 			(n ?? void 0) !== a.pane && (this.indicatorEngine.setPane(e, n), this.eventBus.emit("indicatorChange", {
 				instanceId: e,
 				change: "pane"
@@ -1499,7 +1588,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	paneFor(e, t, n, r) {
 		if (n) return this.paneHostOf(n, r);
 		if (e.placement !== "overlay") return null;
-		let i = T(e), a = i ? h(t[i]) : null;
+		let i = j(e), a = i ? g(t[i]) : null;
 		return a ? this.paneHostOf(a.instanceId, r) : null;
 	}
 	paneHostOf(e, t) {
@@ -1542,8 +1631,8 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * bn,
-				max: t.max + n * bn
+				min: t.min - n * Mn,
+				max: t.max + n * Mn
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -1573,7 +1662,9 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	detachIndicator(e) {
 		if (!this.indicatorEngine.getIndicatorConfig(e)) return;
 		let t = this.layoutManager.getPanels().find((t) => t.id === e), n = this.indicatorEngine.getPaneMembers(e), r = t ? n.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null : null;
-		this.indicatorEngine.removeIndicator(e), r ? (this.indicatorEngine.setPane(r, null), this.layoutManager.renamePanel(e, r)) : this.layoutManager.removePanel(e);
+		this.indicatorEngine.removeIndicator(e);
+		let i = this.paneStyles.get(e);
+		this.paneStyles.delete(e), r ? (this.indicatorEngine.setPane(r, null), this.layoutManager.renamePanel(e, r), i && this.paneStyles.set(r, i)) : this.layoutManager.removePanel(e);
 		for (let e of n) e !== r && this.indicatorEngine.setPane(e, r), this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "pane"
@@ -1583,6 +1674,28 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	getIndicatorStyle(e) {
 		return this.indicatorEngine.getIndicatorStyle(e);
 	}
+	setIndicatorDefaults(e, t) {
+		if (!t) {
+			this.indicatorEngine.setStyleDefaults(e, null);
+			return;
+		}
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : b(n);
+		this.indicatorEngine.setStyleDefaults(e, {
+			...r,
+			...i ? { plots: i } : {}
+		});
+	}
+	setPaneStyle(e, t) {
+		let n = this.paneOf(e);
+		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? ee(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());
+	}
+	getPaneStyle(e) {
+		let t = this.paneStyles.get(this.paneOf(e));
+		return t ? { ...t } : null;
+	}
 	getIndicatorOutput(e) {
 		return this.indicatorEngine.getOutput(e);
 	}
@@ -1593,8 +1706,8 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new Ae();
-		return C(e), e.getAvailableIndicators();
+		let e = new T();
+		return k(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
@@ -1617,8 +1730,8 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	paneMoveHost(e, t) {
 		let n = this.indicatorEngine.getIndicatorConfig(e), r = this.indicatorEngine.getIndicatorDescriptor(e);
 		if (!n || !r) return;
-		let i = T(r);
-		if (r.placement === "overlay" && i && h(n.params[i])) return;
+		let i = j(r);
+		if (r.placement === "overlay" && i && g(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);
@@ -1632,14 +1745,15 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		if (n === void 0 || !r) return !1;
 		let i = r.pane, a = this.layoutManager.getPanels().some((t) => t.id === e), o = new Set([e]);
 		if (a) {
-			let t = this.indicatorEngine.getPaneMembers(e), r = new Set(this.indicatorEngine.getDependents(e)), i = t.filter((e) => !r.has(e)), a = i.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null;
-			if (a) {
-				this.indicatorEngine.setPane(a, null), this.layoutManager.renamePanel(e, a);
+			let t = this.indicatorEngine.getPaneMembers(e), r = new Set(this.indicatorEngine.getDependents(e)), i = t.filter((e) => !r.has(e)), a = i.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null, s = this.paneStyles.get(e);
+			if (this.paneStyles.delete(e), a) {
+				this.indicatorEngine.setPane(a, null), this.layoutManager.renamePanel(e, a), s && this.paneStyles.set(a, s);
 				for (let e of i) e !== a && this.indicatorEngine.setPane(e, a);
 			} else {
 				this.layoutManager.removePanel(e);
 				for (let e of i) this.indicatorEngine.setPane(e, null);
 			}
+			this.panelInfoCache = null;
 			for (let i of t) r.has(i) && this.indicatorEngine.setPane(i, n ?? e), o.add(i);
 		}
 		if (this.indicatorEngine.setPane(e, n), t === "new") {
@@ -1728,7 +1842,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	roundPrice(e) {
 		if (!Number.isFinite(e)) return e;
 		let t = this.symbolInfo?.minTick ?? this.priceUnit ?? void 0;
-		if (t !== void 0 && t > 0) return Number((Math.round(e / t) * t).toFixed(te(t)));
+		if (t !== void 0 && t > 0) return Number((Math.round(e / t) * t).toFixed(re(t)));
 		let { min: n, max: r } = this.viewport.getState().priceRange;
 		return Number(e.toFixed(this.marketPricePrecision ?? s(n, r)));
 	}
@@ -1739,7 +1853,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.priceFormatter;
 	}
 	applyPriceFormat(e) {
-		this.priceFormatter = g(e), this.priceUnit = e && typeof e != "function" ? u(e) : null, this.viewport.setPriceFormat(this.priceFormatter, this.priceUnit), this.crosshairTooltip.setPriceFormatter(this.priceFormatter), this.pinnedTooltip.setPriceFormatter(this.priceFormatter);
+		this.priceFormatter = _(e), this.priceUnit = e && typeof e != "function" ? d(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();
@@ -1750,7 +1864,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	formatPrice(e) {
 		if (this.priceFormatter) return this.priceFormatter(e);
 		let { min: t, max: n } = this.viewport.getState().priceRange;
-		return l(e, this.marketPricePrecision ?? s(t, n), this.numberLocale);
+		return u(e, this.marketPricePrecision ?? s(t, n), this.numberLocale);
 	}
 	setDrawingTool(e) {
 		this.features.drawings && (e && this.features.drawingTools.length > 0 && !this.features.drawingTools.includes(e) || (e && this.setZoomAreaMode(!1), this.drawingManager.setActiveTool(e)));
@@ -1795,7 +1909,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = gt(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = _t(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -1870,7 +1984,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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 < xn) {
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < Nn) {
 			this.undoRedoManager.replaceLast({
 				...n,
 				custom: {
@@ -1917,7 +2031,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			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 = D(t.x, n)), e === "pane") {
+		if ((e === "plot" || e === "priceAxis") && (r.price = F(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = P(t.x, n)), e === "pane") {
 			let e = this.getIndicatorPanes().find((e) => t.y >= e.rect.y && t.y <= e.rect.y + e.rect.height);
 			e && (r.pane = e.instanceId);
 		}
@@ -1943,7 +2057,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
-		this.setVisibleRange(D(e.x0, t), D(e.x1, t));
+		this.setVisibleRange(P(e.x0, t), P(e.x1, t));
 	}
 	lockAllDrawings() {
 		this.drawingManager.lockAllDrawings();
@@ -2012,11 +2126,11 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	getExportText(e = "csv", t = {}) {
 		let { bars: n, columns: r } = this.getExportData(t);
-		return e === "json" ? x.toJSON(n, r) : x.toCSV(n, r);
+		return e === "json" ? C.toJSON(n, r) : C.toCSV(n, r);
 	}
 	download(e, t, n) {
 		let r = this.getExportText(e, n);
-		e === "json" ? x.download(r, t ?? "chart-data.json", "application/json") : x.download(r, t ?? "chart-data.csv", "text/csv");
+		e === "json" ? C.download(r, t ?? "chart-data.json", "application/json") : C.download(r, t ?? "chart-data.csv", "text/csv");
 	}
 	setAutoSave(e, t = 5e3) {
 		this.autoSaveScheduler.enable(e, t);
@@ -2066,7 +2180,11 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		this.recordIndicators(e, () => this.updateIndicatorStyleNow(e, t));
 	}
 	updateIndicatorStyleNow(e, t) {
-		this.indicatorEngine.updateIndicatorStyle(e, t), this.engine.requestRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : b(n);
+		this.indicatorEngine.updateIndicatorStyle(e, {
+			...r,
+			...i ? { plots: i } : {}
+		}), this.engine.requestRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "style"
 		});
@@ -2172,8 +2290,8 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		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) => {
+		if (!A(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 rt(), 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) => {
@@ -2222,7 +2340,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		}), 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 = y(e.timeframe);
+		let n = ae(e.timeframe);
 		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
 			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
@@ -2240,8 +2358,8 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		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);
+		if (n && !A(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
+		this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(ae(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isTimeframeAllowed(e) {
 		let t = this.features.timeframes;
@@ -2256,7 +2374,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = mn(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = En(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -2347,18 +2465,18 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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(E(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
+		let n = Math.max(0, Math.min(t.length - 1, Math.floor(M(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
 		return this.viewport.scrollBy(i - r.offset), this.updateViewportAndRender(), n;
 	}
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = t[n].time > gn ? 1 : 1e3, i = bt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		let n = t.length - 1, r = t[n].time > On ? 1 : 1e3, i = St(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 = E(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
+		let o = M(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
 		this.viewport.zoomToBarRange(s, n + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender();
 	}
 	scrollToEnd() {
@@ -2372,7 +2490,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	setVisibleRange(e, t) {
 		let n = this.dataManager.getData();
 		if (n.length === 0) return;
-		let r = E(Math.min(e, t), n), i = E(Math.max(e, t), n);
+		let r = M(Math.min(e, t), n), i = M(Math.max(e, t), n);
 		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
 	}
 	setPanLimits(e) {
@@ -2406,10 +2524,41 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		this.eventBus.disableTauriBridge();
 	}
 	setTheme(e) {
-		this.themeManager.setTheme(e), this.syncRenderContext(), this.container.style.backgroundColor = this.themeManager.getTheme().background, this.engine.requestRender(), this.eventBus.emit("themeChange", { theme: e }), this.markStateChanged();
+		this.themeManager.setTheme(e), this.syncRenderContext(), this.container.style.backgroundColor = this.themeManager.getTheme().background, this.lastBackground = this.themeManager.getTheme().background, this.engine.requestRender(), this.eventBus.emit("themeChange", { theme: e }), this.markStateChanged();
 	}
 	getTheme() {
-		return this.themeManager.getTheme();
+		return this.themeManager.getBaseTheme();
+	}
+	applyOverrides(e, t = {}) {
+		this.applyStyle(e, t.layer ?? "host", !0);
+	}
+	setOverrides(e, t = {}) {
+		let n = t.layer ?? "host", { overrides: r, rejected: i } = v(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);
+	}
+	resetOverrides(e, t = {}) {
+		let n = t.layer ?? "host";
+		this.themeManager.resetOverrides(n, e) && this.styleChanged(n);
+	}
+	getOverrides(e = {}) {
+		return this.themeManager.getOverrides(e.layer ?? "host");
+	}
+	getStyle() {
+		return this.themeManager.getTheme().style;
+	}
+	getStyleValue(e) {
+		return this.themeManager.getStyleValue(e);
+	}
+	applyStyle(e, t, n) {
+		let { overrides: r, rejected: i } = v(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) {
+		this.syncRenderContext();
+		let t = this.themeManager.getTheme().background;
+		t !== this.lastBackground && (this.container.style.backgroundColor = t, this.lastBackground = t), this.engine.requestRender(), this.eventBus.emit("styleChange", { layer: e }), e === "user" && this.markStateChanged();
 	}
 	setWatermark(e, t) {
 		this.watermark.setConfig({
@@ -2433,7 +2582,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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(E(e, t));
+		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(M(e, t));
 		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.engine.requestRender(r.Hover));
 	}
 	getData() {
@@ -2495,7 +2644,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
 	}
 	setTimezone(e) {
-		vn(e), this.timezoneSetting = e, this.applyTimezone();
+		An(e), this.timezoneSetting = e, this.applyTimezone();
 	}
 	getTimezone() {
 		return this.timezoneSetting;
@@ -2504,7 +2653,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.displayTz;
 	}
 	applyTimezone() {
-		let e = this.symbolInfo?.timezone, t = this.timezoneSetting === "exchange" ? e && f(e) ? e : "UTC" : this.timezoneSetting;
+		let e = this.symbolInfo?.timezone, t = this.timezoneSetting === "exchange" ? e && p(e) ? e : "UTC" : this.timezoneSetting;
 		this.displayTz = t, this.timeAxis.setTimezoneOffset(t), this.crosshairHandler.setTimezoneOffset(t), this.crosshairTooltip.setTimezoneOffset(t), this.pinnedTooltip.setTimezone(t), this.sessionBreaks.setTimezone(t), this.engine.requestRender();
 	}
 	setSymbolInfo(e) {
@@ -2513,13 +2662,13 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			sessions: e.sessions?.map((e) => ({ ...e }))
 		} : null, this.marketConfig?.pricePrecision === void 0 && this.applyPricePrecision(this.symbolInfo?.pricePrecision ?? null);
 		let t = (this.symbolInfo?.sessions ?? []).flatMap((e) => {
-			let t = v(e.start), n = v(e.end);
+			let t = x(e.start), n = x(e.end);
 			return t === null || n === null ? [] : [{
 				startMinute: t,
 				endMinute: n
 			}];
 		}), n = this.symbolInfo?.timezone;
-		this.sessionShading.replaceConfig(t.length > 0 && n && f(n) ? {
+		this.sessionShading.replaceConfig(t.length > 0 && n && p(n) ? {
 			timeZone: n,
 			windows: t,
 			startMinute: t[0].startMinute,
@@ -2558,7 +2707,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = yt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
+		this.hostSessionHours = xt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
 	}
 	setTooltipVisible(e) {
 		e || this.crosshairTooltip.hide();
@@ -2574,10 +2723,14 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	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());
+		return this.waitForGpu(null), e === "canvas" ? (this.applyRenderer(null), "canvas") : this.engine.getGpu() ? "webgl" : this.takeGpu(e, t, !0);
+	}
+	async takeGpu(e, t, n) {
+		let { gpu: r, reason: i } = await bt(e);
+		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? vt() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
+	}
+	waitForGpu(e) {
+		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? At(e) : null;
 	}
 	getRenderer() {
 		return this.engine.getGpu() ? "webgl" : "canvas";
@@ -2595,23 +2748,23 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		this.engine.getGpu() && this.engine.renderNow();
 	}
 	screenshot(e) {
-		this.features.screenshot && (this.freshFrame(), S.download(this.container, e, this.themeManager.getTheme().background));
+		this.features.screenshot && (this.freshFrame(), O.download(this.container, e, this.themeManager.getTheme().background));
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
 		try {
 			this.freshFrame();
-			let e = await S.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
+			let e = await O.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 ? (this.freshFrame(), S.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), O.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? (this.freshFrame(), S.toBlob(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), O.toBlob(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i, a = {}) {
 		if (!this.features.alerts) return null;
@@ -2737,27 +2890,27 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		if (!this.features.replay) return;
 		if (this.history.reset(), !this.replaySession) {
 			if (this.dataManager.getLength() === 0) return;
-			let e = new j();
+			let e = new B();
 			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 ? Nn(n, t) : null;
+		let t = this.shownBars(this.replaySession.live.getData()), { steps: n, ...r } = e ?? {}, i = n ? Gn(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 = In(i, t, r.startIndex)), this.replayBarUnsub?.();
+		i && r.startIndex !== void 0 && (r.startIndex = Jn(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 = Fn(t, c.time), s = s !== null && o === e - 1 && n === a - 1 && s ? Rn(s, c) : Ln(t[n], i, e), r = s;
+				n = qn(t, c.time), s = s !== null && o === e - 1 && n === a - 1 && s ? Xn(s, c) : Yn(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();
@@ -2802,20 +2955,20 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			return;
 		}
 		if (i.time <= n.fedTime) return;
-		let a = e.slice(An(e, n.fedTime), t + 1);
+		let a = e.slice(Hn(e, n.fedTime), t + 1);
 		n.fedTime = i.time;
-		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);
+		let o = Math.ceil(a.length / Vn);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of Un(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 ? Fn(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
+		return t && this.replayCoarse ? qn(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? In(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? Jn(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.replayManager.pause();
@@ -2860,11 +3013,12 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.replayManager.getProgress();
 	}
 	captureSnapshot() {
-		return b.capture({
+		return S.capture({
 			getDrawings: () => this.getDrawings(),
-			getTheme: () => this.getTheme(),
+			getTheme: () => this.themeManager.getBaseTheme(),
 			getAlerts: () => this.getAlerts(),
-			getIndicators: () => this.getIndicatorSetup()
+			getIndicators: () => this.getIndicatorSetup(),
+			getOverrides: () => this.themeManager.getUserOverrides()
 		}, {
 			chartType: this.options.chartType,
 			chartTypeOptions: this.getChartTypeOptions(),
@@ -2872,14 +3026,14 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = Tn(e), r = /* @__PURE__ */ new Map();
+		let n = Ln(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 && En(n, t) && o.add(n.instanceId);
+				t && Rn(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);
@@ -2887,8 +3041,8 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		let s = (e) => {
 			let t = { ...e };
 			for (let [e, n] of Object.entries(t)) {
-				let i = h(n), a = i && r.get(i.instanceId);
-				a && (t[e] = d(a, i.key));
+				let i = g(n), a = i && r.get(i.instanceId);
+				a && (t[e] = f(a, i.key));
 			}
 			return t;
 		};
@@ -2927,15 +3081,19 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		return this.restorePanes(a), this.updateViewportAndRender(), r;
 	}
 	restoreLooks(e, t) {
-		let n = this.indicatorEngine.getIndicatorStyle(e);
+		let { plots: n, ...r } = this.indicatorEngine.getIndicatorStyle(e) ?? {
+			colors: [],
+			lineWidths: [],
+			opacity: 1
+		}, { plots: i, ...a } = t.style ?? {};
 		t.style && JSON.stringify({
-			...n,
-			...t.style
-		}) !== JSON.stringify(n) && this.updateIndicatorStyle(e, t.style);
-		let r = this.indicatorEngine.getIndicatorConfig(e);
-		(t.visible ?? !0) !== (r?.visible ?? !0) && this.setIndicatorVisible(e, t.visible ?? !0);
-		let i = t.levels ?? null;
-		JSON.stringify(i) !== JSON.stringify(r?.levels ?? null) && this.setIndicatorLevels(e, i);
+			...r,
+			...a
+		}) !== JSON.stringify(r) && this.updateIndicatorStyle(e, a), JSON.stringify(i ?? {}) !== JSON.stringify(n ?? {}) && (this.indicatorEngine.setPlotStyles(e, i ?? null), this.engine.requestRender());
+		let o = this.indicatorEngine.getIndicatorConfig(e);
+		(t.visible ?? !0) !== (o?.visible ?? !0) && this.setIndicatorVisible(e, t.visible ?? !0);
+		let s = t.levels ?? null;
+		JSON.stringify(s) !== JSON.stringify(o?.levels ?? null) && this.setIndicatorLevels(e, s), this.setPaneStyleNow(e, t.paneStyle ? ee(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, {
@@ -2962,6 +3120,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 				levels: i?.levels?.slice(),
 				pane: n.pane,
 				scale: i?.scale,
+				...r && this.paneStyles.has(n.instanceId) ? { paneStyle: { ...this.paneStyles.get(n.instanceId) } } : {},
 				...r ? {
 					paneSize: r.size,
 					paneOrder: e.indexOf(r),
@@ -3015,7 +3174,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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) < xn && 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) < Nn && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
 			type: "indicators",
 			before: null,
 			after: null
@@ -3043,13 +3202,13 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = this.captureSnapshot(), n = b.serialize(t);
-		return e && b.saveToStorage(e, t), n;
+		let t = this.captureSnapshot(), n = S.serialize(t);
+		return e && S.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = b.deserialize(e);
-		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.displayDataCache = null, t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), t.theme && this.setTheme(t.theme);
+		let t = S.deserialize(e);
+		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.displayDataCache = null, 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) {
 			this.alertManager.clearAlerts();
@@ -3059,7 +3218,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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 = {
-					...xt(e),
+					...Ct(e),
 					...e.target ? { target: t(e.target) } : {}
 				};
 				if (!e.expired) {
@@ -3079,19 +3238,19 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = b.loadFromStorage(e);
-		return t ? (this.loadState(b.serialize(t)), !0) : !1;
+		let t = S.loadFromStorage(e);
+		return t ? (this.loadState(S.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
-		this.features.saveLoad && b.downloadFile(this.captureSnapshot(), e);
+		this.features.saveLoad && S.downloadFile(this.captureSnapshot(), e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await b.loadFromFile();
-		this.loadState(b.serialize(e));
+		let e = await S.loadFromFile();
+		this.loadState(S.serialize(e));
 	}
 	setLocale(e) {
-		ee(e), this.engine.requestRender();
+		ne(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
 		this.numberLocale = e, this.priceAxis.setLocale(e), this.leftPriceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.sessionBreaks.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
@@ -3102,26 +3261,26 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	setMarket(e) {
 		if (this.marketConfig = e, e.colorScheme) {
 			let t = {
-				...this.themeManager.getTheme(),
+				...this.themeManager.getBaseTheme(),
 				candleUp: e.colorScheme.up,
 				candleDown: e.colorScheme.down,
 				candleUpWick: e.colorScheme.up,
 				candleDownWick: e.colorScheme.down,
-				volumeUp: re(e.colorScheme.up),
-				volumeDown: re(e.colorScheme.down)
+				volumeUp: oe(e.colorScheme.up),
+				volumeDown: oe(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 ?? yn), 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 ?? jn), 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;
 	}
 	setPriceLimits(e) {
-		this.marketConfig && (c(e, this.marketConfig) && (this.marketConfig.priceLimits = {
+		this.marketConfig && (l(e, this.marketConfig) && (this.marketConfig.priceLimits = {
 			...this.marketConfig.priceLimits,
 			referencePrice: e
 		}), this.engine.requestRender());
@@ -3142,18 +3301,18 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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.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 = "";
+		this.disposed = !0, 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.container.innerHTML = "";
 	}
 	createChartRenderer(e) {
-		let t = Jt(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof Oe && t.setPriceText((e) => this.formatPrice(e)), t;
+		let t = Yt(e, (e) => this.pluginManager.getChartType(e));
+		return t instanceof w && 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 = Yt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e), this.chartTypeOptions);
-		return this.displayDataCache = t, t;
+		let t = Xt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e), this.chartTypeOptions);
+		return this.chartRenderer instanceof E && !this.pluginManager.getChartType(this.options.chartType) && this.chartRenderer.setBoxSize(qt(e, this.chartTypeOptions)), this.displayDataCache = t, t;
 	}
 	recalcIndicatorsFrom(e, t) {
 		this.indicatorEngine.recalculateFrom(e, t), this.announceIndicatorUpdate(t);
@@ -3185,7 +3344,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			this.viewport.setScaleBaseline(t[e]?.close);
 		}
 		if (n) {
-			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);
+			let e = Bn(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) {
@@ -3209,7 +3368,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = z({
+		let t = this.themeManager.getTheme(), n = mn({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -3218,12 +3377,12 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = B(this.leftAxisWidth, n);
+		}), r = hn(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 = z({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = mn({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -3233,7 +3392,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = B(this.priceAxisWidth, n);
+		}), r = hn(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) {
@@ -3277,15 +3436,16 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = 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) ?? { ...hn }, 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) ?? { ...Dn }, o = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
 				height: Math.max(0, e.rect.height - 20)
-			};
+			}, s = this.paneStyles.get(e.config.id);
 			return {
 				instanceId: e.config.id,
 				members: this.indicatorEngine.getPaneMembers(e.config.id),
+				...s ? { style: s } : {},
 				rect: e.rect,
 				viewport: {
 					...t,
@@ -3358,7 +3518,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = V(this.pluginManager.getOverlays(), t);
+		let n = vn(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -3369,7 +3529,7 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 	}
 	buildPriceLimits() {
 		if (!this.marketConfig?.priceLimits?.enabled || !this.marketConfig.priceLimits.referencePrice) return null;
-		let e = c(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
+		let e = l(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
 		return e ? {
 			...e,
 			colors: this.marketConfig.colorScheme ? {
@@ -3380,11 +3540,11 @@ var yn = 2, bn = .08, xn = 800, Sn = 20, Cn = 8, wn = class {
 		} : null;
 	}
 };
-function Tn(e) {
+function Ln(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) => h(e)?.instanceId)];
+		let o = [e.pane, ...Object.values(e.params).map((e) => g(e)?.instanceId)];
 		for (let e of o) {
 			let n = e ? t.get(e) : void 0;
 			n && a(n);
@@ -3394,15 +3554,20 @@ function Tn(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function En(e, t) {
+function Rn(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 Dn(e) {
+function zn(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 On(e, t) {
+var W = new Set([
+	"compareSymbol",
+	"spread",
+	"correlation",
+	"correlationlog"
+]);
+function Bn(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -3423,8 +3588,8 @@ function G(e) {
 		bars: e.bars
 	};
 }
-var kn = 500;
-function An(e, t) {
+var Vn = 500;
+function Hn(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -3432,20 +3597,20 @@ function An(e, t) {
 	}
 	return n;
 }
-function jn(e) {
+function Un(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 Mn(e) {
+function Wn(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 Nn(e, t) {
+function Gn(e, t) {
 	if (t.length === 0) return null;
-	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 = [];
+	let n = t[t.length - 1].time + Wn(t), r = e.filter((e) => Kn(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);
@@ -3453,7 +3618,7 @@ function Nn(e, t) {
 	let o = t.slice(0, a), s = i.filter((e) => e.time >= t[a].time);
 	return [...o, ...s];
 }
-function Pn(e) {
+function Kn(e) {
 	return [
 		e.time,
 		e.open,
@@ -3462,7 +3627,7 @@ function Pn(e) {
 		e.close
 	].every(Number.isFinite);
 }
-function Fn(e, t) {
+function qn(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r + 1 >> 1;
@@ -3470,22 +3635,22 @@ function Fn(e, t) {
 	}
 	return n;
 }
-function In(e, t, n) {
+function Jn(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 Ln(e, t, n) {
+function Yn(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 = Rn(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = Xn(i, t[e]);
 	return i;
 }
-function Rn(e, t) {
+function Xn(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -3498,31 +3663,31 @@ function Rn(e, t) {
 function K(e, t) {
 	let n = e[e.length - 1];
 	if (!n) return "append";
-	let r = m(t.time), i = m(n.time);
+	let r = h(t.time), i = h(n.time);
 	return r > i ? "append" : r === i ? "update" : "stale";
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var zn = [
+var Zn = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], Bn = ["open", "o"], Vn = ["high", "h"], Hn = ["low", "l"], Un = ["close", "c"], Wn = [
+], Qn = ["open", "o"], $n = ["high", "h"], er = ["low", "l"], tr = ["close", "c"], nr = [
 	"volume",
 	"vol",
 	"v"
 ];
-function Gn(e) {
+function rr(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Kn(t) : qn(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? ir(t) : ar(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Kn(e) {
+function ir(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -3532,19 +3697,19 @@ function Kn(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) ? Qn(e) : Zn(e);
+		let t = Array.isArray(e) ? lr(e) : cr(e);
 		t ? n.push(t) : r++;
 	}
-	return Y(n, t.length, r);
+	return ur(n, t.length, r);
 }
-function qn(e) {
+function ar(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 = 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) : {
+	let n = or(t[0]), r = q(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? sr(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -3555,7 +3720,7 @@ function qn(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 = 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;
+		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;
 		if (i === null || ![
 			c,
 			l,
@@ -3574,9 +3739,9 @@ function qn(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Y(o, t.length - +!!i, s);
+	return ur(o, t.length - +!!i, s);
 }
-function Jn(e) {
+function or(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -3588,7 +3753,7 @@ function Jn(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Yn(e, t) {
+function q(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -3596,25 +3761,25 @@ function Yn(e, t) {
 	}
 	return n.push(r), n;
 }
-function Xn(e) {
+function sr(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(zn),
-		open: t(Bn),
-		high: t(Vn),
-		low: t(Hn),
-		close: t(Un),
-		volume: t(Wn)
+		time: t(Zn),
+		open: t(Qn),
+		high: t($n),
+		low: t(er),
+		close: t(tr),
+		volume: t(nr)
 	};
 }
-function Zn(e) {
+function cr(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 = 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);
+	}, n = Y(String(t(Zn) ?? "")), r = Number(t(Qn)), i = Number(t($n)), a = Number(t(er)), o = Number(t(tr)), s = Number(t(nr) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -3629,9 +3794,9 @@ function Zn(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Qn(e) {
+function lr(e) {
 	if (e.length < 5) return null;
-	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;
+	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;
 	return t === null || ![
 		n,
 		r,
@@ -3646,10 +3811,10 @@ function Qn(e) {
 		volume: Number.isFinite(o) ? o : 0
 	};
 }
-function q(e) {
+function J(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function J(e) {
+function Y(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -3657,7 +3822,7 @@ function J(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Y(e, t, n) {
+function ur(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);
@@ -3669,7 +3834,7 @@ function Y(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var $n = class {
+var dr = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -3702,7 +3867,7 @@ var $n = class {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = Gn(await t.text());
+			let e = rr(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) {
@@ -3746,7 +3911,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 er = (e, t) => t.updatedAt - e.updatedAt;
+var fr = (e, t) => t.updatedAt - e.updatedAt;
 function Q(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
@@ -3759,17 +3924,17 @@ function Q(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function tr(e) {
+function pr(e) {
 	let t = Q(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function nr(e = []) {
+function mr(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Z).sort(er),
+		list: () => [...t.values()].map(Z).sort(fr),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -3782,7 +3947,7 @@ function nr(e = []) {
 		}
 	};
 }
-function rr(e = "tcw:layouts:") {
+function hr(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -3793,7 +3958,7 @@ function rr(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(er),
+		list: () => r().sort(fr),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -3811,14 +3976,14 @@ function rr(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var ir = 80;
+var gr = 80;
 function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function ar() {
+function _r() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function or(e) {
+function vr(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -3829,7 +3994,7 @@ function or(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var sr = class {
+var yr = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -3845,7 +4010,7 @@ var sr = 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 ?? ar;
+		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 ?? _r;
 	}
 	current() {
 		return this.currentLayout;
@@ -3875,7 +4040,7 @@ var sr = class {
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = tr(await this.storage.load(e));
+			let t = pr(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -3885,13 +4050,13 @@ var sr = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = or(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = vr(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 = tr(await this.storage.load(e));
+			let t = pr(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -3969,7 +4134,7 @@ var sr = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = or(r);
+		let i = vr(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -3990,6 +4155,6 @@ var sr = class {
 	}
 };
 //#endregion
-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 };
+export { Ht as C, B as S, H as _, mr as a, tn as b, In as c, Sn as d, xn as f, vn as g, _n as h, hr as i, kn as l, bn as m, gr as n, dr as o, yn as p, $ as r, rr as s, yr as t, Cn as u, ln as v, $t as x, rn as y };
 
-//# sourceMappingURL=LayoutSession-BF1iuUrs.js.map
+//# sourceMappingURL=LayoutSession-CiDh-H9-.js.map