modern-canvas 0.18.2 → 0.18.3

package/dist/index.js

@@ -184,34 +184,34 @@ function De(e, t, n = {}) {
 }
 //#endregion
 //#region src/core/shared/dom.ts
-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, C = "ontouchstart" in globalThis, Pe = "onclick" in globalThis, Fe = "createImageBitmap" in globalThis, Ie = "AudioContext" in globalThis, Le = "webkitAudioContext" in globalThis, Re = "OfflineAudioContext" in globalThis, ze = "webkitOfflineAudioContext" in globalThis, Be = Ie || Le, Ve = typeof window < "u", He = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, Ue = globalThis.devicePixelRatio || 1, We = (e) => typeof e == "object" && !!e && e.nodeType === 1, Ge = (e) => We(e) && e.tagName === "VIDEO", Ke = (e) => We(e) && e.tagName === "IMG";
-function qe(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 Je(e) {
+function Ye(e) {
 	return Oe && e instanceof globalThis.WebGL2RenderingContext;
 }
-function Ye() {
-	if (Ve) return globalThis.document.createElement("canvas");
+function Xe() {
+	if (He) return globalThis.document.createElement("canvas");
 }
-function Xe(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 Ze(e, t, n) {
-	n === null && !t.startsWith("data:") ? e.crossOrigin = Xe(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 Qe = 0;
-function $e() {
-	return ++Qe;
+var $e = 0;
+function et() {
+	return ++$e;
 }
 //#endregion
 //#region src/core/input/InputEvent.ts
-var et = class e {
+var tt = class e {
 	cursor;
 	bubbles = !1;
 	cancelBubble = !1;
@@ -246,14 +246,14 @@ var et = class e {
 	initUIEvent(...e) {
 		throw Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
 	}
-}, tt = class extends et {
+}, 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.");
 	}
-}, nt = class extends et {
+}, rt = class extends tt {
 	client = {
 		x: 0,
 		y: 0
@@ -336,7 +336,7 @@ var et = class e {
 	get globalY() {
 		return this.global.y;
 	}
-}, rt = class extends nt {
+}, it = class extends rt {
 	width = 0;
 	height = 0;
 	isPrimary = !1;
@@ -346,20 +346,20 @@ var et = class e {
 	getPredictedEvents() {
 		throw Error("getPredictedEvents is not supported!");
 	}
-}, it = class extends nt {
+}, 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;
-}, at = {
+}, ot = {
 	touchstart: "pointerdown",
 	touchend: "pointerup",
 	touchendoutside: "pointerupoutside",
 	touchmove: "pointermove",
 	touchcancel: "pointercancel"
-}, ot = class extends e {
+}, st = class extends e {
 	event;
 	target;
 	cursor = "default";
@@ -377,16 +377,16 @@ var et = class e {
 	removeEventListeners() {
 		if (!this.setuped || !this.target) return;
 		let e = this.target.style;
-		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)), 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") : 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)), 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);
 		}
@@ -399,8 +399,8 @@ var et = class e {
 		return t;
 	}
 	_clonePointerEvent(e) {
-		let t = new rt();
-		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 = at[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 et = 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 it();
+		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 tt();
+		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 et = 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 et = class e {
 	destroy() {
 		this.removeEventListeners(), super.destroy();
 	}
-}, w = class extends n {
-	instanceId = $e();
+}, C = class extends n {
+	instanceId = et();
 	destroyed = !1;
 	get json() {
 		return this.toJSON();
@@ -517,7 +517,7 @@ var et = class e {
 	destroy() {
 		this.destroyed || (this.destroyed = !0, this._destroy(), this.emit("destroy"), this.removeAllListeners());
 	}
-}, st = class extends w {}, T = class extends st {}, ct = class e {
+}, ct = class extends C {}, w = class extends ct {}, lt = class e {
 	get x() {
 		return this.min.x;
 	}
@@ -651,7 +651,7 @@ var et = class e {
 //#endregion
 //#region src/core/math/Color.ts
 b([ue]);
-var E = class {
+var T = class {
 	get value() {
 		return this._value;
 	}
@@ -734,16 +734,16 @@ var E = class {
 			this.a
 		];
 	}
-}, lt = _e / 180, ut = 180 / _e;
-function dt(e, t, n) {
+}, ut = _e / 180, dt = 180 / _e;
+function ft(e, t, n) {
 	return Math.max(t, Math.min(e, n));
 }
-function D(e, t, n) {
+function E(e, t, n) {
 	return (1 - n) * e + n * t;
 }
 //#endregion
 //#region src/core/math/ColorMatrix.ts
-var ft = class {
+var pt = class {
 	_array = new Float32Array(20);
 	constructor() {
 		this.identity();
@@ -873,7 +873,7 @@ var ft = class {
 		]);
 	}
 	invert(e = 1) {
-		let t = D(1, -1, e), n = D(0, 255, e);
+		let t = E(1, -1, e), n = E(0, 255, e);
 		return this.multiply([
 			t,
 			0,
@@ -898,21 +898,21 @@ var ft = class {
 		]);
 	}
 	sepia(e = 1) {
-		let t = dt(e, 0, 1);
+		let t = ft(e, 0, 1);
 		return this.multiply([
-			D(1, .393, t),
-			D(0, .7689999, t),
-			D(0, .18899999, t),
+			E(1, .393, t),
+			E(0, .7689999, t),
+			E(0, .18899999, t),
 			0,
 			0,
-			D(0, .349, t),
-			D(1, .6859999, t),
-			D(0, .16799999, t),
+			E(0, .349, t),
+			E(1, .6859999, t),
+			E(0, .16799999, t),
 			0,
 			0,
-			D(0, .272, t),
-			D(0, .5339999, t),
-			D(1, .13099999, t),
+			E(0, .272, t),
+			E(0, .5339999, t),
+			E(1, .13099999, t),
 			0,
 			0,
 			0,
@@ -947,7 +947,7 @@ var ft = class {
 		]);
 	}
 	grayscale(e = 1) {
-		let t = dt(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 = ft(e, 0, 1), n = E(1, .3, t), r = E(0, .3, t), i = E(1, .59, t), a = E(0, .59, t), o = E(1, .11, t), s = E(0, .11, t);
 		return this.multiply([
 			n,
 			a,
@@ -999,10 +999,10 @@ var ft = class {
 	toArray() {
 		return this._array;
 	}
-}, pt = class e extends ct {
+}, mt = class e extends lt {
 	rotation;
 	get rotationDegrees() {
-		return this.rotation / lt;
+		return this.rotation / ut;
 	}
 	constructor(...e) {
 		let t, n;
@@ -1012,7 +1012,7 @@ var ft = 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 / lt;
+				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 ft = class {
 	clone() {
 		return new e(this.toJSON());
 	}
-}, mt = class {
+}, ht = class {
 	_array;
 	x = 0;
 	y = 0;
@@ -1078,12 +1078,12 @@ var ft = class {
 };
 //#endregion
 //#region \0@oxc-project+runtime@0.130.0/helpers/decorateMetadata.js
-function O(e, t) {
+function D(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
 //#endregion
 //#region \0@oxc-project+runtime@0.130.0/helpers/decorate.js
-function k(e, t, n, r) {
+function O(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
@@ -1091,7 +1091,7 @@ function k(e, t, n, r) {
 }
 //#endregion
 //#region src/core/os/MainLoop.ts
-var ht = class extends w {
+var gt = class extends C {
 	_starting = !1;
 	_nextDeltaTime = 0;
 	_startedProcess;
@@ -1121,22 +1121,22 @@ var ht = class extends w {
 		super._destroy(), this.stop();
 	}
 };
-k([_({ fallback: 60 }), O("design:type", Number)], ht.prototype, "fps", void 0), k([_({ fallback: 1 }), O("design:type", Number)], ht.prototype, "speed", void 0);
+O([_({ fallback: 60 }), D("design:type", Number)], gt.prototype, "fps", void 0), O([_({ fallback: 1 }), D("design:type", Number)], gt.prototype, "speed", void 0);
 //#endregion
 //#region src/core/renderers/gl/buffer/const.ts
-var gt = /* @__PURE__ */ function(e) {
+var _t = /* @__PURE__ */ function(e) {
 	return e[e.elementArrayBuffer = 34963] = "elementArrayBuffer", e[e.arrayBuffer = 34962] = "arrayBuffer", e[e.uniformBuffer = 35345] = "uniformBuffer", e;
-}({}), _t = class {
+}({}), vt = class {
 	native;
-	target = gt.arrayBuffer;
+	target = _t.arrayBuffer;
 	byteLength = 0;
 	dirty = !0;
 	constructor(e) {
 		this.native = e;
 	}
-}, A = /* @__PURE__ */ function(e) {
+}, k = /* @__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;
-}({}), vt, yt = class extends n {
+}({}), yt, bt = class extends n {
 	screen = {
 		x: 0,
 		y: 0,
@@ -1155,12 +1155,12 @@ var gt = /* @__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: Ue }), 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);
+O([_({ fallback: We }), D("design:type", Number)], bt.prototype, "pixelRatio", void 0), O([_({ internal: !0 }), D("design:type", typeof (yt = typeof HTMLCanvasElement < "u" && HTMLCanvasElement) == "function" ? yt : Object)], bt.prototype, "view", void 0);
 //#endregion
 //#region src/core/renderers/shared/shader/UniformGroup.ts
-var bt = 0, xt = class {
+var xt = 0, St = class {
 	isUniformGroup = !0;
-	uid = ++bt;
+	uid = ++xt;
 	uniforms;
 	ubo;
 	isStatic;
@@ -1171,14 +1171,14 @@ var bt = 0, xt = class {
 	update() {
 		this._dirtyId++;
 	}
-}, St = Object.create(null), Ct = Object.create(null);
-function wt(e, t) {
-	let n = Ct[e];
-	return n === void 0 && (St[t] === void 0 && (St[t] = 1), Ct[e] = n = St[t]++), n;
+}, Ct = Object.create(null), wt = Object.create(null);
+function Tt(e, t) {
+	let n = wt[e];
+	return n === void 0 && (Ct[t] === void 0 && (Ct[t] = 1), wt[e] = n = Ct[t]++), n;
 }
 //#endregion
 //#region src/core/renderers/gl/system/GlSystem.ts
-var j = class extends e {
+var A = class extends e {
 	get _gl() {
 		return this._renderer.gl;
 	}
@@ -1192,7 +1192,7 @@ var j = class extends e {
 	_setup() {}
 	flush() {}
 	reset() {}
-}, Tt = class extends j {
+}, Et = class extends A {
 	install(e) {
 		super.install(e), e.buffer = this;
 	}
@@ -1202,8 +1202,8 @@ var j = class extends e {
 		return this.glBuffers.get(e.instanceId) || this._createGlBuffer(e);
 	}
 	_createGlBuffer(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) => {
+		let t = this._gl, n = new vt(t.createBuffer()), r = _t.arrayBuffer;
+		return e.usage & k.index ? r = _t.elementArrayBuffer : e.usage & k.uniform && (r = _t.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":
@@ -1226,7 +1226,7 @@ var j = class extends e {
 		n.dirty = !1;
 		let { _gl: r } = this, { usage: i, data: a } = e;
 		r.bindBuffer(n.target, n.native);
-		let o = i & A.static ? r.STATIC_DRAW : r.DYNAMIC_DRAW;
+		let o = i & k.static ? r.STATIC_DRAW : r.DYNAMIC_DRAW;
 		if (a) if (n.byteLength >= a.byteLength) {
 			let e = a.length * a.BYTES_PER_ELEMENT;
 			r.bufferSubData(n.target, 0, a, 0, e / a.BYTES_PER_ELEMENT);
@@ -1241,13 +1241,13 @@ var j = class extends e {
 		}
 		this.buffers.clear(), this.glBuffers.clear();
 	}
-}, Et;
-function Dt() {
-	return Et ||= "mediump", Et;
+}, Dt;
+function Ot() {
+	return Dt ||= "mediump", Dt;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/addProgramDefines.ts
-function Ot(e, t, n) {
+function kt(e, t, n) {
 	return t ? e : n ? (e = e.replace("out vec4 finalColor;", ""), `#ifdef GL_ES
   #define in varying
   #define finalColor gl_FragColor
@@ -1261,7 +1261,7 @@ ${e}`;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/ensurePrecision.ts
-function kt(e, t, n) {
+function At(e, t, n) {
 	let r = n ? t.maxSupportedFragmentPrecision : t.maxSupportedVertexPrecision;
 	if (e.substring(0, 9) !== "precision") {
 		let i = n ? t.requestedFragmentPrecision : t.requestedVertexPrecision;
@@ -1271,31 +1271,31 @@ function kt(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/insertVersion.ts
-function At(e, t) {
+function jt(e, t) {
 	return t ? `#version 300 es\n${e}` : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/setProgramName.ts
-var jt = {}, Mt = {};
-function Nt(e, { name: t = "program" }, n = !0) {
+var Mt = {}, Nt = {};
+function Pt(e, { name: t = "program" }, n = !0) {
 	t = t.replace(/\s+/g, "-"), t += n ? "-fragment" : "-vertex";
-	let r = n ? jt : Mt;
+	let r = n ? Mt : Nt;
 	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 Pt(e, t) {
+function Ft(e, t) {
 	return t ? e.replace("#version 300 es", "") : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgram.ts
-var Ft = Object.create(null), It = {
-	stripVersion: Pt,
-	ensurePrecision: kt,
-	addProgramDefines: Ot,
-	setProgramName: Nt,
-	insertVersion: At
-}, Lt = class e {
+var It = Object.create(null), Lt = {
+	stripVersion: Ft,
+	ensurePrecision: At,
+	addProgramDefines: kt,
+	setProgramName: Pt,
+	insertVersion: jt
+}, Rt = class e {
 	static defaultOptions = {
 		preferredVertexPrecision: "highp",
 		preferredFragmentPrecision: "mediump"
@@ -1318,25 +1318,25 @@ var Ft = Object.create(null), It = {
 				requestedFragmentPrecision: t.preferredFragmentPrecision,
 				requestedVertexPrecision: t.preferredVertexPrecision,
 				maxSupportedVertexPrecision: "highp",
-				maxSupportedFragmentPrecision: Dt()
+				maxSupportedFragmentPrecision: Ot()
 			},
 			setProgramName: { name: t.name },
 			addProgramDefines: i,
 			insertVersion: i
 		};
-		Object.keys(It).forEach((e) => {
+		Object.keys(Lt).forEach((e) => {
 			let t = a[e];
-			n = It[e](n, t, !0), r = It[e](r, t, !1);
-		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = wt(`${r}:${n}`, "GlProgram");
+			n = Lt[e](n, t, !0), r = Lt[e](r, t, !1);
+		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = Tt(`${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 Ft[this._cacheKey];
+		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete It[this._cacheKey];
 	}
 	static from(t) {
 		let n = `${t.vertex}:${t.fragment}`;
-		return Ft[n] || (Ft[n] = new e(t), Ft[n]._cacheKey = n), Ft[n];
+		return It[n] || (It[n] = new e(t), It[n]._cacheKey = n), It[n];
 	}
-}, Rt = {
+}, zt = {
 	uint8x2: {
 		size: 2,
 		stride: 2,
@@ -1488,18 +1488,18 @@ var Ft = Object.create(null), It = {
 		normalized: !1
 	}
 };
-function zt(e) {
-	return Rt[e] ?? Rt.float32;
+function Bt(e) {
+	return zt[e] ?? zt.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgramData.ts
-var Bt = class {
+var Vt = class {
 	native;
 	uniformDirtyGroups = Object.create(null);
 	constructor(e) {
 		this.native = e;
 	}
-}, Vt, Ht = {
+}, Ht, Ut = {
 	FLOAT: "float",
 	FLOAT_VEC2: "vec2",
 	FLOAT_VEC3: "vec3",
@@ -1528,7 +1528,7 @@ var Bt = class {
 	SAMPLER_2D_ARRAY: "sampler2DArray",
 	INT_SAMPLER_2D_ARRAY: "sampler2DArray",
 	UNSIGNED_INT_SAMPLER_2D_ARRAY: "sampler2DArray"
-}, Ut = {
+}, Wt = {
 	float: "float32",
 	vec2: "float32x2",
 	vec3: "float32x3",
@@ -1546,29 +1546,29 @@ var Bt = class {
 	bvec3: "uint32x3",
 	bvec4: "uint32x4"
 };
-function Wt(e, t) {
-	if (!Vt) {
-		let t = Object.keys(Ht);
-		Vt = {};
+function Gt(e, t) {
+	if (!Ht) {
+		let t = Object.keys(Ut);
+		Ht = {};
 		for (let n = 0; n < t.length; ++n) {
 			let r = t[n];
-			Vt[e[r]] = Ht[r];
+			Ht[e[r]] = Ut[r];
 		}
 	}
-	return Vt[t];
+	return Ht[t];
 }
-function Gt(e, t) {
-	return Ut[Wt(e, t)] || "float32";
+function Kt(e, t) {
+	return Wt[Gt(e, t)] || "float32";
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlShaderSystem.ts
-var Kt = class extends j {
+var qt = class extends A {
 	install(e) {
 		super.install(e), e.shader = this;
 	}
 	glProgramDatas = /* @__PURE__ */ new Map();
 	currentProgram = null;
-	globalUniforms = new xt({
+	globalUniforms = new St({
 		projectionMatrix: new Float32Array([
 			1,
 			0,
@@ -1609,7 +1609,7 @@ var Kt = class extends j {
 		return this.glProgramDatas.get(e.id) || this._createGlProgramData(e);
 	}
 	_createGlProgramData(e) {
-		let t = this._gl, n = new Bt(t.createProgram());
+		let t = this._gl, n = new Vt(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)}`);
@@ -1617,11 +1617,11 @@ var Kt = 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 = Gt(t, e.type);
+			let i = Kt(t, e.type);
 			a[e.name] = {
 				location: 0,
 				format: i,
-				stride: zt(i).stride,
+				stride: Bt(i).stride,
 				offset: 0,
 				instance: !1,
 				start: 0
@@ -1638,7 +1638,7 @@ var Kt = 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 = Wt(t, e.type), o = e.size;
+			let i = e.name.replace(/\[.*?\]$/, ""), a = Gt(t, e.type), o = e.size;
 			c[i] = {
 				name: i,
 				index: r,
@@ -1673,7 +1673,7 @@ var Kt = class extends j {
 			let { type: s, isArray: c, name: l } = o;
 			o.location === void 0 && (o.location = r.getUniformLocation(t.native, l));
 			let u = o.location;
-			if (qt(o.value, a)) switch (o.value = Jt(o.value, a), s) {
+			if (Jt(o.value, a)) switch (o.value = Yt(o.value, a), s) {
 				case "float":
 					c ? r.uniform1fv(u, a) : r.uniform1f(u, a);
 					break;
@@ -1760,7 +1760,7 @@ var Kt = class extends j {
 		super.destroy(), this.bind(null);
 	}
 };
-function qt(e, t) {
+function Jt(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e != "object" || !e || e.length !== n) return !0;
@@ -1769,7 +1769,7 @@ function qt(e, t) {
 	}
 	return e !== t;
 }
-function Jt(e, t) {
+function Yt(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e == "object" && e && e.length === n) {
@@ -1782,10 +1782,10 @@ function Jt(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlBlendMode.ts
-var Yt = /* @__PURE__ */ function(e) {
+var Xt = /* @__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 Xt(e) {
+function Zt(e) {
 	return {
 		normal: [e.ONE, e.ONE_MINUS_SRC_ALPHA],
 		add: [e.ONE, e.ONE],
@@ -1840,7 +1840,7 @@ function Xt(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlStateSystem.ts
-var Zt = class e {
+var Qt = class e {
 	static _properties = [
 		"blend",
 		"offsets",
@@ -1867,14 +1867,14 @@ var Zt = class e {
 		let t = new e();
 		return t.depthTest = !1, t.blend = !0, t;
 	}
-	_blendMode = Yt.normal;
+	_blendMode = Xt.normal;
 	_polygonOffset = 0;
 	bitmap = 0;
 	get blendMode() {
 		return this._blendMode;
 	}
 	set blendMode(e) {
-		this.blend = e !== Yt.none, this._blendMode = e;
+		this.blend = e !== Xt.none, this._blendMode = e;
 	}
 	get polygonOffset() {
 		return this._polygonOffset;
@@ -1886,19 +1886,19 @@ var Zt = class e {
 		if (e) for (let t in e) this[t] = e[t];
 	}
 };
-Zt._init();
-var Qt = class extends j {
+Qt._init();
+var $t = class extends A {
 	install(e) {
 		super.install(e), e.state = this;
 	}
 	_blendEq = !1;
-	_setters = Zt._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
+	_setters = Qt._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
 	boundStateBitmap = 0;
 	boundBlendMode;
 	blendModes;
-	defaultState = new Zt({ blend: !0 });
+	defaultState = new Qt({ blend: !0 });
 	_updateContext(e) {
-		super._updateContext(e), this.blendModes = Xt(e);
+		super._updateContext(e), this.blendModes = Zt(e);
 	}
 	toggle(e, t) {
 		this._renderer.gl[t ? "enable" : "disable"](e);
@@ -1941,14 +1941,14 @@ var Qt = class extends j {
 	}
 	reset() {
 		super.reset();
-		let e = (1 << Zt._properties.length) - 1;
+		let e = (1 << Qt._properties.length) - 1;
 		this.boundStateBitmap = ~this.defaultState.bitmap & e, this.boundBlendMode = void 0, this._blendEq = !0, this.bind(this.defaultState);
 	}
-}, $t = class extends j {
+}, en = class extends A {
 	install(e) {
 		super.install(e), e.batch2D = this;
 	}
-	_state = Zt.for2D();
+	_state = Qt.for2D();
 	_batchSize = 4096 * 4;
 	_batchables = [];
 	_vertexCount = 0;
@@ -1969,8 +1969,8 @@ var Qt = class extends j {
 	}
 	_createShader(e) {
 		let t = this._renderer, n = {
-			instanceId: $e(),
-			glProgram: new Lt({
+			instanceId: et(),
+			glProgram: new Rt({
 				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;
@@ -1999,15 +1999,15 @@ void main(void) {
 }`
 			})
 		}, r = {
-			instanceId: $e(),
-			usage: A.vertex,
+			instanceId: et(),
+			usage: k.vertex,
 			data: new Float32Array()
 		}, i = {
-			instanceId: $e(),
-			usage: A.index,
+			instanceId: et(),
+			usage: k.index,
 			data: new Uint32Array()
 		}, a = {
-			instanceId: $e(),
+			instanceId: et(),
 			topology: "triangle-list",
 			attributes: Object.fromEntries(Object.entries(this._attributes).map(([e, t]) => [e, {
 				...t,
@@ -2047,7 +2047,7 @@ void main(void) {
 					let { indices: r, vertices: p, uvs: h = new Float32Array(), size: g = {
 						width: 0,
 						height: 0
-					}, texture: ee, blendMode: te = Yt.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
+					}, texture: ee, blendMode: te = Xt.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
 						255,
 						255,
 						255,
@@ -2077,22 +2077,22 @@ void main(void) {
 		}
 	}
 	_getBufferData(e) {
-		let t = en(Math.ceil(e / 8)), n = tn(t), r = t * 8;
+		let t = tn(Math.ceil(e / 8)), n = nn(t), r = t * 8;
 		this._attributeBuffer.length <= n && (this._attributeBuffer.length = n + 1);
 		let i = this._attributeBuffer[n];
 		return i || (this._attributeBuffer[n] = i = /* @__PURE__ */ new ArrayBuffer(r * this._vertexSize * 4)), i;
 	}
 	_getIndexBufferData(e) {
-		let t = en(Math.ceil(e / 12)), n = tn(t), r = t * 12;
+		let t = tn(Math.ceil(e / 12)), n = nn(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 en(e) {
+function tn(e) {
 	return e += +(e === 0), --e, e |= e >>> 1, e |= e >>> 2, e |= e >>> 4, e |= e >>> 8, e |= e >>> 16, e + 1;
 }
-function tn(e) {
+function nn(e) {
 	let t = (e > 65535) << 4;
 	e >>>= t;
 	let n = (e > 255) << 3;
@@ -2100,11 +2100,11 @@ function tn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/const.ts
-var M = /* @__PURE__ */ function(e) {
+var j = /* @__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;
-}({}), nn = /* @__PURE__ */ function(e) {
+}({}), rn = /* @__PURE__ */ function(e) {
 	return e[e.none = 0] = "none", e[e.color = 16384] = "color", e[e.stencil = 1024] = "stencil", e[e.depth = 256] = "depth", e[e.colorDepth = 16640] = "colorDepth", e[e.colorStencil = 17408] = "colorStencil", e[e.depthStencil = 1280] = "depthStencil", e[e.all = 17664] = "all", e;
-}({}), rn = class extends j {
+}({}), an = class extends A {
 	install(e) {
 		super.install(e), e.mask = this;
 	}
@@ -2123,16 +2123,16 @@ var M = /* @__PURE__ */ function(e) {
 		};
 		this.stack.push(n);
 		let r = this._renderer.renderTarget.current?.instanceId ?? -1, i = this._maskStackHash[r] ?? 0;
-		"x" in t ? this._renderer.scissor.push(t) : "render" in t && (this._renderer.flush(), this._renderer.renderTarget.ensureDepthStencil(), this._renderer.stencil.bind(M.renderingMaskAdd, i), this._renderer.colorMask.bind(0), i++, t.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(M.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
+		"x" in t ? this._renderer.scissor.push(t) : "render" in t && (this._renderer.flush(), this._renderer.renderTarget.ensureDepthStencil(), this._renderer.stencil.bind(j.renderingMaskAdd, i), this._renderer.colorMask.bind(0), i++, t.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(j.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
 	}
 	pop(e) {
 		let t = this.stack.pop();
 		if (!t || t.source !== e) return;
 		let { mask: n } = t, r = this._renderer.renderTarget.current?.instanceId ?? -1, i = this._maskStackHash[r] ?? 0;
-		"x" in n ? this._renderer.scissor.pop() : "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear(nn.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(rn.stencil), this._renderer.stencil.bind(j.disabled, i)) : this._renderer.stencil.bind(j.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(j.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
 	}
-}, an = [];
-an[M.none] = {}, an[M.disabled] = {}, an[M.renderingMaskAdd] = {
+}, on = [];
+on[j.none] = {}, on[j.disabled] = {}, on[j.renderingMaskAdd] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "increment-clamp"
@@ -2141,7 +2141,7 @@ an[M.none] = {}, an[M.disabled] = {}, an[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "increment-clamp"
 	}
-}, an[M.renderingMaskRemove] = {
+}, on[j.renderingMaskRemove] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "decrement-clamp"
@@ -2150,7 +2150,7 @@ an[M.none] = {}, an[M.disabled] = {}, an[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "decrement-clamp"
 	}
-}, an[M.maskActive] = {
+}, on[j.maskActive] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "keep"
@@ -2159,7 +2159,7 @@ an[M.none] = {}, an[M.disabled] = {}, an[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "keep"
 	}
-}, an[M.inverseMaskActive] = {
+}, on[j.inverseMaskActive] = {
 	stencilFront: {
 		compare: "not-equal",
 		passOp: "keep"
@@ -2169,17 +2169,17 @@ an[M.none] = {}, an[M.disabled] = {}, an[M.renderingMaskAdd] = {
 		passOp: "keep"
 	}
 };
-var on = class extends j {
+var sn = class extends A {
 	install(e) {
 		super.install(e), e.stencil = this;
 	}
 	_cache = {
 		enabled: !1,
-		stencilMode: M.none,
+		stencilMode: j.none,
 		refCount: 0
 	};
 	current = { [-1]: {
-		stencilMode: M.disabled,
+		stencilMode: j.disabled,
 		refCount: 0
 	} };
 	_passOpMap;
@@ -2209,20 +2209,20 @@ var on = class extends j {
 		super._setup(), this._renderer.renderTarget.on("updateRenderTarget", this._updateRenderTarget);
 	}
 	reset() {
-		this._cache.enabled = !1, this._cache.stencilMode = M.none, this._cache.refCount = 0;
+		this._cache.enabled = !1, this._cache.stencilMode = j.none, this._cache.refCount = 0;
 	}
 	_updateRenderTarget = (e) => {
 		if (e) {
 			let t = this.current[e.instanceId];
 			t ||= this.current[e.instanceId] = {
-				stencilMode: M.disabled,
+				stencilMode: j.disabled,
 				refCount: 0
 			}, this.bind(t.stencilMode, t.refCount);
 		}
 	};
 	bind(e, t) {
-		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = an[e], a = this._cache;
-		if (n.stencilMode = e, n.refCount = t, e === M.disabled) {
+		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = on[e], a = this._cache;
+		if (n.stencilMode = e, n.refCount = t, e === j.disabled) {
 			this._cache.enabled && (this._cache.enabled = !1, r.disable(r.STENCIL_TEST));
 			return;
 		}
@@ -2231,8 +2231,8 @@ var on = class extends j {
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, sn = class extends j {
-	current = new ct(0, 0, 0, 0);
+}, cn = class extends A {
+	current = new lt(0, 0, 0, 0);
 	install(e) {
 		super.install(e), e.viewport = this;
 	}
@@ -2240,7 +2240,7 @@ var on = 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);
 	}
-}, cn = class {
+}, ln = class {
 	framebuffer;
 	width = -1;
 	height = -1;
@@ -2251,7 +2251,7 @@ var on = class extends j {
 	constructor(e) {
 		this.framebuffer = e;
 	}
-}, ln = class extends j {
+}, un = class extends A {
 	install(e) {
 		super.install(e), e.renderTarget = this;
 	}
@@ -2261,7 +2261,7 @@ var on = class extends j {
 	_msaaSamples = [];
 	_hasMRT = !0;
 	_writeDepthTexture = !0;
-	projection = new mt();
+	projection = new ht();
 	_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;
@@ -2297,7 +2297,7 @@ var on = class extends j {
 		return this.glRenderTargets.get(e.instanceId) || this._createGlRenderTarget(e);
 	}
 	_createGlRenderTarget(e) {
-		let t = this._gl, n = new cn(t.createFramebuffer());
+		let t = this._gl, n = new ln(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":
@@ -2374,28 +2374,28 @@ var on = class extends j {
 	reset() {
 		super.reset(), this._renderer.contextLost || this.glRenderTargets.forEach((e) => this.destroyGpuRenderTarget(e)), this.renderTargets.clear(), this.glRenderTargets.clear(), this.current = null, this._msaaSamples.length = 0;
 	}
-}, un = /* @__PURE__ */ function(e) {
+}, dn = /* @__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;
-}({}), dn = /* @__PURE__ */ function(e) {
+}({}), fn = /* @__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) {
+}({}), M = /* @__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;
-}({}), fn = class {
+}({}), pn = class {
 	native;
-	target = dn.TEXTURE_2D;
+	target = fn.TEXTURE_2D;
 	width = -1;
 	height = -1;
 	mipmap = !1;
-	type = N.UNSIGNED_BYTE;
-	internalFormat = un.RGBA;
-	format = un.RGBA;
+	type = M.UNSIGNED_BYTE;
+	internalFormat = dn.RGBA;
+	format = dn.RGBA;
 	constructor(e) {
 		this.native = e;
 	}
 };
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlFormat.ts
-function pn(e) {
+function mn(e) {
 	return {
 		r8unorm: e.RED,
 		r8snorm: e.RED,
@@ -2443,7 +2443,7 @@ function pn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlInternalFormat.ts
-function mn(e, t) {
+function hn(e, t) {
 	let n = {}, r = e.RGBA;
 	return e instanceof WebGLRenderingContext ? t.srgb && (n = {
 		"rgba8unorm-srgb": t.srgb.SRGB8_ALPHA8_EXT,
@@ -2559,7 +2559,7 @@ function mn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlType.ts
-function hn(e) {
+function gn(e) {
 	return {
 		r8unorm: e.UNSIGNED_BYTE,
 		r8snorm: e.BYTE,
@@ -2607,7 +2607,7 @@ function hn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/updateTextureStyle.ts
-var gn = {
+var _n = {
 	linear: {
 		linear: 9987,
 		nearest: 9985
@@ -2616,10 +2616,10 @@ var gn = {
 		linear: 9986,
 		nearest: 9984
 	}
-}, _n = {
+}, vn = {
 	linear: 9729,
 	nearest: 9728
-}, vn = {
+}, yn = {
 	never: 512,
 	less: 513,
 	equal: 514,
@@ -2628,32 +2628,32 @@ var gn = {
 	"not-equal": 517,
 	"greater-equal": 518,
 	always: 519
-}, yn = {
+}, bn = {
 	"clamp-to-edge": 33071,
 	repeat: 10497,
 	"mirror-repeat": 33648
 };
-function bn(e, t, n, r, i, a, o, s) {
+function xn(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 = yn[o ? "clamp-to-edge" : c], n = yn[o ? "clamp-to-edge" : l], r = yn[o ? "clamp-to-edge" : u];
+		let e = bn[o ? "clamp-to-edge" : c], n = bn[o ? "clamp-to-edge" : l], r = bn[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, _n[d]), n) {
+	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, vn[d]), n) {
 		if (!s || p !== "linear") {
-			let e = gn[f][p];
+			let e = _n[f][p];
 			t[i](g, t.TEXTURE_MIN_FILTER, e);
 		}
-	} else t[i](g, t.TEXTURE_MIN_FILTER, _n[f]);
+	} else t[i](g, t.TEXTURE_MIN_FILTER, vn[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, vn[h]);
+	h && t[i](g, t.TEXTURE_COMPARE_FUNC, yn[h]);
 }
 //#endregion
 //#region src/core/renderers/gl/texture/uploaders/index.ts
-var xn = {
+var Sn = {
 	buffer: {
 		id: "buffer",
 		upload: (e, t, n) => {
@@ -2667,8 +2667,8 @@ var xn = {
 			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;
 		}
 	}
-}, Sn = class extends j {
-	uploaders = { ...xn };
+}, Cn = class extends A {
+	uploaders = { ...Sn };
 	textures = /* @__PURE__ */ new Map();
 	glTextures = /* @__PURE__ */ new Map();
 	_mapFormatToInternalFormat = Object.create(null);
@@ -2683,14 +2683,14 @@ var xn = {
 		super.install(e), e.texture = this;
 	}
 	_updateContext(e) {
-		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = mn(e, this._renderer.extensions), this._mapFormatToType = hn(e), this._mapFormatToFormat = pn(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 = hn(e, this._renderer.extensions), this._mapFormatToType = gn(e), this._mapFormatToFormat = mn(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 fn(t.createTexture());
+		let t = this._gl, n = new pn(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;
@@ -2750,7 +2750,7 @@ var xn = {
 	}
 	updateStyle(e, t = !1) {
 		let n = this._gl;
-		bn(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
+		xn(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);
@@ -2765,50 +2765,50 @@ var xn = {
 		let e = this._gl;
 		this._renderer.contextLost || this.glTextures.forEach((t) => e.deleteTexture(t.native)), this.textures.clear(), this.glTextures.clear(), this._location = 0, this.current.length = 0, this._premultiplyAlpha = !1, this._renderer.contextLost || e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this._premultiplyAlpha);
 	}
-}, Cn = {
-	uint8x2: N.UNSIGNED_BYTE,
-	uint8x4: N.UNSIGNED_BYTE,
-	sint8x2: N.BYTE,
-	sint8x4: N.BYTE,
-	unorm8x2: N.UNSIGNED_BYTE,
-	unorm8x4: N.UNSIGNED_BYTE,
-	snorm8x2: N.BYTE,
-	snorm8x4: N.BYTE,
-	uint16x2: N.UNSIGNED_SHORT,
-	uint16x4: N.UNSIGNED_SHORT,
-	sint16x2: N.SHORT,
-	sint16x4: N.SHORT,
-	unorm16x2: N.UNSIGNED_SHORT,
-	unorm16x4: N.UNSIGNED_SHORT,
-	snorm16x2: N.SHORT,
-	snorm16x4: N.SHORT,
-	float16x2: N.HALF_FLOAT,
-	float16x4: N.HALF_FLOAT,
-	float32: N.FLOAT,
-	float32x2: N.FLOAT,
-	float32x3: N.FLOAT,
-	float32x4: N.FLOAT,
-	uint32: N.UNSIGNED_INT,
-	uint32x2: N.UNSIGNED_INT,
-	uint32x3: N.UNSIGNED_INT,
-	uint32x4: N.UNSIGNED_INT,
-	sint32: N.INT,
-	sint32x2: N.INT,
-	sint32x3: N.INT,
-	sint32x4: N.INT
+}, wn = {
+	uint8x2: M.UNSIGNED_BYTE,
+	uint8x4: M.UNSIGNED_BYTE,
+	sint8x2: M.BYTE,
+	sint8x4: M.BYTE,
+	unorm8x2: M.UNSIGNED_BYTE,
+	unorm8x4: M.UNSIGNED_BYTE,
+	snorm8x2: M.BYTE,
+	snorm8x4: M.BYTE,
+	uint16x2: M.UNSIGNED_SHORT,
+	uint16x4: M.UNSIGNED_SHORT,
+	sint16x2: M.SHORT,
+	sint16x4: M.SHORT,
+	unorm16x2: M.UNSIGNED_SHORT,
+	unorm16x4: M.UNSIGNED_SHORT,
+	snorm16x2: M.SHORT,
+	snorm16x4: M.SHORT,
+	float16x2: M.HALF_FLOAT,
+	float16x4: M.HALF_FLOAT,
+	float32: M.FLOAT,
+	float32x2: M.FLOAT,
+	float32x3: M.FLOAT,
+	float32x4: M.FLOAT,
+	uint32: M.UNSIGNED_INT,
+	uint32x2: M.UNSIGNED_INT,
+	uint32x3: M.UNSIGNED_INT,
+	uint32x4: M.UNSIGNED_INT,
+	sint32: M.INT,
+	sint32x2: M.INT,
+	sint32x3: M.INT,
+	sint32x4: M.INT
 };
-function wn(e) {
-	return Cn[e] ?? Cn.float32;
+function Tn(e) {
+	return wn[e] ?? wn.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/geometry/GlGeometrySystem.ts
-var Tn = {
+var En = {
 	"point-list": 0,
 	"line-list": 1,
 	"line-strip": 3,
 	"triangle-list": 4,
 	"triangle-strip": 5
-}, En = class extends j {
+}, Dn = class extends A {
 	_geometryVaoHash = {};
 	hasInstance = !1;
 	current = null;
@@ -2847,11 +2847,11 @@ var Tn = {
 		}
 		for (let e in r) {
 			let t = r[e];
-			i[t.buffer.instanceId] += zt(t.format).stride;
+			i[t.buffer.instanceId] += Bt(t.format).stride;
 		}
 		for (let e in r) {
 			let t = r[e];
-			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += zt(t.format).stride;
+			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += Bt(t.format).stride;
 		}
 	}
 	_createVao(e, t) {
@@ -2886,7 +2886,7 @@ var Tn = {
 				a !== c && (r.bind(s), a = c);
 				let e = l.location;
 				n.enableVertexAttribArray(e);
-				let t = zt(o.format), i = wn(o.format);
+				let t = Bt(o.format), i = Tn(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);
@@ -2919,7 +2919,7 @@ var Tn = {
 		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 = Tn[t];
+		let s = En[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;
@@ -2940,7 +2940,7 @@ var Tn = {
 		}
 		this._geometryVaoHash = {}, this.current = null, this.currentVao = null;
 	}
-}, Dn = class extends j {
+}, On = class extends A {
 	install(e) {
 		super.install(e), e.colorMask = this;
 	}
@@ -2951,19 +2951,19 @@ var Tn = {
 };
 //#endregion
 //#region src/core/renderers/gl/GlScissorSystem.ts
-function On(e, t, n) {
+function kn(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 kn(e, t) {
+function An(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = [
-		On(e, n, r),
-		On(e, n + i, r),
-		On(e, n + i, r + a),
-		On(e, n, r + a)
+		kn(e, n, r),
+		kn(e, n + i, r),
+		kn(e, n + i, r + a),
+		kn(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,
@@ -2972,7 +2972,7 @@ function kn(e, t) {
 		height: f - d
 	};
 }
-var An = class extends j {
+var jn = class extends A {
 	install(e) {
 		super.install(e), e.scissor = this;
 	}
@@ -2999,28 +2999,28 @@ var An = 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 } = kn(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 } = An(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);
 	}
-}, jn = class extends yt {
+}, Mn = class extends bt {
 	contextLost = !1;
 	_systems = [
-		new Sn(),
-		new Tt(),
-		new Kt(),
-		new En(),
-		new ln(),
-		new Qt(),
-		new rn(),
+		new Cn(),
+		new Et(),
+		new qt(),
 		new Dn(),
-		new on(),
-		new An(),
+		new un(),
 		new $t(),
-		new sn()
+		new an(),
+		new On(),
+		new sn(),
+		new jn(),
+		new en(),
+		new cn()
 	];
 	bindPoints = /* @__PURE__ */ new Map();
 	supports = {
@@ -3032,9 +3032,9 @@ var An = class extends j {
 		msaa: !0,
 		nonPowOf2mipmaps: !0
 	};
-	constructor(e = Ye(), t) {
+	constructor(e = Xe(), t) {
 		if (super(), !e) throw Error("Failed to createHTMLCanvas");
-		qe(e) ? this._setupContext(e, t) : (this.gl = e, this.version = Je(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;
@@ -3114,8 +3114,8 @@ var An = class extends j {
 			height: this.screen.height * this.pixelRatio
 		});
 	}
-	clear(e = nn.all) {
-		typeof e == "boolean" && (e = e ? nn.all : nn.none), e && this.gl.clear(e);
+	clear(e = rn.all) {
+		typeof e == "boolean" && (e = e ? rn.all : rn.none), e && this.gl.clear(e);
 	}
 	reset() {
 		this._systems.forEach((e) => e.reset());
@@ -3132,7 +3132,7 @@ var An = class extends j {
 		for (let e = 0; e < i; e += a) c.set(s.subarray(e, e + a), o - e);
 		return c;
 	}
-}, Mn = class {}, Nn = class extends Mn {
+}, Nn = class {}, Pn = class extends Nn {
 	install(e) {
 		let t = async (e) => {
 			let { parseFont: t } = await import("modern-font");
@@ -3146,15 +3146,15 @@ var An = class extends j {
 			e.register(n, t);
 		}), e.font = this, this;
 	}
-}, Pn, Fn = class extends T {
+}, Fn, In = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.index }), O("design:type", typeof (Pn = A !== void 0 && A) == "function" ? Pn : Object)], Fn.prototype, "usage", void 0), k([_({ default: () => new Uint32Array() }), O("design:type", Object)], Fn.prototype, "data", void 0);
+O([_({ fallback: k.index }), D("design:type", typeof (Fn = k !== void 0 && k) == "function" ? Fn : Object)], In.prototype, "usage", void 0), O([_({ default: () => new Uint32Array() }), D("design:type", Object)], In.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/Geometry.ts
-var In, Ln, Rn = class extends T {
+var Ln, Rn, zn = class extends w {
 	constructor(e = {}) {
 		super(), this.setProperties(e);
 	}
@@ -3162,32 +3162,32 @@ var In, Ln, Rn = 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)], Rn.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof (In = typeof Record < "u" && Record) == "function" ? In : Object)], Rn.prototype, "attributes", void 0), k([_({ default: () => new Fn() }), O("design:type", typeof (Ln = Fn !== void 0 && Fn) == "function" ? Ln : Object)], Rn.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Rn.prototype, "instanceCount", void 0);
+O([_({ fallback: "triangle-list" }), D("design:type", Object)], zn.prototype, "topology", void 0), O([_({ default: () => ({}) }), D("design:type", typeof (Ln = typeof Record < "u" && Record) == "function" ? Ln : Object)], zn.prototype, "attributes", void 0), O([_({ default: () => new In() }), D("design:type", typeof (Rn = In !== void 0 && In) == "function" ? Rn : Object)], zn.prototype, "indexBuffer", void 0), O([_({ fallback: 1 }), D("design:type", Number)], zn.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
-var zn, P = class extends T {
+var Bn, N = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.vertex }), O("design:type", typeof (zn = A !== void 0 && A) == "function" ? zn : Object)], P.prototype, "usage", void 0), k([_({ default: () => new Float32Array() }), O("design:type", Object)], P.prototype, "data", void 0);
+O([_({ fallback: k.vertex }), D("design:type", typeof (Bn = k !== void 0 && k) == "function" ? Bn : Object)], N.prototype, "usage", void 0), O([_({ default: () => new Float32Array() }), D("design:type", Object)], N.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexAttribute.ts
-var Bn, F = class extends T {
+var Vn, P = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ default: () => new P() }), O("design:type", typeof (Bn = P !== void 0 && P) == "function" ? Bn : 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);
+O([_({ default: () => new N() }), D("design:type", typeof (Vn = N !== void 0 && N) == "function" ? Vn : Object)], P.prototype, "buffer", void 0), O([_({ fallback: "float32" }), D("design:type", Object)], P.prototype, "format", void 0), O([_(), D("design:type", Boolean)], P.prototype, "instance", void 0), O([_(), D("design:type", Number)], P.prototype, "stride", void 0), O([_(), D("design:type", Number)], P.prototype, "offset", void 0), O([_(), D("design:type", Number)], P.prototype, "start", void 0), O([_(), D("design:type", Number)], P.prototype, "divisor", void 0);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
-var Vn = class extends Rn {
+var Hn = class extends zn {
 	constructor() {
 		super({
 			topology: "triangle-strip",
-			attributes: { position: new F({
+			attributes: { position: new P({
 				format: "float32x2",
-				buffer: new P({ data: new Float32Array([
+				buffer: new N({ data: new Float32Array([
 					0,
 					0,
 					1,
@@ -3198,7 +3198,7 @@ var Vn = class extends Rn {
 					1
 				]) })
 			}) },
-			indexBuffer: new Fn({ data: new Uint32Array([
+			indexBuffer: new In({ data: new Uint32Array([
 				0,
 				1,
 				3,
@@ -3206,8 +3206,8 @@ var Vn = class extends Rn {
 			]) })
 		});
 	}
-}, Hn;
-function Un() {
+}, Un;
+function Wn() {
 	return {
 		projectionMatrix: new Float32Array([
 			1,
@@ -3239,13 +3239,13 @@ function Un() {
 		])
 	};
 }
-var I = class extends T {
+var F = class extends w {
 	static instance = new this();
 	glProgram;
 	constructor(e = {}) {
 		super();
 		let { uniforms: t, gl: n } = e;
-		t && (this.uniforms = t), this.glProgram = new Lt({
+		t && (this.uniforms = t), this.glProgram = new Rt({
 			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
@@ -3258,13 +3258,13 @@ var I = class extends T {
 		}, e.shader.updateUniforms(this);
 	}
 };
-k([_({ default: Un }), O("design:type", typeof (Hn = typeof Record < "u" && Record) == "function" ? Hn : Object)], I.prototype, "uniforms", void 0);
+O([_({ default: Wn }), D("design:type", typeof (Un = typeof Record < "u" && Record) == "function" ? Un : Object)], F.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
-var Wn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Gn = /vec(\d)\((.*)\)/;
-function Kn(e) {
+var Gn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Kn = /vec(\d)\((.*)\)/;
+function qn(e) {
 	e = e.trim();
-	let t = e.match(Gn);
+	let t = e.match(Kn);
 	if (t) {
 		let e = Array.from({ length: Number(t[1]) }, () => 0);
 		return t[2].split(",").forEach((t, n) => {
@@ -3273,7 +3273,7 @@ function Kn(e) {
 	}
 	return Number(e);
 }
-var qn = class e extends I {
+var Jn = class e extends F {
 	static RE = {
 		getColor: /\sgetColor\s*\(/,
 		getFromColor: /\sgetFromColor\s*\(/,
@@ -3309,12 +3309,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 				progress: 0
 			}
 		}), this.has = n;
-		let r = t.matchAll(Wn);
+		let r = t.matchAll(Gn);
 		for (let e of r) e[1] && e[2] && e[1].split(",").forEach((t) => {
-			this.uniforms[t.trim()] = Kn(e[2]);
+			this.uniforms[t.trim()] = qn(e[2]);
 		});
 	}
-}, Jn = class extends I {
+}, Yn = class extends F {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3358,20 +3358,20 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, L = class extends Rn {
+}, I = class extends zn {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
 	}
-	static draw(e, t = Jn.instance, n) {
+	static draw(e, t = Yn.instance, n) {
 		this.instance.draw(e, t, n);
 	}
 	constructor() {
 		super({
 			attributes: {
-				position: new F({
+				position: new P({
 					format: "float32x2",
-					buffer: new P({ data: new Float32Array([
+					buffer: new N({ data: new Float32Array([
 						-1,
 						-1,
 						1,
@@ -3382,9 +3382,9 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 						1
 					]) })
 				}),
-				uv: new F({
+				uv: new P({
 					format: "float32x2",
-					buffer: new P({ data: new Float32Array([
+					buffer: new N({ data: new Float32Array([
 						0,
 						0,
 						1,
@@ -3396,7 +3396,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					]) })
 				})
 			},
-			indexBuffer: new Fn({ data: new Uint32Array([
+			indexBuffer: new In({ data: new Uint32Array([
 				0,
 				1,
 				2,
@@ -3406,27 +3406,27 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			]) })
 		});
 	}
-}, Yn = class extends Rn {
+}, Xn = class extends zn {
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
-		let t = new P({ data: new Float32Array() }), n = new P({ data: new Float32Array() });
+		let t = new N({ data: new Float32Array() }), n = new N({ data: new Float32Array() });
 		super({
 			...e,
 			attributes: {
-				position: new F({
+				position: new P({
 					format: "float32x2",
 					buffer: t
 				}),
-				uv: new F({
+				uv: new P({
 					format: "float32x2",
 					buffer: n
 				})
 			},
-			indexBuffer: new Fn({ data: new Uint32Array() })
+			indexBuffer: new In({ data: new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
-}, R = class extends T {
+}, L = class extends w {
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -3440,10 +3440,10 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 		super._destroy(), this.colorTextures.forEach((e) => e.destroy());
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "isRoot", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "msaa", void 0), k([_({ default: () => [new z()] }), O("design:type", Array)], R.prototype, "colorTextures", void 0);
+O([_({ fallback: !1 }), D("design:type", Boolean)], L.prototype, "isRoot", void 0), O([_({ fallback: 0 }), D("design:type", Number)], L.prototype, "x", void 0), O([_({ fallback: 0 }), D("design:type", Number)], L.prototype, "y", void 0), O([_({ fallback: 0 }), D("design:type", Number)], L.prototype, "width", void 0), O([_({ fallback: 0 }), D("design:type", Number)], L.prototype, "height", void 0), O([_({ fallback: 0 }), D("design:type", Number)], L.prototype, "mipLevel", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], L.prototype, "msaa", void 0), O([_({ default: () => [new R()] }), D("design:type", Array)], L.prototype, "colorTextures", void 0);
 //#endregion
 //#region src/scene/resources/textures/Texture2D.ts
-var z = class extends T {
+var R = class extends w {
 	static get EMPTY() {
 		return new this({
 			width: 1,
@@ -3554,10 +3554,10 @@ var z = class extends T {
 		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);
+O([_({ fallback: "unknown" }), D("design:type", String)], R.prototype, "uploadMethodId", void 0), O([_({ internal: !0 }), D("design:type", Object)], R.prototype, "source", void 0), O([_({ fallback: 0 }), D("design:type", Number)], R.prototype, "width", void 0), O([_({ fallback: 0 }), D("design:type", Number)], R.prototype, "height", void 0), O([_({ fallback: 1 }), D("design:type", Number)], R.prototype, "pixelRatio", void 0), O([_({ fallback: "bgra8unorm" }), D("design:type", Object)], R.prototype, "format", void 0), O([_({ fallback: "premultiply-alpha-on-upload" }), D("design:type", Object)], R.prototype, "alphaMode", void 0), O([_({ fallback: 1 }), D("design:type", Number)], R.prototype, "mipLevelCount", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], R.prototype, "mipmap", void 0), O([_({ fallback: "clamp-to-edge" }), D("design:type", Object)], R.prototype, "addressModeU", void 0), O([_({ fallback: "clamp-to-edge" }), D("design:type", Object)], R.prototype, "addressModeV", void 0), O([_({ fallback: "clamp-to-edge" }), D("design:type", Object)], R.prototype, "addressModeW", void 0), O([_({ fallback: "linear" }), D("design:type", Object)], R.prototype, "magFilter", void 0), O([_({ fallback: "linear" }), D("design:type", Object)], R.prototype, "minFilter", void 0), O([_({ fallback: "linear" }), D("design:type", Object)], R.prototype, "mipmapFilter", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], R.prototype, "isPowerOfTwo", void 0);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var Xn = class extends T {
+var Zn = class extends w {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3567,7 +3567,7 @@ var Xn = class extends T {
 		super();
 		let t;
 		if (Array.isArray(e)) t = e;
-		else if (e instanceof z) t = [{
+		else if (e instanceof R) t = [{
 			texture: e,
 			duration: 0
 		}];
@@ -3582,7 +3582,7 @@ var Xn = class extends T {
 			e.texture.destroy();
 		});
 	}
-}, Zn = class extends z {
+}, Qn = class extends R {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
@@ -3602,14 +3602,14 @@ var Xn = class extends T {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, Qn = class e extends z {
+}, $n = class e extends R {
 	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,
@@ -3623,7 +3623,7 @@ var Xn = class extends T {
 			mipmap: !0
 		});
 	}
-}, $n = class e extends z {
+}, er = class e extends R {
 	static test(e) {
 		return u(e);
 	}
@@ -3647,7 +3647,7 @@ var Xn = class extends T {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, er = class extends z {
+}, tr = class extends R {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3657,7 +3657,7 @@ var Xn = class extends T {
 };
 //#endregion
 //#region src/scene/resources/textures/VideoTexture.ts
-function tr(e) {
+function nr(e) {
 	return {
 		autoLoad: !!(e?.autoLoad ?? !0),
 		autoPlay: !!(e?.autoPlay ?? !1),
@@ -3668,7 +3668,7 @@ function tr(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var nr = class e extends z {
+var rr = class e extends R {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3702,11 +3702,11 @@ var nr = class e extends z {
 	_reject;
 	_seekResolves = [];
 	constructor(t, n) {
-		let r = tr(n);
-		if (!Ge(t)) {
+		let r = nr(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", ""), Ze(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(";"));
@@ -3793,16 +3793,16 @@ var nr = class e extends z {
 		e && (e.removeEventListener("play", this._onPlayStart), e.removeEventListener("pause", this._onPlayStop), e.removeEventListener("seeked", this._onSeeked), e.removeEventListener("canplay", this._onCanPlay), e.removeEventListener("canplaythrough", this._onCanPlay), e.removeEventListener("error", this._onError, !0), e.pause(), e.src = "", e.load());
 	}
 };
-k([_({
+O([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], nr.prototype, "autoUpdate", void 0), k([_({
+}), D("design:type", Boolean)], rr.prototype, "autoUpdate", void 0), O([_({
 	internal: !0,
 	fallback: 0
-}), O("design:type", Number)], nr.prototype, "fps", void 0);
+}), D("design:type", Number)], rr.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var rr = class extends z {}, ir = class extends oe {
+var ir = class extends R {}, ar = class extends oe {
 	fillStyle;
 	strokeStyle;
 	strokeAlignment;
@@ -3814,7 +3814,7 @@ var rr = class extends z {}, ir = class extends oe {
 	transformVertex;
 	_draws = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof z ? { texture: e } : { texture: Qn.get(e) } : {};
+		return e ? e instanceof R ? { texture: e } : { texture: $n.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -3902,7 +3902,7 @@ var rr = class extends z {}, ir = class extends oe {
 	destroy() {
 		this.reset();
 	}
-}, ar = class {
+}, or = class {
 	front = [];
 	default = [];
 	back = [];
@@ -3945,7 +3945,7 @@ var rr = class extends z {}, ir = class extends oe {
 	toJSON() {
 		return [...this.default];
 	}
-}, or = class extends w {
+}, sr = class extends C {
 	parent;
 	getPropertyDeclarations() {
 		super.getPropertyDeclarations();
@@ -3964,22 +3964,22 @@ var rr = class extends z {}, ir = class extends oe {
 			deleteProperty: (e, t) => Reflect.has(e, t) || String(t).startsWith("_") ? Reflect.deleteProperty(e, t) : (e.setProperty(String(t), void 0), !0)
 		});
 	}
-}, sr, cr, lr = {};
-function ur(e) {
-	let t = lr[e] ?? 0;
-	return t++, lr[e] = t, t;
+}, cr, lr, ur = {};
+function dr(e) {
+	let t = ur[e] ?? 0;
+	return t++, ur[e] = t, t;
 }
-var B = cr = class extends w {
+var z = lr = 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 ((me.get(n ?? r.inCanvasIs ?? t)) ?? cr)({
+		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((me.get(n ?? r.inCanvasIs ?? t)) ?? lr)({
 			...a,
 			meta: r
 		});
 		return i?.forEach((e) => o.appendChild(this.parse(e))), o;
 	}
 	_mask;
-	_meta = new or(this);
+	_meta = new sr(this);
 	get meta() {
 		return this._meta;
 	}
@@ -4002,7 +4002,7 @@ var B = cr = 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}@${ur(this.is)}`;
+		return `@${this.is}@${dr(this.is)}`;
 	}
 	setProperties(e) {
 		if (e) {
@@ -4069,7 +4069,7 @@ var B = cr = class extends w {
 		}
 		return this;
 	}
-	_children = new ar();
+	_children = new or();
 	get children() {
 		return this._children.default;
 	}
@@ -4226,7 +4226,7 @@ var B = cr = class extends w {
 	append(...e) {
 		let t;
 		t = Array.isArray(e[0]) ? e[0] : e, t.forEach((e) => {
-			e instanceof cr ? this.appendChild(e) : this.appendChild(cr.parse(e));
+			e instanceof lr ? this.appendChild(e) : this.appendChild(lr.parse(e));
 		});
 	}
 	before(...e) {
@@ -4329,13 +4329,13 @@ var B = cr = 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([_({
+O([_({ default: () => c() }), D("design:type", String)], z.prototype, "id", void 0), O([_({ default: () => c() }), D("design:type", String)], z.prototype, "name", void 0), O([_({ fallback: "inherit" }), D("design:type", Object)], z.prototype, "processMode", void 0), O([_({ fallback: "default" }), D("design:type", Object)], z.prototype, "processSortMode", void 0), O([_({ fallback: "inherit" }), D("design:type", Object)], z.prototype, "renderMode", void 0), O([_({ fallback: "inherit" }), D("design:type", Object)], z.prototype, "inputMode", void 0), O([_({ fallback: "default" }), D("design:type", Object)], z.prototype, "internalMode", void 0), O([_({
 	internal: !0,
 	default: !0
-}), O("design:type", Boolean)], B.prototype, "needsRender", void 0), B = cr = k([x("Node"), O("design:paramtypes", [typeof (sr = typeof Partial < "u" && Partial) == "function" ? sr : Object, Array])], B);
+}), D("design:type", Boolean)], z.prototype, "needsRender", void 0), z = lr = O([x("Node"), D("design:paramtypes", [typeof (cr = typeof Partial < "u" && Partial) == "function" ? cr : Object, Array])], z);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
-var dr, V = class extends B {
+var fr, B = class extends z {
 	insideTimeRange = !1;
 	get _timeline() {
 		return this._tree?.timeline;
@@ -4366,7 +4366,7 @@ var dr, V = class extends B {
 		return this._globalStartTime + this._globalDuration;
 	}
 	get currentTimeProgress() {
-		return this._duration ? dt(this._currentTime / this._duration, 0, 1) : 0;
+		return this._duration ? ft(this._currentTime / this._duration, 0, 1) : 0;
 	}
 	isInsideTimeRange() {
 		let e = this._currentTime;
@@ -4406,10 +4406,10 @@ var dr, 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 (dr = typeof Partial < "u" && Partial) == "function" ? dr : Object, Array])], V);
+O([_({ fallback: !1 }), D("design:type", Boolean)], B.prototype, "loop", void 0), O([_({ fallback: 0 }), D("design:type", Number)], B.prototype, "delay", void 0), O([_({ fallback: 0 }), D("design:type", Number)], B.prototype, "duration", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], B.prototype, "paused", void 0), B = O([x("TimelineNode"), D("design:paramtypes", [typeof (fr = typeof Partial < "u" && Partial) == "function" ? fr : Object, Array])], B);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
-var fr, pr = class extends V {
+var pr, mr = class extends B {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4427,7 +4427,7 @@ var fr, pr = class extends V {
 		255,
 		255
 	];
-	context = new ir();
+	context = new ar();
 	_resetContext = !0;
 	needsDraw = !0;
 	needsLayout = !1;
@@ -4489,7 +4489,7 @@ var fr, pr = class extends V {
 	}
 	_updateGlobalOpacity() {
 		this._parentGlobalOpacity = this.getParent()?.opacity;
-		let e = dt(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
+		let e = ft(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
 		this._globalOpacity !== e && (this._globalOpacity = e, this._updateModulate(), this.requestPaint(), this.updateRenderable());
 	}
 	_draw() {
@@ -4554,7 +4554,7 @@ var fr, pr = 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 rr && (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 ir && (a = this._handleViewportTexture(i)), e.batch2D.render({
 			...i,
 			roundPixels: n,
 			size: t ? i.size : void 0,
@@ -4566,19 +4566,19 @@ var fr, pr = class extends V {
 		super._destroy(), this.context.destroy(), this._drawBatchables = [], this._layoutBatchables = [], this._batchables = [];
 	}
 };
-k([_(), O("design:type", Object)], pr.prototype, "blendMode", void 0), k([_({
+O([_(), D("design:type", Object)], mr.prototype, "blendMode", void 0), O([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], pr.prototype, "visible", void 0), k([_({
+}), D("design:type", Boolean)], mr.prototype, "visible", void 0), O([_({
 	internal: !0,
 	fallback: 1
-}), O("design:type", Number)], pr.prototype, "opacity", void 0), pr = k([x("CanvasItem"), O("design:paramtypes", [typeof (fr = typeof Partial < "u" && Partial) == "function" ? fr : Object, Array])], pr);
+}), D("design:type", Number)], mr.prototype, "opacity", void 0), mr = O([x("CanvasItem"), D("design:paramtypes", [typeof (pr = typeof Partial < "u" && Partial) == "function" ? pr : Object, Array])], mr);
 //#endregion
 //#region src/scene/main/Viewport.ts
-var H = class extends B {
+var V = class extends z {
 	canvasTransform = new v();
 	renderTargetIndex = 0;
-	renderTargets = [new R(), new R()];
+	renderTargets = [new L(), new L()];
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -4625,7 +4625,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, Jn.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), I.draw(e, Yn.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -4638,7 +4638,7 @@ var H = class extends B {
 		this.renderStart(e), super.render(e, t), this.renderEnd(e, n);
 	}
 	getRect() {
-		return new ct(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);
@@ -4650,16 +4650,16 @@ var H = class extends B {
 		super._destroy(), this.canvasTransform.destroy(), this.renderTargets.forEach((e) => e.destroy());
 	}
 };
-k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], H.prototype, "msaa", void 0), H = k([x("Viewport")], H);
+O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "x", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "y", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "width", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "height", void 0), O([_({ fallback: 0 }), D("design:type", Number)], V.prototype, "mipLevel", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], V.prototype, "msaa", void 0), V = O([x("Viewport")], V);
 //#endregion
 //#region src/scene/main/Effect.ts
-var mr, U = class extends V {
+var hr, H = class extends B {
 	material;
 	get _effectMode() {
 		return this.effectMode ?? "parent";
 	}
-	viewport1 = new H();
-	viewport2 = new H();
+	viewport1 = new V();
+	viewport2 = new V();
 	_renderId = 0;
 	_renderViewport;
 	_previousSibling;
@@ -4676,7 +4676,7 @@ var mr, U = class extends V {
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
 			case "glsl": {
-				let e = new qn(t);
+				let e = new Jn(t);
 				!this.effectMode && e.has.transition && (this.effectMode = "transition"), this.material = e;
 				break;
 			}
@@ -4711,7 +4711,7 @@ var mr, U = class extends V {
 		}
 	}
 	getRect() {
-		return new ct(this._rect);
+		return new lt(this._rect);
 	}
 	_processParent() {
 		let e = this._tree?.renderStack;
@@ -4864,13 +4864,13 @@ var mr, U = class extends V {
 	}
 	apply(e, t, n) {
 		this.material && (n?.redraw ? t.redraw(e, () => {
-			L.draw(e, this.material, {
+			I.draw(e, this.material, {
 				from: 0,
 				to: 1,
 				progress: this.currentTimeProgress,
 				ratio: t.width / t.height
 			});
-		}) : L.draw(e, this.material, {
+		}) : I.draw(e, this.material, {
 			from: 0,
 			to: 1,
 			progress: this.currentTimeProgress,
@@ -4881,10 +4881,10 @@ var mr, 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 (mr = typeof Partial < "u" && Partial) == "function" ? mr : Object, Array])], U);
+O([_({ internal: !0 }), D("design:type", Object)], H.prototype, "material", void 0), O([_(), D("design:type", Object)], H.prototype, "effectMode", void 0), O([_(), D("design:type", String)], H.prototype, "glsl", void 0), O([_(), D("design:type", String)], H.prototype, "glslSrc", void 0), H = O([x("Effect"), D("design:paramtypes", [typeof (hr = typeof Partial < "u" && Partial) == "function" ? hr : Object, Array])], H);
 //#endregion
 //#region src/scene/main/RenderStack.ts
-var hr = class {
+var gr = class {
 	currentCall;
 	calls = [];
 	createCall(e) {
@@ -4906,11 +4906,11 @@ var hr = class {
 			});
 		}), this.calls = [];
 	}
-}, gr, _r, vr = _r = class extends B {
+}, _r, vr, yr = vr = class extends z {
 	currentTime = 0;
 	static from(e, t = !1) {
 		let [n, r] = e ? Array.isArray(e) ? e : [0, e] : [];
-		return new _r({
+		return new vr({
 			startTime: n,
 			endTime: r,
 			loop: t
@@ -4928,16 +4928,16 @@ var hr = 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 = dt(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
+		return r += e, this.loop && r > t && (r = n + r % t), r = ft(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)], vr.prototype, "startTime", void 0), k([_({ fallback: 2 ** 53 - 1 }), O("design:type", Number)], vr.prototype, "endTime", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], vr.prototype, "loop", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], vr.prototype, "paused", void 0), vr = _r = k([x("Timeline"), O("design:paramtypes", [typeof (gr = typeof Partial < "u" && Partial) == "function" ? gr : Object])], vr);
+O([_({ fallback: 0 }), D("design:type", Number)], yr.prototype, "startTime", void 0), O([_({ fallback: 2 ** 53 - 1 }), D("design:type", Number)], yr.prototype, "endTime", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], yr.prototype, "loop", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], yr.prototype, "paused", void 0), yr = vr = O([x("Timeline"), D("design:paramtypes", [typeof (_r = typeof Partial < "u" && Partial) == "function" ? _r : Object])], yr);
 //#endregion
 //#region src/scene/main/Window.ts
-var yr = class extends H {
+var br = class extends V {
 	constructor() {
 		super(), this.renderTargets.forEach((e) => e.isRoot = !0);
 	}
@@ -4948,19 +4948,19 @@ var yr = class extends H {
 		super.flush(e), this.finish(e);
 	}
 };
-yr = k([x("Window", {
+br = O([x("Window", {
 	processMode: "always",
 	renderMode: "always"
-}), O("design:paramtypes", [])], yr);
+}), D("design:paramtypes", [])], br);
 //#endregion
 //#region src/scene/main/SceneTree.ts
-var br = class extends ht {
-	input = new ot();
-	renderStack = new hr();
-	root = new yr().setTree(this);
-	timeline = new vr().setTree(this);
+var U = class extends gt {
+	input = new st();
+	renderStack = new gr();
+	root = new br().setTree(this);
+	timeline = new yr().setTree(this);
 	nodeMap = /* @__PURE__ */ new Map();
-	_backgroundColor = new E();
+	_backgroundColor = new T();
 	_previousViewport;
 	_currentViewport;
 	getPreviousViewport() {
@@ -5004,36 +5004,36 @@ var br = class extends ht {
 	_renderScreen(e) {
 		this.root.finish(e), e.state.reset(), e.renderTarget.unbind(), this.backgroundColor && e.gl.clearColor(...this._backgroundColor.toArray()), e.clear(), this.backgroundColor && e.gl.clearColor(0, 0, 0, 0);
 		let t = this.root.texture;
-		t.activate(e, 0), L.draw(e), t.inactivate(e);
+		t.activate(e, 0), I.draw(e), t.inactivate(e);
 	}
 	_destroy() {
 		super._destroy(), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-k([_({ alias: "root.msaa" }), O("design:type", Boolean)], br.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], br.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], br.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], br.prototype, "backgroundColor", void 0), k([_({
+O([_({ alias: "root.msaa" }), D("design:type", Boolean)], U.prototype, "msaa", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], U.prototype, "pixelate", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], U.prototype, "roundPixels", void 0), O([_(), D("design:type", Object)], U.prototype, "backgroundColor", void 0), O([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], br.prototype, "debug", void 0), k([_({
+}), D("design:type", Boolean)], U.prototype, "debug", void 0), O([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], br.prototype, "processPaused", void 0), k([_({
+}), D("design:type", Boolean)], U.prototype, "processPaused", void 0), O([_({
 	internal: !0,
 	default: () => de
-}), O("design:type", Object)], br.prototype, "fonts", void 0);
+}), D("design:type", Object)], U.prototype, "fonts", void 0);
 //#endregion
 //#region src/scene/main/Transition.ts
-var xr, Sr = class extends U {
+var xr, Sr = class extends H {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 };
-Sr = k([x("Transition", {
+Sr = O([x("Transition", {
 	effectMode: "transition",
 	duration: 2e3
-}), O("design:paramtypes", [typeof (xr = typeof Partial < "u" && Partial) == "function" ? xr : Object, Array])], Sr);
+}), D("design:paramtypes", [typeof (xr = typeof Partial < "u" && Partial) == "function" ? xr : Object, Array])], Sr);
 //#endregion
 //#region src/scene/2d/Node2D.ts
-var Cr, wr = class extends pr {
+var Cr, wr = class extends mr {
 	rotation = 0;
 	position = new y(0, 0, () => this.updateGlobalTransform());
 	scale = new y(1, 1, () => this.updateGlobalTransform());
@@ -5085,7 +5085,7 @@ var Cr, wr = class extends pr {
 		super._destroy(), this.position.destroy(), this.scale.destroy(), this.skew.destroy(), this.pivot.destroy(), this.extraTransform.destroy(), this.transform.destroy(), this.globalPosition.destroy(), this.globalScale.destroy(), this.globalSkew.destroy(), this.globalTransform.destroy();
 	}
 };
-wr = k([x("Node2D"), O("design:paramtypes", [typeof (Cr = typeof Partial < "u" && Partial) == "function" ? Cr : Object, Array])], wr);
+wr = O([x("Node2D"), D("design:paramtypes", [typeof (Cr = typeof Partial < "u" && Partial) == "function" ? Cr : Object, Array])], wr);
 //#endregion
 //#region src/scene/2d/Camera2D.ts
 var Tr, Er = class extends wr {
@@ -5129,7 +5129,7 @@ var Tr, Er = class extends wr {
 		return this.setZoom(this._zoom.x + e, this._zoom.y + t);
 	}
 	setZoom(e, t = e) {
-		return this._zoom.set(dt(e, this._minZoom.x, this._maxZoom.x), dt(t, this._minZoom.y, this._maxZoom.y)), this;
+		return this._zoom.set(ft(e, this._minZoom.x, this._maxZoom.x), ft(t, this._minZoom.y, this._maxZoom.y)), this;
 	}
 	setZoomAtOrigin(e, t, n) {
 		let r;
@@ -5202,7 +5202,7 @@ var Tr, Er = class extends wr {
 		});
 	}
 	_getZoomByWheel(e, t) {
-		let n = e.ctrlKey && He ? 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() {
@@ -5232,19 +5232,104 @@ var Tr, Er = class extends wr {
 		};
 	}
 };
-k([_({
+O([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Er.prototype, "spaceKey", void 0), k([_({
+}), D("design:type", Boolean)], Er.prototype, "spaceKey", void 0), O([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Er.prototype, "grabbing", void 0), Er = k([x("Camera2D", {
+}), D("design:type", Boolean)], Er.prototype, "grabbing", void 0), Er = O([x("Camera2D", {
 	processMode: "disabled",
 	renderMode: "disabled"
-}), O("design:paramtypes", [typeof (Tr = typeof Partial < "u" && Partial) == "function" ? Tr : Object, Array])], Er);
+}), D("design:paramtypes", [typeof (Tr = typeof Partial < "u" && Partial) == "function" ? Tr : Object, Array])], Er);
+//#endregion
+//#region src/scene/2d/element/connectionRouter.ts
+function Dr(e, t) {
+	return Math.abs(e) >= Math.abs(t) ? {
+		x: Math.sign(e) || 1,
+		y: 0
+	} : {
+		x: 0,
+		y: Math.sign(t) || 1
+	};
+}
+function Or(e, t, n, r = {}) {
+	let i = t.point, a = n.point, o = new oe();
+	switch (e) {
+		case "curved": {
+			let e = t.dir ?? Dr(a.x - i.x, a.y - i.y), s = n.dir ?? Dr(i.x - a.x, i.y - a.y), c = Math.hypot(a.x - i.x, a.y - i.y), l = Math.max((r.stub ?? 16) * 2, c * .4), u = i.x + e.x * l, d = i.y + e.y * l, f = a.x + s.x * l, p = a.y + s.y * l;
+			for (let e = 0; e <= 32; e++) {
+				let t = e / 32, n = 1 - t, r = n * n * n, s = 3 * n * n * t, c = 3 * n * t * t, l = t * t * t, m = r * i.x + s * u + c * f + l * a.x, h = r * i.y + s * d + c * p + l * a.y;
+				e === 0 ? o.moveTo(m, h) : o.lineTo(m, h);
+			}
+			break;
+		}
+		case "orthogonal": {
+			let e = Ar(t, n, r);
+			for (let t = 0; t < e.length; t++) t === 0 ? o.moveTo(e[t].x, e[t].y) : o.lineTo(e[t].x, e[t].y);
+			break;
+		}
+		default:
+			o.moveTo(i.x, i.y).lineTo(a.x, a.y);
+			break;
+	}
+	return o;
+}
+function kr(e) {
+	return Dr(e.x, e.y);
+}
+function Ar(e, t, n) {
+	let r = e.point, i = t.point, a = n.stub ?? 16, o = kr(e.dir ?? Dr(i.x - r.x, i.y - r.y)), s = kr(t.dir ?? Dr(r.x - i.x, r.y - i.y)), c = {
+		x: r.x + o.x * a,
+		y: r.y + o.y * a
+	}, l = {
+		x: i.x + s.x * a,
+		y: i.y + s.y * a
+	}, u = [{
+		x: r.x,
+		y: r.y
+	}, c], d = o.y === 0, f = s.y === 0;
+	if (d && f) {
+		let e = (c.x + l.x) / 2;
+		u.push({
+			x: e,
+			y: c.y
+		}, {
+			x: e,
+			y: l.y
+		});
+	} else if (!d && !f) {
+		let e = (c.y + l.y) / 2;
+		u.push({
+			x: c.x,
+			y: e
+		}, {
+			x: l.x,
+			y: e
+		});
+	} else d ? u.push({
+		x: l.x,
+		y: c.y
+	}) : u.push({
+		x: c.x,
+		y: l.y
+	});
+	return u.push(l, {
+		x: i.x,
+		y: i.y
+	}), jr(u);
+}
+function jr(e) {
+	let t = [];
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n], i = t[t.length - 1];
+		(!i || Math.abs(i.x - r.x) > .001 || Math.abs(i.y - r.y) > .001) && t.push(r);
+	}
+	return t;
+}
 //#endregion
 //#region src/css/parseCssFilter.ts
-var Dr = {
+var Mr = {
 	brightness: 1,
 	contrast: 1,
 	grayscale: 0,
@@ -5254,12 +5339,12 @@ var Dr = {
 	saturate: 1,
 	sepia: 0
 };
-function Or(e) {
-	let t = new ft();
+function Nr(e) {
+	let t = new pt();
 	if (e === "none") return t;
 	let n = Te(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
-	Object.keys(Dr).forEach((e) => {
-		n[e] = n[e] ?? Dr[e];
+	Object.keys(Mr).forEach((e) => {
+		n[e] = n[e] ?? Mr[e];
 	});
 	for (let e in n) {
 		let r = n[e];
@@ -5294,7 +5379,7 @@ function Or(e) {
 }
 //#endregion
 //#region src/css/parseCssTransformOrigin.ts
-function kr(e) {
+function Pr(e) {
 	let [t, n = t] = e.split(" ");
 	return [t, n].map((e) => {
 		switch (e = e.trim(), e) {
@@ -5309,11 +5394,11 @@ function kr(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Ar, jr, W = class extends U {
+var Fr, Ir, W = class extends H {
 	static {
-		jr = this;
+		Ir = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform float gamma;\nuniform float contrast;\nuniform float saturation;\nuniform float brightness;\nuniform float red;\nuniform float green;\nuniform float blue;\nuniform float alpha;\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n      c.rgb /= c.a;\n      vec3 rgb = pow(c.rgb, vec3(1. / gamma));\n      rgb = mix(vec3(.5), mix(vec3(dot(vec3(.2125, .7154, .0721), rgb)), rgb, saturation), contrast);\n      rgb.r *= red;\n      rgb.g *= green;\n      rgb.b *= blue;\n      c.rgb = rgb * brightness;\n      c.rgb *= c.a;\n  }\n  gl_FragColor = c * alpha;\n}"
 	} });
@@ -5322,7 +5407,7 @@ var Ar, jr, W = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, jr.material, {
+			I.draw(e, Ir.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5336,18 +5421,18 @@ var Ar, jr, 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 = jr = k([x("ColorAdjustEffect"), O("design:paramtypes", [typeof (Ar = typeof Partial < "u" && Partial) == "function" ? Ar : Object, Array])], W);
+O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "saturation", void 0), O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "contrast", void 0), O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "brightness", void 0), O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "red", void 0), O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "green", void 0), O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "blue", void 0), O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "alpha", void 0), O([_({ fallback: 1 }), D("design:type", Number)], W.prototype, "gamma", void 0), W = Ir = O([x("ColorAdjustEffect"), D("design:paramtypes", [typeof (Fr = typeof Partial < "u" && Partial) == "function" ? Fr : Object, Array])], W);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var Mr, Nr, Pr = class extends U {
+var Lr, Rr, zr = class extends H {
 	static {
-		Nr = this;
+		Rr = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		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 ft();
+	_colorMatrix = new pt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5391,25 +5476,25 @@ var Mr, Nr, Pr = class extends U {
 					break;
 			}
 		}), t.redraw(e, () => {
-			L.draw(e, Nr.material, {
+			I.draw(e, Rr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-k([_(), O("design:type", String)], Pr.prototype, "filter", void 0), Pr = Nr = k([x("ColorFilterEffect"), O("design:paramtypes", [typeof (Mr = typeof Partial < "u" && Partial) == "function" ? Mr : Object, Array])], Pr);
+O([_(), D("design:type", String)], zr.prototype, "filter", void 0), zr = Rr = O([x("ColorFilterEffect"), D("design:paramtypes", [typeof (Lr = typeof Partial < "u" && Partial) == "function" ? Lr : Object, Array])], zr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var Fr, Ir, Lr = 50, Rr = class extends U {
+var Br, Vr, Hr = 50, Ur = class extends H {
 	static {
-		Ir = this;
+		Vr = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${Lr}];
+uniform vec4 colors[${Hr}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -5418,7 +5503,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${Lr}; i++) {
+    for (int i = 0; i < ${Hr}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -5430,7 +5515,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${Lr}; i++){
+  for(int i=0; i<${Hr}; i++){
     if(i==index){
         return colors[i];
     }
@@ -5445,7 +5530,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);
 	}
@@ -5456,31 +5541,31 @@ void main(void) {
 				let t = this._color.toArray();
 				return t[3] = this.alpha, t;
 			});
-			for (; t.length < Lr;) t.push([
+			for (; t.length < Hr;) t.push([
 				0,
 				0,
 				0,
 				0
 			]);
-			L.draw(e, Ir.material, {
+			I.draw(e, Vr.material, {
 				sampler: 0,
-				colors: t.slice(0, Lr).flatMap((e) => e)
+				colors: t.slice(0, Hr).flatMap((e) => e)
 			});
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Rr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Rr.prototype, "alpha", void 0), Rr = Ir = k([x("ColorOverlayEffect"), O("design:paramtypes", [typeof (Fr = typeof Partial < "u" && Partial) == "function" ? Fr : Object, Array])], Rr);
+O([_({ default: () => [] }), D("design:type", Array)], Ur.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], Ur.prototype, "alpha", void 0), Ur = Vr = O([x("ColorOverlayEffect"), D("design:paramtypes", [typeof (Br = typeof Partial < "u" && Partial) == "function" ? Br : Object, Array])], Ur);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var zr, Br, Vr = class extends U {
+var Wr, Gr, Kr = class extends H {
 	static {
-		Br = this;
+		Gr = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\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);
 	}
@@ -5494,7 +5579,7 @@ var zr, Br, Vr = 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, Br.material, {
+			I.draw(e, Gr.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5502,19 +5587,19 @@ var zr, Br, Vr = class extends U {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Vr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Vr.prototype, "epsilon", void 0), Vr = Br = k([x("ColorRemoveEffect"), O("design:paramtypes", [typeof (zr = typeof Partial < "u" && Partial) == "function" ? zr : Object, Array])], Vr);
+O([_({ default: () => [] }), D("design:type", Array)], Kr.prototype, "colors", void 0), O([_({ fallback: .5 }), D("design:type", Number)], Kr.prototype, "epsilon", void 0), Kr = Gr = O([x("ColorRemoveEffect"), D("design:paramtypes", [typeof (Wr = typeof Partial < "u" && Partial) == "function" ? Wr : Object, Array])], Kr);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var Hr, Ur, Wr = 50, Gr = class extends U {
+var qr, Jr, Yr = 50, Xr = class extends H {
 	static {
-		Ur = this;
+		Jr = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${Wr};
+const int MAX_COLORS = ${Yr};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -5542,7 +5627,7 @@ void main(void) {
   }
 }`
 	} });
-	_color = new E();
+	_color = new T();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5551,8 +5636,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(Wr * 3), a = new Float32Array(Wr * 3);
-		for (; n.length < Wr;) n.push([[
+		}), r = this.epsilon, i = new Float32Array(Yr * 3), a = new Float32Array(Yr * 3);
+		for (; n.length < Yr;) n.push([[
 			-1,
 			0,
 			0
@@ -5562,10 +5647,10 @@ void main(void) {
 			0,
 			1
 		]]);
-		n.slice(0, Wr).forEach(([e, t], n) => {
+		n.slice(0, Yr).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, Ur.material, {
+			I.draw(e, Jr.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5574,17 +5659,17 @@ void main(void) {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Gr.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], Gr.prototype, "epsilon", void 0), Gr = Ur = k([x("ColorReplaceEffect"), O("design:paramtypes", [typeof (Hr = typeof Partial < "u" && Partial) == "function" ? Hr : Object, Array])], Gr);
+O([_({ default: () => [] }), D("design:type", Array)], Xr.prototype, "colors", void 0), O([_({ fallback: .05 }), D("design:type", Number)], Xr.prototype, "epsilon", void 0), Xr = Jr = O([x("ColorReplaceEffect"), D("design:paramtypes", [typeof (qr = typeof Partial < "u" && Partial) == "function" ? qr : Object, Array])], Xr);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var Kr = "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", qr, Jr, G = class extends U {
+var Zr = "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", Qr, $r, G = class extends H {
 	static {
-		Jr = this;
+		$r = this;
 	}
 	_watermark;
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position.xy, 0.0, 1.0);\n  vUv = uv;\n}",
-		fragment: Kr
+		fragment: Zr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5608,7 +5693,7 @@ var Kr = "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, Jr.material, {
+			I.draw(e, $r.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5632,20 +5717,20 @@ var Kr = "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 = Jr = k([x("DrawboardEffect"), O("design:paramtypes", [typeof (qr = typeof Partial < "u" && Partial) == "function" ? qr : Object, Array])], G);
+O([_({ fallback: !1 }), D("design:type", Boolean)], G.prototype, "checkerboard", void 0), O([_({ fallback: "grid" }), D("design:type", Object)], G.prototype, "checkerboardStyle", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], G.prototype, "pixelGrid", void 0), O([_(), D("design:type", String)], G.prototype, "watermark", void 0), O([_({ fallback: 100 }), D("design:type", Number)], G.prototype, "watermarkWidth", void 0), O([_({ fallback: .05 }), D("design:type", Number)], G.prototype, "watermarkAlpha", void 0), O([_({ fallback: .5236 }), D("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = $r = O([x("DrawboardEffect"), D("design:paramtypes", [typeof (Qr = typeof Partial < "u" && Partial) == "function" ? Qr : Object, Array])], G);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var Yr, Xr, Zr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void) {\n  gl_FragColor = vec4(0.0);\n  float flag = 0.0;\n  for (int i = 0; i < 9; i++) {\n   vec2 uv = vUv[i];\n   if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n     flag = 1.0;\n     break;\n   }\n  }\n  if (flag == 1.0) {\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n  } else {\n    gl_FragColor += texture2D(sampler, vUv[0]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[1]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[2]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[3]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[5]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[6]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[7]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;\n  }\n}", Qr = class extends U {
+var ei, ti, ni = "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}", ri = class extends H {
 	static {
-		Xr = this;
+		ti = this;
 	}
-	static materialX = new I({ gl: {
+	static materialX = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(-4.0 * uStrength, 0.0);\n  vUv[1] = uv + vec2(-3.0 * uStrength, 0.0);\n  vUv[2] = uv + vec2(-2.0 * uStrength, 0.0);\n  vUv[3] = uv + vec2(-1.0 * uStrength, 0.0);\n  vUv[4] = uv + vec2(0.0 * uStrength, 0.0);\n  vUv[5] = uv + vec2(1.0 * uStrength, 0.0);\n  vUv[6] = uv + vec2(2.0 * uStrength, 0.0);\n  vUv[7] = uv + vec2(3.0 * uStrength, 0.0);\n  vUv[8] = uv + vec2(4.0 * uStrength, 0.0);\n}",
-		fragment: Zr
+		fragment: ni
 	} });
-	static materialY = new I({ gl: {
+	static materialY = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(0.0, -4.0 * uStrength);\n  vUv[1] = uv + vec2(0.0, -3.0 * uStrength);\n  vUv[2] = uv + vec2(0.0, -2.0 * uStrength);\n  vUv[3] = uv + vec2(0.0, -1.0 * uStrength);\n  vUv[4] = uv + vec2(0.0, 0.0 * uStrength);\n  vUv[5] = uv + vec2(0.0, 1.0 * uStrength);\n  vUv[6] = uv + vec2(0.0, 2.0 * uStrength);\n  vUv[7] = uv + vec2(0.0, 3.0 * uStrength);\n  vUv[8] = uv + vec2(0.0, 4.0 * uStrength);\n}",
-		fragment: Zr
+		fragment: ni
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5653,39 +5738,39 @@ var Yr, Xr, Zr = "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, Xr.materialX, {
+			I.draw(e, ti.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			L.draw(e, Xr.materialY, {
+			I.draw(e, ti.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], Qr.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], Qr.prototype, "quality", void 0), Qr = Xr = k([x("GaussianBlurEffect"), O("design:paramtypes", [typeof (Yr = typeof Partial < "u" && Partial) == "function" ? Yr : Object, Array])], Qr);
+O([_({ fallback: 4 }), D("design:type", Number)], ri.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], ri.prototype, "quality", void 0), ri = ti = O([x("GaussianBlurEffect"), D("design:paramtypes", [typeof (ei = typeof Partial < "u" && Partial) == "function" ? ei : Object, Array])], ri);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var $r, ei, ti = class extends U {
+var ii, ai, oi = class extends H {
 	static {
-		ei = this;
+		ai = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float uAlpha;\nuniform vec3 uColor;\nuniform vec2 uOffset;\nuniform vec4 uInputSize;\n\nvoid main(void) {\n  vec4 sample = texture2D(sampler, vUv + uOffset * uInputSize.zw);\n  sample.rgb = uColor.rgb * sample.a;\n  sample *= uAlpha;\n  gl_FragColor = sample;\n}"
 	} });
-	blurEffect = new Qr();
-	viewport3 = new H();
-	_color = new E();
+	blurEffect = new ri();
+	viewport3 = new V();
+	_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, ei.material, {
+			this._color.value = this.color, I.draw(e, ai.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -5698,18 +5783,18 @@ var $r, ei, ti = 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, Jn.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, Jn.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), I.draw(e, Yn.instance, { sampler: 1 }), this.shadowOnly || I.draw(e, Yn.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
-k([_({ fallback: "#000000FF" }), O("design:type", Object)], ti.prototype, "color", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ti.prototype, "blur", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ti.prototype, "offsetX", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ti.prototype, "offsetY", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], ti.prototype, "shadowOnly", void 0), ti = ei = k([x("DropShadowEffect"), O("design:paramtypes", [typeof ($r = typeof Partial < "u" && Partial) == "function" ? $r : Object, Array])], ti);
+O([_({ fallback: "#000000FF" }), D("design:type", Object)], oi.prototype, "color", void 0), O([_({ fallback: 4 }), D("design:type", Number)], oi.prototype, "blur", void 0), O([_({ fallback: 4 }), D("design:type", Number)], oi.prototype, "offsetX", void 0), O([_({ fallback: 4 }), D("design:type", Number)], oi.prototype, "offsetY", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], oi.prototype, "shadowOnly", void 0), oi = ai = O([x("DropShadowEffect"), D("design:paramtypes", [typeof (ii = typeof Partial < "u" && Partial) == "function" ? ii : Object, Array])], oi);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var ni, ri, ii = class extends U {
+var si, ci, li = class extends H {
 	static {
-		ri = this;
+		ci = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision mediump float;\nuniform sampler2D sampler;\nuniform vec4 inputSize;\nuniform float strength;\nvarying vec2 vUv;\n\nvoid main(void) {\n    vec2 onePixel = inputSize.zw;\n    vec4 color;\n    color.rgb = vec3(0.5);\n    color -= texture2D(sampler, vUv - onePixel) * strength;\n    color += texture2D(sampler, vUv + onePixel) * strength;\n    color.rgb = vec3((color.r + color.g + color.b) / 3.0);\n    float alpha = texture2D(sampler, vUv).a;\n    gl_FragColor = vec4(color.rgb * alpha, alpha);\n}"
 	} });
@@ -5718,7 +5803,7 @@ var ni, ri, ii = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, ri.material, {
+			I.draw(e, ci.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -5731,14 +5816,14 @@ var ni, ri, ii = class extends U {
 		});
 	}
 };
-k([_({ fallback: 5 }), O("design:type", Number)], ii.prototype, "strength", void 0), ii = ri = k([x("EmbossEffect"), O("design:paramtypes", [typeof (ni = typeof Partial < "u" && Partial) == "function" ? ni : Object, Array])], ii);
+O([_({ fallback: 5 }), D("design:type", Number)], li.prototype, "strength", void 0), li = ci = O([x("EmbossEffect"), D("design:paramtypes", [typeof (si = typeof Partial < "u" && Partial) == "function" ? si : Object, Array])], li);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var ai, oi, K = class extends U {
+var ui, di, K = class extends H {
 	static {
-		oi = this;
+		di = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "in vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "\nin vec2 vUv;\nuniform sampler2D sampler;\n\nuniform vec4 filterArea;\nuniform vec4 filterClamp;\nuniform vec2 dimensions;\nuniform float aspect;\n\nuniform sampler2D displacementMap;\nuniform float offset;\nuniform float sinDir;\nuniform float cosDir;\nuniform int fillMode;\n\nuniform float seed;\nuniform vec2 red;\nuniform vec2 green;\nuniform vec2 blue;\n\nconst int TRANSPARENT = 0;\nconst int ORIGINAL = 1;\nconst int LOOP = 2;\nconst int CLAMP = 3;\nconst int MIRROR = 4;\n\nvoid main(void) {\n  vec2 coord = (vUv * filterArea.xy) / dimensions;\n\n  if (coord.x > 1.0 || coord.y > 1.0) {\n      return;\n  }\n\n  float cx = coord.x - 0.5;\n  float cy = (coord.y - 0.5) * aspect;\n  float ny = (-sinDir * cx + cosDir * cy) / aspect + 0.5;\n\n  // displacementMap: repeat\n  // ny = ny > 1.0 ? ny - 1.0 : (ny < 0.0 ? 1.0 + ny : ny);\n\n  // displacementMap: mirror\n  ny = ny > 1.0 ? 2.0 - ny : (ny < 0.0 ? -ny : ny);\n\n  vec4 dc = texture(displacementMap, vec2(0.5, ny));\n\n  float displacement = (dc.r - dc.g) * (offset / filterArea.x);\n\n  coord = vUv + vec2(cosDir * displacement, sinDir * displacement * aspect);\n\n  if (fillMode == CLAMP) {\n    coord = clamp(coord, filterClamp.xy, filterClamp.zw);\n  } else {\n    if (coord.x > filterClamp.z) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.x -= filterClamp.z;\n      } else if (fillMode == MIRROR) {\n        coord.x = filterClamp.z * 2.0 - coord.x;\n      }\n    } else if (coord.x < filterClamp.x) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.x += filterClamp.z;\n      } else if (fillMode == MIRROR) {\n        coord.x *= -filterClamp.z;\n      }\n    }\n\n    if (coord.y > filterClamp.w) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.y -= filterClamp.w;\n      } else if (fillMode == MIRROR) {\n        coord.y = filterClamp.w * 2.0 - coord.y;\n      }\n    } else if (coord.y < filterClamp.y) {\n      if (fillMode == TRANSPARENT) {\n        discard;\n      } else if (fillMode == LOOP) {\n        coord.y += filterClamp.w;\n      } else if (fillMode == MIRROR) {\n        coord.y *= -filterClamp.w;\n      }\n    }\n  }\n\n  gl_FragColor.r = texture(sampler, coord + red * (1.0 - seed * 0.4) / filterArea.xy).r;\n  gl_FragColor.g = texture(sampler, coord + green * (1.0 - seed * 0.3) / filterArea.xy).g;\n  gl_FragColor.b = texture(sampler, coord + blue * (1.0 - seed * 0.2) / filterArea.xy).b;\n  gl_FragColor.a = texture(sampler, coord).a;\n}"
 	} });
@@ -5748,7 +5833,7 @@ var ai, oi, K = class extends U {
 	_offsets;
 	_needsRedraw = !1;
 	constructor(e, t = []) {
-		super(), this.setProperties(e).append(t), this._canvas = document.createElement("canvas"), this._canvas.width = 4, this._canvas.height = this.sampleSize, this._texture = new z(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
+		super(), this.setProperties(e).append(t), this._canvas = document.createElement("canvas"), this._canvas.width = 4, this._canvas.height = this.sampleSize, this._texture = new R(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
 	}
 	redraw() {
 		let e = this.sampleSize, t = this._texture, n = this._canvas.getContext("2d");
@@ -5765,7 +5850,7 @@ var ai, oi, 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, oi.material, {
+			this._texture.activate(e, 1), I.draw(e, di.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -5794,14 +5879,14 @@ var ai, oi, 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 = oi = k([x("GlitchEffect"), O("design:paramtypes", [typeof (ai = typeof Partial < "u" && Partial) == "function" ? ai : Object, Array])], K);
+O([_({ fallback: 10 }), D("design:type", Number)], K.prototype, "slices", void 0), O([_({ fallback: 512 }), D("design:type", Number)], K.prototype, "sampleSize", void 0), O([_({ fallback: 100 }), D("design:type", Number)], K.prototype, "offset", void 0), O([_({ fallback: 0 }), D("design:type", Number)], K.prototype, "direction", void 0), O([_({ fallback: 2 }), D("design:type", Number)], K.prototype, "fillMode", void 0), O([_({ fallback: 0 }), D("design:type", Number)], K.prototype, "seed", void 0), O([_({ default: () => [2, 2] }), D("design:type", Array)], K.prototype, "red", void 0), O([_({ default: () => [-10, 4] }), D("design:type", Array)], K.prototype, "green", void 0), O([_({ default: () => [10, -4] }), D("design:type", Array)], K.prototype, "blue", void 0), K = di = O([x("GlitchEffect"), D("design:paramtypes", [typeof (ui = typeof Partial < "u" && Partial) == "function" ? ui : Object, Array])], K);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var si, ci, li = "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 fi, pi, mi = "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 H {
 	static {
-		ci = this;
+		pi = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision highp float;
 varying vec2 vUv;
@@ -5814,7 +5899,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${li}
+${mi}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -5853,7 +5938,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, ci.material, {
+			I.draw(e, pi.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -5875,15 +5960,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 = ci = k([x("GodrayEffect"), O("design:paramtypes", [typeof (si = typeof Partial < "u" && Partial) == "function" ? si : Object, Array])], q);
+O([_({ fallback: 0 }), D("design:type", Number)], q.prototype, "time", void 0), O([_({ fallback: 30 }), D("design:type", Number)], q.prototype, "angle", void 0), O([_({ fallback: .5 }), D("design:type", Number)], q.prototype, "gain", void 0), O([_({ fallback: 2.5 }), D("design:type", Number)], q.prototype, "lacunarity", void 0), O([_({ fallback: !0 }), D("design:type", Boolean)], q.prototype, "parallel", void 0), O([_({ default: () => [0, 0] }), D("design:type", Array)], q.prototype, "center", void 0), O([_({ fallback: 1 }), D("design:type", Number)], q.prototype, "alpha", void 0), q = pi = O([x("GodrayEffect"), D("design:paramtypes", [typeof (fi = typeof Partial < "u" && Partial) == "function" ? fi : Object, Array])], q);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var ui, di = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", fi = "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}", pi = class extends U {
+var hi, gi = "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}", _i = "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}", vi = class extends H {
 	_kernels = [0];
 	constructor(e, t = []) {
-		super(), this.material = new I({ gl: {
+		super(), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: e?.clamp ? fi : di
+			fragment: e?.clamp ? _i : gi
 		} }), this.setProperties(e).append(t), this._generateKernels();
 	}
 	_updateProperty(e, t, n) {
@@ -5907,7 +5992,7 @@ var ui, di = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffse
 		this._kernels.forEach((i) => {
 			let a = i + .5;
 			t.redraw(e, () => {
-				L.draw(e, this.material, {
+				I.draw(e, this.material, {
 					sampler: 0,
 					uOffset: [a * n, a * r],
 					uInputClamp: [
@@ -5921,14 +6006,14 @@ var ui, di = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffse
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], pi.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], pi.prototype, "quality", void 0), k([_({ default: () => [1, 1] }), O("design:type", Array)], pi.prototype, "pixelSize", void 0), pi = k([x("KawaseBlurEffect"), O("design:paramtypes", [typeof (ui = typeof Partial < "u" && Partial) == "function" ? ui : Object, Array])], pi);
+O([_({ fallback: 4 }), D("design:type", Number)], vi.prototype, "strength", void 0), O([_({ fallback: 3 }), D("design:type", Number)], vi.prototype, "quality", void 0), O([_({ default: () => [1, 1] }), D("design:type", Array)], vi.prototype, "pixelSize", void 0), vi = O([x("KawaseBlurEffect"), D("design:paramtypes", [typeof (hi = typeof Partial < "u" && Partial) == "function" ? hi : Object, Array])], vi);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var mi, hi, gi = class extends U {
+var yi, bi, xi = class extends H {
 	static {
-		hi = this;
+		bi = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "in vec2 vUv;\n\nuniform sampler2D sampler;\nuniform sampler2D mask;\nuniform float rotation;\n\nvec2 rotateUV(vec2 uv, float angle) {\n  uv -= 0.5;\n  float cosAngle = cos(angle);\n  float sinAngle = sin(angle);\n  mat2 rotationMatrix = mat2(\n    cosAngle, -sinAngle,\n    sinAngle,  cosAngle\n  );\n  uv = rotationMatrix * uv;\n  uv += 0.5;\n  return uv;\n}\n\nvoid main(void) {\n  vec4 color = texture(sampler, vUv);\n  vec4 maskColor = texture(mask, rotateUV(vUv, rotation));\n  gl_FragColor = mix(vec4(0.), color, maskColor.a);\n}"
 	} });
@@ -5948,7 +6033,7 @@ var mi, hi, gi = class extends U {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), L.draw(e, hi.material, {
+			this.texture.activate(e, 1), I.draw(e, bi.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -5956,33 +6041,33 @@ var mi, hi, gi = class extends U {
 		});
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], gi.prototype, "image", void 0), gi = hi = k([x("MaskEffect"), O("design:paramtypes", [typeof (mi = typeof Partial < "u" && Partial) == "function" ? mi : Object, Array])], gi);
+O([_({ fallback: "" }), D("design:type", String)], xi.prototype, "image", void 0), xi = bi = O([x("MaskEffect"), D("design:paramtypes", [typeof (yi = typeof Partial < "u" && Partial) == "function" ? yi : Object, Array])], xi);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var _i, vi, yi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", J = class extends U {
+var Si, Ci, wi = "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 H {
 	static {
-		vi = this;
+		Ci = this;
 	}
 	static MIN_SAMPLES = 1;
 	static MAX_SAMPLES = 100;
 	static getAngleStep(e) {
-		return Number.parseFloat((Math.PI * 2 / Math.max(e * vi.MAX_SAMPLES, vi.MIN_SAMPLES)).toFixed(7));
+		return Number.parseFloat((Math.PI * 2 / Math.max(e * Ci.MAX_SAMPLES, Ci.MIN_SAMPLES)).toFixed(7));
 	}
-	_color = new E();
+	_color = new T();
 	constructor(e, t = []) {
-		super(), this.setProperties(e).append(t), this.material = new I({ gl: {
+		super(), this.setProperties(e).append(t), this.material = new F({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: yi.replace(/\{ANGLE_STEP\}/, vi.getAngleStep(this.quality).toFixed(7))
+			fragment: wi.replace(/\{ANGLE_STEP\}/, Ci.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			this._color.value = this.color, L.draw(e, this.material, {
+			this._color.value = this.color, I.draw(e, this.material, {
 				sampler: 0,
 				uThickness: [this.width / t.width, this.width / t.height],
 				uColor: this._color.toArray().slice(0, 3),
 				uAlpha: this.opacity === 1 ? this._color.a : this.opacity,
-				uAngleStep: vi.getAngleStep(this.quality),
+				uAngleStep: Ci.getAngleStep(this.quality),
 				uKnockout: +!!this.knockout,
 				uInputClamp: [
 					0,
@@ -5994,14 +6079,14 @@ var _i, vi, yi = "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 = vi = k([x("OutlineEffect"), O("design:paramtypes", [typeof (_i = typeof Partial < "u" && Partial) == "function" ? _i : Object, Array])], J);
+O([_({ fallback: "#000000ff" }), D("design:type", Object)], J.prototype, "color", void 0), O([_({ fallback: 1 }), D("design:type", Number)], J.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", String)], J.prototype, "style", void 0), O([_(), D("design:type", Object)], J.prototype, "image", void 0), O([_({ fallback: 1 }), D("design:type", Number)], J.prototype, "opacity", void 0), O([_({ fallback: .1 }), D("design:type", Number)], J.prototype, "quality", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], J.prototype, "knockout", void 0), J = Ci = O([x("OutlineEffect"), D("design:paramtypes", [typeof (Si = typeof Partial < "u" && Partial) == "function" ? Si : Object, Array])], J);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var bi, xi, Si = class extends U {
+var Ti, Ei, Di = class extends H {
 	static {
-		xi = this;
+		Ei = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 offset;\nuniform vec2 step;\n\nvoid main(void) {\n  vec2 uv = vUv;\n  uv = floor((uv - offset) / step) * step + offset + step / 2.0;\n  gl_FragColor = texture2D(sampler, uv);\n}"
 	} });
@@ -6015,18 +6100,18 @@ var bi, xi, Si = 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, xi.material, a);
+			I.draw(e, Ei.material, a);
 		});
 	}
 };
-k([_({ fallback: 10 }), O("design:type", Number)], Si.prototype, "strength", void 0), Si = xi = k([x("PixelateEffect"), O("design:paramtypes", [typeof (bi = typeof Partial < "u" && Partial) == "function" ? bi : Object, Array])], Si);
+O([_({ fallback: 10 }), D("design:type", Number)], Di.prototype, "strength", void 0), Di = Ei = O([x("PixelateEffect"), D("design:paramtypes", [typeof (Ti = typeof Partial < "u" && Partial) == "function" ? Ti : Object, Array])], Di);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var Ci, wi, Ti = class extends U {
+var Oi, ki, Ai = class extends H {
 	static {
-		wi = this;
+		ki = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec4 uInputSize;\n\nuniform vec2 uCenter;\nuniform float uStrength;\nuniform float uInnerRadius;\nuniform float uRadius;\n\nconst float MAX_KERNEL_SIZE = 32.0;\n\nhighp float rand(vec2 co, float seed) {\n  const highp float a = 12.9898, b = 78.233, c = 43758.5453;\n  highp float dt = dot(co + seed, vec2(a, b)), sn = mod(dt, 3.14159);\n  return fract(sin(sn) * c + seed);\n}\n\nvoid main() {\n  float minGradient = uInnerRadius * 0.3;\n  float innerRadius1 = (uInnerRadius + minGradient * 0.5) / uInputSize.x;\n\n  float gradient = uRadius * 0.3;\n  float radius1 = (uRadius - gradient * 0.5) / uInputSize.x;\n\n  float countLimit = MAX_KERNEL_SIZE;\n\n  vec2 dir = vec2(uCenter.xy / uInputSize.xy - vUv);\n  float dist = length(vec2(dir.x, dir.y * uInputSize.y / uInputSize.x));\n\n  float strength1 = uStrength;\n\n  float delta = 0.0;\n  float gap;\n  if (dist < innerRadius1) {\n    delta = innerRadius1 - dist;\n    gap = minGradient;\n  } else if (radius1 >= 0.0 && dist > radius1) { // radius1 < 0 means it's infinity\n    delta = dist - radius1;\n    gap = gradient;\n  }\n\n  if (delta > 0.0) {\n    float normalCount = gap / uInputSize.x;\n    delta = (normalCount - delta) / normalCount;\n    countLimit *= delta;\n    strength1 *= delta;\n    if (countLimit < 1.0) {\n      gl_FragColor = texture2D(sampler, vUv);\n      return;\n    }\n  }\n\n  float offset = rand(vUv, 0.0);\n\n  float total = 0.0;\n  vec4 color = vec4(0.0);\n\n  dir *= strength1;\n\n  for (float t = 0.0; t < MAX_KERNEL_SIZE; t++) {\n    float percent = (t + offset) / MAX_KERNEL_SIZE;\n    float weight = 4.0 * (percent - percent * percent);\n    vec2 p = vUv + dir * percent;\n    color += texture2D(sampler, p) * weight;\n    total += weight;\n\n    if (t > countLimit){\n        break;\n    }\n  }\n\n  color /= total;\n\n  gl_FragColor = color;\n}"
 	} });
@@ -6035,7 +6120,7 @@ var Ci, wi, Ti = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, wi.material, {
+			I.draw(e, ki.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6051,10 +6136,10 @@ var Ci, wi, Ti = class extends U {
 		});
 	}
 };
-k([_(), O("design:type", Array)], Ti.prototype, "center", void 0), k([_({ fallback: 20 }), O("design:type", Number)], Ti.prototype, "innerRadius", void 0), k([_({ fallback: -1 }), O("design:type", Number)], Ti.prototype, "radius", void 0), k([_({ fallback: .1 }), O("design:type", Number)], Ti.prototype, "strength", void 0), Ti = wi = k([x("ZoomBlurEffect"), O("design:paramtypes", [typeof (Ci = typeof Partial < "u" && Partial) == "function" ? Ci : Object, Array])], Ti);
+O([_(), D("design:type", Array)], Ai.prototype, "center", void 0), O([_({ fallback: 20 }), D("design:type", Number)], Ai.prototype, "innerRadius", void 0), O([_({ fallback: -1 }), D("design:type", Number)], Ai.prototype, "radius", void 0), O([_({ fallback: .1 }), D("design:type", Number)], Ai.prototype, "strength", void 0), Ai = ki = O([x("ZoomBlurEffect"), D("design:paramtypes", [typeof (Oi = typeof Partial < "u" && Partial) == "function" ? Oi : Object, Array])], Ai);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function Ei(e, t) {
+function ji(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;
@@ -6076,7 +6161,7 @@ function Ei(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/Element2DFill.ts
-var Y = class extends w {
+var Y = class extends C {
 	_parent;
 	texture;
 	animatedTexture;
@@ -6109,7 +6194,7 @@ var Y = class extends w {
 		}
 	}
 	async loadTexture() {
-		if (this.linearGradient || this.radialGradient) this.texture = new $n(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
+		if (this.linearGradient || this.radialGradient) this.texture = new er(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 () => {
@@ -6130,12 +6215,12 @@ var Y = class extends w {
 			width: e,
 			height: t
 		} };
-		if (this.image === "viewport") n.fillStyle = new rr();
+		if (this.image === "viewport") n.fillStyle = new ir();
 		else {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				...Ei(this, this.tile && i ? {
+				...ji(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6171,10 +6256,10 @@ var Y = class extends w {
 		this.updateFrameIndex();
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Y.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Y.prototype, "color", void 0), k([_(), O("design:type", Object)], Y.prototype, "image", void 0), k([_(), O("design:type", Object)], Y.prototype, "linearGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "radialGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "cropRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "stretchRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "dpi", void 0), k([_(), O("design:type", Object)], Y.prototype, "rotateWithShape", void 0), k([_(), O("design:type", Object)], Y.prototype, "tile", void 0), k([_(), O("design:type", Object)], Y.prototype, "opacity", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Y.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Y.prototype, "color", void 0), O([_(), D("design:type", Object)], Y.prototype, "image", void 0), O([_(), D("design:type", Object)], Y.prototype, "linearGradient", void 0), O([_(), D("design:type", Object)], Y.prototype, "radialGradient", void 0), O([_(), D("design:type", Object)], Y.prototype, "cropRect", void 0), O([_(), D("design:type", Object)], Y.prototype, "stretchRect", void 0), O([_(), D("design:type", Object)], Y.prototype, "dpi", void 0), O([_(), D("design:type", Object)], Y.prototype, "rotateWithShape", void 0), O([_(), D("design:type", Object)], Y.prototype, "tile", void 0), O([_(), D("design:type", Object)], Y.prototype, "opacity", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var Di = class extends Y {
+var Mi = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6186,10 +6271,10 @@ var Di = class extends Y {
 		}
 	}
 };
-k([_(), O("design:type", Object)], Di.prototype, "fillWithShape", void 0);
+O([_(), D("design:type", Object)], Mi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DConnection.ts
-var Oi = class extends w {
+var Ni = class extends C {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -6204,32 +6289,51 @@ var Oi = class extends w {
 		switch (super._updateProperty(e, t, n), e) {
 			case "start":
 			case "end":
+			case "mode":
 				this._parent.requestDraw();
 				break;
 		}
 	}
 	resolveAnchor(e) {
+		return this.resolveEndpoint(e)?.point;
+	}
+	resolveEndpoint(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
+				let e = t.globalTransform.apply(new y(n.x * t.size.x, n.y * t.size.y)), r;
+				return r = n.ang === void 0 ? Dr(n.x - .5, n.y - .5) : {
+					x: Math.cos(n.ang),
+					y: Math.sin(n.ang)
+				}, {
+					point: e,
+					dir: Pi(r, t.globalRotation)
 				};
-				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);
+		return { point: new y(n.x + r.x / 2, n.y + r.y / 2) };
+	}
+	route() {
+		let e = this.resolveEndpoint(this.start), t = this.resolveEndpoint(this.end);
+		if (!(!e && !t)) return Or(this.mode, e ?? t, t ?? e);
 	}
 };
-k([_(), O("design:type", Object)], Oi.prototype, "start", void 0), k([_(), O("design:type", Object)], Oi.prototype, "end", void 0);
+O([_(), D("design:type", Object)], Ni.prototype, "start", void 0), O([_(), D("design:type", Object)], Ni.prototype, "end", void 0), O([_({ fallback: "straight" }), D("design:type", Object)], Ni.prototype, "mode", void 0);
+function Pi(e, t) {
+	if (!t) return e;
+	let n = Math.cos(t), r = Math.sin(t);
+	return {
+		x: e.x * n - e.y * r,
+		y: e.x * r + e.y * n
+	};
+}
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var ki = class extends Y {
+var Fi = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : h(e));
 	}
@@ -6241,10 +6345,10 @@ var ki = class extends Y {
 		}
 	}
 };
-k([_(), O("design:type", Object)], ki.prototype, "fillWithShape", void 0);
+O([_(), D("design:type", Object)], Fi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Ai = class extends Y {
+var Ii = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : g(e));
 	}
@@ -6264,7 +6368,7 @@ var Ai = class extends Y {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new rr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...Ei(this, {
+		this.image === "viewport" ? n.strokeStyle = new ir() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...ji(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6272,10 +6376,10 @@ var Ai = class extends Y {
 		}) });
 	}
 };
-k([_(), O("design:type", Object)], Ai.prototype, "color", void 0), k([_(), O("design:type", Object)], Ai.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", Object)], Ai.prototype, "style", void 0), k([_({ fallback: "butt" }), O("design:type", Object)], Ai.prototype, "lineCap", void 0), k([_({ fallback: "miter" }), O("design:type", Object)], Ai.prototype, "lineJoin", void 0);
+O([_(), D("design:type", Object)], Ii.prototype, "color", void 0), O([_(), D("design:type", Object)], Ii.prototype, "width", void 0), O([_({ fallback: "solid" }), D("design:type", Object)], Ii.prototype, "style", void 0), O([_({ fallback: "butt" }), D("design:type", Object)], Ii.prototype, "lineCap", void 0), O([_({ fallback: "miter" }), D("design:type", Object)], Ii.prototype, "lineJoin", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var ji = class extends w {
+var Li = class extends C {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
@@ -6296,18 +6400,25 @@ var ji = class extends w {
 	}
 	updateEffect() {
 		let e = "__$shadow", t = this._parent.getNode(e);
-		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new ti({ 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 oi({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], ji.prototype, "enabled", void 0), k([_({ fallback: "#000000FF" }), O("design:type", Object)], ji.prototype, "color", void 0), k([_({ fallback: 0 }), O("design:type", Object)], ji.prototype, "blur", void 0), k([_({ fallback: 0 }), O("design:type", Object)], ji.prototype, "offsetY", void 0), k([_({ fallback: 0 }), O("design:type", Object)], ji.prototype, "offsetX", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Li.prototype, "enabled", void 0), O([_({ fallback: "#000000FF" }), D("design:type", Object)], Li.prototype, "color", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Li.prototype, "blur", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Li.prototype, "offsetY", void 0), O([_({ fallback: 0 }), D("design:type", Object)], Li.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Mi = class extends w {
+var Ri = class extends C {
 	_parent;
 	_path2DSet = new se();
+	_localPath;
 	constructor(e) {
 		super(), this._parent = e, this._updatePath2DSet();
 	}
+	setLocalPath(e) {
+		this._localPath = e, this._parent.requestDraw();
+	}
+	get localPath() {
+		return this._localPath;
+	}
 	setProperties(e) {
 		return super.setProperties(d(e) ? void 0 : te(e));
 	}
@@ -6353,7 +6464,8 @@ var Mi = class extends w {
 		});
 	}
 	draw(e = !1) {
-		if (!e && this.isValid()) {
+		if (!e && this._localPath && this._localPath.getLength()) this._parent.context.addPath(this._localPath.clone());
+		else if (!e && this.isValid()) {
 			let e = this._parent.context, { width: t, height: n } = this._parent.size;
 			this._path2DSet.paths.forEach((r) => {
 				e.addPath(r.clone().applyTransform(new v().scale(t, n)));
@@ -6365,24 +6477,24 @@ var Mi = 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)], Mi.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Mi.prototype, "preset", void 0), k([_(), O("design:type", Object)], Mi.prototype, "svg", void 0), k([_(), O("design:type", Object)], Mi.prototype, "viewBox", void 0), k([_(), O("design:type", Object)], Mi.prototype, "paths", void 0), k([_(), O("design:type", Object)], Mi.prototype, "connectionPoints", void 0);
+O([_({ fallback: !0 }), D("design:type", Boolean)], Ri.prototype, "enabled", void 0), O([_(), D("design:type", Object)], Ri.prototype, "preset", void 0), O([_(), D("design:type", Object)], Ri.prototype, "svg", void 0), O([_(), D("design:type", Object)], Ri.prototype, "viewBox", void 0), O([_(), D("design:type", Object)], Ri.prototype, "paths", void 0), O([_(), D("design:type", Object)], Ri.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Ni = class extends T {
+var zi = class extends w {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, Pi = {
+}, Bi = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in Pi) i(Ni, e, { fallback: Pi[e] });
+for (let e in Bi) i(zi, e, { fallback: Bi[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
-var Fi, X = class extends w {
+var Vi, X = class extends C {
 	_parent;
 	base;
 	get textContent() {
@@ -6393,7 +6505,7 @@ var Fi, X = class extends w {
 	}
 	_textContent = "";
 	_autoDrawMode;
-	_texture = new Zn({ mipmap: !0 });
+	_texture = new Qn({ mipmap: !0 });
 	_textureMap = /* @__PURE__ */ new Map();
 	constructor(e) {
 		super(), this._parent = e, this.base = new pe(), this.base.setPropertyAccessor(this);
@@ -6464,7 +6576,7 @@ var Fi, X = class extends w {
 		}), this._parent.requestDraw());
 	}
 	async _loadTexture(e, t) {
-		return e.linearGradient || e.radialGradient ? new $n(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 er(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 = re(e);
@@ -6493,7 +6605,7 @@ var Fi, X = class extends w {
 					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({
-							...Ei(r, o?.box ?? {
+							...ji(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -6505,7 +6617,7 @@ var Fi, 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({
-							...Ei(r, o?.box ?? {
+							...ji(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -6535,7 +6647,7 @@ var Fi, 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 (Fi = typeof HTMLElement < "u" && HTMLElement) == "function" ? Fi : 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);
+O([_({ fallback: !0 }), D("design:type", Object)], X.prototype, "enabled", void 0), O([_({ fallback: () => [] }), D("design:type", Object)], X.prototype, "content", void 0), O([_({ alias: "_parent.style.json" }), D("design:type", Object)], X.prototype, "style", void 0), O([_(), D("design:type", Object)], X.prototype, "effects", void 0), O([_(), D("design:type", Object)], X.prototype, "fill", void 0), O([_(), D("design:type", Object)], X.prototype, "outline", void 0), O([_({ alias: "base.measureDom" }), D("design:type", typeof (Vi = typeof HTMLElement < "u" && HTMLElement) == "function" ? Vi : Object)], X.prototype, "measureDom", void 0), O([_({ alias: "base.fonts" }), D("design:type", Object)], X.prototype, "fonts", void 0), O([_({ fallback: "auto" }), D("design:type", Object)], X.prototype, "drawMode", void 0);
 //#endregion
 //#region src/scene/2d/element/Flexbox.ts
 var Z = {
@@ -6548,7 +6660,7 @@ var Z = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, Ii = {
+}, Hi = {
 	column: 0,
 	row: 1,
 	all: 2
@@ -6562,42 +6674,42 @@ var Z = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, Li = {
+}, Ui = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, Ri = {
+}, Wi = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, zi = {
+}, Gi = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, Bi = {
+}, Ki = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, Vi = {
+}, qi = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, Hi = {
+}, Ji = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, Ui = {
+}, Yi = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, Wi = {
+}, Xi = {
 	"border-box": 0,
 	"content-box": 1
-}, Gi = class e {
+}, Zi = class e {
 	_parent;
 	static _yoga;
 	static async load() {
@@ -6609,14 +6721,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 Yi && e.flexbox.node && this.node) {
+		if (e instanceof ta && 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 Yi && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof ta && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
@@ -6650,10 +6762,10 @@ var Z = {
 					n.setBorder(Z.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? Ri[t] ?? Ri.inherit : Ri.inherit);
+					n.setDirection(t ? Wi[t] ?? Wi.inherit : Wi.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? Li[t] ?? Li.flex : Li.flex);
+					n.setDisplay(t ? Ui[t] ?? Ui.flex : Ui.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -6662,7 +6774,7 @@ var Z = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? zi[t] ?? zi.row : zi.row);
+					n.setFlexDirection(t ? Gi[t] ?? Gi.row : Gi.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -6671,16 +6783,16 @@ var Z = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? Bi[t] ?? Bi.wrap : Bi.wrap);
+					n.setFlexWrap(t ? Ki[t] ?? Ki.wrap : Ki.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? Vi[t] ?? Vi["flex-start"] : Vi["flex-start"]);
+					n.setJustifyContent(t ? qi[t] ?? qi["flex-start"] : qi["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(Ii.all, t);
+					t !== void 0 && n.setGap(Hi.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Z.top, t);
@@ -6710,7 +6822,7 @@ var Z = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? Hi[t] ?? Hi.visible : Hi.visible);
+					n.setOverflow(t ? Ji[t] ?? Ji.visible : Ji.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Z.top, t);
@@ -6740,10 +6852,10 @@ var Z = {
 					n.setPosition(Z.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? Ui[t] ?? Ui.relative : Ui.relative);
+					n.setPositionType(t ? Yi[t] ?? Yi.relative : Yi.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? Wi[t] ?? Wi["content-box"] : Wi["content-box"]);
+					n.setBoxSizing(t ? Xi[t] ?? Xi["content-box"] : Xi["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -6754,7 +6866,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, Ri.ltr), t.hasNewLayout())) {
+		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Wi.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();
 		}
@@ -6762,10 +6874,10 @@ var Z = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, Ki, qi = new Set(Object.keys(a())), Ji = new Set(Object.keys(s())), Yi = class extends wr {
-	flexbox = new Gi(this);
-	aabb = new ct();
-	globalAabb = new ct();
+}, Qi, $i = new Set(Object.keys(a())), ea = new Set(Object.keys(s())), ta = class extends wr {
+	flexbox = new Zi(this);
+	aabb = new lt();
+	globalAabb = new lt();
 	_parentGlobalDisplay;
 	_globalDisplay;
 	get globalDisplay() {
@@ -6776,7 +6888,7 @@ var Z = {
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Ni().on("updateProperty", (...e) => {
+	_style = new zi().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -6785,14 +6897,14 @@ var Z = {
 	set style(e) {
 		this._style.resetProperties().setProperties(e);
 	}
-	_background = new Di(this);
+	_background = new Mi(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Mi(this);
+	_shape = new Ri(this);
 	get shape() {
 		return this._shape;
 	}
@@ -6806,14 +6918,14 @@ var Z = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new Ai(this);
+	_outline = new Ii(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new ki(this);
+	_foreground = new Fi(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -6827,14 +6939,14 @@ var Z = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new ji(this);
+	_shadow = new Li(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new Oi(this);
+	_connection = new Ni(this);
 	get connection() {
 		return this._connection;
 	}
@@ -6905,7 +7017,7 @@ var Z = {
 				this._updateGlobalDisplay();
 				break;
 			case "rotate":
-				this.rotation = (t || 0) * lt, this.updateGlobalTransform();
+				this.rotation = (t || 0) * ut, this.updateGlobalTransform();
 				break;
 			case "scaleX":
 				this.scale.x = t, this.text.isValid() && (t ^ n) < 0 && this.requestDraw();
@@ -6926,7 +7038,7 @@ var Z = {
 				}), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
 				break;
 			case "transformOrigin": {
-				let e = kr(t ?? "");
+				let e = Pr(t ?? "");
 				this.pivot.set(e[0] * this.size.width, e[1] * this.size.height);
 				break;
 			}
@@ -6970,7 +7082,7 @@ var Z = {
 				this.requestDraw();
 				break;
 		}
-		if ((Ji.has(e) || qi.has(e)) && this.text.isValid() && this.text.update(), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if ((ea.has(e) || $i.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);
@@ -6990,24 +7102,24 @@ var Z = {
 		super.requestLayout(), this.flexbox.update();
 	}
 	_process(e) {
-		super._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();
+		super._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._updateConnection();
 		let t = this.getParent();
 		this._parentGlobalDisplay !== t?.globalDisplay && this._updateGlobalDisplay(), this.flexbox.update();
 	}
-	_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();
+	_updateConnection() {
+		let e = this._connection.route();
+		if (!e || !e.getLength()) return;
+		let t = e.getBoundingBox(), n = Math.max(t.width, 1), r = Math.max(t.height, 1);
+		this.position.x = t.x, this.position.y = t.y, this.size.width = n, this.size.height = r, this.updateGlobalTransform(), e.applyTransform(new v().translate(-t.x, -t.y)), this._shape.setLocalPath(e);
 	}
 	_updateStyleFilter(e) {
-		d(e) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new Pr({
+		d(e) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new zr({
 			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 gi({
+		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new xi({
 			name: "styleMaskImage",
 			internalMode: "back"
 		}), this.append(this._maskEffect)), this._maskEffect.image = e);
@@ -7038,11 +7150,11 @@ var Z = {
 	}
 	getObb() {
 		let e = this.pivot, t = this.transform.apply(e).sub(e);
-		return new pt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.rotation);
+		return new mt(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 pt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
+		return new mt(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();
@@ -7094,10 +7206,10 @@ var Z = {
 		super._destroy(), this.flexbox.destroy(), this.aabb.destroy(), this.globalAabb.destroy(), this.size.destroy(), this.style.destroy(), this.background.destroy(), this.shape.destroy(), this.fill.destroy(), this.outline.destroy(), this.text.destroy(), this.foreground.destroy(), this.shadow.destroy(), this.connection.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
 	}
 };
-Yi = k([x("Element2D"), O("design:paramtypes", [typeof (Ki = typeof Partial < "u" && Partial) == "function" ? Ki : Object, Array])], Yi);
+ta = O([x("Element2D"), D("design:paramtypes", [typeof (Qi = typeof Partial < "u" && Partial) == "function" ? Qi : Object, Array])], ta);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var Xi = class extends Yi {
+var na = class extends ta {
 	texture;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -7111,8 +7223,8 @@ var Xi = class extends Yi {
 			} });
 		}
 	}
-}, Zi, Qi = class extends Xi {
-	texture = new Zn();
+}, ra, ia = class extends na {
+	texture = new Qn();
 	animation;
 	constructor(e, t = []) {
 		super(), this.setProperties(e), this.append(t);
@@ -7141,10 +7253,10 @@ var Xi = class extends Yi {
 		this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw(), super._process(e);
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], Qi.prototype, "src", void 0), Qi = k([x("Lottie2D"), O("design:paramtypes", [typeof (Zi = typeof Partial < "u" && Partial) == "function" ? Zi : Object, Array])], Qi);
+O([_({ fallback: "" }), D("design:type", String)], ia.prototype, "src", void 0), ia = O([x("Lottie2D"), D("design:paramtypes", [typeof (ra = typeof Partial < "u" && Partial) == "function" ? ra : Object, Array])], ia);
 //#endregion
 //#region src/scene/2d/TransformRect2D.ts
-var $i = class extends Yi {
+var aa = class extends ta {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -7157,20 +7269,20 @@ var $i = class extends Yi {
 		}
 	}
 	_drawCircle(e, t) {
-		this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = z.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+		this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = R.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
 	}
 	_drawEllipse(e, t) {
-		this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = z.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+		this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = R.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
 	}
 	_draw() {
 		let { width: e, height: t } = this.getRect();
 		this.context.rect(0, 0, e, t), this.context.strokeStyle = "#00FF00", this.context.stroke(), this._drawCircle(0, 0), this._drawCircle(e, t), this._drawCircle(0, t), this._drawEllipse(0, t / 2), this._drawCircle(e, 0), this._drawEllipse(e, t / 2);
 	}
 };
-k([_({ fallback: 6 }), O("design:type", Number)], $i.prototype, "handleSize", void 0);
+O([_({ fallback: 6 }), D("design:type", Number)], aa.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var ea, ta = class extends Xi {
+var oa, sa = class extends na {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -7210,11 +7322,11 @@ var ea, ta = class extends Xi {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], ta.prototype, "src", void 0), ta = k([x("Video2D"), O("design:paramtypes", [typeof (ea = typeof Partial < "u" && Partial) == "function" ? ea : Object, Array])], ta);
+O([_({ fallback: "" }), D("design:type", String)], sa.prototype, "src", void 0), sa = O([x("Video2D"), D("design:paramtypes", [typeof (oa = typeof Partial < "u" && Partial) == "function" ? oa : Object, Array])], sa);
 //#endregion
 //#region src/scene/animation/Animation.ts
-var na, ra = (e) => e, ia = ca(.25, .1, .25, 1), aa = ca(.42, 0, 1, 1), oa = ca(0, 0, .58, 1), sa = ca(.42, 0, .58, 1);
-function ca(e, t, n, r) {
+var ca, la = (e) => e, ua = ma(.25, .1, .25, 1), da = ma(.42, 0, 1, 1), fa = ma(0, 0, .58, 1), pa = ma(.42, 0, .58, 1);
+function ma(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;
@@ -7234,13 +7346,13 @@ function ca(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var la = {
-	linear: ra,
-	ease: ia,
-	easeIn: aa,
-	easeOut: oa,
-	easeInOut: sa
-}, ua = class extends V {
+var ha = {
+	linear: la,
+	ease: ua,
+	easeIn: da,
+	easeOut: fa,
+	easeInOut: pa
+}, ga = class extends B {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -7275,7 +7387,7 @@ var la = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof Yi);
+		return e.filter((e) => e instanceof ta);
 	}
 	_updateKeyframes() {
 		let e = [], t = this.keyframes;
@@ -7307,7 +7419,7 @@ var la = {
 		}
 		let e = this._getTargets(), t = 1 / e.length, n = this.currentTimeProgress;
 		e.forEach((e, r) => {
-			let i = t === 1 ? n : dt(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
+			let i = t === 1 ? n : ft(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]);
@@ -7323,10 +7435,10 @@ var la = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return la.linear;
-		if (e in la) return la[e];
+		if (!e) return ha.linear;
+		if (e in ha) return ha[e];
 		let t = e.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((e) => Number(e));
-		return ca(t[0], t[1], t[2], t[3]);
+		return ma(t[0], t[1], t[2], t[3]);
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -7378,10 +7490,10 @@ var la = {
 				let a = Math.max(t[e]?.length ?? 0, n[e]?.length ?? 0), o = t[e], s = n[e];
 				i += `${e}(${Array.from({ length: a }, (e, t) => {
 					let n = o?.[t], i = s?.[t], a = n?.normalizedIntValue ?? 0, c = i?.normalizedIntValue ?? 0;
-					return Number.isNaN(a) || Number.isNaN(c) ? i?.value ?? 0 : D(a, c, r);
+					return Number.isNaN(a) || Number.isNaN(c) ? i?.value ?? 0 : E(a, c, r);
 				}).join(", ")}) `;
 			}), i;
-		} else if (!Array.isArray(a) && !Array.isArray(o)) return Number.isNaN(a.normalizedIntValue) || Number.isNaN(o.normalizedIntValue) ? o.value : D(a.normalizedIntValue, o.normalizedIntValue, r);
+		} else if (!Array.isArray(a) && !Array.isArray(o)) return Number.isNaN(a.normalizedIntValue) || Number.isNaN(o.normalizedIntValue) ? o.value : E(a.normalizedIntValue, o.normalizedIntValue, r);
 	}
 	isPlaying() {
 		return !this.paused && this.isInsideTimeRange();
@@ -7404,14 +7516,14 @@ var la = {
 		});
 	}
 };
-k([_({ fallback: "parent" }), O("design:type", Object)], ua.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], ua.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], ua.prototype, "easing", void 0), ua = k([x("Animation", {
+O([_({ fallback: "parent" }), D("design:type", Object)], ga.prototype, "effectMode", void 0), O([_({ default: () => [] }), D("design:type", Array)], ga.prototype, "keyframes", void 0), O([_(), D("design:type", Object)], ga.prototype, "easing", void 0), ga = O([x("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), O("design:paramtypes", [typeof (na = typeof Partial < "u" && Partial) == "function" ? na : Object, Array])], ua);
+}), D("design:paramtypes", [typeof (ca = typeof Partial < "u" && Partial) == "function" ? ca : Object, Array])], ga);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var da = class t extends e {
+var _a = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -7441,7 +7553,7 @@ var da = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, fa = class t extends e {
+}, va = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -7568,7 +7680,7 @@ var da = 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);
 	}
-}, pa = class {
+}, ya = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -7585,7 +7697,7 @@ var da = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return da.instance;
+		return _a.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -7596,9 +7708,9 @@ var da = class t extends e {
 		});
 	}
 	createSound() {
-		return new fa();
+		return new va();
 	}
-}, ma = class extends e {
+}, ba = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -7620,7 +7732,7 @@ var da = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, ha = class {
+}, xa = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -7635,21 +7747,21 @@ var da = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function ga() {
-	if (Ie) return new AudioContext();
-	if (Le) {
+function Sa() {
+	if (Le) return new AudioContext();
+	if (Re) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function _a(e, t, n) {
-	if (Re) return new OfflineAudioContext(e, t, n);
-	if (ze) {
+function Ca(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 va = class e extends ma {
+var wa = class e extends ba {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -7690,8 +7802,8 @@ var va = class e extends ma {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = ga(), t = _a(1, 2, Re ? 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 || Pe), Ve && (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 = Sa(), t = Ca(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;
@@ -7731,7 +7843,7 @@ var va = class e extends ma {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, ya = class extends e {
+}, Ta = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -7864,7 +7976,7 @@ var va = class e extends ma {
 	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;
 	}
-}, ba = class extends ma {
+}, Ea = class extends ba {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -7872,7 +7984,7 @@ var va = class e extends ma {
 	gain;
 	analyser;
 	get context() {
-		return va.instance;
+		return wa.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -7887,8 +7999,8 @@ var va = class e extends ma {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = va.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(va.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = wa.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(wa.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) => {
@@ -7901,7 +8013,7 @@ var va = class e extends ma {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : va.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : wa.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();
@@ -7911,15 +8023,15 @@ var va = class e extends ma {
 		};
 	}
 	createSound() {
-		return new ya();
+		return new Ta();
 	}
-}, xa, Sa = class extends V {
+}, Da, Oa = class extends B {
 	static {
-		xa = this;
+		Da = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Be ? new ba(this) : new pa(this);
+	_platformAudio = Ve ? new Ea(this) : new ya(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -8012,7 +8124,7 @@ var va = class e extends ma {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return xa._soundPool.length > 0 ? xa._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Da._soundPool.length > 0 ? Da._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();
@@ -8028,7 +8140,7 @@ var va = class e extends ma {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), xa._soundPool.includes(e) || xa._soundPool.push(e);
+		e.destroy(), Da._soundPool.includes(e) || Da._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -8044,12 +8156,12 @@ var va = class e extends ma {
 		}, 100);
 	}
 };
-Sa = xa = k([x("Audio"), O("design:paramtypes", [Object])], Sa);
+Oa = Da = O([x("Audio"), D("design:paramtypes", [Object])], Oa);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Ca = class extends wr {}, wa, Ta = class extends Yi {
+var ka = class extends wr {}, Aa, ja = class extends ta {
 	_audioBuffer;
-	_src = Ve ? new z({ source: document.createElement("canvas") }) : void 0;
+	_src = He ? new R({ source: document.createElement("canvas") }) : void 0;
 	_needsUpdateTexture = !1;
 	constructor(e = {}) {
 		super(), this.setProperties(e);
@@ -8068,7 +8180,7 @@ var Ca = class extends wr {}, wa, Ta = class extends Yi {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => va.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => wa.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -8103,16 +8215,16 @@ var Ca = class extends wr {}, wa, Ta = class extends Yi {
 		this.syncTexture(), super._process(e);
 	}
 };
-k([_(), O("design:type", Object)], Ta.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Ta.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Ta.prototype, "color", void 0), Ta = k([x("AudioWaveform"), O("design:paramtypes", [typeof (wa = typeof Partial < "u" && Partial) == "function" ? wa : Object])], Ta);
+O([_(), D("design:type", Object)], ja.prototype, "src", void 0), O([_({ fallback: 0 }), D("design:type", Number)], ja.prototype, "gap", void 0), O([_({ fallback: "#000000" }), D("design:type", String)], ja.prototype, "color", void 0), ja = O([x("AudioWaveform"), D("design:paramtypes", [typeof (Aa = typeof Partial < "u" && Partial) == "function" ? Aa : Object])], ja);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Ea, Da = class extends Sr {
+var Ma, Na = class extends Sr {
 	static {
-		Ea = this;
+		Ma = this;
 	}
 	blur = 10;
 	quality = 10;
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nin vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 offset;\nuniform float progress;\n\nvoid main(void) {\n  vec2 offset1 = vec2(offset.x - progress * offset.x, offset.y - progress * offset.y);\n  vec4 color = vec4(0.0);\n  color += texture(sampler, vec2(vUv.x - offset1.x, vUv.y + offset1.y));\n  color += texture(sampler, vec2(vUv.x + offset1.x, vUv.y + offset1.y));\n  color += texture(sampler, vec2(vUv.x + offset1.x, vUv.y - offset1.y));\n  color += texture(sampler, vec2(vUv.x - offset1.x, vUv.y - offset1.y));\n  color *= 0.25;\n  gl_FragColor = color;\n}"
 	} });
@@ -8127,7 +8239,7 @@ var Ea, Da = class extends Sr {
 		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, Ea.material, {
+			I.draw(e, Ma.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -8135,35 +8247,35 @@ var Ea, Da = class extends Sr {
 		});
 	}
 };
-Da = Ea = k([x("KawaseTransition")], Da);
+Na = Ma = O([x("KawaseTransition")], Na);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var Oa, ka = class extends Sr {
+var Pa, Fa = class extends Sr {
 	static {
-		Oa = this;
+		Pa = this;
 	}
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		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, Oa.material, {
+		I.draw(e, Pa.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-ka = Oa = k([x("LeftEraseTransition")], ka);
+Fa = Pa = O([x("LeftEraseTransition")], Fa);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var Aa, ja = class extends Sr {
+var Ia, La = class extends Sr {
 	static {
-		Aa = this;
+		Ia = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float blur;\nuniform float gradientBlur;\nuniform vec2 start;\nuniform vec2 end;\nuniform vec2 delta;\nuniform vec2 texSize;\nuniform float progress;\n\nfloat random(vec3 scale, float seed) {\n  return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);\n}\n\nvoid main(void) {\n  float blur1 = blur - progress * blur;\n  float gradientBlur1 = progress * gradientBlur;\n\n  vec4 color = vec4(0.0);\n  float total = 0.0;\n  float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);\n  vec2 normal = normalize(vec2(start.y - end.y, end.x - start.x));\n  float radius = smoothstep(0.0, 1.0, abs(dot(vUv * texSize - start, normal)) / gradientBlur1) * blur1;\n\n  for (float t = -30.0; t <= 30.0; t++) {\n    float percent = (t + offset - 0.5) / 30.0;\n    float weight = 1.0 - abs(percent);\n    vec4 sample1 = texture2D(sampler, vUv + delta / texSize * percent * radius);\n    sample1.rgb *= sample1.a;\n    color += sample1 * weight;\n    total += weight;\n  }\n\n  color /= total;\n  color.rgb /= color.a + 0.00001;\n\n  gl_FragColor = color;\n}"
 	} });
@@ -8171,7 +8283,7 @@ var Aa, ja = class extends Sr {
 		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, Aa.material, {
+		I.draw(e, Ia.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8180,7 +8292,7 @@ var Aa, ja = class extends Sr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), L.draw(e, Aa.material, {
+		}), I.draw(e, Ia.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -8192,18 +8304,18 @@ var Aa, ja = class extends Sr {
 		});
 	}
 };
-ja = Aa = k([x("TiltShiftTransition")], ja);
+La = Ia = O([x("TiltShiftTransition")], La);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Ma, Na = class extends Sr {
+var Ra, za = class extends Sr {
 	static {
-		Ma = this;
+		Ra = this;
 	}
 	radius;
 	angle = 4;
 	padding = 20;
 	offset;
-	static material = new I({ gl: {
+	static material = new F({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float radius;\nuniform float angle;\nuniform vec2 offset;\nuniform vec4 filterArea;\nuniform float progress;\n\nvec2 mapCoord(vec2 coord) {\n  coord -= filterArea.zw;\n  coord *= filterArea.xy;\n  return coord;\n}\n\nvec2 unmapCoord(vec2 coord) {\n  coord -= filterArea.zw;\n  coord /= filterArea.xy;\n  return coord;\n}\n\nvec2 twist(vec2 coord, float radius) {\n  coord -= offset;\n  float dist = length(coord);\n  if (dist < radius) {\n    float ratioDist = (radius - dist) / radius;\n    float angleMod = ratioDist * ratioDist * angle;\n    float s = sin(angleMod);\n    float c = cos(angleMod);\n    coord = vec2(coord.x * c - coord.y * s, coord.x * s + coord.y * c);\n  }\n  coord += offset;\n  return coord;\n}\n\nvoid main(void) {\n  vec2 coord = mapCoord(vUv);\n  coord = twist(coord, radius - (progress * radius));\n  coord = unmapCoord(coord);\n  gl_FragColor = texture2D(sampler, coord);\n}"
 	} });
@@ -8211,7 +8323,7 @@ var Ma, Na = class extends Sr {
 		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, Ma.material, {
+		I.draw(e, Ra.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -8227,16 +8339,16 @@ var Ma, Na = class extends Sr {
 		});
 	}
 };
-Na = Ma = k([x("TwistTransition")], Na);
+za = Ra = O([x("TwistTransition")], za);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var Pa = class extends Mn {
+var Ba = class extends Nn {
 	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 Xn(e.map((e) => ({
+			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new Zn(e.map((e) => ({
 				duration: e.delay,
-				texture: new er({
+				texture: new tr({
 					source: e.data,
 					width: e.width,
 					height: e.height
@@ -8247,14 +8359,14 @@ var Pa = class extends Mn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, Fa = class extends Mn {
+}, Va = class extends Nn {
 	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;
 	}
-}, Ia = class extends Mn {
+}, Ha = class extends Nn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -8265,14 +8377,14 @@ var Pa = class extends Mn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, La = class extends Mn {
+}, Ua = class extends Nn {
 	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;
 	}
-}, Ra = class extends Mn {
+}, Wa = class extends Nn {
 	install(e) {
-		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new z({
+		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new R({
 			source: e,
 			uploadMethodId: "image",
 			mipmap: !0,
@@ -8294,11 +8406,11 @@ var Pa = class extends Mn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, za = class extends Mn {
+}, Ga = class extends Nn {
 	install(e) {
-		return this.load = (t) => e.awaitBy(() => new nr(t).load()), e.video = this, this;
+		return this.load = (t) => e.awaitBy(() => new rr(t).load()), e.video = this, this;
 	}
-}, Ba = Object.entries({
+}, Ka = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -8314,31 +8426,31 @@ var Pa = class extends Mn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function Va(e) {
-	for (let [t, n] of Ba) if (n.includes(e)) return t;
+function qa(e) {
+	for (let [t, n] of Ka) if (n.includes(e)) return t;
 }
-function Ha(e) {
+function Ja(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 = Va(n));
+		n && (t = qa(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var Ua = "WeakRef" in globalThis, Wa = class extends e {
+var Ya = "WeakRef" in globalThis, Xa = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = Ua ? new FinalizationRegistry((e) => {
+	_gc = Ya ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), Ua || S.on(this.gc.bind(this), { sort: 2 });
+		super(), Ya || S.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -8382,11 +8494,11 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return Ua && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return Ya && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		Ua && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		Ya && 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();
@@ -8401,7 +8513,7 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Ha(e);
+		let n = await this.loadBy(e), r = Ja(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() {
@@ -8415,14 +8527,14 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new Wa().use(new Nn()).use(new Pa()).use(new Fa()).use(new Ia()).use(new La()).use(new Ra()).use(new za()), Ga = {
+}, $ = new Xa().use(new Pn()).use(new Ba()).use(new Va()).use(new Ha()).use(new Ua()).use(new Wa()).use(new Ga()), Za = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, Ka = class extends br {
+}, Qa = class extends U {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -8453,14 +8565,14 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 		}
 	}) : void 0;
 	constructor(e = {}) {
-		let { view: t, width: n, height: r, pixelRatio: i = Ue, autoResize: a, data: o } = e;
-		super(), this.renderer = new jn(t, {
-			alpha: Ga.alpha ?? e.alpha,
-			stencil: Ga.stencil ?? e.stencil,
-			antialias: Ga.antialias ?? e.antialias,
-			premultipliedAlpha: Ga.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Ga.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Ga.powerPreference ?? e.powerPreference
+		let { view: t, width: n, height: r, pixelRatio: i = We, autoResize: a, data: o } = e;
+		super(), this.renderer = new Mn(t, {
+			alpha: Za.alpha ?? e.alpha,
+			stencil: Za.stencil ?? e.stencil,
+			antialias: Za.antialias ?? e.antialias,
+			premultipliedAlpha: Za.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: Za.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: Za.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) {
@@ -8544,22 +8656,22 @@ var Ua = "WeakRef" in globalThis, Wa = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], Ka.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ka.prototype, "autoStart", void 0);
+O([_({ fallback: !1 }), D("design:type", Boolean)], Qa.prototype, "autoResize", void 0), O([_({ fallback: !1 }), D("design:type", Boolean)], Qa.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var qa, Ja = [], Ya = !1;
-function Xa() {
-	return qa ??= new Ka({
+var $a, eo = [], to = !1;
+function no() {
+	return $a ??= new Qa({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function Za(e = 100) {
-	if (!Ya) {
-		for (Ya = !0; Ja.length;) {
-			let t = Ja.shift();
+async function ro(e = 100) {
+	if (!to) {
+		for (to = !0; eo.length;) {
+			let t = eo.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -8567,11 +8679,11 @@ async function Za(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		Ya = !1;
+		to = !1;
 	}
 }
-async function Qa(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 = Xa();
+async function io(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 = no();
 	if (f.resetProperties(), f.setProperties(l), f.debug = t, f.fonts = n, f.timeline.currentTime = 0, f.resize(u, d, !0), f.root.removeChildren(!0), f.root.append(a), await s?.(f), await f.waitAndRender(), o.length) {
 		let e = o.length, t = o[e - 1];
 		for (let n = 0; n < e; n++) {
@@ -8589,15 +8701,15 @@ async function Qa(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function $a(e) {
+async function ao(e) {
 	return new Promise((t) => {
-		Ja.push(async () => t(await Qa(e).then((e) => e.toCanvas2D()))), Za();
+		eo.push(async () => t(await io(e).then((e) => e.toCanvas2D()))), ro();
 	});
 }
-async function eo(e) {
+async function oo(e) {
 	return new Promise((t) => {
-		Ja.push(async () => t(await Qa(e).then((e) => e.pixels))), Za();
+		eo.push(async () => t(await io(e).then((e) => e.pixels))), ro();
 	});
 }
 //#endregion
-export { ct as Aabb2D, Xn as AnimatedTexture, ua as Animation, Wa as Assets, Sa as Audio, ma as AudioPipeline, ha as AudioProcessor, Ca as AudioSpectrum, Ta as AudioWaveform, A as BufferUsage, Er as Camera2D, ir as CanvasContext, pr as CanvasItem, Zn as CanvasTexture, E as Color, W as ColorAdjustEffect, Pr as ColorFilterEffect, ft as ColorMatrix, Rr as ColorOverlayEffect, Vr as ColorRemoveEffect, Gr as ColorReplaceEffect, Qn as ColorTexture, w as CoreObject, lt as DEG_TO_RAD, Ue as DEVICE_PIXEL_RATIO, G as DrawboardEffect, ti as DropShadowEffect, U as Effect, qn as EffectMaterial, Yi as Element2D, Di as Element2DBackground, Oi as Element2DConnection, Y as Element2DFill, ki as Element2DForeground, Ai as Element2DOutline, ji as Element2DShadow, Mi as Element2DShape, Ni as Element2DStyle, X as Element2DText, ii as EmbossEffect, Ka as Engine, Gi as Flexbox, Nn as FontLoader, Qr as GaussianBlurEffect, Rn as Geometry, Pa as GifLoader, $t as GlBatch2DSystem, Yt as GlBlendMode, _t as GlBuffer, Tt as GlBufferSystem, gt as GlBufferTarget, rn as GlMaskSystem, Lt as GlProgram, cn as GlRenderTarget, ln as GlRenderTargetSystem, Kt as GlShaderSystem, Zt as GlState, Qt as GlStateSystem, on as GlStencilSystem, j as GlSystem, sn as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, $n as GradientTexture, pa as HTMLAudio, da as HTMLAudioContext, fa as HTMLSound, Ve as IN_BROWSER, He as IN_MAC_OS, Fn as IndexBuffer, ot as Input, et as InputEvent, Fa as JsonLoader, pi as KawaseBlurEffect, Da as KawaseTransition, tt as KeyboardInputEvent, ka as LeftEraseTransition, Mn as Loader, Qi as Lottie2D, Ia as LottieLoader, ht as MainLoop, gi as MaskEffect, I as Material, or as Meta, nt as MouseInputEvent, B as Node, wr as Node2D, pt as Obb2D, J as OutlineEffect, _e as PI, ve as PI_2, Si as PixelateEffect, er as PixelsTexture, rt as PointerInputEvent, mt as Projection2D, Vn as QuadGeometry, L as QuadUvGeometry, ut as RAD_TO_DEG, st as RefCounted, R as RenderTarget, yt as Renderer, T as Resource, Ie as SUPPORTS_AUDIO_CONTEXT, Pe as SUPPORTS_CLICK_EVENTS, Fe as SUPPORTS_CREATE_IMAGE_BITMAP, ke as SUPPORTS_IMAGE_BITMAP, Ne as SUPPORTS_MOUSE_EVENTS, Re as SUPPORTS_OFFLINE_AUDIO_CONTEXT, je as SUPPORTS_POINTER_EVENTS, Ae as SUPPORTS_RESIZE_OBSERVER, C as SUPPORTS_TOUCH_EVENTS, Oe as SUPPORTS_WEBGL2, Le as SUPPORTS_WEBKIT_AUDIO_CONTEXT, ze as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Be as SUPPORTS_WEB_AUDIO, Me as SUPPORTS_WHEEL_EVENTS, br as SceneTree, La as TextLoader, z as Texture2D, Ra as TextureLoader, Xi as TextureRect2D, S as Ticker, ja as TiltShiftTransition, vr as Timeline, V as TimelineNode, $i as TransformRect2D, Sr as Transition, Na as TwistTransition, xt as UniformGroup, Yn as UvGeometry, Jn as UvMaterial, F as VertexAttribute, P as VertexBuffer, ta as Video2D, za as VideoLoader, nr as VideoTexture, H as Viewport, rr as ViewportTexture, ba as WebAudio, va as WebAudioContext, jn as WebGLRenderer, ya as WebSound, it as WheelInputEvent, yr as Window, Ti as ZoomBlurEffect, Q as alignMap, $ as assets, Wi as boxSizingMap, dt as clamp, fi as clampFrag, Ye as createHTMLCanvas, wt as createIdFromString, he as createNode, Ze as crossOrigin, ca as cubicBezier, x as customNode, me as customNodes, Ga as defaultOptions, Xe as determineCrossOrigin, Ri as directionMap, Li as displayMap, ia as ease, aa as easeIn, sa as easeInOut, oa as easeOut, Z as edgeMap, zi as flexDirectionMap, Bi as flexWrapMap, di as frag, Ce as getDefaultCssPropertyValue, Xa as getRenderEngine, Ii as gutterMap, $e as instanceId, qe as isCanvasElement, We as isElementNode, Ke as isImageElement, ye as isPow2, Ge as isVideoElement, Je as isWebgl2, Vi as justifyMap, D as lerp, ra as linear, tn as log2, Xt as mapGlBlendModes, en as nextPow2, ge as nextTick, Hi as overflowMap, Or as parseCssFilter, Te as parseCssFunctions, we as parseCssProperty, kr as parseCssTransformOrigin, Ui as positionTypeMap, $a as render, eo as renderPixels, an as stencilModeMap, la as timingFunctions };
+export { lt as Aabb2D, Zn as AnimatedTexture, ga as Animation, Xa as Assets, Oa as Audio, ba as AudioPipeline, xa as AudioProcessor, ka as AudioSpectrum, ja as AudioWaveform, k as BufferUsage, Er as Camera2D, ar as CanvasContext, mr as CanvasItem, Qn as CanvasTexture, T as Color, W as ColorAdjustEffect, zr as ColorFilterEffect, pt as ColorMatrix, Ur as ColorOverlayEffect, Kr as ColorRemoveEffect, Xr as ColorReplaceEffect, $n as ColorTexture, C as CoreObject, ut as DEG_TO_RAD, We as DEVICE_PIXEL_RATIO, G as DrawboardEffect, oi as DropShadowEffect, H as Effect, Jn as EffectMaterial, ta as Element2D, Mi as Element2DBackground, Ni as Element2DConnection, Y as Element2DFill, Fi as Element2DForeground, Ii as Element2DOutline, Li as Element2DShadow, Ri as Element2DShape, zi as Element2DStyle, X as Element2DText, li as EmbossEffect, Qa as Engine, Zi as Flexbox, Pn as FontLoader, ri as GaussianBlurEffect, zn as Geometry, Ba as GifLoader, en as GlBatch2DSystem, Xt as GlBlendMode, vt as GlBuffer, Et as GlBufferSystem, _t as GlBufferTarget, an as GlMaskSystem, Rt as GlProgram, ln as GlRenderTarget, un as GlRenderTargetSystem, qt as GlShaderSystem, Qt as GlState, $t as GlStateSystem, sn as GlStencilSystem, A as GlSystem, cn as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, er as GradientTexture, ya as HTMLAudio, _a as HTMLAudioContext, va as HTMLSound, He as IN_BROWSER, Ue as IN_MAC_OS, In as IndexBuffer, st as Input, tt as InputEvent, Va as JsonLoader, vi as KawaseBlurEffect, Na as KawaseTransition, nt as KeyboardInputEvent, Fa as LeftEraseTransition, Nn as Loader, ia as Lottie2D, Ha as LottieLoader, gt as MainLoop, xi as MaskEffect, F as Material, sr as Meta, rt as MouseInputEvent, z as Node, wr as Node2D, mt as Obb2D, J as OutlineEffect, _e as PI, ve as PI_2, Di as PixelateEffect, tr as PixelsTexture, it as PointerInputEvent, ht as Projection2D, Hn as QuadGeometry, I as QuadUvGeometry, dt as RAD_TO_DEG, ct as RefCounted, L as RenderTarget, bt 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, U as SceneTree, Ua as TextLoader, R as Texture2D, Wa as TextureLoader, na as TextureRect2D, S as Ticker, La as TiltShiftTransition, yr as Timeline, B as TimelineNode, aa as TransformRect2D, Sr as Transition, za as TwistTransition, St as UniformGroup, Xn as UvGeometry, Yn as UvMaterial, P as VertexAttribute, N as VertexBuffer, sa as Video2D, Ga as VideoLoader, rr as VideoTexture, V as Viewport, ir as ViewportTexture, Ea as WebAudio, wa as WebAudioContext, Mn as WebGLRenderer, Ta as WebSound, at as WheelInputEvent, br as Window, Ai as ZoomBlurEffect, Q as alignMap, $ as assets, Dr as axisDir, Xi as boxSizingMap, ft as clamp, _i as clampFrag, Xe as createHTMLCanvas, Tt as createIdFromString, he as createNode, Qe as crossOrigin, ma as cubicBezier, x as customNode, me as customNodes, Za as defaultOptions, Ze as determineCrossOrigin, Wi as directionMap, Ui as displayMap, ua as ease, da as easeIn, pa as easeInOut, fa as easeOut, Z as edgeMap, Gi as flexDirectionMap, Ki as flexWrapMap, gi as frag, Ce as getDefaultCssPropertyValue, no as getRenderEngine, Hi as gutterMap, et as instanceId, Je as isCanvasElement, Ge as isElementNode, qe as isImageElement, ye as isPow2, Ke as isVideoElement, Ye as isWebgl2, qi as justifyMap, E as lerp, la as linear, nn as log2, Zt as mapGlBlendModes, tn as nextPow2, ge as nextTick, Ji as overflowMap, Nr as parseCssFilter, Te as parseCssFunctions, we as parseCssProperty, Pr as parseCssTransformOrigin, Yi as positionTypeMap, ao as render, oo as renderPixels, Or as routeConnection, on as stencilModeMap, ha as timingFunctions };