blazeplot 0.1.11 → 0.1.12

package/dist/index.js

@@ -500,7 +500,7 @@ var i = class {
 		vert: h,
 		frag: g
 	}
-}, v = 3, y = 2, b = 4, x = 4, S = .8, C = 0, w = class {
+}, v = 3, y = 2, b = 4, x = 4, S = .8, C = 0, ee = class {
 	backend;
 	lineProgram;
 	segmentProgram;
@@ -793,13 +793,13 @@ var i = class {
 	dispose() {
 		this.backend.destroy();
 	}
-}, T = [
+}, w = [
 	1024,
 	4096,
 	16384,
 	32768,
 	131072
-], ee = class {
+], te = class {
 	regl;
 	pool = [];
 	preAllocated = !1;
@@ -812,7 +812,7 @@ var i = class {
 	preAllocate() {
 		if (!this.preAllocated) {
 			this.preAllocated = !0;
-			for (let e of T) this.pool.push(this.createEntry(e, "stream"));
+			for (let e of w) this.pool.push(this.createEntry(e, "stream"));
 		}
 	}
 	acquire(e, t = "stream") {
@@ -852,17 +852,17 @@ var i = class {
 		return this.pool.find((t) => !t.inUse && t.floatCapacity >= e);
 	}
 	roundUp(e) {
-		for (let t of T) if (t >= e) return t;
-		let t = T[T.length - 1], n = 1 << 32 - Math.clz32(e - 1);
+		for (let t of w) if (t >= e) return t;
+		let t = w[w.length - 1], n = 1 << 32 - Math.clz32(e - 1);
 		return Math.max(t * 2, n);
 	}
 };
 //#endregion
 //#region src/render/ReglBackend.ts
-function te(e) {
+function ne(e) {
 	return e;
 }
-var E = class {
+var T = class {
 	gl;
 	regl;
 	resources;
@@ -882,10 +882,10 @@ var E = class {
 		});
 		if (!n) throw Error("BlazePlot requires WebGL2, but this browser/context does not support it.");
 		this.gl = n, this.regl = e({
-			gl: te(this.gl),
+			gl: ne(this.gl),
 			extensions: [],
 			optionalExtensions: ["angle_instanced_arrays", "ext_disjoint_timer_query_webgl2"]
-		}), this.capabilities = { instancing: this.regl.hasExtension("angle_instanced_arrays") }, this.resources = new ee(this.regl), this.resources.preAllocate();
+		}), this.capabilities = { instancing: this.regl.hasExtension("angle_instanced_arrays") }, this.resources = new te(this.regl), this.resources.preAllocate();
 	}
 	createBuffer(e) {
 		let { buffer: t } = this.resources.acquire(e.length, e.usage);
@@ -1004,7 +1004,7 @@ var E = class {
 			default: return e;
 		}
 	}
-}, D = class e {
+}, E = class e {
 	_xMin = 0;
 	_xMax = 1;
 	_yMin = 0;
@@ -1089,7 +1089,7 @@ var E = class {
 	static assertFinite(e, t) {
 		if (!Number.isFinite(t)) throw RangeError(`Camera2D ${e} must be finite.`);
 	}
-}, O = class {
+}, D = class {
 	camera;
 	constructor(e) {
 		this.camera = e;
@@ -1121,7 +1121,7 @@ var E = class {
 		let n = Math.max(0, -Math.floor(Math.log10(t)) + 2), r = Number(e.toFixed(n));
 		return Object.is(r, -0) ? 0 : r;
 	}
-}, k = class {
+}, O = class {
 	layout;
 	config;
 	options;
@@ -1132,6 +1132,11 @@ var E = class {
 	constructor(e, t, n = {}) {
 		this.layout = e, this.config = t, this.options = n;
 	}
+	setOptions(e) {
+		this.options = e;
+		for (let e of this.xPool) e.style.font = this.options.font ?? "11px ui-monospace, monospace, sans-serif", e.style.color = this.options.color ?? "#bfd6ff";
+		for (let e of this.yPool) e.style.font = this.options.font ?? "11px ui-monospace, monospace, sans-serif", e.style.color = this.options.color ?? "#bfd6ff";
+	}
 	update(e, t) {
 		let n = Math.max(1, this.layout.plot.clientWidth), r = Math.max(1, this.layout.plot.clientHeight);
 		this.config.x.visible ? t.getXTickValues(n, 12, this.xTicks) : this.xTicks.length = 0, this.config.y.visible ? t.getYTickValues(r, 8, this.yTicks) : this.yTicks.length = 0, this.updateAxis(this.xPool, this.xTicks, "x", e, n, r, t), this.updateAxis(this.yPool, this.yTicks, "y", e, n, r, t);
@@ -1163,7 +1168,7 @@ var E = class {
 			}
 		}
 	}
-}, A = class {
+}, k = class {
 	root;
 	plot;
 	canvas;
@@ -1190,7 +1195,7 @@ var E = class {
 	applyBaseStyles() {
 		this.root.style.position = "relative", this.root.style.display = "grid", this.root.style.width = "100%", this.root.style.height = "100%", this.root.style.minWidth = "0", this.root.style.minHeight = "0", this.root.style.overflow = "hidden", this.plot.style.position = "relative", this.plot.style.gridColumn = "2", this.plot.style.gridRow = "1", this.plot.style.minWidth = "0", this.plot.style.minHeight = "0", this.plot.style.overflow = "hidden", this.canvas.style.position = "absolute", this.canvas.style.inset = "0", this.canvas.style.display = "block", this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.touchAction = "none", this.yAxis.style.position = "relative", this.yAxis.style.gridColumn = "1", this.yAxis.style.gridRow = "1", this.yAxis.style.minWidth = "0", this.yAxis.style.minHeight = "0", this.yAxis.style.overflow = "hidden", this.yAxis.style.pointerEvents = "none", this.xAxis.style.position = "relative", this.xAxis.style.gridColumn = "2", this.xAxis.style.gridRow = "2", this.xAxis.style.minWidth = "0", this.xAxis.style.minHeight = "0", this.xAxis.style.overflow = "hidden", this.xAxis.style.pointerEvents = "none", this.corner.style.gridColumn = "1", this.corner.style.gridRow = "2", this.corner.style.minWidth = "0", this.corner.style.minHeight = "0", this.corner.style.pointerEvents = "none";
 	}
-}, j = {
+}, A = {
 	backgroundColor: [
 		.08,
 		.1,
@@ -1253,39 +1258,39 @@ var E = class {
 	legendMutedTextColor: "#789",
 	legendFont: "11px/1.35 ui-monospace, monospace"
 };
-function M(e, t) {
-	if (!e) return j;
-	let n = N(e.backgroundColor, j.backgroundColor, t), r = e.seriesColors?.length ? e.seriesColors.map((e, n) => N(e, j.seriesColors[n % j.seriesColors.length], t)) : j.seriesColors;
+function j(e, t) {
+	if (!e) return A;
+	let n = M(e.backgroundColor, A.backgroundColor, t), r = e.seriesColors?.length ? e.seriesColors.map((e, n) => M(e, A.seriesColors[n % A.seriesColors.length], t)) : A.seriesColors;
 	return {
 		backgroundColor: n,
-		backgroundCssColor: P(e.backgroundColor, j.backgroundCssColor),
-		gridColor: N(e.gridColor, j.gridColor, t),
-		axisColor: e.axisColor ?? j.axisColor,
-		axisFont: e.axisFont ?? j.axisFont,
+		backgroundCssColor: N(e.backgroundColor, A.backgroundCssColor),
+		gridColor: M(e.gridColor, A.gridColor, t),
+		axisColor: e.axisColor ?? A.axisColor,
+		axisFont: e.axisFont ?? A.axisFont,
 		seriesColors: r,
-		tooltipBackgroundColor: e.tooltipBackgroundColor ?? j.tooltipBackgroundColor,
-		tooltipTextColor: e.tooltipTextColor ?? j.tooltipTextColor,
-		tooltipFont: e.tooltipFont ?? j.tooltipFont,
-		legendBackgroundColor: e.legendBackgroundColor ?? j.legendBackgroundColor,
-		legendBorderColor: e.legendBorderColor ?? j.legendBorderColor,
-		legendTextColor: e.legendTextColor ?? j.legendTextColor,
-		legendMutedTextColor: e.legendMutedTextColor ?? j.legendMutedTextColor,
-		legendFont: e.legendFont ?? j.legendFont
+		tooltipBackgroundColor: e.tooltipBackgroundColor ?? A.tooltipBackgroundColor,
+		tooltipTextColor: e.tooltipTextColor ?? A.tooltipTextColor,
+		tooltipFont: e.tooltipFont ?? A.tooltipFont,
+		legendBackgroundColor: e.legendBackgroundColor ?? A.legendBackgroundColor,
+		legendBorderColor: e.legendBorderColor ?? A.legendBorderColor,
+		legendTextColor: e.legendTextColor ?? A.legendTextColor,
+		legendMutedTextColor: e.legendMutedTextColor ?? A.legendMutedTextColor,
+		legendFont: e.legendFont ?? A.legendFont
 	};
 }
-function N(e, t, n) {
+function M(e, t, n) {
 	if (!e) return t;
 	if (typeof e != "string") return e;
-	let r = I(e, n), i = R(r ?? e, n);
-	return L(r ?? e) ?? L(i ?? "") ?? t;
+	let r = F(e, n), i = L(r ?? e, n);
+	return I(r ?? e) ?? I(i ?? "") ?? t;
 }
-function P(e, t) {
-	return e ? typeof e == "string" ? e : F(e) : t;
+function N(e, t) {
+	return e ? typeof e == "string" ? e : P(e) : t;
 }
-function F(e) {
+function P(e) {
 	return `rgba(${Math.round(e[0] * 255)}, ${Math.round(e[1] * 255)}, ${Math.round(e[2] * 255)}, ${e[3]})`;
 }
-function I(e, t) {
+function F(e, t) {
 	let n = t?.ownerDocument ?? globalThis.document;
 	if (!n?.documentElement || typeof getComputedStyle > "u") return null;
 	let r = t instanceof HTMLElement ? t : n.documentElement, i = n.createElement("span");
@@ -1293,11 +1298,11 @@ function I(e, t) {
 	let a = getComputedStyle(i).color;
 	return i.remove(), a || null;
 }
-function L(e) {
+function I(e) {
 	let t = e.trim();
-	return z(t) ?? B(t) ?? V(t);
+	return R(t) ?? z(t) ?? B(t);
 }
-function R(e, t) {
+function L(e, t) {
 	let n = t?.ownerDocument ?? globalThis.document;
 	if (!n?.createElement) return null;
 	let r = n.createElement("canvas").getContext("2d");
@@ -1307,12 +1312,12 @@ function R(e, t) {
 	let a = String(r.fillStyle);
 	return a === i ? null : a;
 }
-function z(e) {
+function R(e) {
 	let t = e.match(/^rgba?\((.*)\)$/i);
 	if (!t) return null;
 	let n = t[1].trim().split("/").map((e) => e.trim()), r = n[0], i = n[1], a = r.includes(",") ? r.split(",").map((e) => e.trim()).filter(Boolean) : r.split(/\s+/).filter(Boolean);
 	if (a.length < 3) return null;
-	let o = H(a[0]), s = H(a[1]), c = H(a[2]), l = W(i ?? (a.length > 3 ? a[3] : void 0));
+	let o = V(a[0]), s = V(a[1]), c = V(a[2]), l = U(i ?? (a.length > 3 ? a[3] : void 0));
 	return o === null || s === null || c === null || l === null ? null : [
 		o,
 		s,
@@ -1320,12 +1325,12 @@ function z(e) {
 		l
 	];
 }
-function B(e) {
+function z(e) {
 	let t = e.match(/^color\(\s*srgb\s+(.+)\)$/i);
 	if (!t) return null;
 	let n = t[1].split("/").map((e) => e.trim()), r = n[0].split(/\s+/).filter(Boolean);
 	if (r.length < 3) return null;
-	let i = U(r[0]), a = U(r[1]), o = U(r[2]), s = W(n[1]);
+	let i = H(r[0]), a = H(r[1]), o = H(r[2]), s = U(n[1]);
 	return i === null || a === null || o === null || s === null ? null : [
 		i,
 		a,
@@ -1333,7 +1338,7 @@ function B(e) {
 		s
 	];
 }
-function V(e) {
+function B(e) {
 	let t = e.startsWith("#") ? e.slice(1) : "";
 	if (![
 		3,
@@ -1349,22 +1354,22 @@ function V(e) {
 		n.length === 8 ? (r & 255) / 255 : 1
 	] : null;
 }
+function V(e) {
+	return e.endsWith("%") ? W(Number.parseFloat(e) / 100) : W(Number.parseFloat(e) / 255);
+}
 function H(e) {
-	return e.endsWith("%") ? G(Number.parseFloat(e) / 100) : G(Number.parseFloat(e) / 255);
+	return e.endsWith("%") ? W(Number.parseFloat(e) / 100) : W(Number.parseFloat(e));
 }
 function U(e) {
-	return e.endsWith("%") ? G(Number.parseFloat(e) / 100) : G(Number.parseFloat(e));
+	return e ? e.endsWith("%") ? W(Number.parseFloat(e) / 100) : W(Number.parseFloat(e)) : 1;
 }
 function W(e) {
-	return e ? e.endsWith("%") ? G(Number.parseFloat(e) / 100) : G(Number.parseFloat(e)) : 1;
-}
-function G(e) {
 	return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : null;
 }
 //#endregion
 //#region src/ui/Chart.ts
-var K = 16384, q = K >> 1, J = K >> 1, Y = 3, X = 4096, Z = 12, Q = 64;
-function $(e) {
+var G = 16384, K = G >> 1, q = G >> 1, J = 3, Y = 4096, X = 12, Z = 64;
+function Q(e) {
 	return e === !1 ? {
 		visible: !1,
 		position: "inside"
@@ -1376,7 +1381,31 @@ function $(e) {
 		position: e.position ?? "inside"
 	};
 }
-var ne = class {
+function $(e) {
+	return e === !1 ? {
+		x: {
+			visible: !1,
+			position: "inside"
+		},
+		y: {
+			visible: !1,
+			position: "inside"
+		}
+	} : e === !0 || e === void 0 ? {
+		x: {
+			visible: !0,
+			position: "inside"
+		},
+		y: {
+			visible: !0,
+			position: "inside"
+		}
+	} : {
+		x: Q(e.x),
+		y: Q(e.y)
+	};
+}
+var re = class {
 	options;
 	series = [];
 	camera;
@@ -1396,6 +1425,7 @@ var ne = class {
 	axisOverlay = null;
 	normalizedAxes;
 	resolvedTheme;
+	_gridVisible;
 	layout;
 	stats = {
 		fps: 0,
@@ -1409,6 +1439,7 @@ var ne = class {
 	pluginDisposers = [];
 	hoverSubscribers = /* @__PURE__ */ new Set();
 	seriesSubscribers = /* @__PURE__ */ new Set();
+	themeSubscribers = /* @__PURE__ */ new Set();
 	currentHover = null;
 	lastPointerClientX = 0;
 	lastPointerClientY = 0;
@@ -1422,33 +1453,10 @@ var ne = class {
 		this.pointerInPlot = !1, this.emitHover(null);
 	};
 	constructor(e, t = {}) {
-		this.options = t, this.resolvedTheme = M(t.theme, e);
-		let n = t.axes;
-		n === !1 ? this.normalizedAxes = {
-			x: {
-				visible: !1,
-				position: "inside"
-			},
-			y: {
-				visible: !1,
-				position: "inside"
-			}
-		} : n === !0 || n === void 0 ? this.normalizedAxes = {
-			x: {
-				visible: !0,
-				position: "inside"
-			},
-			y: {
-				visible: !0,
-				position: "inside"
-			}
-		} : this.normalizedAxes = {
-			x: $(n.x),
-			y: $(n.y)
-		}, this.layout = new A(e, this.normalizedAxes), this.layout.root.style.background = this.resolvedTheme.backgroundCssColor, this.applyCanvasSize(), this.camera = new D(), this.axis = new O(this.camera), this.renderer = new w(new E(this.layout.canvas)), this.rawLineData = new Float32Array(K * 2), this.rawLineBuffer = this.renderer.createFloatBuffer(this.rawLineData.length), this.minMaxInstanceData = new Float32Array(J * Y), this.minMaxInstanceBuffer = this.renderer.createFloatBuffer(this.minMaxInstanceData.length), this.barTriangleData = new Float32Array(X * Z), this.barTriangleBuffer = this.renderer.createFloatBuffer(this.barTriangleData.length), this.gridData = new Float32Array(Q * 2), this.gridBuffer = this.renderer.createFloatBuffer(this.gridData.length), this.gridStyle = {
+		this.options = t, this.resolvedTheme = j(t.theme, e), this.normalizedAxes = $(t.axes), this._gridVisible = t.grid !== !1, this.layout = new k(e, this.normalizedAxes), this.layout.root.style.background = this.resolvedTheme.backgroundCssColor, this.applyCanvasSize(), this.camera = new E(), this.axis = new D(this.camera), this.renderer = new ee(new T(this.layout.canvas)), this.rawLineData = new Float32Array(G * 2), this.rawLineBuffer = this.renderer.createFloatBuffer(this.rawLineData.length), this.minMaxInstanceData = new Float32Array(q * J), this.minMaxInstanceBuffer = this.renderer.createFloatBuffer(this.minMaxInstanceData.length), this.barTriangleData = new Float32Array(Y * X), this.barTriangleBuffer = this.renderer.createFloatBuffer(this.barTriangleData.length), this.gridData = new Float32Array(Z * 2), this.gridBuffer = this.renderer.createFloatBuffer(this.gridData.length), this.gridStyle = {
 			color: t.gridStyle?.color ?? this.resolvedTheme.gridColor,
 			lineWidth: t.gridStyle?.lineWidth ?? 1
-		}, (this.normalizedAxes.x.visible || this.normalizedAxes.y.visible) && (this.axisOverlay = new k(this.layout, this.normalizedAxes, {
+		}, (this.normalizedAxes.x.visible || this.normalizedAxes.y.visible) && (this.axisOverlay = new O(this.layout, this.normalizedAxes, {
 			color: this.resolvedTheme.axisColor,
 			font: this.resolvedTheme.axisFont
 		})), this.canvas.addEventListener("pointermove", this.handlePointerMove), this.canvas.addEventListener("pointerleave", this.handlePointerLeave), typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver(() => this.resize()), this.resizeObserver.observe(this.layout.plot));
@@ -1582,9 +1590,28 @@ var ne = class {
 			let e = t;
 			return this.hoverSubscribers.add(e), () => this.hoverSubscribers.delete(e);
 		}
+		if (e === "themechange") {
+			let e = t;
+			return this.themeSubscribers.add(e), () => this.themeSubscribers.delete(e);
+		}
 		let n = t;
 		return this.seriesSubscribers.add(n), () => this.seriesSubscribers.delete(n);
 	}
+	setTheme(e) {
+		this.resolvedTheme = j(e, this.layout.root), this.applyTheme(), this.emitThemeChange(), this.refreshHover();
+	}
+	setGridVisible(e) {
+		this._gridVisible = e;
+	}
+	getGridVisible() {
+		return this._gridVisible;
+	}
+	setAxes(e) {
+		this.normalizedAxes = $(e), this.layout.update(this.normalizedAxes), this.axisOverlay?.dispose(), this.axisOverlay = null, (this.normalizedAxes.x.visible || this.normalizedAxes.y.visible) && (this.axisOverlay = new O(this.layout, this.normalizedAxes, {
+			color: this.resolvedTheme.axisColor,
+			font: this.resolvedTheme.axisFont
+		})), this.resize(), this.refreshHover();
+	}
 	pick(e, t, n = {}) {
 		let r = this.canvas.getBoundingClientRect();
 		if (r.width <= 0 || r.height <= 0) return null;
@@ -1609,7 +1636,7 @@ var ne = class {
 		o.width = i, o.height = a;
 		let s = o.getContext("2d");
 		if (!s) throw Error("Unable to create a 2D canvas context for screenshot export.");
-		return s.fillStyle = e.background ?? F(this.resolvedTheme.backgroundColor), s.fillRect(0, 0, i, a), s.drawImage(this.canvas, (n.left - t.left) * r, (n.top - t.top) * r, n.width * r, n.height * r), this.drawDomTextForScreenshot(s, t, r), new Promise((t, n) => {
+		return s.fillStyle = e.background ?? P(this.resolvedTheme.backgroundColor), s.fillRect(0, 0, i, a), s.drawImage(this.canvas, (n.left - t.left) * r, (n.top - t.top) * r, n.width * r, n.height * r), this.drawDomTextForScreenshot(s, t, r), new Promise((t, n) => {
 			o.toBlob((e) => e ? t(e) : n(/* @__PURE__ */ Error("Unable to encode chart screenshot.")), e.type ?? "image/png", e.quality);
 		});
 	}
@@ -1628,7 +1655,7 @@ var ne = class {
 		let [t, n, r, i] = this.resolvedTheme.backgroundColor;
 		this.renderer.viewport(0, 0, this.canvas.width, this.canvas.height), this.renderer.clear(t, n, r, i);
 		let a = this.camera.viewport;
-		if (this.options.grid !== !1) {
+		if (this._gridVisible) {
 			let e = this.writeGridVertices(a);
 			e > 0 && (this.renderer.updateFloatBuffer(this.gridBuffer, this.gridData), this.renderer.drawLines(this.gridBuffer, e, this.gridStyle, this.camera), this.stats.drawCalls++, this.stats.uploadBytes += this.gridData.byteLength);
 		}
@@ -1646,14 +1673,14 @@ var ne = class {
 				this.drawAreaSeries(e, a);
 				continue;
 			}
-			let t = e.visibleSampleCount(a), n = e.hasLOD && t > K;
+			let t = e.visibleSampleCount(a), n = e.hasLOD && t > G;
 			if (n && this.renderer.supportsInstancedSegments) {
 				let t = e.copyMinMaxInstanced(a, this.minMaxInstanceData, this.maxMinMaxSegments());
 				if (t <= 0) continue;
 				this.renderer.updateFloatBuffer(this.minMaxInstanceBuffer, this.minMaxInstanceData), this.renderer.drawMinMaxSegmentsInstanced(this.minMaxInstanceBuffer, t, e.style, this.camera), this.recordRenderMode("minmax"), this.stats.pointsRendered += t * 2, this.stats.drawCalls++, this.stats.uploadBytes += this.minMaxInstanceData.byteLength;
 				continue;
 			}
-			let r = n ? e.copyMinMaxVisible(a, this.rawLineData, this.maxMinMaxSegments()) : e.copyRawVisible(a, this.rawLineData, K);
+			let r = n ? e.copyMinMaxVisible(a, this.rawLineData, this.maxMinMaxSegments()) : e.copyRawVisible(a, this.rawLineData, G);
 			r < 2 || (this.renderer.updateFloatBuffer(this.rawLineBuffer, this.rawLineData), n ? (this.renderer.drawMinMaxSegments(this.rawLineBuffer, r, e.style, this.camera), this.recordRenderMode("minmax")) : (this.renderer.drawLineStrip(this.rawLineBuffer, r, e.style, this.camera), this.recordRenderMode("raw")), this.stats.pointsRendered += r, this.stats.drawCalls++, this.stats.uploadBytes += this.rawLineData.byteLength);
 		}
 		this.axisOverlay?.update(this.camera, this.axis), this.stats.frameMs = performance.now() - e, this.refreshHover();
@@ -1663,19 +1690,28 @@ var ne = class {
 		for (let e of this.pluginDisposers.splice(0)) e();
 		this.axisOverlay?.dispose(), this.renderer.dispose(), this.layout.dispose();
 	}
+	applyTheme() {
+		this.layout.root.style.background = this.resolvedTheme.backgroundCssColor, this.options.gridStyle?.color === void 0 && (this.gridStyle = {
+			...this.gridStyle,
+			color: this.resolvedTheme.gridColor
+		}), this.axisOverlay?.setOptions({
+			color: this.resolvedTheme.axisColor,
+			font: this.resolvedTheme.axisFont
+		});
+	}
 	applyCanvasSize(e = globalThis.devicePixelRatio) {
 		let t = Number.isFinite(e) ? Math.max(1, e) : 1, n = Math.max(1, Math.floor(this.canvas.clientWidth * t)), r = Math.max(1, Math.floor(this.canvas.clientHeight * t));
 		return this.canvas.width === n && this.canvas.height === r ? !1 : (this.canvas.width = n, this.canvas.height = r, !0);
 	}
 	drawAreaSeries(e, t) {
-		let n = e.style.baseline ?? 0, r = e.copyAreaVisible(t, this.rawLineData, q, n);
+		let n = e.style.baseline ?? 0, r = e.copyAreaVisible(t, this.rawLineData, K, n);
 		if (r < 4) return;
 		this.renderer.updateFloatBuffer(this.rawLineBuffer, this.rawLineData), this.renderer.drawAreaStrip(this.rawLineBuffer, r, e.style, this.camera), this.stats.pointsRendered += r, this.stats.drawCalls++, this.stats.uploadBytes += this.rawLineData.byteLength;
-		let i = this.uploadRawInstances(e, t, q);
+		let i = this.uploadRawInstances(e, t, K);
 		i >= 2 && (this.renderer.drawLineStrip(this.rawLineBuffer, i, e.style, this.camera), this.stats.pointsRendered += i, this.stats.drawCalls++), this.recordRenderMode("area");
 	}
 	drawScatterSeries(e, t) {
-		let n = this.uploadRawInstances(e, t, K);
+		let n = this.uploadRawInstances(e, t, G);
 		n <= 0 || (this.renderer.supportsInstancedPoints ? this.renderer.drawPointsInstanced(this.rawLineBuffer, n, e.style, this.camera, this.canvas.width, this.canvas.height) : this.renderer.drawPointSprites(this.rawLineBuffer, n, e.style, this.camera), this.recordInstancedDraw("points", n));
 	}
 	drawBarSeries(e, t) {
@@ -1703,7 +1739,7 @@ var ne = class {
 	}
 	includeBaselineInBarRanges(e, t) {
 		for (let n = 0; n < e; n++) {
-			let e = n * Y, r = this.minMaxInstanceData[e + 1], i = this.minMaxInstanceData[e + 2];
+			let e = n * J, r = this.minMaxInstanceData[e + 1], i = this.minMaxInstanceData[e + 2];
 			this.minMaxInstanceData[e + 1] = Math.min(t, r), this.minMaxInstanceData[e + 2] = Math.max(t, i);
 		}
 	}
@@ -1737,7 +1773,7 @@ var ne = class {
 		return [Math.max(n.xMin, s), Math.min(n.xMax, c)];
 	}
 	writeBarTriangle(e, t, n, r, i) {
-		let a = e * Z;
+		let a = e * X;
 		this.barTriangleData[a] = t, this.barTriangleData[a + 1] = r, this.barTriangleData[a + 2] = n, this.barTriangleData[a + 3] = r, this.barTriangleData[a + 4] = t, this.barTriangleData[a + 5] = i, this.barTriangleData[a + 6] = t, this.barTriangleData[a + 7] = i, this.barTriangleData[a + 8] = n, this.barTriangleData[a + 9] = r, this.barTriangleData[a + 10] = n, this.barTriangleData[a + 11] = i;
 	}
 	drawBarTriangleFallback(e, t) {
@@ -1801,6 +1837,9 @@ var ne = class {
 		for (let e of this.seriesSubscribers) e();
 		this.refreshHover();
 	}
+	emitThemeChange() {
+		for (let e of this.themeSubscribers) e();
+	}
 	drawDomTextForScreenshot(e, t, n) {
 		let r = this.layout.root.querySelectorAll("div");
 		for (let i of r) {
@@ -1813,24 +1852,24 @@ var ne = class {
 		}
 	}
 	maxMinMaxSegments() {
-		return Math.min(this.canvas.width, J);
+		return Math.min(this.canvas.width, q);
 	}
 	maxBarFallbackBars() {
-		return Math.min(X, K);
+		return Math.min(Y, G);
 	}
 	maxRawBarInstances() {
-		return this.renderer.supportsInstancedBars ? K : this.maxBarFallbackBars();
+		return this.renderer.supportsInstancedBars ? G : this.maxBarFallbackBars();
 	}
 	writeGridVertices(e) {
 		let t = Math.max(1, this.canvas.clientWidth), n = Math.max(1, this.canvas.clientHeight);
 		this.axis.getXTickValues(t, 12, this.xTicks), this.axis.getYTickValues(n, 8, this.yTicks);
 		let r = 0;
 		for (let t of this.xTicks) {
-			if (r + 2 > Q) return r;
+			if (r + 2 > Z) return r;
 			this.gridData[r * 2] = t, this.gridData[r * 2 + 1] = e.yMin, r++, this.gridData[r * 2] = t, this.gridData[r * 2 + 1] = e.yMax, r++;
 		}
 		for (let t of this.yTicks) {
-			if (r + 2 > Q) return r;
+			if (r + 2 > Z) return r;
 			this.gridData[r * 2] = e.xMin, this.gridData[r * 2 + 1] = t, r++, this.gridData[r * 2] = e.xMax, this.gridData[r * 2 + 1] = t, r++;
 		}
 		return r;
@@ -1838,7 +1877,7 @@ var ne = class {
 	recordRenderMode(e) {
 		this.stats.renderMode === "none" ? this.stats.renderMode = e : this.stats.renderMode !== e && (this.stats.renderMode = "mixed");
 	}
-}, re = class {
+}, ie = class {
 	xData;
 	yData;
 	constructor(e, t) {
@@ -1880,6 +1919,6 @@ var ne = class {
 	}
 };
 //#endregion
-export { O as AxisController, D as Camera2D, ne as Chart, j as DEFAULT_CHART_THEME, n as MinMaxPyramid, a as RingBuffer, i as SeriesStore, re as StaticDataset };
+export { D as AxisController, E as Camera2D, re as Chart, A as DEFAULT_CHART_THEME, n as MinMaxPyramid, a as RingBuffer, i as SeriesStore, ie as StaticDataset };
 
 //# sourceMappingURL=index.js.map