modern-canvas 0.17.1 → 0.17.2

package/dist/index.js

@@ -1,11 +1,11 @@
-import { Observable as e, RawWeakMap as t, Reactivable as n, clearUndef as r, defineProperty as i, getDefaultLayoutStyle as a, getDefaultStyle as o, getDefaultTextStyle as s, idGenerator as c, isColorFillObject as l, isGradient as u, isNone as d, normalizeBackground as f, normalizeFill as p, normalizeForeground as m, normalizeOutline as h, normalizeShadow as g, normalizeShape as ee, normalizeText as te, normalizeTextContent as ne, parseColor as re, property as _ } from "modern-idoc";
-import { BoundingBox as ie, Path2D as ae, Path2DSet as oe, Transform2D as v, Vector2 as y, svgToDom as se, svgToPath2DSet as ce } from "modern-path2d";
-import { extend as le } from "colord";
-import b from "colord/plugins/names";
-import { fonts as ue } from "modern-font";
-import { Character as de, Text as fe } from "modern-text";
+import { Observable as e, RawWeakMap as t, Reactivable as n, clearUndef as r, defineProperty as i, getDefaultLayoutStyle as a, getDefaultStyle as o, getDefaultTextStyle as s, idGenerator as c, isColorFillObject as l, isGradient as u, isNone as d, normalizeBackground as f, normalizeConnection as p, normalizeFill as m, normalizeForeground as h, normalizeOutline as g, normalizeShadow as ee, normalizeShape as te, normalizeText as ne, normalizeTextContent as re, parseColor as ie, property as _ } from "modern-idoc";
+import { BoundingBox as ae, Path2D as oe, Path2DSet as se, Transform2D as v, Vector2 as y, svgToDom as ce, svgToPath2DSet as le } from "modern-path2d";
+import { extend as b } from "colord";
+import ue from "colord/plugins/names";
+import { fonts as de } from "modern-font";
+import { Character as fe, Text as pe } from "modern-text";
 //#region src/core/decorators/customNode.ts
-var pe = /* @__PURE__ */ new Map();
+var me = /* @__PURE__ */ new Map();
 function x(e, t) {
 	return function(n) {
 		Object.defineProperty(n.prototype, "is", {
@@ -14,13 +14,13 @@ function x(e, t) {
 			configurable: !0
 		}), t && Object.keys(t).forEach((e) => {
 			i(n, e, { fallback: t[e] });
-		}), pe.set(e, n);
+		}), me.set(e, n);
 	};
 }
 //#endregion
 //#region src/core/global/createNode.ts
-function me(e = "node", t = {}) {
-	let n = pe.get(e);
+function he(e = "node", t = {}) {
+	let n = me.get(e);
 	if (!n) throw Error(`Failed to createNode, tag: ${e}`);
 	return new n().setProperties(t);
 }
@@ -86,7 +86,7 @@ var S = class {
 S.start();
 //#endregion
 //#region src/core/global/nextTick.ts
-async function he(e) {
+async function ge(e) {
 	return new Promise((t) => {
 		S.on(() => {
 			e?.(), t();
@@ -98,14 +98,14 @@ async function he(e) {
 }
 //#endregion
 //#region src/core/shared/utils.ts
-var ge = Math.PI, _e = ge * 2;
-function ve(e) {
+var _e = Math.PI, ve = _e * 2;
+function ye(e) {
 	return !(e & e - 1) && !!e;
 }
 //#endregion
 //#region src/core/shared/css.ts
-var ye = /([\w-]+)\((.+?)\)/g, be = /[^,]+/g, xe = /([-e.\d]+)(.*)/;
-function Se(e) {
+var be = /([\w-]+)\((.+?)\)/g, xe = /[^,]+/g, Se = /([-e.\d]+)(.*)/;
+function Ce(e) {
 	return Array.isArray(e) ? e.map((e) => ({
 		name: e.name,
 		args: e.args.map((e) => ({
@@ -117,31 +117,31 @@ function Se(e) {
 		normalizedIntValue: e.normalizedDefaultIntValue
 	};
 }
-function Ce(e, t, n = {}) {
-	let r = we(t, n);
-	return r.length ? r : Ee(e, t, n);
+function we(e, t, n = {}) {
+	let r = Te(t, n);
+	return r.length ? r : De(e, t, n);
 }
-function we(e, t = {}) {
+function Te(e, t = {}) {
 	let n = [], r;
-	for (; (r = ye.exec(e)) !== null;) {
+	for (; (r = be.exec(e)) !== null;) {
 		let [, e, i] = r;
 		e && n.push({
 			name: e,
-			args: Te(e, i, t)
+			args: Ee(e, i, t)
 		});
 	}
 	return n;
 }
-function Te(e, t, n = {}) {
+function Ee(e, t, n = {}) {
 	let r = [], i, a = 0;
-	for (; (i = be.exec(t)) !== null;) r.push(Ee(e, i[0], {
+	for (; (i = xe.exec(t)) !== null;) r.push(De(e, i[0], {
 		...n,
 		index: a++
 	}));
 	return r;
 }
-function Ee(e, t, n = {}) {
-	let { width: r = 1, height: i = 1, index: a = 0 } = n, o = t.match(xe), s = {
+function De(e, t, n = {}) {
+	let { width: r = 1, height: i = 1, index: a = 0 } = n, o = t.match(Se), s = {
 		unit: o?.[2] ?? null,
 		value: t,
 		intValue: Number(o?.[1]),
@@ -161,7 +161,7 @@ function Ee(e, t, n = {}) {
 			s.normalizedIntValue = s.intValue / 100;
 			break;
 		case "rad":
-			s.normalizedIntValue = s.intValue / _e;
+			s.normalizedIntValue = s.intValue / ve;
 			break;
 		case "deg":
 			s.normalizedIntValue = s.intValue / 360;
@@ -184,34 +184,34 @@ function Ee(e, t, n = {}) {
 }
 //#endregion
 //#region src/core/shared/dom.ts
-var De = "WebGL2RenderingContext" in globalThis, Oe = "ImageBitmap" in globalThis, ke = "ResizeObserver" in globalThis, Ae = "PointerEvent" in globalThis, je = "WheelEvent" in globalThis, Me = "MouseEvent" in globalThis, C = "ontouchstart" in globalThis, Ne = "onclick" in globalThis, Pe = "createImageBitmap" in globalThis, Fe = "AudioContext" in globalThis, Ie = "webkitAudioContext" in globalThis, Le = "OfflineAudioContext" in globalThis, Re = "webkitOfflineAudioContext" in globalThis, ze = Fe || Ie, Be = typeof window < "u", Ve = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, He = globalThis.devicePixelRatio || 1, Ue = (e) => typeof e == "object" && !!e && e.nodeType === 1, We = (e) => Ue(e) && e.tagName === "VIDEO", Ge = (e) => Ue(e) && e.tagName === "IMG";
-function Ke(e) {
+var Oe = "WebGL2RenderingContext" in globalThis, ke = "ImageBitmap" in globalThis, Ae = "ResizeObserver" in globalThis, je = "PointerEvent" in globalThis, Me = "WheelEvent" in globalThis, Ne = "MouseEvent" in globalThis, Pe = "ontouchstart" in globalThis, Fe = "onclick" in globalThis, Ie = "createImageBitmap" in globalThis, Le = "AudioContext" in globalThis, Re = "webkitAudioContext" in globalThis, ze = "OfflineAudioContext" in globalThis, Be = "webkitOfflineAudioContext" in globalThis, Ve = Le || Re, He = typeof window < "u", Ue = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, We = globalThis.devicePixelRatio || 1, Ge = (e) => typeof e == "object" && !!e && e.nodeType === 1, Ke = (e) => Ge(e) && e.tagName === "VIDEO", qe = (e) => Ge(e) && e.tagName === "IMG";
+function Je(e) {
 	return typeof e == "object" && !!e && e.nodeType === 1 && e.tagName === "CANVAS";
 }
-function qe(e) {
-	return De && e instanceof globalThis.WebGL2RenderingContext;
+function Ye(e) {
+	return Oe && e instanceof globalThis.WebGL2RenderingContext;
 }
-function Je() {
-	if (Be) return globalThis.document.createElement("canvas");
+function Xe() {
+	if (He) return globalThis.document.createElement("canvas");
 }
-function Ye(e, t = globalThis.location) {
+function Ze(e, t = globalThis.location) {
 	if (e.startsWith("data:")) return "";
 	t ||= globalThis.location;
 	let n = new URL(e, document.baseURI);
 	return n.hostname !== t.hostname || n.port !== t.port || n.protocol !== t.protocol ? "anonymous" : "";
 }
-function Xe(e, t, n) {
-	n === null && !t.startsWith("data:") ? e.crossOrigin = Ye(t) : n !== !1 && (e.crossOrigin = typeof n == "string" ? n : "anonymous");
+function Qe(e, t, n) {
+	n === null && !t.startsWith("data:") ? e.crossOrigin = Ze(t) : n !== !1 && (e.crossOrigin = typeof n == "string" ? n : "anonymous");
 }
 //#endregion
 //#region src/core/shared/id.ts
-var Ze = 0;
-function Qe() {
-	return ++Ze;
+var $e = 0;
+function et() {
+	return ++$e;
 }
 //#endregion
 //#region src/core/input/InputEvent.ts
-var $e = class e {
+var tt = class e {
 	cursor;
 	bubbles = !1;
 	cancelBubble = !1;
@@ -246,14 +246,14 @@ var $e = class e {
 	initUIEvent(...e) {
 		throw Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
 	}
-}, et = class extends $e {
+}, nt = class extends tt {
 	getModifierState(...e) {
 		throw Error("getModifierState() is a legacy DOM API. It is not implemented in the Federated Events API.");
 	}
 	initKeyboardEvent(...e) {
 		throw Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
 	}
-}, tt = class extends $e {
+}, rt = class extends tt {
 	client = {
 		x: 0,
 		y: 0
@@ -336,7 +336,7 @@ var $e = class e {
 	get globalY() {
 		return this.global.y;
 	}
-}, nt = class extends tt {
+}, it = class extends rt {
 	width = 0;
 	height = 0;
 	isPrimary = !1;
@@ -346,20 +346,20 @@ var $e = class e {
 	getPredictedEvents() {
 		throw Error("getPredictedEvents is not supported!");
 	}
-}, rt = class extends tt {
+}, at = class extends rt {
 	static DOM_DELTA_PIXEL = 0;
 	DOM_DELTA_PIXEL = 0;
 	static DOM_DELTA_LINE = 1;
 	DOM_DELTA_LINE = 1;
 	static DOM_DELTA_PAGE = 2;
 	DOM_DELTA_PAGE = 2;
-}, it = {
+}, ot = {
 	touchstart: "pointerdown",
 	touchend: "pointerup",
 	touchendoutside: "pointerupoutside",
 	touchmove: "pointermove",
 	touchcancel: "pointercancel"
-}, at = class extends e {
+}, st = class extends e {
 	event;
 	target;
 	cursor = "default";
@@ -377,21 +377,21 @@ var $e = class e {
 	removeEventListeners() {
 		if (!this.setuped || !this.target) return;
 		let e = this.target.style;
-		globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "", e.msTouchAction = "") : Ae && (e.touchAction = ""), Ae ? (this.target.removeEventListener("pointerdown", this._onPointerDown), this.target.removeEventListener("pointerleave", this._onPointerOver), this.target.removeEventListener("pointerover", this._onPointerOver), this.target.removeEventListener("pointermove", this._onPointerMove), this.target.removeEventListener("pointerup", this._onPointerUp)) : (this.target.removeEventListener("mousedown", this._onPointerDown), this.target.removeEventListener("mouseout", this._onPointerOver), this.target.removeEventListener("mouseover", this._onPointerOver), this.target.removeEventListener("mousemove", this._onPointerMove), this.target.removeEventListener("mouseup", this._onPointerUp)), C && (this.target.removeEventListener("touchstart", this._onPointerDown), this.target.removeEventListener("touchmove", this._onPointerMove), this.target.removeEventListener("touchend", this._onPointerUp)), this.target.removeEventListener("wheel", this._onWheel), document.removeEventListener("keydown", this._onKeyDown), document.removeEventListener("keypress", this._onKeyPress), document.removeEventListener("keyup", this._onKeyUp), this.target = void 0, this.setuped = !1;
+		globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "", e.msTouchAction = "") : je && (e.touchAction = ""), je ? (this.target.removeEventListener("pointerdown", this._onPointerDown), this.target.removeEventListener("pointerleave", this._onPointerOver), this.target.removeEventListener("pointerover", this._onPointerOver), this.target.removeEventListener("pointermove", this._onPointerMove), this.target.removeEventListener("pointerup", this._onPointerUp)) : (this.target.removeEventListener("mousedown", this._onPointerDown), this.target.removeEventListener("mouseout", this._onPointerOver), this.target.removeEventListener("mouseover", this._onPointerOver), this.target.removeEventListener("mousemove", this._onPointerMove), this.target.removeEventListener("mouseup", this._onPointerUp)), Pe && (this.target.removeEventListener("touchstart", this._onPointerDown), this.target.removeEventListener("touchmove", this._onPointerMove), this.target.removeEventListener("touchend", this._onPointerUp)), this.target.removeEventListener("wheel", this._onWheel), document.removeEventListener("keydown", this._onKeyDown), document.removeEventListener("keypress", this._onKeyPress), document.removeEventListener("keyup", this._onKeyUp), this.target = void 0, this.setuped = !1;
 	}
 	addEventListeners() {
 		if (this.setuped || !this.target) return;
 		let e = this.target.style;
-		e && (globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "none", e.msTouchAction = "none") : Ae && (e.touchAction = "none")), Ae ? (this.target.addEventListener("pointerdown", this._onPointerDown), this.target.addEventListener("pointerleave", this._onPointerOver), this.target.addEventListener("pointerover", this._onPointerOver), this.target.addEventListener("pointermove", this._onPointerMove), this.target.addEventListener("pointerup", this._onPointerUp)) : (this.target.addEventListener("mousedown", this._onPointerDown), this.target.addEventListener("mouseout", this._onPointerOver), this.target.addEventListener("mouseover", this._onPointerOver), this.target.addEventListener("mousemove", this._onPointerMove), this.target.addEventListener("mouseup", this._onPointerUp)), C && (this.target.addEventListener("touchstart", this._onPointerDown), this.target.addEventListener("touchmove", this._onPointerMove), this.target.addEventListener("touchend", this._onPointerUp)), this.target.addEventListener("wheel", this._onWheel), document.addEventListener("keydown", this._onKeyDown), document.addEventListener("keypress", this._onKeyPress), document.addEventListener("keyup", this._onKeyUp), this.setuped = !0;
+		e && (globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "none", e.msTouchAction = "none") : je && (e.touchAction = "none")), je ? (this.target.addEventListener("pointerdown", this._onPointerDown), this.target.addEventListener("pointerleave", this._onPointerOver), this.target.addEventListener("pointerover", this._onPointerOver), this.target.addEventListener("pointermove", this._onPointerMove), this.target.addEventListener("pointerup", this._onPointerUp)) : (this.target.addEventListener("mousedown", this._onPointerDown), this.target.addEventListener("mouseout", this._onPointerOver), this.target.addEventListener("mouseover", this._onPointerOver), this.target.addEventListener("mousemove", this._onPointerMove), this.target.addEventListener("mouseup", this._onPointerUp)), Pe && (this.target.addEventListener("touchstart", this._onPointerDown), this.target.addEventListener("touchmove", this._onPointerMove), this.target.addEventListener("touchend", this._onPointerUp)), this.target.addEventListener("wheel", this._onWheel), document.addEventListener("keydown", this._onKeyDown), document.addEventListener("keypress", this._onKeyPress), document.addEventListener("keyup", this._onKeyUp), this.setuped = !0;
 	}
 	normalize(e) {
 		let t = [];
-		if (C && e instanceof globalThis.TouchEvent) for (let n = 0, r = e.changedTouches.length; n < r; n++) {
+		if (Pe && e instanceof globalThis.TouchEvent) for (let n = 0, r = e.changedTouches.length; n < r; n++) {
 			let r = e.changedTouches[n];
 			r.button === void 0 && (r.button = 0), r.buttons === void 0 && (r.buttons = 1), r.isPrimary === void 0 && (r.isPrimary = e.touches.length === 1 && e.type === "touchstart"), r.width === void 0 && (r.width = r.radiusX || 1), r.height === void 0 && (r.height = r.radiusY || 1), r.tiltX === void 0 && (r.tiltX = 0), r.tiltY === void 0 && (r.tiltY = 0), r.pointerType === void 0 && (r.pointerType = "touch"), r.pointerId === void 0 && (r.pointerId = r.identifier || 0), r.pressure === void 0 && (r.pressure = r.force || .5), r.twist === void 0 && (r.twist = 0), r.tangentialPressure === void 0 && (r.tangentialPressure = 0), r.layerX === void 0 && (r.layerX = r.offsetX = r.clientX), r.layerY === void 0 && (r.layerY = r.offsetY = r.clientY), r.type = e.type, t.push(r);
 		}
-		else if (je && e instanceof globalThis.WheelEvent) t.push(e);
-		else if (Ae && e instanceof globalThis.PointerEvent) t.push(e);
+		else if (Me && e instanceof globalThis.WheelEvent) t.push(e);
+		else if (je && e instanceof globalThis.PointerEvent) t.push(e);
 		else {
 			let n = e;
 			n.isPrimary === void 0 && (n.isPrimary = !0), n.width === void 0 && (n.width = 1), n.height === void 0 && (n.height = 1), n.tiltX === void 0 && (n.tiltX = 0), n.tiltY === void 0 && (n.tiltY = 0), n.pointerType === void 0 && (n.pointerType = "mouse"), n.pointerId === void 0 && (n.pointerId = 1), n.pressure === void 0 && (n.pressure = .5), n.twist === void 0 && (n.twist = 0), n.tangentialPressure === void 0 && (n.tangentialPressure = 0), t.push(n);
@@ -399,8 +399,8 @@ var $e = class e {
 		return t;
 	}
 	_clonePointerEvent(e) {
-		let t = new nt();
-		return t.nativeEvent = e, t.pointerId = e.pointerId, t.width = e.width, t.height = e.height, t.isPrimary = e.isPrimary, t.pointerType = e.pointerType, t.pressure = e.pressure, t.tangentialPressure = e.tangentialPressure, t.tiltX = e.tiltX, t.tiltY = e.tiltY, t.twist = e.twist, t.isTrusted = e.isTrusted, this._copyMouseEvent(t, e), this.mapPositionToPoint(t.screen, e.clientX, e.clientY), t.global.x = t.screen.x, t.global.y = t.screen.y, t.offset.x = t.screen.x, t.offset.y = t.screen.y, t.type === "pointerleave" ? t.type = "pointerout" : t.type.startsWith("mouse") ? t.type = t.type.replace("mouse", "pointer") : t.type.startsWith("touch") && (t.type = it[t.type] || t.type), t;
+		let t = new it();
+		return t.nativeEvent = e, t.pointerId = e.pointerId, t.width = e.width, t.height = e.height, t.isPrimary = e.isPrimary, t.pointerType = e.pointerType, t.pressure = e.pressure, t.tangentialPressure = e.tangentialPressure, t.tiltX = e.tiltX, t.tiltY = e.tiltY, t.twist = e.twist, t.isTrusted = e.isTrusted, this._copyMouseEvent(t, e), this.mapPositionToPoint(t.screen, e.clientX, e.clientY), t.global.x = t.screen.x, t.global.y = t.screen.y, t.offset.x = t.screen.x, t.offset.y = t.screen.y, t.type === "pointerleave" ? t.type = "pointerout" : t.type.startsWith("mouse") ? t.type = t.type.replace("mouse", "pointer") : t.type.startsWith("touch") && (t.type = ot[t.type] || t.type), t;
 	}
 	_copyInputEvent(e, t) {
 		e.nativeEvent = t, e.bubbles = t.bubbles, e.cancelBubble = t.cancelBubble, e.cancelable = t.cancelable, e.composed = t.composed, e.currentTarget = t.currentTarget, e.defaultPrevented = t.defaultPrevented, e.eventPhase = t.eventPhase, e.isTrusted = t.isTrusted, e.returnValue = t.returnValue, e.srcElement = t.srcElement, e.timeStamp = t.timeStamp, e.type = t.type;
@@ -409,11 +409,11 @@ var $e = class e {
 		this._copyInputEvent(e, t), e.altKey = t.altKey, e.button = t.button, e.buttons = t.buttons, e.client.x = t.clientX, e.client.y = t.clientY, e.ctrlKey = t.ctrlKey, e.metaKey = t.metaKey, e.movement.x = t.movementX, e.movement.y = t.movementY, e.page.x = t.pageX, e.page.y = t.pageY, e.relatedTarget = null, e.shiftKey = t.shiftKey;
 	}
 	_cloneWheelEvent(e) {
-		let t = new rt();
+		let t = new at();
 		return this._copyMouseEvent(t, e), t.wheelDeltaY = e.wheelDeltaY, t.deltaX = e.deltaX, t.deltaY = e.deltaY, t.deltaZ = e.deltaZ, t.deltaMode = e.deltaMode, this.mapPositionToPoint(t.screen, e.clientX, e.clientY), t.global.x = t.screen.x, t.global.y = t.screen.y, t.offset.x = t.screen.x, t.offset.y = t.screen.y, t;
 	}
 	_cloneKeyboardEvent(e) {
-		let t = new et();
+		let t = new nt();
 		return this._copyInputEvent(t, e), t.altKey = e.altKey, t.charCode = e.charCode, t.code = e.code, t.ctrlKey = e.ctrlKey, t.isComposing = e.isComposing, t.key = e.key, t.keyCode = e.keyCode, t.location = e.location, t.metaKey = e.metaKey, t.repeat = e.repeat, t.shiftKey = e.shiftKey, t;
 	}
 	setCursor(e = "default") {
@@ -461,25 +461,25 @@ var $e = class e {
 		this.event?.cursor && this.setCursor(this.event.cursor);
 	};
 	_onPointerDown = (e) => {
-		if (C && e.pointerType === "touch") return;
+		if (Pe && e.pointerType === "touch") return;
 		let t = this.normalize(e);
 		for (let e = 0, n = t.length; e < n; e++) this.emit("pointerdown", this.event = this._clonePointerEvent(t[e]));
 		this.event?.cursor && this.setCursor(this.event.cursor);
 	};
 	_onPointerOver = (e) => {
-		if (!this.enableClickEvent || C && e.pointerType === "touch") return;
+		if (!this.enableClickEvent || Pe && e.pointerType === "touch") return;
 		let t = this.normalize(e);
 		for (let e = 0, n = t.length; e < n; e++) this.emit("pointerover", this.event = this._clonePointerEvent(t[e]));
 		this.event?.cursor && this.setCursor(this.event.cursor);
 	};
 	_onPointerMove = (e) => {
-		if (!this.enableMoveEvent || C && e.pointerType === "touch") return;
+		if (!this.enableMoveEvent || Pe && e.pointerType === "touch") return;
 		let t = this.normalize(e);
 		for (let e = 0, n = t.length; e < n; e++) this.emit("pointermove", this.event = this._clonePointerEvent(t[e]));
 		this.event?.cursor && this.setCursor(this.event.cursor);
 	};
 	_onPointerUp = (e) => {
-		if (!this.enableClickEvent || C && e.pointerType === "touch") return;
+		if (!this.enableClickEvent || Pe && e.pointerType === "touch") return;
 		let t = e.target;
 		e.composedPath && e.composedPath().length > 0 && (t = e.composedPath()[0]);
 		let n = t === this.target ? "" : "outside", r = this.normalize(e);
@@ -498,8 +498,8 @@ var $e = class e {
 	destroy() {
 		this.removeEventListeners(), super.destroy();
 	}
-}, w = class extends n {
-	instanceId = Qe();
+}, C = class extends n {
+	instanceId = et();
 	destroyed = !1;
 	get json() {
 		return this.toJSON();
@@ -508,7 +508,7 @@ var $e = class e {
 		this.setProperties(e);
 	}
 	_nextTick() {
-		return he();
+		return ge();
 	}
 	equal(e) {
 		return !!(e && this.instanceId === e.instanceId);
@@ -517,7 +517,7 @@ var $e = class e {
 	destroy() {
 		this.destroyed || (this.destroyed = !0, this._destroy(), this.emit("destroy"), this.removeAllListeners());
 	}
-}, ot = class extends w {}, T = class extends ot {}, st = class e {
+}, ct = class extends C {}, w = class extends ct {}, lt = class e {
 	get x() {
 		return this.min.x;
 	}
@@ -650,13 +650,13 @@ var $e = class e {
 };
 //#endregion
 //#region src/core/math/Color.ts
-le([b]);
-var E = class {
+b([ue]);
+var T = class {
 	get value() {
 		return this._value;
 	}
 	set value(e) {
-		this._value = e, this._colord = re(e ?? "none");
+		this._value = e, this._colord = ie(e ?? "none");
 	}
 	get r8() {
 		return this._colord.rgba.r;
@@ -734,8 +734,8 @@ var E = class {
 			this.a
 		];
 	}
-}, ct = ge / 180, lt = 180 / ge;
-function ut(e, t, n) {
+}, ut = _e / 180, dt = 180 / _e;
+function E(e, t, n) {
 	return Math.max(t, Math.min(e, n));
 }
 function D(e, t, n) {
@@ -743,7 +743,7 @@ function D(e, t, n) {
 }
 //#endregion
 //#region src/core/math/ColorMatrix.ts
-var dt = class {
+var ft = class {
 	_array = new Float32Array(20);
 	constructor() {
 		this.identity();
@@ -898,7 +898,7 @@ var dt = class {
 		]);
 	}
 	sepia(e = 1) {
-		let t = ut(e, 0, 1);
+		let t = E(e, 0, 1);
 		return this.multiply([
 			D(1, .393, t),
 			D(0, .7689999, t),
@@ -947,7 +947,7 @@ var dt = class {
 		]);
 	}
 	grayscale(e = 1) {
-		let t = ut(e, 0, 1), n = D(1, .3, t), r = D(0, .3, t), i = D(1, .59, t), a = D(0, .59, t), o = D(1, .11, t), s = D(0, .11, t);
+		let t = E(e, 0, 1), n = D(1, .3, t), r = D(0, .3, t), i = D(1, .59, t), a = D(0, .59, t), o = D(1, .11, t), s = D(0, .11, t);
 		return this.multiply([
 			n,
 			a,
@@ -999,10 +999,10 @@ var dt = class {
 	toArray() {
 		return this._array;
 	}
-}, ft = class e extends st {
+}, pt = class e extends lt {
 	rotation;
 	get rotationDegrees() {
-		return this.rotation / ct;
+		return this.rotation / ut;
 	}
 	constructor(...e) {
 		let t, n;
@@ -1012,7 +1012,7 @@ var dt = class {
 		if (!this.rotation && (!("rotation" in e) || !e.rotation)) return super.overlap(e, t);
 		{
 			let t = (e, t) => Math.abs(e.x * t.x + e.y * t.y), n = (e) => {
-				let { width: n, height: r, rotation: i = 0 } = e, a = i / ct;
+				let { width: n, height: r, rotation: i = 0 } = e, a = i / ut;
 				a = -a % 180;
 				let o = a / 180 * Math.PI, s = {
 					x: Math.cos(o),
@@ -1054,7 +1054,7 @@ var dt = class {
 	clone() {
 		return new e(this.toJSON());
 	}
-}, pt = class {
+}, mt = class {
 	_array;
 	x = 0;
 	y = 0;
@@ -1091,7 +1091,7 @@ function k(e, t, n, r) {
 }
 //#endregion
 //#region src/core/os/MainLoop.ts
-var mt = class extends w {
+var ht = class extends C {
 	_starting = !1;
 	_nextDeltaTime = 0;
 	_startedProcess;
@@ -1121,13 +1121,13 @@ var mt = class extends w {
 		super._destroy(), this.stop();
 	}
 };
-k([_({ fallback: 60 }), O("design:type", Number)], mt.prototype, "fps", void 0), k([_({ fallback: 1 }), O("design:type", Number)], mt.prototype, "speed", void 0);
+k([_({ fallback: 60 }), O("design:type", Number)], ht.prototype, "fps", void 0), k([_({ fallback: 1 }), O("design:type", Number)], ht.prototype, "speed", void 0);
 //#endregion
 //#region src/core/renderers/gl/buffer/const.ts
-var ht = /* @__PURE__ */ function(e) {
+var gt = /* @__PURE__ */ function(e) {
 	return e[e.elementArrayBuffer = 34963] = "elementArrayBuffer", e[e.arrayBuffer = 34962] = "arrayBuffer", e[e.uniformBuffer = 35345] = "uniformBuffer", e;
-}({}), gt = class {
-	target = ht.arrayBuffer;
+}({}), _t = class {
+	target = gt.arrayBuffer;
 	byteLength = 0;
 	dirty = !0;
 	constructor(e) {
@@ -1135,7 +1135,7 @@ var ht = /* @__PURE__ */ function(e) {
 	}
 }, A = /* @__PURE__ */ function(e) {
 	return e[e.mapRead = 1] = "mapRead", e[e.mapWrite = 2] = "mapWrite", e[e.copySrc = 4] = "copySrc", e[e.copyDst = 8] = "copyDst", e[e.index = 16] = "index", e[e.vertex = 32] = "vertex", e[e.uniform = 64] = "uniform", e[e.storage = 128] = "storage", e[e.indirect = 256] = "indirect", e[e.queryResolve = 512] = "queryResolve", e[e.static = 1024] = "static", e;
-}({}), _t, vt = class extends n {
+}({}), vt, yt = class extends n {
 	screen = {
 		x: 0,
 		y: 0,
@@ -1154,13 +1154,13 @@ var ht = /* @__PURE__ */ function(e) {
 		this.view && (this.view.width = Math.floor(e * this.pixelRatio), this.view.height = Math.floor(t * this.pixelRatio)), this.screen.width = e, this.screen.height = t, n && this.view && (this.view.style.width = `${e}px`, this.view.style.height = `${t}px`);
 	}
 };
-k([_({ fallback: He }), O("design:type", Number)], vt.prototype, "pixelRatio", void 0), k([_({ internal: !0 }), O("design:type", typeof (_t = typeof HTMLCanvasElement < "u" && HTMLCanvasElement) == "function" ? _t : Object)], vt.prototype, "view", void 0);
+k([_({ fallback: We }), O("design:type", Number)], yt.prototype, "pixelRatio", void 0), k([_({ internal: !0 }), O("design:type", typeof (vt = typeof HTMLCanvasElement < "u" && HTMLCanvasElement) == "function" ? vt : Object)], yt.prototype, "view", void 0);
 //#endregion
 //#region src/core/renderers/shared/utils/createIdFromString.ts
-var yt = Object.create(null), bt = Object.create(null);
-function xt(e, t) {
-	let n = bt[e];
-	return n === void 0 && (yt[t] === void 0 && (yt[t] = 1), bt[e] = n = yt[t]++), n;
+var bt = Object.create(null), xt = Object.create(null);
+function St(e, t) {
+	let n = xt[e];
+	return n === void 0 && (bt[t] === void 0 && (bt[t] = 1), xt[e] = n = bt[t]++), n;
 }
 //#endregion
 //#region src/core/renderers/gl/system/GlSystem.ts
@@ -1178,7 +1178,7 @@ var j = class extends e {
 	_setup() {}
 	flush() {}
 	reset() {}
-}, St = class extends j {
+}, Ct = class extends j {
 	install(e) {
 		super.install(e), e.buffer = this;
 	}
@@ -1188,8 +1188,8 @@ var j = class extends e {
 		return this.glBuffers.get(e.instanceId) || this._createGlBuffer(e);
 	}
 	_createGlBuffer(e) {
-		let t = this._gl, n = new gt(t.createBuffer()), r = ht.arrayBuffer;
-		return e.usage & A.index ? r = ht.elementArrayBuffer : e.usage & A.uniform && (r = ht.uniformBuffer), n.target = r, this.glBuffers.set(e.instanceId, n), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (e) => {
+		let t = this._gl, n = new _t(t.createBuffer()), r = gt.arrayBuffer;
+		return e.usage & A.index ? r = gt.elementArrayBuffer : e.usage & A.uniform && (r = gt.uniformBuffer), n.target = r, this.glBuffers.set(e.instanceId, n), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (e) => {
 			switch (e) {
 				case "usage":
 				case "data":
@@ -1221,13 +1221,13 @@ var j = class extends e {
 	reset() {
 		super.reset(), this.buffers.clear(), this.glBuffers.clear();
 	}
-}, Ct;
-function wt() {
-	return Ct ||= "mediump", Ct;
+}, wt;
+function Tt() {
+	return wt ||= "mediump", wt;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/addProgramDefines.ts
-function Tt(e, t, n) {
+function Et(e, t, n) {
 	return t ? e : n ? (e = e.replace("out vec4 finalColor;", ""), `#ifdef GL_ES
   #define in varying
   #define finalColor gl_FragColor
@@ -1241,7 +1241,7 @@ ${e}`;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/ensurePrecision.ts
-function Et(e, t, n) {
+function Dt(e, t, n) {
 	let r = n ? t.maxSupportedFragmentPrecision : t.maxSupportedVertexPrecision;
 	if (e.substring(0, 9) !== "precision") {
 		let i = n ? t.requestedFragmentPrecision : t.requestedVertexPrecision;
@@ -1251,31 +1251,31 @@ function Et(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/insertVersion.ts
-function Dt(e, t) {
+function Ot(e, t) {
 	return t ? `#version 300 es\n${e}` : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/setProgramName.ts
-var Ot = {}, kt = {};
-function At(e, { name: t = "program" }, n = !0) {
+var kt = {}, At = {};
+function jt(e, { name: t = "program" }, n = !0) {
 	t = t.replace(/\s+/g, "-"), t += n ? "-fragment" : "-vertex";
-	let r = n ? Ot : kt;
+	let r = n ? kt : At;
 	return r[t] ? (r[t]++, t += `-${r[t]}`) : r[t] = 1, e.includes("#define SHADER_NAME") ? e : `${`#define SHADER_NAME ${t}`}\n${e}`;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/stripVersion.ts
-function jt(e, t) {
+function Mt(e, t) {
 	return t ? e.replace("#version 300 es", "") : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgram.ts
-var Mt = Object.create(null), Nt = {
-	stripVersion: jt,
-	ensurePrecision: Et,
-	addProgramDefines: Tt,
-	setProgramName: At,
-	insertVersion: Dt
-}, Pt = class e {
+var Nt = Object.create(null), Pt = {
+	stripVersion: Mt,
+	ensurePrecision: Dt,
+	addProgramDefines: Et,
+	setProgramName: jt,
+	insertVersion: Ot
+}, Ft = class e {
 	static defaultOptions = {
 		preferredVertexPrecision: "highp",
 		preferredFragmentPrecision: "mediump"
@@ -1298,25 +1298,25 @@ var Mt = Object.create(null), Nt = {
 				requestedFragmentPrecision: t.preferredFragmentPrecision,
 				requestedVertexPrecision: t.preferredVertexPrecision,
 				maxSupportedVertexPrecision: "highp",
-				maxSupportedFragmentPrecision: wt()
+				maxSupportedFragmentPrecision: Tt()
 			},
 			setProgramName: { name: t.name },
 			addProgramDefines: i,
 			insertVersion: i
 		};
-		Object.keys(Nt).forEach((e) => {
+		Object.keys(Pt).forEach((e) => {
 			let t = a[e];
-			n = Nt[e](n, t, !0), r = Nt[e](r, t, !1);
-		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = xt(`${r}:${n}`, "GlProgram");
+			n = Pt[e](n, t, !0), r = Pt[e](r, t, !1);
+		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = St(`${r}:${n}`, "GlProgram");
 	}
 	destroy() {
-		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Mt[this._cacheKey];
+		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Nt[this._cacheKey];
 	}
 	static from(t) {
 		let n = `${t.vertex}:${t.fragment}`;
-		return Mt[n] || (Mt[n] = new e(t), Mt[n]._cacheKey = n), Mt[n];
+		return Nt[n] || (Nt[n] = new e(t), Nt[n]._cacheKey = n), Nt[n];
 	}
-}, Ft = {
+}, It = {
 	uint8x2: {
 		size: 2,
 		stride: 2,
@@ -1468,17 +1468,17 @@ var Mt = Object.create(null), Nt = {
 		normalized: !1
 	}
 };
-function It(e) {
-	return Ft[e] ?? Ft.float32;
+function Lt(e) {
+	return It[e] ?? It.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/defaultValue.ts
-function Lt(e) {
+function Rt(e) {
 	let t = Array.from({ length: e });
 	for (let e = 0; e < t.length; e++) t[e] = !1;
 	return t;
 }
-function Rt(e, t) {
+function zt(e, t) {
 	switch (e) {
 		case "float": return 0;
 		case "vec2": return new Float32Array(2 * t);
@@ -1495,9 +1495,9 @@ function Rt(e, t) {
 		case "uvec3": return new Uint32Array(3 * t);
 		case "uvec4": return new Uint32Array(4 * t);
 		case "bool": return !1;
-		case "bvec2": return Lt(2 * t);
-		case "bvec3": return Lt(3 * t);
-		case "bvec4": return Lt(4 * t);
+		case "bvec2": return Rt(2 * t);
+		case "bvec3": return Rt(3 * t);
+		case "bvec4": return Rt(4 * t);
 		case "mat2": return new Float32Array([
 			1,
 			0,
@@ -1538,11 +1538,11 @@ function Rt(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgramData.ts
-var zt = class {
+var Bt = class {
 	constructor(e) {
 		this.native = e;
 	}
-}, Bt, Vt = {
+}, Vt, Ht = {
 	FLOAT: "float",
 	FLOAT_VEC2: "vec2",
 	FLOAT_VEC3: "vec3",
@@ -1571,7 +1571,7 @@ var zt = class {
 	SAMPLER_2D_ARRAY: "sampler2DArray",
 	INT_SAMPLER_2D_ARRAY: "sampler2DArray",
 	UNSIGNED_INT_SAMPLER_2D_ARRAY: "sampler2DArray"
-}, Ht = {
+}, Ut = {
 	float: "float32",
 	vec2: "float32x2",
 	vec3: "float32x3",
@@ -1589,23 +1589,23 @@ var zt = class {
 	bvec3: "uint32x3",
 	bvec4: "uint32x4"
 };
-function Ut(e, t) {
-	if (!Bt) {
-		let t = Object.keys(Vt);
-		Bt = {};
+function Wt(e, t) {
+	if (!Vt) {
+		let t = Object.keys(Ht);
+		Vt = {};
 		for (let n = 0; n < t.length; ++n) {
 			let r = t[n];
-			Bt[e[r]] = Vt[r];
+			Vt[e[r]] = Ht[r];
 		}
 	}
-	return Bt[t];
+	return Vt[t];
 }
-function Wt(e, t) {
-	return Ht[Ut(e, t)] || "float32";
+function Gt(e, t) {
+	return Ut[Wt(e, t)] || "float32";
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlShaderSystem.ts
-var Gt = class extends j {
+var Kt = class extends j {
 	install(e) {
 		super.install(e), e.shader = this;
 	}
@@ -1646,7 +1646,7 @@ var Gt = class extends j {
 		return this.glProgramDatas.get(e.id) || this._createGlProgramData(e);
 	}
 	_createGlProgramData(e) {
-		let t = this._gl, n = new zt(t.createProgram());
+		let t = this._gl, n = new Bt(t.createProgram());
 		this.glProgramDatas.set(e.id, n), this.useProgram(e);
 		let r = this._createGlShader(e.vertex, t.VERTEX_SHADER), i = this._createGlShader(e.fragment, t.FRAGMENT_SHADER);
 		if (t.attachShader(n.native, r), t.attachShader(n.native, i), t.linkProgram(n.native), !t.getProgramParameter(n.native, t.LINK_STATUS)) throw Error(`Failed to link program: ${t.getProgramInfoLog(n.native)}`);
@@ -1654,11 +1654,11 @@ var Gt = class extends j {
 		for (let e = t.getProgramParameter(n.native, t.ACTIVE_ATTRIBUTES), r = 0; r < e; r++) {
 			let e = t.getActiveAttrib(n.native, r);
 			if (!e || e.name.startsWith("gl_")) continue;
-			let i = Wt(t, e.type);
+			let i = Gt(t, e.type);
 			a[e.name] = {
 				location: 0,
 				format: i,
-				stride: It(i).stride,
+				stride: Lt(i).stride,
 				offset: 0,
 				instance: !1,
 				start: 0
@@ -1675,14 +1675,14 @@ var Gt = class extends j {
 		for (let e = t.getProgramParameter(n.native, t.ACTIVE_UNIFORMS), r = 0; r < e; r++) {
 			let e = t.getActiveUniform(n.native, r);
 			if (!e) continue;
-			let i = e.name.replace(/\[.*?\]$/, ""), a = Ut(t, e.type), o = e.size;
+			let i = e.name.replace(/\[.*?\]$/, ""), a = Wt(t, e.type), o = e.size;
 			c[i] = {
 				name: i,
 				index: r,
 				type: a,
 				size: o,
 				isArray: !!e.name.match(/\[.*?\]$/),
-				value: Rt(a, o)
+				value: zt(a, o)
 			};
 		}
 		return e.uniforms = c, t.deleteShader(r), t.deleteShader(i), n;
@@ -1788,10 +1788,10 @@ var Gt = class extends j {
 	destroy() {
 		super.destroy(), this.bind(null);
 	}
-}, Kt = /* @__PURE__ */ function(e) {
+}, qt = /* @__PURE__ */ function(e) {
 	return e.normal = "normal", e.add = "add", e.multiply = "multiply", e.screen = "screen", e.none = "none", e.normalNpm = "normalNpm", e.addNpm = "add_npm", e.screenNpm = "screenNpm", e.srcIn = "srcIn", e.srcOut = "srcOut", e.srcAtop = "srcAtop", e.dstOver = "dstOver", e.dstIn = "dstIn", e.dstOut = "dstOut", e.dstAtop = "dstAtop", e.xor = "xor", e.subtract = "subtract", e;
 }({});
-function qt(e) {
+function Jt(e) {
 	return {
 		normal: [e.ONE, e.ONE_MINUS_SRC_ALPHA],
 		add: [e.ONE, e.ONE],
@@ -1846,7 +1846,7 @@ function qt(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlStateSystem.ts
-var Jt = class e {
+var Yt = class e {
 	static _properties = [
 		"blend",
 		"offsets",
@@ -1873,14 +1873,14 @@ var Jt = class e {
 		let t = new e();
 		return t.depthTest = !1, t.blend = !0, t;
 	}
-	_blendMode = Kt.normal;
+	_blendMode = qt.normal;
 	_polygonOffset = 0;
 	bitmap = 0;
 	get blendMode() {
 		return this._blendMode;
 	}
 	set blendMode(e) {
-		this.blend = e !== Kt.none, this._blendMode = e;
+		this.blend = e !== qt.none, this._blendMode = e;
 	}
 	get polygonOffset() {
 		return this._polygonOffset;
@@ -1892,19 +1892,19 @@ var Jt = class e {
 		if (e) for (let t in e) this[t] = e[t];
 	}
 };
-Jt._init();
-var Yt = class extends j {
+Yt._init();
+var Xt = class extends j {
 	install(e) {
 		super.install(e), e.state = this;
 	}
 	_blendEq = !1;
-	_setters = Jt._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
+	_setters = Yt._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
 	boundStateBitmap = 0;
 	boundBlendMode;
 	blendModes;
-	defaultState = new Jt({ blend: !0 });
+	defaultState = new Yt({ blend: !0 });
 	_updateContext(e) {
-		super._updateContext(e), this.blendModes = qt(e);
+		super._updateContext(e), this.blendModes = Jt(e);
 	}
 	toggle(e, t) {
 		this._renderer.gl[t ? "enable" : "disable"](e);
@@ -1946,13 +1946,13 @@ var Yt = class extends j {
 		e.blend && this.setBlendMode(e.blendMode), e.offsets && this.setPolygonOffset(1, e.polygonOffset);
 	}
 	reset() {
-		super.reset(), this.bind(this.defaultState), this._blendEq = !0, this.setBlendMode(Kt.normal);
+		super.reset(), this.bind(this.defaultState), this._blendEq = !0, this.setBlendMode(qt.normal);
 	}
-}, Xt = class extends j {
+}, Zt = class extends j {
 	install(e) {
 		super.install(e), e.batch2D = this;
 	}
-	_state = Jt.for2D();
+	_state = Yt.for2D();
 	_batchSize = 4096 * 4;
 	_batchables = [];
 	_vertexCount = 0;
@@ -1973,8 +1973,8 @@ var Yt = class extends j {
 	}
 	_createShader(e) {
 		let t = this._renderer, n = {
-			instanceId: Qe(),
-			glProgram: new Pt({
+			instanceId: et(),
+			glProgram: new Ft({
 				vertex: "precision highp float;\nin vec2 aPosition;\nin vec2 aUv;\nin vec4 aTextureParams;\nin vec4 aModulate;\n\nuniform vec2 size;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\n\nout float vTextureId;\nout float vClipOutsideUv;\nout vec2 vUv;\nout vec4 vModulate;\n\nvec2 roundPixels(vec2 position, vec2 targetSize) {\n  return (floor(((position * 0.5 + 0.5) * targetSize) + 0.5) / targetSize) * 2.0 - 1.0;\n}\n\nvoid main(void) {\n  mat3 modelMatrix = mat3(\n    1.0, 0.0, 0.0,\n    0.0, 1.0, 0.0,\n    0.0, 0.0, 1.0\n  );\n  mat3 modelViewProjectionMatrix = projectionMatrix * viewMatrix * modelMatrix;\n  gl_Position = vec4((modelViewProjectionMatrix * vec3(aPosition, 1.0)).xy, 0.0, 1.0);\n  vTextureId = aTextureParams.x;\n  vClipOutsideUv = aTextureParams.y;\n  if (aTextureParams.z == 1.) {\n    gl_Position.xy = roundPixels(gl_Position.xy, size);\n  }\n  vUv = aUv;\n  vModulate = aModulate;\n}",
 				fragment: `precision highp float;
 in float vTextureId;
@@ -2003,15 +2003,15 @@ void main(void) {
 }`
 			})
 		}, r = {
-			instanceId: Qe(),
+			instanceId: et(),
 			usage: A.vertex,
 			data: new Float32Array()
 		}, i = {
-			instanceId: Qe(),
+			instanceId: et(),
 			usage: A.index,
 			data: new Uint32Array()
 		}, a = {
-			instanceId: Qe(),
+			instanceId: et(),
 			topology: "triangle-list",
 			attributes: Object.fromEntries(Object.entries(this._attributes).map(([e, t]) => [e, {
 				...t,
@@ -2052,15 +2052,15 @@ void main(void) {
 					let { indices: r, vertices: p, uvs: h = new Float32Array(), size: g = {
 						width: 0,
 						height: 0
-					}, texture: ee, blendMode: te = Kt.normal, clipOutsideUv: ne, roundPixels: re, modulate: _ = [
+					}, texture: ee, blendMode: te = qt.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
 						255,
 						255,
 						255,
 						255
 					] } = n[e];
 					m < e && t.blendMode !== te && (t.size = l - t.start, u.push(t), m = e, t = { id: ++d }, t.textures = i, t.start = l);
-					let { width: ie, height: ae } = g, oe = c / this._vertexSize, v = (ee ? f.get(ee) : 255) ?? 255, y = +!!re, se = +!!ne, ce, le, b;
-					for (let e = p.length, t = 0; t < e; t += 2) ce = h[t], le = h[t + 1], ie > 0 && ae > 0 && (ce = Math.ceil(ce * ie) / ie, le = Math.ceil(le * ae) / ae), a[c++] = p[t], a[c++] = p[t + 1], a[c++] = ce, a[c++] = le, b = c * 4, o[b] = v, o[b + 1] = se, o[b + 2] = y, o[b + 3] = 0, c++, b = c * 4, o[b] = _[0], o[b + 1] = _[1], o[b + 2] = _[2], o[b + 3] = _[3], c++;
+					let { width: _, height: ae } = g, oe = c / this._vertexSize, se = (ee ? f.get(ee) : 255) ?? 255, v = +!!re, y = +!!ne, ce, le, b;
+					for (let e = p.length, t = 0; t < e; t += 2) ce = h[t], le = h[t + 1], _ > 0 && ae > 0 && (ce = Math.ceil(ce * _) / _, le = Math.ceil(le * ae) / ae), a[c++] = p[t], a[c++] = p[t + 1], a[c++] = ce, a[c++] = le, b = c * 4, o[b] = se, o[b + 1] = y, o[b + 2] = v, o[b + 3] = 0, c++, b = c * 4, o[b] = ie[0], o[b + 1] = ie[1], o[b + 2] = ie[2], o[b + 3] = ie[3], c++;
 					for (let e = r.length, t = 0; t < e; t++) s[l++] = oe + r[t];
 					t.blendMode = te;
 				}
@@ -2082,22 +2082,22 @@ void main(void) {
 		}
 	}
 	_getBufferData(e) {
-		let t = Zt(Math.ceil(e / 8)), n = Qt(t), r = t * 8;
+		let t = Qt(Math.ceil(e / 8)), n = $t(t), r = t * 8;
 		this._attributeBuffer.length <= n && (this._indexBuffers.length = n + 1);
 		let i = this._attributeBuffer[r];
 		return i || (this._attributeBuffer[r] = i = /* @__PURE__ */ new ArrayBuffer(r * this._vertexSize * 4)), i;
 	}
 	_getIndexBufferData(e) {
-		let t = Zt(Math.ceil(e / 12)), n = Qt(t), r = t * 12;
+		let t = Qt(Math.ceil(e / 12)), n = $t(t), r = t * 12;
 		this._indexBuffers.length <= n && (this._indexBuffers.length = n + 1);
 		let i = this._indexBuffers[n];
 		return i || (this._indexBuffers[n] = i = new Uint32Array(r)), i;
 	}
 };
-function Zt(e) {
+function Qt(e) {
 	return e += +(e === 0), --e, e |= e >>> 1, e |= e >>> 2, e |= e >>> 4, e |= e >>> 8, e |= e >>> 16, e + 1;
 }
-function Qt(e) {
+function $t(e) {
 	let t = (e > 65535) << 4;
 	e >>>= t;
 	let n = (e > 255) << 3;
@@ -2107,9 +2107,9 @@ function Qt(e) {
 //#region src/core/renderers/gl/const.ts
 var M = /* @__PURE__ */ function(e) {
 	return e[e.disabled = 0] = "disabled", e[e.renderingMaskAdd = 1] = "renderingMaskAdd", e[e.maskActive = 2] = "maskActive", e[e.inverseMaskActive = 3] = "inverseMaskActive", e[e.renderingMaskRemove = 4] = "renderingMaskRemove", e[e.none = 5] = "none", e;
-}({}), $t = /* @__PURE__ */ function(e) {
+}({}), en = /* @__PURE__ */ function(e) {
 	return e[e.none = 0] = "none", e[e.color = 16384] = "color", e[e.stencil = 1024] = "stencil", e[e.depth = 256] = "depth", e[e.colorDepth = e.color | e.depth] = "colorDepth", e[e.colorStencil = e.color | e.stencil] = "colorStencil", e[e.depthStencil = e.depth | e.stencil] = "depthStencil", e[e.all = e.color | e.depth | e.stencil] = "all", e;
-}({}), en = class extends j {
+}({}), tn = class extends j {
 	install(e) {
 		super.install(e), e.mask = this;
 	}
@@ -2134,13 +2134,13 @@ var M = /* @__PURE__ */ function(e) {
 		let t = this.stack.pop();
 		if (!t || t.source !== e) return;
 		let { mask: n } = t, r = this._renderer.renderTarget.current?.instanceId ?? -1, i = this._maskStackHash[r] ?? 0;
-		"x" in n && this._renderer.scissor.pop(), "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear($t.stencil), this._renderer.stencil.bind(M.disabled, i)) : this._renderer.stencil.bind(M.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(M.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
+		"x" in n && this._renderer.scissor.pop(), "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear(en.stencil), this._renderer.stencil.bind(M.disabled, i)) : this._renderer.stencil.bind(M.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(M.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
 	}
-}, tn = [];
-tn[M.none] = {}, tn[M.disabled] = {
+}, nn = [];
+nn[M.none] = {}, nn[M.disabled] = {
 	stencilWriteMask: 0,
 	stencilReadMask: 0
-}, tn[M.renderingMaskAdd] = {
+}, nn[M.renderingMaskAdd] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "increment-clamp"
@@ -2149,7 +2149,7 @@ tn[M.none] = {}, tn[M.disabled] = {
 		compare: "equal",
 		passOp: "increment-clamp"
 	}
-}, tn[M.renderingMaskRemove] = {
+}, nn[M.renderingMaskRemove] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "decrement-clamp"
@@ -2158,7 +2158,7 @@ tn[M.none] = {}, tn[M.disabled] = {
 		compare: "equal",
 		passOp: "decrement-clamp"
 	}
-}, tn[M.maskActive] = {
+}, nn[M.maskActive] = {
 	stencilWriteMask: 0,
 	stencilFront: {
 		compare: "equal",
@@ -2168,7 +2168,7 @@ tn[M.none] = {}, tn[M.disabled] = {
 		compare: "equal",
 		passOp: "keep"
 	}
-}, tn[M.inverseMaskActive] = {
+}, nn[M.inverseMaskActive] = {
 	stencilWriteMask: 0,
 	stencilFront: {
 		compare: "not-equal",
@@ -2179,7 +2179,7 @@ tn[M.none] = {}, tn[M.disabled] = {
 		passOp: "keep"
 	}
 };
-var nn = class extends j {
+var rn = class extends j {
 	install(e) {
 		super.install(e), e.stencil = this;
 	}
@@ -2231,7 +2231,7 @@ var nn = class extends j {
 		}
 	};
 	bind(e, t) {
-		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = tn[e], a = this._cache;
+		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = nn[e], a = this._cache;
 		if (n.stencilMode = e, n.refCount = t, e === M.disabled) {
 			this._cache.enabled && (this._cache.enabled = !1, r.disable(r.STENCIL_TEST));
 			return;
@@ -2241,8 +2241,8 @@ var nn = class extends j {
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, rn = class extends j {
-	current = new st(0, 0, 0, 0);
+}, an = class extends j {
+	current = new lt(0, 0, 0, 0);
 	install(e) {
 		super.install(e), e.viewport = this;
 	}
@@ -2250,7 +2250,7 @@ var nn = class extends j {
 		let t = this.current, n = Math.floor(e.x), r = Math.floor(e.y), i = Math.floor(e.width), a = Math.floor(e.height);
 		t.x === n && t.y === r && t.width === i && t.height === a || (this._gl.viewport(n, r, i, a), t.x = n, t.y = r, t.width = i, t.height = a);
 	}
-}, an = class {
+}, on = class {
 	width = -1;
 	height = -1;
 	msaa = !1;
@@ -2260,7 +2260,7 @@ var nn = class extends j {
 	constructor(e) {
 		this.framebuffer = e;
 	}
-}, on = class extends j {
+}, sn = class extends j {
 	install(e) {
 		super.install(e), e.renderTarget = this;
 	}
@@ -2270,7 +2270,7 @@ var nn = class extends j {
 	_msaaSamples = [];
 	_hasMRT = !0;
 	_writeDepthTexture = !0;
-	projection = new pt();
+	projection = new mt();
 	_updateContext(e) {
 		if (super._updateContext(e), this._hasMRT = !0, this._writeDepthTexture = !0, this._renderer.version === 1) {
 			let t = this._renderer.extensions.drawBuffers, n = this._renderer.extensions.depthTexture;
@@ -2306,7 +2306,7 @@ var nn = class extends j {
 		return this.glRenderTargets.get(e.instanceId) || this._createGlRenderTarget(e);
 	}
 	_createGlRenderTarget(e) {
-		let t = this._gl, n = new an(t.createFramebuffer());
+		let t = this._gl, n = new on(t.createFramebuffer());
 		return this.glRenderTargets.set(e.instanceId, n), this.renderTargets.get(e.instanceId) || (this.renderTargets.set(e.instanceId, e), this._update(e, n), "on" in e && (e.on("updateProperty", (t) => {
 			switch (t) {
 				case "width":
@@ -2383,27 +2383,27 @@ var nn = class extends j {
 	reset() {
 		super.reset(), this.renderTargets.clear(), this.glRenderTargets.clear(), this.current = null, this._msaaSamples.length = 0;
 	}
-}, sn = /* @__PURE__ */ function(e) {
+}, cn = /* @__PURE__ */ function(e) {
 	return e[e.RGBA = 6408] = "RGBA", e[e.RGB = 6407] = "RGB", e[e.RG = 33319] = "RG", e[e.RED = 6403] = "RED", e[e.RGBA_INTEGER = 36249] = "RGBA_INTEGER", e[e.RGB_INTEGER = 36248] = "RGB_INTEGER", e[e.RG_INTEGER = 33320] = "RG_INTEGER", e[e.RED_INTEGER = 36244] = "RED_INTEGER", e[e.ALPHA = 6406] = "ALPHA", e[e.LUMINANCE = 6409] = "LUMINANCE", e[e.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", e[e.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", e[e.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", e;
-}({}), cn = /* @__PURE__ */ function(e) {
+}({}), ln = /* @__PURE__ */ function(e) {
 	return e[e.TEXTURE_2D = 3553] = "TEXTURE_2D", e[e.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", e[e.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", e[e.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", e[e.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", e[e.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", e[e.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", e[e.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", e[e.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", e;
 }({}), N = /* @__PURE__ */ function(e) {
 	return e[e.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", e[e.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", e[e.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", e[e.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", e[e.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", e[e.UNSIGNED_INT = 5125] = "UNSIGNED_INT", e[e.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", e[e.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", e[e.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", e[e.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", e[e.BYTE = 5120] = "BYTE", e[e.SHORT = 5122] = "SHORT", e[e.INT = 5124] = "INT", e[e.FLOAT = 5126] = "FLOAT", e[e.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", e[e.HALF_FLOAT = 36193] = "HALF_FLOAT", e;
-}({}), ln = class {
-	target = cn.TEXTURE_2D;
+}({}), un = class {
+	target = ln.TEXTURE_2D;
 	width = -1;
 	height = -1;
 	mipmap = !1;
 	type = N.UNSIGNED_BYTE;
-	internalFormat = sn.RGBA;
-	format = sn.RGBA;
+	internalFormat = cn.RGBA;
+	format = cn.RGBA;
 	constructor(e) {
 		this.native = e;
 	}
 };
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlFormat.ts
-function un(e) {
+function dn(e) {
 	return {
 		r8unorm: e.RED,
 		r8snorm: e.RED,
@@ -2451,7 +2451,7 @@ function un(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlInternalFormat.ts
-function dn(e, t) {
+function fn(e, t) {
 	let n = {}, r = e.RGBA;
 	return e instanceof WebGLRenderingContext ? t.srgb && (n = {
 		"rgba8unorm-srgb": t.srgb.SRGB8_ALPHA8_EXT,
@@ -2567,7 +2567,7 @@ function dn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlType.ts
-function fn(e) {
+function pn(e) {
 	return {
 		r8unorm: e.UNSIGNED_BYTE,
 		r8snorm: e.BYTE,
@@ -2615,7 +2615,7 @@ function fn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/updateTextureStyle.ts
-var pn = {
+var mn = {
 	linear: {
 		linear: 9987,
 		nearest: 9985
@@ -2624,10 +2624,10 @@ var pn = {
 		linear: 9986,
 		nearest: 9984
 	}
-}, mn = {
+}, hn = {
 	linear: 9729,
 	nearest: 9728
-}, hn = {
+}, gn = {
 	never: 512,
 	less: 513,
 	equal: 514,
@@ -2636,32 +2636,32 @@ var pn = {
 	"not-equal": 517,
 	"greater-equal": 518,
 	always: 519
-}, gn = {
+}, _n = {
 	"clamp-to-edge": 33071,
 	repeat: 10497,
 	"mirror-repeat": 33648
 };
-function _n(e, t, n, r, i, a, o, s) {
+function vn(e, t, n, r, i, a, o, s) {
 	let { addressModeU: c = "repeat", addressModeV: l = "repeat", addressModeW: u = "repeat", magFilter: d = "linear", minFilter: f = "linear", mipmapFilter: p = "linear", maxAnisotropy: m = 0, compare: h } = e, g = a;
 	if (!s || c !== "repeat" || l !== "repeat" || u !== "repeat") {
-		let e = gn[o ? "clamp-to-edge" : c], n = gn[o ? "clamp-to-edge" : l], r = gn[o ? "clamp-to-edge" : u];
+		let e = _n[o ? "clamp-to-edge" : c], n = _n[o ? "clamp-to-edge" : l], r = _n[o ? "clamp-to-edge" : u];
 		t[i](g, t.TEXTURE_WRAP_S, e), t[i](g, t.TEXTURE_WRAP_T, n), t.TEXTURE_WRAP_R && t[i](g, t.TEXTURE_WRAP_R, r);
 	}
-	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, mn[d]), n) {
+	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, hn[d]), n) {
 		if (!s || p !== "linear") {
-			let e = pn[f][p];
+			let e = mn[f][p];
 			t[i](g, t.TEXTURE_MIN_FILTER, e);
 		}
-	} else t[i](g, t.TEXTURE_MIN_FILTER, mn[f]);
+	} else t[i](g, t.TEXTURE_MIN_FILTER, hn[f]);
 	if (r && m > 1) {
 		let e = Math.min(m, t.getParameter(r.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
 		t[i](g, r.TEXTURE_MAX_ANISOTROPY_EXT, e);
 	}
-	h && t[i](g, t.TEXTURE_COMPARE_FUNC, hn[h]);
+	h && t[i](g, t.TEXTURE_COMPARE_FUNC, gn[h]);
 }
 //#endregion
 //#region src/core/renderers/gl/texture/uploaders/index.ts
-var vn = {
+var yn = {
 	buffer: {
 		id: "buffer",
 		upload: (e, t, n) => {
@@ -2675,8 +2675,8 @@ var vn = {
 			c < o || l < s ? ((i !== o || a !== s) && n.texImage2D(t.target, 0, t.internalFormat, o, s, 0, t.format, t.type, null), r === 2 ? n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, c, l, t.format, t.type, e.source) : n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, t.format, t.type, e.source)) : i === o && a === s ? n.texSubImage2D(n.TEXTURE_2D, 0, 0, 0, t.format, t.type, e.source) : r === 2 ? n.texImage2D(t.target, 0, t.internalFormat, o, s, 0, t.format, t.type, e.source) : n.texImage2D(t.target, 0, t.internalFormat, t.format, t.type, e.source), t.width = o, t.height = s;
 		}
 	}
-}, yn = class extends j {
-	uploaders = { ...vn };
+}, bn = class extends j {
+	uploaders = { ...yn };
 	textures = /* @__PURE__ */ new Map();
 	glTextures = /* @__PURE__ */ new Map();
 	_mapFormatToInternalFormat = Object.create(null);
@@ -2691,14 +2691,14 @@ var vn = {
 		super.install(e), e.texture = this;
 	}
 	_updateContext(e) {
-		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = dn(e, this._renderer.extensions), this._mapFormatToType = fn(e), this._mapFormatToFormat = un(e)), this.maxTextureSize = e.getParameter(e.MAX_TEXTURE_SIZE), this.maxTextureImageUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
+		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = fn(e, this._renderer.extensions), this._mapFormatToType = pn(e), this._mapFormatToFormat = dn(e)), this.maxTextureSize = e.getParameter(e.MAX_TEXTURE_SIZE), this.maxTextureImageUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
 		for (let e = 0; e < this.maxTextureImageUnits; e++) this.unbind(e);
 	}
 	getGlTexture(e) {
 		return this.glTextures.get(e.instanceId) || this._createGlTexture(e);
 	}
 	_createGlTexture(e) {
-		let t = this._gl, n = new ln(t.createTexture());
+		let t = this._gl, n = new un(t.createTexture());
 		if (t.bindTexture(n.target, n.native), n.type = this._mapFormatToType[e.format], n.internalFormat = this._mapFormatToInternalFormat[e.format], n.format = this._mapFormatToFormat[e.format], this.glTextures.set(e.instanceId, n), e.mipmap && (this._renderer.supports.nonPowOf2mipmaps || e.isPowerOfTwo)) {
 			let t = Math.max(e.width, e.height);
 			e.mipLevelCount = Math.floor(Math.log2(t)) + 1;
@@ -2758,7 +2758,7 @@ var vn = {
 	}
 	updateStyle(e, t = !1) {
 		let n = this._gl;
-		_n(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
+		vn(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
 	}
 	updateGpuTexture(e) {
 		this.bind(e);
@@ -2773,7 +2773,7 @@ var vn = {
 		let e = this._gl;
 		this._premultiplyAlpha = !1, e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this._premultiplyAlpha);
 	}
-}, bn = {
+}, xn = {
 	uint8x2: N.UNSIGNED_BYTE,
 	uint8x4: N.UNSIGNED_BYTE,
 	sint8x2: N.BYTE,
@@ -2805,18 +2805,18 @@ var vn = {
 	sint32x3: N.INT,
 	sint32x4: N.INT
 };
-function xn(e) {
-	return bn[e] ?? bn.float32;
+function Sn(e) {
+	return xn[e] ?? xn.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/geometry/GlGeometrySystem.ts
-var Sn = {
+var Cn = {
 	"point-list": 0,
 	"line-list": 1,
 	"line-strip": 3,
 	"triangle-list": 4,
 	"triangle-strip": 5
-}, Cn = class extends j {
+}, wn = class extends j {
 	_geometryVaoHash = {};
 	hasInstance = !1;
 	current = null;
@@ -2855,11 +2855,11 @@ var Sn = {
 		}
 		for (let e in r) {
 			let t = r[e];
-			i[t.buffer.instanceId] += It(t.format).stride;
+			i[t.buffer.instanceId] += Lt(t.format).stride;
 		}
 		for (let e in r) {
 			let t = r[e];
-			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += It(t.format).stride;
+			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += Lt(t.format).stride;
 		}
 	}
 	_createVao(e, t) {
@@ -2888,7 +2888,7 @@ var Sn = {
 				a !== c && (r.bind(s), a = c);
 				let e = l.location;
 				n.enableVertexAttribArray(e);
-				let t = It(o.format), i = xn(o.format);
+				let t = Lt(o.format), i = Sn(o.format);
 				if (l.format?.substring(1, 4) === "int" ? n.vertexAttribIPointer(e, t.size, i, o.stride ?? 0, o.start ?? 0) : n.vertexAttribPointer(e, t.size, i, t.normalized, o.stride ?? 0, o.start ?? 0), o.instance) if (this.hasInstance) {
 					let t = o.divisor ?? 1;
 					n.vertexAttribDivisor(e, t);
@@ -2921,7 +2921,7 @@ var Sn = {
 		let { topology: t, size: n, start: r = 0, instanceCount: i } = e, { gl: a } = this._renderer, o = this.current;
 		if (!o) return this;
 		t = t || o.topology || "triangle-list";
-		let s = Sn[t];
+		let s = Cn[t];
 		if (i = i || o.instanceCount || 1, o.indexBuffer) {
 			n ||= o.indexBuffer.data.length;
 			let e = o.indexBuffer.data.BYTES_PER_ELEMENT, t = e === 2 ? a.UNSIGNED_SHORT : a.UNSIGNED_INT;
@@ -2932,7 +2932,7 @@ var Sn = {
 	reset() {
 		super.reset(), this.current = null, this.currentVao = null;
 	}
-}, wn = class extends j {
+}, Tn = class extends j {
 	install(e) {
 		super.install(e), e.colorMask = this;
 	}
@@ -2943,19 +2943,19 @@ var Sn = {
 };
 //#endregion
 //#region src/core/renderers/gl/GlScissorSystem.ts
-function Tn(e, t, n) {
+function En(e, t, n) {
 	let [r, i, a, o, s, c, l, u, d] = e, f = r * t + o * n + l, p = i * t + s * n + u, m = a * t + c * n + d;
 	return {
 		x: f / m,
 		y: p / m
 	};
 }
-function En(e, t) {
+function Dn(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = [
-		Tn(e, n, r),
-		Tn(e, n + i, r),
-		Tn(e, n + i, r + a),
-		Tn(e, n, r + a)
+		En(e, n, r),
+		En(e, n + i, r),
+		En(e, n + i, r + a),
+		En(e, n, r + a)
 	], s = o.map((e) => e.x), c = o.map((e) => e.y), l = Math.min(...s), u = Math.max(...s), d = Math.min(...c), f = Math.max(...c);
 	return {
 		x: l,
@@ -2964,7 +2964,7 @@ function En(e, t) {
 		height: f - d
 	};
 }
-var Dn = class extends j {
+var On = class extends j {
 	install(e) {
 		super.install(e), e.scissor = this;
 	}
@@ -2991,28 +2991,28 @@ var Dn = class extends j {
 	bind(e) {
 		let t = this._gl;
 		if (e) {
-			let { pixelRatio: n, viewport: r } = this._renderer, { viewMatrix: i } = this._renderer.shader.uniforms, { x: a, y: o, width: s, height: c } = En(i, e), l = r.current.height / n - (o + c);
+			let { pixelRatio: n, viewport: r } = this._renderer, { viewMatrix: i } = this._renderer.shader.uniforms, { x: a, y: o, width: s, height: c } = Dn(i, e), l = r.current.height / n - (o + c);
 			t.scissor(a * n, l * n, s * n, c * n);
 		} else t.disable(t.SCISSOR_TEST);
 	}
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, On = class extends vt {
+}, kn = class extends yt {
 	contextLost = !1;
 	_systems = [
-		new yn(),
-		new St(),
-		new Gt(),
-		new Cn(),
-		new on(),
-		new Yt(),
-		new en(),
+		new bn(),
+		new Ct(),
+		new Kt(),
 		new wn(),
-		new nn(),
-		new Dn(),
+		new sn(),
 		new Xt(),
-		new rn()
+		new tn(),
+		new Tn(),
+		new rn(),
+		new On(),
+		new Zt(),
+		new an()
 	];
 	bindPoints = /* @__PURE__ */ new Map();
 	supports = {
@@ -3024,9 +3024,9 @@ var Dn = class extends j {
 		msaa: !0,
 		nonPowOf2mipmaps: !0
 	};
-	constructor(e = Je(), t) {
+	constructor(e = Xe(), t) {
 		if (super(), !e) throw Error("Failed to createHTMLCanvas");
-		Ke(e) ? this._setupContext(e, t) : (this.gl = e, this.version = qe(this.gl) ? 2 : 1), this._setupBindPoints()._setupExtensions()._setupPolyfill()._setupSupports(), this._systems.forEach((e) => e.install(this)), this._systems.forEach((e) => e.emit("updateContext", this.gl)), this._systems.forEach((e) => e.emit("setup"));
+		Je(e) ? this._setupContext(e, t) : (this.gl = e, this.version = Ye(this.gl) ? 2 : 1), this._setupBindPoints()._setupExtensions()._setupPolyfill()._setupSupports(), this._systems.forEach((e) => e.install(this)), this._systems.forEach((e) => e.emit("updateContext", this.gl)), this._systems.forEach((e) => e.emit("setup"));
 	}
 	_setupContext(e, t) {
 		this.view = e;
@@ -3106,8 +3106,8 @@ var Dn = class extends j {
 			height: this.screen.height * this.pixelRatio
 		});
 	}
-	clear(e = $t.all) {
-		typeof e == "boolean" && (e = e ? $t.all : $t.none), e && this.gl.clear(e);
+	clear(e = en.all) {
+		typeof e == "boolean" && (e = e ? en.all : en.none), e && this.gl.clear(e);
 	}
 	reset() {
 		this._systems.forEach((e) => e.reset());
@@ -3124,7 +3124,7 @@ var Dn = class extends j {
 		for (let e = 0; e < i; e += a) c.set(s.subarray(e, e + a), o - e);
 		return c;
 	}
-}, kn = class {}, An = class extends kn {
+}, An = class {}, jn = class extends An {
 	install(e) {
 		let t = async (e) => {
 			let { parseFont: t } = await import("modern-font");
@@ -3138,15 +3138,15 @@ var Dn = class extends j {
 			e.register(n, t);
 		}), e.font = this, this;
 	}
-}, jn, Mn = class extends T {
+}, Mn, Nn = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.index }), O("design:type", typeof (jn = A !== void 0 && A) == "function" ? jn : Object)], Mn.prototype, "usage", void 0), k([_({ default: () => new Uint32Array() }), O("design:type", Object)], Mn.prototype, "data", void 0);
+k([_({ fallback: A.index }), O("design:type", typeof (Mn = A !== void 0 && A) == "function" ? Mn : Object)], Nn.prototype, "usage", void 0), k([_({ default: () => new Uint32Array() }), O("design:type", Object)], Nn.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/Geometry.ts
-var Nn, Pn, Fn = class extends T {
+var Pn, Fn, In = class extends w {
 	constructor(e = {}) {
 		super(), this.setProperties(e);
 	}
@@ -3154,26 +3154,26 @@ var Nn, Pn, Fn = class extends T {
 		e.flush(), t.activate(e, n), e.geometry.bind(this, t.glProgram), e.geometry.draw(), e.geometry.unbind();
 	}
 };
-k([_({ fallback: "triangle-list" }), O("design:type", Object)], Fn.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof (Nn = typeof Record < "u" && Record) == "function" ? Nn : Object)], Fn.prototype, "attributes", void 0), k([_({ default: () => new Mn() }), O("design:type", typeof (Pn = Mn !== void 0 && Mn) == "function" ? Pn : Object)], Fn.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Fn.prototype, "instanceCount", void 0);
+k([_({ fallback: "triangle-list" }), O("design:type", Object)], In.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof (Pn = typeof Record < "u" && Record) == "function" ? Pn : Object)], In.prototype, "attributes", void 0), k([_({ default: () => new Nn() }), O("design:type", typeof (Fn = Nn !== void 0 && Nn) == "function" ? Fn : Object)], In.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], In.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
-var In, P = class extends T {
+var Ln, P = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.vertex }), O("design:type", typeof (In = A !== void 0 && A) == "function" ? In : Object)], P.prototype, "usage", void 0), k([_({ default: () => new Float32Array() }), O("design:type", Object)], P.prototype, "data", void 0);
+k([_({ fallback: A.vertex }), O("design:type", typeof (Ln = A !== void 0 && A) == "function" ? Ln : Object)], P.prototype, "usage", void 0), k([_({ default: () => new Float32Array() }), O("design:type", Object)], P.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexAttribute.ts
-var Ln, F = class extends T {
+var Rn, F = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ default: () => new P() }), O("design:type", typeof (Ln = P !== void 0 && P) == "function" ? Ln : Object)], F.prototype, "buffer", void 0), k([_({ fallback: "float32" }), O("design:type", Object)], F.prototype, "format", void 0), k([_(), O("design:type", Boolean)], F.prototype, "instance", void 0), k([_(), O("design:type", Number)], F.prototype, "stride", void 0), k([_(), O("design:type", Number)], F.prototype, "offset", void 0), k([_(), O("design:type", Number)], F.prototype, "start", void 0), k([_(), O("design:type", Number)], F.prototype, "divisor", void 0);
+k([_({ default: () => new P() }), O("design:type", typeof (Rn = P !== void 0 && P) == "function" ? Rn : Object)], F.prototype, "buffer", void 0), k([_({ fallback: "float32" }), O("design:type", Object)], F.prototype, "format", void 0), k([_(), O("design:type", Boolean)], F.prototype, "instance", void 0), k([_(), O("design:type", Number)], F.prototype, "stride", void 0), k([_(), O("design:type", Number)], F.prototype, "offset", void 0), k([_(), O("design:type", Number)], F.prototype, "start", void 0), k([_(), O("design:type", Number)], F.prototype, "divisor", void 0);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
-var Rn = class extends Fn {
+var zn = class extends In {
 	constructor() {
 		super({
 			topology: "triangle-strip",
@@ -3190,7 +3190,7 @@ var Rn = class extends Fn {
 					1
 				]) })
 			}) },
-			indexBuffer: new Mn({ data: new Uint32Array([
+			indexBuffer: new Nn({ data: new Uint32Array([
 				0,
 				1,
 				3,
@@ -3198,8 +3198,8 @@ var Rn = class extends Fn {
 			]) })
 		});
 	}
-}, zn;
-function Bn() {
+}, Bn;
+function Vn() {
 	return {
 		projectionMatrix: new Float32Array([
 			1,
@@ -3231,13 +3231,13 @@ function Bn() {
 		])
 	};
 }
-var I = class extends T {
+var I = class extends w {
 	static instance = new this();
 	glProgram;
 	constructor(e = {}) {
 		super();
 		let { uniforms: t, gl: n } = e;
-		t && (this.uniforms = t), this.glProgram = new Pt({
+		t && (this.uniforms = t), this.glProgram = new Ft({
 			vertex: "in vec2 position;\nuniform mat3 projectionMatrix;\nuniform mat3 modelViewMatrix;\nvoid main(void) {\n  gl_Position = vec4((projectionMatrix * modelViewMatrix * vec3(position, 1.0)).xy, 0.0, 1.0);\n}",
 			fragment: "uniform vec4 tint;\nvoid main(void) {\n  gl_FragColor = tint;\n}",
 			...n
@@ -3250,13 +3250,13 @@ var I = class extends T {
 		}, e.shader.updateUniforms(this);
 	}
 };
-k([_({ default: Bn }), O("design:type", typeof (zn = typeof Record < "u" && Record) == "function" ? zn : Object)], I.prototype, "uniforms", void 0);
+k([_({ default: Vn }), O("design:type", typeof (Bn = typeof Record < "u" && Record) == "function" ? Bn : Object)], I.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
-var Vn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Hn = /vec(\d)\((.*)\)/;
-function Un(e) {
+var Hn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Un = /vec(\d)\((.*)\)/;
+function Wn(e) {
 	e = e.trim();
-	let t = e.match(Hn);
+	let t = e.match(Un);
 	if (t) {
 		let e = Array.from({ length: Number(t[1]) }, () => 0);
 		return t[2].split(",").forEach((t, n) => {
@@ -3265,7 +3265,7 @@ function Un(e) {
 	}
 	return Number(e);
 }
-var Wn = class e extends I {
+var Gn = class e extends I {
 	static RE = {
 		getColor: /\sgetColor\s*\(/,
 		getFromColor: /\sgetFromColor\s*\(/,
@@ -3301,12 +3301,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 				progress: 0
 			}
 		}), this.has = n;
-		let r = t.matchAll(Vn);
+		let r = t.matchAll(Hn);
 		for (let e of r) e[1] && e[2] && e[1].split(",").forEach((t) => {
-			this.uniforms[t.trim()] = Un(e[2]);
+			this.uniforms[t.trim()] = Wn(e[2]);
 		});
 	}
-}, Gn = class extends I {
+}, Kn = class extends I {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3350,12 +3350,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, L = class extends Fn {
+}, L = class extends In {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
 	}
-	static draw(e, t = Gn.instance, n) {
+	static draw(e, t = Kn.instance, n) {
 		this.instance.draw(e, t, n);
 	}
 	constructor() {
@@ -3388,7 +3388,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					]) })
 				})
 			},
-			indexBuffer: new Mn({ data: new Uint32Array([
+			indexBuffer: new Nn({ data: new Uint32Array([
 				0,
 				1,
 				2,
@@ -3398,7 +3398,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			]) })
 		});
 	}
-}, Kn = class extends Fn {
+}, qn = class extends In {
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
@@ -3415,10 +3415,10 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					buffer: n
 				})
 			},
-			indexBuffer: new Mn({ data: new Uint32Array() })
+			indexBuffer: new Nn({ data: new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
-}, R = class extends T {
+}, R = class extends w {
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -3435,7 +3435,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "isRoot", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "msaa", void 0), k([_({ default: () => [new z()] }), O("design:type", Array)], R.prototype, "colorTextures", void 0);
 //#endregion
 //#region src/scene/resources/textures/Texture2D.ts
-var z = class extends T {
+var z = class extends w {
 	static get EMPTY() {
 		return new this({
 			width: 1,
@@ -3526,7 +3526,7 @@ var z = class extends T {
 		switch (super._updateProperty(e, t, n), e) {
 			case "width":
 			case "height":
-				this.isPowerOfTwo = ve(this.pixelWidth) && ve(this.pixelHeight);
+				this.isPowerOfTwo = ye(this.pixelWidth) && ye(this.pixelHeight);
 				break;
 			case "source":
 				this.updateSize();
@@ -3543,13 +3543,13 @@ var z = class extends T {
 		e.texture.unbind(this);
 	}
 	_destroy() {
-		super._destroy(), Oe && this.source instanceof ImageBitmap && this.source.close();
+		super._destroy(), ke && this.source instanceof ImageBitmap && this.source.close();
 	}
 };
 k([_({ fallback: "unknown" }), O("design:type", String)], z.prototype, "uploadMethodId", void 0), k([_({ internal: !0 }), O("design:type", Object)], z.prototype, "source", void 0), k([_({ fallback: 0 }), O("design:type", Number)], z.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], z.prototype, "height", void 0), k([_({ fallback: 1 }), O("design:type", Number)], z.prototype, "pixelRatio", void 0), k([_({ fallback: "bgra8unorm" }), O("design:type", Object)], z.prototype, "format", void 0), k([_({ fallback: "premultiply-alpha-on-upload" }), O("design:type", Object)], z.prototype, "alphaMode", void 0), k([_({ fallback: 1 }), O("design:type", Number)], z.prototype, "mipLevelCount", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], z.prototype, "mipmap", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeU", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeV", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeW", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "magFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "minFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "mipmapFilter", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], z.prototype, "isPowerOfTwo", void 0);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var qn = class extends T {
+var Jn = class extends w {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3574,7 +3574,7 @@ var qn = class extends T {
 			e.texture.destroy();
 		});
 	}
-}, Jn = class extends z {
+}, Yn = class extends z {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
@@ -3594,14 +3594,14 @@ var qn = class extends T {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, Yn = class e extends z {
+}, Xn = class e extends z {
 	static _cached = /* @__PURE__ */ new Map();
 	static get(t) {
-		let n = new E(t), r = n.toHex(), i = this._cached.get(r);
+		let n = new T(t), r = n.toHex(), i = this._cached.get(r);
 		return i || (i = new e(n), this._cached.set(r, i)), i;
 	}
 	constructor(e) {
-		let t = e instanceof E ? e : new E(e);
+		let t = e instanceof T ? e : new T(e);
 		super({
 			width: 1,
 			height: 1,
@@ -3615,7 +3615,7 @@ var qn = class extends T {
 			mipmap: !0
 		});
 	}
-}, Xn = class e extends z {
+}, Zn = class e extends z {
 	static test(e) {
 		return u(e);
 	}
@@ -3639,7 +3639,7 @@ var qn = class extends T {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, Zn = class extends z {
+}, Qn = class extends z {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3649,7 +3649,7 @@ var qn = class extends T {
 };
 //#endregion
 //#region src/scene/resources/textures/VideoTexture.ts
-function Qn(e) {
+function $n(e) {
 	return {
 		autoLoad: !!(e?.autoLoad ?? !0),
 		autoPlay: !!(e?.autoPlay ?? !1),
@@ -3660,7 +3660,7 @@ function Qn(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var $n = class e extends z {
+var er = class e extends z {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3693,11 +3693,11 @@ var $n = class e extends z {
 	_resolve;
 	_reject;
 	constructor(t, n) {
-		let r = Qn(n);
-		if (!We(t)) {
+		let r = $n(n);
+		if (!Ke(t)) {
 			typeof t == "string" && (t = [t]);
 			let n = t[0].src || t[0], i = document.createElement("video");
-			r.autoLoad && i.setAttribute("preload", "auto"), r.playsinline && (i.setAttribute("webkit-playsinline", ""), i.setAttribute("playsinline", "")), r.muted && (i.setAttribute("muted", ""), i.muted = !0), r.loop && i.setAttribute("loop", ""), r.autoPlay && i.setAttribute("autoplay", ""), Xe(i, n, r.crossorigin);
+			r.autoLoad && i.setAttribute("preload", "auto"), r.playsinline && (i.setAttribute("webkit-playsinline", ""), i.setAttribute("playsinline", "")), r.muted && (i.setAttribute("muted", ""), i.muted = !0), r.loop && i.setAttribute("loop", ""), r.autoPlay && i.setAttribute("autoplay", ""), Qe(i, n, r.crossorigin);
 			for (let n = 0; n < t.length; ++n) {
 				let { src: r, mime: a } = t[n];
 				if (r ||= t[n], r.startsWith("data:")) a = r.slice(5, r.indexOf(";"));
@@ -3771,13 +3771,13 @@ var $n = class e extends z {
 k([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], $n.prototype, "autoUpdate", void 0), k([_({
+}), O("design:type", Boolean)], er.prototype, "autoUpdate", void 0), k([_({
 	internal: !0,
 	fallback: 0
-}), O("design:type", Number)], $n.prototype, "fps", void 0);
+}), O("design:type", Number)], er.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var er = class extends z {}, tr = class extends ae {
+var tr = class extends z {}, nr = class extends oe {
 	fillStyle;
 	strokeStyle;
 	strokeAlignment;
@@ -3789,7 +3789,7 @@ var er = class extends z {}, tr = class extends ae {
 	transformVertex;
 	_draws = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof z ? { texture: e } : { texture: Yn.get(e) } : {};
+		return e ? e instanceof z ? { texture: e } : { texture: Xn.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -3806,7 +3806,7 @@ var er = class extends z {}, tr = class extends ae {
 			...e,
 			...this._parseDrawStyle(n),
 			type: "stroke",
-			path: new ae(this),
+			path: new oe(this),
 			transformUv: this.transformUv,
 			transformVertex: this.transformVertex,
 			lineStyle: {
@@ -3841,7 +3841,7 @@ var er = class extends z {}, tr = class extends ae {
 			...e,
 			...this._parseDrawStyle(t),
 			type: "fill",
-			path: new ae(this)
+			path: new oe(this)
 		}), this.resetStatus();
 	}
 	copyFrom(e) {
@@ -3877,7 +3877,7 @@ var er = class extends z {}, tr = class extends ae {
 	destroy() {
 		this.reset();
 	}
-}, nr = class {
+}, rr = class {
 	front = [];
 	default = [];
 	back = [];
@@ -3920,7 +3920,7 @@ var er = class extends z {}, tr = class extends ae {
 	toJSON() {
 		return [...this.default];
 	}
-}, rr = class extends w {
+}, ir = class extends C {
 	getPropertyDeclarations() {
 		super.getPropertyDeclarations();
 		let e = {};
@@ -3938,22 +3938,22 @@ var er = class extends z {}, tr = class extends ae {
 			deleteProperty: (e, t) => Reflect.has(e, t) || String(t).startsWith("_") ? Reflect.deleteProperty(e, t) : (e.setProperty(String(t), void 0), !0)
 		});
 	}
-}, ir, ar, or = {};
-function sr(e) {
-	let t = or[e] ?? 0;
-	return t++, or[e] = t, t;
+}, ar, or, sr = {};
+function cr(e) {
+	let t = sr[e] ?? 0;
+	return t++, sr[e] = t, t;
 }
-var B = ar = class extends w {
+var B = or = class extends C {
 	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 ((pe.get(n ?? r.inCanvasIs ?? t)) ?? ar)({
+		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((me.get(n ?? r.inCanvasIs ?? t)) ?? or)({
 			...a,
 			meta: r
 		});
 		return i?.forEach((e) => o.appendChild(this.parse(e))), o;
 	}
 	_mask;
-	_meta = new rr(this);
+	_meta = new ir(this);
 	get meta() {
 		return this._meta;
 	}
@@ -3976,7 +3976,7 @@ var B = ar = class extends w {
 		}).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}@${sr(this.is)}`;
+		return `@${this.is}@${cr(this.is)}`;
 	}
 	setProperties(e) {
 		if (e) {
@@ -4043,7 +4043,7 @@ var B = ar = class extends w {
 		}
 		return this;
 	}
-	_children = new nr();
+	_children = new rr();
 	get children() {
 		return this._children.default;
 	}
@@ -4200,7 +4200,7 @@ var B = ar = class extends w {
 	append(...e) {
 		let t;
 		t = Array.isArray(e[0]) ? e[0] : e, t.forEach((e) => {
-			e instanceof ar ? this.appendChild(e) : this.appendChild(ar.parse(e));
+			e instanceof or ? this.appendChild(e) : this.appendChild(or.parse(e));
 		});
 	}
 	before(...e) {
@@ -4306,10 +4306,10 @@ var B = ar = class extends w {
 k([_({ default: () => c() }), O("design:type", String)], B.prototype, "id", void 0), k([_({ default: () => c() }), O("design:type", String)], B.prototype, "name", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "processMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "processSortMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "renderMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "inputMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "internalMode", void 0), k([_({
 	internal: !0,
 	default: !0
-}), O("design:type", Boolean)], B.prototype, "needsRender", void 0), B = ar = k([x("Node"), O("design:paramtypes", [typeof (ir = typeof Partial < "u" && Partial) == "function" ? ir : Object, Array])], B);
+}), O("design:type", Boolean)], B.prototype, "needsRender", void 0), B = or = k([x("Node"), O("design:paramtypes", [typeof (ar = typeof Partial < "u" && Partial) == "function" ? ar : Object, Array])], B);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
-var cr, V = class extends B {
+var lr, V = class extends B {
 	insideTimeRange = !1;
 	get _timeline() {
 		return this._tree?.timeline;
@@ -4340,7 +4340,7 @@ var cr, V = class extends B {
 		return this._globalStartTime + this._globalDuration;
 	}
 	get currentTimeProgress() {
-		return this._duration ? ut(this._currentTime / this._duration, 0, 1) : 0;
+		return this._duration ? E(this._currentTime / this._duration, 0, 1) : 0;
 	}
 	isInsideTimeRange() {
 		let e = this._currentTime;
@@ -4380,10 +4380,10 @@ var cr, V = class extends B {
 		super._process(e), this._updateCurrentTime();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "paused", void 0), V = k([x("TimelineNode"), O("design:paramtypes", [typeof (cr = typeof Partial < "u" && Partial) == "function" ? cr : Object, Array])], V);
+k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "paused", void 0), V = k([x("TimelineNode"), O("design:paramtypes", [typeof (lr = typeof Partial < "u" && Partial) == "function" ? lr : Object, Array])], V);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
-var lr, ur = class extends V {
+var ur, dr = class extends V {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4401,7 +4401,7 @@ var lr, ur = class extends V {
 		255,
 		255
 	];
-	context = new tr();
+	context = new nr();
 	_resetContext = !0;
 	needsDraw = !0;
 	needsLayout = !1;
@@ -4463,7 +4463,7 @@ var lr, ur = class extends V {
 	}
 	_updateGlobalOpacity() {
 		this._parentGlobalOpacity = this.getParent()?.opacity;
-		let e = ut(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
+		let e = E(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
 		this._globalOpacity !== e && (this._globalOpacity = e, this._updateModulate(), this.requestPaint(), this.updateRenderable());
 	}
 	_draw() {
@@ -4528,7 +4528,7 @@ var lr, ur = class extends V {
 	_render(e) {
 		this._updateBatchables();
 		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 er && (a = this._handleViewportTexture(i)), e.batch2D.render({
+		for (let i, a, o = r.length, s = 0; s < o; s++) i = r[s], a = i.texture, a instanceof tr && (a = this._handleViewportTexture(i)), e.batch2D.render({
 			...i,
 			roundPixels: n,
 			size: t ? i.size : void 0,
@@ -4540,13 +4540,13 @@ var lr, ur = class extends V {
 		super._destroy(), this.context.destroy(), this._drawBatchables = [], this._layoutBatchables = [], this._batchables = [];
 	}
 };
-k([_(), O("design:type", Object)], ur.prototype, "blendMode", void 0), k([_({
+k([_(), O("design:type", Object)], dr.prototype, "blendMode", void 0), k([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], ur.prototype, "visible", void 0), k([_({
+}), O("design:type", Boolean)], dr.prototype, "visible", void 0), k([_({
 	internal: !0,
 	fallback: 1
-}), O("design:type", Number)], ur.prototype, "opacity", void 0), ur = k([x("CanvasItem"), O("design:paramtypes", [typeof (lr = typeof Partial < "u" && Partial) == "function" ? lr : Object, Array])], ur);
+}), O("design:type", Number)], dr.prototype, "opacity", void 0), dr = k([x("CanvasItem"), O("design:paramtypes", [typeof (ur = typeof Partial < "u" && Partial) == "function" ? ur : Object, Array])], dr);
 //#endregion
 //#region src/scene/main/Viewport.ts
 var H = class extends B {
@@ -4599,7 +4599,7 @@ var H = class extends B {
 		return !1;
 	}
 	activateWithCopy(e, t) {
-		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), L.draw(e, Gn.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), L.draw(e, Kn.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -4612,7 +4612,7 @@ var H = class extends B {
 		this.renderStart(e), super.render(e, t), this.renderEnd(e, n);
 	}
 	getRect() {
-		return new st(this.x, this.y, this.width, this.height);
+		return new lt(this.x, this.y, this.width, this.height);
 	}
 	toCanvasGlobal(e, t) {
 		return this.canvasTransform.applyAffineInverse(e, t);
@@ -4627,7 +4627,7 @@ var H = class extends B {
 k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], H.prototype, "msaa", void 0), H = k([x("Viewport")], H);
 //#endregion
 //#region src/scene/main/Effect.ts
-var dr, U = class extends V {
+var fr, U = class extends V {
 	material;
 	get _effectMode() {
 		return this.effectMode ?? "parent";
@@ -4650,7 +4650,7 @@ var dr, U = class extends V {
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
 			case "glsl": {
-				let e = new Wn(t);
+				let e = new Gn(t);
 				!this.effectMode && e.has.transition && (this.effectMode = "transition"), this.material = e;
 				break;
 			}
@@ -4685,7 +4685,7 @@ var dr, U = class extends V {
 		}
 	}
 	getRect() {
-		return new st(this._rect);
+		return new lt(this._rect);
 	}
 	_processParent() {
 		let e = this._tree?.renderStack;
@@ -4855,10 +4855,10 @@ var dr, U = class extends V {
 		super._destroy(), this.viewport1.destroy(), this.viewport2.destroy();
 	}
 };
-k([_({ internal: !0 }), O("design:type", Object)], U.prototype, "material", void 0), k([_(), O("design:type", Object)], U.prototype, "effectMode", void 0), k([_(), O("design:type", String)], U.prototype, "glsl", void 0), k([_(), O("design:type", String)], U.prototype, "glslSrc", void 0), U = k([x("Effect"), O("design:paramtypes", [typeof (dr = typeof Partial < "u" && Partial) == "function" ? dr : Object, Array])], U);
+k([_({ internal: !0 }), O("design:type", Object)], U.prototype, "material", void 0), k([_(), O("design:type", Object)], U.prototype, "effectMode", void 0), k([_(), O("design:type", String)], U.prototype, "glsl", void 0), k([_(), O("design:type", String)], U.prototype, "glslSrc", void 0), U = k([x("Effect"), O("design:paramtypes", [typeof (fr = typeof Partial < "u" && Partial) == "function" ? fr : Object, Array])], U);
 //#endregion
 //#region src/scene/main/RenderStack.ts
-var fr = class {
+var pr = class {
 	currentCall;
 	calls = [];
 	createCall(e) {
@@ -4880,11 +4880,11 @@ var fr = class {
 			});
 		}), this.calls = [];
 	}
-}, pr, mr, hr = mr = class extends B {
+}, mr, hr, gr = hr = class extends B {
 	currentTime = 0;
 	static from(e, t = !1) {
 		let [n, r] = e ? Array.isArray(e) ? e : [0, e] : [];
-		return new mr({
+		return new hr({
 			startTime: n,
 			endTime: r,
 			loop: t
@@ -4902,16 +4902,16 @@ var fr = class {
 	}
 	addTime(e) {
 		let t = this.endTime, n = Math.min(this.startTime, this.endTime), r = this.currentTime;
-		return r += e, this.loop && r > t && (r = n + r % t), r = ut(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
+		return r += e, this.loop && r > t && (r = n + r % t), r = E(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
 	}
 	_process(e) {
 		super._process(e), this.paused || this.addTime(e);
 	}
 };
-k([_({ fallback: 0 }), O("design:type", Number)], hr.prototype, "startTime", void 0), k([_({ fallback: 2 ** 53 - 1 }), O("design:type", Number)], hr.prototype, "endTime", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], hr.prototype, "loop", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], hr.prototype, "paused", void 0), hr = mr = k([x("Timeline"), O("design:paramtypes", [typeof (pr = typeof Partial < "u" && Partial) == "function" ? pr : Object])], hr);
+k([_({ fallback: 0 }), O("design:type", Number)], gr.prototype, "startTime", void 0), k([_({ fallback: 2 ** 53 - 1 }), O("design:type", Number)], gr.prototype, "endTime", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], gr.prototype, "loop", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], gr.prototype, "paused", void 0), gr = hr = k([x("Timeline"), O("design:paramtypes", [typeof (mr = typeof Partial < "u" && Partial) == "function" ? mr : Object])], gr);
 //#endregion
 //#region src/scene/main/Window.ts
-var gr = class extends H {
+var _r = class extends H {
 	constructor() {
 		super(), this.renderTargets.forEach((e) => e.isRoot = !0);
 	}
@@ -4922,18 +4922,19 @@ var gr = class extends H {
 		super.flush(e), this.finish(e);
 	}
 };
-gr = k([x("Window", {
+_r = k([x("Window", {
 	processMode: "always",
 	renderMode: "always"
-}), O("design:paramtypes", [])], gr);
+}), O("design:paramtypes", [])], _r);
 //#endregion
 //#region src/scene/main/SceneTree.ts
-var _r = class extends mt {
-	input = new at();
-	renderStack = new fr();
-	root = new gr().setTree(this);
-	timeline = new hr().setTree(this);
-	_backgroundColor = new E();
+var vr = class extends ht {
+	input = new st();
+	renderStack = new pr();
+	root = new _r().setTree(this);
+	timeline = new gr().setTree(this);
+	nodeMap = /* @__PURE__ */ new Map();
+	_backgroundColor = new T();
 	_previousViewport;
 	_currentViewport;
 	getPreviousViewport() {
@@ -4945,8 +4946,11 @@ var _r = class extends mt {
 	setCurrentViewport(e) {
 		this._currentViewport && !this._currentViewport.equal(e) && (this._previousViewport = this._currentViewport), this._currentViewport = e;
 	}
+	getNodeById(e) {
+		return this.nodeMap.get(e);
+	}
 	constructor(e) {
-		super(), this.setProperties(e);
+		super(), this.on("nodeEnter", (e) => this.nodeMap.set(e.id, e)), this.on("nodeExit", (e) => this.nodeMap.delete(e.id)), this.setProperties(e);
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -4977,33 +4981,33 @@ var _r = class extends mt {
 		t.activate(e, 0), L.draw(e), t.inactivate(e);
 	}
 	_destroy() {
-		super._destroy(), this.root.destroy(), this.input.destroy();
+		super._destroy(), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-k([_({ alias: "root.msaa" }), O("design:type", Boolean)], _r.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], _r.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], _r.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], _r.prototype, "backgroundColor", void 0), k([_({
+k([_({ alias: "root.msaa" }), O("design:type", Boolean)], vr.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], vr.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], vr.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], vr.prototype, "backgroundColor", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], _r.prototype, "debug", void 0), k([_({
+}), O("design:type", Boolean)], vr.prototype, "debug", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], _r.prototype, "processPaused", void 0), k([_({
+}), O("design:type", Boolean)], vr.prototype, "processPaused", void 0), k([_({
 	internal: !0,
-	default: () => ue
-}), O("design:type", Object)], _r.prototype, "fonts", void 0);
+	default: () => de
+}), O("design:type", Object)], vr.prototype, "fonts", void 0);
 //#endregion
 //#region src/scene/main/Transition.ts
-var vr, yr = class extends U {
+var yr, br = class extends U {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 };
-yr = k([x("Transition", {
+br = k([x("Transition", {
 	effectMode: "transition",
 	duration: 2e3
-}), O("design:paramtypes", [typeof (vr = typeof Partial < "u" && Partial) == "function" ? vr : Object, Array])], yr);
+}), O("design:paramtypes", [typeof (yr = typeof Partial < "u" && Partial) == "function" ? yr : Object, Array])], br);
 //#endregion
 //#region src/scene/2d/Node2D.ts
-var br, xr = class extends ur {
+var xr, Sr = class extends dr {
 	rotation = 0;
 	position = new y(0, 0, () => this.updateGlobalTransform());
 	scale = new y(1, 1, () => this.updateGlobalTransform());
@@ -5055,10 +5059,10 @@ var br, xr = class extends ur {
 		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();
 	}
 };
-xr = k([x("Node2D"), O("design:paramtypes", [typeof (br = typeof Partial < "u" && Partial) == "function" ? br : Object, Array])], xr);
+Sr = k([x("Node2D"), O("design:paramtypes", [typeof (xr = typeof Partial < "u" && Partial) == "function" ? xr : Object, Array])], Sr);
 //#endregion
 //#region src/scene/2d/Camera2D.ts
-var Sr, Cr = class extends xr {
+var Cr, wr = class extends Sr {
 	canvasTransform = new v();
 	_screenOffset = {
 		x: 0,
@@ -5099,7 +5103,7 @@ var Sr, Cr = class extends xr {
 		return this.setZoom(this._zoom.x + e, this._zoom.y + t);
 	}
 	setZoom(e, t = e) {
-		return this._zoom.set(ut(e, this._minZoom.x, this._maxZoom.x), ut(t, this._minZoom.y, this._maxZoom.y)), this;
+		return this._zoom.set(E(e, this._minZoom.x, this._maxZoom.x), E(t, this._minZoom.y, this._maxZoom.y)), this;
 	}
 	setZoomAtOrigin(e, t, n) {
 		let r;
@@ -5172,7 +5176,7 @@ var Sr, Cr = class extends xr {
 		});
 	}
 	_getZoomByWheel(e, t) {
-		let n = e.ctrlKey && Ve ? 10 : 1, r = -e.deltaY * (e.deltaMode === 1 ? .05 : e.deltaMode ? 1 : .002) * n, i = Math.log(t) + r;
+		let n = e.ctrlKey && Ue ? 10 : 1, r = -e.deltaY * (e.deltaMode === 1 ? .05 : e.deltaMode ? 1 : .002) * n, i = Math.log(t) + r;
 		return Math.round(Math.exp(i) * 1e4) / 1e4;
 	}
 	_updateTransform() {
@@ -5205,16 +5209,16 @@ var Sr, Cr = class extends xr {
 k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Cr.prototype, "spaceKey", void 0), k([_({
+}), O("design:type", Boolean)], wr.prototype, "spaceKey", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Cr.prototype, "grabbing", void 0), Cr = k([x("Camera2D", {
+}), O("design:type", Boolean)], wr.prototype, "grabbing", void 0), wr = k([x("Camera2D", {
 	processMode: "disabled",
 	renderMode: "disabled"
-}), O("design:paramtypes", [typeof (Sr = typeof Partial < "u" && Partial) == "function" ? Sr : Object, Array])], Cr);
+}), O("design:paramtypes", [typeof (Cr = typeof Partial < "u" && Partial) == "function" ? Cr : Object, Array])], wr);
 //#endregion
 //#region src/css/parseCssFilter.ts
-var wr = {
+var Tr = {
 	brightness: 1,
 	contrast: 1,
 	grayscale: 0,
@@ -5224,18 +5228,18 @@ var wr = {
 	saturate: 1,
 	sepia: 0
 };
-function Tr(e) {
-	let t = new dt();
+function Er(e) {
+	let t = new ft();
 	if (e === "none") return t;
-	let n = we(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
-	Object.keys(wr).forEach((e) => {
-		n[e] = n[e] ?? wr[e];
+	let n = Te(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
+	Object.keys(Tr).forEach((e) => {
+		n[e] = n[e] ?? Tr[e];
 	});
 	for (let e in n) {
 		let r = n[e];
 		switch (e) {
 			case "hue-rotate":
-				t.hueRotate(r * _e);
+				t.hueRotate(r * ve);
 				break;
 			case "saturate":
 				t.saturate(r);
@@ -5264,7 +5268,7 @@ function Tr(e) {
 }
 //#endregion
 //#region src/css/parseCssTransformOrigin.ts
-function Er(e) {
+function Dr(e) {
 	let [t, n = t] = e.split(" ");
 	return [t, n].map((e) => {
 		switch (e = e.trim(), e) {
@@ -5279,9 +5283,9 @@ function Er(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Dr, Or, W = class extends U {
+var Or, kr, W = class extends U {
 	static {
-		Or = this;
+		kr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5292,7 +5296,7 @@ var Dr, Or, W = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, Or.material, {
+			L.draw(e, kr.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5306,18 +5310,18 @@ var Dr, Or, W = class extends U {
 		});
 	}
 };
-k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "saturation", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "contrast", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "brightness", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "red", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "green", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "blue", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "alpha", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "gamma", void 0), W = Or = k([x("ColorAdjustEffect"), O("design:paramtypes", [typeof (Dr = typeof Partial < "u" && Partial) == "function" ? Dr : Object, Array])], W);
+k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "saturation", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "contrast", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "brightness", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "red", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "green", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "blue", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "alpha", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "gamma", void 0), W = kr = k([x("ColorAdjustEffect"), O("design:paramtypes", [typeof (Or = typeof Partial < "u" && Partial) == "function" ? Or : Object, Array])], W);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var kr, Ar, jr = class extends U {
+var Ar, jr, Mr = class extends U {
 	static {
-		Ar = this;
+		jr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "in vec2 vUv;\nuniform sampler2D sampler;\nuniform float m[20];\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n    c.rgb /= c.a;\n  }\n  gl_FragColor = vec4(\n    m[0]  * c.r + m[1]  * c.g + m[2]  * c.b + m[3]  * c.a + m[4] / 255.0,\n    m[5]  * c.r + m[6]  * c.g + m[7]  * c.b + m[8]  * c.a + m[9] / 255.0,\n    m[10] * c.r + m[11] * c.g + m[12] * c.b + m[13] * c.a + m[14] / 255.0,\n    m[15] * c.r + m[16] * c.g + m[17] * c.b + m[18] * c.a + m[19] / 255.0\n  );\n}"
 	} });
-	_colorMatrix = new dt();
+	_colorMatrix = new ft();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5330,13 +5334,13 @@ var kr, Ar, jr = class extends U {
 	}
 	apply(e, t) {
 		if (!this.filter) return;
-		let n = we(this.filter), r = this._colorMatrix.identity();
+		let n = Te(this.filter), r = this._colorMatrix.identity();
 		n.forEach(({ name: e, args: t }) => {
 			let n = t.map((e) => e.normalizedIntValue);
 			switch (e) {
 				case "hue-rotate":
 				case "hueRotate":
-					r.hueRotate(n[0] * _e);
+					r.hueRotate(n[0] * ve);
 					break;
 				case "saturate":
 					r.saturate(n[0]);
@@ -5361,25 +5365,25 @@ var kr, Ar, jr = class extends U {
 					break;
 			}
 		}), t.redraw(e, () => {
-			L.draw(e, Ar.material, {
+			L.draw(e, jr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-k([_(), O("design:type", String)], jr.prototype, "filter", void 0), jr = Ar = k([x("ColorFilterEffect"), O("design:paramtypes", [typeof (kr = typeof Partial < "u" && Partial) == "function" ? kr : Object, Array])], jr);
+k([_(), O("design:type", String)], Mr.prototype, "filter", void 0), Mr = jr = k([x("ColorFilterEffect"), O("design:paramtypes", [typeof (Ar = typeof Partial < "u" && Partial) == "function" ? Ar : Object, Array])], Mr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var Mr, Nr, Pr = 50, Fr = class extends U {
+var Nr, Pr, Fr = 50, Ir = class extends U {
 	static {
-		Nr = this;
+		Pr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${Pr}];
+uniform vec4 colors[${Fr}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -5388,7 +5392,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${Pr}; i++) {
+    for (int i = 0; i < ${Fr}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -5400,7 +5404,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${Pr}; i++){
+  for(int i=0; i<${Fr}; i++){
     if(i==index){
         return colors[i];
     }
@@ -5415,7 +5419,7 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 	} });
-	_color = new E();
+	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5426,31 +5430,31 @@ void main(void) {
 				let t = this._color.toArray();
 				return t[3] = this.alpha, t;
 			});
-			for (; t.length < Pr;) t.push([
+			for (; t.length < Fr;) t.push([
 				0,
 				0,
 				0,
 				0
 			]);
-			L.draw(e, Nr.material, {
+			L.draw(e, Pr.material, {
 				sampler: 0,
-				colors: t.slice(0, Pr).flatMap((e) => e)
+				colors: t.slice(0, Fr).flatMap((e) => e)
 			});
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Fr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Fr.prototype, "alpha", void 0), Fr = Nr = k([x("ColorOverlayEffect"), O("design:paramtypes", [typeof (Mr = typeof Partial < "u" && Partial) == "function" ? Mr : Object, Array])], Fr);
+k([_({ default: () => [] }), O("design:type", Array)], Ir.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Ir.prototype, "alpha", void 0), Ir = Pr = k([x("ColorOverlayEffect"), O("design:paramtypes", [typeof (Nr = typeof Partial < "u" && Partial) == "function" ? Nr : Object, Array])], Ir);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var Ir, Lr, Rr = class extends U {
+var Lr, Rr, zr = class extends U {
 	static {
-		Lr = this;
+		Rr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform float epsilon;\nconst int MAX_COLORS = 50;\nuniform vec3 originalColors[MAX_COLORS];\n\nvoid main(void) {\n  vec4 color = texture2D(sampler, vUv);\n\n  for (int i = 0; i < MAX_COLORS; i++) {\n    vec3 origColor = originalColors[i];\n    if (origColor.r < 0.0) {\n      break;\n    }\n    vec3 colorDiff = origColor - color.rgb;\n    if (length(colorDiff) < epsilon) {\n      gl_FragColor = vec4(0, 0, 0, 0);\n      return;\n    }\n  }\n\n  gl_FragColor = color;\n}"
 	} });
-	_color = new E();
+	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5464,7 +5468,7 @@ var Ir, Lr, Rr = class extends U {
 		r.slice(0, 50).forEach((e, t) => {
 			n[t * 3] = e[0], n[t * 3 + 1] = e[1], n[t * 3 + 2] = e[2];
 		}), t.redraw(e, () => {
-			L.draw(e, Lr.material, {
+			L.draw(e, Rr.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5472,19 +5476,19 @@ var Ir, Lr, Rr = class extends U {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Rr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Rr.prototype, "epsilon", void 0), Rr = Lr = k([x("ColorRemoveEffect"), O("design:paramtypes", [typeof (Ir = typeof Partial < "u" && Partial) == "function" ? Ir : Object, Array])], Rr);
+k([_({ default: () => [] }), O("design:type", Array)], zr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], zr.prototype, "epsilon", void 0), zr = Rr = k([x("ColorRemoveEffect"), O("design:paramtypes", [typeof (Lr = typeof Partial < "u" && Partial) == "function" ? Lr : Object, Array])], zr);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var zr, Br, Vr = 50, Hr = class extends U {
+var Br, Vr, Hr = 50, Ur = class extends U {
 	static {
-		Br = this;
+		Vr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${Vr};
+const int MAX_COLORS = ${Hr};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -5512,7 +5516,7 @@ void main(void) {
   }
 }`
 	} });
-	_color = new E();
+	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5521,8 +5525,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(Vr * 3), a = new Float32Array(Vr * 3);
-		for (; n.length < Vr;) n.push([[
+		}), r = this.epsilon, i = new Float32Array(Hr * 3), a = new Float32Array(Hr * 3);
+		for (; n.length < Hr;) n.push([[
 			-1,
 			0,
 			0
@@ -5532,10 +5536,10 @@ void main(void) {
 			0,
 			1
 		]]);
-		n.slice(0, Vr).forEach(([e, t], n) => {
+		n.slice(0, Hr).forEach(([e, t], n) => {
 			i[n * 3] = e[0], i[n * 3 + 1] = e[1], i[n * 3 + 2] = e[2], a[n * 3] = t[0], a[n * 3 + 1] = t[1], a[n * 3 + 2] = t[2];
 		}), t.redraw(e, () => {
-			L.draw(e, Br.material, {
+			L.draw(e, Vr.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5544,17 +5548,17 @@ void main(void) {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Hr.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], Hr.prototype, "epsilon", void 0), Hr = Br = k([x("ColorReplaceEffect"), O("design:paramtypes", [typeof (zr = typeof Partial < "u" && Partial) == "function" ? zr : Object, Array])], Hr);
+k([_({ default: () => [] }), O("design:type", Array)], Ur.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], Ur.prototype, "epsilon", void 0), Ur = Vr = k([x("ColorReplaceEffect"), O("design:paramtypes", [typeof (Br = typeof Partial < "u" && Partial) == "function" ? Br : Object, Array])], Ur);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var Ur = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS) {\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", Wr, Gr, G = class extends U {
+var Wr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS) {\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", Gr, Kr, G = class extends U {
 	static {
-		Gr = this;
+		Kr = this;
 	}
 	_watermark;
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position.xy, 0.0, 1.0);\n  vUv = uv;\n}",
-		fragment: Ur
+		fragment: Wr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5578,7 +5582,7 @@ var Ur = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		t.redraw(e, () => {
 			this._watermark ? this._watermark.activate(e, 1) : e.texture.unbind(1);
 			let n = e.shader.uniforms.viewMatrix, r = this._watermark ? [this.watermarkWidth, this.watermarkWidth * this._watermark.height / this._watermark.width] : [0, 0], i = Math.max(r[0], r[1]);
-			L.draw(e, Gr.material, {
+			L.draw(e, Kr.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5602,20 +5606,20 @@ var Ur = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], G.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "pixelGrid", void 0), k([_(), O("design:type", String)], G.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], G.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], G.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = Gr = k([x("DrawboardEffect"), O("design:paramtypes", [typeof (Wr = typeof Partial < "u" && Partial) == "function" ? Wr : Object, Array])], G);
+k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], G.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "pixelGrid", void 0), k([_(), O("design:type", String)], G.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], G.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], G.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = Kr = k([x("DrawboardEffect"), O("design:paramtypes", [typeof (Gr = typeof Partial < "u" && Partial) == "function" ? Gr : Object, Array])], G);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var Kr, qr, Jr = "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}", Yr = class extends U {
+var qr, Jr, Yr = "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}", Xr = class extends U {
 	static {
-		qr = this;
+		Jr = this;
 	}
 	static materialX = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(-4.0 * uStrength, 0.0);\n  vUv[1] = uv + vec2(-3.0 * uStrength, 0.0);\n  vUv[2] = uv + vec2(-2.0 * uStrength, 0.0);\n  vUv[3] = uv + vec2(-1.0 * uStrength, 0.0);\n  vUv[4] = uv + vec2(0.0 * uStrength, 0.0);\n  vUv[5] = uv + vec2(1.0 * uStrength, 0.0);\n  vUv[6] = uv + vec2(2.0 * uStrength, 0.0);\n  vUv[7] = uv + vec2(3.0 * uStrength, 0.0);\n  vUv[8] = uv + vec2(4.0 * uStrength, 0.0);\n}",
-		fragment: Jr
+		fragment: Yr
 	} });
 	static materialY = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(0.0, -4.0 * uStrength);\n  vUv[1] = uv + vec2(0.0, -3.0 * uStrength);\n  vUv[2] = uv + vec2(0.0, -2.0 * uStrength);\n  vUv[3] = uv + vec2(0.0, -1.0 * uStrength);\n  vUv[4] = uv + vec2(0.0, 0.0 * uStrength);\n  vUv[5] = uv + vec2(0.0, 1.0 * uStrength);\n  vUv[6] = uv + vec2(0.0, 2.0 * uStrength);\n  vUv[7] = uv + vec2(0.0, 3.0 * uStrength);\n  vUv[8] = uv + vec2(0.0, 4.0 * uStrength);\n}",
-		fragment: Jr
+		fragment: Yr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5623,39 +5627,39 @@ var Kr, qr, Jr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(
 	apply(e, t) {
 		let n = 1 / t.width, r = 1 / t.height, i = Math.max(this.quality, 1);
 		for (let r = 0; r < i; r++) t.redraw(e, () => {
-			L.draw(e, qr.materialX, {
+			L.draw(e, Jr.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			L.draw(e, qr.materialY, {
+			L.draw(e, Jr.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], Yr.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], Yr.prototype, "quality", void 0), Yr = qr = k([x("GaussianBlurEffect"), O("design:paramtypes", [typeof (Kr = typeof Partial < "u" && Partial) == "function" ? Kr : Object, Array])], Yr);
+k([_({ fallback: 4 }), O("design:type", Number)], Xr.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], Xr.prototype, "quality", void 0), Xr = Jr = k([x("GaussianBlurEffect"), O("design:paramtypes", [typeof (qr = typeof Partial < "u" && Partial) == "function" ? qr : Object, Array])], Xr);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var Xr, Zr, Qr = class extends U {
+var Zr, Qr, $r = class extends U {
 	static {
-		Zr = this;
+		Qr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float uAlpha;\nuniform vec3 uColor;\nuniform vec2 uOffset;\nuniform vec4 uInputSize;\n\nvoid main(void) {\n  vec4 sample = texture2D(sampler, vUv + uOffset * uInputSize.zw);\n  sample.rgb = uColor.rgb * sample.a;\n  sample *= uAlpha;\n  gl_FragColor = sample;\n}"
 	} });
-	blurEffect = new Yr();
+	blurEffect = new Xr();
 	viewport3 = new H();
-	_color = new E();
+	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 	apply(e, t) {
 		this.viewport3.activateWithCopy(e, t), this.viewport3.redraw(e, () => {
-			this._color.value = this.color, L.draw(e, Zr.material, {
+			this._color.value = this.color, L.draw(e, Qr.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -5668,16 +5672,16 @@ var Xr, Zr, Qr = class extends U {
 				]
 			});
 		}), this.blurEffect.strength = this.blur, this.blurEffect.apply(e, this.viewport3), t.redraw(e, () => {
-			this.viewport3.texture.activate(e, 1), L.draw(e, Gn.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, Gn.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), L.draw(e, Kn.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, Kn.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
-k([_({ fallback: "#000000FF" }), O("design:type", Object)], Qr.prototype, "color", void 0), k([_({ fallback: 4 }), O("design:type", Number)], Qr.prototype, "blur", void 0), k([_({ fallback: 4 }), O("design:type", Number)], Qr.prototype, "offsetX", void 0), k([_({ fallback: 4 }), O("design:type", Number)], Qr.prototype, "offsetY", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Qr.prototype, "shadowOnly", void 0), Qr = Zr = k([x("DropShadowEffect"), O("design:paramtypes", [typeof (Xr = typeof Partial < "u" && Partial) == "function" ? Xr : Object, Array])], Qr);
+k([_({ fallback: "#000000FF" }), O("design:type", Object)], $r.prototype, "color", void 0), k([_({ fallback: 4 }), O("design:type", Number)], $r.prototype, "blur", void 0), k([_({ fallback: 4 }), O("design:type", Number)], $r.prototype, "offsetX", void 0), k([_({ fallback: 4 }), O("design:type", Number)], $r.prototype, "offsetY", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], $r.prototype, "shadowOnly", void 0), $r = Qr = k([x("DropShadowEffect"), O("design:paramtypes", [typeof (Zr = typeof Partial < "u" && Partial) == "function" ? Zr : Object, Array])], $r);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var $r, ei, ti = class extends U {
+var ei, ti, ni = class extends U {
 	static {
-		ei = this;
+		ti = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5688,7 +5692,7 @@ var $r, ei, ti = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, ei.material, {
+			L.draw(e, ti.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -5701,12 +5705,12 @@ var $r, ei, ti = class extends U {
 		});
 	}
 };
-k([_({ fallback: 5 }), O("design:type", Number)], ti.prototype, "strength", void 0), ti = ei = k([x("EmbossEffect"), O("design:paramtypes", [typeof ($r = typeof Partial < "u" && Partial) == "function" ? $r : Object, Array])], ti);
+k([_({ fallback: 5 }), O("design:type", Number)], ni.prototype, "strength", void 0), ni = ti = k([x("EmbossEffect"), O("design:paramtypes", [typeof (ei = typeof Partial < "u" && Partial) == "function" ? ei : Object, Array])], ni);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var ni, ri, K = class extends U {
+var ri, ii, K = class extends U {
 	static {
-		ri = this;
+		ii = this;
 	}
 	static material = new I({ gl: {
 		vertex: "in vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5735,7 +5739,7 @@ var ni, ri, K = class extends U {
 		this._needsRedraw || (this._needsRedraw = !0, this.redraw());
 		let n = t.width, r = t.height, i = this.direction * (Math.PI / 180), a = Math.sin(i), o = Math.cos(i);
 		t.redraw(e, () => {
-			this._texture.activate(e, 1), L.draw(e, ri.material, {
+			this._texture.activate(e, 1), L.draw(e, ii.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -5764,12 +5768,12 @@ var ni, ri, K = class extends U {
 		});
 	}
 };
-k([_({ fallback: 10 }), O("design:type", Number)], K.prototype, "slices", void 0), k([_({ fallback: 512 }), O("design:type", Number)], K.prototype, "sampleSize", void 0), k([_({ fallback: 100 }), O("design:type", Number)], K.prototype, "offset", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "direction", void 0), k([_({ fallback: 2 }), O("design:type", Number)], K.prototype, "fillMode", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "seed", void 0), k([_({ default: () => [2, 2] }), O("design:type", Array)], K.prototype, "red", void 0), k([_({ default: () => [-10, 4] }), O("design:type", Array)], K.prototype, "green", void 0), k([_({ default: () => [10, -4] }), O("design:type", Array)], K.prototype, "blue", void 0), K = ri = k([x("GlitchEffect"), O("design:paramtypes", [typeof (ni = typeof Partial < "u" && Partial) == "function" ? ni : Object, Array])], K);
+k([_({ fallback: 10 }), O("design:type", Number)], K.prototype, "slices", void 0), k([_({ fallback: 512 }), O("design:type", Number)], K.prototype, "sampleSize", void 0), k([_({ fallback: 100 }), O("design:type", Number)], K.prototype, "offset", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "direction", void 0), k([_({ fallback: 2 }), O("design:type", Number)], K.prototype, "fillMode", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "seed", void 0), k([_({ default: () => [2, 2] }), O("design:type", Array)], K.prototype, "red", void 0), k([_({ default: () => [-10, 4] }), O("design:type", Array)], K.prototype, "green", void 0), k([_({ default: () => [10, -4] }), O("design:type", Array)], K.prototype, "blue", void 0), K = ii = k([x("GlitchEffect"), O("design:paramtypes", [typeof (ri = typeof Partial < "u" && Partial) == "function" ? ri : Object, Array])], K);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var ii, ai, oi = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", q = class extends U {
+var ai, oi, si = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", q = class extends U {
 	static {
-		ai = this;
+		oi = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5784,7 +5788,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${oi}
+${si}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -5823,7 +5827,7 @@ void main(void) {
 	apply(e, t) {
 		let n = this.angle * (Math.PI / 180), r = this.parallel ? [Math.cos(n), Math.sin(n)] : this.center;
 		t.redraw(e, () => {
-			L.draw(e, ai.material, {
+			L.draw(e, oi.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -5845,15 +5849,15 @@ void main(void) {
 		});
 	}
 };
-k([_({ fallback: 0 }), O("design:type", Number)], q.prototype, "time", void 0), k([_({ fallback: 30 }), O("design:type", Number)], q.prototype, "angle", void 0), k([_({ fallback: .5 }), O("design:type", Number)], q.prototype, "gain", void 0), k([_({ fallback: 2.5 }), O("design:type", Number)], q.prototype, "lacunarity", void 0), k([_({ fallback: !0 }), O("design:type", Boolean)], q.prototype, "parallel", void 0), k([_({ default: () => [0, 0] }), O("design:type", Array)], q.prototype, "center", void 0), k([_({ fallback: 1 }), O("design:type", Number)], q.prototype, "alpha", void 0), q = ai = k([x("GodrayEffect"), O("design:paramtypes", [typeof (ii = typeof Partial < "u" && Partial) == "function" ? ii : Object, Array])], q);
+k([_({ fallback: 0 }), O("design:type", Number)], q.prototype, "time", void 0), k([_({ fallback: 30 }), O("design:type", Number)], q.prototype, "angle", void 0), k([_({ fallback: .5 }), O("design:type", Number)], q.prototype, "gain", void 0), k([_({ fallback: 2.5 }), O("design:type", Number)], q.prototype, "lacunarity", void 0), k([_({ fallback: !0 }), O("design:type", Boolean)], q.prototype, "parallel", void 0), k([_({ default: () => [0, 0] }), O("design:type", Array)], q.prototype, "center", void 0), k([_({ fallback: 1 }), O("design:type", Number)], q.prototype, "alpha", void 0), q = oi = k([x("GodrayEffect"), O("design:paramtypes", [typeof (ai = typeof Partial < "u" && Partial) == "function" ? ai : Object, Array])], q);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var si, ci = "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}", li = "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}", ui = class extends U {
+var ci, li = "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}", ui = "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}", di = class extends U {
 	_kernels = [0];
 	constructor(e, t = []) {
 		super(), this.material = new I({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: e?.clamp ? li : ci
+			fragment: e?.clamp ? ui : li
 		} }), this.setProperties(e).append(t), this._generateKernels();
 	}
 	_updateProperty(e, t, n) {
@@ -5891,12 +5895,12 @@ var si, ci = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffse
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], ui.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], ui.prototype, "quality", void 0), k([_({ default: () => [1, 1] }), O("design:type", Array)], ui.prototype, "pixelSize", void 0), ui = k([x("KawaseBlurEffect"), O("design:paramtypes", [typeof (si = typeof Partial < "u" && Partial) == "function" ? si : Object, Array])], ui);
+k([_({ fallback: 4 }), O("design:type", Number)], di.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], di.prototype, "quality", void 0), k([_({ default: () => [1, 1] }), O("design:type", Array)], di.prototype, "pixelSize", void 0), di = k([x("KawaseBlurEffect"), O("design:paramtypes", [typeof (ci = typeof Partial < "u" && Partial) == "function" ? ci : Object, Array])], di);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var di, fi, pi = class extends U {
+var fi, pi, mi = class extends U {
 	static {
-		fi = this;
+		pi = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5918,7 +5922,7 @@ var di, fi, pi = class extends U {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), L.draw(e, fi.material, {
+			this.texture.activate(e, 1), L.draw(e, pi.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -5926,23 +5930,23 @@ var di, fi, pi = class extends U {
 		});
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], pi.prototype, "image", void 0), pi = fi = k([x("MaskEffect"), O("design:paramtypes", [typeof (di = typeof Partial < "u" && Partial) == "function" ? di : Object, Array])], pi);
+k([_({ fallback: "" }), O("design:type", String)], mi.prototype, "image", void 0), mi = pi = k([x("MaskEffect"), O("design:paramtypes", [typeof (fi = typeof Partial < "u" && Partial) == "function" ? fi : Object, Array])], mi);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var mi, hi, gi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", J = class extends U {
+var hi, gi, _i = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", J = class extends U {
 	static {
-		hi = this;
+		gi = this;
 	}
 	static MIN_SAMPLES = 1;
 	static MAX_SAMPLES = 100;
 	static getAngleStep(e) {
-		return Number.parseFloat((Math.PI * 2 / Math.max(e * hi.MAX_SAMPLES, hi.MIN_SAMPLES)).toFixed(7));
+		return Number.parseFloat((Math.PI * 2 / Math.max(e * gi.MAX_SAMPLES, gi.MIN_SAMPLES)).toFixed(7));
 	}
-	_color = new E();
+	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t), this.material = new I({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: gi.replace(/\{ANGLE_STEP\}/, hi.getAngleStep(this.quality).toFixed(7))
+			fragment: _i.replace(/\{ANGLE_STEP\}/, gi.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
@@ -5952,7 +5956,7 @@ var mi, hi, gi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D s
 				uThickness: [this.width / t.width, this.width / t.height],
 				uColor: this._color.toArray().slice(0, 3),
 				uAlpha: this.opacity === 1 ? this._color.a : this.opacity,
-				uAngleStep: hi.getAngleStep(this.quality),
+				uAngleStep: gi.getAngleStep(this.quality),
 				uKnockout: +!!this.knockout,
 				uInputClamp: [
 					0,
@@ -5964,12 +5968,12 @@ var mi, hi, gi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D s
 		});
 	}
 };
-k([_({ fallback: "#000000ff" }), O("design:type", Object)], J.prototype, "color", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", String)], J.prototype, "style", void 0), k([_(), O("design:type", Object)], J.prototype, "image", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "opacity", void 0), k([_({ fallback: .1 }), O("design:type", Number)], J.prototype, "quality", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], J.prototype, "knockout", void 0), J = hi = k([x("OutlineEffect"), O("design:paramtypes", [typeof (mi = typeof Partial < "u" && Partial) == "function" ? mi : Object, Array])], J);
+k([_({ fallback: "#000000ff" }), O("design:type", Object)], J.prototype, "color", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", String)], J.prototype, "style", void 0), k([_(), O("design:type", Object)], J.prototype, "image", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "opacity", void 0), k([_({ fallback: .1 }), O("design:type", Number)], J.prototype, "quality", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], J.prototype, "knockout", void 0), J = gi = k([x("OutlineEffect"), O("design:paramtypes", [typeof (hi = typeof Partial < "u" && Partial) == "function" ? hi : Object, Array])], J);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var _i, vi, yi = class extends U {
+var vi, yi, bi = class extends U {
 	static {
-		vi = this;
+		yi = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5985,16 +5989,16 @@ var _i, vi, yi = class extends U {
 				offset: [(r[0] + i[0]) / t.width, 1 - (r[1] + i[1]) / t.height],
 				step: [this.strength * r[0] / t.width, this.strength * r[1] / t.height]
 			};
-			L.draw(e, vi.material, a);
+			L.draw(e, yi.material, a);
 		});
 	}
 };
-k([_({ fallback: 10 }), O("design:type", Number)], yi.prototype, "strength", void 0), yi = vi = k([x("PixelateEffect"), O("design:paramtypes", [typeof (_i = typeof Partial < "u" && Partial) == "function" ? _i : Object, Array])], yi);
+k([_({ fallback: 10 }), O("design:type", Number)], bi.prototype, "strength", void 0), bi = yi = k([x("PixelateEffect"), O("design:paramtypes", [typeof (vi = typeof Partial < "u" && Partial) == "function" ? vi : Object, Array])], bi);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var bi, xi, Si = class extends U {
+var xi, Si, Ci = class extends U {
 	static {
-		xi = this;
+		Si = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6005,7 +6009,7 @@ var bi, xi, Si = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, xi.material, {
+			L.draw(e, Si.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6021,10 +6025,10 @@ var bi, xi, Si = class extends U {
 		});
 	}
 };
-k([_(), O("design:type", Array)], Si.prototype, "center", void 0), k([_({ fallback: 20 }), O("design:type", Number)], Si.prototype, "innerRadius", void 0), k([_({ fallback: -1 }), O("design:type", Number)], Si.prototype, "radius", void 0), k([_({ fallback: .1 }), O("design:type", Number)], Si.prototype, "strength", void 0), Si = xi = k([x("ZoomBlurEffect"), O("design:paramtypes", [typeof (bi = typeof Partial < "u" && Partial) == "function" ? bi : Object, Array])], Si);
+k([_(), O("design:type", Array)], Ci.prototype, "center", void 0), k([_({ fallback: 20 }), O("design:type", Number)], Ci.prototype, "innerRadius", void 0), k([_({ fallback: -1 }), O("design:type", Number)], Ci.prototype, "radius", void 0), k([_({ fallback: .1 }), O("design:type", Number)], Ci.prototype, "strength", void 0), Ci = Si = k([x("ZoomBlurEffect"), O("design:paramtypes", [typeof (xi = typeof Partial < "u" && Partial) == "function" ? xi : Object, Array])], Ci);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function Ci(e, t) {
+function wi(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = !1, s = new v().translate(-n, -r).scale(1 / i, 1 / a);
 	if (e.cropRect) {
 		let { left: t = 0, top: n = 0, right: r = 0, bottom: i = 0 } = e.cropRect;
@@ -6046,7 +6050,7 @@ function Ci(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/Element2DFill.ts
-var Y = class extends w {
+var Y = class extends C {
 	texture;
 	animatedTexture;
 	constructor(e) {
@@ -6056,7 +6060,7 @@ var Y = class extends w {
 		return super.setProperties(e);
 	}
 	setProperties(e) {
-		return this._setProperties(d(e) ? void 0 : p(e));
+		return this._setProperties(d(e) ? void 0 : m(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6078,7 +6082,7 @@ var Y = class extends w {
 		}
 	}
 	async loadTexture() {
-		if (this.linearGradient || this.radialGradient) this.texture = new Xn(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
+		if (this.linearGradient || this.radialGradient) this.texture = new Zn(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 () => {
@@ -6099,12 +6103,12 @@ var Y = class extends w {
 			width: e,
 			height: t
 		} };
-		if (this.image === "viewport") n.fillStyle = new er();
+		if (this.image === "viewport") n.fillStyle = new tr();
 		else {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				...Ci(this, this.tile && i ? {
+				...wi(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6143,7 +6147,7 @@ var Y = class extends w {
 k([_({ fallback: !0 }), O("design:type", Boolean)], Y.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Y.prototype, "color", void 0), k([_(), O("design:type", Object)], Y.prototype, "image", void 0), k([_(), O("design:type", Object)], Y.prototype, "linearGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "radialGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "cropRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "stretchRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "dpi", void 0), k([_(), O("design:type", Object)], Y.prototype, "rotateWithShape", void 0), k([_(), O("design:type", Object)], Y.prototype, "tile", void 0), k([_(), O("design:type", Object)], Y.prototype, "opacity", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var wi = class extends Y {
+var Ti = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6155,12 +6159,51 @@ var wi = class extends Y {
 		}
 	}
 };
-k([_(), O("design:type", Object)], wi.prototype, "fillWithShape", void 0);
+k([_(), O("design:type", Object)], Ti.prototype, "fillWithShape", void 0);
+//#endregion
+//#region src/scene/2d/element/Element2DConnection.ts
+var Ei = class extends C {
+	constructor(e) {
+		super(), this._parent = e;
+	}
+	setProperties(e) {
+		return super.setProperties(d(e) ? void 0 : p(e));
+	}
+	isValid() {
+		return !!(this.start?.id || this.end?.id);
+	}
+	_updateProperty(e, t, n) {
+		switch (super._updateProperty(e, t, n), e) {
+			case "start":
+			case "end":
+				this._parent.requestDraw();
+				break;
+		}
+	}
+	resolveAnchor(e) {
+		if (!e?.id) return;
+		let t = this._parent.tree?.getNodeById(e.id);
+		if (!t) return;
+		if (e.idx !== void 0) {
+			let n = t.shape.connectionPoints?.find((t) => t.idx === e.idx);
+			if (n) {
+				let e = {
+					x: n.x * t.size.x,
+					y: n.y * t.size.y
+				};
+				return t.globalTransform.apply(new y(e.x, e.y));
+			}
+		}
+		let { min: n, size: r } = t.globalAabb;
+		return new y(n.x + r.x / 2, n.y + r.y / 2);
+	}
+};
+k([_(), O("design:type", Object)], Ei.prototype, "start", void 0), k([_(), O("design:type", Object)], Ei.prototype, "end", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var Ti = class extends Y {
+var Di = class extends Y {
 	setProperties(e) {
-		return super._setProperties(d(e) ? void 0 : m(e));
+		return super._setProperties(d(e) ? void 0 : h(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6170,12 +6213,12 @@ var Ti = class extends Y {
 		}
 	}
 };
-k([_(), O("design:type", Object)], Ti.prototype, "fillWithShape", void 0);
+k([_(), O("design:type", Object)], Di.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Ei = class extends Y {
+var Oi = class extends Y {
 	setProperties(e) {
-		return super._setProperties(d(e) ? void 0 : h(e));
+		return super._setProperties(d(e) ? void 0 : g(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6193,7 +6236,7 @@ var Ei = class extends Y {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new er() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...Ci(this, {
+		this.image === "viewport" ? n.strokeStyle = new tr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...wi(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6201,15 +6244,15 @@ var Ei = class extends Y {
 		}) });
 	}
 };
-k([_(), O("design:type", Object)], Ei.prototype, "color", void 0), k([_(), O("design:type", Object)], Ei.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", Object)], Ei.prototype, "style", void 0), k([_({ fallback: "butt" }), O("design:type", Object)], Ei.prototype, "lineCap", void 0), k([_({ fallback: "miter" }), O("design:type", Object)], Ei.prototype, "lineJoin", void 0);
+k([_(), O("design:type", Object)], Oi.prototype, "color", void 0), k([_(), O("design:type", Object)], Oi.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", Object)], Oi.prototype, "style", void 0), k([_({ fallback: "butt" }), O("design:type", Object)], Oi.prototype, "lineCap", void 0), k([_({ fallback: "miter" }), O("design:type", Object)], Oi.prototype, "lineJoin", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Di = class extends w {
+var ki = class extends C {
 	constructor(e) {
 		super(), this._parent = e;
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : g(e));
+		return super.setProperties(d(e) ? void 0 : ee(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6224,19 +6267,19 @@ var Di = class extends w {
 	}
 	updateEffect() {
 		let e = "__$shadow", t = this._parent.getNode(e);
-		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new Qr({ 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 $r({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Di.prototype, "enabled", void 0), k([_({ fallback: "#000000FF" }), O("design:type", Object)], Di.prototype, "color", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Di.prototype, "blur", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Di.prototype, "offsetY", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Di.prototype, "offsetX", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], ki.prototype, "enabled", void 0), k([_({ fallback: "#000000FF" }), O("design:type", Object)], ki.prototype, "color", void 0), k([_({ fallback: 0 }), O("design:type", Object)], ki.prototype, "blur", void 0), k([_({ fallback: 0 }), O("design:type", Object)], ki.prototype, "offsetY", void 0), k([_({ fallback: 0 }), O("design:type", Object)], ki.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Oi = class extends w {
-	_path2DSet = new oe();
+var Ai = class extends C {
+	_path2DSet = new se();
 	constructor(e) {
 		super(), this._parent = e, this._updatePath2DSet();
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : ee(e));
+		return super.setProperties(d(e) ? void 0 : te(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6254,10 +6297,10 @@ var Oi = class extends w {
 	_updatePath2DSet() {
 		let e;
 		if (this.svg) {
-			let t = se(this.svg);
-			this._path2DSet = ce(t), e = this._path2DSet.viewBox;
+			let t = ce(this.svg);
+			this._path2DSet = le(t), e = this._path2DSet.viewBox;
 		} else this._path2DSet.paths.length = 0, this.paths?.forEach((e, t) => {
-			let { data: n, ...r } = e, i = new ae();
+			let { data: n, ...r } = e, i = new oe();
 			i.style = r, i.addData(n), this._path2DSet.paths[t] = i;
 		});
 		if (!e) {
@@ -6292,24 +6335,24 @@ var Oi = class extends w {
 		t && n && (r ? e.roundRect(0, 0, t, n, r) : e.rect(0, 0, t, n));
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Oi.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Oi.prototype, "preset", void 0), k([_(), O("design:type", Object)], Oi.prototype, "svg", void 0), k([_(), O("design:type", Object)], Oi.prototype, "viewBox", void 0), k([_(), O("design:type", Object)], Oi.prototype, "paths", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Ai.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Ai.prototype, "preset", void 0), k([_(), O("design:type", Object)], Ai.prototype, "svg", void 0), k([_(), O("design:type", Object)], Ai.prototype, "viewBox", void 0), k([_(), O("design:type", Object)], Ai.prototype, "paths", void 0), k([_(), O("design:type", Object)], Ai.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var ki = class extends T {
+var ji = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, Ai = {
+}, Mi = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in Ai) i(ki, e, { fallback: Ai[e] });
+for (let e in Mi) i(ji, e, { fallback: Mi[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
-var ji, X = class extends w {
+var Ni, X = class extends C {
 	base;
 	get textContent() {
 		return this._textContent;
@@ -6319,13 +6362,13 @@ var ji, X = class extends w {
 	}
 	_textContent = "";
 	_autoDrawMode;
-	_texture = new Jn({ mipmap: !0 });
+	_texture = new Yn({ mipmap: !0 });
 	_textureMap = /* @__PURE__ */ new Map();
 	constructor(e) {
-		super(), this._parent = e, this.base = new fe(), this.base.setPropertyAccessor(this);
+		super(), this._parent = e, this.base = new pe(), this.base.setPropertyAccessor(this);
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : te(e));
+		return super.setProperties(d(e) ? void 0 : ne(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6371,29 +6414,29 @@ var ji, X = class extends w {
 			let r = [];
 			if (t.fragments.forEach((e, t) => {
 				if (e.characters.length) {
-					let i = ie.from(...e.characters.map((e) => e.compatibleGlyphBox));
+					let i = ae.from(...e.characters.map((e) => e.compatibleGlyphBox));
 					this._updateTexture(`${n}.${t}.fill`, e.fill, i), this._updateTexture(`${n}.${t}.outline`, e.outline, i), r.push(i);
 				}
 			}), r.length) {
-				let i = ie.from(...r);
+				let i = ae.from(...r);
 				this._updateTexture(`${n}.fill`, t.fill, i), this._updateTexture(`${n}.outline`, t.outline, i), e.push(i);
 			}
 		}), e.length) {
-			let t = ie.from(...e);
+			let t = ae.from(...e);
 			this._updateTexture("fill", this.fill, t), this._updateTexture("outline", this.outline, t);
 		}
 	}
 	async _updateTexture(e, t, n) {
 		t && Object.keys(t).length > 0 && (this._textureMap.set(e, {
-			texture: await this._loadTexture(p(t), n),
+			texture: await this._loadTexture(m(t), n),
 			box: n
 		}), this._parent.requestDraw());
 	}
 	async _loadTexture(e, t) {
-		return e.linearGradient || e.radialGradient ? new Xn(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 Zn(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 = ne(e);
+		this.content = re(e);
 	}
 	getStringContent() {
 		return this.base.toString();
@@ -6414,12 +6457,12 @@ var ji, X = class extends w {
 		this.base.pathSets.forEach((n) => {
 			n.paths.forEach((n) => {
 				let r = n.getMeta();
-				if (r instanceof de) {
+				if (r instanceof fe) {
 					let i = r.parent.index, a = r.parent.parent.index;
 					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({
-							...Ci(r, o?.box ?? {
+							...wi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -6431,7 +6474,7 @@ var ji, X = class extends w {
 					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({
-							...Ci(r, o?.box ?? {
+							...wi(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -6461,7 +6504,7 @@ var ji, X = class extends w {
 	}
 	process(e) {}
 };
-k([_({ fallback: !0 }), O("design:type", Object)], X.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], X.prototype, "content", void 0), k([_({ alias: "_parent.style.json" }), O("design:type", Object)], X.prototype, "style", void 0), k([_(), O("design:type", Object)], X.prototype, "effects", void 0), k([_(), O("design:type", Object)], X.prototype, "fill", void 0), k([_(), O("design:type", Object)], X.prototype, "outline", void 0), k([_({ alias: "base.measureDom" }), O("design:type", typeof (ji = typeof HTMLElement < "u" && HTMLElement) == "function" ? ji : Object)], X.prototype, "measureDom", void 0), k([_({ alias: "base.fonts" }), O("design:type", Object)], X.prototype, "fonts", void 0), k([_({ fallback: "auto" }), O("design:type", Object)], X.prototype, "drawMode", void 0);
+k([_({ fallback: !0 }), O("design:type", Object)], X.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], X.prototype, "content", void 0), k([_({ alias: "_parent.style.json" }), O("design:type", Object)], X.prototype, "style", void 0), k([_(), O("design:type", Object)], X.prototype, "effects", void 0), k([_(), O("design:type", Object)], X.prototype, "fill", void 0), k([_(), O("design:type", Object)], X.prototype, "outline", void 0), k([_({ alias: "base.measureDom" }), O("design:type", typeof (Ni = typeof HTMLElement < "u" && HTMLElement) == "function" ? Ni : Object)], X.prototype, "measureDom", void 0), k([_({ alias: "base.fonts" }), O("design:type", Object)], X.prototype, "fonts", void 0), k([_({ fallback: "auto" }), O("design:type", Object)], X.prototype, "drawMode", void 0);
 //#endregion
 //#region src/scene/2d/element/Flexbox.ts
 var Z = {
@@ -6474,7 +6517,7 @@ var Z = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, Mi = {
+}, Pi = {
 	column: 0,
 	row: 1,
 	all: 2
@@ -6488,42 +6531,42 @@ var Z = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, Ni = {
+}, Fi = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, Pi = {
+}, Ii = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, Fi = {
+}, Li = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, Ii = {
+}, Ri = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, Li = {
+}, zi = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, Ri = {
+}, Bi = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, zi = {
+}, Vi = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, Bi = {
+}, Hi = {
 	"border-box": 0,
 	"content-box": 1
-}, Vi = class e {
+}, Ui = class e {
 	static _yoga;
 	static async load() {
 		let { loadYoga: e } = await import("yoga-layout/load");
@@ -6534,14 +6577,14 @@ var Z = {
 		this._parent = e, this._addChild = this._addChild.bind(this), this._removeChild = this._removeChild.bind(this), this._parent.on("addChild", this._addChild), this._parent.on("removeChild", this._removeChild);
 	}
 	_addChild(e, t) {
-		if (e instanceof Gi && e.flexbox.node && this.node) {
+		if (e instanceof qi && 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 Gi && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof qi && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
@@ -6575,10 +6618,10 @@ var Z = {
 					n.setBorder(Z.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? Pi[t] ?? Pi.inherit : Pi.inherit);
+					n.setDirection(t ? Ii[t] ?? Ii.inherit : Ii.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? Ni[t] ?? Ni.flex : Ni.flex);
+					n.setDisplay(t ? Fi[t] ?? Fi.flex : Fi.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -6587,7 +6630,7 @@ var Z = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? Fi[t] ?? Fi.row : Fi.row);
+					n.setFlexDirection(t ? Li[t] ?? Li.row : Li.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -6596,16 +6639,16 @@ var Z = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? Ii[t] ?? Ii.wrap : Ii.wrap);
+					n.setFlexWrap(t ? Ri[t] ?? Ri.wrap : Ri.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? Li[t] ?? Li["flex-start"] : Li["flex-start"]);
+					n.setJustifyContent(t ? zi[t] ?? zi["flex-start"] : zi["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(Mi.all, t);
+					t !== void 0 && n.setGap(Pi.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Z.top, t);
@@ -6635,7 +6678,7 @@ var Z = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? Ri[t] ?? Ri.visible : Ri.visible);
+					n.setOverflow(t ? Bi[t] ?? Bi.visible : Bi.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Z.top, t);
@@ -6665,10 +6708,10 @@ var Z = {
 					n.setPosition(Z.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? zi[t] ?? zi.relative : zi.relative);
+					n.setPositionType(t ? Vi[t] ?? Vi.relative : Vi.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? Bi[t] ?? Bi["content-box"] : Bi["content-box"]);
+					n.setBoxSizing(t ? Hi[t] ?? Hi["content-box"] : Hi["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -6679,7 +6722,7 @@ var Z = {
 	}
 	update() {
 		let e = this._parent, t = this.node;
-		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Pi.ltr), t.hasNewLayout())) {
+		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Ii.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();
 		}
@@ -6687,10 +6730,10 @@ var Z = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, Hi, Ui = new Set(Object.keys(a())), Wi = new Set(Object.keys(s())), Gi = class extends xr {
-	flexbox = new Vi(this);
-	aabb = new st();
-	globalAabb = new st();
+}, Wi, Gi = new Set(Object.keys(a())), Ki = new Set(Object.keys(s())), qi = class extends Sr {
+	flexbox = new Ui(this);
+	aabb = new lt();
+	globalAabb = new lt();
 	_parentGlobalDisplay;
 	_globalDisplay;
 	get globalDisplay() {
@@ -6701,7 +6744,7 @@ var Z = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new ki().on("updateProperty", (...e) => {
+	_style = new ji().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -6710,14 +6753,14 @@ var Z = {
 	set style(e) {
 		this._style.resetProperties().setProperties(e);
 	}
-	_background = new wi(this);
+	_background = new Ti(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Oi(this);
+	_shape = new Ai(this);
 	get shape() {
 		return this._shape;
 	}
@@ -6731,14 +6774,14 @@ var Z = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new Ei(this);
+	_outline = new Oi(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new Ti(this);
+	_foreground = new Di(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -6752,13 +6795,20 @@ var Z = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Di(this);
+	_shadow = new ki(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
+	_connection = new Ei(this);
+	get connection() {
+		return this._connection;
+	}
+	set connection(e) {
+		this._connection.resetProperties().setProperties(e);
+	}
 	_colorFilterEffect;
 	_maskEffect;
 	constructor(e, t = []) {
@@ -6769,8 +6819,8 @@ var Z = {
 	}
 	setProperties(e) {
 		if (e) {
-			let { style: t, text: n, shape: r, background: i, fill: a, outline: o, foreground: s, shadow: c, ...l } = e;
-			t && this.style.setProperties(t), i && this.background.setProperties(i), r && this.shape.setProperties(r), a && this.fill.setProperties(a), o && this.outline.setProperties(o), n && this.text.setProperties(n), s && this.foreground.setProperties(s), c && this.shadow.setProperties(c), super.setProperties(l);
+			let { style: t, text: n, shape: r, background: i, fill: a, outline: o, foreground: s, shadow: c, connection: l, ...u } = e;
+			t && this.style.setProperties(t), i && this.background.setProperties(i), r && this.shape.setProperties(r), a && this.fill.setProperties(a), o && this.outline.setProperties(o), n && this.text.setProperties(n), s && this.foreground.setProperties(s), c && this.shadow.setProperties(c), l && this.connection.setProperties(l), super.setProperties(u);
 		}
 		return this;
 	}
@@ -6823,7 +6873,7 @@ var Z = {
 				this._updateGlobalDisplay();
 				break;
 			case "rotate":
-				this.rotation = (t || 0) * ct, this.updateGlobalTransform();
+				this.rotation = (t || 0) * ut, this.updateGlobalTransform();
 				break;
 			case "scaleX":
 				this.scale.x = t, this.text.isValid() && (t ^ n) < 0 && this.requestDraw();
@@ -6844,7 +6894,7 @@ var Z = {
 				}), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
 				break;
 			case "transformOrigin": {
-				let e = Er(t ?? "");
+				let e = Dr(t ?? "");
 				this.pivot.set(e[0] * this.size.width, e[1] * this.size.height);
 				break;
 			}
@@ -6888,7 +6938,7 @@ var Z = {
 				this.requestDraw();
 				break;
 		}
-		if ((Wi.has(e) || Ui.has(e)) && this.text.isValid() && this.text.update(), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if ((Ki.has(e) || Gi.has(e)) && this.text.isValid() && this.text.update(), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
 		else switch (e) {
 			case "left":
 				this.position.x = Number(t);
@@ -6908,18 +6958,24 @@ var Z = {
 		super.requestLayout(), this.flexbox.update();
 	}
 	_process(e) {
-		this.foreground.process(e), this.fill.process(e), this.text.process(e), this.outline.process(e), this.background.process(e);
+		this.foreground.process(e), this.fill.process(e), this.text.process(e), this.outline.process(e), this.background.process(e), this._connection.isValid() && this._updateConnectionTransform();
 		let t = this.getParent();
 		this._parentGlobalDisplay !== t?.globalDisplay && this._updateGlobalDisplay(), this.flexbox.update(), super._process(e);
 	}
+	_updateConnectionTransform() {
+		let e = this._connection.resolveAnchor(this._connection.start), t = this._connection.resolveAnchor(this._connection.end);
+		if (!e && !t) return;
+		let n = e ?? t, r = t ?? e, i = Math.min(n.x, r.x), a = Math.min(n.y, r.y), o = Math.max(Math.abs(r.x - n.x), 1), s = Math.max(Math.abs(r.y - n.y), 1);
+		this.position.x = i, this.position.y = a, this.size.width = o, this.size.height = s, this.updateGlobalTransform();
+	}
 	_updateStyleFilter(e) {
-		d(e) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new jr({
+		d(e) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new Mr({
 			name: "styleFilter",
 			internalMode: "front"
 		}), this.append(this._colorFilterEffect)), this._colorFilterEffect.filter = e);
 	}
 	_updateStyleMaskImage(e) {
-		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new pi({
+		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new mi({
 			name: "styleMaskImage",
 			internalMode: "back"
 		}), this.append(this._maskEffect)), this._maskEffect.image = e);
@@ -6950,11 +7006,11 @@ var Z = {
 	}
 	getObb() {
 		let e = this.pivot, t = this.transform.apply(e).sub(e);
-		return new ft(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.rotation);
+		return new pt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.rotation);
 	}
 	getGlobalObb() {
 		let e = this.pivot, t = this.globalTransform.apply(e).sub(e);
-		return new ft(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
+		return new pt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
 	}
 	_draw() {
 		super._draw(), this._background.isValid() && (this._shape.draw(!this._background.fillWithShape), this._background.draw()), this._fill.isValid() && (this._shape.draw(), this._fill.draw()), this._outline.isValid() && (this._shape.draw(), this._outline.draw()), this._foreground.isValid() && (this._shape.draw(!this._foreground.fillWithShape), this._foreground.draw()), this._text.isValid() && this._text.draw(), this._drawContent();
@@ -6998,17 +7054,18 @@ var Z = {
 			outline: e(this.outline.toJSON()),
 			text: e(this.text.toJSON()),
 			foreground: e(this.foreground.toJSON()),
-			shadow: e(this.shadow.toJSON())
+			shadow: e(this.shadow.toJSON()),
+			connection: e(this.connection.toJSON())
 		});
 	}
 	_destroy() {
-		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._colorFilterEffect = void 0, this._maskEffect = void 0;
+		super._destroy(), this.flexbox.destroy(), this.aabb.destroy(), this.globalAabb.destroy(), this.size.destroy(), this.style.destroy(), this.background.destroy(), this.shape.destroy(), this.fill.destroy(), this.outline.destroy(), this.text.destroy(), this.foreground.destroy(), this.shadow.destroy(), this.connection.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
 	}
 };
-Gi = k([x("Element2D"), O("design:paramtypes", [typeof (Hi = typeof Partial < "u" && Partial) == "function" ? Hi : Object, Array])], Gi);
+qi = k([x("Element2D"), O("design:paramtypes", [typeof (Wi = typeof Partial < "u" && Partial) == "function" ? Wi : Object, Array])], qi);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var Ki = class extends Gi {
+var Ji = class extends qi {
 	texture;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -7022,8 +7079,8 @@ var Ki = class extends Gi {
 			} });
 		}
 	}
-}, qi, Ji = class extends Ki {
-	texture = new Jn();
+}, Yi, Xi = class extends Ji {
+	texture = new Yn();
 	animation;
 	constructor(e, t = []) {
 		super(), this.setProperties(e), this.append(t);
@@ -7052,10 +7109,10 @@ var Ki = class extends Gi {
 		this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw(), super._process(e);
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], Ji.prototype, "src", void 0), Ji = k([x("Lottie2D"), O("design:paramtypes", [typeof (qi = typeof Partial < "u" && Partial) == "function" ? qi : Object, Array])], Ji);
+k([_({ fallback: "" }), O("design:type", String)], Xi.prototype, "src", void 0), Xi = k([x("Lottie2D"), O("design:paramtypes", [typeof (Yi = typeof Partial < "u" && Partial) == "function" ? Yi : Object, Array])], Xi);
 //#endregion
 //#region src/scene/2d/TransformRect2D.ts
-var Yi = class extends Gi {
+var Zi = class extends qi {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -7078,10 +7135,10 @@ var Yi = class extends Gi {
 		this.context.rect(0, 0, e, t), this.context.strokeStyle = "#00FF00", this.context.stroke(), this._drawCircle(0, 0), this._drawCircle(e, t), this._drawCircle(0, t), this._drawEllipse(0, t / 2), this._drawCircle(e, 0), this._drawEllipse(e, t / 2);
 	}
 };
-k([_({ fallback: 6 }), O("design:type", Number)], Yi.prototype, "handleSize", void 0);
+k([_({ fallback: 6 }), O("design:type", Number)], Zi.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var Xi, Zi = class extends Ki {
+var Qi, $i = class extends Ji {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -7113,11 +7170,11 @@ var Xi, Zi = class extends Ki {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], Zi.prototype, "src", void 0), Zi = k([x("Video2D"), O("design:paramtypes", [typeof (Xi = typeof Partial < "u" && Partial) == "function" ? Xi : Object, Array])], Zi);
+k([_({ fallback: "" }), O("design:type", String)], $i.prototype, "src", void 0), $i = k([x("Video2D"), O("design:paramtypes", [typeof (Qi = typeof Partial < "u" && Partial) == "function" ? Qi : Object, Array])], $i);
 //#endregion
 //#region src/scene/animation/Animation.ts
-var Qi, $i = (e) => e, ea = ia(.25, .1, .25, 1), ta = ia(.42, 0, 1, 1), na = ia(0, 0, .58, 1), ra = ia(.42, 0, .58, 1);
-function ia(e, t, n, r) {
+var ea, ta = (e) => e, na = oa(.25, .1, .25, 1), ra = oa(.42, 0, 1, 1), ia = oa(0, 0, .58, 1), aa = oa(.42, 0, .58, 1);
+function oa(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;
@@ -7137,13 +7194,13 @@ function ia(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var aa = {
-	linear: $i,
-	ease: ea,
-	easeIn: ta,
-	easeOut: na,
-	easeInOut: ra
-}, oa = class extends V {
+var sa = {
+	linear: ta,
+	ease: na,
+	easeIn: ra,
+	easeOut: ia,
+	easeInOut: aa
+}, ca = class extends V {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -7178,7 +7235,7 @@ var aa = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof Gi);
+		return e.filter((e) => e instanceof qi);
 	}
 	_updateKeyframes() {
 		let e = [], t = this.keyframes;
@@ -7210,7 +7267,7 @@ var aa = {
 		}
 		let e = this._getTargets(), t = 1 / e.length, n = this.currentTimeProgress;
 		e.forEach((e, r) => {
-			let i = t === 1 ? n : ut(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
+			let i = t === 1 ? n : E(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
 			if (!a) return;
 			let o = this._parseKeyframes(i, a);
 			o?.length && this._commitStyle(i, e, a, o[0], o[1]);
@@ -7226,10 +7283,10 @@ var aa = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return aa.linear;
-		if (e in aa) return aa[e];
+		if (!e) return sa.linear;
+		if (e in sa) return sa[e];
 		let t = e.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((e) => Number(e));
-		return ia(t[0], t[1], t[2], t[3]);
+		return oa(t[0], t[1], t[2], t[3]);
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -7265,10 +7322,10 @@ var aa = {
 	}
 	_getDiffValue(e, t, n, r, i) {
 		let a, o;
-		if (t === "none" && (t = void 0), n === "none" && (n = void 0), t === void 0 || n === void 0) if (t !== void 0) a = Ce(e, String(t), i), o = Se(a);
-		else if (n !== void 0) o = Ce(e, String(n), i), a = Se(o);
+		if (t === "none" && (t = void 0), n === "none" && (n = void 0), t === void 0 || n === void 0) if (t !== void 0) a = we(e, String(t), i), o = Ce(a);
+		else if (n !== void 0) o = we(e, String(n), i), a = Ce(o);
 		else return;
-		else a = Ce(e, String(t), i), o = Ce(e, String(n), i);
+		else a = we(e, String(t), i), o = we(e, String(n), i);
 		if (Array.isArray(a) && Array.isArray(o)) {
 			let e = /* @__PURE__ */ new Set(), t = {}, n = {};
 			a.forEach(({ name: n, args: r }) => {
@@ -7307,14 +7364,14 @@ var aa = {
 		});
 	}
 };
-k([_({ fallback: "parent" }), O("design:type", Object)], oa.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], oa.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], oa.prototype, "easing", void 0), oa = k([x("Animation", {
+k([_({ fallback: "parent" }), O("design:type", Object)], ca.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], ca.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], ca.prototype, "easing", void 0), ca = k([x("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), O("design:paramtypes", [typeof (Qi = typeof Partial < "u" && Partial) == "function" ? Qi : Object, Array])], oa);
+}), O("design:paramtypes", [typeof (ea = typeof Partial < "u" && Partial) == "function" ? ea : Object, Array])], ca);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var sa = class t extends e {
+var la = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -7344,7 +7401,7 @@ var sa = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, ca = class t extends e {
+}, ua = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -7471,7 +7528,7 @@ var sa = class t extends e {
 		let e = this._source;
 		e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio &&= (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), null);
 	}
-}, la = class {
+}, da = class {
 	source = new globalThis.Audio();
 	_src = "";
 	get src() {
@@ -7487,7 +7544,7 @@ var sa = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return sa.instance;
+		return la.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -7498,9 +7555,9 @@ var sa = class t extends e {
 		});
 	}
 	createSound() {
-		return new ca();
+		return new ua();
 	}
-}, ua = class extends e {
+}, fa = class extends e {
 	_processers = [];
 	constructor(e, t) {
 		super(), this._input = e, this._output = t;
@@ -7520,7 +7577,7 @@ var sa = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, da = class {
+}, pa = class {
 	constructor(e, t = null) {
 		this.destination = e, this.source = t;
 	}
@@ -7533,21 +7590,21 @@ var sa = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function fa() {
-	if (Fe) return new AudioContext();
-	if (Ie) {
+function ma() {
+	if (Le) return new AudioContext();
+	if (Re) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function pa(e, t, n) {
-	if (Le) return new OfflineAudioContext(e, t, n);
-	if (Re) {
+function ha(e, t, n) {
+	if (ze) return new OfflineAudioContext(e, t, n);
+	if (Be) {
 		let r = globalThis.webkitOfflineAudioContext;
 		return new r(e, t, n);
 	} else throw Error("Failed to createOfflineAudioContext");
 }
-var ma = class e extends ua {
+var ga = class e extends fa {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -7588,8 +7645,8 @@ var ma = class e extends ua {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = fa(), t = pa(1, 2, Le ? 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" && (C || Ne), Be && (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));
+		let e = ma(), t = ha(1, 2, ze ? 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" && (Pe || Fe), He && (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() {
 		if (!this.autoPause) return;
@@ -7629,7 +7686,7 @@ var ma = class e extends ua {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, ha = class extends e {
+}, _a = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -7762,14 +7819,14 @@ var ma = class e extends ua {
 	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;
 	}
-}, ga = class extends ua {
+}, va = class extends fa {
 	_sourceBuffer;
 	_sourceNode;
 	_sourceLoad;
 	gain;
 	analyser;
 	get context() {
-		return ma.instance;
+		return ga.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -7784,8 +7841,8 @@ var ma = class e extends ua {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = ma.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(ma.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = ga.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(ga.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) => {
@@ -7798,7 +7855,7 @@ var ma = class e extends ua {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : ma.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : ga.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();
@@ -7808,15 +7865,15 @@ var ma = class e extends ua {
 		};
 	}
 	createSound() {
-		return new ha();
+		return new _a();
 	}
-}, _a, va = class extends V {
+}, ya, ba = class extends V {
 	static {
-		_a = this;
+		ya = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = ze ? new ga(this) : new la(this);
+	_platformAudio = Ve ? new va(this) : new da(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -7909,7 +7966,7 @@ var ma = class e extends ua {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return _a._soundPool.length > 0 ? _a._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return ya._soundPool.length > 0 ? ya._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();
@@ -7925,7 +7982,7 @@ var ma = class e extends ua {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), _a._soundPool.includes(e) || _a._soundPool.push(e);
+		e.destroy(), ya._soundPool.includes(e) || ya._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -7941,12 +7998,12 @@ var ma = class e extends ua {
 		}, 100);
 	}
 };
-va = _a = k([x("Audio"), O("design:paramtypes", [Object])], va);
+ba = ya = k([x("Audio"), O("design:paramtypes", [Object])], ba);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var ya = class extends xr {}, ba, xa = class extends Gi {
+var xa = class extends Sr {}, Sa, Ca = class extends qi {
 	_audioBuffer;
-	_src = Be ? new z({ source: document.createElement("canvas") }) : void 0;
+	_src = He ? new z({ source: document.createElement("canvas") }) : void 0;
 	_needsUpdateTexture = !1;
 	constructor(e = {}) {
 		super(), this.setProperties(e);
@@ -7965,7 +8022,7 @@ var ya = class extends xr {}, ba, xa = class extends Gi {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => ma.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => ga.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -8000,12 +8057,12 @@ var ya = class extends xr {}, ba, xa = class extends Gi {
 		this.syncTexture(), super._process(e);
 	}
 };
-k([_(), O("design:type", Object)], xa.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], xa.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], xa.prototype, "color", void 0), xa = k([x("AudioWaveform"), O("design:paramtypes", [typeof (ba = typeof Partial < "u" && Partial) == "function" ? ba : Object])], xa);
+k([_(), O("design:type", Object)], Ca.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Ca.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Ca.prototype, "color", void 0), Ca = k([x("AudioWaveform"), O("design:paramtypes", [typeof (Sa = typeof Partial < "u" && Partial) == "function" ? Sa : Object])], Ca);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Sa, Ca = class extends yr {
+var wa, Ta = class extends br {
 	static {
-		Sa = this;
+		wa = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -8024,7 +8081,7 @@ var Sa, Ca = class extends yr {
 		let d = 1 / s, f = 1 / c, p = [], m, h = o - 1;
 		for (let e = 0; e < h; e++) m = u[e] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p });
 		m = u[h] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p }), l.forEach((t) => {
-			L.draw(e, Sa.material, {
+			L.draw(e, wa.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -8032,31 +8089,31 @@ var Sa, Ca = class extends yr {
 		});
 	}
 };
-Ca = Sa = k([x("KawaseTransition")], Ca);
+Ta = wa = k([x("KawaseTransition")], Ta);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var wa, Ta = class extends yr {
+var Ea, Da = class extends br {
 	static {
-		wa = this;
+		Ea = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		L.draw(e, wa.material, {
+		L.draw(e, Ea.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-Ta = wa = k([x("LeftEraseTransition")], Ta);
+Da = Ea = k([x("LeftEraseTransition")], Da);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Ea, Da = class extends yr {
+var Oa, ka = class extends br {
 	static {
-		Ea = this;
+		Oa = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -8068,7 +8125,7 @@ var Ea, Da = class extends yr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height, s = [0, o / 2], c = [600, o / 2], l = [a, o], u = c[0] - s[0], d = c[1] - s[1], f = Math.sqrt(u * u + d * d);
-		L.draw(e, Ea.material, {
+		L.draw(e, Oa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8077,7 +8134,7 @@ var Ea, Da = class extends yr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), L.draw(e, Ea.material, {
+		}), L.draw(e, Oa.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8089,12 +8146,12 @@ var Ea, Da = class extends yr {
 		});
 	}
 };
-Da = Ea = k([x("TiltShiftTransition")], Da);
+ka = Oa = k([x("TiltShiftTransition")], ka);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Oa, ka = class extends yr {
+var Aa, ja = class extends br {
 	static {
-		Oa = this;
+		Aa = this;
 	}
 	radius;
 	angle = 4;
@@ -8108,7 +8165,7 @@ var Oa, ka = class extends yr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height;
-		L.draw(e, Oa.material, {
+		L.draw(e, Aa.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -8124,16 +8181,16 @@ var Oa, ka = class extends yr {
 		});
 	}
 };
-ka = Oa = k([x("TwistTransition")], ka);
+ja = Aa = k([x("TwistTransition")], ja);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var Aa = class extends kn {
+var Ma = class extends An {
 	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 qn(e.map((e) => ({
+			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new Jn(e.map((e) => ({
 				duration: e.delay,
-				texture: new Zn({
+				texture: new Qn({
 					source: e.data,
 					width: e.width,
 					height: e.height
@@ -8144,14 +8201,14 @@ var Aa = class extends kn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, ja = class extends kn {
+}, Na = class extends An {
 	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;
 	}
-}, Ma = class extends kn {
+}, Pa = class extends An {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -8162,12 +8219,12 @@ var Aa = class extends kn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, Na = class extends kn {
+}, Fa = class extends An {
 	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;
 	}
-}, Pa = class extends kn {
+}, Ia = class extends An {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new z({
 			source: e,
@@ -8191,11 +8248,11 @@ var Aa = class extends kn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, Fa = class extends kn {
+}, La = class extends An {
 	install(e) {
-		return this.load = (e) => new $n(e).load(), e.video = this, this;
+		return this.load = (e) => new er(e).load(), e.video = this, this;
 	}
-}, Ia = Object.entries({
+}, Ra = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -8211,31 +8268,31 @@ var Aa = class extends kn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function La(e) {
-	for (let [t, n] of Ia) if (n.includes(e)) return t;
+function za(e) {
+	for (let [t, n] of Ra) if (n.includes(e)) return t;
 }
-function Ra(e) {
+function Ba(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 = La(n));
+		n && (t = za(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var za = "WeakRef" in globalThis, Ba = class extends e {
+var Va = "WeakRef" in globalThis, Ha = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = za ? new FinalizationRegistry((e) => {
+	_gc = Va ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), za || S.on(this.gc.bind(this), { sort: 2 });
+		super(), Va || S.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -8279,11 +8336,11 @@ var za = "WeakRef" in globalThis, Ba = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return za && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return Va && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		za && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		Va && 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();
@@ -8298,7 +8355,7 @@ var za = "WeakRef" in globalThis, Ba = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Ra(e);
+		let n = await this.loadBy(e), r = Ba(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() {
@@ -8312,14 +8369,14 @@ var za = "WeakRef" in globalThis, Ba = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new Ba().use(new An()).use(new Aa()).use(new ja()).use(new Ma()).use(new Na()).use(new Pa()).use(new Fa()), Va = {
+}, $ = new Ha().use(new jn()).use(new Ma()).use(new Na()).use(new Pa()).use(new Fa()).use(new Ia()).use(new La()), Ua = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, Ha = class extends _r {
+}, Wa = class extends vr {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -8342,7 +8399,7 @@ var za = "WeakRef" in globalThis, Ba = class extends e {
 	set pixelRatio(e) {
 		this.renderer.pixelRatio = e, this.resize(this.width, this.height);
 	}
-	_resizeObserver = ke ? new ResizeObserver((e) => {
+	_resizeObserver = Ae ? new ResizeObserver((e) => {
 		let t = e[0];
 		if (t.target === this.view) {
 			let { inlineSize: e, blockSize: n } = Array.isArray(t.contentBoxSize) ? t.contentBoxSize[0] : t.contentBoxSize;
@@ -8350,14 +8407,14 @@ var za = "WeakRef" in globalThis, Ba = class extends e {
 		}
 	}) : void 0;
 	constructor(e = {}) {
-		let { view: t, width: n, height: r, pixelRatio: i = He, autoResize: a, data: o } = e;
-		super(), this.renderer = new On(t, {
-			alpha: Va.alpha ?? e.alpha,
-			stencil: Va.stencil ?? e.stencil,
-			antialias: Va.antialias ?? e.antialias,
-			premultipliedAlpha: Va.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Va.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Va.powerPreference ?? e.powerPreference
+		let { view: t, width: n, height: r, pixelRatio: i = We, autoResize: a, data: o } = e;
+		super(), this.renderer = new kn(t, {
+			alpha: Ua.alpha ?? e.alpha,
+			stencil: Ua.stencil ?? e.stencil,
+			antialias: Ua.antialias ?? e.antialias,
+			premultipliedAlpha: Ua.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: Ua.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: Ua.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) {
@@ -8390,7 +8447,7 @@ var za = "WeakRef" in globalThis, Ba = class extends e {
 		return this.renderer.resize(e, t, n), this.root.width = e, this.root.height = t, this.render(), this;
 	}
 	nextTick() {
-		return he();
+		return ge();
 	}
 	async waitUntilLoad() {
 		await $.waitUntilLoad(), await this.nextTick();
@@ -8441,22 +8498,22 @@ var za = "WeakRef" in globalThis, Ba = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], Ha.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ha.prototype, "autoStart", void 0);
+k([_({ fallback: !1 }), O("design:type", Boolean)], Wa.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Wa.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var Ua, Wa = [], Ga = !1;
-function Ka() {
-	return Ua ??= new Ha({
+var Ga, Ka = [], qa = !1;
+function Ja() {
+	return Ga ??= new Wa({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function qa(e = 100) {
-	if (!Ga) {
-		for (Ga = !0; Wa.length;) {
-			let t = Wa.shift();
+async function Ya(e = 100) {
+	if (!qa) {
+		for (qa = !0; Ka.length;) {
+			let t = Ka.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -8464,11 +8521,11 @@ async function qa(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		Ga = !1;
+		qa = !1;
 	}
 }
-async function Ja(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 = Ka();
+async function Xa(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 = Ja();
 	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 && await new Promise((e) => {
 		let t = 0, n = o.length, r = o[n - 1];
 		async function i() {
@@ -8488,15 +8545,15 @@ async function Ja(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function Ya(e) {
+async function Za(e) {
 	return new Promise((t) => {
-		Wa.push(async () => t(await Ja(e).then((e) => e.toCanvas2D()))), qa();
+		Ka.push(async () => t(await Xa(e).then((e) => e.toCanvas2D()))), Ya();
 	});
 }
-async function Xa(e) {
+async function Qa(e) {
 	return new Promise((t) => {
-		Wa.push(async () => t(await Ja(e).then((e) => e.pixels))), qa();
+		Ka.push(async () => t(await Xa(e).then((e) => e.pixels))), Ya();
 	});
 }
 //#endregion
-export { st as Aabb2D, qn as AnimatedTexture, oa as Animation, Ba as Assets, va as Audio, ua as AudioPipeline, da as AudioProcessor, ya as AudioSpectrum, xa as AudioWaveform, A as BufferUsage, Cr as Camera2D, tr as CanvasContext, ur as CanvasItem, Jn as CanvasTexture, E as Color, W as ColorAdjustEffect, jr as ColorFilterEffect, dt as ColorMatrix, Fr as ColorOverlayEffect, Rr as ColorRemoveEffect, Hr as ColorReplaceEffect, Yn as ColorTexture, w as CoreObject, ct as DEG_TO_RAD, He as DEVICE_PIXEL_RATIO, G as DrawboardEffect, Qr as DropShadowEffect, U as Effect, Wn as EffectMaterial, Gi as Element2D, wi as Element2DBackground, Y as Element2DFill, Ti as Element2DForeground, Ei as Element2DOutline, Di as Element2DShadow, Oi as Element2DShape, ki as Element2DStyle, X as Element2DText, ti as EmbossEffect, Ha as Engine, Vi as Flexbox, An as FontLoader, Yr as GaussianBlurEffect, Fn as Geometry, Aa as GifLoader, Xt as GlBatch2DSystem, Kt as GlBlendMode, gt as GlBuffer, St as GlBufferSystem, ht as GlBufferTarget, en as GlMaskSystem, Pt as GlProgram, an as GlRenderTarget, on as GlRenderTargetSystem, Gt as GlShaderSystem, Jt as GlState, Yt as GlStateSystem, nn as GlStencilSystem, j as GlSystem, rn as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, Xn as GradientTexture, la as HTMLAudio, sa as HTMLAudioContext, ca as HTMLSound, Be as IN_BROWSER, Ve as IN_MAC_OS, Mn as IndexBuffer, at as Input, $e as InputEvent, ja as JsonLoader, ui as KawaseBlurEffect, Ca as KawaseTransition, et as KeyboardInputEvent, Ta as LeftEraseTransition, kn as Loader, Ji as Lottie2D, Ma as LottieLoader, mt as MainLoop, pi as MaskEffect, I as Material, rr as Meta, tt as MouseInputEvent, B as Node, xr as Node2D, ft as Obb2D, J as OutlineEffect, ge as PI, _e as PI_2, yi as PixelateEffect, Zn as PixelsTexture, nt as PointerInputEvent, pt as Projection2D, Rn as QuadGeometry, L as QuadUvGeometry, lt as RAD_TO_DEG, ot as RefCounted, R as RenderTarget, vt as Renderer, T as Resource, Fe as SUPPORTS_AUDIO_CONTEXT, Ne as SUPPORTS_CLICK_EVENTS, Pe as SUPPORTS_CREATE_IMAGE_BITMAP, Oe as SUPPORTS_IMAGE_BITMAP, Me as SUPPORTS_MOUSE_EVENTS, Le as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ae as SUPPORTS_POINTER_EVENTS, ke as SUPPORTS_RESIZE_OBSERVER, C as SUPPORTS_TOUCH_EVENTS, De as SUPPORTS_WEBGL2, Ie as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Re as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, ze as SUPPORTS_WEB_AUDIO, je as SUPPORTS_WHEEL_EVENTS, _r as SceneTree, Na as TextLoader, z as Texture2D, Pa as TextureLoader, Ki as TextureRect2D, S as Ticker, Da as TiltShiftTransition, hr as Timeline, V as TimelineNode, Yi as TransformRect2D, yr as Transition, ka as TwistTransition, Kn as UvGeometry, Gn as UvMaterial, F as VertexAttribute, P as VertexBuffer, Zi as Video2D, Fa as VideoLoader, $n as VideoTexture, H as Viewport, er as ViewportTexture, ga as WebAudio, ma as WebAudioContext, On as WebGLRenderer, ha as WebSound, rt as WheelInputEvent, gr as Window, Si as ZoomBlurEffect, Q as alignMap, $ as assets, Bi as boxSizingMap, ut as clamp, li as clampFrag, Je as createHTMLCanvas, xt as createIdFromString, me as createNode, Xe as crossOrigin, ia as cubicBezier, x as customNode, pe as customNodes, Va as defaultOptions, Ye as determineCrossOrigin, Pi as directionMap, Ni as displayMap, ea as ease, ta as easeIn, ra as easeInOut, na as easeOut, Z as edgeMap, Fi as flexDirectionMap, Ii as flexWrapMap, ci as frag, Se as getDefaultCssPropertyValue, Ka as getRenderEngine, Mi as gutterMap, Qe as instanceId, Ke as isCanvasElement, Ue as isElementNode, Ge as isImageElement, ve as isPow2, We as isVideoElement, qe as isWebgl2, Li as justifyMap, D as lerp, $i as linear, Qt as log2, qt as mapGlBlendModes, Zt as nextPow2, he as nextTick, Ri as overflowMap, Tr as parseCssFilter, we as parseCssFunctions, Ce as parseCssProperty, Er as parseCssTransformOrigin, zi as positionTypeMap, Ya as render, Xa as renderPixels, tn as stencilModeMap, aa as timingFunctions };
+export { lt as Aabb2D, Jn as AnimatedTexture, ca as Animation, Ha as Assets, ba as Audio, fa as AudioPipeline, pa as AudioProcessor, xa as AudioSpectrum, Ca as AudioWaveform, A as BufferUsage, wr as Camera2D, nr as CanvasContext, dr as CanvasItem, Yn as CanvasTexture, T as Color, W as ColorAdjustEffect, Mr as ColorFilterEffect, ft as ColorMatrix, Ir as ColorOverlayEffect, zr as ColorRemoveEffect, Ur as ColorReplaceEffect, Xn as ColorTexture, C as CoreObject, ut as DEG_TO_RAD, We as DEVICE_PIXEL_RATIO, G as DrawboardEffect, $r as DropShadowEffect, U as Effect, Gn as EffectMaterial, qi as Element2D, Ti as Element2DBackground, Ei as Element2DConnection, Y as Element2DFill, Di as Element2DForeground, Oi as Element2DOutline, ki as Element2DShadow, Ai as Element2DShape, ji as Element2DStyle, X as Element2DText, ni as EmbossEffect, Wa as Engine, Ui as Flexbox, jn as FontLoader, Xr as GaussianBlurEffect, In as Geometry, Ma as GifLoader, Zt as GlBatch2DSystem, qt as GlBlendMode, _t as GlBuffer, Ct as GlBufferSystem, gt as GlBufferTarget, tn as GlMaskSystem, Ft as GlProgram, on as GlRenderTarget, sn as GlRenderTargetSystem, Kt as GlShaderSystem, Yt as GlState, Xt as GlStateSystem, rn as GlStencilSystem, j as GlSystem, an as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, Zn as GradientTexture, da as HTMLAudio, la as HTMLAudioContext, ua as HTMLSound, He as IN_BROWSER, Ue as IN_MAC_OS, Nn as IndexBuffer, st as Input, tt as InputEvent, Na as JsonLoader, di as KawaseBlurEffect, Ta as KawaseTransition, nt as KeyboardInputEvent, Da as LeftEraseTransition, An as Loader, Xi as Lottie2D, Pa as LottieLoader, ht as MainLoop, mi as MaskEffect, I as Material, ir as Meta, rt as MouseInputEvent, B as Node, Sr as Node2D, pt as Obb2D, J as OutlineEffect, _e as PI, ve as PI_2, bi as PixelateEffect, Qn as PixelsTexture, it as PointerInputEvent, mt as Projection2D, zn as QuadGeometry, L as QuadUvGeometry, dt as RAD_TO_DEG, ct as RefCounted, R as RenderTarget, yt as Renderer, w as Resource, Le as SUPPORTS_AUDIO_CONTEXT, Fe as SUPPORTS_CLICK_EVENTS, Ie as SUPPORTS_CREATE_IMAGE_BITMAP, ke as SUPPORTS_IMAGE_BITMAP, Ne as SUPPORTS_MOUSE_EVENTS, ze as SUPPORTS_OFFLINE_AUDIO_CONTEXT, je as SUPPORTS_POINTER_EVENTS, Ae as SUPPORTS_RESIZE_OBSERVER, Pe as SUPPORTS_TOUCH_EVENTS, Oe as SUPPORTS_WEBGL2, Re as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Be as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ve as SUPPORTS_WEB_AUDIO, Me as SUPPORTS_WHEEL_EVENTS, vr as SceneTree, Fa as TextLoader, z as Texture2D, Ia as TextureLoader, Ji as TextureRect2D, S as Ticker, ka as TiltShiftTransition, gr as Timeline, V as TimelineNode, Zi as TransformRect2D, br as Transition, ja as TwistTransition, qn as UvGeometry, Kn as UvMaterial, F as VertexAttribute, P as VertexBuffer, $i as Video2D, La as VideoLoader, er as VideoTexture, H as Viewport, tr as ViewportTexture, va as WebAudio, ga as WebAudioContext, kn as WebGLRenderer, _a as WebSound, at as WheelInputEvent, _r as Window, Ci as ZoomBlurEffect, Q as alignMap, $ as assets, Hi as boxSizingMap, E as clamp, ui as clampFrag, Xe as createHTMLCanvas, St as createIdFromString, he as createNode, Qe as crossOrigin, oa as cubicBezier, x as customNode, me as customNodes, Ua as defaultOptions, Ze as determineCrossOrigin, Ii as directionMap, Fi as displayMap, na as ease, ra as easeIn, aa as easeInOut, ia as easeOut, Z as edgeMap, Li as flexDirectionMap, Ri as flexWrapMap, li as frag, Ce as getDefaultCssPropertyValue, Ja as getRenderEngine, Pi as gutterMap, et as instanceId, Je as isCanvasElement, Ge as isElementNode, qe as isImageElement, ye as isPow2, Ke as isVideoElement, Ye as isWebgl2, zi as justifyMap, D as lerp, ta as linear, $t as log2, Jt as mapGlBlendModes, Qt as nextPow2, ge as nextTick, Bi as overflowMap, Er as parseCssFilter, Te as parseCssFunctions, we as parseCssProperty, Dr as parseCssTransformOrigin, Vi as positionTypeMap, Za as render, Qa as renderPixels, nn as stencilModeMap, sa as timingFunctions };