modern-canvas 0.23.14 → 0.24.1

package/dist/index.js

@@ -1,12 +1,12 @@
-import { Observable as e, RawWeakMap as t, Reactivable as n, clearUndef as r, defineProperty as i, getDefaultLayoutStyle as a, getDefaultStyle as o, getDefaultTextStyle as s, idGenerator as c, isColorFillObject as l, isGradient as u, isNone as d, normalizeBackground as f, normalizeChart as p, normalizeConnection as m, normalizeFill as h, normalizeForeground as g, normalizeOutline as ee, normalizeShadow as te, normalizeShape as ne, normalizeTable as re, normalizeText as ie, normalizeTextContent as ae, parseColor as oe, property as _, stringifyFilter as se } from "modern-idoc";
-import { BoundingBox as ce, Path2D as le, Path2DSet as ue, PathMeasure as de, Transform2D as v, Vector2 as y, svgToDom as fe, svgToPath2DSet as pe } from "modern-path2d";
-import { extend as me } from "colord";
-import he from "colord/plugins/names";
-import { fonts as ge } from "modern-font";
-import { Character as _e, Text as ve } from "modern-text";
+import { Observable as e, RawWeakMap as t, Reactivable as n, clearUndef as r, defineProperty as i, getDefaultLayoutStyle as a, getDefaultStyle as o, getDefaultTextStyle as s, idGenerator as c, isColorFillObject as l, isGradient as u, isNone as d, normalizeBackground as f, normalizeChart as p, normalizeComments as m, normalizeConnection as h, normalizeFill as g, normalizeForeground as ee, normalizeOutline as te, normalizeShadow as ne, normalizeShape as re, normalizeTable as ie, normalizeText as ae, normalizeTextContent as oe, parseColor as se, property as _, stringifyFilter as ce } from "modern-idoc";
+import { BoundingBox as le, Path2D as v, Path2DSet as ue, PathMeasure as y, Transform2D as b, Vector2 as x, svgToDom as de, svgToPath2DSet as fe } from "modern-path2d";
+import { extend as pe } from "colord";
+import me from "colord/plugins/names";
+import { fonts as he } from "modern-font";
+import { Character as ge, Text as _e } from "modern-text";
 //#region src/core/decorators/customNode.ts
-var ye = /* @__PURE__ */ new Map();
-function b(e, t) {
+var ve = /* @__PURE__ */ new Map();
+function S(e, t) {
 	return function(n) {
 		Object.defineProperty(n.prototype, "is", {
 			value: e,
@@ -14,19 +14,19 @@ function b(e, t) {
 			configurable: !0
 		}), t && Object.keys(t).forEach((e) => {
 			i(n, e, { fallback: t[e] });
-		}), ye.set(e, n);
+		}), ve.set(e, n);
 	};
 }
 //#endregion
 //#region src/core/global/createNode.ts
-function be(e = "node", t = {}) {
-	let n = ye.get(e);
+function ye(e = "node", t = {}) {
+	let n = ve.get(e);
 	if (!n) throw Error(`Failed to createNode, tag: ${e}`);
 	return new n().setProperties(t);
 }
 //#endregion
 //#region src/core/global/Ticker.ts
-var x = class {
+var C = class {
 	static _queue = [];
 	static _currentTime = 0;
 	static _elapsed = 0;
@@ -83,12 +83,12 @@ var x = class {
 		this._queue = t;
 	}
 };
-x.start();
+C.start();
 //#endregion
 //#region src/core/global/nextTick.ts
-async function xe(e) {
+async function be(e) {
 	return new Promise((t) => {
-		x.on(() => {
+		C.on(() => {
 			e?.(), t();
 		}, {
 			sort: 1,
@@ -98,14 +98,14 @@ async function xe(e) {
 }
 //#endregion
 //#region src/core/shared/utils.ts
-var Se = Math.PI, Ce = Se * 2;
-function we(e) {
+var xe = Math.PI, Se = xe * 2;
+function Ce(e) {
 	return !(e & e - 1) && !!e;
 }
 //#endregion
 //#region src/core/shared/css.ts
-var Te = /([\w-]+)\((.+?)\)/g, Ee = /[^,]+/g, De = /([-e.\d]+)(.*)/;
-function Oe(e) {
+var we = /([\w-]+)\((.+?)\)/g, Te = /[^,]+/g, Ee = /([-e.\d]+)(.*)/;
+function De(e) {
 	return Array.isArray(e) ? e.map((e) => ({
 		name: e.name,
 		args: e.args.map((e) => ({
@@ -117,31 +117,31 @@ function Oe(e) {
 		normalizedIntValue: e.normalizedDefaultIntValue
 	};
 }
-function ke(e, t, n = {}) {
-	let r = Ae(t, n);
-	return r.length ? r : Me(e, t, n);
+function Oe(e, t, n = {}) {
+	let r = ke(t, n);
+	return r.length ? r : je(e, t, n);
 }
-function Ae(e, t = {}) {
+function ke(e, t = {}) {
 	let n = [], r;
-	for (; (r = Te.exec(e)) !== null;) {
+	for (; (r = we.exec(e)) !== null;) {
 		let [, e, i] = r;
 		e && n.push({
 			name: e,
-			args: je(e, i, t)
+			args: Ae(e, i, t)
 		});
 	}
 	return n;
 }
-function je(e, t, n = {}) {
+function Ae(e, t, n = {}) {
 	let r = [], i, a = 0;
-	for (; (i = Ee.exec(t)) !== null;) r.push(Me(e, i[0], {
+	for (; (i = Te.exec(t)) !== null;) r.push(je(e, i[0], {
 		...n,
 		index: a++
 	}));
 	return r;
 }
-function Me(e, t, n = {}) {
-	let { width: r = 1, height: i = 1, index: a = 0 } = n, o = t.match(De), s = {
+function je(e, t, n = {}) {
+	let { width: r = 1, height: i = 1, index: a = 0 } = n, o = t.match(Ee), s = {
 		unit: o?.[2] ?? null,
 		value: t,
 		intValue: Number(o?.[1]),
@@ -161,7 +161,7 @@ function Me(e, t, n = {}) {
 			s.normalizedIntValue = s.intValue / 100;
 			break;
 		case "rad":
-			s.normalizedIntValue = s.intValue / Ce;
+			s.normalizedIntValue = s.intValue / Se;
 			break;
 		case "deg":
 			s.normalizedIntValue = s.intValue / 360;
@@ -184,48 +184,48 @@ function Me(e, t, n = {}) {
 }
 //#endregion
 //#region src/core/shared/dom.ts
-var Ne = "WebGL2RenderingContext" in globalThis, Pe = "ImageBitmap" in globalThis, Fe = "ResizeObserver" in globalThis, Ie = "PointerEvent" in globalThis, Le = "WheelEvent" in globalThis, Re = "MouseEvent" in globalThis, ze = "ontouchstart" in globalThis, Be = "onclick" in globalThis, Ve = "createImageBitmap" in globalThis, He = "AudioContext" in globalThis, Ue = "webkitAudioContext" in globalThis, We = "OfflineAudioContext" in globalThis, Ge = "webkitOfflineAudioContext" in globalThis, Ke = He || Ue, qe = typeof window < "u", Je = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, Ye = globalThis.devicePixelRatio || 1, Xe = (e) => typeof e == "object" && !!e && e.nodeType === 1, Ze = (e) => Xe(e) && e.tagName === "VIDEO", Qe = (e) => Xe(e) && e.tagName === "IMG";
-function $e(e) {
+var Me = "WebGL2RenderingContext" in globalThis, Ne = "ImageBitmap" in globalThis, Pe = "ResizeObserver" in globalThis, Fe = "PointerEvent" in globalThis, Ie = "WheelEvent" in globalThis, Le = "MouseEvent" in globalThis, Re = "ontouchstart" in globalThis, ze = "onclick" in globalThis, Be = "createImageBitmap" in globalThis, Ve = "AudioContext" in globalThis, He = "webkitAudioContext" in globalThis, Ue = "OfflineAudioContext" in globalThis, We = "webkitOfflineAudioContext" in globalThis, Ge = Ve || He, Ke = typeof window < "u", qe = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, Je = globalThis.devicePixelRatio || 1, Ye = (e) => typeof e == "object" && !!e && e.nodeType === 1, Xe = (e) => Ye(e) && e.tagName === "VIDEO", Ze = (e) => Ye(e) && e.tagName === "IMG";
+function Qe(e) {
 	return typeof e == "object" && !!e && e.nodeType === 1 && e.tagName === "CANVAS";
 }
-function et(e) {
-	return Ne && e instanceof globalThis.WebGL2RenderingContext;
+function $e(e) {
+	return Me && e instanceof globalThis.WebGL2RenderingContext;
 }
-var tt;
-function nt(e) {
-	tt = e;
+var et;
+function tt(e) {
+	et = e;
 }
-function rt() {
-	return tt;
+function nt() {
+	return et;
 }
-var it;
-function at(e) {
-	it = e;
+var rt;
+function it(e) {
+	rt = e;
 }
-function ot() {
-	return it;
+function at() {
+	return rt;
 }
-function S(e, t) {
+function w(e, t) {
 	let n;
-	return tt ? n = tt(e, t) : qe && (n = globalThis.document.createElement("canvas")), n && (e !== void 0 && (n.width = e), t !== void 0 && (n.height = t)), n;
+	return et ? n = et(e, t) : Ke && (n = globalThis.document.createElement("canvas")), n && (e !== void 0 && (n.width = e), t !== void 0 && (n.height = t)), n;
 }
-function st(e, t = globalThis.location) {
+function ot(e, t = globalThis.location) {
 	if (e.startsWith("data:") || !t || typeof document > "u") return "";
 	let n = new URL(e, document.baseURI);
 	return n.hostname !== t.hostname || n.port !== t.port || n.protocol !== t.protocol ? "anonymous" : "";
 }
-function ct(e, t, n) {
-	n === null && !t.startsWith("data:") ? e.crossOrigin = st(t) : n !== !1 && (e.crossOrigin = typeof n == "string" ? n : "anonymous");
+function st(e, t, n) {
+	n === null && !t.startsWith("data:") ? e.crossOrigin = ot(t) : n !== !1 && (e.crossOrigin = typeof n == "string" ? n : "anonymous");
 }
 //#endregion
 //#region src/core/shared/id.ts
-var lt = 0;
-function ut() {
-	return ++lt;
+var ct = 0;
+function lt() {
+	return ++ct;
 }
 //#endregion
 //#region src/core/input/InputEvent.ts
-var dt = class e {
+var ut = class e {
 	cursor;
 	bubbles = !1;
 	cancelBubble = !1;
@@ -260,14 +260,14 @@ var dt = class e {
 	initUIEvent(...e) {
 		throw Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
 	}
-}, ft = class extends dt {
+}, dt = class extends ut {
 	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.");
 	}
-}, pt = class extends dt {
+}, ft = class extends ut {
 	client = {
 		x: 0,
 		y: 0
@@ -350,7 +350,7 @@ var dt = class e {
 	get globalY() {
 		return this.global.y;
 	}
-}, mt = class extends pt {
+}, pt = class extends ft {
 	width = 0;
 	height = 0;
 	isPrimary = !1;
@@ -360,20 +360,20 @@ var dt = class e {
 	getPredictedEvents() {
 		throw Error("getPredictedEvents is not supported!");
 	}
-}, ht = class extends pt {
+}, mt = class extends ft {
 	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;
-}, gt = {
+}, ht = {
 	touchstart: "pointerdown",
 	touchend: "pointerup",
 	touchendoutside: "pointerupoutside",
 	touchmove: "pointermove",
 	touchcancel: "pointercancel"
-}, _t = class extends e {
+}, gt = class extends e {
 	event;
 	target;
 	cursor = "default";
@@ -391,21 +391,21 @@ var dt = class e {
 	removeEventListeners() {
 		if (!this.setuped || !this.target) return;
 		let e = this.target.style;
-		globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "", e.msTouchAction = "") : Ie && (e.touchAction = ""), Ie ? (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)), ze && (this.target.removeEventListener("touchstart", this._onPointerDown), this.target.removeEventListener("touchmove", this._onPointerMove), this.target.removeEventListener("touchend", this._onPointerUp)), this.target.removeEventListener("wheel", this._onWheel), typeof document < "u" && (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 = "") : Fe && (e.touchAction = ""), Fe ? (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)), Re && (this.target.removeEventListener("touchstart", this._onPointerDown), this.target.removeEventListener("touchmove", this._onPointerMove), this.target.removeEventListener("touchend", this._onPointerUp)), this.target.removeEventListener("wheel", this._onWheel), typeof document < "u" && (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") : Ie && (e.touchAction = "none")), Ie ? (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)), ze && (this.target.addEventListener("touchstart", this._onPointerDown), this.target.addEventListener("touchmove", this._onPointerMove), this.target.addEventListener("touchend", this._onPointerUp)), this.target.addEventListener("wheel", this._onWheel), typeof document < "u" && (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") : Fe && (e.touchAction = "none")), Fe ? (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)), Re && (this.target.addEventListener("touchstart", this._onPointerDown), this.target.addEventListener("touchmove", this._onPointerMove), this.target.addEventListener("touchend", this._onPointerUp)), this.target.addEventListener("wheel", this._onWheel), typeof document < "u" && (document.addEventListener("keydown", this._onKeyDown), document.addEventListener("keypress", this._onKeyPress), document.addEventListener("keyup", this._onKeyUp)), this.setuped = !0;
 	}
 	normalize(e) {
 		let t = [];
-		if (ze && e instanceof globalThis.TouchEvent) for (let n = 0, r = e.changedTouches.length; n < r; n++) {
+		if (Re && e instanceof globalThis.TouchEvent) for (let n = 0, r = e.changedTouches.length; n < r; n++) {
 			let r = e.changedTouches[n];
 			r.button === void 0 && (r.button = 0), r.buttons === void 0 && (r.buttons = 1), r.isPrimary === void 0 && (r.isPrimary = e.touches.length === 1 && e.type === "touchstart"), r.width === void 0 && (r.width = r.radiusX || 1), r.height === void 0 && (r.height = r.radiusY || 1), r.tiltX === void 0 && (r.tiltX = 0), r.tiltY === void 0 && (r.tiltY = 0), r.pointerType === void 0 && (r.pointerType = "touch"), r.pointerId === void 0 && (r.pointerId = r.identifier || 0), r.pressure === void 0 && (r.pressure = r.force || .5), r.twist === void 0 && (r.twist = 0), r.tangentialPressure === void 0 && (r.tangentialPressure = 0), r.layerX === void 0 && (r.layerX = r.offsetX = r.clientX), r.layerY === void 0 && (r.layerY = r.offsetY = r.clientY), r.type = e.type, t.push(r);
 		}
-		else if (Le && e instanceof globalThis.WheelEvent) t.push(e);
-		else if (Ie && e instanceof globalThis.PointerEvent) t.push(e);
+		else if (Ie && e instanceof globalThis.WheelEvent) t.push(e);
+		else if (Fe && e instanceof globalThis.PointerEvent) t.push(e);
 		else {
 			let n = e;
 			n.isPrimary === void 0 && (n.isPrimary = !0), n.width === void 0 && (n.width = 1), n.height === void 0 && (n.height = 1), n.tiltX === void 0 && (n.tiltX = 0), n.tiltY === void 0 && (n.tiltY = 0), n.pointerType === void 0 && (n.pointerType = "mouse"), n.pointerId === void 0 && (n.pointerId = 1), n.pressure === void 0 && (n.pressure = .5), n.twist === void 0 && (n.twist = 0), n.tangentialPressure === void 0 && (n.tangentialPressure = 0), t.push(n);
@@ -413,8 +413,8 @@ var dt = class e {
 		return t;
 	}
 	_clonePointerEvent(e) {
-		let t = new mt();
-		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 = gt[t.type] || t.type), t;
+		let t = new pt();
+		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 = ht[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;
@@ -423,11 +423,11 @@ var dt = 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 ht();
+		let t = new mt();
 		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 ft();
+		let t = new dt();
 		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") {
@@ -475,25 +475,25 @@ var dt = class e {
 		this.event?.cursor && this.setCursor(this.event.cursor);
 	};
 	_onPointerDown = (e) => {
-		if (ze && e.pointerType === "touch") return;
+		if (Re && 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 || ze && e.pointerType === "touch") return;
+		if (!this.enableClickEvent || Re && 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 || ze && e.pointerType === "touch") return;
+		if (!this.enableMoveEvent || Re && 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 || ze && e.pointerType === "touch") return;
+		if (!this.enableClickEvent || Re && 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);
@@ -512,8 +512,8 @@ var dt = class e {
 	destroy() {
 		this.removeEventListeners(), super.destroy();
 	}
-}, C = class extends n {
-	instanceId = ut();
+}, T = class extends n {
+	instanceId = lt();
 	destroyed = !1;
 	get json() {
 		return this.toJSON();
@@ -522,7 +522,7 @@ var dt = class e {
 		this.setProperties(e);
 	}
 	_nextTick() {
-		return xe();
+		return be();
 	}
 	equal(e) {
 		return !!(e && this.instanceId === e.instanceId);
@@ -531,7 +531,7 @@ var dt = class e {
 	destroy() {
 		this.destroyed || (this.destroyed = !0, this._destroy(), this.emit("destroy"), this.removeAllListeners());
 	}
-}, vt = class extends C {}, w = class extends vt {}, yt = class e {
+}, _t = class extends T {}, E = class extends _t {}, vt = class e {
 	get x() {
 		return this.min.x;
 	}
@@ -584,7 +584,7 @@ var dt = class e {
 	size;
 	max;
 	constructor(...e) {
-		let t = new y(), n = new y();
+		let t = new x(), n = new x();
 		switch (e.length) {
 			case 0: break;
 			case 1: {
@@ -602,7 +602,7 @@ var dt = class e {
 				t.set(e[0], e[1]), n.set(Math.max(0, e[2]), Math.max(0, e[3]));
 				break;
 		}
-		this._updateMax = this._updateMax.bind(this), this._updateSize = this._updateSize.bind(this), this.min = new y(t.x, t.y, this._updateMax), this.size = new y(n.x, n.y, this._updateMax), this.max = new y(t.x + n.x, t.y + n.y, this._updateSize);
+		this._updateMax = this._updateMax.bind(this), this._updateSize = this._updateSize.bind(this), this.min = new x(t.x, t.y, this._updateMax), this.size = new x(n.x, n.y, this._updateMax), this.max = new x(t.x + n.x, t.y + n.y, this._updateSize);
 	}
 	_updateSize() {
 		return this.size.set(this.max.x - this.min.x, this.max.y - this.min.y), this;
@@ -629,7 +629,7 @@ var dt = class e {
 		return this.width * this.height;
 	}
 	getCenter() {
-		return new y(this.min.x + this.size.x / 2, this.min.y + this.size.y / 2);
+		return new x(this.min.x + this.size.x / 2, this.min.y + this.size.y / 2);
 	}
 	toCssStyle() {
 		return {
@@ -664,13 +664,13 @@ var dt = class e {
 };
 //#endregion
 //#region src/core/math/Color.ts
-me([he]);
-var T = class {
+pe([me]);
+var yt = class {
 	get value() {
 		return this._value;
 	}
 	set value(e) {
-		this._value = e, this._colord = oe(e ?? "none");
+		this._value = e, this._colord = se(e ?? "none");
 	}
 	get r8() {
 		return this._colord.rgba.r;
@@ -748,8 +748,8 @@ var T = class {
 			this.a
 		];
 	}
-}, bt = Se / 180, xt = 180 / Se;
-function E(e, t, n) {
+}, bt = xe / 180, xt = 180 / xe;
+function St(e, t, n) {
 	return Math.max(t, Math.min(e, n));
 }
 function D(e, t, n) {
@@ -757,7 +757,7 @@ function D(e, t, n) {
 }
 //#endregion
 //#region src/core/math/ColorMatrix.ts
-var St = class {
+var Ct = class {
 	_array = new Float32Array(20);
 	constructor() {
 		this.identity();
@@ -912,7 +912,7 @@ var St = class {
 		]);
 	}
 	sepia(e = 1) {
-		let t = E(e, 0, 1);
+		let t = St(e, 0, 1);
 		return this.multiply([
 			D(1, .393, t),
 			D(0, .7689999, t),
@@ -961,7 +961,7 @@ var St = class {
 		]);
 	}
 	grayscale(e = 1) {
-		let t = E(e, 0, 1), n = D(1, .3, t), r = D(0, .3, t), i = D(1, .59, t), a = D(0, .59, t), o = D(1, .11, t), s = D(0, .11, t);
+		let t = St(e, 0, 1), n = D(1, .3, t), r = D(0, .3, t), i = D(1, .59, t), a = D(0, .59, t), o = D(1, .11, t), s = D(0, .11, t);
 		return this.multiply([
 			n,
 			a,
@@ -1013,7 +1013,7 @@ var St = class {
 	toArray() {
 		return this._array;
 	}
-}, Ct = class e extends yt {
+}, wt = class e extends vt {
 	rotation;
 	get rotationDegrees() {
 		return this.rotation / bt;
@@ -1068,7 +1068,7 @@ var St = class {
 	clone() {
 		return new e(this.toJSON());
 	}
-}, wt = class {
+}, Tt = class {
 	_array;
 	x = 0;
 	y = 0;
@@ -1105,7 +1105,7 @@ function k(e, t, n, r) {
 }
 //#endregion
 //#region src/core/os/MainLoop.ts
-var Tt = class extends C {
+var Et = class extends T {
 	_starting = !1;
 	_nextDeltaTime = 0;
 	_startedProcess;
@@ -1119,13 +1119,13 @@ var Tt = class extends C {
 		super(), this._onTicker = this._onTicker.bind(this), this.setProperties(e);
 	}
 	start(e) {
-		this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), x.on(this._onTicker, { sort: 0 }));
+		this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), C.on(this._onTicker, { sort: 0 }));
 	}
 	stop() {
-		this._starting && (this._starting = !1, x.off(this._onTicker, { sort: 0 }));
+		this._starting && (this._starting = !1, C.off(this._onTicker, { sort: 0 }));
 	}
 	_onTicker() {
-		let e = x.elapsed * this.speed;
+		let e = C.elapsed * this.speed;
 		if ((this._nextDeltaTime -= e) <= 0) {
 			let t = (this._nextDeltaTime = this.spf) || e;
 			this.emit("process", t);
@@ -1135,14 +1135,14 @@ var Tt = class extends C {
 		super._destroy(), this.stop();
 	}
 };
-k([_({ fallback: 60 }), O("design:type", Number)], Tt.prototype, "fps", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Tt.prototype, "speed", void 0);
+k([_({ fallback: 60 }), O("design:type", Number)], Et.prototype, "fps", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Et.prototype, "speed", void 0);
 //#endregion
 //#region src/core/renderers/gl/buffer/const.ts
-var Et = /* @__PURE__ */ function(e) {
+var Dt = /* @__PURE__ */ function(e) {
 	return e[e.elementArrayBuffer = 34963] = "elementArrayBuffer", e[e.arrayBuffer = 34962] = "arrayBuffer", e[e.uniformBuffer = 35345] = "uniformBuffer", e;
-}({}), Dt = class {
+}({}), Ot = class {
 	native;
-	target = Et.arrayBuffer;
+	target = Dt.arrayBuffer;
 	byteLength = 0;
 	dirty = !0;
 	constructor(e) {
@@ -1150,7 +1150,7 @@ var Et = /* @__PURE__ */ function(e) {
 	}
 }, A = /* @__PURE__ */ function(e) {
 	return e[e.mapRead = 1] = "mapRead", e[e.mapWrite = 2] = "mapWrite", e[e.copySrc = 4] = "copySrc", e[e.copyDst = 8] = "copyDst", e[e.index = 16] = "index", e[e.vertex = 32] = "vertex", e[e.uniform = 64] = "uniform", e[e.storage = 128] = "storage", e[e.indirect = 256] = "indirect", e[e.queryResolve = 512] = "queryResolve", e[e.static = 1024] = "static", e;
-}({}), Ot = class extends n {
+}({}), kt = class extends n {
 	screen = {
 		x: 0,
 		y: 0,
@@ -1169,12 +1169,12 @@ var Et = /* @__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: Ye }), O("design:type", Number)], Ot.prototype, "pixelRatio", void 0), k([_({ internal: !0 }), O("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], Ot.prototype, "view", void 0);
+k([_({ fallback: Je }), O("design:type", Number)], kt.prototype, "pixelRatio", void 0), k([_({ internal: !0 }), O("design:type", typeof HTMLCanvasElement > "u" ? Object : HTMLCanvasElement)], kt.prototype, "view", void 0);
 //#endregion
 //#region src/core/renderers/shared/shader/UniformGroup.ts
-var kt = 0, At = class {
+var At = 0, jt = class {
 	isUniformGroup = !0;
-	uid = ++kt;
+	uid = ++At;
 	uniforms;
 	ubo;
 	isStatic;
@@ -1185,10 +1185,10 @@ var kt = 0, At = class {
 	update() {
 		this._dirtyId++;
 	}
-}, jt = Object.create(null), Mt = Object.create(null);
-function Nt(e, t) {
-	let n = Mt[e];
-	return n === void 0 && (jt[t] === void 0 && (jt[t] = 1), Mt[e] = n = jt[t]++), n;
+}, Mt = Object.create(null), Nt = Object.create(null);
+function Pt(e, t) {
+	let n = Nt[e];
+	return n === void 0 && (Mt[t] === void 0 && (Mt[t] = 1), Nt[e] = n = Mt[t]++), n;
 }
 //#endregion
 //#region src/core/renderers/gl/system/GlSystem.ts
@@ -1206,7 +1206,7 @@ var j = class extends e {
 	_setup() {}
 	flush() {}
 	reset() {}
-}, Pt = class extends j {
+}, Ft = class extends j {
 	install(e) {
 		super.install(e), e.buffer = this;
 	}
@@ -1216,8 +1216,8 @@ var j = class extends e {
 		return this.glBuffers.get(e.instanceId) || this._createGlBuffer(e);
 	}
 	_createGlBuffer(e) {
-		let t = this._gl, n = new Dt(t.createBuffer()), r = Et.arrayBuffer;
-		return e.usage & A.index ? r = Et.elementArrayBuffer : e.usage & A.uniform && (r = Et.uniformBuffer), n.target = r, this.glBuffers.set(e.instanceId, n), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (e) => {
+		let t = this._gl, n = new Ot(t.createBuffer()), r = Dt.arrayBuffer;
+		return e.usage & A.index ? r = Dt.elementArrayBuffer : e.usage & A.uniform && (r = Dt.uniformBuffer), n.target = r, this.glBuffers.set(e.instanceId, n), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (e) => {
 			switch (e) {
 				case "usage":
 				case "data":
@@ -1255,13 +1255,13 @@ var j = class extends e {
 		}
 		this.buffers.clear(), this.glBuffers.clear();
 	}
-}, Ft;
-function It() {
-	return Ft ||= "mediump", Ft;
+}, It;
+function Lt() {
+	return It ||= "mediump", It;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/addProgramDefines.ts
-function Lt(e, t, n) {
+function Rt(e, t, n) {
 	return t ? e : n ? (e = e.replace("out vec4 finalColor;", ""), `#ifdef GL_ES
   #define in varying
   #define finalColor gl_FragColor
@@ -1275,7 +1275,7 @@ ${e}`;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/ensurePrecision.ts
-function Rt(e, t, n) {
+function zt(e, t, n) {
 	let r = n ? t.maxSupportedFragmentPrecision : t.maxSupportedVertexPrecision;
 	if (e.substring(0, 9) !== "precision") {
 		let i = n ? t.requestedFragmentPrecision : t.requestedVertexPrecision;
@@ -1285,31 +1285,31 @@ function Rt(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/insertVersion.ts
-function zt(e, t) {
+function Bt(e, t) {
 	return t ? `#version 300 es\n${e}` : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/preprocessors/setProgramName.ts
-var Bt = {}, Vt = {};
-function Ht(e, { name: t = "program" }, n = !0) {
+var Vt = {}, Ht = {};
+function Ut(e, { name: t = "program" }, n = !0) {
 	t = t.replace(/\s+/g, "-"), t += n ? "-fragment" : "-vertex";
-	let r = n ? Bt : Vt;
+	let r = n ? Vt : Ht;
 	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 Ut(e, t) {
+function Wt(e, t) {
 	return t ? e.replace("#version 300 es", "") : e;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgram.ts
-var Wt = Object.create(null), Gt = {
-	stripVersion: Ut,
-	ensurePrecision: Rt,
-	addProgramDefines: Lt,
-	setProgramName: Ht,
-	insertVersion: zt
-}, Kt = class e {
+var Gt = Object.create(null), Kt = {
+	stripVersion: Wt,
+	ensurePrecision: zt,
+	addProgramDefines: Rt,
+	setProgramName: Ut,
+	insertVersion: Bt
+}, qt = class e {
 	static defaultOptions = {
 		preferredVertexPrecision: "highp",
 		preferredFragmentPrecision: "mediump"
@@ -1332,25 +1332,25 @@ var Wt = Object.create(null), Gt = {
 				requestedFragmentPrecision: t.preferredFragmentPrecision,
 				requestedVertexPrecision: t.preferredVertexPrecision,
 				maxSupportedVertexPrecision: "highp",
-				maxSupportedFragmentPrecision: It()
+				maxSupportedFragmentPrecision: Lt()
 			},
 			setProgramName: { name: t.name },
 			addProgramDefines: i,
 			insertVersion: i
 		};
-		Object.keys(Gt).forEach((e) => {
+		Object.keys(Kt).forEach((e) => {
 			let t = a[e];
-			n = Gt[e](n, t, !0), r = Gt[e](r, t, !1);
-		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = Nt(`${r}:${n}`, "GlProgram");
+			n = Kt[e](n, t, !0), r = Kt[e](r, t, !1);
+		}), this.fragment = n, this.vertex = r, this.transformFeedbackVaryings = t.transformFeedbackVaryings, this.id = Pt(`${r}:${n}`, "GlProgram");
 	}
 	destroy() {
-		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Wt[this._cacheKey];
+		this.fragment = "", this.vertex = "", this.attributes = Object.create(null), this.uniforms = Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete Gt[this._cacheKey];
 	}
 	static from(t) {
 		let n = `${t.vertex}:${t.fragment}`;
-		return Wt[n] || (Wt[n] = new e(t), Wt[n]._cacheKey = n), Wt[n];
+		return Gt[n] || (Gt[n] = new e(t), Gt[n]._cacheKey = n), Gt[n];
 	}
-}, qt = {
+}, Jt = {
 	uint8x2: {
 		size: 2,
 		stride: 2,
@@ -1502,18 +1502,18 @@ var Wt = Object.create(null), Gt = {
 		normalized: !1
 	}
 };
-function Jt(e) {
-	return qt[e] ?? qt.float32;
+function Yt(e) {
+	return Jt[e] ?? Jt.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlProgramData.ts
-var Yt = class {
+var Xt = class {
 	native;
 	uniformDirtyGroups = Object.create(null);
 	constructor(e) {
 		this.native = e;
 	}
-}, Xt, Zt = {
+}, Zt, Qt = {
 	FLOAT: "float",
 	FLOAT_VEC2: "vec2",
 	FLOAT_VEC3: "vec3",
@@ -1542,7 +1542,7 @@ var Yt = class {
 	SAMPLER_2D_ARRAY: "sampler2DArray",
 	INT_SAMPLER_2D_ARRAY: "sampler2DArray",
 	UNSIGNED_INT_SAMPLER_2D_ARRAY: "sampler2DArray"
-}, Qt = {
+}, $t = {
 	float: "float32",
 	vec2: "float32x2",
 	vec3: "float32x3",
@@ -1560,29 +1560,29 @@ var Yt = class {
 	bvec3: "uint32x3",
 	bvec4: "uint32x4"
 };
-function $t(e, t) {
-	if (!Xt) {
-		let t = Object.keys(Zt);
-		Xt = {};
+function en(e, t) {
+	if (!Zt) {
+		let t = Object.keys(Qt);
+		Zt = {};
 		for (let n = 0; n < t.length; ++n) {
 			let r = t[n];
-			Xt[e[r]] = Zt[r];
+			Zt[e[r]] = Qt[r];
 		}
 	}
-	return Xt[t];
+	return Zt[t];
 }
-function en(e, t) {
-	return Qt[$t(e, t)] || "float32";
+function tn(e, t) {
+	return $t[en(e, t)] || "float32";
 }
 //#endregion
 //#region src/core/renderers/gl/shader/GlShaderSystem.ts
-var tn = class extends j {
+var nn = class extends j {
 	install(e) {
 		super.install(e), e.shader = this;
 	}
 	glProgramDatas = /* @__PURE__ */ new Map();
 	currentProgram = null;
-	globalUniforms = new At({
+	globalUniforms = new jt({
 		projectionMatrix: new Float32Array([
 			1,
 			0,
@@ -1623,7 +1623,7 @@ var tn = class extends j {
 		return this.glProgramDatas.get(e.id) || this._createGlProgramData(e);
 	}
 	_createGlProgramData(e) {
-		let t = this._gl, n = new Yt(t.createProgram());
+		let t = this._gl, n = new Xt(t.createProgram());
 		this.glProgramDatas.set(e.id, n), this.useProgram(e);
 		let r = this._createGlShader(e.vertex, t.VERTEX_SHADER), i = this._createGlShader(e.fragment, t.FRAGMENT_SHADER);
 		if (t.attachShader(n.native, r), t.attachShader(n.native, i), t.linkProgram(n.native), !t.getProgramParameter(n.native, t.LINK_STATUS)) throw Error(`Failed to link program: ${t.getProgramInfoLog(n.native)}`);
@@ -1631,11 +1631,11 @@ var tn = 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 = en(t, e.type);
+			let i = tn(t, e.type);
 			a[e.name] = {
 				location: 0,
 				format: i,
-				stride: Jt(i).stride,
+				stride: Yt(i).stride,
 				offset: 0,
 				instance: !1,
 				start: 0
@@ -1652,7 +1652,7 @@ var tn = 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 = $t(t, e.type), o = e.size;
+			let i = e.name.replace(/\[.*?\]$/, ""), a = en(t, e.type), o = e.size;
 			c[i] = {
 				name: i,
 				index: r,
@@ -1687,7 +1687,7 @@ var tn = 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 (nn(o.value, a)) switch (o.value = rn(o.value, a), s) {
+			if (rn(o.value, a)) switch (o.value = an(o.value, a), s) {
 				case "float":
 					c ? r.uniform1fv(u, a) : r.uniform1f(u, a);
 					break;
@@ -1774,7 +1774,7 @@ var tn = class extends j {
 		super.destroy(), this.bind(null);
 	}
 };
-function nn(e, t) {
+function rn(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e != "object" || !e || e.length !== n) return !0;
@@ -1783,7 +1783,7 @@ function nn(e, t) {
 	}
 	return e !== t;
 }
-function rn(e, t) {
+function an(e, t) {
 	if (typeof t == "object" && t) {
 		let n = t.length;
 		if (typeof e == "object" && e && e.length === n) {
@@ -1796,10 +1796,10 @@ function rn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlBlendMode.ts
-var an = /* @__PURE__ */ function(e) {
+var on = /* @__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 on(e) {
+function sn(e) {
 	return {
 		normal: [e.ONE, e.ONE_MINUS_SRC_ALPHA],
 		add: [e.ONE, e.ONE],
@@ -1854,7 +1854,7 @@ function on(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/state/GlStateSystem.ts
-var sn = class e {
+var cn = class e {
 	static _properties = [
 		"blend",
 		"offsets",
@@ -1881,14 +1881,14 @@ var sn = class e {
 		let t = new e();
 		return t.depthTest = !1, t.blend = !0, t;
 	}
-	_blendMode = an.normal;
+	_blendMode = on.normal;
 	_polygonOffset = 0;
 	bitmap = 0;
 	get blendMode() {
 		return this._blendMode;
 	}
 	set blendMode(e) {
-		this.blend = e !== an.none, this._blendMode = e;
+		this.blend = e !== on.none, this._blendMode = e;
 	}
 	get polygonOffset() {
 		return this._polygonOffset;
@@ -1900,19 +1900,19 @@ var sn = class e {
 		if (e) for (let t in e) this[t] = e[t];
 	}
 };
-sn._init();
-var cn = class extends j {
+cn._init();
+var ln = class extends j {
 	install(e) {
 		super.install(e), e.state = this;
 	}
 	_blendEq = !1;
-	_setters = sn._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
+	_setters = cn._properties.map((e) => this[`set${e.replace(/^\S/, (e) => e.toUpperCase())}`]);
 	boundStateBitmap = 0;
 	boundBlendMode;
 	blendModes;
-	defaultState = new sn({ blend: !0 });
+	defaultState = new cn({ blend: !0 });
 	_updateContext(e) {
-		super._updateContext(e), this.blendModes = on(e);
+		super._updateContext(e), this.blendModes = sn(e);
 	}
 	toggle(e, t) {
 		this._renderer.gl[t ? "enable" : "disable"](e);
@@ -1955,14 +1955,14 @@ var cn = class extends j {
 	}
 	reset() {
 		super.reset();
-		let e = (1 << sn._properties.length) - 1;
+		let e = (1 << cn._properties.length) - 1;
 		this.boundStateBitmap = ~this.defaultState.bitmap & e, this.boundBlendMode = void 0, this._blendEq = !0, this.bind(this.defaultState);
 	}
-}, ln = class extends j {
+}, un = class extends j {
 	install(e) {
 		super.install(e), e.batch2D = this;
 	}
-	_state = sn.for2D();
+	_state = cn.for2D();
 	_batchSize = 4096 * 4;
 	_batchables = [];
 	_vertexCount = 0;
@@ -1983,8 +1983,8 @@ var cn = class extends j {
 	}
 	_createShader(e) {
 		let t = this._renderer, n = {
-			instanceId: ut(),
-			glProgram: new Kt({
+			instanceId: lt(),
+			glProgram: new qt({
 				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;
@@ -2013,15 +2013,15 @@ void main(void) {
 }`
 			})
 		}, r = {
-			instanceId: ut(),
+			instanceId: lt(),
 			usage: A.vertex,
 			data: new Float32Array()
 		}, i = {
-			instanceId: ut(),
+			instanceId: lt(),
 			usage: A.index,
 			data: new Uint32Array()
 		}, a = {
-			instanceId: ut(),
+			instanceId: lt(),
 			topology: "triangle-list",
 			attributes: Object.fromEntries(Object.entries(this._attributes).map(([e, t]) => [e, {
 				...t,
@@ -2061,16 +2061,16 @@ void main(void) {
 					let { indices: r, vertices: p, uvs: h = new Float32Array(), size: g = {
 						width: 0,
 						height: 0
-					}, texture: ee, blendMode: te = an.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
+					}, texture: ee, blendMode: te = on.normal, clipOutsideUv: ne, roundPixels: re, modulate: ie = [
 						255,
 						255,
 						255,
 						255
 					] } = n[e];
 					m < e && t.blendMode !== te && (t.size = l - t.start, u.push(t), m = e, t = { id: ++d }, t.textures = i, t.textureLocationMap = f, t.start = l);
-					let { width: ae, height: oe } = g, _ = c / this._vertexSize, se = (ee ? f.get(ee) : 255) ?? 255, ce = +!!re, le = +!!ne, ue, de, v;
-					for (let e = p.length, t = 0; t < e; t += 2) ue = h[t], de = h[t + 1], ae > 0 && oe > 0 && (ue = Math.ceil(ue * ae) / ae, de = Math.ceil(de * oe) / oe), a[c++] = p[t], a[c++] = p[t + 1], a[c++] = ue, a[c++] = de, v = c * 4, o[v] = se, o[v + 1] = le, o[v + 2] = ce, o[v + 3] = 0, c++, v = c * 4, o[v] = ie[0], o[v + 1] = ie[1], o[v + 2] = ie[2], o[v + 3] = ie[3], c++;
-					for (let e = r.length, t = 0; t < e; t++) s[l++] = _ + r[t];
+					let { width: ae, height: oe } = g, se = c / this._vertexSize, _ = (ee ? f.get(ee) : 255) ?? 255, ce = +!!re, le = +!!ne, v, ue, y;
+					for (let e = p.length, t = 0; t < e; t += 2) v = h[t], ue = h[t + 1], ae > 0 && oe > 0 && (v = Math.ceil(v * ae) / ae, ue = Math.ceil(ue * oe) / oe), a[c++] = p[t], a[c++] = p[t + 1], a[c++] = v, a[c++] = ue, y = c * 4, o[y] = _, o[y + 1] = le, o[y + 2] = ce, o[y + 3] = 0, c++, y = c * 4, o[y] = ie[0], o[y + 1] = ie[1], o[y + 2] = ie[2], o[y + 3] = ie[3], c++;
+					for (let e = r.length, t = 0; t < e; t++) s[l++] = se + r[t];
 					t.blendMode = te;
 				}
 				m = h + 1, t.size = l - t.start, u.push(t), t = { id: ++d }, i = [], f = /* @__PURE__ */ new Map();
@@ -2091,22 +2091,22 @@ void main(void) {
 		}
 	}
 	_getBufferData(e) {
-		let t = un(Math.ceil(e / 8)), n = dn(t), r = t * 8;
+		let t = dn(Math.ceil(e / 8)), n = fn(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 = un(Math.ceil(e / 12)), n = dn(t), r = t * 12;
+		let t = dn(Math.ceil(e / 12)), n = fn(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 un(e) {
+function dn(e) {
 	return e += +(e === 0), --e, e |= e >>> 1, e |= e >>> 2, e |= e >>> 4, e |= e >>> 8, e |= e >>> 16, e + 1;
 }
-function dn(e) {
+function fn(e) {
 	let t = (e > 65535) << 4;
 	e >>>= t;
 	let n = (e > 255) << 3;
@@ -2116,9 +2116,9 @@ function dn(e) {
 //#region src/core/renderers/gl/const.ts
 var M = /* @__PURE__ */ function(e) {
 	return e[e.disabled = 0] = "disabled", e[e.renderingMaskAdd = 1] = "renderingMaskAdd", e[e.maskActive = 2] = "maskActive", e[e.inverseMaskActive = 3] = "inverseMaskActive", e[e.renderingMaskRemove = 4] = "renderingMaskRemove", e[e.none = 5] = "none", e;
-}({}), fn = /* @__PURE__ */ function(e) {
+}({}), pn = /* @__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;
-}({}), pn = class extends j {
+}({}), mn = class extends j {
 	install(e) {
 		super.install(e), e.mask = this;
 	}
@@ -2143,10 +2143,10 @@ var M = /* @__PURE__ */ function(e) {
 		let t = this.stack.pop();
 		if (!t || t.source !== e) return;
 		let { mask: n } = t, r = this._renderer.renderTarget.current?.instanceId ?? -1, i = this._maskStackHash[r] ?? 0;
-		"x" in n ? this._renderer.scissor.pop() : "render" in n && (this._renderer.flush(), i === 0 ? (this._renderer.clear(fn.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(pn.stencil), this._renderer.stencil.bind(M.disabled, i)) : this._renderer.stencil.bind(M.renderingMaskRemove, i), i--, n.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(M.maskActive, i), this._renderer.colorMask.bind(15)), this._maskStackHash[r] = i;
 	}
-}, mn = [];
-mn[M.none] = {}, mn[M.disabled] = {}, mn[M.renderingMaskAdd] = {
+}, hn = [];
+hn[M.none] = {}, hn[M.disabled] = {}, hn[M.renderingMaskAdd] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "increment-clamp"
@@ -2155,7 +2155,7 @@ mn[M.none] = {}, mn[M.disabled] = {}, mn[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "increment-clamp"
 	}
-}, mn[M.renderingMaskRemove] = {
+}, hn[M.renderingMaskRemove] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "decrement-clamp"
@@ -2164,7 +2164,7 @@ mn[M.none] = {}, mn[M.disabled] = {}, mn[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "decrement-clamp"
 	}
-}, mn[M.maskActive] = {
+}, hn[M.maskActive] = {
 	stencilFront: {
 		compare: "equal",
 		passOp: "keep"
@@ -2173,7 +2173,7 @@ mn[M.none] = {}, mn[M.disabled] = {}, mn[M.renderingMaskAdd] = {
 		compare: "equal",
 		passOp: "keep"
 	}
-}, mn[M.inverseMaskActive] = {
+}, hn[M.inverseMaskActive] = {
 	stencilFront: {
 		compare: "not-equal",
 		passOp: "keep"
@@ -2183,7 +2183,7 @@ mn[M.none] = {}, mn[M.disabled] = {}, mn[M.renderingMaskAdd] = {
 		passOp: "keep"
 	}
 };
-var hn = class extends j {
+var gn = class extends j {
 	install(e) {
 		super.install(e), e.stencil = this;
 	}
@@ -2235,7 +2235,7 @@ var hn = class extends j {
 		}
 	};
 	bind(e, t) {
-		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = mn[e], a = this._cache;
+		let n = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], r = this._gl, i = hn[e], a = this._cache;
 		if (n.stencilMode = e, n.refCount = t, e === M.disabled) {
 			this._cache.enabled && (this._cache.enabled = !1, r.disable(r.STENCIL_TEST));
 			return;
@@ -2245,8 +2245,8 @@ var hn = class extends j {
 	destroy() {
 		super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
 	}
-}, gn = class extends j {
-	current = new yt(0, 0, 0, 0);
+}, _n = class extends j {
+	current = new vt(0, 0, 0, 0);
 	install(e) {
 		super.install(e), e.viewport = this;
 	}
@@ -2254,7 +2254,7 @@ var hn = 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);
 	}
-}, _n = class {
+}, vn = class {
 	framebuffer;
 	width = -1;
 	height = -1;
@@ -2265,7 +2265,7 @@ var hn = class extends j {
 	constructor(e) {
 		this.framebuffer = e;
 	}
-}, vn = class extends j {
+}, yn = class extends j {
 	install(e) {
 		super.install(e), e.renderTarget = this;
 	}
@@ -2275,7 +2275,7 @@ var hn = class extends j {
 	_msaaSamples = [];
 	_hasMRT = !0;
 	_writeDepthTexture = !0;
-	projection = new wt();
+	projection = new Tt();
 	_updateContext(e) {
 		if (super._updateContext(e), this._hasMRT = !0, this._writeDepthTexture = !0, this._renderer.version === 1) {
 			let t = this._renderer.extensions.drawBuffers, n = this._renderer.extensions.depthTexture;
@@ -2311,7 +2311,7 @@ var hn = class extends j {
 		return this.glRenderTargets.get(e.instanceId) || this._createGlRenderTarget(e);
 	}
 	_createGlRenderTarget(e) {
-		let t = this._gl, n = new _n(t.createFramebuffer());
+		let t = this._gl, n = new vn(t.createFramebuffer());
 		return this.glRenderTargets.set(e.instanceId, n), this.renderTargets.get(e.instanceId) || (this.renderTargets.set(e.instanceId, e), this._update(e, n), "on" in e && (e.on("updateProperty", (t) => {
 			switch (t) {
 				case "width":
@@ -2388,28 +2388,28 @@ var hn = 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;
 	}
-}, yn = /* @__PURE__ */ function(e) {
+}, bn = /* @__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;
-}({}), bn = /* @__PURE__ */ function(e) {
+}({}), xn = /* @__PURE__ */ function(e) {
 	return e[e.TEXTURE_2D = 3553] = "TEXTURE_2D", e[e.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", e[e.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", e[e.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", e[e.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", e[e.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", e[e.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", e[e.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", e[e.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", e;
 }({}), N = /* @__PURE__ */ function(e) {
 	return e[e.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", e[e.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", e[e.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", e[e.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", e[e.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", e[e.UNSIGNED_INT = 5125] = "UNSIGNED_INT", e[e.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", e[e.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", e[e.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", e[e.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", e[e.BYTE = 5120] = "BYTE", e[e.SHORT = 5122] = "SHORT", e[e.INT = 5124] = "INT", e[e.FLOAT = 5126] = "FLOAT", e[e.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", e[e.HALF_FLOAT = 36193] = "HALF_FLOAT", e;
-}({}), xn = class {
+}({}), Sn = class {
 	native;
-	target = bn.TEXTURE_2D;
+	target = xn.TEXTURE_2D;
 	width = -1;
 	height = -1;
 	mipmap = !1;
 	type = N.UNSIGNED_BYTE;
-	internalFormat = yn.RGBA;
-	format = yn.RGBA;
+	internalFormat = bn.RGBA;
+	format = bn.RGBA;
 	constructor(e) {
 		this.native = e;
 	}
 };
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlFormat.ts
-function Sn(e) {
+function Cn(e) {
 	return {
 		r8unorm: e.RED,
 		r8snorm: e.RED,
@@ -2457,7 +2457,7 @@ function Sn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlInternalFormat.ts
-function Cn(e, t) {
+function wn(e, t) {
 	let n = {}, r = e.RGBA;
 	return e instanceof WebGLRenderingContext ? t.srgb && (n = {
 		"rgba8unorm-srgb": t.srgb.SRGB8_ALPHA8_EXT,
@@ -2573,7 +2573,7 @@ function Cn(e, t) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/mapFormatToGlType.ts
-function wn(e) {
+function Tn(e) {
 	return {
 		r8unorm: e.UNSIGNED_BYTE,
 		r8snorm: e.BYTE,
@@ -2621,7 +2621,7 @@ function wn(e) {
 }
 //#endregion
 //#region src/core/renderers/gl/texture/updateTextureStyle.ts
-var Tn = {
+var En = {
 	linear: {
 		linear: 9987,
 		nearest: 9985
@@ -2630,10 +2630,10 @@ var Tn = {
 		linear: 9986,
 		nearest: 9984
 	}
-}, En = {
+}, Dn = {
 	linear: 9729,
 	nearest: 9728
-}, Dn = {
+}, On = {
 	never: 512,
 	less: 513,
 	equal: 514,
@@ -2642,32 +2642,32 @@ var Tn = {
 	"not-equal": 517,
 	"greater-equal": 518,
 	always: 519
-}, On = {
+}, kn = {
 	"clamp-to-edge": 33071,
 	repeat: 10497,
 	"mirror-repeat": 33648
 };
-function kn(e, t, n, r, i, a, o, s) {
+function An(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 = On[o ? "clamp-to-edge" : c], n = On[o ? "clamp-to-edge" : l], r = On[o ? "clamp-to-edge" : u];
+		let e = kn[o ? "clamp-to-edge" : c], n = kn[o ? "clamp-to-edge" : l], r = kn[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, En[d]), n) {
+	if ((!s || d !== "linear") && t[i](g, t.TEXTURE_MAG_FILTER, Dn[d]), n) {
 		if (!s || p !== "linear") {
-			let e = Tn[f][p];
+			let e = En[f][p];
 			t[i](g, t.TEXTURE_MIN_FILTER, e);
 		}
-	} else t[i](g, t.TEXTURE_MIN_FILTER, En[f]);
+	} else t[i](g, t.TEXTURE_MIN_FILTER, Dn[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, Dn[h]);
+	h && t[i](g, t.TEXTURE_COMPARE_FUNC, On[h]);
 }
 //#endregion
 //#region src/core/renderers/gl/texture/uploaders/index.ts
-var An = {
+var jn = {
 	buffer: {
 		id: "buffer",
 		upload: (e, t, n) => {
@@ -2681,8 +2681,8 @@ var An = {
 			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;
 		}
 	}
-}, jn = class extends j {
-	uploaders = { ...An };
+}, Mn = class extends j {
+	uploaders = { ...jn };
 	textures = /* @__PURE__ */ new Map();
 	glTextures = /* @__PURE__ */ new Map();
 	_mapFormatToInternalFormat = Object.create(null);
@@ -2697,14 +2697,14 @@ var An = {
 		super.install(e), e.texture = this;
 	}
 	_updateContext(e) {
-		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = Cn(e, this._renderer.extensions), this._mapFormatToType = wn(e), this._mapFormatToFormat = Sn(e)), this.maxTextureSize = e.getParameter(e.MAX_TEXTURE_SIZE), this.maxTextureImageUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
+		super._updateContext(e), Object.keys(this._mapFormatToInternalFormat).length || (this._mapFormatToInternalFormat = wn(e, this._renderer.extensions), this._mapFormatToType = Tn(e), this._mapFormatToFormat = Cn(e)), this.maxTextureSize = e.getParameter(e.MAX_TEXTURE_SIZE), this.maxTextureImageUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
 		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 xn(t.createTexture());
+		let t = this._gl, n = new Sn(t.createTexture());
 		if (t.bindTexture(n.target, n.native), n.type = this._mapFormatToType[e.format], n.internalFormat = this._mapFormatToInternalFormat[e.format], n.format = this._mapFormatToFormat[e.format], this.glTextures.set(e.instanceId, n), e.mipmap && (this._renderer.supports.nonPowOf2mipmaps || e.isPowerOfTwo)) {
 			let t = Math.max(e.width, e.height);
 			e.mipLevelCount = Math.floor(Math.log2(t)) + 1;
@@ -2764,7 +2764,7 @@ var An = {
 	}
 	updateStyle(e, t = !1) {
 		let n = this._gl;
-		kn(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
+		An(e, n, e.mipLevelCount > 1, this._renderer.extensions.anisotropicFiltering, "texParameteri", n.TEXTURE_2D, !this._renderer.supports.nonPowOf2wrapping && !e.isPowerOfTwo, t);
 	}
 	updateGpuTexture(e) {
 		this.bind(e);
@@ -2779,7 +2779,7 @@ var An = {
 		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);
 	}
-}, Mn = {
+}, Nn = {
 	uint8x2: N.UNSIGNED_BYTE,
 	uint8x4: N.UNSIGNED_BYTE,
 	sint8x2: N.BYTE,
@@ -2811,18 +2811,18 @@ var An = {
 	sint32x3: N.INT,
 	sint32x4: N.INT
 };
-function Nn(e) {
-	return Mn[e] ?? Mn.float32;
+function Pn(e) {
+	return Nn[e] ?? Nn.float32;
 }
 //#endregion
 //#region src/core/renderers/gl/geometry/GlGeometrySystem.ts
-var Pn = {
+var Fn = {
 	"point-list": 0,
 	"line-list": 1,
 	"line-strip": 3,
 	"triangle-list": 4,
 	"triangle-strip": 5
-}, Fn = class extends j {
+}, In = class extends j {
 	_geometryVaoHash = {};
 	hasInstance = !1;
 	current = null;
@@ -2861,11 +2861,11 @@ var Pn = {
 		}
 		for (let e in r) {
 			let t = r[e];
-			i[t.buffer.instanceId] += Jt(t.format).stride;
+			i[t.buffer.instanceId] += Yt(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] += Jt(t.format).stride;
+			t.stride ??= i[t.buffer.instanceId], t.start ??= a[t.buffer.instanceId], a[t.buffer.instanceId] += Yt(t.format).stride;
 		}
 	}
 	_createVao(e, t) {
@@ -2900,7 +2900,7 @@ var Pn = {
 				a !== c && (r.bind(s), a = c);
 				let e = l.location;
 				n.enableVertexAttribArray(e);
-				let t = Jt(o.format), i = Nn(o.format);
+				let t = Yt(o.format), i = Pn(o.format);
 				if (l.format?.substring(1, 4) === "int" ? n.vertexAttribIPointer(e, t.size, i, o.stride ?? 0, o.start ?? 0) : n.vertexAttribPointer(e, t.size, i, t.normalized, o.stride ?? 0, o.start ?? 0), o.instance) if (this.hasInstance) {
 					let t = o.divisor ?? 1;
 					n.vertexAttribDivisor(e, t);
@@ -2933,7 +2933,7 @@ var Pn = {
 		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 = Pn[t];
+		let s = Fn[t];
 		if (i = i || o.instanceCount || 1, o.indexBuffer) {
 			n ||= o.indexBuffer.data.length;
 			let e = o.indexBuffer.data.BYTES_PER_ELEMENT, t = e === 2 ? a.UNSIGNED_SHORT : a.UNSIGNED_INT;
@@ -2954,7 +2954,7 @@ var Pn = {
 		}
 		this._geometryVaoHash = {}, this.current = null, this.currentVao = null;
 	}
-}, In = class extends j {
+}, Ln = class extends j {
 	install(e) {
 		super.install(e), e.colorMask = this;
 	}
@@ -2965,19 +2965,19 @@ var Pn = {
 };
 //#endregion
 //#region src/core/renderers/gl/GlScissorSystem.ts
-function Ln(e, t, n) {
+function Rn(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 Rn(e, t) {
+function zn(e, t) {
 	let { x: n, y: r, width: i, height: a } = t, o = [
-		Ln(e, n, r),
-		Ln(e, n + i, r),
-		Ln(e, n + i, r + a),
-		Ln(e, n, r + a)
+		Rn(e, n, r),
+		Rn(e, n + i, r),
+		Rn(e, n + i, r + a),
+		Rn(e, n, r + a)
 	], s = o.map((e) => e.x), c = o.map((e) => e.y), l = Math.min(...s), u = Math.max(...s), d = Math.min(...c), f = Math.max(...c);
 	return {
 		x: l,
@@ -2986,7 +2986,7 @@ function Rn(e, t) {
 		height: f - d
 	};
 }
-var zn = class extends j {
+var Bn = class extends j {
 	install(e) {
 		super.install(e), e.scissor = this;
 	}
@@ -3013,28 +3013,28 @@ var zn = 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 } = Rn(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 } = zn(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);
 	}
-}, Bn = class extends Ot {
+}, Vn = class extends kt {
 	contextLost = !1;
 	_systems = [
-		new jn(),
-		new Pt(),
-		new tn(),
-		new Fn(),
-		new vn(),
-		new cn(),
-		new pn(),
+		new Mn(),
+		new Ft(),
+		new nn(),
 		new In(),
-		new hn(),
-		new zn(),
+		new yn(),
 		new ln(),
-		new gn()
+		new mn(),
+		new Ln(),
+		new gn(),
+		new Bn(),
+		new un(),
+		new _n()
 	];
 	bindPoints = /* @__PURE__ */ new Map();
 	supports = {
@@ -3046,13 +3046,13 @@ var zn = class extends j {
 		msaa: !0,
 		nonPowOf2mipmaps: !0
 	};
-	constructor(e = S(), t) {
+	constructor(e = w(), t) {
 		if (super(), !e) throw Error("Failed to createHTMLCanvas");
-		$e(e) ? this._setupContext(e, t) : (this.gl = e, this.version = et(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"));
+		Qe(e) ? this._setupContext(e, t) : (this.gl = e, this.version = $e(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;
-		let n = ot()?.(e, t), r = n && et(n) ? 2 : 1;
+		let n = at()?.(e, t), r = n && $e(n) ? 2 : 1;
 		if (n || (n = e.getContext("webgl2", t) || e.getContext("experimental-webgl2", t), r = 2), n || (n = e.getContext("webgl", t) || e.getContext("experimental-webgl", t), r = 1), !n) throw Error("Unable to getContext");
 		return this.gl = n, this.version = r, this._contextLost = this._contextLost.bind(this), this._contextRestored = this._contextRestored.bind(this), typeof e.addEventListener == "function" && (e.addEventListener("webglcontextlost", this._contextLost, !1), e.addEventListener("webglcontextrestored", this._contextRestored, !1)), this;
 	}
@@ -3128,8 +3128,8 @@ var zn = class extends j {
 			height: this.screen.height * this.pixelRatio
 		});
 	}
-	clear(e = fn.all) {
-		typeof e == "boolean" && (e = e ? fn.all : fn.none), e && this.gl.clear(e);
+	clear(e = pn.all) {
+		typeof e == "boolean" && (e = e ? pn.all : pn.none), e && this.gl.clear(e);
 	}
 	reset() {
 		this._systems.forEach((e) => e.reset());
@@ -3146,7 +3146,7 @@ var zn = class extends j {
 		for (let e = 0; e < i; e += a) c.set(s.subarray(e, e + a), o - e);
 		return c;
 	}
-}, Vn = class {}, Hn = class extends Vn {
+}, Hn = class {}, Un = class extends Hn {
 	install(e) {
 		let t = async (e) => {
 			let { parseFont: t } = await import("modern-font");
@@ -3160,15 +3160,15 @@ var zn = class extends j {
 			e.register(n, t);
 		}), e.font = this, this;
 	}
-}, Un = class extends w {
+}, Wn = class extends E {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
 };
-k([_({ fallback: A.index }), O("design:type", A === void 0 ? Object : A)], Un.prototype, "usage", void 0), k([_({ default: () => new Uint32Array() }), O("design:type", Object)], Un.prototype, "data", void 0);
+k([_({ fallback: A.index }), O("design:type", A === void 0 ? Object : A)], Wn.prototype, "usage", void 0), k([_({ default: () => new Uint32Array() }), O("design:type", Object)], Wn.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/Geometry.ts
-var Wn = class extends w {
+var Gn = class extends E {
 	constructor(e = {}) {
 		super(), this.setProperties(e);
 	}
@@ -3176,10 +3176,10 @@ var Wn = class extends w {
 		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)], Wn.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof Record > "u" ? Object : Record)], Wn.prototype, "attributes", void 0), k([_({ default: () => new Un() }), O("design:type", Un === void 0 ? Object : Un)], Wn.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Wn.prototype, "instanceCount", void 0);
+k([_({ fallback: "triangle-list" }), O("design:type", Object)], Gn.prototype, "topology", void 0), k([_({ default: () => ({}) }), O("design:type", typeof Record > "u" ? Object : Record)], Gn.prototype, "attributes", void 0), k([_({ default: () => new Wn() }), O("design:type", Wn === void 0 ? Object : Wn)], Gn.prototype, "indexBuffer", void 0), k([_({ fallback: 1 }), O("design:type", Number)], Gn.prototype, "instanceCount", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexBuffer.ts
-var P = class extends w {
+var P = class extends E {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
@@ -3187,7 +3187,7 @@ var P = class extends w {
 k([_({ fallback: A.vertex }), O("design:type", A === void 0 ? Object : A)], P.prototype, "usage", void 0), k([_({ default: () => new Float32Array() }), O("design:type", Object)], P.prototype, "data", void 0);
 //#endregion
 //#region src/scene/resources/geometries/VertexAttribute.ts
-var F = class extends w {
+var F = class extends E {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
@@ -3195,7 +3195,7 @@ var F = class extends w {
 k([_({ default: () => new P() }), O("design:type", P === void 0 ? Object : P)], F.prototype, "buffer", void 0), k([_({ fallback: "float32" }), O("design:type", Object)], F.prototype, "format", void 0), k([_(), O("design:type", Boolean)], F.prototype, "instance", void 0), k([_(), O("design:type", Number)], F.prototype, "stride", void 0), k([_(), O("design:type", Number)], F.prototype, "offset", void 0), k([_(), O("design:type", Number)], F.prototype, "start", void 0), k([_(), O("design:type", Number)], F.prototype, "divisor", void 0);
 //#endregion
 //#region src/scene/resources/geometries/QuadGeometry.ts
-var Gn = class extends Wn {
+var Kn = class extends Gn {
 	constructor() {
 		super({
 			topology: "triangle-strip",
@@ -3212,7 +3212,7 @@ var Gn = class extends Wn {
 					1
 				]) })
 			}) },
-			indexBuffer: new Un({ data: new Uint32Array([
+			indexBuffer: new Wn({ data: new Uint32Array([
 				0,
 				1,
 				3,
@@ -3223,7 +3223,7 @@ var Gn = class extends Wn {
 };
 //#endregion
 //#region src/scene/resources/materials/Material.ts
-function Kn() {
+function qn() {
 	return {
 		projectionMatrix: new Float32Array([
 			1,
@@ -3255,13 +3255,13 @@ function Kn() {
 		])
 	};
 }
-var I = class extends w {
+var I = class extends E {
 	static instance = new this();
 	glProgram;
 	constructor(e = {}) {
 		super();
 		let { uniforms: t, gl: n } = e;
-		t && (this.uniforms = t), this.glProgram = new Kt({
+		t && (this.uniforms = t), this.glProgram = new qt({
 			vertex: "in vec2 position;\nuniform mat3 projectionMatrix;\nuniform mat3 modelViewMatrix;\nvoid main(void) {\n  gl_Position = vec4((projectionMatrix * modelViewMatrix * vec3(position, 1.0)).xy, 0.0, 1.0);\n}",
 			fragment: "uniform vec4 tint;\nvoid main(void) {\n  gl_FragColor = tint;\n}",
 			...n
@@ -3274,13 +3274,13 @@ var I = class extends w {
 		}, e.shader.updateUniforms(this);
 	}
 };
-k([_({ default: Kn }), O("design:type", typeof Record > "u" ? Object : Record)], I.prototype, "uniforms", void 0);
+k([_({ default: qn }), O("design:type", typeof Record > "u" ? Object : Record)], I.prototype, "uniforms", void 0);
 //#endregion
 //#region src/scene/resources/materials/EffectMaterial.ts
-var qn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Jn = /vec(\d)\((.*)\)/;
-function Yn(e) {
+var Jn = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, Yn = /vec(\d)\((.*)\)/;
+function Xn(e) {
 	e = e.trim();
-	let t = e.match(Jn);
+	let t = e.match(Yn);
 	if (t) {
 		let e = Array.from({ length: Number(t[1]) }, () => 0);
 		return t[2].split(",").forEach((t, n) => {
@@ -3289,7 +3289,7 @@ function Yn(e) {
 	}
 	return Number(e);
 }
-var Xn = class e extends I {
+var Zn = class e extends I {
 	static RE = {
 		getColor: /\sgetColor\s*\(/,
 		getFromColor: /\sgetFromColor\s*\(/,
@@ -3325,12 +3325,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 				progress: 0
 			}
 		}), this.has = n;
-		let r = t.matchAll(qn);
+		let r = t.matchAll(Jn);
 		for (let e of r) e[1] && e[2] && e[1].split(",").forEach((t) => {
-			this.uniforms[t.trim()] = Yn(e[2]);
+			this.uniforms[t.trim()] = Xn(e[2]);
 		});
 	}
-}, Zn = class extends I {
+}, Qn = class extends I {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
@@ -3374,12 +3374,12 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			}
 		});
 	}
-}, L = class extends Wn {
+}, L = class extends Gn {
 	static _instance;
 	static get instance() {
 		return this._instance ??= new this();
 	}
-	static draw(e, t = Zn.instance, n) {
+	static draw(e, t = Qn.instance, n) {
 		this.instance.draw(e, t, n);
 	}
 	constructor() {
@@ -3412,7 +3412,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					]) })
 				})
 			},
-			indexBuffer: new Un({ data: new Uint32Array([
+			indexBuffer: new Wn({ data: new Uint32Array([
 				0,
 				1,
 				2,
@@ -3422,7 +3422,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 			]) })
 		});
 	}
-}, Qn = class extends Wn {
+}, $n = class extends Gn {
 	positionBuffer;
 	uvBuffer;
 	constructor(e) {
@@ -3439,10 +3439,10 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 					buffer: n
 				})
 			},
-			indexBuffer: new Un({ data: new Uint32Array() })
+			indexBuffer: new Wn({ data: new Uint32Array() })
 		}), this.positionBuffer = t, this.uvBuffer = n;
 	}
-}, R = class extends w {
+}, R = class extends E {
 	get valid() {
 		return !!(this.width && this.height);
 	}
@@ -3459,7 +3459,7 @@ ${t}${n.transform ? "\nvoid main(void) { gl_FragColor = transform(vUv); }" : n.t
 k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "isRoot", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], R.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], R.prototype, "msaa", void 0), k([_({ default: () => [new z()] }), O("design:type", Array)], R.prototype, "colorTextures", void 0);
 //#endregion
 //#region src/scene/resources/textures/Texture2D.ts
-var z = class extends w {
+var z = class extends E {
 	static get EMPTY() {
 		return new this({
 			width: 1,
@@ -3550,7 +3550,7 @@ var z = class extends w {
 		switch (super._updateProperty(e, t, n), e) {
 			case "width":
 			case "height":
-				this.isPowerOfTwo = we(this.pixelWidth) && we(this.pixelHeight);
+				this.isPowerOfTwo = Ce(this.pixelWidth) && Ce(this.pixelHeight);
 				break;
 			case "source":
 				this.updateSize();
@@ -3567,13 +3567,13 @@ var z = class extends w {
 		e.texture.unbind(this);
 	}
 	_destroy() {
-		super._destroy(), Pe && this.source instanceof ImageBitmap && this.source.close();
+		super._destroy(), Ne && this.source instanceof ImageBitmap && this.source.close();
 	}
 };
 k([_({ fallback: "unknown" }), O("design:type", String)], z.prototype, "uploadMethodId", void 0), k([_({ internal: !0 }), O("design:type", Object)], z.prototype, "source", void 0), k([_({ fallback: 0 }), O("design:type", Number)], z.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], z.prototype, "height", void 0), k([_({ fallback: 1 }), O("design:type", Number)], z.prototype, "pixelRatio", void 0), k([_({ fallback: "bgra8unorm" }), O("design:type", Object)], z.prototype, "format", void 0), k([_({ fallback: "premultiply-alpha-on-upload" }), O("design:type", Object)], z.prototype, "alphaMode", void 0), k([_({ fallback: 1 }), O("design:type", Number)], z.prototype, "mipLevelCount", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], z.prototype, "mipmap", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeU", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeV", void 0), k([_({ fallback: "clamp-to-edge" }), O("design:type", Object)], z.prototype, "addressModeW", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "magFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "minFilter", void 0), k([_({ fallback: "linear" }), O("design:type", Object)], z.prototype, "mipmapFilter", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], z.prototype, "isPowerOfTwo", void 0);
 //#endregion
 //#region src/scene/resources/textures/AnimatedTexture.ts
-var $n = class extends w {
+var er = class extends E {
 	frames;
 	frameIndex = 0;
 	get currentFrame() {
@@ -3598,12 +3598,12 @@ var $n = class extends w {
 			e.texture.destroy();
 		});
 	}
-}, er = class extends z {
+}, tr = class extends z {
 	constructor(e = {}) {
 		super({
 			pixelRatio: 2,
 			...e,
-			source: e.source ?? S(),
+			source: e.source ?? w(),
 			uploadMethodId: "image"
 		});
 	}
@@ -3618,14 +3618,14 @@ var $n = class extends w {
 		}
 		super._updateProperty(e, t, n);
 	}
-}, tr = class e extends z {
+}, nr = class e extends z {
 	static _cached = /* @__PURE__ */ new Map();
 	static get(t) {
-		let n = new T(t), r = n.toHex(), i = this._cached.get(r);
+		let n = new yt(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 T ? e : new T(e);
+		let t = e instanceof yt ? e : new yt(e);
 		super({
 			width: 1,
 			height: 1,
@@ -3639,14 +3639,14 @@ var $n = class extends w {
 			mipmap: !0
 		});
 	}
-}, nr = class e extends z {
+}, rr = class e extends z {
 	static test(e) {
 		return u(e);
 	}
 	static linearGradient(e, t, n) {
 		let r = Number.isFinite(t) && t > 0, i = Number.isFinite(n) && n > 0, a = Number.isFinite(e.angle);
 		t = r ? t : 1, n = i ? n : 1;
-		let o = S(t, n);
+		let o = w(t, n);
 		if (!o) throw Error("GradientTexture requires a canvas; call setCanvasFactory() in non-browser environments.");
 		let s = o.getContext("2d");
 		if (!s) throw Error("Failed to parse linear gradient, get canvas context is null.");
@@ -3673,7 +3673,7 @@ var $n = class extends w {
 	constructor(t, n, r) {
 		super(e.linearGradient(t, n, r));
 	}
-}, rr = class extends z {
+}, ir = class extends z {
 	constructor(e = {}) {
 		super({
 			...e,
@@ -3683,7 +3683,7 @@ var $n = class extends w {
 };
 //#endregion
 //#region src/scene/resources/textures/VideoTexture.ts
-function ir(e) {
+function ar(e) {
 	return {
 		autoLoad: !!(e?.autoLoad ?? !0),
 		autoPlay: !!(e?.autoPlay ?? !1),
@@ -3694,7 +3694,7 @@ function ir(e) {
 		playsinline: !!(e?.playsinline ?? !0)
 	};
 }
-var ar = class e extends z {
+var or = class e extends z {
 	static mimeTypes = new Map(Object.entries({
 		ogv: "video/ogg",
 		mov: "video/quicktime",
@@ -3728,13 +3728,13 @@ var ar = class e extends z {
 	_reject;
 	_seekResolves = [];
 	constructor(t, n) {
-		let r = ir(n);
-		if (!Ze(t)) {
+		let r = ar(n);
+		if (!Xe(t)) {
 			typeof t == "string" && (t = [t]);
 			let n = t[0].src || t[0];
 			if (typeof document > "u") throw TypeError("VideoTexture requires a DOM <video> element and is not supported in non-browser environments.");
 			let 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", ""), ct(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", ""), st(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(";"));
@@ -3797,13 +3797,13 @@ var ar = class e extends z {
 		});
 	}
 	_setupAutoUpdate() {
-		this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (x.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(this._videoFrameRequestCallback))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (x.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (x.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
+		this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (C.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(this._videoFrameRequestCallback))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (C.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (C.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
 	}
 	_videoFrameRequestCallback = () => {
 		this.requestUpload(), this._requestId = this.source.requestVideoFrameCallback(this._videoFrameRequestCallback);
 	};
 	requestUpload = () => {
-		let e = Math.floor(x.elapsed * this.source.playbackRate);
+		let e = Math.floor(C.elapsed * this.source.playbackRate);
 		this._nextTime -= e, (!this._spf || this._nextTime <= 0) && (this.requestUpdate("source"), this._nextTime = this._spf || 0);
 	};
 	async load() {
@@ -3824,13 +3824,13 @@ var ar = class e extends z {
 k([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], ar.prototype, "autoUpdate", void 0), k([_({
+}), O("design:type", Boolean)], or.prototype, "autoUpdate", void 0), k([_({
 	internal: !0,
 	fallback: 0
-}), O("design:type", Number)], ar.prototype, "fps", void 0);
+}), O("design:type", Number)], or.prototype, "fps", void 0);
 //#endregion
 //#region src/scene/resources/textures/ViewportTexture.ts
-var or = class extends z {}, sr = class extends le {
+var sr = class extends z {}, cr = class extends v {
 	fillStyle;
 	fillRule;
 	strokeStyle;
@@ -3844,7 +3844,7 @@ var or = class extends z {}, sr = class extends le {
 	_draws = [];
 	_triCache = [];
 	_parseDrawStyle(e) {
-		return e ? e instanceof z ? { texture: e } : { texture: tr.get(e) } : {};
+		return e ? e instanceof z ? { texture: e } : { texture: nr.get(e) } : {};
 	}
 	stroke(e) {
 		if (!this.curves.length) return;
@@ -3861,7 +3861,7 @@ var or = class extends z {}, sr = class extends le {
 			...e,
 			...this._parseDrawStyle(n),
 			type: "stroke",
-			path: new le(this),
+			path: new v(this),
 			transformUv: this.transformUv,
 			transformVertex: this.transformVertex,
 			lineStyle: {
@@ -3900,7 +3900,7 @@ var or = class extends z {}, sr = class extends le {
 				l(this.style.fill) && (t = this.style.fill.color);
 				break;
 		}
-		let n = new le(this), r = this.fillRule ?? this.style.fillRule;
+		let n = new v(this), r = this.fillRule ?? this.style.fillRule;
 		r && (n.style.fillRule = r), this._draws.push({
 			transformUv: this.transformUv,
 			transformVertex: this.transformVertex,
@@ -3961,7 +3961,7 @@ var or = class extends z {}, sr = class extends le {
 	destroy() {
 		this.reset(), this._triCache.length = 0;
 	}
-}, cr = class {
+}, lr = class {
 	front = [];
 	default = [];
 	back = [];
@@ -4004,7 +4004,7 @@ var or = class extends z {}, sr = class extends le {
 	toJSON() {
 		return [...this.default];
 	}
-}, lr = class extends C {
+}, ur = class extends T {
 	parent;
 	getPropertyDeclarations() {
 		super.getPropertyDeclarations();
@@ -4023,22 +4023,22 @@ var or = class extends z {}, sr = class extends le {
 			deleteProperty: (e, t) => Reflect.has(e, t) || String(t).startsWith("_") ? Reflect.deleteProperty(e, t) : (e.setProperty(String(t), void 0), !0)
 		});
 	}
-}, ur, dr = {};
-function fr(e) {
-	let t = dr[e] ?? 0;
-	return t++, dr[e] = t, t;
+}, dr, fr = {};
+function pr(e) {
+	let t = fr[e] ?? 0;
+	return t++, fr[e] = t, t;
 }
-var B = ur = class extends C {
+var B = dr = class extends T {
 	static parse(e, t = "Node") {
 		if (Array.isArray(e)) return e.map((e) => this.parse(e));
-		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ye.get(n ?? r.inCanvasIs ?? t)) ?? ur)({
+		let { is: n, meta: r = {}, children: i, ...a } = e, o = new ((ve.get(n ?? r.inCanvasIs ?? t)) ?? dr)({
 			...a,
 			meta: r
 		});
 		return i?.forEach((e) => o.appendChild(this.parse(e))), o;
 	}
 	_mask;
-	_meta = new lr(this);
+	_meta = new ur(this);
 	get meta() {
 		return this._meta;
 	}
@@ -4061,7 +4061,7 @@ var B = ur = class extends C {
 		}).append(t), this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess), this.updateProcessable(), this.updateRenderable();
 	}
 	_defaultName() {
-		return `@${this.is}@${fr(this.is)}`;
+		return `@${this.is}@${pr(this.is)}`;
 	}
 	setProperties(e) {
 		if (e) {
@@ -4128,7 +4128,7 @@ var B = ur = class extends C {
 		}
 		return this;
 	}
-	_children = new cr();
+	_children = new lr();
 	get children() {
 		return this._children.default;
 	}
@@ -4288,7 +4288,7 @@ var B = ur = class extends C {
 	append(...e) {
 		let t;
 		t = Array.isArray(e[0]) ? e[0] : e, t.forEach((e) => {
-			e instanceof ur ? this.appendChild(e) : this.appendChild(ur.parse(e));
+			e instanceof dr ? this.appendChild(e) : this.appendChild(dr.parse(e));
 		});
 	}
 	before(...e) {
@@ -4394,7 +4394,7 @@ var B = ur = class extends C {
 k([_({ default: () => c() }), O("design:type", String)], B.prototype, "id", void 0), k([_({ default: () => c() }), O("design:type", String)], B.prototype, "name", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "processMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "processSortMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "renderMode", void 0), k([_({ fallback: "inherit" }), O("design:type", Object)], B.prototype, "inputMode", void 0), k([_({ fallback: "default" }), O("design:type", Object)], B.prototype, "internalMode", void 0), k([_({
 	internal: !0,
 	default: !0
-}), O("design:type", Boolean)], B.prototype, "needsRender", void 0), B = ur = k([b("Node"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], B);
+}), O("design:type", Boolean)], B.prototype, "needsRender", void 0), B = dr = k([S("Node"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], B);
 //#endregion
 //#region src/scene/main/TimelineNode.ts
 var V = class extends B {
@@ -4433,7 +4433,7 @@ var V = class extends B {
 		return this._globalStartTime + this._globalDuration;
 	}
 	get currentTimeProgress() {
-		return this._duration ? E(this._currentTime / this._duration, 0, 1) : 0;
+		return this._duration ? St(this._currentTime / this._duration, 0, 1) : 0;
 	}
 	isInsideTimeRange() {
 		let e = this._currentTime;
@@ -4479,18 +4479,18 @@ var V = class extends B {
 		super._process(e), this._updateCurrentTime();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "paused", void 0), V = k([b("TimelineNode"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], V);
+k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "loop", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "delay", void 0), k([_({ fallback: 0 }), O("design:type", Number)], V.prototype, "duration", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], V.prototype, "paused", void 0), V = k([S("TimelineNode"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], V);
 //#endregion
 //#region src/scene/main/CanvasItem.ts
-var pr = [], mr = 0;
-function hr() {
-	mr = 0;
+var mr = [], hr = 0;
+function gr() {
+	hr = 0;
 }
-function gr(e, t, n, r) {
-	let i = pr[mr];
-	return i || (i = {}, pr[mr] = i), mr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
+function _r(e, t, n, r) {
+	let i = mr[hr];
+	return i || (i = {}, mr[hr] = i), hr++, Object.assign(i, e), i.roundPixels = t, i.size = n, i.texture = r, i;
 }
-var _r = class extends V {
+var vr = class extends V {
 	_blendMode;
 	_parentGlobalVisible;
 	_globalVisible;
@@ -4508,7 +4508,7 @@ var _r = class extends V {
 		255,
 		255
 	];
-	context = new sr();
+	context = new cr();
 	_resetContext = !0;
 	needsDraw = !0;
 	needsLayout = !1;
@@ -4570,7 +4570,7 @@ var _r = class extends V {
 	}
 	_updateGlobalOpacity() {
 		this._parentGlobalOpacity = this.getParent()?.opacity;
-		let e = E(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
+		let e = St(this.opacity, 0, 1) * (this._parentGlobalOpacity ?? 1);
 		this._globalOpacity !== e && (this._globalOpacity = e, this._updateModulate(), this.requestPaint(), this.updateRenderable());
 	}
 	_draw() {
@@ -4622,7 +4622,7 @@ var _r = class extends V {
 	_handleViewportTexture(e) {
 		let t = this.tree?.getPreviousViewport();
 		if (t && "getRect" in this) {
-			let { a: n, d: r, tx: i, ty: a } = t.canvasTransform, { vertices: o } = e, s = new v().scale(1 / t.width * n, -1 / t.height * r).translate(- -i / t.width, 1 + -a / t.height), c = new Float32Array(o.length);
+			let { a: n, d: r, tx: i, ty: a } = t.canvasTransform, { vertices: o } = e, s = new b().scale(1 / t.width * n, -1 / t.height * r).translate(- -i / t.width, 1 + -a / t.height), c = new Float32Array(o.length);
 			for (let e = o.length, t = 0; t < e; t += 2) {
 				let { x: e, y: n } = s.apply({
 					x: o[t],
@@ -4639,7 +4639,7 @@ var _r = class extends V {
 			return;
 		}
 		let t = this._tree?.pixelate, n = this._tree?.roundPixels, r = this._batchables;
-		for (let i, a, o = r.length, s = 0; s < o; s++) i = r[s], a = i.texture, a instanceof or && (a = this._handleViewportTexture(i)), e.batch2D.render(gr(i, n, t ? i.size : void 0, a));
+		for (let i, a, o = r.length, s = 0; s < o; s++) i = r[s], a = i.texture, a instanceof sr && (a = this._handleViewportTexture(i)), e.batch2D.render(_r(i, n, t ? i.size : void 0, a));
 		super._render(e);
 	}
 	_cullsRender() {
@@ -4649,17 +4649,17 @@ var _r = class extends V {
 		super._destroy(), this.context.destroy(), this._drawBatchables = [], this._layoutBatchables = [], this._batchables = [];
 	}
 };
-k([_(), O("design:type", Object)], _r.prototype, "blendMode", void 0), k([_({
+k([_(), O("design:type", Object)], vr.prototype, "blendMode", void 0), k([_({
 	internal: !0,
 	fallback: !0
-}), O("design:type", Boolean)], _r.prototype, "visible", void 0), k([_({
+}), O("design:type", Boolean)], vr.prototype, "visible", void 0), k([_({
 	internal: !0,
 	fallback: 1
-}), O("design:type", Number)], _r.prototype, "opacity", void 0), _r = k([b("CanvasItem"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], _r);
+}), O("design:type", Number)], vr.prototype, "opacity", void 0), vr = k([S("CanvasItem"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], vr);
 //#endregion
 //#region src/scene/main/Viewport.ts
 var H = class extends B {
-	canvasTransform = new v();
+	canvasTransform = new b();
 	renderTargetIndex = 0;
 	renderTargets = [new R(), new R()];
 	get valid() {
@@ -4708,7 +4708,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, Zn.instance, { sampler: 0 }));
+		this.resize(t.width, t.height), this.activate(e) && (e.clear(), t.texture.activate(e, 0), L.draw(e, Qn.instance, { sampler: 0 }));
 	}
 	renderStart(e, t) {
 		this.activate(e, t) && e.clear();
@@ -4721,7 +4721,7 @@ var H = class extends B {
 		this.renderStart(e), super.render(e, t), this.renderEnd(e, n);
 	}
 	getRect() {
-		return new yt(this.x, this.y, this.width, this.height);
+		return new vt(this.x, this.y, this.width, this.height);
 	}
 	toCanvasGlobal(e, t) {
 		return this.canvasTransform.applyAffineInverse(e, t);
@@ -4733,7 +4733,7 @@ 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([b("Viewport")], H);
+k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "x", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "y", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "width", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "height", void 0), k([_({ fallback: 0 }), O("design:type", Number)], H.prototype, "mipLevel", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], H.prototype, "msaa", void 0), H = k([S("Viewport")], H);
 //#endregion
 //#region src/scene/main/Effect.ts
 var U = class extends V {
@@ -4759,7 +4759,7 @@ var U = class extends V {
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
 			case "glsl": {
-				let e = new Xn(t);
+				let e = new Zn(t);
 				!this.effectMode && e.has.transition && (this.effectMode = "transition"), this.material = e;
 				break;
 			}
@@ -4794,7 +4794,7 @@ var U = class extends V {
 		}
 	}
 	getRect() {
-		return new yt(this._rect);
+		return new vt(this._rect);
 	}
 	_processParent() {
 		let e = this._tree?.renderStack;
@@ -4964,10 +4964,10 @@ var U = class extends V {
 		super._destroy(), this.viewport1.destroy(), this.viewport2.destroy();
 	}
 };
-k([_({ internal: !0 }), O("design:type", Object)], U.prototype, "material", void 0), k([_(), O("design:type", Object)], U.prototype, "effectMode", void 0), k([_(), O("design:type", String)], U.prototype, "glsl", void 0), k([_(), O("design:type", String)], U.prototype, "glslSrc", void 0), U = k([b("Effect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], U);
+k([_({ internal: !0 }), O("design:type", Object)], U.prototype, "material", void 0), k([_(), O("design:type", Object)], U.prototype, "effectMode", void 0), k([_(), O("design:type", String)], U.prototype, "glsl", void 0), k([_(), O("design:type", String)], U.prototype, "glslSrc", void 0), U = k([S("Effect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], U);
 //#endregion
 //#region src/scene/main/RenderStack.ts
-var vr = class {
+var yr = class {
 	currentCall;
 	calls = [];
 	createCall(e) {
@@ -4989,11 +4989,11 @@ var vr = class {
 			});
 		}), this.calls = [];
 	}
-}, yr, br = yr = class extends B {
+}, br, xr = br = class extends B {
 	currentTime = 0;
 	static from(e, t = !1) {
 		let [n, r] = e ? Array.isArray(e) ? e : [0, e] : [];
-		return new yr({
+		return new br({
 			startTime: n,
 			endTime: r,
 			loop: t
@@ -5011,16 +5011,16 @@ var vr = 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 = E(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
+		return r += e, this.loop && r > t && (r = n + r % t), r = St(r, n, t), this.currentTime = r, this.emit("updateCurrentTime", r, e), this;
 	}
 	_process(e) {
 		super._process(e), this.paused || this.addTime(e);
 	}
 };
-k([_({ fallback: 0 }), O("design:type", Number)], br.prototype, "startTime", void 0), k([_({ fallback: 2 ** 53 - 1 }), O("design:type", Number)], br.prototype, "endTime", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], br.prototype, "loop", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], br.prototype, "paused", void 0), br = yr = k([b("Timeline"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], br);
+k([_({ fallback: 0 }), O("design:type", Number)], xr.prototype, "startTime", void 0), k([_({ fallback: 2 ** 53 - 1 }), O("design:type", Number)], xr.prototype, "endTime", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], xr.prototype, "loop", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], xr.prototype, "paused", void 0), xr = br = k([S("Timeline"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], xr);
 //#endregion
 //#region src/scene/main/Window.ts
-var xr = class extends H {
+var Sr = class extends H {
 	constructor() {
 		super(), this.renderTargets.forEach((e) => e.isRoot = !0);
 	}
@@ -5031,22 +5031,22 @@ var xr = class extends H {
 		super.flush(e), this.finish(e);
 	}
 };
-xr = k([b("Window", {
+Sr = k([S("Window", {
 	processMode: "always",
 	renderMode: "always"
-}), O("design:paramtypes", [])], xr);
+}), O("design:paramtypes", [])], Sr);
 //#endregion
 //#region src/scene/main/SceneTree.ts
-var Sr = class extends Tt {
-	input = new _t();
-	renderStack = new vr();
-	root = new xr().setTree(this);
-	timeline = new br().setTree(this);
+var Cr = class extends Et {
+	input = new gt();
+	renderStack = new yr();
+	root = new Sr().setTree(this);
+	timeline = new xr().setTree(this);
 	nodeMap = /* @__PURE__ */ new Map();
 	_boundFonts;
 	_textRemeasureScheduled = !1;
 	_onFontLoad = () => this._scheduleTextRemeasure();
-	_backgroundColor = new T();
+	_backgroundColor = new yt();
 	_previousViewport;
 	_currentViewport;
 	getPreviousViewport() {
@@ -5099,7 +5099,7 @@ var Sr = class extends Tt {
 		this.timeline.emit("process", e), this.emit("processing"), this.root.emit("process", e), this.emit("processed");
 	}
 	_render(e) {
-		this.emit("rendering"), hr(), this.renderStack.render(e), this._renderScreen(e), this.emit("rendered");
+		this.emit("rendering"), gr(), this.renderStack.render(e), this._renderScreen(e), this.emit("rendered");
 	}
 	_renderScreen(e) {
 		this.root.finish(e), e.state.reset(), e.renderTarget.unbind(), this.backgroundColor && e.gl.clearColor(...this._backgroundColor.toArray()), e.clear(), this.backgroundColor && e.gl.clearColor(0, 0, 0, 0);
@@ -5110,42 +5110,42 @@ var Sr = class extends Tt {
 		super._destroy(), this._bindFonts(void 0), this.root.destroy(), this.input.destroy(), this.nodeMap.clear();
 	}
 };
-k([_({ alias: "root.msaa" }), O("design:type", Boolean)], Sr.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Sr.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Sr.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], Sr.prototype, "backgroundColor", void 0), k([_({
+k([_({ alias: "root.msaa" }), O("design:type", Boolean)], Cr.prototype, "msaa", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Cr.prototype, "pixelate", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Cr.prototype, "roundPixels", void 0), k([_(), O("design:type", Object)], Cr.prototype, "backgroundColor", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Sr.prototype, "debug", void 0), k([_({
+}), O("design:type", Boolean)], Cr.prototype, "debug", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Sr.prototype, "processPaused", void 0), k([_({
+}), O("design:type", Boolean)], Cr.prototype, "processPaused", void 0), k([_({
 	internal: !0,
-	default: () => ge
-}), O("design:type", Object)], Sr.prototype, "fonts", void 0);
+	default: () => he
+}), O("design:type", Object)], Cr.prototype, "fonts", void 0);
 //#endregion
 //#region src/scene/main/Transition.ts
-var Cr = class extends U {
+var wr = class extends U {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
 };
-Cr = k([b("Transition", {
+wr = k([S("Transition", {
 	effectMode: "transition",
 	duration: 2e3
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Cr);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
 //#endregion
 //#region src/scene/2d/Node2D.ts
-var wr = class extends _r {
+var Tr = class extends vr {
 	rotation = 0;
-	position = new y(0, 0, () => this.updateGlobalTransform());
-	scale = new y(1, 1, () => this.updateGlobalTransform());
-	skew = new y(0, 0, () => this.updateGlobalTransform());
-	pivot = new y(0, 0, () => this.updateGlobalTransform());
-	extraTransform = new v();
-	transform = new v();
-	globalPosition = new y();
+	position = new x(0, 0, () => this.updateGlobalTransform());
+	scale = new x(1, 1, () => this.updateGlobalTransform());
+	skew = new x(0, 0, () => this.updateGlobalTransform());
+	pivot = new x(0, 0, () => this.updateGlobalTransform());
+	extraTransform = new b();
+	transform = new b();
+	globalPosition = new x();
 	globalRotation = 0;
-	globalScale = new y();
-	globalSkew = new y();
-	globalTransform = new v();
+	globalScale = new x();
+	globalSkew = new x();
+	globalTransform = new b();
 	parentTransformDirtyId;
 	transformDirtyId = 0;
 	constructor(e, t = []) {
@@ -5185,30 +5185,30 @@ var wr = class extends _r {
 		super._destroy(), this.position.destroy(), this.scale.destroy(), this.skew.destroy(), this.pivot.destroy(), this.extraTransform.destroy(), this.transform.destroy(), this.globalPosition.destroy(), this.globalScale.destroy(), this.globalSkew.destroy(), this.globalTransform.destroy();
 	}
 };
-wr = k([b("Node2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], wr);
+Tr = k([S("Node2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
 //#endregion
 //#region src/scene/2d/Camera2D.ts
-var Tr = class extends wr {
-	canvasTransform = new v();
+var Er = class extends Tr {
+	canvasTransform = new b();
 	_screenOffset = {
 		x: 0,
 		y: 0
 	};
-	_zoom = new y(1, 1, () => this._updateTransform());
+	_zoom = new x(1, 1, () => this._updateTransform());
 	get zoom() {
 		return this._zoom;
 	}
 	set zoom(e) {
 		this._zoom.set(e.x, e.y);
 	}
-	_minZoom = new y(.02, .02);
+	_minZoom = new x(.02, .02);
 	get minZoom() {
 		return this._minZoom;
 	}
 	set minZoom(e) {
 		this._minZoom.set(e.x, e.y);
 	}
-	_maxZoom = new y(256, 256);
+	_maxZoom = new x(256, 256);
 	get maxZoom() {
 		return this._maxZoom;
 	}
@@ -5229,7 +5229,7 @@ var Tr = class extends wr {
 		return this.setZoom(this._zoom.x + e, this._zoom.y + t);
 	}
 	setZoom(e, t = e) {
-		return this._zoom.set(E(e, this._minZoom.x, this._maxZoom.x), E(t, this._minZoom.y, this._maxZoom.y)), this;
+		return this._zoom.set(St(e, this._minZoom.x, this._maxZoom.x), St(t, this._minZoom.y, this._maxZoom.y)), this;
 	}
 	setZoomAtOrigin(e, t, n) {
 		let r;
@@ -5302,7 +5302,7 @@ var Tr = class extends wr {
 		});
 	}
 	_getZoomByWheel(e, t) {
-		let n = e.ctrlKey && Je ? 10 : 1, r = -e.deltaY * (e.deltaMode === 1 ? .05 : e.deltaMode ? 1 : .002) * n, i = Math.log(t) + r;
+		let n = e.ctrlKey && qe ? 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() {
@@ -5335,16 +5335,16 @@ var Tr = class extends wr {
 k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Tr.prototype, "spaceKey", void 0), k([_({
+}), O("design:type", Boolean)], Er.prototype, "spaceKey", void 0), k([_({
 	internal: !0,
 	fallback: !1
-}), O("design:type", Boolean)], Tr.prototype, "grabbing", void 0), Tr = k([b("Camera2D", {
+}), O("design:type", Boolean)], Er.prototype, "grabbing", void 0), Er = k([S("Camera2D", {
 	processMode: "disabled",
 	renderMode: "disabled"
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Tr);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Er);
 //#endregion
 //#region src/scene/2d/element/connectionRouter.ts
-function Er(e, t) {
+function Dr(e, t) {
 	return Math.abs(e) >= Math.abs(t) ? {
 		x: Math.sign(e) || 1,
 		y: 0
@@ -5353,11 +5353,11 @@ function Er(e, t) {
 		y: Math.sign(t) || 1
 	};
 }
-function Dr(e, t, n, r = {}) {
-	let i = t.point, a = n.point, o = new le();
+function Or(e, t, n, r = {}) {
+	let i = t.point, a = n.point, o = new v();
 	switch (e) {
 		case "curved": {
-			let e = t.dir ?? Er(a.x - i.x, a.y - i.y), s = n.dir ?? Er(i.x - a.x, i.y - a.y), c = a.x - i.x, l = a.y - i.y, u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = Math.max((r.stub ?? 16) * 2, u * .4), m = (e, t, n, r) => Math.max(.1, (1 + e * n + t * r) / 2), h = p * m(e.x, e.y, d, f), g = p * m(s.x, s.y, -d, -f), ee = i.x + e.x * h, te = i.y + e.y * h, ne = a.x + s.x * g, re = a.y + s.y * g;
+			let e = t.dir ?? Dr(a.x - i.x, a.y - i.y), s = n.dir ?? Dr(i.x - a.x, i.y - a.y), c = a.x - i.x, l = a.y - i.y, u = Math.hypot(c, l) || 1, d = c / u, f = l / u, p = Math.max((r.stub ?? 16) * 2, u * .4), m = (e, t, n, r) => Math.max(.1, (1 + e * n + t * r) / 2), h = p * m(e.x, e.y, d, f), g = p * m(s.x, s.y, -d, -f), ee = i.x + e.x * h, te = i.y + e.y * h, ne = a.x + s.x * g, re = a.y + s.y * g;
 			for (let e = 0; e <= 32; e++) {
 				let t = e / 32, n = 1 - t, r = n * n * n, s = 3 * n * n * t, c = 3 * n * t * t, l = t * t * t, u = r * i.x + s * ee + c * ne + l * a.x, d = r * i.y + s * te + c * re + l * a.y;
 				e === 0 ? o.moveTo(u, d) : o.lineTo(u, d);
@@ -5365,7 +5365,7 @@ function Dr(e, t, n, r = {}) {
 			break;
 		}
 		case "orthogonal": {
-			let e = kr(t, n, r);
+			let e = Ar(t, n, r);
 			for (let t = 0; t < e.length; t++) t === 0 ? o.moveTo(e[t].x, e[t].y) : o.lineTo(e[t].x, e[t].y);
 			break;
 		}
@@ -5375,11 +5375,11 @@ function Dr(e, t, n, r = {}) {
 	}
 	return o;
 }
-function Or(e) {
-	return Er(e.x, e.y);
+function kr(e) {
+	return Dr(e.x, e.y);
 }
-function kr(e, t, n) {
-	let r = e.point, i = t.point, a = n.stub ?? 16, o = Or(e.dir ?? Er(i.x - r.x, i.y - r.y)), s = Or(t.dir ?? Er(r.x - i.x, r.y - i.y)), c = {
+function Ar(e, t, n) {
+	let r = e.point, i = t.point, a = n.stub ?? 16, o = kr(e.dir ?? Dr(i.x - r.x, i.y - r.y)), s = kr(t.dir ?? Dr(r.x - i.x, r.y - i.y)), c = {
 		x: r.x + o.x * a,
 		y: r.y + o.y * a
 	}, l = {
@@ -5391,12 +5391,12 @@ function kr(e, t, n) {
 		x: r.x,
 		y: r.y
 	}, c];
-	return d.push(...jr(c, o, l, s, a, u)), d.push(l, {
+	return d.push(...Mr(c, o, l, s, a, u)), d.push(l, {
 		x: i.x,
 		y: i.y
-	}), Mr(d);
+	}), Nr(d);
 }
-function Ar(e, t, n, r, i) {
+function jr(e, t, n, r, i) {
 	let a = Infinity, o = -Infinity, s = t === "y" ? "x" : "y";
 	for (let e of r) {
 		let r = e.min[s], i = r + e.size[s];
@@ -5407,7 +5407,7 @@ function Ar(e, t, n, r, i) {
 	}
 	return e > a && e < o ? a - i : e;
 }
-function jr(e, t, n, r, i, a = []) {
+function Mr(e, t, n, r, i, a = []) {
 	let o = t.y === 0;
 	if (o === (r.y === 0)) {
 		if (o) {
@@ -5422,7 +5422,7 @@ function jr(e, t, n, r, i, a = []) {
 				}];
 			}
 			let o = Math.abs(e.y - n.y) < .001 ? e.y + i : (e.y + n.y) / 2;
-			return o = Ar(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
+			return o = jr(o, "y", [Math.min(e.x, n.x), Math.max(e.x, n.x)], a, i), [{
 				x: e.x,
 				y: o
 			}, {
@@ -5441,7 +5441,7 @@ function jr(e, t, n, r, i, a = []) {
 			}];
 		}
 		let s = Math.abs(e.x - n.x) < .001 ? e.x + i : (e.x + n.x) / 2;
-		return s = Ar(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
+		return s = jr(s, "x", [Math.min(e.y, n.y), Math.max(e.y, n.y)], a, i), [{
 			x: s,
 			y: e.y
 		}, {
@@ -5468,7 +5468,7 @@ function jr(e, t, n, r, i, a = []) {
 		y: l.y
 	}];
 }
-function Mr(e) {
+function Nr(e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n], i = t[t.length - 1];
@@ -5478,7 +5478,7 @@ function Mr(e) {
 }
 //#endregion
 //#region src/css/parseCssFilter.ts
-var Nr = {
+var Pr = {
 	brightness: 1,
 	contrast: 1,
 	grayscale: 0,
@@ -5488,18 +5488,18 @@ var Nr = {
 	saturate: 1,
 	sepia: 0
 };
-function Pr(e) {
-	let t = new St();
+function Fr(e) {
+	let t = new Ct();
 	if (e === "none") return t;
-	let n = Ae(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
-	Object.keys(Nr).forEach((e) => {
-		n[e] = n[e] ?? Nr[e];
+	let n = ke(e).reduce((e, { name: t, args: n }) => (e[t] = n[0].normalizedIntValue, e), {});
+	Object.keys(Pr).forEach((e) => {
+		n[e] = n[e] ?? Pr[e];
 	});
 	for (let e in n) {
 		let r = n[e];
 		switch (e) {
 			case "hue-rotate":
-				t.hueRotate(r * Ce);
+				t.hueRotate(r * Se);
 				break;
 			case "saturate":
 				t.saturate(r);
@@ -5528,7 +5528,7 @@ function Pr(e) {
 }
 //#endregion
 //#region src/css/parseCssTransformOrigin.ts
-function Fr(e) {
+function Ir(e) {
 	let [t, n = t] = e.split(" ");
 	return [t, n].map((e) => {
 		switch (e = e.trim(), e) {
@@ -5543,9 +5543,9 @@ function Fr(e) {
 }
 //#endregion
 //#region src/scene/effects/ColorAdjustEffect.ts
-var Ir, W = class extends U {
+var Lr, W = class extends U {
 	static {
-		Ir = this;
+		Lr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5556,7 +5556,7 @@ var Ir, W = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, Ir.material, {
+			L.draw(e, Lr.material, {
 				sampler: 0,
 				saturation: this.saturation,
 				contrast: this.contrast,
@@ -5570,18 +5570,18 @@ var Ir, 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 = Ir = k([b("ColorAdjustEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
+k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "saturation", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "contrast", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "brightness", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "red", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "green", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "blue", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "alpha", void 0), k([_({ fallback: 1 }), O("design:type", Number)], W.prototype, "gamma", void 0), W = Lr = k([S("ColorAdjustEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], W);
 //#endregion
 //#region src/scene/effects/ColorFilterEffect.ts
-var Lr, Rr = class extends U {
+var Rr, zr = class extends U {
 	static {
-		Lr = this;
+		Rr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "in vec2 vUv;\nuniform sampler2D sampler;\nuniform float m[20];\n\nvoid main(void) {\n  vec4 c = texture2D(sampler, vUv);\n  if (c.a > 0.0) {\n    c.rgb /= c.a;\n  }\n  gl_FragColor = vec4(\n    m[0]  * c.r + m[1]  * c.g + m[2]  * c.b + m[3]  * c.a + m[4] / 255.0,\n    m[5]  * c.r + m[6]  * c.g + m[7]  * c.b + m[8]  * c.a + m[9] / 255.0,\n    m[10] * c.r + m[11] * c.g + m[12] * c.b + m[13] * c.a + m[14] / 255.0,\n    m[15] * c.r + m[16] * c.g + m[17] * c.b + m[18] * c.a + m[19] / 255.0\n  );\n}"
 	} });
-	_colorMatrix = new St();
+	_colorMatrix = new Ct();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5594,13 +5594,13 @@ var Lr, Rr = class extends U {
 	}
 	apply(e, t) {
 		if (!this.filter) return;
-		let n = Ae(this.filter), r = this._colorMatrix.identity();
+		let n = ke(this.filter), r = this._colorMatrix.identity();
 		n.forEach(({ name: e, args: t }) => {
 			let n = t.map((e) => e.normalizedIntValue);
 			switch (e) {
 				case "hue-rotate":
 				case "hueRotate":
-					r.hueRotate(n[0] * Ce);
+					r.hueRotate(n[0] * Se);
 					break;
 				case "saturate":
 					r.saturate(n[0]);
@@ -5625,25 +5625,25 @@ var Lr, Rr = class extends U {
 					break;
 			}
 		}), t.redraw(e, () => {
-			L.draw(e, Lr.material, {
+			L.draw(e, Rr.material, {
 				sampler: 0,
 				m: r.toArray()
 			});
 		});
 	}
 };
-k([_(), O("design:type", String)], Rr.prototype, "filter", void 0), Rr = Lr = k([b("ColorFilterEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Rr);
+k([_(), O("design:type", String)], zr.prototype, "filter", void 0), zr = Rr = k([S("ColorFilterEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], zr);
 //#endregion
 //#region src/scene/effects/ColorOverlayEffect.ts
-var zr, Br = 50, Vr = class extends U {
+var Br, Vr = 50, Hr = class extends U {
 	static {
-		zr = this;
+		Br = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${Br}];
+uniform vec4 colors[${Vr}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -5652,7 +5652,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${Br}; i++) {
+    for (int i = 0; i < ${Vr}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -5664,7 +5664,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${Br}; i++){
+  for(int i=0; i<${Vr}; i++){
     if(i==index){
         return colors[i];
     }
@@ -5679,7 +5679,7 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 	} });
-	_color = new T();
+	_color = new yt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5690,31 +5690,31 @@ void main(void) {
 				let t = this._color.toArray();
 				return t[3] = this.alpha, t;
 			});
-			for (; t.length < Br;) t.push([
+			for (; t.length < Vr;) t.push([
 				0,
 				0,
 				0,
 				0
 			]);
-			L.draw(e, zr.material, {
+			L.draw(e, Br.material, {
 				sampler: 0,
-				colors: t.slice(0, Br).flatMap((e) => e)
+				colors: t.slice(0, Vr).flatMap((e) => e)
 			});
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Vr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Vr.prototype, "alpha", void 0), Vr = zr = k([b("ColorOverlayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Vr);
+k([_({ default: () => [] }), O("design:type", Array)], Hr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Hr.prototype, "alpha", void 0), Hr = Br = k([S("ColorOverlayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Hr);
 //#endregion
 //#region src/scene/effects/ColorRemoveEffect.ts
-var Hr, Ur = class extends U {
+var Ur, Wr = class extends U {
 	static {
-		Hr = this;
+		Ur = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform float epsilon;\nconst int MAX_COLORS = 50;\nuniform vec3 originalColors[MAX_COLORS];\n\nvoid main(void) {\n  vec4 color = texture2D(sampler, vUv);\n\n  for (int i = 0; i < MAX_COLORS; i++) {\n    vec3 origColor = originalColors[i];\n    if (origColor.r < 0.0) {\n      break;\n    }\n    vec3 colorDiff = origColor - color.rgb;\n    if (length(colorDiff) < epsilon) {\n      gl_FragColor = vec4(0, 0, 0, 0);\n      return;\n    }\n  }\n\n  gl_FragColor = color;\n}"
 	} });
-	_color = new T();
+	_color = new yt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5728,7 +5728,7 @@ var Hr, Ur = 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, Hr.material, {
+			L.draw(e, Ur.material, {
 				sampler: 0,
 				epsilon: this.epsilon,
 				originalColors: n
@@ -5736,19 +5736,19 @@ var Hr, Ur = class extends U {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Ur.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Ur.prototype, "epsilon", void 0), Ur = Hr = k([b("ColorRemoveEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Ur);
+k([_({ default: () => [] }), O("design:type", Array)], Wr.prototype, "colors", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Wr.prototype, "epsilon", void 0), Wr = Ur = k([S("ColorRemoveEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Wr);
 //#endregion
 //#region src/scene/effects/ColorReplaceEffect.ts
-var Wr, Gr = 50, Kr = class extends U {
+var Gr, Kr = 50, qr = class extends U {
 	static {
-		Wr = this;
+		Gr = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${Gr};
+const int MAX_COLORS = ${Kr};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -5776,7 +5776,7 @@ void main(void) {
   }
 }`
 	} });
-	_color = new T();
+	_color = new yt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -5785,8 +5785,8 @@ void main(void) {
 			this._color.value = e[0];
 			let t = this._color.toArray().slice(0, 3);
 			return this._color.value = e[1], [t, this._color.toArray().slice(0, 3)];
-		}), r = this.epsilon, i = new Float32Array(Gr * 3), a = new Float32Array(Gr * 3);
-		for (; n.length < Gr;) n.push([[
+		}), r = this.epsilon, i = new Float32Array(Kr * 3), a = new Float32Array(Kr * 3);
+		for (; n.length < Kr;) n.push([[
 			-1,
 			0,
 			0
@@ -5796,10 +5796,10 @@ void main(void) {
 			0,
 			1
 		]]);
-		n.slice(0, Gr).forEach(([e, t], n) => {
+		n.slice(0, Kr).forEach(([e, t], n) => {
 			i[n * 3] = e[0], i[n * 3 + 1] = e[1], i[n * 3 + 2] = e[2], a[n * 3] = t[0], a[n * 3 + 1] = t[1], a[n * 3 + 2] = t[2];
 		}), t.redraw(e, () => {
-			L.draw(e, Wr.material, {
+			L.draw(e, Gr.material, {
 				sampler: 0,
 				epsilon: r,
 				originalColors: i,
@@ -5808,17 +5808,17 @@ void main(void) {
 		});
 	}
 };
-k([_({ default: () => [] }), O("design:type", Array)], Kr.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], Kr.prototype, "epsilon", void 0), Kr = Wr = k([b("ColorReplaceEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Kr);
+k([_({ default: () => [] }), O("design:type", Array)], qr.prototype, "colors", void 0), k([_({ fallback: .05 }), O("design:type", Number)], qr.prototype, "epsilon", void 0), qr = Gr = k([S("ColorReplaceEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], qr);
 //#endregion
 //#region src/scene/effects/DrawboardEffect.frag?raw
-var qr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\nconst int CHECKERBOARD_STYLE_DOTS_DARK = 4;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS || checkerboardStyle == CHECKERBOARD_STYLE_DOTS_DARK) {\n    // light vs dark dots share this path; the base/dot colours are supplied as\n    // uniforms (set per style on the CPU side), so only the values differ.\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", Jr, G = class extends U {
+var Jr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 inputSize;\nuniform vec2 zoom;\nuniform vec2 translate;\nuniform float gridScale;\nuniform vec2 gridSize;\nuniform int checkerboard;\nuniform int checkerboardStyle;\nuniform float dotBackgroundBaseColor;\nuniform float dotBackgroundZoomedOutColor;\nuniform float dotColorDiff;\nuniform int pixelGrid;\nuniform int watermark;\nuniform sampler2D watermarkTexture;\nuniform vec2 watermarkSize;\nuniform vec2 watermarkOffset;\nuniform vec2 watermarkSpacing;\nuniform float watermarkRotation;\nuniform float watermarkAlpha;\n\nconst float VIEWPORT_SPACE_MIN_DOT_RADIUS = 0.5;\nconst float CANVAS_SPACE_DOT_RADIUS = 1.;\nconst float CANVAS_SPACE_DOT_GRID_SIZE_PX = 16.;\n\nconst int CHECKERBOARD_STYLE_NONE = 0;\nconst int CHECKERBOARD_STYLE_GRID = 1;\nconst int CHECKERBOARD_STYLE_GRID_DARK = 2;\nconst int CHECKERBOARD_STYLE_DOTS = 3;\nconst int CHECKERBOARD_STYLE_DOTS_DARK = 4;\n\nfloat _round(float val) {\n  return floor(val + .5);\n}\n\nvec2 _round(vec2 pt) {\n  return floor(pt + .5);\n}\n\nfloat scaledGridSize(float zoomScale) {\n  if (zoomScale < 0.03125) {\n    return 32.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.0625) {\n    return 16.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.125) {\n    return 8.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.25) {\n    return 4.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else if (zoomScale < 0.5) {\n    return 2.0 * CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n  else {\n    return CANVAS_SPACE_DOT_GRID_SIZE_PX;\n  }\n}\n\nvec4 renderCheckerboard(vec2 coord, vec4 color) {\n  float value;\n  if (checkerboardStyle == CHECKERBOARD_STYLE_GRID) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 1.0 : 0.95;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_GRID_DARK) {\n    vec2 fractValue = fract(coord * vec2(gridScale) * zoom) - 0.5;\n    value = fractValue.x * fractValue.y < 0.0 ? 0.12 : 0.17;\n  }\n  else if (checkerboardStyle == CHECKERBOARD_STYLE_DOTS || checkerboardStyle == CHECKERBOARD_STYLE_DOTS_DARK) {\n    // light vs dark dots share this path; the base/dot colours are supplied as\n    // uniforms (set per style on the CPU side), so only the values differ.\n    float zoomScale = zoom.x;\n    float gridPixelSize = scaledGridSize(zoomScale);\n    float zoomInterpolationFactor = smoothstep(0.5, 1.0, zoomScale);\n    float dotColor = dotBackgroundZoomedOutColor + dotColorDiff * zoomInterpolationFactor;\n    vec2 nearestGridPoint = _round(coord / gridPixelSize) * gridPixelSize;\n    float canvasSpaceDist = length(coord - nearestGridPoint);\n    float viewportSpaceDist = canvasSpaceDist * zoomScale;\n    float viewportSpaceDotRadius = max(VIEWPORT_SPACE_MIN_DOT_RADIUS, CANVAS_SPACE_DOT_RADIUS * zoomScale);\n    float dist = 1.0 - smoothstep(0., 1., (viewportSpaceDist - viewportSpaceDotRadius + .5));\n    value = mix(dotBackgroundBaseColor, dotColor, dist);\n  }\n  return vec4(value * (1.0 - color.a) + color.rgb, 1);\n}\n\nvec4 renderPixelGrid(vec2 coord, vec4 color) {\n  vec3 rgb = color.rgb;\n  vec2 corner = fract(coord);\n  float gridWeight = max(float(corner.x < gridSize.x), float(corner.y < gridSize.y));\n  vec3 gridColor;\n  vec3 weights = vec3(0.299, 0.587, 0.114);\n  float c2 = dot(rgb * rgb, weights);\n  float luminance = sqrt(c2);\n  if (luminance > 0.5) {\n    float target = (luminance - 0.05) / luminance;\n    gridColor = rgb * target;\n  }\n  else {\n    float target = luminance * 0.8 + 0.15;\n    float c1 = dot(rgb, weights);\n    float a = 1.0 - 2.0 * c1 + c2;\n    float b = c2 - c1;\n    gridColor = mix(rgb, vec3(1), (b + sqrt(b * b - a * (c2 - target * target))) / a);\n  }\n  return vec4(mix(rgb, gridColor, gridWeight), color.a);\n}\n\nvec4 renderWatermark(vec2 coord, vec4 color) {\n  float hw = watermarkSize.x * 0.5;\n  float hh = watermarkSize.y * 0.5;\n  float c = cos(-watermarkRotation);\n  float s = sin(-watermarkRotation);\n  vec2 blockSize = watermarkSize + watermarkSpacing;\n  vec2 tiles = max(floor(inputSize / blockSize), vec2(1.0));\n  vec2 gridCoverage = tiles * blockSize;\n  vec2 startPos = watermarkOffset;\n  vec2 localPix = coord - startPos;\n  vec2 blockIndex = floor(localPix / blockSize);\n  vec2 wmCenter = startPos + blockIndex * blockSize + watermarkSize * 0.5 + watermarkSpacing / 2.0;\n  vec2 local = coord - wmCenter;\n  vec2 inv = vec2(\n    local.x * c + local.y * s,\n    -local.x * s + local.y * c\n  );\n  if (inv.x >= -hw && inv.x <= hw && inv.y >= -hh && inv.y <= hh) {\n    vec2 wmUV = (inv + vec2(hw, hh)) / watermarkSize;\n    vec4 wmColor = texture(watermarkTexture, wmUV);\n    float alpha = wmColor.a * watermarkAlpha;\n    return mix(color, wmColor, alpha);\n  } else {\n    return color;\n  }\n}\n\nvoid main(void) {\n  vec4 color = texture(uTexture, vUv);\n  vec2 coord = vec2(vUv.x, 1.0 - vUv.y);\n  coord = (coord * inputSize - translate) / zoom;\n  if (checkerboard > 0) {\n    color = renderCheckerboard(coord, color);\n  }\n  if (watermark > 0) {\n    color = renderWatermark(coord, color);\n  }\n  if (pixelGrid > 0) {\n    color = renderPixelGrid(coord, color);\n  }\n  gl_FragColor = color;\n}\n", Yr, G = class extends U {
 	static {
-		Jr = this;
+		Yr = this;
 	}
 	_watermark;
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nuniform mat3 projectionMatrix;\nuniform mat3 viewMatrix;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position.xy, 0.0, 1.0);\n  vUv = uv;\n}",
-		fragment: qr
+		fragment: Jr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5867,7 +5867,7 @@ var qr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 				zoomedOut: this.dotColor ?? a.zoomedOut,
 				diff: this.dotZoomDiff ?? a.diff
 			};
-			L.draw(e, Jr.material, {
+			L.draw(e, Yr.material, {
 				uTexture: 0,
 				inputSize: [t.width, t.height],
 				zoom: [n[0], n[4]],
@@ -5891,20 +5891,20 @@ var qr = "precision highp float;\n\nin vec2 vUv;\nuniform sampler2D uTexture;\nu
 		});
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], G.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "pixelGrid", void 0), k([_(), O("design:type", Number)], G.prototype, "dotBaseColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotZoomDiff", void 0), k([_(), O("design:type", String)], G.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], G.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], G.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = Jr = k([b("DrawboardEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
+k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "checkerboard", void 0), k([_({ fallback: "grid" }), O("design:type", Object)], G.prototype, "checkerboardStyle", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], G.prototype, "pixelGrid", void 0), k([_(), O("design:type", Number)], G.prototype, "dotBaseColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotColor", void 0), k([_(), O("design:type", Number)], G.prototype, "dotZoomDiff", void 0), k([_(), O("design:type", String)], G.prototype, "watermark", void 0), k([_({ fallback: 100 }), O("design:type", Number)], G.prototype, "watermarkWidth", void 0), k([_({ fallback: .05 }), O("design:type", Number)], G.prototype, "watermarkAlpha", void 0), k([_({ fallback: .5236 }), O("design:type", Number)], G.prototype, "watermarkRotation", void 0), G = Yr = k([S("DrawboardEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], G);
 //#endregion
 //#region src/scene/effects/GaussianBlurEffect.ts
-var Yr, Xr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void) {\n  gl_FragColor = vec4(0.0);\n  float flag = 0.0;\n  for (int i = 0; i < 9; i++) {\n   vec2 uv = vUv[i];\n   if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n     flag = 1.0;\n     break;\n   }\n  }\n  if (flag == 1.0) {\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n  } else {\n    gl_FragColor += texture2D(sampler, vUv[0]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[1]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[2]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[3]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[5]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[6]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[7]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;\n  }\n}", Zr = class extends U {
+var Xr, Zr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void) {\n  gl_FragColor = vec4(0.0);\n  float flag = 0.0;\n  for (int i = 0; i < 9; i++) {\n   vec2 uv = vUv[i];\n   if (uv.x < 0.0 || uv.x > 1.0 || uv.y < 0.0 || uv.y > 1.0) {\n     flag = 1.0;\n     break;\n   }\n  }\n  if (flag == 1.0) {\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.028532;\n  } else {\n    gl_FragColor += texture2D(sampler, vUv[0]) * 0.028532;\n    gl_FragColor += texture2D(sampler, vUv[1]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[2]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[3]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[4]) * 0.20236;\n    gl_FragColor += texture2D(sampler, vUv[5]) * 0.179044;\n    gl_FragColor += texture2D(sampler, vUv[6]) * 0.124009;\n    gl_FragColor += texture2D(sampler, vUv[7]) * 0.067234;\n    gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;\n  }\n}", Qr = class extends U {
 	static {
-		Yr = this;
+		Xr = this;
 	}
 	static materialX = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(-4.0 * uStrength, 0.0);\n  vUv[1] = uv + vec2(-3.0 * uStrength, 0.0);\n  vUv[2] = uv + vec2(-2.0 * uStrength, 0.0);\n  vUv[3] = uv + vec2(-1.0 * uStrength, 0.0);\n  vUv[4] = uv + vec2(0.0 * uStrength, 0.0);\n  vUv[5] = uv + vec2(1.0 * uStrength, 0.0);\n  vUv[6] = uv + vec2(2.0 * uStrength, 0.0);\n  vUv[7] = uv + vec2(3.0 * uStrength, 0.0);\n  vUv[8] = uv + vec2(4.0 * uStrength, 0.0);\n}",
-		fragment: Xr
+		fragment: Zr
 	} });
 	static materialY = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nuniform float uStrength;\nvarying vec2 vUv[9];\n\nvoid main(void) {\n  gl_Position = vec4(position, 0, 1);\n  vUv[0] = uv + vec2(0.0, -4.0 * uStrength);\n  vUv[1] = uv + vec2(0.0, -3.0 * uStrength);\n  vUv[2] = uv + vec2(0.0, -2.0 * uStrength);\n  vUv[3] = uv + vec2(0.0, -1.0 * uStrength);\n  vUv[4] = uv + vec2(0.0, 0.0 * uStrength);\n  vUv[5] = uv + vec2(0.0, 1.0 * uStrength);\n  vUv[6] = uv + vec2(0.0, 2.0 * uStrength);\n  vUv[7] = uv + vec2(0.0, 3.0 * uStrength);\n  vUv[8] = uv + vec2(0.0, 4.0 * uStrength);\n}",
-		fragment: Xr
+		fragment: Zr
 	} });
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
@@ -5912,39 +5912,39 @@ var Yr, Xr = "varying vec2 vUv[9];\nuniform sampler2D sampler;\n\nvoid main(void
 	apply(e, t) {
 		let n = 1 / t.width, r = 1 / t.height, i = Math.max(this.quality, 1);
 		for (let r = 0; r < i; r++) t.redraw(e, () => {
-			L.draw(e, Yr.materialX, {
+			L.draw(e, Xr.materialX, {
 				sampler: 0,
 				uStrength: n * (this.strength / i)
 			});
 		});
 		for (let n = 0; n < i; n++) t.redraw(e, () => {
-			L.draw(e, Yr.materialY, {
+			L.draw(e, Xr.materialY, {
 				sampler: 0,
 				uStrength: r * (this.strength / i)
 			});
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], Zr.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], Zr.prototype, "quality", void 0), Zr = Yr = k([b("GaussianBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Zr);
+k([_({ fallback: 4 }), O("design:type", Number)], Qr.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], Qr.prototype, "quality", void 0), Qr = Xr = k([S("GaussianBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], Qr);
 //#endregion
 //#region src/scene/effects/DropShadowEffect.ts
-var Qr, $r = class extends U {
+var $r, ei = class extends U {
 	static {
-		Qr = this;
+		$r = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform float uAlpha;\nuniform vec3 uColor;\nuniform vec2 uOffset;\nuniform vec4 uInputSize;\n\nvoid main(void) {\n  vec4 sample = texture2D(sampler, vUv + uOffset * uInputSize.zw);\n  sample.rgb = uColor.rgb * sample.a;\n  sample *= uAlpha;\n  gl_FragColor = sample;\n}"
 	} });
-	blurEffect = new Zr();
+	blurEffect = new Qr();
 	viewport3 = new H();
-	_color = new T();
+	_color = new yt();
 	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, Qr.material, {
+			this._color.value = this.color, L.draw(e, $r.material, {
 				sampler: 0,
 				uAlpha: this._color.a,
 				uColor: this._color.toArray().slice(0, 3),
@@ -5957,16 +5957,16 @@ var Qr, $r = 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, Zn.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, Zn.instance, { sampler: 0 }), e.texture.unbind(1);
+			this.viewport3.texture.activate(e, 1), L.draw(e, Qn.instance, { sampler: 1 }), this.shadowOnly || L.draw(e, Qn.instance, { sampler: 0 }), e.texture.unbind(1);
 		});
 	}
 };
-k([_({ fallback: "#000000FF" }), O("design:type", Object)], $r.prototype, "color", void 0), k([_({ fallback: 4 }), O("design:type", Number)], $r.prototype, "blur", void 0), k([_({ fallback: 4 }), O("design:type", Number)], $r.prototype, "offsetX", void 0), k([_({ fallback: 4 }), O("design:type", Number)], $r.prototype, "offsetY", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], $r.prototype, "shadowOnly", void 0), $r = Qr = k([b("DropShadowEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], $r);
+k([_({ fallback: "#000000FF" }), O("design:type", Object)], ei.prototype, "color", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ei.prototype, "blur", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ei.prototype, "offsetX", void 0), k([_({ fallback: 4 }), O("design:type", Number)], ei.prototype, "offsetY", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], ei.prototype, "shadowOnly", void 0), ei = $r = k([S("DropShadowEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ei);
 //#endregion
 //#region src/scene/effects/EmbossEffect.ts
-var ei, ti = class extends U {
+var ti, ni = class extends U {
 	static {
-		ei = this;
+		ti = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -5977,7 +5977,7 @@ var ei, ti = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, ei.material, {
+			L.draw(e, ti.material, {
 				sampler: 0,
 				strength: this.strength,
 				inputSize: [
@@ -5990,12 +5990,12 @@ var ei, ti = class extends U {
 		});
 	}
 };
-k([_({ fallback: 5 }), O("design:type", Number)], ti.prototype, "strength", void 0), ti = ei = k([b("EmbossEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ti);
+k([_({ fallback: 5 }), O("design:type", Number)], ni.prototype, "strength", void 0), ni = ti = k([S("EmbossEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ni);
 //#endregion
 //#region src/scene/effects/GlitchEffect.ts
-var ni, K = class extends U {
+var ri, K = class extends U {
 	static {
-		ni = this;
+		ri = this;
 	}
 	static material = new I({ gl: {
 		vertex: "in vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6008,7 +6008,7 @@ var ni, K = class extends U {
 	_needsRedraw = !1;
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
-		let n = S(4, this.sampleSize);
+		let n = w(4, this.sampleSize);
 		if (!n) throw Error("GlitchEffect requires a canvas; call setCanvasFactory() in non-browser environments.");
 		this._canvas = n, this._texture = new z(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
 	}
@@ -6027,7 +6027,7 @@ var ni, 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, ni.material, {
+			this._texture.activate(e, 1), L.draw(e, ri.material, {
 				sampler: 0,
 				filterClamp: [
 					0,
@@ -6056,12 +6056,12 @@ var ni, 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 = ni = k([b("GlitchEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
+k([_({ fallback: 10 }), O("design:type", Number)], K.prototype, "slices", void 0), k([_({ fallback: 512 }), O("design:type", Number)], K.prototype, "sampleSize", void 0), k([_({ fallback: 100 }), O("design:type", Number)], K.prototype, "offset", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "direction", void 0), k([_({ fallback: 2 }), O("design:type", Number)], K.prototype, "fillMode", void 0), k([_({ fallback: 0 }), O("design:type", Number)], K.prototype, "seed", void 0), k([_({ default: () => [2, 2] }), O("design:type", Array)], K.prototype, "red", void 0), k([_({ default: () => [-10, 4] }), O("design:type", Array)], K.prototype, "green", void 0), k([_({ default: () => [10, -4] }), O("design:type", Array)], K.prototype, "blue", void 0), K = ri = k([S("GlitchEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], K);
 //#endregion
 //#region src/scene/effects/GodrayEffect.ts
-var ri, ii = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", q = class extends U {
+var ii, ai = "vec3 mod289(vec3 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 mod289(vec4 x) {\n  return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) {\n  return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) {\n  return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec3 fade(vec3 t) {\n  return t * t * t * (t * (t * 6.0 - 15.0) + 10.0);\n}\n// Classic Perlin noise, periodic variant\nfloat pnoise(vec3 P, vec3 rep) {\n  vec3 Pi0 = mod(floor(P), rep); // Integer part, modulo period\n  vec3 Pi1 = mod(Pi0 + vec3(1.0), rep); // Integer part + 1, mod period\n  Pi0 = mod289(Pi0);\n  Pi1 = mod289(Pi1);\n  vec3 Pf0 = fract(P); // Fractional part for interpolation\n  vec3 Pf1 = Pf0 - vec3(1.0); // Fractional part - 1.0\n  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);\n  vec4 iy = vec4(Pi0.yy, Pi1.yy);\n  vec4 iz0 = Pi0.zzzz;\n  vec4 iz1 = Pi1.zzzz;\n  vec4 ixy = permute(permute(ix) + iy);\n  vec4 ixy0 = permute(ixy + iz0);\n  vec4 ixy1 = permute(ixy + iz1);\n  vec4 gx0 = ixy0 * (1.0 / 7.0);\n  vec4 gy0 = fract(floor(gx0) * (1.0 / 7.0)) - 0.5;\n  gx0 = fract(gx0);\n  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);\n  vec4 sz0 = step(gz0, vec4(0.0));\n  gx0 -= sz0 * (step(0.0, gx0) - 0.5);\n  gy0 -= sz0 * (step(0.0, gy0) - 0.5);\n  vec4 gx1 = ixy1 * (1.0 / 7.0);\n  vec4 gy1 = fract(floor(gx1) * (1.0 / 7.0)) - 0.5;\n  gx1 = fract(gx1);\n  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);\n  vec4 sz1 = step(gz1, vec4(0.0));\n  gx1 -= sz1 * (step(0.0, gx1) - 0.5);\n  gy1 -= sz1 * (step(0.0, gy1) - 0.5);\n  vec3 g000 = vec3(gx0.x, gy0.x, gz0.x);\n  vec3 g100 = vec3(gx0.y, gy0.y, gz0.y);\n  vec3 g010 = vec3(gx0.z, gy0.z, gz0.z);\n  vec3 g110 = vec3(gx0.w, gy0.w, gz0.w);\n  vec3 g001 = vec3(gx1.x, gy1.x, gz1.x);\n  vec3 g101 = vec3(gx1.y, gy1.y, gz1.y);\n  vec3 g011 = vec3(gx1.z, gy1.z, gz1.z);\n  vec3 g111 = vec3(gx1.w, gy1.w, gz1.w);\n  vec4 norm0 = taylorInvSqrt(vec4(dot(g000, g000), dot(g010, g010), dot(g100, g100), dot(g110, g110)));\n  g000 *= norm0.x;\n  g010 *= norm0.y;\n  g100 *= norm0.z;\n  g110 *= norm0.w;\n  vec4 norm1 = taylorInvSqrt(vec4(dot(g001, g001), dot(g011, g011), dot(g101, g101), dot(g111, g111)));\n  g001 *= norm1.x;\n  g011 *= norm1.y;\n  g101 *= norm1.z;\n  g111 *= norm1.w;\n  float n000 = dot(g000, Pf0);\n  float n100 = dot(g100, vec3(Pf1.x, Pf0.yz));\n  float n010 = dot(g010, vec3(Pf0.x, Pf1.y, Pf0.z));\n  float n110 = dot(g110, vec3(Pf1.xy, Pf0.z));\n  float n001 = dot(g001, vec3(Pf0.xy, Pf1.z));\n  float n101 = dot(g101, vec3(Pf1.x, Pf0.y, Pf1.z));\n  float n011 = dot(g011, vec3(Pf0.x, Pf1.yz));\n  float n111 = dot(g111, Pf1);\n  vec3 fade_xyz = fade(Pf0);\n  vec4 n_z = mix(vec4(n000, n100, n010, n110), vec4(n001, n101, n011, n111), fade_xyz.z);\n  vec2 n_yz = mix(n_z.xy, n_z.zw, fade_xyz.y);\n  float n_xyz = mix(n_yz.x, n_yz.y, fade_xyz.x);\n  return 2.2 * n_xyz;\n}\nfloat turb(vec3 P, vec3 rep, float lacunarity, float gain) {\n  float sum = 0.0;\n  float sc = 1.0;\n  float totalgain = 1.0;\n  for (float i = 0.0; i < 6.0; i++) {\n    sum += totalgain * pnoise(P * sc, rep);\n    sc *= lacunarity;\n    totalgain *= gain;\n  }\n  return abs(sum);\n}", q = class extends U {
 	static {
-		ri = this;
+		ii = this;
 	}
 	static material = new I({ gl: {
 		vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6076,7 +6076,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${ii}
+${ai}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -6115,7 +6115,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, ri.material, {
+			L.draw(e, ii.material, {
 				sampler: 0,
 				uDimensions: [t.width, t.height],
 				uParallel: +!!this.parallel,
@@ -6137,15 +6137,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 = ri = k([b("GodrayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
+k([_({ fallback: 0 }), O("design:type", Number)], q.prototype, "time", void 0), k([_({ fallback: 30 }), O("design:type", Number)], q.prototype, "angle", void 0), k([_({ fallback: .5 }), O("design:type", Number)], q.prototype, "gain", void 0), k([_({ fallback: 2.5 }), O("design:type", Number)], q.prototype, "lacunarity", void 0), k([_({ fallback: !0 }), O("design:type", Boolean)], q.prototype, "parallel", void 0), k([_({ default: () => [0, 0] }), O("design:type", Array)], q.prototype, "center", void 0), k([_({ fallback: 1 }), O("design:type", Number)], q.prototype, "alpha", void 0), q = ii = k([S("GodrayEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], q);
 //#endregion
 //#region src/scene/effects/KawaseBlurEffect.ts
-var ai = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", oi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\nuniform vec4 uInputClamp;\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color *= 0.25;\n    gl_FragColor = color;\n}", si = class extends U {
+var oi = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y + uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x + uOffset.x, vUv.y - uOffset.y));\n    color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));\n    color *= 0.25;\n    gl_FragColor = color;\n}", si = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\nuniform vec4 uInputClamp;\nvoid main(void) {\n    vec4 color = vec4(0.0);\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y + uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x + uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color += texture2D(sampler, clamp(vec2(vUv.x - uOffset.x, vUv.y - uOffset.y), uInputClamp.xy, uInputClamp.zw));\n    color *= 0.25;\n    gl_FragColor = color;\n}", ci = class extends U {
 	_kernels = [0];
 	constructor(e, t = []) {
 		super(), this.material = new I({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: e?.clamp ? oi : ai
+			fragment: e?.clamp ? si : oi
 		} }), this.setProperties(e).append(t), this._generateKernels();
 	}
 	_updateProperty(e, t, n) {
@@ -6183,12 +6183,12 @@ var ai = "varying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uOffset;\n
 		});
 	}
 };
-k([_({ fallback: 4 }), O("design:type", Number)], si.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], si.prototype, "quality", void 0), k([_({ default: () => [1, 1] }), O("design:type", Array)], si.prototype, "pixelSize", void 0), si = k([b("KawaseBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], si);
+k([_({ fallback: 4 }), O("design:type", Number)], ci.prototype, "strength", void 0), k([_({ fallback: 3 }), O("design:type", Number)], ci.prototype, "quality", void 0), k([_({ default: () => [1, 1] }), O("design:type", Array)], ci.prototype, "pixelSize", void 0), ci = k([S("KawaseBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ci);
 //#endregion
 //#region src/scene/effects/MaskEffect.ts
-var ci, li = class extends U {
+var li, ui = class extends U {
 	static {
-		ci = this;
+		li = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nin vec2 uv;\nout vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6210,7 +6210,7 @@ var ci, li = class extends U {
 	}
 	apply(e, t, n) {
 		this.texture && t.redraw(e, () => {
-			this.texture.activate(e, 1), L.draw(e, ci.material, {
+			this.texture.activate(e, 1), L.draw(e, li.material, {
 				sampler: 0,
 				mask: 1,
 				rotation: n.target?.globalRotation ?? 0
@@ -6218,23 +6218,23 @@ var ci, li = class extends U {
 		});
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], li.prototype, "image", void 0), li = ci = k([b("MaskEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], li);
+k([_({ fallback: "" }), O("design:type", String)], ui.prototype, "image", void 0), ui = li = k([S("MaskEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ui);
 //#endregion
 //#region src/scene/effects/OutlineEffect.ts
-var ui, di = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", J = class extends U {
+var di, fi = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampler;\nuniform vec2 uThickness;\nuniform vec3 uColor;\nuniform float uAlpha;\nuniform float uKnockout;\nuniform vec4 uInputClamp;\n\nconst float DOUBLE_PI = 2. * 3.14159265358979323846264;\nconst float ANGLE_STEP = {ANGLE_STEP};\n\nfloat outlineMaxAlphaAtPos(vec2 pos) {\n    if (uThickness.x == 0. || uThickness.y == 0.) {\n        return 0.;\n    }\n    vec4 displacedColor;\n    vec2 displacedPos;\n    float maxAlpha = 0.;\n    for (float angle = 0.; angle <= DOUBLE_PI; angle += ANGLE_STEP) {\n        displacedPos.x = vUv.x + uThickness.x * cos(angle);\n        displacedPos.y = vUv.y + uThickness.y * sin(angle);\n        displacedColor = texture2D(sampler, clamp(displacedPos, uInputClamp.xy, uInputClamp.zw));\n        maxAlpha = max(maxAlpha, displacedColor.a);\n    }\n    return maxAlpha;\n}\n\nvoid main(void) {\n    vec4 sourceColor = texture2D(sampler, vUv);\n    vec4 contentColor = sourceColor * float(uKnockout < 0.5);\n    float outlineAlpha = uAlpha * outlineMaxAlphaAtPos(vUv.xy) * (1.-sourceColor.a);\n    vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);\n    gl_FragColor = contentColor + outlineColor;\n}", J = class extends U {
 	static {
-		ui = this;
+		di = this;
 	}
 	static MIN_SAMPLES = 1;
 	static MAX_SAMPLES = 100;
 	static getAngleStep(e) {
-		return Number.parseFloat((Math.PI * 2 / Math.max(e * ui.MAX_SAMPLES, ui.MIN_SAMPLES)).toFixed(7));
+		return Number.parseFloat((Math.PI * 2 / Math.max(e * di.MAX_SAMPLES, di.MIN_SAMPLES)).toFixed(7));
 	}
-	_color = new T();
+	_color = new yt();
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t), this.material = new I({ gl: {
 			vertex: "precision mediump float;\nattribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
-			fragment: di.replace(/\{ANGLE_STEP\}/, ui.getAngleStep(this.quality).toFixed(7))
+			fragment: fi.replace(/\{ANGLE_STEP\}/, di.getAngleStep(this.quality).toFixed(7))
 		} });
 	}
 	apply(e, t) {
@@ -6244,7 +6244,7 @@ var ui, di = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 				uThickness: [this.width / t.width, this.width / t.height],
 				uColor: this._color.toArray().slice(0, 3),
 				uAlpha: this.opacity === 1 ? this._color.a : this.opacity,
-				uAngleStep: ui.getAngleStep(this.quality),
+				uAngleStep: di.getAngleStep(this.quality),
 				uKnockout: +!!this.knockout,
 				uInputClamp: [
 					0,
@@ -6256,12 +6256,12 @@ var ui, di = "precision highp float;\nvarying vec2 vUv;\nuniform sampler2D sampl
 		});
 	}
 };
-k([_({ fallback: "#000000ff" }), O("design:type", Object)], J.prototype, "color", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", String)], J.prototype, "style", void 0), k([_(), O("design:type", Object)], J.prototype, "image", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "opacity", void 0), k([_({ fallback: .1 }), O("design:type", Number)], J.prototype, "quality", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], J.prototype, "knockout", void 0), J = ui = k([b("OutlineEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], J);
+k([_({ fallback: "#000000ff" }), O("design:type", Object)], J.prototype, "color", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", String)], J.prototype, "style", void 0), k([_(), O("design:type", Object)], J.prototype, "image", void 0), k([_({ fallback: 1 }), O("design:type", Number)], J.prototype, "opacity", void 0), k([_({ fallback: .1 }), O("design:type", Number)], J.prototype, "quality", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], J.prototype, "knockout", void 0), J = di = k([S("OutlineEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], J);
 //#endregion
 //#region src/scene/effects/PixelateEffect.ts
-var fi, pi = class extends U {
+var pi, mi = class extends U {
 	static {
-		fi = this;
+		pi = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6277,16 +6277,16 @@ var fi, pi = 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, fi.material, a);
+			L.draw(e, pi.material, a);
 		});
 	}
 };
-k([_({ fallback: 10 }), O("design:type", Number)], pi.prototype, "strength", void 0), pi = fi = k([b("PixelateEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], pi);
+k([_({ fallback: 10 }), O("design:type", Number)], mi.prototype, "strength", void 0), mi = pi = k([S("PixelateEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], mi);
 //#endregion
 //#region src/scene/effects/ZoomBlurEffect.ts
-var mi, hi = class extends U {
+var hi, gi = class extends U {
 	static {
-		mi = this;
+		hi = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
@@ -6297,7 +6297,7 @@ var mi, hi = class extends U {
 	}
 	apply(e, t) {
 		t.redraw(e, () => {
-			L.draw(e, mi.material, {
+			L.draw(e, hi.material, {
 				sampler: 0,
 				uCenter: [t.width / 2, t.height / 2],
 				uInnerRadius: this.innerRadius,
@@ -6313,11 +6313,11 @@ var mi, hi = class extends U {
 		});
 	}
 };
-k([_(), O("design:type", Array)], hi.prototype, "center", void 0), k([_({ fallback: 20 }), O("design:type", Number)], hi.prototype, "innerRadius", void 0), k([_({ fallback: -1 }), O("design:type", Number)], hi.prototype, "radius", void 0), k([_({ fallback: .1 }), O("design:type", Number)], hi.prototype, "strength", void 0), hi = mi = k([b("ZoomBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], hi);
+k([_(), O("design:type", Array)], gi.prototype, "center", void 0), k([_({ fallback: 20 }), O("design:type", Number)], gi.prototype, "innerRadius", void 0), k([_({ fallback: -1 }), O("design:type", Number)], gi.prototype, "radius", void 0), k([_({ fallback: .1 }), O("design:type", Number)], gi.prototype, "strength", void 0), gi = hi = k([S("ZoomBlurEffect"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], gi);
 //#endregion
 //#region src/scene/2d/element/utils.ts
-function gi(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);
+function _i(e, t) {
+	let { x: n, y: r, width: i, height: a } = t, o = !1, s = new b().translate(-n, -r).scale(1 / i, 1 / a);
 	if (e.cropRect) {
 		let { left: t = 0, top: n = 0, right: r = 0, bottom: i = 0 } = e.cropRect;
 		s.scale(1 - (t + r), 1 - (n + i)).translate(t, n), o = !0;
@@ -6338,7 +6338,7 @@ function gi(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/Element2DFill.ts
-var Y = class extends C {
+var Y = class extends T {
 	_parent;
 	texture;
 	animatedTexture;
@@ -6349,7 +6349,7 @@ var Y = class extends C {
 		return super.setProperties(e);
 	}
 	setProperties(e) {
-		return this._setProperties(d(e) ? void 0 : h(e));
+		return this._setProperties(d(e) ? void 0 : g(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6371,7 +6371,7 @@ var Y = class extends C {
 		}
 	}
 	async loadTexture() {
-		if (this.linearGradient || this.radialGradient) this.texture = new nr(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
+		if (this.linearGradient || this.radialGradient) this.texture = new rr(this.linearGradient ?? this.radialGradient, Math.floor(this._parent.size.width), Math.floor(this._parent.size.height));
 		else if (d(this.image)) this.animatedTexture = void 0, this.texture = void 0;
 		else if (this._parent.tree?.log(`load image ${this.image}`), this.image !== "viewport") {
 			let e = this.image.split("?")[0].endsWith(".gif"), t = this.image, n = await $.loadBy(t, async () => {
@@ -6392,12 +6392,12 @@ var Y = class extends C {
 			width: e,
 			height: t
 		} };
-		if (this.image === "viewport") n.fillStyle = new or();
+		if (this.image === "viewport") n.fillStyle = new sr();
 		else {
 			let i = this.animatedTexture?.currentFrame.texture ?? this.texture;
 			r = {
 				...r,
-				...gi(this, this.tile && i ? {
+				..._i(this, this.tile && i ? {
 					x: 0,
 					y: 0,
 					width: i.sourceWidth,
@@ -6436,7 +6436,7 @@ var Y = class extends C {
 k([_({ fallback: !0 }), O("design:type", Boolean)], Y.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Y.prototype, "color", void 0), k([_(), O("design:type", Object)], Y.prototype, "image", void 0), k([_(), O("design:type", Object)], Y.prototype, "linearGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "radialGradient", void 0), k([_(), O("design:type", Object)], Y.prototype, "cropRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "stretchRect", void 0), k([_(), O("design:type", Object)], Y.prototype, "dpi", void 0), k([_(), O("design:type", Object)], Y.prototype, "rotateWithShape", void 0), k([_(), O("design:type", Object)], Y.prototype, "tile", void 0), k([_(), O("design:type", Object)], Y.prototype, "opacity", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DBackground.ts
-var _i = class extends Y {
+var vi = class extends Y {
 	setProperties(e) {
 		return super._setProperties(d(e) ? void 0 : f(e));
 	}
@@ -6448,14 +6448,14 @@ var _i = class extends Y {
 		}
 	}
 };
-k([_(), O("design:type", Object)], _i.prototype, "fillWithShape", void 0);
+k([_(), O("design:type", Object)], vi.prototype, "fillWithShape", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DChart.ts
-var vi;
-function yi() {
-	return vi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), vi;
+var yi;
+function bi() {
+	return yi ||= import("echarts").then((e) => e?.init ? e : e?.default).catch(() => void 0), yi;
 }
-function bi(e) {
+function xi(e) {
 	if (!e) return { show: !1 };
 	switch (e) {
 		case "bottom": return {
@@ -6478,7 +6478,7 @@ function bi(e) {
 		};
 	}
 }
-var X = class extends C {
+var X = class extends T {
 	_parent;
 	_instance;
 	_container;
@@ -6521,7 +6521,7 @@ var X = class extends C {
 			this._teardown(), this._parent.requestDraw();
 			return;
 		}
-		let n = await yi();
+		let n = await bi();
 		if (!n) {
 			console.warn("[modern-canvas] chart rendering requires the optional \"echarts\" dependency (e.g. `pnpm add echarts`)"), this._renderPlaceholder(e, t);
 			return;
@@ -6546,7 +6546,7 @@ var X = class extends C {
 			}), this._instance.setOption(this._toOption(), !0), !this._texture) {
 				let e = this._container.querySelector("canvas");
 				if (!e) return;
-				this._texture = new er({
+				this._texture = new tr({
 					source: e,
 					pixelRatio: 1
 				});
@@ -6559,7 +6559,7 @@ var X = class extends C {
 		let n = document.createElement("canvas");
 		n.width = Math.ceil(e), n.height = Math.ceil(t);
 		let r = n.getContext("2d");
-		r && (r.fillStyle = "#f3f4f6", r.fillRect(0, 0, e, t), r.strokeStyle = "#d1d5db", r.setLineDash([6, 4]), r.strokeRect(1, 1, e - 2, t - 2), r.fillStyle = "#9ca3af", r.font = "14px sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillText("图表需安装 echarts", e / 2, t / 2), this._texture ? this._texture.source = n : this._texture = new er({
+		r && (r.fillStyle = "#f3f4f6", r.fillRect(0, 0, e, t), r.strokeStyle = "#d1d5db", r.setLineDash([6, 4]), r.strokeRect(1, 1, e - 2, t - 2), r.fillStyle = "#9ca3af", r.font = "14px sans-serif", r.textAlign = "center", r.textBaseline = "middle", r.fillText("图表需安装 echarts", e / 2, t / 2), this._texture ? this._texture.source = n : this._texture = new tr({
 			source: n,
 			pixelRatio: 1
 		}), this._texture.requestUpdate("source"), this._parent.requestDraw());
@@ -6569,7 +6569,7 @@ var X = class extends C {
 		if (!e?.isValid()) return;
 		let { width: t, height: n } = this._parent.size, r = this._parent.context;
 		this._parent.shape.draw(!0), r.fillStyle = e;
-		let { a: i, c: a, tx: o, b: s, d: c, ty: l } = new v().scale(1 / t, 1 / n), u, d;
+		let { a: i, c: a, tx: o, b: s, d: c, ty: l } = new b().scale(1 / t, 1 / n), u, d;
 		r.fill({ transformUv: (e, t) => {
 			u = e[t], d = e[t + 1], e[t] = i * u + a * d + o, e[t + 1] = s * u + c * d + l;
 		} });
@@ -6580,7 +6580,7 @@ var X = class extends C {
 				text: this.title,
 				left: "center"
 			} : void 0,
-			legend: bi(this.legend),
+			legend: xi(this.legend),
 			tooltip: {}
 		};
 		if (n) {
@@ -6626,8 +6626,42 @@ var X = class extends C {
 };
 k([_({ fallback: !0 }), O("design:type", Boolean)], X.prototype, "enabled", void 0), k([_({ fallback: "column" }), O("design:type", Object)], X.prototype, "type", void 0), k([_(), O("design:type", Object)], X.prototype, "grouping", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], X.prototype, "categories", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], X.prototype, "series", void 0), k([_(), O("design:type", Object)], X.prototype, "title", void 0), k([_(), O("design:type", Object)], X.prototype, "legend", void 0), k([_(), O("design:type", Object)], X.prototype, "categoryAxis", void 0), k([_(), O("design:type", Object)], X.prototype, "valueAxis", void 0);
 //#endregion
-//#region src/scene/2d/element/Element2DConnection.ts
-var xi = class extends C {
+//#region src/scene/2d/element/Element2DComments.ts
+var Si = class extends T {
+	parent;
+	constructor(e) {
+		super(), this.parent = e;
+	}
+	getPropertyDeclarations() {
+		super.getPropertyDeclarations();
+		let e = {};
+		return Object.keys(this._properties).forEach((t) => {
+			e[t] = { internalKey: `____${t}` };
+		}), e;
+	}
+	getPropertyDeclaration(e) {
+		return { internalKey: `____${e}` };
+	}
+	setProperties(e) {
+		if (Array.isArray(e)) {
+			let t = {};
+			return e.forEach((e) => {
+				let n = e.id ?? c();
+				t[n] = {
+					...e,
+					id: n
+				};
+			}), super.setProperties(t);
+		}
+		return super.setProperties(e);
+	}
+	toJSON() {
+		return m(Object.values(this._properties).filter(Boolean)) ?? [];
+	}
+	isValid() {
+		return Object.values(this._properties).some(Boolean);
+	}
+}, Ci = class extends T {
 	_parent;
 	_routeSig;
 	_routePath;
@@ -6635,7 +6669,7 @@ var xi = class extends C {
 		super(), this._parent = e;
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : m(e));
+		return super.setProperties(d(e) ? void 0 : h(e));
 	}
 	isValid() {
 		return !!(this.start?.id || this.end?.id);
@@ -6669,19 +6703,19 @@ var xi = class extends C {
 		if (e.idx !== void 0) {
 			let n = t.shape.connectionPoints?.find((t) => t.idx === e.idx);
 			if (n) {
-				let e = t.globalTransform.apply(new y(n.x * t.size.x, n.y * t.size.y)), i;
-				return i = n.ang === void 0 ? Er(n.x - .5, n.y - .5) : {
+				let e = t.globalTransform.apply(new x(n.x * t.size.x, n.y * t.size.y)), i;
+				return i = n.ang === void 0 ? Dr(n.x - .5, n.y - .5) : {
 					x: Math.cos(n.ang),
 					y: Math.sin(n.ang)
 				}, {
 					point: e,
-					dir: Si(i, t.globalRotation),
+					dir: wi(i, t.globalRotation),
 					bbox: r
 				};
 			}
 		}
 		return {
-			point: new y(n.min.x + n.size.x / 2, n.min.y + n.size.y / 2),
+			point: new x(n.min.x + n.size.x / 2, n.min.y + n.size.y / 2),
 			bbox: r
 		};
 	}
@@ -6698,11 +6732,11 @@ var xi = class extends C {
 			return;
 		}
 		let n = (e) => e ? `${e.point.x},${e.point.y},${e.dir?.x ?? ""},${e.dir?.y ?? ""}` : "-", r = `${this.mode}|${n(e)}|${n(t)}`;
-		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Dr(this.mode, e ?? t, t ?? e)), this._routePath;
+		return (r !== this._routeSig || !this._routePath) && (this._routeSig = r, this._routePath = Or(this.mode, e ?? t, t ?? e)), this._routePath;
 	}
 };
-k([_(), O("design:type", Object)], xi.prototype, "start", void 0), k([_(), O("design:type", Object)], xi.prototype, "end", void 0), k([_({ fallback: "straight" }), O("design:type", Object)], xi.prototype, "mode", void 0), k([_({ fallback: .5 }), O("design:type", Number)], xi.prototype, "labelPosition", void 0);
-function Si(e, t) {
+k([_(), O("design:type", Object)], Ci.prototype, "start", void 0), k([_(), O("design:type", Object)], Ci.prototype, "end", void 0), k([_({ fallback: "straight" }), O("design:type", Object)], Ci.prototype, "mode", void 0), k([_({ fallback: .5 }), O("design:type", Number)], Ci.prototype, "labelPosition", void 0);
+function wi(e, t) {
 	if (!t) return e;
 	let n = Math.cos(t), r = Math.sin(t);
 	return {
@@ -6712,29 +6746,29 @@ function Si(e, t) {
 }
 //#endregion
 //#region src/scene/2d/element/bakeImageEffects.ts
-function Ci(e) {
+function Ti(e) {
 	return e.getContext("2d");
 }
-function wi(e, t, n, r) {
+function Ei(e, t, n, r) {
 	let i = (t?.angle ?? 0) * Math.PI / 180, a = n / 2, o = r / 2, s = (Math.abs(Math.cos(i)) * n + Math.abs(Math.sin(i)) * r) / 2, c = Math.cos(i) * s, l = Math.sin(i) * s, u = e.createLinearGradient(a - c, o - l, a + c, o + l);
 	for (let e of t?.stops ?? []) u.addColorStop(Math.min(1, Math.max(0, e.offset)), e.color);
 	return u;
 }
-function Ti(e, t, n, r, i) {
-	let a = S(t, n), o = Ci(a);
-	return o.drawImage(e, 0, 0, t, n), o.globalCompositeOperation = "source-in", r.linearGradient ? (o.fillStyle = wi(o, r.linearGradient, t, n), o.fillRect(0, 0, t, n)) : r.image && i[r.image] ? o.drawImage(i[r.image], 0, 0, t, n) : r.color && (o.fillStyle = r.color, o.fillRect(0, 0, t, n)), a;
+function Di(e, t, n, r, i) {
+	let a = w(t, n), o = Ti(a);
+	return o.drawImage(e, 0, 0, t, n), o.globalCompositeOperation = "source-in", r.linearGradient ? (o.fillStyle = Ei(o, r.linearGradient, t, n), o.fillRect(0, 0, t, n)) : r.image && i[r.image] ? o.drawImage(i[r.image], 0, 0, t, n) : r.color && (o.fillStyle = r.color, o.fillRect(0, 0, t, n)), a;
 }
-function Ei(e, t, n, r, i) {
-	let a = S(t, n), o = Ci(a), s = Math.max(8, Math.ceil(r) * 2);
+function Oi(e, t, n, r, i) {
+	let a = w(t, n), o = Ti(a), s = Math.max(8, Math.ceil(r) * 2);
 	for (let i = 0; i < s; i++) {
 		let a = i / s * Math.PI * 2;
 		o.drawImage(e, Math.cos(a) * r, Math.sin(a) * r, t, n);
 	}
 	o.globalCompositeOperation = "source-in", o.fillStyle = i, o.fillRect(0, 0, t, n);
-	let c = S(t, n), l = Ci(c);
+	let c = w(t, n), l = Ti(c);
 	return l.drawImage(a, 0, 0), l.drawImage(e, 0, 0, t, n), c;
 }
-function Di(e) {
+function ki(e) {
 	let t = 0, n = 0;
 	if (!e) return {
 		x: t,
@@ -6750,35 +6784,35 @@ function Di(e) {
 		y: n
 	};
 }
-function Oi(e, t, n, r, i = {}) {
+function Ai(e, t, n, r, i = {}) {
 	let a = Math.max(1, Math.round(n)), o = Math.max(1, Math.round(r)), s = 0;
 	for (let e of t) {
 		e.outline?.width && e.outline.color && (s = Math.max(s, e.outline.width));
-		let t = Di(e.transform);
+		let t = ki(e.transform);
 		s = Math.max(s, Math.abs(t.x), Math.abs(t.y));
 	}
 	s = Math.min(Math.ceil(s), Math.floor(Math.min(a, o) * .2));
 	let c = e;
 	if (s > 0) {
-		let t = S(a, o);
-		Ci(t).drawImage(e, s, s, Math.max(1, a - s * 2), Math.max(1, o - s * 2)), c = t;
+		let t = w(a, o);
+		Ti(t).drawImage(e, s, s, Math.max(1, a - s * 2), Math.max(1, o - s * 2)), c = t;
 	}
-	let l = S(a, o), u = Ci(l);
+	let l = w(a, o), u = Ti(l);
 	for (let e of t) {
 		let t = c;
-		e.fill && (e.fill.color || e.fill.linearGradient || e.fill.image) && (t = Ti(t, a, o, e.fill, i)), e.outline?.width && e.outline.color && (t = Ei(t, a, o, e.outline.width, e.outline.color));
-		let { x: n, y: r } = Di(e.transform);
+		e.fill && (e.fill.color || e.fill.linearGradient || e.fill.image) && (t = Di(t, a, o, e.fill, i)), e.outline?.width && e.outline.color && (t = Oi(t, a, o, e.outline.width, e.outline.color));
+		let { x: n, y: r } = ki(e.transform);
 		u.save(), u.globalCompositeOperation = "destination-over", e.shadow && (u.shadowColor = e.shadow.color, u.shadowBlur = e.shadow.blur ?? 0, u.shadowOffsetX = e.shadow.offsetX ?? 0, u.shadowOffsetY = e.shadow.offsetY ?? 0), u.drawImage(t, n, r, a, o), u.restore();
 	}
 	return l;
 }
 //#endregion
 //#region src/scene/2d/element/Element2DForeground.ts
-var ki = class extends Y {
+var ji = class extends Y {
 	_sourceCanvas;
 	_sourceImage;
 	setProperties(e) {
-		return super._setProperties(d(e) ? void 0 : g(e));
+		return super._setProperties(d(e) ? void 0 : ee(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6800,7 +6834,7 @@ var ki = class extends Y {
 		}
 		let e = await this._resolveSourceCanvas();
 		if (!e) return;
-		let t = e.width, n = e.height, r = await this._resolvePatterns(), i = Oi(e, this.effects, t, n, r);
+		let t = e.width, n = e.height, r = await this._resolvePatterns(), i = Ai(e, this.effects, t, n, r);
 		this.texture = new z({
 			source: i,
 			width: t,
@@ -6815,7 +6849,7 @@ var ki = class extends Y {
 			if (!n || d(n) || e[n]) continue;
 			let r = await $.loadBy(`${n}#mc-foreground-pattern`, async () => {
 				let e = await $.fetchImageBitmap(n), t = this._snapshot(e);
-				return Pe && e instanceof ImageBitmap && e.close(), t;
+				return Ne && e instanceof ImageBitmap && e.close(), t;
 			});
 			r && (e[n] = r);
 		}
@@ -6826,25 +6860,25 @@ var ki = class extends Y {
 		if (d(this.image) || this.image === "viewport") return;
 		let e = this.image, t = await $.loadBy(`${e}#mc-foreground-source`, async () => {
 			let t = await $.fetchImageBitmap(e), n = this._snapshot(t);
-			return Pe && t instanceof ImageBitmap && t.close(), n;
+			return Ne && t instanceof ImageBitmap && t.close(), n;
 		});
 		return this._sourceImage === e && t && (this._sourceCanvas = t), t;
 	}
 	_snapshot(e) {
-		let t = Math.max(1, Math.round(e.width)), n = Math.max(1, Math.round(e.height)), r = S(t, n), i = r?.getContext("2d");
+		let t = Math.max(1, Math.round(e.width)), n = Math.max(1, Math.round(e.height)), r = w(t, n), i = r?.getContext("2d");
 		if (!(!r || !i)) return i.drawImage(e, 0, 0, t, n), r;
 	}
 };
-k([_(), O("design:type", Object)], ki.prototype, "fillWithShape", void 0), k([_(), O("design:type", Array)], ki.prototype, "effects", void 0);
+k([_(), O("design:type", Object)], ji.prototype, "fillWithShape", void 0), k([_(), O("design:type", Array)], ji.prototype, "effects", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DOutline.ts
-var Ai = {
+var Mi = {
 	sm: 4,
 	md: 6,
 	lg: 8
-}, ji = class extends Y {
+}, Ni = class extends Y {
 	setProperties(e) {
-		return super._setProperties(d(e) ? void 0 : ee(e));
+		return super._setProperties(d(e) ? void 0 : te(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6864,7 +6898,7 @@ var Ai = {
 	}
 	draw() {
 		let { width: e, height: t } = this._parent.size, n = this._parent.context;
-		this.image === "viewport" ? n.strokeStyle = new or() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ...gi(this, {
+		this.image === "viewport" ? n.strokeStyle = new sr() : n.strokeStyle = this.texture ?? this.color ?? "#000000FF", n.lineWidth = this.width || 1, n.lineCap = this.lineCap, n.lineJoin = this.lineJoin, n.stroke({ ..._i(this, {
 			x: 0,
 			y: 0,
 			width: e,
@@ -6887,20 +6921,20 @@ var Ai = {
 	_fillEnd(e, t, n, r, i) {
 		let a = e.x - t.x, o = e.y - t.y, s = Math.hypot(a, o);
 		if (s < .001) return;
-		let c = Ai[String(n.width ?? n.height ?? "md")] ?? 6, l = r * c, u = r * c * .5, d = a / s, f = o / s, p = e.x - d * l, m = e.y - f * l, h = -f * u, g = d * u, ee = this._parent.context;
+		let c = Mi[String(n.width ?? n.height ?? "md")] ?? 6, l = r * c, u = r * c * .5, d = a / s, f = o / s, p = e.x - d * l, m = e.y - f * l, h = -f * u, g = d * u, ee = this._parent.context;
 		ee.fillStyle = i, ee.moveTo(e.x, e.y).lineTo(p + h, m + g).lineTo(p - h, m - g).closePath().fill();
 	}
 };
-k([_(), O("design:type", Object)], ji.prototype, "color", void 0), k([_(), O("design:type", Object)], ji.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", Object)], ji.prototype, "style", void 0), k([_({ fallback: "butt" }), O("design:type", Object)], ji.prototype, "lineCap", void 0), k([_({ fallback: "miter" }), O("design:type", Object)], ji.prototype, "lineJoin", void 0), k([_(), O("design:type", Object)], ji.prototype, "headEnd", void 0), k([_(), O("design:type", Object)], ji.prototype, "tailEnd", void 0);
+k([_(), O("design:type", Object)], Ni.prototype, "color", void 0), k([_(), O("design:type", Object)], Ni.prototype, "width", void 0), k([_({ fallback: "solid" }), O("design:type", Object)], Ni.prototype, "style", void 0), k([_({ fallback: "butt" }), O("design:type", Object)], Ni.prototype, "lineCap", void 0), k([_({ fallback: "miter" }), O("design:type", Object)], Ni.prototype, "lineJoin", void 0), k([_(), O("design:type", Object)], Ni.prototype, "headEnd", void 0), k([_(), O("design:type", Object)], Ni.prototype, "tailEnd", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShadow.ts
-var Mi = class extends C {
+var Pi = class extends T {
 	_parent;
 	constructor(e) {
 		super(), this._parent = e;
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : te(e));
+		return super.setProperties(d(e) ? void 0 : ne(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6915,13 +6949,13 @@ var Mi = class extends C {
 	}
 	updateEffect() {
 		let e = "__$shadow", t = this._parent.getNode(e);
-		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new $r({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
+		this.enabled && (this.blur || this.offsetX || this.offsetY) ? (t || (t = new ei({ name: e }), this._parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this._parent.removeChild(t);
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Mi.prototype, "enabled", void 0), k([_({ fallback: "#000000FF" }), O("design:type", Object)], Mi.prototype, "color", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Mi.prototype, "blur", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Mi.prototype, "offsetY", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Mi.prototype, "offsetX", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Pi.prototype, "enabled", void 0), k([_({ fallback: "#000000FF" }), O("design:type", Object)], Pi.prototype, "color", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Pi.prototype, "blur", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Pi.prototype, "offsetY", void 0), k([_({ fallback: 0 }), O("design:type", Object)], Pi.prototype, "offsetX", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DShape.ts
-var Ni = class extends C {
+var Fi = class extends T {
 	_parent;
 	_path2DSet = new ue();
 	_localPath;
@@ -6938,7 +6972,7 @@ var Ni = class extends C {
 		return this._localPath;
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : ne(e));
+		return super.setProperties(d(e) ? void 0 : re(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -6971,7 +7005,7 @@ var Ni = class extends C {
 		let { width: e, height: t } = this._parent.size;
 		if (!(!e || !t)) {
 			if (!this._hitPath2DSet || this._hitWidth !== e || this._hitHeight !== t) {
-				let n = new v().scale(e, t);
+				let n = new b().scale(e, t);
 				this._hitPath2DSet = new ue(this._path2DSet.paths.map((e) => e.clone().applyTransform(n))), this._hitWidth = e, this._hitHeight = t;
 			}
 			return this._hitPath2DSet;
@@ -6980,10 +7014,10 @@ var Ni = class extends C {
 	_updatePath2DSet() {
 		let e;
 		if (this.svg) {
-			let t = fe(this.svg);
-			this._path2DSet = pe(t), e = this._path2DSet.viewBox;
+			let t = de(this.svg);
+			this._path2DSet = fe(t), e = this._path2DSet.viewBox;
 		} else this._path2DSet.paths.length = 0, this.paths?.forEach((e, t) => {
-			let { data: n, ...r } = e, i = new le();
+			let { data: n, ...r } = e, i = new v();
 			i.style = r, i.addData(n), this._path2DSet.paths[t] = i;
 		});
 		if (!e) {
@@ -7002,7 +7036,7 @@ var Ni = class extends C {
 		}
 		let [t, n, r, i] = e;
 		this._path2DSet.paths.forEach((e) => {
-			e.applyTransform(new v().translate(-t, -n).scale(1 / r, 1 / i));
+			e.applyTransform(new b().translate(-t, -n).scale(1 / r, 1 / i));
 		}), this._hitPath2DSet = void 0;
 	}
 	draw(e = !1) {
@@ -7010,7 +7044,7 @@ var Ni = class extends C {
 		else if (!e && this.isValid()) {
 			let e = this._parent.context, { width: t, height: n } = this._parent.size;
 			this._path2DSet.paths.forEach((r) => {
-				r.style?.fillRule && (e.fillRule = r.style.fillRule), e.addPath(r.clone().applyTransform(new v().scale(t, n)));
+				r.style?.fillRule && (e.fillRule = r.style.fillRule), e.addPath(r.clone().applyTransform(new b().scale(t, n)));
 			});
 		} else this._drawRect();
 	}
@@ -7019,24 +7053,24 @@ var Ni = class extends C {
 		t && n && (r ? e.roundRect(0, 0, t, n, r) : e.rect(0, 0, t, n));
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Ni.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Ni.prototype, "preset", void 0), k([_(), O("design:type", Object)], Ni.prototype, "svg", void 0), k([_(), O("design:type", Object)], Ni.prototype, "viewBox", void 0), k([_(), O("design:type", Object)], Ni.prototype, "paths", void 0), k([_(), O("design:type", Object)], Ni.prototype, "connectionPoints", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Fi.prototype, "enabled", void 0), k([_(), O("design:type", Object)], Fi.prototype, "preset", void 0), k([_(), O("design:type", Object)], Fi.prototype, "svg", void 0), k([_(), O("design:type", Object)], Fi.prototype, "viewBox", void 0), k([_(), O("design:type", Object)], Fi.prototype, "paths", void 0), k([_(), O("design:type", Object)], Fi.prototype, "connectionPoints", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DStyle.ts
-var Pi = class extends w {
+var Ii = class extends E {
 	constructor(e) {
 		super(), this.setProperties(e);
 	}
-}, Fi = {
+}, Li = {
 	...o(),
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-for (let e in Fi) i(Pi, e, { fallback: Fi[e] });
+for (let e in Li) i(Ii, e, { fallback: Li[e] });
 //#endregion
 //#region src/scene/2d/element/Element2DTable.ts
-var Ii = 100, Li = 40, Ri = class extends C {
+var Ri = 100, zi = 40, Bi = class extends T {
 	_parent;
 	_cellNodes = /* @__PURE__ */ new Map();
 	_cellSnapshots = /* @__PURE__ */ new Map();
@@ -7046,7 +7080,7 @@ var Ii = 100, Li = 40, Ri = class extends C {
 		super(), this._parent = e;
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : re(e));
+		return super.setProperties(d(e) ? void 0 : ie(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -7067,10 +7101,10 @@ var Ii = 100, Li = 40, Ri = class extends C {
 		return !!(this.enabled && this.cells.length);
 	}
 	get gridWidth() {
-		return this.columns.reduce((e, t) => e + (t.width || Ii), 0);
+		return this.columns.reduce((e, t) => e + (t.width || Ri), 0);
 	}
 	get gridHeight() {
-		return this.rows.reduce((e, t) => e + (t.height || Li), 0);
+		return this.rows.reduce((e, t) => e + (t.height || zi), 0);
 	}
 	update() {
 		if (this._dirty = !1, !this.isValid()) {
@@ -7080,9 +7114,9 @@ var Ii = 100, Li = 40, Ri = class extends C {
 		let { columns: e, rows: t, cells: n } = this, r = e.length, i = t.length;
 		for (let e of n) r = Math.max(r, e.col + (e.colSpan || 1)), i = Math.max(i, e.row + (e.rowSpan || 1));
 		let a = [0];
-		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || Ii));
+		for (let t = 0; t < r; t++) a.push(a[t] + (e[t]?.width || Ri));
 		let o = [0];
-		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || Li));
+		for (let e = 0; e < i; e++) o.push(o[e] + (t[e]?.height || zi));
 		this._parent.size.set(a[e.length] ?? 0, o[t.length] ?? 0);
 		let s = /* @__PURE__ */ new Set();
 		for (let e of n) {
@@ -7119,10 +7153,10 @@ var Ii = 100, Li = 40, Ri = class extends C {
 		this._clearCells();
 	}
 };
-k([_({ fallback: !0 }), O("design:type", Boolean)], Ri.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Ri.prototype, "columns", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Ri.prototype, "rows", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Ri.prototype, "cells", void 0);
+k([_({ fallback: !0 }), O("design:type", Boolean)], Bi.prototype, "enabled", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Bi.prototype, "columns", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Bi.prototype, "rows", void 0), k([_({ fallback: () => [] }), O("design:type", Object)], Bi.prototype, "cells", void 0);
 //#endregion
 //#region src/scene/2d/element/Element2DText.ts
-var Z = class extends C {
+var Z = class extends T {
 	_parent;
 	base;
 	get textContent() {
@@ -7133,13 +7167,13 @@ var Z = class extends C {
 	}
 	_textContent = "";
 	_autoDrawMode;
-	_texture = new er({ mipmap: !0 });
+	_texture = new tr({ mipmap: !0 });
 	_textureMap = /* @__PURE__ */ new Map();
 	constructor(e) {
-		super(), this._parent = e, this.base = new ve(), this.base.setPropertyAccessor(this);
+		super(), this._parent = e, this.base = new _e(), this.base.setPropertyAccessor(this);
 	}
 	setProperties(e) {
-		return super.setProperties(d(e) ? void 0 : ie(e));
+		return super.setProperties(d(e) ? void 0 : ae(e));
 	}
 	_updateProperty(e, t, n) {
 		switch (super._updateProperty(e, t, n), e) {
@@ -7186,29 +7220,29 @@ var Z = class extends C {
 			let r = [];
 			if (t.fragments.forEach((e, t) => {
 				if (e.characters.length) {
-					let i = ce.from(...e.characters.map((e) => e.compatibleGlyphBox));
+					let i = le.from(...e.characters.map((e) => e.compatibleGlyphBox));
 					this._updateTexture(`${n}.${t}.fill`, e.fill, i), this._updateTexture(`${n}.${t}.outline`, e.outline, i), r.push(i);
 				}
 			}), r.length) {
-				let i = ce.from(...r);
+				let i = le.from(...r);
 				this._updateTexture(`${n}.fill`, t.fill, i), this._updateTexture(`${n}.outline`, t.outline, i), e.push(i);
 			}
 		}), e.length) {
-			let t = ce.from(...e);
+			let t = le.from(...e);
 			this._updateTexture("fill", this.fill, t), this._updateTexture("outline", this.outline, t);
 		}
 	}
 	async _updateTexture(e, t, n) {
 		t && Object.keys(t).length > 0 && (this._textureMap.set(e, {
-			texture: await this._loadTexture(h(t), n),
+			texture: await this._loadTexture(g(t), n),
 			box: n
 		}), this._parent.requestDraw());
 	}
 	async _loadTexture(e, t) {
-		return e.linearGradient || e.radialGradient ? new nr(e.linearGradient ?? e.radialGradient, t.width, t.height) : d(e.image) ? void 0 : (this._parent.tree?.log(`load image ${e.image}`), await $.texture.load(e.image));
+		return e.linearGradient || e.radialGradient ? new rr(e.linearGradient ?? e.radialGradient, t.width, t.height) : d(e.image) ? void 0 : (this._parent.tree?.log(`load image ${e.image}`), await $.texture.load(e.image));
 	}
 	setContent(e) {
-		this.content = ae(e);
+		this.content = oe(e);
 	}
 	getStringContent() {
 		return this.base.toString();
@@ -7229,12 +7263,12 @@ var Z = class extends C {
 		this.base.pathSets.forEach((n) => {
 			n.paths.forEach((n) => {
 				let r = n.getMeta();
-				if (r instanceof _e) {
+				if (r instanceof ge) {
 					let i = r.parent.index, a = r.parent.parent.index;
 					if (n.style.fill && !d(n.style.fill)) if (typeof n.style.fill == "object") {
 						let r = n.style.fill, o = this._textureMap.get(`${a}.${i}.fill`) ?? this._textureMap.get(`${a}.fill`) ?? this._textureMap.get("fill");
 						r.enabled !== !1 && (o || r.color) && (e.addPath(n), e.style = { ...n.style }, e.fillStyle = o?.texture ?? r.color, e.fill({
-							...gi(r, o?.box ?? {
+							..._i(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7246,7 +7280,7 @@ var Z = class extends C {
 					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({
-							...gi(r, o?.box ?? {
+							..._i(r, o?.box ?? {
 								x: 0,
 								y: 0,
 								width: this._parent.size.width,
@@ -7262,7 +7296,7 @@ var Z = class extends C {
 	_textureDraw(e) {
 		let { left: t = 0, top: n = 0, width: r, height: i } = this.base.boundingBox;
 		e.fillStyle = this._texture, e.rect(t, n, r, i);
-		let { a, c: o, tx: s, b: c, d: l, ty: u } = new v().translate(-t, -n).scale(1 / r, 1 / i), d, f;
+		let { a, c: o, tx: s, b: c, d: l, ty: u } = new b().translate(-t, -n).scale(1 / r, 1 / i), d, f;
 		e.fill({
 			transformUv: (e, t) => {
 				d = e[t], f = e[t + 1], e[t] = a * d + o * f + s, e[t + 1] = c * d + l * f + u;
@@ -7289,11 +7323,11 @@ var Q = {
 	horizontal: 6,
 	vertical: 7,
 	all: 8
-}, zi = {
+}, Vi = {
 	column: 0,
 	row: 1,
 	all: 2
-}, Bi = {
+}, Hi = {
 	auto: 0,
 	"flex-start": 1,
 	center: 2,
@@ -7303,42 +7337,42 @@ var Q = {
 	"space-between": 6,
 	"space-around": 7,
 	"space-evenly": 8
-}, Vi = {
+}, Ui = {
 	flex: 0,
 	none: 1,
 	contents: 2
-}, Hi = {
+}, Wi = {
 	inherit: 0,
 	ltr: 1,
 	rtl: 2
-}, Ui = {
+}, Gi = {
 	column: 0,
 	"column-reverse": 1,
 	row: 2,
 	"row-reverse": 3
-}, Wi = {
+}, Ki = {
 	"no-wrap": 0,
 	wrap: 1,
 	"Wrap-reverse": 2
-}, Gi = {
+}, qi = {
 	"flex-start": 0,
 	center: 1,
 	"flex-end": 2,
 	"space-between": 3,
 	"space-around": 4,
 	"space-evenly": 5
-}, Ki = {
+}, Ji = {
 	visible: 0,
 	hidden: 1,
 	scroll: 2
-}, qi = {
+}, Yi = {
 	static: 0,
 	relative: 1,
 	absolute: 2
-}, Ji = {
+}, Xi = {
 	"border-box": 0,
 	"content-box": 1
-}, Yi = class e {
+}, Zi = class e {
 	_parent;
 	static _yoga;
 	static async load() {
@@ -7350,27 +7384,27 @@ var Q = {
 		this._parent = e, this._addChild = this._addChild.bind(this), this._removeChild = this._removeChild.bind(this), this._parent.on("addChild", this._addChild), this._parent.on("removeChild", this._removeChild);
 	}
 	_addChild(e, t) {
-		if (e instanceof ea && e.flexbox.node && this.node) {
+		if (e instanceof na && 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 ea && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
+		e instanceof na && e.flexbox.node && this.node && this.node.removeChild(e.flexbox.node);
 	}
 	updateStyleProperty(e, t) {
 		let n = this.node;
 		if (n) {
 			switch (e) {
 				case "alignContent":
-					n.setAlignContent(t ? Bi[t] ?? Bi["flex-start"] : Bi["flex-start"]);
+					n.setAlignContent(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
 					break;
 				case "alignItems":
-					n.setAlignItems(t ? Bi[t] ?? Bi["flex-start"] : Bi["flex-start"]);
+					n.setAlignItems(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
 					break;
 				case "alignSelf":
-					n.setAlignSelf(t ? Bi[t] ?? Bi["flex-start"] : Bi["flex-start"]);
+					n.setAlignSelf(t ? Hi[t] ?? Hi["flex-start"] : Hi["flex-start"]);
 					break;
 				case "aspectRatio":
 					n.setAspectRatio(t);
@@ -7391,10 +7425,10 @@ var Q = {
 					n.setBorder(Q.all, this._parent.style.borderWidth);
 					break;
 				case "direction":
-					n.setDirection(t ? Hi[t] ?? Hi.inherit : Hi.inherit);
+					n.setDirection(t ? Wi[t] ?? Wi.inherit : Wi.inherit);
 					break;
 				case "display":
-					n.setDisplay(t ? Vi[t] ?? Vi.flex : Vi.flex);
+					n.setDisplay(t ? Ui[t] ?? Ui.flex : Ui.flex);
 					break;
 				case "flex":
 					n.setFlex(t);
@@ -7403,7 +7437,7 @@ var Q = {
 					n.setFlexBasis(t);
 					break;
 				case "flexDirection":
-					n.setFlexDirection(t ? Ui[t] ?? Ui.row : Ui.row);
+					n.setFlexDirection(t ? Gi[t] ?? Gi.row : Gi.row);
 					break;
 				case "flexGrow":
 					n.setFlexGrow(t);
@@ -7412,16 +7446,16 @@ var Q = {
 					n.setFlexShrink(t);
 					break;
 				case "flexWrap":
-					n.setFlexWrap(t ? Wi[t] ?? Wi.wrap : Wi.wrap);
+					n.setFlexWrap(t ? Ki[t] ?? Ki.wrap : Ki.wrap);
 					break;
 				case "height":
 					n.setHeight(t);
 					break;
 				case "justifyContent":
-					n.setJustifyContent(t ? Gi[t] ?? Gi["flex-start"] : Gi["flex-start"]);
+					n.setJustifyContent(t ? qi[t] ?? qi["flex-start"] : qi["flex-start"]);
 					break;
 				case "gap":
-					t !== void 0 && n.setGap(zi.all, t);
+					t !== void 0 && n.setGap(Vi.all, t);
 					break;
 				case "marginTop":
 					n.setMargin(Q.top, t);
@@ -7451,7 +7485,7 @@ var Q = {
 					n.setMinWidth(t);
 					break;
 				case "overflow":
-					n.setOverflow(t ? Ki[t] ?? Ki.visible : Ki.visible);
+					n.setOverflow(t ? Ji[t] ?? Ji.visible : Ji.visible);
 					break;
 				case "paddingTop":
 					n.setPadding(Q.top, t);
@@ -7481,10 +7515,10 @@ var Q = {
 					n.setPosition(Q.right, t);
 					break;
 				case "position":
-					n.setPositionType(t ? qi[t] ?? qi.relative : qi.relative);
+					n.setPositionType(t ? Yi[t] ?? Yi.relative : Yi.relative);
 					break;
 				case "boxSizing":
-					n.setBoxSizing(t ? Ji[t] ?? Ji["content-box"] : Ji["content-box"]);
+					n.setBoxSizing(t ? Xi[t] ?? Xi["content-box"] : Xi["content-box"]);
 					break;
 				case "width":
 					n.setWidth(t);
@@ -7495,7 +7529,7 @@ var Q = {
 	}
 	update() {
 		let e = this._parent, t = this.node;
-		if (e.getParent()?.flexbox?.update(), e.globalDisplay === "flex" && t && (t.isDirty() && t.calculateLayout(void 0, void 0, Hi.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();
 		}
@@ -7503,26 +7537,26 @@ var Q = {
 	destroy() {
 		this.node?.free(), this.node = void 0;
 	}
-}, Xi = new Set(Object.keys(a())), Zi = new Set(Object.keys(s())), Qi = new y(), $i = [
+}, Qi = new Set(Object.keys(a())), $i = new Set(Object.keys(s())), ea = new x(), ta = [
 	[0, 0],
 	[1, 0],
 	[1, 1],
 	[0, 1]
-], ea = class extends wr {
-	flexbox = new Yi(this);
-	aabb = new yt();
-	globalAabb = new yt();
+], na = class extends Tr {
+	flexbox = new Zi(this);
+	aabb = new vt();
+	globalAabb = new vt();
 	_parentGlobalDisplay;
 	_globalDisplay;
 	get globalDisplay() {
 		return this._globalDisplay;
 	}
-	size = new y(0, 0, () => {
+	size = new x(0, 0, () => {
 		this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.updateGlobalTransform(), this.requestDraw();
 	});
 	_allowPointerEvents = !0;
 	_overflowHidden = !1;
-	_style = new Pi().on("updateProperty", (...e) => {
+	_style = new Ii().on("updateProperty", (...e) => {
 		this.onUpdateStyleProperty(e[0], e[1], e[2]);
 	});
 	get style() {
@@ -7536,14 +7570,14 @@ var Q = {
 			this._endBatch();
 		}
 	}
-	_background = new _i(this);
+	_background = new vi(this);
 	get background() {
 		return this._background;
 	}
 	set background(e) {
 		this._background.resetProperties().setProperties(e);
 	}
-	_shape = new Ni(this);
+	_shape = new Fi(this);
 	get shape() {
 		return this._shape;
 	}
@@ -7557,14 +7591,14 @@ var Q = {
 	set fill(e) {
 		this._fill.resetProperties().setProperties(e);
 	}
-	_outline = new ji(this);
+	_outline = new Ni(this);
 	get outline() {
 		return this._outline;
 	}
 	set outline(e) {
 		this._outline.resetProperties().setProperties(e);
 	}
-	_foreground = new ki(this);
+	_foreground = new ji(this);
 	get foreground() {
 		return this._foreground;
 	}
@@ -7578,21 +7612,21 @@ var Q = {
 	set text(e) {
 		this._text.resetProperties().setProperties(e);
 	}
-	_shadow = new Mi(this);
+	_shadow = new Pi(this);
 	get shadow() {
 		return this._shadow;
 	}
 	set shadow(e) {
 		this._shadow.resetProperties().setProperties(e);
 	}
-	_connection = new xi(this);
+	_connection = new Ci(this);
 	get connection() {
 		return this._connection;
 	}
 	set connection(e) {
 		this._connection.resetProperties().setProperties(e);
 	}
-	_table = new Ri(this);
+	_table = new Bi(this);
 	get table() {
 		return this._table;
 	}
@@ -7606,6 +7640,13 @@ var Q = {
 	set chart(e) {
 		this._chart.resetProperties().setProperties(e);
 	}
+	_comments = new Si(this);
+	get comments() {
+		return this._comments;
+	}
+	set comments(e) {
+		this._comments.resetProperties().setProperties(e);
+	}
 	_lastRoutePath;
 	_batchDepth = 0;
 	_pendingTextUpdate = !1;
@@ -7621,8 +7662,8 @@ var Q = {
 		if (e) {
 			this._beginBatch();
 			try {
-				let { style: t, text: n, shape: r, background: i, fill: a, outline: o, foreground: s, shadow: c, connection: l, table: u, chart: d, filter: f, ...p } = e;
-				t && this.style.setProperties(t), i && this.background.setProperties(i), r && this.shape.setProperties(r), a && this.fill.setProperties(a), o && this.outline.setProperties(o), n && this.text.setProperties(n), s && this.foreground.setProperties(s), c && this.shadow.setProperties(c), l && this.connection.setProperties(l), u && this.table.setProperties(u), d && this.chart.setProperties(d), this._updateElementFilter(f), super.setProperties(p);
+				let { style: t, text: n, shape: r, background: i, fill: a, outline: o, foreground: s, shadow: c, connection: l, table: u, chart: d, comments: f, filter: p, ...m } = e;
+				t && this.style.setProperties(t), i && this.background.setProperties(i), r && this.shape.setProperties(r), a && this.fill.setProperties(a), o && this.outline.setProperties(o), n && this.text.setProperties(n), s && this.foreground.setProperties(s), c && this.shadow.setProperties(c), l && this.connection.setProperties(l), u && this.table.setProperties(u), d && this.chart.setProperties(d), f && this.comments.setProperties(f), this._updateElementFilter(p), super.setProperties(m);
 			} finally {
 				this._endBatch();
 			}
@@ -7705,7 +7746,7 @@ var Q = {
 				}), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
 				break;
 			case "transformOrigin": {
-				let e = Fr(t ?? "");
+				let e = Ir(t ?? "");
 				this.pivot.set(e[0] * this.size.width, e[1] * this.size.height);
 				break;
 			}
@@ -7749,7 +7790,7 @@ var Q = {
 				this.requestDraw();
 				break;
 		}
-		if ((Zi.has(e) || Xi.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
+		if (($i.has(e) || Qi.has(e)) && this.text.isValid() && (this._batchDepth > 0 ? this._pendingTextUpdate = !0 : this.text.update()), this.globalDisplay === "flex") this.flexbox.updateStyleProperty(e, t);
 		else switch (e) {
 			case "left":
 				this.position.x = Number(t);
@@ -7779,7 +7820,7 @@ var Q = {
 		this._lastRoutePath = e;
 		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();
-		let i = e.clone().applyTransform(new v().translate(-t.x, -t.y));
+		let i = e.clone().applyTransform(new b().translate(-t.x, -t.y));
 		this._shape.setLocalPath(i);
 	}
 	_cullsRender() {
@@ -7789,10 +7830,10 @@ var Q = {
 	}
 	_intersectsViewport(e) {
 		let t = e.canvasTransform, n = e.width, r = e.height, i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
-		for (let [e, c] of $i) t.applyAffineInverse({
+		for (let [e, c] of ta) t.applyAffineInverse({
 			x: e * n,
 			y: c * r
-		}, Qi), i = Math.min(i, Qi.x), a = Math.max(a, Qi.x), o = Math.min(o, Qi.y), s = Math.max(s, Qi.y);
+		}, ea), i = Math.min(i, ea.x), a = Math.max(a, ea.x), o = Math.min(o, ea.y), s = Math.max(s, ea.y);
 		let c = a - i, l = s - o, { min: u, size: d } = this.globalAabb;
 		return !(u.x > a + c || u.x + d.x < i - c || u.y > s + l || u.y + d.y < o - l);
 	}
@@ -7802,18 +7843,18 @@ var Q = {
 		this._styleFilter = d(e) ? void 0 : e, this._applyColorFilter();
 	}
 	_updateElementFilter(e) {
-		let t = e ? se(e) : "";
+		let t = e ? ce(e) : "";
 		this._elementFilter = t || void 0, this._applyColorFilter();
 	}
 	_applyColorFilter() {
 		let e = [this._styleFilter, this._elementFilter].filter(Boolean).join(" ").trim();
-		e ? (this._colorFilterEffect || (this._colorFilterEffect = new Rr({
+		e ? (this._colorFilterEffect || (this._colorFilterEffect = new zr({
 			name: "styleFilter",
 			internalMode: "front"
 		}), this.append(this._colorFilterEffect)), this._colorFilterEffect.filter = e) : (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender());
 	}
 	_updateStyleMaskImage(e) {
-		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new li({
+		d(e) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new ui({
 			name: "styleMaskImage",
 			internalMode: "back"
 		}), this.append(this._maskEffect)), this._maskEffect.image = e);
@@ -7844,11 +7885,11 @@ var Q = {
 	}
 	getObb() {
 		let e = this.pivot, t = this.transform.apply(e).sub(e);
-		return new Ct(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.rotation);
+		return new wt(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 Ct(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
+		return new wt(this._getPointArray().map((e) => (e.x += t.x, e.y += t.y, e)), this.globalRotation);
 	}
 	_draw() {
 		super._draw(), this._background.isValid() && (this._shape.draw(!this._background.fillWithShape), this._background.draw()), this._fill.isValid() && (this._shape.draw(), this._fill.draw()), this._outline.isValid() && (this._shape.draw(), this._outline.draw()), this._foreground.isValid() && (this._shape.draw(!this._foreground.fillWithShape), this._foreground.draw()), this._text.isValid() && this._text.draw(), this._chart.isValid() && this._chart.draw(), this._drawContent();
@@ -7895,17 +7936,18 @@ var Q = {
 			shadow: e(this.shadow.toJSON()),
 			connection: e(this.connection.toJSON()),
 			table: e(this.table.toJSON()),
-			chart: e(this.chart.toJSON())
+			chart: e(this.chart.toJSON()),
+			comments: this.comments.isValid() ? this.comments.toJSON() : void 0
 		});
 	}
 	_destroy() {
-		super._destroy(), this.flexbox.destroy(), this.aabb.destroy(), this.globalAabb.destroy(), this.size.destroy(), this.style.destroy(), this.background.destroy(), this.shape.destroy(), this.fill.destroy(), this.outline.destroy(), this.text.destroy(), this.foreground.destroy(), this.shadow.destroy(), this.connection.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
+		super._destroy(), this.flexbox.destroy(), this.aabb.destroy(), this.globalAabb.destroy(), this.size.destroy(), this.style.destroy(), this.background.destroy(), this.shape.destroy(), this.fill.destroy(), this.outline.destroy(), this.text.destroy(), this.foreground.destroy(), this.shadow.destroy(), this.connection.destroy(), this.comments.destroy(), this._colorFilterEffect = void 0, this._maskEffect = void 0;
 	}
 };
-ea = k([b("Element2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ea);
+na = k([S("Element2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], na);
 //#endregion
 //#region src/scene/2d/TextureRect2D.ts
-var ta = class extends ea {
+var ra = class extends na {
 	texture;
 	region;
 	constructor(e, t = []) {
@@ -7915,9 +7957,9 @@ var ta = class extends ea {
 		let e = this.region;
 		if (e && this.texture) {
 			let t = this.texture.width || 1, n = this.texture.height || 1;
-			return new v(e.width / (this.size.x * t), 0, 0, e.height / (this.size.y * n), e.x / t, e.y / n);
+			return new b(e.width / (this.size.x * t), 0, 0, e.height / (this.size.y * n), e.x / t, e.y / n);
 		}
-		return new v().scale(1 / this.size.x, 1 / this.size.y);
+		return new b().scale(1 / this.size.x, 1 / this.size.y);
 	}
 	_drawContent() {
 		if (this.texture?.isValid()) {
@@ -7928,8 +7970,8 @@ var ta = class extends ea {
 			} });
 		}
 	}
-}, na = class extends ta {
-	texture = new er();
+}, ia = class extends ra {
+	texture = new tr();
 	animation;
 	_lastTime = NaN;
 	constructor(e, t = []) {
@@ -7959,10 +8001,10 @@ var ta = class extends ea {
 		this.currentTime !== this._lastTime && (this._lastTime = this.currentTime, this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpdate("source"), this.requestDraw()), super._process(e);
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], na.prototype, "src", void 0), na = k([b("Lottie2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], na);
+k([_({ fallback: "" }), O("design:type", String)], ia.prototype, "src", void 0), ia = k([S("Lottie2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ia);
 //#endregion
 //#region src/scene/2d/Mesh2D.ts
-var ra = class extends ea {
+var aa = class extends na {
 	texture;
 	_vertices = new Float32Array();
 	_uvs = new Float32Array();
@@ -7993,7 +8035,7 @@ var ra = class extends ea {
 	_drawContent() {
 		this.texture?.isValid() && this._indices.length && this._vertices.length && (this.context.fillStyle = this.texture, this.context.drawMesh(this._vertices, this._uvs, this._indices));
 	}
-}, ia = class extends ea {
+}, oa = class extends na {
 	constructor(e, t = []) {
 		super(), this.setProperties(e).append(t);
 	}
@@ -8016,10 +8058,10 @@ var ra = class extends ea {
 		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)], ia.prototype, "handleSize", void 0);
+k([_({ fallback: 6 }), O("design:type", Number)], oa.prototype, "handleSize", void 0);
 //#endregion
 //#region src/scene/2d/Video2D.ts
-var aa = class extends ta {
+var sa = class extends ra {
 	get videoDuration() {
 		return (this.texture?.duration ?? 0) * 1e3;
 	}
@@ -8059,15 +8101,15 @@ var aa = class extends ta {
 		super._process(e), this._updateVideoCurrentTime();
 	}
 };
-k([_({ fallback: "" }), O("design:type", String)], aa.prototype, "src", void 0), aa = k([b("Video2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], aa);
+k([_({ fallback: "" }), O("design:type", String)], sa.prototype, "src", void 0), sa = k([S("Video2D"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], sa);
 //#endregion
 //#region src/scene/animation/Animation.ts
-function oa(e) {
+function ca(e) {
 	if (e == null) return 0;
 	let t = String(e).trim(), n = Number.parseFloat(t);
 	return Number.isNaN(n) ? 0 : n / 100;
 }
-function sa(e, t) {
+function la(e, t) {
 	let n = t * 180 / Math.PI;
 	if (e == null || e === "auto") return n;
 	let r = String(e).trim();
@@ -8076,11 +8118,11 @@ function sa(e, t) {
 	let i = Number.parseFloat(r);
 	return Number.isNaN(i) ? n : i;
 }
-function ca(e) {
+function ua(e) {
 	let t = e.trim(), n = /^path\((.*)\)$/s.exec(t);
 	return n && (t = n[1].trim()), t.length >= 2 && (t[0] === "\"" || t[0] === "'") && t[t.length - 1] === t[0] && (t = t.slice(1, -1)), t.trim();
 }
-function la(e, t, n, r) {
+function da(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;
@@ -8100,7 +8142,7 @@ function la(e, t, n, r) {
 	}
 	return (e) => p(m(e));
 }
-var ua = {
+var fa = {
 	linear: [
 		0,
 		0,
@@ -8167,7 +8209,7 @@ var ua = {
 		.355,
 		1
 	]
-}, da = Object.fromEntries(Object.entries(ua).map(([e, [t, n, r, i]]) => [e, la(t, n, r, i)])), fa = class extends V {
+}, pa = Object.fromEntries(Object.entries(fa).map(([e, [t, n, r, i]]) => [e, da(t, n, r, i)])), ma = class extends V {
 	_keyframes = [];
 	_isFirstUpdatePosition = !1;
 	_cachedProps = new t();
@@ -8203,7 +8245,7 @@ var ua = {
 				e = [this.getParent()].filter(Boolean);
 				break;
 		}
-		return e.filter((e) => e instanceof ea);
+		return e.filter((e) => e instanceof na);
 	}
 	_updateKeyframes() {
 		this._pathMeasures.clear();
@@ -8236,7 +8278,7 @@ var ua = {
 		}
 		let e = this._getTargets(), t = 1 / e.length, n = this.currentTimeProgress;
 		e.forEach((e, r) => {
-			let i = t === 1 ? n : E(Math.max(0, n - t * r) / t, 0, 1), a = this._cachedProps.get(e);
+			let i = t === 1 ? n : St(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]);
@@ -8254,14 +8296,14 @@ var ua = {
 		});
 	}
 	_parseEasing(e) {
-		if (!e) return da.linear;
-		if (e in da) return da[e];
+		if (!e) return pa.linear;
+		if (e in pa) return pa[e];
 		let t = /cubic-bezier\((.+)\)/.exec(e);
 		if (t) {
 			let e = t[1].split(",").map((e) => Number(e));
-			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return la(e[0], e[1], e[2], e[3]);
+			if (e.length === 4 && e.every((e) => !Number.isNaN(e))) return da(e[0], e[1], e[2], e[3]);
 		}
-		return da.linear;
+		return pa.linear;
 	}
 	_parseKeyframes(e, t) {
 		let n, r = this._keyframes;
@@ -8296,26 +8338,26 @@ var ua = {
 		});
 	}
 	_commitOffsetPath(e, t, n, r, i, a) {
-		let o = ca(t);
+		let o = ua(t);
 		if (!o) return;
 		let s = this._pathMeasures.get(o);
 		if (!s) {
-			let e = new de(new le(o)), t = e.getPosTanAtProgress(0).position;
+			let e = new y(new v(o)), t = e.getPosTanAtProgress(0).position;
 			s = {
 				measure: e,
 				startX: t.x,
 				startY: t.y
 			}, this._pathMeasures.set(o, s);
 		}
-		let c = E(D(oa(r.offsetDistance ?? i.offsetDistance), oa(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = sa(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
+		let c = St(D(ca(r.offsetDistance ?? i.offsetDistance), ca(i.offsetDistance ?? r.offsetDistance), a), 0, 1), { position: l, angle: u } = s.measure.getPosTanAtProgress(c), d = l.x - s.startX, f = l.y - s.startY, p = la(i.offsetRotate ?? r.offsetRotate, u), m = n.get("transform");
 		e.onUpdateStyleProperty("transform", `${m ? `${m} ` : ""}translate(${d}px, ${f}px) rotate(${p}deg)`, void 0);
 	}
 	_getDiffValue(e, t, n, r, i) {
 		let a, o;
-		if (t === "none" && (t = void 0), n === "none" && (n = void 0), t === void 0 || n === void 0) if (t !== void 0) a = ke(e, String(t), i), o = Oe(a);
-		else if (n !== void 0) o = ke(e, String(n), i), a = Oe(o);
+		if (t === "none" && (t = void 0), n === "none" && (n = void 0), t === void 0 || n === void 0) if (t !== void 0) a = Oe(e, String(t), i), o = De(a);
+		else if (n !== void 0) o = Oe(e, String(n), i), a = De(o);
 		else return;
-		else a = ke(e, String(t), i), o = ke(e, String(n), i);
+		else a = Oe(e, String(t), i), o = Oe(e, String(n), i);
 		if (Array.isArray(a) && Array.isArray(o)) {
 			let e = /* @__PURE__ */ new Set(), t = {}, n = {};
 			a.forEach(({ name: n, args: r }) => {
@@ -8354,14 +8396,14 @@ var ua = {
 		});
 	}
 };
-k([_({ fallback: "parent" }), O("design:type", Object)], fa.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], fa.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], fa.prototype, "easing", void 0), fa = k([b("Animation", {
+k([_({ fallback: "parent" }), O("design:type", Object)], ma.prototype, "effectMode", void 0), k([_({ default: () => [] }), O("design:type", Array)], ma.prototype, "keyframes", void 0), k([_(), O("design:type", Object)], ma.prototype, "easing", void 0), ma = k([S("Animation", {
 	renderMode: "disabled",
 	processSortMode: "parent-before",
 	duration: 2e3
-}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], fa);
+}), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial, Array])], ma);
 //#endregion
 //#region src/scene/audio/html/HTMLAudioContext.ts
-var pa = class t extends e {
+var ha = class t extends e {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new t(), this._instance;
@@ -8391,7 +8433,7 @@ var pa = class t extends e {
 	togglePause() {
 		return this.paused = !this.paused, this.refreshPaused(), this.paused;
 	}
-}, ma = class t extends e {
+}, ga = class t extends e {
 	static PADDING = .1;
 	_source = null;
 	_audio = null;
@@ -8504,21 +8546,21 @@ var pa = class t extends e {
 		if (!this._source) return;
 		let { start: n = 0, end: r = 0 } = e;
 		r && console.assert(r > n, "End time is before start time"), e.playbackRate !== void 0 && (this._playbackRate = e.playbackRate), e.volume !== void 0 && (this._volume = e.volume), e.loop !== void 0 && (this._loop = e.loop), e.muted !== void 0 && (this._muted = e.muted), this.refresh(), this.loop && r !== null && (console.warn("Looping not support when specifying an \"end\" time"), this.loop = !1), this._start = n, this._end = r || this._duration, this._start = Math.max(0, this._start - t.PADDING), this._end = Math.min(this._end + t.PADDING, this._duration), this._source.onloadedmetadata = () => {
-			this._source && (this._source.currentTime = n, this._source.onloadedmetadata = null, this.emit("progress", n, this._duration), x.on(this._onUpdate));
+			this._source && (this._source.currentTime = n, this._source.onloadedmetadata = null, this.emit("progress", n, this._duration), C.on(this._onUpdate));
 		}, this._source.onended = this._onComplete.bind(this), this._source.play(), this.emit("start");
 	}
 	_onUpdate = () => {
 		this._source && (this.emit("progress", this.progress, this._duration), this._source.currentTime >= this._end && !this._source.loop && this._onComplete());
 	};
 	_onComplete() {
-		x.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
+		C.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
 	}
 	destroy() {
-		x.off(this._onUpdate), super.destroy();
+		C.off(this._onUpdate), super.destroy();
 		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);
 	}
-}, ha = class {
+}, _a = class {
 	parent;
 	source = new globalThis.Audio();
 	_src = "";
@@ -8535,7 +8577,7 @@ var pa = class t extends e {
 		return !!this.source && this.source.readyState === 4;
 	}
 	get context() {
-		return pa.instance;
+		return ha.instance;
 	}
 	constructor(e) {
 		this.parent = e;
@@ -8546,9 +8588,9 @@ var pa = class t extends e {
 		});
 	}
 	createSound() {
-		return new ma();
+		return new ga();
 	}
-}, ga = class extends e {
+}, va = class extends e {
 	_input;
 	_output;
 	_processers = [];
@@ -8570,7 +8612,7 @@ var pa = class t extends e {
 	get destination() {
 		return this._input;
 	}
-}, _a = class {
+}, ya = class {
 	destination;
 	source;
 	constructor(e, t = null) {
@@ -8585,21 +8627,21 @@ var pa = class t extends e {
 };
 //#endregion
 //#region src/scene/audio/web/WebAudioContext.ts
-function va() {
-	if (He) return new AudioContext();
-	if (Ue) {
+function ba() {
+	if (Ve) return new AudioContext();
+	if (He) {
 		let e = globalThis.webkitAudioContext;
 		return new e();
 	} else throw Error("Failed to createAudioContext");
 }
-function ya(e, t, n) {
-	if (We) return new OfflineAudioContext(e, t, n);
-	if (Ge) {
+function xa(e, t, n) {
+	if (Ue) return new OfflineAudioContext(e, t, n);
+	if (We) {
 		let r = globalThis.webkitOfflineAudioContext;
 		return new r(e, t, n);
 	} else throw Error("Failed to createOfflineAudioContext");
 }
-var ba = class e extends ga {
+var Sa = class e extends va {
 	static _instance;
 	static get instance() {
 		return this._instance ||= new e(), this._instance;
@@ -8640,8 +8682,8 @@ var ba = class e extends ga {
 	_compressor;
 	_analyser;
 	constructor() {
-		let e = va(), t = ya(1, 2, We ? 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" && (ze || Be), qe && (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 = ba(), t = xa(1, 2, Ue ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100), n = e.createDynamicsCompressor(), r = e.createAnalyser();
+		r.connect(n), n.connect(e.destination), super(r, n), this._context = e, this._offlineContext = t, this._compressor = n, this._analyser = r, this._locked = e.state === "suspended" && (Re || ze), Ke && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
 	}
 	_onFocus() {
 		if (!this.autoPause) return;
@@ -8681,7 +8723,7 @@ var ba = class e extends ga {
 	setParamValue(e, t) {
 		e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
 	}
-}, xa = class extends e {
+}, Ca = class extends e {
 	_audio = null;
 	_sourceNode = null;
 	_gain = null;
@@ -8809,12 +8851,12 @@ var ba = class e extends ga {
 	};
 	_updateListener = () => this._update();
 	_enableTicker(e) {
-		x.off(this._updateListener), e && x.on(this._updateListener);
+		C.off(this._updateListener), e && C.on(this._updateListener);
 	}
 	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;
 	}
-}, Sa = class extends ga {
+}, wa = class extends va {
 	parent;
 	_sourceBuffer;
 	_sourceNode;
@@ -8822,7 +8864,7 @@ var ba = class e extends ga {
 	gain;
 	analyser;
 	get context() {
-		return ba.instance;
+		return Sa.instance;
 	}
 	get isPlayable() {
 		return !!this._sourceNode.buffer;
@@ -8837,8 +8879,8 @@ var ba = class e extends ga {
 		this._sourceNode.buffer = e;
 	}
 	constructor(e) {
-		let t = ba.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
-		n.connect(i), i.connect(r), r.connect(ba.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
+		let t = Sa.audioContext, n = t.createBufferSource(), r = t.createGain(), i = t.createAnalyser();
+		n.connect(i), i.connect(r), r.connect(Sa.instance.destination), super(i, r), this.parent = e, this._sourceNode = n, this.gain = r, this.analyser = i;
 	}
 	async load() {
 		return this._sourceLoad ||= new Promise((e) => {
@@ -8851,7 +8893,7 @@ var ba = class e extends ga {
 		});
 	}
 	_decode(e) {
-		return Promise.resolve(e instanceof AudioBuffer ? e : ba.decode(e)).then((e) => (this.parent.isLoaded = !0, this.buffer = e, e));
+		return Promise.resolve(e instanceof AudioBuffer ? e : Sa.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();
@@ -8861,15 +8903,15 @@ var ba = class e extends ga {
 		};
 	}
 	createSound() {
-		return new xa();
+		return new Ca();
 	}
-}, Ca, wa = class extends V {
+}, Ta, Ea = class extends V {
 	static {
-		Ca = this;
+		Ta = this;
 	}
 	static _soundPool = [];
 	_sounds = [];
-	_platformAudio = Ke ? new Sa(this) : new ha(this);
+	_platformAudio = Ge ? new wa(this) : new _a(this);
 	get platformAudio() {
 		return this._platformAudio;
 	}
@@ -8962,7 +9004,7 @@ var ba = class e extends ga {
 		this._sounds.length = 0;
 	}
 	_createSound() {
-		return Ca._soundPool.length > 0 ? Ca._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+		return Ta._soundPool.length > 0 ? Ta._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();
@@ -8978,7 +9020,7 @@ var ba = class e extends ga {
 		this._recycleSound(e);
 	};
 	_recycleSound(e) {
-		e.destroy(), Ca._soundPool.includes(e) || Ca._soundPool.push(e);
+		e.destroy(), Ta._soundPool.includes(e) || Ta._soundPool.push(e);
 	}
 	_prevTime = 0;
 	_timer = 0;
@@ -8994,13 +9036,13 @@ var ba = class e extends ga {
 		}, 100);
 	}
 };
-wa = Ca = k([b("Audio"), O("design:paramtypes", [Object])], wa);
+Ea = Ta = k([S("Audio"), O("design:paramtypes", [Object])], Ea);
 //#endregion
 //#region src/scene/audio/AudioSpectrum.ts
-var Ta = class extends wr {}, Ea = class extends ea {
+var Da = class extends Tr {}, Oa = class extends na {
 	_audioBuffer;
 	_src = (() => {
-		let e = S();
+		let e = w();
 		return e ? new z({ source: e }) : void 0;
 	})();
 	_needsUpdateTexture = !1;
@@ -9021,7 +9063,7 @@ var Ta = class extends wr {}, Ea = class extends ea {
 		}
 	}
 	async _loadSrc(e) {
-		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => ba.decode(e)).then((e) => {
+		await globalThis.fetch(e).then((e) => e.arrayBuffer()).then((e) => Sa.decode(e)).then((e) => {
 			this._audioBuffer = e, this.syncTexture(!0);
 		});
 	}
@@ -9056,12 +9098,12 @@ var Ta = class extends wr {}, Ea = class extends ea {
 		this.syncTexture(), super._process(e);
 	}
 };
-k([_(), O("design:type", Object)], Ea.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Ea.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Ea.prototype, "color", void 0), Ea = k([b("AudioWaveform"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Ea);
+k([_(), O("design:type", Object)], Oa.prototype, "src", void 0), k([_({ fallback: 0 }), O("design:type", Number)], Oa.prototype, "gap", void 0), k([_({ fallback: "#000000" }), O("design:type", String)], Oa.prototype, "color", void 0), Oa = k([S("AudioWaveform"), O("design:paramtypes", [typeof Partial > "u" ? Object : Partial])], Oa);
 //#endregion
 //#region src/scene/transitions/KawaseTransition.ts
-var Da, Oa = class extends Cr {
+var ka, Aa = class extends wr {
 	static {
-		Da = this;
+		ka = this;
 	}
 	blur = 10;
 	quality = 10;
@@ -9080,7 +9122,7 @@ var Da, Oa = class extends Cr {
 		let d = 1 / s, f = 1 / c, p = [], m, h = o - 1;
 		for (let e = 0; e < h; e++) m = u[e] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p });
 		m = u[h] + .5, p[0] = m * d, p[1] = m * f, l.push({ offset: p }), l.forEach((t) => {
-			L.draw(e, Da.material, {
+			L.draw(e, ka.material, {
 				sampler: r,
 				progress: i,
 				...t
@@ -9088,31 +9130,31 @@ var Da, Oa = class extends Cr {
 		});
 	}
 };
-Oa = Da = k([b("KawaseTransition")], Oa);
+Aa = ka = k([S("KawaseTransition")], Aa);
 //#endregion
 //#region src/scene/transitions/LeftEraseTransition.ts
-var ka, Aa = class extends Cr {
+var ja, Ma = class extends wr {
 	static {
-		ka = this;
+		ja = this;
 	}
 	static material = new I({ gl: {
 		vertex: "attribute vec2 position;\nattribute vec2 uv;\nvarying vec2 vUv;\nvoid main() {\n  gl_Position = vec4(position, 0.0, 1.0);\n  vUv = uv;\n}",
 		fragment: "precision highp float;\nvarying vec2 vUv;\nuniform float progress;\nuniform sampler2D previous;\nuniform sampler2D next;\n\nfloat easeInOutQuint(float t) {\n    return t < 0.5 ? 16.0*t*t*t*t*t : 1.0+16.0*(--t)*t*t*t*t;\n}\n\nvoid main() {\n  vec4 src1Color = texture2D(previous, vUv);\n  vec4 src2Color = texture2D(next, vUv);\n  float mProgress = 1.0 - progress;\n  float mixPercent = 0.0;\n  if (vUv.x <= mProgress) {\n    mixPercent = 1.0;\n  }\n  gl_FragColor = mix(src2Color, src1Color, mixPercent);\n}"
 	} });
 	apply(e) {
-		L.draw(e, ka.material, {
+		L.draw(e, ja.material, {
 			previous: 0,
 			next: 1,
 			progress: this.currentTimeProgress
 		});
 	}
 };
-Aa = ka = k([b("LeftEraseTransition")], Aa);
+Ma = ja = k([S("LeftEraseTransition")], Ma);
 //#endregion
 //#region src/scene/transitions/TiltShiftTransition.ts
-var ja, Ma = class extends Cr {
+var Na, Pa = class extends wr {
 	static {
-		ja = this;
+		Na = this;
 	}
 	blur = 100;
 	gradientBlur = 600;
@@ -9124,7 +9166,7 @@ var ja, Ma = class extends Cr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height, s = [0, o / 2], c = [600, o / 2], l = [a, o], u = c[0] - s[0], d = c[1] - s[1], f = Math.sqrt(u * u + d * d);
-		L.draw(e, ja.material, {
+		L.draw(e, Na.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9133,7 +9175,7 @@ var ja, Ma = class extends Cr {
 			end: c,
 			delta: [u / f, d / f],
 			texSize: l
-		}), L.draw(e, ja.material, {
+		}), L.draw(e, Na.material, {
 			sampler: r,
 			progress: i,
 			blur: this.blur,
@@ -9145,12 +9187,12 @@ var ja, Ma = class extends Cr {
 		});
 	}
 };
-Ma = ja = k([b("TiltShiftTransition")], Ma);
+Pa = Na = k([S("TiltShiftTransition")], Pa);
 //#endregion
 //#region src/scene/transitions/TwistTransition.ts
-var Na, Pa = class extends Cr {
+var Fa, Ia = class extends wr {
 	static {
-		Na = this;
+		Fa = this;
 	}
 	radius;
 	angle = 4;
@@ -9164,7 +9206,7 @@ var Na, Pa = class extends Cr {
 		let n = this.currentTimeProgress, r, i;
 		n < .5 ? (r = 0, i = (.5 - n) / .5) : (r = 1, i = (n - .5) / .5);
 		let a = t.width, o = t.height;
-		L.draw(e, Na.material, {
+		L.draw(e, Fa.material, {
 			sampler: r,
 			progress: i,
 			filterArea: [
@@ -9180,16 +9222,16 @@ var Na, Pa = class extends Cr {
 		});
 	}
 };
-Pa = Na = k([b("TwistTransition")], Pa);
+Ia = Fa = k([S("TwistTransition")], Ia);
 //#endregion
 //#region src/asset/loaders/GifLoader.ts
-var Fa = class extends Vn {
+var La = class extends Hn {
 	install(e) {
 		let t = async (t) => {
 			let { decodeFrames: n } = await import("modern-gif");
-			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new $n(e.map((e) => ({
+			return await t.arrayBuffer().then((t) => n(t, e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0)).then((e) => new er(e.map((e) => ({
 				duration: e.delay,
-				texture: new rr({
+				texture: new ir({
 					source: e.data,
 					width: e.width,
 					height: e.height
@@ -9200,14 +9242,14 @@ var Fa = class extends Vn {
 			e.register(n, t);
 		}), e.gif = this, this;
 	}
-}, Ia = class extends Vn {
+}, Ra = class extends Hn {
 	install(e) {
 		let t = async (e) => JSON.parse(await e.text());
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), ["application/json"].forEach((n) => {
 			e.register(n, t);
 		}), e.json = this, this;
 	}
-}, La = class extends Vn {
+}, za = class extends Hn {
 	install(e) {
 		return this.load = async (t, n) => (await import("lottie-web").then((e) => e.default)).loadAnimation({
 			container: null,
@@ -9218,12 +9260,12 @@ var Fa = class extends Vn {
 			animationData: await e.loadBy(t, () => e.fetch(t).then((e) => e.json()))
 		}), e.lottie = this, this;
 	}
-}, Ra = class extends Vn {
+}, Ba = class extends Hn {
 	install(e) {
 		let t = async (e) => e.text();
 		return this.load = (n) => typeof n == "string" ? e.loadBy(n).then(t) : t(n), e.text = this, this;
 	}
-}, za = class extends Vn {
+}, Va = class extends Hn {
 	install(e) {
 		let t = (t) => e.fetchImageBitmap(t, { premultiplyAlpha: "premultiply" }).then((e) => new z({
 			source: e,
@@ -9247,11 +9289,11 @@ var Fa = class extends Vn {
 			e.register(n, t);
 		}), e.texture = this, this;
 	}
-}, Ba = class extends Vn {
+}, Ha = class extends Hn {
 	install(e) {
-		return this.load = (t) => e.awaitBy(() => new ar(t).load()), e.video = this, this;
+		return this.load = (t) => e.awaitBy(() => new or(t).load()), e.video = this, this;
 	}
-}, Va = Object.entries({
+}, Ua = Object.entries({
 	"font/woff": ["woff"],
 	"font/ttf": ["ttf"],
 	"font/otf": ["otf"],
@@ -9267,31 +9309,31 @@ var Fa = class extends Vn {
 	"image/webp": ["webp"],
 	"application/json": ["json"]
 });
-function Ha(e) {
-	for (let [t, n] of Va) if (n.includes(e)) return t;
+function Wa(e) {
+	for (let [t, n] of Ua) if (n.includes(e)) return t;
 }
-function Ua(e) {
+function Ga(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 = Ha(n));
+		n && (t = Wa(n));
 	}
 	return t;
 }
 //#endregion
 //#region src/asset/Assets.ts
-var Wa = "WeakRef" in globalThis, Ga = class extends e {
+var Ka = "WeakRef" in globalThis, qa = class extends e {
 	defaultHandler = (e) => e;
 	_handlers = /* @__PURE__ */ new Map();
 	_handleing = /* @__PURE__ */ new Map();
 	_handled = /* @__PURE__ */ new Map();
-	_gc = Wa ? new FinalizationRegistry((e) => {
+	_gc = Ka ? new FinalizationRegistry((e) => {
 		let t = this.get(e);
 		t && "destroy" in t && t.destroy(), this._handled.delete(e);
 	}) : void 0;
 	constructor() {
-		super(), Wa || x.on(this.gc.bind(this), { sort: 2 });
+		super(), Ka || C.on(this.gc.bind(this), { sort: 2 });
 	}
 	use(e) {
 		return e.install(this), this;
@@ -9331,7 +9373,7 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 			}).then((e) => {
 				if (e.complete && e.naturalWidth && e.naturalHeight) return createImageBitmap(e, t);
 				{
-					let e = S(1, 1);
+					let e = w(1, 1);
 					if (!e) throw Error("createImageBitmap fallback requires a canvas; call setCanvasFactory() in non-browser environments.");
 					return createImageBitmap(e);
 				}
@@ -9340,11 +9382,11 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 	}
 	get(e) {
 		let t = this._handled.get(e);
-		return Wa && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+		return Ka && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
 	}
 	set(e, t) {
 		let n = t;
-		Wa && typeof t == "object" && (this._gc.register(t, e), n = new WeakRef(t)), this._handled.set(e, n);
+		Ka && 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();
@@ -9359,7 +9401,7 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 		return this._handleing.set(e, r), r;
 	}
 	async load(e, t) {
-		let n = await this.loadBy(e), r = Ua(e);
+		let n = await this.loadBy(e), r = Ga(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() {
@@ -9373,14 +9415,14 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 			n && "destroy" in n && n.destroy();
 		}), this._handled.clear();
 	}
-}, $ = new Ga().use(new Hn()).use(new Fa()).use(new Ia()).use(new La()).use(new Ra()).use(new za()).use(new Ba()), Ka = {
+}, $ = new qa().use(new Un()).use(new La()).use(new Ra()).use(new za()).use(new Ba()).use(new Va()).use(new Ha()), Ja = {
 	alpha: !0,
 	stencil: !0,
 	antialias: !1,
 	premultipliedAlpha: !0,
 	preserveDrawingBuffer: !1,
 	powerPreference: "default"
-}, qa = class extends Sr {
+}, Ya = class extends Cr {
 	renderer;
 	get view() {
 		return this.renderer.view;
@@ -9403,7 +9445,7 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 	set pixelRatio(e) {
 		this.renderer.pixelRatio = e, this.resize(this.width, this.height);
 	}
-	_resizeObserver = Fe ? new ResizeObserver((e) => {
+	_resizeObserver = Pe ? new ResizeObserver((e) => {
 		let t = e[0];
 		if (t.target === this.view) {
 			let { inlineSize: e, blockSize: n } = Array.isArray(t.contentBoxSize) ? t.contentBoxSize[0] : t.contentBoxSize;
@@ -9411,14 +9453,14 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 		}
 	}) : void 0;
 	constructor(e = {}) {
-		let { view: t, width: n, height: r, pixelRatio: i = Ye, autoResize: a, data: o } = e;
-		super(), this.renderer = new Bn(t, {
-			alpha: Ka.alpha ?? e.alpha,
-			stencil: Ka.stencil ?? e.stencil,
-			antialias: Ka.antialias ?? e.antialias,
-			premultipliedAlpha: Ka.premultipliedAlpha ?? e.premultipliedAlpha,
-			preserveDrawingBuffer: Ka.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-			powerPreference: Ka.powerPreference ?? e.powerPreference
+		let { view: t, width: n, height: r, pixelRatio: i = Je, autoResize: a, data: o } = e;
+		super(), this.renderer = new Vn(t, {
+			alpha: Ja.alpha ?? e.alpha,
+			stencil: Ja.stencil ?? e.stencil,
+			antialias: Ja.antialias ?? e.antialias,
+			premultipliedAlpha: Ja.premultipliedAlpha ?? e.premultipliedAlpha,
+			preserveDrawingBuffer: Ja.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+			powerPreference: Ja.powerPreference ?? e.powerPreference
 		}), 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) {
@@ -9451,7 +9493,7 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 		return this.renderer.resize(e, t, n), this.root.width = e, this.root.height = t, this.render(), this;
 	}
 	nextTick() {
-		return xe();
+		return be();
 	}
 	async waitUntilLoad() {
 		await $.waitUntilLoad(), await this.nextTick();
@@ -9490,9 +9532,9 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 		return new ImageData(this.toPixels(), this.root.width, this.root.height);
 	}
 	toCanvas2D(e = this.toImageData()) {
-		let t = S(e.width, e.height), n = t?.getContext("2d");
+		let t = w(e.width, e.height), n = t?.getContext("2d");
 		t && n && (n.fillStyle = "rgba(0, 0, 0, 0)", n.clearRect(0, 0, t.width, t.height), n.putImageData(e, 0, 0));
-		let r = S(e.width, e.height);
+		let r = w(e.width, e.height);
 		if (!r) throw Error("toCanvas2D requires a canvas; call setCanvasFactory() in non-browser environments.");
 		let i = r.getContext("2d");
 		return i && t && (i.fillStyle = "rgba(0, 0, 0, 0)", i.clearRect(0, 0, r.width, r.height), i.drawImage(t, 0, 0, t.width, t.height, 0, 0, r.width, r.height)), r;
@@ -9501,22 +9543,22 @@ var Wa = "WeakRef" in globalThis, Ga = class extends e {
 		super._destroy(), this._resizeObserver?.disconnect(), this.renderer.destroy();
 	}
 };
-k([_({ fallback: !1 }), O("design:type", Boolean)], qa.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], qa.prototype, "autoStart", void 0);
+k([_({ fallback: !1 }), O("design:type", Boolean)], Ya.prototype, "autoResize", void 0), k([_({ fallback: !1 }), O("design:type", Boolean)], Ya.prototype, "autoStart", void 0);
 //#endregion
 //#region src/render.ts
-var Ja, Ya = [], Xa = !1;
-function Za() {
-	return Ja ??= new qa({
+var Xa, Za = [], Qa = !1;
+function $a() {
+	return Xa ??= new Ya({
 		pixelRatio: 1,
 		width: 1,
 		height: 1,
 		preserveDrawingBuffer: !0
 	});
 }
-async function Qa(e = 100) {
-	if (!Xa) {
-		for (Xa = !0; Ya.length;) {
-			let t = Ya.shift();
+async function eo(e = 100) {
+	if (!Qa) {
+		for (Qa = !0; Za.length;) {
+			let t = Za.shift();
 			if (t) try {
 				await t();
 			} catch (e) {
@@ -9524,11 +9566,11 @@ async function Qa(e = 100) {
 			}
 			else await new Promise((t) => setTimeout(t, e));
 		}
-		Xa = !1;
+		Qa = !1;
 	}
 }
-async function $a(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 = Za();
+async function to(e) {
+	let { debug: t = !1, fonts: n, width: r, height: i, data: a, keyframes: o = [], onBefore: s, onKeyframe: c, ...l } = e, u = Math.floor(r), d = Math.floor(i), f = $a();
 	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++) {
@@ -9546,15 +9588,15 @@ async function $a(e) {
 		toCanvas2D: () => f.toCanvas2D(new ImageData(p, u, d))
 	};
 }
-async function eo(e) {
+async function no(e) {
 	return new Promise((t) => {
-		Ya.push(async () => t(await $a(e).then((e) => e.toCanvas2D()))), Qa();
+		Za.push(async () => t(await to(e).then((e) => e.toCanvas2D()))), eo();
 	});
 }
-async function to(e) {
+async function ro(e) {
 	return new Promise((t) => {
-		Ya.push(async () => t(await $a(e).then((e) => e.pixels))), Qa();
+		Za.push(async () => t(await to(e).then((e) => e.pixels))), eo();
 	});
 }
 //#endregion
-export { yt as Aabb2D, $n as AnimatedTexture, fa as Animation, Ga as Assets, wa as Audio, ga as AudioPipeline, _a as AudioProcessor, Ta as AudioSpectrum, Ea as AudioWaveform, A as BufferUsage, Tr as Camera2D, sr as CanvasContext, _r as CanvasItem, er as CanvasTexture, T as Color, W as ColorAdjustEffect, Rr as ColorFilterEffect, St as ColorMatrix, Vr as ColorOverlayEffect, Ur as ColorRemoveEffect, Kr as ColorReplaceEffect, tr as ColorTexture, C as CoreObject, bt as DEG_TO_RAD, Ye as DEVICE_PIXEL_RATIO, G as DrawboardEffect, $r as DropShadowEffect, U as Effect, Xn as EffectMaterial, ea as Element2D, _i as Element2DBackground, X as Element2DChart, xi as Element2DConnection, Y as Element2DFill, ki as Element2DForeground, ji as Element2DOutline, Mi as Element2DShadow, Ni as Element2DShape, Pi as Element2DStyle, Ri as Element2DTable, Z as Element2DText, ti as EmbossEffect, qa as Engine, Yi as Flexbox, Hn as FontLoader, Zr as GaussianBlurEffect, Wn as Geometry, Fa as GifLoader, ln as GlBatch2DSystem, an as GlBlendMode, Dt as GlBuffer, Pt as GlBufferSystem, Et as GlBufferTarget, pn as GlMaskSystem, Kt as GlProgram, _n as GlRenderTarget, vn as GlRenderTargetSystem, tn as GlShaderSystem, sn as GlState, cn as GlStateSystem, hn as GlStencilSystem, j as GlSystem, gn as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, nr as GradientTexture, ha as HTMLAudio, pa as HTMLAudioContext, ma as HTMLSound, qe as IN_BROWSER, Je as IN_MAC_OS, Un as IndexBuffer, _t as Input, dt as InputEvent, Ia as JsonLoader, si as KawaseBlurEffect, Oa as KawaseTransition, ft as KeyboardInputEvent, Aa as LeftEraseTransition, Vn as Loader, na as Lottie2D, La as LottieLoader, Tt as MainLoop, li as MaskEffect, I as Material, ra as Mesh2D, lr as Meta, pt as MouseInputEvent, B as Node, wr as Node2D, Ct as Obb2D, J as OutlineEffect, Se as PI, Ce as PI_2, pi as PixelateEffect, rr as PixelsTexture, mt as PointerInputEvent, wt as Projection2D, Gn as QuadGeometry, L as QuadUvGeometry, xt as RAD_TO_DEG, vt as RefCounted, R as RenderTarget, Ot as Renderer, w as Resource, He as SUPPORTS_AUDIO_CONTEXT, Be as SUPPORTS_CLICK_EVENTS, Ve as SUPPORTS_CREATE_IMAGE_BITMAP, Pe as SUPPORTS_IMAGE_BITMAP, Re as SUPPORTS_MOUSE_EVENTS, We as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Ie as SUPPORTS_POINTER_EVENTS, Fe as SUPPORTS_RESIZE_OBSERVER, ze as SUPPORTS_TOUCH_EVENTS, Ne as SUPPORTS_WEBGL2, Ue as SUPPORTS_WEBKIT_AUDIO_CONTEXT, Ge as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ke as SUPPORTS_WEB_AUDIO, Le as SUPPORTS_WHEEL_EVENTS, Sr as SceneTree, Ra as TextLoader, z as Texture2D, za as TextureLoader, ta as TextureRect2D, x as Ticker, Ma as TiltShiftTransition, br as Timeline, V as TimelineNode, ia as TransformRect2D, Cr as Transition, Pa as TwistTransition, At as UniformGroup, Qn as UvGeometry, Zn as UvMaterial, F as VertexAttribute, P as VertexBuffer, aa as Video2D, Ba as VideoLoader, ar as VideoTexture, H as Viewport, or as ViewportTexture, Sa as WebAudio, ba as WebAudioContext, Bn as WebGLRenderer, xa as WebSound, ht as WheelInputEvent, xr as Window, hi as ZoomBlurEffect, Bi as alignMap, $ as assets, Er as axisDir, Ji as boxSizingMap, E as clamp, oi as clampFrag, S as createHTMLCanvas, Nt as createIdFromString, be as createNode, ct as crossOrigin, ua as cssEasingPresets, la as cubicBezier, b as customNode, ye as customNodes, Ka as defaultOptions, st as determineCrossOrigin, Hi as directionMap, Vi as displayMap, Q as edgeMap, Ui as flexDirectionMap, Wi as flexWrapMap, ai as frag, rt as getCanvasFactory, Oe as getDefaultCssPropertyValue, ot as getGlContextProvider, Za as getRenderEngine, zi as gutterMap, ut as instanceId, $e as isCanvasElement, Xe as isElementNode, Qe as isImageElement, we as isPow2, Ze as isVideoElement, et as isWebgl2, Gi as justifyMap, D as lerp, dn as log2, on as mapGlBlendModes, un as nextPow2, xe as nextTick, Ki as overflowMap, Pr as parseCssFilter, Ae as parseCssFunctions, ke as parseCssProperty, Fr as parseCssTransformOrigin, qi as positionTypeMap, eo as render, to as renderPixels, hr as resetBatchPool, Dr as routeConnection, nt as setCanvasFactory, at as setGlContextProvider, mn as stencilModeMap };
+export { vt as Aabb2D, er as AnimatedTexture, ma as Animation, qa as Assets, Ea as Audio, va as AudioPipeline, ya as AudioProcessor, Da as AudioSpectrum, Oa as AudioWaveform, A as BufferUsage, Er as Camera2D, cr as CanvasContext, vr as CanvasItem, tr as CanvasTexture, yt as Color, W as ColorAdjustEffect, zr as ColorFilterEffect, Ct as ColorMatrix, Hr as ColorOverlayEffect, Wr as ColorRemoveEffect, qr as ColorReplaceEffect, nr as ColorTexture, T as CoreObject, bt as DEG_TO_RAD, Je as DEVICE_PIXEL_RATIO, G as DrawboardEffect, ei as DropShadowEffect, U as Effect, Zn as EffectMaterial, na as Element2D, vi as Element2DBackground, X as Element2DChart, Si as Element2DComments, Ci as Element2DConnection, Y as Element2DFill, ji as Element2DForeground, Ni as Element2DOutline, Pi as Element2DShadow, Fi as Element2DShape, Ii as Element2DStyle, Bi as Element2DTable, Z as Element2DText, ni as EmbossEffect, Ya as Engine, Zi as Flexbox, Un as FontLoader, Qr as GaussianBlurEffect, Gn as Geometry, La as GifLoader, un as GlBatch2DSystem, on as GlBlendMode, Ot as GlBuffer, Ft as GlBufferSystem, Dt as GlBufferTarget, mn as GlMaskSystem, qt as GlProgram, vn as GlRenderTarget, yn as GlRenderTargetSystem, nn as GlShaderSystem, cn as GlState, ln as GlStateSystem, gn as GlStencilSystem, j as GlSystem, _n as GlViewportSystem, K as GlitchEffect, q as GodrayEffect, rr as GradientTexture, _a as HTMLAudio, ha as HTMLAudioContext, ga as HTMLSound, Ke as IN_BROWSER, qe as IN_MAC_OS, Wn as IndexBuffer, gt as Input, ut as InputEvent, Ra as JsonLoader, ci as KawaseBlurEffect, Aa as KawaseTransition, dt as KeyboardInputEvent, Ma as LeftEraseTransition, Hn as Loader, ia as Lottie2D, za as LottieLoader, Et as MainLoop, ui as MaskEffect, I as Material, aa as Mesh2D, ur as Meta, ft as MouseInputEvent, B as Node, Tr as Node2D, wt as Obb2D, J as OutlineEffect, xe as PI, Se as PI_2, mi as PixelateEffect, ir as PixelsTexture, pt as PointerInputEvent, Tt as Projection2D, Kn as QuadGeometry, L as QuadUvGeometry, xt as RAD_TO_DEG, _t as RefCounted, R as RenderTarget, kt as Renderer, E as Resource, Ve as SUPPORTS_AUDIO_CONTEXT, ze as SUPPORTS_CLICK_EVENTS, Be as SUPPORTS_CREATE_IMAGE_BITMAP, Ne as SUPPORTS_IMAGE_BITMAP, Le as SUPPORTS_MOUSE_EVENTS, Ue as SUPPORTS_OFFLINE_AUDIO_CONTEXT, Fe as SUPPORTS_POINTER_EVENTS, Pe as SUPPORTS_RESIZE_OBSERVER, Re as SUPPORTS_TOUCH_EVENTS, Me as SUPPORTS_WEBGL2, He as SUPPORTS_WEBKIT_AUDIO_CONTEXT, We as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT, Ge as SUPPORTS_WEB_AUDIO, Ie as SUPPORTS_WHEEL_EVENTS, Cr as SceneTree, Ba as TextLoader, z as Texture2D, Va as TextureLoader, ra as TextureRect2D, C as Ticker, Pa as TiltShiftTransition, xr as Timeline, V as TimelineNode, oa as TransformRect2D, wr as Transition, Ia as TwistTransition, jt as UniformGroup, $n as UvGeometry, Qn as UvMaterial, F as VertexAttribute, P as VertexBuffer, sa as Video2D, Ha as VideoLoader, or as VideoTexture, H as Viewport, sr as ViewportTexture, wa as WebAudio, Sa as WebAudioContext, Vn as WebGLRenderer, Ca as WebSound, mt as WheelInputEvent, Sr as Window, gi as ZoomBlurEffect, Hi as alignMap, $ as assets, Dr as axisDir, Xi as boxSizingMap, St as clamp, si as clampFrag, w as createHTMLCanvas, Pt as createIdFromString, ye as createNode, st as crossOrigin, fa as cssEasingPresets, da as cubicBezier, S as customNode, ve as customNodes, Ja as defaultOptions, ot as determineCrossOrigin, Wi as directionMap, Ui as displayMap, Q as edgeMap, Gi as flexDirectionMap, Ki as flexWrapMap, oi as frag, nt as getCanvasFactory, De as getDefaultCssPropertyValue, at as getGlContextProvider, $a as getRenderEngine, Vi as gutterMap, lt as instanceId, Qe as isCanvasElement, Ye as isElementNode, Ze as isImageElement, Ce as isPow2, Xe as isVideoElement, $e as isWebgl2, qi as justifyMap, D as lerp, fn as log2, sn as mapGlBlendModes, dn as nextPow2, be as nextTick, Ji as overflowMap, Fr as parseCssFilter, ke as parseCssFunctions, Oe as parseCssProperty, Ir as parseCssTransformOrigin, Yi as positionTypeMap, no as render, ro as renderPixels, gr as resetBatchPool, Or as routeConnection, tt as setCanvasFactory, it as setGlContextProvider, hn as stencilModeMap };