@tradecanvas/chart 1.1.0 → 1.3.0

package/dist/{DragDropImporter-CLtRQjKD.js → DragDropImporter-cURSpfUb.js}

@@ -1,84 +1,96 @@
-import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PRICE_AXIS_WIDTH as a, TIME_AXIS_HEIGHT as o, computePriceLimits as s, mergeBar as c, setLocale as l, timeframeToMs as u } from "@tradecanvas/commons";
-import { AlertDragHandler as d, AlertManager as f, Animator as p, AreaRenderer as m, AxisDragHandler as h, BarCountdown as ee, BarRenderer as te, BaselineRenderer as ne, CandlestickRenderer as g, ChartLegend as re, ChartStateManager as _, CompareRenderer as ie, CrosshairHandler as ae, CrosshairTooltip as oe, CurrentPriceLine as se, DataExporter as v, DepthHeatmapRenderer as ce, DrawingManager as le, DrawingRenderer as ue, EquivolumeRenderer as de, EventBus as fe, GridRenderer as pe, HLCAreaRenderer as me, HollowCandleRenderer as he, IndicatorEngine as y, InteractionManager as ge, KagiRenderer as _e, KeyboardHandler as ve, LineRenderer as ye, LineWithMarkersRenderer as be, MarketProfileRenderer as xe, MeasureOverlay as Se, PanHandler as Ce, PaneResizeHandler as we, PeriodLevelsRenderer as Te, PinnedTooltip as Ee, PivotMarkersRenderer as De, PointAndFigureRenderer as Oe, PriceAxis as ke, RenderEngine as Ae, RenkoRenderer as b, ReplayManager as x, Screenshot as S, SessionBreaks as C, SessionShading as je, SignalMarkerManager as Me, StepLineRenderer as Ne, StreamManager as Pe, TimeAxis as Fe, TradeZoneManager as Ie, TradingManager as Le, TradingRenderer as Re, UndoRedoManager as ze, Viewport as Be, VolumeCandleRenderer as Ve, VolumeProfileRenderer as He, VolumeRenderer as Ue, Watermark as We, ZoomHandler as Ge, findDominantSwing as Ke, registerBuiltInDrawingTools as qe, registerBuiltInIndicators as w, toHeikinAshi as Je, toKagi as Ye, toLineBreak as Xe, toPointAndFigure as Ze, toRangeBars as Qe, toRenko as $e, xToBarIndex as et } from "@tradecanvas/core";
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PRICE_AXIS_WIDTH as a, TIME_AXIS_HEIGHT as o, autoPricePrecision as s, computePriceLimits as c, formatPrice as l, mergeBar as u, setLocale as d, timeframeToMs as f } from "@tradecanvas/commons";
+import { AlertDragHandler as p, AlertManager as m, Animator as ee, AreaRenderer as te, AxisDragHandler as ne, BarCountdown as re, BarRenderer as ie, BaselineRenderer as ae, CandlestickRenderer as h, ChartLegend as oe, ChartStateManager as g, CompareRenderer as se, CrosshairHandler as ce, CrosshairTooltip as le, CurrentPriceLine as ue, DataExporter as _, DepthHeatmapRenderer as de, DrawingManager as fe, DrawingRenderer as pe, EquivolumeRenderer as me, EventBus as he, GridRenderer as ge, HLCAreaRenderer as _e, HollowCandleRenderer as ve, IndicatorEngine as v, InteractionManager as ye, KagiRenderer as be, KeyboardHandler as xe, LineRenderer as Se, LineWithMarkersRenderer as Ce, MarketProfileRenderer as we, MeasureOverlay as Te, PanHandler as Ee, PaneResizeHandler as De, PeriodLevelsRenderer as Oe, PinnedTooltip as ke, PivotMarkersRenderer as Ae, PointAndFigureRenderer as je, PriceAxis as Me, RenderEngine as Ne, RenkoRenderer as y, ReplayManager as b, Screenshot as x, SelectionBoxOverlay as Pe, SessionBreaks as Fe, SessionShading as Ie, SignalMarkerManager as Le, StepLineRenderer as Re, StreamManager as ze, TimeAxis as Be, TradeZoneManager as Ve, TradingManager as He, TradingRenderer as Ue, UndoRedoManager as We, Viewport as Ge, VolumeCandleRenderer as Ke, VolumeProfileRenderer as qe, VolumeRenderer as Je, Watermark as Ye, ZoomHandler as Xe, barTimeStep as Ze, findDominantSwing as Qe, registerBuiltInDrawingTools as $e, registerBuiltInIndicators as S, timestampToBarIndex as C, toHeikinAshi as et, toKagi as tt, toLineBreak as nt, toPointAndFigure as rt, toRangeBars as it, toRenko as at, xToBarIndex as ot } from "@tradecanvas/core";
 //#region src/charts/ChartTypeStrategy.ts
-function tt(e) {
+function st(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new g();
-		case "line": return new ye();
-		case "area": return new m();
-		case "bar": return new te();
-		case "hollowCandle": return new he();
-		case "baseline": return new ne();
-		case "renko": return new b();
-		case "kagi": return new _e();
-		case "pointAndFigure": return new Oe();
-		case "volumeCandles": return new Ve();
-		case "equivolume": return new de();
-		case "hlcArea": return new me();
-		case "stepLine": return new Ne();
-		case "lineWithMarkers": return new be();
-		default: return new g();
+		case "rangeBars": return new h();
+		case "line": return new Se();
+		case "area": return new te();
+		case "bar": return new ie();
+		case "hollowCandle": return new ve();
+		case "baseline": return new ae();
+		case "renko": return new y();
+		case "kagi": return new be();
+		case "pointAndFigure": return new je();
+		case "volumeCandles": return new Ke();
+		case "equivolume": return new me();
+		case "hlcArea": return new _e();
+		case "stepLine": return new Re();
+		case "lineWithMarkers": return new Ce();
+		default: return new h();
 	}
 }
-function nt(e, t) {
+function ct(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Je(t);
-		case "renko": return $e(t, {
+		case "heikinAshi": return et(t);
+		case "renko": return at(t, {
 			brickSize: 0,
 			useATR: !0,
 			atrPeriod: 14
 		});
-		case "lineBreak": return Xe(t, 3);
-		case "kagi": return Ye(t, 4);
-		case "pointAndFigure": return Ze(t, T(t) * .01, 3);
-		case "rangeBars": return Qe(t, { rangeSize: T(t) * .005 });
+		case "lineBreak": return nt(t, 3);
+		case "kagi": return tt(t, 4);
+		case "pointAndFigure": return rt(t, w(t) * .01, 3);
+		case "rangeBars": return it(t, { rangeSize: w(t) * .005 });
 		default: return t;
 	}
 }
-function T(e) {
+function w(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
-function rt(e, t) {
+function lt(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : tt(e);
+	return n ? n.createRenderer() : st(e);
 }
-function it(e, t, n) {
+function ut(e, t, n) {
 	if (t.length === 0) return t;
 	let r = n?.(e);
-	return r?.transform ? r.transform(t) : nt(e, t);
+	return r?.transform ? r.transform(t) : ct(e, t);
 }
 //#endregion
 //#region src/charts/IndicatorPriceRange.ts
-var E = {
+var T = {
 	min: 0,
 	max: 100
-}, D = .1;
-function at(e, t, n) {
-	if (!e) return { ...E };
-	let r = Infinity, i = -Infinity, a = 0;
-	for (let [, o] of e.values) {
-		if (a >= t && a <= n) for (let e in o) {
-			let t = o[e];
-			t !== void 0 && Number.isFinite(t) && (t < r && (r = t), t > i && (i = t));
+}, E = .1;
+function dt(e, t, n) {
+	if (!e) return { ...T };
+	let r = Infinity, i = -Infinity;
+	if (e.series) {
+		let a = Math.min(n, e.series.length - 1);
+		for (let n = Math.max(0, t); n <= a; n++) {
+			let t = e.series[n];
+			if (t) for (let e in t) {
+				let n = t[e];
+				n !== void 0 && Number.isFinite(n) && (n < r && (r = n), n > i && (i = n));
+			}
+		}
+	} else {
+		let a = 0;
+		for (let [, o] of e.values) {
+			if (a >= t && a <= n) for (let e in o) {
+				let t = o[e];
+				t !== void 0 && Number.isFinite(t) && (t < r && (r = t), t > i && (i = t));
+			}
+			a++;
 		}
-		a++;
 	}
-	if (r === Infinity) return { ...E };
-	let o = i - r || 1;
+	if (r === Infinity) return { ...T };
+	let a = i - r || 1;
 	return {
-		min: r - o * D,
-		max: i + o * D
+		min: r - a * E,
+		max: i + a * E
 	};
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var ot = class {
+var ft = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -108,12 +120,15 @@ var ot = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function O(e) {
+function D(e) {
 	if (!e || typeof e.time != "number") return !1;
 	let { open: t, high: n, low: r, close: i } = e;
 	return !(!isFinite(t) || !isFinite(n) || !isFinite(r) || !isFinite(i) || t < 0 || n < 0 || r < 0 || i < 0 || n < r || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0));
 }
-function k(e) {
+function pt(e) {
+	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
+}
+function O(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -121,20 +136,25 @@ function k(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-var A = class {
+var k = class {
 	data = [];
 	getData() {
 		return this.data;
 	}
 	setData(e) {
-		this.data = e.filter(O).map(k);
+		let t = [];
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n];
+			D(r) && t.push(pt(r) ? r : O(r));
+		}
+		this.data = t;
 	}
 	appendBar(e) {
-		O(e) && this.data.push(k(e));
+		D(e) && this.data.push(O(e));
 	}
 	updateLastBar(e) {
-		if (!O(e)) return;
-		let t = k(e);
+		if (!D(e)) return;
+		let t = O(e);
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -142,7 +162,7 @@ var A = class {
 		this.data[this.data.length - 1] = t;
 	}
 	updateLastBarFromTick(e) {
-		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = c(this.data[this.data.length - 1], e)));
+		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = u(this.data[this.data.length - 1], e)));
 	}
 	getLength() {
 		return this.data.length;
@@ -150,7 +170,7 @@ var A = class {
 	clear() {
 		this.data = [];
 	}
-}, j = class {
+}, A = class {
 	theme;
 	constructor(t) {
 		!t || t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
@@ -161,10 +181,11 @@ var A = class {
 	setTheme(t) {
 		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
 	}
-}, M = 200, N = 80, P = class {
+}, j = 200, M = 80, N = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
+	priceAxisWidth = a;
 	resize(e, t) {
 		this.containerWidth = e, this.containerHeight = t;
 	}
@@ -173,8 +194,8 @@ var A = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? M : t),
-			minSize: a ? N : i,
+			size: r ?? (a ? j : t),
+			minSize: a ? M : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -188,108 +209,144 @@ var A = class {
 		let r = this.panels.find((t) => t.id === e);
 		if (r) {
 			let e = r.position === "left" || r.position === "right", a = n === "left" || n === "right";
-			r.position = n, e !== a && (r.size = a ? M : t, r.minSize = a ? N : i);
+			r.position = n, e !== a && (r.size = a ? j : t, r.minSize = a ? M : i);
 		}
 	}
 	setPanelSize(e, t) {
 		let n = this.panels.find((t) => t.id === e);
 		n && (n.size = Math.max(n.minSize, t));
 	}
+	setPriceAxisWidth(e) {
+		this.priceAxisWidth = e;
+	}
 	getPanels() {
 		return this.panels;
 	}
 	resolve() {
-		let e = this.panels.filter((e) => e.position === "left"), t = this.panels.filter((e) => e.position === "right"), n = this.panels.filter((e) => e.position === "top"), r = this.panels.filter((e) => e.position === "bottom"), i = e.reduce((e, t) => e + t.size, 0), s = t.reduce((e, t) => e + t.size, 0), c = n.reduce((e, t) => e + t.size, 0), l = r.reduce((e, t) => e + t.size, 0), u = {
+		let e = this.panels.filter((e) => e.position === "left"), t = this.panels.filter((e) => e.position === "right"), n = this.panels.filter((e) => e.position === "top"), r = this.panels.filter((e) => e.position === "bottom"), i = e.reduce((e, t) => e + t.size, 0), a = t.reduce((e, t) => e + t.size, 0), s = n.reduce((e, t) => e + t.size, 0), c = r.reduce((e, t) => e + t.size, 0), l = {
 			x: i,
-			y: c,
-			width: Math.max(0, this.containerWidth - i - s - a),
-			height: Math.max(0, this.containerHeight - c - l - o)
-		}, d = [], f = [], p = 0;
-		for (let t of e) d.push({
+			y: s,
+			width: Math.max(0, this.containerWidth - i - a - this.priceAxisWidth),
+			height: Math.max(0, this.containerHeight - s - c - o)
+		}, u = [], d = [], f = 0;
+		for (let t of e) u.push({
 			config: t,
 			rect: {
-				x: p,
+				x: f,
 				y: 0,
 				width: t.size,
 				height: this.containerHeight - o
 			}
-		}), f.push({
+		}), d.push({
 			panelId: t.id,
 			rect: {
-				x: p + t.size - 2,
+				x: f + t.size - 2,
 				y: 0,
 				width: 4,
 				height: this.containerHeight
 			},
 			orientation: "vertical"
-		}), p += t.size;
-		let m = 0;
-		for (let e of n) d.push({
+		}), f += t.size;
+		let p = 0;
+		for (let e of n) u.push({
 			config: e,
 			rect: {
 				x: i,
-				y: m,
-				width: u.width,
+				y: p,
+				width: l.width,
 				height: e.size
 			}
-		}), f.push({
+		}), d.push({
 			panelId: e.id,
 			rect: {
 				x: i,
-				y: m + e.size - 2,
-				width: u.width,
+				y: p + e.size - 2,
+				width: l.width,
 				height: 4
 			},
 			orientation: "horizontal"
-		}), m += e.size;
-		m = u.y + u.height;
-		for (let e of r) d.push({
+		}), p += e.size;
+		p = l.y + l.height;
+		for (let e of r) u.push({
 			config: e,
 			rect: {
 				x: i,
-				y: m,
-				width: u.width,
+				y: p,
+				width: l.width,
 				height: e.size
 			}
-		}), f.push({
+		}), d.push({
 			panelId: e.id,
 			rect: {
 				x: i,
-				y: m - 2,
-				width: u.width,
+				y: p - 2,
+				width: l.width,
 				height: 4
 			},
 			orientation: "horizontal"
-		}), m += e.size;
-		p = i + u.width + a;
-		for (let e of t) d.push({
+		}), p += e.size;
+		f = i + l.width + this.priceAxisWidth;
+		for (let e of t) u.push({
 			config: e,
 			rect: {
-				x: p,
+				x: f,
 				y: 0,
 				width: e.size,
 				height: this.containerHeight - o
 			}
-		}), f.push({
+		}), d.push({
 			panelId: e.id,
 			rect: {
-				x: p - 2,
+				x: f - 2,
 				y: 0,
 				width: 4,
 				height: this.containerHeight
 			},
 			orientation: "vertical"
-		}), p += e.size;
+		}), f += e.size;
 		return {
-			mainChartRect: u,
-			panels: d,
-			dividers: f
+			mainChartRect: l,
+			panels: u,
+			dividers: d
 		};
 	}
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, st = 1;
+}, mt = 14, ht = 14, gt = 22, P = 4;
+function _t(e) {
+	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: o, fontSizeSmall: c, measure: u } = e, d = s(t, n), f = e.tagPrecision ?? d, p = r === null ? [t, n] : [
+		t,
+		n,
+		r
+	], m = a;
+	for (let e of p) {
+		if (!Number.isFinite(e)) continue;
+		let t = l(e, d, i), n = l(e, f, i);
+		m = Math.max(m, u(t, `500 ${c}px ${o}`) + mt, u(n, `bold 11px ${o}`) + ht, u(n, `600 ${c}px ${o}`) + gt);
+	}
+	return m <= a ? a : Math.ceil(m / P) * P;
+}
+function vt(e, t) {
+	return t > e || t <= e - 12 ? t : e;
+}
+var yt = class {
+	netY = 0;
+	travelX = 0;
+	engaged = !1;
+	reset() {
+		this.netY = 0, this.travelX = 0, this.engaged = !1;
+	}
+	step(e, t, n) {
+		if (this.engaged) return !0;
+		if (this.netY += t, this.travelX += Math.abs(e), !n) this.engaged = !0;
+		else {
+			let e = Math.abs(this.netY);
+			this.engaged = e > 24 && e >= this.travelX * .5;
+		}
+		return this.engaged;
+	}
+}, bt = 1;
 function F(e, t) {
 	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
 }
@@ -304,16 +361,16 @@ function I(e) {
 //#endregion
 //#region src/plugins/registry.ts
 var L = /* @__PURE__ */ new Map();
-function ct(e) {
+function xt(e) {
 	L.set(I(e), e);
 }
-function lt(e) {
+function St(e) {
 	return L.delete(e);
 }
 function R() {
 	return [...L.values()];
 }
-function ut() {
+function Ct() {
 	L.clear();
 }
 //#endregion
@@ -358,7 +415,7 @@ var z = class {
 	positionModify: (e, t) => e.modifyPosition(t),
 	positionClose: (e, t) => e.closePosition(t)
 };
-function dt(e, t) {
+function wt(e, t) {
 	let n = [], r = (e) => t.setOrders(e.data ?? []), i = (e) => t.setPositions(e.data ?? []), a = (e) => t.onError(e.data ?? { message: "Execution error" });
 	e.on("orders", r), e.on("positions", i), e.on("error", a), n.push(() => e.off("orders", r), () => e.off("positions", i), () => e.off("error", a));
 	for (let r of Object.keys(B)) {
@@ -376,8 +433,8 @@ function dt(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var ft = 6, pt = class {
-	static version = "1.1.0";
+var Tt = class {
+	static version = "1.3.0";
 	engine;
 	viewport;
 	dataManager;
@@ -398,6 +455,8 @@ var ft = 6, pt = class {
 	resolvedLayoutCache = null;
 	panelInfoCache = null;
 	renderScheduled = !1;
+	priceAxisWidth = a;
+	measureCtx;
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
 	lastEmittedRange = null;
@@ -420,9 +479,12 @@ var ft = 6, pt = class {
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
+	selectionBoxOverlay = new Pe();
 	replayManager;
+	replayBarUnsub = null;
+	replaySeeking = !1;
 	undoRedoManager;
-	autoSaveScheduler = new ot((e) => this.saveState(e));
+	autoSaveScheduler = new ft((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -438,11 +500,12 @@ var ft = 6, pt = class {
 	container;
 	currentPriceLine;
 	numberLocale;
+	defaultAutoScale;
 	keyboardHandler = null;
 	onWindowKeyDown = null;
 	currentSymbol = "";
 	constructor(e, t) {
-		this.container = e, this.options = t, this.numberLocale = t.numberLocale ?? "en-US";
+		this.container = e, this.options = t, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
 		let n = t.features ?? {};
 		this.features = {
 			drawings: n.drawings ?? !0,
@@ -450,12 +513,13 @@ var ft = 6, pt = class {
 			drawingMagnet: n.drawingMagnet ?? !0,
 			drawingUndoRedo: n.drawingUndoRedo ?? !0,
 			trading: n.trading ?? !0,
-			tradingContextMenu: n.tradingContextMenu ?? !0,
+			tradingContextMenu: n.tradingContextMenu ?? !1,
 			indicators: n.indicators ?? !0,
 			indicatorIds: n.indicatorIds ?? [],
 			panning: n.panning ?? !0,
 			zooming: n.zooming ?? !0,
 			crosshair: n.crosshair ?? !0,
+			crosshairTooltip: n.crosshairTooltip ?? !0,
 			keyboard: n.keyboard ?? !0,
 			priceAxis: n.priceAxis ?? !0,
 			timeAxis: n.timeAxis ?? !0,
@@ -474,36 +538,48 @@ var ft = 6, pt = class {
 			logScale: n.logScale ?? !0,
 			timeframes: n.timeframes ?? [],
 			defaultTimeframeFavorites: n.defaultTimeframeFavorites ?? []
-		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", this.dataManager = new A(), this.themeManager = new j(t.theme), this.layoutManager = new P(), this.indicatorEngine = new y(), this.pluginManager = new z(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new fe(), w(this.indicatorEngine), this.drawingManager = new le(), qe(this.drawingManager), this.drawingRenderer = new ue(this.drawingManager), this.drawingManager.setRequestRender(() => {
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", this.dataManager = new k(), this.themeManager = new A(t.theme), this.layoutManager = new N(), this.indicatorEngine = new v(), this.pluginManager = new z(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new he(), S(this.indicatorEngine), this.drawingManager = new fe(), $e(this.drawingManager), this.drawingRenderer = new pe(this.drawingManager), this.drawingManager.setRequestRender(() => {
 			this.syncRenderContext(), this.engine.requestRender(r.Overlay), this.scheduleAutoSave();
 		}), this.drawingManager.setEventCallback((e, t) => {
 			this.eventBus.emit(e, t);
-		}), this.undoRedoManager = new ze(), this.drawingManager.setUndoRedoManager(this.undoRedoManager), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new Le({
+		}), this.undoRedoManager = new We(), this.drawingManager.setUndoRedoManager(this.undoRedoManager), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new He({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new Re(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new Ue(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 Ae(e);
+		}), this.engine = new Ne(e);
 		let i = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Be(i.width, i.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.layoutManager.resize(i.width, i.height), this.engine.onContainerResize = (e) => {
+		if (this.viewport = new Ge(i.width, i.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
+			freePan: t.freePan ?? !0,
+			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
+		}), this.layoutManager.resize(i.width, i.height), this.engine.onContainerResize = (e) => {
 			if (e.width <= 0 || e.height <= 0) return;
 			let t = this.viewport.isAtEnd();
 			this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(t);
-		}, this.chartRenderer = this.createChartRenderer(t.chartType), this.gridRenderer = new pe(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new ke(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Fe(), this.crosshairHandler = new ae(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(t.chartType), this.gridRenderer = new ge(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Me(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Be(), this.crosshairHandler = new ce(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
 			if (e !== null && t) {
 				let n = this.dataManager.getData(), r = e < n.length ? n[e] : void 0;
-				this.chartLegend.setHoverBar(r ?? null), r && this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize()), this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
+				if (this.chartLegend.setHoverBar(r ?? null), r && this.features.crosshairTooltip) {
+					let i = this.viewport.getState();
+					this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize(), {
+						prevClose: e > 0 ? n[e - 1]?.close : void 0,
+						priceRange: i.priceRange,
+						plot: i.chartRect,
+						barStepMs: Ze(n)
+					});
+				}
+				this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
 					point: t,
 					bar: r,
 					barIndex: e
 				});
 			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null);
-		}), this.chartLegend = new re(), this.chartLegend.setChartType(t.chartType), this.watermark = new We(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Ue(), this.volumeProfile = new He(), this.marketProfile = new xe(), this.depthHeatmap = new ce(), this.periodLevels = new Te(), this.pivotMarkers = new De(), this.barCountdown = new ee(), this.sessionBreaks = new C(), this.sessionShading = new je(), this.compareRenderer = new ie(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.chartLegend = new oe(), this.chartLegend.setChartType(t.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new Ye(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Je(), this.volumeProfile = new qe(), this.marketProfile = new we(), this.depthHeatmap = new de(), this.periodLevels = new Oe(), this.pivotMarkers = new Ae(), this.barCountdown = new re(), this.sessionBreaks = new Fe(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Ie(), 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.viewport.setLogScale(!0), this.animator = new p(), this.crosshairTooltip = new oe(), this.crosshairTooltip.create(e), this.pinnedTooltip = new Ee(), this.pinnedTooltip.create(e), this.keyboardHandler = new ve({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.viewport.setLogScale(!0), this.animator = new ee(), this.crosshairTooltip = new le(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new ke(), this.pinnedTooltip.create(e), this.keyboardHandler = new xe({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -523,7 +599,7 @@ var ft = 6, pt = class {
 			if (!this.keyboardHandler) return;
 			let t = document.activeElement;
 			t && t !== this.container && !this.container.contains(t) || t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) || this.keyboardHandler.handleKey(e) && e.preventDefault();
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new se(), this.alertManager = new f(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ue(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new m(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
 			let t = {
 				id: e.id,
 				price: e.price,
@@ -555,7 +631,7 @@ var ft = 6, pt = class {
 				message: e.message,
 				triggered: e.triggered
 			});
-		}), this.signalMarkerManager = new Me(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
+		}), this.signalMarkerManager = new Le(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
 			this.eventBus.emit("signalMarkerAdd", {
 				id: e.id,
 				source: e.source,
@@ -563,26 +639,24 @@ var ft = 6, pt = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new Ie(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (e) => {
+		}), this.tradeZoneManager = new Ve(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (e) => {
 			this.eventBus.emit("tradeZoneAdd", {
 				id: e.id,
 				direction: e.direction
 			});
 		}), this.tradeZoneManager.on("removed", (e) => {
 			this.eventBus.emit("tradeZoneRemove", { id: e });
-		}), this.replayManager = new x(), this.measureOverlay = new Se(), this.interactionManager = new ge(e), this.features.panning) {
-			let e = 0;
-			this.interactionManager.setPanHandler(new Ce((t, n) => {
-				t && this.viewport.scrollBy(t), n && (e += n, (this.options.autoScale === !1 || Math.abs(e) > ft) && (this.options.autoScale = !1, this.viewport.panPriceRange(n))), this.updateViewportAndRender();
-			}, () => {
-				e = 0;
-			}));
+		}), this.replayManager = new b(), this.measureOverlay = new Te(), this.interactionManager = new ye(e), this.features.panning) {
+			let e = new yt();
+			this.interactionManager.setPanHandler(new Ee((t, n) => {
+				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.options.autoScale = !1, this.viewport.panPriceRange(n)), this.updateViewportAndRender();
+			}, () => e.reset()));
 		}
 		if (this.features.zooming) {
-			this.interactionManager.setZoomHandler(new Ge((e, t) => {
+			this.interactionManager.setZoomHandler(new Xe((e, t) => {
 				this.viewport.zoom(e, t), this.updateViewportAndRender();
 			}));
-			let e = new h((e) => {
+			let e = new ne((e) => {
 				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -599,10 +673,10 @@ var ft = 6, pt = class {
 			...this.viewport.getState(),
 			data: this.getDisplayData()
 		})), this.features.alerts) {
-			let e = new d(this.alertManager, () => this.viewport.getState());
+			let e = new p(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		let a = new we();
+		let a = new De();
 		a.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(a), this.interactionManager.setAltClickHandler((e) => {
 			let t = this.getDisplayData();
 			if (t.length === 0) return;
@@ -614,7 +688,7 @@ var ft = 6, pt = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let n = et(e.x, this.viewport.getState());
+			let n = ot(e.x, this.viewport.getState());
 			n < 0 || n >= t.length || this.eventBus.emit("barClick", {
 				bar: t[n],
 				barIndex: n,
@@ -636,27 +710,58 @@ var ft = 6, pt = class {
 			end: () => {
 				this.measureOverlay.end();
 			}
-		}), this.interactionManager.setOverlayDirtyCallback(() => {
-			this.engine.requestRender(r.Overlay), this.engine.requestRender(r.UI);
+		});
+		let o = (e) => {
+			let t = 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))
+			};
+		};
+		this.interactionManager.setBoxSelectHandlers({
+			begin: (e) => this.selectionBoxOverlay.begin(o(e)),
+			move: (e) => this.selectionBoxOverlay.update(o(e)),
+			end: () => {
+				let e = this.selectionBoxOverlay.end();
+				if (!e || !this.features.drawings) return;
+				let t = {
+					...this.viewport.getState(),
+					data: this.getDisplayData()
+				};
+				e.isClick ? this.drawingManager.toggleSelectionAt({
+					x: e.x1,
+					y: e.y1
+				}, t) : this.drawingManager.selectInRect(e, t), this.engine.requestRender(r.Overlay);
+			},
+			cancel: () => this.selectionBoxOverlay.cancel()
+		}), this.interactionManager.setOverlayDirtyCallback((e) => {
+			this.engine.requestRender(e ? r.Hover : r.Overlay);
 		}), this.interactionManager.attach(), this.syncRenderContext(), this.engine.start();
 	}
 	setData(e) {
-		this.dataManager.setData(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.alertManager.clearLastValues(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), e.length > 0 && this.currentPriceLine.setPrice(e[e.length - 1].close), this.updateViewportAndRender(!0), this.eventBus.emit("dataUpdate", { length: e.length });
+		this.dataManager.setData(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale, this.alertManager.clearLastValues(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), e.length > 0 && this.currentPriceLine.setPrice(e[e.length - 1].close), this.updateViewportAndRender(!0), this.eventBus.emit("dataUpdate", { length: e.length });
 	}
 	appendBar(e) {
-		this.dataManager.appendBar(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.autoScrollOnNewBar && this.viewport.scrollToEnd(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.updateViewportAndRender();
+		let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
+		this.dataManager.appendBar(e);
+		let n = this.dataManager.getData();
+		this.crosshairHandler.setData(n), this.displayDataCache = null, this.indicatorEngine.recalculateFrom(n, n.length - 2), this.updateViewportAndRender(t);
 	}
 	appendBars(e) {
-		if (e.length !== 0) {
-			for (let t of e) this.dataManager.appendBar(t);
-			this.displayDataCache = null, this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(this.viewport.isAtEnd());
-		}
+		if (e.length === 0) return;
+		let t = this.viewport.isAtEnd(), n = this.dataManager.getLength() - 1;
+		for (let t of e) this.dataManager.appendBar(t);
+		this.displayDataCache = null, this.indicatorEngine.recalculateFrom(this.dataManager.getData(), n), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(t);
 	}
 	updateLastBar(e) {
-		this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.scheduleRender();
+		this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
+		let t = this.dataManager.getData();
+		this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
 	}
 	updateLastBarFromTick(e) {
-		this.dataManager.updateLastBarFromTick(e), this.currentPriceLine.setPrice(e.price), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.scheduleRender();
+		this.dataManager.updateLastBarFromTick(e), this.currentPriceLine.setPrice(e.price), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
+		let t = this.dataManager.getData();
+		this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
 	}
 	setChartType(e) {
 		this.options.chartType = e, this.chartRenderer = this.createChartRenderer(e), this.chartLegend.setChartType(e), this.displayDataCache = null, this.updateViewportAndRender(!0);
@@ -686,8 +791,8 @@ var ft = 6, pt = class {
 		return this.pluginManager;
 	}
 	static indicators() {
-		let e = new y();
-		return w(e), e.getAvailableIndicators();
+		let e = new v();
+		return S(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.engine.requestRender();
@@ -726,7 +831,7 @@ var ft = 6, pt = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Ke(e, t.visibleRange.from, t.visibleRange.to);
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = Qe(e, t.visibleRange.from, t.visibleRange.to);
 		return n ? this.addDrawing({
 			type: "fibRetracement",
 			anchors: [n[0], n[1]]
@@ -781,21 +886,21 @@ var ft = 6, pt = class {
 	exportVisibleData(e = "csv", t) {
 		let n = this.viewport.getState(), r = this.dataManager.getData(), i = Math.max(0, n.visibleRange.from), a = Math.min(r.length - 1, n.visibleRange.to), o = r.slice(i, a + 1);
 		if (e === "json") {
-			let e = v.toJSON(o);
-			v.download(e, t ?? "chart-data.json", "application/json");
+			let e = _.toJSON(o);
+			_.download(e, t ?? "chart-data.json", "application/json");
 		} else {
-			let e = v.toCSV(o);
-			v.download(e, t ?? "chart-data.csv", "text/csv");
+			let e = _.toCSV(o);
+			_.download(e, t ?? "chart-data.csv", "text/csv");
 		}
 	}
 	exportAllData(e = "csv", t) {
 		let n = this.dataManager.getData();
 		if (e === "json") {
-			let e = v.toJSON(n);
-			v.download(e, t ?? "chart-data.json", "application/json");
+			let e = _.toJSON(n);
+			_.download(e, t ?? "chart-data.json", "application/json");
 		} else {
-			let e = v.toCSV(n);
-			v.download(e, t ?? "chart-data.csv", "text/csv");
+			let e = _.toCSV(n);
+			_.download(e, t ?? "chart-data.csv", "text/csv");
 		}
 	}
 	setAutoSave(e, t = 5e3) {
@@ -893,26 +998,33 @@ var ft = 6, pt = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		this.disconnectStream(), this.streamManager = new Pe(), this.streamManager.on("snapshot", (e) => {
+		this.disconnectStream(), this.streamManager = new ze(), this.streamManager.on("snapshot", (e) => {
 			this.setData(e);
 		}), this.streamManager.on("barClose", (e) => {
-			this.dataManager.appendBar(e), this.crosshairHandler.setData(this.dataManager.getData()), this.autoScrollOnNewBar && this.viewport.scrollToEnd(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.updateViewportAndRender();
+			let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
+			this.dataManager.appendBar(e);
+			let n = this.dataManager.getData();
+			this.crosshairHandler.setData(n), this.displayDataCache = null, this.indicatorEngine.recalculateFrom(n, n.length - 2), this.updateViewportAndRender(t);
 		}), this.streamManager.on("barUpdate", (e) => {
-			this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.scheduleRender();
-		}), this.streamManager.on("priceChange", ({ price: e }) => {
-			this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e), this.engine.requestRender(r.Overlay), this.engine.requestRender(r.UI);
+			this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close);
+			let t = this.dataManager.getData();
+			this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
+		}), this.streamManager.on("priceChange", ({ price: e, previousClose: t }) => {
+			this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e, t ?? void 0), this.engine.requestRender(r.Overlay);
 		}), this.streamManager.on("connectionChange", (e) => {
 			this.eventBus.emit("dataUpdate", { connection: e });
 		}), this.streamManager.on("error", (e) => {
 			this.eventBus.emit("dataUpdate", { error: e.message });
-		}), this.autoScrollOnNewBar = e.autoScroll !== !1, this.currentSymbol = e.symbol, await this.streamManager.connect(e);
-		let t = u(e.timeframe);
-		this.barCountdown.setTimeframeMs(t), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
-			this.barCountdown.isVisible() && this.engine.requestRender(r.UI);
+		}), this.autoScrollOnNewBar = e.autoScroll !== !1, this.currentSymbol = e.symbol;
+		let t = this.streamManager;
+		if (await t.connect(e), this.streamManager !== t) return;
+		let n = f(e.timeframe);
+		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
+			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
 	}
 	async switchStream(e, t) {
-		this.streamManager && (this.currentSymbol = e, await this.streamManager.switchTo(e, t));
+		this.streamManager && (this.currentSymbol = e, this.barCountdown.setTimeframeMs(f(t)), await this.streamManager.switchTo(e, t));
 	}
 	async setTimeframe(e) {
 		if (!this.streamManager) throw Error("No active stream. Call connect() first.");
@@ -923,7 +1035,7 @@ var ft = 6, pt = class {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = dt(e, {
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = wt(e, {
 			onIntent: (e, t) => {
 				let n = (e) => t(e.payload);
 				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
@@ -943,7 +1055,7 @@ var ft = 6, pt = class {
 		return this.executionAdapter;
 	}
 	setBarCountdownVisible(e) {
-		this.barCountdown.setVisible(e), this.engine.requestRender(r.UI);
+		this.barCountdown.setVisible(e), this.engine.requestRender(r.Hover);
 	}
 	setSessionBreaksVisible(e) {
 		this.sessionBreaks.setVisible(e), this.engine.requestRender(r.Background);
@@ -1005,21 +1117,13 @@ var ft = 6, pt = class {
 		this.viewport.scrollToEnd(), this.updateViewportAndRender();
 	}
 	setVisibleRange(e, t) {
-		let n = this.dataManager.getData(), r = 0, i = n.length - 1;
-		for (let t = 0; t < n.length; t++) if (n[t].time >= e) {
-			r = t;
-			break;
-		}
-		for (let e = n.length - 1; e >= 0; e--) if (n[e].time <= t) {
-			i = e;
-			break;
-		}
-		let a = i - r + 1;
-		if (a > 0) {
-			let e = this.viewport.getState().chartRect.width, t = e / a, n = Math.max(2, t - this.viewport.getState().barSpacing);
-			this.viewport.zoom((n - this.viewport.getState().barWidth) / this.viewport.getState().barWidth, e / 2);
-		}
-		this.updateViewportAndRender();
+		let n = this.dataManager.getData();
+		if (n.length === 0) return;
+		let r = C(Math.min(e, t), n), i = C(Math.max(e, t), n);
+		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
+	}
+	setPanLimits(e) {
+		this.viewport.setPanLimits(e), this.updateViewportAndRender();
 	}
 	zoomIn() {
 		let e = this.viewport.getState().chartRect.width;
@@ -1030,8 +1134,8 @@ var ft = 6, pt = class {
 		this.viewport.zoom(-.2, e / 2), this.updateViewportAndRender();
 	}
 	fitContent() {
-		let e = this.dataManager.getData();
-		e.length !== 0 && this.setVisibleRange(e[0].time, e[e.length - 1].time);
+		let e = this.dataManager.getLength();
+		e !== 0 && (this.viewport.zoomToBarRange(0, e - 1 + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender());
 	}
 	on(e, t) {
 		this.eventBus.on(e, t);
@@ -1061,19 +1165,19 @@ var ft = 6, pt = class {
 		}), this.engine.requestRender(r.Background);
 	}
 	setAutoScale(e) {
-		this.options.autoScale = e, this.updateViewportAndRender();
+		this.options.autoScale = e, this.defaultAutoScale = e, this.updateViewportAndRender();
 	}
 	isAutoScale() {
 		return this.options.autoScale !== !1;
 	}
 	setCrosshairMode(e) {
-		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Overlay);
+		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Hover);
 	}
 	getCrosshairMode() {
 		return this.crosshairHandler.getMode();
 	}
 	setCrosshairPosition(e) {
-		e && this.crosshairHandler.onPointerMove(e), this.engine.requestRender(r.Overlay);
+		e && this.crosshairHandler.onPointerMove(e), this.engine.requestRender(r.Hover);
 	}
 	getData() {
 		return this.dataManager.getData();
@@ -1134,7 +1238,7 @@ var ft = 6, pt = class {
 		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
 	}
 	setTimezoneOffset(e) {
-		this.timeAxis.setTimezoneOffset(e), this.crosshairHandler.setTimezoneOffset(e), this.engine.requestRender(r.UI), this.engine.requestRender(r.Overlay);
+		this.timeAxis.setTimezoneOffset(e), this.crosshairHandler.setTimezoneOffset(e), this.crosshairTooltip.setTimezoneOffset(e), this.engine.requestRender(r.UI);
 	}
 	setPivotMarkersVisible(e) {
 		this.pivotMarkers.setVisible(e), this.engine.requestRender(r.Overlay);
@@ -1158,31 +1262,31 @@ var ft = 6, pt = class {
 		e || this.crosshairTooltip.hide();
 	}
 	setLegend(e) {
-		this.chartLegend.setConfig(e), this.engine.requestRender(r.UI);
+		this.chartLegend.setConfig(e), this.engine.requestRender(r.Hover);
 	}
 	setSymbolName(e) {
-		this.chartLegend.setSymbol(e), this.engine.requestRender(r.UI);
+		this.chartLegend.setSymbol(e), this.engine.requestRender(r.Hover);
 	}
 	setStatusText(e) {
-		this.chartLegend.setStatusText(e), this.engine.requestRender(r.UI);
+		this.chartLegend.setStatusText(e), this.engine.requestRender(r.Hover);
 	}
 	screenshot(e) {
-		this.features.screenshot && S.download(this.container, e, this.themeManager.getTheme().background);
+		this.features.screenshot && x.download(this.container, e, this.themeManager.getTheme().background);
 	}
 	async copyScreenshot() {
 		if (!this.features.screenshot) return !1;
 		try {
-			let e = await S.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
+			let e = await x.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
 			return !e || !navigator.clipboard?.write || !t ? !1 : (await navigator.clipboard.write([new t({ "image/png": e })]), !0);
 		} catch {
 			return !1;
 		}
 	}
 	screenshotDataURL() {
-		return this.features.screenshot ? S.toDataURL(this.container, this.themeManager.getTheme().background) : null;
+		return this.features.screenshot ? x.toDataURL(this.container, this.themeManager.getTheme().background) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? S.toBlob(this.container, this.themeManager.getTheme().background) : null;
+		return this.features.screenshot ? x.toBlob(this.container, this.themeManager.getTheme().background) : null;
 	}
 	addAlert(e, t = "crossing", n, r = "price", i) {
 		if (!this.features.alerts) return null;
@@ -1246,9 +1350,15 @@ var ft = 6, pt = class {
 	replayStart(e) {
 		if (!this.features.replay) return;
 		let t = this.dataManager.getData();
-		this.replayManager.load(t), this.replayManager.on("bar", ({ bar: e, index: n }) => {
-			let r = t.slice(0, n + 1);
-			this.dataManager.setData(r), this.crosshairHandler.setData(r), this.indicatorEngine.recalculateAll(r), this.updateViewportAndRender();
+		this.replayManager.load(t);
+		let n = -1;
+		this.replayBarUnsub?.(), this.replayBarUnsub = this.replayManager.on("bar", ({ bar: e, index: r }) => {
+			let i = r + 1, a = n > 0 && i > n && this.dataManager.getLength() === n, o = !(a && !this.replaySeeking) || this.autoScrollOnNewBar && this.viewport.isAtEnd();
+			if (a) {
+				for (let e = n; e < i; e++) this.dataManager.appendBar(t[e]);
+				this.indicatorEngine.recalculateFrom(this.dataManager.getData(), n);
+			} else this.dataManager.setData(t.slice(0, i)), this.indicatorEngine.recalculateAll(this.dataManager.getData());
+			n = i, this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.updateViewportAndRender(o);
 		}), this.replayManager.play(e);
 	}
 	replayPause() {
@@ -1261,7 +1371,12 @@ var ft = 6, pt = class {
 		this.replayManager.stop();
 	}
 	replaySeek(e) {
-		this.replayManager.seekTo(e);
+		this.replaySeeking = !0;
+		try {
+			this.replayManager.seekTo(e);
+		} finally {
+			this.replaySeeking = !1;
+		}
 	}
 	setReplaySpeed(e) {
 		this.replayManager.setSpeed(e);
@@ -1274,16 +1389,16 @@ var ft = 6, pt = class {
 	}
 	saveState(e) {
 		if (!this.features.saveLoad) return null;
-		let t = _.capture({
+		let t = g.capture({
 			getDrawings: () => this.getDrawings(),
 			getTheme: () => this.getTheme(),
 			getAlerts: () => this.getAlerts()
-		}, { chartType: this.options.chartType }), n = _.serialize(t);
-		return e && _.saveToStorage(e, t), n;
+		}, { chartType: this.options.chartType }), n = g.serialize(t);
+		return e && g.saveToStorage(e, t), n;
 	}
 	loadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = _.deserialize(e);
+		let t = g.deserialize(e);
 		if (t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), t.theme && this.setTheme(t.theme), t.alerts) {
 			this.clearAlerts();
 			for (let e of t.alerts) this.addAlert(e.price, e.condition, e.message);
@@ -1291,28 +1406,28 @@ var ft = 6, pt = class {
 	}
 	loadStateFromStorage(e) {
 		if (!this.features.saveLoad) return !1;
-		let t = _.loadFromStorage(e);
-		return t ? (this.loadState(_.serialize(t)), !0) : !1;
+		let t = g.loadFromStorage(e);
+		return t ? (this.loadState(g.serialize(t)), !0) : !1;
 	}
 	downloadState(e) {
 		if (!this.features.saveLoad) return;
-		let t = _.capture({
+		let t = g.capture({
 			getDrawings: () => this.getDrawings(),
 			getTheme: () => this.getTheme(),
 			getAlerts: () => this.getAlerts()
 		}, { chartType: this.options.chartType });
-		_.downloadFile(t, e);
+		g.downloadFile(t, e);
 	}
 	async loadStateFromFile() {
 		if (!this.features.saveLoad) return;
-		let e = await _.loadFromFile();
-		this.loadState(_.serialize(e));
+		let e = await g.loadFromFile();
+		this.loadState(g.serialize(e));
 	}
 	setLocale(e) {
-		l(e), this.engine.requestRender();
+		d(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
-		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.syncRenderContext(), this.engine.requestRender();
+		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.sessionBreaks.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
 	}
 	getNumberLocale() {
 		return this.numberLocale;
@@ -1330,13 +1445,13 @@ var ft = 6, pt = class {
 			};
 			this.themeManager.setTheme(t);
 		}
-		e.pricePrecision !== void 0 && (this.tradingManager.setConfig({ pricePrecision: e.pricePrecision }), this.alertManager.setPricePrecision(e.pricePrecision), this.streamManager?.priceLine.setPricePrecision(e.pricePrecision), this.crosshairHandler.setPricePrecision(e.pricePrecision)), this.syncRenderContext(), this.engine.requestRender();
+		e.pricePrecision !== void 0 && (this.tradingManager.setConfig({ pricePrecision: e.pricePrecision }), this.alertManager.setPricePrecision(e.pricePrecision), this.streamManager?.priceLine.setPricePrecision(e.pricePrecision), this.currentPriceLine.setPricePrecision(e.pricePrecision), this.crosshairHandler.setPricePrecision(e.pricePrecision), this.chartLegend.setPricePrecision(e.pricePrecision), this.crosshairTooltip.setPricePrecision(e.pricePrecision)), this.updateViewportAndRender();
 	}
 	getMarket() {
 		return this.marketConfig;
 	}
 	setPriceLimits(e) {
-		this.marketConfig && (s(e, this.marketConfig) && (this.marketConfig.priceLimits = {
+		this.marketConfig && (c(e, this.marketConfig) && (this.marketConfig.priceLimits = {
 			...this.marketConfig.priceLimits,
 			referencePrice: e
 		}), this.engine.requestRender());
@@ -1345,7 +1460,7 @@ var ft = 6, pt = class {
 		return this.features;
 	}
 	setFeatures(e) {
-		Object.assign(this.features, e), e.crosshair === !1 && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.engine.requestRender(r.Main)), 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.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.engine.requestRender(r.Main)), 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();
@@ -1360,42 +1475,63 @@ var ft = 6, pt = class {
 		this.countdownInterval && clearInterval(this.countdownInterval), this.disableAutoSave(), this.disconnectStream(), this.disconnectExecution(), this.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.pinnedTooltip.destroy(), this.replayManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.container.innerHTML = "";
 	}
 	createChartRenderer(e) {
-		return rt(e, (e) => this.pluginManager.getChartType(e));
+		return lt(e, (e) => this.pluginManager.getChartType(e));
 	}
 	getDisplayData() {
 		if (this.displayDataCache) return this.displayDataCache;
 		let e = this.dataManager.getData();
 		if (e.length === 0) return e;
-		let t = it(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
+		let t = ut(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
 		return this.displayDataCache = t, t;
 	}
 	scheduleRender() {
 		this.renderScheduled || (this.renderScheduled = !0, requestAnimationFrame(() => {
-			this.renderScheduled = !1;
-			let e = this.getDisplayData();
-			this.viewport.updateData(e, this.options.autoScale !== !1), this.syncRenderContext(), this.engine.requestRender();
+			this.renderScheduled = !1, this.applyDataToViewport(), this.fitPriceAxisWidth() && this.applyDataToViewport(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 		}));
 	}
-	updateViewportAndRender(e = !1) {
-		this.resolvedLayoutCache = null, this.panelInfoCache = null;
-		let t = this.getResolvedLayout();
-		this.viewport.setChartRect(t.mainChartRect);
-		let n = this.getDisplayData();
-		if (this.viewport.updateData(n, this.options.autoScale !== !1), n.length > 0) {
-			let e = this.viewport.getState(), t = Math.max(0, Math.min(e.visibleRange.from, n.length - 1));
-			this.viewport.setScaleBaseline(n[t]?.close);
+	applyDataToViewport(e = !1) {
+		let t = this.getDisplayData(), n = this.options.autoScale !== !1;
+		this.viewport.updateData(t, n && !e), e && (this.viewport.scrollToEnd(), n && this.viewport.updateData(t, !0));
+		let r = this.viewport.getState();
+		if (t.length > 0) {
+			let e = Math.max(0, Math.min(r.visibleRange.from, t.length - 1));
+			this.viewport.setScaleBaseline(t[e]?.close);
 		}
-		if (this.options.autoScale !== !1) {
-			let e = this.viewport.getState(), t = this.indicatorEngine.getOverlayPriceRange(e.visibleRange.from, Math.min(e.visibleRange.to, n.length - 1));
-			if (t) {
-				let n = e.priceRange, r = Math.min(n.min, t.min), i = Math.max(n.max, t.max);
-				if (r < n.min || i > n.max) {
-					let e = i - r || 1;
-					this.viewport.setPriceRange(r - e * .02, i + e * .02);
+		if (n) {
+			let e = this.indicatorEngine.getOverlayPriceRange(r.visibleRange.from, Math.min(r.visibleRange.to, t.length - 1));
+			if (e) {
+				let t = r.priceRange, n = Math.min(t.min, e.min), i = Math.max(t.max, e.max);
+				if (n < t.min || i > t.max) {
+					let e = i - n || 1;
+					this.viewport.setPriceRange(n - e * .02, i + e * .02);
 				}
 			}
 		}
-		e && this.viewport.scrollToEnd(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+		return t;
+	}
+	updateViewportAndRender(e = !1) {
+		this.resolvedLayoutCache = null, this.panelInfoCache = null;
+		let t = this.getResolvedLayout();
+		this.viewport.setChartRect(t.mainChartRect), this.applyDataToViewport(e), this.fitPriceAxisWidth() && this.applyDataToViewport(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+	}
+	fitPriceAxisWidth() {
+		if (!this.features.priceAxis) return !1;
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = _t({
+			min: e.min,
+			max: e.max,
+			lastPrice: this.currentPriceLine.getPrice(),
+			tagPrecision: this.marketConfig?.pricePrecision ?? null,
+			locale: this.numberLocale,
+			fontFamily: t.font.family,
+			fontSizeSmall: t.font.sizeSmall,
+			measure: (e, t) => this.measureText(e, t)
+		}), r = vt(this.priceAxisWidth, n);
+		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
+	}
+	measureText(e, t) {
+		this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null);
+		let n = this.measureCtx;
+		return n ? (n.font = t, n.measureText(e).width) : e.length * 7;
 	}
 	emitViewportEvents() {
 		let e = this.viewport.getState(), t = Math.max(0, Math.floor(e.visibleRange.from)), n = Math.max(t, Math.ceil(e.visibleRange.to));
@@ -1425,7 +1561,7 @@ var ft = 6, pt = class {
 	buildPanelRenderInfos() {
 		if (this.panelInfoCache) return this.panelInfoCache;
 		let e = this.getResolvedLayout(), t = this.viewport.getState(), { from: n, to: r } = t.visibleRange, i = e.panels.map((e) => {
-			let i = at(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
+			let i = dt(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -1455,7 +1591,7 @@ var ft = 6, pt = class {
 			indicatorEngine: this.features.indicators ? this.indicatorEngine : null,
 			drawingRenderer: this.features.drawings ? this.drawingRenderer : null,
 			tradingRenderer: this.features.trading ? this.tradingRenderer : null,
-			currentPriceLine: this.streamManager?.priceLine ?? this.currentPriceLine,
+			currentPriceLine: this.currentPriceLine,
 			chartLegend: this.features.legend ? this.chartLegend : null,
 			volumeRenderer: this.features.volume ? this.volumeRenderer : null,
 			volumeProfile: this.volumeProfile,
@@ -1470,6 +1606,7 @@ var ft = 6, pt = class {
 			compareRenderer: this.compareRenderer,
 			alertManager: this.features.alerts ? this.alertManager : null,
 			measureOverlay: this.measureOverlay,
+			selectionBoxOverlay: this.selectionBoxOverlay,
 			signalMarkerManager: this.signalMarkerManager,
 			tradeZoneManager: this.tradeZoneManager,
 			panels: t,
@@ -1497,7 +1634,7 @@ var ft = 6, pt = class {
 	}
 	buildPriceLimits() {
 		if (!this.marketConfig?.priceLimits?.enabled || !this.marketConfig.priceLimits.referencePrice) return null;
-		let e = s(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
+		let e = c(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
 		return e ? {
 			...e,
 			colors: this.marketConfig.colorScheme ? {
@@ -1520,13 +1657,13 @@ var ft = 6, pt = class {
 ];
 function q(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? mt(t) : ht(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Et(t) : Dt(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function mt(e) {
+function Et(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1536,19 +1673,19 @@ function mt(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) ? yt(e) : vt(e);
+		let t = Array.isArray(e) ? At(e) : Y(e);
 		t ? n.push(t) : r++;
 	}
-	return Z(n, t.length, r);
+	return Q(n, t.length, r);
 }
-function ht(e) {
+function Dt(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 = gt(t[0]), r = J(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? _t(r) : {
+	let n = Ot(t[0]), r = J(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? kt(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -1559,7 +1696,7 @@ function ht(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 = J(t[e], n), i = X(r[a.time]), c = Y(r[a.open]), l = Y(r[a.high]), u = Y(r[a.low]), d = Y(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = J(t[e], n), i = Z(r[a.time]), c = X(r[a.open]), l = X(r[a.high]), u = X(r[a.low]), d = X(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
 		if (i === null || ![
 			c,
 			l,
@@ -1578,9 +1715,9 @@ function ht(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Z(o, t.length - +!!i, s);
+	return Q(o, t.length - +!!i, s);
 }
-function gt(e) {
+function Ot(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1600,7 +1737,7 @@ function J(e, t) {
 	}
 	return n.push(r), n;
 }
-function _t(e) {
+function kt(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
 		time: t(V),
@@ -1611,14 +1748,14 @@ function _t(e) {
 		volume: t(K)
 	};
 }
-function vt(e) {
+function Y(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 = X(String(t(V) ?? "")), r = Number(t(H)), i = Number(t(U)), a = Number(t(W)), o = Number(t(G)), s = Number(t(K) ?? 0);
+	}, n = Z(String(t(V) ?? "")), r = Number(t(H)), i = Number(t(U)), a = Number(t(W)), o = Number(t(G)), s = Number(t(K) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -1633,9 +1770,9 @@ function vt(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function yt(e) {
+function At(e) {
 	if (e.length < 5) return null;
-	let t = X(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 = Z(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,
@@ -1650,10 +1787,10 @@ function yt(e) {
 		volume: Number.isFinite(o) ? o : 0
 	};
 }
-function Y(e) {
+function X(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function X(e) {
+function Z(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -1661,7 +1798,7 @@ function X(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Z(e, t, n) {
+function Q(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);
@@ -1673,7 +1810,7 @@ function Z(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Q = class {
+var jt = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1720,12 +1857,12 @@ var Q = class {
 			zIndex: "90",
 			pointerEvents: "none",
 			borderRadius: "10px",
-			border: "2px dashed var(--tcw-accent, #4f88ff)",
+			border: "2px dashed var(--tcw-accent, #f2a93b)",
 			background: "rgba(79, 136, 255, 0.06)",
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
-			color: "var(--tcw-accent, #4f88ff)",
+			color: "var(--tcw-accent, #f2a93b)",
 			fontSize: "14px",
 			fontWeight: "600",
 			letterSpacing: "-0.005em",
@@ -1741,6 +1878,6 @@ function $(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
-export { ut as a, lt as c, I as d, P as f, z as i, st as l, A as m, q as n, R as o, j as p, pt as r, ct as s, Q as t, F as u };
+export { Ct as a, St as c, I as d, N as f, z as i, bt as l, k as m, q as n, R as o, A as p, Tt as r, xt as s, jt as t, F as u };
 
-//# sourceMappingURL=DragDropImporter-CLtRQjKD.js.map
+//# sourceMappingURL=DragDropImporter-cURSpfUb.js.map