modern-canvas 0.21.1 → 0.21.3

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) {
+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 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;\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", 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);
@@ -5723,7 +5759,7 @@ var si = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		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, {
+			I.draw(e, ui.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5747,20 +5783,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 +5804,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 +5836,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 +5853,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 +5869,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 +5882,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 +5919,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 +5948,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 +5968,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${wi}
+${Ti}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -5971,7 +6007,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 +6029,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 +6075,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 +6102,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 +6110,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 +6136,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 +6148,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 +6169,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 +6189,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 +6205,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 +6289,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 +6328,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 +6340,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 {
@@ -6339,7 +6375,6 @@ var Y = class extends C {
 	_instance;
 	_container;
 	_texture;
-	_node;
 	_dirty = !1;
 	_scheduled = !1;
 	constructor(e) {
@@ -6378,7 +6413,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;
@@ -6401,33 +6436,33 @@ var Y = class extends C {
 				width: e,
 				height: t
 			}), this._instance.setOption(this._toOption(), !0), !this._texture) {
-				let n = this._container.querySelector("canvas");
-				if (!n) return;
+				let e = this._container.querySelector("canvas");
+				if (!e) return;
 				this._texture = new rr({
-					source: n,
+					source: e,
 					pixelRatio: 1
 				});
-				let r = z.parse({
-					is: "TextureRect2D",
-					style: {
-						left: 0,
-						top: 0,
-						width: e,
-						height: t
-					}
-				}, "Element2D");
-				r.texture = this._texture, this._node = r, this._parent.appendChild(r, "back");
 			}
-			this._node?.size.set(e, t), this._texture?.requestUpdate("source"), this._parent.requestDraw();
+			this._texture.requestUpdate("source"), this._parent.requestDraw();
 		}
 	}
+	draw() {
+		let e = this._texture;
+		if (!e?.isValid()) return;
+		let { width: t, height: n } = this._parent.size, r = this._parent.context;
+		this._parent.shape.draw(!0), r.fillStyle = e;
+		let { a: i, c: a, tx: o, b: s, d: c, ty: l } = new v().scale(1 / t, 1 / n), u, d;
+		r.fill({ transformUv: (e, t) => {
+			u = e[t], d = e[t + 1], e[t] = i * u + a * d + o, e[t + 1] = s * u + c * d + l;
+		} });
+	}
 	_toOption() {
 		let { type: e, categories: t } = this, n = e === "pie" || e === "doughnut", r = e === "bar", i = this.grouping === "stacked" || this.grouping === "percentStacked", a = {
 			title: this.title ? {
 				text: this.title,
 				left: "center"
 			} : void 0,
-			legend: Gi(this.legend),
+			legend: Ki(this.legend),
 			tooltip: {}
 		};
 		if (n) {
@@ -6465,7 +6500,7 @@ var Y = class extends C {
 		})), a;
 	}
 	_teardown() {
-		this._instance?.dispose(), this._instance = void 0, this._container = void 0, this._texture = void 0, this._node &&= (this._parent.removeChild(this._node), this._node.destroy(), void 0);
+		this._instance?.dispose(), this._instance = void 0, this._container = void 0, this._texture = void 0;
 	}
 	_destroy() {
 		this._teardown();
@@ -6474,7 +6509,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;
@@ -6512,7 +6547,7 @@ var Ki = class extends C {
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: qi(r, t.globalRotation)
+					dir: Ji(r, t.globalRotation)
 				};
 			}
 		}
@@ -6529,8 +6564,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 {
@@ -6540,7 +6575,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));
 	}
@@ -6552,10 +6587,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));
 	}
@@ -6575,7 +6610,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,
@@ -6583,10 +6618,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;
@@ -6607,13 +6642,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;
@@ -6711,24 +6746,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();
@@ -6759,10 +6794,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()) {
@@ -6772,9 +6807,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) {
@@ -6811,10 +6846,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() {
@@ -6925,7 +6960,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,
@@ -6937,7 +6972,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,
@@ -6967,7 +7002,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 = {
@@ -6980,7 +7015,7 @@ var Z = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, ia = {
+}, aa = {
 	column: 0,
 	row: 1,
 	all: 2
@@ -6994,42 +7029,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() {
@@ -7041,14 +7076,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;
@@ -7082,10 +7117,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);
@@ -7094,7 +7129,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);
@@ -7103,16 +7138,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);
@@ -7142,7 +7177,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);
@@ -7172,10 +7207,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);
@@ -7186,7 +7221,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();
 		}
@@ -7194,13 +7229,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;
@@ -7213,7 +7248,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() {
@@ -7227,14 +7262,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;
 	}
@@ -7248,14 +7283,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;
 	}
@@ -7269,21 +7304,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;
 	}
@@ -7396,7 +7431,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;
 			}
@@ -7440,7 +7475,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);
@@ -7480,21 +7515,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);
@@ -7532,7 +7567,7 @@ var Z = {
 		return new yt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
 	}
 	_draw() {
-		super._draw(), this._background.isValid() && (this._shape.draw(!this._background.fillWithShape), this._background.draw()), this._fill.isValid() && (this._shape.draw(), this._fill.draw()), this._outline.isValid() && (this._shape.draw(), this._outline.draw()), this._foreground.isValid() && (this._shape.draw(!this._foreground.fillWithShape), this._foreground.draw()), this._text.isValid() && this._text.draw(), this._drawContent();
+		super._draw(), this._background.isValid() && (this._shape.draw(!this._background.fillWithShape), this._background.draw()), this._fill.isValid() && (this._shape.draw(), this._fill.draw()), this._outline.isValid() && (this._shape.draw(), this._outline.draw()), this._foreground.isValid() && (this._shape.draw(!this._foreground.fillWithShape), this._foreground.draw()), this._text.isValid() && this._text.draw(), this._chart.isValid() && this._chart.draw(), this._drawContent();
 	}
 	_drawContent() {}
 	input(e, t) {
@@ -7583,10 +7618,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, xa = class extends ya {
+var xa = class extends ba {
 	texture;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -7600,11 +7635,7 @@ var ba, xa = class extends ya {
 			} });
 		}
 	}
-};
-xa = O([x("TextureRect2D"), D("design:paramtypes", [typeof (ba = typeof Partial < "u" && Partial) == "function" ? ba : Object, Array])], xa);
-//#endregion
-//#region src/scene/2d/Lottie2D.ts
-var Sa, Ca = class extends xa {
+}, Sa, Ca = class extends xa {
 	texture = new rr();
 	animation;
 	_lastTime = NaN;
@@ -7638,7 +7669,7 @@ var Sa, Ca = class extends xa {
 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 wa = class extends ya {
+var wa = class extends ba {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -7769,7 +7800,7 @@ var Pa = {
 				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;
@@ -8541,7 +8572,7 @@ var Ua = class e extends za {
 qa = Ka = O([x("Audio"), D("design:paramtypes", [Object])], qa);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Ja = class extends Pr {}, Ya, Xa = class extends ya {
+var Ja = class extends Pr {}, Ya, Xa = class extends ba {
 	_audioBuffer;
 	_src = (() => {
 		let e = tt();
@@ -9101,4 +9132,4 @@ async function Eo(e) {
 	});
 }
 //#endregion
-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, 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, vo as Engine, pa as Flexbox, zn as FontLoader, pi 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, Oi as KawaseBlurEffect, Qa as KawaseTransition, st as KeyboardInputEvent, eo as LeftEraseTransition, Rn as Loader, Ca as Lottie2D, so 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, 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, 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, Na as cubicBezier, x as customNode, ge as customNodes, _o as defaultOptions, nt as determineCrossOrigin, oa as directionMap, aa as displayMap, ka as ease, Aa as easeIn, Ma as easeInOut, ja as easeOut, Z as edgeMap, sa as flexDirectionMap, ca as flexWrapMap, Ei as frag, et as getCanvasFactory, Te as getDefaultCssPropertyValue, So 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, Oa 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, To as render, Eo as renderPixels, xr as resetBatchPool, Rr as routeConnection, $e as setCanvasFactory, dn as stencilModeMap, Pa 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 };