minerva-design 1.4.0 → 1.5.0

package/dist/charts/engine/trading/chart.js

@@ -4,26 +4,39 @@ import { localeLabels as s, resolveLocale as c } from "../locale.js";
 import { stepDecimals as l } from "../scale.js";
 import { createRenderer as u } from "../renderers/detect.js";
 import { readTheme as d, themeColorsChanged as f, watchTheme as p } from "../theme.js";
-import { anchorCount as m, hitDrawing as h, paintDrawing as g, setDash as _ } from "./drawings.js";
-import { DAY as v, HOUR as y, MINUTE as b, boundaryWeight as ee, detectPrecision as x, formatCountdown as te, formatCrosshairTime as ne, formatFixed as re, formatPercent as ie, formatVolume as ae, inferTimeframe as oe, pickTicks as se, priceFormatter as ce, shiftTime as le, tickText as ue } from "./format.js";
-import { AreaBuffer as de, BarBuffer as fe, LineBuffer as pe, candleMetrics as me, clampRange as he, pixelRange as ge } from "./geometry.js";
-import { heikinAshiInto as _e, parseTimeframe as ve } from "./indicators.js";
-import { TRADING_LABELS as ye, fill as be } from "./labels.js";
-import { createScale as xe, fitScale as Se, fromScaled as Ce, panScale as we, scaleTicks as Te, scaledAt as Ee, toScaled as De, valueAt as Oe, yOf as S, yOfScaled as ke, zoomScale as Ae } from "./scale.js";
-import { appendBars as je, barAt as Me, createPyramid as Ne, createStore as Pe, indexOfTime as Fe, inputLength as Ie, lowerBoundTime as Le, prependBars as Re, pyramidLevel as ze, readBar as Be, setBars as Ve, updateBar as He } from "./store.js";
-import { LINE_COLORS as Ue, buildStudies as We } from "./studies.js";
+import { anchorCount as m, handlePoints as h, hitDrawing as g, isFillable as _, isPosition as v, moveHandle as y, paintDrawing as b, setDash as ee } from "./drawings.js";
+import { DAY as x, HOUR as te, MINUTE as ne, boundaryWeight as re, detectPrecision as ie, formatCountdown as ae, formatCrosshairTime as oe, formatFixed as se, formatPercent as ce, formatVolume as le, inferTimeframe as ue, isTimeZone as de, pickTicks as fe, priceFormatter as pe, tickText as me, zoneOffset as he } from "./format.js";
+import { AreaBuffer as ge, BarBuffer as _e, LineBuffer as ve, candleMetrics as ye, clampRange as be, pixelRange as xe } from "./geometry.js";
+import { heikinAshiInto as Se, parseTimeframe as Ce, volumeProfile as we } from "./indicators.js";
+import { TRADING_LABELS as Te, fill as Ee } from "./labels.js";
+import { createScale as De, fitScale as Oe, fromScaled as ke, panScale as Ae, scaleTicks as je, scaledAt as Me, toScaled as Ne, valueAt as Pe, yOf as S, yOfScaled as Fe, zoomScale as Ie } from "./scale.js";
+import { appendBars as Le, barAt as Re, createPyramid as ze, createRangePyramid as Be, createStore as Ve, indexOfTime as He, inputLength as Ue, invalidateRangePyramid as We, lowerBoundTime as Ge, prependBars as Ke, pyramidLevel as qe, rangeLevel as Je, readBar as Ye, setBars as Xe, updateBar as Ze } from "./store.js";
+import { LINE_COLORS as Qe, buildStudies as $e } from "./studies.js";
 //#region src/engine/trading/chart.ts
-var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color, #089981)", Xe = "var(--danger-color, #f23645)", Ze = "var(--warning-color, #f59e0b)", Qe = "var(--primary-color, #2962ff)", $e = {
+var et = 28, tt = 60, nt = 60, rt = 48, C = "price", it = "var(--success-color, #089981)", at = "var(--danger-color, #f23645)", ot = "var(--warning-color, #f59e0b)", st = "var(--primary-color, #2962ff)", ct = 100, lt = [
+	"#2962ff",
+	"#089981",
+	"#f23645",
+	"#f59e0b",
+	"#a855f7",
+	"#0ea5e9",
+	"#ec4899",
+	"#787b86"
+], ut = [
+	"solid",
+	"dashed",
+	"dotted"
+], dt = /* @__PURE__ */ new WeakMap(), ft = {
 	order: "limit",
 	position: "position",
 	takeProfit: "takeProfit",
 	stopLoss: "stopLoss",
 	alert: "alert"
-}, w = (e, t, n) => e < t ? t : e > n ? n : e, et = (e) => {
+}, w = (e, t, n) => e < t ? t : e > n ? n : e, pt = (e) => {
 	let t = a(e);
 	return t && n(t) > .5 ? "#0b0e11" : "#fff";
-}, T = Number.isFinite, tt = (n, a = {}) => {
-	let tt = n.ownerDocument, nt = tt.defaultView, E = { ...a }, rt = !1, it = (e, n) => t(tt.createElement(e), n), D = it("div", {
+}, T = Number.isFinite, E = (n, a = {}) => {
+	let E = n.ownerDocument, mt = E.defaultView, D = { ...a }, ht = !1, gt = (e, n) => t(E.createElement(e), n), O = gt("div", {
 		position: "relative",
 		width: "100%",
 		height: "100%",
@@ -36,17 +49,17 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 		color: "var(--text-color, #1f2937)",
 		cursor: "crosshair"
 	});
-	D.className = "minerva-trading-chart", D.tabIndex = 0, D.setAttribute("role", "figure"), D.setAttribute("aria-roledescription", "chart");
-	let at = (e) => it(e, {
+	O.className = "minerva-trading-chart", O.tabIndex = 0, O.setAttribute("role", "figure"), O.setAttribute("aria-roledescription", "chart");
+	let _t = (e) => gt(e, {
 		position: "absolute",
 		left: "0",
 		top: "0",
 		pointerEvents: "none"
-	}), ot = at("canvas"), st = at("canvas");
-	ot.setAttribute("aria-hidden", "true"), st.setAttribute("aria-hidden", "true");
-	let ct = at("div");
-	ct.style.right = "0", ct.style.bottom = "0";
-	let lt = it("button", {
+	}), vt = _t("canvas"), yt = _t("canvas");
+	vt.setAttribute("aria-hidden", "true"), yt.setAttribute("aria-hidden", "true");
+	let bt = _t("div");
+	bt.style.right = "0", bt.style.bottom = "0";
+	let xt = gt("button", {
 		position: "absolute",
 		display: "none",
 		alignItems: "center",
@@ -61,8 +74,8 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 		boxShadow: "0 4px 14px -4px rgba(15, 23, 42, 0.25)",
 		cursor: "pointer"
 	});
-	lt.type = "button", lt.innerHTML = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3l5 5-5 5M9 3l5 5-5 5\"/></svg>";
-	let ut = it("div", {
+	xt.type = "button", xt.innerHTML = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3l5 5-5 5M9 3l5 5-5 5\"/></svg>";
+	let St = gt("div", {
 		position: "absolute",
 		width: "1px",
 		height: "1px",
@@ -71,132 +84,198 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 		clipPath: "inset(50%)",
 		whiteSpace: "nowrap"
 	});
-	ut.setAttribute("aria-live", "polite"), D.append(ot, st, ct, lt, ut), n.appendChild(D);
-	let O = Pe(), dt = Ne(), ft = {
-		time: O.time,
+	St.setAttribute("aria-live", "polite");
+	let k = gt("div", {
+		position: "absolute",
+		display: "none",
+		alignItems: "center",
+		gap: "1px",
+		padding: "3px",
+		borderRadius: "8px",
+		border: "1px solid color-mix(in srgb, var(--border-color, #e5e7eb) 85%, transparent)",
+		background: "var(--surface-elevated-color, var(--surface-color, #fff))",
+		boxShadow: "0 8px 24px -8px rgba(15, 23, 42, 0.35)",
+		zIndex: "2",
+		cursor: "default"
+	});
+	k.className = "minerva-trading-toolbar", k.setAttribute("role", "toolbar");
+	let A = gt("textarea", {
+		position: "absolute",
+		display: "none",
+		minWidth: "120px",
+		minHeight: "28px",
+		padding: "5px 9px",
+		resize: "none",
+		border: "1px solid var(--primary-color, #2962ff)",
+		borderRadius: "5px",
+		outline: "none",
+		background: "var(--surface-elevated-color, var(--surface-color, #fff))",
+		color: "var(--text-color, #1f2937)",
+		font: "500 13px var(--font-family-sans, system-ui, sans-serif)",
+		boxShadow: "0 6px 18px -6px rgba(15, 23, 42, 0.3)",
+		zIndex: "3"
+	});
+	A.rows = 1;
+	let Ct = gt("style", {});
+	Ct.textContent = ".minerva-trading-toolbar button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 5px;border-radius:5px;cursor:pointer;color:var(--text-color,#1f2937)}.minerva-trading-toolbar button:hover{background:color-mix(in srgb,var(--text-color,#1f2937) 9%,transparent)}.minerva-trading-toolbar button:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-color,#2962ff)}.minerva-trading-toolbar button[aria-pressed=\"true\"]{background:color-mix(in srgb,var(--primary-color,#2962ff) 16%,transparent);color:var(--primary-color,#2962ff)}.minerva-trading-toolbar .sep{width:1px;height:18px;margin:0 3px;background:var(--border-color,#e5e7eb)}", O.append(Ct, vt, yt, bt, xt, k, A, St), n.appendChild(O);
+	let j = Ve(), wt = ze(), Tt = {
+		time: j.time,
 		open: /* @__PURE__ */ new Float64Array(),
 		high: /* @__PURE__ */ new Float64Array(),
 		low: /* @__PURE__ */ new Float64Array(),
 		close: /* @__PURE__ */ new Float64Array(),
-		volume: O.volume
-	}, pt = 0, mt = Ne(), k = [], ht = /* @__PURE__ */ new Map(), gt = /* @__PURE__ */ new Map(), _t = [], vt = 0, yt = 0, bt = 2, xt = v, A = E.barSpacing ?? 8, j = NaN, M = 0, N = 0, St = Ke, Ct = 0, wt = 0, P = [], Tt = /* @__PURE__ */ new Map(), Et = /* @__PURE__ */ new Map(), Dt = null, Ot = 0, F = d(D), kt = 0, At = 0, I = null, jt = 0, Mt = 0, Nt = [], Pt = "", Ft = -1, It = 0, Lt, Rt = new Promise((e) => {
-		Lt = e;
-	}), L = null, R = null, z = null, zt = /* @__PURE__ */ new Map(), Bt = null, B = null, V = null, Vt = null, H = E.drawings ?? [], Ht = null, Ut = E.drawingMode ?? "cursor", U = null, Wt = null, W = null, Gt = 0, Kt = /* @__PURE__ */ new Map(), qt = null, Jt = null, Yt = "", Xt = NaN, Zt = null, Qt = /* @__PURE__ */ new Map(), G = (e, t) => {
-		Qt.get(e)?.forEach((e) => e(t));
-	}, K = c(E.locale), $t = s(ye, K, E.labels), en = () => {
-		K = c(E.locale), $t = s(ye, K, E.labels);
-	}, tn = () => $t, q = () => O.length, nn = () => E.chartStyle ?? "candles", rn = () => E.colorConvention === "redUp", an = () => E.upColor ?? (rn() ? Xe : Ye), on = () => E.downColor ?? (rn() ? Ye : Xe), sn = (e, t = F.primary) => F.resolve ? F.resolve(e, t) : t, J = (e, t = 1) => o(sn(e), t), cn = () => E.precision ?? bt, ln = ce(2, void 0), un = "", Y = (e) => {
-		if (E.formatPrice) return E.formatPrice(e);
-		let t = `${cn()}|${K}`;
-		return t !== un && (ln = ce(cn(), K), un = t), ln(e);
-	}, dn = () => (E.timeframe === void 0 ? null : ve(E.timeframe)) ?? {
+		volume: j.volume
+	}, Et = 0, Dt = ze(), M = [], Ot = /* @__PURE__ */ new Map(), kt = /* @__PURE__ */ new Map(), At = [], jt = /* @__PURE__ */ new WeakMap(), Mt = 0, Nt = 0, Pt = 2, Ft = x, N = D.barSpacing ?? 8, P = NaN, F = 0, I = 0, It = tt, Lt = 0, Rt = 0, L = [], zt = /* @__PURE__ */ new Map(), Bt = /* @__PURE__ */ new Map(), Vt = null, Ht = 0, R = d(O), Ut = 0, Wt = 0, z = null, Gt = 0, Kt = 0, qt = [], Jt = "", Yt = -1, Xt = 0, Zt, Qt = new Promise((e) => {
+		Zt = e;
+	}), B = null, V = null, H = null, $t = /* @__PURE__ */ new Map(), en = null, tn = null, nn = null, rn = null, U = D.drawings ?? [], an = null, on = U, sn = [], cn = [], ln = "false|false", un = D.drawingMode ?? "cursor", dn = null, fn = null, W = null, pn = 0, mn = C, hn = 0, gn = /* @__PURE__ */ new Map(), _n = null, vn = "", yn = !1, bn = /* @__PURE__ */ new Map(), xn = null, Sn = [], Cn = -1, wn = null, Tn = !1, En = null, Dn = "", On = NaN, kn = null, G = null, An = !1, jn = 4, Mn = null, Nn = /* @__PURE__ */ new Map(), K = (e, t) => {
+		Nn.get(e)?.forEach((e) => e(t));
+	}, q = c(D.locale), Pn = s(Te, q, D.labels), Fn = () => {
+		q = c(D.locale), Pn = s(Te, q, D.labels);
+	}, In = () => Pn, J = () => j.length, Ln = () => D.chartStyle ?? "candles", Rn = () => D.colorConvention === "redUp", zn = () => D.upColor ?? (Rn() ? at : it), Bn = () => D.downColor ?? (Rn() ? it : at), Vn = (e, t = R.primary) => R.resolve ? R.resolve(e, t) : t, Y = (e, t = 1) => o(Vn(e), t), Hn = () => D.precision ?? Pt, Un = pe(2, void 0), Wn = "", X = (e) => {
+		if (D.formatPrice) return D.formatPrice(e);
+		let t = `${Hn()}|${q}`;
+		return t !== Wn && (Un = pe(Hn(), q), Wn = t), Un(e);
+	}, Gn = () => (D.timeframe === void 0 ? null : Ce(D.timeframe)) ?? {
 		unit: "ms",
-		count: xt,
-		ms: xt
-	}, fn = () => dn().ms, X = (e, t = 400) => `${t} ${e}px ${F.fontFamily}`, pn = (e) => gt.get(e.id) ?? e.config.visible ?? !0, Z = (e) => M + (e - j) * A, mn = (e) => j - (M - e) / A, hn = (e) => {
-		let t = q();
+		count: Ft,
+		ms: Ft
+	}, Kn = () => Gn().ms, Z = (e, t = 400) => `${t} ${e}px ${R.fontFamily}`, qn = (e) => kt.get(e.id) ?? e.config.visible ?? !0, Q = (e) => F + (e - P) * N, Jn = (e) => P - (F - e) / N, Yn = (e) => {
+		let t = J();
 		if (!t) return 0;
 		let n = Math.round(e);
-		return n < 0 ? O.time[0] + n * fn() : n >= t ? O.time[t - 1] + (n - t + 1) * fn() : O.time[n];
-	}, gn = (e) => {
-		let t = q();
+		return n < 0 ? j.time[0] + n * Kn() : n >= t ? j.time[t - 1] + (n - t + 1) * Kn() : j.time[n];
+	}, Xn = (e) => {
+		let t = J();
 		if (!t) return 0;
-		let n = O.time[t - 1];
-		return e > n ? t - 1 + (e - n) / fn() : e < O.time[0] ? (e - O.time[0]) / fn() : Fe(O.time, t, e);
-	}, _n = () => nn() === "heikinAshi" ? ft : O, vn = (e) => {
-		for (let t of k) ht.set(t, Math.min(ht.get(t) ?? 0, e));
-		pt = Math.min(pt, e);
-		for (let t of _t) t.valid = Math.min(t.valid, e);
+		let n = Math.floor(e);
+		if (n < 0 || n >= t - 1) {
+			let r = n < 0 ? 0 : t - 1;
+			return j.time[r] + (e - r) * Kn();
+		}
+		let r = e - n;
+		return j.time[n] + r * (j.time[n + 1] - j.time[n]);
+	}, Zn = (e) => {
+		let t = J();
+		if (!t) return 0;
+		if (e >= j.time[t - 1]) return t - 1 + (e - j.time[t - 1]) / Kn();
+		if (e <= j.time[0]) return (e - j.time[0]) / Kn();
+		let n = He(j.time, t, e), r = j.time[n + 1] - j.time[n];
+		return n + (r > 0 ? (e - j.time[n]) / r : 0);
+	}, Qn, $n = (e) => D.utcOffset ?? (Qn ? he(e, Qn) : -new Date(T(e) ? e : 0).getTimezoneOffset()), er = (e) => $n(e), tr = (e) => e + $n(e) * ne, nr = (e) => e === "up" ? zn() : e === "down" ? Bn() : e, rr = (e, t, n) => e.level ? Je(n, t, J(), e.level) : {
+		min: t,
+		max: t,
+		last: t
+	}, ir = (e) => {
+		let t = jt.get(e);
+		return t || jt.set(e, t = Be()), t;
+	}, ar = (e) => {
+		let t = J();
+		if (!t) return 0;
+		let n = j.time[t - 1];
+		return e > n ? t - 1 + (e - n) / Kn() : e < j.time[0] ? (e - j.time[0]) / Kn() : He(j.time, t, e);
+	}, or = () => Ln() === "heikinAshi" ? Tt : j, sr = (e) => {
+		for (let t of M) {
+			Ot.set(t, Math.min(Ot.get(t) ?? 0, e));
+			for (let n of t.outputs) {
+				let t = jt.get(n);
+				t && We(t, e);
+			}
+		}
+		Et = Math.min(Et, e);
+		for (let t of At) t.valid = Math.min(t.valid, e), We(t.lod, e);
+		Mn = null;
 		let t = (t) => {
 			for (let n of t.levels) n && (n.valid = Math.min(n.valid, Math.floor(e / n.size)));
 		};
-		t(dt), t(mt);
-	}, yn = () => {
-		let e = q();
-		for (let t of k) {
-			let n = ht.get(t) ?? 0;
-			n < e && (t.compute(O, n), ht.set(t, e));
-		}
-		if (ft.time = O.time, ft.volume = O.volume, nn() === "heikinAshi" && pt < e) {
-			if (ft.open.length < O.capacity) for (let e of [
+		t(wt), t(Dt);
+	}, cr = () => {
+		let e = J();
+		for (let t of M) {
+			let n = Ot.get(t) ?? 0;
+			n < e && (t.compute(j, n), Ot.set(t, e));
+		}
+		if (Tt.time = j.time, Tt.volume = j.volume, Ln() === "heikinAshi" && Et < e) {
+			if (Tt.open.length < j.capacity) for (let e of [
 				"open",
 				"high",
 				"low",
 				"close"
 			]) {
-				let t = new Float64Array(O.capacity);
-				t.set(ft[e].subarray(0, pt)), ft[e] = t;
+				let t = new Float64Array(j.capacity);
+				t.set(Tt[e].subarray(0, Et)), Tt[e] = t;
 			}
-			_e(O.open, O.high, O.low, O.close, e, ft, pt), pt = e;
+			Se(j.open, j.high, j.low, j.close, e, Tt, Et), Et = e;
 		}
-		for (let t of _t) if (!(t.valid >= e)) {
-			if (t.values.length < O.capacity) {
-				let e = new Float64Array(O.capacity).fill(NaN);
+		for (let t of At) if (!(t.valid >= e)) {
+			if (t.values.length < j.capacity) {
+				let e = new Float64Array(j.capacity).fill(NaN);
 				e.set(t.values.subarray(0, t.valid)), t.values = e;
 			}
 			for (let n = t.valid; n < e; n++) {
-				let e = Le(t.times, t.times.length, O.time[n] + .5) - 1;
+				let e = Ge(t.times, t.times.length, j.time[n] + .5) - 1;
 				t.values[n] = e >= 0 ? t.data[e] : NaN;
 			}
 			t.valid = e;
 		}
-	}, bn = (e) => {
-		vn(e);
-		let t = q();
-		e < t - 1 && vt++, yt++, t && (bt = Math.max(e === 0 ? 0 : bt, x(O.close, e, t), x(O.open, Math.max(e, t - 50), t)), (e === 0 || t < 80) && (xt = oe(O.time, t))), $();
-	}, xn = () => {
-		let { studies: e, reused: t } = We(E.indicators ?? [], k, E.utcOffset ?? -(/* @__PURE__ */ new Date()).getTimezoneOffset());
-		for (let e of k) t.has(e) || ht.delete(e);
-		for (let n of e) t.has(n) || ht.set(n, 0);
-		k = e;
-		for (let e of [...gt.keys()]) k.some((t) => t.id === e) || gt.delete(e);
-	}, Sn = () => {
-		_t = (E.compare ?? []).map((e, t) => {
+	}, lr = (e) => {
+		sr(e);
+		let t = J();
+		e < t - 1 && Mt++, Nt++, t && (Pt = Math.max(e === 0 ? 0 : Pt, ie(j.close, e, t), ie(j.open, Math.max(e, t - 50), t)), (e === 0 || t < 80) && (Ft = ue(j.time, t))), $();
+	}, ur = () => {
+		let { studies: e, reused: t } = $e(D.indicators ?? [], M, er);
+		for (let e of M) t.has(e) || Ot.delete(e);
+		for (let n of e) t.has(n) || Ot.set(n, 0);
+		M = e;
+		for (let e of [...kt.keys()]) M.some((t) => t.id === e) || kt.delete(e);
+	}, dr = () => {
+		At = (D.compare ?? []).map((e, t) => {
 			let n = [...e.data].sort((e, t) => e.time - t.time);
 			return {
 				id: e.id ?? e.name,
 				name: e.name,
-				color: e.color ?? Ue[(t + 2) % Ue.length],
+				color: e.color ?? Qe[(t + 2) % Qe.length],
+				width: e.lineWidth ?? 1.5,
 				times: Float64Array.from(n, (e) => e.time),
 				data: Float64Array.from(n, (e) => e.value),
 				values: /* @__PURE__ */ new Float64Array(),
-				valid: 0
+				valid: 0,
+				lod: Be()
 			};
 		});
-	}, Cn = () => {
-		let e = q();
-		if (!e || !T(j)) return !0;
-		let t = Z(e - 1);
-		return t >= 0 && t <= M + A * .5;
-	}, wn = (e) => {
-		Ve(O, e), dt = Ne(), mt = Ne(), pt = 0, Xt = NaN;
-		for (let e of Tt.values()) e.auto = !0;
-		j = q() - 1 + (E.rightOffset ?? 8), B = null, V = null, bn(0);
-	}, Tn = (e) => {
-		let t = q(), n = Ie(e);
+	}, fr = () => {
+		let e = J();
+		if (!e || !T(P)) return !0;
+		let t = Q(e - 1);
+		return t >= 0 && t <= F + N * .5;
+	}, pr = (e) => {
+		Xe(j, e), wt = ze(), Dt = ze(), Et = 0, On = NaN;
+		for (let e of zt.values()) e.auto = !0;
+		P = J() - 1 + (D.rightOffset ?? 8), tn = null, nn = null, lr(0);
+	}, mr = (e) => {
+		let t = J(), n = Ue(e);
 		if (t >= 2 && n >= t) {
-			let r = Me(e, 0).time, i = O.time[t - 1];
-			if (r === O.time[0] && Me(e, t - 2).time === O.time[t - 2]) {
-				let r = Cn(), i = t, a = t;
+			let r = Re(e, 0).time, i = j.time[t - 1];
+			if (r === j.time[0] && Re(e, t - 2).time === j.time[t - 2]) {
+				let r = fr(), i = t, a = t;
 				for (let r = t - 1; r < n; r++) {
-					let t = He(O, Me(e, r));
+					let t = Ze(j, Re(e, r));
 					t >= 0 && (a = Math.min(a, t));
 				}
-				r && (j += q() - i), a < q() && bn(a);
+				r && (P += J() - i), a < J() && lr(a);
 				return;
 			}
-			if (Me(e, n - 1).time === i && n > t) {
+			if (Re(e, n - 1).time === i && n > t) {
 				let r = n - t;
-				Ve(O, e), dt = Ne(), mt = Ne(), pt = 0, j += r, bn(0);
+				Xe(j, e), wt = ze(), Dt = ze(), Et = 0, P += r, lr(0);
 				return;
 			}
 		}
-		wn(e);
-	}, En = () => {
-		let e = k.filter((e) => !e.overlay), t = N, n = e.map((e) => Et.get(e.id) ?? e.height), r = n.reduce((e, t) => e + t, 0), i = Math.max(0, t * .62), a = r > i && r > 0 ? i / r : 1, o = n.map((e) => Math.max(Je * Math.min(1, a * 2), e * a)), s = Math.max(40, t - o.reduce((e, t) => e + t, 0)), c = [], l = (e, t) => {
-			let n = Tt.get(e);
-			return n || (n = xe(t), Tt.set(e, n)), n.mode !== t && (n.mode = t, n.auto = !0), n;
-		}, u = l(C, E.scaleMode ?? "linear");
+		pr(e);
+	}, hr = () => {
+		let e = M.filter((e) => !e.overlay), t = I, n = e.map((e) => Bt.get(e.id) ?? e.height), r = n.reduce((e, t) => e + t, 0), i = Math.max(0, t * .62), a = r > i && r > 0 ? i / r : 1, o = n.map((e) => Math.max(rt * Math.min(1, a * 2), e * a)), s = Math.max(40, t - o.reduce((e, t) => e + t, 0)), c = [], l = (e, t) => {
+			let n = zt.get(e);
+			return n || (n = De(t), zt.set(e, n)), n.mode !== t && (n.mode = t, n.auto = !0), n;
+		}, u = l(C, D.scaleMode ?? "linear");
 		u.top = 0, u.height = s, u.marginTop = .1, u.marginBottom = .08, c.push({
 			id: C,
 			study: null,
@@ -219,19 +298,19 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 				step: 0
 			}), d += o[t];
 		});
-		for (let e of [...Tt.keys()]) c.some((t) => t.id === e) || Tt.delete(e);
-		P = c;
-	}, Dn = (e) => P.find((t) => e >= t.top && e < t.top + t.height) ?? null, Q = () => {
-		let e = q(), t = Math.min(1, M * .8 / Math.max(1, e));
-		A = w(A, Math.max(1e-4, t), qe);
-		let n = M / A;
-		T(j) || (j = e - 1 + (E.rightOffset ?? 8));
-		let r = Math.max(0, e - 1) + Math.max(E.rightOffset ?? 8, n * .75), i = Math.min(n * .25, r);
-		j = w(j, i, r);
-	}, On = () => {
-		let e = q();
+		for (let e of [...zt.keys()]) c.some((t) => t.id === e) || zt.delete(e);
+		L = c;
+	}, gr = (e) => L.find((t) => e >= t.top && e < t.top + t.height) ?? null, _r = () => {
+		let e = J(), t = Math.min(1, F * .8 / Math.max(1, e));
+		N = w(N, Math.max(1e-4, t), nt);
+		let n = F / N;
+		T(P) || (P = e - 1 + (D.rightOffset ?? 8));
+		let r = Math.max(0, e - 1) + Math.max(D.rightOffset ?? 8, n * .75), i = Math.min(n * .25, r);
+		P = w(P, i, r);
+	}, vr = () => {
+		let e = J();
 		if (!e) return null;
-		let t = j - M / A, n = A >= 2 ? 0 : Math.ceil(Math.log2(2 / A)), r = 2 ** n, i = _n(), a = n ? ze(nn() === "heikinAshi" ? mt : dt, i, e, n) : i, o = Math.floor((e - 1) / r), s = w(Math.floor(t) - 1, 0, e - 1), c = w(Math.ceil(j) + 1, 0, e - 1), l = w(Math.ceil(t - .5), 0, e - 1), u = w(Math.floor(j + .5), 0, e - 1);
+		let t = P - F / N, n = N >= 2 ? 0 : Math.ceil(Math.log2(2 / N)), r = 2 ** n, i = or(), a = n ? qe(Ln() === "heikinAshi" ? Dt : wt, i, e, n) : i, o = Math.floor((e - 1) / r), s = w(Math.floor(t) - 1, 0, e - 1), c = w(Math.ceil(P) + 1, 0, e - 1), l = w(Math.ceil(t - .5), 0, e - 1), u = w(Math.floor(P + .5), 0, e - 1);
 		return {
 			left: t,
 			level: n,
@@ -243,90 +322,100 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 			s1: Math.floor(u / r),
 			last: o
 		};
-	}, kn = (e, t) => t * e.size + (e.size - 1) / 2, An = (e, t, n) => t[Math.min(q() - 1, n * e.size + e.size - 1)], jn = (e, t) => Math.min(e.size, q() - t * e.size), Mn = () => w(Math.ceil(j - M / A - .5), 0, Math.max(0, q() - 1)), Nn = (e) => {
-		let t = q();
-		for (let n = Mn(); n < t; n++) {
+	}, yr = (e, t) => t * e.size + (e.size - 1) / 2, br = (e, t) => Math.min(e.size, J() - t * e.size), xr = () => w(Math.ceil(P - F / N - .5), 0, Math.max(0, J() - 1)), Sr = (e) => {
+		let t = J();
+		for (let n = xr(); n < t; n++) {
 			let t = e.values[n];
 			if (T(t) && t !== 0) return t;
 		}
 		return NaN;
-	}, Pn = (e, t, n) => e.mode === "percent" ? (t / n - 1) * 100 : De(e, t), Fn = () => E.baselinePrice ?? _n().close[Mn()], In = (e) => {
-		Ot = 0;
-		for (let t of P) {
+	}, Cr = (e, t, n) => e.mode === "percent" ? (t / n - 1) * 100 : Ne(e, t), wr = () => D.baselinePrice ?? or().close[xr()], Tr = (e, t, n, r, i) => {
+		let a = rr(e, t, n), o = Math.round(r / e.size), s = w(e.s0 - o, 0, e.last), c = w(e.s1 - o, 0, e.last);
+		for (let e = s; e <= c; e++) a.min[e] < i[0] && (i[0] = a.min[e]), a.max[e] > i[1] && (i[1] = a.max[e]);
+	}, Er = (e) => {
+		Ht = 0;
+		for (let t of L) {
 			let n = t.scale;
 			if (!e) continue;
 			if (t.id === C) {
-				n.base = O.close[Mn()] || 1;
-				let { cols: t } = e, r = nn(), i = r === "line" || r === "area" || r === "baseline", a = Infinity, o = -Infinity;
+				n.base = j.close[xr()] || 1;
+				let { cols: t } = e, r = Ln(), i = r === "line" || r === "area" || r === "baseline", a = [Infinity, -Infinity];
 				for (let n = e.s0; n <= e.s1; n++) {
 					let e = i ? t.close[n] : t.low[n], r = i ? t.close[n] : t.high[n];
-					e < a && (a = e), r > o && (o = r);
+					e < a[0] && (a[0] = e), r > a[1] && (a[1] = r);
 				}
-				for (let n of k) if (n.overlay && pn(n)) {
+				for (let n of M) if (n.overlay && qn(n)) {
 					if (n.type === "volume") {
 						for (let n = e.s0; n <= e.s1; n++) {
-							let r = t.volume[n] / jn(e, n);
-							r > Ot && (Ot = r);
+							let r = t.volume[n] / br(e, n);
+							r > Ht && (Ht = r);
 						}
 						continue;
 					}
-					for (let t of n.outputs) for (let n = e.s0; n <= e.s1; n++) {
-						let r = An(e, t.values, n);
-						r < a && (a = r), r > o && (o = r);
-					}
+					for (let t of n.outputs) Tr(e, t.values, ir(t), t.shift, a);
 				}
+				let [o, s] = a;
 				if (r === "baseline") {
-					let e = Fn();
-					e < a && (a = e), e > o && (o = e);
+					let e = wr();
+					e < o && (o = e), e > s && (s = e);
 				}
 				if (!n.auto) continue;
-				let s = De(n, a), c = De(n, o);
-				n.mode === "log" && !(a > 0) && (s = De(n, Math.max(o * .001, 1e-12)));
-				for (let t of _t) {
-					let r = Nn(t);
-					for (let i = e.s0; i <= e.s1; i++) {
-						let a = Pn(n, An(e, t.values, i), r);
-						a < s && (s = a), a > c && (c = a);
+				let c = Ne(n, o), l = Ne(n, s);
+				n.mode === "log" && !(o > 0) && (c = Ne(n, Math.max(s * .001, 1e-12)));
+				for (let t of At) {
+					let r = Sr(t), i = [Infinity, -Infinity];
+					Tr(e, t.values, t.lod, 0, i);
+					for (let e of i) {
+						let t = Cr(n, e, r);
+						t < c && (c = t), t > l && (l = t);
 					}
 				}
-				Se(n, s, c);
+				n.mode === "percent" && At.length && (c = Math.min(c, 0), l = Math.max(l, 0)), Oe(n, c, l);
 				continue;
 			}
 			let r = t.study;
 			if (!r || !n.auto) continue;
 			if (r.range) {
-				Se(n, r.range[0], r.range[1]);
+				Oe(n, r.range[0], r.range[1]);
 				continue;
 			}
-			let i = Infinity, a = -Infinity;
-			r.type === "volume" && (i = 0);
-			for (let t of r.outputs) for (let n = e.s0; n <= e.s1; n++) {
-				let r = t.kind === "volume" ? e.cols.volume[n] / jn(e, n) : An(e, t.values, n);
-				r < i && (i = r), r > a && (a = r);
+			let i = [Infinity, -Infinity];
+			r.type === "volume" && (i[0] = 0);
+			for (let t of r.outputs) {
+				if (t.kind === "volume") {
+					for (let t = e.s0; t <= e.s1; t++) {
+						let n = e.cols.volume[t] / br(e, t);
+						n > i[1] && (i[1] = n);
+					}
+					continue;
+				}
+				Tr(e, t.values, ir(t), t.shift, i);
 			}
-			r.type === "macd" && T(i) && T(a) && (i = Math.min(i, 0), a = Math.max(a, 0)), Se(n, i, a);
+			let [a, o] = i;
+			if (r.bands && T(a) && T(o)) for (let e of r.bands) a = Math.min(a, e), o = Math.max(o, e);
+			r.zero && T(a) && T(o) && (a = Math.min(a, 0), o = Math.max(o, 0)), Oe(n, a, o);
 		}
-	}, Ln = (e, t) => {
-		let n = q();
+	}, Dr = (e, t) => {
+		let n = J();
 		if (!n || !e) return [];
-		let r = fn(), i = r < v, a = E.utcOffset, o = Math.floor(Math.max(0, Math.ceil(j)) / e.size), s = (t) => t <= e.last ? e.cols.time[t] : O.time[n - 1] + (t * e.size - (n - 1)) * r, c = [], l = e.g0 > 0 ? le(s(e.g0 - 1), a) : NaN;
-		for (let t = e.g0; t <= o; t++) {
-			let n = le(s(t), a), r = Z(kn(e, t)), i = ee(l, n);
-			r >= -20 && r <= M + 20 && i > 10 && c.push({
+		let r = Kn(), i = r < x, a = Math.floor(Math.max(0, Math.ceil(P)) / e.size), o = (t) => t <= e.last ? e.cols.time[t] : j.time[n - 1] + (t * e.size - (n - 1)) * r, s = [], c = e.g0 > 0 ? tr(o(e.g0 - 1)) : NaN;
+		for (let t = e.g0; t <= a; t++) {
+			let n = tr(o(t)), r = Q(yr(e, t)), i = re(c, n);
+			r >= -20 && r <= F + 20 && i > 10 && s.push({
 				x: r,
 				weight: i,
 				time: n
-			}), l = n;
+			}), c = n;
 		}
-		t.font = X(F.fontSize);
-		let u = i ? "00:00" : "Sep 30", d = Math.max(t.measureText(u).width, t.measureText("2024").width) + 34;
-		return se(c, d).filter((e) => e.x > 8 && e.x < M - 8).map((e) => ({
+		t.font = Z(R.fontSize);
+		let l = i ? "00:00" : "Sep 30", u = Math.max(t.measureText(l).width, t.measureText("2024").width) + 34;
+		return fe(s, u).filter((e) => e.x > 8 && e.x < F - 8).map((e) => ({
 			x: e.x,
-			text: ue(e.time, e.weight, K, i),
+			text: me(e.time, e.weight, q, i),
 			bold: e.weight >= (i ? 50 : 60)
 		}));
-	}, Rn = (e, t) => e.id === C ? e.scale.mode === "percent" ? ie(t, K, Math.min(2, l(e.step))) : Y(Ce(e.scale, t)) : e.study?.compact ? ae(t, K) : re(t, Math.min(4, l(e.step)), K), zn = (e, t) => e.overlay && e.type !== "volume" ? Y(t) : e.compact ? ae(t, K) : re(t, e.range ? 2 : Math.max(2, Math.min(6, cn())), K), Bn = (e, t) => {
-		let n = [], a = e.cols, o = sn(an()), s = sn(on()), c = i(o), l = i(s), u = F.background, d = me(A * e.size * t, t), f = (n) => Z(kn(e, n)) * t, p = nn(), m = Math.max(.5, d.body / 2), h = {
+	}, Or = (e, t) => e.id === C ? e.scale.mode === "percent" ? ce(t, q, Math.min(2, l(e.step))) : X(ke(e.scale, t)) : e.study?.compact ? le(t, q) : se(t, Math.min(4, l(e.step)), q), kr = (e, t) => e.overlay && e.type !== "volume" ? X(t) : e.compact ? le(t, q) : se(t, e.range ? 2 : Math.max(2, Math.min(6, Hn())), q), Ar = (e, t) => {
+		let n = [], a = e.cols, o = Vn(zn()), s = Vn(Bn()), c = i(o), l = i(s), u = R.background, d = ye(N * e.size * t, t), f = (n) => Q(yr(e, n)) * t, p = Ln(), m = Math.max(.5, d.body / 2), h = {
 			up: i([
 				o[0],
 				o[1],
@@ -340,40 +429,54 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 				.5
 			])
 		};
-		for (let g of P) {
+		for (let g of L) {
 			let _ = g.top * t, v = (g.top + g.height) * t, y = g.scale, b = (e) => S(y, e) * t, ee = (t, n, r, i = b) => (a, o, s) => {
-				let c = new pe(_, v);
+				let c = new ve(_, v);
 				for (let n = s ? Math.max(e.g0, a - 1) : a; n <= o; n++) c.push(f(n), i(t(n)));
 				return c.count > 1 ? [c.item("", 0, n, r)] : [];
+			}, x = (n, r, i, a, o = 0, s = b) => (c, l, u) => {
+				let d = rr(e, n, r), p = o * N * t, m = Math.ceil(Math.abs(o) / e.size) + 1, h = u ? Math.max(0, c - 1) : c, g = l;
+				!u && o > 0 && (h = Math.max(0, h - m)), !u && o < 0 && (g = Math.min(e.last - 1, g + m));
+				let y = new ve(_, v), b = NaN;
+				for (let t = h; t <= g; t++) {
+					let n = f(t) + p, r = d.min[t], i = d.max[t];
+					if (!e.level || r === i || !T(r) || !T(i)) {
+						b = s(d.last[t]), y.push(n, b);
+						continue;
+					}
+					let a = s(r), o = s(i), c = T(b) && Math.abs(b - o) < Math.abs(b - a) ? o : a, l = c === o ? a : o;
+					y.push(n, c), y.push(n, l), b = l;
+				}
+				return y.count > 1 ? [y.item("", 0, i, a)] : [];
 			};
 			if (g.id === C) {
-				if (k.find((e) => e.overlay && e.type === "volume" && pn(e)) && Ot > 0) {
+				if (M.find((e) => e.overlay && e.type === "volume" && qn(e)) && Ht > 0) {
 					let t = (v - _) * .2;
 					n.push((n, r) => {
-						let i = new fe();
+						let i = new _e();
 						for (let o = n; o <= r; o++) {
-							let n = a.volume[o] / jn(e, o);
+							let n = a.volume[o] / br(e, o);
 							if (!(n > 0)) continue;
-							let r = v - n / Ot * t, [s, c] = ge(r, v);
+							let r = v - n / Ht * t, [s, c] = xe(r, v);
 							i.push(d.snap(f(o)), s, c, a.close[o] >= a.open[o] ? h.up : h.down);
 						}
 						return [i.item("", 0, m)];
 					});
 				}
-				for (let r of _t) {
-					let i = Nn(r), a = sn(r.color);
-					n.push(ee((t) => An(e, r.values, t), a, 1.5, (e) => ke(y, Pn(y, e, i)) * t));
+				for (let e of At) {
+					let r = Sr(e), i = Vn(e.color);
+					n.push(x(e.values, e.lod, i, e.width, 0, (e) => Fe(y, Cr(y, e, r)) * t));
 				}
 				if (p === "line" || p === "area" || p === "baseline") {
-					let t = sn(Qe);
+					let t = Vn(st);
 					if (p === "area" && n.push((n, r, i) => {
-						let o = new de(_, v);
+						let o = new ge(_, v);
 						for (let t = i ? Math.max(e.g0, n - 1) : n; t <= r; t++) o.push(f(t), b(a.close[t]), v);
 						return o.count > 1 ? [o.item("", 0, t, .28)] : [];
 					}), p === "baseline") {
-						let t = b(Fn());
+						let t = b(wr());
 						n.push((n, r, i) => {
-							let c = new de(_, v), l = new de(_, v), u = new pe(_, v), d = new pe(_, v), p = NaN, m = NaN, h = (e, n) => {
+							let c = new ge(_, v), l = new ge(_, v), u = new ve(_, v), d = new ve(_, v), p = NaN, m = NaN, h = (e, n) => {
 								c.push(e, Math.min(n, t), t), l.push(e, Math.max(n, t), t), n <= t ? u.push(e, n) : u.break(), n >= t ? d.push(e, n) : d.break();
 							};
 							for (let o = i ? Math.max(e.g0, n - 1) : n; o <= r; o++) {
@@ -391,13 +494,13 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 				} else {
 					let e = p === "hollowCandles", t = p === "bars", r = d.wick, i = d.body;
 					n.push((n, o) => {
-						let s = new fe(), u = new fe(), p = new fe(), m = new fe(), h = Math.max(r, Math.round((i - r) / 2));
+						let s = new _e(), u = new _e(), p = new _e(), m = new _e(), h = Math.max(r, Math.round((i - r) / 2));
 						for (let g = n; g <= o; g++) {
 							let n = a.open[g], o = a.high[g], y = a.low[g], ee = a.close[g];
 							if (!T(n) || !T(ee)) continue;
-							let x = (e ? ee >= (g > 0 ? a.close[g - 1] : n) : ee >= n) ? c : l, te = d.snap(f(g)), [ne, re] = ge(b(o), b(y));
+							let x = (e ? ee >= (g > 0 ? a.close[g - 1] : n) : ee >= n) ? c : l, te = d.snap(f(g)), [ne, re] = xe(b(o), b(y));
 							if (t) {
-								let e = he(ne, re, _, v);
+								let e = be(ne, re, _, v);
 								e && s.push(te, e[0], e[1], x);
 								for (let [e, t] of [[n, -1], [ee, 1]]) {
 									let n = Math.round(b(e) - r / 2);
@@ -405,26 +508,26 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 								}
 								continue;
 							}
-							let [ie, ae] = ge(b(n), b(ee));
+							let [ie, ae] = xe(b(n), b(ee));
 							if (i <= r) {
-								let e = he(ne, re, _, v);
+								let e = be(ne, re, _, v);
 								e && s.push(te, e[0], e[1], x);
 								continue;
 							}
 							if (e && ee > n) {
 								let e = [[ne, ie], [ae, re]];
 								for (let [t, n] of e) {
-									let e = n > t ? he(t, n, _, v) : null;
+									let e = n > t ? be(t, n, _, v) : null;
 									e && s.push(te, e[0], e[1], x);
 								}
-								let t = he(ie, ae, _, v);
+								let t = be(ie, ae, _, v);
 								t && (s.push(te - i / 2 + r / 2, t[0], t[1], x), s.push(te + i / 2 - r / 2, t[0], t[1], x));
 								for (let e of [ie, ae - r]) e >= _ && e + r <= v && p.push(te, e, e + r, x);
 								continue;
 							}
-							let oe = he(ne, re, _, v);
+							let oe = be(ne, re, _, v);
 							oe && s.push(te, oe[0], oe[1], x);
-							let se = he(ie, ae, _, v);
+							let se = be(ie, ae, _, v);
 							se && u.push(te, se[0], se[1], x);
 						}
 						let g = [s.item("w", 0, r / 2)];
@@ -432,86 +535,108 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 					});
 				}
 			}
-			let x = g.id === C ? k.filter((e) => e.overlay && e.type !== "volume") : g.study ? [g.study] : [];
-			for (let t of x) if (pn(t)) for (let p of t.outputs) if (p.kind === "volume") {
+			let te = g.id === C ? M.filter((e) => e.overlay && e.type !== "volume") : g.study ? [g.study] : [];
+			for (let p of te) if (qn(p)) for (let g of p.outputs) if (g.kind === "volume") {
 				let t = b(0);
 				n.push((n, r) => {
-					let i = new fe();
+					let i = new _e();
 					for (let o = n; o <= r; o++) {
-						let n = a.volume[o] / jn(e, o);
+						let n = a.volume[o] / br(e, o);
 						if (!(n > 0)) continue;
-						let r = he(...ge(b(n), t), _, v);
+						let r = be(...xe(b(n), t), _, v);
 						r && i.push(d.snap(f(o)), r[0], r[1], a.close[o] >= a.open[o] ? h.up : h.down);
 					}
 					return [i.item("", 0, m)];
 				});
-			} else if (p.kind === "histogram") {
+			} else if (g.kind === "histogram") {
 				let t = b(0), a = {
 					up: c,
 					down: l
-				}, h = {
+				}, p = {
 					up: i(r(u, o, .45)),
 					down: i(r(u, s, .45))
-				};
+				}, h = ir(g);
 				n.push((n, r) => {
-					let i = new fe();
-					for (let o = n; o <= r; o++) {
-						let n = An(e, p.values, o);
+					let i = rr(e, g.values, h), o = new _e();
+					for (let s = n; s <= r; s++) {
+						let n = i.last[s];
 						if (!T(n)) continue;
-						let r = o > 0 ? An(e, p.values, o - 1) : n, s = n >= 0 ? n >= r ? a.up : h.up : n <= r ? a.down : h.down, c = he(...ge(b(n), t), _, v);
-						c && i.push(d.snap(f(o)), c[0], c[1], s);
+						let r = s > 0 ? i.last[s - 1] : n, c = n >= 0 ? n >= r ? a.up : p.up : n <= r ? a.down : p.down, l = Math.min(0, T(i.min[s]) ? i.min[s] : n), u = Math.max(0, T(i.max[s]) ? i.max[s] : n), m = be(...e.level ? xe(b(u), b(l)) : xe(b(n), t), _, v);
+						m && o.push(d.snap(f(s)), m[0], m[1], c);
 					}
-					return [i.item("", 0, m)];
+					return [o.item("", 0, m)];
+				});
+			} else if (g.kind === "dots") {
+				let r = g.color ? i(Vn(nr(g.color))) : 0, o = w(N * e.size * .22, 1.25, 2.6), s = o * t;
+				n.push((t, n) => {
+					let i = new _e();
+					for (let o = t; o <= n; o++) {
+						let t = e.level ? g.values[Math.min(J() - 1, o * e.size + e.size - 1)] : g.values[o];
+						if (!T(t)) continue;
+						let n = b(t);
+						if (n < _ || n > v) continue;
+						let u = r || (t <= a.close[o] ? c : l);
+						i.push(f(o), n - s, n + s, u);
+					}
+					return i.count ? [i.item("", 0, s, 0, o)] : [];
 				});
-			} else n.push(ee((t) => An(e, p.values, t), sn(p.color), p.width));
+			} else {
+				let e = Vn(nr(g.color));
+				n.push(x(g.values, ir(g), [
+					e[0],
+					e[1],
+					e[2],
+					e[3] * g.alpha
+				], g.width, g.shift));
+			}
 		}
 		return n;
-	}, Vn = (e, t, n, r) => {
-		let i = Math.min(n.g1, n.last - 1), a = r ? n.last >= n.g0 && n.last <= n.g1 ? e(n.last, n.last, !0) : [] : i >= n.g0 ? e(n.g0, i, !1) : [], o = ++It;
+	}, jr = (e, t, n, r) => {
+		let i = Math.min(n.g1, n.last - 1), a = r ? n.last >= n.g0 && n.last <= n.g1 ? e(n.last, n.last, !0) : [] : i >= n.g0 ? e(n.g0, i, !1) : [], o = ++Xt;
 		return a.map((e, n) => ({
 			...e,
 			key: `L${t}:${n}:${e.kind}:${e.key}${r ? ":live" : ""}`,
 			version: o
 		}));
-	}, Hn = (e, n) => {
-		if (!I) return;
-		let r = I.canvas;
+	}, Mr = (e, n) => {
+		if (!z) return;
+		let r = z.canvas;
 		t(r, {
 			left: "0px",
 			top: "0px",
-			width: `${M}px`,
-			height: `${N}px`
+			width: `${F}px`,
+			height: `${I}px`
 		});
-		let i = Math.max(1, Math.round(M * n)), a = Math.max(1, Math.round(N * n));
-		if ((r.width !== i || r.height !== a) && I.resize(i, a), e) {
+		let i = Math.max(1, Math.round(F * n)), a = Math.max(1, Math.round(I * n));
+		if ((r.width !== i || r.height !== a) && z.resize(i, a), e) {
 			let t = [
 				i,
 				a,
 				n,
-				A,
-				j,
+				N,
+				P,
 				e.level,
-				nn(),
-				vt,
-				kt,
-				At,
-				Ot,
-				nn() === "baseline" ? Fn() : 0,
-				...P.map((e) => `${e.id}:${e.top}:${e.height}:${e.scale.min}:${e.scale.max}:${e.scale.base}:${e.scale.mode}`),
-				...k.map((e) => `${e.id}:${pn(e)}`)
+				Ln(),
+				Mt,
+				Ut,
+				Wt,
+				Ht,
+				Ln() === "baseline" ? wr() : 0,
+				...L.map((e) => `${e.id}:${e.top}:${e.height}:${e.scale.min}:${e.scale.max}:${e.scale.base}:${e.scale.mode}`),
+				...M.map((e) => `${e.id}:${qn(e)}`)
 			].join("|");
-			t === Pt ? Ft !== yt && (Ft = yt, Nt.forEach((t, n) => {
-				t.live = Vn(t.fn, n, e, !0);
-			})) : (Pt = t, Ft = yt, Nt = Bn(e, n).map((e) => ({
+			t === Jt ? Yt !== Nt && (Yt = Nt, qt.forEach((t, n) => {
+				t.live = jr(t.fn, n, e, !0);
+			})) : (Jt = t, Yt = Nt, qt = Ar(e, n).map((e) => ({
 				fn: e,
 				main: [],
 				live: []
-			})), Nt.forEach((t, n) => {
-				t.main = Vn(t.fn, n, e, !1), t.live = Vn(t.fn, n, e, !0);
+			})), qt.forEach((t, n) => {
+				t.main = jr(t.fn, n, e, !1), t.live = jr(t.fn, n, e, !0);
 			}));
-		} else Nt = [], Pt = "";
-		let o = Nt.flatMap((e) => [...e.main, ...e.live]);
-		I.render(o, {
+		} else qt = [], Jt = "";
+		let o = qt.flatMap((e) => [...e.main, ...e.live]);
+		z.render(o, {
 			transform: {
 				xScale: 2 / i,
 				xOffset: -1,
@@ -522,90 +647,193 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 			height: a,
 			dpr: n
 		});
-	}, Un = (e, t) => {
-		let n = Math.max(1, Math.round(Ct * t)), r = Math.max(1, Math.round(wt * t));
-		e.width !== n && (e.width = n), e.height !== r && (e.height = r), e.style.width = `${Ct}px`, e.style.height = `${wt}px`;
-	}, Wn = (e, t, n, r, i, a) => {
+	}, Nr = (e, t) => {
+		let n = Math.max(1, Math.round(Lt * t)), r = Math.max(1, Math.round(Rt * t));
+		e.width !== n && (e.width = n), e.height !== r && (e.height = r), e.style.width = `${Lt}px`, e.style.height = `${Rt}px`;
+	}, Pr = (e, t, n, r, i, a) => {
 		e.beginPath(), typeof e.roundRect == "function" ? e.roundRect(t, n, r, i, a) : e.rect(t, n, r, i);
-	}, Gn = (e, t, n) => {
-		let r = o(F.grid), i = E.grid !== !1;
+	}, Fr = (e, t, n, r, i) => {
+		let a = r.outputs[i.a], o = r.outputs[i.b];
+		if (!a || !o) return;
+		let s = rr(t, a.values, ir(a)), c = rr(t, o.values, ir(o)), l = a.shift, u = Math.ceil(Math.abs(l) / t.size) + 1, d = Math.max(0, t.g0 - (l > 0 ? u : 0)), f = Math.min(t.last, t.g1 + (l < 0 ? u : 0)), p = Y(nr(i.color), i.opacity), m = Y(nr(i.colorBelow ?? i.color), i.opacity);
+		e.save(), e.beginPath(), e.rect(0, n.top, F, n.height), e.clip();
+		let h = [], g = 0, _ = () => {
+			if (h.length > 1) {
+				e.fillStyle = g >= 0 ? p : m, e.beginPath(), h.forEach((t, n) => n ? e.lineTo(t.x, t.ya) : e.moveTo(t.x, t.ya));
+				for (let t = h.length - 1; t >= 0; t--) {
+					let n = h[t];
+					n && e.lineTo(n.x, n.yb);
+				}
+				e.closePath(), e.fill();
+			}
+			h = [];
+		};
+		for (let e = d; e <= f; e++) {
+			let r = s.last[e], i = c.last[e];
+			if (!T(r) || !T(i)) {
+				_(), g = 0;
+				continue;
+			}
+			let a = Q(yr(t, e) + l), o = S(n.scale, r), u = S(n.scale, i), d = r >= i ? 1 : -1, f = h[h.length - 1];
+			if (f && d !== g) {
+				let e = f.ya - f.yb, t = e / (e - (o - u)), n = f.x + (a - f.x) * t, r = f.ya + (o - f.ya) * t;
+				h.push({
+					x: n,
+					ya: r,
+					yb: r
+				}), _(), h.push({
+					x: n,
+					ya: r,
+					yb: r
+				});
+			}
+			g = d, h.push({
+				x: a,
+				ya: o,
+				yb: u
+			});
+		}
+		_(), e.restore();
+	}, Ir = (e, t) => {
+		if (!D.sessionBreaks || Kn() >= 864e5) return;
+		let n = [], r = NaN;
+		for (let e = Math.max(0, t.g0 - 1); e <= Math.min(t.g1, t.last); e++) {
+			let i = Math.floor(tr(t.cols.time[e]) / x);
+			if (T(r) && i !== r) {
+				let r = Math.round(Q(e * t.size - .5)) + .5;
+				if (r > 0 && r < F && n.push(r), n.length > F / 6) return;
+			}
+			r = i;
+		}
+		if (n.length) {
+			e.save(), e.strokeStyle = o(R.textMuted, .4), e.setLineDash([4, 4]), e.beginPath();
+			for (let t of n) e.moveTo(t, 0), e.lineTo(t, I);
+			e.stroke(), e.restore();
+		}
+	}, Lr = () => {
+		let e = D.volumeProfile;
+		return e ? e === !0 ? {} : e : null;
+	}, Rr = (e, t) => {
+		let n = Lr(), r = L[0];
+		if (!n || !r || !j.hasVolume) return;
+		let i = w(Math.floor(n.rows ?? 24), 2, 400), a = [
+			t.level,
+			t.s0,
+			t.s1,
+			i,
+			n.valueArea ?? .7,
+			Mt,
+			Nt
+		].join("|");
+		if (!Mn || Mn.key !== a) {
+			let e = t.level ? qe(wt, j, J(), t.level) : j;
+			Mn = {
+				key: a,
+				result: we(e, {
+					from: t.s0,
+					to: t.s1,
+					rows: i,
+					valueArea: n.valueArea
+				})
+			};
+		}
+		let s = Mn.result;
+		if (s.poc < 0) return;
+		let c = 0;
+		for (let e = 0; e < i; e++) c = Math.max(c, (s.up[e] ?? 0) + (s.down[e] ?? 0));
+		if (!(c > 0)) return;
+		let l = F * w(n.width ?? .28, .05, .9), u = (n.side ?? "right") === "right", d = Vn(nr(n.upColor ?? "up")), f = Vn(nr(n.downColor ?? "down"));
+		e.save(), e.beginPath(), e.rect(0, r.top, F, r.height), e.clip();
+		for (let t = 0; t < i; t++) {
+			let n = s.up[t] ?? 0, i = s.down[t] ?? 0;
+			if (!(n + i > 0)) continue;
+			let a = S(r.scale, s.low + t * s.step), p = S(r.scale, s.low + (t + 1) * s.step), m = Math.min(a, p), h = Math.max(1, Math.abs(p - a) - +(Math.abs(p - a) > 4)), g = t >= s.valueAreaFrom && t <= s.valueAreaTo ? .42 : .17, _ = n / c * l, v = i / c * l, y = u ? F : 0, b = u ? -1 : 1;
+			e.fillStyle = o(d, g), e.fillRect(Math.min(y, y + b * _), m, _, h), e.fillStyle = o(f, g);
+			let ee = y + b * _;
+			e.fillRect(Math.min(ee, ee + b * v), m, v, h);
+		}
+		let p = Math.round(S(r.scale, s.low + (s.poc + .5) * s.step)) + .5;
+		e.strokeStyle = Y(n.pocColor ?? ot, .9), e.lineWidth = 1, e.beginPath(), e.moveTo(0, p), e.lineTo(F, p), e.stroke(), e.restore();
+	}, zr = (e, t, n) => {
+		let r = o(R.grid), i = D.grid !== !1;
 		if (e.lineWidth = 1, i) {
 			e.strokeStyle = r, e.beginPath();
 			for (let t of n) {
 				let n = Math.round(t.x) + .5;
-				e.moveTo(n, 0), e.lineTo(n, N);
+				e.moveTo(n, 0), e.lineTo(n, I);
 			}
-			for (let t of P) for (let n of t.ticks) {
-				let r = Math.round(ke(t.scale, n)) + .5;
-				r < t.top + 2 || r > t.top + t.height - 2 || (e.moveTo(0, r), e.lineTo(M, r));
+			for (let t of L) for (let n of t.ticks) {
+				let r = Math.round(Fe(t.scale, n)) + .5;
+				r < t.top + 2 || r > t.top + t.height - 2 || (e.moveTo(0, r), e.lineTo(F, r));
 			}
 			e.stroke();
 		}
-		if (E.watermark) {
-			let t = P[0];
-			e.save(), e.font = X(Math.min(56, Math.max(22, M / 14)), 700), e.fillStyle = o(F.text, .07), e.textAlign = "center", e.textBaseline = "middle", e.fillText(E.watermark, M / 2, t.top + t.height / 2), e.restore();
+		if (D.watermark) {
+			let t = L[0];
+			e.save(), e.font = Z(Math.min(56, Math.max(22, F / 14)), 700), e.fillStyle = o(R.text, .07), e.textAlign = "center", e.textBaseline = "middle", e.fillText(D.watermark, F / 2, t.top + t.height / 2), e.restore();
 		}
-		for (let t of P) {
+		for (let t of L) {
 			let n = t.study;
-			if (n?.bands && pn(n)) {
-				let r = sn(n.outputs[0]?.color ?? Qe), i = n.bands.map((e) => Math.round(S(t.scale, e)) + .5);
-				n.type === "rsi" && i.length === 2 && (e.fillStyle = o(r, .07), e.fillRect(0, Math.min(i[0], i[1]), M, Math.abs(i[1] - i[0]))), e.save(), e.setLineDash([4, 4]), e.strokeStyle = o(F.textMuted, .45), e.beginPath();
-				for (let n of i) n < t.top || n > t.top + t.height || (e.moveTo(0, n), e.lineTo(M, n));
+			if (n?.bands && qn(n)) {
+				let r = Vn(nr(n.outputs[0]?.color ?? st)), i = n.bands.map((e) => Math.round(S(t.scale, e)) + .5);
+				n.bandFill && i.length === 2 && (e.fillStyle = o(r, .07), e.fillRect(0, Math.min(i[0], i[1]), F, Math.abs(i[1] - i[0]))), e.save(), e.setLineDash([4, 4]), e.strokeStyle = o(R.textMuted, .45), e.beginPath();
+				for (let n of i) n < t.top || n > t.top + t.height || (e.moveTo(0, n), e.lineTo(F, n));
 				e.stroke(), e.restore();
 			}
 		}
 		if (t) {
-			let n = P[0];
-			for (let r of k) {
-				if (r.type !== "boll" || !r.fill || !pn(r)) continue;
-				let [i, a] = r.fill, o = r.outputs[i].values, s = r.outputs[a].values;
-				e.save(), e.beginPath(), e.rect(0, n.top, M, n.height), e.clip(), e.fillStyle = J(r.outputs[i].color, .07), e.beginPath();
-				let c = !1, l = [], u = () => {
-					for (let t = l.length - 1; t >= 0; t--) e.lineTo(l[t][0], l[t][1]);
-					c && e.closePath(), l.length = 0, c = !1;
-				};
-				for (let r = t.g0; r <= t.g1; r++) {
-					let i = An(t, o, r), a = An(t, s, r);
-					if (!T(i) || !T(a)) {
-						u();
-						continue;
-					}
-					let d = Z(kn(t, r)), f = S(n.scale, i);
-					c ? e.lineTo(d, f) : e.moveTo(d, f), c = !0, l.push([d, S(n.scale, a)]);
-				}
-				u(), e.fill(), e.restore();
+			Ir(e, t);
+			for (let n of M) {
+				if (!n.fills.length || !qn(n)) continue;
+				let r = n.overlay ? L[0] : L.find((e) => e.study === n);
+				if (r) for (let i of n.fills) Fr(e, t, r, n, i);
+			}
+			let n = L[0];
+			if (n && n.scale.mode === "percent" && At.length) {
+				let t = Math.round(Fe(n.scale, 0)) + .5;
+				t > n.top && t < n.top + n.height && (e.save(), e.strokeStyle = o(R.textMuted, .6), e.setLineDash([2, 3]), e.beginPath(), e.moveTo(0, t), e.lineTo(F, t), e.stroke(), e.restore());
 			}
+			Rr(e, t);
 		}
-		e.strokeStyle = o(F.axis), e.beginPath();
-		for (let t of P.slice(1)) {
+		e.strokeStyle = o(R.axis), e.beginPath();
+		for (let t of L.slice(1)) {
 			let n = Math.round(t.top) + .5;
-			e.moveTo(0, n), e.lineTo(Ct, n);
-		}
-		e.moveTo(Math.round(M) + .5, 0), e.lineTo(Math.round(M) + .5, wt), e.moveTo(0, Math.round(N) + .5), e.lineTo(Ct, Math.round(N) + .5), e.stroke();
-	}, Kn = (e, t, n, r, i, a) => {
-		let o = a ? 32 : 18, s = w(Math.round(t - 9), 0, N - o);
-		Wn(e, M + 1, s, St - 2, o, 3), e.fillStyle = r, e.fill(), e.fillStyle = i, e.textAlign = "left", e.textBaseline = "middle", e.font = X(F.fontSize, 500), e.fillText(n, M + 7, s + 9.5), a && (e.font = X(F.fontSize - 1), e.fillText(a, M + 7, s + 24));
-	}, qn = (e) => P[0]?.scale.mode === "percent" ? ie(De(P[0].scale, e), K) : Y(e), Jn = (e) => {
-		if (e.color) return J(e.color);
+			e.moveTo(0, n), e.lineTo(Lt, n);
+		}
+		e.moveTo(Math.round(F) + .5, 0), e.lineTo(Math.round(F) + .5, Rt), e.moveTo(0, Math.round(I) + .5), e.lineTo(Lt, Math.round(I) + .5), e.stroke();
+	}, Br = (e, t, n, r, i, a) => {
+		let o = a ? 32 : 18, s = w(Math.round(t - 9), 0, I - o);
+		Pr(e, F + 1, s, It - 2, o, 3), e.fillStyle = r, e.fill(), e.fillStyle = i, e.textAlign = "left", e.textBaseline = "middle", e.font = Z(R.fontSize, 500), e.fillText(n, F + 7, s + 9.5), a && (e.font = Z(R.fontSize - 1), e.fillText(a, F + 7, s + 24));
+	}, Vr = (e) => L[0]?.scale.mode === "percent" ? ce(Ne(L[0].scale, e), q) : X(e), Hr = (e) => {
+		if (e.color) return Y(e.color);
 		let t = e.kind ?? "line";
-		return J(t === "takeProfit" ? an() : t === "stopLoss" ? on() : t === "alert" ? Ze : t === "line" ? Qe : e.side === "sell" ? on() : an());
-	}, Yn = (e) => Kt.get(e.id) ?? e.price, Xn = () => {
-		if (!Dt || !P.length) return null;
-		if (R !== null) {
-			let e = R, t = e >= 0 && e < q() ? _n().close[e] : NaN;
+		return Y(t === "takeProfit" ? zn() : t === "stopLoss" ? Bn() : t === "alert" ? ot : t === "line" ? st : e.side === "sell" ? Bn() : zn());
+	}, Ur = (e) => bn.get(e.id) ?? e.price, Wr = () => {
+		if (!Vt || !L.length) return null;
+		if (V !== null) {
+			let e = V, t = e >= 0 && e < J() ? or().close[e] : NaN;
+			return {
+				index: e,
+				pane: L[0],
+				y: S(L[0].scale, t),
+				price: t
+			};
+		}
+		if (!B && En) {
+			let e = Math.round(ar(En.time)), t = En.price;
 			return {
 				index: e,
-				pane: P[0],
-				y: S(P[0].scale, t),
+				pane: L[0],
+				y: T(t) ? S(L[0].scale, t) : NaN,
 				price: t
 			};
 		}
-		if (!L || L.x > M || L.y > N) return null;
-		let e = Dn(L.y);
+		if (!B || B.x > F || B.y > I) return null;
+		let e = gr(B.y);
 		if (!e) return null;
-		let t = Math.round(mn(L.x)), n = L.y, r = Oe(e.scale, n);
-		if (e.id === C && E.crosshair !== "free" && t >= 0 && t < q() && Ut === "cursor") {
-			let i = _n(), a = Infinity;
+		let t = Math.round(Jn(B.x)), n = B.y, r = Pe(e.scale, n);
+		if (e.id === C && D.crosshair !== "free" && t >= 0 && t < J() && un === "cursor") {
+			let i = or(), a = Infinity;
 			for (let o of [
 				i.open[t],
 				i.high[t],
@@ -613,7 +841,7 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 				i.close[t]
 			]) {
 				let t = S(e.scale, o);
-				Math.abs(t - L.y) < a && (a = Math.abs(t - L.y), n = t, r = o);
+				Math.abs(t - B.y) < a && (a = Math.abs(t - B.y), n = t, r = o);
 			}
 		}
 		return {
@@ -622,28 +850,79 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 			y: n,
 			price: r
 		};
-	}, Zn = () => {
-		let e = P[0];
-		return e ? {
-			x: Z,
-			y: (t) => S(e.scale, t),
-			index: gn,
-			left: 0,
-			right: M,
-			top: e.top,
-			bottom: e.top + e.height
-		} : null;
-	}, Qn = (e, t) => {
-		let n = tn(), r = Math.abs(t), i = [], a = Math.floor(r / v), o = Math.floor(r % v / y), s = Math.floor(r % y / b);
-		return a && i.push(be(n.days, { count: a })), o && i.push(be(n.hours, { count: o })), s && !a && i.push(be(n.minutes, { count: s })), `${be(tn().bars, { count: e })}, ${i.join(" ") || be(n.minutes, { count: 0 })}`;
-	}, $n = (e, t, n) => {
-		let r = P[0];
+	}, Gr = (e) => L.find((t) => t.id === (e ?? C)) ?? null, Kr = (e) => e ? {
+		x: Q,
+		y: (t) => S(e.scale, t),
+		index: ar,
+		left: 0,
+		right: F,
+		top: e.top,
+		bottom: e.top + e.height
+	} : null, qr = (e, t) => {
+		let n = In(), r = Math.abs(t), i = [], a = Math.floor(r / x), o = Math.floor(r % x / te), s = Math.floor(r % te / ne);
+		return a && i.push(Ee(n.days, { count: a })), o && i.push(Ee(n.hours, { count: o })), s && !a && i.push(Ee(n.minutes, { count: s })), `${Ee(In().bars, { count: e })}, ${i.join(" ") || Ee(n.minutes, { count: 0 })}`;
+	}, Jr = (e, t) => e.id === C ? X(t) : Or(e, t), Yr = (e) => {
+		let t = 10 ** -Hn();
+		return Number((Math.round(e / t) * t).toFixed(Hn()));
+	}, Xr = (e, t, n, r, i, a = "center") => {
+		e.font = Z(R.fontSize, 500);
+		let o = e.measureText(t).width + 16, s = w(a === "center" ? n - o / 2 : a === "right" ? n - o : n, 2, Math.max(2, F - o - 2));
+		return Pr(e, s, r, o, 22, 11), e.fillStyle = i, e.fill(), e.fillStyle = pt(i), e.textAlign = "center", e.textBaseline = "middle", e.fillText(t, s + o / 2, r + 11.5), o;
+	}, Zr = (e, t, n, r, i) => (Sn.push({
+		x: e,
+		y: t,
+		w: n,
+		h: r,
+		action: i
+	}), Cn === Sn.length - 1), Qr = (e, t) => {
+		let n = J(), r = n ? j.close[n - 1] : NaN, i = W ? [...U, W] : U;
+		if (!i.length) return;
+		let a = In(), o = {
+			target: a.target,
+			stop: a.stop,
+			riskReward: a.riskReward,
+			profit: a.profit,
+			long: a.long,
+			short: a.short
+		};
+		for (let n of L) {
+			let s = Kr(n);
+			if (!s) continue;
+			let c = i.filter((e) => (e.pane ?? C) === n.id);
+			if (c.length) {
+				e.save(), e.beginPath(), e.rect(0, n.top, F, n.height), e.clip();
+				for (let i of c) {
+					let c = b(e, i, s, {
+						...t,
+						color: Y(i.color ?? st),
+						font: Z(R.fontSize, 500),
+						fontFamily: R.fontFamily,
+						formatPrice: (e) => Jr(n, e),
+						formatPercent: (e) => ce(e, q),
+						formatSpan: qr,
+						textOn: pt,
+						defaultText: a.text,
+						position: o,
+						last: n.id === C ? r : NaN,
+						fill: Ee
+					}, {
+						selected: i === W || i.id === dn,
+						hovered: i.id === fn
+					});
+					c && gn.set(i.id, c);
+				}
+				e.restore();
+			}
+		}
+	}, $r = (e, t, n) => {
+		let r = L[0];
 		if (!r) return;
-		let i = q(), a = o(F.text), s = o(F.textMuted), c = o(F.background), l = J(an()), u = J(on());
-		if (e.save(), e.beginPath(), e.rect(0, r.top, M, r.height), e.clip(), t && E.highLowMarkers !== !1 && nn() !== "line" && nn() !== "area" && nn() !== "baseline") {
+		Sn = [];
+		let i = J(), a = o(R.text), s = o(R.textMuted), c = o(R.background), l = Y(zn()), u = Y(Bn()), d = In();
+		if (e.save(), e.beginPath(), e.rect(0, r.top, F, r.height), e.clip(), t && D.highLowMarkers !== !1 && Ln() !== "line" && Ln() !== "area" && Ln() !== "baseline") {
 			let n = -Infinity, i = Infinity, a = -1, o = -1;
 			for (let e = t.s0; e <= t.s1; e++) t.cols.high[e] > n && (n = t.cols.high[e], a = e), t.cols.low[e] < i && (i = t.cols.low[e], o = e);
-			e.font = X(F.fontSize), e.fillStyle = s, e.strokeStyle = s, e.lineWidth = 1;
+			e.font = Z(R.fontSize), e.fillStyle = s, e.strokeStyle = s, e.lineWidth = 1;
 			for (let [s, c, l] of [[
 				a,
 				n,
@@ -654,147 +933,185 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 				!0
 			]]) {
 				if (s < 0 || !T(c)) continue;
-				let n = Z(kn(t, s)), i = S(r.scale, c) + (l ? 9 : -9), a = n > M * .6, o = Y(c);
-				e.textBaseline = "middle", e.textAlign = a ? "right" : "left", e.beginPath(), e.moveTo(n, i), e.lineTo(n + (a ? -14 : 14), i), e.stroke(), e.fillText(o, n + (a ? -17 : 17), i);
+				let n = Q(yr(t, s)), i = X(c), a = e.measureText(i).width, o = w(S(r.scale, c) + (l ? 9 : -9), r.top + 8, r.top + r.height - 8), u = Math.min(n, n + (n > F * .6 ? -17 - a : 17 + a));
+				for (let e of ti) u < e.right && o - 7 < e.bottom && o + 7 > e.top && e.bottom + 10 < r.top + r.height - 8 && (o = e.bottom + 10);
+				let d = F - 4 - (n + 17 + a), f = n - 17 - a - 4, p = (d < 0 || n > F * .6) && f >= Math.min(0, d), m = p ? -1 : 1;
+				e.textBaseline = "middle", e.textAlign = "left", e.beginPath(), e.moveTo(n, o), e.lineTo(n + m * 14, o), e.stroke();
+				let h = w(p ? n - 17 - a : n + 17, 2, F - a - 2);
+				e.fillText(i, h, o);
 			}
 		}
-		if (t && E.markers?.length) {
+		if (t && D.markers?.length) {
 			let n = /* @__PURE__ */ new Map();
-			e.font = X(F.fontSize, 600), e.textAlign = "center";
-			let a = E.markers.length > 400;
-			for (let o of E.markers) {
-				let s = gn(o.time);
+			e.font = Z(R.fontSize, 600), e.textAlign = "center";
+			let a = D.markers.length > 400;
+			for (let o of D.markers) {
+				let s = ar(o.time);
 				if (s < 0 || s > i - 1) continue;
 				let d = Math.floor(s / t.size);
 				if (d < t.g0 || d > t.g1) continue;
-				let f = Math.round(Z(kn(t, d))), p = o.side === "sell", m = o.color ? J(o.color) : p ? u : l, h = `${d}:${p}`, g = n.get(h) ?? 0;
+				let f = Math.round(Q(yr(t, d))), p = o.side === "sell", m = o.color ? Y(o.color) : p ? u : l, h = `${d}:${p}`, g = n.get(h) ?? 0;
 				n.set(h, g + (o.text && !a ? 30 : 16));
 				let _ = S(r.scale, p ? t.cols.high[d] : t.cols.low[d]), v = p ? -1 : 1, y = _ + v * (6 + g);
 				e.fillStyle = m, e.beginPath(), e.moveTo(f, y), e.lineTo(f - 5.5, y + v * 7), e.lineTo(f - 2, y + v * 7), e.lineTo(f - 2, y + v * 12), e.lineTo(f + 2, y + v * 12), e.lineTo(f + 2, y + v * 7), e.lineTo(f + 5.5, y + v * 7), e.closePath(), e.fill(), o.text && !a && (e.textBaseline = p ? "bottom" : "top", e.fillText(o.text, f, y + v * 14)), o.price !== void 0 && T(o.price) && (e.beginPath(), e.arc(f, S(r.scale, o.price), 3, 0, Math.PI * 2), e.fill(), e.lineWidth = 1.5, e.strokeStyle = c, e.stroke());
 			}
 		}
-		let d = Zn();
-		if (d) {
-			let t = (e) => ({
-				color: J(e.color ?? Qe),
-				text: a,
-				background: c,
-				up: l,
-				down: u,
-				font: X(F.fontSize, 500),
-				formatPrice: Y,
-				formatPercent: (e) => ie(e, K),
-				formatSpan: Qn,
-				textOn: et
-			});
-			for (let n of H) g(e, n, d, t(n), {
-				selected: n.id === U,
-				hovered: n.id === Wt
-			});
-			W && g(e, W, d, t(W), {
-				selected: !0,
-				hovered: !1
-			});
-		}
-		let f = i ? O.close[i - 1] : NaN;
-		for (let t of E.priceLines ?? []) {
-			let n = Yn(t), i = Math.round(S(r.scale, n)) + .5;
+		e.restore(), Qr(e, {
+			text: a,
+			background: c,
+			up: l,
+			down: u
+		}), e.save(), e.beginPath(), e.rect(0, r.top, F, r.height), e.clip();
+		let f = i ? j.close[i - 1] : NaN;
+		for (let t of D.priceLines ?? []) {
+			let n = Ur(t), i = Math.round(S(r.scale, n)) + .5;
 			if (!T(i) || i < r.top || i > r.top + r.height) continue;
-			let a = Jn(t), o = t.kind ?? "line", s = t.lineStyle ?? (o === "position" || o === "line" ? "solid" : "dashed");
-			e.save(), e.strokeStyle = a, e.lineWidth = qt === t.id || z?.kind === "order" && z.line.id === t.id ? 1.5 : 1, _(e, s, 1), e.beginPath(), e.moveTo(0, i), e.lineTo(M, i), e.stroke(), e.restore();
-			let d = $e[o], p = t.title ?? (d ? tn()[d] : ""), m = [];
-			if (p && m.push({
-				text: p,
+			let a = Hr(t), o = t.kind ?? "line", s = t.lineStyle ?? (o === "position" || o === "line" ? "solid" : "dashed");
+			e.save(), e.strokeStyle = a, e.lineWidth = xn === t.id || H?.kind === "order" && H.line.id === t.id ? 1.5 : 1, ee(e, s, 1), e.beginPath(), e.moveTo(0, i), e.lineTo(F, i), e.stroke(), e.restore();
+			let p = ft[o], m = t.title ?? (p ? d[p] : ""), h = [];
+			if (m && h.push({
+				text: m,
 				fill: a,
-				color: et(a)
-			}), t.quantity !== void 0 && t.quantity !== "" && m.push({
+				color: pt(a)
+			}), t.quantity !== void 0 && t.quantity !== "" && h.push({
 				text: String(t.quantity),
 				fill: c,
 				color: a
 			}), o === "position" && typeof t.quantity == "number" && T(f)) {
 				let e = (f - n) * t.quantity * (t.side === "sell" ? -1 : 1), r = e >= 0 ? l : u;
-				m.push({
-					text: `${e >= 0 ? "+" : "−"}${Y(Math.abs(e))}`,
+				h.push({
+					text: `${e >= 0 ? "+" : "−"}${X(Math.abs(e))}`,
 					fill: r,
-					color: et(r)
+					color: pt(r)
 				});
 			}
-			if (!m.length && !t.draggable) continue;
-			e.font = X(F.fontSize, 600);
-			let h = m.map((t) => e.measureText(t.text).width + 12), g = t.draggable ? 14 : 0, v = h.reduce((e, t) => e + t, 0) + g, y = Math.round(M - v - 56), b = Math.round(i - 9.5);
-			if (Wn(e, y - .5, b - .5, v + 1, 19, 3), e.fillStyle = c, e.fill(), e.strokeStyle = a, e.lineWidth = 1, e.setLineDash([]), e.stroke(), g) {
+			if (t.cancellable && h.push({
+				text: "×",
+				fill: c,
+				color: a,
+				cancel: !0
+			}), !h.length && !t.draggable) continue;
+			e.font = Z(R.fontSize, 600);
+			let g = h.map((t) => t.cancel ? 20 : e.measureText(t.text).width + 12), _ = t.draggable ? 14 : 0, v = g.reduce((e, t) => e + t, 0) + _, y = Math.round(F - v - 56), b = Math.round(i - 9.5);
+			if (Pr(e, y - .5, b - .5, v + 1, 19, 3), e.fillStyle = c, e.fill(), e.strokeStyle = a, e.lineWidth = 1, e.setLineDash([]), e.stroke(), _) {
 				e.fillStyle = a;
 				for (let t = 0; t < 3; t++) e.fillRect(y + 4, b + 5 + t * 3.5, 6, 1.5);
-				y += g;
+				y += _;
 			}
-			e.textBaseline = "middle", e.textAlign = "center", m.forEach((t, n) => {
-				t.fill !== c && (e.fillStyle = t.fill, e.fillRect(y, b, h[n], 18)), e.fillStyle = t.color, e.fillText(t.text, y + h[n] / 2, b + 9.5), y += h[n];
+			e.textBaseline = "middle", e.textAlign = "center", h.forEach((n, r) => {
+				let i = g[r] ?? 0, o = n.fill;
+				n.cancel && (Zr(y, b, i, 18, () => K("orderCancel", {
+					id: t.id,
+					line: t
+				})) && (o = a), e.fillStyle = a, e.fillRect(y, b + 3, 1, 12)), o !== c && (e.fillStyle = o, e.fillRect(y, b, i, 18)), e.fillStyle = n.cancel && o !== c ? pt(a) : n.color, n.cancel && (e.font = Z(R.fontSize + 3, 500)), e.fillText(n.text, y + i / 2, b + (n.cancel ? 9 : 9.5)), e.font = Z(R.fontSize, 600), y += i;
 			});
 		}
-		let p = E.lastPriceLine !== !1 && i > 0, m = i > 0 && O.close[i - 1] >= O.open[i - 1] ? l : u;
+		let p = D.lastPriceLine !== !1 && i > 0, m = i > 0 && j.close[i - 1] >= j.open[i - 1], h = Ln() === "line" || Ln() === "area" ? Y(st) : m ? l : u;
 		if (p) {
 			let t = Math.round(S(r.scale, f)) + .5;
-			e.save(), e.strokeStyle = m, e.setLineDash([1, 2]), e.beginPath(), e.moveTo(0, t), e.lineTo(M, t), e.stroke(), e.restore();
+			e.save(), e.strokeStyle = h, e.setLineDash([1, 2]), e.beginPath(), e.moveTo(0, t), e.lineTo(F, t), e.stroke(), e.restore();
 		}
 		e.restore();
-		let h = [];
-		for (let e of E.priceLines ?? []) h.push(S(r.scale, Yn(e)));
-		for (let e of H) e.type === "horizontalLine" && e.points[0] && h.push(S(r.scale, e.points[0].price));
-		p && h.push(S(r.scale, f) + (E.countdown ? 7 : 0)), e.font = X(F.fontSize), e.textAlign = "left", e.textBaseline = "middle", e.fillStyle = s;
-		for (let t of P) for (let n of t.ticks) {
-			let r = ke(t.scale, n);
+		let g = [];
+		for (let e of At) {
+			let t = i - 1;
+			for (; t >= 0 && !T(e.values[t]);) t--;
+			if (t < 0) continue;
+			let n = e.values[t], a = Cr(r.scale, n, Sr(e)), o = Fe(r.scale, a);
+			!T(o) || o < r.top || o > r.top + r.height || g.push({
+				y: o,
+				text: r.scale.mode === "percent" ? ce(a, q) : X(n),
+				color: Y(e.color)
+			});
+		}
+		let _ = [];
+		for (let e of D.priceLines ?? []) _.push({
+			pane: C,
+			y: S(r.scale, Ur(e))
+		});
+		for (let e of U) {
+			let t = Gr(e.pane);
+			t && e.type === "horizontalLine" && e.points[0] && _.push({
+				pane: t.id,
+				y: S(t.scale, e.points[0].price)
+			});
+		}
+		for (let e of g) _.push({
+			pane: C,
+			y: e.y
+		});
+		p && _.push({
+			pane: C,
+			y: S(r.scale, f) + (D.countdown ? 7 : 0)
+		}), e.font = Z(R.fontSize), e.textAlign = "left", e.textBaseline = "middle", e.fillStyle = s;
+		for (let t of L) for (let n of t.ticks) {
+			let r = Fe(t.scale, n);
 			if (r < t.top + 8 || r > t.top + t.height - 8) continue;
-			let i = E.countdown ? 18 : 14;
-			t.id === C && h.some((e) => Math.abs(e - r) < i) || e.fillText(Rn(t, n), M + 8, r);
+			let i = D.countdown && t.id === C ? 18 : 14;
+			_.some((e) => e.pane === t.id && Math.abs(e.y - r) < i) || e.fillText(Or(t, n), F + 8, r);
 		}
 		e.textAlign = "center";
-		for (let t of n) e.font = X(F.fontSize, t.bold ? 600 : 400), e.fillStyle = t.bold ? a : s, e.fillText(t.text, t.x, N + Ge / 2);
-		for (let t of E.priceLines ?? []) {
-			let n = Yn(t), i = S(r.scale, n);
+		for (let t of n) e.font = Z(R.fontSize, t.bold ? 600 : 400), e.fillStyle = t.bold ? a : s, e.fillText(t.text, t.x, I + et / 2);
+		for (let t of D.priceLines ?? []) {
+			let n = Ur(t), i = S(r.scale, n);
 			if (!T(i) || i < r.top || i > r.top + r.height) continue;
-			let a = Jn(t);
-			Kn(e, i, qn(n), a, et(a));
+			let a = Hr(t);
+			Br(e, i, Vr(n), a, pt(a));
 		}
-		for (let t of H) {
-			if (t.type !== "horizontalLine" || !t.points[0]) continue;
-			let n = t.points[0].price, i = S(r.scale, n);
-			if (i < r.top || i > r.top + r.height) continue;
-			let a = J(t.color ?? Qe);
-			Kn(e, i, qn(n), a, et(a));
+		for (let t of U) {
+			let n = Gr(t.pane);
+			if (!n || t.type !== "horizontalLine" || !t.points[0]) continue;
+			let r = t.points[0].price, i = S(n.scale, r);
+			if (i < n.top || i > n.top + n.height) continue;
+			let a = Y(t.color ?? st);
+			Br(e, i, n.id === C ? Vr(r) : Jr(n, r), a, pt(a));
 		}
+		for (let t of g) Br(e, t.y, t.text, t.color, pt(t.color));
 		if (p) {
 			let t;
-			if (E.countdown) {
-				let e = dn(), n = O.time[i - 1], r = n + e.ms;
+			if (D.countdown) {
+				let e = Gn(), n = j.time[i - 1], r = n + e.ms;
 				if (e.unit === "month") {
 					let t = new Date(n);
 					r = Date.UTC(t.getUTCFullYear(), t.getUTCMonth() + e.count, t.getUTCDate(), t.getUTCHours(), t.getUTCMinutes());
 				}
-				t = te(r - Date.now(), tn());
+				t = ae(r - Date.now(), d);
 			}
-			Kn(e, S(r.scale, f), qn(f), m, et(m), t);
-		}
-		let v = Xn();
-		if (v && t) {
-			let t = Math.round(Z(v.index)) + .5;
-			e.save(), e.strokeStyle = o(F.textMuted, .75), e.lineWidth = 1, e.setLineDash([4, 3]), e.beginPath(), t >= 0 && t <= M && (e.moveTo(t, 0), e.lineTo(t, N));
-			let n = Math.round(v.y) + .5;
-			T(n) && n >= v.pane.top && n <= v.pane.top + v.pane.height && (e.moveTo(0, n), e.lineTo(M, n)), e.stroke(), e.restore();
-			let r = o(F.text);
-			if (T(v.y) && v.y >= v.pane.top && v.y <= v.pane.top + v.pane.height) {
-				let t = Ee(v.pane.scale, v.y), n = v.pane.id === C ? qn(Ce(v.pane.scale, t)) : Rn(v.pane, t);
-				Kn(e, v.y, n, r, c);
+			Br(e, S(r.scale, f), Vr(f), h, pt(h), t);
+		}
+		let v = r.top + r.height - 32;
+		if (An) {
+			let t = B && B.x <= F ? B.x : NaN;
+			T(t) && (e.fillStyle = o(R.background, .62), e.fillRect(t, 0, F - t, I), e.strokeStyle = Y(st), e.lineWidth = 1.5, e.beginPath(), e.moveTo(Math.round(t) + .5, 0), e.lineTo(Math.round(t) + .5, I), e.stroke()), Xr(e, d.replayHint, F / 2, v, Y(st));
+		} else G && i && Xr(e, Ee(d.replay, { time: oe(tr(j.time[i - 1]), Kn(), q) }), F / 2, v, Y(st));
+		let y = Wr();
+		if (y && t && !An) {
+			let t = Math.round(Q(y.index)) + .5;
+			e.save(), e.strokeStyle = o(R.textMuted, .75), e.lineWidth = 1, e.setLineDash([4, 3]), e.beginPath(), t >= 0 && t <= F && (e.moveTo(t, 0), e.lineTo(t, I));
+			let n = Math.round(y.y) + .5;
+			T(n) && n >= y.pane.top && n <= y.pane.top + y.pane.height && (e.moveTo(0, n), e.lineTo(F, n)), e.stroke(), e.restore();
+			let a = o(R.text);
+			if (T(y.y) && y.y >= y.pane.top && y.y <= y.pane.top + y.pane.height) {
+				let t = Me(y.pane.scale, y.y), n = y.pane.id === C ? Vr(ke(y.pane.scale, t)) : Or(y.pane, t);
+				Br(e, y.y, n, a, c);
+			}
+			if (t >= 0 && t <= F && i) {
+				let n = oe(tr(Yn(y.index)), Kn(), q);
+				e.font = Z(R.fontSize, 500);
+				let r = e.measureText(n).width + 16, i = w(t - r / 2, 0, Lt - r);
+				Pr(e, i, I + 3, r, 21, 3), e.fillStyle = a, e.fill(), e.fillStyle = c, e.textAlign = "center", e.textBaseline = "middle", e.fillText(n, i + r / 2, I + 14);
 			}
-			if (t >= 0 && t <= M && i) {
-				let n = ne(le(hn(v.index), E.utcOffset), fn(), K);
-				e.font = X(F.fontSize, 500);
-				let i = e.measureText(n).width + 16, a = w(t - i / 2, 0, Ct - i);
-				Wn(e, a, N + 3, i, 21, 3), e.fillStyle = r, e.fill(), e.fillStyle = c, e.textAlign = "center", e.textBaseline = "middle", e.fillText(n, a + i / 2, N + 14);
+			if (D.orderEntry && B && y.pane.id === C && T(y.y) && un === "cursor" && !H && i) {
+				let t = F - 18 - 4, n = w(Math.round(y.y - 9), r.top + 1, r.top + r.height - 18 - 1), i = Yr(y.price), o = i < f ? "buy" : "sell", s = Zr(t, n, 18, 18, () => K("orderCreate", {
+					price: i,
+					side: o
+				}));
+				Pr(e, t, n, 18, 18, 4), e.fillStyle = s ? Y(st) : a, e.fill(), e.strokeStyle = s ? pt(Y(st)) : c, e.lineWidth = 1.5, e.beginPath(), e.moveTo(t + 5, n + 9), e.lineTo(t + 18 - 5, n + 9), e.moveTo(t + 9, n + 5), e.lineTo(t + 9, n + 18 - 5), e.stroke(), s && Xr(e, Ee(o === "buy" ? d.buyLimit : d.sellLimit, { price: X(i) }), t - 6, n - 2, o === "buy" ? l : u, "right");
 			}
 		}
-	}, er = "", tr = /* @__PURE__ */ new Map(), nr = /* @__PURE__ */ new Map(), rr = (e) => {
-		let t = nr.get(e);
-		return t || (t = it("div", {
+	}, ei = "", ti = [], ni = /* @__PURE__ */ new Map(), ri = /* @__PURE__ */ new Map(), ii = (e) => {
+		let t = ri.get(e);
+		return t || (t = gt("div", {
 			position: "absolute",
 			left: "8px",
 			display: "flex",
@@ -807,39 +1124,40 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 			fontVariantNumeric: "tabular-nums",
 			whiteSpace: "nowrap",
 			pointerEvents: "none"
-		}), ct.appendChild(t), nr.set(e, t)), t;
-	}, ir = (e, t, n, r) => {
-		let i = it("div", {
+		}), bt.appendChild(t), ri.set(e, t)), t;
+	}, ai = (e, t, n, r) => {
+		let i = gt("div", {
 			display: "flex",
+			flexWrap: "wrap",
 			alignItems: "center",
-			gap: "6px",
+			columnGap: "6px",
 			padding: "0 4px",
 			marginLeft: "-4px",
 			borderRadius: "4px",
 			background: "color-mix(in srgb, var(--surface-color, var(--background-color, #fff)) 86%, transparent)"
 		}), a = null;
-		if (n) a = it("button", {
+		if (n) a = gt("button", {
 			all: "unset",
 			cursor: "pointer",
 			pointerEvents: "auto",
 			color: "var(--text-color, #1f2937)",
 			fontWeight: "500",
 			borderRadius: "3px"
-		}), a.type = "button", a.textContent = t, a.setAttribute("aria-label", be(tn().toggleIndicator, { name: t })), a.addEventListener("click", (e) => {
+		}), a.type = "button", a.textContent = t, a.setAttribute("aria-label", Ee(In().toggleIndicator, { name: t })), a.addEventListener("click", (e) => {
 			e.stopPropagation();
-			let t = !pn(n);
-			gt.set(n.id, t), G("indicatorToggle", {
+			let t = !qn(n);
+			kt.set(n.id, t), K("indicatorToggle", {
 				id: n.id,
 				visible: t
-			}), cr(), $();
+			}), li(), $();
 		}), a.addEventListener("pointerdown", (e) => e.stopPropagation()), i.appendChild(a);
 		else if (t) {
-			let e = it("span", { fontWeight: "600" });
+			let e = gt("span", { fontWeight: "600" });
 			e.textContent = t, i.appendChild(e);
 		}
 		let o = [];
 		for (let e = 0; e < r; e++) {
-			let e = it("span", {});
+			let e = gt("span", {});
 			i.appendChild(e), o.push(e);
 		}
 		return e.appendChild(i), {
@@ -847,260 +1165,533 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 			values: o,
 			button: a
 		};
-	}, ar = () => {
-		tr.clear();
-		for (let e of nr.values()) e.remove();
-		if (nr.clear(), E.legend === !1) return;
-		let e = rr(C), t = [E.symbol, E.labels?.timeframe ?? (typeof E.timeframe == "string" ? E.timeframe : "")].filter(Boolean).join(" · ");
-		tr.set("ohlc", ir(e, t, null, 1));
-		for (let t of k) t.overlay && t.type === "volume" ? tr.set(t.id, ir(e, or(t), t, 1)) : t.overlay && tr.set(t.id, ir(e, or(t), t, t.outputs.length));
-		for (let t of _t) tr.set(`compare:${t.id}`, ir(e, "", null, 1));
-		for (let e of k) e.overlay || tr.set(e.id, ir(rr(e.id), or(e), e, e.outputs.length));
-	}, or = (e) => e.type === "volume" ? tn().volume : e.title, sr = (e, t, n) => {
+	}, oi = () => {
+		ni.clear();
+		for (let e of ri.values()) e.remove();
+		if (ri.clear(), D.legend === !1) return;
+		let e = ii(C), t = [D.symbol, D.labels?.timeframe ?? (typeof D.timeframe == "string" ? D.timeframe : "")].filter(Boolean).join(" · ");
+		ni.set("ohlc", ai(e, t, null, 1));
+		for (let t of M) {
+			let n = t.mergeLegend ? 1 : t.outputs.length;
+			t.overlay && t.type === "volume" ? ni.set(t.id, ai(e, si(t), t, 1)) : t.overlay && ni.set(t.id, ai(e, si(t), t, n));
+		}
+		for (let t of At) ni.set(`compare:${t.id}`, ai(e, "", null, 1));
+		for (let e of M) e.overlay || ni.set(e.id, ai(ii(e.id), si(e), e, e.mergeLegend ? 1 : e.outputs.length));
+	}, si = (e) => e.type === "volume" ? In().volume : e.titleKey ? `${In()[e.titleKey]} ${e.title}` : e.title, ci = (e, t, n) => {
 		if (!e) return;
 		e.textContent !== t && (e.textContent = t);
 		let r = n ?? "";
 		e.style.color !== r && (e.style.color = r);
-	}, cr = () => {
+	}, li = () => {
 		let e = [
-			E.legend !== !1,
-			E.symbol,
-			E.timeframe,
-			...k.map((e) => `${e.id}:${or(e)}:${e.outputs.length}`),
-			..._t.map((e) => e.id),
-			$t.toggleIndicator,
-			E.labels?.timeframe
+			D.legend !== !1,
+			D.symbol,
+			D.timeframe,
+			...M.map((e) => `${e.id}:${si(e)}:${e.outputs.length}`),
+			...At.map((e) => e.id),
+			Pn.toggleIndicator,
+			D.labels?.timeframe
 		].join("|");
-		if (e !== er && (er = e, ar()), E.legend === !1) return;
-		for (let e of P) {
-			let t = nr.get(e.id);
-			t && (t.style.top = `${e.top + 6}px`);
-		}
-		let t = q(), n = Xn(), r = w(n && n.index >= 0 && n.index < t ? n.index : t - 1, 0, Math.max(0, t - 1)), i = tn(), a = tr.get("ohlc"), o = J(an()), s = J(on());
-		if (a && t) {
-			let e = _n(), t = e.open[r], n = e.close[r], c = r > 0 ? e.close[r - 1] : t, l = n - c, u = n >= t ? o : s, d = a.values[0], f = [
-				[i.open, e.open[r]],
-				[i.high, e.high[r]],
-				[i.low, e.low[r]],
-				[i.close, n]
-			].map(([e, t]) => `<span style="color:var(--text-secondary-color,#6b7280)">${lr(String(e))}</span><span style="color:${u}">${lr(Y(t))}</span>`).join(" "), p = c ? l / c * 100 : NaN, m = `${f} ${`${i.change ? `<span style="color:var(--text-secondary-color,#6b7280)">${lr(i.change)}</span>` : ""}<span style="color:${l >= 0 ? o : s}">${l >= 0 ? "+" : "−"}${lr(Y(Math.abs(l)))} (${lr(ie(p, K))})</span>`}${O.hasVolume ? ` <span style="color:var(--text-secondary-color,#6b7280)">${lr(i.volume)}</span>${lr(ae(O.volume[r], K))}` : ""}`;
+		if (e !== ei && (ei = e, oi()), D.legend === !1) return;
+		for (let e of L) {
+			let t = ri.get(e.id);
+			if (!t) continue;
+			t.style.top = `${e.top + 6}px`;
+			let n = `${Math.max(80, Math.floor(F - 14))}px`;
+			t.style.maxWidth !== n && (t.style.maxWidth = n);
+		}
+		let t = ri.get(C);
+		ti = t ? Array.from(t.children, (e) => ({
+			right: t.offsetLeft + e.offsetLeft + e.offsetWidth,
+			top: t.offsetTop + e.offsetTop,
+			bottom: t.offsetTop + e.offsetTop + e.offsetHeight
+		})) : [];
+		let n = J(), r = Wr(), i = w(r && r.index >= 0 && r.index < n ? r.index : n - 1, 0, Math.max(0, n - 1)), a = In(), o = ni.get("ohlc"), s = Y(zn()), c = Y(Bn());
+		if (o && n) {
+			let e = or(), t = e.open[i], n = e.close[i], r = i > 0 ? e.close[i - 1] : t, l = n - r, u = n >= t ? s : c, d = o.values[0], f = [
+				[a.open, e.open[i]],
+				[a.high, e.high[i]],
+				[a.low, e.low[i]],
+				[a.close, n]
+			].map(([e, t]) => `<span style="color:var(--text-secondary-color,#6b7280)">${ui(String(e))}</span><span style="color:${u}">${ui(X(t))}</span>`).join(" "), p = r ? l / r * 100 : NaN, m = `${f} ${`${a.change ? `<span style="color:var(--text-secondary-color,#6b7280)">${ui(a.change)}</span>` : ""}<span style="color:${l >= 0 ? s : c}">${l >= 0 ? "+" : "−"}${ui(X(Math.abs(l)))} (${ui(ce(p, q))})</span>`}${j.hasVolume ? ` <span style="color:var(--text-secondary-color,#6b7280)">${ui(a.volume)}</span>${ui(le(j.volume[i], q))}` : ""}`;
 			d && d.dataset.html !== m && (d.innerHTML = m, d.dataset.html = m, d.style.display = "inline-flex", d.style.gap = "4px", d.style.flexWrap = "wrap");
 		}
-		for (let e of k) {
-			let n = tr.get(e.id);
-			if (!n) continue;
-			let i = pn(e);
-			n.row.style.opacity = i ? "1" : "0.5", n.button && (n.button.setAttribute("aria-pressed", String(i)), n.button.style.textDecoration = i ? "none" : "line-through");
+		for (let e of M) {
+			let t = ni.get(e.id);
+			if (!t) continue;
+			let r = qn(e);
+			t.row.style.opacity = r ? "1" : "0.5", t.button && (t.button.setAttribute("aria-pressed", String(r)), t.button.style.textDecoration = r ? "none" : "line-through");
 			let a = e.outputs.length;
-			e.outputs.forEach((c, l) => {
-				let u = n.values[e.type === "macd" ? (l + a - 1) % a : l];
-				if (!i || !t) {
-					sr(u, "");
+			if (e.mergeLegend) {
+				let a = e.outputs.find((e) => T(e.values[i]));
+				ci(t.values[0], r && n && a ? kr(e, a.values[i]) : "", a ? Y(nr(a.color)) : void 0);
+				continue;
+			}
+			e.outputs.forEach((o, l) => {
+				let u = t.values[e.type === "macd" ? (l + a - 1) % a : l];
+				if (!r || !n) {
+					ci(u, "");
 					return;
 				}
-				if (c.kind === "volume") {
-					let e = O.close[r] >= O.open[r] ? o : s;
-					sr(u, ae(O.volume[r], K), e);
+				if (o.kind === "volume") {
+					let e = j.close[i] >= j.open[i] ? s : c;
+					ci(u, le(j.volume[i], q), e);
 					return;
 				}
-				let d = c.values[r], f = c.color ? J(c.color) : void 0;
-				c.kind === "histogram" && (f = d >= 0 ? o : s);
-				let p = e.outputs.length > 1 && e.type !== "boll" ? `${c.label} ` : "";
-				sr(u, `${p}${zn(e, d)}`, f);
+				let d = i - o.shift, f = d >= 0 && d < n ? o.values[d] : NaN, p = o.color ? Y(nr(o.color)) : void 0;
+				o.kind === "histogram" && (p = f >= 0 ? s : c), o.kind === "dots" && !o.color && (p = f <= j.close[i] ? s : c);
+				let m = e.outputs.length > 1 && !e.plainLegend ? `${o.label} ` : "";
+				ci(u, `${m}${kr(e, f)}`, p);
 			});
 		}
-		for (let e of _t) {
-			let t = tr.get(`compare:${e.id}`);
+		for (let e of At) {
+			let t = ni.get(`compare:${e.id}`);
 			if (!t) continue;
-			let n = e.values[r], i = Nn(e), a = T(i) ? (n / i - 1) * 100 : NaN;
-			sr(t.values[0], `${e.name} ${Y(n)} ${ie(a, K)}`, J(e.color));
+			let n = e.values[i], r = Sr(e), a = T(r) ? (n / r - 1) * 100 : NaN;
+			ci(t.values[0], `${e.name} ${X(n)} ${ce(a, q)}`, Y(e.color));
 		}
-	}, lr = (e) => e.replace(/[&<>"]/g, (e) => e === "&" ? "&amp;" : e === "<" ? "&lt;" : e === ">" ? "&gt;" : "&quot;"), $ = () => {
-		rt || Mt || (Mt = nt?.requestAnimationFrame ? nt.requestAnimationFrame(fr) : setTimeout(() => fr(Date.now()), 16));
-	}, ur = (e) => {
+	}, ui = (e) => e.replace(/[&<>"]/g, (e) => e === "&" ? "&amp;" : e === "<" ? "&lt;" : e === ">" ? "&gt;" : "&quot;"), $ = () => {
+		ht || Kt || (Kt = mt?.requestAnimationFrame ? mt.requestAnimationFrame(pi) : setTimeout(() => pi(Date.now()), 16));
+	}, di = (e) => {
 		let t = !1;
-		if (V) {
-			let n = Math.min(1, (e - V.start) / 320), r = 1 - (1 - n) ** 3;
-			j = V.from + (V.to - V.from) * r, n >= 1 ? V = null : t = !0;
+		if (nn) {
+			let n = Math.min(1, (e - nn.start) / 320), r = 1 - (1 - n) ** 3;
+			P = nn.from + (nn.to - nn.from) * r, n >= 1 ? nn = null : t = !0;
 		}
-		if (B) {
-			let n = Math.min(64, e - B.t);
-			B.t = e;
-			let r = j;
-			j -= B.v * n / A, B.v *= Math.exp(-n / 320), Q(), Math.abs(B.v) < .02 || j === r ? B = null : t = !0;
+		if (tn) {
+			let n = Math.min(64, e - tn.t);
+			tn.t = e;
+			let r = P;
+			P -= tn.v * n / N, tn.v *= Math.exp(-n / 320), _r(), Math.abs(tn.v) < .02 || P === r ? tn = null : t = !0;
 		}
 		return t;
-	}, dr = (e) => {
-		e.font = X(F.fontSize, 500);
+	}, fi = (e) => {
+		e.font = Z(R.fontSize, 500);
 		let t = 0;
-		for (let n of P) for (let r of n.ticks) t = Math.max(t, e.measureText(Rn(n, r)).width);
-		let n = q();
-		n && (t = Math.max(t, e.measureText(qn(O.close[n - 1])).width), E.countdown && (t = Math.max(t, e.measureText("00:00:00").width)));
-		let r = Math.max(Ke, Math.ceil(t + 18));
-		(r > St || r < St - 12) && (St = r);
+		for (let n of L) for (let r of n.ticks) t = Math.max(t, e.measureText(Or(n, r)).width);
+		let n = J();
+		n && (t = Math.max(t, e.measureText(Vr(j.close[n - 1])).width), D.countdown && (t = Math.max(t, e.measureText("00:00:00").width)));
+		let r = Math.max(tt, Math.ceil(t + 18));
+		(r > It || r < It - 12) && (It = r);
 	};
-	function fr(e) {
-		if (Mt = 0, rt || (Ct = D.clientWidth, wt = D.clientHeight, Ct <= 0 || wt <= 0)) return;
-		let t = ur(typeof performance < "u" ? performance.now() : e ?? Date.now()), n = nt?.devicePixelRatio || 1;
-		yn(), Un(ot, n), Un(st, n);
-		let r = ot.getContext("2d"), i = st.getContext("2d");
-		N = Math.max(1, wt - Ge);
+	function pi(e) {
+		if (Kt = 0, ht || (Lt = O.clientWidth, Rt = O.clientHeight, Lt <= 0 || Rt <= 0)) return;
+		let t = di(typeof performance < "u" ? performance.now() : e ?? Date.now()), n = mt?.devicePixelRatio || 1;
+		cr(), Nr(vt, n), Nr(yt, n);
+		let r = vt.getContext("2d"), i = yt.getContext("2d");
+		I = Math.max(1, Rt - et);
 		for (let e = 0; e < 2; e++) {
-			M = Math.max(1, Ct - St), En(), Vt && _r(Vt), Q(), Dt = On(), In(Dt);
-			for (let e of P) {
-				let t = Te(e.scale, e.id === C ? 44 : 30), n = e.study?.range, r = e.study?.bands;
+			F = Math.max(1, Lt - It), hr(), rn && vi(rn), _r(), Vt = vr(), Er(Vt);
+			for (let e of L) {
+				let t = je(e.scale, e.id === C ? 44 : 30), n = e.study?.range, r = e.study?.bands;
 				e.ticks = n && r ? [...r, (n[0] + n[1]) / 2].sort((e, t) => e - t) : t.scaled, e.step = t.step;
 			}
-			let e = St;
-			if (i && dr(i), St === e) break;
+			let e = It;
+			if (i && fi(i), It === e) break;
 		}
-		let a = Dt;
-		Vt = null;
-		let o = i ? Ln(a, i) : [];
-		Hn(a, n), r && (r.setTransform(n, 0, 0, n, 0, 0), r.clearRect(0, 0, Ct, wt), Gn(r, a, o)), i && (i.setTransform(n, 0, 0, n, 0, 0), i.clearRect(0, 0, Ct, wt), $n(i, a, o)), cr(), pr(), hr(), t && $();
+		let a = Vt;
+		rn = null;
+		let o = i ? Dr(a, i) : [];
+		Mr(a, n), r && (r.setTransform(n, 0, 0, n, 0, 0), r.clearRect(0, 0, Lt, Rt), zr(r, a, o)), i && (i.setTransform(n, 0, 0, n, 0, 0), i.clearRect(0, 0, Lt, Rt), $r(i, a, o)), li(), mi(), qi(), Bi(), gi(), B && !H && Li(B.x, B.y) !== Cn && (ra(B.x, B.y), $()), t && $();
 	}
-	let pr = () => {
-		let e = q(), t = P[0], n = e > 0 && t && Z(e - 1) > M + A * .5;
-		if (lt.style.display = n ? "flex" : "none", n && t) {
-			lt.style.left = `${M - 40}px`, lt.style.top = `${t.top + t.height - 40}px`;
-			let e = tn().scrollToRealtime;
-			lt.getAttribute("aria-label") !== e && (lt.setAttribute("aria-label", e), lt.title = e);
-		}
-	}, mr = () => {
-		let e = j - M / A;
+	let mi = () => {
+		let e = J(), t = L[0], n = e > 0 && t && Q(e - 1) > F + N * .5;
+		if (xt.style.display = n ? "flex" : "none", n && t) {
+			xt.style.left = `${F - 40}px`, xt.style.top = `${t.top + t.height - 40}px`;
+			let e = In().scrollToRealtime;
+			xt.getAttribute("aria-label") !== e && (xt.setAttribute("aria-label", e), xt.title = e);
+		}
+	}, hi = () => {
+		let e = P - F / N;
 		return {
 			from: e,
-			to: j,
-			fromTime: hn(e),
-			toTime: hn(j)
+			to: P,
+			fromTime: Yn(e),
+			toTime: Yn(P)
 		};
-	}, hr = () => {
-		let e = q();
+	}, gi = () => {
+		let e = J();
 		if (!e) return;
-		let t = mr();
-		(!Jt || Math.abs(Jt.from - t.from) > 1e-6 || Math.abs(Jt.to - t.to) > 1e-6) && (Jt = t, G("visibleRangeChange", t)), t.from < 10 && Xt !== O.time[0] && (Xt = O.time[0], G("historyRequest", {
-			firstTime: O.time[0],
+		let t = hi();
+		(!wn || Math.abs(wn.from - t.from) > 1e-6 || Math.abs(wn.to - t.to) > 1e-6) && (wn = t, Tn || K("visibleRangeChange", t)), Tn = !1, t.from < 10 && On !== j.time[0] && (On = j.time[0], K("historyRequest", {
+			firstTime: j.time[0],
 			count: e
 		}));
-		let n = Xn(), r = n ? `${n.index}|${n.price}|${n.pane.id}` : "";
-		if (r !== Yt) {
-			if (Yt = r, !n) G("crosshairMove", null);
+		let n = Wr(), r = n && (B || V !== null) ? n : null, i = r ? `${r.index}|${r.price}|${r.pane.id}` : "";
+		if (i !== Dn) {
+			if (Dn = i, !r) K("crosshairMove", null);
 			else {
 				let t = {
-					index: n.index,
-					time: hn(n.index),
-					bar: n.index >= 0 && n.index < e ? Be(O, n.index) : null,
-					price: n.price,
-					pane: n.pane.id,
-					x: Z(n.index),
-					y: n.y
+					index: r.index,
+					time: Yn(r.index),
+					bar: r.index >= 0 && r.index < e ? Ye(j, r.index) : null,
+					price: r.price,
+					pane: r.pane.id,
+					x: Q(r.index),
+					y: r.y
 				};
-				G("crosshairMove", t);
+				K("crosshairMove", t);
 			}
 		}
-	}, gr = (e) => {
-		let t = D.getBoundingClientRect();
+	}, _i = (e) => {
+		let t = O.getBoundingClientRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		};
-	}, _r = (e) => {
-		A = M / (e.to - e.from), j = e.to, Q();
-	}, vr = (e, t) => {
-		let n = q();
-		n && Cn() && (e = Math.min(M, Z(n - 1)));
-		let r = mn(e);
-		A *= t, Q(), j = r + (M - e) / A, Q(), B = null, V = null, $();
-	}, yr = (e, t) => {
-		let n = Math.round(mn(e));
+	}, vi = (e) => {
+		N = F / (e.to - e.from), P = e.to, _r();
+	}, yi = (e, t) => {
+		let n = J();
+		n && fr() && (e = Math.min(F, Q(n - 1)));
+		let r = Jn(e);
+		N *= t, _r(), P = r + (F - e) / N, _r(), tn = null, nn = null, $();
+	}, bi = (e, t, n) => {
+		let r = Math.round(Jn(e));
 		return {
-			time: hn(n),
-			price: Oe(P[0].scale, t)
+			time: Yn(r),
+			price: Pe(n.scale, t)
 		};
-	}, br = (e, t) => {
-		e !== Ut && (Ut = e, W = null, t && G("drawingToolChange", e), $());
-	}, xr = (e) => {
-		e !== U && (U = e, G("drawingSelect", e), $());
-	}, Sr = (e) => {
-		H = e, Ht = e, G("drawingsChange", e), $();
-	}, Cr = () => {
+	}, xi = (e, t) => {
+		e !== un && (un = e, W = null, pn = 0, t && K("drawingToolChange", e), $());
+	}, Si = (e) => {
+		e !== dn && (dn = e, yn = !1, K("drawingSelect", e), $());
+	}, Ci = () => ({
+		canUndo: sn.length > 0,
+		canRedo: cn.length > 0
+	}), wi = () => {
+		let e = Ci(), t = `${e.canUndo}|${e.canRedo}`;
+		t !== ln && (ln = t, K("undoChange", e));
+	}, Ti = (e, t = !0) => {
+		e !== on && (sn.push(on), sn.length > ct && sn.shift(), cn.length = 0, on = e), U = e, t && (an = e, K("drawingsChange", e)), dn && !e.some((e) => e.id === dn) && Si(null), wi(), $();
+	}, Ei = (e) => {
+		on = e, U = e, an = e, W = null, dn && !e.some((e) => e.id === dn) && Si(null), K("drawingsChange", e), wi(), $();
+	}, Di = () => {
+		let e = sn.pop();
+		e && (_n && Hi(!1), cn.push(on), Ei(e));
+	}, Oi = () => {
+		let e = cn.pop();
+		e && (sn.push(on), Ei(e));
+	}, ki = (e, t) => {
+		U.some((t) => t.id === e) && Ti(U.map((n) => n.id === e ? {
+			...n,
+			...t,
+			id: n.id,
+			type: n.type
+		} : n));
+	}, Ai = (e) => {
+		U.some((t) => t.id === e) && (dn === e && Si(null), Ti(U.filter((t) => t.id !== e)));
+	}, ji = (e, t, n) => {
+		let r = S(t.scale, e.price), i = Math.max(12, t.height * .07), a = Pe(t.scale, r + (n ? -2 : 2) * i), o = Pe(t.scale, r + (n ? 1 : -1) * i), s = Math.max(6, Math.round(F * .16 / N)), c = Yn(Math.round(ar(e.time)) + s);
+		return [
+			e,
+			{
+				time: c,
+				price: Yr(a)
+			},
+			{
+				time: c,
+				price: Yr(o)
+			}
+		];
+	}, Mi = () => {
 		if (!W) return;
 		let e = W;
-		W = null, Sr([...H, e]), xr(e.id), E.keepDrawingMode || br("cursor", !0);
-	}, wr = (e, t) => {
-		let n = P[0];
-		if (!n || e > M) return null;
-		for (let e of E.priceLines ?? []) if (e.draggable && Math.abs(S(n.scale, Yn(e)) - t) <= 5) return e;
+		W = null, pn = 0, Ti([...U, e]), Si(e.id), D.keepDrawingMode || xi("cursor", !0), e.type === "text" && Vi(e.id, !0);
+	}, Ni = () => {
+		if (!W) return;
+		if (pn--, pn <= 0) {
+			Mi();
+			return;
+		}
+		let e = W.points[W.points.length - 1];
+		e && (W = {
+			...W,
+			points: [...W.points, e]
+		});
+	}, Pi = (e, t) => {
+		let n = Gr(mn);
+		!W || !n || pn <= 0 || (W = {
+			...W,
+			points: [...W.points.slice(0, -1), bi(e, t, n)]
+		});
+	}, Fi = (e, t) => {
+		let n = L[0];
+		if (!n || e > F) return null;
+		for (let e of D.priceLines ?? []) if (e.draggable && Math.abs(S(n.scale, Ur(e)) - t) <= 5) return e;
 		return null;
-	}, Tr = (e, t) => {
-		let n = Zn();
-		if (!n || t < n.top || t > n.bottom || e > M) return null;
-		for (let r = H.length - 1; r >= 0; r--) {
-			let i = h(H[r], n, {
+	}, Ii = (e, t) => {
+		if (e > F) return null;
+		let n = gr(t), r = Kr(n);
+		if (!n || !r) return null;
+		for (let i = U.length - 1; i >= 0; i--) {
+			let a = U[i];
+			if (!a || (a.pane ?? C) !== n.id) continue;
+			let o = g(a, r, {
 				x: e,
 				y: t
-			});
-			if (i) return {
-				drawing: H[r],
-				hit: i
+			}, 6, gn.get(a.id));
+			if (o) return {
+				drawing: a,
+				hit: o,
+				pane: n
 			};
 		}
 		return null;
-	}, Er = (e) => {
-		for (let t = 1; t < P.length; t++) if (Math.abs(P[t].top - e) <= 4) return t;
+	}, Li = (e, t) => Sn.findIndex((n) => e >= n.x && e <= n.x + n.w && t >= n.y && t <= n.y + n.h), Ri = (e) => {
+		for (let t = 1; t < L.length; t++) if (Math.abs(L[t].top - e) <= 4) return t;
 		return -1;
-	}, Dr = (e, t) => {
+	}, zi = () => {
+		A.style.height = "auto", A.style.height = `${Math.max(28, A.scrollHeight + 2)}px`;
+	}, Bi = () => {
+		if (!_n) return;
+		let e = _n.id, t = U.find((t) => t.id === e), n = t ? Gr(t.pane) : null, r = t?.points[0];
+		if (!t || !n || !r) return;
+		let i = Q(ar(r.time)), a = S(n.scale, r.price);
+		A.style.left = `${w(i, 2, Math.max(2, F - 160))}px`, A.style.top = `${w(a, 2, Math.max(2, I - 40))}px`;
+	};
+	function Vi(e, t) {
+		let n = U.find((t) => t.id === e);
+		n && !n.locked && (_n = {
+			id: e,
+			created: t
+		}, A.value = t ? "" : n.text ?? "", A.placeholder = In().text, A.setAttribute("aria-label", In().editText), A.style.display = "block", Bi(), zi(), A.focus(), A.select(), $());
+	}
+	function Hi(e) {
+		if (!_n) return;
+		let { id: t, created: n } = _n;
+		_n = null, A.style.display = "none";
+		let r = A.value.replace(/\s+$/, ""), i = U.find((e) => e.id === t);
+		if (i && n && (!e || !r)) {
+			let e = sn.pop();
+			Ei(e ?? U.filter((e) => e.id !== t));
+		} else if (i && e && r !== (i.text ?? "")) {
+			if (n) {
+				let e = U.map((e) => e.id === t ? {
+					...e,
+					text: r
+				} : e);
+				on = e, U = e, an = e, K("drawingsChange", e);
+			} else ki(t, { text: r });
+		}
+		(E.activeElement === A || E.activeElement === E.body) && O.focus(), $();
+	}
+	A.addEventListener("keydown", (e) => {
+		e.stopPropagation(), e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), Hi(!0)) : e.key === "Escape" && (e.preventDefault(), Hi(!1));
+	}), A.addEventListener("input", zi), A.addEventListener("blur", () => Hi(!0)), A.addEventListener("pointerdown", (e) => e.stopPropagation()), A.addEventListener("dblclick", (e) => e.stopPropagation());
+	let Ui = (e, t = "", n = 1.5) => `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="${n}" stroke-linecap="round" stroke-linejoin="round"${t ? ` stroke-dasharray="${t}"` : ""} aria-hidden="true"><path d="${e}"/></svg>`, Wi = (e, t, n, r) => {
+		let i = E.createElement("button");
+		return i.type = "button", i.setAttribute("aria-label", e), i.title = e, r !== void 0 && i.setAttribute("aria-pressed", String(r)), i.innerHTML = t, i.addEventListener("click", (e) => {
+			e.stopPropagation(), n();
+		}), i;
+	}, Gi = () => {
+		let e = E.createElement("span");
+		return e.className = "sep", e;
+	}, Ki = (e) => {
+		k.textContent = "";
+		let t = In();
+		k.setAttribute("aria-label", t.lineStyle);
+		let n = e.id, r = [];
+		if (!e.locked) {
+			let i = Y(e.color ?? st), a = Wi(t.color, `<span style="display:block;width:14px;height:14px;border-radius:50%;background:${i};box-shadow:inset 0 0 0 1px rgba(127,127,127,.35)"></span>`, () => {
+				yn = !yn, vn = "", qi();
+			});
+			a.setAttribute("aria-expanded", String(yn)), r.push(a);
+			let o = e.lineWidth ?? 1.5, s = [
+				1,
+				2,
+				3,
+				4
+			];
+			r.push(Wi(`${t.lineWidth}: ${o}px`, `${Ui("M2 8h12", "", Math.min(4, o))}<span style="font-size:11px;margin-left:3px">${o}</span>`, () => ki(n, { lineWidth: s.find((e) => e > o) ?? s[0] })));
+			let c = e.lineStyle ?? "solid";
+			r.push(Wi(t.lineStyle, Ui("M2 8h12", c === "dashed" ? "3.5 2.5" : c === "dotted" ? "0.1 3" : "", c === "dotted" ? 2.2 : 1.6), () => ki(n, { lineStyle: ut[(ut.indexOf(c) + 1) % ut.length] }))), _(e.type) && r.push(Wi(t.fill, "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"3.5\" width=\"11\" height=\"9\" rx=\"1.5\" fill=\"currentColor\" fill-opacity=\".3\" stroke=\"currentColor\" stroke-width=\"1.3\"/></svg>", () => ki(n, { fill: e.fill === !1 }), e.fill !== !1)), e.type === "text" && r.push(Wi(t.editText, Ui("M3 13h3l7-7-3-3-7 7zM9 4l3 3"), () => Vi(n, !1))), r.push(Gi());
+		}
+		if (r.push(Wi(t.lock, e.locked ? Ui("M4.5 7.5h7v6h-7zM6 7.5V5.5a2 2 0 0 1 4 0v2") : Ui("M4.5 7.5h7v6h-7zM6 7.5V5.5a2 2 0 0 1 3.8-.9"), () => ki(n, { locked: !e.locked }), !!e.locked)), !e.locked) {
+			let e = Wi(t.remove, Ui("M3 4.5h10M6.5 4.5V3h3v1.5M4.5 4.5l.7 8.5h5.6l.7-8.5"), () => Ai(n));
+			e.style.color = "var(--danger-color, #f23645)", r.push(e);
+		}
+		if (k.append(...r), yn && !e.locked) {
+			let r = gt("div", {
+				position: "absolute",
+				left: "0",
+				top: "calc(100% + 4px)",
+				display: "flex",
+				gap: "2px",
+				padding: "4px",
+				borderRadius: "8px",
+				border: "1px solid color-mix(in srgb, var(--border-color, #e5e7eb) 85%, transparent)",
+				background: "var(--surface-elevated-color, var(--surface-color, #fff))",
+				boxShadow: "0 8px 24px -8px rgba(15, 23, 42, 0.35)"
+			});
+			for (let i of lt) {
+				let a = Wi(`${t.color} ${i}`, `<span style="display:block;width:16px;height:16px;border-radius:50%;background:${i}"></span>`, () => {
+					yn = !1, ki(n, { color: i });
+				}, (e.color ?? "").toLowerCase() === i);
+				r.appendChild(a);
+			}
+			k.appendChild(r);
+		}
+	};
+	function qi() {
+		let e = dn ? U.find((e) => e.id === dn) : void 0, t = e ? Gr(e.pane) : null, n = Kr(t), r = H?.kind === "drawing" && H.moved;
+		if (!e || !t || !n || D.drawingToolbar === !1 || _n || r || W) {
+			k.style.display = "none", vn = "", yn = !1;
+			return;
+		}
+		let i = [
+			e.id,
+			e.color,
+			e.lineWidth,
+			e.lineStyle,
+			e.fill,
+			e.locked,
+			yn,
+			q,
+			Ut
+		].join("|");
+		i !== vn && (vn = i, Ki(e)), k.style.display = "flex";
+		let a = h(e, n, gn.get(e.id)), o = gn.get(e.id);
+		e.type === "text" && o && a.push({
+			x: o.x + o.w,
+			y: o.y + o.h
+		});
+		let s = Infinity, c = -Infinity, l = Infinity, u = -Infinity;
+		for (let e of a) s = Math.min(s, w(e.x, 0, F)), c = Math.max(c, w(e.x, 0, F)), l = Math.min(l, w(e.y, t.top, t.top + t.height)), u = Math.max(u, w(e.y, t.top, t.top + t.height));
+		e.type === "horizontalLine" && (s = F * .35, c = F * .65);
+		let d = k.offsetWidth || 200, f = k.offsetHeight || 34, p = w((s + c) / 2 - d / 2, 4, Math.max(4, F - d - 4)), m = l - f - 14;
+		m < 4 && (m = u + 32), k.style.left = `${Math.round(p)}px`, k.style.top = `${Math.round(w(m, 4, Math.max(4, I - f - 4)))}px`;
+	}
+	k.addEventListener("pointerdown", (e) => e.stopPropagation()), k.addEventListener("dblclick", (e) => e.stopPropagation()), k.addEventListener("pointermove", (e) => e.stopPropagation()), k.addEventListener("pointerenter", () => {
+		B = null, fn = null, O.style.cursor = "default", $();
+	});
+	let Ji = () => ({
+		active: !!G,
+		picking: An,
+		playing: !!G?.playing,
+		speed: G?.speed ?? jn,
+		index: J(),
+		total: G ? G.source.length : J(),
+		time: J() ? j.time[J() - 1] : NaN
+	}), Yi = () => K("replayChange", Ji()), Xi = (e, t) => ({
+		time: e.time.subarray(0, t),
+		open: e.open.subarray(0, t),
+		high: e.high.subarray(0, t),
+		low: e.low.subarray(0, t),
+		close: e.close.subarray(0, t),
+		volume: e.volume.subarray(0, t)
+	}), Zi = (e, t) => {
+		let n = e.hasVolume;
+		Xe(j, Xi(e, t)), j.hasVolume = n, wt = ze(), Dt = ze(), Et = 0, On = NaN, lr(0);
+	}, Qi = () => {
+		G?.timer && clearInterval(G.timer), G && (G.timer = null, G.playing = !1);
+	}, $i = (e) => {
+		if (An = !1, !G) {
+			if (!J()) return;
+			let e = Ve();
+			Xe(e, Xi(j, J())), e.hasVolume = j.hasVolume, G = {
+				source: e,
+				playing: !1,
+				speed: jn,
+				timer: null
+			};
+		}
+		Qi();
+		let t = w(Math.round(e) + 1, 1, G.source.length);
+		Zi(G.source, t), P = t - 1 + (D.rightOffset ?? 8);
+		for (let e of zt.values()) e.auto = !0;
+		Yi();
+	}, ea = (e) => {
+		if (!G) return;
+		let t = G.source, n = J(), r = fr(), i = -1;
+		for (let n = 0; n < e && J() < t.length; n++) {
+			let e = Ze(j, Ye(t, J()));
+			i < 0 && (i = e);
+		}
+		j.hasVolume = t.hasVolume, i >= 0 && (r && (P += J() - n), lr(i)), J() >= t.length && Qi(), Yi();
+	}, ta = (e) => {
+		if (!G) return;
+		if (e !== void 0 && e > 0 && (G.speed = jn = e), Qi(), J() >= G.source.length) {
+			Yi();
+			return;
+		}
+		let t = Math.max(16, 1e3 / G.speed), n = Math.max(1, Math.round(G.speed * t / 1e3));
+		G.playing = !0, G.timer = setInterval(() => ea(n), t), Yi();
+	}, na = (e) => {
+		let t = An;
+		if (An = !1, !G) {
+			t && (Yi(), $());
+			return;
+		}
+		Qi();
+		let n = G.source;
+		G = null, e && Zi(n, n.length), Yi();
+	}, ra = (e, t) => {
 		let n = "crosshair";
-		qt = null;
-		let r = null;
-		if (z?.kind === "pan" && z.moved) n = "grabbing";
-		else if (Er(t) > 0) n = "row-resize";
-		else if (e > M && t < N) n = "ns-resize";
-		else if (t > N) n = "ew-resize";
-		else if (Ut === "cursor") {
-			let i = wr(e, t);
-			if (i) n = "ns-resize", qt = i.id;
+		xn = null;
+		let r = null, i = H ? -1 : Li(e, t);
+		if (i !== Cn && (Cn = i), H?.kind === "pan" && H.moved) n = "grabbing";
+		else if (i >= 0) n = "pointer";
+		else if (An && e <= F && t <= I) n = "pointer";
+		else if (Ri(t) > 0) n = "row-resize";
+		else if (e > F && t < I) n = "ns-resize";
+		else if (t > I) n = "ew-resize";
+		else if (un === "cursor") {
+			let i = Fi(e, t);
+			if (i) n = "ns-resize", xn = i.id;
 			else {
-				let i = Tr(e, t);
+				let i = Ii(e, t);
 				i && (r = i.drawing.id, n = i.drawing.locked ? "pointer" : i.hit.part === "handle" ? "move" : "pointer");
 			}
 		}
-		r !== Wt && (Wt = r), D.style.cursor !== n && (D.style.cursor = n);
-	}, Or = (e) => {
+		r !== fn && (fn = r), O.style.cursor !== n && (O.style.cursor = n);
+	}, ia = (e) => {
 		if (e.button !== 0 && e.pointerType === "mouse") return;
-		let { x: t, y: n } = gr(e);
-		if (L = {
+		let { x: t, y: n } = _i(e);
+		if (B = {
 			x: t,
 			y: n
-		}, R = null, B = null, V = null, e.pointerType === "touch" && (zt.set(e.pointerId, {
+		}, V = null, tn = null, nn = null, _n && Hi(!0), yn && (yn = !1, $()), e.pointerType === "touch" && ($t.set(e.pointerId, {
 			x: t,
 			y: n
-		}), zt.size === 2)) {
-			let [e, t] = [...zt.values()];
-			Bt = {
+		}), $t.size === 2)) {
+			let [e, t] = [...$t.values()];
+			en = {
 				distance: Math.hypot(e.x - t.x, e.y - t.y),
-				spacing: A
-			}, z = null;
+				spacing: N
+			}, H = null;
 			return;
 		}
 		try {
-			D.setPointerCapture(e.pointerId);
+			O.setPointerCapture(e.pointerId);
 		} catch {}
-		let r = Er(n);
-		if (r > 0) {
-			let e = P[r - 1], t = P[r];
-			z = {
+		let r = Li(t, n), i = Sn[r];
+		if (i) {
+			H = {
+				kind: "button",
+				action: i.action
+			};
+			return;
+		}
+		if (An && t <= F && n <= I) {
+			$i(Math.min(J() - 1, Math.round(Jn(t))));
+			return;
+		}
+		let a = Ri(n);
+		if (a > 0) {
+			let e = L[a - 1], t = L[a];
+			H = {
 				kind: "separator",
-				index: r,
+				index: a,
 				y: n,
 				above: e.height,
 				below: t.height
 			};
 			return;
 		}
-		if (t > M && n < N) {
-			let e = Dn(n);
-			e && (z = {
+		if (t > F && n < I) {
+			let e = gr(n);
+			e && (H = {
 				kind: "axisY",
 				pane: e,
 				y: n,
@@ -1109,56 +1700,58 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 			});
 			return;
 		}
-		if (n > N) {
-			z = {
+		if (n > I) {
+			H = {
 				kind: "axisX",
 				x: t,
-				spacing: A
+				spacing: N
 			};
 			return;
 		}
-		let i = Dn(n);
-		if (Ut !== "cursor" && i?.id === C && q()) {
-			let e = yr(t, n);
+		let o = gr(n);
+		if (un !== "cursor" && o && J()) {
 			if (W) {
-				W = {
-					...W,
-					points: [W.points[0], e]
-				}, Cr(), z = null;
+				Pi(t, n), Ni(), H = null, $();
 				return;
 			}
-			let r = Ut;
-			if (W = {
-				id: `drawing-${Date.now().toString(36)}-${++Gt}`,
-				type: r,
-				points: m(r) === 1 ? [e] : [e, e]
-			}, m(r) === 1) {
-				Cr();
+			let e = un, r = v(e), i = r ? L[0] : o, a = bi(t, w(n, i.top, i.top + i.height), i), s = m(e);
+			if (mn = i.id, W = {
+				id: `drawing-${Date.now().toString(36)}-${++hn}`,
+				type: e,
+				points: r ? ji({
+					...a,
+					price: Yr(a.price)
+				}, i, e === "longPosition") : s === 1 ? [a] : [a, a],
+				...i.id === C ? {} : { pane: i.id }
+			}, s === 1) {
+				Mi();
 				return;
 			}
-			z = {
+			pn = s - 1, H = {
 				kind: "create",
+				pane: i,
 				x: t,
 				y: n,
 				moved: !1
 			}, $();
 			return;
 		}
-		if (Ut === "cursor") {
-			let e = wr(t, n);
+		if (un === "cursor") {
+			let e = Fi(t, n);
 			if (e) {
-				z = {
+				H = {
 					kind: "order",
 					line: e,
 					startPrice: e.price
 				};
 				return;
 			}
-			let r = Tr(t, n);
+			let r = Ii(t, n);
 			if (r) {
-				xr(r.drawing.id), r.drawing.locked || (z = {
+				Si(r.drawing.id), r.drawing.locked || (H = {
 					kind: "drawing",
 					id: r.drawing.id,
+					pane: r.pane,
 					handle: r.hit.part === "handle" ? r.hit.index : -1,
 					x: t,
 					y: n,
@@ -1168,166 +1761,181 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 				return;
 			}
 		}
-		z = {
+		H = {
 			kind: "pan",
 			x: t,
 			y: n,
-			right: j,
-			pane: i,
+			right: P,
+			pane: o,
 			moved: !1,
 			lastX: t,
 			lastY: n,
 			lastT: e.timeStamp,
 			velocity: 0
 		};
-	}, kr = (e) => {
-		let { x: t, y: n } = gr(e);
-		if (L = {
+	}, aa = (e) => {
+		let { x: t, y: n } = _i(e);
+		if (B = {
 			x: t,
 			y: n
-		}, e.pointerType === "touch" && zt.has(e.pointerId) && (zt.set(e.pointerId, {
+		}, e.pointerType === "touch" && $t.has(e.pointerId) && ($t.set(e.pointerId, {
 			x: t,
 			y: n
-		}), Bt && zt.size === 2)) {
-			let [e, t] = [...zt.values()], n = Math.hypot(e.x - t.x, e.y - t.y), r = q(), i = r && Cn() ? Math.min(M, Z(r - 1)) : (e.x + t.x) / 2, a = mn(i);
-			A = Bt.spacing * n / Math.max(1, Bt.distance), Q(), j = a + (M - i) / A, Q(), $();
+		}), en && $t.size === 2)) {
+			let [e, t] = [...$t.values()], n = Math.hypot(e.x - t.x, e.y - t.y), r = J(), i = r && fr() ? Math.min(F, Q(r - 1)) : (e.x + t.x) / 2, a = Jn(i);
+			N = en.spacing * n / Math.max(1, en.distance), _r(), P = a + (F - i) / N, _r(), $();
 			return;
 		}
-		let r = z;
+		let r = H;
 		if (!r) {
-			Dr(t, n), $();
+			W && Pi(t, n), ra(t, n), $();
 			return;
 		}
 		switch (r.kind) {
 			case "pan": {
 				let i = t - r.x;
 				if (!r.moved && Math.hypot(i, n - r.y) < 3) break;
-				r.moved = !0, j = r.right - i / A, r.pane && !r.pane.scale.auto && we(r.pane.scale, n - r.lastY), r.lastY = n;
+				r.moved = !0, P = r.right - i / N, r.pane && !r.pane.scale.auto && Ae(r.pane.scale, n - r.lastY), r.lastY = n;
 				let a = Math.max(1, e.timeStamp - r.lastT);
-				r.velocity = .6 * ((t - r.lastX) / a) + .4 * r.velocity, r.lastX = t, r.lastT = e.timeStamp, Q(), D.style.cursor = "grabbing";
+				r.velocity = .6 * ((t - r.lastX) / a) + .4 * r.velocity, r.lastX = t, r.lastT = e.timeStamp, _r(), O.style.cursor = "grabbing";
 				break;
 			}
 			case "axisY": {
 				let e = r.pane.scale;
-				e.min = r.min, e.max = r.max, Ae(e, Math.exp((n - r.y) * .006));
+				e.min = r.min, e.max = r.max, Ie(e, Math.exp((n - r.y) * .006));
 				break;
 			}
 			case "axisX": {
-				let e = j;
-				A = r.spacing * Math.exp((t - r.x) * .006), Q(), j = e, Q();
+				let e = P;
+				N = r.spacing * Math.exp((t - r.x) * .006), _r(), P = e, _r();
 				break;
 			}
 			case "separator": {
-				let e = n - r.y, t = P[r.index - 1], i = P[r.index];
+				let e = n - r.y, t = L[r.index - 1], i = L[r.index];
 				if (!t || !i) break;
-				let a = r.above + r.below, o = w(r.below - e, Je, a - Je);
-				Et.set(i.id, o), t.id !== C && Et.set(t.id, a - o);
+				let a = r.above + r.below, o = w(r.below - e, rt, a - rt);
+				Bt.set(i.id, o), t.id !== C && Bt.set(t.id, a - o);
 				break;
 			}
-			case "order": {
-				let e = Oe(P[0].scale, n), t = 10 ** -cn();
-				Kt.set(r.line.id, Math.round(e / t) * t);
+			case "order":
+				bn.set(r.line.id, Yr(Pe(L[0].scale, n)));
 				break;
-			}
 			case "drawing": {
 				if (!r.moved && Math.hypot(t - r.x, n - r.y) < 3) break;
 				r.moved = !0;
-				let e = P[0].scale, i = Math.round(mn(t) - mn(r.x)), a = Ee(e, n) - Ee(e, r.y), o = r.original.points.map((o, s) => r.handle >= 0 && s !== r.handle ? o : r.handle >= 0 ? yr(t, n) : {
-					time: hn(Math.round(gn(o.time)) + i),
-					price: Ce(e, De(e, o.price) + a)
-				});
-				H = H.map((e) => e.id === r.id ? {
+				let e = r.pane.scale, i;
+				if (r.handle >= 0) i = y(r.original, r.handle, bi(t, n, r.pane));
+				else {
+					let a = Math.round(Jn(t) - Jn(r.x)), o = Me(e, n) - Me(e, r.y);
+					i = r.original.points.map((t) => ({
+						time: Yn(Math.round(ar(t.time)) + a),
+						price: ke(e, Ne(e, t.price) + o)
+					}));
+				}
+				U = U.map((e) => e.id === r.id ? {
 					...e,
-					points: o
+					points: i
 				} : e);
 				break;
 			}
-			case "create": W && (Math.hypot(t - r.x, n - r.y) >= 4 && (r.moved = !0), W = {
-				...W,
-				points: [W.points[0], yr(t, n)]
-			});
+			case "create":
+				Math.hypot(t - r.x, n - r.y) >= 4 && (r.moved = !0), Pi(t, n);
+				break;
+			default: ra(t, n);
 		}
 		$();
-	}, Ar = (e) => {
-		zt.delete(e.pointerId), zt.size < 2 && (Bt = null);
-		let t = z;
-		z = null;
-		let { x: n, y: r } = gr(e);
-		if (e.pointerType === "touch" && (L = null), !t) {
+	}, oa = (e) => {
+		$t.delete(e.pointerId), $t.size < 2 && (en = null);
+		let t = H;
+		H = null;
+		let { x: n, y: r } = _i(e);
+		if (e.pointerType === "touch" && (B = null), !t) {
 			$();
 			return;
 		}
 		switch (t.kind) {
 			case "pan":
-				if (t.moved) E.kineticScroll !== !1 && e.timeStamp - t.lastT < 60 && Math.abs(t.velocity) > .25 && (B = {
+				if (t.moved) D.kineticScroll !== !1 && e.timeStamp - t.lastT < 60 && Math.abs(t.velocity) > .25 && (tn = {
 					v: t.velocity,
 					t: typeof performance < "u" ? performance.now() : Date.now()
 				});
 				else {
-					U && xr(null);
-					let e = Dn(r);
-					e && n <= M && G("click", {
-						index: Math.round(mn(n)),
-						time: hn(Math.round(mn(n))),
-						price: Oe(e.scale, r),
+					dn && Si(null);
+					let e = gr(r);
+					e && n <= F && K("click", {
+						index: Math.round(Jn(n)),
+						time: Yn(Math.round(Jn(n))),
+						price: Pe(e.scale, r),
 						pane: e.id
 					});
 				}
 				break;
 			case "order": {
-				let e = Kt.get(t.line.id);
-				e !== void 0 && e !== t.startPrice ? G("orderMove", {
+				let e = bn.get(t.line.id);
+				e !== void 0 && e !== t.startPrice ? K("orderMove", {
 					id: t.line.id,
 					price: e,
 					previousPrice: t.startPrice,
 					line: t.line
-				}) : Kt.delete(t.line.id);
+				}) : bn.delete(t.line.id);
 				break;
 			}
 			case "drawing":
-				t.moved && Sr(H);
+				t.moved && Ti(U);
 				break;
-			case "create": t.moved && Cr();
+			case "create":
+				t.moved && Ni();
+				break;
+			case "button": Li(n, r) >= 0 && t.action();
 		}
-		Dr(n, r), $();
-	}, jr = (e) => {
-		z || e.pointerType === "touch" || (L = null, Wt = null, qt = null, $());
-	}, Mr = (e) => {
-		let t = E.wheel ?? "zoom";
+		ra(n, r), $();
+	}, sa = (e) => {
+		H || e.pointerType === "touch" || (B = null, fn = null, xn = null, $());
+	}, ca = (e) => {
+		let t = D.wheel ?? "zoom";
 		if (t === "none") return;
-		let { x: n } = gr(e), r = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? M : 1, i = e.deltaX * r, a = e.deltaY * r, o = e.ctrlKey || e.metaKey;
+		let { x: n } = _i(e), r = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? F : 1, i = e.deltaX * r, a = e.deltaY * r, o = e.ctrlKey || e.metaKey;
 		if (t === "modifier" && !o && Math.abs(i) <= Math.abs(a)) return;
-		if (e.preventDefault(), R = null, Math.abs(i) > Math.abs(a) || e.shiftKey) {
-			j += (Math.abs(i) > Math.abs(a) ? i : a) / A, Q(), B = null, $();
+		if (e.preventDefault(), V = null, Math.abs(i) > Math.abs(a) || e.shiftKey) {
+			P += (Math.abs(i) > Math.abs(a) ? i : a) / N, _r(), tn = null, $();
 			return;
 		}
 		let s = Math.exp(-a * (e.ctrlKey ? .01 : .0015));
-		vr(Math.min(n, M), s);
-	}, Nr = (e) => {
-		let { x: t, y: n } = gr(e);
-		if (t > M && n < N) {
-			let e = Dn(n);
+		yi(Math.min(n, F), s);
+	}, la = (e) => {
+		let { x: t, y: n } = _i(e), r = un === "cursor" ? Ii(t, n) : null;
+		if (r?.drawing.type === "text") {
+			Vi(r.drawing.id, !1);
+			return;
+		}
+		if (t > F && n < I) {
+			let e = gr(n);
 			e && (e.scale.auto = !0);
-		} else if (n > N) A = E.barSpacing ?? 8, Hr.scrollToRealtime(!0);
-		else for (let e of Tt.values()) e.auto = !0;
+		} else if (n > I) N = D.barSpacing ?? 8, xa.scrollToRealtime(!0);
+		else for (let e of zt.values()) e.auto = !0;
 		$();
-	}, Pr = (e) => {
-		if (e < 0 || e >= q()) return;
-		let t = _n(), n = tn();
-		ut.textContent = be(n.announcement, {
-			time: ne(le(O.time[e], E.utcOffset), fn(), K),
-			open: Y(t.open[e]),
-			high: Y(t.high[e]),
-			low: Y(t.low[e]),
-			close: Y(t.close[e])
+	}, ua = (e) => {
+		if (e < 0 || e >= J()) return;
+		let t = or(), n = In();
+		St.textContent = Ee(n.announcement, {
+			time: oe(tr(j.time[e]), Kn(), q),
+			open: X(t.open[e]),
+			high: X(t.high[e]),
+			low: X(t.low[e]),
+			close: X(t.close[e])
 		});
 	};
-	D.addEventListener("pointerdown", Or), D.addEventListener("pointermove", kr), D.addEventListener("pointerup", Ar), D.addEventListener("pointercancel", Ar), D.addEventListener("pointerleave", jr), D.addEventListener("wheel", Mr, { passive: !1 }), D.addEventListener("dblclick", Nr), D.addEventListener("keydown", (e) => {
-		let t = q(), n = Math.max(1, Math.floor(M / A / 2)), r = (e) => {
-			R = w(e, 0, Math.max(0, t - 1));
-			let n = Z(R);
-			n < A && (j += (A - n) / A + 1), n > M - A && (j -= (n - M + A) / A - 1), Q(), Pr(R);
-		}, i = R ?? Math.min(t - 1, Math.round(j));
+	O.addEventListener("pointerdown", ia), O.addEventListener("pointermove", aa), O.addEventListener("pointerup", oa), O.addEventListener("pointercancel", oa), O.addEventListener("pointerleave", sa), O.addEventListener("wheel", ca, { passive: !1 }), O.addEventListener("dblclick", la), O.addEventListener("keydown", (e) => {
+		if ((e.ctrlKey || e.metaKey) && !e.altKey) {
+			let t = e.key.toLowerCase();
+			(t === "z" || t === "y") && (t === "y" || e.shiftKey ? Oi() : Di(), e.preventDefault());
+			return;
+		}
+		let t = J(), n = Math.max(1, Math.floor(F / N / 2)), r = (e) => {
+			V = w(e, 0, Math.max(0, t - 1));
+			let n = Q(V);
+			n < N && (P += (N - n) / N + 1), n > F - N && (P -= (n - F + N) / N - 1), _r(), ua(V);
+		}, i = V ?? Math.min(t - 1, Math.round(P));
 		switch (e.key) {
 			case "ArrowLeft":
 				r(i - (e.shiftKey ? 10 : 1));
@@ -1345,163 +1953,254 @@ var Ge = 28, Ke = 60, qe = 60, Je = 48, C = "price", Ye = "var(--success-color,
 				r(0);
 				break;
 			case "End":
-				r(t - 1), Hr.scrollToRealtime(!0);
+				r(t - 1), xa.scrollToRealtime(!0);
 				break;
 			case "+":
 			case "=":
 			case "ArrowUp":
-				vr(R === null ? M : Z(R), 1.2);
+				yi(V === null ? F : Q(V), 1.2);
 				break;
 			case "-":
 			case "_":
 			case "ArrowDown":
-				vr(R === null ? M : Z(R), 1 / 1.2);
+				yi(V === null ? F : Q(V), 1 / 1.2);
 				break;
 			case "Escape":
-				W ? W = null : Ut === "cursor" ? U ? xr(null) : R = null : br("cursor", !0);
+				yn ? yn = !1 : An ? na(!1) : W ? (W = null, pn = 0) : un === "cursor" ? dn ? Si(null) : V = null : xi("cursor", !0);
 				break;
 			case "Delete":
 			case "Backspace": {
-				let e = H.find((e) => e.id === U);
+				let e = U.find((e) => e.id === dn);
 				if (!e || e.locked) return;
-				xr(null), Sr(H.filter((t) => t.id !== e.id));
+				Ai(e.id);
 				break;
 			}
 			default: return;
 		}
 		e.preventDefault(), $();
-	}), D.addEventListener("focus", () => {
+	}), O.addEventListener("focus", () => {
 		let e = !0;
 		try {
-			e = D.matches(":focus-visible");
+			e = O.matches(":focus-visible");
 		} catch {}
-		e && (D.style.boxShadow = `inset 0 0 0 2px ${o(F.primary, .6)}`);
-	}), D.addEventListener("blur", () => {
-		D.style.boxShadow = "", R !== null && (R = null, $());
-	}), lt.addEventListener("pointerdown", (e) => e.stopPropagation()), lt.addEventListener("click", () => Hr.scrollToRealtime(!0));
-	let Fr = typeof ResizeObserver == "function" ? new ResizeObserver(() => $()) : null;
-	Fr?.observe(D);
-	let Ir = () => {
-		if (rt) return;
-		let e = d(D);
-		f(F, e) && kt++, F = e, er = "", $();
-	}, Lr = p(Ir), Rr = null;
-	typeof MutationObserver == "function" && D.ownerDocument && (Rr = new MutationObserver(() => {
-		if (E.locale) return;
-		let e = K;
-		en(), K !== e && (er = "", At++, Br(), $());
-	}), Rr.observe(D.ownerDocument.documentElement, {
+		e && (O.style.boxShadow = `inset 0 0 0 2px ${o(R.primary, .6)}`);
+	}), O.addEventListener("blur", () => {
+		O.style.boxShadow = "", V !== null && (V = null, $());
+	}), xt.addEventListener("pointerdown", (e) => e.stopPropagation()), xt.addEventListener("click", () => xa.scrollToRealtime(!0));
+	let da = typeof ResizeObserver == "function" ? new ResizeObserver(() => $()) : null;
+	da?.observe(O);
+	let fa = () => {
+		if (ht) return;
+		let e = d(O);
+		f(R, e) && Ut++, R = e, ei = "", $();
+	}, pa = p(fa), ma = null;
+	typeof MutationObserver == "function" && O.ownerDocument && (ma = new MutationObserver(() => {
+		if (D.locale) return;
+		let e = q;
+		Fn(), q !== e && (ei = "", Wt++, ya(), $());
+	}), ma.observe(O.ownerDocument.documentElement, {
 		attributes: !0,
 		attributeFilter: ["lang"]
 	}));
-	let zr = async (t = /* @__PURE__ */ new Set()) => {
-		let n = ++jt, r = await u(E.renderer ?? "auto", () => e(tt), (e) => {
-			rt || I?.kind !== e || (I.destroy(), I.canvas.remove(), I = null, zr(/* @__PURE__ */ new Set([...t, e])));
+	let ha = () => {
+		if (ht) return null;
+		Kt && (mt?.cancelAnimationFrame ? mt.cancelAnimationFrame(Kt) : clearTimeout(Kt), Kt = 0), pi();
+		let e = mt?.devicePixelRatio || 1, t = E.createElement("canvas");
+		t.width = Math.max(1, Math.round(Lt * e)), t.height = Math.max(1, Math.round(Rt * e));
+		let n = t.getContext("2d");
+		if (!n) return null;
+		n.fillStyle = o(R.background), n.fillRect(0, 0, t.width, t.height);
+		try {
+			n.drawImage(vt, 0, 0), z && n.drawImage(z.canvas, 0, 0, Math.round(F * e), Math.round(I * e)), n.drawImage(yt, 0, 0);
+		} catch {}
+		n.setTransform(e, 0, 0, e, 0, 0);
+		let r = O.getBoundingClientRect(), i = mt ?? null;
+		return bt.querySelectorAll("span, button").forEach((e) => {
+			let t = e.textContent ?? "";
+			if (e.children.length || !t.trim() || !i) return;
+			let a = e.getBoundingClientRect(), s = i.getComputedStyle(e);
+			n.font = `${s.fontWeight} ${s.fontSize} ${s.fontFamily}`, n.fillStyle = s.color || o(R.text), n.textAlign = "left", n.textBaseline = "middle", n.fillText(t, a.left - r.left, a.top - r.top + a.height / 2);
+		}), t;
+	}, ga = !1, _a = () => {
+		let e = E.fullscreenElement === O;
+		e !== ga && (ga = e, O.style.background = e ? o(R.background) : "", K("fullscreenChange", e), $());
+	};
+	E.addEventListener("fullscreenchange", _a);
+	let va = async (t = /* @__PURE__ */ new Set()) => {
+		let n = ++Gt, r = await u(D.renderer ?? "auto", () => e(E), (e) => {
+			ht || z?.kind !== e || (z.destroy(), z.canvas.remove(), z = null, va(/* @__PURE__ */ new Set([...t, e])));
 		}, t);
-		if (rt || n !== jt) {
+		if (ht || n !== Gt) {
 			r?.destroy();
 			return;
 		}
-		I && (I.destroy(), I.canvas.remove()), I = r, Pt = "", r && (D.dataset.renderer = r.kind, D.insertBefore(r.canvas, st), G("renderer", r.kind)), Lt(r?.kind ?? null), $();
-	}, Br = () => {
-		let e = E.symbol ?? "";
-		D.setAttribute("aria-label", E.ariaLabel ?? be(tn().chart, { symbol: e }).trim());
-		let t = !!E.countdown && E.lastPriceLine !== !1;
-		t && !Zt && (Zt = setInterval($, 1e3)), !t && Zt && (clearInterval(Zt), Zt = null);
-	}, Vr = (e) => {
-		let t = E;
-		if (en(), (!e || t.indicators !== e.indicators || t.utcOffset !== e.utcOffset) && xn(), (!e || t.compare !== e.compare) && Sn(), t.bars && (!e || t.bars !== e.bars) ? e ? Tn(t.bars) : wn(t.bars) : !t.bars && e?.bars && wn([]), e && t.barSpacing !== e.barSpacing && t.barSpacing && (A = t.barSpacing), e && t.scaleMode !== e.scaleMode) {
-			let e = Tt.get(C);
+		z && (z.destroy(), z.canvas.remove()), z = r, Jt = "", r && (O.dataset.renderer = r.kind, O.insertBefore(r.canvas, yt), K("renderer", r.kind)), Zt(r?.kind ?? null), $();
+	}, ya = () => {
+		let e = D.symbol ?? "";
+		O.setAttribute("aria-label", D.ariaLabel ?? Ee(In().chart, { symbol: e }).trim());
+		let t = !!D.countdown && D.lastPriceLine !== !1;
+		t && !kn && (kn = setInterval($, 1e3)), !t && kn && (clearInterval(kn), kn = null);
+	}, ba = (e) => {
+		let t = D;
+		Fn();
+		let n = t.timeZone && de(t.timeZone) ? t.timeZone : void 0, r = !!e && (t.utcOffset !== e.utcOffset || n !== Qn);
+		if (Qn = n, (!e || t.indicators !== e.indicators) && ur(), r) for (let e of M) Ot.set(e, 0);
+		if ((!e || t.compare !== e.compare) && dr(), t.bars && (!e || t.bars !== e.bars) ? (G && na(!1), e ? mr(t.bars) : pr(t.bars)) : !t.bars && e?.bars && (G && na(!1), pr([])), e && t.barSpacing !== e.barSpacing && t.barSpacing && (N = t.barSpacing), e && t.scaleMode !== e.scaleMode) {
+			let e = zt.get(C);
 			e && (e.auto = !0);
 		}
-		t.drawings && t.drawings !== Ht && (!e || t.drawings !== e.drawings) && (H = t.drawings, U && !H.some((e) => e.id === U) && xr(null)), e && (t.drawingMode ?? "cursor") !== (e.drawingMode ?? "cursor") && br(t.drawingMode ?? "cursor", !1), e && t.priceLines !== e.priceLines && Kt.clear(), e && t.chartStyle !== e.chartStyle && (pt = Math.min(pt, 0)), At++, Br(), $();
+		t.drawings && t.drawings !== an && (!e || t.drawings !== e.drawings) && (e ? Ti(t.drawings, !1) : U = on = t.drawings), e && (t.drawingMode ?? "cursor") !== (e.drawingMode ?? "cursor") && xi(t.drawingMode ?? "cursor", !1), e && t.priceLines !== e.priceLines && bn.clear(), e && t.chartStyle !== e.chartStyle && (Et = Math.min(Et, 0)), Wt++, ya(), $();
 	};
-	Vr(null), zr();
-	let Hr = {
+	ba(null), va();
+	let xa = {
 		setOptions(e) {
-			if (rt) return;
-			let t = E;
-			E = { ...e }, Vr(t), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && zr();
+			if (ht) return;
+			let t = D;
+			D = { ...e }, ba(t), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && va();
 		},
 		setBars(e) {
-			wn(e);
+			G && na(!1), pr(e);
 		},
 		update(e) {
-			let t = q(), n = Cn(), r = He(O, e);
-			r < 0 || (q() > t && n && (j += q() - t), bn(r));
+			if (G) {
+				Ze(G.source, e);
+				return;
+			}
+			let t = J(), n = fr(), r = Ze(j, e);
+			r < 0 || (J() > t && n && (P += J() - t), lr(r));
 		},
 		appendBars(e) {
-			let t = q(), n = Cn(), r = je(O, e);
-			r < 0 || (n && (j += q() - t), bn(r));
+			if (G) {
+				Le(G.source, e);
+				return;
+			}
+			let t = J(), n = fr(), r = Le(j, e);
+			r < 0 || (n && (P += J() - t), lr(r));
 		},
 		prependBars(e) {
-			let t = Re(O, e);
-			t && (dt = Ne(), mt = Ne(), pt = 0, j += t, R !== null && (R += t), bn(0));
+			G && Ke(G.source, e);
+			let t = Ke(j, e);
+			t && (wt = ze(), Dt = ze(), Et = 0, P += t, V !== null && (V += t), lr(0));
 		},
-		getBarCount: () => q(),
-		getBar: (e) => e >= 0 && e < q() ? Be(O, Math.floor(e)) : null,
+		getBarCount: () => J(),
+		getBar: (e) => e >= 0 && e < J() ? Ye(j, Math.floor(e)) : null,
 		scrollToRealtime(e = !0) {
-			let t = q() - 1 + (E.rightOffset ?? 8);
-			B = null, e && T(j) && Math.abs(t - j) * A < M * 6 ? V = {
-				from: j,
+			let t = J() - 1 + (D.rightOffset ?? 8);
+			tn = null, e && T(P) && Math.abs(t - P) * N < F * 6 ? nn = {
+				from: P,
 				to: t,
 				start: typeof performance < "u" ? performance.now() : Date.now()
-			} : j = t, $();
+			} : P = t, $();
 		},
 		fitContent() {
-			let e = q();
-			e && Hr.setVisibleRange({
+			let e = J();
+			e && xa.setVisibleRange({
 				from: -.5,
-				to: e - 1 + (E.rightOffset ?? 8)
+				to: e - 1 + (D.rightOffset ?? 8)
 			});
 		},
-		getVisibleRange: () => mr(),
+		getVisibleRange: () => hi(),
 		setVisibleRange({ from: e, to: t }) {
-			t > e && (B = null, V = null, Vt = {
+			t > e && (tn = null, nn = null, rn = {
 				from: e,
 				to: t
-			}, _r(Vt), $());
+			}, vi(rn), $());
+		},
+		getVisibleTimeRange() {
+			let e = hi();
+			return {
+				from: Xn(e.from),
+				to: Xn(e.to)
+			};
+		},
+		setVisibleTimeRange({ from: e, to: t }) {
+			J() && t > e && xa.setVisibleRange({
+				from: Zn(e),
+				to: Zn(t)
+			});
+		},
+		setCrosshair(e, t) {
+			En = e === null || !T(e) ? null : {
+				time: e,
+				price: t ?? NaN
+			}, $();
 		},
 		setScaleMode(e) {
-			E = {
-				...E,
+			D = {
+				...D,
 				scaleMode: e
 			};
-			let t = Tt.get(C);
+			let t = zt.get(C);
 			t && (t.auto = !0), $();
 		},
 		resetPriceScales() {
-			for (let e of Tt.values()) e.auto = !0;
+			for (let e of zt.values()) e.auto = !0;
 			$();
 		},
-		setDrawingTool: (e) => br(e, !0),
-		getDrawingTool: () => Ut,
-		getDrawings: () => H,
+		setDrawingTool: (e) => xi(e, !0),
+		getDrawingTool: () => un,
+		getDrawings: () => U,
 		setDrawings(e) {
-			H = e, U && !H.some((e) => e.id === U) && xr(null), $();
+			Ti(e, !1);
+		},
+		removeDrawing: Ai,
+		updateDrawing: ki,
+		selectDrawing: (e) => Si(e),
+		undo: Di,
+		redo: Oi,
+		getUndoState: Ci,
+		startReplay(e) {
+			if (!J() && !G) return;
+			if (e === void 0) {
+				G && na(!0), An = !0, Yi(), $();
+				return;
+			}
+			let t = G ? G.source : j;
+			$i(He(t.time, t.length, e));
+		},
+		replayStep: (e = 1) => ea(Math.max(1, Math.floor(e))),
+		replayPlay: (e) => ta(e),
+		replayPause() {
+			G && (Qi(), Yi());
+		},
+		stopReplay: () => na(!0),
+		getReplayState: Ji,
+		toDataURL(e = "image/png", t) {
+			return ha()?.toDataURL(e, t) ?? "";
+		},
+		toBlob(e = "image/png", t) {
+			let n = ha();
+			return new Promise((r) => {
+				!n || typeof n.toBlob != "function" ? r(null) : n.toBlob(r, e, t);
+			});
+		},
+		async requestFullscreen() {
+			typeof O.requestFullscreen == "function" && await O.requestFullscreen();
 		},
-		removeDrawing(e) {
-			H.some((t) => t.id === e) && (U === e && xr(null), Sr(H.filter((t) => t.id !== e)));
+		async exitFullscreen() {
+			E.fullscreenElement === O && typeof E.exitFullscreen == "function" && await E.exitFullscreen();
 		},
-		selectDrawing: (e) => xr(e),
+		isFullscreen: () => E.fullscreenElement === O,
 		setIndicatorVisible(e, t) {
-			gt.set(e, t), $();
+			kt.set(e, t), $();
 		},
-		getRenderer: () => I?.kind ?? null,
-		ready: Rt,
-		refreshTheme: Ir,
+		getRenderer: () => z?.kind ?? null,
+		ready: Qt,
+		refreshTheme: fa,
 		resize: () => $(),
 		on(e, t) {
-			let n = Qt.get(e);
-			return n || Qt.set(e, n = /* @__PURE__ */ new Set()), n.add(t), () => n.delete(t);
+			let n = Nn.get(e);
+			return n || Nn.set(e, n = /* @__PURE__ */ new Set()), n.add(t), () => n.delete(t);
 		},
 		destroy() {
-			rt || (rt = !0, Mt && (nt?.cancelAnimationFrame ? nt.cancelAnimationFrame(Mt) : clearTimeout(Mt)), Zt && clearInterval(Zt), Fr?.disconnect(), Lr(), Rr?.disconnect(), D.removeEventListener("wheel", Mr), I?.destroy(), I = null, Lt(null), Qt.clear(), D.remove());
+			ht || (ht = !0, Kt && (mt?.cancelAnimationFrame ? mt.cancelAnimationFrame(Kt) : clearTimeout(Kt)), kn && clearInterval(kn), G?.timer && clearInterval(G.timer), E.removeEventListener("fullscreenchange", _a), da?.disconnect(), pa(), ma?.disconnect(), O.removeEventListener("wheel", ca), z?.destroy(), z = null, Zt(null), Nn.clear(), O.remove());
 		}
 	};
-	return Hr;
+	return dt.set(xa, { setTimeRange(e) {
+		Tn = !0, xa.setVisibleTimeRange(e);
+	} }), xa;
 };
 //#endregion
-export { tt as createTradingChart };
+export { E as createTradingChart, dt as syncHooks };
 
 //# sourceMappingURL=chart.js.map