@tradecanvas/chart 1.12.0 → 1.13.0

package/dist/{LayoutSession-2yRujs2S.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 b, zonedDateFormatter as re } from "@tradecanvas/commons";
-import { AlertDragHandler as ie, AlertManager as ae, Animator as oe, AreaRenderer as se, AxisDragHandler as ce, BarCountdown as le, BarRenderer as ue, BaselineRenderer as de, CandlestickRenderer as fe, ChartLegend as pe, ChartStateManager as x, CompareRenderer as me, CompareSymbolIndicator as he, CorrelationCoefficientIndicator as ge, CorrelationLogIndicator as _e, CrosshairHandler as ve, CrosshairTooltip as ye, CurrentPriceLine as be, DEFAULT_SESSION_HOURS as xe, DataExporter as S, DepthHeatmapRenderer as Se, DrawingManager as Ce, DrawingRenderer as we, EquivolumeRenderer as Te, EventBus as Ee, GridRenderer as De, HLCAreaRenderer as Oe, HiLoRenderer as C, HollowCandleRenderer as ke, IndicatorEngine as w, InteractionManager as Ae, KagiRenderer as je, KeyboardHandler as Me, LineRenderer as Ne, LineWithMarkersRenderer as Pe, MarketProfileRenderer as Fe, MeasureOverlay as Ie, PanHandler as Le, PaneResizeHandler as Re, PeriodLevelsRenderer as ze, PinnedTooltip as Be, PivotMarkersRenderer as Ve, PointAndFigureRenderer as T, PriceAxis as E, PriceAxisAddButton as He, PriceLines as Ue, RenderEngine as We, RenkoRenderer as Ge, ReplayManager as Ke, Screenshot as D, SelectionBoxOverlay as qe, SessionBreaks as Je, SessionShading as Ye, SignalMarkerManager as Xe, SpreadIndicator as Ze, StepLineRenderer as Qe, StreamManager as $e, SymbolSeriesStore as et, TimeAxis as tt, TradeZoneManager as nt, TradingManager as rt, TradingRenderer as it, UndoRedoManager as at, Viewport as ot, VolumeCandleRenderer as st, VolumeProfileRenderer as ct, VolumeRenderer as lt, Watermark as ut, ZoomHandler as dt, barTimeStepMs as ft, findDominantSwing as pt, gpuContextsLeft as mt, isRegularSession as ht, loadWebGL as gt, mergeSessionHours as _t, rangePresetStart as vt, readAlertOptions as yt, registerBuiltInDrawingTools as bt, registerBuiltInIndicators as O, servesTimeframe as k, sourceParam as A, timestampToBarIndex as j, toHeikinAshi as xt, toKagi as St, toLineBreak as Ct, toPointAndFigure as wt, toRangeBars as Tt, toRenko as M, whenGpuContextFree as Et, withResampling as Dt, xToBarIndex as Ot, xToTime as N, yToPrice as P } 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 kt = 864e5, At = 10;
-function jt(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,34 +14,34 @@ function jt(e, t) {
 	});
 	if (r.length === 0) return null;
 	let i = Infinity;
-	for (let e = Math.max(1, t.length - At); 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 < kt)) 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) => ht(m(e), a);
+	return (e) => yt(h(e), a);
 }
 //#endregion
 //#region src/chartA11y.ts
-var F = {
+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."
-}, I = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), Mt = [
+}, L = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), It = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
 	"aria-describedby"
-], Nt = 400, Pt = 1e3, Ft = class {
+], Lt = 400, Rt = 1e3, zt = class {
 	live;
 	help;
 	labels;
@@ -55,20 +55,20 @@ var F = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...F,
+			...I,
 			...n
 		};
-		for (let t of Mt) this.before.set(t, e.getAttribute(t));
-		e.setAttribute("role", "application"), this.help = L("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = L("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
+		for (let t of It) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = Bt("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = Bt("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
 	}
 	setLabels(e) {
 		this.labels = {
-			...F,
+			...I,
 			...e
 		}, this.applyLabels();
 	}
 	refresh(e = !1) {
-		let t = Pt - (Date.now() - this.summaryAt);
+		let t = Rt - (Date.now() - this.summaryAt);
 		if (e || t <= 0 || this.container.getAttribute("aria-label") === this.labels.empty) {
 			this.summaryTimer && clearTimeout(this.summaryTimer), this.summaryTimer = null, this.summaryAt = Date.now(), this.container.setAttribute("aria-label", this.summary());
 			return;
@@ -80,7 +80,7 @@ var F = {
 	viewMoved() {
 		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
 			this.viewTimer = null, this.say(this.viewText());
-		}, Nt);
+		}, Lt);
 	}
 	readBar(e) {
 		let t = this.source.bars();
@@ -93,13 +93,13 @@ var F = {
 		let i = t[this.cursor];
 		this.source.showBar(i.time);
 		let a = this.source.formatPrice;
-		this.say(I(this.labels.bar, {
+		this.say(L(this.labels.bar, {
 			time: this.source.formatTime(i.time),
 			open: a(i.open),
 			high: a(i.high),
 			low: a(i.low),
 			close: a(i.close),
-			volume: It(i.volume ?? 0)
+			volume: Vt(i.volume ?? 0)
 		}));
 	}
 	destroy() {
@@ -118,7 +118,7 @@ var F = {
 			this.labels.typeName ? this.labels.typeName(t) : t,
 			this.source.timeframe()
 		].filter(Boolean).join(", ");
-		return I(this.labels.summary, {
+		return L(this.labels.summary, {
 			what: n,
 			close: this.source.formatPrice(e[e.length - 1].close)
 		});
@@ -128,7 +128,7 @@ var F = {
 		if (e.length === 0) return this.labels.empty;
 		let t = this.source.visibleRange(), n = Math.max(0, Math.min(e.length - 1, Math.ceil(t.from))), r = Math.max(n, Math.min(e.length - 1, Math.floor(t.to))), i = -Infinity, a = Infinity;
 		for (let t = n; t <= r; t++) i = Math.max(i, e[t].high), a = Math.min(a, e[t].low);
-		return I(this.labels.view, {
+		return L(this.labels.view, {
 			count: r - n + 1,
 			from: this.source.formatTime(e[n].time),
 			to: this.source.formatTime(e[r].time),
@@ -140,7 +140,7 @@ var F = {
 		this.live.textContent = e;
 	}
 };
-function L(e, t) {
+function Bt(e, t) {
 	let n = document.createElement(e);
 	return n.className = t, Object.assign(n.style, {
 		position: "absolute",
@@ -154,12 +154,12 @@ function L(e, t) {
 		border: "0"
 	}), n;
 }
-function It(e) {
+function Vt(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(2);
 }
 //#endregion
 //#region src/indicatorLabel.ts
-function Lt(e, t, n, r) {
+function Ht(e, t, n, r) {
 	let i = Object.keys(n || t).map((e) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)).slice(0, 3).map((e) => String(Number(e.toFixed(4)))), a = typeof t.symbol == "string" && t.symbol ? [t.symbol] : [];
 	return [
 		e === "spread" && t.mode === "ratio" ? "Ratio" : r ?? e.toUpperCase(),
@@ -169,52 +169,52 @@ function Lt(e, t, n, r) {
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function Rt(e) {
+function Ut(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new fe();
-		case "line": return new Ne();
-		case "area": return new se();
-		case "bar": return new ue();
-		case "hollowCandle": return new ke();
-		case "baseline": return new de();
-		case "renko": return new Ge();
-		case "kagi": return new je();
-		case "pointAndFigure": return new T();
-		case "volumeCandles": return new st();
-		case "equivolume": return new Te();
-		case "hlcArea": return new Oe();
-		case "stepLine": return new Qe();
-		case "lineWithMarkers": return new Pe();
-		case "hiLo": return new C();
-		default: return new fe();
+		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 zt(e, t, n = {}) {
+function Wt(e, t, n = {}) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return xt(t);
+		case "heikinAshi": return Tt(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? M(t, { brickSize: e }) : M(t, {
+			return typeof e == "number" ? N(t, { brickSize: e }) : N(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
 			});
 		}
-		case "lineBreak": return Ct(t, n.lineBreak?.lines ?? 3);
-		case "kagi": return St(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent");
-		case "pointAndFigure": return wt(t, Ht(t, n), 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 Tt(t, { rangeSize: typeof e == "number" ? e : Ut(t) * .005 });
+			return kt(t, { rangeSize: typeof e == "number" ? e : Jt(t) * .005 });
 		}
 		default: return t;
 	}
 }
-function Bt(e) {
+function Gt(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -225,30 +225,30 @@ function Bt(e) {
 		default: return !1;
 	}
 }
-function Vt(e) {
-	return e !== "heikinAshi" && Bt(e);
+function Kt(e) {
+	return e !== "heikinAshi" && Gt(e);
 }
-function Ht(e, t = {}) {
+function qt(e, t = {}) {
 	let n = t.pointAndFigure?.boxSize;
-	return typeof n == "number" ? n : Ut(e) * .01;
+	return typeof n == "number" ? n : Jt(e) * .01;
 }
-function Ut(e) {
+function Jt(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
-function Wt(e, t) {
+function Yt(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : Rt(e);
+	return n ? n.createRenderer() : Ut(e);
 }
-function Gt(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) : zt(e, t, r);
+	return i?.transform ? i.transform(t) : Wt(e, t, r);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var Kt = class {
+var Zt = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -283,7 +283,7 @@ function R(e) {
 	let { open: t, high: n, low: r, close: i } = e;
 	return !(!isFinite(t) || !isFinite(n) || !isFinite(r) || !isFinite(i) || t < 0 || n < 0 || r < 0 || i < 0 || n < r || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0));
 }
-function qt(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 z(e) {
@@ -303,7 +303,7 @@ var B = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			R(r) && t.push(qt(r) ? r : z(r));
+			R(r) && t.push(Qt(r) ? r : z(r));
 		}
 		this.data = t;
 	}
@@ -311,7 +311,7 @@ var B = class {
 		let t = this.data.length > 0 ? this.data[0].time : Infinity, n = [];
 		for (let r = 0; r < e.length; r++) {
 			let i = e[r];
-			!R(i) || i.time >= t || n.push(qt(i) ? i : z(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);
@@ -332,7 +332,7 @@ var B = 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;
@@ -340,7 +340,7 @@ var B = class {
 	clear() {
 		this.data = [];
 	}
-}, Jt = 5e3, Yt = 6e4, Xt = 500, Zt = class {
+}, $t = 5e3, en = 6e4, tn = 500, nn = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -381,7 +381,7 @@ var B = class {
 		try {
 			r = await e(t, this.pageSize);
 		} catch (e) {
-			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(Yt, Jt * 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)
@@ -411,34 +411,116 @@ var B = class {
 	now() {
 		return this.host.now ? this.host.now() : Date.now();
 	}
-}, Qt = 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;
 	}
-	setTheme(t) {
-		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t }, this.shape && (this.theme = {
-			...this.theme,
+	getBaseTheme() {
+		return this.base;
+	}
+	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)
 		};
 	}
-}, $t = 200, en = 80, V = (e) => e.position === "top" || e.position === "bottom", tn = 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;
@@ -454,8 +536,8 @@ var B = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? $t : t),
-			minSize: a ? en : i,
+			size: r ?? (a ? sn : t),
+			minSize: a ? cn : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -524,7 +606,7 @@ var B = class {
 		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 ? $t : t, r.minSize = o ? en : 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) {
@@ -640,24 +722,24 @@ var B = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, nn = 14, rn = 14, an = 22, on = 4;
-function sn(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}`) + nn, u(r, `bold 11px ${o}`) + rn, u(r, `600 ${c}px ${o}`) + an);
+		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 / on) * on;
+	return m <= a ? a : Math.ceil(m / pn) * pn;
 }
-function cn(e, t) {
+function hn(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
-var ln = class {
+var gn = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -673,8 +755,8 @@ var ln = class {
 		}
 		return this.engaged;
 	}
-}, un = 1;
-function dn(e, t) {
+}, _n = 1;
+function vn(e, t) {
 	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
 }
 function H(e) {
@@ -688,24 +770,24 @@ function H(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var U = /* @__PURE__ */ new Map();
-function fn(e) {
+function yn(e) {
 	U.set(H(e), e);
 }
-function pn(e) {
+function bn(e) {
 	return U.delete(e);
 }
-function mn() {
+function xn() {
 	return [...U.values()];
 }
-function hn() {
+function Sn() {
 	U.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var gn = class {
+var Cn = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of mn()) 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) {
@@ -735,15 +817,15 @@ var gn = class {
 	add(e) {
 		this.plugins.set(H(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, _n = {
+}, 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) => vn(e, t, n)
+	positionReverse: (e, t, n) => Tn(e, t, n)
 };
-async function vn(e, t, n) {
+async function Tn(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -772,7 +854,7 @@ async function vn(e, t, n) {
 		}
 	}
 }
-function yn(e, t) {
+function En(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -782,8 +864,8 @@ function yn(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(_n)) {
-		let a = _n[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
@@ -797,16 +879,16 @@ function yn(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var bn = {
+var Dn = {
 	min: 0,
 	max: 100
-}, xn = 0xe8d4a51000, Sn = "exchange";
-function Cn(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 wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
-	static version = "1.12.0";
+var jn = 2, Mn = .08, Nn = 800, Pn = 20, Fn = 8, In = class {
+	static version = "1.13.0";
 	engine;
 	viewport;
 	dataManager;
@@ -827,6 +909,8 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	indicatorUpdateFrom = null;
 	resolvedLayoutCache = null;
 	panelInfoCache = null;
+	paneStyles = /* @__PURE__ */ new Map();
+	lastBackground = null;
 	renderScheduled = !1;
 	priceAxisWidth = a;
 	measureCtx;
@@ -842,14 +926,14 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	indicatorHistoryDepth = 0;
 	removedDrawingAlerts = /* @__PURE__ */ new Map();
 	zoomAreaMode = !1;
-	priceAxisAddButton = new He();
+	priceAxisAddButton = new Ke();
 	displayTz = null;
 	timezoneSetting = null;
 	symbolInfo = null;
 	symbolInfoSeq = 0;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...xe };
+	hostSessionHours = { ...Te };
 	compareRenderer;
 	countdownInterval = null;
 	volumeRenderer;
@@ -862,7 +946,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new qe();
+	selectionBoxOverlay = new Ze();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
@@ -870,7 +954,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	replayStepsSeries = null;
 	replayCoarse = null;
 	undoRedoManager;
-	autoSaveScheduler = new Kt((e) => this.saveState(e));
+	autoSaveScheduler = new Zt((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -882,15 +966,15 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new Ue();
-	symbolSeries = new et();
+	priceLines = new qe();
+	symbolSeries = new it();
 	extendedHours = !0;
 	replayRestarting = !1;
 	fullSeries = null;
 	requestedSymbols = /* @__PURE__ */ new Set();
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new E();
+	leftPriceAxis = new D();
 	leftScaleRequested = !1;
 	leftAxisWidth = a;
 	leftViewport = null;
@@ -920,7 +1004,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && Cn(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;
@@ -958,15 +1042,15 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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 B(), this.history = new Zt({
+		}, 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 Qt(t.theme), this.layoutManager = new tn(), this.indicatorEngine = new w(), this.pluginManager = new gn(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Ee(), O(this.indicatorEngine), this.indicatorEngine.register(new he(this.symbolSeries)), this.indicatorEngine.register(new Ze(this.symbolSeries)), this.indicatorEngine.register(new ge(this.symbolSeries)), this.indicatorEngine.register(new _e(this.symbolSeries)), this.drawingManager = new Ce(), bt(this.drawingManager), this.drawingRenderer = new we(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 at();
+		}), 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}`;
@@ -979,21 +1063,21 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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 rt({
+		}), 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 it(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 We(e);
+		}), this.engine = new Je(e);
 		let a = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new ot(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 De(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new E(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.timeAxis = new tt(), this.crosshairHandler = new ve(), 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);
@@ -1002,19 +1086,19 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 					prevClose: e > 0 ? n[e - 1]?.close : void 0,
 					priceRange: i.priceRange,
 					plot: i.chartRect,
-					barStepMs: ft(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 pe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new ut(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new lt(), this.volumeProfile = new ct(), this.marketProfile = new Fe(), this.depthHeatmap = new Se(), this.periodLevels = new ze(), this.pivotMarkers = new Ve(), this.barCountdown = new le(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new Je(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Ye(), this.compareRenderer = new me(), 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 oe(), this.crosshairTooltip = new ye(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Be(), 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(Mn(t.shapes)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Me({
+		}) : 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();
@@ -1031,17 +1115,17 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			},
 			fitContent: () => this.fitContent()
 		}), this.keyboardHandler.setEnabled(this.features.keyboard), t.a11y !== !1) {
-			this.a11y = new Ft(e, {
+			this.a11y = new zt(e, {
 				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
 				timeframe: () => this.streamTimeframe ?? "",
 				chartType: () => this.options.chartType ?? "candlestick",
 				bars: () => this.getDisplayData(),
 				visibleRange: () => this.viewport.getState().visibleRange,
 				formatPrice: (e) => this.formatPrice(e),
-				formatTime: (e) => re(this.numberLocale || "en-US", {
+				formatTime: (e) => se(this.numberLocale || "en-US", {
 					dateStyle: "medium",
 					timeStyle: "short"
-				}, this.displayTz)(e > xn ? e : e * 1e3),
+				}, this.displayTz)(e > On ? e : e * 1e3),
 				showBar: (e) => this.setCrosshairTime(e)
 			}, t.a11y?.labels);
 			for (let e of [
@@ -1061,7 +1145,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new be(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new ae(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new 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,
@@ -1076,7 +1160,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			this.eventBus.emit("alertExpired", G(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", G(e));
-		}), this.signalMarkerManager = new Xe(), 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,
@@ -1084,18 +1168,18 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new nt(), 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 Ke(), 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 Ie(), this.interactionManager = new Ae(e), this.features.panning) {
-			let e = new ln();
-			this.interactionManager.setPanHandler(new Le((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()));
 		}
@@ -1107,10 +1191,10 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new dt((e, t) => {
+			this.interactionManager.setZoomHandler(new ht((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new ce((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;
@@ -1130,7 +1214,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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 = P(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,
@@ -1140,10 +1224,10 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new ie(this.alertManager, () => this.viewport.getState());
+			let e = new ce(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new Re();
+		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;
@@ -1167,7 +1251,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let r = Ot(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,
@@ -1207,7 +1291,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < On) return;
+					if (e.x1 - e.x0 < Fn) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -1244,7 +1328,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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) => zn(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;
@@ -1253,7 +1337,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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(j(i, this.getDisplayData()));
+			let e = Math.round(M(i, this.getDisplayData()));
 			this.viewport.prependBars(e - r);
 		}
 		return this.updateViewportAndRender(), t ?? a;
@@ -1284,15 +1368,15 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	}
 	checkHistory() {
 		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
-			if (this.historyCheckQueued = !1, this.replaySession || !this.history.hasLoader() || Vt(this.options.chartType)) return;
+			if (this.historyCheckQueued = !1, this.replaySession || !this.history.hasLoader() || Kt(this.options.chartType)) return;
 			let { from: e, to: t } = this.viewport.getState().visibleRange;
-			this.history.maybeLoad(Math.max(0, Math.floor(e)), Math.max(Dn, 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 = Dt(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;
 		}
@@ -1352,7 +1436,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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
 		});
@@ -1360,11 +1444,11 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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());
@@ -1373,7 +1457,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : jt(this.symbolInfo, e);
+		return this.extendedHours ? null : Ft(this.symbolInfo, e);
 	}
 	shownBars(e) {
 		let t = this.sessionKeep(e);
@@ -1414,7 +1498,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Mn(e);
+		let t = zn(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -1486,14 +1570,14 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		this.recordIndicators(e, () => this.updateIndicatorNow(e, t));
 	}
 	updateIndicatorNow(e, t) {
-		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? A(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"
@@ -1504,7 +1588,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	paneFor(e, t, n, r) {
 		if (n) return this.paneHostOf(n, r);
 		if (e.placement !== "overlay") return null;
-		let i = A(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) {
@@ -1547,8 +1631,8 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * Tn,
-				max: t.max + n * Tn
+				min: t.min - n * Mn,
+				max: t.max + n * Mn
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -1578,7 +1662,9 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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"
@@ -1588,6 +1674,28 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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);
 	}
@@ -1598,8 +1706,8 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new w();
-		return O(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", {
@@ -1622,8 +1730,8 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	paneMoveHost(e, t) {
 		let n = this.indicatorEngine.getIndicatorConfig(e), r = this.indicatorEngine.getIndicatorDescriptor(e);
 		if (!n || !r) return;
-		let i = A(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);
@@ -1637,14 +1745,15 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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,12 +1837,12 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		return this.features.legend ? e + this.chartLegend.getHeight() : e;
 	}
 	isTimeAligned() {
-		return Vt(this.options.chartType) ? !1 : this.getDisplayData().length === this.dataManager.getLength();
+		return Kt(this.options.chartType) ? !1 : this.getDisplayData().length === this.dataManager.getLength();
 	}
 	roundPrice(e) {
 		if (!Number.isFinite(e)) return e;
 		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)));
 	}
@@ -1744,7 +1853,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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();
@@ -1755,7 +1864,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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)));
@@ -1800,7 +1909,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = pt(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]]
@@ -1875,7 +1984,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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 < En) {
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < Nn) {
 			this.undoRedoManager.replaceLast({
 				...n,
 				custom: {
@@ -1922,7 +2031,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = P(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = N(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);
 		}
@@ -1948,7 +2057,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
-		this.setVisibleRange(N(e.x0, t), N(e.x1, t));
+		this.setVisibleRange(P(e.x0, t), P(e.x1, t));
 	}
 	lockAllDrawings() {
 		this.drawingManager.lockAllDrawings();
@@ -1993,7 +2102,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		for (let e of this.indicatorEngine.getActiveIndicators()) {
 			let t = this.indicatorEngine.getOutput(e.instanceId)?.series;
 			if (!t) continue;
-			let r = Lt(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
+			let r = Ht(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
 				key: e,
 				title: e
 			}));
@@ -2017,11 +2126,11 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	}
 	getExportText(e = "csv", t = {}) {
 		let { bars: n, columns: r } = this.getExportData(t);
-		return e === "json" ? S.toJSON(n, r) : S.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" ? S.download(r, t ?? "chart-data.json", "application/json") : S.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);
@@ -2071,7 +2180,11 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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"
 		});
@@ -2177,8 +2290,8 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		if (!k(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 $e(), 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) => {
@@ -2227,7 +2340,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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);
@@ -2245,8 +2358,8 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !k(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;
@@ -2261,7 +2374,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = yn(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);
@@ -2352,18 +2465,18 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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(j(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 > xn ? 1 : 1e3, i = vt(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 = j(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() {
@@ -2377,7 +2490,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	setVisibleRange(e, t) {
 		let n = this.dataManager.getData();
 		if (n.length === 0) return;
-		let r = j(Math.min(e, t), n), i = j(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) {
@@ -2411,10 +2524,41 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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({
@@ -2438,7 +2582,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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(j(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() {
@@ -2500,7 +2644,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
 	}
 	setTimezone(e) {
-		Cn(e), this.timezoneSetting = e, this.applyTimezone();
+		An(e), this.timezoneSetting = e, this.applyTimezone();
 	}
 	getTimezone() {
 		return this.timezoneSetting;
@@ -2509,7 +2653,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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) {
@@ -2518,13 +2662,13 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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,
@@ -2563,7 +2707,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = _t(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();
@@ -2582,11 +2726,11 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		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 gt(e);
-		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? mt() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
+		let { gpu: r, reason: i } = await 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 ? Et(e) : null;
+		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? At(e) : null;
 	}
 	getRenderer() {
 		return this.engine.getGpu() ? "webgl" : "canvas";
@@ -2604,23 +2748,23 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		this.engine.getGpu() && this.engine.renderNow();
 	}
 	screenshot(e) {
-		this.features.screenshot && (this.freshFrame(), D.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 D.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(), D.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(), D.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;
@@ -2753,20 +2897,20 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 				fedTime: null
 			};
 		}
-		let t = this.shownBars(this.replaySession.live.getData()), { steps: n, ...r } = e ?? {}, i = n ? Rn(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 = Vn(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 = Bn(t, c.time), s = s !== null && o === e - 1 && n === a - 1 && s ? Un(s, c) : Hn(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();
@@ -2811,20 +2955,20 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			return;
 		}
 		if (i.time <= n.fedTime) return;
-		let a = e.slice(Fn(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 / Pn);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of In(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 ? Bn(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 ? Vn(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? Jn(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.replayManager.pause();
@@ -2869,11 +3013,12 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		return this.replayManager.getProgress();
 	}
 	captureSnapshot() {
-		return x.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(),
@@ -2881,14 +3026,14 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = An(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 && jn(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);
@@ -2896,8 +3041,8 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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;
 		};
@@ -2936,15 +3081,19 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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, {
@@ -2971,6 +3120,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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),
@@ -3024,7 +3174,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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) < En && 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
@@ -3052,13 +3202,13 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = this.captureSnapshot(), n = x.serialize(t);
-		return e && x.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 = x.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();
@@ -3068,7 +3218,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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 = {
-					...yt(e),
+					...Ct(e),
 					...e.target ? { target: t(e.target) } : {}
 				};
 				if (!e.expired) {
@@ -3088,19 +3238,19 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = x.loadFromStorage(e);
-		return t ? (this.loadState(x.serialize(t)), !0) : !1;
+		let t = S.loadFromStorage(e);
+		return t ? (this.loadState(S.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
-		this.features.saveLoad && x.downloadFile(this.captureSnapshot(), e);
+		this.features.saveLoad && S.downloadFile(this.captureSnapshot(), e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await x.loadFromFile();
-		this.loadState(x.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();
@@ -3111,26 +3261,26 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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: b(e.colorScheme.up),
-				volumeDown: b(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 ?? wn), 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());
@@ -3154,15 +3304,15 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		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 = Wt(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof C && 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 = Gt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e), this.chartTypeOptions);
-		return this.chartRenderer instanceof T && !this.pluginManager.getChartType(this.options.chartType) && this.chartRenderer.setBoxSize(Ht(e, this.chartTypeOptions)), 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);
@@ -3194,7 +3344,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			this.viewport.setScaleBaseline(t[e]?.close);
 		}
 		if (n) {
-			let e = Nn(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) {
@@ -3218,7 +3368,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = sn({
+		let t = this.themeManager.getTheme(), n = mn({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -3227,12 +3377,12 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = cn(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 = sn({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = mn({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -3242,7 +3392,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = cn(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) {
@@ -3286,15 +3436,16 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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) ?? { ...bn }, 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,
@@ -3367,7 +3518,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = dn(this.pluginManager.getOverlays(), t);
+		let n = vn(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -3378,7 +3529,7 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = 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 ? {
@@ -3389,11 +3540,11 @@ var wn = 2, Tn = .08, En = 800, Dn = 20, On = 8, kn = class {
 		} : null;
 	}
 };
-function An(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);
@@ -3403,10 +3554,10 @@ function An(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function jn(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 Mn(e) {
+function zn(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
@@ -3416,7 +3567,7 @@ var W = new Set([
 	"correlation",
 	"correlationlog"
 ]);
-function Nn(e, t) {
+function Bn(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -3437,8 +3588,8 @@ function G(e) {
 		bars: e.bars
 	};
 }
-var Pn = 500;
-function Fn(e, t) {
+var Vn = 500;
+function Hn(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -3446,20 +3597,20 @@ function Fn(e, t) {
 	}
 	return n;
 }
-function In(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 Ln(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 Rn(e, t) {
+function Gn(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + Ln(t), r = e.filter((e) => zn(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);
@@ -3467,7 +3618,7 @@ function Rn(e, t) {
 	let o = t.slice(0, a), s = i.filter((e) => e.time >= t[a].time);
 	return [...o, ...s];
 }
-function zn(e) {
+function Kn(e) {
 	return [
 		e.time,
 		e.open,
@@ -3476,7 +3627,7 @@ function zn(e) {
 		e.close
 	].every(Number.isFinite);
 }
-function Bn(e, t) {
+function qn(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r + 1 >> 1;
@@ -3484,22 +3635,22 @@ function Bn(e, t) {
 	}
 	return n;
 }
-function Vn(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 Hn(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 = Un(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = Xn(i, t[e]);
 	return i;
 }
-function Un(e, t) {
+function Xn(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -3512,31 +3663,31 @@ function Un(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 Wn = [
+var Zn = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], Gn = ["open", "o"], Kn = ["high", "h"], qn = ["low", "l"], Jn = ["close", "c"], Yn = [
+], Qn = ["open", "o"], $n = ["high", "h"], er = ["low", "l"], tr = ["close", "c"], nr = [
 	"volume",
 	"vol",
 	"v"
 ];
-function Xn(e) {
+function rr(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Zn(t) : Qn(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? ir(t) : ar(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Zn(e) {
+function ir(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -3546,19 +3697,19 @@ function Zn(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) ? nr(e) : tr(e);
+		let t = Array.isArray(e) ? lr(e) : cr(e);
 		t ? n.push(t) : r++;
 	}
-	return rr(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 = $n(t[0]), r = q(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? er(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,
@@ -3588,9 +3739,9 @@ function Qn(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return rr(o, t.length - +!!i, s);
+	return ur(o, t.length - +!!i, s);
 }
-function $n(e) {
+function or(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -3610,25 +3761,25 @@ function q(e, t) {
 	}
 	return n.push(r), n;
 }
-function er(e) {
+function sr(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Wn),
-		open: t(Gn),
-		high: t(Kn),
-		low: t(qn),
-		close: t(Jn),
-		volume: t(Yn)
+		time: t(Zn),
+		open: t(Qn),
+		high: t($n),
+		low: t(er),
+		close: t(tr),
+		volume: t(nr)
 	};
 }
-function tr(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 = Y(String(t(Wn) ?? "")), r = Number(t(Gn)), i = Number(t(Kn)), a = Number(t(qn)), o = Number(t(Jn)), s = Number(t(Yn) ?? 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,
@@ -3643,7 +3794,7 @@ function tr(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function nr(e) {
+function lr(e) {
 	if (e.length < 5) return null;
 	let t = Y(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
 	return t === null || ![
@@ -3671,7 +3822,7 @@ function Y(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function rr(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);
@@ -3683,7 +3834,7 @@ function rr(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var ir = class {
+var dr = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -3716,7 +3867,7 @@ var ir = class {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = Xn(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) {
@@ -3760,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 ar = (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;
@@ -3773,17 +3924,17 @@ function Q(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function or(e) {
+function pr(e) {
 	let t = Q(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function sr(e = []) {
+function mr(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Z).sort(ar),
+		list: () => [...t.values()].map(Z).sort(fr),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -3796,7 +3947,7 @@ function sr(e = []) {
 		}
 	};
 }
-function cr(e = "tcw:layouts:") {
+function hr(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -3807,7 +3958,7 @@ function cr(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(ar),
+		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 ? {
@@ -3825,14 +3976,14 @@ function cr(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var lr = 80;
+var gr = 80;
 function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function ur() {
+function _r() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function dr(e) {
+function vr(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -3843,7 +3994,7 @@ function dr(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var fr = class {
+var yr = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -3859,7 +4010,7 @@ var fr = 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 ?? ur;
+		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;
@@ -3889,7 +4040,7 @@ var fr = class {
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = or(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 {
@@ -3899,13 +4050,13 @@ var fr = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = dr(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 = or(await this.storage.load(e));
+			let t = pr(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -3983,7 +4134,7 @@ var fr = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = dr(r);
+		let i = vr(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -4004,6 +4155,6 @@ var fr = class {
 	}
 };
 //#endregion
-export { Lt as C, B as S, H as _, sr as a, Xt as b, kn as c, hn as d, mn as f, dn as g, un as h, cr as i, Sn as l, pn as m, lr as n, ir as o, fn as p, $ as r, Xn as s, fr as t, gn as u, tn as v, Jt as x, Qt 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-2yRujs2S.js.map
+//# sourceMappingURL=LayoutSession-CiDh-H9-.js.map