minerva-design 1.6.0 → 1.7.0

package/dist/charts/engine/orderbook/heatmap.js

@@ -1,36 +1,59 @@
-import { luminance as e, mixOklab as t, oklabRamp as n, toCss as r } from "../color.js";
-import { localeLabels as i } from "../locale.js";
-import { linearTicks as a } from "../scale.js";
-import { followDefaultRenderer as o } from "../renderers/follow.js";
-import { timeTicks as s } from "../time.js";
-import { createOrderBookStore as c, decimalsOf as l, inferPriceDecimals as u, inferSizeDecimals as d, inferTickSize as f, roundToStep as p } from "./book.js";
-import { clamp as m, createFormatters as h, ease as g, fontOf as ee, formatClock as te, roundRect as _, sideColors as ne } from "./format.js";
-import { createEmitter as v, createHost as re, localPoint as ie, tooltipHtml as ae } from "./host.js";
-import { HEAT_TABLE_SIZE as y, buildHeatGrid as oe, createHeatFieldRenderer as b, heatTable as x, paintHeatGrid as S, percentile as se } from "./field.js";
-import { fineCeil as ce, fitPriceRange as le, fitTimeRange as ue, layoutAxisLabels as de } from "./layout.js";
+import { fromOklab as e, luminance as t, mixOklab as n, oklabRamp as r, packColor as i, parseColor as a, toCss as o, toOklab as s } from "../color.js";
+import { localeLabels as c } from "../locale.js";
+import { linearTicks as l } from "../scale.js";
+import { followDefaultRenderer as u } from "../renderers/follow.js";
+import { timeTicks as d } from "../time.js";
+import { createOrderBookStore as f, decimalsOf as p, inferPriceDecimals as m, inferSizeDecimals as h, inferTickSize as g, roundToStep as _ } from "./book.js";
+import { clamp as v, createFormatters as y, ease as b, fontOf as x, formatClock as ee, roundRect as te, sideColors as S } from "./format.js";
+import { createEmitter as ne, createHost as C, localPoint as w, tooltipHtml as T } from "./host.js";
+import { HEAT_TABLE_SIZE as E, buildHeatGrid as D, createHeatFieldRenderer as O, heatTable as k, paintHeatGrid as re, percentile as A } from "./field.js";
+import { fineCeil as j, fitPriceRange as ie, fitTimeRange as ae, layoutAxisLabels as oe } from "./layout.js";
 //#region src/engine/orderbook/heatmap.ts
-var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
-	"#0a1830",
-	"#0f2c57",
-	"#134a8a",
-	"#1670b4",
-	"#1aa0bf",
-	"#2fc3a0",
-	"#8ad65a",
-	"#e8dc3f",
-	"#ffa733",
-	"#ff5a2e"
-], he = [
-	"#eef4fb",
-	"#cfe1f6",
-	"#9fc2ee",
-	"#679ee2",
-	"#3a73cf",
-	"#3f4bb0",
-	"#62309a",
-	"#9c2783",
-	"#d12c52"
-], ge = 16, _e = 6, ve = {
+var M = 256, se = 4096, ce = .99, N = 2, le = [
+	[0, "#0b1322"],
+	[.3, "#0d1a2e"],
+	[.5, "#102a4e"],
+	[.65, "#154a8a"],
+	[.76, "#1b86b8"],
+	[.85, "#3fc3c0"],
+	[.91, "#e8d84a"],
+	[.96, "#ff8c2b"],
+	[1, "#ffe6c2"]
+], ue = [
+	[0, "#fbfcfe"],
+	[.3, "#f3f6fc"],
+	[.5, "#dde7f7"],
+	[.65, "#a8c4ec"],
+	[.76, "#5b8bd6"],
+	[.85, "#2f4fb0"],
+	[.93, "#6a2a9c"],
+	[1, "#c4173f"]
+], de = 16, fe = 6, pe = 14, P = 3, me = (t, n = M) => {
+	let r = new Uint32Array(n);
+	if (!t.length) return r;
+	let a = t.map(([, e]) => s(e)), o = 0;
+	for (let s = 0; s < n; s++) {
+		let c = s / Math.max(1, n - 1);
+		for (; o + 1 < t.length - 1 && c > t[o + 1][0];) o++;
+		let [l] = t[o], u = Math.min(t.length - 1, o + 1), [d] = t[u], f = d > l ? Math.min(1, Math.max(0, (c - l) / (d - l))) : 0, p = a[o], m = a[u];
+		r[s] = i(e([
+			p[0] + (m[0] - p[0]) * f,
+			p[1] + (m[1] - p[1]) * f,
+			p[2] + (m[2] - p[2]) * f,
+			1
+		]));
+	}
+	return r;
+}, he = (e) => {
+	if (!(e > 0) || e >= N) return 1;
+	let t = N / e;
+	for (let e = 1; e < 0xe8d4a51000; e *= 10) for (let n of [
+		1,
+		2,
+		5
+	]) if (n * e >= t) return n * e;
+	return 1;
+}, ge = {
 	en: {
 		time: "Time",
 		price: "Price",
@@ -41,6 +64,7 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 		ask: "Ask",
 		bidSide: "Bid side",
 		askSide: "Ask side",
+		bubbleHint: "Bubble area = trade size",
 		name: "Liquidity heatmap"
 	},
 	zh: {
@@ -53,6 +77,7 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 		ask: "卖一",
 		bidSide: "买盘",
 		askSide: "卖盘",
+		bubbleHint: "气泡面积 = 成交量",
 		name: "订单簿热力图"
 	},
 	ja: {
@@ -65,6 +90,7 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 		ask: "最良売気配",
 		bidSide: "買い板",
 		askSide: "売り板",
+		bubbleHint: "バブル面積 = 出来高",
 		name: "板ヒートマップ"
 	},
 	fr: {
@@ -77,18 +103,50 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 		ask: "Meilleure vente",
 		bidSide: "Côté achat",
 		askSide: "Côté vente",
+		bubbleHint: "Aire de la bulle = volume",
 		name: "Carte de chaleur de la liquidité"
 	}
-}, ye = (e, t, n, r) => {
+}, _e = (e, t, n, r) => {
 	if (!(e > 0) || !(t > 0)) return 0;
 	let i = Math.min(1, e * r / t);
 	switch (n) {
 		case "linear": return i;
-		case "sqrt": return Math.sqrt(i);
-		default: return Math.log10(1 + 9 * i);
+		case "log": return Math.log10(1 + 9 * i) ** 1.2;
+		default: return Math.sqrt(i);
+	}
+}, F = 48, I = (e, t) => {
+	if (!(t >= e.min) || !(e.max > e.min)) return 0;
+	let n = Math.log(t / e.min) / Math.log(e.max / e.min), r = Math.min(47.999999, Math.max(0, n * F)), i = Math.floor(r), a = r - i, o = e.cdf[i] ?? 0;
+	return o + ((e.cdf[i + 1] ?? o) - o) * a;
+}, ve = (e, t = 0) => {
+	let n = Infinity, r = 0, i = 0;
+	for (let t = 0; t < e.length; t++) {
+		let a = e[t];
+		a > 0 && (i++, a < n && (n = a), a > r && (r = a));
 	}
-}, T = (T, be = {}) => {
-	let E = be, D = c(), xe = v(), O = h(E, 2, 4), k = {
+	if (!i || !(r > n)) return null;
+	let a = /* @__PURE__ */ new Float32Array(49), o = Math.log(r / n);
+	for (let t = 0; t < e.length; t++) {
+		let r = e[t];
+		if (!(r > 0)) continue;
+		let i = Math.log(r / n) / o;
+		a[Math.min(F, Math.floor(i * F))] += 1;
+	}
+	let s = 0;
+	for (let e = 0; e <= F; e++) s += a[e], a[e] = s / i;
+	return {
+		version: t,
+		min: n,
+		max: r,
+		cdf: a
+	};
+}, ye = (e, t, n) => (r) => {
+	let i = Math.min(1, Math.max(0, n(r)));
+	if (!e || !(t > 0)) return i;
+	let a = I(e, r * t);
+	return Math.min(1, .55 * i + .45 * a);
+}, L = (e, i = {}) => {
+	let s = i, N = f(), F = ne(), I = y(s, 2, 4), L = {
 		up: [
 			0,
 			0,
@@ -101,43 +159,43 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 			0,
 			1
 		]
-	}, A = new Uint32Array(fe), Se = new Uint32Array(y + 1), j = [
+	}, be = new Uint32Array(M), xe = new Uint32Array(E + 1), Se = (e) => Math.sqrt(e), Ce = null, we = [
 		0,
 		0,
 		0,
 		1
-	], Ce = !1, M = 0, N = [], we = 0, P = NaN, F = {
+	], Te = !1, R = 0, z = [], Ee = 0, B = NaN, V = {
 		buyVolume: 0,
 		buyNotional: 0,
 		sellVolume: 0,
 		sellNotional: 0
-	}, Te = null, I = NaN, Ee = 0, L = 0, R = 0, De = -Infinity, Oe = 0, z = 0, B = null, ke = "", Ae = "", V = null, H = null, je = 0, Me = !1, Ne = () => {}, Pe = new Promise((e) => {
-		Ne = e;
-	}), Fe = !0, U = NaN, W = [0, 1], G = [0, 1], Ie = !1, K = null, q = NaN, J = NaN, Le = 0, Y = {
+	}, De = null, Oe = NaN, ke = 0, H = 0, Ae = 0, je = -Infinity, Me = 0, Ne = 0, U = null, Pe = "", Fe = "", Ie = null, W = null, Le = 0, Re = !1, ze = () => {}, Be = new Promise((e) => {
+		ze = e;
+	}), Ve = !0, G = NaN, K = [0, 1], q = [0, 1], He = !1, J = null, Ue = NaN, We = NaN, Ge = 0, Y = {
 		x: 0,
 		y: 0,
 		w: 0,
 		h: 0
-	}, Re = null, ze = "", X = null, Z = re(T, {
+	}, Ke = null, qe = "", X = null, Z = C(e, {
 		className: "minerva-orderbook-heatmap",
-		draw: pt,
+		draw: Tt,
 		onTheme: () => {
-			Je(), Z.invalidate();
+			nt(), Z.invalidate();
 		}
-	}), { root: Q, doc: Be } = Z;
+	}), { root: Q, doc: Je } = Z;
 	Q.tabIndex = 0, Q.setAttribute("role", "figure"), Q.style.touchAction = "none";
-	let Ve = i(ve, E.locale, E.labels), He = () => Ve, Ue = () => {
-		Ve = i(ve, E.locale, E.labels), Q.setAttribute("aria-label", E.ariaLabel ?? Ve.name);
-	}, $ = () => Math.max(10, E.interval ?? 100), We = () => Math.max($() * 4, E.history ?? 3e5), Ge = () => Math.max(4, Math.round(E.depth ?? 160)), Ke = () => {
-		if (!Number.isFinite(I)) return Date.now();
-		let e = qe() - Ee;
-		return I + Math.min(Math.max(0, e), $() * 3);
-	}, qe = () => typeof performance < "u" ? performance.now() : Date.now();
-	function Je() {
-		let t = Z.theme;
-		k = ne(t, E);
-		let r = (e) => {
-			let n = t.resolve ? t.resolve(e, t.primary) : t.primary;
+	let Ye = c(ge, s.locale, s.labels), Xe = () => Ye, Ze = () => {
+		Ye = c(ge, s.locale, s.labels), Q.setAttribute("aria-label", s.ariaLabel ?? Ye.name);
+	}, $ = () => Math.max(10, s.interval ?? 100), Qe = () => Math.max($() * 4, s.history ?? 3e5), $e = () => Math.max(4, Math.round(s.depth ?? 160)), et = () => {
+		if (!Number.isFinite(Oe)) return Date.now();
+		let e = tt() - ke;
+		return Oe + Math.min(Math.max(0, e), $() * 3);
+	}, tt = () => typeof performance < "u" ? performance.now() : Date.now();
+	function nt() {
+		let e = Z.theme;
+		L = S(e, s);
+		let n = (t) => {
+			let n = e.resolve ? e.resolve(t, e.primary) : e.primary;
 			return [
 				n[0],
 				n[1],
@@ -145,25 +203,32 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 				1
 			];
 		}, i = [
-			t.background[0],
-			t.background[1],
-			t.background[2],
+			e.background[0],
+			e.background[1],
+			e.background[2],
 			1
 		];
-		Ce = t.background[3] > 0 && e(i) < .4;
-		let a = (E.colors?.length ? E.colors : Ce ? me : he).map(r);
-		j = a[0] ?? i, A = n(a.length > 1 ? a : [j, j], fe);
-		let o = E.colorScale ?? "log";
-		Se = x(A, (e) => ye(e, 1, o, 1) ** pe), Ae = "";
+		if (Te = e.background[3] > 0 && t(i) < .4, s.colors?.length) {
+			let e = s.colors.map(n);
+			we = e[0] ?? i, be = r(e.length > 1 ? e : [we, we], M);
+		} else {
+			let e = (Te ? le : ue).map(([e, t]) => [e, a(t) ?? i]);
+			we = e[0][1], be = me(e, M);
+		}
+		let o = s.colorScale ?? "sqrt";
+		Se = (e) => _e(e, 1, o, 1), xe = k(be, Se), Fe = "";
 	}
-	let Ye = () => {
-		O = h(E, M > 0 ? Math.max(l(M), u(D)) : u(D), d(D));
-	}, Xe = () => {
-		N = [], B = null, ke = Ae = "", V = null, P = NaN, L = R = 0, De = -Infinity, Oe = 0, z = 0, J = NaN, F.buyVolume = F.buyNotional = F.sellVolume = F.sellNotional = 0;
-	}, Ze = () => {
-		if (M > 0) return;
-		let e = f(D), t = D.mid();
-		if (E.tickSize && E.tickSize > 0) M = E.tickSize;
+	let rt = () => {
+		I = y(s, R > 0 ? Math.max(p(R), m(N)) : m(N), h(N));
+	}, it = (e) => {
+		let t = s.sizeUnit?.trim();
+		return t ? `${e} ${t}` : e;
+	}, at = () => {
+		z = [], U = null, Pe = Fe = "", Ie = null, Ce = null, B = NaN, H = Ae = 0, je = -Infinity, Me = 0, Ne = 0, We = NaN, V.buyVolume = V.buyNotional = V.sellVolume = V.sellNotional = 0;
+	}, ot = () => {
+		if (R > 0) return;
+		let e = g(N), t = N.mid();
+		if (s.tickSize && s.tickSize > 0) R = s.tickSize;
 		else if (e > 0 && Number.isFinite(t)) {
 			let n = t * 1e-5 / e, r = 1;
 			for (let e = 1; e <= 1e9 && r < n * .75; e *= 10) for (let t of [
@@ -171,15 +236,15 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 				2,
 				5
 			]) if (r = t * e, r >= n * .75) break;
-			M = p(e * r, e);
-		} else M = Number.isFinite(t) ? Math.max(1e-8, t * 1e-5) : 0;
-		M > 0 && Ye();
-	}, Qe = () => {
-		let e = Ge(), t = new Float64Array(e * 2), n = new Float32Array(e * 2), r = 0;
+			R = _(e * r, e);
+		} else R = Number.isFinite(t) ? Math.max(1e-8, t * 1e-5) : 0;
+		R > 0 && rt();
+	}, st = () => {
+		let e = $e(), t = new Float64Array(e * 2), n = new Float32Array(e * 2), r = 0;
 		for (let i of ["bid", "ask"]) {
-			let a = D.count(i), o = 0;
+			let a = N.count(i), o = 0;
 			for (let s = 0; s < a; s++) {
-				let a = Math.round(D.priceAt(i, s) / M), c = D.sizeAt(i, s);
+				let a = Math.round(N.priceAt(i, s) / R), c = N.sizeAt(i, s);
 				if (r > 0 && t[r - 1] === a && o > 0) {
 					n[r - 1] += c;
 					continue;
@@ -192,111 +257,113 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 			bins: t.slice(0, r),
 			sizes: n.slice(0, r)
 		};
-	}, $e = (e) => {
-		if (!(M > 0)) return;
-		let { bins: t, sizes: n } = Qe(), r = {
-			seq: we++,
+	}, ct = (e) => {
+		if (!(R > 0)) return;
+		let { bins: t, sizes: n } = st(), r = {
+			seq: Ee++,
 			time: e,
 			bins: t,
 			sizes: n,
-			bestBid: D.bestBid(),
-			bestAsk: D.bestAsk(),
-			buyVolume: F.buyVolume,
-			buyNotional: F.buyNotional,
-			sellVolume: F.sellVolume,
-			sellNotional: F.sellNotional
+			bestBid: N.bestBid(),
+			bestAsk: N.bestAsk(),
+			buyVolume: V.buyVolume,
+			buyNotional: V.buyNotional,
+			sellVolume: V.sellVolume,
+			sellNotional: V.sellNotional
 		};
-		F.buyVolume = F.buyNotional = F.sellVolume = F.sellNotional = 0, N.push(r);
-		let i = e - We(), a = 0;
-		for (; a < N.length && N[a].time < i;) a++;
-		a && (N = N.slice(a));
-	}, et = (e) => {
+		V.buyVolume = V.buyNotional = V.sellVolume = V.sellNotional = 0, z.push(r);
+		let i = e - Qe(), a = 0;
+		for (; a < z.length && z[a].time < i;) a++;
+		a && (z = z.slice(a));
+	}, lt = (e) => {
 		if (!Number.isFinite(e)) return;
 		let t = $();
-		if (!Number.isFinite(P)) {
-			P = Math.floor(e / t) * t;
+		if (!Number.isFinite(B)) {
+			B = Math.floor(e / t) * t;
 			return;
 		}
-		if (e - P > We()) {
-			$e(P), P = Math.floor(e / t) * t;
+		if (e - B > Qe()) {
+			ct(B), B = Math.floor(e / t) * t;
 			return;
 		}
-		for (; e >= P + t;) $e(P), P += t;
-	}, tt = (e) => e === void 0 || !Number.isFinite(e) ? Date.now() : ((!Number.isFinite(I) || e >= I) && (I = e, Ee = qe()), e), nt = (e) => {
-		if (Number.isFinite(P) && e >= P) return null;
-		let t = 0, n = N.length;
+		for (; e >= B + t;) ct(B), B += t;
+	}, ut = (e) => e === void 0 || !Number.isFinite(e) ? Date.now() : ((!Number.isFinite(Oe) || e >= Oe) && (Oe = e, ke = tt()), e), dt = (e) => {
+		if (Number.isFinite(B) && e >= B) return null;
+		let t = 0, n = z.length;
 		for (; t < n;) {
 			let r = t + n >>> 1;
-			N[r].time <= e ? t = r + 1 : n = r;
+			z[r].time <= e ? t = r + 1 : n = r;
 		}
-		return t > 0 ? N[t - 1] : null;
-	}, rt = () => {
-		if (!Number.isFinite(P) || !(M > 0)) return null;
-		let e = D.version();
-		return (!V || V.version !== e) && (V = {
+		return t > 0 ? z[t - 1] : null;
+	}, ft = () => {
+		if (!Number.isFinite(B) || !(R > 0)) return null;
+		let e = N.version();
+		return (!Ie || Ie.version !== e) && (Ie = {
 			version: e,
-			...Qe()
+			...st()
 		}), {
-			time: P,
-			bins: V.bins,
-			sizes: V.sizes
+			time: B,
+			bins: Ie.bins,
+			sizes: Ie.sizes
 		};
-	}, it = (e, t, n, r, i, a) => {
-		let o = $(), s = rt(), c = Math.min(C, Math.ceil(Y.w)), l = Math.min(C, Math.ceil(Y.h)), u = N.length ? N[N.length - 1].seq : -1, d = [
+	}, pt = (e, t, n, r, i, a) => {
+		let o = $(), c = ft(), l = Math.min(se, Math.ceil(Y.w)), u = Math.min(se, Math.ceil(Y.h)), d = he(R / (r - n) * Y.h), f = z.length ? z[z.length - 1].seq : -1, p = [
 			e,
 			t,
 			n,
 			r,
 			Math.floor(i / o),
-			N.length,
-			u,
-			V?.version ?? -1,
-			c,
+			z.length,
+			f,
+			Ie?.version ?? -1,
 			l,
-			M
+			u,
+			d,
+			R
 		].join("|");
-		if (d !== ke) {
-			let a = s ? [...N, s] : N;
-			B = oe({
+		if (p !== Pe) {
+			let a = c ? [...z, c] : z;
+			U = D({
 				sources: a,
 				step: o,
-				tick: M,
+				tick: R,
 				x0: e,
 				x1: t,
 				y0: n,
 				y1: r,
 				end: i,
-				maxWidth: c,
-				maxHeight: l
-			}, B), ke = d, Ae = "";
+				maxWidth: l,
+				maxHeight: u,
+				rowBins: d
+			}, U), Pe = p, Fe = "";
 		}
-		if (!B) return null;
-		let f = E.maxSize;
-		if (f !== void 0 && f > 0) L = f;
+		if (!U) return null;
+		let m = s.maxSize;
+		if (m !== void 0 && m > 0) H = m;
 		else {
-			let e = qe();
-			if (e - De > 250 || !(R > 0)) {
-				let t = se(B.cells, w);
-				t > 0 && (R = t), De = e;
+			let e = tt();
+			if (e - je > 250 || !(Ae > 0)) {
+				let t = A(U.cells, ce);
+				t > 0 && (Ae = t), je = e, Ce = ve(U.cells, U.version);
 			}
-			L > 0 ? R > 0 && Math.abs(R / L - 1) > .001 && (L += (R - L) * g(a, 700)) : L = R;
+			H > 0 ? Ae > 0 && Math.abs(Ae / H - 1) > .001 && (H += (Ae - H) * b(a, 700)) : H = Ae;
 		}
-		let p = Math.max(.01, E.contrast ?? 1), m = L > 0 ? y * p / L : 0;
-		return `${B.version}|${m}` !== Ae && (S(B, Se, m), Ae = `${B.version}|${m}`), B;
-	}, at = () => {
-		let e = $(), t = [], n = 0, r = N.length;
+		let h = Math.max(.01, s.contrast ?? 1), g = H > 0 ? E * h / H : 0, _ = `${U.version}|${g}|${Ce?.version ?? -1}`;
+		return _ !== Fe && (xe = k(be, ye(Ce, H / h, Se)), re(U, xe, g), Fe = _), U;
+	}, mt = () => {
+		let e = $(), t = [], n = 0, r = z.length;
 		for (; n < r;) {
 			let t = n + r >>> 1;
-			N[t].time + e < W[0] ? n = t + 1 : r = t;
+			z[t].time + e < K[0] ? n = t + 1 : r = t;
 		}
-		for (let e = n; e < N.length; e++) {
-			let n = N[e];
-			if (n.time > W[1]) break;
+		for (let e = n; e < z.length; e++) {
+			let n = z[e];
+			if (n.time > K[1]) break;
 			t.push(n);
 		}
 		return t;
-	}, ot = (e, t) => {
-		let n = $(), r = Math.max(1, Math.ceil(_e / Math.max(1e-6, t))), i = [], a = NaN, o = 0, s = 0, c = {
+	}, ht = (e, t) => {
+		let n = $(), r = Math.max(1, Math.ceil(fe / Math.max(1e-6, t))), i = [], a = NaN, o = 0, s = 0, c = {
 			bv: 0,
 			bn: 0,
 			sv: 0,
@@ -319,324 +386,380 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 			u !== a && (Number.isFinite(a) && l(), a = u, o = t), s = t + n, c.bv += i.buyVolume, c.bn += i.buyNotional, c.sv += i.sellVolume, c.sn += i.sellNotional;
 		};
 		for (let t of e) u(t.seq, t.time, t);
-		return Number.isFinite(P) && P <= W[1] && u(we, P, F), Number.isFinite(a) && l(), i;
-	}, st = (e) => {
+		return Number.isFinite(B) && B <= K[1] && u(Ee, B, V), Number.isFinite(a) && l(), i;
+	}, gt = (e) => {
 		e.save(), e.beginPath(), e.rect(Y.x, Y.y, Y.w, Y.h), e.clip();
-	}, ct = (e, t, n, i, a) => {
-		if (E.bestLines === !1) return;
-		let o = $(), s = t.map((e) => [
+	}, _t = (e, t, n, r, i) => {
+		if (s.bestLines === !1) return;
+		let a = $(), c = t.map((e) => [
 			e.time,
-			e.time + o,
+			e.time + a,
 			e.bestBid,
 			e.bestAsk
 		]);
-		if (Number.isFinite(P) && s.push([
-			P,
-			P + o,
-			D.bestBid(),
-			D.bestAsk()
-		]), !s.length) return;
-		for (let e = 0; e + 1 < s.length; e++) s[e][1] = s[e + 1][0];
-		let c = a >= 2, l = (e) => {
+		if (Number.isFinite(B) && c.push([
+			B,
+			B + a,
+			N.bestBid(),
+			N.bestAsk()
+		]), !c.length) return;
+		for (let e = 0; e + 1 < c.length; e++) c[e][1] = c[e + 1][0];
+		let l = i >= 2, u = (e) => {
 			let t = n(e[0]), r = n(e[1]);
-			return c ? [t, r] : [(t + r) / 2, (t + r) / 2];
+			return l ? [t, r] : [(t + r) / 2, (t + r) / 2];
 		};
-		st(e), e.beginPath();
-		let u = [], d = () => {
-			if (u.length) {
-				u.forEach((t, n) => {
-					let [r, a] = l(t), o = i(t[3]);
-					n ? e.lineTo(r, o) : e.moveTo(r, o), e.lineTo(a, o);
+		gt(e), e.beginPath();
+		let d = [], f = () => {
+			if (d.length) {
+				d.forEach((t, n) => {
+					let [i, a] = u(t), o = r(t[3]);
+					n ? e.lineTo(i, o) : e.moveTo(i, o), e.lineTo(a, o);
 				});
-				for (let t = u.length - 1; t >= 0; t--) {
-					let [n, r] = l(u[t]), a = i(u[t][2]);
-					e.lineTo(r, a), e.lineTo(n, a);
+				for (let t = d.length - 1; t >= 0; t--) {
+					let [n, i] = u(d[t]), a = r(d[t][2]);
+					e.lineTo(i, a), e.lineTo(n, a);
 				}
-				e.closePath(), u = [];
+				e.closePath(), d = [];
 			}
 		};
-		for (let e of s) {
+		for (let e of c) {
 			let [, , t, n] = e;
-			Number.isFinite(t) && Number.isFinite(n) && n > t ? u.push(e) : d();
+			Number.isFinite(t) && Number.isFinite(n) && n > t ? d.push(e) : f();
 		}
-		d(), e.fillStyle = r(Z.theme.text, Ce ? .08 : .07), e.fill(), e.lineJoin = "round";
-		for (let [t, n] of [[2, k.up], [3, k.down]]) {
+		f(), e.fillStyle = o(Z.theme.text, Te ? .08 : .07), e.fill(), e.lineJoin = "round";
+		for (let [t, n] of [[2, L.up], [3, L.down]]) {
 			e.beginPath();
-			let a = !1;
-			for (let n of s) {
-				let r = n[t];
-				if (!Number.isFinite(r)) {
-					a = !1;
+			let i = !1;
+			for (let n of c) {
+				let a = n[t];
+				if (!Number.isFinite(a)) {
+					i = !1;
 					continue;
 				}
-				let o = i(r), [s, u] = l(n);
-				a ? e.lineTo(s, o) : e.moveTo(s, o), c && e.lineTo(u, o), a = !0;
+				let o = r(a), [s, c] = u(n);
+				i ? e.lineTo(s, o) : e.moveTo(s, o), l && e.lineTo(c, o), i = !0;
 			}
-			e.strokeStyle = r(j, .55), e.lineWidth = 3.5, e.stroke(), e.strokeStyle = r(n), e.lineWidth = 1.5, e.stroke();
+			e.strokeStyle = o(we, .55), e.lineWidth = 3.5, e.stroke(), e.strokeStyle = o(n), e.lineWidth = 1.5, e.stroke();
 		}
 		e.restore();
-	}, lt = (e, n, i, a, o) => {
-		if (!n.length) return;
-		let s = 0;
-		for (let e of n) s = Math.max(s, e.volume);
-		Oe = Oe > 0 ? Math.max(s, Oe * .995) : s;
-		let c = E.bubbleVolume ?? Oe, l = Math.max(4, E.bubbleSize ?? 28), u = n.map((e) => ({
+	}, vt = (e, t, r, i, a) => {
+		if (!t.length) return;
+		let c = 0;
+		for (let e of t) {
+			let t = r(e.time);
+			t >= Y.x && t <= Y.x + Y.w && (c = Math.max(c, e.volume));
+		}
+		c > 0 && (Me = Me > 0 ? Math.max(c, Me * .995) : c);
+		let l = s.bubbleVolume ?? Me;
+		if (!(l > 0)) return;
+		let u = Math.max(P, s.bubbleSize ?? pe), d = Math.min(P, u), f = t.map((e) => ({
 			...e,
-			d: m(Math.sqrt(e.volume / c) * l, 3, l)
+			d: v(Math.sqrt(e.volume / l) * u, d, u)
 		})).sort((e, t) => e.d - t.d);
-		st(e), e.lineWidth = 1.25, e.textAlign = "center", e.textBaseline = "middle", e.font = ee(Z.theme, E, 600, Math.max(8, o - 1));
-		for (let n of u) {
-			let o = i(n.time), s = a(n.price), c = n.d / 2;
-			if (o < Y.x - c || o > Y.x + Y.w + c || s < Y.y - c || s > Y.y + Y.h + c) continue;
-			let l = n.buy ? k.up : k.down;
-			if (e.beginPath(), e.arc(o, s, c, 0, Math.PI * 2), e.fillStyle = r(l, .62), e.fill(), e.strokeStyle = r(t(l, [
-				1,
-				1,
-				1,
-				1
-			], .25)), e.stroke(), n.d >= 26) {
-				let t = O.compact(n.volume);
-				e.measureText(t).width <= n.d - 6 && (e.fillStyle = "#fff", e.fillText(t, o, s + .5));
+		gt(e), e.lineWidth = 1, e.textAlign = "center", e.textBaseline = "middle", e.font = x(Z.theme, s, 600, Math.max(8, a - 1));
+		let p = Te ? [
+			1,
+			1,
+			1,
+			1
+		] : [
+			0,
+			0,
+			0,
+			1
+		];
+		for (let t of f) {
+			let a = r(t.time), s = i(t.price), c = t.d / 2;
+			if (a < Y.x - c || a > Y.x + Y.w + c || s < Y.y - c || s > Y.y + Y.h + c) continue;
+			let l = t.buy ? L.up : L.down;
+			if (e.beginPath(), e.arc(a, s, Math.max(1, c - .5), 0, Math.PI * 2), e.fillStyle = o(l, .35), e.fill(), e.strokeStyle = o(n(l, p, .2), .9), e.stroke(), t.d >= 26) {
+				let n = I.compact(t.volume);
+				e.measureText(n).width <= t.d - 6 && (e.fillStyle = o(Te ? [
+					1,
+					1,
+					1,
+					1
+				] : [
+					.08,
+					.08,
+					.1,
+					1
+				]), e.fillText(n, a, s + .5));
 			}
 		}
 		e.restore();
-	}, ut = (e, t, n, i, a) => {
-		let o = Z.theme, [s, c] = G, l = Math.max(1, M / (c - s) * Y.h), u = 0, d = ["bid", "ask"].map((e) => {
-			let t = D.levels(e, {
-				step: M,
-				limit: Ge()
-			});
-			for (let e = 0; e < t.count; e++) {
-				let n = t.price[e];
-				n >= s && n <= c && (u = Math.max(u, t.size[e]));
+	}, yt = (e, t) => {
+		let n = [], r = [], i = N.count(e), a = 0, o = NaN;
+		for (let s = 0; s < i; s++) {
+			let i = Math.round(N.priceAt(e, s) / R);
+			if (i !== o) {
+				if (++a > $e()) break;
+				o = i;
 			}
-			return {
-				side: e,
-				...t
-			};
+			let c = Math.floor(i / t), l = N.sizeAt(e, s);
+			n.length && n[n.length - 1] === c ? r[r.length - 1] += l : (n.push(c), r.push(l));
+		}
+		return {
+			side: e,
+			buckets: n,
+			sizes: r
+		};
+	}, bt = (e, t, n, r, i, a) => {
+		let c = Z.theme, [l, u] = q, d = Math.max(1, R * a / (u - l) * Y.h), f = (e) => (e * a - .5) * R, p = (e) => (e * a + a - .5) * R, m = 0, h = ["bid", "ask"].map((e) => {
+			let t = yt(e, a);
+			return t.buckets.forEach((e, n) => {
+				p(e) >= l && f(e) <= u && (m = Math.max(m, t.sizes[n]));
+			}), t;
 		});
-		if ((u > z || u < z * .6 || !(z > 0)) && (z = ce(u)), !(z > 0)) return;
-		let f = t + 2, p = Math.max(4, n - 6);
-		e.strokeStyle = r(o.text, .07), e.lineWidth = 1, e.setLineDash([2, 3]), e.beginPath();
+		if ((m > Ne || m < Ne * .6 || !(Ne > 0)) && (Ne = j(m)), !(Ne > 0)) return;
+		let g = t + 2, _ = Math.max(4, n - 6);
+		e.strokeStyle = o(c.text, .07), e.lineWidth = 1, e.setLineDash([2, 3]), e.beginPath();
 		for (let t of [.5, 1]) {
-			let n = Math.round(f + p * t) - .5;
+			let n = Math.round(g + _ * t) - .5;
 			e.moveTo(n, Y.y), e.lineTo(n, Y.y + Y.h);
 		}
 		e.stroke(), e.setLineDash([]), e.save(), e.beginPath(), e.rect(t, Y.y, n, Y.h), e.clip();
-		let m = +(l >= 4), h = (t, n) => {
-			let r = Math.round(i(t + M / 2)), a = Math.max(r + 1, Math.round(i(t - M / 2)) - m), o = Math.max(1, Math.min(p, n / z * p));
-			e.rect(f, r, o, a - r);
+		let v = +(d >= 4), y = (t, n) => {
+			let i = Math.round(r(p(t))), a = Math.max(i + 1, Math.round(r(f(t))) - v), o = Math.max(1, Math.min(_, n / Ne * _));
+			e.rect(g, i, o, a - i);
 		};
-		for (let { side: t, price: n, size: i, count: a } of d) {
-			let o = t === "bid" ? k.up : k.down;
+		for (let { side: t, buckets: n, sizes: r } of h) {
+			let i = t === "bid" ? L.up : L.down;
 			e.beginPath();
-			for (let e = 1; e < a; e++) {
+			for (let e = 1; e < n.length; e++) {
 				let t = n[e];
-				t >= s - M && t <= c + M && h(t, i[e]);
+				p(t) >= l && f(t) <= u && y(t, r[e]);
 			}
-			e.fillStyle = r(o, Ce ? .62 : .55), e.fill();
-			let l = n[0];
-			a && l !== void 0 && l >= s && l <= c && (e.beginPath(), h(l, i[0]), e.fillStyle = r(o), e.fill());
+			e.fillStyle = o(i, Te ? .62 : .55), e.fill();
+			let a = n[0];
+			a !== void 0 && p(a) >= l && f(a) <= u && (e.beginPath(), y(a, r[0]), e.fillStyle = o(i), e.fill());
 		}
 		e.restore();
-		let g = Math.round(Y.y + Y.h + 4) + .5;
-		e.strokeStyle = r(o.textMuted, .7), e.beginPath(), e.moveTo(f, g), e.lineTo(f + p, g);
+		let b = Math.round(Y.y + Y.h + 4) + .5;
+		e.strokeStyle = o(c.textMuted, .7), e.beginPath(), e.moveTo(g, b), e.lineTo(g + _, b);
 		for (let t of [
 			0,
 			.5,
 			1
 		]) {
-			let n = Math.round(f + p * t) + .5;
-			e.moveTo(n, g), e.lineTo(n, g + 3);
-		}
-		e.stroke(), e.font = ee(o, E, 400, Math.max(8, a - 1)), e.fillStyle = r(o.textMuted), e.textBaseline = "top";
-		let te = O.compact(z), _ = e.measureText(te).width;
-		e.textAlign = "right", e.fillText(te, f + p + 2, g + 4), _ + e.measureText("0").width + 8 < p && (e.textAlign = "left", e.fillText("0", f - 1, g + 4));
-	}, dt = () => {
-		if (!Re || E.tooltip === !1 || !(M > 0) || X || !Ie) return null;
-		let [e, t] = Re;
-		if (e < Y.x || e > Y.x + Y.w || t < Y.y || t > Y.y + Y.h) return null;
-		let [n, r] = W, [i, a] = G, o = n + (e - Y.x) / Y.w * (r - n), s = i + (Y.y + Y.h - t) / Y.h * (a - i), c = Math.round(s / M), u = +(c * M).toFixed(Math.min(12, l(M) + 2)), d = nt(o);
+			let n = Math.round(g + _ * t) + .5;
+			e.moveTo(n, b), e.lineTo(n, b + 3);
+		}
+		e.stroke(), e.font = x(c, s, 400, Math.max(8, i - 1)), e.fillStyle = o(c.textMuted), e.textBaseline = "top";
+		let ee = I.compact(Ne), te = e.measureText(ee).width;
+		e.textAlign = "right", e.fillText(ee, g + _ + 2, b + 4), te + e.measureText("0").width + 8 < _ && (e.textAlign = "left", e.fillText("0", g - 1, b + 4));
+	}, xt = (e) => {
+		if (!Ke || s.tooltip === !1 || !(R > 0) || X || !He) return null;
+		let [t, n] = Ke;
+		if (t < Y.x || t > Y.x + Y.w || n < Y.y || n > Y.y + Y.h) return null;
+		let [r, i] = K, [a, o] = q, c = r + (t - Y.x) / Y.w * (i - r), l = a + (Y.y + Y.h - n) / Y.h * (o - a), u = Math.floor(Math.round(l / R) / e), d = Math.min(12, p(R) + 2), f = +(u * e * R).toFixed(d), m = +((u * e + e - 1) * R).toFixed(d), h = +((f + m) / 2).toFixed(d), g = dt(c);
 		return {
-			hx: e,
-			hy: t,
-			time: o,
-			start: d ? d.time : Number.isFinite(P) && o >= P ? P : NaN,
-			column: d,
-			bin: c,
-			rowPrice: u
+			hx: t,
+			hy: n,
+			time: c,
+			start: g ? g.time : Number.isFinite(B) && c >= B ? B : NaN,
+			column: g,
+			bucket: u,
+			ry: e,
+			low: f,
+			high: m,
+			rowPrice: h
 		};
-	}, ft = (t, n, i, a, o, s, c, l = "left") => {
-		let u = Math.min(t.measureText(n).width + 10, o), d = l === "center" ? i - u / 2 : i;
-		t.fillStyle = r(c ? s : j), _(t, d, a - ge / 2, u, ge, 3), t.fill(), c || (t.strokeStyle = r(s), t.lineWidth = 1, t.stroke()), t.fillStyle = c ? e(s) > .6 ? "#111" : "#fff" : r(s), t.textAlign = l, t.textBaseline = "middle", t.fillText(n, l === "center" ? i : d + 5, a + .5);
+	}, St = (e, n, r, i, a, s, c, l = "left") => {
+		let u = Math.min(e.measureText(n).width + 10, a), d = l === "center" ? r - u / 2 : r;
+		e.fillStyle = o(c ? s : we), te(e, d, i - de / 2, u, de, 3), e.fill(), c || (e.strokeStyle = o(s), e.lineWidth = 1, e.stroke()), e.fillStyle = c ? t(s) > .6 ? "#111" : "#fff" : o(s), e.textAlign = l, e.textBaseline = "middle", e.fillText(n, l === "center" ? r : d + 5, i + .5);
+	}, Ct = (e) => `rgb(${e & 255}, ${e >>> 8 & 255}, ${e >>> 16 & 255})`, wt = (e, t) => {
+		if (Y.w < 200 || Y.h < 96) return;
+		let n = Z.theme, r = Xe(), i = s.sizeUnit?.trim(), a = i ? `${r.liquidity} · ${i}` : r.liquidity, c = x(n, s, 600, t - 1), l = x(n, s, 400, t - 1), u = t - 2, d = H > 0 ? I.size(H) : "–";
+		e.font = c;
+		let f = e.measureText(a).width;
+		e.font = x(n, s, 400, u);
+		let p = e.measureText("0").width, m = e.measureText(d).width;
+		e.font = l;
+		let h = e.measureText(r.bubbleHint).width, g = u + 10, _ = Math.max(76, f, h + g) + 14, v = t - 1, y = 14 + v + 3 + 7 + 2 + u + 6 + v, b = Y.x + 8, ee = Y.y + 8;
+		if (b + _ > Y.x + Y.w - 8) return;
+		e.fillStyle = o(n.background, Te ? .82 : .88), e.strokeStyle = o(n.axis, .6), e.lineWidth = 1, te(e, b + .5, ee + .5, _, y, 6), e.fill(), e.stroke();
+		let S = b + 7;
+		e.textAlign = "left", e.textBaseline = "middle", e.font = c, e.fillStyle = o(n.textMuted), e.fillText(a, S, ee + 7 + v / 2);
+		let ne = ee + 7 + v + 3, C = e.createLinearGradient(S, ne, S + 76, ne);
+		for (let e = 0; e <= 8; e++) {
+			let t = e / 8, n = be[Math.round(t * (be.length - 1))] ?? 0;
+			C.addColorStop(t, Ct(n));
+		}
+		e.fillStyle = C, te(e, S, ne, 76, 7, 2), e.fill(), e.font = x(n, s, 400, u), e.fillStyle = o(n.textMuted);
+		let w = ne + 7 + 2 + u / 2;
+		e.fillText("0", S, w), e.textAlign = "right", e.fillText(d, S + Math.max(76, m + p), w), e.textAlign = "left";
+		let T = w + u / 2 + 6 + v / 2, E = u / 2;
+		for (let [t, n] of [L.up, L.down].entries()) e.fillStyle = o(n, .9), e.beginPath(), e.arc(S + E + t * (u + 4), T, E, 0, Math.PI * 2), e.fill();
+		e.font = l, e.fillStyle = o(n.textMuted), e.fillText(r.bubbleHint, S + g, T);
 	};
-	function pt(e) {
+	function Tt(e) {
 		let t = Z.ctx;
 		if (!t) return !1;
-		let { width: n, height: i, dpr: o, theme: c } = Z, l = Le ? e - Le : 0;
-		Le = e;
-		let u = He(), d = E.fontSize ?? (n < 420 ? 10 : 11), f = ee(c, E, 400, d), p = ee(c, E, 600, d), h = $(), _ = !Number.isFinite(I);
-		_ && D.count("bid") + D.count("ask") > 0 && et(Date.now());
-		let ne = Ke();
-		J = Number.isFinite(J) && ne > J - h * 4 ? Math.max(J, ne) : ne;
-		let v = J;
-		t.setTransform(o, 0, 0, o, 0, 0), t.clearRect(0, 0, n, i), Ze();
-		let re = D.mid();
+		let { width: n, height: r, dpr: i, theme: a } = Z, c = Ge ? e - Ge : 0;
+		Ge = e;
+		let u = Xe(), f = s.fontSize ?? (n < 420 ? 10 : 11), p = x(a, s, 400, f), m = x(a, s, 600, f), h = $(), g = !Number.isFinite(Oe);
+		g && N.count("bid") + N.count("ask") > 0 && lt(Date.now());
+		let _ = et();
+		We = Number.isFinite(We) && _ > We - h * 4 ? Math.max(We, _) : _;
+		let y = We;
+		t.setTransform(i, 0, 0, i, 0, 0), t.clearRect(0, 0, n, r), ot();
+		let te = N.mid();
+		t.font = m;
+		let S = I.price(Number.isFinite(te) ? te * 1.0001 : 0), ne = Math.ceil(t.measureText(S).width) + 18;
 		t.font = p;
-		let ie = O.price(Number.isFinite(re) ? re * 1.0001 : 0), ae = Math.ceil(t.measureText(ie).width) + 18;
-		t.font = f;
-		let y = E.profile === !1 ? 0 : Math.round(m(n * .12, 56, 120)), oe = d + 12;
+		let C = s.profile === !1 ? 0 : Math.round(v(n * .12, 56, 120)), w = f + 12;
 		Y = {
 			x: 0,
 			y: 0,
-			w: Math.max(10, n - ae - y),
-			h: Math.max(10, i - oe)
+			w: Math.max(10, n - ne - C),
+			h: Math.max(10, r - w)
 		};
-		let b = Y.x + Y.w, x = b + y;
-		if (Number.isFinite(U) || (U = Math.max(h * 10, E.window ?? 6e4)), Fe) {
-			let e = N.length ? N[0].time : P;
-			W = ue(e, v, U, Math.min(U, h * 60));
-			let t = D.bestBid(), n = D.bestAsk();
-			for (let e of at()) Number.isFinite(e.bestBid) && !(e.bestBid >= t) && (t = e.bestBid), Number.isFinite(e.bestAsk) && !(e.bestAsk <= n) && (n = e.bestAsk);
+		let T = Y.x + Y.w, E = T + C;
+		if (Number.isFinite(G) || (G = Math.max(h * 10, s.window ?? 6e4)), Ve) {
+			let e = z.length ? z[0].time : B;
+			K = ae(e, y, G, Math.min(G, h * 60));
+			let t = N.bestBid(), n = N.bestAsk();
+			for (let e of mt()) Number.isFinite(e.bestBid) && !(e.bestBid >= t) && (t = e.bestBid), Number.isFinite(e.bestAsk) && !(e.bestAsk <= n) && (n = e.bestAsk);
 			Number.isFinite(t) || (t = n), Number.isFinite(n) || (n = t);
-			let r = M > 0 ? M * Math.max(40, Y.h / 6) : 0, i = E.priceSpan ?? (Number.isFinite(q) ? q : void 0);
+			let r = R > 0 ? R * Math.max(40, Y.h / 6) : 0, i = s.priceSpan ?? (Number.isFinite(Ue) ? Ue : void 0);
 			if (r > 0 || i !== void 0) {
-				K = le(K, t, n, r, i);
-				let [e, a] = K;
+				J = ie(J, t, n, r, i);
+				let [e, a] = J;
 				if (Number.isFinite(e) && Number.isFinite(a)) {
-					if (!Ie) G = [e, a], Ie = !0;
+					if (!He) q = [e, a], He = !0;
 					else {
-						let t = g(l, 280);
-						G = [G[0] + (e - G[0]) * t, G[1] + (a - G[1]) * t];
+						let t = b(c, 280);
+						q = [q[0] + (e - q[0]) * t, q[1] + (a - q[1]) * t];
 					}
 				}
 			}
 		}
-		let [S, se] = W, [ce, fe] = G, C = (e) => Y.x + (e - S) / (se - S) * Y.w, w = (e) => Y.y + Y.h - (e - ce) / (fe - ce) * Y.h, pe = Ie && M > 0, me = at(), he = h / (se - S) * Y.w, _e = r(j);
-		if (H) {
-			let e = H.canvas;
+		let [D, O] = K, [k, re] = q, A = (e) => Y.x + (e - D) / (O - D) * Y.w, j = (e) => Y.y + Y.h - (e - k) / (re - k) * Y.h, M = He && R > 0, se = mt(), ce = h / (O - D) * Y.w, le = M ? he(R / (re - k) * Y.h) : 1, ue = o(we);
+		if (W) {
+			let e = W.canvas;
 			e.style.left = `${Y.x}px`, e.style.top = `${Y.y}px`, e.style.width = `${Y.w}px`, e.style.height = `${Y.h}px`;
-			let t = Math.max(1, Math.round(Y.w * o)), n = Math.max(1, Math.round(Y.h * o));
-			(e.width !== t || e.height !== n) && H.resize(t, n);
-			let r = pe && Number.isFinite(P) ? it(S, se, ce, fe, v, l) : null, i = t / Y.w, a = n / Y.h, s = r ? [
-				(C(r.t0) - Y.x) * i,
-				(w(r.p1) - Y.y) * a,
-				(C(r.t1) - Y.x) * i,
-				(w(r.p0) - Y.y) * a
+			let t = Math.max(1, Math.round(Y.w * i)), n = Math.max(1, Math.round(Y.h * i));
+			(e.width !== t || e.height !== n) && W.resize(t, n);
+			let r = M && Number.isFinite(B) ? pt(D, O, k, re, y, c) : null;
+			r && (le = r.rowBins);
+			let a = t / Y.w, o = n / Y.h, s = r ? [
+				(A(r.t0) - Y.x) * a,
+				(j(r.p1) - Y.y) * o,
+				(A(r.t1) - Y.x) * a,
+				(j(r.p0) - Y.y) * o
 			] : [
 				0,
 				0,
 				0,
 				0
 			];
-			H.render(r, s, j);
-		} else t.fillStyle = _e, t.fillRect(Y.x, Y.y, Y.w, Y.h);
-		let ve = pe ? a(ce, fe, Math.max(2, Math.floor(Y.h / 44))) : [], ye = s(S, se, Math.max(2, Math.floor(Y.w / 75)), void 0, E.timeZone ?? "local");
-		t.strokeStyle = r(c.text, Ce ? .07 : .09), t.lineWidth = 1, t.beginPath();
-		for (let e of ve) {
-			let n = Math.round(w(e)) + .5;
-			t.moveTo(Y.x, n), t.lineTo(x, n);
-		}
-		for (let e of ye.values) {
-			let n = Math.round(C(e)) + .5;
-			n <= Y.x + 1 || n >= b - 1 || (t.moveTo(n, Y.y), t.lineTo(n, Y.y + Y.h));
-		}
-		t.stroke(), pe && (ct(t, me, C, w, he), E.bubbles !== !1 && lt(t, ot(me, he), C, w, d), y && ut(t, b, y, w, d)), t.strokeStyle = r(c.axis), t.lineWidth = 1, t.beginPath(), t.moveTo(0, Math.round(Y.y + Y.h) + .5), t.lineTo(n, Math.round(Y.y + Y.h) + .5), y && (t.moveTo(Math.round(b) + .5, Y.y), t.lineTo(Math.round(b) + .5, Y.y + Y.h)), t.moveTo(Math.round(x) + .5, Y.y), t.lineTo(Math.round(x) + .5, Y.y + Y.h), t.stroke();
-		let T = pe ? dt() : null;
-		t.font = f;
-		let be = T ? te(Number.isFinite(T.start) ? T.start : T.time, h < 1e3, E.timeZone) : "", xe = T ? t.measureText(be).width / 2 + 8 : 0;
-		t.fillStyle = r(c.textMuted), t.textAlign = "center", t.textBaseline = "top";
-		for (let e of ye.values) {
-			let n = C(e), r = ye.format(e), i = t.measureText(r).width / 2;
-			n - i < Y.x + 2 || n + i > b - 2 || T && Math.abs(n - T.hx) < xe + i || t.fillText(r, n, Y.y + Y.h + 6);
-		}
-		let A = Te, Se = [{
-			price: D.bestAsk(),
-			color: k.down,
+			W.render(r, s, we);
+		} else t.fillStyle = ue, t.fillRect(Y.x, Y.y, Y.w, Y.h);
+		let fe = M ? l(k, re, Math.max(2, Math.floor(Y.h / 44))) : [], pe = d(D, O, Math.max(2, Math.floor(Y.w / 75)), void 0, s.timeZone ?? "local");
+		t.strokeStyle = o(a.axis), t.lineWidth = 1, t.beginPath();
+		for (let e of fe) {
+			let n = Math.round(j(e)) + .5;
+			t.moveTo(E, n), t.lineTo(E + 4, n);
+		}
+		for (let e of pe.values) {
+			let n = Math.round(A(e)) + .5;
+			n <= Y.x + 1 || n >= T - 1 || (t.moveTo(n, Y.y + Y.h), t.lineTo(n, Y.y + Y.h + 4));
+		}
+		t.stroke(), M && (s.bubbles !== !1 && vt(t, ht(se, ce), A, j, f), _t(t, se, A, j, ce), C && bt(t, T, C, j, f, le)), t.strokeStyle = o(a.axis), t.lineWidth = 1, t.beginPath(), t.moveTo(0, Math.round(Y.y + Y.h) + .5), t.lineTo(n, Math.round(Y.y + Y.h) + .5), C && (t.moveTo(Math.round(T) + .5, Y.y), t.lineTo(Math.round(T) + .5, Y.y + Y.h)), t.moveTo(Math.round(E) + .5, Y.y), t.lineTo(Math.round(E) + .5, Y.y + Y.h), t.stroke(), s.legend !== !1 && wt(t, f);
+		let P = M ? xt(le) : null;
+		t.font = p;
+		let me = P ? ee(Number.isFinite(P.start) ? P.start : P.time, h < 1e3, s.timeZone) : "", ge = P ? t.measureText(me).width / 2 + 8 : 0;
+		t.fillStyle = o(a.textMuted), t.textAlign = "center", t.textBaseline = "top";
+		for (let e of pe.values) {
+			let n = A(e), r = pe.format(e), i = t.measureText(r).width / 2;
+			n - i < Y.x + 2 || n + i > T - 2 || P && Math.abs(n - P.hx) < ge + i || t.fillText(r, n, Y.y + Y.h + 6);
+		}
+		let _e = De, F = [{
+			price: N.bestAsk(),
+			color: L.down,
 			filled: !0
 		}, {
-			price: D.bestBid(),
-			color: k.up,
+			price: N.bestBid(),
+			color: L.up,
 			filled: !0
 		}];
-		A && A.price !== D.bestBid() && A.price !== D.bestAsk() && Se.push({
-			price: A.price,
-			color: A.side === "buy" ? k.up : k.down,
+		_e && _e.price !== N.bestBid() && _e.price !== N.bestAsk() && F.push({
+			price: _e.price,
+			color: _e.side === "buy" ? L.up : L.down,
 			filled: !1
 		});
-		let we = pe ? Se.filter((e) => Number.isFinite(e.price) && e.price >= ce && e.price <= fe) : [], F = T ? Math.round(w(T.rowPrice)) + .5 : NaN, L = de(we.map((e) => ({
-			y: w(e.price),
-			h: ge
-		})), T ? {
-			y: F,
-			h: ge
-		} : null, ve.map(w), d + 2, [Y.y, Y.y + Y.h]);
-		t.fillStyle = r(c.textMuted), t.textAlign = "left", t.textBaseline = "middle", ve.forEach((e, n) => {
-			L.ticks[n] && t.fillText(O.price(e), x + 6, w(e));
-		}), t.font = p, we.forEach((e, i) => {
-			let a = L.pinned[i];
-			if (a == null) return;
-			let o = w(e.price);
-			Math.abs(a - o) > 1 && (t.strokeStyle = r(e.color), t.lineWidth = 1, t.beginPath(), t.moveTo(x - 4, o), t.lineTo(x + 1, a), t.stroke()), ft(t, O.price(e.price), x + 1, a, n - x - 2, e.color, e.filled);
-		}), mt(t, C, w, x, u, T, F, be), t.font = f, Z.describe(`${E.ariaLabel ?? u.name}. ${u.bid} ${O.price(D.bestBid())}, ${u.ask} ${O.price(D.bestAsk())}.`);
-		let R = _ || qe() - Ee < 2e3;
-		return Fe && R && Number.isFinite(P) || Ie && K !== null && Math.abs(G[0] - K[0]) > 1e-9;
+		let ve = M ? F.filter((e) => Number.isFinite(e.price) && e.price >= k && e.price <= re) : [], ye = P ? Math.round(j(P.rowPrice)) + .5 : NaN, be = oe(ve.map((e) => ({
+			y: j(e.price),
+			h: de
+		})), P ? {
+			y: ye,
+			h: de
+		} : null, fe.map(j), f + 2, [Y.y, Y.y + Y.h]);
+		t.fillStyle = o(a.textMuted), t.textAlign = "left", t.textBaseline = "middle", fe.forEach((e, n) => {
+			be.ticks[n] && t.fillText(I.price(e), E + 6, j(e));
+		}), t.font = m, ve.forEach((e, r) => {
+			let i = be.pinned[r];
+			if (i == null) return;
+			let a = j(e.price);
+			Math.abs(i - a) > 1 && (t.strokeStyle = o(e.color), t.lineWidth = 1, t.beginPath(), t.moveTo(E - 4, a), t.lineTo(E + 1, i), t.stroke()), St(t, I.price(e.price), E + 1, i, n - E - 2, e.color, e.filled);
+		}), Et(t, A, j, E, u, P, ye, me), t.font = p, Z.describe(`${s.ariaLabel ?? u.name}. ${u.bid} ${I.price(N.bestBid())}, ${u.ask} ${I.price(N.bestAsk())}.`);
+		let xe = g || tt() - ke < 2e3;
+		return Ve && xe && Number.isFinite(B) || He && J !== null && Math.abs(q[0] - J[0]) > 1e-9;
 	}
-	function mt(e, t, n, i, a, o, s, c) {
-		let { theme: l } = Z;
-		if (!o) {
-			Z.tooltip.style.display = "none", ze && (ze = "", xe.emit("hover", null));
+	function Et(e, t, n, r, i, a, c, l) {
+		let { theme: u } = Z;
+		if (!a) {
+			Z.tooltip.style.display = "none", qe && (qe = "", F.emit("hover", null));
 			return;
 		}
-		let { hx: u, hy: d, time: f, start: p, column: h, bin: g, rowPrice: _ } = o, ne = $(), v = 0, re = NaN, ie = NaN, y = 0, oe = 0;
+		let { hx: d, hy: f, time: p, start: m, column: h, bucket: g, ry: _, low: y, high: b, rowPrice: te } = a, S = (e) => Math.floor(e / _) === g, ne = $(), C = 0, w = NaN, E = NaN, D = 0, O = 0;
 		if (h) {
-			for (let e = 0; e < h.bins.length; e++) h.bins[e] === g && (v += h.sizes[e]);
-			({bestBid: re, bestAsk: ie, buyVolume: y, sellVolume: oe} = h);
-		} else if (Number.isFinite(p)) {
-			let e = ["bid", "ask"].map((e) => D.levels(e, {
-				step: M,
-				limit: Ge()
-			}));
-			for (let t of e) for (let e = 0; e < t.count; e++) Math.round(t.price[e] / M) === g && (v += t.size[e]);
-			re = D.bestBid(), ie = D.bestAsk(), y = F.buyVolume, oe = F.sellVolume;
-		}
-		let b = _ <= re ? "bid" : _ >= ie ? "ask" : null;
-		if (e.strokeStyle = r(l.text, .5), e.lineWidth = 1, e.setLineDash([3, 3]), e.beginPath(), e.moveTo(Math.round(u) + .5, Y.y), e.lineTo(Math.round(u) + .5, Y.y + Y.h), e.moveTo(Y.x, s), e.lineTo(i, s), e.stroke(), e.setLineDash([]), Number.isFinite(p)) {
-			let i = t(p), a = t(p + ne), o = n(_ + M / 2), s = n(_ - M / 2);
-			e.strokeStyle = r(l.text, .85), e.strokeRect(i, o, Math.max(2, a - i), Math.max(2, s - o));
-		}
-		e.font = ee(l, E, 600, E.fontSize ?? (Z.width < 420 ? 10 : 11)), ft(e, O.price(_), i + 1, s, Z.width - i - 2, l.text, !0), ft(e, c, m(u, Y.x + 40, Y.x + Y.w - 40), Y.y + Y.h + ge / 2 + 2, Y.w, l.text, !0, "center");
-		let x = b === "bid" ? k.up : b === "ask" ? k.down : null;
-		ae(Be, Z.tooltip, {
-			text: te(Number.isFinite(p) ? p : f, !0, E.timeZone),
+			for (let e = 0; e < h.bins.length; e++) S(h.bins[e]) && (C += h.sizes[e]);
+			({bestBid: w, bestAsk: E, buyVolume: D, sellVolume: O} = h);
+		} else if (Number.isFinite(m)) {
+			let e = ft();
+			if (e) for (let t = 0; t < e.bins.length; t++) S(e.bins[t]) && (C += e.sizes[t]);
+			w = N.bestBid(), E = N.bestAsk(), D = V.buyVolume, O = V.sellVolume;
+		}
+		let k = b <= w ? "bid" : y >= E ? "ask" : null;
+		if (e.strokeStyle = o(u.text, .5), e.lineWidth = 1, e.setLineDash([3, 3]), e.beginPath(), e.moveTo(Math.round(d) + .5, Y.y), e.lineTo(Math.round(d) + .5, Y.y + Y.h), e.moveTo(Y.x, c), e.lineTo(r, c), e.stroke(), e.setLineDash([]), Number.isFinite(m)) {
+			let r = t(m), i = t(m + ne), a = n((g * _ + _ - .5) * R), s = n((g * _ - .5) * R);
+			e.strokeStyle = o(u.text, .85), e.strokeRect(r, a, Math.max(2, i - r), Math.max(2, s - a));
+		}
+		e.font = x(u, s, 600, s.fontSize ?? (Z.width < 420 ? 10 : 11)), St(e, I.price(te), r + 1, c, Z.width - r - 2, u.text, !0), St(e, l, v(d, Y.x + 40, Y.x + Y.w - 40), Y.y + Y.h + de / 2 + 2, Y.w, u.text, !0, "center");
+		let re = k === "bid" ? L.up : k === "ask" ? L.down : null;
+		T(Je, Z.tooltip, {
+			text: ee(Number.isFinite(m) ? m : p, !0, s.timeZone),
 			color: void 0,
-			badge: b && x ? {
-				text: b === "bid" ? a.bidSide : a.askSide,
-				color: r(x)
+			badge: k && re ? {
+				text: k === "bid" ? i.bidSide : i.askSide,
+				color: o(re)
 			} : void 0
 		}, [
-			[a.price, O.price(_)],
-			[a.liquidity, O.size(v)],
-			[a.buys, O.size(y)],
-			[a.sells, O.size(oe)]
-		]), Z.tooltip.style.display = "block", Z.placeTooltip(Z.tooltip, u, d, u > Y.w * .6 ? "left" : "right");
-		let S = `${p}|${g}|${v}|${y}|${oe}`;
-		if (S !== ze) {
-			ze = S;
+			[i.price, _ > 1 ? `${I.price(y)} – ${I.price(b)}` : I.price(te)],
+			[i.liquidity, it(I.size(C))],
+			[i.buys, it(I.size(D))],
+			[i.sells, it(I.size(O))]
+		]), Z.tooltip.style.display = "block", Z.placeTooltip(Z.tooltip, d, f, d > Y.w * .6 ? "left" : "right");
+		let A = `${m}|${g}|${_}|${C}|${D}|${O}`;
+		if (A !== qe) {
+			qe = A;
 			let e = {
-				time: Number.isFinite(p) ? p : f,
-				price: _,
-				size: v,
-				side: b,
-				buyVolume: y,
-				sellVolume: oe
+				time: Number.isFinite(m) ? m : p,
+				price: y,
+				priceHigh: b,
+				size: C,
+				side: k,
+				buyVolume: D,
+				sellVolume: O
 			};
-			xe.emit("hover", e);
+			F.emit("hover", e);
 		}
 	}
-	let ht = async (e = /* @__PURE__ */ new Set()) => {
-		let t = ++je, n = await b(E.renderer ?? "auto", () => {
-			let e = Be.createElement("canvas");
+	let Dt = async (e = /* @__PURE__ */ new Set()) => {
+		let t = ++Le, n = await O(s.renderer ?? "auto", () => {
+			let e = Je.createElement("canvas");
 			return Object.assign(e.style, {
 				position: "absolute",
 				left: "0",
@@ -644,151 +767,151 @@ var fe = 256, C = 4096, w = .98, pe = 1.4, me = [
 				pointerEvents: "none"
 			}), e.setAttribute("aria-hidden", "true"), e;
 		}, (t) => {
-			Me || H?.kind !== t || (H.destroy(), H.canvas.remove(), H = null, ht(/* @__PURE__ */ new Set([...e, t])));
+			Re || W?.kind !== t || (W.destroy(), W.canvas.remove(), W = null, Dt(/* @__PURE__ */ new Set([...e, t])));
 		}, e);
-		if (Me || t !== je) {
+		if (Re || t !== Le) {
 			n?.destroy();
 			return;
 		}
-		H && (H.destroy(), H.canvas.remove()), H = n, n ? (Q.dataset.renderer = n.kind, Q.insertBefore(n.canvas, Z.canvas), xe.emit("renderer", n.kind)) : delete Q.dataset.renderer, Ne(n?.kind ?? null), Z.invalidate();
-	}, gt = o(() => E.renderer, () => void ht()), _t = (e) => {
-		Fe !== e && (Fe = e, xe.emit("follow", e));
-	}, vt = (e) => {
-		let t = N.length ? N[0].time : P;
+		W && (W.destroy(), W.canvas.remove()), W = n, n ? (Q.dataset.renderer = n.kind, Q.insertBefore(n.canvas, Z.canvas), F.emit("renderer", n.kind)) : delete Q.dataset.renderer, ze(n?.kind ?? null), Z.invalidate();
+	}, Ot = u(() => s.renderer, () => void Dt()), kt = (e) => {
+		Ve !== e && (Ve = e, F.emit("follow", e));
+	}, At = (e) => {
+		let t = z.length ? z[0].time : B;
 		if (!Number.isFinite(t)) return e;
-		let n = e[1] - e[0], r = (Number.isFinite(J) ? J : Ke()) + $() + n / 2, i = Math.max(t - n / 2, Math.min(e[0], r - n));
+		let n = e[1] - e[0], r = (Number.isFinite(We) ? We : et()) + $() + n / 2, i = Math.max(t - n / 2, Math.min(e[0], r - n));
 		return [i, i + n];
-	}, yt = (e) => {
-		if (E.interactive === !1) return;
-		let [t, n] = ie(Q, e);
+	}, jt = (e) => {
+		if (s.interactive === !1) return;
+		let [t, n] = w(Q, e);
 		Q.setPointerCapture?.(e.pointerId), X = {
 			x: t,
 			y: n,
-			viewX: [...W],
-			viewY: [...G],
+			viewX: [...K],
+			viewY: [...q],
 			axis: t > Y.x + Y.w,
-			span: G[1] - G[0]
+			span: q[1] - q[0]
 		};
-	}, bt = (e) => {
-		let [t, n] = ie(Q, e);
-		if (Re = [t, n], X) {
+	}, Mt = (e) => {
+		let [t, n] = w(Q, e);
+		if (Ke = [t, n], X) {
 			let e = t - X.x, r = n - X.y;
 			if (X.axis) {
 				let e = X.span * Math.exp(r * .006), t = (X.viewY[0] + X.viewY[1]) / 2;
-				q = e, G = [t - e / 2, t + e / 2], K = [G[0], G[1]];
+				Ue = e, q = [t - e / 2, t + e / 2], J = [q[0], q[1]];
 			} else if (Math.abs(e) + Math.abs(r) > 3) {
-				_t(!1);
+				kt(!1);
 				let t = (X.viewX[1] - X.viewX[0]) / Y.w * e, n = (X.viewY[1] - X.viewY[0]) / Y.h * r;
-				W = vt([X.viewX[0] - t, X.viewX[1] - t]), G = [X.viewY[0] + n, X.viewY[1] + n];
+				K = At([X.viewX[0] - t, X.viewX[1] - t]), q = [X.viewY[0] + n, X.viewY[1] + n];
 			}
 		}
 		Z.invalidate();
-	}, xt = (e) => {
+	}, Nt = (e) => {
 		Q.releasePointerCapture?.(e.pointerId), X = null, Z.invalidate();
-	}, St = () => {
-		X || (Re = null, Z.invalidate());
-	}, Ct = (e, t) => {
-		let [n, r] = W, i = m((Fe ? U : r - n) * e, $() * 10, We());
-		if (U = i, !Fe) {
+	}, Pt = () => {
+		X || (Ke = null, Z.invalidate());
+	}, Ft = (e, t) => {
+		let [n, r] = K, i = v((Ve ? G : r - n) * e, $() * 10, Qe());
+		if (G = i, !Ve) {
 			let e = n + (t - Y.x) / Y.w * (r - n), a = (e - n) / (r - n);
-			W = vt([e - i * a, e + i * (1 - a)]);
+			K = At([e - i * a, e + i * (1 - a)]);
 		}
 		Z.invalidate();
-	}, wt = (e) => {
-		let t = m((G[1] - G[0]) * e, M * 6 || 1e-9, Infinity), n = (G[0] + G[1]) / 2;
-		q = t, G = [n - t / 2, n + t / 2], K = [G[0], G[1]], Z.invalidate();
-	}, Tt = (e) => {
-		if (E.interactive === !1 || !(e.ctrlKey || e.metaKey)) return;
+	}, It = (e) => {
+		let t = v((q[1] - q[0]) * e, R * 6 || 1e-9, Infinity), n = (q[0] + q[1]) / 2;
+		Ue = t, q = [n - t / 2, n + t / 2], J = [q[0], q[1]], Z.invalidate();
+	}, Lt = (e) => {
+		if (s.interactive === !1 || !(e.ctrlKey || e.metaKey)) return;
 		e.preventDefault();
-		let [t] = ie(Q, e), n = Math.exp(e.deltaY * .002);
-		e.shiftKey || t > Y.x + Y.w ? wt(n) : Ct(n, t);
-	}, Et = () => {
-		E.interactive !== !1 && kt.resetView();
-	}, Dt = (e) => {
-		if (E.interactive !== !1) {
+		let [t] = w(Q, e), n = Math.exp(e.deltaY * .002);
+		e.shiftKey || t > Y.x + Y.w ? It(n) : Ft(n, t);
+	}, Rt = () => {
+		s.interactive !== !1 && Vt.resetView();
+	}, zt = (e) => {
+		if (s.interactive !== !1) {
 			switch (e.key) {
 				case "+":
 				case "=":
-					Ct(.8, Y.x + Y.w);
+					Ft(.8, Y.x + Y.w);
 					break;
 				case "-":
-					Ct(1.25, Y.x + Y.w);
+					Ft(1.25, Y.x + Y.w);
 					break;
 				case "ArrowUp":
 				case "ArrowDown": {
 					if (e.shiftKey) {
-						wt(e.key === "ArrowUp" ? .8 : 1.25);
+						It(e.key === "ArrowUp" ? .8 : 1.25);
 						break;
 					}
-					_t(!1);
-					let t = (G[1] - G[0]) * .1 * (e.key === "ArrowUp" ? 1 : -1);
-					G = [G[0] + t, G[1] + t], Z.invalidate();
+					kt(!1);
+					let t = (q[1] - q[0]) * .1 * (e.key === "ArrowUp" ? 1 : -1);
+					q = [q[0] + t, q[1] + t], Z.invalidate();
 					break;
 				}
 				case "ArrowLeft":
 				case "ArrowRight": {
-					_t(!1);
-					let t = (W[1] - W[0]) * .1 * (e.key === "ArrowLeft" ? -1 : 1);
-					W = vt([W[0] + t, W[1] + t]), Z.invalidate();
+					kt(!1);
+					let t = (K[1] - K[0]) * .1 * (e.key === "ArrowLeft" ? -1 : 1);
+					K = At([K[0] + t, K[1] + t]), Z.invalidate();
 					break;
 				}
 				case "0":
 				case "Home":
-					kt.resetView();
+					Vt.resetView();
 					break;
 				default: return;
 			}
 			e.preventDefault();
 		}
 	};
-	Q.addEventListener("pointerdown", yt), Q.addEventListener("pointermove", bt), Q.addEventListener("pointerup", xt), Q.addEventListener("pointercancel", xt), Q.addEventListener("pointerleave", St), Q.addEventListener("wheel", Tt, { passive: !1 }), Q.addEventListener("dblclick", Et), Q.addEventListener("keydown", Dt);
-	let Ot = (e) => {
-		let t = tt(e.time);
-		D.count("bid") + D.count("ask") > 0 && (Ze(), et(t)), D.applyDelta(e);
-	}, kt = {
+	Q.addEventListener("pointerdown", jt), Q.addEventListener("pointermove", Mt), Q.addEventListener("pointerup", Nt), Q.addEventListener("pointercancel", Nt), Q.addEventListener("pointerleave", Pt), Q.addEventListener("wheel", Lt, { passive: !1 }), Q.addEventListener("dblclick", Rt), Q.addEventListener("keydown", zt);
+	let Bt = (e) => {
+		let t = ut(e.time);
+		N.count("bid") + N.count("ask") > 0 && (ot(), lt(t)), N.applyDelta(e);
+	}, Vt = {
 		setBook(e) {
-			let t = tt(e.time);
-			D.count("bid") + D.count("ask") > 0 && et(t), D.setSnapshot(e), Ze(), Ye(), Number.isFinite(P) || et(t), Z.invalidate();
+			let t = ut(e.time);
+			N.count("bid") + N.count("ask") > 0 && lt(t), N.setSnapshot(e), ot(), rt(), Number.isFinite(B) || lt(t), Z.invalidate();
 		},
 		applyDeltas(e) {
-			if (Array.isArray(e)) for (let t of e) Ot(t);
-			else Ot(e);
-			!Number.isFinite(P) && M > 0 && et(Ke()), Z.invalidate();
+			if (Array.isArray(e)) for (let t of e) Bt(t);
+			else Bt(e);
+			!Number.isFinite(B) && R > 0 && lt(et()), Z.invalidate();
 		},
 		addTrades(e) {
 			let t = Array.isArray(e) ? e : [e];
 			for (let e of t) {
 				if (!(e.size > 0) || !Number.isFinite(e.price)) continue;
-				Number.isFinite(I) && (tt(e.time), et(e.time));
-				let t = !Number.isFinite(P) || e.time >= P ? F : nt(e.time);
-				t && (e.side === "buy" ? (t.buyVolume += e.size, t.buyNotional += e.size * e.price) : (t.sellVolume += e.size, t.sellNotional += e.size * e.price)), (!Te || e.time >= Te.time) && (Te = e);
+				Number.isFinite(Oe) && (ut(e.time), lt(e.time));
+				let t = !Number.isFinite(B) || e.time >= B ? V : dt(e.time);
+				t && (e.side === "buy" ? (t.buyVolume += e.size, t.buyNotional += e.size * e.price) : (t.sellVolume += e.size, t.sellNotional += e.size * e.price)), (!De || e.time >= De.time) && (De = e);
 			}
 			Z.invalidate();
 		},
 		clear() {
-			D.clear(), Xe(), Te = null, I = NaN, M = 0, q = NaN, K = null, Ie = !1, Z.invalidate();
+			N.clear(), at(), De = null, Oe = NaN, R = 0, Ue = NaN, J = null, He = !1, Z.invalidate();
 		},
 		setOptions(e) {
-			let t = E;
-			E = e, Ue(), (e.tickSize !== t.tickSize || (e.interval ?? 100) !== (t.interval ?? 100)) && (Xe(), M = 0, q = NaN, Ze()), e.window !== t.window && (U = NaN), e.priceSpan !== t.priceSpan && (q = NaN), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && ht(), Je(), Ye(), Z.invalidate();
+			let t = s;
+			s = e, Ze(), (e.tickSize !== t.tickSize || (e.interval ?? 100) !== (t.interval ?? 100)) && (at(), R = 0, Ue = NaN, ot()), e.window !== t.window && (G = NaN), e.priceSpan !== t.priceSpan && (Ue = NaN), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && Dt(), nt(), rt(), Z.invalidate();
 		},
 		resetView() {
-			U = NaN, q = NaN, K = null, _t(!0), Z.invalidate();
+			G = NaN, Ue = NaN, J = null, kt(!0), Z.invalidate();
 		},
-		getRenderer: () => H?.kind ?? null,
-		ready: Pe,
-		getStore: () => D,
-		on: (e, t) => xe.on(e, t),
+		getRenderer: () => W?.kind ?? null,
+		ready: Be,
+		getStore: () => N,
+		on: (e, t) => F.on(e, t),
 		resize() {
 			Z.invalidate();
 		},
 		destroy() {
-			Me = !0, gt(), Q.removeEventListener("pointerdown", yt), Q.removeEventListener("pointermove", bt), Q.removeEventListener("pointerup", xt), Q.removeEventListener("pointercancel", xt), Q.removeEventListener("pointerleave", St), Q.removeEventListener("wheel", Tt), Q.removeEventListener("dblclick", Et), Q.removeEventListener("keydown", Dt), H?.destroy(), H = null, xe.clear(), Z.destroy(), Ne(null);
+			Re = !0, Ot(), Q.removeEventListener("pointerdown", jt), Q.removeEventListener("pointermove", Mt), Q.removeEventListener("pointerup", Nt), Q.removeEventListener("pointercancel", Nt), Q.removeEventListener("pointerleave", Pt), Q.removeEventListener("wheel", Lt), Q.removeEventListener("dblclick", Rt), Q.removeEventListener("keydown", zt), W?.destroy(), W = null, F.clear(), Z.destroy(), ze(null);
 		}
 	};
-	return Ue(), Je(), ht(), kt;
+	return Ze(), nt(), Dt(), Vt;
 };
 //#endregion
-export { T as createOrderBookHeatmap, ye as heatIntensity };
+export { L as createOrderBookHeatmap, ye as heatCurve, _e as heatIntensity, me as positionedRamp, he as rowBucket, ve as sizeCdf };
 
 //# sourceMappingURL=heatmap.js.map