modern-canvas 0.24.3 → 0.24.4

package/dist/index.js

@@ -2986,33 +2986,50 @@ function Rn(e, t) {
 		height: f - d
 	};
 }
-var zn = class extends M {
+function zn(e, t) {
+	let n = Math.max(e.x, t.x), r = Math.max(e.y, t.y), i = Math.min(e.x + e.width, t.x + t.width), a = Math.min(e.y + e.height, t.y + t.height);
+	return {
+		x: n,
+		y: r,
+		width: Math.max(0, i - n),
+		height: Math.max(0, a - r)
+	};
+}
+var Bn = class extends M {
 	install(e) {
 		super.install(e), e.scissor = this;
 	}
-	current = { [-1]: { refCount: 0 } };
+	current = { [-1]: { stack: [] } };
 	_setup() {
 		super._setup(), this._renderer.renderTarget.on("updateRenderTarget", this._updateRenderTarget);
 	}
+	_current() {
+		let e = this._renderer.renderTarget.current?.instanceId ?? -1;
+		return this.current[e] ?? (this.current[e] = { stack: [] });
+	}
 	_updateRenderTarget = (e) => {
 		if (e) {
-			let t = this.current[e.instanceId];
-			t ||= this.current[e.instanceId] = { refCount: 0 }, t.rect && t.refCount > 0 ? this.bind(t.rect) : this.bind(null);
+			let t = this.current[e.instanceId] ?? (this.current[e.instanceId] = { stack: [] });
+			this.bind(t.stack[t.stack.length - 1] ?? null);
 		}
 	};
 	push(e) {
-		let t = this._gl;
-		t.enable(t.SCISSOR_TEST);
-		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1];
-		n.refCount++, n.rect = e, this.bind(e);
+		let t = this._current(), n = t.stack[t.stack.length - 1], r = {
+			x: e.x,
+			y: e.y,
+			width: e.width,
+			height: e.height
+		}, i = n ? zn(n, r) : r;
+		t.stack.push(i), this.bind(i);
 	}
 	pop() {
-		let e = this.current[this._renderer.renderTarget.current?.instanceId ?? -1];
-		e.refCount > 0 && e.refCount--, e.refCount <= 0 && this.bind(null);
+		let e = this._current();
+		e.stack.pop(), this.bind(e.stack[e.stack.length - 1] ?? null);
 	}
 	bind(e) {
 		let t = this._gl;
 		if (e) {
+			t.enable(t.SCISSOR_TEST);
 			let { pixelRatio: n, viewport: r } = this._renderer, { viewMatrix: i } = this._renderer.shader.uniforms, { x: a, y: o, width: s, height: c } = Rn(i, e), l = r.current.height / n - (o + c);
 			t.scissor(a * n, l * n, s * n, c * n);
 		} else t.disable(t.SCISSOR_TEST);
@@ -3020,7 +3037,7 @@ var zn = class extends M {
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, Bn = class extends Ot {
+}, Vn = class extends Ot {
 	contextLost = !1;
 	_systems = [
 		new jn(),
@@ -3032,7 +3049,7 @@ var zn = class extends M {
 		new pn(),
 		new In(),
 		new hn(),
-		new zn(),
+		new Bn(),
 		new ln(),
 		new gn()
 	];
@@ -3146,7 +3163,7 @@ var zn = class extends M {
 		for (let e = 0; e < i; e += a) c.set(s.subarray(e, e + a), o - e);
 		return c;
 	}
-}, Vn = class {}, Hn = class extends Vn {
+}, Hn = class {}, Un = class extends Hn {
 	install(e) {
 		let t = async (e) => {
 			let { parseFont: t } = await import("modern-font");
@@ -3160,15 +3177,15 @@ var zn = class extends M {
 			e.register(n, t);
 		}), e.font = this, this;
 	}
-}, Un = class extends vt {
+}, Wn = class extends vt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-A([_({ fallback: j.index }), k("design:type", j === void 0 ? Object : j)], Un.prototype, "usage", void 0), A([_({ default: () => new Uint32Array() }), k("design:type", Object)], Un.prototype, "data", void 0);
+A([_({ fallback: j.index }), k("design:type", j === void 0 ? Object : j)], Wn.prototype, "usage", void 0), A([_({ default: () => new Uint32Array() }), k("design:type", Object)], Wn.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/Geometry.ts
-var Wn = class extends vt {
+var Gn = class extends vt {
 	constructor(e = {}) {
 		super(), this.setProperties(e);
 	}
@@ -3176,7 +3193,7 @@ var Wn = class extends vt {
 		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)], Wn.prototype, "topology", void 0), A([_({ default: () => ({}) }), k("design:type", typeof Record > "u" ? Object : Record)], Wn.prototype, "attributes", void 0), A([_({ default: () => new Un() }), k("design:type", Un === void 0 ? Object : Un)], Wn.prototype, "indexBuffer", void 0), A([_({ fallback: 1 }), k("design:type", Number)], Wn.prototype, "instanceCount", void 0);
+A([_({ fallback: "triangle-list" }), k("design:type", Object)], Gn.prototype, "topology", void 0), A([_({ default: () => ({}) }), k("design:type", typeof Record > "u" ? Object : Record)], Gn.prototype, "attributes", void 0), A([_({ default: () => new Wn() }), k("design:type", Wn === void 0 ? Object : Wn)], Gn.prototype, "indexBuffer", void 0), A([_({ fallback: 1 }), k("design:type", Number)], Gn.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
 var F = class extends vt {
@@ -3195,7 +3212,7 @@ var I = class extends vt {
 A([_({ default: () => new F() }), k("design:type", F === void 0 ? Object : F)], I.prototype, "buffer", void 0), A([_({ fallback: "float32" }), k("design:type", Object)], I.prototype, "format", void 0), A([_(), k("design:type", Boolean)], I.prototype, "instance", void 0), A([_(), k("design:type", Number)], I.prototype, "stride", void 0), A([_(), k("design:type", Number)], I.prototype, "offset", void 0), A([_(), k("design:type", Number)], I.prototype, "start", void 0), A([_(), k("design:type", Number)], I.prototype, "divisor", void 0);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
-var Gn = class extends Wn {
+var Kn = class extends Gn {
 	constructor() {
 		super({
 			topology: "triangle-strip",
@@ -3212,7 +3229,7 @@ var Gn = class extends Wn {
 					1
 				]) })
 			}) },
-			indexBuffer: new Un({ data: new Uint32Array([
+			indexBuffer: new Wn({ data: new Uint32Array([
 				0,
 				1,
 				3,
@@ -3223,7 +3240,7 @@ var Gn = class extends Wn {
 };
 //#endregion
 //#region src/scene/resources/materials/Material.ts
-function Kn() {
+function qn() {
 	return {
 		projectionMatrix: new Float32Array([
 			1,
@@ -3274,13 +3291,13 @@ var L = class extends vt {
 		}, e.shader.updateUniforms(this);
 	}
 };
-A([_({ default: Kn }), k("design:type", typeof Record > "u" ? Object : Record)], L.prototype, "uniforms", void 0);
+A([_({ default: qn }), k("design:type", typeof Record > "u" ? Object : Record)], L.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
-var qn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Jn = /vec(\d)\((.*)\)/;
-function Yn(e) {
+var Jn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Yn = /vec(\d)\((.*)\)/;
+function Xn(e) {
 	e = e.trim();
-	let t = e.match(Jn);
+	let t = e.match(Yn);
 	if (t) {
 		let e = Array.from({ length: Number(t[1]) }, () => 0);
 		return t[2].split(",").forEach((t, n) => {
@@ -3289,7 +3306,7 @@ function Yn(e) {
 	}
 	return Number(e);
 }
-var Xn = class e extends L {
+var Zn = class e extends L {
 	static RE = {
 		getColor: /\sgetColor\s*\(/,
 		getFromColor: /\sgetFromColor\s*\(/,
@@ -3325,12 +3342,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 				progress: 0
 			}
 		}), this.has = n;
-		let r = t.matchAll(qn);
+		let r = t.matchAll(Jn);
 		for (let e of r) e[1] && e[2] && e[1].split(",").forEach((t) => {
-			this.uniforms[t.trim()] = Yn(e[2]);
+			this.uniforms[t.trim()] = Xn(e[2]);
 		});
 	}
-}, Zn = class extends L {
+}, Qn = class extends L {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3374,12 +3391,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, R = class extends Wn {
+}, R = class extends Gn {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
 	}
-	static draw(e, t = Zn.instance, n) {
+	static draw(e, t = Qn.instance, n) {
 		this.instance.draw(e, t, n);
 	}
 	constructor() {
@@ -3412,7 +3429,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					]) })
 				})
 			},
-			indexBuffer: new Un({ data: new Uint32Array([
+			indexBuffer: new Wn({ data: new Uint32Array([
 				0,
 				1,
 				2,
@@ -3422,7 +3439,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			]) })
 		});
 	}
-}, Qn = class extends Wn {
+}, $n = class extends Gn {
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
@@ -3439,7 +3456,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					buffer: n
 				})
 			},
-			indexBuffer: new Un({ data: new Uint32Array() })
+			indexBuffer: new Wn({ data: new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
 }, z = class extends vt {
@@ -3573,7 +3590,7 @@ var B = class extends vt {
 A([_({ fallback: "unknown" }), k("design:type", String)], B.prototype, "uploadMethodId", void 0), A([_({ internal: !0 }), k("design:type", Object)], B.prototype, "source", void 0), A([_({ fallback: 0 }), k("design:type", Number)], B.prototype, "width", void 0), A([_({ fallback: 0 }), k("design:type", Number)], B.prototype, "height", void 0), A([_({ fallback: 1 }), k("design:type", Number)], B.prototype, "pixelRatio", void 0), A([_({ fallback: "bgra8unorm" }), k("design:type", Object)], B.prototype, "format", void 0), A([_({ fallback: "premultiply-alpha-on-upload" }), k("design:type", Object)], B.prototype, "alphaMode", void 0), A([_({ fallback: 1 }), k("design:type", Number)], B.prototype, "mipLevelCount", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], B.prototype, "mipmap", void 0), A([_({ fallback: "clamp-to-edge" }), k("design:type", Object)], B.prototype, "addressModeU", void 0), A([_({ fallback: "clamp-to-edge" }), k("design:type", Object)], B.prototype, "addressModeV", void 0), A([_({ fallback: "clamp-to-edge" }), k("design:type", Object)], B.prototype, "addressModeW", void 0), A([_({ fallback: "linear" }), k("design:type", Object)], B.prototype, "magFilter", void 0), A([_({ fallback: "linear" }), k("design:type", Object)], B.prototype, "minFilter", void 0), A([_({ fallback: "linear" }), k("design:type", Object)], B.prototype, "mipmapFilter", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], B.prototype, "isPowerOfTwo", void 0);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var $n = class extends vt {
+var er = class extends vt {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3598,7 +3615,7 @@ var $n = class extends vt {
 			e.texture.destroy();
 		});
 	}
-}, er = class extends B {
+}, tr = class extends B {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
@@ -3618,7 +3635,7 @@ var $n = class extends vt {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, tr = class e extends B {
+}, nr = class e extends B {
 	static _cached = /* @__PURE__ */ new Map();
 	static get(t) {
 		let n = new E(t), r = n.toHex(), i = this._cached.get(r);
@@ -3639,7 +3656,7 @@ var $n = class extends vt {
 			mipmap: !0
 		});
 	}
-}, nr = class e extends B {
+}, rr = class e extends B {
 	static test(e) {
 		return u(e);
 	}
@@ -3673,7 +3690,7 @@ var $n = class extends vt {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, rr = class extends B {
+}, ir = class extends B {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3683,7 +3700,7 @@ var $n = class extends vt {
 };
 //#endregion
 //#region src/scene/resources/textures/VideoTexture.ts
-function ir(e) {
+function ar(e) {
 	return {
 		autoLoad: !!(e?.autoLoad ?? !0),
 		autoPlay: !!(e?.autoPlay ?? !1),
@@ -3694,7 +3711,7 @@ function ir(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var ar = class e extends B {
+var or = class e extends B {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3756,7 +3773,7 @@ var ar = class e extends B {
 	_reject;
 	_seekResolves = [];
 	constructor(t, n) {
-		let r = ir(n);
+		let r = ar(n);
 		if (!Xe(t)) {
 			typeof t == "string" && (t = [t]);
 			let n = t[0].src || t[0];
@@ -3852,13 +3869,13 @@ var ar = class e extends B {
 A([_({
 	internal: !0,
 	fallback: !0
-}), k("design:type", Boolean)], ar.prototype, "autoUpdate", void 0), A([_({
+}), k("design:type", Boolean)], or.prototype, "autoUpdate", void 0), A([_({
 	internal: !0,
 	fallback: 0
-}), k("design:type", Number)], ar.prototype, "fps", void 0);
+}), k("design:type", Number)], or.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var or = class extends B {}, sr = class extends v {
+var sr = class extends B {}, cr = class extends v {
 	fillStyle;
 	fillRule;
 	strokeStyle;
@@ -3872,7 +3889,7 @@ var or = class extends B {}, sr = class extends v {
 	_draws = [];
 	_triCache = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof B ? { texture: e } : { texture: tr.get(e) } : {};
+		return e ? e instanceof B ? { texture: e } : { texture: nr.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -3989,7 +4006,7 @@ var or = class extends B {}, sr = class extends v {
 	destroy() {
 		this.reset(), this._triCache.length = 0;
 	}
-}, cr = class {
+}, lr = class {
 	front = [];
 	default = [];
 	back = [];
@@ -4032,7 +4049,7 @@ var or = class extends B {}, sr = class extends v {
 	toJSON() {
 		return [...this.default];
 	}
-}, lr = class extends T {
+}, ur = class extends T {
 	parent;
 	getPropertyDeclarations() {
 		super.getPropertyDeclarations();
@@ -4051,22 +4068,22 @@ var or = class extends B {}, sr = class extends v {
 			deleteProperty: (e, t) => Reflect.has(e, t) || String(t).startsWith("_") ? Reflect.deleteProperty(e, t) : (e.setProperty(String(t), void 0), !0)
 		});
 	}
-}, ur, dr = {};
-function fr(e) {
-	let t = dr[e] ?? 0;
-	return t++, dr[e] = t, t;
+}, dr, fr = {};
+function pr(e) {
+	let t = fr[e] ?? 0;
+	return t++, fr[e] = t, t;
 }
-var V = ur = class extends T {
+var V = dr = class extends T {
 	static parse(e, t = "Node") {
 		if (Array.isArray(e)) return e.map((e) => this.parse(e));
-		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ve.get(n ?? r.inCanvasIs ?? t)) ?? ur)({
+		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ve.get(n ?? r.inCanvasIs ?? t)) ?? dr)({
 			...a,
 			meta: r
 		});
 		return i?.forEach((e) => o.appendChild(this.parse(e))), o;
 	}
 	_mask;
-	_meta = new lr(this);
+	_meta = new ur(this);
 	get meta() {
 		return this._meta;
 	}
@@ -4089,7 +4106,7 @@ var V = ur = 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}@${fr(this.is)}`;
+		return `@${this.is}@${pr(this.is)}`;
 	}
 	setProperties(e) {
 		if (e) {
@@ -4156,7 +4173,7 @@ var V = ur = class extends T {
 		}
 		return this;
 	}
-	_children = new cr();
+	_children = new lr();
 	get children() {
 		return this._children.default;
 	}
@@ -4316,7 +4333,7 @@ var V = ur = class extends T {
 	append(...e) {
 		let t;
 		t = Array.isArray(e[0]) ? e[0] : e, t.forEach((e) => {
-			e instanceof ur ? this.appendChild(e) : this.appendChild(ur.parse(e));
+			e instanceof dr ? this.appendChild(e) : this.appendChild(dr.parse(e));
 		});
 	}
 	before(...e) {
@@ -4422,7 +4439,7 @@ var V = ur = class extends T {
 A([_({ default: () => c() }), k("design:type", String)], V.prototype, "id", void 0), A([_({ default: () => c() }), k("design:type", String)], V.prototype, "name", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], V.prototype, "processMode", void 0), A([_({ fallback: "default" }), k("design:type", Object)], V.prototype, "processSortMode", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], V.prototype, "renderMode", void 0), A([_({ fallback: "inherit" }), k("design:type", Object)], V.prototype, "inputMode", void 0), A([_({ fallback: "default" }), k("design:type", Object)], V.prototype, "internalMode", void 0), A([_({
 	internal: !0,
 	default: !0
-}), k("design:type", Boolean)], V.prototype, "needsRender", void 0), V = ur = A([S("Node"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], V);
+}), k("design:type", Boolean)], V.prototype, "needsRender", void 0), V = dr = A([S("Node"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], V);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
 var H = class extends V {
@@ -4510,15 +4527,15 @@ var H = class extends V {
 A([_({ fallback: !1 }), k("design:type", Boolean)], H.prototype, "loop", void 0), A([_({ fallback: 0 }), k("design:type", Number)], H.prototype, "delay", void 0), A([_({ fallback: 0 }), k("design:type", Number)], H.prototype, "duration", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], H.prototype, "paused", void 0), H = A([S("TimelineNode"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], H);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
-var pr = [], mr = 0;
-function hr() {
-	mr = 0;
+var mr = [], hr = 0;
+function gr() {
+	hr = 0;
 }
-function gr(e, t, n, r) {
-	let i = pr[mr];
-	return i || (i = {}, pr[mr] = i), mr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
+function _r(e, t, n, r) {
+	let i = mr[hr];
+	return i || (i = {}, mr[hr] = i), hr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
 }
-var _r = class extends H {
+var vr = class extends H {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4536,7 +4553,7 @@ var _r = class extends H {
 		255,
 		255
 	];
-	context = new sr();
+	context = new cr();
 	_resetContext = !0;
 	needsDraw = !0;
 	needsLayout = !1;
@@ -4667,7 +4684,7 @@ var _r = class extends H {
 			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 or && (a = this._handleViewportTexture(i)), e.batch2D.render(gr(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 sr && (a = this._handleViewportTexture(i)), e.batch2D.render(_r(i, n, t ? i.size : void 0, a));
 		super._render(e);
 	}
 	_cullsRender() {
@@ -4677,13 +4694,13 @@ var _r = class extends H {
 		super._destroy(), this.context.destroy(), this._drawBatchables = [], this._layoutBatchables = [], this._batchables = [];
 	}
 };
-A([_(), k("design:type", Object)], _r.prototype, "blendMode", void 0), A([_({
+A([_(), k("design:type", Object)], vr.prototype, "blendMode", void 0), A([_({
 	internal: !0,
 	fallback: !0
-}), k("design:type", Boolean)], _r.prototype, "visible", void 0), A([_({
+}), k("design:type", Boolean)], vr.prototype, "visible", void 0), A([_({
 	internal: !0,
 	fallback: 1
-}), k("design:type", Number)], _r.prototype, "opacity", void 0), _r = A([S("CanvasItem"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], _r);
+}), k("design:type", Number)], vr.prototype, "opacity", void 0), vr = A([S("CanvasItem"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], vr);
 //#endregion
 //#region src/scene/main/Viewport.ts
 var U = class extends V {
@@ -4736,7 +4753,7 @@ var U = class extends V {
 		return !1;
 	}
 	activateWithCopy(e, t) {
-		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), R.draw(e, Zn.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), R.draw(e, Qn.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -4787,7 +4804,7 @@ var W = class extends H {
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
 			case "glsl": {
-				let e = new Xn(t);
+				let e = new Zn(t);
 				!this.effectMode && e.has.transition && (this.effectMode = "transition"), this.material = e;
 				break;
 			}
@@ -4995,7 +5012,7 @@ var W = class extends H {
 A([_({ internal: !0 }), k("design:type", Object)], W.prototype, "material", void 0), A([_(), k("design:type", Object)], W.prototype, "effectMode", void 0), A([_(), k("design:type", String)], W.prototype, "glsl", void 0), A([_(), k("design:type", String)], W.prototype, "glslSrc", void 0), W = A([S("Effect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
 //#endregion
 //#region src/scene/main/RenderStack.ts
-var vr = class {
+var yr = class {
 	currentCall;
 	calls = [];
 	createCall(e) {
@@ -5017,7 +5034,7 @@ var vr = class {
 			});
 		}), this.calls = [];
 	}
-}, yr, br = yr = class extends V {
+}, br, xr = br = class extends V {
 	currentTime = 0;
 	playing = !1;
 	playbackRate = 1;
@@ -5038,7 +5055,7 @@ var vr = class {
 	}
 	static from(e, t = !1) {
 		let [n, r] = e ? Array.isArray(e) ? e : [0, e] : [];
-		return new yr({
+		return new br({
 			startTime: n,
 			endTime: r,
 			loop: t
@@ -5084,10 +5101,10 @@ var vr = class {
 		super._process(e), this.paused || this.addTime(e);
 	}
 };
-A([_({ fallback: 0 }), k("design:type", Number)], br.prototype, "startTime", void 0), A([_({ fallback: 2 ** 53 - 1 }), k("design:type", Number)], br.prototype, "endTime", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], br.prototype, "loop", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], br.prototype, "paused", void 0), br = yr = A([S("Timeline"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], br);
+A([_({ fallback: 0 }), k("design:type", Number)], xr.prototype, "startTime", void 0), A([_({ fallback: 2 ** 53 - 1 }), k("design:type", Number)], xr.prototype, "endTime", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], xr.prototype, "loop", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], xr.prototype, "paused", void 0), xr = br = A([S("Timeline"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], xr);
 //#endregion
 //#region src/scene/main/Window.ts
-var xr = class extends U {
+var Sr = class extends U {
 	constructor() {
 		super(), this.renderTargets.forEach((e) => e.isRoot = !0);
 	}
@@ -5098,17 +5115,17 @@ var xr = class extends U {
 		super.flush(e), this.finish(e);
 	}
 };
-xr = A([S("Window", {
+Sr = A([S("Window", {
 	processMode: "always",
 	renderMode: "always"
-}), k("design:paramtypes", [])], xr);
+}), k("design:paramtypes", [])], Sr);
 //#endregion
 //#region src/scene/main/SceneTree.ts
-var Sr = class extends Tt {
+var Cr = class extends Tt {
 	input = new gt();
-	renderStack = new vr();
-	root = new xr().setTree(this);
-	timeline = new br().setTree(this);
+	renderStack = new yr();
+	root = new Sr().setTree(this);
+	timeline = new xr().setTree(this);
 	nodeMap = /* @__PURE__ */ new Map();
 	_boundFonts;
 	_textRemeasureScheduled = !1;
@@ -5166,7 +5183,7 @@ var Sr = class extends Tt {
 		this.timeline.emit("process", e), this.emit("processing"), this.root.emit("process", e), this.emit("processed");
 	}
 	_render(e) {
-		this.emit("rendering"), hr(), this.renderStack.render(e), this._renderScreen(e), this.emit("rendered");
+		this.emit("rendering"), gr(), 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);
@@ -5177,30 +5194,30 @@ var Sr = class extends Tt {
 		super._destroy(), this._bindFonts(void 0), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-A([_({ alias: "root.msaa" }), k("design:type", Boolean)], Sr.prototype, "msaa", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Sr.prototype, "pixelate", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Sr.prototype, "roundPixels", void 0), A([_(), k("design:type", Object)], Sr.prototype, "backgroundColor", void 0), A([_({
+A([_({ alias: "root.msaa" }), k("design:type", Boolean)], Cr.prototype, "msaa", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Cr.prototype, "pixelate", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Cr.prototype, "roundPixels", void 0), A([_(), k("design:type", Object)], Cr.prototype, "backgroundColor", void 0), A([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], Sr.prototype, "debug", void 0), A([_({
+}), k("design:type", Boolean)], Cr.prototype, "debug", void 0), A([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], Sr.prototype, "processPaused", void 0), A([_({
+}), k("design:type", Boolean)], Cr.prototype, "processPaused", void 0), A([_({
 	internal: !0,
 	default: () => he
-}), k("design:type", Object)], Sr.prototype, "fonts", void 0);
+}), k("design:type", Object)], Cr.prototype, "fonts", void 0);
 //#endregion
 //#region src/scene/main/Transition.ts
-var Cr = class extends W {
+var wr = class extends W {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 };
-Cr = A([S("Transition", {
+wr = A([S("Transition", {
 	effectMode: "transition",
 	duration: 2e3
-}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Cr);
+}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
 //#endregion
 //#region src/scene/2d/Node2D.ts
-var wr = class extends _r {
+var Tr = class extends vr {
 	rotation = 0;
 	position = new x(0, 0, () => this.updateGlobalTransform());
 	scale = new x(1, 1, () => this.updateGlobalTransform());
@@ -5252,10 +5269,10 @@ var wr = class extends _r {
 		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();
 	}
 };
-wr = A([S("Node2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
+Tr = A([S("Node2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
 //#endregion
 //#region src/scene/2d/Camera2D.ts
-var Tr = class extends wr {
+var Er = class extends Tr {
 	canvasTransform = new b();
 	_screenOffset = {
 		x: 0,
@@ -5402,16 +5419,16 @@ var Tr = class extends wr {
 A([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], Tr.prototype, "spaceKey", void 0), A([_({
+}), k("design:type", Boolean)], Er.prototype, "spaceKey", void 0), A([_({
 	internal: !0,
 	fallback: !1
-}), k("design:type", Boolean)], Tr.prototype, "grabbing", void 0), Tr = A([S("Camera2D", {
+}), k("design:type", Boolean)], Er.prototype, "grabbing", void 0), Er = A([S("Camera2D", {
 	processMode: "disabled",
 	renderMode: "disabled"
-}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
+}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Er);
 //#endregion
 //#region src/scene/2d/element/connectionRouter.ts
-function Er(e, t) {
+function Dr(e, t) {
 	return Math.abs(e) >= Math.abs(t) ? {
 		x: Math.sign(e) || 1,
 		y: 0
@@ -5420,11 +5437,11 @@ function Er(e, t) {
 		y: Math.sign(t) || 1
 	};
 }
-function Dr(e, t, n, r = {}) {
+function Or(e, t, n, r = {}) {
 	let i = t.point, a = n.point, o = new v();
 	switch (e) {
 		case "curved": {
-			let e = t.dir ?? Er(a.x - i.x, a.y - i.y), s = n.dir ?? Er(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 ?? Dr(a.x - i.x, a.y - i.y), s = n.dir ?? Dr(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);
@@ -5432,7 +5449,7 @@ function Dr(e, t, n, r = {}) {
 			break;
 		}
 		case "orthogonal": {
-			let e = kr(t, n, r);
+			let e = Ar(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;
 		}
@@ -5442,11 +5459,11 @@ function Dr(e, t, n, r = {}) {
 	}
 	return o;
 }
-function Or(e) {
-	return Er(e.x, e.y);
+function kr(e) {
+	return Dr(e.x, e.y);
 }
-function kr(e, t, n) {
-	let r = e.point, i = t.point, a = n.stub ?? 16, o = Or(e.dir ?? Er(i.x - r.x, i.y - r.y)), s = Or(t.dir ?? Er(r.x - i.x, r.y - i.y)), c = {
+function Ar(e, t, n) {
+	let r = e.point, i = t.point, a = n.stub ?? 16, o = kr(e.dir ?? Dr(i.x - r.x, i.y - r.y)), s = kr(t.dir ?? Dr(r.x - i.x, r.y - i.y)), c = {
 		x: r.x + o.x * a,
 		y: r.y + o.y * a
 	}, l = {
@@ -5458,12 +5475,12 @@ function kr(e, t, n) {
 		x: r.x,
 		y: r.y
 	}, c];
-	return d.push(...jr(c, o, l, s, a, u)), d.push(l, {
+	return d.push(...Mr(c, o, l, s, a, u)), d.push(l, {
 		x: i.x,
 		y: i.y
-	}), Mr(d);
+	}), Nr(d);
 }
-function Ar(e, t, n, r, i) {
+function jr(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];
@@ -5474,7 +5491,7 @@ function Ar(e, t, n, r, i) {
 	}
 	return e > a && e < o ? a - i : e;
 }
-function jr(e, t, n, r, i, a = []) {
+function Mr(e, t, n, r, i, a = []) {
 	let o = t.y === 0;
 	if (o === (r.y === 0)) {
 		if (o) {
@@ -5489,7 +5506,7 @@ function jr(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 = Ar(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
+			return o = jr(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
 				x: e.x,
 				y: o
 			}, {
@@ -5508,7 +5525,7 @@ function jr(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 = Ar(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
+		return s = jr(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
 			x: s,
 			y: e.y
 		}, {
@@ -5535,7 +5552,7 @@ function jr(e, t, n, r, i, a = []) {
 		y: l.y
 	}];
 }
-function Mr(e) {
+function Nr(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n], i = t[t.length - 1];
@@ -5545,7 +5562,7 @@ function Mr(e) {
 }
 //#endregion
 //#region src/css/parseCssFilter.ts
-var Nr = {
+var Pr = {
 	brightness: 1,
 	contrast: 1,
 	grayscale: 0,
@@ -5555,12 +5572,12 @@ var Nr = {
 	saturate: 1,
 	sepia: 0
 };
-function Pr(e) {
+function Fr(e) {
 	let t = new St();
 	if (e === "none") return t;
 	let n = ke(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
-	Object.keys(Nr).forEach((e) => {
-		n[e] = n[e] ?? Nr[e];
+	Object.keys(Pr).forEach((e) => {
+		n[e] = n[e] ?? Pr[e];
 	});
 	for (let e in n) {
 		let r = n[e];
@@ -5595,7 +5612,7 @@ function Pr(e) {
 }
 //#endregion
 //#region src/css/parseCssTransformOrigin.ts
-function Fr(e) {
+function Ir(e) {
 	let [t, n = t] = e.split(" ");
 	return [t, n].map((e) => {
 		switch (e = e.trim(), e) {
@@ -5610,9 +5627,9 @@ function Fr(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Ir, G = class extends W {
+var Lr, G = class extends W {
 	static {
-		Ir = this;
+		Lr = this;
 	}
 	static material = new L({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5623,7 +5640,7 @@ var Ir, G = class extends W {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			R.draw(e, Ir.material, {
+			R.draw(e, Lr.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5637,12 +5654,12 @@ var Ir, G = class extends W {
 		});
 	}
 };
-A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "saturation", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "contrast", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "brightness", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "red", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "green", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "blue", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "alpha", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "gamma", void 0), G = Ir = A([S("ColorAdjustEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
+A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "saturation", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "contrast", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "brightness", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "red", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "green", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "blue", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "alpha", void 0), A([_({ fallback: 1 }), k("design:type", Number)], G.prototype, "gamma", void 0), G = Lr = A([S("ColorAdjustEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var Lr, Rr = class extends W {
+var Rr, zr = class extends W {
 	static {
-		Lr = this;
+		Rr = this;
 	}
 	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5692,25 +5709,25 @@ var Lr, Rr = class extends W {
 					break;
 			}
 		}), t.redraw(e, () => {
-			R.draw(e, Lr.material, {
+			R.draw(e, Rr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-A([_(), k("design:type", String)], Rr.prototype, "filter", void 0), Rr = Lr = A([S("ColorFilterEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Rr);
+A([_(), k("design:type", String)], zr.prototype, "filter", void 0), zr = Rr = A([S("ColorFilterEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], zr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var zr, Br = 50, Vr = class extends W {
+var Br, Vr = 50, Hr = class extends W {
 	static {
-		zr = this;
+		Br = this;
 	}
 	static material = new L({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${Br}];
+uniform vec4 colors[${Vr}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -5719,7 +5736,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${Br}; i++) {
+    for (int i = 0; i < ${Vr}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -5731,7 +5748,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${Br}; i++){
+  for(int i=0; i<${Vr}; i++){
     if(i==index){
         return colors[i];
     }
@@ -5757,25 +5774,25 @@ void main(void) {
 				let t = this._color.toArray();
 				return t[3] = this.alpha, t;
 			});
-			for (; t.length < Br;) t.push([
+			for (; t.length < Vr;) t.push([
 				0,
 				0,
 				0,
 				0
 			]);
-			R.draw(e, zr.material, {
+			R.draw(e, Br.material, {
 				sampler: 0,
-				colors: t.slice(0, Br).flatMap((e) => e)
+				colors: t.slice(0, Vr).flatMap((e) => e)
 			});
 		});
 	}
 };
-A([_({ default: () => [] }), k("design:type", Array)], Vr.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Vr.prototype, "alpha", void 0), Vr = zr = A([S("ColorOverlayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Vr);
+A([_({ default: () => [] }), k("design:type", Array)], Hr.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Hr.prototype, "alpha", void 0), Hr = Br = A([S("ColorOverlayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Hr);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var Hr, Ur = class extends W {
+var Ur, Wr = class extends W {
 	static {
-		Hr = this;
+		Ur = this;
 	}
 	static material = new L({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5795,7 +5812,7 @@ var Hr, Ur = class extends W {
 		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, Hr.material, {
+			R.draw(e, Ur.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5803,19 +5820,19 @@ var Hr, Ur = class extends W {
 		});
 	}
 };
-A([_({ default: () => [] }), k("design:type", Array)], Ur.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Ur.prototype, "epsilon", void 0), Ur = Hr = A([S("ColorRemoveEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ur);
+A([_({ default: () => [] }), k("design:type", Array)], Wr.prototype, "colors", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Wr.prototype, "epsilon", void 0), Wr = Ur = A([S("ColorRemoveEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Wr);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var Wr, Gr = 50, Kr = class extends W {
+var Gr, Kr = 50, qr = class extends W {
 	static {
-		Wr = this;
+		Gr = this;
 	}
 	static material = new L({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${Gr};
+const int MAX_COLORS = ${Kr};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -5852,8 +5869,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(Gr * 3), a = new Float32Array(Gr * 3);
-		for (; n.length < Gr;) n.push([[
+		}), r = this.epsilon, i = new Float32Array(Kr * 3), a = new Float32Array(Kr * 3);
+		for (; n.length < Kr;) n.push([[
 			-1,
 			0,
 			0
@@ -5863,10 +5880,10 @@ void main(void) {
 			0,
 			1
 		]]);
-		n.slice(0, Gr).forEach(([e, t], n) => {
+		n.slice(0, Kr).forEach(([e, t], n) => {
 			i[n * 3] = e[0], i[n * 3 + 1] = e[1], i[n * 3 + 2] = e[2], a[n * 3] = t[0], a[n * 3 + 1] = t[1], a[n * 3 + 2] = t[2];
 		}), t.redraw(e, () => {
-			R.draw(e, Wr.material, {
+			R.draw(e, Gr.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5875,17 +5892,17 @@ void main(void) {
 		});
 	}
 };
-A([_({ default: () => [] }), k("design:type", Array)], Kr.prototype, "colors", void 0), A([_({ fallback: .05 }), k("design:type", Number)], Kr.prototype, "epsilon", void 0), Kr = Wr = A([S("ColorReplaceEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Kr);
+A([_({ default: () => [] }), k("design:type", Array)], qr.prototype, "colors", void 0), A([_({ fallback: .05 }), k("design:type", Number)], qr.prototype, "epsilon", void 0), qr = Gr = A([S("ColorReplaceEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], qr);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var qr = "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", Jr, K = class extends W {
+var Jr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\nconst int CHECKERBOARD_STYLE_DOTS_DARK = 4;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS || checkerboardStyle == CHECKERBOARD_STYLE_DOTS_DARK) {\n    // light vs dark dots share this path; the base/dot colours are supplied as\n    // uniforms (set per style on the CPU side), so only the values differ.\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", Yr, K = class extends W {
 	static {
-		Jr = this;
+		Yr = this;
 	}
 	_watermark;
 	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position.xy, 0.0, 1.0);\n  vUv = uv;\n}",
-		fragment: qr
+		fragment: Jr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5934,7 +5951,7 @@ var qr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 				zoomedOut: this.dotColor ?? a.zoomedOut,
 				diff: this.dotZoomDiff ?? a.diff
 			};
-			R.draw(e, Jr.material, {
+			R.draw(e, Yr.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5958,20 +5975,20 @@ var qr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-A([_({ fallback: !1 }), k("design:type", Boolean)], K.prototype, "checkerboard", void 0), A([_({ fallback: "grid" }), k("design:type", Object)], K.prototype, "checkerboardStyle", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], K.prototype, "pixelGrid", void 0), A([_(), k("design:type", Number)], K.prototype, "dotBaseColor", void 0), A([_(), k("design:type", Number)], K.prototype, "dotColor", void 0), A([_(), k("design:type", Number)], K.prototype, "dotZoomDiff", void 0), A([_(), k("design:type", String)], K.prototype, "watermark", void 0), A([_({ fallback: 100 }), k("design:type", Number)], K.prototype, "watermarkWidth", void 0), A([_({ fallback: .05 }), k("design:type", Number)], K.prototype, "watermarkAlpha", void 0), A([_({ fallback: .5236 }), k("design:type", Number)], K.prototype, "watermarkRotation", void 0), K = Jr = A([S("DrawboardEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
+A([_({ fallback: !1 }), k("design:type", Boolean)], K.prototype, "checkerboard", void 0), A([_({ fallback: "grid" }), k("design:type", Object)], K.prototype, "checkerboardStyle", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], K.prototype, "pixelGrid", void 0), A([_(), k("design:type", Number)], K.prototype, "dotBaseColor", void 0), A([_(), k("design:type", Number)], K.prototype, "dotColor", void 0), A([_(), k("design:type", Number)], K.prototype, "dotZoomDiff", void 0), A([_(), k("design:type", String)], K.prototype, "watermark", void 0), A([_({ fallback: 100 }), k("design:type", Number)], K.prototype, "watermarkWidth", void 0), A([_({ fallback: .05 }), k("design:type", Number)], K.prototype, "watermarkAlpha", void 0), A([_({ fallback: .5236 }), k("design:type", Number)], K.prototype, "watermarkRotation", void 0), K = Yr = A([S("DrawboardEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var Yr, Xr = "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}", Zr = class extends W {
+var Xr, Zr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void) {\n  gl_FragColor = vec4(0.0);\n  float flag = 0.0;\n  for (int i = 0; i < 9; i++) {\n   vec2 uv = vUv[i];\n   if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n     flag = 1.0;\n     break;\n   }\n  }\n  if (flag == 1.0) {\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n  } else {\n    gl_FragColor += texture2D(sampler, vUv[0]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[1]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[2]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[3]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[5]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[6]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[7]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;\n  }\n}", Qr = class extends W {
 	static {
-		Yr = this;
+		Xr = this;
 	}
 	static materialX = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(-4.0 * uStrength, 0.0);\n  vUv[1] = uv + vec2(-3.0 * uStrength, 0.0);\n  vUv[2] = uv + vec2(-2.0 * uStrength, 0.0);\n  vUv[3] = uv + vec2(-1.0 * uStrength, 0.0);\n  vUv[4] = uv + vec2(0.0 * uStrength, 0.0);\n  vUv[5] = uv + vec2(1.0 * uStrength, 0.0);\n  vUv[6] = uv + vec2(2.0 * uStrength, 0.0);\n  vUv[7] = uv + vec2(3.0 * uStrength, 0.0);\n  vUv[8] = uv + vec2(4.0 * uStrength, 0.0);\n}",
-		fragment: Xr
+		fragment: Zr
 	} });
 	static materialY = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(0.0, -4.0 * uStrength);\n  vUv[1] = uv + vec2(0.0, -3.0 * uStrength);\n  vUv[2] = uv + vec2(0.0, -2.0 * uStrength);\n  vUv[3] = uv + vec2(0.0, -1.0 * uStrength);\n  vUv[4] = uv + vec2(0.0, 0.0 * uStrength);\n  vUv[5] = uv + vec2(0.0, 1.0 * uStrength);\n  vUv[6] = uv + vec2(0.0, 2.0 * uStrength);\n  vUv[7] = uv + vec2(0.0, 3.0 * uStrength);\n  vUv[8] = uv + vec2(0.0, 4.0 * uStrength);\n}",
-		fragment: Xr
+		fragment: Zr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5979,31 +5996,31 @@ var Yr, Xr = "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, Yr.materialX, {
+			R.draw(e, Xr.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			R.draw(e, Yr.materialY, {
+			R.draw(e, Xr.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-A([_({ fallback: 4 }), k("design:type", Number)], Zr.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], Zr.prototype, "quality", void 0), Zr = Yr = A([S("GaussianBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Zr);
+A([_({ fallback: 4 }), k("design:type", Number)], Qr.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], Qr.prototype, "quality", void 0), Qr = Xr = A([S("GaussianBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Qr);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var Qr, $r = class extends W {
+var $r, ei = class extends W {
 	static {
-		Qr = this;
+		$r = this;
 	}
 	static material = new L({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float uAlpha;\nuniform vec3 uColor;\nuniform vec2 uOffset;\nuniform vec4 uInputSize;\n\nvoid main(void) {\n  vec4 sample = texture2D(sampler, vUv + uOffset * uInputSize.zw);\n  sample.rgb = uColor.rgb * sample.a;\n  sample *= uAlpha;\n  gl_FragColor = sample;\n}"
 	} });
-	blurEffect = new Zr();
+	blurEffect = new Qr();
 	viewport3 = new U();
 	_color = new E();
 	constructor(e, t = []) {
@@ -6011,7 +6028,7 @@ var Qr, $r = class extends W {
 	}
 	apply(e, t) {
 		this.viewport3.activateWithCopy(e, t), this.viewport3.redraw(e, () => {
-			this._color.value = this.color, R.draw(e, Qr.material, {
+			this._color.value = this.color, R.draw(e, $r.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -6024,16 +6041,16 @@ var Qr, $r = class extends W {
 				]
 			});
 		}), this.blurEffect.strength = this.blur, this.blurEffect.apply(e, this.viewport3), t.redraw(e, () => {
-			this.viewport3.texture.activate(e, 1), R.draw(e, Zn.instance, { sampler: 1 }), this.shadowOnly || R.draw(e, Zn.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), R.draw(e, Qn.instance, { sampler: 1 }), this.shadowOnly || R.draw(e, Qn.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
-A([_({ fallback: "#000000FF" }), k("design:type", Object)], $r.prototype, "color", void 0), A([_({ fallback: 4 }), k("design:type", Number)], $r.prototype, "blur", void 0), A([_({ fallback: 4 }), k("design:type", Number)], $r.prototype, "offsetX", void 0), A([_({ fallback: 4 }), k("design:type", Number)], $r.prototype, "offsetY", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], $r.prototype, "shadowOnly", void 0), $r = Qr = A([S("DropShadowEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], $r);
+A([_({ fallback: "#000000FF" }), k("design:type", Object)], ei.prototype, "color", void 0), A([_({ fallback: 4 }), k("design:type", Number)], ei.prototype, "blur", void 0), A([_({ fallback: 4 }), k("design:type", Number)], ei.prototype, "offsetX", void 0), A([_({ fallback: 4 }), k("design:type", Number)], ei.prototype, "offsetY", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], ei.prototype, "shadowOnly", void 0), ei = $r = A([S("DropShadowEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ei);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var ei, ti = class extends W {
+var ti, ni = class extends W {
 	static {
-		ei = this;
+		ti = this;
 	}
 	static material = new L({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6044,7 +6061,7 @@ var ei, ti = class extends W {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			R.draw(e, ei.material, {
+			R.draw(e, ti.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -6057,12 +6074,12 @@ var ei, ti = class extends W {
 		});
 	}
 };
-A([_({ fallback: 5 }), k("design:type", Number)], ti.prototype, "strength", void 0), ti = ei = A([S("EmbossEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ti);
+A([_({ fallback: 5 }), k("design:type", Number)], ni.prototype, "strength", void 0), ni = ti = A([S("EmbossEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ni);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var ni, q = class extends W {
+var ri, q = class extends W {
 	static {
-		ni = this;
+		ri = this;
 	}
 	static material = new L({ gl: {
 		vertex: "in vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6094,7 +6111,7 @@ var ni, q = class extends W {
 		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, ni.material, {
+			this._texture.activate(e, 1), R.draw(e, ri.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -6123,12 +6140,12 @@ var ni, q = class extends W {
 		});
 	}
 };
-A([_({ fallback: 10 }), k("design:type", Number)], q.prototype, "slices", void 0), A([_({ fallback: 512 }), k("design:type", Number)], q.prototype, "sampleSize", void 0), A([_({ fallback: 100 }), k("design:type", Number)], q.prototype, "offset", void 0), A([_({ fallback: 0 }), k("design:type", Number)], q.prototype, "direction", void 0), A([_({ fallback: 2 }), k("design:type", Number)], q.prototype, "fillMode", void 0), A([_({ fallback: 0 }), k("design:type", Number)], q.prototype, "seed", void 0), A([_({ default: () => [2, 2] }), k("design:type", Array)], q.prototype, "red", void 0), A([_({ default: () => [-10, 4] }), k("design:type", Array)], q.prototype, "green", void 0), A([_({ default: () => [10, -4] }), k("design:type", Array)], q.prototype, "blue", void 0), q = ni = A([S("GlitchEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
+A([_({ fallback: 10 }), k("design:type", Number)], q.prototype, "slices", void 0), A([_({ fallback: 512 }), k("design:type", Number)], q.prototype, "sampleSize", void 0), A([_({ fallback: 100 }), k("design:type", Number)], q.prototype, "offset", void 0), A([_({ fallback: 0 }), k("design:type", Number)], q.prototype, "direction", void 0), A([_({ fallback: 2 }), k("design:type", Number)], q.prototype, "fillMode", void 0), A([_({ fallback: 0 }), k("design:type", Number)], q.prototype, "seed", void 0), A([_({ default: () => [2, 2] }), k("design:type", Array)], q.prototype, "red", void 0), A([_({ default: () => [-10, 4] }), k("design:type", Array)], q.prototype, "green", void 0), A([_({ default: () => [10, -4] }), k("design:type", Array)], q.prototype, "blue", void 0), q = ri = A([S("GlitchEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var ri, ii = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", J = class extends W {
+var ii, ai = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", J = class extends W {
 	static {
-		ri = this;
+		ii = this;
 	}
 	static material = new L({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6143,7 +6160,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${ii}
+${ai}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -6182,7 +6199,7 @@ void main(void) {
 	apply(e, t) {
 		let n = this.angle * (Math.PI / 180), r = this.parallel ? [Math.cos(n), Math.sin(n)] : this.center;
 		t.redraw(e, () => {
-			R.draw(e, ri.material, {
+			R.draw(e, ii.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -6204,15 +6221,15 @@ void main(void) {
 		});
 	}
 };
-A([_({ fallback: 0 }), k("design:type", Number)], J.prototype, "time", void 0), A([_({ fallback: 30 }), k("design:type", Number)], J.prototype, "angle", void 0), A([_({ fallback: .5 }), k("design:type", Number)], J.prototype, "gain", void 0), A([_({ fallback: 2.5 }), k("design:type", Number)], J.prototype, "lacunarity", void 0), A([_({ fallback: !0 }), k("design:type", Boolean)], J.prototype, "parallel", void 0), A([_({ default: () => [0, 0] }), k("design:type", Array)], J.prototype, "center", void 0), A([_({ fallback: 1 }), k("design:type", Number)], J.prototype, "alpha", void 0), J = ri = A([S("GodrayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], J);
+A([_({ fallback: 0 }), k("design:type", Number)], J.prototype, "time", void 0), A([_({ fallback: 30 }), k("design:type", Number)], J.prototype, "angle", void 0), A([_({ fallback: .5 }), k("design:type", Number)], J.prototype, "gain", void 0), A([_({ fallback: 2.5 }), k("design:type", Number)], J.prototype, "lacunarity", void 0), A([_({ fallback: !0 }), k("design:type", Boolean)], J.prototype, "parallel", void 0), A([_({ default: () => [0, 0] }), k("design:type", Array)], J.prototype, "center", void 0), A([_({ fallback: 1 }), k("design:type", Number)], J.prototype, "alpha", void 0), J = ii = A([S("GodrayEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], J);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var ai = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", oi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\nuniform vec4 uInputClamp;\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color *= 0.25;\n    gl_FragColor = color;\n}", si = class extends W {
+var oi = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", si = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\nuniform vec4 uInputClamp;\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color *= 0.25;\n    gl_FragColor = color;\n}", ci = class extends W {
 	_kernels = [0];
 	constructor(e, t = []) {
 		super(), this.material = new L({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: e?.clamp ? oi : ai
+			fragment: e?.clamp ? si : oi
 		} }), this.setProperties(e).append(t), this._generateKernels();
 	}
 	_updateProperty(e, t, n) {
@@ -6250,12 +6267,12 @@ var ai = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		});
 	}
 };
-A([_({ fallback: 4 }), k("design:type", Number)], si.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], si.prototype, "quality", void 0), A([_({ default: () => [1, 1] }), k("design:type", Array)], si.prototype, "pixelSize", void 0), si = A([S("KawaseBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], si);
+A([_({ fallback: 4 }), k("design:type", Number)], ci.prototype, "strength", void 0), A([_({ fallback: 3 }), k("design:type", Number)], ci.prototype, "quality", void 0), A([_({ default: () => [1, 1] }), k("design:type", Array)], ci.prototype, "pixelSize", void 0), ci = A([S("KawaseBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ci);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var ci, li = class extends W {
+var li, ui = class extends W {
 	static {
-		ci = this;
+		li = this;
 	}
 	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6277,7 +6294,7 @@ var ci, li = class extends W {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), R.draw(e, ci.material, {
+			this.texture.activate(e, 1), R.draw(e, li.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -6285,23 +6302,23 @@ var ci, li = class extends W {
 		});
 	}
 };
-A([_({ fallback: "" }), k("design:type", String)], li.prototype, "image", void 0), li = ci = A([S("MaskEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], li);
+A([_({ fallback: "" }), k("design:type", String)], ui.prototype, "image", void 0), ui = li = A([S("MaskEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ui);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var ui, di = "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}", fi = class extends W {
+var di, fi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", pi = class extends W {
 	static {
-		ui = this;
+		di = this;
 	}
 	static MIN_SAMPLES = 1;
 	static MAX_SAMPLES = 100;
 	static getAngleStep(e) {
-		return Number.parseFloat((Math.PI * 2 / Math.max(e * ui.MAX_SAMPLES, ui.MIN_SAMPLES)).toFixed(7));
+		return Number.parseFloat((Math.PI * 2 / Math.max(e * di.MAX_SAMPLES, di.MIN_SAMPLES)).toFixed(7));
 	}
 	_color = new E();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t), this.material = new L({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: di.replace(/\{ANGLE_STEP\}/, ui.getAngleStep(this.quality).toFixed(7))
+			fragment: fi.replace(/\{ANGLE_STEP\}/, di.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
@@ -6311,7 +6328,7 @@ var ui, di = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 				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: ui.getAngleStep(this.quality),
+				uAngleStep: di.getAngleStep(this.quality),
 				uKnockout: +!!this.knockout,
 				uInputClamp: [
 					0,
@@ -6323,12 +6340,12 @@ var ui, di = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 		});
 	}
 };
-A([_({ fallback: "#000000ff" }), k("design:type", Object)], fi.prototype, "color", void 0), A([_({ fallback: 1 }), k("design:type", Number)], fi.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", String)], fi.prototype, "style", void 0), A([_(), k("design:type", Object)], fi.prototype, "image", void 0), A([_({ fallback: 1 }), k("design:type", Number)], fi.prototype, "opacity", void 0), A([_({ fallback: .1 }), k("design:type", Number)], fi.prototype, "quality", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], fi.prototype, "knockout", void 0), fi = ui = A([S("OutlineEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], fi);
+A([_({ fallback: "#000000ff" }), k("design:type", Object)], pi.prototype, "color", void 0), A([_({ fallback: 1 }), k("design:type", Number)], pi.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", String)], pi.prototype, "style", void 0), A([_(), k("design:type", Object)], pi.prototype, "image", void 0), A([_({ fallback: 1 }), k("design:type", Number)], pi.prototype, "opacity", void 0), A([_({ fallback: .1 }), k("design:type", Number)], pi.prototype, "quality", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], pi.prototype, "knockout", void 0), pi = di = A([S("OutlineEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], pi);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var pi, mi = class extends W {
+var mi, hi = class extends W {
 	static {
-		pi = this;
+		mi = this;
 	}
 	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6344,16 +6361,16 @@ var pi, mi = class extends W {
 				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, pi.material, a);
+			R.draw(e, mi.material, a);
 		});
 	}
 };
-A([_({ fallback: 10 }), k("design:type", Number)], mi.prototype, "strength", void 0), mi = pi = A([S("PixelateEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], mi);
+A([_({ fallback: 10 }), k("design:type", Number)], hi.prototype, "strength", void 0), hi = mi = A([S("PixelateEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], hi);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var hi, gi = class extends W {
+var gi, _i = class extends W {
 	static {
-		hi = this;
+		gi = this;
 	}
 	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6364,7 +6381,7 @@ var hi, gi = class extends W {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			R.draw(e, hi.material, {
+			R.draw(e, gi.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6380,10 +6397,10 @@ var hi, gi = class extends W {
 		});
 	}
 };
-A([_(), k("design:type", Array)], gi.prototype, "center", void 0), A([_({ fallback: 20 }), k("design:type", Number)], gi.prototype, "innerRadius", void 0), A([_({ fallback: -1 }), k("design:type", Number)], gi.prototype, "radius", void 0), A([_({ fallback: .1 }), k("design:type", Number)], gi.prototype, "strength", void 0), gi = hi = A([S("ZoomBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], gi);
+A([_(), k("design:type", Array)], _i.prototype, "center", void 0), A([_({ fallback: 20 }), k("design:type", Number)], _i.prototype, "innerRadius", void 0), A([_({ fallback: -1 }), k("design:type", Number)], _i.prototype, "radius", void 0), A([_({ fallback: .1 }), k("design:type", Number)], _i.prototype, "strength", void 0), _i = gi = A([S("ZoomBlurEffect"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], _i);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function _i(e, t) {
+function vi(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = !1, s = new b().translate(-n, -r).scale(1 / i, 1 / a);
 	if (e.cropRect) {
 		let { left: t = 0, top: n = 0, right: r = 0, bottom: i = 0 } = e.cropRect;
@@ -6438,7 +6455,7 @@ var Y = class extends T {
 		}
 	}
 	async loadTexture() {
-		if (this.linearGradient || this.radialGradient) this.texture = new nr(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
+		if (this.linearGradient || this.radialGradient) this.texture = new rr(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 () => {
@@ -6459,12 +6476,12 @@ var Y = class extends T {
 			width: e,
 			height: t
 		} };
-		if (this.image === "viewport") n.fillStyle = new or();
+		if (this.image === "viewport") n.fillStyle = new sr();
 		else {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				..._i(this, this.tile && i ? {
+				...vi(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6503,7 +6520,7 @@ var Y = class extends T {
 A([_({ fallback: !0 }), k("design:type", Boolean)], Y.prototype, "enabled", void 0), A([_(), k("design:type", Object)], Y.prototype, "color", void 0), A([_(), k("design:type", Object)], Y.prototype, "image", void 0), A([_(), k("design:type", Object)], Y.prototype, "linearGradient", void 0), A([_(), k("design:type", Object)], Y.prototype, "radialGradient", void 0), A([_(), k("design:type", Object)], Y.prototype, "cropRect", void 0), A([_(), k("design:type", Object)], Y.prototype, "stretchRect", void 0), A([_(), k("design:type", Object)], Y.prototype, "dpi", void 0), A([_(), k("design:type", Object)], Y.prototype, "rotateWithShape", void 0), A([_(), k("design:type", Object)], Y.prototype, "tile", void 0), A([_(), k("design:type", Object)], Y.prototype, "opacity", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var vi = class extends Y {
+var yi = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6515,14 +6532,14 @@ var vi = class extends Y {
 		}
 	}
 };
-A([_(), k("design:type", Object)], vi.prototype, "fillWithShape", void 0);
+A([_(), k("design:type", Object)], yi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DChart.ts
-var yi;
-function bi() {
-	return yi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), yi;
+var bi;
+function xi() {
+	return bi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), bi;
 }
-function xi(e) {
+function Si(e) {
 	if (!e) return { show: !1 };
 	switch (e) {
 		case "bottom": return {
@@ -6588,7 +6605,7 @@ var X = class extends T {
 			this._teardown(), this._parent.requestDraw();
 			return;
 		}
-		let n = await bi();
+		let n = await xi();
 		if (!n) {
 			console.warn("[modern-canvas] chart rendering requires the optional \"echarts\" dependency (e.g. `pnpm add echarts`)"), this._renderPlaceholder(e, t);
 			return;
@@ -6613,7 +6630,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 er({
+				this._texture = new tr({
 					source: e,
 					pixelRatio: 1
 				});
@@ -6626,7 +6643,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 er({
+		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 tr({
 			source: n,
 			pixelRatio: 1
 		}), this._texture.requestUpdate("source"), this._parent.requestDraw());
@@ -6647,7 +6664,7 @@ var X = class extends T {
 				text: this.title,
 				left: "center"
 			} : void 0,
-			legend: xi(this.legend),
+			legend: Si(this.legend),
 			tooltip: {}
 		};
 		if (n) {
@@ -6694,7 +6711,7 @@ var X = class extends T {
 A([_({ fallback: !0 }), k("design:type", Boolean)], X.prototype, "enabled", void 0), A([_({ fallback: "column" }), k("design:type", Object)], X.prototype, "type", void 0), A([_(), k("design:type", Object)], X.prototype, "grouping", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], X.prototype, "categories", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], X.prototype, "series", void 0), A([_(), k("design:type", Object)], X.prototype, "title", void 0), A([_(), k("design:type", Object)], X.prototype, "legend", void 0), A([_(), k("design:type", Object)], X.prototype, "categoryAxis", void 0), A([_(), k("design:type", Object)], X.prototype, "valueAxis", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DComments.ts
-var Si = class extends T {
+var Ci = class extends T {
 	parent;
 	constructor(e) {
 		super(), this.parent = e;
@@ -6728,7 +6745,7 @@ var Si = class extends T {
 	isValid() {
 		return Object.values(this._properties).some(Boolean);
 	}
-}, Ci = class extends T {
+}, wi = class extends T {
 	_parent;
 	_routeSig;
 	_routePath;
@@ -6771,12 +6788,12 @@ var Si = 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 ? Er(n.x - .5, n.y - .5) : {
+				return i = n.ang === void 0 ? Dr(n.x - .5, n.y - .5) : {
 					x: Math.cos(n.ang),
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: wi(i, t.globalRotation),
+					dir: Ti(i, t.globalRotation),
 					bbox: r
 				};
 			}
@@ -6799,11 +6816,11 @@ var Si = 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 = Dr(this.mode, e ?? t, t ?? e)), this._routePath;
+		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Or(this.mode, e ?? t, t ?? e)), this._routePath;
 	}
 };
-A([_(), k("design:type", Object)], Ci.prototype, "start", void 0), A([_(), k("design:type", Object)], Ci.prototype, "end", void 0), A([_({ fallback: "straight" }), k("design:type", Object)], Ci.prototype, "mode", void 0), A([_({ fallback: .5 }), k("design:type", Number)], Ci.prototype, "labelPosition", void 0);
-function wi(e, t) {
+A([_(), k("design:type", Object)], wi.prototype, "start", void 0), A([_(), k("design:type", Object)], wi.prototype, "end", void 0), A([_({ fallback: "straight" }), k("design:type", Object)], wi.prototype, "mode", void 0), A([_({ fallback: .5 }), k("design:type", Number)], wi.prototype, "labelPosition", void 0);
+function Ti(e, t) {
 	if (!t) return e;
 	let n = Math.cos(t), r = Math.sin(t);
 	return {
@@ -6813,29 +6830,29 @@ function wi(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/bakeImageEffects.ts
-function Ti(e) {
+function Ei(e) {
 	return e.getContext("2d");
 }
-function Ei(e, t, n, r) {
+function Di(e, t, n, r) {
 	let i = (t?.angle ?? 0) * Math.PI / 180, a = n / 2, o = r / 2, s = (Math.abs(Math.cos(i)) * n + Math.abs(Math.sin(i)) * r) / 2, c = Math.cos(i) * s, l = Math.sin(i) * s, u = e.createLinearGradient(a - c, o - l, a + c, o + l);
 	for (let e of t?.stops ?? []) u.addColorStop(Math.min(1, Math.max(0, e.offset)), e.color);
 	return u;
 }
-function Di(e, t, n, r, i) {
-	let a = w(t, n), o = Ti(a);
-	return o.drawImage(e, 0, 0, t, n), o.globalCompositeOperation = "source-in", r.linearGradient ? (o.fillStyle = Ei(o, r.linearGradient, t, n), o.fillRect(0, 0, t, n)) : r.image && i[r.image] ? o.drawImage(i[r.image], 0, 0, t, n) : r.color && (o.fillStyle = r.color, o.fillRect(0, 0, t, n)), a;
-}
 function Oi(e, t, n, r, i) {
-	let a = w(t, n), o = Ti(a), s = Math.max(8, Math.ceil(r) * 2);
+	let a = w(t, n), o = Ei(a);
+	return o.drawImage(e, 0, 0, t, n), o.globalCompositeOperation = "source-in", r.linearGradient ? (o.fillStyle = Di(o, r.linearGradient, t, n), o.fillRect(0, 0, t, n)) : r.image && i[r.image] ? o.drawImage(i[r.image], 0, 0, t, n) : r.color && (o.fillStyle = r.color, o.fillRect(0, 0, t, n)), a;
+}
+function ki(e, t, n, r, i) {
+	let a = w(t, n), o = Ei(a), s = Math.max(8, Math.ceil(r) * 2);
 	for (let i = 0; i < s; i++) {
 		let a = i / s * Math.PI * 2;
 		o.drawImage(e, Math.cos(a) * r, Math.sin(a) * r, t, n);
 	}
 	o.globalCompositeOperation = "source-in", o.fillStyle = i, o.fillRect(0, 0, t, n);
-	let c = w(t, n), l = Ti(c);
+	let c = w(t, n), l = Ei(c);
 	return l.drawImage(a, 0, 0), l.drawImage(e, 0, 0, t, n), c;
 }
-function ki(e) {
+function Ai(e) {
 	let t = 0, n = 0;
 	if (!e) return {
 		x: t,
@@ -6851,31 +6868,31 @@ function ki(e) {
 		y: n
 	};
 }
-function Ai(e, t, n, r, i = {}) {
+function ji(e, t, n, r, i = {}) {
 	let a = Math.max(1, Math.round(n)), o = Math.max(1, Math.round(r)), s = 0;
 	for (let e of t) {
 		e.outline?.width && e.outline.color && (s = Math.max(s, e.outline.width));
-		let t = ki(e.transform);
+		let t = Ai(e.transform);
 		s = Math.max(s, Math.abs(t.x), Math.abs(t.y));
 	}
 	s = Math.min(Math.ceil(s), Math.floor(Math.min(a, o) * .2));
 	let c = e;
 	if (s > 0) {
 		let t = w(a, o);
-		Ti(t).drawImage(e, s, s, Math.max(1, a - s * 2), Math.max(1, o - s * 2)), c = t;
+		Ei(t).drawImage(e, s, s, Math.max(1, a - s * 2), Math.max(1, o - s * 2)), c = t;
 	}
-	let l = w(a, o), u = Ti(l);
+	let l = w(a, o), u = Ei(l);
 	for (let e of t) {
 		let t = c;
-		e.fill && (e.fill.color || e.fill.linearGradient || e.fill.image) && (t = Di(t, a, o, e.fill, i)), e.outline?.width && e.outline.color && (t = Oi(t, a, o, e.outline.width, e.outline.color));
-		let { x: n, y: r } = ki(e.transform);
+		e.fill && (e.fill.color || e.fill.linearGradient || e.fill.image) && (t = Oi(t, a, o, e.fill, i)), e.outline?.width && e.outline.color && (t = ki(t, a, o, e.outline.width, e.outline.color));
+		let { x: n, y: r } = Ai(e.transform);
 		u.save(), u.globalCompositeOperation = "destination-over", e.shadow && (u.shadowColor = e.shadow.color, u.shadowBlur = e.shadow.blur ?? 0, u.shadowOffsetX = e.shadow.offsetX ?? 0, u.shadowOffsetY = e.shadow.offsetY ?? 0), u.drawImage(t, n, r, a, o), u.restore();
 	}
 	return l;
 }
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var ji = class extends Y {
+var Mi = class extends Y {
 	_sourceCanvas;
 	_sourceImage;
 	setProperties(e) {
@@ -6901,7 +6918,7 @@ var ji = class extends Y {
 		}
 		let e = await this._resolveSourceCanvas();
 		if (!e) return;
-		let t = e.width, n = e.height, r = await this._resolvePatterns(), i = Ai(e, this.effects, t, n, r);
+		let t = e.width, n = e.height, r = await this._resolvePatterns(), i = ji(e, this.effects, t, n, r);
 		this.texture = new B({
 			source: i,
 			width: t,
@@ -6936,14 +6953,14 @@ var ji = class extends Y {
 		if (!(!r || !i)) return i.drawImage(e, 0, 0, t, n), r;
 	}
 };
-A([_(), k("design:type", Object)], ji.prototype, "fillWithShape", void 0), A([_(), k("design:type", Array)], ji.prototype, "effects", void 0);
+A([_(), k("design:type", Object)], Mi.prototype, "fillWithShape", void 0), A([_(), k("design:type", Array)], Mi.prototype, "effects", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Mi = {
+var Ni = {
 	sm: 4,
 	md: 6,
 	lg: 8
-}, Ni = class extends Y {
+}, Pi = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : te(e));
 	}
@@ -6965,7 +6982,7 @@ var Mi = {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new or() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ..._i(this, {
+		this.image === "viewport" ? n.strokeStyle = new sr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...vi(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6988,14 +7005,14 @@ var Mi = {
 	_fillEnd(e, t, n, r, i) {
 		let a = e.x - t.x, o = e.y - t.y, s = Math.hypot(a, o);
 		if (s < .001) return;
-		let c = Mi[String(n.width ?? n.height ?? "md")] ?? 6, l = r * c, u = r * c * .5, d = a / s, f = o / s, p = e.x - d * l, m = e.y - f * l, h = -f * u, g = d * u, ee = this._parent.context;
+		let c = Ni[String(n.width ?? n.height ?? "md")] ?? 6, l = r * c, u = r * c * .5, d = a / s, f = o / s, p = e.x - d * l, m = e.y - f * l, h = -f * u, g = d * u, ee = this._parent.context;
 		ee.fillStyle = i, ee.moveTo(e.x, e.y).lineTo(p + h, m + g).lineTo(p - h, m - g).closePath().fill();
 	}
 };
-A([_(), k("design:type", Object)], Ni.prototype, "color", void 0), A([_(), k("design:type", Object)], Ni.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", Object)], Ni.prototype, "style", void 0), A([_({ fallback: "butt" }), k("design:type", Object)], Ni.prototype, "lineCap", void 0), A([_({ fallback: "miter" }), k("design:type", Object)], Ni.prototype, "lineJoin", void 0), A([_(), k("design:type", Object)], Ni.prototype, "headEnd", void 0), A([_(), k("design:type", Object)], Ni.prototype, "tailEnd", void 0);
+A([_(), k("design:type", Object)], Pi.prototype, "color", void 0), A([_(), k("design:type", Object)], Pi.prototype, "width", void 0), A([_({ fallback: "solid" }), k("design:type", Object)], Pi.prototype, "style", void 0), A([_({ fallback: "butt" }), k("design:type", Object)], Pi.prototype, "lineCap", void 0), A([_({ fallback: "miter" }), k("design:type", Object)], Pi.prototype, "lineJoin", void 0), A([_(), k("design:type", Object)], Pi.prototype, "headEnd", void 0), A([_(), k("design:type", Object)], Pi.prototype, "tailEnd", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Pi = class extends T {
+var Fi = class extends T {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -7016,13 +7033,13 @@ var Pi = class extends T {
 	}
 	updateEffect() {
 		let e = "__$shadow", t = this._parent.getNode(e);
-		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new $r({ 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 ei({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-A([_({ fallback: !0 }), k("design:type", Boolean)], Pi.prototype, "enabled", void 0), A([_({ fallback: "#000000FF" }), k("design:type", Object)], Pi.prototype, "color", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Pi.prototype, "blur", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Pi.prototype, "offsetY", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Pi.prototype, "offsetX", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], Fi.prototype, "enabled", void 0), A([_({ fallback: "#000000FF" }), k("design:type", Object)], Fi.prototype, "color", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Fi.prototype, "blur", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Fi.prototype, "offsetY", void 0), A([_({ fallback: 0 }), k("design:type", Object)], Fi.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Fi = class extends T {
+var Ii = class extends T {
 	_parent;
 	_path2DSet = new ue();
 	_localPath;
@@ -7120,24 +7137,24 @@ var Fi = 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)], Fi.prototype, "enabled", void 0), A([_(), k("design:type", Object)], Fi.prototype, "preset", void 0), A([_(), k("design:type", Object)], Fi.prototype, "svg", void 0), A([_(), k("design:type", Object)], Fi.prototype, "viewBox", void 0), A([_(), k("design:type", Object)], Fi.prototype, "paths", void 0), A([_(), k("design:type", Object)], Fi.prototype, "connectionPoints", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], Ii.prototype, "enabled", void 0), A([_(), k("design:type", Object)], Ii.prototype, "preset", void 0), A([_(), k("design:type", Object)], Ii.prototype, "svg", void 0), A([_(), k("design:type", Object)], Ii.prototype, "viewBox", void 0), A([_(), k("design:type", Object)], Ii.prototype, "paths", void 0), A([_(), k("design:type", Object)], Ii.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Ii = class extends vt {
+var Li = class extends vt {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, Li = {
+}, Ri = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in Li) i(Ii, e, { fallback: Li[e] });
+for (let e in Ri) i(Li, e, { fallback: Ri[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DTable.ts
-var Ri = 100, zi = 40, Bi = class extends T {
+var zi = 100, Bi = 40, Vi = class extends T {
 	_parent;
 	_cellNodes = /* @__PURE__ */ new Map();
 	_cellSnapshots = /* @__PURE__ */ new Map();
@@ -7168,10 +7185,10 @@ var Ri = 100, zi = 40, Bi = class extends T {
 		return !!(this.enabled && this.cells.length);
 	}
 	get gridWidth() {
-		return this.columns.reduce((e, t) => e + (t.width || Ri), 0);
+		return this.columns.reduce((e, t) => e + (t.width || zi), 0);
 	}
 	get gridHeight() {
-		return this.rows.reduce((e, t) => e + (t.height || zi), 0);
+		return this.rows.reduce((e, t) => e + (t.height || Bi), 0);
 	}
 	update() {
 		if (this._dirty = !1, !this.isValid()) {
@@ -7181,9 +7198,9 @@ var Ri = 100, zi = 40, Bi = class extends T {
 		let { columns: e, rows: t, cells: n } = this, r = e.length, i = t.length;
 		for (let e of n) r = Math.max(r, e.col + (e.colSpan || 1)), i = Math.max(i, e.row + (e.rowSpan || 1));
 		let a = [0];
-		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || Ri));
+		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || zi));
 		let o = [0];
-		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || zi));
+		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || Bi));
 		this._parent.size.set(a[e.length] ?? 0, o[t.length] ?? 0);
 		let s = /* @__PURE__ */ new Set();
 		for (let e of n) {
@@ -7220,7 +7237,7 @@ var Ri = 100, zi = 40, Bi = class extends T {
 		this._clearCells();
 	}
 };
-A([_({ fallback: !0 }), k("design:type", Boolean)], Bi.prototype, "enabled", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Bi.prototype, "columns", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Bi.prototype, "rows", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Bi.prototype, "cells", void 0);
+A([_({ fallback: !0 }), k("design:type", Boolean)], Vi.prototype, "enabled", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Vi.prototype, "columns", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Vi.prototype, "rows", void 0), A([_({ fallback: () => [] }), k("design:type", Object)], Vi.prototype, "cells", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
 var Z = class extends T {
@@ -7234,7 +7251,7 @@ var Z = class extends T {
 	}
 	_textContent = "";
 	_autoDrawMode;
-	_texture = new er({ mipmap: !0 });
+	_texture = new tr({ mipmap: !0 });
 	_textureMap = /* @__PURE__ */ new Map();
 	constructor(e) {
 		super(), this._parent = e, this.base = new _e(), this.base.setPropertyAccessor(this);
@@ -7306,7 +7323,7 @@ var Z = class extends T {
 		}), this._parent.requestDraw());
 	}
 	async _loadTexture(e, t) {
-		return e.linearGradient || e.radialGradient ? new nr(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 rr(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);
@@ -7335,7 +7352,7 @@ var Z = class extends T {
 					if (n.style.fill && !d(n.style.fill)) if (typeof n.style.fill == "object") {
 						let r = n.style.fill, o = this._textureMap.get(`${a}.${i}.fill`) ?? this._textureMap.get(`${a}.fill`) ?? this._textureMap.get("fill");
 						r.enabled !== !1 && (o || r.color) && (e.addPath(n), e.style = { ...n.style }, e.fillStyle = o?.texture ?? r.color, e.fill({
-							..._i(r, o?.box ?? {
+							...vi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7347,7 +7364,7 @@ var Z = class extends T {
 					if (n.style.stroke && !d(n.style.stroke)) if (typeof n.style.stroke == "object") {
 						let r = n.style.stroke, o = this._textureMap.get(`${a}.${i}.outline`) ?? this._textureMap.get(`${a}.outline`) ?? this._textureMap.get("outline");
 						r.enabled !== !1 && (o || r.color) && (r.width === void 0 || r.width) && (e.addPath(n), e.style = { ...n.style }, e.lineWidth = r.width || 1, e.strokeStyle = o?.texture ?? r.color, e.lineCap = r.lineCap, e.lineJoin = r.lineJoin, e.stroke({
-							..._i(r, o?.box ?? {
+							...vi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7390,11 +7407,11 @@ var Q = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, Vi = {
+}, Hi = {
 	column: 0,
 	row: 1,
 	all: 2
-}, Hi = {
+}, Ui = {
 	auto: 0,
 	"flex-start": 1,
 	center: 2,
@@ -7404,42 +7421,42 @@ var Q = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, Ui = {
+}, Wi = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, Wi = {
+}, Gi = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, Gi = {
+}, Ki = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, Ki = {
+}, qi = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, qi = {
+}, Ji = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, Ji = {
+}, Yi = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, Yi = {
+}, Xi = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, Xi = {
+}, Zi = {
 	"border-box": 0,
 	"content-box": 1
-}, Zi = class e {
+}, Qi = class e {
 	_parent;
 	static _yoga;
 	static async load() {
@@ -7451,27 +7468,27 @@ var Q = {
 		this._parent = e, this._addChild = this._addChild.bind(this), this._removeChild = this._removeChild.bind(this), this._parent.on("addChild", this._addChild), this._parent.on("removeChild", this._removeChild);
 	}
 	_addChild(e, t) {
-		if (e instanceof na && e.flexbox.node && this.node) {
+		if (e instanceof ra && e.flexbox.node && this.node) {
 			this.node.insertChild(e.flexbox.node, t);
 			let n = e.style.getProperties();
 			for (let t in n) e.flexbox.updateStyleProperty(t, n[t]);
 		}
 	}
 	_removeChild(e, t) {
-		e instanceof na && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof ra && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
 		if (n) {
 			switch (e) {
 				case "alignContent":
-					n.setAlignContent(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
+					n.setAlignContent(t ? Ui[t] ?? Ui["flex-start"] : Ui["flex-start"]);
 					break;
 				case "alignItems":
-					n.setAlignItems(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
+					n.setAlignItems(t ? Ui[t] ?? Ui["flex-start"] : Ui["flex-start"]);
 					break;
 				case "alignSelf":
-					n.setAlignSelf(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
+					n.setAlignSelf(t ? Ui[t] ?? Ui["flex-start"] : Ui["flex-start"]);
 					break;
 				case "aspectRatio":
 					n.setAspectRatio(t);
@@ -7492,10 +7509,10 @@ var Q = {
 					n.setBorder(Q.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? Wi[t] ?? Wi.inherit : Wi.inherit);
+					n.setDirection(t ? Gi[t] ?? Gi.inherit : Gi.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? Ui[t] ?? Ui.flex : Ui.flex);
+					n.setDisplay(t ? Wi[t] ?? Wi.flex : Wi.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -7504,7 +7521,7 @@ var Q = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? Gi[t] ?? Gi.row : Gi.row);
+					n.setFlexDirection(t ? Ki[t] ?? Ki.row : Ki.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -7513,16 +7530,16 @@ var Q = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? Ki[t] ?? Ki.wrap : Ki.wrap);
+					n.setFlexWrap(t ? qi[t] ?? qi.wrap : qi.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? qi[t] ?? qi["flex-start"] : qi["flex-start"]);
+					n.setJustifyContent(t ? Ji[t] ?? Ji["flex-start"] : Ji["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(Vi.all, t);
+					t !== void 0 && n.setGap(Hi.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Q.top, t);
@@ -7552,7 +7569,7 @@ var Q = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? Ji[t] ?? Ji.visible : Ji.visible);
+					n.setOverflow(t ? Yi[t] ?? Yi.visible : Yi.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Q.top, t);
@@ -7582,10 +7599,10 @@ var Q = {
 					n.setPosition(Q.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? Yi[t] ?? Yi.relative : Yi.relative);
+					n.setPositionType(t ? Xi[t] ?? Xi.relative : Xi.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? Xi[t] ?? Xi["content-box"] : Xi["content-box"]);
+					n.setBoxSizing(t ? Zi[t] ?? Zi["content-box"] : Zi["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -7596,7 +7613,7 @@ var Q = {
 	}
 	update() {
 		let e = this._parent, t = this.node;
-		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Wi.ltr), t.hasNewLayout())) {
+		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Gi.ltr), t.hasNewLayout())) {
 			let { left: n, top: r, width: i, height: a } = t.getComputedLayout();
 			(!Number.isNaN(n) && n !== e.position.x || !Number.isNaN(r) && r !== e.position.y) && e.position.set(n, r), (!Number.isNaN(i) && i !== e.size.x || !Number.isNaN(a) && a !== e.size.y) && e.size.set(i, a), t.markLayoutSeen();
 		}
@@ -7604,13 +7621,13 @@ var Q = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, Qi = new Set(Object.keys(a())), $i = new Set(Object.keys(s())), ea = new x(), ta = [
+}, $i = new Set(Object.keys(a())), ea = new Set(Object.keys(s())), ta = new x(), na = [
 	[0, 0],
 	[1, 0],
 	[1, 1],
 	[0, 1]
-], na = class extends wr {
-	flexbox = new Zi(this);
+], ra = class extends Tr {
+	flexbox = new Qi(this);
 	aabb = new yt();
 	globalAabb = new yt();
 	_parentGlobalDisplay;
@@ -7623,7 +7640,7 @@ var Q = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Ii().on("updateProperty", (...e) => {
+	_style = new Li().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -7637,14 +7654,14 @@ var Q = {
 			this._endBatch();
 		}
 	}
-	_background = new vi(this);
+	_background = new yi(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Fi(this);
+	_shape = new Ii(this);
 	get shape() {
 		return this._shape;
 	}
@@ -7658,14 +7675,14 @@ var Q = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new Ni(this);
+	_outline = new Pi(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new ji(this);
+	_foreground = new Mi(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -7679,21 +7696,21 @@ var Q = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Pi(this);
+	_shadow = new Fi(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new Ci(this);
+	_connection = new wi(this);
 	get connection() {
 		return this._connection;
 	}
 	set connection(e) {
 		this._connection.resetProperties().setProperties(e);
 	}
-	_table = new Bi(this);
+	_table = new Vi(this);
 	get table() {
 		return this._table;
 	}
@@ -7707,7 +7724,7 @@ var Q = {
 	set chart(e) {
 		this._chart.resetProperties().setProperties(e);
 	}
-	_comments = new Si(this);
+	_comments = new Ci(this);
 	get comments() {
 		return this._comments;
 	}
@@ -7813,7 +7830,7 @@ var Q = {
 				}), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
 				break;
 			case "transformOrigin": {
-				let e = Fr(t ?? "");
+				let e = Ir(t ?? "");
 				this.pivot.set(e[0] * this.size.width, e[1] * this.size.height);
 				break;
 			}
@@ -7857,7 +7874,7 @@ var Q = {
 				this.requestDraw();
 				break;
 		}
-		if (($i.has(e) || Qi.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if ((ea.has(e) || $i.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
 		else switch (e) {
 			case "left":
 				this.position.x = Number(t);
@@ -7901,10 +7918,10 @@ var Q = {
 	}
 	_intersectsViewport(e) {
 		let t = e.canvasTransform, n = e.width, r = e.height, i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
-		for (let [e, c] of ta) t.applyAffineInverse({
+		for (let [e, c] of na) t.applyAffineInverse({
 			x: e * n,
 			y: c * r
-		}, ea), i = Math.min(i, ea.x), a = Math.max(a, ea.x), o = Math.min(o, ea.y), s = Math.max(s, ea.y);
+		}, ta), i = Math.min(i, ta.x), a = Math.max(a, ta.x), o = Math.min(o, ta.y), s = Math.max(s, ta.y);
 		let c = a - i, l = s - o, { min: u, size: d } = this.globalAabb;
 		return !(u.x > a + c || u.x + d.x < i - c || u.y > s + l || u.y + d.y < o - l);
 	}
@@ -7919,13 +7936,13 @@ var Q = {
 	}
 	_applyColorFilter() {
 		let e = [this._styleFilter, this._elementFilter].filter(Boolean).join(" ").trim();
-		e ? (this._colorFilterEffect || (this._colorFilterEffect = new Rr({
+		e ? (this._colorFilterEffect || (this._colorFilterEffect = new zr({
 			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 li({
+		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new ui({
 			name: "styleMaskImage",
 			internalMode: "back"
 		}), this.append(this._maskEffect)), this._maskEffect.image = e);
@@ -8015,10 +8032,10 @@ var Q = {
 		super._destroy(), this.flexbox.destroy(), this.aabb.destroy(), this.globalAabb.destroy(), this.size.destroy(), this.style.destroy(), this.background.destroy(), this.shape.destroy(), this.fill.destroy(), this.outline.destroy(), this.text.destroy(), this.foreground.destroy(), this.shadow.destroy(), this.connection.destroy(), this.comments.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
 	}
 };
-na = A([S("Element2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], na);
+ra = A([S("Element2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ra);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var ra = class extends na {
+var ia = class extends ra {
 	texture;
 	region;
 	constructor(e, t = []) {
@@ -8041,8 +8058,8 @@ var ra = class extends na {
 			} });
 		}
 	}
-}, ia = class extends ra {
-	texture = new er();
+}, aa = class extends ia {
+	texture = new tr();
 	animation;
 	_lastTime = NaN;
 	constructor(e, t = []) {
@@ -8072,10 +8089,10 @@ var ra = class extends na {
 		this.currentTime !== this._lastTime && (this._lastTime = this.currentTime, this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw()), super._process(e);
 	}
 };
-A([_({ fallback: "" }), k("design:type", String)], ia.prototype, "src", void 0), ia = A([S("Lottie2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ia);
+A([_({ fallback: "" }), k("design:type", String)], aa.prototype, "src", void 0), aa = A([S("Lottie2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], aa);
 //#endregion
 //#region src/scene/2d/Mesh2D.ts
-var aa = class extends na {
+var oa = class extends ra {
 	texture;
 	_vertices = new Float32Array();
 	_uvs = new Float32Array();
@@ -8106,7 +8123,7 @@ var aa = class extends na {
 	_drawContent() {
 		this.texture?.isValid() && this._indices.length && this._vertices.length && (this.context.fillStyle = this.texture, this.context.drawMesh(this._vertices, this._uvs, this._indices));
 	}
-}, oa = class extends na {
+}, sa = class extends ra {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -8129,10 +8146,10 @@ var aa = class extends na {
 		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)], oa.prototype, "handleSize", void 0);
+A([_({ fallback: 6 }), k("design:type", Number)], sa.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var sa = class extends ra {
+var ca = class extends ia {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -8181,15 +8198,15 @@ var sa = class extends ra {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-A([_({ fallback: "" }), k("design:type", String)], sa.prototype, "src", void 0), sa = A([S("Video2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], sa);
+A([_({ fallback: "" }), k("design:type", String)], ca.prototype, "src", void 0), ca = A([S("Video2D"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ca);
 //#endregion
 //#region src/scene/animation/Animation.ts
-function ca(e) {
+function la(e) {
 	if (e == null) return 0;
 	let t = String(e).trim(), n = Number.parseFloat(t);
 	return Number.isNaN(n) ? 0 : n / 100;
 }
-function la(e, t) {
+function ua(e, t) {
 	let n = t * 180 / Math.PI;
 	if (e == null || e === "auto") return n;
 	let r = String(e).trim();
@@ -8198,11 +8215,11 @@ function la(e, t) {
 	let i = Number.parseFloat(r);
 	return Number.isNaN(i) ? n : i;
 }
-function ua(e) {
+function da(e) {
 	let t = e.trim(), n = /^path\((.*)\)$/s.exec(t);
 	return n && (t = n[1].trim()), t.length >= 2 && (t[0] === "\"" || t[0] === "'") && t[t.length - 1] === t[0] && (t = t.slice(1, -1)), t.trim();
 }
-function da(e, t, n, r) {
+function fa(e, t, n, r) {
 	let i = 1e-6, a = 3 * e - 3 * n + 1, o = 3 * n - 6 * e, s = 3 * e, c = 3 * t - 3 * r + 1, l = 3 * r - 6 * t, u = 3 * t, d = (e) => (3 * a * e + 2 * o) * e + s, f = (e) => ((a * e + o) * e + s) * e, p = (e) => ((c * e + l) * e + u) * e;
 	function m(e) {
 		let t = e, n, r;
@@ -8222,7 +8239,7 @@ function da(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var fa = {
+var pa = {
 	linear: [
 		0,
 		0,
@@ -8289,7 +8306,7 @@ var fa = {
 		.355,
 		1
 	]
-}, pa = Object.fromEntries(Object.entries(fa).map(([e, [t, n, r, i]]) => [e, da(t, n, r, i)])), ma = class extends H {
+}, ma = Object.fromEntries(Object.entries(pa).map(([e, [t, n, r, i]]) => [e, fa(t, n, r, i)])), ha = class extends H {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -8325,7 +8342,7 @@ var fa = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof na);
+		return e.filter((e) => e instanceof ra);
 	}
 	_updateKeyframes() {
 		this._pathMeasures.clear();
@@ -8376,14 +8393,14 @@ var fa = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return pa.linear;
-		if (e in pa) return pa[e];
+		if (!e) return ma.linear;
+		if (e in ma) return ma[e];
 		let t = /cubic-bezier\((.+)\)/.exec(e);
 		if (t) {
 			let e = t[1].split(",").map((e) => Number(e));
-			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return da(e[0], e[1], e[2], e[3]);
+			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return fa(e[0], e[1], e[2], e[3]);
 		}
-		return pa.linear;
+		return ma.linear;
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -8418,7 +8435,7 @@ var fa = {
 		});
 	}
 	_commitOffsetPath(e, t, n, r, i, a) {
-		let o = ua(t);
+		let o = da(t);
 		if (!o) return;
 		let s = this._pathMeasures.get(o);
 		if (!s) {
@@ -8429,7 +8446,7 @@ var fa = {
 				startY: t.y
 			}, this._pathMeasures.set(o, s);
 		}
-		let c = D(O(ca(r.offsetDistance ?? i.offsetDistance), ca(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = la(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
+		let c = D(O(la(r.offsetDistance ?? i.offsetDistance), la(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = ua(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
 		e.onUpdateStyleProperty("transform", `${m ? `${m} ` : ""}translate(${d}px, ${f}px) rotate(${p}deg)`, void 0);
 	}
 	_getDiffValue(e, t, n, r, i) {
@@ -8476,14 +8493,14 @@ var fa = {
 		});
 	}
 };
-A([_({ fallback: "parent" }), k("design:type", Object)], ma.prototype, "effectMode", void 0), A([_({ default: () => [] }), k("design:type", Array)], ma.prototype, "keyframes", void 0), A([_(), k("design:type", Object)], ma.prototype, "easing", void 0), ma = A([S("Animation", {
+A([_({ fallback: "parent" }), k("design:type", Object)], ha.prototype, "effectMode", void 0), A([_({ default: () => [] }), k("design:type", Array)], ha.prototype, "keyframes", void 0), A([_(), k("design:type", Object)], ha.prototype, "easing", void 0), ha = A([S("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ma);
+}), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ha);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var ha = class t extends e {
+var ga = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -8513,7 +8530,7 @@ var ha = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, ga = class t extends e {
+}, _a = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8640,7 +8657,7 @@ var ha = class t extends e {
 		let e = this._source;
 		e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio &&= (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), null);
 	}
-}, _a = class {
+}, va = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8657,7 +8674,7 @@ var ha = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return ha.instance;
+		return ga.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8668,9 +8685,9 @@ var ha = class t extends e {
 		});
 	}
 	createSound() {
-		return new ga();
+		return new _a();
 	}
-}, va = class extends e {
+}, ya = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8692,7 +8709,7 @@ var ha = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, ya = class {
+}, ba = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8707,21 +8724,21 @@ var ha = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function ba() {
+function xa() {
 	if (Ve) return new AudioContext();
 	if (He) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function xa(e, t, n) {
+function Sa(e, t, n) {
 	if (Ue) return new OfflineAudioContext(e, t, n);
 	if (We) {
 		let r = globalThis.webkitOfflineAudioContext;
 		return new r(e, t, n);
 	} else throw Error("Failed to createOfflineAudioContext");
 }
-var Sa = class e extends va {
+var Ca = class e extends ya {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8762,7 +8779,7 @@ var Sa = class e extends va {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = ba(), t = xa(1, 2, Ue ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
+		let e = xa(), t = Sa(1, 2, Ue ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
 		r.connect(n), n.connect(e.destination), super(r, n), this._context = e, this._offlineContext = t, this._compressor = n, this._analyser = r, this._locked = e.state === "suspended" && (Re || ze), Ke && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
 	}
 	_onFocus() {
@@ -8803,7 +8820,7 @@ var Sa = class e extends va {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, Ca = class extends e {
+}, wa = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8936,7 +8953,7 @@ var Sa = class e extends va {
 	destroy() {
 		super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
 	}
-}, wa = class extends va {
+}, Ta = class extends ya {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8944,7 +8961,7 @@ var Sa = class e extends va {
 	gain;
 	analyser;
 	get context() {
-		return Sa.instance;
+		return Ca.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8959,8 +8976,8 @@ var Sa = class e extends va {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = Sa.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(Sa.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = Ca.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(Ca.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
 	}
 	async load() {
 		return this._sourceLoad ||= new Promise((e) => {
@@ -8973,7 +8990,7 @@ var Sa = class e extends va {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : Sa.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : Ca.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
 	}
 	cloneSource() {
 		let e = this.context, t = this._sourceNode, n = e.audioContext.createBufferSource(), r = e.audioContext.createGain();
@@ -8983,15 +9000,15 @@ var Sa = class e extends va {
 		};
 	}
 	createSound() {
-		return new Ca();
+		return new wa();
 	}
-}, Ta, Ea = class extends H {
+}, Ea, Da = class extends H {
 	static {
-		Ta = this;
+		Ea = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ge ? new wa(this) : new _a(this);
+	_platformAudio = Ge ? new Ta(this) : new va(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -9084,7 +9101,7 @@ var Sa = class e extends va {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return Ta._soundPool.length > 0 ? Ta._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Ea._soundPool.length > 0 ? Ea._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
 	}
 	refresh() {
 		for (let e = this._sounds.length, t = 0; t < e; t++) this._sounds[t].refresh();
@@ -9100,7 +9117,7 @@ var Sa = class e extends va {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), Ta._soundPool.includes(e) || Ta._soundPool.push(e);
+		e.destroy(), Ea._soundPool.includes(e) || Ea._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -9116,10 +9133,10 @@ var Sa = class e extends va {
 		}, 100);
 	}
 };
-Ea = Ta = A([S("Audio"), k("design:paramtypes", [Object])], Ea);
+Da = Ea = A([S("Audio"), k("design:paramtypes", [Object])], Da);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Da = class extends wr {}, Oa = class extends na {
+var Oa = class extends Tr {}, ka = class extends ra {
 	_audioBuffer;
 	_src = (() => {
 		let e = w();
@@ -9143,7 +9160,7 @@ var Da = class extends wr {}, Oa = class extends na {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Sa.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Ca.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -9178,12 +9195,12 @@ var Da = class extends wr {}, Oa = class extends na {
 		this.syncTexture(), super._process(e);
 	}
 };
-A([_(), k("design:type", Object)], Oa.prototype, "src", void 0), A([_({ fallback: 0 }), k("design:type", Number)], Oa.prototype, "gap", void 0), A([_({ fallback: "#000000" }), k("design:type", String)], Oa.prototype, "color", void 0), Oa = A([S("AudioWaveform"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Oa);
+A([_(), k("design:type", Object)], ka.prototype, "src", void 0), A([_({ fallback: 0 }), k("design:type", Number)], ka.prototype, "gap", void 0), A([_({ fallback: "#000000" }), k("design:type", String)], ka.prototype, "color", void 0), ka = A([S("AudioWaveform"), k("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], ka);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var ka, Aa = class extends Cr {
+var Aa, ja = class extends wr {
 	static {
-		ka = this;
+		Aa = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -9202,7 +9219,7 @@ var ka, Aa = class extends Cr {
 		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, ka.material, {
+			R.draw(e, Aa.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -9210,31 +9227,31 @@ var ka, Aa = class extends Cr {
 		});
 	}
 };
-Aa = ka = A([S("KawaseTransition")], Aa);
+ja = Aa = A([S("KawaseTransition")], ja);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var ja, Ma = class extends Cr {
+var Ma, Na = class extends wr {
 	static {
-		ja = this;
+		Ma = this;
 	}
 	static material = new L({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		R.draw(e, ja.material, {
+		R.draw(e, Ma.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-Ma = ja = A([S("LeftEraseTransition")], Ma);
+Na = Ma = A([S("LeftEraseTransition")], Na);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Na, Pa = class extends Cr {
+var Pa, Fa = class extends wr {
 	static {
-		Na = this;
+		Pa = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -9246,7 +9263,7 @@ var Na, Pa = class extends Cr {
 		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, Na.material, {
+		R.draw(e, Pa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9255,7 +9272,7 @@ var Na, Pa = class extends Cr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), R.draw(e, Na.material, {
+		}), R.draw(e, Pa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9267,12 +9284,12 @@ var Na, Pa = class extends Cr {
 		});
 	}
 };
-Pa = Na = A([S("TiltShiftTransition")], Pa);
+Fa = Pa = A([S("TiltShiftTransition")], Fa);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Fa, Ia = class extends Cr {
+var Ia, La = class extends wr {
 	static {
-		Fa = this;
+		Ia = this;
 	}
 	radius;
 	angle = 4;
@@ -9286,7 +9303,7 @@ var Fa, Ia = class extends Cr {
 		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, Fa.material, {
+		R.draw(e, Ia.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -9302,16 +9319,16 @@ var Fa, Ia = class extends Cr {
 		});
 	}
 };
-Ia = Fa = A([S("TwistTransition")], Ia);
+La = Ia = A([S("TwistTransition")], La);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var La = class extends Vn {
+var Ra = class extends Hn {
 	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 $n(e.map((e) => ({
+			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new er(e.map((e) => ({
 				duration: e.delay,
-				texture: new rr({
+				texture: new ir({
 					source: e.data,
 					width: e.width,
 					height: e.height
@@ -9322,14 +9339,14 @@ var La = class extends Vn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, Ra = class extends Vn {
+}, za = class extends Hn {
 	install(e) {
 		let t = async (e) => JSON.parse(await e.text());
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), ["application/json"].forEach((n) => {
 			e.register(n, t);
 		}), e.json = this, this;
 	}
-}, za = class extends Vn {
+}, Ba = class extends Hn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -9340,12 +9357,12 @@ var La = class extends Vn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, Ba = class extends Vn {
+}, Va = class extends Hn {
 	install(e) {
 		let t = async (e) => e.text();
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), e.text = this, this;
 	}
-}, Va = class extends Vn {
+}, Ha = class extends Hn {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new B({
 			source: e,
@@ -9369,11 +9386,11 @@ var La = class extends Vn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, Ha = class extends Vn {
+}, Ua = class extends Hn {
 	install(e) {
-		return this.load = (t) => e.awaitBy(() => new ar(t).load()), e.video = this, this;
+		return this.load = (t) => e.awaitBy(() => new or(t).load()), e.video = this, this;
 	}
-}, Ua = Object.entries({
+}, Wa = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -9389,31 +9406,31 @@ var La = class extends Vn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function Wa(e) {
-	for (let [t, n] of Ua) if (n.includes(e)) return t;
-}
 function Ga(e) {
+	for (let [t, n] of Wa) if (n.includes(e)) return t;
+}
+function Ka(e) {
 	let t;
 	if (e.startsWith("data:")) t = e.match(/^data:(.+?);/)?.[1];
 	else if (e.startsWith("http")) {
 		let n = e.split(/[#?]/)[0].split(".").pop()?.trim();
-		n && (t = Wa(n));
+		n && (t = Ga(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var Ka = "WeakRef" in globalThis, qa = class extends e {
+var qa = "WeakRef" in globalThis, Ja = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = Ka ? new FinalizationRegistry((e) => {
+	_gc = qa ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), Ka || C.on(this.gc.bind(this), { sort: 2 });
+		super(), qa || C.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -9462,11 +9479,11 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return Ka && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return qa && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		Ka && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		qa && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
 	}
 	async awaitBy(e) {
 		let t = e(), n = c();
@@ -9481,7 +9498,7 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Ga(e);
+		let n = await this.loadBy(e), r = Ka(e);
 		return r === void 0 && (r = n.type?.split(";")[0] ?? void 0), ((r ? this._handlers.get(r) : void 0) ?? this.defaultHandler)(n, t);
 	}
 	async waitUntilLoad() {
@@ -9495,14 +9512,14 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new qa().use(new Hn()).use(new La()).use(new Ra()).use(new za()).use(new Ba()).use(new Va()).use(new Ha()), Ja = {
+}, $ = new Ja().use(new Un()).use(new Ra()).use(new za()).use(new Ba()).use(new Va()).use(new Ha()).use(new Ua()), Ya = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, Ya = class extends Sr {
+}, Xa = class extends Cr {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -9534,13 +9551,13 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 	}) : void 0;
 	constructor(e = {}) {
 		let { view: t, width: n, height: r, pixelRatio: i = Je, autoResize: a, data: o } = e;
-		super(), this.renderer = new Bn(t, {
-			alpha: Ja.alpha ?? e.alpha,
-			stencil: Ja.stencil ?? e.stencil,
-			antialias: Ja.antialias ?? e.antialias,
-			premultipliedAlpha: Ja.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Ja.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Ja.powerPreference ?? e.powerPreference
+		super(), this.renderer = new Vn(t, {
+			alpha: Ya.alpha ?? e.alpha,
+			stencil: Ya.stencil ?? e.stencil,
+			antialias: Ya.antialias ?? e.antialias,
+			premultipliedAlpha: Ya.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: Ya.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: Ya.powerPreference ?? e.powerPreference
 		}), this._setupInput(), this.pixelRatio = i, a ? !t && this.renderer.view && (this.renderer.view.style.width = "100%", this.renderer.view.style.height = "100%") : this.resize(n || this.gl.drawingBufferWidth || this.view?.clientWidth || 200, r || this.gl.drawingBufferHeight || this.view?.clientHeight || 200, !t), this.setProperties(e), o && this.root.append(o);
 	}
 	_updateProperty(e, t, n) {
@@ -9623,22 +9640,22 @@ var Ka = "WeakRef" in globalThis, qa = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-A([_({ fallback: !1 }), k("design:type", Boolean)], Ya.prototype, "autoResize", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Ya.prototype, "autoStart", void 0);
+A([_({ fallback: !1 }), k("design:type", Boolean)], Xa.prototype, "autoResize", void 0), A([_({ fallback: !1 }), k("design:type", Boolean)], Xa.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var Xa, Za = [], Qa = !1;
-function $a() {
-	return Xa ??= new Ya({
+var Za, Qa = [], $a = !1;
+function eo() {
+	return Za ??= new Xa({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function eo(e = 100) {
-	if (!Qa) {
-		for (Qa = !0; Za.length;) {
-			let t = Za.shift();
+async function to(e = 100) {
+	if (!$a) {
+		for ($a = !0; Qa.length;) {
+			let t = Qa.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9646,11 +9663,11 @@ async function eo(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		Qa = !1;
+		$a = !1;
 	}
 }
-async function to(e) {
-	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = $a();
+async function no(e) {
+	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = eo();
 	if (f.resetProperties(), f.setProperties(l), f.debug = t, f.fonts = n, f.timeline.currentTime = 0, f.resize(u, d, !0), f.root.removeChildren(!0), f.root.append(a), await s?.(f), await f.waitAndRender(), o.length) {
 		let e = o.length, t = o[e - 1];
 		for (let n = 0; n < e; n++) {
@@ -9668,15 +9685,15 @@ async function to(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function no(e) {
+async function ro(e) {
 	return new Promise((t) => {
-		Za.push(async () => t(await to(e).then((e) => e.toCanvas2D()))), eo();
+		Qa.push(async () => t(await no(e).then((e) => e.toCanvas2D()))), to();
 	});
 }
-async function ro(e) {
+async function io(e) {
 	return new Promise((t) => {
-		Za.push(async () => t(await to(e).then((e) => e.pixels))), eo();
+		Qa.push(async () => t(await no(e).then((e) => e.pixels))), to();
 	});
 }
 //#endregion
-export { yt as Aabb2D, $n as AnimatedTexture, ma as Animation, qa as Assets, Ea as Audio, va as AudioPipeline, ya as AudioProcessor, Da as AudioSpectrum, Oa as AudioWaveform, j as BufferUsage, Tr as Camera2D, sr as CanvasContext, _r as CanvasItem, er as CanvasTexture, E as Color, G as ColorAdjustEffect, Rr as ColorFilterEffect, St as ColorMatrix, Vr as ColorOverlayEffect, Ur as ColorRemoveEffect, Kr as ColorReplaceEffect, tr as ColorTexture, T as CoreObject, bt as DEG_TO_RAD, Je as DEVICE_PIXEL_RATIO, K as DrawboardEffect, $r as DropShadowEffect, W as Effect, Xn as EffectMaterial, na as Element2D, vi as Element2DBackground, X as Element2DChart, Si as Element2DComments, Ci as Element2DConnection, Y as Element2DFill, ji as Element2DForeground, Ni as Element2DOutline, Pi as Element2DShadow, Fi as Element2DShape, Ii as Element2DStyle, Bi as Element2DTable, Z as Element2DText, ti as EmbossEffect, Ya as Engine, Zi as Flexbox, Hn as FontLoader, Zr as GaussianBlurEffect, Wn as Geometry, La as GifLoader, ln as GlBatch2DSystem, an as GlBlendMode, Dt as GlBuffer, Pt as GlBufferSystem, Et as GlBufferTarget, pn as GlMaskSystem, Kt as GlProgram, _n as GlRenderTarget, vn as GlRenderTargetSystem, tn as GlShaderSystem, sn as GlState, cn as GlStateSystem, hn as GlStencilSystem, M as GlSystem, gn as GlViewportSystem, q as GlitchEffect, J as GodrayEffect, nr as GradientTexture, _a as HTMLAudio, ha as HTMLAudioContext, ga as HTMLSound, Ke as IN_BROWSER, qe as IN_MAC_OS, Un as IndexBuffer, gt as Input, ut as InputEvent, Ra as JsonLoader, si as KawaseBlurEffect, Aa as KawaseTransition, dt as KeyboardInputEvent, Ma as LeftEraseTransition, Vn as Loader, ia as Lottie2D, za as LottieLoader, Tt as MainLoop, li as MaskEffect, L as Material, aa as Mesh2D, lr as Meta, ft as MouseInputEvent, V as Node, wr as Node2D, Ct as Obb2D, fi as OutlineEffect, xe as PI, Se as PI_2, mi as PixelateEffect, rr as PixelsTexture, pt as PointerInputEvent, wt as Projection2D, Gn as QuadGeometry, R as QuadUvGeometry, xt as RAD_TO_DEG, _t as RefCounted, z as RenderTarget, Ot as Renderer, vt as Resource, Ve as SUPPORTS_AUDIO_CONTEXT, ze as SUPPORTS_CLICK_EVENTS, Be as SUPPORTS_CREATE_IMAGE_BITMAP, Ne as SUPPORTS_IMAGE_BITMAP, Le as SUPPORTS_MOUSE_EVENTS, Ue as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Fe as SUPPORTS_POINTER_EVENTS, Pe as SUPPORTS_RESIZE_OBSERVER, Re as SUPPORTS_TOUCH_EVENTS, Me as SUPPORTS_WEBGL2, He as SUPPORTS_WEBKIT_AUDIO_CONTEXT, We as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ge as SUPPORTS_WEB_AUDIO, Ie as SUPPORTS_WHEEL_EVENTS, Sr as SceneTree, Ba as TextLoader, B as Texture2D, Va as TextureLoader, ra as TextureRect2D, C as Ticker, Pa as TiltShiftTransition, br as Timeline, H as TimelineNode, oa as TransformRect2D, Cr as Transition, Ia as TwistTransition, At as UniformGroup, Qn as UvGeometry, Zn as UvMaterial, I as VertexAttribute, F as VertexBuffer, sa as Video2D, Ha as VideoLoader, ar as VideoTexture, U as Viewport, or as ViewportTexture, wa as WebAudio, Sa as WebAudioContext, Bn as WebGLRenderer, Ca as WebSound, mt as WheelInputEvent, xr as Window, gi as ZoomBlurEffect, Hi as alignMap, $ as assets, Er as axisDir, Xi as boxSizingMap, D as clamp, oi as clampFrag, w as createHTMLCanvas, Nt as createIdFromString, ye as createNode, st as crossOrigin, fa as cssEasingPresets, da as cubicBezier, S as customNode, ve as customNodes, Ja as defaultOptions, ot as determineCrossOrigin, Wi as directionMap, Ui as displayMap, Q as edgeMap, Gi as flexDirectionMap, Ki as flexWrapMap, ai as frag, nt as getCanvasFactory, De as getDefaultCssPropertyValue, at as getGlContextProvider, $a as getRenderEngine, Vi as gutterMap, lt as instanceId, Qe as isCanvasElement, Ye as isElementNode, Ze as isImageElement, Ce as isPow2, Xe as isVideoElement, $e as isWebgl2, qi as justifyMap, O as lerp, dn as log2, on as mapGlBlendModes, un as nextPow2, be as nextTick, Ji as overflowMap, Pr as parseCssFilter, ke as parseCssFunctions, Oe as parseCssProperty, Fr as parseCssTransformOrigin, Yi as positionTypeMap, no as render, ro as renderPixels, hr as resetBatchPool, Dr as routeConnection, tt as setCanvasFactory, it as setGlContextProvider, mn as stencilModeMap };
+export { yt as Aabb2D, er as AnimatedTexture, ha as Animation, Ja as Assets, Da as Audio, ya as AudioPipeline, ba as AudioProcessor, Oa as AudioSpectrum, ka as AudioWaveform, j as BufferUsage, Er as Camera2D, cr as CanvasContext, vr as CanvasItem, tr as CanvasTexture, E as Color, G as ColorAdjustEffect, zr as ColorFilterEffect, St as ColorMatrix, Hr as ColorOverlayEffect, Wr as ColorRemoveEffect, qr as ColorReplaceEffect, nr as ColorTexture, T as CoreObject, bt as DEG_TO_RAD, Je as DEVICE_PIXEL_RATIO, K as DrawboardEffect, ei as DropShadowEffect, W as Effect, Zn as EffectMaterial, ra as Element2D, yi as Element2DBackground, X as Element2DChart, Ci as Element2DComments, wi as Element2DConnection, Y as Element2DFill, Mi as Element2DForeground, Pi as Element2DOutline, Fi as Element2DShadow, Ii as Element2DShape, Li as Element2DStyle, Vi as Element2DTable, Z as Element2DText, ni as EmbossEffect, Xa as Engine, Qi as Flexbox, Un as FontLoader, Qr as GaussianBlurEffect, Gn as Geometry, Ra as GifLoader, ln as GlBatch2DSystem, an as GlBlendMode, Dt as GlBuffer, Pt as GlBufferSystem, Et as GlBufferTarget, pn as GlMaskSystem, Kt as GlProgram, _n as GlRenderTarget, vn as GlRenderTargetSystem, tn as GlShaderSystem, sn as GlState, cn as GlStateSystem, hn as GlStencilSystem, M as GlSystem, gn as GlViewportSystem, q as GlitchEffect, J as GodrayEffect, rr as GradientTexture, va as HTMLAudio, ga as HTMLAudioContext, _a as HTMLSound, Ke as IN_BROWSER, qe as IN_MAC_OS, Wn as IndexBuffer, gt as Input, ut as InputEvent, za as JsonLoader, ci as KawaseBlurEffect, ja as KawaseTransition, dt as KeyboardInputEvent, Na as LeftEraseTransition, Hn as Loader, aa as Lottie2D, Ba as LottieLoader, Tt as MainLoop, ui as MaskEffect, L as Material, oa as Mesh2D, ur as Meta, ft as MouseInputEvent, V as Node, Tr as Node2D, Ct as Obb2D, pi as OutlineEffect, xe as PI, Se as PI_2, hi as PixelateEffect, ir as PixelsTexture, pt as PointerInputEvent, wt as Projection2D, Kn as QuadGeometry, R as QuadUvGeometry, xt as RAD_TO_DEG, _t as RefCounted, z as RenderTarget, Ot as Renderer, vt as Resource, Ve as SUPPORTS_AUDIO_CONTEXT, ze as SUPPORTS_CLICK_EVENTS, Be as SUPPORTS_CREATE_IMAGE_BITMAP, Ne as SUPPORTS_IMAGE_BITMAP, Le as SUPPORTS_MOUSE_EVENTS, Ue as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Fe as SUPPORTS_POINTER_EVENTS, Pe as SUPPORTS_RESIZE_OBSERVER, Re as SUPPORTS_TOUCH_EVENTS, Me as SUPPORTS_WEBGL2, He as SUPPORTS_WEBKIT_AUDIO_CONTEXT, We as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ge as SUPPORTS_WEB_AUDIO, Ie as SUPPORTS_WHEEL_EVENTS, Cr as SceneTree, Va as TextLoader, B as Texture2D, Ha as TextureLoader, ia as TextureRect2D, C as Ticker, Fa as TiltShiftTransition, xr as Timeline, H as TimelineNode, sa as TransformRect2D, wr as Transition, La as TwistTransition, At as UniformGroup, $n as UvGeometry, Qn as UvMaterial, I as VertexAttribute, F as VertexBuffer, ca as Video2D, Ua as VideoLoader, or as VideoTexture, U as Viewport, sr as ViewportTexture, Ta as WebAudio, Ca as WebAudioContext, Vn as WebGLRenderer, wa as WebSound, mt as WheelInputEvent, Sr as Window, _i as ZoomBlurEffect, Ui as alignMap, $ as assets, Dr as axisDir, Zi as boxSizingMap, D as clamp, si as clampFrag, w as createHTMLCanvas, Nt as createIdFromString, ye as createNode, st as crossOrigin, pa as cssEasingPresets, fa as cubicBezier, S as customNode, ve as customNodes, Ya as defaultOptions, ot as determineCrossOrigin, Gi as directionMap, Wi as displayMap, Q as edgeMap, Ki as flexDirectionMap, qi as flexWrapMap, oi as frag, nt as getCanvasFactory, De as getDefaultCssPropertyValue, at as getGlContextProvider, eo as getRenderEngine, Hi as gutterMap, lt as instanceId, Qe as isCanvasElement, Ye as isElementNode, Ze as isImageElement, Ce as isPow2, Xe as isVideoElement, $e as isWebgl2, Ji as justifyMap, O as lerp, dn as log2, on as mapGlBlendModes, un as nextPow2, be as nextTick, Yi as overflowMap, Fr as parseCssFilter, ke as parseCssFunctions, Oe as parseCssProperty, Ir as parseCssTransformOrigin, Xi as positionTypeMap, ro as render, io as renderPixels, gr as resetBatchPool, Or as routeConnection, tt as setCanvasFactory, it as setGlContextProvider, mn as stencilModeMap };