@tradecanvas/core 1.11.0 → 1.13.0

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

@@ -1,6 +1,6 @@
-import { i as e, o as t, r as n, s as r, t as i } from "./gridLines-BJLaM2d7.js";
-import { resolveVolumeColors as a } from "@tradecanvas/commons";
-var o = (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, s = 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 o = (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 }) => o(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 && o(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 o = (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;
 	}
-}, c = /* @__PURE__ */ new Map(), l;
-function u(e, t) {
+}, u = /* @__PURE__ */ new Map(), d;
+function f(e, t) {
 	return e.endsWith("%") ? parseFloat(e) / 100 : parseFloat(e) / t;
 }
-function d(e) {
+function p(e) {
 	let t = e.trim();
 	if (t.toLowerCase() === "transparent") return [
 		0,
@@ -88,28 +88,28 @@ function d(e) {
 	}
 	let r = /^rgba?\(\s*([\d.]+%?)[\s,]+([\d.]+%?)[\s,]+([\d.]+%?)(?:\s*[,/]\s*([\d.]+%?))?\s*\)$/i.exec(t);
 	return r ? [
-		u(r[1], 255),
-		u(r[2], 255),
-		u(r[3], 255),
-		r[4] === void 0 ? 1 : u(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 f() {
-	if (l !== void 0) return l;
+function m() {
+	if (d !== void 0) return d;
 	try {
-		l = 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 {
-		l = null;
+		d = null;
 	}
-	return l;
+	return d;
 }
-function p(e) {
-	let t = f();
+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 = d(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 p(e) {
 		i[3] / 255
 	];
 }
-var m = /* @__PURE__ */ new Set();
-function h(e) {
-	let t = c.get(e);
+var g = /* @__PURE__ */ new Set();
+function _(e) {
+	let t = u.get(e);
 	if (t) return t;
-	if (m.has(e)) return null;
-	let n = d(e) ?? p(e);
-	return c.size > 256 && c.clear(), m.size > 256 && m.clear(), n ? c.set(e, n) : m.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 g(e) {
-	return h(e) ?? [
+function v(e) {
+	return _(e) ?? [
 		0,
 		0,
 		0,
 		0
 	];
 }
-function _([e, t, n, r]) {
+function y([e, t, n, r]) {
 	return [
 		e * r,
 		t * r,
@@ -146,7 +146,7 @@ function _([e, t, n, r]) {
 }
 //#endregion
 //#region src/webgl/yMapping.ts
-function v(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 v(e, t) {
 }
 //#endregion
 //#region src/webgl/glKit.ts
-var ee = class {
+var x = class {
 	constructor(e) {
 		this.gl = e;
 	}
@@ -253,16 +253,16 @@ var ee = class {
 };
 //#endregion
 //#region src/webgl/polygonSpans.ts
-function te(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);
+	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;
@@ -294,7 +294,7 @@ 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 ne(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", re = `${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);
 }
-`, ie = `${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);
 }
-`, ae = `${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));
 }
-`, oe = `${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;
 }
-`, se = `${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)));
 }
-`, ce = `${S}${w}
+`, ce = `${w}${E}
 flat in vec3 v_disc;
 flat in vec4 v_color;
 out vec4 outColor;
@@ -507,7 +507,7 @@ void main() {
   if (cov <= 0.0) discard;
   outColor = v_color * cov;
 }
-`, T = 4, E = T * 4, D = 32, O = 7, k = O * 4, le = class {
+`, D = 4, O = D * 4, k = 32, A = 7, j = A * 4, le = class {
 	stroke;
 	span;
 	disc;
@@ -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 ue(e) {
 	let t = globalThis, n = Object.prototype.hasOwnProperty.call(t, "Path2D"), r = t.Path2D;
-	t.Path2D = I;
+	t.Path2D = R;
 	try {
 		e();
 	} finally {
@@ -773,12 +773,12 @@ function me(e) {
 }
 //#endregion
 //#region src/webgl/recorder.ts
-var L = Math.PI * 2;
-function R(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 z = new Set([
+var B = new Set([
 	"fillStyle",
 	"strokeStyle",
 	"lineWidth",
@@ -797,14 +797,14 @@ var z = new Set([
 	"shadowOffsetX",
 	"shadowOffsetY",
 	"filter"
-]), B = new Set([
+]), V = new Set([
 	"fontKerning",
 	"fontStretch",
 	"fontVariantCaps",
 	"letterSpacing",
 	"wordSpacing",
 	"textRendering"
-]), V = new Set(["imageSmoothingEnabled", "imageSmoothingQuality"]), H = (e) => !!(e.rect || e.circle) || e.points.length >= 6, he = class {
+]), H = new Set(["imageSmoothingEnabled", "imageSmoothingQuality"]), U = (e) => !!(e.rect || e.circle) || e.points.length >= 6, ge = class {
 	commands = [];
 	ctx;
 	texts = [];
@@ -845,7 +845,7 @@ var z = new Set([
 				}
 				return this.ok ? !0 : (this.commands.length = t.commands, i.length = t.texts, !1);
 			},
-			drawText: (e) => ge(e, i)
+			drawText: (e) => _e(e, i)
 		};
 	}
 	reset(e) {
@@ -979,14 +979,14 @@ var z = 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 = R(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 z = 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 z = new Set([
 	baseColor(e) {
 		let t = this.solid;
 		if (t && t.style === e) return t.color;
-		let n = _(g(e));
+		let n = y(v(e));
 		return this.solid = {
 			style: e,
 			color: n
@@ -1062,7 +1062,7 @@ var z = 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 z = 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 = g(e.color);
+			let n = v(e.color);
 			return {
 				offset: e.offset,
 				color: [
@@ -1098,17 +1098,17 @@ var z = 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 : !(g(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(H);
+		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 z = new Set([
 		}
 		let r = [];
 		for (let e of n) {
-			let t = te(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,
@@ -1208,12 +1208,12 @@ var z = new Set([
 		let r = this.state, i = t / 2;
 		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) => pe(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(H);
+		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 z = 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 z = new Set([
 			get: (t, n) => {
 				if (typeof n == "string") {
 					if (n in e) return e[n];
-					if (z.has(n)) return this.state[n];
-					if (B.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 (!V.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 z = 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" ? h(t) && (n[e] = t) : this.unsupported() : z.has(e) ? n[e] = t : B.has(e) ? this.state.textExtras[e] = t : V.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 ge(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 _e(e, t) {
-	return new he(e, t);
+function ve(e, t) {
+	return new ge(e, t);
 }
 //#endregion
 //#region src/webgl/shaders.ts
-var U = `#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);
-`, ve = `${U}
+`, 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));
 }
-`, ye = `${U}
+`, 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)));
 }
-`, be = `${U}
+`, 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)));
 }
-`, xe = `${U}
+`, 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)));
 }
-`, Se = `${U}
+`, 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));
 }
-`, Ce = "#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", W = "#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", G = 24, K = 5, q = K * 4, J = 10, Y = J * 4, 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"
-], we = class t {
+], Ee = class a {
 	label;
 	gl;
 	kit;
@@ -1521,9 +1521,9 @@ void main() {
 	seriesBuffer;
 	columnBuffer;
 	rectBuffer;
-	uploads = new s();
+	uploads = new l();
 	gpuFloats = 0;
-	columns = new Float32Array(4096 * K);
+	columns = new Float32Array(4096 * q);
 	rectValues = new Float32Array(64 * J);
 	clip = [
 		0,
@@ -1533,11 +1533,13 @@ void main() {
 	];
 	lost = !1;
 	lostCallback = null;
+	restoredCallback = null;
+	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,
@@ -1549,19 +1551,35 @@ void main() {
 		} catch (e) {
 			return $(e), null;
 		}
-		if (!r) return null;
+		if (!n) return null;
 		try {
-			return new t(n, r);
+			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 ee(t);
-		let n = t.getExtension("WEBGL_debug_renderer_info");
-		this.label = String(n ? t.getParameter(n.UNMASKED_RENDERER_WEBGL) : t.getParameter(t.RENDERER));
-		let r = this.kit;
-		this.candleBars = r.program(ve, W, X), this.volumeBars = r.program(ye, W, X), this.candleColumns = r.program(be, W, X), this.volumeColumns = r.program(xe, W, X), this.rects = r.program(Se, Ce, X), this.seriesBuffer = r.buffer(), this.columnBuffer = r.buffer(), this.rectBuffer = r.buffer(), this.drawer = new le(r), e.addEventListener("webglcontextlost", this.handleLost);
+		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(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 le(e),
+			uploads: new l(),
+			gpuFloats: 0
+		});
+	}
+	onRestored(e) {
+		this.restoredCallback = e;
 	}
 	onLost(e) {
 		this.lostCallback = e, (this.lost || this.gl.isContextLost()) && (this.lost = !0, queueMicrotask(() => {
@@ -1569,7 +1587,7 @@ void main() {
 		}));
 	}
 	recorder(e, t) {
-		return _e(e, t);
+		return ve(e, t);
 	}
 	render(e) {
 		let t = this.gl;
@@ -1580,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,
@@ -1589,10 +1607,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(t) {
-		let n = this.gl, { data: r, viewport: i, dpr: a } = t;
-		if (r.length === 0 || !t.candles && !t.volume) return;
-		this.syncSeries(t);
+	drawSeries(e) {
+		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, r.length - 1);
 		if (s < o) return;
 		let { chartRect: c } = i;
@@ -1603,11 +1621,11 @@ void main() {
 			(c.y + c.height) * a
 		];
 		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;
-		n.enable(n.SCISSOR_TEST), n.scissor(l, this.canvas.height - u - f, Math.max(0, d), Math.max(0, f)), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA);
-		let p = e(i), m = p ? this.buildColumns(t, o, s) : 0;
-		t.volume && this.drawVolume(t, o, s, p, m);
+		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 = 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;
-		t.candles && g - h !== 0 && this.drawCandles(t, o, s, p, m), n.disable(n.SCISSOR_TEST);
+		e.candles && g - h !== 0 && this.drawCandles(e, o, s, p, m), t.disable(t.SCISSOR_TEST);
 	}
 	drawRecorded(e, t) {
 		t.commands.length !== 0 && this.drawer.draw(t.commands, this.canvas.width, this.canvas.height, (t, n) => this.drawRecordedRects(e, t, n));
@@ -1617,9 +1635,10 @@ 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.lostCallback = null;
+		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()) {
+		if (e.isContextLost()) this.canvas.addEventListener("webglcontextrestored", () => Q(e), { once: !0 });
+		else {
 			for (let e of [
 				this.candleBars,
 				this.volumeBars,
@@ -1632,64 +1651,82 @@ void main() {
 		this.canvas.remove();
 	}
 	handleLost = (e) => {
-		e.preventDefault(), !this.lost && (this.lost = !0, 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 = o();
+		if (!e) {
+			Q(this.gl);
+			return;
+		}
+		try {
+			this.build();
+		} catch (t) {
+			e(), $(t), Q(this.gl);
+			return;
+		}
+		this.release = e, this.lost = !1, this.restoredCallback?.();
 	};
 	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 * G, 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(e, t, r) {
+	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;
-		n(a, t, r, (e) => e * o + s, (e) => {
-			if ((l + 1) * K > this.columns.length) {
+		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 * K;
+			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 * K), 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, a = t.grid ? i(n) : {
+	drawBackground(t, n) {
+		let { viewport: r, theme: a } = t, o = e(a), s = n.grid ? i(r) : {
 			horizontal: [],
 			vertical: []
-		}, o = a.horizontal.length + a.vertical.length, s = o + t.rects.length;
-		if (s === 0) return;
-		this.rectValues.length < s * J && (this.rectValues = new Float32Array(s * J * 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 = _(g(r.grid)), { chartRect: f } = n;
-		for (let e of a.horizontal) u(f.x, e - .5, f.x + f.width, e + .5, d, 1);
-		for (let e of a.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 = _(g(e.color))), u(e.x, e.y, e.x + e.width, e.y + e.height, m, e.alpha, e.dash);
-		let h = this.gl, v = 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(v, "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(v, 0), h.drawArraysInstanced(h.TRIANGLES, 0, 6, o)), t.rects.length > 0 && (h.uniform1i(this.loc(v, "u_union"), 0), h.blendFunc(h.ONE, h.ONE_MINUS_SRC_ALPHA), this.bindRects(v, 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 = _(g(a.candleUp)), l = _(g(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", _(g(a.candleUpWick))), this.vec4(u, "u_downWick", _(g(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: o, viewport: s, theme: c, dpr: l } = e, u = 0;
-		for (let e = t; e <= n; e++) o[e].volume > u && (u = o[e].volume);
+		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 = a(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", _(g(f.up))), this.vec4(p, "u_volDown", _(g(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, 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);
@@ -1698,19 +1735,19 @@ void main() {
 	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 = v(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, G, t * G), this.attrib(e, "a_vd", 2, G, t * G + 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, 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, q, 0), this.attrib(e, "a_up", 1, q, 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);
@@ -1725,9 +1762,15 @@ void main() {
 		return this.kit.loc(e, t);
 	}
 };
-function Z(e) {
+function De(e) {
 	return typeof e == "object" && !!e && Array.isArray(e.commands);
 }
+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");
+	return n ? String(e.getParameter(n.UNMASKED_RENDERER_WEBGL)) : t;
+}
 function Q(e) {
 	e.getExtension("WEBGL_lose_context")?.loseContext();
 }
@@ -1735,6 +1778,6 @@ function $(e) {
 	console.warn("TradeCanvas: WebGL renderer unavailable, drawing with Canvas 2D.", e);
 }
 //#endregion
-export { we as WebGLSeriesRenderer };
+export { Ee as WebGLSeriesRenderer };
 
-//# sourceMappingURL=WebGLSeriesRenderer-DVJBHdfm.js.map
+//# sourceMappingURL=WebGLSeriesRenderer-BNrnoMHq.js.map