@weasel-js/core 1.7.3 → 1.8.1

package/dist/renderer/draw.js

@@ -14,19 +14,20 @@ import { outlineStrokeMesh as h, quantizeEmWidth as g } from "./cache/outlineStr
 import { resolveMarkerSize as _ } from "../core/markerInset.js";
 import { quantizeStrokeScale as v, strokeMesh as y } from "./cache/strokeMeshCache.js";
 import { cachedMarkerCommands as b } from "./cache/markerCommandCache.js";
-import { COMPOSITE_PROGRAM_ID as ee } from "./effects/composite.js";
-import { SYNTHETIC_ITALIC_RADIANS as x } from "./syntheticItalic.js";
-import { GLYPH_MODE_MSDF as S, GLYPH_MODE_R8 as te, dynamicPageTextureId as C, ensureFontTexture as ne, glyphFieldScale as re, syncDynamicPageTexture as ie, textureCacheKey as ae } from "@weasel-js/font";
-import { cachedLayoutRuns as oe, resolveTextStyle as se, verticalAlignOffset as ce } from "@weasel-js/text";
-import { tessellate as le } from "@weasel-js/geom/tessellate";
+import { axisAlignedClipRect as ee, intersectClipRects as x } from "./batchClip.js";
+import { COMPOSITE_PROGRAM_ID as S } from "./effects/composite.js";
+import { SYNTHETIC_ITALIC_RADIANS as te } from "./syntheticItalic.js";
+import { GLYPH_MODE_MSDF as C, GLYPH_MODE_R8 as ne, dynamicPageTextureId as re, ensureFontTexture as ie, glyphFieldScale as ae, syncDynamicPageTexture as oe, textureCacheKey as se } from "@weasel-js/font";
+import { cachedLayoutRuns as ce, resolveTextStyle as le, verticalAlignOffset as ue } from "@weasel-js/text";
+import { tessellate as de } from "@weasel-js/geom/tessellate";
 //#region src/renderer/draw.ts
 function w(e, t, n) {
 	e.gl.drawElements(e.gl.TRIANGLES, t, n, 0), e.stats && e.stats.drawCalls++;
 }
-var ue = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap();
+var fe = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap();
 function T(e, t) {
-	let n = ue.get(e);
-	n || (n = /* @__PURE__ */ new WeakMap(), ue.set(e, n));
+	let n = fe.get(e);
+	n || (n = /* @__PURE__ */ new WeakMap(), fe.set(e, n));
 	let r = n.get(t);
 	return r || (r = {}, n.set(t, r)), r;
 }
@@ -35,7 +36,7 @@ function E(e, t) {
 	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function fe(e, t, n, r, i, a) {
+function me(e, t, n, r, i, a) {
 	let o = t.uniform("u_color");
 	if (o === void 0) return;
 	let s = T(e, t), c = s.color;
@@ -53,9 +54,9 @@ function D(e, t, n) {
 	i.alpha !== n && (e.gl.uniform1f(r, n), i.alpha = n);
 }
 var O = o.identity();
-function pe(e) {
-	let t = de.get(e);
-	return t || (t = o.screenToClip(e.widthCss, e.heightCss), de.set(e, t)), t;
+function he(e) {
+	let t = pe.get(e);
+	return t || (t = o.screenToClip(e.widthCss, e.heightCss), pe.set(e, t)), t;
 }
 var k = /* @__PURE__ */ new Float32Array(16);
 function A(e, t, n = e.state.colorMatrix) {
@@ -75,31 +76,31 @@ function A(e, t, n = e.state.colorMatrix) {
 		E(i.colorBias, e) || (r.uniform4f(o, e[0], e[1], e[2], e[3]), i.colorBias = Float32Array.from(e));
 	}
 }
-function me(e, t) {
-	return e.flattenTolerance === void 0 ? f(t) : le(t, { flattenTolerance: e.flattenTolerance });
+function ge(e, t) {
+	return e.flattenTolerance === void 0 ? f(t) : de(t, { flattenTolerance: e.flattenTolerance });
 }
-function he(e, t) {
+function _e(e, t) {
 	return e.flattenTolerance === void 0 ? e.meshCache.handleFor(t) : e.meshCache.uploadTransient(t);
 }
-function ge(e, t) {
-	return he(e, me(e, t));
+function ve(e, t) {
+	return _e(e, ge(e, t));
 }
-function j(e, t) {
+function ye(e, t) {
 	switch (t.kind) {
-		case "group": return Oe(e, t);
-		case "path": return ke(e, t);
-		case "text": return bt(e, t);
-		case "image": return Lt(e, t);
-		case "sprites": return Rt(e, t);
-		case "shader": return H(e), we(e, t);
+		case "group": return je(e, t);
+		case "path": return Le(e, t);
+		case "text": return At(e, t);
+		case "image": return Jt(e, t);
+		case "sprites": return Yt(e, t);
+		case "shader": return P(e), De(e, t);
 	}
 }
-var _e = /* @__PURE__ */ new Set();
-function ve(e, t) {
+var be = /* @__PURE__ */ new Set();
+function xe(e, t) {
 	let n = `${e}:${t}`;
-	_e.has(n) || (_e.add(n), (typeof process > "u" || process.env.NODE_ENV !== "production") && console.warn(`weasel drawShader: uniform "${t}" not found in program "${e}". Check spelling, ensure it's used in the shader (unused uniforms are optimized away by the driver).`));
+	be.has(n) || (be.add(n), (typeof process > "u" || process.env.NODE_ENV !== "production") && console.warn(`weasel drawShader: uniform "${t}" not found in program "${e}". Check spelling, ensure it's used in the shader (unused uniforms are optimized away by the driver).`));
 }
-function ye(e, t, n, r, i) {
+function Se(e, t, n, r, i) {
 	if (typeof n == "object" && n && !Array.isArray(n) && !(n instanceof Float32Array) && "id" in n && typeof n.id == "string") {
 		let a = n, o = c(a.id);
 		if (!o) {
@@ -137,7 +138,7 @@ function ye(e, t, n, r, i) {
 		return;
 	}
 }
-var be = {
+var Ce = {
 	float: {
 		fn: "uniform1fv",
 		n: 1
@@ -263,11 +264,11 @@ var be = {
 		matrix: !0
 	}
 };
-function xe(e) {
+function we(e) {
 	return Array.isArray(e) || e instanceof Float32Array || e instanceof Int32Array || e instanceof Uint32Array;
 }
-function Se(e, t, n, r) {
-	let i = typeof process < "u" ? process.env.NODE_ENV !== "production" : !0, a = be[n.type];
+function Te(e, t, n, r) {
+	let i = typeof process < "u" ? process.env.NODE_ENV !== "production" : !0, a = Ce[n.type];
 	if (!a) {
 		i && console.warn(`weasel setUniform: array uniform "${t}" has type ${n.type}, which cannot be written as a whole`);
 		return;
@@ -280,22 +281,22 @@ function Se(e, t, n, r) {
 	let o = e[a.fn];
 	a.matrix ? o.call(e, n.location, !1, r) : o.call(e, n.location, r);
 }
-function Ce(e, t, n, r, i, a) {
+function Ee(e, t, n, r, i, a) {
 	for (let [o, s] of Object.entries(r)) {
 		let r = t.uniformArray(o);
-		if (r && xe(s)) {
-			Se(e, o, r, s);
+		if (r && we(s)) {
+			Te(e, o, r, s);
 			continue;
 		}
 		let c = t.uniform(o);
 		if (c === void 0) {
-			ve(n, o);
+			xe(n, o);
 			continue;
 		}
-		ye(e, c, s, i, a);
+		Se(e, c, s, i, a);
 	}
 }
-function we(e, t) {
+function De(e, t) {
 	let { gl: n, programRegistry: r, quadVbo: i, quadIbo: a, textureCache: s } = e, c = r.get(t.program.id);
 	if (!c) {
 		console.warn(`weasel drawShader: program "${t.program.id}" not compiled on this renderer. Call renderer.registerProgram(handle) after the module-level registerProgram().`);
@@ -313,36 +314,36 @@ function we(e, t) {
 	let p = c.uniform("u_bounds");
 	p !== void 0 && n.uniform4f(p, t.bounds.x, t.bounds.y, t.bounds.w, t.bounds.h);
 	let m = c.uniform("u_view");
-	m !== void 0 && n.uniformMatrix3fv(m, !1, e.state.transform), Ce(n, c, t.program.id, t.uniforms, s, { value: 1 }), Y(e), w(e, 6, e.gl.UNSIGNED_SHORT), l !== void 0 && n.disableVertexAttribArray(l), u !== void 0 && n.disableVertexAttribArray(u), n.bindBuffer(n.ARRAY_BUFFER, null), n.bindBuffer(n.ELEMENT_ARRAY_BUFFER, null);
+	m !== void 0 && n.uniformMatrix3fv(m, !1, e.state.transform), Ee(n, c, t.program.id, t.uniforms, s, { value: 1 }), Z(e), w(e, 6, e.gl.UNSIGNED_SHORT), l !== void 0 && n.disableVertexAttribArray(l), u !== void 0 && n.disableVertexAttribArray(u), n.bindBuffer(n.ARRAY_BUFFER, null), n.bindBuffer(n.ELEMENT_ARRAY_BUFFER, null);
 }
-function Te(e, t, n, r, i) {
+function Oe(e, t, n, r, i) {
 	let a = e.gl;
-	H(e);
-	let o = e.renderTarget ?? null, s = e.clipDepth, c = a.isEnabled(a.SCISSOR_TEST), l = n.acquire(r, i), u = e.state.pushIsolated({ transform: t.transform });
-	e.clipDepth = 0, a.bindFramebuffer(a.FRAMEBUFFER, l.fbo), e.renderTarget = l, a.viewport(0, 0, r, i), a.disable(a.SCISSOR_TEST), a.stencilMask(255), a.clear(a.COLOR_BUFFER_BIT | a.STENCIL_BUFFER_BIT);
-	for (let n of t.children) j(e, n);
-	H(e), a.disable(a.BLEND);
+	P(e);
+	let o = e.renderTarget ?? null, s = e.clipDepth, c = e.clipStack, l = e.drawBatch.clip, u = a.isEnabled(a.SCISSOR_TEST), d = n.acquire(r, i), f = e.state.pushIsolated({ transform: t.transform });
+	e.clipDepth = 0, e.clipStack = [], e.drawBatch.clip = null, a.bindFramebuffer(a.FRAMEBUFFER, d.fbo), e.renderTarget = d, a.viewport(0, 0, r, i), a.disable(a.SCISSOR_TEST), a.stencilMask(255), a.clear(a.COLOR_BUFFER_BIT | a.STENCIL_BUFFER_BIT);
+	for (let n of t.children) ye(e, n);
+	G(e), a.disable(a.BLEND);
 	for (let o of t.effects) {
 		let t = e.ensureProgram?.(o.program.id) ?? null;
 		if (!t) {
-			ve(o.program.id, "(program)");
+			xe(o.program.id, "(program)");
 			continue;
 		}
 		let s = n.acquire(r, i);
-		a.bindFramebuffer(a.FRAMEBUFFER, s.fbo), a.viewport(0, 0, r, i), a.clear(a.COLOR_BUFFER_BIT), De(e, t, l.texture, r, i, o.uniforms, void 0, o.program.id), n.release(l), l = s;
+		a.bindFramebuffer(a.FRAMEBUFFER, s.fbo), a.viewport(0, 0, r, i), a.clear(a.COLOR_BUFFER_BIT), Ae(e, t, d.texture, r, i, o.uniforms, void 0, o.program.id), n.release(d), d = s;
 	}
-	a.enable(a.BLEND), e.state.pop(), e.clipDepth = s, e.renderTarget = o, Ee(e, r, i, c);
-	let d = e.ensureProgram?.(ee) ?? null;
-	d && (Y(e), De(e, d, l.texture, r, i, void 0, {
-		alpha: u.alpha,
-		colorMatrix: u.colorMatrix
-	})), n.release(l);
-}
-function Ee(e, t, n, r) {
+	a.enable(a.BLEND), e.state.pop(), e.clipDepth = s, e.clipStack = c, e.drawBatch.clip = l, e.renderTarget = o, ke(e, r, i, u);
+	let p = e.ensureProgram?.(S) ?? null;
+	p && (Z(e), Ae(e, p, d.texture, r, i, void 0, {
+		alpha: f.alpha,
+		colorMatrix: f.colorMatrix
+	})), n.release(d);
+}
+function ke(e, t, n, r) {
 	let i = e.gl, a = e.renderTarget ?? null;
 	i.bindFramebuffer(i.FRAMEBUFFER, a ? a.fbo : null), a ? i.viewport(0, 0, t, n) : (e.restoreTargetRect?.(), r && i.enable(i.SCISSOR_TEST));
 }
-function De(e, t, n, r, i, a, o, s) {
+function Ae(e, t, n, r, i, a, o, s) {
 	let c = e.gl;
 	c.useProgram(t.handle);
 	let l = t.attribute("a_position"), u = t.attribute("a_uv");
@@ -356,11 +357,11 @@ function De(e, t, n, r, i, a, o, s) {
 		let n = t.uniform("u_alpha");
 		n !== void 0 && c.uniform1f(n, o.alpha), A(e, t, o.colorMatrix);
 	}
-	a && Ce(c, t, s ?? "effect", a, e.textureCache, { value: 1 }), w(e, 6, e.gl.UNSIGNED_SHORT), l !== void 0 && l >= 0 && c.disableVertexAttribArray(l), u !== void 0 && u >= 0 && c.disableVertexAttribArray(u), c.bindBuffer(c.ARRAY_BUFFER, null), c.bindBuffer(c.ELEMENT_ARRAY_BUFFER, null);
+	a && Ee(c, t, s ?? "effect", a, e.textureCache, { value: 1 }), w(e, 6, e.gl.UNSIGNED_SHORT), l !== void 0 && l >= 0 && c.disableVertexAttribArray(l), u !== void 0 && u >= 0 && c.disableVertexAttribArray(u), c.bindBuffer(c.ARRAY_BUFFER, null), c.bindBuffer(c.ELEMENT_ARRAY_BUFFER, null);
 }
-function Oe(e, t) {
+function je(e, t) {
 	if (t.effects && t.effects.length > 0 && e.effectTargets && e.deviceWidth && e.deviceHeight) {
-		Te(e, t, e.effectTargets, e.deviceWidth, e.deviceHeight);
+		Oe(e, t, e.effectTargets, e.deviceWidth, e.deviceHeight);
 		return;
 	}
 	if (e.state.push({
@@ -368,72 +369,129 @@ function Oe(e, t) {
 		alpha: t.alpha,
 		colorMatrix: t.colorMatrix
 	}), t.clip) {
+		let n = e.clipStack.reduce((e, t) => e + +(t.depth === 0), 0);
+		if (e.clipDepth + n + 1 > 7) throw e.state.pop(), Error("weasel: clip nesting depth exceeded (max 7). You can't nest more than 7 levels of clipped containers in a single draw tree. Flatten the hierarchy or compose poses outside the scene graph.");
+		Me(e, t.clip);
+	}
+	for (let n of t.children) ye(e, n);
+	t.clip && Ne(e), e.state.pop();
+}
+function Me(e, t) {
+	let n = e.state.transform, r = ee(t, n);
+	if (r === null) {
+		Pe(e);
+		let r = e.clipDepth + 1;
+		vt(e, t, r), e.clipDepth = r, e.clipStack.push({
+			path: t,
+			transform: n,
+			rect: null,
+			depth: r
+		});
+	} else e.clipStack.push({
+		path: t,
+		transform: n,
+		rect: r,
+		depth: 0
+	});
+	Fe(e);
+}
+function Ne(e) {
+	let t = e.clipStack.pop();
+	t.depth > 0 && (yt(e, t.path, t.depth - 1, t.transform), e.clipDepth = t.depth - 1), Fe(e);
+}
+function Pe(e) {
+	for (let t of e.clipStack) {
+		if (t.depth !== 0) continue;
 		let n = e.clipDepth + 1;
-		if (n > 7) throw e.state.pop(), Error("weasel: clip nesting depth exceeded (max 7). You can't nest more than 7 levels of clipped containers in a single draw tree. Flatten the hierarchy or compose poses outside the scene graph.");
-		lt(e, t.clip, n), e.clipDepth = n;
+		vt(e, t.path, n, t.transform), t.depth = n, e.clipDepth = n;
 	}
-	for (let n of t.children) j(e, n);
-	t.clip && (ut(e, t.clip, e.clipDepth - 1), --e.clipDepth), e.state.pop();
 }
-function ke(e, t) {
-	t.fill && Ae(e, t), t.stroke?.paint && pt(e, t);
+function Fe(e) {
+	let t = null;
+	for (let n of e.clipStack) n.rect && (t = t ? x(t, n.rect) : n.rect);
+	e.drawBatch.clip = t;
+}
+function Ie(e) {
+	let t = e.clipStack;
+	if (t.length === 0 || e.uncut) return e.clipDepth;
+	for (let e = t.length - 1; e >= 0; e--) if (t[e].rect === null) return t[e].depth;
+	for (let e of t) if (e.depth > 0) return e.depth - 1;
+	return e.clipDepth;
+}
+function j(e) {
+	Pe(e);
+	let t = e.drawBatch.clip;
+	return e.drawBatch.clip = null, e.uncut = !0, t;
+}
+function M(e, t) {
+	e.drawBatch.clip = t, e.uncut = !1;
 }
-function Ae(e, t) {
-	let n = t.fill, r = n.fill === void 0 || n.fill === "solid", i = !!(t.vertexColors && t.vertexColors.length > 0), a = n, o = z(e, n, i);
+function N(e, t, n, r) {
+	let i = j(e);
+	r(e, t, n), M(e, i);
+}
+function P(e) {
+	G(e), e.clipStack.length > 0 && Pe(e);
+}
+function Le(e, t) {
+	t.fill && Re(e, t), t.stroke?.paint && Ct(e, t);
+}
+function Re(e, t) {
+	let n = t.fill, r = n.fill === void 0 || n.fill === "solid", i = !!(t.vertexColors && t.vertexColors.length > 0), a = n, o = H(e, n, i);
 	if (o === null) return;
 	if (o !== void 0 && t.path.kind === "rect") {
-		o.kind === "ramp" ? Je(e, t.path, o) : Ve(e, t.path, o);
+		o.kind === "ramp" ? nt(e, t.path, o) : Ye(e, t.path, o);
 		return;
 	}
-	let s = me(e, t.path);
-	if (V(e, s, o)) return;
-	let c = he(e, s);
-	r && i ? Xe(e, t, a, c) : c.requiresStencil ? dt(e, n, c) : q(e, n, c);
+	let s = ge(e, t.path);
+	if (W(e, s, o)) return;
+	let c = _e(e, s);
+	r && i ? it(e, t, a, c) : c.requiresStencil ? bt(e, n, c) : lt(e, n, c);
 }
-var je = new Int32Array(Array.from({ length: t }, (e, t) => t)), M = new Float32Array(2 * t);
-function Me(e) {
+var ze = new Int32Array(Array.from({ length: t }, (e, t) => t)), F = new Float32Array(2 * t);
+function Be(e) {
 	return e === s || E(s, e);
 }
-function N(e, t, n, r, i = 0) {
-	if (t.clipDepth !== e.clipDepth || t.synthBold !== i || !t.foldsAlpha && t.alpha !== e.state.alpha || n !== void 0 && Ne(t, n, r) < 0) return !1;
+function I(e, t, n, r, i = 0) {
+	if (t.clipDepth !== (e.clipStack.length === 0 ? e.clipDepth : Ie(e)) || t.synthBold !== i || !t.foldsAlpha && t.alpha !== e.state.alpha || n !== void 0 && Ve(t, n, r) < 0) return !1;
 	let a = e.state.colorMatrix;
 	return t.colorMatrix === a || E(t.colorMatrix, a);
 }
-function Ne(e, t, n) {
+function Ve(e, t, n) {
 	for (let r = 0; r < e.textures.length; r++) {
 		let i = e.textures[r];
 		if (i.kind === "bitmap" && i.image === t) return i.sampling === n ? r + 1 : -1;
 	}
-	return P(e);
+	return L(e);
 }
-function Pe(e) {
+function He(e) {
 	for (let t = 0; t < e.textures.length; t++) if (e.textures[t].kind === "ramps") return t + 1;
-	return P(e);
+	return L(e);
 }
-function Fe(e, t) {
+function Ue(e, t) {
 	for (let n = 0; n < e.textures.length; n++) {
 		let r = e.textures[n];
 		if (r.kind === "atlas" && r.id === t) return n + 1;
 	}
-	return P(e);
+	return L(e);
 }
-function P(e) {
+function L(e) {
 	return e.textures.length + 1 < t ? e.textures.length + 1 : -1;
 }
-var Ie = 256;
-function Le(e) {
-	return !e.requiresStencil && e.vertices.length >> 1 <= Ie;
+var We = 256;
+function Ge(e) {
+	return !e.requiresStencil && e.vertices.length >> 1 <= We;
 }
-function F(e, t) {
-	return e.batchState !== void 0 && !N(e, e.batchState) && H(e), e.drawBatch.wouldOverflow(t) && H(e), I(e);
+function R(e, t) {
+	return e.batchState !== void 0 && !I(e, e.batchState) && G(e), e.drawBatch.wouldOverflow(t) && G(e), z(e);
 }
-function I(e) {
+function z(e) {
 	if (e.batchState === void 0) {
-		let t = e.state.colorMatrix, n = Me(t);
+		let t = e.state.colorMatrix, n = Be(t);
 		e.batchState = {
 			alpha: n ? 1 : e.state.alpha,
 			colorMatrix: t,
-			clipDepth: e.clipDepth,
+			clipDepth: Ie(e),
 			synthBold: 0,
 			foldsAlpha: n,
 			textures: []
@@ -441,9 +499,9 @@ function I(e) {
 	}
 	return e.batchState;
 }
-function L(e, t, n) {
-	e.batchState !== void 0 && !N(e, e.batchState, t, n) && H(e), e.drawBatch.wouldOverflow(4) && H(e);
-	let r = I(e), i = Ne(r, t, n);
+function B(e, t, n) {
+	e.batchState !== void 0 && !I(e, e.batchState, t, n) && G(e), e.drawBatch.wouldOverflow(4) && G(e);
+	let r = z(e), i = Ve(r, t, n);
 	return i > r.textures.length && (r.textures.push({
 		kind: "bitmap",
 		image: t,
@@ -453,11 +511,11 @@ function L(e, t, n) {
 		slot: i
 	};
 }
-function Re(e, t, n, r) {
-	e.batchState !== void 0 && (!N(e, e.batchState, void 0, void 0, r) || Fe(e.batchState, t) < 0) && H(e), e.drawBatch.wouldOverflow(4) && H(e);
-	let i = I(e);
+function V(e, t, n, r) {
+	e.batchState !== void 0 && (!I(e, e.batchState, void 0, void 0, r) || Ue(e.batchState, t) < 0) && G(e), e.drawBatch.wouldOverflow(4) && G(e);
+	let i = z(e);
 	i.synthBold = r;
-	let a = Fe(i, t);
+	let a = Ue(i, t);
 	return a > i.textures.length && (i.textures.push({
 		kind: "atlas",
 		id: t,
@@ -467,36 +525,36 @@ function Re(e, t, n, r) {
 		slot: a
 	};
 }
-function ze(e, t, n, r) {
-	e.gradRamps.wouldReshape(t, n) && H(e), e.batchState !== void 0 && (!N(e, e.batchState) || Pe(e.batchState) < 0) && H(e), e.drawBatch.wouldOverflow(r) && H(e);
-	let i = I(e), a = Pe(i);
+function Ke(e, t, n, r) {
+	e.gradRamps.wouldReshape(t, n) && G(e), e.batchState !== void 0 && (!I(e, e.batchState) || He(e.batchState) < 0) && G(e), e.drawBatch.wouldOverflow(r) && G(e);
+	let i = z(e), a = He(i);
 	return a > i.textures.length && (i.textures.push({ kind: "ramps" }), a = i.textures.length), {
 		staged: i,
 		slot: a,
 		rowV: e.gradRamps.rowV(e.gradRamps.upload(t, n))
 	};
 }
-function R(e, t, n) {
+function qe(e, t, n) {
 	return (n ?? 1) * (t.foldsAlpha ? e.state.alpha : 1);
 }
-function Be(e, t, n) {
+function Je(e, t, n) {
 	let [r, i, o, s] = a(n.color);
 	return [
 		r,
 		i,
 		o,
-		s * R(e, t, n.opacity)
+		s * qe(e, t, n.opacity)
 	];
 }
-function Ve(e, t, n) {
-	let [r, i, a, o] = Be(e, F(e, 4), n);
-	e.drawBatch.pushRect(t.x, t.y, t.width, t.height, e.state.transform, r, i, a, o);
+function Ye(e, t, n) {
+	let [r, i, a, o] = Je(e, R(e, 4), n);
+	e.drawBatch.pushRect(t.x, t.y, t.width, t.height, e.state.transform, r, i, a, o) || N(e, t, n, Ye);
 }
-function He(e, t, n) {
-	let [r, i, a, o] = Be(e, F(e, t.vertices.length >> 1), n);
-	e.drawBatch.pushMesh(t, e.state.transform, r, i, a, o);
+function Xe(e, t, n) {
+	let [r, i, a, o] = Je(e, R(e, t.vertices.length >> 1), n);
+	e.drawBatch.pushMesh(t, e.state.transform, r, i, a, o) || N(e, t, n, Xe);
 }
-function z(e, t, a) {
+function H(e, t, a) {
 	if (a) return;
 	let o = t.fill ?? "solid";
 	if (o === "solid") {
@@ -508,10 +566,10 @@ function z(e, t, a) {
 		};
 	}
 	if (o !== "linear-gradient" && o !== "radial-gradient" && o !== "conic-gradient") return;
-	let s = t, c = Ue(e, s.units);
-	return c ? s.fill === "linear-gradient" ? B(s, r, We(c, s)) : s.fill === "radial-gradient" ? B(s, i, Ge(c, s)) : B(s, n, Ke(c, s)) : null;
+	let s = t, c = Ze(e, s.units);
+	return c ? s.fill === "linear-gradient" ? U(s, r, Qe(c, s)) : s.fill === "radial-gradient" ? U(s, i, $e(c, s)) : U(s, n, et(c, s)) : null;
 }
-function B(e, t, n) {
+function U(e, t, n) {
 	return {
 		kind: "ramp",
 		stops: e.stops,
@@ -521,11 +579,11 @@ function B(e, t, n) {
 		uv: n
 	};
 }
-function Ue(e, t) {
-	let n = J(e, t);
+function Ze(e, t) {
+	let n = X(e, t);
 	return n && o.multiply(n, e.state.transform);
 }
-function We(e, t) {
+function Qe(e, t) {
 	let n = t.to.x - t.from.x, r = t.to.y - t.from.y, i = Math.hypot(n, r) || 1, a = 1 / (i * i);
 	return {
 		ux: (e[0] * n + e[1] * r) * a,
@@ -536,7 +594,7 @@ function We(e, t) {
 		v0: 0
 	};
 }
-function Ge(e, t) {
+function $e(e, t) {
 	let n = 1 / Math.max(t.radius, 1e-4);
 	return {
 		ux: e[0] * n,
@@ -547,7 +605,7 @@ function Ge(e, t) {
 		v0: (e[7] - t.center.y) * n
 	};
 }
-function Ke(e, t) {
+function et(e, t) {
 	let n = Math.cos(t.angle), r = Math.sin(t.angle), i = e[6] - t.center.x, a = e[7] - t.center.y;
 	return {
 		ux: n * e[0] + r * e[1],
@@ -558,7 +616,7 @@ function Ke(e, t) {
 		v0: n * a - r * i
 	};
 }
-function qe(e, t) {
+function tt(e, t) {
 	return e.mode === r ? {
 		uv: {
 			...e.uv,
@@ -570,28 +628,31 @@ function qe(e, t) {
 		post: t
 	};
 }
-function Je(e, t, n) {
-	let { staged: r, slot: i, rowV: a } = ze(e, n.stops, n.space, 4), { uv: o, post: s } = qe(n, a);
-	e.drawBatch.pushGradientRect(t.x, t.y, t.width, t.height, e.state.transform, o, s, i, n.mode, 1, 1, 1, R(e, r, n.opacity));
+function nt(e, t, n) {
+	let { staged: r, slot: i, rowV: a } = Ke(e, n.stops, n.space, 4), { uv: o, post: s } = tt(n, a);
+	e.drawBatch.pushGradientRect(t.x, t.y, t.width, t.height, e.state.transform, o, s, i, n.mode, 1, 1, 1, qe(e, r, n.opacity)) || N(e, t, n, nt);
 }
-function Ye(e, t, n) {
-	let { staged: r, slot: i, rowV: a } = ze(e, n.stops, n.space, t.vertices.length >> 1), { uv: o, post: s } = qe(n, a);
-	e.drawBatch.pushGradientMesh(t, e.state.transform, o, s, i, n.mode, 1, 1, 1, R(e, r, n.opacity));
+function rt(e, t, n) {
+	let { staged: r, slot: i, rowV: a } = Ke(e, n.stops, n.space, t.vertices.length >> 1), { uv: o, post: s } = tt(n, a);
+	e.drawBatch.pushGradientMesh(t, e.state.transform, o, s, i, n.mode, 1, 1, 1, qe(e, r, n.opacity)) || N(e, t, n, rt);
 }
-function V(e, t, n) {
-	return n !== void 0 && Le(t) ? (n.kind === "ramp" ? Ye(e, t, n) : He(e, t, n), !0) : (H(e), !1);
+function W(e, t, n) {
+	return n !== void 0 && Ge(t) ? (n.kind === "ramp" ? rt(e, t, n) : Xe(e, t, n), !0) : (P(e), !1);
 }
-function H(e) {
+function G(e) {
 	let t = e.drawBatch, n = e.batchState;
-	if (t.length === 0 || n === void 0) return;
+	if (t.length === 0 || n === void 0) {
+		e.batchState = void 0;
+		return;
+	}
 	let r = e.gl, i = e.batchFill;
 	r.useProgram(i.handle);
 	let a = t.uploadAndBind();
-	W(e, i, O), fe(e, i, 1, 1, 1, 1), D(e, i, n.alpha), r.uniform1f(i.uniform("u_synthBold"), n.synthBold), A(e, i, n.colorMatrix), r.activeTexture(r.TEXTURE0), r.bindTexture(r.TEXTURE_2D, e.whiteTexture);
+	q(e, i, O), me(e, i, 1, 1, 1, 1), D(e, i, n.alpha), r.uniform1f(i.uniform("u_synthBold"), n.synthBold), A(e, i, n.colorMatrix), r.activeTexture(r.TEXTURE0), r.bindTexture(r.TEXTURE_2D, e.whiteTexture);
 	for (let t = 0; t < n.textures.length; t++) {
 		let i = n.textures[t];
 		if (i.kind === "atlas") {
-			e.textureCache.bind(i.id, t + 1), M[2 * (t + 1)] = i.fieldScale[0], M[2 * (t + 1) + 1] = i.fieldScale[1];
+			e.textureCache.bind(i.id, t + 1), F[2 * (t + 1)] = i.fieldScale[0], F[2 * (t + 1) + 1] = i.fieldScale[1];
 			continue;
 		}
 		if (i.kind === "ramps") {
@@ -600,9 +661,9 @@ function H(e) {
 		}
 		e.imageCache.bind(i.image, t + 1), e.imageCache.setMagFilter(i.image, i.sampling === "nearest" ? r.NEAREST : r.LINEAR);
 	}
-	r.uniform1iv(i.uniform("u_samplers"), je), r.uniform2fv(i.uniform("u_fieldScale"), M), Y(e, n.clipDepth), w(e, a, e.gl.UNSIGNED_INT), r.activeTexture(r.TEXTURE0), r.bindVertexArray(null), t.reset(), e.batchState = void 0;
+	r.uniform1iv(i.uniform("u_samplers"), ze), r.uniform2fv(i.uniform("u_fieldScale"), F), Z(e, n.clipDepth), w(e, a, e.gl.UNSIGNED_INT), r.activeTexture(r.TEXTURE0), r.bindVertexArray(null), t.reset(), e.batchState = void 0;
 }
-function U(e, t) {
+function K(e, t) {
 	let n = t.anchorA, r = t.anchorB, i = t.anchorT;
 	if (!n || !r || !i) return new Float32Array(e);
 	let a = n.length, o = new Float32Array(a * 4);
@@ -612,33 +673,33 @@ function U(e, t) {
 	}
 	return o;
 }
-function Xe(e, t, n, r) {
+function it(e, t, n, r) {
 	let i = e.gl, a = e.pathFillVColor;
-	i.useProgram(a.handle), i.bindVertexArray(r.vao), W(e, a), G(e, a, n.color, n.opacity), A(e, a);
-	let o = U(t.vertexColors, r), s = i.createBuffer();
+	i.useProgram(a.handle), i.bindVertexArray(r.vao), q(e, a), J(e, a, n.color, n.opacity), A(e, a);
+	let o = K(t.vertexColors, r), s = i.createBuffer();
 	if (!s) throw Error("drawPathFillVColor: createBuffer (color VBO) returned null");
 	i.bindBuffer(i.ARRAY_BUFFER, s), i.bufferData(i.ARRAY_BUFFER, o, i.DYNAMIC_DRAW);
 	let c = a.attribute("a_vertexColor");
-	c !== void 0 && (i.enableVertexAttribArray(c), i.vertexAttribPointer(c, 4, i.FLOAT, !1, 0, 0)), Y(e), w(e, r.indexCount, e.gl.UNSIGNED_INT), i.bindVertexArray(null), i.deleteBuffer(s);
+	c !== void 0 && (i.enableVertexAttribArray(c), i.vertexAttribPointer(c, 4, i.FLOAT, !1, 0, 0)), Z(e), w(e, r.indexCount, e.gl.UNSIGNED_INT), i.bindVertexArray(null), i.deleteBuffer(s);
 }
-function W(e, t, n = e.state.transform, r = pe(e)) {
+function q(e, t, n = e.state.transform, r = he(e)) {
 	let i = e.gl, a = T(e, t);
 	E(a.proj, r) || (i.uniformMatrix3fv(t.uniform("u_proj"), !1, r), a.proj = Float32Array.from(r)), E(a.model, n) || (i.uniformMatrix3fv(t.uniform("u_model"), !1, n), a.model = Float32Array.from(n));
 }
-function G(e, t, n, r) {
+function J(e, t, n, r) {
 	let [i, o, s, c] = a(n);
-	fe(e, t, i, o, s, c * (r ?? 1)), D(e, t, e.state.alpha);
+	me(e, t, i, o, s, c * (r ?? 1)), D(e, t, e.state.alpha);
 }
-function K(e, t) {
+function Y(e, t) {
 	let n = t.fill ?? "solid";
-	if (n === "solid") return tt(e, t);
-	if (n === "pattern") return nt(e, t);
-	if (n === "linear-gradient" || n === "radial-gradient" || n === "conic-gradient") return ot(e, t);
+	if (n === "solid") return ut(e, t);
+	if (n === "pattern") return dt(e, t);
+	if (n === "linear-gradient" || n === "radial-gradient" || n === "conic-gradient") return ht(e, t);
 	let r = l(n)?.bind;
-	return r ? r(Ze(e), t) : null;
+	return r ? r(at(e), t) : null;
 }
-function Ze(e) {
-	let t = Qe.get(e);
+function at(e) {
+	let t = ot.get(e);
 	if (t) return t;
 	let n = {
 		gl: e.gl,
@@ -646,41 +707,41 @@ function Ze(e) {
 			return e.state.alpha;
 		},
 		program: (t) => e.ensureProgram?.(t) ?? e.programRegistry.get(t) ?? null,
-		setProjAndModel: (t) => W(e, t),
-		spaceInverse: (t) => J(e, t),
-		spaceToDevice: (t) => at(e, t),
+		setProjAndModel: (t) => q(e, t),
+		spaceInverse: (t) => X(e, t),
+		spaceToDevice: (t) => mt(e, t),
 		get maxTextureSize() {
 			return e.imageCache.maxTextureSide;
 		},
-		resources: e.paintResources ?? et(e.gl),
+		resources: e.paintResources ?? ct(e.gl),
 		bindRamp: (t, n, r) => {
 			let i = e.gradRamps.upload(t, r);
 			return e.gradRamps.bind(n), e.gradRamps.rowV(i);
 		}
 	};
-	return Qe.set(e, n), n;
+	return ot.set(e, n), n;
 }
-var Qe = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap();
-function et(t) {
-	let n = $e.get(t);
-	return n || (n = e(), $e.set(t, n)), n;
+var ot = /* @__PURE__ */ new WeakMap(), st = /* @__PURE__ */ new WeakMap();
+function ct(t) {
+	let n = st.get(t);
+	return n || (n = e(), st.set(t, n)), n;
 }
-function q(e, t, n) {
-	if (!K(e, t)) return;
+function lt(e, t, n) {
+	if (!Y(e, t)) return;
 	let r = e.gl;
-	r.bindVertexArray(n.vao), Y(e), w(e, n.indexCount, e.gl.UNSIGNED_INT), r.bindVertexArray(null);
+	r.bindVertexArray(n.vao), Z(e), w(e, n.indexCount, e.gl.UNSIGNED_INT), r.bindVertexArray(null);
 }
-function tt(e, t) {
+function ut(e, t) {
 	let n = e.pathFill;
-	return e.gl.useProgram(n.handle), W(e, n), G(e, n, t.color, t.opacity), A(e, n), n;
+	return e.gl.useProgram(n.handle), q(e, n), J(e, n, t.color, t.opacity), A(e, n), n;
 }
-function nt(e, t) {
-	return rt(e, e.patternFill, t, e.state.transform);
+function dt(e, t) {
+	return ft(e, e.patternFill, t, e.state.transform);
 }
-function rt(e, t, n, r) {
+function ft(e, t, n, r) {
 	let i = n.pattern, a = c(i.id);
 	if (!a) return (typeof process > "u" || process.env.NODE_ENV !== "production") && console.warn(`weasel: pattern TextureHandle "${i.id}" not registered`), null;
-	let o = J(e, n.units);
+	let o = X(e, n.units);
 	if (!o) return null;
 	let s = d(o, n.origin ?? {
 		x: 0,
@@ -689,144 +750,144 @@ function rt(e, t, n, r) {
 	if (!s) return null;
 	e.textureCache.upload(i.id, a.source, "repeat");
 	let l = e.gl;
-	l.useProgram(t.handle), W(e, t, r), A(e, t), l.uniformMatrix3fv(t.uniform("u_worldInv"), !1, s);
-	let [u, f] = it(a.source);
+	l.useProgram(t.handle), q(e, t, r), A(e, t), l.uniformMatrix3fv(t.uniform("u_worldInv"), !1, s);
+	let [u, f] = pt(a.source);
 	return l.uniform2f(t.uniform("u_tileSize"), u, f), e.textureCache.bind(i.id, 0), l.uniform1i(t.uniform("u_sampler"), 0), l.uniform1f(t.uniform("u_opacity"), n.opacity ?? 1), D(e, t, e.state.alpha), t;
 }
-function it(e) {
+function pt(e) {
 	let t = "naturalWidth" in e ? e.naturalWidth : e.width, n = "naturalHeight" in e ? e.naturalHeight : e.height;
 	return [t || 1, n || 1];
 }
-function J(e, t) {
+function X(e, t) {
 	return t === "local" ? o.invert(e.state.transform) : t === "world" && e.viewMatrix ? o.invert(e.viewMatrix) : o.identity();
 }
-function at(e, t) {
-	let n = J(e, t), r = n && o.invert(n);
+function mt(e, t) {
+	let n = X(e, t), r = n && o.invert(n);
 	if (!r) return null;
 	let i = e.deviceWidth && e.widthCss > 0 ? e.deviceWidth / e.widthCss : 1;
 	return o.multiply(o.scaled(o.identity(), i, i), r);
 }
-function ot(e, t) {
-	return st(e, e.gradFill, t, e.state.transform);
+function ht(e, t) {
+	return gt(e, e.gradFill, t, e.state.transform);
 }
-function st(e, t, n, r) {
-	let i = J(e, n.units);
+function gt(e, t, n, r) {
+	let i = X(e, n.units);
 	if (!i) return null;
 	let a = e.gl, o = e.gradRamps.upload(n.stops, n.interpolate ?? "rgb");
-	if (a.useProgram(t.handle), W(e, t, r), a.uniformMatrix3fv(t.uniform("u_worldInv"), !1, i), A(e, t), e.gradRamps.bind(0), a.uniform1i(t.uniform("u_ramp"), 0), a.uniform1f(t.uniform("u_rampV"), e.gradRamps.rowV(o)), D(e, t, e.state.alpha), a.uniform1f(t.uniform("u_opacity"), n.opacity ?? 1), n.fill === "linear-gradient") {
+	if (a.useProgram(t.handle), q(e, t, r), a.uniformMatrix3fv(t.uniform("u_worldInv"), !1, i), A(e, t), e.gradRamps.bind(0), a.uniform1i(t.uniform("u_ramp"), 0), a.uniform1f(t.uniform("u_rampV"), e.gradRamps.rowV(o)), D(e, t, e.state.alpha), a.uniform1f(t.uniform("u_opacity"), n.opacity ?? 1), n.fill === "linear-gradient") {
 		a.uniform1i(t.uniform("u_gradKind"), 0);
 		let e = n.to.x - n.from.x, r = n.to.y - n.from.y, i = Math.hypot(e, r) || 1;
 		a.uniform2f(t.uniform("u_gradP0"), n.from.x, n.from.y), a.uniform2f(t.uniform("u_gradDir"), e / i, r / i), a.uniform1f(t.uniform("u_gradLen"), i), a.uniform1f(t.uniform("u_gradRadius"), 0), a.uniform1f(t.uniform("u_gradAngle"), 0);
 	} else n.fill === "radial-gradient" ? (a.uniform1i(t.uniform("u_gradKind"), 1), a.uniform2f(t.uniform("u_gradP0"), n.center.x, n.center.y), a.uniform2f(t.uniform("u_gradDir"), 0, 0), a.uniform1f(t.uniform("u_gradLen"), 0), a.uniform1f(t.uniform("u_gradRadius"), n.radius), a.uniform1f(t.uniform("u_gradAngle"), 0)) : (a.uniform1i(t.uniform("u_gradKind"), 2), a.uniform2f(t.uniform("u_gradP0"), n.center.x, n.center.y), a.uniform2f(t.uniform("u_gradDir"), 0, 0), a.uniform1f(t.uniform("u_gradLen"), 0), a.uniform1f(t.uniform("u_gradRadius"), 0), a.uniform1f(t.uniform("u_gradAngle"), n.angle));
 	return t;
 }
-function Y(e, t = e.clipDepth) {
+function Z(e, t = e.clipDepth) {
 	let n = e.gl;
 	if (t === 0) {
 		n.disable(n.STENCIL_TEST);
 		return;
 	}
-	let r = X(t);
+	let r = Q(t);
 	n.enable(n.STENCIL_TEST), n.stencilFunc(n.EQUAL, r, r), n.stencilOp(n.KEEP, n.KEEP, n.KEEP);
 }
-function X(e) {
+function Q(e) {
 	return e === 0 ? 0 : (1 << e + 1) - 1 & 254;
 }
-function ct(e, t) {
-	let n = e.gl, r = ge(e, t);
-	n.useProgram(e.pathFill.handle), n.bindVertexArray(r.vao), W(e, e.pathFill), w(e, r.indexCount, e.gl.UNSIGNED_INT), n.bindVertexArray(null);
-}
-function lt(e, t, n) {
-	H(e);
-	let r = e.gl, i = X(n - 1), a = 1 << n, o = i | a;
-	r.enable(r.STENCIL_TEST), r.colorMask(!1, !1, !1, !1), r.stencilMask(a), r.stencilFunc(r.EQUAL, o, i), r.stencilOp(r.KEEP, r.KEEP, r.REPLACE), ct(e, t), r.colorMask(!0, !0, !0, !0), r.stencilMask(255);
-}
-function ut(e, t, n) {
-	H(e);
-	let r = e.gl;
-	r.enable(r.STENCIL_TEST);
-	let i = 1 << n + 1, a = X(n) | i;
-	r.colorMask(!1, !1, !1, !1), r.stencilMask(i), r.stencilFunc(r.EQUAL, a, a), r.stencilOp(r.KEEP, r.KEEP, r.ZERO), ct(e, t), r.colorMask(!0, !0, !0, !0), r.stencilMask(255);
-}
-function dt(e, t, n) {
+function _t(e, t, n) {
+	let r = e.gl, i = ve(e, t);
+	r.useProgram(e.pathFill.handle), r.bindVertexArray(i.vao), q(e, e.pathFill, n), w(e, i.indexCount, e.gl.UNSIGNED_INT), r.bindVertexArray(null);
+}
+function vt(e, t, n, r = e.state.transform) {
+	G(e);
+	let i = e.gl, a = Q(n - 1), o = 1 << n, s = a | o;
+	i.enable(i.STENCIL_TEST), i.colorMask(!1, !1, !1, !1), i.stencilMask(o), i.stencilFunc(i.EQUAL, s, a), i.stencilOp(i.KEEP, i.KEEP, i.REPLACE), _t(e, t, r), i.colorMask(!0, !0, !0, !0), i.stencilMask(255);
+}
+function yt(e, t, n, r = e.state.transform) {
+	e.batchState !== void 0 && e.batchState.clipDepth > n && G(e);
+	let i = e.gl;
+	i.enable(i.STENCIL_TEST);
+	let a = 1 << n + 1, o = Q(n) | a;
+	i.colorMask(!1, !1, !1, !1), i.stencilMask(a), i.stencilFunc(i.EQUAL, o, o), i.stencilOp(i.KEEP, i.KEEP, i.ZERO), _t(e, t, r), i.colorMask(!0, !0, !0, !0), i.stencilMask(255);
+}
+function bt(e, t, n) {
 	let r = e.gl;
-	r.useProgram(e.pathFill.handle), r.bindVertexArray(n.vao), W(e, e.pathFill), r.enable(r.STENCIL_TEST), r.colorMask(!1, !1, !1, !1), r.stencilMask(1), r.stencilFunc(r.ALWAYS, 0, 1), r.stencilOp(r.KEEP, r.KEEP, r.INVERT), w(e, n.indexCount, e.gl.UNSIGNED_INT);
-	let i = X(e.clipDepth);
-	r.colorMask(!0, !0, !0, !0), r.stencilFunc(r.EQUAL, i | 1, i | 1), r.stencilOp(r.KEEP, r.KEEP, r.KEEP), K(e, t) && w(e, n.indexCount, e.gl.UNSIGNED_INT), r.stencilMask(1), r.clear(r.STENCIL_BUFFER_BIT), r.disable(r.STENCIL_TEST), r.bindVertexArray(null);
+	r.useProgram(e.pathFill.handle), r.bindVertexArray(n.vao), q(e, e.pathFill), r.enable(r.STENCIL_TEST), r.colorMask(!1, !1, !1, !1), r.stencilMask(1), r.stencilFunc(r.ALWAYS, 0, 1), r.stencilOp(r.KEEP, r.KEEP, r.INVERT), w(e, n.indexCount, e.gl.UNSIGNED_INT);
+	let i = Q(e.clipDepth);
+	r.colorMask(!0, !0, !0, !0), r.stencilFunc(r.EQUAL, i | 1, i | 1), r.stencilOp(r.KEEP, r.KEEP, r.KEEP), Y(e, t) && w(e, n.indexCount, e.gl.UNSIGNED_INT), r.stencilMask(1), r.clear(r.STENCIL_BUFFER_BIT), r.disable(r.STENCIL_TEST), r.bindVertexArray(null);
 }
-function ft(e, t) {
+function xt(e, t) {
 	let n = t.stroke, { markerStart: r, markerMid: i, markerEnd: a } = n;
-	if (typeof n.width != "object" && !Z(r) && !Z(i) && !Z(a)) return t;
+	if (typeof n.width != "object" && !$(r) && !$(i) && !$(a)) return t;
 	let s = o.meanScaleOf(e.state.transform), c = { ...n };
-	return typeof n.width == "object" && (c.width = p(n.width, v(n.width.px, s))), Z(r) && (c.markerStart = Q(r, s)), Z(i) && (c.markerMid = Q(i, s)), Z(a) && (c.markerEnd = Q(a, s)), {
+	return typeof n.width == "object" && (c.width = p(n.width, v(n.width.px, s))), $(r) && (c.markerStart = St(r, s)), $(i) && (c.markerMid = St(i, s)), $(a) && (c.markerEnd = St(a, s)), {
 		...t,
 		stroke: c
 	};
 }
-function Z(e) {
+function $(e) {
 	return typeof e == "object" && typeof e.size == "object";
 }
-function Q(e, t) {
+function St(e, t) {
 	return {
 		...e,
 		size: _(e, 0, v(e.size.px, t))
 	};
 }
-function pt(e, t) {
-	let n = ft(e, t), r = n.stroke, i = r.align ?? "center";
-	n.path.kind === "polygon" && i !== "center" ? (H(e), _t(e, n, i)) : mt(e, n);
+function Ct(e, t) {
+	let n = xt(e, t), r = n.stroke, i = r.align ?? "center";
+	n.path.kind === "polygon" && i !== "center" ? (P(e), Dt(e, n, i)) : wt(e, n);
 	let a = p(r.width ?? 1, 1);
-	for (let i of b(n.path, t.stroke, r, a, e.flattenTolerance)) ke(e, i);
+	for (let i of b(n.path, t.stroke, r, a, e.flattenTolerance)) Le(e, i);
 }
-function mt(e, t) {
+function wt(e, t) {
 	let n = t.stroke, r = n.paint, i = r.fill === void 0 || r.fill === "solid", a = r, o = y(t.path, n, e.flattenTolerance);
 	if (o.indices.length === 0) return;
-	let s = !!(n.vertexColors && n.vertexColors.length > 0), c = z(e, r, s);
-	if (c === null || V(e, o, c)) return;
+	let s = !!(n.vertexColors && n.vertexColors.length > 0), c = H(e, r, s);
+	if (c === null || W(e, o, c)) return;
 	let l = s ? e.meshCache.uploadTransient(o) : e.meshCache.uploadRecurring(o);
 	if (!i && !s) {
-		q(e, r, l);
+		lt(e, r, l);
 		return;
 	}
 	let u = e.gl;
 	if (s) {
 		let t = e.pathFillVColor;
-		u.useProgram(t.handle), u.bindVertexArray(l.vao), W(e, t), G(e, t, i ? a.color : "#ffffff", r.opacity), A(e, t);
-		let o = U(n.vertexColors, l), s = u.createBuffer();
+		u.useProgram(t.handle), u.bindVertexArray(l.vao), q(e, t), J(e, t, i ? a.color : "#ffffff", r.opacity), A(e, t);
+		let o = K(n.vertexColors, l), s = u.createBuffer();
 		if (!s) throw Error("drawPathStrokeUnclipped: createBuffer (color VBO) returned null");
 		u.bindBuffer(u.ARRAY_BUFFER, s), u.bufferData(u.ARRAY_BUFFER, o, u.DYNAMIC_DRAW);
 		let c = t.attribute("a_vertexColor");
-		c !== void 0 && (u.enableVertexAttribArray(c), u.vertexAttribPointer(c, 4, u.FLOAT, !1, 0, 0)), Y(e), w(e, l.indexCount, e.gl.UNSIGNED_INT), u.bindVertexArray(null), u.deleteBuffer(s);
+		c !== void 0 && (u.enableVertexAttribArray(c), u.vertexAttribPointer(c, 4, u.FLOAT, !1, 0, 0)), Z(e), w(e, l.indexCount, e.gl.UNSIGNED_INT), u.bindVertexArray(null), u.deleteBuffer(s);
 		return;
 	}
-	u.useProgram(e.pathFill.handle), u.bindVertexArray(l.vao), W(e, e.pathFill), G(e, e.pathFill, a.color, a.opacity), A(e, e.pathFill), Y(e), w(e, l.indexCount, e.gl.UNSIGNED_INT), u.bindVertexArray(null);
+	u.useProgram(e.pathFill.handle), u.bindVertexArray(l.vao), q(e, e.pathFill), J(e, e.pathFill, a.color, a.opacity), A(e, e.pathFill), Z(e), w(e, l.indexCount, e.gl.UNSIGNED_INT), u.bindVertexArray(null);
 }
-var ht = /* @__PURE__ */ new WeakMap();
-function gt(e) {
-	let t = ht.get(e);
-	return t === void 0 && (t = e.map((e) => e * 2), ht.set(e, t)), t;
+var Tt = /* @__PURE__ */ new WeakMap();
+function Et(e) {
+	let t = Tt.get(e);
+	return t === void 0 && (t = e.map((e) => e * 2), Tt.set(e, t)), t;
 }
-function _t(e, t, n) {
+function Dt(e, t, n) {
 	let r = t.stroke, i = r.paint, a = i.fill === void 0 || i.fill === "solid", o = i, s = {
 		...r,
 		width: p(r.width ?? 1, 1) * 2,
-		...r.vertexWidths ? { vertexWidths: gt(r.vertexWidths) } : {},
+		...r.vertexWidths ? { vertexWidths: Et(r.vertexWidths) } : {},
 		align: "center"
-	}, c = !!(r.vertexColors && r.vertexColors.length > 0), l = ge(e, t.path), u = y(t.path, s, e.flattenTolerance);
+	}, c = !!(r.vertexColors && r.vertexColors.length > 0), l = ve(e, t.path), u = y(t.path, s, e.flattenTolerance);
 	if (u.indices.length === 0) return;
 	let d = c ? e.meshCache.uploadTransient(u) : e.meshCache.uploadRecurring(u), f = e.gl, m = c ? e.pathFillVColor : e.pathFill;
-	f.useProgram(m.handle), W(e, m), f.enable(f.STENCIL_TEST), f.colorMask(!1, !1, !1, !1), f.stencilMask(1), f.stencilFunc(f.ALWAYS, 1, 1), f.stencilOp(f.KEEP, f.KEEP, f.REPLACE), f.bindVertexArray(l.vao), w(e, l.indexCount, e.gl.UNSIGNED_INT);
-	let h = X(e.clipDepth);
+	f.useProgram(m.handle), q(e, m), f.enable(f.STENCIL_TEST), f.colorMask(!1, !1, !1, !1), f.stencilMask(1), f.stencilFunc(f.ALWAYS, 1, 1), f.stencilOp(f.KEEP, f.KEEP, f.REPLACE), f.bindVertexArray(l.vao), w(e, l.indexCount, e.gl.UNSIGNED_INT);
+	let h = Q(e.clipDepth);
 	f.colorMask(!0, !0, !0, !0), n === "inner" ? f.stencilFunc(f.EQUAL, h | 1, h | 1) : f.stencilFunc(f.EQUAL, h, h | 1), f.stencilOp(f.KEEP, f.KEEP, f.KEEP);
 	let g = m;
-	if (c ? (G(e, m, a ? o.color : "#ffffff", i.opacity), A(e, m)) : g = K(e, i), !g) {
+	if (c ? (J(e, m, a ? o.color : "#ffffff", i.opacity), A(e, m)) : g = Y(e, i), !g) {
 		f.stencilMask(1), f.clear(f.STENCIL_BUFFER_BIT), f.disable(f.STENCIL_TEST), f.bindVertexArray(null);
 		return;
 	}
 	f.bindVertexArray(d.vao);
 	let _ = null;
 	if (c) {
-		let e = U(r.vertexColors, d);
+		let e = K(r.vertexColors, d);
 		if (_ = f.createBuffer(), !_) throw Error("drawPathStrokeStenciled: createBuffer (color VBO) returned null");
 		f.bindBuffer(f.ARRAY_BUFFER, _), f.bufferData(f.ARRAY_BUFFER, e, f.DYNAMIC_DRAW);
 		let t = g.attribute("a_vertexColor");
@@ -834,13 +895,13 @@ function _t(e, t, n) {
 	}
 	w(e, d.indexCount, e.gl.UNSIGNED_INT), f.stencilMask(1), f.clear(f.STENCIL_BUFFER_BIT), f.disable(f.STENCIL_TEST), f.bindVertexArray(null), _ && f.deleteBuffer(_);
 }
-var vt = 48;
-function yt(e) {
+var Ot = 48;
+function kt(e) {
 	let t = Math.hypot(e[0], e[1]), n = Math.hypot(e[3], e[4]);
 	return Math.sqrt(t * n) || 1;
 }
-function bt(e, t) {
-	let n = se(t.style), r = n.lineHeight, i = t.align ?? n.align, a = t.maxWidth ?? Infinity, o = e.textOutlineMinScreenSize ?? vt, s = Number.isFinite(o) ? o / yt(e.state.transform) : void 0, c = oe(t.runs, {
+function At(e, t) {
+	let n = le(t.style), r = n.lineHeight, i = t.align ?? n.align, a = t.maxWidth ?? Infinity, o = e.textOutlineMinScreenSize ?? Ot, s = Number.isFinite(o) ? o / kt(e.state.transform) : void 0, c = ce(t.runs, {
 		maxWidth: a,
 		alignWidth: t.width,
 		lineHeight: r,
@@ -849,35 +910,35 @@ function bt(e, t) {
 		outlineMinSize: s
 	});
 	if (c.groups.length === 0 && c.decorations.length === 0) return;
-	let l = t.x, u = t.y + ce(t.verticalAlign, t.height, c.bounds.height);
-	for (let t of c.groups) t.source === "outline" ? xt(e, t, l, u) : kt(e, t, l, u);
-	Et(e, c.decorations, l, u);
+	let l = t.x, u = t.y + ue(t.verticalAlign, t.height, c.bounds.height);
+	for (let t of c.groups) t.source === "outline" ? jt(e, t, l, u) : zt(e, t, l, u);
+	It(e, c.decorations, l, u);
 }
-function xt(e, t, n, r) {
+function jt(e, t, n, r) {
 	let i = t.fill;
 	if (i !== null) {
-		let a = Ct(t, n, r);
-		a && St(e, i, a);
+		let a = Nt(t, n, r);
+		a && Mt(e, i, a);
 	}
 	let a = t.stroke?.paint;
 	if (!a) return;
-	let s = wt(t, n, r, o.meanScaleOf(e.state.transform));
-	s && St(e, a, s);
+	let s = Pt(t, n, r, o.meanScaleOf(e.state.transform));
+	s && Mt(e, a, s);
 }
-function St(e, t, n) {
-	let r = z(e, t, !1);
-	r !== null && (V(e, n, r) || q(e, t, e.meshCache.uploadTransient(n)));
+function Mt(e, t, n) {
+	let r = H(e, t, !1);
+	r !== null && (W(e, n, r) || lt(e, t, e.meshCache.uploadTransient(n)));
 }
-function Ct(e, t, n) {
-	return Tt(e, t, n, (e) => m(e.key, e.d));
+function Nt(e, t, n) {
+	return Ft(e, t, n, (e) => m(e.key, e.d));
 }
-function wt(e, t, n, r) {
+function Pt(e, t, n, r) {
 	let i = e.stroke;
 	if (!i) return null;
 	let a = p(i.width ?? 1, r);
-	return a > 0 ? Tt(e, t, n, (e) => e.scale > 0 ? h(e.key, e.d, g(a / e.scale), i) : null) : null;
+	return a > 0 ? Ft(e, t, n, (e) => e.scale > 0 ? h(e.key, e.d, g(a / e.scale), i) : null) : null;
 }
-function Tt(e, t, n, r) {
+function Ft(e, t, n, r) {
 	let i = [], a = 0, o = 0;
 	for (let t of e.glyphs) {
 		let e = r(t);
@@ -887,7 +948,7 @@ function Tt(e, t, n, r) {
 		}), a += e.vertices.length, o += e.indices.length);
 	}
 	if (i.length === 0) return null;
-	let s = e.synthetic.italic ? Math.tan(x) : 0, c = new Float32Array(a), l = new Uint32Array(o), u = 0, d = 0, f = 0;
+	let s = e.synthetic.italic ? Math.tan(te) : 0, c = new Float32Array(a), l = new Uint32Array(o), u = 0, d = 0, f = 0;
 	for (let { mesh: e, glyph: r } of i) {
 		let { x: i, baselineY: a, scale: o } = r;
 		for (let r = 0; r < e.vertices.length; r += 2) {
@@ -902,10 +963,10 @@ function Tt(e, t, n, r) {
 		indices: l
 	};
 }
-function Et(e, t, n, r) {
+function It(e, t, n, r) {
 	for (let i of t) {
-		if (At(i.fill) !== null) {
-			St(e, i.fill, Dt(i.x0 + n, i.y0 + r, i.x1 + n, i.y1 + r));
+		if (Bt(i.fill) !== null) {
+			Mt(e, i.fill, Lt(i.x0 + n, i.y0 + r, i.x1 + n, i.y1 + r));
 			continue;
 		}
 		let [t, o, s, c] = "color" in i.fill ? a(i.fill.color) : [
@@ -913,11 +974,16 @@ function Et(e, t, n, r) {
 			0,
 			0,
 			1
-		], l = F(e, 4);
-		e.drawBatch.pushRect(i.x0 + n, i.y0 + r, i.x1 - i.x0, i.y1 - i.y0, e.state.transform, t, o, s, c * (l.foldsAlpha ? e.state.alpha : 1));
+		], l;
+		for (;;) {
+			let a = R(e, 4);
+			if (e.drawBatch.pushRect(i.x0 + n, i.y0 + r, i.x1 - i.x0, i.y1 - i.y0, e.state.transform, t, o, s, c * (a.foldsAlpha ? e.state.alpha : 1))) break;
+			l = j(e);
+		}
+		l !== void 0 && M(e, l);
 	}
 }
-function Dt(e, t, n, r) {
+function Lt(e, t, n, r) {
 	return {
 		vertices: new Float32Array([
 			e,
@@ -939,17 +1005,17 @@ function Dt(e, t, n, r) {
 		])
 	};
 }
-var Ot = .08;
-function kt(e, t, n, r) {
+var Rt = .08;
+function zt(e, t, n, r) {
 	if (t.source === "canvas") {
-		if (!ie(e.textureCache, t.page)) return;
-	} else if (!ne(t.family, t.weight, t.style, e.textureCache)) return;
+		if (!oe(e.textureCache, t.page)) return;
+	} else if (!ie(t.family, t.weight, t.style, e.textureCache)) return;
 	if (t.quads.length === 0) return;
-	let i = t.source === "canvas" ? C(t.page) : ae(t.family, t.weight, t.style), o = t.source === "canvas" ? te : S, s = re(t.source === "canvas" ? "canvas" : "atlas", t.family, t.weight, t.style);
+	let i = t.source === "canvas" ? re(t.page) : se(t.family, t.weight, t.style), o = t.source === "canvas" ? ne : C, s = ae(t.source === "canvas" ? "canvas" : "atlas", t.family, t.weight, t.style);
 	if (!s) return;
-	let c = t.synthetic.bold ? Ot : 0, l = t.synthetic.italic ? Math.tan(x) : 0, u = At(t.fill);
+	let c = t.synthetic.bold ? Rt : 0, l = t.synthetic.italic ? Math.tan(te) : 0, u = Bt(t.fill);
 	if (u !== null) {
-		jt(e, t, n, r, u, i, o, c, l, s);
+		Ht(e, t, n, r, u, i, o, c, l, s);
 		return;
 	}
 	let d = t.fill !== null && "color" in t.fill ? a(t.fill.color) : [
@@ -957,37 +1023,43 @@ function kt(e, t, n, r) {
 		0,
 		0,
 		1
-	], f = e.drawBatch, p = e.state.transform, { staged: m, slot: h } = Re(e, i, s, c), g = d[3] * (m.foldsAlpha ? e.state.alpha : 1);
-	for (let a of t.quads) f.wouldOverflow(4) && (H(e), {staged: m, slot: h} = Re(e, i, s, c), g = d[3] * (m.foldsAlpha ? e.state.alpha : 1)), f.pushGlyph(a.x0 + n, a.y0 + r, a.x1 + n, a.y1 + r, a.baselineY + r, l, p, a.u0, a.v0, a.u1, a.v1, d[0], d[1], d[2], g, h, o);
+	], f = e.drawBatch, p = e.state.transform, { staged: m, slot: h } = V(e, i, s, c), g = d[3] * (m.foldsAlpha ? e.state.alpha : 1);
+	for (let a of t.quads) {
+		f.wouldOverflow(4) && (G(e), {staged: m, slot: h} = V(e, i, s, c), g = d[3] * (m.foldsAlpha ? e.state.alpha : 1));
+		let t;
+		for (; !f.pushGlyph(a.x0 + n, a.y0 + r, a.x1 + n, a.y1 + r, a.baselineY + r, l, p, a.u0, a.v0, a.u1, a.v1, d[0], d[1], d[2], g, h, o);) t = j(e), {staged: m, slot: h} = V(e, i, s, c), g = d[3] * (m.foldsAlpha ? e.state.alpha : 1);
+		t !== void 0 && (M(e, t), {staged: m, slot: h} = V(e, i, s, c), g = d[3] * (m.foldsAlpha ? e.state.alpha : 1));
+	}
 }
-function At(e) {
+function Bt(e) {
 	let t = e?.fill ?? "solid";
 	return t === "pattern" ? "pattern" : t === "linear-gradient" || t === "radial-gradient" || t === "conic-gradient" ? "gradient" : t === "solid" ? null : "texture";
 }
-var $ = 1;
-function jt(e, t, n, r, i, a, o, s, c, l) {
+var Vt = 1;
+function Ht(e, t, n, r, i, a, o, s, c, l) {
 	let u = e.glyphPaintProgram?.(i);
 	if (!u) return;
-	H(e);
+	P(e);
 	let d = t.fill, f = e.state.transform, p;
-	if (i === "pattern") p = rt(e, u, d, O);
-	else if (i === "gradient") p = st(e, u, d, O);
+	if (i === "pattern") p = ft(e, u, d, O);
+	else if (i === "gradient") p = gt(e, u, d, O);
 	else {
-		let i = Ft(e, d, Nt(t, n, r, c, f));
-		p = i && It(e, u, i);
+		let i = Kt(e, d, Wt(t, n, r, c, f));
+		p = i && qt(e, u, i);
 	}
 	if (!p) return;
 	let m = e.gl;
-	e.textureCache.bind(a, $), m.uniform1i(u.uniform("u_atlas"), $), m.uniform1f(u.uniform("u_synthBold"), s), m.uniform2f(u.uniform("u_fieldScale"), l[0], l[1]), Y(e);
-	let h = e.drawBatch;
-	for (let i of t.quads) h.wouldOverflow(4) && Mt(e), h.pushGlyph(i.x0 + n, i.y0 + r, i.x1 + n, i.y1 + r, i.baselineY + r, c, f, i.u0, i.v0, i.u1, i.v1, 1, 1, 1, 1, $, o);
-	Mt(e), m.activeTexture(m.TEXTURE0), m.bindVertexArray(null);
+	e.textureCache.bind(a, Vt), m.uniform1i(u.uniform("u_atlas"), Vt), m.uniform1f(u.uniform("u_synthBold"), s), m.uniform2f(u.uniform("u_fieldScale"), l[0], l[1]), Z(e);
+	let h = e.drawBatch, g = h.clip;
+	h.clip = null;
+	for (let i of t.quads) h.wouldOverflow(4) && Ut(e), h.pushGlyph(i.x0 + n, i.y0 + r, i.x1 + n, i.y1 + r, i.baselineY + r, c, f, i.u0, i.v0, i.u1, i.v1, 1, 1, 1, 1, Vt, o);
+	Ut(e), h.clip = g, m.activeTexture(m.TEXTURE0), m.bindVertexArray(null);
 }
-function Mt(e) {
+function Ut(e) {
 	let t = e.drawBatch;
 	t.length !== 0 && (w(e, t.uploadAndBind(), e.gl.UNSIGNED_INT), t.reset());
 }
-function Nt(e, t, n, r, i) {
+function Wt(e, t, n, r, i) {
 	let a = {
 		x0: Infinity,
 		y0: Infinity,
@@ -1003,7 +1075,7 @@ function Nt(e, t, n, r, i) {
 	}
 	return a;
 }
-var Pt = {
+var Gt = {
 	vertices: new Float32Array([
 		0,
 		0,
@@ -1023,7 +1095,7 @@ var Pt = {
 		3
 	])
 };
-function Ft(e, t, n) {
+function Kt(e, t, n) {
 	let r = e.paintScratch, i = l(t.fill)?.bind;
 	if (!r || !i) return null;
 	let a = e.deviceWidth && e.widthCss > 0 ? e.deviceWidth / e.widthCss : 1, o = e.deviceWidth ?? Math.round(e.widthCss), s = e.deviceHeight ?? Math.round(e.heightCss), c = Math.max(0, Math.floor(n.x0 * a)), u = Math.max(0, Math.floor(n.y0 * a)), d = e.imageCache.maxTextureSide, f = Math.min(d, Math.min(o, Math.ceil(n.x1 * a)) - c), p = Math.min(d, Math.min(s, Math.ceil(n.y1 * a)) - u);
@@ -1048,15 +1120,15 @@ function Ft(e, t, n) {
 		-1 - 2 * m / g,
 		-1 - 2 * h / _,
 		1
-	]), b = Ze(e), ee = {
+	]), b = at(e), ee = {
 		...b,
 		alpha: e.state.alpha,
 		maxTextureSize: b.maxTextureSize,
-		setProjAndModel: (t) => W(e, t, v, y)
+		setProjAndModel: (t) => q(e, t, v, y)
 	}, x = e.gl, S = r.acquire(f, p), te = x.isEnabled(x.SCISSOR_TEST);
 	x.activeTexture(x.TEXTURE0), x.bindTexture(x.TEXTURE_2D, null), x.bindFramebuffer(x.FRAMEBUFFER, S.fbo), x.viewport(0, 0, f, p), x.disable(x.SCISSOR_TEST), x.disable(x.STENCIL_TEST), x.clear(x.COLOR_BUFFER_BIT), x.disable(x.BLEND);
 	let C = i(ee, t);
-	return C && (x.bindVertexArray(e.meshCache.uploadRecurring(Pt).vao), w(e, Pt.indices.length, x.UNSIGNED_INT), x.bindVertexArray(null)), x.enable(x.BLEND), Ee(e, o, s, te), C ? {
+	return C && (x.bindVertexArray(e.meshCache.uploadRecurring(Gt).vao), w(e, Gt.indices.length, x.UNSIGNED_INT), x.bindVertexArray(null)), x.enable(x.BLEND), ke(e, o, s, te), C ? {
 		texture: S.texture,
 		uvFromScreen: new Float32Array([
 			a / S.width,
@@ -1071,13 +1143,13 @@ function Ft(e, t, n) {
 		])
 	} : null;
 }
-function It(e, t, n) {
+function qt(e, t, n) {
 	let r = e.gl;
-	return r.useProgram(t.handle), W(e, t, O), r.uniformMatrix3fv(t.uniform("u_worldInv"), !1, n.uvFromScreen), r.activeTexture(r.TEXTURE0), r.bindTexture(r.TEXTURE_2D, n.texture), r.uniform1i(t.uniform("u_sampler"), 0), t;
+	return r.useProgram(t.handle), q(e, t, O), r.uniformMatrix3fv(t.uniform("u_worldInv"), !1, n.uvFromScreen), r.activeTexture(r.TEXTURE0), r.bindTexture(r.TEXTURE_2D, n.texture), r.uniform1i(t.uniform("u_sampler"), 0), t;
 }
-function Lt(e, t) {
+function Jt(e, t) {
 	e.imageCache.upload(t.image, t.image);
-	let { staged: n, slot: r } = L(e, t.image, t.sampling ?? "linear"), i = t.source, a = 0, o = 0, s = 1, c = 1;
+	let { staged: n, slot: r } = B(e, t.image, t.sampling ?? "linear"), i = t.source, a = 0, o = 0, s = 1, c = 1;
 	if (i) {
 		let e = t.image.width, n = t.image.height;
 		a = i.x / e, s = (i.x + i.w) / e, o = i.y / n, c = (i.y + i.h) / n;
@@ -1090,20 +1162,21 @@ function Lt(e, t) {
 		let e = o;
 		o = c, c = e;
 	}
-	e.drawBatch.pushQuad(t.x, t.y, t.w, t.h, e.state.transform, a, o, s, c, (t.opacity ?? 1) * (n.foldsAlpha ? e.state.alpha : 1), r);
+	e.drawBatch.pushQuad(t.x, t.y, t.w, t.h, e.state.transform, a, o, s, c, (t.opacity ?? 1) * (n.foldsAlpha ? e.state.alpha : 1), r) || N(e, t, void 0, Jt);
 }
-function Rt(e, t) {
+function Yt(e, t) {
 	let n = t.sprites, r = Math.floor(n.length / u);
 	if (r === 0) return;
 	e.imageCache.upload(t.image, t.image);
-	let i = t.sampling ?? "linear", { staged: a, slot: o } = L(e, t.image, i), s = e.drawBatch, c = e.state.transform, l = a.foldsAlpha ? e.state.alpha : 1, d = t.image.width, f = t.image.height;
+	let i = t.sampling ?? "linear", { staged: a, slot: o } = B(e, t.image, i), s = e.drawBatch, c = e.state.transform, l = a.foldsAlpha ? e.state.alpha : 1, d = t.image.width, f = t.image.height;
 	for (let p = 0, m = 0; p < r; p++, m += u) {
-		s.wouldOverflow(4) && (H(e), {staged: a, slot: o} = L(e, t.image, i), l = a.foldsAlpha ? e.state.alpha : 1);
-		let r = n[m + 4], u = n[m + 5], p = n[m + 6], h = n[m + 7];
-		s.pushQuad(n[m], n[m + 1], n[m + 2], n[m + 3], c, r / d, u / f, (r + p) / d, (u + h) / f, n[m + 8] * l, o);
+		s.wouldOverflow(4) && (G(e), {staged: a, slot: o} = B(e, t.image, i), l = a.foldsAlpha ? e.state.alpha : 1);
+		let r = n[m + 4], u = n[m + 5], p = n[m + 6], h = n[m + 7], g;
+		for (; !s.pushQuad(n[m], n[m + 1], n[m + 2], n[m + 3], c, r / d, u / f, (r + p) / d, (u + h) / f, n[m + 8] * l, o);) g = j(e), {staged: a, slot: o} = B(e, t.image, i), l = a.foldsAlpha ? e.state.alpha : 1;
+		g !== void 0 && (M(e, g), {staged: a, slot: o} = B(e, t.image, i), l = a.foldsAlpha ? e.state.alpha : 1);
 	}
 }
 //#endregion
-export { vt as OUTLINE_MIN_SCREEN_PX, j as dispatch, Oe as drawGroup, H as flushBatch, f as getMesh, o as mat3, ut as popClip, lt as pushClip, ye as setUniform, V as tryStageFill };
+export { Ot as OUTLINE_MIN_SCREEN_PX, ye as dispatch, je as drawGroup, G as flushBatch, f as getMesh, o as mat3, yt as popClip, vt as pushClip, Se as setUniform, W as tryStageFill };
 
 //# sourceMappingURL=draw.js.map