@tradecanvas/core 1.12.0 → 1.14.0

package/dist/{WebGLSeriesRenderer-CLVnGxIS.js → WebGLSeriesRenderer-BNrnoMHq.js}

@@ -1,6 +1,6 @@
-import { c as e, d as t, f as n, l as r, r as i, t as a } from "./gridLines-ovHZBvAe.js";
-import { resolveVolumeColors as o } from "@tradecanvas/commons";
-var s = (e, t) => e.time === t.time && e.open === t.open && e.high === t.high && e.low === t.low && e.close === t.close && e.volume === t.volume, c = class {
+import { c as e, d as t, f as n, h as r, l as i, m as a, n as o } from "./gpuContexts-Bn58hj7u.js";
+import { resolveVolumeColors as s } from "@tradecanvas/commons";
+var c = (e, t) => e.time === t.time && e.open === t.open && e.high === t.high && e.low === t.low && e.close === t.close && e.volume === t.volume, l = class {
 	buffer = new Float32Array();
 	count = 0;
 	basePrice = 0;
@@ -24,12 +24,12 @@ var s = (e, t) => e.time === t.time && e.open === t.open && e.high === t.high &&
 			to: 0
 		};
 		let n = this.count;
-		if (!(e === this.source && n > 0 && t >= n && this.samples.every(({ index: t, bar: n }) => s(e[t], n)))) return this.basePrice = e[t - 1].close, this.ensure(t), this.write(e, 0, t), this.remember(e), {
+		if (!(e === this.source && n > 0 && t >= n && this.samples.every(({ index: t, bar: n }) => c(e[t], n)))) return this.basePrice = e[t - 1].close, this.ensure(t), this.write(e, 0, t), this.remember(e), {
 			full: !0,
 			from: 0,
 			to: t
 		};
-		let r = this.last !== null && s(e[n - 1], this.last) ? n : n - 1;
+		let r = this.last !== null && c(e[n - 1], this.last) ? n : n - 1;
 		return t > this.buffer.length / 6 ? (this.ensure(t), this.write(e, 0, t), this.remember(e), {
 			full: !0,
 			from: 0,
@@ -62,11 +62,11 @@ var s = (e, t) => e.time === t.time && e.open === t.open && e.high === t.high &&
 			bar: { ...e[t] }
 		})), this.last = { ...e[t - 1] }, this.source = e;
 	}
-}, l = /* @__PURE__ */ new Map(), u;
-function d(e, t) {
+}, u = /* @__PURE__ */ new Map(), d;
+function f(e, t) {
 	return e.endsWith("%") ? parseFloat(e) / 100 : parseFloat(e) / t;
 }
-function f(e) {
+function p(e) {
 	let t = e.trim();
 	if (t.toLowerCase() === "transparent") return [
 		0,
@@ -88,28 +88,28 @@ function f(e) {
 	}
 	let r = /^rgba?\(\s*([\d.]+%?)[\s,]+([\d.]+%?)[\s,]+([\d.]+%?)(?:\s*[,/]\s*([\d.]+%?))?\s*\)$/i.exec(t);
 	return r ? [
-		d(r[1], 255),
-		d(r[2], 255),
-		d(r[3], 255),
-		r[4] === void 0 ? 1 : d(r[4], 1)
+		f(r[1], 255),
+		f(r[2], 255),
+		f(r[3], 255),
+		r[4] === void 0 ? 1 : f(r[4], 1)
 	] : null;
 }
-function p() {
-	if (u !== void 0) return u;
+function m() {
+	if (d !== void 0) return d;
 	try {
-		u = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(1, 1).getContext("2d") : typeof document < "u" ? document.createElement("canvas").getContext("2d") : null;
+		d = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(1, 1).getContext("2d") : typeof document < "u" ? document.createElement("canvas").getContext("2d") : null;
 	} catch {
-		u = null;
+		d = null;
 	}
-	return u;
+	return d;
 }
-function m(e) {
-	let t = p();
+function h(e) {
+	let t = m();
 	if (!t) return null;
 	t.fillStyle = "#000", t.fillStyle = e;
 	let n = String(t.fillStyle);
 	if (t.fillStyle = "#fff", t.fillStyle = e, String(t.fillStyle) !== n) return null;
-	let r = f(n);
+	let r = p(n);
 	if (r) return r;
 	t.clearRect(0, 0, 1, 1), t.fillRect(0, 0, 1, 1);
 	let i = t.getImageData(0, 0, 1, 1).data;
@@ -120,23 +120,23 @@ function m(e) {
 		i[3] / 255
 	];
 }
-var h = /* @__PURE__ */ new Set();
-function g(e) {
-	let t = l.get(e);
+var g = /* @__PURE__ */ new Set();
+function _(e) {
+	let t = u.get(e);
 	if (t) return t;
-	if (h.has(e)) return null;
-	let n = f(e) ?? m(e);
-	return l.size > 256 && l.clear(), h.size > 256 && h.clear(), n ? l.set(e, n) : h.add(e), n;
+	if (g.has(e)) return null;
+	let n = p(e) ?? h(e);
+	return u.size > 256 && u.clear(), g.size > 256 && g.clear(), n ? u.set(e, n) : g.add(e), n;
 }
-function _(e) {
-	return g(e) ?? [
+function v(e) {
+	return _(e) ?? [
 		0,
 		0,
 		0,
 		0
 	];
 }
-function v([e, t, n, r]) {
+function y([e, t, n, r]) {
 	return [
 		e * r,
 		t * r,
@@ -146,7 +146,7 @@ function v([e, t, n, r]) {
 }
 //#endregion
 //#region src/webgl/yMapping.ts
-function ee(e, t) {
+function b(e, t) {
 	let { min: n, max: r } = e.priceRange, { y: i, height: a } = e.chartRect, o = +(e.invertScale === !0), s = {
 		log: 0,
 		invert: o,
@@ -185,7 +185,7 @@ function ee(e, t) {
 }
 //#endregion
 //#region src/webgl/glKit.ts
-var te = class {
+var x = class {
 	constructor(e) {
 		this.gl = e;
 	}
@@ -253,16 +253,16 @@ var te = class {
 };
 //#endregion
 //#region src/webgl/polygonSpans.ts
-function ne(e) {
+function ee(e) {
 	let t = e.length / 2;
 	if (t < 3) return [];
 	let n = 0, r = 0;
 	for (let i = 1; i < t; i++) e[2 * i] < e[2 * n] && (n = i), e[2 * i] > e[2 * r] && (r = i);
 	if (e[2 * n] === e[2 * r]) return [];
-	let i = b(e, n, r, 1, t), a = b(e, n, r, -1, t);
-	return !i || !a ? null : re(i, a);
+	let i = C(e, n, r, 1, t), a = C(e, n, r, -1, t);
+	return !i || !a ? null : ne(i, a);
 }
-function y(e) {
+function S(e) {
 	let t = 0, n = e.length / 2;
 	for (let r = 0; r < n; r++) {
 		let i = (r + 1) % n;
@@ -270,7 +270,7 @@ function y(e) {
 	}
 	return t / 2;
 }
-function b(e, t, n, r, i) {
+function C(e, t, n, r, i) {
 	let a = [e[2 * t], e[2 * t + 1]];
 	for (let o = t; o !== n;) {
 		if (o = (o + r + i) % i, e[2 * o] < a[a.length - 2]) return null;
@@ -278,7 +278,7 @@ function b(e, t, n, r, i) {
 	}
 	return a;
 }
-var x = class {
+var te = class {
 	i = 0;
 	constructor(e) {
 		this.c = e;
@@ -290,11 +290,11 @@ var x = class {
 		return [s(e), s(t)];
 	}
 };
-function re(e, t) {
+function ne(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let t = 0; t < e.length; t += 2) n.add(e[t]);
 	for (let e = 0; e < t.length; e += 2) n.add(t[e]);
-	let r = [...n].sort((e, t) => e - t), i = new x(e), a = new x(t), o = [], s = r.length - 2;
+	let r = [...n].sort((e, t) => e - t), i = new te(e), a = new te(t), o = [], s = r.length - 2;
 	for (let e = 0; e <= s; e++) {
 		let t = r[e], n = r[e + 1], [c, l] = i.at(t, n), [u, d] = a.at(t, n);
 		c === u && l === d || o.push(t, n, c, l, u, d, +(e === 0), +(e === s));
@@ -303,7 +303,7 @@ function re(e, t) {
 }
 //#endregion
 //#region src/webgl/recordedShaders.ts
-var S = "#version 300 es\nprecision highp float;\nuniform vec2 u_canvas;\nuniform vec4 u_clip;\n\nvec4 toClip(vec2 dev) {\n  return vec4(dev.x / u_canvas.x * 2.0 - 1.0, 1.0 - dev.y / u_canvas.y * 2.0, 0.0, 1.0);\n}\n", C = "\nvec2 corner(int k) {\n  if (k == 0) return vec2(0.0, 0.0);\n  if (k == 1 || k == 4) return vec2(1.0, 0.0);\n  if (k == 2 || k == 3) return vec2(0.0, 1.0);\n  return vec2(1.0, 1.0);\n}\nconst vec4 NOWHERE = vec4(-2.0, -2.0, 0.0, 1.0);\n", w = "\n// This fragment's pixel centre in device pixels, y down.\nvec2 pixelCentre() { return vec2(gl_FragCoord.x, u_canvas.y - gl_FragCoord.y); }\n\n// The share of the pixel centred at p inside the clip.\nfloat clipCoverage(vec2 p) {\n  vec2 lo = p - 0.5;\n  vec2 c = clamp(min(lo + 1.0, u_clip.zw) - max(lo, u_clip.xy), 0.0, 1.0);\n  return c.x * c.y;\n}\n", ie = `${S}${C}
+var w = "#version 300 es\nprecision highp float;\nuniform vec2 u_canvas;\nuniform vec4 u_clip;\n\nvec4 toClip(vec2 dev) {\n  return vec4(dev.x / u_canvas.x * 2.0 - 1.0, 1.0 - dev.y / u_canvas.y * 2.0, 0.0, 1.0);\n}\n", T = "\nvec2 corner(int k) {\n  if (k == 0) return vec2(0.0, 0.0);\n  if (k == 1 || k == 4) return vec2(1.0, 0.0);\n  if (k == 2 || k == 3) return vec2(0.0, 1.0);\n  return vec2(1.0, 1.0);\n}\nconst vec4 NOWHERE = vec4(-2.0, -2.0, 0.0, 1.0);\n", E = "\n// This fragment's pixel centre in device pixels, y down.\nvec2 pixelCentre() { return vec2(gl_FragCoord.x, u_canvas.y - gl_FragCoord.y); }\n\n// The share of the pixel centred at p inside the clip.\nfloat clipCoverage(vec2 p) {\n  vec2 lo = p - 0.5;\n  vec2 c = clamp(min(lo + 1.0, u_clip.zw) - max(lo, u_clip.xy), 0.0, 1.0);\n  return c.x * c.y;\n}\n", re = `${w}${T}
 uniform float u_hw;
 in vec4 a_p0;
 in vec4 a_p1;
@@ -332,7 +332,7 @@ void main() {
   vec2 pos = mix(a - dir * m, b + dir * m, cr.x) + n * mix(-m, m, cr.y);
   gl_Position = toClip(pos);
 }
-`, ae = `${S}${w}
+`, ie = `${w}${E}
 uniform vec4 u_color;
 uniform float u_hw;
 uniform int u_cap;
@@ -411,7 +411,7 @@ void main() {
   if (cov <= 0.0) discard;
   outColor = u_color * (cov * clipCov);
 }
-`, oe = `${S}${C}
+`, ae = `${w}${T}
 in vec2 a_x;
 in vec4 a_ab;
 in vec2 a_ends;
@@ -428,7 +428,7 @@ void main() {
   vec2 cr = corner(gl_VertexID % 6);
   gl_Position = toClip(mix(vec2(floor(a_x.x), floor(lo) - 1.0), vec2(ceil(a_x.y), ceil(hi) + 1.0), cr));
 }
-`, se = `${S}${w}
+`, oe = `${w}${E}
 uniform int u_kind;
 uniform vec4 u_color;
 uniform vec4 u_line;
@@ -486,7 +486,7 @@ void main() {
   vec4 color = u_kind == 1 ? gradient(p) : u_color;
   outColor = color * cov;
 }
-`, ce = `${S}${C}
+`, se = `${w}${T}
 in vec3 a_disc;
 in vec4 a_color;
 flat out vec3 v_disc;
@@ -497,7 +497,7 @@ void main() {
   float m = a_disc.z + 1.0;
   gl_Position = toClip(mix(a_disc.xy - m, a_disc.xy + m, corner(gl_VertexID % 6)));
 }
-`, le = `${S}${w}
+`, ce = `${w}${E}
 flat in vec3 v_disc;
 flat in vec4 v_color;
 out vec4 outColor;
@@ -507,24 +507,24 @@ void main() {
   if (cov <= 0.0) discard;
   outColor = v_color * cov;
 }
-`, T = 4, E = T * 4, D = 32, O = 7, k = O * 4, ue = class {
+`, D = 4, O = D * 4, k = 32, A = 7, j = A * 4, le = class {
 	stroke;
 	span;
 	disc;
 	buffer;
 	constructor(e) {
-		this.kit = e, this.stroke = e.program(ie, ae, [
+		this.kit = e, this.stroke = e.program(re, ie, [
 			"a_p0",
 			"a_p1",
 			"a_p2",
 			"a_p3",
 			"a_p4",
 			"a_p5"
-		]), this.span = e.program(oe, se, [
+		]), this.span = e.program(ae, oe, [
 			"a_x",
 			"a_ab",
 			"a_ends"
-		]), this.disc = e.program(ce, le, ["a_disc", "a_color"]), this.buffer = e.buffer();
+		]), this.disc = e.program(se, ce, ["a_disc", "a_color"]), this.buffer = e.buffer();
 	}
 	draw(e, t, n, r) {
 		let i = this.kit.gl;
@@ -577,8 +577,8 @@ void main() {
 			0,
 			0
 		]), this.upload(new Float32Array(e.points));
-		for (let e = 0; e < 6; e++) i.attrib(r, `a_p${e}`, 4, E, e * E);
-		let a = e.points.length / T - 5;
+		for (let e = 0; e < 6; e++) i.attrib(r, `a_p${e}`, 4, O, e * O);
+		let a = e.points.length / D - 5;
 		a > 0 && i.gl.drawArraysInstanced(i.gl.TRIANGLES, 0, 6, a);
 	}
 	drawFill(e, t, n) {
@@ -590,7 +590,7 @@ void main() {
 			e.clip.y0,
 			Math.min(e.clip.x1, t),
 			Math.min(e.clip.y1, n)
-		]), this.upload(new Float32Array(e.spans)), r.attrib(a, "a_x", 2, D, 0), r.attrib(a, "a_ab", 4, D, 8), r.attrib(a, "a_ends", 2, D, 24), this.paint(a, e.paint), r.gl.drawArraysInstanced(r.gl.TRIANGLES, 0, 6, e.spans.length / 8);
+		]), this.upload(new Float32Array(e.spans)), r.attrib(a, "a_x", 2, k, 0), r.attrib(a, "a_ab", 4, k, 8), r.attrib(a, "a_ends", 2, k, 24), this.paint(a, e.paint), r.gl.drawArraysInstanced(r.gl.TRIANGLES, 0, 6, e.spans.length / 8);
 	}
 	paint(e, t) {
 		let n = this.kit;
@@ -617,15 +617,15 @@ void main() {
 	}
 	drawDiscs(e, t, n, r) {
 		let i = this.disc;
-		this.common(i, t, n, r) && (this.upload(new Float32Array(e)), this.kit.attrib(i, "a_disc", 3, k, 0), this.kit.attrib(i, "a_color", 4, k, 12), this.kit.gl.drawArraysInstanced(this.kit.gl.TRIANGLES, 0, 6, e.length / O));
+		this.common(i, t, n, r) && (this.upload(new Float32Array(e)), this.kit.attrib(i, "a_disc", 3, j, 0), this.kit.attrib(i, "a_color", 4, j, 12), this.kit.gl.drawArraysInstanced(this.kit.gl.TRIANGLES, 0, 6, e.length / A));
 	}
-}, A = (e, t) => ({
+}, M = (e, t) => ({
 	x0: Math.max(e.x0, t.x0),
 	y0: Math.max(e.y0, t.y0),
 	x1: Math.min(e.x1, t.x1),
 	y1: Math.min(e.y1, t.y1)
-}), j = (e) => !(e.x1 > e.x0 && e.y1 > e.y0);
-function M(e, t = 0) {
+}), N = (e) => !(e.x1 > e.x0 && e.y1 > e.y0);
+function P(e, t = 0) {
 	let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 	for (let t = 0; t < e.length; t += 2) {
 		let o = e[t], s = e[t + 1];
@@ -638,7 +638,7 @@ function M(e, t = 0) {
 		y1: a + t
 	};
 }
-function N(e) {
+function F(e) {
 	let t = [...e].sort((e, t) => e.x0 - t.x0), n = [];
 	for (let e of t) {
 		for (let t = n.length - 1; t >= 0; t--) n[t].x1 <= e.x0 && n.splice(t, 1);
@@ -649,7 +649,7 @@ function N(e) {
 }
 //#endregion
 //#region src/webgl/recordedPath.ts
-var P = class {
+var I = class {
 	stops = [];
 	constructor(e, t, n, r) {
 		this.x0 = e, this.y0 = t, this.x1 = n, this.y1 = r;
@@ -661,14 +661,14 @@ var P = class {
 			color: t
 		});
 	}
-}, F = typeof Path2D == "function" ? Path2D : class {}, I = class e extends F {
+}, L = typeof Path2D == "function" ? Path2D : class {}, R = class e extends L {
 	calls = [];
 	unsupported = !1;
 	constructor(t) {
 		super(t), t instanceof e ? (this.calls.push(...t.calls), this.unsupported = t.unsupported) : t !== void 0 && (this.unsupported = !0);
 	}
 	note(e, t, n = t) {
-		this.calls.push([e, t]), F.prototype[e]?.apply(this, n);
+		this.calls.push([e, t]), L.prototype[e]?.apply(this, n);
 	}
 	unfollowed(e, t) {
 		this.unsupported = !0, this.note(e, [], t);
@@ -728,12 +728,12 @@ var P = class {
 		this.unfollowed("roundRect", e);
 	}
 	addPath(t, n) {
-		!(t instanceof e) || n !== void 0 ? this.unsupported = !0 : (this.calls.push(...t.calls), this.unsupported ||= t.unsupported), F.prototype.addPath?.call(this, t, n);
+		!(t instanceof e) || n !== void 0 ? this.unsupported = !0 : (this.calls.push(...t.calls), this.unsupported ||= t.unsupported), L.prototype.addPath?.call(this, t, n);
 	}
 };
-function de(e) {
+function ue(e) {
 	let t = globalThis, n = Object.prototype.hasOwnProperty.call(t, "Path2D"), r = t.Path2D;
-	t.Path2D = I;
+	t.Path2D = R;
 	try {
 		e();
 	} finally {
@@ -742,24 +742,24 @@ function de(e) {
 }
 //#endregion
 //#region src/webgl/strokeGeometry.ts
-var fe = .25;
-function pe(e, t, n, r) {
+var de = .25;
+function fe(e, t, n, r) {
 	if (n === "round") return !1;
 	let i = e.points, a = i.length / 2, o = +!e.closed, s = e.closed ? a : a - 1;
 	for (let e = o; e < s; e++) {
 		let o = (e - 1 + a) % a, s = (e + 1) % a, c = i[2 * e] - i[2 * o], l = i[2 * e + 1] - i[2 * o + 1], u = i[2 * s] - i[2 * e], d = i[2 * s + 1] - i[2 * e + 1], f = Math.hypot(c, l), p = Math.hypot(u, d);
 		if (f === 0 || p === 0) continue;
 		let m = Math.max(-1, Math.min(1, (c * u + l * d) / (f * p))), h = Math.sqrt((1 + m) / 2);
-		if ((n === "miter" && h > 0 && 1 / h <= r ? t * (1 / h - 1) : t * (1 - h)) > fe) return !0;
+		if ((n === "miter" && h > 0 && 1 / h <= r ? t * (1 / h - 1) : t * (1 - h)) > de) return !0;
 	}
 	return !1;
 }
-function me(e, t) {
+function pe(e, t) {
 	let n = e.points;
 	for (let e = 2; e < n.length; e += 2) if (Math.hypot(n[e] - n[e - 2], n[e + 1] - n[e - 1]) < t) return !0;
 	return !1;
 }
-function he(e) {
+function me(e) {
 	let t = [], n = () => t.push(0, 0, -1, 0);
 	n(), n();
 	for (let { points: r, closed: i } of e) {
@@ -773,12 +773,12 @@ function he(e) {
 }
 //#endregion
 //#region src/webgl/recorder.ts
-var L = Math.PI * 2;
-function ge(e, t) {
+var z = Math.PI * 2;
+function he(e, t) {
 	let n = 2 * Math.sqrt(Math.max(.2 / Math.max(e, .1), 1e-6));
 	return Math.min(512, Math.max(4, Math.ceil(Math.abs(t) / Math.min(n, Math.PI / 4))));
 }
-var R = new Set([
+var B = new Set([
 	"fillStyle",
 	"strokeStyle",
 	"lineWidth",
@@ -797,14 +797,14 @@ var R = new Set([
 	"shadowOffsetX",
 	"shadowOffsetY",
 	"filter"
-]), z = new Set([
+]), V = new Set([
 	"fontKerning",
 	"fontStretch",
 	"fontVariantCaps",
 	"letterSpacing",
 	"wordSpacing",
 	"textRendering"
-]), B = new Set(["imageSmoothingEnabled", "imageSmoothingQuality"]), V = (e) => !!(e.rect || e.circle) || e.points.length >= 6, _e = class {
+]), H = new Set(["imageSmoothingEnabled", "imageSmoothingQuality"]), U = (e) => !!(e.rect || e.circle) || e.points.length >= 6, ge = class {
 	commands = [];
 	ctx;
 	texts = [];
@@ -839,13 +839,13 @@ var R = new Set([
 				};
 				this.stepStart = t.commands, this.ok = !0;
 				try {
-					de(() => e(this.ctx));
+					ue(() => e(this.ctx));
 				} catch {
 					this.ok = !1;
 				}
 				return this.ok ? !0 : (this.commands.length = t.commands, i.length = t.texts, !1);
 			},
-			drawText: (e) => ve(e, i)
+			drawText: (e) => _e(e, i)
 		};
 	}
 	reset(e) {
@@ -979,14 +979,14 @@ var R = new Set([
 		].every(Number.isFinite)) return;
 		if (n < 0) throw new DOMException("negative radius", "IndexSizeError");
 		let o = i - r;
-		o = !a && o >= L ? L : a && -o >= L ? -L : a ? -(((r - i) % L + L) % L) : (o % L + L) % L;
-		let s = this.current(), c = this.state.transform, l = e + n * Math.cos(r), u = t + n * Math.sin(r), d = !s || s.closed || s.points.length === 2 && Math.abs(s.points[0] - (c[0] * l + c[2] * u + c[4])) < 1e-6 && Math.abs(s.points[1] - (c[1] * l + c[3] * u + c[5])) < 1e-6, f = ge(n * Math.abs(c[0]), o);
+		o = !a && o >= z ? z : a && -o >= z ? -z : a ? -(((r - i) % z + z) % z) : (o % z + z) % z;
+		let s = this.current(), c = this.state.transform, l = e + n * Math.cos(r), u = t + n * Math.sin(r), d = !s || s.closed || s.points.length === 2 && Math.abs(s.points[0] - (c[0] * l + c[2] * u + c[4])) < 1e-6 && Math.abs(s.points[1] - (c[1] * l + c[3] * u + c[5])) < 1e-6, f = he(n * Math.abs(c[0]), o);
 		for (let i = 0; i <= f; i++) {
 			let a = r + o * i / f;
 			this.lineTo(e + n * Math.cos(a), t + n * Math.sin(a));
 		}
 		let p = this.current();
-		Math.abs(o) >= L - 1e-9 && d && this.uniform() && p && (p.circle = {
+		Math.abs(o) >= z - 1e-9 && d && this.uniform() && p && (p.circle = {
 			x: c[0] * e + c[4],
 			y: c[3] * t + c[5],
 			r: n * Math.abs(c[0])
@@ -1025,7 +1025,7 @@ var R = new Set([
 		this.path = [], e(), t(), this.path = n;
 	}
 	onPath(e, t) {
-		if (!(e instanceof I) || e.unsupported) return this.unsupported();
+		if (!(e instanceof R) || e.unsupported) return this.unsupported();
 		this.withPath(() => {
 			for (let [t, n] of e.calls) t === "moveTo" ? this.moveTo(n[0], n[1]) : t === "lineTo" ? this.lineTo(n[0], n[1]) : t === "closePath" ? this.closePath() : t === "rect" ? this.rect(n[0], n[1], n[2], n[3]) : t === "arc" ? this.arc(n[0], n[1], n[2], n[3], n[4], !!n[5]) : t === "quadraticCurveTo" ? this.curve([n[0], n[1]], [n[2], n[3]]) : t === "bezierCurveTo" && this.curve([
 				n[0],
@@ -1038,7 +1038,7 @@ var R = new Set([
 	baseColor(e) {
 		let t = this.solid;
 		if (t && t.style === e) return t.color;
-		let n = v(_(e));
+		let n = y(v(e));
 		return this.solid = {
 			style: e,
 			color: n
@@ -1062,7 +1062,7 @@ var R = new Set([
 			kind: "solid",
 			color: this.solidColor(e)
 		};
-		if (!(e instanceof P)) return null;
+		if (!(e instanceof I)) return null;
 		if (e.stops.length === 0) return {
 			kind: "solid",
 			color: [
@@ -1076,7 +1076,7 @@ var R = new Set([
 		let n = this.state.transform, r = e.x0 === e.x1 || e.y0 === e.y1;
 		if (!this.axisAligned() || !this.uniform() && !r) return null;
 		let i = [...e.stops].sort((e, t) => e.offset - t.offset).map((e) => {
-			let n = _(e.color);
+			let n = v(e.color);
 			return {
 				offset: e.offset,
 				color: [
@@ -1098,17 +1098,17 @@ var R = new Set([
 	}
 	plain() {
 		let e = this.state;
-		return e.globalCompositeOperation !== "source-over" || e.filter !== "none" ? !1 : e.shadowBlur === 0 && e.shadowOffsetX === 0 && e.shadowOffsetY === 0 ? !0 : !(_(e.shadowColor)[3] > 0);
+		return e.globalCompositeOperation !== "source-over" || e.filter !== "none" ? !1 : e.shadowBlur === 0 && e.shadowOffsetX === 0 && e.shadowOffsetY === 0 ? !0 : !(v(e.shadowColor)[3] > 0);
 	}
 	fill(e = "nonzero") {
 		if (!this.plain()) return this.unsupported();
 		let t = this.paint(this.state.fillStyle);
 		if (!t) return this.unsupported();
-		let n = this.path.filter(V);
+		let n = this.path.filter(U);
 		if (n.length === 0 || t.kind === "solid" && t.color[3] === 0) return;
-		if (n.length > 1 && N(n.map((e) => M(e.points)))) {
-			let r = t.kind === "solid" && t.color[3] >= 1, i = Math.sign(y(n[0].points));
-			if (!r || e !== "nonzero" || n.some((e) => Math.sign(y(e.points)) !== i)) return this.unsupported();
+		if (n.length > 1 && F(n.map((e) => P(e.points)))) {
+			let r = t.kind === "solid" && t.color[3] >= 1, i = Math.sign(S(n[0].points));
+			if (!r || e !== "nonzero" || n.some((e) => Math.sign(S(e.points)) !== i)) return this.unsupported();
 		}
 		if (t.kind === "solid" && n.every((e) => e.rect)) return this.fillRects(n, t.color);
 		if (t.kind === "solid" && n.every((e) => e.circle)) {
@@ -1123,17 +1123,17 @@ var R = new Set([
 		}
 		let r = [];
 		for (let e of n) {
-			let t = ne(e.points);
+			let t = ee(e.points);
 			if (!t) return this.unsupported();
 			for (let e of t) r.push(e);
 		}
-		let i = M(n.flatMap((e) => e.points)), a = A({
+		let i = P(n.flatMap((e) => e.points)), a = M({
 			x0: Math.floor(i.x0),
 			y0: Math.floor(i.y0),
 			x1: Math.ceil(i.x1),
 			y1: Math.ceil(i.y1)
 		}, this.state.clip);
-		r.length > 0 && !j(a) && this.commands.push({
+		r.length > 0 && !N(a) && this.commands.push({
 			type: "fill",
 			spans: r,
 			bounds: a,
@@ -1188,7 +1188,7 @@ var R = new Set([
 		let o = t.lineCap === "round" ? 1 : t.lineCap === "square" ? 2 : 0;
 		this.commands.push({
 			type: "stroke",
-			points: he(i),
+			points: me(i),
 			color: e.color,
 			width: r,
 			cap: o,
@@ -1206,14 +1206,14 @@ var R = new Set([
 	}
 	drawsAlike(e, t, n) {
 		let r = this.state, i = t / 2;
-		if (t > 1 && e.some((e) => pe(e, i, r.lineJoin, r.miterLimit))) return !1;
+		if (t > 1 && e.some((e) => fe(e, i, r.lineJoin, r.miterLimit))) return !1;
 		let a = i + (r.lineCap === "butt" ? 0 : i);
-		return !(e.length > 1 && N(e.map((e) => M(e.points, a))) || n < 1 && e.some((e) => me(e, t)));
+		return !(e.length > 1 && F(e.map((e) => P(e.points, a))) || n < 1 && e.some((e) => pe(e, t)));
 	}
 	clip() {
-		let e = this.path.filter(V);
+		let e = this.path.filter(U);
 		if (e.length !== 1 || !e[0].rect) return this.unsupported();
-		this.state.clip = A(this.state.clip, e[0].rect);
+		this.state.clip = M(this.state.clip, e[0].rect);
 	}
 	text(e, t, n, r, i) {
 		let a = e ? this.state.strokeStyle : this.state.fillStyle;
@@ -1311,7 +1311,7 @@ var R = new Set([
 					isIdentity: t === 1 && n === 0 && r === 0 && i === 1 && a === 0 && o === 0
 				};
 			},
-			createLinearGradient: (e, t, n, r) => new P(e, t, n, r)
+			createLinearGradient: (e, t, n, r) => new I(e, t, n, r)
 		}), t;
 	}
 	proxy() {
@@ -1320,10 +1320,10 @@ var R = new Set([
 			get: (t, n) => {
 				if (typeof n == "string") {
 					if (n in e) return e[n];
-					if (R.has(n)) return this.state[n];
-					if (z.has(n)) return this.state.textExtras[n];
+					if (B.has(n)) return this.state[n];
+					if (V.has(n)) return this.state.textExtras[n];
 					if (n === "canvas") return this.measure?.canvas;
-					if (!B.has(n)) return this.unsupported(), () => void 0;
+					if (!H.has(n)) return this.unsupported(), () => void 0;
 				}
 			},
 			set: (e, t, n) => (typeof t == "string" && this.setProp(t, n), !0)
@@ -1331,24 +1331,24 @@ var R = new Set([
 	}
 	setProp(e, t) {
 		let n = this.state;
-		e === "lineWidth" || e === "miterLimit" ? typeof t == "number" && Number.isFinite(t) && t > 0 && (n[e] = t) : e === "globalAlpha" ? typeof t == "number" && Number.isFinite(t) && t >= 0 && t <= 1 && (n.globalAlpha = t) : e === "fillStyle" || e === "strokeStyle" ? t instanceof P ? n[e] = t : typeof t == "string" ? g(t) && (n[e] = t) : this.unsupported() : R.has(e) ? n[e] = t : z.has(e) ? this.state.textExtras[e] = t : B.has(e) || this.unsupported();
+		e === "lineWidth" || e === "miterLimit" ? typeof t == "number" && Number.isFinite(t) && t > 0 && (n[e] = t) : e === "globalAlpha" ? typeof t == "number" && Number.isFinite(t) && t >= 0 && t <= 1 && (n.globalAlpha = t) : e === "fillStyle" || e === "strokeStyle" ? t instanceof I ? n[e] = t : typeof t == "string" ? _(t) && (n[e] = t) : this.unsupported() : B.has(e) ? n[e] = t : V.has(e) ? this.state.textExtras[e] = t : H.has(e) || this.unsupported();
 	}
 };
-function ve(e, t) {
+function _e(e, t) {
 	for (let n of t) {
 		let t = n.state;
-		if (j(t.clip)) continue;
+		if (N(t.clip)) continue;
 		e.save(), e.setTransform(1, 0, 0, 1, 0, 0), Number.isFinite(t.clip.x1) && Number.isFinite(t.clip.y1) && (e.beginPath(), e.rect(t.clip.x0, t.clip.y0, t.clip.x1 - t.clip.x0, t.clip.y1 - t.clip.y0), e.clip());
 		let [r, i, a, o, s, c] = t.transform;
 		e.setTransform(r, i, a, o, s, c), e.font = t.font, e.textAlign = t.textAlign, e.textBaseline = t.textBaseline, e.direction = t.direction, e.globalAlpha = t.globalAlpha, Object.assign(e, t.textExtras), n.stroke ? (e.strokeStyle = t.strokeStyle, e.lineWidth = t.lineWidth, e.strokeText(n.text, n.x, n.y, n.maxWidth)) : (e.fillStyle = t.fillStyle, e.fillText(n.text, n.x, n.y, n.maxWidth)), e.restore();
 	}
 }
-function ye(e, t) {
-	return new _e(e, t);
+function ve(e, t) {
+	return new ge(e, t);
 }
 //#endregion
 //#region src/webgl/shaders.ts
-var H = `#version 300 es
+var W = `#version 300 es
 precision highp float;
 uniform vec2 u_canvas;
 uniform float u_dpr;
@@ -1374,7 +1374,7 @@ float cssY(float rel) {
   return u_yA + rel * u_yB;
 }
 
-float snap(float v) { return floor(v + ${t.toFixed(4)}); }
+float snap(float v) { return floor(v + ${a.toFixed(4)}); }
 
 vec4 toClip(vec2 dev) {
   return vec4(dev.x / u_canvas.x * 2.0 - 1.0, 1.0 - dev.y / u_canvas.y * 2.0, 0.0, 1.0);
@@ -1390,7 +1390,7 @@ vec2 corner(int k) {
 
 // Nothing to draw: every vertex at one point off the canvas.
 const vec4 NOWHERE = vec4(-2.0, -2.0, 0.0, 1.0);
-`, be = `${H}
+`, ye = `${W}
 in vec4 a_ohlc;
 in vec2 a_vd;
 uniform float u_x0;
@@ -1431,7 +1431,7 @@ void main() {
   }
   gl_Position = toClip(vec2(left + cr.x * width, top + cr.y * height));
 }
-`, xe = `${H}
+`, be = `${W}
 in vec4 a_ohlc;
 in vec2 a_vd;
 uniform float u_x0;
@@ -1453,7 +1453,7 @@ void main() {
   v_color = a_vd.y > 0.5 ? u_volUp : u_volDown;
   gl_Position = toClip(vec2(left + cr.x * u_body, top + cr.y * (bottom - top)));
 }
-`, Se = `${H}
+`, xe = `${W}
 in vec4 a_col;
 in float a_up;
 uniform vec4 u_upBody;
@@ -1468,7 +1468,7 @@ void main() {
   v_color = a_up > 0.5 ? u_upBody : u_downBody;
   gl_Position = toClip(vec2(left + cr.x * width, min(t, b) + cr.y * max(abs(b - t), 1.0)));
 }
-`, Ce = `${H}
+`, Se = `${W}
 in vec4 a_col;
 in float a_up;
 uniform float u_volBottom;
@@ -1486,7 +1486,7 @@ void main() {
   v_color = a_up > 0.5 ? u_volUp : u_volDown;
   gl_Position = toClip(vec2(left + cr.x * width, top + cr.y * (bottom - top)));
 }
-`, we = `${H}
+`, Ce = `${W}
 in vec4 a_rect;
 in vec4 a_color;
 in vec2 a_dash;
@@ -1500,7 +1500,7 @@ void main() {
   v_color = a_color;
   gl_Position = toClip(mix(floor(v_rect.xy), ceil(v_rect.zw), cr));
 }
-`, Te = "#version 300 es\nprecision highp float;\nuniform vec2 u_canvas;\nuniform int u_union;\nin vec4 v_color;\nflat in vec4 v_rect;\nflat in vec2 v_dash;\nout vec4 outColor;\n\n// The share of rows [y, y + 1] inside the rectangle and, dashed, on a dash.\nfloat rows(float y) {\n  float lo = max(y, v_rect.y);\n  float hi = min(y + 1.0, v_rect.w);\n  if (hi <= lo) return 0.0;\n  if (v_dash.x <= 0.0) return hi - lo;\n  // A dash period is longer than a device pixel, so the row meets the dash\n  // of the period it starts in and the next (a third to spare).\n  float period = v_dash.x + v_dash.y;\n  float first = v_rect.y + floor((lo - v_rect.y) / period) * period;\n  float on = 0.0;\n  for (int i = 0; i < 3; i++) {\n    float start = first + float(i) * period;\n    on += max(0.0, min(hi, start + v_dash.x) - max(lo, start));\n  }\n  return on;\n}\n\nvoid main() {\n  // This pixel's top-left corner in device pixels, y down.\n  vec2 p = vec2(floor(gl_FragCoord.x), u_canvas.y - floor(gl_FragCoord.y) - 1.0);\n  float coverage = clamp(min(p.x + 1.0, v_rect.z) - max(p.x, v_rect.x), 0.0, 1.0) * rows(p.y);\n  outColor = u_union == 1 ? vec4(v_color.rgb * coverage, coverage) : v_color * coverage;\n}\n", U = "#version 300 es\nprecision highp float;\nuniform vec2 u_canvas;\nuniform vec4 u_clip;\nin vec4 v_color;\nout vec4 outColor;\n\nvoid main() {\n  vec2 p = vec2(floor(gl_FragCoord.x), u_canvas.y - floor(gl_FragCoord.y) - 1.0);\n  vec2 c = clamp(min(p + 1.0, u_clip.zw) - max(p, u_clip.xy), 0.0, 1.0);\n  outColor = v_color * (c.x * c.y);\n}\n", W = 24, G = 5, K = G * 4, q = 10, J = q * 4, Y = () => {}, X = [
+`, we = "#version 300 es\nprecision highp float;\nuniform vec2 u_canvas;\nuniform int u_union;\nin vec4 v_color;\nflat in vec4 v_rect;\nflat in vec2 v_dash;\nout vec4 outColor;\n\n// The share of rows [y, y + 1] inside the rectangle and, dashed, on a dash.\nfloat rows(float y) {\n  float lo = max(y, v_rect.y);\n  float hi = min(y + 1.0, v_rect.w);\n  if (hi <= lo) return 0.0;\n  if (v_dash.x <= 0.0) return hi - lo;\n  // A dash period is longer than a device pixel, so the row meets the dash\n  // of the period it starts in and the next (a third to spare).\n  float period = v_dash.x + v_dash.y;\n  float first = v_rect.y + floor((lo - v_rect.y) / period) * period;\n  float on = 0.0;\n  for (int i = 0; i < 3; i++) {\n    float start = first + float(i) * period;\n    on += max(0.0, min(hi, start + v_dash.x) - max(lo, start));\n  }\n  return on;\n}\n\nvoid main() {\n  // This pixel's top-left corner in device pixels, y down.\n  vec2 p = vec2(floor(gl_FragCoord.x), u_canvas.y - floor(gl_FragCoord.y) - 1.0);\n  float coverage = clamp(min(p.x + 1.0, v_rect.z) - max(p.x, v_rect.x), 0.0, 1.0) * rows(p.y);\n  outColor = u_union == 1 ? vec4(v_color.rgb * coverage, coverage) : v_color * coverage;\n}\n", G = "#version 300 es\nprecision highp float;\nuniform vec2 u_canvas;\nuniform vec4 u_clip;\nin vec4 v_color;\nout vec4 outColor;\n\nvoid main() {\n  vec2 p = vec2(floor(gl_FragCoord.x), u_canvas.y - floor(gl_FragCoord.y) - 1.0);\n  vec2 c = clamp(min(p + 1.0, u_clip.zw) - max(p, u_clip.xy), 0.0, 1.0);\n  outColor = v_color * (c.x * c.y);\n}\n", K = 24, q = 5, Te = q * 4, J = 10, Y = J * 4, X = () => {}, Z = [
 	"a_ohlc",
 	"a_vd",
 	"a_col",
@@ -1508,7 +1508,7 @@ void main() {
 	"a_rect",
 	"a_color",
 	"a_dash"
-], Ee = class t {
+], Ee = class a {
 	label;
 	gl;
 	kit;
@@ -1521,10 +1521,10 @@ void main() {
 	seriesBuffer;
 	columnBuffer;
 	rectBuffer;
-	uploads = new c();
+	uploads = new l();
 	gpuFloats = 0;
-	columns = new Float32Array(4096 * G);
-	rectValues = new Float32Array(64 * q);
+	columns = new Float32Array(4096 * q);
+	rectValues = new Float32Array(64 * J);
 	clip = [
 		0,
 		0,
@@ -1534,12 +1534,12 @@ void main() {
 	lost = !1;
 	lostCallback = null;
 	restoredCallback = null;
-	release = Y;
+	release = X;
 	static create(e = {}) {
 		if (typeof document > "u") return null;
-		let n = document.createElement("canvas"), r = null;
+		let t = document.createElement("canvas"), n = null;
 		try {
-			r = n.getContext("webgl2", {
+			n = t.getContext("webgl2", {
 				alpha: !0,
 				premultipliedAlpha: !0,
 				antialias: !1,
@@ -1551,30 +1551,30 @@ void main() {
 		} catch (e) {
 			return $(e), null;
 		}
-		if (!r) return null;
+		if (!n) return null;
 		try {
-			let i = new t(n, r);
-			return i.release = e.release ?? Y, i;
+			let r = new a(t, n);
+			return r.release = e.release ?? X, r;
 		} catch (e) {
-			return $(e), Q(r), null;
+			return $(e), Q(n), null;
 		}
 	}
 	constructor(e, t) {
-		this.canvas = e, this.gl = t, this.kit = new te(t), this.label = De(t), this.build(), e.addEventListener("webglcontextlost", this.handleLost), e.addEventListener("webglcontextrestored", this.handleRestored);
+		this.canvas = e, this.gl = t, this.kit = new x(t), this.label = Oe(t), this.build(), e.addEventListener("webglcontextlost", this.handleLost), e.addEventListener("webglcontextrestored", this.handleRestored);
 	}
 	build() {
 		let e = this.kit;
 		Object.assign(this, {
-			candleBars: e.program(be, U, X),
-			volumeBars: e.program(xe, U, X),
-			candleColumns: e.program(Se, U, X),
-			volumeColumns: e.program(Ce, U, X),
-			rects: e.program(we, Te, X),
+			candleBars: e.program(ye, G, Z),
+			volumeBars: e.program(be, G, Z),
+			candleColumns: e.program(xe, G, Z),
+			volumeColumns: e.program(Se, G, Z),
+			rects: e.program(Ce, we, Z),
 			seriesBuffer: e.buffer(),
 			columnBuffer: e.buffer(),
 			rectBuffer: e.buffer(),
-			drawer: new ue(e),
-			uploads: new c(),
+			drawer: new le(e),
+			uploads: new l(),
 			gpuFloats: 0
 		});
 	}
@@ -1587,7 +1587,7 @@ void main() {
 		}));
 	}
 	recorder(e, t) {
-		return ye(e, t);
+		return ve(e, t);
 	}
 	render(e) {
 		let t = this.gl;
@@ -1598,7 +1598,7 @@ void main() {
 			recorded: !1,
 			under: !1
 		};
-		let n = Z(e.recorded) ? e.recorded : null, r = Z(e.under) ? e.under : null, i = {
+		let n = De(e.recorded) ? e.recorded : null, r = De(e.under) ? e.under : null, i = {
 			series: e.candles,
 			volume: e.volume !== null,
 			background: e.background !== null,
@@ -1608,10 +1608,10 @@ void main() {
 		return t.viewport(0, 0, this.canvas.width, this.canvas.height), t.disable(t.SCISSOR_TEST), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT), t.enable(t.BLEND), e.background && this.drawBackground(e, e.background), r && this.drawRecorded(e, r), this.drawSeries(e), n && this.drawRecorded(e, n), i;
 	}
 	drawSeries(e) {
-		let t = this.gl, { data: n, viewport: i, dpr: a } = e;
-		if (n.length === 0 || !e.candles && !e.volume) return;
+		let t = this.gl, { data: r, viewport: i, dpr: a } = e;
+		if (r.length === 0 || !e.candles && !e.volume) return;
 		this.syncSeries(e);
-		let o = Math.max(0, i.visibleRange.from), s = Math.min(i.visibleRange.to, n.length - 1);
+		let o = Math.max(0, i.visibleRange.from), s = Math.min(i.visibleRange.to, r.length - 1);
 		if (s < o) return;
 		let { chartRect: c } = i;
 		this.clip = [
@@ -1622,7 +1622,7 @@ void main() {
 		];
 		let l = Math.floor(this.clip[0]), u = Math.floor(this.clip[1]), d = Math.ceil(this.clip[2]) - l, f = Math.ceil(this.clip[3]) - u;
 		t.enable(t.SCISSOR_TEST), t.scissor(l, this.canvas.height - u - f, Math.max(0, d), Math.max(0, f)), t.blendFunc(t.ONE, t.ONE_MINUS_SRC_ALPHA);
-		let p = r(i), m = p ? this.buildColumns(e, o, s) : 0;
+		let p = n(i), m = p ? this.buildColumns(e, o, s) : 0;
 		e.volume && this.drawVolume(e, o, s, p, m);
 		let { min: h, max: g } = i.priceRange;
 		e.candles && g - h !== 0 && this.drawCandles(e, o, s, p, m), t.disable(t.SCISSOR_TEST);
@@ -1635,7 +1635,7 @@ void main() {
 		this.kit.float(i, "u_dpr", 1), this.kit.int(i, "u_union", 0), r.bindBuffer(r.ARRAY_BUFFER, this.rectBuffer), r.bufferData(r.ARRAY_BUFFER, t, r.STREAM_DRAW), this.bindRects(i, 0), r.drawArraysInstanced(r.TRIANGLES, 0, 6, n);
 	}
 	destroy() {
-		this.canvas.removeEventListener("webglcontextlost", this.handleLost), this.canvas.removeEventListener("webglcontextrestored", this.handleRestored), this.lostCallback = null, this.restoredCallback = null, this.release(), this.release = Y;
+		this.canvas.removeEventListener("webglcontextlost", this.handleLost), this.canvas.removeEventListener("webglcontextrestored", this.handleRestored), this.lostCallback = null, this.restoredCallback = null, this.release(), this.release = X;
 		let e = this.gl;
 		if (e.isContextLost()) this.canvas.addEventListener("webglcontextrestored", () => Q(e), { once: !0 });
 		else {
@@ -1651,11 +1651,11 @@ void main() {
 		this.canvas.remove();
 	}
 	handleLost = (e) => {
-		e.preventDefault(), !this.lost && (this.lost = !0, this.release(), this.release = Y, this.lostCallback?.());
+		e.preventDefault(), !this.lost && (this.lost = !0, this.release(), this.release = X, this.lostCallback?.());
 	};
 	handleRestored = () => {
 		if (!this.lost || this.gl.isContextLost()) return;
-		let e = i();
+		let e = o();
 		if (!e) {
 			Q(this.gl);
 			return;
@@ -1670,81 +1670,84 @@ void main() {
 	};
 	syncSeries(e) {
 		let t = this.gl, n = this.uploads.sync(e.data), r = this.uploads.values;
-		t.bindBuffer(t.ARRAY_BUFFER, this.seriesBuffer), n.full || r.length !== this.gpuFloats ? (t.bufferData(t.ARRAY_BUFFER, r, t.DYNAMIC_DRAW), this.gpuFloats = r.length) : n.to > n.from && t.bufferSubData(t.ARRAY_BUFFER, n.from * W, r, n.from * 6, (n.to - n.from) * 6);
+		t.bindBuffer(t.ARRAY_BUFFER, this.seriesBuffer), n.full || r.length !== this.gpuFloats ? (t.bufferData(t.ARRAY_BUFFER, r, t.DYNAMIC_DRAW), this.gpuFloats = r.length) : n.to > n.from && t.bufferSubData(t.ARRAY_BUFFER, n.from * K, r, n.from * 6, (n.to - n.from) * 6);
 	}
-	buildColumns(t, n, r) {
-		let { viewport: i, data: a } = t, o = i.barWidth + i.barSpacing, s = -i.offset + i.chartRect.x + i.barWidth / 2, c = this.uploads.base, l = 0;
-		e(a, n, r, (e) => e * o + s, (e) => {
-			if ((l + 1) * G > this.columns.length) {
+	buildColumns(e, n, r) {
+		let { viewport: i, data: a } = e, o = i.barWidth + i.barSpacing, s = -i.offset + i.chartRect.x + i.barWidth / 2, c = this.uploads.base, l = 0;
+		t(a, n, r, (e) => e * o + s, (e) => {
+			if ((l + 1) * q > this.columns.length) {
 				let e = new Float32Array(this.columns.length * 2);
 				e.set(this.columns), this.columns = e;
 			}
-			let t = l * G;
+			let t = l * q;
 			this.columns[t] = e.x, this.columns[t + 1] = e.high - c, this.columns[t + 2] = e.low - c, this.columns[t + 3] = e.volume, this.columns[t + 4] = +(e.close >= e.open), l++;
 		});
 		let u = this.gl;
-		return u.bindBuffer(u.ARRAY_BUFFER, this.columnBuffer), u.bufferData(u.ARRAY_BUFFER, this.columns.subarray(0, l * G), u.STREAM_DRAW), l;
+		return u.bindBuffer(u.ARRAY_BUFFER, this.columnBuffer), u.bufferData(u.ARRAY_BUFFER, this.columns.subarray(0, l * q), u.STREAM_DRAW), l;
 	}
-	drawBackground(e, t) {
-		let { viewport: n, theme: r } = e, i = t.grid ? a(n) : {
+	drawBackground(t, n) {
+		let { viewport: r, theme: a } = t, o = e(a), s = n.grid ? i(r) : {
 			horizontal: [],
 			vertical: []
-		}, o = i.horizontal.length + i.vertical.length, s = o + t.rects.length;
-		if (s === 0) return;
-		this.rectValues.length < s * q && (this.rectValues = new Float32Array(s * q * 2));
-		let c = this.rectValues, l = 0, u = (e, t, n, r, i, a, o) => {
-			c[l++] = e, c[l++] = t, c[l++] = n, c[l++] = r;
-			for (let e = 0; e < 4; e++) c[l++] = i[e] * a;
-			c[l++] = o ? o[0] : 0, c[l++] = o ? o[1] : 0;
-		}, d = v(_(r.grid)), { chartRect: f } = n;
-		for (let e of i.horizontal) u(f.x, e - .5, f.x + f.width, e + .5, d, 1);
-		for (let e of i.vertical) u(e - .5, f.y, e + .5, f.y + f.height, d, 1);
-		let p = "", m = d;
-		for (let e of t.rects) e.color !== p && (p = e.color, m = v(_(e.color))), u(e.x, e.y, e.x + e.width, e.y + e.height, m, e.alpha, e.dash);
-		let h = this.gl, g = this.use(this.rects, e);
-		h.bindBuffer(h.ARRAY_BUFFER, this.rectBuffer), h.bufferData(h.ARRAY_BUFFER, c.subarray(0, l), h.STREAM_DRAW), o > 0 && (h.uniform1i(this.loc(g, "u_union"), 1), h.blendColor(0, 0, 0, d[3]), h.blendFuncSeparate(h.ONE, h.ONE_MINUS_SRC_ALPHA, h.CONSTANT_ALPHA, h.ONE_MINUS_SRC_ALPHA), this.bindRects(g, 0), h.drawArraysInstanced(h.TRIANGLES, 0, 6, o)), t.rects.length > 0 && (h.uniform1i(this.loc(g, "u_union"), 0), h.blendFunc(h.ONE, h.ONE_MINUS_SRC_ALPHA), this.bindRects(g, o), h.drawArraysInstanced(h.TRIANGLES, 0, 6, t.rects.length));
+		}, c = {
+			horizontal: o.horizontal.visible ? s.horizontal : [],
+			vertical: o.vertical.visible ? s.vertical : []
+		}, l = c.horizontal.length + c.vertical.length, u = l + n.rects.length;
+		if (u === 0) return;
+		this.rectValues.length < u * J && (this.rectValues = new Float32Array(u * J * 2));
+		let d = this.rectValues, f = 0, p = (e, t, n, r, i, a, o) => {
+			d[f++] = e, d[f++] = t, d[f++] = n, d[f++] = r;
+			for (let e = 0; e < 4; e++) d[f++] = i[e] * a;
+			d[f++] = o ? o[0] : 0, d[f++] = o ? o[1] : 0;
+		}, m = y(v(o.horizontal.visible ? o.horizontal.color : o.vertical.color)), { chartRect: h } = r;
+		for (let e of c.horizontal) p(h.x, e - .5, h.x + h.width, e + .5, m, 1);
+		for (let e of c.vertical) p(e - .5, h.y, e + .5, h.y + h.height, m, 1);
+		let g = "", _ = m;
+		for (let e of n.rects) e.color !== g && (g = e.color, _ = y(v(e.color))), p(e.x, e.y, e.x + e.width, e.y + e.height, _, e.alpha, e.dash);
+		let b = this.gl, x = this.use(this.rects, t);
+		b.bindBuffer(b.ARRAY_BUFFER, this.rectBuffer), b.bufferData(b.ARRAY_BUFFER, d.subarray(0, f), b.STREAM_DRAW), l > 0 && (b.uniform1i(this.loc(x, "u_union"), 1), b.blendColor(0, 0, 0, m[3]), b.blendFuncSeparate(b.ONE, b.ONE_MINUS_SRC_ALPHA, b.CONSTANT_ALPHA, b.ONE_MINUS_SRC_ALPHA), this.bindRects(x, 0), b.drawArraysInstanced(b.TRIANGLES, 0, 6, l)), n.rects.length > 0 && (b.uniform1i(this.loc(x, "u_union"), 0), b.blendFunc(b.ONE, b.ONE_MINUS_SRC_ALPHA), this.bindRects(x, l), b.drawArraysInstanced(b.TRIANGLES, 0, 6, n.rects.length));
 	}
 	drawCandles(e, t, n, r, i) {
-		let { theme: a, viewport: o, dpr: s } = e, c = v(_(a.candleUp)), l = v(_(a.candleDown));
+		let { theme: a, viewport: o, dpr: s } = e, c = y(v(a.candleUp)), l = y(v(a.candleDown));
 		if (r) {
 			let t = this.use(this.candleColumns, e);
 			this.vec4(t, "u_upBody", c), this.vec4(t, "u_downBody", l), this.bindColumns(t), this.gl.drawArraysInstanced(this.gl.TRIANGLES, 0, 6, i);
 			return;
 		}
 		let u = this.use(this.candleBars, e);
-		this.barUniforms(u, o, t, s), this.vec4(u, "u_upBody", c), this.vec4(u, "u_downBody", l), this.vec4(u, "u_upWick", v(_(a.candleUpWick))), this.vec4(u, "u_downWick", v(_(a.candleDownWick))), this.bindBars(u, t), this.gl.drawArraysInstanced(this.gl.TRIANGLES, 0, 12, n - t + 1);
+		this.barUniforms(u, o, t, s), this.vec4(u, "u_upBody", c), this.vec4(u, "u_downBody", l), this.vec4(u, "u_upWick", y(v(a.candleUpWick))), this.vec4(u, "u_downWick", y(v(a.candleDownWick))), this.bindBars(u, t), this.gl.drawArraysInstanced(this.gl.TRIANGLES, 0, 12, n - t + 1);
 	}
 	drawVolume(e, t, n, r, i) {
-		let { data: a, viewport: s, theme: c, dpr: l } = e, u = 0;
+		let { data: a, viewport: o, theme: c, dpr: l } = e, u = 0;
 		for (let e = t; e <= n; e++) a[e].volume > u && (u = a[e].volume);
 		if (u === 0) return;
-		let { chartRect: d } = s, f = o(c), p = this.use(r ? this.volumeColumns : this.volumeBars, e);
-		if (this.float(p, "u_volBottom", d.y + d.height), this.float(p, "u_volScale", d.height * (e.volume?.heightRatio ?? .15) / u), this.vec4(p, "u_volUp", v(_(f.up))), this.vec4(p, "u_volDown", v(_(f.down))), r) {
+		let { chartRect: d } = o, f = s(c), p = this.use(r ? this.volumeColumns : this.volumeBars, e);
+		if (this.float(p, "u_volBottom", d.y + d.height), this.float(p, "u_volScale", d.height * (e.volume?.heightRatio ?? .15) / u), this.vec4(p, "u_volUp", y(v(f.up))), this.vec4(p, "u_volDown", y(v(f.down))), r) {
 			this.bindColumns(p), this.gl.drawArraysInstanced(this.gl.TRIANGLES, 0, 6, i);
 			return;
 		}
-		this.barUniforms(p, s, t, l), this.bindBars(p, t), this.gl.drawArraysInstanced(this.gl.TRIANGLES, 0, 6, n - t + 1);
+		this.barUniforms(p, o, t, l), this.bindBars(p, t), this.gl.drawArraysInstanced(this.gl.TRIANGLES, 0, 6, n - t + 1);
 	}
-	barUniforms(e, t, r, i) {
-		let a = t.barWidth + t.barSpacing, o = -t.offset + t.chartRect.x + t.barWidth / 2, { body: s, wick: c } = n(t.barWidth, i);
-		this.float(e, "u_x0", r * a + o), this.float(e, "u_unit", a), this.float(e, "u_wick", c), this.float(e, "u_body", s);
+	barUniforms(e, t, n, i) {
+		let a = t.barWidth + t.barSpacing, o = -t.offset + t.chartRect.x + t.barWidth / 2, { body: s, wick: c } = r(t.barWidth, i);
+		this.float(e, "u_x0", n * a + o), this.float(e, "u_unit", a), this.float(e, "u_wick", c), this.float(e, "u_body", s);
 	}
 	use(e, t) {
 		let n = this.gl;
 		this.kit.use(e), n.uniform2f(this.loc(e, "u_canvas"), this.canvas.width, this.canvas.height), this.vec4(e, "u_clip", this.clip), this.float(e, "u_dpr", t.dpr);
-		let r = ee(t.viewport, this.uploads.base);
+		let r = b(t.viewport, this.uploads.base);
 		return n.uniform1i(this.loc(e, "u_log"), r.log), n.uniform1i(this.loc(e, "u_invert"), r.invert), this.float(e, "u_yA", r.yA), this.float(e, "u_yB", r.yB), this.float(e, "u_logOffset", r.logOffset), this.float(e, "u_min", r.min), this.float(e, "u_logFloor", r.logFloor), this.float(e, "u_logK", r.logK), this.float(e, "u_top", r.top), this.float(e, "u_bottom", r.bottom), e;
 	}
 	bindBars(e, t) {
 		let n = this.gl;
-		n.bindBuffer(n.ARRAY_BUFFER, this.seriesBuffer), this.attrib(e, "a_ohlc", 4, W, t * W), this.attrib(e, "a_vd", 2, W, t * W + 16);
+		n.bindBuffer(n.ARRAY_BUFFER, this.seriesBuffer), this.attrib(e, "a_ohlc", 4, K, t * K), this.attrib(e, "a_vd", 2, K, t * K + 16);
 	}
 	bindRects(e, t) {
-		this.attrib(e, "a_rect", 4, J, t * J), this.attrib(e, "a_color", 4, J, t * J + 16), this.attrib(e, "a_dash", 2, J, t * J + 32);
+		this.attrib(e, "a_rect", 4, Y, t * Y), this.attrib(e, "a_color", 4, Y, t * Y + 16), this.attrib(e, "a_dash", 2, Y, t * Y + 32);
 	}
 	bindColumns(e) {
 		let t = this.gl;
-		t.bindBuffer(t.ARRAY_BUFFER, this.columnBuffer), this.attrib(e, "a_col", 4, K, 0), this.attrib(e, "a_up", 1, K, 16);
+		t.bindBuffer(t.ARRAY_BUFFER, this.columnBuffer), this.attrib(e, "a_col", 4, Te, 0), this.attrib(e, "a_up", 1, Te, 16);
 	}
 	attrib(e, t, n, r, i) {
 		this.kit.attrib(e, t, n, r, i);
@@ -1759,10 +1762,10 @@ void main() {
 		return this.kit.loc(e, t);
 	}
 };
-function Z(e) {
+function De(e) {
 	return typeof e == "object" && !!e && Array.isArray(e.commands);
 }
-function De(e) {
+function Oe(e) {
 	let t = String(e.getParameter(e.RENDERER));
 	if (t && t !== "WebKit WebGL") return t;
 	let n = e.getExtension("WEBGL_debug_renderer_info");
@@ -1777,4 +1780,4 @@ function $(e) {
 //#endregion
 export { Ee as WebGLSeriesRenderer };
 
-//# sourceMappingURL=WebGLSeriesRenderer-CLVnGxIS.js.map
+//# sourceMappingURL=WebGLSeriesRenderer-BNrnoMHq.js.map