@tradecanvas/chart 1.62.0 → 1.63.0

package/dist/{LayoutSession-D1OOl-zS.js → LayoutSession-B65QLG6S.js}

@@ -1515,8 +1515,13 @@ var Vr = .08, Hr = a ** -7, Ur = 800, Wr = 24;
 function Gr(e) {
 	return e.length > 0 ? { renames: e } : {};
 }
-var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set(["verticalLine", "crossLine"]), Xr = class {
-	static version = "1.62.0";
+var Kr = 20, qr = 8, Jr = 10, Yr = {
+	ArrowLeft: [-1, 0],
+	ArrowRight: [1, 0],
+	ArrowUp: [0, -1],
+	ArrowDown: [0, 1]
+}, Xr = new Set(["horizontalLine", "crossLine"]), Zr = new Set(["verticalLine", "crossLine"]), Qr = class {
+	static version = "1.63.0";
 	engine;
 	viewport;
 	series = new Bn((e) => this.sessionKeep(e), (e) => this.followLiveChange(e));
@@ -1769,7 +1774,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 			color: t.sessionBreaks.color,
 			lineStyle: t.sessionBreaks.lineStyle,
 			lineWidth: t.sessionBreaks.lineWidth
-		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new me(), this.crosshairTooltip = new Oe(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Qe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = S(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(ni(t.shapes)), t.font && this.themeManager.setFont(ti(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ue({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.features.logScale && this.viewport.setLogScale(!0), this.animator = new me(), this.crosshairTooltip = new Oe(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Qe(), this.pinnedTooltip.create(e), this.pinnedTooltip.setLocale(this.numberLocale), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = S(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(ii(t.shapes)), t.font && this.themeManager.setFont(ri(t.font)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ue({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -1811,6 +1816,10 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 					e.preventDefault(), this.a11y.readBar(e.key === "." ? 1 : -1);
 					return;
 				}
+				if (this.nudgeSelectedDrawings(e)) {
+					e.preventDefault();
+					return;
+				}
 				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
 			}
 		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ke(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new pe(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.compareRenderer.setReservedLevels(() => this.alertManager.getAlerts().filter(Nt).map((e) => e.price)), this.alertManager.on("triggered", (e) => {
@@ -2187,7 +2196,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
 	}
 	setShapes(e) {
-		let t = ni(e);
+		let t = ii(e);
 		t.tagRadius !== void 0 && (this.themeManager.setShape({
 			...this.themeManager.getTheme().shape,
 			...t
@@ -2199,7 +2208,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 	setFont(e) {
 		if (e === null) this.themeManager.setFont(null);
 		else {
-			let t = ti(e);
+			let t = ri(e);
 			if (Object.keys(t).length === 0) return;
 			this.themeManager.setFont(t);
 		}
@@ -2683,6 +2692,15 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 	removeDrawings(e) {
 		return this.drawingManager.removeDrawings(e);
 	}
+	nudgeSelectedDrawings(e) {
+		let t = Yr[e.key];
+		if (!t || !this.features.drawings || e.ctrlKey || e.metaKey || e.altKey) return !1;
+		let n = e.shiftKey ? Jr : 1, r = {
+			...this.viewport.getState(),
+			data: this.getDisplayData()
+		};
+		return this.drawingManager.nudge(t[0] * n, t[1] * n, r);
+	}
 	takeBackDrawing(e) {
 		this.features.drawings && (this.drawingManager.takeBack(e), this.markStateChanged());
 	}
@@ -3949,7 +3967,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		let t = this.replaySession ? this.replayOffset : 0;
 		if (!this.replaySession) {
 			if (this.series.length() === 0) return;
-			this.series.beginReplay(), this.replaySession = ui(this.currentSymbol);
+			this.series.beginReplay(), this.replaySession = fi(this.currentSymbol);
 		}
 		let n = this.replaySession, { steps: r, startTime: i, hideHistory: a, revealMarks: o, step: s, ...c } = e ?? {};
 		c.animate = c.animate === !0;
@@ -3960,13 +3978,13 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		let m = r ? this.replayStepsOver(n, p, !0) : null;
 		this.options.autoScale = !0, this.buildReplay(p, m, f);
 		let h = this.replayStepsSeries;
-		h && c.startIndex !== void 0 && (c.startIndex = yi(h, p, c.startIndex));
+		h && c.startIndex !== void 0 && (c.startIndex = xi(h, p, c.startIndex));
 		let g = h ?? p, _ = g[Math.max(0, Math.min(Math.floor(Number(c.startIndex ?? 0)) || 0, g.length - 1))];
 		this.revealReplayMarks(this.replayRevealMarks ? _?.time ?? null : null), n.held && (n.held.state = c.paused ? "paused" : "playing", c.paused = !0), !c.paused && c.startIndex !== void 0 && c.startIndex >= 1 && this.replaySeek(c.startIndex - 1), this.replayManager.play(c);
 	}
 	buildReplay(e, t, n) {
 		let r = this.replaySession?.animate === !0, i = r ? null : t;
-		this.replayPieces = r && t ? Si(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
+		this.replayPieces = r && t ? wi(t, e) : null, this.replayForming = null, this.replayOffset = n, this.replayStepsSeries = i, this.replayCoarse = e;
 		let a = this.replayRestarting;
 		this.replayRestarting = !0;
 		try {
@@ -3980,7 +3998,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 			let n = t, a = e[t];
 			if (i) {
 				let r = i[t];
-				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? wi(c, r) : bi(e[n], i, t), a = xi(i, e, t, n) ? e[n] : c;
+				n = Q(e, r.time), c = c !== null && s === t - 1 && n === o - 1 && c ? Ei(c, r) : Si(e[n], i, t), a = Ci(i, e, t, n) ? e[n] : c;
 			}
 			let u = this.replayForming;
 			this.replayForming = null, s = t;
@@ -4004,7 +4022,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 			});
 		}), r && (this.replayPhaseUnsub = this.replayManager.on("phase", ({ index: t, fraction: n }) => {
 			if (!e[t] || this.series.length() !== o || o !== t && o !== t + 1) return;
-			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Ci() ? Mr(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = jr(r, i);
+			let r = this.replayForming?.index === t ? this.replayForming.path : this.replayPathOf(e, t), i = Ti() ? Mr(r, n) : n, a = o === t, s = a && this.autoScrollOnNewBar && this.viewport.isAtEnd(), c = jr(r, i);
 			a ? this.series.appendReplayed(c) : this.series.updateReplayed(c), o = t + 1, this.replayForming = {
 				index: t,
 				path: r
@@ -4014,7 +4032,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 	drawFormingBar(e, t, n, r) {
 		this.currentPriceLine.setPrice(e.close, t);
 		let i = this.series.bars();
-		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !oi.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
+		if (this.recalcIndicatorsFrom(i, i.length - 1), (n || !ci.has(this.options.chartType)) && (this.displayDataCache = null), !n) {
 			this.scheduleRender();
 			return;
 		}
@@ -4029,7 +4047,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		if (!n) return;
 		n.evictBefore(e[t].time);
 		let r = this.replayManager.getStepMs();
-		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(ai / r) : 1);
+		n.ensure(e, t, Number.isFinite(r) && r > 0 ? Math.ceil(si / r) : 1);
 	}
 	useReplayLoader(e, t) {
 		let n = this.streamAdapter, r = this.streamTimeframe, i = e.step && n && r !== null ? Fr(e.step, r, (e) => j(n, e)) : null, a = `${this.currentSymbol}|${r}|${i}`;
@@ -4060,8 +4078,8 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		if (o.time > s) {
 			let a = Y(e, s);
 			e[a]?.time === s && i.fedFraction < 1 && c.push(...q(this.replayPathOf(e, a), i.fedFraction, 1));
-			let o = e.slice(X(e, s), t), l = Math.ceil(o.length / gi);
-			for (let e = 0; e < o.length; e += l) c.push(..._i(o.slice(e, e + l)));
+			let o = e.slice(X(e, s), t), l = Math.ceil(o.length / vi);
+			for (let e = 0; e < o.length; e += l) c.push(...yi(o.slice(e, e + l)));
 			c.push(...q(n, -1, r));
 		} else c.push(...q(n, i.fedFraction, r));
 		i.fedTime = o.time, i.fedFraction = r;
@@ -4080,7 +4098,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		if (n.length === 0) return;
 		let r = t.windowTime === null ? 0 : Math.min(Y(n, t.windowTime), n.length - 1), i = r > 0 ? n.slice(r) : n;
 		this.useReplayLoader(t, !1);
-		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : pi(o ?? i, t.until);
+		let a = this.replayStepsOver(t, i), o = t.animate ? null : a, s = t.until === null ? 0 : hi(o ?? i, t.until);
 		if (s < 0 && this.canPageBackForReplay(t)) {
 			this.holdReplay(), t.held && t.held.pagesBack++, queueMicrotask(() => void this.pageBackForReplay(t));
 			return;
@@ -4088,7 +4106,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		let c = this.getReplayState(), l = t.held !== null && (e === "hours" || e === "bar"), u = t.held?.state ?? c;
 		l || (t.held = null), t.symbol = this.currentSymbol;
 		let d = this.replayManager.remainingMs();
-		this.clearBarHolders(), t.animate && fi(t, this.replayCoarse, i);
+		this.clearBarHolders(), t.animate && mi(t, this.replayCoarse, i);
 		let f = this.replayRestarting;
 		this.replayRestarting = !0, this.replayCause = e === "older" ? "older" : "series";
 		try {
@@ -4111,14 +4129,14 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 	}
 	replayStepsOver(e, t, n = !1) {
 		if (!e.steps || e.stepsSymbol !== this.currentSymbol) return null;
-		let r = vi(this.series.inHoursShown(e.steps), t);
-		return r && (n || hi(r, t)) ? r : null;
+		let r = bi(this.series.inHoursShown(e.steps), t);
+		return r && (n || _i(r, t)) ? r : null;
 	}
 	canPageBackForReplay(e) {
-		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < si;
+		return this.history.hasLoader() && this.history.hasMore() && (e.held?.pagesBack ?? 0) < li;
 	}
 	async pageBackForReplay(e) {
-		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = si, this.rebaseReplay("older"));
+		this.replaySession !== e || !e.held || await this.history.loadMore() > 0 || this.replaySession !== e || !e.held || (e.held.pagesBack = li, this.rebaseReplay("older"));
 	}
 	holdReplay() {
 		let e = this.replaySession;
@@ -4151,7 +4169,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		this.signalMarkerManager.setRevealUntil(e, t), this.tradeZoneManager.setRevealUntil(e, t);
 	}
 	replaySeekToTime(e) {
-		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, pi(this.replayStepsSeries ?? this.replayCoarse, e)));
+		!this.replaySession || !this.replayCoarse || this.replaySeek(Math.max(0, hi(this.replayStepsSeries ?? this.replayCoarse, e)));
 	}
 	feedReplayPrice(e, t) {
 		let n = this.executionAdapter;
@@ -4173,8 +4191,8 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		if (i.time <= n.fedTime) return;
 		let a = e.slice(X(e, n.fedTime), t + 1);
 		n.fedTime = i.time;
-		let o = Math.ceil(a.length / gi);
-		for (let e = 0; e < a.length; e += o) for (let [t, n] of _i(a.slice(e, e + o))) r.setMarkPrice(t, n);
+		let o = Math.ceil(a.length / vi);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of yi(a.slice(e, e + o))) r.setMarkPrice(t, n);
 		this.tradingManager.setCurrentPrice(i.close);
 	}
 	getReplayBarIndex() {
@@ -4185,7 +4203,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 	}
 	replaySeekToBar(e) {
 		let t = this.replayStepsSeries;
-		this.replaySeek(t && this.replayCoarse ? yi(t, this.replayCoarse, e) : e);
+		this.replaySeek(t && this.replayCoarse ? xi(t, this.replayCoarse, e) : e);
 	}
 	replayPause() {
 		this.setHeldState("paused") || this.replayManager.pause();
@@ -4226,7 +4244,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 			let t = Ut(e.time, n), r = Rt(e.price, n);
 			i = Math.min(i, t), a = Math.max(a, t), o = Math.min(o, r), s = Math.max(s, r);
 		}
-		return Jr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Yr.has(t.type) && ([o, s] = [r.y, r.y + r.height]), i = Math.max(i, r.x), a = Math.min(a, r.x + r.width), o = Math.max(o, r.y), s = Math.min(s, r.y + r.height), i <= a && o <= s ? {
+		return Xr.has(t.type) ? [i, a] = [r.x, r.x + r.width] : t.type === "horizontalRay" && (a = r.x + r.width), Zr.has(t.type) && ([o, s] = [r.y, r.y + r.height]), i = Math.max(i, r.x), a = Math.min(a, r.x + r.width), o = Math.max(o, r.y), s = Math.min(s, r.y + r.height), i <= a && o <= s ? {
 			x: i,
 			y: o,
 			width: a - i,
@@ -4275,14 +4293,14 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		});
 	}
 	restoreIndicators(e, t) {
-		let n = Zr(e), r = /* @__PURE__ */ new Map();
+		let n = $r(e), r = /* @__PURE__ */ new Map();
 		this.unrestoredIndicators = [];
 		let i = new Set(this.indicatorEngine.getAvailableIndicators().map((e) => e.id)), a = [], o = /* @__PURE__ */ new Set();
 		if (t) {
 			let e = new Map(n.map((e) => [e.instanceId, e])), t = this.getIndicatorSetup();
 			for (let n of t) {
 				let t = e.get(n.instanceId);
-				t && Qr(n, t) && o.add(n.instanceId);
+				t && ei(n, t) && o.add(n.instanceId);
 			}
 			for (let e of t) o.has(e.instanceId) || this.removeIndicator(e.instanceId);
 			for (let e of [...o]) this.indicatorEngine.getIndicatorConfig(e) || o.delete(e);
@@ -4706,7 +4724,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 	}
 	fitPriceScale(e, t) {
 		if (e.length === 0) return;
-		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = ii(ii(m(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && ri(e, n, r) ? this.volumeRenderer.getHeightRatio() + Hr : O;
+		let n = Math.max(0, t.visibleRange.from), r = Math.min(t.visibleRange.to, e.length - 1), i = oi(oi(m(e, n, r, 0), this.indicatorEngine.getOverlayPriceRange(n, r)), this.features.compareSymbols && this.comparesDrawn() ? this.compareRenderer.getPriceRange(e, t) : null), a = this.features.volume && this.volumeRenderer.isVisible() && ai(e, n, r) ? this.volumeRenderer.getHeightRatio() + Hr : O;
 		this.viewport.setScaleMargins(this.viewport.isInvertScale() ? {
 			top: a,
 			bottom: O
@@ -4763,9 +4781,9 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 	}
 	measureText(e, t) {
 		let n = this.engine.layerManager.getLayer(r.Main)?.ctx;
-		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => $r(n, e, t));
+		if (n?.canvas.isConnected) return this.labelWidths.get(e, t, () => ti(n, e, t));
 		let i = n ?? this.detachedMeasureContext();
-		return i ? $r(i, e, t) : e.length * 7;
+		return i ? ti(i, e, t) : e.length * 7;
 	}
 	detachedMeasureContext() {
 		return this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null), this.measureCtx;
@@ -4912,7 +4930,7 @@ var Kr = 20, qr = 8, Jr = new Set(["horizontalLine", "crossLine"]), Yr = new Set
 		};
 	}
 };
-function Zr(e) {
+function $r(e) {
 	let t = new Map(e.map((e) => [e.instanceId, e])), n = [], r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = (e) => {
 		if (r.has(e.instanceId) || i.has(e.instanceId)) return;
 		i.add(e.instanceId);
@@ -4926,19 +4944,19 @@ function Zr(e) {
 	for (let t of e) a(t);
 	return n;
 }
-function Qr(e, t) {
+function ei(e, t) {
 	return e.id === t.id && (e.pane ?? null) === (t.pane ?? null) && (e.scale ?? null) === (t.scale ?? null) && e.position === void 0 == (t.position === void 0);
 }
-function $r(e, t, n) {
+function ti(e, t, n) {
 	let r = e.font;
 	e.font = n;
 	let i = e.measureText(t).width;
 	return e.font = r, i;
 }
-var ei = 300;
-function ti(e) {
+var ni = 300;
+function ri(e) {
 	let t = {}, n = e.family;
-	typeof n == "string" && n.trim() !== "" && n.length <= ei && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
+	typeof n == "string" && n.trim() !== "" && n.length <= ni && !/[;{}<>\\]|\/\*/.test(n) && (t.family = n);
 	for (let n of [
 		"sizeSmall",
 		"sizeMedium",
@@ -4949,15 +4967,15 @@ function ti(e) {
 	}
 	return t;
 }
-function ni(e) {
+function ii(e) {
 	let t = e.tagRadius;
 	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
 }
-function ri(e, t, n) {
+function ai(e, t, n) {
 	for (let r = t; r <= n; r++) if (e[r].volume > 0) return !0;
 	return !1;
 }
-function ii(e, t) {
+function oi(e, t) {
 	return e ? t ? {
 		min: Math.min(e.min, t.min),
 		max: Math.max(e.max, t.max)
@@ -4978,14 +4996,14 @@ function J(e) {
 		bars: e.bars
 	};
 }
-var ai = 8e3, oi = new Set([
+var si = 8e3, ci = new Set([
 	"candlestick",
 	"line",
 	"area",
 	"bar",
 	"hollowCandle"
-]), si = 10, ci = 50, li = .001;
-function ui(e) {
+]), li = 10, ui = 50, di = .001;
+function fi(e) {
 	return {
 		price: null,
 		fedTime: null,
@@ -5000,41 +5018,41 @@ function ui(e) {
 		held: null
 	};
 }
-function di(e, t) {
+function pi(e, t) {
 	let n = e[t + 1];
 	return n ? n.time - e[t].time : Z(e);
 }
-function fi(e, t, n) {
+function mi(e, t, n) {
 	let r = e.fedTime;
 	if (r === null || !t || t.length === 0 || n.length === 0) return;
-	let i = di(t, Q(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Q(n, a), s = n[o].time;
+	let i = pi(t, Q(t, r)), a = r + (Number.isFinite(i) ? e.fedFraction * i : 0), o = Q(n, a), s = n[o].time;
 	if (s > a) return;
-	let c = di(n, o);
+	let c = pi(n, o);
 	if (a === s && o > 0) {
 		e.fedTime = n[o - 1].time, e.fedFraction = 1;
 		return;
 	}
 	e.fedTime = s, e.fedFraction = Number.isFinite(c) && c > 0 ? Math.min(1, (a - s) / c) : 0;
 }
-function pi(e, t) {
+function hi(e, t) {
 	let n = X(e, t), r = e.length - 1;
 	return n > r && r >= 0 && e[r].time + Z(e) <= t ? r : Math.max(-1, n - 2);
 }
-function mi(e) {
+function gi(e) {
 	let t = Infinity;
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.min(t, e[n].time - e[n - 1].time);
 	return t;
 }
-function hi(e, t) {
-	if (!(mi(e) < mi(t))) return !1;
-	let n = Math.max(0, e.length - ci);
+function _i(e, t) {
+	if (!(gi(e) < gi(t))) return !1;
+	let n = Math.max(0, e.length - ui);
 	for (let r = n; r < e.length; r++) {
-		let n = t[Q(t, e[r].time)], i = (n.high - n.low) * li + 2 ** -52;
+		let n = t[Q(t, e[r].time)], i = (n.high - n.low) * di + 2 ** -52;
 		if (e[r].close > n.high + i || e[r].close < n.low - i) return !1;
 	}
 	return !0;
 }
-var gi = 500;
+var vi = 500;
 function Y(e, t) {
 	let n = 0, r = e.length;
 	for (; n < r;) {
@@ -5051,7 +5069,7 @@ function X(e, t) {
 	}
 	return n;
 }
-function _i(e) {
+function yi(e) {
 	let t = 0, n = 0;
 	for (let r = 1; r < e.length; r++) e[r].low < e[t].low && (t = r), e[r].high > e[n].high && (n = r);
 	let r = [e[t].low, e[t].time], i = [e[n].high, e[n].time], a = t === n ? e[t].close >= e[t].open : t < n, o = e[e.length - 1];
@@ -5062,7 +5080,7 @@ function Z(e) {
 	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.max(t, e[n].time - e[n - 1].time);
 	return t > 0 ? t : Infinity;
 }
-function vi(e, t) {
+function bi(e, t) {
 	if (t.length === 0) return null;
 	let n = t[t.length - 1].time + Z(t), r = e.filter((e) => zn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
 	for (let e of r) (i.length === 0 || i[i.length - 1].time !== e.time) && i.push(e);
@@ -5080,26 +5098,26 @@ function Q(e, t) {
 	}
 	return n;
 }
-function yi(e, t, n) {
+function xi(e, t, n) {
 	let r = Math.max(0, Math.min(Math.floor(Number.isFinite(n) ? n : 0), t.length - 1)), i = r + 1 < t.length ? t[r + 1].time : Infinity, a = -1;
 	for (let t = 0; t < e.length && e[t].time < i; t++) a = t;
 	return Math.max(0, a);
 }
-function bi(e, t, n) {
+function Si(e, t, n) {
 	let r = n;
 	for (; r > 0 && t[r - 1].time >= e.time;) r--;
 	let i = {
 		...t[r],
 		time: e.time
 	};
-	for (let e = r + 1; e <= n; e++) i = wi(i, t[e]);
+	for (let e = r + 1; e <= n; e++) i = Ei(i, t[e]);
 	return i;
 }
-function xi(e, t, n, r) {
+function Ci(e, t, n, r) {
 	let i = e[n + 1], a = t[r + 1];
 	return i !== void 0 && a !== void 0 && i.time >= a.time;
 }
-function Si(e, t) {
+function wi(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		let e = t[Q(t, r.time)].time, i = n.get(e);
@@ -5107,10 +5125,10 @@ function Si(e, t) {
 	}
 	return n;
 }
-function Ci() {
+function Ti() {
 	return typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function wi(e, t) {
+function Ei(e, t) {
 	return {
 		time: e.time,
 		open: e.open,
@@ -5122,26 +5140,26 @@ function wi(e, t) {
 }
 //#endregion
 //#region src/io/parseOHLCV.ts
-var Ti = [
+var Di = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], Ei = ["open", "o"], Di = ["high", "h"], Oi = ["low", "l"], ki = ["close", "c"], Ai = [
+], Oi = ["open", "o"], ki = ["high", "h"], Ai = ["low", "l"], ji = ["close", "c"], Mi = [
 	"volume",
 	"vol",
 	"v"
 ];
-function ji(e) {
+function Ni(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Mi(t) : Ni(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? Pi(t) : Fi(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Mi(e) {
+function Pi(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -5151,19 +5169,19 @@ function Mi(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) ? Ri(e) : Li(e);
+		let t = Array.isArray(e) ? Bi(e) : zi(e);
 		t ? n.push(t) : r++;
 	}
-	return Bi(n, t.length, r);
+	return Hi(n, t.length, r);
 }
-function Ni(e) {
+function Fi(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 = Pi(t[0]), r = Fi(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Ii(r) : {
+	let n = Ii(t[0]), r = Li(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Ri(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -5174,7 +5192,7 @@ function Ni(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 = Fi(t[e], n), i = zi(r[a.time]), c = $(r[a.open]), l = $(r[a.high]), u = $(r[a.low]), d = $(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		let r = Li(t[e], n), i = Vi(r[a.time]), c = $(r[a.open]), l = $(r[a.high]), u = $(r[a.low]), d = $(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
 		if (i === null || ![
 			c,
 			l,
@@ -5193,9 +5211,9 @@ function Ni(e) {
 			volume: Number.isFinite(f) ? f : 0
 		});
 	}
-	return Bi(o, t.length - +!!i, s);
+	return Hi(o, t.length - +!!i, s);
 }
-function Pi(e) {
+function Ii(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -5207,7 +5225,7 @@ function Pi(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function Fi(e, t) {
+function Li(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -5215,25 +5233,25 @@ function Fi(e, t) {
 	}
 	return n.push(r), n;
 }
-function Ii(e) {
+function Ri(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
-		time: t(Ti),
-		open: t(Ei),
-		high: t(Di),
-		low: t(Oi),
-		close: t(ki),
-		volume: t(Ai)
+		time: t(Di),
+		open: t(Oi),
+		high: t(ki),
+		low: t(Ai),
+		close: t(ji),
+		volume: t(Mi)
 	};
 }
-function Li(e) {
+function zi(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 = zi(String(t(Ti) ?? "")), r = Number(t(Ei)), i = Number(t(Di)), a = Number(t(Oi)), o = Number(t(ki)), s = Number(t(Ai) ?? 0);
+	}, n = Vi(String(t(Di) ?? "")), r = Number(t(Oi)), i = Number(t(ki)), a = Number(t(Ai)), o = Number(t(ji)), s = Number(t(Mi) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -5248,9 +5266,9 @@ function Li(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Ri(e) {
+function Bi(e) {
 	if (e.length < 5) return null;
-	let t = zi(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
+	let t = Vi(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,
@@ -5268,7 +5286,7 @@ function Ri(e) {
 function $(e) {
 	return e === void 0 || e.trim() === "" ? NaN : Number(e);
 }
-function zi(e) {
+function Vi(e) {
 	let t = e.trim();
 	if (!t) return null;
 	let n = Number(t);
@@ -5276,7 +5294,7 @@ function zi(e) {
 	let r = Date.parse(t);
 	return Number.isFinite(r) ? r : null;
 }
-function Bi(e, t, n) {
+function Hi(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);
@@ -5288,7 +5306,7 @@ function Bi(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Vi = class {
+var Ui = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -5309,19 +5327,19 @@ var Vi = class {
 		this.host.removeEventListener("dragenter", this.bound.dragenter), this.host.removeEventListener("dragover", this.bound.dragover), this.host.removeEventListener("dragleave", this.bound.dragleave), this.host.removeEventListener("drop", this.bound.drop), this.hideOverlay();
 	}
 	onDragEnter(e) {
-		Hi(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+		Wi(e) && (e.preventDefault(), this.depth++, this.showOverlay());
 	}
 	onDragOver(e) {
-		Hi(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		Wi(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
 	}
 	onDragLeave(e) {
-		Hi(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+		Wi(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
 	}
 	async onDrop(e) {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = ji(await t.text());
+			let e = Ni(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) {
@@ -5352,12 +5370,12 @@ var Vi = class {
 		this.overlay?.remove(), this.overlay = null;
 	}
 };
-function Hi(e) {
+function Wi(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
 //#region src/state/layoutStorage.ts
-function Ui(e) {
+function Gi(e) {
 	let t = {
 		id: e.id,
 		name: e.name,
@@ -5365,11 +5383,11 @@ function Ui(e) {
 	};
 	return e.symbol !== void 0 && (t.symbol = e.symbol), e.timeframe !== void 0 && (t.timeframe = e.timeframe), e.kind !== void 0 && (t.kind = e.kind), t;
 }
-var Wi = (e, t) => t.updatedAt - e.updatedAt;
-function Gi(e) {
+var Ki = (e, t) => t.updatedAt - e.updatedAt;
+function qi(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Ui({
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Gi({
 		id: t.id,
 		name: t.name,
 		updatedAt: t.updatedAt,
@@ -5378,17 +5396,17 @@ function Gi(e) {
 		kind: typeof t.kind == "string" ? t.kind : void 0
 	});
 }
-function Ki(e) {
-	let t = Gi(e), n = t ? e.content : void 0;
+function Ji(e) {
+	let t = qi(e), n = t ? e.content : void 0;
 	return t && typeof n == "string" ? {
 		...t,
 		content: n
 	} : null;
 }
-function qi(e = []) {
+function Yi(e = []) {
 	let t = new Map(e.map((e) => [e.id, { ...e }]));
 	return {
-		list: () => [...t.values()].map(Ui).sort(Wi),
+		list: () => [...t.values()].map(Gi).sort(Ki),
 		load: (e) => {
 			let n = t.get(e);
 			return n ? { ...n } : null;
@@ -5401,7 +5419,7 @@ function qi(e = []) {
 		}
 	};
 }
-function Ji(e = "tcw:layouts:") {
+function Xi(e = "tcw:layouts:") {
 	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
 		let e;
 		try {
@@ -5409,10 +5427,10 @@ function Ji(e = "tcw:layouts:") {
 		} catch {
 			return [];
 		}
-		return Array.isArray(e) ? e.map(Gi).filter((e) => e !== null) : [];
+		return Array.isArray(e) ? e.map(qi).filter((e) => e !== null) : [];
 	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
 	return {
-		list: () => r().sort(Wi),
+		list: () => r().sort(Ki),
 		load: (e) => {
 			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
 			return t && i !== null ? {
@@ -5421,7 +5439,7 @@ function Ji(e = "tcw:layouts:") {
 			} : null;
 		},
 		save: (e) => {
-			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Ui(e)]);
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Gi(e)]);
 		},
 		remove: (e) => {
 			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
@@ -5430,14 +5448,14 @@ function Ji(e = "tcw:layouts:") {
 }
 //#endregion
 //#region src/state/LayoutSession.ts
-var Yi = 80;
-function Xi(e) {
+var Zi = 80;
+function Qi(e) {
 	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
 }
-function Zi() {
+function $i() {
 	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function Qi(e) {
+function ea(e) {
 	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
 	return {
 		id: t,
@@ -5448,7 +5466,7 @@ function Qi(e) {
 		...o === void 0 ? {} : { kind: o }
 	};
 }
-var $i = class {
+var ta = class {
 	currentLayout = null;
 	savedContent = null;
 	dirty = !1;
@@ -5464,7 +5482,7 @@ var $i = class {
 	now;
 	newId;
 	constructor(e, t, n = {}) {
-		this.storage = e, this.host = t, this.options = n, this.autoSave = n.autoSave ?? !0, this.debounceMs = n.debounceMs ?? 1500, this.kind = n.kind ?? "chart", this.now = n.now ?? Date.now, this.newId = n.newId ?? Zi;
+		this.storage = e, this.host = t, this.options = n, this.autoSave = n.autoSave ?? !0, this.debounceMs = n.debounceMs ?? 1500, this.kind = n.kind ?? "chart", this.now = n.now ?? Date.now, this.newId = n.newId ?? $i;
 	}
 	current() {
 		return this.currentLayout;
@@ -5480,7 +5498,7 @@ var $i = class {
 	}
 	async list() {
 		let e = await this.storage.list();
-		return Array.isArray(e) ? e.map(Gi).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+		return Array.isArray(e) ? e.map(qi).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
 	}
 	save() {
 		return this.queue(() => {
@@ -5489,12 +5507,12 @@ var $i = class {
 		});
 	}
 	saveAs(e) {
-		let t = Xi(e);
+		let t = Qi(e);
 		return t ? this.queue(() => this.write(this.newId(), t)) : Promise.reject(/* @__PURE__ */ Error("A layout needs a name"));
 	}
 	open(e) {
 		return this.queue(async () => {
-			let t = Ki(await this.storage.load(e));
+			let t = Ji(await this.storage.load(e));
 			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
 			this.cancelTimer(), this.applying++;
 			try {
@@ -5504,13 +5522,13 @@ var $i = class {
 			} finally {
 				this.applying--;
 			}
-			return this.cancelTimer(), this.currentLayout = Qi(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+			return this.cancelTimer(), this.currentLayout = ea(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
 		});
 	}
 	rename(e, t) {
-		let n = Xi(t);
+		let n = Qi(t);
 		return n ? this.queue(async () => {
-			let t = Ki(await this.storage.load(e));
+			let t = Ji(await this.storage.load(e));
 			!t || t.id !== e || (await this.storage.save({
 				...t,
 				name: n
@@ -5588,7 +5606,7 @@ var $i = class {
 			content: n.content
 		};
 		await this.storage.save(r);
-		let i = Qi(r);
+		let i = ea(r);
 		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
 	}
 	forget() {
@@ -5609,6 +5627,6 @@ var $i = class {
 	}
 };
 //#endregion
-export { Wn as C, B as D, R as E, dn as O, qn as S, V as T, dr as _, qi as a, G as b, Xr as c, Pr as d, Fr as f, ur as g, fr as h, Ji as i, Rr as l, pr as m, Yi as n, Vi as o, mr as p, Xi as r, ji as s, $i as t, Lr as u, cr as v, Hn as w, Qn as x, lr as y };
+export { Wn as C, B as D, R as E, dn as O, qn as S, V as T, dr as _, Yi as a, G as b, Qr as c, Pr as d, Fr as f, ur as g, fr as h, Xi as i, Rr as l, pr as m, Zi as n, Ui as o, mr as p, Qi as r, Ni as s, ta as t, Lr as u, cr as v, Hn as w, Qn as x, lr as y };
 
-//# sourceMappingURL=LayoutSession-D1OOl-zS.js.map
+//# sourceMappingURL=LayoutSession-B65QLG6S.js.map