@tradecanvas/core 1.11.0 → 1.12.0

package/dist/{WebGLSeriesRenderer-DVJBHdfm.js → WebGLSeriesRenderer-CLVnGxIS.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, 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 {
 	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 }) => s(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 && s(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) {
+}, l = /* @__PURE__ */ new Map(), u;
+function d(e, t) {
 	return e.endsWith("%") ? parseFloat(e) / 100 : parseFloat(e) / t;
 }
-function d(e) {
+function f(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)
+		d(r[1], 255),
+		d(r[2], 255),
+		d(r[3], 255),
+		r[4] === void 0 ? 1 : d(r[4], 1)
 	] : null;
 }
-function f() {
-	if (l !== void 0) return l;
+function p() {
+	if (u !== void 0) return u;
 	try {
-		l = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(1, 1).getContext("2d") : typeof document < "u" ? document.createElement("canvas").getContext("2d") : null;
+		u = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(1, 1).getContext("2d") : typeof document < "u" ? document.createElement("canvas").getContext("2d") : null;
 	} catch {
-		l = null;
+		u = null;
 	}
-	return l;
+	return u;
 }
-function p(e) {
-	let t = f();
+function m(e) {
+	let t = p();
 	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 = f(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 h = /* @__PURE__ */ new Set();
+function g(e) {
+	let t = l.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 (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;
 }
-function g(e) {
-	return h(e) ?? [
+function _(e) {
+	return g(e) ?? [
 		0,
 		0,
 		0,
 		0
 	];
 }
-function _([e, t, n, r]) {
+function v([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 ee(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 te = class {
 	constructor(e) {
 		this.gl = e;
 	}
@@ -253,14 +253,14 @@ var ee = class {
 };
 //#endregion
 //#region src/webgl/polygonSpans.ts
-function te(e) {
+function ne(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 : ne(i, a);
+	return !i || !a ? null : re(i, a);
 }
 function y(e) {
 	let t = 0, n = e.length / 2;
@@ -290,7 +290,7 @@ var x = class {
 		return [s(e), s(t)];
 	}
 };
-function ne(e, t) {
+function re(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]);
@@ -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 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}
 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}
+`, ae = `${S}${w}
 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}
+`, oe = `${S}${C}
 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}
+`, se = `${S}${w}
 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}
+`, ce = `${S}${C}
 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}
+`, le = `${S}${w}
 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, le = class {
+`, T = 4, E = T * 4, D = 32, O = 7, k = O * 4, ue = class {
 	stroke;
 	span;
 	disc;
 	buffer;
 	constructor(e) {
-		this.kit = e, this.stroke = e.program(re, ie, [
+		this.kit = e, this.stroke = e.program(ie, ae, [
 			"a_p0",
 			"a_p1",
 			"a_p2",
 			"a_p3",
 			"a_p4",
 			"a_p5"
-		]), this.span = e.program(ae, oe, [
+		]), this.span = e.program(oe, se, [
 			"a_x",
 			"a_ab",
 			"a_ends"
-		]), this.disc = e.program(se, ce, ["a_disc", "a_color"]), this.buffer = e.buffer();
+		]), this.disc = e.program(ce, le, ["a_disc", "a_color"]), this.buffer = e.buffer();
 	}
 	draw(e, t, n, r) {
 		let i = this.kit.gl;
@@ -731,7 +731,7 @@ var P = class {
 		!(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);
 	}
 };
-function ue(e) {
+function de(e) {
 	let t = globalThis, n = Object.prototype.hasOwnProperty.call(t, "Path2D"), r = t.Path2D;
 	t.Path2D = I;
 	try {
@@ -742,24 +742,24 @@ function ue(e) {
 }
 //#endregion
 //#region src/webgl/strokeGeometry.ts
-var de = .25;
-function fe(e, t, n, r) {
+var fe = .25;
+function pe(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)) > de) return !0;
+		if ((n === "miter" && h > 0 && 1 / h <= r ? t * (1 / h - 1) : t * (1 - h)) > fe) return !0;
 	}
 	return !1;
 }
-function pe(e, t) {
+function me(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 me(e) {
+function he(e) {
 	let t = [], n = () => t.push(0, 0, -1, 0);
 	n(), n();
 	for (let { points: r, closed: i } of e) {
@@ -774,11 +774,11 @@ function me(e) {
 //#endregion
 //#region src/webgl/recorder.ts
 var L = Math.PI * 2;
-function R(e, t) {
+function ge(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 R = new Set([
 	"fillStyle",
 	"strokeStyle",
 	"lineWidth",
@@ -797,14 +797,14 @@ var z = new Set([
 	"shadowOffsetX",
 	"shadowOffsetY",
 	"filter"
-]), B = new Set([
+]), z = 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 {
+]), B = new Set(["imageSmoothingEnabled", "imageSmoothingQuality"]), V = (e) => !!(e.rect || e.circle) || e.points.length >= 6, _e = class {
 	commands = [];
 	ctx;
 	texts = [];
@@ -839,13 +839,13 @@ var z = new Set([
 				};
 				this.stepStart = t.commands, this.ok = !0;
 				try {
-					ue(() => e(this.ctx));
+					de(() => e(this.ctx));
 				} catch {
 					this.ok = !1;
 				}
 				return this.ok ? !0 : (this.commands.length = t.commands, i.length = t.texts, !1);
 			},
-			drawText: (e) => ge(e, i)
+			drawText: (e) => ve(e, i)
 		};
 	}
 	reset(e) {
@@ -980,7 +980,7 @@ var z = new Set([
 		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);
+		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);
 		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));
@@ -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 = v(_(e));
 		return this.solid = {
 			style: e,
 			color: n
@@ -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 = _(e.color);
 			return {
 				offset: e.offset,
 				color: [
@@ -1098,13 +1098,13 @@ 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 : !(_(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(V);
 		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));
@@ -1123,7 +1123,7 @@ var z = new Set([
 		}
 		let r = [];
 		for (let e of n) {
-			let t = te(e.points);
+			let t = ne(e.points);
 			if (!t) return this.unsupported();
 			for (let e of t) r.push(e);
 		}
@@ -1188,7 +1188,7 @@ var z = new Set([
 		let o = t.lineCap === "round" ? 1 : t.lineCap === "square" ? 2 : 0;
 		this.commands.push({
 			type: "stroke",
-			points: me(i),
+			points: he(i),
 			color: e.color,
 			width: r,
 			cap: o,
@@ -1206,12 +1206,12 @@ var z = new Set([
 	}
 	drawsAlike(e, t, n) {
 		let r = this.state, i = t / 2;
-		if (t > 1 && e.some((e) => fe(e, i, r.lineJoin, r.miterLimit))) return !1;
+		if (t > 1 && e.some((e) => pe(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 && N(e.map((e) => M(e.points, a))) || n < 1 && e.some((e) => me(e, t)));
 	}
 	clip() {
-		let e = this.path.filter(H);
+		let e = this.path.filter(V);
 		if (e.length !== 1 || !e[0].rect) return this.unsupported();
 		this.state.clip = A(this.state.clip, e[0].rect);
 	}
@@ -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 (R.has(n)) return this.state[n];
+					if (z.has(n)) return this.state.textExtras[n];
 					if (n === "canvas") return this.measure?.canvas;
-					if (!V.has(n)) return this.unsupported(), () => void 0;
+					if (!B.has(n)) return this.unsupported(), () => void 0;
 				}
 			},
 			set: (e, t, n) => (typeof t == "string" && this.setProp(t, n), !0)
@@ -1331,10 +1331,10 @@ 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 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();
 	}
 };
-function ge(e, t) {
+function ve(e, t) {
 	for (let n of t) {
 		let t = n.state;
 		if (j(t.clip)) continue;
@@ -1343,12 +1343,12 @@ function ge(e, t) {
 		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 ye(e, t) {
+	return new _e(e, t);
 }
 //#endregion
 //#region src/webgl/shaders.ts
-var U = `#version 300 es
+var H = `#version 300 es
 precision highp float;
 uniform vec2 u_canvas;
 uniform float u_dpr;
@@ -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}
+`, be = `${H}
 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}
+`, xe = `${H}
 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}
+`, Se = `${H}
 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}
+`, Ce = `${H}
 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}
+`, we = `${H}
 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 = [
+`, 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 = [
 	"a_ohlc",
 	"a_vd",
 	"a_col",
@@ -1508,7 +1508,7 @@ void main() {
 	"a_rect",
 	"a_color",
 	"a_dash"
-], we = class t {
+], Ee = class t {
 	label;
 	gl;
 	kit;
@@ -1521,10 +1521,10 @@ void main() {
 	seriesBuffer;
 	columnBuffer;
 	rectBuffer;
-	uploads = new s();
+	uploads = new c();
 	gpuFloats = 0;
-	columns = new Float32Array(4096 * K);
-	rectValues = new Float32Array(64 * J);
+	columns = new Float32Array(4096 * G);
+	rectValues = new Float32Array(64 * q);
 	clip = [
 		0,
 		0,
@@ -1533,6 +1533,8 @@ void main() {
 	];
 	lost = !1;
 	lostCallback = null;
+	restoredCallback = null;
+	release = Y;
 	static create(e = {}) {
 		if (typeof document > "u") return null;
 		let n = document.createElement("canvas"), r = null;
@@ -1551,17 +1553,33 @@ void main() {
 		}
 		if (!r) return null;
 		try {
-			return new t(n, r);
+			let i = new t(n, r);
+			return i.release = e.release ?? Y, i;
 		} catch (e) {
 			return $(e), Q(r), 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 te(t), this.label = De(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),
+			seriesBuffer: e.buffer(),
+			columnBuffer: e.buffer(),
+			rectBuffer: e.buffer(),
+			drawer: new ue(e),
+			uploads: new c(),
+			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 ye(e, t);
 	}
 	render(e) {
 		let t = this.gl;
@@ -1589,11 +1607,11 @@ 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);
-		let o = Math.max(0, i.visibleRange.from), s = Math.min(i.visibleRange.to, r.length - 1);
+	drawSeries(e) {
+		let t = this.gl, { data: n, viewport: i, dpr: a } = e;
+		if (n.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);
 		if (s < o) return;
 		let { chartRect: c } = i;
 		this.clip = [
@@ -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 = r(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 = Y;
 		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,85 +1651,100 @@ 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 = Y, this.lostCallback?.());
+	};
+	handleRestored = () => {
+		if (!this.lost || this.gl.isContextLost()) return;
+		let e = i();
+		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 * W, r, n.from * 6, (n.to - n.from) * 6);
 	}
-	buildColumns(e, t, 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) {
+	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) {
 				let e = new Float32Array(this.columns.length * 2);
 				e.set(this.columns), this.columns = e;
 			}
-			let t = l * K;
+			let t = l * G;
 			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 * G), u.STREAM_DRAW), l;
 	}
 	drawBackground(e, t) {
-		let { viewport: n, theme: r } = e, a = t.grid ? i(n) : {
+		let { viewport: n, theme: r } = e, i = t.grid ? a(n) : {
 			horizontal: [],
 			vertical: []
-		}, o = a.horizontal.length + a.vertical.length, s = o + t.rects.length;
+		}, o = i.horizontal.length + i.vertical.length, s = o + t.rects.length;
 		if (s === 0) return;
-		this.rectValues.length < s * J && (this.rectValues = new Float32Array(s * J * 2));
+		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 = _(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);
+		}, 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 = _(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));
+		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));
 	}
 	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 = v(_(a.candleUp)), l = 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", 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);
 	}
 	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: s, 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 } = 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) {
 			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);
 	}
-	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);
+	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);
 	}
 	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 = ee(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, W, t * W), this.attrib(e, "a_vd", 2, W, t * W + 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);
+		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);
 	}
 	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, K, 0), this.attrib(e, "a_up", 1, K, 16);
 	}
 	attrib(e, t, n, r, i) {
 		this.kit.attrib(e, t, n, r, i);
@@ -1728,6 +1762,12 @@ void main() {
 function Z(e) {
 	return typeof e == "object" && !!e && Array.isArray(e.commands);
 }
+function De(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 +1775,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-CLVnGxIS.js.map