modern-canvas 0.26.1 → 0.26.3

package/dist/index.js

@@ -546,7 +546,7 @@ var dt = class e {
 	destroy() {
 		this.destroyed || (this.destroyed = !0, this._destroy(), this.emit("destroy"), this.removeAllListeners());
 	}
-}, vt = class extends T {}, E = class extends vt {}, yt = class e {
+}, vt = class extends T {}, yt = class extends vt {}, bt = class e {
 	get x() {
 		return this.min.x;
 	}
@@ -680,7 +680,7 @@ var dt = class e {
 //#endregion
 //#region src/core/math/Color.ts
 pe([me]);
-var bt = class {
+var xt = class {
 	get value() {
 		return this._value;
 	}
@@ -763,16 +763,16 @@ var bt = class {
 			this.a
 		];
 	}
-}, xt = xe / 180, St = 180 / xe;
-function D(e, t, n) {
+}, St = xe / 180, Ct = 180 / xe;
+function E(e, t, n) {
 	return Math.max(t, Math.min(e, n));
 }
-function O(e, t, n) {
+function D(e, t, n) {
 	return (1 - n) * e + n * t;
 }
 //#endregion
 //#region src/core/math/ColorMatrix.ts
-var Ct = class {
+var wt = class {
 	_array = /* @__PURE__ */ new Float32Array(20);
 	constructor() {
 		this.identity();
@@ -902,7 +902,7 @@ var Ct = class {
 		]);
 	}
 	invert(e = 1) {
-		let t = O(1, -1, e), n = O(0, 255, e);
+		let t = D(1, -1, e), n = D(0, 255, e);
 		return this.multiply([
 			t,
 			0,
@@ -927,21 +927,21 @@ var Ct = class {
 		]);
 	}
 	sepia(e = 1) {
-		let t = D(e, 0, 1);
+		let t = E(e, 0, 1);
 		return this.multiply([
-			O(1, .393, t),
-			O(0, .7689999, t),
-			O(0, .18899999, t),
+			D(1, .393, t),
+			D(0, .7689999, t),
+			D(0, .18899999, t),
 			0,
 			0,
-			O(0, .349, t),
-			O(1, .6859999, t),
-			O(0, .16799999, t),
+			D(0, .349, t),
+			D(1, .6859999, t),
+			D(0, .16799999, t),
 			0,
 			0,
-			O(0, .272, t),
-			O(0, .5339999, t),
-			O(1, .13099999, t),
+			D(0, .272, t),
+			D(0, .5339999, t),
+			D(1, .13099999, t),
 			0,
 			0,
 			0,
@@ -976,7 +976,7 @@ var Ct = class {
 		]);
 	}
 	grayscale(e = 1) {
-		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);
+		let t = E(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);
 		return this.multiply([
 			n,
 			a,
@@ -1028,10 +1028,10 @@ var Ct = class {
 	toArray() {
 		return this._array;
 	}
-}, wt = class e extends yt {
+}, Tt = class e extends bt {
 	rotation;
 	get rotationDegrees() {
-		return this.rotation / xt;
+		return this.rotation / St;
 	}
 	constructor(...e) {
 		let t, n;
@@ -1041,7 +1041,7 @@ var Ct = class {
 		if (!this.rotation && (!("rotation" in e) || !e.rotation)) return super.overlap(e, t);
 		{
 			let t = (e, t) => Math.abs(e.x * t.x + e.y * t.y), n = (e) => {
-				let { width: n, height: r, rotation: i = 0 } = e, a = i / xt;
+				let { width: n, height: r, rotation: i = 0 } = e, a = i / St;
 				a = -a % 180;
 				let o = a / 180 * Math.PI, s = {
 					x: Math.cos(o),
@@ -1083,7 +1083,7 @@ var Ct = class {
 	clone() {
 		return new e(this.toJSON());
 	}
-}, Tt = class {
+}, Et = class {
 	_array;
 	x = 0;
 	y = 0;
@@ -1107,12 +1107,12 @@ var Ct = class {
 };
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateMetadata.js
-function k(e, t) {
+function O(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
-function A(e, t, n, r) {
+function k(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);
@@ -1120,7 +1120,7 @@ function A(e, t, n, r) {
 }
 //#endregion
 //#region src/core/os/MainLoop.ts
-var Et = class extends T {
+var Dt = class extends T {
 	_starting = !1;
 	_nextDeltaTime = 0;
 	_startedProcess;
@@ -1150,12 +1150,12 @@ var Et = class extends T {
 		super._destroy(), this.stop();
 	}
 };
-A([_({ fallback: 60 }), k("design:type", Number)], Et.prototype, "fps", void 0), A([_({ fallback: 1 }), k("design:type", Number)], Et.prototype, "speed", void 0);
+k([_({ fallback: 60 }), O("design:type", Number)], Dt.prototype, "fps", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Dt.prototype, "speed", void 0);
 //#endregion
 //#region src/core/reactivity.ts
-var Dt = "__v_skip";
-function Ot(e) {
-	return !Object.prototype.hasOwnProperty.call(e, Dt) && Object.isExtensible(e) && Object.defineProperty(e, Dt, {
+var Ot = "__v_skip";
+function kt(e) {
+	return !Object.prototype.hasOwnProperty.call(e, Ot) && Object.isExtensible(e) && Object.defineProperty(e, Ot, {
 		configurable: !0,
 		enumerable: !1,
 		value: !0
@@ -1163,19 +1163,19 @@ function Ot(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/buffer/const.ts
-var kt = /* @__PURE__ */ function(e) {
+var At = /* @__PURE__ */ function(e) {
 	return e[e.elementArrayBuffer = 34963] = "elementArrayBuffer", e[e.arrayBuffer = 34962] = "arrayBuffer", e[e.uniformBuffer = 35345] = "uniformBuffer", e;
-}({}), At = class {
+}({}), jt = class {
 	native;
-	target = kt.arrayBuffer;
+	target = At.arrayBuffer;
 	byteLength = 0;
 	dirty = !0;
 	constructor(e) {
 		this.native = e;
 	}
-}, j = /* @__PURE__ */ function(e) {
+}, A = /* @__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;
-}({}), jt = class extends n {
+}({}), Mt = class extends n {
 	screen = {
 		x: 0,
 		y: 0,
@@ -1194,12 +1194,12 @@ var kt = /* @__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`);
 	}
 };
-A([_({ fallback: Ye }), k("design:type", Number)], jt.prototype, "pixelRatio", void 0), A([_({ internal: !0 }), k("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], jt.prototype, "view", void 0);
+k([_({ fallback: Ye }), O("design:type", Number)], Mt.prototype, "pixelRatio", void 0), k([_({ internal: !0 }), O("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], Mt.prototype, "view", void 0);
 //#endregion
 //#region src/core/renderers/shared/shader/UniformGroup.ts
-var Mt = 0, Nt = class {
+var Nt = 0, Pt = class {
 	isUniformGroup = !0;
-	uid = ++Mt;
+	uid = ++Nt;
 	uniforms;
 	ubo;
 	isStatic;
@@ -1210,14 +1210,14 @@ var Mt = 0, Nt = class {
 	update() {
 		this._dirtyId++;
 	}
-}, Pt = Object.create(null), Ft = Object.create(null);
-function It(e, t) {
-	let n = Ft[e];
-	return n === void 0 && (Pt[t] === void 0 && (Pt[t] = 1), Ft[e] = n = Pt[t]++), n;
+}, Ft = Object.create(null), It = Object.create(null);
+function Lt(e, t) {
+	let n = It[e];
+	return n === void 0 && (Ft[t] === void 0 && (Ft[t] = 1), It[e] = n = Ft[t]++), n;
 }
 //#endregion
 //#region src/core/renderers/gl/system/GlSystem.ts
-var M = class extends e {
+var j = class extends e {
 	get _gl() {
 		return this._renderer.gl;
 	}
@@ -1231,7 +1231,7 @@ var M = class extends e {
 	_setup() {}
 	flush() {}
 	reset() {}
-}, Lt = class extends M {
+}, Rt = class extends j {
 	install(e) {
 		super.install(e), e.buffer = this;
 	}
@@ -1241,8 +1241,8 @@ var M = class extends e {
 		return this.glBuffers.get(e.instanceId) || this._createGlBuffer(e);
 	}
 	_createGlBuffer(e) {
-		let t = this._gl, n = new At(t.createBuffer()), r = kt.arrayBuffer;
-		return e.usage & j.index ? r = kt.elementArrayBuffer : e.usage & j.uniform && (r = kt.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 jt(t.createBuffer()), r = At.arrayBuffer;
+		return e.usage & A.index ? r = At.elementArrayBuffer : e.usage & A.uniform && (r = At.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":
@@ -1265,7 +1265,7 @@ var M = class extends e {
 		n.dirty = !1;
 		let { _gl: r } = this, { usage: i, data: a } = e;
 		r.bindBuffer(n.target, n.native);
-		let o = i & j.static ? r.STATIC_DRAW : r.DYNAMIC_DRAW;
+		let o = i & A.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);
@@ -1280,13 +1280,13 @@ var M = class extends e {
 		}
 		this.buffers.clear(), this.glBuffers.clear();
 	}
-}, Rt;
-function zt() {
-	return Rt ||= "mediump", Rt;
+}, zt;
+function Bt() {
+	return zt ||= "mediump", zt;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/addProgramDefines.ts
-function Bt(e, t, n) {
+function Vt(e, t, n) {
 	return t ? e : n ? (e = e.replace("out vec4 finalColor;", ""), `#ifdef GL_ES
   #define in varying
   #define finalColor gl_FragColor
@@ -1300,7 +1300,7 @@ ${e}`;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/ensurePrecision.ts
-function Vt(e, t, n) {
+function Ht(e, t, n) {
 	let r = n ? t.maxSupportedFragmentPrecision : t.maxSupportedVertexPrecision;
 	if (e.substring(0, 9) !== "precision") {
 		let i = n ? t.requestedFragmentPrecision : t.requestedVertexPrecision;
@@ -1310,31 +1310,31 @@ function Vt(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/insertVersion.ts
-function Ht(e, t) {
+function Ut(e, t) {
 	return t ? `#version 300 es\n${e}` : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/setProgramName.ts
-var Ut = {}, Wt = {};
-function Gt(e, { name: t = "program" }, n = !0) {
+var Wt = {}, Gt = {};
+function Kt(e, { name: t = "program" }, n = !0) {
 	t = t.replace(/\s+/g, "-"), t += n ? "-fragment" : "-vertex";
-	let r = n ? Ut : Wt;
+	let r = n ? Wt : Gt;
 	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 Kt(e, t) {
+function qt(e, t) {
 	return t ? e.replace("#version 300 es", "") : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgram.ts
-var qt = Object.create(null), Jt = {
-	stripVersion: Kt,
-	ensurePrecision: Vt,
-	addProgramDefines: Bt,
-	setProgramName: Gt,
-	insertVersion: Ht
-}, Yt = class e {
+var Jt = Object.create(null), Yt = {
+	stripVersion: qt,
+	ensurePrecision: Ht,
+	addProgramDefines: Vt,
+	setProgramName: Kt,
+	insertVersion: Ut
+}, Xt = class e {
 	static defaultOptions = {
 		preferredVertexPrecision: "highp",
 		preferredFragmentPrecision: "mediump"
@@ -1357,25 +1357,25 @@ var qt = Object.create(null), Jt = {
 				requestedFragmentPrecision: t.preferredFragmentPrecision,
 				requestedVertexPrecision: t.preferredVertexPrecision,
 				maxSupportedVertexPrecision: "highp",
-				maxSupportedFragmentPrecision: zt()
+				maxSupportedFragmentPrecision: Bt()
 			},
 			setProgramName: { name: t.name },
 			addProgramDefines: i,
 			insertVersion: i
 		};
-		Object.keys(Jt).forEach((e) => {
+		Object.keys(Yt).forEach((e) => {
 			let t = a[e];
-			n = Jt[e](n, t, !0), r = Jt[e](r, t, !1);
-		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = It(`${r}:${n}`, "GlProgram");
+			n = Yt[e](n, t, !0), r = Yt[e](r, t, !1);
+		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = Lt(`${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 qt[this._cacheKey];
+		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Jt[this._cacheKey];
 	}
 	static from(t) {
 		let n = `${t.vertex}:${t.fragment}`;
-		return qt[n] || (qt[n] = new e(t), qt[n]._cacheKey = n), qt[n];
+		return Jt[n] || (Jt[n] = new e(t), Jt[n]._cacheKey = n), Jt[n];
 	}
-}, Xt = {
+}, Zt = {
 	uint8x2: {
 		size: 2,
 		stride: 2,
@@ -1527,19 +1527,19 @@ var qt = Object.create(null), Jt = {
 		normalized: !1
 	}
 };
-function Zt(e) {
-	return Xt[e] ?? Xt.float32;
+function Qt(e) {
+	return Zt[e] ?? Zt.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgramData.ts
-var Qt = class {
+var $t = class {
 	native;
 	uniformDirtyGroups = Object.create(null);
 	uniforms = Object.create(null);
 	constructor(e) {
 		this.native = e;
 	}
-}, $t, en = {
+}, en, tn = {
 	FLOAT: "float",
 	FLOAT_VEC2: "vec2",
 	FLOAT_VEC3: "vec3",
@@ -1568,7 +1568,7 @@ var Qt = class {
 	SAMPLER_2D_ARRAY: "sampler2DArray",
 	INT_SAMPLER_2D_ARRAY: "sampler2DArray",
 	UNSIGNED_INT_SAMPLER_2D_ARRAY: "sampler2DArray"
-}, tn = {
+}, nn = {
 	float: "float32",
 	vec2: "float32x2",
 	vec3: "float32x3",
@@ -1586,29 +1586,29 @@ var Qt = class {
 	bvec3: "uint32x3",
 	bvec4: "uint32x4"
 };
-function nn(e, t) {
-	if (!$t) {
-		let t = Object.keys(en);
-		$t = {};
+function rn(e, t) {
+	if (!en) {
+		let t = Object.keys(tn);
+		en = {};
 		for (let n = 0; n < t.length; ++n) {
 			let r = t[n];
-			$t[e[r]] = en[r];
+			en[e[r]] = tn[r];
 		}
 	}
-	return $t[t];
+	return en[t];
 }
-function rn(e, t) {
-	return tn[nn(e, t)] || "float32";
+function an(e, t) {
+	return nn[rn(e, t)] || "float32";
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlShaderSystem.ts
-var an = class extends M {
+var on = class extends j {
 	install(e) {
 		super.install(e), e.shader = this;
 	}
 	glProgramDatas = /* @__PURE__ */ new Map();
 	currentProgram = null;
-	globalUniforms = new Nt({
+	globalUniforms = new Pt({
 		projectionMatrix: new Float32Array([
 			1,
 			0,
@@ -1649,7 +1649,7 @@ var an = class extends M {
 		return this.glProgramDatas.get(e.id) || this._createGlProgramData(e);
 	}
 	_createGlProgramData(e) {
-		let t = this._gl, n = new Qt(t.createProgram());
+		let t = this._gl, n = new $t(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)}`);
@@ -1657,11 +1657,11 @@ var an = class extends M {
 		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 = rn(t, e.type);
+			let i = an(t, e.type);
 			a[e.name] = {
 				location: 0,
 				format: i,
-				stride: Zt(i).stride,
+				stride: Qt(i).stride,
 				offset: 0,
 				instance: !1,
 				start: 0
@@ -1678,7 +1678,7 @@ var an = class extends M {
 		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 = nn(t, e.type), o = e.size;
+			let i = e.name.replace(/\[.*?\]$/, ""), a = rn(t, e.type), o = e.size;
 			c[i] = {
 				name: i,
 				index: r,
@@ -1713,7 +1713,7 @@ var an = class extends M {
 			let { type: s, isArray: c, name: l } = o;
 			o.location === void 0 && (o.location = n.getUniformLocation(e.native, l));
 			let u = o.location;
-			if (on(o.value, a)) switch (o.value = sn(o.value, a), s) {
+			if (sn(o.value, a)) switch (o.value = cn(o.value, a), s) {
 				case "float":
 					c ? n.uniform1fv(u, a) : n.uniform1f(u, a);
 					break;
@@ -1800,7 +1800,7 @@ var an = class extends M {
 		super.destroy(), this.bind(null);
 	}
 };
-function on(e, t) {
+function sn(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e != "object" || !e || e.length !== n) return !0;
@@ -1809,7 +1809,7 @@ function on(e, t) {
 	}
 	return e !== t;
 }
-function sn(e, t) {
+function cn(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e == "object" && e && e.length === n) {
@@ -1822,10 +1822,10 @@ function sn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlBlendMode.ts
-var cn = /* @__PURE__ */ function(e) {
+var ln = /* @__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 ln(e) {
+function un(e) {
 	return {
 		normal: [e.ONE, e.ONE_MINUS_SRC_ALPHA],
 		add: [e.ONE, e.ONE],
@@ -1880,7 +1880,7 @@ function ln(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlStateSystem.ts
-var un = class e {
+var dn = class e {
 	static _properties = [
 		"blend",
 		"offsets",
@@ -1907,14 +1907,14 @@ var un = class e {
 		let t = new e();
 		return t.depthTest = !1, t.blend = !0, t;
 	}
-	_blendMode = cn.normal;
+	_blendMode = ln.normal;
 	_polygonOffset = 0;
 	bitmap = 0;
 	get blendMode() {
 		return this._blendMode;
 	}
 	set blendMode(e) {
-		this.blend = e !== cn.none, this._blendMode = e;
+		this.blend = e !== ln.none, this._blendMode = e;
 	}
 	get polygonOffset() {
 		return this._polygonOffset;
@@ -1926,19 +1926,19 @@ var un = class e {
 		if (e) for (let t in e) this[t] = e[t];
 	}
 };
-un._init();
-var dn = class extends M {
+dn._init();
+var fn = class extends j {
 	install(e) {
 		super.install(e), e.state = this;
 	}
 	_blendEq = !1;
-	_setters = un._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
+	_setters = dn._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
 	boundStateBitmap = 0;
 	boundBlendMode;
 	blendModes;
-	defaultState = new un({ blend: !0 });
+	defaultState = new dn({ blend: !0 });
 	_updateContext(e) {
-		super._updateContext(e), this.blendModes = ln(e);
+		super._updateContext(e), this.blendModes = un(e);
 	}
 	toggle(e, t) {
 		this._renderer.gl[t ? "enable" : "disable"](e);
@@ -1981,14 +1981,14 @@ var dn = class extends M {
 	}
 	reset() {
 		super.reset();
-		let e = (1 << un._properties.length) - 1;
+		let e = (1 << dn._properties.length) - 1;
 		this.boundStateBitmap = ~this.defaultState.bitmap & e, this.boundBlendMode = void 0, this._blendEq = !0, this.bind(this.defaultState);
 	}
-}, fn = class extends M {
+}, pn = class extends j {
 	install(e) {
 		super.install(e), e.batch2D = this;
 	}
-	_state = un.for2D();
+	_state = dn.for2D();
 	_batchSize = 4096 * 4;
 	_batchables = [];
 	_vertexCount = 0;
@@ -2010,7 +2010,7 @@ var dn = class extends M {
 	_createShader(e) {
 		let t = this._renderer, n = {
 			instanceId: ut(),
-			glProgram: new Yt({
+			glProgram: new Xt({
 				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;
@@ -2040,11 +2040,11 @@ void main(void) {
 			})
 		}, r = {
 			instanceId: ut(),
-			usage: j.vertex,
+			usage: A.vertex,
 			data: /* @__PURE__ */ new Float32Array()
 		}, i = {
 			instanceId: ut(),
-			usage: j.index,
+			usage: A.index,
 			data: /* @__PURE__ */ new Uint32Array()
 		}, a = {
 			instanceId: ut(),
@@ -2087,7 +2087,7 @@ void main(void) {
 					let { indices: r, vertices: p, uvs: h = /* @__PURE__ */ new Float32Array(), size: g = {
 						width: 0,
 						height: 0
-					}, texture: ee, blendMode: te = cn.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
+					}, texture: ee, blendMode: te = ln.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
 						255,
 						255,
 						255,
@@ -2117,22 +2117,22 @@ void main(void) {
 		}
 	}
 	_getBufferData(e) {
-		let t = pn(Math.ceil(e / 8)), n = mn(t), r = t * 8;
+		let t = mn(Math.ceil(e / 8)), n = hn(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 = pn(Math.ceil(e / 12)), n = mn(t), r = t * 12;
+		let t = mn(Math.ceil(e / 12)), n = hn(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 pn(e) {
+function mn(e) {
 	return e += +(e === 0), --e, e |= e >>> 1, e |= e >>> 2, e |= e >>> 4, e |= e >>> 8, e |= e >>> 16, e + 1;
 }
-function mn(e) {
+function hn(e) {
 	let t = (e > 65535) << 4;
 	e >>>= t;
 	let n = (e > 255) << 3;
@@ -2140,11 +2140,11 @@ function mn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/const.ts
-var N = /* @__PURE__ */ function(e) {
+var M = /* @__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;
-}({}), hn = /* @__PURE__ */ function(e) {
+}({}), gn = /* @__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;
-}({}), gn = class extends M {
+}({}), _n = class extends j {
 	install(e) {
 		super.install(e), e.mask = this;
 	}
@@ -2163,16 +2163,16 @@ var N = /* @__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(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;
+		"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;
 	}
 	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(hn.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;
+		"x" in n ? this._renderer.scissor.pop() : "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear(gn.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;
 	}
-}, _n = [];
-_n[N.none] = {}, _n[N.disabled] = {}, _n[N.renderingMaskAdd] = {
+}, vn = [];
+vn[M.none] = {}, vn[M.disabled] = {}, vn[M.renderingMaskAdd] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "increment-clamp"
@@ -2181,7 +2181,7 @@ _n[N.none] = {}, _n[N.disabled] = {}, _n[N.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "increment-clamp"
 	}
-}, _n[N.renderingMaskRemove] = {
+}, vn[M.renderingMaskRemove] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "decrement-clamp"
@@ -2190,7 +2190,7 @@ _n[N.none] = {}, _n[N.disabled] = {}, _n[N.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "decrement-clamp"
 	}
-}, _n[N.maskActive] = {
+}, vn[M.maskActive] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "keep"
@@ -2199,7 +2199,7 @@ _n[N.none] = {}, _n[N.disabled] = {}, _n[N.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "keep"
 	}
-}, _n[N.inverseMaskActive] = {
+}, vn[M.inverseMaskActive] = {
 	stencilFront: {
 		compare: "not-equal",
 		passOp: "keep"
@@ -2209,17 +2209,17 @@ _n[N.none] = {}, _n[N.disabled] = {}, _n[N.renderingMaskAdd] = {
 		passOp: "keep"
 	}
 };
-var vn = class extends M {
+var yn = class extends j {
 	install(e) {
 		super.install(e), e.stencil = this;
 	}
 	_cache = {
 		enabled: !1,
-		stencilMode: N.none,
+		stencilMode: M.none,
 		refCount: 0
 	};
 	current = { [-1]: {
-		stencilMode: N.disabled,
+		stencilMode: M.disabled,
 		refCount: 0
 	} };
 	_passOpMap;
@@ -2249,20 +2249,20 @@ var vn = class extends M {
 		super._setup(), this._renderer.renderTarget.on("updateRenderTarget", this._updateRenderTarget);
 	}
 	reset() {
-		this._cache.enabled = !1, this._cache.stencilMode = N.none, this._cache.refCount = 0;
+		this._cache.enabled = !1, this._cache.stencilMode = M.none, this._cache.refCount = 0;
 	}
 	_updateRenderTarget = (e) => {
 		if (e) {
 			let t = this.current[e.instanceId];
 			t ||= this.current[e.instanceId] = {
-				stencilMode: N.disabled,
+				stencilMode: M.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 = _n[e], a = this._cache;
-		if (n.stencilMode = e, n.refCount = t, e === N.disabled) {
+		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = vn[e], a = this._cache;
+		if (n.stencilMode = e, n.refCount = t, e === M.disabled) {
 			this._cache.enabled && (this._cache.enabled = !1, r.disable(r.STENCIL_TEST));
 			return;
 		}
@@ -2271,8 +2271,8 @@ var vn = class extends M {
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, yn = class extends M {
-	current = new yt(0, 0, 0, 0);
+}, bn = class extends j {
+	current = new bt(0, 0, 0, 0);
 	install(e) {
 		super.install(e), e.viewport = this;
 	}
@@ -2280,7 +2280,7 @@ var vn = class extends M {
 		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);
 	}
-}, bn = class {
+}, xn = class {
 	framebuffer;
 	width = -1;
 	height = -1;
@@ -2291,7 +2291,7 @@ var vn = class extends M {
 	constructor(e) {
 		this.framebuffer = e;
 	}
-}, xn = class extends M {
+}, Sn = class extends j {
 	install(e) {
 		super.install(e), e.renderTarget = this;
 	}
@@ -2301,7 +2301,7 @@ var vn = class extends M {
 	_msaaSamples = [];
 	_hasMRT = !0;
 	_writeDepthTexture = !0;
-	projection = new Tt();
+	projection = new Et();
 	_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;
@@ -2337,7 +2337,7 @@ var vn = class extends M {
 		return this.glRenderTargets.get(e.instanceId) || this._createGlRenderTarget(e);
 	}
 	_createGlRenderTarget(e) {
-		let t = this._gl, n = new bn(t.createFramebuffer());
+		let t = this._gl, n = new xn(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":
@@ -2414,28 +2414,28 @@ var vn = class extends M {
 	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;
 	}
-}, Sn = /* @__PURE__ */ function(e) {
+}, Cn = /* @__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;
-}({}), Cn = /* @__PURE__ */ function(e) {
+}({}), wn = /* @__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;
-}({}), P = /* @__PURE__ */ function(e) {
+}({}), N = /* @__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;
-}({}), wn = class {
+}({}), Tn = class {
 	native;
-	target = Cn.TEXTURE_2D;
+	target = wn.TEXTURE_2D;
 	width = -1;
 	height = -1;
 	mipmap = !1;
-	type = P.UNSIGNED_BYTE;
-	internalFormat = Sn.RGBA;
-	format = Sn.RGBA;
+	type = N.UNSIGNED_BYTE;
+	internalFormat = Cn.RGBA;
+	format = Cn.RGBA;
 	constructor(e) {
 		this.native = e;
 	}
 };
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlFormat.ts
-function Tn(e) {
+function En(e) {
 	return {
 		r8unorm: e.RED,
 		r8snorm: e.RED,
@@ -2483,7 +2483,7 @@ function Tn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlInternalFormat.ts
-function En(e, t) {
+function Dn(e, t) {
 	let n = {}, r = e.RGBA;
 	return e instanceof WebGLRenderingContext ? t.srgb && (n = {
 		"rgba8unorm-srgb": t.srgb.SRGB8_ALPHA8_EXT,
@@ -2599,7 +2599,7 @@ function En(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlType.ts
-function Dn(e) {
+function On(e) {
 	return {
 		r8unorm: e.UNSIGNED_BYTE,
 		r8snorm: e.BYTE,
@@ -2647,7 +2647,7 @@ function Dn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/updateTextureStyle.ts
-var On = {
+var kn = {
 	linear: {
 		linear: 9987,
 		nearest: 9985
@@ -2656,10 +2656,10 @@ var On = {
 		linear: 9986,
 		nearest: 9984
 	}
-}, kn = {
+}, An = {
 	linear: 9729,
 	nearest: 9728
-}, An = {
+}, jn = {
 	never: 512,
 	less: 513,
 	equal: 514,
@@ -2668,32 +2668,32 @@ var On = {
 	"not-equal": 517,
 	"greater-equal": 518,
 	always: 519
-}, jn = {
+}, Mn = {
 	"clamp-to-edge": 33071,
 	repeat: 10497,
 	"mirror-repeat": 33648
 };
-function Mn(e, t, n, r, i, a, o, s) {
+function Nn(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 = jn[o ? "clamp-to-edge" : c], n = jn[o ? "clamp-to-edge" : l], r = jn[o ? "clamp-to-edge" : u];
+		let e = Mn[o ? "clamp-to-edge" : c], n = Mn[o ? "clamp-to-edge" : l], r = Mn[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, kn[d]), n) {
+	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, An[d]), n) {
 		if (!s || p !== "linear") {
-			let e = On[f][p];
+			let e = kn[f][p];
 			t[i](g, t.TEXTURE_MIN_FILTER, e);
 		}
-	} else t[i](g, t.TEXTURE_MIN_FILTER, kn[f]);
+	} else t[i](g, t.TEXTURE_MIN_FILTER, An[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, An[h]);
+	h && t[i](g, t.TEXTURE_COMPARE_FUNC, jn[h]);
 }
 //#endregion
 //#region src/core/renderers/gl/texture/uploaders/index.ts
-var Nn = {
+var Pn = {
 	buffer: {
 		id: "buffer",
 		upload: (e, t, n) => {
@@ -2707,8 +2707,8 @@ var Nn = {
 			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;
 		}
 	}
-}, Pn = class extends M {
-	uploaders = { ...Nn };
+}, Fn = class extends j {
+	uploaders = { ...Pn };
 	textures = /* @__PURE__ */ new Map();
 	glTextures = /* @__PURE__ */ new Map();
 	_mapFormatToInternalFormat = Object.create(null);
@@ -2723,14 +2723,14 @@ var Nn = {
 		super.install(e), e.texture = this;
 	}
 	_updateContext(e) {
-		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = En(e, this._renderer.extensions), this._mapFormatToType = Dn(e), this._mapFormatToFormat = Tn(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 = Dn(e, this._renderer.extensions), this._mapFormatToType = On(e), this._mapFormatToFormat = En(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 wn(t.createTexture());
+		let t = this._gl, n = new Tn(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.pixelWidth ?? e.width, e.pixelHeight ?? e.height);
 			e.mipLevelCount = Math.floor(Math.log2(t)) + 1;
@@ -2790,7 +2790,7 @@ var Nn = {
 	}
 	updateStyle(e, t = !1) {
 		let n = this._gl;
-		Mn(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
+		Nn(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);
@@ -2805,50 +2805,50 @@ var Nn = {
 		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);
 	}
-}, Fn = {
-	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
+}, In = {
+	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
 };
-function In(e) {
-	return Fn[e] ?? Fn.float32;
+function Ln(e) {
+	return In[e] ?? In.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/geometry/GlGeometrySystem.ts
-var Ln = {
+var Rn = {
 	"point-list": 0,
 	"line-list": 1,
 	"line-strip": 3,
 	"triangle-list": 4,
 	"triangle-strip": 5
-}, Rn = class extends M {
+}, zn = class extends j {
 	_geometryVaoHash = {};
 	hasInstance = !1;
 	current = null;
@@ -2887,11 +2887,11 @@ var Ln = {
 		}
 		for (let e in r) {
 			let t = r[e];
-			i[t.buffer.instanceId] += Zt(t.format).stride;
+			i[t.buffer.instanceId] += Qt(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] += Zt(t.format).stride;
+			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += Qt(t.format).stride;
 		}
 	}
 	_createVao(e, t) {
@@ -2926,7 +2926,7 @@ var Ln = {
 				a !== c && (r.bind(s), a = c);
 				let e = l.location;
 				n.enableVertexAttribArray(e);
-				let t = Zt(o.format), i = In(o.format);
+				let t = Qt(o.format), i = Ln(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);
@@ -2959,7 +2959,7 @@ var Ln = {
 		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 = Ln[t];
+		let s = Rn[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;
@@ -2980,7 +2980,7 @@ var Ln = {
 		}
 		this._geometryVaoHash = {}, this.current = null, this.currentVao = null;
 	}
-}, zn = class extends M {
+}, Bn = class extends j {
 	install(e) {
 		super.install(e), e.colorMask = this;
 	}
@@ -2991,19 +2991,19 @@ var Ln = {
 };
 //#endregion
 //#region src/core/renderers/gl/GlScissorSystem.ts
-function Bn(e, t, n) {
+function Vn(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 Vn(e, t) {
+function Hn(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = [
-		Bn(e, n, r),
-		Bn(e, n + i, r),
-		Bn(e, n + i, r + a),
-		Bn(e, n, r + a)
+		Vn(e, n, r),
+		Vn(e, n + i, r),
+		Vn(e, n + i, r + a),
+		Vn(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,
@@ -3012,7 +3012,7 @@ function Vn(e, t) {
 		height: f - d
 	};
 }
-function Hn(e, t) {
+function Un(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,
@@ -3021,7 +3021,7 @@ function Hn(e, t) {
 		height: Math.max(0, a - r)
 	};
 }
-var Un = class extends M {
+var Wn = class extends j {
 	install(e) {
 		super.install(e), e.scissor = this;
 	}
@@ -3045,7 +3045,7 @@ var Un = class extends M {
 			y: e.y,
 			width: e.width,
 			height: e.height
-		}, i = n ? Hn(n, r) : r;
+		}, i = n ? Un(n, r) : r;
 		t.stack.push(i), this.bind(i);
 	}
 	pop() {
@@ -3056,28 +3056,28 @@ var Un = class extends M {
 		let t = this._gl;
 		if (e) {
 			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 } = Vn(i, e), l = r.current.height / n - (o + c);
+			let { pixelRatio: n, viewport: r } = this._renderer, { viewMatrix: i } = this._renderer.shader.uniforms, { x: a, y: o, width: s, height: c } = Hn(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);
 	}
-}, Wn = class extends jt {
+}, Gn = class extends Mt {
 	contextLost = !1;
 	_systems = [
-		new Pn(),
-		new Lt(),
-		new an(),
-		new Rn(),
-		new xn(),
-		new dn(),
-		new gn(),
+		new Fn(),
+		new Rt(),
+		new on(),
 		new zn(),
-		new vn(),
-		new Un(),
+		new Sn(),
 		new fn(),
-		new yn()
+		new _n(),
+		new Bn(),
+		new yn(),
+		new Wn(),
+		new pn(),
+		new bn()
 	];
 	bindPoints = /* @__PURE__ */ new Map();
 	supports = {
@@ -3171,8 +3171,8 @@ var Un = class extends M {
 			height: this.screen.height * this.pixelRatio
 		});
 	}
-	clear(e = hn.all) {
-		typeof e == "boolean" && (e = e ? hn.all : hn.none), e && this.gl.clear(e);
+	clear(e = gn.all) {
+		typeof e == "boolean" && (e = e ? gn.all : gn.none), e && this.gl.clear(e);
 	}
 	reset() {
 		this._systems.forEach((e) => e.reset());
@@ -3189,7 +3189,7 @@ var Un = class extends M {
 		for (let e = 0; e < i; e += a) c.set(s.subarray(e, e + a), o - e);
 		return c;
 	}
-}, Gn = class {}, Kn = class extends Gn {
+}, Kn = class {}, qn = class extends Kn {
 	install(e) {
 		let t = async (e) => {
 			let { parseFont: t } = await import("modern-font");
@@ -3203,15 +3203,15 @@ var Un = class extends M {
 			e.register(n, t);
 		}), e.font = this, this;
 	}
-}, qn = class extends E {
+}, Jn = class extends yt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-A([_({ fallback: j.index }), k("design:type", j === void 0 ? Object : j)], qn.prototype, "usage", void 0), A([_({ default: () => /* @__PURE__ */ new Uint32Array() }), k("design:type", Object)], qn.prototype, "data", void 0);
+k([_({ fallback: A.index }), O("design:type", A === void 0 ? Object : A)], Jn.prototype, "usage", void 0), k([_({ default: () => /* @__PURE__ */ new Uint32Array() }), O("design:type", Object)], Jn.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/Geometry.ts
-var Jn = class extends E {
+var Yn = class extends yt {
 	constructor(e = {}) {
 		super(), this.setProperties(e);
 	}
@@ -3219,32 +3219,32 @@ var Jn = class extends E {
 		e.flush(), t.activate(e, n), e.geometry.bind(this, t.glProgram), e.geometry.draw(), e.geometry.unbind();
 	}
 };
-A([_({ fallback: "triangle-list" }), k("design:type", Object)], Jn.prototype, "topology", void 0), A([_({ default: () => ({}) }), k("design:type", typeof Record > "u" ? Object : Record)], Jn.prototype, "attributes", void 0), A([_({ default: () => new qn() }), k("design:type", qn === void 0 ? Object : qn)], Jn.prototype, "indexBuffer", void 0), A([_({ fallback: 1 }), k("design:type", Number)], Jn.prototype, "instanceCount", void 0);
+k([_({ fallback: "triangle-list" }), O("design:type", Object)], Yn.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof Record > "u" ? Object : Record)], Yn.prototype, "attributes", void 0), k([_({ default: () => new Jn() }), O("design:type", Jn === void 0 ? Object : Jn)], Yn.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Yn.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
-var F = class extends E {
+var P = class extends yt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-A([_({ fallback: j.vertex }), k("design:type", j === void 0 ? Object : j)], F.prototype, "usage", void 0), A([_({ default: () => /* @__PURE__ */ new Float32Array() }), k("design:type", Object)], F.prototype, "data", void 0);
+k([_({ fallback: A.vertex }), O("design:type", A === void 0 ? Object : A)], P.prototype, "usage", void 0), k([_({ default: () => /* @__PURE__ */ new Float32Array() }), O("design:type", Object)], P.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexAttribute.ts
-var I = class extends E {
+var F = class extends yt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-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);
+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);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
-var Yn = class extends Jn {
+var Xn = class extends Yn {
 	constructor() {
 		super({
 			topology: "triangle-strip",
-			attributes: { position: new I({
+			attributes: { position: new F({
 				format: "float32x2",
-				buffer: new F({ data: new Float32Array([
+				buffer: new P({ data: new Float32Array([
 					0,
 					0,
 					1,
@@ -3255,7 +3255,7 @@ var Yn = class extends Jn {
 					1
 				]) })
 			}) },
-			indexBuffer: new qn({ data: new Uint32Array([
+			indexBuffer: new Jn({ data: new Uint32Array([
 				0,
 				1,
 				3,
@@ -3266,7 +3266,7 @@ var Yn = class extends Jn {
 };
 //#endregion
 //#region src/scene/resources/materials/Material.ts
-function Xn() {
+function Zn() {
 	return {
 		projectionMatrix: new Float32Array([
 			1,
@@ -3298,13 +3298,13 @@ function Xn() {
 		])
 	};
 }
-var L = class extends E {
+var I = class extends yt {
 	static instance = new this();
 	glProgram;
 	constructor(e = {}) {
 		super();
 		let { uniforms: t, gl: n } = e;
-		t && (this.uniforms = t), this.glProgram = new Yt({
+		t && (this.uniforms = t), this.glProgram = new Xt({
 			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
@@ -3317,13 +3317,13 @@ var L = class extends E {
 		}, e.shader.updateUniforms(this);
 	}
 };
-A([_({ default: Xn }), k("design:type", typeof Record > "u" ? Object : Record)], L.prototype, "uniforms", void 0);
+k([_({ default: Zn }), O("design:type", typeof Record > "u" ? Object : Record)], I.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
-var Zn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Qn = /vec(\d)\((.*)\)/;
-function $n(e) {
+var Qn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, $n = /vec(\d)\((.*)\)/;
+function er(e) {
 	e = e.trim();
-	let t = e.match(Qn);
+	let t = e.match($n);
 	if (t) {
 		let e = Array.from({ length: Number(t[1]) }, () => 0);
 		return t[2].split(",").forEach((t, n) => {
@@ -3332,7 +3332,7 @@ function $n(e) {
 	}
 	return Number(e);
 }
-var er = class e extends L {
+var tr = class e extends I {
 	static RE = {
 		getColor: /\sgetColor\s*\(/,
 		getFromColor: /\sgetFromColor\s*\(/,
@@ -3368,12 +3368,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 				progress: 0
 			}
 		}), this.has = n;
-		let r = t.matchAll(Zn);
+		let r = t.matchAll(Qn);
 		for (let e of r) e[1] && e[2] && e[1].split(",").forEach((t) => {
-			this.uniforms[t.trim()] = $n(e[2]);
+			this.uniforms[t.trim()] = er(e[2]);
 		});
 	}
-}, tr = class extends L {
+}, nr = class extends I {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3417,20 +3417,20 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, R = class extends Jn {
+}, L = class extends Yn {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
 	}
-	static draw(e, t = tr.instance, n) {
+	static draw(e, t = nr.instance, n) {
 		this.instance.draw(e, t, n);
 	}
 	constructor() {
 		super({
 			attributes: {
-				position: new I({
+				position: new F({
 					format: "float32x2",
-					buffer: new F({ data: new Float32Array([
+					buffer: new P({ data: new Float32Array([
 						-1,
 						-1,
 						1,
@@ -3441,9 +3441,9 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 						1
 					]) })
 				}),
-				uv: new I({
+				uv: new F({
 					format: "float32x2",
-					buffer: new F({ data: new Float32Array([
+					buffer: new P({ data: new Float32Array([
 						0,
 						0,
 						1,
@@ -3455,7 +3455,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					]) })
 				})
 			},
-			indexBuffer: new qn({ data: new Uint32Array([
+			indexBuffer: new Jn({ data: new Uint32Array([
 				0,
 				1,
 				2,
@@ -3465,27 +3465,27 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			]) })
 		});
 	}
-}, nr = class extends Jn {
+}, rr = class extends Yn {
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
-		let t = new F({ data: /* @__PURE__ */ new Float32Array() }), n = new F({ data: /* @__PURE__ */ new Float32Array() });
+		let t = new P({ data: /* @__PURE__ */ new Float32Array() }), n = new P({ data: /* @__PURE__ */ new Float32Array() });
 		super({
 			...e,
 			attributes: {
-				position: new I({
+				position: new F({
 					format: "float32x2",
 					buffer: t
 				}),
-				uv: new I({
+				uv: new F({
 					format: "float32x2",
 					buffer: n
 				})
 			},
-			indexBuffer: new qn({ data: /* @__PURE__ */ new Uint32Array() })
+			indexBuffer: new Jn({ data: /* @__PURE__ */ new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
-}, z = class extends E {
+}, R = class extends yt {
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -3499,10 +3499,10 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 		super._destroy(), this.colorTextures.forEach((e) => e.destroy());
 	}
 };
-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);
+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);
 //#endregion
 //#region src/scene/resources/textures/Texture2D.ts
-var B = class extends E {
+var z = class extends yt {
 	static get EMPTY() {
 		return new this({
 			width: 1,
@@ -3613,10 +3613,10 @@ var B = class extends E {
 		super._destroy(), Pe && this.source instanceof ImageBitmap && this.source.close();
 	}
 };
-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);
+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);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var rr = class extends E {
+var ir = class extends yt {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3626,7 +3626,7 @@ var rr = class extends E {
 		super();
 		let t;
 		if (Array.isArray(e)) t = e;
-		else if (e instanceof B) t = [{
+		else if (e instanceof z) t = [{
 			texture: e,
 			duration: 0
 		}];
@@ -3641,7 +3641,7 @@ var rr = class extends E {
 			e.texture.destroy();
 		});
 	}
-}, ir = class extends B {
+}, ar = class extends z {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
@@ -3661,14 +3661,14 @@ var rr = class extends E {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, ar = class e extends B {
+}, or = class e extends z {
 	static _cached = /* @__PURE__ */ new Map();
 	static get(t) {
-		let n = new bt(t), r = n.toHex(), i = this._cached.get(r);
+		let n = new xt(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 bt ? e : new bt(e);
+		let t = e instanceof xt ? e : new xt(e);
 		super({
 			width: 1,
 			height: 1,
@@ -3682,23 +3682,23 @@ var rr = class extends E {
 			mipmap: !0
 		});
 	}
-}, V = 2048, or = 2, sr = class {
+}, B = 2048, sr = 2, cr = class {
 	superSample = 2;
 	_pages = [];
 	_slots = /* @__PURE__ */ new Map();
 	_newPage() {
-		let e = new ir({
+		let e = new ar({
 			pixelRatio: 1,
 			mipmap: !0
 		});
-		e.width = V, e.height = V;
-		let t = e.source ?? w(V, V);
-		t.width = V, t.height = V;
+		e.width = B, e.height = B;
+		let t = e.source ?? w(B, B);
+		t.width = B, t.height = B;
 		let n = {
 			texture: e,
 			ctx: t.getContext("2d"),
-			penX: or,
-			penY: or,
+			penX: sr,
+			penY: sr,
 			rowH: 0
 		};
 		return this._pages.push(n), n;
@@ -3706,18 +3706,18 @@ var rr = class extends E {
 	acquire(e, t, n, r) {
 		let i = this._slots.get(e);
 		if (i !== void 0) return i;
-		let a = this.superSample, o = Math.ceil(t * a), s = Math.ceil(n * a), c = o + or * 2, l = s + or * 2;
-		if (c > V || l > V) return this._slots.set(e, null), null;
+		let a = this.superSample, o = Math.ceil(t * a), s = Math.ceil(n * a), c = o + sr * 2, l = s + sr * 2;
+		if (c > B || l > B) return this._slots.set(e, null), null;
 		let u = this._pages[this._pages.length - 1] ?? this._newPage();
-		u.penX + c > V && (u.penX = or, u.penY += u.rowH + or, u.rowH = 0), u.penY + l > V && (u = this._newPage());
-		let d = u.penX + or, f = u.penY + or, p = u.ctx;
+		u.penX + c > B && (u.penX = sr, u.penY += u.rowH + sr, u.rowH = 0), u.penY + l > B && (u = this._newPage());
+		let d = u.penX + sr, f = u.penY + sr, p = u.ctx;
 		p.save(), p.setTransform(a, 0, 0, a, d, f), p.beginPath(), r(p), p.restore(), u.texture.requestUpdate("source"), u.penX += c, u.rowH = Math.max(u.rowH, l);
 		let m = {
 			texture: u.texture,
-			u0: d / V,
-			v0: f / V,
-			u1: (d + t * a) / V,
-			v1: (f + n * a) / V
+			u0: d / B,
+			v0: f / B,
+			u1: (d + t * a) / B,
+			v1: (f + n * a) / B
 		};
 		return this._slots.set(e, m), m;
 	}
@@ -3725,7 +3725,7 @@ var rr = class extends E {
 		for (let e of this._pages) e.texture.destroy();
 		this._pages.length = 0, this._slots.clear();
 	}
-}, cr = new sr(), lr = class e extends B {
+}, lr = new cr(), ur = class e extends z {
 	static test(e) {
 		return u(e);
 	}
@@ -3759,7 +3759,7 @@ var rr = class extends E {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, ur = class extends B {
+}, dr = class extends z {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3769,7 +3769,7 @@ var rr = class extends E {
 };
 //#endregion
 //#region src/scene/resources/textures/VideoTexture.ts
-function dr(e) {
+function fr(e) {
 	return {
 		autoLoad: !!(e?.autoLoad ?? !0),
 		autoPlay: !!(e?.autoPlay ?? !1),
@@ -3780,7 +3780,7 @@ function dr(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var fr = class e extends B {
+var pr = class e extends z {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3842,7 +3842,7 @@ var fr = class e extends B {
 	_reject;
 	_seekResolves = [];
 	constructor(t, n) {
-		let r = dr(n);
+		let r = fr(n);
 		if (!Ze(t)) {
 			typeof t == "string" && (t = [t]);
 			let n = t[0].src || t[0];
@@ -3935,16 +3935,16 @@ var fr = class e extends B {
 		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());
 	}
 };
-A([_({
+k([_({
 	internal: !0,
 	fallback: !0
-}), k("design:type", Boolean)], fr.prototype, "autoUpdate", void 0), A([_({
+}), O("design:type", Boolean)], pr.prototype, "autoUpdate", void 0), k([_({
 	internal: !0,
 	fallback: 0
-}), k("design:type", Number)], fr.prototype, "fps", void 0);
+}), O("design:type", Number)], pr.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var pr = class extends B {}, mr = class extends v {
+var mr = class extends z {}, hr = class extends v {
 	fillStyle;
 	fillRule;
 	strokeStyle;
@@ -3958,7 +3958,7 @@ var pr = class extends B {}, mr = class extends v {
 	_draws = [];
 	_triCache = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof B ? { texture: e } : { texture: ar.get(e) } : {};
+		return e ? e instanceof z ? { texture: e } : { texture: or.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -4075,7 +4075,7 @@ var pr = class extends B {}, mr = class extends v {
 	destroy() {
 		this.reset(), this._triCache.length = 0;
 	}
-}, hr = class {
+}, gr = class {
 	front = [];
 	default = [];
 	back = [];
@@ -4118,7 +4118,7 @@ var pr = class extends B {}, mr = class extends v {
 	toJSON() {
 		return [...this.default];
 	}
-}, gr = class extends T {
+}, _r = class extends T {
 	parent;
 	getPropertyDeclarations() {
 		super.getPropertyDeclarations();
@@ -4137,22 +4137,22 @@ var pr = class extends B {}, mr = class extends v {
 			deleteProperty: (e, t) => Reflect.has(e, t) || String(t).startsWith("_") ? Reflect.deleteProperty(e, t) : (e.setProperty(String(t), void 0), !0)
 		});
 	}
-}, _r, vr = {};
-function yr(e) {
-	let t = vr[e] ?? 0;
-	return t++, vr[e] = t, t;
+}, vr, yr = {};
+function br(e) {
+	let t = yr[e] ?? 0;
+	return t++, yr[e] = t, t;
 }
-var H = _r = class extends T {
+var V = vr = 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)) ?? _r)({
+		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ve.get(n ?? r.inCanvasIs ?? t)) ?? vr)({
 			...a,
 			meta: r
 		});
 		return i?.forEach((e) => o.appendChild(this.parse(e))), o;
 	}
 	_mask;
-	_meta = new gr(this);
+	_meta = new _r(this);
 	get meta() {
 		return this._meta;
 	}
@@ -4175,7 +4175,7 @@ var H = _r = class extends T {
 		}).append(t), this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess), this.updateProcessable(), this.updateRenderable();
 	}
 	_defaultName() {
-		return `@${this.is}@${yr(this.is)}`;
+		return `@${this.is}@${br(this.is)}`;
 	}
 	setProperties(e) {
 		if (e) {
@@ -4242,7 +4242,7 @@ var H = _r = class extends T {
 		}
 		return this;
 	}
-	_children = new hr();
+	_children = new gr();
 	get children() {
 		return this._children.default;
 	}
@@ -4402,7 +4402,7 @@ var H = _r = class extends T {
 	append(...e) {
 		let t;
 		t = Array.isArray(e[0]) ? e[0] : e, t.forEach((e) => {
-			e instanceof _r ? this.appendChild(e) : this.appendChild(_r.parse(e));
+			e instanceof vr ? this.appendChild(e) : this.appendChild(vr.parse(e));
 		});
 	}
 	before(...e) {
@@ -4505,13 +4505,13 @@ var H = _r = class extends T {
 		});
 	}
 };
-A([_({ default: () => c() }), k("design:type", String)], H.prototype, "id", void 0), A([_({ default: () => c() }), k("design:type", String)], H.prototype, "name", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], H.prototype, "processMode", void 0), A([_({ fallback: "default" }), k("design:type", Object)], H.prototype, "processSortMode", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], H.prototype, "renderMode", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], H.prototype, "inputMode", void 0), A([_({ fallback: "default" }), k("design:type", Object)], H.prototype, "internalMode", void 0), A([_({
+k([_({ default: () => c() }), O("design:type", String)], V.prototype, "id", void 0), k([_({ default: () => c() }), O("design:type", String)], V.prototype, "name", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], V.prototype, "processMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], V.prototype, "processSortMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], V.prototype, "renderMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], V.prototype, "inputMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], V.prototype, "internalMode", void 0), k([_({
 	internal: !0,
 	default: !0
-}), k("design:type", Boolean)], H.prototype, "needsRender", void 0), H = _r = A([S("Node"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], H);
+}), O("design:type", Boolean)], V.prototype, "needsRender", void 0), V = vr = k([S("Node"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], V);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
-var U = class extends H {
+var H = class extends V {
 	insideTimeRange = !1;
 	get _timeline() {
 		return this._tree?.timeline;
@@ -4547,7 +4547,7 @@ var U = class extends H {
 		return this._globalStartTime + this._globalDuration;
 	}
 	get currentTimeProgress() {
-		return this._duration ? D(this._currentTime / this._duration, 0, 1) : 0;
+		return this._duration ? E(this._currentTime / this._duration, 0, 1) : 0;
 	}
 	isInsideTimeRange() {
 		let e = this._currentTime;
@@ -4593,18 +4593,18 @@ var U = class extends H {
 		super._process(e), this._updateCurrentTime();
 	}
 };
-A([_({ fallback: !1 }), k("design:type", Boolean)], U.prototype, "loop", void 0), A([_({ fallback: 0 }), k("design:type", Number)], U.prototype, "delay", void 0), A([_({ fallback: 0 }), k("design:type", Number)], U.prototype, "duration", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], U.prototype, "paused", void 0), U = A([S("TimelineNode"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], U);
+k([_({ fallback: !1 }), O("design:type", Boolean)], H.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], H.prototype, "paused", void 0), H = k([S("TimelineNode"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], H);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
-var br = [], xr = 0;
-function Sr() {
-	xr = 0;
+var xr = [], Sr = 0;
+function Cr() {
+	Sr = 0;
 }
-function Cr(e, t, n, r) {
-	let i = br[xr];
-	return i || (i = {}, br[xr] = i), xr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
+function wr(e, t, n, r) {
+	let i = xr[Sr];
+	return i || (i = {}, xr[Sr] = i), Sr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
 }
-var wr = class extends U {
+var Tr = class extends H {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4622,7 +4622,7 @@ var wr = class extends U {
 		255,
 		255
 	];
-	context = new mr();
+	context = new hr();
 	_resetContext = !0;
 	needsDraw = !0;
 	needsLayout = !1;
@@ -4684,7 +4684,7 @@ var wr = class extends U {
 	}
 	_updateGlobalOpacity() {
 		this._parentGlobalOpacity = this.getParent()?.opacity;
-		let e = D(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
+		let e = E(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
 		this._globalOpacity !== e && (this._globalOpacity = e, this._updateModulate(), this.requestPaint(), this.updateRenderable());
 	}
 	_draw() {
@@ -4753,7 +4753,7 @@ var wr = class extends U {
 			return;
 		}
 		let t = this._tree?.pixelate, n = this._tree?.roundPixels, r = this._batchables;
-		for (let i, a, o = r.length, s = 0; s < o; s++) i = r[s], a = i.texture, a instanceof pr && (a = this._handleViewportTexture(i)), e.batch2D.render(Cr(i, n, t ? i.size : void 0, a));
+		for (let i, a, o = r.length, s = 0; s < o; s++) i = r[s], a = i.texture, a instanceof mr && (a = this._handleViewportTexture(i)), e.batch2D.render(wr(i, n, t ? i.size : void 0, a));
 		super._render(e);
 	}
 	_cullsRender() {
@@ -4763,19 +4763,19 @@ var wr = class extends U {
 		super._destroy(), this.context.destroy(), this._drawBatchables = [], this._layoutBatchables = [], this._batchables = [];
 	}
 };
-A([_(), k("design:type", Object)], wr.prototype, "blendMode", void 0), A([_({
+k([_(), O("design:type", Object)], Tr.prototype, "blendMode", void 0), k([_({
 	internal: !0,
 	fallback: !0
-}), k("design:type", Boolean)], wr.prototype, "visible", void 0), A([_({
+}), O("design:type", Boolean)], Tr.prototype, "visible", void 0), k([_({
 	internal: !0,
 	fallback: 1
-}), k("design:type", Number)], wr.prototype, "opacity", void 0), wr = A([S("CanvasItem"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
+}), O("design:type", Number)], Tr.prototype, "opacity", void 0), Tr = k([S("CanvasItem"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
 //#endregion
 //#region src/scene/main/Viewport.ts
-var W = class extends H {
+var U = class extends V {
 	canvasTransform = new b();
 	renderTargetIndex = 0;
-	renderTargets = [new z(), new z()];
+	renderTargets = [new R(), new R()];
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -4822,7 +4822,7 @@ var W = class extends H {
 		return !1;
 	}
 	activateWithCopy(e, t) {
-		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), R.draw(e, tr.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), L.draw(e, nr.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -4835,7 +4835,7 @@ var W = class extends H {
 		this.renderStart(e), super.render(e, t), this.renderEnd(e, n);
 	}
 	getRect() {
-		return new yt(this.x, this.y, this.width, this.height);
+		return new bt(this.x, this.y, this.width, this.height);
 	}
 	toCanvasGlobal(e, t) {
 		return this.canvasTransform.applyAffineInverse(e, t);
@@ -4847,16 +4847,16 @@ var W = class extends H {
 		super._destroy(), this.canvasTransform.destroy(), this.renderTargets.forEach((e) => e.destroy());
 	}
 };
-A([_({ fallback: 0 }), k("design:type", Number)], W.prototype, "x", void 0), A([_({ fallback: 0 }), k("design:type", Number)], W.prototype, "y", void 0), A([_({ fallback: 0 }), k("design:type", Number)], W.prototype, "width", void 0), A([_({ fallback: 0 }), k("design:type", Number)], W.prototype, "height", void 0), A([_({ fallback: 0 }), k("design:type", Number)], W.prototype, "mipLevel", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], W.prototype, "msaa", void 0), W = A([S("Viewport")], W);
+k([_({ fallback: 0 }), O("design:type", Number)], U.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], U.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], U.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], U.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], U.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], U.prototype, "msaa", void 0), U = k([S("Viewport")], U);
 //#endregion
 //#region src/scene/main/Effect.ts
-var G = class extends U {
+var W = class extends H {
 	material;
 	get _effectMode() {
 		return this.effectMode ?? "parent";
 	}
-	viewport1 = new W();
-	viewport2 = new W();
+	viewport1 = new U();
+	viewport2 = new U();
 	_renderId = 0;
 	_renderViewport;
 	_previousSibling;
@@ -4873,7 +4873,7 @@ var G = class extends U {
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
 			case "glsl": {
-				let e = new er(t);
+				let e = new tr(t);
 				!this.effectMode && e.has.transition && (this.effectMode = "transition"), this.material = e;
 				break;
 			}
@@ -4908,7 +4908,7 @@ var G = class extends U {
 		}
 	}
 	getRect() {
-		return new yt(this._rect);
+		return new bt(this._rect);
 	}
 	_processParent() {
 		let e = this._tree?.renderStack;
@@ -5061,13 +5061,13 @@ var G = class extends U {
 	}
 	apply(e, t, n) {
 		this.material && (n?.redraw ? t.redraw(e, () => {
-			R.draw(e, this.material, {
+			L.draw(e, this.material, {
 				from: 0,
 				to: 1,
 				progress: this.currentTimeProgress,
 				ratio: t.width / t.height
 			});
-		}) : R.draw(e, this.material, {
+		}) : L.draw(e, this.material, {
 			from: 0,
 			to: 1,
 			progress: this.currentTimeProgress,
@@ -5078,10 +5078,10 @@ var G = class extends U {
 		super._destroy(), this.viewport1.destroy(), this.viewport2.destroy();
 	}
 };
-A([_({ internal: !0 }), k("design:type", Object)], G.prototype, "material", void 0), A([_(), k("design:type", Object)], G.prototype, "effectMode", void 0), A([_(), k("design:type", String)], G.prototype, "glsl", void 0), A([_(), k("design:type", String)], G.prototype, "glslSrc", void 0), G = A([S("Effect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
+k([_({ internal: !0 }), O("design:type", Object)], W.prototype, "material", void 0), k([_(), O("design:type", Object)], W.prototype, "effectMode", void 0), k([_(), O("design:type", String)], W.prototype, "glsl", void 0), k([_(), O("design:type", String)], W.prototype, "glslSrc", void 0), W = k([S("Effect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
 //#endregion
 //#region src/scene/main/RenderStack.ts
-var Tr = class {
+var Er = class {
 	currentCall;
 	calls = [];
 	createCall(e) {
@@ -5106,7 +5106,7 @@ var Tr = class {
 			});
 		}), this.reset();
 	}
-}, Er, Dr = Er = class extends H {
+}, Dr, Or = Dr = class extends V {
 	currentTime = 0;
 	playing = !1;
 	playbackRate = 1;
@@ -5127,7 +5127,7 @@ var Tr = class {
 	}
 	static from(e, t = !1) {
 		let [n, r] = e ? Array.isArray(e) ? e : [0, e] : [];
-		return new Er({
+		return new Dr({
 			startTime: n,
 			endTime: r,
 			loop: t
@@ -5145,7 +5145,7 @@ var Tr = class {
 	}
 	addTime(e) {
 		let t = this.endTime, n = Math.min(this.startTime, this.endTime), r = t - n, i = this.currentTime + e;
-		return this.loop && r > 0 && i > t && (i = n + (i - n) % r), i = D(i, n, t), this.currentTime = i, this.emit("updateCurrentTime", i, e), this;
+		return this.loop && r > 0 && i > t && (i = n + (i - n) % r), i = E(i, n, t), this.currentTime = i, this.emit("updateCurrentTime", i, 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;
@@ -5173,10 +5173,10 @@ var Tr = class {
 		super._process(e), this.paused || this.addTime(e);
 	}
 };
-A([_({ fallback: 0 }), k("design:type", Number)], Dr.prototype, "startTime", void 0), A([_({ fallback: 2 ** 53 - 1 }), k("design:type", Number)], Dr.prototype, "endTime", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Dr.prototype, "loop", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Dr.prototype, "paused", void 0), Dr = Er = A([S("Timeline"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Dr);
+k([_({ fallback: 0 }), O("design:type", Number)], Or.prototype, "startTime", void 0), k([_({ fallback: 2 ** 53 - 1 }), O("design:type", Number)], Or.prototype, "endTime", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Or.prototype, "loop", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Or.prototype, "paused", void 0), Or = Dr = k([S("Timeline"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Or);
 //#endregion
 //#region src/scene/main/Window.ts
-var Or = class extends W {
+var kr = class extends U {
 	constructor() {
 		super(), this.renderTargets.forEach((e) => e.isRoot = !0);
 	}
@@ -5187,23 +5187,23 @@ var Or = class extends W {
 		super.flush(e), this.finish(e);
 	}
 };
-Or = A([S("Window", {
+kr = k([S("Window", {
 	processMode: "always",
 	renderMode: "always"
-}), k("design:paramtypes", [])], Or);
+}), O("design:paramtypes", [])], kr);
 //#endregion
 //#region src/scene/main/SceneTree.ts
-var kr = class extends Et {
+var Ar = class extends Dt {
 	input = new _t();
-	renderStack = new Tr();
-	root = new Or().setTree(this);
-	timeline = new Dr().setTree(this);
+	renderStack = new Er();
+	root = new kr().setTree(this);
+	timeline = new Or().setTree(this);
 	imagePipelineResolver;
 	nodeMap = /* @__PURE__ */ new Map();
 	_boundFonts;
 	_textRemeasureScheduled = !1;
 	_onFontLoad = () => this._scheduleTextRemeasure();
-	_backgroundColor = new bt();
+	_backgroundColor = new xt();
 	_previousViewport;
 	_currentViewport;
 	getPreviousViewport() {
@@ -5256,41 +5256,41 @@ var kr = class extends Et {
 		this.renderStack.reset(), this.timeline.emit("process", e), this.emit("processing"), this.root.emit("process", e), this.emit("processed");
 	}
 	_render(e) {
-		this.emit("rendering"), Sr(), this.renderStack.render(e), this._renderScreen(e), this.emit("rendered");
+		this.emit("rendering"), Cr(), this.renderStack.render(e), this._renderScreen(e), this.emit("rendered");
 	}
 	_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), R.draw(e), t.inactivate(e);
+		t.activate(e, 0), L.draw(e), t.inactivate(e);
 	}
 	_destroy() {
 		super._destroy(), this._bindFonts(void 0), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-A([_({ alias: "root.msaa" }), k("design:type", Boolean)], kr.prototype, "msaa", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], kr.prototype, "pixelate", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], kr.prototype, "roundPixels", void 0), A([_(), k("design:type", Object)], kr.prototype, "backgroundColor", void 0), A([_({
+k([_({ alias: "root.msaa" }), O("design:type", Boolean)], Ar.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ar.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ar.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], Ar.prototype, "backgroundColor", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], kr.prototype, "debug", void 0), A([_({
+}), O("design:type", Boolean)], Ar.prototype, "debug", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], kr.prototype, "processPaused", void 0), A([_({
+}), O("design:type", Boolean)], Ar.prototype, "processPaused", void 0), k([_({
 	internal: !0,
 	default: () => he
-}), k("design:type", Object)], kr.prototype, "fonts", void 0);
+}), O("design:type", Object)], Ar.prototype, "fonts", void 0);
 //#endregion
 //#region src/scene/main/Transition.ts
-var Ar = class extends G {
+var jr = class extends W {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 };
-Ar = A([S("Transition", {
+jr = k([S("Transition", {
 	effectMode: "transition",
 	duration: 2e3
-}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ar);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], jr);
 //#endregion
 //#region src/scene/2d/Node2D.ts
-var jr = class extends wr {
+var Mr = class extends Tr {
 	rotation = 0;
 	position = new x(0, 0, () => this.updateGlobalTransform());
 	scale = new x(1, 1, () => this.updateGlobalTransform());
@@ -5342,10 +5342,10 @@ var jr = class extends wr {
 		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();
 	}
 };
-jr = A([S("Node2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], jr);
+Mr = k([S("Node2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Mr);
 //#endregion
 //#region src/scene/2d/Camera2D.ts
-var Mr = class extends jr {
+var Nr = class extends Mr {
 	canvasTransform = new b();
 	_screenOffset = {
 		x: 0,
@@ -5386,7 +5386,7 @@ var Mr = class extends jr {
 		return this.setZoom(this._zoom.x + e, this._zoom.y + t);
 	}
 	setZoom(e, t = e) {
-		return this._zoom.set(D(e, this._minZoom.x, this._maxZoom.x), D(t, this._minZoom.y, this._maxZoom.y)), this;
+		return this._zoom.set(E(e, this._minZoom.x, this._maxZoom.x), E(t, this._minZoom.y, this._maxZoom.y)), this;
 	}
 	setZoomAtOrigin(e, t, n) {
 		let r;
@@ -5489,19 +5489,19 @@ var Mr = class extends jr {
 		};
 	}
 };
-A([_({
+k([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], Mr.prototype, "spaceKey", void 0), A([_({
+}), O("design:type", Boolean)], Nr.prototype, "spaceKey", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], Mr.prototype, "grabbing", void 0), Mr = A([S("Camera2D", {
+}), O("design:type", Boolean)], Nr.prototype, "grabbing", void 0), Nr = k([S("Camera2D", {
 	processMode: "disabled",
 	renderMode: "disabled"
-}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Mr);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Nr);
 //#endregion
 //#region src/scene/2d/element/connectionRouter.ts
-function Nr(e, t) {
+function Pr(e, t) {
 	return Math.abs(e) >= Math.abs(t) ? {
 		x: Math.sign(e) || 1,
 		y: 0
@@ -5510,11 +5510,11 @@ function Nr(e, t) {
 		y: Math.sign(t) || 1
 	};
 }
-function Pr(e, t, n, r = {}) {
+function Fr(e, t, n, r = {}) {
 	let i = t.point, a = n.point, o = new v();
 	switch (e) {
 		case "curved": {
-			let e = t.dir ?? Nr(a.x - i.x, a.y - i.y), s = n.dir ?? Nr(i.x - a.x, i.y - a.y), c = a.x - i.x, l = a.y - i.y, u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = Math.max((r.stub ?? 16) * 2, u * .4), m = (e, t, n, r) => Math.max(.1, (1 + e * n + t * r) / 2), h = p * m(e.x, e.y, d, f), g = p * m(s.x, s.y, -d, -f), ee = i.x + e.x * h, te = i.y + e.y * h, ne = a.x + s.x * g, re = a.y + s.y * g;
+			let e = t.dir ?? Pr(a.x - i.x, a.y - i.y), s = n.dir ?? Pr(i.x - a.x, i.y - a.y), c = a.x - i.x, l = a.y - i.y, u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = Math.max((r.stub ?? 16) * 2, u * .4), m = (e, t, n, r) => Math.max(.1, (1 + e * n + t * r) / 2), h = p * m(e.x, e.y, d, f), g = p * m(s.x, s.y, -d, -f), ee = i.x + e.x * h, te = i.y + e.y * h, ne = a.x + s.x * g, re = a.y + s.y * g;
 			for (let e = 0; e <= 32; e++) {
 				let t = e / 32, n = 1 - t, r = n * n * n, s = 3 * n * n * t, c = 3 * n * t * t, l = t * t * t, u = r * i.x + s * ee + c * ne + l * a.x, d = r * i.y + s * te + c * re + l * a.y;
 				e === 0 ? o.moveTo(u, d) : o.lineTo(u, d);
@@ -5522,7 +5522,7 @@ function Pr(e, t, n, r = {}) {
 			break;
 		}
 		case "orthogonal": {
-			let e = Ir(t, n, r);
+			let e = Lr(t, n, r);
 			for (let t = 0; t < e.length; t++) t === 0 ? o.moveTo(e[t].x, e[t].y) : o.lineTo(e[t].x, e[t].y);
 			break;
 		}
@@ -5532,11 +5532,11 @@ function Pr(e, t, n, r = {}) {
 	}
 	return o;
 }
-function Fr(e) {
-	return Nr(e.x, e.y);
+function Ir(e) {
+	return Pr(e.x, e.y);
 }
-function Ir(e, t, n) {
-	let r = e.point, i = t.point, a = n.stub ?? 16, o = Fr(e.dir ?? Nr(i.x - r.x, i.y - r.y)), s = Fr(t.dir ?? Nr(r.x - i.x, r.y - i.y)), c = {
+function Lr(e, t, n) {
+	let r = e.point, i = t.point, a = n.stub ?? 16, o = Ir(e.dir ?? Pr(i.x - r.x, i.y - r.y)), s = Ir(t.dir ?? Pr(r.x - i.x, r.y - i.y)), c = {
 		x: r.x + o.x * a,
 		y: r.y + o.y * a
 	}, l = {
@@ -5548,12 +5548,12 @@ function Ir(e, t, n) {
 		x: r.x,
 		y: r.y
 	}, c];
-	return d.push(...Rr(c, o, l, s, a, u)), d.push(l, {
+	return d.push(...zr(c, o, l, s, a, u)), d.push(l, {
 		x: i.x,
 		y: i.y
-	}), zr(d);
+	}), Br(d);
 }
-function Lr(e, t, n, r, i) {
+function Rr(e, t, n, r, i) {
 	let a = Infinity, o = -Infinity, s = t === "y" ? "x" : "y";
 	for (let e of r) {
 		let r = e.min[s], i = r + e.size[s];
@@ -5564,7 +5564,7 @@ function Lr(e, t, n, r, i) {
 	}
 	return e > a && e < o ? a - i : e;
 }
-function Rr(e, t, n, r, i, a = []) {
+function zr(e, t, n, r, i, a = []) {
 	let o = t.y === 0;
 	if (o === (r.y === 0)) {
 		if (o) {
@@ -5579,7 +5579,7 @@ function Rr(e, t, n, r, i, a = []) {
 				}];
 			}
 			let o = Math.abs(e.y - n.y) < .001 ? e.y + i : (e.y + n.y) / 2;
-			return o = Lr(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
+			return o = Rr(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
 				x: e.x,
 				y: o
 			}, {
@@ -5598,7 +5598,7 @@ function Rr(e, t, n, r, i, a = []) {
 			}];
 		}
 		let s = Math.abs(e.x - n.x) < .001 ? e.x + i : (e.x + n.x) / 2;
-		return s = Lr(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
+		return s = Rr(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
 			x: s,
 			y: e.y
 		}, {
@@ -5625,7 +5625,7 @@ function Rr(e, t, n, r, i, a = []) {
 		y: l.y
 	}];
 }
-function zr(e) {
+function Br(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n], i = t[t.length - 1];
@@ -5635,7 +5635,7 @@ function zr(e) {
 }
 //#endregion
 //#region src/css/parseCssFilter.ts
-var Br = {
+var Vr = {
 	brightness: 1,
 	contrast: 1,
 	grayscale: 0,
@@ -5645,12 +5645,12 @@ var Br = {
 	saturate: 1,
 	sepia: 0
 };
-function Vr(e) {
-	let t = new Ct();
+function Hr(e) {
+	let t = new wt();
 	if (e === "none") return t;
 	let n = Ae(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
-	Object.keys(Br).forEach((e) => {
-		n[e] = n[e] ?? Br[e];
+	Object.keys(Vr).forEach((e) => {
+		n[e] = n[e] ?? Vr[e];
 	});
 	for (let e in n) {
 		let r = n[e];
@@ -5685,7 +5685,7 @@ function Vr(e) {
 }
 //#endregion
 //#region src/css/parseCssTransformOrigin.ts
-function Hr(e) {
+function Ur(e) {
 	let [t, n = t] = e.split(" ");
 	return [t, n].map((e) => {
 		switch (e = e.trim(), e) {
@@ -5700,11 +5700,11 @@ function Hr(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Ur, K = class extends G {
+var Wr, G = class extends W {
 	static {
-		Ur = this;
+		Wr = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -5713,7 +5713,7 @@ var Ur, K = class extends G {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			R.draw(e, Ur.material, {
+			L.draw(e, Wr.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5727,18 +5727,18 @@ var Ur, K = class extends G {
 		});
 	}
 };
-A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "saturation", void 0), A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "contrast", void 0), A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "brightness", void 0), A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "red", void 0), A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "green", void 0), A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "blue", void 0), A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "alpha", void 0), A([_({ fallback: 1 }), k("design:type", Number)], K.prototype, "gamma", void 0), K = Ur = A([S("ColorAdjustEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
+k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "saturation", void 0), k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "contrast", void 0), k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "brightness", void 0), k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "red", void 0), k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "green", void 0), k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "blue", void 0), k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "alpha", void 0), k([_({ fallback: 1 }), O("design:type", Number)], G.prototype, "gamma", void 0), G = Wr = k([S("ColorAdjustEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var Wr, Gr = class extends G {
+var Gr, Kr = class extends W {
 	static {
-		Wr = this;
+		Gr = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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 wt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5782,25 +5782,25 @@ var Wr, Gr = class extends G {
 					break;
 			}
 		}), t.redraw(e, () => {
-			R.draw(e, Wr.material, {
+			L.draw(e, Gr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-A([_(), k("design:type", String)], Gr.prototype, "filter", void 0), Gr = Wr = A([S("ColorFilterEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Gr);
+k([_(), O("design:type", String)], Kr.prototype, "filter", void 0), Kr = Gr = k([S("ColorFilterEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Kr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var Kr, qr = 50, Jr = class extends G {
+var qr, Jr = 50, Yr = class extends W {
 	static {
-		Kr = this;
+		qr = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${qr}];
+uniform vec4 colors[${Jr}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -5809,7 +5809,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${qr}; i++) {
+    for (int i = 0; i < ${Jr}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -5821,7 +5821,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${qr}; i++){
+  for(int i=0; i<${Jr}; i++){
     if(i==index){
         return colors[i];
     }
@@ -5836,7 +5836,7 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 	} });
-	_color = new bt();
+	_color = new xt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5847,31 +5847,31 @@ void main(void) {
 				let t = this._color.toArray();
 				return t[3] = this.alpha, t;
 			});
-			for (; t.length < qr;) t.push([
+			for (; t.length < Jr;) t.push([
 				0,
 				0,
 				0,
 				0
 			]);
-			R.draw(e, Kr.material, {
+			L.draw(e, qr.material, {
 				sampler: 0,
-				colors: t.slice(0, qr).flatMap((e) => e)
+				colors: t.slice(0, Jr).flatMap((e) => e)
 			});
 		});
 	}
 };
-A([_({ default: () => [] }), k("design:type", Array)], Jr.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Jr.prototype, "alpha", void 0), Jr = Kr = A([S("ColorOverlayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Jr);
+k([_({ default: () => [] }), O("design:type", Array)], Yr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Yr.prototype, "alpha", void 0), Yr = qr = k([S("ColorOverlayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Yr);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var Yr, Xr = class extends G {
+var Xr, Zr = class extends W {
 	static {
-		Yr = this;
+		Xr = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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 bt();
+	_color = new xt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5885,7 +5885,7 @@ var Yr, Xr = class extends G {
 		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, () => {
-			R.draw(e, Yr.material, {
+			L.draw(e, Xr.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5893,19 +5893,19 @@ var Yr, Xr = class extends G {
 		});
 	}
 };
-A([_({ default: () => [] }), k("design:type", Array)], Xr.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Xr.prototype, "epsilon", void 0), Xr = Yr = A([S("ColorRemoveEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Xr);
+k([_({ default: () => [] }), O("design:type", Array)], Zr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Zr.prototype, "epsilon", void 0), Zr = Xr = k([S("ColorRemoveEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Zr);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var Zr, Qr = 50, $r = class extends G {
+var Qr, $r = 50, ei = class extends W {
 	static {
-		Zr = this;
+		Qr = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${Qr};
+const int MAX_COLORS = ${$r};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -5933,7 +5933,7 @@ void main(void) {
   }
 }`
 	} });
-	_color = new bt();
+	_color = new xt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5942,8 +5942,8 @@ void main(void) {
 			this._color.value = e[0];
 			let t = this._color.toArray().slice(0, 3);
 			return this._color.value = e[1], [t, this._color.toArray().slice(0, 3)];
-		}), r = this.epsilon, i = new Float32Array(Qr * 3), a = new Float32Array(Qr * 3);
-		for (; n.length < Qr;) n.push([[
+		}), r = this.epsilon, i = new Float32Array($r * 3), a = new Float32Array($r * 3);
+		for (; n.length < $r;) n.push([[
 			-1,
 			0,
 			0
@@ -5953,10 +5953,10 @@ void main(void) {
 			0,
 			1
 		]]);
-		n.slice(0, Qr).forEach(([e, t], n) => {
+		n.slice(0, $r).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, () => {
-			R.draw(e, Zr.material, {
+			L.draw(e, Qr.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5965,17 +5965,17 @@ void main(void) {
 		});
 	}
 };
-A([_({ default: () => [] }), k("design:type", Array)], $r.prototype, "colors", void 0), A([_({ fallback: .05 }), k("design:type", Number)], $r.prototype, "epsilon", void 0), $r = Zr = A([S("ColorReplaceEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], $r);
+k([_({ default: () => [] }), O("design:type", Array)], ei.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], ei.prototype, "epsilon", void 0), ei = Qr = k([S("ColorReplaceEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ei);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var ei = "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", ti, q = class extends G {
+var ti = "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", ni, K = class extends W {
 	static {
-		ti = this;
+		ni = this;
 	}
 	_watermark;
-	static material = new L({ gl: {
+	static material = new I({ 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: ei
+		fragment: ti
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -6024,7 +6024,7 @@ var ei = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 				zoomedOut: this.dotColor ?? a.zoomedOut,
 				diff: this.dotZoomDiff ?? a.diff
 			};
-			R.draw(e, ti.material, {
+			L.draw(e, ni.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -6048,20 +6048,20 @@ var ei = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-A([_({ fallback: !1 }), k("design:type", Boolean)], q.prototype, "checkerboard", void 0), A([_({ fallback: "grid" }), k("design:type", Object)], q.prototype, "checkerboardStyle", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], q.prototype, "pixelGrid", void 0), A([_(), k("design:type", Number)], q.prototype, "dotBaseColor", void 0), A([_(), k("design:type", Number)], q.prototype, "dotColor", void 0), A([_(), k("design:type", Number)], q.prototype, "dotZoomDiff", void 0), A([_(), k("design:type", String)], q.prototype, "watermark", void 0), A([_({ fallback: 100 }), k("design:type", Number)], q.prototype, "watermarkWidth", void 0), A([_({ fallback: .05 }), k("design:type", Number)], q.prototype, "watermarkAlpha", void 0), A([_({ fallback: .5236 }), k("design:type", Number)], q.prototype, "watermarkRotation", void 0), q = ti = A([S("DrawboardEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
+k([_({ fallback: !1 }), O("design:type", Boolean)], K.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], K.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], K.prototype, "pixelGrid", void 0), k([_(), O("design:type", Number)], K.prototype, "dotBaseColor", void 0), k([_(), O("design:type", Number)], K.prototype, "dotColor", void 0), k([_(), O("design:type", Number)], K.prototype, "dotZoomDiff", void 0), k([_(), O("design:type", String)], K.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], K.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], K.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], K.prototype, "watermarkRotation", void 0), K = ni = k([S("DrawboardEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var ni, ri = "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}", ii = class extends G {
+var ri, ii = "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}", ai = class extends W {
 	static {
-		ni = this;
+		ri = this;
 	}
-	static materialX = new L({ gl: {
+	static materialX = new I({ 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: ri
+		fragment: ii
 	} });
-	static materialY = new L({ gl: {
+	static materialY = new I({ 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: ri
+		fragment: ii
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -6069,39 +6069,39 @@ var ni, ri = "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, () => {
-			R.draw(e, ni.materialX, {
+			L.draw(e, ri.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			R.draw(e, ni.materialY, {
+			L.draw(e, ri.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-A([_({ fallback: 4 }), k("design:type", Number)], ii.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], ii.prototype, "quality", void 0), ii = ni = A([S("GaussianBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ii);
+k([_({ fallback: 4 }), O("design:type", Number)], ai.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], ai.prototype, "quality", void 0), ai = ri = k([S("GaussianBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ai);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var ai, oi = class extends G {
+var oi, si = class extends W {
 	static {
-		ai = this;
+		oi = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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 ii();
-	viewport3 = new W();
-	_color = new bt();
+	blurEffect = new ai();
+	viewport3 = new U();
+	_color = new xt();
 	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, R.draw(e, ai.material, {
+			this._color.value = this.color, L.draw(e, oi.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -6114,18 +6114,18 @@ var ai, oi = class extends G {
 				]
 			});
 		}), this.blurEffect.strength = this.blur, this.blurEffect.apply(e, this.viewport3), t.redraw(e, () => {
-			this.viewport3.texture.activate(e, 1), R.draw(e, tr.instance, { sampler: 1 }), this.shadowOnly || R.draw(e, tr.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), L.draw(e, nr.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, nr.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
-A([_({ fallback: "#000000FF" }), k("design:type", Object)], oi.prototype, "color", void 0), A([_({ fallback: 4 }), k("design:type", Number)], oi.prototype, "blur", void 0), A([_({ fallback: 4 }), k("design:type", Number)], oi.prototype, "offsetX", void 0), A([_({ fallback: 4 }), k("design:type", Number)], oi.prototype, "offsetY", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], oi.prototype, "shadowOnly", void 0), oi = ai = A([S("DropShadowEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], oi);
+k([_({ fallback: "#000000FF" }), O("design:type", Object)], si.prototype, "color", void 0), k([_({ fallback: 4 }), O("design:type", Number)], si.prototype, "blur", void 0), k([_({ fallback: 4 }), O("design:type", Number)], si.prototype, "offsetX", void 0), k([_({ fallback: 4 }), O("design:type", Number)], si.prototype, "offsetY", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], si.prototype, "shadowOnly", void 0), si = oi = k([S("DropShadowEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], si);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var si, ci = class extends G {
+var ci, li = class extends W {
 	static {
-		si = this;
+		ci = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -6134,7 +6134,7 @@ var si, ci = class extends G {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			R.draw(e, si.material, {
+			L.draw(e, ci.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -6147,14 +6147,14 @@ var si, ci = class extends G {
 		});
 	}
 };
-A([_({ fallback: 5 }), k("design:type", Number)], ci.prototype, "strength", void 0), ci = si = A([S("EmbossEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ci);
+k([_({ fallback: 5 }), O("design:type", Number)], li.prototype, "strength", void 0), li = ci = k([S("EmbossEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], li);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var li, J = class extends G {
+var ui, q = class extends W {
 	static {
-		li = this;
+		ui = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -6167,7 +6167,7 @@ var li, J = class extends G {
 		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 B(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
+		this._canvas = n, this._texture = new z(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");
@@ -6184,7 +6184,7 @@ var li, J = class extends G {
 		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), R.draw(e, li.material, {
+			this._texture.activate(e, 1), L.draw(e, ui.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -6213,14 +6213,14 @@ var li, J = class extends G {
 		});
 	}
 };
-A([_({ fallback: 10 }), k("design:type", Number)], J.prototype, "slices", void 0), A([_({ fallback: 512 }), k("design:type", Number)], J.prototype, "sampleSize", void 0), A([_({ fallback: 100 }), k("design:type", Number)], J.prototype, "offset", void 0), A([_({ fallback: 0 }), k("design:type", Number)], J.prototype, "direction", void 0), A([_({ fallback: 2 }), k("design:type", Number)], J.prototype, "fillMode", void 0), A([_({ fallback: 0 }), k("design:type", Number)], J.prototype, "seed", void 0), A([_({ default: () => [2, 2] }), k("design:type", Array)], J.prototype, "red", void 0), A([_({ default: () => [-10, 4] }), k("design:type", Array)], J.prototype, "green", void 0), A([_({ default: () => [10, -4] }), k("design:type", Array)], J.prototype, "blue", void 0), J = li = A([S("GlitchEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], J);
+k([_({ fallback: 10 }), O("design:type", Number)], q.prototype, "slices", void 0), k([_({ fallback: 512 }), O("design:type", Number)], q.prototype, "sampleSize", void 0), k([_({ fallback: 100 }), O("design:type", Number)], q.prototype, "offset", void 0), k([_({ fallback: 0 }), O("design:type", Number)], q.prototype, "direction", void 0), k([_({ fallback: 2 }), O("design:type", Number)], q.prototype, "fillMode", void 0), k([_({ fallback: 0 }), O("design:type", Number)], q.prototype, "seed", void 0), k([_({ default: () => [2, 2] }), O("design:type", Array)], q.prototype, "red", void 0), k([_({ default: () => [-10, 4] }), O("design:type", Array)], q.prototype, "green", void 0), k([_({ default: () => [10, -4] }), O("design:type", Array)], q.prototype, "blue", void 0), q = ui = k([S("GlitchEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var ui, di = "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}", fi = class extends G {
+var di, fi = "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}", pi = class extends W {
 	static {
-		ui = this;
+		di = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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;
@@ -6233,7 +6233,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${di}
+${fi}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -6272,7 +6272,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, () => {
-			R.draw(e, ui.material, {
+			L.draw(e, di.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -6294,15 +6294,15 @@ void main(void) {
 		});
 	}
 };
-A([_({ fallback: 0 }), k("design:type", Number)], fi.prototype, "time", void 0), A([_({ fallback: 30 }), k("design:type", Number)], fi.prototype, "angle", void 0), A([_({ fallback: .5 }), k("design:type", Number)], fi.prototype, "gain", void 0), A([_({ fallback: 2.5 }), k("design:type", Number)], fi.prototype, "lacunarity", void 0), A([_({ fallback: !0 }), k("design:type", Boolean)], fi.prototype, "parallel", void 0), A([_({ default: () => [0, 0] }), k("design:type", Array)], fi.prototype, "center", void 0), A([_({ fallback: 1 }), k("design:type", Number)], fi.prototype, "alpha", void 0), fi = ui = A([S("GodrayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], fi);
+k([_({ fallback: 0 }), O("design:type", Number)], pi.prototype, "time", void 0), k([_({ fallback: 30 }), O("design:type", Number)], pi.prototype, "angle", void 0), k([_({ fallback: .5 }), O("design:type", Number)], pi.prototype, "gain", void 0), k([_({ fallback: 2.5 }), O("design:type", Number)], pi.prototype, "lacunarity", void 0), k([_({ fallback: !0 }), O("design:type", Boolean)], pi.prototype, "parallel", void 0), k([_({ default: () => [0, 0] }), O("design:type", Array)], pi.prototype, "center", void 0), k([_({ fallback: 1 }), O("design:type", Number)], pi.prototype, "alpha", void 0), pi = di = k([S("GodrayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], pi);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var pi = "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}", mi = "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}", hi = class extends G {
+var mi = "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}", hi = "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}", gi = class extends W {
 	_kernels = [0];
 	constructor(e, t = []) {
-		super(), this.material = new L({ gl: {
+		super(), this.material = new I({ 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 ? mi : pi
+			fragment: e?.clamp ? hi : mi
 		} }), this.setProperties(e).append(t), this._generateKernels();
 	}
 	_updateProperty(e, t, n) {
@@ -6326,7 +6326,7 @@ var pi = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		this._kernels.forEach((i) => {
 			let a = i + .5;
 			t.redraw(e, () => {
-				R.draw(e, this.material, {
+				L.draw(e, this.material, {
 					sampler: 0,
 					uOffset: [a * n, a * r],
 					uInputClamp: [
@@ -6340,14 +6340,14 @@ var pi = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		});
 	}
 };
-A([_({ fallback: 4 }), k("design:type", Number)], hi.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], hi.prototype, "quality", void 0), A([_({ default: () => [1, 1] }), k("design:type", Array)], hi.prototype, "pixelSize", void 0), hi = A([S("KawaseBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], hi);
+k([_({ fallback: 4 }), O("design:type", Number)], gi.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], gi.prototype, "quality", void 0), k([_({ default: () => [1, 1] }), O("design:type", Array)], gi.prototype, "pixelSize", void 0), gi = k([S("KawaseBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], gi);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var gi, _i = class extends G {
+var _i, vi = class extends W {
 	static {
-		gi = this;
+		_i = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -6367,7 +6367,7 @@ var gi, _i = class extends G {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), R.draw(e, gi.material, {
+			this.texture.activate(e, 1), L.draw(e, _i.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -6375,33 +6375,33 @@ var gi, _i = class extends G {
 		});
 	}
 };
-A([_({ fallback: "" }), k("design:type", String)], _i.prototype, "image", void 0), _i = gi = A([S("MaskEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], _i);
+k([_({ fallback: "" }), O("design:type", String)], vi.prototype, "image", void 0), vi = _i = k([S("MaskEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], vi);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var vi, yi = "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}", bi = class extends G {
+var yi, bi = "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}", xi = class extends W {
 	static {
-		vi = this;
+		yi = this;
 	}
 	static MIN_SAMPLES = 1;
 	static MAX_SAMPLES = 100;
 	static getAngleStep(e) {
-		return Number.parseFloat((Math.PI * 2 / Math.max(e * vi.MAX_SAMPLES, vi.MIN_SAMPLES)).toFixed(7));
+		return Number.parseFloat((Math.PI * 2 / Math.max(e * yi.MAX_SAMPLES, yi.MIN_SAMPLES)).toFixed(7));
 	}
-	_color = new bt();
+	_color = new xt();
 	constructor(e, t = []) {
-		super(), this.setProperties(e).append(t), this.material = new L({ gl: {
+		super(), this.setProperties(e).append(t), this.material = new I({ 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: yi.replace(/\{ANGLE_STEP\}/, vi.getAngleStep(this.quality).toFixed(7))
+			fragment: bi.replace(/\{ANGLE_STEP\}/, yi.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			this._color.value = this.color, R.draw(e, this.material, {
+			this._color.value = this.color, L.draw(e, this.material, {
 				sampler: 0,
 				uThickness: [this.width / t.width, this.width / t.height],
 				uColor: this._color.toArray().slice(0, 3),
 				uAlpha: this.opacity === 1 ? this._color.a : this.opacity,
-				uAngleStep: vi.getAngleStep(this.quality),
+				uAngleStep: yi.getAngleStep(this.quality),
 				uKnockout: +!!this.knockout,
 				uInputClamp: [
 					0,
@@ -6413,14 +6413,14 @@ var vi, yi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 		});
 	}
 };
-A([_({ fallback: "#000000ff" }), k("design:type", Object)], bi.prototype, "color", void 0), A([_({ fallback: 1 }), k("design:type", Number)], bi.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", String)], bi.prototype, "style", void 0), A([_(), k("design:type", Object)], bi.prototype, "image", void 0), A([_({ fallback: 1 }), k("design:type", Number)], bi.prototype, "opacity", void 0), A([_({ fallback: .1 }), k("design:type", Number)], bi.prototype, "quality", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], bi.prototype, "knockout", void 0), bi = vi = A([S("OutlineEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], bi);
+k([_({ fallback: "#000000ff" }), O("design:type", Object)], xi.prototype, "color", void 0), k([_({ fallback: 1 }), O("design:type", Number)], xi.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", String)], xi.prototype, "style", void 0), k([_(), O("design:type", Object)], xi.prototype, "image", void 0), k([_({ fallback: 1 }), O("design:type", Number)], xi.prototype, "opacity", void 0), k([_({ fallback: .1 }), O("design:type", Number)], xi.prototype, "quality", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], xi.prototype, "knockout", void 0), xi = yi = k([S("OutlineEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], xi);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var xi, Si = class extends G {
+var Si, Ci = class extends W {
 	static {
-		xi = this;
+		Si = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -6434,18 +6434,18 @@ var xi, Si = class extends G {
 				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]
 			};
-			R.draw(e, xi.material, a);
+			L.draw(e, Si.material, a);
 		});
 	}
 };
-A([_({ fallback: 10 }), k("design:type", Number)], Si.prototype, "strength", void 0), Si = xi = A([S("PixelateEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Si);
+k([_({ fallback: 10 }), O("design:type", Number)], Ci.prototype, "strength", void 0), Ci = Si = k([S("PixelateEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ci);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var Ci, wi = class extends G {
+var wi, Ti = class extends W {
 	static {
-		Ci = this;
+		wi = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -6454,7 +6454,7 @@ var Ci, wi = class extends G {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			R.draw(e, Ci.material, {
+			L.draw(e, wi.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6470,10 +6470,10 @@ var Ci, wi = class extends G {
 		});
 	}
 };
-A([_(), k("design:type", Array)], wi.prototype, "center", void 0), A([_({ fallback: 20 }), k("design:type", Number)], wi.prototype, "innerRadius", void 0), A([_({ fallback: -1 }), k("design:type", Number)], wi.prototype, "radius", void 0), A([_({ fallback: .1 }), k("design:type", Number)], wi.prototype, "strength", void 0), wi = Ci = A([S("ZoomBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wi);
+k([_(), O("design:type", Array)], Ti.prototype, "center", void 0), k([_({ fallback: 20 }), O("design:type", Number)], Ti.prototype, "innerRadius", void 0), k([_({ fallback: -1 }), O("design:type", Number)], Ti.prototype, "radius", void 0), k([_({ fallback: .1 }), O("design:type", Number)], Ti.prototype, "strength", void 0), Ti = wi = k([S("ZoomBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ti);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function Ti(e, t) {
+function Ei(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;
@@ -6495,7 +6495,7 @@ function Ti(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/Element2DFill.ts
-var Y = class extends T {
+var J = class extends T {
 	_parent;
 	texture;
 	animatedTexture;
@@ -6529,7 +6529,7 @@ var Y = class extends T {
 		}
 	}
 	async loadTexture() {
-		if (this.linearGradient || this.radialGradient) this.texture = new lr(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
+		if (this.linearGradient || this.radialGradient) this.texture = new ur(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
 		else if (d(this.image)) this.animatedTexture = void 0, this.texture = void 0;
 		else if (this._parent.tree?.log(`load image ${this.image}`), this.image !== "viewport") {
 			let e = this.image.split("?")[0].endsWith(".gif"), t = this.image, n = await $.loadBy(t, async () => {
@@ -6548,7 +6548,7 @@ var Y = class extends T {
 			let i = await n(t, r);
 			if (i) return this._pipelineImageToCanvas(i);
 		});
-		r && (this.texture = new B({
+		r && (this.texture = new z({
 			source: r,
 			width: r.width,
 			height: r.height,
@@ -6583,12 +6583,12 @@ var Y = class extends T {
 			width: e,
 			height: t
 		} };
-		if (this.image === "viewport") n.fillStyle = new pr();
+		if (this.image === "viewport") n.fillStyle = new mr();
 		else {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				...Ti(this, this.tile && i ? {
+				...Ei(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6624,10 +6624,10 @@ var Y = class extends T {
 		this.updateFrameIndex();
 	}
 };
-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), A([_(), k("design:type", Object)], Y.prototype, "imagePipelines", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], J.prototype, "enabled", void 0), k([_(), O("design:type", Object)], J.prototype, "color", void 0), k([_(), O("design:type", Object)], J.prototype, "image", void 0), k([_(), O("design:type", Object)], J.prototype, "linearGradient", void 0), k([_(), O("design:type", Object)], J.prototype, "radialGradient", void 0), k([_(), O("design:type", Object)], J.prototype, "cropRect", void 0), k([_(), O("design:type", Object)], J.prototype, "stretchRect", void 0), k([_(), O("design:type", Object)], J.prototype, "dpi", void 0), k([_(), O("design:type", Object)], J.prototype, "rotateWithShape", void 0), k([_(), O("design:type", Object)], J.prototype, "tile", void 0), k([_(), O("design:type", Object)], J.prototype, "opacity", void 0), k([_(), O("design:type", Object)], J.prototype, "imagePipelines", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var Ei = class extends Y {
+var Di = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6639,14 +6639,14 @@ var Ei = class extends Y {
 		}
 	}
 };
-A([_(), k("design:type", Object)], Ei.prototype, "fillWithShape", void 0);
+k([_(), O("design:type", Object)], Di.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DChart.ts
-var Di;
-function Oi() {
-	return Di ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), Di;
+var Oi;
+function ki() {
+	return Oi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), Oi;
 }
-function ki(e) {
+function Ai(e) {
 	if (!e) return { show: !1 };
 	switch (e) {
 		case "bottom": return {
@@ -6669,7 +6669,7 @@ function ki(e) {
 		};
 	}
 }
-var X = class extends T {
+var Y = class extends T {
 	_parent;
 	_instance;
 	_container;
@@ -6712,7 +6712,7 @@ var X = class extends T {
 			this._teardown(), this._parent.requestDraw();
 			return;
 		}
-		let n = await Oi();
+		let n = await ki();
 		if (!n) {
 			console.warn("[modern-canvas] chart rendering requires the optional \"echarts\" dependency (e.g. `pnpm add echarts`)"), this._renderPlaceholder(e, t);
 			return;
@@ -6737,7 +6737,7 @@ var X = class extends T {
 			}), this._instance.setOption(this._toOption(), !0), !this._texture) {
 				let e = this._container.querySelector("canvas");
 				if (!e) return;
-				this._texture = new ir({
+				this._texture = new ar({
 					source: e,
 					pixelRatio: 1
 				});
@@ -6750,7 +6750,7 @@ var X = class extends T {
 		let n = document.createElement("canvas");
 		n.width = Math.ceil(e), n.height = Math.ceil(t);
 		let r = n.getContext("2d");
-		r && (r.fillStyle = "#f3f4f6", r.fillRect(0, 0, e, t), r.strokeStyle = "#d1d5db", r.setLineDash([6, 4]), r.strokeRect(1, 1, e - 2, t - 2), r.fillStyle = "#9ca3af", r.font = "14px sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillText("图表需安装 echarts", e / 2, t / 2), this._texture ? this._texture.source = n : this._texture = new ir({
+		r && (r.fillStyle = "#f3f4f6", r.fillRect(0, 0, e, t), r.strokeStyle = "#d1d5db", r.setLineDash([6, 4]), r.strokeRect(1, 1, e - 2, t - 2), r.fillStyle = "#9ca3af", r.font = "14px sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillText("图表需安装 echarts", e / 2, t / 2), this._texture ? this._texture.source = n : this._texture = new ar({
 			source: n,
 			pixelRatio: 1
 		}), this._texture.requestUpdate("source"), this._parent.requestDraw());
@@ -6771,7 +6771,7 @@ var X = class extends T {
 				text: this.title,
 				left: "center"
 			} : void 0,
-			legend: ki(this.legend),
+			legend: Ai(this.legend),
 			tooltip: {}
 		};
 		if (n) {
@@ -6815,10 +6815,10 @@ var X = class extends T {
 		this._teardown();
 	}
 };
-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);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Y.prototype, "enabled", void 0), k([_({ fallback: "column" }), O("design:type", Object)], Y.prototype, "type", void 0), k([_(), O("design:type", Object)], Y.prototype, "grouping", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Y.prototype, "categories", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Y.prototype, "series", void 0), k([_(), O("design:type", Object)], Y.prototype, "title", void 0), k([_(), O("design:type", Object)], Y.prototype, "legend", void 0), k([_(), O("design:type", Object)], Y.prototype, "categoryAxis", void 0), k([_(), O("design:type", Object)], Y.prototype, "valueAxis", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DComments.ts
-var Ai = class extends T {
+var ji = class extends T {
 	parent;
 	constructor(e) {
 		super(), this.parent = e;
@@ -6852,7 +6852,7 @@ var Ai = class extends T {
 	isValid() {
 		return Object.values(this._properties).some(Boolean);
 	}
-}, ji = class extends T {
+}, Mi = class extends T {
 	_parent;
 	_routeSig;
 	_routePath;
@@ -6895,12 +6895,12 @@ var Ai = class extends T {
 			let n = t.shape.connectionPoints?.find((t) => t.idx === e.idx);
 			if (n) {
 				let e = t.globalTransform.apply(new x(n.x * t.size.x, n.y * t.size.y)), i;
-				return i = n.ang === void 0 ? Nr(n.x - .5, n.y - .5) : {
+				return i = n.ang === void 0 ? Pr(n.x - .5, n.y - .5) : {
 					x: Math.cos(n.ang),
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: Mi(i, t.globalRotation),
+					dir: Ni(i, t.globalRotation),
 					bbox: r
 				};
 			}
@@ -6923,11 +6923,11 @@ var Ai = class extends T {
 			return;
 		}
 		let n = (e) => e ? `${e.point.x},${e.point.y},${e.dir?.x ?? ""},${e.dir?.y ?? ""}` : "-", r = `${this.mode}|${n(e)}|${n(t)}`;
-		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Pr(this.mode, e ?? t, t ?? e)), this._routePath;
+		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Fr(this.mode, e ?? t, t ?? e)), this._routePath;
 	}
 };
-A([_(), k("design:type", Object)], ji.prototype, "start", void 0), A([_(), k("design:type", Object)], ji.prototype, "end", void 0), A([_({ fallback: "straight" }), k("design:type", Object)], ji.prototype, "mode", void 0), A([_({ fallback: .5 }), k("design:type", Number)], ji.prototype, "labelPosition", void 0);
-function Mi(e, t) {
+k([_(), O("design:type", Object)], Mi.prototype, "start", void 0), k([_(), O("design:type", Object)], Mi.prototype, "end", void 0), k([_({ fallback: "straight" }), O("design:type", Object)], Mi.prototype, "mode", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Mi.prototype, "labelPosition", void 0);
+function Ni(e, t) {
 	if (!t) return e;
 	let n = Math.cos(t), r = Math.sin(t);
 	return {
@@ -6937,7 +6937,7 @@ function Mi(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var Ni = class extends Y {
+var Pi = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : ee(e));
 	}
@@ -6945,14 +6945,14 @@ var Ni = class extends Y {
 		super._updateProperty(e, t, n), e === "fillWithShape" && this._parent.requestDraw();
 	}
 };
-A([_(), k("design:type", Object)], Ni.prototype, "fillWithShape", void 0);
+k([_(), O("design:type", Object)], Pi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Pi = {
+var Fi = {
 	sm: 4,
 	md: 6,
 	lg: 8
-}, Fi = class extends Y {
+}, Ii = class extends J {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : te(e));
 	}
@@ -6974,7 +6974,7 @@ var Pi = {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new pr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...Ti(this, {
+		this.image === "viewport" ? n.strokeStyle = new mr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...Ei(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6997,14 +6997,22 @@ var Pi = {
 	_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 = Pi[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();
+		let c = a / s, l = o / s, u = Fi[String(n.width ?? n.height ?? "md")] ?? 6, d = this._parent.context, f = n.color ?? i;
+		if (n.type === "bar") {
+			let t = r * u * .6, n = Math.max(r * .9, 1.5), i = 0, a = 0;
+			Math.abs(c) >= Math.abs(l) ? i = Math.sign(c) || 1 : a = Math.sign(l) || 1;
+			let o = -a * t, s = i * t, p = n / 2 * i, m = n / 2 * a;
+			d.fillStyle = f, d.moveTo(e.x + o - p, e.y + s - m).lineTo(e.x - o - p, e.y - s - m).lineTo(e.x - o + p, e.y - s + m).lineTo(e.x + o + p, e.y + s + m).closePath().fill();
+			return;
+		}
+		let p = r * u, m = r * u * .5, h = e.x - c * p, g = e.y - l * p, ee = -l * m, te = c * m;
+		d.fillStyle = f, d.moveTo(e.x, e.y).lineTo(h + ee, g + te).lineTo(h - ee, g - te).closePath().fill();
 	}
 };
-A([_(), k("design:type", Object)], Fi.prototype, "color", void 0), A([_(), k("design:type", Object)], Fi.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", Object)], Fi.prototype, "style", void 0), A([_({ fallback: "butt" }), k("design:type", Object)], Fi.prototype, "lineCap", void 0), A([_({ fallback: "miter" }), k("design:type", Object)], Fi.prototype, "lineJoin", void 0), A([_(), k("design:type", Object)], Fi.prototype, "headEnd", void 0), A([_(), k("design:type", Object)], Fi.prototype, "tailEnd", void 0);
+k([_(), O("design:type", Object)], Ii.prototype, "color", void 0), k([_(), O("design:type", Object)], Ii.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", Object)], Ii.prototype, "style", void 0), k([_({ fallback: "butt" }), O("design:type", Object)], Ii.prototype, "lineCap", void 0), k([_({ fallback: "miter" }), O("design:type", Object)], Ii.prototype, "lineJoin", void 0), k([_(), O("design:type", Object)], Ii.prototype, "headEnd", void 0), k([_(), O("design:type", Object)], Ii.prototype, "tailEnd", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Ii = class extends T {
+var Li = class extends T {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -7025,13 +7033,13 @@ var Ii = class extends T {
 	}
 	updateEffect() {
 		let e = "__$shadow", t = this._parent.getNode(e);
-		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new oi({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
+		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new si({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-A([_({ fallback: !0 }), k("design:type", Boolean)], Ii.prototype, "enabled", void 0), A([_({ fallback: "#000000FF" }), k("design:type", Object)], Ii.prototype, "color", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Ii.prototype, "blur", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Ii.prototype, "offsetY", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Ii.prototype, "offsetX", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Li.prototype, "enabled", void 0), k([_({ fallback: "#000000FF" }), O("design:type", Object)], Li.prototype, "color", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Li.prototype, "blur", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Li.prototype, "offsetY", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Li.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Li = class extends T {
+var Ri = class extends T {
 	_parent;
 	_path2DSet = new ue();
 	_localPath;
@@ -7130,24 +7138,24 @@ var Li = class extends T {
 		t && n && (r ? e.roundRect(0, 0, t, n, r) : e.rect(0, 0, t, n));
 	}
 };
-A([_({ fallback: !0 }), k("design:type", Boolean)], Li.prototype, "enabled", void 0), A([_(), k("design:type", Object)], Li.prototype, "preset", void 0), A([_(), k("design:type", Object)], Li.prototype, "svg", void 0), A([_(), k("design:type", Object)], Li.prototype, "viewBox", void 0), A([_(), k("design:type", Object)], Li.prototype, "paths", void 0), A([_(), k("design:type", Object)], Li.prototype, "connectionPoints", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Ri.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Ri.prototype, "preset", void 0), k([_(), O("design:type", Object)], Ri.prototype, "svg", void 0), k([_(), O("design:type", Object)], Ri.prototype, "viewBox", void 0), k([_(), O("design:type", Object)], Ri.prototype, "paths", void 0), k([_(), O("design:type", Object)], Ri.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Ri = class extends E {
+var zi = class extends yt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, zi = {
+}, Bi = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in zi) i(Ri, e, { fallback: zi[e] });
+for (let e in Bi) i(zi, e, { fallback: Bi[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DTable.ts
-var Bi = 100, Vi = 40, Hi = class extends T {
+var Vi = 100, Hi = 40, Ui = class extends T {
 	_parent;
 	_cellNodes = /* @__PURE__ */ new Map();
 	_cellSnapshots = /* @__PURE__ */ new Map();
@@ -7178,10 +7186,10 @@ var Bi = 100, Vi = 40, Hi = class extends T {
 		return !!(this.enabled && this.cells.length);
 	}
 	get gridWidth() {
-		return this.columns.reduce((e, t) => e + (t.width || Bi), 0);
+		return this.columns.reduce((e, t) => e + (t.width || Vi), 0);
 	}
 	get gridHeight() {
-		return this.rows.reduce((e, t) => e + (t.height || Vi), 0);
+		return this.rows.reduce((e, t) => e + (t.height || Hi), 0);
 	}
 	update() {
 		if (this._dirty = !1, !this.isValid()) {
@@ -7191,9 +7199,9 @@ var Bi = 100, Vi = 40, Hi = 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 || Bi));
+		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || Vi));
 		let o = [0];
-		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || Vi));
+		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || Hi));
 		this._parent.size.set(a[e.length] ?? 0, o[t.length] ?? 0);
 		let s = /* @__PURE__ */ new Set();
 		for (let e of n) {
@@ -7207,7 +7215,7 @@ var Bi = 100, Vi = 40, Hi = 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 = H.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();
@@ -7219,7 +7227,7 @@ var Bi = 100, Vi = 40, Hi = 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(H.parse(t, "Element2D"));
+			e.appendChild(V.parse(t, "Element2D"));
 		});
 	}
 	_clearCells() {
@@ -7230,21 +7238,21 @@ var Bi = 100, Vi = 40, Hi = class extends T {
 		this._clearCells();
 	}
 };
-A([_({ fallback: !0 }), k("design:type", Boolean)], Hi.prototype, "enabled", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Hi.prototype, "columns", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Hi.prototype, "rows", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Hi.prototype, "cells", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Ui.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Ui.prototype, "columns", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Ui.prototype, "rows", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Ui.prototype, "cells", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
-var Ui = 2, Wi = 64, Gi = 0;
-function Ki() {
-	if (Gi) return Gi;
+var Wi = 2, Gi = 64, Ki = 0;
+function qi() {
+	if (Ki) return Ki;
 	try {
 		let e = w(), t = e.getContext("webgl2") || e.getContext("webgl");
-		Gi = t && t.getParameter(t.MAX_TEXTURE_SIZE) || 4096;
+		Ki = t && t.getParameter(t.MAX_TEXTURE_SIZE) || 4096;
 	} catch {
-		Gi = 4096;
+		Ki = 4096;
 	}
-	return Gi;
+	return Ki;
 }
-var Z = class extends T {
+var X = class extends T {
 	_parent;
 	base;
 	get textContent() {
@@ -7257,11 +7265,11 @@ var Z = class extends T {
 	_autoDrawMode;
 	_atlasEligible = !1;
 	_textureStale = !0;
-	_texture = new ir({ mipmap: !0 });
+	_texture = new ar({ mipmap: !0 });
 	_tiles = [];
 	_textureMap = /* @__PURE__ */ new Map();
 	constructor(e) {
-		super(), this._parent = e, this.base = Ot(new _e()), this.base.setPropertyAccessor(this);
+		super(), this._parent = e, this.base = kt(new _e()), this.base.setPropertyAccessor(this);
 	}
 	setProperties(e) {
 		return super.setProperties(d(e) ? void 0 : ae(e));
@@ -7297,14 +7305,16 @@ var Z = class extends T {
 		});
 	}
 	update() {
-		if (this.base.fonts = this.base.fonts ?? this._parent.tree?.fonts, this.base.update(), this._atlasEligible = this._computeAtlasEligible(), this._atlasEligible) {
+		this.base.fonts = this.base.fonts ?? this._parent.tree?.fonts, this.base.update();
+		let e = this.base.boundingBox, t = this._parent.size;
+		if (e && (e.left < 0 || e.top < 0 || e.left + e.width > t.width || e.top + e.height > t.height) && this._parent.updateContentAabb(), this._atlasEligible = this._computeAtlasEligible(), this._atlasEligible) {
 			this._releaseTiles(), this._textureStale = !0, this._parent.requestDraw();
 			return;
 		}
 		this._rasterTexture(), this._parent.requestDraw();
 	}
 	_rasterTexture() {
-		let e = Math.ceil(this.base.boundingBox.width), t = Math.ceil(this.base.boundingBox.height), n = Ui, r = Math.floor((Ki() - Wi) / n);
+		let e = Math.ceil(this.base.boundingBox.width), t = Math.ceil(this.base.boundingBox.height), n = Wi, r = Math.floor((qi() - Gi) / n);
 		if (e <= r && t <= r) {
 			this._releaseTiles();
 			let r = this._texture;
@@ -7322,7 +7332,7 @@ var Z = class extends T {
 		for (let o = 0; o < a; o++) for (let a = 0; a < i; a++) {
 			let i = a * r, c = o * r, l = Math.min(r, e - i), u = Math.min(r, t - c), d = this._tiles[s];
 			d || (d = {
-				texture: new ir({ mipmap: !0 }),
+				texture: new ar({ mipmap: !0 }),
 				x: i,
 				y: c,
 				w: l,
@@ -7370,7 +7380,7 @@ var Z = class extends T {
 		}), this._parent.requestDraw());
 	}
 	async _loadTexture(e, t) {
-		return e.linearGradient || e.radialGradient ? new lr(e.linearGradient ?? e.radialGradient, t.width, t.height) : d(e.image) ? void 0 : (this._parent.tree?.log(`load image ${e.image}`), await $.texture.load(e.image));
+		return e.linearGradient || e.radialGradient ? new ur(e.linearGradient ?? e.radialGradient, t.width, t.height) : d(e.image) ? void 0 : (this._parent.tree?.log(`load image ${e.image}`), await $.texture.load(e.image));
 	}
 	setContent(e) {
 		this.content = oe(e);
@@ -7399,7 +7409,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({
-							...Ti(r, o?.box ?? {
+							...Ei(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7411,7 +7421,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({
-							...Ti(r, o?.box ?? {
+							...Ei(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7441,7 +7451,13 @@ var Z = class extends T {
 	}
 	_computeAtlasEligible() {
 		if (this.drawMode === "texture" || this.drawMode === "path" || this.effects?.length || this.outline?.width || this.deformation && !d(this.deformation) && this.deformation.type || this.fill && !d(this.fill) || this.content.some((e) => e.fragments.some((e) => !!(e.highlightImage || e.highlight?.image || e.fill && !d(e.fill))))) return !1;
-		let e = 2048 / cr.superSample / 1.5, t = this.base.characters;
+		for (let e of [
+			"background",
+			"textDecoration",
+			"listStyle",
+			"highlight"
+		]) if (this.base.plugins.get(e)?.pathSet?.paths?.length) return !1;
+		let e = 2048 / lr.superSample / 1.5, t = this.base.characters;
 		for (let n = 0; n < t.length; n++) {
 			let r = t[n].computedStyle;
 			if (typeof r.color != "string" || r.fontSize > e) return !1;
@@ -7449,7 +7465,7 @@ var Z = class extends T {
 		return !0;
 	}
 	_atlasDraw(e) {
-		let t = cr, n = this.base.characters, r = /* @__PURE__ */ new Map();
+		let t = lr, n = this.base.characters, r = /* @__PURE__ */ new Map();
 		for (let e = 0; e < n.length; e++) {
 			let i = n[e], a = i.glyphBox;
 			if (!a || a.width <= 0 || a.height <= 0) continue;
@@ -7482,10 +7498,10 @@ var Z = class extends T {
 	}
 	process(e) {}
 };
-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);
+k([_({ fallback: !0 }), O("design:type", Object)], X.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], X.prototype, "content", void 0), k([_({ alias: "_parent.style.json" }), O("design:type", Object)], X.prototype, "style", void 0), k([_(), O("design:type", Object)], X.prototype, "effects", void 0), k([_(), O("design:type", Object)], X.prototype, "fill", void 0), k([_(), O("design:type", Object)], X.prototype, "outline", void 0), k([_(), O("design:type", Object)], X.prototype, "deformation", void 0), k([_({ alias: "base.measureDom" }), O("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], X.prototype, "measureDom", void 0), k([_({ alias: "base.fonts" }), O("design:type", Object)], X.prototype, "fonts", void 0), k([_({ fallback: "auto" }), O("design:type", Object)], X.prototype, "drawMode", void 0);
 //#endregion
 //#region src/scene/2d/element/Flexbox.ts
-var Q = {
+var Z = {
 	left: 0,
 	top: 1,
 	right: 2,
@@ -7495,11 +7511,11 @@ var Q = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, qi = {
+}, Ji = {
 	column: 0,
 	row: 1,
 	all: 2
-}, Ji = {
+}, Q = {
 	auto: 0,
 	"flex-start": 1,
 	center: 2,
@@ -7551,7 +7567,7 @@ var Q = {
 		let { loadYoga: e } = await import("yoga-layout/load");
 		this._yoga = await e();
 	}
-	node = e._yoga ? Ot(e._yoga.Node.create()) : void 0;
+	node = e._yoga ? kt(e._yoga.Node.create()) : void 0;
 	constructor(e) {
 		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);
 	}
@@ -7570,31 +7586,31 @@ var Q = {
 		if (n) {
 			switch (e) {
 				case "alignContent":
-					n.setAlignContent(t ? Ji[t] ?? Ji["flex-start"] : Ji["flex-start"]);
+					n.setAlignContent(t ? Q[t] ?? Q["flex-start"] : Q["flex-start"]);
 					break;
 				case "alignItems":
-					n.setAlignItems(t ? Ji[t] ?? Ji["flex-start"] : Ji["flex-start"]);
+					n.setAlignItems(t ? Q[t] ?? Q["flex-start"] : Q["flex-start"]);
 					break;
 				case "alignSelf":
-					n.setAlignSelf(t ? Ji[t] ?? Ji["flex-start"] : Ji["flex-start"]);
+					n.setAlignSelf(t ? Q[t] ?? Q["flex-start"] : Q["flex-start"]);
 					break;
 				case "aspectRatio":
 					n.setAspectRatio(t);
 					break;
 				case "borderTop":
-					n.setBorder(Q.top, this._parent.style.borderWidth);
+					n.setBorder(Z.top, this._parent.style.borderWidth);
 					break;
 				case "borderBottom":
-					n.setBorder(Q.bottom, this._parent.style.borderWidth);
+					n.setBorder(Z.bottom, this._parent.style.borderWidth);
 					break;
 				case "borderLeft":
-					n.setBorder(Q.left, this._parent.style.borderWidth);
+					n.setBorder(Z.left, this._parent.style.borderWidth);
 					break;
 				case "borderRight":
-					n.setBorder(Q.right, this._parent.style.borderWidth);
+					n.setBorder(Z.right, this._parent.style.borderWidth);
 					break;
 				case "border":
-					n.setBorder(Q.all, this._parent.style.borderWidth);
+					n.setBorder(Z.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
 					n.setDirection(t ? Xi[t] ?? Xi.inherit : Xi.inherit);
@@ -7627,22 +7643,22 @@ var Q = {
 					n.setJustifyContent(t ? $i[t] ?? $i["flex-start"] : $i["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(qi.all, t);
+					t !== void 0 && n.setGap(Ji.all, t);
 					break;
 				case "marginTop":
-					n.setMargin(Q.top, t);
+					n.setMargin(Z.top, t);
 					break;
 				case "marginBottom":
-					n.setMargin(Q.bottom, t);
+					n.setMargin(Z.bottom, t);
 					break;
 				case "marginLeft":
-					n.setMargin(Q.left, t);
+					n.setMargin(Z.left, t);
 					break;
 				case "marginRight":
-					n.setMargin(Q.right, t);
+					n.setMargin(Z.right, t);
 					break;
 				case "margin":
-					n.setMargin(Q.all, t);
+					n.setMargin(Z.all, t);
 					break;
 				case "maxHeight":
 					n.setMaxHeight(t);
@@ -7660,31 +7676,31 @@ var Q = {
 					n.setOverflow(t ? ea[t] ?? ea.visible : ea.visible);
 					break;
 				case "paddingTop":
-					n.setPadding(Q.top, t);
+					n.setPadding(Z.top, t);
 					break;
 				case "paddingBottom":
-					n.setPadding(Q.bottom, t);
+					n.setPadding(Z.bottom, t);
 					break;
 				case "paddingLeft":
-					n.setPadding(Q.left, t);
+					n.setPadding(Z.left, t);
 					break;
 				case "paddingRight":
-					n.setPadding(Q.right, t);
+					n.setPadding(Z.right, t);
 					break;
 				case "padding":
-					n.setPadding(Q.all, t);
+					n.setPadding(Z.all, t);
 					break;
 				case "top":
-					n.setPosition(Q.top, t);
+					n.setPosition(Z.top, t);
 					break;
 				case "bottom":
-					n.setPosition(Q.bottom, t);
+					n.setPosition(Z.bottom, t);
 					break;
 				case "left":
-					n.setPosition(Q.left, t);
+					n.setPosition(Z.left, t);
 					break;
 				case "right":
-					n.setPosition(Q.right, t);
+					n.setPosition(Z.right, t);
 					break;
 				case "position":
 					n.setPositionType(t ? ta[t] ?? ta.relative : ta.relative);
@@ -7714,10 +7730,10 @@ var Q = {
 	[1, 0],
 	[1, 1],
 	[0, 1]
-], la = class extends jr {
+], la = class extends Mr {
 	flexbox = new ra(this);
-	aabb = new yt();
-	globalAabb = new yt();
+	aabb = new bt();
+	globalAabb = new bt();
 	_parentGlobalDisplay;
 	_globalDisplay;
 	get globalDisplay() {
@@ -7728,7 +7744,7 @@ var Q = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Ri().on("updateProperty", (...e) => {
+	_style = new zi().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -7742,77 +7758,77 @@ var Q = {
 			this._endBatch();
 		}
 	}
-	_background = new Ei(this);
+	_background = new Di(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Li(this);
+	_shape = new Ri(this);
 	get shape() {
 		return this._shape;
 	}
 	set shape(e) {
 		this._shape.resetProperties().setProperties(e);
 	}
-	_fill = new Y(this);
+	_fill = new J(this);
 	get fill() {
 		return this._fill;
 	}
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new Fi(this);
+	_outline = new Ii(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new Ni(this);
+	_foreground = new Pi(this);
 	get foreground() {
 		return this._foreground;
 	}
 	set foreground(e) {
 		this._foreground.resetProperties().setProperties(e);
 	}
-	_text = new Z(this);
+	_text = new X(this);
 	get text() {
 		return this._text;
 	}
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Ii(this);
+	_shadow = new Li(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new ji(this);
+	_connection = new Mi(this);
 	get connection() {
 		return this._connection;
 	}
 	set connection(e) {
 		this._connection.resetProperties().setProperties(e);
 	}
-	_table = new Hi(this);
+	_table = new Ui(this);
 	get table() {
 		return this._table;
 	}
 	set table(e) {
 		this._table.resetProperties().setProperties(e);
 	}
-	_chart = new X(this);
+	_chart = new Y(this);
 	get chart() {
 		return this._chart;
 	}
 	set chart(e) {
 		this._chart.resetProperties().setProperties(e);
 	}
-	_comments = new Ai(this);
+	_comments = new ji(this);
 	get comments() {
 		return this._comments;
 	}
@@ -7845,6 +7861,9 @@ var Q = {
 	_updateTransform() {
 		super._updateTransform(), this._updateAabb();
 	}
+	updateContentAabb() {
+		this._updateAabb(), this._updateGlobalAabb();
+	}
 	_updateAabb() {
 		let { a: e, b: t, c: n, d: r, tx: i, ty: a } = this.transform, o = [], s = [];
 		this._getPointArray().forEach((c) => {
@@ -7905,7 +7924,7 @@ var Q = {
 				this._updateGlobalDisplay();
 				break;
 			case "rotate":
-				this.rotation = (t || 0) * xt, this.updateGlobalTransform();
+				this.rotation = (t || 0) * St, this.updateGlobalTransform();
 				break;
 			case "scaleX":
 				this.scale.x = t, this.text.isValid() && (t ^ n) < 0 && this.requestDraw();
@@ -7926,7 +7945,7 @@ var Q = {
 				}), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
 				break;
 			case "transformOrigin": {
-				let e = Hr(t ?? "");
+				let e = Ur(t ?? "");
 				this.pivot.set(e[0] * this.size.width, e[1] * this.size.height);
 				break;
 			}
@@ -8032,19 +8051,43 @@ var Q = {
 	}
 	_applyColorFilter() {
 		let e = [this._styleFilter, this._elementFilter].filter(Boolean).join(" ").trim();
-		e ? (this._colorFilterEffect || (this._colorFilterEffect = new Gr({
+		e ? (this._colorFilterEffect || (this._colorFilterEffect = new Kr({
 			name: "styleFilter",
 			internalMode: "front"
 		}), this.append(this._colorFilterEffect)), this._colorFilterEffect.filter = e) : (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender());
 	}
 	_updateStyleMaskImage(e) {
-		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new _i({
+		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new vi({
 			name: "styleMaskImage",
 			internalMode: "back"
 		}), this.append(this._maskEffect)), this._maskEffect.image = e);
 	}
 	_getPointArray() {
 		let { width: e, height: t } = this.size;
+		if (this._text.isValid()) {
+			let n = this._text.base.boundingBox;
+			if (n && (n.left < 0 || n.top < 0 || n.left + n.width > e || n.top + n.height > t)) {
+				let r = Math.min(0, n.left), i = Math.min(0, n.top), a = Math.max(e, n.left + n.width), o = Math.max(t, n.top + n.height);
+				return [
+					{
+						x: r,
+						y: i
+					},
+					{
+						x: r,
+						y: o
+					},
+					{
+						x: a,
+						y: i
+					},
+					{
+						x: a,
+						y: o
+					}
+				];
+			}
+		}
 		return [
 			{
 				x: 0,
@@ -8069,11 +8112,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 Tt(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 Tt(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();
@@ -8128,7 +8171,7 @@ 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;
 	}
 };
-la = A([S("Element2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], la);
+la = k([S("Element2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], la);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
 var ua = class extends la {
@@ -8155,7 +8198,7 @@ var ua = class extends la {
 		}
 	}
 }, da = class extends ua {
-	texture = new ir();
+	texture = new ar();
 	animation;
 	_lastTime = NaN;
 	constructor(e, t = []) {
@@ -8185,7 +8228,7 @@ var ua = class extends la {
 		this.currentTime !== this._lastTime && (this._lastTime = this.currentTime, this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw()), super._process(e);
 	}
 };
-A([_({ fallback: "" }), k("design:type", String)], da.prototype, "src", void 0), da = A([S("Lottie2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], da);
+k([_({ fallback: "" }), O("design:type", String)], da.prototype, "src", void 0), da = k([S("Lottie2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], da);
 //#endregion
 //#region src/scene/2d/Mesh2D.ts
 var fa = class extends la {
@@ -8232,17 +8275,17 @@ var fa = class extends la {
 		}
 	}
 	_drawCircle(e, t) {
-		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();
+		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();
 	}
 	_drawEllipse(e, t) {
-		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();
+		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();
 	}
 	_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);
 	}
 };
-A([_({ fallback: 6 }), k("design:type", Number)], pa.prototype, "handleSize", void 0);
+k([_({ fallback: 6 }), O("design:type", Number)], pa.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
 var ma = class extends ua {
@@ -8285,16 +8328,16 @@ var ma = class extends ua {
 		}
 		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();
+			e.muted = !0, e.loop = this.loop, e.playbackRate = E(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);
+			!e.seeking && t > Math.max(.3, E(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();
 	}
 };
-A([_({ fallback: "" }), k("design:type", String)], ma.prototype, "src", void 0), ma = A([S("Video2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ma);
+k([_({ fallback: "" }), O("design:type", String)], ma.prototype, "src", void 0), ma = k([S("Video2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ma);
 //#endregion
 //#region src/scene/animation/Animation.ts
 function ha(e) {
@@ -8402,7 +8445,7 @@ var ya = {
 		.355,
 		1
 	]
-}, ba = Object.fromEntries(Object.entries(ya).map(([e, [t, n, r, i]]) => [e, va(t, n, r, i)])), xa = class extends U {
+}, ba = Object.fromEntries(Object.entries(ya).map(([e, [t, n, r, i]]) => [e, va(t, n, r, i)])), xa = class extends H {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -8471,7 +8514,7 @@ var ya = {
 		}
 		let e = this._getTargets(), t = 1 / e.length, n = this.currentTimeProgress;
 		e.forEach((e, r) => {
-			let i = t === 1 ? n : D(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
+			let i = t === 1 ? n : E(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]);
@@ -8542,7 +8585,7 @@ var ya = {
 				startY: t.y
 			}, this._pathMeasures.set(o, s);
 		}
-		let c = D(O(ha(r.offsetDistance ?? i.offsetDistance), ha(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 = ga(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
+		let c = E(D(ha(r.offsetDistance ?? i.offsetDistance), ha(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 = ga(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) {
@@ -8563,10 +8606,10 @@ var ya = {
 				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 : O(a, c, r);
+					return Number.isNaN(a) || Number.isNaN(c) ? i?.value ?? 0 : D(a, c, r);
 				}).join(", ")}) `;
 			}), i;
-		} 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);
+		} 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);
 	}
 	isPlaying() {
 		return !this.paused && this.isInsideTimeRange();
@@ -8589,11 +8632,11 @@ var ya = {
 		});
 	}
 };
-A([_({ fallback: "parent" }), k("design:type", Object)], xa.prototype, "effectMode", void 0), A([_({ default: () => [] }), k("design:type", Array)], xa.prototype, "keyframes", void 0), A([_(), k("design:type", Object)], xa.prototype, "easing", void 0), xa = A([S("Animation", {
+k([_({ fallback: "parent" }), O("design:type", Object)], xa.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], xa.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], xa.prototype, "easing", void 0), xa = k([S("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], xa);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], xa);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
 var Sa = class t extends e {
@@ -9098,7 +9141,7 @@ var ka = class e extends Ta {
 	createSound() {
 		return new Aa();
 	}
-}, Ma, Na = class extends U {
+}, Ma, Na = class extends H {
 	static {
 		Ma = this;
 	}
@@ -9229,14 +9272,14 @@ var ka = class e extends Ta {
 		}, 100);
 	}
 };
-Na = Ma = A([S("Audio"), k("design:paramtypes", [Object])], Na);
+Na = Ma = k([S("Audio"), O("design:paramtypes", [Object])], Na);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Pa = class extends jr {}, Fa = class extends la {
+var Pa = class extends Mr {}, Fa = class extends la {
 	_audioBuffer;
 	_src = (() => {
 		let e = w();
-		return e ? new B({ source: e }) : void 0;
+		return e ? new z({ source: e }) : void 0;
 	})();
 	_needsUpdateTexture = !1;
 	constructor(e = {}) {
@@ -9291,16 +9334,16 @@ var Pa = class extends jr {}, Fa = class extends la {
 		this.syncTexture(), super._process(e);
 	}
 };
-A([_(), k("design:type", Object)], Fa.prototype, "src", void 0), A([_({ fallback: 0 }), k("design:type", Number)], Fa.prototype, "gap", void 0), A([_({ fallback: "#000000" }), k("design:type", String)], Fa.prototype, "color", void 0), Fa = A([S("AudioWaveform"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Fa);
+k([_(), O("design:type", Object)], Fa.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Fa.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Fa.prototype, "color", void 0), Fa = k([S("AudioWaveform"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Fa);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Ia, La = class extends Ar {
+var Ia, La = class extends jr {
 	static {
 		Ia = this;
 	}
 	blur = 10;
 	quality = 10;
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -9315,7 +9358,7 @@ var Ia, La = class extends Ar {
 		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) => {
-			R.draw(e, Ia.material, {
+			L.draw(e, Ia.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -9323,35 +9366,35 @@ var Ia, La = class extends Ar {
 		});
 	}
 };
-La = Ia = A([S("KawaseTransition")], La);
+La = Ia = k([S("KawaseTransition")], La);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var Ra, za = class extends Ar {
+var Ra, za = class extends jr {
 	static {
 		Ra = this;
 	}
-	static material = new L({ gl: {
+	static material = new I({ 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) {
-		R.draw(e, Ra.material, {
+		L.draw(e, Ra.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-za = Ra = A([S("LeftEraseTransition")], za);
+za = Ra = k([S("LeftEraseTransition")], za);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Ba, Va = class extends Ar {
+var Ba, Va = class extends jr {
 	static {
 		Ba = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -9359,7 +9402,7 @@ var Ba, Va = class extends Ar {
 		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);
-		R.draw(e, Ba.material, {
+		L.draw(e, Ba.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9368,7 +9411,7 @@ var Ba, Va = class extends Ar {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), R.draw(e, Ba.material, {
+		}), L.draw(e, Ba.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9380,10 +9423,10 @@ var Ba, Va = class extends Ar {
 		});
 	}
 };
-Va = Ba = A([S("TiltShiftTransition")], Va);
+Va = Ba = k([S("TiltShiftTransition")], Va);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Ha, Ua = class extends Ar {
+var Ha, Ua = class extends jr {
 	static {
 		Ha = this;
 	}
@@ -9391,7 +9434,7 @@ var Ha, Ua = class extends Ar {
 	angle = 4;
 	padding = 20;
 	offset;
-	static material = new L({ gl: {
+	static material = new I({ 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}"
 	} });
@@ -9399,7 +9442,7 @@ var Ha, Ua = class extends Ar {
 		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;
-		R.draw(e, Ha.material, {
+		L.draw(e, Ha.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -9415,16 +9458,16 @@ var Ha, Ua = class extends Ar {
 		});
 	}
 };
-Ua = Ha = A([S("TwistTransition")], Ua);
+Ua = Ha = k([S("TwistTransition")], Ua);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var Wa = class extends Gn {
+var Wa = class extends Kn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
-			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new rr(e.map((e) => ({
+			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new ir(e.map((e) => ({
 				duration: e.delay,
-				texture: new ur({
+				texture: new dr({
 					source: e.data,
 					width: e.width,
 					height: e.height
@@ -9435,14 +9478,14 @@ var Wa = class extends Gn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, Ga = class extends Gn {
+}, Ga = class extends Kn {
 	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;
 	}
-}, Ka = class extends Gn {
+}, Ka = class extends Kn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -9453,14 +9496,14 @@ var Wa = class extends Gn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, qa = class extends Gn {
+}, qa = class extends Kn {
 	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;
 	}
-}, Ja = class extends Gn {
+}, Ja = class extends Kn {
 	install(e) {
-		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new B({
+		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new z({
 			source: e,
 			uploadMethodId: "image",
 			mipmap: !0,
@@ -9482,9 +9525,9 @@ var Wa = class extends Gn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, Ya = class extends Gn {
+}, Ya = class extends Kn {
 	install(e) {
-		return this.load = (t) => e.awaitBy(() => new fr(t).load()), e.video = this, this;
+		return this.load = (t) => e.awaitBy(() => new pr(t).load()), e.video = this, this;
 	}
 }, Xa = Object.entries({
 	"font/woff": ["woff"],
@@ -9608,14 +9651,14 @@ var $a = "WeakRef" in globalThis, eo = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new eo().use(new Kn()).use(new Wa()).use(new Ga()).use(new Ka()).use(new qa()).use(new Ja()).use(new Ya()), to = {
+}, $ = new eo().use(new qn()).use(new Wa()).use(new Ga()).use(new Ka()).use(new qa()).use(new Ja()).use(new Ya()), to = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, no = class extends kr {
+}, no = class extends Ar {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -9647,7 +9690,7 @@ var $a = "WeakRef" in globalThis, eo = class extends e {
 	}) : void 0;
 	constructor(e = {}) {
 		let { view: t, width: n, height: r, pixelRatio: i = Ye, autoResize: a, data: o } = e;
-		super(), this.renderer = new Wn(t, {
+		super(), this.renderer = new Gn(t, {
 			alpha: to.alpha ?? e.alpha,
 			stencil: to.stencil ?? e.stencil,
 			antialias: to.antialias ?? e.antialias,
@@ -9772,7 +9815,7 @@ var $a = "WeakRef" in globalThis, eo = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-A([_({ fallback: !1 }), k("design:type", Boolean)], no.prototype, "autoResize", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], no.prototype, "autoStart", void 0);
+k([_({ fallback: !1 }), O("design:type", Boolean)], no.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], no.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
 var ro, io = [], ao = !1;
@@ -9840,4 +9883,4 @@ async function uo(e) {
 	});
 }
 //#endregion
-export { yt as Aabb2D, rr as AnimatedTexture, xa as Animation, eo as Assets, Na as Audio, Ta as AudioPipeline, Ea as AudioProcessor, Pa as AudioSpectrum, Fa as AudioWaveform, j as BufferUsage, Mr as Camera2D, mr as CanvasContext, wr as CanvasItem, ir as CanvasTexture, bt as Color, K as ColorAdjustEffect, Gr as ColorFilterEffect, Ct as ColorMatrix, Jr as ColorOverlayEffect, Xr as ColorRemoveEffect, $r as ColorReplaceEffect, ar as ColorTexture, T as CoreObject, xt as DEG_TO_RAD, Ye as DEVICE_PIXEL_RATIO, q as DrawboardEffect, oi as DropShadowEffect, G as Effect, er as EffectMaterial, la as Element2D, Ei as Element2DBackground, X as Element2DChart, Ai as Element2DComments, ji as Element2DConnection, Y as Element2DFill, Ni as Element2DForeground, Fi as Element2DOutline, Ii as Element2DShadow, Li as Element2DShape, Ri as Element2DStyle, Hi as Element2DTable, Z as Element2DText, ci as EmbossEffect, no as Engine, ra as Flexbox, Kn as FontLoader, ii as GaussianBlurEffect, Jn as Geometry, Wa as GifLoader, fn as GlBatch2DSystem, cn as GlBlendMode, At as GlBuffer, Lt as GlBufferSystem, kt as GlBufferTarget, gn as GlMaskSystem, Yt as GlProgram, bn as GlRenderTarget, xn as GlRenderTargetSystem, an as GlShaderSystem, un as GlState, dn as GlStateSystem, vn as GlStencilSystem, M as GlSystem, yn as GlViewportSystem, J as GlitchEffect, sr as GlyphAtlas, fi as GodrayEffect, lr as GradientTexture, wa as HTMLAudio, Sa as HTMLAudioContext, Ca as HTMLSound, qe as IN_BROWSER, Je as IN_MAC_OS, qn as IndexBuffer, _t as Input, dt as InputEvent, Ga as JsonLoader, hi as KawaseBlurEffect, La as KawaseTransition, ft as KeyboardInputEvent, za as LeftEraseTransition, Gn as Loader, da as Lottie2D, Ka as LottieLoader, Et as MainLoop, _i as MaskEffect, L as Material, fa as Mesh2D, gr as Meta, pt as MouseInputEvent, H as Node, jr as Node2D, wt as Obb2D, bi as OutlineEffect, xe as PI, Se as PI_2, Si as PixelateEffect, ur as PixelsTexture, mt as PointerInputEvent, Tt as Projection2D, Yn as QuadGeometry, R as QuadUvGeometry, St as RAD_TO_DEG, vt as RefCounted, z as RenderTarget, jt as Renderer, E as Resource, He as SUPPORTS_AUDIO_CONTEXT, Be as SUPPORTS_CLICK_EVENTS, Ve as SUPPORTS_CREATE_IMAGE_BITMAP, Pe as SUPPORTS_IMAGE_BITMAP, Re as SUPPORTS_MOUSE_EVENTS, We as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ie as SUPPORTS_POINTER_EVENTS, Fe as SUPPORTS_RESIZE_OBSERVER, ze as SUPPORTS_TOUCH_EVENTS, Ne as SUPPORTS_WEBGL2, Ue as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Ge as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ke as SUPPORTS_WEB_AUDIO, Le as SUPPORTS_WHEEL_EVENTS, kr as SceneTree, qa as TextLoader, B as Texture2D, Ja as TextureLoader, ua as TextureRect2D, C as Ticker, Va as TiltShiftTransition, Dr as Timeline, U as TimelineNode, pa as TransformRect2D, Ar as Transition, Ua as TwistTransition, Nt as UniformGroup, nr as UvGeometry, tr as UvMaterial, I as VertexAttribute, F as VertexBuffer, ma as Video2D, Ya as VideoLoader, fr as VideoTexture, W as Viewport, pr as ViewportTexture, ja as WebAudio, ka as WebAudioContext, Wn as WebGLRenderer, Aa as WebSound, ht as WheelInputEvent, Or as Window, wi as ZoomBlurEffect, Ji as alignMap, $ as assets, Nr as axisDir, na as boxSizingMap, D as clamp, mi as clampFrag, w as createHTMLCanvas, It as createIdFromString, ye as createNode, ct as crossOrigin, ya as cssEasingPresets, va as cubicBezier, S as customNode, ve as customNodes, to as defaultOptions, st as determineCrossOrigin, Xi as directionMap, Yi as displayMap, Q as edgeMap, Zi as flexDirectionMap, Qi as flexWrapMap, pi as frag, rt as getCanvasFactory, Oe as getDefaultCssPropertyValue, ot as getGlContextProvider, oo as getRenderEngine, qi as gutterMap, ut as instanceId, $e as isCanvasElement, Xe as isElementNode, Qe as isImageElement, Ce as isPow2, Ze as isVideoElement, et as isWebgl2, $i as justifyMap, O as lerp, mn as log2, ln as mapGlBlendModes, Ot as markRaw, pn as nextPow2, be as nextTick, ea as overflowMap, Vr as parseCssFilter, Ae as parseCssFunctions, ke as parseCssProperty, Hr as parseCssTransformOrigin, we as planExportTiles, ta as positionTypeMap, lo as render, uo as renderPixels, Sr as resetBatchPool, Pr as routeConnection, nt as setCanvasFactory, at as setGlContextProvider, cr as sharedGlyphAtlas, _n as stencilModeMap };
+export { bt as Aabb2D, ir as AnimatedTexture, xa as Animation, eo as Assets, Na as Audio, Ta as AudioPipeline, Ea as AudioProcessor, Pa as AudioSpectrum, Fa as AudioWaveform, A as BufferUsage, Nr as Camera2D, hr as CanvasContext, Tr as CanvasItem, ar as CanvasTexture, xt as Color, G as ColorAdjustEffect, Kr as ColorFilterEffect, wt as ColorMatrix, Yr as ColorOverlayEffect, Zr as ColorRemoveEffect, ei as ColorReplaceEffect, or as ColorTexture, T as CoreObject, St as DEG_TO_RAD, Ye as DEVICE_PIXEL_RATIO, K as DrawboardEffect, si as DropShadowEffect, W as Effect, tr as EffectMaterial, la as Element2D, Di as Element2DBackground, Y as Element2DChart, ji as Element2DComments, Mi as Element2DConnection, J as Element2DFill, Pi as Element2DForeground, Ii as Element2DOutline, Li as Element2DShadow, Ri as Element2DShape, zi as Element2DStyle, Ui as Element2DTable, X as Element2DText, li as EmbossEffect, no as Engine, ra as Flexbox, qn as FontLoader, ai as GaussianBlurEffect, Yn as Geometry, Wa as GifLoader, pn as GlBatch2DSystem, ln as GlBlendMode, jt as GlBuffer, Rt as GlBufferSystem, At as GlBufferTarget, _n as GlMaskSystem, Xt as GlProgram, xn as GlRenderTarget, Sn as GlRenderTargetSystem, on as GlShaderSystem, dn as GlState, fn as GlStateSystem, yn as GlStencilSystem, j as GlSystem, bn as GlViewportSystem, q as GlitchEffect, cr as GlyphAtlas, pi as GodrayEffect, ur as GradientTexture, wa as HTMLAudio, Sa as HTMLAudioContext, Ca as HTMLSound, qe as IN_BROWSER, Je as IN_MAC_OS, Jn as IndexBuffer, _t as Input, dt as InputEvent, Ga as JsonLoader, gi as KawaseBlurEffect, La as KawaseTransition, ft as KeyboardInputEvent, za as LeftEraseTransition, Kn as Loader, da as Lottie2D, Ka as LottieLoader, Dt as MainLoop, vi as MaskEffect, I as Material, fa as Mesh2D, _r as Meta, pt as MouseInputEvent, V as Node, Mr as Node2D, Tt as Obb2D, xi as OutlineEffect, xe as PI, Se as PI_2, Ci as PixelateEffect, dr as PixelsTexture, mt as PointerInputEvent, Et as Projection2D, Xn as QuadGeometry, L as QuadUvGeometry, Ct as RAD_TO_DEG, vt as RefCounted, R as RenderTarget, Mt as Renderer, yt as Resource, He as SUPPORTS_AUDIO_CONTEXT, Be as SUPPORTS_CLICK_EVENTS, Ve as SUPPORTS_CREATE_IMAGE_BITMAP, Pe as SUPPORTS_IMAGE_BITMAP, Re as SUPPORTS_MOUSE_EVENTS, We as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ie as SUPPORTS_POINTER_EVENTS, Fe as SUPPORTS_RESIZE_OBSERVER, ze as SUPPORTS_TOUCH_EVENTS, Ne as SUPPORTS_WEBGL2, Ue as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Ge as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ke as SUPPORTS_WEB_AUDIO, Le as SUPPORTS_WHEEL_EVENTS, Ar as SceneTree, qa as TextLoader, z as Texture2D, Ja as TextureLoader, ua as TextureRect2D, C as Ticker, Va as TiltShiftTransition, Or as Timeline, H as TimelineNode, pa as TransformRect2D, jr as Transition, Ua as TwistTransition, Pt as UniformGroup, rr as UvGeometry, nr as UvMaterial, F as VertexAttribute, P as VertexBuffer, ma as Video2D, Ya as VideoLoader, pr as VideoTexture, U as Viewport, mr as ViewportTexture, ja as WebAudio, ka as WebAudioContext, Gn as WebGLRenderer, Aa as WebSound, ht as WheelInputEvent, kr as Window, Ti as ZoomBlurEffect, Q as alignMap, $ as assets, Pr as axisDir, na as boxSizingMap, E as clamp, hi as clampFrag, w as createHTMLCanvas, Lt as createIdFromString, ye as createNode, ct as crossOrigin, ya as cssEasingPresets, va as cubicBezier, S as customNode, ve as customNodes, to as defaultOptions, st as determineCrossOrigin, Xi as directionMap, Yi as displayMap, Z as edgeMap, Zi as flexDirectionMap, Qi as flexWrapMap, mi as frag, rt as getCanvasFactory, Oe as getDefaultCssPropertyValue, ot as getGlContextProvider, oo as getRenderEngine, Ji as gutterMap, ut as instanceId, $e as isCanvasElement, Xe as isElementNode, Qe as isImageElement, Ce as isPow2, Ze as isVideoElement, et as isWebgl2, $i as justifyMap, D as lerp, hn as log2, un as mapGlBlendModes, kt as markRaw, mn as nextPow2, be as nextTick, ea as overflowMap, Hr as parseCssFilter, Ae as parseCssFunctions, ke as parseCssProperty, Ur as parseCssTransformOrigin, we as planExportTiles, ta as positionTypeMap, lo as render, uo as renderPixels, Cr as resetBatchPool, Fr as routeConnection, nt as setCanvasFactory, at as setGlContextProvider, lr as sharedGlyphAtlas, vn as stencilModeMap };