modern-canvas 0.21.2 → 0.22.0

package/dist/index.js

@@ -5318,38 +5318,74 @@ function Br(e, t, n) {
 	}, u = [{
 		x: r.x,
 		y: r.y
-	}, c], d = o.y === 0, f = s.y === 0;
-	if (d && f) {
-		let e = (c.x + l.x) / 2;
-		u.push({
-			x: e,
-			y: c.y
-		}, {
-			x: e,
-			y: l.y
-		});
-	} else if (!d && !f) {
-		let e = (c.y + l.y) / 2;
-		u.push({
-			x: c.x,
-			y: e
-		}, {
-			x: l.x,
-			y: e
-		});
-	} else d ? u.push({
-		x: l.x,
-		y: c.y
-	}) : u.push({
-		x: c.x,
-		y: l.y
-	});
-	return u.push(l, {
+	}, c];
+	return u.push(...Vr(c, o, l, s)), u.push(l, {
 		x: i.x,
 		y: i.y
-	}), Vr(u);
+	}), Hr(u);
+}
+function Vr(e, t, n, r) {
+	let i = t.y === 0;
+	if (i === (r.y === 0)) {
+		if (i) {
+			if (t.x === -r.x && (n.x - e.x) * t.x > 0) {
+				let t = (e.x + n.x) / 2;
+				return [{
+					x: t,
+					y: e.y
+				}, {
+					x: t,
+					y: n.y
+				}];
+			}
+			let i = (e.y + n.y) / 2;
+			return [{
+				x: e.x,
+				y: i
+			}, {
+				x: n.x,
+				y: i
+			}];
+		}
+		if (t.y === -r.y && (n.y - e.y) * t.y > 0) {
+			let t = (e.y + n.y) / 2;
+			return [{
+				x: e.x,
+				y: t
+			}, {
+				x: n.x,
+				y: t
+			}];
+		}
+		let a = (e.x + n.x) / 2;
+		return [{
+			x: a,
+			y: e.y
+		}, {
+			x: a,
+			y: n.y
+		}];
+	}
+	let [a, o, s, c] = i ? [
+		e,
+		t,
+		n,
+		r
+	] : [
+		n,
+		r,
+		e,
+		t
+	];
+	return (s.x - a.x) * o.x >= 0 && (s.y - a.y) * c.y <= 0 ? [{
+		x: s.x,
+		y: a.y
+	}] : [{
+		x: a.x,
+		y: s.y
+	}];
 }
-function Vr(e) {
+function Hr(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n], i = t[t.length - 1];
@@ -5359,7 +5395,7 @@ function Vr(e) {
 }
 //#endregion
 //#region src/css/parseCssFilter.ts
-var Hr = {
+var Ur = {
 	brightness: 1,
 	contrast: 1,
 	grayscale: 0,
@@ -5369,12 +5405,12 @@ var Hr = {
 	saturate: 1,
 	sepia: 0
 };
-function Ur(e) {
+function Wr(e) {
 	let t = new vt();
 	if (e === "none") return t;
 	let n = De(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
-	Object.keys(Hr).forEach((e) => {
-		n[e] = n[e] ?? Hr[e];
+	Object.keys(Ur).forEach((e) => {
+		n[e] = n[e] ?? Ur[e];
 	});
 	for (let e in n) {
 		let r = n[e];
@@ -5409,7 +5445,7 @@ function Ur(e) {
 }
 //#endregion
 //#region src/css/parseCssTransformOrigin.ts
-function Wr(e) {
+function Gr(e) {
 	let [t, n = t] = e.split(" ");
 	return [t, n].map((e) => {
 		switch (e = e.trim(), e) {
@@ -5424,9 +5460,9 @@ function Wr(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Gr, Kr, U = class extends H {
+var Kr, qr, U = class extends H {
 	static {
-		Kr = this;
+		qr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5437,7 +5473,7 @@ var Gr, Kr, U = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			I.draw(e, Kr.material, {
+			I.draw(e, qr.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5451,12 +5487,12 @@ var Gr, Kr, U = class extends H {
 		});
 	}
 };
-O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "saturation", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "contrast", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "brightness", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "red", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "green", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "blue", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "alpha", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "gamma", void 0), U = Kr = O([x("ColorAdjustEffect"), D("design:paramtypes", [typeof (Gr = typeof Partial < "u" && Partial) == "function" ? Gr : Object, Array])], U);
+O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "saturation", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "contrast", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "brightness", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "red", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "green", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "blue", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "alpha", void 0), O([_({ fallback: 1 }), D("design:type", Number)], U.prototype, "gamma", void 0), U = qr = O([x("ColorAdjustEffect"), D("design:paramtypes", [typeof (Kr = typeof Partial < "u" && Partial) == "function" ? Kr : Object, Array])], U);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var qr, Jr, Yr = class extends H {
+var Jr, Yr, Xr = class extends H {
 	static {
-		Jr = this;
+		Yr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5506,25 +5542,25 @@ var qr, Jr, Yr = class extends H {
 					break;
 			}
 		}), t.redraw(e, () => {
-			I.draw(e, Jr.material, {
+			I.draw(e, Yr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-O([_(), D("design:type", String)], Yr.prototype, "filter", void 0), Yr = Jr = O([x("ColorFilterEffect"), D("design:paramtypes", [typeof (qr = typeof Partial < "u" && Partial) == "function" ? qr : Object, Array])], Yr);
+O([_(), D("design:type", String)], Xr.prototype, "filter", void 0), Xr = Yr = O([x("ColorFilterEffect"), D("design:paramtypes", [typeof (Jr = typeof Partial < "u" && Partial) == "function" ? Jr : Object, Array])], Xr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var Xr, Zr, Qr = 50, $r = class extends H {
+var Zr, Qr, $r = 50, ei = class extends H {
 	static {
-		Zr = this;
+		Qr = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${Qr}];
+uniform vec4 colors[${$r}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -5533,7 +5569,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${Qr}; i++) {
+    for (int i = 0; i < ${$r}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -5545,7 +5581,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${Qr}; i++){
+  for(int i=0; i<${$r}; i++){
     if(i==index){
         return colors[i];
     }
@@ -5571,25 +5607,25 @@ void main(void) {
 				let t = this._color.toArray();
 				return t[3] = this.alpha, t;
 			});
-			for (; t.length < Qr;) t.push([
+			for (; t.length < $r;) t.push([
 				0,
 				0,
 				0,
 				0
 			]);
-			I.draw(e, Zr.material, {
+			I.draw(e, Qr.material, {
 				sampler: 0,
-				colors: t.slice(0, Qr).flatMap((e) => e)
+				colors: t.slice(0, $r).flatMap((e) => e)
 			});
 		});
 	}
 };
-O([_({ default: () => [] }), D("design:type", Array)], $r.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], $r.prototype, "alpha", void 0), $r = Zr = O([x("ColorOverlayEffect"), D("design:paramtypes", [typeof (Xr = typeof Partial < "u" && Partial) == "function" ? Xr : Object, Array])], $r);
+O([_({ default: () => [] }), D("design:type", Array)], ei.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], ei.prototype, "alpha", void 0), ei = Qr = O([x("ColorOverlayEffect"), D("design:paramtypes", [typeof (Zr = typeof Partial < "u" && Partial) == "function" ? Zr : Object, Array])], ei);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var ei, ti, ni = class extends H {
+var ti, ni, ri = class extends H {
 	static {
-		ti = this;
+		ni = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5609,7 +5645,7 @@ var ei, ti, ni = class extends H {
 		r.slice(0, 50).forEach((e, t) => {
 			n[t * 3] = e[0], n[t * 3 + 1] = e[1], n[t * 3 + 2] = e[2];
 		}), t.redraw(e, () => {
-			I.draw(e, ti.material, {
+			I.draw(e, ni.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5617,19 +5653,19 @@ var ei, ti, ni = class extends H {
 		});
 	}
 };
-O([_({ default: () => [] }), D("design:type", Array)], ni.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], ni.prototype, "epsilon", void 0), ni = ti = O([x("ColorRemoveEffect"), D("design:paramtypes", [typeof (ei = typeof Partial < "u" && Partial) == "function" ? ei : Object, Array])], ni);
+O([_({ default: () => [] }), D("design:type", Array)], ri.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], ri.prototype, "epsilon", void 0), ri = ni = O([x("ColorRemoveEffect"), D("design:paramtypes", [typeof (ti = typeof Partial < "u" && Partial) == "function" ? ti : Object, Array])], ri);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var ri, ii, ai = 50, oi = class extends H {
+var ii, ai, oi = 50, si = class extends H {
 	static {
-		ii = this;
+		ai = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${ai};
+const int MAX_COLORS = ${oi};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -5666,8 +5702,8 @@ void main(void) {
 			this._color.value = e[0];
 			let t = this._color.toArray().slice(0, 3);
 			return this._color.value = e[1], [t, this._color.toArray().slice(0, 3)];
-		}), r = this.epsilon, i = new Float32Array(ai * 3), a = new Float32Array(ai * 3);
-		for (; n.length < ai;) n.push([[
+		}), r = this.epsilon, i = new Float32Array(oi * 3), a = new Float32Array(oi * 3);
+		for (; n.length < oi;) n.push([[
 			-1,
 			0,
 			0
@@ -5677,10 +5713,10 @@ void main(void) {
 			0,
 			1
 		]]);
-		n.slice(0, ai).forEach(([e, t], n) => {
+		n.slice(0, oi).forEach(([e, t], n) => {
 			i[n * 3] = e[0], i[n * 3 + 1] = e[1], i[n * 3 + 2] = e[2], a[n * 3] = t[0], a[n * 3 + 1] = t[1], a[n * 3 + 2] = t[2];
 		}), t.redraw(e, () => {
-			I.draw(e, ii.material, {
+			I.draw(e, ai.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5689,17 +5725,17 @@ void main(void) {
 		});
 	}
 };
-O([_({ default: () => [] }), D("design:type", Array)], oi.prototype, "colors", void 0), O([_({ fallback: .05 }), D("design:type", Number)], oi.prototype, "epsilon", void 0), oi = ii = O([x("ColorReplaceEffect"), D("design:paramtypes", [typeof (ri = typeof Partial < "u" && Partial) == "function" ? ri : Object, Array])], oi);
+O([_({ default: () => [] }), D("design:type", Array)], si.prototype, "colors", void 0), O([_({ fallback: .05 }), D("design:type", Number)], si.prototype, "epsilon", void 0), si = ai = O([x("ColorReplaceEffect"), D("design:paramtypes", [typeof (ii = typeof Partial < "u" && Partial) == "function" ? ii : Object, Array])], si);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var si = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS) {\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", ci, li, W = class extends H {
+var ci = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\nconst int CHECKERBOARD_STYLE_DOTS_DARK = 4;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS || checkerboardStyle == CHECKERBOARD_STYLE_DOTS_DARK) {\n    // light vs dark dots share this path; the base/dot colours are supplied as\n    // uniforms (set per style on the CPU side), so only the values differ.\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", li, ui, W = class extends H {
 	static {
-		li = this;
+		ui = this;
 	}
 	_watermark;
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position.xy, 0.0, 1.0);\n  vUv = uv;\n}",
-		fragment: si
+		fragment: ci
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5709,6 +5745,11 @@ var si = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 			case "watermark":
 				this._loadWatermark(t);
 				break;
+			case "checkerboard":
+			case "checkerboardStyle":
+			case "pixelGrid":
+				this.requestRender();
+				break;
 		}
 	}
 	async _loadWatermark(e) {
@@ -5717,13 +5758,26 @@ var si = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 	_checkerboardStyleMap = {
 		grid: 1,
 		gridDark: 2,
-		dot: 3
+		dot: 3,
+		dotDark: 4
+	};
+	_dotColors = {
+		light: {
+			base: .9608,
+			zoomedOut: .6667,
+			diff: .102
+		},
+		dark: {
+			base: .1216,
+			zoomedOut: .3137,
+			diff: .102
+		}
 	};
 	apply(e, t) {
 		t.redraw(e, () => {
 			this._watermark ? this._watermark.activate(e, 1) : e.texture.unbind(1);
-			let n = e.shader.uniforms.viewMatrix, r = this._watermark ? [this.watermarkWidth, this.watermarkWidth * this._watermark.height / this._watermark.width] : [0, 0], i = Math.max(r[0], r[1]);
-			I.draw(e, li.material, {
+			let n = e.shader.uniforms.viewMatrix, r = this._watermark ? [this.watermarkWidth, this.watermarkWidth * this._watermark.height / this._watermark.width] : [0, 0], i = Math.max(r[0], r[1]), a = this.checkerboardStyle === "dotDark" ? this._dotColors.dark : this._dotColors.light;
+			I.draw(e, ui.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5732,9 +5786,9 @@ var si = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 				gridSize: [n[0] > 4 ? Math.ceil(.5 / n[0] * 1e4) / 1e4 : 0, n[4] > 4 ? Math.ceil(.5 / n[4] * 1e4) / 1e4 : 0],
 				checkerboard: +!!this.checkerboard,
 				checkerboardStyle: this._checkerboardStyleMap[this.checkerboardStyle] ?? 0,
-				dotBackgroundBaseColor: .9608,
-				dotBackgroundZoomedOutColor: .6667,
-				dotColorDiff: .102,
+				dotBackgroundBaseColor: a.base,
+				dotBackgroundZoomedOutColor: a.zoomedOut,
+				dotColorDiff: a.diff,
 				pixelGrid: +!!this.pixelGrid,
 				watermark: +!!this._watermark,
 				watermarkTexture: 1,
@@ -5747,20 +5801,20 @@ var si = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "checkerboard", void 0), O([_({ fallback: "grid" }), D("design:type", Object)], W.prototype, "checkerboardStyle", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "pixelGrid", void 0), O([_(), D("design:type", String)], W.prototype, "watermark", void 0), O([_({ fallback: 100 }), D("design:type", Number)], W.prototype, "watermarkWidth", void 0), O([_({ fallback: .05 }), D("design:type", Number)], W.prototype, "watermarkAlpha", void 0), O([_({ fallback: .5236 }), D("design:type", Number)], W.prototype, "watermarkRotation", void 0), W = li = O([x("DrawboardEffect"), D("design:paramtypes", [typeof (ci = typeof Partial < "u" && Partial) == "function" ? ci : Object, Array])], W);
+O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "checkerboard", void 0), O([_({ fallback: "grid" }), D("design:type", Object)], W.prototype, "checkerboardStyle", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], W.prototype, "pixelGrid", void 0), O([_(), D("design:type", String)], W.prototype, "watermark", void 0), O([_({ fallback: 100 }), D("design:type", Number)], W.prototype, "watermarkWidth", void 0), O([_({ fallback: .05 }), D("design:type", Number)], W.prototype, "watermarkAlpha", void 0), O([_({ fallback: .5236 }), D("design:type", Number)], W.prototype, "watermarkRotation", void 0), W = ui = O([x("DrawboardEffect"), D("design:paramtypes", [typeof (li = typeof Partial < "u" && Partial) == "function" ? li : Object, Array])], W);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var ui, di, fi = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void) {\n  gl_FragColor = vec4(0.0);\n  float flag = 0.0;\n  for (int i = 0; i < 9; i++) {\n   vec2 uv = vUv[i];\n   if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n     flag = 1.0;\n     break;\n   }\n  }\n  if (flag == 1.0) {\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n  } else {\n    gl_FragColor += texture2D(sampler, vUv[0]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[1]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[2]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[3]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[5]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[6]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[7]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;\n  }\n}", pi = class extends H {
+var di, fi, pi = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void) {\n  gl_FragColor = vec4(0.0);\n  float flag = 0.0;\n  for (int i = 0; i < 9; i++) {\n   vec2 uv = vUv[i];\n   if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n     flag = 1.0;\n     break;\n   }\n  }\n  if (flag == 1.0) {\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n  } else {\n    gl_FragColor += texture2D(sampler, vUv[0]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[1]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[2]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[3]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[5]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[6]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[7]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;\n  }\n}", mi = class extends H {
 	static {
-		di = this;
+		fi = this;
 	}
 	static materialX = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(-4.0 * uStrength, 0.0);\n  vUv[1] = uv + vec2(-3.0 * uStrength, 0.0);\n  vUv[2] = uv + vec2(-2.0 * uStrength, 0.0);\n  vUv[3] = uv + vec2(-1.0 * uStrength, 0.0);\n  vUv[4] = uv + vec2(0.0 * uStrength, 0.0);\n  vUv[5] = uv + vec2(1.0 * uStrength, 0.0);\n  vUv[6] = uv + vec2(2.0 * uStrength, 0.0);\n  vUv[7] = uv + vec2(3.0 * uStrength, 0.0);\n  vUv[8] = uv + vec2(4.0 * uStrength, 0.0);\n}",
-		fragment: fi
+		fragment: pi
 	} });
 	static materialY = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(0.0, -4.0 * uStrength);\n  vUv[1] = uv + vec2(0.0, -3.0 * uStrength);\n  vUv[2] = uv + vec2(0.0, -2.0 * uStrength);\n  vUv[3] = uv + vec2(0.0, -1.0 * uStrength);\n  vUv[4] = uv + vec2(0.0, 0.0 * uStrength);\n  vUv[5] = uv + vec2(0.0, 1.0 * uStrength);\n  vUv[6] = uv + vec2(0.0, 2.0 * uStrength);\n  vUv[7] = uv + vec2(0.0, 3.0 * uStrength);\n  vUv[8] = uv + vec2(0.0, 4.0 * uStrength);\n}",
-		fragment: fi
+		fragment: pi
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5768,31 +5822,31 @@ var ui, di, fi = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(
 	apply(e, t) {
 		let n = 1 / t.width, r = 1 / t.height, i = Math.max(this.quality, 1);
 		for (let r = 0; r < i; r++) t.redraw(e, () => {
-			I.draw(e, di.materialX, {
+			I.draw(e, fi.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			I.draw(e, di.materialY, {
+			I.draw(e, fi.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-O([_({ fallback: 4 }), D("design:type", Number)], pi.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], pi.prototype, "quality", void 0), pi = di = O([x("GaussianBlurEffect"), D("design:paramtypes", [typeof (ui = typeof Partial < "u" && Partial) == "function" ? ui : Object, Array])], pi);
+O([_({ fallback: 4 }), D("design:type", Number)], mi.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], mi.prototype, "quality", void 0), mi = fi = O([x("GaussianBlurEffect"), D("design:paramtypes", [typeof (di = typeof Partial < "u" && Partial) == "function" ? di : Object, Array])], mi);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var mi, hi, gi = class extends H {
+var hi, gi, _i = class extends H {
 	static {
-		hi = this;
+		gi = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float uAlpha;\nuniform vec3 uColor;\nuniform vec2 uOffset;\nuniform vec4 uInputSize;\n\nvoid main(void) {\n  vec4 sample = texture2D(sampler, vUv + uOffset * uInputSize.zw);\n  sample.rgb = uColor.rgb * sample.a;\n  sample *= uAlpha;\n  gl_FragColor = sample;\n}"
 	} });
-	blurEffect = new pi();
+	blurEffect = new mi();
 	viewport3 = new V();
 	_color = new T();
 	constructor(e, t = []) {
@@ -5800,7 +5854,7 @@ var mi, hi, gi = class extends H {
 	}
 	apply(e, t) {
 		this.viewport3.activateWithCopy(e, t), this.viewport3.redraw(e, () => {
-			this._color.value = this.color, I.draw(e, hi.material, {
+			this._color.value = this.color, I.draw(e, gi.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -5817,12 +5871,12 @@ var mi, hi, gi = class extends H {
 		});
 	}
 };
-O([_({ fallback: "#000000FF" }), D("design:type", Object)], gi.prototype, "color", void 0), O([_({ fallback: 4 }), D("design:type", Number)], gi.prototype, "blur", void 0), O([_({ fallback: 4 }), D("design:type", Number)], gi.prototype, "offsetX", void 0), O([_({ fallback: 4 }), D("design:type", Number)], gi.prototype, "offsetY", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], gi.prototype, "shadowOnly", void 0), gi = hi = O([x("DropShadowEffect"), D("design:paramtypes", [typeof (mi = typeof Partial < "u" && Partial) == "function" ? mi : Object, Array])], gi);
+O([_({ fallback: "#000000FF" }), D("design:type", Object)], _i.prototype, "color", void 0), O([_({ fallback: 4 }), D("design:type", Number)], _i.prototype, "blur", void 0), O([_({ fallback: 4 }), D("design:type", Number)], _i.prototype, "offsetX", void 0), O([_({ fallback: 4 }), D("design:type", Number)], _i.prototype, "offsetY", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], _i.prototype, "shadowOnly", void 0), _i = gi = O([x("DropShadowEffect"), D("design:paramtypes", [typeof (hi = typeof Partial < "u" && Partial) == "function" ? hi : Object, Array])], _i);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var _i, vi, yi = class extends H {
+var vi, yi, bi = class extends H {
 	static {
-		vi = this;
+		yi = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5833,7 +5887,7 @@ var _i, vi, yi = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			I.draw(e, vi.material, {
+			I.draw(e, yi.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -5846,12 +5900,12 @@ var _i, vi, yi = class extends H {
 		});
 	}
 };
-O([_({ fallback: 5 }), D("design:type", Number)], yi.prototype, "strength", void 0), yi = vi = O([x("EmbossEffect"), D("design:paramtypes", [typeof (_i = typeof Partial < "u" && Partial) == "function" ? _i : Object, Array])], yi);
+O([_({ fallback: 5 }), D("design:type", Number)], bi.prototype, "strength", void 0), bi = yi = O([x("EmbossEffect"), D("design:paramtypes", [typeof (vi = typeof Partial < "u" && Partial) == "function" ? vi : Object, Array])], bi);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var bi, xi, G = class extends H {
+var xi, Si, G = class extends H {
 	static {
-		xi = this;
+		Si = this;
 	}
 	static material = new F({ gl: {
 		vertex: "in vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5883,7 +5937,7 @@ var bi, xi, G = class extends H {
 		this._needsRedraw || (this._needsRedraw = !0, this.redraw());
 		let n = t.width, r = t.height, i = this.direction * (Math.PI / 180), a = Math.sin(i), o = Math.cos(i);
 		t.redraw(e, () => {
-			this._texture.activate(e, 1), I.draw(e, xi.material, {
+			this._texture.activate(e, 1), I.draw(e, Si.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -5912,12 +5966,12 @@ var bi, xi, G = class extends H {
 		});
 	}
 };
-O([_({ fallback: 10 }), D("design:type", Number)], G.prototype, "slices", void 0), O([_({ fallback: 512 }), D("design:type", Number)], G.prototype, "sampleSize", void 0), O([_({ fallback: 100 }), D("design:type", Number)], G.prototype, "offset", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "direction", void 0), O([_({ fallback: 2 }), D("design:type", Number)], G.prototype, "fillMode", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "seed", void 0), O([_({ default: () => [2, 2] }), D("design:type", Array)], G.prototype, "red", void 0), O([_({ default: () => [-10, 4] }), D("design:type", Array)], G.prototype, "green", void 0), O([_({ default: () => [10, -4] }), D("design:type", Array)], G.prototype, "blue", void 0), G = xi = O([x("GlitchEffect"), D("design:paramtypes", [typeof (bi = typeof Partial < "u" && Partial) == "function" ? bi : Object, Array])], G);
+O([_({ fallback: 10 }), D("design:type", Number)], G.prototype, "slices", void 0), O([_({ fallback: 512 }), D("design:type", Number)], G.prototype, "sampleSize", void 0), O([_({ fallback: 100 }), D("design:type", Number)], G.prototype, "offset", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "direction", void 0), O([_({ fallback: 2 }), D("design:type", Number)], G.prototype, "fillMode", void 0), O([_({ fallback: 0 }), D("design:type", Number)], G.prototype, "seed", void 0), O([_({ default: () => [2, 2] }), D("design:type", Array)], G.prototype, "red", void 0), O([_({ default: () => [-10, 4] }), D("design:type", Array)], G.prototype, "green", void 0), O([_({ default: () => [10, -4] }), D("design:type", Array)], G.prototype, "blue", void 0), G = Si = O([x("GlitchEffect"), D("design:paramtypes", [typeof (xi = typeof Partial < "u" && Partial) == "function" ? xi : Object, Array])], G);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var Si, Ci, wi = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", K = class extends H {
+var Ci, wi, Ti = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", K = class extends H {
 	static {
-		Ci = this;
+		wi = this;
 	}
 	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5932,7 +5986,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${wi}
+${Ti}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -5971,7 +6025,7 @@ void main(void) {
 	apply(e, t) {
 		let n = this.angle * (Math.PI / 180), r = this.parallel ? [Math.cos(n), Math.sin(n)] : this.center;
 		t.redraw(e, () => {
-			I.draw(e, Ci.material, {
+			I.draw(e, wi.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -5993,15 +6047,15 @@ void main(void) {
 		});
 	}
 };
-O([_({ fallback: 0 }), D("design:type", Number)], K.prototype, "time", void 0), O([_({ fallback: 30 }), D("design:type", Number)], K.prototype, "angle", void 0), O([_({ fallback: .5 }), D("design:type", Number)], K.prototype, "gain", void 0), O([_({ fallback: 2.5 }), D("design:type", Number)], K.prototype, "lacunarity", void 0), O([_({ fallback: !0 }), D("design:type", Boolean)], K.prototype, "parallel", void 0), O([_({ default: () => [0, 0] }), D("design:type", Array)], K.prototype, "center", void 0), O([_({ fallback: 1 }), D("design:type", Number)], K.prototype, "alpha", void 0), K = Ci = O([x("GodrayEffect"), D("design:paramtypes", [typeof (Si = typeof Partial < "u" && Partial) == "function" ? Si : Object, Array])], K);
+O([_({ fallback: 0 }), D("design:type", Number)], K.prototype, "time", void 0), O([_({ fallback: 30 }), D("design:type", Number)], K.prototype, "angle", void 0), O([_({ fallback: .5 }), D("design:type", Number)], K.prototype, "gain", void 0), O([_({ fallback: 2.5 }), D("design:type", Number)], K.prototype, "lacunarity", void 0), O([_({ fallback: !0 }), D("design:type", Boolean)], K.prototype, "parallel", void 0), O([_({ default: () => [0, 0] }), D("design:type", Array)], K.prototype, "center", void 0), O([_({ fallback: 1 }), D("design:type", Number)], K.prototype, "alpha", void 0), K = wi = O([x("GodrayEffect"), D("design:paramtypes", [typeof (Ci = typeof Partial < "u" && Partial) == "function" ? Ci : Object, Array])], K);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var Ti, Ei = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", Di = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\nuniform vec4 uInputClamp;\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color *= 0.25;\n    gl_FragColor = color;\n}", Oi = class extends H {
+var Ei, Di = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", Oi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\nuniform vec4 uInputClamp;\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color *= 0.25;\n    gl_FragColor = color;\n}", ki = class extends H {
 	_kernels = [0];
 	constructor(e, t = []) {
 		super(), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: e?.clamp ? Di : Ei
+			fragment: e?.clamp ? Oi : Di
 		} }), this.setProperties(e).append(t), this._generateKernels();
 	}
 	_updateProperty(e, t, n) {
@@ -6039,12 +6093,12 @@ var Ti, Ei = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffse
 		});
 	}
 };
-O([_({ fallback: 4 }), D("design:type", Number)], Oi.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], Oi.prototype, "quality", void 0), O([_({ default: () => [1, 1] }), D("design:type", Array)], Oi.prototype, "pixelSize", void 0), Oi = O([x("KawaseBlurEffect"), D("design:paramtypes", [typeof (Ti = typeof Partial < "u" && Partial) == "function" ? Ti : Object, Array])], Oi);
+O([_({ fallback: 4 }), D("design:type", Number)], ki.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], ki.prototype, "quality", void 0), O([_({ default: () => [1, 1] }), D("design:type", Array)], ki.prototype, "pixelSize", void 0), ki = O([x("KawaseBlurEffect"), D("design:paramtypes", [typeof (Ei = typeof Partial < "u" && Partial) == "function" ? Ei : Object, Array])], ki);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var ki, Ai, ji = class extends H {
+var Ai, ji, Mi = class extends H {
 	static {
-		Ai = this;
+		ji = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6066,7 +6120,7 @@ var ki, Ai, ji = class extends H {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), I.draw(e, Ai.material, {
+			this.texture.activate(e, 1), I.draw(e, ji.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -6074,23 +6128,23 @@ var ki, Ai, ji = class extends H {
 		});
 	}
 };
-O([_({ fallback: "" }), D("design:type", String)], ji.prototype, "image", void 0), ji = Ai = O([x("MaskEffect"), D("design:paramtypes", [typeof (ki = typeof Partial < "u" && Partial) == "function" ? ki : Object, Array])], ji);
+O([_({ fallback: "" }), D("design:type", String)], Mi.prototype, "image", void 0), Mi = ji = O([x("MaskEffect"), D("design:paramtypes", [typeof (Ai = typeof Partial < "u" && Partial) == "function" ? Ai : Object, Array])], Mi);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var Mi, Ni, Pi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", q = class extends H {
+var Ni, Pi, Fi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", q = class extends H {
 	static {
-		Ni = this;
+		Pi = this;
 	}
 	static MIN_SAMPLES = 1;
 	static MAX_SAMPLES = 100;
 	static getAngleStep(e) {
-		return Number.parseFloat((Math.PI * 2 / Math.max(e * Ni.MAX_SAMPLES, Ni.MIN_SAMPLES)).toFixed(7));
+		return Number.parseFloat((Math.PI * 2 / Math.max(e * Pi.MAX_SAMPLES, Pi.MIN_SAMPLES)).toFixed(7));
 	}
 	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: Pi.replace(/\{ANGLE_STEP\}/, Ni.getAngleStep(this.quality).toFixed(7))
+			fragment: Fi.replace(/\{ANGLE_STEP\}/, Pi.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
@@ -6100,7 +6154,7 @@ var Mi, Ni, Pi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D s
 				uThickness: [this.width / t.width, this.width / t.height],
 				uColor: this._color.toArray().slice(0, 3),
 				uAlpha: this.opacity === 1 ? this._color.a : this.opacity,
-				uAngleStep: Ni.getAngleStep(this.quality),
+				uAngleStep: Pi.getAngleStep(this.quality),
 				uKnockout: +!!this.knockout,
 				uInputClamp: [
 					0,
@@ -6112,12 +6166,12 @@ var Mi, Ni, Pi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D s
 		});
 	}
 };
-O([_({ fallback: "#000000ff" }), D("design:type", Object)], q.prototype, "color", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", String)], q.prototype, "style", void 0), O([_(), D("design:type", Object)], q.prototype, "image", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "opacity", void 0), O([_({ fallback: .1 }), D("design:type", Number)], q.prototype, "quality", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], q.prototype, "knockout", void 0), q = Ni = O([x("OutlineEffect"), D("design:paramtypes", [typeof (Mi = typeof Partial < "u" && Partial) == "function" ? Mi : Object, Array])], q);
+O([_({ fallback: "#000000ff" }), D("design:type", Object)], q.prototype, "color", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", String)], q.prototype, "style", void 0), O([_(), D("design:type", Object)], q.prototype, "image", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "opacity", void 0), O([_({ fallback: .1 }), D("design:type", Number)], q.prototype, "quality", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], q.prototype, "knockout", void 0), q = Pi = O([x("OutlineEffect"), D("design:paramtypes", [typeof (Ni = typeof Partial < "u" && Partial) == "function" ? Ni : Object, Array])], q);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var Fi, Ii, Li = class extends H {
+var Ii, Li, Ri = class extends H {
 	static {
-		Ii = this;
+		Li = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6133,16 +6187,16 @@ var Fi, Ii, Li = class extends H {
 				offset: [(r[0] + i[0]) / t.width, 1 - (r[1] + i[1]) / t.height],
 				step: [this.strength * r[0] / t.width, this.strength * r[1] / t.height]
 			};
-			I.draw(e, Ii.material, a);
+			I.draw(e, Li.material, a);
 		});
 	}
 };
-O([_({ fallback: 10 }), D("design:type", Number)], Li.prototype, "strength", void 0), Li = Ii = O([x("PixelateEffect"), D("design:paramtypes", [typeof (Fi = typeof Partial < "u" && Partial) == "function" ? Fi : Object, Array])], Li);
+O([_({ fallback: 10 }), D("design:type", Number)], Ri.prototype, "strength", void 0), Ri = Li = O([x("PixelateEffect"), D("design:paramtypes", [typeof (Ii = typeof Partial < "u" && Partial) == "function" ? Ii : Object, Array])], Ri);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var Ri, zi, Bi = class extends H {
+var zi, Bi, Vi = class extends H {
 	static {
-		zi = this;
+		Bi = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6153,7 +6207,7 @@ var Ri, zi, Bi = class extends H {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			I.draw(e, zi.material, {
+			I.draw(e, Bi.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6169,10 +6223,10 @@ var Ri, zi, Bi = class extends H {
 		});
 	}
 };
-O([_(), D("design:type", Array)], Bi.prototype, "center", void 0), O([_({ fallback: 20 }), D("design:type", Number)], Bi.prototype, "innerRadius", void 0), O([_({ fallback: -1 }), D("design:type", Number)], Bi.prototype, "radius", void 0), O([_({ fallback: .1 }), D("design:type", Number)], Bi.prototype, "strength", void 0), Bi = zi = O([x("ZoomBlurEffect"), D("design:paramtypes", [typeof (Ri = typeof Partial < "u" && Partial) == "function" ? Ri : Object, Array])], Bi);
+O([_(), D("design:type", Array)], Vi.prototype, "center", void 0), O([_({ fallback: 20 }), D("design:type", Number)], Vi.prototype, "innerRadius", void 0), O([_({ fallback: -1 }), D("design:type", Number)], Vi.prototype, "radius", void 0), O([_({ fallback: .1 }), D("design:type", Number)], Vi.prototype, "strength", void 0), Vi = Bi = O([x("ZoomBlurEffect"), D("design:paramtypes", [typeof (zi = typeof Partial < "u" && Partial) == "function" ? zi : Object, Array])], Vi);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function Vi(e, t) {
+function Hi(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = !1, s = new v().translate(-n, -r).scale(1 / i, 1 / a);
 	if (e.cropRect) {
 		let { left: t = 0, top: n = 0, right: r = 0, bottom: i = 0 } = e.cropRect;
@@ -6253,7 +6307,7 @@ var J = class extends C {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				...Vi(this, this.tile && i ? {
+				...Hi(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6292,7 +6346,7 @@ var J = class extends C {
 O([_({ fallback: !0 }), D("design:type", Boolean)], J.prototype, "enabled", void 0), O([_(), D("design:type", Object)], J.prototype, "color", void 0), O([_(), D("design:type", Object)], J.prototype, "image", void 0), O([_(), D("design:type", Object)], J.prototype, "linearGradient", void 0), O([_(), D("design:type", Object)], J.prototype, "radialGradient", void 0), O([_(), D("design:type", Object)], J.prototype, "cropRect", void 0), O([_(), D("design:type", Object)], J.prototype, "stretchRect", void 0), O([_(), D("design:type", Object)], J.prototype, "dpi", void 0), O([_(), D("design:type", Object)], J.prototype, "rotateWithShape", void 0), O([_(), D("design:type", Object)], J.prototype, "tile", void 0), O([_(), D("design:type", Object)], J.prototype, "opacity", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var Hi = class extends J {
+var Ui = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6304,14 +6358,14 @@ var Hi = class extends J {
 		}
 	}
 };
-O([_(), D("design:type", Object)], Hi.prototype, "fillWithShape", void 0);
+O([_(), D("design:type", Object)], Ui.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DChart.ts
-var Ui;
-function Wi() {
-	return Ui ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), Ui;
+var Wi;
+function Gi() {
+	return Wi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), Wi;
 }
-function Gi(e) {
+function Ki(e) {
 	if (!e) return { show: !1 };
 	switch (e) {
 		case "bottom": return {
@@ -6377,7 +6431,7 @@ var Y = class extends C {
 			this._teardown(), this._parent.requestDraw();
 			return;
 		}
-		let n = await Wi();
+		let n = await Gi();
 		if (!n) {
 			console.warn("[modern-canvas] chart rendering requires the optional \"echarts\" dependency (e.g. `pnpm add echarts`)");
 			return;
@@ -6426,7 +6480,7 @@ var Y = class extends C {
 				text: this.title,
 				left: "center"
 			} : void 0,
-			legend: Gi(this.legend),
+			legend: Ki(this.legend),
 			tooltip: {}
 		};
 		if (n) {
@@ -6473,7 +6527,7 @@ var Y = class extends C {
 O([_({ fallback: !0 }), D("design:type", Boolean)], Y.prototype, "enabled", void 0), O([_({ fallback: "column" }), D("design:type", Object)], Y.prototype, "type", void 0), O([_(), D("design:type", Object)], Y.prototype, "grouping", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], Y.prototype, "categories", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], Y.prototype, "series", void 0), O([_(), D("design:type", Object)], Y.prototype, "title", void 0), O([_(), D("design:type", Object)], Y.prototype, "legend", void 0), O([_(), D("design:type", Object)], Y.prototype, "categoryAxis", void 0), O([_(), D("design:type", Object)], Y.prototype, "valueAxis", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DConnection.ts
-var Ki = class extends C {
+var qi = class extends C {
 	_parent;
 	_routeSig;
 	_routePath;
@@ -6511,7 +6565,7 @@ var Ki = class extends C {
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: qi(r, t.globalRotation)
+					dir: Ji(r, t.globalRotation)
 				};
 			}
 		}
@@ -6528,8 +6582,8 @@ var Ki = class extends C {
 		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Rr(this.mode, e ?? t, t ?? e)), this._routePath;
 	}
 };
-O([_(), D("design:type", Object)], Ki.prototype, "start", void 0), O([_(), D("design:type", Object)], Ki.prototype, "end", void 0), O([_({ fallback: "straight" }), D("design:type", Object)], Ki.prototype, "mode", void 0);
-function qi(e, t) {
+O([_(), D("design:type", Object)], qi.prototype, "start", void 0), O([_(), D("design:type", Object)], qi.prototype, "end", void 0), O([_({ fallback: "straight" }), D("design:type", Object)], qi.prototype, "mode", void 0);
+function Ji(e, t) {
 	if (!t) return e;
 	let n = Math.cos(t), r = Math.sin(t);
 	return {
@@ -6539,7 +6593,7 @@ function qi(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var Ji = class extends J {
+var Yi = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : g(e));
 	}
@@ -6551,10 +6605,10 @@ var Ji = class extends J {
 		}
 	}
 };
-O([_(), D("design:type", Object)], Ji.prototype, "fillWithShape", void 0);
+O([_(), D("design:type", Object)], Yi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Yi = class extends J {
+var Xi = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : ee(e));
 	}
@@ -6574,7 +6628,7 @@ var Yi = class extends J {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new lr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...Vi(this, {
+		this.image === "viewport" ? n.strokeStyle = new lr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...Hi(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6582,10 +6636,10 @@ var Yi = class extends J {
 		}) });
 	}
 };
-O([_(), D("design:type", Object)], Yi.prototype, "color", void 0), O([_(), D("design:type", Object)], Yi.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", Object)], Yi.prototype, "style", void 0), O([_({ fallback: "butt" }), D("design:type", Object)], Yi.prototype, "lineCap", void 0), O([_({ fallback: "miter" }), D("design:type", Object)], Yi.prototype, "lineJoin", void 0);
+O([_(), D("design:type", Object)], Xi.prototype, "color", void 0), O([_(), D("design:type", Object)], Xi.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", Object)], Xi.prototype, "style", void 0), O([_({ fallback: "butt" }), D("design:type", Object)], Xi.prototype, "lineCap", void 0), O([_({ fallback: "miter" }), D("design:type", Object)], Xi.prototype, "lineJoin", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Xi = class extends C {
+var Zi = class extends C {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -6606,13 +6660,13 @@ var Xi = class extends C {
 	}
 	updateEffect() {
 		let e = "__$shadow", t = this._parent.getNode(e);
-		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new gi({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
+		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new _i({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], Xi.prototype, "enabled", void 0), O([_({ fallback: "#000000FF" }), D("design:type", Object)], Xi.prototype, "color", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Xi.prototype, "blur", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Xi.prototype, "offsetY", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Xi.prototype, "offsetX", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Zi.prototype, "enabled", void 0), O([_({ fallback: "#000000FF" }), D("design:type", Object)], Zi.prototype, "color", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Zi.prototype, "blur", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Zi.prototype, "offsetY", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Zi.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Zi = class extends C {
+var Qi = class extends C {
 	_parent;
 	_path2DSet = new le();
 	_localPath;
@@ -6710,24 +6764,24 @@ var Zi = class extends C {
 		t && n && (r ? e.roundRect(0, 0, t, n, r) : e.rect(0, 0, t, n));
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], Zi.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Zi.prototype, "preset", void 0), O([_(), D("design:type", Object)], Zi.prototype, "svg", void 0), O([_(), D("design:type", Object)], Zi.prototype, "viewBox", void 0), O([_(), D("design:type", Object)], Zi.prototype, "paths", void 0), O([_(), D("design:type", Object)], Zi.prototype, "connectionPoints", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Qi.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Qi.prototype, "preset", void 0), O([_(), D("design:type", Object)], Qi.prototype, "svg", void 0), O([_(), D("design:type", Object)], Qi.prototype, "viewBox", void 0), O([_(), D("design:type", Object)], Qi.prototype, "paths", void 0), O([_(), D("design:type", Object)], Qi.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Qi = class extends w {
+var $i = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, $i = {
+}, ea = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in $i) i(Qi, e, { fallback: $i[e] });
+for (let e in ea) i($i, e, { fallback: ea[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DTable.ts
-var ea = 100, ta = 40, na = class extends C {
+var ta = 100, na = 40, ra = class extends C {
 	_parent;
 	_cellNodes = /* @__PURE__ */ new Map();
 	_cellSnapshots = /* @__PURE__ */ new Map();
@@ -6758,10 +6812,10 @@ var ea = 100, ta = 40, na = class extends C {
 		return !!(this.enabled && this.cells.length);
 	}
 	get gridWidth() {
-		return this.columns.reduce((e, t) => e + (t.width || ea), 0);
+		return this.columns.reduce((e, t) => e + (t.width || ta), 0);
 	}
 	get gridHeight() {
-		return this.rows.reduce((e, t) => e + (t.height || ta), 0);
+		return this.rows.reduce((e, t) => e + (t.height || na), 0);
 	}
 	update() {
 		if (this._dirty = !1, !this.isValid()) {
@@ -6771,9 +6825,9 @@ var ea = 100, ta = 40, na = class extends C {
 		let { columns: e, rows: t, cells: n } = this, r = e.length, i = t.length;
 		for (let e of n) r = Math.max(r, e.col + (e.colSpan || 1)), i = Math.max(i, e.row + (e.rowSpan || 1));
 		let a = [0];
-		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || ea));
+		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || ta));
 		let o = [0];
-		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || ta));
+		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || na));
 		this._parent.size.set(a[e.length] ?? 0, o[t.length] ?? 0);
 		let s = /* @__PURE__ */ new Set();
 		for (let e of n) {
@@ -6810,10 +6864,10 @@ var ea = 100, ta = 40, na = class extends C {
 		this._clearCells();
 	}
 };
-O([_({ fallback: !0 }), D("design:type", Boolean)], na.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], na.prototype, "columns", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], na.prototype, "rows", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], na.prototype, "cells", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], ra.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ra.prototype, "columns", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ra.prototype, "rows", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], ra.prototype, "cells", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
-var ra, X = class extends C {
+var ia, X = class extends C {
 	_parent;
 	base;
 	get textContent() {
@@ -6924,7 +6978,7 @@ var ra, X = class extends C {
 					if (n.style.fill && !d(n.style.fill)) if (typeof n.style.fill == "object") {
 						let r = n.style.fill, o = this._textureMap.get(`${a}.${i}.fill`) ?? this._textureMap.get(`${a}.fill`) ?? this._textureMap.get("fill");
 						r.enabled !== !1 && (o || r.color) && (e.addPath(n), e.style = { ...n.style }, e.fillStyle = o?.texture ?? r.color, e.fill({
-							...Vi(r, o?.box ?? {
+							...Hi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -6936,7 +6990,7 @@ var ra, X = class extends C {
 					if (n.style.stroke && !d(n.style.stroke)) if (typeof n.style.stroke == "object") {
 						let r = n.style.stroke, o = this._textureMap.get(`${a}.${i}.outline`) ?? this._textureMap.get(`${a}.outline`) ?? this._textureMap.get("outline");
 						r.enabled !== !1 && (o || r.color) && (r.width === void 0 || r.width) && (e.addPath(n), e.style = { ...n.style }, e.lineWidth = r.width || 1, e.strokeStyle = o?.texture ?? r.color, e.lineCap = r.lineCap, e.lineJoin = r.lineJoin, e.stroke({
-							...Vi(r, o?.box ?? {
+							...Hi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -6966,7 +7020,7 @@ var ra, X = class extends C {
 	}
 	process(e) {}
 };
-O([_({ fallback: !0 }), D("design:type", Object)], X.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], X.prototype, "content", void 0), O([_({ alias: "_parent.style.json" }), D("design:type", Object)], X.prototype, "style", void 0), O([_(), D("design:type", Object)], X.prototype, "effects", void 0), O([_(), D("design:type", Object)], X.prototype, "fill", void 0), O([_(), D("design:type", Object)], X.prototype, "outline", void 0), O([_({ alias: "base.measureDom" }), D("design:type", typeof (ra = typeof HTMLElement < "u" && HTMLElement) == "function" ? ra : Object)], X.prototype, "measureDom", void 0), O([_({ alias: "base.fonts" }), D("design:type", Object)], X.prototype, "fonts", void 0), O([_({ fallback: "auto" }), D("design:type", Object)], X.prototype, "drawMode", void 0);
+O([_({ fallback: !0 }), D("design:type", Object)], X.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], X.prototype, "content", void 0), O([_({ alias: "_parent.style.json" }), D("design:type", Object)], X.prototype, "style", void 0), O([_(), D("design:type", Object)], X.prototype, "effects", void 0), O([_(), D("design:type", Object)], X.prototype, "fill", void 0), O([_(), D("design:type", Object)], X.prototype, "outline", void 0), O([_({ alias: "base.measureDom" }), D("design:type", typeof (ia = typeof HTMLElement < "u" && HTMLElement) == "function" ? ia : Object)], X.prototype, "measureDom", void 0), O([_({ alias: "base.fonts" }), D("design:type", Object)], X.prototype, "fonts", void 0), O([_({ fallback: "auto" }), D("design:type", Object)], X.prototype, "drawMode", void 0);
 //#endregion
 //#region src/scene/2d/element/Flexbox.ts
 var Z = {
@@ -6979,7 +7033,7 @@ var Z = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, ia = {
+}, aa = {
 	column: 0,
 	row: 1,
 	all: 2
@@ -6993,42 +7047,42 @@ var Z = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, aa = {
+}, oa = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, oa = {
+}, sa = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, sa = {
+}, ca = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, ca = {
+}, la = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, la = {
+}, ua = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, ua = {
+}, da = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, da = {
+}, fa = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, fa = {
+}, pa = {
 	"border-box": 0,
 	"content-box": 1
-}, pa = class e {
+}, ma = class e {
 	_parent;
 	static _yoga;
 	static async load() {
@@ -7040,14 +7094,14 @@ var Z = {
 		this._parent = e, this._addChild = this._addChild.bind(this), this._removeChild = this._removeChild.bind(this), this._parent.on("addChild", this._addChild), this._parent.on("removeChild", this._removeChild);
 	}
 	_addChild(e, t) {
-		if (e instanceof ya && e.flexbox.node && this.node) {
+		if (e instanceof ba && e.flexbox.node && this.node) {
 			this.node.insertChild(e.flexbox.node, t);
 			let n = e.style.getProperties();
 			for (let t in n) e.flexbox.updateStyleProperty(t, n[t]);
 		}
 	}
 	_removeChild(e, t) {
-		e instanceof ya && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof ba && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
@@ -7081,10 +7135,10 @@ var Z = {
 					n.setBorder(Z.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? oa[t] ?? oa.inherit : oa.inherit);
+					n.setDirection(t ? sa[t] ?? sa.inherit : sa.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? aa[t] ?? aa.flex : aa.flex);
+					n.setDisplay(t ? oa[t] ?? oa.flex : oa.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -7093,7 +7147,7 @@ var Z = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? sa[t] ?? sa.row : sa.row);
+					n.setFlexDirection(t ? ca[t] ?? ca.row : ca.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -7102,16 +7156,16 @@ var Z = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? ca[t] ?? ca.wrap : ca.wrap);
+					n.setFlexWrap(t ? la[t] ?? la.wrap : la.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? la[t] ?? la["flex-start"] : la["flex-start"]);
+					n.setJustifyContent(t ? ua[t] ?? ua["flex-start"] : ua["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(ia.all, t);
+					t !== void 0 && n.setGap(aa.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Z.top, t);
@@ -7141,7 +7195,7 @@ var Z = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? ua[t] ?? ua.visible : ua.visible);
+					n.setOverflow(t ? da[t] ?? da.visible : da.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Z.top, t);
@@ -7171,10 +7225,10 @@ var Z = {
 					n.setPosition(Z.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? da[t] ?? da.relative : da.relative);
+					n.setPositionType(t ? fa[t] ?? fa.relative : fa.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? fa[t] ?? fa["content-box"] : fa["content-box"]);
+					n.setBoxSizing(t ? pa[t] ?? pa["content-box"] : pa["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -7185,7 +7239,7 @@ var Z = {
 	}
 	update() {
 		let e = this._parent, t = this.node;
-		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, oa.ltr), t.hasNewLayout())) {
+		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, sa.ltr), t.hasNewLayout())) {
 			let { left: n, top: r, width: i, height: a } = t.getComputedLayout();
 			(!Number.isNaN(n) && n !== e.position.x || !Number.isNaN(r) && r !== e.position.y) && e.position.set(n, r), (!Number.isNaN(i) && i !== e.size.x || !Number.isNaN(a) && a !== e.size.y) && e.size.set(i, a), t.markLayoutSeen();
 		}
@@ -7193,13 +7247,13 @@ var Z = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, ma, ha = new Set(Object.keys(a())), ga = new Set(Object.keys(s())), _a = new y(), va = [
+}, ha, ga = new Set(Object.keys(a())), _a = new Set(Object.keys(s())), va = new y(), ya = [
 	[0, 0],
 	[1, 0],
 	[1, 1],
 	[0, 1]
-], ya = class extends Pr {
-	flexbox = new pa(this);
+], ba = class extends Pr {
+	flexbox = new ma(this);
 	aabb = new mt();
 	globalAabb = new mt();
 	_parentGlobalDisplay;
@@ -7212,7 +7266,7 @@ var Z = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Qi().on("updateProperty", (...e) => {
+	_style = new $i().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -7226,14 +7280,14 @@ var Z = {
 			this._endBatch();
 		}
 	}
-	_background = new Hi(this);
+	_background = new Ui(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Zi(this);
+	_shape = new Qi(this);
 	get shape() {
 		return this._shape;
 	}
@@ -7247,14 +7301,14 @@ var Z = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new Yi(this);
+	_outline = new Xi(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new Ji(this);
+	_foreground = new Yi(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -7268,21 +7322,21 @@ var Z = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Xi(this);
+	_shadow = new Zi(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new Ki(this);
+	_connection = new qi(this);
 	get connection() {
 		return this._connection;
 	}
 	set connection(e) {
 		this._connection.resetProperties().setProperties(e);
 	}
-	_table = new na(this);
+	_table = new ra(this);
 	get table() {
 		return this._table;
 	}
@@ -7395,7 +7449,7 @@ var Z = {
 				}), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
 				break;
 			case "transformOrigin": {
-				let e = Wr(t ?? "");
+				let e = Gr(t ?? "");
 				this.pivot.set(e[0] * this.size.width, e[1] * this.size.height);
 				break;
 			}
@@ -7439,7 +7493,7 @@ var Z = {
 				this.requestDraw();
 				break;
 		}
-		if ((ga.has(e) || ha.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if ((_a.has(e) || ga.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
 		else switch (e) {
 			case "left":
 				this.position.x = Number(t);
@@ -7479,21 +7533,21 @@ var Z = {
 	}
 	_intersectsViewport(e) {
 		let t = e.canvasTransform, n = e.width, r = e.height, i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
-		for (let [e, c] of va) t.applyAffineInverse({
+		for (let [e, c] of ya) t.applyAffineInverse({
 			x: e * n,
 			y: c * r
-		}, _a), i = Math.min(i, _a.x), a = Math.max(a, _a.x), o = Math.min(o, _a.y), s = Math.max(s, _a.y);
+		}, va), i = Math.min(i, va.x), a = Math.max(a, va.x), o = Math.min(o, va.y), s = Math.max(s, va.y);
 		let c = a - i, l = s - o, { min: u, size: d } = this.globalAabb;
 		return !(u.x > a + c || u.x + d.x < i - c || u.y > s + l || u.y + d.y < o - l);
 	}
 	_updateStyleFilter(e) {
-		d(e) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new Yr({
+		d(e) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new Xr({
 			name: "styleFilter",
 			internalMode: "front"
 		}), this.append(this._colorFilterEffect)), this._colorFilterEffect.filter = e);
 	}
 	_updateStyleMaskImage(e) {
-		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new ji({
+		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new Mi({
 			name: "styleMaskImage",
 			internalMode: "back"
 		}), this.append(this._maskEffect)), this._maskEffect.image = e);
@@ -7582,10 +7636,10 @@ var Z = {
 		super._destroy(), this.flexbox.destroy(), this.aabb.destroy(), this.globalAabb.destroy(), this.size.destroy(), this.style.destroy(), this.background.destroy(), this.shape.destroy(), this.fill.destroy(), this.outline.destroy(), this.text.destroy(), this.foreground.destroy(), this.shadow.destroy(), this.connection.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
 	}
 };
-ya = O([x("Element2D"), D("design:paramtypes", [typeof (ma = typeof Partial < "u" && Partial) == "function" ? ma : Object, Array])], ya);
+ba = O([x("Element2D"), D("design:paramtypes", [typeof (ha = typeof Partial < "u" && Partial) == "function" ? ha : Object, Array])], ba);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var ba = class extends ya {
+var xa = class extends ba {
 	texture;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -7599,7 +7653,7 @@ var ba = class extends ya {
 			} });
 		}
 	}
-}, xa, Sa = class extends ba {
+}, Sa, Ca = class extends xa {
 	texture = new rr();
 	animation;
 	_lastTime = NaN;
@@ -7630,10 +7684,10 @@ var ba = class extends ya {
 		this.currentTime !== this._lastTime && (this._lastTime = this.currentTime, this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw()), super._process(e);
 	}
 };
-O([_({ fallback: "" }), D("design:type", String)], Sa.prototype, "src", void 0), Sa = O([x("Lottie2D"), D("design:paramtypes", [typeof (xa = typeof Partial < "u" && Partial) == "function" ? xa : Object, Array])], Sa);
+O([_({ fallback: "" }), D("design:type", String)], Ca.prototype, "src", void 0), Ca = O([x("Lottie2D"), D("design:paramtypes", [typeof (Sa = typeof Partial < "u" && Partial) == "function" ? Sa : Object, Array])], Ca);
 //#endregion
 //#region src/scene/2d/TransformRect2D.ts
-var Ca = class extends ya {
+var wa = class extends ba {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -7656,10 +7710,10 @@ var Ca = class extends ya {
 		this.context.rect(0, 0, e, t), this.context.strokeStyle = "#00FF00", this.context.stroke(), this._drawCircle(0, 0), this._drawCircle(e, t), this._drawCircle(0, t), this._drawEllipse(0, t / 2), this._drawCircle(e, 0), this._drawEllipse(e, t / 2);
 	}
 };
-O([_({ fallback: 6 }), D("design:type", Number)], Ca.prototype, "handleSize", void 0);
+O([_({ fallback: 6 }), D("design:type", Number)], wa.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var wa, Ta = class extends ba {
+var Ta, Ea = class extends xa {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -7699,11 +7753,11 @@ var wa, Ta = class extends ba {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-O([_({ fallback: "" }), D("design:type", String)], Ta.prototype, "src", void 0), Ta = O([x("Video2D"), D("design:paramtypes", [typeof (wa = typeof Partial < "u" && Partial) == "function" ? wa : Object, Array])], Ta);
+O([_({ fallback: "" }), D("design:type", String)], Ea.prototype, "src", void 0), Ea = O([x("Video2D"), D("design:paramtypes", [typeof (Ta = typeof Partial < "u" && Partial) == "function" ? Ta : Object, Array])], Ea);
 //#endregion
 //#region src/scene/animation/Animation.ts
-var Ea, Da = (e) => e, Oa = Ma(.25, .1, .25, 1), ka = Ma(.42, 0, 1, 1), Aa = Ma(0, 0, .58, 1), ja = Ma(.42, 0, .58, 1);
-function Ma(e, t, n, r) {
+var Da, Oa = (e) => e, ka = Na(.25, .1, .25, 1), Aa = Na(.42, 0, 1, 1), ja = Na(0, 0, .58, 1), Ma = Na(.42, 0, .58, 1);
+function Na(e, t, n, r) {
 	let i = 1e-6, a = 3 * e - 3 * n + 1, o = 3 * n - 6 * e, s = 3 * e, c = 3 * t - 3 * r + 1, l = 3 * r - 6 * t, u = 3 * t, d = (e) => (3 * a * e + 2 * o) * e + s, f = (e) => ((a * e + o) * e + s) * e, p = (e) => ((c * e + l) * e + u) * e;
 	function m(e) {
 		let t = e, n, r;
@@ -7723,13 +7777,13 @@ function Ma(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var Na = {
-	linear: Da,
-	ease: Oa,
-	easeIn: ka,
-	easeOut: Aa,
-	easeInOut: ja
-}, Pa = class extends B {
+var Pa = {
+	linear: Oa,
+	ease: ka,
+	easeIn: Aa,
+	easeOut: ja,
+	easeInOut: Ma
+}, Fa = class extends B {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -7764,7 +7818,7 @@ var Na = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof ya);
+		return e.filter((e) => e instanceof ba);
 	}
 	_updateKeyframes() {
 		let e = [], t = this.keyframes;
@@ -7812,10 +7866,10 @@ var Na = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return Na.linear;
-		if (e in Na) return Na[e];
+		if (!e) return Pa.linear;
+		if (e in Pa) return Pa[e];
 		let t = e.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((e) => Number(e));
-		return Ma(t[0], t[1], t[2], t[3]);
+		return Na(t[0], t[1], t[2], t[3]);
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -7893,14 +7947,14 @@ var Na = {
 		});
 	}
 };
-O([_({ fallback: "parent" }), D("design:type", Object)], Pa.prototype, "effectMode", void 0), O([_({ default: () => [] }), D("design:type", Array)], Pa.prototype, "keyframes", void 0), O([_(), D("design:type", Object)], Pa.prototype, "easing", void 0), Pa = O([x("Animation", {
+O([_({ fallback: "parent" }), D("design:type", Object)], Fa.prototype, "effectMode", void 0), O([_({ default: () => [] }), D("design:type", Array)], Fa.prototype, "keyframes", void 0), O([_(), D("design:type", Object)], Fa.prototype, "easing", void 0), Fa = O([x("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), D("design:paramtypes", [typeof (Ea = typeof Partial < "u" && Partial) == "function" ? Ea : Object, Array])], Pa);
+}), D("design:paramtypes", [typeof (Da = typeof Partial < "u" && Partial) == "function" ? Da : Object, Array])], Fa);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var Fa = class t extends e {
+var Ia = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -7930,7 +7984,7 @@ var Fa = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, Ia = class t extends e {
+}, La = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8057,7 +8111,7 @@ var Fa = class t extends e {
 		let e = this._source;
 		e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio &&= (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), null);
 	}
-}, La = class {
+}, Ra = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8074,7 +8128,7 @@ var Fa = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return Fa.instance;
+		return Ia.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8085,9 +8139,9 @@ var Fa = class t extends e {
 		});
 	}
 	createSound() {
-		return new Ia();
+		return new La();
 	}
-}, Ra = class extends e {
+}, za = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8109,7 +8163,7 @@ var Fa = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, za = class {
+}, Ba = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8124,21 +8178,21 @@ var Fa = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function Ba() {
+function Va() {
 	if (ze) return new AudioContext();
 	if (Be) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function Va(e, t, n) {
+function Ha(e, t, n) {
 	if (Ve) return new OfflineAudioContext(e, t, n);
 	if (He) {
 		let r = globalThis.webkitOfflineAudioContext;
 		return new r(e, t, n);
 	} else throw Error("Failed to createOfflineAudioContext");
 }
-var Ha = class e extends Ra {
+var Ua = class e extends za {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8179,7 +8233,7 @@ var Ha = class e extends Ra {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = Ba(), t = Va(1, 2, Ve ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
+		let e = Va(), t = Ha(1, 2, Ve ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
 		r.connect(n), n.connect(e.destination), super(r, n), this._context = e, this._offlineContext = t, this._compressor = n, this._analyser = r, this._locked = e.state === "suspended" && (Ie || Le), We && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
 	}
 	_onFocus() {
@@ -8220,7 +8274,7 @@ var Ha = class e extends Ra {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, Ua = class extends e {
+}, Wa = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8353,7 +8407,7 @@ var Ha = class e extends Ra {
 	destroy() {
 		super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
 	}
-}, Wa = class extends Ra {
+}, Ga = class extends za {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8361,7 +8415,7 @@ var Ha = class e extends Ra {
 	gain;
 	analyser;
 	get context() {
-		return Ha.instance;
+		return Ua.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8376,8 +8430,8 @@ var Ha = class e extends Ra {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = Ha.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(Ha.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = Ua.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(Ua.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
 	}
 	async load() {
 		return this._sourceLoad ||= new Promise((e) => {
@@ -8390,7 +8444,7 @@ var Ha = class e extends Ra {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : Ha.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : Ua.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
 	}
 	cloneSource() {
 		let e = this.context, t = this._sourceNode, n = e.audioContext.createBufferSource(), r = e.audioContext.createGain();
@@ -8400,15 +8454,15 @@ var Ha = class e extends Ra {
 		};
 	}
 	createSound() {
-		return new Ua();
+		return new Wa();
 	}
-}, Ga, Ka = class extends B {
+}, Ka, qa = class extends B {
 	static {
-		Ga = this;
+		Ka = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ue ? new Wa(this) : new La(this);
+	_platformAudio = Ue ? new Ga(this) : new Ra(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -8501,7 +8555,7 @@ var Ha = class e extends Ra {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return Ga._soundPool.length > 0 ? Ga._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Ka._soundPool.length > 0 ? Ka._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
 	}
 	refresh() {
 		for (let e = this._sounds.length, t = 0; t < e; t++) this._sounds[t].refresh();
@@ -8517,7 +8571,7 @@ var Ha = class e extends Ra {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), Ga._soundPool.includes(e) || Ga._soundPool.push(e);
+		e.destroy(), Ka._soundPool.includes(e) || Ka._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -8533,10 +8587,10 @@ var Ha = class e extends Ra {
 		}, 100);
 	}
 };
-Ka = Ga = O([x("Audio"), D("design:paramtypes", [Object])], Ka);
+qa = Ka = O([x("Audio"), D("design:paramtypes", [Object])], qa);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var qa = class extends Pr {}, Ja, Ya = class extends ya {
+var Ja = class extends Pr {}, Ya, Xa = class extends ba {
 	_audioBuffer;
 	_src = (() => {
 		let e = tt();
@@ -8560,7 +8614,7 @@ var qa = class extends Pr {}, Ja, Ya = class extends ya {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Ha.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Ua.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -8595,12 +8649,12 @@ var qa = class extends Pr {}, Ja, Ya = class extends ya {
 		this.syncTexture(), super._process(e);
 	}
 };
-O([_(), D("design:type", Object)], Ya.prototype, "src", void 0), O([_({ fallback: 0 }), D("design:type", Number)], Ya.prototype, "gap", void 0), O([_({ fallback: "#000000" }), D("design:type", String)], Ya.prototype, "color", void 0), Ya = O([x("AudioWaveform"), D("design:paramtypes", [typeof (Ja = typeof Partial < "u" && Partial) == "function" ? Ja : Object])], Ya);
+O([_(), D("design:type", Object)], Xa.prototype, "src", void 0), O([_({ fallback: 0 }), D("design:type", Number)], Xa.prototype, "gap", void 0), O([_({ fallback: "#000000" }), D("design:type", String)], Xa.prototype, "color", void 0), Xa = O([x("AudioWaveform"), D("design:paramtypes", [typeof (Ya = typeof Partial < "u" && Partial) == "function" ? Ya : Object])], Xa);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Xa, Za = class extends Mr {
+var Za, Qa = class extends Mr {
 	static {
-		Xa = this;
+		Za = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -8619,7 +8673,7 @@ var Xa, Za = class extends Mr {
 		let d = 1 / s, f = 1 / c, p = [], m, h = o - 1;
 		for (let e = 0; e < h; e++) m = u[e] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p });
 		m = u[h] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p }), l.forEach((t) => {
-			I.draw(e, Xa.material, {
+			I.draw(e, Za.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -8627,31 +8681,31 @@ var Xa, Za = class extends Mr {
 		});
 	}
 };
-Za = Xa = O([x("KawaseTransition")], Za);
+Qa = Za = O([x("KawaseTransition")], Qa);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var Qa, $a = class extends Mr {
+var $a, eo = class extends Mr {
 	static {
-		Qa = this;
+		$a = this;
 	}
 	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		I.draw(e, Qa.material, {
+		I.draw(e, $a.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-$a = Qa = O([x("LeftEraseTransition")], $a);
+eo = $a = O([x("LeftEraseTransition")], eo);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var eo, to = class extends Mr {
+var to, no = class extends Mr {
 	static {
-		eo = this;
+		to = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -8663,7 +8717,7 @@ var eo, to = class extends Mr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height, s = [0, o / 2], c = [600, o / 2], l = [a, o], u = c[0] - s[0], d = c[1] - s[1], f = Math.sqrt(u * u + d * d);
-		I.draw(e, eo.material, {
+		I.draw(e, to.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8672,7 +8726,7 @@ var eo, to = class extends Mr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), I.draw(e, eo.material, {
+		}), I.draw(e, to.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8684,12 +8738,12 @@ var eo, to = class extends Mr {
 		});
 	}
 };
-to = eo = O([x("TiltShiftTransition")], to);
+no = to = O([x("TiltShiftTransition")], no);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var no, ro = class extends Mr {
+var ro, io = class extends Mr {
 	static {
-		no = this;
+		ro = this;
 	}
 	radius;
 	angle = 4;
@@ -8703,7 +8757,7 @@ var no, ro = class extends Mr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height;
-		I.draw(e, no.material, {
+		I.draw(e, ro.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -8719,10 +8773,10 @@ var no, ro = class extends Mr {
 		});
 	}
 };
-ro = no = O([x("TwistTransition")], ro);
+io = ro = O([x("TwistTransition")], io);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var io = class extends Rn {
+var ao = class extends Rn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
@@ -8739,14 +8793,14 @@ var io = class extends Rn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, ao = class extends Rn {
+}, oo = class extends Rn {
 	install(e) {
 		let t = async (e) => JSON.parse(await e.text());
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), ["application/json"].forEach((n) => {
 			e.register(n, t);
 		}), e.json = this, this;
 	}
-}, oo = class extends Rn {
+}, so = class extends Rn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -8757,12 +8811,12 @@ var io = class extends Rn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, so = class extends Rn {
+}, co = class extends Rn {
 	install(e) {
 		let t = async (e) => e.text();
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), e.text = this, this;
 	}
-}, co = class extends Rn {
+}, lo = class extends Rn {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new R({
 			source: e,
@@ -8786,11 +8840,11 @@ var io = class extends Rn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, lo = class extends Rn {
+}, uo = class extends Rn {
 	install(e) {
 		return this.load = (t) => e.awaitBy(() => new cr(t).load()), e.video = this, this;
 	}
-}, uo = Object.entries({
+}, fo = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -8806,31 +8860,31 @@ var io = class extends Rn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function fo(e) {
-	for (let [t, n] of uo) if (n.includes(e)) return t;
-}
 function po(e) {
+	for (let [t, n] of fo) if (n.includes(e)) return t;
+}
+function mo(e) {
 	let t;
 	if (e.startsWith("data:")) t = e.match(/^data:(.+?);/)?.[1];
 	else if (e.startsWith("http")) {
 		let n = e.split(/[#?]/)[0].split(".").pop()?.trim();
-		n && (t = fo(n));
+		n && (t = po(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var mo = "WeakRef" in globalThis, ho = class extends e {
+var ho = "WeakRef" in globalThis, go = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = mo ? new FinalizationRegistry((e) => {
+	_gc = ho ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), mo || S.on(this.gc.bind(this), { sort: 2 });
+		super(), ho || S.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -8879,11 +8933,11 @@ var mo = "WeakRef" in globalThis, ho = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return mo && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return ho && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		mo && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		ho && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
 	}
 	async awaitBy(e) {
 		let t = e(), n = c();
@@ -8898,7 +8952,7 @@ var mo = "WeakRef" in globalThis, ho = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = po(e);
+		let n = await this.loadBy(e), r = mo(e);
 		return r === void 0 && (r = n.type?.split(";")[0] ?? void 0), ((r ? this._handlers.get(r) : void 0) ?? this.defaultHandler)(n, t);
 	}
 	async waitUntilLoad() {
@@ -8912,14 +8966,14 @@ var mo = "WeakRef" in globalThis, ho = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new ho().use(new zn()).use(new io()).use(new ao()).use(new oo()).use(new so()).use(new co()).use(new lo()), go = {
+}, $ = new go().use(new zn()).use(new ao()).use(new oo()).use(new so()).use(new co()).use(new lo()).use(new uo()), _o = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, _o = class extends Ar {
+}, vo = class extends Ar {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -8952,12 +9006,12 @@ var mo = "WeakRef" in globalThis, ho = class extends e {
 	constructor(e = {}) {
 		let { view: t, width: n, height: r, pixelRatio: i = Ke, autoResize: a, data: o } = e;
 		super(), this.renderer = new Ln(t, {
-			alpha: go.alpha ?? e.alpha,
-			stencil: go.stencil ?? e.stencil,
-			antialias: go.antialias ?? e.antialias,
-			premultipliedAlpha: go.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: go.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: go.powerPreference ?? e.powerPreference
+			alpha: _o.alpha ?? e.alpha,
+			stencil: _o.stencil ?? e.stencil,
+			antialias: _o.antialias ?? e.antialias,
+			premultipliedAlpha: _o.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: _o.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: _o.powerPreference ?? e.powerPreference
 		}), this._setupInput(), this.pixelRatio = i, a ? !t && this.renderer.view && (this.renderer.view.style.width = "100%", this.renderer.view.style.height = "100%") : this.resize(n || this.gl.drawingBufferWidth || this.view?.clientWidth || 200, r || this.gl.drawingBufferHeight || this.view?.clientHeight || 200, !t), this.setProperties(e), o && this.root.append(o);
 	}
 	_updateProperty(e, t, n) {
@@ -9040,22 +9094,22 @@ var mo = "WeakRef" in globalThis, ho = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-O([_({ fallback: !1 }), D("design:type", Boolean)], _o.prototype, "autoResize", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], _o.prototype, "autoStart", void 0);
+O([_({ fallback: !1 }), D("design:type", Boolean)], vo.prototype, "autoResize", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], vo.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var vo, yo = [], bo = !1;
-function xo() {
-	return vo ??= new _o({
+var yo, bo = [], xo = !1;
+function So() {
+	return yo ??= new vo({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function So(e = 100) {
-	if (!bo) {
-		for (bo = !0; yo.length;) {
-			let t = yo.shift();
+async function Co(e = 100) {
+	if (!xo) {
+		for (xo = !0; bo.length;) {
+			let t = bo.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9063,11 +9117,11 @@ async function So(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		bo = !1;
+		xo = !1;
 	}
 }
-async function Co(e) {
-	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = xo();
+async function wo(e) {
+	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = So();
 	if (f.resetProperties(), f.setProperties(l), f.debug = t, f.fonts = n, f.timeline.currentTime = 0, f.resize(u, d, !0), f.root.removeChildren(!0), f.root.append(a), await s?.(f), await f.waitAndRender(), o.length) {
 		let e = o.length, t = o[e - 1];
 		for (let n = 0; n < e; n++) {
@@ -9085,15 +9139,15 @@ async function Co(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function wo(e) {
+async function To(e) {
 	return new Promise((t) => {
-		yo.push(async () => t(await Co(e).then((e) => e.toCanvas2D()))), So();
+		bo.push(async () => t(await wo(e).then((e) => e.toCanvas2D()))), Co();
 	});
 }
-async function To(e) {
+async function Eo(e) {
 	return new Promise((t) => {
-		yo.push(async () => t(await Co(e).then((e) => e.pixels))), So();
+		bo.push(async () => t(await wo(e).then((e) => e.pixels))), Co();
 	});
 }
 //#endregion
-export { mt as Aabb2D, nr as AnimatedTexture, Pa as Animation, ho as Assets, Ka as Audio, Ra as AudioPipeline, za as AudioProcessor, qa as AudioSpectrum, Ya as AudioWaveform, k as BufferUsage, Ir as Camera2D, ur as CanvasContext, Cr as CanvasItem, rr as CanvasTexture, T as Color, U as ColorAdjustEffect, Yr as ColorFilterEffect, vt as ColorMatrix, $r as ColorOverlayEffect, ni as ColorRemoveEffect, oi as ColorReplaceEffect, ir as ColorTexture, C as CoreObject, ht as DEG_TO_RAD, Ke as DEVICE_PIXEL_RATIO, W as DrawboardEffect, gi as DropShadowEffect, H as Effect, $n as EffectMaterial, ya as Element2D, Hi as Element2DBackground, Y as Element2DChart, Ki as Element2DConnection, J as Element2DFill, Ji as Element2DForeground, Yi as Element2DOutline, Xi as Element2DShadow, Zi as Element2DShape, Qi as Element2DStyle, na as Element2DTable, X as Element2DText, yi as EmbossEffect, _o as Engine, pa as Flexbox, zn as FontLoader, pi as GaussianBlurEffect, Wn as Geometry, io as GifLoader, on as GlBatch2DSystem, tn as GlBlendMode, Ct as GlBuffer, jt as GlBufferSystem, St as GlBufferTarget, un as GlMaskSystem, Ut as GlProgram, mn as GlRenderTarget, hn as GlRenderTargetSystem, Qt as GlShaderSystem, rn as GlState, an as GlStateSystem, fn as GlStencilSystem, A as GlSystem, pn as GlViewportSystem, G as GlitchEffect, K as GodrayEffect, ar as GradientTexture, La as HTMLAudio, Fa as HTMLAudioContext, Ia as HTMLSound, We as IN_BROWSER, Ge as IN_MAC_OS, Vn as IndexBuffer, ft as Input, ot as InputEvent, ao as JsonLoader, Oi as KawaseBlurEffect, Za as KawaseTransition, st as KeyboardInputEvent, $a as LeftEraseTransition, Rn as Loader, Sa as Lottie2D, oo as LottieLoader, xt as MainLoop, ji as MaskEffect, F as Material, fr as Meta, ct as MouseInputEvent, z as Node, Pr as Node2D, yt as Obb2D, q as OutlineEffect, ye as PI, be as PI_2, Li as PixelateEffect, or as PixelsTexture, lt as PointerInputEvent, bt as Projection2D, qn as QuadGeometry, I as QuadUvGeometry, gt as RAD_TO_DEG, pt as RefCounted, L as RenderTarget, Tt as Renderer, w as Resource, ze as SUPPORTS_AUDIO_CONTEXT, Le as SUPPORTS_CLICK_EVENTS, Re as SUPPORTS_CREATE_IMAGE_BITMAP, je as SUPPORTS_IMAGE_BITMAP, Fe as SUPPORTS_MOUSE_EVENTS, Ve as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ne as SUPPORTS_POINTER_EVENTS, Me as SUPPORTS_RESIZE_OBSERVER, Ie as SUPPORTS_TOUCH_EVENTS, Ae as SUPPORTS_WEBGL2, Be as SUPPORTS_WEBKIT_AUDIO_CONTEXT, He as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ue as SUPPORTS_WEB_AUDIO, Pe as SUPPORTS_WHEEL_EVENTS, Ar as SceneTree, so as TextLoader, R as Texture2D, co as TextureLoader, ba as TextureRect2D, S as Ticker, to as TiltShiftTransition, Or as Timeline, B as TimelineNode, Ca as TransformRect2D, Mr as Transition, ro as TwistTransition, Dt as UniformGroup, tr as UvGeometry, er as UvMaterial, P as VertexAttribute, N as VertexBuffer, Ta as Video2D, lo as VideoLoader, cr as VideoTexture, V as Viewport, lr as ViewportTexture, Wa as WebAudio, Ha as WebAudioContext, Ln as WebGLRenderer, Ua as WebSound, ut as WheelInputEvent, kr as Window, Bi as ZoomBlurEffect, Q as alignMap, $ as assets, Lr as axisDir, fa as boxSizingMap, _t as clamp, Di as clampFrag, tt as createHTMLCanvas, At as createIdFromString, _e as createNode, rt as crossOrigin, Ma as cubicBezier, x as customNode, ge as customNodes, go as defaultOptions, nt as determineCrossOrigin, oa as directionMap, aa as displayMap, Oa as ease, ka as easeIn, ja as easeInOut, Aa as easeOut, Z as edgeMap, sa as flexDirectionMap, ca as flexWrapMap, Ei as frag, et as getCanvasFactory, Te as getDefaultCssPropertyValue, xo as getRenderEngine, ia as gutterMap, at as instanceId, Xe as isCanvasElement, qe as isElementNode, Ye as isImageElement, xe as isPow2, Je as isVideoElement, Ze as isWebgl2, la as justifyMap, E as lerp, Da as linear, cn as log2, nn as mapGlBlendModes, sn as nextPow2, ve as nextTick, ua as overflowMap, Ur as parseCssFilter, De as parseCssFunctions, Ee as parseCssProperty, Wr as parseCssTransformOrigin, da as positionTypeMap, wo as render, To as renderPixels, xr as resetBatchPool, Rr as routeConnection, $e as setCanvasFactory, dn as stencilModeMap, Na as timingFunctions };
+export { mt as Aabb2D, nr as AnimatedTexture, Fa as Animation, go as Assets, qa as Audio, za as AudioPipeline, Ba as AudioProcessor, Ja as AudioSpectrum, Xa as AudioWaveform, k as BufferUsage, Ir as Camera2D, ur as CanvasContext, Cr as CanvasItem, rr as CanvasTexture, T as Color, U as ColorAdjustEffect, Xr as ColorFilterEffect, vt as ColorMatrix, ei as ColorOverlayEffect, ri as ColorRemoveEffect, si as ColorReplaceEffect, ir as ColorTexture, C as CoreObject, ht as DEG_TO_RAD, Ke as DEVICE_PIXEL_RATIO, W as DrawboardEffect, _i as DropShadowEffect, H as Effect, $n as EffectMaterial, ba as Element2D, Ui as Element2DBackground, Y as Element2DChart, qi as Element2DConnection, J as Element2DFill, Yi as Element2DForeground, Xi as Element2DOutline, Zi as Element2DShadow, Qi as Element2DShape, $i as Element2DStyle, ra as Element2DTable, X as Element2DText, bi as EmbossEffect, vo as Engine, ma as Flexbox, zn as FontLoader, mi as GaussianBlurEffect, Wn as Geometry, ao as GifLoader, on as GlBatch2DSystem, tn as GlBlendMode, Ct as GlBuffer, jt as GlBufferSystem, St as GlBufferTarget, un as GlMaskSystem, Ut as GlProgram, mn as GlRenderTarget, hn as GlRenderTargetSystem, Qt as GlShaderSystem, rn as GlState, an as GlStateSystem, fn as GlStencilSystem, A as GlSystem, pn as GlViewportSystem, G as GlitchEffect, K as GodrayEffect, ar as GradientTexture, Ra as HTMLAudio, Ia as HTMLAudioContext, La as HTMLSound, We as IN_BROWSER, Ge as IN_MAC_OS, Vn as IndexBuffer, ft as Input, ot as InputEvent, oo as JsonLoader, ki as KawaseBlurEffect, Qa as KawaseTransition, st as KeyboardInputEvent, eo as LeftEraseTransition, Rn as Loader, Ca as Lottie2D, so as LottieLoader, xt as MainLoop, Mi as MaskEffect, F as Material, fr as Meta, ct as MouseInputEvent, z as Node, Pr as Node2D, yt as Obb2D, q as OutlineEffect, ye as PI, be as PI_2, Ri as PixelateEffect, or as PixelsTexture, lt as PointerInputEvent, bt as Projection2D, qn as QuadGeometry, I as QuadUvGeometry, gt as RAD_TO_DEG, pt as RefCounted, L as RenderTarget, Tt as Renderer, w as Resource, ze as SUPPORTS_AUDIO_CONTEXT, Le as SUPPORTS_CLICK_EVENTS, Re as SUPPORTS_CREATE_IMAGE_BITMAP, je as SUPPORTS_IMAGE_BITMAP, Fe as SUPPORTS_MOUSE_EVENTS, Ve as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ne as SUPPORTS_POINTER_EVENTS, Me as SUPPORTS_RESIZE_OBSERVER, Ie as SUPPORTS_TOUCH_EVENTS, Ae as SUPPORTS_WEBGL2, Be as SUPPORTS_WEBKIT_AUDIO_CONTEXT, He as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ue as SUPPORTS_WEB_AUDIO, Pe as SUPPORTS_WHEEL_EVENTS, Ar as SceneTree, co as TextLoader, R as Texture2D, lo as TextureLoader, xa as TextureRect2D, S as Ticker, no as TiltShiftTransition, Or as Timeline, B as TimelineNode, wa as TransformRect2D, Mr as Transition, io as TwistTransition, Dt as UniformGroup, tr as UvGeometry, er as UvMaterial, P as VertexAttribute, N as VertexBuffer, Ea as Video2D, uo as VideoLoader, cr as VideoTexture, V as Viewport, lr as ViewportTexture, Ga as WebAudio, Ua as WebAudioContext, Ln as WebGLRenderer, Wa as WebSound, ut as WheelInputEvent, kr as Window, Vi as ZoomBlurEffect, Q as alignMap, $ as assets, Lr as axisDir, pa as boxSizingMap, _t as clamp, Oi as clampFrag, tt as createHTMLCanvas, At as createIdFromString, _e as createNode, rt as crossOrigin, Na as cubicBezier, x as customNode, ge as customNodes, _o as defaultOptions, nt as determineCrossOrigin, sa as directionMap, oa as displayMap, ka as ease, Aa as easeIn, Ma as easeInOut, ja as easeOut, Z as edgeMap, ca as flexDirectionMap, la as flexWrapMap, Di as frag, et as getCanvasFactory, Te as getDefaultCssPropertyValue, So as getRenderEngine, aa as gutterMap, at as instanceId, Xe as isCanvasElement, qe as isElementNode, Ye as isImageElement, xe as isPow2, Je as isVideoElement, Ze as isWebgl2, ua as justifyMap, E as lerp, Oa as linear, cn as log2, nn as mapGlBlendModes, sn as nextPow2, ve as nextTick, da as overflowMap, Wr as parseCssFilter, De as parseCssFunctions, Ee as parseCssProperty, Gr as parseCssTransformOrigin, fa as positionTypeMap, To as render, Eo as renderPixels, xr as resetBatchPool, Rr as routeConnection, $e as setCanvasFactory, dn as stencilModeMap, Pa as timingFunctions };