@tradecanvas/chart 1.60.0 → 1.61.0

package/dist/{LayoutSession-CXCLFIvS.js → LayoutSession-BQvEMVYA.js}

@@ -1,12 +1,12 @@
-import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barDateZone as l, barTimeUnit as u, barsAreDaily as d, chartStyleValue as f, computePriceLimits as p, computePriceRange as m, createMarketTheme as h, formatPrice as g, fractionTick as _, indicatorSource as v, isValidTimeZone as y, mergeBar as ee, niceNumber as te, normalizeBarTime as b, parseIndicatorSource as x, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as ae, readIndicatorPlotStyles as oe, readPaneStyle as se, resolveChartTheme as ce, sessionMinute as S, setLocale as le, stepDecimals as ue, symbolTimeZone as C, tickBarCount as de, timeframeToMs as w, 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 T, 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 E, DepthHeatmapRenderer as Me, DrawingManager as Ne, DrawingRenderer as Pe, EquivolumeRenderer as Fe, EventBus as Ie, GridRenderer as Le, HLCAreaRenderer as Re, HiLoRenderer as ze, HollowCandleRenderer as Be, IndicatorEngine as Ve, InteractionManager as He, KagiRenderer as Ue, KeyboardHandler as We, LineRenderer as Ge, LineWithMarkersRenderer as Ke, MarketProfileRenderer as qe, MeasureOverlay as Je, PRICE_AXIS_ADD_STRIP as Ye, PRICE_SCALE_MARGIN as D, PanHandler as Xe, PaneResizeHandler as Ze, PeriodLevelsRenderer as Qe, PinnedTooltip as $e, PivotMarkersRenderer as et, PointAndFigureRenderer as tt, PriceAxis as nt, PriceAxisAddButton as rt, PriceLines as it, RenderEngine as at, RenkoRenderer as ot, ReplayManager as st, ResamplingAdapter as ct, ReshapeMemo as lt, SYMBOL_INDICATOR_IDS as O, SYMBOL_ZONE_WAIT_MS as ut, Screenshot as k, SelectionBoxOverlay as dt, SessionBreaks as ft, SessionShading as pt, SignalMarkerManager as mt, SpreadIndicator as ht, StepLineRenderer as gt, StreamManager as _t, SymbolSeriesStore as vt, TimeAxis as yt, TradeZoneManager as bt, TradingManager as xt, TradingRenderer as St, UndoRedoManager as Ct, Viewport as wt, VolumeCandleRenderer as Tt, VolumeProfileRenderer as Et, VolumeRenderer as Dt, Watermark as Ot, ZoomHandler as kt, axisTimes as A, barTimeStepMs as At, findDominantSwing as jt, gpuContextsLeft as Mt, isPriceLevelAlert as Nt, isRegularSession as Pt, loadWebGL as Ft, mergeSessionHours as It, pointAndFigureColumns as Lt, priceToY as Rt, rangePresetStart as zt, readAlertOptions as Bt, registerBuiltInDrawingTools as Vt, registerBuiltInIndicators as Ht, servesTimeframe as j, sourceParam as M, timeToX as Ut, timestampToBarIndex as N, toHeikinAshi as Wt, toKagi as Gt, toLineBreak as Kt, toRangeBars as qt, toRenko as Jt, whenGpuContextFree as Yt, withResampling as P, xToBarIndex as Xt, xToTime as F, yToPrice as Zt } from "@tradecanvas/core";
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PHI as a, PRICE_AXIS_WIDTH as o, TIME_AXIS_HEIGHT as s, autoPricePrecision as c, barDateZone as l, barTimeUnit as u, barsAreDaily as d, chartStyleValue as f, computePriceLimits as p, computePriceRange as m, createMarketTheme as h, formatPrice as g, fractionTick as _, indicatorSource as v, isValidTimeZone as y, mergeBar as ee, niceNumber as te, normalizeBarTime as b, parseIndicatorSource as x, priceFormatterFor as ne, priceStepAt as re, readChartStyleOverrides as ie, readChartTypeOptions as S, readIndicatorPlotStyles as ae, readPaneStyle as oe, resolveChartTheme as se, sessionMinute as C, setLocale as ce, stepDecimals as le, symbolTimeZone as w, tickBarCount as ue, timeframeToMs as T, zonedDateFormatter as de } from "@tradecanvas/commons";
+import { AlertDragHandler as fe, AlertManager as pe, Animator as me, AreaRenderer as he, AxisDragHandler as ge, BarCountdown as _e, BarRenderer as ve, BaselineRenderer as ye, CandlestickRenderer as be, ChartLegend as xe, ChartStateManager as E, CompareRenderer as Se, CompareSymbolIndicator as Ce, CompareSymbolPaneIndicator as we, CorrelationCoefficientIndicator as Te, CorrelationLogIndicator as Ee, CrosshairHandler as De, CrosshairTooltip as Oe, CurrentPriceLine as ke, DEFAULT_SESSION_HOURS as Ae, DataExporter as D, DepthHeatmapRenderer as je, DrawingManager as Me, DrawingRenderer as Ne, EquivolumeRenderer as Pe, EventBus as Fe, GridRenderer as Ie, HLCAreaRenderer as Le, HiLoRenderer as Re, HollowCandleRenderer as ze, IndicatorEngine as Be, InteractionManager as Ve, KagiRenderer as He, KeyboardHandler as Ue, LineRenderer as We, LineWithMarkersRenderer as Ge, MarketProfileRenderer as Ke, MeasureOverlay as qe, PRICE_AXIS_ADD_STRIP as Je, PRICE_SCALE_MARGIN as O, PanHandler as Ye, PaneResizeHandler as Xe, PeriodLevelsRenderer as Ze, PinnedTooltip as Qe, PivotMarkersRenderer as $e, PointAndFigureRenderer as et, PriceAxis as tt, PriceAxisAddButton as nt, PriceLines as rt, RenderEngine as it, RenkoRenderer as at, ReplayManager as ot, ResamplingAdapter as st, ReshapeMemo as ct, SYMBOL_INDICATOR_IDS as k, SYMBOL_ZONE_WAIT_MS as lt, Screenshot as A, SelectionBoxOverlay as ut, SessionBreaks as dt, SessionShading as ft, SignalMarkerManager as pt, SpreadIndicator as mt, StepLineRenderer as ht, StreamManager as gt, SymbolSeriesStore as _t, TimeAxis as vt, TradeZoneManager as yt, TradingManager as bt, TradingRenderer as xt, UndoRedoManager as St, Viewport as Ct, VolumeCandleRenderer as wt, VolumeProfileRenderer as Tt, VolumeRenderer as Et, Watermark as Dt, ZoomHandler as Ot, axisTimes as kt, barTimeStepMs as At, findDominantSwing as jt, gpuContextsLeft as Mt, isPriceLevelAlert as Nt, isRegularSession as Pt, loadWebGL as Ft, mergeSessionHours as It, pointAndFigureColumns as Lt, priceToY as Rt, rangePresetStart as zt, readAlertOptions as Bt, registerBuiltInDrawingTools as Vt, registerBuiltInIndicators as Ht, servesTimeframe as j, sourceParam as M, timeToX as Ut, timestampToBarIndex as N, toHeikinAshi as Wt, toKagi as Gt, toLineBreak as Kt, toRangeBars as qt, toRenko as Jt, whenGpuContextFree as Yt, withResampling as P, xToBarIndex as Xt, xToTime as F, yToPrice as Zt } from "@tradecanvas/core";
 //#region src/regularHours.ts
 var Qt = 864e5, $t = 10;
 function en(e, t) {
-	let n = C(e);
+	let n = w(e);
 	if (!n || !y(n) || t.length < 2) return null;
 	let r = (e?.sessions ?? []).flatMap((e) => {
-		let t = S(e.start), n = S(e.end);
+		let t = C(e.start), n = C(e.end);
 		return t === null || n === null ? [] : [{
 			startMinute: t,
 			endMinute: n
@@ -178,22 +178,22 @@ function fn(e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new xe();
-		case "line": return new Ge();
-		case "area": return new ge();
-		case "bar": return new ye();
-		case "hollowCandle": return new Be();
-		case "baseline": return new be();
-		case "renko": return new ot();
-		case "kagi": return new Ue();
-		case "pointAndFigure": return new tt();
-		case "volumeCandles": return new Tt();
-		case "equivolume": return new Fe();
-		case "hlcArea": return new Re();
-		case "stepLine": return new gt();
-		case "lineWithMarkers": return new Ke();
-		case "hiLo": return new ze();
-		default: return new xe();
+		case "rangeBars": return new be();
+		case "line": return new We();
+		case "area": return new he();
+		case "bar": return new ve();
+		case "hollowCandle": return new ze();
+		case "baseline": return new ye();
+		case "renko": return new at();
+		case "kagi": return new He();
+		case "pointAndFigure": return new et();
+		case "volumeCandles": return new wt();
+		case "equivolume": return new Pe();
+		case "hlcArea": return new Le();
+		case "stepLine": return new ht();
+		case "lineWithMarkers": return new Ge();
+		case "hiLo": return new Re();
+		default: return new be();
 	}
 }
 function pn(e, t, n = {}, r, i) {
@@ -787,7 +787,7 @@ var qn = class t {
 		return i;
 	}
 	getTheme() {
-		return this.effective ??= ce(this.base, this.chartType, this.merged()), this.effective;
+		return this.effective ??= se(this.base, this.chartType, this.merged()), this.effective;
 	}
 	getBaseTheme() {
 		return this.base;
@@ -1481,17 +1481,17 @@ var Nr = [
 	"1d"
 ];
 function Pr(e, t) {
-	let n = w(e);
+	let n = T(e);
 	return n > 0 ? Nr.filter((e) => {
-		let r = w(e);
+		let r = T(e);
 		return r < n && n % r === 0 && t(e);
 	}) : [];
 }
 function Fr(e, t, n) {
 	let r = Pr(t, n);
 	if (e !== "auto") return r.includes(e) ? e : null;
-	let i = w(t);
-	return r.find((e) => i / w(e) <= 60) ?? null;
+	let i = T(t);
+	return r.find((e) => i / T(e) <= 60) ?? null;
 }
 //#endregion
 //#region src/Chart.ts
@@ -1504,15 +1504,19 @@ function zr(e) {
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
 function Br(e, t) {
-	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : C(e);
+	let { timeZone: n, timezone: r } = e, i = n !== void 0 && r !== void 0 && n !== r && n === t ? r : w(e);
 	return i === void 0 ? e : {
 		...e,
 		timeZone: i,
 		timezone: i
 	};
 }
-var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontalLine", "crossLine"]), qr = new Set(["verticalLine", "crossLine"]), Jr = class {
-	static version = "1.60.0";
+var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 24;
+function Gr(e) {
+	return e.length > 0 ? { renames: e } : {};
+}
+var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set(["verticalLine", "crossLine"]), Xr = class {
+	static version = "1.61.0";
 	engine;
 	viewport;
 	series = new Bn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
@@ -1531,7 +1535,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
 	indicatorsOnDrawn = null;
-	reshapeMemo = new lt();
+	reshapeMemo = new ct();
 	displayDataStep;
 	indicatorUpdateFrom = null;
 	resolvedLayoutCache = null;
@@ -1557,7 +1561,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	indicatorEdit = null;
 	removedDrawingAlerts = /* @__PURE__ */ new Map();
 	zoomAreaMode = !1;
-	priceAxisAddButton = new rt();
+	priceAxisAddButton = new nt();
 	displayTz = null;
 	timeZoneSetting = null;
 	symbolInfo = null;
@@ -1568,7 +1572,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	studyZoneReleaseQueued = !1;
 	sessionBreaks;
 	sessionShading;
-	hostSessionHours = { ...je };
+	hostSessionHours = { ...Ae };
 	compareRenderer;
 	countdownInterval = null;
 	pausedFor = {
@@ -1587,7 +1591,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
-	selectionBoxOverlay = new dt();
+	selectionBoxOverlay = new ut();
 	replayManager;
 	replayBarUnsub = null;
 	replaySeeking = !1;
@@ -1614,14 +1618,14 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	disposed = !1;
 	chartTypeOptions = {};
 	mainSeriesVisible = !0;
-	priceLines = new it();
-	symbolSeries = new vt();
+	priceLines = new rt();
+	symbolSeries = new _t();
 	extendedHours = !0;
 	replayRestarting = !1;
 	requestedSymbols = /* @__PURE__ */ new Set();
 	gridRenderer;
 	priceAxis;
-	leftPriceAxis = new nt();
+	leftPriceAxis = new tt();
 	leftScaleRequested = !1;
 	leftAxisWidth = o;
 	leftViewport = null;
@@ -1697,11 +1701,11 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			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 qn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Yn(t), "host", !1), this.layoutManager = new Qn(), this.indicatorEngine = new Ve(), this.pluginManager = new mr(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Ie(), Ht(this.indicatorEngine), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new ht(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.indicatorEngine.register(new De(this.symbolSeries)), this.drawingManager = new Ne(), Vt(this.drawingManager), this.drawingRenderer = new Pe(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingManager.setRequestRender(() => {
+		}), this.themeManager = new qn(t.theme), this.themeManager.setChartType(this.options.chartType ?? "candlestick"), this.applyStyle(Yn(t), "host", !1), this.layoutManager = new Qn(), this.indicatorEngine = new Be(), this.pluginManager = new mr(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new Fe(), Ht(this.indicatorEngine), this.indicatorEngine.register(new Ce(this.symbolSeries)), this.indicatorEngine.register(new we(this.symbolSeries)), this.indicatorEngine.register(new mt(this.symbolSeries)), this.indicatorEngine.register(new Te(this.symbolSeries)), this.indicatorEngine.register(new Ee(this.symbolSeries)), this.drawingManager = new Me(), Vt(this.drawingManager), this.drawingRenderer = new Ne(this.drawingManager), this.drawingRenderer.setKeepOut(() => this.legendKeepOut()), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(r.Overlay), this.scheduleAutoSave();
 		}), this.drawingManager.setEventCallback((e, t) => {
 			this.followDrawingAlerts(e, t?.id), this.eventBus.emit(e, t), (e === "drawingCreate" || e === "drawingUpdate" || e === "drawingRemove") && this.announceStateChange();
-		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new Ct();
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new St();
 		let i = "";
 		this.undoRedoManager.setOnChange(() => {
 			let { canUndo: e, canRedo: t } = this.undoRedoManager.getState(), n = `${e}|${t}`;
@@ -1714,23 +1718,23 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			primary: e[0] ?? null
 		})), this.drawingManager.setForeignHistory((e, t) => {
 			e.type === "custom" ? e.custom?.[t]() : this.applyIndicatorStep(e, t);
-		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new xt({
+		}), this.drawingManager.setDataGetter(() => this.series.bars(), () => this.series.revision()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new bt({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new St(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new xt(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.engine = new at(e, t.maxPixelRatio);
+		}), this.engine = new it(e, t.maxPixelRatio);
 		let a = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new wt(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), t.barLayout && this.viewport.setBarLayout(t.barLayout), this.viewport.setPanLimits({
+		if (this.viewport = new Ct(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), t.barLayout && this.viewport.setBarLayout(t.barLayout), this.viewport.setPanLimits({
 			freePan: t.freePan ?? !0,
 			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
 		}), t.minBarUnit !== void 0 && this.viewport.setMinBarUnit(t.minBarUnit), this.layoutManager.resize(a.width, a.height), this.engine.onContainerResize = (e) => {
 			if (e.width <= 0 || e.height <= 0) return;
 			let t = this.viewport.isAtEnd();
 			this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(t), this.eventBus.emit("resize", e);
-		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Le(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new nt(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new yt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new Oe(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(this.options.chartType), this.gridRenderer = new Ie(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new tt(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.viewport.setNumberLocale(this.numberLocale), this.timeAxis = new vt(), this.timeAxis.setLocale(this.numberLocale), this.crosshairHandler = new De(), this.crosshairHandler.setLocale(this.numberLocale), this.applyTimeSpacing(), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setDataSource(() => this.crosshairSeries()), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
-				let n = this.crosshairSeries(), i = e >= 0 && e < n.length ? n[e] : void 0, a = e > 0 ? n[e - 1]?.close : void 0, o = A(n), s = i ? o[e]?.time ?? i.time : void 0;
+				let n = this.crosshairSeries(), i = e >= 0 && e < n.length ? n[e] : void 0, a = e > 0 ? n[e - 1]?.close : void 0, o = kt(n), s = i ? o[e]?.time ?? i.time : void 0;
 				this.chartLegend.setHoverBar(i ?? null, e > 0 ? n[e - 1] ?? null : null), this.features.legend && this.engine.requestRender(r.Hover);
 				let c = this.viewport.getState(), l = t.y >= c.chartRect.y && t.y <= c.chartRect.y + c.chartRect.height;
 				if (i && l && this.features.crosshairTooltip) {
@@ -1758,14 +1762,14 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 				let e = this.crosshairHandler.getSyncedSlot();
 				e !== null && this.showSyncedBar(e);
 			}
-		}), this.chartLegend = new Se(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setResizeListener(() => {
+		}), this.chartLegend = new xe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.chartLegend.setResizeListener(() => {
 			this.eventBus.emit("legendResize", { bottom: this.getLegendBottom() }), this.engine.requestRender();
-		}), this.watermark = new Ot(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Dt(), this.volumeProfile = new Et(), this.marketProfile = new qe(), this.depthHeatmap = new Me(), this.periodLevels = new Qe(), this.pivotMarkers = new et(), this.barCountdown = new ve(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new ft(), this.sessionShading = new pt(), this.compareRenderer = new Ce(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.watermark = new Dt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Et(), this.volumeProfile = new Tt(), this.marketProfile = new Ke(), this.depthHeatmap = new je(), this.periodLevels = new Ze(), this.pivotMarkers = new $e(), this.barCountdown = new _e(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new dt(), this.sessionShading = new ft(), this.compareRenderer = new Se(), t.sessionBreaks ? this.sessionBreaks.setConfig({
 			visible: t.sessionBreaks.visible ?? !0,
 			color: t.sessionBreaks.color,
 			lineStyle: t.sessionBreaks.lineStyle,
 			lineWidth: t.sessionBreaks.lineWidth
-		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new he(), this.crosshairTooltip = new ke(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new $e(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = ae(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(ei(t.shapes)), t.font && this.themeManager.setFont($r(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new We({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new me(), this.crosshairTooltip = new Oe(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Qe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = S(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(ni(t.shapes)), t.font && this.themeManager.setFont(ti(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ue({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -1809,7 +1813,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 				}
 				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(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Nt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ke(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new pe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Nt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
 			this.eventBus.emit("alertTriggered", J(e)), this.eventBus.emit("dataUpdate", {
 				kind: "alert",
 				alert: "triggered",
@@ -1825,7 +1829,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			this.eventBus.emit("alertExpired", J(e));
 		}), this.alertManager.on("updated", (e) => {
 			this.eventBus.emit("alertUpdate", J(e));
-		}), this.signalMarkerManager = new mt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new pt(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.series.bars()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -1833,14 +1837,14 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new bt(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), this.tradeZoneManager.on("added", (e) => {
+		}), this.tradeZoneManager = new yt(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.series.bars()), this.tradeZoneManager.on("added", (e) => {
 			this.eventBus.emit("tradeZoneAdd", {
 				id: e.id,
 				direction: e.direction
 			});
 		}), this.tradeZoneManager.on("removed", (e) => {
 			this.eventBus.emit("tradeZoneRemove", { id: e });
-		}), this.replayManager = new st(), this.replayManager.on("complete", () => {
+		}), this.replayManager = new ot(), this.replayManager.on("complete", () => {
 			let e = this.getReplayBarIndex(), t = this.replayCoarse?.[e];
 			t && this.eventBus.emit("replayComplete", {
 				barIndex: e,
@@ -1848,9 +1852,9 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			});
 		}), this.replayManager.on("stateChange", (e) => {
 			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
-		}), this.measureOverlay = new Je(), this.interactionManager = new He(e), this.features.panning) {
+		}), this.measureOverlay = new qe(), this.interactionManager = new Ve(e), this.features.panning) {
 			let e = new sr();
-			this.interactionManager.setPanHandler(new Xe((t, n) => {
+			this.interactionManager.setPanHandler(new Ye((t, n) => {
 				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.holdPriceScale(), this.viewport.panPriceRange(n)), this.updateViewportAndRender();
 			}, () => e.reset()));
 		}
@@ -1862,10 +1866,10 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 				scales: !this.indicatorEngine.hasLeftScaleOverlays()
 			}
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new kt((e, t) => {
+			this.interactionManager.setZoomHandler(new Ot((e, t) => {
 				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
 			}));
-			let e = new _e((e) => {
+			let e = new ge((e) => {
 				this.holdPriceScale(), this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -1878,7 +1882,12 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (this.features.crosshair && this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.features.drawings && (this.interactionManager.setDrawingManager(this.drawingManager, () => ({
 			...this.viewport.getState(),
 			data: this.getDisplayData()
-		})), this.interactionManager.setDrawingDoubleClick((e) => this.eventBus.emit("drawingDoubleClick", { id: e })), this.interactionManager.setDrawingContextMenu((e, t) => {
+		})), this.drawingManager.setPanes({
+			paneAt: (e) => this.drawingPaneAt(e),
+			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.drawingManager.select(e) && this.eventBus.emit("drawingContextMenu", {
 				id: e,
 				x: t.x,
@@ -1895,10 +1904,10 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new pe(this.alertManager, () => this.viewport.getState());
+			let e = new fe(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let o = new Ze();
+		let o = new Xe();
 		o.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(o), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
@@ -1952,20 +1961,22 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 				this.measureOverlay.end();
 			}
 		});
-		let s = (e) => {
-			let t = this.viewport.getState().chartRect;
+		let s, c = (e) => {
+			let t = s ? this.drawingPaneViewport(s) : null, n = t ? t.chartRect : this.viewport.getState().chartRect;
 			return {
-				x: Math.max(t.x, Math.min(t.x + t.width, e.x)),
-				y: Math.max(t.y, Math.min(t.y + t.height, e.y))
+				x: Math.max(n.x, Math.min(n.x + n.width, e.x)),
+				y: Math.max(n.y, Math.min(n.y + n.height, e.y))
 			};
 		};
 		this.interactionManager.setBoxSelectHandlers({
-			begin: (e) => this.selectionBoxOverlay.begin(s(e)),
-			move: (e) => this.selectionBoxOverlay.update(s(e)),
+			begin: (e) => {
+				s = this.zoomAreaMode ? void 0 : this.drawingPaneAt(e), this.selectionBoxOverlay.begin(c(e));
+			},
+			move: (e) => this.selectionBoxOverlay.update(c(e)),
 			end: () => {
 				let e = this.selectionBoxOverlay.end();
 				if (e && this.zoomAreaMode) {
-					if (e.x1 - e.x0 < Gr) return;
+					if (e.x1 - e.x0 < qr) return;
 					this.zoomToBox(e), this.setZoomAreaMode(!1);
 					return;
 				}
@@ -1974,10 +1985,10 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 					...this.viewport.getState(),
 					data: this.getDisplayData()
 				};
-				e.isClick ? this.drawingManager.toggleSelectionAt({
+				s !== null && (e.isClick ? this.drawingManager.toggleSelectionAt({
 					x: e.x1,
 					y: e.y1
-				}, t) : this.drawingManager.selectInRect(e, t), this.engine.requestRender(r.Overlay);
+				}, t) : this.drawingManager.selectInRect(e, t, s), this.engine.requestRender(r.Overlay));
 			},
 			cancel: () => {
 				this.selectionBoxOverlay.cancel(), this.setZoomAreaMode(!1);
@@ -2049,13 +2060,13 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			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(Wr, r - n));
+			this.history.maybeLoad(Math.max(0, Math.floor(n)), Math.max(Kr, r - n));
 		}));
 	}
 	useStreamHistory(e, t, n = !0) {
 		if (this.hostHistoryLoader) return;
 		let r = P(e), i = r.fetchHistoryBefore, a = this.streamTimeframe;
-		if (!i || a === null || de(a) !== null) {
+		if (!i || a === null || ue(a) !== null) {
 			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
 			return;
 		}
@@ -2152,11 +2163,11 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	setChartTypeOptions(e) {
 		this.chartTypeOptions = {
 			...this.chartTypeOptions,
-			...ae(e)
+			...S(e)
 		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.fitFewColumns(), this.a11y?.refresh(!0), this.markStateChanged();
 	}
 	getChartTypeOptions() {
-		return ae(this.chartTypeOptions);
+		return S(this.chartTypeOptions);
 	}
 	setExtendedHours(e) {
 		e !== this.extendedHours && (this.extendedHours = e, this.reapplyExtendedHours(), this.markStateChanged());
@@ -2176,7 +2187,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = ei(e);
+		let t = ni(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -2188,7 +2199,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = $r(e);
+			let t = ti(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -2239,7 +2250,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	setSymbolSeries(e, t) {
 		e = e.trim(), this.symbolSeries.set(e, t), this.requestedSymbols.delete(e);
 		let n = this.indicatorBars(), r = !1;
-		for (let t of this.indicatorEngine.getActiveIndicators()) !O.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
+		for (let t of this.indicatorEngine.getActiveIndicators()) !k.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
 		r && (this.announceIndicatorUpdate(0), this.updateViewportAndRender());
 	}
 	forgetUnreadSymbols() {
@@ -2253,13 +2264,13 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		let e = /* @__PURE__ */ new Set();
 		for (let t of this.indicatorEngine.getActiveIndicators()) {
 			let n = t.params.symbol;
-			O.has(t.id) && typeof n == "string" && n.trim() && e.add(n.trim());
+			k.has(t.id) && typeof n == "string" && n.trim() && e.add(n.trim());
 		}
 		return [...e];
 	}
 	requestMissingSymbols(e) {
 		this.forgetUnreadSymbols();
-		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && O.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
+		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && k.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
 		!n || this.symbolSeries.has(n) || this.requestedSymbols.has(n) || (this.requestedSymbols.add(n), this.eventBus.emit("symbolSeriesRequest", { symbol: n }));
 	}
 	updateIndicator(e, t) {
@@ -2369,7 +2380,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		let t = this.layoutManager.getPanels().find((t) => t.id === e), n = this.indicatorEngine.getPaneMembers(e), r = t ? n.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null : null;
 		this.indicatorEngine.removeIndicator(e);
 		let i = this.paneStyles.get(e);
-		this.paneStyles.delete(e), r ? (this.indicatorEngine.setPane(r, null), this.layoutManager.renamePanel(e, r), i && this.paneStyles.set(r, i)) : this.layoutManager.removePanel(e);
+		this.paneStyles.delete(e), r ? (this.indicatorEngine.setPane(r, null), this.renamePane(e, r), i && this.paneStyles.set(r, i)) : this.layoutManager.removePanel(e);
 		for (let e of n) e !== r && this.indicatorEngine.setPane(e, r), this.eventBus.emit("indicatorChange", {
 			instanceId: e,
 			change: "pane"
@@ -2384,7 +2395,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			this.indicatorEngine.setStyleDefaults(e, null);
 			return;
 		}
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : oe(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.setStyleDefaults(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -2392,7 +2403,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	setPaneStyle(e, t) {
 		let n = this.paneOf(e);
-		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? se(t) : null));
+		this.layoutManager.getPanels().some((e) => e.id === n) && this.recordIndicators(n, () => this.setPaneStyleNow(n, t ? oe(t) : null));
 	}
 	setPaneStyleNow(e, t) {
 		JSON.stringify(t) !== JSON.stringify(this.paneStyles.get(e) ?? null) && (t ? this.paneStyles.set(e, t) : this.paneStyles.delete(e), this.panelInfoCache = null, this.syncRenderContext(), this.engine.requestRender(), this.markStateChanged());
@@ -2411,7 +2422,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new Ve();
+		let e = new Be();
 		return Ht(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
@@ -2452,7 +2463,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (a) {
 			let t = this.indicatorEngine.getPaneMembers(e), r = new Set(this.indicatorEngine.getDependents(e)), i = t.filter((e) => !r.has(e)), a = i.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null, s = this.paneStyles.get(e);
 			if (this.paneStyles.delete(e), a) {
-				this.indicatorEngine.setPane(a, null), this.layoutManager.renamePanel(e, a), s && this.paneStyles.set(a, s);
+				this.indicatorEngine.setPane(a, null), this.renamePane(e, a), s && this.paneStyles.set(a, s);
 				for (let e of i) e !== a && this.indicatorEngine.setPane(e, a);
 			} else {
 				this.layoutManager.removePanel(e);
@@ -2576,7 +2587,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	roundPrice(e) {
 		if (!Number.isFinite(e)) return e;
 		let t = this.stepAt(e);
-		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(ue(t)));
+		if (t !== void 0) return Number((Math.round(e / t) * t).toFixed(le(t)));
 		let { min: n, max: r } = this.viewport.getState().priceRange;
 		return Number(e.toFixed(this.marketPricePrecision ?? c(n, r)));
 	}
@@ -2654,7 +2665,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		this.drawingManager.setDrawings(e), this.dropOrphanDrawingAlerts(), this.announceStateChange();
 	}
 	addDrawing(e) {
-		if (!this.features.drawings) return null;
+		if (!this.features.drawings || e.paneId !== void 0 && !this.takesDrawing(e.paneId, e.type)) return null;
 		let t = this.drawingManager.addDrawing(e);
 		return this.markStateChanged(), t;
 	}
@@ -2672,6 +2683,15 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	removeDrawings(e) {
 		return this.drawingManager.removeDrawings(e);
 	}
+	removeAll(e = "all") {
+		return this.undoRedoManager.group(() => {
+			let t = e === "indicators" ? 0 : this.removeDrawings(this.getDrawings().map((e) => e.id)), n = e === "drawings" ? [] : this.getActiveIndicators().map((e) => e.instanceId);
+			return n.length > 0 && this.removeIndicators(n), {
+				drawings: t,
+				indicators: n.length
+			};
+		});
+	}
 	getDrawingToolDescriptor(e) {
 		let t = this.drawingManager.getDescriptor(e);
 		return t ? structuredClone(t) : null;
@@ -2793,7 +2813,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	applyPriceAxisAdd() {
 		let e = this.features.priceAxisAddButton && this.features.crosshair;
-		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Ye : 0);
+		this.priceAxisAddButton.setEnabled(e), this.tradingManager.setTagInset(e ? Je : 0);
 	}
 	setPriceAxisAddButton(e) {
 		this.features.priceAxisAddButton = e, this.applyPriceAxisAdd(), this.engine.requestRender(r.Overlay);
@@ -2884,11 +2904,11 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	getExportText(e = "csv", t = {}) {
 		let { bars: n, columns: r } = this.getExportData(t);
-		return e === "json" ? E.toJSON(n, r) : E.toCSV(n, r);
+		return e === "json" ? D.toJSON(n, r) : D.toCSV(n, r);
 	}
 	download(e, t, n) {
 		let r = this.getExportText(e, n);
-		e === "json" ? E.download(r, t ?? "chart-data.json", "application/json") : E.download(r, t ?? "chart-data.csv", "text/csv");
+		e === "json" ? D.download(r, t ?? "chart-data.json", "application/json") : D.download(r, t ?? "chart-data.csv", "text/csv");
 	}
 	setAutoSave(e, t = 5e3) {
 		this.autoSaveScheduler.enable(e, t);
@@ -2950,7 +2970,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		this.recordIndicators(e, () => this.updateIndicatorStyleNow(e, t));
 	}
 	updateIndicatorStyleNow(e, t) {
-		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : oe(n);
+		let { plots: n, ...r } = t, i = n === void 0 ? void 0 : ae(n);
 		this.indicatorEngine.updateIndicatorStyle(e, {
 			...r,
 			...i ? { plots: i } : {}
@@ -3071,7 +3091,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	async connect(e) {
 		if (!j(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
-		this.snapshotKey = null, this.holdReplayFor(e.symbol), this.disconnectStream(), this.streamManager = new _t(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (t) => {
+		this.snapshotKey = null, this.holdReplayFor(e.symbol), this.disconnectStream(), this.streamManager = new gt(), this.streamManager.setTimeZone(this.studyZoneHeld ? this.studyZone : this.getExchangeTimeZone()), this.streamManager.on("snapshot", (t) => {
 			let n = this.streamSeriesKey(e.adapter);
 			n === this.snapshotKey && this.replaySession ? this.series.mergeSnapshot(t) : n === this.snapshotKey && this.series.length() > 0 ? this.mergeSnapshot(t) : (this.replaySession && this.useStreamHistory(e.adapter, e.historyPageSize, !1), this.setData(t)), this.snapshotKey = n, this.useStreamHistory(e.adapter, e.historyPageSize);
 		}), this.streamManager.on("barClose", (e) => {
@@ -3127,18 +3147,18 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		}), this.streamManager.on("symbolInfo", (e) => this.applyFeedSymbolInfo(e)), this.autoScrollOnNewBar = e.autoScroll !== !1, this.setStreamTarget(e.symbol, e.timeframe), this.streamAdapter = e.adapter;
 		let t = this.streamManager;
 		if (this.resolveStreamSymbol(e.adapter, e.symbol), await t.connect(e), this.streamManager !== t) return;
-		let n = w(e.timeframe);
+		let n = T(e.timeframe);
 		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
 			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
 	}
 	streamSeriesKey(e) {
-		let t = P(e), n = this.streamTimeframe, r = t instanceof ct && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
+		let t = P(e), n = this.streamTimeframe, r = t instanceof st && n !== null ? t.bucketFor(this.currentSymbol, n) : null;
 		return `${this.currentSymbol}|${n}|${r?.timeZone ?? ""}`;
 	}
 	setStreamTarget(e, t) {
 		let n = this.announcedSymbol;
-		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = de(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
+		this.currentSymbol = e, this.streamTimeframe = t, this.tickStream = ue(t) !== null, this.applyTimeSpacing(), e !== n && this.chartLegend.setSymbol(e), e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
 			symbol: e,
 			previous: n
 		})), this.useTimeframe(t);
@@ -3157,7 +3177,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (!this.streamManager) return;
 		let n = this.streamAdapter;
 		if (n && !j(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
-		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(w(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
+		this.holdReplayFor(e), this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(T(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
 	}
 	isIndicatorAllowed(e) {
 		let t = this.features.indicatorIds;
@@ -3513,7 +3533,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		}
 		let t = this.crosshairSeries(), n = e >= 0 && e < t.length ? t[e] : void 0, r = n && e > 0 ? t[e - 1] : void 0;
 		this.crosshairHandler.getPosition() || this.chartLegend.setHoverBar(n ?? null, r ?? null);
-		let i = n ? A(t)[e]?.time ?? n.time : void 0;
+		let i = n ? kt(t)[e]?.time ?? n.time : void 0;
 		this.eventBus.emit("crosshairSync", {
 			barIndex: e,
 			...n ? { bar: n } : {},
@@ -3601,7 +3621,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		return this.displayTz;
 	}
 	getExchangeTimeZone() {
-		return [C(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && y(e)) ?? null;
+		return [w(this.symbolInfo), this.marketConfig?.timeZone].find((e) => e && y(e)) ?? null;
 	}
 	setTimezone(e) {
 		this.setTimeZone(e);
@@ -3628,7 +3648,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		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(), ut);
+		this.endStudyZoneWait(), this.studyZoneHeld = !0, this.studyZoneTimer = setTimeout(() => this.releaseStudyZone(), lt);
 	}
 	endStudyZoneWait() {
 		this.studyZoneReleaseQueued = !1, this.studyZoneTimer !== null && (clearTimeout(this.studyZoneTimer), this.studyZoneTimer = null);
@@ -3643,7 +3663,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	spokenBarTime(e) {
 		let t = this.getDisplayData(), n = e * u(t), r = this.numberLocale || "en-US";
-		return d(t) === !0 ? fe(r, { dateStyle: "medium" }, l(n, this.displayTz, this.getExchangeTimeZone()))(n) : fe(r, {
+		return d(t) === !0 ? de(r, { dateStyle: "medium" }, l(n, this.displayTz, this.getExchangeTimeZone()))(n) : de(r, {
 			dateStyle: "medium",
 			timeStyle: "short"
 		}, this.displayTz)(n);
@@ -3656,18 +3676,18 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		this.studyZoneHeld = !1, this.endStudyZoneWait(), this.useSymbolInfo(e);
 	}
 	useSymbolInfo(e) {
-		let t = e && this.symbolInfo?.symbol === e.symbol ? C(this.symbolInfo) : void 0;
+		let t = e && this.symbolInfo?.symbol === e.symbol ? w(this.symbolInfo) : void 0;
 		this.symbolInfo = e ? Br({
 			...e,
 			sessions: e.sessions?.map((e) => ({ ...e }))
 		}, t) : null, this.chartLegend.setExchange(this.symbolInfo?.exchange ?? ""), this.engine.requestRender(r.Hover), this.priceAxis.setPriceTick(this.symbolInfo?.minTick ?? null), this.marketConfig?.pricePrecision === void 0 && this.applyPricePrecision(this.symbolInfo?.pricePrecision ?? null);
 		let n = (this.symbolInfo?.sessions ?? []).flatMap((e) => {
-			let t = S(e.start), n = S(e.end);
+			let t = C(e.start), n = C(e.end);
 			return t === null || n === null ? [] : [{
 				startMinute: t,
 				endMinute: n
 			}];
-		}), i = C(this.symbolInfo);
+		}), i = w(this.symbolInfo);
 		this.sessionShading.replaceConfig(n.length > 0 && i && y(i) ? {
 			timeZone: i,
 			windows: n,
@@ -3686,7 +3706,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			...r,
 			...e,
 			symbol: e.symbol || r?.symbol || t
-		}, C(r));
+		}, w(r));
 		r && JSON.stringify(i) === JSON.stringify(r) || (this.symbolInfoSeq++, this.setSymbolInfo(i));
 	}
 	resolveStreamSymbol(e, t) {
@@ -3769,7 +3789,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		this.engine.getGpu() && this.engine.renderNow();
 	}
 	screenshot(e) {
-		this.features.screenshot && (this.freshFrame(), k.download(this.container, e, this.themeManager.getTheme().background));
+		this.features.screenshot && (this.freshFrame(), A.download(this.container, e, this.themeManager.getTheme().background));
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
@@ -3777,7 +3797,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (!t?.write || !e) return !1;
 		try {
 			this.freshFrame();
-			let n = k.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
+			let n = A.toBlob(this.container, this.themeManager.getTheme().background).then((e) => {
 				if (!e) throw Error("No chart image to copy");
 				return e;
 			});
@@ -3795,10 +3815,10 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		}
 	}
 	screenshotDataURL() {
-		return this.features.screenshot ? (this.freshFrame(), k.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), A.toDataURL(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? (this.freshFrame(), k.toBlob(this.container, this.themeManager.getTheme().background)) : null;
+		return this.features.screenshot ? (this.freshFrame(), A.toBlob(this.container, this.themeManager.getTheme().background)) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i, a = {}) {
 		if (!this.features.alerts) return null;
@@ -3841,6 +3861,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		return this.features.alerts && this.drawingLevelsNow(e) !== null;
 	}
 	drawingLevelsNow(e) {
+		if (this.drawingManager.getDrawings().find((t) => t.id === e)?.paneId !== void 0) return null;
 		let t = this.replaySession ? this.series.liveBars() : this.getDisplayData();
 		if (t.length === 0) return null;
 		let n = {
@@ -3925,7 +3946,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = ci(this.currentSymbol);
+			this.series.beginReplay(), this.replaySession = ui(this.currentSymbol);
 		}
 		let n = this.replaySession, { steps: r, startTime: i, hideHistory: a, revealMarks: o, step: s, ...c } = e ?? {};
 		c.animate = c.animate === !0;
@@ -3936,13 +3957,13 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		let m = r ? this.replayStepsOver(n, p, !0) : null;
 		this.options.autoScale = !0, this.buildReplay(p, m, f);
 		let h = this.replayStepsSeries;
-		h && c.startIndex !== void 0 && (c.startIndex = _i(h, p, c.startIndex));
+		h && c.startIndex !== void 0 && (c.startIndex = yi(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 ? bi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		this.replayPieces = r && t ? Si(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
 		let a = this.replayRestarting;
 		this.replayRestarting = !0;
 		try {
@@ -3956,7 +3977,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			let n = t, a = e[t];
 			if (i) {
 				let r = i[t];
-				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Si(c, r) : vi(e[n], i, t), a = yi(i, e, t, n) ? e[n] : c;
+				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? wi(c, r) : bi(e[n], i, t), a = xi(i, e, t, n) ? e[n] : c;
 			}
 			let u = this.replayForming;
 			this.replayForming = null, s = t;
@@ -3980,7 +4001,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 			});
 		}), 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 = xi() ? Mr(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = jr(r, i);
+			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Ci() ? Mr(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = jr(r, i);
 			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
 				index: t,
 				path: r
@@ -3990,7 +4011,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	drawFormingBar(e, t, n, r) {
 		this.currentPriceLine.setPrice(e.close, t);
 		let i = this.series.bars();
-		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !ii.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
+		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !oi.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
 			this.scheduleRender();
 			return;
 		}
@@ -4005,15 +4026,15 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (!n) return;
 		n.evictBefore(e[t].time);
 		let r = this.replayManager.getStepMs();
-		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(ri / r) : 1);
+		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(ai / r) : 1);
 	}
 	useReplayLoader(e, t) {
 		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? Fr(e.step, r, (e) => j(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
 		if (!t && this.replayLoader?.key === a || (this.replayLoader?.loader.dispose(), this.replayLoader = null, !i || !n || r === null)) return;
-		let o = P(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = w(r), u = new yr({
+		let o = P(n), s = o.fetchHistoryBefore, c = this.currentSymbol, l = T(r), u = new yr({
 			source: s ? (e, t) => s.call(o, c, i, e, t) : null,
 			step: i,
-			ratio: Math.max(1, Math.round(l / w(i))),
+			ratio: Math.max(1, Math.round(l / T(i))),
 			barMs: l,
 			keep: (e) => this.series.inHoursShown(e),
 			report: (e) => this.eventBus.emit("replayStepsLoad", e)
@@ -4036,8 +4057,8 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (o.time > s) {
 			let a = Y(e, s);
 			e[a]?.time === s && i.fedFraction < 1 && c.push(...q(this.replayPathOf(e, a), i.fedFraction, 1));
-			let o = e.slice(X(e, s), t), l = Math.ceil(o.length / mi);
-			for (let e = 0; e < o.length; e += l) c.push(...hi(o.slice(e, e + l)));
+			let o = e.slice(X(e, s), t), l = Math.ceil(o.length / gi);
+			for (let e = 0; e < o.length; e += l) c.push(..._i(o.slice(e, e + l)));
 			c.push(...q(n, -1, r));
 		} else c.push(...q(n, i.fedFraction, r));
 		i.fedTime = o.time, i.fedFraction = r;
@@ -4056,7 +4077,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (n.length === 0) return;
 		let r = t.windowTime === null ? 0 : Math.min(Y(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 : di(o ?? i, t.until);
+		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : pi(o ?? i, t.until);
 		if (s < 0 && this.canPageBackForReplay(t)) {
 			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
 			return;
@@ -4064,7 +4085,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		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 && ui(t, this.replayCoarse, i);
+		this.clearBarHolders(), t.animate && fi(t, this.replayCoarse, i);
 		let f = this.replayRestarting;
 		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
 		try {
@@ -4087,14 +4108,14 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	replayStepsOver(e, t, n = !1) {
 		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
-		let r = gi(this.series.inHoursShown(e.steps), t);
-		return r && (n || pi(r, t)) ? r : null;
+		let r = vi(this.series.inHoursShown(e.steps), t);
+		return r && (n || hi(r, t)) ? r : null;
 	}
 	canPageBackForReplay(e) {
-		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < ai;
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < si;
 	}
 	async pageBackForReplay(e) {
-		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = ai, this.rebaseReplay("older"));
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = si, this.rebaseReplay("older"));
 	}
 	holdReplay() {
 		let e = this.replaySession;
@@ -4127,7 +4148,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		this.signalMarkerManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, di(this.replayStepsSeries ?? this.replayCoarse, e)));
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, pi(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -4149,8 +4170,8 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		if (i.time <= n.fedTime) return;
 		let a = e.slice(X(e, n.fedTime), t + 1);
 		n.fedTime = i.time;
-		let o = Math.ceil(a.length / mi);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of hi(a.slice(e, e + o))) r.setMarkPrice(t, n);
+		let o = Math.ceil(a.length / gi);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of _i(a.slice(e, e + o))) r.setMarkPrice(t, n);
 		this.tradingManager.setCurrentPrice(i.close);
 	}
 	getReplayBarIndex() {
@@ -4161,7 +4182,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? _i(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? yi(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.setHeldState("paused") || this.replayManager.pause();
@@ -4192,15 +4213,17 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	getDrawingRect(e) {
 		let t = this.drawingManager.getDrawings().find((t) => t.id === e);
 		if (!t || !this.drawingManager.isShown(e) || t.anchors.length === 0) return null;
-		let n = {
+		let n = t.paneId === void 0 ? {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
-		}, r = n.chartRect, i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
+		} : this.drawingPaneViewport(t.paneId);
+		if (!n) return null;
+		let r = n.chartRect, i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
 		for (let e of t.anchors) {
 			let t = Ut(e.time, n), r = Rt(e.price, n);
 			i = Math.min(i, t), a = Math.max(a, t), o = Math.min(o, r), s = Math.max(s, r);
 		}
-		return Kr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), qr.has(t.type) && ([o, s] = [r.y, r.y + r.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 ? {
+		return Jr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Yr.has(t.type) && ([o, s] = [r.y, r.y + r.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,
 			y: o,
 			width: a - i,
@@ -4236,8 +4259,8 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		};
 	}
 	captureSnapshot() {
-		return T.capture({
-			getDrawings: () => this.getDrawings(),
+		return E.capture({
+			getDrawings: () => [...this.getDrawings().filter((e) => e.paneId === void 0 || this.layoutManager.getPanels().some((t) => t.id === e.paneId)), ...this.keptPaneDrawings],
 			getTheme: () => this.themeManager.getBaseTheme(),
 			getAlerts: () => this.getAlerts(),
 			getIndicators: () => this.getIndicatorSetup(),
@@ -4249,14 +4272,14 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = Yr(e), r = /* @__PURE__ */ new Map();
+		let n = Zr(e), r = /* @__PURE__ */ new Map();
 		this.unrestoredIndicators = [];
 		let i = new Set(this.indicatorEngine.getAvailableIndicators().map((e) => e.id)), a = [], o = /* @__PURE__ */ new Set();
 		if (t) {
 			let e = new Map(n.map((e) => [e.instanceId, e])), t = this.getIndicatorSetup();
 			for (let n of t) {
 				let t = e.get(n.instanceId);
-				t && Xr(n, t) && o.add(n.instanceId);
+				t && Qr(n, t) && o.add(n.instanceId);
 			}
 			for (let e of t) o.has(e.instanceId) || this.removeIndicator(e.instanceId);
 			for (let e of [...o]) this.indicatorEngine.getIndicatorConfig(e) || o.delete(e);
@@ -4318,7 +4341,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		let s = t.levels ?? null;
 		JSON.stringify(s) !== JSON.stringify(o?.levels ?? null) && this.setIndicatorLevels(e, s);
 		let c = t.intervals ?? null;
-		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? se(t.paneStyle) : null);
+		JSON.stringify(c) !== JSON.stringify(o?.intervals ?? null) && this.setIndicatorIntervalsNow(e, c), this.setPaneStyleNow(e, t.paneStyle ? oe(t.paneStyle) : null);
 	}
 	restorePanes(e) {
 		for (let [t, n] of e) t.paneSize !== void 0 && this.layoutManager.setPanelSize(n, t.paneSize), (t.paneSize !== void 0 || t.paneCollapsed) && this.layoutManager.setPanelCollapsed(n, !!t.paneCollapsed), t.paneSize !== void 0 && this.layoutManager.setPanelScale(n, {
@@ -4421,45 +4444,88 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	recordIndicators(e, t) {
 		if (this.indicatorHistoryDepth > 0 || !this.features.drawingUndoRedo) return t();
-		let n = this.getIndicatorSetup(), r = this.withoutIndicatorHistory(t), i = this.getIndicatorSetup();
-		if (JSON.stringify(n) === JSON.stringify(i)) return r;
-		let a = performance.now(), o = this.undoRedoManager.last(), s = e !== void 0 && o?.type === "indicators" && o.indicators?.subject === e && a - (o.indicators.at ?? 0) < Ur && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
+		let n = this.getIndicatorSetup(), r = [], i = this.paneRenames;
+		this.paneRenames = r;
+		let a;
+		try {
+			a = this.withoutIndicatorHistory(t);
+		} finally {
+			this.paneRenames = i;
+		}
+		let o = this.getIndicatorSetup();
+		if (JSON.stringify(n) === JSON.stringify(o)) return a;
+		let s = performance.now(), c = this.undoRedoManager.last(), l = e !== void 0 && c?.type === "indicators" && c.indicators?.subject === e && s - (c.indicators.at ?? 0) < Ur && JSON.stringify(c.indicators.after) === JSON.stringify(n), u = {
 			type: "indicators",
 			before: null,
 			after: null
 		};
-		return s && o?.indicators ? JSON.stringify(o.indicators.before) === JSON.stringify(i) ? this.undoRedoManager.dropLast() : this.undoRedoManager.replaceLast({
-			...c,
+		return l && c?.indicators ? JSON.stringify(c.indicators.before) === JSON.stringify(o) ? this.undoRedoManager.dropLast() : this.undoRedoManager.replaceLast({
+			...u,
 			indicators: {
-				...o.indicators,
-				after: i,
-				at: a
+				...c.indicators,
+				after: o,
+				at: s,
+				...Gr([...c.indicators.renames ?? [], ...r])
 			}
 		}) : this.undoRedoManager.push({
-			...c,
+			...u,
 			indicators: {
 				before: n,
-				after: i,
+				after: o,
 				subject: e,
-				at: a
+				at: s,
+				...Gr(r)
 			}
-		}), r;
+		}), a;
 	}
 	applyIndicatorStep(e, t) {
 		let n = e.indicators;
-		n && (this.withoutIndicatorHistory(() => this.restoreIndicators(t === "undo" ? n.before : n.after, !0)), this.markStateChanged());
+		if (!n) return;
+		this.withoutIndicatorHistory(() => this.restoreIndicators(t === "undo" ? n.before : n.after, !0));
+		let r = n.renames ?? [], i = t === "undo" ? [...r].reverse().map(([e, t]) => [t, e]) : r;
+		for (let [e, t] of i) this.drawingManager.renamePanes(new Map([[e, t]]));
+		this.markStateChanged();
+	}
+	keptPaneDrawings = [];
+	takesDrawing(e, t) {
+		return this.layoutManager.getPanels().some((t) => t.id === e) ? !this.drawingManager.getDescriptor(t)?.priceOnly : !1;
+	}
+	paneRenames = null;
+	renamePane(e, t) {
+		this.layoutManager.renamePanel(e, t), this.drawingManager.renamePanes(new Map([[e, t]])), this.paneRenames?.push([e, t]);
+	}
+	drawingPaneAt(e) {
+		let t = (t) => e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
+		if (!t(this.viewport.getState().chartRect)) {
+			for (let e of this.layoutManager.getPanels()) {
+				let n = this.drawingPaneViewport(e.id);
+				if (n && t(n.chartRect)) return e.id;
+			}
+			return null;
+		}
+	}
+	drawingPaneViewport(e) {
+		let t = this.layoutManager.getPanels().find((t) => t.id === e);
+		if (!t || t.position !== "top" && t.position !== "bottom" || this.layoutManager.isPanelShownCollapsed(e)) return null;
+		let n = this.buildPanelRenderInfos().find((t) => t.instanceId === e);
+		return !n || n.viewport.chartRect.height < Wr ? null : {
+			...n.viewport,
+			data: this.getDisplayData()
+		};
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = this.captureSnapshot(), n = T.serialize(t);
-		return e && T.saveToStorage(e, t), n;
+		let t = this.captureSnapshot(), n = E.serialize(t);
+		return e && E.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = T.deserialize(e);
+		let t = E.deserialize(e);
 		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.displayDataCache = null, this.reshapeMemo.clear(), t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), (t.theme === "dark" || t.theme === "light") && this.setTheme(t.theme), t.version >= 3 && this.themeManager.setUserOverrides(t.overrides ?? {}) && this.styleChanged("user");
 		let n = t.version >= 2 && this.features.indicators ? this.withoutIndicatorHistory(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
-		if (this.undoRedoManager.clear(), t.alerts && this.features.alerts) {
+		this.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));
+		if (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) {
 			this.alertManager.clearAlerts();
 			for (let e of t.alerts) {
 				if (e.triggered && !e.repeating) continue;
@@ -4487,19 +4553,19 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = T.loadFromStorage(e);
-		return t ? (this.loadState(T.serialize(t)), !0) : !1;
+		let t = E.loadFromStorage(e);
+		return t ? (this.loadState(E.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
-		this.features.saveLoad && T.downloadFile(this.captureSnapshot(), e);
+		this.features.saveLoad && E.downloadFile(this.captureSnapshot(), e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await T.loadFromFile();
-		this.loadState(T.serialize(e));
+		let e = await E.loadFromFile();
+		this.loadState(E.serialize(e));
 	}
 	setLocale(e) {
-		le(e), this.engine.requestRender();
+		ce(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
 		this.numberLocale = e, this.viewport.setNumberLocale(e), this.priceAxis.setLocale(e), this.leftPriceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.timeAxis.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.pinnedTooltip.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
@@ -4550,7 +4616,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	createChartRenderer(e) {
 		let t = jn(e, (e) => this.pluginManager.getChartType(e));
-		return t instanceof ze && t.setPriceText((e) => this.formatPrice(e)), t;
+		return t instanceof Re && t.setPriceText((e) => this.formatPrice(e)), t;
 	}
 	crosshairSeries() {
 		return this.isTimeAligned() ? this.series.bars() : this.getDisplayData();
@@ -4566,7 +4632,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		let n = this.options.chartType, r = (e) => this.pluginManager.getChartType(e);
 		if (n !== "pointAndFigure" || r(n)) return Mn(n, e, r, this.chartTypeOptions, t, this.reshapeMemo);
 		let { columns: i, boxSize: a } = hn(e, this.chartTypeOptions, this.reshapeMemo);
-		return this.chartRenderer instanceof tt && this.chartRenderer.setBoxSize(a), i;
+		return this.chartRenderer instanceof et && this.chartRenderer.setBoxSize(a), i;
 	}
 	recalcIndicatorsFrom(e, t) {
 		if (!this.isTimeAligned()) return this.recalcIndicators(e);
@@ -4578,7 +4644,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	exportBars() {
 		if (this.isTimeAligned()) return this.series.bars();
-		let e = this.getDisplayData(), t = A(e);
+		let e = this.getDisplayData(), t = kt(e);
 		return e.map((e, n) => ({
 			...e,
 			time: t[n]?.time ?? e.time
@@ -4637,12 +4703,12 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	fitPriceScale(e, t) {
 		if (e.length === 0) return;
-		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = ni(ni(m(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && ti(e, n, r) ? this.volumeRenderer.getHeightRatio() + Hr : D;
+		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = ii(ii(m(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && ri(e, n, r) ? this.volumeRenderer.getHeightRatio() + Hr : O;
 		this.viewport.setScaleMargins(this.viewport.isInvertScale() ? {
 			top: a,
-			bottom: D
+			bottom: O
 		} : {
-			top: D,
+			top: O,
 			bottom: a
 		}), this.viewport.fitToPrices(i.min, i.max);
 	}
@@ -4694,9 +4760,9 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(r.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => Zr(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => $r(n, e, t));
 		let i = n ?? this.detachedMeasureContext();
-		return i ? Zr(i, e, t) : e.length * 7;
+		return i ? $r(i, e, t) : e.length * 7;
 	}
 	detachedMeasureContext() {
 		return this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), this.measureCtx;
@@ -4843,7 +4909,7 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 20, Gr = 8, Kr = new Set(["horizontal
 		};
 	}
 };
-function Yr(e) {
+function Zr(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);
@@ -4857,19 +4923,19 @@ function Yr(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function Xr(e, t) {
+function Qr(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 Zr(e, t, n) {
+function $r(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var Qr = 300;
-function $r(e) {
+var ei = 300;
+function ti(e) {
 	let t = {}, n = e.family;
-	typeof n == "string" && n.trim() !== "" && n.length <= Qr && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
+	typeof n == "string" && n.trim() !== "" && n.length <= ei && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
 	for (let n of [
 		"sizeSmall",
 		"sizeMedium",
@@ -4880,15 +4946,15 @@ function $r(e) {
 	}
 	return t;
 }
-function ei(e) {
+function ni(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
-function ti(e, t, n) {
+function ri(e, t, n) {
 	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
 	return !1;
 }
-function ni(e, t) {
+function ii(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -4909,14 +4975,14 @@ function J(e) {
 		bars: e.bars
 	};
 }
-var ri = 8e3, ii = new Set([
+var ai = 8e3, oi = new Set([
 	"candlestick",
 	"line",
 	"area",
 	"bar",
 	"hollowCandle"
-]), ai = 10, oi = 50, si = .001;
-function ci(e) {
+]), si = 10, ci = 50, li = .001;
+function ui(e) {
 	return {
 		price: null,
 		fedTime: null,
@@ -4931,41 +4997,41 @@ function ci(e) {
 		held: null
 	};
 }
-function li(e, t) {
+function di(e, t) {
 	let n = e[t + 1];
 	return n ? n.time - e[t].time : Z(e);
 }
-function ui(e, t, n) {
+function fi(e, t, n) {
 	let r = e.fedTime;
 	if (r === null || !t || t.length === 0 || n.length === 0) return;
-	let i = li(t, Q(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Q(n, a), s = n[o].time;
+	let i = di(t, Q(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Q(n, a), s = n[o].time;
 	if (s > a) return;
-	let c = li(n, o);
+	let c = di(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 di(e, t) {
+function pi(e, t) {
 	let n = X(e, t), r = e.length - 1;
 	return n > r && r >= 0 && e[r].time + Z(e) <= t ? r : Math.max(-1, n - 2);
 }
-function fi(e) {
+function mi(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 pi(e, t) {
-	if (!(fi(e) < fi(t))) return !1;
-	let n = Math.max(0, e.length - oi);
+function hi(e, t) {
+	if (!(mi(e) < mi(t))) return !1;
+	let n = Math.max(0, e.length - ci);
 	for (let r = n; r < e.length; r++) {
-		let n = t[Q(t, e[r].time)], i = (n.high - n.low) * si + 2 ** -52;
+		let n = t[Q(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;
 }
-var mi = 500;
+var gi = 500;
 function Y(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
@@ -4982,7 +5048,7 @@ function X(e, t) {
 	}
 	return n;
 }
-function hi(e) {
+function _i(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];
@@ -4993,7 +5059,7 @@ function Z(e) {
 	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 gi(e, t) {
+function vi(e, t) {
 	if (t.length === 0) return null;
 	let n = t[t.length - 1].time + Z(t), r = e.filter((e) => zn(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);
@@ -5011,26 +5077,26 @@ function Q(e, t) {
 	}
 	return n;
 }
-function _i(e, t, n) {
+function yi(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 vi(e, t, n) {
+function bi(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 = Si(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = wi(i, t[e]);
 	return i;
 }
-function yi(e, t, n, r) {
+function xi(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 bi(e, t) {
+function Si(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = t[Q(t, r.time)].time, i = n.get(e);
@@ -5038,10 +5104,10 @@ function bi(e, t) {
 	}
 	return n;
 }
-function xi() {
+function Ci() {
 	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Si(e, t) {
+function wi(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -5053,26 +5119,26 @@ function Si(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var Ci = [
+var Ti = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], wi = ["open", "o"], Ti = ["high", "h"], Ei = ["low", "l"], Di = ["close", "c"], Oi = [
+], Ei = ["open", "o"], Di = ["high", "h"], Oi = ["low", "l"], ki = ["close", "c"], Ai = [
 	"volume",
 	"vol",
 	"v"
 ];
-function ki(e) {
+function ji(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Ai(t) : ji(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Mi(t) : Ni(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Ai(e) {
+function Mi(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -5082,19 +5148,19 @@ function Ai(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) ? Ii(e) : Fi(e);
+		let t = Array.isArray(e) ? Ri(e) : Li(e);
 		t ? n.push(t) : r++;
 	}
-	return Ri(n, t.length, r);
+	return Bi(n, t.length, r);
 }
-function ji(e) {
+function Ni(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 = Mi(t[0]), r = Ni(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Pi(r) : {
+	let n = Pi(t[0]), r = Fi(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Ii(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -5105,7 +5171,7 @@ function ji(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 = Ni(t[e], n), i = Li(r[a.time]), c = $(r[a.open]), l = $(r[a.high]), u = $(r[a.low]), d = $(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = Fi(t[e], n), i = zi(r[a.time]), c = $(r[a.open]), l = $(r[a.high]), u = $(r[a.low]), d = $(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
 		if (i === null || ![
 			c,
 			l,
@@ -5124,9 +5190,9 @@ function ji(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Ri(o, t.length - +!!i, s);
+	return Bi(o, t.length - +!!i, s);
 }
-function Mi(e) {
+function Pi(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -5138,7 +5204,7 @@ function Mi(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Ni(e, t) {
+function Fi(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5146,25 +5212,25 @@ function Ni(e, t) {
 	}
 	return n.push(r), n;
 }
-function Pi(e) {
+function Ii(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Ci),
-		open: t(wi),
-		high: t(Ti),
-		low: t(Ei),
-		close: t(Di),
-		volume: t(Oi)
+		time: t(Ti),
+		open: t(Ei),
+		high: t(Di),
+		low: t(Oi),
+		close: t(ki),
+		volume: t(Ai)
 	};
 }
-function Fi(e) {
+function Li(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 = Li(String(t(Ci) ?? "")), r = Number(t(wi)), i = Number(t(Ti)), a = Number(t(Ei)), o = Number(t(Di)), s = Number(t(Oi) ?? 0);
+	}, n = zi(String(t(Ti) ?? "")), r = Number(t(Ei)), i = Number(t(Di)), a = Number(t(Oi)), o = Number(t(ki)), s = Number(t(Ai) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -5179,9 +5245,9 @@ function Fi(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Ii(e) {
+function Ri(e) {
 	if (e.length < 5) return null;
-	let t = Li(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 = zi(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,
@@ -5199,7 +5265,7 @@ function Ii(e) {
 function $(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function Li(e) {
+function zi(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -5207,7 +5273,7 @@ function Li(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Ri(e, t, n) {
+function Bi(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);
@@ -5219,7 +5285,7 @@ function Ri(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var zi = class {
+var Vi = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -5240,19 +5306,19 @@ var zi = 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) {
-		Bi(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		Hi(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		Bi(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		Hi(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		Bi(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		Hi(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 = ki(await t.text());
+			let e = ji(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) {
@@ -5283,12 +5349,12 @@ var zi = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function Bi(e) {
+function Hi(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
 //#region src/state/layoutStorage.ts
-function Vi(e) {
+function Ui(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -5296,11 +5362,11 @@ function Vi(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 Hi = (e, t) => t.updatedAt - e.updatedAt;
-function Ui(e) {
+var Wi = (e, t) => t.updatedAt - e.updatedAt;
+function Gi(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 : Vi({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Ui({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -5309,17 +5375,17 @@ function Ui(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function Wi(e) {
-	let t = Ui(e), n = t ? e.content : void 0;
+function Ki(e) {
+	let t = Gi(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function Gi(e = []) {
+function qi(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Vi).sort(Hi),
+		list: () => [...t.values()].map(Ui).sort(Wi),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -5332,7 +5398,7 @@ function Gi(e = []) {
 		}
 	};
 }
-function Ki(e = "tcw:layouts:") {
+function Ji(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -5340,10 +5406,10 @@ function Ki(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(Ui).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(Gi).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Hi),
+		list: () => r().sort(Wi),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -5352,7 +5418,7 @@ function Ki(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Vi(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ui(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -5361,14 +5427,14 @@ function Ki(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var qi = 80;
-function Ji(e) {
+var Yi = 80;
+function Xi(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function Yi() {
+function Zi() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function Xi(e) {
+function Qi(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -5379,7 +5445,7 @@ function Xi(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var Zi = class {
+var $i = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -5395,7 +5461,7 @@ var Zi = 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 ?? Yi;
+		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 ?? Zi;
 	}
 	current() {
 		return this.currentLayout;
@@ -5411,7 +5477,7 @@ var Zi = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(Ui).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(Gi).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -5420,12 +5486,12 @@ var Zi = class {
 		});
 	}
 	saveAs(e) {
-		let t = Ji(e);
+		let t = Xi(e);
 		return t ? this.queue(() => this.write(this.newId(), t)) : Promise.reject(/* @__PURE__ */ Error("A layout needs a name"));
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = Wi(await this.storage.load(e));
+			let t = Ki(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -5435,13 +5501,13 @@ var Zi = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = Xi(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = Qi(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
-		let n = Ji(t);
+		let n = Xi(t);
 		return n ? this.queue(async () => {
-			let t = Wi(await this.storage.load(e));
+			let t = Ki(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -5519,7 +5585,7 @@ var Zi = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = Xi(r);
+		let i = Qi(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -5540,6 +5606,6 @@ var Zi = class {
 	}
 };
 //#endregion
-export { Wn as C, B as D, R as E, dn as O, qn as S, V as T, dr as _, Gi as a, G as b, Jr as c, Pr as d, Fr as f, ur as g, fr as h, Ki as i, Rr as l, pr as m, qi as n, zi as o, mr as p, Ji as r, ki as s, Zi as t, Lr as u, cr as v, Hn as w, Qn as x, lr as y };
+export { Wn as C, B as D, R as E, dn as O, qn as S, V as T, dr as _, qi as a, G as b, Xr as c, Pr as d, Fr as f, ur as g, fr as h, Ji as i, Rr as l, pr as m, Yi as n, Vi as o, mr as p, Xi as r, ji as s, $i as t, Lr as u, cr as v, Hn as w, Qn as x, lr as y };
 
-//# sourceMappingURL=LayoutSession-CXCLFIvS.js.map
+//# sourceMappingURL=LayoutSession-BQvEMVYA.js.map