minerva-design 1.4.0 → 1.5.0

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

@@ -1,31 +1,33 @@
-import { luminance as e, packColor as t, rampColor as n, toCss as r } from "../color.js";
-import { GAP as i } from "../renderers/types.js";
-import { localeLabels as a } from "../locale.js";
-import { linearTicks as o } from "../scale.js";
-import { createRenderer as s } from "../renderers/detect.js";
-import { timeTicks as c } from "../time.js";
-import { createOrderBookStore as l, decimalsOf as u, inferPriceDecimals as d, inferSizeDecimals as f, inferTickSize as ee, roundToStep as te } from "./book.js";
-import { clamp as p, createFormatters as m, ease as ne, fontOf as re, formatClock as ie, roundRect as ae, sideColors as h } from "./format.js";
-import { createEmitter as g, createHost as _, localPoint as v, tooltipHtml as oe } from "./host.js";
+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 { createRenderer as o } from "../renderers/detect.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 re, createHost as ie, localPoint as v, tooltipHtml as ae } from "./host.js";
+import { fitPriceRange as oe, fitTimeRange as se, layoutAxisLabels as ce, niceCeil as y } from "./layout.js";
 //#region src/engine/orderbook/heatmap.ts
-var y = 32, b = 128, x = [
-	"#0b2a4f",
-	"#12508f",
-	"#1c7fd0",
-	"#25b3d6",
-	"#4fd6a0",
-	"#e9e35a",
-	"#ffa23d",
-	"#ff5533"
-], S = [
-	"#dbeafe",
-	"#93c5fd",
-	"#3b82f6",
-	"#4338ca",
-	"#9333ea",
-	"#db2777",
-	"#f97316"
-], C = {
+var le = 32, b = 128, x = [
+	"#0b2140",
+	"#0f3a70",
+	"#1259a3",
+	"#1585bd",
+	"#1fb3b0",
+	"#62cf73",
+	"#d9e04a",
+	"#ffb23a",
+	"#ff6a33"
+], ue = [
+	"#dfecfb",
+	"#b3d2f5",
+	"#79abe8",
+	"#4580d6",
+	"#3b54b8",
+	"#5a33a0",
+	"#962a86",
+	"#cf2f55"
+], de = 16, fe = 6, S = {
 	en: {
 		time: "Time",
 		price: "Price",
@@ -66,7 +68,7 @@ var y = 32, b = 128, x = [
 		ask: "Meilleure vente",
 		name: "Carte de chaleur de la liquidité"
 	}
-}, w = (e, t, n, r) => {
+}, pe = (e, t, n, r) => {
 	if (!(e > 0) || !(t > 0)) return 0;
 	let i = Math.min(1, e * r / t);
 	switch (n) {
@@ -74,8 +76,8 @@ var y = 32, b = 128, x = [
 		case "sqrt": return Math.sqrt(i);
 		default: return Math.log10(1 + 9 * i);
 	}
-}, T = (T, E = {}) => {
-	let D = E, O = l(), k = g(), A = m(D, 2, 4), j = {
+}, C = (C, w = {}) => {
+	let T = w, E = c(), D = re(), O = h(T, 2, 4), k = {
 		up: [
 			0,
 			0,
@@ -88,65 +90,84 @@ var y = 32, b = 128, x = [
 			0,
 			1
 		]
-	}, M = new Uint32Array(b), N = 0, P = [], se = 0, F = NaN, I = {
+	}, me = new Uint32Array(b), he = [
+		0,
+		0,
+		0,
+		1
+	], ge = !1, A = 0, j = [], _e = 0, M = NaN, N = {
 		buyVolume: 0,
 		buyNotional: 0,
 		sellVolume: 0,
 		sellNotional: 0
-	}, L = null, R = NaN, ce = 0, le = 0, ue = 0, z = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Set(), de = 0, fe = null, pe = -1, V = {
+	}, ve = null, P = NaN, ye = 0, F = 0, I = 0, L = 0, R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Set(), be = 0, B = null, V = -1, xe = {
 		x: NaN,
 		y: NaN
-	}, H = null, me = 0, he = !1, ge = () => {}, _e = new Promise((e) => {
-		ge = e;
-	}), U = !0, W = NaN, G = [0, 1], K = [0, 1], q = NaN, J = NaN, ve = !1, ye = 0, Y = {
+	}, H = null, Se = 0, Ce = !1, we = () => {}, Te = new Promise((e) => {
+		we = e;
+	}), Ee = !0, U = NaN, W = [0, 1], G = [0, 1], De = !1, K = null, q = NaN, J = NaN, Oe = 0, Y = {
 		x: 0,
 		y: 0,
 		w: 0,
 		h: 0
-	}, be = null, xe = "", X = null, Z = _(T, {
+	}, ke = null, Ae = "", X = null, Z = ie(C, {
 		className: "minerva-orderbook-heatmap",
-		draw: Je,
+		draw: ct,
 		onTheme: () => {
-			Ae(), Me();
+			ze(), Ve();
 		}
-	}), { root: Q, doc: Se } = Z;
+	}), { root: Q, doc: je } = Z;
 	Q.tabIndex = 0, Q.setAttribute("role", "figure"), Q.style.touchAction = "none";
-	let Ce = a(C, D.locale, D.labels), we = () => Ce, Te = () => {
-		Ce = a(C, D.locale, D.labels), Q.setAttribute("aria-label", D.ariaLabel ?? Ce.name);
-	}, $ = () => Math.max(10, D.interval ?? 100), Ee = () => Math.max($() * 4, D.history ?? 3e5), De = () => Math.max(4, Math.round(D.depth ?? 160)), Oe = () => {
-		if (!Number.isFinite(R)) return Date.now();
-		let e = ke() - ce;
-		return R + Math.min(Math.max(0, e), $() * 3);
-	}, ke = () => typeof performance < "u" ? performance.now() : Date.now();
-	function Ae() {
+	let Me = i(S, T.locale, T.labels), Ne = () => Me, Pe = () => {
+		Me = i(S, T.locale, T.labels), Q.setAttribute("aria-label", T.ariaLabel ?? Me.name);
+	}, $ = () => Math.max(10, T.interval ?? 100), Fe = () => Math.max($() * 4, T.history ?? 3e5), Ie = () => Math.max(4, Math.round(T.depth ?? 160)), Le = () => {
+		if (!Number.isFinite(P)) return Date.now();
+		let e = Re() - ye;
+		return P + Math.min(Math.max(0, e), $() * 3);
+	}, Re = () => typeof performance < "u" ? performance.now() : Date.now();
+	function ze() {
 		let r = Z.theme;
-		j = h(r, D);
-		let i = (e) => r.resolve ? r.resolve(e, r.primary) : r.primary, a = e(r.background) < .4, o = [r.background, ...(D.colors?.length ? D.colors : a ? x : S).map(i)];
-		M = new Uint32Array(b);
-		for (let e = 0; e < b; e++) {
-			let r = n(o, e / 127);
-			M[e] = t([
-				r[0],
-				r[1],
-				r[2],
+		k = ne(r, T);
+		let i = (e) => {
+			let t = r.resolve ? r.resolve(e, r.primary) : r.primary;
+			return [
+				t[0],
+				t[1],
+				t[2],
 				1
-			]);
-		}
+			];
+		}, a = [
+			r.background[0],
+			r.background[1],
+			r.background[2],
+			1
+		];
+		ge = r.background[3] > 0 && e(a) < .4, he = ge ? t(a, [
+			0,
+			0,
+			0,
+			1
+		], .4) : t(a, [
+			r.text[0],
+			r.text[1],
+			r.text[2],
+			1
+		], .02), me = n([he, ...(T.colors?.length ? T.colors : ge ? x : ue).map(i)], b);
 	}
-	let je = () => {
-		A = m(D, N > 0 ? Math.max(u(N), d(O)) : d(O), f(O));
-	}, Me = () => {
-		for (let e of z.keys()) B.add(e);
-		pe = -1, Z.invalidate();
-	}, Ne = () => {
-		P = [], z.clear(), B.clear(), fe = null, pe = -1, F = NaN, V = {
+	let Be = () => {
+		O = h(T, A > 0 ? Math.max(l(A), u(E)) : u(E), d(E));
+	}, Ve = () => {
+		for (let e of R.keys()) z.add(e);
+		V = -1, Z.invalidate();
+	}, He = () => {
+		j = [], R.clear(), z.clear(), B = null, V = -1, M = NaN, xe = {
 			x: NaN,
 			y: NaN
-		}, le = 0, ue = 0, I.buyVolume = I.buyNotional = I.sellVolume = I.sellNotional = 0;
-	}, Pe = () => {
-		if (N > 0) return;
-		let e = ee(O), t = O.mid();
-		if (D.tickSize && D.tickSize > 0) N = D.tickSize;
+		}, F = 0, I = 0, J = NaN, N.buyVolume = N.buyNotional = N.sellVolume = N.sellNotional = 0;
+	}, Ue = () => {
+		if (A > 0) return;
+		let e = f(E), t = E.mid();
+		if (T.tickSize && T.tickSize > 0) A = T.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 [
@@ -154,20 +175,20 @@ var y = 32, b = 128, x = [
 				2,
 				5
 			]) if (r = t * e, r >= n * .75) break;
-			N = te(e * r, e);
-		} else N = Number.isFinite(t) ? Math.max(1e-8, t * 1e-5) : 0;
-		N > 0 && je();
-	}, Fe = () => {
-		let e = De(), t = new Float64Array(e * 2), n = new Float32Array(e * 2), r = 0, i = [
+			A = p(e * r, e);
+		} else A = Number.isFinite(t) ? Math.max(1e-8, t * 1e-5) : 0;
+		A > 0 && Be();
+	}, We = () => {
+		let e = Ie(), t = new Float64Array(e * 2), n = new Float32Array(e * 2), r = 0, i = [
 			0,
 			0,
 			0,
 			0
 		];
 		for (let i of ["bid", "ask"]) {
-			let a = O.count(i), o = 0;
+			let a = E.count(i), o = 0;
 			for (let s = 0; s < a; s++) {
-				let a = Math.round(O.priceAt(i, s) / N), c = O.sizeAt(i, s);
+				let a = Math.round(E.priceAt(i, s) / A), c = E.sizeAt(i, s);
 				if (r > 0 && t[r - 1] === a && o > 0) {
 					n[r - 1] += c;
 					continue;
@@ -185,86 +206,86 @@ var y = 32, b = 128, x = [
 			sizes: n.subarray(0, r),
 			reference: i[3] || i[0]
 		};
-	}, Ie = (e) => {
-		if (!(N > 0)) return;
-		let { bins: t, sizes: n, reference: r } = Fe(), i = {
-			seq: se++,
+	}, Ge = (e) => {
+		if (!(A > 0)) return;
+		let { bins: t, sizes: n, reference: r } = We(), i = {
+			seq: _e++,
 			time: e,
 			bins: t,
 			sizes: n,
-			bestBid: O.bestBid(),
-			bestAsk: O.bestAsk(),
-			buyVolume: I.buyVolume,
-			buyNotional: I.buyNotional,
-			sellVolume: I.sellVolume,
-			sellNotional: I.sellNotional,
+			bestBid: E.bestBid(),
+			bestAsk: E.bestAsk(),
+			buyVolume: N.buyVolume,
+			buyNotional: N.buyNotional,
+			sellVolume: N.sellVolume,
+			sellNotional: N.sellNotional,
 			reference: r
 		};
-		if (I.buyVolume = I.buyNotional = I.sellVolume = I.sellNotional = 0, P.push(i), B.add(Math.floor(i.seq / y)), D.maxSize === void 0) {
-			let e = P.slice(-100), t = 0;
+		if (N.buyVolume = N.buyNotional = N.sellVolume = N.sellNotional = 0, j.push(i), z.add(Math.floor(i.seq / le)), T.maxSize === void 0) {
+			let e = j.slice(-100), t = 0;
 			for (let n of e) t += n.reference;
 			let n = t / e.length * 1.6;
-			if (!(le > 0) || Math.abs(n / le - 1) > .3) {
-				le = n;
-				for (let e of z.keys()) B.add(e);
-				pe = -1;
+			if (!(F > 0) || Math.abs(n / F - 1) > .3) {
+				F = n;
+				for (let e of R.keys()) z.add(e);
+				V = -1;
 			}
 		}
-		let a = e - Ee(), o = 0;
-		for (; o < P.length && P[o].time < a;) o++;
+		let a = e - Fe(), o = 0;
+		for (; o < j.length && j[o].time < a;) o++;
 		if (o) {
-			P = P.slice(o);
-			let e = P[0] ? Math.floor(P[0].seq / y) : Infinity;
-			for (let t of [...z.keys()]) t < e && z.delete(t);
+			j = j.slice(o);
+			let e = j[0] ? Math.floor(j[0].seq / le) : Infinity;
+			for (let t of [...R.keys()]) t < e && R.delete(t);
 		}
-	}, Le = (e) => {
+	}, Ke = (e) => {
 		if (!Number.isFinite(e)) return;
 		let t = $();
-		if (!Number.isFinite(F)) {
-			F = Math.floor(e / t) * t;
+		if (!Number.isFinite(M)) {
+			M = Math.floor(e / t) * t;
 			return;
 		}
-		if (e - F > Ee()) {
-			Ie(F), F = Math.floor(e / t) * t;
+		if (e - M > Fe()) {
+			Ge(M), M = Math.floor(e / t) * t;
 			return;
 		}
-		for (; e >= F + t;) Ie(F), F += t;
-	}, Re = (e) => e === void 0 || !Number.isFinite(e) ? Date.now() : ((!Number.isFinite(R) || e >= R) && (R = e, ce = ke()), e), ze = (e) => {
-		let t = 0, n = P.length - 1, r = $();
+		for (; e >= M + t;) Ge(M), M += t;
+	}, qe = (e) => e === void 0 || !Number.isFinite(e) ? Date.now() : ((!Number.isFinite(P) || e >= P) && (P = e, ye = Re()), e), Je = (e) => {
+		let t = 0, n = j.length - 1, r = $();
 		for (; t <= n;) {
-			let i = t + n >>> 1, a = P[i];
+			let i = t + n >>> 1, a = j[i];
 			if (e < a.time) n = i - 1;
 			else if (e >= a.time + r) t = i + 1;
 			else return a;
 		}
 		return null;
-	}, Be = () => {
-		if (Number.isFinite(V.x)) return;
-		let e = O.mid();
-		V = {
-			x: Number.isFinite(F) ? F : 0,
+	}, Ye = () => {
+		if (Number.isFinite(xe.x)) return;
+		let e = E.mid();
+		xe = {
+			x: Number.isFinite(M) ? M : 0,
 			y: Number.isFinite(e) ? e : 0
 		};
-	}, Ve = (e) => {
-		let t = w(e, D.maxSize ?? le, D.colorScale ?? "log", Math.max(.01, D.contrast ?? 1));
+	}, Xe = (e) => {
+		let t = pe(e, T.maxSize ?? F, T.colorScale ?? "log", Math.max(.01, T.contrast ?? 1));
 		return Math.round(t * 127);
-	}, He = (e, t) => {
+	}, Ze = (e, t) => {
 		let n = $(), r = 0;
-		for (let e of t) for (let t = 0; t < e.sizes.length; t++) Ve(e.sizes[t]) > 0 && r++;
-		let i = /* @__PURE__ */ new ArrayBuffer(Math.max(1, r) * 16), a = new Float32Array(i), o = new Uint32Array(i), s = 0, c = N / 2 * 1.06;
+		for (let e of t) for (let t = 0; t < e.sizes.length; t++) Xe(e.sizes[t]) > 0 && r++;
+		let i = /* @__PURE__ */ new ArrayBuffer(Math.max(1, r) * 16), a = new Float32Array(i), o = new Uint32Array(i), s = 0, c = A / 2 * 1.06;
 		for (let e of t) {
-			let t = e.time + n / 2 - V.x;
+			let t = e.time + n / 2 - xe.x;
 			for (let n = 0; n < e.sizes.length; n++) {
-				let r = Ve(e.sizes[n]);
+				let r = Xe(e.sizes[n]);
 				if (r <= 0) continue;
-				let i = e.bins[n] * N - V.y;
-				a[s * 4] = t, a[s * 4 + 1] = i - c, a[s * 4 + 2] = i + c, o[s * 4 + 3] = M[r], s++;
+				let i = e.bins[n] * A - xe.y;
+				a[s * 4] = t, a[s * 4 + 1] = i - c, a[s * 4 + 2] = i + c, o[s * 4 + 3] = me[r], s++;
 			}
 		}
 		return {
 			kind: "bar",
 			key: e,
-			version: ++de,
+			version: ++be,
 			color: [
 				1,
 				1,
@@ -279,278 +300,371 @@ var y = 32, b = 128, x = [
 			minHalf: 0,
 			sorted: !0
 		};
-	}, Ue = () => {
-		if (B.size) {
+	}, Qe = () => {
+		if (z.size) {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of P) {
-				let n = Math.floor(t.seq / y);
-				if (!B.has(n)) continue;
+			for (let t of j) {
+				let n = Math.floor(t.seq / le);
+				if (!z.has(n)) continue;
 				let r = e.get(n);
 				r || e.set(n, r = []), r.push(t);
 			}
-			for (let t of B) {
+			for (let t of z) {
 				let n = e.get(t);
-				n ? z.set(t, He(`heat:${t}`, n)) : z.delete(t);
+				n ? R.set(t, Ze(`heat:${t}`, n)) : R.delete(t);
 			}
-			B.clear();
+			z.clear();
 		}
-		return [...z.values()];
-	}, We = () => {
-		let e = $(), t = [], n = 0, r = P.length;
+		return [...R.values()];
+	}, $e = () => {
+		let e = $(), t = [], n = 0, r = j.length;
 		for (; n < r;) {
 			let t = n + r >>> 1;
-			P[t].time + e < G[0] ? n = t + 1 : r = t;
+			j[t].time + e < W[0] ? n = t + 1 : r = t;
 		}
-		for (let e = n; e < P.length; e++) {
-			let n = P[e];
-			if (n.time > G[1]) break;
+		for (let e = n; e < j.length; e++) {
+			let n = j[e];
+			if (n.time > W[1]) break;
 			t.push(n);
 		}
 		return t;
-	}, Ge = (e) => {
-		if (D.bubbles === !1) return null;
-		let n = $(), r = [], i = (e, t, i, a) => {
-			t > 0 && r.push([
-				e + n / 2,
-				i / t,
-				t,
-				a
-			]);
+	}, et = (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,
+			sn: 0
+		}, l = () => {
+			let e = (o + s) / 2;
+			c.sv > 0 && i.push({
+				time: e,
+				price: c.sn / c.sv,
+				volume: c.sv,
+				buy: !1
+			}), c.bv > 0 && i.push({
+				time: e,
+				price: c.bn / c.bv,
+				volume: c.bv,
+				buy: !0
+			}), c.bv = c.bn = c.sv = c.sn = 0;
+		}, u = (e, t, i) => {
+			let u = Math.floor(e / r);
+			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) i(t.time, t.sellVolume, t.sellNotional, !1), i(t.time, t.buyVolume, t.buyNotional, !0);
-		if (Number.isFinite(F) && (i(F, I.sellVolume, I.sellNotional, !1), i(F, I.buyVolume, I.buyNotional, !0)), !r.length) return null;
-		let a = 0;
-		for (let e of r) a = Math.max(a, e[2]);
-		ue = ue > 0 ? Math.max(a, ue * .995) : a;
-		let o = D.bubbleVolume ?? ue, s = Math.max(4, D.bubbleSize ?? 28), c = /* @__PURE__ */ new ArrayBuffer(r.length * 16), l = new Float32Array(c), u = new Uint32Array(c), d = t([
-			j.up[0],
-			j.up[1],
-			j.up[2],
-			.78
-		]), f = t([
-			j.down[0],
-			j.down[1],
-			j.down[2],
-			.78
+		for (let t of e) u(t.seq, t.time, t);
+		return Number.isFinite(M) && M <= W[1] && u(_e, M, N), Number.isFinite(a) && l(), i;
+	}, tt = (e) => {
+		e.save(), e.beginPath(), e.rect(Y.x, Y.y, Y.w, Y.h), e.clip();
+	}, nt = (e, t, n, i, a) => {
+		if (T.bestLines === !1) return;
+		let o = $(), s = t.map((e) => [
+			e.time,
+			e.bestBid,
+			e.bestAsk
 		]);
-		return r.forEach(([e, t, n, r], i) => {
-			l[i * 4] = e - V.x, l[i * 4 + 1] = t - V.y, l[i * 4 + 2] = p(Math.sqrt(n / o) * s, 3, s), u[i * 4 + 3] = r ? d : f;
-		}), {
-			kind: "scatter",
-			key: "trades",
-			version: ++de,
-			color: j.up,
-			instances: c,
-			count: r.length,
-			opacity: 1,
-			stroke: 1.25
-		};
-	}, Ke = (e) => {
-		if (D.bestLines === !1) return [];
-		let t = $(), n = (n, r, a) => {
-			let o = e.length + +!!Number.isFinite(F), s = new Float32Array(o * 4), c = (e, n, r) => {
-				let a = Number.isFinite(r) ? r - V.y : i;
-				s[e * 4] = n - V.x, s[e * 4 + 1] = a, s[e * 4 + 2] = n + t - V.x, s[e * 4 + 3] = a;
-			};
-			if (e.forEach((e, t) => c(t, e.time, r(e))), Number.isFinite(F)) {
-				let t = n === "bid" ? O.bestBid() : O.bestAsk();
-				c(e.length, F, t);
+		if (Number.isFinite(M) && s.push([
+			M,
+			E.bestBid(),
+			E.bestAsk()
+		]), !s.length) return;
+		let c = a >= 2;
+		tt(e), e.beginPath();
+		for (let [t, r, a] of s) {
+			if (!Number.isFinite(r) || !Number.isFinite(a) || !(a > r)) continue;
+			let s = n(t), c = i(a);
+			e.rect(s, c, n(t + o) - s, i(r) - c);
+		}
+		e.fillStyle = r(Z.theme.text, ge ? .07 : .06), e.fill(), e.lineJoin = "round";
+		for (let [t, a] of [[1, k.up], [2, k.down]]) {
+			e.beginPath();
+			let l = !1;
+			for (let r of s) {
+				let a = r[t];
+				if (!Number.isFinite(a)) {
+					l = !1;
+					continue;
+				}
+				let s = i(a), u = n(r[0]), d = n(r[0] + o);
+				c ? (l ? e.lineTo(u, s) : e.moveTo(u, s), e.lineTo(d, s)) : l ? e.lineTo((u + d) / 2, s) : e.moveTo((u + d) / 2, s), l = !0;
+			}
+			e.strokeStyle = r(he, .55), e.lineWidth = 3.5, e.stroke(), e.strokeStyle = r(a), e.lineWidth = 1.5, e.stroke();
+		}
+		e.restore();
+	}, rt = (e, n, i, a, o) => {
+		if (!n.length) return;
+		let s = 0;
+		for (let e of n) s = Math.max(s, e.volume);
+		I = I > 0 ? Math.max(s, I * .995) : s;
+		let c = T.bubbleVolume ?? I, l = Math.max(4, T.bubbleSize ?? 28), u = n.map((e) => ({
+			...e,
+			d: m(Math.sqrt(e.volume / c) * l, 3, l)
+		})).sort((e, t) => e.d - t.d);
+		tt(e), e.lineWidth = 1.25, e.textAlign = "center", e.textBaseline = "middle", e.font = ee(Z.theme, T, 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));
+			}
+		}
+		e.restore();
+	}, it = (e, t, n, i, a) => {
+		let o = Z.theme, [s, c] = G, l = Math.max(1, A / (c - s) * Y.h), u = 0, d = ["bid", "ask"].map((e) => {
+			let t = E.levels(e, {
+				step: A,
+				limit: Ie()
+			});
+			for (let e = 0; e < t.count; e++) {
+				let n = t.price[e];
+				n >= s && n <= c && (u = Math.max(u, t.size[e]));
 			}
 			return {
-				kind: "line",
-				key: `best:${n}`,
-				version: ++de,
-				color: a,
-				points: s,
-				count: o * 2,
-				width: 1.5,
-				sorted: !0
+				side: e,
+				...t
 			};
-		};
-		return [n("bid", (e) => e.bestBid, j.up), n("ask", (e) => e.bestAsk, j.down)];
-	}, qe = () => {
-		if (!Number.isFinite(F) || !(N > 0)) return null;
-		let e = O.version();
-		if (fe && pe === e) return fe;
-		let { bins: t, sizes: n } = Fe();
-		return fe = He("heat:head", [{
-			time: F,
+		});
+		if ((u > L || u < L * .35 || !(L > 0)) && (L = y(u)), !(L > 0)) return;
+		let f = t + 3, p = n - 9;
+		e.strokeStyle = r(o.text, .09), e.lineWidth = 1, e.setLineDash([2, 3]), e.beginPath();
+		for (let t of [.5, 1]) {
+			let n = Math.round(f + p * t) + .5;
+			e.moveTo(n, Y.y), e.lineTo(n, Y.y + Y.h);
+		}
+		e.stroke(), e.setLineDash([]);
+		let m = +(l > 3), h = Math.max(1, l - m);
+		for (let { side: t, price: n, size: a, count: o } of d) {
+			let u = t === "bid" ? k.up : k.down;
+			e.beginPath();
+			for (let t = 1; t < o; t++) {
+				let r = n[t];
+				if (r < s || r > c) continue;
+				let o = Math.max(1, Math.min(p, a[t] / L * p));
+				e.rect(f, i(r) - l / 2 + m / 2, o, h);
+			}
+			e.fillStyle = r(u, .55), e.fill();
+			let d = n[0];
+			if (o && d !== void 0 && d >= s && d <= c) {
+				let t = Math.max(1, Math.min(p, a[0] / L * p));
+				e.fillStyle = r(u, .95), e.fillRect(f, i(d) - l / 2 + m / 2, t, h);
+			}
+		}
+		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);
+		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, T, 400, Math.max(8, a - 1)), e.fillStyle = r(o.textMuted), e.textBaseline = "top";
+		let te = O.compact(L), _ = 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));
+	}, at = () => {
+		if (!Number.isFinite(M) || !(A > 0)) return null;
+		let e = E.version();
+		if (B && V === e) return B;
+		let { bins: t, sizes: n } = We();
+		return B = Ze("heat:head", [{
+			time: M,
 			bins: t,
 			sizes: n
-		}]), pe = e, fe;
+		}]), V = e, B;
+	}, ot = () => {
+		if (!ke || T.tooltip === !1 || !(A > 0) || X || !De) return null;
+		let [e, t] = ke;
+		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 / A), u = +(c * A).toFixed(Math.min(12, l(A) + 2)), d = Je(o);
+		return {
+			hx: e,
+			hy: t,
+			time: o,
+			start: d ? d.time : Number.isFinite(M) && o >= M ? M : NaN,
+			column: d,
+			bin: c,
+			rowPrice: u
+		};
+	}, st = (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 : he), _(t, d, a - de / 2, u, de, 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);
 	};
-	function Je(e) {
+	function ct(e) {
 		let t = Z.ctx;
 		if (!t) return !1;
-		let { width: n, height: i, dpr: a, theme: s } = Z, l = ye ? e - ye : 0;
-		ye = e;
-		let u = we(), d = D.fontSize ?? (n < 420 ? 10 : 11), f = $(), ee = !Number.isFinite(R);
-		ee && O.count("bid") + O.count("ask") > 0 && Le(Date.now());
-		let te = Oe();
-		t.setTransform(a, 0, 0, a, 0, 0), t.clearRect(0, 0, n, i), t.font = re(s, D, 400, d);
-		let m = O.mid(), ie = A.price(Number.isFinite(m) ? m * 1.0001 : 0), h = Math.ceil(t.measureText(ie).width) + 16, g = D.profile === !1 ? 0 : Math.round(p(n * .1, 36, 84)), _ = d + 12;
-		if (Y = {
+		let { width: n, height: i, dpr: o, theme: c } = Z, l = Oe ? e - Oe : 0;
+		Oe = e;
+		let u = Ne(), d = T.fontSize ?? (n < 420 ? 10 : 11), f = ee(c, T, 400, d), p = ee(c, T, 600, d), h = $(), _ = !Number.isFinite(P);
+		_ && E.count("bid") + E.count("ask") > 0 && Ke(Date.now());
+		let ne = Le();
+		J = Number.isFinite(J) && ne > J - h * 4 ? Math.max(J, ne) : ne;
+		let re = J;
+		t.setTransform(o, 0, 0, o, 0, 0), t.clearRect(0, 0, n, i), Ue();
+		let ie = E.mid();
+		t.font = p;
+		let v = O.price(Number.isFinite(ie) ? ie * 1.0001 : 0), ae = Math.ceil(t.measureText(v).width) + 18;
+		t.font = f;
+		let y = T.profile === !1 ? 0 : Math.round(m(n * .11, 44, 96)), le = d + 12;
+		Y = {
 			x: 0,
 			y: 0,
-			w: Math.max(10, n - h - g),
-			h: Math.max(10, i - _)
-		}, Number.isFinite(W) || (W = Math.max(f * 10, D.window ?? 6e4)), (!Number.isFinite(J) || J <= 0) && (Pe(), J = D.priceSpan ?? (N > 0 ? N * 60 : NaN)), U) {
-			let e = te + f * 1.5;
-			G = [e - W, e];
-			let t = O.bestBid(), n = O.bestAsk();
+			w: Math.max(10, n - ae - y),
+			h: Math.max(10, i - le)
+		};
+		let b = Y.x + Y.w, x = b + y;
+		if (Number.isFinite(U) || (U = Math.max(h * 10, T.window ?? 6e4)), Ee) {
+			let e = j.length ? j[0].time : M;
+			W = se(e, re, U, Math.min(U, h * 60));
+			let t = E.bestBid(), n = E.bestAsk();
+			for (let e of $e()) 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);
-			for (let e of We()) e.bestBid < t && (t = e.bestBid), e.bestAsk > n && (n = e.bestAsk);
-			if (Number.isFinite(t) && Number.isFinite(n)) {
-				let e = Number.isFinite(q) ? ne(l, 260) : 1, r = (t + n) / 2;
-				if (q = Number.isFinite(q) ? q + (r - q) * e : r, !ve && D.priceSpan === void 0 && N > 0) {
-					let r = Math.max(N * 60, (n - t) * 1.5);
-					J += (r - J) * e;
+			let r = A > 0 ? A * Math.max(40, Y.h / 6) : 0, i = T.priceSpan ?? (Number.isFinite(q) ? q : void 0);
+			if (r > 0 || i !== void 0) {
+				K = oe(K, t, n, r, i);
+				let [e, a] = K;
+				if (Number.isFinite(e) && Number.isFinite(a)) {
+					if (!De) G = [e, a], De = !0;
+					else {
+						let t = g(l, 280);
+						G = [G[0] + (e - G[0]) * t, G[1] + (a - G[1]) * t];
+					}
 				}
-			} else Number.isFinite(m) && (q = Number.isFinite(q) ? q + (m - q) * ne(l, 220) : m);
-			Number.isFinite(q) && Number.isFinite(J) && (K = [q - J / 2, q + J / 2]);
+			}
 		}
-		let [v, oe] = G, [y, b] = K, x = (e) => Y.x + (e - v) / (oe - v) * Y.w, S = (e) => Y.y + Y.h - (e - y) / (b - y) * Y.h, C = We();
-		if (H && N > 0) {
-			Be();
+		let [ue, fe] = W, [S, pe] = G, C = (e) => Y.x + (e - ue) / (fe - ue) * Y.w, w = (e) => Y.y + Y.h - (e - S) / (pe - S) * Y.h, D = De && A > 0, me = $e(), _e = h / (fe - ue) * Y.w, N = r(he);
+		if (H && A > 0) {
+			Ye();
 			let e = H.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 * a)), n = Math.max(1, Math.round(Y.h * a));
+			e.style.left = `${Y.x}px`, e.style.top = `${Y.y}px`, e.style.width = `${Y.w}px`, e.style.height = `${Y.h}px`, e.dataset.floor !== N && (e.dataset.floor = N, e.style.background = N);
+			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 = Ue(), i = qe();
-			i && r.push(i), r.push(...Ke(C));
-			let o = Ge(C);
-			o && r.push(o);
-			let s = 2 / (oe - v), c = 2 / (b - y);
+			let r = Qe(), i = at();
+			i && r.push(i);
+			let a = 2 / (fe - ue), s = 2 / (pe - S);
 			H.render(r, {
 				transform: {
-					xScale: s,
-					xOffset: (V.x - v) * s - 1,
-					yScale: c,
-					yOffset: (V.y - y) * c - 1
+					xScale: a,
+					xOffset: (xe.x - ue) * a - 1,
+					yScale: s,
+					yOffset: (xe.y - S) * s - 1
 				},
 				width: t,
 				height: n,
-				dpr: a
+				dpr: o
 			});
+		} else t.fillStyle = N, t.fillRect(Y.x, Y.y, Y.w, Y.h);
+		y && (t.fillStyle = N, t.fillRect(b, Y.y, y, Y.h));
+		let F = D ? a(S, pe, Math.max(2, Math.floor(Y.h / 44))) : [], I = s(ue, fe, Math.max(2, Math.floor(Y.w / 75)), void 0, T.timeZone ?? "local");
+		t.strokeStyle = r(c.text, ge ? .07 : .09), t.lineWidth = 1, t.beginPath();
+		for (let e of F) {
+			let n = Math.round(w(e)) + .5;
+			t.moveTo(Y.x, n), t.lineTo(x, n);
 		}
-		let w = Y.x + Y.w + g, T = Number.isFinite(y) ? o(y, b, Math.max(2, Math.floor(Y.h / 44))) : [];
-		t.strokeStyle = r(s.text, .07), t.lineWidth = 1, t.beginPath();
-		for (let e of T) {
-			let n = Math.round(S(e)) + .5;
-			t.moveTo(Y.x, n), t.lineTo(w, n);
-		}
-		t.stroke(), t.fillStyle = r(s.textMuted), t.textAlign = "left", t.textBaseline = "middle";
-		for (let e of T) {
-			let n = S(e);
-			n < 6 || n > Y.h - 6 || t.fillText(A.price(e), w + 6, n);
-		}
-		let E = c(v, oe, Math.max(2, Math.floor(Y.w / 90)));
-		t.textAlign = "center", t.textBaseline = "top";
-		for (let e of E.values) {
-			let n = x(e);
-			n < 20 || n > Y.x + Y.w - 20 || t.fillText(E.format(e), n, Y.y + Y.h + 6);
+		for (let e of I.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));
 		}
-		if (t.strokeStyle = r(s.axis), t.beginPath(), t.moveTo(0, Math.round(Y.y + Y.h) + .5), t.lineTo(n, Math.round(Y.y + Y.h) + .5), t.moveTo(Math.round(w) + .5, 0), t.lineTo(Math.round(w) + .5, Y.y + Y.h), t.stroke(), g && N > 0 && Number.isFinite(y)) {
-			let e = Y.x + Y.w;
-			t.fillStyle = r(s.background, .85), t.fillRect(e, Y.y, g, Y.h);
-			let n = Math.max(1, N / (b - y) * Y.h), i = 0, a = ["bid", "ask"].map((e) => {
-				let { price: t, size: n, count: r } = O.levels(e, {
-					step: N,
-					limit: De()
-				});
-				for (let e = 0; e < r; e++) t[e] >= y && t[e] <= b && (i = Math.max(i, n[e]));
-				return {
-					side: e,
-					price: t,
-					size: n,
-					count: r
-				};
-			});
-			for (let { side: o, price: s, size: c, count: l } of a) {
-				t.fillStyle = r(o === "bid" ? j.up : j.down, .6);
-				for (let r = 0; r < l; r++) {
-					let a = s[r];
-					if (a < y || a > b || i <= 0) continue;
-					let o = c[r] / i * (g - 4), l = S(a) - n / 2;
-					t.fillRect(e + 2, l + (n > 3 ? .5 : 0), o, Math.max(1, n - +(n > 3)));
-				}
-			}
+		t.stroke(), D && (nt(t, me, C, w, _e), T.bubbles !== !1 && rt(t, et(me, _e), C, w, d), y && it(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 L = D ? ot() : null;
+		t.font = f;
+		let R = L ? te(Number.isFinite(L.start) ? L.start : L.time, h < 1e3, T.timeZone) : "", z = L ? t.measureText(R).width / 2 + 8 : 0;
+		t.fillStyle = r(c.textMuted), t.textAlign = "center", t.textBaseline = "top";
+		for (let e of I.values) {
+			let n = C(e);
+			if (n < 20 || n > b - 20) continue;
+			let r = I.format(e);
+			L && Math.abs(n - L.hx) < z + t.measureText(r).width / 2 || t.fillText(r, n, Y.y + Y.h + 6);
 		}
-		let k = (e, i, a) => {
-			if (!Number.isFinite(e) || e < y || e > b) return;
-			let o = p(S(e), 8, Y.h - 8), c = A.price(e);
-			t.font = re(s, D, 600, d);
-			let l = t.measureText(c).width + 10;
-			t.fillStyle = r(a ? i : s.background), ae(t, w + 1, o - 8, Math.min(l, n - w - 2), 16, 3), t.fill(), a || (t.strokeStyle = r(i), t.stroke()), t.fillStyle = a ? "#fff" : r(i), t.textAlign = "left", t.textBaseline = "middle", t.fillText(c, w + 6, o + .5), t.font = re(s, D, 400, d);
-		};
-		k(O.bestBid(), j.up, !0), k(O.bestAsk(), j.down, !0);
-		let M = (e) => !Number.isFinite(e) || Math.abs(S(e) - S(L?.price ?? NaN)) >= 17;
-		L && M(O.bestBid()) && M(O.bestAsk()) && k(L.price, L.side === "buy" ? j.up : j.down, !1), Ye(t, x, S, d, w, u), !H && Z.root.dataset.renderer, Z.describe(`${D.ariaLabel ?? u.name}. ${u.bid} ${A.price(O.bestBid())}, ${u.ask} ${A.price(O.bestAsk())}.`);
-		let P = ee || ke() - ce < 2e3;
-		return U && P && Number.isFinite(F);
+		let be = ve, B = [{
+			price: E.bestAsk(),
+			color: k.down,
+			filled: !0
+		}, {
+			price: E.bestBid(),
+			color: k.up,
+			filled: !0
+		}];
+		be && be.price !== E.bestBid() && be.price !== E.bestAsk() && B.push({
+			price: be.price,
+			color: be.side === "buy" ? k.up : k.down,
+			filled: !1
+		});
+		let V = D ? B.filter((e) => Number.isFinite(e.price) && e.price >= S && e.price <= pe) : [], Se = L ? Math.round(w(L.rowPrice)) + .5 : NaN, Ce = ce(V.map((e) => ({
+			y: w(e.price),
+			h: de
+		})), L ? {
+			y: Se,
+			h: de
+		} : null, F.map(w), d + 2, [Y.y, Y.y + Y.h]);
+		t.fillStyle = r(c.textMuted), t.textAlign = "left", t.textBaseline = "middle", F.forEach((e, n) => {
+			Ce.ticks[n] && t.fillText(O.price(e), x + 6, w(e));
+		}), t.font = p, V.forEach((e, i) => {
+			let a = Ce.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()), st(t, O.price(e.price), x + 1, a, n - x - 2, e.color, e.filled);
+		}), lt(t, C, w, x, u, L, Se, R), t.font = f, Z.describe(`${T.ariaLabel ?? u.name}. ${u.bid} ${O.price(E.bestBid())}, ${u.ask} ${O.price(E.bestAsk())}.`);
+		let we = _ || Re() - ye < 2e3;
+		return Ee && we && Number.isFinite(M) || De && K !== null && Math.abs(G[0] - K[0]) > 1e-9;
 	}
-	function Ye(e, t, n, i, a, o) {
-		let { theme: s } = Z, c = () => {
-			Z.tooltip.style.display = "none", xe && (xe = "", k.emit("hover", null));
-		};
-		if (!be || D.tooltip === !1 || !(N > 0) || X) {
-			c();
-			return;
-		}
-		let [l, d] = be;
-		if (l < Y.x || l > Y.x + Y.w || d < Y.y || d > Y.y + Y.h) {
-			c();
+	function lt(e, t, n, i, a, o, s, c) {
+		let { theme: l } = Z;
+		if (!o) {
+			Z.tooltip.style.display = "none", Ae && (Ae = "", D.emit("hover", null));
 			return;
 		}
-		let [f, ee] = G, [te, p] = K, m = f + (l - Y.x) / Y.w * (ee - f), ne = te + (Y.y + Y.h - d) / Y.h * (p - te), h = Math.round(ne / N), g = +(h * N).toFixed(Math.min(12, u(N) + 2)), _ = ze(m), v = $(), y = 0, b = NaN, x = NaN, S = 0, C = 0, w = NaN;
-		if (_) {
-			for (let e = 0; e < _.bins.length; e++) _.bins[e] === h && (y += _.sizes[e]);
-			({bestBid: b, bestAsk: x, buyVolume: S, sellVolume: C} = _), w = _.time;
-		} else if (Number.isFinite(F) && m >= F) {
-			let e = ["bid", "ask"].map((e) => O.levels(e, {
-				step: N,
-				limit: De()
+		let { hx: u, hy: d, time: f, start: p, column: h, bin: g, rowPrice: _ } = o, ne = $(), re = 0, ie = NaN, v = NaN, oe = 0, se = 0;
+		if (h) {
+			for (let e = 0; e < h.bins.length; e++) h.bins[e] === g && (re += h.sizes[e]);
+			({bestBid: ie, bestAsk: v, buyVolume: oe, sellVolume: se} = h);
+		} else if (Number.isFinite(p)) {
+			let e = ["bid", "ask"].map((e) => E.levels(e, {
+				step: A,
+				limit: Ie()
 			}));
-			for (let t of e) for (let e = 0; e < t.count; e++) Math.round(t.price[e] / N) === h && (y += t.size[e]);
-			b = O.bestBid(), x = O.bestAsk(), S = I.buyVolume, C = I.sellVolume, w = F;
+			for (let t of e) for (let e = 0; e < t.count; e++) Math.round(t.price[e] / A) === g && (re += t.size[e]);
+			ie = E.bestBid(), v = E.bestAsk(), oe = N.buyVolume, se = N.sellVolume;
 		}
-		let T = g <= b ? "bid" : g >= x ? "ask" : null;
-		e.strokeStyle = r(s.text, .45), e.setLineDash([3, 3]), e.beginPath(), e.moveTo(Math.round(l) + .5, Y.y), e.lineTo(Math.round(l) + .5, Y.y + Y.h);
-		let E = Math.round(n(g)) + .5;
-		if (e.moveTo(Y.x, E), e.lineTo(a, E), e.stroke(), e.setLineDash([]), Number.isFinite(w)) {
-			let i = t(w), a = t(w + v), o = n(g + N / 2), c = n(g - N / 2);
-			e.strokeStyle = r(s.text, .85), e.strokeRect(i, o, Math.max(2, a - i), Math.max(2, c - o));
+		let ce = _ <= ie ? "bid" : _ >= v ? "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(_ + A / 2), s = n(_ - A / 2);
+			e.strokeStyle = r(l.text, .85), e.strokeRect(i, o, Math.max(2, a - i), Math.max(2, s - o));
 		}
-		e.font = re(s, D, 600, i);
-		let M = A.price(g), P = Math.min(e.measureText(M).width + 10, Z.width - a - 2);
-		e.fillStyle = r(s.text), ae(e, a + 1, E - 8, P, 16, 3), e.fill(), e.fillStyle = r(s.background), e.textAlign = "left", e.textBaseline = "middle", e.fillText(M, a + 6, E + .5), e.font = re(s, D, 400, i);
-		let se = T === "bid" ? j.up : T === "ask" ? j.down : s.text;
-		oe(Se, Z.tooltip, {
-			text: ie(Number.isFinite(w) ? w : m),
+		e.font = ee(l, T, 600, T.fontSize ?? (Z.width < 420 ? 10 : 11)), st(e, O.price(_), i + 1, s, Z.width - i - 2, l.text, !0), st(e, c, m(u, Y.x + 40, Y.x + Y.w - 40), Y.y + Y.h + de / 2 + 2, Y.w, l.text, !0, "center");
+		let y = ce === "bid" ? k.up : ce === "ask" ? k.down : l.text;
+		ae(je, Z.tooltip, {
+			text: te(Number.isFinite(p) ? p : f, !0, T.timeZone),
 			color: void 0
 		}, [
-			[o.price, A.price(g)],
-			[o.liquidity, A.size(y)],
-			[o.buys, A.size(S)],
-			[o.sells, A.size(C)]
-		]), Z.tooltip.style.display = "block", Z.tooltip.style.borderLeft = `3px solid ${r(se)}`, Z.placeTooltip(Z.tooltip, l, d, l > Y.w * .6 ? "left" : "right");
-		let L = `${w}|${h}|${y}|${S}|${C}`;
-		if (L !== xe) {
-			xe = L;
+			[a.price, O.price(_)],
+			[a.liquidity, O.size(re)],
+			[a.buys, O.size(oe)],
+			[a.sells, O.size(se)]
+		]), Z.tooltip.style.display = "block", Z.tooltip.style.borderLeft = `3px solid ${r(y)}`, Z.placeTooltip(Z.tooltip, u, d, u > Y.w * .6 ? "left" : "right");
+		let le = `${p}|${g}|${re}|${oe}|${se}`;
+		if (le !== Ae) {
+			Ae = le;
 			let e = {
-				time: Number.isFinite(w) ? w : m,
-				price: g,
-				size: y,
-				side: T,
-				buyVolume: S,
-				sellVolume: C
+				time: Number.isFinite(p) ? p : f,
+				price: _,
+				size: re,
+				side: ce,
+				buyVolume: oe,
+				sellVolume: se
 			};
-			k.emit("hover", e);
+			D.emit("hover", e);
 		}
 	}
-	let Xe = async (e = /* @__PURE__ */ new Set()) => {
-		let t = ++me, n = await s(D.renderer ?? "auto", () => {
-			let e = Se.createElement("canvas");
+	let ut = async (e = /* @__PURE__ */ new Set()) => {
+		let t = ++Se, n = await o(T.renderer ?? "auto", () => {
+			let e = je.createElement("canvas");
 			return Object.assign(e.style, {
 				position: "absolute",
 				left: "0",
@@ -558,146 +672,151 @@ var y = 32, b = 128, x = [
 				pointerEvents: "none"
 			}), e.setAttribute("aria-hidden", "true"), e;
 		}, (t) => {
-			he || H?.kind !== t || (H.destroy(), H.canvas.remove(), H = null, Xe(/* @__PURE__ */ new Set([...e, t])));
+			Ce || H?.kind !== t || (H.destroy(), H.canvas.remove(), H = null, ut(/* @__PURE__ */ new Set([...e, t])));
 		}, e);
-		if (he || t !== me) {
+		if (Ce || t !== Se) {
 			n?.destroy();
 			return;
 		}
-		H && (H.destroy(), H.canvas.remove()), H = n, n && (Q.dataset.renderer = n.kind, Q.insertBefore(n.canvas, Z.canvas), k.emit("renderer", n.kind)), ge(n?.kind ?? null), Z.invalidate();
-	}, Ze = (e) => {
-		U !== e && (U = e, k.emit("follow", e));
-	}, Qe = (e) => {
-		if (D.interactive === !1) return;
+		H && (H.destroy(), H.canvas.remove()), H = n, n && (Q.dataset.renderer = n.kind, Q.insertBefore(n.canvas, Z.canvas), D.emit("renderer", n.kind)), we(n?.kind ?? null), Z.invalidate();
+	}, dt = (e) => {
+		Ee !== e && (Ee = e, D.emit("follow", e));
+	}, ft = (e) => {
+		let t = j.length ? j[0].time : M;
+		if (!Number.isFinite(t)) return e;
+		let n = e[1] - e[0], r = (Number.isFinite(J) ? J : Le()) + $() + n / 2, i = Math.max(t - n / 2, Math.min(e[0], r - n));
+		return [i, i + n];
+	}, pt = (e) => {
+		if (T.interactive === !1) return;
 		let [t, n] = v(Q, e);
 		Q.setPointerCapture?.(e.pointerId), X = {
 			x: t,
 			y: n,
-			viewX: [...G],
-			viewY: [...K],
+			viewX: [...W],
+			viewY: [...G],
 			axis: t > Y.x + Y.w,
-			span: K[1] - K[0]
+			span: G[1] - G[0]
 		};
-	}, $e = (e) => {
+	}, mt = (e) => {
 		let [t, n] = v(Q, e);
-		if (be = [t, n], X) {
+		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;
-				J = e, ve = !0, K = [t - e / 2, t + e / 2], U && (q = t);
+				q = e, G = [t - e / 2, t + e / 2], K = [G[0], G[1]];
 			} else if (Math.abs(e) + Math.abs(r) > 3) {
-				Ze(!1);
+				dt(!1);
 				let t = (X.viewX[1] - X.viewX[0]) / Y.w * e, n = (X.viewY[1] - X.viewY[0]) / Y.h * r;
-				G = [X.viewX[0] - t, X.viewX[1] - t], K = [X.viewY[0] + n, X.viewY[1] + n];
+				W = ft([X.viewX[0] - t, X.viewX[1] - t]), G = [X.viewY[0] + n, X.viewY[1] + n];
 			}
 		}
 		Z.invalidate();
-	}, et = (e) => {
+	}, ht = (e) => {
 		Q.releasePointerCapture?.(e.pointerId), X = null, Z.invalidate();
-	}, tt = () => {
-		X || (be = null, Z.invalidate());
-	}, nt = (e, t) => {
-		let [n, r] = G, i = p((r - n) * e, $() * 10, Ee());
-		if (W = i, !U) {
+	}, gt = () => {
+		X || (ke = null, Z.invalidate());
+	}, _t = (e, t) => {
+		let [n, r] = W, i = m((Ee ? U : r - n) * e, $() * 10, Fe());
+		if (U = i, !Ee) {
 			let e = n + (t - Y.x) / Y.w * (r - n), a = (e - n) / (r - n);
-			G = [e - i * a, e + i * (1 - a)];
+			W = ft([e - i * a, e + i * (1 - a)]);
 		}
 		Z.invalidate();
-	}, rt = (e) => {
-		let t = p((K[1] - K[0]) * e, N * 6 || 1e-9, Infinity), n = (K[0] + K[1]) / 2;
-		J = t, ve = !0, K = [n - t / 2, n + t / 2], Z.invalidate();
-	}, it = (e) => {
-		if (D.interactive === !1 || !(e.ctrlKey || e.metaKey)) return;
+	}, vt = (e) => {
+		let t = m((G[1] - G[0]) * e, A * 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();
+	}, yt = (e) => {
+		if (T.interactive === !1 || !(e.ctrlKey || e.metaKey)) return;
 		e.preventDefault();
 		let [t] = v(Q, e), n = Math.exp(e.deltaY * .002);
-		e.shiftKey || t > Y.x + Y.w ? rt(n) : nt(n, t);
-	}, at = () => {
-		D.interactive !== !1 && ct.resetView();
-	}, ot = (e) => {
-		if (D.interactive !== !1) {
+		e.shiftKey || t > Y.x + Y.w ? vt(n) : _t(n, t);
+	}, bt = () => {
+		T.interactive !== !1 && Ct.resetView();
+	}, xt = (e) => {
+		if (T.interactive !== !1) {
 			switch (e.key) {
 				case "+":
 				case "=":
-					nt(.8, Y.x + Y.w);
+					_t(.8, Y.x + Y.w);
 					break;
 				case "-":
-					nt(1.25, Y.x + Y.w);
+					_t(1.25, Y.x + Y.w);
 					break;
 				case "ArrowUp":
 				case "ArrowDown": {
 					if (e.shiftKey) {
-						rt(e.key === "ArrowUp" ? .8 : 1.25);
+						vt(e.key === "ArrowUp" ? .8 : 1.25);
 						break;
 					}
-					Ze(!1);
-					let t = (K[1] - K[0]) * .1 * (e.key === "ArrowUp" ? 1 : -1);
-					K = [K[0] + t, K[1] + t], Z.invalidate();
+					dt(!1);
+					let t = (G[1] - G[0]) * .1 * (e.key === "ArrowUp" ? 1 : -1);
+					G = [G[0] + t, G[1] + t], Z.invalidate();
 					break;
 				}
 				case "ArrowLeft":
 				case "ArrowRight": {
-					Ze(!1);
-					let t = (G[1] - G[0]) * .1 * (e.key === "ArrowLeft" ? -1 : 1);
-					G = [G[0] + t, G[1] + t], Z.invalidate();
+					dt(!1);
+					let t = (W[1] - W[0]) * .1 * (e.key === "ArrowLeft" ? -1 : 1);
+					W = ft([W[0] + t, W[1] + t]), Z.invalidate();
 					break;
 				}
 				case "0":
 				case "Home":
-					ct.resetView();
+					Ct.resetView();
 					break;
 				default: return;
 			}
 			e.preventDefault();
 		}
 	};
-	Q.addEventListener("pointerdown", Qe), Q.addEventListener("pointermove", $e), Q.addEventListener("pointerup", et), Q.addEventListener("pointercancel", et), Q.addEventListener("pointerleave", tt), Q.addEventListener("wheel", it, { passive: !1 }), Q.addEventListener("dblclick", at), Q.addEventListener("keydown", ot);
-	let st = (e) => {
-		let t = Re(e.time);
-		O.count("bid") + O.count("ask") > 0 && (Pe(), Le(t)), O.applyDelta(e);
-	}, ct = {
+	Q.addEventListener("pointerdown", pt), Q.addEventListener("pointermove", mt), Q.addEventListener("pointerup", ht), Q.addEventListener("pointercancel", ht), Q.addEventListener("pointerleave", gt), Q.addEventListener("wheel", yt, { passive: !1 }), Q.addEventListener("dblclick", bt), Q.addEventListener("keydown", xt);
+	let St = (e) => {
+		let t = qe(e.time);
+		E.count("bid") + E.count("ask") > 0 && (Ue(), Ke(t)), E.applyDelta(e);
+	}, Ct = {
 		setBook(e) {
-			let t = Re(e.time);
-			O.count("bid") + O.count("ask") > 0 && Le(t), O.setSnapshot(e), Pe(), je(), Number.isFinite(F) || Le(t), Z.invalidate();
+			let t = qe(e.time);
+			E.count("bid") + E.count("ask") > 0 && Ke(t), E.setSnapshot(e), Ue(), Be(), Number.isFinite(M) || Ke(t), Z.invalidate();
 		},
 		applyDeltas(e) {
-			if (Array.isArray(e)) for (let t of e) st(t);
-			else st(e);
-			!Number.isFinite(F) && N > 0 && Le(Oe()), Z.invalidate();
+			if (Array.isArray(e)) for (let t of e) St(t);
+			else St(e);
+			!Number.isFinite(M) && A > 0 && Ke(Le()), 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(R) && (Re(e.time), Le(e.time));
-				let t = !Number.isFinite(F) || e.time >= F ? I : ze(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)), (!L || e.time >= L.time) && (L = e);
+				Number.isFinite(P) && (qe(e.time), Ke(e.time));
+				let t = !Number.isFinite(M) || e.time >= M ? N : Je(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)), (!ve || e.time >= ve.time) && (ve = e);
 			}
 			Z.invalidate();
 		},
 		clear() {
-			O.clear(), Ne(), L = null, R = NaN, N = 0, q = NaN, J = NaN, ve = !1, Z.invalidate();
+			E.clear(), He(), ve = null, P = NaN, A = 0, q = NaN, K = null, De = !1, Z.invalidate();
 		},
 		setOptions(e) {
-			let t = D;
-			D = e, Te(), (e.tickSize !== t.tickSize || (e.interval ?? 100) !== (t.interval ?? 100)) && (Ne(), N = 0, J = NaN, Pe()), e.window !== t.window && (W = NaN), e.priceSpan !== t.priceSpan && (J = NaN), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && Xe(), Ae(), je(), Me();
+			let t = T;
+			T = e, Pe(), (e.tickSize !== t.tickSize || (e.interval ?? 100) !== (t.interval ?? 100)) && (He(), A = 0, q = NaN, Ue()), e.window !== t.window && (U = NaN), e.priceSpan !== t.priceSpan && (q = NaN), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && ut(), ze(), Be(), Ve();
 		},
 		resetView() {
-			W = NaN, J = NaN, ve = !1, q = NaN, Ze(!0), Z.invalidate();
+			U = NaN, q = NaN, K = null, dt(!0), Z.invalidate();
 		},
 		getRenderer: () => H?.kind ?? null,
-		ready: _e,
-		getStore: () => O,
-		on: (e, t) => k.on(e, t),
+		ready: Te,
+		getStore: () => E,
+		on: (e, t) => D.on(e, t),
 		resize() {
 			Z.invalidate();
 		},
 		destroy() {
-			he = !0, Q.removeEventListener("pointerdown", Qe), Q.removeEventListener("pointermove", $e), Q.removeEventListener("pointerup", et), Q.removeEventListener("pointercancel", et), Q.removeEventListener("pointerleave", tt), Q.removeEventListener("wheel", it), Q.removeEventListener("dblclick", at), Q.removeEventListener("keydown", ot), H?.destroy(), H = null, k.clear(), Z.destroy(), ge(null);
+			Ce = !0, Q.removeEventListener("pointerdown", pt), Q.removeEventListener("pointermove", mt), Q.removeEventListener("pointerup", ht), Q.removeEventListener("pointercancel", ht), Q.removeEventListener("pointerleave", gt), Q.removeEventListener("wheel", yt), Q.removeEventListener("dblclick", bt), Q.removeEventListener("keydown", xt), H?.destroy(), H = null, D.clear(), Z.destroy(), we(null);
 		}
 	};
-	return Te(), Ae(), Xe(), ct;
+	return Pe(), ze(), ut(), Ct;
 };
 //#endregion
-export { T as createOrderBookHeatmap, w as heatIntensity };
+export { C as createOrderBookHeatmap, pe as heatIntensity };
 
 //# sourceMappingURL=heatmap.js.map