@tradecanvas/chart 2.4.0 → 2.6.0

package/dist/{LayoutSession-D7ztdedn.js → LayoutSession-D8TcwPy1.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./indicatorLabel-BsidWCv1.js";
 import { CHART_SPACING as t, DARK_THEME as n, DEFAULT_CHART_DENSITY as r, DEFAULT_PANEL_HEIGHT as i, LIGHT_THEME as a, LayerType as o, MIN_PANEL_HEIGHT as s, PRICE_AXIS_WIDTH as c, TIME_AXIS_HEIGHT as l, autoPricePrecision as u, barDateZone as d, barTimeUnit as f, barsAreDaily as p, chartStyleValue as m, computePriceLimits as h, computePriceRange as g, createMarketTheme as _, formatPrice as v, fractionTick as y, indicatorSource as b, isValidTimeZone as x, mergeBar as ee, niceNumber as te, normalizeBarTime as S, parseIndicatorSource as C, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as w, readIndicatorPlotStyles as ae, readPaneStyle as oe, resolveChartTheme as se, sessionMinute as T, setLocale as ce, stepDecimals as le, symbolTimeZone as ue, tickBarCount as de, timeframeToMs as E, 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 D, 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 O, 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, INDICATOR_WORKER_MIN_BARS as Ve, IndicatorEngine as He, InteractionManager as Ue, KagiRenderer as We, KeyboardHandler as Ge, LineRenderer as Ke, LineWithMarkersRenderer as qe, MarketProfileRenderer as Je, MeasureOverlay as Ye, PRICE_AXIS_ADD_STRIP as Xe, PanHandler as Ze, PaneResizeHandler as Qe, PeriodLevelsRenderer as $e, PinnedTooltip as et, PivotMarkersRenderer as tt, PointAndFigureRenderer as nt, PriceAxis as rt, PriceAxisAddButton as it, PriceLines as at, RenderEngine as ot, RenkoRenderer as st, ReplayManager as ct, ResamplingAdapter as lt, ReshapeMemo as ut, SYMBOL_INDICATOR_IDS as dt, SYMBOL_ZONE_WAIT_MS as ft, Screenshot as k, SelectionBoxOverlay as pt, SessionBreaks as mt, SessionShading as ht, SignalMarkerManager as gt, SpreadIndicator as _t, StepLineRenderer as vt, StreamManager as yt, SymbolSeriesStore as bt, TimeAxis as xt, TradeZoneManager as St, TradingManager as Ct, TradingRenderer as wt, UndoRedoManager as Tt, Viewport as Et, VolumeCandleRenderer as Dt, VolumeProfileRenderer as Ot, VolumeRenderer as kt, Watermark as At, ZoomHandler as jt, axisTimes as A, barTimeStepMs as Mt, findDominantSwing as Nt, gpuContextsLeft as Pt, idleCssCursor as Ft, indicatorWorkerPool as It, isCrosshairCursor as Lt, isPriceLevelAlert as Rt, isRegularSession as zt, loadWebGL as Bt, mergeSessionHours as Vt, pointAndFigureColumns as Ht, rangePresetStart as Ut, readAlertOptions as Wt, registerBuiltInDrawingTools as Gt, registerBuiltInIndicators as Kt, servesTimeframe as qt, sourceParam as j, streamAdapterOf as Jt, timestampToBarIndex as M, toHeikinAshi as Yt, toKagi as Xt, toLineBreak as Zt, toRangeBars as Qt, toRenko as $t, whenGpuContextFree as en, withResampling as N, xToBarIndex as tn, xToTime as P, yToPrice as nn } from "@tradecanvas/core";
+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, ChartMarkManager as Ce, ChartStateManager as D, CompareRenderer as we, CompareSymbolIndicator as Te, CompareSymbolPaneIndicator as Ee, CorrelationCoefficientIndicator as De, CorrelationLogIndicator as Oe, CrosshairHandler as ke, CrosshairTooltip as Ae, CurrentPriceLine as je, DEFAULT_SESSION_HOURS as Me, DataExporter as O, DepthHeatmapRenderer as Ne, DrawingManager as Pe, DrawingRenderer as Fe, EquivolumeRenderer as Ie, EventBus as Le, GridRenderer as Re, HLCAreaRenderer as ze, HiLoRenderer as Be, HollowCandleRenderer as Ve, INDICATOR_WORKER_MIN_BARS as He, IndicatorEngine as Ue, InteractionManager as We, KagiRenderer as Ge, KeyboardHandler as Ke, LineRenderer as qe, LineWithMarkersRenderer as Je, MarketProfileRenderer as Ye, MeasureOverlay as Xe, PRICE_AXIS_ADD_STRIP as Ze, PanHandler as Qe, PaneResizeHandler as $e, PeriodLevelsRenderer as et, PinnedTooltip as tt, PivotMarkersRenderer as nt, PointAndFigureRenderer as rt, PriceAxis as it, PriceAxisAddButton as at, PriceLines as ot, RenderEngine as st, RenkoRenderer as ct, ReplayManager as lt, ResamplingAdapter as ut, ReshapeMemo as dt, SYMBOL_INDICATOR_IDS as ft, SYMBOL_ZONE_WAIT_MS as pt, Screenshot as k, SelectionBoxOverlay as mt, SessionBreaks as ht, SessionShading as gt, SignalMarkerManager as _t, SpreadIndicator as vt, StepLineRenderer as yt, StreamManager as bt, SymbolSeriesStore as xt, TimeAxis as St, TradeZoneManager as Ct, TradingManager as wt, TradingRenderer as Tt, UndoRedoManager as Et, Viewport as Dt, VolumeCandleRenderer as Ot, VolumeProfileRenderer as kt, VolumeRenderer as At, Watermark as jt, ZoomHandler as Mt, axisTimes as A, barTimeStepMs as Nt, findDominantSwing as Pt, gpuContextsLeft as Ft, idleCssCursor as It, indicatorWorkerPool as Lt, isCrosshairCursor as Rt, isPriceLevelAlert as zt, isRegularSession as Bt, loadWebGL as Vt, mergeSessionHours as Ht, pointAndFigureColumns as Ut, rangePresetStart as Wt, readAlertOptions as Gt, registerBuiltInDrawingTools as Kt, registerBuiltInIndicators as qt, servesTimeframe as Jt, sourceParam as j, streamAdapterOf as Yt, timestampToBarIndex as M, toHeikinAshi as Xt, toKagi as Zt, toLineBreak as Qt, toRangeBars as $t, toRenko as en, whenGpuContextFree as tn, withResampling as N, xToBarIndex as nn, xToTime as P, yToPrice as rn } from "@tradecanvas/core";
 //#region src/regularHours.ts
-var rn = 864e5, an = 10;
-function on(e, t) {
+var an = 864e5, on = 10;
+function sn(e, t) {
 	let n = ue(e);
 	if (!n || !x(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
@@ -15,34 +15,34 @@ function on(e, t) {
 	});
 	if (r.length === 0) return null;
 	let i = f(t), a = Infinity;
-	for (let e = Math.max(1, t.length - an); e < t.length; e++) {
+	for (let e = Math.max(1, t.length - on); e < t.length; e++) {
 		let n = (t[e].time - t[e - 1].time) * i;
 		n > 0 && n < a && (a = n);
 	}
-	if (!(a < rn)) return null;
+	if (!(a < an)) return null;
 	let o = {
 		timeZone: n,
 		windows: r,
 		startMinute: r[0].startMinute,
 		endMinute: r[r.length - 1].endMinute
 	};
-	return (e) => zt(e * i, o);
+	return (e) => Bt(e * i, o);
 }
 //#endregion
 //#region src/chartA11y.ts
-var sn = {
+var cn = {
 	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."
-}, F = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), cn = [
+}, F = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), ln = [
 	"role",
 	"aria-roledescription",
 	"aria-label",
 	"aria-describedby"
-], ln = 400, un = 1e3, dn = class {
+], un = 400, dn = 1e3, fn = class {
 	live;
 	help;
 	labels;
@@ -56,20 +56,20 @@ var sn = {
 	};
 	constructor(e, t, n = {}) {
 		this.container = e, this.source = t, this.labels = {
-			...sn,
+			...cn,
 			...n
 		};
-		for (let t of cn) this.before.set(t, e.getAttribute(t));
-		e.setAttribute("role", "application"), this.help = fn("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 = fn("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 ln) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = pn("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 = pn("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 = {
-			...sn,
+			...cn,
 			...e
 		}, this.applyLabels();
 	}
 	refresh(e = !1) {
-		let t = un - (Date.now() - this.summaryAt);
+		let t = dn - (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 sn = {
 	viewMoved() {
 		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
 			this.viewTimer = null, this.say(this.viewText());
-		}, ln);
+		}, un);
 	}
 	readBar(e) {
 		let t = this.source.bars();
@@ -100,7 +100,7 @@ var sn = {
 			high: a(i.high),
 			low: a(i.low),
 			close: a(i.close),
-			volume: pn(i.volume ?? 0)
+			volume: mn(i.volume ?? 0)
 		}));
 	}
 	destroy() {
@@ -141,7 +141,7 @@ var sn = {
 		this.live.textContent = e;
 	}
 };
-function fn(e, t) {
+function pn(e, t) {
 	let n = document.createElement(e);
 	return n.className = t, Object.assign(n.style, {
 		position: "absolute",
@@ -155,57 +155,57 @@ function fn(e, t) {
 		border: "0"
 	}), n;
 }
-function pn(e) {
+function mn(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(2);
 }
 //#endregion
 //#region src/charts/ChartTypeStrategy.ts
-function mn(e) {
+function hn(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
 		case "rangeBars": return new xe();
-		case "line": return new Ke();
+		case "line": return new qe();
 		case "area": return new ge();
 		case "bar": return new ye();
-		case "hollowCandle": return new Be();
+		case "hollowCandle": return new Ve();
 		case "baseline": return new be();
-		case "renko": return new st();
-		case "kagi": return new We();
-		case "pointAndFigure": return new nt();
-		case "volumeCandles": return new Dt();
-		case "equivolume": return new Fe();
-		case "hlcArea": return new Re();
-		case "stepLine": return new vt();
-		case "lineWithMarkers": return new qe();
-		case "hiLo": return new ze();
+		case "renko": return new ct();
+		case "kagi": return new Ge();
+		case "pointAndFigure": return new rt();
+		case "volumeCandles": return new Ot();
+		case "equivolume": return new Ie();
+		case "hlcArea": return new ze();
+		case "stepLine": return new yt();
+		case "lineWithMarkers": return new Je();
+		case "hiLo": return new Be();
 		default: return new xe();
 	}
 }
-function hn(e, t, n = {}, r, i) {
+function gn(e, t, n = {}, r, i) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Yt(t);
+		case "heikinAshi": return Xt(t);
 		case "renko": {
 			let e = n.renko?.boxSize;
-			return typeof e == "number" ? $t(t, { brickSize: e }, i) : $t(t, {
+			return typeof e == "number" ? en(t, { brickSize: e }, i) : en(t, {
 				brickSize: 0,
 				useATR: !0,
 				atrPeriod: n.renko?.atrPeriod ?? 14
 			}, i);
 		}
-		case "lineBreak": return Zt(t, n.lineBreak?.lines ?? 3);
-		case "kagi": return Xt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
-		case "pointAndFigure": return _n(t, n, i).columns;
-		case "rangeBars": return Qt(t, {
-			rangeSize: Dn(t, n, r),
+		case "lineBreak": return Qt(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return Zt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent", i);
+		case "pointAndFigure": return vn(t, n, i).columns;
+		case "rangeBars": return $t(t, {
+			rangeSize: On(t, n, r),
 			includeForming: !0
 		}, i);
 		default: return t;
 	}
 }
-function gn(e) {
+function _n(e) {
 	switch (e) {
 		case "heikinAshi":
 		case "renko":
@@ -217,71 +217,71 @@ function gn(e) {
 	}
 }
 function I(e) {
-	return e !== "heikinAshi" && gn(e);
+	return e !== "heikinAshi" && _n(e);
 }
-function _n(e, t = {}, n) {
-	return Ht(e, bn(e, t), t.pointAndFigure?.reversal ?? 3, n);
+function vn(e, t = {}, n) {
+	return Ut(e, xn(e, t), t.pointAndFigure?.reversal ?? 3, n);
 }
-var vn = 50, yn = .01;
-function bn(e, t = {}) {
+var yn = 50, bn = .01;
+function xn(e, t = {}) {
 	let n = t.pointAndFigure?.boxSize;
 	if (typeof n == "number") return n;
-	let r = xn(e, e.length > 1 ? e.length - 1 : e.length);
-	return r > 0 ? En(te(r / vn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * yn || 1;
+	let r = Sn(e, e.length > 1 ? e.length - 1 : e.length);
+	return r > 0 ? Dn(te(r / yn, !0)) : Math.abs(e[e.length - 1]?.close ?? 0) * bn || 1;
 }
-function xn(e, t) {
+function Sn(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 Sn = 100, Cn = 3, wn = .01, Tn = 15, En = (e) => Number(e.toPrecision(Tn));
-function Dn(e, t = {}, n) {
+var Cn = 100, wn = 3, Tn = .01, En = 15, Dn = (e) => Number(e.toPrecision(En));
+function On(e, t = {}, n) {
 	let r = t.rangeBars?.range;
 	if (typeof r == "number") return r;
-	let i = e.length >= Cn ? kn(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
-	return Mn(En(te(i > 0 ? i : a * wn || 1, !0)), n);
+	let i = e.length >= wn ? An(e) : 0, a = Math.abs(e[e.length - 1]?.close ?? 0);
+	return Nn(Dn(te(i > 0 ? i : a * Tn || 1, !0)), n);
 }
-function On(e) {
+function kn(e) {
 	let t = e.length - 1;
 	return {
-		from: Math.max(0, t - Sn),
+		from: Math.max(0, t - Cn),
 		end: t
 	};
 }
-function kn(e) {
-	let { from: t, end: n } = On(e), r = 0;
+function An(e) {
+	let { from: t, end: n } = kn(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 An(e, t) {
-	let { from: n, end: r } = On(e);
+function jn(e, t) {
+	let { from: n, end: r } = kn(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 jn(t(i), t(a));
-}
-function jn(e, t) {
-	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
+	return Mn(t(i), t(a));
 }
 function Mn(e, t) {
-	return t === void 0 || !(t > 0) ? e : En(Math.max(1, Math.round(e / t)) * t);
+	return e === void 0 ? t : t === void 0 ? e : Math.max(e, t);
 }
 function Nn(e, t) {
+	return t === void 0 || !(t > 0) ? e : Dn(Math.max(1, Math.round(e / t)) * t);
+}
+function Pn(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : mn(e);
+	return n ? n.createRenderer() : hn(e);
 }
-function Pn(e, t, n, r, i, a) {
+function Fn(e, t, n, r, i, a) {
 	if (t.length === 0) return t;
 	let o = n?.(e);
-	return o?.transform ? o.transform(t) : hn(e, t, r, i, a);
+	return o?.transform ? o.transform(t) : gn(e, t, r, i, a);
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var Fn = class {
+var In = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -316,7 +316,7 @@ function L(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 In(e) {
+function Ln(e) {
 	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
 }
 function R(e) {
@@ -330,24 +330,24 @@ function R(e) {
 function z(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 Ln(e, t) {
+function Rn(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 Rn = {
+var zn = {
 	index: -1,
 	changed: !1
 };
-function zn(e, t) {
+function Bn(e, t) {
 	if (e.length === 0) return t;
 	let n = S(t);
 	return f(e) === 1 ? n : n / 1e3;
 }
-function Bn(e, t) {
-	let n = zn(e, t.time);
+function Vn(e, t) {
+	let n = Bn(e, t.time);
 	return n === t.time ? t : {
 		...t,
 		time: n
@@ -357,7 +357,7 @@ var B = class {
 	data = [];
 	changes = 0;
 	withSeriesTime(e) {
-		return Bn(this.data, e);
+		return Vn(this.data, e);
 	}
 	getData() {
 		return this.data;
@@ -369,7 +369,7 @@ var B = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			L(r) && t.push(In(r) ? r : R(r));
+			L(r) && t.push(Ln(r) ? r : R(r));
 		}
 		this.data = t, this.changes++;
 	}
@@ -378,7 +378,7 @@ var B = class {
 		for (let r = 0; r < e.length; r++) {
 			if (!L(e[r])) continue;
 			let i = this.withSeriesTime(e[r]);
-			i.time >= t || n.push(In(i) ? i : R(i));
+			i.time >= t || n.push(Ln(i) ? i : R(i));
 		}
 		if (n.length === 0) return 0;
 		n.sort((e, t) => e.time - t.time);
@@ -399,9 +399,9 @@ var B = class {
 		this.data[this.data.length - 1] = t;
 	}
 	replaceBar(e) {
-		if (!L(e)) return Rn;
-		let t = this.withSeriesTime(e), n = Ln(this.data, t.time);
-		if (n < 0) return Rn;
+		if (!L(e)) return zn;
+		let t = this.withSeriesTime(e), n = Rn(this.data, t.time);
+		if (n < 0) return zn;
 		let r = R(t);
 		return z(this.data[n], r) ? {
 			index: n,
@@ -431,7 +431,7 @@ function H(e, t) {
 	let r = S(t.time), i = S(n.time);
 	return r > i ? "append" : r === i ? "update" : "stale";
 }
-function Vn(e) {
+function Hn(e) {
 	return [
 		e.time,
 		e.open,
@@ -440,7 +440,7 @@ function Vn(e) {
 		e.close
 	].every(Number.isFinite);
 }
-var Hn = class {
+var Un = class {
 	shown = new B();
 	whole = null;
 	aside = null;
@@ -483,7 +483,7 @@ var Hn = class {
 		}
 		let t = null, n = e;
 		if (this.whole) {
-			let r = this.whole[0]?.time, i = /* @__PURE__ */ new Set(), a = e.filter(Vn).map((e) => this.inSeriesUnit(e)).filter((e) => (r === void 0 || e.time < r) && !i.has(e.time) && i.add(e.time)).sort((e, t) => e.time - t.time);
+			let r = this.whole[0]?.time, i = /* @__PURE__ */ new Set(), a = e.filter(Hn).map((e) => this.inSeriesUnit(e)).filter((e) => (r === void 0 || e.time < r) && !i.has(e.time) && i.add(e.time)).sort((e, t) => e.time - t.time);
 			this.whole = [...a, ...this.whole];
 			let o = this.hoursFilter(this.whole);
 			t = a.length, n = o ? a.filter((e) => o(e.time)) : a;
@@ -495,8 +495,8 @@ var Hn = class {
 		};
 	}
 	mergeSnapshot(e) {
-		if (this.aside) return this.aside.setData(Un(this.aside.getData(), e) ?? e), this.onLiveChange({ kind: "series" }), !0;
-		let t = Un(this.whole ?? this.shown.getData(), e);
+		if (this.aside) return this.aside.setData(Wn(this.aside.getData(), e) ?? e), this.onLiveChange({ kind: "series" }), !0;
+		let t = Wn(this.whole ?? this.shown.getData(), e);
 		return t ? (this.shown.setData(this.regularOnly(t)), !0) : !1;
 	}
 	refilter() {
@@ -553,7 +553,7 @@ var Hn = 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(zn(this.whole, e.time))) return this.wrote("hidden", !1);
+		if (t && this.whole && !t(Bn(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];
@@ -596,7 +596,7 @@ var Hn = class {
 			});
 		}
 		if (!L(e)) return V;
-		let t = this.inSeriesUnit(e), n = this.whole, r = n ? Ln(n, t.time) : -1;
+		let t = this.inSeriesUnit(e), n = this.whole, r = n ? Rn(n, t.time) : -1;
 		if (n) {
 			if (r < 0 || !L(n[r])) return V;
 			let e = this.hoursFilter(n);
@@ -630,7 +630,7 @@ var Hn = class {
 		this.shown.updateLastBar(e);
 	}
 	inSeriesUnit(e) {
-		return Bn(this.whole ?? this.shown.getData(), e);
+		return Vn(this.whole ?? this.shown.getData(), e);
 	}
 	replaceHidden(e, t, n) {
 		let r = R(n), i = !z(e[t], r);
@@ -667,14 +667,14 @@ var Hn = class {
 		return !r || r(e.time);
 	}
 };
-function Un(e, t) {
+function Wn(e, t) {
 	let n = t[0]?.time, r = 0;
 	for (; n !== void 0 && r < e.length && e[r].time < n;) r++;
 	return r === 0 || r === e.length ? null : e.slice(0, r).concat(t);
 }
 //#endregion
 //#region src/model/PriceFit.ts
-var Wn = class {
+var Gn = class {
 	auto;
 	preferred;
 	pending = !0;
@@ -711,7 +711,7 @@ var Wn = 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 = Kn(Kn(g(t, i, a, 0), r.overlayRange(i, a)), r.compareRange(t, n)), s = r.volumeRatio(t, i, a), { priceMargin: c, volumeGap: l } = this.spacing, u = s === null ? c : s + l;
+		let i = Math.max(0, n.visibleRange.from), a = Math.min(n.visibleRange.to, t.length - 1), o = qn(qn(g(t, i, a, 0), r.overlayRange(i, a)), r.compareRange(t, n)), s = r.volumeRatio(t, i, a), { priceMargin: c, volumeGap: l } = this.spacing, u = s === null ? c : s + l;
 		e.setScaleMargins(e.isInvertScale() ? {
 			top: u,
 			bottom: c
@@ -721,11 +721,11 @@ var Wn = class {
 		}), e.fitToPrices(o.min, o.max);
 	}
 };
-function Gn(e, t, n) {
+function Kn(e, t, n) {
 	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
 	return !1;
 }
-function Kn(e, t) {
+function qn(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -733,18 +733,18 @@ function Kn(e, t) {
 }
 //#endregion
 //#region src/model/DisplaySeries.ts
-var qn = class {
+var Jn = class {
 	series = null;
 	madeAt = null;
 	epoch = 0;
-	memo = new ut();
+	memo = new dt();
 	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" ? An(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" ? jn(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,
@@ -761,14 +761,14 @@ var qn = class {
 	}
 	make(e, t, n, r) {
 		let { lookup: i } = this.sources;
-		if (e !== "pointAndFigure" || i(e)) return Pn(e, t, i, n, r, this.memo);
-		let { columns: a, boxSize: o } = _n(t, n, this.memo);
+		if (e !== "pointAndFigure" || i(e)) return Fn(e, t, i, n, r, this.memo);
+		let { columns: a, boxSize: o } = vn(t, n, this.memo);
 		return this.sources.onBoxSize(o), a;
 	}
-}, Jn = {
+}, Yn = {
 	min: 0,
 	max: 100
-}, Yn = class {
+}, Xn = class {
 	layout = null;
 	infos = null;
 	styles = /* @__PURE__ */ new Map();
@@ -776,7 +776,7 @@ var qn = class {
 		this.manager = e, this.sources = t, this.onLayout = n;
 	}
 	resolved() {
-		return this.layout || (this.layout = this.manager.resolve(), this.onLayout(Xn(this.layout))), this.layout;
+		return this.layout || (this.layout = this.manager.resolve(), this.onLayout(Zn(this.layout))), this.layout;
 	}
 	invalidate() {
 		this.layout = null, this.infos = null;
@@ -788,7 +788,7 @@ var qn = class {
 		if (this.infos) return this.infos;
 		let t = e(), { from: n, to: r } = t.visibleRange;
 		return this.infos = this.resolved().panels.map((e) => {
-			let i = e.config.id, a = e.config.logScale ? this.sources.getPaneValueRange(i, n, r, !0) : null, o = a ?? this.sources.getPaneValueRange(i, n, r) ?? { ...Jn }, s = this.styles.get(i);
+			let i = e.config.id, a = e.config.logScale ? this.sources.getPaneValueRange(i, n, r, !0) : null, o = a ?? this.sources.getPaneValueRange(i, n, r) ?? { ...Yn }, s = this.styles.get(i);
 			return {
 				instanceId: i,
 				members: this.sources.getPaneMembers(i),
@@ -848,7 +848,7 @@ var qn = class {
 		}
 	}
 };
-function Xn(e) {
+function Zn(e) {
 	let t = e.mainChartRect, n = t.y, r = t.y + t.height;
 	for (let t of e.panels) t.config.position !== "top" && t.config.position !== "bottom" || (n = Math.min(n, t.rect.y), r = Math.max(r, t.rect.y + t.rect.height));
 	return {
@@ -856,10 +856,10 @@ function Xn(e) {
 		bottom: r
 	};
 }
-function Zn(e) {
+function Qn(e) {
 	return e.length > 0 ? { renames: e } : {};
 }
-var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Qn = class {
+var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), $n = class {
 	steps;
 	snapshot;
 	enabled;
@@ -895,7 +895,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Qn = class {
 				...o,
 				after: n,
 				at: i,
-				...Zn([...o.renames ?? [], ...r])
+				...Qn([...o.renames ?? [], ...r])
 			}
 		}) : this.steps.push({
 			...c,
@@ -904,7 +904,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Qn = class {
 				after: n,
 				subject: e,
 				at: i,
-				...Zn(r)
+				...Qn(r)
 			}
 		});
 	}
@@ -942,7 +942,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Qn = class {
 			}
 		});
 	}
-}, $n = class {
+}, er = class {
 	constructor(e, t, n) {
 		this.members = e, this.slots = t, this.handover = n;
 	}
@@ -1021,7 +1021,7 @@ var U = (e, t) => JSON.stringify(e) === JSON.stringify(t), Qn = class {
 };
 //#endregion
 //#region src/model/IndicatorSetup.ts
-function er(e, t, n) {
+function tr(e, t, n) {
 	let r = t.getPanels(), i = t.getMaximizedPanel();
 	return e.getActiveIndicators().map((t) => {
 		let a = r.find((e) => e.id === t.instanceId), o = e.getIndicatorConfig(t.instanceId), s = a ? n(t.instanceId) : null;
@@ -1049,7 +1049,7 @@ function er(e, t, n) {
 		};
 	});
 }
-function tr(e, t) {
+function nr(e, t) {
 	for (let [n, r] of t) n.paneSize !== void 0 && e.setPanelSize(r, n.paneSize), (n.paneSize !== void 0 || n.paneCollapsed) && e.setPanelCollapsed(r, !!n.paneCollapsed), n.paneSize !== void 0 && e.setPanelScale(r, {
 		log: !!n.paneLog,
 		invert: !!n.paneInvert,
@@ -1060,7 +1060,7 @@ function tr(e, t) {
 	let r = t.find(([e]) => e.paneMaximized);
 	e.setMaximizedPanel(r ? r[1] : null);
 }
-function nr(e) {
+function rr(e) {
 	let t = new Map(e.map((e) => [e.instanceId, e])), n = [], r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = (e) => {
 		if (r.has(e.instanceId) || i.has(e.instanceId)) return;
 		i.add(e.instanceId);
@@ -1074,23 +1074,23 @@ function nr(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function rr(e, t) {
+function ir(e, t) {
 	return e.id === t.id && (e.pane ?? null) === (t.pane ?? null) && (e.scale ?? null) === (t.scale ?? null) && e.position === void 0 == (t.position === void 0);
 }
-function ir(e, t) {
+function ar(e, t) {
 	let n = new Map(t.map((e) => [e.instanceId, e])), r = /* @__PURE__ */ new Set();
 	for (let t of e) {
 		let e = n.get(t.instanceId);
-		e && rr(t, e) && ar(t, e) && r.add(t.instanceId);
+		e && ir(t, e) && or(t, e) && r.add(t.instanceId);
 	}
 	for (let t of e) t.pane && !r.has(t.pane) && r.delete(t.instanceId);
 	return r;
 }
-function ar(e, t) {
+function or(e, t) {
 	let n = Object.keys(e.params);
 	return n.length === Object.keys(t.params).length && n.every((e) => e in t.params);
 }
-function or(e, t) {
+function sr(e, t) {
 	let n = { ...e };
 	for (let [e, r] of Object.entries(n)) {
 		let i = C(r), a = i && t.get(i.instanceId);
@@ -1100,11 +1100,11 @@ function or(e, t) {
 }
 //#endregion
 //#region src/model/SymbolRequests.ts
-function sr(e, t) {
+function cr(e, t) {
 	let n = t.symbol;
-	return dt.has(e) && typeof n == "string" ? n.trim() : "";
+	return ft.has(e) && typeof n == "string" ? n.trim() : "";
 }
-var cr = class {
+var lr = class {
 	asked = /* @__PURE__ */ new Set();
 	constructor(e, t) {
 		this.readers = e, this.held = t;
@@ -1112,14 +1112,14 @@ var cr = class {
 	required() {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of this.readers.getActiveIndicators()) {
-			let n = sr(t.id, t.params);
+			let n = cr(t.id, t.params);
 			n && e.add(n);
 		}
 		return [...e];
 	}
 	readersOf(e) {
 		let t = e.trim();
-		return this.readers.getActiveIndicators().filter((e) => dt.has(e.id) && String(e.params.symbol ?? "").trim() === t).map((e) => e.instanceId);
+		return this.readers.getActiveIndicators().filter((e) => ft.has(e.id) && String(e.params.symbol ?? "").trim() === t).map((e) => e.instanceId);
 	}
 	given(e) {
 		this.asked.delete(e.trim());
@@ -1130,20 +1130,20 @@ var cr = class {
 	}
 	toAsk(e) {
 		this.forgetUnread();
-		let t = this.readers.getIndicatorConfig(e), n = t ? sr(t.id, t.params) : "";
+		let t = this.readers.getIndicatorConfig(e), n = t ? cr(t.id, t.params) : "";
 		return !n || this.held.has(n) || this.asked.has(n) ? null : (this.asked.add(n), n);
 	}
-}, lr = (e, t) => e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
-function ur(e, t, n, r) {
-	if (!lr(e, t)) {
+}, ur = (e, t) => e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
+function dr(e, t, n, r) {
+	if (!ur(e, t)) {
 		for (let t of n) {
 			let n = r(t.id);
-			if (n && lr(e, n.chartRect)) return t.id;
+			if (n && ur(e, n.chartRect)) return t.id;
 		}
 		return null;
 	}
 }
-function dr(e, t, n, r) {
+function fr(e, t, n, r) {
 	if (!e || e.position !== "top" && e.position !== "bottom" || t) return null;
 	let i = n();
 	return !i || i.chartRect.height < 24 ? null : {
@@ -1151,12 +1151,12 @@ function dr(e, t, n, r) {
 		data: r()
 	};
 }
-function fr(e, t, n) {
+function pr(e, t, n) {
 	return !n && e.some((e) => e.id === t);
 }
 //#endregion
 //#region src/HistoryPager.ts
-var pr = 5e3, mr = 6e4, hr = 500, gr = class {
+var mr = 5e3, hr = 6e4, gr = 500, _r = class {
 	loader = null;
 	pageSize = 500;
 	loading = !1;
@@ -1211,7 +1211,7 @@ var pr = 5e3, mr = 6e4, hr = 500, gr = class {
 			return n === this.seq ? (this.loading = !1, e instanceof Error && e.name === "AbortError" ? (this.emit({
 				state: "loaded",
 				count: 0
-			}), 0) : (this.failures++, this.retryAt = this.now() + Math.min(mr, pr * 2 ** (this.failures - 1)), this.emit({
+			}), 0) : (this.failures++, this.retryAt = this.now() + Math.min(hr, mr * 2 ** (this.failures - 1)), this.emit({
 				state: "error",
 				count: 0,
 				error: e instanceof Error ? e.message : String(e)
@@ -1244,10 +1244,10 @@ var pr = 5e3, mr = 6e4, hr = 500, gr = class {
 };
 //#endregion
 //#region src/ThemeManager.ts
-function _r(e, t) {
+function vr(e, t) {
 	return e.family === t.family && e.sizeSmall === t.sizeSmall && e.sizeMedium === t.sizeMedium && e.sizeLarge === t.sizeLarge;
 }
-var vr = class e {
+var yr = class e {
 	base;
 	shape = null;
 	font = null;
@@ -1272,7 +1272,7 @@ var vr = class e {
 		return this.base;
 	}
 	setTheme(t) {
-		let n = e.read(t), r = this.font !== null && _r(n.font, this.base.font);
+		let n = e.read(t), r = this.font !== null && vr(n.font, this.base.font);
 		this.base = n, r || (this.themeFont = n.font), this.shape && (this.base = {
 			...this.base,
 			shape: {
@@ -1354,7 +1354,7 @@ var vr = class e {
 };
 //#endregion
 //#region src/style/styleOptions.ts
-function yr(e, t) {
+function br(e, t) {
 	return t ? {
 		...t.visible === void 0 ? {} : { [`crosshair.${e}.visible`]: t.visible },
 		...t.color === void 0 ? {} : { [`crosshair.${e}.color`]: t.color },
@@ -1362,22 +1362,22 @@ function yr(e, t) {
 		...t.width === void 0 ? {} : { [`crosshair.${e}.width`]: t.width }
 	} : {};
 }
-function br(e) {
+function xr(e) {
 	let { grid: t, crosshair: n } = e, r = n?.vLine?.labelBackground ?? n?.hLine?.labelBackground;
 	return {
 		...t?.hLineColor === void 0 ? {} : { "grid.horizontal.color": t.hLineColor },
 		...t?.hLineStyle === void 0 ? {} : { "grid.horizontal.style": t.hLineStyle },
 		...t?.vLineColor === void 0 ? {} : { "grid.vertical.color": t.vLineColor },
 		...t?.vLineStyle === void 0 ? {} : { "grid.vertical.style": t.vLineStyle },
-		...yr("horizontal", n?.hLine),
-		...yr("vertical", n?.vLine),
+		...br("horizontal", n?.hLine),
+		...br("vertical", n?.vLine),
 		...r === void 0 ? {} : { "crosshair.labelBackground": r },
 		...e.overrides
 	};
 }
 //#endregion
 //#region src/layout/LayoutManager.ts
-var xr = 200, Sr = 80, Cr = .382, W = (e) => e.position === "top" || e.position === "bottom", wr = class {
+var Sr = 200, Cr = 80, wr = .382, W = (e) => e.position === "top" || e.position === "bottom", Tr = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -1394,8 +1394,8 @@ var xr = 200, Sr = 80, Cr = .382, W = (e) => e.position === "top" || e.position
 		this.panels.push({
 			id: e,
 			position: t,
-			size: n ?? (r ? xr : i),
-			minSize: r ? Sr : s,
+			size: n ?? (r ? Sr : i),
+			minSize: r ? Cr : s,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -1477,7 +1477,7 @@ var xr = 200, Sr = 80, Cr = .382, W = (e) => e.position === "top" || e.position
 		let n = this.panels.find((t) => t.id === e);
 		if (n) {
 			let r = n.position === "left" || n.position === "right", a = t === "left" || t === "right";
-			n.position = t, r !== a && (n.size = a ? xr : i, n.minSize = a ? Sr : s), a && (n.collapsed = void 0, this.maximized === e && (this.maximized = null));
+			n.position = t, r !== a && (n.size = a ? Sr : i, n.minSize = a ? Cr : s), a && (n.collapsed = void 0, this.maximized === e && (this.maximized = null));
 		}
 	}
 	setPanelSize(e, t) {
@@ -1489,7 +1489,7 @@ var xr = 200, Sr = 80, Cr = .382, W = (e) => e.position === "top" || e.position
 	}
 	roomForOpen(e) {
 		let t = this.containerHeight - l;
-		return t - Math.max(48, Math.ceil(t * Cr)) - e * 20;
+		return t - Math.max(48, Math.ceil(t * wr)) - e * 20;
 	}
 	setPanelHeightOnScreen(e, t) {
 		let n = this.panels.find((t) => t.id === e);
@@ -1610,8 +1610,8 @@ var xr = 200, Sr = 80, Cr = .382, W = (e) => e.position === "top" || e.position
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, Tr = 14, Er = 14, Dr = 22, Or = 4;
-function kr(e) {
+}, Er = 14, Dr = 14, Or = 22, kr = 4;
+function Ar(e) {
 	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: a, fontSizeSmall: o, measure: s } = e, l = e.tagPrecision ?? u(t, n), d = l, f = r === null ? [t, n] : [
 		t,
 		n,
@@ -1620,16 +1620,16 @@ function kr(e) {
 	for (let t of f) {
 		if (!Number.isFinite(t)) continue;
 		let n = e.scaleLabel ? e.scaleLabel(t) : e.format ? e.format(t) : v(t, l, i), r = e.format ? n : v(t, d, i);
-		p = Math.max(p, s(n, `500 ${o}px ${a}`) + Tr, s(r, `bold 11px ${a}`) + Er, s(r, `600 ${o}px ${a}`) + Dr);
+		p = Math.max(p, s(n, `500 ${o}px ${a}`) + Er, s(r, `bold 11px ${a}`) + Dr, s(r, `600 ${o}px ${a}`) + Or);
 	}
-	return p <= c ? c : Math.ceil(p / Or) * Or;
+	return p <= c ? c : Math.ceil(p / kr) * kr;
 }
-function Ar(e, t) {
+function jr(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
 //#endregion
 //#region src/layout/labelWidths.ts
-var jr = 512, Mr = class {
+var Mr = 512, Nr = class {
 	widths = /* @__PURE__ */ new Map();
 	fonts;
 	forget = () => this.widths.clear();
@@ -1640,12 +1640,12 @@ var jr = 512, Mr = class {
 		let r = `${t}\n${e}`, i = this.widths.get(r);
 		if (i !== void 0) return i;
 		let a = n();
-		return this.widths.size >= jr && this.widths.clear(), this.widths.set(r, a), a;
+		return this.widths.size >= Mr && this.widths.clear(), this.widths.set(r, a), a;
 	}
 	destroy() {
 		this.fonts?.removeEventListener("loadingdone", this.forget), this.widths.clear();
 	}
-}, Nr = class {
+}, Pr = class {
 	netY = 0;
 	travelX = 0;
 	engaged = !1;
@@ -1661,8 +1661,8 @@ var jr = 512, Mr = class {
 		}
 		return this.engaged;
 	}
-}, Pr = 1;
-function Fr(e, t) {
+}, Fr = 1;
+function Ir(e, t) {
 	return e.filter((e) => e.enabled !== !1 && (e.descriptor.layer ?? "overlay") === t);
 }
 function G(e) {
@@ -1676,24 +1676,24 @@ function G(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var K = /* @__PURE__ */ new Map();
-function Ir(e) {
+function Lr(e) {
 	K.set(G(e), e);
 }
-function Lr(e) {
+function Rr(e) {
 	return K.delete(e);
 }
-function Rr() {
+function zr() {
 	return [...K.values()];
 }
-function zr() {
+function Br() {
 	K.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var Br = class {
+var Vr = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of Rr()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of zr()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -1723,15 +1723,15 @@ var Br = class {
 	add(e) {
 		this.plugins.set(G(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, Vr = {
+}, Hr = {
 	orderPlace: (e, t) => e.placeOrder(t),
 	orderModify: (e, t) => e.modifyOrder(t),
 	orderCancel: (e, t) => e.cancelOrder(t),
 	positionModify: (e, t) => e.modifyPosition(t),
 	positionClose: (e, t) => e.closePosition(t),
-	positionReverse: (e, t, n) => Hr(e, t, n)
+	positionReverse: (e, t, n) => Ur(e, t, n)
 };
-async function Hr(e, t, n) {
+async function Ur(e, t, n) {
 	let { reversing: r } = n;
 	if (!r.has(t.positionId)) {
 		r.add(t.positionId);
@@ -1760,7 +1760,7 @@ async function Hr(e, t, n) {
 		}
 	}
 }
-function Ur(e, t) {
+function Wr(e, t) {
 	let n = [], r = null, i = {
 		positions: () => r ?? t.getPositions?.() ?? [],
 		reversing: /* @__PURE__ */ new Set()
@@ -1770,8 +1770,8 @@ function Ur(e, t) {
 		e.data && t.onFill?.(e.data);
 	};
 	e.on("orders", a), e.on("positions", o), e.on("error", s), e.on("fill", c), n.push(() => e.off("orders", a), () => e.off("positions", o), () => e.off("error", s), () => e.off("fill", c));
-	for (let r of Object.keys(Vr)) {
-		let a = Vr[r], o = t.onIntent(r, (n) => {
+	for (let r of Object.keys(Hr)) {
+		let a = Hr[r], o = t.onIntent(r, (n) => {
 			Promise.resolve(a(e, n, i)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -1785,7 +1785,7 @@ function Ur(e, t) {
 }
 //#endregion
 //#region src/replay/ReplayStepLoader.ts
-var Wr = 1e3, Gr = class {
+var Gr = 1e3, Kr = class {
 	pieces = /* @__PURE__ */ new Map();
 	asked = /* @__PURE__ */ new Set();
 	inFlight = !1;
@@ -1818,7 +1818,7 @@ var Wr = 1e3, Gr = class {
 		this.done = !0;
 	}
 	ask(e, t) {
-		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(Wr / n)), s = Math.min(e.length, t + o), c = s < e.length ? e[s].time : e[e.length - 1].time + r, l = e.slice(t, s);
+		let { ratio: n, barMs: r, step: i, report: a } = this.options, o = Math.max(1, Math.floor(Gr / n)), s = Math.min(e.length, t + o), c = s < e.length ? e[s].time : e[e.length - 1].time + r, l = e.slice(t, s);
 		for (let e of l) this.asked.add(e.time);
 		this.inFlight = !0, a({
 			state: "loading",
@@ -1859,12 +1859,12 @@ var Wr = 1e3, Gr = class {
 			...n === void 0 ? {} : { error: n }
 		});
 	}
-}, Kr = 1 / 3, qr = .25, Jr = .5;
-function Yr(e, t) {
-	let n = (e.high - e.low) * qr;
-	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * Jr;
+}, qr = 1 / 3, Jr = .25, Yr = .5;
+function Xr(e, t) {
+	let n = (e.high - e.low) * Jr;
+	return t.filter((t) => t.close > e.high + n || t.close < e.low - n).length <= t.length * Yr;
 }
-function Xr(e) {
+function Zr(e) {
 	return e.close >= e.open ? [
 		e.open,
 		e.low,
@@ -1877,22 +1877,22 @@ function Xr(e) {
 		e.close
 	];
 }
-function Zr(e, t, n) {
-	let r = Xr(e), i = [
+function Qr(e, t, n) {
+	let r = Zr(e), i = [
 		1,
 		2,
 		3
 	].map((e) => Math.abs(r[e] - r[e - 1])), a = i[0] + i[1] + i[2], o = [], s = 0;
 	return r.forEach((r, c) => {
-		c > 0 && (s += a > 0 ? i[c - 1] / a : Kr), !(c === 0 && t > 0) && o.push({
+		c > 0 && (s += a > 0 ? i[c - 1] / a : qr), !(c === 0 && t > 0) && o.push({
 			price: r,
 			time: e.time,
 			at: (t + s) / n
 		});
 	}), o;
 }
-function Qr(e, t = []) {
-	let n = t.length > 0 && Yr(e, t) ? t : [e], r = n.length, i = $r(n.flatMap((e, t) => Zr(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
+function $r(e, t = []) {
+	let n = t.length > 0 && Xr(e, t) ? t : [e], r = n.length, i = ei(n.flatMap((e, t) => Qr(e, t, r)), e), a = n.reduce((e, t) => e + (t.volume ?? 0), 0), o = 0;
 	return {
 		bar: e,
 		points: i,
@@ -1902,7 +1902,7 @@ function Qr(e, t = []) {
 		}))
 	};
 }
-function $r(e, t) {
+function ei(e, t) {
 	let n = e.length - 1, r = e.map((e, r) => ({
 		...e,
 		price: r === 0 ? t.open : r === n ? t.close : Math.min(t.high, Math.max(t.low, e.price))
@@ -1917,7 +1917,7 @@ function $r(e, t) {
 	};
 	return i(t.high, (e, t) => e > t), i(t.low, (e, t) => e < t), r;
 }
-function ei(e, t) {
+function ti(e, t) {
 	let n = e.points;
 	if (t <= n[0].at) return n[0].price;
 	for (let e = 1; e < n.length; e++) if (t <= n[e].at) {
@@ -1926,8 +1926,8 @@ function ei(e, t) {
 	}
 	return n[n.length - 1].price;
 }
-var ti = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
-function ni(e, t) {
+var ni = (e) => Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+function ri(e, t) {
 	let n = 0, r = 0;
 	for (let i of e.volumeAt) {
 		if (t >= i.at) {
@@ -1938,10 +1938,10 @@ function ni(e, t) {
 	}
 	return n;
 }
-function ri(e, t) {
-	let n = ti(t);
+function ii(e, t) {
+	let n = ni(t);
 	if (n >= 1) return { ...e.bar };
-	let r = ei(e, n), i = Math.max(e.points[0].price, r), a = Math.min(e.points[0].price, r);
+	let r = ti(e, n), i = Math.max(e.points[0].price, r), a = Math.min(e.points[0].price, r);
 	for (let t of e.points) {
 		if (t.at > n) break;
 		i = Math.max(i, t.price), a = Math.min(a, t.price);
@@ -1952,11 +1952,11 @@ function ri(e, t) {
 		high: i,
 		low: a,
 		close: r,
-		volume: ni(e, n)
+		volume: ri(e, n)
 	};
 }
-function ii(e, t) {
-	let n = ti(t), r = 0;
+function ai(e, t) {
+	let n = ni(t), r = 0;
 	for (let t of e.points) {
 		if (t.at > n) break;
 		r = t.at;
@@ -1969,12 +1969,12 @@ function q(e, t, n) {
 		if (a.at > n) break;
 		i = a.time, a.at > t && r.push([a.price, a.time]);
 	}
-	let a = ei(e, n);
+	let a = ti(e, n);
 	return (r.length === 0 || r[r.length - 1][0] !== a) && r.push([a, i]), r;
 }
 //#endregion
 //#region src/replay/replayStep.ts
-var ai = [
+var oi = [
 	"1m",
 	"3m",
 	"5m",
@@ -1985,27 +1985,27 @@ var ai = [
 	"4h",
 	"1d"
 ];
-function oi(e, t) {
+function si(e, t) {
 	let n = E(e);
-	return n > 0 ? ai.filter((e) => {
+	return n > 0 ? oi.filter((e) => {
 		let r = E(e);
 		return r < n && n % r === 0 && t(e);
 	}) : [];
 }
-function si(e, t, n) {
-	let r = oi(t, n);
+function ci(e, t, n) {
+	let r = si(t, n);
 	if (e !== "auto") return r.includes(e) ? e : null;
 	let i = E(t);
 	return r.find((e) => i / E(e) <= 60) ?? null;
 }
 //#endregion
 //#region src/model/AlertWatch.ts
-function ci(e, t) {
+function li(e, t) {
 	e.setBarTime(t.barTime);
 	let n = new Map([["price", t.price]]);
-	t.lines && li(e.getAlerts(), t.lines, n), e.checkChannels(n, { together: !0 }), e.checkDrawings(t.price);
+	t.lines && ui(e.getAlerts(), t.lines, n), e.checkChannels(n, { together: !0 }), e.checkDrawings(t.price);
 }
-function li(e, t, n) {
+function ui(e, t, n) {
 	let r = e.flatMap((e) => e.target ? [e.channel, e.target] : [e.channel]);
 	for (let e of r) {
 		if (n.has(e)) continue;
@@ -2015,7 +2015,7 @@ function li(e, t, n) {
 		typeof a == "number" && Number.isFinite(a) && n.set(e, a);
 	}
 }
-function ui(e, t, n, r) {
+function di(e, t, n, r) {
 	let i = (e) => {
 		let i = e.indexOf(":");
 		if (i <= 0) return null;
@@ -2037,35 +2037,35 @@ function ui(e, t, n, r) {
 		});
 	}
 }
-function di(e, t) {
+function fi(e, t) {
 	let n = e.indexOf(":"), r = n > 0 ? t.get(e.slice(0, n)) : void 0;
 	return r ? r + e.slice(n) : e;
 }
-var fi = [
+var pi = [
 	"crossing",
 	"crossingUp",
 	"crossingDown"
 ];
-function pi(e, t, n, r, i) {
+function mi(e, t, n, r, i) {
 	e.clearAlerts();
 	for (let a of t) {
 		if (a.triggered && !a.repeating || a.expired) continue;
 		if (a.drawingId) {
-			r(a.drawingId) && fi.includes(a.condition) && e.addDrawingAlert(a.drawingId, a.condition, a.message, a.repeating, a.label);
+			r(a.drawingId) && pi.includes(a.condition) && e.addDrawingAlert(a.drawingId, a.condition, a.message, a.repeating, a.label);
 			continue;
 		}
 		let t = {
-			...Wt(a),
-			...a.target ? { target: di(a.target, n) } : {}
+			...Gt(a),
+			...a.target ? { target: fi(a.target, n) } : {}
 		};
 		try {
-			e.addAlert(a.price, a.condition, a.message, a.repeating, di(a.channel, n), a.label, t);
+			e.addAlert(a.price, a.condition, a.message, a.repeating, fi(a.channel, n), a.label, t);
 		} catch (e) {
 			i(e);
 		}
 	}
 }
-var mi = class {
+var hi = class {
 	kept = /* @__PURE__ */ new Map();
 	constructor(e) {
 		this.alerts = e;
@@ -2098,18 +2098,18 @@ function Y(e, t) {
 	}
 	return n;
 }
-function hi(e) {
+function gi(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 gi(e) {
+function _i(e) {
 	let t = [], n = Math.ceil(e.length / 500);
-	for (let r = 0; r < e.length; r += n) t.push(...hi(e.slice(r, r + n)));
+	for (let r = 0; r < e.length; r += n) t.push(...gi(e.slice(r, r + n)));
 	return t;
 }
-function _i(e, t, n) {
+function vi(e, t, n) {
 	let r = e[t];
 	return r ? n.time === null ? {
 		marks: [[r.close, r.time]],
@@ -2118,14 +2118,14 @@ function _i(e, t, n) {
 			fraction: n.fraction
 		}
 	} : r.time <= n.time ? null : {
-		marks: gi(e.slice(Y(e, n.time), t + 1)),
+		marks: _i(e.slice(Y(e, n.time), t + 1)),
 		fed: {
 			time: r.time,
 			fraction: n.fraction
 		}
 	} : null;
 }
-function vi(e, t, n, r, i, a) {
+function yi(e, t, n, r, i, a) {
 	let o = e[t];
 	if (!o) return null;
 	let s = {
@@ -2133,7 +2133,7 @@ function vi(e, t, n, r, i, a) {
 		fraction: r
 	};
 	if (i.time === null) return {
-		marks: [[ri(n, r).close, o.time]],
+		marks: [[ii(n, r).close, o.time]],
 		fed: s
 	};
 	if (o.time < i.time || o.time === i.time && r <= i.fraction) return null;
@@ -2142,28 +2142,28 @@ function vi(e, t, n, r, i, a) {
 		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(...gi(e.slice(Y(e, i.time), t))), c.push(...q(n, -1, r)), {
+	return e[l]?.time === i.time && i.fraction < 1 && c.push(...q(a(e, l), i.fraction, 1)), c.push(..._i(e.slice(Y(e, i.time), t))), c.push(...q(n, -1, r)), {
 		marks: c,
 		fed: s
 	};
 }
 //#endregion
 //#region src/Chart.ts
-var yi = "exchange";
-function bi(e) {
+var bi = "exchange";
+function xi(e) {
 	if (typeof e == "string" && e !== "exchange" && !x(e)) throw RangeError(`Unknown time zone: ${e}`);
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
-var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
+var Si = .08, Ci = 20, wi = 8, Ti = 10, Ei = {
 	ArrowLeft: [-1, 0],
 	ArrowRight: [1, 0],
 	ArrowUp: [0, -1],
 	ArrowDown: [0, 1]
-}, Ei = new Set(["horizontalLine", "crossLine"]), Di = new Set(["verticalLine", "crossLine"]), Oi = class {
-	static version = "2.4.0";
+}, Di = new Set(["horizontalLine", "crossLine"]), Oi = new Set(["verticalLine", "crossLine"]), ki = class {
+	static version = "2.6.0";
 	engine;
 	viewport;
-	series = new Hn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
+	series = new Un((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
 	themeManager;
 	layoutManager;
 	pluginManager;
@@ -2190,7 +2190,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	renderDeferred = !1;
 	priceAxisWidth = c;
 	measureCtx;
-	labelWidths = new Mr();
+	labelWidths = new Nr();
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
@@ -2203,7 +2203,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	unrestoredIndicators = [];
 	drawingAlerts = null;
 	zoomAreaMode = !1;
-	priceAxisAddButton = new it();
+	priceAxisAddButton = new at();
 	displayTz = null;
 	timeZoneSetting = null;
 	symbolInfo = null;
@@ -2214,7 +2214,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	studyZoneReleaseQueued = !1;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...je };
+	hostSessionHours = { ...Me };
 	compareRenderer;
 	countdownInterval = null;
 	pausedFor = {
@@ -2231,9 +2231,16 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	pivotMarkers;
 	alertManager;
 	signalMarkerManager;
+	signalMarkerHovered = !1;
+	lastHoverPos = {
+		x: 0,
+		y: 0
+	};
+	chartMarkManager;
+	hoveredBadge = null;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new pt();
+	selectionBoxOverlay = new mt();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
@@ -2248,7 +2255,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	replayForming = null;
 	replayPhaseUnsub = null;
 	undoRedoManager;
-	autoSaveScheduler = new Fn((e) => this.saveState(e));
+	autoSaveScheduler = new In((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -2260,14 +2267,14 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new at();
-	symbolSeries = new bt();
+	priceLines = new ot();
+	symbolSeries = new xt();
 	extendedHours = !0;
 	replayRestarting = !1;
 	symbolRequests;
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new rt();
+	leftPriceAxis = new it();
 	leftScaleRequested = !1;
 	leftAxisWidth = c;
 	leftViewport = null;
@@ -2299,12 +2306,12 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	snapshotKey = null;
 	historyCheckQueued = !1;
 	constructor(e, n) {
-		n.timeZone != null && bi(n.timeZone), this.container = e, this.options = {
+		n.timeZone != null && xi(n.timeZone), this.container = e, this.options = {
 			...n,
 			chartType: n.chartType ?? "candlestick"
-		}, this.numberLocale = n.numberLocale ?? "en-US", this.priceFit = new Wn(n.autoScale !== !1), this.density = n.density === "compact" ? "compact" : "comfortable";
+		}, this.numberLocale = n.numberLocale ?? "en-US", this.priceFit = new Gn(n.autoScale !== !1), this.density = n.density === "compact" ? "compact" : "comfortable";
 		let r = t[this.density];
-		this.priceFit.setSpacing(r), this.display = new qn({
+		this.priceFit.setSpacing(r), this.display = new Jn({
 			bars: () => this.series.bars(),
 			version: () => this.series.version(),
 			chartType: () => this.options.chartType,
@@ -2312,7 +2319,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			lookup: (e) => this.pluginManager.getChartType(e),
 			stepAt: (e) => this.stepAt(e),
 			onBoxSize: (e) => {
-				this.chartRenderer instanceof nt && this.chartRenderer.setBoxSize(e);
+				this.chartRenderer instanceof rt && this.chartRenderer.setBoxSize(e);
 			}
 		});
 		let i = n.features ?? {};
@@ -2345,25 +2352,26 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			alerts: i.alerts ?? !0,
 			replay: i.replay ?? !0,
 			sessionBreaks: i.sessionBreaks ?? !0,
+			marks: i.marks ?? !0,
 			barCountdown: i.barCountdown ?? !0,
 			compareSymbols: i.compareSymbols ?? !0,
 			dataExport: i.dataExport ?? !0,
 			logScale: i.logScale ?? !0,
 			timeframes: i.timeframes ?? [],
 			defaultTimeframeFavorites: i.defaultTimeframeFavorites ?? []
-		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.history = new gr({
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", e.style.userSelect = "none", e.style.webkitUserSelect = "none", this.history = new _r({
 			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 vr(n.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(br(n), "host", !1), this.container.style.backgroundColor || (this.container.style.backgroundColor = this.themeManager.getTheme().background, this.lastBackground = this.themeManager.getTheme().background), this.layoutManager = new wr(), this.indicatorEngine = new He(), this.panes = new Yn(this.layoutManager, this.indicatorEngine, (e) => this.crosshairHandler.setReportBounds(e)), this.indicatorPanes = new $n(this.indicatorEngine, this.layoutManager, {
+		}), this.themeManager = new yr(n.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(xr(n), "host", !1), this.container.style.backgroundColor || (this.container.style.backgroundColor = this.themeManager.getTheme().background, this.lastBackground = this.themeManager.getTheme().background), this.layoutManager = new Tr(), this.indicatorEngine = new Ue(), this.panes = new Xn(this.layoutManager, this.indicatorEngine, (e) => this.crosshairHandler.setReportBounds(e)), this.indicatorPanes = new er(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 cr(this.indicatorEngine, this.symbolSeries), this.pluginManager = new Br(this.indicatorEngine, { plugins: n.plugins }), this.eventBus = new Ie(), Kt(this.indicatorEngine), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new _t(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.indicatorEngine.register(new De(this.symbolSeries)), n.indicatorWorker === "auto" && this.useIndicatorWorker(), this.drawingManager = new Ne(), Gt(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 lr(this.indicatorEngine, this.symbolSeries), this.pluginManager = new Vr(this.indicatorEngine, { plugins: n.plugins }), this.eventBus = new Le(), qt(this.indicatorEngine), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.indicatorEngine.register(new vt(this.symbolSeries)), this.indicatorEngine.register(new De(this.symbolSeries)), this.indicatorEngine.register(new Oe(this.symbolSeries)), n.indicatorWorker === "auto" && this.useIndicatorWorker(), this.drawingManager = new Pe(), Kt(this.drawingManager), this.drawingRenderer = new Fe(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(o.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 Tt(), this.indicatorHistory = new Qn({
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new Et(), this.indicatorHistory = new $n({
 			steps: this.undoRedoManager,
 			snapshot: () => this.getIndicatorSetup(),
 			enabled: () => this.features.drawingUndoRedo
@@ -2380,14 +2388,14 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			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()), n.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new Ct({
+		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), n.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new wt({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new wt(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new Tt(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.tradingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.engine = new ot(e, n.maxPixelRatio);
+		}), this.engine = new st(e, n.maxPixelRatio);
 		let s = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Et(s.width, s.height, n.minBarSpacing ?? 2, n.maxBarSpacing ?? 30, n.rightMargin ?? r.rightMargin), this.viewport.setBarLayout(n.barLayout ?? r.barLayout), this.viewport.setScaleMargins({
+		if (this.viewport = new Dt(s.width, s.height, n.minBarSpacing ?? 2, n.maxBarSpacing ?? 30, n.rightMargin ?? r.rightMargin), this.viewport.setBarLayout(n.barLayout ?? r.barLayout), this.viewport.setScaleMargins({
 			top: r.priceMargin,
 			bottom: r.priceMargin
 		}), this.viewport.setPanLimits({
@@ -2397,7 +2405,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			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(), n.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new rt(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new xt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new Oe(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), n.crosshair?.mode && this.crosshairHandler.setMode(n.crosshair.mode), Lt(n.crosshair?.cursor) && this.crosshairHandler.setCursor(n.crosshair.cursor), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Re(), n.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new it(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new St(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new ke(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), n.crosshair?.mode && this.crosshairHandler.setMode(n.crosshair.mode), Rt(n.crosshair?.cursor) && this.crosshairHandler.setCursor(n.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, i = e > 0 ? n[e - 1]?.close : void 0, a = A(n), s = r ? a[e]?.time ?? r.time : void 0;
 				this.chartLegend.setHoverBar(r ?? null, e > 0 ? n[e - 1] ?? null : null), this.features.legend && this.engine.requestRender(o.Hover);
@@ -2411,7 +2419,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 						prevClose: i,
 						priceRange: c.priceRange,
 						plot: c.chartRect,
-						barStepMs: Mt(a),
+						barStepMs: Nt(a),
 						timeUnit: f(a)
 					});
 				} else this.crosshairTooltip.hide();
@@ -2427,14 +2435,14 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 				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.setSpacing(Xi(r)), this.chartLegend.setResizeListener(() => {
+		}), this.chartLegend = new Se(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setSpacing(Zi(r)), this.chartLegend.setResizeListener(() => {
 			this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), this.engine.requestRender();
-		}), this.watermark = new At(), n.watermark && this.watermark.setConfig(n.watermark), this.volumeRenderer = new kt(), this.volumeProfile = new Ot(), this.marketProfile = new Je(), this.depthHeatmap = new Me(), this.periodLevels = new $e(), this.pivotMarkers = new tt(), this.barCountdown = new ve(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new mt(), this.sessionShading = new ht(), this.compareRenderer = new Ce(), n.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.watermark = new jt(), n.watermark && this.watermark.setConfig(n.watermark), this.volumeRenderer = new At(), this.volumeProfile = new kt(), this.marketProfile = new Ye(), this.depthHeatmap = new Ne(), this.periodLevels = new et(), this.pivotMarkers = new nt(), this.barCountdown = new ve(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new ht(), this.sessionShading = new gt(), this.compareRenderer = new we(), n.sessionBreaks ? this.sessionBreaks.setConfig({
 			visible: n.sessionBreaks.visible ?? !0,
 			color: n.sessionBreaks.color,
 			lineStyle: n.sessionBreaks.lineStyle,
 			lineWidth: n.sessionBreaks.lineWidth
-		}) : n.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), n.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 et(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), n.priceFormat && this.applyPriceFormat(n.priceFormat), n.chartTypeOptions && (this.chartTypeOptions = w(n.chartTypeOptions)), n.highLowLines && this.priceLines.setHighLow(!0), n.shapes && this.themeManager.setShape(Mi(n.shapes)), n.font && this.themeManager.setFont(ji(n.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), n.extendedHours === !1 && (this.extendedHours = !1), n.timeFormatter && this.applyTimeFormatter(n.timeFormatter), this.keyboardHandler = new Ge({
+		}) : n.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), n.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new he(), this.crosshairTooltip = new Ae(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new tt(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), n.priceFormat && this.applyPriceFormat(n.priceFormat), n.chartTypeOptions && (this.chartTypeOptions = w(n.chartTypeOptions)), n.highLowLines && this.priceLines.setHighLow(!0), n.shapes && this.themeManager.setShape(Ni(n.shapes)), n.font && this.themeManager.setFont(Mi(n.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), n.extendedHours === !1 && (this.extendedHours = !1), n.timeFormatter && this.applyTimeFormatter(n.timeFormatter), this.keyboardHandler = new Ke({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -2451,7 +2459,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			},
 			fitContent: () => this.fitContent()
 		}), this.keyboardHandler.setEnabled(this.features.keyboard), n.a11y !== !1) {
-			this.a11y = new dn(e, {
+			this.a11y = new fn(e, {
 				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
 				timeframe: () => this.streamTimeframe ?? "",
 				chartType: () => this.options.chartType ?? "candlestick",
@@ -2482,7 +2490,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 				}
 				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(o.Overlay)), this.drawingAlerts = new mi(this.alertManager), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Rt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new je(), 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(o.Overlay)), this.drawingAlerts = new hi(this.alertManager), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(zt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
 			this.eventBus.emit("alertTriggered", X(e)), this.eventBus.emit("dataUpdate", {
 				kind: "alert",
 				alert: "triggered",
@@ -2498,7 +2506,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			this.eventBus.emit("alertExpired", X(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", X(e));
-		}), this.signalMarkerManager = new gt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new _t(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -2506,14 +2514,14 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new St(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), this.tradeZoneManager.on("added", (e) => {
+		}), this.chartMarkManager = new Ce(), this.chartMarkManager.setRequestRender(() => this.engine.requestRender(o.Overlay)), this.chartMarkManager.setDataGetter(() => this.isTimeAligned() ? this.getDisplayData() : []), this.tradeZoneManager = new Ct(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(o.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 ct(), this.replayManager.on("complete", () => {
+		}), this.replayManager = new lt(), this.replayManager.on("complete", () => {
 			let e = this.getReplayBarIndex(), t = this.replayCoarse?.[e];
 			t && this.eventBus.emit("replayComplete", {
 				barIndex: e,
@@ -2521,9 +2529,9 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			});
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Ye(), this.interactionManager = new Ue(e), this.features.panning) {
-			let e = new Nr();
-			this.interactionManager.setPanHandler(new Ze((t, n) => {
+		}), this.measureOverlay = new Xe(), this.interactionManager = new We(e), this.features.panning) {
+			let e = new Pr();
+			this.interactionManager.setPanHandler(new Qe((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()));
 		}
@@ -2535,7 +2543,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new jt((e, t) => {
+			this.interactionManager.setZoomHandler(new Mt((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
 			let e = new _e((e) => {
@@ -2556,14 +2564,18 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			viewportOf: (e) => this.drawingPaneViewport(e),
 			hasPane: (e) => this.layoutManager.getPanels().some((t) => t.id === e),
 			valuesAt: (e, t) => this.indicatorEngine.getPaneValuesAt(e, t)
-		}), this.interactionManager.setDrawingDoubleClick((e) => this.eventBus.emit("drawingDoubleClick", { id: e })), this.interactionManager.setDrawingContextMenu((e, t) => {
+		}), this.interactionManager.setDrawingDoubleClick((e, t) => this.eventBus.emit("drawingDoubleClick", {
+			id: e,
+			x: t.x,
+			y: t.y
+		})), this.interactionManager.setDrawingContextMenu((e, t) => {
 			this.drawingManager.select(e) && this.eventBus.emit("drawingContextMenu", {
 				id: e,
 				x: t.x,
 				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 = nn(e.y, this.viewport.getState());
+			let t = rn(e.y, this.viewport.getState());
 			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
 				price: t,
 				x: e.x,
@@ -2576,21 +2588,49 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			let e = new pe(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let c = new Qe();
+		let c = new $e();
 		c.configure(() => this.getResolvedLayout(), (e, t) => this.dragPanelTo(e, t)), this.interactionManager.setPaneResizeHandler(c), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
 			let n = this.viewport.getState(), r = n.barWidth + n.barSpacing, i = Math.round((n.offset + e.x) / r);
 			i < 0 || i >= t.length || (this.pinnedTooltip.isPinned() && this.pinnedTooltip.getPinnedIndex() === i ? this.pinnedTooltip.unpin() : this.pinnedTooltip.pin(t[i], i, this.themeManager.getTheme(), f(t), p(t) === !0), this.pinnedTooltip.reposition(this.viewport.getState(), this.series.bars()[i] ?? null, i, this.themeManager.getTheme()), this.engine.requestRender(o.Overlay));
-		}), this.interactionManager.setSignalMarkerHitTest((e) => this.eventBus.hasListeners("signalMarkerHover") || this.eventBus.hasListeners("signalMarkerClick") ? this.signalMarkerManager.markerAt(e, this.viewport.getState()) : null, (e, t) => this.eventBus.emit("signalMarkerHover", {
-			marker: e,
-			x: t.x,
-			y: t.y
-		}), () => this.eventBus.hasListeners("signalMarkerClick")), this.interactionManager.setClickHandler((e) => {
-			let t = this.getDisplayData(), n = this.eventBus.hasListeners("signalMarkerClick") ? this.signalMarkerManager.markerAt(e, this.viewport.getState()) : null;
+		}), this.interactionManager.setSignalMarkerHitTest((e) => this.markBadgeAt(e) ?? (this.eventBus.hasListeners("signalMarkerHover") || this.eventBus.hasListeners("signalMarkerClick") ? this.signalMarkerManager.markerAt(e, this.viewport.getState()) : null), (e, t) => {
+			let n = e !== null && e === this.hoveredBadge ? this.hoveredBadge : null;
+			if (!n && this.chartMarkManager.setHovered(null) && this.eventBus.emit("markHover", {
+				marks: null,
+				x: t.x,
+				y: t.y
+			}), this.lastHoverPos = t, n) {
+				this.signalMarkerHovered && (this.signalMarkerHovered = !1, this.eventBus.emit("signalMarkerHover", {
+					marker: null,
+					x: t.x,
+					y: t.y
+				})), this.chartMarkManager.setHovered(n), this.eventBus.emit("markHover", {
+					marks: n.marks.map((e) => ({ ...e })),
+					x: t.x,
+					y: t.y
+				});
+				return;
+			}
+			e === null && !this.signalMarkerHovered || (this.signalMarkerHovered = e !== null, this.eventBus.emit("signalMarkerHover", {
+				marker: e,
+				x: t.x,
+				y: t.y
+			}));
+		}, () => this.chartMarkManager.isHovering() || this.eventBus.hasListeners("signalMarkerClick")), this.interactionManager.setClickHandler((e) => {
+			let t = this.getDisplayData(), n = this.features.marks ? this.chartMarkManager.badgeAt(e, this.viewport.getState()) : null;
 			if (n) {
+				this.eventBus.emit("markClick", {
+					marks: n.marks.map((e) => ({ ...e })),
+					x: e.x,
+					y: e.y
+				});
+				return;
+			}
+			let r = this.eventBus.hasListeners("signalMarkerClick") ? this.signalMarkerManager.markerAt(e, this.viewport.getState()) : null;
+			if (r) {
 				this.eventBus.emit("signalMarkerClick", {
-					marker: n,
+					marker: r,
 					x: e.x,
 					y: e.y
 				});
@@ -2600,10 +2640,10 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let r = tn(e.x, this.viewport.getState());
-			r < 0 || r >= t.length || this.eventBus.emit("barClick", {
-				bar: t[r],
-				barIndex: r,
+			let i = nn(e.x, this.viewport.getState());
+			i < 0 || i >= t.length || this.eventBus.emit("barClick", {
+				bar: t[i],
+				barIndex: i,
 				point: e
 			});
 		}), this.interactionManager.setEscapeHandler(() => {
@@ -2645,7 +2685,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < Ci) return;
+					if (e.x1 - e.x0 < wi) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -2727,7 +2767,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			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(Si, r - n));
+			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(Ci, r - n));
 		}));
 	}
 	useStreamHistory(e, t, n = !0) {
@@ -2810,7 +2850,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	setChartType(e) {
 		let t = this.options.chartType ?? "candlestick";
-		this.options.chartType = e, this.themeManager.setChartType(e), this.chartRenderer = this.createChartRenderer(e), this.display.invalidate(), this.chartLegend.setChartType(e), this.applyTimeSpacing(), this.updateViewportAndRender(!0), this.fitFewColumns(), this.markStateChanged(), e !== t && this.eventBus.emit("chartTypeChange", {
+		this.options.chartType = e, this.themeManager.setChartType(e), this.chartRenderer = this.createChartRenderer(e), this.display.invalidate(), this.chartLegend.setChartType(e), this.applyTimeSpacing(), this.updateViewportAndRender(!0), this.fitFewColumns(), this.markStateChanged(), this.isTimeAligned() || this.dropMarkHover(), e !== t && this.eventBus.emit("chartTypeChange", {
 			type: e,
 			previous: t
 		});
@@ -2841,7 +2881,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.extendedHours;
 	}
 	sessionKeep(e) {
-		return this.extendedHours ? null : on(this.symbolInfo, e);
+		return this.extendedHours ? null : sn(this.symbolInfo, e);
 	}
 	reapplyExtendedHours() {
 		if (!this.series.refilter()) return;
@@ -2852,7 +2892,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = Mi(e);
+		let t = Ni(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -2864,7 +2904,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = ji(e);
+			let t = Mi(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -2883,7 +2923,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		if (e !== "comfortable" && e !== "compact" || e === this.density) return;
 		this.density = e;
 		let n = t[e];
-		this.priceFit.setSpacing(n), this.chartLegend.setSpacing(Xi(n)), this.options.rightMargin === void 0 && this.viewport.setRightMargin(n.rightMargin), this.options.barLayout || this.viewport.setBarLayout(n.barLayout), this.updateViewportAndRender();
+		this.priceFit.setSpacing(n), this.chartLegend.setSpacing(Zi(n)), this.options.rightMargin === void 0 && this.viewport.setRightMargin(n.rightMargin), this.options.barLayout || this.viewport.setBarLayout(n.barLayout), this.updateViewportAndRender();
 	}
 	getDensity() {
 		return this.density;
@@ -2989,8 +3029,8 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return {
 			...e,
 			priceRange: {
-				min: t.min - n * xi,
-				max: t.max + n * xi
+				min: t.min - n * Si,
+				max: t.max + n * Si
 			},
 			logScale: !1,
 			scaleMode: "regular",
@@ -3058,8 +3098,8 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return t.drawn ? this.indicatorEngine.peekOutput(e) : this.indicatorEngine.getOutput(e);
 	}
 	useIndicatorWorker() {
-		this.indicatorWorker = It.acquire(), this.indicatorEngine.useWorker(this.indicatorWorker.client, {
-			minBars: Ve,
+		this.indicatorWorker = Lt.acquire(), this.indicatorEngine.useWorker(this.indicatorWorker.client, {
+			minBars: He,
 			onLand: () => this.indicatorsLandedSoon()
 		});
 	}
@@ -3081,8 +3121,8 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new He();
-		return Kt(e), e.getAvailableIndicators();
+		let e = new Ue();
+		return qt(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
@@ -3298,7 +3338,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Nt(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = Pt(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -3311,14 +3351,17 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.drawingManager.removeDrawings(e);
 	}
 	nudgeSelectedDrawings(e) {
-		let t = Ti[e.key];
+		let t = Ei[e.key];
 		if (!t || !this.features.drawings || e.ctrlKey || e.metaKey || e.altKey) return !1;
-		let n = e.shiftKey ? wi : 1, r = {
+		let n = e.shiftKey ? Ti : 1, r = {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		};
 		return this.drawingManager.nudge(t[0] * n, t[1] * n, r);
 	}
+	getDrawingTextSize(e) {
+		return this.drawingManager.textSizeOf(e);
+	}
 	getDrawingTextRect(e) {
 		return this.drawingManager.isShown(e) ? this.drawingManager.textBoxOf(e, {
 			...this.viewport.getState(),
@@ -3454,7 +3497,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			x: t.x,
 			y: t.y
 		};
-		if ((e === "plot" || e === "priceAxis") && (r.price = nn(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = P(t.x, n)), e === "pane") {
+		if ((e === "plot" || e === "priceAxis") && (r.price = rn(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = P(t.x, n)), e === "pane") {
 			let e = this.getIndicatorPanes().find((e) => t.y >= e.rect.y && t.y <= e.rect.y + e.rect.height);
 			e && (r.pane = e.instanceId);
 		}
@@ -3462,7 +3505,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	applyPriceAxisAdd() {
 		let e = this.features.priceAxisAddButton && this.features.crosshair;
-		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Xe : 0);
+		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Ze : 0);
 	}
 	setPriceAxisAddButton(e) {
 		this.features.priceAxisAddButton = e, this.applyPriceAxisAdd(), this.engine.requestRender(o.Overlay);
@@ -3720,7 +3763,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	checkAlerts(e) {
 		let t = this.replaySession ? this.series.liveBars() : this.series.bars(), n = this.indicatorEngine, r = this.replaySession || this.series.length() === 0 ? null : (e) => n.isComputingInWorker(e) ? void 0 : n.peekOutput(e)?.series;
-		ci(this.alertManager, {
+		li(this.alertManager, {
 			price: e,
 			barTime: t.length > 0 ? t[t.length - 1].time : null,
 			lines: r
@@ -3732,11 +3775,11 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	async connect(e) {
 		let t = {
 			...e,
-			adapter: Jt(e),
+			adapter: Yt(e),
 			feed: void 0
 		};
-		if (!qt(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 yt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (e) => {
+		if (!Jt(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 bt(), 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) => {
@@ -3798,7 +3841,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		}, 1e3);
 	}
 	streamSeriesKey(e) {
-		let t = N(e), n = this.streamTimeframe, r = t instanceof lt && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		let t = N(e), n = this.streamTimeframe, r = t instanceof ut && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
 		return `${this.currentSymbol}|${n}|${r?.timeZone ?? ""}`;
 	}
 	setStreamTarget(e, t) {
@@ -3821,7 +3864,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	async switchStream(e, t) {
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
-		if (n && !qt(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
+		if (n && !Jt(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(E(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isIndicatorAllowed(e) {
@@ -3841,7 +3884,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = Ur(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = Wr(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -3972,7 +4015,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	setVisibleRangePreset(e) {
 		let t = this.getDisplayData();
 		if (t.length === 0) return;
-		let n = t.length - 1, r = f(t), i = Ut(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		let n = t.length - 1, r = f(t), i = Wt(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
 		if (a === null || a < t[0].time) {
 			this.fitContent();
 			return;
@@ -4157,14 +4200,14 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.crosshairHandler.getMode();
 	}
 	setCrosshairCursor(e) {
-		!Lt(e) || e === this.crosshairHandler.getCursor() || (this.crosshairHandler.setCursor(e), this.applyIdleCursor(), this.engine.requestRender(o.Hover), this.eventBus.emit("crosshairCursorChange", { cursor: e }));
+		!Rt(e) || e === this.crosshairHandler.getCursor() || (this.crosshairHandler.setCursor(e), this.applyIdleCursor(), this.engine.requestRender(o.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(Ft(this.crosshairHandler.getCursor(), t, e.background));
+		this.interactionManager.setIdleCursor(It(this.crosshairHandler.getCursor(), t, e.background));
 	}
 	setCrosshairPosition(e) {
 		e ? this.crosshairHandler.onPointerMove(e) : this.crosshairHandler.onPointerLeave(), this.engine.requestRender(o.Hover);
@@ -4259,7 +4302,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.periodLevels.getPeriod();
 	}
 	setTimeZone(e) {
-		bi(e), this.timeZoneSetting = e, this.applyTimeZone();
+		xi(e), this.timeZoneSetting = e, this.applyTimeZone();
 	}
 	getTimeZone() {
 		return this.timeZoneSetting;
@@ -4280,7 +4323,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		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(), ft);
+		this.endStudyZoneWait(), this.studyZoneHeld = !0, this.studyZoneTimer = setTimeout(() => this.releaseStudyZone(), pt);
 	}
 	endStudyZoneWait() {
 		this.studyZoneReleaseQueued = !1, this.studyZoneTimer !== null && (clearTimeout(this.studyZoneTimer), this.studyZoneTimer = null);
@@ -4372,7 +4415,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.sessionShading.isVisible();
 	}
 	setSessionShadingConfig(e) {
-		this.hostSessionHours = Vt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(o.Background);
+		this.hostSessionHours = Ht(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(o.Background);
 	}
 	setTooltipVisible(e) {
 		e || this.crosshairTooltip.hide();
@@ -4394,11 +4437,11 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		return this.waitForGpu(null), e === "canvas" ? (this.applyRenderer(null), "canvas") : this.engine.getGpu() ? "webgl" : this.takeGpu(e, t, !0);
 	}
 	async takeGpu(e, t, n) {
-		let { gpu: r, reason: i } = await Bt(e);
-		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Pt() > 0 ? this.takeGpu(e, t, n) : (this.waitForGpu(() => void this.takeGpu(e, t, !1)), n && this.applyRenderer(null, "limit"), this.getRenderer()) : ((r || n) && this.applyRenderer(r, i), this.getRenderer());
+		let { gpu: r, reason: i } = await Vt(e);
+		return t !== this.rendererToken || this.disposed ? (r?.destroy(), this.getRenderer()) : i === "limit" ? Ft() > 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 ? en(e) : null;
+		this.stopWaitingForGpu?.(), this.stopWaitingForGpu = e ? tn(e) : null;
 	}
 	getRenderer() {
 		return this.engine.getGpu() ? "webgl" : "canvas";
@@ -4542,6 +4585,36 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	setSignalMarkerStyle(e) {
 		this.signalMarkerManager.setStyle(e);
 	}
+	setMarks(e) {
+		this.marksChanged(() => this.chartMarkManager.setMarks(e), !0);
+	}
+	addMark(e) {
+		return this.marksChanged(() => this.chartMarkManager.addMark(e), (e) => e !== null);
+	}
+	removeMark(e) {
+		this.marksChanged(() => this.chartMarkManager.removeMark(e), !1);
+	}
+	marksChanged(e, t) {
+		let n = this.chartMarkManager.count(), r = e(), i = this.chartMarkManager.count();
+		return ((typeof t == "function" ? t(r) : t) || i !== n) && (this.dropMarkHover(), this.eventBus.emit("marksChange", { count: i })), r;
+	}
+	dropMarkHover() {
+		this.hoveredBadge = null, this.chartMarkManager.setHovered(null) && this.eventBus.emit("markHover", {
+			marks: null,
+			x: this.lastHoverPos.x,
+			y: this.lastHoverPos.y
+		});
+	}
+	getMarks() {
+		return this.chartMarkManager.getMarks();
+	}
+	clearMarks() {
+		this.marksChanged(() => this.chartMarkManager.clearMarks(), !1);
+	}
+	markBadgeAt(e) {
+		let t = this.features.marks ? this.chartMarkManager.badgeAt(e, this.viewport.getState()) : null;
+		return t !== null && this.hoveredBadge !== null && t.marks[0].id === this.hoveredBadge.marks[0].id && t.marks.length === this.hoveredBadge.marks.length || (this.hoveredBadge = t), this.hoveredBadge;
+	}
 	addTradeZone(e) {
 		return this.tradeZoneManager.addZone(e);
 	}
@@ -4568,7 +4641,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = Li(this.currentSymbol);
+			this.series.beginReplay(), this.replaySession = Ri(this.currentSymbol);
 		}
 		let n = this.replaySession, { steps: r, startTime: i, hideHistory: a, revealMarks: o, step: s, ...c } = e ?? {};
 		c.animate = c.animate === !0;
@@ -4579,13 +4652,13 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		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 = Gi(h, p, c.startIndex));
+		h && c.startIndex !== void 0 && (c.startIndex = Ki(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 ? Ji(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		this.replayPieces = r && t ? Yi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
 		let a = this.replayRestarting;
 		this.replayRestarting = !0;
 		try {
@@ -4599,7 +4672,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			let n = t, a = e[t];
 			if (i) {
 				let r = i[t];
-				n = Z(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Zi(c, r) : Ki(e[n], i, t), a = qi(i, e, t, n) ? e[n] : c;
+				n = Z(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Qi(c, r) : qi(e[n], i, t), a = Ji(i, e, t, n) ? e[n] : c;
 			}
 			let u = this.replayForming;
 			this.replayForming = null, s = t;
@@ -4623,7 +4696,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			});
 		}), 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 = Yi() ? ii(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = ri(r, i);
+			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Xi() ? ai(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = ii(r, i);
 			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
 				index: t,
 				path: r
@@ -4641,19 +4714,19 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	replayPathOf(e, t) {
 		let n = e[t];
-		return Qr(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
+		return $r(n, this.replayPieces?.get(n.time) ?? this.replayLoader?.loader.piecesOf(n.time) ?? []);
 	}
 	loadReplaySteps(e, t) {
 		let n = this.replayLoader?.loader;
 		if (!n) return;
 		n.evictBefore(e[t].time);
 		let r = this.replayManager.getStepMs();
-		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(Ni / r) : 1);
+		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(Pi / r) : 1);
 	}
 	useReplayLoader(e, t) {
-		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? si(e.step, r, (e) => qt(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
+		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? ci(e.step, r, (e) => Jt(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
 		if (!t && this.replayLoader?.key === a || (this.replayLoader?.loader.dispose(), this.replayLoader = null, !i || !n || r === null)) return;
-		let o = N(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = E(r), u = new Gr({
+		let o = N(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = E(r), u = new Kr({
 			source: s ? (e, t) => s.call(o, c, i, e, t) : null,
 			step: i,
 			ratio: Math.max(1, Math.round(l / E(i))),
@@ -4669,7 +4742,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	feedReplayForming(e, t, n, r) {
 		let i = this.replaySession;
 		if (!i || !this.executionAdapter?.setMarkPrice) return;
-		let a = vi(e, t, n, r, {
+		let a = yi(e, t, n, r, {
 			time: i.fedTime,
 			fraction: i.fedFraction
 		}, (e, t) => this.replayPathOf(e, t));
@@ -4693,7 +4766,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		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;
 		this.useReplayLoader(t, !1);
-		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : Bi(o ?? i, t.until);
+		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : Vi(o ?? i, t.until);
 		if (s < 0 && this.canPageBackForReplay(t)) {
 			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
 			return;
@@ -4701,7 +4774,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		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 && zi(t, this.replayCoarse, i);
+		this.clearBarHolders(), t.animate && Bi(t, this.replayCoarse, i);
 		let f = this.replayRestarting;
 		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
 		try {
@@ -4724,14 +4797,14 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	replayStepsOver(e, t, n = !1) {
 		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
-		let r = Wi(this.series.inHoursShown(e.steps), t);
-		return r && (n || Hi(r, t)) ? r : null;
+		let r = Gi(this.series.inHoursShown(e.steps), t);
+		return r && (n || Ui(r, t)) ? r : null;
 	}
 	canPageBackForReplay(e) {
-		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Pi;
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < Fi;
 	}
 	async pageBackForReplay(e) {
-		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Pi, this.rebaseReplay("older"));
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = Fi, this.rebaseReplay("older"));
 	}
 	holdReplay() {
 		let e = this.replaySession;
@@ -4761,10 +4834,10 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	revealReplayMarks(e) {
 		let t = e !== null && this.replayOffset > 0 ? this.replayCoarse?.[0]?.time ?? -Infinity : -Infinity;
-		this.signalMarkerManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
+		this.signalMarkerManager.setRevealUntil(e, t), this.chartMarkManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, Bi(this.replayStepsSeries ?? this.replayCoarse, e)));
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, Vi(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -4779,7 +4852,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	feedReplaySteps(e, t) {
 		let n = this.replaySession;
 		if (!n || !this.executionAdapter?.setMarkPrice) return;
-		let r = _i(e, t, {
+		let r = vi(e, t, {
 			time: n.fedTime,
 			fraction: n.fedFraction
 		});
@@ -4793,7 +4866,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? Gi(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? Ki(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.setHeldState("paused") || this.replayManager.pause();
@@ -4834,7 +4907,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			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 (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;
+		if (Di.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Oi.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,
@@ -4885,12 +4958,12 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = nr(e), r = /* @__PURE__ */ new Map();
+		let n = rr(e), r = /* @__PURE__ */ new Map();
 		this.unrestoredIndicators = [];
 		let i = new Set(this.indicatorEngine.getAvailableIndicators().map((e) => e.id)), a = [], o = /* @__PURE__ */ new Set();
 		if (t) {
 			let e = this.getIndicatorSetup();
-			for (let t of ir(e, n)) o.add(t);
+			for (let t of ar(e, n)) o.add(t);
 			for (let t of e) o.has(t.instanceId) || this.removeIndicator(t.instanceId);
 			let t = new Map(e.map((e) => [e.instanceId, e.pane]));
 			for (let e = !0; e;) {
@@ -4901,7 +4974,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 				}
 			}
 		} else for (let e of this.indicatorEngine.getActiveIndicators()) this.removeIndicator(e.instanceId);
-		let s = (e) => or(e, r);
+		let s = (e) => sr(e, r);
 		for (let e of n) {
 			let n = null;
 			if (o.has(e.instanceId)) {
@@ -4934,7 +5007,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			}
 			r.set(e.instanceId, n), a.push([e, n]), this.restoreLooks(n, e);
 		}
-		return this.indicatorEngine.orderIndicators(e.flatMap((e) => r.get(e.instanceId) ?? [])), tr(this.layoutManager, a), this.updateViewportAndRender(), r;
+		return this.indicatorEngine.orderIndicators(e.flatMap((e) => r.get(e.instanceId) ?? [])), nr(this.layoutManager, a), this.updateViewportAndRender(), r;
 	}
 	restoreLooks(e, t) {
 		let { plots: n, ...r } = this.indicatorEngine.getIndicatorStyle(e) ?? {
@@ -4954,7 +5027,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? oe(t.paneStyle) : null);
 	}
 	getIndicatorSetup() {
-		return [...er(this.indicatorEngine, this.layoutManager, (e) => this.panes.style(e) ?? null), ...this.unrestoredIndicators];
+		return [...tr(this.indicatorEngine, this.layoutManager, (e) => this.panes.style(e) ?? null), ...this.unrestoredIndicators];
 	}
 	applyIndicatorSetup(e) {
 		this.features.indicators && this.indicatorHistory.record(void 0, () => {
@@ -4963,7 +5036,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		});
 	}
 	followIndicatorAlerts(e, t) {
-		this.features.alerts && ui(this.alertManager, e, t, (e) => this.indicatorEngine.getIndicatorConfig(e)?.id);
+		this.features.alerts && di(this.alertManager, e, t, (e) => this.indicatorEngine.getIndicatorConfig(e)?.id);
 	}
 	beginIndicatorEdit(e) {
 		this.indicatorHistory.begin(e);
@@ -4987,17 +5060,17 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	keptPaneDrawings = [];
 	replayingIndicatorStep = !1;
 	takesDrawing(e, t) {
-		return fr(this.layoutManager.getPanels(), e, !!this.drawingManager.getDescriptor(t)?.priceOnly);
+		return pr(this.layoutManager.getPanels(), e, !!this.drawingManager.getDescriptor(t)?.priceOnly);
 	}
 	renamePane(e, t) {
 		this.layoutManager.renamePanel(e, t), this.replayingIndicatorStep || this.drawingManager.renamePanes(new Map([[e, t]])), this.indicatorHistory.renamed(e, t);
 	}
 	drawingPaneAt(e) {
-		return ur(e, this.viewport.getState().chartRect, this.layoutManager.getPanels(), (e) => this.drawingPaneViewport(e));
+		return dr(e, this.viewport.getState().chartRect, this.layoutManager.getPanels(), (e) => this.drawingPaneViewport(e));
 	}
 	drawingPaneViewport(e) {
 		let t = this.layoutManager.getPanels().find((t) => t.id === e);
-		return dr(t, !!t && this.layoutManager.isPanelShownCollapsed(e), () => this.buildPanelRenderInfos().find((t) => t.instanceId === e)?.viewport, () => this.getDisplayData());
+		return fr(t, !!t && this.layoutManager.isPanelShownCollapsed(e), () => this.buildPanelRenderInfos().find((t) => t.instanceId === e)?.viewport, () => this.getDisplayData());
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
@@ -5011,7 +5084,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		let n = t.version >= 2 && this.features.indicators ? this.indicatorHistory.quietly(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
 		this.drawingManager.renamePanes(n);
 		let r = new Set(this.unrestoredIndicators.map((e) => e.instanceId)), i = this.drawingManager.getDrawings(), a = i.filter((e) => e.paneId === void 0 || this.takesDrawing(e.paneId, e.type));
-		this.keptPaneDrawings = i.filter((e) => e.paneId !== void 0 && r.has(e.paneId)), a.length !== i.length && this.drawingManager.setDrawings(a), this.undoRedoManager.clear(), t.alerts && this.features.alerts && pi(this.alertManager, t.alerts, n, (e) => this.drawingManager.hasPriceLevels(e), (e) => {
+		this.keptPaneDrawings = i.filter((e) => e.paneId !== void 0 && r.has(e.paneId)), a.length !== i.length && this.drawingManager.setDrawings(a), this.undoRedoManager.clear(), t.alerts && this.features.alerts && mi(this.alertManager, t.alerts, n, (e) => this.drawingManager.hasPriceLevels(e), (e) => {
 			console.warn("Layout alert left out:", e);
 		}), this.markStateChanged();
 	}
@@ -5064,7 +5137,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	}
 	setFeatures(e) {
 		let t = this.getLegendBottom();
-		Object.assign(this.features, e), e.legend !== void 0 && this.getLegendBottom() !== t && this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), (e.priceAxisAddButton !== void 0 || e.crosshair !== void 0) && (this.applyPriceAxisAdd(), this.engine.requestRender(o.Overlay)), e.grid !== void 0 && this.engine.requestRender(o.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.updateViewportAndRender()), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
+		Object.assign(this.features, e), e.legend !== void 0 && this.getLegendBottom() !== t && this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), (e.priceAxisAddButton !== void 0 || e.crosshair !== void 0) && (this.applyPriceAxisAdd(), this.engine.requestRender(o.Overlay)), e.grid !== void 0 && this.engine.requestRender(o.Background), e.marks !== void 0 && (e.marks || this.dropMarkHover(), this.engine.requestRender(o.Overlay)), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.updateViewportAndRender()), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
 	}
 	resize() {
 		let e = this.engine.dprManager.readContainerSize();
@@ -5079,8 +5152,8 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		this.disposed = !0, this.indicatorEngine.stopWorker(), this.indicatorWorker?.release(), this.indicatorWorker = null, 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 = Nn(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof ze && t.setPriceText((e) => this.formatPrice(e)), t;
+		let t = Pn(e, (e) => this.pluginManager.getChartType(e));
+		return t instanceof Be && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	crosshairSeries() {
 		return this.isTimeAligned() ? this.series.bars() : this.getDisplayData();
@@ -5157,7 +5230,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		this.priceFit.fit(this.viewport, e, t, {
 			overlayRange: (e, t) => this.indicatorEngine.getOverlayPriceRange(e, t),
 			compareRange: (e, t) => this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null,
-			volumeRatio: (e, t, n) => this.features.volume && this.volumeRenderer.isVisible() && Gn(e, t, n) ? this.volumeRenderer.getHeightRatio() : null
+			volumeRatio: (e, t, n) => this.features.volume && this.volumeRenderer.isVisible() && Kn(e, t, n) ? this.volumeRenderer.getHeightRatio() : null
 		});
 	}
 	updateViewportAndRender(e = !1) {
@@ -5172,7 +5245,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 	fitLeftAxisWidth() {
 		let e = this.leftViewport;
 		if (!e) return !1;
-		let t = this.themeManager.getTheme(), n = kr({
+		let t = this.themeManager.getTheme(), n = Ar({
 			min: e.priceRange.min,
 			max: e.priceRange.max,
 			lastPrice: null,
@@ -5181,12 +5254,12 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Ar(this.leftAxisWidth, n);
+		}), r = jr(this.leftAxisWidth, n);
 		return r === this.leftAxisWidth ? !1 : (this.leftAxisWidth = r, this.layoutManager.setLeftAxisWidth(r), this.panes.invalidate(), this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	fitPriceAxisWidth() {
 		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = kr({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = Ar({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -5197,14 +5270,14 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = Ar(this.priceAxisWidth, n);
+		}), r = jr(this.priceAxisWidth, n);
 		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.panes.invalidate(), this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(o.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => ki(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => Ai(n, e, t));
 		let r = n ?? this.detachedMeasureContext();
-		return r ? ki(r, e, t) : e.length * 7;
+		return r ? Ai(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;
@@ -5271,6 +5344,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 			selectionBoxOverlay: this.selectionBoxOverlay,
 			priceAxisAddButton: this.priceAxisAddButton,
 			signalMarkerManager: this.signalMarkerManager,
+			chartMarkManager: this.features.marks ? this.chartMarkManager : null,
 			tradeZoneManager: this.tradeZoneManager,
 			panels: e,
 			priceLimits: this.buildPriceLimits(),
@@ -5292,7 +5366,7 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = Fr(this.pluginManager.getOverlays(), t);
+		let n = Ir(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -5313,15 +5387,15 @@ var xi = .08, Si = 20, Ci = 8, wi = 10, Ti = {
 		};
 	}
 };
-function ki(e, t, n) {
+function Ai(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var Ai = 300;
-function ji(e) {
-	let t = {}, n = (e) => typeof e == "string" && e.trim() !== "" && e.length <= Ai && !/[;{}<>\\]|\/\*/.test(e);
+var ji = 300;
+function Mi(e) {
+	let t = {}, n = (e) => typeof e == "string" && e.trim() !== "" && e.length <= ji && !/[;{}<>\\]|\/\*/.test(e);
 	n(e.family) && (t.family = e.family), n(e.textFamily) && (t.textFamily = e.textFamily);
 	for (let n of [
 		"sizeSmall",
@@ -5333,7 +5407,7 @@ function ji(e) {
 	}
 	return t;
 }
-function Mi(e) {
+function Ni(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
@@ -5352,8 +5426,8 @@ function X(e) {
 		bars: e.bars
 	};
 }
-var Ni = 8e3, Pi = 10, Fi = 50, Ii = .001;
-function Li(e) {
+var Pi = 8e3, Fi = 10, Ii = 50, Li = .001;
+function Ri(e) {
 	return {
 		price: null,
 		fedTime: null,
@@ -5368,48 +5442,48 @@ function Li(e) {
 		held: null
 	};
 }
-function Ri(e, t) {
+function zi(e, t) {
 	let n = e[t + 1];
-	return n ? n.time - e[t].time : Ui(e);
+	return n ? n.time - e[t].time : Wi(e);
 }
-function zi(e, t, n) {
+function Bi(e, t, n) {
 	let r = e.fedTime;
 	if (r === null || !t || t.length === 0 || n.length === 0) return;
-	let i = Ri(t, Z(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Z(n, a), s = n[o].time;
+	let i = zi(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 = Ri(n, o);
+	let c = zi(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 Bi(e, t) {
+function Vi(e, t) {
 	let n = Y(e, t), r = e.length - 1;
-	return n > r && r >= 0 && e[r].time + Ui(e) <= t ? r : Math.max(-1, n - 2);
+	return n > r && r >= 0 && e[r].time + Wi(e) <= t ? r : Math.max(-1, n - 2);
 }
-function Vi(e) {
+function Hi(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 Hi(e, t) {
-	if (!(Vi(e) < Vi(t))) return !1;
-	let n = Math.max(0, e.length - Fi);
+function Ui(e, t) {
+	if (!(Hi(e) < Hi(t))) return !1;
+	let n = Math.max(0, e.length - Ii);
 	for (let r = n; r < e.length; r++) {
-		let n = t[Z(t, e[r].time)], i = (n.high - n.low) * Ii + 2 ** -52;
+		let n = t[Z(t, e[r].time)], i = (n.high - n.low) * Li + 2 ** -52;
 		if (e[r].close > n.high + i || e[r].close < n.low - i) return !1;
 	}
 	return !0;
 }
-function Ui(e) {
+function Wi(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 Wi(e, t) {
+function Gi(e, t) {
 	if (t.length === 0) return null;
-	let n = t[t.length - 1].time + Ui(t), r = e.filter((e) => Vn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	let n = t[t.length - 1].time + Wi(t), r = e.filter((e) => Hn(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);
@@ -5425,26 +5499,26 @@ function Z(e, t) {
 	}
 	return n;
 }
-function Gi(e, t, n) {
+function Ki(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 Ki(e, t, n) {
+function qi(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 = Zi(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = Qi(i, t[e]);
 	return i;
 }
-function qi(e, t, n, r) {
+function Ji(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 Ji(e, t) {
+function Yi(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = t[Z(t, r.time)].time, i = n.get(e);
@@ -5452,17 +5526,17 @@ function Ji(e, t) {
 	}
 	return n;
 }
-function Yi() {
+function Xi() {
 	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Xi(e) {
+function Zi(e) {
 	return {
 		inset: e.legendInset,
 		top: e.legendTop,
 		lineGap: e.legendLineGap
 	};
 }
-function Zi(e, t) {
+function Qi(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -5474,26 +5548,26 @@ function Zi(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var Qi = [
+var $i = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], $i = ["open", "o"], ea = ["high", "h"], ta = ["low", "l"], na = ["close", "c"], ra = [
+], ea = ["open", "o"], ta = ["high", "h"], na = ["low", "l"], ra = ["close", "c"], ia = [
 	"volume",
 	"vol",
 	"v"
 ];
-function ia(e) {
+function aa(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? aa(t) : oa(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? oa(t) : sa(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function aa(e) {
+function oa(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -5503,19 +5577,19 @@ function aa(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) ? da(e) : ua(e);
+		let t = Array.isArray(e) ? fa(e) : da(e);
 		t ? n.push(t) : r++;
 	}
-	return pa(n, t.length, r);
+	return ma(n, t.length, r);
 }
-function oa(e) {
+function sa(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 = sa(t[0]), r = ca(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? la(r) : {
+	let n = ca(t[0]), r = la(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? ua(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -5526,7 +5600,7 @@ function oa(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 = ca(t[e], n), i = fa(r[a.time]), c = Q(r[a.open]), l = Q(r[a.high]), u = Q(r[a.low]), d = Q(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = la(t[e], n), i = pa(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,
@@ -5545,9 +5619,9 @@ function oa(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return pa(o, t.length - +!!i, s);
+	return ma(o, t.length - +!!i, s);
 }
-function sa(e) {
+function ca(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -5559,7 +5633,7 @@ function sa(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function ca(e, t) {
+function la(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5567,25 +5641,25 @@ function ca(e, t) {
 	}
 	return n.push(r), n;
 }
-function la(e) {
+function ua(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Qi),
-		open: t($i),
-		high: t(ea),
-		low: t(ta),
-		close: t(na),
-		volume: t(ra)
+		time: t($i),
+		open: t(ea),
+		high: t(ta),
+		low: t(na),
+		close: t(ra),
+		volume: t(ia)
 	};
 }
-function ua(e) {
+function da(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 = fa(String(t(Qi) ?? "")), r = Number(t($i)), i = Number(t(ea)), a = Number(t(ta)), o = Number(t(na)), s = Number(t(ra) ?? 0);
+	}, n = pa(String(t($i) ?? "")), r = Number(t(ea)), i = Number(t(ta)), a = Number(t(na)), o = Number(t(ra)), s = Number(t(ia) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -5600,9 +5674,9 @@ function ua(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function da(e) {
+function fa(e) {
 	if (e.length < 5) return null;
-	let t = fa(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 = pa(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,
@@ -5620,7 +5694,7 @@ function da(e) {
 function Q(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function fa(e) {
+function pa(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -5628,7 +5702,7 @@ function fa(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function pa(e, t, n) {
+function ma(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);
@@ -5640,7 +5714,7 @@ function pa(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var ma = class {
+var ha = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -5661,19 +5735,19 @@ var ma = 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) {
-		ha(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		ga(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		ha(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		ga(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		ha(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		ga(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 = ia(await t.text());
+			let e = aa(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) {
@@ -5704,12 +5778,12 @@ var ma = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function ha(e) {
+function ga(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
 //#region src/grid/gridShapes.ts
-var ga = {
+var _a = {
 	"1x1": {
 		cols: 1,
 		rows: 1
@@ -5914,11 +5988,11 @@ var ga = {
 		cols: 3,
 		rows: 3
 	}
-}, _a = Object.keys(ga);
-function va(e) {
-	return typeof e == "string" && Object.prototype.hasOwnProperty.call(ga, e);
-}
+}, va = Object.keys(_a);
 function ya(e) {
+	return typeof e == "string" && Object.prototype.hasOwnProperty.call(_a, e);
+}
+function ba(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([
@@ -5929,16 +6003,16 @@ function ya(e) {
 	]);
 	return t;
 }
-function ba(e) {
+function xa(e) {
 	return e.areas?.length ?? e.cols * e.rows;
 }
-function xa([e, t, n, r]) {
+function Sa([e, t, n, r]) {
 	return `${t + 1} / ${e + 1} / span ${r} / span ${n}`;
 }
-function Sa(e, t) {
-	e.style.gridArea = t ? xa(t) : "";
+function Ca(e, t) {
+	e.style.gridArea = t ? Sa(t) : "";
 }
-function Ca(e) {
+function wa(e) {
 	if (!e.areas) return null;
 	let t = e.areas.find(([, , e, t]) => e * t > 1);
 	if (!t) return null;
@@ -5947,7 +6021,7 @@ function Ca(e) {
 }
 //#endregion
 //#region src/state/layoutStorage.ts
-function wa(e) {
+function Ta(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -5955,11 +6029,11 @@ function wa(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 Ta = (e, t) => t.updatedAt - e.updatedAt;
-function Ea(e) {
+var Ea = (e, t) => t.updatedAt - e.updatedAt;
+function Da(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 : wa({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Ta({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -5968,17 +6042,17 @@ function Ea(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function Da(e) {
-	let t = Ea(e), n = t ? e.content : void 0;
+function Oa(e) {
+	let t = Da(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function Oa(e = []) {
+function ka(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(wa).sort(Ta),
+		list: () => [...t.values()].map(Ta).sort(Ea),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -5991,7 +6065,7 @@ function Oa(e = []) {
 		}
 	};
 }
-function ka(e = "tcw:layouts:") {
+function Aa(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -5999,10 +6073,10 @@ function ka(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(Ea).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(Da).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Ta),
+		list: () => r().sort(Ea),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -6011,7 +6085,7 @@ function ka(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), wa(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ta(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -6020,14 +6094,14 @@ function ka(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var Aa = 80;
+var ja = 80;
 function $(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function ja() {
+function Ma() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function Ma(e) {
+function Na(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -6038,7 +6112,7 @@ function Ma(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var Na = class {
+var Pa = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -6054,7 +6128,7 @@ var Na = 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 ?? ja;
+		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 ?? Ma;
 	}
 	current() {
 		return this.currentLayout;
@@ -6070,7 +6144,7 @@ var Na = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(Ea).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(Da).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -6084,7 +6158,7 @@ var Na = class {
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = Da(await this.storage.load(e));
+			let t = Oa(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -6094,13 +6168,13 @@ var Na = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = Ma(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = Na(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
 		let n = $(t);
 		return n ? this.queue(async () => {
-			let t = Da(await this.storage.load(e));
+			let t = Oa(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -6178,7 +6252,7 @@ var Na = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = Ma(r);
+		let i = Na(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -6199,6 +6273,6 @@ var Na = class {
 	}
 };
 //#endregion
-export { pr as A, Lr as C, wr as D, G as E, L as M, z as N, vr as O, Ir as S, Fr as T, oi as _, Oa as a, zr as b, ya as c, va as d, Sa as f, yi as g, Oi as h, ka as i, B as j, hr as k, ba as l, ia as m, Aa as n, _a as o, ma as p, $ as r, ga as s, Na as t, Ca as u, si as v, Pr as w, Rr as x, Br as y };
+export { mr as A, Rr as C, Tr as D, G as E, L as M, z as N, yr as O, Lr as S, Ir as T, si as _, ka as a, Br as b, ba as c, ya as d, Ca as f, bi as g, ki as h, Aa as i, B as j, gr as k, xa as l, aa as m, ja as n, va as o, ha as p, $ as r, _a as s, Pa as t, wa as u, ci as v, Fr as w, zr as x, Vr as y };
 
-//# sourceMappingURL=LayoutSession-D7ztdedn.js.map
+//# sourceMappingURL=LayoutSession-D8TcwPy1.js.map