modern-canvas 0.24.2 → 0.24.4

package/dist/index.js

@@ -531,7 +531,7 @@ var ut = class e {
 	destroy() {
 		this.destroyed || (this.destroyed = !0, this._destroy(), this.emit("destroy"), this.removeAllListeners());
 	}
-}, _t = class extends T {}, E = class extends _t {}, vt = class e {
+}, _t = class extends T {}, vt = class extends _t {}, yt = class e {
 	get x() {
 		return this.min.x;
 	}
@@ -665,7 +665,7 @@ var ut = class e {
 //#endregion
 //#region src/core/math/Color.ts
 pe([me]);
-var yt = class {
+var E = class {
 	get value() {
 		return this._value;
 	}
@@ -749,15 +749,15 @@ var yt = class {
 		];
 	}
 }, bt = xe / 180, xt = 180 / xe;
-function St(e, t, n) {
+function D(e, t, n) {
 	return Math.max(t, Math.min(e, n));
 }
-function D(e, t, n) {
+function O(e, t, n) {
 	return (1 - n) * e + n * t;
 }
 //#endregion
 //#region src/core/math/ColorMatrix.ts
-var Ct = class {
+var St = class {
 	_array = new Float32Array(20);
 	constructor() {
 		this.identity();
@@ -887,7 +887,7 @@ var Ct = class {
 		]);
 	}
 	invert(e = 1) {
-		let t = D(1, -1, e), n = D(0, 255, e);
+		let t = O(1, -1, e), n = O(0, 255, e);
 		return this.multiply([
 			t,
 			0,
@@ -912,21 +912,21 @@ var Ct = class {
 		]);
 	}
 	sepia(e = 1) {
-		let t = St(e, 0, 1);
+		let t = D(e, 0, 1);
 		return this.multiply([
-			D(1, .393, t),
-			D(0, .7689999, t),
-			D(0, .18899999, t),
+			O(1, .393, t),
+			O(0, .7689999, t),
+			O(0, .18899999, t),
 			0,
 			0,
-			D(0, .349, t),
-			D(1, .6859999, t),
-			D(0, .16799999, t),
+			O(0, .349, t),
+			O(1, .6859999, t),
+			O(0, .16799999, t),
 			0,
 			0,
-			D(0, .272, t),
-			D(0, .5339999, t),
-			D(1, .13099999, t),
+			O(0, .272, t),
+			O(0, .5339999, t),
+			O(1, .13099999, t),
 			0,
 			0,
 			0,
@@ -961,7 +961,7 @@ var Ct = class {
 		]);
 	}
 	grayscale(e = 1) {
-		let t = St(e, 0, 1), n = D(1, .3, t), r = D(0, .3, t), i = D(1, .59, t), a = D(0, .59, t), o = D(1, .11, t), s = D(0, .11, t);
+		let t = D(e, 0, 1), n = O(1, .3, t), r = O(0, .3, t), i = O(1, .59, t), a = O(0, .59, t), o = O(1, .11, t), s = O(0, .11, t);
 		return this.multiply([
 			n,
 			a,
@@ -1013,7 +1013,7 @@ var Ct = class {
 	toArray() {
 		return this._array;
 	}
-}, wt = class e extends vt {
+}, Ct = class e extends yt {
 	rotation;
 	get rotationDegrees() {
 		return this.rotation / bt;
@@ -1068,7 +1068,7 @@ var Ct = class {
 	clone() {
 		return new e(this.toJSON());
 	}
-}, Tt = class {
+}, wt = class {
 	_array;
 	x = 0;
 	y = 0;
@@ -1092,12 +1092,12 @@ var Ct = class {
 };
 //#endregion
 //#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateMetadata.js
-function O(e, t) {
+function k(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
-function k(e, t, n, r) {
+function A(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -1105,7 +1105,7 @@ function k(e, t, n, r) {
 }
 //#endregion
 //#region src/core/os/MainLoop.ts
-var Et = class extends T {
+var Tt = class extends T {
 	_starting = !1;
 	_nextDeltaTime = 0;
 	_startedProcess;
@@ -1135,22 +1135,22 @@ var Et = class extends T {
 		super._destroy(), this.stop();
 	}
 };
-k([_({ fallback: 60 }), O("design:type", Number)], Et.prototype, "fps", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Et.prototype, "speed", void 0);
+A([_({ fallback: 60 }), k("design:type", Number)], Tt.prototype, "fps", void 0), A([_({ fallback: 1 }), k("design:type", Number)], Tt.prototype, "speed", void 0);
 //#endregion
 //#region src/core/renderers/gl/buffer/const.ts
-var Dt = /* @__PURE__ */ function(e) {
+var Et = /* @__PURE__ */ function(e) {
 	return e[e.elementArrayBuffer = 34963] = "elementArrayBuffer", e[e.arrayBuffer = 34962] = "arrayBuffer", e[e.uniformBuffer = 35345] = "uniformBuffer", e;
-}({}), Ot = class {
+}({}), Dt = class {
 	native;
-	target = Dt.arrayBuffer;
+	target = Et.arrayBuffer;
 	byteLength = 0;
 	dirty = !0;
 	constructor(e) {
 		this.native = e;
 	}
-}, A = /* @__PURE__ */ function(e) {
+}, j = /* @__PURE__ */ function(e) {
 	return e[e.mapRead = 1] = "mapRead", e[e.mapWrite = 2] = "mapWrite", e[e.copySrc = 4] = "copySrc", e[e.copyDst = 8] = "copyDst", e[e.index = 16] = "index", e[e.vertex = 32] = "vertex", e[e.uniform = 64] = "uniform", e[e.storage = 128] = "storage", e[e.indirect = 256] = "indirect", e[e.queryResolve = 512] = "queryResolve", e[e.static = 1024] = "static", e;
-}({}), kt = class extends n {
+}({}), Ot = class extends n {
 	screen = {
 		x: 0,
 		y: 0,
@@ -1169,12 +1169,12 @@ var Dt = /* @__PURE__ */ function(e) {
 		this.view && (this.view.width = Math.floor(e * this.pixelRatio), this.view.height = Math.floor(t * this.pixelRatio)), this.screen.width = e, this.screen.height = t, n && this.view && (this.view.style.width = `${e}px`, this.view.style.height = `${t}px`);
 	}
 };
-k([_({ fallback: Je }), O("design:type", Number)], kt.prototype, "pixelRatio", void 0), k([_({ internal: !0 }), O("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], kt.prototype, "view", void 0);
+A([_({ fallback: Je }), k("design:type", Number)], Ot.prototype, "pixelRatio", void 0), A([_({ internal: !0 }), k("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], Ot.prototype, "view", void 0);
 //#endregion
 //#region src/core/renderers/shared/shader/UniformGroup.ts
-var At = 0, jt = class {
+var kt = 0, At = class {
 	isUniformGroup = !0;
-	uid = ++At;
+	uid = ++kt;
 	uniforms;
 	ubo;
 	isStatic;
@@ -1185,14 +1185,14 @@ var At = 0, jt = class {
 	update() {
 		this._dirtyId++;
 	}
-}, Mt = Object.create(null), Nt = Object.create(null);
-function Pt(e, t) {
-	let n = Nt[e];
-	return n === void 0 && (Mt[t] === void 0 && (Mt[t] = 1), Nt[e] = n = Mt[t]++), n;
+}, jt = Object.create(null), Mt = Object.create(null);
+function Nt(e, t) {
+	let n = Mt[e];
+	return n === void 0 && (jt[t] === void 0 && (jt[t] = 1), Mt[e] = n = jt[t]++), n;
 }
 //#endregion
 //#region src/core/renderers/gl/system/GlSystem.ts
-var j = class extends e {
+var M = class extends e {
 	get _gl() {
 		return this._renderer.gl;
 	}
@@ -1206,7 +1206,7 @@ var j = class extends e {
 	_setup() {}
 	flush() {}
 	reset() {}
-}, Ft = class extends j {
+}, Pt = class extends M {
 	install(e) {
 		super.install(e), e.buffer = this;
 	}
@@ -1216,8 +1216,8 @@ var j = class extends e {
 		return this.glBuffers.get(e.instanceId) || this._createGlBuffer(e);
 	}
 	_createGlBuffer(e) {
-		let t = this._gl, n = new Ot(t.createBuffer()), r = Dt.arrayBuffer;
-		return e.usage & A.index ? r = Dt.elementArrayBuffer : e.usage & A.uniform && (r = Dt.uniformBuffer), n.target = r, this.glBuffers.set(e.instanceId, n), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (e) => {
+		let t = this._gl, n = new Dt(t.createBuffer()), r = Et.arrayBuffer;
+		return e.usage & j.index ? r = Et.elementArrayBuffer : e.usage & j.uniform && (r = Et.uniformBuffer), n.target = r, this.glBuffers.set(e.instanceId, n), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (e) => {
 			switch (e) {
 				case "usage":
 				case "data":
@@ -1240,7 +1240,7 @@ var j = class extends e {
 		n.dirty = !1;
 		let { _gl: r } = this, { usage: i, data: a } = e;
 		r.bindBuffer(n.target, n.native);
-		let o = i & A.static ? r.STATIC_DRAW : r.DYNAMIC_DRAW;
+		let o = i & j.static ? r.STATIC_DRAW : r.DYNAMIC_DRAW;
 		if (a) if (n.byteLength >= a.byteLength) {
 			let e = a.length * a.BYTES_PER_ELEMENT;
 			r.bufferSubData(n.target, 0, a, 0, e / a.BYTES_PER_ELEMENT);
@@ -1255,13 +1255,13 @@ var j = class extends e {
 		}
 		this.buffers.clear(), this.glBuffers.clear();
 	}
-}, It;
-function Lt() {
-	return It ||= "mediump", It;
+}, Ft;
+function It() {
+	return Ft ||= "mediump", Ft;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/addProgramDefines.ts
-function Rt(e, t, n) {
+function Lt(e, t, n) {
 	return t ? e : n ? (e = e.replace("out vec4 finalColor;", ""), `#ifdef GL_ES
   #define in varying
   #define finalColor gl_FragColor
@@ -1275,7 +1275,7 @@ ${e}`;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/ensurePrecision.ts
-function zt(e, t, n) {
+function Rt(e, t, n) {
 	let r = n ? t.maxSupportedFragmentPrecision : t.maxSupportedVertexPrecision;
 	if (e.substring(0, 9) !== "precision") {
 		let i = n ? t.requestedFragmentPrecision : t.requestedVertexPrecision;
@@ -1285,31 +1285,31 @@ function zt(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/insertVersion.ts
-function Bt(e, t) {
+function zt(e, t) {
 	return t ? `#version 300 es\n${e}` : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/setProgramName.ts
-var Vt = {}, Ht = {};
-function Ut(e, { name: t = "program" }, n = !0) {
+var Bt = {}, Vt = {};
+function Ht(e, { name: t = "program" }, n = !0) {
 	t = t.replace(/\s+/g, "-"), t += n ? "-fragment" : "-vertex";
-	let r = n ? Vt : Ht;
+	let r = n ? Bt : Vt;
 	return r[t] ? (r[t]++, t += `-${r[t]}`) : r[t] = 1, e.includes("#define SHADER_NAME") ? e : `${`#define SHADER_NAME ${t}`}\n${e}`;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/stripVersion.ts
-function Wt(e, t) {
+function Ut(e, t) {
 	return t ? e.replace("#version 300 es", "") : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgram.ts
-var Gt = Object.create(null), Kt = {
-	stripVersion: Wt,
-	ensurePrecision: zt,
-	addProgramDefines: Rt,
-	setProgramName: Ut,
-	insertVersion: Bt
-}, qt = class e {
+var Wt = Object.create(null), Gt = {
+	stripVersion: Ut,
+	ensurePrecision: Rt,
+	addProgramDefines: Lt,
+	setProgramName: Ht,
+	insertVersion: zt
+}, Kt = class e {
 	static defaultOptions = {
 		preferredVertexPrecision: "highp",
 		preferredFragmentPrecision: "mediump"
@@ -1332,25 +1332,25 @@ var Gt = Object.create(null), Kt = {
 				requestedFragmentPrecision: t.preferredFragmentPrecision,
 				requestedVertexPrecision: t.preferredVertexPrecision,
 				maxSupportedVertexPrecision: "highp",
-				maxSupportedFragmentPrecision: Lt()
+				maxSupportedFragmentPrecision: It()
 			},
 			setProgramName: { name: t.name },
 			addProgramDefines: i,
 			insertVersion: i
 		};
-		Object.keys(Kt).forEach((e) => {
+		Object.keys(Gt).forEach((e) => {
 			let t = a[e];
-			n = Kt[e](n, t, !0), r = Kt[e](r, t, !1);
-		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = Pt(`${r}:${n}`, "GlProgram");
+			n = Gt[e](n, t, !0), r = Gt[e](r, t, !1);
+		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = Nt(`${r}:${n}`, "GlProgram");
 	}
 	destroy() {
-		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Gt[this._cacheKey];
+		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Wt[this._cacheKey];
 	}
 	static from(t) {
 		let n = `${t.vertex}:${t.fragment}`;
-		return Gt[n] || (Gt[n] = new e(t), Gt[n]._cacheKey = n), Gt[n];
+		return Wt[n] || (Wt[n] = new e(t), Wt[n]._cacheKey = n), Wt[n];
 	}
-}, Jt = {
+}, qt = {
 	uint8x2: {
 		size: 2,
 		stride: 2,
@@ -1502,18 +1502,18 @@ var Gt = Object.create(null), Kt = {
 		normalized: !1
 	}
 };
-function Yt(e) {
-	return Jt[e] ?? Jt.float32;
+function Jt(e) {
+	return qt[e] ?? qt.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgramData.ts
-var Xt = class {
+var Yt = class {
 	native;
 	uniformDirtyGroups = Object.create(null);
 	constructor(e) {
 		this.native = e;
 	}
-}, Zt, Qt = {
+}, Xt, Zt = {
 	FLOAT: "float",
 	FLOAT_VEC2: "vec2",
 	FLOAT_VEC3: "vec3",
@@ -1542,7 +1542,7 @@ var Xt = class {
 	SAMPLER_2D_ARRAY: "sampler2DArray",
 	INT_SAMPLER_2D_ARRAY: "sampler2DArray",
 	UNSIGNED_INT_SAMPLER_2D_ARRAY: "sampler2DArray"
-}, $t = {
+}, Qt = {
 	float: "float32",
 	vec2: "float32x2",
 	vec3: "float32x3",
@@ -1560,29 +1560,29 @@ var Xt = class {
 	bvec3: "uint32x3",
 	bvec4: "uint32x4"
 };
-function en(e, t) {
-	if (!Zt) {
-		let t = Object.keys(Qt);
-		Zt = {};
+function $t(e, t) {
+	if (!Xt) {
+		let t = Object.keys(Zt);
+		Xt = {};
 		for (let n = 0; n < t.length; ++n) {
 			let r = t[n];
-			Zt[e[r]] = Qt[r];
+			Xt[e[r]] = Zt[r];
 		}
 	}
-	return Zt[t];
+	return Xt[t];
 }
-function tn(e, t) {
-	return $t[en(e, t)] || "float32";
+function en(e, t) {
+	return Qt[$t(e, t)] || "float32";
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlShaderSystem.ts
-var nn = class extends j {
+var tn = class extends M {
 	install(e) {
 		super.install(e), e.shader = this;
 	}
 	glProgramDatas = /* @__PURE__ */ new Map();
 	currentProgram = null;
-	globalUniforms = new jt({
+	globalUniforms = new At({
 		projectionMatrix: new Float32Array([
 			1,
 			0,
@@ -1623,7 +1623,7 @@ var nn = class extends j {
 		return this.glProgramDatas.get(e.id) || this._createGlProgramData(e);
 	}
 	_createGlProgramData(e) {
-		let t = this._gl, n = new Xt(t.createProgram());
+		let t = this._gl, n = new Yt(t.createProgram());
 		this.glProgramDatas.set(e.id, n), this.useProgram(e);
 		let r = this._createGlShader(e.vertex, t.VERTEX_SHADER), i = this._createGlShader(e.fragment, t.FRAGMENT_SHADER);
 		if (t.attachShader(n.native, r), t.attachShader(n.native, i), t.linkProgram(n.native), !t.getProgramParameter(n.native, t.LINK_STATUS)) throw Error(`Failed to link program: ${t.getProgramInfoLog(n.native)}`);
@@ -1631,11 +1631,11 @@ var nn = class extends j {
 		for (let e = t.getProgramParameter(n.native, t.ACTIVE_ATTRIBUTES), r = 0; r < e; r++) {
 			let e = t.getActiveAttrib(n.native, r);
 			if (!e || e.name.startsWith("gl_")) continue;
-			let i = tn(t, e.type);
+			let i = en(t, e.type);
 			a[e.name] = {
 				location: 0,
 				format: i,
-				stride: Yt(i).stride,
+				stride: Jt(i).stride,
 				offset: 0,
 				instance: !1,
 				start: 0
@@ -1652,7 +1652,7 @@ var nn = class extends j {
 		for (let e = t.getProgramParameter(n.native, t.ACTIVE_UNIFORMS), r = 0; r < e; r++) {
 			let e = t.getActiveUniform(n.native, r);
 			if (!e) continue;
-			let i = e.name.replace(/\[.*?\]$/, ""), a = en(t, e.type), o = e.size;
+			let i = e.name.replace(/\[.*?\]$/, ""), a = $t(t, e.type), o = e.size;
 			c[i] = {
 				name: i,
 				index: r,
@@ -1687,7 +1687,7 @@ var nn = class extends j {
 			let { type: s, isArray: c, name: l } = o;
 			o.location === void 0 && (o.location = r.getUniformLocation(t.native, l));
 			let u = o.location;
-			if (rn(o.value, a)) switch (o.value = an(o.value, a), s) {
+			if (nn(o.value, a)) switch (o.value = rn(o.value, a), s) {
 				case "float":
 					c ? r.uniform1fv(u, a) : r.uniform1f(u, a);
 					break;
@@ -1774,7 +1774,7 @@ var nn = class extends j {
 		super.destroy(), this.bind(null);
 	}
 };
-function rn(e, t) {
+function nn(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e != "object" || !e || e.length !== n) return !0;
@@ -1783,7 +1783,7 @@ function rn(e, t) {
 	}
 	return e !== t;
 }
-function an(e, t) {
+function rn(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e == "object" && e && e.length === n) {
@@ -1796,10 +1796,10 @@ function an(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlBlendMode.ts
-var on = /* @__PURE__ */ function(e) {
+var an = /* @__PURE__ */ function(e) {
 	return e.normal = "normal", e.add = "add", e.multiply = "multiply", e.screen = "screen", e.none = "none", e.normalNpm = "normalNpm", e.addNpm = "add_npm", e.screenNpm = "screenNpm", e.srcIn = "srcIn", e.srcOut = "srcOut", e.srcAtop = "srcAtop", e.dstOver = "dstOver", e.dstIn = "dstIn", e.dstOut = "dstOut", e.dstAtop = "dstAtop", e.xor = "xor", e.subtract = "subtract", e;
 }({});
-function sn(e) {
+function on(e) {
 	return {
 		normal: [e.ONE, e.ONE_MINUS_SRC_ALPHA],
 		add: [e.ONE, e.ONE],
@@ -1854,7 +1854,7 @@ function sn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlStateSystem.ts
-var cn = class e {
+var sn = class e {
 	static _properties = [
 		"blend",
 		"offsets",
@@ -1881,14 +1881,14 @@ var cn = class e {
 		let t = new e();
 		return t.depthTest = !1, t.blend = !0, t;
 	}
-	_blendMode = on.normal;
+	_blendMode = an.normal;
 	_polygonOffset = 0;
 	bitmap = 0;
 	get blendMode() {
 		return this._blendMode;
 	}
 	set blendMode(e) {
-		this.blend = e !== on.none, this._blendMode = e;
+		this.blend = e !== an.none, this._blendMode = e;
 	}
 	get polygonOffset() {
 		return this._polygonOffset;
@@ -1900,19 +1900,19 @@ var cn = class e {
 		if (e) for (let t in e) this[t] = e[t];
 	}
 };
-cn._init();
-var ln = class extends j {
+sn._init();
+var cn = class extends M {
 	install(e) {
 		super.install(e), e.state = this;
 	}
 	_blendEq = !1;
-	_setters = cn._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
+	_setters = sn._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
 	boundStateBitmap = 0;
 	boundBlendMode;
 	blendModes;
-	defaultState = new cn({ blend: !0 });
+	defaultState = new sn({ blend: !0 });
 	_updateContext(e) {
-		super._updateContext(e), this.blendModes = sn(e);
+		super._updateContext(e), this.blendModes = on(e);
 	}
 	toggle(e, t) {
 		this._renderer.gl[t ? "enable" : "disable"](e);
@@ -1955,14 +1955,14 @@ var ln = class extends j {
 	}
 	reset() {
 		super.reset();
-		let e = (1 << cn._properties.length) - 1;
+		let e = (1 << sn._properties.length) - 1;
 		this.boundStateBitmap = ~this.defaultState.bitmap & e, this.boundBlendMode = void 0, this._blendEq = !0, this.bind(this.defaultState);
 	}
-}, un = class extends j {
+}, ln = class extends M {
 	install(e) {
 		super.install(e), e.batch2D = this;
 	}
-	_state = cn.for2D();
+	_state = sn.for2D();
 	_batchSize = 4096 * 4;
 	_batchables = [];
 	_vertexCount = 0;
@@ -1984,7 +1984,7 @@ var ln = class extends j {
 	_createShader(e) {
 		let t = this._renderer, n = {
 			instanceId: lt(),
-			glProgram: new qt({
+			glProgram: new Kt({
 				vertex: "precision highp float;\nin vec2 aPosition;\nin vec2 aUv;\nin vec4 aTextureParams;\nin vec4 aModulate;\n\nuniform vec2 size;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\n\nout float vTextureId;\nout float vClipOutsideUv;\nout vec2 vUv;\nout vec4 vModulate;\n\nvec2 roundPixels(vec2 position, vec2 targetSize) {\n  return (floor(((position * 0.5 + 0.5) * targetSize) + 0.5) / targetSize) * 2.0 - 1.0;\n}\n\nvoid main(void) {\n  mat3 modelMatrix = mat3(\n    1.0, 0.0, 0.0,\n    0.0, 1.0, 0.0,\n    0.0, 0.0, 1.0\n  );\n  mat3 modelViewProjectionMatrix = projectionMatrix * viewMatrix * modelMatrix;\n  gl_Position = vec4((modelViewProjectionMatrix * vec3(aPosition, 1.0)).xy, 0.0, 1.0);\n  vTextureId = aTextureParams.x;\n  vClipOutsideUv = aTextureParams.y;\n  if (aTextureParams.z == 1.) {\n    gl_Position.xy = roundPixels(gl_Position.xy, size);\n  }\n  vUv = aUv;\n  vModulate = aModulate;\n}",
 				fragment: `precision highp float;
 in float vTextureId;
@@ -2014,11 +2014,11 @@ void main(void) {
 			})
 		}, r = {
 			instanceId: lt(),
-			usage: A.vertex,
+			usage: j.vertex,
 			data: new Float32Array()
 		}, i = {
 			instanceId: lt(),
-			usage: A.index,
+			usage: j.index,
 			data: new Uint32Array()
 		}, a = {
 			instanceId: lt(),
@@ -2061,7 +2061,7 @@ void main(void) {
 					let { indices: r, vertices: p, uvs: h = new Float32Array(), size: g = {
 						width: 0,
 						height: 0
-					}, texture: ee, blendMode: te = on.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
+					}, texture: ee, blendMode: te = an.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
 						255,
 						255,
 						255,
@@ -2091,22 +2091,22 @@ void main(void) {
 		}
 	}
 	_getBufferData(e) {
-		let t = dn(Math.ceil(e / 8)), n = fn(t), r = t * 8;
+		let t = un(Math.ceil(e / 8)), n = dn(t), r = t * 8;
 		this._attributeBuffer.length <= n && (this._attributeBuffer.length = n + 1);
 		let i = this._attributeBuffer[n];
 		return i || (this._attributeBuffer[n] = i = /* @__PURE__ */ new ArrayBuffer(r * this._vertexSize * 4)), i;
 	}
 	_getIndexBufferData(e) {
-		let t = dn(Math.ceil(e / 12)), n = fn(t), r = t * 12;
+		let t = un(Math.ceil(e / 12)), n = dn(t), r = t * 12;
 		this._indexBuffers.length <= n && (this._indexBuffers.length = n + 1);
 		let i = this._indexBuffers[n];
 		return i || (this._indexBuffers[n] = i = new Uint32Array(r)), i;
 	}
 };
-function dn(e) {
+function un(e) {
 	return e += +(e === 0), --e, e |= e >>> 1, e |= e >>> 2, e |= e >>> 4, e |= e >>> 8, e |= e >>> 16, e + 1;
 }
-function fn(e) {
+function dn(e) {
 	let t = (e > 65535) << 4;
 	e >>>= t;
 	let n = (e > 255) << 3;
@@ -2114,11 +2114,11 @@ function fn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/const.ts
-var M = /* @__PURE__ */ function(e) {
+var N = /* @__PURE__ */ function(e) {
 	return e[e.disabled = 0] = "disabled", e[e.renderingMaskAdd = 1] = "renderingMaskAdd", e[e.maskActive = 2] = "maskActive", e[e.inverseMaskActive = 3] = "inverseMaskActive", e[e.renderingMaskRemove = 4] = "renderingMaskRemove", e[e.none = 5] = "none", e;
-}({}), pn = /* @__PURE__ */ function(e) {
+}({}), fn = /* @__PURE__ */ function(e) {
 	return e[e.none = 0] = "none", e[e.color = 16384] = "color", e[e.stencil = 1024] = "stencil", e[e.depth = 256] = "depth", e[e.colorDepth = 16640] = "colorDepth", e[e.colorStencil = 17408] = "colorStencil", e[e.depthStencil = 1280] = "depthStencil", e[e.all = 17664] = "all", e;
-}({}), mn = class extends j {
+}({}), pn = class extends M {
 	install(e) {
 		super.install(e), e.mask = this;
 	}
@@ -2137,16 +2137,16 @@ var M = /* @__PURE__ */ function(e) {
 		};
 		this.stack.push(n);
 		let r = this._renderer.renderTarget.current?.instanceId ?? -1, i = this._maskStackHash[r] ?? 0;
-		"x" in t ? this._renderer.scissor.push(t) : "render" in t && (this._renderer.flush(), this._renderer.renderTarget.ensureDepthStencil(), this._renderer.stencil.bind(M.renderingMaskAdd, i), this._renderer.colorMask.bind(0), i++, t.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(M.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
+		"x" in t ? this._renderer.scissor.push(t) : "render" in t && (this._renderer.flush(), this._renderer.renderTarget.ensureDepthStencil(), this._renderer.stencil.bind(N.renderingMaskAdd, i), this._renderer.colorMask.bind(0), i++, t.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(N.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
 	}
 	pop(e) {
 		let t = this.stack.pop();
 		if (!t || t.source !== e) return;
 		let { mask: n } = t, r = this._renderer.renderTarget.current?.instanceId ?? -1, i = this._maskStackHash[r] ?? 0;
-		"x" in n ? this._renderer.scissor.pop() : "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear(pn.stencil), this._renderer.stencil.bind(M.disabled, i)) : this._renderer.stencil.bind(M.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(M.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
+		"x" in n ? this._renderer.scissor.pop() : "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear(fn.stencil), this._renderer.stencil.bind(N.disabled, i)) : this._renderer.stencil.bind(N.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(N.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
 	}
-}, hn = [];
-hn[M.none] = {}, hn[M.disabled] = {}, hn[M.renderingMaskAdd] = {
+}, mn = [];
+mn[N.none] = {}, mn[N.disabled] = {}, mn[N.renderingMaskAdd] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "increment-clamp"
@@ -2155,7 +2155,7 @@ hn[M.none] = {}, hn[M.disabled] = {}, hn[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "increment-clamp"
 	}
-}, hn[M.renderingMaskRemove] = {
+}, mn[N.renderingMaskRemove] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "decrement-clamp"
@@ -2164,7 +2164,7 @@ hn[M.none] = {}, hn[M.disabled] = {}, hn[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "decrement-clamp"
 	}
-}, hn[M.maskActive] = {
+}, mn[N.maskActive] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "keep"
@@ -2173,7 +2173,7 @@ hn[M.none] = {}, hn[M.disabled] = {}, hn[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "keep"
 	}
-}, hn[M.inverseMaskActive] = {
+}, mn[N.inverseMaskActive] = {
 	stencilFront: {
 		compare: "not-equal",
 		passOp: "keep"
@@ -2183,17 +2183,17 @@ hn[M.none] = {}, hn[M.disabled] = {}, hn[M.renderingMaskAdd] = {
 		passOp: "keep"
 	}
 };
-var gn = class extends j {
+var hn = class extends M {
 	install(e) {
 		super.install(e), e.stencil = this;
 	}
 	_cache = {
 		enabled: !1,
-		stencilMode: M.none,
+		stencilMode: N.none,
 		refCount: 0
 	};
 	current = { [-1]: {
-		stencilMode: M.disabled,
+		stencilMode: N.disabled,
 		refCount: 0
 	} };
 	_passOpMap;
@@ -2223,20 +2223,20 @@ var gn = class extends j {
 		super._setup(), this._renderer.renderTarget.on("updateRenderTarget", this._updateRenderTarget);
 	}
 	reset() {
-		this._cache.enabled = !1, this._cache.stencilMode = M.none, this._cache.refCount = 0;
+		this._cache.enabled = !1, this._cache.stencilMode = N.none, this._cache.refCount = 0;
 	}
 	_updateRenderTarget = (e) => {
 		if (e) {
 			let t = this.current[e.instanceId];
 			t ||= this.current[e.instanceId] = {
-				stencilMode: M.disabled,
+				stencilMode: N.disabled,
 				refCount: 0
 			}, this.bind(t.stencilMode, t.refCount);
 		}
 	};
 	bind(e, t) {
-		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = hn[e], a = this._cache;
-		if (n.stencilMode = e, n.refCount = t, e === M.disabled) {
+		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = mn[e], a = this._cache;
+		if (n.stencilMode = e, n.refCount = t, e === N.disabled) {
 			this._cache.enabled && (this._cache.enabled = !1, r.disable(r.STENCIL_TEST));
 			return;
 		}
@@ -2245,8 +2245,8 @@ var gn = class extends j {
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, _n = class extends j {
-	current = new vt(0, 0, 0, 0);
+}, gn = class extends M {
+	current = new yt(0, 0, 0, 0);
 	install(e) {
 		super.install(e), e.viewport = this;
 	}
@@ -2254,7 +2254,7 @@ var gn = class extends j {
 		let t = this.current, n = Math.floor(e.x), r = Math.floor(e.y), i = Math.floor(e.width), a = Math.floor(e.height);
 		t.x === n && t.y === r && t.width === i && t.height === a || (this._gl.viewport(n, r, i, a), t.x = n, t.y = r, t.width = i, t.height = a);
 	}
-}, vn = class {
+}, _n = class {
 	framebuffer;
 	width = -1;
 	height = -1;
@@ -2265,7 +2265,7 @@ var gn = class extends j {
 	constructor(e) {
 		this.framebuffer = e;
 	}
-}, yn = class extends j {
+}, vn = class extends M {
 	install(e) {
 		super.install(e), e.renderTarget = this;
 	}
@@ -2275,7 +2275,7 @@ var gn = class extends j {
 	_msaaSamples = [];
 	_hasMRT = !0;
 	_writeDepthTexture = !0;
-	projection = new Tt();
+	projection = new wt();
 	_updateContext(e) {
 		if (super._updateContext(e), this._hasMRT = !0, this._writeDepthTexture = !0, this._renderer.version === 1) {
 			let t = this._renderer.extensions.drawBuffers, n = this._renderer.extensions.depthTexture;
@@ -2311,7 +2311,7 @@ var gn = class extends j {
 		return this.glRenderTargets.get(e.instanceId) || this._createGlRenderTarget(e);
 	}
 	_createGlRenderTarget(e) {
-		let t = this._gl, n = new vn(t.createFramebuffer());
+		let t = this._gl, n = new _n(t.createFramebuffer());
 		return this.glRenderTargets.set(e.instanceId, n), this.renderTargets.get(e.instanceId) || (this.renderTargets.set(e.instanceId, e), this._update(e, n), "on" in e && (e.on("updateProperty", (t) => {
 			switch (t) {
 				case "width":
@@ -2388,28 +2388,28 @@ var gn = class extends j {
 	reset() {
 		super.reset(), this._renderer.contextLost || this.glRenderTargets.forEach((e) => this.destroyGpuRenderTarget(e)), this.renderTargets.clear(), this.glRenderTargets.clear(), this.current = null, this._msaaSamples.length = 0;
 	}
-}, bn = /* @__PURE__ */ function(e) {
+}, yn = /* @__PURE__ */ function(e) {
 	return e[e.RGBA = 6408] = "RGBA", e[e.RGB = 6407] = "RGB", e[e.RG = 33319] = "RG", e[e.RED = 6403] = "RED", e[e.RGBA_INTEGER = 36249] = "RGBA_INTEGER", e[e.RGB_INTEGER = 36248] = "RGB_INTEGER", e[e.RG_INTEGER = 33320] = "RG_INTEGER", e[e.RED_INTEGER = 36244] = "RED_INTEGER", e[e.ALPHA = 6406] = "ALPHA", e[e.LUMINANCE = 6409] = "LUMINANCE", e[e.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", e[e.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", e[e.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", e;
-}({}), xn = /* @__PURE__ */ function(e) {
+}({}), bn = /* @__PURE__ */ function(e) {
 	return e[e.TEXTURE_2D = 3553] = "TEXTURE_2D", e[e.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", e[e.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", e[e.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", e[e.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", e[e.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", e[e.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", e[e.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", e[e.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", e;
-}({}), N = /* @__PURE__ */ function(e) {
+}({}), P = /* @__PURE__ */ function(e) {
 	return e[e.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", e[e.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", e[e.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", e[e.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", e[e.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", e[e.UNSIGNED_INT = 5125] = "UNSIGNED_INT", e[e.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", e[e.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", e[e.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", e[e.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", e[e.BYTE = 5120] = "BYTE", e[e.SHORT = 5122] = "SHORT", e[e.INT = 5124] = "INT", e[e.FLOAT = 5126] = "FLOAT", e[e.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", e[e.HALF_FLOAT = 36193] = "HALF_FLOAT", e;
-}({}), Sn = class {
+}({}), xn = class {
 	native;
-	target = xn.TEXTURE_2D;
+	target = bn.TEXTURE_2D;
 	width = -1;
 	height = -1;
 	mipmap = !1;
-	type = N.UNSIGNED_BYTE;
-	internalFormat = bn.RGBA;
-	format = bn.RGBA;
+	type = P.UNSIGNED_BYTE;
+	internalFormat = yn.RGBA;
+	format = yn.RGBA;
 	constructor(e) {
 		this.native = e;
 	}
 };
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlFormat.ts
-function Cn(e) {
+function Sn(e) {
 	return {
 		r8unorm: e.RED,
 		r8snorm: e.RED,
@@ -2457,7 +2457,7 @@ function Cn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlInternalFormat.ts
-function wn(e, t) {
+function Cn(e, t) {
 	let n = {}, r = e.RGBA;
 	return e instanceof WebGLRenderingContext ? t.srgb && (n = {
 		"rgba8unorm-srgb": t.srgb.SRGB8_ALPHA8_EXT,
@@ -2573,7 +2573,7 @@ function wn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlType.ts
-function Tn(e) {
+function wn(e) {
 	return {
 		r8unorm: e.UNSIGNED_BYTE,
 		r8snorm: e.BYTE,
@@ -2621,7 +2621,7 @@ function Tn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/updateTextureStyle.ts
-var En = {
+var Tn = {
 	linear: {
 		linear: 9987,
 		nearest: 9985
@@ -2630,10 +2630,10 @@ var En = {
 		linear: 9986,
 		nearest: 9984
 	}
-}, Dn = {
+}, En = {
 	linear: 9729,
 	nearest: 9728
-}, On = {
+}, Dn = {
 	never: 512,
 	less: 513,
 	equal: 514,
@@ -2642,32 +2642,32 @@ var En = {
 	"not-equal": 517,
 	"greater-equal": 518,
 	always: 519
-}, kn = {
+}, On = {
 	"clamp-to-edge": 33071,
 	repeat: 10497,
 	"mirror-repeat": 33648
 };
-function An(e, t, n, r, i, a, o, s) {
+function kn(e, t, n, r, i, a, o, s) {
 	let { addressModeU: c = "repeat", addressModeV: l = "repeat", addressModeW: u = "repeat", magFilter: d = "linear", minFilter: f = "linear", mipmapFilter: p = "linear", maxAnisotropy: m = 0, compare: h } = e, g = a;
 	if (!s || c !== "repeat" || l !== "repeat" || u !== "repeat") {
-		let e = kn[o ? "clamp-to-edge" : c], n = kn[o ? "clamp-to-edge" : l], r = kn[o ? "clamp-to-edge" : u];
+		let e = On[o ? "clamp-to-edge" : c], n = On[o ? "clamp-to-edge" : l], r = On[o ? "clamp-to-edge" : u];
 		t[i](g, t.TEXTURE_WRAP_S, e), t[i](g, t.TEXTURE_WRAP_T, n), t.TEXTURE_WRAP_R && t[i](g, t.TEXTURE_WRAP_R, r);
 	}
-	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, Dn[d]), n) {
+	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, En[d]), n) {
 		if (!s || p !== "linear") {
-			let e = En[f][p];
+			let e = Tn[f][p];
 			t[i](g, t.TEXTURE_MIN_FILTER, e);
 		}
-	} else t[i](g, t.TEXTURE_MIN_FILTER, Dn[f]);
+	} else t[i](g, t.TEXTURE_MIN_FILTER, En[f]);
 	if (r && m > 1) {
 		let e = Math.min(m, t.getParameter(r.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
 		t[i](g, r.TEXTURE_MAX_ANISOTROPY_EXT, e);
 	}
-	h && t[i](g, t.TEXTURE_COMPARE_FUNC, On[h]);
+	h && t[i](g, t.TEXTURE_COMPARE_FUNC, Dn[h]);
 }
 //#endregion
 //#region src/core/renderers/gl/texture/uploaders/index.ts
-var jn = {
+var An = {
 	buffer: {
 		id: "buffer",
 		upload: (e, t, n) => {
@@ -2681,8 +2681,8 @@ var jn = {
 			c < o || l < s ? ((i !== o || a !== s) && n.texImage2D(t.target, 0, t.internalFormat, o, s, 0, t.format, t.type, null), r === 2 ? n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, c, l, t.format, t.type, e.source) : n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, t.format, t.type, e.source)) : i === o && a === s ? n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, t.format, t.type, e.source) : r === 2 ? n.texImage2D(t.target, 0, t.internalFormat, o, s, 0, t.format, t.type, e.source) : n.texImage2D(t.target, 0, t.internalFormat, t.format, t.type, e.source), t.width = o, t.height = s;
 		}
 	}
-}, Mn = class extends j {
-	uploaders = { ...jn };
+}, jn = class extends M {
+	uploaders = { ...An };
 	textures = /* @__PURE__ */ new Map();
 	glTextures = /* @__PURE__ */ new Map();
 	_mapFormatToInternalFormat = Object.create(null);
@@ -2697,14 +2697,14 @@ var jn = {
 		super.install(e), e.texture = this;
 	}
 	_updateContext(e) {
-		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = wn(e, this._renderer.extensions), this._mapFormatToType = Tn(e), this._mapFormatToFormat = Cn(e)), this.maxTextureSize = e.getParameter(e.MAX_TEXTURE_SIZE), this.maxTextureImageUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
+		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = Cn(e, this._renderer.extensions), this._mapFormatToType = wn(e), this._mapFormatToFormat = Sn(e)), this.maxTextureSize = e.getParameter(e.MAX_TEXTURE_SIZE), this.maxTextureImageUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
 		for (let e = 0; e < this.maxTextureImageUnits; e++) this.unbind(e);
 	}
 	getGlTexture(e) {
 		return this.glTextures.get(e.instanceId) || this._createGlTexture(e);
 	}
 	_createGlTexture(e) {
-		let t = this._gl, n = new Sn(t.createTexture());
+		let t = this._gl, n = new xn(t.createTexture());
 		if (t.bindTexture(n.target, n.native), n.type = this._mapFormatToType[e.format], n.internalFormat = this._mapFormatToInternalFormat[e.format], n.format = this._mapFormatToFormat[e.format], this.glTextures.set(e.instanceId, n), e.mipmap && (this._renderer.supports.nonPowOf2mipmaps || e.isPowerOfTwo)) {
 			let t = Math.max(e.width, e.height);
 			e.mipLevelCount = Math.floor(Math.log2(t)) + 1;
@@ -2764,7 +2764,7 @@ var jn = {
 	}
 	updateStyle(e, t = !1) {
 		let n = this._gl;
-		An(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
+		kn(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
 	}
 	updateGpuTexture(e) {
 		this.bind(e);
@@ -2779,50 +2779,50 @@ var jn = {
 		let e = this._gl;
 		this._renderer.contextLost || this.glTextures.forEach((t) => e.deleteTexture(t.native)), this.textures.clear(), this.glTextures.clear(), this._location = 0, this.current.length = 0, this._premultiplyAlpha = !1, this._renderer.contextLost || e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this._premultiplyAlpha);
 	}
-}, Nn = {
-	uint8x2: N.UNSIGNED_BYTE,
-	uint8x4: N.UNSIGNED_BYTE,
-	sint8x2: N.BYTE,
-	sint8x4: N.BYTE,
-	unorm8x2: N.UNSIGNED_BYTE,
-	unorm8x4: N.UNSIGNED_BYTE,
-	snorm8x2: N.BYTE,
-	snorm8x4: N.BYTE,
-	uint16x2: N.UNSIGNED_SHORT,
-	uint16x4: N.UNSIGNED_SHORT,
-	sint16x2: N.SHORT,
-	sint16x4: N.SHORT,
-	unorm16x2: N.UNSIGNED_SHORT,
-	unorm16x4: N.UNSIGNED_SHORT,
-	snorm16x2: N.SHORT,
-	snorm16x4: N.SHORT,
-	float16x2: N.HALF_FLOAT,
-	float16x4: N.HALF_FLOAT,
-	float32: N.FLOAT,
-	float32x2: N.FLOAT,
-	float32x3: N.FLOAT,
-	float32x4: N.FLOAT,
-	uint32: N.UNSIGNED_INT,
-	uint32x2: N.UNSIGNED_INT,
-	uint32x3: N.UNSIGNED_INT,
-	uint32x4: N.UNSIGNED_INT,
-	sint32: N.INT,
-	sint32x2: N.INT,
-	sint32x3: N.INT,
-	sint32x4: N.INT
+}, Mn = {
+	uint8x2: P.UNSIGNED_BYTE,
+	uint8x4: P.UNSIGNED_BYTE,
+	sint8x2: P.BYTE,
+	sint8x4: P.BYTE,
+	unorm8x2: P.UNSIGNED_BYTE,
+	unorm8x4: P.UNSIGNED_BYTE,
+	snorm8x2: P.BYTE,
+	snorm8x4: P.BYTE,
+	uint16x2: P.UNSIGNED_SHORT,
+	uint16x4: P.UNSIGNED_SHORT,
+	sint16x2: P.SHORT,
+	sint16x4: P.SHORT,
+	unorm16x2: P.UNSIGNED_SHORT,
+	unorm16x4: P.UNSIGNED_SHORT,
+	snorm16x2: P.SHORT,
+	snorm16x4: P.SHORT,
+	float16x2: P.HALF_FLOAT,
+	float16x4: P.HALF_FLOAT,
+	float32: P.FLOAT,
+	float32x2: P.FLOAT,
+	float32x3: P.FLOAT,
+	float32x4: P.FLOAT,
+	uint32: P.UNSIGNED_INT,
+	uint32x2: P.UNSIGNED_INT,
+	uint32x3: P.UNSIGNED_INT,
+	uint32x4: P.UNSIGNED_INT,
+	sint32: P.INT,
+	sint32x2: P.INT,
+	sint32x3: P.INT,
+	sint32x4: P.INT
 };
-function Pn(e) {
-	return Nn[e] ?? Nn.float32;
+function Nn(e) {
+	return Mn[e] ?? Mn.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/geometry/GlGeometrySystem.ts
-var Fn = {
+var Pn = {
 	"point-list": 0,
 	"line-list": 1,
 	"line-strip": 3,
 	"triangle-list": 4,
 	"triangle-strip": 5
-}, In = class extends j {
+}, Fn = class extends M {
 	_geometryVaoHash = {};
 	hasInstance = !1;
 	current = null;
@@ -2861,11 +2861,11 @@ var Fn = {
 		}
 		for (let e in r) {
 			let t = r[e];
-			i[t.buffer.instanceId] += Yt(t.format).stride;
+			i[t.buffer.instanceId] += Jt(t.format).stride;
 		}
 		for (let e in r) {
 			let t = r[e];
-			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += Yt(t.format).stride;
+			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += Jt(t.format).stride;
 		}
 	}
 	_createVao(e, t) {
@@ -2900,7 +2900,7 @@ var Fn = {
 				a !== c && (r.bind(s), a = c);
 				let e = l.location;
 				n.enableVertexAttribArray(e);
-				let t = Yt(o.format), i = Pn(o.format);
+				let t = Jt(o.format), i = Nn(o.format);
 				if (l.format?.substring(1, 4) === "int" ? n.vertexAttribIPointer(e, t.size, i, o.stride ?? 0, o.start ?? 0) : n.vertexAttribPointer(e, t.size, i, t.normalized, o.stride ?? 0, o.start ?? 0), o.instance) if (this.hasInstance) {
 					let t = o.divisor ?? 1;
 					n.vertexAttribDivisor(e, t);
@@ -2933,7 +2933,7 @@ var Fn = {
 		let { topology: t, size: n, start: r = 0, instanceCount: i } = e, { gl: a } = this._renderer, o = this.current;
 		if (!o) return this;
 		t = t || o.topology || "triangle-list";
-		let s = Fn[t];
+		let s = Pn[t];
 		if (i = i || o.instanceCount || 1, o.indexBuffer) {
 			n ||= o.indexBuffer.data.length;
 			let e = o.indexBuffer.data.BYTES_PER_ELEMENT, t = e === 2 ? a.UNSIGNED_SHORT : a.UNSIGNED_INT;
@@ -2954,7 +2954,7 @@ var Fn = {
 		}
 		this._geometryVaoHash = {}, this.current = null, this.currentVao = null;
 	}
-}, Ln = class extends j {
+}, In = class extends M {
 	install(e) {
 		super.install(e), e.colorMask = this;
 	}
@@ -2965,19 +2965,19 @@ var Fn = {
 };
 //#endregion
 //#region src/core/renderers/gl/GlScissorSystem.ts
-function Rn(e, t, n) {
+function Ln(e, t, n) {
 	let [r, i, a, o, s, c, l, u, d] = e, f = r * t + o * n + l, p = i * t + s * n + u, m = a * t + c * n + d;
 	return {
 		x: f / m,
 		y: p / m
 	};
 }
-function zn(e, t) {
+function Rn(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = [
-		Rn(e, n, r),
-		Rn(e, n + i, r),
-		Rn(e, n + i, r + a),
-		Rn(e, n, r + a)
+		Ln(e, n, r),
+		Ln(e, n + i, r),
+		Ln(e, n + i, r + a),
+		Ln(e, n, r + a)
 	], s = o.map((e) => e.x), c = o.map((e) => e.y), l = Math.min(...s), u = Math.max(...s), d = Math.min(...c), f = Math.max(...c);
 	return {
 		x: l,
@@ -2986,55 +2986,72 @@ function zn(e, t) {
 		height: f - d
 	};
 }
-var Bn = class extends j {
+function zn(e, t) {
+	let n = Math.max(e.x, t.x), r = Math.max(e.y, t.y), i = Math.min(e.x + e.width, t.x + t.width), a = Math.min(e.y + e.height, t.y + t.height);
+	return {
+		x: n,
+		y: r,
+		width: Math.max(0, i - n),
+		height: Math.max(0, a - r)
+	};
+}
+var Bn = class extends M {
 	install(e) {
 		super.install(e), e.scissor = this;
 	}
-	current = { [-1]: { refCount: 0 } };
+	current = { [-1]: { stack: [] } };
 	_setup() {
 		super._setup(), this._renderer.renderTarget.on("updateRenderTarget", this._updateRenderTarget);
 	}
+	_current() {
+		let e = this._renderer.renderTarget.current?.instanceId ?? -1;
+		return this.current[e] ?? (this.current[e] = { stack: [] });
+	}
 	_updateRenderTarget = (e) => {
 		if (e) {
-			let t = this.current[e.instanceId];
-			t ||= this.current[e.instanceId] = { refCount: 0 }, t.rect && t.refCount > 0 ? this.bind(t.rect) : this.bind(null);
+			let t = this.current[e.instanceId] ?? (this.current[e.instanceId] = { stack: [] });
+			this.bind(t.stack[t.stack.length - 1] ?? null);
 		}
 	};
 	push(e) {
-		let t = this._gl;
-		t.enable(t.SCISSOR_TEST);
-		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1];
-		n.refCount++, n.rect = e, this.bind(e);
+		let t = this._current(), n = t.stack[t.stack.length - 1], r = {
+			x: e.x,
+			y: e.y,
+			width: e.width,
+			height: e.height
+		}, i = n ? zn(n, r) : r;
+		t.stack.push(i), this.bind(i);
 	}
 	pop() {
-		let e = this.current[this._renderer.renderTarget.current?.instanceId ?? -1];
-		e.refCount > 0 && e.refCount--, e.refCount <= 0 && this.bind(null);
+		let e = this._current();
+		e.stack.pop(), this.bind(e.stack[e.stack.length - 1] ?? null);
 	}
 	bind(e) {
 		let t = this._gl;
 		if (e) {
-			let { pixelRatio: n, viewport: r } = this._renderer, { viewMatrix: i } = this._renderer.shader.uniforms, { x: a, y: o, width: s, height: c } = zn(i, e), l = r.current.height / n - (o + c);
+			t.enable(t.SCISSOR_TEST);
+			let { pixelRatio: n, viewport: r } = this._renderer, { viewMatrix: i } = this._renderer.shader.uniforms, { x: a, y: o, width: s, height: c } = Rn(i, e), l = r.current.height / n - (o + c);
 			t.scissor(a * n, l * n, s * n, c * n);
 		} else t.disable(t.SCISSOR_TEST);
 	}
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, Vn = class extends kt {
+}, Vn = class extends Ot {
 	contextLost = !1;
 	_systems = [
-		new Mn(),
-		new Ft(),
-		new nn(),
+		new jn(),
+		new Pt(),
+		new tn(),
+		new Fn(),
+		new vn(),
+		new cn(),
+		new pn(),
 		new In(),
-		new yn(),
-		new ln(),
-		new mn(),
-		new Ln(),
-		new gn(),
+		new hn(),
 		new Bn(),
-		new un(),
-		new _n()
+		new ln(),
+		new gn()
 	];
 	bindPoints = /* @__PURE__ */ new Map();
 	supports = {
@@ -3128,8 +3145,8 @@ var Bn = class extends j {
 			height: this.screen.height * this.pixelRatio
 		});
 	}
-	clear(e = pn.all) {
-		typeof e == "boolean" && (e = e ? pn.all : pn.none), e && this.gl.clear(e);
+	clear(e = fn.all) {
+		typeof e == "boolean" && (e = e ? fn.all : fn.none), e && this.gl.clear(e);
 	}
 	reset() {
 		this._systems.forEach((e) => e.reset());
@@ -3160,15 +3177,15 @@ var Bn = class extends j {
 			e.register(n, t);
 		}), e.font = this, this;
 	}
-}, Wn = class extends E {
+}, Wn = class extends vt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.index }), O("design:type", A === void 0 ? Object : A)], Wn.prototype, "usage", void 0), k([_({ default: () => new Uint32Array() }), O("design:type", Object)], Wn.prototype, "data", void 0);
+A([_({ fallback: j.index }), k("design:type", j === void 0 ? Object : j)], Wn.prototype, "usage", void 0), A([_({ default: () => new Uint32Array() }), k("design:type", Object)], Wn.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/Geometry.ts
-var Gn = class extends E {
+var Gn = class extends vt {
 	constructor(e = {}) {
 		super(), this.setProperties(e);
 	}
@@ -3176,32 +3193,32 @@ var Gn = class extends E {
 		e.flush(), t.activate(e, n), e.geometry.bind(this, t.glProgram), e.geometry.draw(), e.geometry.unbind();
 	}
 };
-k([_({ fallback: "triangle-list" }), O("design:type", Object)], Gn.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof Record > "u" ? Object : Record)], Gn.prototype, "attributes", void 0), k([_({ default: () => new Wn() }), O("design:type", Wn === void 0 ? Object : Wn)], Gn.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Gn.prototype, "instanceCount", void 0);
+A([_({ fallback: "triangle-list" }), k("design:type", Object)], Gn.prototype, "topology", void 0), A([_({ default: () => ({}) }), k("design:type", typeof Record > "u" ? Object : Record)], Gn.prototype, "attributes", void 0), A([_({ default: () => new Wn() }), k("design:type", Wn === void 0 ? Object : Wn)], Gn.prototype, "indexBuffer", void 0), A([_({ fallback: 1 }), k("design:type", Number)], Gn.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
-var P = class extends E {
+var F = class extends vt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.vertex }), O("design:type", A === void 0 ? Object : A)], P.prototype, "usage", void 0), k([_({ default: () => new Float32Array() }), O("design:type", Object)], P.prototype, "data", void 0);
+A([_({ fallback: j.vertex }), k("design:type", j === void 0 ? Object : j)], F.prototype, "usage", void 0), A([_({ default: () => new Float32Array() }), k("design:type", Object)], F.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexAttribute.ts
-var F = class extends E {
+var I = class extends vt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ default: () => new P() }), O("design:type", P === void 0 ? Object : P)], F.prototype, "buffer", void 0), k([_({ fallback: "float32" }), O("design:type", Object)], F.prototype, "format", void 0), k([_(), O("design:type", Boolean)], F.prototype, "instance", void 0), k([_(), O("design:type", Number)], F.prototype, "stride", void 0), k([_(), O("design:type", Number)], F.prototype, "offset", void 0), k([_(), O("design:type", Number)], F.prototype, "start", void 0), k([_(), O("design:type", Number)], F.prototype, "divisor", void 0);
+A([_({ default: () => new F() }), k("design:type", F === void 0 ? Object : F)], I.prototype, "buffer", void 0), A([_({ fallback: "float32" }), k("design:type", Object)], I.prototype, "format", void 0), A([_(), k("design:type", Boolean)], I.prototype, "instance", void 0), A([_(), k("design:type", Number)], I.prototype, "stride", void 0), A([_(), k("design:type", Number)], I.prototype, "offset", void 0), A([_(), k("design:type", Number)], I.prototype, "start", void 0), A([_(), k("design:type", Number)], I.prototype, "divisor", void 0);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
 var Kn = class extends Gn {
 	constructor() {
 		super({
 			topology: "triangle-strip",
-			attributes: { position: new F({
+			attributes: { position: new I({
 				format: "float32x2",
-				buffer: new P({ data: new Float32Array([
+				buffer: new F({ data: new Float32Array([
 					0,
 					0,
 					1,
@@ -3255,13 +3272,13 @@ function qn() {
 		])
 	};
 }
-var I = class extends E {
+var L = class extends vt {
 	static instance = new this();
 	glProgram;
 	constructor(e = {}) {
 		super();
 		let { uniforms: t, gl: n } = e;
-		t && (this.uniforms = t), this.glProgram = new qt({
+		t && (this.uniforms = t), this.glProgram = new Kt({
 			vertex: "in vec2 position;\nuniform mat3 projectionMatrix;\nuniform mat3 modelViewMatrix;\nvoid main(void) {\n  gl_Position = vec4((projectionMatrix * modelViewMatrix * vec3(position, 1.0)).xy, 0.0, 1.0);\n}",
 			fragment: "uniform vec4 tint;\nvoid main(void) {\n  gl_FragColor = tint;\n}",
 			...n
@@ -3274,7 +3291,7 @@ var I = class extends E {
 		}, e.shader.updateUniforms(this);
 	}
 };
-k([_({ default: qn }), O("design:type", typeof Record > "u" ? Object : Record)], I.prototype, "uniforms", void 0);
+A([_({ default: qn }), k("design:type", typeof Record > "u" ? Object : Record)], L.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
 var Jn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Yn = /vec(\d)\((.*)\)/;
@@ -3289,7 +3306,7 @@ function Xn(e) {
 	}
 	return Number(e);
 }
-var Zn = class e extends I {
+var Zn = class e extends L {
 	static RE = {
 		getColor: /\sgetColor\s*\(/,
 		getFromColor: /\sgetFromColor\s*\(/,
@@ -3330,7 +3347,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			this.uniforms[t.trim()] = Xn(e[2]);
 		});
 	}
-}, Qn = class extends I {
+}, Qn = class extends L {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3374,7 +3391,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, L = class extends Gn {
+}, R = class extends Gn {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3385,9 +3402,9 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 	constructor() {
 		super({
 			attributes: {
-				position: new F({
+				position: new I({
 					format: "float32x2",
-					buffer: new P({ data: new Float32Array([
+					buffer: new F({ data: new Float32Array([
 						-1,
 						-1,
 						1,
@@ -3398,9 +3415,9 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 						1
 					]) })
 				}),
-				uv: new F({
+				uv: new I({
 					format: "float32x2",
-					buffer: new P({ data: new Float32Array([
+					buffer: new F({ data: new Float32Array([
 						0,
 						0,
 						1,
@@ -3426,15 +3443,15 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
-		let t = new P({ data: new Float32Array() }), n = new P({ data: new Float32Array() });
+		let t = new F({ data: new Float32Array() }), n = new F({ data: new Float32Array() });
 		super({
 			...e,
 			attributes: {
-				position: new F({
+				position: new I({
 					format: "float32x2",
 					buffer: t
 				}),
-				uv: new F({
+				uv: new I({
 					format: "float32x2",
 					buffer: n
 				})
@@ -3442,7 +3459,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			indexBuffer: new Wn({ data: new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
-}, R = class extends E {
+}, z = class extends vt {
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -3456,10 +3473,10 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 		super._destroy(), this.colorTextures.forEach((e) => e.destroy());
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "isRoot", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "msaa", void 0), k([_({ default: () => [new z()] }), O("design:type", Array)], R.prototype, "colorTextures", void 0);
+A([_({ fallback: !1 }), k("design:type", Boolean)], z.prototype, "isRoot", void 0), A([_({ fallback: 0 }), k("design:type", Number)], z.prototype, "x", void 0), A([_({ fallback: 0 }), k("design:type", Number)], z.prototype, "y", void 0), A([_({ fallback: 0 }), k("design:type", Number)], z.prototype, "width", void 0), A([_({ fallback: 0 }), k("design:type", Number)], z.prototype, "height", void 0), A([_({ fallback: 0 }), k("design:type", Number)], z.prototype, "mipLevel", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], z.prototype, "msaa", void 0), A([_({ default: () => [new B()] }), k("design:type", Array)], z.prototype, "colorTextures", void 0);
 //#endregion
 //#region src/scene/resources/textures/Texture2D.ts
-var z = class extends E {
+var B = class extends vt {
 	static get EMPTY() {
 		return new this({
 			width: 1,
@@ -3570,10 +3587,10 @@ var z = class extends E {
 		super._destroy(), Ne && this.source instanceof ImageBitmap && this.source.close();
 	}
 };
-k([_({ fallback: "unknown" }), O("design:type", String)], z.prototype, "uploadMethodId", void 0), k([_({ internal: !0 }), O("design:type", Object)], z.prototype, "source", void 0), k([_({ fallback: 0 }), O("design:type", Number)], z.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], z.prototype, "height", void 0), k([_({ fallback: 1 }), O("design:type", Number)], z.prototype, "pixelRatio", void 0), k([_({ fallback: "bgra8unorm" }), O("design:type", Object)], z.prototype, "format", void 0), k([_({ fallback: "premultiply-alpha-on-upload" }), O("design:type", Object)], z.prototype, "alphaMode", void 0), k([_({ fallback: 1 }), O("design:type", Number)], z.prototype, "mipLevelCount", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], z.prototype, "mipmap", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeU", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeV", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeW", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "magFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "minFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "mipmapFilter", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], z.prototype, "isPowerOfTwo", void 0);
+A([_({ fallback: "unknown" }), k("design:type", String)], B.prototype, "uploadMethodId", void 0), A([_({ internal: !0 }), k("design:type", Object)], B.prototype, "source", void 0), A([_({ fallback: 0 }), k("design:type", Number)], B.prototype, "width", void 0), A([_({ fallback: 0 }), k("design:type", Number)], B.prototype, "height", void 0), A([_({ fallback: 1 }), k("design:type", Number)], B.prototype, "pixelRatio", void 0), A([_({ fallback: "bgra8unorm" }), k("design:type", Object)], B.prototype, "format", void 0), A([_({ fallback: "premultiply-alpha-on-upload" }), k("design:type", Object)], B.prototype, "alphaMode", void 0), A([_({ fallback: 1 }), k("design:type", Number)], B.prototype, "mipLevelCount", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], B.prototype, "mipmap", void 0), A([_({ fallback: "clamp-to-edge" }), k("design:type", Object)], B.prototype, "addressModeU", void 0), A([_({ fallback: "clamp-to-edge" }), k("design:type", Object)], B.prototype, "addressModeV", void 0), A([_({ fallback: "clamp-to-edge" }), k("design:type", Object)], B.prototype, "addressModeW", void 0), A([_({ fallback: "linear" }), k("design:type", Object)], B.prototype, "magFilter", void 0), A([_({ fallback: "linear" }), k("design:type", Object)], B.prototype, "minFilter", void 0), A([_({ fallback: "linear" }), k("design:type", Object)], B.prototype, "mipmapFilter", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], B.prototype, "isPowerOfTwo", void 0);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var er = class extends E {
+var er = class extends vt {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3583,7 +3600,7 @@ var er = class extends E {
 		super();
 		let t;
 		if (Array.isArray(e)) t = e;
-		else if (e instanceof z) t = [{
+		else if (e instanceof B) t = [{
 			texture: e,
 			duration: 0
 		}];
@@ -3598,7 +3615,7 @@ var er = class extends E {
 			e.texture.destroy();
 		});
 	}
-}, tr = class extends z {
+}, tr = class extends B {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
@@ -3618,14 +3635,14 @@ var er = class extends E {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, nr = class e extends z {
+}, nr = class e extends B {
 	static _cached = /* @__PURE__ */ new Map();
 	static get(t) {
-		let n = new yt(t), r = n.toHex(), i = this._cached.get(r);
+		let n = new E(t), r = n.toHex(), i = this._cached.get(r);
 		return i || (i = new e(n), this._cached.set(r, i)), i;
 	}
 	constructor(e) {
-		let t = e instanceof yt ? e : new yt(e);
+		let t = e instanceof E ? e : new E(e);
 		super({
 			width: 1,
 			height: 1,
@@ -3639,7 +3656,7 @@ var er = class extends E {
 			mipmap: !0
 		});
 	}
-}, rr = class e extends z {
+}, rr = class e extends B {
 	static test(e) {
 		return u(e);
 	}
@@ -3673,7 +3690,7 @@ var er = class extends E {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, ir = class extends z {
+}, ir = class extends B {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3694,7 +3711,7 @@ function ar(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var or = class e extends z {
+var or = class e extends B {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3718,6 +3735,34 @@ var or = class e extends z {
 	set currentTime(e) {
 		this.source.currentTime = e;
 	}
+	get paused() {
+		return this.source.paused;
+	}
+	get muted() {
+		return this.source.muted;
+	}
+	set muted(e) {
+		this.source.muted !== e && (this.source.muted = e);
+	}
+	get loop() {
+		return this.source.loop;
+	}
+	set loop(e) {
+		this.source.loop !== e && (this.source.loop = e);
+	}
+	get playbackRate() {
+		return this.source.playbackRate;
+	}
+	set playbackRate(e) {
+		this.source.playbackRate !== e && (this.source.playbackRate = e);
+	}
+	play() {
+		let e = this.source.play();
+		e && typeof e.catch == "function" && e.catch(() => {});
+	}
+	pause() {
+		this.source.pause();
+	}
 	_spf = 0;
 	_autoPlay = !1;
 	_sourceLoad;
@@ -3821,16 +3866,16 @@ var or = class e extends z {
 		e && (e.removeEventListener("play", this._onPlayStart), e.removeEventListener("pause", this._onPlayStop), e.removeEventListener("seeked", this._onSeeked), e.removeEventListener("canplay", this._onCanPlay), e.removeEventListener("canplaythrough", this._onCanPlay), e.removeEventListener("error", this._onError, !0), e.pause(), e.src = "", e.load());
 	}
 };
-k([_({
+A([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], or.prototype, "autoUpdate", void 0), k([_({
+}), k("design:type", Boolean)], or.prototype, "autoUpdate", void 0), A([_({
 	internal: !0,
 	fallback: 0
-}), O("design:type", Number)], or.prototype, "fps", void 0);
+}), k("design:type", Number)], or.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var sr = class extends z {}, cr = class extends v {
+var sr = class extends B {}, cr = class extends v {
 	fillStyle;
 	fillRule;
 	strokeStyle;
@@ -3844,7 +3889,7 @@ var sr = class extends z {}, cr = class extends v {
 	_draws = [];
 	_triCache = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof z ? { texture: e } : { texture: nr.get(e) } : {};
+		return e ? e instanceof B ? { texture: e } : { texture: nr.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -4028,7 +4073,7 @@ function pr(e) {
 	let t = fr[e] ?? 0;
 	return t++, fr[e] = t, t;
 }
-var B = dr = class extends T {
+var V = dr = class extends T {
 	static parse(e, t = "Node") {
 		if (Array.isArray(e)) return e.map((e) => this.parse(e));
 		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ve.get(n ?? r.inCanvasIs ?? t)) ?? dr)({
@@ -4391,13 +4436,13 @@ var B = dr = class extends T {
 		});
 	}
 };
-k([_({ default: () => c() }), O("design:type", String)], B.prototype, "id", void 0), k([_({ default: () => c() }), O("design:type", String)], B.prototype, "name", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "processMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "processSortMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "renderMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "inputMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "internalMode", void 0), k([_({
+A([_({ default: () => c() }), k("design:type", String)], V.prototype, "id", void 0), A([_({ default: () => c() }), k("design:type", String)], V.prototype, "name", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], V.prototype, "processMode", void 0), A([_({ fallback: "default" }), k("design:type", Object)], V.prototype, "processSortMode", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], V.prototype, "renderMode", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], V.prototype, "inputMode", void 0), A([_({ fallback: "default" }), k("design:type", Object)], V.prototype, "internalMode", void 0), A([_({
 	internal: !0,
 	default: !0
-}), O("design:type", Boolean)], B.prototype, "needsRender", void 0), B = dr = k([S("Node"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], B);
+}), k("design:type", Boolean)], V.prototype, "needsRender", void 0), V = dr = A([S("Node"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], V);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
-var V = class extends B {
+var H = class extends V {
 	insideTimeRange = !1;
 	get _timeline() {
 		return this._tree?.timeline;
@@ -4433,7 +4478,7 @@ var V = class extends B {
 		return this._globalStartTime + this._globalDuration;
 	}
 	get currentTimeProgress() {
-		return this._duration ? St(this._currentTime / this._duration, 0, 1) : 0;
+		return this._duration ? D(this._currentTime / this._duration, 0, 1) : 0;
 	}
 	isInsideTimeRange() {
 		let e = this._currentTime;
@@ -4479,7 +4524,7 @@ var V = class extends B {
 		super._process(e), this._updateCurrentTime();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "paused", void 0), V = k([S("TimelineNode"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], V);
+A([_({ fallback: !1 }), k("design:type", Boolean)], H.prototype, "loop", void 0), A([_({ fallback: 0 }), k("design:type", Number)], H.prototype, "delay", void 0), A([_({ fallback: 0 }), k("design:type", Number)], H.prototype, "duration", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], H.prototype, "paused", void 0), H = A([S("TimelineNode"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], H);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
 var mr = [], hr = 0;
@@ -4490,7 +4535,7 @@ function _r(e, t, n, r) {
 	let i = mr[hr];
 	return i || (i = {}, mr[hr] = i), hr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
 }
-var vr = class extends V {
+var vr = class extends H {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4570,7 +4615,7 @@ var vr = class extends V {
 	}
 	_updateGlobalOpacity() {
 		this._parentGlobalOpacity = this.getParent()?.opacity;
-		let e = St(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
+		let e = D(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
 		this._globalOpacity !== e && (this._globalOpacity = e, this._updateModulate(), this.requestPaint(), this.updateRenderable());
 	}
 	_draw() {
@@ -4649,19 +4694,19 @@ var vr = class extends V {
 		super._destroy(), this.context.destroy(), this._drawBatchables = [], this._layoutBatchables = [], this._batchables = [];
 	}
 };
-k([_(), O("design:type", Object)], vr.prototype, "blendMode", void 0), k([_({
+A([_(), k("design:type", Object)], vr.prototype, "blendMode", void 0), A([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], vr.prototype, "visible", void 0), k([_({
+}), k("design:type", Boolean)], vr.prototype, "visible", void 0), A([_({
 	internal: !0,
 	fallback: 1
-}), O("design:type", Number)], vr.prototype, "opacity", void 0), vr = k([S("CanvasItem"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], vr);
+}), k("design:type", Number)], vr.prototype, "opacity", void 0), vr = A([S("CanvasItem"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], vr);
 //#endregion
 //#region src/scene/main/Viewport.ts
-var H = class extends B {
+var U = class extends V {
 	canvasTransform = new b();
 	renderTargetIndex = 0;
-	renderTargets = [new R(), new R()];
+	renderTargets = [new z(), new z()];
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -4708,7 +4753,7 @@ var H = class extends B {
 		return !1;
 	}
 	activateWithCopy(e, t) {
-		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), L.draw(e, Qn.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), R.draw(e, Qn.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -4721,7 +4766,7 @@ var H = class extends B {
 		this.renderStart(e), super.render(e, t), this.renderEnd(e, n);
 	}
 	getRect() {
-		return new vt(this.x, this.y, this.width, this.height);
+		return new yt(this.x, this.y, this.width, this.height);
 	}
 	toCanvasGlobal(e, t) {
 		return this.canvasTransform.applyAffineInverse(e, t);
@@ -4733,16 +4778,16 @@ var H = class extends B {
 		super._destroy(), this.canvasTransform.destroy(), this.renderTargets.forEach((e) => e.destroy());
 	}
 };
-k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], H.prototype, "msaa", void 0), H = k([S("Viewport")], H);
+A([_({ fallback: 0 }), k("design:type", Number)], U.prototype, "x", void 0), A([_({ fallback: 0 }), k("design:type", Number)], U.prototype, "y", void 0), A([_({ fallback: 0 }), k("design:type", Number)], U.prototype, "width", void 0), A([_({ fallback: 0 }), k("design:type", Number)], U.prototype, "height", void 0), A([_({ fallback: 0 }), k("design:type", Number)], U.prototype, "mipLevel", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], U.prototype, "msaa", void 0), U = A([S("Viewport")], U);
 //#endregion
 //#region src/scene/main/Effect.ts
-var U = class extends V {
+var W = class extends H {
 	material;
 	get _effectMode() {
 		return this.effectMode ?? "parent";
 	}
-	viewport1 = new H();
-	viewport2 = new H();
+	viewport1 = new U();
+	viewport2 = new U();
 	_renderId = 0;
 	_renderViewport;
 	_previousSibling;
@@ -4794,7 +4839,7 @@ var U = class extends V {
 		}
 	}
 	getRect() {
-		return new vt(this._rect);
+		return new yt(this._rect);
 	}
 	_processParent() {
 		let e = this._tree?.renderStack;
@@ -4947,13 +4992,13 @@ var U = class extends V {
 	}
 	apply(e, t, n) {
 		this.material && (n?.redraw ? t.redraw(e, () => {
-			L.draw(e, this.material, {
+			R.draw(e, this.material, {
 				from: 0,
 				to: 1,
 				progress: this.currentTimeProgress,
 				ratio: t.width / t.height
 			});
-		}) : L.draw(e, this.material, {
+		}) : R.draw(e, this.material, {
 			from: 0,
 			to: 1,
 			progress: this.currentTimeProgress,
@@ -4964,7 +5009,7 @@ var U = class extends V {
 		super._destroy(), this.viewport1.destroy(), this.viewport2.destroy();
 	}
 };
-k([_({ internal: !0 }), O("design:type", Object)], U.prototype, "material", void 0), k([_(), O("design:type", Object)], U.prototype, "effectMode", void 0), k([_(), O("design:type", String)], U.prototype, "glsl", void 0), k([_(), O("design:type", String)], U.prototype, "glslSrc", void 0), U = k([S("Effect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], U);
+A([_({ internal: !0 }), k("design:type", Object)], W.prototype, "material", void 0), A([_(), k("design:type", Object)], W.prototype, "effectMode", void 0), A([_(), k("design:type", String)], W.prototype, "glsl", void 0), A([_(), k("design:type", String)], W.prototype, "glslSrc", void 0), W = A([S("Effect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
 //#endregion
 //#region src/scene/main/RenderStack.ts
 var yr = class {
@@ -4989,8 +5034,25 @@ var yr = class {
 			});
 		}), this.calls = [];
 	}
-}, br, xr = br = class extends B {
+}, br, xr = br = class extends V {
 	currentTime = 0;
+	playing = !1;
+	playbackRate = 1;
+	_rate = 1;
+	_direction = 1;
+	_loopMode = "none";
+	get loopMode() {
+		return this._loopMode;
+	}
+	set loopMode(e) {
+		this._loopMode = e, this.loop = e === "loop";
+	}
+	get rate() {
+		return this._rate;
+	}
+	set rate(e) {
+		this._rate = e, this.playbackRate = e * this._direction;
+	}
 	static from(e, t = !1) {
 		let [n, r] = e ? Array.isArray(e) ? e : [0, e] : [];
 		return new br({
@@ -5011,16 +5073,38 @@ var yr = class {
 	}
 	addTime(e) {
 		let t = this.endTime, n = Math.min(this.startTime, this.endTime), r = this.currentTime;
-		return r += e, this.loop && r > t && (r = n + r % t), r = St(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
+		return r += e, this.loop && r > t && (r = n + r % t), r = D(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
+	}
+	play(e) {
+		return e?.rate !== void 0 && (this._rate = e.rate), e?.loopMode !== void 0 && (this.loopMode = e.loopMode), this._direction = 1, (!Number.isFinite(this.currentTime) || this.currentTime >= this.endTime) && (this.currentTime = Math.min(this.startTime, this.endTime)), this.playing = !0, this.playbackRate = this._rate * this._direction, this;
+	}
+	pause() {
+		return this.playing = !1, this;
+	}
+	advance(e) {
+		if (!this.playing) return this;
+		this.playbackRate = this._rate * this._direction;
+		let t = Math.min(this.startTime, this.endTime), n = this.endTime;
+		if (this.addTime(e * this._rate * this._direction), n <= t) return this;
+		let r = this.currentTime;
+		switch (this._loopMode) {
+			case "none":
+				(this._direction > 0 && r >= n || this._direction < 0 && r <= t) && (this.pause(), this.emit("ended"));
+				break;
+			case "alternate":
+				this._direction > 0 && r >= n ? this._direction = -1 : this._direction < 0 && r <= t && (this._direction = 1);
+				break;
+		}
+		return this;
 	}
 	_process(e) {
 		super._process(e), this.paused || this.addTime(e);
 	}
 };
-k([_({ fallback: 0 }), O("design:type", Number)], xr.prototype, "startTime", void 0), k([_({ fallback: 2 ** 53 - 1 }), O("design:type", Number)], xr.prototype, "endTime", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], xr.prototype, "loop", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], xr.prototype, "paused", void 0), xr = br = k([S("Timeline"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], xr);
+A([_({ fallback: 0 }), k("design:type", Number)], xr.prototype, "startTime", void 0), A([_({ fallback: 2 ** 53 - 1 }), k("design:type", Number)], xr.prototype, "endTime", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], xr.prototype, "loop", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], xr.prototype, "paused", void 0), xr = br = A([S("Timeline"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], xr);
 //#endregion
 //#region src/scene/main/Window.ts
-var Sr = class extends H {
+var Sr = class extends U {
 	constructor() {
 		super(), this.renderTargets.forEach((e) => e.isRoot = !0);
 	}
@@ -5031,13 +5115,13 @@ var Sr = class extends H {
 		super.flush(e), this.finish(e);
 	}
 };
-Sr = k([S("Window", {
+Sr = A([S("Window", {
 	processMode: "always",
 	renderMode: "always"
-}), O("design:paramtypes", [])], Sr);
+}), k("design:paramtypes", [])], Sr);
 //#endregion
 //#region src/scene/main/SceneTree.ts
-var Cr = class extends Et {
+var Cr = class extends Tt {
 	input = new gt();
 	renderStack = new yr();
 	root = new Sr().setTree(this);
@@ -5046,7 +5130,7 @@ var Cr = class extends Et {
 	_boundFonts;
 	_textRemeasureScheduled = !1;
 	_onFontLoad = () => this._scheduleTextRemeasure();
-	_backgroundColor = new yt();
+	_backgroundColor = new E();
 	_previousViewport;
 	_currentViewport;
 	getPreviousViewport() {
@@ -5104,33 +5188,33 @@ var Cr = class extends Et {
 	_renderScreen(e) {
 		this.root.finish(e), e.state.reset(), e.renderTarget.unbind(), this.backgroundColor && e.gl.clearColor(...this._backgroundColor.toArray()), e.clear(), this.backgroundColor && e.gl.clearColor(0, 0, 0, 0);
 		let t = this.root.texture;
-		t.activate(e, 0), L.draw(e), t.inactivate(e);
+		t.activate(e, 0), R.draw(e), t.inactivate(e);
 	}
 	_destroy() {
 		super._destroy(), this._bindFonts(void 0), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-k([_({ alias: "root.msaa" }), O("design:type", Boolean)], Cr.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Cr.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Cr.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], Cr.prototype, "backgroundColor", void 0), k([_({
+A([_({ alias: "root.msaa" }), k("design:type", Boolean)], Cr.prototype, "msaa", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Cr.prototype, "pixelate", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Cr.prototype, "roundPixels", void 0), A([_(), k("design:type", Object)], Cr.prototype, "backgroundColor", void 0), A([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Cr.prototype, "debug", void 0), k([_({
+}), k("design:type", Boolean)], Cr.prototype, "debug", void 0), A([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Cr.prototype, "processPaused", void 0), k([_({
+}), k("design:type", Boolean)], Cr.prototype, "processPaused", void 0), A([_({
 	internal: !0,
 	default: () => he
-}), O("design:type", Object)], Cr.prototype, "fonts", void 0);
+}), k("design:type", Object)], Cr.prototype, "fonts", void 0);
 //#endregion
 //#region src/scene/main/Transition.ts
-var wr = class extends U {
+var wr = class extends W {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 };
-wr = k([S("Transition", {
+wr = A([S("Transition", {
 	effectMode: "transition",
 	duration: 2e3
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
+}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
 //#endregion
 //#region src/scene/2d/Node2D.ts
 var Tr = class extends vr {
@@ -5185,7 +5269,7 @@ var Tr = class extends vr {
 		super._destroy(), this.position.destroy(), this.scale.destroy(), this.skew.destroy(), this.pivot.destroy(), this.extraTransform.destroy(), this.transform.destroy(), this.globalPosition.destroy(), this.globalScale.destroy(), this.globalSkew.destroy(), this.globalTransform.destroy();
 	}
 };
-Tr = k([S("Node2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
+Tr = A([S("Node2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
 //#endregion
 //#region src/scene/2d/Camera2D.ts
 var Er = class extends Tr {
@@ -5229,7 +5313,7 @@ var Er = class extends Tr {
 		return this.setZoom(this._zoom.x + e, this._zoom.y + t);
 	}
 	setZoom(e, t = e) {
-		return this._zoom.set(St(e, this._minZoom.x, this._maxZoom.x), St(t, this._minZoom.y, this._maxZoom.y)), this;
+		return this._zoom.set(D(e, this._minZoom.x, this._maxZoom.x), D(t, this._minZoom.y, this._maxZoom.y)), this;
 	}
 	setZoomAtOrigin(e, t, n) {
 		let r;
@@ -5332,16 +5416,16 @@ var Er = class extends Tr {
 		};
 	}
 };
-k([_({
+A([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Er.prototype, "spaceKey", void 0), k([_({
+}), k("design:type", Boolean)], Er.prototype, "spaceKey", void 0), A([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Er.prototype, "grabbing", void 0), Er = k([S("Camera2D", {
+}), k("design:type", Boolean)], Er.prototype, "grabbing", void 0), Er = A([S("Camera2D", {
 	processMode: "disabled",
 	renderMode: "disabled"
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Er);
+}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Er);
 //#endregion
 //#region src/scene/2d/element/connectionRouter.ts
 function Dr(e, t) {
@@ -5489,7 +5573,7 @@ var Pr = {
 	sepia: 0
 };
 function Fr(e) {
-	let t = new Ct();
+	let t = new St();
 	if (e === "none") return t;
 	let n = ke(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
 	Object.keys(Pr).forEach((e) => {
@@ -5543,11 +5627,11 @@ function Ir(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Lr, W = class extends U {
+var Lr, G = class extends W {
 	static {
 		Lr = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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;\nuniform sampler2D sampler;\nuniform float gamma;\nuniform float contrast;\nuniform float saturation;\nuniform float brightness;\nuniform float red;\nuniform float green;\nuniform float blue;\nuniform float alpha;\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n      c.rgb /= c.a;\n      vec3 rgb = pow(c.rgb, vec3(1. / gamma));\n      rgb = mix(vec3(.5), mix(vec3(dot(vec3(.2125, .7154, .0721), rgb)), rgb, saturation), contrast);\n      rgb.r *= red;\n      rgb.g *= green;\n      rgb.b *= blue;\n      c.rgb = rgb * brightness;\n      c.rgb *= c.a;\n  }\n  gl_FragColor = c * alpha;\n}"
 	} });
@@ -5556,7 +5640,7 @@ var Lr, W = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, Lr.material, {
+			R.draw(e, Lr.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5570,18 +5654,18 @@ var Lr, W = class extends U {
 		});
 	}
 };
-k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "saturation", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "contrast", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "brightness", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "red", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "green", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "blue", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "alpha", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "gamma", void 0), W = Lr = k([S("ColorAdjustEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
+A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "saturation", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "contrast", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "brightness", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "red", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "green", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "blue", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "alpha", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "gamma", void 0), G = Lr = A([S("ColorAdjustEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var Rr, zr = class extends U {
+var Rr, zr = class extends W {
 	static {
 		Rr = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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}",
 		fragment: "in vec2 vUv;\nuniform sampler2D sampler;\nuniform float m[20];\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n    c.rgb /= c.a;\n  }\n  gl_FragColor = vec4(\n    m[0]  * c.r + m[1]  * c.g + m[2]  * c.b + m[3]  * c.a + m[4] / 255.0,\n    m[5]  * c.r + m[6]  * c.g + m[7]  * c.b + m[8]  * c.a + m[9] / 255.0,\n    m[10] * c.r + m[11] * c.g + m[12] * c.b + m[13] * c.a + m[14] / 255.0,\n    m[15] * c.r + m[16] * c.g + m[17] * c.b + m[18] * c.a + m[19] / 255.0\n  );\n}"
 	} });
-	_colorMatrix = new Ct();
+	_colorMatrix = new St();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5625,21 +5709,21 @@ var Rr, zr = class extends U {
 					break;
 			}
 		}), t.redraw(e, () => {
-			L.draw(e, Rr.material, {
+			R.draw(e, Rr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-k([_(), O("design:type", String)], zr.prototype, "filter", void 0), zr = Rr = k([S("ColorFilterEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], zr);
+A([_(), k("design:type", String)], zr.prototype, "filter", void 0), zr = Rr = A([S("ColorFilterEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], zr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var Br, Vr = 50, Hr = class extends U {
+var Br, Vr = 50, Hr = class extends W {
 	static {
 		Br = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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;
@@ -5679,7 +5763,7 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 	} });
-	_color = new yt();
+	_color = new E();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5696,25 +5780,25 @@ void main(void) {
 				0,
 				0
 			]);
-			L.draw(e, Br.material, {
+			R.draw(e, Br.material, {
 				sampler: 0,
 				colors: t.slice(0, Vr).flatMap((e) => e)
 			});
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Hr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Hr.prototype, "alpha", void 0), Hr = Br = k([S("ColorOverlayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Hr);
+A([_({ default: () => [] }), k("design:type", Array)], Hr.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Hr.prototype, "alpha", void 0), Hr = Br = A([S("ColorOverlayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Hr);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var Ur, Wr = class extends U {
+var Ur, Wr = class extends W {
 	static {
 		Ur = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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;\nuniform sampler2D sampler;\nuniform float epsilon;\nconst int MAX_COLORS = 50;\nuniform vec3 originalColors[MAX_COLORS];\n\nvoid main(void) {\n  vec4 color = texture2D(sampler, vUv);\n\n  for (int i = 0; i < MAX_COLORS; i++) {\n    vec3 origColor = originalColors[i];\n    if (origColor.r < 0.0) {\n      break;\n    }\n    vec3 colorDiff = origColor - color.rgb;\n    if (length(colorDiff) < epsilon) {\n      gl_FragColor = vec4(0, 0, 0, 0);\n      return;\n    }\n  }\n\n  gl_FragColor = color;\n}"
 	} });
-	_color = new yt();
+	_color = new E();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5728,7 +5812,7 @@ var Ur, Wr = class extends U {
 		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, () => {
-			L.draw(e, Ur.material, {
+			R.draw(e, Ur.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5736,14 +5820,14 @@ var Ur, Wr = class extends U {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Wr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Wr.prototype, "epsilon", void 0), Wr = Ur = k([S("ColorRemoveEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Wr);
+A([_({ default: () => [] }), k("design:type", Array)], Wr.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Wr.prototype, "epsilon", void 0), Wr = Ur = A([S("ColorRemoveEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Wr);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var Gr, Kr = 50, qr = class extends U {
+var Gr, Kr = 50, qr = class extends W {
 	static {
 		Gr = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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;
@@ -5776,7 +5860,7 @@ void main(void) {
   }
 }`
 	} });
-	_color = new yt();
+	_color = new E();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5799,7 +5883,7 @@ void main(void) {
 		n.slice(0, Kr).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, () => {
-			L.draw(e, Gr.material, {
+			R.draw(e, Gr.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5808,15 +5892,15 @@ void main(void) {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], qr.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], qr.prototype, "epsilon", void 0), qr = Gr = k([S("ColorReplaceEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], qr);
+A([_({ default: () => [] }), k("design:type", Array)], qr.prototype, "colors", void 0), A([_({ fallback: .05 }), k("design:type", Number)], qr.prototype, "epsilon", void 0), qr = Gr = A([S("ColorReplaceEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], qr);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var Jr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\nconst int CHECKERBOARD_STYLE_DOTS_DARK = 4;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS || checkerboardStyle == CHECKERBOARD_STYLE_DOTS_DARK) {\n    // light vs dark dots share this path; the base/dot colours are supplied as\n    // uniforms (set per style on the CPU side), so only the values differ.\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", Yr, G = class extends U {
+var Jr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\nconst int CHECKERBOARD_STYLE_DOTS_DARK = 4;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS || checkerboardStyle == CHECKERBOARD_STYLE_DOTS_DARK) {\n    // light vs dark dots share this path; the base/dot colours are supplied as\n    // uniforms (set per style on the CPU side), so only the values differ.\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", Yr, K = class extends W {
 	static {
 		Yr = this;
 	}
 	_watermark;
-	static material = new I({ gl: {
+	static material = new L({ 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: Jr
 	} });
@@ -5867,7 +5951,7 @@ var Jr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 				zoomedOut: this.dotColor ?? a.zoomedOut,
 				diff: this.dotZoomDiff ?? a.diff
 			};
-			L.draw(e, Yr.material, {
+			R.draw(e, Yr.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5891,18 +5975,18 @@ var Jr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], G.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "pixelGrid", void 0), k([_(), O("design:type", Number)], G.prototype, "dotBaseColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotZoomDiff", void 0), k([_(), O("design:type", String)], G.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], G.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], G.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = Yr = k([S("DrawboardEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
+A([_({ fallback: !1 }), k("design:type", Boolean)], K.prototype, "checkerboard", void 0), A([_({ fallback: "grid" }), k("design:type", Object)], K.prototype, "checkerboardStyle", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], K.prototype, "pixelGrid", void 0), A([_(), k("design:type", Number)], K.prototype, "dotBaseColor", void 0), A([_(), k("design:type", Number)], K.prototype, "dotColor", void 0), A([_(), k("design:type", Number)], K.prototype, "dotZoomDiff", void 0), A([_(), k("design:type", String)], K.prototype, "watermark", void 0), A([_({ fallback: 100 }), k("design:type", Number)], K.prototype, "watermarkWidth", void 0), A([_({ fallback: .05 }), k("design:type", Number)], K.prototype, "watermarkAlpha", void 0), A([_({ fallback: .5236 }), k("design:type", Number)], K.prototype, "watermarkRotation", void 0), K = Yr = A([S("DrawboardEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var Xr, Zr = "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}", Qr = class extends U {
+var Xr, Zr = "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}", Qr = class extends W {
 	static {
 		Xr = this;
 	}
-	static materialX = new I({ gl: {
+	static materialX = new L({ 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: Zr
 	} });
-	static materialY = new I({ gl: {
+	static materialY = new L({ 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: Zr
 	} });
@@ -5912,39 +5996,39 @@ var Xr, Zr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void
 	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, () => {
-			L.draw(e, Xr.materialX, {
+			R.draw(e, Xr.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			L.draw(e, Xr.materialY, {
+			R.draw(e, Xr.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], Qr.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], Qr.prototype, "quality", void 0), Qr = Xr = k([S("GaussianBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Qr);
+A([_({ fallback: 4 }), k("design:type", Number)], Qr.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], Qr.prototype, "quality", void 0), Qr = Xr = A([S("GaussianBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Qr);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var $r, ei = class extends U {
+var $r, ei = class extends W {
 	static {
 		$r = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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 Qr();
-	viewport3 = new H();
-	_color = new yt();
+	viewport3 = new U();
+	_color = new E();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 	apply(e, t) {
 		this.viewport3.activateWithCopy(e, t), this.viewport3.redraw(e, () => {
-			this._color.value = this.color, L.draw(e, $r.material, {
+			this._color.value = this.color, R.draw(e, $r.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -5957,18 +6041,18 @@ var $r, ei = class extends U {
 				]
 			});
 		}), this.blurEffect.strength = this.blur, this.blurEffect.apply(e, this.viewport3), t.redraw(e, () => {
-			this.viewport3.texture.activate(e, 1), L.draw(e, Qn.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, Qn.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), R.draw(e, Qn.instance, { sampler: 1 }), this.shadowOnly || R.draw(e, Qn.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
-k([_({ fallback: "#000000FF" }), O("design:type", Object)], ei.prototype, "color", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ei.prototype, "blur", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ei.prototype, "offsetX", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ei.prototype, "offsetY", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], ei.prototype, "shadowOnly", void 0), ei = $r = k([S("DropShadowEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ei);
+A([_({ fallback: "#000000FF" }), k("design:type", Object)], ei.prototype, "color", void 0), A([_({ fallback: 4 }), k("design:type", Number)], ei.prototype, "blur", void 0), A([_({ fallback: 4 }), k("design:type", Number)], ei.prototype, "offsetX", void 0), A([_({ fallback: 4 }), k("design:type", Number)], ei.prototype, "offsetY", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], ei.prototype, "shadowOnly", void 0), ei = $r = A([S("DropShadowEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ei);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var ti, ni = class extends U {
+var ti, ni = class extends W {
 	static {
 		ti = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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;\nuniform sampler2D sampler;\nuniform vec4 inputSize;\nuniform float strength;\nvarying vec2 vUv;\n\nvoid main(void) {\n    vec2 onePixel = inputSize.zw;\n    vec4 color;\n    color.rgb = vec3(0.5);\n    color -= texture2D(sampler, vUv - onePixel) * strength;\n    color += texture2D(sampler, vUv + onePixel) * strength;\n    color.rgb = vec3((color.r + color.g + color.b) / 3.0);\n    float alpha = texture2D(sampler, vUv).a;\n    gl_FragColor = vec4(color.rgb * alpha, alpha);\n}"
 	} });
@@ -5977,7 +6061,7 @@ var ti, ni = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, ti.material, {
+			R.draw(e, ti.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -5990,14 +6074,14 @@ var ti, ni = class extends U {
 		});
 	}
 };
-k([_({ fallback: 5 }), O("design:type", Number)], ni.prototype, "strength", void 0), ni = ti = k([S("EmbossEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ni);
+A([_({ fallback: 5 }), k("design:type", Number)], ni.prototype, "strength", void 0), ni = ti = A([S("EmbossEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ni);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var ri, K = class extends U {
+var ri, q = class extends W {
 	static {
 		ri = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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}",
 		fragment: "\nin vec2 vUv;\nuniform sampler2D sampler;\n\nuniform vec4 filterArea;\nuniform vec4 filterClamp;\nuniform vec2 dimensions;\nuniform float aspect;\n\nuniform sampler2D displacementMap;\nuniform float offset;\nuniform float sinDir;\nuniform float cosDir;\nuniform int fillMode;\n\nuniform float seed;\nuniform vec2 red;\nuniform vec2 green;\nuniform vec2 blue;\n\nconst int TRANSPARENT = 0;\nconst int ORIGINAL = 1;\nconst int LOOP = 2;\nconst int CLAMP = 3;\nconst int MIRROR = 4;\n\nvoid main(void) {\n  vec2 coord = (vUv * filterArea.xy) / dimensions;\n\n  if (coord.x > 1.0 || coord.y > 1.0) {\n      return;\n  }\n\n  float cx = coord.x - 0.5;\n  float cy = (coord.y - 0.5) * aspect;\n  float ny = (-sinDir * cx + cosDir * cy) / aspect + 0.5;\n\n  // displacementMap: repeat\n  // ny = ny > 1.0 ? ny - 1.0 : (ny < 0.0 ? 1.0 + ny : ny);\n\n  // displacementMap: mirror\n  ny = ny > 1.0 ? 2.0 - ny : (ny < 0.0 ? -ny : ny);\n\n  vec4 dc = texture(displacementMap, vec2(0.5, ny));\n\n  float displacement = (dc.r - dc.g) * (offset / filterArea.x);\n\n  coord = vUv + vec2(cosDir * displacement, sinDir * displacement * aspect);\n\n  if (fillMode == CLAMP) {\n    coord = clamp(coord, filterClamp.xy, filterClamp.zw);\n  } else {\n    if (coord.x > filterClamp.z) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.x -= filterClamp.z;\n      } else if (fillMode == MIRROR) {\n        coord.x = filterClamp.z * 2.0 - coord.x;\n      }\n    } else if (coord.x < filterClamp.x) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.x += filterClamp.z;\n      } else if (fillMode == MIRROR) {\n        coord.x *= -filterClamp.z;\n      }\n    }\n\n    if (coord.y > filterClamp.w) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.y -= filterClamp.w;\n      } else if (fillMode == MIRROR) {\n        coord.y = filterClamp.w * 2.0 - coord.y;\n      }\n    } else if (coord.y < filterClamp.y) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.y += filterClamp.w;\n      } else if (fillMode == MIRROR) {\n        coord.y *= -filterClamp.w;\n      }\n    }\n  }\n\n  gl_FragColor.r = texture(sampler, coord + red * (1.0 - seed * 0.4) / filterArea.xy).r;\n  gl_FragColor.g = texture(sampler, coord + green * (1.0 - seed * 0.3) / filterArea.xy).g;\n  gl_FragColor.b = texture(sampler, coord + blue * (1.0 - seed * 0.2) / filterArea.xy).b;\n  gl_FragColor.a = texture(sampler, coord).a;\n}"
 	} });
@@ -6010,7 +6094,7 @@ var ri, K = class extends U {
 		super(), this.setProperties(e).append(t);
 		let n = w(4, this.sampleSize);
 		if (!n) throw Error("GlitchEffect requires a canvas; call setCanvasFactory() in non-browser environments.");
-		this._canvas = n, this._texture = new z(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
+		this._canvas = n, this._texture = new B(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
 	}
 	redraw() {
 		let e = this.sampleSize, t = this._texture, n = this._canvas.getContext("2d");
@@ -6027,7 +6111,7 @@ var ri, K = class extends U {
 		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), L.draw(e, ri.material, {
+			this._texture.activate(e, 1), R.draw(e, ri.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -6056,14 +6140,14 @@ var ri, K = class extends U {
 		});
 	}
 };
-k([_({ fallback: 10 }), O("design:type", Number)], K.prototype, "slices", void 0), k([_({ fallback: 512 }), O("design:type", Number)], K.prototype, "sampleSize", void 0), k([_({ fallback: 100 }), O("design:type", Number)], K.prototype, "offset", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "direction", void 0), k([_({ fallback: 2 }), O("design:type", Number)], K.prototype, "fillMode", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "seed", void 0), k([_({ default: () => [2, 2] }), O("design:type", Array)], K.prototype, "red", void 0), k([_({ default: () => [-10, 4] }), O("design:type", Array)], K.prototype, "green", void 0), k([_({ default: () => [10, -4] }), O("design:type", Array)], K.prototype, "blue", void 0), K = ri = k([S("GlitchEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
+A([_({ fallback: 10 }), k("design:type", Number)], q.prototype, "slices", void 0), A([_({ fallback: 512 }), k("design:type", Number)], q.prototype, "sampleSize", void 0), A([_({ fallback: 100 }), k("design:type", Number)], q.prototype, "offset", void 0), A([_({ fallback: 0 }), k("design:type", Number)], q.prototype, "direction", void 0), A([_({ fallback: 2 }), k("design:type", Number)], q.prototype, "fillMode", void 0), A([_({ fallback: 0 }), k("design:type", Number)], q.prototype, "seed", void 0), A([_({ default: () => [2, 2] }), k("design:type", Array)], q.prototype, "red", void 0), A([_({ default: () => [-10, 4] }), k("design:type", Array)], q.prototype, "green", void 0), A([_({ default: () => [10, -4] }), k("design:type", Array)], q.prototype, "blue", void 0), q = ri = A([S("GlitchEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var ii, ai = "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}", q = class extends U {
+var ii, ai = "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}", J = class extends W {
 	static {
 		ii = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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;
 varying vec2 vUv;
@@ -6115,7 +6199,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, () => {
-			L.draw(e, ii.material, {
+			R.draw(e, ii.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -6137,13 +6221,13 @@ void main(void) {
 		});
 	}
 };
-k([_({ fallback: 0 }), O("design:type", Number)], q.prototype, "time", void 0), k([_({ fallback: 30 }), O("design:type", Number)], q.prototype, "angle", void 0), k([_({ fallback: .5 }), O("design:type", Number)], q.prototype, "gain", void 0), k([_({ fallback: 2.5 }), O("design:type", Number)], q.prototype, "lacunarity", void 0), k([_({ fallback: !0 }), O("design:type", Boolean)], q.prototype, "parallel", void 0), k([_({ default: () => [0, 0] }), O("design:type", Array)], q.prototype, "center", void 0), k([_({ fallback: 1 }), O("design:type", Number)], q.prototype, "alpha", void 0), q = ii = k([S("GodrayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
+A([_({ fallback: 0 }), k("design:type", Number)], J.prototype, "time", void 0), A([_({ fallback: 30 }), k("design:type", Number)], J.prototype, "angle", void 0), A([_({ fallback: .5 }), k("design:type", Number)], J.prototype, "gain", void 0), A([_({ fallback: 2.5 }), k("design:type", Number)], J.prototype, "lacunarity", void 0), A([_({ fallback: !0 }), k("design:type", Boolean)], J.prototype, "parallel", void 0), A([_({ default: () => [0, 0] }), k("design:type", Array)], J.prototype, "center", void 0), A([_({ fallback: 1 }), k("design:type", Number)], J.prototype, "alpha", void 0), J = ii = A([S("GodrayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], J);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var oi = "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}", si = "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}", ci = class extends U {
+var oi = "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}", si = "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}", ci = class extends W {
 	_kernels = [0];
 	constructor(e, t = []) {
-		super(), this.material = new I({ gl: {
+		super(), this.material = new L({ 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 ? si : oi
 		} }), this.setProperties(e).append(t), this._generateKernels();
@@ -6169,7 +6253,7 @@ var oi = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		this._kernels.forEach((i) => {
 			let a = i + .5;
 			t.redraw(e, () => {
-				L.draw(e, this.material, {
+				R.draw(e, this.material, {
 					sampler: 0,
 					uOffset: [a * n, a * r],
 					uInputClamp: [
@@ -6183,14 +6267,14 @@ var oi = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], ci.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], ci.prototype, "quality", void 0), k([_({ default: () => [1, 1] }), O("design:type", Array)], ci.prototype, "pixelSize", void 0), ci = k([S("KawaseBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ci);
+A([_({ fallback: 4 }), k("design:type", Number)], ci.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], ci.prototype, "quality", void 0), A([_({ default: () => [1, 1] }), k("design:type", Array)], ci.prototype, "pixelSize", void 0), ci = A([S("KawaseBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ci);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var li, ui = class extends U {
+var li, ui = class extends W {
 	static {
 		li = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ 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}",
 		fragment: "in vec2 vUv;\n\nuniform sampler2D sampler;\nuniform sampler2D mask;\nuniform float rotation;\n\nvec2 rotateUV(vec2 uv, float angle) {\n  uv -= 0.5;\n  float cosAngle = cos(angle);\n  float sinAngle = sin(angle);\n  mat2 rotationMatrix = mat2(\n    cosAngle, -sinAngle,\n    sinAngle,  cosAngle\n  );\n  uv = rotationMatrix * uv;\n  uv += 0.5;\n  return uv;\n}\n\nvoid main(void) {\n  vec4 color = texture(sampler, vUv);\n  vec4 maskColor = texture(mask, rotateUV(vUv, rotation));\n  gl_FragColor = mix(vec4(0.), color, maskColor.a);\n}"
 	} });
@@ -6210,7 +6294,7 @@ var li, ui = class extends U {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), L.draw(e, li.material, {
+			this.texture.activate(e, 1), R.draw(e, li.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -6218,10 +6302,10 @@ var li, ui = class extends U {
 		});
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], ui.prototype, "image", void 0), ui = li = k([S("MaskEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ui);
+A([_({ fallback: "" }), k("design:type", String)], ui.prototype, "image", void 0), ui = li = A([S("MaskEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ui);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var di, 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}", J = class extends U {
+var di, 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}", pi = class extends W {
 	static {
 		di = this;
 	}
@@ -6230,16 +6314,16 @@ var di, fi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 	static getAngleStep(e) {
 		return Number.parseFloat((Math.PI * 2 / Math.max(e * di.MAX_SAMPLES, di.MIN_SAMPLES)).toFixed(7));
 	}
-	_color = new yt();
+	_color = new E();
 	constructor(e, t = []) {
-		super(), this.setProperties(e).append(t), this.material = new I({ gl: {
+		super(), this.setProperties(e).append(t), this.material = new L({ 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: fi.replace(/\{ANGLE_STEP\}/, di.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			this._color.value = this.color, L.draw(e, this.material, {
+			this._color.value = this.color, R.draw(e, this.material, {
 				sampler: 0,
 				uThickness: [this.width / t.width, this.width / t.height],
 				uColor: this._color.toArray().slice(0, 3),
@@ -6256,14 +6340,14 @@ var di, fi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 		});
 	}
 };
-k([_({ fallback: "#000000ff" }), O("design:type", Object)], J.prototype, "color", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", String)], J.prototype, "style", void 0), k([_(), O("design:type", Object)], J.prototype, "image", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "opacity", void 0), k([_({ fallback: .1 }), O("design:type", Number)], J.prototype, "quality", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], J.prototype, "knockout", void 0), J = di = k([S("OutlineEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], J);
+A([_({ fallback: "#000000ff" }), k("design:type", Object)], pi.prototype, "color", void 0), A([_({ fallback: 1 }), k("design:type", Number)], pi.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", String)], pi.prototype, "style", void 0), A([_(), k("design:type", Object)], pi.prototype, "image", void 0), A([_({ fallback: 1 }), k("design:type", Number)], pi.prototype, "opacity", void 0), A([_({ fallback: .1 }), k("design:type", Number)], pi.prototype, "quality", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], pi.prototype, "knockout", void 0), pi = di = A([S("OutlineEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], pi);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var pi, mi = class extends U {
+var mi, hi = class extends W {
 	static {
-		pi = this;
+		mi = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 offset;\nuniform vec2 step;\n\nvoid main(void) {\n  vec2 uv = vUv;\n  uv = floor((uv - offset) / step) * step + offset + step / 2.0;\n  gl_FragColor = texture2D(sampler, uv);\n}"
 	} });
@@ -6277,18 +6361,18 @@ var pi, mi = class extends U {
 				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]
 			};
-			L.draw(e, pi.material, a);
+			R.draw(e, mi.material, a);
 		});
 	}
 };
-k([_({ fallback: 10 }), O("design:type", Number)], mi.prototype, "strength", void 0), mi = pi = k([S("PixelateEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], mi);
+A([_({ fallback: 10 }), k("design:type", Number)], hi.prototype, "strength", void 0), hi = mi = A([S("PixelateEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], hi);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var hi, gi = class extends U {
+var gi, _i = class extends W {
 	static {
-		hi = this;
+		gi = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec4 uInputSize;\n\nuniform vec2 uCenter;\nuniform float uStrength;\nuniform float uInnerRadius;\nuniform float uRadius;\n\nconst float MAX_KERNEL_SIZE = 32.0;\n\nhighp float rand(vec2 co, float seed) {\n  const highp float a = 12.9898, b = 78.233, c = 43758.5453;\n  highp float dt = dot(co + seed, vec2(a, b)), sn = mod(dt, 3.14159);\n  return fract(sin(sn) * c + seed);\n}\n\nvoid main() {\n  float minGradient = uInnerRadius * 0.3;\n  float innerRadius1 = (uInnerRadius + minGradient * 0.5) / uInputSize.x;\n\n  float gradient = uRadius * 0.3;\n  float radius1 = (uRadius - gradient * 0.5) / uInputSize.x;\n\n  float countLimit = MAX_KERNEL_SIZE;\n\n  vec2 dir = vec2(uCenter.xy / uInputSize.xy - vUv);\n  float dist = length(vec2(dir.x, dir.y * uInputSize.y / uInputSize.x));\n\n  float strength1 = uStrength;\n\n  float delta = 0.0;\n  float gap;\n  if (dist < innerRadius1) {\n    delta = innerRadius1 - dist;\n    gap = minGradient;\n  } else if (radius1 >= 0.0 && dist > radius1) { // radius1 < 0 means it's infinity\n    delta = dist - radius1;\n    gap = gradient;\n  }\n\n  if (delta > 0.0) {\n    float normalCount = gap / uInputSize.x;\n    delta = (normalCount - delta) / normalCount;\n    countLimit *= delta;\n    strength1 *= delta;\n    if (countLimit < 1.0) {\n      gl_FragColor = texture2D(sampler, vUv);\n      return;\n    }\n  }\n\n  float offset = rand(vUv, 0.0);\n\n  float total = 0.0;\n  vec4 color = vec4(0.0);\n\n  dir *= strength1;\n\n  for (float t = 0.0; t < MAX_KERNEL_SIZE; t++) {\n    float percent = (t + offset) / MAX_KERNEL_SIZE;\n    float weight = 4.0 * (percent - percent * percent);\n    vec2 p = vUv + dir * percent;\n    color += texture2D(sampler, p) * weight;\n    total += weight;\n\n    if (t > countLimit){\n        break;\n    }\n  }\n\n  color /= total;\n\n  gl_FragColor = color;\n}"
 	} });
@@ -6297,7 +6381,7 @@ var hi, gi = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, hi.material, {
+			R.draw(e, gi.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6313,10 +6397,10 @@ var hi, gi = class extends U {
 		});
 	}
 };
-k([_(), O("design:type", Array)], gi.prototype, "center", void 0), k([_({ fallback: 20 }), O("design:type", Number)], gi.prototype, "innerRadius", void 0), k([_({ fallback: -1 }), O("design:type", Number)], gi.prototype, "radius", void 0), k([_({ fallback: .1 }), O("design:type", Number)], gi.prototype, "strength", void 0), gi = hi = k([S("ZoomBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], gi);
+A([_(), k("design:type", Array)], _i.prototype, "center", void 0), A([_({ fallback: 20 }), k("design:type", Number)], _i.prototype, "innerRadius", void 0), A([_({ fallback: -1 }), k("design:type", Number)], _i.prototype, "radius", void 0), A([_({ fallback: .1 }), k("design:type", Number)], _i.prototype, "strength", void 0), _i = gi = A([S("ZoomBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], _i);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function _i(e, t) {
+function vi(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = !1, s = new b().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;
@@ -6397,7 +6481,7 @@ var Y = class extends T {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				..._i(this, this.tile && i ? {
+				...vi(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6433,10 +6517,10 @@ var Y = class extends T {
 		this.updateFrameIndex();
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Y.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Y.prototype, "color", void 0), k([_(), O("design:type", Object)], Y.prototype, "image", void 0), k([_(), O("design:type", Object)], Y.prototype, "linearGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "radialGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "cropRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "stretchRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "dpi", void 0), k([_(), O("design:type", Object)], Y.prototype, "rotateWithShape", void 0), k([_(), O("design:type", Object)], Y.prototype, "tile", void 0), k([_(), O("design:type", Object)], Y.prototype, "opacity", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], Y.prototype, "enabled", void 0), A([_(), k("design:type", Object)], Y.prototype, "color", void 0), A([_(), k("design:type", Object)], Y.prototype, "image", void 0), A([_(), k("design:type", Object)], Y.prototype, "linearGradient", void 0), A([_(), k("design:type", Object)], Y.prototype, "radialGradient", void 0), A([_(), k("design:type", Object)], Y.prototype, "cropRect", void 0), A([_(), k("design:type", Object)], Y.prototype, "stretchRect", void 0), A([_(), k("design:type", Object)], Y.prototype, "dpi", void 0), A([_(), k("design:type", Object)], Y.prototype, "rotateWithShape", void 0), A([_(), k("design:type", Object)], Y.prototype, "tile", void 0), A([_(), k("design:type", Object)], Y.prototype, "opacity", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var vi = class extends Y {
+var yi = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6448,14 +6532,14 @@ var vi = class extends Y {
 		}
 	}
 };
-k([_(), O("design:type", Object)], vi.prototype, "fillWithShape", void 0);
+A([_(), k("design:type", Object)], yi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DChart.ts
-var yi;
-function bi() {
-	return yi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), yi;
+var bi;
+function xi() {
+	return bi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), bi;
 }
-function xi(e) {
+function Si(e) {
 	if (!e) return { show: !1 };
 	switch (e) {
 		case "bottom": return {
@@ -6521,7 +6605,7 @@ var X = class extends T {
 			this._teardown(), this._parent.requestDraw();
 			return;
 		}
-		let n = await bi();
+		let n = await xi();
 		if (!n) {
 			console.warn("[modern-canvas] chart rendering requires the optional \"echarts\" dependency (e.g. `pnpm add echarts`)"), this._renderPlaceholder(e, t);
 			return;
@@ -6580,7 +6664,7 @@ var X = class extends T {
 				text: this.title,
 				left: "center"
 			} : void 0,
-			legend: xi(this.legend),
+			legend: Si(this.legend),
 			tooltip: {}
 		};
 		if (n) {
@@ -6624,10 +6708,10 @@ var X = class extends T {
 		this._teardown();
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], X.prototype, "enabled", void 0), k([_({ fallback: "column" }), O("design:type", Object)], X.prototype, "type", void 0), k([_(), O("design:type", Object)], X.prototype, "grouping", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], X.prototype, "categories", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], X.prototype, "series", void 0), k([_(), O("design:type", Object)], X.prototype, "title", void 0), k([_(), O("design:type", Object)], X.prototype, "legend", void 0), k([_(), O("design:type", Object)], X.prototype, "categoryAxis", void 0), k([_(), O("design:type", Object)], X.prototype, "valueAxis", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], X.prototype, "enabled", void 0), A([_({ fallback: "column" }), k("design:type", Object)], X.prototype, "type", void 0), A([_(), k("design:type", Object)], X.prototype, "grouping", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], X.prototype, "categories", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], X.prototype, "series", void 0), A([_(), k("design:type", Object)], X.prototype, "title", void 0), A([_(), k("design:type", Object)], X.prototype, "legend", void 0), A([_(), k("design:type", Object)], X.prototype, "categoryAxis", void 0), A([_(), k("design:type", Object)], X.prototype, "valueAxis", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DComments.ts
-var Si = class extends T {
+var Ci = class extends T {
 	parent;
 	constructor(e) {
 		super(), this.parent = e;
@@ -6661,7 +6745,7 @@ var Si = class extends T {
 	isValid() {
 		return Object.values(this._properties).some(Boolean);
 	}
-}, Ci = class extends T {
+}, wi = class extends T {
 	_parent;
 	_routeSig;
 	_routePath;
@@ -6709,7 +6793,7 @@ var Si = class extends T {
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: wi(i, t.globalRotation),
+					dir: Ti(i, t.globalRotation),
 					bbox: r
 				};
 			}
@@ -6735,8 +6819,8 @@ var Si = class extends T {
 		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Or(this.mode, e ?? t, t ?? e)), this._routePath;
 	}
 };
-k([_(), O("design:type", Object)], Ci.prototype, "start", void 0), k([_(), O("design:type", Object)], Ci.prototype, "end", void 0), k([_({ fallback: "straight" }), O("design:type", Object)], Ci.prototype, "mode", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Ci.prototype, "labelPosition", void 0);
-function wi(e, t) {
+A([_(), k("design:type", Object)], wi.prototype, "start", void 0), A([_(), k("design:type", Object)], wi.prototype, "end", void 0), A([_({ fallback: "straight" }), k("design:type", Object)], wi.prototype, "mode", void 0), A([_({ fallback: .5 }), k("design:type", Number)], wi.prototype, "labelPosition", void 0);
+function Ti(e, t) {
 	if (!t) return e;
 	let n = Math.cos(t), r = Math.sin(t);
 	return {
@@ -6746,29 +6830,29 @@ function wi(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/bakeImageEffects.ts
-function Ti(e) {
+function Ei(e) {
 	return e.getContext("2d");
 }
-function Ei(e, t, n, r) {
+function Di(e, t, n, r) {
 	let i = (t?.angle ?? 0) * Math.PI / 180, a = n / 2, o = r / 2, s = (Math.abs(Math.cos(i)) * n + Math.abs(Math.sin(i)) * r) / 2, c = Math.cos(i) * s, l = Math.sin(i) * s, u = e.createLinearGradient(a - c, o - l, a + c, o + l);
 	for (let e of t?.stops ?? []) u.addColorStop(Math.min(1, Math.max(0, e.offset)), e.color);
 	return u;
 }
-function Di(e, t, n, r, i) {
-	let a = w(t, n), o = Ti(a);
-	return o.drawImage(e, 0, 0, t, n), o.globalCompositeOperation = "source-in", r.linearGradient ? (o.fillStyle = Ei(o, r.linearGradient, t, n), o.fillRect(0, 0, t, n)) : r.image && i[r.image] ? o.drawImage(i[r.image], 0, 0, t, n) : r.color && (o.fillStyle = r.color, o.fillRect(0, 0, t, n)), a;
-}
 function Oi(e, t, n, r, i) {
-	let a = w(t, n), o = Ti(a), s = Math.max(8, Math.ceil(r) * 2);
+	let a = w(t, n), o = Ei(a);
+	return o.drawImage(e, 0, 0, t, n), o.globalCompositeOperation = "source-in", r.linearGradient ? (o.fillStyle = Di(o, r.linearGradient, t, n), o.fillRect(0, 0, t, n)) : r.image && i[r.image] ? o.drawImage(i[r.image], 0, 0, t, n) : r.color && (o.fillStyle = r.color, o.fillRect(0, 0, t, n)), a;
+}
+function ki(e, t, n, r, i) {
+	let a = w(t, n), o = Ei(a), s = Math.max(8, Math.ceil(r) * 2);
 	for (let i = 0; i < s; i++) {
 		let a = i / s * Math.PI * 2;
 		o.drawImage(e, Math.cos(a) * r, Math.sin(a) * r, t, n);
 	}
 	o.globalCompositeOperation = "source-in", o.fillStyle = i, o.fillRect(0, 0, t, n);
-	let c = w(t, n), l = Ti(c);
+	let c = w(t, n), l = Ei(c);
 	return l.drawImage(a, 0, 0), l.drawImage(e, 0, 0, t, n), c;
 }
-function ki(e) {
+function Ai(e) {
 	let t = 0, n = 0;
 	if (!e) return {
 		x: t,
@@ -6784,31 +6868,31 @@ function ki(e) {
 		y: n
 	};
 }
-function Ai(e, t, n, r, i = {}) {
+function ji(e, t, n, r, i = {}) {
 	let a = Math.max(1, Math.round(n)), o = Math.max(1, Math.round(r)), s = 0;
 	for (let e of t) {
 		e.outline?.width && e.outline.color && (s = Math.max(s, e.outline.width));
-		let t = ki(e.transform);
+		let t = Ai(e.transform);
 		s = Math.max(s, Math.abs(t.x), Math.abs(t.y));
 	}
 	s = Math.min(Math.ceil(s), Math.floor(Math.min(a, o) * .2));
 	let c = e;
 	if (s > 0) {
 		let t = w(a, o);
-		Ti(t).drawImage(e, s, s, Math.max(1, a - s * 2), Math.max(1, o - s * 2)), c = t;
+		Ei(t).drawImage(e, s, s, Math.max(1, a - s * 2), Math.max(1, o - s * 2)), c = t;
 	}
-	let l = w(a, o), u = Ti(l);
+	let l = w(a, o), u = Ei(l);
 	for (let e of t) {
 		let t = c;
-		e.fill && (e.fill.color || e.fill.linearGradient || e.fill.image) && (t = Di(t, a, o, e.fill, i)), e.outline?.width && e.outline.color && (t = Oi(t, a, o, e.outline.width, e.outline.color));
-		let { x: n, y: r } = ki(e.transform);
+		e.fill && (e.fill.color || e.fill.linearGradient || e.fill.image) && (t = Oi(t, a, o, e.fill, i)), e.outline?.width && e.outline.color && (t = ki(t, a, o, e.outline.width, e.outline.color));
+		let { x: n, y: r } = Ai(e.transform);
 		u.save(), u.globalCompositeOperation = "destination-over", e.shadow && (u.shadowColor = e.shadow.color, u.shadowBlur = e.shadow.blur ?? 0, u.shadowOffsetX = e.shadow.offsetX ?? 0, u.shadowOffsetY = e.shadow.offsetY ?? 0), u.drawImage(t, n, r, a, o), u.restore();
 	}
 	return l;
 }
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var ji = class extends Y {
+var Mi = class extends Y {
 	_sourceCanvas;
 	_sourceImage;
 	setProperties(e) {
@@ -6834,8 +6918,8 @@ var ji = class extends Y {
 		}
 		let e = await this._resolveSourceCanvas();
 		if (!e) return;
-		let t = e.width, n = e.height, r = await this._resolvePatterns(), i = Ai(e, this.effects, t, n, r);
-		this.texture = new z({
+		let t = e.width, n = e.height, r = await this._resolvePatterns(), i = ji(e, this.effects, t, n, r);
+		this.texture = new B({
 			source: i,
 			width: t,
 			height: n,
@@ -6869,14 +6953,14 @@ var ji = class extends Y {
 		if (!(!r || !i)) return i.drawImage(e, 0, 0, t, n), r;
 	}
 };
-k([_(), O("design:type", Object)], ji.prototype, "fillWithShape", void 0), k([_(), O("design:type", Array)], ji.prototype, "effects", void 0);
+A([_(), k("design:type", Object)], Mi.prototype, "fillWithShape", void 0), A([_(), k("design:type", Array)], Mi.prototype, "effects", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Mi = {
+var Ni = {
 	sm: 4,
 	md: 6,
 	lg: 8
-}, Ni = class extends Y {
+}, Pi = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : te(e));
 	}
@@ -6898,7 +6982,7 @@ var Mi = {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new sr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ..._i(this, {
+		this.image === "viewport" ? n.strokeStyle = new sr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...vi(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6921,14 +7005,14 @@ var Mi = {
 	_fillEnd(e, t, n, r, i) {
 		let a = e.x - t.x, o = e.y - t.y, s = Math.hypot(a, o);
 		if (s < .001) return;
-		let c = Mi[String(n.width ?? n.height ?? "md")] ?? 6, l = r * c, u = r * c * .5, d = a / s, f = o / s, p = e.x - d * l, m = e.y - f * l, h = -f * u, g = d * u, ee = this._parent.context;
+		let c = Ni[String(n.width ?? n.height ?? "md")] ?? 6, l = r * c, u = r * c * .5, d = a / s, f = o / s, p = e.x - d * l, m = e.y - f * l, h = -f * u, g = d * u, ee = this._parent.context;
 		ee.fillStyle = i, ee.moveTo(e.x, e.y).lineTo(p + h, m + g).lineTo(p - h, m - g).closePath().fill();
 	}
 };
-k([_(), O("design:type", Object)], Ni.prototype, "color", void 0), k([_(), O("design:type", Object)], Ni.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", Object)], Ni.prototype, "style", void 0), k([_({ fallback: "butt" }), O("design:type", Object)], Ni.prototype, "lineCap", void 0), k([_({ fallback: "miter" }), O("design:type", Object)], Ni.prototype, "lineJoin", void 0), k([_(), O("design:type", Object)], Ni.prototype, "headEnd", void 0), k([_(), O("design:type", Object)], Ni.prototype, "tailEnd", void 0);
+A([_(), k("design:type", Object)], Pi.prototype, "color", void 0), A([_(), k("design:type", Object)], Pi.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", Object)], Pi.prototype, "style", void 0), A([_({ fallback: "butt" }), k("design:type", Object)], Pi.prototype, "lineCap", void 0), A([_({ fallback: "miter" }), k("design:type", Object)], Pi.prototype, "lineJoin", void 0), A([_(), k("design:type", Object)], Pi.prototype, "headEnd", void 0), A([_(), k("design:type", Object)], Pi.prototype, "tailEnd", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Pi = class extends T {
+var Fi = class extends T {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -6952,10 +7036,10 @@ var Pi = class extends T {
 		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new ei({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Pi.prototype, "enabled", void 0), k([_({ fallback: "#000000FF" }), O("design:type", Object)], Pi.prototype, "color", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Pi.prototype, "blur", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Pi.prototype, "offsetY", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Pi.prototype, "offsetX", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], Fi.prototype, "enabled", void 0), A([_({ fallback: "#000000FF" }), k("design:type", Object)], Fi.prototype, "color", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Fi.prototype, "blur", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Fi.prototype, "offsetY", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Fi.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Fi = class extends T {
+var Ii = class extends T {
 	_parent;
 	_path2DSet = new ue();
 	_localPath;
@@ -7053,24 +7137,24 @@ var Fi = class extends T {
 		t && n && (r ? e.roundRect(0, 0, t, n, r) : e.rect(0, 0, t, n));
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Fi.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Fi.prototype, "preset", void 0), k([_(), O("design:type", Object)], Fi.prototype, "svg", void 0), k([_(), O("design:type", Object)], Fi.prototype, "viewBox", void 0), k([_(), O("design:type", Object)], Fi.prototype, "paths", void 0), k([_(), O("design:type", Object)], Fi.prototype, "connectionPoints", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], Ii.prototype, "enabled", void 0), A([_(), k("design:type", Object)], Ii.prototype, "preset", void 0), A([_(), k("design:type", Object)], Ii.prototype, "svg", void 0), A([_(), k("design:type", Object)], Ii.prototype, "viewBox", void 0), A([_(), k("design:type", Object)], Ii.prototype, "paths", void 0), A([_(), k("design:type", Object)], Ii.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Ii = class extends E {
+var Li = class extends vt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, Li = {
+}, Ri = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in Li) i(Ii, e, { fallback: Li[e] });
+for (let e in Ri) i(Li, e, { fallback: Ri[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DTable.ts
-var Ri = 100, zi = 40, Bi = class extends T {
+var zi = 100, Bi = 40, Vi = class extends T {
 	_parent;
 	_cellNodes = /* @__PURE__ */ new Map();
 	_cellSnapshots = /* @__PURE__ */ new Map();
@@ -7101,10 +7185,10 @@ var Ri = 100, zi = 40, Bi = class extends T {
 		return !!(this.enabled && this.cells.length);
 	}
 	get gridWidth() {
-		return this.columns.reduce((e, t) => e + (t.width || Ri), 0);
+		return this.columns.reduce((e, t) => e + (t.width || zi), 0);
 	}
 	get gridHeight() {
-		return this.rows.reduce((e, t) => e + (t.height || zi), 0);
+		return this.rows.reduce((e, t) => e + (t.height || Bi), 0);
 	}
 	update() {
 		if (this._dirty = !1, !this.isValid()) {
@@ -7114,9 +7198,9 @@ var Ri = 100, zi = 40, Bi = class extends T {
 		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 || Ri));
+		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || zi));
 		let o = [0];
-		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || zi));
+		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || Bi));
 		this._parent.size.set(a[e.length] ?? 0, o[t.length] ?? 0);
 		let s = /* @__PURE__ */ new Set();
 		for (let e of n) {
@@ -7130,7 +7214,7 @@ var Ri = 100, zi = 40, Bi = class extends T {
 			}, r = `${JSON.stringify(e)}|${n.left},${n.top},${n.width},${n.height}`;
 			if (this._cellNodes.has(t) && this._cellSnapshots.get(t) === r) continue;
 			let i = this._cellNodes.get(t);
-			i || (i = B.parse({ is: "Element2D" }, "Element2D"), this._parent.appendChild(i, "back"), this._cellNodes.set(t, i)), this._applyCell(i, e, n), this._cellSnapshots.set(t, r);
+			i || (i = V.parse({ is: "Element2D" }, "Element2D"), this._parent.appendChild(i, "back"), this._cellNodes.set(t, i)), this._applyCell(i, e, n), this._cellSnapshots.set(t, r);
 		}
 		for (let [e, t] of this._cellNodes) s.has(e) || (this._parent.removeChild(t), t.destroy(), this._cellNodes.delete(e), this._cellSnapshots.delete(e));
 		this._parent.requestDraw();
@@ -7142,7 +7226,7 @@ var Ri = 100, zi = 40, Bi = class extends T {
 		}, e.background = t.background;
 		for (let t of [...e.getChildren(!0)]) e.removeChild(t), t.destroy();
 		t.children?.forEach((t) => {
-			e.appendChild(B.parse(t, "Element2D"));
+			e.appendChild(V.parse(t, "Element2D"));
 		});
 	}
 	_clearCells() {
@@ -7153,7 +7237,7 @@ var Ri = 100, zi = 40, Bi = class extends T {
 		this._clearCells();
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Bi.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Bi.prototype, "columns", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Bi.prototype, "rows", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Bi.prototype, "cells", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], Vi.prototype, "enabled", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Vi.prototype, "columns", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Vi.prototype, "rows", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Vi.prototype, "cells", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
 var Z = class extends T {
@@ -7268,7 +7352,7 @@ var Z = class extends T {
 					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({
-							..._i(r, o?.box ?? {
+							...vi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7280,7 +7364,7 @@ var Z = class extends T {
 					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({
-							..._i(r, o?.box ?? {
+							...vi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7310,7 +7394,7 @@ var Z = class extends T {
 	}
 	process(e) {}
 };
-k([_({ fallback: !0 }), O("design:type", Object)], Z.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Z.prototype, "content", void 0), k([_({ alias: "_parent.style.json" }), O("design:type", Object)], Z.prototype, "style", void 0), k([_(), O("design:type", Object)], Z.prototype, "effects", void 0), k([_(), O("design:type", Object)], Z.prototype, "fill", void 0), k([_(), O("design:type", Object)], Z.prototype, "outline", void 0), k([_(), O("design:type", Object)], Z.prototype, "deformation", void 0), k([_({ alias: "base.measureDom" }), O("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "measureDom", void 0), k([_({ alias: "base.fonts" }), O("design:type", Object)], Z.prototype, "fonts", void 0), k([_({ fallback: "auto" }), O("design:type", Object)], Z.prototype, "drawMode", void 0);
+A([_({ fallback: !0 }), k("design:type", Object)], Z.prototype, "enabled", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Z.prototype, "content", void 0), A([_({ alias: "_parent.style.json" }), k("design:type", Object)], Z.prototype, "style", void 0), A([_(), k("design:type", Object)], Z.prototype, "effects", void 0), A([_(), k("design:type", Object)], Z.prototype, "fill", void 0), A([_(), k("design:type", Object)], Z.prototype, "outline", void 0), A([_(), k("design:type", Object)], Z.prototype, "deformation", void 0), A([_({ alias: "base.measureDom" }), k("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "measureDom", void 0), A([_({ alias: "base.fonts" }), k("design:type", Object)], Z.prototype, "fonts", void 0), A([_({ fallback: "auto" }), k("design:type", Object)], Z.prototype, "drawMode", void 0);
 //#endregion
 //#region src/scene/2d/element/Flexbox.ts
 var Q = {
@@ -7323,11 +7407,11 @@ var Q = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, Vi = {
+}, Hi = {
 	column: 0,
 	row: 1,
 	all: 2
-}, Hi = {
+}, Ui = {
 	auto: 0,
 	"flex-start": 1,
 	center: 2,
@@ -7337,42 +7421,42 @@ var Q = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, Ui = {
+}, Wi = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, Wi = {
+}, Gi = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, Gi = {
+}, Ki = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, Ki = {
+}, qi = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, qi = {
+}, Ji = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, Ji = {
+}, Yi = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, Yi = {
+}, Xi = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, Xi = {
+}, Zi = {
 	"border-box": 0,
 	"content-box": 1
-}, Zi = class e {
+}, Qi = class e {
 	_parent;
 	static _yoga;
 	static async load() {
@@ -7384,27 +7468,27 @@ var Q = {
 		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 na && e.flexbox.node && this.node) {
+		if (e instanceof ra && 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 na && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof ra && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
 		if (n) {
 			switch (e) {
 				case "alignContent":
-					n.setAlignContent(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
+					n.setAlignContent(t ? Ui[t] ?? Ui["flex-start"] : Ui["flex-start"]);
 					break;
 				case "alignItems":
-					n.setAlignItems(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
+					n.setAlignItems(t ? Ui[t] ?? Ui["flex-start"] : Ui["flex-start"]);
 					break;
 				case "alignSelf":
-					n.setAlignSelf(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
+					n.setAlignSelf(t ? Ui[t] ?? Ui["flex-start"] : Ui["flex-start"]);
 					break;
 				case "aspectRatio":
 					n.setAspectRatio(t);
@@ -7425,10 +7509,10 @@ var Q = {
 					n.setBorder(Q.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? Wi[t] ?? Wi.inherit : Wi.inherit);
+					n.setDirection(t ? Gi[t] ?? Gi.inherit : Gi.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? Ui[t] ?? Ui.flex : Ui.flex);
+					n.setDisplay(t ? Wi[t] ?? Wi.flex : Wi.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -7437,7 +7521,7 @@ var Q = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? Gi[t] ?? Gi.row : Gi.row);
+					n.setFlexDirection(t ? Ki[t] ?? Ki.row : Ki.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -7446,16 +7530,16 @@ var Q = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? Ki[t] ?? Ki.wrap : Ki.wrap);
+					n.setFlexWrap(t ? qi[t] ?? qi.wrap : qi.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? qi[t] ?? qi["flex-start"] : qi["flex-start"]);
+					n.setJustifyContent(t ? Ji[t] ?? Ji["flex-start"] : Ji["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(Vi.all, t);
+					t !== void 0 && n.setGap(Hi.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Q.top, t);
@@ -7485,7 +7569,7 @@ var Q = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? Ji[t] ?? Ji.visible : Ji.visible);
+					n.setOverflow(t ? Yi[t] ?? Yi.visible : Yi.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Q.top, t);
@@ -7515,10 +7599,10 @@ var Q = {
 					n.setPosition(Q.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? Yi[t] ?? Yi.relative : Yi.relative);
+					n.setPositionType(t ? Xi[t] ?? Xi.relative : Xi.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? Xi[t] ?? Xi["content-box"] : Xi["content-box"]);
+					n.setBoxSizing(t ? Zi[t] ?? Zi["content-box"] : Zi["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -7529,7 +7613,7 @@ var Q = {
 	}
 	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, Wi.ltr), t.hasNewLayout())) {
+		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Gi.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();
 		}
@@ -7537,15 +7621,15 @@ var Q = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, Qi = new Set(Object.keys(a())), $i = new Set(Object.keys(s())), ea = new x(), ta = [
+}, $i = new Set(Object.keys(a())), ea = new Set(Object.keys(s())), ta = new x(), na = [
 	[0, 0],
 	[1, 0],
 	[1, 1],
 	[0, 1]
-], na = class extends Tr {
-	flexbox = new Zi(this);
-	aabb = new vt();
-	globalAabb = new vt();
+], ra = class extends Tr {
+	flexbox = new Qi(this);
+	aabb = new yt();
+	globalAabb = new yt();
 	_parentGlobalDisplay;
 	_globalDisplay;
 	get globalDisplay() {
@@ -7556,7 +7640,7 @@ var Q = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Ii().on("updateProperty", (...e) => {
+	_style = new Li().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -7570,14 +7654,14 @@ var Q = {
 			this._endBatch();
 		}
 	}
-	_background = new vi(this);
+	_background = new yi(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Fi(this);
+	_shape = new Ii(this);
 	get shape() {
 		return this._shape;
 	}
@@ -7591,14 +7675,14 @@ var Q = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new Ni(this);
+	_outline = new Pi(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new ji(this);
+	_foreground = new Mi(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -7612,21 +7696,21 @@ var Q = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Pi(this);
+	_shadow = new Fi(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new Ci(this);
+	_connection = new wi(this);
 	get connection() {
 		return this._connection;
 	}
 	set connection(e) {
 		this._connection.resetProperties().setProperties(e);
 	}
-	_table = new Bi(this);
+	_table = new Vi(this);
 	get table() {
 		return this._table;
 	}
@@ -7640,7 +7724,7 @@ var Q = {
 	set chart(e) {
 		this._chart.resetProperties().setProperties(e);
 	}
-	_comments = new Si(this);
+	_comments = new Ci(this);
 	get comments() {
 		return this._comments;
 	}
@@ -7790,7 +7874,7 @@ var Q = {
 				this.requestDraw();
 				break;
 		}
-		if (($i.has(e) || Qi.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if ((ea.has(e) || $i.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);
@@ -7823,17 +7907,21 @@ var Q = {
 		let i = e.clone().applyTransform(new b().translate(-t.x, -t.y));
 		this._shape.setLocalPath(i);
 	}
+	_renderCulled = !1;
 	_cullsRender() {
+		return this._renderCulled = this._computeCullsRender(), this._renderCulled;
+	}
+	_computeCullsRender() {
 		if (this._colorFilterEffect || this._maskEffect || this._overflowHidden || this._connection.isValid()) return !1;
 		let e = this.tree?.getCurrentViewport();
 		return e?.valid ? !this._intersectsViewport(e) : !1;
 	}
 	_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 ta) t.applyAffineInverse({
+		for (let [e, c] of na) t.applyAffineInverse({
 			x: e * n,
 			y: c * r
-		}, ea), i = Math.min(i, ea.x), a = Math.max(a, ea.x), o = Math.min(o, ea.y), s = Math.max(s, ea.y);
+		}, ta), i = Math.min(i, ta.x), a = Math.max(a, ta.x), o = Math.min(o, ta.y), s = Math.max(s, ta.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);
 	}
@@ -7885,11 +7973,11 @@ var Q = {
 	}
 	getObb() {
 		let e = this.pivot, t = this.transform.apply(e).sub(e);
-		return new wt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.rotation);
+		return new Ct(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.rotation);
 	}
 	getGlobalObb() {
 		let e = this.pivot, t = this.globalTransform.apply(e).sub(e);
-		return new wt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
+		return new Ct(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._chart.isValid() && this._chart.draw(), this._drawContent();
@@ -7944,10 +8032,10 @@ var Q = {
 		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.comments.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
 	}
 };
-na = k([S("Element2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], na);
+ra = A([S("Element2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ra);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var ra = class extends na {
+var ia = class extends ra {
 	texture;
 	region;
 	constructor(e, t = []) {
@@ -7970,7 +8058,7 @@ var ra = class extends na {
 			} });
 		}
 	}
-}, ia = class extends ra {
+}, aa = class extends ia {
 	texture = new tr();
 	animation;
 	_lastTime = NaN;
@@ -8001,10 +8089,10 @@ var ra = class extends na {
 		this.currentTime !== this._lastTime && (this._lastTime = this.currentTime, this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw()), super._process(e);
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], ia.prototype, "src", void 0), ia = k([S("Lottie2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ia);
+A([_({ fallback: "" }), k("design:type", String)], aa.prototype, "src", void 0), aa = A([S("Lottie2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], aa);
 //#endregion
 //#region src/scene/2d/Mesh2D.ts
-var aa = class extends na {
+var oa = class extends ra {
 	texture;
 	_vertices = new Float32Array();
 	_uvs = new Float32Array();
@@ -8035,7 +8123,7 @@ var aa = class extends na {
 	_drawContent() {
 		this.texture?.isValid() && this._indices.length && this._vertices.length && (this.context.fillStyle = this.texture, this.context.drawMesh(this._vertices, this._uvs, this._indices));
 	}
-}, oa = class extends na {
+}, sa = class extends ra {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -8048,20 +8136,20 @@ var aa = class extends na {
 		}
 	}
 	_drawCircle(e, t) {
-		this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = z.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+		this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = B.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
 	}
 	_drawEllipse(e, t) {
-		this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = z.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+		this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = B.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
 	}
 	_draw() {
 		let { width: e, height: t } = this.getRect();
 		this.context.rect(0, 0, e, t), this.context.strokeStyle = "#00FF00", this.context.stroke(), this._drawCircle(0, 0), this._drawCircle(e, t), this._drawCircle(0, t), this._drawEllipse(0, t / 2), this._drawCircle(e, 0), this._drawEllipse(e, t / 2);
 	}
 };
-k([_({ fallback: 6 }), O("design:type", Number)], oa.prototype, "handleSize", void 0);
+A([_({ fallback: 6 }), k("design:type", Number)], sa.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var sa = class extends ra {
+var ca = class extends ia {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -8092,24 +8180,33 @@ var sa = class extends ra {
 	}
 	_updateVideoCurrentTime() {
 		let e = this.texture;
-		if (e && !e.isPlaying && !e.seeking) {
-			let t = ~~Math.max(0, this.currentTime % this.videoDuration) / 1e3;
-			e.currentTime !== t && (e.currentTime = t, $.awaitBy(() => e.waitSeek(this._loadAbort?.signal)));
+		if (!e) return;
+		let t = this.videoDuration;
+		if (!t) return;
+		if (!this.isVisibleInTree() || this._renderCulled) {
+			e.paused || e.pause();
+			return;
 		}
+		let n = Math.max(0, this.currentTime % t) / 1e3, r = this._timeline, i = r?.playbackRate ?? 1;
+		if (r?.playing && i > 0) {
+			e.muted = !0, e.loop = this.loop, e.playbackRate = D(i, .0625, 16), e.paused && e.isReady && e.play();
+			let t = Math.abs(e.currentTime - n);
+			!e.seeking && t > Math.max(.3, D(i, 1, 16) * .2) && (e.currentTime = n);
+		} else e.paused || e.pause(), !e.isPlaying && !e.seeking && e.currentTime !== n && (e.currentTime = n, $.awaitBy(() => e.waitSeek(this._loadAbort?.signal)));
 	}
 	_process(e) {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], sa.prototype, "src", void 0), sa = k([S("Video2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], sa);
+A([_({ fallback: "" }), k("design:type", String)], ca.prototype, "src", void 0), ca = A([S("Video2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ca);
 //#endregion
 //#region src/scene/animation/Animation.ts
-function ca(e) {
+function la(e) {
 	if (e == null) return 0;
 	let t = String(e).trim(), n = Number.parseFloat(t);
 	return Number.isNaN(n) ? 0 : n / 100;
 }
-function la(e, t) {
+function ua(e, t) {
 	let n = t * 180 / Math.PI;
 	if (e == null || e === "auto") return n;
 	let r = String(e).trim();
@@ -8118,11 +8215,11 @@ function la(e, t) {
 	let i = Number.parseFloat(r);
 	return Number.isNaN(i) ? n : i;
 }
-function ua(e) {
+function da(e) {
 	let t = e.trim(), n = /^path\((.*)\)$/s.exec(t);
 	return n && (t = n[1].trim()), t.length >= 2 && (t[0] === "\"" || t[0] === "'") && t[t.length - 1] === t[0] && (t = t.slice(1, -1)), t.trim();
 }
-function da(e, t, n, r) {
+function fa(e, t, n, r) {
 	let i = 1e-6, a = 3 * e - 3 * n + 1, o = 3 * n - 6 * e, s = 3 * e, c = 3 * t - 3 * r + 1, l = 3 * r - 6 * t, u = 3 * t, d = (e) => (3 * a * e + 2 * o) * e + s, f = (e) => ((a * e + o) * e + s) * e, p = (e) => ((c * e + l) * e + u) * e;
 	function m(e) {
 		let t = e, n, r;
@@ -8142,7 +8239,7 @@ function da(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var fa = {
+var pa = {
 	linear: [
 		0,
 		0,
@@ -8209,7 +8306,7 @@ var fa = {
 		.355,
 		1
 	]
-}, pa = Object.fromEntries(Object.entries(fa).map(([e, [t, n, r, i]]) => [e, da(t, n, r, i)])), ma = class extends V {
+}, ma = Object.fromEntries(Object.entries(pa).map(([e, [t, n, r, i]]) => [e, fa(t, n, r, i)])), ha = class extends H {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -8245,7 +8342,7 @@ var fa = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof na);
+		return e.filter((e) => e instanceof ra);
 	}
 	_updateKeyframes() {
 		this._pathMeasures.clear();
@@ -8278,7 +8375,7 @@ var fa = {
 		}
 		let e = this._getTargets(), t = 1 / e.length, n = this.currentTimeProgress;
 		e.forEach((e, r) => {
-			let i = t === 1 ? n : St(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
+			let i = t === 1 ? n : D(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
 			if (!a) return;
 			let o = this._parseKeyframes(i, a);
 			o?.length && this._commitStyle(i, e, a, o[0], o[1]);
@@ -8296,14 +8393,14 @@ var fa = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return pa.linear;
-		if (e in pa) return pa[e];
+		if (!e) return ma.linear;
+		if (e in ma) return ma[e];
 		let t = /cubic-bezier\((.+)\)/.exec(e);
 		if (t) {
 			let e = t[1].split(",").map((e) => Number(e));
-			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return da(e[0], e[1], e[2], e[3]);
+			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return fa(e[0], e[1], e[2], e[3]);
 		}
-		return pa.linear;
+		return ma.linear;
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -8338,7 +8435,7 @@ var fa = {
 		});
 	}
 	_commitOffsetPath(e, t, n, r, i, a) {
-		let o = ua(t);
+		let o = da(t);
 		if (!o) return;
 		let s = this._pathMeasures.get(o);
 		if (!s) {
@@ -8349,7 +8446,7 @@ var fa = {
 				startY: t.y
 			}, this._pathMeasures.set(o, s);
 		}
-		let c = St(D(ca(r.offsetDistance ?? i.offsetDistance), ca(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = la(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
+		let c = D(O(la(r.offsetDistance ?? i.offsetDistance), la(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = ua(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
 		e.onUpdateStyleProperty("transform", `${m ? `${m} ` : ""}translate(${d}px, ${f}px) rotate(${p}deg)`, void 0);
 	}
 	_getDiffValue(e, t, n, r, i) {
@@ -8370,10 +8467,10 @@ var fa = {
 				let a = Math.max(t[e]?.length ?? 0, n[e]?.length ?? 0), o = t[e], s = n[e];
 				i += `${e}(${Array.from({ length: a }, (e, t) => {
 					let n = o?.[t], i = s?.[t], a = n?.normalizedIntValue ?? 0, c = i?.normalizedIntValue ?? 0;
-					return Number.isNaN(a) || Number.isNaN(c) ? i?.value ?? 0 : D(a, c, r);
+					return Number.isNaN(a) || Number.isNaN(c) ? i?.value ?? 0 : O(a, c, r);
 				}).join(", ")}) `;
 			}), i;
-		} else if (!Array.isArray(a) && !Array.isArray(o)) return Number.isNaN(a.normalizedIntValue) || Number.isNaN(o.normalizedIntValue) ? o.value : D(a.normalizedIntValue, o.normalizedIntValue, r);
+		} else if (!Array.isArray(a) && !Array.isArray(o)) return Number.isNaN(a.normalizedIntValue) || Number.isNaN(o.normalizedIntValue) ? o.value : O(a.normalizedIntValue, o.normalizedIntValue, r);
 	}
 	isPlaying() {
 		return !this.paused && this.isInsideTimeRange();
@@ -8396,14 +8493,14 @@ var fa = {
 		});
 	}
 };
-k([_({ fallback: "parent" }), O("design:type", Object)], ma.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], ma.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], ma.prototype, "easing", void 0), ma = k([S("Animation", {
+A([_({ fallback: "parent" }), k("design:type", Object)], ha.prototype, "effectMode", void 0), A([_({ default: () => [] }), k("design:type", Array)], ha.prototype, "keyframes", void 0), A([_(), k("design:type", Object)], ha.prototype, "easing", void 0), ha = A([S("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ma);
+}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ha);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var ha = class t extends e {
+var ga = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -8433,7 +8530,7 @@ var ha = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, ga = class t extends e {
+}, _a = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8560,7 +8657,7 @@ var ha = class t extends e {
 		let e = this._source;
 		e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio &&= (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), null);
 	}
-}, _a = class {
+}, va = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8577,7 +8674,7 @@ var ha = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return ha.instance;
+		return ga.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8588,9 +8685,9 @@ var ha = class t extends e {
 		});
 	}
 	createSound() {
-		return new ga();
+		return new _a();
 	}
-}, va = class extends e {
+}, ya = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8612,7 +8709,7 @@ var ha = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, ya = class {
+}, ba = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8627,21 +8724,21 @@ var ha = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function ba() {
+function xa() {
 	if (Ve) return new AudioContext();
 	if (He) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function xa(e, t, n) {
+function Sa(e, t, n) {
 	if (Ue) return new OfflineAudioContext(e, t, n);
 	if (We) {
 		let r = globalThis.webkitOfflineAudioContext;
 		return new r(e, t, n);
 	} else throw Error("Failed to createOfflineAudioContext");
 }
-var Sa = class e extends va {
+var Ca = class e extends ya {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8682,7 +8779,7 @@ var Sa = class e extends va {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = ba(), t = xa(1, 2, Ue ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
+		let e = xa(), t = Sa(1, 2, Ue ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
 		r.connect(n), n.connect(e.destination), super(r, n), this._context = e, this._offlineContext = t, this._compressor = n, this._analyser = r, this._locked = e.state === "suspended" && (Re || ze), Ke && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
 	}
 	_onFocus() {
@@ -8723,7 +8820,7 @@ var Sa = class e extends va {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, Ca = class extends e {
+}, wa = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8856,7 +8953,7 @@ var Sa = class e extends va {
 	destroy() {
 		super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
 	}
-}, wa = class extends va {
+}, Ta = class extends ya {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8864,7 +8961,7 @@ var Sa = class e extends va {
 	gain;
 	analyser;
 	get context() {
-		return Sa.instance;
+		return Ca.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8879,8 +8976,8 @@ var Sa = class e extends va {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = Sa.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(Sa.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = Ca.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(Ca.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
 	}
 	async load() {
 		return this._sourceLoad ||= new Promise((e) => {
@@ -8893,7 +8990,7 @@ var Sa = class e extends va {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : Sa.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : Ca.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
 	}
 	cloneSource() {
 		let e = this.context, t = this._sourceNode, n = e.audioContext.createBufferSource(), r = e.audioContext.createGain();
@@ -8903,15 +9000,15 @@ var Sa = class e extends va {
 		};
 	}
 	createSound() {
-		return new Ca();
+		return new wa();
 	}
-}, Ta, Ea = class extends V {
+}, Ea, Da = class extends H {
 	static {
-		Ta = this;
+		Ea = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ge ? new wa(this) : new _a(this);
+	_platformAudio = Ge ? new Ta(this) : new va(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -9004,7 +9101,7 @@ var Sa = class e extends va {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return Ta._soundPool.length > 0 ? Ta._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Ea._soundPool.length > 0 ? Ea._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
 	}
 	refresh() {
 		for (let e = this._sounds.length, t = 0; t < e; t++) this._sounds[t].refresh();
@@ -9020,7 +9117,7 @@ var Sa = class e extends va {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), Ta._soundPool.includes(e) || Ta._soundPool.push(e);
+		e.destroy(), Ea._soundPool.includes(e) || Ea._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -9036,14 +9133,14 @@ var Sa = class e extends va {
 		}, 100);
 	}
 };
-Ea = Ta = k([S("Audio"), O("design:paramtypes", [Object])], Ea);
+Da = Ea = A([S("Audio"), k("design:paramtypes", [Object])], Da);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Da = class extends Tr {}, Oa = class extends na {
+var Oa = class extends Tr {}, ka = class extends ra {
 	_audioBuffer;
 	_src = (() => {
 		let e = w();
-		return e ? new z({ source: e }) : void 0;
+		return e ? new B({ source: e }) : void 0;
 	})();
 	_needsUpdateTexture = !1;
 	constructor(e = {}) {
@@ -9063,7 +9160,7 @@ var Da = class extends Tr {}, Oa = class extends na {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Sa.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Ca.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -9098,16 +9195,16 @@ var Da = class extends Tr {}, Oa = class extends na {
 		this.syncTexture(), super._process(e);
 	}
 };
-k([_(), O("design:type", Object)], Oa.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Oa.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Oa.prototype, "color", void 0), Oa = k([S("AudioWaveform"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Oa);
+A([_(), k("design:type", Object)], ka.prototype, "src", void 0), A([_({ fallback: 0 }), k("design:type", Number)], ka.prototype, "gap", void 0), A([_({ fallback: "#000000" }), k("design:type", String)], ka.prototype, "color", void 0), ka = A([S("AudioWaveform"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], ka);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var ka, Aa = class extends wr {
+var Aa, ja = class extends wr {
 	static {
-		ka = this;
+		Aa = this;
 	}
 	blur = 10;
 	quality = 10;
-	static material = new I({ gl: {
+	static material = new L({ 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}",
 		fragment: "precision highp float;\nin vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 offset;\nuniform float progress;\n\nvoid main(void) {\n  vec2 offset1 = vec2(offset.x - progress * offset.x, offset.y - progress * offset.y);\n  vec4 color = vec4(0.0);\n  color += texture(sampler, vec2(vUv.x - offset1.x, vUv.y + offset1.y));\n  color += texture(sampler, vec2(vUv.x + offset1.x, vUv.y + offset1.y));\n  color += texture(sampler, vec2(vUv.x + offset1.x, vUv.y - offset1.y));\n  color += texture(sampler, vec2(vUv.x - offset1.x, vUv.y - offset1.y));\n  color *= 0.25;\n  gl_FragColor = color;\n}"
 	} });
@@ -9122,7 +9219,7 @@ var ka, Aa = class extends wr {
 		let d = 1 / s, f = 1 / c, p = [], m, h = o - 1;
 		for (let e = 0; e < h; e++) m = u[e] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p });
 		m = u[h] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p }), l.forEach((t) => {
-			L.draw(e, ka.material, {
+			R.draw(e, Aa.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -9130,35 +9227,35 @@ var ka, Aa = class extends wr {
 		});
 	}
 };
-Aa = ka = k([S("KawaseTransition")], Aa);
+ja = Aa = A([S("KawaseTransition")], ja);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var ja, Ma = class extends wr {
+var Ma, Na = class extends wr {
 	static {
-		ja = this;
+		Ma = this;
 	}
-	static material = new I({ gl: {
+	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		L.draw(e, ja.material, {
+		R.draw(e, Ma.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-Ma = ja = k([S("LeftEraseTransition")], Ma);
+Na = Ma = A([S("LeftEraseTransition")], Na);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Na, Pa = class extends wr {
+var Pa, Fa = class extends wr {
 	static {
-		Na = this;
+		Pa = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
-	static material = new I({ gl: {
+	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float blur;\nuniform float gradientBlur;\nuniform vec2 start;\nuniform vec2 end;\nuniform vec2 delta;\nuniform vec2 texSize;\nuniform float progress;\n\nfloat random(vec3 scale, float seed) {\n  return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);\n}\n\nvoid main(void) {\n  float blur1 = blur - progress * blur;\n  float gradientBlur1 = progress * gradientBlur;\n\n  vec4 color = vec4(0.0);\n  float total = 0.0;\n  float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);\n  vec2 normal = normalize(vec2(start.y - end.y, end.x - start.x));\n  float radius = smoothstep(0.0, 1.0, abs(dot(vUv * texSize - start, normal)) / gradientBlur1) * blur1;\n\n  for (float t = -30.0; t <= 30.0; t++) {\n    float percent = (t + offset - 0.5) / 30.0;\n    float weight = 1.0 - abs(percent);\n    vec4 sample1 = texture2D(sampler, vUv + delta / texSize * percent * radius);\n    sample1.rgb *= sample1.a;\n    color += sample1 * weight;\n    total += weight;\n  }\n\n  color /= total;\n  color.rgb /= color.a + 0.00001;\n\n  gl_FragColor = color;\n}"
 	} });
@@ -9166,7 +9263,7 @@ var Na, Pa = class extends wr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height, s = [0, o / 2], c = [600, o / 2], l = [a, o], u = c[0] - s[0], d = c[1] - s[1], f = Math.sqrt(u * u + d * d);
-		L.draw(e, Na.material, {
+		R.draw(e, Pa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9175,7 +9272,7 @@ var Na, Pa = class extends wr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), L.draw(e, Na.material, {
+		}), R.draw(e, Pa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9187,18 +9284,18 @@ var Na, Pa = class extends wr {
 		});
 	}
 };
-Pa = Na = k([S("TiltShiftTransition")], Pa);
+Fa = Pa = A([S("TiltShiftTransition")], Fa);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Fa, Ia = class extends wr {
+var Ia, La = class extends wr {
 	static {
-		Fa = this;
+		Ia = this;
 	}
 	radius;
 	angle = 4;
 	padding = 20;
 	offset;
-	static material = new I({ gl: {
+	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float radius;\nuniform float angle;\nuniform vec2 offset;\nuniform vec4 filterArea;\nuniform float progress;\n\nvec2 mapCoord(vec2 coord) {\n  coord -= filterArea.zw;\n  coord *= filterArea.xy;\n  return coord;\n}\n\nvec2 unmapCoord(vec2 coord) {\n  coord -= filterArea.zw;\n  coord /= filterArea.xy;\n  return coord;\n}\n\nvec2 twist(vec2 coord, float radius) {\n  coord -= offset;\n  float dist = length(coord);\n  if (dist < radius) {\n    float ratioDist = (radius - dist) / radius;\n    float angleMod = ratioDist * ratioDist * angle;\n    float s = sin(angleMod);\n    float c = cos(angleMod);\n    coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);\n  }\n  coord += offset;\n  return coord;\n}\n\nvoid main(void) {\n  vec2 coord = mapCoord(vUv);\n  coord = twist(coord, radius - (progress * radius));\n  coord = unmapCoord(coord);\n  gl_FragColor = texture2D(sampler, coord);\n}"
 	} });
@@ -9206,7 +9303,7 @@ var Fa, Ia = class extends wr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height;
-		L.draw(e, Fa.material, {
+		R.draw(e, Ia.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -9222,10 +9319,10 @@ var Fa, Ia = class extends wr {
 		});
 	}
 };
-Ia = Fa = k([S("TwistTransition")], Ia);
+La = Ia = A([S("TwistTransition")], La);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var La = class extends Hn {
+var Ra = class extends Hn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
@@ -9242,14 +9339,14 @@ var La = class extends Hn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, Ra = class extends Hn {
+}, za = class extends Hn {
 	install(e) {
 		let t = async (e) => JSON.parse(await e.text());
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), ["application/json"].forEach((n) => {
 			e.register(n, t);
 		}), e.json = this, this;
 	}
-}, za = class extends Hn {
+}, Ba = class extends Hn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -9260,14 +9357,14 @@ var La = class extends Hn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, Ba = class extends Hn {
+}, Va = class extends Hn {
 	install(e) {
 		let t = async (e) => e.text();
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), e.text = this, this;
 	}
-}, Va = class extends Hn {
+}, Ha = class extends Hn {
 	install(e) {
-		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new z({
+		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new B({
 			source: e,
 			uploadMethodId: "image",
 			mipmap: !0,
@@ -9289,11 +9386,11 @@ var La = class extends Hn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, Ha = class extends Hn {
+}, Ua = class extends Hn {
 	install(e) {
 		return this.load = (t) => e.awaitBy(() => new or(t).load()), e.video = this, this;
 	}
-}, Ua = Object.entries({
+}, Wa = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -9309,31 +9406,31 @@ var La = class extends Hn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function Wa(e) {
-	for (let [t, n] of Ua) if (n.includes(e)) return t;
-}
 function Ga(e) {
+	for (let [t, n] of Wa) if (n.includes(e)) return t;
+}
+function Ka(e) {
 	let t;
 	if (e.startsWith("data:")) t = e.match(/^data:(.+?);/)?.[1];
 	else if (e.startsWith("http")) {
 		let n = e.split(/[#?]/)[0].split(".").pop()?.trim();
-		n && (t = Wa(n));
+		n && (t = Ga(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var Ka = "WeakRef" in globalThis, qa = class extends e {
+var qa = "WeakRef" in globalThis, Ja = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = Ka ? new FinalizationRegistry((e) => {
+	_gc = qa ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), Ka || C.on(this.gc.bind(this), { sort: 2 });
+		super(), qa || C.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -9382,11 +9479,11 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return Ka && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return qa && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		Ka && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		qa && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
 	}
 	async awaitBy(e) {
 		let t = e(), n = c();
@@ -9401,7 +9498,7 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Ga(e);
+		let n = await this.loadBy(e), r = Ka(e);
 		return r === void 0 && (r = n.type?.split(";")[0] ?? void 0), ((r ? this._handlers.get(r) : void 0) ?? this.defaultHandler)(n, t);
 	}
 	async waitUntilLoad() {
@@ -9415,14 +9512,14 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new qa().use(new Un()).use(new La()).use(new Ra()).use(new za()).use(new Ba()).use(new Va()).use(new Ha()), Ja = {
+}, $ = new Ja().use(new Un()).use(new Ra()).use(new za()).use(new Ba()).use(new Va()).use(new Ha()).use(new Ua()), Ya = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, Ya = class extends Cr {
+}, Xa = class extends Cr {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -9455,12 +9552,12 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 	constructor(e = {}) {
 		let { view: t, width: n, height: r, pixelRatio: i = Je, autoResize: a, data: o } = e;
 		super(), this.renderer = new Vn(t, {
-			alpha: Ja.alpha ?? e.alpha,
-			stencil: Ja.stencil ?? e.stencil,
-			antialias: Ja.antialias ?? e.antialias,
-			premultipliedAlpha: Ja.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Ja.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Ja.powerPreference ?? e.powerPreference
+			alpha: Ya.alpha ?? e.alpha,
+			stencil: Ya.stencil ?? e.stencil,
+			antialias: Ya.antialias ?? e.antialias,
+			premultipliedAlpha: Ya.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: Ya.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: Ya.powerPreference ?? e.powerPreference
 		}), this._setupInput(), this.pixelRatio = i, a ? !t && this.renderer.view && (this.renderer.view.style.width = "100%", this.renderer.view.style.height = "100%") : this.resize(n || this.gl.drawingBufferWidth || this.view?.clientWidth || 200, r || this.gl.drawingBufferHeight || this.view?.clientHeight || 200, !t), this.setProperties(e), o && this.root.append(o);
 	}
 	_updateProperty(e, t, n) {
@@ -9543,22 +9640,22 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], Ya.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ya.prototype, "autoStart", void 0);
+A([_({ fallback: !1 }), k("design:type", Boolean)], Xa.prototype, "autoResize", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Xa.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var Xa, Za = [], Qa = !1;
-function $a() {
-	return Xa ??= new Ya({
+var Za, Qa = [], $a = !1;
+function eo() {
+	return Za ??= new Xa({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function eo(e = 100) {
-	if (!Qa) {
-		for (Qa = !0; Za.length;) {
-			let t = Za.shift();
+async function to(e = 100) {
+	if (!$a) {
+		for ($a = !0; Qa.length;) {
+			let t = Qa.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9566,11 +9663,11 @@ async function eo(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		Qa = !1;
+		$a = !1;
 	}
 }
-async function to(e) {
-	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = $a();
+async function no(e) {
+	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = eo();
 	if (f.resetProperties(), f.setProperties(l), f.debug = t, f.fonts = n, f.timeline.currentTime = 0, f.resize(u, d, !0), f.root.removeChildren(!0), f.root.append(a), await s?.(f), await f.waitAndRender(), o.length) {
 		let e = o.length, t = o[e - 1];
 		for (let n = 0; n < e; n++) {
@@ -9588,15 +9685,15 @@ async function to(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function no(e) {
+async function ro(e) {
 	return new Promise((t) => {
-		Za.push(async () => t(await to(e).then((e) => e.toCanvas2D()))), eo();
+		Qa.push(async () => t(await no(e).then((e) => e.toCanvas2D()))), to();
 	});
 }
-async function ro(e) {
+async function io(e) {
 	return new Promise((t) => {
-		Za.push(async () => t(await to(e).then((e) => e.pixels))), eo();
+		Qa.push(async () => t(await no(e).then((e) => e.pixels))), to();
 	});
 }
 //#endregion
-export { vt as Aabb2D, er as AnimatedTexture, ma as Animation, qa as Assets, Ea as Audio, va as AudioPipeline, ya as AudioProcessor, Da as AudioSpectrum, Oa as AudioWaveform, A as BufferUsage, Er as Camera2D, cr as CanvasContext, vr as CanvasItem, tr as CanvasTexture, yt as Color, W as ColorAdjustEffect, zr as ColorFilterEffect, Ct as ColorMatrix, Hr as ColorOverlayEffect, Wr as ColorRemoveEffect, qr as ColorReplaceEffect, nr as ColorTexture, T as CoreObject, bt as DEG_TO_RAD, Je as DEVICE_PIXEL_RATIO, G as DrawboardEffect, ei as DropShadowEffect, U as Effect, Zn as EffectMaterial, na as Element2D, vi as Element2DBackground, X as Element2DChart, Si as Element2DComments, Ci as Element2DConnection, Y as Element2DFill, ji as Element2DForeground, Ni as Element2DOutline, Pi as Element2DShadow, Fi as Element2DShape, Ii as Element2DStyle, Bi as Element2DTable, Z as Element2DText, ni as EmbossEffect, Ya as Engine, Zi as Flexbox, Un as FontLoader, Qr as GaussianBlurEffect, Gn as Geometry, La as GifLoader, un as GlBatch2DSystem, on as GlBlendMode, Ot as GlBuffer, Ft as GlBufferSystem, Dt as GlBufferTarget, mn as GlMaskSystem, qt as GlProgram, vn as GlRenderTarget, yn as GlRenderTargetSystem, nn as GlShaderSystem, cn as GlState, ln as GlStateSystem, gn as GlStencilSystem, j as GlSystem, _n as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, rr as GradientTexture, _a as HTMLAudio, ha as HTMLAudioContext, ga as HTMLSound, Ke as IN_BROWSER, qe as IN_MAC_OS, Wn as IndexBuffer, gt as Input, ut as InputEvent, Ra as JsonLoader, ci as KawaseBlurEffect, Aa as KawaseTransition, dt as KeyboardInputEvent, Ma as LeftEraseTransition, Hn as Loader, ia as Lottie2D, za as LottieLoader, Et as MainLoop, ui as MaskEffect, I as Material, aa as Mesh2D, ur as Meta, ft as MouseInputEvent, B as Node, Tr as Node2D, wt as Obb2D, J as OutlineEffect, xe as PI, Se as PI_2, mi as PixelateEffect, ir as PixelsTexture, pt as PointerInputEvent, Tt as Projection2D, Kn as QuadGeometry, L as QuadUvGeometry, xt as RAD_TO_DEG, _t as RefCounted, R as RenderTarget, kt as Renderer, E as Resource, Ve as SUPPORTS_AUDIO_CONTEXT, ze as SUPPORTS_CLICK_EVENTS, Be as SUPPORTS_CREATE_IMAGE_BITMAP, Ne as SUPPORTS_IMAGE_BITMAP, Le as SUPPORTS_MOUSE_EVENTS, Ue as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Fe as SUPPORTS_POINTER_EVENTS, Pe as SUPPORTS_RESIZE_OBSERVER, Re as SUPPORTS_TOUCH_EVENTS, Me as SUPPORTS_WEBGL2, He as SUPPORTS_WEBKIT_AUDIO_CONTEXT, We as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ge as SUPPORTS_WEB_AUDIO, Ie as SUPPORTS_WHEEL_EVENTS, Cr as SceneTree, Ba as TextLoader, z as Texture2D, Va as TextureLoader, ra as TextureRect2D, C as Ticker, Pa as TiltShiftTransition, xr as Timeline, V as TimelineNode, oa as TransformRect2D, wr as Transition, Ia as TwistTransition, jt as UniformGroup, $n as UvGeometry, Qn as UvMaterial, F as VertexAttribute, P as VertexBuffer, sa as Video2D, Ha as VideoLoader, or as VideoTexture, H as Viewport, sr as ViewportTexture, wa as WebAudio, Sa as WebAudioContext, Vn as WebGLRenderer, Ca as WebSound, mt as WheelInputEvent, Sr as Window, gi as ZoomBlurEffect, Hi as alignMap, $ as assets, Dr as axisDir, Xi as boxSizingMap, St as clamp, si as clampFrag, w as createHTMLCanvas, Pt as createIdFromString, ye as createNode, st as crossOrigin, fa as cssEasingPresets, da as cubicBezier, S as customNode, ve as customNodes, Ja as defaultOptions, ot as determineCrossOrigin, Wi as directionMap, Ui as displayMap, Q as edgeMap, Gi as flexDirectionMap, Ki as flexWrapMap, oi as frag, nt as getCanvasFactory, De as getDefaultCssPropertyValue, at as getGlContextProvider, $a as getRenderEngine, Vi as gutterMap, lt as instanceId, Qe as isCanvasElement, Ye as isElementNode, Ze as isImageElement, Ce as isPow2, Xe as isVideoElement, $e as isWebgl2, qi as justifyMap, D as lerp, fn as log2, sn as mapGlBlendModes, dn as nextPow2, be as nextTick, Ji as overflowMap, Fr as parseCssFilter, ke as parseCssFunctions, Oe as parseCssProperty, Ir as parseCssTransformOrigin, Yi as positionTypeMap, no as render, ro as renderPixels, gr as resetBatchPool, Or as routeConnection, tt as setCanvasFactory, it as setGlContextProvider, hn as stencilModeMap };
+export { yt as Aabb2D, er as AnimatedTexture, ha as Animation, Ja as Assets, Da as Audio, ya as AudioPipeline, ba as AudioProcessor, Oa as AudioSpectrum, ka as AudioWaveform, j as BufferUsage, Er as Camera2D, cr as CanvasContext, vr as CanvasItem, tr as CanvasTexture, E as Color, G as ColorAdjustEffect, zr as ColorFilterEffect, St as ColorMatrix, Hr as ColorOverlayEffect, Wr as ColorRemoveEffect, qr as ColorReplaceEffect, nr as ColorTexture, T as CoreObject, bt as DEG_TO_RAD, Je as DEVICE_PIXEL_RATIO, K as DrawboardEffect, ei as DropShadowEffect, W as Effect, Zn as EffectMaterial, ra as Element2D, yi as Element2DBackground, X as Element2DChart, Ci as Element2DComments, wi as Element2DConnection, Y as Element2DFill, Mi as Element2DForeground, Pi as Element2DOutline, Fi as Element2DShadow, Ii as Element2DShape, Li as Element2DStyle, Vi as Element2DTable, Z as Element2DText, ni as EmbossEffect, Xa as Engine, Qi as Flexbox, Un as FontLoader, Qr as GaussianBlurEffect, Gn as Geometry, Ra as GifLoader, ln as GlBatch2DSystem, an as GlBlendMode, Dt as GlBuffer, Pt as GlBufferSystem, Et as GlBufferTarget, pn as GlMaskSystem, Kt as GlProgram, _n as GlRenderTarget, vn as GlRenderTargetSystem, tn as GlShaderSystem, sn as GlState, cn as GlStateSystem, hn as GlStencilSystem, M as GlSystem, gn as GlViewportSystem, q as GlitchEffect, J as GodrayEffect, rr as GradientTexture, va as HTMLAudio, ga as HTMLAudioContext, _a as HTMLSound, Ke as IN_BROWSER, qe as IN_MAC_OS, Wn as IndexBuffer, gt as Input, ut as InputEvent, za as JsonLoader, ci as KawaseBlurEffect, ja as KawaseTransition, dt as KeyboardInputEvent, Na as LeftEraseTransition, Hn as Loader, aa as Lottie2D, Ba as LottieLoader, Tt as MainLoop, ui as MaskEffect, L as Material, oa as Mesh2D, ur as Meta, ft as MouseInputEvent, V as Node, Tr as Node2D, Ct as Obb2D, pi as OutlineEffect, xe as PI, Se as PI_2, hi as PixelateEffect, ir as PixelsTexture, pt as PointerInputEvent, wt as Projection2D, Kn as QuadGeometry, R as QuadUvGeometry, xt as RAD_TO_DEG, _t as RefCounted, z as RenderTarget, Ot as Renderer, vt as Resource, Ve as SUPPORTS_AUDIO_CONTEXT, ze as SUPPORTS_CLICK_EVENTS, Be as SUPPORTS_CREATE_IMAGE_BITMAP, Ne as SUPPORTS_IMAGE_BITMAP, Le as SUPPORTS_MOUSE_EVENTS, Ue as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Fe as SUPPORTS_POINTER_EVENTS, Pe as SUPPORTS_RESIZE_OBSERVER, Re as SUPPORTS_TOUCH_EVENTS, Me as SUPPORTS_WEBGL2, He as SUPPORTS_WEBKIT_AUDIO_CONTEXT, We as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ge as SUPPORTS_WEB_AUDIO, Ie as SUPPORTS_WHEEL_EVENTS, Cr as SceneTree, Va as TextLoader, B as Texture2D, Ha as TextureLoader, ia as TextureRect2D, C as Ticker, Fa as TiltShiftTransition, xr as Timeline, H as TimelineNode, sa as TransformRect2D, wr as Transition, La as TwistTransition, At as UniformGroup, $n as UvGeometry, Qn as UvMaterial, I as VertexAttribute, F as VertexBuffer, ca as Video2D, Ua as VideoLoader, or as VideoTexture, U as Viewport, sr as ViewportTexture, Ta as WebAudio, Ca as WebAudioContext, Vn as WebGLRenderer, wa as WebSound, mt as WheelInputEvent, Sr as Window, _i as ZoomBlurEffect, Ui as alignMap, $ as assets, Dr as axisDir, Zi as boxSizingMap, D as clamp, si as clampFrag, w as createHTMLCanvas, Nt as createIdFromString, ye as createNode, st as crossOrigin, pa as cssEasingPresets, fa as cubicBezier, S as customNode, ve as customNodes, Ya as defaultOptions, ot as determineCrossOrigin, Gi as directionMap, Wi as displayMap, Q as edgeMap, Ki as flexDirectionMap, qi as flexWrapMap, oi as frag, nt as getCanvasFactory, De as getDefaultCssPropertyValue, at as getGlContextProvider, eo as getRenderEngine, Hi as gutterMap, lt as instanceId, Qe as isCanvasElement, Ye as isElementNode, Ze as isImageElement, Ce as isPow2, Xe as isVideoElement, $e as isWebgl2, Ji as justifyMap, O as lerp, dn as log2, on as mapGlBlendModes, un as nextPow2, be as nextTick, Yi as overflowMap, Fr as parseCssFilter, ke as parseCssFunctions, Oe as parseCssProperty, Ir as parseCssTransformOrigin, Xi as positionTypeMap, ro as render, io as renderPixels, gr as resetBatchPool, Or as routeConnection, tt as setCanvasFactory, it as setGlContextProvider, mn as stencilModeMap };