@tradecanvas/chart 1.2.0 → 1.3.0

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

@@ -1,7 +1,7 @@
 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 y, RenkoRenderer as b, ReplayManager as x, Screenshot as S, SessionBreaks as Ne, SessionShading as Pe, SignalMarkerManager as Fe, StepLineRenderer as Ie, StreamManager as Le, TimeAxis as Re, TradeZoneManager as ze, TradingManager as Be, TradingRenderer as Ve, UndoRedoManager as He, Viewport as Ue, VolumeCandleRenderer as We, VolumeProfileRenderer as Ge, VolumeRenderer as Ke, Watermark as qe, ZoomHandler as Je, findDominantSwing as Ye, registerBuiltInDrawingTools as Xe, registerBuiltInIndicators as C, toHeikinAshi as Ze, toKagi as Qe, toLineBreak as $e, toPointAndFigure as et, toRangeBars as tt, toRenko as nt, xToBarIndex as rt } from "@tradecanvas/core";
+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 w(e) {
+function st(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
@@ -12,55 +12,55 @@ function w(e) {
 		case "bar": return new ie();
 		case "hollowCandle": return new ve();
 		case "baseline": return new ae();
-		case "renko": return new b();
+		case "renko": return new y();
 		case "kagi": return new be();
 		case "pointAndFigure": return new je();
-		case "volumeCandles": return new We();
+		case "volumeCandles": return new Ke();
 		case "equivolume": return new me();
 		case "hlcArea": return new _e();
-		case "stepLine": return new Ie();
+		case "stepLine": return new Re();
 		case "lineWithMarkers": return new Ce();
 		default: return new h();
 	}
 }
-function it(e, t) {
+function ct(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Ze(t);
-		case "renko": return nt(t, {
+		case "heikinAshi": return et(t);
+		case "renko": return at(t, {
 			brickSize: 0,
 			useATR: !0,
 			atrPeriod: 14
 		});
-		case "lineBreak": return $e(t, 3);
-		case "kagi": return Qe(t, 4);
-		case "pointAndFigure": return et(t, T(t) * .01, 3);
-		case "rangeBars": return tt(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 at(e, t) {
+function lt(e, t) {
 	let n = t?.(e);
-	return n ? n.createRenderer() : w(e);
+	return n ? n.createRenderer() : st(e);
 }
-function ot(e, t, n) {
+function ut(e, t, n) {
 	if (t.length === 0) return t;
 	let r = n?.(e);
-	return r?.transform ? r.transform(t) : it(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 st(e, t, n) {
-	if (!e) return { ...E };
+}, 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);
@@ -81,16 +81,16 @@ function st(e, t, n) {
 			a++;
 		}
 	}
-	if (r === Infinity) return { ...E };
+	if (r === Infinity) return { ...T };
 	let a = i - r || 1;
 	return {
-		min: r - a * D,
-		max: i + a * D
+		min: r - a * E,
+		max: i + a * E
 	};
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var ct = class {
+var ft = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -120,15 +120,15 @@ var ct = 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 lt(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 k(e) {
+function O(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -136,7 +136,7 @@ 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;
@@ -145,16 +145,16 @@ var A = class {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
 			let r = e[n];
-			O(r) && t.push(lt(r) ? r : k(r));
+			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;
@@ -170,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 };
@@ -181,7 +181,7 @@ 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;
@@ -194,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
@@ -209,7 +209,7 @@ 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) {
@@ -313,8 +313,8 @@ var A = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, ut = 14, dt = 14, ft = 22, F = 4;
-function pt(e) {
+}, 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,
@@ -323,20 +323,34 @@ function pt(e) {
 	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}`) + ut, u(n, `bold 11px ${o}`) + dt, u(n, `600 ${c}px ${o}`) + ft);
+		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 / F) * F;
+	return m <= a ? a : Math.ceil(m / P) * P;
 }
-function mt(e, t) {
+function vt(e, t) {
 	return t > e || t <= e - 12 ? t : e;
 }
-//#endregion
-//#region src/plugins/contracts.ts
-var ht = 1;
-function I(e, t) {
+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);
 }
-function L(e) {
+function I(e) {
 	switch (e.kind) {
 		case "indicator": return `indicator:${e.plugin.descriptor.id}`;
 		case "drawing": return `drawing:${e.plugin.descriptor.type}`;
@@ -346,25 +360,25 @@ function L(e) {
 }
 //#endregion
 //#region src/plugins/registry.ts
-var R = /* @__PURE__ */ new Map();
-function gt(e) {
-	R.set(L(e), e);
+var L = /* @__PURE__ */ new Map();
+function xt(e) {
+	L.set(I(e), e);
 }
-function _t(e) {
-	return R.delete(e);
+function St(e) {
+	return L.delete(e);
 }
-function z() {
-	return [...R.values()];
+function R() {
+	return [...L.values()];
 }
-function vt() {
-	R.clear();
+function Ct() {
+	L.clear();
 }
 //#endregion
 //#region src/plugins/PluginManager.ts
-var B = class {
+var z = class {
 	plugins = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of z()) this.add(e);
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of R()) this.add(e);
 		for (let e of t.plugins ?? []) this.add(e);
 	}
 	register(e) {
@@ -392,20 +406,20 @@ var B = class {
 		return e;
 	}
 	add(e) {
-		this.plugins.set(L(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+		this.plugins.set(I(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
 	}
-}, V = {
+}, B = {
 	orderPlace: (e, t) => e.placeOrder(t),
 	orderModify: (e, t) => e.modifyOrder(t),
 	orderCancel: (e, t) => e.cancelOrder(t),
 	positionModify: (e, t) => e.modifyPosition(t),
 	positionClose: (e, t) => e.closePosition(t)
 };
-function yt(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(V)) {
-		let i = V[r], a = t.onIntent(r, (n) => {
+	for (let r of Object.keys(B)) {
+		let i = B[r], a = t.onIntent(r, (n) => {
 			Promise.resolve(i(e, n)).catch((e) => t.onError({
 				message: `Execution command failed: ${r}`,
 				cause: e
@@ -419,8 +433,8 @@ function yt(e, t) {
 }
 //#endregion
 //#region src/Chart.ts
-var bt = 6, xt = class {
-	static version = "1.2.0";
+var Tt = class {
+	static version = "1.3.0";
 	engine;
 	viewport;
 	dataManager;
@@ -465,10 +479,12 @@ var bt = 6, xt = class {
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
+	selectionBoxOverlay = new Pe();
 	replayManager;
 	replayBarUnsub = null;
+	replaySeeking = !1;
 	undoRedoManager;
-	autoSaveScheduler = new ct((e) => this.saveState(e));
+	autoSaveScheduler = new ft((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -497,7 +513,7 @@ var bt = 6, xt = 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,
@@ -522,36 +538,48 @@ var bt = 6, xt = 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 v(), this.pluginManager = new B(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new he(), C(this.indicatorEngine), this.drawingManager = new fe(), Xe(this.drawingManager), this.drawingRenderer = new pe(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 He(), 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 Be({
+		}), 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 Ve(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 y(e);
+		}), this.engine = new Ne(e);
 		let i = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Ue(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 ge(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Me(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Re(), this.crosshairHandler = new ce(), 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.features.crosshairTooltip && 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 oe(), this.chartLegend.setChartType(t.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new qe(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Ke(), this.volumeProfile = new Ge(), this.marketProfile = new we(), this.depthHeatmap = new de(), this.periodLevels = new Oe(), this.pivotMarkers = new Ae(), this.barCountdown = new re(), this.sessionBreaks = new Ne(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Pe(), this.compareRenderer = new se(), 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 ee(), this.crosshairTooltip = new le(), this.crosshairTooltip.create(e), this.pinnedTooltip = new ke(), this.pinnedTooltip.create(e), this.keyboardHandler = new xe({
+		}) : 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();
@@ -571,7 +599,7 @@ var bt = 6, xt = 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 ue(), this.currentPriceLine.setLocale(this.numberLocale), this.alertManager = new m(), 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,
@@ -603,7 +631,7 @@ var bt = 6, xt = class {
 				message: e.message,
 				triggered: e.triggered
 			});
-		}), this.signalMarkerManager = new Fe(), 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,
@@ -611,23 +639,21 @@ var bt = 6, xt = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new ze(), 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 Te(), this.interactionManager = new ye(e), this.features.panning) {
-			let 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), n && (e += n, (this.options.autoScale === !1 || Math.abs(e) > bt) && (this.options.autoScale = !1, this.viewport.panPriceRange(n))), this.updateViewportAndRender();
-			}, () => {
-				e = 0;
-			}));
+				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 Je((e, t) => {
+			this.interactionManager.setZoomHandler(new Xe((e, t) => {
 				this.viewport.zoom(e, t), this.updateViewportAndRender();
 			}));
 			let e = new ne((e) => {
@@ -662,7 +688,7 @@ var bt = 6, xt = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let n = rt(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,
@@ -684,8 +710,32 @@ var bt = 6, xt = 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) {
@@ -742,7 +792,7 @@ var bt = 6, xt = class {
 	}
 	static indicators() {
 		let e = new v();
-		return C(e), e.getAvailableIndicators();
+		return S(e), e.getAvailableIndicators();
 	}
 	setPanelPosition(e, t) {
 		this.layoutManager.setPanelPosition(e, t), this.engine.requestRender();
@@ -781,7 +831,7 @@ var bt = 6, xt = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Ye(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]]
@@ -948,7 +998,7 @@ var bt = 6, xt = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		this.disconnectStream(), this.streamManager = new Le(), this.streamManager.on("snapshot", (e) => {
+		this.disconnectStream(), this.streamManager = new ze(), this.streamManager.on("snapshot", (e) => {
 			this.setData(e);
 		}), this.streamManager.on("barClose", (e) => {
 			let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
@@ -960,7 +1010,7 @@ var bt = 6, xt = class {
 			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.engine.requestRender(r.UI);
+			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) => {
@@ -970,7 +1020,7 @@ var bt = 6, xt = class {
 		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.UI);
+			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
 		}, 1e3);
 	}
 	async switchStream(e, t) {
@@ -985,7 +1035,7 @@ var bt = 6, xt = class {
 	}
 	connectExecution(e, t = {}) {
 		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = yt(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);
@@ -1005,7 +1055,7 @@ var bt = 6, xt = 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);
@@ -1067,21 +1117,13 @@ var bt = 6, xt = 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;
@@ -1092,8 +1134,8 @@ var bt = 6, xt = 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);
@@ -1129,13 +1171,13 @@ var bt = 6, xt = class {
 		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();
@@ -1196,7 +1238,7 @@ var bt = 6, xt = 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);
@@ -1220,31 +1262,31 @@ var bt = 6, xt = 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;
@@ -1311,12 +1353,12 @@ var bt = 6, xt = class {
 		this.replayManager.load(t);
 		let n = -1;
 		this.replayBarUnsub?.(), this.replayBarUnsub = this.replayManager.on("bar", ({ bar: e, index: r }) => {
-			let i = r + 1;
-			if (n > 0 && i > n && this.dataManager.getLength() === n) {
+			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();
+			n = i, this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.updateViewportAndRender(o);
 		}), this.replayManager.play(e);
 	}
 	replayPause() {
@@ -1329,7 +1371,12 @@ var bt = 6, xt = 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);
@@ -1380,7 +1427,7 @@ var bt = 6, xt = class {
 		d(e), this.engine.requestRender();
 	}
 	setNumberLocale(e) {
-		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.chartLegend.setLocale(e), this.sessionBreaks.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
+		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;
@@ -1398,7 +1445,7 @@ var bt = 6, xt = 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.currentPriceLine.setPricePrecision(e.pricePrecision), this.crosshairHandler.setPricePrecision(e.pricePrecision), this.chartLegend.setPricePrecision(e.pricePrecision)), this.updateViewportAndRender();
+		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;
@@ -1428,13 +1475,13 @@ var bt = 6, xt = 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 at(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 = ot(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() {
@@ -1469,7 +1516,7 @@ var bt = 6, xt = class {
 	}
 	fitPriceAxisWidth() {
 		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = pt({
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = _t({
 			min: e.min,
 			max: e.max,
 			lastPrice: this.currentPriceLine.getPrice(),
@@ -1478,7 +1525,7 @@ var bt = 6, xt = class {
 			fontFamily: t.font.family,
 			fontSizeSmall: t.font.sizeSmall,
 			measure: (e, t) => this.measureText(e, t)
-		}), r = mt(this.priceAxisWidth, n);
+		}), 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) {
@@ -1514,7 +1561,7 @@ var bt = 6, xt = 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 = st(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,
@@ -1559,6 +1606,7 @@ var bt = 6, xt = 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,
@@ -1575,7 +1623,7 @@ var bt = 6, xt = class {
 		});
 	}
 	drawOverlayPlugins(e, t) {
-		let n = I(this.pluginManager.getOverlays(), t);
+		let n = F(this.pluginManager.getOverlays(), t);
 		if (n.length === 0) return;
 		let r = {
 			viewport: this.viewport.getState(),
@@ -1596,26 +1644,26 @@ var bt = 6, xt = class {
 			} : void 0
 		} : null;
 	}
-}, H = [
+}, V = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], U = ["open", "o"], W = ["high", "h"], G = ["low", "l"], K = ["close", "c"], q = [
+], H = ["open", "o"], U = ["high", "h"], W = ["low", "l"], G = ["close", "c"], K = [
 	"volume",
 	"vol",
 	"v"
 ];
-function J(e) {
+function q(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? St(t) : Ct(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Et(t) : Dt(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function St(e) {
+function Et(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1625,19 +1673,19 @@ function St(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) ? Dt(e) : Et(e);
+		let t = Array.isArray(e) ? At(e) : Y(e);
 		t ? n.push(t) : r++;
 	}
 	return Q(n, t.length, r);
 }
-function Ct(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 = wt(t[0]), r = Y(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Tt(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,
@@ -1648,7 +1696,7 @@ function Ct(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 = Y(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;
+		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,
@@ -1669,7 +1717,7 @@ function Ct(e) {
 	}
 	return Q(o, t.length - +!!i, s);
 }
-function wt(e) {
+function Ot(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1681,7 +1729,7 @@ function wt(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Y(e, t) {
+function J(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -1689,25 +1737,25 @@ function Y(e, t) {
 	}
 	return n.push(r), n;
 }
-function Tt(e) {
+function kt(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(H),
-		open: t(U),
-		high: t(W),
-		low: t(G),
-		close: t(K),
-		volume: t(q)
+		time: t(V),
+		open: t(H),
+		high: t(U),
+		low: t(W),
+		close: t(G),
+		volume: t(K)
 	};
 }
-function Et(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 = Z(String(t(H) ?? "")), r = Number(t(U)), i = Number(t(W)), a = Number(t(G)), o = Number(t(K)), s = Number(t(q) ?? 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,
@@ -1722,7 +1770,7 @@ function Et(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Dt(e) {
+function At(e) {
 	if (e.length < 5) return null;
 	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 || ![
@@ -1762,7 +1810,7 @@ function Q(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Ot = class {
+var jt = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1795,7 +1843,7 @@ var Ot = class {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = J(await t.text());
+			let e = q(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) {
@@ -1809,12 +1857,12 @@ var Ot = 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",
@@ -1830,6 +1878,6 @@ function $(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
-export { vt as a, _t as c, L as d, P as f, B as i, ht as l, A as m, J as n, z as o, j as p, xt as r, gt as s, Ot as t, I 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-BcTzFeRP.js.map
+//# sourceMappingURL=DragDropImporter-cURSpfUb.js.map