@tradecanvas/chart 1.81.0 → 1.83.0

package/dist/{LayoutSession-C4Lp1X6t.js → LayoutSession-BoiToS9y.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./indicatorLabel-BsidWCv1.js";
-import { DARK_THEME as t, DEFAULT_PANEL_HEIGHT as n, LIGHT_THEME as r, LayerType as i, MIN_PANEL_HEIGHT as a, PHI as o, PRICE_AXIS_WIDTH as s, TIME_AXIS_HEIGHT as c, autoPricePrecision as l, barDateZone as u, barTimeUnit as d, barsAreDaily as f, chartStyleValue as p, computePriceLimits as m, computePriceRange as h, createMarketTheme as g, formatPrice as _, fractionTick as v, indicatorSource as y, isValidTimeZone as b, mergeBar as ee, niceNumber as te, normalizeBarTime as x, parseIndicatorSource as S, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as ae, readIndicatorPlotStyles as oe, readPaneStyle as se, resolveChartTheme as ce, sessionMinute as C, setLocale as le, stepDecimals as ue, symbolTimeZone as w, tickBarCount as de, timeframeToMs as T, zonedDateFormatter as fe } from "@tradecanvas/commons";
-import { AlertDragHandler as pe, AlertManager as me, Animator as he, AreaRenderer as ge, AxisDragHandler as _e, BarCountdown as ve, BarRenderer as ye, BaselineRenderer as be, CandlestickRenderer as xe, ChartLegend as Se, ChartStateManager as E, CompareRenderer as Ce, CompareSymbolIndicator as we, CompareSymbolPaneIndicator as Te, CorrelationCoefficientIndicator as Ee, CorrelationLogIndicator as De, CrosshairHandler as Oe, CrosshairTooltip as ke, CurrentPriceLine as Ae, DEFAULT_SESSION_HOURS as je, DataExporter as D, DepthHeatmapRenderer as Me, DrawingManager as Ne, DrawingRenderer as Pe, EquivolumeRenderer as Fe, EventBus as Ie, GridRenderer as Le, HLCAreaRenderer as Re, HiLoRenderer as ze, HollowCandleRenderer as Be, IndicatorEngine as Ve, InteractionManager as He, KagiRenderer as Ue, KeyboardHandler as We, LineRenderer as Ge, LineWithMarkersRenderer as Ke, MarketProfileRenderer as qe, MeasureOverlay as Je, PRICE_AXIS_ADD_STRIP as Ye, PRICE_SCALE_MARGIN as O, PanHandler as Xe, PaneResizeHandler as Ze, PeriodLevelsRenderer as Qe, PinnedTooltip as $e, PivotMarkersRenderer as et, PointAndFigureRenderer as tt, PriceAxis as nt, PriceAxisAddButton as rt, PriceLines as it, RenderEngine as at, RenkoRenderer as ot, ReplayManager as st, ResamplingAdapter as ct, ReshapeMemo as lt, SYMBOL_INDICATOR_IDS as ut, SYMBOL_ZONE_WAIT_MS as dt, Screenshot as k, SelectionBoxOverlay as ft, SessionBreaks as pt, SessionShading as mt, SignalMarkerManager as ht, SpreadIndicator as gt, StepLineRenderer as _t, StreamManager as vt, SymbolSeriesStore as yt, TimeAxis as bt, TradeZoneManager as xt, TradingManager as St, TradingRenderer as Ct, UndoRedoManager as wt, Viewport as Tt, VolumeCandleRenderer as Et, VolumeProfileRenderer as Dt, VolumeRenderer as Ot, Watermark as kt, ZoomHandler as At, axisTimes as A, barTimeStepMs as jt, findDominantSwing as Mt, gpuContextsLeft as Nt, isPriceLevelAlert as Pt, isRegularSession as Ft, loadWebGL as It, mergeSessionHours as Lt, pointAndFigureColumns as Rt, rangePresetStart as zt, readAlertOptions as Bt, registerBuiltInDrawingTools as Vt, registerBuiltInIndicators as Ht, servesTimeframe as j, sourceParam as M, streamAdapterOf as Ut, timestampToBarIndex as N, toHeikinAshi as Wt, toKagi as Gt, toLineBreak as Kt, toRangeBars as qt, toRenko as Jt, whenGpuContextFree as Yt, withResampling as P, xToBarIndex as Xt, xToTime as F, yToPrice as Zt } from "@tradecanvas/core";
+import { DARK_THEME as t, DEFAULT_PANEL_HEIGHT as n, LIGHT_THEME as r, LayerType as i, MIN_PANEL_HEIGHT as a, PHI as o, PRICE_AXIS_WIDTH as s, TIME_AXIS_HEIGHT as c, autoPricePrecision as l, barDateZone as u, barTimeUnit as d, barsAreDaily as f, chartStyleValue as p, computePriceLimits as m, computePriceRange as h, createMarketTheme as g, formatPrice as _, fractionTick as v, indicatorSource as y, isValidTimeZone as b, mergeBar as ee, niceNumber as te, normalizeBarTime as x, parseIndicatorSource as S, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as C, readIndicatorPlotStyles as ae, readPaneStyle as oe, resolveChartTheme as se, sessionMinute as w, setLocale as ce, stepDecimals as le, symbolTimeZone as T, tickBarCount as ue, timeframeToMs as E, zonedDateFormatter as de } from "@tradecanvas/commons";
+import { AlertDragHandler as fe, AlertManager as pe, Animator as me, AreaRenderer as he, AxisDragHandler as ge, BarCountdown as _e, BarRenderer as ve, BaselineRenderer as ye, CandlestickRenderer as be, ChartLegend as xe, ChartStateManager as D, CompareRenderer as Se, CompareSymbolIndicator as Ce, CompareSymbolPaneIndicator as we, CorrelationCoefficientIndicator as Te, CorrelationLogIndicator as Ee, CrosshairHandler as De, CrosshairTooltip as Oe, CurrentPriceLine as ke, DEFAULT_SESSION_HOURS as Ae, DataExporter as O, DepthHeatmapRenderer as je, DrawingManager as Me, DrawingRenderer as Ne, EquivolumeRenderer as Pe, EventBus as Fe, GridRenderer as Ie, HLCAreaRenderer as Le, HiLoRenderer as Re, HollowCandleRenderer as ze, IndicatorEngine as Be, InteractionManager as Ve, KagiRenderer as He, KeyboardHandler as Ue, LineRenderer as We, LineWithMarkersRenderer as Ge, MarketProfileRenderer as Ke, MeasureOverlay as qe, PRICE_AXIS_ADD_STRIP as Je, PRICE_SCALE_MARGIN as k, PanHandler as Ye, PaneResizeHandler as Xe, PeriodLevelsRenderer as Ze, PinnedTooltip as Qe, PivotMarkersRenderer as $e, PointAndFigureRenderer as et, PriceAxis as tt, PriceAxisAddButton as nt, PriceLines as rt, RenderEngine as it, RenkoRenderer as at, ReplayManager as ot, ResamplingAdapter as st, ReshapeMemo as ct, SYMBOL_INDICATOR_IDS as lt, SYMBOL_ZONE_WAIT_MS as ut, Screenshot as A, SelectionBoxOverlay as dt, SessionBreaks as ft, SessionShading as pt, SignalMarkerManager as mt, SpreadIndicator as ht, StepLineRenderer as gt, StreamManager as _t, SymbolSeriesStore as vt, TimeAxis as yt, TradeZoneManager as bt, TradingManager as xt, TradingRenderer as St, UndoRedoManager as Ct, Viewport as wt, VolumeCandleRenderer as Tt, VolumeProfileRenderer as Et, VolumeRenderer as Dt, Watermark as Ot, ZoomHandler as kt, axisTimes as At, barTimeStepMs as jt, findDominantSwing as Mt, gpuContextsLeft as Nt, idleCssCursor as Pt, isCrosshairCursor as Ft, isPriceLevelAlert as It, isRegularSession as Lt, loadWebGL as Rt, mergeSessionHours as zt, pointAndFigureColumns as Bt, rangePresetStart as Vt, readAlertOptions as Ht, registerBuiltInDrawingTools as Ut, registerBuiltInIndicators as Wt, servesTimeframe as j, sourceParam as M, streamAdapterOf as Gt, timestampToBarIndex as N, toHeikinAshi as Kt, toKagi as qt, toLineBreak as Jt, toRangeBars as Yt, toRenko as Xt, whenGpuContextFree as Zt, withResampling as P, xToBarIndex as Qt, xToTime as F, yToPrice as $t } from "@tradecanvas/core";
 //#region src/regularHours.ts
-var Qt = 864e5, $t = 10;
-function en(e, t) {
-	let n = w(e);
+var en = 864e5, tn = 10;
+function nn(e, t) {
+	let n = T(e);
 	if (!n || !b(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
-		let t = C(e.start), n = C(e.end);
+		let t = w(e.start), n = w(e.end);
 		return t === null || n === null ? [] : [{
 			startMinute: t,
 			endMinute: n
@@ -15,34 +15,34 @@ function en(e, t) {
 	});
 	if (r.length === 0) return null;
 	let i = d(t), a = Infinity;
-	for (let e = Math.max(1, t.length - $t); e < t.length; e++) {
+	for (let e = Math.max(1, t.length - tn); e < t.length; e++) {
 		let n = (t[e].time - t[e - 1].time) * i;
 		n > 0 && n < a && (a = n);
 	}
-	if (!(a < Qt)) return null;
+	if (!(a < en)) return null;
 	let o = {
 		timeZone: n,
 		windows: r,
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => Ft(e * i, o);
+	return (e) => Lt(e * i, o);
 }
 //#endregion
 //#region src/chartA11y.ts
-var tn = {
+var rn = {
 	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), nn = [
+}, I = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), an = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
 	"aria-describedby"
-], rn = 400, an = 1e3, on = class {
+], on = 400, sn = 1e3, cn = class {
 	live;
 	help;
 	labels;
@@ -56,20 +56,20 @@ var tn = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...tn,
+			...rn,
 			...n
 		};
-		for (let t of nn) this.before.set(t, e.getAttribute(t));
-		e.setAttribute("role", "application"), this.help = sn("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = sn("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
+		for (let t of an) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = ln("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 = ln("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 = {
-			...tn,
+			...rn,
 			...e
 		}, this.applyLabels();
 	}
 	refresh(e = !1) {
-		let t = an - (Date.now() - this.summaryAt);
+		let t = sn - (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;
@@ -81,7 +81,7 @@ var tn = {
 	viewMoved() {
 		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
 			this.viewTimer = null, this.say(this.viewText());
-		}, rn);
+		}, on);
 	}
 	readBar(e) {
 		let t = this.source.bars();
@@ -100,7 +100,7 @@ var tn = {
 			high: a(i.high),
 			low: a(i.low),
 			close: a(i.close),
-			volume: cn(i.volume ?? 0)
+			volume: un(i.volume ?? 0)
 		}));
 	}
 	destroy() {
@@ -141,7 +141,7 @@ var tn = {
 		this.live.textContent = e;
 	}
 };
-function sn(e, t) {
+function ln(e, t) {
 	let n = document.createElement(e);
 	return n.className = t, Object.assign(n.style, {
 		position: "absolute",
@@ -155,57 +155,57 @@ function sn(e, t) {
 		border: "0"
 	}), n;
 }
-function cn(e) {
+function un(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(2);
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function ln(e) {
+function dn(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new xe();
-		case "line": return new Ge();
-		case "area": return new ge();
-		case "bar": return new ye();
-		case "hollowCandle": return new Be();
-		case "baseline": return new be();
-		case "renko": return new ot();
-		case "kagi": return new Ue();
-		case "pointAndFigure": return new tt();
-		case "volumeCandles": return new Et();
-		case "equivolume": return new Fe();
-		case "hlcArea": return new Re();
-		case "stepLine": return new _t();
-		case "lineWithMarkers": return new Ke();
-		case "hiLo": return new ze();
-		default: return new xe();
+		case "rangeBars": return new be();
+		case "line": return new We();
+		case "area": return new he();
+		case "bar": return new ve();
+		case "hollowCandle": return new ze();
+		case "baseline": return new ye();
+		case "renko": return new at();
+		case "kagi": return new He();
+		case "pointAndFigure": return new et();
+		case "volumeCandles": return new Tt();
+		case "equivolume": return new Pe();
+		case "hlcArea": return new Le();
+		case "stepLine": return new gt();
+		case "lineWithMarkers": return new Ge();
+		case "hiLo": return new Re();
+		default: return new be();
 	}
 }
-function un(e, t, n = {}, r, i) {
+function fn(e, t, n = {}, r, i) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Wt(t);
+		case "heikinAshi": return Kt(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? Jt(t, { brickSize: e }, i) : Jt(t, {
+			return typeof e == "number" ? Xt(t, { brickSize: e }, i) : Xt(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
 			}, i);
 		}
-		case "lineBreak": return Kt(t, n.lineBreak?.lines ?? 3);
-		case "kagi": return Gt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
-		case "pointAndFigure": return fn(t, n, i).columns;
-		case "rangeBars": return qt(t, {
-			rangeSize: xn(t, n, r),
+		case "lineBreak": return Jt(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return qt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
+		case "pointAndFigure": return mn(t, n, i).columns;
+		case "rangeBars": return Yt(t, {
+			rangeSize: Cn(t, n, r),
 			includeForming: !0
 		}, i);
 		default: return t;
 	}
 }
-function dn(e) {
+function pn(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -217,71 +217,71 @@ function dn(e) {
 	}
 }
 function L(e) {
-	return e !== "heikinAshi" && dn(e);
+	return e !== "heikinAshi" && pn(e);
 }
-function fn(e, t = {}, n) {
-	return Rt(e, hn(e, t), t.pointAndFigure?.reversal ?? 3, n);
+function mn(e, t = {}, n) {
+	return Bt(e, _n(e, t), t.pointAndFigure?.reversal ?? 3, n);
 }
-var pn = 50, mn = .01;
-function hn(e, t = {}) {
+var hn = 50, gn = .01;
+function _n(e, t = {}) {
 	let n = t.pointAndFigure?.boxSize;
 	if (typeof n == "number") return n;
-	let r = gn(e, e.length > 1 ? e.length - 1 : e.length);
-	return r > 0 ? R(te(r / pn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * mn || 1;
+	let r = vn(e, e.length > 1 ? e.length - 1 : e.length);
+	return r > 0 ? R(te(r / hn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * gn || 1;
 }
-function gn(e, t) {
+function vn(e, t) {
 	let n = -Infinity, r = Infinity;
 	for (let i = 0; i < t; i++) e[i].high > n && (n = e[i].high), e[i].low < r && (r = e[i].low);
 	let i = n - r;
 	return Number.isFinite(i) ? i : 0;
 }
-var _n = 100, vn = 3, yn = .01, bn = 15, R = (e) => Number(e.toPrecision(bn));
-function xn(e, t = {}, n) {
+var yn = 100, bn = 3, xn = .01, Sn = 15, R = (e) => Number(e.toPrecision(Sn));
+function Cn(e, t = {}, n) {
 	let r = t.rangeBars?.range;
 	if (typeof r == "number") return r;
-	let i = e.length >= vn ? Cn(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
-	return En(R(te(i > 0 ? i : a * yn || 1, !0)), n);
+	let i = e.length >= bn ? Tn(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
+	return On(R(te(i > 0 ? i : a * xn || 1, !0)), n);
 }
-function Sn(e) {
+function wn(e) {
 	let t = e.length - 1;
 	return {
-		from: Math.max(0, t - _n),
+		from: Math.max(0, t - yn),
 		end: t
 	};
 }
-function Cn(e) {
-	let { from: t, end: n } = Sn(e), r = 0;
+function Tn(e) {
+	let { from: t, end: n } = wn(e), r = 0;
 	for (let i = t; i < n; i++) {
 		let { high: t, low: n } = e[i], a = i > 0 ? e[i - 1].close : n;
 		r += Math.max(t - n, Math.abs(t - a), Math.abs(n - a));
 	}
 	return n > t ? r / (n - t) : 0;
 }
-function wn(e, t) {
-	let { from: n, end: r } = Sn(e);
+function En(e, t) {
+	let { from: n, end: r } = wn(e);
 	if (r <= n) return t(e[e.length - 1]?.close ?? 0);
 	let i = -Infinity, a = Infinity;
 	for (let t = n; t < r; t++) i = Math.max(i, e[t].high), a = Math.min(a, e[t].low);
-	return Tn(t(i), t(a));
+	return Dn(t(i), t(a));
 }
-function Tn(e, t) {
+function Dn(e, t) {
 	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
 }
-function En(e, t) {
+function On(e, t) {
 	return t === void 0 || !(t > 0) ? e : R(Math.max(1, Math.round(e / t)) * t);
 }
-function Dn(e, t) {
+function kn(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : ln(e);
+	return n ? n.createRenderer() : dn(e);
 }
-function On(e, t, n, r, i, a) {
+function An(e, t, n, r, i, a) {
 	if (t.length === 0) return t;
 	let o = n?.(e);
-	return o?.transform ? o.transform(t) : un(e, t, r, i, a);
+	return o?.transform ? o.transform(t) : fn(e, t, r, i, a);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var kn = class {
+var jn = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -316,7 +316,7 @@ function z(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 An(e) {
+function Mn(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
 function B(e) {
@@ -327,37 +327,37 @@ function B(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-function jn(e, t) {
+function V(e, t) {
 	return e === t || e.time === t.time && e.open === t.open && e.high === t.high && e.low === t.low && e.close === t.close && e.volume === t.volume;
 }
-function Mn(e, t) {
+function Nn(e, t) {
 	for (let n = e.length - 1; n >= 0; n--) {
 		if (e[n].time === t) return n;
 		if (e[n].time < t) return -1;
 	}
 	return -1;
 }
-var Nn = {
+var Pn = {
 	index: -1,
 	changed: !1
 };
-function Pn(e, t) {
+function Fn(e, t) {
 	if (e.length === 0) return t;
 	let n = x(t);
 	return d(e) === 1 ? n : n / 1e3;
 }
-function Fn(e, t) {
-	let n = Pn(e, t.time);
+function In(e, t) {
+	let n = Fn(e, t.time);
 	return n === t.time ? t : {
 		...t,
 		time: n
 	};
 }
-var In = class {
+var H = class {
 	data = [];
 	changes = 0;
 	withSeriesTime(e) {
-		return Fn(this.data, e);
+		return In(this.data, e);
 	}
 	getData() {
 		return this.data;
@@ -369,7 +369,7 @@ var In = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			z(r) && t.push(An(r) ? r : B(r));
+			z(r) && t.push(Mn(r) ? r : B(r));
 		}
 		this.data = t, this.changes++;
 	}
@@ -378,7 +378,7 @@ var In = class {
 		for (let r = 0; r < e.length; r++) {
 			if (!z(e[r])) continue;
 			let i = this.withSeriesTime(e[r]);
-			i.time >= t || n.push(An(i) ? i : B(i));
+			i.time >= t || n.push(Mn(i) ? i : B(i));
 		}
 		if (n.length === 0) return 0;
 		n.sort((e, t) => e.time - t.time);
@@ -399,11 +399,11 @@ var In = class {
 		this.data[this.data.length - 1] = t;
 	}
 	replaceBar(e) {
-		if (!z(e)) return Nn;
-		let t = this.withSeriesTime(e), n = Mn(this.data, t.time);
-		if (n < 0) return Nn;
+		if (!z(e)) return Pn;
+		let t = this.withSeriesTime(e), n = Nn(this.data, t.time);
+		if (n < 0) return Pn;
 		let r = B(t);
-		return jn(this.data[n], r) ? {
+		return V(this.data[n], r) ? {
 			index: n,
 			changed: !1
 		} : (this.data[n] = r, this.changes++, {
@@ -420,12 +420,12 @@ var In = class {
 	clear() {
 		this.data = [], this.changes++;
 	}
-}, V = {
+}, U = {
 	to: "none",
 	index: -1,
 	changed: !1
 };
-function H(e, t) {
+function W(e, t) {
 	let n = e[e.length - 1];
 	if (!n) return "append";
 	let r = x(t.time), i = x(n.time);
@@ -441,7 +441,7 @@ function Ln(e) {
 	].every(Number.isFinite);
 }
 var Rn = class {
-	shown = new In();
+	shown = new H();
 	whole = null;
 	aside = null;
 	shownRevision = 0;
@@ -553,7 +553,7 @@ var Rn = class {
 	mergeTick(e) {
 		if (this.aside) return this.aside.updateLastBarFromTick(e), this.wrote("aside", !1);
 		let t = this.whole ? this.hoursFilter(this.whole) : null;
-		if (t && this.whole && !t(Pn(this.whole, e.time))) return this.wrote("hidden", !1);
+		if (t && this.whole && !t(Fn(this.whole, e.time))) return this.wrote("hidden", !1);
 		let n = this.shown.getLength();
 		this.shown.updateLastBarFromTick(e);
 		let r = this.whole, i = this.shown.getData()[this.shown.getLength() - 1];
@@ -565,14 +565,14 @@ var Rn = class {
 	}
 	placeStreamBar(e) {
 		if (this.aside) {
-			let t = H(this.aside.getData(), e);
+			let t = W(this.aside.getData(), e);
 			return t === "append" ? this.aside.appendBar(e) : t === "update" && this.aside.updateLastBar(e), this.wrote(t === "stale" ? "none" : "aside", !1);
 		}
-		let t = this.inSeriesUnit(e), n = H(this.whole ?? this.shown.getData(), t);
+		let t = this.inSeriesUnit(e), n = W(this.whole ?? this.shown.getData(), t);
 		if (n === "stale") return this.wrote("none", !1);
 		let r = this.startWholeSeries(t, n);
 		if (!this.take(t, n)) return this.wrote("hidden", r);
-		let i = this.shown.getLength(), a = H(this.shown.getData(), t);
+		let i = this.shown.getLength(), a = W(this.shown.getData(), t);
 		return a === "stale" ? {
 			to: "none",
 			before: i,
@@ -586,7 +586,7 @@ var Rn = class {
 	replace(e) {
 		if (this.aside) {
 			let { index: t, changed: n } = this.aside.replaceBar(e);
-			return t < 0 ? V : (n && this.onLiveChange({
+			return t < 0 ? U : (n && this.onLiveChange({
 				kind: "bar",
 				time: this.aside.getData()[t].time
 			}), {
@@ -595,22 +595,22 @@ var Rn = class {
 				changed: n
 			});
 		}
-		if (!z(e)) return V;
-		let t = this.inSeriesUnit(e), n = this.whole, r = n ? Mn(n, t.time) : -1;
+		if (!z(e)) return U;
+		let t = this.inSeriesUnit(e), n = this.whole, r = n ? Nn(n, t.time) : -1;
 		if (n) {
-			if (r < 0 || !z(n[r])) return V;
+			if (r < 0 || !z(n[r])) return U;
 			let e = this.hoursFilter(n);
 			if (e && !e(t.time)) return this.replaceHidden(n, r, t);
 		}
 		let { index: i, changed: a } = this.shown.replaceBar(t);
-		return i < 0 ? V : (a && (n && (n[r] = this.shown.getData()[i]), this.shownRevision++), {
+		return i < 0 ? U : (a && (n && (n[r] = this.shown.getData()[i]), this.shownRevision++), {
 			to: "shown",
 			index: i,
 			changed: a
 		});
 	}
 	beginReplay() {
-		this.aside || (this.aside = new In(), this.aside.setData(this.whole ?? this.shown.getData()));
+		this.aside || (this.aside = new H(), this.aside.setData(this.whole ?? this.shown.getData()));
 	}
 	endReplay() {
 		let e = this.aside;
@@ -630,10 +630,10 @@ var Rn = class {
 		this.shown.updateLastBar(e);
 	}
 	inSeriesUnit(e) {
-		return Fn(this.whole ?? this.shown.getData(), e);
+		return In(this.whole ?? this.shown.getData(), e);
 	}
 	replaceHidden(e, t, n) {
-		let r = B(n), i = !jn(e[t], r);
+		let r = B(n), i = !V(e[t], r);
 		return i && (e[t] = r), {
 			to: "hidden",
 			index: -1,
@@ -707,12 +707,12 @@ var Bn = o ** -7, Vn = class {
 	}
 	fit(e, t, n, r) {
 		if (t.length === 0) return;
-		let i = Math.max(0, n.visibleRange.from), a = Math.min(n.visibleRange.to, t.length - 1), o = Un(Un(h(t, i, a, 0), r.overlayRange(i, a)), r.compareRange(t, n)), s = r.volumeRatio(t, i, a), c = s === null ? O : s + Bn;
+		let i = Math.max(0, n.visibleRange.from), a = Math.min(n.visibleRange.to, t.length - 1), o = Un(Un(h(t, i, a, 0), r.overlayRange(i, a)), r.compareRange(t, n)), s = r.volumeRatio(t, i, a), c = s === null ? k : s + Bn;
 		e.setScaleMargins(e.isInvertScale() ? {
 			top: c,
-			bottom: O
+			bottom: k
 		} : {
-			top: O,
+			top: k,
 			bottom: c
 		}), e.fitToPrices(o.min, o.max);
 	}
@@ -733,14 +733,14 @@ var Wn = class {
 	series = null;
 	madeAt = null;
 	epoch = 0;
-	memo = new lt();
+	memo = new ct();
 	constructor(e) {
 		this.sources = e;
 	}
 	get() {
 		let e = this.sources.bars();
 		if (e.length === 0) return e;
-		let t = this.sources.chartType(), n = this.sources.chartTypeOptions(), r = t === "rangeBars" ? wn(e, (e) => this.sources.stepAt(e)) : void 0, i = this.sources.version(), a = this.madeAt;
+		let t = this.sources.chartType(), n = this.sources.chartTypeOptions(), r = t === "rangeBars" ? En(e, (e) => this.sources.stepAt(e)) : void 0, i = this.sources.version(), a = this.madeAt;
 		return this.series && a && a.version === i && a.type === t && a.options === n && a.step === r && a.epoch === this.epoch ? this.series : (this.series = this.make(t, e, n, r), this.madeAt = {
 			version: i,
 			type: t,
@@ -757,8 +757,8 @@ var Wn = class {
 	}
 	make(e, t, n, r) {
 		let { lookup: i } = this.sources;
-		if (e !== "pointAndFigure" || i(e)) return On(e, t, i, n, r, this.memo);
-		let { columns: a, boxSize: o } = fn(t, n, this.memo);
+		if (e !== "pointAndFigure" || i(e)) return An(e, t, i, n, r, this.memo);
+		let { columns: a, boxSize: o } = mn(t, n, this.memo);
 		return this.sources.onBoxSize(o), a;
 	}
 }, Gn = {
@@ -855,7 +855,7 @@ function qn(e) {
 function Jn(e) {
 	return e.length > 0 ? { renames: e } : {};
 }
-var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Yn = class {
+var G = (e, t) => JSON.stringify(e) === JSON.stringify(t), Yn = class {
 	steps;
 	snapshot;
 	enabled;
@@ -877,15 +877,15 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Yn = class {
 			this.renames = i;
 		}
 		let o = this.snapshot();
-		return U(n, o) || this.push(e, n, o, r), a;
+		return G(n, o) || this.push(e, n, o, r), a;
 	}
 	push(e, t, n, r) {
-		let i = this.now(), a = this.steps.last(), o = a?.type === "indicators" ? a.indicators : void 0, s = e !== void 0 && o?.subject === e && i - (o.at ?? 0) < 800 && U(o.after, t), c = {
+		let i = this.now(), a = this.steps.last(), o = a?.type === "indicators" ? a.indicators : void 0, s = e !== void 0 && o?.subject === e && i - (o.at ?? 0) < 800 && G(o.after, t), c = {
 			type: "indicators",
 			before: null,
 			after: null
 		};
-		s && o ? U(o.before, n) ? this.steps.dropLast() : this.steps.replaceLast({
+		s && o ? G(o.before, n) ? this.steps.dropLast() : this.steps.replaceLast({
 			...c,
 			indicators: {
 				...o,
@@ -926,7 +926,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Yn = class {
 		if (!e) return;
 		this.edit = null, this.depth--;
 		let t = this.snapshot();
-		U(t, e.before) || this.steps.push({
+		G(t, e.before) || this.steps.push({
 			type: "indicators",
 			before: null,
 			after: null,
@@ -1098,7 +1098,7 @@ function rr(e, t) {
 //#region src/model/SymbolRequests.ts
 function ir(e, t) {
 	let n = t.symbol;
-	return ut.has(e) && typeof n == "string" ? n.trim() : "";
+	return lt.has(e) && typeof n == "string" ? n.trim() : "";
 }
 var ar = class {
 	asked = /* @__PURE__ */ new Set();
@@ -1115,7 +1115,7 @@ var ar = class {
 	}
 	readersOf(e) {
 		let t = e.trim();
-		return this.readers.getActiveIndicators().filter((e) => ut.has(e.id) && String(e.params.symbol ?? "").trim() === t).map((e) => e.instanceId);
+		return this.readers.getActiveIndicators().filter((e) => lt.has(e.id) && String(e.params.symbol ?? "").trim() === t).map((e) => e.instanceId);
 	}
 	given(e) {
 		this.asked.delete(e.trim());
@@ -1262,7 +1262,7 @@ var hr = class e {
 		return i;
 	}
 	getTheme() {
-		return this.effective ??= ce(this.base, this.chartType, this.merged()), this.effective;
+		return this.effective ??= se(this.base, this.chartType, this.merged()), this.effective;
 	}
 	getBaseTheme() {
 		return this.base;
@@ -1373,7 +1373,7 @@ function _r(e) {
 }
 //#endregion
 //#region src/layout/LayoutManager.ts
-var vr = 200, yr = 80, W = (e) => e.position === "top" || e.position === "bottom", br = class {
+var vr = 200, yr = 80, K = (e) => e.position === "top" || e.position === "bottom", br = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -1410,14 +1410,14 @@ var vr = 200, yr = 80, W = (e) => e.position === "top" || e.position === "bottom
 	}
 	setPanelCollapsed(e, t) {
 		let n = this.panels.find((t) => t.id === e);
-		return !n || !W(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
+		return !n || !K(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
 	}
 	isPanelCollapsed(e) {
 		return !!this.panels.find((t) => t.id === e)?.collapsed;
 	}
 	isPanelShownCollapsed(e) {
 		let t = this.panels.find((t) => t.id === e);
-		return !t || !W(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
+		return !t || !K(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
 	}
 	setPanelScale(e, t) {
 		let n = this.panels.find((t) => t.id === e);
@@ -1433,7 +1433,7 @@ var vr = 200, yr = 80, W = (e) => e.position === "top" || e.position === "bottom
 	}
 	setMaximizedPanel(e) {
 		let t = e === null ? null : this.panels.find((t) => t.id === e);
-		return e !== null && (!t || !W(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
+		return e !== null && (!t || !K(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
 	}
 	getMaximizedPanel() {
 		return this.maximized;
@@ -1454,7 +1454,7 @@ var vr = 200, yr = 80, W = (e) => e.position === "top" || e.position === "bottom
 		this.panels = [...this.panels].sort((e, n) => t(e) - t(n));
 	}
 	shownSize(e, t) {
-		return W(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
+		return K(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
 	}
 	setPanelPosition(e, t) {
 		let r = this.panels.find((t) => t.id === e);
@@ -1466,7 +1466,7 @@ var vr = 200, yr = 80, W = (e) => e.position === "top" || e.position === "bottom
 	setPanelSize(e, t) {
 		let n = this.panels.find((t) => t.id === e);
 		if (n) {
-			let e = W(n) ? this.containerHeight - c - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
+			let e = K(n) ? this.containerHeight - c - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
 			n.size = Math.max(n.minSize, r), n.collapsed = void 0, this.maximized = null;
 		}
 	}
@@ -1635,7 +1635,7 @@ var Dr = 512, Or = class {
 function jr(e, t) {
 	return e.filter((e) => e.enabled !== !1 && (e.descriptor.layer ?? "overlay") === t);
 }
-function G(e) {
+function q(e) {
 	switch (e.kind) {
 		case "indicator": return `indicator:${e.plugin.descriptor.id}`;
 		case "drawing": return `drawing:${e.plugin.descriptor.type}`;
@@ -1645,18 +1645,18 @@ function G(e) {
 }
 //#endregion
 //#region src/plugins/registry.ts
-var K = /* @__PURE__ */ new Map();
+var J = /* @__PURE__ */ new Map();
 function Mr(e) {
-	K.set(G(e), e);
+	J.set(q(e), e);
 }
 function Nr(e) {
-	return K.delete(e);
+	return J.delete(e);
 }
 function Pr() {
-	return [...K.values()];
+	return [...J.values()];
 }
 function Fr() {
-	K.clear();
+	J.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
@@ -1691,7 +1691,7 @@ var Ir = class {
 		return e;
 	}
 	add(e) {
-		this.plugins.set(G(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+		this.plugins.set(q(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
 }, Lr = {
 	orderPlace: (e, t) => e.placeOrder(t),
@@ -1933,7 +1933,7 @@ function ei(e, t) {
 	}
 	return r;
 }
-function q(e, t, n) {
+function Y(e, t, n) {
 	let r = [], i = e.bar.time;
 	for (let a of e.points) {
 		if (a.at > n) break;
@@ -1956,17 +1956,17 @@ var ti = [
 	"1d"
 ];
 function ni(e, t) {
-	let n = T(e);
+	let n = E(e);
 	return n > 0 ? ti.filter((e) => {
-		let r = T(e);
+		let r = E(e);
 		return r < n && n % r === 0 && t(e);
 	}) : [];
 }
 function ri(e, t, n) {
 	let r = ni(t, n);
 	if (e !== "auto") return r.includes(e) ? e : null;
-	let i = T(t);
-	return r.find((e) => i / T(e) <= 60) ?? null;
+	let i = E(t);
+	return r.find((e) => i / E(e) <= 60) ?? null;
 }
 //#endregion
 //#region src/model/AlertWatch.ts
@@ -2025,7 +2025,7 @@ function li(e, t, n, r, i) {
 			continue;
 		}
 		let t = {
-			...Bt(a),
+			...Ht(a),
 			...a.target ? { target: si(a.target, n) } : {}
 		};
 		try {
@@ -2052,7 +2052,7 @@ var ui = class {
 		return this.kept.clear(), this.alerts.pruneDrawingAlerts(e);
 	}
 };
-function J(e, t) {
+function di(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -2060,7 +2060,7 @@ function J(e, t) {
 	}
 	return n;
 }
-function Y(e, t) {
+function fi(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
 		let i = n + r >> 1;
@@ -2068,18 +2068,18 @@ function Y(e, t) {
 	}
 	return n;
 }
-function di(e) {
+function pi(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 fi(e) {
+function mi(e) {
 	let t = [], n = Math.ceil(e.length / 500);
-	for (let r = 0; r < e.length; r += n) t.push(...di(e.slice(r, r + n)));
+	for (let r = 0; r < e.length; r += n) t.push(...pi(e.slice(r, r + n)));
 	return t;
 }
-function pi(e, t, n) {
+function hi(e, t, n) {
 	let r = e[t];
 	return r ? n.time === null ? {
 		marks: [[r.close, r.time]],
@@ -2088,14 +2088,14 @@ function pi(e, t, n) {
 			fraction: n.fraction
 		}
 	} : r.time <= n.time ? null : {
-		marks: fi(e.slice(Y(e, n.time), t + 1)),
+		marks: mi(e.slice(fi(e, n.time), t + 1)),
 		fed: {
 			time: r.time,
 			fraction: n.fraction
 		}
 	} : null;
 }
-function mi(e, t, n, r, i, a) {
+function gi(e, t, n, r, i, a) {
 	let o = e[t];
 	if (!o) return null;
 	let s = {
@@ -2108,37 +2108,37 @@ function mi(e, t, n, r, i, a) {
 	};
 	if (o.time < i.time || o.time === i.time && r <= i.fraction) return null;
 	if (o.time === i.time) return {
-		marks: q(n, i.fraction, r),
+		marks: Y(n, i.fraction, r),
 		fed: s
 	};
-	let c = [], l = J(e, i.time);
-	return e[l]?.time === i.time && i.fraction < 1 && c.push(...q(a(e, l), i.fraction, 1)), c.push(...fi(e.slice(Y(e, i.time), t))), c.push(...q(n, -1, r)), {
+	let c = [], l = di(e, i.time);
+	return e[l]?.time === i.time && i.fraction < 1 && c.push(...Y(a(e, l), i.fraction, 1)), c.push(...mi(e.slice(fi(e, i.time), t))), c.push(...Y(n, -1, r)), {
 		marks: c,
 		fed: s
 	};
 }
 //#endregion
 //#region src/Chart.ts
-var hi = "exchange", gi = hi;
-function _i(e) {
+var _i = "exchange", vi = _i;
+function yi(e) {
 	if (typeof e == "string" && e !== "exchange" && !b(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-function vi(e, t) {
-	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : w(e);
+function bi(e, t) {
+	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : T(e);
 	return i === void 0 ? e : {
 		...e,
 		timeZone: i,
 		timezone: i
 	};
 }
-var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
+var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	ArrowLeft: [-1, 0],
 	ArrowRight: [1, 0],
 	ArrowUp: [0, -1],
 	ArrowDown: [0, 1]
-}, wi = new Set(["horizontalLine", "crossLine"]), Ti = new Set(["verticalLine", "crossLine"]), Ei = class {
-	static version = "1.81.0";
+}, Ei = new Set(["horizontalLine", "crossLine"]), Di = new Set(["verticalLine", "crossLine"]), Oi = class {
+	static version = "1.83.0";
 	engine;
 	viewport;
 	series = new Rn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
@@ -2179,7 +2179,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	unrestoredIndicators = [];
 	drawingAlerts = null;
 	zoomAreaMode = !1;
-	priceAxisAddButton = new rt();
+	priceAxisAddButton = new nt();
 	displayTz = null;
 	timeZoneSetting = null;
 	symbolInfo = null;
@@ -2190,7 +2190,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	studyZoneReleaseQueued = !1;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...je };
+	hostSessionHours = { ...Ae };
 	compareRenderer;
 	countdownInterval = null;
 	pausedFor = {
@@ -2209,7 +2209,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new ft();
+	selectionBoxOverlay = new dt();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
@@ -2224,7 +2224,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	replayForming = null;
 	replayPhaseUnsub = null;
 	undoRedoManager;
-	autoSaveScheduler = new kn((e) => this.saveState(e));
+	autoSaveScheduler = new jn((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -2236,14 +2236,14 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new it();
-	symbolSeries = new yt();
+	priceLines = new rt();
+	symbolSeries = new vt();
 	extendedHours = !0;
 	replayRestarting = !1;
 	symbolRequests;
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new nt();
+	leftPriceAxis = new tt();
 	leftScaleRequested = !1;
 	leftAxisWidth = s;
 	leftViewport = null;
@@ -2274,7 +2274,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, t) {
-		t.timeZone != null && _i(t.timeZone), this.container = e, this.options = {
+		t.timeZone != null && yi(t.timeZone), this.container = e, this.options = {
 			...t,
 			chartType: t.chartType ?? "candlestick"
 		}, this.numberLocale = t.numberLocale ?? "en-US", this.priceFit = new Vn(t.autoScale !== !1), this.display = new Wn({
@@ -2285,7 +2285,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			lookup: (e) => this.pluginManager.getChartType(e),
 			stepAt: (e) => this.stepAt(e),
 			onBoxSize: (e) => {
-				this.chartRenderer instanceof tt && this.chartRenderer.setBoxSize(e);
+				this.chartRenderer instanceof et && this.chartRenderer.setBoxSize(e);
 			}
 		});
 		let n = t.features ?? {};
@@ -2310,6 +2310,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			legend: n.legend ?? !0,
 			indicatorValueLabels: n.indicatorValueLabels ?? !1,
 			alignAxisLabels: n.alignAxisLabels ?? !0,
+			drawingAxisSpans: n.drawingAxisSpans ?? !0,
 			volume: n.volume ?? !0,
 			watermark: n.watermark ?? !0,
 			saveLoad: n.saveLoad ?? !0,
@@ -2327,15 +2328,15 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			oldestTime: () => (this.replaySession ? this.series.liveBars() : this.series.bars())[0]?.time ?? null,
 			prepend: (e) => this.prependBars(e),
 			emit: (e) => this.eventBus.emit("historyLoad", e)
-		}), this.themeManager = new hr(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(_r(t), "host", !1), this.container.style.backgroundColor || (this.container.style.backgroundColor = this.themeManager.getTheme().background, this.lastBackground = this.themeManager.getTheme().background), this.layoutManager = new br(), this.indicatorEngine = new Ve(), this.panes = new Kn(this.layoutManager, this.indicatorEngine, (e) => this.crosshairHandler.setReportBounds(e)), this.indicatorPanes = new Xn(this.indicatorEngine, this.layoutManager, {
+		}), this.themeManager = new hr(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(_r(t), "host", !1), this.container.style.backgroundColor || (this.container.style.backgroundColor = this.themeManager.getTheme().background, this.lastBackground = this.themeManager.getTheme().background), this.layoutManager = new br(), this.indicatorEngine = new Be(), this.panes = new Kn(this.layoutManager, this.indicatorEngine, (e) => this.crosshairHandler.setReportBounds(e)), this.indicatorPanes = new Xn(this.indicatorEngine, this.layoutManager, {
 			passStyle: (e, t) => this.panes.passStyle(e, t),
 			renamePane: (e, t) => this.renamePane(e, t),
 			invalidateScales: () => this.panes.invalidateScales()
-		}), this.symbolRequests = new ar(this.indicatorEngine, this.symbolSeries), this.pluginManager = new Ir(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Ie(), Ht(this.indicatorEngine), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new gt(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.indicatorEngine.register(new De(this.symbolSeries)), this.drawingManager = new Ne(), Vt(this.drawingManager), this.drawingRenderer = new Pe(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingRenderer.setTimeFormat((e) => this.crosshairHandler.formatTime(e, this.getDisplayData())), this.drawingManager.setRequestRender(() => {
+		}), this.symbolRequests = new ar(this.indicatorEngine, this.symbolSeries), this.pluginManager = new Ir(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Fe(), Wt(this.indicatorEngine), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new ht(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.drawingManager = new Me(), Ut(this.drawingManager), this.drawingRenderer = new Ne(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingRenderer.setTimeFormat((e) => this.crosshairHandler.formatTime(e, this.getDisplayData())), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(i.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 wt(), this.indicatorHistory = new Yn({
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new Ct(), this.indicatorHistory = new Yn({
 			steps: this.undoRedoManager,
 			snapshot: () => this.getIndicatorSetup(),
 			enabled: () => this.features.drawingUndoRedo
@@ -2352,23 +2353,23 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			primary: e[0] ?? null
 		})), this.drawingManager.setForeignHistory((e, t) => {
 			e.type === "custom" ? e.custom?.[t]() : this.applyIndicatorStep(e, t);
-		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new St({
+		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new xt({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new Ct(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new St(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.tradingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.engine = new at(e, t.maxPixelRatio);
+		}), this.engine = new it(e, t.maxPixelRatio);
 		let a = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Tt(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), t.barLayout && this.viewport.setBarLayout(t.barLayout), this.viewport.setPanLimits({
+		if (this.viewport = new wt(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), t.barLayout && this.viewport.setBarLayout(t.barLayout), this.viewport.setPanLimits({
 			freePan: t.freePan ?? !0,
 			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
 		}), t.minBarUnit !== void 0 && this.viewport.setMinBarUnit(t.minBarUnit), 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.eventBus.emit("resize", e);
-		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Le(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new nt(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new bt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new Oe(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Ie(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new tt(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new yt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new De(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), Ft(t.crosshair?.cursor) && this.crosshairHandler.setCursor(t.crosshair.cursor), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
-				let n = this.crosshairSeries(), r = e >= 0 && e < n.length ? n[e] : void 0, a = e > 0 ? n[e - 1]?.close : void 0, o = A(n), s = r ? o[e]?.time ?? r.time : void 0;
+				let n = this.crosshairSeries(), r = e >= 0 && e < n.length ? n[e] : void 0, a = e > 0 ? n[e - 1]?.close : void 0, o = At(n), s = r ? o[e]?.time ?? r.time : void 0;
 				this.chartLegend.setHoverBar(r ?? null, e > 0 ? n[e - 1] ?? null : null), this.features.legend && this.engine.requestRender(i.Hover);
 				let c = this.viewport.getState(), l = t.y >= c.chartRect.y && t.y <= c.chartRect.y + c.chartRect.height;
 				if (r && l && this.features.crosshairTooltip) {
@@ -2396,14 +2397,14 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 				let e = this.crosshairHandler.getSyncedSlot();
 				e !== null && this.showSyncedBar(e);
 			}
-		}), this.chartLegend = new Se(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setResizeListener(() => {
+		}), this.chartLegend = new xe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setResizeListener(() => {
 			this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), this.engine.requestRender();
-		}), this.watermark = new kt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Ot(), this.volumeProfile = new Dt(), this.marketProfile = new qe(), this.depthHeatmap = new Me(), this.periodLevels = new Qe(), this.pivotMarkers = new et(), this.barCountdown = new ve(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new pt(), this.sessionShading = new mt(), this.compareRenderer = new Ce(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.watermark = new Ot(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Dt(), this.volumeProfile = new Et(), this.marketProfile = new Ke(), this.depthHeatmap = new je(), this.periodLevels = new Ze(), this.pivotMarkers = new $e(), this.barCountdown = new _e(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new ft(), this.sessionShading = new pt(), this.compareRenderer = new Se(), t.sessionBreaks ? this.sessionBreaks.setConfig({
 			visible: t.sessionBreaks.visible ?? !0,
 			color: t.sessionBreaks.color,
 			lineStyle: t.sessionBreaks.lineStyle,
 			lineWidth: t.sessionBreaks.lineWidth
-		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new he(), this.crosshairTooltip = new ke(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new $e(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = ae(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Ai(t.shapes)), t.font && this.themeManager.setFont(ki(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new We({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new me(), this.crosshairTooltip = new Oe(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Qe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = C(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Mi(t.shapes)), t.font && this.themeManager.setFont(ji(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ue({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -2420,7 +2421,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			},
 			fitContent: () => this.fitContent()
 		}), this.keyboardHandler.setEnabled(this.features.keyboard), t.a11y !== !1) {
-			this.a11y = new on(e, {
+			this.a11y = new cn(e, {
 				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
 				timeframe: () => this.streamTimeframe ?? "",
 				chartType: () => this.options.chartType ?? "candlestick",
@@ -2451,7 +2452,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new Ae(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new me(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.drawingAlerts = new ui(this.alertManager), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Pt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ke(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new pe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.drawingAlerts = new ui(this.alertManager), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(It).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
 			this.eventBus.emit("alertTriggered", X(e)), this.eventBus.emit("dataUpdate", {
 				kind: "alert",
 				alert: "triggered",
@@ -2467,7 +2468,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			this.eventBus.emit("alertExpired", X(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", X(e));
-		}), this.signalMarkerManager = new ht(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new mt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -2475,14 +2476,14 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new xt(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), this.tradeZoneManager.on("added", (e) => {
+		}), this.tradeZoneManager = new bt(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(i.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), 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 st(), this.replayManager.on("complete", () => {
+		}), this.replayManager = new ot(), this.replayManager.on("complete", () => {
 			let e = this.getReplayBarIndex(), t = this.replayCoarse?.[e];
 			t && this.eventBus.emit("replayComplete", {
 				barIndex: e,
@@ -2490,9 +2491,9 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			});
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Je(), this.interactionManager = new He(e), this.features.panning) {
+		}), this.measureOverlay = new qe(), this.interactionManager = new Ve(e), this.features.panning) {
 			let e = new kr();
-			this.interactionManager.setPanHandler(new Xe((t, n) => {
+			this.interactionManager.setPanHandler(new Ye((t, n) => {
 				t && this.viewport.scrollBy(t), e.step(t, n, this.priceFit.isAuto()) && n && (this.holdPriceScale(), this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
 		}
@@ -2504,10 +2505,10 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new At((e, t) => {
+			this.interactionManager.setZoomHandler(new kt((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new _e((e) => {
+			let e = new ge((e) => {
 				this.holdPriceScale(), this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -2517,7 +2518,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 				e === "price" ? (this.priceFit.resume(), this.updateViewportAndRender()) : this.fitContent();
 			});
 		}
-		if (this.features.crosshair && this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.features.drawings && (this.interactionManager.setDrawingManager(this.drawingManager, () => ({
+		if (this.features.crosshair && (this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.applyIdleCursor()), this.features.drawings && (this.interactionManager.setDrawingManager(this.drawingManager, () => ({
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.drawingManager.setPanes({
@@ -2532,7 +2533,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 				y: t.y
 			});
 		})), this.interactionManager.setChartContextMenu((e, t) => this.eventBus.hasListeners("chartContextMenu") ? (this.eventBus.emit("chartContextMenu", this.contextAt(e, t)), !0) : !1), this.applyPriceAxisAdd(), this.interactionManager.setPriceAxisAddButton(this.priceAxisAddButton, (e) => {
-			let t = Zt(e.y, this.viewport.getState());
+			let t = $t(e.y, this.viewport.getState());
 			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
 				price: t,
 				x: e.x,
@@ -2542,10 +2543,10 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new pe(this.alertManager, () => this.viewport.getState());
+			let e = new fe(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new Ze();
+		let o = new Xe();
 		o.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(o), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
@@ -2569,7 +2570,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let r = Xt(e.x, this.viewport.getState());
+			let r = Qt(e.x, this.viewport.getState());
 			r < 0 || r >= t.length || this.eventBus.emit("barClick", {
 				bar: t[r],
 				barIndex: r,
@@ -2614,7 +2615,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < xi) return;
+					if (e.x1 - e.x0 < Ci) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -2696,13 +2697,13 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			let { visibleRange: e, chartRect: t } = this.viewport.getState();
 			if (t.width <= 0) return;
 			let { from: n, to: r } = e;
-			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(bi, r - n));
+			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(Si, r - n));
 		}));
 	}
 	useStreamHistory(e, t, n = !0) {
 		if (this.hostHistoryLoader) return;
 		let r = P(e), i = r.fetchHistoryBefore, a = this.streamTimeframe;
-		if (!i || a === null || de(a) !== null) {
+		if (!i || a === null || ue(a) !== null) {
 			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
 			return;
 		}
@@ -2797,11 +2798,11 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	setChartTypeOptions(e) {
 		this.chartTypeOptions = {
 			...this.chartTypeOptions,
-			...ae(e)
+			...C(e)
 		}, this.updateViewportAndRender(!0), this.fitFewColumns(), this.a11y?.refresh(!0), this.markStateChanged();
 	}
 	getChartTypeOptions() {
-		return ae(this.chartTypeOptions);
+		return C(this.chartTypeOptions);
 	}
 	setExtendedHours(e) {
 		e !== this.extendedHours && (this.extendedHours = e, this.reapplyExtendedHours(), this.markStateChanged());
@@ -2810,7 +2811,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : en(this.symbolInfo, e);
+		return this.extendedHours ? null : nn(this.symbolInfo, e);
 	}
 	reapplyExtendedHours() {
 		if (!this.series.refilter()) return;
@@ -2821,7 +2822,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Ai(e);
+		let t = Mi(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -2833,7 +2834,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = ki(e);
+			let t = ji(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -2949,8 +2950,8 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * yi,
-				max: t.max + n * yi
+				min: t.min - n * xi,
+				max: t.max + n * xi
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -2997,7 +2998,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			this.indicatorEngine.setStyleDefaults(e, null);
 			return;
 		}
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : oe(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.setStyleDefaults(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -3005,7 +3006,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	setPaneStyle(e, t) {
 		let n = this.indicatorPanes.paneOf(e);
-		this.layoutManager.getPanels().some((e) => e.id === n) && this.indicatorHistory.record(n, () => this.setPaneStyleNow(n, t ? se(t) : null));
+		this.layoutManager.getPanels().some((e) => e.id === n) && this.indicatorHistory.record(n, () => this.setPaneStyleNow(n, t ? oe(t) : null));
 	}
 	setPaneStyleNow(e, t) {
 		this.panes.setStyle(e, t) && (this.syncRenderContext(), this.engine.requestRender(), this.markStateChanged());
@@ -3024,8 +3025,8 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new Ve();
-		return Ht(e), e.getAvailableIndicators();
+		let e = new Be();
+		return Wt(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
@@ -3112,6 +3113,12 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	isAxisLabelsAligned() {
 		return this.features.alignAxisLabels;
 	}
+	setDrawingAxisSpansVisible(e) {
+		this.features.drawingAxisSpans = e, this.syncRenderContext(), this.engine.requestRender();
+	}
+	isDrawingAxisSpansVisible() {
+		return this.features.drawingAxisSpans;
+	}
 	setPaneTitlesVisible(e) {
 		this.paneTitles = e, this.engine.requestRender();
 	}
@@ -3145,7 +3152,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	roundPrice(e) {
 		if (!Number.isFinite(e)) return e;
 		let t = this.stepAt(e);
-		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(ue(t)));
+		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(le(t)));
 		let { min: n, max: r } = this.viewport.getState().priceRange;
 		return Number(e.toFixed(this.marketPricePrecision ?? l(n, r)));
 	}
@@ -3242,9 +3249,9 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return this.drawingManager.removeDrawings(e);
 	}
 	nudgeSelectedDrawings(e) {
-		let t = Ci[e.key];
+		let t = Ti[e.key];
 		if (!t || !this.features.drawings || e.ctrlKey || e.metaKey || e.altKey) return !1;
-		let n = e.shiftKey ? Si : 1, r = {
+		let n = e.shiftKey ? wi : 1, r = {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
@@ -3385,7 +3392,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = Zt(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = F(t.x, n)), e === "pane") {
+		if ((e === "plot" || e === "priceAxis") && (r.price = $t(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = F(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);
 		}
@@ -3393,7 +3400,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	applyPriceAxisAdd() {
 		let e = this.features.priceAxisAddButton && this.features.crosshair;
-		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Ye : 0);
+		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Je : 0);
 	}
 	setPriceAxisAddButton(e) {
 		this.features.priceAxisAddButton = e, this.applyPriceAxisAdd(), this.engine.requestRender(i.Overlay);
@@ -3484,11 +3491,11 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	getExportText(e = "csv", t = {}) {
 		let { bars: n, columns: r } = this.getExportData(t);
-		return e === "json" ? D.toJSON(n, r) : D.toCSV(n, r);
+		return e === "json" ? O.toJSON(n, r) : O.toCSV(n, r);
 	}
 	download(e, t, n) {
 		let r = this.getExportText(e, n);
-		e === "json" ? D.download(r, t ?? "chart-data.json", "application/json") : D.download(r, t ?? "chart-data.csv", "text/csv");
+		e === "json" ? O.download(r, t ?? "chart-data.json", "application/json") : O.download(r, t ?? "chart-data.csv", "text/csv");
 	}
 	setAutoSave(e, t = 5e3) {
 		this.autoSaveScheduler.enable(e, t);
@@ -3550,7 +3557,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		this.indicatorHistory.record(e, () => this.updateIndicatorStyleNow(e, t));
 	}
 	updateIndicatorStyleNow(e, t) {
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : oe(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.updateIndicatorStyle(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -3663,11 +3670,11 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	async connect(e) {
 		let t = {
 			...e,
-			adapter: Ut(e),
+			adapter: Gt(e),
 			feed: void 0
 		};
 		if (!j(t.adapter, t.timeframe)) throw RangeError(`${t.adapter.name} cannot serve the ${t.timeframe} timeframe`);
-		this.snapshotKey = null, this.holdReplayFor(t.symbol), this.disconnectStream(), this.streamManager = new vt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (e) => {
+		this.snapshotKey = null, this.holdReplayFor(t.symbol), this.disconnectStream(), this.streamManager = new _t(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (e) => {
 			let n = this.streamSeriesKey(t.adapter);
 			n === this.snapshotKey && this.replaySession ? this.series.mergeSnapshot(e) : n === this.snapshotKey && this.series.length() > 0 ? this.mergeSnapshot(e) : (this.replaySession && this.useStreamHistory(t.adapter, t.historyPageSize, !1), this.setData(e)), this.snapshotKey = n, this.useStreamHistory(t.adapter, t.historyPageSize);
 		}), this.streamManager.on("barClose", (e) => {
@@ -3723,18 +3730,18 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		}), this.streamManager.on("symbolInfo", (e) => this.applyFeedSymbolInfo(e)), this.autoScrollOnNewBar = t.autoScroll !== !1, this.setStreamTarget(t.symbol, t.timeframe), this.streamAdapter = t.adapter;
 		let n = this.streamManager;
 		if (this.resolveStreamSymbol(t.adapter, t.symbol), await n.connect(t), this.streamManager !== n) return;
-		let r = T(t.timeframe);
+		let r = E(t.timeframe);
 		this.barCountdown.setTimeframeMs(r), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
 			this.barCountdown.isVisible() && this.engine.requestRender(i.Hover);
 		}, 1e3);
 	}
 	streamSeriesKey(e) {
-		let t = P(e), n = this.streamTimeframe, r = t instanceof ct && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		let t = P(e), n = this.streamTimeframe, r = t instanceof st && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
 		return `${this.currentSymbol}|${n}|${r?.timeZone ?? ""}`;
 	}
 	setStreamTarget(e, t) {
 		let n = this.announcedSymbol;
-		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = de(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
+		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = ue(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
 			symbol: e,
 			previous: n
 		})), this.useTimeframe(t);
@@ -3753,7 +3760,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
 		if (n && !j(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
-		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(T(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
+		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(E(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isIndicatorAllowed(e) {
 		let t = this.features.indicatorIds;
@@ -3903,7 +3910,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = d(t), i = zt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		let n = t.length - 1, r = d(t), i = Vt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
 		if (a === null || a < t[0].time) {
 			this.fitContent();
 			return;
@@ -4030,7 +4037,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		this.eventBus.disableTauriBridge();
 	}
 	setTheme(e) {
-		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();
+		this.themeManager.setTheme(e), this.syncRenderContext(), this.applyIdleCursor(), 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.getBaseTheme();
@@ -4062,7 +4069,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		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();
+		this.syncRenderContext(), this.applyIdleCursor();
 		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();
 	}
@@ -4087,6 +4094,16 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	getCrosshairMode() {
 		return this.crosshairHandler.getMode();
 	}
+	setCrosshairCursor(e) {
+		!Ft(e) || e === this.crosshairHandler.getCursor() || (this.crosshairHandler.setCursor(e), this.applyIdleCursor(), this.engine.requestRender(i.Hover), this.eventBus.emit("crosshairCursorChange", { cursor: e }));
+	}
+	getCrosshairCursor() {
+		return this.crosshairHandler.getCursor();
+	}
+	applyIdleCursor() {
+		let e = this.themeManager.getTheme(), t = e.style?.crosshair.vertical.color ?? e.crosshair;
+		this.interactionManager.setIdleCursor(Pt(this.crosshairHandler.getCursor(), t, e.background));
+	}
 	setCrosshairPosition(e) {
 		e ? this.crosshairHandler.onPointerMove(e) : this.crosshairHandler.onPointerLeave(), this.engine.requestRender(i.Hover);
 	}
@@ -4101,7 +4118,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		}
 		let t = this.crosshairSeries(), n = e >= 0 && e < t.length ? t[e] : void 0, r = n && e > 0 ? t[e - 1] : void 0;
 		this.crosshairHandler.getPosition() || this.chartLegend.setHoverBar(n ?? null, r ?? null);
-		let i = n ? A(t)[e]?.time ?? n.time : void 0;
+		let i = n ? At(t)[e]?.time ?? n.time : void 0;
 		this.eventBus.emit("crosshairSync", {
 			barIndex: e,
 			...n ? { bar: n } : {},
@@ -4180,7 +4197,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return this.periodLevels.getPeriod();
 	}
 	setTimeZone(e) {
-		_i(e), this.timeZoneSetting = e, this.applyTimeZone();
+		yi(e), this.timeZoneSetting = e, this.applyTimeZone();
 	}
 	getTimeZone() {
 		return this.timeZoneSetting;
@@ -4189,7 +4206,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return this.displayTz;
 	}
 	getExchangeTimeZone() {
-		return [w(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && b(e)) ?? null;
+		return [T(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && b(e)) ?? null;
 	}
 	setTimezone(e) {
 		this.setTimeZone(e);
@@ -4216,7 +4233,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		this.indicatorEngine.setExchangeTimeZone(e, t.length > 0 ? t : void 0) && t.length > 0 && this.announceIndicatorUpdate(0);
 	}
 	holdStudyZone() {
-		this.endStudyZoneWait(), this.studyZoneHeld = !0, this.studyZoneTimer = setTimeout(() => this.releaseStudyZone(), dt);
+		this.endStudyZoneWait(), this.studyZoneHeld = !0, this.studyZoneTimer = setTimeout(() => this.releaseStudyZone(), ut);
 	}
 	endStudyZoneWait() {
 		this.studyZoneReleaseQueued = !1, this.studyZoneTimer !== null && (clearTimeout(this.studyZoneTimer), this.studyZoneTimer = null);
@@ -4231,7 +4248,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	spokenBarTime(e) {
 		let t = this.getDisplayData(), n = e * d(t), r = this.numberLocale || "en-US";
-		return f(t) === !0 ? fe(r, { dateStyle: "medium" }, u(n, this.displayTz, this.getExchangeTimeZone()))(n) : fe(r, {
+		return f(t) === !0 ? de(r, { dateStyle: "medium" }, u(n, this.displayTz, this.getExchangeTimeZone()))(n) : de(r, {
 			dateStyle: "medium",
 			timeStyle: "short"
 		}, this.displayTz)(n);
@@ -4244,18 +4261,18 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		this.studyZoneHeld = !1, this.endStudyZoneWait(), this.useSymbolInfo(e);
 	}
 	useSymbolInfo(e) {
-		let t = e && this.symbolInfo?.symbol === e.symbol ? w(this.symbolInfo) : void 0;
-		this.symbolInfo = e ? vi({
+		let t = e && this.symbolInfo?.symbol === e.symbol ? T(this.symbolInfo) : void 0;
+		this.symbolInfo = e ? bi({
 			...e,
 			sessions: e.sessions?.map((e) => ({ ...e }))
 		}, t) : null, this.chartLegend.setExchange(this.symbolInfo?.exchange ?? ""), this.engine.requestRender(i.Hover), this.priceAxis.setPriceTick(this.symbolInfo?.minTick ?? null), this.marketConfig?.pricePrecision === void 0 && this.applyPricePrecision(this.symbolInfo?.pricePrecision ?? null);
 		let n = (this.symbolInfo?.sessions ?? []).flatMap((e) => {
-			let t = C(e.start), n = C(e.end);
+			let t = w(e.start), n = w(e.end);
 			return t === null || n === null ? [] : [{
 				startMinute: t,
 				endMinute: n
 			}];
-		}), r = w(this.symbolInfo);
+		}), r = T(this.symbolInfo);
 		this.sessionShading.replaceConfig(n.length > 0 && r && b(r) ? {
 			timeZone: r,
 			windows: n,
@@ -4270,11 +4287,11 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		if (!e || typeof e != "object") return;
 		let t = this.currentSymbol, n = (e) => !e || e.toUpperCase() === t.toUpperCase();
 		if (!n(e.symbol)) return;
-		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = vi({
+		let r = this.symbolInfo && n(this.symbolInfo.symbol) ? this.symbolInfo : null, i = bi({
 			...r,
 			...e,
 			symbol: e.symbol || r?.symbol || t
-		}, w(r));
+		}, T(r));
 		r && JSON.stringify(i) === JSON.stringify(r) || (this.symbolInfoSeq++, this.setSymbolInfo(i));
 	}
 	resolveStreamSymbol(e, t) {
@@ -4309,7 +4326,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = Lt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(i.Background);
+		this.hostSessionHours = zt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(i.Background);
 	}
 	setTooltipVisible(e) {
 		e || this.crosshairTooltip.hide();
@@ -4331,11 +4348,11 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		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 It(e);
+		let { gpu: r, reason: i } = await Rt(e);
 		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Nt() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
 	}
 	waitForGpu(e) {
-		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? Yt(e) : null;
+		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? Zt(e) : null;
 	}
 	getRenderer() {
 		return this.engine.getGpu() ? "webgl" : "canvas";
@@ -4357,7 +4374,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		this.engine.getGpu() && this.engine.renderNow();
 	}
 	screenshot(e) {
-		this.features.screenshot && (this.freshFrame(), k.download(this.container, e, this.themeManager.getTheme().background));
+		this.features.screenshot && (this.freshFrame(), A.download(this.container, e, this.themeManager.getTheme().background));
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
@@ -4365,7 +4382,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		if (!t?.write || !e) return !1;
 		try {
 			this.freshFrame();
-			let n = k.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
+			let n = A.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
 				if (!e) throw Error("No chart image to copy");
 				return e;
 			});
@@ -4383,10 +4400,10 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		}
 	}
 	screenshotDataURL() {
-		return this.features.screenshot ? (this.freshFrame(), k.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), A.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? (this.freshFrame(), k.toBlob(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), A.toBlob(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i, a = {}) {
 		if (!this.features.alerts) return null;
@@ -4505,24 +4522,24 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = Fi(this.currentSymbol);
+			this.series.beginReplay(), this.replaySession = Li(this.currentSymbol);
 		}
 		let n = this.replaySession, { steps: r, startTime: i, hideHistory: a, revealMarks: o, step: s, ...c } = e ?? {};
 		c.animate = c.animate === !0;
 		let l = this.series.inHoursShown(this.series.liveBars()), u = t > 0 && i === void 0 && a !== !1, d = c.startIndex;
-		i !== void 0 && d === void 0 ? d = J(l, i) : u && d !== void 0 && (d += t);
+		i !== void 0 && d === void 0 ? d = di(l, i) : u && d !== void 0 && (d += t);
 		let f = u ? t : a && d !== void 0 && d > 0 ? Math.min(Math.floor(d), l.length - 1) : 0, p = f > 0 ? l.slice(f) : l;
 		d !== void 0 && (c.startIndex = d - f), n.windowTime = f > 0 ? p[0]?.time ?? null : null, n.steps = r ?? null, n.stepsSymbol = this.currentSymbol, n.until = null, n.animate = c.animate, n.step = c.animate ? s ?? null : null, this.replayRevealMarks = o !== !1, this.useReplayLoader(n, !0);
 		let m = r ? this.replayStepsOver(n, p, !0) : null;
 		this.priceFit.resume(), this.buildReplay(p, m, f);
 		let h = this.replayStepsSeries;
-		h && c.startIndex !== void 0 && (c.startIndex = Hi(h, p, c.startIndex));
+		h && c.startIndex !== void 0 && (c.startIndex = Gi(h, p, c.startIndex));
 		let g = h ?? p, _ = g[Math.max(0, Math.min(Math.floor(Number(c.startIndex ?? 0)) || 0, g.length - 1))];
 		this.revealReplayMarks(this.replayRevealMarks ? _?.time ?? null : null), n.held && (n.held.state = c.paused ? "paused" : "playing", c.paused = !0), !c.paused && c.startIndex !== void 0 && c.startIndex >= 1 && this.replaySeek(c.startIndex - 1), this.replayManager.play(c);
 	}
 	buildReplay(e, t, n) {
 		let r = this.replaySession?.animate === !0, i = r ? null : t;
-		this.replayPieces = r && t ? Gi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		this.replayPieces = r && t ? Ji(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
 		let a = this.replayRestarting;
 		this.replayRestarting = !0;
 		try {
@@ -4536,7 +4553,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			let n = t, a = e[t];
 			if (i) {
 				let r = i[t];
-				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? qi(c, r) : Ui(e[n], i, t), a = Wi(i, e, t, n) ? e[n] : c;
+				n = Z(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Xi(c, r) : Ki(e[n], i, t), a = qi(i, e, t, n) ? e[n] : c;
 			}
 			let u = this.replayForming;
 			this.replayForming = null, s = t;
@@ -4560,7 +4577,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			});
 		}), r && (this.replayPhaseUnsub = this.replayManager.on("phase", ({ index: t, fraction: n }) => {
 			if (!e[t] || this.series.length() !== o || o !== t && o !== t + 1) return;
-			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Ki() ? ei(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = $r(r, i);
+			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Yi() ? ei(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = $r(r, i);
 			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
 				index: t,
 				path: r
@@ -4585,15 +4602,15 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		if (!n) return;
 		n.evictBefore(e[t].time);
 		let r = this.replayManager.getStepMs();
-		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(ji / r) : 1);
+		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(Ni / r) : 1);
 	}
 	useReplayLoader(e, t) {
 		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? ri(e.step, r, (e) => j(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
 		if (!t && this.replayLoader?.key === a || (this.replayLoader?.loader.dispose(), this.replayLoader = null, !i || !n || r === null)) return;
-		let o = P(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = T(r), u = new Vr({
+		let o = P(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = E(r), u = new Vr({
 			source: s ? (e, t) => s.call(o, c, i, e, t) : null,
 			step: i,
-			ratio: Math.max(1, Math.round(l / T(i))),
+			ratio: Math.max(1, Math.round(l / E(i))),
 			barMs: l,
 			keep: (e) => this.series.inHoursShown(e),
 			report: (e) => this.eventBus.emit("replayStepsLoad", e)
@@ -4606,7 +4623,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	feedReplayForming(e, t, n, r) {
 		let i = this.replaySession;
 		if (!i || !this.executionAdapter?.setMarkPrice) return;
-		let a = mi(e, t, n, r, {
+		let a = gi(e, t, n, r, {
 			time: i.fedTime,
 			fraction: i.fedFraction
 		}, (e, t) => this.replayPathOf(e, t));
@@ -4628,9 +4645,9 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		if (!t) return;
 		let n = this.series.inHoursShown(this.series.liveBars());
 		if (n.length === 0) return;
-		let r = t.windowTime === null ? 0 : Math.min(J(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
+		let r = t.windowTime === null ? 0 : Math.min(di(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
 		this.useReplayLoader(t, !1);
-		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : Ri(o ?? i, t.until);
+		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : Bi(o ?? i, t.until);
 		if (s < 0 && this.canPageBackForReplay(t)) {
 			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
 			return;
@@ -4638,7 +4655,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		let c = this.getReplayState(), l = t.held !== null && (e === "hours" || e === "bar"), u = t.held?.state ?? c;
 		l || (t.held = null), t.symbol = this.currentSymbol;
 		let d = this.replayManager.remainingMs();
-		this.clearBarHolders(), t.animate && Li(t, this.replayCoarse, i);
+		this.clearBarHolders(), t.animate && zi(t, this.replayCoarse, i);
 		let f = this.replayRestarting;
 		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
 		try {
@@ -4661,14 +4678,14 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	replayStepsOver(e, t, n = !1) {
 		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
-		let r = Vi(this.series.inHoursShown(e.steps), t);
-		return r && (n || Bi(r, t)) ? r : null;
+		let r = Wi(this.series.inHoursShown(e.steps), t);
+		return r && (n || Hi(r, t)) ? r : null;
 	}
 	canPageBackForReplay(e) {
-		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Mi;
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Pi;
 	}
 	async pageBackForReplay(e) {
-		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Mi, this.rebaseReplay("older"));
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Pi, this.rebaseReplay("older"));
 	}
 	holdReplay() {
 		let e = this.replaySession;
@@ -4701,7 +4718,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		this.signalMarkerManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, Ri(this.replayStepsSeries ?? this.replayCoarse, e)));
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, Bi(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -4716,7 +4733,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	feedReplaySteps(e, t) {
 		let n = this.replaySession;
 		if (!n || !this.executionAdapter?.setMarkPrice) return;
-		let r = pi(e, t, {
+		let r = hi(e, t, {
 			time: n.fedTime,
 			fraction: n.fedFraction
 		});
@@ -4726,11 +4743,11 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		if (!this.replaySession) return -1;
 		if (this.replayForming) return this.replayForming.index;
 		let { current: e } = this.replayManager.getProgress(), t = this.replayStepsSeries;
-		return t && this.replayCoarse ? Q(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
+		return t && this.replayCoarse ? Z(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? Hi(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? Gi(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.setHeldState("paused") || this.replayManager.pause();
@@ -4771,7 +4788,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			let { x: r, y: c } = this.drawingManager.anchorPoint(t.type, e, n);
 			i = Math.min(i, r), a = Math.max(a, r), o = Math.min(o, c), s = Math.max(s, c);
 		}
-		if (wi.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Ti.has(t.type) && ([o, s] = [r.y, r.y + r.height]), a < r.x || i > r.x + r.width || s < r.y || o > r.y + r.height) return null;
+		if (Ei.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Di.has(t.type) && ([o, s] = [r.y, r.y + r.height]), a < r.x || i > r.x + r.width || s < r.y || o > r.y + r.height) return null;
 		let c = this.drawingManager.drawnExtent(e);
 		return c && (i = Math.min(i, c.x), a = Math.max(a, c.x + c.width), o = Math.min(o, c.y), s = Math.max(s, c.y + c.height)), i = Math.max(i, r.x), a = Math.min(a, r.x + r.width), o = Math.max(o, r.y), s = Math.min(s, r.y + r.height), i <= a && o <= s ? {
 			x: i,
@@ -4809,7 +4826,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		};
 	}
 	captureSnapshot() {
-		return E.capture({
+		return D.capture({
 			getDrawings: () => [...this.getDrawings().filter((e) => e.paneId === void 0 || this.layoutManager.getPanels().some((t) => t.id === e.paneId)), ...this.keptPaneDrawings],
 			getTheme: () => this.themeManager.getBaseTheme(),
 			getAlerts: () => this.getAlerts(),
@@ -4888,7 +4905,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		let s = t.levels ?? null;
 		JSON.stringify(s) !== JSON.stringify(o?.levels ?? null) && this.setIndicatorLevels(e, s);
 		let c = t.intervals ?? null;
-		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? se(t.paneStyle) : null);
+		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? oe(t.paneStyle) : null);
 	}
 	getIndicatorSetup() {
 		return [...Zn(this.indicatorEngine, this.layoutManager, (e) => this.panes.style(e) ?? null), ...this.unrestoredIndicators];
@@ -4938,12 +4955,12 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = this.captureSnapshot(), n = E.serialize(t);
-		return e && E.saveToStorage(e, t), n;
+		let t = this.captureSnapshot(), n = D.serialize(t);
+		return e && D.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = E.deserialize(e);
+		let t = D.deserialize(e);
 		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.display.reset(), t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), (t.theme === "dark" || t.theme === "light") && this.setTheme(t.theme), t.version >= 3 && this.themeManager.setUserOverrides(t.overrides ?? {}) && this.styleChanged("user");
 		let n = t.version >= 2 && this.features.indicators ? this.indicatorHistory.quietly(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
 		this.drawingManager.renamePanes(n);
@@ -4954,19 +4971,19 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = E.loadFromStorage(e);
-		return t ? (this.loadState(E.serialize(t)), !0) : !1;
+		let t = D.loadFromStorage(e);
+		return t ? (this.loadState(D.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
-		this.features.saveLoad && E.downloadFile(this.captureSnapshot(), e);
+		this.features.saveLoad && D.downloadFile(this.captureSnapshot(), e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await E.loadFromFile();
-		this.loadState(E.serialize(e));
+		let e = await D.loadFromFile();
+		this.loadState(D.serialize(e));
 	}
 	setLocale(e) {
-		le(e), this.engine.requestRender();
+		ce(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
 		this.numberLocale = e, this.viewport.setNumberLocale(e), this.priceAxis.setLocale(e), this.leftPriceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.timeAxis.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.pinnedTooltip.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
@@ -5016,8 +5033,8 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		this.disposed = !0, this.stopWatchingVisibility?.(), this.stopWatchingVisibility = null, this.waitForGpu(null), this.countdownInterval && clearInterval(this.countdownInterval), this.history.setLoader(null), this.disableAutoSave(), this.disconnectStream(), this.disconnectExecution(), this.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.a11y?.destroy(), this.a11y = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.pinnedTooltip.destroy(), this.replayRestarting = !0, this.replayManager.dispose(), this.alertManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.labelWidths.destroy(), this.container.innerHTML = "";
 	}
 	createChartRenderer(e) {
-		let t = Dn(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof ze && t.setPriceText((e) => this.formatPrice(e)), t;
+		let t = kn(e, (e) => this.pluginManager.getChartType(e));
+		return t instanceof Re && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	crosshairSeries() {
 		return this.isTimeAligned() ? this.series.bars() : this.getDisplayData();
@@ -5035,7 +5052,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	exportBars() {
 		if (this.isTimeAligned()) return this.series.bars();
-		let e = this.getDisplayData(), t = A(e);
+		let e = this.getDisplayData(), t = At(e);
 		return e.map((e, n) => ({
 			...e,
 			time: t[n]?.time ?? e.time
@@ -5139,9 +5156,9 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(i.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => Di(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => ki(n, e, t));
 		let r = n ?? this.detachedMeasureContext();
-		return r ? Di(r, e, t) : e.length * 7;
+		return r ? ki(r, e, t) : e.length * 7;
 	}
 	detachedMeasureContext() {
 		return this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), this.measureCtx;
@@ -5223,6 +5240,7 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 			paneTitles: this.paneTitles,
 			indicatorValueLabels: this.features.indicatorValueLabels,
 			alignAxisLabels: this.features.alignAxisLabels,
+			drawingAxisSpans: this.features.drawingAxisSpans,
 			formatPrice: (e) => this.formatPrice(e),
 			renderOverlayPlugins: (e, t) => this.drawOverlayPlugins(e, t)
 		});
@@ -5249,15 +5267,15 @@ var yi = .08, bi = 20, xi = 8, Si = 10, Ci = {
 		};
 	}
 };
-function Di(e, t, n) {
+function ki(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var Oi = 300;
-function ki(e) {
-	let t = {}, n = (e) => typeof e == "string" && e.trim() !== "" && e.length <= Oi && !/[;{}<>\\]|\/\*/.test(e);
+var Ai = 300;
+function ji(e) {
+	let t = {}, n = (e) => typeof e == "string" && e.trim() !== "" && e.length <= Ai && !/[;{}<>\\]|\/\*/.test(e);
 	n(e.family) && (t.family = e.family), n(e.textFamily) && (t.textFamily = e.textFamily);
 	for (let n of [
 		"sizeSmall",
@@ -5269,7 +5287,7 @@ function ki(e) {
 	}
 	return t;
 }
-function Ai(e) {
+function Mi(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
@@ -5288,8 +5306,8 @@ function X(e) {
 		bars: e.bars
 	};
 }
-var ji = 8e3, Mi = 10, Ni = 50, Pi = .001;
-function Fi(e) {
+var Ni = 8e3, Pi = 10, Fi = 50, Ii = .001;
+function Li(e) {
 	return {
 		price: null,
 		fedTime: null,
@@ -5304,48 +5322,48 @@ function Fi(e) {
 		held: null
 	};
 }
-function Ii(e, t) {
+function Ri(e, t) {
 	let n = e[t + 1];
-	return n ? n.time - e[t].time : Z(e);
+	return n ? n.time - e[t].time : Ui(e);
 }
-function Li(e, t, n) {
+function zi(e, t, n) {
 	let r = e.fedTime;
 	if (r === null || !t || t.length === 0 || n.length === 0) return;
-	let i = Ii(t, Q(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Q(n, a), s = n[o].time;
+	let i = Ri(t, Z(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Z(n, a), s = n[o].time;
 	if (s > a) return;
-	let c = Ii(n, o);
+	let c = Ri(n, o);
 	if (a === s && o > 0) {
 		e.fedTime = n[o - 1].time, e.fedFraction = 1;
 		return;
 	}
 	e.fedTime = s, e.fedFraction = Number.isFinite(c) && c > 0 ? Math.min(1, (a - s) / c) : 0;
 }
-function Ri(e, t) {
-	let n = Y(e, t), r = e.length - 1;
-	return n > r && r >= 0 && e[r].time + Z(e) <= t ? r : Math.max(-1, n - 2);
+function Bi(e, t) {
+	let n = fi(e, t), r = e.length - 1;
+	return n > r && r >= 0 && e[r].time + Ui(e) <= t ? r : Math.max(-1, n - 2);
 }
-function zi(e) {
+function Vi(e) {
 	let t = Infinity;
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.min(t, e[n].time - e[n - 1].time);
 	return t;
 }
-function Bi(e, t) {
-	if (!(zi(e) < zi(t))) return !1;
-	let n = Math.max(0, e.length - Ni);
+function Hi(e, t) {
+	if (!(Vi(e) < Vi(t))) return !1;
+	let n = Math.max(0, e.length - Fi);
 	for (let r = n; r < e.length; r++) {
-		let n = t[Q(t, e[r].time)], i = (n.high - n.low) * Pi + 2 ** -52;
+		let n = t[Z(t, e[r].time)], i = (n.high - n.low) * Ii + 2 ** -52;
 		if (e[r].close > n.high + i || e[r].close < n.low - i) return !1;
 	}
 	return !0;
 }
-function Z(e) {
+function Ui(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 Vi(e, t) {
+function Wi(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + Z(t), r = e.filter((e) => Ln(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	let n = t[t.length - 1].time + Ui(t), r = e.filter((e) => Ln(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);
@@ -5353,7 +5371,7 @@ function Vi(e, t) {
 	let o = t.slice(0, a), s = i.filter((e) => e.time >= t[a].time);
 	return [...o, ...s];
 }
-function Q(e, t) {
+function Z(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n < r;) {
 		let i = n + r + 1 >> 1;
@@ -5361,37 +5379,37 @@ function Q(e, t) {
 	}
 	return n;
 }
-function Hi(e, t, n) {
+function Gi(e, t, n) {
 	let r = Math.max(0, Math.min(Math.floor(Number.isFinite(n) ? n : 0), t.length - 1)), i = r + 1 < t.length ? t[r + 1].time : Infinity, a = -1;
 	for (let t = 0; t < e.length && e[t].time < i; t++) a = t;
 	return Math.max(0, a);
 }
-function Ui(e, t, n) {
+function Ki(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 = qi(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = Xi(i, t[e]);
 	return i;
 }
-function Wi(e, t, n, r) {
+function qi(e, t, n, r) {
 	let i = e[n + 1], a = t[r + 1];
 	return i !== void 0 && a !== void 0 && i.time >= a.time;
 }
-function Gi(e, t) {
+function Ji(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
-		let e = t[Q(t, r.time)].time, i = n.get(e);
+		let e = t[Z(t, r.time)].time, i = n.get(e);
 		i ? i.push(r) : n.set(e, [r]);
 	}
 	return n;
 }
-function Ki() {
+function Yi() {
 	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function qi(e, t) {
+function Xi(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -5403,26 +5421,26 @@ function qi(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var Ji = [
+var Zi = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], Yi = ["open", "o"], Xi = ["high", "h"], Zi = ["low", "l"], Qi = ["close", "c"], $i = [
+], Qi = ["open", "o"], $i = ["high", "h"], ea = ["low", "l"], ta = ["close", "c"], na = [
 	"volume",
 	"vol",
 	"v"
 ];
-function ea(e) {
+function ra(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? ta(t) : na(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? ia(t) : aa(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function ta(e) {
+function ia(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -5432,19 +5450,19 @@ function ta(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) ? sa(e) : oa(e);
+		let t = Array.isArray(e) ? ua(e) : la(e);
 		t ? n.push(t) : r++;
 	}
-	return la(n, t.length, r);
+	return fa(n, t.length, r);
 }
-function na(e) {
+function aa(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 = ra(t[0]), r = ia(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? aa(r) : {
+	let n = oa(t[0]), r = sa(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? ca(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -5455,7 +5473,7 @@ function na(e) {
 	if (a.time < 0 || a.open < 0 || a.high < 0 || a.low < 0 || a.close < 0) throw Error("CSV is missing required column(s): time, open, high, low, close");
 	let o = [], s = 0;
 	for (let e = +!!i; e < t.length; e++) {
-		let r = ia(t[e], n), i = ca(r[a.time]), c = $(r[a.open]), l = $(r[a.high]), u = $(r[a.low]), d = $(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = sa(t[e], n), i = da(r[a.time]), c = Q(r[a.open]), l = Q(r[a.high]), u = Q(r[a.low]), d = Q(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
 		if (i === null || ![
 			c,
 			l,
@@ -5474,9 +5492,9 @@ function na(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return la(o, t.length - +!!i, s);
+	return fa(o, t.length - +!!i, s);
 }
-function ra(e) {
+function oa(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -5488,7 +5506,7 @@ function ra(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function ia(e, t) {
+function sa(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5496,25 +5514,25 @@ function ia(e, t) {
 	}
 	return n.push(r), n;
 }
-function aa(e) {
+function ca(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Ji),
-		open: t(Yi),
-		high: t(Xi),
-		low: t(Zi),
-		close: t(Qi),
-		volume: t($i)
+		time: t(Zi),
+		open: t(Qi),
+		high: t($i),
+		low: t(ea),
+		close: t(ta),
+		volume: t(na)
 	};
 }
-function oa(e) {
+function la(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 = ca(String(t(Ji) ?? "")), r = Number(t(Yi)), i = Number(t(Xi)), a = Number(t(Zi)), o = Number(t(Qi)), s = Number(t($i) ?? 0);
+	}, n = da(String(t(Zi) ?? "")), r = Number(t(Qi)), i = Number(t($i)), a = Number(t(ea)), o = Number(t(ta)), s = Number(t(na) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -5529,9 +5547,9 @@ function oa(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function sa(e) {
+function ua(e) {
 	if (e.length < 5) return null;
-	let t = ca(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
+	let t = da(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
 	return t === null || ![
 		n,
 		r,
@@ -5546,10 +5564,10 @@ function sa(e) {
 		volume: Number.isFinite(o) ? o : 0
 	};
 }
-function $(e) {
+function Q(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function ca(e) {
+function da(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -5557,7 +5575,7 @@ function ca(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function la(e, t, n) {
+function fa(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);
@@ -5569,7 +5587,7 @@ function la(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var ua = class {
+var pa = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -5590,19 +5608,19 @@ var ua = class {
 		this.host.removeEventListener("dragenter", this.bound.dragenter), this.host.removeEventListener("dragover", this.bound.dragover), this.host.removeEventListener("dragleave", this.bound.dragleave), this.host.removeEventListener("drop", this.bound.drop), this.hideOverlay();
 	}
 	onDragEnter(e) {
-		da(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		ma(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		da(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		ma(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		da(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		ma(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
 	}
 	async onDrop(e) {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = ea(await t.text());
+			let e = ra(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) {
@@ -5633,12 +5651,250 @@ var ua = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function da(e) {
+function ma(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
+//#region src/grid/gridShapes.ts
+var ha = {
+	"1x1": {
+		cols: 1,
+		rows: 1
+	},
+	"1x2": {
+		cols: 2,
+		rows: 1
+	},
+	"2x1": {
+		cols: 1,
+		rows: 2
+	},
+	"1x3": {
+		cols: 3,
+		rows: 1
+	},
+	"3x1": {
+		cols: 1,
+		rows: 3
+	},
+	"1+2": {
+		cols: 2,
+		rows: 2,
+		areas: [
+			[
+				0,
+				0,
+				1,
+				2
+			],
+			[
+				1,
+				0,
+				1,
+				1
+			],
+			[
+				1,
+				1,
+				1,
+				1
+			]
+		]
+	},
+	"2+1": {
+		cols: 2,
+		rows: 2,
+		areas: [
+			[
+				0,
+				0,
+				1,
+				1
+			],
+			[
+				0,
+				1,
+				1,
+				1
+			],
+			[
+				1,
+				0,
+				1,
+				2
+			]
+		]
+	},
+	"1/2": {
+		cols: 2,
+		rows: 2,
+		areas: [
+			[
+				0,
+				0,
+				2,
+				1
+			],
+			[
+				0,
+				1,
+				1,
+				1
+			],
+			[
+				1,
+				1,
+				1,
+				1
+			]
+		]
+	},
+	"2/1": {
+		cols: 2,
+		rows: 2,
+		areas: [
+			[
+				0,
+				0,
+				1,
+				1
+			],
+			[
+				1,
+				0,
+				1,
+				1
+			],
+			[
+				0,
+				1,
+				2,
+				1
+			]
+		]
+	},
+	"2x2": {
+		cols: 2,
+		rows: 2
+	},
+	"1x4": {
+		cols: 4,
+		rows: 1
+	},
+	"4x1": {
+		cols: 1,
+		rows: 4
+	},
+	"1+3": {
+		cols: 2,
+		rows: 3,
+		areas: [
+			[
+				0,
+				0,
+				1,
+				3
+			],
+			[
+				1,
+				0,
+				1,
+				1
+			],
+			[
+				1,
+				1,
+				1,
+				1
+			],
+			[
+				1,
+				2,
+				1,
+				1
+			]
+		]
+	},
+	"1/3": {
+		cols: 3,
+		rows: 2,
+		areas: [
+			[
+				0,
+				0,
+				3,
+				1
+			],
+			[
+				0,
+				1,
+				1,
+				1
+			],
+			[
+				1,
+				1,
+				1,
+				1
+			],
+			[
+				2,
+				1,
+				1,
+				1
+			]
+		]
+	},
+	"2x3": {
+		cols: 3,
+		rows: 2
+	},
+	"3x2": {
+		cols: 2,
+		rows: 3
+	},
+	"2x4": {
+		cols: 4,
+		rows: 2
+	},
+	"3x3": {
+		cols: 3,
+		rows: 3
+	}
+}, ga = Object.keys(ha);
+function _a(e) {
+	return typeof e == "string" && Object.prototype.hasOwnProperty.call(ha, e);
+}
+function va(e) {
+	if (e.areas) return e.areas;
+	let t = [];
+	for (let n = 0; n < e.rows; n++) for (let r = 0; r < e.cols; r++) t.push([
+		r,
+		n,
+		1,
+		1
+	]);
+	return t;
+}
+function ya(e) {
+	return e.areas?.length ?? e.cols * e.rows;
+}
+function ba([e, t, n, r]) {
+	return `${t + 1} / ${e + 1} / span ${r} / span ${n}`;
+}
+function xa(e, t) {
+	e.style.gridArea = t ? ba(t) : "";
+}
+function Sa(e) {
+	if (!e.areas) return null;
+	let t = e.areas.find(([, , e, t]) => e * t > 1);
+	if (!t) return null;
+	let [n, r, i, a] = t;
+	return a === e.rows && i < e.cols ? n === 0 ? "left" : "right" : r === 0 ? "top" : "bottom";
+}
+//#endregion
 //#region src/state/layoutStorage.ts
-function fa(e) {
+function Ca(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -5646,11 +5902,11 @@ function fa(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 pa = (e, t) => t.updatedAt - e.updatedAt;
-function ma(e) {
+var wa = (e, t) => t.updatedAt - e.updatedAt;
+function Ta(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : fa({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Ca({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -5659,17 +5915,17 @@ function ma(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function ha(e) {
-	let t = ma(e), n = t ? e.content : void 0;
+function Ea(e) {
+	let t = Ta(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function ga(e = []) {
+function Da(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(fa).sort(pa),
+		list: () => [...t.values()].map(Ca).sort(wa),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -5682,7 +5938,7 @@ function ga(e = []) {
 		}
 	};
 }
-function _a(e = "tcw:layouts:") {
+function Oa(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -5690,10 +5946,10 @@ function _a(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(ma).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(Ta).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(pa),
+		list: () => r().sort(wa),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -5702,7 +5958,7 @@ function _a(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), fa(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ca(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -5711,14 +5967,14 @@ function _a(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var va = 80;
-function ya(e) {
+var ka = 80;
+function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function ba() {
+function Aa() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function xa(e) {
+function ja(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -5729,7 +5985,7 @@ function xa(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var Sa = class {
+var Ma = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -5745,7 +6001,7 @@ var Sa = 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 ?? ba;
+		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 ?? Aa;
 	}
 	current() {
 		return this.currentLayout;
@@ -5761,7 +6017,7 @@ var Sa = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(ma).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(Ta).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -5770,12 +6026,12 @@ var Sa = class {
 		});
 	}
 	saveAs(e) {
-		let t = ya(e);
+		let t = $(e);
 		return t ? this.queue(() => this.write(this.newId(), t)) : Promise.reject(/* @__PURE__ */ Error("A layout needs a name"));
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = ha(await this.storage.load(e));
+			let t = Ea(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -5785,13 +6041,13 @@ var Sa = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = xa(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = ja(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
-		let n = ya(t);
+		let n = $(t);
 		return n ? this.queue(async () => {
-			let t = ha(await this.storage.load(e));
+			let t = Ea(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -5869,7 +6125,7 @@ var Sa = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = xa(r);
+		let i = ja(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -5890,6 +6146,6 @@ var Sa = class {
 	}
 };
 //#endregion
-export { fr as C, jn as D, z as E, hr as S, In as T, Nr as _, ga as a, G as b, Ei as c, ni as d, ri as f, Mr as g, Pr as h, _a as i, gi as l, Fr as m, va as n, ua as o, Ir as p, ya as r, ea as s, Sa as t, hi as u, Ar as v, ur as w, br as x, jr as y };
+export { fr as A, Mr as C, q as D, jr as E, H as M, z as N, br as O, V as P, Pr as S, Ar as T, _i as _, Da as a, Ir as b, va as c, _a as d, xa as f, vi as g, Oi as h, Oa as i, ur as j, hr as k, ya as l, ra as m, ka as n, ga as o, pa as p, $ as r, ha as s, Ma as t, Sa as u, ni as v, Nr as w, Fr as x, ri as y };
 
-//# sourceMappingURL=LayoutSession-C4Lp1X6t.js.map
+//# sourceMappingURL=LayoutSession-BoiToS9y.js.map